.reveal{opacity:1!important;transform:none!important}.page-hero{position:relative;padding:calc(var(--envbar-h) + var(--header-h) + clamp(4rem,9vh,8rem)) 0 9rem;text-align:center;overflow:hidden;background:linear-gradient(2deg,#002438 -7.89%,#000 112.41%);color:var(--hero-text)}.page-hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(760px 420px at 28% 18%,rgba(0,225,255,.13),transparent 62%),radial-gradient(900px 460px at 78% 6%,rgba(0,80,122,.28),transparent 60%)}.page-hero .container{position:relative;z-index:1}.page-hero .eyebrow{color:#00e1ff;font-family:var(--font-mono);font-size:1.3rem;letter-spacing:.14em;margin-bottom:2.4rem}.page-hero h1{max-width:980px;margin:0 auto;font-size:clamp(42px,6vw,64px);font-weight:600;line-height:1.14;letter-spacing:-.01em;color:var(--hero-text)}.page-hero h1 .dim{opacity:.82}.page-hero .hero-sub{max-width:680px;margin:2.4rem auto 0;font-size:1.7rem;line-height:1.8;color:#f5f6fab8}.page-hero .hero-actions{margin-top:4rem}.page-hero .btn-primary{border-color:#00e1ff80}#devices{border-top:1px solid rgba(226,228,235,.08)}#devices .dev-card{padding:1.6rem;gap:1.6rem}#devices .dev-card h3{font-size:clamp(22px,2vw,28px);line-height:1.2}.dev-media{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:.8rem;overflow:hidden;border:.05rem solid rgba(226,228,235,.125);background:linear-gradient(135deg,#062a36,#001a26)}.dev-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dev-media.img-missing:after{content:"\4ea7\54c1\914d\56fe\5236\4f5c\4e2d";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.08em;color:#f5f6fa73}.dev-body{display:flex;flex-direction:column;gap:1.2rem;flex:1}.dev-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}#devices .dev-card .dev-lead{font-size:1.5rem;line-height:1.7;color:#f5f6fac7}.dev-feats{display:flex;flex-direction:column;gap:.7rem}.dev-feats li{position:relative;padding-left:2rem;font-size:1.35rem;line-height:1.6;color:#f5f6fad1}.dev-feats li:before{content:"";position:absolute;left:.2rem;top:.55em;width:.8rem;height:.8rem;border-radius:.2rem;background:#00e1ffe6;box-shadow:0 0 0 3px #00e1ff1f}.dev-reserve{display:inline-flex;align-items:center;gap:.6rem;align-self:flex-start;margin-top:.4rem;padding:.9rem 1.7rem;font-size:1.4rem;font-weight:500;border-radius:5rem;border:.137rem solid var(--cyan-border);background:linear-gradient(0deg,#011824 .36%,#0d222e 100.36%);color:#fff;transition:border-color .15s ease,background-color .15s ease}.dev-reserve:hover{background:linear-gradient(0deg,#01141e .36%,#091922 100.36%);border-color:#00e1ff80}.dev-reserve .arr{color:#00d2e6;font-weight:700;transition:transform .25s ease}.dev-reserve:hover .arr{transform:translate(4px)}#compat{background:#fff;padding-block:10rem}#compat .compat-panel{position:relative;overflow:hidden;text-align:center;padding:clamp(5.6rem,8vw,10rem) clamp(2.4rem,5vw,7.2rem);border-radius:1rem;background:var(--deep-grad);color:var(--text-light)}#compat .grid-dots{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1.6px);background-size:34px 34px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 18%,#000 12%,transparent 72%);mask-image:radial-gradient(ellipse 80% 70% at 50% 18%,#000 12%,transparent 72%)}#compat .compat-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(600px 400px at 85% 0,rgba(0,225,255,.16),transparent 65%)}#compat .compat-panel>*{position:relative;z-index:1}#compat .eyebrow{color:#00e1ff;font-family:var(--font-mono);font-size:1.3rem;letter-spacing:.14em;margin-bottom:2rem}#compat h2{font-size:clamp(3rem,4.4vw,5.4rem);font-weight:600;line-height:1.15;letter-spacing:-.01em;color:var(--text-light)}#compat .compat-sub{margin:2rem auto 0;max-width:62rem;font-size:1.7rem;line-height:1.8;color:#f5f6fab8}.proto-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:3.2rem}.proto-chips li{font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.08em;color:#00e1ffeb;border:1px solid rgba(0,225,255,.3);border-radius:6px;padding:.5rem 1.2rem;background:#00e1ff0d}.compat-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem 6rem;margin-top:4rem}.compat-stats .cstat{display:flex;flex-direction:column;align-items:center;gap:.4rem}.compat-stats .cstat-num{font-size:3.2rem;font-weight:600;line-height:1.1;color:#00e1ff;font-variant-numeric:tabular-nums}.compat-stats .cstat-num .num{font-family:var(--font-sans)}.compat-stats .cstat-num .suffix{font-size:1.8rem}.compat-stats .cstat-label{font-size:1.4rem;color:#f5f6faa6}.compat-actions{margin-top:4.4rem}.compat-actions .btn{display:inline-flex;align-items:center;gap:.6rem;padding:1.4rem 3rem;font-size:1.8rem;font-weight:500;border-radius:5rem;border:.137rem solid #fff;background:#fff;color:#00334f;transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease,border-color var(--dur-fast) ease}.compat-actions .btn:hover{background:#e2e4eb}.compat-actions .btn .arr{transition:transform var(--dur-med) ease}.compat-actions .btn:hover .arr{transform:translate(4px)}@media (max-width:900px){.page-hero{padding-top:calc(var(--envbar-h) + var(--header-h) + 6rem)}}@media (max-width:768px){.page-hero{padding-bottom:7rem}.page-hero .hero-sub{font-size:1.6rem}#compat{padding-block:8rem}}@media (max-width:700px){#devices .dev-card{grid-column:span 12!important}.compat-stats{gap:2.4rem 3rem}}@media (max-width:390px){.page-hero{padding-bottom:5.6rem}.page-hero .btn-lg{width:100%}#compat{padding-block:6.4rem}.compat-stats .cstat-num{font-size:2.6rem}.compat-stats .cstat-num .suffix{font-size:1.5rem}.compat-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.compat-actions .btn:hover .arr,.dev-reserve:hover .arr{transform:none}}.hw-ladder{display:flex;align-items:stretch;gap:0;margin-top:3.2rem;border-radius:1rem;overflow:hidden;border:.05rem solid rgba(226,228,235,.6);background:#fff}.hw-ladder .hw-step{flex:1;position:relative;padding:2rem 1.6rem 1.8rem;text-align:center}.hw-ladder .hw-step:not(:last-child):after{content:"\2192";position:absolute;right:-.9rem;top:50%;transform:translateY(-50%);width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:var(--cyan-ink,#007f87);background:#e6faff;border:.05rem solid rgba(0,225,255,.25);border-radius:50%;z-index:1}.hw-ladder .hw-step-num{font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.14em;color:var(--cyan-ink,#007f87)}.hw-ladder .hw-step h3{margin-top:.4rem;font-size:1.7rem;font-weight:600;color:#0a2540}.hw-ladder .hw-step p{margin-top:.6rem;font-size:1.25rem;line-height:1.6;color:#5b6b84}.hw-ladder .hw-step .hw-meta{margin-top:.8rem;display:inline-flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.hw-ladder .hw-step .hw-meta span{font-family:var(--font-mono);font-size:1rem;letter-spacing:.06em;color:#175676;background:#f0f7fb;border:.05rem solid #dbe6ee;padding:.2rem .6rem;border-radius:4px}.hw-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan-ink,#007f87);background:var(--cyan-ink,#007f87)14;border:.05rem solid rgba(0,163,178,.18);padding:.25rem .6rem;border-radius:4px}.hw-category-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1.6rem;margin-bottom:2.8rem}.hw-category-head h2{font-size:clamp(28px,3.4vw,42px);font-weight:600;line-height:1.15;letter-spacing:-.01em;color:#0a2540}.hw-category-head .hw-kicker{font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.14em;color:var(--cyan-ink,#007f87);margin-bottom:.6rem}.hw-category-head .hw-desc{max-width:56rem;font-size:1.5rem;line-height:1.7;color:#505050}.hw-category-head .hw-count{font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.1em;color:#57768f;white-space:nowrap}.hw-category-head .hw-count b{font-size:2rem;font-weight:600;color:#0a2540;margin-right:.4rem}.hw-spec-row{display:flex;flex-wrap:wrap;gap:.6rem}.hw-spec-row span{font-size:1.25rem;line-height:1.4;color:#505050;background:#f6fafd;border:.05rem solid rgba(219,230,238,.9);padding:.35rem .7rem;border-radius:6px}.hw-devices-note{margin-top:2.4rem;padding:1.4rem 1.6rem;border-radius:.8rem;background:#f0f7fb;border:.05rem solid #dbe6ee;font-size:1.3rem;line-height:1.7;color:#505050}.cp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.cp-table{width:100%;border-collapse:collapse;font-size:1.33rem;line-height:1.6;min-width:860px}.cp-table th{font-family:var(--font-mono);font-size:1.07rem;letter-spacing:.08em;text-transform:uppercase;color:#57768f;text-align:left;padding:1rem 1.1rem;border-bottom:.15rem solid #0a2540;white-space:nowrap}.cp-table td{padding:1.15rem 1.1rem;border-bottom:.05rem solid rgba(219,230,238,.7);color:#0a2540;vertical-align:top}.cp-table tr:last-child td{border-bottom:none}.cp-table .td-model{font-size:1.22rem;line-height:1.55;color:#2d4a5e}.cp-table .td-compute{font-variant-numeric:tabular-nums;white-space:nowrap}.cp-table .td-compute b{font-weight:600;color:#0a2540}.cp-table .chip{font-family:var(--font-mono);font-size:.98rem;letter-spacing:.06em;display:inline-flex;padding:.18rem .5rem;border-radius:4px;border:.05rem solid #dbe6ee;background:#f6fafd;color:#175676}.cp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.cp-grid-4{grid-template-columns:repeat(4,1fr)}.cp-card{background:#fff;border:.05rem solid rgba(226,228,235,.6);border-radius:1rem;padding:2.4rem;transition:border-color .15s ease}.cp-card:hover{border-color:#00e1ff66}.cp-card-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.cp-num{font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.12em;color:var(--cyan-ink,#007f87)}.cp-tag{font-family:var(--font-mono);font-size:1rem;letter-spacing:.08em;color:#57768f;background:#f6fafd;border:.05rem solid #dbe6ee;padding:.2rem .6rem;border-radius:4px}.cp-card h3{font-size:1.8rem;font-weight:600;color:#0a2540;line-height:1.3}.cp-card p{margin-top:.8rem;font-size:1.4rem;line-height:1.7;color:#505050}.cp-kicker{font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.14em;color:var(--cyan-ink,#007f87);display:block;margin-bottom:.8rem}.cp-title{font-size:clamp(28px,3.6vw,44px);font-weight:600;line-height:1.15;letter-spacing:-.01em;color:#0a2540}.cp-lead{margin-top:1rem;font-size:1.6rem;line-height:1.7;color:#505050}.cp-head{margin-bottom:3.2rem}.cp-head.center{text-align:center;max-width:68rem;margin-inline:auto}.cp-head.center .cp-lead{margin-inline:auto}.cp-faq{max-width:72rem;margin-inline:auto}.cp-faq details{background:#fff;border:.05rem solid rgba(226,228,235,.6);border-radius:.8rem;padding:0 1.6rem;margin-top:1rem}.cp-faq summary{padding:1.6rem 0;font-size:1.5rem;font-weight:600;color:#0a2540;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}.cp-faq summary::-webkit-details-marker{display:none}.cp-faq summary:after{content:"+";font-size:1.8rem;font-weight:400;color:var(--cyan-ink,#007f87);flex:none;transition:transform .2s ease}.cp-faq details[open] summary:after{transform:rotate(45deg)}.cp-faq .faq-a{padding:1.2rem 0 1.6rem;font-size:1.4rem;line-height:1.7;color:#505050;border-top:.05rem solid rgba(219,230,238,.6);margin-top:.2rem}.dev-tag{font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.08em;color:#57768f;background:transparent;border:.05rem solid rgba(226,228,235,.25);padding:.2rem .6rem;border-radius:4px}.dev-compute{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.2rem}.dev-compute span{font-family:var(--font-mono);font-size:1.05rem;letter-spacing:.06em;color:#00e1ff;background:#007f8714;border:.05rem solid rgba(0,127,135,.28);padding:.24rem .6rem;border-radius:4px}.dev-model{font-size:1.26rem;line-height:1.6;color:#f5f6fa9e;margin-top:.1rem}.dev-model b{color:#f5f6fae0;font-weight:600}@media (max-width:900px){.hw-ladder{flex-direction:column}.hw-ladder .hw-step:not(:last-child):after{content:"\2193";right:50%;top:auto;bottom:-.9rem;transform:translate(50%)}.cp-grid,.cp-grid-4{grid-template-columns:1fr 1fr}}@media (max-width:700px){.cp-grid,.cp-grid-4{grid-template-columns:1fr}.cp-table{min-width:720px}}@media (max-width:390px){.hw-ladder .hw-step{padding:1.6rem}.hw-spec-row span{font-size:1.2rem}}

/* R15 字号协调 · 本页主标题归入全站层级 */
section.page-hero div.container h1{font-size:clamp(40px,4.8vw,64px);line-height:1.16}
/* 区块标题统一节奏 */
.section-head h2,.sec-head h2{font-size:clamp(30px,3.2vw,44px);line-height:1.22}

/* R15 字号协调 · 本页主标题归入全站层级 */
body main section.page-hero div.container h1{font-size:clamp(40px,4.8vw,64px)!important;line-height:1.16!important}
/* 区块标题统一节奏 */
.section-head h2,.sec-head h2{font-size:clamp(30px,3.2vw,44px)!important;line-height:1.22!important}

/* R15 字号协调 · 本页主标题归入全站层级 */
body main section.page-hero div.container h1{font-size:clamp(40px,4.8vw,64px)!important;line-height:1.16!important}
/* 区块标题统一节奏 */
.section-head h2,.sec-head h2{font-size:clamp(30px,3.2vw,44px)!important;line-height:1.22!important}
/* type-scale:idempotent */
/* R15 字号协调 · 本页主标题归入全站层级 */
body main section.page-hero div.container h1{font-size:clamp(40px,4.8vw,64px)!important;line-height:1.16!important}
/* 区块标题统一节奏 */
.section-head h2,.sec-head h2{font-size:clamp(30px,3.2vw,44px)!important;line-height:1.22!important}
/* type-scale-v2:idempotent */
/* R15 字号协调 v2 · 特性容器/CTA 面板归层 */
div.compat-panel h2{font-size:clamp(30px,3.2vw,44px)!important;line-height:1.22!important}

/* R15 · 详情链接 */
.dev-more{display:inline-flex;align-items:center;gap:.35rem;margin-left:1.2rem;font-size:1.25rem;color:#007f87;text-decoration:none;font-weight:600}
.dev-more:hover{color:#00606b}

/* ===================== R22 · 硬件中心移动端体验与微光质感 ===================== */
.cp-table-wrap{position:relative;-webkit-overflow-scrolling:touch;border-radius:1rem;border:1px solid rgba(219,230,238,.7)}
.cp-card{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .28s ease}
.cp-card:hover{transform:translateY(-4px);border-color:rgba(0,225,255,.55)!important;box-shadow:0 18px 42px rgba(0,51,79,.1)!important}
.hw-step{transition:background-color .2s ease}
.hw-step:hover{background:#f6fcfe}
@media (max-width:768px){
  .cp-grid-4{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;gap:1.4rem!important;padding-block:.6rem 1.4rem!important;padding-inline:1.2rem!important;margin-inline:-20px!important;scrollbar-width:none!important}
  .cp-grid-4::-webkit-scrollbar{display:none!important}
  .cp-grid-4>.cp-card{flex:0 0 84%!important;min-width:270px!important;max-width:320px!important;scroll-snap-align:center!important;margin:0!important}
}