:root{color-scheme:light;--background:#f5f7fb;--foreground:#172033;--muted:#667085;--soft:#f8fafc;--surface:#ffffff;--surface-strong:#eef4ff;--border:#dbe3ef;--border-strong:#b9c7db;--accent:#4f46e5;--accent-strong:#273c9a;--accent-soft:#eef2ff;--primary-blue:#1769e0;--primary-blue-strong:#0f4ea8;--success:#1769e0;--success-soft:#eef5ff;--success-border:#b8d4ff;--warning:#b45309;--warning-soft:#fff7ed;--warning-border:#fed7aa;--danger:#b42318;--shadow:0 12px 32px rgba(15,36,77,0.08)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:linear-gradient(180deg,#f8fbff 0,var(--background) 100%);color:var(--foreground);font-family:Arial,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid rgba(109,59,220,.35);outline-offset:2px}.page-shell{min-height:100vh;padding:24px}.app-frame{display:grid;grid-template-columns:260px minmax(0,1fr);grid-gap:20px;gap:20px;max-width:1440px;margin:0 auto}.sidebar{position:-webkit-sticky;position:sticky;top:24px;height:calc(100vh - 48px);display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border);border-radius:8px;padding:18px;background:rgba(255,255,255,.92);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{display:flex;gap:12px;align-items:center}.brand-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--primary-blue));color:#fff;font-weight:800}.brand-title{margin:0;font-size:16px;font-weight:800}.brand-subtitle{margin:3px 0 0;color:var(--muted);font-size:12px}.nav-list{display:grid;grid-gap:8px;gap:8px;margin:26px 0 0}.nav-item{display:flex;align-items:center;gap:10px;border-radius:8px;padding:11px 12px;color:#45375f;font-weight:700}.nav-item:hover,.nav-item[aria-current=page]{background:var(--surface-strong);color:var(--primary-blue-strong)}.nav-dot{width:9px;height:9px;border-radius:999px;background:currentColor;opacity:.76}.sidebar-note{border:1px solid var(--border);border-radius:8px;padding:14px;background:var(--soft);color:var(--muted);font-size:13px;line-height:1.7}.content-area{display:grid;align-content:start;grid-gap:18px;gap:18px}.auth-card,.hero-panel,.panel,.topbar{border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.topbar-title{margin:0;font-size:14px;color:var(--muted)}.topbar strong{display:block;margin-top:4px;font-size:18px;color:var(--foreground)}.status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--success-border);border-radius:999px;padding:8px 12px;background:var(--success-soft);color:var(--success);font-size:13px;font-weight:800}.hero-panel{padding:32px}.compact-hero{padding:26px}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:14px;font-weight:800}.title{max-width:860px;margin:0;font-size:34px;line-height:1.18}.description{max-width:760px;margin:16px 0 0;color:var(--muted);line-height:1.85}.quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.button-danger,.button-primary,.button-secondary,.login-form button,.logout-form button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:8px;padding:0 16px;cursor:pointer;font-weight:800}.button-primary,.login-form button{border:0;background:linear-gradient(135deg,var(--primary-blue),var(--accent));color:#fff}.button-secondary,.logout-form button{border:1px solid var(--border-strong);background:var(--surface);color:var(--accent-strong)}.button-danger{border:1px solid #fecaca;background:#fff1f2;color:var(--danger)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.tile{min-height:118px;border:1px solid var(--border);border-radius:8px;padding:18px;background:rgba(255,255,255,.82)}.tile strong{display:block;margin-bottom:8px;font-size:15px}.tile p,.tile span{margin:0;color:var(--muted);line-height:1.65}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{min-height:132px}.metric-card b{display:block;margin:8px 0;color:var(--accent-strong);font-size:34px;line-height:1}.integration-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.integration-card{min-height:126px}.integration-card p{margin-top:10px;overflow-wrap:anywhere}.panel{padding:22px}.workspace-panel{scroll-margin-top:20px}.panel-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-heading h2{margin:0;font-size:20px}.panel-heading p{margin:6px 0 0;color:var(--muted)}.timeline{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.timeline li{display:grid;grid-template-columns:24px 1fr;grid-gap:10px;gap:10px;align-items:start;color:var(--muted);line-height:1.6}.timeline-marker{display:grid;width:24px;height:24px;place-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:900}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);grid-gap:28px;gap:28px;align-items:center;max-width:1120px;margin:0 auto}.auth-intro,.auth-shell{padding:28px}.auth-intro h1{max-width:640px;margin:0;font-size:42px;line-height:1.14}.auth-intro p{max-width:620px;color:var(--muted);line-height:1.85}.auth-card{padding:28px}.auth-card h2{margin:0;font-size:26px}.auth-card p{color:var(--muted);line-height:1.7}.login-form{display:grid;grid-gap:14px;gap:14px;margin-top:24px}.login-form label{display:grid;grid-gap:8px;gap:8px;color:var(--foreground);font-weight:800}.login-form input{width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;padding:12px;background:#fff}.login-form button:disabled{opacity:.6;cursor:wait}.form-error{margin:0;color:var(--danger)}.logout-form{margin-top:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:18px;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--soft)}.form-grid label{display:grid;grid-gap:8px;gap:8px;color:var(--foreground);font-size:14px;font-weight:800}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:42px;border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:#fff;color:var(--foreground)}.form-grid textarea{resize:vertical;line-height:1.7}.span-2{grid-column:span 2}.checkbox-line{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important;min-height:42px}.checkbox-line input{width:18px;min-height:18px;accent-color:var(--accent)}.form-actions{display:flex;align-items:flex-end;justify-content:flex-end}.form-actions button:disabled{opacity:.55;cursor:not-allowed}.article-list,.data-list{display:grid;grid-gap:10px;gap:10px;margin-top:16px}.dense-list{margin-top:12px}.data-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:8px;padding:14px;background:rgba(255,255,255,.72)}.editable-row{display:grid;grid-gap:12px;gap:12px}.row-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}.inline-edit{border-top:1px solid var(--border);padding-top:12px}.edit-toggle{width:-moz-fit-content;width:fit-content;cursor:pointer;color:var(--primary-blue-strong);font-size:13px;font-weight:800}.inline-edit summary{list-style:none}.inline-edit summary::-webkit-details-marker{display:none}.article-card strong,.data-row strong,.media-card strong{display:block;font-size:15px}.article-card p,.data-row p,.media-card p{margin:6px 0 0;color:var(--muted);line-height:1.6}.article-card-head>span,.data-row>span{flex:0 0 auto;border-radius:999px;padding:7px 10px;background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:800}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-top:16px}.compact-media-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.media-card{border:1px solid var(--border);border-radius:8px;padding:12px;background:rgba(255,255,255,.78)}.media-preview{display:grid;height:150px;place-items:center;overflow:hidden;border-radius:8px;background:var(--surface-strong);color:var(--muted);font-size:13px}.media-preview img{width:100%;height:100%;object-fit:cover}.mini-pill{display:inline-flex;margin-top:10px;border-radius:999px;padding:6px 9px;background:#f4f0ff;color:var(--muted);font-size:12px;font-weight:800}.mini-pill.good{background:var(--success-soft);color:var(--success)}.mini-pill.warn{border:1px solid var(--warning-border);background:var(--warning-soft);color:var(--warning)}.mini-pill.danger{border:1px solid #fecaca;background:#fff1f2;color:var(--danger)}.rules-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.rules-strip span{border:1px solid var(--border);border-radius:999px;padding:7px 10px;background:#fff;color:var(--muted);font-size:12px;font-weight:800}.article-card{border:1px solid var(--border);border-radius:8px;padding:16px;background:rgba(255,255,255,.78)}.compact-article-card pre{max-height:220px}.article-card-head{display:flex;justify-content:space-between;gap:14px}.article-card pre{max-height:360px;margin:14px 0 0;overflow:auto;border:1px solid var(--border);border-radius:8px;padding:14px;background:#fbfaff;color:#33284a;font-family:Arial,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.8;white-space:pre-wrap}.article-card-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:10px}.compact-button{min-height:34px;padding:0 12px;font-size:13px}.detail-layout{max-width:1180px;margin:0 auto}.compact-metric{min-height:98px}.compact-metric span{display:block;margin-top:10px;color:var(--accent-strong);font-weight:900}.article-edit-form textarea[name=body]{min-height:520px}.two-column-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:start}.export-textarea{min-height:640px;padding:14px;line-height:1.7}.export-textarea,.inline-code-textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:#f8fafc;color:#24324a;resize:vertical}.inline-code-textarea{margin-top:10px;padding:10px;line-height:1.6}.copy-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}.copy-tools span{color:var(--success);font-size:13px;font-weight:800}.inline-actions,.list-search-bar,.maintenance-actions,.pagination-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.list-search-bar{margin:10px 0 14px}.inline-reject-form input,.list-search-bar input{min-height:38px;border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:#fff}.list-search-bar input{min-width:min(340px,100%)}.pagination-bar{justify-content:flex-end;margin-top:16px;color:var(--muted);font-size:13px;font-weight:800}.button-secondary.disabled{pointer-events:none;opacity:.45}.inline-actions{margin-top:4px}.stacked-actions{align-items:stretch}.inline-reject-form{display:flex;flex-wrap:wrap;gap:8px}.danger-inline-form{margin-top:14px;padding-top:14px;border-top:1px dashed #fecaca}.danger-inline-form p{margin:8px 0 0;color:var(--muted);font-size:13px}.settings-two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);grid-gap:16px;gap:16px;align-items:start}.review-row{align-items:flex-start}.reverse-template-box{margin-top:18px;padding-top:18px;border-top:1px dashed var(--border-strong)}.empty-state{margin:16px 0 0;border:1px dashed var(--border-strong);border-radius:8px;padding:18px;background:rgba(255,255,255,.64);color:var(--muted)}.error-shell{min-height:100vh;place-items:center}.error-card{max-width:520px}.error-card h1{margin:0 0 12px;color:var(--ink);font-size:28px}.dashboard-home{display:grid;grid-gap:18px;gap:18px}.dashboard-command-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);grid-gap:16px;gap:16px;align-items:stretch}.dashboard-focus-panel,.dashboard-primary-panel{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.dashboard-primary-panel{display:grid;align-content:center;min-height:280px;padding:28px}.dashboard-primary-panel h1{max-width:720px;margin:0;color:var(--foreground);font-size:34px;line-height:1.2}.dashboard-primary-panel p{max-width:760px;margin:14px 0 0;color:var(--muted);line-height:1.8}.workflow-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.workflow-strip span{border:1px solid var(--border);border-radius:999px;padding:7px 10px;background:#f8fafc;color:var(--muted);font-size:12px;font-weight:800}.dashboard-focus-panel{padding:20px}.compact-heading{margin-bottom:12px}.focus-article{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--border);border-radius:8px;padding:16px;background:#f8fafc}.focus-article>span{width:-moz-fit-content;width:fit-content;border:1px solid var(--success-border);border-radius:999px;padding:6px 9px;background:var(--success-soft);color:var(--success);font-size:12px;font-weight:800}.focus-article strong{color:var(--foreground);font-size:18px;line-height:1.45}.focus-article p{margin:0;color:var(--muted);line-height:1.6}.dashboard-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.module-tile{display:flex;min-height:132px;flex-direction:column;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:8px;padding:16px;background:var(--surface);box-shadow:var(--shadow)}.module-tile strong{display:block;color:var(--foreground);font-size:16px}.module-tile p{margin:8px 0 0;color:var(--muted);line-height:1.65}.module-tile span{color:var(--primary-blue-strong);font-size:13px;font-weight:800}.dashboard-table{display:grid;grid-gap:8px;gap:8px}.dashboard-table-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(120px,.4fr) 100px 96px auto;grid-gap:12px;gap:12px;align-items:center;border:1px solid var(--border);border-radius:8px;padding:12px 14px;background:#f8fafc}.dashboard-table-row strong{overflow-wrap:anywhere;color:var(--foreground)}.dashboard-table-row span{color:var(--muted);font-size:13px}.article-workbench{max-width:1360px}.workbench-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.42fr);grid-gap:16px;gap:16px;align-items:start}.side-create-panel{position:-webkit-sticky;position:sticky;top:24px;align-self:start;padding:18px}.single-column-form{grid-template-columns:1fr;gap:12px}.single-column-form .form-actions,.single-column-form .span-2,.single-column-form label{grid-column:auto}.single-column-form .form-actions{justify-content:stretch}.single-column-form .form-actions button{width:100%}.compact-rules{margin-top:14px}.export-grid .export-textarea{min-height:420px}.article-commandbar{position:-webkit-sticky;position:sticky;top:16px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--border);border-radius:8px;padding:14px 16px;background:rgba(255,255,255,.96);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.article-commandbar h1{max-width:820px;margin:4px 0 0;overflow-wrap:anywhere;font-size:22px;line-height:1.35}.commandbar-actions,.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.article-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.editor-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);grid-gap:16px;gap:16px;align-items:start}.publish-preview-panel{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.preview-toolbar{position:-webkit-sticky;position:sticky;top:90px;z-index:4;padding:14px 16px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.preview-toolbar strong{display:block;margin-top:4px;color:var(--foreground);font-size:15px}.article-preview{max-width:820px;margin:0 auto;padding:36px 34px 46px;color:#1d2738;line-height:1.9}.article-preview h1{margin:0 0 22px;font-size:30px;line-height:1.35}.article-preview h2{margin:30px 0 12px;font-size:20px}.article-preview p{margin:14px 0;overflow-wrap:anywhere}.article-preview ul{margin:14px 0;padding-left:22px}.article-preview figure{margin:24px 0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#f8fafc}.article-preview img{display:block;width:100%;max-height:460px;object-fit:cover}.article-preview figcaption{padding:10px 14px;color:var(--muted);font-size:13px;line-height:1.6}.article-image-fallback{display:grid;min-height:220px;place-items:center;padding:24px;background:var(--surface-strong);color:var(--muted);text-align:center}.editor-inspector{display:grid;grid-gap:16px;gap:16px;min-width:0}.sticky-inspector{position:-webkit-sticky;position:sticky;top:88px;max-height:calc(100vh - 110px);overflow:auto;padding-right:4px}.compact-article-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-panel{padding:18px}.compact-form{padding:0;border:0;background:transparent}.compact-form textarea[name=body]{min-height:420px}.compact-list{max-height:420px;overflow:auto;padding-right:4px}@media (max-width:860px){.page-shell{padding:14px}.app-frame,.auth-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-card,.auth-intro,.hero-panel{padding:22px}.auth-intro h1,.title{font-size:30px}.article-card-head,.article-commandbar,.data-row,.panel-heading,.preview-toolbar,.topbar{align-items:flex-start;flex-direction:column}.commandbar-actions{flex-wrap:wrap}.article-metrics,.dashboard-command-grid,.dashboard-metrics,.editor-grid,.module-grid,.settings-two-column,.workbench-grid{grid-template-columns:1fr}.sticky-inspector{position:static;max-height:none;overflow:visible;padding-right:0}.side-create-panel{position:static}.dashboard-primary-panel{min-height:0;padding:22px}.dashboard-primary-panel h1{font-size:28px}.dashboard-table-row{grid-template-columns:1fr;align-items:start}.article-commandbar,.preview-toolbar{position:static}.article-preview{padding:24px 18px 32px}.article-preview h1{font-size:24px}.form-grid,.two-column-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}}@media (max-width:520px){.nav-list{grid-template-columns:1fr}.auth-intro h1,.title{font-size:26px}.quick-actions{display:grid}}