:root{--bg-primary:#f2f2f7;--bg-card:#fff;--bg-card-hover:#f2f2f7;--color-accent:#007aff;--gradient-accent:#007aff;--text-primary:#1c1c1e;--text-secondary:#8e8e93;--text-muted:#8e8e93;--border-color:#e5e5ea;--success:#34c759;--danger:#ff3b30;--warning:#ff9500;--music-color:#007aff;--video-color:#007aff;--card-radius:14px;--card-shadow:0 1px 3px #00000014;--safe-padding:16px;--bottom-bar-height:56px;--banner-bg:#ebf3fe;--shadow-elevated:0 -1px 0 #0000000f, 0 4px 14px #0000001a}@media (width>=768px){:root{--safe-padding:16px;--bottom-bar-height:56px}}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}.glass{background:var(--bg-card)}.card-glow{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:box-shadow .2s,border-color .2s}.card-glow:hover{border-color:var(--border-color);box-shadow:0 2px 8px #0000001a}.card-glow:active{opacity:.7}.btn-gradient{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:12px;font-size:15px;font-weight:600;transition:opacity .2s}.btn-gradient:active{opacity:.7}.btn-gradient:disabled{opacity:.4;cursor:not-allowed}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.status-tag{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.status-tag.active{color:var(--success);background:#34c75926}.status-tag.expired,.status-tag.delisted{color:var(--warning);background:#ff950026}.empty-state{color:var(--text-secondary);flex-direction:column;align-items:center;padding:80px 20px;display:flex}.empty-state .empty-icon{margin-bottom:16px;font-size:64px}.empty-state .empty-title{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:600}.empty-state .empty-desc{color:var(--text-muted);margin-bottom:20px;font-size:13px}.state-box{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;font-size:14px;display:flex}.state-box .error-text{color:var(--danger);margin-bottom:16px}.state-box .retry-btn{border:1px solid var(--color-accent);color:var(--color-accent);cursor:pointer;background:0 0;border-radius:12px;padding:8px 24px;font-size:14px}.page-header{padding:14px var(--safe-padding);background:var(--bg-card);box-shadow:var(--shadow-elevated);z-index:10;align-items:center;display:flex;position:sticky;top:0}.page-header .back-btn{cursor:pointer;color:var(--color-accent);margin-right:12px;font-size:20px}.page-header .page-title{font-size:17px;font-weight:600}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}#app{background:var(--bg-primary);max-width:400px;min-height:100vh;margin:0 auto}@media (width>=768px){#app{max-width:400px}}