/* blog / contact 页专属 */
.page-hero { position: relative; padding: 128px 0 var(--s8); text-align: center; }
.page-hero h1 { font-size: 2.5rem; color: var(--white); margin-bottom: var(--s1); }
.page-hero p  { color: rgba(255,255,255,.6); font-size: 1.1rem; }

.blog-list { max-width: var(--wrap-narrow); margin: 0 auto; display: grid; gap: var(--s3); }
.blog-card { display: flex; gap: var(--s4); padding: var(--s4); }
.blog-card__date { font-size: .85rem; color: var(--ink-3); flex-shrink: 0; width: 80px; }
.blog-card__body h3 { font-size: 1.15rem; margin-bottom: 4px; }
.blog-card__body p { font-size: .9rem; color: var(--ink-3); }
.blog-card__tags { margin-top: var(--s1); display: flex; gap: 8px; }
.blog-card__tag { font-size: .75rem; padding: 2px 10px; border: 1px solid var(--line); border-radius: var(--r-sm); color: var(--ink-3); }
.blog-empty { text-align: center; padding: var(--s10) 0; color: var(--ink-3); }

.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s8); margin-top: var(--s6); }
.contact-info { display: flex; flex-direction: column; gap: var(--s4); }
.contact-item { display: flex; gap: var(--s2); align-items: flex-start; }
.contact-item__icon { width: 40px; height: 40px; flex-shrink: 0; border-radius: var(--r-md); background: var(--magenta-l); color: var(--magenta); display: flex; align-items: center; justify-content: center; }
.contact-item h4 { font-size: 1rem; margin-bottom: 2px; }
.contact-item p { font-size: .9rem; color: var(--ink-3); }
.contact-qr { text-align: center; padding: var(--s4); background: var(--bg); border-radius: var(--r-lg); }
.contact-qr img { width: 160px; height: 160px; margin: 0 auto var(--s3); border-radius: var(--r-md); }
.contact-qr p { font-size: .9rem; color: var(--ink-3); }

@media (max-width: 767px) {
  .blog-card { flex-direction: column; gap: var(--s1); }
  .contact-grid { grid-template-columns: 1fr; }
}