/* ===== 靜態內容頁（財務／關於）v2（pg- 前綴，新質感）=====
   與 _shared.css（nav/footer）並存、與其他頁樣式隔離。 */
:root{
  /* 色彩全 alias 到 _shared.css 全域 token（單一來源，2026-07-03 健檢） */
  --pgp:var(--p); --pgpd:var(--pd); --pgpdd:var(--pdd); --pgp10:var(--p10); --pgp20:var(--p20); --pggold:var(--gold);
  --pgbg:var(--bg); --pgink:var(--ink); --pgink2:var(--t); --pgtm:var(--tm); --pgbd:var(--bd);
  --pgmax:880px;
  /* 圓角→shared --r-*；陰影→shared --shadow-card*（第四階段收斂，移除 --pgr/--pgsh） */
}
body[data-page="finance"],body[data-page="about"]{margin:0;background:var(--pgbg);color:var(--pgink);
  font-family:"Noto Sans TC",system-ui,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}
.pg-wrap{max-width:var(--pgmax);margin:0 auto;padding:0 22px}
.pg-sec{padding:34px 0}
.pg-shead{margin-bottom:var(--sp-6)}
.pg-shead h2{font-size:var(--fs-l);font-weight:900;margin:0;line-height:1.25;letter-spacing:0;color:var(--pgink)}
.pg-shead h2::after{content:none}
.pg-shead .sub{font-size:var(--fs-base);color:var(--pgtm);margin-top:var(--sp-2)}

/* Hero：骨架已抽到 _shared.css .tf-hero；.pg-hero／.pg-eyebrow 為薄 alias（與 .tf-hero 同組定義）。
   本頁不再定義 hero 本體，about 頁的飛魚版 h1 覆寫仍 scope 在 .pg-hero（見該頁 inline style）。 */

/* 表格 */
.pg-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--pgbd);border-radius:var(--r-md);overflow:hidden;font-size:var(--fs-base);box-shadow:var(--shadow-card)}
.pg-table th{text-align:left;padding:13px 16px;font-weight:900;font-size:var(--fs-xs);letter-spacing:1px;color:var(--pgp);background:var(--pgp10)}
.pg-table th.r,.pg-table td.r{text-align:right;font-weight:700}
.pg-table td{padding:14px 16px;border-top:1px solid var(--pgbd);color:var(--pgink2)}
.pg-table tr.total td{background:var(--pgp10);font-weight:900;color:var(--pgink)}
.pg-table .sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}
.pg-table .party-name{font-weight:700;color:var(--pgink)}

