*{box-sizing:border-box}body{margin:0;background:#060f18;color:#f2f7f6;font-family:Arial,'Noto Sans TC',sans-serif}#experience{position:relative;height:100svh;min-height:620px;overflow:hidden}#scene{position:absolute;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}#experience:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,20,.6),transparent 55%),linear-gradient(0deg,rgba(3,12,20,.95),transparent 25%,transparent 85%,rgba(3,12,20,.55));pointer-events:none}header,.intro,footer,.hint,.anchor,.crosshair,#error{position:absolute;z-index:1}header{top:32px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:24px;letter-spacing:4px;color:white;text-decoration:none}.brand span{display:block;font-size:9px;font-weight:400;letter-spacing:2px;margin-top:10px;color:#a0b4bc}.badge{font-size:10px;letter-spacing:2px;border:1px solid #ffffff25;padding:12px 16px;border-radius:30px;background:#0d1c2470}.badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b3ffdf;margin-right:9px}.intro{left:40px;top:22%;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:3px;color:#b4ffdf}h1{font-size:clamp(36px,4.6vw,68px);font-weight:500;letter-spacing:-2px;line-height:1.18;margin:20px 0} .intro>p:last-child{font-size:13px;color:#b5c7cc;max-width:270px;line-height:1.8}.crosshair{left:50%;top:50%;width:18px;height:18px;border:1px solid #b9e6dc55;border-radius:50%;pointer-events:none}.anchor{right:40px;bottom:165px;padding:16px 20px;border-left:2px solid #9effde;background:#09182380;max-width:300px}.anchor span,.anchor small{display:block;font-size:9px;letter-spacing:1.5px;color:#9cb8c0}.anchor strong{display:block;font-size:13px;font-weight:400;margin:10px 0;color:#cefff0}footer{bottom:55px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:end;gap:25px}.flight span,.flight small{display:block;font-size:9px;letter-spacing:2px;color:#96abb4}.flight strong{display:block;font-weight:400;font-size:24px;margin:8px 0}.flight b{font-weight:400;font-variant-numeric:tabular-nums}.controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.controls button,.controls label{font-size:11px;color:#d7e6e9;background:#0c1c29b0;border:1px solid #647f8c55;border-radius:6px;padding:12px;backdrop-filter:blur(12px)}button{cursor:pointer}button:hover{border-color:#acffdf}.controls label{padding:8px 10px;color:#97aeb7}select{color:#e6f5f2;background:transparent;border:0;padding:3px;cursor:pointer}select option{background:#102333}.hint{bottom:15px;left:40px;font-size:10px;color:#829ba7;letter-spacing:1px}#error{top:40%;left:10%;right:10%;padding:24px;background:#132c3e}.controls :focus-visible,.brand:focus-visible{outline:2px solid #b4ffdf;outline-offset:4px}@media(max-width:650px){header{top:22px;left:22px;right:22px}.brand{font-size:19px}.badge{font-size:8px;padding:9px;letter-spacing:1px}.intro{top:17%;left:22px}h1{font-size:38px}.intro>p:last-child{font-size:11px;max-width:215px}.anchor{right:22px;bottom:215px;max-width:250px;padding:12px}.anchor strong{font-size:11px}footer{left:22px;right:22px;bottom:52px;align-items:start;flex-direction:column;gap:15px}.flight strong{font-size:18px}.flight small{display:none}.controls{gap:6px}.controls button,.controls label{font-size:10px;padding:9px}.hint{left:22px;right:22px;bottom:10px;font-size:8px;line-height:1.6}.hint span{display:block}.crosshair{display:none}}

#device-overlay{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}#device-overlay[hidden]{display:none}#device-overlay img{position:absolute;left:50%;top:50%;width:min(65vw,920px);height:auto;filter:drop-shadow(0 18px 30px #0008)}#device-overlay[data-device="phone"] img{width:min(72vw,1050px)}#device-status{position:absolute;z-index:2;left:50%;bottom:145px;transform:translateX(-50%);margin:0;color:#caffec;font-size:12px;white-space:nowrap;pointer-events:none}.controls button[data-view-device][aria-pressed="true"]{border-color:#9effde;color:#baffdf}.controls button:disabled{cursor:wait;opacity:.6}@media(max-width:650px){#device-overlay img{width:86vw}#device-overlay[data-device="phone"] img{width:90vw}#device-status{bottom:205px;font-size:10px}.controls{max-width:100%}}

#device-overlay .device-rims{position:absolute;inset:0;opacity:0}#device-overlay .device-rims img{max-width:none;transform:none;filter:drop-shadow(0 2px 5px #0008)}

#anchor-offer{border-top:1px solid #89ffe53a;margin-top:14px;padding-top:12px}#anchor-offer[hidden]{display:none}#offer-item{font-size:12px;color:#e1fff7;margin:0 0 8px}#anchor-offer #offer-discount{font-size:12px;color:#a6ffe1;letter-spacing:.5px}.offer-prices{margin:10px 0;display:flex;gap:12px;align-items:baseline}#offer-original{font-size:11px;color:#8da8b6}#offer-price{font-size:23px;font-weight:600;color:#e7fff8}@media(max-width:650px){#offer-price{font-size:19px}#anchor-offer{margin-top:10px;padding-top:10px}}