:root{color-scheme:light;--paper: #f5efe5;--ink: #25394a;--ink-soft: #667987;--ink-deep: #182735;--accent: #cda56a;--accent-soft: #ead8b7;--console: #22384a;--console-deep: #182937;--console-text: #f7f1e8;--console-muted: rgba(247, 241, 232, .72);--line: rgba(37, 57, 74, .16);--line-strong: rgba(37, 57, 74, .28);--console-line: rgba(247, 241, 232, .14);--shadow: 0 20px 60px rgba(24, 39, 53, .12);--radius-xl: 1.5rem;--radius-lg: 1rem;--radius-md: .9rem;--radius-pill: 999px;--content: min(1100px, calc(100vw - 1.25rem) );--ease: cubic-bezier(.22, 1, .36, 1);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--paper);color:inherit;font:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{display:block}:focus-visible{outline:3px solid rgba(205,165,106,.62);outline-offset:3px}.page{min-height:100vh;padding:.95rem 0 2rem;background:radial-gradient(circle at 12% 6%,rgba(191,203,212,.42) 0,transparent 24%),radial-gradient(circle at 88% 11%,rgba(205,165,106,.12) 0,transparent 18%),radial-gradient(circle at 50% 110%,rgba(205,165,106,.09) 0,transparent 36%),linear-gradient(180deg,#ffffff57,#fff0 24%),var(--paper)}.shell{width:var(--content);margin:0 auto}.masthead,.content-grid,.progress-wrap,.playlist{display:grid;gap:1rem}.masthead{gap:clamp(.85rem,2.8vw,1.2rem);padding:.35rem 0 1.3rem}.brand-line{display:inline-flex;align-items:center;gap:.72rem;width:fit-content;margin:0;padding:.42rem .04rem;color:var(--ink-deep);font-size:.88rem;font-weight:700;letter-spacing:.08em}.brand-mark{width:.9rem;height:.9rem;border-radius:.22rem;background:#111}.page-title{margin:0;max-width:100%;overflow:hidden;color:var(--ink);font-family:Songti SC,STSong,"Noto Serif CJK SC",serif;font-size:clamp(2.05rem,11.2vw,5.4rem);line-height:.95;letter-spacing:-.085em;white-space:nowrap}.event-strip{display:grid;gap:0;margin:0;padding:.9rem 0 0;border-top:1px solid var(--line-strong)}.event-item{display:grid;gap:.22rem;margin:0;padding:.05rem 0 .8rem;border-bottom:1px solid var(--line)}.event-item+.event-item{padding-top:.82rem}.event-key,.panel-label,.playlist-heading{margin:0;color:var(--ink-soft);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.event-item dd{margin:0;color:var(--ink-deep);font-size:1rem;font-weight:700;line-height:1.55}.content-grid{gap:1.2rem}.player-console{display:grid;gap:1.2rem;padding:1.15rem;border:1px solid rgba(24,39,53,.08);border-radius:var(--radius-xl);background:linear-gradient(180deg,#ffffff0a,#fff0 34%),linear-gradient(180deg,var(--console) 0%,var(--console-deep) 100%);box-shadow:var(--shadow);color:var(--console-text)}.console-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.player-console .panel-label{color:var(--console-muted)}.track-title{margin:.36rem 0 0;color:var(--console-text);font-family:Songti SC,STSong,"Noto Serif CJK SC",serif;font-size:clamp(2rem,8.4vw,3.5rem);line-height:1.02;letter-spacing:-.065em}.track-badge{display:inline-flex;align-items:center;justify-content:center;min-width:4.8rem;min-height:2.3rem;padding:.34rem .78rem;border:1px solid rgba(234,216,183,.22);border-radius:var(--radius-pill);background:#ead8b714;color:var(--console-text);font-size:.85rem;font-weight:700}.progress-wrap{gap:.68rem}.progress-input{width:100%;appearance:none;height:.54rem;border-radius:999px;outline:none;background:linear-gradient(90deg,var(--accent-soft) 0 var(--progress, 0%),rgba(247,241,232,.16) var(--progress, 0%) 100%)}.progress-input::-webkit-slider-thumb{appearance:none;width:1rem;height:1rem;border-radius:50%;border:2px solid var(--accent);background:var(--paper)}.progress-input::-moz-range-thumb{width:1rem;height:1rem;border-radius:50%;border:2px solid var(--accent);background:var(--paper)}.progress-times{display:flex;justify-content:space-between;gap:1rem;color:var(--console-muted);font-size:.9rem;font-variant-numeric:tabular-nums}.transport-buttons{width:min(100%,24rem);display:grid;grid-template-columns:3.25rem minmax(0,1fr) 3.25rem;gap:.75rem;align-items:stretch}.transport-button,.play-button{min-height:3.3rem;border-radius:1rem;border:1px solid var(--console-line);transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease)}.transport-button{display:inline-grid;place-items:center;background:#f7f1e80d;color:var(--console-text)}.play-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.8rem 1rem;background:linear-gradient(180deg,var(--accent-soft) 0%,#d2af79 100%);border-color:#cda56ab8;color:var(--ink-deep);font-weight:700}.transport-button:hover,.play-button:hover{transform:translateY(-2px)}.transport-button:hover{background:#f7f1e81f}.play-button:hover{background:linear-gradient(180deg,#f1e3c8,#d8b57f)}body[data-player-state=playing] .play-button{background:linear-gradient(180deg,#d7b277,#c69f63);box-shadow:0 10px 24px #cda56a2e}.play-icon{width:2rem;height:2rem;display:inline-grid;place-items:center;border-radius:.75rem;background:#18273524;color:var(--console-text)}.icon{width:1.1rem;height:1.1rem}.status-row{display:grid;gap:.55rem;padding-top:.95rem;border-top:1px solid var(--console-line)}.status{min-height:1.5rem;color:var(--console-muted);font-size:.92rem;line-height:1.65}.track-meta{display:inline-flex;align-items:center;gap:.45rem;color:var(--console-muted);font-size:.88rem}.playlist-panel{padding-top:.15rem}.playlist{gap:0;margin-top:.35rem;border-top:1px solid var(--line-strong)}.playlist-item{position:relative;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.95rem 0 .95rem .95rem;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;transition:transform .18s var(--ease),background .18s var(--ease)}.playlist-item:before{content:"";position:absolute;left:0;top:.75rem;bottom:.75rem;width:0;border-radius:999px;background:var(--accent);transition:width .18s var(--ease)}.playlist-item:hover,.playlist-item:focus-visible{transform:translate(4px);background:#25394a09}.playlist-item.is-active{background:linear-gradient(90deg,#ead8b78a,#ead8b700 78%)}.playlist-item.is-active:before{width:4px}.playlist-index{width:2.7rem;height:2.7rem;display:inline-grid;place-items:center;border:1px solid rgba(37,57,74,.1);border-radius:.85rem;background:#25394a0a;color:var(--ink);font-size:.92rem;font-weight:700}.playlist-item.is-active .playlist-index{border-color:var(--ink);background:var(--ink);color:var(--paper)}.playlist-copy{min-width:0}.playlist-copy strong{display:block;color:var(--ink-deep);font-size:1.03rem;line-height:1.4}.playlist-length{justify-self:end;color:var(--ink-soft);font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums}.playlist-item.is-active .playlist-length{color:var(--ink-deep)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.transport-button,.play-button,.playlist-item,.playlist-item:before{transition:none}}@media(min-width:760px){.page{padding:1.1rem 0 2.6rem}.shell{width:min(100vw - 2rem,1100px)}.event-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.event-item{padding-bottom:0;border-bottom:0}.event-item+.event-item{padding-top:.05rem;padding-left:1.25rem;border-left:1px solid var(--line)}.status-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}}@media(min-width:980px){.content-grid{grid-template-columns:minmax(0,1.08fr) minmax(18rem,.92fr);align-items:start;gap:2rem}.masthead{max-width:100%}.playlist-panel{padding-top:1rem}}