:root{--bg:#0b0c0d;--panel:#141618;--panel2:#1a1c1f;--line:#2a2d31;--text:#f2f1ed;--muted:#94989f;--red:#ed3f3f;--green:#57b58b;--amber:#d7a448;--shadow:0 22px 60px rgba(0,0,0,.38)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0}button,input,select{font:inherit}button{cursor:pointer}.view[hidden]{display:none!important}
.player-view{min-height:100vh;display:grid;place-items:center;background:#030404}.stage{position:relative;width:min(100vw,177.78vh);aspect-ratio:16/9;overflow:hidden;background:#020303;user-select:none}.stage video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#272a2b 0,#101213 35%,#050606 72%);text-align:center}.empty-state[hidden]{display:none}.empty-mark{width:76px;height:76px;border:1px solid #484c4f;display:grid;place-items:center;color:#9da1a2;font-size:12px;margin-bottom:18px}.empty-state h1{font-size:22px;margin:0 0 8px;font-weight:540}.empty-state p{font-size:13px;color:var(--muted);margin:0 0 24px}.primary-btn,.secondary-btn{border:0;padding:11px 17px;background:#f1f0ec;color:#111;font-weight:650}.secondary-btn{background:#25282b;color:#fff;border:1px solid #393c40}.player-header{position:absolute;z-index:8;top:0;left:0;right:0;padding:18px 20px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:400;text-shadow:0 2px 8px #000;background:linear-gradient(#0009,transparent);transition:.25s}.icon-btn{width:34px;height:34px;border:0;background:transparent;color:white;font-size:22px;display:grid;place-items:center;padding:0}.center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;border:1px solid #ffffff52;background:#0008;color:white;font-size:21px;padding-left:5px;opacity:0;pointer-events:none;transition:.2s}.stage.paused:not(.empty) .center-play{opacity:1}.tap-feedback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;background:#0009;border-radius:50%;width:68px;height:68px;display:grid;place-items:center;opacity:0}.tap-feedback.show{animation:flash .42s}@keyframes flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}40%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}
.controls{position:absolute;z-index:10;left:0;right:0;bottom:0;padding:25px 18px 14px;background:linear-gradient(transparent,#000e);opacity:0;transform:translateY(8px);pointer-events:none;transition:.25s}.stage.controls-visible .controls{opacity:1;transform:none;pointer-events:auto}.timeline-row{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;gap:9px;font-size:11px;font-variant-numeric:tabular-nums}.timeline-row span:last-child{text-align:right}input[type=range]{appearance:none;width:100%;height:16px;background:transparent;margin:0}input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--red) 0 var(--progress,0%),#ffffff66 var(--progress,0%))}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;background:var(--red);border-radius:50%;margin-top:-4.5px;box-shadow:0 0 0 3px #ed3f3f26}.control-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:7px}.control-left,.control-right{display:flex;align-items:center;gap:7px;min-width:0}.controls button{border:0;color:white;background:transparent;font-size:12px;padding:8px 9px;white-space:nowrap}.compact-time{font-size:11px;color:#d0d0d0}.danmaku-box{display:flex;height:32px;border-radius:4px;overflow:hidden;background:#ffffff17;margin-left:4px}.danmaku-box input{width:clamp(120px,20vw,260px);border:0;background:transparent;color:white;outline:none;padding:0 11px;font-size:12px}.danmaku-box button#sendDanmaku{background:var(--red);padding:0 14px}.menu-wrap{position:relative}.pop-menu{display:none;position:absolute;bottom:42px;left:50%;transform:translateX(-50%);min-width:88px;background:#151719ee;box-shadow:var(--shadow);padding:5px;border:1px solid #34373a}.pop-menu.open{display:block}.pop-menu button{display:block;width:100%;padding:8px!important}.pop-menu button.active{color:var(--red)}
.drawer-mask{position:absolute;z-index:11;inset:0;background:#0002;opacity:0;pointer-events:none;transition:.25s}.drawer-mask.open{opacity:1;pointer-events:auto}.episode-drawer{position:absolute;z-index:12;right:0;top:0;bottom:0;width:36%;min-width:260px;background:#111315eb;backdrop-filter:blur(14px);transform:translateX(102%);transition:.3s;box-shadow:-20px 0 50px #0007}.episode-drawer.open{transform:none}.drawer-head{height:65px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14;font-size:17px}.episode-list{height:calc(100% - 65px);overflow-y:auto;padding:8px 0}.episode-item{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-left:3px solid transparent;background:transparent;color:#e7e7e7;padding:15px 20px;text-align:left;font-size:15px}.episode-item:hover{background:#ffffff0b}.episode-item.active{color:#fff;background:#ed3f3f17;border-left-color:var(--red)}.episode-item small{font-size:11px;color:#85898e}.toast{position:absolute;z-index:20;left:50%;bottom:90px;transform:translate(-50%,10px);background:#151719e8;border:1px solid #ffffff1f;padding:9px 14px;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.admin-view{min-height:100vh;background:#0c0d0f}.admin-topbar{min-height:112px;padding:25px clamp(22px,5vw,70px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#101113}.eyebrow{display:block;color:#777c82;font-size:10px;letter-spacing:1.8px}.admin-topbar h1{font-family:Georgia,"Songti SC",serif;font-size:30px;font-weight:500;margin:7px 0 0}.admin-layout{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:0}.admin-main{padding:34px clamp(22px,4vw,56px) 70px;border-right:1px solid var(--line)}.admin-sidebar{padding:34px 28px;position:sticky;top:0;height:fit-content}.panel{padding:0 0 34px;margin-bottom:32px;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading>div{display:flex;align-items:center;gap:11px}.section-heading h2{font-size:17px;font-weight:600;margin:0}.section-index{color:var(--red);font:italic 15px Georgia,serif}.status-pill{font-size:11px;color:var(--amber);border:1px solid #d7a44852;padding:5px 9px}.status-pill.saved{color:var(--green);border-color:#57b58b55}.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:8px}.field span{font-size:12px;color:#a1a5aa}.field input,.field select{height:44px;border:1px solid #303337;background:#181a1c;color:#fff;padding:0 12px;outline:none}.field input:focus,.field select:focus{border-color:#666b70}.drop-zone{min-height:150px;border:1px dashed #45494e;background:#111315;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.drop-zone:hover,.drop-zone.drag{border-color:var(--red);background:#171315}.upload-icon{font-size:28px;color:var(--red);font-weight:200}.drop-zone strong{font-size:14px;margin:7px 0}.drop-zone small{color:#777c82}.meta-text{font-size:12px;color:var(--muted)}.episode-table-head,.admin-episode-row{display:grid;grid-template-columns:56px minmax(220px,1fr) 86px 230px;gap:12px;align-items:center}.episode-table-head{padding:0 13px 9px;color:#686d73;font-size:10px}.admin-episode-row{background:#151719;border:1px solid #24272a;padding:12px;margin-bottom:8px}.order-actions{display:flex;flex-direction:column;gap:2px}.order-actions button{border:0;background:transparent;color:#7c8187;font-size:12px;padding:1px}.episode-info{min-width:0}.episode-title-line{display:flex;align-items:center;gap:10px}.episode-no{color:#a2a6ab;font-size:11px;white-space:nowrap}.episode-title-input{width:100%;border:0;border-bottom:1px solid transparent;background:transparent;color:#fff;padding:4px 0;outline:none}.episode-title-input:focus{border-bottom-color:#5b5f65}.file-meta{display:flex;gap:9px;color:#6f747a;font-size:10px;margin-top:4px;min-width:0}.file-meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state-toggle{border:1px solid #3c4146;background:transparent;color:#b8bdc2;font-size:11px;padding:6px 8px}.state-toggle.on{border-color:#57b58b55;color:var(--green)}.row-actions{display:flex;justify-content:flex-end;gap:6px}.row-actions button{border:1px solid #33373b;background:transparent;color:#c6c9cc;font-size:11px;padding:7px 9px}.row-actions .remove{color:#e07878}.admin-empty{border:1px dashed #292c2f;padding:34px;text-align:center;color:#686d72;font-size:12px}.summary-block,.extension-block{border-bottom:1px solid var(--line);padding-bottom:27px;margin-bottom:27px}.summary-title{font-family:Georgia,"Songti SC",serif;font-size:22px;margin:14px 0 22px;overflow-wrap:anywhere}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.summary-grid div{display:flex;flex-direction:column}.summary-grid strong{font:20px Georgia,serif}.summary-grid span{color:#70757a;font-size:10px;margin-top:5px}.extension-block h3{font-size:14px;margin:12px 0 9px}.extension-block p{font-size:11px;color:#7f848a;line-height:1.8;margin:0}.publish-btn{width:100%;height:48px;border:0;background:var(--red);color:white;font-weight:650}.save-note{text-align:center;color:#62676c;font-size:10px}.saving-overlay{position:fixed;inset:0;background:#0009;z-index:100;display:grid;place-items:center;color:#fff}
@media(max-width:850px){.admin-layout{grid-template-columns:1fr}.admin-main{border-right:0}.admin-sidebar{position:static;border-top:1px solid var(--line)}.form-grid{grid-template-columns:1fr 1fr}.field-wide{grid-column:1/-1}.episode-table-head{display:none}.admin-episode-row{grid-template-columns:36px 1fr 76px}.row-actions{grid-column:2/-1;justify-content:flex-start}.control-right{gap:1px}.controls button{padding:7px 5px}.danmaku-box input{width:100px}.episode-drawer{width:42%}}
@media(max-height:520px){.player-header{padding:10px 14px}.controls{padding:18px 12px 8px}.control-row{margin-top:3px}.danmaku-box{height:29px}.controls button{padding-top:6px;padding-bottom:6px}.drawer-head{height:48px}.episode-list{height:calc(100% - 48px)}.episode-item{padding:10px 16px}}
.empty-actions{display:flex;gap:8px}.episode-item.missing{color:#969a9e}.episode-item.missing small{color:#d7a448}
.episode-drawer{width:38%;background:#111315f2}.drawer-head{height:60px;padding:0 14px 0 18px}.drawer-head>div{display:flex;align-items:baseline;gap:9px}.drawer-head small{font-size:10px;color:#777c82;font-weight:400}.episode-list{height:calc(100% - 60px);padding:8px 10px 14px}.episode-item{justify-content:center;min-height:46px;margin:0 0 7px;padding:10px 13px;border:1px solid #ffffff08;border-left:3px solid transparent;background:#ffffff0a;border-radius:3px;font-size:16px;font-weight:560;text-align:center}.episode-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episode-item:hover{background:#ffffff12}.episode-item.active{background:#ed3f3f18;border-color:#ed3f3f28;border-left-color:var(--red)}
@media(max-height:520px){.drawer-head{height:46px}.episode-list{height:calc(100% - 46px);padding:6px 8px 10px}.episode-item{min-height:38px;margin-bottom:5px;padding:7px 10px;font-size:14px}}
.admin-episode-list{max-height:clamp(320px,52vh,480px);overflow-y:auto;padding-right:5px;scrollbar-gutter:stable}.admin-episode-list::-webkit-scrollbar{width:5px}.admin-episode-list::-webkit-scrollbar-track{background:#111315}.admin-episode-list::-webkit-scrollbar-thumb{background:#3b3f43;border-radius:4px}.episodes-panel{padding-bottom:22px}
@media(max-width:850px){.admin-episode-list{max-height:380px}}
.danmaku-box input{width:clamp(220px,26vw,380px);font-size:13px}.danmaku-box input::placeholder{color:#c2c5c8;opacity:1}
@media(max-width:850px){.danmaku-box input{width:clamp(150px,24vw,220px);font-size:12px}}
@media(max-height:420px){.danmaku-box input{width:clamp(140px,22vw,200px)}}
.work-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-panel .field-wide{grid-column:auto}
.stage.black-tail video{visibility:hidden}.duration-editor{display:flex;align-items:center;gap:5px;margin-left:auto;color:#8c9196;white-space:nowrap}.duration-editor input{width:64px;height:24px;border:1px solid #34383c;background:#111315;color:#fff;padding:0 6px;font-size:10px;outline:none}.duration-editor input:focus{border-color:#62676c}.timing-editors{display:flex;align-items:center;gap:10px;margin-left:auto}
.admin-episode-row{align-items:start;padding:14px}.episode-info{padding-right:8px}.file-meta{display:grid;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:5px 12px;margin-top:7px}.timing-editors{grid-column:1/-1;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,180px));justify-content:start;gap:8px;margin:7px 0 0;padding-top:9px;border-top:1px solid #292c2f}.duration-editor{display:grid;grid-template-columns:1fr 68px;align-items:center;gap:8px;margin:0;color:#8f9499;font-size:10px}.duration-editor input{width:68px;height:28px;font-size:11px}.state-toggle{margin-top:2px}.row-actions{padding-top:2px}
@media(max-width:1100px){.admin-episode-row{grid-template-columns:42px minmax(260px,1fr) 78px 178px}.row-actions{flex-wrap:wrap}.timing-editors{grid-template-columns:repeat(2,minmax(0,160px))}}
@media(max-width:520px){.admin-topbar{min-height:88px;padding:16px}.admin-topbar h1{font-size:24px}.admin-topbar .secondary-btn{padding:9px 11px;font-size:12px}.admin-main{padding:24px 16px 40px}.admin-sidebar{padding:26px 16px}.work-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.field input{padding:0 9px}.admin-episode-row{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:12px 10px}.episode-info{grid-column:2;padding:0}.state-toggle{grid-column:2;width:max-content;margin-top:4px}.row-actions{grid-column:2;justify-content:flex-start;padding:0}.file-meta{grid-template-columns:minmax(0,1fr) auto}.timing-editors{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.duration-editor{display:flex;flex-direction:column;align-items:stretch;gap:4px}.duration-editor input{width:100%;height:30px}.episode-title-line{gap:7px}.episode-title-input{min-width:0}.summary-grid{gap:18px}}
.episode-pager{display:flex!important;align-items:center!important;gap:5px!important}.episode-pager button{width:28px;height:28px;border:1px solid #35393d;background:#17191b;color:#d7d9db;padding:0}.episode-pager button:disabled{opacity:.3;cursor:default}.episode-pager select{height:28px;min-width:116px;border:1px solid #35393d;background:#17191b;color:#d7d9db;padding:0 7px;font-size:11px;outline:none}.episode-pager .meta-text{margin-left:5px;white-space:nowrap}.admin-episode-list{max-height:none;overflow:visible;padding-right:0}
@media(max-width:520px){.episodes-panel .section-heading{align-items:flex-start}.episode-pager{flex-wrap:wrap!important;justify-content:flex-end;max-width:190px}.episode-pager select{min-width:108px}.episode-pager .meta-text{width:100%;text-align:right;margin:2px 0 0}}
.player-back-btn{width:28px;height:28px;opacity:.88}.back-chevron{display:block;width:9px;height:9px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:4px}.player-back-btn:hover{opacity:1}
.center-play{background:transparent!important;border:0!important;text-shadow:0 2px 8px #000}
.player-view{overflow:hidden}
.stage video{object-fit:cover}
.stage.controls-visible .center-play{opacity:0!important}
.play-glyph{display:inline-block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid currentColor;transform:translateX(2px)}.play-control{font-size:0}.play-control.playing .play-glyph,.center-play.playing .play-glyph{width:4px;height:16px;border:0;background:currentColor;transform:none;position:relative}.play-control.playing .play-glyph::after,.center-play.playing .play-glyph::after{content:"";position:absolute;left:8px;top:0;width:4px;height:16px;background:currentColor}
@media (orientation:portrait) and (pointer:coarse){.player-view{display:grid;place-items:center;width:100vw;height:100vh;background:#000}.player-view .stage{width:100vw;height:auto;aspect-ratio:16/9;transform:none}.player-view .player-header{padding:12px 14px}.player-view .controls{padding:18px 12px 9px}.player-view .control-row{gap:8px}.player-view .danmaku-box input{width:clamp(120px,20vw,220px)}}
.maker-mark{margin:0;color:#777c82;font-family:Georgia,"Songti SC",serif;font-size:13px;text-align:center;letter-spacing:1.5px}.extension-block{padding:7px 0 24px}
.maker-mark span{display:inline-block;margin-top:8px;font-family:Arial,"PingFang SC",sans-serif;font-size:10px;letter-spacing:.5px;color:#5f656b}
.confirm-mask{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#000b}.confirm-mask[hidden]{display:none}.confirm-dialog{width:min(330px,100%);padding:22px;background:#181a1c;border:1px solid #3a3e42;box-shadow:var(--shadow)}.confirm-dialog h3{margin:0 0 9px;font-size:17px}.confirm-dialog p{margin:0;color:#969ba0;font-size:12px;line-height:1.6}.confirm-dialog>div{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.confirm-dialog button{border:1px solid #3a3e42;background:#222528;color:#ddd;padding:8px 13px;font-size:11px}.confirm-dialog #confirmOk{border-color:#8b3b3b;background:var(--red);color:#fff}
.episode-compact.has-video{border-color:#57b58b;background:#24684f;color:#fff;box-shadow:inset 0 0 0 1px #7bd3aa22}.episode-compact.has-video:hover{border-color:#7bd3aa;background:#2b765b}
.activation-gate{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:#090a0b}.activation-gate[hidden]{display:none}.activation-panel{width:min(390px,100%);padding:34px 30px;background:#141618;border:1px solid #303438;box-shadow:0 30px 90px #0009}.activation-panel h1{margin:10px 0 7px;font:28px Georgia,"Songti SC",serif}.activation-panel>p{margin:0 0 26px;color:#868b90;font-size:12px}.activation-panel label{display:flex;flex-direction:column;gap:8px;color:#a4a8ac;font-size:11px}.activation-panel input{height:46px;border:1px solid #363a3e;background:#0e1011;color:#fff;padding:0 13px;outline:none;text-transform:uppercase;letter-spacing:1.5px}.activation-panel>button{width:100%;height:46px;margin-top:13px;border:0;background:var(--red);color:#fff;font-weight:650}.activation-panel>button:disabled{opacity:.55}.activation-error{min-height:18px;margin-top:10px;color:#e47777;font-size:11px}.activation-panel>small{display:block;color:#62676c;font-size:9px;text-align:center}
.admin-episode-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;max-height:320px;overflow-y:auto;padding:2px 5px 2px 0}.episode-compact{height:52px;border:1px solid #303438;background:#17191b;color:#e6e7e8;font-size:14px;font-weight:560}.episode-compact:hover{border-color:#666b70;background:#1d2022}.episode-compact.has-video{border-left:3px solid var(--green)}.episode-compact.offline{opacity:.5}.editor-mask{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:18px;background:#000b;backdrop-filter:blur(6px)}.editor-mask[hidden]{display:none}.episode-editor{width:min(520px,100%);background:#151719;border:1px solid #34383c;box-shadow:var(--shadow)}.episode-editor>header{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #292c2f}.episode-editor h2{font-size:19px;margin:5px 0 0}.editor-body{padding:22px}.editor-file{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0;padding:14px;background:#101214;border:1px solid #292c2f}.editor-file>div{display:flex;flex-direction:column;min-width:0}.editor-file span,.editor-file small{color:#787d82;font-size:10px}.editor-file strong{margin:5px 0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.editor-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px;padding-top:17px;border-top:1px solid #292c2f}.editor-actions button{border:1px solid #373b3f;background:#1b1d20;color:#d5d7d9;padding:8px 11px;font-size:11px}.editor-actions .danger-btn{margin-left:auto;color:#df7474;border-color:#6c3838}@media(max-width:520px){.admin-episode-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:280px}.episode-compact{height:46px;font-size:12px}.episode-editor{max-height:calc(100vh - 30px);overflow-y:auto}.episode-editor>header{padding:16px}.editor-body{padding:16px}.editor-file{padding:11px}.editor-actions .danger-btn{margin-left:0}}