:root{--paper:#e8e5e1;--paper-2:#f0eeeb;--ink:#11181b;--muted:#77756d;--line:#aaa59a;--line-soft:#c8c3bb;--amber:#c5a16b;--cyan:#8aaeb0;--serif:Georgia,'Times New Roman',serif;--mono:'Courier New',monospace;--sans:'Microsoft YaHei','PingFang SC',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:13px;letter-spacing:.01em}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr) 288px;grid-template-rows:1fr 78px;background:var(--paper)}.sidebar{grid-row:1/2;padding:27px 19px 17px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:rgba(240,238,235,.46)}.brand-lockup{display:flex;gap:10px;align-items:center;padding:0 7px}.brand-symbol{width:29px;height:29px;border:1px solid var(--ink);display:grid;place-items:center;font-size:24px;font-weight:300;line-height:1}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-family:var(--mono);font-size:12px;letter-spacing:.05em}.brand-lockup span{font-size:10px;color:var(--muted);margin-top:2px}.system-readout{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:31px;padding:11px 7px 10px;display:grid;grid-template-columns:1fr auto;gap:6px;font-family:var(--mono);font-size:9px}.system-readout span{letter-spacing:.1em}.system-readout b{font-weight:400;color:var(--amber)}.system-readout small{grid-column:1/3;color:var(--muted);font-size:8px}.nav-group{margin-top:30px}.nav-group.playlists{margin-top:41px}.section-code{font-family:var(--mono);font-size:9px;letter-spacing:.09em;color:var(--muted)}.nav-item,.playlist-link,.add-playlist{display:flex;align-items:center;width:100%;gap:11px;margin-top:11px;padding:8px 7px;background:transparent;text-align:left;font-size:12px;border-bottom:1px solid transparent}.nav-item{border-bottom-color:var(--line-soft)}.nav-item.active{border-bottom-color:var(--ink);color:var(--ink)}.nav-item em{font-style:normal;margin-left:auto;color:var(--amber);opacity:0}.nav-item.active em{opacity:1}.nav-item:hover,.playlist-link:hover,.add-playlist:hover{color:var(--amber)}.nav-index{font-family:var(--mono);font-size:10px;color:var(--muted);width:16px}.playlist-link{padding-left:0}.playlist-link i{width:8px;height:8px;border:1px solid var(--ink);display:block}.playlist-link i.amber{background:var(--amber);border-color:var(--amber)}.playlist-link i.cyan{background:var(--cyan);border-color:var(--cyan)}.playlist-link i.black{background:var(--ink)}.playlist-link small{font-family:var(--mono);color:var(--muted);font-size:9px;margin-left:auto}.add-playlist{padding-left:0;color:var(--muted);font-size:11px}.add-playlist span{font-size:17px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:13px 7px 0;display:flex;gap:9px;align-items:start}.sidebar-footer strong,.sidebar-footer small{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.05em}.sidebar-footer small{color:var(--muted);margin-top:5px}.pulse{width:7px;height:7px;display:block;margin-top:2px;background:var(--cyan);box-shadow:0 0 0 3px rgba(138,174,176,.22)}.main-content{grid-column:2;grid-row:1;min-width:0;overflow:auto;padding:0 43px 120px}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumbs{font-family:var(--mono);font-size:9px;letter-spacing:.1em}.breadcrumbs i{font-style:normal;margin:0 8px;color:var(--muted)}.breadcrumbs strong{font-weight:400;color:var(--amber)}.search-box{display:flex;align-items:center;gap:8px;width:min(290px,37%);border-bottom:1px solid var(--line);padding:7px 0;color:var(--muted)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.search-box kbd{font-family:var(--mono);font-size:8px;color:var(--muted);white-space:nowrap}.top-status{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:8px;color:var(--muted)}.status-line{width:25px;border-top:1px solid var(--amber)}.avatar-button{width:28px;height:28px;background:var(--ink);color:var(--paper);font-family:var(--serif);font-size:15px}.hero-section{display:grid;grid-template-columns:1fr 315px;gap:47px;padding:52px 0 48px;border-bottom:1px solid var(--line);align-items:center}.hero-meta{display:flex;gap:20px;font-family:var(--mono);font-size:8px;color:var(--muted);letter-spacing:.07em}.hero-meta span:last-child{color:var(--amber)}h1{font-size:clamp(41px,5vw,70px);line-height:1.02;letter-spacing:-.07em;margin:17px 0 19px;font-weight:500}h1 em{font-family:var(--serif);font-weight:400;color:var(--amber);letter-spacing:-.05em}.hero-copy p{max-width:430px;color:var(--muted);line-height:1.8;margin:0 0 28px;font-size:12px}.hero-actions{display:flex;gap:21px;align-items:center}.primary-button{background:var(--ink);color:var(--paper);padding:12px 15px;font-size:11px;display:flex;gap:9px;align-items:center}.primary-button:hover{background:var(--amber);color:var(--ink)}.text-button,.link-button{background:transparent;color:var(--muted);font-size:11px}.text-button:hover,.link-button:hover{color:var(--amber)}.hero-art{position:relative;height:271px;background:var(--paper-2);border:1px solid var(--line);overflow:hidden}.art-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.6%,rgba(17,24,27,.13) 50%,transparent 50.4%),linear-gradient(0deg,transparent 49.6%,rgba(17,24,27,.13) 50%,transparent 50.4%);background-size:36px 36px}.art-frame{position:absolute;inset:31px 39px;border:1px solid var(--ink)}.art-core{position:absolute;width:142px;height:142px;left:86px;top:64px;border:1px solid var(--ink);background:rgba(197,161,107,.48);transform:rotate(45deg)}.art-core:before{content:'';position:absolute;inset:21px;border:1px solid var(--ink)}.art-scan{position:absolute;left:0;right:0;top:110px;border-top:2px solid var(--amber);box-shadow:0 0 0 1px rgba(197,161,107,.26)}.art-label{position:absolute;right:16px;bottom:13px;font-family:var(--mono);color:var(--ink)}.art-label span,.art-label small{display:block;font-size:8px}.art-label strong{display:block;font-family:var(--serif);font-size:27px;font-weight:400;line-height:1;margin:4px 0}.art-label small{color:var(--muted);font-size:7px}.content-section{padding-top:31px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-heading h2{margin:7px 0 0;font-weight:500;font-size:19px;letter-spacing:-.04em}.link-button{font-family:var(--mono);font-size:9px}.track-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.track-card{position:relative;min-width:0;border-top:1px solid var(--line);padding:10px 0 3px;transition:background .2s}.track-card:hover{background:rgba(197,161,107,.14)}.track-cover{position:relative;aspect-ratio:1;background:var(--track-bg);border:1px solid var(--line);display:flex;align-items:flex-end;padding:10px;margin-bottom:11px;overflow:hidden}.track-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 48%,rgba(17,24,27,.2) 49%,transparent 51%)}.track-cover span{font-family:var(--mono);font-size:8px;z-index:1}.track-info{padding:0 2px}.track-info h3{font-size:12px;margin:0 0 4px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-info p{font-size:10px;color:var(--muted);margin:0}.track-play{position:absolute;right:10px;top:calc(100% - 76px);width:29px;height:29px;background:var(--amber);color:var(--ink);opacity:0;transition:opacity .2s}.track-card:hover .track-play{opacity:1}.lower-section{padding-bottom:29px}.playlist-row{display:grid;grid-template-columns:1.34fr 1fr 1fr;gap:10px}.playlist-card{display:grid;grid-template-columns:77px 1fr 28px;gap:11px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}.playlist-card.large{grid-template-columns:96px 1fr 28px}.playlist-cover{height:77px;border:1px solid var(--line);background:var(--playlist-bg);display:flex;align-items:flex-end;padding:8px;position:relative;overflow:hidden}.large .playlist-cover{height:96px}.playlist-cover:before{content:'';position:absolute;width:120%;height:1px;background:var(--ink);transform:rotate(-32deg);top:42%;left:-5%}.playlist-cover span{font-family:var(--mono);font-size:9px;line-height:1.15;z-index:1}.playlist-cover small{font-size:7px}.cover-night{--playlist-bg:#d2c2ad}.cover-road{--playlist-bg:#c0d0cc}.cover-focus{--playlist-bg:#d7d0c4}.playlist-card h3{font-size:12px;font-weight:500;margin:6px 0 5px}.playlist-card p{font-size:10px;color:var(--muted);margin:0}.round-play{width:27px;height:27px;background:transparent;border:1px solid var(--line);font-size:9px}.round-play:hover{border-color:var(--amber);color:var(--amber)}.queue-panel{grid-column:3;grid-row:1;border-left:1px solid var(--line);padding:27px 21px 100px;background:rgba(240,238,235,.38);overflow:auto}.queue-header{display:flex;justify-content:space-between;align-items:start}.queue-header h2{font-size:19px;font-weight:500;margin:7px 0 0}.icon-button{background:transparent;color:var(--muted);padding:6px;font-size:11px}.icon-button:hover{color:var(--amber)}.now-playing-mini{display:grid;grid-template-columns:57px 1fr 22px;gap:11px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-top:20px}.mini-cover{width:57px;height:57px}.cover-river{background:repeating-linear-gradient(135deg,#b9ceca 0 7px,#e7dfd2 7px 14px)}.mini-cover span,.player-thumb span{position:absolute;left:6px;bottom:5px;font-family:var(--mono);font-size:8px;color:var(--ink);z-index:1}.mini-cover small{font-size:6px}.amber-text{color:var(--amber)}.now-playing-mini h3{font-size:12px;font-weight:500;margin:5px 0 3px}.now-playing-mini p{font-size:10px;color:var(--muted);margin:0}.like-button{background:transparent;color:var(--amber);font-size:20px}.queue-list{padding-top:7px}.queue-item{display:grid;grid-template-columns:24px 1fr 22px;gap:9px;align-items:center;border-bottom:1px solid var(--line-soft);padding:11px 0}.queue-index{font-family:var(--mono);font-size:9px;color:var(--muted)}.queue-item strong,.queue-item span{display:block}.queue-item strong{font-size:11px;font-weight:500}.queue-item span{font-size:10px;color:var(--muted);margin-top:3px}.queue-item button{background:transparent;color:var(--muted);padding:5px}.queue-note{display:grid;grid-template-columns:9px 1fr;gap:2px 8px;border-top:1px solid var(--line);margin-top:28px;padding-top:12px;font-family:var(--mono);font-size:8px;color:var(--amber)}.queue-note .pulse{grid-row:1/3}.queue-note small{grid-column:2;color:var(--muted);font-size:8px}.player-bar{grid-column:1/4;grid-row:2;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;padding:0 22px;border-top:1px solid var(--ink);background:var(--ink);color:var(--paper);position:relative;z-index:5}.player-track{display:flex;align-items:center;gap:10px}.player-thumb{width:41px;height:41px;position:relative}.player-track strong,.player-track span{display:block}.player-track strong{font-size:11px;font-weight:500}.player-track span{font-size:9px;color:#9ca39e;margin-top:4px}.player-controls{justify-self:center;width:min(500px,100%)}.control-buttons{display:flex;align-items:center;justify-content:center;gap:17px}.player-bar .icon-button{color:#9ca39e}.player-bar .icon-button:hover{color:var(--amber)}.play-button{width:31px;height:31px;background:var(--paper);color:var(--ink);font-size:10px}.progress-wrap{display:flex;align-items:center;gap:9px;margin-top:6px;font-family:var(--mono);font-size:8px;color:#9ca39e}.progress-wrap input{flex:1}input[type=range]{height:3px;accent-color:var(--amber);cursor:pointer}.player-tools{justify-self:end;display:flex;align-items:center;gap:13px}.player-code{font-family:var(--mono);font-size:8px;color:#9ca39e}.volume-control{display:flex;align-items:center;gap:7px;color:#9ca39e}.volume-control input{width:73px}@media(max-width:1100px){.app-shell{grid-template-columns:190px minmax(0,1fr);grid-template-rows:1fr 78px}.queue-panel{display:none}.player-bar{grid-column:1/3}.main-content{padding-left:32px;padding-right:32px}.track-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.app-shell{display:block}.sidebar{display:none}.main-content{padding:0 17px 106px}.topbar{height:65px}.breadcrumbs{display:none}.search-box{width:68%}.top-status>span{display:none}.hero-section{grid-template-columns:1fr;padding:38px 0 33px;gap:28px}.hero-art{height:205px;order:-1}.art-core{width:111px;height:111px;left:calc(50% - 55px);top:48px}.art-scan{top:93px}.hero-meta{gap:9px;font-size:7px}.hero-copy p{font-size:11px}.hero-actions{gap:14px}h1{font-size:44px}.track-grid{grid-template-columns:repeat(2,1fr);gap:10px}.playlist-row{grid-template-columns:1fr}.playlist-card{grid-template-columns:74px 1fr 28px}.large .playlist-cover{height:74px}.player-bar{position:fixed;left:0;right:0;bottom:0;height:84px;padding:0 13px;grid-template-columns:1fr auto}.player-track{min-width:0}.player-track div:last-child{min-width:0}.player-track strong{max-width:118px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls{width:auto}.control-buttons{gap:5px}.progress-wrap,.player-tools{display:none}.player-controls .icon-button{display:none}.play-button{width:38px;height:38px}.section-heading h2{font-size:17px}}