:root{--paper:#fffefa;--bg:#f8f8f5;--ink:#292725;--muted:#858078;--accent:#8e5d6c;--border:#e6e1db;--soft:#f3eaed}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}button{cursor:pointer;font:inherit}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}
main{max-width:760px;margin:0 auto;padding:36px 28px 64px}.brand{text-align:center;font:14px/1.8 "Noto Serif SC","Songti SC",serif;letter-spacing:2px;color:var(--muted);margin:0 0 24px}.player-header{text-align:center;padding:24px 20px;background:linear-gradient(135deg,#fffefa,#f8f5f6);border:1px solid var(--border);border-radius:14px;margin-bottom:12px}h1{font-size:17px;font-weight:600;margin:0 0 4px}.subtitle{font-size:12px;color:var(--muted);margin:0}.audio-panel{padding:16px 20px;border:1px solid var(--border);border-radius:12px;background:var(--paper);margin-bottom:12px}.audio-pending{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;color:var(--muted);min-height:40px}.play-icon{width:34px;height:34px;border-radius:50%;background:var(--soft);color:#b697a3;display:flex;align-items:center;justify-content:center;font-size:12px;padding-left:2px}audio{width:100%;height:40px;accent-color:var(--accent)}#loop{display:block;margin:8px 0 0 auto;border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:15px;padding:5px 12px;font-size:12px}#loop[aria-pressed=true]{color:var(--accent);background:var(--soft)}#audio-error{font-size:13px;color:#a55340;margin:0}
.categories{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 10px;margin:14px 0}.categories button{border:0;background:transparent;color:var(--accent);font-size:13px;padding:7px 9px;border-radius:5px}.categories button:hover{background:var(--soft)}.lyrics{position:relative;height:clamp(340px,58vh,620px);overflow-y:auto;scrollbar-color:#c8b4bd transparent;padding:16px 22px 28px;background:var(--paper);border:1px solid var(--border);border-radius:12px;scroll-behavior:auto}.category-title{font-size:14px;color:var(--accent);font-weight:600;padding:15px 10px 10px;margin:6px 0 8px;border-bottom:1px solid var(--border)}.lyric-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;padding:10px;border-radius:8px;margin-bottom:2px;line-height:1.75;border:1px solid transparent}.number{font-size:11px;color:#b4abae;padding-top:4px}.chinese{font-size:16px;overflow-wrap:anywhere}.term{font:18px/1.75 Georgia,"Times New Roman","Songti SC",serif;color:#55504e;overflow-wrap:anywhere}.part-label{font-size:11px;color:#99908c}.lyric-content{min-width:0}.expression{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,30%);gap:18px;align-items:baseline}.expression+.expression{margin-top:10px}.is-active{background:var(--soft);border-color:#dac4cc}.is-active .chinese,.is-active .term{color:var(--accent);font-weight:600}.lyric-row[role=button]{cursor:pointer}.lyric-row[role=button]:hover{background:#f7f1f3}
@media(max-width:640px){main{padding:24px 14px 48px}.brand{font-size:12px;margin-bottom:18px}h1{font-size:17px}.player-header{padding:20px 12px}.categories{gap:2px}.categories button{font-size:12px;padding:7px}.lyrics{padding:10px 8px 20px;height:58vh;min-height:330px}.lyric-row{grid-template-columns:20px minmax(0,1fr);gap:4px 8px;padding:10px 6px}.chinese{font-size:15px}.expression{grid-template-columns:1fr;gap:2px}.lyric-content{grid-column:2}.term{font-size:17px}.category-title{padding-left:8px}.audio-panel{padding:12px}}