*{box-sizing:border-box}body{margin:0;background:#f4f1e9;color:#182b34;font-family:system-ui,"Noto Sans TC",sans-serif;line-height:1.85}header,main,footer{max-width:960px;margin:auto;padding:28px}header{display:flex;align-items:center;gap:18px;border-bottom:1px solid #bdc7c3}header img{width:64px;height:64px;border-radius:14px}nav{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}a{color:#075e64;text-underline-offset:4px}h1{font-size:clamp(32px,6vw,58px);line-height:1.2;letter-spacing:-1px}h2{margin-top:36px;font-size:24px}p{max-width:760px}.eyebrow{color:#866125;letter-spacing:3px;font-weight:700}.intro{font-size:21px}.links{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.links a{background:#163d43;color:white;padding:10px 20px;border-radius:5px;text-decoration:none}article{background:#fffdf8;padding:32px;border:1px solid #d6d9cc;border-radius:10px;margin:28px 0}footer{font-size:14px;border-top:1px solid #bdc7c3} @media(max-width:600px){header{align-items:flex-start;flex-wrap:wrap}nav{margin-left:0}article{padding:20px}}