:root{--bg:#f5f5f7;--bg-2:#fff;--ink:#1d1d1f;--muted:#8e8e93;--accent:#0071e3;--accent-2:#e7f0ff;--card:#fff;--border:#e5e5ea;--shadow:0 8px 24px rgba(0,0,0,.06)}*{box-sizing:border-box}body,html{padding:0;margin:0;min-height:100%}body{color:var(--ink);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:.1px}a{color:inherit;text-decoration:none}.container{max-width:860px;margin:0 auto;padding:20px 18px 48px}.surface{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.brand{font-size:17px;font-weight:600}.brand-logo{height:50px;width:auto;display:block}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--accent-2);color:var(--accent);font-size:12px;margin-left:8px}.muted{color:var(--muted)}.grid{display:grid;grid-gap:16px;gap:16px}@media (min-width:720px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{padding:18px;border-radius:14px;background:var(--card);border:1px solid var(--border)}.section-title{margin:0 0 12px;font-size:17px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:12px;border:1px solid var(--border);font-weight:500;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 8px 16px rgba(0,113,227,.25)}.btn-secondary{background:#f5f5f7;color:var(--ink);border-color:var(--border)}.btn-ghost{background:transparent;color:var(--accent);border-color:transparent}.btn:hover{transform:translateY(-1px)}.input,.select{width:100%;border-radius:10px;border:1px solid #d1d1d6;background:#fff;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M6 8l4 4 4-4' stroke='%238E8E93' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding:10px 36px 10px 12px}.select{background-color:#fff}.label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.form-row{display:grid;grid-gap:12px;gap:12px}@media (min-width:720px){.form-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.table,.table-row{display:grid;grid-gap:10px;gap:10px}.table-row{padding:12px;border-radius:12px;border:1px solid var(--border);background:#fff}@media (min-width:720px){.table-row{grid-template-columns:1.3fr 1fr 1fr auto;align-items:center}.table-row-6{grid-template-columns:1.2fr .8fr .8fr 1fr 1fr auto}}.audio-player{margin-top:14px;padding:14px;border-radius:14px;border:1px dashed rgba(31,111,92,.4);background:rgba(31,111,92,.08)}.audio-card{padding:14px;border-radius:14px;border:1px solid var(--border);background:#fff;display:block;transition:transform .15s ease,box-shadow .15s ease}.audio-card:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(0,0,0,.06)}.audio-card-main{display:flex;justify-content:space-between;align-items:center;gap:12px}.audio-card-title{font-weight:600}.audio-card-meta{color:var(--muted);font-size:12px;margin-top:4px}.audio-card-cta{font-size:12px;color:#fff;background:var(--accent);padding:6px 10px;border-radius:999px;white-space:nowrap}.portal-card{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}.portal-title{font-size:17px;font-weight:600}.portal-sub{margin-top:6px;color:var(--muted);font-size:13px}.player-page{width:100vw;margin:-28px calc(50% - 50vw) -64px;padding:16px 20px 20px;height:100vh;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;overflow:hidden}.player-back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;margin-bottom:12px}.player-full{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:16px;padding:10px 0 20px;flex:1 1;min-height:0}.player-top-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.player-top{display:grid;grid-gap:6px;gap:6px}.player-top-tag{font-size:12px;color:var(--muted);letter-spacing:2px;text-transform:uppercase}.player-cover{width:140px;height:140px;border-radius:50%;background:#f2f2f7;border:1px solid var(--border);display:grid;place-items:center;box-shadow:0 12px 24px rgba(0,0,0,.08)}.player-cover-inner{width:90px;height:90px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--accent);font-weight:700;letter-spacing:2px}.player-logo{max-width:70%;max-height:70%;object-fit:contain}.player-cover-spin{animation:spin 8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.player-info{position:relative;z-index:1}.player-title{font-size:20px;font-weight:700;margin-bottom:6px}.player-sub{font-size:12px;color:var(--muted)}.player-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:12px;gap:12px;margin-top:8px;position:relative;z-index:1;width:min(640px,92vw)}.player-range{width:100%;accent-color:var(--accent)}.player-controls-full{display:flex;align-items:center;gap:16px;margin-top:8px;justify-content:center}.player-icon{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--ink);font-size:14px;cursor:pointer}.player-icon-main{width:64px;height:64px;background:var(--accent);color:#fff;font-size:20px;border:none;box-shadow:0 10px 20px rgba(0,113,227,.3)}.player-rate{background:#fff;color:var(--ink);border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-size:12px}.lyrics-panel{margin-top:14px;overflow:auto;padding-right:6px;position:relative;z-index:1}.lyrics-panel-center{width:min(640px,92vw);flex:1 1;min-height:0;max-height:none;background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 12px;text-align:left;overflow:auto;scrollbar-width:none}.lyrics-panel-center::-webkit-scrollbar{display:none}.player-bottom{width:min(640px,92vw);margin-top:auto;display:grid;grid-gap:10px;gap:10px}.lyric-line{font-size:18px;line-height:1.8;color:var(--muted);transition:color .3s ease,opacity .3s ease,transform .3s ease;opacity:.6;word-break:break-word}.lyric-active{color:var(--ink);opacity:1;transform:scale(1.04)}.audio-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.audio-title{font-weight:700;font-size:16px}.audio-subtitle{color:var(--muted);font-size:12px}.audio-rate{display:grid;grid-gap:6px;gap:6px;min-width:110px}.audio-controls{display:flex}.audio-controls,.audio-progress{align-items:center;gap:10px;margin-top:12px}.audio-progress{display:grid;grid-template-columns:auto 1fr auto;grid-gap:10px}.range{width:100%;accent-color:var(--accent)}.nav{display:flex;gap:8px;flex-wrap:wrap}.dropdown-panel{position:absolute;left:0;bottom:calc(100% + 8px);width:100%;max-height:240px;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.08);padding:6px;z-index:20}.dropdown-panel-down{top:calc(100% + 8px);bottom:auto}.dropdown-panel-compact{width:120px;right:0;left:auto}.dropdown-item{width:100%;text-align:left;background:#fff;border:0;padding:8px 10px;border-radius:8px;color:var(--ink);cursor:pointer;font-size:14px}.dropdown-item:hover{background:#f5f5f7}.dropdown-item.active{background:var(--accent-2);color:var(--accent);font-weight:600}.notice{padding:12px 14px;border-radius:12px;border:1px solid rgba(217,168,78,.35);background:rgba(217,168,78,.12);color:#7c5a1c;font-size:13px}