:root{--series-bg:#0a0d13;--series-panel:#101722;--series-line:rgba(255,255,255,.14);--series-text:#f3f6fa;--series-muted:#8c96a5;--series-accent:#c9ff48;--series-cyan:#65d7ff}
.series-catalog-button{position:relative;z-index:10000;flex:0 0 auto;margin-left:16px;margin-right:auto;border:1px solid var(--series-line);border-radius:999px;background:rgba(10,13,19,.88);backdrop-filter:blur(14px);color:var(--series-text);padding:9px 14px;font:700 12px/1 system-ui,"Microsoft YaHei";letter-spacing:.04em;cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.3)}
.series-catalog-button:hover{color:var(--series-accent);border-color:rgba(201,255,72,.52)}
.series-catalog-mask{position:fixed;z-index:10001;inset:0;background:rgba(0,0,0,.54);opacity:0;pointer-events:none;transition:.25s}
.series-catalog{position:fixed;z-index:10002;top:0;left:0;bottom:0;width:min(370px,92vw);box-sizing:border-box;padding:24px;background:rgba(10,13,19,.98);border-right:1px solid var(--series-line);color:var(--series-text);font-family:system-ui,"Microsoft YaHei";transform:translateX(-102%);transition:transform .32s cubic-bezier(.22,.8,.24,1);overflow:auto;box-shadow:24px 0 70px rgba(0,0,0,.42)}
.series-catalog-mask.open{opacity:1;pointer-events:auto}.series-catalog.open{transform:none}
.series-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--series-line)}
.series-kicker{color:var(--series-cyan);font-size:11px;font-weight:800;letter-spacing:.14em}.series-head h2{margin:7px 0 0;font-size:23px}.series-close{border:1px solid var(--series-line);border-radius:9px;background:transparent;color:var(--series-text);width:34px;height:34px;cursor:pointer}
.series-progress{margin:18px 0 8px;color:var(--series-muted);font-size:12px}.series-progress b{color:var(--series-accent);font-size:22px;margin-right:5px}.series-group{margin-top:20px}.series-group-title{margin-bottom:8px;color:var(--series-muted);font-size:10px;font-weight:800;letter-spacing:.14em}
.series-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;margin:6px 0;padding:12px;border:1px solid transparent;border-radius:12px;color:var(--series-text);text-decoration:none;background:rgba(255,255,255,.035)}.series-item:hover{border-color:var(--series-line);background:rgba(255,255,255,.065)}.series-item.current{border-color:rgba(201,255,72,.42);background:rgba(201,255,72,.09)}
.series-item{display:flex;padding:0}.series-item-link{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-width:0;flex:1;padding:12px;color:inherit;text-decoration:none}.series-visibility{align-self:center;margin-right:9px;border:1px solid var(--series-line);border-radius:8px;padding:6px 8px;background:#171e29;color:var(--series-text);font:700 10px/1 system-ui,"Microsoft YaHei";cursor:pointer;white-space:nowrap}.series-visibility.status-published{color:var(--series-accent);border-color:rgba(201,255,72,.4)}.series-visibility.status-upcoming{color:var(--series-cyan)}.series-visibility.status-hidden{color:#ff8c98}.series-item.is-hidden{opacity:.62}
.series-catalog.admin .series-item.disabled{pointer-events:auto}.series-catalog.admin .series-item.disabled .series-item-link{pointer-events:none}.series-catalog.admin .series-visibility{pointer-events:auto}
.series-num{color:var(--series-cyan);font-weight:900}.series-title{font-size:13px;font-weight:700;line-height:1.35}.series-status{color:var(--series-muted);font-size:10px}.series-item.current .series-status{color:var(--series-accent)}.series-item.disabled{opacity:.44;pointer-events:none}
.series-foot{margin-top:22px;padding-top:16px;border-top:1px solid var(--series-line);color:var(--series-muted);font-size:11px;line-height:1.6}
@media(max-width:700px){.series-catalog-button{margin-left:8px;padding:8px 11px}.series-catalog-button{font-size:0}.series-catalog-button::after{content:'课程';font-size:11px}}
:fullscreen .series-catalog-button,:fullscreen .series-catalog,:fullscreen .series-catalog-mask{display:none!important}