body { margin: 0; background: #f7f3ea; color: #10222b; font-family: "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif; line-height: 1.65; }
.wrap { max-width: 820px; margin: 0 auto; padding: 32px 20px 64px; }
a { color: #1f6f78; }
h1 { font-size: 1.9rem; line-height: 1.25; margin: 0 0 8px; }
h2 { margin-top: 34px; font-size: 1.3rem; }
.meta { color: #5c6b70; font-size: .92rem; margin-bottom: 26px; }
.card { background: #fffdf7; border: 1px solid #d8d0c0; border-radius: 8px; padding: 20px; margin: 18px 0; }
.card h3 { margin-top: 0; }
.post-list a { text-decoration: none; display: block; }
.post-list .title { font-weight: 700; color: #1f6f78; }
.post-list .desc { color: #5c6b70; font-size: .94rem; }
.cta { margin-top: 36px; padding: 18px 20px; background: #e3efed; border: 1px solid #1f6f78; border-radius: 8px; }
.btn { display: inline-block; margin-top: 10px; background: #1f6f78; color: #fff; padding: 10px 18px; border-radius: 6px; text-decoration: none; }
.btn.secondary { background: transparent; color: #1f6f78; border: 1px solid #1f6f78; }
footer { margin-top: 48px; font-size: .9rem; color: #5c6b70; }
ul { padding-left: 20px; }
li { margin-bottom: 6px; }