/* ═══════════════════════════════════════════ base.css — 子页面基础层（继承 style.css 之后）用途: 所有非 index.html 的子页面引用此文件解决: 覆盖 style.css 的 html/body flex 居中，提供统一的 body 基础样式 + 角色主题变量加载顺序: style.css → components.css → base.css → 页面专属style ═══════════════════════════════════════════ */ /* ── 覆盖 style.css 的 flex 居中 ── */ html, body { height: auto !important; min-height: 100vh; display: block !important; justify-content: normal !important; align-items: normal !important; } /* ── 子页面统一 body 基准 ── */ body { background: var(--color-bg, #0a060e); color: var(--color-text, #e8d8c8); font-family: 'PingFang SC', 'Microsoft YaHei', -apple-system, sans-serif; overflow-x: hidden; } /* ── 链接默认无装饰 ── */ a { text-decoration: none; } /* ════════════════════════════════════ 角色主题色变量（子页面覆盖使用）用法: 在或页面