@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;--panel:#171b23;--line:#303744;--muted:#b7c0ce;--blue:#315fd1;--blue-light:#86b0ff;--green:#197844;--red:#c9272b;--paper:#f0f2f5}
*{box-sizing:border-box}html{scroll-behavior:smooth}html body{margin:0;background:#191919;color:#fff;font-family:HarmonyOS,DMSans,'Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--blue-light);outline-offset:4px}.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}.sr-only:focus{position:fixed;z-index:99;left:12px;top:12px;width:auto;height:auto;margin:0;clip:auto;background:#fff;color:#111;padding:10px 14px}.page{width:min(750px,100%);margin:auto;background:var(--ink);overflow:hidden}.screen{position:relative;min-height:760px;padding:72px 54px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:36px}.copy{position:relative;z-index:2}.eyebrow{font:800 13px/1.4 DMSans,HarmonyOS,sans-serif;letter-spacing:.21em;color:var(--blue-light);text-transform:uppercase}.title{font-size:52px;line-height:1.07;letter-spacing:-.04em;margin:15px 0 17px;font-weight:850}.sub{font-size:18px;line-height:1.7;color:var(--muted);margin:0;max-width:600px}.note{font-size:12px;color:#939daa;line-height:1.6;margin:11px 0 0}.visual{position:relative}.brand{width:128px;margin-bottom:38px}.slogan{color:#a5c2ff;font-size:14px;letter-spacing:.12em;margin-bottom:13px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.tag{display:inline-block;border:1px solid #5573b4;background:#18377155;padding:8px 13px;font-size:14px;color:#e8efff}.hero{min-height:930px;background:radial-gradient(circle at 67% 57%,#102a60 0,transparent 46%),radial-gradient(circle at 12% 82%,#113b24 0,transparent 31%),#101216}.hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#18763c 0 29%,#315fd1 29% 75%,#c9272b 75%)}.hero .title{font-size:67px}.hero-photo{width:100%;box-shadow:0 26px 42px #0009}.hero-number{font:900 116px/1 DMSans,sans-serif;letter-spacing:-.09em;color:#ffffff0c;position:absolute;right:44px;top:95px;pointer-events:none}.section-dark{background:#111318}.section-blue{background:radial-gradient(circle at 95% 68%,#1b3974 0,transparent 41%),#111722}.section-green{background:radial-gradient(circle at 4% 85%,#16452e 0,transparent 40%),#111722}.full-photo{width:100%;height:auto;object-fit:cover}.photo-frame{background:#e7e9ed;position:relative;overflow:hidden}.photo-frame .full-photo{max-height:490px;object-fit:contain}.photo-badge{position:absolute;left:16px;bottom:16px;padding:10px 15px;background:#152c6eeb;border:1px solid #85a4ee;font:800 19px DMSans,sans-serif}.product-photo{aspect-ratio:3/2;object-fit:cover;width:100%}.product-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.product-chips span{border:1px solid #4f5d72;color:#cbd5e4;padding:7px 10px;font-size:12px}
.scan-stage{height:430px;padding:18px;background:linear-gradient(135deg,#172638,#091019);border:1px solid #3e5674;box-shadow:inset 0 0 38px #152f56;overflow:hidden}.scan-head{display:flex;justify-content:space-between;align-items:center;font:800 12px DMSans,HarmonyOS,sans-serif;letter-spacing:.12em;color:#94bcff}.scan-live{width:7px;height:7px;border-radius:50%;background:#50de87;box-shadow:0 0 13px #50de87;display:inline-block;margin-right:6px}.scan-bed{position:relative;margin-top:14px;height:342px;border:1px solid #5c6c78;background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,#ffffff0a 0 1px,transparent 1px 34px),#1b2733}.scan-bed:after{content:'';position:absolute;left:0;right:0;top:49%;border-top:2px solid #73a7ff;box-shadow:0 0 19px 7px #3e8fff55}.scan-item{position:absolute;border:2px solid #e5e7e9;background:linear-gradient(140deg,#e9ecf0,#a7b2be);box-shadow:0 9px 16px #0007}.scan-item:after{content:'';position:absolute;inset:-8px;border:1px dashed #5bd7ff}.scan-item.one{width:88px;height:158px;left:8%;top:13%;transform:rotate(-13deg);border-radius:16px}.scan-item.two{width:93px;height:95px;left:34%;top:7%;transform:rotate(12deg);border-radius:7px}.scan-item.three{width:110px;height:67px;right:10%;top:24%;transform:rotate(-16deg)}.scan-item.four{width:82px;height:82px;left:32%;bottom:10%;transform:rotate(-9deg);border-radius:50%}.scan-item.five{width:91px;height:132px;right:16%;bottom:7%;transform:rotate(17deg);border-radius:10px}.scan-caption{display:flex;gap:8px;align-items:center;color:#b8d7ff;font-size:12px;margin-top:9px}.scan-caption:before{content:'✓';color:#67dc91;font-weight:900}
.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.area-stat{border-top:2px solid var(--blue);padding:13px 0}.area-stat strong{display:block;font:900 31px/1.1 DMSans,sans-serif}.area-stat span{display:block;color:#aeb8c6;font-size:13px;margin-top:6px}
.measure-stage{height:390px;position:relative;overflow:hidden;background:linear-gradient(#11213a,#14202d 50%,#0b1016);border:1px solid #2d4d75}.ir-label{position:absolute;top:11%;color:#b8c9e0;font-size:12px;font-weight:800;letter-spacing:.06em}.ir-label-left{left:5%}.ir-label-right{right:5%;text-align:right}.ir-sensor{position:absolute;top:23%;width:50px;height:63px;background:linear-gradient(135deg,#66798a,#202a35 33%,#0c1118);border:2px solid #879aaa;box-shadow:0 9px 17px #0008;z-index:3}.ir-sensor-left{left:5%}.ir-sensor-right{right:5%}.ir-sensor i{position:absolute;top:20px;width:18px;height:18px;border-radius:50%;background:#fb3030;box-shadow:0 0 5px #ff3030,0 0 18px #ed2222}.ir-sensor-left i{right:-9px}.ir-sensor-right i{left:-9px}.ir-beam{position:absolute;left:14%;right:14%;top:31%;height:4px;display:flex;gap:30%;z-index:2}.ir-beam i{display:block;flex:1;background:#ff3d40;box-shadow:0 0 5px #ff3939,0 0 20px #e62020}.ir-product{position:absolute;left:35%;width:30%;height:47%;bottom:calc(18% + 15px);background:linear-gradient(110deg,#879dae,#d6e4e9 50%,#748b9b);border:2px solid #e8f3f7;border-top:5px solid #fff;box-shadow:10px 11px 18px #0008;z-index:4}.ir-bed{position:absolute;left:13%;right:13%;bottom:18%;height:15px;background:linear-gradient(#99aeba,#394c59);border-top:2px solid #d3e1e8;box-shadow:0 15px 19px #0008}.ir-adjust{position:absolute;bottom:5%;left:12px;right:12px;text-align:center;color:#b8d0f9;font-size:14px;font-weight:800}
.head-stage{background:linear-gradient(130deg,#16233b,#0e121b);border:1px solid #3c526d;padding:28px}.config-label{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#eaf1ff;font-size:15px;font-weight:800}.config-label span{font:700 12px DMSans,HarmonyOS,sans-serif;letter-spacing:.05em;color:#94b6f4}.count-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.count-card{min-width:0;padding:15px 8px 17px;text-align:center;border:1px solid #5878ad;background:linear-gradient(160deg,#1c345a,#142238)}.count-card strong{display:block;font:900 42px/1 DMSans,sans-serif;letter-spacing:-.05em;color:#fff}.head-units{display:flex;justify-content:center;gap:4px;margin-top:13px}.head-units i{position:relative;display:block;width:23px;height:22px;border:1px solid #a8bbd0;background:linear-gradient(#778fa5 0 32%,#28384d 33%);box-shadow:0 3px 5px #0006}.head-units i:after{content:'';position:absolute;left:2px;right:2px;bottom:2px;height:4px;background:repeating-linear-gradient(90deg,#88baff 0 2px,transparent 2px 4px)}.model-label{margin-top:26px;padding-top:22px;border-top:1px solid #40536d}.head-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px}.head-options span{padding:12px 4px;text-align:center;border:1px solid #6079a6;color:#ecf3ff;font:800 14px DMSans,sans-serif;background:#24355366}
.workflow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.step{min-height:230px;padding:18px;background:#ebeff4;color:#161c25;display:flex;flex-direction:column;justify-content:space-between}.step small{color:#2b5fcb;font:800 12px DMSans,sans-serif;letter-spacing:.14em}.step strong{display:block;font-size:19px;margin-top:3px}.step-visual{height:116px;display:flex;align-items:center;justify-content:center;overflow:hidden}.step-visual img{width:100%;height:100%;object-fit:cover}.mini-art{width:76px;height:100px;background:linear-gradient(130deg,#122e58 10%,#234d81 40%,#d6a96a 40% 44%,#0c294e 44%);border:5px solid #262b32;box-shadow:0 10px 15px #0003}.mini-pieces{width:90%;height:100px;position:relative;border:2px solid #8597a7}.mini-pieces i{position:absolute;display:block;background:#fff;border:2px solid #aebcc8}.mini-pieces i:nth-child(1){left:12%;top:17%;width:28px;height:52px;transform:rotate(-17deg);border-radius:7px}.mini-pieces i:nth-child(2){right:16%;top:12%;width:38px;height:31px;transform:rotate(11deg)}.mini-pieces i:nth-child(3){left:43%;bottom:9%;width:42px;height:27px;transform:rotate(9deg)}.mini-pieces.scan i{outline:2px dashed #347edc;outline-offset:4px}.mini-pieces.print i{background:linear-gradient(130deg,#234e81,#e0b476 40%,#142c53 45%)}.workflow-note{margin-top:14px;color:#a3aebe;font-size:12px;line-height:1.6}
.specs{background:var(--paper);color:#111a28}.specs .eyebrow{color:#315fd1}.specs .sub{color:#5d6570}.specgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#c7cbd2;border:1px solid #c7cbd2}.spec{background:#fff;padding:20px}.spec small{display:block;color:#596778;font-size:12px}.spec strong{display:block;font-size:21px;margin-top:6px}.spec-foot{font-size:12px;color:#68717c;line-height:1.6;margin:18px 0 0}.faq{padding:72px 54px 76px;background:#171b23;border-bottom:1px solid var(--line)}.faq-list{margin-top:32px}.faq-item{padding:20px 0;border-top:1px solid #3b4554}.faq-item h3{font-size:19px;line-height:1.4;margin:0 0 9px}.faq-item p{font-size:16px;line-height:1.7;color:#b9c3d1;margin:0}.cta{min-height:600px;align-items:center;text-align:center;justify-content:center;background:radial-gradient(circle at 50% 0,#1b3975,#111318 61%)}.cta .sub{max-width:600px}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:35px}.btn{padding:15px 23px;border:1px solid #6985bb;font-weight:800}.btn.primary{background:var(--red);border-color:var(--red)}.btn.secondary{background:var(--green);border-color:var(--green)}
@media(max-width:560px){.screen{min-height:660px;padding:48px 28px;gap:28px}.title,.hero .title{font-size:42px}.sub{font-size:16px}.brand{width:105px;margin-bottom:32px}.hero{min-height:780px}.hero-number{font-size:65px;top:65px;right:23px}.scan-stage{height:340px;padding:12px}.scan-bed{height:255px}.scan-item.one{width:58px;height:106px}.scan-item.two{width:62px;height:65px}.scan-item.three{width:70px;height:48px}.scan-item.four{width:56px;height:56px}.scan-item.five{width:61px;height:86px}.photo-badge{font-size:15px}.area-stat strong{font-size:25px}.measure-stage{height:320px}.head-units i{width:17px;height:19px}.head-options{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr 1fr}.step{min-height:178px;padding:10px}.step strong{font-size:15px}.step-visual{height:85px}.mini-art{width:55px;height:75px}.mini-pieces{height:75px}.specgrid{grid-template-columns:1fr}.spec{padding:16px}.faq{padding:48px 28px 56px}.faq-item h3{font-size:17px}.faq-item p{font-size:15px}.actions{flex-direction:column;width:100%}.btn{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html[lang=en] .title{text-transform:uppercase}
.height-photo-frame{position:relative;overflow:hidden;background:#0e1a2a;border:1px solid #3b5677}.height-photo-frame img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.height-range-badge{position:absolute;left:16px;top:16px;padding:9px 14px;background:#122f6de8;border:1px solid #91b6ff;color:#fff;font:800 20px DMSans,HarmonyOS,sans-serif;letter-spacing:.02em}
@media(max-width:560px){.height-range-badge{left:9px;top:9px;padding:6px 9px;font-size:15px}}