:root{color-scheme:dark;--ink:#f5f2e9;--muted:rgba(245,242,233,.62);--line:rgba(245,242,233,.16);--gold:#cfb278;--panel:rgba(14,20,17,.76)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#111713;color:var(--ink);font-family:system-ui,-apple-system,"PingFang SC","Noto Sans SC",sans-serif}button,a{-webkit-tap-highlight-color:transparent}.experience{position:relative;width:100%;height:100%;min-height:480px;isolation:isolate;background:#161c18}#panorama{position:absolute;inset:0;z-index:0}.pnlm-container{background:#161c18}.pnlm-controls-container{z-index:9}.shade{position:absolute;inset-inline:0;pointer-events:none;z-index:1}.shade-top{top:0;height:36%;background:linear-gradient(180deg,rgba(8,13,11,.62),rgba(8,13,11,.22) 48%,transparent)}.shade-bottom{bottom:0;height:47%;background:linear-gradient(0deg,rgba(8,13,11,.8),rgba(8,13,11,.52) 38%,transparent)}.topbar{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px 38px}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand strong{display:block;font-size:15px;font-weight:600;letter-spacing:.16em}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:9px;letter-spacing:.18em}.brand-mark{width:30px;height:30px;display:flex;align-items:flex-end;gap:3px;padding:4px;border:1px solid rgba(207,178,120,.56);transform:rotate(45deg)}.brand-mark i{display:block;width:5px;background:var(--gold)}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:21px}.top-note{font-size:11px;letter-spacing:.11em;color:rgba(255,255,255,.76);display:flex;align-items:center;gap:9px}.live-dot,.quality-dot{width:6px;height:6px;border-radius:50%;background:#b8d89e;box-shadow:0 0 12px rgba(184,216,158,.8)}.intro{position:absolute;z-index:3;left:5.1%;top:18%;max-width:min(520px,46vw);pointer-events:none}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 18px;color:#e2d2af;font-size:10px;letter-spacing:.19em}.eyebrow-line{width:30px;height:1px;background:var(--gold);opacity:.8}.intro h1{margin:0;font-size:clamp(36px,5.1vw,66px);line-height:1.16;letter-spacing:.06em;font-weight:500;text-shadow:0 2px 20px rgba(0,0,0,.2)}.scene-copy{margin:15px 0 0;color:rgba(255,255,255,.76);font-size:13px;letter-spacing:.05em;text-shadow:0 1px 10px rgba(0,0,0,.45)}.scene-panel{position:absolute;z-index:4;right:38px;top:50%;transform:translateY(-42%);width:300px;padding:18px 16px 14px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(16px);box-shadow:0 20px 70px rgba(0,0,0,.24)}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:0 2px 13px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.12em}.panel-count{font-size:9px;color:var(--muted);letter-spacing:.15em}.scene-list{display:grid;gap:8px;padding-top:11px}.scene-card{display:flex;width:100%;gap:12px;align-items:center;padding:7px;text-align:left;color:inherit;border:1px solid transparent;background:transparent;cursor:pointer;transition:background .22s,border-color .22s}.scene-card:hover{background:rgba(255,255,255,.06)}.scene-card.is-active{background:rgba(255,255,255,.07);border-color:rgba(207,178,120,.5)}.scene-thumb{position:relative;display:block;flex:0 0 94px;height:62px;overflow:hidden;background:#39443c}.scene-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.scene-card:hover .scene-thumb img{transform:scale(1.05)}.thumb-play{position:absolute;right:5px;bottom:4px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(13,19,16,.72);color:#fff;font-size:11px}.scene-meta{display:grid;grid-template-columns:23px 1fr;align-items:center;column-gap:5px;row-gap:4px}.scene-number{grid-row:1/3;color:var(--gold);font-size:10px;align-self:start;padding-top:1px}.scene-name{font-size:13px;letter-spacing:.05em}.scene-type{grid-column:2;color:var(--muted);font-size:9px;letter-spacing:.035em}.panel-foot{display:flex;align-items:center;gap:7px;margin-top:12px;padding:11px 3px 0;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.foot-icon{color:var(--gold);font-size:12px}.bottom-bar{position:absolute;z-index:3;left:38px;right:38px;bottom:25px;display:flex;align-items:center;gap:24px}.gesture-hint{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.84);font-size:11px;letter-spacing:.04em}.drag-icon{font-size:18px;color:var(--gold);line-height:1}.hint-sep{color:rgba(255,255,255,.38)}.quality-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;letter-spacing:.045em}.quality-dot{width:5px;height:5px;background:#e5c98c}.fullscreen-button{margin-left:auto;display:flex;align-items:center;gap:8px;padding:10px 13px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.32);font:inherit;font-size:11px;cursor:pointer;transition:background .2s}.fullscreen-button:hover{background:rgba(255,255,255,.18)}.fullscreen-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4}.notice{position:absolute;z-index:5;left:50%;bottom:78px;transform:translateX(-50%);padding:8px 12px;color:rgba(255,255,255,.76);background:rgba(12,17,15,.5);border:1px solid rgba(255,255,255,.15);font-size:10px;white-space:nowrap;backdrop-filter:blur(8px)}
@media(max-width:760px){.experience{min-height:400px}.topbar{padding:20px 18px}.top-note{font-size:9px}.intro{left:20px;top:16%;max-width:82vw}.intro h1{font-size:clamp(34px,9vw,54px)}.scene-copy{font-size:11px;max-width:65vw;line-height:1.7}.scene-panel{left:14px;right:14px;top:auto;bottom:85px;transform:none;width:auto;padding:12px 11px 10px}.panel-heading{padding-bottom:9px;font-size:11px}.scene-list{grid-template-columns:1fr 1fr;gap:5px;padding-top:8px}.scene-card{gap:7px;padding:5px}.scene-thumb{flex-basis:64px;height:48px}.scene-name{font-size:11px}.scene-type{font-size:8px}.scene-meta{grid-template-columns:17px 1fr;column-gap:3px}.scene-number{font-size:8px}.panel-foot{display:none}.bottom-bar{left:17px;right:17px;bottom:20px;gap:10px}.gesture-hint{font-size:10px;gap:6px}.quality-note{display:none}.fullscreen-button{padding:8px 10px;font-size:10px}.notice{bottom:166px;max-width:calc(100vw - 28px);font-size:9px;white-space:normal;text-align:center}.brand strong{font-size:13px}.brand small{font-size:8px}}
@media(max-height:600px) and (min-width:761px){.intro{top:16%}.intro h1{font-size:clamp(34px,4.5vw,52px)}.scene-panel{top:53%;width:270px}.scene-thumb{height:52px}.bottom-bar{bottom:14px}.notice{bottom:60px}}
.brand{display:flex;align-items:center;line-height:0}
.brand-logo{display:block;width:auto;height:66px;max-width:min(180px,42vw);object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}
@media(max-width:760px){.brand-logo{height:56px;max-width:42vw}}