.scene-stage{height:calc(100vh - var(--header-h));background:var(--ink-900);min-height:560px;max-height:860px;position:relative;overflow:hidden}.scene-bg{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.scene-veil{pointer-events:none;background:linear-gradient(90deg,#060e339e 0%,#060e3347 34%,#060e3300 55%),linear-gradient(#060e336b 0%,#060e3300 22% 70%,#f5f9ffeb 100%);position:absolute;inset:0}.scene-title{z-index:3;color:#fff;max-width:520px;animation:.8s both scene-in;position:absolute;top:clamp(28px,9vh,88px);left:clamp(20px,6vw,96px)}.scene-title h1{margin-top:var(--sp-2);color:#fff;text-shadow:0 2px 18px #060e338c;margin:0 0 var(--sp-3);font-size:34px;line-height:1.35}.scene-title p{color:#ffffffe0;text-shadow:0 1px 10px #060e3399;font-size:14px}@keyframes scene-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.scene-spot{left:var(--x);top:var(--y);z-index:4;align-items:center;gap:10px;text-decoration:none;display:flex;position:absolute;transform:translate(-50%,-50%)}.spot-dot{background:#fff;border-radius:50%;flex:none;width:18px;height:18px;position:relative;box-shadow:0 0 0 5px #1e78ff8c,0 0 22px #1e78ffe6}.spot-ring{pointer-events:none;border:2px solid #1e78ffe6;border-radius:50%;flex:none;width:44px;height:44px;margin-top:-22px;animation:2.4s ease-out infinite spot-pulse;position:absolute;top:50%;left:-13px}@keyframes spot-pulse{0%{opacity:.9;transform:scale(.5)}70%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}.spot-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.92;background:#060e33c7;border:1px solid #ffffff29;border-radius:8px;flex-direction:column;padding:9px 16px;transition:transform .25s,opacity .25s,background .25s;display:flex;transform:translate(-6px);box-shadow:0 6px 24px #060e3380}.scene-spot-alt{flex-direction:row-reverse}.scene-spot-alt .spot-label{transform:translate(6px)}.scene-spot-alt .spot-ring{left:auto;right:-13px}.scene-spot:hover .spot-label,.scene-spot:focus-visible .spot-label{opacity:1;background:#1e78ffeb;transform:translate(0)}.scene-spot:hover .spot-dot{box-shadow:0 0 0 7px #06b6d499,0 0 30px #06b6d4}.spot-label b{color:#fff;letter-spacing:1px;font-size:15px}.spot-label i{color:#ffffffc7;margin-top:2px;font-size:12px;font-style:normal}.scene-cards{gap:var(--sp-4);padding:var(--sp-5) 0 0;grid-template-columns:repeat(3,1fr);display:none}.scene-card{padding:var(--sp-5);background:linear-gradient(135deg,#1e78ff1a,#876ffa1a);border:1px solid #1e78ff2e;border-radius:8px;flex-direction:column;gap:6px;text-decoration:none;display:flex;position:relative}.scene-card .sc-icon{color:#fff;background:var(--grad-brand);width:42px;height:42px;margin-bottom:var(--sp-2);border-radius:8px;place-items:center;display:grid}.scene-card b{color:var(--ink-900);font-size:16px}.scene-card i{color:var(--ink-500);font-size:13px;font-style:normal}.scene-card .sc-arrow{right:var(--sp-4);top:var(--sp-4);color:var(--brand-500);position:absolute}@media (width<=1024px){.scene-stage{height:56vh;min-height:420px}.scene-cards{display:grid}}@media (width<=768px){.scene-stage{height:340px;min-height:340px}.scene-spot,.scene-legend{display:none}.scene-title h1{font-size:24px}.scene-cards{grid-template-columns:1fr}}