/* 設計系統（2026-08-28 A 檔打磨）：token＋共用元件。
   各頁 <style> 在本檔之後載入，只留版面與頁面特有規則；
   共用元件（按鈕/輸入/卡/表格/焦點）以這裡為準。零依賴、零字體下載。 */

:root{
  color-scheme:light dark;
  /* 色彩 token */
  --accent:#1f6feb;
  --link:#1c66d6;
  --ok:#2da44e;
  --warn:#bf8700;
  --danger:#cf222e;
  --night:#8250df;
  --line:rgba(128,128,128,.32);
  --line-soft:rgba(128,128,128,.16);
  --fill:rgba(128,128,128,.11);
  /* 形狀與字級 */
  --r-s:.4rem; --r-m:.6rem; --r-l:.85rem;
  --fs-xs:.78rem; --fs-s:.86rem; --fs-m:.92rem;
}
@media (prefers-color-scheme:dark){
  :root{--link:#6ea8fe;}
}

/* 基底 */
html{-webkit-text-size-adjust:100%}
body{font-family:system-ui,"Noto Sans TC",sans-serif;line-height:1.6;
  -webkit-tap-highlight-color:transparent;margin:0 auto}
a{color:var(--link);text-underline-offset:2px}
code{font-size:.84em;background:var(--fill);padding:.05rem .3rem;border-radius:.25rem}
.hint{opacity:.72;font-size:var(--fs-s)}
.err{color:var(--danger)}
.ok{color:var(--ok)}

/* 按鈕：主要／次要＋按壓回饋 */
.gobtn,a.go{display:inline-block;font:inherit;font-size:var(--fs-m);
  padding:.45rem 1.05rem;border:0;border-radius:var(--r-s);cursor:pointer;
  background:var(--accent);color:#fff;text-decoration:none;
  transition:filter .12s,transform .06s}
.gobtn:active,a.go:active{transform:scale(.97);filter:brightness(.9)}
.gobtn:disabled{opacity:.45;cursor:default;transform:none;filter:none}
.alt{font:inherit;font-size:var(--fs-s);padding:.38rem .9rem;border-radius:var(--r-s);
  border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;
  transition:background .12s,transform .06s}
.alt:active{transform:scale(.97);background:var(--fill)}

/* 表單元件 */
input,textarea,select{font:inherit;color:inherit;background:transparent;
  border:1px solid var(--line);border-radius:var(--r-s);padding:.38rem .55rem}
textarea{line-height:1.55}
::placeholder{opacity:.5}

/* 鍵盤導覽焦點（滑鼠點擊不顯示） */
:is(a,button,input,textarea,select,summary):focus-visible{
  outline:2px solid var(--link);outline-offset:2px;border-radius:var(--r-s)}

/* 表格：手機橫向捲動容器 */
.scrollx{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse}

/* 摺疊區 summary 一致手感 */
summary{cursor:pointer}

/* 功能分區面板：標題帶底色，區塊界線清楚 */
.panel{border:1px solid var(--line);border-radius:var(--r-m);margin:.75rem 0;overflow:hidden}
.panel>h3{margin:0;padding:.5rem .85rem;font-size:.92rem;background:var(--fill);
  border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:.4rem}
.panel>.pb{padding:.65rem .85rem}