/* 倉老闆 CangPro — 客戶端設計 token 層(單一設計真相源)
 * 用法:各頁 <head> 加 <link rel="stylesheet" href="/css/cangpro.css">。
 *      只加 <link> 頁面「不會變」(只引入 CSS 變數與 cp-* 元件),要用時把 inline style 換成 cp-* class,可逐頁漸進、隨時回退。
 * 基準取自 wallet.html(spec 說 4 頁中最精緻)。ES 無關、純 CSS、零外部相依(不從 Google Fonts 抓,避免深圳連外部 CDN 不穩)。
 */
:root{
  /* 色 —— 收斂自 wallet/member(primary 磚紅、accent 橘) */
  --cp-primary:#c8360a; --cp-primary-d:#a52d08; --cp-accent:#ff6b35;
  --cp-ink:#1a1208; --cp-muted:#7a5040; --cp-muted2:#9b7860; --cp-faint:#999;
  --cp-bg:#faf9f7; --cp-line:#f0e8dc; --cp-surface:#fff;
  --cp-tint:#fff5ec; --cp-tint-green:#e8f5f0; --cp-tint-amber:#fef4e0; --cp-tint-blue:#e8f3ff;
  --cp-ok:#1a7a5e; --cp-warn:#b45309; --cp-danger:#dc2626; --cp-info:#2266b8; --cp-line-green:#06c755;
  /* 圓角(原本 8/10/12/14/16/18/24 太多 → 收成 4 級) */
  --cp-r-sm:8px; --cp-r:12px; --cp-r-card:14px; --cp-r-lg:20px;
  /* 陰影 */
  --cp-shadow:0 2px 10px rgba(60,40,20,.06); --cp-shadow-modal:0 8px 32px rgba(0,0,0,.25);
  /* 字級(收成一套 scale) */
  --cp-fs-xs:11px; --cp-fs-sm:13px; --cp-fs:14px; --cp-fs-md:15px;
  --cp-fs-lg:17px; --cp-fs-xl:20px; --cp-fs-hero:28px;
  /* 間距 */
  --cp-sp:8px; --cp-sp2:12px; --cp-sp3:16px; --cp-sp4:20px;
  /* 字體(統一;純字體名、不從 Google Fonts 抓) */
  --cp-font:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;
}
/* 元件(給頁面漸進採用,class 前綴 cp- 不會撞到現有 class) */
.cp-page{background:var(--cp-bg);color:var(--cp-ink);font-family:var(--cp-font);}
.cp-card{background:var(--cp-surface);border-radius:var(--cp-r-card);padding:18px;box-shadow:var(--cp-shadow);border:1px solid var(--cp-line);}
.cp-card+.cp-card{margin-top:var(--cp-sp2);}
.cp-title{font-size:var(--cp-fs-lg);font-weight:800;color:var(--cp-ink);margin:0 0 var(--cp-sp2);}
.cp-sub{font-size:var(--cp-fs-sm);color:var(--cp-muted);line-height:1.6;}
.cp-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:14px;border-radius:var(--cp-r);font-weight:700;font-size:var(--cp-fs-md);border:none;cursor:pointer;font-family:inherit;box-sizing:border-box;}
.cp-btn-primary{background:var(--cp-primary);color:#fff;}
.cp-btn-primary:active{background:var(--cp-primary-d);}
.cp-btn-ghost{background:#fff;color:var(--cp-primary);border:1.5px solid var(--cp-primary);}
.cp-btn:disabled{opacity:.5;cursor:not-allowed;}
.cp-chip{display:inline-block;border:1.5px solid var(--cp-line);border-radius:10px;padding:9px 13px;font-size:var(--cp-fs-sm);background:#fff;color:var(--cp-ink);cursor:pointer;user-select:none;}
.cp-chip.on{background:var(--cp-primary);color:#fff;border-color:var(--cp-primary);font-weight:700;}
.cp-input{width:100%;padding:12px;border:1.5px solid var(--cp-line);border-radius:var(--cp-r);font-size:var(--cp-fs-md);box-sizing:border-box;font-family:inherit;background:#fff;color:var(--cp-ink);}
.cp-input:focus{outline:none;border-color:var(--cp-primary);}
.cp-modal{background:#fff;border-radius:var(--cp-r-lg);box-shadow:var(--cp-shadow-modal);}
.cp-muted{color:var(--cp-muted);}
.cp-hr{height:1px;background:var(--cp-line);border:0;margin:var(--cp-sp2) 0;}

/* ===== P5 全站視覺統一(2026-09-30)：頁面殼層 cp-*；頁內禁止自訂色碼/字體，只能用 var(--cp-*) 與下列 class ===== */
:root{--cp-primary-tint:#fdeee6;--cp-tint-line:#f6d9c8;--cp-ink2:#3a2e25;--cp-fs-h1:26px;--cp-max:480px;--cp-max-wide:1100px}
*,*::before,*::after{box-sizing:border-box}
body.cp-page{margin:0;line-height:1.65;font-size:var(--cp-fs-md);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;background:linear-gradient(180deg,#fbf3ea 0%,var(--cp-bg) 260px) no-repeat var(--cp-bg)}
.cp-wrap{max-width:var(--cp-max);margin:0 auto;padding:0 16px 96px}
.cp-wrap.wide{max-width:var(--cp-max-wide)}
.cp-hero{padding:28px 4px 18px;text-align:center}
.cp-hero h1{font-size:var(--cp-fs-h1);font-weight:800;line-height:1.3;color:var(--cp-ink);margin:0 0 8px}
.cp-hero h1 em{font-style:normal;color:var(--cp-primary)}
.cp-hero p{margin:0 auto 14px;color:var(--cp-muted);font-size:var(--cp-fs-md);max-width:34em}
.cp-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0 0}
.cp-badge{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:999px;padding:6px 12px;font-size:var(--cp-fs-sm);color:var(--cp-ink2);font-weight:700}
.cp-banner{background:var(--cp-ink);color:#fff}
.cp-alert{background:var(--cp-primary-tint);border:1px solid var(--cp-tint-line);border-radius:var(--cp-r);padding:14px 16px;margin:0 0 10px;color:var(--cp-ink2);text-align:center;font-size:var(--cp-fs-md);line-height:1.6}
.cp-alert b,.cp-strip b{color:var(--cp-primary)}
.cp-strip{background:var(--cp-tint);border:1px solid var(--cp-line);border-radius:var(--cp-r);padding:14px 16px;margin:0 0 10px;font-size:var(--cp-fs-md);color:var(--cp-ink2)}
.cp-strip.hl{background:var(--cp-primary-tint);border-color:var(--cp-tint-line)}
.cp-ok-card{background:var(--cp-tint-green);border:1px solid #cfe9d8;border-radius:var(--cp-r-card);padding:13px 15px;margin:0 0 10px;box-shadow:var(--cp-shadow)}
.cp-ok-card .h{font-weight:800;color:var(--cp-ok);margin-bottom:6px}
.cp-ok-card .b{font-size:var(--cp-fs);color:var(--cp-ink2);line-height:1.75}
.cp-ok-card .t{font-size:var(--cp-fs-xs);color:var(--cp-muted2);margin-top:8px;border-top:1px dashed var(--cp-tint-green);padding-top:6px}
.cp-shot{display:block;width:100%;border-radius:var(--cp-r);border:1px solid var(--cp-line);margin:0 0 4px}
.cp-shot-cap{font-size:var(--cp-fs-xs);color:var(--cp-muted2);margin:0 0 12px;text-align:center}
.cp-sec{padding:18px 2px 6px}
.cp-h2{font-size:var(--cp-fs-xl);font-weight:800;color:var(--cp-ink);margin:6px 0 14px;text-align:center}
.cp-q{font-weight:800;color:var(--cp-primary);font-size:var(--cp-fs-lg);margin:16px 0 4px}
.cp-a{font-size:var(--cp-fs-md);color:var(--cp-ink2)}
.cp-trust{font-size:var(--cp-fs-sm);color:var(--cp-muted);text-align:center;margin-top:14px}
.cp-link{display:block;text-align:center;margin-top:14px;font-size:var(--cp-fs);color:var(--cp-muted);text-decoration:underline}
a.cp-cta{display:block;background:var(--cp-primary);color:#fff;text-align:center;font-size:var(--cp-fs-lg);font-weight:800;text-decoration:none;padding:13px 14px;border-radius:var(--cp-r);box-shadow:0 4px 14px rgba(200,54,10,.28)}
a.cp-cta:active{background:var(--cp-primary-d);transform:translateY(1px)}
a.cp-cta .sub{display:block;font-size:var(--cp-fs);font-weight:600;opacity:.95;margin-top:3px}
.cp-bar{position:fixed;left:0;right:0;bottom:0;background:var(--cp-surface);border-top:1px solid var(--cp-line);padding:9px 14px;box-shadow:0 -2px 10px rgba(60,40,20,.06);z-index:50}
.cp-bar a.cp-cta{max-width:var(--cp-max);margin:0 auto;font-size:var(--cp-fs-md);padding:11px}
@media(min-width:900px){.cp-wrap:not(.wide){max-width:560px}.cp-hero h1{font-size:32px}}
.cp-hero p a{color:inherit;text-decoration:none;font-weight:700}
.cp-em{color:var(--cp-primary);font-weight:800}
.cp-alert{margin-top:14px}

/* ===== P5 批2 index 整頁重做(2026-09-30)：首頁版面 class(只給 index.html 用,全走 var(--cp-*)) ===== */
:root{--cp-scrim:rgba(26,18,8,.45);--cp-on-primary-soft:rgba(255,255,255,.15);--cp-fs-hero-lg:44px}
.cp-cont{max-width:var(--cp-max-wide);margin:0 auto;padding:0 16px}
.cp-top{position:sticky;top:0;z-index:100;background:var(--cp-surface);border-bottom:1px solid var(--cp-line)}
.cp-top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px}
.cp-brand{font-size:var(--cp-fs-xl);font-weight:800;color:var(--cp-ink);text-decoration:none;letter-spacing:.05em}
.cp-brand span{color:var(--cp-primary)}
.cp-top-nav{display:none;flex:1;justify-content:center;align-items:center;gap:22px}
.cp-top-nav a{color:var(--cp-ink2);text-decoration:none;font-size:var(--cp-fs-md);font-weight:600}
.cp-top-nav a:hover{color:var(--cp-primary)}
a.cp-cta.cp-top-cta{display:none;padding:9px 18px;font-size:var(--cp-fs);border-radius:999px;box-shadow:none;white-space:nowrap}
.cp-band{padding:36px 0;scroll-margin-top:72px}
.cp-band.alt{background:var(--cp-surface);border-top:1px solid var(--cp-line);border-bottom:1px solid var(--cp-line)}
.cp-band.tint{background:var(--cp-tint);border-top:1px solid var(--cp-line);border-bottom:1px solid var(--cp-line)}
.cp-anchor{scroll-margin-top:72px}
.cp-split{display:grid;grid-template-columns:1fr;gap:20px;align-items:center}
.cp-hero-title{font-size:32px;font-weight:800;line-height:1.3;color:var(--cp-ink);margin:0 0 12px}
.cp-hl{background:linear-gradient(transparent 58%,var(--cp-tint-line) 58%);padding:0 2px}
.cp-lead{font-size:var(--cp-fs-lg);color:var(--cp-ink2);line-height:1.8;margin:0 0 18px}
.cp-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 10px}
.cp-cta-row a.cp-cta{flex:1 1 200px}
a.cp-cta.ghost{background:var(--cp-surface);color:var(--cp-primary);border:1.5px solid var(--cp-primary);box-shadow:none}
.cp-note{font-size:var(--cp-fs-sm);color:var(--cp-muted);margin:0}
.cp-ctr{text-align:center}
.cp-mt{margin-top:18px}
.cp-photo{display:block;width:100%;height:auto;border-radius:var(--cp-r-card);border:1px solid var(--cp-line);box-shadow:var(--cp-shadow)}
.cp-grid{display:grid;grid-template-columns:1fr;gap:var(--cp-sp2)}
.cp-grid.c4{grid-template-columns:1fr 1fr}
.cp-split .cp-photo,.cp-fig .cp-photo{aspect-ratio:4/3;object-fit:cover}
.cp-split .cp-photo.portrait{aspect-ratio:4/5;max-width:320px;margin:0 auto}
.cp-fig{margin:0}
.cp-fig figcaption{font-weight:800;color:var(--cp-ink);padding:10px 2px 0;font-size:var(--cp-fs-md)}
.cp-fig figcaption::before{content:"✓ ";color:var(--cp-primary)}
.cp-price{text-align:center}
.cp-price .cp-photo{margin-bottom:14px}
.cp-price .k{font-size:var(--cp-fs-xl);font-weight:800;color:var(--cp-ink)}
.cp-price .n{font-size:40px;font-weight:800;color:var(--cp-primary);line-height:1.25;margin:4px 0}
.cp-price .d{font-size:var(--cp-fs-lg);color:var(--cp-ink2);margin:0 0 6px}
.cp-price .s{font-size:var(--cp-fs-md);color:var(--cp-muted);margin:8px 0 14px}
.cp-list{margin:0;padding:0;list-style:none}
.cp-list li{padding:8px 0;border-bottom:1px solid var(--cp-line);font-size:var(--cp-fs-lg);color:var(--cp-ink2)}
.cp-list li:last-child{border-bottom:0}
.cp-tbl{width:100%;border-collapse:collapse}
.cp-tbl caption{text-align:left;font-size:var(--cp-fs-xl);font-weight:800;color:var(--cp-ink);padding:0 0 8px}
.cp-tbl td{padding:9px 0;border-bottom:1px solid var(--cp-line);font-size:var(--cp-fs-md);color:var(--cp-ink2)}
.cp-tbl td:last-child{text-align:right;font-weight:700;color:var(--cp-ink)}
.cp-tbl tfoot td{border-bottom:0;font-weight:800;color:var(--cp-primary);text-align:left}
.cp-step{display:grid;grid-template-columns:1fr 38%;gap:12px;align-items:center}
.cp-step .n{font-size:var(--cp-fs-hero);font-weight:800;color:var(--cp-primary);line-height:1}
.cp-step h3{font-size:var(--cp-fs-xl);font-weight:800;color:var(--cp-ink);margin:2px 0 4px}
.cp-step p{margin:0;color:var(--cp-muted);font-size:var(--cp-fs)}
.cp-step .cp-photo{box-shadow:none}
.cp-card .cp-q:first-child{margin-top:0}
.cp-card .cp-a{margin:0}
.cp-co{font-size:var(--cp-fs-md);color:var(--cp-ink2);line-height:1.9}
.cp-co h3{font-size:var(--cp-fs-lg);font-weight:800;color:var(--cp-ink);margin:0 0 4px}
.cp-co p{margin:0 0 12px}
.cp-links{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;margin:14px 0}
.cp-links a{color:var(--cp-primary);font-weight:700;text-decoration:none}
.cp-prose{max-width:800px;margin:0 auto;font-size:var(--cp-fs-md);line-height:1.95;color:var(--cp-ink)}
.cp-prose p{margin:0 0 16px}
.cp-prose h3{font-size:var(--cp-fs-lg);font-weight:800;color:var(--cp-ink);margin:22px 0 12px}
.cp-prose a{color:var(--cp-primary);font-weight:600;text-decoration:none}
.cp-kb{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:800px;margin:0 auto}
.cp-kb a{flex:1 1 240px;background:var(--cp-surface);border:1px solid var(--cp-line);border-left:3px solid var(--cp-primary);border-radius:var(--cp-r-sm);padding:12px 16px;color:var(--cp-ink);text-decoration:none;font-size:var(--cp-fs)}
.cp-foot{background:var(--cp-tint);border-top:1px solid var(--cp-line);padding:40px 16px;text-align:center;color:var(--cp-muted);font-size:var(--cp-fs-sm);line-height:2}
.cp-foot h2{color:var(--cp-ink);font-size:var(--cp-fs-md);margin:0 0 16px}
.cp-foot p{margin:0}
.cp-foot a{color:var(--cp-primary)}
.cp-foot .sm{font-size:var(--cp-fs-xs);color:var(--cp-muted2)}
.cp-foot .nav{margin-top:14px;padding-top:14px;border-top:1px solid var(--cp-line);font-size:var(--cp-fs-xs)}
.cp-foot .nav a{color:var(--cp-muted2)}
.cp-totop{position:fixed;bottom:24px;right:24px;width:48px;height:48px;background:var(--cp-primary);color:var(--cp-surface);border-radius:50%;display:none;align-items:center;justify-content:center;text-decoration:none;font-size:var(--cp-fs-xl);font-weight:700;box-shadow:var(--cp-shadow);z-index:150;cursor:pointer}
@media(min-width:769px){
  .cp-top-nav{display:flex}
  a.cp-cta.cp-top-cta{display:block}
  .cp-top .mob-menu-trigger{display:none}
  .cp-mob-only{display:none!important}
  .cp-band{padding:56px 0}
  .cp-split{grid-template-columns:1.05fr .95fr;gap:36px}
  .cp-split.rev>:first-child{order:2}
  .cp-hero-title{font-size:var(--cp-fs-hero-lg)}
  .cp-split .cp-h2{font-size:var(--cp-fs-hero)}
  .cp-grid.c2{grid-template-columns:repeat(2,1fr)}
  .cp-grid.c3{grid-template-columns:repeat(3,1fr)}
  .cp-grid.c4{grid-template-columns:repeat(4,1fr)}
  .cp-cta-row a.cp-cta{flex:0 1 auto;min-width:200px}
  .cp-totop{bottom:24px}
}
@media(max-width:768px){.cp-totop{bottom:76px}}

/* ===== P5批3 全站視覺統一第三批(2026-10-01)：start/platform/price-compare/seller/verification 共用殼層；只用 var(--cp-*) ===== */
:root{--cp-fs-h2:22px;--cp-max-art:720px}
.cp-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;background:var(--cp-surface);border-bottom:1px solid var(--cp-line);position:sticky;top:0;z-index:100}
.cp-brand i{color:var(--cp-primary);font-style:normal}
a.cp-navbtn{display:inline-flex;align-items:center;gap:6px;background:var(--cp-primary);color:var(--cp-surface);padding:8px 16px;border-radius:999px;font-size:var(--cp-fs-sm);font-weight:700;text-decoration:none;white-space:nowrap}
a.cp-navbtn svg{width:15px;height:15px}
a.cp-navbtn:active{background:var(--cp-primary-d)}
.cp-eyebrow{display:inline-block;font-size:var(--cp-fs-xs);letter-spacing:.24em;text-transform:uppercase;color:var(--cp-primary);font-weight:800;margin-bottom:12px}
.cp-soft{display:block;font-weight:600;color:var(--cp-muted);font-size:var(--cp-fs-lg);margin-top:10px}
.cp-hero .cp-badge{display:inline-block;margin-bottom:14px}
.cp-cta-col{display:flex;flex-direction:column;gap:12px;max-width:380px;margin:0 auto}
a.cp-cta.ic{display:flex;align-items:center;justify-content:center;gap:8px}
a.cp-cta svg{width:19px;height:19px;flex:0 0 auto}
.cp-blk{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r-card);padding:22px 18px;margin:0 0 14px;box-shadow:var(--cp-shadow)}
.cp-blk>h2,.cp-shead h2{font-size:var(--cp-fs-xl);font-weight:800;color:var(--cp-ink);line-height:1.4;margin:0 0 14px}
.cp-shead{margin:0 0 18px}
.cp-shead p{font-size:var(--cp-fs);color:var(--cp-muted);margin:6px 0 0}
.cp-blk .cp-note{text-align:center;margin-top:14px}
.cp-blk .cp-strip p{margin:0 0 12px}
.cp-stats{display:flex;flex-wrap:wrap;margin:0 0 14px;padding:16px 0;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r-card);box-shadow:var(--cp-shadow)}
.cp-stat{flex:1;min-width:110px;text-align:center;padding:6px 8px}
.cp-stat+.cp-stat{border-left:1px solid var(--cp-line)}
.cp-stat .v{font-size:var(--cp-fs-xl);font-weight:800;color:var(--cp-ink)}
.cp-stat .v small{font-size:var(--cp-fs-xs);font-weight:600;color:var(--cp-muted2)}
.cp-stat .k{font-size:var(--cp-fs-xs);color:var(--cp-muted);margin-top:2px}
.cp-pgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
a.cp-plat{display:block;background:var(--cp-bg);border:1px solid var(--cp-line);border-radius:var(--cp-r);padding:18px 16px;text-decoration:none;color:var(--cp-ink)}
a.cp-plat:active,a.cp-plat:hover{border-color:var(--cp-primary)}
a.cp-plat .ic svg{width:28px;height:28px;color:var(--cp-primary);stroke-width:1.5;margin-bottom:10px}
a.cp-plat.ask .ic svg{color:var(--cp-ok)}
a.cp-plat .n{font-weight:800;font-size:var(--cp-fs-lg)}
a.cp-plat .d{font-size:var(--cp-fs-sm);color:var(--cp-muted);margin-top:2px}
a.cp-plat .arrow{margin-top:10px;font-size:var(--cp-fs-sm);color:var(--cp-primary);font-weight:700}
.cp-faqlist a{display:flex;align-items:center;gap:14px;padding:16px 2px;border-bottom:1px solid var(--cp-line);text-decoration:none;color:var(--cp-ink)}
.cp-faqlist a:last-child{border-bottom:0}
.cp-faqlist .ic svg{width:24px;height:24px;color:var(--cp-primary);stroke-width:1.5;flex:0 0 auto}
.cp-faqlist .t{font-weight:800;font-size:var(--cp-fs-md)}
.cp-faqlist .s{font-size:var(--cp-fs-sm);color:var(--cp-muted);margin-top:2px}
.cp-faqlist .go{margin-left:auto;color:var(--cp-muted2)}
.cp-pcards{display:flex;gap:12px}
.cp-pcard{flex:1;background:var(--cp-bg);border:1.5px solid var(--cp-line);border-radius:var(--cp-r-card);padding:20px 12px;text-align:center;position:relative}
.cp-pcard.rec{border-color:var(--cp-primary);background:var(--cp-primary-tint)}
.cp-pcard .k{font-size:var(--cp-fs);color:var(--cp-muted);font-weight:700;margin-bottom:6px}
.cp-pcard .v{white-space:nowrap;font-size:var(--cp-fs-hero);font-weight:800;color:var(--cp-primary);line-height:1.2}
.cp-pcard .v small{font-size:var(--cp-fs-sm);font-weight:600;color:var(--cp-muted2)}
.cp-pcard .d{font-size:var(--cp-fs-sm);color:var(--cp-muted);margin-top:4px}
.cp-trust-l{display:flex;flex-direction:column;gap:16px}
.cp-trow{display:flex;gap:12px;align-items:flex-start;font-size:var(--cp-fs-md);color:var(--cp-ink2)}
.cp-trow b,.cp-trow .t{color:var(--cp-ink);font-weight:800}
.cp-trow .t{display:block;margin-bottom:2px}
.cp-trow .ic svg{width:26px;height:26px;color:var(--cp-primary);stroke-width:1.5;flex:0 0 auto;margin-top:2px}
.cp-trow .s{font-size:var(--cp-fs);color:var(--cp-ink2);line-height:1.7}
.cp-foot.big{padding:44px 20px;margin:8px -16px 0;border-radius:var(--cp-r-lg) var(--cp-r-lg) 0 0}
.cp-foot.big h2{font-size:var(--cp-fs-xl)}
.cp-foot.big p{margin-bottom:16px;font-size:var(--cp-fs-md);color:var(--cp-ink2)}
.cp-foot a.cp-cta{max-width:360px;margin:0 auto;color:var(--cp-surface)}
.cp-foot .legal{margin-top:18px;font-size:var(--cp-fs-xs);color:var(--cp-muted2)}
a.cp-float{position:fixed;right:14px;bottom:14px;z-index:99;display:inline-flex;align-items:center;gap:8px;background:var(--cp-primary);color:var(--cp-surface);padding:12px 18px;border-radius:999px;font-size:var(--cp-fs-md);font-weight:700;text-decoration:none;box-shadow:var(--cp-shadow)}
a.cp-float svg{width:18px;height:18px}
.cp-pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:12px 0 4px}
.cp-pills a{font-size:var(--cp-fs-sm);padding:6px 14px;border-radius:999px;background:var(--cp-surface);border:1px solid var(--cp-line);color:var(--cp-muted);text-decoration:none}
.cp-pills a.on{background:var(--cp-primary);color:var(--cp-surface);border-color:var(--cp-primary);font-weight:700}
.cp-tags{display:flex;flex-wrap:wrap;gap:8px}
.cp-tagp{background:var(--cp-primary-tint);color:var(--cp-primary);border:1px solid var(--cp-tint-line);padding:7px 14px;border-radius:999px;font-size:var(--cp-fs);font-weight:700}
.cp-stp{display:flex;gap:14px;margin:0 0 16px}
.cp-stp-n{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--cp-primary);color:var(--cp-surface);font-weight:800;display:flex;align-items:center;justify-content:center}
.cp-stp-b strong{display:block;font-size:var(--cp-fs-md);color:var(--cp-ink);margin-bottom:2px}
.cp-stp-b span{font-size:var(--cp-fs);color:var(--cp-muted)}
a.cp-bloglink{display:block;background:var(--cp-tint);border:1px solid var(--cp-line);border-radius:var(--cp-r);padding:16px;text-decoration:none;color:var(--cp-ink);font-weight:700;font-size:var(--cp-fs-md)}
a.cp-bloglink span{color:var(--cp-primary)}
.cp-rv{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.cp-rv.in{opacity:1;transform:none}
/* 長文頁(price-compare/verification/seller) */
.cp-art{max-width:var(--cp-max-art);margin:0 auto;padding:24px 16px 80px;line-height:1.95}
.cp-art-hero{text-align:center;padding:36px 20px 28px;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r-lg);margin:0 0 24px;box-shadow:var(--cp-shadow)}
.cp-art-hero .cp-eyebrow{letter-spacing:.3em}
.cp-art-hero h1{font-size:var(--cp-fs-h1);font-weight:800;color:var(--cp-ink);line-height:1.4;margin:0 0 12px}
.cp-art-hero .sub{font-size:var(--cp-fs-md);color:var(--cp-muted);margin:0}
.cp-intro{background:var(--cp-surface);border-left:3px solid var(--cp-primary);padding:18px 22px;margin:0 0 26px;border-radius:0 var(--cp-r) var(--cp-r) 0;box-shadow:var(--cp-shadow)}
.cp-intro p{font-size:var(--cp-fs-lg);line-height:1.9;margin:0 0 8px;color:var(--cp-ink)}
.cp-intro p:last-child{margin:0}
.cp-intro strong{background:linear-gradient(transparent 60%,var(--cp-tint-line) 60%);padding:0 2px;font-weight:800}
.cp-art>h2{font-size:var(--cp-fs-h2);font-weight:800;color:var(--cp-ink);margin:36px 0 14px;line-height:1.5}
.cp-art>p{font-size:var(--cp-fs-md);margin:0 0 16px;color:var(--cp-ink)}
.cp-art>p strong{color:var(--cp-ink);font-weight:800}
.cp-hl{font-weight:800}
.cp-art .cp-photo{margin:22px 0}
.cp-rate{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r-card);padding:20px;margin:16px 0;box-shadow:var(--cp-shadow)}
.cp-rate .ico{font-size:32px}
.cp-rate .ttl{font-size:var(--cp-fs-lg);font-weight:800;color:var(--cp-ink)}
.cp-rate .desc{font-size:var(--cp-fs);color:var(--cp-muted);margin-top:2px}
.cp-rate .num{font-size:var(--cp-fs-hero);color:var(--cp-primary);font-weight:800;text-align:right;line-height:1.2}
.cp-rate .num small{display:block;font-size:var(--cp-fs-sm);color:var(--cp-muted2);font-weight:600}
.cp-case{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r-card);padding:20px;margin:16px 0;box-shadow:var(--cp-shadow)}
.cp-case h3{font-size:var(--cp-fs-lg);color:var(--cp-ink);font-weight:800;margin:0 0 12px}
.cp-case-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--cp-line);font-size:var(--cp-fs-md);line-height:1.7}
.cp-case-row:last-child{border-bottom:0;border-top:2px solid var(--cp-primary);margin-top:4px;padding-top:12px;font-weight:800;color:var(--cp-primary)}
.cp-promise{background:var(--cp-tint);border:1px solid var(--cp-line);border-radius:var(--cp-r-card);padding:24px 20px;margin:32px 0}
.cp-promise h3{font-size:var(--cp-fs-xl);color:var(--cp-ink);font-weight:800;margin:0 0 12px}
.cp-promise p{font-size:var(--cp-fs-md);line-height:1.9;margin:0 0 12px;color:var(--cp-ink2)}
.cp-promise ul{list-style:none;padding:12px 0 0;margin:12px 0 0;border-top:1px dashed var(--cp-tint-line)}
.cp-promise li{padding:4px 0;font-size:var(--cp-fs);line-height:1.9;color:var(--cp-ink)}
.cp-promise li strong{color:var(--cp-primary)}
.cp-flow{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r-card);padding:24px 20px;margin:20px 0;box-shadow:var(--cp-shadow)}
.cp-flow-step{display:flex;gap:16px;align-items:flex-start;margin:0 0 20px}
.cp-flow-step:last-child{margin:0}
.cp-flow-num{width:36px;height:36px;flex:0 0 36px;background:var(--cp-primary);color:var(--cp-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}
.cp-flow-txt{font-size:var(--cp-fs-md);line-height:1.85;color:var(--cp-ink2)}
.cp-flow-txt strong{color:var(--cp-ink)}
.cp-endcta{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r-lg);padding:32px 22px;text-align:center;margin-top:40px;box-shadow:var(--cp-shadow)}
.cp-endcta h3{font-size:var(--cp-fs-xl);color:var(--cp-ink);font-weight:800;margin:0 0 10px;line-height:1.5}
.cp-endcta .cp-cta-sub{font-size:var(--cp-fs);color:var(--cp-muted);margin:0 0 18px}
.cp-endcta a.cp-cta{display:inline-block;padding:13px 30px;border-radius:999px}
.cp-endcta .cp-cta-handle{margin:14px 0 0;font-size:var(--cp-fs-sm);color:var(--cp-muted2)}
.cp-art-foot{text-align:center;color:var(--cp-muted2);font-size:var(--cp-fs-sm);margin-top:26px;line-height:1.9}
.cp-pain{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-r-card);padding:6px 18px;box-shadow:var(--cp-shadow)}
.cp-pain div{padding:12px 0;border-bottom:1px solid var(--cp-line);font-size:var(--cp-fs-md)}
.cp-pain div:last-child{border:0}
.cp-pain b{color:var(--cp-primary)}
.cp-formula{background:var(--cp-surface);border-radius:var(--cp-r);padding:13px 15px;font-size:var(--cp-fs-md);color:var(--cp-ink2);text-align:center;font-weight:600;border:1px solid var(--cp-line)}
.cp-big{font-size:var(--cp-fs-lg);font-weight:800;color:var(--cp-ink);line-height:1.5;margin:0 0 10px}
@media(max-width:540px){
  .cp-rate{grid-template-columns:auto 1fr}
  .cp-rate .num{grid-column:1/-1;text-align:left;padding-top:8px;border-top:1px dashed var(--cp-line)}
  .cp-art-hero h1{font-size:var(--cp-fs-xl)}
  .cp-art>h2{font-size:var(--cp-fs-lg)}
}
@media(min-width:769px){
  .cp-cta-col a.cp-cta{min-width:0}
  .cp-blk{padding:28px 26px}
  .cp-pgrid{grid-template-columns:repeat(3,1fr)}
}

