:root{color-scheme:dark;--lime:#dcff6d;--ink:#101719;--muted:#a8b4b4}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#fff;font-family:Arial,'Noto Sans TC',sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}header{height:88px;display:flex;justify-content:space-between;align-items:center;padding:0 4.5vw;border-bottom:1px solid #ffffff16;background:#101719}.brand{display:flex;align-items:center;gap:13px;color:white;text-decoration:none;font-size:23px;font-weight:700;letter-spacing:2px}.brand small{display:block;font-size:12px;letter-spacing:2px;margin-top:5px;color:#b2bdbd}.mark{display:grid;place-items:center;background:var(--lime);color:var(--ink);width:44px;height:44px;border-radius:4px;font-size:31px;font-weight:900;font-style:italic;letter-spacing:0}.header-right{display:flex;align-items:center;gap:24px;font-size:14px}.demo{border:1px solid #718044;color:var(--lime);padding:7px 11px;border-radius:4px}.location{color:#b3bdbd}main{position:relative;height:calc(100svh - 88px);min-height:580px;overflow:hidden;background:#151b1b}.top-copy{position:absolute;top:35px;left:4.5vw;z-index:2;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:2.5px;color:var(--lime);font-weight:700}.top-copy h1{font-size:clamp(24px,2.6vw,40px);font-weight:500;letter-spacing:2px;margin:13px 0}.top-copy p{color:#c4cccc;font-size:15px;margin:0}.scene-viewport{position:absolute;inset:0;overflow:hidden}.scene{width:100%;height:100%;position:relative;transition:transform 1.2s cubic-bezier(.2,.65,.2,1);transform-origin:50% 60%}.scene>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none}.lighting{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0d1515ba 0%,transparent 36%,transparent 70%,#101719f5 100%)}.hotspot{position:absolute;left:25%;top:60%;border:0;background:none;display:flex;align-items:center;flex-direction:column;color:white;transform:translate(-50%,-50%);padding:15px}.h1{left:50%}.h2{left:75%}.pin{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dcff6ded;color:#101719;font-size:27px;box-shadow:0 0 0 7px #dcff6d18,0 5px 30px #0008;transition:.25s}.hotspot:hover .pin{transform:scale(1.16);box-shadow:0 0 0 12px #dcff6d22}.pin-label{margin-top:16px;background:#101719d9;padding:11px 18px;border-radius:4px;font-size:15px;letter-spacing:.4px;white-space:nowrap;box-shadow:0 8px 24px #0005}.pin-label small{display:block;color:#b2bcbc;font-size:12px;margin-top:5px}.bottom{position:absolute;bottom:65px;left:4.5vw;right:4.5vw;display:flex;align-items:center;justify-content:space-between;gap:16px}.view-label{display:flex;gap:16px;align-items:center}.view-label>span{font-size:38px;font-weight:300;color:var(--lime);border-right:1px solid #ffffff35;padding-right:16px}.view-label div{font-size:16px}.view-label small{display:block;font-size:12px;letter-spacing:1.5px;color:#8d9c9c;margin-top:7px}.views{display:flex;gap:4px;padding:5px;background:#101719de;border:1px solid #ffffff24;border-radius:8px}.views button{border:0;background:transparent;color:#b4c0c0;padding:12px 20px;font-size:14px;border-radius:5px}.views button.active{background:var(--lime);color:#101719}.help{border:1px solid #ffffff55;background:#101719ad;border-radius:50%;color:#fff;width:38px;height:38px}.footnote{position:absolute;bottom:19px;left:4.5vw;margin:0;color:#a7b3b3;font-size:12px}dialog{padding:0;border:1px solid #ffffff20;background:#182123;color:white;border-radius:16px;box-shadow:0 30px 120px #000a}dialog::backdrop{background:#081011a8;backdrop-filter:blur(7px)}#detail{width:min(900px,92vw);max-height:90svh;overflow:auto}#detail[open]{display:grid;grid-template-columns:46% 54%}.close{position:absolute;right:15px;top:15px;z-index:3;border:1px solid #ffffff25;border-radius:50%;background:#111b1bcb;color:#fff;width:40px;height:40px;font-size:26px;line-height:1}.detail-photo{position:relative;min-height:540px;background-image:url('showroom.png');background-repeat:no-repeat;background-size:auto 100%;background-color:#202826}.photo-badge{position:absolute;bottom:24px;left:24px;font-size:12px;letter-spacing:2px;color:#dcff6d;background:#101719ca;padding:9px 12px;border:1px solid #dcff6d33}.detail-body{padding:44px 35px 28px}.detail-body h2{font-size:34px;letter-spacing:-1px;margin:12px 0 7px}.bike-tag{color:#a6b6b6;margin:0 0 25px}.price{display:flex;align-items:center;gap:13px;margin-bottom:20px}.price>span{font-size:27px;color:var(--lime)}.price small{font-size:12px;color:#92a4a4}.detail-body>p#bike-description{font-size:15px;line-height:1.8;color:#c6cfcf}.specs{display:grid;grid-template-columns:1fr 1fr;gap:18px 15px;padding:22px 0;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15;margin:22px 0}.specs dt{font-size:12px;color:#91a3a3;margin-bottom:7px}.specs dd{margin:0;font-size:16px}.color-row{display:flex;align-items:center;gap:12px;font-size:14px;margin-bottom:25px}.color-row>span:first-child{color:#a8b8b8;margin-right:auto}.color-row i{height:17px;width:17px;border-radius:50%;border:1px solid #ffffff77}.primary{width:100%;padding:15px;border:0;border-radius:5px;background:var(--lime);color:var(--ink);font-weight:700;font-size:16px}.primary:hover{background:#e9ffa2}.detail-note{font-size:12px;color:#92a4a4;line-height:1.7;margin-bottom:0}#notice{width:min(440px,90vw);padding:40px 30px 30px}#notice h2{font-size:25px;margin-top:22px}#notice p{color:#b9c6c6;line-height:1.8;margin-bottom:28px}@media(min-aspect-ratio:2/1){main{min-height:480px}}@media(max-width:700px),(pointer:coarse){header{height:72px;padding:0 20px}.brand{font-size:20px}.mark{width:37px;height:37px;font-size:26px}.location{display:none}.demo{font-size:12px}main{height:calc(100svh - 72px);min-height:600px}.top-copy{top:27px;left:22px}.top-copy h1{font-size:25px;letter-spacing:.4px}.top-copy p{font-size:14px}.scene{width:1100px;height:100%;position:absolute;left:50%;margin-left:-550px}.scene>img{object-fit:cover}.bottom{bottom:62px;left:20px;right:20px;flex-wrap:wrap}.views{order:3;width:100%;justify-content:space-between;margin-top:8px}.views button{padding:12px 9px;font-size:13px}.view-label>span{font-size:30px}.view-label small{font-size:10px}.footnote{left:20px;font-size:11px;bottom:22px}.pin-label{padding:9px 11px;font-size:14px}#detail[open]{display:block}.detail-photo{height:235px;min-height:0;background-size:auto 170%;background-position-y:65%!important}.detail-body{padding:27px 25px}.detail-body h2{font-size:30px}.photo-badge{bottom:15px;left:20px}#detail{max-height:92svh}.header-right{gap:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
#world{position:absolute;inset:0;touch-action:none;cursor:grab}#world.dragging{cursor:grabbing}#world canvas{display:block;width:100%;height:100%}.top-copy{background:linear-gradient(90deg,#101719b0,transparent);padding:16px 20px 22px 0}.bottom{pointer-events:none}.bottom>*{pointer-events:auto}#labels{position:absolute;inset:0;pointer-events:none}.world-label{position:absolute;pointer-events:auto;border:1px solid #dcff6d60;background:#121c1ded;box-shadow:0 12px 30px #0006;color:white;border-radius:6px;padding:12px 18px;transform:translate(-50%,-50%);font-size:15px;white-space:nowrap}.world-label::before{content:'＋';color:var(--lime);margin-right:9px}.world-label small{display:block;color:#9faeae;font-size:12px;margin:6px 0 0 23px}#heading{font-size:26px;min-width:95px}#loading{position:absolute;inset:0;background:#101719;display:grid;place-items:center;z-index:5;font-size:18px;color:var(--lime)}@media(max-width:700px),(pointer:coarse){.top-copy{padding:10px 12px 16px 0}.top-copy h1{font-size:23px}.top-copy p{font-size:12px}.views button{padding:12px 8px;font-size:12px}.world-label{font-size:14px;padding:11px 15px}.bottom{bottom:59px}}
:root{--lime:#ecd9a4}header{background:#0f151b}main{background:#111823}.top-copy{background:none;text-shadow:0 2px 20px #000,0 0 50px #000}.top-copy h1{font-family:Georgia,'Noto Serif TC',serif;font-weight:400}.world-label{background:#0c1621dc;border-color:#d7bc805e;box-shadow:0 5px 25px #000a}.views{background:#0d1721d9;border-color:#d1b47840}.views button.active{background:#dec898}.bottom{z-index:3}.world-label small{color:#c6b891}#focus{position:absolute;inset:88px 0 0;z-index:10;overflow:hidden}#focus[hidden]{display:none}.focus-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,#14203355,#040a13ed);backdrop-filter:blur(7px);animation:fadein .7s ease both}#focus-bike{position:absolute;top:5%;left:12%;width:76%;height:68%;background:none;border:0;padding:0;cursor:zoom-in;transition:top .7s,width .7s,height .7s,left .7s}#focus-image{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 28px #000c)}#focus.expanded #focus-bike{left:2%;top:2%;width:96%;height:87%;cursor:zoom-out}#focus.expanded .focus-caption .eyebrow,#focus.expanded .focus-caption h2,#focus.expanded .focus-caption p{display:none}.focus-caption{position:absolute;bottom:35px;left:0;width:100%;text-align:center;pointer-events:none}.focus-caption h2{font-size:30px;margin:10px 0;color:#fff}.focus-caption p{font-size:14px;color:#c5b997;margin:8px 0 16px}.focus-actions{display:flex;justify-content:center;gap:10px;pointer-events:auto}.focus-actions button{border:1px solid #c2a77966;border-radius:6px;background:#12202ad9;color:#e9d6ac;padding:12px 18px;font-size:14px}.focus-actions button:first-child{background:#e4d0a5;color:#17202a}.photo-disclosure{position:absolute;bottom:10px;left:0;width:100%;text-align:center;color:#abb3bd;font-size:11px}#original{width:min(1300px,94vw);max-height:93svh;padding:20px;background:#101923}#original h2{font-size:17px;margin:0 50px 15px 0}#original-image{width:100%;height:calc(85svh - 60px);object-fit:contain}.footnote{color:#c1bba9;text-shadow:0 1px 8px #000}.views button{padding:12px 15px}@keyframes fadein{from{opacity:0}to{opacity:1}}@media(max-width:700px),(pointer:coarse){#focus{inset:72px 0 0}#focus-bike{left:3%;width:94%;top:12%;height:53%}#focus.expanded #focus-bike{top:2%;height:83%;left:1%;width:98%}.focus-caption{bottom:47px}.focus-caption h2{font-size:24px}.focus-actions{gap:6px;padding:0 12px}.focus-actions button{font-size:12px;padding:11px 10px}.views button{padding:12px 6px;font-size:11px}.photo-disclosure{bottom:19px;font-size:10px}.top-copy h1{font-size:24px}.top-copy p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.focus-shade{animation:none}.focus-bike{transition:none}}
#focus-features{color:#e6d6b4;font-size:14px}.model-status{color:#aeb7c0;font-size:11px}.focus-caption h2{margin:7px 0}.focus-caption>p{margin:6px 0 12px}

#focus-bike{top:2%;height:61%}.focus-caption{bottom:32px;padding:0 20px}.focus-caption h2{margin:4px 0;font-size:28px}.focus-caption #focus-features{margin:7px auto;max-width:850px;line-height:1.6;font-size:16px}.focus-caption #focus-variant{margin:4px 0;font-size:14px;color:#aeb8c5}#focus-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:760px;margin:10px auto}#focus-specs>div{background:#14202bd9;border:1px solid #c2a77940;border-radius:6px;padding:9px 12px}#focus-specs dt{font-size:14px;color:#aeb8c5}#focus-specs dd{margin:5px 0 0;color:#eeddbb;font-size:16px}.model-status{display:block;font-size:12px;color:#aeb8c5;margin:8px 0}.focus-actions button{padding:10px 16px}#focus.expanded #focus-bike{top:0;left:1%;width:98%;height:64%}#focus.expanded .focus-caption h2,#focus.expanded .focus-caption p{display:block}#focus.expanded .focus-caption .eyebrow{display:none}@media(max-width:700px),(pointer:coarse){#focus-bike{top:1%;left:2%;width:96%;height:46%}#focus.expanded #focus-bike{top:0;height:48%}.focus-caption{bottom:42px;padding:0 12px}.focus-caption h2{font-size:23px}.focus-caption #focus-features{font-size:14px;max-width:380px}.focus-caption .eyebrow{display:none}#focus-specs{gap:6px;margin:8px auto;max-width:440px;grid-template-columns:repeat(2,minmax(0,1fr))}#focus-specs>div{padding:7px}#focus-specs dd{font-size:14px;margin-top:3px}.model-status{font-size:12px;margin:6px 0}.focus-actions button{padding:9px 10px}}@media(max-height:680px) and (min-width:701px){#focus-bike,#focus.expanded #focus-bike{width:66%;left:0;height:94%;top:0}.focus-caption{left:66%;width:34%;bottom:auto;top:8%;padding:0 18px}#focus-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-actions{flex-wrap:wrap}.focus-caption .eyebrow{display:none}}

/* Readable mobile product details, with natural flow instead of overlapping layers. */
@media(max-width:700px),(pointer:coarse){
 #focus{overflow-y:auto;overscroll-behavior:contain;background:#0c1520;padding-bottom:env(safe-area-inset-bottom)}
 #focus .focus-shade{position:fixed;pointer-events:none}
 #focus-bike,#focus.expanded #focus-bike{position:relative;display:block;top:auto;left:auto;width:100%;height:44svh;min-height:210px;margin:10px auto 0}
 #focus.expanded #focus-bike{height:62svh}
 .focus-caption{position:relative;top:auto;left:auto;bottom:auto;width:100%;padding:20px 18px 24px;background:#101c29f5;text-align:left;border-top:1px solid #d7bc8055}
 .focus-caption h2{font-size:30px;line-height:1.25;margin:0 0 12px;color:#fff}
 .focus-caption #focus-features{font-size:18px;line-height:1.65;max-width:none;margin:0;color:#fff;font-weight:500}
 .focus-caption #focus-variant{font-size:16px;line-height:1.5;color:#cad3de;margin:10px 0 16px}
 #focus-specs{max-width:none;gap:10px;margin:0 0 16px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #focus-specs:empty{display:none}
 #focus-specs>div{padding:14px 12px;background:#1c2d3f;border-color:#71829580}
 #focus-specs dt{font-size:16px;line-height:1.4;color:#d0d9e3}
 #focus-specs dd{font-size:20px;line-height:1.35;font-weight:700;margin-top:7px;overflow-wrap:anywhere;color:#fff0cf}
 .focus-caption .model-status{font-size:14px;line-height:1.5;color:#bcc8d5;margin:12px 0 18px}
 .focus-actions{padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .focus-actions button{font-size:16px;line-height:1.4;min-height:48px;padding:12px 6px}
 #focus .photo-disclosure{position:relative;display:block;bottom:auto;left:auto;padding:12px 18px;font-size:13px;line-height:1.5;background:#0c1520}
 .views{max-width:75vw;overflow-x:auto;justify-content:flex-start}.views button{flex-shrink:0;font-size:14px;min-height:44px;padding:10px}
 .world-label{font-size:18px}.world-label small{font-size:14px}
}

#music-toggle{border:1px solid #d7bc8070;background:#162333;color:#ffe1a5;border-radius:6px;padding:10px 12px;font:inherit;font-size:14px;min-height:44px;white-space:nowrap}#music-toggle[aria-pressed=true]{background:#d7bc80;color:#13202c}@media(max-width:700px),(pointer:coarse){.header-right{gap:8px}.header-right .demo,.header-right .location{display:none}#music-toggle{font-size:16px}}