.container{border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,0.1);backdrop-filter:blur(10px);text-align:center}h1{color:#2c3e50;margin-bottom:30px;margin-top:30px;font-size:2.5em;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,0.1)}.input-section{margin-bottom:30px}.date-input-group{display:flex;gap:15px;justify-content:center;align-items:center;margin-bottom:20px;flex-wrap:wrap}.date-input{padding:12px 20px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;text-align:center;transition:all 0.3s ease;background:white;color:#333;min-width:80px}.date-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 10px rgba(102,126,234,0.3)}.date-label{font-size:18px;color:#555;font-weight:600}.convert-btn{background:linear-gradient(45deg, #667eea, #764ba2);color:white;border:none;padding:15px 30px;border-radius:25px;font-size:18px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 5px 15px rgba(102,126,234,0.3)}.convert-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,0.4)}.convert-btn:active{transform:translateY(0)}.result-section{margin-top:30px;padding:25px;background:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);border-radius:15px;border-left:5px solid #667eea;display:none}.result-title{color:#2c3e50;font-size:1.8em;margin-bottom:15px;font-weight:700}.result-content{font-size:1.3em;color:#34495e;line-height:1.6}.lunar-year{color:#e74c3c;font-weight:700;font-size:1.1em}.lunar-date{color:#3498db;font-weight:700;font-size:1.1em}.error-message{color:#e74c3c;font-size:16px;margin-top:10px;display:none}.loading{color:#667eea;font-size:16px;margin-top:10px;display:none}.today-btn{background:linear-gradient(45deg, #28a745, #20c997);color:white;border:none;padding:10px 20px;border-radius:20px;font-size:14px;cursor:pointer;transition:all 0.3s ease;margin-left:10px}.today-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(40,167,69,0.3)}.calendar-section{margin-top:30px;padding:25px;background:rgba(255,255,255,0.8);border-radius:15px;border:1px solid #e0e0e0;display:none}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-nav{background:linear-gradient(45deg, #667eea, #764ba2);color:white;border:none;padding:8px 15px;border-radius:20px;cursor:pointer;font-size:14px;transition:all 0.3s ease}.calendar-nav:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(102,126,234,0.3)}.calendar-title{font-size:1.5em;color:#2c3e50;font-weight:600}.calendar-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px;background:#f8f9fa;border-radius:10px;padding:10px}.calendar-day-header{background:#667eea;color:white;padding:12px 5px;text-align:center;font-weight:600;border-radius:5px;font-size:14px}.calendar-day{background:white;border:1px solid #e0e0e0;padding:12px 5px;text-align:center;cursor:pointer;transition:all 0.3s ease;border-radius:5px;font-size:14px;min-height:40px;display:flex;align-items:center;justify-content:center}.calendar-day:hover{background:#f0f4ff;border-color:#667eea;transform:translateY(-1px)}.calendar-day.other-month{color:#ccc;background:#f8f9fa}.calendar-day.today{background:linear-gradient(45deg, #28a745, #20c997);color:white;font-weight:600}.calendar-day.selected{background:linear-gradient(45deg, #667eea, #764ba2);color:white;font-weight:600}.calendar-day.today:hover,.calendar-day.selected:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,0.3)}.toggle-calendar{background:linear-gradient(45deg, #17a2b8, #138496);color:white;border:none;padding:10px 20px;border-radius:20px;font-size:14px;cursor:pointer;transition:all 0.3s ease;margin-top:15px}.toggle-calendar:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(23,162,184,0.3)}.info-section{margin-top:50px;padding:20px;background:rgba(255,255,255,0.7);border-radius:10px;border:1px solid #e0e0e0}.info-title{color:#2c3e50;font-size:1.2em;margin-bottom:10px;font-weight:600}.info-text{color:#666;font-size:14px;line-height:1.5}@media (max-width: 768px){h1{font-size:2em}.date-input-group{flex-direction:column;gap:10px}.date-input{width:100%;max-width:200px}}

/*# sourceMappingURL=appLunarConversion.css.map */