@charset "UTF-8";
:root{color-scheme:dark;--ink:#f2f6fa;--muted:#8f9eaf;--orange:#ff824f;--cyan:#87dce9;--line:rgba(189,211,232,.17);font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;background:#080d15;color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{border:0}button[hidden],[hidden]{display:none!important}a{color:inherit;text-decoration:none}#showroom{position:relative;min-height:720px;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 68% 48%,#1a2938 0%,#0b131e 40%,#080d15 75%)}#stage{position:absolute;inset:0;touch-action:none}#stage canvas{width:100%;height:100%;display:block}.ambient{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,13,21,.7) 0%,transparent 44%),linear-gradient(0deg,#080d15 0%,transparent 17%)}header{position:absolute;inset:34px 4.4% auto;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand,.header-right{pointer-events:auto}.brand{display:flex;gap:13px;align-items:center;font-weight:700;font-size:24px;letter-spacing:2px}.brand-mark{width:42px;height:42px;border:1px solid #63788c;color:var(--orange);font-size:23px;display:grid;place-items:center;transform:skew(-8deg)}.brand-sub{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);font-weight:400;margin-top:4px}.header-right{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1px;color:#aab9c8}.live-dot{width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan)}.icon-button{background:#111c28aa;border:1px solid var(--line);padding:12px 17px;border-radius:4px;font-size:12px;letter-spacing:1px}.header-right .icon-button{margin-left:26px}.icon-button span{margin-left:16px}.intro{position:absolute;left:6.2%;top:27.5%;max-width:420px;pointer-events:none}.intro button{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.8px;color:var(--orange);display:flex;align-items:center;gap:10px}.eyebrow>span{width:25px;height:1px;background:var(--orange)}h1{font-size:clamp(34px,3.6vw,58px);line-height:1.3;font-weight:500;letter-spacing:-1.5px;margin:25px 0 23px}h1>span{display:block;font-size:.75em;color:#b9cbdc;margin-top:4px;letter-spacing:0}.product-name{font-size:14px;letter-spacing:1px;color:#dde7f0}.description{font-size:12px;line-height:1.95;color:var(--muted);margin:20px 0 30px}.primary-button{background:var(--orange);color:#171d24;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:16px 22px;border-radius:3px;font-weight:600;font-size:12px;letter-spacing:.5px;min-height:47px}.primary-button small{font-size:9px;font-weight:400;opacity:.7;padding-left:22px}.play-icon{font-size:10px}.text-button{display:block;margin-top:15px;padding:8px 0;background:transparent;font-size:11px;color:#aab9c8}.text-button span{margin-left:10px}.view-caption{position:absolute;right:4.4%;top:134px;text-align:right;pointer-events:none}.small-label{font-size:9px;color:#7c92a7;letter-spacing:1.8px}.view-caption h2{font-size:15px;font-weight:400;letter-spacing:2px;margin:12px 0 8px}.view-caption p{font-size:10px;color:#8fa5b8;margin:0}.bottom-ui{position:absolute;left:4.4%;right:4.4%;bottom:0;pointer-events:none}.interaction-hint{display:flex;justify-content:center;align-items:center;gap:10px;font-size:10px;color:#8499ad;margin-bottom:20px}.interaction-hint i{font-style:normal;margin:0 7px;color:#476079}.drag-icon{font-size:23px;color:var(--cyan)}.interaction-hint button{background:transparent;font-size:10px;color:#a4b8c9;border-left:1px solid var(--line);padding:8px 13px;pointer-events:auto}.interaction-hint button span{color:var(--cyan);font-size:8px;margin-left:5px}.view-modes{display:flex;width:max-content;margin:auto;border:1px solid #364451;background:#14202dde;border-radius:6px;padding:5px;backdrop-filter:blur(12px);pointer-events:auto;gap:4px}.view-modes button{font-size:12px;min-width:146px;min-height:47px;padding:12px 22px;background:transparent;color:#a2b5c6;border-radius:3px;transition:.25s}.view-modes button span{color:#547087;font-size:9px;margin-right:14px}.view-modes button:hover{background:#ffffff09;color:white}.view-modes button.active{background:#cce1ed;color:#132332}.view-modes button.active span{color:#506977}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding:18px 0;border-top:1px solid var(--line);color:#6e8297;font-size:9px;letter-spacing:.5px}footer>span:first-child{font-size:8px;letter-spacing:1.5px}#hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;pointer-events:auto;width:26px;height:26px;border:1px solid #9cdae8;border-radius:50%;background:#162f419c;color:#e0f8ff;padding:0;box-shadow:0 0 0 5px #8bcfe80b;transform:translate(-50%,-50%);font-size:14px}.hotspot span{position:absolute;left:36px;top:2px;white-space:nowrap;font-size:10px;letter-spacing:.5px;background:#0b1725d9;padding:5px 8px;color:#c4d9e8;border-left:1px solid #89c9d9}.hotspot:hover{background:#46788e}.detail-card{position:absolute;right:4.4%;bottom:235px;width:280px;background:#111e2df0;border:1px solid #415164;padding:25px;backdrop-filter:blur(20px);border-radius:5px}.detail-card>button{position:absolute;right:10px;top:8px;background:transparent;font-size:20px;color:var(--muted)}.detail-card h3{font-size:19px;font-weight:500;margin:16px 0 12px}.detail-card p{font-size:12px;line-height:1.9;color:#adbfce;margin:0}.detail-card .eyebrow{font-size:8px}.process-card{position:absolute;left:6.2%;top:58%;width:330px;border-left:1px solid #57778c;padding:4px 0 4px 20px}.process-card .small-label span{color:#ffa977;margin-left:12px;letter-spacing:0}.process-steps{display:flex;gap:5px;margin:14px 0}.process-steps button{background:#1b2a3a;color:#92a8bc;font-size:10px;padding:10px 8px;border-radius:2px}.process-steps button.active{background:var(--orange);color:#101b24}.process-card p{font-size:11px;line-height:1.8;color:#b2c5d6;margin:0}body.principle .intro{top:23%}body.principle h1{font-size:35px}body.principle .description,body.principle #film,body.principle #video-open{display:none}#loader{position:absolute;inset:0;background:#080d15;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .6s}.loading-logo{font-size:42px;letter-spacing:12px}.loading-logo span{display:block;width:100%;height:1px;background:var(--orange);margin-top:18px;animation:loading 1.2s alternate infinite}#loader p{font-size:11px;letter-spacing:3px;color:var(--muted);margin-top:25px}@keyframes loading{from{transform:scaleX(.1)}to{transform:scaleX(1)}}#error{position:absolute;inset:25%;background:#102033;padding:40px;z-index:10;line-height:1.8}#error a{color:var(--orange)}#film-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#080d15b0,transparent 40%)}.film-label{position:absolute;bottom:90px;left:6%}.film-label>span{font-size:10px;letter-spacing:3px;color:var(--orange)}.film-label h2{font-size:44px;font-weight:400;margin:20px 0 12px}.film-label p{font-size:13px;color:#aebfce;letter-spacing:1px}#film-stop{position:absolute;top:35px;right:4.4%;pointer-events:auto}.film-progress{position:absolute;bottom:40px;left:6%;right:6%;height:2px;background:#ffffff19}.film-progress i{display:block;height:100%;width:0;background:var(--orange)}body.filming header,body.filming .intro,body.filming .view-caption,body.filming .bottom-ui,body.filming #hotspots,body.filming .process-card,body.filming .detail-card{display:none!important}dialog{border:1px solid #3b4d60;border-radius:8px;background:#101b28;padding:36px;color:#e9f3fb;width:min(440px,calc(100% - 30px));text-align:center;box-shadow:0 30px 150px #0008}dialog::backdrop{background:#020910cf;backdrop-filter:blur(8px)}dialog .eyebrow{justify-content:center;font-size:9px}dialog h2{font-size:23px;font-weight:500;margin-top:21px}dialog p{color:#94a9bc;font-size:12px;line-height:1.9}dialog .dialog-close{position:absolute;top:10px;right:14px;background:transparent;font-size:23px;color:var(--muted);padding:4px 10px}#qr-image{display:block;margin:22px auto;border-radius:4px;background:white;padding:4px;max-width:100%;height:auto}#share-link{display:block;font-size:11px;color:var(--cyan);word-break:break-all}dialog .share-note{font-size:11px;margin:19px 0 22px}#video-dialog{width:min(960px,calc(100% - 30px))}#video-dialog video{width:100%;max-height:65svh;border-radius:4px;margin-top:10px}#video-dialog .primary-button{padding:12px 18px;font-size:11px}
@media(min-width:1600px){.intro{left:8%}.description{font-size:14px}.view-caption{top:170px}}
@media(max-width:900px) and (min-width:641px){.intro{left:4.4%;max-width:300px}.intro h1{font-size:35px}.description{font-size:11px}.view-caption p{max-width:140px;line-height:1.8}.view-modes button{min-width:125px;padding:12px 15px}.process-card{left:4.4%;width:270px}.detail-card{width:240px}.hotspot span{display:none}}
@media(max-width:640px){#showroom{height:100svh;min-height:740px}header{inset:22px 22px auto}.brand{font-size:20px;gap:9px}.brand-mark{width:32px;height:32px;font-size:18px}.brand-sub{font-size:6px;letter-spacing:1.3px}.header-right>span{display:none}.header-right .icon-button{font-size:10px;margin:0;padding:10px 12px}.icon-button span{margin-left:5px}.intro{top:106px;left:26px;right:26px;max-width:none}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:31px;line-height:1.3;letter-spacing:-.5px;margin:15px 0 10px}h1 br{display:none}h1>span{display:inline;font-size:1em;color:#ccdae7;margin-left:7px;letter-spacing:-.5px}.product-name{font-size:11px;letter-spacing:.7px;margin:10px 0}.description{display:none}.intro .primary-button{font-size:10px;padding:11px 15px;min-height:38px;margin-top:10px;gap:10px}.primary-button small{padding-left:9px;font-size:8px}.text-button{display:inline;font-size:10px;margin-left:14px;margin-top:8px}.view-caption{top:280px;right:25px}.view-caption .small-label{font-size:7px}.view-caption h2{font-size:11px;margin:7px 0}.view-caption p{display:none}.bottom-ui{left:18px;right:18px;bottom:4px}.interaction-hint{gap:5px;font-size:8px;margin-bottom:13px}.drag-icon{font-size:18px}.interaction-hint i{margin:0 3px}.interaction-hint button{font-size:8px;padding:10px 8px}.interaction-hint button span{font-size:7px}.view-modes{width:100%;gap:2px;padding:4px}.view-modes button{min-width:0;flex:1;padding:10px 4px;font-size:10px;min-height:46px}.view-modes button span{display:block;margin:0 0 4px;font-size:7px}footer{margin-top:15px;padding:12px 0 8px;line-height:1.8;font-size:8px;justify-content:center}footer>span:first-child,footer>span:last-child{display:none}.hotspot{width:23px;height:23px;font-size:12px}.hotspot span{display:none}.detail-card{left:22px;right:22px;bottom:166px;width:auto;padding:20px}.detail-card h3{font-size:16px;margin:11px 0 8px}.detail-card p{font-size:11px;line-height:1.8}.process-card{top:224px;left:26px;right:26px;width:auto;padding:0 0 0 12px;background:linear-gradient(90deg,#0b1422bd,transparent)}.process-card .small-label{font-size:7px}.process-steps{margin:8px 0;gap:7px}.process-steps button{font-size:9px;padding:9px 10px;min-height:35px}.process-card p{font-size:9px;max-width:305px}body.principle .intro{top:106px}body.principle h1{font-size:29px}body.principle .view-caption{display:none}.film-label{bottom:90px;left:25px;right:25px}.film-label h2{font-size:28px}.film-label>span{font-size:8px}.film-label p{font-size:10px;line-height:1.8}.film-progress{bottom:56px}.ambient{background:linear-gradient(0deg,#080d15 0%,transparent 21%)}dialog{padding:28px 23px}dialog h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Responsive type and clear separation between the pedestal and controls. */
.intro{max-width:480px;top:27%}h1{font-size:clamp(33px,3vw,48px);letter-spacing:-1px}h1>span{display:inline;font-size:1em;color:#b9cbdc;margin-top:0}.description{margin-top:23px}.view-modes{box-shadow:0 12px 40px #0004}@media(max-width:640px){.intro{top:106px;max-width:none}h1{font-size:27px;letter-spacing:-.6px}.intro h1>span{font-size:1em;display:inline;margin-left:5px}body.principle h1{font-size:26px}}@media(min-width:641px) and (max-width:1100px){.intro{max-width:360px}h1{font-size:32px}}