/* ── 整頁：支援縮放後捲動 ── */
*, *::before, *::after { box-sizing: border-box; }

/* ════════════════════════════════════════
   CSS 設計變數
   ════════════════════════════════════════ */
:root {
  --bg:        #f1ebdf;
  --surface:   #fffdf8;
  --inner:     #faf6ec;
  --ink:       #2f4a3d;
  --ink-soft:  #3f6152;
  --accent-bg: #e6ede8;
  --text:      #2c2a24;
  --muted:     #837b6a;
  --rec:       #b5482f;
  --treat-bg:  #f9ece4;
  --treat-line:#e6c0ad;
  --radius:    14px;
  --radius-sm: 10px;
  --shadow:    0 1px 3px rgba(47,74,61,.06), 0 6px 24px rgba(47,74,61,.05);
}

html[data-theme="dark"] {
  --bg:        #171c18;
  --surface:   #222a24;
  --inner:     #1d231e;
  --ink:       #8fc4ac;
  --ink-soft:  #6fa98f;
  --accent-bg: #2b352e;
  --text:      #e7e2d4;
  --muted:     #9a9384;
  --rec:       #d4694f;
  --treat-bg:  #2f2520;
  --treat-line:#5c3b30;
}

html, body {
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    padding: 0;
}
body {
    background: var(--bg);
    color: var(--text);
    font-family: "Noto Sans TC", "Segoe UI", sans-serif;
    font-size: 14px;
    padding-left: 60px;
    transition: padding-left 0.25s cubic-bezier(0.4, 0, 0.2, 1),
                background-color 0.25s ease,
                color 0.25s ease;
}
body.sidebar-expanded {
    padding-left: 220px;
}

/* ── 頁面切換 ── */
.page.hidden { display: none; }