:root{--green:#1f8f3a;--holiday:#dc2626;--border:#d1d5db;--muted:#9ca3af;--bg:#f3f6f9}
.header{background:var(--green);color:#fff;padding:14px 16px;border-radius:12px 12px 0 0;}
.day-head{background:#e9eef4;border-radius:8px;padding:6px 0;font-weight:bold;text-align:center}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.day-cell{background:#fff;border:1px solid var(--border);border-radius:12px;min-height:110px;position:relative;height:150px;padding:10px}
.day-cell.out{color:var(--muted);background:#fafafa}
.day-cell.today{outline:2px solid #16a34a}
.day-cell.holiday{border:2px solid var(--holiday)}
.solar{font-size:26px;text-align:center;font-weight:800}
.lunar-day{font-size:14px;color:#475569;line-height:2; text-align: right;}
.lunar-name{font-size:14px;color:#475569;line-height:2}
.badge-holiday{position:absolute;bottom:6px;left:6px;right:6px;background:var(--holiday);color:#fff;font-size:11px;border-radius:6px;text-align:center;padding:2px}
.weekend .solar{color:#dc2626}
.calendar-inner{padding:14px}
.badge-moon{position:absolute;bottom:6px;left:6px;right:6px;color:#dc2626;font-size:11px;text-align:center;padding:2px}
 

@media(max-width:768px){
  .solar{font-size:18px}
  .day-cell{min-height:60px;height:60px;padding:4px}
  .lunar-day,.lunar-name{font-size:10px}
  .calendar-inner{padding:6px}
  .header #title{
    width: 100%;
    text-align: center;
    margin-bottom: 6px;
  }
  .lunar-name,
  .badge-holiday{
    display: none !important;
  }
   .badge-moon{
    display: none !important;
  }
}

body{background:var(--bg);font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}