:root { color: #2c241e; background: #faf8f2; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; line-height: 1.75; }
* { box-sizing: border-box; } body { margin: 0; } header { background: #36251e; color: #fffaf2; padding: 20px; } nav, main, footer { max-width: 840px; margin: auto; } nav a { color: #f2d5a4; text-decoration: none; margin-right: 18px; } main { padding: 42px 22px 56px; } h1 { font-size: clamp(28px, 5vw, 42px); line-height: 1.25; } h2 { margin-top: 36px; color: #6c3f25; } .lead { color: #69594d; font-size: 18px; } .card { background: #fff; border: 1px solid #e5dbcf; border-radius: 12px; padding: 20px; margin: 18px 0; } .cta { display: inline-block; background: #8b4d2b; color: #fff; border-radius: 8px; padding: 10px 18px; text-decoration: none; font-weight: 700; } .notice { color: #786b62; font-size: 14px; } footer { border-top: 1px solid #e5dbcf; color: #786b62; font-size: 14px; padding: 24px 22px; }