.tool-header{text-align:center;margin-bottom:30px}.header-badge{display:flex;justify-content:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.badge{background:linear-gradient(135deg, #d4af37, #b8860b);color:white;padding:6px 18px;border-radius:40px;font-size:0.75rem;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.tool-header h1{font-size:2rem;font-weight:800;background:linear-gradient(135deg, #1e293b, #b8860b);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}.tool-header p{color:var(--gray-500);font-size:0.9rem}.quick-actions{display:flex;justify-content:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.quick-btn{background:linear-gradient(135deg, #f8fafc, #fff);border:1px solid var(--gray-200);padding:10px 24px;border-radius:50px;font-weight:500;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;gap:8px;color:var(--gray-700)}.quick-btn:hover{background:linear-gradient(135deg, #d4af37, #b8860b);border-color:transparent;color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(180,130,11,0.3)}.date-picker-section{background:linear-gradient(135deg, #f8fafc, #fff);border-radius:60px;padding:8px;margin-bottom:28px;border:1px solid rgba(0,0,0,0.05);box-shadow:0 8px 25px -10px rgba(0,0,0,0.1)}.date-picker-wrapper{display:flex;align-items:center;gap:12px;background:white;border-radius:60px;padding:6px 6px 6px 20px}.picker-icon{color:#b8860b;font-size:1.1rem}.date-input{flex:1;border:none;padding:14px 0;font-size:1rem;background:transparent;color:var(--gray-800);font-weight:500}.date-input:focus{outline:none}.query-btn{background:linear-gradient(135deg, #d4af37, #b8860b);border:none;padding:12px 32px;border-radius:50px;color:white;font-weight:600;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;gap:8px}.query-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(180,130,11,0.3)}.picker-hint{text-align:center;font-size:0.7rem;color:var(--gray-400);margin-top:12px}.result-card{background:linear-gradient(135deg, #fff9e6, #fffef5);border-radius:32px;padding:28px;margin-bottom:28px;border:1px solid rgba(212,175,55,0.2);box-shadow:0 15px 35px -10px rgba(0,0,0,0.08);animation:fadeIn 0.4s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.result-date-header{text-align:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px dashed rgba(212,175,55,0.3)}.gregorian-date{font-size:1.8rem;font-weight:700;color:var(--gray-800);margin-bottom:6px}.lunar-date{font-size:0.9rem;color:#b8860b;margin-bottom:6px}.weekday{font-size:0.9rem;color:var(--gray-500)}.fortune-level{text-align:center;margin-bottom:28px}.level-badge{display:inline-block;padding:8px 32px;border-radius:50px;font-size:1.1rem;font-weight:700;margin-bottom:12px}.level-badge.good{background:linear-gradient(135deg, #d4af37, #b8860b);color:white;box-shadow:0 4px 15px rgba(180,130,11,0.2)}.level-badge.normal{background:linear-gradient(135deg, #6b7280, #4b5563);color:white}.level-badge.bad{background:linear-gradient(135deg, #ef4444, #dc2626);color:white}.level-text{font-size:0.85rem;color:var(--gray-600)}.yi-ji-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}.yi-card,.ji-card{background:white;border-radius:24px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,0.03);border:1px solid var(--gray-100)}.card-title{font-size:1rem;font-weight:600;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--gray-100)}.yi-card .card-title i{color:#10b981;margin-right:8px}.ji-card .card-title i{color:#ef4444;margin-right:8px}.yi-list,.ji-list{list-style:none;display:flex;flex-wrap:wrap;gap:12px}.yi-list li{background:#d1fae5;color:#065f46;padding:4px 14px;border-radius:30px;font-size:0.8rem}.ji-list li{background:#fee2e2;color:#991b1b;padding:4px 14px;border-radius:30px;font-size:0.8rem}.hour-table-section{margin-bottom:28px}.section-title{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;font-weight:600;color:var(--gray-700)}.section-title .subtitle{font-size:0.7rem;font-weight:normal;color:var(--gray-400)}.hour-table{display:grid;grid-template-columns:repeat(6, 1fr);gap:10px;background:white;border-radius:20px;padding:16px;border:1px solid var(--gray-100)}.hour-item{text-align:center;padding:10px 5px;border-radius:16px;transition:all 0.2s}.hour-item:hover{transform:translateY(-2px)}.hour-name{font-size:0.8rem;font-weight:600;margin-bottom:4px}.hour-time{font-size:0.65rem;color:var(--gray-500);margin-bottom:6px}.hour-fortune{font-size:0.7rem;font-weight:500;padding:2px 8px;border-radius:20px;display:inline-block}.hour-fortune.good{background:#d1fae5;color:#065f46}.hour-fortune.bad{background:#fee2e2;color:#991b1b}.chongsha-section{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;background:var(--gray-50);border-radius:20px;padding:16px;margin-bottom:28px}.chongsha-item{text-align:center}.chongsha-item .label{display:block;font-size:0.7rem;color:var(--gray-500);margin-bottom:6px}.chongsha-item .value{font-size:0.85rem;font-weight:500;color:var(--gray-800)}.suggestion-section{background:linear-gradient(135deg, #fef3c7, #fffbeb);border-radius:20px;padding:18px 20px;margin-bottom:20px;border:1px solid #fde68a}.suggestion-title{font-weight:600;color:#92400e;margin-bottom:8px;display:flex;align-items:center;gap:8px}.suggestion-text{font-size:0.85rem;color:#78350f;line-height:1.6}.share-section{display:flex;justify-content:center;gap:16px}.share-btn{background:transparent;border:1px solid var(--gray-200);padding:10px 24px;border-radius:40px;cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center;gap:8px;color:var(--gray-600)}.share-btn:hover{background:var(--gray-100);border-color:#b8860b;color:#b8860b}.calendar-section{background:white;border-radius:24px;padding:20px;margin-bottom:24px;border:1px solid var(--gray-200)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-header button{background:transparent;border:none;padding:10px;cursor:pointer;border-radius:40px;transition:all 0.2s;color:var(--gray-600)}.calendar-header button:hover{background:var(--gray-100);color:#b8860b}#currentMonthYear{font-size:1.1rem;font-weight:600}.calendar-weekdays{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--gray-200);color:var(--gray-500);font-size:0.8rem}.calendar-days{display:grid;grid-template-columns:repeat(7, 1fr);gap:5px}.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;font-size:0.85rem;position:relative}.calendar-day:hover{background:var(--gray-100)}.calendar-day.selected{background:linear-gradient(135deg, #d4af37, #b8860b);color:white}.calendar-day.other-month{color:var(--gray-300)}.calendar-day .lunar-day{font-size:0.6rem;margin-top:2px}@media (max-width:768px){.yi-ji-grid{grid-template-columns:1fr}.hour-table{grid-template-columns:repeat(3, 1fr)}.chongsha-section{grid-template-columns:repeat(2, 1fr)}.date-picker-wrapper{flex-direction:column;border-radius:30px;padding:16px}.date-picker-section{border-radius:30px}.query-btn{width:100%;justify-content:center}.quick-actions{gap:10px}.quick-btn{padding:6px 16px;font-size:0.8rem}.gregorian-date{font-size:1.4rem}}@media (max-width:480px){.hour-table{grid-template-columns:repeat(2, 1fr)}.result-card{padding:18px}}