:root{
    --ink:#15120E; --ink2:#20242A; --paper:#EAE3D5; --paper2:#F3EEE3; --warm:#ECE3D2;
    --ash:#8A8578; --dim:#6f6a5d; --teal:#1F5E5C; --teal2:#2C7E78; --brass:#C9A24B;
    --serif:"Noto Serif TC",Georgia,serif; --sans:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;
  }
  *{ margin:0; padding:0; box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{ font-family:var(--sans); background:var(--paper); color:var(--ink2); line-height:1.8; -webkit-font-smoothing:antialiased; }
  a{ color:inherit; text-decoration:none; }

  /* 頂列 */
  .mtop{ position:sticky; top:0; z-index:30; display:flex; align-items:center; justify-content:space-between;
    height:54px; padding:0 18px; background:rgba(234,227,213,.92); backdrop-filter:blur(8px); border-bottom:1px solid rgba(32,36,42,.1); }
  .mtop .brand{ font-family:var(--serif); font-size:19px; font-weight:700; color:var(--ink2); }
  .mtop nav{ display:flex; gap:20px; font-size:14px; font-weight:700; }
  .mtop nav a:active{ color:var(--teal); }

  section{ padding:14vh 22px; position:relative; overflow:hidden; }
  .dark{ background:#15120E; color:var(--warm); }   /* 純素色深底（無漸層、無顆粒）*/
  .light{ background:var(--paper); color:var(--ink2); }
  /* 編輯感：巨大 faint 幽靈字（純 CSS、零圖檔）*/
  section[data-ghost]::before{ content:attr(data-ghost); position:absolute; right:-4vw; bottom:-4vh; z-index:0;
    font-family:var(--serif); font-weight:900; font-size:42vw; line-height:.74; letter-spacing:-.04em;
    color:currentColor; opacity:.055; pointer-events:none; white-space:nowrap; }
  section > .reveal{ position:relative; z-index:1; }
  .hero{ position:relative; }
  /* 站名前金黃細劃（金當光）*/
  .station__no{ display:flex; align-items:center; }
  .station__no::before{ content:""; width:26px; height:2px; background:var(--brass); opacity:.85; margin-right:12px; }

  .eyebrow{ font-family:var(--serif); font-size:12px; letter-spacing:.32em; color:var(--ash); margin-bottom:14px; }
  .dark .eyebrow{ color:rgba(236,227,210,.6); }
  .big{ font-family:var(--serif); font-weight:700; font-size:clamp(30px,9vw,42px); line-height:1.2; letter-spacing:-.01em; }
  .sub{ margin-top:16px; font-family:var(--serif); font-size:16px; letter-spacing:.06em; color:var(--dim); }
  .dark .sub{ color:rgba(236,227,210,.7); }
  .desc{ margin-top:18px; font-size:15px; line-height:1.85; color:var(--dim); max-width:30em; }
  .dark .desc{ color:rgba(236,227,210,.72); }

  /* hero */
  .hero{ min-height:92vh; display:flex; flex-direction:column; justify-content:center; }
  .hero .big{ font-size:clamp(34px,10vw,46px); }
  .stat{ margin-top:30px; font-family:var(--serif); font-size:18px; color:var(--ink2); }
  .stat b{ color:var(--brass); font-size:30px; font-weight:700; margin:0 4px; }   /* 金＝一處吸睛數字 */
  .scrollhint{ margin-top:34px; font-size:13px; letter-spacing:.2em; color:var(--dim); animation:bob 1.6s ease-in-out infinite; }
  @keyframes bob{ 0%,100%{transform:translateY(0);opacity:.5} 50%{transform:translateY(5px);opacity:1} }

  .station__no{ font-family:var(--serif); font-size:13px; letter-spacing:.3em; color:var(--ash); margin-bottom:10px; }
  .light .station__no{ color:#8a6d3b; }

  /* 文章列表 */
  .arts__lead{ font-family:var(--serif); font-size:clamp(26px,7.5vw,34px); font-weight:700; line-height:1.25; margin-bottom:24px; }
  .alist{ border-top:1px solid rgba(32,36,42,.14); }
  .arow{ display:block; padding:18px 0; border-bottom:1px solid rgba(32,36,42,.14); }
  .arow time{ font-family:var(--sans); font-size:11px; color:var(--dim); }
  .arow .cat{ font-family:var(--sans); font-size:11px; color:var(--teal); margin-left:10px; font-weight:700; }
  .arow h3{ font-family:var(--serif); font-size:18px; font-weight:700; line-height:1.4; margin-top:7px; }
  .arow:active h3{ color:var(--teal); }
  .seeall{ display:inline-flex; align-items:center; gap:8px; margin-top:26px; font-family:var(--sans); font-size:14px; font-weight:700; color:var(--teal); }

  /* 收束 */
  .outro .big{ color:var(--brass); }   /* payoff＝允許留金 */
  .cta{ display:flex; flex-direction:column; gap:12px; margin-top:30px; }
  .btn{ display:flex; align-items:center; justify-content:center; min-height:50px; border-radius:4px; font-family:var(--sans); font-size:15px; font-weight:700; }
  .btn--p{ background:var(--teal); color:var(--warm); }
  .btn--o{ border:1px solid rgba(236,227,210,.4); color:var(--warm); }

  /* footer */
  .mfoot{ background:var(--ink); color:rgba(236,227,210,.78); padding:40px 22px 36px; }
  .mfoot .brand{ font-family:var(--serif); font-size:24px; font-weight:700; color:var(--warm); }
  .mfoot p{ margin:12px 0 18px; font-size:13px; line-height:1.8; color:rgba(236,227,210,.68); max-width:24em; }
  .mfoot .flinks{ display:flex; gap:22px; font-size:14px; }
  .mfoot small{ display:block; margin-top:20px; font-family:monospace; font-size:11px; letter-spacing:.06em; color:rgba(236,227,210,.45); }

  /* 捲動淡入（保留的輕量動態）*/
  /* SSR 首屏：內容直接可見（不靠 JS 淡入），確保秒出 */
  .reveal{ opacity:1; transform:none; }
  @media (prefers-reduced-motion:reduce){ .reveal{opacity:1;transform:none;transition:none} .dark::after,.scrollhint{animation:none} }

  /* 引導：建議用電腦版（一次性、可關）*/
  .deskhint{ position:fixed; left:12px; right:12px; bottom:12px; z-index:120; display:flex; align-items:center; justify-content:center; gap:12px;
    background:rgba(21,18,14,.93); color:var(--warm); font-family:var(--sans); font-size:13px; letter-spacing:.03em; line-height:1.5;
    padding:12px 14px; border-radius:8px; box-shadow:0 10px 30px rgba(0,0,0,.45); backdrop-filter:blur(4px);
    transform:translateY(150%); animation:dhin .55s cubic-bezier(.22,.61,.36,1) 1s forwards; }
  .deskhint b{ color:var(--brass); font-weight:700; }
  .deskhint button{ flex:none; background:none; border:none; color:rgba(236,227,210,.65); font-size:19px; line-height:1; cursor:pointer; padding:0 2px; }
  .deskhint.hide{ display:none; }
  @keyframes dhin{ to{ transform:translateY(0); } }