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; min-height:0; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; scrollbar-width:thin; 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;min-height:0;overflow:visible;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; }
}

/* ===== 出单提醒铃铛（右上角） ===== */
.cms-user { position:relative; }
.cms-bell { position:relative;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #303642;border-radius:10px;background:#161a21;color:#dce4ef;cursor:pointer;font-size:15px;line-height:1; }
.cms-bell:hover { border-color:#3d4453;background:#1b2029; }
.cms-bell-dot { position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ff4d6d;color:#fff;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #0b0e13; }
.cms-notify-pop { position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:min(360px,86vw);max-height:min(70vh,520px);overflow:auto;border:1px solid #2b303a;border-radius:14px;background:#11151c;box-shadow:0 18px 40px rgba(0,0,0,.5); }
.cms-notify-head { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #242a34;color:#e6ecf5;font-size:12px;position:sticky;top:0;background:#11151c; }
.cms-notify-head-actions { display:flex;align-items:center;gap:6px; }
.cms-notify-head-actions button { border:1px solid #303642;border-radius:8px;padding:4px 8px;background:#161a21;color:#9aa4b3;font-size:10px;cursor:pointer; }
.cms-notify-head-actions button:hover { color:#dce4ef; }
.cms-notify-empty { padding:22px 16px;color:#7d8798;font-size:11.5px;line-height:1.6;text-align:center; }
.cms-notify-list { display:flex;flex-direction:column; }
.cms-notify-item { padding:11px 14px;border-bottom:1px solid #1d222b; }
.cms-notify-item:last-child { border-bottom:0; }
.cms-notify-item.is-new { background:rgba(94,240,202,.05); }
.cms-notify-item-top { display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:#e6ecf5;font-size:12px; }
.cms-notify-item-top i { font-style:normal;color:#5ef0ca;font-weight:800;font-size:11.5px;white-space:nowrap; }
.cms-notify-item-sub { margin-top:3px;color:#8f97a6;font-size:10.5px;letter-spacing:.02em; }
.cms-notify-item-meta { margin-top:4px;color:#788294;font-size:10.5px; }