/* ===== P5批4 全站視覺統一第四批(2026-10-01)：about-me/法務四頁(cp-legal)/track；只用 var(--cp-*) ===== */
:root{--cp-danger-tint:#fbeceb;--cp-danger-line:#f0c4c0;--cp-amber-line:#f0d9ad;--cp-danger-d:#8a2318;--cp-warn-d:#8a6215}
.cp-year{display:inline-block;background:var(--cp-primary);color:var(--cp-surface);padding:6px 18px;border-radius:999px;font-size:var(--cp-fs-sm);font-weight:800;letter-spacing:.12em;margin:34px 0 14px}
.cp-quote{background:var(--cp-surface);border-left:3px solid var(--cp-primary);padding:20px 22px;margin:26px 0;border-radius:0 var(--cp-r) var(--cp-r) 0;font-size:var(--cp-fs-lg);color:var(--cp-ink);line-height:1.9;box-shadow:var(--cp-shadow)}
.cp-quote em{font-style:normal;font-weight:800;background:linear-gradient(transparent 60%,var(--cp-tint-line) 60%);padding:0 2px}
.cp-divider{text-align:center;margin:44px 0 28px;color:var(--cp-muted2);font-size:var(--cp-fs);letter-spacing:.5em}
.cp-art-hero .sub{line-height:1.9}
/* 法務頁(terms/privacy/refund/legal)：沿用原 HTML 結構，只換樣式 */
body.cp-legal{margin:0;background:var(--cp-bg);color:var(--cp-ink);font-family:var(--cp-font);line-height:1.65;-webkit-font-smoothing:antialiased}
body.cp-legal nav{position:sticky;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:var(--cp-surface);border-bottom:1px solid var(--cp-line)}
body.cp-legal nav.scrolled{box-shadow:var(--cp-shadow)}
body.cp-legal .nav-logo{display:flex;align-items:center;text-decoration:none}
body.cp-legal .nav-logo img{height:36px;width:auto;display:block}
body.cp-legal .nav-links{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0}
body.cp-legal .nav-links a{font-size:var(--cp-fs);color:var(--cp-ink2);text-decoration:none}
body.cp-legal .nav-links a:hover{color:var(--cp-primary)}
body.cp-legal .nav-cta{display:inline-flex;align-items:center;gap:8px;background:var(--cp-primary);color:var(--cp-surface);padding:8px 16px;border-radius:999px;font-size:var(--cp-fs-sm);font-weight:700;text-decoration:none;white-space:nowrap}
body.cp-legal .nav-cta:active{background:var(--cp-primary-d)}
body.cp-legal .ldot{width:18px;height:18px;background:var(--cp-line-green);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:var(--cp-fs-xs);font-weight:900;color:var(--cp-surface);flex-shrink:0}
body.cp-legal .page-body{max-width:var(--cp-max-art);margin:0 auto;padding:24px 16px 72px}
body.cp-legal .back-btn{display:inline-flex;align-items:center;gap:6px;color:var(--cp-primary);text-decoration:none;font-size:var(--cp-fs);font-weight:700;margin-bottom:20px}
body.cp-legal h1{font-size:var(--cp-fs-h1);font-weight:800;color:var(--cp-ink);line-height:1.4;margin:0 0 8px}
body.cp-legal .page-meta{font-size:var(--cp-fs-sm);color:var(--cp-muted2);margin:0 0 32px;padding-bottom:20px;border-bottom:1px solid var(--cp-line)}
body.cp-legal h2{font-size:var(--cp-fs-lg);font-weight:800;color:var(--cp-ink);margin:32px 0 10px;line-height:1.5}
body.cp-legal p{font-size:var(--cp-fs-md);line-height:1.9;color:var(--cp-ink2);margin:0 0 16px}
body.cp-legal ul{margin:0 0 16px 22px;padding:0}
body.cp-legal li{font-size:var(--cp-fs-md);line-height:1.9;color:var(--cp-ink2);margin-bottom:6px}
body.cp-legal footer{background:var(--cp-tint);border-top:1px solid var(--cp-line);padding:32px 16px;text-align:center;color:var(--cp-muted);font-size:var(--cp-fs-sm)}
body.cp-legal footer a{color:var(--cp-primary);text-decoration:none;margin:0 12px}
@media(max-width:768px){body.cp-legal .nav-links{display:none}body.cp-legal h1{font-size:var(--cp-fs-xl)}}

/* ===== P5批7 blog 排版 inline→cp-bl-* class（52篇+blog.html）；規則與原 inline 宣告逐字相同 ===== */
body.cp-page .cp-bl-p-20{margin:0 0 20px}
body.cp-page .cp-bl-art-h2{font-size:22px;color:var(--cp-ink);margin:40px 0 16px;padding:6px 0 6px 14px;border-left:4px solid var(--cp-primary);line-height:1.4;font-weight:700}
body.cp-page .cp-bl-rel-link{display:block;padding:14px 16px;background:var(--cp-bg);border-radius:8px;margin-bottom:8px;color:var(--cp-ink);text-decoration:none;font-size:15px;border-left:3px solid var(--cp-primary)}
body.cp-page .cp-bl-em{color:var(--cp-primary)}
body.cp-page .cp-bl-td{padding:10px;border:1px solid var(--cp-line)}
body.cp-page .cp-bl-rel-line{display:block;padding:10px 0;border-bottom:1px solid var(--cp-line);color:var(--cp-primary);text-decoration:none;font-size:15px}
body.cp-page .cp-bl-p-18{margin:0 0 18px}
body.cp-page .cp-bl-p-v16{margin:16px 0}
body.cp-page .cp-bl-sum-p{margin:0 0 8px;font-size:16px;line-height:1.85;color:var(--cp-ink)}
body.cp-page .cp-bl-em-b{color:var(--cp-primary)}
body.cp-page .cp-bl-art-h2-s{font-size:22px;color:var(--cp-ink);margin:36px 0 16px;padding:6px 0 6px 14px;border-left:4px solid var(--cp-primary);line-height:1.4;font-weight:700}
body.cp-page .cp-bl-navlink{color:var(--cp-muted);font-size:14px;text-decoration:none}
body.cp-page.cp-bl-body{max-width:800px;margin:0 auto;padding:16px}
body.cp-page .cp-bl-art-box{background:var(--cp-surface);border-left:3px solid var(--cp-primary);padding:22px 26px;margin:0 0 32px;border-radius:0 12px 12px 0;box-shadow:0 2px 12px rgba(26,18,8,.05)}
body.cp-page .cp-bl-art-body{font-size:16px;line-height:1.9;color:var(--cp-ink)}
body.cp-page .cp-bl-bnav{border-bottom:1px solid var(--cp-line);padding:14px 8px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;background:var(--cp-bg)}
body.cp-page .cp-bl-meta-note{color:var(--cp-muted2);font-size:12px;margin:24px 0 8px}
body.cp-page .cp-bl-em-span{color:var(--cp-primary)}
body.cp-page .cp-bl-logo{color:var(--cp-ink);font-weight:700;font-size:20px;text-decoration:none;letter-spacing:.5px}
body.cp-page .cp-bl-line-btn{background:var(--cp-line-green);color:var(--cp-surface);padding:9px 18px;border-radius:24px;text-decoration:none;font-size:13px;font-weight:600;box-shadow:0 2px 8px rgba(6,199,85,.25)}
body.cp-page .cp-bl-p-12{margin:0 0 12px}
body.cp-page .cp-bl-h1-art{font-size:24px;margin-bottom:24px}
body.cp-page .cp-bl-img{width:100%;margin:24px 0}
body.cp-page .cp-bl-lead-hl{margin:0 0 8px;font-size:16.5px;line-height:1.75;color:var(--cp-primary);font-weight:700;background:linear-gradient(transparent 70%,var(--cp-tint-amber) 70%);padding:2px 0;display:inline-block}
body.cp-page .cp-bl-faq-box{background:var(--cp-surface);color:var(--cp-ink);padding:28px;margin:40px 0 28px;border-radius:14px;border:1px solid var(--cp-line)}
body.cp-page .cp-bl-faq-body{border-top:1px dashed var(--cp-line);padding-top:14px;margin-top:14px;font-size:14.5px;line-height:2;color:var(--cp-ink)}
body.cp-page .cp-bl-faq-q{margin:0 0 14px;font-size:20px;font-weight:700;color:var(--cp-ink)}
body.cp-page .cp-bl-p-15{margin:0 0 16px;font-size:15.5px;line-height:1.95;color:var(--cp-ink)}
body.cp-page .cp-bl-hl-s{background:linear-gradient(transparent 65%,var(--cp-tint-amber) 65%);padding:0 2px}
body.cp-page .cp-bl-em-hl{color:var(--cp-primary);background:linear-gradient(transparent 65%,var(--cp-tint-amber) 65%);padding:0 2px}
body.cp-page .cp-bl-sec-gap{margin:32px 0 24px}
body.cp-page .cp-bl-p-b16{font-size:16px;font-weight:700;color:var(--cp-ink);margin:0 0 14px}
body.cp-page .cp-bl-end-box{background:var(--cp-surface);padding:28px;margin:24px 0 12px;border-radius:14px;text-align:center;border:1px solid var(--cp-line)}
body.cp-page .cp-bl-p-sm2{margin:0 0 12px;font-size:15px;color:var(--cp-ink2)}
body.cp-page .cp-bl-p-b18{margin:0 0 16px;font-size:18px;font-weight:700;color:var(--cp-ink)}
body.cp-page .cp-bl-p-note{margin:14px 0 0;font-size:13px;color:var(--cp-muted2)}
body.cp-page .cp-bl-span-b{font-size:13.5px;color:var(--cp-primary);font-weight:600}
body.cp-page .cp-bl-sub-box{margin-top:14px;background:var(--cp-tint);border-radius:10px;padding:14px 16px;font-size:14.5px;line-height:1.85;color:var(--cp-ink)}
body.cp-page .cp-bl-p-t8{margin:8px 0 0;font-size:16px;line-height:1.85;color:var(--cp-ink)}
body.cp-page .cp-bl-lnk{color:var(--cp-primary)}
body.cp-page .cp-bl-cta-btn{display:inline-block;background:var(--cp-line-green);color:var(--cp-surface);padding:14px 32px;border-radius:32px;text-decoration:none;font-size:16px;font-weight:700;box-shadow:0 4px 14px rgba(6,199,85,.3)}
body.cp-page .cp-bl-th{padding:10px;text-align:left;border:1px solid var(--cp-line)}
body.cp-page .cp-bl-note-box{margin:40px 0 0;padding:20px 24px 8px;background:var(--cp-tint);border-left:4px solid var(--cp-primary);border-radius:0 4px 4px 0}
body.cp-page .cp-bl-p-b15{margin:0 0 12px;font-weight:700;color:var(--cp-ink);font-size:15px}
body.cp-page .cp-bl-btn-prim{background:var(--cp-primary);color:white;padding:12px 32px;text-decoration:none}
body.cp-page .cp-bl-cta-panel{margin-top:48px;background:var(--cp-primary-tint);color:var(--cp-ink);border:1px solid var(--cp-tint-line);padding:32px;text-align:center}
body.cp-page .cp-bl-p-mb16{margin-bottom:16px}
body.cp-page .cp-bl-td-p{padding:10px}
body.cp-page .cp-bl-tbl-wrap{overflow-x:auto;margin:0 0 18px}
body.cp-page .cp-bl-p-18-16{margin:0 0 18px;font-size:16px;line-height:1.9;color:var(--cp-ink)}
body.cp-page .cp-bl-tbl{width:100%;border-collapse:collapse;font-size:15px}
body.cp-page .cp-bl-h1-art-lh{font-size:24px;margin-bottom:24px;line-height:1.4}
body.cp-page .cp-bl-img-r{width:100%;margin:24px 0;border-radius:10px}
body.cp-page .cp-bl-p-24{margin:0 0 24px}
body.cp-page .cp-bl-td-b{padding:10px;font-weight:700}
body.cp-page .cp-bl-tr-bg{background:var(--cp-bg)}
body.cp-page .cp-bl-td-9{padding:9px;border:1px solid var(--cp-line)}
body.cp-page .cp-bl-line-btn-s0{background:var(--cp-line-green);color:var(--cp-surface);padding:9px 18px;border-radius:24px;text-decoration:none;font-size:13px;font-weight:600}
body.cp-page .cp-bl-cta-btn-s0{display:inline-block;background:var(--cp-line-green);color:var(--cp-surface);padding:14px 32px;border-radius:32px;text-decoration:none;font-size:16px;font-weight:700}
body.cp-page .cp-bl-p-18-sm{margin:0 0 18px;font-size:14px;color:var(--cp-muted2)}
body.cp-page .cp-bl-tr-tint{background:var(--cp-tint)}
body.cp-page .cp-bl-btn-ghost{display:inline-block;background:var(--cp-bg);color:var(--cp-ink);padding:8px 20px;border-radius:24px;text-decoration:none;font-size:14.5px;font-weight:700;border:1px solid var(--cp-line);margin-left:4px}
body.cp-page .cp-bl-btn-line{display:inline-block;background:var(--cp-line-green);color:var(--cp-surface);padding:8px 20px;border-radius:24px;text-decoration:none;font-size:14.5px;font-weight:700;margin-left:4px}
body.cp-page .cp-bl-box-plain{background:var(--cp-surface);padding:24px;margin:32px 0;border-radius:14px;border:1px solid var(--cp-line)}
body.cp-page .cp-bl-note-box2{margin:32px 0;background:var(--cp-tint);border-left:4px solid var(--cp-primary);border-radius:0 10px 10px 0;padding:18px 20px;font-size:15px;line-height:1.85;color:var(--cp-ink)}
body.cp-page .cp-bl-p-15a{margin:0 0 14px;font-size:15.5px;color:var(--cp-ink2);line-height:1.9}
body.cp-page .cp-bl-p-15b{margin:0 0 16px;font-size:15.5px;color:var(--cp-ink2);line-height:1.85}
body.cp-page .cp-bl-p-15c{margin:0;font-size:15.5px;color:var(--cp-ink2);line-height:1.9}
body.cp-page .cp-bl-td-9b{padding:9px;border:1px solid var(--cp-line);font-weight:700}
body.cp-page .cp-bl-th-plain{padding:10px;text-align:left}
body.cp-page .cp-bl-logo2{color:var(--cp-ink);font-weight:700;font-size:20px;text-decoration:none}
body.cp-page .cp-bl-li{margin:0 0 8px}
body.cp-page .cp-bl-th-9{padding:9px;text-align:left;border:1px solid var(--cp-line)}
body.cp-page .cp-bl-pick-card{background:var(--cp-surface);border-radius:10px;padding:16px;text-decoration:none;border-left:3px solid var(--cp-primary);color:var(--cp-ink)}
body.cp-page .cp-bl-pick-k{font-size:12px;color:var(--cp-muted2);margin-bottom:4px}
body.cp-page .cp-bl-pick-t{font-weight:700;font-size:15px;line-height:1.5}
body.cp-page .cp-bl-pick-s{color:var(--cp-primary);font-size:13px}
body.cp-page .cp-bl-tr-head{background:var(--cp-primary-tint);color:var(--cp-ink)}
body.cp-page .cp-bl-p-14{margin:0 0 14px}
body.cp-page .cp-bl-td-bg{padding:10px;border:1px solid var(--cp-line);background:var(--cp-bg)}
body.cp-page .cp-bl-lnk-b{color:var(--cp-primary);font-weight:700}
body.cp-page .cp-bl-p-24b{font-size:16px;line-height:1.9;color:var(--cp-ink2);margin:0 0 24px}
body.cp-page .cp-bl-p-16{margin:0 0 16px}
body.cp-page .cp-bl-p-24-20{margin:24px 0 20px}
body.cp-page .cp-bl-tbl-b{width:100%;margin:0 0 28px;font-size:14.5px;line-height:1.6}
body.cp-page .cp-bl-lnk-bu{color:var(--cp-primary);font-weight:700;text-decoration:underline}
body.cp-page .cp-bl-lnk-g{color:var(--cp-tint-green);font-size:14px;text-decoration:underline}
body.cp-page .cp-bl-btn-white{display:inline-block;background:var(--cp-surface);color:var(--cp-ok);padding:12px 30px;border-radius:24px;text-decoration:none;font-size:16px;font-weight:700}
body.cp-page.cp-bl-body-24{padding:24px}
body.cp-page .cp-bl-box-bg{background:var(--cp-bg);border:1px solid var(--cp-line);padding:18px 22px;margin:0 0 24px;border-radius:10px}
body.cp-page .cp-bl-box-green{background:var(--cp-line-green);border-radius:14px;padding:24px 26px;margin:32px 0;text-align:center}
body.cp-page .cp-bl-pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
body.cp-page .cp-bl-pick-wrap{margin:32px 0 36px;padding:24px;background:linear-gradient(135deg,var(--cp-tint),var(--cp-tint));border-radius:14px;border:1px solid var(--cp-tint-line)}
body.cp-page .cp-bl-pick-hd{font-size:13px;color:var(--cp-primary);font-weight:700;letter-spacing:1px;margin-bottom:12px}
body.cp-page .cp-bl-p-white{margin:0 0 14px;color:var(--cp-surface);font-size:16.5px;line-height:1.7}
body.cp-page .cp-bl-p-pri17{margin:0 0 20px;font-size:17px;font-weight:700;color:var(--cp-primary)}
body.cp-page .cp-bl-p-15z{margin:0;font-size:15.5px;line-height:1.85;color:var(--cp-ink)}
body.cp-page .cp-bl-p-t14{margin:14px 0 0}
body.cp-page .cp-bl-span-m{font-size:12.5px;color:var(--cp-muted2);font-weight:400}
body.cp-page .cp-bl-span-tl{font-size:13px;color:var(--cp-tint-line)}
body.cp-page .cp-bl-tbl-16{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:14.5px;line-height:1.6}
body.cp-page .cp-bl-tbl-20{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:14.5px;line-height:1.6}
body.cp-page .cp-bl-td-w110{padding:10px;border:1px solid var(--cp-line);background:var(--cp-bg);width:110px}
body.cp-page .cp-bl-ul-20{margin:0 0 20px;padding-left:22px}
/* 原頁內 <style>：table.cmp / ul.clue / 通用表格框線（以 :where 保持原優先權） */
:where(body.cp-page) table.cp-bl-cmp{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px}
:where(body.cp-page) table.cp-bl-cmp th,:where(body.cp-page) table.cp-bl-cmp td{border:1px solid var(--cp-line);padding:10px 12px;text-align:left;vertical-align:top}
:where(body.cp-page) table.cp-bl-cmp th{background:var(--cp-primary-tint);color:var(--cp-ink);font-weight:700}
:where(body.cp-page) table.cp-bl-cmp tr:nth-child(even){background:var(--cp-bg)}
:where(body.cp-page) ul.cp-bl-clue{margin:0 0 20px;padding-left:22px}
:where(body.cp-page) ul.cp-bl-clue li{margin:0 0 10px;line-height:1.8}
:where(body.cp-bl-gridtbl) table{border-collapse:collapse}
:where(body.cp-bl-gridtbl) th,:where(body.cp-bl-gridtbl) td{border:1px solid var(--cp-line)}
/* blog.html 列表頁 <style>（body.cp-bloglist；:where 保持原優先權） */
:where(body.cp-bloglist) *{box-sizing:border-box;margin:0;padding:0}
:where(body.cp-bloglist){font-family:var(--cp-font);background:var(--cp-bg);color:var(--cp-ink);line-height:1.6}
:where(body.cp-bloglist) .cp-bll-wrap{max-width:1100px;margin:0 auto;padding:16px 20px}
:where(body.cp-bloglist) nav{border-bottom:2px solid var(--cp-primary);padding-bottom:14px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}
:where(body.cp-bloglist) nav .cp-bll-logo{color:var(--cp-primary);font-weight:900;font-size:22px;text-decoration:none}
:where(body.cp-bloglist) nav .cp-bll-line-btn{background:var(--cp-primary);color:var(--cp-surface);padding:9px 18px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600;box-shadow:0 2px 8px rgba(200,54,10,.2)}
:where(body.cp-bloglist) nav .cp-bll-line-btn:hover{background:var(--cp-primary-d)}
:where(body.cp-bloglist) h1.cp-bll-hero-title{font-size:30px;font-weight:800;color:var(--cp-ink);margin-bottom:8px;letter-spacing:-0.5px}
:where(body.cp-bloglist) .cp-bll-hero-sub{color:var(--cp-muted);font-size:15px;margin-bottom:28px;line-height:1.7}
:where(body.cp-bloglist) .cp-bll-hero-meta{display:inline-block;padding:6px 14px;background:var(--cp-tint);color:var(--cp-primary);border-radius:20px;font-size:12px;font-weight:600;margin-bottom:18px}
:where(body.cp-bloglist) .cp-bll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
:where(body.cp-bloglist) .cp-bll-card{background:var(--cp-surface);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform 0.2s, box-shadow 0.2s;text-decoration:none;color:inherit;display:flex;flex-direction:column}
:where(body.cp-bloglist) .cp-bll-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(200,54,10,.12)}
:where(body.cp-bloglist) .cp-bll-card-img{width:100%;height:180px;object-fit:cover;background:var(--cp-line);display:block}
:where(body.cp-bloglist) .cp-bll-card-body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}
:where(body.cp-bloglist) .cp-bll-card-date{color:var(--cp-muted2);font-size:11px;margin-bottom:6px;letter-spacing:0.3px}
:where(body.cp-bloglist) .cp-bll-card-tag{display:inline-block;background:var(--cp-tint);color:var(--cp-primary);font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;margin-bottom:8px}
:where(body.cp-bloglist) .cp-bll-card-title{font-size:17px;font-weight:700;color:var(--cp-ink);margin-bottom:8px;line-height:1.4;flex:0 0 auto}
:where(body.cp-bloglist) .cp-bll-card-desc{color:var(--cp-muted);font-size:13px;line-height:1.6;margin-bottom:12px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
:where(body.cp-bloglist) .cp-bll-card-read{color:var(--cp-primary);font-size:13px;font-weight:600;margin-top:auto}
:where(body.cp-bloglist) .cp-bll-cta-section{background:var(--cp-primary-tint);color:var(--cp-ink);border:1px solid var(--cp-tint-line);border-radius:16px;padding:36px 28px;text-align:center;margin-top:48px}
:where(body.cp-bloglist) .cp-bll-cta-section h2{font-size:22px;font-weight:800;margin-bottom:8px}
:where(body.cp-bloglist) .cp-bll-cta-section p{color:var(--cp-muted);margin-bottom:22px;font-size:14px;line-height:1.7}
:where(body.cp-bloglist) .cp-bll-cta-section .cp-bll-line-btn{background:var(--cp-primary);color:var(--cp-surface);padding:14px 32px;border-radius:8px;text-decoration:none;font-size:15px;font-weight:700;display:inline-block;box-shadow:0 4px 12px rgba(200,54,10,.4)}
:where(body.cp-bloglist) .cp-bll-cta-section .cp-bll-line-btn:hover{background:var(--cp-primary-d)}
:where(body.cp-bloglist) footer{margin-top:48px;padding:24px 20px;border-top:1px solid var(--cp-line);text-align:center;color:var(--cp-muted2);font-size:12px}
:where(body.cp-bloglist) footer a{color:var(--cp-primary);text-decoration:none}
@media(max-width:540px){
  :where(body.cp-bloglist) h1.cp-bll-hero-title{font-size:24px}
  :where(body.cp-bloglist) .cp-bll-grid{grid-template-columns:1fr;gap:14px}
  :where(body.cp-bloglist) .cp-bll-card-img{height:160px}
}