@charset "UTF-8";
:root{--paper:#f5f4ef;--ink:#252b2a;--muted:#8b908a;--line:rgba(55,66,60,.14);--accent:#477b72;--panel:rgba(255,255,255,.63)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:inherit;text-decoration:none}.showroom{max-width:2400px;margin:auto;min-height:100svh;display:flex;flex-direction:column;transition:background .7s,color .7s}.header{height:91px;margin:0 4.3%;display:flex;align-items:center;border-bottom:1px solid var(--line);z-index:3;flex-shrink:0}.wordmark{display:flex;align-items:center;font-size:25px;letter-spacing:-1.6px;font-weight:650}.brand-divider{height:20px;width:1px;background:var(--line);margin:0 20px}.wordmark-sub{font-size:21px;font-weight:600;letter-spacing:1px}.nav{display:flex;gap:36px;position:absolute;left:50%;transform:translateX(-50%);height:91px;align-items:center}.nav-tab{height:100%;font-size:13px;color:var(--muted);position:relative;letter-spacing:1px}.nav-tab.active{color:var(--ink)}.nav-tab.active:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--accent)}.icon-button{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background .2s,transform .2s}.icon-button:hover{background:var(--panel);transform:translateY(-1px)}.icon-button svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.header>.icon-button{margin-left:auto}.stage{position:relative;min-height:520px;height:calc(100svh - 270px);flex:1;background:radial-gradient(ellipse at 63% 53%,#e2e5df 0,rgba(231,232,225,.25) 40%,transparent 67%);overflow:hidden}.model-canvas{position:absolute;inset:0;z-index:1}.model-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.giant-type{position:absolute;right:9%;top:5%;font-size:clamp(155px,23vw,350px);line-height:1;font-weight:500;letter-spacing:-.075em;color:rgba(120,133,120,.065);pointer-events:none}.intro{position:absolute;left:4.3%;top:13%;z-index:2;pointer-events:none}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2.1px;color:var(--muted)}.intro .eyebrow{display:flex;gap:10px;align-items:center;margin:0 0 30px}.intro .eyebrow>span{width:17px;height:1px;background:var(--accent)}h1{font-weight:500;font-size:clamp(30px,3.2vw,51px);letter-spacing:-1px;line-height:1.5;margin:0 0 21px}.intro-description{font-size:12px;line-height:2.1;letter-spacing:.7px;color:var(--muted);margin:0 0 24px}.text-button{padding:7px 0;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:1px;pointer-events:auto}.text-button span{margin-left:40px;font-size:19px}.text-button:hover{color:var(--accent)}.stage-label{position:absolute;left:4.3%;bottom:35px;z-index:2;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.8px;color:var(--muted);pointer-events:none}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.label-line{height:10px;width:1px;background:var(--line);margin:0 4px}.side-label{position:absolute;right:3%;top:42%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:var(--muted)}.stage-actions{position:absolute;right:4.3%;bottom:31px;z-index:2;display:flex;gap:9px}.stage-actions .icon-button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.interaction-hint{position:absolute;bottom:38px;left:57%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1px;color:var(--muted);pointer-events:none}.interaction-hint svg{width:16px;height:16px;stroke:currentColor;stroke-width:1;fill:none}i{font-style:normal;margin:0 7px;color:var(--muted)}.configurator{position:relative;z-index:3;margin:0 4.3%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr 1fr;padding:27px 0 26px;gap:40px;flex-shrink:0}.config-block:not(:first-child){border-left:1px solid var(--line);padding-left:40px}.block-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.block-heading .eyebrow{letter-spacing:1.5px}.block-heading strong{font-size:11px;font-weight:500;letter-spacing:1px}.tiny-label{font-size:8px;letter-spacing:1.8px;color:var(--muted)}.swatches{display:flex;gap:18px;padding:3px 4px}.swatch{height:25px;width:25px;border-radius:50%;position:relative;background:radial-gradient(circle at 30% 25%,#ffffff60,transparent 70%),var(--swatch);box-shadow:inset 0 0 0 1px #0000000d;transition:transform .2s}.swatch:hover{transform:scale(1.12)}.swatch.selected:after{content:"";position:absolute;inset:-5px;border:1px solid var(--accent);border-radius:50%}.segmented{display:flex;background:rgba(113,121,111,.055);padding:3px;border-radius:5px;gap:3px;min-height:34px}.segmented button{flex:1;font-size:11px;border-radius:3px;white-space:nowrap;padding:7px 8px;color:var(--muted);transition:background .2s,color .2s}.segmented button:hover{color:var(--ink)}.segmented button.selected{color:var(--ink);background:var(--panel);box-shadow:0 1px 5px #00000005}.segmented button span{margin-right:6px;font-size:15px;line-height:0}footer{margin:0 4.3%;height:54px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.8px;color:var(--muted);flex-shrink:0}.footer-note{font-size:9px;letter-spacing:1.4px}.loading{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--paper);transition:opacity .7s}.loading.done{opacity:0;pointer-events:none}.loading-mark{font-size:58px;letter-spacing:-3px;font-weight:500}.loading p{font-size:11px;color:var(--muted);letter-spacing:2px;margin:20px 0}.loading small{font-size:10px;color:var(--muted);margin-top:17px;letter-spacing:1px}.progress-track{height:2px;width:160px;background:var(--line)}.progress-track span{display:block;height:100%;background:var(--accent);width:0;transition:width .3s}.detail-panel{position:absolute;right:4.3%;top:6%;width:310px;z-index:4;background:var(--paper);padding:33px 28px;box-shadow:0 20px 60px #1b282518;border:1px solid var(--line);border-radius:7px}.detail-panel[hidden]{display:none}.close-detail{position:absolute;right:15px;top:15px;width:27px;height:27px;font-size:11px}.detail-panel h2{font-size:26px;font-weight:500;line-height:1.5;margin:24px 0 15px}.detail-panel>p:not(.eyebrow){font-size:11px;line-height:1.9;color:var(--muted)}.detail-item{display:flex;align-items:center;gap:12px;width:100%;padding:19px 0;border-top:1px solid var(--line);text-align:left}.detail-item>span{font-size:9px;color:var(--muted)}.detail-item strong{font-size:12px;font-weight:500}.detail-item small{display:block;font-size:9px;margin-top:7px;color:var(--muted)}.detail-item b{margin-left:auto;font-weight:400}.detail-item:hover{color:var(--accent)}.detail-note{border-top:1px solid var(--line);padding-top:15px;margin-bottom:0;font-size:9px!important}.toast{position:fixed;left:50%;bottom:190px;transform:translate(-50%,12px);border-radius:5px;background:var(--ink);color:var(--paper);padding:12px 22px;z-index:10;font-size:12px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.toast.visible{opacity:1;transform:translate(-50%,0)}.night{--paper:#171c1d;--ink:#e7ece7;--muted:#899894;--line:rgba(196,213,201,.15);--accent:#8caf9e;--panel:rgba(111,134,123,.18);background:var(--paper)}.night .stage{background:radial-gradient(ellipse at 63% 53%,#303d3c 0,#1e2929 40%,transparent 70%)}.night .giant-type{color:rgba(167,190,175,.035)}.night .segmented{background:#ffffff05}
@media(min-width:1800px){.intro{top:17%}.configurator{padding:35px 0}.stage{min-height:650px}}
@media(max-width:1050px){.configurator{gap:23px}.config-block:not(:first-child){padding-left:23px}.swatches{gap:12px}h1{font-size:33px}.intro-description{font-size:11px}.stage{min-height:490px}.intro{top:11%}.nav{gap:25px}}
@media(max-width:720px){.header{height:70px;margin:0 6%}.wordmark{font-size:21px}.wordmark-sub{font-size:17px}.brand-divider{margin:0 11px}.nav{position:static;transform:none;margin-left:auto;height:70px;gap:17px;margin-right:14px}.nav-tab{font-size:11px;letter-spacing:0}.header>.icon-button{width:30px;height:30px;margin-left:0}.stage{height:560px;min-height:560px;flex:none}.intro{left:6%;top:26px}.intro .eyebrow{font-size:8px;margin-bottom:12px}h1{font-size:29px;line-height:1.4;margin-bottom:12px}.intro-description{font-size:10px;line-height:1.8;margin-bottom:9px}.text-button{font-size:10px}.text-button span{margin-left:25px}.giant-type{top:36%;right:10%;font-size:38vw}.side-label{display:none}.stage-label{left:6%;bottom:23px;font-size:9px}.stage-actions{right:6%;bottom:17px;gap:6px}.stage-actions .icon-button{height:33px;width:33px}.interaction-hint{bottom:67px;left:50%;font-size:9px;white-space:nowrap}.configurator{margin:0 6%;grid-template-columns:1fr 1fr;gap:25px 20px;padding:23px 0}.colors-block{grid-column:1/-1}.config-block:not(:first-child){padding-left:0;border-left:0}.lights-block{border-left:1px solid var(--line)!important;padding-left:20px!important}.block-heading{margin-bottom:15px}.tiny-label{display:none}.swatches{justify-content:space-between;padding:3px 6px}.swatch{height:29px;width:29px}.block-heading .eyebrow{font-size:9px;letter-spacing:1px}.segmented button{font-size:10px;padding:8px 3px}.segmented button span{margin-right:3px}.detail-panel{right:6%;top:30px;width:calc(100% - 12%);max-width:340px}.detail-panel h2{font-size:22px;margin:17px 0 10px}.detail-item{padding:14px 0}.footer-note{display:none}footer{margin:0 6%;font-size:7px;letter-spacing:1px;height:47px}.toast{bottom:250px;white-space:nowrap;font-size:11px}.stage.interior .intro-description,.stage.interior .text-button{display:none}.stage.interior h1{font-size:23px}.stage.interior .intro{pointer-events:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.stage.interior .intro{top:25px;background:var(--panel);backdrop-filter:blur(18px);padding:18px 22px;border:1px solid var(--line);border-radius:5px}.stage.interior .intro .eyebrow{margin-bottom:8px;font-size:8px}.stage.interior h1{font-size:20px;line-height:1.5;margin:0}.stage.interior .intro-description,.stage.interior .text-button,.stage.interior .giant-type{display:none}.stage.interior .side-label{display:none}
.loading[hidden]{display:none}

.stage.interior:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,var(--paper));pointer-events:none;z-index:1}

.showroom{color:var(--ink)}