:root{font-family:PingFang SC,"Noto Serif SC",Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#f5e6bf;background:radial-gradient(circle at top,rgba(173,129,46,.18),transparent 28%),radial-gradient(circle at 80% 10%,rgba(246,196,96,.1),transparent 22%),linear-gradient(180deg,#080808,#0f0c08 45%,#060606);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: rgba(10, 10, 10, .7);--panel: rgba(20, 17, 12, .58);--panel-border: rgba(212, 170, 89, .26);--gold: #d8b46b;--gold-bright: #f1d698;--text: #f5e6bf;--muted: rgba(245, 230, 191, .66);--soft: rgba(255, 255, 255, .08);--shadow: 0 30px 80px rgba(0, 0, 0, .48)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}button,input{font:inherit}button{border:0;cursor:pointer}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(220,178,91,.08),transparent 18%),radial-gradient(circle at 82% 30%,rgba(255,223,146,.08),transparent 18%)}.page-frame{position:relative;z-index:2;width:min(1440px,calc(100% - 32px));margin:0 auto;padding:28px 0 40px}.ambient,.mist{position:absolute;inset:auto;pointer-events:none;filter:blur(18px)}.ambient-left{width:360px;height:360px;left:-80px;top:120px;background:radial-gradient(circle,rgba(210,158,58,.22),transparent 64%);animation:floatGlow 12s ease-in-out infinite}.ambient-right{width:420px;height:420px;right:-120px;bottom:120px;background:radial-gradient(circle,rgba(246,196,96,.18),transparent 68%);animation:floatGlow 14s ease-in-out infinite reverse}.mist-top,.mist-bottom{left:0;width:100%;height:220px;background:linear-gradient(90deg,transparent,rgba(255,242,210,.05),transparent),radial-gradient(circle,rgba(214,171,81,.08),transparent 65%);animation:drift 18s linear infinite}.mist-top{top:0}.mist-bottom{bottom:0;animation-direction:reverse}.glass-panel{background:linear-gradient(180deg,#201a12ad,#0f0d0a94);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.topbar{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:24px;padding:28px;border-radius:28px}.header-brand{display:block}.header-copy{min-width:0}.eyebrow,.panel-eyebrow{margin:0 0 10px;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.topbar h1{margin:0;font-family:Songti SC,STSong,"Noto Serif SC",serif;font-size:clamp(2rem,4vw,3.6rem);font-weight:600;line-height:1.05}.subcopy{margin:12px 0 0;max-width:520px;color:var(--muted);line-height:1.7}.brand-signature{display:inline-flex;align-items:center;margin-top:16px;padding:8px;border-radius:999px;border:1px solid rgba(216,180,107,.16);background:linear-gradient(180deg,#ffffff0a,#0a0c121a);box-shadow:inset 0 1px #ffffff0a}.brand-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:center top;display:block;border:1px solid rgba(255,244,220,.42);box-shadow:0 8px 20px #0000002e,0 0 18px #f1d6980f}.header-tools{display:grid;gap:16px;align-content:center}.search-box{display:grid;gap:10px;color:var(--muted)}.search-box input{width:100%;padding:16px 18px;border-radius:18px;border:1px solid rgba(230,198,131,.22);color:var(--text);background:#ffffff08;outline:none}.search-box input:focus{border-color:#f1d698a8;box-shadow:0 0 0 4px #f1d69814}.filter-row{display:flex;flex-wrap:wrap;gap:10px}.filter-pill{padding:10px 16px;border-radius:999px;color:var(--muted);background:#ffffff0a;border:1px solid rgba(230,198,131,.12);transition:.18s ease}.filter-pill:hover,.filter-pill.active{color:#16110a;background:linear-gradient(135deg,#f3d48d,#be8c31);border-color:transparent}.dashboard{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;margin-top:24px}.sidebar-panel,.player-panel,.info-panel,.lyrics-panel{border-radius:28px}.sidebar-panel{min-height:760px;padding:24px 18px}.content-panel{display:grid;gap:24px}.track-list,.lyrics-panel{height:100%}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 6px 16px}.section-heading strong{font-size:.92rem;color:var(--muted)}.track-items{display:grid;gap:14px;max-height:680px;overflow-y:auto;padding-right:6px}.track-items::-webkit-scrollbar,.lyrics-scroll::-webkit-scrollbar{width:7px}.track-items::-webkit-scrollbar-thumb,.lyrics-scroll::-webkit-scrollbar-thumb{background:#d8b46b47;border-radius:999px}.track-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:14px;border-radius:22px;background:#ffffff08;border:1px solid transparent;color:inherit;text-align:left;transition:.2s ease}.track-card:hover,.track-card.active{transform:translateY(-1px);border-color:#f1d69852;background:linear-gradient(180deg,#ddb5641f,#ffffff08)}.track-cover,.hero-cover{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#fad68c38,#00000047),radial-gradient(circle at top,rgba(255,241,201,.18),transparent 30%)}.track-cover{width:72px;height:72px}.track-cover img,.hero-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.track-cover-fallback,.hero-cover-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:14px;color:#fff2d6e0;text-align:center}.track-cover-fallback span{font-size:1.15rem;font-family:Songti SC,STSong,serif}.track-copy-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.track-copy h3,.player-copy h2{margin:0}.track-copy h3{font-size:1rem}.track-copy p,.player-artist,.player-subtitle,.player-description,.muted,.info-copy,.info-meta span{color:var(--muted)}.track-copy p{margin:6px 0 10px}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row span{padding:6px 10px;border-radius:999px;background:#ffffff0f;color:#f5e6bfc7;font-size:.76rem}.tag-row.large span{padding:8px 12px}.player-panel{padding:30px}.player-grid{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:28px;align-items:stretch}.hero-cover{min-height:100%;box-shadow:inset 0 0 0 1px #f9e5b41f}.hero-cover img,.hero-cover-fallback{min-height:100%}.hero-cover-fallback{font-family:Songti SC,STSong,serif;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.2}.lyric-stage{min-height:620px;isolation:isolate;background:radial-gradient(circle at 22% 18%,rgba(67,228,255,.2),transparent 18%),radial-gradient(circle at 78% 58%,rgba(255,57,194,.18),transparent 24%),linear-gradient(180deg,#041c2ce0,#07101dd1)}.lyric-stage img{transform:scale(1.08);filter:saturate(1.12) contrast(1.08);transition:transform 2.4s ease,filter 1.2s ease}.lyric-stage.is-playing img{transform:scale(1.14);filter:saturate(1.2) contrast(1.12)}.lyric-stage-shade,.lyric-stage-grid,.lyric-stage-aurora,.lyric-stage-river,.lyric-stage-copy,.lyric-stage-footer{position:absolute;top:0;right:0;bottom:0;left:0}.lyric-stage-shade{background:linear-gradient(180deg,#040b153d,#03091194 46%,#040509e6),radial-gradient(circle at center,rgba(255,255,255,.03),transparent 46%);z-index:1}.lyric-stage-grid{inset:auto 0 0 0;height:44%;background:linear-gradient(rgba(82,235,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(82,235,255,.12) 1px,transparent 1px);background-size:100% 48px,48px 100%;-webkit-mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.88) 18%,rgba(0,0,0,1));mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.88) 18%,rgba(0,0,0,1));opacity:.34;z-index:2}.lyric-stage-aurora{filter:blur(22px);z-index:2}.lyric-stage-aurora-cyan{inset:12% auto auto 10%;width:160px;height:160px;background:radial-gradient(circle,rgba(55,238,255,.5),transparent 70%);animation:lyricFloat 8s ease-in-out infinite}.lyric-stage-aurora-pink{inset:auto 8% 20% auto;width:240px;height:180px;background:radial-gradient(circle,rgba(255,51,182,.44),transparent 72%);animation:lyricFloat 10s ease-in-out infinite reverse}.lyric-stage-river{inset:auto 0 0 auto;width:52%;height:74%;background:linear-gradient(180deg,transparent,rgba(255,88,209,.05));clip-path:polygon(68% 12%,76% 18%,71% 28%,79% 38%,68% 50%,74% 61%,65% 74%,74% 84%,61% 100%,55% 100%,67% 83%,58% 73%,67% 61%,60% 50%,71% 38%,63% 28%,71% 17%);box-shadow:inset 0 0 40px #ff65d62e;opacity:.9;z-index:2}.lyric-stage:after{content:"";position:absolute;inset:auto auto 12% 12%;width:38%;height:45%;background:linear-gradient(180deg,#040b1500,#03070ef5);clip-path:polygon(40% 0,76% 0,100% 28%,100% 100%,0 100%,8% 48%);z-index:3}.lyric-stage-copy{z-index:4;display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,4vw,38px);gap:18px}.lyric-stage-kicker{display:inline-flex;align-self:flex-start;padding:8px 14px;border-radius:999px;border:1px solid rgba(131,248,255,.28);background:#040d185c;color:#b3f4fff0;letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lyric-stage-main{max-width:9ch;font-family:Songti SC,STSong,"Noto Serif SC",serif;font-size:clamp(2.8rem,5vw,4.7rem);line-height:1.1;color:#fff5df;text-shadow:0 0 18px rgba(255,215,145,.3),0 0 40px rgba(77,236,255,.14),0 0 56px rgba(255,69,188,.18);animation:lyricRise .56s ease}.lyric-stage-main span{background:linear-gradient(180deg,#fff6de,#ffe3ab 62%,#ffd067);-webkit-background-clip:text;background-clip:text;color:transparent}.lyric-stage-next{max-width:22ch;margin:0;color:#e9f8ffbd;font-size:clamp(.98rem,1.5vw,1.08rem);line-height:1.8;letter-spacing:.06em;text-shadow:0 0 18px rgba(57,230,255,.14)}.lyric-stage-footer{inset:auto 22px 22px 22px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,#040c16ad,#0a14224d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lyric-stage-status{color:#b7f6ffcc;font-size:.84rem;letter-spacing:.18em;text-transform:uppercase}.lyric-stage-footer strong{font-family:Songti SC,STSong,serif;font-size:1.06rem;color:#ffe8bc}.player-copy{display:grid;align-content:start;gap:18px}.player-heading h2{font-family:Songti SC,STSong,"Noto Serif SC",serif;font-size:clamp(2rem,4vw,3rem);font-weight:600}.player-artist{margin:10px 0 0;font-size:1.04rem}.player-subtitle{margin:8px 0 0;line-height:1.6}.player-description{margin:0;max-width:58ch;line-height:1.8;white-space:pre-line}.waveform{display:flex;align-items:end;gap:7px;height:78px;padding:8px 0}.wave-bar{width:6px;height:24px;border-radius:999px;background:linear-gradient(180deg,#f7dea1eb,#a7741866);opacity:.42}.wave-bar.playing{animation:pulseBar 1.4s ease-in-out infinite;opacity:1}.transport-row,.actions-row,.time-row,.info-meta{display:flex;align-items:center;gap:14px}.transport-row{flex-wrap:wrap}.play-button,.icon-button,.outline-button{border-radius:999px;transition:.18s ease}.play-button{padding:14px 28px;min-width:108px;color:#1a1308;background:linear-gradient(135deg,#f5daa1,#bc8527);box-shadow:0 14px 30px #bc852747}.icon-button,.outline-button{padding:12px 18px;color:var(--text);background:#ffffff0a;border:1px solid rgba(216,180,107,.16)}.play-button:hover,.icon-button:hover,.outline-button:hover{transform:translateY(-1px)}.progress-wrap,.volume-control{display:grid;gap:8px}.progress-wrap input[type=range],.volume-control input[type=range]{width:100%;accent-color:var(--gold)}.time-row{justify-content:space-between;color:var(--muted);font-variant-numeric:tabular-nums}.actions-row{justify-content:space-between;align-items:end;flex-wrap:wrap}.volume-control span{color:var(--muted)}.secondary-actions{display:flex;flex-wrap:wrap;gap:12px}.status-strip{padding:12px 14px;border-radius:16px;background:#d8b46b1f;color:var(--gold-bright)}.lower-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:24px}.lyrics-panel,.info-panel{padding:24px}.lyrics-scroll{display:grid;gap:10px;max-height:380px;overflow-y:auto;padding-right:6px}.lyric-line{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;border-radius:18px;text-align:left;color:#f5e6bfc2;background:#ffffff05;transition:.18s ease}.lyric-line time{color:#f5e6bf6b;font-size:.82rem;font-variant-numeric:tabular-nums}.lyric-line:hover,.lyric-line.active{color:var(--text);background:linear-gradient(90deg,#d6ab512e,#ffffff08)}.lyric-line.active{transform:scale(1.01)}.info-panel h3{margin:0;font-size:1.5rem;font-family:Songti SC,STSong,serif}.info-copy{margin:14px 0 22px;line-height:1.8;white-space:pre-line}.info-meta{align-items:stretch;flex-direction:column}.info-meta div{padding:16px 18px;border-radius:18px;background:#ffffff08}.info-meta strong{display:block;margin-top:6px;font-size:1rem}.empty-state{display:grid;place-items:center;min-height:260px;text-align:center;color:var(--muted)}@keyframes pulseBar{0%,to{height:18px;transform:scaleY(.8)}50%{height:72px;transform:scaleY(1.08)}}@keyframes floatGlow{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(20px,-18px,0) scale(1.05)}}@keyframes drift{0%{transform:translate(-8%)}to{transform:translate(8%)}}@keyframes lyricRise{0%{opacity:0;transform:translateY(16px) scale(.96);filter:blur(12px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes lyricFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-18px,0)}}@media (max-width: 1100px){.dashboard,.lower-grid,.player-grid,.topbar{grid-template-columns:1fr}.sidebar-panel{min-height:auto}.track-items{max-height:none}.hero-cover{min-height:360px}.lyric-stage-main{max-width:100%}}@media (max-width: 720px){.page-frame{width:min(100% - 18px,100%);padding:14px 0 22px}.topbar,.sidebar-panel,.player-panel,.lyrics-panel,.info-panel{border-radius:22px;padding:20px}.player-panel{padding:20px}.track-card{grid-template-columns:60px minmax(0,1fr)}.track-cover{width:60px;height:60px}.hero-cover{min-height:280px}.brand-avatar{width:38px;height:38px}.lyric-stage{min-height:420px}.lyric-stage-copy{justify-content:end;padding:20px}.lyric-stage-main{font-size:clamp(2.3rem,9vw,3.3rem)}.lyric-stage-next{max-width:100%;font-size:.94rem}.lyric-stage-footer{inset:auto 16px 16px 16px;align-items:start;flex-direction:column}.transport-row,.actions-row,.secondary-actions{width:100%}.play-button,.icon-button,.outline-button{flex:1 1 auto;justify-content:center}.lyric-line{align-items:start;flex-direction:column}}