.almanac-page { color: #3c2924; background: radial-gradient(circle at 15% 10%, rgba(200,145,86,.1), transparent 34%), linear-gradient(180deg, #fffaf5, #f6eee6); }
.almanac-card { position: relative; overflow: hidden; border: 1px solid #d8b98b; border-radius: 12px; padding: 24px; background: #fffaf0; box-shadow: 0 18px 45px rgba(100,61,34,.12); }
.almanac-card::before { position: absolute; inset: 10px; border: 1px solid rgba(183,71,57,.16); border-radius: 8px; pointer-events: none; content: ""; }
.almanac-card-head, .almanac-legend, .almanac-week, .almanac-grid, .almanac-footer { position: relative; z-index: 1; }
.almanac-card-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid #e3ccb0; padding: 0 6px 18px; }
.almanac-card-head h2 { display: inline-block; margin: 0 0 4px 10px; color: #8f2f28; font-family: Georgia, "Microsoft YaHei", serif; font-size: clamp(24px, 4vw, 38px); }
.almanac-card-head p { margin: 0 0 0 52px; color: #906b52; }
.almanac-seal { display: inline-grid; width: 38px; height: 38px; place-items: center; border: 2px solid #b74739; color: #b74739; font-size: 22px; font-weight: 900; transform: rotate(-6deg); }
.almanac-month-actions { display: flex; gap: 8px; }
.almanac-month-actions .secondary-button { border-color: #cda97b; color: #7d392e; background: #fffdf8; }
.almanac-legend { display: flex; flex-wrap: wrap; gap: 18px; padding: 18px 6px 12px; color: #80604e; font-size: 13px; }
.legend-dot { display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 50%; vertical-align: -1px; }
.legend-dot.is-good { background: #b74739; }.legend-dot.is-normal { background: #d2a968; }.legend-dot.is-caution { background: #9b9a92; }
.almanac-week, .almanac-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 7px; }
.almanac-week { margin-bottom: 7px; color: #9a6c4b; font-weight: 800; text-align: center; }
.almanac-grid { grid-auto-rows: minmax(74px, 1fr); }
.almanac-day { position: relative; display: grid; min-height: 74px; align-content: start; justify-items: start; border: 1px solid #ead8bf; border-radius: 6px; padding: 8px; color: #54362c; background: rgba(255,255,255,.65); text-align: left; transition: transform .15s ease, box-shadow .15s ease; }
.almanac-day:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(129,72,36,.14); }
.almanac-day strong { font-size: 20px; }.almanac-day small { margin-top: 3px; color: #a37b62; font-size: 11px; }.almanac-day em { position: absolute; right: 7px; bottom: 7px; font-size: 11px; font-style: normal; font-weight: 900; }
.almanac-day.status-吉 { border-color: #d69a8d; background: #fff3ec; }.almanac-day.status-吉 em { color: #b74739; }.almanac-day.status-平 em { color: #be8a43; }.almanac-day.status-慎 em { color: #8d8c85; }
.almanac-day.is-outside { opacity: .42; }.almanac-day.is-today { outline: 2px solid #c58a35; outline-offset: 1px; }
.almanac-footer { display: grid; grid-template-columns: 130px 1fr; gap: 16px; margin-top: 18px; border-top: 1px solid #e3ccb0; padding: 16px 6px 0; }.almanac-footer strong { color: #9b332b; }.almanac-footer p { margin: 0; color: #725344; }
.almanac-detail-overlay { position: fixed; z-index: 60; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(46,24,18,.48); backdrop-filter: blur(8px); }
.almanac-detail { position: relative; width: min(640px, 100%); max-height: 90vh; overflow-y: auto; border: 1px solid #d3aa78; border-radius: 12px; padding: 28px; color: #4b3229; background: #fff9ef; box-shadow: 0 30px 80px rgba(39,19,10,.28); }.almanac-detail h2 { margin: 0 0 6px; color: #8f2f28; font-size: 30px; }.almanac-detail-close { position: absolute; top: 16px; right: 16px; color: #8f2f28; }
.almanac-lunar { color: #9b7258; }.almanac-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 20px 0; }.almanac-facts span { display: grid; gap: 5px; border: 1px solid #ead8bf; border-radius: 6px; padding: 10px; color: #9b7258; font-size: 12px; }.almanac-facts strong { color: #52372b; font-size: 14px; }.almanac-yiji { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.almanac-yiji > div { border-radius: 8px; padding: 14px; }.almanac-yiji > div:first-child { background: #fff0e9; }.almanac-yiji > div:last-child { background: #f1f0eb; }.almanac-yiji h3, .almanac-personal h3 { margin: 0 0 8px; color: #9b332b; }.almanac-yiji p, .almanac-personal p { margin: 0; line-height: 1.7; }.almanac-personal { margin-top: 14px; border-top: 1px solid #ead8bf; padding-top: 16px; }
@media (max-width: 680px) { .almanac-card { padding: 16px 12px; }.almanac-card-head { align-items: flex-start; flex-direction: column; }.almanac-card-head p { margin-left: 0; }.almanac-month-actions { align-self: stretch; justify-content: flex-end; }.almanac-grid { gap: 4px; grid-auto-rows: minmax(64px, 1fr); }.almanac-day { min-height: 64px; padding: 6px; }.almanac-day strong { font-size: 17px; }.almanac-day small { font-size: 9px; }.almanac-day em { right: 4px; bottom: 4px; font-size: 10px; }.almanac-footer { grid-template-columns: 1fr; gap: 6px; }.almanac-facts, .almanac-yiji { grid-template-columns: 1fr; } }