*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#23334a;font-family:"Microsoft JhengHei",sans-serif;line-height:1.9}header,main,footer{max-width:880px;margin:auto;padding:24px}header{border-bottom:1px solid #d8e0e9}a{color:#173567;text-underline-offset:4px}main{background:white;margin:24px auto;border-radius:16px;padding:32px}h1,h2{color:#173567;line-height:1.5}h1{font-size:30px}h2{font-size:21px;margin-top:28px}.date{color:#52657a;font-size:14px}nav{display:flex;flex-wrap:wrap;gap:18px}footer{font-size:14px}a:focus-visible{outline:3px solid #247b78;outline-offset:4px}@media(max-width:600px){main{margin:12px;padding:22px}h1{font-size:25px}}