:root{
  --primary:#3A5C8C;
  --accent:#C4A255;
  --primary-light:#5A7CAC;
  --warm-white:#FAF8F4;
  --ink:#2A2A2A;
  --ink-light:#666;
  --border:#E0D8CC;
  --card-bg:#F5F2EC;
  --radius:8px;
  --max-w:740px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Noto Serif TC','Georgia',serif;background:var(--warm-white);color:var(--ink);line-height:1.85}
a{color:var(--primary);text-decoration:none}
a:hover{color:var(--primary-light);text-decoration:underline}
nav{max-width:var(--max-w);margin:0 auto;padding:1rem 1.5rem;font-size:.875rem;color:var(--ink-light)}
nav a{color:var(--ink-light)}
nav a:hover{color:var(--primary)}
article{max-width:var(--max-w);margin:0 auto;padding:1.5rem 1.5rem 4rem}
.article-meta{border-bottom:2px solid var(--primary);padding-bottom:1.25rem;margin-bottom:2rem}
.article-meta h1{font-size:1.75rem;font-weight:700;line-height:1.4;color:var(--ink);margin-bottom:.75rem}
.article-meta p{font-size:.875rem;color:var(--ink-light)}
.article-meta a{color:var(--primary)}
h2{font-size:1.35rem;font-weight:700;color:var(--ink);margin:2.5rem 0 1rem;padding-left:.75rem;border-left:4px solid var(--primary)}
h3{font-size:1.1rem;font-weight:600;color:var(--ink);margin:1.75rem 0 .75rem}
p{margin-bottom:1.25rem}
ul,ol{padding-left:1.5rem;margin-bottom:1.25rem}
li{margin-bottom:.5rem}
strong{color:var(--ink);font-weight:700}
.tldr{background:var(--card-bg);border-left:4px solid var(--accent);padding:1rem 1.25rem;margin-bottom:2rem;border-radius:0 var(--radius) var(--radius) 0;font-size:.95rem;color:var(--ink)}
.cta-card{background:var(--primary);border-radius:var(--radius);padding:1.25rem 1.5rem;margin:2.5rem 0;text-align:center}
.cta-card a{color:#fff;font-weight:700;font-size:1.05rem;display:block}
.cta-card a:hover{color:#F5F2EC;text-decoration:none}
.faq-block{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.75rem;margin:2.5rem 0}
.faq-block h2{margin-top:0;border-left:none;padding-left:0;font-size:1.2rem}
.faq-block h3{font-size:1rem;color:var(--primary);margin-top:1.25rem}
.related-posts{margin:2.5rem 0;padding:1.25rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius)}
.related-posts h3{margin-top:0;color:var(--ink);font-size:1.05rem}
.related-posts ul{padding-left:1.25rem}
.related-posts a{color:var(--primary)}
.author-bio{margin-top:2.5rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border);font-size:.9rem;color:var(--ink-light)}
.author-bio a{color:var(--primary);font-weight:600}
.author-note{background:#F0EDE6;border-radius:var(--radius);padding:1rem 1.25rem;margin:1.25rem 0;font-size:.9rem;font-style:italic;color:var(--ink-light);border-left:3px solid var(--accent)}
.disclosure{margin-top:1.5rem;padding:.75rem 1rem;background:var(--card-bg);border-radius:var(--radius);font-size:.8rem;color:var(--ink-light);border:1px solid var(--border)}
@media(max-width:600px){
  article{padding:1rem 1rem 3rem}
  .article-meta h1{font-size:1.4rem}
  h2{font-size:1.2rem}
}