/* ========================================================= * BeaconGame Wiki - 全局样式 * 设计要点： * 1) 主题用 CSS 变量：只切换 ，组件样式零改动； * 2) 装饰一律用渐变/emoji，不引用外部图片，避免子路径部署下的 404； * 3) 文档页用「左侧固定栏 + 右侧内容」布局，移动端自动堆叠； * 4) 全站响应式，断点 920px（侧栏收起）与 760px（导航折叠）。 * ========================================================= */ /* ---------- 浅色主题（默认） ---------- */ :root { --bg: #f5f7fa; --bg-soft: #eef2f7; --surface: #ffffff; --text: #1c2128; --muted: #5b6570; --border: #e2e6ec; --brand: #2f6fed; --brand-2: #7c3aed; --brand-soft: #e8f0ff; --ok: #17803d; --ok-soft: #e6f6ec; --warn: #b45309; --warn-soft: #fdf3e3; --danger: #b42318; --danger-soft:#fdeceb; --shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .06); --radius: 14px; --maxw: 1120px; --nav-h: 60px; --side-w: 260px; color-scheme: light; } /* ---------- 深色主题：只覆盖变量 ---------- */ [data-theme="dark"] { --bg: #0e1116; --bg-soft: #151a21; --surface: #161b22; --text: #e6edf3; --muted: #98a2b3; --border: #262d36; --brand: #6ea8fe; --brand-2: #a78bfa; --brand-soft: #16233a; --ok: #56d364; --ok-soft: #12261a; --warn: #e3b341; --warn-soft: #2a2417; --danger: #f0883e; --danger-soft:#2a1c18; --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35); color-scheme: dark; } /* ---------- 基础重置 ---------- */ * { box-sizing: border-box; } html { scroll-behavior: smooth; scroll-padding-top: calc(var(--nav-h) + 16px); /* 防止吸顶导航挡住锚点标题 */ -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif; background: var(--bg); color: var(--text); line-height: 1.75; transition: background-color .25s ease, color .25s ease; } a { color: var(--brand); text-decoration: none; } a:hover { text-decoration: underline; } /* 图片默认不超出容器宽度，防止大图/二维码撑破布局 */ img { max-width: 100%; } /* 键盘可达性：聚焦时给出清晰轮廓（鼠标点击不触发） */ a:focus-visible, button:focus-visible, .btn:focus-visible, .card:focus-visible, .tag-filter button:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; border-radius: 8px; } code { font-family: ui-monospace, SFMono-Regular, Consolas, "Courier New", monospace; background: var(--bg-soft); border: 1px solid var(--border); border-radius: 6px; padding: 1px 6px; font-size: .9em; } pre { background: var(--bg-soft); border: 1px solid var(--border); border-radius: 10px; padding: 14px 16px; overflow-x: auto; } pre code { background: none; border: none; padding: 0; } .wrap { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 20px; } /* ========================================================= * 顶部导航栏（由 js/main.js 注入到