:root{--primary: #4CAF50;--primary-dark: #388E3C;--secondary: #FF9800;--success: #4CAF50;--warning: #FF9800;--danger: #F44336;--info: #2196F3;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-accent: #e8f5e8;--border-color: #e0e0e0;--border-radius: 4px;--border-radius-lg: 8px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header-bar{background:var(--primary-color-2);color:#fff;padding:10px 0;border-bottom:2px solid var(--primary-dark)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:18px;font-weight:700}.header-right{display:flex;align-items:center;gap:20px}.current-time{font-size:16px;font-weight:700;background:#fff3;padding:5px 10px;border-radius:4px}.header-links{display:flex;gap:15px}.header-link{color:#fff;text-decoration:none;font-size:14px;font-weight:500;padding:5px 10px;border-radius:4px;transition:background-color .3s}.header-link:hover{background:#fff3}.main-title-section{padding:30px 0;text-align:center}.main-title{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 20px}.view-lunar-btn{background:var(--primary-color-2);color:#fff;border:none;padding:0 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;margin:0 auto;display:block}.view-lunar-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.main-subtitle{font-size:16px;color:var(--text-secondary);margin:0}.current-date-section{padding:30px 0;background:#fff}.date-info-right{display:flex;flex-direction:column;gap:15px}.date-item{display:flex;align-items:center;gap:12px;font-size:14px;padding:12px 15px;border-bottom:1px solid var(--border-color);border-radius:8px;transition:all .3s ease;margin-bottom:8px}.date-item:last-child{border-bottom:none;margin-bottom:0}.date-item:hover{background:#667eea0d;transform:translate(5px);box-shadow:0 2px 8px #667eea1a}.date-icon{font-size:16px;width:24px;text-align:center;color:var(--primary-color-2);display:flex;align-items:center;justify-content:center}.date-label{font-weight:500;color:var(--text-primary);font-size:13px}.date-value{font-weight:600;color:var(--primary-color-1);padding:3px 8px;border-radius:6px;background:#667eea1a;display:inline-block;width:fit-content;transition:all .3s ease;font-size:12px}.date-value:hover{background:#667eea33;transform:scale(1.02)}.date-value.gregorian{color:var(--primary-color-1)}.date-value.lunar{color:var(--primary-color-2)}.date-info-right{display:flex;flex-direction:column;gap:20px}.fortune-info{background:var(--bg-accent);padding:15px;border-left:4px solid var(--primary-color-2)}.fortune-desc{color:var(--text-secondary);font-size:13px;line-height:1.4}.auspicious-hours{background:var(--bg-secondary);padding:15px}.hours-title{font-weight:700;color:var(--text-primary);margin-bottom:6px;font-size:14px}.hours-list{display:flex;flex-wrap:wrap;gap:6px}.hour-item{background:var(--primary-color-2);color:#fff;padding:3px 6px;border-radius:6px;font-size:11px;font-weight:500;transition:all .3s ease}.hour-item:hover{background:var(--primary-dark);transform:scale(1.05)}.main-content-layout{position:relative;min-height:100vh}.main-content-layout:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="leaves" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="2" fill="%23ffa726" opacity="0.3"/><circle cx="80" cy="30" r="1.5" fill="%23ff9800" opacity="0.4"/><circle cx="40" cy="70" r="1" fill="%23ffb74d" opacity="0.3"/><circle cx="70" cy="80" r="2.5" fill="%23ffcc02" opacity="0.2"/></pattern></defs><rect width="100" height="100" fill="url(%23leaves)"/></svg>');opacity:.1;pointer-events:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.footer-content{grid-template-columns:repeat(2,1fr);gap:20px}.footer-bottom{flex-direction:column;gap:15px;text-align:center}}@media (max-width: 480px){.container{padding:0 15px}.main-title{font-size:24px}.footer-content{grid-template-columns:1fr}}.fortune-detail-section{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.section-header{background:var(--primary-color-2);color:#fff;padding:20px;text-align:center}.section-title{font-size:20px;font-weight:600;margin:0}.fortune-detail-content table{width:100%;border-collapse:collapse;margin:0;font-size:14px}.fortune-detail-content table label{font-weight:600;color:var(--primary-color-1)}.fortune-detail-content th{background:var(--primary-color-2);color:#fff;padding:12px 8px;text-align:center;font-weight:600;border:1px solid #ddd}.fortune-detail-content td{padding:10px 8px;border:1px solid #ddd;text-align:left;vertical-align:top}.fortune-detail-content tr:nth-child(2n){background:#f8f9fa}.fortune-detail-content tr:hover{background:#e3f2fd}.fortune-detail-content p{margin:8px 0;line-height:1.5}.fortune-detail-content strong,.fortune-detail-content b{color:var(--primary-color-1);font-weight:600}@media (max-width: 768px){.fortune-detail-content{padding:20px}.fortune-detail-content table{font-size:12px}.fortune-detail-content th,.fortune-detail-content td{padding:8px 4px}.section-title{font-size:18px}}