/* ============================================================
   长沙兵推科技 CMS 后台管理 - 专业主题样式
   ============================================================ */

/* ---------- Reset & Base ---------- */
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;
  background:#f5f7fa;color:#1f2937;font-size:14px;
}
a{text-decoration:none;color:inherit}

/* ---------- Layout ---------- */
.admin-layout{height:100vh;display:flex;overflow:hidden}
.admin-sidebar{
  width:220px;height:100vh;color:#cbd5e1;
  display:flex;flex-direction:column;flex-shrink:0;
  transition:width .25s ease;z-index:100;
  background:
    linear-gradient(180deg,#0A1626 0%,#0E2A47 55%,#14365E 100%);
  position:relative;
}
.admin-sidebar::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(120,170,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,170,255,.04) 1px,transparent 1px);
  background-size:24px 24px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 80%);
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 80%);
}
.admin-sidebar.collapsed{width:64px}
.admin-sidebar-header{
  height:60px;display:flex;align-items:center;gap:12px;
  padding:0 18px;color:#fff;font-size:16px;font-weight:700;
  border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap;overflow:hidden;
  cursor:pointer;transition:background .15s;
}
.admin-sidebar-header:hover{background:rgba(255,255,255,.05)}
.admin-sidebar-header .sidebar-toggle-icon{
  width:20px;height:20px;flex-shrink:0;color:#94a3b8;
  transition:transform .25s,color .15s;
}
.admin-sidebar-header:hover .sidebar-toggle-icon{color:#38BDF8}
.admin-sidebar-header .sidebar-brand{transition:opacity .2s}
.admin-sidebar.collapsed .admin-sidebar-header{padding:0 22px;justify-content:center}
.admin-sidebar.collapsed .sidebar-brand{opacity:0}
.admin-menu{flex:1;padding:8px 0;overflow-y:auto;overflow-x:hidden}
.admin-menu-item{
  display:flex;align-items:center;gap:12px;
  padding:12px 18px;cursor:pointer;color:#94a3b8;
  font-size:14px;white-space:nowrap;transition:all .15s;
  border-left:3px solid transparent;
}
.admin-menu-item:hover{background:rgba(56,189,248,.08);color:#e2e8f0}
.admin-menu-item.active{
  background:rgba(30,111,217,.15);color:#38BDF8;
  border-left-color:#38BDF8;
  box-shadow:inset 0 0 20px rgba(56,189,248,.06);
}
.admin-menu-item .menu-icon{width:20px;flex-shrink:0;text-align:center;font-size:17px}
.admin-menu-item .menu-text{transition:opacity .2s}
.admin-sidebar.collapsed .menu-text{opacity:0}
.admin-menu-group{margin-top:4px}
.admin-menu-group-title{
  padding:8px 18px;font-size:11px;color:#475569;
  text-transform:uppercase;letter-spacing:1px;white-space:nowrap;
}
.admin-sidebar.collapsed .admin-menu-group-title{text-align:center;padding:8px 0;font-size:0}
.admin-sidebar-toggle{
  padding:10px 18px;border-top:1px solid rgba(255,255,255,.08);
  color:#64748b;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:8px;
}
.admin-sidebar-toggle:hover{color:#94a3b8}

/* ---------- Main Area ---------- */
.admin-main{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}
.admin-header{
  height:60px;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:space-between;
  padding:0 24px;box-shadow:0 1px 3px rgba(0,0,0,.06);z-index:50;
}
.admin-header-left{display:flex;align-items:center;gap:16px}
.admin-header-title{font-size:17px;font-weight:600;color:#1f2937}
.admin-breadcrumb{display:flex;align-items:center;gap:2px;font-size:14px;color:#64748b}
.admin-breadcrumb .breadcrumb-item{color:#64748b}
.admin-breadcrumb .breadcrumb-item.clickable{cursor:pointer}
.admin-breadcrumb .breadcrumb-item.clickable:hover{color:#38BDF8}
.admin-breadcrumb .breadcrumb-sep{margin:0 4px;color:#cbd5e1}
.admin-breadcrumb .breadcrumb-item:last-child{color:#1f2937;font-weight:600}
.admin-header-right{display:flex;align-items:center;gap:16px}
.admin-user{
  display:flex;align-items:center;gap:8px;color:#475569;font-size:13px;
  cursor:pointer;padding:4px 8px 4px 4px;border-radius:20px;
  transition:background .15s;position:relative;
}
.admin-user:hover{background:#f1f5f9;color:#1f2937}
.admin-user-avatar{
  width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,#1E6FD9,#38BDF8);
  display:grid;place-items:center;color:#fff;font-size:14px;font-weight:600;
}
.admin-user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-user-badge{
  position:absolute;top:2px;right:2px;min-width:16px;height:16px;
  background:#ef4444;color:#fff;border-radius:8px;font-size:11px;
  display:grid;place-items:center;padding:0 4px;font-weight:600;
}
.dropdown-badge{
  margin-left:auto;background:#ef4444;color:#fff;border-radius:8px;
  font-size:11px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px;
}

/* ---------- Chart Tooltip ---------- */
.chart-tooltip{
  position:absolute;background:rgba(255,255,255,.98);border:1px solid #e2e8f0;
  border-radius:8px;padding:8px 12px;box-shadow:0 4px 12px rgba(0,0,0,.1);
  pointer-events:none;z-index:10;min-width:120px;
}

/* ---------- Trend Chart ---------- */
.trend-chart-wrap{
  height:220px;position:relative;border-radius:10px;overflow:hidden;
  background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);border:1px solid #f1f5f9;
}
.trend-svg{width:100%;height:100%;display:block}
.trend-empty{
  height:100%;display:grid;place-items:center;color:#94a3b8;font-size:14px;
}

/* ---------- Chart.js ---------- */
.echart-box{width:100%;height:300px;position:relative}
.echart-box canvas{width:100%!important;height:100%!important}

/* ---------- Mini Trend Charts (dashboard right column) ---------- */
.mini-chart-row{margin-bottom:14px}
.mini-chart-row:last-child{margin-bottom:0}
.mini-chart-label{font-size:12px;color:#64748b;margin-bottom:2px;font-weight:500;line-height:1.4}
.mini-chart-box{width:100%;height:72px;position:relative}
.mini-chart-box canvas{width:100%!important;height:100%!important}

/* ---------- Content ---------- */
.admin-content{flex:1;padding:24px;overflow-y:auto}
.admin-card{
  background:#fff;border-radius:10px;padding:24px;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.admin-card-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:20px;
}
.admin-card-title{font-size:16px;font-weight:600;color:#1f2937}

/* ---------- Stat Cards ---------- */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}
.stat-grid-5{grid-template-columns:repeat(5,1fr)}
.stat-grid-6{grid-template-columns:repeat(6,1fr)}
.stat-card{
  background:#fff;border-radius:10px;padding:24px;
  display:flex;align-items:center;gap:16px;
  box-shadow:0 1px 3px rgba(0,0,0,.04);transition:transform .2s,box-shadow .2s;
}
.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.stat-icon{
  width:56px;height:56px;border-radius:14px;flex-shrink:0;
  display:grid;place-items:center;font-size:24px;color:#fff;
}
.stat-icon.blue{background:linear-gradient(135deg,#1E6FD9,#38BDF8)}
.stat-icon.green{background:linear-gradient(135deg,#059669,#34d399)}
.stat-icon.orange{background:linear-gradient(135deg,#ea580c,#fb923c)}
.stat-icon.purple{background:linear-gradient(135deg,#7c3aed,#a78bfa)}
.stat-icon.red{background:linear-gradient(135deg,#D64545,#FB923C)}
.stat-icon.teal{background:linear-gradient(135deg,#0d9488,#2dd4bf)}
.stat-info{flex:1}
.stat-number{font-size:28px;font-weight:700;color:#1f2937;line-height:1.2}
.stat-label{font-size:13px;color:#64748b;margin-top:4px}

/* ---------- Disk Space Alert ---------- */
.disk-alert-card{
  background:#fff;border-radius:10px;padding:20px 24px;margin-bottom:24px;
  box-shadow:0 1px 3px rgba(0,0,0,.04);border-left:4px solid #22c55e;
}
.disk-alert-card.disk-normal{border-left-color:#22c55e}
.disk-alert-card.disk-warning{border-left-color:#f59e0b;background:#fffbeb}
.disk-alert-card.disk-critical{border-left-color:#ef4444;background:#fef2f2}
.disk-alert-card.disk-unknown{border-left-color:#94a3b8}
.disk-alert-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.disk-alert-icon{
  width:40px;height:40px;border-radius:10px;display:grid;place-items:center;
  background:#f1f5f9;color:#64748b;flex-shrink:0;
}
.disk-normal .disk-alert-icon{background:#dcfce7;color:#22c55e}
.disk-warning .disk-alert-icon{background:#fef3c7;color:#f59e0b}
.disk-critical .disk-alert-icon{background:#fee2e2;color:#ef4444}
.disk-alert-text{flex:1}
.disk-alert-title{font-size:15px;font-weight:600;color:#1f2937}
.disk-alert-msg{font-size:13px;color:#64748b;margin-top:2px}
.disk-critical .disk-alert-msg{color:#ef4444;font-weight:500}
.disk-warning .disk-alert-msg{color:#b45309}
.disk-alert-usage{font-size:14px;font-weight:600;color:#475569;white-space:nowrap}
.disk-alert-percent{font-size:12px;color:#94a3b8;font-weight:400}
.disk-bar-track{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;margin-bottom:8px}
.disk-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}
.disk-normal .disk-bar-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}
.disk-warning .disk-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}
.disk-critical .disk-bar-fill{background:linear-gradient(90deg,#ef4444,#f87171)}
.disk-alert-footer{font-size:11px;color:#94a3b8}

/* ---------- Toolbar / Search ---------- */
.admin-toolbar{
  display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap;
}
.admin-toolbar .spacer{flex:1}

/* ---------- Table ---------- */
.admin-table{width:100%}
.el-table{border-radius:8px}
.el-table th.el-table__cell{background:#f8fafc;color:#475569;font-weight:600}

/* ---------- Tags ---------- */
.status-tag{font-size:12px}

/* ---------- Login ---------- */
.login-page{
  min-height:100vh;display:grid;place-items:center;
  background:linear-gradient(135deg,#0A1626 0%,#0E2A47 50%,#14365E 100%);
  position:relative;overflow:hidden;
}
.login-page::before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle at 20% 30%,rgba(30,111,217,.15) 0%,transparent 50%),
                   radial-gradient(circle at 80% 70%,rgba(56,189,248,.1) 0%,transparent 50%);
}
.login-box{
  width:400px;background:rgba(255,255,255,.98);border-radius:16px;
  padding:48px 36px 40px;box-shadow:0 24px 80px rgba(0,0,0,.3);
  position:relative;z-index:1;
}
.login-title{text-align:center;margin-bottom:8px}
.login-title h1{font-size:22px;color:#0E2A47;font-weight:700}
.login-title p{font-size:13px;color:#64748b;margin-top:6px}
.login-form{margin-top:28px}
.login-form .el-form-item{margin-bottom:22px}
.login-options{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;
}
.login-btn{
  width:100%;height:46px;font-size:16px;font-weight:600;border-radius:8px;
}
.login-error{color:#ef4444;font-size:13px;text-align:center;margin-top:12px;min-height:20px}
.shake{animation:shake .4s ease}
@keyframes shake{
  0%,100%{transform:translateX(0)}
  25%{transform:translateX(-8px)}
  75%{transform:translateX(8px)}
}

/* ---------- Article Editor (full page) ---------- */
.article-edit-page{display:flex;flex-direction:column;height:calc(100vh - 60px);background:#f5f7fa}
.article-edit-header{
  background:#fff;padding:12px 24px;display:flex;align-items:center;gap:16px;
  box-shadow:0 1px 3px rgba(0,0,0,.06);z-index:10;
}
.article-edit-back{
  display:flex;align-items:center;gap:6px;cursor:pointer;color:#64748b;
  font-size:14px;white-space:nowrap;transition:color .15s;
}
.article-edit-back:hover{color:#1E6FD9}
.article-title-input{
  flex:1;border:none;outline:none;font-size:18px;font-weight:600;
  color:#1f2937;background:transparent;
}
.article-title-input::placeholder{color:#cbd5e1}
.article-edit-actions{display:flex;gap:10px;flex-shrink:0}
.article-edit-body{flex:1;display:flex;overflow:hidden}
.article-editor-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.article-settings-panel{
  width:300px;background:#fff;border-left:1px solid #e5e7eb;
  overflow-y:auto;padding:20px;flex-shrink:0;
}
.article-settings-panel h3{font-size:14px;color:#1f2937;margin-bottom:16px;font-weight:600}
.article-settings-panel .el-form-item{margin-bottom:18px}
.article-settings-panel .el-form-item__label{font-size:13px;color:#64748b}
.cover-preview{
  width:100%;height:120px;border-radius:8px;overflow:hidden;
  background:#f1f5f9;display:grid;place-items:center;color:#94a3b8;
  font-size:13px;margin-bottom:8px;
}
.cover-preview img{width:100%;height:100%;object-fit:cover}
.article-edit-footer{
  background:#fff;padding:8px 24px;border-top:1px solid #e5e7eb;
  display:flex;align-items:center;justify-content:space-between;
  font-size:12px;color:#94a3b8;
}

/* ---------- Cherry Markdown overrides ---------- */
.cherry-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column}
.cherry-wrapper .cherry{height:100% !important}
.cherry-wrapper .cherry-editor{height:100% !important}
.cherry-wrapper .cherry-preview{height:100% !important}

/* ---------- File Manager ---------- */
.file-upload-zone{
  border:2px dashed #d1d5db;border-radius:10px;padding:32px;
  text-align:center;cursor:pointer;transition:border-color .2s,background .2s;
  margin-bottom:20px;
}
.file-upload-zone:hover,.file-upload-zone.dragover{
  border-color:#1E6FD9;background:#eff6ff;
}
.file-upload-zone .upload-icon{font-size:40px;color:#94a3b8;margin-bottom:8px}
.file-upload-zone .upload-text{font-size:14px;color:#64748b}
.file-upload-zone .upload-hint{font-size:12px;color:#94a3b8;margin-top:4px}
.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
.file-card{
  background:#fff;border-radius:10px;overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,.04);transition:transform .2s,box-shadow .2s;
  cursor:pointer;
}
.file-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1)}
.file-thumb{
  height:120px;background:#f1f5f9;display:grid;place-items:center;overflow:hidden;
}
.file-thumb img{width:100%;height:100%;object-fit:cover}
.file-thumb .file-type-icon{font-size:36px;color:#94a3b8}
.file-info{padding:10px 12px}
.file-name{font-size:12px;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}
.file-meta{font-size:11px;color:#94a3b8}
.file-actions{padding:0 12px 10px;display:flex;gap:6px}

/* ---------- Page Blocks ---------- */
.page-block-group{margin-bottom:24px}
.page-block-group-header{
  display:flex;align-items:center;gap:8px;margin-bottom:12px;
  font-size:15px;font-weight:600;color:#1f2937;
}
.page-block-group-header .page-icon{color:#1E6FD9}

/* ---------- Homepage core-business quick editor ---------- */
.page-card-manager{max-width:1540px;margin:0 auto}
.core-business-manager{margin:4px 0 22px;padding:22px;border:1px solid #dce7fb;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#eef4ff)}
.core-business-manager__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.core-business-manager__head h2{margin:6px 0 5px;font-size:20px;color:#101828}
.core-business-manager__head p{font-size:12px;color:#667085}
.core-business-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.core-business-admin-card{min-height:124px;display:grid;grid-template-columns:46px minmax(0,1fr) auto 20px;align-items:center;gap:13px;padding:16px;text-align:left;border:1px solid #dbe3ef;border-radius:11px;background:#fff;color:#344054;box-shadow:0 1px 2px rgba(16,24,40,.04);cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}
.core-business-admin-card:hover{border-color:#84adff;box-shadow:0 8px 22px rgba(16,24,40,.08);transform:translateY(-1px)}
.core-business-admin-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:10px;background:#eff6ff;color:#2457c5;font-size:22px;font-weight:700}
.core-business-admin-copy{display:flex;min-width:0;flex-direction:column}
.core-business-admin-copy strong{font-size:14px;color:#101828}
.core-business-admin-copy small{display:-webkit-box;min-height:34px;margin:6px 0 7px;overflow:hidden;color:#667085;font-size:11px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.core-business-admin-copy em{font-size:10px;font-style:normal;color:#2563eb}
.core-business-admin-card>.el-icon{color:#98a2b3}
.core-business-admin-card.add{display:flex;justify-content:center;min-height:92px;border-style:dashed;color:#2563eb;background:rgba(255,255,255,.62)}
.core-business-edit-tip{display:flex;align-items:center;gap:12px;margin:-4px 0 20px;padding:13px;border-radius:10px;background:#f6f9ff;border:1px solid #dce7fb}
.core-business-edit-tip>div{display:flex;flex-direction:column}
.core-business-edit-tip strong{font-size:12px;color:#2457c5}
.core-business-edit-tip small{margin-top:4px;font-size:10px;color:#667085}

/* ---------- Responsive ---------- */
@media(max-width:1024px){
  .stat-grid,.stat-grid-5,.stat-grid-6{grid-template-columns:repeat(2,1fr)}
  .article-settings-panel{width:260px}
}
@media(max-width:768px){
  .admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:220px}
  .admin-sidebar.collapsed{transform:translateX(-220px);width:220px}
  .article-settings-panel{display:none}
  .stat-grid,.stat-grid-5,.stat-grid-6{grid-template-columns:1fr}
}

/* ---------- Scrollbar ---------- */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#94a3b8}

/* ---------- 页面内容块字段提示 ---------- */
.block-key-hints{margin-top:8px;padding:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}
.block-key-hints-title{font-size:12px;color:#64748b;margin-bottom:8px}
.block-key-hints-list{display:flex;flex-wrap:wrap;gap:6px}
.block-key-chip{display:inline-flex;flex-direction:column;align-items:flex-start;padding:4px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;transition:border-color .2s}
.block-key-chip:hover{border-color:#1E6FD9}
.block-key-chip code{font-size:12px;color:#1E6FD9}
.block-key-chip small{font-size:11px;color:#94a3b8;margin-top:2px}

/* ---------- 版本历史 / 数据备份视图 ---------- */
.revisions-view,.data-backup-view{padding:0}
.revisions-toolbar{display:flex;gap:12px;margin-bottom:20px;align-items:center}
.revision-stats{display:flex;gap:16px;margin-bottom:20px}
.revision-stats .stat-card,.stats-grid .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px 20px;display:flex;flex-direction:column;gap:4px}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.stats-grid .stat-card{flex-direction:row;align-items:center;gap:12px}
.stat-icon{width:40px;height:40px;border-radius:8px;background:#eff6ff;display:flex;align-items:center;justify-content:center;color:#1E6FD9;font-size:20px}
.stat-label{font-size:12px;color:#64748b}
.stat-value{font-size:20px;font-weight:600;color:#1f2937}
.json-preview{max-height:400px;overflow:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px;font-size:12px;font-family:monospace;white-space:pre-wrap;word-break:break-all}
.backup-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:20px}
.backup-section .section-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 8px}
.backup-section .section-desc{font-size:13px;color:#64748b;margin:0 0 16px}
.module-buttons{display:flex;gap:12px;flex-wrap:wrap}

/* ============================================================
   Content Platform v2 — professional operations workspace
   ============================================================ */
:root{
  --admin-primary:#2563eb;--admin-primary-dark:#1d4ed8;--admin-primary-soft:#eff6ff;
  --admin-ink:#172033;--admin-muted:#667085;--admin-line:#e7eaf0;--admin-canvas:#f5f7fb;
  --admin-card:#fff;--admin-success:#12805c;--admin-warning:#b54708;
  --admin-shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.08);
  --admin-shadow-lg:0 16px 40px rgba(16,24,40,.10);--admin-radius:12px;
}
body{background:var(--admin-canvas);color:var(--admin-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
button,input,textarea,select{font:inherit}
.admin-sidebar{width:252px;background:#101828;color:#d0d5dd;border-right:1px solid rgba(255,255,255,.06)}
.admin-sidebar::before{display:none}.admin-sidebar.collapsed{width:76px}
.admin-sidebar-header{height:76px;padding:0 18px;gap:11px;border-bottom:1px solid rgba(255,255,255,.07);cursor:default;overflow:visible}
.admin-sidebar-header:hover{background:transparent}.brand-mark{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:10px;background:linear-gradient(145deg,#3b82f6,#1d4ed8);box-shadow:0 8px 20px rgba(37,99,235,.28);font-size:13px;font-weight:800;letter-spacing:.04em;color:#fff}
.brand-copy{display:flex;flex-direction:column;min-width:0;line-height:1.1}.brand-copy strong{font-size:15px;color:#fff;white-space:nowrap}.brand-copy span{margin-top:6px;font-size:8px;letter-spacing:.16em;color:#667085}
.sidebar-collapse-btn,.mobile-menu-btn{border:0;background:transparent;display:grid;place-items:center;cursor:pointer}.sidebar-collapse-btn{width:28px;height:28px;margin-left:auto;color:#667085;border-radius:6px}.sidebar-collapse-btn:hover{background:#1d2939;color:#fff}.sidebar-collapse-btn svg,.mobile-menu-btn svg{width:18px;height:18px;transition:transform .2s}
.admin-sidebar.collapsed .admin-sidebar-header{padding:0 19px}.admin-sidebar.collapsed .sidebar-collapse-btn{position:absolute;right:-12px;top:24px;background:#fff;color:#475467;box-shadow:var(--admin-shadow);border:1px solid var(--admin-line)}
.admin-menu{padding:14px 12px}.admin-menu-group-title{padding:17px 12px 8px;font-size:10px;font-weight:700;line-height:1;letter-spacing:.11em;color:#667085}.admin-menu-item{height:42px;padding:0 12px;margin:3px 0;gap:12px;border:0;border-radius:8px;color:#98a2b3;font-weight:500}.admin-menu-item:hover{background:#1d2939;color:#f2f4f7}.admin-menu-item.active{background:#273c61;color:#fff;border:0;box-shadow:none}.admin-menu-item.active::after{content:"";margin-left:auto;width:5px;height:5px;border-radius:50%;background:#60a5fa}.admin-menu-item .menu-icon{width:18px;height:18px;font-size:18px}.admin-sidebar.collapsed .admin-menu{padding-inline:10px}.admin-sidebar.collapsed .admin-menu-item{justify-content:center;padding:0}.admin-sidebar.collapsed .admin-menu-item.active::after{display:none}.admin-sidebar.collapsed .admin-menu-group-title{height:12px;padding:0;border-bottom:1px solid #344054;margin:10px 10px 6px}
.sidebar-footer{margin:12px;padding:13px;display:flex;align-items:flex-start;gap:9px;border-radius:9px;background:#1d2939;border:1px solid #344054}.system-dot{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#32d583;box-shadow:0 0 0 4px rgba(50,213,131,.1)}.sidebar-footer div{display:flex;flex-direction:column}.sidebar-footer strong{font-size:11px;color:#e4e7ec}.sidebar-footer small{font-size:10px;margin-top:4px;color:#667085}
.admin-header{height:76px;padding:0 28px;background:rgba(255,255,255,.96);box-shadow:none;border-bottom:1px solid var(--admin-line)}.admin-header-left{gap:18px;min-width:0}.page-context{display:flex;flex-direction:column;min-width:220px}.page-context-title{font-size:17px;font-weight:700;color:#101828;line-height:1.25}.page-context-description{font-size:11px;color:#98a2b3;margin-top:3px}.admin-breadcrumb{padding-left:18px;border-left:1px solid var(--admin-line);font-size:12px}.admin-breadcrumb .breadcrumb-item:last-child{font-weight:500;color:#475467}.admin-header-right{gap:10px}.admin-user{margin-left:4px;padding:3px 7px 3px 3px;border:1px solid transparent}.admin-user:hover{background:#f9fafb;border-color:#e4e7ec}.admin-user-avatar{width:34px;height:34px;background:#e8efff;color:#2457c5}.mobile-menu-btn{display:none;width:36px;height:36px;border-radius:8px;color:#475467}.mobile-menu-btn:hover{background:#f2f4f7}.sidebar-scrim{display:none}
.site-grayscale-control{height:36px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #e4e7ec;border-radius:8px;background:#f9fafb;color:#667085;font-size:11px;font-weight:600;white-space:nowrap}.site-grayscale-control.active{border-color:#98a2b3;background:#f2f4f7;color:#344054}.site-grayscale-control.active::before{content:"";width:7px;height:7px;border-radius:50%;background:#667085;box-shadow:0 0 0 3px rgba(102,112,133,.12)}
.admin-content{padding:28px 32px 40px}.admin-card{border:1px solid var(--admin-line);border-radius:var(--admin-radius);padding:22px;box-shadow:var(--admin-shadow)}.admin-card-header{margin-bottom:18px}.admin-card-title{font-size:15px;color:#101828}.el-button{border-radius:7px}.el-button--primary{--el-button-bg-color:var(--admin-primary);--el-button-border-color:var(--admin-primary);--el-button-hover-bg-color:var(--admin-primary-dark);--el-button-hover-border-color:var(--admin-primary-dark)}.el-input__wrapper,.el-select__wrapper{border-radius:7px;box-shadow:0 0 0 1px #d0d5dd inset}.el-table{--el-table-border-color:#eef0f4;--el-table-header-bg-color:#f8f9fb;--el-table-row-hover-bg-color:#f8fbff}.el-table th.el-table__cell{background:#f8f9fb;color:#667085;font-size:11px;text-transform:none;letter-spacing:.02em;height:44px}.el-table td.el-table__cell{padding:13px 0}
.eyebrow{font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.15em;color:#2563eb}

/* Workspace dashboard */
.workspace-dashboard{max-width:1540px;margin:0 auto}.workspace-hero{min-height:118px;margin-bottom:22px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:14px;background:linear-gradient(115deg,#f8fbff 0%,#eef4ff 62%,#e1ebff 100%);border:1px solid #dce7fb;position:relative;overflow:hidden}.workspace-hero::after{content:"";position:absolute;width:260px;height:260px;right:-65px;top:-125px;border:48px solid rgba(37,99,235,.06);border-radius:50%}.workspace-hero>div{position:relative;z-index:1}.workspace-hero h1{margin:7px 0 6px;font-size:24px;line-height:1.2;letter-spacing:-.02em;color:#101828}.workspace-hero p{color:#667085;font-size:13px}.workspace-hero-actions{display:flex;gap:10px;flex:0 0 auto}.workspace-hero-actions .el-button{padding:0 18px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric-card{padding:18px 19px;background:#fff;border:1px solid var(--admin-line);border-radius:11px;box-shadow:var(--admin-shadow);transition:box-shadow .18s,transform .18s}.metric-card.actionable{cursor:pointer}.metric-card.actionable:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,24,40,.09)}.metric-card.metric-primary{background:#2457c5;border-color:#2457c5;color:#fff}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#667085;font-size:12px;font-weight:600}.metric-top .el-icon{width:30px;height:30px;border-radius:8px;background:#f2f4f7;color:#475467}.metric-primary .metric-top{color:#dbeafe}.metric-primary .metric-top .el-icon{background:rgba(255,255,255,.12);color:#fff}.metric-card>strong{display:block;margin-top:10px;font-size:27px;line-height:1;font-variant-numeric:tabular-nums}.metric-card>small{display:block;margin-top:8px;color:#98a2b3;font-size:11px}.metric-primary>small{color:#bfdbfe}
.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.7fr);gap:20px;margin-bottom:20px}.dashboard-bottom-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr);gap:20px}.dashboard-card-heading>div>p{font-size:11px;color:#98a2b3;margin-top:4px}.dashboard-range-control{display:flex;align-items:center;gap:8px}.dashboard-chart{height:278px}.workflow-card{display:flex;flex-direction:column}.workflow-total{display:flex;align-items:baseline;gap:7px;padding:6px 0 17px}.workflow-total strong{font-size:31px;color:#101828}.workflow-total span{font-size:12px;color:#98a2b3}.workflow-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:12px}.workflow-label{display:flex;align-items:center;gap:8px;color:#475467}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.published{background:#12b76a}.status-dot.draft{background:#f79009}.workflow-row strong{font-size:13px}.workflow-progress{height:6px;background:#f2f4f7;border-radius:3px;overflow:hidden;margin-bottom:5px}.workflow-progress i{display:block;height:100%;background:#12b76a;border-radius:3px}.workflow-actions{margin-top:auto;border-top:1px solid #eef0f4;padding-top:10px}.workflow-actions button,.platform-links button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:9px 2px;color:#344054;cursor:pointer;text-align:left}.workflow-actions button:hover,.platform-links button:hover{color:#2563eb}.workflow-actions button>.el-icon:first-child,.platform-links button>.el-icon:first-child{width:30px;height:30px;border-radius:7px;background:#f2f4f7;color:#475467}.workflow-actions button span{display:flex;flex:1;flex-direction:column;font-size:12px;font-weight:600}.workflow-actions button small{font-size:10px;font-weight:400;color:#98a2b3;margin-top:3px}.workflow-actions button>.el-icon:last-child,.platform-links button>.el-icon:last-child{margin-left:auto;color:#98a2b3}
.recent-content-list{min-height:210px}.recent-content-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid #f0f2f5;cursor:pointer}.recent-content-item:first-child{border-top:0}.recent-content-item:hover .recent-content-copy strong{color:#2563eb}.content-type-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:#eff6ff;color:#2563eb}.content-type-icon.tech{background:#ecfdf3;color:#12805c}.recent-content-copy{display:flex;flex-direction:column;min-width:0}.recent-content-copy strong{font-size:12px;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-content-copy span{font-size:10px;color:#98a2b3;margin-top:5px}.row-arrow{color:#c5cbd3}.content-status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:600;white-space:nowrap}.content-status-pill.published{color:#067647;background:#ecfdf3}.content-status-pill.draft{color:#b54708;background:#fffaeb}.content-status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}
.health-status{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #d1fadf;background:#f6fef9;border-radius:9px}.health-indicator{width:9px;height:9px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 5px rgba(18,183,106,.10)}.health-status div{display:flex;flex-direction:column}.health-status strong{font-size:12px;color:#05603a}.health-status small{font-size:10px;color:#47926e;margin-top:3px}.compact-disk{margin:18px 0}.compact-disk>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#667085}.compact-disk>div:first-child strong{color:#344054}.compact-disk .disk-bar-track{height:6px;margin:8px 0 5px}.compact-disk small{color:#98a2b3;font-size:10px}.platform-links{border-top:1px solid #eef0f4;padding-top:9px}.platform-links button{font-size:11px}.platform-links button>.el-icon:first-child{width:28px;height:28px}

/* Content library */
.content-library-page{max-width:1540px;margin:0 auto}.content-page-hero{display:flex;align-items:flex-end;justify-content:space-between;margin:3px 0 22px}.content-page-hero h1{font-size:23px;line-height:1.2;margin:7px 0 6px;color:#101828}.content-page-hero p{font-size:12px;color:#667085}.library-status-tabs{display:flex;gap:20px;border-bottom:1px solid #dfe3e9;margin-bottom:16px}.library-status-tabs button{border:0;background:transparent;padding:0 2px 11px;color:#667085;font-size:12px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent}.library-status-tabs button span{display:inline-grid;place-items:center;min-width:20px;height:18px;margin-left:5px;padding:0 5px;border-radius:9px;background:#eaeef3;font-size:9px}.library-status-tabs button.active{color:#1d4ed8;border-color:#2563eb}.library-status-tabs button.active span{background:#dbeafe;color:#1d4ed8}.content-library-card{padding:0;overflow:hidden}.library-toolbar{display:flex;align-items:center;gap:10px;padding:15px 17px;border-bottom:1px solid #eef0f4}.library-search{width:320px}.library-toolbar-meta{margin-left:auto;font-size:11px;color:#98a2b3}.content-table{border-radius:0}.content-title-cell{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:0}.content-cover-thumb{width:52px;height:38px;flex:0 0 52px;border-radius:6px;overflow:hidden;background:#f2f4f7}.content-cover-thumb img{width:100%;height:100%;object-fit:cover}.content-cover-thumb.empty{display:grid;place-items:center;color:#98a2b3}.content-title-cell>div:last-child{display:flex;flex-direction:column;min-width:0}.content-title-cell strong{font-size:12px;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-title-cell span{font-size:10px;color:#98a2b3;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-chip{display:inline-block;max-width:110px;overflow:hidden;text-overflow:ellipsis;padding:4px 7px;border-radius:5px;background:#f2f4f7;color:#475467;font-size:10px}.view-count{display:inline-flex;align-items:center;gap:5px;color:#667085;font-size:11px}.date-cell{display:flex;flex-direction:column}.date-cell strong{font-size:11px;font-weight:500;color:#475467}.date-cell span{font-size:9px;color:#98a2b3;margin-top:4px}.library-pagination{padding:14px 17px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0f4}.library-pagination>span{font-size:10px;color:#98a2b3}.danger-menu-item{color:#d92d20!important}

/* Professional content editor */
.article-edit-page{height:100vh;background:#f6f7fa}.article-edit-header{min-height:78px;padding:10px 20px;border-bottom:1px solid var(--admin-line);box-shadow:none;gap:16px}.article-edit-back{height:38px;padding:0 9px;border-right:1px solid #e4e7ec;color:#667085}.editor-document-title{flex:1;min-width:160px}.editor-document-title>div:first-child{display:flex;align-items:center;gap:7px;height:20px;font-size:9px;color:#98a2b3}.editor-document-title i{font-style:normal;color:#d0d5dd}.editor-document-title .content-status-pill{padding:2px 6px;font-size:9px}.article-title-input{display:block;width:100%;font-size:18px;line-height:27px;color:#101828}.editor-save-state{display:flex;align-items:center;gap:6px;color:#98a2b3;font-size:10px;white-space:nowrap}.editor-save-state span{width:6px;height:6px;border-radius:50%;background:#12b76a}.editor-save-state.unsaved{color:#b54708}.editor-save-state.unsaved span{background:#f79009}.article-edit-body{border-top:0}.article-editor-wrapper{margin:16px 0 16px 16px;border:1px solid var(--admin-line);border-radius:10px;overflow:hidden;background:#fff;box-shadow:var(--admin-shadow)}.article-settings-panel{width:330px;margin:16px;padding:19px;border:1px solid var(--admin-line);border-radius:10px;box-shadow:var(--admin-shadow)}.settings-panel-heading h3{font-size:14px;margin:0}.settings-panel-heading p{font-size:10px;color:#98a2b3;margin-top:5px}.settings-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;background:#f2f4f7;border-radius:8px;margin:16px 0}.settings-tabs button{border:0;background:transparent;padding:7px;border-radius:6px;color:#667085;font-size:11px;cursor:pointer}.settings-tabs button.active{background:#fff;color:#1d4ed8;font-weight:600;box-shadow:0 1px 2px rgba(16,24,40,.08)}.article-settings-panel .el-form-item{margin-bottom:16px}.article-settings-panel .el-form-item__label{font-size:11px;color:#475467;font-weight:600;margin-bottom:5px}.cover-preview{height:134px;border:1px dashed #d0d5dd;background:#f9fafb}.settings-inline-callout,.publish-tip{display:flex;align-items:flex-start;gap:8px;padding:10px;border-radius:8px;background:#eff6ff;color:#2457c5;font-size:10px;line-height:1.5}.seo-generate-btn{width:100%;margin:10px 0 16px}.field-help{font-size:9px;color:#98a2b3;line-height:1.5;margin-top:6px}.publish-summary-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #eef0f4;font-size:11px;color:#667085}.publish-summary-row strong{color:#344054}.publish-tip{margin-top:18px;background:#fffaeb;color:#93370d}.article-edit-footer{padding:7px 20px;background:#fff;font-size:10px}.cherry-wrapper .cherry{border:0!important}
.article-editor-wrapper{display:grid;grid-template-columns:minmax(360px,1fr) 820px;grid-template-rows:1fr;flex-direction:initial}
.article-editor-source,.article-live-preview{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff}
.article-live-preview{border-left:1px solid #dfe4eb;background:#f7f9fc}
.article-editor-pane-label{height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #edf0f4;background:#fff;color:#344054}
.article-editor-pane-label strong{font-size:11px}.article-editor-pane-label span{font-size:9px;color:#98a2b3}
.article-editor-source .cherry-wrapper{min-height:0}.article-editor-source .cherry-toolbar{border-top:0}
.article-live-preview-scroll{min-height:0;flex:1;padding:0 24px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.article-preview-document{box-sizing:border-box;width:100%;max-width:772px;min-height:100%;margin:0 auto;padding:26px 0 64px;background:#fff}
.article-live-preview .article-content{min-height:0;padding:0;background:#fff}
.article-preview-empty{padding:52px 20px;text-align:center!important;color:#98a2b3!important;font-size:13px!important}

@media(max-width:1700px){.article-editor-wrapper{grid-template-columns:1fr;grid-template-rows:minmax(260px,1fr) minmax(280px,1fr)}.article-live-preview{border-left:0;border-top:1px solid #dfe4eb}}

@media(max-width:1200px){.page-context-description,.admin-breadcrumb,.header-site-button,.site-grayscale-control>span{display:none}.site-grayscale-control{padding:0 9px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.article-settings-panel{width:290px}}
@media(max-width:768px){.admin-header{height:66px;padding:0 14px}.mobile-menu-btn{display:grid}.page-context{min-width:0}.page-context-title{font-size:15px}.admin-header-right>.el-dropdown,.admin-user-name,.admin-user>.el-icon{display:none}.admin-content{padding:18px 14px}.admin-sidebar{transform:translateX(-100%);width:252px;box-shadow:var(--admin-shadow-lg)}.admin-sidebar.collapsed{transform:translateX(-100%);width:252px}.admin-sidebar.mobile-open,.admin-sidebar.mobile-open.collapsed{transform:translateX(0)}.admin-sidebar.mobile-open .brand-copy,.admin-sidebar.mobile-open .menu-text,.admin-sidebar.mobile-open .sidebar-footer{display:flex!important;opacity:1}.admin-sidebar.mobile-open .admin-menu-item{justify-content:flex-start;padding:0 12px}.admin-sidebar.mobile-open .admin-menu-group-title{height:auto;padding:17px 12px 8px;border:0;margin:0;font-size:10px}.sidebar-scrim{display:block;position:fixed;inset:0;background:rgba(16,24,40,.5);z-index:90}.workspace-hero{align-items:flex-start;flex-direction:column;padding:22px}.workspace-hero-actions{width:100%}.workspace-hero-actions .el-button{flex:1}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:15px}.dashboard-range-control .el-date-editor{position:absolute;left:14px;right:14px;margin-top:92px;width:auto!important}.content-page-hero{align-items:flex-start}.content-page-hero .el-button{height:38px;padding:0 12px}.library-search{width:100%}.library-toolbar-meta{display:none}.library-pagination>span{display:none}.library-pagination{justify-content:flex-end}.article-edit-header{min-height:70px;padding:8px}.article-edit-back span,.editor-save-state,.article-edit-actions .el-button:first-child{display:none}.editor-document-title .article-title-input{font-size:15px}.article-edit-actions{gap:5px}.article-edit-actions .el-button{padding:0 9px}.article-editor-wrapper{margin:8px}.article-settings-panel{display:none}.article-edit-footer{display:none}.core-business-manager{padding:16px}.core-business-manager__head{flex-direction:column}.core-business-admin-grid{grid-template-columns:1fr}.core-business-admin-card{grid-template-columns:42px minmax(0,1fr) 18px}.core-business-admin-card .content-status-pill{display:none}}
@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.workspace-hero-actions{flex-direction:column}.workspace-hero-actions .el-button{width:100%;height:40px!important;min-height:40px!important;margin-left:0!important}.recent-content-item{grid-template-columns:36px minmax(0,1fr) 16px}.recent-content-item .content-status-pill{display:none}.page-context-description{display:none}.library-status-tabs{gap:12px}}

/* Login v2 */
.login-page{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(440px,1.1fr);place-items:stretch;background:#f8fafc}.login-page::before{display:none}.login-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:46px 52px;color:#fff;background:linear-gradient(150deg,#101828 0%,#172f58 58%,#2457c5 100%);overflow:hidden}.login-story::before,.login-story::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.login-story::before{width:520px;height:520px;right:-260px;bottom:-120px}.login-story::after{width:330px;height:330px;right:-165px;bottom:-25px}.login-story-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.login-story-brand>span,.login-mobile-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#2e65d5;color:#fff;font-size:13px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.18)}.login-story-brand>div{display:flex;flex-direction:column}.login-story-brand strong{font-size:15px}.login-story-brand small{margin-top:4px;font-size:8px;letter-spacing:.15em;color:#98a2b3}.login-story-copy{position:relative;z-index:1;max-width:480px}.login-story-copy .eyebrow{color:#84adff}.login-story-copy h1{margin:13px 0 18px;font-size:37px;line-height:1.28;letter-spacing:-.03em}.login-story-copy p{max-width:410px;color:#b8c3d6;font-size:14px;line-height:1.8}.login-story-footer{display:flex;align-items:center;gap:9px;color:#aebbd0;font-size:11px;position:relative;z-index:1}.login-story-footer span{width:7px;height:7px;border-radius:50%;background:#32d583;box-shadow:0 0 0 5px rgba(50,213,131,.09)}.login-box{align-self:center;justify-self:center;width:420px;padding:44px 42px;background:#fff;border:1px solid var(--admin-line);border-radius:14px;box-shadow:0 18px 50px rgba(16,24,40,.08)}.login-title{text-align:left}.login-title .eyebrow{margin-top:0}.login-title h1{margin-top:9px;font-size:24px;color:#101828}.login-title p{margin-top:8px;color:#667085}.login-mobile-mark{display:none;margin-bottom:24px}.login-form{margin-top:28px}.login-form .el-form-item{margin-bottom:18px}.login-form .el-form-item__label{font-size:11px;font-weight:600;color:#344054;line-height:22px}.login-form .el-input__wrapper{min-height:44px}.login-options{margin:2px 0 20px}.login-btn{height:44px;border-radius:8px;font-size:13px}.login-error{text-align:left;font-size:11px}.login-security-note{padding-top:18px;margin-top:8px;border-top:1px solid #eef0f4;text-align:center;font-size:9px;color:#98a2b3}
@media(max-width:860px){.login-page{display:grid;grid-template-columns:1fr;padding:20px}.login-story{display:none}.login-box{width:min(100%,420px)}.login-mobile-mark{display:grid}}
@media(max-width:480px){.login-page{padding:0;background:#fff}.login-box{width:100%;border:0;border-radius:0;box-shadow:none;padding:42px 26px}}
.home-builder{max-width:1440px;margin:0 auto;padding-bottom:88px}
.home-builder-hero{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 32px;margin-bottom:18px;background:linear-gradient(135deg,#fff 0%,#f5f9ff 100%);border:1px solid #dce8f8}
.home-builder-hero h2{margin:5px 0 8px;font-size:25px;color:#152238}.home-builder-hero p{margin:0;color:#64748b}.builder-kicker{font-size:11px;letter-spacing:2px;color:#1e6fd9;font-weight:700}.builder-actions{display:flex;gap:10px;flex:none}
.builder-flow{display:flex;align-items:center;justify-content:center;margin:18px 0;padding:12px 18px;background:#fff;border:1px solid #edf0f5;border-radius:10px;color:#94a3b8;font-size:13px}.builder-flow span.active{color:#1e6fd9;font-weight:700}.builder-flow i{width:58px;height:1px;background:#dce4ee;margin:0 12px}
.builder-sections{border:0}.builder-sections .el-collapse-item{margin-bottom:14px;border:1px solid #e5eaf1;border-radius:12px;overflow:hidden;background:#fff}.builder-sections .el-collapse-item__header{height:auto;min-height:82px;padding:0 24px;border:0}.builder-sections .el-collapse-item__wrap{border:0}.builder-sections .el-collapse-item__content{padding:0 24px 26px}
.builder-section-title{display:flex;align-items:center;gap:16px;text-align:left}.builder-section-title>b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf2ff;color:#1e6fd9;font-size:13px}.builder-section-title span{display:flex;flex-direction:column;gap:3px}.builder-section-title strong{font-size:17px;color:#1e293b}.builder-section-title small{font-weight:400;color:#7b8799}
.builder-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.builder-form-grid .span-2{grid-column:1/-1}.builder-form-grid.compact-headings{margin-bottom:14px}.builder-button-box{padding:16px;border:1px solid #e5eaf1;border-radius:9px;background:#f8fafc}.builder-button-box strong{display:block;margin-bottom:10px;color:#334155}.builder-button-box .el-input+.el-input{margin-top:8px}
.builder-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.builder-edit-card{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid #e4e9f0;border-radius:10px;background:#fbfcfe}.builder-edit-card.muted{opacity:.62;background:#f2f4f7}.builder-card-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.builder-card-row>.el-switch,.builder-card-row>.el-tag{justify-self:end}.builder-card-index{font-size:12px;font-weight:700;color:#1e6fd9;letter-spacing:.5px}.kpi-editor-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-editor-grid .el-input:first-of-type input{font-size:22px;font-weight:800;color:#10233e}.builder-products-toolbar{display:flex;align-items:center;justify-content:space-between;margin:10px 0 14px;color:#64748b}
.builder-sticky-publish{position:fixed;z-index:20;left:calc(240px + 50%);transform:translateX(-50%);bottom:18px;width:min(1050px,calc(100vw - 300px));display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #d8e5f5;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 14px 40px rgba(15,35,70,.18);backdrop-filter:blur(12px)}.builder-sticky-publish>div{display:flex;flex-direction:column;margin-right:auto}.builder-sticky-publish strong{color:#17263d}.builder-sticky-publish span{font-size:12px;color:#7b8799}
.admin-sidebar.collapsed~.admin-main .builder-sticky-publish{left:calc(68px + 50%);width:min(1050px,calc(100vw - 128px))}
@media(max-width:1100px){.kpi-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-sticky-publish{left:50%;width:calc(100vw - 42px)}}
@media(max-width:760px){.home-builder-hero{align-items:flex-start;flex-direction:column;padding:22px}.builder-actions{width:100%;flex-wrap:wrap}.builder-flow{justify-content:flex-start;overflow:auto}.builder-flow i{width:20px}.builder-form-grid,.builder-card-grid,.kpi-editor-grid{grid-template-columns:1fr}.builder-form-grid .span-2{grid-column:auto}.builder-sections .el-collapse-item__header{padding:0 14px}.builder-sections .el-collapse-item__content{padding:0 14px 20px}.builder-section-title small{display:none}.builder-sticky-publish{bottom:8px;width:calc(100vw - 16px)}.builder-sticky-publish>div,.builder-sticky-publish>.el-button:not(.el-button--primary){display:none}}
.menu-count-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#ef4444;color:#fff;font-size:11px;line-height:20px;text-align:center}
.business-template-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.business-template-tabs button{display:flex;flex-direction:column;align-items:flex-start;padding:16px 18px;border:1px solid #e1e7ef;border-radius:10px;background:#fff;color:#64748b;cursor:pointer;transition:.2s}.business-template-tabs button:hover{border-color:#a9c9f5;transform:translateY(-1px)}.business-template-tabs button.active{border-color:#1e6fd9;background:#eef5ff;box-shadow:0 7px 20px rgba(30,111,217,.12)}.business-template-tabs small{font-size:10px;letter-spacing:1.5px;color:#1e6fd9}.business-template-tabs strong{margin-top:4px;font-size:15px;color:#1e293b}.business-copy-editor,.business-card-section{padding:24px;margin-bottom:14px}.business-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.business-editor-heading span{font-size:11px;color:#1e6fd9;font-weight:700;letter-spacing:1px}.business-editor-heading h3{margin:4px 0 0;font-size:19px;color:#1e293b}.business-editor-heading p{margin:5px 0 0;color:#7b8799;font-size:13px}
@media(max-width:760px){.business-template-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.business-copy-editor,.business-card-section{padding:16px}}
.resource-admin-hero{background:linear-gradient(135deg,#0d2744,#194f85);color:#fff}.resource-admin-hero h1,.resource-admin-hero p{color:#fff}.resource-admin-hero p{opacity:.72}.resource-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.resource-metric-grid article{display:flex;flex-direction:column;padding:17px 20px;border:1px solid #e4e9f0;border-radius:10px;background:#fff}.resource-metric-grid span{font-size:12px;color:#7b8799}.resource-metric-grid strong{margin-top:4px;font-size:25px;color:#17263d}.resource-title-cell{display:flex;align-items:center;gap:12px}.resource-title-cell>div{display:flex;min-width:0;flex-direction:column}.resource-title-cell strong{color:#1e293b}.resource-title-cell span{margin-top:4px;color:#7b8799;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-file-icon{display:grid!important;place-items:center;flex:none;width:38px;height:38px;margin:0!important;border-radius:9px;background:#eaf2ff;color:#1e6fd9!important;font-size:19px!important}.resource-format{display:block;margin-top:5px;color:#94a3b8}.resource-form-tip{display:flex;gap:12px;padding:14px;margin-bottom:18px;border-radius:9px;background:#eff6ff;color:#1e6fd9}.resource-form-tip>.el-icon{font-size:24px}.resource-form-tip div{display:flex;flex-direction:column}.resource-form-tip span{margin-top:3px;font-size:12px;color:#64748b}.resource-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.resource-upload-row{display:grid;grid-template-columns:auto 1fr;gap:10px;width:100%}.form-help{display:block;margin-top:6px;color:#7b8799}
@media(max-width:760px){.resource-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-form-grid{grid-template-columns:1fr}.resource-upload-row{grid-template-columns:1fr}}

/* 2026-08 品牌与页面装修增强 */
.brand-mark.brand-mark-official{width:82px;height:38px;flex:0 0 82px;padding:0;border-radius:0;background:transparent;box-shadow:none}
.brand-mark-official img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 1px 4px rgba(0,0,0,.18));opacity:.96}
.brand-mark-official+.brand-copy strong{font-size:12px}.brand-mark-official+.brand-copy span{font-size:7px;letter-spacing:.1em}
.admin-sidebar.collapsed .brand-mark.brand-mark-official{width:38px;flex-basis:38px;padding:0}

.login-page{grid-template-columns:minmax(560px,1.08fr) minmax(420px,.92fr)}
.login-story-brand>span.login-official-logo{display:flex;width:210px;height:54px;padding:0;border-radius:0;background:transparent;box-shadow:none}
.login-official-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 1px 4px rgba(0,0,0,.18));opacity:.96}
.login-mobile-logo img{display:block;width:100%;height:100%;object-fit:contain}
.login-story-brand strong{font-size:13px}.login-story-copy{max-width:none}.login-story-copy p{max-width:none;white-space:nowrap;font-size:13px}
.login-mobile-mark.login-mobile-logo{width:190px;height:58px;padding:0;border-radius:0;background:transparent;box-shadow:none}

.business-template-tabs{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}
.builder-image-upload{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;width:100%}
.builder-image-preview{height:160px;display:grid;place-items:center;overflow:hidden;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc;color:#94a3b8;font-size:12px}
.builder-image-preview img{display:block;width:100%;height:100%;padding:10px;object-fit:contain;background:#fff}
.builder-image-actions{display:flex;flex-direction:column;justify-content:center;gap:10px}.builder-image-actions .el-upload{display:block;text-align:left}
.contact-channel-editor{background:#fff;border-color:#cfe0f5;box-shadow:0 6px 18px rgba(30,111,217,.06)}
.contact-channel-image{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:stretch}
.contact-channel-image .builder-image-preview{height:150px}.contact-channel-image .builder-image-actions{min-width:0}
.contact-channel-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:2px;border-top:1px solid #edf0f4}
@media(max-width:760px){.contact-channel-image{grid-template-columns:1fr}.contact-channel-image .builder-image-preview{height:220px}.contact-channel-actions{justify-content:flex-start;flex-wrap:wrap}}

@media(max-width:1100px){.login-page{grid-template-columns:1fr;padding:20px}.login-story{display:none}.login-box{width:min(100%,432px)}.login-mobile-mark.login-mobile-logo{display:flex}}
@media(max-width:760px){.builder-image-upload{grid-template-columns:1fr}.builder-image-preview{height:190px}}
.inquiry-inbox-hero{background:linear-gradient(135deg,#12213a,#263f66);color:#fff}.inquiry-inbox-hero h1,.inquiry-inbox-hero p{color:#fff}.inquiry-inbox-hero p{opacity:.72}.inquiry-hero-count{display:flex;flex-direction:column;align-items:center;min-width:100px;padding:13px 20px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08)}.inquiry-hero-count span{font-size:12px;opacity:.72}.inquiry-hero-count strong{font-size:28px}

/* ============================================================
   Content Platform v3 — unified visual system
   ============================================================ */
:root{
  --admin-font-sans:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC","Segoe UI",Arial,sans-serif;
  --admin-primary:#2563eb;
  --admin-primary-dark:#1d4ed8;
  --admin-primary-soft:#eef4ff;
  --admin-primary-faint:#f7f9ff;
  --admin-navy:#101c32;
  --admin-navy-soft:#182a49;
  --admin-ink:#172033;
  --admin-ink-soft:#344054;
  --admin-muted:#667085;
  --admin-subtle:#98a2b3;
  --admin-line:#e4e8ef;
  --admin-line-strong:#d0d5dd;
  --admin-canvas:#f4f6fa;
  --admin-card:#fff;
  --admin-success:#0f9f73;
  --admin-success-soft:#ecfdf5;
  --admin-warning:#d97706;
  --admin-warning-soft:#fffbeb;
  --admin-danger:#dc2626;
  --admin-danger-soft:#fef2f2;
  --admin-radius-sm:8px;
  --admin-radius:12px;
  --admin-radius-lg:16px;
  --admin-shadow:0 1px 2px rgba(16,24,40,.04),0 2px 8px rgba(16,24,40,.035);
  --admin-shadow-hover:0 12px 30px rgba(16,24,40,.09);
  --admin-shadow-lg:0 24px 60px rgba(16,24,40,.14);

  --el-font-family:var(--admin-font-sans);
  --el-color-primary:var(--admin-primary);
  --el-color-primary-light-3:#5b83ee;
  --el-color-primary-light-5:#83a2f3;
  --el-color-primary-light-7:#b7c9f8;
  --el-color-primary-light-8:#d5e0fb;
  --el-color-primary-light-9:var(--admin-primary-soft);
  --el-color-primary-dark-2:var(--admin-primary-dark);
  --el-color-success:var(--admin-success);
  --el-color-warning:var(--admin-warning);
  --el-color-danger:var(--admin-danger);
  --el-border-color:var(--admin-line);
  --el-border-color-light:#edf0f4;
  --el-border-radius-base:9px;
  --el-fill-color-light:#f7f8fa;
  --el-bg-color-page:var(--admin-canvas);
  --el-text-color-primary:var(--admin-ink);
  --el-text-color-regular:var(--admin-ink-soft);
  --el-text-color-secondary:var(--admin-muted);
}

html,body,#app{width:100%;min-height:100%;font-family:var(--admin-font-sans)}
html{background:var(--admin-canvas);color-scheme:light}
body{
  background:var(--admin-canvas);
  color:var(--admin-ink);
  line-height:1.5;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
button,input,textarea,select,
.el-popper,.el-message,.el-message-box,.el-notification,.el-dialog,.el-drawer{
  font-family:var(--admin-font-sans);
}
button,input,textarea,select{letter-spacing:normal}
button:focus-visible,a:focus-visible,.admin-menu-item:focus-visible{
  outline:3px solid rgba(37,99,235,.22);
  outline-offset:2px;
}

/* App shell */
.admin-layout{background:var(--admin-canvas)}
.admin-sidebar{
  background:linear-gradient(180deg,var(--admin-navy) 0%,#12213b 58%,#162947 100%);
  border-right:1px solid rgba(255,255,255,.055);
  box-shadow:8px 0 28px rgba(15,28,50,.035);
}
.admin-sidebar-header{border-bottom-color:rgba(255,255,255,.075)}
.brand-mark,.login-story-brand>span,.login-mobile-mark{
  background:linear-gradient(145deg,#4c7df0 0%,var(--admin-primary) 58%,var(--admin-primary-dark) 100%);
  box-shadow:0 9px 22px rgba(37,99,235,.26);
}
.brand-copy span{color:#8290a7}
.admin-menu-group-title{color:#718096}
.admin-menu-item{color:#aab4c4}
.admin-menu-item:hover{background:rgba(255,255,255,.06);color:#fff}
.admin-menu-item.active{
  background:linear-gradient(90deg,rgba(37,99,235,.30),rgba(37,99,235,.14));
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(119,157,255,.12);
}
.admin-menu-item.active::after{background:#8fb0ff;box-shadow:0 0 0 4px rgba(143,176,255,.10)}
.sidebar-footer{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.08)}
.sidebar-footer small{color:#8490a3}

.admin-header{
  background:rgba(255,255,255,.92);
  border-bottom-color:var(--admin-line);
  box-shadow:0 1px 0 rgba(16,24,40,.02);
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
}
.page-context-title{color:var(--admin-ink);letter-spacing:-.01em}
.page-context-description{color:var(--admin-subtle)}
.admin-breadcrumb{border-left-color:var(--admin-line)}
.admin-user-avatar{background:var(--admin-primary-soft);color:var(--admin-primary-dark);border:1px solid #dce6ff}
.admin-user:hover{background:#f8faff;border-color:var(--admin-line)}
.admin-content{
  background:
    radial-gradient(circle at 82% 0,rgba(37,99,235,.035),transparent 28rem),
    var(--admin-canvas);
}

/* Shared surfaces */
.admin-card,.stat-card,.backup-section,.file-card,
.resource-metric-grid article,.builder-sections .el-collapse-item,
.business-template-tabs button,.core-business-admin-card{
  border-color:var(--admin-line);
  background:var(--admin-card);
  box-shadow:var(--admin-shadow);
}
.admin-card,.metric-card,.stat-card,.file-card,.core-business-admin-card,
.business-template-tabs button,.resource-metric-grid article{
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.metric-card:hover,.stat-card:hover,.file-card:hover,.core-business-admin-card:hover{
  border-color:#d7dfeb;
  box-shadow:var(--admin-shadow-hover);
}
.admin-card{border-radius:var(--admin-radius);box-shadow:var(--admin-shadow)}
.admin-card-title{color:var(--admin-ink);font-size:15px;font-weight:700;letter-spacing:-.005em}
.eyebrow,.builder-kicker{color:var(--admin-primary);font-weight:800;letter-spacing:.14em}
.admin-toolbar{min-height:40px;align-items:center;gap:10px}
.admin-toolbar>.el-button,.admin-toolbar>.el-input,.admin-toolbar>.el-select,
.admin-toolbar>.el-date-editor{flex:0 0 auto}
.admin-code-token{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:2px 7px;
  border:1px solid #dce6ff;
  border-radius:6px;
  background:var(--admin-primary-soft);
  color:var(--admin-primary-dark);
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-size:12px;
}

/* Element Plus component rhythm */
.el-button{
  min-height:38px;
  padding-inline:15px;
  border-radius:9px;
  font-weight:600;
  transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;
}
.el-button:hover:not(.is-disabled){transform:translateY(-1px)}
.el-button:active:not(.is-disabled){transform:translateY(0)}
.el-button--small{min-height:30px;padding-inline:10px;border-radius:7px;font-size:12px}
.el-button--large{min-height:44px;padding-inline:20px;border-radius:10px}
.el-button--primary{box-shadow:0 5px 14px rgba(37,99,235,.18)}
.el-button--primary:hover{box-shadow:0 7px 18px rgba(37,99,235,.24)}
.el-button.is-text,.el-button.is-link{box-shadow:none}
.el-button+.el-button{margin-left:8px}
:where(.admin-toolbar,.workspace-hero-actions,.article-edit-actions,.builder-actions,.module-buttons,.file-actions,.builder-sticky-publish)>.el-button+.el-button{
  margin-left:0;
}

.el-input__wrapper,.el-select__wrapper,.el-textarea__inner,
.el-date-editor.el-input__wrapper,.el-date-editor--daterange{
  border-radius:9px;
  box-shadow:0 0 0 1px var(--admin-line-strong) inset;
  background:#fff;
  transition:box-shadow .16s,background-color .16s;
}
.el-input__wrapper,.el-select__wrapper,.el-date-editor.el-input__wrapper{min-height:40px}
.el-input--small .el-input__wrapper,.el-select--small .el-select__wrapper,
.el-date-editor--daterange.el-range-editor--small{min-height:32px}
.el-input--large .el-input__wrapper,.el-select--large .el-select__wrapper{min-height:44px}
.el-input__wrapper:hover,.el-select__wrapper:hover,.el-textarea__inner:hover,
.el-date-editor.el-input__wrapper:hover{box-shadow:0 0 0 1px #aeb7c5 inset}
.el-input__wrapper.is-focus,.el-select__wrapper.is-focused,.el-textarea__inner:focus,
.el-date-editor.el-input__wrapper.is-active{
  box-shadow:0 0 0 1px var(--admin-primary) inset,0 0 0 3px rgba(37,99,235,.10);
}
.el-input__inner,.el-textarea__inner,.el-select__placeholder{font-size:13px}
.el-input__inner::placeholder,.el-textarea__inner::placeholder{color:#a5adba}
.el-textarea__inner{padding:10px 12px;line-height:1.65}
.el-form-item{margin-bottom:20px}
.el-form-item__label{color:var(--admin-ink-soft);font-size:12px;font-weight:600}
.el-form--label-top .el-form-item .el-form-item__label{height:auto;margin-bottom:7px;line-height:1.5}
.el-checkbox__label,.el-radio__label{color:var(--admin-muted);font-size:12px}
.el-checkbox__inner{border-radius:5px}
.el-switch{--el-switch-on-color:var(--admin-primary)}
.el-radio-button__inner{font-weight:600}
.el-tag{border-radius:999px;font-weight:600}
.el-pagination{--el-pagination-button-bg-color:#f7f8fa;gap:3px}
.el-pagination button,.el-pager li{border-radius:7px}

.el-table{
  --el-table-border-color:#edf0f4;
  --el-table-header-bg-color:#f7f9fc;
  --el-table-row-hover-bg-color:#f6f9ff;
  color:var(--admin-ink-soft);
  border-radius:10px;
  font-size:12px;
}
.el-table th.el-table__cell{height:44px;background:#f7f9fc;color:var(--admin-muted);font-size:11px;font-weight:700}
.el-table td.el-table__cell{padding:13px 0}
.el-table .cell{line-height:1.55}
.el-table__empty-text{color:var(--admin-subtle)}
.el-dropdown-menu{padding:6px;border-radius:10px}
.el-dropdown-menu__item{min-height:36px;border-radius:7px;font-size:12px}
.el-popper.is-light,.el-select__popper.el-popper,.el-picker__popper.el-popper{
  border-color:var(--admin-line);
  border-radius:11px;
  box-shadow:var(--admin-shadow-lg);
}
.el-dialog,.el-message-box{
  border:1px solid var(--admin-line);
  border-radius:var(--admin-radius-lg);
  box-shadow:var(--admin-shadow-lg);
  overflow:hidden;
}
.el-dialog__header,.el-message-box__header{padding:20px 22px 14px}
.el-dialog__title,.el-message-box__title{color:var(--admin-ink);font-size:16px;font-weight:700}
.el-dialog__body{padding:14px 22px 20px;color:var(--admin-ink-soft)}
.el-dialog__footer{padding:14px 22px 20px}
.el-drawer{box-shadow:var(--admin-shadow-lg)}
.el-drawer__header{margin-bottom:0;padding:20px 22px;border-bottom:1px solid var(--admin-line);color:var(--admin-ink);font-weight:700}
.el-drawer__body{padding:20px 22px}
.el-empty__description p{color:var(--admin-subtle);font-size:12px}

/* Status and data components */
.metric-card.metric-primary{background:linear-gradient(145deg,#2e6be7,var(--admin-primary-dark));border-color:transparent}
.metric-top .el-icon,.content-type-icon,.resource-file-icon{
  background:var(--admin-primary-soft);
  color:var(--admin-primary)!important;
}
.content-type-icon.tech{background:var(--admin-success-soft);color:var(--admin-success)!important}
.content-status-pill.published{background:var(--admin-success-soft);color:#087454}
.content-status-pill.draft{background:var(--admin-warning-soft);color:#b45309}
.category-chip{background:#f2f4f7;color:#475467;border:1px solid #eaecf0}
.stat-card{border:1px solid var(--admin-line);border-radius:var(--admin-radius);padding:20px}
.stat-icon{width:46px;height:46px;border-radius:12px;box-shadow:none;font-size:20px}
.stat-icon.blue{background:var(--admin-primary-soft);color:var(--admin-primary)}
.stat-icon.green,.stat-icon.teal{background:var(--admin-success-soft);color:var(--admin-success)}
.stat-icon.orange{background:var(--admin-warning-soft);color:var(--admin-warning)}
.stat-icon.red{background:var(--admin-danger-soft);color:var(--admin-danger)}
.stat-icon.purple{background:#f5f3ff;color:#7c3aed}
.stat-number,.stat-value{color:var(--admin-ink);font-variant-numeric:tabular-nums}
.stat-label{color:var(--admin-muted)}
.disk-alert-card{border:1px solid var(--admin-line);border-left-width:4px;box-shadow:var(--admin-shadow)}
.disk-bar-track{background:#edf0f4}

/* Page families share the same palette */
.workspace-hero,.home-builder-hero,.core-business-manager{
  background:linear-gradient(135deg,#fff 0%,var(--admin-primary-faint) 52%,#edf3ff 100%);
  border-color:#dce6f7;
}
.workspace-hero h1,.home-builder-hero h2,.content-page-hero h1,
.core-business-manager__head h2,.business-editor-heading h3{color:var(--admin-ink)}
.builder-section-title>b,.core-business-admin-icon{background:var(--admin-primary-soft);color:var(--admin-primary)}
.builder-flow span.active,.builder-card-index,.business-template-tabs small,
.business-editor-heading span,.core-business-admin-copy em{color:var(--admin-primary)}
.business-template-tabs button.active{
  border-color:#9bb9fa;
  background:var(--admin-primary-soft);
  box-shadow:0 8px 22px rgba(37,99,235,.10);
}
.resource-admin-hero,.inquiry-inbox-hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,var(--admin-navy) 0%,#19375f 62%,#2455a2 100%);
  border-color:rgba(255,255,255,.07);
}
.resource-admin-hero::after,.inquiry-inbox-hero::after{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  right:-95px;
  top:-150px;
  border:48px solid rgba(255,255,255,.055);
  border-radius:50%;
  pointer-events:none;
}
.file-upload-zone{border-color:#cbd5e1;background:#fafbfc}
.file-upload-zone:hover,.file-upload-zone.dragover{border-color:var(--admin-primary);background:var(--admin-primary-soft)}
.block-key-hints,.builder-button-box{background:#f8f9fb;border-color:var(--admin-line)}
.block-key-chip:hover{border-color:var(--admin-primary)}
.block-key-chip code{color:var(--admin-primary)}

/* Login alignment and typography */
.login-page{
  min-height:100vh;
  min-height:100dvh;
  background:#f5f7fb;
}
.login-story{
  min-height:100vh;
  min-height:100dvh;
  padding:clamp(36px,5vw,64px);
  background:
    radial-gradient(circle at 15% 82%,rgba(71,118,232,.20),transparent 26rem),
    linear-gradient(150deg,var(--admin-navy) 0%,#18345b 62%,#2455a2 100%);
}
.login-story-copy h1{font-size:clamp(32px,3.1vw,46px);font-weight:700;letter-spacing:-.025em}
.login-story-copy p{color:#c3ccda;line-height:1.9}
.login-story-brand small{color:#94a3b8}
.login-box{
  width:min(432px,calc(100% - 40px));
  padding:44px 42px 38px;
  border-color:var(--admin-line);
  border-radius:var(--admin-radius-lg);
  box-shadow:0 24px 60px rgba(16,24,40,.11);
}
.login-title h1{color:var(--admin-ink);font-size:25px;font-weight:700;letter-spacing:-.015em}
.login-title p{color:var(--admin-muted);font-size:13px}
.login-form{width:100%;margin-top:30px}
.login-form .el-form-item{display:block;width:100%;margin-bottom:19px}
.login-form .el-form-item__label{width:100%;padding:0;color:var(--admin-ink-soft);font-size:12px;font-weight:600;text-align:left}
.login-form .el-form-item__content{width:100%;margin-left:0!important;line-height:normal}
.login-form .el-input,.login-form .el-input__wrapper{width:100%}
.login-form .el-input__wrapper{min-height:46px;padding:0 13px}
.login-options{min-height:24px;margin:0 0 19px;align-items:center}
.login-options .el-checkbox{height:24px}
.login-btn{width:100%;height:46px;margin:0;border-radius:10px;font-size:13px;letter-spacing:.02em}
.login-error{min-height:18px;margin-top:10px;color:var(--admin-danger);font-size:11px;line-height:18px}
.login-security-note{margin-top:9px;padding-top:17px;border-top-color:#edf0f4;color:var(--admin-subtle);font-size:10px;line-height:1.6}

@media(max-width:1200px){
  .admin-content{padding:24px 24px 36px}
}
@media(max-width:860px){
  .login-page{padding:24px;background:var(--admin-canvas)}
  .login-box{width:min(100%,432px)}
}
@media(max-width:768px){
  .admin-content{background:var(--admin-canvas)}
  .el-dialog{width:calc(100% - 28px)!important;margin-top:7vh!important}
  .el-message-box{width:calc(100% - 28px)}
  .admin-toolbar{align-items:stretch}
  .admin-toolbar>.el-input,.admin-toolbar>.el-select{max-width:100%;width:100%!important}
}
@media(max-width:480px){
  .login-page{padding:0;background:#fff}
  .login-box{width:100%;padding:38px 26px;border:0;border-radius:0;box-shadow:none}
  .login-title h1{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* ============================================================
   Content Platform v4 — page operations and spacing
   ============================================================ */
.admin-sidebar{width:244px}
.admin-sidebar.collapsed{width:72px}
.admin-sidebar-header{height:72px}
.admin-menu{
  padding:12px 10px 20px;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:rgba(148,163,184,.38) transparent;
}
.admin-menu::-webkit-scrollbar{width:6px}
.admin-menu::-webkit-scrollbar-track{background:transparent}
.admin-menu::-webkit-scrollbar-thumb{
  border:1px solid transparent;
  border-radius:999px;
  background:rgba(148,163,184,.34);
  background-clip:padding-box;
}
.admin-menu:hover::-webkit-scrollbar-thumb{background:rgba(148,163,184,.52);background-clip:padding-box}
.sidebar-footer{display:none!important}
.admin-header{height:72px;padding-inline:26px}
.admin-content{
  padding:26px 30px 46px;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:#cbd3df transparent;
}
.admin-content::-webkit-scrollbar{width:9px}
.admin-content::-webkit-scrollbar-track{background:transparent}
.admin-content::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#cbd3df;background-clip:padding-box}

.workspace-dashboard,.content-library-page,.home-builder,.page-operation-page{max-width:1480px;margin-inline:auto}
.content-page-hero{
  min-height:94px;
  margin:0 0 18px;
  padding:4px 2px 18px;
  align-items:center;
  gap:24px;
  border-bottom:1px solid var(--admin-line);
}
.content-page-hero h1{margin:6px 0 7px;font-size:24px;letter-spacing:-.018em}
.content-page-hero p{max-width:720px;font-size:13px;line-height:1.65}
.content-page-hero>.el-button{flex:0 0 auto}
.page-hero-stat{
  min-width:112px;
  padding:12px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid var(--admin-line);
  border-radius:10px;
  background:#fff;
  box-shadow:var(--admin-shadow);
}
.page-hero-stat span{font-size:11px;color:var(--admin-muted);white-space:nowrap}
.page-hero-stat strong{font-size:24px;line-height:1;color:var(--admin-ink);font-variant-numeric:tabular-nums}

.library-status-tabs{align-items:flex-end;min-height:40px;gap:24px;margin-bottom:18px}
.library-status-tabs button{min-height:39px;padding:8px 2px 10px}
.library-tabs-meta{margin:0 2px 11px auto;color:var(--admin-subtle);font-size:11px;font-style:normal;white-space:nowrap}
.library-toolbar{min-height:66px;padding:13px 18px}
.content-library-card>.el-table{border-radius:0}
.inquiry-pagination{display:flex;justify-content:flex-end;padding:15px 18px;border-top:1px solid #eef0f4}
.inquiry-detail-section{margin-top:18px}
.inquiry-detail-label{margin-bottom:8px;color:var(--admin-muted);font-size:12px;font-weight:700}
.inquiry-detail-copy{padding:13px 14px;border:1px solid #edf0f4;border-radius:9px;background:#f8fafc;color:var(--admin-ink-soft);line-height:1.7;white-space:pre-wrap}
.inquiry-detail-copy.is-reply{border-color:#d7f2e5;background:var(--admin-success-soft)}
.inquiry-reply-time{margin-top:5px;color:var(--admin-subtle);font-size:11px}

.page-operation-page>.admin-toolbar{
  margin:0 0 16px;
  padding:13px 16px;
  border:1px solid var(--admin-line);
  border-radius:11px;
  background:#fff;
  box-shadow:var(--admin-shadow);
}
.page-operation-hero{align-items:center}
.page-operation-page-select{width:220px;flex:0 0 220px}
.page-block-group{margin-bottom:16px}
.page-block-group>.admin-card{padding:0;overflow:hidden}
.page-block-group-header{min-height:58px;padding:0 18px;border-bottom:1px solid #eef0f4}
.page-block-group-header+.el-table{border-radius:0}

.page-draft-bar{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:76px;
  margin-bottom:16px;
  padding:13px 15px;
  border:1px solid #dbe5f5;
  border-radius:12px;
  background:linear-gradient(135deg,#fff 0%,#f7f9ff 100%);
  box-shadow:var(--admin-shadow);
}
.page-draft-intro{display:flex;align-items:center;gap:10px;min-width:190px}
.page-draft-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:10px;background:var(--admin-primary-soft);color:var(--admin-primary)}
.page-draft-intro>div{display:flex;flex-direction:column}
.page-draft-intro strong{font-size:13px;color:var(--admin-ink)}
.page-draft-intro small{margin-top:3px;color:var(--admin-subtle);font-size:10px;line-height:1.4}
.page-draft-select{width:250px;flex:0 0 250px}
.page-draft-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
.page-draft-option small{color:var(--admin-subtle);font-size:10px}
.page-draft-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:1;flex-wrap:wrap}
.page-draft-actions>.el-button+.el-button{margin-left:0}

.site-page-preview-dialog{height:96vh;margin-bottom:0;display:flex;flex-direction:column}
.site-page-preview-dialog .el-dialog__header{margin:0;padding:15px 18px;border-bottom:1px solid var(--admin-line)}
.site-page-preview-dialog .el-dialog__body{min-height:0;flex:1;padding:0;overflow:hidden;background:#e9edf3}
.site-page-preview-dialog .el-dialog__footer{padding:10px 16px;border-top:1px solid var(--admin-line)}
.site-preview-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:28px}
.site-preview-header>div:first-child{display:flex;flex-direction:column}
.site-preview-header strong{margin-top:3px;color:var(--admin-ink);font-size:15px}
.site-preview-header small{margin-top:3px;color:var(--admin-subtle);font-size:10px}
.site-preview-tools{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.site-preview-devices{display:flex;padding:3px;border-radius:9px;background:#eef1f5}
.site-preview-devices button{min-width:52px;height:31px;border:0;border-radius:7px;background:transparent;color:var(--admin-muted);font-size:11px;cursor:pointer}
.site-preview-devices button.active{background:#fff;color:var(--admin-primary-dark);font-weight:700;box-shadow:0 1px 4px rgba(16,24,40,.12)}
.site-preview-stage{height:100%;min-height:560px;display:flex;justify-content:center;align-items:flex-start;position:relative;padding:16px;overflow:auto}
.site-preview-stage iframe{display:block;height:100%;min-height:720px;border:0;border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(16,24,40,.16);transition:width .22s ease}
.site-preview-loading,.site-preview-error{position:absolute;inset:0;display:grid;place-items:center;color:var(--admin-muted);font-size:13px}

.builder-sticky-publish{left:calc(50% + 122px);width:min(1080px,calc(100vw - 300px))}
.admin-sidebar.collapsed~.admin-main .builder-sticky-publish{left:calc(50% + 36px);width:min(1080px,calc(100vw - 126px))}
.home-builder-hero{margin-bottom:16px;padding:25px 28px}
.builder-flow{margin-bottom:16px}
.builder-sections .el-collapse-item{margin-bottom:14px}
.core-business-manager{margin-bottom:16px}

@media(max-width:1180px){
  .page-draft-bar{align-items:flex-start;flex-wrap:wrap}
  .page-draft-actions{flex-basis:100%;justify-content:flex-start;padding-left:204px}
  .builder-sticky-publish{left:50%;width:calc(100vw - 40px)}
}
@media(max-width:768px){
  .admin-sidebar,.admin-sidebar.collapsed{width:244px}
  .admin-header{height:66px;padding-inline:14px}
  .admin-content{padding:18px 14px 34px;scrollbar-gutter:auto}
  .content-page-hero{min-height:auto;align-items:flex-start;flex-direction:column;padding-bottom:15px;gap:14px}
  .content-page-hero>.el-button,.page-operation-page-select{width:100%;flex-basis:auto}
  .page-hero-stat{width:100%}
  .library-status-tabs{gap:16px;overflow-x:auto;overflow-y:hidden}
  .library-status-tabs button{flex:0 0 auto}
  .library-tabs-meta{display:none}
  .page-draft-bar{padding:13px}
  .page-draft-intro,.page-draft-select{width:100%;flex-basis:100%}
  .page-draft-actions{padding-left:0}
  .page-draft-actions .el-button{flex:1;min-width:112px}
  .site-page-preview-dialog{height:94vh!important;margin-top:3vh!important}
  .site-preview-header{align-items:flex-start;flex-direction:column;gap:10px;padding-right:20px}
  .site-preview-tools{width:100%;justify-content:space-between}
  .site-preview-stage{padding:9px;min-height:460px}
  .site-preview-stage iframe{min-height:660px}
  .page-operation-page>.admin-toolbar{align-items:stretch}
}
@media(max-width:480px){
  .page-draft-actions .el-button{width:100%;flex-basis:100%}
  .site-preview-devices button{min-width:46px}
  .site-preview-tools>.el-button{display:none}
}