:root{--bg-deep: #09090b;--bg-surface: #111114;--bg-card: #19191f;--bg-hover: #222230;--bg-active: #2a2a3a;--text-primary: #e8e4df;--text-secondary: #9a9490;--text-muted: #5a5550;--text-accent: #d4a574;--accent: #c9944a;--accent-light: #e8b76a;--accent-dim: #8a6a3a;--accent-glow: rgba(201, 148, 74, .15);--border: #2a2a35;--border-light: #333340;--sidebar-width: 340px;--font-display: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--ease: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}#app{display:flex;height:100vh;width:100vw}#sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100vh;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s var(--ease);z-index:10}.sidebar-header{padding:2rem 1.5rem 1rem;border-bottom:1px solid var(--border)}.logo{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--text-accent);letter-spacing:.15em;line-height:1.2}.logo-sub{font-size:.7rem;color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;margin-top:.25rem}.search-box{padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.search-box input{width:100%;padding:.6rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:var(--font-sans);font-size:.85rem;outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.search-box input::placeholder{color:var(--text-muted)}.search-box input:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}#album-list{flex:1;overflow-y:auto;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}#album-list::-webkit-scrollbar{width:4px}#album-list::-webkit-scrollbar-track{background:transparent}#album-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.album-group{margin-bottom:.25rem}.album-header{display:flex;align-items:center;gap:.75rem;padding:.65rem 1.25rem;cursor:pointer;transition:background .15s var(--ease);-webkit-user-select:none;user-select:none}.album-header:hover{background:var(--bg-hover)}.album-num{font-family:var(--font-display);font-size:.7rem;color:var(--accent);background:var(--accent-glow);padding:.15rem .45rem;border-radius:4px;min-width:1.8rem;text-align:center;font-weight:600}.album-info{flex:1;min-width:0}.album-name{font-family:var(--font-display);font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-year{font-size:.7rem;color:var(--text-muted);margin-top:.1rem}.album-chevron{color:var(--text-muted);font-size:.6rem;transition:transform .2s var(--ease)}.album-group.open .album-chevron{transform:rotate(90deg)}.song-list{max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}.album-group.open .song-list{max-height:600px}.song-item{display:flex;align-items:center;gap:.6rem;padding:.45rem 1.25rem .45rem 2.8rem;cursor:pointer;transition:background .12s var(--ease);font-size:.82rem;color:var(--text-secondary)}.song-item:hover{background:var(--bg-hover);color:var(--text-primary)}.song-item.active{background:var(--bg-active);color:var(--text-accent)}.song-track-num{font-size:.7rem;color:var(--text-muted);min-width:1.2rem;text-align:right;font-variant-numeric:tabular-nums}.song-item.active .song-track-num{color:var(--accent-dim)}.song-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#main{flex:1;height:100vh;overflow-y:auto;position:relative}.welcome{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}.welcome-inner{animation:fadeUp .6s var(--ease)}.welcome-icon{font-family:var(--font-display);font-size:4rem;font-weight:300;color:var(--accent);width:6rem;height:6rem;line-height:6rem;margin:0 auto 1.5rem;border:2px solid var(--accent-dim);border-radius:1rem;background:var(--accent-glow)}.welcome h2{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.welcome p{color:var(--text-muted);font-size:.9rem}.welcome-stats{margin-top:1.5rem;color:var(--text-muted);font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.dot{color:var(--border-light)}.lyric-view{max-width:720px;margin:0 auto;padding:3rem 2.5rem 6rem;animation:fadeUp .4s var(--ease)}.hidden{display:none!important}.lyric-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border);position:relative}.lyric-album-badge{font-size:.72rem;color:var(--accent);background:var(--accent-glow);padding:.25rem .75rem;border-radius:100px;display:inline-block;margin-bottom:.75rem;font-weight:500;border:1px solid rgba(201,148,74,.2)}.lyric-title{font-family:var(--font-display);font-size:2rem;font-weight:500;color:var(--text-primary);line-height:1.3;margin-bottom:1.25rem;letter-spacing:.12em}.lyric-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.meta-item{display:flex;align-items:center;gap:.5rem}.meta-label{font-size:.72rem;color:var(--text-muted);padding:.15rem .5rem;background:var(--bg-card);border-radius:4px;font-weight:500;letter-spacing:.1em}.meta-value{font-size:.85rem;color:var(--text-secondary)}.lyric-body{font-family:var(--font-display);font-size:1.1rem;line-height:2.4;color:var(--text-primary);letter-spacing:.12em;font-weight:300}.lyric-body .lyric-line{padding:.1rem 0;transition:color .15s var(--ease)}.lyric-body .lyric-line:hover{color:var(--text-accent)}.lyric-body .lyric-break{height:1.5rem}.lyric-body .lyric-section{color:var(--text-muted);font-size:.8rem;font-family:var(--font-sans);margin:1rem 0 .5rem;letter-spacing:.15em}.menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:100;width:2.5rem;height:2.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}.menu-toggle span{display:block;width:18px;height:2px;background:var(--text-secondary);border-radius:1px;transition:all .2s var(--ease)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){:root{--sidebar-width: 300px}.menu-toggle{display:flex}#sidebar{position:fixed;left:0;top:0;transform:translate(-100%)}#sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000080}.lyric-view{padding:2rem 1.5rem 4rem}.lyric-title{font-size:1.5rem}.lyric-body{font-size:1rem}.lyric-meta{flex-direction:column;gap:.75rem}#main{padding-top:3.5rem}}.search-highlight{background:var(--accent-glow);color:var(--text-accent);border-radius:2px;padding:0 2px}.no-results{padding:2rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.85rem}#main::-webkit-scrollbar{width:6px}#main::-webkit-scrollbar-track{background:transparent}#main::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}#main::-webkit-scrollbar-thumb:hover{background:var(--border-light)}