:root { color: #17332f; background: #f3f8f6; font-family: Arial, "Microsoft YaHei", "Noto Sans SC", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.65; }
.page { width: min(760px, calc(100% - 32px)); margin: 48px auto; padding: 32px; background: #ffffff; border: 1px solid #d4e2df; border-radius: 8px; }
.brand { margin: 0; color: #087766; font-size: 13px; font-weight: 800; letter-spacing: .08em; }
h1 { margin: 8px 0 16px; font-size: 30px; }
h2 { margin: 32px 0 8px; font-size: 20px; }
p { margin: 8px 0; }
a { color: #087766; }
.muted { color: #5c716c; }
nav { display: flex; gap: 14px; align-items: center; margin-top: 24px; }
.button { display: inline-block; padding: 10px 14px; border-radius: 6px; color: #ffffff; background: #087766; font-weight: 700; text-decoration: none; }
.text-link { font-weight: 700; }
@media (max-width: 560px) { .page { margin: 16px auto; padding: 24px; } h1 { font-size: 26px; } }