/* 手机版总后台主题 — 仅 @media (max-width:992px) 生效 */
@media (max-width: 992px) {
  .admin-body {
    --am-topbar-bg: linear-gradient(135deg, #1677ff 0%, #0958d9 100%);
    --am-topbar-shadow: 0 2px 8px rgba(9, 88, 217, .25);
    --am-page-bg: #eef0f3;
    --am-card-bg: #fff;
    --am-card-shadow: 0 1px 4px rgba(0, 0, 0, .06);
    --am-card-head: #333;
    --am-text: #333;
    --am-text-muted: #666;
    --am-text-sub: #999;
    --am-accent: #1677ff;
    --am-accent-soft: #e6f4ff;
    --am-greet: #666;
    --am-search-bg: rgba(255, 255, 255, .12);
    --am-search-border: rgba(255, 255, 255, .45);
    --am-search-text: #fff;
    --am-search-ph: rgba(255, 255, 255, .72);
    --am-topbar-icon: #fff;
    --am-avatar-bg: rgba(255, 255, 255, .22);
    --am-sider-bg: #fff;
    --am-sider-text: #333;
    --am-sider-muted: #666;
    --am-sider-hover: #f5f5f5;
    --am-sider-active-bg: #e6f4ff;
    --am-sider-active: #1677ff;
    --am-sider-border: #f0f0f0;
    --am-todo-bg: #f5f6f8;
    --am-expire-bg: linear-gradient(135deg, #fff7e6 0%, #fff 100%);
    --am-expire-accent: #fa8c16;
    --am-grid-line: #f0f0f0;
  }

  .admin-body.admin-m-theme-midnight-pro {
    --am-topbar-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    --am-topbar-shadow: 0 2px 12px rgba(0, 0, 0, .35);
    --am-page-bg: #0b1120;
    --am-card-bg: #151f32;
    --am-card-shadow: 0 4px 16px rgba(0, 0, 0, .25);
    --am-card-head: #e2e8f0;
    --am-text: #cbd5e1;
    --am-text-muted: #94a3b8;
    --am-text-sub: #64748b;
    --am-accent: #38bdf8;
    --am-accent-soft: rgba(56, 189, 248, .12);
    --am-greet: #94a3b8;
    --am-search-bg: rgba(255, 255, 255, .08);
    --am-search-border: rgba(255, 255, 255, .18);
    --am-avatar-bg: rgba(56, 189, 248, .2);
    --am-sider-bg: #111827;
    --am-sider-text: #e2e8f0;
    --am-sider-muted: #94a3b8;
    --am-sider-hover: rgba(255, 255, 255, .06);
    --am-sider-active-bg: rgba(56, 189, 248, .12);
    --am-sider-active: #38bdf8;
    --am-sider-border: rgba(255, 255, 255, .08);
    --am-todo-bg: rgba(255, 255, 255, .05);
    --am-expire-bg: linear-gradient(135deg, rgba(250, 140, 22, .15) 0%, #151f32 100%);
    --am-expire-accent: #fbbf24;
    --am-grid-line: rgba(255, 255, 255, .08);
  }

  .admin-body.admin-m-theme-jade-elite {
    --am-topbar-bg: linear-gradient(135deg, #0d9488 0%, #047857 100%);
    --am-topbar-shadow: 0 2px 10px rgba(4, 120, 87, .3);
    --am-page-bg: #ecfdf5;
    --am-card-bg: #fff;
    --am-accent: #059669;
    --am-accent-soft: #d1fae5;
    --am-greet: #047857;
    --am-sider-active: #059669;
    --am-sider-active-bg: #d1fae5;
    --am-expire-bg: linear-gradient(135deg, #d1fae5 0%, #fff 100%);
    --am-expire-accent: #059669;
  }

  .admin-body.admin-m-theme-royal-purple {
    --am-topbar-bg: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
    --am-topbar-shadow: 0 2px 10px rgba(91, 33, 182, .35);
    --am-page-bg: #f5f3ff;
    --am-accent: #7c3aed;
    --am-accent-soft: #ede9fe;
    --am-greet: #6d28d9;
    --am-sider-active: #7c3aed;
    --am-sider-active-bg: #ede9fe;
    --am-expire-bg: linear-gradient(135deg, #ede9fe 0%, #fff 100%);
    --am-expire-accent: #7c3aed;
  }

  .admin-body.admin-m-theme-amber-luxury {
    --am-topbar-bg: linear-gradient(135deg, #d97706 0%, #92400e 100%);
    --am-topbar-shadow: 0 2px 10px rgba(146, 64, 14, .35);
    --am-page-bg: #fffbeb;
    --am-card-bg: #fff;
    --am-accent: #d97706;
    --am-accent-soft: #fef3c7;
    --am-greet: #92400e;
    --am-sider-active: #d97706;
    --am-sider-active-bg: #fef3c7;
    --am-expire-bg: linear-gradient(135deg, #fef3c7 0%, #fff 100%);
    --am-expire-accent: #d97706;
  }

  .admin-body.admin-m-theme-slate-minimal {
    --am-topbar-bg: linear-gradient(135deg, #475569 0%, #334155 100%);
    --am-topbar-shadow: 0 2px 8px rgba(51, 65, 85, .3);
    --am-page-bg: #f1f5f9;
    --am-accent: #475569;
    --am-accent-soft: #e2e8f0;
    --am-greet: #64748b;
    --am-sider-active: #334155;
    --am-sider-active-bg: #e2e8f0;
    --am-expire-bg: linear-gradient(135deg, #e2e8f0 0%, #fff 100%);
    --am-expire-accent: #475569;
  }
}

.am-theme-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
}
.am-theme-card {
  border: 1px solid #eee;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  transition: box-shadow .2s, border-color .2s;
}
.am-theme-card.is-active {
  border-color: #1677ff;
  box-shadow: 0 0 0 2px rgba(22, 119, 255, .15);
}
.am-theme-preview {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
}
.am-theme-body { padding: 14px; }
.am-theme-name { font-size: 15px; font-weight: 600; margin-bottom: 4px; }
.am-theme-tag {
  display: inline-block;
  font-size: 11px;
  color: #1677ff;
  background: #e6f4ff;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 6px;
}
.am-theme-desc { font-size: 12px; color: #888; line-height: 1.5; margin-bottom: 10px; }
.am-theme-actions { display: flex; gap: 8px; }