/*
 * ANGS 客户前台（站点 1）· 站点私有样式
 * ══════════════════════════════════════════════════════════════════════════
 * 🔴 **全局约束（用户 2026-10-12）**：
 *    "不要用非 Tabler 的组件、样式、UI、图标等，用 Tabler 开源项目的一切内容，
 *     非开源付费的不要用。**不要自己写组件、样式、UI、交互等等**"
 *   ⇒ 本文件**⛔ 不定义任何组件、⛔ 不重写任何 Tabler 组件的外观**，
 *      只允许做《技术-26-034》§四·4 的那一件事：**用 Tabler 自己的 CSS 变量覆盖品牌取值**。
 *
 * ⚠️ **2026-10-12 修正（我先前写错了，如实登记）**：本文件初版覆盖了三个 token，
 *    其中**两个是错的 —— 那不是"换肤"，是"改 Tabler 的设计"**：
 *      · `--tblr-border-radius-lg: 10px` —— 核心默认是 **8px** ⇒ 这会把**所有卡片**的圆角改掉；
 *      · `--tblr-body-bg: #f6f7f9` —— 核心默认是 **`light-dark(...)`**（跟随明/暗主题）
 *        ⇒ 写死一个亮色会**破坏暗色模式**（Tabler 的 `tabler-theme.min.js` 就切这个）。
 *    ⇒ 两条**已删**。判据：覆盖后的取值**必须**论证"这是品牌决定"，而不是"我觉得好看"。
 *       用户要的是"用 Tabler 的一切"，⛔ 不是"用 Tabler 再改它"。
 *
 * ⚠️ 依据与边界：
 *   · 《技术-26-034》§〇：「站点私有样式（app.css）｜✅ **各站独立**｜品牌色／圆角／密度／字体全不同」
 *   · 《技术-26-034》§一·2：🔴 **同一页 ⛔ 不许混用两套 CSS 框架** ⇒ 本文件⛔ 不含 Tailwind。
 *   · 与后台共用**同一份** `tabler.min.css`（034 §一·1：⛔ 不许两份 vendor）。
 * ══════════════════════════════════════════════════════════════════════════
 */

:root {
  /* ── 品牌主色 ────────────────────────────────────────────────────────────
     Tabler v1.6.1 的核心主色＝`oklch(54.6% 0.1724 254.2deg)`（≈ `#066fd1`）。
     ANGS 暂**沿用同一个值**（＝不改 Tabler 的默认观感）。
     ⚠️ 将来若要换品牌色，**只改这一处**，⛔ 不要新增任何组件级规则。
     ⚠️ 必须同时给 `-rgb`（Tabler 有些地方用 `rgba(var(--tblr-primary-rgb), …)`）。 */
  --tblr-primary: oklch(54.6% 0.1724 254.2deg);
  --tblr-primary-rgb: 6, 111, 209;
}

/* ══════════════════════════════════════════════════════════════════════════
   译文叠放（《归档-26-011》§三）—— 与后台 `base.html` 里那份**同一组类名与观感**：
   `.tv-src`＝英文原文（次级色）／`.tv-dst`＝中文译文（正文色）—— **两行同字号**，只用颜色区分
   （用户 2026-10-13：*"为什么原文比译文小？不应该是一样大小，然后用颜色区分？"*）。
   🔴 为什么**叠放**而不是替换：运营要能**对照**原文（翻译可能不准）⇒ ⛔ 不覆盖英文。
   ⚠️ 只在 `[data-tv]` 上生效；开关关掉时这两个类根本不会被加上去。
   ══════════════════════════════════════════════════════════════════════════ */
.tv-src { line-height: 1.35; color: var(--tblr-secondary); word-break: break-word; }
.tv-dst { line-height: 1.35; margin-top: .1rem; color: var(--tblr-body-color); word-break: break-word; }