@font-face{font-family:HarmonyOS;src:url('HarmonyOSSansSC-subset.woff2') format('woff2');font-display:swap}
@font-face{font-family:DMSans;src:url('DMSans-400.woff2') format('woff2');font-display:swap}
:root{--ink:#111318;--muted:#bdc6d3;--line:#313947;--blue:#88afff;--paper:#f0f2f5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#191919;color:#fff;font-family:HarmonyOS,DMSans,'Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #88afff;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;z-index:20;top:10px;left:10px;width:auto;height:auto;clip:auto;padding:12px;background:#fff;color:#111}
.page{width:min(750px,100%);margin:auto;background:var(--ink)}.page-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;gap:12px;background:#0c0e12;border-bottom:1px solid var(--line);font-size:13px}.nav-model{font:700 12px DMSans,sans-serif;letter-spacing:.06em;color:#aac7ff}.nav-links{display:flex;gap:18px}.nav-links a:hover{color:var(--blue)}
.screen{position:relative;padding:72px 54px;min-height:750px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:40px}.eyebrow{font:800 12px/1.5 DMSans,HarmonyOS,sans-serif;letter-spacing:.2em;color:var(--blue)}h1,h2,h3,p{margin:0}.title{font-size:50px;line-height:1.12;letter-spacing:-.04em;margin:16px 0 20px;text-wrap:balance}.sub{font-size:18px;line-height:1.75;color:var(--muted)}.note{font-size:12px;line-height:1.7;color:#aab5c5;margin-top:16px}.blue{background:radial-gradient(circle at 95% 75%,#193566,transparent 48%),#111722}.green{background:radial-gradient(circle at 5% 80%,#163d2c,transparent 42%),#111722}.hero{background:radial-gradient(circle at 75% 48%,#102d66,transparent 48%),radial-gradient(circle at 5% 84%,#153d27,transparent 38%),#101216;min-height:920px}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#1c773e 0 28%,#315fd1 28% 75%,#c9272b 75%)}.brand{width:128px;margin-bottom:34px}.slogan{color:#a6c1ff;font-size:14px;letter-spacing:.1em;margin-bottom:14px}.hero .title{font-size:58px}.hero .model{display:block;color:#fff}.hero-image{box-shadow:0 24px 44px #0008}.tags,.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.tags span{padding:8px 12px;border:1px solid #5b76af;background:#18377155;font-size:14px;color:#e7efff}.chips{margin-top:14px}.chips span{padding:7px 10px;border:1px solid #54637a;font-size:12px;color:#d2dbe8}
.photo{aspect-ratio:3/2;object-fit:contain}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;list-style:none;padding:0}.process li{border-top:2px solid #4278de;padding-top:13px}.process b{display:block;color:#88afff;font:700 12px DMSans,sans-serif;margin-bottom:6px}.process strong{font-size:17px}.process p{font-size:13px;line-height:1.65;color:#b8c5d8;margin-top:7px}
.width-stage{padding:32px 34px;background:linear-gradient(145deg,#1a2a42,#101821);border:1px solid #486182}.measure{display:flex;gap:16px;align-items:center;margin-bottom:20px;color:#aecbff;font:800 34px DMSans,sans-serif}.measure:before,.measure:after{content:'';height:9px;flex:1;border-bottom:1px solid #8fb1f5;border-left:1px solid #8fb1f5;border-right:1px solid #8fb1f5}.film-sheet{padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;background:#eff5f9;border:1px solid #c6d7e4;box-shadow:0 12px 22px #0006}.film-label{height:115px;border:1px dashed #aebccc;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#254467;background:#fff}.film-label.wide{grid-column:span 2}.film-label small{font:700 10px DMSans,sans-serif;letter-spacing:.12em;margin-top:10px}.flower{height:35px;width:35px;background:#335f9f;border-radius:70% 10% 65% 10%;transform:rotate(-30deg);box-shadow:15px 4px 0 -5px #bd9456}.film-label:nth-child(2n) .flower{background:#548a8b}.width-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px}.width-summary strong{font:800 52px DMSans,sans-serif;color:#fff}.width-summary p{max-width:300px;color:#bdcbdc;font-size:15px;line-height:1.65}
.head-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.head-option{padding:24px 17px;background:linear-gradient(145deg,#1c2d46,#141b26);border:1px solid #4c668a}.head-option strong{font:800 72px/1 DMSans,sans-serif}.head-option span{display:block;color:#b7ccef;font-size:13px;margin-top:10px}.dots{display:flex;gap:5px;margin-top:24px}.dots i{height:42px;flex:1;background:linear-gradient(145deg,#6b8098,#1e314d);border:1px solid #6a85a7}.model-line{padding:23px 0;border-top:1px solid #40506a;margin-top:25px}.model-line small{display:block;color:#9eafc6;margin-bottom:8px}.model-line strong{font:700 26px DMSans,sans-serif}.option-note{padding:18px 20px;border-left:3px solid #4879ce;background:#1b2638;color:#bdcbdc;font-size:14px;line-height:1.7}
.source-frame{background:#fff;padding:8px}.source-frame img{aspect-ratio:1.65;object-fit:contain}.version-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.version{border-top:2px solid #4a7cdd;padding-top:15px}.version h3{font-size:22px;margin-bottom:8px}.version p{font-size:14px;line-height:1.7;color:#c6d3e5}.version small{display:block;margin-top:5px;color:#9dabbe;font-size:12px}
.specs{background:var(--paper);color:#111a28}.specs .eyebrow{color:#315fd1}.specs .sub{color:#5b6572}.specgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#c7cdd6;border:1px solid #c7cdd6}.spec{background:#fff;padding:20px;min-width:0}.spec dt{color:#5d6978;font-size:12px;margin-bottom:7px}.spec dd{font-size:19px;line-height:1.45;font-weight:700;overflow-wrap:anywhere;margin:0}.specs .note{color:#5e6977}.faq{min-height:0;display:block;background:#171b23}.faq-list{margin-top:32px}.faq-item{padding:20px 0;border-top:1px solid #3b4554}.faq-item h3{font-size:19px;line-height:1.5;margin-bottom:9px}.faq-item p{font-size:16px;line-height:1.75;color:#bdc7d5}.cta{min-height:610px;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 0,#1b3975,#111318 65%)}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}.btn{padding:15px 22px;border:1px solid #6985bb;font-weight:700}.btn.primary{background:#c9272b;border-color:#c9272b}.btn.secondary{background:#176e43;border-color:#176e43}.footer{display:flex;justify-content:space-between;gap:16px;padding:23px 28px;background:#0c0e12;color:#9ba8b7;font-size:12px}.footer a{text-decoration:underline;text-underline-offset:3px}html[lang=en] .title{font-size:46px}html[lang=en] .hero .title{font-size:54px}
@media(max-width:560px){.page-nav{padding:14px 18px;font-size:12px}.nav-model{font-size:10px}.nav-links{gap:12px}.screen{padding:48px 26px;min-height:0;gap:32px}.hero{min-height:770px}.title{font-size:38px}.hero .title{font-size:41px}.sub{font-size:16px}.brand{width:106px;margin-bottom:28px}.slogan{font-size:12px}.tags span{font-size:12px;padding:7px 10px}.eyebrow{font-size:11px;letter-spacing:.16em}.width-stage{padding:22px 18px}.measure{font-size:28px;gap:12px}.film-sheet{padding:14px;gap:9px}.film-label{height:83px}.film-label small{font-size:8px}.flower{width:26px;height:26px;box-shadow:11px 3px 0 -4px #bd9456}.width-summary{align-items:flex-start}.width-summary strong{font-size:36px}.width-summary p{font-size:13px}.head-options{gap:8px}.head-option{padding:18px 10px}.head-option strong{font-size:52px}.head-option span{font-size:11px}.dots{gap:3px}.dots i{height:30px}.model-line strong{font-size:23px}.version-grid{grid-template-columns:1fr;gap:20px}.process{gap:10px}.process strong{font-size:14px}.process p{font-size:12px}.specgrid{grid-template-columns:1fr}.spec{padding:17px}.spec dd{font-size:18px}.faq-item h3{font-size:17px}.faq-item p{font-size:15px}.cta{min-height:520px}.actions{flex-direction:column}.btn{display:block}.footer{padding:20px 18px}html[lang=en] .title{font-size:34px}html[lang=en] .hero .title{font-size:39px}}
.hero-type,.hero-name{display:inline-block}.width-summary strong{white-space:nowrap;flex-shrink:0}
@media(max-width:560px){.width-summary{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}