:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23)}#root{min-height:100vh;display:flex;flex-direction:column}:root{--primary-color: #6b46c1;--primary-light: #9f7aea;--primary-dark: #553c9a;--secondary-color: #805ad5;--accent-color: #b794f4;--background-dark: #1a1a2e;--background-card: #252542;--text-primary: #e2e8f0;--text-secondary: #a0aec0;--border-color: #4a5568;--success-color: #48bb78;--warning-color: #ed8936;--error-color: #f56565;--star-purple: #9f7aea;--star-gold: #ecc94b;--star-blue: #4299e1}.header{background:linear-gradient(180deg,#1a1a2e,#16213e);border-bottom:1px solid var(--primary-dark);position:relative;overflow:hidden}.header-content{max-width:1200px;margin:0 auto;padding:24px 20px;text-align:center;position:relative;z-index:1}.logo{display:flex;align-items:center;justify-content:center;gap:12px}.logo-icon{font-size:32px;animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.logo-text{font-size:28px;font-weight:600;background:linear-gradient(135deg,var(--primary-light) 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{color:var(--text-secondary);font-size:14px;margin-top:8px}.header-bg-stars{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 30% 60%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 50% 30%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 70% 80%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90% 40%,rgba(255,255,255,.3),transparent);animation:stars-move 20s linear infinite}@keyframes stars-move{0%{transform:translate(0)}to{transform:translate(-20px)}}.footer{background:linear-gradient(180deg,#16213e,#1a1a2e);border-top:1px solid var(--primary-dark);padding:20px;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.copyright{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.disclaimer{color:var(--text-secondary);font-size:12px;opacity:.7}.birth-input{background:var(--background-card);border-radius:12px;padding:24px;max-width:480px;margin:0 auto;box-shadow:0 4px 20px #0000004d}.form-group{margin-bottom:20px}.form-label{display:block;color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:8px}.form-label .optional{color:var(--text-secondary);font-size:12px;font-weight:400}.form-input{width:100%;padding:12px 16px;background:var(--background-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6b46c133}.form-input.error{border-color:var(--error-color)}.form-input::placeholder{color:var(--text-secondary)}select.form-input{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='%23a0aec0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}select.form-input option{background:var(--background-card);color:var(--text-primary)}.calendar-toggle,.gender-toggle{display:flex;gap:8px}.toggle-btn{flex:1;padding:10px 16px;background:var(--background-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.toggle-btn:hover{border-color:var(--primary-color);color:var(--text-primary)}.toggle-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.city-input-wrapper{position:relative}.city-selected{display:inline-block;margin-top:8px;padding:4px 8px;background:#48bb7833;border-radius:4px;color:var(--success-color);font-size:12px}.city-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--background-card);border:1px solid var(--border-color);border-radius:8px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:10;list-style:none}.city-suggestion-item{padding:10px 16px;cursor:pointer;transition:background .2s}.city-suggestion-item:hover{background:var(--background-dark)}.submit-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6b46c166}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.error-text{display:block;color:var(--error-color);font-size:12px;margin-top:4px}.time-input-group{display:flex;align-items:center;gap:8px}.time-input{width:80px;text-align:center}.time-separator{color:var(--text-secondary);font-size:18px;font-weight:700}.current-shichen{margin-left:12px;color:var(--text-secondary);font-size:12px;font-weight:400}.current-shichen strong{color:var(--primary-light)}.shichen-reference{margin-top:12px;padding:12px;background:var(--background-dark);border-radius:8px;border:1px solid var(--border-color)}.shichen-ref-title{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.shichen-ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.shichen-ref-item{font-size:11px;color:var(--text-secondary);padding:4px 6px;background:#6b46c11a;border-radius:4px;text-align:center;transition:all .2s}.shichen-ref-item.active{background:var(--primary-color);color:#fff;font-weight:500}@media(max-width:480px){.birth-input{padding:16px;border-radius:8px}.form-label{font-size:13px}.form-input{padding:10px 12px}.submit-btn{padding:12px 20px;font-size:15px}}.date-select-group{display:flex;gap:8px}.form-select{flex:1;padding:12px 28px 12px 8px;background:var(--background-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;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='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6b46c133}.form-select.error{border-color:var(--error-color)}.time-select{min-width:80px}@media(max-width:480px){.date-select-group{gap:6px}.form-select{padding:10px 24px 10px 6px;font-size:13px;background-position:right 6px center}.time-select{min-width:70px}}.horoscope-panel{margin-top:24px;padding:20px;background:var(--background-card);border-radius:12px;border:1px solid var(--border-color)}.horoscope-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.horoscope-title-row h3{font-size:18px;color:var(--text-primary);margin:0}.date-picker input{padding:8px 12px;background:var(--background-dark);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px}.date-picker input:focus{outline:none;border-color:var(--primary-color)}.horoscope-date-info{display:flex;gap:20px;margin-bottom:16px;font-size:14px;color:var(--text-secondary)}.horoscope-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:600px){.horoscope-cards{grid-template-columns:1fr}}.horoscope-card{padding:16px;background:var(--background-dark);border-radius:8px;border:1px solid var(--border-color)}.horoscope-card.yearly{border-left:3px solid #f59e0b}.horoscope-card.monthly{border-left:3px solid #3b82f6}.horoscope-card.daily{border-left:3px solid #10b981}.horoscope-card.decadal{border-left:3px solid #8b5cf6}.horoscope-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.horoscope-title{font-size:14px;color:var(--text-secondary)}.horoscope-ganzhi{font-size:20px;font-weight:700;color:var(--primary-light)}.horoscope-mutagen{margin-bottom:8px}.mutagen-label{font-size:12px;color:var(--text-muted)}.mutagen-star{display:inline-block;margin-left:6px;padding:2px 8px;background:#6b46c133;border-radius:4px;font-size:12px;color:var(--primary-light)}.horoscope-stars{font-size:12px}.stars-label{color:var(--text-muted)}.stars-list{margin-top:4px;display:flex;flex-wrap:wrap;gap:4px}.palace-stars{color:var(--text-secondary);font-size:11px}.horoscope-loading{text-align:center;padding:40px;color:var(--text-secondary)}.horoscope-error{text-align:center;padding:20px;color:var(--error-color)}.horoscope-error button{margin-top:10px;padding:8px 16px;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer}.chart-grid-container{background:var(--background-card);border-radius:12px;padding:24px;margin:20px 0}.chart-title{text-align:center;margin-bottom:12px}.chart-title h2{font-size:24px;color:var(--text-primary);font-weight:600;margin-bottom:4px}.chart-hint{font-size:12px;color:var(--text-secondary)}.si-hua-legend{display:flex;justify-content:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px}.legend-star{color:var(--text-secondary);font-size:13px}.chart-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--border-color);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;max-width:700px;margin:0 auto}.star-legend{display:flex;justify-content:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.star-legend .legend-item{display:flex;align-items:center;gap:4px}.palace-main-stars{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:2px}.star-main{font-size:13px;font-weight:600;color:gold;background:#ffd70033;padding:2px 6px;border-radius:3px}.palace-aux-stars{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:2px}.star-lucky{font-size:11px;color:#48bb78;background:#48bb7833;padding:1px 4px;border-radius:3px}.star-evil{font-size:11px;color:#f56565;background:#f5656533;padding:1px 4px;border-radius:3px}.star-auxiliary{font-size:11px;color:#4299e1;background:#4299e133;padding:1px 4px;border-radius:3px}.star-neutral{font-size:11px;color:#a0aec0;background:#a0aec026;padding:1px 4px;border-radius:3px}.palace-shensha{display:flex;flex-wrap:wrap;gap:2px}.star-shensha{font-size:10px;color:#b794f4;background:#b794f426;padding:1px 3px;border-radius:2px}.star-more{font-size:9px;color:var(--text-secondary);padding:1px 3px}.chart-cell{background:var(--background-dark);min-height:110px;padding:8px;position:relative;display:flex;flex-direction:column;cursor:pointer;transition:all .2s}.chart-cell:hover{background:#6b46c126}.chart-cell.selected{background:#6b46c14d;box-shadow:inset 0 0 0 2px var(--primary-color)}.chart-cell.highlighted{background:#6b46c126;box-shadow:inset 0 0 0 1px var(--primary-light)}.center-cell{grid-column:span 2;grid-row:span 2;background:linear-gradient(135deg,#1e1e3a,#252545);justify-content:center;cursor:default}.center-cell:hover{background:linear-gradient(135deg,#1e1e3a,#252545)}.center-info{padding:12px;width:100%}.info-row{display:flex;justify-content:space-between;padding:4px 0;font-size:12px}.info-label{color:var(--text-secondary)}.info-value{color:var(--text-primary);font-weight:500}.solar-correction .info-value{color:var(--warning-color)}.palace-name{font-size:12px;color:var(--primary-light);font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:4px;margin-bottom:4px}.palace-stars{flex:1;display:flex;flex-wrap:wrap;gap:2px;align-content:flex-start}.main-star{font-size:12px;color:var(--star-gold);background:#ecc94b26;padding:2px 6px;border-radius:3px;white-space:nowrap}.palace-auxiliary{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px}.aux-star{font-size:10px;color:var(--star-blue);background:#4299e126;padding:1px 4px;border-radius:3px}.aux-star.lucky{color:var(--success-color);background:#48bb7826}.palace-shensha{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px}.shensha-tag{font-size:9px;color:var(--accent-color);background:#b794f426;padding:1px 3px;border-radius:2px}.palace-dizhi{position:absolute;bottom:4px;right:6px;font-size:10px;color:var(--text-secondary);opacity:.7}.si-hua-tag{font-size:11px;font-weight:600;padding:2px 6px;border-radius:3px}.si-hua-lu{background:#48bb784d;color:#48bb78}.si-hua-quan{background:#ed89364d;color:#ed8936}.si-hua-ke{background:#4299e14d;color:#4299e1}.si-hua-ji{background:#f565654d;color:#f56565}.palace-detail-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--background-card);border-radius:12px;box-shadow:0 10px 40px #00000080;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;z-index:1000;animation:popupFadeIn .2s ease-out}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.popup-header h3{font-size:18px;color:var(--text-primary);margin:0}.popup-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;line-height:1}.popup-close:hover{color:var(--text-primary)}.popup-body{padding:16px 20px}.detail-section{margin-bottom:16px}.detail-section h4{font-size:13px;color:var(--primary-light);margin:0 0 8px}.detail-section p{font-size:13px;color:var(--text-primary);line-height:1.6;margin:0}.detail-section.advice{background:#6b46c11a;padding:12px;border-radius:8px;border-left:3px solid var(--primary-color)}.detail-stars{font-size:14px;color:var(--star-gold)}.detail-aux-stars,.detail-shensha{display:flex;flex-wrap:wrap;gap:6px}.aux-badge,.shensha-badge{font-size:12px;padding:4px 8px;border-radius:4px}.aux-badge.lucky{background:#48bb7833;color:var(--success-color)}.aux-badge:not(.lucky){background:#4299e133;color:var(--star-blue)}.shensha-badge{background:#b794f433;color:var(--accent-color)}.sanfang-list{display:flex;gap:8px;flex-wrap:wrap}.sanfang-item{font-size:12px;padding:4px 10px;background:var(--background-dark);border-radius:4px;color:var(--text-secondary)}.sanfang-item.self{background:var(--primary-color);color:#fff}.sihua-detail-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.sihua-detail-section h3{font-size:20px;color:var(--text-primary);margin-bottom:20px}.sihua-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sihua-card{background:var(--background-card);border-radius:12px;padding:18px;border-left:4px solid var(--border-color)}.sihua-card.sihua-lu{border-left-color:#48bb78;background:linear-gradient(135deg,rgba(72,187,120,.1) 0%,var(--background-card) 100%)}.sihua-card.sihua-quan{border-left-color:#ed8936;background:linear-gradient(135deg,rgba(237,137,54,.1) 0%,var(--background-card) 100%)}.sihua-card.sihua-ke{border-left-color:#4299e1;background:linear-gradient(135deg,rgba(66,153,225,.1) 0%,var(--background-card) 100%)}.sihua-card.sihua-ji{border-left-color:#f56565;background:linear-gradient(135deg,rgba(245,101,101,.1) 0%,var(--background-card) 100%)}.sihua-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sihua-type{font-size:14px;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--background-dark);color:var(--text-primary)}.sihua-star{font-size:16px;font-weight:600;color:gold}.sihua-nature{font-size:12px;padding:3px 8px;border-radius:4px;margin-left:auto;font-weight:500}.sihua-nature.吉{background:#48bb784d;color:#48bb78}.sihua-nature.凶{background:#f565654d;color:#f56565}.sihua-meaning{font-size:14px;color:var(--text-primary);line-height:1.6;margin-bottom:10px}.sihua-effect{font-size:13px;color:var(--text-primary);line-height:1.5;margin-bottom:8px}.sihua-keywords{display:flex;flex-wrap:wrap;gap:4px}.keyword-tag{font-size:10px;color:var(--primary-light);background:#6b46c133;padding:2px 6px;border-radius:3px}.main-stars-summary{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.main-stars-summary h3{font-size:16px;color:var(--text-primary);margin-bottom:12px}.stars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.stars-item{display:flex;gap:8px;padding:8px 12px;background:var(--background-dark);border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s}.stars-item:hover{background:#6b46c133}.palace-label{color:var(--primary-light);white-space:nowrap}.stars-list{color:var(--text-secondary)}@media(max-width:600px){.chart-grid-container{padding:12px}.chart-grid{gap:1px;border-width:1px}.chart-cell{min-height:90px;padding:4px}.main-star{font-size:10px;padding:1px 4px}.aux-star{font-size:9px;padding:0 2px}.center-info{padding:4px 8px}.info-row{font-size:10px}.sihua-cards,.stars-grid{grid-template-columns:1fr}.palace-detail-popup{max-height:85vh}}.bazi-section{margin-top:24px;padding:16px;background:var(--background-card);border-radius:8px}.bazi-section h3{text-align:center;margin-bottom:16px;color:var(--text-primary)}.bazi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bazi-pillar{text-align:center;padding:12px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:8px;border:1px solid var(--border-color)}.pillar-label{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.pillar-value{font-size:24px;font-weight:700;color:gold}.bazi-full{text-align:center;margin-top:12px;color:var(--text-secondary);font-size:14px}.decadal-section{margin-top:24px;padding:20px;background:var(--background-card);border-radius:12px}.decadal-section h3{text-align:center;margin-bottom:16px;color:var(--text-primary);font-size:18px}.section-hint{font-size:12px;color:var(--text-secondary);font-weight:400}.decadal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.decadal-item{text-align:center;padding:12px 8px;background:var(--background-dark);border-radius:8px;border:2px solid var(--border-color);transition:all .2s ease;cursor:pointer}.decadal-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:#4fc3f7}.decadal-item.selected{border-color:#4fc3f7;background:#4fc3f71a;box-shadow:0 4px 12px #4fc3f733}.decadal-age{font-size:11px;color:var(--text-primary);margin-bottom:4px}.decadal-ganzhi{font-size:16px;font-weight:700;color:#4fc3f7;margin-bottom:4px}.decadal-palace{font-size:11px;color:var(--text-muted)}.decadal-detail-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--background-card);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;z-index:1001;border:1px solid var(--border-color)}.decadal-detail-popup .popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.decadal-detail-popup .popup-header h3{margin:0;color:var(--text-primary);font-size:18px}.decadal-detail-popup .popup-close{background:var(--background-dark);border:none;color:var(--text-secondary);font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s}.decadal-detail-popup .popup-close:hover{background:#f56565;color:#fff}.decadal-detail-popup .popup-body{padding:20px}.decadal-detail-popup .detail-section{margin-bottom:20px}.decadal-detail-popup .detail-section h4{color:var(--text-primary);font-size:15px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.decadal-detail-popup .detail-section p{color:var(--text-primary);line-height:1.6;margin:0;font-size:14px}.decadal-detail-popup .detail-section.advice{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:16px;border-radius:8px;margin-bottom:0}.decadal-detail-popup .detail-section.advice ul{margin:8px 0 0;padding-left:20px}.decadal-detail-popup .detail-section.advice li{color:var(--text-primary);line-height:1.8;font-size:14px}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment-modal{background:var(--background-card);border-radius:16px;padding:32px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-size:24px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:24px}.products-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.product-card{position:relative;padding:20px;background:var(--background-dark);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s}.product-card:hover{border-color:var(--primary-color)}.product-card.selected{border-color:var(--primary-color);background:#6b46c11a}.product-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.product-price{font-size:28px;font-weight:700;color:var(--primary-light);margin-bottom:8px}.product-desc{font-size:13px;color:var(--text-secondary)}.product-badge{position:absolute;top:-8px;right:12px;background:linear-gradient(135deg,#f56565,#ed8936);color:#fff;font-size:12px;font-weight:600;padding:4px 12px;border-radius:12px}.payment-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s}.payment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6b46c166}.payment-btn:disabled{opacity:.6;cursor:not-allowed}.qrcode-container{display:flex;justify-content:center;margin-bottom:20px}.qrcode-image{width:200px;height:200px;border-radius:8px;background:#fff;padding:10px}.payment-info{text-align:center;margin-bottom:20px}.payment-amount{font-size:16px;color:var(--text-primary);margin-bottom:8px}.payment-amount strong{font-size:24px;color:var(--primary-light)}.payment-order{font-size:13px;color:var(--text-secondary);font-family:monospace}.payment-countdown{font-size:14px;color:var(--warning-color);margin-top:8px}.payment-error{background:#f565651a;border:1px solid var(--error-color);border-radius:8px;padding:12px;color:var(--error-color);text-align:center;margin-bottom:16px;font-size:14px}.payment-actions{display:flex;gap:12px;margin-bottom:16px}.verify-btn{flex:1;padding:14px 20px;background:var(--primary-color);border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.verify-btn:hover:not(:disabled){background:var(--primary-dark)}.verify-btn:disabled{opacity:.6;cursor:not-allowed}.reset-btn{flex:1;padding:14px 20px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:15px;cursor:pointer;transition:all .2s}.reset-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.payment-tip{text-align:center;font-size:13px;color:var(--text-secondary)}.payment-success{text-align:center;padding:20px 0}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;margin:0 auto 20px}.payment-success h2{font-size:24px;color:var(--text-primary);margin-bottom:12px}.payment-success p{color:var(--text-secondary);margin-bottom:24px}@media(max-width:480px){.payment-modal{padding:20px;border-radius:12px}.modal-title{font-size:20px}.product-price{font-size:24px}.qrcode-image{width:180px;height:180px}.payment-actions{flex-direction:column}}.qrcode-wrapper{padding:20px;background:#fff;border-radius:8px;display:inline-block}.payment-success-icon{width:80px;height:80px;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;margin:0 auto 20px}.success-message{text-align:center;color:var(--text-secondary);margin-bottom:20px}.skip-btn{width:100%;padding:12px 24px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;margin-top:12px;transition:all .2s}.skip-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.profile-hint{text-align:center;color:var(--text-secondary);margin-bottom:24px;font-size:14px}.profile-form{margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:12px 14px;background:var(--background-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:60px}.report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:20px 0}.report-modal{background:var(--background-card);border-radius:16px;padding:32px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;position:relative;margin:auto}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:4px;line-height:1}.modal-close:hover{color:var(--text-primary)}.report-title{font-size:24px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:24px}.report-loading{text-align:center;padding:60px 20px}.loading-spinner-large{width:48px;height:48px;border:3px solid rgba(107,70,193,.3);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.report-loading p{color:var(--text-secondary);font-size:16px}.report-error{text-align:center;padding:40px 20px}.report-error p{color:var(--error-color);margin-bottom:16px}.report-error button{padding:12px 24px;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer}.dimensions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.dimension-card{background:var(--background-dark);border-radius:12px;padding:20px;border-left:4px solid var(--primary-color)}.dimension-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.dimension-icon{font-size:24px}.dimension-title{font-size:16px;font-weight:600;color:var(--text-primary)}.dimension-content{font-size:14px;color:var(--text-secondary);line-height:1.7}.suggestions-section{background:linear-gradient(135deg,#6b46c11a,#b794f41a);border-radius:12px;padding:24px;margin-bottom:24px}.suggestions-section h3{font-size:18px;color:var(--text-primary);margin-bottom:16px}.suggestions-list{list-style:none;padding:0;margin:0}.suggestions-list li{position:relative;padding:12px 0 12px 24px;font-size:14px;color:var(--text-primary);line-height:1.6;border-bottom:1px solid var(--border-color)}.suggestions-list li:last-child{border-bottom:none}.suggestions-list li:before{content:"→";position:absolute;left:0;color:var(--primary-light)}.quote-section{text-align:center;padding:24px;background:var(--background-dark);border-radius:12px;margin-bottom:24px}.quote-text{font-size:18px;font-style:italic;color:var(--primary-light);line-height:1.6;margin:0}.report-footer{text-align:center}.report-time{font-size:12px;color:var(--text-secondary)}@media(max-width:600px){.report-modal{padding:20px}.dimensions-grid{grid-template-columns:1fr}.dimension-card{padding:16px}.quote-text{font-size:16px}}.interpretation-panel{max-width:1200px;margin:0 auto;padding:24px;background:var(--background-card);border-radius:12px;box-shadow:0 2px 12px #0000004d}.interpretation-title{font-size:24px;font-weight:600;text-align:center;margin-bottom:24px;color:var(--text-primary)}.interpretation-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:12px}.tab-btn{padding:10px 24px;border:none;background:var(--background-dark);border-radius:8px 8px 0 0;cursor:pointer;font-size:15px;color:var(--text-secondary);transition:all .3s}.tab-btn:hover{background:#3d3d5c}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.section{margin-bottom:24px;padding:20px;background:var(--background-card);border-radius:8px}.section h3{font-size:18px;margin-bottom:16px;color:var(--text-primary);border-left:4px solid #667eea;padding-left:12px}.fate-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.fate-card{padding:20px;background:var(--background-card);border-radius:8px;box-shadow:0 2px 8px #0000000f}.fate-card.ming{border-left:4px solid #e74c3c}.fate-card.shen{border-left:4px solid #3498db}.fate-card h4{font-size:16px;margin-bottom:8px;color:var(--text-primary)}.fate-card .position{color:var(--text-secondary);font-size:14px;margin-bottom:12px}.fate-card .stars{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.star-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:4px;font-size:13px}.brightness-badge{font-size:11px;font-weight:600;margin-left:4px}.overall-summary{font-size:16px;line-height:1.8;color:var(--text-primary)}.recommendations-list{display:flex;flex-direction:column;gap:12px}.recommendation-item{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:var(--background-card);border-radius:6px;border-left:3px solid #95a5a6}.recommendation-item.priority-高{border-left-color:#e74c3c}.recommendation-item.priority-中{border-left-color:#f39c12}.rec-category{font-weight:600;color:var(--text-primary);white-space:nowrap}.rec-advice{color:var(--text-secondary)}.palaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.palace-card{padding:16px;background:var(--background-card);border-radius:8px;border:1px solid #e0e0e0;cursor:pointer;transition:all .3s}.palace-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.palace-card.selected{border-color:#667eea;box-shadow:0 4px 16px #667eea33}.palace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.palace-header h4{margin:0;color:var(--text-primary)}.palace-position{font-size:13px;color:var(--text-secondary)}.palace-stars{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.no-star{color:var(--text-secondary);font-style:italic}.palace-meaning-short{font-size:13px;color:var(--text-secondary);margin:0}.palace-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.palace-detail-content{background:var(--background-card);border-radius:16px;max-width:600px;width:100%;max-height:85vh;overflow-y:auto;padding:28px;position:relative;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-color)}.palace-detail-content h3{margin:0 0 20px;font-size:22px;color:var(--text-primary);padding-right:40px}.detail-block{margin-bottom:20px;padding:16px;background:var(--background-dark);border-radius:8px}.detail-block:last-child{margin-bottom:0}.detail-block h4{font-size:15px;color:var(--primary-light);margin-bottom:10px;font-weight:600}.detail-block p{margin:0;color:var(--text-primary);line-height:1.7}.stars-detail{display:flex;flex-direction:column;gap:8px}.star-detail-item{display:flex;align-items:center;gap:8px}.star-name{font-weight:600}.brightness-desc{font-size:12px;color:var(--text-secondary);margin-left:4px}.detail-block.combo{background:#4caf5026;padding:16px;border-radius:8px;border-left:3px solid #4caf50}.combo-name{font-weight:600;color:#66bb6a}.combo-effect{font-size:14px;color:var(--text-primary);margin-top:6px}.detail-block.advice{background:#ff980026;padding:16px;border-radius:8px;border-left:3px solid #ff9800}.keywords-list{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag{padding:5px 14px;background:#2196f333;color:#64b5f6;border-radius:20px;font-size:13px}.sihua-intro{padding:16px;background:var(--background-dark);border-radius:8px;margin-bottom:20px}.sihua-intro p{margin:0;color:var(--text-primary);line-height:1.6;font-size:15px}.sihua-summary{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;margin-bottom:24px}.sihua-summary p{margin:0;font-size:16px;font-weight:500}.sihua-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.sihua-card-full{padding:20px;border-radius:12px;border:2px solid;background:var(--background-card)}.sihua-header-full{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sihua-type-full{font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.sihua-star-full{font-size:20px;font-weight:600;color:var(--text-primary)}.sihua-palace-full{font-size:14px;color:var(--text-primary);font-weight:500}.sihua-content p{margin:0 0 8px;line-height:1.6}.sihua-meaning-full{color:var(--text-primary);font-size:15px}.sihua-effect-full{color:var(--text-primary);font-weight:500;font-size:15px}.sihua-interpretation{font-size:14px;padding:12px;background:var(--background-dark);border-radius:8px;color:var(--text-primary);line-height:1.6}.sihua-keywords-full{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.keyword-badge{padding:4px 12px;background:var(--background-dark);border-radius:16px;font-size:13px;color:var(--text-primary);font-weight:500}.pattern-intro{padding:16px;background:var(--background-dark);border-radius:8px;margin-bottom:20px}.pattern-intro p{margin:0;color:var(--text-secondary)}.patterns-list{display:flex;flex-direction:column;gap:16px}.pattern-card{padding:20px;background:var(--background-card);border-radius:8px;border:1px solid #e0e0e0;border-left:4px solid #667eea}.pattern-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pattern-header h4{margin:0;font-size:18px;color:var(--text-primary)}.pattern-level{padding:4px 12px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:12px;font-size:13px}.pattern-desc{color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.pattern-stars{display:flex;flex-wrap:wrap;gap:6px}.star-tag{padding:3px 10px;background:#e8eaf6;color:#3f51b5;border-radius:4px;font-size:13px}.no-pattern{padding:40px;text-align:center;color:var(--text-secondary)}@media(max-width:768px){.interpretation-tabs{flex-wrap:wrap}.tab-btn{flex:1;min-width:120px}.palaces-grid,.fate-cards,.sihua-cards-grid{grid-template-columns:1fr}}.history-panel{max-width:600px;margin:20px auto;background:var(--background-card);border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.history-panel.empty{padding:40px 20px;text-align:center}.history-empty-icon{font-size:48px;margin-bottom:16px}.history-empty-text{font-size:16px;color:var(--text-primary);margin:0 0 8px}.history-empty-hint{font-size:14px;color:var(--text-secondary);margin:0}.history-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;background:var(--background-card)}.history-header h3{margin:0;font-size:16px;color:var(--text-primary)}.history-actions{display:flex;align-items:center;gap:12px}.history-count{font-size:13px;color:var(--text-secondary)}.clear-btn{padding:4px 12px;border:1px solid #e0e0e0;background:var(--background-card);border-radius:4px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.clear-btn:hover{border-color:#f44336;color:#f44336}.confirm-clear{display:flex;align-items:center;gap:8px;font-size:13px;color:#f44336}.confirm-btn,.cancel-btn{padding:4px 10px;border:none;border-radius:4px;font-size:12px;cursor:pointer}.confirm-btn{background:#f44336;color:#fff}.cancel-btn{background:#e0e0e0;color:var(--text-secondary)}.history-list{max-height:400px;overflow-y:auto}.history-item{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.history-item:hover{background:#f9f9f9}.history-item:last-child{border-bottom:none}.history-item-info{flex:1;min-width:0}.history-title{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.history-meta{display:flex;gap:12px;font-size:13px;color:var(--text-secondary)}.history-time{color:#667eea}.history-date{color:var(--text-secondary)}.history-preview{font-size:12px;color:var(--text-secondary);margin-top:4px}.history-delete{width:28px;height:28px;border:none;background:transparent;color:#ccc;font-size:20px;cursor:pointer;border-radius:50%;transition:all .2s}.history-delete:hover{background:#ffebee;color:#f44336}@media(max-width:600px){.history-panel{margin:16px}.history-header{flex-direction:column;gap:12px;align-items:flex-start}.history-actions{width:100%;justify-content:space-between}}.share-panel{display:flex;flex-direction:column;align-items:center;padding:20px;margin:16px 0;background:var(--background-dark);border-radius:12px}.share-panel-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.share-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.share-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;font-size:15px;font-weight:500;border-radius:24px;cursor:pointer;transition:all .3s}.share-btn.pdf-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 15px #e74c3c4d}.share-btn.image-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.share-btn:hover:not(:disabled){transform:translateY(-2px)}.share-btn.pdf-btn:hover:not(:disabled){box-shadow:0 6px 20px #e74c3c66}.share-btn.image-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66}.share-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.share-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.share-modal-content{background:var(--background-card);border-radius:16px;max-width:520px;width:100%;max-height:90vh;overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-color)}.share-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:var(--background-dark);border-radius:50%;font-size:18px;cursor:pointer;z-index:1;transition:all .2s;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.share-modal-close:hover{background:var(--primary-color);color:#fff}.share-modal-content h3{margin:0;padding:20px;font-size:18px;text-align:center;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.share-preview{flex:1;overflow:auto;padding:20px;background:var(--background-dark);display:flex;justify-content:center;align-items:flex-start;max-height:400px}.share-preview img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 20px #0003}.share-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 20px;border-top:1px solid var(--border-color)}.share-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.share-action-btn.download{background:#27ae60;color:#fff}.share-action-btn.copy{background:#3498db;color:#fff}.share-action-btn.link{background:#9b59b6;color:#fff}.share-action-btn.wechat{background:#07c160;color:#fff}.share-action-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.share-tip{margin:0;padding:0 20px 16px;font-size:13px;color:var(--text-secondary);text-align:center}@media(max-width:480px){.share-buttons{flex-direction:column;width:100%}.share-btn{width:100%;justify-content:center}.share-actions{grid-template-columns:1fr}}.calendar-panel{max-width:800px;margin:24px auto;padding:24px;background:var(--background-card);border-radius:12px;box-shadow:0 2px 12px #00000014}.calendar-title{font-size:20px;font-weight:600;text-align:center;margin:0 0 20px;color:var(--text-primary)}.calendar-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.nav-btn{width:36px;height:36px;border:none;background:#f0f0f0;border-radius:50%;font-size:16px;cursor:pointer;transition:all .2s}.nav-btn:hover{background:#e0e0e0}.nav-title{font-size:18px;font-weight:600;min-width:140px;text-align:center}.today-btn{padding:6px 16px;border:1px solid #667eea;background:var(--background-card);color:#667eea;border-radius:16px;font-size:13px;cursor:pointer;transition:all .2s}.today-btn:hover{background:#667eea;color:#fff}.calendar-stats{display:flex;justify-content:center;gap:32px;margin-bottom:20px;padding:16px;background:var(--background-card);border-radius:8px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-icon{font-size:20px}.stat-value{font-size:24px;font-weight:700}.stat-item.lucky .stat-value{color:#4caf50}.stat-item.normal .stat-value{color:#ff9800}.stat-item.caution .stat-value{color:#f44336}.stat-label{font-size:12px;color:var(--text-secondary)}.calendar-summary{padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;margin-bottom:20px}.calendar-summary p{margin:0;font-size:14px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.weekday-cell{padding:8px;text-align:center;font-size:13px;font-weight:600;color:var(--text-secondary)}.weekday-cell.weekend{color:#f44336}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:#f0f0f0;border-radius:8px;overflow:hidden}.calendar-cell{min-height:60px;padding:8px;background:var(--background-card);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:2px}.calendar-cell:hover{background:var(--background-dark)}.calendar-cell.empty{background:var(--background-card);cursor:default}.calendar-cell.today{background:#e3f2fd}.calendar-cell.selected{background:#667eea;color:#fff}.calendar-cell.selected .cell-level{background:#ffffff4d!important}.calendar-cell.weekend .cell-day{color:#f44336}.cell-day{font-size:14px;font-weight:600}.cell-score{font-size:16px}.cell-level{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;color:#fff}.calendar-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.day-detail{margin-top:20px;padding:20px;background:var(--background-card);border-radius:12px;border:1px solid var(--border-color)}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.detail-header h4{margin:0;font-size:16px}.detail-level{padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;color:#fff}.detail-body{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;align-items:center;gap:12px}.detail-label{font-size:13px;color:var(--text-secondary);min-width:80px}.detail-value{font-size:14px;color:var(--text-primary)}.detail-score{font-size:18px;letter-spacing:2px}.detail-stars{display:flex;gap:6px}.star-tag{padding:3px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:4px;font-size:12px}.detail-highlights{display:flex;flex-wrap:wrap;gap:6px}.highlight-tag{padding:3px 10px;background:#fff3e0;color:#e65100;border-radius:4px;font-size:12px}.detail-advice{display:flex;align-items:flex-start;gap:8px;padding:12px;background:var(--background-card);border-radius:8px;margin-top:8px}.advice-icon{font-size:18px}.important-dates{margin-top:24px;padding-top:20px;border-top:1px solid #eee}.important-dates h4{font-size:16px;margin:0 0 12px}.important-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.important-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--background-card);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s}.important-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.important-item.lucky{border-left:3px solid #4caf50}.important-item.caution{border-left:3px solid #f44336}.important-day{font-weight:600;color:var(--text-primary)}.important-level{font-size:12px;padding:2px 6px;border-radius:3px;background:#f0f0f0}.important-highlight{font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:600px){.calendar-panel{padding:16px}.calendar-cell{min-height:50px;padding:6px}.cell-day{font-size:12px}.cell-score{font-size:14px}.cell-level{font-size:10px;padding:1px 6px}.calendar-stats{gap:16px}.important-list{grid-template-columns:1fr}}.fengshui-panel{max-width:1200px;margin:24px auto;padding:24px;background:var(--background-card);border-radius:12px;box-shadow:0 2px 12px #0000004d}.fengshui-title{font-size:24px;font-weight:600;text-align:center;margin-bottom:24px;color:var(--text-primary)}.fengshui-summary{padding:16px 20px;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:8px;border-left:4px solid #667eea;margin-bottom:24px}.fengshui-summary p{margin:0;color:var(--text-primary);line-height:1.6}.error-message{display:flex;align-items:center;gap:8px;padding:16px;background:#e74c3c1a;border-radius:8px;color:#e74c3c}.fengshui-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:12px}.fengshui-tabs .tab-btn{padding:10px 24px;border:none;background:var(--background-dark);border-radius:8px 8px 0 0;cursor:pointer;font-size:15px;color:var(--text-secondary);transition:all .3s}.fengshui-tabs .tab-btn:hover{background:#3d3d5c}.fengshui-tabs .tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.compass-section{margin-bottom:24px}.compass-section h3{font-size:18px;margin-bottom:16px;color:var(--text-primary);border-left:4px solid #667eea;padding-left:12px}.compass-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.direction-block{padding:20px;border-radius:12px;background:var(--background-dark)}.direction-block.lucky{border-left:4px solid #27ae60}.direction-block.unlucky{border-left:4px solid #e74c3c}.direction-block h4{font-size:16px;margin-bottom:16px;color:var(--text-primary)}.direction-list{display:flex;flex-direction:column;gap:12px}.direction-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--background-card);border-radius:8px;transition:transform .2s}.direction-item:hover{transform:translate(4px)}.direction-icon{font-size:28px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#667eea33;border-radius:8px}.direction-info{flex:1;display:flex;flex-direction:column;gap:4px}.direction-name{font-size:16px;font-weight:600;color:var(--text-primary)}.direction-reason{font-size:13px;color:var(--text-secondary)}.direction-stars{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.star-tag{padding:2px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:4px;font-size:11px}.colors-section{margin-bottom:24px}.colors-section h3{font-size:18px;margin-bottom:16px;color:var(--text-primary);border-left:4px solid #667eea;padding-left:12px}.colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.color-card{display:flex;gap:16px;padding:16px;background:var(--background-dark);border-radius:12px;align-items:center}.color-sample{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;box-shadow:0 4px 12px #0003}.color-info{flex:1}.color-reason{margin:0 0 6px;font-size:14px;color:var(--text-primary)}.color-usage{margin:0;font-size:13px;color:var(--text-secondary)}.numbers-section{margin-bottom:24px}.numbers-section h3{font-size:18px;margin-bottom:16px;color:var(--text-primary);border-left:4px solid #667eea;padding-left:12px}.numbers-list{display:flex;gap:12px;flex-wrap:wrap}.number-badge{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-size:20px;font-weight:600;box-shadow:0 4px 12px #667eea4d}.positions-section{margin-bottom:24px}.positions-section h3{font-size:18px;margin-bottom:16px;color:var(--text-primary);border-left:4px solid #667eea;padding-left:12px}.position-card{padding:20px;border-radius:12px;margin-bottom:16px;background:var(--background-dark)}.position-card.wealth{border-left:4px solid #f1c40f}.position-card.study{border-left:4px solid #3498db}.position-card.love{border-left:4px solid #e91e63}.position-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.position-icon{font-size:24px}.position-header h4{margin:0;font-size:18px;color:var(--text-primary)}.position-direction{padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:13px}.position-desc{margin:0 0 12px;color:var(--text-secondary);line-height:1.6}.position-tips{margin:0;padding-left:20px;color:var(--text-secondary)}.position-tips li{margin-bottom:6px;line-height:1.5}.advice-section{margin-bottom:24px}.advice-section h3{font-size:18px;margin-bottom:16px;color:var(--text-primary);border-left:4px solid #667eea;padding-left:12px}.advice-list{display:flex;flex-direction:column;gap:16px}.advice-card{display:flex;gap:16px;padding:20px;background:var(--background-dark);border-radius:12px;border-left:4px solid #667eea;transition:transform .2s}.advice-card:hover{transform:translate(4px)}.advice-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#667eea33;border-radius:12px}.advice-content{flex:1}.advice-content h4{margin:0 0 8px;font-size:16px;color:var(--text-primary)}.advice-content p{margin:0;color:var(--text-secondary);line-height:1.6}.desk-layout-section{margin-bottom:24px}.desk-layout-section h3{font-size:18px;margin-bottom:16px;color:var(--text-primary);border-left:4px solid #667eea;padding-left:12px}.desk-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;background:var(--background-dark);border-radius:12px}.desk-visual{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;gap:12px;padding:20px;background:var(--background-card);border-radius:8px;border:2px dashed var(--border-color)}.desk-center{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:#667eea33;border-radius:8px}.desk-center span{font-size:32px}.desk-center p{margin:8px 0 0;font-size:14px;color:var(--text-secondary)}.desk-top{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px}.desk-left{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px}.desk-right{grid-column:3;grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px}.desk-visual>div span{font-size:24px}.desk-visual>div p{margin:4px 0 0;font-size:12px;color:var(--text-secondary)}.lucky-side{background:#27ae601a;border-radius:8px}.desk-tips{display:flex;flex-direction:column;justify-content:center;gap:12px}.desk-tips p{margin:0;padding:12px 16px;background:var(--background-card);border-radius:8px;color:var(--text-secondary);font-size:14px}@media(max-width:768px){.fengshui-tabs{flex-wrap:wrap}.fengshui-tabs .tab-btn{flex:1;min-width:120px}.compass-grid,.colors-grid,.desk-layout{grid-template-columns:1fr}.desk-visual{max-width:300px;margin:0 auto}}.zheri-panel{max-width:1200px;margin:24px auto;padding:24px;background:var(--background-card);border-radius:12px;box-shadow:0 2px 12px #0000004d}.zheri-title{font-size:24px;font-weight:600;text-align:center;margin-bottom:24px;color:var(--text-primary)}.zheri-intro{padding:16px 20px;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:8px;border-left:4px solid #667eea;margin-bottom:24px}.zheri-intro p{margin:0;color:var(--text-primary);line-height:1.6}.zheri-selector{padding:24px;background:var(--background-dark);border-radius:12px;margin-bottom:24px}.selector-section{margin-bottom:20px}.selector-section label{display:block;font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.event-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.event-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;background:var(--background-card);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s}.event-type-btn:hover{border-color:#667eea;transform:translateY(-2px)}.event-type-btn.active{border-color:#667eea;background:linear-gradient(135deg,#667eea33,#764ba233)}.event-icon{font-size:28px;margin-bottom:6px}.event-label{font-size:14px;color:var(--text-primary);font-weight:500}.date-range-inputs{display:flex;gap:24px;flex-wrap:wrap}.date-input-group{display:flex;align-items:center;gap:12px}.date-input-group span{font-size:14px;color:var(--text-secondary)}.date-input{padding:10px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-card);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .3s}.date-input:focus{border-color:#667eea}.search-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.search-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:8px;padding:16px;background:#e74c3c1a;border-radius:8px;color:#e74c3c;margin-bottom:24px}.loading-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.zheri-result{margin-top:24px}.result-summary{padding:16px 20px;background:var(--background-dark);border-radius:8px;margin-bottom:20px}.result-summary h3{margin:0 0 8px;font-size:18px;color:var(--text-primary)}.result-summary p{margin:0;color:var(--text-secondary);font-size:14px}.lucky-dates-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.lucky-date-card{padding:20px;background:var(--background-dark);border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .3s;position:relative}.lucky-date-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.lucky-date-card.selected{border-color:#667eea;box-shadow:0 4px 20px #667eea4d}.date-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.date-main{display:flex;flex-direction:column;gap:4px}.date-solar{font-size:18px;font-weight:600;color:var(--text-primary)}.date-lunar{font-size:13px;color:var(--text-secondary)}.date-score{display:flex;align-items:baseline;gap:2px}.score-value{font-size:28px;font-weight:700}.date-level-badge{position:absolute;top:16px;right:16px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.date-yiji{display:flex;gap:16px;margin-bottom:12px;padding:12px;background:var(--background-card);border-radius:8px}.yi-section,.ji-section{flex:1;display:flex;flex-direction:column;gap:4px}.yi-label,.ji-label{font-size:12px;font-weight:600}.yi-label{color:#27ae60}.ji-label{color:#e74c3c}.yi-content,.ji-content{font-size:13px;color:var(--text-secondary);line-height:1.4}.date-stars{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.star-badge{padding:3px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:4px;font-size:11px}.date-desc{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.no-result{padding:40px;text-align:center;background:var(--background-dark);border-radius:12px}.no-result p{margin:0;color:var(--text-secondary)}.date-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.date-detail-content{background:var(--background-card);border-radius:16px;max-width:560px;width:100%;max-height:85vh;overflow-y:auto;padding:28px;position:relative;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-color)}.close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:var(--background-dark);border-radius:50%;font-size:20px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:var(--primary-color);color:#fff}.detail-header{text-align:center;margin-bottom:24px;padding-top:8px}.detail-header h3{margin:0 0 8px;font-size:24px;color:var(--text-primary)}.detail-lunar{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:12px}.detail-level{display:inline-block;padding:6px 20px;border-radius:16px;font-size:14px;font-weight:600}.detail-score-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.score-circle{width:100px;height:100px;border-radius:50%;border:4px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:8px}.score-num{font-size:36px;font-weight:700;line-height:1}.score-unit{font-size:12px;color:var(--text-secondary)}.score-desc{margin:0;font-size:14px;color:var(--text-secondary)}.detail-section{margin-bottom:20px;padding:16px;background:var(--background-dark);border-radius:8px}.detail-section h4{margin:0 0 12px;font-size:15px;color:var(--primary-light);font-weight:600}.yiji-detail{display:flex;flex-direction:column;gap:12px}.yi-detail,.ji-detail{display:flex;gap:12px;align-items:flex-start}.yiji-detail .label{min-width:24px;font-weight:600;font-size:14px}.yi-detail .label{color:#27ae60}.ji-detail .label{color:#e74c3c}.yiji-detail .items{display:flex;flex-wrap:wrap;gap:6px}.yiji-detail .item{padding:4px 10px;border-radius:4px;font-size:13px}.yi-item{background:#27ae6026;color:#66bb6a}.ji-item{background:#e74c3c26;color:#ef5350}.stars-detail{display:flex;flex-wrap:wrap;gap:8px}.star-detail-badge{padding:6px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;font-size:13px}.detail-desc{margin:0;color:var(--text-primary);line-height:1.7}.time-suggestions{display:flex;flex-direction:column;gap:8px}.time-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background-card);border-radius:8px}.time-shichen{padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:4px;font-size:13px;font-weight:600}.time-range{font-size:13px;color:var(--text-secondary)}.time-reason{flex:1;font-size:13px;color:var(--text-primary)}.zheri-tips{margin-top:24px;padding:20px;background:var(--background-dark);border-radius:12px}.zheri-tips h4{margin:0 0 12px;font-size:16px;color:var(--text-primary)}.zheri-tips ul{margin:0;padding-left:20px;color:var(--text-secondary)}.zheri-tips li{margin-bottom:6px;line-height:1.5}@media(max-width:768px){.event-type-grid{grid-template-columns:repeat(3,1fr)}.date-range-inputs{flex-direction:column;gap:12px}.lucky-dates-list{grid-template-columns:1fr}.date-yiji{flex-direction:column;gap:8px}}.hunyin-panel{max-width:1200px;margin:24px auto;padding:24px;background:var(--background-card);border-radius:12px;box-shadow:0 2px 12px #0000004d}.hunyin-title{font-size:24px;font-weight:600;text-align:center;margin-bottom:24px;color:var(--text-primary)}.hunyin-intro{padding:16px 20px;background:linear-gradient(135deg,#e91e6326,#9c27b026);border-radius:8px;border-left:4px solid #e91e63;margin-bottom:24px}.hunyin-intro p{margin:0;color:var(--text-primary);line-height:1.6}.persons-input{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start;margin-bottom:24px}.person-card{padding:24px;background:var(--background-dark);border-radius:12px;border:2px solid transparent;transition:border-color .3s}.person-card:hover{border-color:#e91e63}.person-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.person-icon{font-size:32px}.person-header h3{margin:0;font-size:18px;color:var(--text-primary)}.person-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;color:var(--text-secondary);font-weight:500}.form-group input,.form-group select{padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-card);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#e91e63}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.connect-icon{display:flex;align-items:center;justify-content:center;padding-top:80px}.connect-icon span{font-size:36px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.match-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#e91e63,#9c27b0);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s}.match-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #e91e6366}.match-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:8px;padding:16px;background:#e74c3c1a;border-radius:8px;color:#e74c3c;margin-top:24px}.error-icon{font-size:18px}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.loading-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#e91e63;border-radius:50%;animation:spin 1s linear infinite}.match-result{margin-top:32px;padding-top:24px;border-top:2px solid var(--border-color)}.overall-score-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.score-ring{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.score-ring-text{position:absolute;display:flex;flex-direction:column;align-items:center}.score-ring-text .score-value{font-size:36px;font-weight:700;line-height:1}.score-ring-text .score-label{font-size:14px;color:var(--text-secondary)}.level-badge{padding:8px 32px;border-radius:20px;font-size:18px;font-weight:600;color:#fff}.result-summary{padding:20px;background:var(--background-dark);border-radius:12px;text-align:center;margin-bottom:24px}.result-summary p{margin:0;font-size:16px;color:var(--text-primary);line-height:1.8}.result-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:12px}.result-tabs .tab-btn{padding:10px 24px;border:none;background:var(--background-dark);border-radius:8px 8px 0 0;cursor:pointer;font-size:15px;color:var(--text-secondary);transition:all .3s}.result-tabs .tab-btn:hover{background:#3d3d5c}.result-tabs .tab-btn.active{background:linear-gradient(135deg,#e91e63,#9c27b0);color:#fff}.dimension-scores{margin-bottom:24px}.dimension-scores h3{font-size:18px;margin-bottom:16px;color:var(--text-primary);border-left:4px solid #e91e63;padding-left:12px}.scores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.score-item{padding:16px;background:var(--background-dark);border-radius:12px}.score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.score-title{font-size:15px;font-weight:600;color:var(--text-primary)}.score-level{font-size:13px;font-weight:600}.score-bar-container{height:8px;background:var(--background-card);border-radius:4px;overflow:hidden;margin-bottom:8px}.score-bar{height:100%;border-radius:4px;transition:width .5s ease}.score-num{font-size:14px;color:var(--text-secondary)}.score-desc{margin:8px 0 0;font-size:13px;color:var(--text-secondary);line-height:1.5}.pros-cons-section{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pros-section,.cons-section{padding:20px;border-radius:12px}.pros-section{background:#27ae601a;border-left:4px solid #27ae60}.cons-section{background:#e74c3c1a;border-left:4px solid #e74c3c}.pros-section h4,.cons-section h4{margin:0 0 12px;font-size:16px;color:var(--text-primary)}.pros-section ul,.cons-section ul{margin:0;padding-left:20px}.pros-section li,.cons-section li{margin-bottom:8px;color:var(--text-secondary);line-height:1.5}.analysis-section{margin-bottom:24px;padding:20px;background:var(--background-dark);border-radius:12px}.analysis-section h3{margin:0 0 16px;font-size:18px;color:var(--text-primary);border-left:4px solid #e91e63;padding-left:12px}.analysis-content{display:flex;flex-direction:column;gap:16px}.stars-compare{display:flex;align-items:center;gap:16px;padding:16px;background:var(--background-card);border-radius:8px}.stars-side{flex:1;display:flex;flex-direction:column;gap:8px}.star-badge{padding:4px 10px;background:linear-gradient(135deg,#e91e63,#9c27b0);color:#fff;border-radius:4px;font-size:12px}.vs-badge{padding:6px 12px;background:var(--background-dark);border-radius:4px;font-size:14px;font-weight:600;color:var(--text-secondary)}.interaction{margin:0;padding:12px 16px;background:#e91e631a;border-radius:8px;font-size:14px;color:var(--text-primary);line-height:1.6}.analysis-text{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.8}.suggestions-section{margin-bottom:24px}.suggestions-section h3{font-size:18px;margin-bottom:16px;color:var(--text-primary);border-left:4px solid #e91e63;padding-left:12px}.suggestions-list{display:flex;flex-direction:column;gap:12px}.suggestion-card{display:flex;gap:16px;padding:16px;background:var(--background-dark);border-radius:12px;border-left:4px solid #e91e63}.suggestion-num{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e91e63,#9c27b0);color:#fff;border-radius:50%;font-size:14px;font-weight:600;flex-shrink:0}.suggestion-text{margin:0;font-size:14px;color:var(--text-primary);line-height:1.7}.lucky-dates-section{margin-bottom:24px}.lucky-dates-section h3{font-size:18px;margin-bottom:16px;color:var(--text-primary);border-left:4px solid #e91e63;padding-left:12px}.lucky-dates-list{display:flex;flex-wrap:wrap;gap:12px}.lucky-date-badge{padding:8px 16px;background:linear-gradient(135deg,#e91e6333,#9c27b033);border:1px solid #e91e63;border-radius:20px;font-size:14px;color:var(--text-primary)}.disclaimer{margin-top:32px;padding:16px;background:#9e9e9e1a;border-radius:8px;text-align:center}.disclaimer p{margin:0;font-size:13px;color:var(--text-secondary)}@media(max-width:900px){.persons-input{grid-template-columns:1fr;gap:12px}.connect-icon{padding:12px 0}.connect-icon span{font-size:28px;animation:none}.pros-cons-section,.form-row{grid-template-columns:1fr}.result-tabs{flex-wrap:wrap}.result-tabs .tab-btn{flex:1;min-width:100px}.stars-compare{flex-direction:column;gap:12px}.vs-badge{align-self:center}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.auth-modal{background:var(--background-card);border-radius:16px;max-width:420px;width:100%;padding:32px;position:relative;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-color);max-height:90vh;overflow-y:auto}.auth-modal .close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:var(--background-dark);border-radius:50%;font-size:20px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s}.auth-modal .close-btn:hover{background:var(--primary-color);color:#fff}.auth-header{text-align:center;margin-bottom:28px}.auth-header h2{margin:0 0 8px;font-size:24px;color:var(--text-primary)}.auth-subtitle{margin:0;font-size:14px;color:var(--text-secondary)}.auth-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#e74c3c1a;border-radius:8px;color:#e74c3c;font-size:14px;margin-bottom:20px}.login-type-tabs{display:flex;gap:8px;margin-bottom:8px}.type-tab{flex:1;padding:10px 16px;background:var(--background-dark);border:2px solid transparent;border-radius:8px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all .3s}.type-tab:hover{border-color:var(--border-color)}.type-tab.active{border-color:#667eea;background:linear-gradient(135deg,#667eea33,#764ba233);color:var(--text-primary);font-weight:600}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form .form-group{display:flex;flex-direction:column;gap:8px}.auth-form label{font-size:14px;color:var(--text-primary);font-weight:500}.auth-form input{padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-dark);color:var(--text-primary);font-size:15px;outline:none;transition:border-color .3s}.auth-form input:focus{border-color:#667eea}.auth-form input::placeholder{color:var(--text-secondary)}.code-input-group{display:flex;gap:12px}.code-input-group input{flex:1}.send-code-btn{padding:0 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;white-space:nowrap;transition:opacity .3s}.send-code-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn{padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-links{display:flex;justify-content:space-between;font-size:14px}.auth-links span{color:#667eea;cursor:pointer;transition:color .3s}.auth-links span:hover{color:#764ba2;text-decoration:underline}.third-party-login{margin-top:28px;padding-top:24px;border-top:1px solid var(--border-color)}.divider{text-align:center;margin-bottom:20px}.divider span{padding:0 16px;background:var(--background-card);color:var(--text-secondary);font-size:13px;position:relative}.divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--border-color)}.third-party-btns{display:flex;flex-direction:column;gap:12px}.wechat-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#07c160;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:all .3s}.wechat-btn:hover{background:#06ad56}@media(max-width:480px){.auth-modal{padding:24px 20px}.code-input-group{flex-direction:column}.send-code-btn{padding:12px 16px}}.user-center-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.user-center{background:var(--background-card);border-radius:16px;max-width:520px;width:100%;max-height:85vh;overflow-y:auto;padding:32px;position:relative;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-color)}.user-center .close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:var(--background-dark);border-radius:50%;font-size:20px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s}.user-center .close-btn:hover{background:var(--primary-color);color:#fff}.user-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.user-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;font-weight:600}.user-info{flex:1}.user-info h3{margin:0 0 4px;font-size:20px;color:var(--text-primary)}.user-phone{margin:0 0 8px;font-size:14px;color:var(--text-secondary)}.member-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;color:#fff}.user-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:12px}.user-tabs .tab-btn{flex:1;padding:10px 16px;border:none;background:var(--background-dark);border-radius:8px 8px 0 0;cursor:pointer;font-size:14px;color:var(--text-secondary);transition:all .3s}.user-tabs .tab-btn:hover{background:#3d3d5c}.user-tabs .tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tab-content{min-height:300px}.profile-info{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--background-dark);border-radius:8px}.info-label{font-size:14px;color:var(--text-secondary)}.info-value{font-size:14px;color:var(--text-primary)}.edit-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer;margin-top:8px;transition:all .3s}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.edit-form{display:flex;flex-direction:column;gap:16px}.edit-form .form-group{display:flex;flex-direction:column;gap:8px}.edit-form label{font-size:14px;color:var(--text-primary);font-weight:500}.edit-form input{padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-dark);color:var(--text-primary);font-size:15px;outline:none;transition:border-color .3s}.edit-form input:focus{border-color:#667eea}.edit-actions{display:flex;gap:12px;margin-top:8px}.cancel-btn{flex:1;padding:12px 24px;background:var(--background-dark);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:15px;cursor:pointer;transition:all .3s}.cancel-btn:hover{background:var(--border-color)}.save-btn{flex:1;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:all .3s}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.save-btn:disabled{opacity:.7;cursor:not-allowed}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{padding:16px;background:var(--background-dark);border-radius:8px;cursor:pointer;transition:all .3s}.history-item:hover{background:#3d3d5c}.history-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-name{font-size:16px;font-weight:600;color:var(--text-primary)}.history-gender{font-size:13px;color:var(--text-secondary);padding:2px 8px;background:var(--background-card);border-radius:4px}.history-detail{display:flex;gap:16px;font-size:13px;color:var(--text-secondary);margin-bottom:4px}.history-date{font-size:12px;color:var(--text-secondary)}.empty-state{text-align:center;padding:60px 20px}.empty-state p{margin:0;color:var(--text-secondary)}.empty-tip{margin-top:8px;font-size:13px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.member-status{margin-bottom:24px}.member-status h4{margin:0 0 12px;font-size:16px;color:var(--text-primary)}.status-card{padding:20px;background:var(--background-dark);border-radius:12px;text-align:center}.status-level{display:inline-block;padding:8px 24px;border-radius:20px;font-size:16px;font-weight:600;color:#fff;margin-bottom:12px}.expire-info{margin:0;font-size:14px;color:var(--text-secondary)}.member-plans h4{margin:0 0 16px;font-size:16px;color:var(--text-primary)}.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.plan-card{position:relative;padding:20px;background:var(--background-dark);border-radius:12px;border:2px solid transparent}.plan-card.recommended{border-color:#667eea}.recommend-tag{position:absolute;top:-10px;right:12px;padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:12px;font-weight:600}.plan-header{margin-bottom:16px}.plan-name{display:block;font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.plan-price{font-size:28px;font-weight:700;color:#667eea}.plan-price span{font-size:14px;color:var(--text-secondary);font-weight:400}.plan-features{margin:0 0 16px;padding:0;list-style:none}.plan-features li{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.plan-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s}.plan-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.logout-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.logout-btn{width:100%;padding:12px 24px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:15px;cursor:pointer;transition:all .3s}.logout-btn:hover{background:#e74c3c1a;color:#e74c3c;border-color:#e74c3c}@media(max-width:480px){.user-center{padding:24px 20px}.plans-grid{grid-template-columns:1fr}.user-tabs{flex-wrap:wrap}.user-tabs .tab-btn{flex:1;min-width:80px;font-size:13px}}.ai-interpretation-panel{max-width:1200px;margin:24px auto;padding:24px;background:var(--background-card);border-radius:12px;box-shadow:0 2px 12px #0000004d}.ai-header{text-align:center;margin-bottom:24px}.ai-header h2{margin:0 0 8px;font-size:24px;color:var(--text-primary)}.ai-subtitle{margin:0;font-size:14px;color:var(--text-secondary)}.ai-generate-section{text-align:center;padding:40px 20px}.ai-intro{margin-bottom:32px}.ai-intro p{font-size:15px;color:var(--text-primary);line-height:1.8;margin-bottom:20px}.ai-features{list-style:none;padding:0;margin:0 auto;max-width:300px;text-align:left}.ai-features li{padding:8px 0;font-size:14px;color:var(--text-secondary)}.ai-generate-btn{padding:16px 48px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:30px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #667eea66}.ai-generate-btn:hover{transform:translateY(-3px);box-shadow:0 6px 30px #667eea80}.ai-loading{text-align:center;padding:60px 20px}.ai-loading-animation{display:flex;justify-content:center;gap:12px;margin-bottom:32px}.ai-orb{width:16px;height:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.ai-orb:nth-child(1){animation-delay:-.32s}.ai-orb:nth-child(2){animation-delay:-.16s}.ai-orb:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ai-loading h3{margin:0 0 12px;font-size:20px;color:var(--text-primary)}.ai-loading-tip{margin:0 0 24px;font-size:14px;color:var(--text-secondary)}.ai-loading-steps{display:flex;justify-content:center;gap:24px}.ai-loading-steps .step{padding:8px 16px;background:var(--background-dark);border-radius:20px;font-size:13px;color:var(--text-secondary)}.ai-loading-steps .step.active{background:linear-gradient(135deg,#667eea33,#764ba233);color:#667eea}.ai-error{text-align:center;padding:40px 20px;background:#e74c3c1a;border-radius:12px}.ai-error .error-icon{font-size:48px;display:block;margin-bottom:16px}.ai-error p{margin:0 0 20px;font-size:16px;color:var(--text-primary)}.retry-btn{padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;font-size:14px;cursor:pointer;transition:all .3s}.retry-btn:hover{transform:translateY(-2px)}.ai-result{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-tabs{display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color);overflow-x:auto}.ai-tab-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;background:var(--background-dark);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s;min-width:80px}.ai-tab-btn:hover{border-color:#667eea}.ai-tab-btn.active{border-color:#667eea;background:linear-gradient(135deg,#667eea33,#764ba233)}.tab-icon{font-size:24px}.tab-label{font-size:12px;color:var(--text-secondary)}.ai-tab-btn.active .tab-label{color:#667eea;font-weight:600}.ai-content{padding:24px;background:var(--background-dark);border-radius:12px;margin-bottom:24px}.ai-content-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.content-icon{font-size:32px}.ai-content-header h3{margin:0;font-size:20px;color:var(--text-primary)}.ai-content-text{font-size:15px;color:var(--text-primary);line-height:1.8}.ai-content-text p{margin:0 0 16px}.ai-content-text p:last-child{margin-bottom:0}.ai-suggestions{padding:20px;background:#667eea1a;border-radius:12px;margin-bottom:24px;border-left:4px solid #667eea}.ai-suggestions h4{margin:0 0 12px;font-size:16px;color:var(--text-primary)}.ai-suggestions ul{margin:0;padding-left:20px}.ai-suggestions li{margin-bottom:8px;font-size:14px;color:var(--text-secondary);line-height:1.6}.ai-overall{padding:20px;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:12px;margin-bottom:24px}.ai-overall h4{margin:0 0 12px;font-size:16px;color:var(--text-primary)}.ai-overall p{margin:0;font-size:15px;color:var(--text-primary);line-height:1.8}.ai-actions{display:flex;gap:16px;justify-content:center}.ai-action-btn{padding:12px 32px;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:all .3s}.ai-action-btn.regenerate{background:var(--background-dark);color:var(--text-primary);border:1px solid var(--border-color)}.ai-action-btn.export{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ai-action-btn:hover{transform:translateY(-2px)}.ai-disclaimer{margin-top:24px;padding:12px;background:#9e9e9e1a;border-radius:8px;text-align:center}.ai-disclaimer p{margin:0;font-size:12px;color:var(--text-secondary)}@media(max-width:768px){.ai-tabs{flex-wrap:nowrap;padding-bottom:12px}.ai-tab-btn{padding:10px 14px;min-width:70px}.tab-icon{font-size:20px}.tab-label{font-size:11px}.ai-loading-steps{flex-direction:column;gap:8px}.ai-actions{flex-direction:column}.ai-action-btn{width:100%}}.daily-push-panel{max-width:1200px;margin:24px auto;padding:24px;background:var(--background-card);border-radius:12px;box-shadow:0 2px 12px #0000004d}.login-prompt{text-align:center;padding:60px 20px;background:var(--background-dark);border-radius:12px}.login-prompt p{margin:0;font-size:16px;color:var(--text-primary)}.login-tip{margin-top:8px;font-size:14px;color:var(--text-secondary)}.panel-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:12px}.panel-tab{padding:10px 24px;background:var(--background-dark);border:none;border-radius:8px 8px 0 0;cursor:pointer;font-size:15px;color:var(--text-secondary);transition:all .3s}.panel-tab:hover{background:#3d3d5c}.panel-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.fortune-preview{display:flex;flex-direction:column;gap:24px}.fortune-overall{display:flex;flex-direction:column;align-items:center;padding:24px;background:var(--background-dark);border-radius:12px}.score-circle{width:100px;height:100px;border-radius:50%;border:4px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:12px}.score-num{font-size:32px;font-weight:700;line-height:1}.score-label{font-size:12px;color:var(--text-secondary)}.fortune-level{font-size:18px;font-weight:600}.fortune-summary{padding:16px 20px;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:8px;text-align:center}.fortune-summary p{margin:0;font-size:15px;color:var(--text-primary);line-height:1.6}.fortune-dimensions{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.dimension-item{padding:16px;background:var(--background-dark);border-radius:8px}.dimension-icon{font-size:20px;margin-right:8px}.dimension-label{font-size:14px;font-weight:600;color:var(--text-primary)}.dimension-content{margin:8px 0 0;font-size:13px;color:var(--text-secondary);line-height:1.5}.lucky-elements{display:flex;gap:16px;justify-content:center;padding:16px;background:var(--background-dark);border-radius:8px}.lucky-item{display:flex;flex-direction:column;align-items:center;gap:4px}.lucky-label{font-size:12px;color:var(--text-secondary)}.lucky-value{font-size:16px;font-weight:600;color:var(--text-primary)}.color-value{padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px}.push-notice{padding:12px 16px;background:#27ae601a;border-radius:8px;text-align:center}.push-notice p{margin:0;font-size:14px;color:#27ae60}.no-fortune{text-align:center;padding:60px 20px}.no-fortune p{margin:0;color:var(--text-secondary)}.no-fortune .tip{margin-top:8px;font-size:13px}.settings-section{display:flex;flex-direction:column;gap:20px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--background-dark);border-radius:8px}.setting-item.switch-item{flex-direction:row}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-label{font-size:15px;font-weight:600;color:var(--text-primary)}.setting-desc{font-size:13px;color:var(--text-secondary)}.setting-item input[type=time]{padding:8px 16px;background:var(--background-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px}.setting-item input[type=time]:disabled{opacity:.5}.setting-group{display:flex;flex-direction:column;gap:12px}.group-label{font-size:15px;font-weight:600;color:var(--text-primary)}.checkbox-group{display:flex;gap:16px;flex-wrap:wrap}.checkbox-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--background-dark);border-radius:8px;cursor:pointer}.checkbox-item input{width:16px;height:16px;cursor:pointer}.checkbox-item span{font-size:14px;color:var(--text-primary)}.channel-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.channel-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--background-dark);border-radius:12px;border:2px solid transparent;transition:all .3s}.channel-card.active{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.channel-icon{font-size:28px}.channel-name{font-size:14px;color:var(--text-primary)}.switch{position:relative;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:28px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background:linear-gradient(135deg,#667eea,#764ba2)}input:checked+.slider:before{transform:translate(22px)}.switch-small{position:relative;width:40px;height:22px}.switch-small input{opacity:0;width:0;height:0}.slider-small{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:22px}.slider-small:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider-small{background:linear-gradient(135deg,#667eea,#764ba2)}input:checked+.slider-small:before{transform:translate(18px)}.save-settings-btn{padding:14px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px}.save-settings-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.save-settings-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:768px){.fortune-dimensions,.channel-options{grid-template-columns:1fr}.checkbox-group{flex-direction:column}.checkbox-item{width:100%}}.chart-compare-panel{max-width:1200px;margin:24px auto;padding:24px;background:var(--background-card);border-radius:12px;box-shadow:0 2px 12px #0000004d}.panel-header{text-align:center;margin-bottom:24px}.panel-header h2{margin:0 0 8px;font-size:24px;color:var(--text-primary)}.panel-subtitle{margin:0;font-size:14px;color:var(--text-secondary)}.select-view{display:flex;flex-direction:column;gap:24px}.charts-selection{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch}.chart-selector-card{padding:20px;background:var(--background-dark);border-radius:12px}.chart-selector-card h4{margin:0 0 16px;font-size:16px;color:var(--text-primary);text-align:center}.selected-chart{display:flex;flex-direction:column;gap:12px}.chart-info{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:13px;color:var(--text-secondary)}.info-value{font-size:14px;color:var(--text-primary);font-weight:500}.chart-stars{padding-top:12px;border-top:1px solid var(--border-color)}.stars-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.stars-list{display:flex;flex-wrap:wrap;gap:6px}.star-badge{padding:4px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:4px;font-size:12px}.change-btn,.select-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;margin-top:8px;transition:all .3s}.change-btn:hover,.select-btn:hover{transform:translateY(-2px)}.no-chart-selected{text-align:center;padding:40px 20px}.no-chart-selected p{margin:0 0 16px;color:var(--text-secondary)}.vs-divider{display:flex;align-items:center;justify-content:center}.vs-divider span{padding:12px 20px;background:var(--background-card);border:2px solid var(--border-color);border-radius:50%;font-size:18px;font-weight:700;color:var(--text-primary)}.history-charts-section{padding:20px;background:var(--background-dark);border-radius:12px}.history-charts-section h4{margin:0 0 16px;font-size:16px;color:var(--text-primary)}.history-charts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.history-chart-item{padding:16px;background:var(--background-card);border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .3s}.history-chart-item:hover{border-color:#667eea}.history-chart-item.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.item-name{font-size:15px;font-weight:600;color:var(--text-primary)}.item-gender{font-size:12px;padding:2px 8px;background:var(--background-dark);border-radius:4px;color:var(--text-secondary)}.item-details{display:flex;gap:12px;font-size:13px;color:var(--text-secondary)}.no-history{text-align:center;padding:40px 20px}.no-history p{margin:0;color:var(--text-secondary)}.no-history .tip{margin-top:8px;font-size:13px}.compare-btn{padding:16px 48px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;align-self:center}.compare-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.compare-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#e74c3c1a;border-radius:8px;color:#e74c3c}.compare-view{display:flex;flex-direction:column;gap:24px}.back-btn{padding:8px 16px;background:var(--background-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .3s;width:fit-content}.back-btn:hover{background:var(--background-card);color:var(--text-primary)}.overall-similarity{display:flex;flex-direction:column;align-items:center;padding:32px;background:var(--background-dark);border-radius:12px}.similarity-score{width:120px;height:120px;border-radius:50%;border:4px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:12px}.similarity-score .score-num{font-size:36px;font-weight:700;line-height:1}.similarity-score .score-label{font-size:12px;color:var(--text-secondary)}.similarity-level{font-size:20px;font-weight:600}.compare-section{padding:20px;background:var(--background-dark);border-radius:12px}.compare-section h4{margin:0 0 16px;font-size:16px;color:var(--text-primary);border-left:4px solid #667eea;padding-left:12px}.palace-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-bottom:16px}.palace-side{display:flex;flex-direction:column;gap:8px}.side-label{font-size:13px;color:var(--text-secondary)}.palace-info{padding:12px;background:var(--background-card);border-radius:8px}.position{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.compare-score{display:flex;justify-content:center}.score-circle{width:60px;height:60px;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.compare-analysis{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.6}.sihua-compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sihua-compare-item{padding:16px;background:var(--background-card);border-radius:8px}.sihua-type{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.sihua-values{display:flex;align-items:center;gap:12px;margin-bottom:8px}.value-a,.value-b{padding:4px 12px;background:var(--background-dark);border-radius:4px;font-size:13px;color:var(--text-primary)}.vs{font-size:12px;color:var(--text-secondary)}.sihua-analysis{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.5}.dayun-compare{display:flex;flex-direction:column;align-items:center;gap:16px}.sync-score{display:flex;flex-direction:column;align-items:center}.sync-score .score-value{font-size:32px;font-weight:700}.sync-score .score-label{font-size:12px;color:var(--text-secondary)}.dayun-analysis{margin:0;font-size:14px;color:var(--text-secondary);text-align:center;line-height:1.6}.overlapping-periods{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.periods-label{font-size:13px;color:var(--text-secondary)}.period-badge{padding:4px 12px;background:linear-gradient(135deg,#27ae6033,#2ecc7133);border:1px solid #27ae60;border-radius:12px;font-size:12px;color:#27ae60}.differences-section{display:grid;grid-template-columns:1fr 1fr;gap:20px}.differences,.commonalities{padding:16px;background:var(--background-card);border-radius:8px}.differences h4,.commonalities h4{margin:0 0 12px;font-size:14px;color:var(--text-primary)}.differences ul,.commonalities ul{margin:0;padding-left:20px}.differences li,.commonalities li{margin-bottom:8px;font-size:13px;color:var(--text-secondary);line-height:1.5}.overall-analysis{padding:20px;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:12px}.overall-analysis h4{margin:0 0 12px;font-size:16px;color:var(--text-primary)}.overall-analysis p{margin:0;font-size:15px;color:var(--text-primary);line-height:1.8}@media(max-width:768px){.charts-selection{grid-template-columns:1fr}.vs-divider{padding:12px 0}.palace-compare{grid-template-columns:1fr;gap:12px}.compare-score{order:-1}.sihua-compare-grid,.differences-section,.history-charts-list{grid-template-columns:1fr}}.member-subscription-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.member-subscription-modal{background:var(--background-card);border-radius:16px;max-width:720px;width:100%;max-height:90vh;overflow-y:auto;padding:32px;position:relative;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-color)}.member-subscription-modal .close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:var(--background-dark);border-radius:50%;font-size:20px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s}.member-subscription-modal .close-btn:hover{background:var(--primary-color);color:#fff}.subscription-header{text-align:center;margin-bottom:24px}.subscription-header h2{margin:0 0 8px;font-size:24px;color:var(--text-primary)}.subscription-header p{margin:0;font-size:14px;color:var(--text-secondary)}.current-member-status{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:8px;margin-bottom:24px;font-size:14px;color:var(--text-primary)}.renew-tip{font-size:13px;color:var(--text-secondary)}.plans-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.plan-card{position:relative;padding:24px;background:var(--background-dark);border-radius:16px;border:2px solid transparent;cursor:pointer;transition:all .3s}.plan-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 24px #667eea33}.plan-card.recommended{border-color:#f1c40f;background:linear-gradient(135deg,#f1c40f1a,#e67e221a)}.plan-card.selected{border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.recommend-badge{position:absolute;top:-12px;right:16px;padding:4px 16px;background:linear-gradient(135deg,#f1c40f,#e67e22);color:#fff;border-radius:12px;font-size:12px;font-weight:600}.plan-header{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.plan-header h3{margin:0 0 12px;font-size:20px;color:var(--text-primary)}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:8px}.price-current{font-size:36px;font-weight:700;color:#667eea}.price-original{font-size:16px;color:var(--text-secondary);text-decoration:line-through}.price-unit{font-size:14px;color:var(--text-secondary)}.plan-features{list-style:none;padding:0;margin:0 0 20px}.plan-features li{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:14px;color:var(--text-secondary)}.feature-icon{color:#27ae60;font-weight:600}.subscribe-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.subscribe-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.subscribe-btn:disabled{opacity:.7;cursor:not-allowed}.benefits-section{margin-bottom:24px}.benefits-section h4{margin:0 0 16px;font-size:16px;color:var(--text-primary);text-align:center}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.benefit-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--background-dark);border-radius:8px}.benefit-icon{font-size:24px}.benefit-name{font-size:13px;color:var(--text-primary)}.subscription-note{margin:0;padding:12px;background:#9e9e9e1a;border-radius:8px;font-size:12px;color:var(--text-secondary);text-align:center}.payment-section{text-align:center}.payment-section h3{margin:0 0 24px;font-size:20px;color:var(--text-primary)}.order-info{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--background-dark);border-radius:12px;margin-bottom:24px}.order-item{display:flex;justify-content:space-between;align-items:center}.order-item .label{font-size:14px;color:var(--text-secondary)}.order-item .value{font-size:14px;color:var(--text-primary);font-weight:500}.order-item .value.price{font-size:20px;font-weight:700;color:#e74c3c}.payment-countdown{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.countdown-label{font-size:14px;color:var(--text-secondary)}.countdown-time{font-size:32px;font-weight:700;color:var(--text-primary);font-family:monospace}.countdown-time.warning{color:#e74c3c;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.qr-code-section{margin-bottom:24px}.qr-code{width:200px;height:200px;border-radius:8px;border:1px solid var(--border-color)}.qr-tip{margin:12px 0 0;font-size:14px;color:var(--text-secondary)}.payment-link-btn{display:inline-block;padding:12px 32px;background:#1677ff;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer;margin-bottom:24px;transition:all .3s}.payment-link-btn:hover{background:#0958d9}.payment-status{padding:16px;border-radius:8px;margin-bottom:24px}.payment-status.pending{background:#667eea1a;color:#667eea}.payment-status.paid{background:#27ae601a;color:#27ae60}.payment-status.expired,.payment-status.failed{background:#e74c3c1a;color:#e74c3c}.payment-status p{margin:0;font-size:16px;font-weight:500}.check-btn{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:all .3s}.check-btn:hover:not(:disabled){transform:translateY(-2px)}.check-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:600px){.member-subscription-modal{padding:24px 16px}.plans-container{grid-template-columns:1fr}.benefits-grid{grid-template-columns:repeat(2,1fr)}.payment-actions{flex-direction:column}.check-btn,.cancel-btn{width:100%}}.professional-report-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.professional-report-modal{background:var(--background-card);border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;padding:32px;position:relative;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-color)}.professional-report-modal .close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:var(--background-dark);border-radius:50%;font-size:20px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s}.professional-report-modal .close-btn:hover{background:var(--primary-color);color:#fff}.report-header{text-align:center;margin-bottom:28px}.report-header h2{margin:0 0 8px;font-size:24px;color:var(--text-primary)}.report-header p{margin:0;font-size:14px;color:var(--text-secondary)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:28px}.report-card{padding:24px;background:var(--background-dark);border-radius:16px;border:2px solid transparent;transition:all .3s}.report-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 24px #0003}.report-card.featured{border-color:#f1c40f;background:linear-gradient(135deg,#f1c40f1a,#e67e221a)}.report-icon{font-size:40px;text-align:center;margin-bottom:12px}.report-card h3{margin:0 0 8px;font-size:18px;color:var(--text-primary);text-align:center}.report-desc{margin:0 0 16px;font-size:14px;color:var(--text-secondary);text-align:center}.report-features{list-style:none;padding:0;margin:0 0 20px}.report-features li{padding:6px 0;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.report-features li:last-child{border-bottom:none}.report-price{text-align:center;margin-bottom:16px}.report-price .price{font-size:28px;font-weight:700;color:#e74c3c}.purchase-btn{width:100%;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.purchase-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.purchase-btn:disabled{opacity:.7;cursor:not-allowed}.report-notes{padding:16px;background:#9e9e9e1a;border-radius:8px}.report-notes p{margin:0;padding:4px 0;font-size:13px;color:var(--text-secondary)}.payment-confirm{text-align:center;padding:40px 20px}.payment-confirm h3{margin:0 0 24px;font-size:22px;color:var(--text-primary)}.order-detail{display:inline-block;padding:24px;background:var(--background-dark);border-radius:12px;margin-bottom:24px;min-width:300px}.detail-row{display:flex;justify-content:space-between;padding:8px 0}.detail-row .label{font-size:14px;color:var(--text-secondary)}.detail-row .value{font-size:14px;color:var(--text-primary);font-weight:500}.detail-row .value.price{font-size:20px;font-weight:700;color:#e74c3c}.payment-tip{margin:0 0 24px;font-size:14px;color:var(--text-secondary)}.payment-actions{display:flex;gap:16px;justify-content:center}.confirm-btn{padding:12px 32px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:all .3s}.confirm-btn:hover{transform:translateY(-2px)}.cancel-btn{padding:12px 32px;background:var(--background-dark);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:15px;cursor:pointer;transition:all .3s}.cancel-btn:hover{background:var(--background-card);color:var(--text-primary)}@media(max-width:768px){.professional-report-modal{padding:24px 16px}.reports-grid{grid-template-columns:1fr}.payment-actions{flex-direction:column}.confirm-btn,.cancel-btn{width:100%}}.app{min-height:100vh;display:flex;flex-direction:column}.user-entry{position:fixed;top:16px;right:16px;z-index:100}.login-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;font-size:14px;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.user-btn{display:flex;align-items:center;gap:8px;padding:6px 16px 6px 6px;background:var(--background-card);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;transition:all .3s}.user-btn:hover{border-color:#667eea;box-shadow:0 2px 8px #0003}.user-avatar-small{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:600}.user-name{font-size:14px;color:var(--text-primary)}.main-content{flex:1;max-width:800px;width:100%;margin:0 auto;padding:24px 16px}.section-title{font-size:20px;color:var(--text-primary);text-align:center;margin-bottom:24px;font-weight:500}.input-section,.result-section{animation:fadeIn .3s ease-in-out}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.result-header .section-title{margin-bottom:0;text-align:left}.reset-btn{padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.reset-btn:hover{border-color:var(--primary-color);color:var(--primary-light)}.error-message{margin-top:16px;padding:12px 16px;background:#f565651a;border:1px solid var(--error-color);border-radius:8px;color:var(--error-color);display:flex;align-items:center;gap:8px}.error-icon{font-size:16px}.analysis-section{margin-top:24px}.analysis-title{font-size:18px;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.analysis-card{background:var(--background-card);border-radius:8px;padding:16px;margin-bottom:16px}.analysis-card h4{font-size:15px;color:var(--primary-light);margin-bottom:12px}.pattern-name{font-size:16px;font-weight:600;color:var(--star-gold);margin-bottom:8px}.pattern-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.si-hua-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.si-hua-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--background-dark);border-radius:6px;font-size:13px}.si-hua-label{padding:2px 8px;border-radius:4px;font-weight:600;font-size:12px}.si-hua-lu-label{background:#48bb7833;color:#48bb78}.si-hua-quan-label{background:#ed893633;color:#ed8936}.si-hua-ke-label{background:#4299e133;color:#4299e1}.si-hua-ji-label{background:#f5656533;color:#f56565}.si-hua-palace{color:var(--text-secondary);font-size:12px}.summary-card{background:linear-gradient(135deg,var(--background-card) 0%,rgba(107,70,193,.1) 100%);border-left:3px solid var(--primary-color)}.summary-card p{font-size:14px;color:var(--text-primary);line-height:1.8}.deep-report-entry{text-align:center;margin:24px 0;padding:24px;background:linear-gradient(135deg,#6b46c11a,#b794f41a);border-radius:12px}.deep-report-btn{padding:16px 32px;background:linear-gradient(135deg,#f56565,#ed8936);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #f565654d}.deep-report-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5656566}.deep-report-tip{margin-top:12px;font-size:14px;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.main-content{padding:16px 12px}.section-title{font-size:18px}.result-header{flex-direction:column;gap:12px}.result-header .section-title{text-align:center}.si-hua-details{grid-template-columns:1fr}.analysis-card{padding:12px}}.commercial-entry{display:flex;gap:16px;justify-content:center;margin:24px 0;padding:20px;background:var(--background-dark);border-radius:12px}.member-btn{padding:14px 32px;background:linear-gradient(135deg,#f1c40f,#e67e22);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #f1c40f4d}.member-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f1c40f66}.report-btn{padding:14px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.report-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media(max-width:480px){.commercial-entry{flex-direction:column}.member-btn,.report-btn{width:100%}}