/* 五個版型共用：品牌 token、重置、共用小元件
   色票與字型照 governance/FACTS-anyway.md：
   Bright Orange #FF5B05／Charcoal Grey #243037／Cloud Grey #D3DDDE／Aqua Green #075056
   英數 Poppins（不用 600）、中文 Noto Sans TC */
:root{
  --o:#FF5B05; --o-ink:#C24400; --c:#243037; --cloud:#D3DDDE; --aqua:#075056;
  --paper:#fff; --bg:#F4F5F5; --line:#E2E7E8; --mut:#5B676D; --mut2:#8B9599;
  --ink-line:rgba(255,255,255,.14); --ink-mut:rgba(255,255,255,.64);
  /* Annie 2026-10-09：全站英文與數字一律 Poppins。
     Poppins 沒有中文字，排在最前面時中文會自動落到 Noto Sans TC，所以兩個變數都以它開頭。 */
  --en:"Poppins","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  --zh:"Poppins","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  --r:8px; --r2:6px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px;
  --ease:cubic-bezier(.2,.7,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--bg);color:var(--c);font:400 15px/1.85 var(--zh);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
a{color:inherit;text-decoration:none}
b,strong{font-weight:500}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--o);outline-offset:3px}
.en{font-family:var(--en)}
.sm{font-size:13px;color:var(--mut)}
.ico{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.todo{display:inline-flex;align-items:center;height:22px;padding:0 8px;margin-left:6px;border-radius:var(--r2);background:rgba(255,91,5,.12);color:var(--o-ink);font-size:12px}
.wrap{max-width:1160px;margin:0 auto;padding:0 var(--s6)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:48px;padding:0 var(--s5);border-radius:999px;background:var(--o);color:#fff;font:500 15px/1 var(--zh);white-space:nowrap;transition:background-color .2s,transform .2s var(--ease)}
.btn:hover{background:#E04E00}.btn:active{transform:translateY(1px)}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--c)}
.btn.ghost:hover{background:var(--paper)}
.btn.ondark{border-color:var(--ink-line);color:#fff}
.btn.ondark:hover{background:rgba(255,255,255,.1)}

/* 版型切換列（只給 Annie 看，正式上線會拿掉） */
.demobar{position:fixed;left:50%;bottom:var(--s5);transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:var(--s1);
  background:rgba(36,48,55,.94);color:#fff;border-radius:999px;padding:var(--s1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 8px 24px -14px rgba(36,48,55,.6)}
.demobar a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;font:500 13px/1 var(--zh);color:rgba(255,255,255,.72);white-space:nowrap}
.demobar a:hover{color:#fff;background:rgba(255,255,255,.1)}
.demobar a.on{background:var(--o);color:#fff}
.demobar .lb{padding:0 var(--s3) 0 var(--s4);font:500 11px/1 var(--en);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45)}
@media (max-width:760px){.demobar{left:var(--s3);right:var(--s3);transform:none;justify-content:center;flex-wrap:wrap;border-radius:var(--r)}.demobar .lb{display:none}}

/* 進場：預設可見，有 JS 才藏（動畫掛掉也看得到） */
.js .rv{opacity:0;transform:translateY(14px)}
.rv.in{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease)}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none}}

/* 每頁的 logo 都是連結，手機觸控目標 44px */
.logo{display:inline-flex;align-items:center;height:44px}