.back{margin-bottom:var(--Spacing-space-16);font-size:var(--FontSize-font-13);display:inline-block}.detail{text-align:center;max-width:720px;margin:0 auto}.player.player-flat{max-width:560px;box-shadow:none;background:0 0;border:none;flex-direction:column;align-items:stretch;gap:12px;margin:8px auto 0;padding:4px 8px 0;display:flex}.player-flat-stats{color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.3px;justify-content:space-between;align-items:center;font-size:12px;display:flex}.player-flat-stats .pplay-count{color:var(--text-secondary);align-items:center;gap:4px;display:inline-flex}.player-flat-actions{justify-content:center;gap:36px;padding:4px 0;display:flex}.player-flat-actions .pact{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;place-items:center;padding:8px;transition:color .15s,background .15s,transform .15s;display:grid}.player-flat-actions .pact:hover{color:var(--text-primary);background:#ffffff0a}.player-flat-actions .pact[data-fav="1"]{color:#ff3b5c}.player-flat-actions .pact[data-fav="1"] svg{fill:#ff3b5c}.player-flat-progress{color:var(--text-secondary,#b0b3bc);font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:12px;display:grid}.player-flat-progress .p-cur,.player-flat-progress .p-dur{text-align:center;color:#c8cbd2;min-width:40px;font-weight:500}.player-flat-progress .p-track{cursor:pointer;align-items:center;height:16px;display:flex;position:relative}.player-flat-progress .p-track:before{content:"";background:#ffffff38;border-radius:2px;height:4px;position:absolute;left:0;right:0}.player-flat-progress .p-fill{pointer-events:none;z-index:1;background:linear-gradient(90deg,#ff3b5c,#ff6b7f);border-radius:2px;width:0%;height:4px;position:absolute;left:0;box-shadow:0 0 8px #ff3b5c80}.player-flat-progress .p-track .p-dot{z-index:2;background:#ff3b5c;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ff3b5c40,0 0 12px #ff3b5c99}.player-flat-progress .p-track:hover .p-dot{transform:translate(-50%,-50%)scale(1.25)}.player-flat-progress .p-track:hover:before{background:#ffffff52}.player-flat-controls{justify-content:center;align-items:center;gap:18px;padding:4px 0;display:flex}.player-flat-controls .pc{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:6px;transition:color .15s,background .15s;display:grid}.player-flat-controls .pc:hover{color:var(--text-primary);background:#ffffff0a}.player-flat-controls .pc-main{color:#000;background:#fff;border-radius:50%;width:52px;height:52px;margin:0 8px;padding:0;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px #ffffff14}.player-flat-controls .pc-main:hover{color:#000;background:#fff;transform:scale(1.06);box-shadow:0 6px 20px #ffffff1f}.player-flat-controls .pc-main .ic-pause,.player-flat-controls .pc-main[data-playing="1"] .ic-play{display:none}.player-flat-controls .pc-main[data-playing="1"] .ic-pause{display:block}.vinyl-wrap{margin-top:0!important;margin-bottom:var(--Spacing-space-24)!important}@media (width<=640px){.player-flat{gap:12px;margin-bottom:-8px;padding:0 12px}.player-flat-actions{gap:28px}.player-flat-controls{gap:14px}.player-flat-controls .pc-main{width:48px;height:48px}.player-flat-controls .pc-main svg{width:26px;height:26px}}.player-bar{display:none!important}body{padding-bottom:0}body>.page{padding-bottom:40px!important}.player.card{border:1px solid var(--border);margin:0 auto var(--Spacing-space-16);text-align:left;background:linear-gradient(135deg,#00d9a30a,#ffd74505);border-radius:14px;grid-template:"play meta""controls progress"/56px 1fr;align-items:center;gap:14px 16px;max-width:640px;padding:16px 18px;display:grid;position:relative;overflow:hidden}.player.card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.4;height:1px;position:absolute;top:0;left:0;right:0}.player.card .play{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:50%;grid-area:play;place-items:center;width:56px;height:56px;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 4px 16px #00d9a359}.player.card .play:hover{transform:scale(1.06);box-shadow:0 6px 20px #00d9a380}.player.card .play .ic-pause,.player.card .play[data-playing="1"] .ic-play{display:none}.player.card .play[data-playing="1"] .ic-pause{display:block}.player.card .p-meta{grid-area:meta;min-width:0}.player.card .p-meta .p-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;line-height:1.3;overflow:hidden}.player.card .p-meta .p-sub{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}.player.card .p-controls{grid-area:controls;justify-self:start;align-items:center;gap:12px;display:flex}.player.card .p-controls .ctl{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;place-items:center;transition:all .15s;display:grid;position:relative}.player.card .p-controls .ctl:hover{color:var(--accent);background:#00d9a31a;border-color:#00d9a34d}.player.card .p-controls .ctl[data-shuffle="1"],.player.card .p-controls .ctl[data-mode=one],.player.card .p-controls .ctl[data-mode=list]{color:var(--accent);background:#00d9a314}.player.card .p-controls .queue-btn .queue-count{background:var(--accent);color:#000;text-align:center;border-radius:999px;min-width:16px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.3;position:absolute;top:-4px;right:-4px}.player.card .p-progress{flex-direction:column;flex:1;grid-area:progress;place-self:end stretch;gap:4px;min-width:0;display:flex}.player.card .p-bar{cursor:pointer;background:#ffffff14;border-radius:999px;height:4px;overflow:hidden}.player.card .p-bar>span{background:linear-gradient(90deg, var(--accent), var(--gold,#f5b545));border-radius:999px;height:100%;transition:width .2s linear;display:block}.player.card .p-time{font-variant-numeric:tabular-nums;color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}@media (width<=640px){.player.card{grid-template-columns:48px 1fr;grid-template-areas:"play meta""controls controls""progress progress";gap:10px;max-width:100%;padding:14px 16px}.player.card .play{width:48px;height:48px}.player.card .p-meta .p-title{font-size:13.5px}.player.card .p-controls{justify-content:center;gap:14px}.player.card .p-controls .ctl{width:34px;height:34px}}.detail{max-width:780px;margin:0 auto;padding:12px 0 32px}.vinyl-wrap{justify-content:center;align-items:center;margin:0 auto 4px;padding:0;display:flex}.vinyl{width:220px;max-width:100%;height:220px;position:relative}.vinyl-disc{background:radial-gradient(60% 40% at 30% 20%,#ffffff14 0%,#0000 60%),radial-gradient(circle,#1a1a1f 0%,#0a0a0d 55%,#050507 100%);border-radius:50%;position:absolute;inset:0;box-shadow:0 16px 48px #000000b3,0 4px 12px #00000080,inset 0 2px 6px #ffffff0f,inset 0 -2px 8px #0009,inset 0 0 30px #000000b3}.vinyl-disc:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 0 0 2px #0009,inset 0 0 0 4px #ffffff0a,0 0 0 1px #ffffff0f,0 0 24px #0006}.vinyl-groove{mix-blend-mode:screen;pointer-events:none;background:repeating-radial-gradient(circle,#ffffff0d 0 1px,#0000 1px 3px);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 22%,#000 26% 100%);mask:radial-gradient(circle,#0000 22%,#000 26% 100%)}.vinyl-label{background:radial-gradient(circle,#1a1a24 0%,#0a0a12 70%,#050507 100%);border-radius:50%;place-items:center;width:46%;height:46%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #000000b3,inset 0 0 0 3px #ffffff0f,0 4px 12px #000000b3,0 0 20px #00000080,inset 0 2px 4px #ffffff14,inset 0 -2px 4px #00000080}.vinyl-cover{background:#000;border-radius:50%;position:absolute;inset:8%;overflow:hidden;box-shadow:inset 0 0 0 1px #000000e6,inset 0 0 8px #00000080,0 0 0 1px #ffffff14}.vinyl-cover img{object-fit:cover;width:100%;height:100%;display:block}.vinyl-cover-fallback{width:100%;height:100%}.vinyl-hub{z-index:2;background:#0a0a0d;border-radius:50%;width:10%;height:10%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #24262b,0 0 6px #000c}.vinyl-tonearm{pointer-events:none;width:38%;height:62%;position:absolute;top:-8%;right:-4%}.vinyl-tonearm-shadow{transform-origin:top;filter:blur(3px);z-index:1;background:radial-gradient(50% 50%,#0009 0%,#0000004d 50%,#0000 80%);border-radius:6px;width:12px;height:70%;position:absolute;top:12%;right:8%;transform:rotate(28deg)translate(8px)}.vinyl-tonearm:before{content:"";z-index:3;background:radial-gradient(circle at 30% 30%,#a0a2aa 0%,#6e7078 35%,#3a3c42 70%,#1a1a1f 100%);border-radius:50%;width:20%;height:20%;position:absolute;top:0;right:0;box-shadow:0 6px 14px #0009,inset 0 2px 3px #ffffff59,inset 0 -2px 3px #00000080}.vinyl-tonearm-inner{transform-origin:top;z-index:2;width:8px;height:78%;position:absolute;top:6%;right:12%;transform:rotate(28deg);box-shadow:2px 4px 8px #00000080}.vinyl-tonearm-inner:before{content:"";background:linear-gradient(90deg,#4a4c54 0%,#a0a2aa 40%,#d0d2d8 50%,#a0a2aa 60%,#4a4c54 100%);border-radius:4px 4px 3px 3px;position:absolute;inset:0;box-shadow:inset -1px 0 #fff3}.vinyl-tonearm-inner:after{content:"";background:linear-gradient(#6e7078 0%,#24262b 100%);border-radius:3px 3px 4px 4px;width:14px;height:16px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff40,inset 0 -1px #0000004d}.vinyl-tonearm-tip{background:#4aa3ff;border-radius:0 0 3px 3px;width:8px;height:5px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%);box-shadow:0 0 4px #4aa3ff99}.vinyl[data-playing="1"] .vinyl-label{animation:16s linear infinite vinyl-spin}.vinyl[data-playing="1"] .vinyl-groove{animation:16s linear infinite groove-spin}@keyframes vinyl-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes groove-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.vinyl[data-playing="1"] .vinyl-label,.vinyl[data-playing="1"] .vinyl-groove{animation:none}}.title{font-size:var(--FontSize-font-22,22px);color:var(--text-primary);overflow-wrap:anywhere;margin-top:10px;font-weight:800;line-height:1.3}.dj{margin-top:4px;font-size:13px}.player{align-items:center;gap:var(--Spacing-space-16);padding:var(--Spacing-space-16);margin-top:var(--Spacing-space-24);text-align:left;display:flex}.player .play{border-radius:var(--Radius-radius-pill);background:var(--accent);width:48px;height:48px;color:var(--Brand-accent-ink);flex:none;place-items:center;display:grid}.player .play .ic-pause,.player .play[data-playing="1"] .ic-play{display:none}.player .play[data-playing="1"] .ic-pause{display:block}.p-meta{flex:1;min-width:0}.p-title{color:var(--text-primary);overflow-wrap:anywhere;font-weight:600}.p-sub{font-size:var(--FontSize-font-13);margin-top:2px}.quality-note{font-size:var(--FontSize-font-13);color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--Radius-radius-md);padding:var(--Spacing-space-12);margin-top:var(--Spacing-space-12);text-align:left}.buy{justify-content:space-between;align-items:center;gap:var(--Spacing-space-16);padding:var(--Spacing-space-16);margin-top:var(--Spacing-space-12);display:flex}.price .now{font-size:var(--FontSize-font-24);color:var(--accent);font-weight:800}.price .vip{margin-left:var(--Spacing-space-12);font-size:var(--FontSize-font-13)}.buy-actions{gap:var(--Spacing-space-8);display:flex}.recommend-block{text-align:left;margin-top:var(--Spacing-space-32)}.recommend-divider{background:linear-gradient(90deg, var(--border), transparent);height:1px;margin-bottom:var(--Spacing-space-16)}.rec-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-bottom:var(--Spacing-space-16);border-bottom:1px solid var(--border);gap:4px;padding-bottom:4px;display:flex;overflow-x:auto}.rec-tabs::-webkit-scrollbar{display:none}.rec-tab{color:var(--text-muted);cursor:pointer;font-size:var(--FontSize-font-14);white-space:nowrap;background:0 0;border:none;border-radius:8px 8px 0 0;flex-shrink:0;padding:10px 14px;font-weight:500;transition:color .15s;position:relative}.rec-tab:hover{color:var(--text-primary)}.rec-tab.is-active{color:var(--text-primary);font-weight:600}.rec-tab.is-active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.rec-pane{animation:.2s rec-fade}.rec-pane[hidden]{display:none}@keyframes rec-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.rec-pane{animation:none}}.rec-sub{font-size:var(--FontSize-font-13);color:var(--text-muted);margin:0 0 var(--Spacing-space-12)}.rec-stats{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.rec-stat{font-size:var(--FontSize-font-11);color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums;background:#00d9a31f;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-weight:700;display:inline-flex}.rec-stat svg{opacity:1}.rec-rank{color:#fff;font-variant-numeric:tabular-nums;border-radius:8px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:inline-grid}.rec-rank-1{background:linear-gradient(135deg,gold,#b8860b);box-shadow:0 2px 8px #ffd70080}.rec-rank-2{background:linear-gradient(135deg,#e0e0e0,#8e8e8e);box-shadow:0 2px 6px #c8c8c84d}.rec-rank-3{background:linear-gradient(135deg,#e09555,#8b4513);box-shadow:0 2px 6px #cd7f3266}.rec-rank-default{color:var(--text-muted);background:#ffffff0f;font-size:12px;font-weight:600}.track-row[data-rec-dynamic]{border-bottom:1px solid var(--border);background:var(--bg-card);cursor:pointer;grid-template-columns:30px 28px 56px minmax(0,1fr) auto 32px 36px;grid-template-areas:"sel rank cover meta stats pl play";align-items:center;gap:14px;padding:14px 18px;transition:background .15s,transform .15s;display:grid;position:relative}.track-row[data-rec-dynamic] .tr-sel{grid-area:sel;justify-self:center}.track-row[data-rec-dynamic] .rec-rank{grid-area:rank}.track-row[data-rec-dynamic] .cover{grid-area:cover}.track-row[data-rec-dynamic] .meta{grid-area:meta}.track-row[data-rec-dynamic] .rec-stats{grid-area:stats}.track-row[data-rec-dynamic] .pl-add{width:30px;height:30px;color:var(--text-muted);background:0 0;border-radius:999px;grid-area:pl;place-items:center;display:grid}.track-row[data-rec-dynamic] .pl-add:hover{color:var(--accent);background:var(--surface)}.track-row[data-rec-dynamic] .play{grid-area:play}.track-row[data-rec-dynamic]:hover{background:#00d9a30d}.track-row[data-rec-dynamic]:hover .meta .title{color:var(--accent)}.track-row[data-rec-dynamic] .cover{color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:20px;font-weight:700;line-height:1;display:grid;box-shadow:0 2px 8px #0000004d}.track-row[data-rec-dynamic] .meta{min-width:0}.track-row[data-rec-dynamic] .meta .title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:15px;font-weight:600;text-decoration:none;transition:color .15s;display:block;overflow:hidden}.track-row[data-rec-dynamic] .meta .sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.track-row[data-rec-dynamic] .play{width:36px;height:36px;color:var(--accent);cursor:pointer;background:#00d9a326;border:1px solid #00d9a34d;border-radius:50%;flex-shrink:0;place-items:center;transition:background .15s,transform .15s;display:grid}.track-row[data-rec-dynamic]:hover .play{background:var(--accent);color:#000;transform:scale(1.08)}.track-row[data-rec-dynamic] .play .ic-pause{display:none}.track-row[data-rec-dynamic][data-playing="1"]{background:#00d9a314}.track-row[data-rec-dynamic][data-playing="1"] .play{background:var(--accent);color:#000}.track-row[data-rec-dynamic][data-playing="1"] .play .ic-play{display:none}.track-row[data-rec-dynamic][data-playing="1"] .play .ic-pause{display:block}.rec-loading{text-align:center;color:var(--text-muted);font-size:var(--FontSize-font-13);padding:40px 0}.rec-empty{text-align:center;color:var(--text-muted);font-size:var(--FontSize-font-13);background:var(--bg-card);border-radius:12px;padding:40px 16px}.rec-empty .hint{font-size:var(--FontSize-font-12);opacity:.7;margin-top:4px}@media (width<=640px){.rec-stat{padding:3px 8px;font-size:10px}.rec-rank{border-radius:6px;width:22px;height:22px;font-size:11px}.track-row[data-rec-dynamic]{grid-template-columns:30px 24px 44px minmax(0,1fr) auto 30px 34px;grid-template-areas:"sel rank cover meta stats pl play";gap:10px;padding:12px 14px}.track-row[data-rec-dynamic] .cover{border-radius:8px;width:44px;height:44px;font-size:16px}.track-row[data-rec-dynamic] .meta .title{font-size:13.5px}.track-row[data-rec-dynamic] .play{width:34px;height:34px}.rec-tabs{margin-bottom:var(--Spacing-space-12)}.rec-tab{font-size:var(--FontSize-font-12);padding:6px 10px}.rec-tab.is-active:after{left:6px;right:6px}.vinyl{width:260px;height:260px}.vinyl-wrap{margin-bottom:var(--Spacing-space-16)}.buy{flex-direction:column;align-items:stretch}.buy-actions{justify-content:stretch}.buy-actions :global(.btn-primary),.buy-actions :global(.btn-ghost){flex:1}}