body.cms-mode {
  background:#0b0d11;
  color:#eef1f6;
  /* 管理端统一强调色：薄荷绿（与用户端品牌同族，替换旧的荧光绿） */
  --accent:#5ef0ca;
  --accent-soft:rgba(94,240,202,.12);
  --accent-dark:#22d8a8;
  --accent-border:rgba(94,240,202,.45);
  --mint:#2ee6b2;
}
body.cms-mode > footer, body.cms-mode .bottom-nav { display:none !important; }
body.cms-mode button, body.cms-mode [role="button"] { touch-action: manipulation; }
body.cms-mode #app { max-width:none; min-height:100vh; padding:0; }
.cms-shell { min-height:100vh; display:grid; grid-template-columns:240px minmax(0,1fr); background:#0b0d11; }
.cms-sidebar { position:sticky; top:0; height:100vh; padding:14px 10px; background:#101319; border-right:1px solid #252a34; }
.cms-brand { display:flex;align-items:center;gap:8px;padding:2px 6px 12px;font-size:13px;font-weight:750; }
.cms-brand-mark { display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#f3f5f8;color:#11141a;font-size:10px; }
.cms-nav-label { margin:12px 5px 5px;color:#697181;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em; }
.cms-nav-grid {
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
.cms-nav-item {
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;height:22px;padding:0 9px;
  border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.03);
  color:#929aaa;font-size:9px;font-weight:600;white-space:nowrap;
  cursor:pointer;transition:background .18s ease, color .18s ease;
}
.cms-nav-item:hover { border-color:rgba(94,240,202,.35); background:rgba(94,240,202,.06); color:#dce4ef; }
.cms-nav-item.active {
  border-color:rgba(94,240,202,.55);
  background:rgba(94,240,202,.12);
  color:#8dffdc;
  box-shadow:inset 0 0 0 1px rgba(94,240,202,.12);
}
.cms-nav-item.pending { opacity:.55; }
@media (min-width:801px) {
  .cms-nav-grid { flex-direction:column; width:100%; gap:6px; }
  .cms-nav-item {
    display:flex; align-items:center; justify-content:flex-start;
    width:100%; height:auto; min-height:42px; padding:0 14px;
    font-size:13px; font-weight:650; border-radius:10px;
  }
  .cms-sidebar { padding:16px 12px; }
  .cms-brand { font-size:14px; }
  .cms-brand-mark { width:28px;height:28px;font-size:11px; }
}
.cms-breadcrumb { margin-bottom:4px;color:#697181;font-size:11px;font-weight:600; }
.cms-main { min-width:0;padding:24px 30px 60px; }
.cms-topbar { display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #252a34; }
.cms-title { margin:0;font-size:20px;letter-spacing:-.02em; }
.cms-subtitle { margin-top:4px;color:#777f8e;font-size:12px; }
.cms-subnav {
  display:flex;flex-wrap:wrap;gap:6px;
  margin:0 0 18px;padding:6px;
  border:1px solid #252a34;border-radius:12px;
  background:rgba(255,255,255,.025);
}
.cms-subnav-item {
  display:inline-flex;align-items:center;justify-content:center;
  padding:7px 14px;border:1px solid transparent;border-radius:999px;
  background:transparent;color:#8f97a6;font-size:12px;font-weight:650;white-space:nowrap;
  cursor:pointer;transition:background-color .18s ease, color .18s ease, border-color .18s ease;
}
.cms-subnav-item:hover { color:#dce4ef;background:rgba(255,255,255,.05); }
.cms-subnav-item.active { color:#08130f;background:#5ef0ca;font-weight:750; }
.cms-user { display:flex;align-items:center;gap:12px;color:#8f97a6;font-size:12px; }
.cms-language { display:flex;padding:2px;background:#0d1015;border:1px solid #2b303a;border-radius:10px; }
.cms-language button { border:0;border-radius:7px;padding:5px 7px;background:transparent;color:#747d8d;font-size:10px;cursor:pointer; }
.cms-language button.active { background:#282d37;color:#fff; }
.cms-signout { border:1px solid #303642;border-radius:8px;padding:7px 10px;background:#161a21;color:#c5cad4;cursor:pointer;font-size:11px; }
body.cms-mode .admin-view { max-width:1180px;margin:0;padding:0; }
body.cms-mode .admin-section { background:#12161d;border-color:#292f3a;box-shadow:none; }
body.cms-mode .admin-template-item { background:#0f1218;border-color:#292f3a; }
@media (max-width:800px) {
  .cms-shell { grid-template-columns:1fr; }
  .cms-sidebar { position:static;height:auto;padding:10px;border-right:0;border-bottom:1px solid #252a34; }
  .cms-brand,.cms-nav-label { display:none; }
  .cms-nav-grid { flex-wrap:wrap; }
  .cms-main { padding:18px 14px 40px; }
  .cms-subnav { flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none; }
  .cms-subnav::-webkit-scrollbar { display:none; }
}