:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; background: #f5f7f9; color: #202936; line-height: 1.7; }
main { width: min(880px, calc(100% - 32px)); margin: 36px auto; padding: 34px 42px; background: #fff; border: 1px solid #dce3ea; border-radius: 16px; box-shadow: 0 10px 32px rgba(24, 49, 83, .1); }
header { display: flex; align-items: center; gap: 18px; padding-bottom: 22px; border-bottom: 1px solid #dce3ea; }
header img { width: 72px; height: 72px; }
.eyebrow { margin: 0; color: #234f7d; font-size: 13px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
h1 { margin: 2px 0 0; font-size: clamp(24px, 4vw, 34px); line-height: 1.25; }
h2 { margin-top: 38px; color: #183153; }
h3 { margin-top: 26px; color: #234f7d; }
.updated { color: #66717f; font-size: 13px; }
li { margin: 7px 0; }
code { padding: 2px 5px; border-radius: 4px; background: #eaf0f6; }
section + section { margin-top: 46px; padding-top: 12px; border-top: 2px solid #dce3ea; }
@media (max-width: 620px) { main { margin: 0; width: 100%; padding: 24px 20px; border: 0; border-radius: 0; } header img { width: 56px; height: 56px; } }