/* ── 手寫的自訂樣式 ── */

:root{
  --bg:#FBF9F4; --surface:#FFFFFF; --ink:#1A1A1A; --ink-2:#4A4A4A; --ink-3:#7C7C7C;
  --line:#DDD8CC; --line-2:#EFEBE1; --r:0px; --r-sm:0px;
  --o-500:#8C2F27; --o-600:#6E211A; --o-400:#A8483F; --o-300:#C47A72;
  --o-200:#E3C4C0; --o-100:#F0DEDB; --o-50:#F9EFEE;
}
body{background:var(--bg);font-family:"Noto Serif TC",serif}
/* 右側直排書名 */
.spine{position:fixed;right:max(10px,calc(50% - 268px));top:96px;display:flex;flex-direction:column;
  gap:4px;writing-mode:vertical-rl;font-size:13px;letter-spacing:.34em;color:var(--ink-3);
  pointer-events:none;z-index:0;border-left:1px solid var(--line);padding-left:8px}
.sheet{position:relative;z-index:1}

.entry-mark{font-size:11.5px;letter-spacing:.3em;color:var(--o-500);margin-bottom:10px}
.brand h1{font-weight:900;font-size:clamp(38px,10vw,52px);letter-spacing:.28em;text-indent:.28em}
.tagline{letter-spacing:.2em;color:var(--ink-2)}
.phonetic{font-size:13px;letter-spacing:.22em;color:var(--ink-3);margin-top:6px}
.avatar{background:transparent;border:2px solid var(--ink);border-radius:0;box-shadow:none;
  font-family:"Noto Serif TC",serif}
.avatar span{color:var(--ink);font-weight:900}

.block-head{border-bottom:2px solid var(--ink);padding-bottom:5px}
.block-head h2{font-size:14px;letter-spacing:.34em;font-weight:600}
.more-link{font-size:13px;letter-spacing:.12em;text-decoration:underline;text-underline-offset:3px}

/* 方案 = 辭典詞條：左邊一條粗線當詞目 */
.plan{background:transparent;border:none;border-left:3px solid var(--line);border-radius:0;
  padding:14px 0 14px 16px;box-shadow:none}
.plan:hover{border-left-color:var(--o-300);background:rgba(140,47,39,.02)}
.plan.on{border-left-color:var(--o-500);background:rgba(140,47,39,.045)}
.plan-name{font-weight:900;font-size:19px;letter-spacing:.1em}
.plan-name::after{content:"〔名〕";font-size:11px;font-weight:400;color:var(--ink-3);
  letter-spacing:.1em;margin-left:8px;vertical-align:2px}
.plan-sub{color:var(--ink-3);font-size:13px;letter-spacing:.04em}
.plan-price b{font-weight:900;letter-spacing:-.01em}
.plan-tag{background:var(--ink);color:var(--bg);border-radius:0;letter-spacing:.2em;font-size:10px}
.plan-feats li::before{content:"◦";color:var(--o-500)}
.tick{border-radius:0;border-color:var(--ink)}

.pay{background:transparent;border:1px solid var(--line);border-radius:0}
.pay.on{border-color:var(--ink);background:rgba(140,47,39,.04)}
.fld > span{letter-spacing:.2em;font-size:12px}
.fld input,.fld textarea,.fld select{border:1px solid var(--line);border-radius:0;
  background:var(--surface);font-family:"Noto Serif TC",serif}
.fld input:focus,.fld textarea:focus,.fld select:focus{border-color:var(--ink);box-shadow:none}

.checkout{background:rgba(251,249,244,.97);border-top:2px solid var(--ink)}
.pay-btn{background:var(--ink);color:var(--bg);border-radius:0;font-weight:900;
  letter-spacing:.4em;box-shadow:none;font-family:"Noto Serif TC",serif}
.pay-btn:hover{background:var(--o-600)}
.disclaimer,.copyright,.fineprint{color:var(--ink-3);letter-spacing:.06em}