/* ============================================================
 * 生肖网 首页样式 index.css
 * 包含：生肖卡片网格、年份对照表、首页 intro
 * ============================================================ */

.intro p{margin-bottom:12px;font-size:16px;text-indent:2em}

/* 12 生肖卡片网格 */
.zodiac-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.zodiac-card{
  background:#fff;border:1px solid #e6c98a;border-radius:8px;
  padding:14px 8px;text-align:center;transition:.2s;
  position:relative;overflow:hidden;
}
.zodiac-card::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at top,#fff5d2 0%,transparent 70%);
  pointer-events:none;
}
.zodiac-card:hover{
  transform:translateY(-4px);
  box-shadow:0 6px 16px rgba(139,0,0,.15);
  border-color:#c0392b;
  text-decoration:none;
}
.zodiac-card .icon{
  width:80px;height:80px;margin:0 auto 8px;display:block;
  filter:drop-shadow(0 2px 4px rgba(139,0,0,.18));
  transition:transform .25s;
}
.zodiac-card:hover .icon{transform:rotate(-4deg) scale(1.05)}
.zodiac-card h3{font-size:18px;color:#5a2a1a;margin-bottom:4px;letter-spacing:2px}
.zodiac-card .year{font-size:12px;color:#7a5a3a}

/* 年份对照表 */
.years-table{
  width:100%;border-collapse:collapse;font-size:14px;background:#fff;
}
.years-table th,.years-table td{
  border:1px solid #e6c98a;padding:8px 10px;text-align:center;
}
.years-table th{background:#fbeac5;color:#8b0000}
.years-table tr:nth-child(even) td{background:#fff8e0}

@media(max-width:768px){
  .zodiac-grid{grid-template-columns:repeat(3,1fr)}
  .years-table{font-size:12px}
  .years-table th,.years-table td{padding:6px 4px}
}