:root{--paper:#f6f7f9;--surface:#fff;--surface-2:#f4f5f7;--ink:#1f2329;--ink-2:#5a6470;--ink-3:#98a0ab;--line:#eceef1;--line-strong:#dee2e7;--reel:#2b5cd6;--reel-hover:#234ab0;--reel-soft:#ecf1fc;--amber:#c98a2b;--success:#16a34a;--warn:#d97706;--danger:#dc2626;--status-success-bg:#e8f6ee;--status-success-fg:var(--success);--status-warn-bg:#fcf3e6;--status-warn-fg:var(--warn);--status-danger-bg:#fceaea;--status-danger-fg:var(--danger);--status-info-bg:var(--reel-soft);--status-info-fg:var(--reel);--code-bg:#1e2230;--code-fg:#e6e9f2;--bg:var(--paper);--bg-hover:#eef0f3;--accent:var(--reel);--accent-hover:var(--reel-hover);--accent-soft:var(--reel-soft);--brand-from:var(--reel);--brand-to:var(--amber);--brand-gradient:var(--reel);--shadow-card:var(--shadow-sm);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 1px 3px #0f172a0d, 0 6px 16px #0f172a0f;--shadow-lg:0 4px 12px #0f172a0f, 0 12px 32px #0f172a14;color:var(--ink);background:var(--paper);font-feature-settings:"tnum" 1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px}*{box-sizing:border-box}body{background:var(--bg);min-width:1180px;margin:0}button,input,textarea{font:inherit}#app{min-height:100vh}.admin-shell{background:var(--bg);grid-template-columns:64px 220px minmax(0,1fr);min-height:100vh;display:grid}.admin-rail{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;align-items:center;gap:4px;height:100vh;padding:12px 0;display:flex;position:sticky;top:0}.admin-rail-brand{border-radius:var(--radius-md);place-items:center;width:36px;height:36px;margin-bottom:8px;display:grid;overflow:hidden}.admin-rail-brand img{object-fit:contain;width:100%;height:100%;display:block}.admin-rail-item{width:52px;height:56px;color:var(--ink-2);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;transition:background-color .12s,color .12s;display:flex;position:relative}.admin-rail-item:hover{background:var(--bg-hover);color:var(--ink)}.admin-rail-item.is-active{color:var(--accent);background:var(--accent-soft)}.admin-rail-item.is-active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:-6px}.admin-rail-item .el-icon{font-size:20px}.admin-rail-label{letter-spacing:.1px;white-space:nowrap;font-size:11px;line-height:14px}.admin-side{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;height:100vh;padding:18px 0 24px;display:flex;position:sticky;top:0;overflow:hidden}.admin-side-head{border-bottom:1px solid var(--line);padding:0 20px 14px}.admin-side-head strong{color:var(--ink);letter-spacing:.1px;font-size:14px;font-weight:600;display:block}.admin-side-head span{color:var(--ink-3);letter-spacing:.8px;text-transform:uppercase;margin-top:4px;font-size:10px;display:block}.admin-side-nav{flex-direction:column;flex:1;gap:2px;padding:8px 10px;display:flex;overflow-y:auto}.admin-side-item{border-radius:var(--radius-md);height:34px;color:var(--ink-2);align-items:center;padding:0 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .12s,color .12s;display:flex}.admin-side-item:hover{background:var(--bg-hover);color:var(--ink)}.admin-side-item.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.admin-side-empty{color:var(--ink-3);padding:16px 20px;font-size:12px}.admin-layout-main{min-width:0}.admin-top{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);background:#ffffffd9;justify-content:space-between;align-items:center;gap:20px;min-height:56px;padding:0 28px;display:flex;position:sticky;top:0}.admin-top-title{color:var(--ink-3);align-items:center;gap:10px;font-size:13px;display:flex}.admin-top-title strong{color:var(--ink);font-weight:600}.admin-top-title .sep{color:var(--ink-3)}.admin-top-actions{align-items:center;gap:12px;display:flex}.admin-user-button{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);height:34px;color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:0 10px 0 6px;transition:background-color .12s,border-color .12s;display:inline-flex}.admin-user-button:hover{background:var(--bg-hover);border-color:var(--line-strong)}.admin-content{padding:24px 28px 40px}.admin-page{flex-direction:column;gap:18px;display:flex}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-head h1{color:var(--ink);letter-spacing:-.1px;margin:0;padding-left:12px;font-size:20px;font-weight:600;line-height:28px;position:relative}.page-head h1:before{content:"";background:var(--accent);border-radius:2px;width:3px;position:absolute;top:4px;bottom:4px;left:0}.page-head p{color:var(--ink-2);margin:6px 0 0 12px;font-size:13px;line-height:20px}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:12px 18px;display:flex}.panel-head h2,.panel-head h3{color:var(--ink);margin:0;font-size:14px;font-weight:600}.panel-body{padding:18px}.toolbar{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:10px;display:flex}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.metric-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:18px;transition:box-shadow .15s,transform .15s}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.metric-card span{color:var(--ink-2);font-size:12px;font-weight:500;display:block}.metric-card strong{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.4px;margin-top:10px;font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,monospace;font-size:26px;font-weight:500;display:block}.grid-2{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:16px;display:grid}.detail-drawer-section{margin-bottom:18px}.detail-drawer-section h3{color:var(--ink);margin:0 0 10px;font-size:14px;font-weight:600}.json-box{border-radius:var(--radius-sm);background:var(--code-bg);max-height:300px;color:var(--code-fg);white-space:pre-wrap;padding:12px;font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,monospace;font-size:12px;line-height:1.6;overflow:auto}.poster-thumb{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);width:48px;height:64px;overflow:hidden}.poster-thumb img{object-fit:cover;width:100%;height:100%}.muted{color:var(--ink-2)}.admin-content :where(.el-button){border-radius:var(--radius-md);font-weight:500}.admin-content :where(.el-button--primary){--el-button-bg-color:var(--reel);--el-button-border-color:var(--reel);--el-button-hover-bg-color:var(--reel-hover);--el-button-hover-border-color:var(--reel-hover);--el-button-active-bg-color:var(--reel-hover);--el-button-active-border-color:var(--reel-hover)}.admin-content :where(.el-button.is-link,.el-button.is-text){--el-button-text-color:var(--reel);--el-button-hover-text-color:var(--reel-hover)}.admin-content :where(.el-table){--el-table-border-color:var(--line);--el-table-header-bg-color:var(--surface-2);--el-table-row-hover-bg-color:var(--bg-hover);font-size:13px}.admin-content :where(.el-table th.el-table__cell){color:var(--ink-2);background:var(--surface-2);font-weight:600}.admin-content :where(.el-table) .num,.admin-content :where(.el-table) .el-table__cell.is-align-right,.admin-content .num{font-variant-numeric:tabular-nums;letter-spacing:-.1px;font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,monospace}.admin-content :where(.el-tag){border-radius:4px;font-weight:500}:root{--el-color-primary:var(--reel);--el-color-primary-light-3:#5b7ee3;--el-color-primary-light-5:#95afef;--el-color-primary-light-7:#c2d0f6;--el-color-primary-light-8:var(--reel-soft);--el-color-primary-light-9:var(--reel-soft);--el-color-primary-dark-2:var(--reel-hover)}.toolbar-search{width:320px}.toolbar-select{width:150px}.toolbar-select-wide{width:340px}.toolbar-select-narrow{width:130px}.panel-tabs{padding:0 16px 16px}.detail-drawer-section.with-spacing{margin-top:16px}.u-mt-10{margin-top:10px}.u-mt-16{margin-top:16px}.u-mb-14{margin-bottom:14px}.u-mb-18{margin-bottom:18px}.u-w-full{width:100%}.permission-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.role-tag{margin:0 4px 4px 0}.creator-detail-form{max-width:620px;margin-top:18px}.admin-card{margin-top:16px}.admin-table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.admin-muted{color:var(--ink-3)}.admin-login-page{--paper:#faf7f2;--surface:#fff;--surface-2:#fbf8f3;--ink:#1a1714;--ink-2:#6b635a;--ink-3:#9a9088;--line:#e6dfd3;--reel:#c8392f;--reel-hover:#ae2e25;--reel-soft:#fbeae8;--accent:var(--reel);--accent-soft:var(--reel-soft);--bg:var(--paper);--el-color-primary:var(--reel);--el-color-primary-light-3:#d86961;--el-color-primary-light-5:#e29a94;--el-color-primary-light-7:#edc2be;--el-color-primary-light-8:var(--reel-soft);--el-color-primary-light-9:var(--reel-soft);--el-color-primary-dark-2:var(--reel-hover);background:var(--paper);grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-stage{background:var(--surface-2);background-image:radial-gradient(#1a17140d 1px,#0000 1px);background-size:4px 4px;flex-direction:column;justify-content:center;padding:72px 64px;display:flex;position:relative;overflow:hidden}.login-stage-body{z-index:1;position:relative}.login-wordmark{color:var(--ink);letter-spacing:6px;font-family:Noto Serif SC,Source Han Serif SC,Georgia,serif;font-size:64px;font-weight:700;line-height:1}.login-tagline{color:var(--ink);letter-spacing:1px;margin:12px 0 0;font-family:Noto Serif SC,Source Han Serif SC,Georgia,serif;font-size:24px;font-weight:600}.login-rule{background:var(--reel);transform-origin:0;border:0;width:64px;height:3px;margin:22px 0;animation:.5s .1s both reel-grow}.login-sub{letter-spacing:3px;color:var(--ink-2);margin:0;font-size:13px}.perforation{background:var(--ink);background-image:radial-gradient(circle at 9px center, var(--paper) 4px, transparent 4.5px);background-repeat:repeat-x;background-size:18px 18px;height:18px;position:absolute;left:0;right:0}.perforation.top{top:0}.perforation.bottom{bottom:0}.admin-login-card{background:0 0;width:390px;margin:auto;padding:32px;animation:.3s both login-rise}.admin-login-card h1{color:var(--ink);margin:0 0 6px;font-family:Noto Serif SC,Source Han Serif SC,Georgia,serif;font-size:22px;font-weight:600}.admin-login-card p{color:var(--ink-2);margin:0 0 24px}.admin-login-card .el-button{width:100%}@keyframes login-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes reel-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.admin-login-card,.login-rule{animation:none}}@media (width<=860px){.admin-login-page{grid-template-columns:1fr}.login-stage{display:none}}@media (width<=1360px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}}