:root { --orange: #ea611d; --cream: #f4efe6; --ink: #15171c; --sea: #03615a; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--orange); color: var(--ink); font-family: 'PingFang TC', 'Noto Sans TC', system-ui, -apple-system, sans-serif; line-height: 1.7; }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; }
article { background: var(--cream); border: 2px solid var(--ink); border-radius: 16px; box-shadow: 6px 6px 0 var(--ink); padding: 24px 20px; }
h1 { font-size: 24px; margin: 0 0 4px; }
h2 { font-size: 18px; margin: 28px 0 8px; }
h3 { font-size: 16px; margin: 20px 0 6px; }
p, li { font-size: 15px; }
ul { padding-left: 22px; }
a { color: var(--sea); font-weight: 700; }
.meta { color: #5d5850; font-size: 13px; margin: 0 0 16px; }
.en { margin-top: 36px; padding-top: 20px; border-top: 2px dashed var(--ink); }
nav { margin: 0 0 16px; font-weight: 700; }
nav a { color: var(--ink); margin-right: 14px; }