.player-page{--rail:64px;--panel:340px;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:#0d0f12;color:#e8ecf2}.player-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;height:58px;padding:0 18px;background:#14171c;border-bottom:1px solid #22262d}.player-back{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#cfd6e0}.player-back:hover{background:#22262d}.player-top h1{margin:0;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-course-link{font-size:15px;color:#9aa5b4}.player-course-link:hover{color:#f7cf3e}.player-body{display:grid;grid-template-columns:minmax(0,1fr) calc(var(--rail) + var(--panel));flex:1;min-height:0;overflow:hidden}.player-body.collapsed{grid-template-columns:minmax(0,1fr) var(--rail)}.player-stage{position:relative;display:flex;min-height:0;background:#000}.player-surface{width:100%;height:100%;min-height:320px}.player-overlay{position:absolute;inset:0;display:grid;gap:14px;place-content:center;justify-items:center;padding:24px;text-align:center;background:#000000d9;color:#e8ecf2}.player-overlay p{margin:0;max-width:30em;line-height:1.7}.player-loading{color:#9aa5b4}.player-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:0;border-radius:7px;background:#f7cf3e;color:#20324e;font-size:16px;font-weight:600;cursor:pointer}.player-btn:hover{background:#ffd94f}.player-side{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);min-height:0;background:#14171c;border-left:1px solid #22262d}.player-body.collapsed .player-side{grid-template-columns:var(--rail)}.player-rail{display:flex;flex-direction:column;gap:6px;padding:12px 8px;border-right:1px solid #22262d}.player-rail button{display:grid;gap:4px;justify-items:center;padding:10px 0;border:0;border-radius:8px;background:transparent;color:#96a1b0;font-size:13px;cursor:pointer}.player-rail button:hover{background:#1d2128;color:#e8ecf2}.player-rail button.on{background:#d23b2e;color:#fff}.player-panel{display:flex;flex-direction:column;gap:14px;min-height:0;padding:18px;overflow:auto}.player-panel[hidden]{display:none}.player-catalog section{margin-bottom:18px}.player-catalog h2{margin:0 0 8px;font-size:16px;color:#f0f3f7}.player-catalog ul{margin:0;padding:0;list-style:none}.player-catalog li+li{margin-top:2px}.player-catalog button{display:grid;grid-template-columns:16px minmax(0,1fr) auto auto;gap:9px;align-items:center;width:100%;padding:11px 10px;border:0;border-radius:8px;background:transparent;color:#b9c3d0;font-size:15px;text-align:left;cursor:pointer}.player-catalog button:hover{background:#1d2128;color:#e8ecf2}.player-catalog button.on{background:#1f242c;color:#f7cf3e}.player-catalog span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-catalog em{padding:2px 6px;border-radius:4px;background:#2a2f38;color:#9aa5b4;font-size:12px;font-style:normal}.player-catalog em.trial{background:#4a3b12;color:#f7cf3e}.player-catalog small{color:#7c8796;font-size:12px}.player-thread{display:flex;flex-direction:column;gap:12px}.player-thread form{display:grid;gap:8px;justify-items:start}.player-thread textarea{width:100%;box-sizing:border-box;min-height:88px;padding:11px;border:1px solid #2a2f38;border-radius:8px;background:#0f1216;color:#e8ecf2;font:inherit;resize:vertical}.player-thread textarea:focus{outline:2px solid #f7cf3e55;border-color:#f7cf3e}.player-thread article{padding:12px;border:1px solid #22262d;border-radius:8px;background:#171b21}.player-thread article p{margin:0;font-size:15px;line-height:1.8;overflow-wrap:anywhere}.player-thread footer{display:flex;justify-content:space-between;margin-top:8px;color:#7c8796;font-size:12px}.player-thread footer span{display:inline-flex;align-items:center;gap:4px}.player-muted{margin:0;color:#7c8796;font-size:15px}.player-notice{margin:0;color:#ffb4a5;font-size:13px}.player-empty{display:grid;gap:10px;justify-items:center;padding:34px 12px;color:#8d98a7;text-align:center}.player-empty p{margin:0;font-size:15px}.player-foot{display:flex;align-items:center;gap:7px;margin:0;padding:10px 18px;background:#14171c;border-top:1px solid #22262d;color:#9aa5b4;font-size:13px}.player-foot-hint{color:#f7cf3e}@media(max-width:900px){.player-page{height:auto;min-height:100dvh;overflow:visible}.player-body,.player-body.collapsed{grid-template-columns:minmax(0,1fr)}.player-stage{aspect-ratio:16/9}.player-side{grid-template-columns:var(--rail) minmax(0,1fr);border-left:0;border-top:1px solid #22262d}.player-rail{flex-direction:row;padding:8px}.player-rail button{flex:1}.player-side{grid-template-columns:minmax(0,1fr);grid-auto-rows:min-content}.player-rail{border-right:0;border-bottom:1px solid #22262d}.player-panel{max-height:60vh}}html,body{margin:0;padding:0;background:#0d0f12;color:#e8ecf2;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}