:root{font-family:Inter,Microsoft YaHei,sans-serif;color:#1a2330;background:#f6f8fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}main{max-width:1180px;margin:auto;padding:0 24px 48px}header{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dde3ea}.brand{border:0;background:transparent;display:flex;gap:9px;align-items:center;font-size:21px;font-weight:750;color:#0b6d5d}nav,.tools,.actions,.tabs{display:flex;align-items:center;gap:8px}nav button,.tabs button,.actions button{border:0;background:transparent;color:#506070;padding:8px;display:inline-flex;gap:6px;align-items:center;border-radius:5px}nav button:hover,nav .active,.tabs .active{background:#e4f3ef;color:#096754}.toolbar{padding:40px 0 20px;display:flex;align-items:end;justify-content:space-between;gap:24px}h1{margin:0;font-size:28px;letter-spacing:0}.toolbar p{margin:8px 0 0;color:#667486}.search{height:40px;width:275px;background:#fff;border:1px solid #ced7e0;display:flex;align-items:center;padding:0 10px;gap:7px;border-radius:5px;color:#748295}.search input{border:0;outline:0;width:100%;background:transparent}.primary{border:0;border-radius:5px;padding:10px 14px;background:#087961;color:#fff;display:inline-flex;gap:7px;align-items:center;justify-content:center}.primary:hover{background:#056650}.tabs{border-bottom:1px solid #dce3ea;margin-bottom:10px}.tabs button{border-radius:0;padding:12px 14px}.tabs .active{border-bottom:2px solid #087961;background:transparent}.song-list{background:#fff;border:1px solid #dce3ea;border-radius:6px;overflow:hidden}.song{min-height:80px;display:grid;grid-template-columns:44px minmax(220px,1fr) 82px 68px auto;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid #e8edf1}.song:last-child{border-bottom:0}.rank{color:#758396;text-align:center;font-weight:700}.song-main{display:grid;gap:5px;min-width:0}.song-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-main span,.metric span{font-size:13px;color:#718094}.metric{display:grid;text-align:right;gap:2px}.metric b{color:#123c50}.actions{justify-content:flex-end}.actions button{border:1px solid #dce3ea;background:#fff;padding:7px 8px;color:#4f6171}.actions button:hover{color:#087961;border-color:#87beae;background:#f2faf7}.empty{padding:52px;text-align:center;color:#718094}.notice{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:18px;align-items:center;background:#17212b;color:#fff;padding:12px 14px;border-radius:5px;box-shadow:0 8px 25px #0002}.notice button,.close{border:0;background:transparent;color:inherit;padding:0;display:inline-flex}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#13202b77;display:grid;place-items:center;padding:20px}.dialog{width:min(390px,100%);position:relative;display:grid;gap:14px;padding:26px;border-radius:6px;background:#fff;box-shadow:0 20px 50px #0003}.dialog h2{margin:0;font-size:21px}.dialog p{color:#637184;margin:0}.dialog label{display:grid;gap:6px;color:#425263;font-size:14px}.dialog input{height:40px;border:1px solid #cbd6df;border-radius:4px;padding:0 10px;outline-color:#087961}.close{position:absolute;top:15px;right:15px;color:#657384}@media(max-width:780px){main{padding:0 14px 32px}header{height:auto;min-height:64px;gap:10px}nav button{font-size:0;padding:8px}nav button svg{width:19px;height:19px}.toolbar{align-items:stretch;flex-direction:column;padding-top:28px}.tools{flex-wrap:wrap}.search{flex:1 1 100%;width:auto}.song{grid-template-columns:30px minmax(0,1fr) 55px;gap:8px;padding:12px 10px}.metric:nth-of-type(4){display:none}.actions{grid-column:2 / 4;justify-content:flex-start;overflow-x:auto}.song-main span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.preview{width:min(320px,100%);height:30px}.turnstile{min-height:65px}.captcha-message{margin:0;color:#a33b30;font-size:13px}