:root{--ink:#050711;--surface:#0c0f1a;--surface-2:#121625;--surface-3:#191e30;--stroke:rgba(255,255,255,.09);--soft:rgba(255,255,255,.62);--violet:#8b7cff;--cyan:#44d5ff;--green:#54dfa0;--red:#ff647c}body{background:radial-gradient(circle at 50% -15%,#1d2140 0,transparent 35%),#050711;color:#f8f9ff}.topbar{height:78px;background:rgba(5,7,17,.84);border-color:var(--stroke);box-shadow:0 12px 35px rgba(0,0,0,.18)}.logo{font-size:18px;letter-spacing:-.02em}.logo span{background:linear-gradient(140deg,#6958ff,#30c3ff);box-shadow:0 8px 25px rgba(92,99,255,.35)}.topbar nav button{position:relative;font-weight:600}.topbar nav button:hover{color:#fff}.menu{background:rgba(18,22,37,.98);border-color:var(--stroke);box-shadow:0 24px 70px rgba(0,0,0,.5)}.page{max-width:1460px;padding-top:36px}.kicker{display:block;color:#9b91ff;font-size:11px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;margin-bottom:12px}.cinema-hero{min-height:520px;border-radius:32px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:68px clamp(34px,6vw,90px);position:relative;overflow:hidden;background:linear-gradient(120deg,#15112c 0,#0c1425 52%,#092633 100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 35px 100px rgba(0,0,0,.35)}.cinema-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent 80%)}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(45px,5vw,76px);line-height:1.06;letter-spacing:-.055em;margin:0 0 24px}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#b4aaff,#63ddff);background-clip:text;color:transparent}.hero-copy p{max-width:620px;line-height:1.85;color:#adb4c8;font-size:16px}.hero-action{margin-top:20px;border:0;background:#f5f5ff;color:#0a0d17;border-radius:999px;padding:14px 21px;font-weight:800;cursor:pointer}.hero-action span{margin-left:16px}.hero-art{height:360px;position:relative;display:grid;place-items:center}.planet{width:230px;height:230px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#c1b8ff,#6755d8 35%,#17203d 68%,#070b16);box-shadow:inset -40px -40px 75px #03040a,0 0 90px rgba(107,92,255,.35);position:relative;z-index:2}.planet:after{content:"";position:absolute;width:330px;height:70px;border:12px solid rgba(114,216,255,.38);border-radius:50%;left:-55px;top:80px;transform:rotate(-17deg);box-shadow:0 0 25px rgba(68,213,255,.18)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:rotate(-17deg)}.orbit-one{width:390px;height:150px}.orbit-two{width:470px;height:230px}.hero-number{position:absolute;right:0;bottom:0;font-size:100px;font-weight:950;color:rgba(255,255,255,.045);letter-spacing:-.09em}.section-title,.page-heading,.admin-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:48px 0 22px}.section-title h2,.page-heading h1,.admin-heading h1{margin:0;font-size:clamp(30px,4vw,46px);letter-spacing:-.04em}.page-heading p,.admin-heading p{color:var(--soft);margin:8px 0 0}.library-count,.count-chip,.live-chip{border:1px solid var(--stroke);background:rgba(255,255,255,.04);padding:8px 13px;border-radius:999px;color:#bcc2d3;font-size:12px}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px}.poster-card{cursor:pointer}.poster-art{aspect-ratio:4/5;border-radius:22px;position:relative;overflow:hidden;padding:24px;display:flex;align-items:flex-end;background:radial-gradient(circle at 65% 25%,color-mix(in srgb,var(--poster),white 25%),transparent 22%),linear-gradient(145deg,var(--poster),#11182c 62%,#060811);border:1px solid rgba(255,255,255,.11);box-shadow:0 24px 60px rgba(0,0,0,.3);transition:.28s}.poster-art:before{content:"星";position:absolute;right:-18px;top:18%;font-size:220px;font-weight:950;color:rgba(255,255,255,.055);transform:rotate(-8deg)}.poster-card:hover .poster-art{transform:translateY(-8px);box-shadow:0 35px 80px color-mix(in srgb,var(--poster),transparent 72%)}.poster-quality{position:absolute;top:20px;left:20px;padding:6px 9px;border-radius:7px;background:rgba(0,0,0,.35);backdrop-filter:blur(10px);font-size:11px;font-weight:800}.poster-play{position:absolute;inset:0;display:grid;place-items:center;font-size:25px;opacity:0;transition:.2s}.poster-card:hover .poster-play{opacity:1}.poster-title{font-size:30px;font-weight:900;position:relative}.poster-info{display:flex;justify-content:space-between;align-items:center;padding:16px 4px}.poster-info strong{font-size:17px}.poster-info span{color:var(--soft);font-size:12px}.text-back{border:0;background:none;color:#a9a1ff;padding:8px 0;cursor:pointer}.series-banner{min-height:360px;border-radius:28px;padding:54px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;background:radial-gradient(circle at 80% 30%,color-mix(in srgb,var(--series),white 15%),transparent 23%),linear-gradient(120deg,var(--series),#10172b 66%);border:1px solid var(--stroke);margin-top:16px}.series-banner h1{font-size:clamp(48px,7vw,88px);letter-spacing:-.06em;margin:0 0 15px}.series-banner p{max-width:650px;color:#d1d4e0;line-height:1.8}.series-glyph{font-size:280px;font-weight:950;color:rgba(255,255,255,.06);line-height:1}.meta-row{display:flex;gap:10px;margin-top:24px}.meta-row span,.watch-badges span{font-size:11px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.17);border-radius:999px;padding:7px 11px}.episode-list{display:grid;gap:10px}.episode-row{width:100%;display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:18px;text-align:left;padding:18px 22px;border:1px solid var(--stroke);border-radius:15px;background:rgba(255,255,255,.025);cursor:pointer}.episode-row:hover{background:#14182a;border-color:rgba(139,124,255,.55)}.episode-no{font-size:25px;font-weight:900;color:#8f87bf}.episode-row strong,.episode-row small{display:block}.episode-row small{margin-top:5px;color:var(--soft)}.row-play{color:#aaa2ff;font-size:13px}.watch-page{padding:28px max(20px,5vw) 80px}.watch-shell{max-width:1500px;margin:auto}.watch-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.watch-badges{display:flex;gap:8px}.video-stage{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#000;border:1px solid var(--stroke);box-shadow:0 35px 120px rgba(0,0,0,.65)}.video-stage video{width:100%;height:100%;display:block}.player-status,.player-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(circle,#12162b,#020307 66%);pointer-events:none}.player-status b{font-size:17px}.player-status small{color:var(--soft)}.status-spinner{width:38px;height:38px;border:3px solid rgba(255,255,255,.12);border-top-color:#9d93ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.player-error{pointer-events:auto}.player-error>div{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:rgba(255,100,124,.12);color:var(--red);font-size:25px;font-weight:900}.player-error h3{margin:8px 0 0}.player-error p{color:var(--soft)}@keyframes spin{to{transform:rotate(360deg)}}.watch-info{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center;padding:32px 5px}.watch-info h1{font-size:clamp(30px,4vw,50px);margin:0;letter-spacing:-.04em}.watch-info h1 i{font-style:normal;color:#5e657c}.watch-info p{color:var(--soft);line-height:1.7;max-width:780px}.tech-card{min-width:270px;border-left:1px solid var(--stroke);padding-left:30px}.tech-card span,.tech-card small,.tech-card strong{display:block}.tech-card span,.tech-card small{color:var(--soft);font-size:12px}.tech-card strong{font-size:25px;margin:8px 0}.watch-note{display:flex;gap:13px;align-items:center;border:1px solid rgba(68,213,255,.16);background:rgba(68,213,255,.05);padding:14px 18px;border-radius:13px;color:#aeb9c8;font-size:13px}.watch-note p{margin:0}.history-list{display:grid;gap:12px}.history-card{display:grid;grid-template-columns:70px 1fr auto auto;gap:22px;align-items:center;border:1px solid var(--stroke);background:var(--surface);padding:18px;border-radius:16px}.history-index{font-size:25px;font-weight:900;color:#827ba4}.history-card p{margin:5px 0 0;color:var(--soft);font-size:12px}.history-time{color:var(--soft);font-size:13px}.admin-page{max-width:1580px;margin:auto;display:grid;grid-template-columns:245px 1fr;gap:28px;padding:34px max(20px,4vw) 80px}.admin-nav{position:sticky;top:105px;height:calc(100vh - 135px);background:linear-gradient(180deg,#111525,#0b0e18);border:1px solid var(--stroke);border-radius:22px;padding:16px;display:flex;flex-direction:column}.admin-brand{display:flex;align-items:center;gap:12px;padding:10px 9px 24px}.admin-brand>span{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6b58ff,#3ac9ff);display:grid;place-items:center;font-weight:900}.admin-brand small,.admin-brand b{display:block}.admin-brand small{font-size:8px;letter-spacing:.2em;color:var(--soft);margin-top:3px}.admin-nav button{border:0;background:none;border-radius:11px;text-align:left;padding:13px 14px;color:#aeb4c4;margin:2px 0;cursor:pointer}.admin-nav button span{display:inline-block;width:25px;color:#8d84d2}.admin-nav button:hover,.admin-nav button.active{background:#1a1e32;color:#fff}.admin-user{margin-top:auto;border-top:1px solid var(--stroke);padding:18px 12px 8px}.admin-user small,.admin-user b{display:block}.admin-user small{color:var(--soft);font-size:10px;margin-bottom:5px}.admin-content{min-width:0}.admin-heading{margin-top:4px}.live-chip i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:6px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.metric-card{min-height:145px;background:linear-gradient(145deg,#121626,#0c0f19);border:1px solid var(--stroke);border-radius:18px;padding:20px;position:relative}.metric-card>span{position:absolute;right:18px;top:18px;color:#8b83c8;font-size:21px}.metric-card small,.metric-card strong{display:block}.metric-card small{color:var(--soft);margin-top:42px}.metric-card strong{font-size:25px;margin-top:8px}.admin-panel{border:1px solid var(--stroke);background:var(--surface);border-radius:20px;margin-top:22px;overflow:hidden}.panel-title{display:flex;justify-content:space-between;padding:21px 24px;border-bottom:1px solid var(--stroke)}.panel-title h2{margin:0;font-size:17px}.panel-title span{color:var(--soft);font-size:12px}.data-table{overflow:auto}.data-table table{min-width:850px}.data-table th{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.data-table td{padding:16px 18px}.event-chip,.role-chip,.state-dot{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px;background:#1c2033}.role-chip.admin{color:#d6b3ff;background:rgba(159,100,255,.13)}.role-chip.user{color:#8edbff;background:rgba(68,213,255,.11)}.state-dot:before{content:"";width:6px;height:6px;border-radius:50%;margin-right:5px}.state-dot.on:before{background:var(--green)}.state-dot.off:before{background:#747b8d}.user-summary{display:flex;gap:12px;margin-bottom:18px}.user-summary span{border:1px solid var(--stroke);background:var(--surface);padding:12px 16px;border-radius:12px;color:var(--soft);font-size:12px}.user-summary b{font-size:18px;color:#fff;margin-right:5px}.user-cell{display:flex;gap:11px;align-items:center}.user-cell>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#6657de,#339ed2);font-weight:800}.user-cell small,.cell-sub{display:block;color:var(--soft);font-size:10px;margin-top:4px}.action-row{display:flex;gap:6px;flex-wrap:wrap}.mini-btn{border:1px solid var(--stroke);background:#171b2a;color:#d7daea;padding:6px 8px;border-radius:7px;font-size:10px;cursor:pointer}.mini-btn.danger{color:#ff9cac;border-color:rgba(255,100,124,.25)}.admin-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px}.content-admin-card{display:grid;grid-template-columns:125px 1fr;background:var(--surface);border:1px solid var(--stroke);border-radius:20px;overflow:hidden}.mini-poster{background:linear-gradient(145deg,var(--poster),#101426);padding:15px;display:flex;flex-direction:column;justify-content:space-between}.mini-poster b{font-size:65px;color:rgba(255,255,255,.14)}.mini-poster span{font-size:10px}.content-card-body{padding:18px}.content-card-body h3{margin:0 0 5px}.content-card-body p{color:var(--soft);font-size:12px}.card-actions{display:flex;gap:8px;margin-top:20px}.primary.compact{width:auto;padding:10px 15px}.outline-btn{border:1px solid var(--stroke);background:rgba(255,255,255,.03);padding:10px 14px;border-radius:10px;color:#e1e3ee;cursor:pointer}.modal-card{background:#111525;border-color:var(--stroke);padding:34px}.modal-heading h2{font-size:27px;margin:0}.modal-heading p{color:var(--soft);font-size:13px;line-height:1.6}.field input,.field textarea,.field select{background:#090c15;border-color:var(--stroke)}.upload-field{border:1px dashed rgba(139,124,255,.35);padding:14px;border-radius:12px}.toast[data-type="error"]{border-color:rgba(255,100,124,.4);color:#ffb0bd}.toast[data-type="success"]{border-color:rgba(84,223,160,.4);color:#a8f2ce}.empty-state{padding:50px;text-align:center;border:1px dashed var(--stroke);border-radius:18px;color:var(--soft)}@media(max-width:900px){.cinema-hero{grid-template-columns:1fr;min-height:600px;padding:42px 28px}.hero-art{height:220px}.planet{width:160px;height:160px}.planet:after{width:235px;height:48px;left:-42px;top:60px}.orbit-one{width:270px}.orbit-two{width:330px}.series-banner{padding:34px}.series-glyph{font-size:150px}.watch-info{grid-template-columns:1fr;gap:20px}.tech-card{border-left:0;border-top:1px solid var(--stroke);padding:20px 0 0}.admin-page{grid-template-columns:1fr}.admin-nav{position:static;height:auto;flex-direction:row;overflow:auto;align-items:center}.admin-brand,.admin-user{display:none}.admin-nav button{white-space:nowrap}.history-card{grid-template-columns:55px 1fr}.history-time,.history-card .outline-btn{grid-column:2}.content-admin-card{grid-template-columns:100px 1fr}}@media(max-width:560px){.topbar{height:66px;padding:0 16px}.logo{font-size:15px}.cinema-hero{border-radius:20px;min-height:540px}.hero-copy h1{font-size:43px}.hero-art{transform:scale(.85)}.poster-grid{grid-template-columns:1fr 1fr;gap:13px}.poster-art{padding:15px}.poster-title{font-size:20px}.poster-info{display:block}.poster-info span{display:block;margin-top:4px}.series-banner{min-height:300px}.series-banner h1{font-size:52px}.series-glyph{display:none}.episode-row{grid-template-columns:55px 1fr;padding:14px}.row-play{display:none}.watch-page{padding:16px 10px 60px}.video-stage{border-radius:14px}.watch-info{padding:24px 8px}.watch-top{padding:0 6px}.watch-badges span:first-child{display:none}.admin-page{padding:18px 10px 60px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:125px}.admin-heading{align-items:flex-start;flex-direction:column}.user-summary{overflow:auto}.modal-card{padding:27px 20px}.poster-art:before{font-size:130px}}