:root{--brand:#31c27c;--bg:#f5f5f7;--card:#fff;--border:#00000014;--text:#1d1d1f;--text-dim:#6e6e73;--radius:16px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;padding:20px;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;transition:background .3s;display:flex}.app{flex-direction:column;flex:1;width:100%;max-width:960px;margin:0 auto;display:flex}.app-header{justify-content:center;align-items:center;padding:10px 0 0;display:flex}.logo-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.app-logo{object-fit:contain;width:auto;max-width:200px;height:48px;transition:transform .2s,opacity .2s;display:block}.logo-link:hover .app-logo{opacity:.92;transform:scale(1.03)}.download-tip{text-align:center;letter-spacing:.02em;color:var(--brand);word-break:break-word;margin:18px auto 0;padding:0 4px;font-size:.78rem;line-height:1.7}.footer{text-align:center;color:var(--text-dim);opacity:.7;letter-spacing:.02em;border-top:1px solid var(--border);width:100%;margin:24px auto 0;padding:16px 0 8px;font-size:.78rem}.footer .brand-name{color:var(--brand);font-weight:500}@media (width<=640px){body{padding:10px}.app-header{padding:10px 0 0}.app-logo{max-width:160px;height:38px}.download-tip{margin-top:14px;font-size:.75rem}}[data-v-b58ae627]{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}.player-page[data-v-b58ae627]{background:#f7f8fa;flex-direction:column;justify-content:center;align-items:center;max-height:80%;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.status-box[data-v-b58ae627]{text-align:center;color:#555;background:#fff;border-radius:28px;width:100%;max-width:380px;padding:36px 24px;font-size:15px;box-shadow:0 20px 40px #0000000f,0 8px 16px #00000008}.status-box.error[data-v-b58ae627]{color:#b91c1c;background:#fee2e2}.player-card[data-v-b58ae627]{background:#fff;border-radius:16px;width:100%;max-width:380px;padding:14px 14px 48px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000000f,0 8px 16px #00000008}.cover-wrapper[data-v-b58ae627]{aspect-ratio:1;background:#f0f2f5;border-radius:14px;width:100%;max-height:240px;margin-bottom:14px;position:relative;overflow:hidden}.cover-wrapper img[data-v-b58ae627]{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.cover-wrapper:hover img[data-v-b58ae627]{transform:scale(1.02)}.cover-fallback[data-v-b58ae627]{background:#f0f2f5 url(https://cdnimg.lygzblog.cn/20261112204945821.webp) 50%/cover no-repeat;width:100%;height:100%}.song-info[data-v-b58ae627]{text-align:center;min-width:0;margin-bottom:12px}.song-title[data-v-b58ae627]{color:#333;letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:4px;font-size:17px;font-weight:600;line-height:1.25;overflow:hidden}.song-singer[data-v-b58ae627]{color:#888;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:400;overflow:hidden}.progress-area[data-v-b58ae627]{margin-bottom:14px}.progress-bar-container[data-v-b58ae627]{cursor:pointer;background:#e8eaed;border-radius:2px;width:100%;height:4px;margin-bottom:6px;position:relative}.progress-fill[data-v-b58ae627]{background:#31c27c;border-radius:2px;height:100%;transition:width .1s linear;position:relative}.progress-fill[data-v-b58ae627]:after{content:"";background:#31c27c;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:50%;right:-6px;transform:translateY(-50%)scale(0);box-shadow:0 2px 6px #31c27c66}.progress-bar-container:hover .progress-fill[data-v-b58ae627]:after{transform:translateY(-50%)scale(1)}.time-display[data-v-b58ae627]{color:#999;font-variant-numeric:tabular-nums;letter-spacing:.2px;justify-content:space-between;font-size:12px;display:flex}.controls[data-v-b58ae627]{justify-content:center;align-items:center;display:flex}.play-btn[data-v-b58ae627]{color:#fff;background:#31c27c;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:0;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 8px 20px -4px #31c27c66}.play-btn[data-v-b58ae627]:hover{background:#2ab56d;transform:scale(1.02);box-shadow:0 10px 24px -4px #31c27c80}.play-btn[data-v-b58ae627]:active{transform:scale(.96);box-shadow:0 4px 12px -2px #31c27c4d}.play-btn svg[data-v-b58ae627]{width:26px;height:26px;margin-left:2px}.quality-tag[data-v-b58ae627]{text-align:center;color:#bbb;letter-spacing:.3px;justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:11px;display:flex}.quality-tag[data-v-b58ae627]:before{content:"";opacity:.4;background:#31c27c;border-radius:50%;width:6px;height:6px;display:inline-block}.download-btn[data-v-b58ae627]{color:#fff;z-index:2;background:#31c27c;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:flex;position:absolute;bottom:12px;right:14px;box-shadow:0 6px 16px -4px #31c27c80}.download-btn[data-v-b58ae627]:hover{background:#2ab56d;transform:scale(1.08);box-shadow:0 8px 20px -4px #31c27c99}.download-btn[data-v-b58ae627]:active{transform:scale(.94);box-shadow:0 3px 10px -2px #31c27c66}.download-btn svg[data-v-b58ae627]{width:18px;height:18px}audio[data-v-b58ae627]{display:none}@media (width<=400px){.player-card[data-v-b58ae627]{padding:12px 12px 44px}.cover-wrapper[data-v-b58ae627]{max-height:300px;margin-bottom:12px}.play-btn[data-v-b58ae627]{width:52px;height:52px}.play-btn svg[data-v-b58ae627]{width:22px;height:22px}.download-btn[data-v-b58ae627]{width:32px;height:32px;bottom:10px;right:10px}.download-btn svg[data-v-b58ae627]{width:16px;height:16px}}
