@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:#171d28;--line:#313947;--muted:#bdc6d3;--blue:#376bdc;--blue-light:#88afff;--red:#d2292e;--green:#176e43;--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;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:610px}.note{font-size:12px;color:#9da8b8;line-height:1.65;margin:12px 0 0}.visual{position:relative}.photo{width:100%;aspect-ratio:3/2;object-fit:cover}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.chips span{border:1px solid #54637a;color:#d2dbe8;padding:7px 10px;font-size:12px}.section-dark{background:#111318}.section-blue{background:radial-gradient(circle at 92% 70%,#1b366c 0,transparent 42%),#111722}.section-green{background:radial-gradient(circle at 8% 84%,#174430 0,transparent 40%),#111722}
.hero{min-height:930px;background:radial-gradient(circle at 70% 58%,#102d66 0,transparent 44%),radial-gradient(circle at 12% 77%,#153d27 0,transparent 31%),#101216}.hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#1c773e 0 28%,#315fd1 28% 75%,#c9272b 75%)}.hero .title{font-size:65px}.hero-photo{width:100%;box-shadow:0 26px 44px #0009}.hero-number{font:900 118px/1 DMSans,sans-serif;letter-spacing:-.09em;color:#ffffff0c;position:absolute;right:42px;top:88px;pointer-events:none}.brand{width:128px;margin-bottom:36px}.slogan{color:#a6c1ff;font-size:14px;letter-spacing:.12em;margin-bottom:13px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.tag{display:inline-block;border:1px solid #5b76af;background:#18377155;padding:8px 13px;font-size:14px;color:#e7efff}
.area-frame{position:relative;background:#e9edf2;border:1px solid #3e526d;overflow:hidden}.area-frame img{width:100%;aspect-ratio:1;object-fit:contain}.area-badge{position:absolute;bottom:16px;left:16px;padding:10px 15px;background:#142d68e8;border:1px solid #8fb0f4;font:800 19px DMSans,sans-serif}.area-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:19px}.area-stats div{border-top:2px solid var(--blue);padding-top:12px}.area-stats b{display:block;font:900 31px DMSans,sans-serif}.area-stats span{font-size:13px;color:#abb7c7}.height-frame{position:relative;overflow:hidden}.height-frame img{width:100%;aspect-ratio:3/2;object-fit:cover}.height-badge{position:absolute;top:16px;left:16px;padding:9px 13px;background:#122c64ec;border:1px solid #8faef4;font:900 20px DMSans,sans-serif}
.head-stage{padding:32px;background:linear-gradient(145deg,#1a2a42,#101821);border:1px solid #486182}.head-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.head-top strong{font:900 100px/1 DMSans,sans-serif;letter-spacing:-.09em}.head-top strong em{color:#5d8dff;font-style:normal}.head-top span{font-size:16px;color:#bad1ff;font-weight:800;text-align:right}.head-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.head-module{height:128px;border:1px solid #7891b6;background:linear-gradient(145deg,#72879c 0 20%,#263345 21% 75%,#0d1624 76%);position:relative;box-shadow:0 16px 18px #0007}.head-module:before{content:'';position:absolute;inset:12px 13px auto;height:10px;background:#152439;border:1px solid #9db5d0}.head-module:after{content:'';position:absolute;left:10px;right:10px;bottom:13px;height:13px;background:repeating-linear-gradient(90deg,#77a8e9 0 3px,#132438 3px 8px);border:1px solid #86a6cc}.head-foot{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:15px;border-top:1px solid #4c6080;color:#d8e5f6;font-size:14px}.head-foot b{color:#fff;font:800 19px DMSans,sans-serif}
.finish-frame{position:relative;overflow:hidden}.finish-frame img{width:100%;aspect-ratio:3/2;object-fit:cover}.finish-key{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.finish-key span{text-align:center;padding:11px 6px;border-top:2px solid #5a89e8;background:#1d2940;color:#e1eaff;font:800 13px DMSans,HarmonyOS,sans-serif}.finish-key span:nth-child(2){border-color:#f3f4f6}.finish-key span:nth-child(3){border-color:#a8d7ff}
.uv-stage{height:400px;position:relative;overflow:hidden;border:1px solid #4a5b73;background:linear-gradient(160deg,#172a43,#0b1019 72%)}.uv-rail{position:absolute;left:11%;right:11%;top:20%;height:26px;background:linear-gradient(#8698aa,#243448);border:1px solid #a7b4c0;box-shadow:0 16px 20px #0009}.uv-lamp{position:absolute;top:26%;left:21%;right:21%;height:45px;border:2px solid #8297ac;background:linear-gradient(#566d82,#1a2635);z-index:2}.uv-lamp span{display:block;text-align:center;font:900 19px/41px DMSans,sans-serif;letter-spacing:.2em;color:#f5f6ff}.uv-beam{position:absolute;left:22%;right:22%;top:36%;height:38%;background:linear-gradient(180deg,#957bff88,#8f6fff08);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);filter:drop-shadow(0 0 15px #826dff);z-index:1}.uv-bed{position:absolute;left:11%;right:11%;bottom:15%;height:22px;background:linear-gradient(#a8b8c4,#354352);border-top:2px solid #d9e5ee}.uv-sample{position:absolute;left:24%;right:24%;bottom:calc(15% + 22px);height:16px;background:linear-gradient(90deg,#255ec7,#d05671,#e4bd69,#255ec7);box-shadow:0 0 22px #8c73ff99;z-index:2}.uv-caption{position:absolute;bottom:5%;left:0;right:0;text-align:center;color:#c9d5ff;font-size:14px;font-weight:800}
.workflow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.step{position:relative;min-height:270px;background:#eaf0f5;color:#17202b;padding:16px;display:flex;flex-direction:column}.step small{color:#315fd1;font:800 12px DMSans,sans-serif;letter-spacing:.14em}.step strong{font-size:19px;margin:4px 0 10px}.step-visual{flex:1;min-height:165px;display:grid;place-items:center;overflow:hidden}.step-visual img{max-width:90%;max-height:155px;object-fit:contain}.step-visual img.workflow-design,.step-visual img.workflow-blank,.step-visual img.workflow-finish{max-width:100%;max-height:190px;box-shadow:0 10px 18px #24354b4d}.flow-arrow{position:absolute;z-index:2;right:-16px;top:46%;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#315fd1;color:#fff;font-size:25px}.step:nth-child(2) .flow-arrow{left:calc(50% - 15px);right:auto;top:auto;bottom:-21px;transform:rotate(90deg)}.step:nth-child(3) .flow-arrow{display:none}.workflow-note{font-size:12px;color:#aab5c5;line-height:1.6;margin:15px 0 0}
.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}.spec small{display:block;color:#5d6978;font-size:12px}.spec strong{display:block;font-size:21px;margin-top:6px}.spec-foot{font-size:12px;color:#68727e;line-height:1.65;margin:17px 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:#bdc7d5;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)}.footer{padding:22px 54px;display:flex;justify-content:space-between;gap:16px;background:#0c0e12;color:#9ba8b7;font-size:12px}.footer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:560px){.screen{min-height:670px;padding:48px 28px;gap:28px}.title,.hero .title{font-size:42px}.sub{font-size:16px}.brand{width:105px;margin-bottom:30px}.hero{min-height:780px}.hero-number{font-size:70px;right:20px;top:60px}.photo,.height-frame img,.finish-frame img{aspect-ratio:3/2}.area-badge{font-size:15px}.area-stats b{font-size:25px}.height-badge{font-size:16px}.head-stage{padding:20px}.head-top strong{font-size:68px}.head-top span{font-size:13px}.head-modules{gap:8px;margin-top:24px}.head-module{height:92px}.head-module:before{inset:10px 7px auto}.head-module:after{left:6px;right:6px;bottom:9px}.head-foot{font-size:12px}.head-foot b{font-size:15px}.finish-key span{font-size:11px}.uv-stage{height:320px}.workflow{grid-template-columns:1fr}.step{min-height:240px}.step:nth-child(2) .flow-arrow{left:auto;right:calc(50% - 15px)}.step:not(:last-child) .flow-arrow{right:calc(50% - 15px);top:auto;bottom:-21px;transform:rotate(90deg)}.step:nth-child(3) .flow-arrow{display:grid}.step-visual{min-height:145px}.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}.footer{padding:22px 28px}}
.workflow{grid-template-areas:"design place" "finish print"}.step:nth-child(1){grid-area:design}.step:nth-child(2){grid-area:place}.step:nth-child(3){grid-area:print}.step:nth-child(4){grid-area:finish}.step:nth-child(3) .flow-arrow{display:grid;left:-16px;right:auto;transform:rotate(180deg)}
@media(max-width:560px){.workflow{grid-template-areas:"design" "place" "print" "finish"}.step:nth-child(3) .flow-arrow{left:auto;right:calc(50% - 15px);transform:rotate(90deg)}}
html[lang=zh-CN] #print-area .sub,html[lang=zh-CN] #applications .sub,html[lang=zh-CN] #applications .note,html[lang=zh-CN] #media-height .sub,html[lang=zh-CN] #uv-curing .sub{text-wrap:balance}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html[lang=en] .title{text-transform:uppercase}