/* Hengjing-like grid for post list, tuned for 789PRO */
:root{
  --pro789-accent: #d4a106; /* 789PRO 主色系(黃金/琥珀) */
  --pro789-brown: #7a5c2e;
  --pro789-cream: #fffbe6;
  --pro789-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
.main-sections{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  justify-content:center;
  margin: 2rem auto;
  max-width: 1200px;
  padding: 0 1rem;
}
.section-card{
  background:#fff;
  border-radius:16px;
  box-shadow: var(--pro789-shadow);
  padding:1rem 1rem 1.25rem;
  text-align:center;
  transition: transform .2s, box-shadow .2s;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height: 320px;
}
.section-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 10px 28px rgba(0,0,0,0.12);
}
.section-card .thumb{
  width: 100%;
  height: 180px;
  border-radius:12px;
  object-fit:cover;
  margin-bottom:.75rem;
  background:#f5f5f5;
}
.section-card h2{
  font-size:1.15rem;
  margin:.4rem 0 .25rem;
}
.section-card h2 a{
  color:#111;
  text-decoration:none;
}
.section-card h2 a:hover{
  color: var(--pro789-accent);
}
.section-card p{
  color:#555;
  font-size:.95rem;
  margin:0;
}
.grid-meta{
  margin-top:.75rem;
  font-size:.85rem;
  color:#777;
}
.pagination{
  margin: 2rem 0;
  display:flex;
  justify-content:center;
}
.pagination .page-numbers{
  display:inline-block;
  padding:.5rem .75rem;
  margin:.2rem;
  border-radius:8px;
  text-decoration:none;
  background:#f5f5f5;
  color:#333;
}
.pagination .current{
  background: var(--pro789-accent);
  color:#fff;
}
/* Header/footer 微調保留品牌樣式：此檔不覆蓋 brand-789.css 的設定 */