/* 管理端皮肤：只作用于 /admin/dashboard 与 /admin/usage，与用户端保持同一套视觉语言 */

html.admin-skin {
  --ad-surface: #1b1c20;
  --ad-border: #34363d;
}
html[data-theme="light"].admin-skin,
html.admin-skin.light {
  --ad-surface: #ffffff;
  --ad-border: #e3e5e7;
}

/* 页面留白收一点，内容更宽 */
html.admin-skin main { padding: 24px 22px !important; }

/* 卡片：统一为 8px 圆角、实底、无阴影（对齐用户端的卡片语言） */
html.admin-skin .card {
  background: var(--ad-surface) !important;
  border-color: var(--ad-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* 说明：管理端表格列数远多于用户端（且图表旁还有密集小表），
   这里刻意不动表格字号与内边距，避免把布局撑坏。 */