.tool-header{text-align:center;margin-bottom:32px}.header-badge{display:flex;justify-content:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.badge{background:linear-gradient(135deg, #d97706, #b45309);color:white;padding:5px 16px;border-radius:40px;font-size:0.75rem;font-weight:500}.tool-header h1{font-size:2rem;font-weight:800;background:linear-gradient(135deg, #1e293b, #b45309);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}.date-selector{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.date-nav{background:white;border:1px solid var(--gray-200);width:44px;height:44px;border-radius:50%;cursor:pointer;transition:all 0.2s;font-size:1rem}.date-nav:hover{background:#b45309;color:white;border-color:#b45309}.date-display{text-align:center;background:linear-gradient(135deg, #fef3c7, #fffbeb);padding:12px 28px;border-radius:60px;min-width:200px}.date-picker{background:transparent;border:none;font-size:1.1rem;font-weight:600;text-align:center;font-family:inherit}.lunar-date{font-size:0.75rem;color:#b45309;margin-top:4px}.today-btn{background:linear-gradient(135deg, #d97706, #b45309);color:white;border:none;padding:10px 20px;border-radius:40px;cursor:pointer;font-weight:500;transition:all 0.2s}.today-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(217,119,6,0.3)}.calendar-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}.main-card{background:linear-gradient(135deg, #fff, #fffaf0);border-radius:32px;padding:28px;box-shadow:0 10px 30px -10px rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.05);text-align:center}.solar-date{margin-bottom:20px}.solar-day{font-size:3.5rem;font-weight:800;color:#b45309;line-height:1}.solar-month-year{font-size:0.9rem;color:var(--gray-500);margin-left:8px}.solar-week{display:block;font-size:0.8rem;color:var(--gray-400);margin-top:4px}.lunar-info{background:#fef3c7;border-radius:20px;padding:16px;margin-bottom:20px}.lunar-year{font-size:0.9rem;color:#92400e;margin-bottom:8px}.lunar-month-day{font-size:1.4rem;font-weight:700;color:#b45309}.solar-term{font-size:0.75rem;color:#d97706;margin-top:6px}.yi-ji-container{display:grid;grid-template-columns:1fr 1fr;gap:16px}.yi-box,.ji-box{background:white;border-radius:20px;padding:16px;text-align:left}.yi-box .box-title{color:#10b981;font-weight:600;margin-bottom:12px;font-size:0.9rem}.ji-box .box-title{color:#ef4444;font-weight:600;margin-bottom:12px;font-size:0.9rem}.box-content{display:flex;flex-wrap:wrap;gap:8px}.yi-tag{background:#d1fae5;color:#065f46;padding:4px 12px;border-radius:30px;font-size:0.75rem}.ji-tag{background:#fee2e2;color:#991b1b;padding:4px 12px;border-radius:30px;font-size:0.75rem}.detail-card{background:white;border-radius:32px;padding:24px;border:1px solid var(--gray-200)}.detail-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--gray-100)}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section h4{font-size:0.85rem;font-weight:600;color:var(--gray-700);margin-bottom:12px;display:flex;align-items:center;gap:8px}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background:var(--gray-100);padding:5px 14px;border-radius:30px;font-size:0.75rem;color:var(--gray-700)}.info-text{font-size:0.85rem;color:var(--gray-600);line-height:1.5}.hour-section{background:white;border-radius:28px;padding:20px;margin-bottom:24px;border:1px solid var(--gray-200)}.hour-section h3{font-size:1rem;margin-bottom:16px;display:flex;align-items:center;gap:8px;color:var(--gray-700)}.hour-grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:12px}.hour-card{background:var(--gray-50);border-radius:16px;padding:12px;text-align:center;transition:all 0.2s}.hour-card.good{background:#d1fae5;border-left:3px solid #10b981}.hour-card.bad{background:#fee2e2;border-left:3px solid #ef4444}.hour-time{font-weight:600;font-size:0.8rem;margin-bottom:6px}.hour-name{font-size:0.7rem;color:var(--gray-500)}.hour-status{font-size:0.65rem;margin-top:6px;font-weight:500}.hour-status.good{color:#10b981}.hour-status.bad{color:#ef4444}.footer-info{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;background:var(--gray-50);border-radius:24px;padding:16px 24px;margin-bottom:28px;text-align:center}.info-item span{display:block;font-size:0.7rem;color:var(--gray-500);margin-bottom:6px}.info-item strong{font-size:0.85rem;color:var(--gray-800)}.info-footer{background:var(--gray-50);border-radius:24px;padding:20px}.info-footer-header{font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.info-footer-steps{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px}.step-item{display:flex;gap:12px;align-items:flex-start}.step-number{width:28px;height:28px;background:#b45309;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:700}.step-content h4{font-size:0.8rem;margin-bottom:2px}.step-content p{font-size:0.7rem;color:var(--gray-500)}@media (max-width:900px){.calendar-grid{grid-template-columns:1fr}.hour-grid{grid-template-columns:repeat(3, 1fr)}.footer-info{grid-template-columns:repeat(2, 1fr)}.info-footer-steps{grid-template-columns:repeat(2, 1fr)}}@media (max-width:480px){.hour-grid{grid-template-columns:repeat(2, 1fr)}.footer-info{grid-template-columns:1fr}.info-footer-steps{grid-template-columns:1fr}.solar-day{font-size:2.5rem}.yi-ji-container{grid-template-columns:1fr}}