/* 全站簡單頁面（關於、聯絡、404）共用樣式；色彩與入口首頁一致 */
:root{
  --bg:#0a0c18; --bg2:#10132a; --surface:#141833;
  --text:#ece9f6; --muted:#a4a2bd; --line:rgba(255,255,255,.10);
  --accent:#e5c07b; --accent-ink:#1a1405;
  --serif:"Iowan Old Style","Palatino Linotype",Georgia,"Noto Serif TC","Noto Serif SC","Songti TC","Songti SC","PMingLiU","SimSun",serif;
  --sans:system-ui,-apple-system,"Segoe UI","PingFang TC","PingFang SC","Noto Sans TC","Noto Sans SC","Microsoft JhengHei","Microsoft YaHei",Roboto,sans-serif;
}
[data-theme="light"]{
  --bg:#faf6ee; --bg2:#f2ebdd; --surface:#ffffff;
  --text:#211d33; --muted:#655f78; --line:rgba(33,29,51,.12);
  --accent:#8a5a14; --accent-ink:#fff8ea;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--sans);color:var(--text);line-height:1.75;-webkit-font-smoothing:antialiased;
  background:linear-gradient(180deg,var(--bg),var(--bg2)) fixed;background-color:var(--bg);min-height:100vh}
a{color:var(--accent)}
.wrap{width:min(760px,100% - 32px);margin-inline:auto}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
header.top{border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px}
.brand{font-family:var(--serif);font-weight:700;font-size:1.2rem;color:var(--text);text-decoration:none}
.brand::before{content:"\2605\00a0";color:var(--accent)}
.tools{display:flex;align-items:center;gap:10px}
.seg{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.seg button{border:0;background:none;color:var(--muted);font:inherit;font-size:.82rem;padding:5px 11px;border-radius:999px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);font-weight:600}
.icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;font-size:15px}
main{padding:56px 0 72px}
h1{font-family:var(--serif);font-size:clamp(1.9rem,5vw,2.6rem);line-height:1.2;margin:0 0 24px}
h2{font-family:var(--serif);font-size:1.3rem;margin:36px 0 10px}
p{margin:0 0 16px}
.muted{color:var(--muted)}
ul.tools-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
ul.tools-list a{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;
  background:var(--surface);color:var(--text);text-decoration:none}
ul.tools-list a:hover{border-color:var(--accent)}
ul.tools-list span{color:var(--muted);font-size:.9rem}
.mail{display:inline-block;font-size:1.25rem;font-weight:600;padding:14px 22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-decoration:none;margin:4px 0 20px}
.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);text-decoration:none;padding:12px 24px;border-radius:999px;font-weight:600}
footer{border-top:1px solid var(--line);padding:26px 0 40px;color:var(--muted);font-size:.85rem}
footer a{color:inherit;text-decoration:none;margin-right:18px}
footer a:hover{color:var(--accent)}
@media (max-width:420px){.seg button{padding:5px 8px}}