/* 第 10 关：潜行 + 发 IG，作用域 .st */
.st{position:absolute;inset:0;overflow:hidden;background:#2b2f3a;user-select:none}
.st-toast{position:absolute;left:50%;top:120px;transform:translateX(-50%);background:#fff;color:#1c1c30;font-weight:900;font-size:14px;padding:6px 14px;border-radius:999px;border:3px solid #1c1c30;box-shadow:3px 3px 0 #1c1c30;opacity:0;transition:opacity .1s;z-index:8;white-space:nowrap;pointer-events:none}
.st-toast.on{opacity:1}

/* 通道地图 */
.st-map{position:absolute;inset:0;overflow:hidden;touch-action:none;background:#1c1f28}
.st-map.flash{animation:stflash .5s}
@keyframes stflash{0%{box-shadow:inset 0 0 0 200px rgba(229,56,59,.6)}100%{box-shadow:none}}
.st-world{position:absolute;left:0;top:0;width:360px;height:1500px;will-change:transform}
.st-world>div{position:absolute;left:0;top:0}
.st-floor{width:360px;height:100%}
.st-floor .art{width:100%;height:100%}
.st-goal{left:0!important;right:0;top:0!important;height:110px;background:linear-gradient(#ff4f7b,#c2185b);color:#fff;text-align:center;font-weight:900;font-size:20px;line-height:110px;box-shadow:0 6px 0 #1c1c30;z-index:5}
.st-goal::before{content:'';position:absolute;left:0;right:0;top:0;height:40px;background:repeating-linear-gradient(90deg,#ffd166 0 24px,#1c1c30 24px 48px);opacity:.9}
.st-start{left:0!important;right:0;top:1460px!important;height:40px;background:#262a33;color:#aaa;text-align:center;font-size:12px;line-height:40px;z-index:5}
.st-pillar{width:56px;height:64px;margin:-40px 0 0 -28px;filter:drop-shadow(0 4px 3px rgba(0,0,0,.5))}
.st-guard{width:60px;height:84px;margin:-84px 0 0 -30px}
.st-guard b{position:absolute;left:50%;top:-22px;transform:translateX(-50%);color:#ff4d4d;font-size:22px;font-weight:900;opacity:0}
.st-guard.alert b{opacity:1;animation:stpop .3s}
@keyframes stpop{from{transform:translateX(-50%) scale(.3)}}
.st-cone{width:300px;height:300px;margin:-150px 0 0 -150px;background:radial-gradient(circle at 50% 50%,rgba(255,209,102,.5),rgba(255,209,102,.12) 60%,transparent 72%);clip-path:polygon(50% 50%,100% 21%,100% 79%);pointer-events:none;z-index:1;mix-blend-mode:screen}
.st-player{width:60px;height:84px;margin:-84px 0 0 -30px;z-index:2000!important}
.st-player.walk .art{animation:stwalk .3s ease-in-out infinite alternate}
@keyframes stwalk{from{transform:translateY(0)}to{transform:translateY(-3px)}}
.st-vig{position:absolute;inset:0;background:radial-gradient(circle at 50% 60%,transparent 45%,rgba(0,0,0,.55) 100%);pointer-events:none;z-index:3}
.st-tip{position:absolute;left:0;right:0;top:545px;text-align:center;font-size:12px;color:rgba(255,255,255,.75);font-weight:700;z-index:4;text-shadow:0 1px 2px #000}

/* 舞台 / 发 IG */
.st-stage{position:absolute;inset:0;background:#12081a;touch-action:manipulation}
.st-bg{position:absolute;inset:0}
.st-bg .art{width:100%;height:100%}
.st-taylor{position:absolute;left:50%;top:128px;width:100px;height:125px;margin-left:-50px;transition:transform .3s;filter:drop-shadow(0 0 16px rgba(255,209,102,.6));z-index:2}
.st-stage.look .st-taylor{transform:scale(1.15)}
.st-eye{position:absolute;left:50%;top:230px;width:220px;height:220px;margin-left:-110px;opacity:0;transition:opacity .15s;background:radial-gradient(ellipse at 50% 0,rgba(255,77,77,.5),transparent 70%);pointer-events:none;z-index:2}
.st-stage.look .st-eye{opacity:1}
.st-crowd{position:absolute;left:0;right:0;top:360px;display:flex;justify-content:center;gap:2px;z-index:3}
.st-crowd span{width:56px;height:74px;display:inline-block}
.st-crowd span.me{transform:translateY(-8px) scale(1.15);z-index:2;filter:drop-shadow(0 0 8px rgba(255,255,255,.35))}
.st-status{position:absolute;left:50%;top:56px;transform:translateX(-50%);background:#2ec27e;color:#fff;font-weight:900;font-size:16px;padding:8px 18px;border-radius:999px;border:3px solid #1c1c30;box-shadow:3px 3px 0 #1c1c30;white-space:nowrap;z-index:5}
.st-stage.look .st-status{background:#e5383b;animation:stblink .3s steps(2) infinite}
@keyframes stblink{to{filter:brightness(1.5)}}
.st-stage.busted{animation:stflash .5s}
.st-post{position:absolute;left:30px;right:30px;top:460px;z-index:5}
.st-bar{height:26px;border:3px solid #fff;border-radius:13px;overflow:hidden;background:rgba(0,0,0,.5)}
.st-bar i{display:block;height:100%;background:linear-gradient(90deg,#f9ce34,#ee2a7b,#6228d7);transform-origin:left;transform:scaleX(0);transition:transform .08s}
.st-post-t{margin-top:8px;text-align:center;color:#fff;font-weight:900;font-size:15px;text-shadow:0 1px 3px #000}

/* IG 限动 */
.st-ig{position:absolute;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:flex-start;padding-top:30px;justify-content:center;z-index:9}
.st-phone{width:270px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.6);animation:stphone .5s cubic-bezier(.2,1.5,.4,1) both;color:#111}
@keyframes stphone{from{transform:translateY(80px) scale(.7);opacity:0}to{transform:none;opacity:1}}
.st-ig-head{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:12px}
.st-ig-head i{width:34px;height:34px;border-radius:50%;padding:2px;background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7);flex:none}
.st-ig-head i .art{background:#fff;border-radius:50%}
.st-ig-head b{font-weight:800}
.st-ig-head span{margin-left:auto;color:#888;font-size:10px}
.st-ig-photo{position:relative;height:150px;background:#12081a;overflow:hidden}
.st-ig-bg{position:absolute;left:0;top:0;width:270px;height:480px}
.st-ig-bg .art{width:100%;height:100%}
.st-ig-stage{position:absolute;left:50%;top:44px;width:70px;height:88px;margin-left:-35px;filter:drop-shadow(0 0 12px rgba(255,209,102,.6))}
.st-ig-me{position:absolute;left:14px;bottom:-6px;width:60px;height:84px;transform:rotate(-8deg)}
.st-ig-cap{padding:10px 12px 4px;font-size:13px;line-height:1.4}
.st-ig-foot{padding:0 12px 12px;font-size:11px;color:#888}
