/* ============================================================
   CSS 变量 & 全局重置 — global.css
   来源：style.css :root/body + new.css :root/body
   计算规则：_Layout 中 new.css 在 style.css 之后加载，
   合并后取实际渲染值（后来覆盖先来，变量无冲突则合并）
   ============================================================ */

/* ============================================================
   CSS 变量
   合并自 style.css :root + new.css :root，无同名冲突，全部保留
   ============================================================ */
:root {
    /* style.css 原有 6 个变量 */
    --container-max: 1260px;
    --blue-grad: linear-gradient(90deg, #1c2746, #1f2e57);
    --red-grad: linear-gradient(90deg, #ff4a2a, #e43f22);
    --text-dark: #1f2937;
    --muted: #6b7280;
    /* new.css 原有 4 个变量（style.css 中无同名冲突） */
    --primary-color: #ff6b35;
    --secondary-color: #004e89;
    --dark-color: #1a1a2e;
    --light-bg: #f8f9fa;
}

/* ============================================================
   全局 body 样式
   style.css(line9-13): color:var(--text-dark); background:#fafcff; overflow-x:hidden
   new.css(line10-13): font-family:'Segoe UI'; overflow-x:hidden
   计算实际属性：new.css 在后，font-family 以 new.css 为准，
   color 和 background style.css 独占 → 合并后即实际渲染值
   ============================================================ */
body {
    color: var(--text-dark);          /* 实际渲染：#1f2937，仅 style.css 定义 */
    background: #fafcff;              /* 实际渲染：#fafcff，仅 style.css 定义*/
    overflow-x: hidden;               /* 两个文件都有，值相同 */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* 实际渲染：new.css 覆盖 */
}

/* ============================================================
   间距工具类 — 仅保留视图中实际使用的
   已删除未使用：at-ml-1/at-mr-1/at-mt-1/at-mb-1/at-pt-1/at-pb-1/bi-plus-circle
   ============================================================ */
.at-m-0 { margin: 0; }
.at-p-0 { padding: 0; }
.at-pl-1 { padding-left: 12px; }
.at-pr-1 { padding-right: 12px; }

/* ============================================================
   布局工具类
   ============================================================ */
.safe-container {
    max-width: var(--container-max);
    width: 100%;
    margin: 0 auto;
    padding: 0 12px;
}

.clearfix::after { content: ""; display: table; clear: both; }
.clearfix { *zoom: 1; }

/* .mb-6 原本在 new.css 中定义，实际渲染时由 new.css 提供，
   全局布局页引用，故保留在 global.css 中 */
.mb-6 { margin-bottom: 4rem; }

/* ============================================================
   颜色工具类（原 new.css line 766-772）
   ============================================================ */
.text-primary-custom { color: var(--primary-color); }
.bg-primary-custom { background-color: var(--primary-color); }