.hero{position:relative;min-height:100svh;padding-block:0;display:flex;align-items:center;overflow:hidden;background:radial-gradient(at 30% 20%,rgba(192,216,236,.6),transparent 50%),radial-gradient(at 70% 70%,rgba(123,196,160,.25),transparent 55%),linear-gradient(135deg,var(--color-bg-base),var(--color-blue-50))}.hero-inner{position:relative;z-index:1;padding-block:clamp(var(--space-16),12vh,var(--space-24));display:grid;grid-template-columns:55fr 45fr;gap:clamp(var(--space-8),6vw,var(--space-16));align-items:center;width:100%}@media (max-width: 900px){.hero-inner{grid-template-columns:1fr;padding-block:var(--space-10) var(--space-16)}}.hero-content{display:flex;flex-direction:column;gap:var(--space-6)}@media (max-width: 900px){.hero-content{order:2}}.hero-title{font-size:var(--fs-display-1);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.025em;color:var(--color-text-primary)}.hero-title-row{display:block}.hero-title-accent{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-lead{font-size:var(--fs-body-lg);line-height:var(--lh-base);color:var(--color-text-secondary);max-width:56ch}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.hero-meta{margin-top:var(--space-4);font-size:var(--fs-body-sm);color:var(--color-text-tertiary);letter-spacing:.02em}.hero-visual{position:relative}@media (max-width: 900px){.hero-visual{order:1}}.hero-visual-frame{aspect-ratio:4 / 3;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}@media (max-width: 900px){.hero-visual-frame{aspect-ratio:3 / 2}}.hero-visual-frame picture,.hero-visual-frame img{display:block;width:100%;height:100%;object-fit:cover}.hero-visual-badge{position:absolute;right:var(--space-5);bottom:var(--space-5);padding:var(--space-2) var(--space-4);background-color:#0b1620b8;backdrop-filter:blur(6px);color:var(--color-text-inverse);font-size:var(--fs-caption);font-weight:500;letter-spacing:.02em;border-radius:var(--radius-pill)}.hero-scroll{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);z-index:1;width:24px;height:40px;display:flex;justify-content:center;padding-top:8px;border:1.5px solid var(--color-blue-400);border-radius:var(--radius-pill);opacity:.7;transition:opacity var(--dur-base) var(--ease-out)}.hero-scroll:hover{opacity:1}.hero-scroll-line{width:2px;height:8px;background-color:var(--color-primary);border-radius:2px;animation:scroll-hint 2s var(--ease-in-out) infinite}@keyframes scroll-hint{0%{transform:translateY(0);opacity:1}60%{transform:translateY(12px);opacity:0}61%{transform:translateY(0);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.hero-scroll-line{animation:none}}.matrix{position:relative;background-color:var(--color-bg-deep);color:var(--color-text-inverse);overflow:hidden}.matrix-bg{position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,rgba(7,104,172,.35),transparent 50%),radial-gradient(circle at 25% 70%,rgba(61,169,252,.12),transparent 55%);pointer-events:none}.matrix-inner{position:relative}.matrix-head{text-align:center;max-width:720px;margin:0 auto var(--space-16)}.matrix-eyebrow{color:var(--color-tertiary)}.matrix-title{color:var(--color-text-inverse);font-size:var(--fs-display-2)}.matrix-lead{color:#ffffffb3;margin-inline:auto}.matrix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (max-width: 900px){.matrix-grid{grid-template-columns:1fr}}.matrix-card{display:flex;flex-direction:column;background-color:#ffffff0a;border:1px solid rgba(61,169,252,.16);border-radius:var(--radius-lg);overflow:hidden;backdrop-filter:blur(8px);transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.matrix-card:hover{transform:translateY(-6px);border-color:#3da9fc66}.matrix-card-visual{aspect-ratio:4 / 3;background-color:#ffffff08}.matrix-card-visual img{width:100%;height:100%;object-fit:cover;display:block}.matrix-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-8);flex:1}.matrix-card-body h3{font-size:var(--fs-h2);font-weight:700;color:var(--color-text-inverse)}.matrix-card-body p{font-size:var(--fs-body-sm);color:#ffffffa6;line-height:var(--lh-snug)}.matrix-card-note{font-size:var(--fs-caption);color:#ffffff73;font-style:italic}.matrix-card-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:#e8a87c1f;border:1px solid rgba(232,168,124,.3);border-radius:var(--radius-pill);font-size:var(--fs-caption);color:var(--color-tertiary);font-weight:500}.matrix-card-cta{margin-top:auto;padding-top:var(--space-2);color:var(--color-text-inverse);border-color:#ffffff4d}.matrix-card-cta:hover{border-color:#3da9fc;color:#3da9fc}.software{background-color:var(--color-bg-base);padding-block:var(--space-24)}.software-head{text-align:center;max-width:720px;margin:0 auto var(--space-16)}.software-head .section-lead{margin-inline:auto}.software-grid{grid-template-columns:repeat(4,1fr)}@media (max-width: 1100px){.software-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.software-grid{grid-template-columns:1fr}}.pillar-icon-xiaorui{color:var(--color-tertiary);background-color:#e8a87c2e}.software-foot{text-align:center;margin-top:var(--space-16);font-size:var(--fs-body-lg);color:var(--color-text-secondary)}.software-foot a{color:var(--color-primary);font-weight:600;margin-left:var(--space-2)}.software-foot a:hover{text-decoration:underline}.about{background-color:var(--color-bg-card)}.about-head{text-align:center;max-width:720px;margin:0 auto var(--space-16)}.about-head .section-lead{margin-inline:auto}.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:clamp(var(--space-8),5vw,var(--space-12))}@media (max-width: 900px){.about-grid{grid-template-columns:1fr}}.about-values{display:flex;flex-direction:column;gap:var(--space-6)}.about-value{padding:var(--space-6);background-color:var(--color-bg-base);border-radius:var(--radius-lg);border-left:3px solid var(--color-primary);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.about-value:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.about-value:nth-child(2){border-left-color:var(--color-secondary)}.about-value:nth-child(3){border-left-color:var(--color-tertiary)}.about-value-num{font-family:var(--font-mono);font-size:var(--fs-caption);font-weight:600;color:var(--color-text-tertiary);letter-spacing:.12em}.about-value h4{margin-top:var(--space-2);margin-bottom:var(--space-2);font-size:var(--fs-h2);font-weight:600;color:var(--color-text-primary)}.about-value p{font-size:var(--fs-body);line-height:var(--lh-base);color:var(--color-text-secondary)}.about-info{padding:var(--space-8);background-color:var(--color-bg-base);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);align-self:start;position:sticky;top:calc(var(--nav-height) + var(--space-6))}.about-info-title{font-size:var(--fs-h3);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.about-info-list{display:flex;flex-direction:column;gap:var(--space-4)}.about-info-list>div{display:flex;flex-direction:column;gap:var(--space-1)}.about-info-list dt{font-size:var(--fs-caption);color:var(--color-text-tertiary);letter-spacing:.08em;text-transform:uppercase}.about-info-list dd{font-size:var(--fs-body);color:var(--color-text-primary);font-weight:500}.download{position:relative;background-color:var(--color-bg-base);overflow:hidden}.download-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(7,104,172,.08),transparent 60%);pointer-events:none}.download-inner{position:relative}.download-head{text-align:center;max-width:720px;margin:0 auto var(--space-16)}.download-head .section-lead{margin-inline:auto}.download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media (max-width: 900px){.download-grid{grid-template-columns:1fr}}.download-card{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-8);background-color:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.download-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.download-card-head{display:flex;align-items:center;gap:var(--space-4)}.download-platform{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background-color:var(--color-bg-base);color:var(--color-text-primary)}.download-platform svg{width:28px;height:28px}.download-card h4{font-size:var(--fs-h2);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.download-card-desc{font-size:var(--fs-body-sm);line-height:var(--lh-base);color:var(--color-text-secondary);min-height:4.4em}.download-qr{margin-top:auto;padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.download-qr img{width:140px;height:140px;border-radius:var(--radius-md);background-color:var(--color-bg-base);padding:var(--space-2)}.download-qr span{font-size:var(--fs-body-sm);color:var(--color-text-tertiary);letter-spacing:.02em}.download-card-btn{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:auto;padding:var(--space-3) var(--space-5);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--fs-body-sm);font-weight:600;text-decoration:none;transition:opacity .15s}.download-card-btn:after{content:" →"}.download-card-btn:hover{opacity:.88}.download-placeholder{margin-top:auto;padding:var(--space-8) var(--space-4);background-color:var(--color-bg-base);border-radius:var(--radius-md);text-align:center;font-size:var(--fs-body-sm);color:var(--color-text-tertiary);border:1px dashed var(--color-border-strong)}