:root{font-family:Inter,Noto Sans SC,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#f5f2ed;background:#0b0d10;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0b0d10;--panel: #12151a;--panel-high: #181c22;--line: #272c34;--line-soft: #1c2027;--text: #f5f2ed;--muted: #969da8;--accent: #f26b38;--accent-high: #ff8354;--teal: #52d4c5;--danger: #f15d6f;--radius: 18px}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;font-size:16px;background:radial-gradient(circle at 72% -20%,rgba(242,107,56,.12),transparent 36rem),var(--bg)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.site-header,.admin-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line-soft);background:#0b0d10db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:10}.site-header{position:sticky;top:0}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:700;letter-spacing:-.02em;font-size:1.15rem}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--accent);border-radius:12px;box-shadow:0 8px 28px #f26b383d}.header-actions{display:flex;align-items:center;gap:20px}.quiet-link,.back-link{color:var(--muted);display:inline-flex;align-items:center;gap:7px;font-size:.91rem;transition:color .2s}.quiet-link{border:0;padding:0;background:transparent;cursor:pointer}.quiet-link:hover,.back-link:hover{color:var(--text)}.public-shell,.watch-shell{width:min(1500px,calc(100% - clamp(32px,8vw,112px)));margin:0 auto}.public-shell{padding:54px 0 72px}.wall-heading,.admin-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px;gap:24px}.eyebrow{color:var(--accent);font-size:.73rem;font-weight:700;letter-spacing:.16em;margin:0 0 8px}h1,h2,p{margin-top:0}.wall-heading h1,.admin-title h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:-.055em;margin:0}.count-label{color:var(--muted);border:1px solid var(--line);padding:8px 13px;border-radius:99px;font-size:.85rem;white-space:nowrap}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2vw,30px)}.video-card{min-width:0;display:block}.cover-frame{aspect-ratio:16 / 10;overflow:hidden;position:relative;border-radius:var(--radius);background:var(--panel-high);border:1px solid var(--line);box-shadow:0 16px 40px #0003}.cover-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.64));pointer-events:none}.cover-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .3s}.video-card:hover .cover-frame img{transform:scale(1.045);filter:brightness(.77)}.play-disc{width:48px;height:48px;border-radius:50%;position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-42%) scale(.86);display:grid;place-items:center;background:#f26b38f0;box-shadow:0 8px 24px #00000052;opacity:0;transition:.25s ease}.play-disc span{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid white;margin-left:3px}.video-card:hover .play-disc{opacity:1;transform:translate(-50%,-50%) scale(1)}.duration{position:absolute;z-index:2;right:10px;bottom:9px;display:flex;align-items:center;gap:5px;font-size:.76rem;background:#040507c7;padding:5px 8px;border-radius:7px}.cover-placeholder{height:100%;display:grid;place-items:center;color:#59616d}.cover-placeholder svg{width:36px;height:36px}.card-copy{padding:13px 3px 0}.card-copy h2{font-size:.98rem;font-weight:600;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-copy p{color:var(--muted);font-size:.8rem;margin:0}.skeleton-card{aspect-ratio:16 / 11.5;border-radius:var(--radius);background:linear-gradient(100deg,var(--panel) 30%,var(--panel-high) 48%,var(--panel) 66%);background-size:220% 100%;animation:shimmer 1.6s infinite}@keyframes shimmer{to{background-position-x:-220%}}.center-state{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);gap:10px;padding:40px 20px}.center-state h1,.center-state h2{color:var(--text);margin:6px 0 0}.center-state p{max-width:480px;line-height:1.7}.center-state>svg{width:38px;height:38px;color:var(--accent)}.center-state.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:360px}.loader{width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button{border:0;border-radius:11px;min-height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:transform .15s,background .2s,border-color .2s,opacity .2s}.button:not(:disabled):active{transform:translateY(1px)}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-high)}.button.ghost{background:var(--panel-high);color:#d9dce1;border:1px solid var(--line)}.button.ghost:hover{border-color:#424954}.button:disabled,.icon-button:disabled{opacity:.4;cursor:not-allowed}.button.wide{width:100%}.button.danger-solid{background:var(--danger);color:#fff}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:44px;color:var(--muted)}.watch-shell{padding:34px 0 70px}.watch-shell>.back-link{margin-bottom:24px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(26px,4vw,58px);align-items:start}.player-frame{background:#000;border:1px solid var(--line);border-radius:20px;overflow:hidden;aspect-ratio:16 / 9;position:relative;box-shadow:0 30px 80px #00000061}.player-frame video{width:100%;height:100%;display:block;background:#000}.player-error{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;text-align:center;background:#07080af0;padding:30px}.player-error svg{color:var(--accent);width:36px;height:36px}.player-error span{max-width:520px;color:var(--muted);line-height:1.6}.player-toolbar{display:flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:8px;margin-top:12px}.player-toolbar button,.player-toolbar label{background:transparent;border:0;color:#c3c8d0;min-height:42px;border-radius:9px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:.87rem}.player-toolbar button:hover,.player-toolbar label:hover{background:var(--panel-high);color:#fff}.player-toolbar label{margin-left:auto}.player-toolbar select{background:#20252d;color:#fff;border:1px solid #363d48;border-radius:7px;padding:5px 7px}.video-info{padding-top:16px}.video-info h1{font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.18;letter-spacing:-.04em;overflow-wrap:anywhere}.video-info dl{border-top:1px solid var(--line);margin-top:28px}.video-info dl>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line-soft);font-size:.87rem}.video-info dt{color:var(--muted)}.video-info dd{margin:0;text-align:right}.compat-warning{display:flex;align-items:flex-start;gap:12px;background:#f26b3817;border:1px solid rgba(242,107,56,.28);border-radius:13px;padding:14px;color:#f6b397}.compat-warning svg{flex:0 0 auto}.compat-warning strong{color:#ffc0a8;font-size:.88rem}.compat-warning p{margin:5px 0 0;color:#b9a29a;font-size:.79rem;line-height:1.55}.login-shell{min-height:100vh;position:relative;display:grid;place-items:center;padding:80px 22px}.login-shell:before{content:"";position:fixed;width:460px;height:460px;background:#f26b3814;filter:blur(60px);border-radius:50%;top:10%;left:50%;transform:translate(-50%);pointer-events:none}.login-shell>.back-link{position:absolute;top:28px;left:clamp(22px,5vw,68px)}.login-card{width:min(100%,430px);padding:42px;background:#12151aeb;border:1px solid var(--line);border-radius:24px;box-shadow:0 32px 90px #00000061;position:relative}.login-symbol{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:var(--accent);margin-bottom:24px}.login-card h1{font-size:2rem;margin-bottom:8px;letter-spacing:-.04em}.muted{color:var(--muted);line-height:1.6}.login-card form{display:grid;gap:18px;margin-top:28px}.login-card label{display:grid;gap:8px;color:#cbd0d7;font-size:.88rem;font-weight:500}.login-card input,.search-form input{background:#0e1115;border:1px solid var(--line);color:var(--text);border-radius:11px;outline:none}.login-card input{height:48px;padding:0 14px}.login-card input:focus,.search-form:focus-within{border-color:#f26b38b3;box-shadow:0 0 0 3px #f26b381a}.form-error{margin:-4px 0 0;color:#ff91a0;font-size:.86rem}.admin-shell{min-height:100vh;background:#0d1014}.admin-header{padding-inline:clamp(20px,4vw,58px)}.admin-account{display:flex;align-items:center;gap:10px}.admin-account>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.87rem}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid var(--line);background:var(--panel-high);border-radius:10px;cursor:pointer;color:#cdd1d7}.icon-button:hover{border-color:#444b56;color:#fff}.icon-button.danger:hover{color:#ff8290;border-color:#f15d6f6b}.admin-content{width:min(1280px,calc(100% - clamp(32px,7vw,88px)));margin:0 auto;padding:44px 0 80px}.admin-title{align-items:center}.admin-title h1{font-size:clamp(2rem,3vw,2.8rem)}.upload-panel{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:25px;background:linear-gradient(100deg,#f26b3817,#12151af5 45%);border:1px dashed rgba(242,107,56,.45);border-radius:var(--radius);overflow:hidden}.upload-panel.busy{border-style:solid}.upload-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#f26b3824;color:var(--accent-high)}.upload-copy h2{margin:0 0 6px;font-size:1.05rem}.upload-copy p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}.progress-track{position:absolute;height:3px;background:#222832;left:0;right:0;bottom:0}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#ffa06d);transition:width .15s}.notice{min-height:48px;display:flex;align-items:center;gap:9px;border:1px solid;border-radius:12px;padding:10px 12px 10px 15px;margin-top:14px;font-size:.88rem}.notice.success{border-color:#52d4c54d;background:#52d4c512;color:#8ce8dd}.notice.error{border-color:#f15d6f59;background:#f15d6f14;color:#ff9ca7}.notice button{margin-left:auto;display:grid;place-items:center;border:0;background:none;color:inherit;cursor:pointer}.library-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-top:22px;overflow:hidden}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px}.library-toolbar h2{margin:0 0 3px;font-size:1.12rem}.library-toolbar p{margin:0;color:var(--muted);font-size:.8rem}.search-form{width:min(100%,470px);height:44px;display:flex;align-items:center;gap:9px;background:#0e1115;border:1px solid var(--line);border-radius:11px;padding-left:12px}.search-form svg{color:var(--muted);flex:0 0 auto}.search-form input{flex:1;min-width:0;height:100%;border:0;padding:0}.search-form .button{height:36px;min-height:36px;margin-right:3px}.status-tabs{display:flex;gap:3px;padding:0 24px 13px;overflow-x:auto;border-bottom:1px solid var(--line)}.status-tabs button{background:transparent;border:0;color:var(--muted);font-size:.84rem;padding:8px 12px;border-radius:8px;white-space:nowrap;cursor:pointer}.status-tabs button.active{background:var(--panel-high);color:var(--text)}.admin-list-head,.admin-row{display:grid;grid-template-columns:minmax(290px,1.6fr) .65fr .8fr .65fr 88px;gap:20px;align-items:center;padding:13px 24px}.admin-list-head{color:#777f8a;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line-soft)}.admin-row{min-height:84px;border-bottom:1px solid var(--line-soft);font-size:.84rem}.admin-row:last-child{border-bottom:0}.admin-video-cell{display:flex;align-items:center;gap:13px;min-width:0}.mini-cover{flex:0 0 auto;width:88px;aspect-ratio:16 / 10;overflow:hidden;border-radius:9px;background:#0a0c0f;display:grid;place-items:center;color:#515964}.mini-cover img{width:100%;height:100%;object-fit:cover}.admin-video-cell>div:last-child{display:grid;min-width:0;gap:4px}.admin-video-cell strong,.admin-video-cell span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.admin-video-cell span{color:var(--muted);font-size:.76rem}.admin-video-cell small{color:#f28d9a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-flex;padding:5px 8px;border-radius:7px;font-size:.76rem;color:#adb4be;background:#20252c}.status-badge.ready{color:#83e2d6;background:#52d4c51c}.status-badge.processing{color:#f6b08d;background:#f26b381f}.status-badge.failed{color:#ff95a2;background:#f15d6f1f}.risk-label{display:block;color:#d99c7e;margin-top:5px;font-size:.7rem}.cell-muted{display:grid;gap:4px;color:var(--muted);font-size:.76rem}.admin-row time{color:var(--muted);font-size:.79rem}.row-actions{display:flex;gap:7px;justify-content:flex-end}.row-actions .icon-button{width:36px;height:36px}.table-empty{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--muted)}.table-empty p{margin:0}.admin-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:.82rem}.admin-pagination .icon-button{width:34px;height:34px}.dialog-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;background:#040507c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.dialog{width:min(100%,430px);background:#171b21;border:1px solid #303641;border-radius:20px;padding:28px;box-shadow:0 32px 80px #0000008c}.dialog-icon{width:46px;height:46px;display:grid;place-items:center;color:#ff8a98;background:#f15d6f1f;border-radius:13px}.dialog h2{margin:20px 0 9px;font-size:1.3rem}.dialog p{color:var(--muted);line-height:1.6;font-size:.9rem}.dialog p strong{color:var(--text)}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}@media(max-width:1120px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-list-head{display:none}.admin-row{grid-template-columns:minmax(270px,1.5fr) .7fr .8fr 80px}.admin-row time{display:none}}@media(max-width:820px){.watch-layout{grid-template-columns:1fr}.video-info{padding-top:0}.player-toolbar{flex-wrap:wrap}.player-toolbar label{margin-left:0}.upload-panel{grid-template-columns:auto 1fr}.upload-panel>.button{grid-column:1 / -1}.library-toolbar{align-items:stretch;flex-direction:column}.search-form{width:100%}.admin-row{grid-template-columns:1fr auto;gap:14px;padding-block:16px}.admin-row>:nth-child(2){grid-column:2;grid-row:1;text-align:right}.admin-row>:nth-child(3){grid-column:1}.row-actions{grid-column:2;grid-row:2}}@media(max-width:650px){.site-header,.admin-header{height:66px;padding-inline:17px}.header-actions{gap:8px}.quiet-link{font-size:0;gap:0;width:38px;height:38px;justify-content:center;border:1px solid var(--line);border-radius:10px}.quiet-link svg{width:18px;height:18px}.public-shell,.watch-shell{width:calc(100% - 28px)}.public-shell{padding-top:36px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 11px}.cover-frame{border-radius:12px}.play-disc{display:none}.card-copy h2{font-size:.85rem}.wall-heading{align-items:center}.wall-heading h1{font-size:2.3rem}.player-frame{border-radius:12px}.player-toolbar{display:grid;grid-template-columns:1fr 1fr}.player-toolbar button,.player-toolbar label{justify-content:center;padding:0 7px}.player-toolbar label span{display:none}.admin-account>span{display:none}.admin-content{width:calc(100% - 24px);padding-top:30px}.admin-title{align-items:flex-start}.admin-title .button{font-size:0;width:42px;padding:0}.admin-title .button svg{margin:0}.upload-panel{padding:20px;gap:14px}.upload-icon{width:44px;height:44px}.upload-copy p{font-size:.8rem}.library-toolbar{padding:20px 16px 15px}.status-tabs{padding-inline:12px}.admin-row{padding-inline:14px}.mini-cover{width:72px}.admin-video-cell strong{font-size:.78rem}.cell-muted{padding-left:85px}.login-card{padding:30px 24px}.dialog{padding:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}