/* 對比卡 */
.pg-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pg-ccard{background:#fff;border:1px solid var(--pgbd);border-radius:var(--r-md);padding:20px 22px;box-shadow:var(--shadow-card)}
.pg-ccard .ti{font-size:var(--fs-xs);color:var(--pgtm);font-weight:700;letter-spacing:1px;margin-bottom:6px}
.pg-ccard .num{font-size:44px;font-weight:900;color:var(--pgp);line-height:1.1}
.pg-ccard .num small{font-size:var(--fs-base);color:var(--pgtm)}
.pg-ccard .desc{font-size:var(--fs-xs);color:var(--pgink2);margin-top:10px;line-height:1.75}

/* 行動列 */
.pg-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.pg-act{background:#fff;border:1px solid var(--pgbd);border-left:4px solid var(--pgp);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow-card-sm)}
.pg-act .at{font-weight:900;color:var(--pgink);margin-bottom:5px}
.pg-act .ad{font-size:var(--fs-xs);color:var(--pgtm);line-height:1.6}

/* 關於：共同價值浮卡 */
.pg-values{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:var(--pgmax);margin:-30px auto 20px;padding:0 22px;position:relative;z-index:2}
.pg-value{background:#fff;border:1px solid var(--pgbd);border-radius:var(--r-md);padding:22px 14px;text-align:center;box-shadow:0 14px 30px -12px rgba(43,31,69,.35)}
.pg-value .vt{font-weight:900;font-size:var(--fs-base);color:var(--pgink);letter-spacing:.5px}
.pg-vnote{grid-column:1/-1;text-align:center;font-size:var(--fs-xs);color:var(--pgtm);font-weight:700;margin-top:6px}
@media(max-width:768px){.pg-values{grid-template-columns:repeat(2,1fr);margin-top:-16px}}

/* 關於：不合群 callout（已停用，保留樣式） */
.pg-callout{background:linear-gradient(150deg,var(--pgpdd),var(--pgp) 130%);color:#fff;border-radius:var(--r-lg);padding:30px 32px;max-width:var(--pgmax);margin:-30px auto 20px;position:relative;z-index:2;text-align:center;font-size:var(--fs-m);font-weight:700;line-height:2.3;box-shadow:0 18px 38px -14px rgba(43,31,69,.55);font-family:"Noto Serif TC",serif}
.pg-callout .bw{color:var(--pggold);font-weight:900}
@media(max-width:560px){.pg-callout{font-size:var(--fs-base);line-height:2}}

/* 四黨卡 */
.pg-parties{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pg-party{background:#fff;border:1px solid var(--pgbd);border-radius:var(--r-md);padding:20px 16px;text-align:center;box-shadow:var(--shadow-card);transition:.15s}
.pg-party:hover{transform:translateY(-3px)}
.pg-party .pd{width:44px;height:10px;border-radius:99px;margin:0 auto 12px}
.pg-party .pn{font-weight:900;font-size:var(--fs-base);color:var(--pgink)}
.pg-party .pe{font-size:var(--fs-xs);color:var(--pgtm);letter-spacing:1px;margin-top:2px}
.pg-party .pl{font-size:var(--fs-xs);font-weight:900;color:var(--pgp);margin-top:8px}
.pg-party .pm{font-size:var(--fs-xs);color:var(--pgink2);margin-top:6px;line-height:1.6}
@media(max-width:768px){.pg-parties{grid-template-columns:repeat(2,1fr)}}

/* 六原則 */
.pg-principles{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.pg-principle{background:#fff;border:1px solid var(--pgbd);border-left:4px solid var(--pggold);border-radius:var(--r-md);padding:18px 20px;box-shadow:var(--shadow-card-sm)}
.pg-principle .pt{font-weight:900;font-size:var(--fs-base);color:var(--pgp);margin-bottom:6px}
.pg-principle .pd{font-size:var(--fs-xs);color:var(--pgink2);line-height:1.7}
@media(max-width:768px){.pg-principles,.pg-actions,.pg-compare{grid-template-columns:1fr}}

/* 散文 / 軟卡 */
.pg-prose{font-size:var(--fs-base);line-height:1.9;color:var(--pgink2)}
.pg-prose strong{color:var(--pgp);font-weight:800}
.pg-prose p+p{margin-top:14px}
/* 條款型內容（隱私權政策）：還原被全域 reset 歸零的清單縮排；三層符號 disc→circle→square 對應文件 ●○■ */
.pg-prose h2{font-size:var(--fs-base);font-weight:700;color:var(--pgink,inherit);margin:24px 0 6px}
.pg-prose ul{list-style:disc;padding-left:1.7em;margin:6px 0 14px}
.pg-prose ul ul{list-style:circle;margin:6px 0;padding-left:1.7em}
.pg-prose ul ul ul{list-style:square}
.pg-prose li{margin:6px 0}
.pg-soft{background:#fff;border:1px solid var(--pgbd);border-radius:var(--r-md);padding:18px 22px;font-size:var(--fs-base);line-height:1.75;color:var(--pgink2);box-shadow:var(--shadow-card-sm)}
.pg-soft strong{color:var(--pgp)}.pg-soft a{color:var(--pgp);font-weight:700;text-decoration:none}
.pg-note{text-align:center;font-size:var(--fs-base);color:var(--pgtm);line-height:1.7;margin-top:12px}
.pg-note a{color:var(--pgp);font-weight:700}
.pg-foot{text-align:center;color:var(--pgtm);font-size:var(--fs-xs);padding:28px 18px 44px}

/* 資料來源／備註統一規範（可複用；finance 頁尾，字級 --fs-xs、標籤 pill、條列懸掛縮排）*/
.pg-sources{max-width:var(--pgmax);margin:0 auto;padding:26px 22px 46px;font-size:var(--fs-xs);color:var(--pgtm);line-height:1.85}
.pg-sources .src-cap{font-weight:900;letter-spacing:1px;color:var(--pgink);margin-bottom:12px}
.pg-sources .src-g{margin-bottom:14px}
.pg-sources .src-g:last-child{margin-bottom:0}
.pg-sources .src-lbl{display:inline-block;font-weight:900;letter-spacing:2px;color:var(--pgp);background:var(--pgp10);border-radius:var(--r-pill);padding:2px 12px;margin-bottom:6px}
.pg-sources ul{list-style:none;margin:0;padding:0}
.pg-sources li{padding-left:1em;text-indent:-1em;margin-top:4px}
.pg-sources li::before{content:"・";color:var(--pgp)}

/* ===== 財務頁「以小博大」===== */
.fin-bars{background:#fff;border:1px solid var(--pgbd);border-radius:var(--r-lg);padding:26px 26px 18px;box-shadow:var(--shadow-card)}
.fin-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.fin-row .fn{flex:0 0 84px;font-weight:900;font-size:var(--fs-base);text-align:right;color:var(--pgink)}
.fin-row .ft{flex:1;height:26px;background:#f0efed;border-radius:6px;overflow:hidden}
.fin-row .ft i{display:block;height:100%;min-width:3px;border-radius:6px}
.fin-row .fv{flex:0 0 88px;font-size:var(--fs-base);font-weight:900;color:var(--pgink)}
.fin-row .fv small{color:var(--pgtm)}
.fin-row.us .fn{color:var(--pgp)}
.fin-callout{text-align:left;padding-left:96px;font-size:var(--fs-base);color:var(--pgp);font-weight:900;margin:2px 0 10px}
.fin-note{font-size:var(--fs-xs);color:var(--pgtm);line-height:1.7;border-top:1px solid var(--pgbd);padding-top:10px}
.fin-sub{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.fin-subcard{background:#fff;border:1px solid var(--pgbd);border-radius:var(--r-md);padding:20px 22px;box-shadow:var(--shadow-card)}
.fin-subcard .k{font-size:var(--fs-xs);font-weight:900;letter-spacing:2px;color:var(--pgtm)}
.fin-subcard .v{font-size:var(--fs-base);font-weight:900;color:var(--pgink);margin-top:6px;line-height:1.6}
.fin-subcard .v b{color:var(--pgp)}
.fin-subcard .d{font-size:var(--fs-xs);color:var(--pgtm);margin-top:8px;line-height:1.7}
.fin-lever{display:flex;gap:28px;align-items:center;background:linear-gradient(150deg,var(--pgpdd),var(--pgp) 130%);color:#fff;border-radius:var(--r-lg);padding:34px 36px;box-shadow:0 18px 38px -14px rgba(43,31,69,.55)}
.fin-lever .txt p{font-size:var(--fs-base);line-height:1.95;margin:0 0 12px;color:rgba(255,255,255,.94)}
.fin-lever .txt b{color:var(--gold-soft)}
.fin-lever .txt a{color:#fff;font-weight:900;font-size:var(--fs-base);border-bottom:2px solid var(--pggold);text-decoration:none}
.fin-trillion{text-align:center;background:#fff;border:1px solid var(--pgbd);border-radius:var(--r-lg);padding:44px 26px;box-shadow:var(--shadow-card)}
.fin-trillion .tk{font-size:var(--fs-base);font-weight:900;color:var(--pgp);margin-bottom:8px;line-height:1.5}
.fin-trillion .tn{font-size:110px;font-weight:900;color:var(--pgp);line-height:1}
.fin-trillion .tn span{font-size:36px;color:var(--pgtm);margin-left:6px}
.fin-trillion .tt{font-size:var(--fs-m);font-weight:900;color:var(--pgink);margin-top:12px}
.fin-trillion .td{font-size:var(--fs-xs);color:var(--pgtm);margin-top:8px;max-width:52ch;margin-left:auto;margin-right:auto;line-height:1.7}
.fin-trillion .btn{margin-top:var(--sp-5)}
@media(max-width:700px){
  .fin-sub{grid-template-columns:1fr}
  .fin-lever{flex-direction:column;gap:10px;padding:26px 22px;text-align:center}
  .fin-lever .txt{text-align:left}   /* 長段落手機維持左對齊，避免置中難讀 */
  .fin-lever .big .n{font-size:80px}
  .fin-trillion .tn{font-size:68px}
  .fin-row .fn{flex-basis:64px;font-size:var(--fs-xs)}
  .fin-row .fv{flex-basis:64px;font-size:var(--fs-xs)}
  .fin-callout{padding-left:76px}
}

/* 財務頁收尾：三承諾＋伏筆句 */
.fin-bridge{margin-top:12px;font-size:var(--fs-base);font-weight:900;color:var(--pgp)}
.fin-promise{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
.fin-promise .fp{background:#fff;border:1px solid var(--pgbd);border-top:4px solid var(--pggold);border-radius:var(--r-md);padding:22px;box-shadow:var(--shadow-card)}
.fin-promise .ft2{font-size:var(--fs-base);font-weight:900;color:var(--pgp)}
.fin-promise .fd{font-size:var(--fs-xs);color:var(--pgink2);margin-top:8px;line-height:1.75}
@media(max-width:700px){.fin-promise{grid-template-columns:1fr}}

/* 關於頁：三步路徑 */
.pg-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pg-steps .ps{background:#fff;border:1px solid var(--pgbd);border-radius:var(--r-md);padding:22px;box-shadow:var(--shadow-card)}
.pg-steps .no{width:40px;height:40px;border-radius:50%;background:var(--pgp);color:#fff;font-weight:900;font-size:var(--fs-base);display:flex;align-items:center;justify-content:center}
.pg-steps .pt2{font-size:var(--fs-base);font-weight:900;color:var(--pgink);margin-top:12px}
.pg-steps .pd2{font-size:var(--fs-xs);color:var(--pgink2);margin-top:6px;line-height:1.75}
@media(max-width:700px){.pg-steps{grid-template-columns:1fr}}