.song-switcher{margin:18px 0 2px;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border:1px solid #303337;background:#08090a}
.song-switcher button{width:auto;height:auto;min-height:48px;padding:9px 10px;background:#111315;color:#777;border:1px solid transparent;text-align:left;font:800 11px/1.25 "Microsoft YaHei UI",sans-serif;letter-spacing:.04em}
.song-switcher button span{display:block;margin-bottom:4px;color:#555;font:700 9px/1 Consolas,monospace;letter-spacing:.16em}
.song-switcher button.active{background:#e8e8e6;color:#08090a;border-color:#fff;box-shadow:inset 4px 0 #e1262f}
.song-switcher button.active span{color:#b51d25}.scheme-bar{position:absolute;z-index:8;top:16px;left:16px;right:16px;display:none;gap:6px;align-items:center;padding:7px;background:#08090ae8;border:1px solid #34373a;backdrop-filter:blur(12px)}
.second-title{display:none}.second-song h1:not(.second-title){display:none}.second-song .second-title{display:block}
.second-song .scheme-bar{display:flex}.scheme-label{padding:0 7px;color:#e1262f;font:800 9px/1 Consolas,monospace;letter-spacing:.16em;white-space:nowrap}.scheme-list{display:flex;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none}.scheme-list::-webkit-scrollbar{display:none}.scheme-list button{width:auto;height:32px;padding:0 11px;flex:0 0 auto;background:#151719;color:#8e9296;border-color:#303337;font:700 10px/1 "Microsoft YaHei UI",sans-serif;white-space:nowrap}.scheme-list button.active{background:#e1262f;color:#fff;border-color:#e1262f}.second-song .lyrics{padding-top:82px}.flow-line{position:relative}.flow-line .stress{color:#fff;text-shadow:2px 2px 0 #7d141b}.flow-line.beat-cut:after{content:"";display:inline-block;width:16px;height:3px;margin-left:10px;vertical-align:middle;background:#e1262f;box-shadow:5px 0 #621117}.flow-section{color:#e1262f;font:700 9px/1 Consolas,monospace;letter-spacing:.24em;text-transform:uppercase;margin-bottom:10px}
@media(min-width:761px){.scheme-list{flex:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.scheme-list button{min-width:0;padding:0 3px;font-size:8.5px}}
/* 01 — current-line scroll */
.lyrics-wrap.mode-scroll .flow-line{margin:0 0 27px;color:#4e5255;font-size:clamp(17px,2vw,25px);font-weight:800;line-height:1.5;transition:.28s}.lyrics-wrap.mode-scroll .flow-line.near{color:#8b8f92}.lyrics-wrap.mode-scroll .flow-line.active{color:#fff;font-size:clamp(24px,3vw,40px);transform:translateX(-10px);text-shadow:4px 4px 0 #461014}
/* 02 — punch cards */
.lyrics-wrap.mode-card .lyrics{padding-left:clamp(24px,5vw,64px);padding-right:clamp(24px,5vw,64px)}.lyrics-wrap.mode-card .flow-line{display:none}.lyrics-wrap.mode-card .flow-line.active{display:flex;min-height:58%;padding:clamp(24px,4vw,48px);align-items:flex-end;background:linear-gradient(145deg,#e8e8e6 0 72%,#d8242e 72%);color:#08090a;font-size:clamp(34px,5vw,68px);font-weight:1000;line-height:1.05;letter-spacing:-.05em;box-shadow:14px 14px 0 #3b0e11;animation:cardHit .32s ease-out}.lyrics-wrap.mode-card .flow-line.active .stress{color:#b71620;text-shadow:none}.lyrics-wrap.mode-card .flow-line.active:before{content:attr(data-count);position:absolute;top:20px;right:24px;color:#1114;font:900 36px/1 Consolas,monospace}@keyframes cardHit{from{transform:translateY(22px) rotate(-1deg);opacity:.2}to{transform:none;opacity:1}}
/* 03 — split advance */
.lyrics-wrap.mode-split .lyrics{padding-left:7%;padding-right:7%}.lyrics-wrap.mode-split .flow-line{display:none}.lyrics-wrap.mode-split .flow-line.active,.lyrics-wrap.mode-split .flow-line.previous{display:block;width:78%;padding:24px;border-left:5px solid #e1262f;font-size:clamp(26px,4vw,54px);font-weight:1000;line-height:1.12}.lyrics-wrap.mode-split .flow-line.previous{margin:0 0 34px 22%;border-left:0;border-right:3px solid #555;text-align:right;color:#555;font-size:clamp(17px,2vw,25px)}
/* 04 — typewriter word emphasis */
.lyrics-wrap.mode-type .flow-line{display:none}.lyrics-wrap.mode-type .flow-line.active{display:block;color:#d8d8d6;font:900 clamp(28px,4.4vw,58px)/1.25 Consolas,"Microsoft YaHei UI",sans-serif;letter-spacing:.02em}.lyrics-wrap.mode-type .flow-line.active .word{opacity:.18}.lyrics-wrap.mode-type .flow-line.active .word.revealed{opacity:1}.lyrics-wrap.mode-type .flow-line.active .word.current{color:#e1262f;text-shadow:0 0 18px #e1262f88}.lyrics-wrap.mode-type .flow-line.active:after{content:"_";color:#e1262f;animation:blink .6s steps(1) infinite}@keyframes blink{50%{opacity:0}}
/* 05 — battle HUD timeline */
.lyrics-wrap.mode-hud .lyrics{padding-left:10%;padding-right:7%;border-left:1px solid #2b2e31}.lyrics-wrap.mode-hud .flow-line{margin:0 0 17px;padding:14px 16px 14px 28px;border:1px solid #272a2d;background:#101214;color:#666;font:800 clamp(14px,1.7vw,20px)/1.35 "Microsoft YaHei UI",sans-serif}.lyrics-wrap.mode-hud .flow-line:before{content:attr(data-time);position:absolute;left:-62px;top:17px;color:#555;font:700 9px/1 Consolas,monospace}.lyrics-wrap.mode-hud .flow-line.active{border-color:#e1262f;color:#fff;background:linear-gradient(90deg,#541017,#141618);box-shadow:0 0 28px #e1262f22;transform:translateX(8px)}.lyrics-wrap.mode-hud .flow-line.active:after{content:"LIVE";position:absolute;right:10px;top:8px;color:#e1262f;font:800 8px/1 Consolas,monospace;letter-spacing:.15em}
/* 06 — cue-directed cinematic mix */
.mix-stage{position:absolute;z-index:6;inset:62px 0 0;display:none;overflow:hidden;isolation:isolate}.mode-cinematic .lyrics{opacity:0;pointer-events:none}.mode-cinematic .mix-stage{display:block}.mix-stage:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 45%,#261014 0,transparent 58%),#090a0b}.mix-stage:after{content:"";position:absolute;inset:-30%;z-index:9;pointer-events:none;opacity:.1;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px 4px);animation:scanDrift 7s linear infinite}.mix-scene{position:absolute;inset:0;padding:clamp(30px,7vw,84px) clamp(30px,7vw,84px) clamp(118px,14vw,155px);display:flex;align-items:center;justify-content:center;overflow:hidden}.mix-kicker{position:absolute;top:28px;left:34px;color:#e1262f;font:800 9px/1 Consolas,monospace;letter-spacing:.3em}.mix-counter{position:absolute;right:28px;bottom:25px;color:#ffffff24;font:900 42px/1 Consolas,monospace}.mix-main{position:relative;z-index:2;color:#eee;font-weight:1000;font-size:clamp(35px,6vw,82px);line-height:1.03;letter-spacing:-.06em;text-align:center}.mix-main b{color:#e1262f}.mix-echo{position:absolute;color:transparent;-webkit-text-stroke:1px #ffffff24;font-weight:1000;font-size:clamp(56px,11vw,150px);white-space:nowrap;transform:rotate(-7deg)}.mix-caption{position:absolute;z-index:12;left:clamp(18px,4vw,48px);right:clamp(18px,4vw,48px);bottom:22px;min-height:72px;display:flex;align-items:center;justify-content:center;padding:16px 24px;border-top:1px solid #e1262f;border-bottom:1px solid #34373a;background:linear-gradient(90deg,#090a0bf2,#191315f2,#090a0bf2);color:#f1f1ef;font:900 clamp(17px,2.1vw,27px)/1.35 "Microsoft YaHei UI",sans-serif;text-align:center;letter-spacing:.01em;box-shadow:0 -18px 40px #0008}.mix-caption .stress{color:#ff3340;text-shadow:2px 2px 0 #5e1015}.mix-caption:before{content:"FULL LYRIC";position:absolute;top:-15px;left:0;color:#e1262f;font:700 8px/1 Consolas,monospace;letter-spacing:.2em}
.scene-slam{background:#e8e8e6}.scene-slam .mix-main{color:#090a0b;font-size:clamp(62px,12vw,170px);animation:slamIn .36s cubic-bezier(.1,.9,.2,1) both}.scene-slam .mix-main b{color:#c4111c}.scene-slam:before,.scene-slam:after{content:"";position:absolute;background:#e1262f}.scene-slam:before{width:140%;height:11px;transform:rotate(-8deg)}.scene-slam:after{width:11px;height:140%;transform:rotate(13deg)}
.scene-scam{background:repeating-linear-gradient(135deg,#090a0b 0 28px,#121416 29px 56px)}.scene-scam .mix-main{font-size:clamp(55px,10vw,145px);color:#fff;text-shadow:8px 8px 0 #e1262f,-8px -8px 0 #184963;animation:glitchIn .55s steps(2) both}.scene-scam .mix-echo{animation:echoRun 1.6s linear infinite}
.scene-top .mix-main{display:grid;gap:8px;font-size:clamp(28px,5vw,64px)}.scene-top .from{color:#777;text-decoration:line-through;text-decoration-color:#e1262f;animation:slideLeft .45s ease both}.scene-top .arrow{color:#e1262f;font:900 clamp(36px,7vw,90px)/.8 Consolas,monospace;animation:pulseArrow .5s steps(2) infinite}.scene-top .to{font-size:1.75em;color:#fff;text-shadow:7px 7px 0 #681117;animation:topRise .65s cubic-bezier(.15,.8,.2,1) both}
.scene-crown .crown{position:absolute;top:12%;font-size:clamp(90px,17vw,220px);filter:grayscale(1);transform:rotate(18deg);animation:crownDrop .75s cubic-bezier(.5,-.2,.8,.5) both}.scene-crown .mix-main{margin-top:24%;text-transform:uppercase}.scene-crown .mix-main b{display:block;font-size:1.55em;text-shadow:5px 5px 0 #fff2}
.scene-scan .mix-main{padding:34px;border:1px solid #e1262f;background:#0b0d0fe8;text-align:left}.scene-scan .mix-main:before{content:"SEARCHING THE WEB / 0 RESULTS";display:block;margin-bottom:18px;color:#e1262f;font:700 10px/1 Consolas,monospace;letter-spacing:.18em}.scene-scan .beam{position:absolute;left:4%;right:4%;height:2px;background:#e1262f;box-shadow:0 0 18px #e1262f;animation:beam 1.3s linear infinite}
.scene-price .mix-main b{display:inline-block;padding:0 .16em;background:#e1262f;color:#fff;transform:rotate(-4deg)}.scene-price .price{position:absolute;font:1000 clamp(100px,20vw,270px)/1 Consolas,monospace;color:#ffffff08;transform:rotate(10deg)}
.scene-terminal{align-items:flex-start;justify-content:flex-start;padding-top:18%}.scene-terminal .mix-main{text-align:left;font-family:Consolas,"Microsoft YaHei UI",sans-serif;letter-spacing:-.03em}.scene-terminal .mix-main:before{content:"> TARGET_LOCKED";display:block;color:#e1262f;font:700 11px/1 Consolas,monospace;letter-spacing:.2em;margin-bottom:24px}.scene-terminal .cursor{color:#e1262f;animation:blink .5s steps(1) infinite}
.scene-trash{background:#e1262f}.scene-trash .mix-main{color:#fff;font-size:clamp(50px,9vw,128px);transform:rotate(-3deg);text-shadow:7px 7px 0 #35070a}.scene-trash .mix-echo{-webkit-text-stroke-color:#0003;color:transparent;transform:rotate(5deg)}
.scene-default .mix-main{max-width:900px}.scene-default .mix-main .stress{display:inline-block;color:#e1262f;text-shadow:4px 4px 0 #4f0e13;animation:wordHit .4s ease both}.scene-default .mix-echo{animation:echoRun 4s linear infinite}.scene-outro .mix-main{font-family:Consolas,sans-serif;text-transform:uppercase;animation:outroFlicker .9s steps(3) infinite}
@keyframes slamIn{0%{transform:scale(4) rotate(8deg);filter:blur(12px);opacity:0}70%{transform:scale(.9) rotate(-2deg)}100%{transform:none;filter:none}}@keyframes glitchIn{0%{clip-path:inset(0 0 80%);transform:translateX(-40px)}40%{clip-path:inset(40% 0 20%);transform:translateX(24px)}100%{clip-path:inset(0);transform:none}}@keyframes echoRun{50%{transform:translateX(30px) rotate(-4deg);opacity:.4}}@keyframes slideLeft{from{transform:translateX(80px);opacity:0}}@keyframes pulseArrow{50%{transform:scaleX(1.5)}}@keyframes topRise{from{transform:translateY(90px) scale(.7);opacity:0}}@keyframes crownDrop{0%{transform:translateY(-250px) rotate(-30deg)}80%{transform:translateY(15px) rotate(22deg)}100%{transform:rotate(18deg)}}@keyframes beam{from{top:12%}to{top:88%}}@keyframes wordHit{from{transform:scale(2.5) rotate(7deg);opacity:0}}@keyframes outroFlicker{40%{opacity:.15;transform:translateX(8px)}60%{opacity:1;transform:translateX(-4px)}}@keyframes scanDrift{to{transform:translateY(20%)}}
@media(max-width:760px){.song-switcher{margin-top:13px}.song-switcher button{min-height:44px;font-size:10px}.second-song .meta{padding-bottom:18px}.scheme-bar{position:sticky;top:0;left:auto;right:auto;margin:0;padding:7px 8px}.scheme-label{display:none}.second-song .lyrics-wrap{display:flex;flex-direction:column}.second-song .lyrics{position:relative;flex:1;padding-top:20dvh}.lyrics-wrap.mode-card .flow-line.active{min-height:48%;font-size:clamp(30px,10vw,48px)}.lyrics-wrap.mode-split .flow-line.active{width:94%;font-size:clamp(28px,9vw,44px)}.lyrics-wrap.mode-split .flow-line.previous{width:86%;margin-left:14%}.lyrics-wrap.mode-hud .lyrics{padding-left:72px;padding-right:16px}.lyrics-wrap.mode-hud .flow-line:before{left:-55px}.scheme-list button{height:36px}.mix-stage{position:relative;inset:auto;flex:1;min-height:0}.mix-scene{padding:28px 20px 112px}.mix-kicker{top:18px;left:18px}.mix-counter{right:16px;bottom:100px;font-size:24px}.mix-caption{left:12px;right:12px;bottom:12px;min-height:76px;padding:14px 13px;font-size:clamp(16px,4.8vw,21px)}.scene-slam .mix-main{font-size:clamp(54px,20vw,100px)}.scene-top .mix-main{font-size:clamp(23px,8vw,40px)}.scene-terminal{padding-top:24%}}
.second-song .stamp{display:none}.mix-caption:before{content:none}
@media(max-width:760px){.second-song .lyrics-wrap.mode-cinematic{display:block;position:relative}.second-song .lyrics-wrap.mode-cinematic .lyrics{display:none}.second-song .lyrics-wrap.mode-cinematic .mix-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0}.second-song .lyrics-wrap.mode-cinematic .mix-scene{padding:24px 18px 108px}.second-song .lyrics-wrap.mode-cinematic .mix-main{max-width:94%;font-size:clamp(30px,9.2vw,48px);overflow-wrap:anywhere}.second-song .lyrics-wrap.mode-cinematic .mix-caption{bottom:max(12px,env(safe-area-inset-bottom))}}
.second-song .stamp{display:none}.mix-caption:before{content:none}