* 1) body.hm-page 提供全部 Design Token（亮/暗）与页面底色 * 2) .hm 提供内容区底色、组件作用域与遗留区块的统一化 * 3) 组件类一律 hm- 前缀，避免与 dark-theme.css 的 !important 旧规则冲突 * 引入位置：必须放在 system/dark-theme.css 之后 */ /* ══════════════════════════════════════════════════════════ 摄影社区风格 UI —— PC / 移动端共用同一套结构与组件令牌作用域：亮色在 body.hm-page，暗色在 html[data-theme="dark"] body.hm-page （特异性高于 dark-theme.css 的 [data-theme="dark"] body，可压掉其 !important），两套主题共用同一 DOM 与组件，仅切换变量值。新组件一律使用 hm- 前缀，避开 dark-theme.css 中的 !important 旧规则。 ══════════════════════════════════════════════════════════ */ /* 令牌挂在 body.hm-page 上，使 .hm 之外的固定导航等元素也能取到同一套变量 */ body.hm-page{ --bg-primary:#f7f7f5; --bg-secondary:#f0f0ed; --bg-card:#ffffff; --bg-elevate:#ffffff; --text-primary:#0b0b0c; --text-secondary:#5b5f66; --text-muted:#8b9099; --border-color:#e7e7e3; --accent-color:#0e7bb8; --accent-soft:rgba(14,123,184,.10); --accent-ink:#ffffff; --nav-background:rgba(247,247,245,.86); --shadow-card:0 1px 2px rgba(0,0,0,.05); --r-card:16px; --r-pill:999px; /* 旧变量桥接：站内多数页面的自有