/* ================= global.css =================
 * 前后台公共样式：reset、字体、共享 CSS 变量
 * 页面独有样式保留在各自 admin.css / mini.css
 * =============================================== */

/* —— Reset —— */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { height: 100%; }

/* —— 字体 —— */
body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC",
    "Source Han Sans SC", "Microsoft YaHei", sans-serif;
}

/* —— 共享红色系变量（前后台均使用红色主调） —— */
:root {
  --red: #E8433C;
  --red-deep: #C92A22;
  --red-bright: #FF5B53;
  --red-soft: rgba(232,67,60,.10);
  --red-line: rgba(232,67,60,.28);
  --red-grad: linear-gradient(135deg, #F0544B 0%, #DC3127 55%, #C92A22 100%);
}

/* —— 通用动画 —— */
@keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@keyframes maskIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes popIn { from { opacity: 0; transform: translateY(14px) scale(.98); } to { opacity: 1; transform: none; } }

/* —— 通用按钮基础 —— */
.btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 14px; border-radius: 9px; font-size: 12.5px; font-weight: 600;
  cursor: pointer; user-select: none; border: none; transition: all .15s ease; white-space: nowrap;
}
.btn:active { transform: scale(.97); }
.btn-primary { background: var(--red-grad); color: #fff; box-shadow: 0 4px 12px rgba(217,44,36,.30); }
.btn-ghost { background: #fff; color: #6B7080; border: 1px solid #E8EAF0; }
.btn-danger { background: var(--red-soft); color: var(--red); border: 1px solid var(--red-line); }