/* ============================================================
 * 今日运势页样式 yunshi.css
 * 包含：今日概览、老黄历、12 生肖运势卡片
 * ============================================================ */

.summary{
  background:linear-gradient(135deg,#fff5d2,#fbeac5);
  border:2px solid #d4a017;border-radius:8px;
  padding:18px 22px;margin-bottom:24px;
  font-size:16px;color:#5a2a1a;
}
.summary strong{color:#8b0000}

/* 12 张运势卡片 */
.yunshi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.yunshi-card{
  background:#fffbe9;border:1px solid #e6c98a;border-radius:8px;
  padding:16px;box-shadow:0 2px 0 rgba(212,160,23,.08);transition:.2s;
}
.yunshi-card:hover{
  transform:translateY(-3px);
  box-shadow:0 6px 16px rgba(139,0,0,.12);
  border-color:#c0392b;
}
.yunshi-card .head{
  display:flex;justify-content:space-between;align-items:center;
  border-bottom:1px dashed #d4a017;padding-bottom:8px;margin-bottom:10px;
}
.yunshi-card .head h2{font-size:20px;color:#8b0000;letter-spacing:2px}
.yunshi-card .head .lv{
  font-size:14px;color:#fff;
  background:#c0392b;padding:2px 10px;border-radius:12px;
}
.yunshi-card .head .lv.good{background:#2e7d32}
.yunshi-card .head .lv.mid{background:#d4a017}
.yunshi-card .head .lv.bad{background:#8b0000}
.yunshi-card ul{list-style:none;font-size:14px}
.yunshi-card ul li{padding:3px 0;display:flex;justify-content:space-between}
.yunshi-card ul li b{color:#5a2a1a;font-weight:normal;min-width:60px}
.yunshi-card ul li span{color:#8b0000}
.yunshi-card p.tip{
  font-size:13px;color:#5a4a2a;background:#fff8e0;
  border-left:3px solid #d4a017;padding:6px 8px;
  margin-top:8px;border-radius:0 4px 4px 0;
}
.yunshi-card a.more{display:inline-block;margin-top:10px;font-size:13px;color:#c0392b}

/* 老黄历 */
.huangli{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;font-size:15px}
.huangli div{
  background:#fff;border:1px solid #e6c98a;
  padding:10px;border-radius:4px;
}
.huangli div span{color:#7a5a3a;font-size:13px;display:block;margin-bottom:4px}
.huangli div b{color:#8b0000;font-size:15px}

@media(max-width:768px){
  .yunshi-grid{grid-template-columns:1fr}
  .huangli{grid-template-columns:repeat(2,1fr)}
}