:root{--bg: #0a0911;--surface: #14121e;--surface2: #1b1828;--surface3: #221f31;--border: rgba(255,255,255,.08);--border2: rgba(255,255,255,.14);--text: #f3f3f8;--muted: #8a8aa0;--muted2: #b6b6cb;--brand: linear-gradient(135deg,#37B6FF 0%,#8B5CF6 52%,#FF3B6B 100%);--accent: #8B5CF6;--pink: #FF3B6B;--live: #FF2D55;--green: #22c36a;--radius: 14px;--shadow: 0 14px 40px rgba(0,0,0,.45)}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Roboto,system-ui,-apple-system,sans-serif}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}input,button,select,textarea{font-family:inherit}button{cursor:pointer;border:none;background:none;color:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#2c2940;border-radius:6px}::-webkit-scrollbar-track{background:transparent}.brand-bg{background:var(--brand)}.gradtext{background:var(--brand);-webkit-background-clip:text;background-clip:text;color:transparent}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 500px at 50% -10%,rgba(139,92,246,.25),transparent 60%),var(--bg)}.login-card{width:380px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:34px 30px;box-shadow:var(--shadow);display:flex;flex-direction:column}.login-logo{display:flex;align-items:center;gap:8px}.logo-mark{width:38px;height:38px;border-radius:11px;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 6px 18px #8b5cf680}.logo-text{font-weight:900;font-size:23px;letter-spacing:.5px}.logo-tag{font-size:11px;font-weight:800;color:#0a0911;background:var(--brand);padding:3px 7px;border-radius:6px;letter-spacing:.5px}.login-sub{color:var(--muted);font-size:13px;margin:8px 0 22px}.login-card label{font-size:12px;font-weight:700;color:var(--muted2);margin:12px 0 6px}.login-card input{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-size:14px;outline:none}.login-card input:focus{border-color:var(--accent)}.login-err{color:#ff7b93;font-size:13px;margin-top:12px}.btn-primary{margin-top:20px;background:var(--brand);color:#fff;font-weight:800;font-size:15px;padding:13px;border-radius:11px;box-shadow:0 10px 26px #8b5cf666;transition:.15s}.btn-primary:hover{filter:brightness(1.07)}.btn-primary:disabled{opacity:.6}.shell{display:grid;grid-template-columns:230px 1fr 360px;height:100vh}.side{background:var(--surface);border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column}.side .brand{display:flex;align-items:center;gap:9px;padding:0 6px 20px}.side .brand .logo-text{font-size:19px}.nav-sec{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:1px;padding:14px 10px 8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:11px;color:var(--muted2);font-weight:700;font-size:14px;transition:.12s;width:100%;text-align:left}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.on{background:var(--brand);color:#fff;box-shadow:0 8px 20px #8b5cf666}.nav-item .ico{font-size:17px;width:22px;text-align:center}.nav-item .cnt{margin-left:auto;font-size:12px;font-weight:800;background:#ffffff24;padding:1px 8px;border-radius:20px}.nav-item.on .cnt{background:#0003}.side .spacer{flex:1}.side .logout{display:flex;align-items:center;gap:10px;padding:11px 12px;color:var(--muted);font-weight:700;font-size:13px;border-top:1px solid var(--border);margin-top:8px}.side .logout:hover{color:#ff7b93}.main{overflow-y:auto;padding:26px 30px}.main-head{display:flex;align-items:flex-start;margin-bottom:22px}.main-head h1{font-size:24px;font-weight:900;letter-spacing:-.5px}.main-head p{color:var(--muted);font-size:13px;margin-top:5px}.btn-add{margin-left:auto;background:var(--brand);color:#fff;font-weight:800;font-size:14px;padding:11px 20px;border-radius:11px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 22px #8b5cf666;transition:.15s}.btn-add:hover{filter:brightness(1.08);transform:translateY(-1px)}.items{display:flex;flex-direction:column;gap:12px}.card{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;transition:.12s}.card:hover{border-color:var(--border2);background:var(--surface2)}.card.dragging{opacity:.4}.card.drop-target{border-color:var(--accent);box-shadow:0 0 0 2px #8b5cf666}.card .handle{color:var(--muted);font-size:18px;cursor:grab;padding:0 2px}.card .thumb{width:108px;height:62px;border-radius:9px;object-fit:cover;background:var(--surface3);flex-shrink:0}.card .thumb.poster{width:46px;height:64px}.card .info{flex:1;min-width:0}.card .info .ttl{font-weight:800;font-size:15px;display:flex;align-items:center;gap:9px}.card .info .sub{color:var(--muted);font-size:12.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-chip{font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px;letter-spacing:.4px;background:var(--surface3);color:var(--muted2)}.badge-chip{font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px;color:#fff}.badge-live{background:var(--live)}.badge-new{background:var(--accent)}.badge-top{background:linear-gradient(135deg,#ffae00,#ff5e00)}.badge-soon{background:#0ea5e9}.badge-default{background:#3a3750}.card .acts{display:flex;align-items:center;gap:6px}.icon-btn{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--muted2);font-size:15px;transition:.12s}.icon-btn:hover{background:var(--surface3);color:var(--text)}.icon-btn.danger:hover{background:#ff2d5529;color:#ff7b93}.toggle{width:42px;height:24px;border-radius:20px;background:#3a3750;position:relative;transition:.15s;flex-shrink:0}.toggle.on{background:var(--green)}.toggle i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.15s}.toggle.on i{left:21px}.empty{text-align:center;color:var(--muted);padding:60px 20px;border:2px dashed var(--border2);border-radius:var(--radius)}.empty .big{font-size:40px;margin-bottom:12px}.preview{background:#060509;border-left:1px solid var(--border);padding:20px 18px;overflow-y:auto}.preview-h{font-size:12px;font-weight:800;color:var(--muted);letter-spacing:1px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.pv-frame{background:linear-gradient(180deg,#0e0b1c,#08070e);border:1px solid var(--border);border-radius:16px;overflow:hidden}.pv-hero{height:150px;position:relative;background-size:cover;background-position:center;display:flex;align-items:flex-end}.pv-hero .pv-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent 65%)}.pv-hero .pv-cap{position:relative;padding:12px}.pv-badge{display:inline-block;font-size:9px;font-weight:800;padding:2px 7px;border-radius:20px;color:#fff;margin-bottom:6px}.pv-hero .pv-t{font-weight:900;font-size:17px}.pv-hero .pv-s{font-size:10px;color:var(--muted2);margin-top:2px}.pv-sec{padding:12px}.pv-sec h4{font-size:12px;font-weight:800;margin-bottom:9px}.pv-row{display:flex;gap:8px;overflow:hidden}.pv-card{flex:0 0 92px}.pv-card .pv-img{width:92px;height:54px;border-radius:8px;object-fit:cover;background:var(--surface3);position:relative}.pv-card.poster .pv-img{width:64px;height:92px}.pv-card .pv-n{font-size:10px;font-weight:700;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pv-mini-badge{position:absolute;top:4px;left:4px;font-size:8px;font-weight:800;padding:1px 5px;border-radius:10px;color:#fff}.pv-empty{color:var(--muted);font-size:11px;font-style:italic;padding:6px 0}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#050409b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{width:560px;max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border2);border-radius:18px;box-shadow:var(--shadow)}.modal-h{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:2}.modal-h h2{font-size:19px;font-weight:900}.modal-h .x{margin-left:auto;width:36px;height:36px;border-radius:9px;font-size:18px;color:var(--muted)}.modal-h .x:hover{background:var(--surface3);color:var(--text)}.modal-body{padding:22px 24px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:700;color:var(--muted2);margin-bottom:7px}.field input,.field select,.field textarea{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:11px 13px;color:var(--text);font-size:14px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.type-opt{border:1px solid var(--border);border-radius:11px;padding:12px 6px;text-align:center;transition:.12s}.type-opt:hover{border-color:var(--border2)}.type-opt.on{border-color:var(--accent);background:#8b5cf624}.type-opt .e{font-size:22px}.type-opt .l{font-size:10px;font-weight:700;margin-top:5px;color:var(--muted2)}.type-opt.on .l{color:#fff}.img-row{display:flex;gap:12px;align-items:center}.img-prev{width:90px;height:56px;border-radius:9px;object-fit:cover;background:var(--surface3);border:1px solid var(--border);flex-shrink:0}.btn-ghost{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-weight:700;font-size:13px;padding:10px 16px;border-radius:10px;transition:.12s}.btn-ghost:hover{border-color:var(--border2);background:var(--surface3)}.modal-foot{display:flex;gap:12px;padding:18px 24px;border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--surface)}.modal-foot .btn-primary{margin:0;flex:1}.modal-foot .btn-ghost{flex:0 0 auto}.picker{border:1px solid var(--border);border-radius:11px;overflow:hidden}.picker-search{display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--surface2);border-bottom:1px solid var(--border)}.picker-search input{border:none;background:transparent;padding:11px 0}.picker-list{max-height:210px;overflow-y:auto}.picker-row{display:flex;align-items:center;gap:11px;padding:9px 12px;transition:.1s}.picker-row:hover{background:var(--surface2)}.picker-row.sel{background:#8b5cf629}.picker-row img{width:42px;height:26px;object-fit:cover;border-radius:5px;background:var(--surface3)}.picker-row .pn{font-size:13px;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-row .chk{color:var(--accent);font-weight:900}.picker-note{padding:10px 12px;font-size:12px;color:var(--muted)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--surface3);border:1px solid var(--border2);color:#fff;font-weight:700;font-size:13px;padding:12px 22px;border-radius:12px;box-shadow:var(--shadow);z-index:99}