/* 設計 token — 全站唯一顏色／字體／間距來源。 60／30／10：白做底（60%）、淺灰卡同灰字做結構（30%）、品牌深綠只落喺主要掣、當前選單項、可用標籤（10%）。 品牌色由 team.js 喺 runtime 覆寫 --brand-*；頁面唔准寫死顏色。 */ :root{ --brand-deep:#0F2E1F; --brand-deeper:#061E10; --brand-green:#00A758; --brand-green-deep:#00703C; --brand-gold:#C9A45C; --brand-gold-deep:#A8843F; --brand-hero-ink:#FBF7EC; --bg:#FFFFFF; --bg2:#F4F5F2; --card:#FFFFFF; --card2:#F8F9F7; --line:#E3E5E0; --line2:#ECEEEA; --ink:#14211B; --ink2:#3A4640; --muted:#6E7873; --faint:#9AA39E; --primary:var(--brand-deep); --primary-ink:#FFFFFF; --accent:var(--brand-gold); --accent-ink:var(--brand-deeper); --accent-soft:rgba(201,164,92,.16); --link:var(--brand-green-deep); --focus:rgba(5,150,105,.18); --ok:#1F7A45; --ok-soft:rgba(52,211,153,.16); --bad:#B42323; --bad-soft:rgba(180,35,35,.10); --warn:#A8620E; --warn-soft:rgba(168,98,14,.12); --info:#1F5FA8; --info-soft:rgba(31,95,168,.10); --neutral-soft:rgba(110,120,115,.12); --q1:rgba(0,167,88,.16); --q2:rgba(0,167,88,.07); --q3:rgba(180,35,35,.06); --q4:rgba(180,35,35,.14); /* 圖表色板（2026-09-21，用戶 Winston：「直條圖顏色太接近，比較時根本分唔到」）—— 以前四頁各自 hardcode 三隻 token，其中 --brand-gold-deep 同 --warn 本身都係啡金，Winston 皮更加將主色同第一隻比較色設成同一隻藍。 --chart-1 ＝ 本基金／主體（跟品牌）；--chart-2..4 ＝ 比較對象，固定次序、唔准循環；--chart-avg ＝ 市場／同類平均（中性灰，唔搶主體）。 四隻經 dataviz 驗證器（CVD ΔE ≥ 12、正常視力 ≥ 16、對白底 ≥ 3:1）；租戶皮可以覆寫（theme.tokens 只准覆寫呢度已有嘅變數）。 */ --chart-1:var(--brand-green-deep); --chart-2:#C46F14; --chart-3:#C2447A; --chart-4:#7B4FBF; --chart-avg:#9AA39E; --sans:"Noto Sans TC",-apple-system,"PingFang TC","Microsoft JhengHei",sans-serif; --mono:"IBM Plex Mono","SF Mono",Menlo,monospace; --serif:var(--sans); /* 租戶皮先覆寫（team.js theme.serif）；冇皮嘅隊 serif ＝ sans，零變化 */ /* 刻意保留寫死值嘅三處（唔係漏做）： profile.css:37 44px 同 notify.css:109 28px —— 圓形頭像入面嘅字母，跟容器直徑按比例算； mpf.css:91 28px —— @media 內由 --fs-3xl(32px) 縮落嚟，冇合適 token（用 24px 縮太多）。 */ /* 字級 token ＝ 基準 px × --fs-scale（2026-09-21 用戶 Winston：「加個掣統一調校網頁文字大細」）。 token 全部係 px 定義，改 html font-size 無效；所以由 shell.js 按 localStorage thFontScale 落 ， 喺呢度改 --fs-scale，86% CSS（用 var(--fs-*)）即刻跟。寫死 px 嘅位（見上面三處＋ content.css）唔跟，係已知。 */ --fs-scale:1; --fs-3xs:calc(10px * var(--fs-scale)); --fs-2xs:calc(11px * var(--fs-scale)); --fs-xs:calc(12px * var(--fs-scale)); --fs-sm:calc(13px * var(--fs-scale)); --fs-md:calc(14px * var(--fs-scale)); --fs-lg:calc(16px * var(--fs-scale)); --fs-xl:calc(20px * var(--fs-scale)); --fs-2xl:calc(24px * var(--fs-scale)); --fs-3xl:calc(32px * var(--fs-scale)); --fs-hero:calc(clamp(22px,2.4vw,28px) * var(--fs-scale)); /* 間距階梯。原本得 4/8/12/16/22/32，但介面實際最常用嘅 6px(33)／10px(44)／14px(25) 三個值都冇 token —— 所以冇人跟得住。補三個半級，現有 sp-1..sp-7 值不變，零破壞。 */ --sp-1:4px; --sp-1h:6px; --sp-2:8px; --sp-2h:10px; --sp-3:12px; --sp-3h:14px; --sp-4:16px; --sp-5:22px; --sp-6:32px; --sp-7:48px; --r-xs:3px; --r-sm:6px; --r-md:10px; --r-lg:14px; --r-pill:999px; --shadow:0 1px 2px rgba(20,33,27,.04),0 6px 18px rgba(20,33,27,.05); --topbar-h:56px; --side-w:232px; --side-w-min:64px; color-scheme:light only; } html[data-fs="sm"]{--fs-scale:.92} html[data-fs="lg"]{--fs-scale:1.12} html[data-fs="xl"]{--fs-scale:1.25} /* 固定白底：唔跟系統深色模式（用戶 2026-08-30 決定，介面要同 mockup 一致） */