*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;color:#333;background:#f5f5f5}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--border-color: #e5e5e5;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 24px}.dark-mode{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #808080;--border-color: #2a2a4a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4)}.app-container{min-height:100vh;transition:background .3s ease;position:relative}.main-content{max-width:430px;margin:0 auto;padding:20px 20px 40px}.dark-mode-toggle{position:fixed;top:20px;right:20px;width:44px;height:44px;border-radius:50%;border:none;background:var(--bg-primary);box-shadow:var(--shadow-md);cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;z-index:100;transition:transform .2s ease}.dark-mode-toggle:hover{transform:scale(1.1)}.dark-mode-toggle:active{transform:scale(.95)}.app-header{text-align:center;padding:30px 0 20px}.header-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:20px}.badge-icon{font-size:16px}.app-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:10px;line-height:1.3}.app-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:20px}.header-explanation{background:#667eea1a;border-radius:var(--radius-sm);padding:16px;display:flex;gap:12px;align-items:flex-start;text-align:left}.explanation-icon{font-size:20px;flex-shrink:0}.explanation-text{font-size:14px;color:var(--text-secondary);line-height:1.6}.form-section{margin-top:20px}.birthday-form{background:var(--bg-primary);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-md)}.form-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.type-selector{display:flex;gap:12px;margin-bottom:24px}.type-btn{flex:1;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.type-btn:hover{border-color:#667eea;background:#667eea0d}.type-btn.active{border-color:#667eea;background:#667eea1a}.type-icon{font-size:28px}.type-label{font-size:14px;font-weight:600;color:var(--text-primary)}.type-desc{font-size:12px;color:var(--text-muted)}.date-picker-section{display:flex;flex-direction:column;gap:20px}.date-selectors{display:flex;gap:16px}.selector-group{flex:1;display:flex;flex-direction:column;gap:8px}.selector-group label{font-size:14px;font-weight:500;color:var(--text-secondary)}.selector-group select{width:100%;padding:14px 16px;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:16px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;transition:border-color .2s ease}.selector-group select:focus{outline:none;border-color:#667eea}.selector-group select:disabled{opacity:.5;cursor:not-allowed}.query-btn{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.query-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.query-btn:active:not(:disabled){transform:translateY(0)}.query-btn:disabled{opacity:.6;cursor:not-allowed}.lunar-btn{background:linear-gradient(135deg,#f093fb,#f5576c)}.lunar-btn:hover:not(:disabled){box-shadow:0 4px 12px #f5576c66}.lunar-section{display:flex;flex-direction:column;gap:20px}.lunar-notice{background:#ffc1071a;border-radius:var(--radius-sm);padding:16px;display:flex;gap:12px;align-items:flex-start}.notice-icon{font-size:24px;flex-shrink:0}.notice-content{display:flex;flex-direction:column;gap:8px}.notice-title{font-size:16px;font-weight:600;color:var(--text-primary)}.notice-text{font-size:14px;color:var(--text-secondary);line-height:1.6}.error-message{margin-top:16px;background:#ff3b301a;border-radius:var(--radius-sm);padding:12px 16px;display:flex;gap:10px;align-items:center;font-size:14px;color:#ff3b30}.error-icon{font-size:18px;flex-shrink:0}.result-section{margin-top:20px;display:flex;flex-direction:column;gap:20px}.zodiac-result-card{border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-md);transition:background .3s ease}.result-header{text-align:center;margin-bottom:24px}.result-label{font-size:14px;color:var(--text-muted);margin-bottom:12px}.zodiac-emoji-large{font-size:64px;margin-bottom:12px}.zodiac-name{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.zodiac-english{font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.result-details{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff9;border-radius:var(--radius-sm)}.dark-mode .detail-item{background:#0003}.detail-label{font-size:14px;color:var(--text-secondary)}.detail-value{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.element-icon{font-size:16px}.keywords-section{margin-bottom:20px}.keywords-label{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.keywords-list{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag{padding:6px 14px;border-radius:20px;color:#fff;font-size:13px;font-weight:500}.description-section{background:#fffc;border-radius:var(--radius-sm);padding:20px}.dark-mode .description-section{background:#0000004d}.description-text{font-size:15px;line-height:1.8;color:var(--text-primary);font-style:italic;text-align:center}.share-card-wrapper{display:flex;flex-direction:column;gap:16px}.share-card{border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-md);transition:background .3s ease}.share-card-header{text-align:center;margin-bottom:20px}.share-card-title{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}.share-card-zodiac{display:flex;align-items:center;justify-content:center;gap:12px}.share-emoji{font-size:40px}.share-name{font-size:24px;font-weight:700;color:var(--text-primary)}.share-card-body{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.share-info-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed var(--border-color)}.share-label{font-size:14px;color:var(--text-secondary)}.share-value{font-size:14px;font-weight:600;color:var(--text-primary)}.share-quote{text-align:center;padding:16px;background:#ffffff80;border-radius:var(--radius-sm)}.dark-mode .share-quote{background:#0003}.quote-mark{font-size:24px;color:var(--text-muted);line-height:1}.quote-text{font-size:14px;line-height:1.6;color:var(--text-primary);font-style:italic;margin:8px 0}.share-card-footer{text-align:center;padding-top:16px;border-top:1px solid var(--border-color)}.footer-text{font-size:12px;color:var(--text-muted)}.copy-btn{width:100%;padding:14px;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #11998e66}.copy-btn:active{transform:translateY(0)}.copy-icon{font-size:18px}.reset-btn{width:100%;padding:14px;background:transparent;color:var(--text-secondary);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-btn:hover{border-color:#667eea;color:#667eea}.reset-btn:active{transform:scale(.98)}.info-section{margin-top:20px}.info-block{background:var(--bg-primary);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm)}.info-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.info-content{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.info-content p{font-size:14px;line-height:1.8;color:var(--text-secondary)}.info-highlight{background:#667eea1a;border-radius:var(--radius-sm);padding:16px;display:flex;gap:12px;align-items:flex-start}.highlight-icon{font-size:24px;flex-shrink:0}.highlight-text{font-size:14px;line-height:1.6;color:var(--text-primary);font-weight:500}.app-footer{margin-top:30px;text-align:center;padding:20px 0}.footer-content p{font-size:13px;color:var(--text-muted);line-height:1.6}.footer-sub{margin-top:8px;font-size:12px;opacity:.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-section{animation:fadeIn .5s ease-out}.form-section{animation:fadeIn .4s ease-out}.info-section{animation:fadeIn .6s ease-out}@media (max-width: 375px){.main-content{padding:16px}.app-title{font-size:20px}.type-selector,.date-selectors{flex-direction:column}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#667eea4d;color:var(--text-primary)}.lunar-inputs{display:flex;flex-direction:column;gap:16px}.lunar-inputs .date-selectors{display:flex;gap:12px}.detail-item.lunar-detail{background:#667eea26;border:1px dashed rgba(102,126,234,.3)}.dark-mode .detail-item.lunar-detail{background:#667eea33;border-color:#667eea66}.lunar-explanation{margin-top:16px}.explanation-badge{background:#667eea1a;border-radius:var(--radius-sm);padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.explanation-badge .badge-icon{font-size:18px;flex-shrink:0}.explanation-badge .badge-text{font-weight:500}.info-divider{height:1px;background:var(--border-color);margin:24px 0}.info-highlight-lunar{background:#9966ff1a}.dark-mode .info-highlight-lunar{background:#96f3}@media (max-width: 375px){.lunar-inputs .date-selectors{flex-direction:column}}