.current-date-card{background:linear-gradient(135deg, #667eea 0, #764ba2 100%);border-radius:24px;padding:24px 32px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;color:white;box-shadow:0 10px 30px rgba(102,126,234,0.3)}.current-date-gregorian .weekday{font-size:1rem;opacity:0.9;display:block;margin-bottom:4px}.current-date-gregorian .date{font-size:2rem;font-weight:700}.current-date-lunar{text-align:right}.current-date-lunar .lunar-date{font-size:1.1rem;display:block;margin-bottom:4px}.current-date-lunar .solar-term{font-size:0.85rem;opacity:0.8}.date-navigation{display:flex;gap:12px}.nav-btn{background:rgba(255,255,255,0.2);border:none;width:44px;height:44px;border-radius:50%;color:white;cursor:pointer;transition:all 0.3s;font-size:1.2rem}.nav-btn:hover{background:rgba(255,255,255,0.3);transform:scale(1.05)}.today-btn{background:white;border:none;padding:0 24px;border-radius:44px;color:#667eea;font-weight:600;cursor:pointer;transition:all 0.3s}.today-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.calendar-container{display:grid;grid-template-columns:1fr 300px;gap:24px}.calendar-main{background:white;border-radius:24px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,0.05);border:1px solid var(--gray-200)}.calendar-header{text-align:center;margin-bottom:20px}.year-month{font-size:1.3rem;font-weight:700;color:var(--gray-800);margin-bottom:16px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7, 1fr);gap:8px;text-align:center;padding:12px 0;background:var(--gray-50);border-radius:16px}.calendar-weekdays span{font-size:0.85rem;font-weight:600;color:var(--gray-600)}.calendar-weekdays span:first-child,.calendar-weekdays span:last-child{color:#ef4444}.calendar-days{display:grid;grid-template-columns:repeat(7, 1fr);gap:8px;margin-top:12px}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;cursor:pointer;transition:all 0.2s;position:relative;background:white}.calendar-day:hover{background:var(--gray-100);transform:translateY(-2px)}.calendar-day.selected{background:linear-gradient(135deg, #667eea, #764ba2);color:white}.calendar-day.selected .lunar-day{color:rgba(255,255,255,0.8)}.calendar-day.today{border:2px solid #667eea}.calendar-day.other-month{opacity:0.4}.day-number{font-size:1rem;font-weight:600}.lunar-day{font-size:0.65rem;color:var(--gray-500);margin-top:4px}.holiday-mark{position:absolute;top:2px;right:6px;font-size:0.6rem;color:#ef4444}.calendar-sidebar{display:flex;flex-direction:column;gap:20px}.date-detail-card,.almanac-card,.date-jump-card,.holiday-card{background:white;border-radius:20px;padding:16px;border:1px solid var(--gray-200);box-shadow:0 2px 8px rgba(0,0,0,0.03)}.detail-header,.almanac-header,.jump-header,.holiday-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--gray-200);font-weight:600;color:var(--gray-700)}.detail-header i,.almanac-header i,.jump-header i,.holiday-header i{color:#667eea}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--gray-100)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:0.8rem;color:var(--gray-500)}.detail-value{font-size:0.85rem;font-weight:500;color:var(--gray-800)}.almanac-row{display:flex;gap:12px;padding:10px 0;border-bottom:1px dashed var(--gray-100)}.almanac-row:last-child{border-bottom:none}.almanac-label{width:50px;font-size:0.8rem;font-weight:600;color:var(--gray-600)}.almanac-value{flex:1;font-size:0.8rem;color:var(--gray-600)}.almanac-value.good{color:#10b981}.almanac-value.bad{color:#ef4444}.jump-content{display:flex;gap:12px}.jump-input{flex:1;padding:10px 12px;border:1px solid var(--gray-300);border-radius:12px;font-size:0.85rem}.jump-btn{background:linear-gradient(135deg, #667eea, #764ba2);border:none;padding:0 20px;border-radius:12px;color:white;cursor:pointer;font-weight:500;transition:all 0.2s}.jump-btn:hover{opacity:0.9;transform:translateY(-1px)}.holiday-list{max-height:200px;overflow-y:auto}.holiday-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--gray-100)}.holiday-date{font-size:0.8rem;color:var(--gray-500)}.holiday-name{font-size:0.8rem;font-weight:500;color:#ef4444}@media (max-width:900px){.calendar-container{grid-template-columns:1fr}.current-date-card{flex-direction:column;text-align:center}.current-date-lunar{text-align:center}.calendar-day{aspect-ratio:auto;padding:8px 4px}.lunar-day{display:none}}@media (max-width:600px){.calendar-weekdays span{font-size:0.7rem}.day-number{font-size:0.8rem}}