:root{--bg: #f5f7ef;--card: rgba(255, 255, 255, .78);--ink: #1f372a;--muted: #5f7a6b;--accent: #477056;--accent-strong: #335a44;--danger: #af4545}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 10%,rgba(159,196,148,.42),transparent 40%),radial-gradient(circle at 85% 90%,rgba(115,153,124,.33),transparent 48%),linear-gradient(160deg,#f9faef,#edf4e8 52%,#e2ede3)}.welcome-page{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:24px}.glow{position:absolute;border-radius:50%;filter:blur(40px);opacity:.35;z-index:0}.glow-left{width:260px;height:260px;top:8%;left:-40px;background:#9cc795}.glow-right{width:320px;height:320px;bottom:-120px;right:-80px;background:#6e9780}.card{position:relative;z-index:1;width:min(680px,100%);text-align:center;padding:42px 28px;border-radius:26px;background:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 18px 48px #36523e2b}.card-large{width:min(900px,100%)}.brand{display:inline-flex;align-items:center;gap:10px}.brand-logo{width:42px;height:42px;flex:none}.tag{margin:0;font-size:14px;letter-spacing:.08em;color:var(--muted)}h1{margin:12px 0 16px;font-size:clamp(34px,4.8vw,50px);line-height:1.15}.construction{margin:12px 0 10px;font-size:clamp(30px,4vw,42px);line-height:1.2}.desc{margin:0 auto;max-width:34ch;font-size:clamp(16px,2.8vw,18px);line-height:1.75;color:var(--muted)}.pass-form{margin-top:26px;display:grid;gap:12px;justify-items:center}.pass-input{width:min(420px,100%);border:1px solid rgba(51,90,68,.22);border-radius:999px;background:#ffffffeb;padding:11px 16px;font-size:16px;outline:none;color:var(--ink)}.pass-input:focus{border-color:#335a4499;box-shadow:0 0 0 3px #57866726}.btn{border:0;border-radius:999px;padding:12px 28px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(130deg,var(--accent),var(--accent-strong));box-shadow:0 8px 20px #416c5152;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #416c5161}.error{margin:12px 0 0;color:var(--danger);font-size:14px}.hint{margin:10px 0 0;color:var(--muted);font-size:14px}.list-wrap{margin-top:18px;width:100%;overflow:auto;border:1px solid rgba(51,90,68,.14);border-radius:16px;background:#ffffffa6}.playlist{width:100%;border-collapse:collapse;min-width:620px}.playlist th,.playlist td{padding:11px 12px;border-bottom:1px solid rgba(51,90,68,.12);text-align:left;font-size:14px}.playlist th{background:#8db09033;position:sticky;top:0}.playlist tbody tr:nth-child(2n){background:#74987b12}.playlist tbody tr:last-child td{border-bottom:0}@media(max-width:600px){.card{padding:34px 20px;border-radius:22px}.desc{line-height:1.65}}