:root { color-scheme: light; font-family: "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif; }
* { box-sizing: border-box; }
body { min-width: 320px; margin: 0; color: #12231d; background: #f4f5ee; }
::selection { color: #0a4635; background: #c8f0df; }
.page { display: flex; flex-direction: column; min-height: 100vh; max-width: 1100px; margin: auto; padding: 40px clamp(24px, 6vw, 72px) 24px; }
.brand { color: #126148; font-weight: 760; letter-spacing: .04em; }
.content { margin: auto 0; padding: 64px 0; }
h1 { max-width: 12ch; margin: 0; font-family: "Songti SC", "STSong", "Microsoft YaHei UI", serif; font-size: clamp(2.8rem, 7vw, 5.2rem); font-weight: 760; line-height: 1.12; letter-spacing: -.035em; text-wrap: balance; }
.intro { max-width: 42em; margin: 32px 0 0; color: #4c6258; font-size: clamp(1rem, 2vw, 1.13rem); line-height: 1.9; }
.status { display: flex; flex-wrap: wrap; gap: 8px 18px; max-width: 42em; margin: 48px 0 0; padding: 20px 24px; border-radius: 12px; background: #e7f7ef; line-height: 1.75; }
.status strong { color: #0a4635; }
footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding-top: 20px; border-top: 1px solid #d9dfd7; color: #596a63; font-size: .86rem; }
footer a { color: #126148; text-underline-offset: .22em; }
footer a:focus-visible { outline: 3px solid #126148; outline-offset: 4px; }
@media (max-width: 560px) { .page { padding-top: 24px; } .content { padding: 80px 0; } .status { padding: 16px; } }