:root{--nav:#111827;--nav-soft:#1f2937;--primary:#3157d5;--primary-soft:#eef2ff;--bg:#f3f5f8;--panel:#fff;--text:#172033;--muted:#6b7280;--line:#e5e9f0;--danger:#c53b4a;--warning:#a66a12;--success:#247a55;--shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.05);--radius:12px}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}button,a{transition:background .18s,border-color .18s,color .18s,transform .18s}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:232px;background:var(--nav);color:#d6dbea;padding:0 14px;display:flex;flex-direction:column}.brand{height:76px;display:flex;align-items:center;gap:11px;padding:0 8px}.brand-mark{width:36px;height:36px;border-radius:9px;background:#fff;color:var(--nav);display:grid;place-items:center;font-weight:800;font-size:18px}.brand strong,.brand small{display:block}.brand strong{font-size:17px;color:#fff;letter-spacing:.2px}.brand small{font-size:11px;color:#8d99ad;margin-top:1px}.side-nav{flex:1;overflow-y:auto;padding:7px 0}.side-nav p{font-size:10px;font-weight:700;color:#69758a;letter-spacing:1.4px;margin:20px 11px 7px}.side-nav a{height:41px;padding:0 11px;border-radius:8px;display:flex;align-items:center;gap:11px;font-size:13px;margin:2px 0;color:#bac2d0}.side-nav a span{width:20px;text-align:center;font-size:16px;color:#8c98aa}.side-nav a:hover{background:#1b2638;color:#fff}.side-nav a.active{background:#273552;color:#fff;font-weight:600}.side-nav a.active span{color:#99b2ff}.sidebar-foot{font-size:11px;color:#8490a3;border-top:1px solid #283244;padding:16px 9px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#49a776;margin-right:7px}.workspace{margin-left:232px;min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:24px;position:sticky;top:0;z-index:30}.menu-toggle{display:none;background:transparent;border:0;font-size:22px;color:var(--text);padding:5px}.page-heading{margin-right:auto;min-width:160px}.page-heading h1{font-size:19px;line-height:1.25;margin:0;font-weight:700}.page-heading span{font-size:11px;color:var(--muted)}.top-search{width:min(330px,30vw);position:relative}.top-search span,.search-field span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8891a2;font-size:19px}.top-search input,.search-field input{padding-left:38px}.admin-chip{display:flex;align-items:center;gap:9px;padding-left:18px;border-left:1px solid var(--line)}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e7ebf8;color:#304a9e;font-weight:700}.admin-chip b,.admin-chip small{display:block;white-space:nowrap}.admin-chip b{font-size:12px}.admin-chip small{font-size:10px;color:var(--muted)}.content{padding:22px 26px 34px;max-width:1600px;margin:auto}.panel{background:var(--panel);border:1px solid #e8ebf1;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-head.wrap{flex-wrap:wrap}.panel h2,.panel-head h2{font-size:16px;margin:0 0 2px}.panel-head p,.side-form>p,.section-title p{margin:0;color:var(--muted);font-size:12px}.head-actions,.form-actions,.mini-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 13px;font-size:12px;font-weight:600;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#fff;background:var(--primary)}.btn.primary:hover{background:#2849b8}.btn.dark{background:#1d293d;color:#fff}.btn.secondary{background:#fff;border-color:#d8dde7;color:#384152}.btn.secondary:hover,.btn.ghost:hover{background:#f7f8fa}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn.wide{width:100%}.text-link{font-size:12px;color:var(--primary);font-weight:600}.text-link.center{text-align:center;display:block}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:18px}.metric-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-card{background:#fff;border:1px solid #e8ebf1;border-radius:11px;box-shadow:var(--shadow);padding:16px;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#64748b}.metric-card.blue:before{background:#3157d5}.metric-card.indigo:before{background:#5a4eb5}.metric-card.amber:before{background:#b87a20}.metric-card.red:before{background:#bf4652}.metric-card>span,.metric-top span{font-size:12px;color:var(--muted)}.metric-card>strong,.metric-card .metric-top+strong{display:block;font-size:27px;line-height:1.2;margin:9px 0 2px}.metric-card small{font-size:10px;color:#9aa1ad}.metric-top{display:flex;justify-content:space-between}.metric-top i{font-style:normal;width:22px;height:22px;border-radius:6px;background:#f0f3f8;color:#788298;display:grid;place-items:center;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:18px}.recent-list>a{display:flex;align-items:center;gap:11px;padding:10px 4px;border-top:1px solid var(--line)}.recent-list>a:hover{background:#fafbfc}.recent-list>a>span:nth-child(2){flex:1}.recent-list b,.recent-list small{display:block}.recent-list b{font-size:13px}.recent-list small{font-size:11px;color:var(--muted);margin-top:2px}.poster{width:38px;height:48px;border-radius:6px;background:#e9edf5;color:#64748b;display:grid;place-items:center;overflow:hidden;font-weight:700}.poster.tiny{width:34px;height:42px}.poster img,.cover-preview img{width:100%;height:100%;object-fit:cover}.quick-panel>a{display:flex;align-items:center;gap:11px;padding:12px 4px;border-top:1px solid var(--line)}.quick-panel>a:hover{padding-left:8px}.quick-panel>a>span{width:34px;height:34px;border-radius:8px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:18px}.quick-panel>a>div{flex:1}.quick-panel b,.quick-panel small{display:block}.quick-panel b{font-size:12px}.quick-panel small{font-size:10px;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #d8dde6;border-radius:7px;background:#fff;color:var(--text);padding:9px 11px;outline:0;font-size:13px}input,select{height:39px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#8198e7;box-shadow:0 0 0 3px rgba(49,87,213,.09)}input:disabled,select:disabled{background:#f5f6f8;color:#9ca3af}.filter-bar{display:flex;align-items:center;gap:8px;padding:12px;background:#f7f8fa;border:1px solid var(--line);border-radius:9px;margin-bottom:16px}.search-field{position:relative;flex:1;max-width:420px}.filter-bar select{width:130px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:9px}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1040px;font-size:12px}.data-table th{padding:10px 12px;background:#f7f8fa;color:#667085;font-weight:600;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:10px 12px;border-bottom:1px solid #edf0f4;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:#fbfcfe}.data-table b{font-size:12px}.cell-sub{display:block;max-width:150px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mono{font-family:ui-monospace,monospace;color:#626b7a}.date-cell{white-space:nowrap;color:var(--muted)}.tag,.count-pill{display:inline-block;border-radius:6px;background:#f0f2f6;color:#596273;padding:3px 7px;font-size:10px}.count-pill{min-width:25px;text-align:center;font-weight:700;color:#3157d5;background:#eef2ff}.link-state{font-size:10px;font-weight:600}.link-state:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.link-state.yes{color:var(--success)}.link-state.yes:before{background:#54a97d}.link-state.no{color:#9198a5}.link-state.no:before{background:#b9bec7}.status{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:12px;font-size:10px;font-weight:600;white-space:nowrap}.status.active,.status.published{background:#eaf6ef;color:#287555}.status.inactive,.status.draft{background:#f1f2f4;color:#687180}.status i{width:5px;height:5px;background:currentColor;border-radius:50%}.sticky-right{position:sticky;right:0;background:#fff;box-shadow:-8px 0 12px rgba(22,31,49,.025)}th.sticky-right{background:#f7f8fa}.mini-actions{flex-wrap:nowrap}.mini-actions form{margin:0}.mini-btn{border:1px solid #d9dee7;background:#fff;color:#465066;border-radius:5px;padding:4px 7px;font-size:10px;white-space:nowrap;cursor:pointer}.mini-btn:hover{border-color:#9eacd0;color:#2849b8;background:#f8f9ff}.mini-btn.publish{color:#3157d5;border-color:#cdd6f5;background:#f6f8ff}.mini-btn.warning{color:#936010;border-color:#e8d8bd}.mini-btn.danger{color:#b43b49;border-color:#ebcbd0}.empty{padding:52px 20px;text-align:center;color:var(--muted)}.empty>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f1f3f6;margin:0 auto 10px;font-size:20px}.empty b{display:block;color:#394253}.empty p{font-size:12px;margin:4px 0 16px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.form-section{padding:20px}.section-title{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:16px}.section-title>span{width:29px;height:29px;background:var(--primary-soft);color:var(--primary);border-radius:7px;display:grid;place-items:center;font-size:10px;font-weight:700}.section-title h2{font-size:15px;margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px}.form-grid .span-2{grid-column:1/-1}label{display:block;color:#394253;font-size:12px;font-weight:600}label em{color:var(--danger);font-style:normal}label input,label select,label textarea{margin-top:6px;font-weight:400}.sticky-card{position:sticky;top:96px}.cover-preview{width:124px;height:164px;background:#f3f5f8;border:1px dashed #cdd3dd;border-radius:8px;margin:18px auto;display:grid;place-items:center;color:#9aa1ad;font-size:11px;overflow:hidden}.form-actions.vertical{display:grid}.content-narrow{max-width:930px;margin:auto}.drop-zone{border:1px dashed #aab6d8;background:#f8f9fe;border-radius:10px;padding:38px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;cursor:pointer}.drop-zone:hover,.drop-zone.dragging{border-color:var(--primary);background:#f3f5ff}.drop-zone input{display:none}.upload-icon{width:44px;height:44px;border-radius:10px;background:#e8edff;color:var(--primary);display:grid;place-items:center;font-size:24px;margin-bottom:10px}.drop-zone b{font-size:13px}.drop-zone small{font-size:11px;color:var(--muted);margin:4px 0 13px}.drop-zone em{font-style:normal;background:var(--primary);color:#fff;border-radius:6px;padding:6px 11px;font-size:11px}.import-help,.inline-alert{border:1px solid #dce3f2;background:#f5f7fc;border-radius:8px;padding:12px 14px;margin:14px 0;font-size:12px}.import-help p{margin:4px 0 0;color:var(--muted)}.preview-card{border:1px solid var(--line);border-radius:9px;margin:14px 0;padding:14px}.preview-head{display:flex;justify-content:space-between;align-items:center}.preview-head b,.preview-head small{display:block}.preview-head small{color:var(--muted)}.import-summary{display:flex;gap:24px;margin:14px 0}.import-summary span{font-size:11px;color:var(--muted)}.import-summary b{display:block;font-size:19px;color:var(--text)}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.side-form{height:max-content;position:sticky;top:96px}.side-form h2{margin-bottom:2px}.side-form label{margin-top:13px}.segmented{display:flex;border:1px solid var(--line);border-radius:7px;padding:2px;background:#f7f8fa}.segmented a{font-size:10px;padding:5px 9px;border-radius:5px;color:var(--muted)}.segmented a.active{background:#fff;color:var(--primary);box-shadow:0 1px 3px #0001}.stats-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.6fr);gap:18px}.bar-chart{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:90px 1fr 35px;align-items:center;gap:10px;font-size:11px}.bar-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-row>div{height:8px;border-radius:5px;background:#edf0f4;overflow:hidden}.bar-row i{display:block;height:100%;border-radius:5px;background:#526fd0}.rank-row{display:grid;grid-template-columns:25px 1fr auto;align-items:center;border-top:1px solid var(--line);padding:10px 0;font-size:12px}.rank-row em{font-style:normal;width:20px;height:20px;display:grid;place-items:center;border-radius:5px;background:#f0f2f6;color:#687180;font-size:10px}.rank-row b{font-size:10px;color:var(--muted)}.settings-list>div{display:grid;grid-template-columns:140px 1fr;gap:2px 15px;padding:15px 0;border-top:1px solid var(--line)}.settings-list>div:first-child{border-top:0}.settings-list span{grid-row:1/3;color:var(--muted);font-size:12px}.settings-list b{font-size:12px}.settings-list small{color:var(--muted)}.good{color:var(--success)}.toast-stack{position:fixed;z-index:100;right:18px;top:90px;display:grid;gap:8px;width:min(360px,calc(100vw - 36px))}.toast{background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px #11182720;border-radius:9px;padding:11px;display:flex;align-items:center;gap:9px;animation:toast-in .25s ease}.toast>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e8f5ee;color:var(--success);font-weight:700}.toast-error>span{background:#fae9eb;color:var(--danger)}.toast p{margin:0;flex:1;font-size:12px}.toast button{border:0;background:transparent;color:#8b93a0;font-size:17px;cursor:pointer}.loading-layer{display:none;position:fixed;z-index:120;inset:0;background:#1118274d;backdrop-filter:blur(1px);align-items:center;justify-content:center;flex-direction:column;color:#fff}.loading-layer.show{display:flex}.loading-layer p{font-size:12px}.spinner{width:34px;height:34px;border:3px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.login-page{min-height:100vh;background:#eef1f5;display:grid;place-items:center;padding:22px}.login-shell{width:min(900px,100%);min-height:530px;background:#fff;border-radius:16px;box-shadow:0 20px 55px #17203320;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.login-intro{background:#172033;color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.brand.light .brand-mark{background:#fff;color:#172033}.login-intro h1{font-size:31px;line-height:1.3;margin:10px 0}.login-intro p{color:#aeb7c6;max-width:330px}.login-intro>small{color:#7f8a9c}.eyebrow{font-size:10px!important;letter-spacing:1.5px;color:#7181b8!important;font-weight:700}.login-card{padding:62px 48px}.login-card h2{font-size:23px;margin:4px 0}.login-card>.muted{font-size:12px;color:var(--muted);margin:0 0 25px}.stack-form label{margin-bottom:16px}.password-field{position:relative}.password-field button{position:absolute;right:6px;top:12px;border:0;background:transparent;color:var(--primary);font-size:11px;cursor:pointer}.login-note{text-align:center;color:#9aa1ad;font-size:10px;margin-top:18px}.mobile-brand{display:none}.inline-alert.error{background:#fdf1f2;border-color:#efcdd1;color:#9f3540}.sidebar-mask{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}}
@media(max-width:1180px){.metric-grid.six{grid-template-columns:repeat(3,1fr)}.metric-grid{grid-template-columns:repeat(3,1fr)}.top-search{width:250px}.data-table{min-width:1100px}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .22s}.sidebar.open{transform:none}.sidebar-mask.show{display:block;position:fixed;z-index:35;inset:0;background:#11182766}.workspace{margin-left:0}.menu-toggle{display:block}.topbar{padding:0 17px;gap:13px}.admin-chip{display:none}.content{padding:16px}.dashboard-grid,.split-layout,.stats-layout,.form-layout{grid-template-columns:1fr}.side-form,.sticky-card{position:static}.form-aside{order:-1}.form-aside .cover-preview{display:none}}
@media(max-width:640px){html{font-size:14px}.topbar{height:64px}.page-heading span{display:none}.top-search{display:none}.content{padding:11px}.panel{padding:14px;border-radius:10px;margin-bottom:12px}.metric-grid,.metric-grid.six{grid-template-columns:repeat(2,1fr);gap:9px}.metric-card{padding:13px}.metric-card>strong,.metric-card .metric-top+strong{font-size:23px}.dashboard-grid{gap:0}.filter-bar{align-items:stretch;flex-wrap:wrap}.search-field{flex-basis:100%;max-width:none}.filter-bar select{flex:1}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.section-title{align-items:flex-start}.head-actions{width:100%}.head-actions .btn{flex:1}.split-layout{gap:0}.login-page{padding:0;background:#fff}.login-shell{min-height:100vh;border-radius:0;display:block}.login-intro{display:none}.login-card{padding:12vh 24px}.mobile-brand{display:block;color:var(--primary);font-size:18px;font-weight:800;margin-bottom:45px}.stats-layout{gap:0}.settings-list>div{grid-template-columns:1fr}.settings-list span{grid-row:auto}.toast-stack{top:74px}.import-summary{justify-content:space-between}.bar-row{grid-template-columns:65px 1fr 28px}}