*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#app{min-height:100vh}.login-container[data-v-76f35949]{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card[data-v-76f35949]{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px;width:100%;max-width:400px;text-align:center}.login-header[data-v-76f35949]{margin-bottom:40px}.login-header h1[data-v-76f35949]{font-size:32px;margin-bottom:10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p[data-v-76f35949]{color:#666;font-size:14px}.login-form[data-v-76f35949]{text-align:left}.flow-intro[data-v-76f35949]{background:#f8f9ff;border-radius:12px;padding:16px 14px;margin-bottom:24px;border:1px solid #e0e3ff}.flow-title[data-v-76f35949]{font-size:13px;font-weight:600;color:#555;margin-bottom:8px}.flow-steps[data-v-76f35949]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.flow-steps li[data-v-76f35949]{display:flex;align-items:center;font-size:13px;color:#666}.step-index[data-v-76f35949]{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:11px;font-weight:600;margin-right:8px}.form-group[data-v-76f35949]{margin-bottom:25px}.form-group label[data-v-76f35949]{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input[data-v-76f35949]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .3s ease;outline:none}.form-group input[data-v-76f35949]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-btn[data-v-76f35949]{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.login-btn[data-v-76f35949]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.login-btn[data-v-76f35949]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-76f35949]{color:#e74c3c;font-size:14px;margin-top:15px;text-align:center;animation:shake-76f35949 .5s ease-in-out}@keyframes shake-76f35949{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-footer[data-v-76f35949]{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.login-footer p[data-v-76f35949]{color:#999;font-size:12px}.wuxing-container[data-v-ed0c3760]{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.wuxing-card[data-v-ed0c3760]{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:30px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.page-header[data-v-ed0c3760]{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.back-btn[data-v-ed0c3760]{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:5px 10px;transition:color .3s ease}.back-btn[data-v-ed0c3760]:hover{color:#667eea}.page-header h2[data-v-ed0c3760]{font-size:20px;margin:0}.step-indicator[data-v-ed0c3760]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:5px 12px;border-radius:15px;font-size:12px;font-weight:600}.content-wrapper[data-v-ed0c3760]{animation:fadeIn-ed0c3760 .5s ease}@keyframes fadeIn-ed0c3760{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.intro-section[data-v-ed0c3760]{text-align:center;margin-bottom:30px}.icon[data-v-ed0c3760]{font-size:48px;margin-bottom:15px}.intro-section h3[data-v-ed0c3760]{font-size:22px;margin-bottom:10px;color:#333}.intro-section p[data-v-ed0c3760]{color:#666;font-size:14px;line-height:1.6}.form-section[data-v-ed0c3760]{margin-bottom:30px}.date-picker-card[data-v-ed0c3760]{border-radius:14px;padding:16px 16px 14px;background:linear-gradient(135deg,#f8f9ff,#f4f1ff);border:1px solid rgba(102,126,234,.22);box-shadow:0 8px 24px #667eea26;transition:box-shadow .3s ease,transform .3s ease}.date-picker-card[data-v-ed0c3760]:hover{box-shadow:0 14px 32px #667eea40;transform:translateY(-1px)}.date-picker-header[data-v-ed0c3760]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.date-picker-icon[data-v-ed0c3760]{width:36px;height:36px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #667eea4d;font-size:20px}.date-picker-text[data-v-ed0c3760]{display:flex;flex-direction:column;gap:2px}.date-picker-title[data-v-ed0c3760]{font-size:15px;font-weight:600;color:#333}.date-picker-subtitle[data-v-ed0c3760]{font-size:12px;color:#666}.date-input-row[data-v-ed0c3760]{display:flex;align-items:center;gap:10px;margin-top:6px}.select-group[data-v-ed0c3760]{display:flex;align-items:center;gap:8px;flex:1}.select-wrapper[data-v-ed0c3760]{flex:1}.date-label[data-v-ed0c3760]{display:block;margin-bottom:10px;color:#333;font-weight:500;font-size:14px}.date-input[data-v-ed0c3760]{width:100%;padding:12px 14px;border:2px solid rgba(255,255,255,.7);border-radius:10px;font-size:15px;transition:all .25s ease;outline:none;background:#ffffffeb;color:#333}.date-input[data-v-ed0c3760]:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea40;background:#fff}.date-clear-btn[data-v-ed0c3760]{padding:9px 14px;border-radius:999px;border:none;font-size:13px;background:#fffffff2;color:#666;cursor:pointer;transition:all .25s ease;white-space:nowrap}.date-clear-btn[data-v-ed0c3760]:hover{background:#fff;color:#667eea;box-shadow:0 4px 12px #667eea47}.date-preview[data-v-ed0c3760]{margin-top:10px;font-size:13px;color:#444}.preview-label[data-v-ed0c3760]{opacity:.8;margin-right:4px}.preview-value[data-v-ed0c3760]{font-weight:600;color:#333}.hint-text[data-v-ed0c3760]{margin-top:8px;font-size:12px;color:#888}.result-section[data-v-ed0c3760]{animation:slideIn-ed0c3760 .5s ease}@keyframes slideIn-ed0c3760{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ba-zi-display[data-v-ed0c3760]{background:#f8f9fa;border-radius:15px;padding:20px;margin-bottom:25px}.ba-zi-title[data-v-ed0c3760]{font-size:16px;font-weight:600;margin-bottom:15px;color:#333;text-align:center}.ba-zi-grid[data-v-ed0c3760]{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.ba-zi-item[data-v-ed0c3760]{background:#fff;border-radius:10px;padding:15px 10px;text-align:center;box-shadow:0 2px 8px #0000000d}.ba-zi-item .label[data-v-ed0c3760]{font-size:12px;color:#999;margin-bottom:8px}.ba-zi-item .value[data-v-ed0c3760]{font-size:18px;font-weight:600;color:#333;margin-bottom:5px}.ba-zi-item .zodiac[data-v-ed0c3760]{font-size:14px}.wuxing-display[data-v-ed0c3760]{margin-bottom:25px}.wuxing-title[data-v-ed0c3760]{font-size:16px;font-weight:600;margin-bottom:15px;color:#333;text-align:center}.wuxing-grid[data-v-ed0c3760]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.wuxing-item[data-v-ed0c3760]{background:#f8f9fa;border-radius:12px;padding:12px 8px;text-align:center;position:relative;transition:all .3s ease}.wuxing-item.dominant[data-v-ed0c3760]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.wuxing-item.missing[data-v-ed0c3760]{opacity:.5}.wuxing-item .element-icon[data-v-ed0c3760]{font-size:24px;margin-bottom:5px}.wuxing-item .element-name[data-v-ed0c3760]{font-size:14px;font-weight:600;margin-bottom:3px}.wuxing-item .element-count[data-v-ed0c3760]{font-size:12px;opacity:.8}.dominant-tag[data-v-ed0c3760]{position:absolute;top:5px;right:5px;background:#fff;color:#667eea;font-size:10px;padding:2px 6px;border-radius:8px;font-weight:600}.missing-tag[data-v-ed0c3760]{position:absolute;top:5px;right:5px;background:#ff6b6b;color:#fff;font-size:10px;padding:2px 6px;border-radius:8px;font-weight:600}.dominant-result[data-v-ed0c3760]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:20px;margin-bottom:25px;color:#fff}.result-title[data-v-ed0c3760]{font-size:14px;margin-bottom:10px;opacity:.9}.result-value[data-v-ed0c3760]{display:flex;gap:10px;flex-wrap:wrap}.element-tag[data-v-ed0c3760]{background:#fff3;padding:8px 16px;border-radius:20px;font-size:16px;font-weight:600}.continue-btn[data-v-ed0c3760]{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.continue-btn[data-v-ed0c3760]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}@media (max-width: 480px){.wuxing-card[data-v-ed0c3760]{padding:20px}.ba-zi-grid[data-v-ed0c3760]{grid-template-columns:repeat(2,1fr)}.wuxing-grid[data-v-ed0c3760]{grid-template-columns:repeat(3,1fr)}}.quiz-container[data-v-945a80ad]{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.quiz-card[data-v-945a80ad]{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:30px;width:100%;max-width:600px;min-height:500px;display:flex;flex-direction:column}.page-header[data-v-945a80ad]{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #eee}.back-btn[data-v-945a80ad]{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:5px 10px;transition:color .3s ease}.back-btn[data-v-945a80ad]:hover{color:#667eea}.page-header h2[data-v-945a80ad]{font-size:20px;margin:0}.step-indicator[data-v-945a80ad]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:5px 12px;border-radius:15px;font-size:12px;font-weight:600}.progress-container[data-v-945a80ad]{margin-bottom:30px}.progress-bar[data-v-945a80ad]{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-fill[data-v-945a80ad]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s ease;border-radius:4px}.progress-text[data-v-945a80ad]{text-align:center;font-size:14px;color:#666}.question-section[data-v-945a80ad]{flex:1;display:flex;flex-direction:column}.question-number[data-v-945a80ad]{color:#667eea;font-size:14px;font-weight:600;margin-bottom:10px}.question-text[data-v-945a80ad]{font-size:20px;color:#333;margin-bottom:30px;line-height:1.6;font-weight:500}.options-list[data-v-945a80ad]{flex:1;display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.option-item[data-v-945a80ad]{display:flex;align-items:center;padding:16px 20px;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative}.option-item[data-v-945a80ad]:hover,.option-item.hovered[data-v-945a80ad]{border-color:#667eea;background:#f8f9ff}.option-item.selected[data-v-945a80ad]{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.option-radio[data-v-945a80ad]{width:24px;height:24px;margin-right:15px}.radio-circle[data-v-945a80ad]{width:20px;height:20px;border:2px solid #ccc;border-radius:50%;transition:all .3s ease}.radio-circle.checked[data-v-945a80ad]{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.radio-circle.checked[data-v-945a80ad]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.option-content[data-v-945a80ad]{flex:1;font-size:16px;color:#333}.check-icon[data-v-945a80ad]{color:#667eea;font-weight:700;font-size:18px;animation:popIn-945a80ad .3s ease}@keyframes popIn-945a80ad{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.next-btn[data-v-945a80ad]{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.next-btn[data-v-945a80ad]:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.next-btn.disabled[data-v-945a80ad]{opacity:.5;cursor:not-allowed}.complete-section[data-v-945a80ad]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:fadeIn-945a80ad .5s ease}@keyframes fadeIn-945a80ad{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-icon[data-v-945a80ad]{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px;font-weight:700;margin-bottom:20px;animation:scaleIn-945a80ad .5s ease}@keyframes scaleIn-945a80ad{0%{transform:scale(0)}to{transform:scale(1)}}.complete-section h3[data-v-945a80ad]{font-size:24px;color:#333;margin-bottom:10px}.complete-section p[data-v-945a80ad]{color:#666;margin-bottom:20px}.loader[data-v-945a80ad]{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#667eea;border-radius:50%;animation:spin-945a80ad 1s linear infinite}@keyframes spin-945a80ad{to{transform:rotate(360deg)}}@media (max-width: 480px){.quiz-card[data-v-945a80ad]{padding:20px;min-height:450px}.question-text[data-v-945a80ad]{font-size:18px}.option-item[data-v-945a80ad]{padding:14px 16px}.option-content[data-v-945a80ad]{font-size:15px}}.result-container[data-v-ad4890e0]{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.result-card[data-v-ad4890e0]{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:30px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto}.page-header[data-v-ad4890e0]{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.back-btn[data-v-ad4890e0]{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:5px 10px;transition:color .3s ease}.back-btn[data-v-ad4890e0]:hover{color:#667eea}.page-header h2[data-v-ad4890e0]{font-size:20px;margin:0}.step-indicator[data-v-ad4890e0]{background:#f0f2ff;color:#667eea;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:500;opacity:.9;cursor:default}.result-content[data-v-ad4890e0]{animation:fadeIn-ad4890e0 .5s ease}@keyframes fadeIn-ad4890e0{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-title[data-v-ad4890e0]{text-align:center;font-size:20px;font-weight:600;color:#333;margin-bottom:25px;display:flex;align-items:center;justify-content:center;gap:10px}.title-icon[data-v-ad4890e0]{font-size:28px}.city-card[data-v-ad4890e0]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:25px;color:#fff;margin-bottom:30px}.main-city[data-v-ad4890e0]{animation:slideUp-ad4890e0 .6s ease}@keyframes slideUp-ad4890e0{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.city-header[data-v-ad4890e0]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}.city-name[data-v-ad4890e0]{display:flex;align-items:center;gap:10px}.city-emoji[data-v-ad4890e0]{font-size:36px}.city-name h3[data-v-ad4890e0]{font-size:32px;margin:0;font-weight:700}.match-score[data-v-ad4890e0]{background:#fff3;padding:10px 20px;border-radius:15px;text-align:center}.match-score span[data-v-ad4890e0]:first-child{display:block;font-size:12px;opacity:.9}.score-number[data-v-ad4890e0]{font-size:28px;font-weight:700}.city-climate[data-v-ad4890e0]{background:#ffffff26;padding:12px 16px;border-radius:10px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.city-climate .label[data-v-ad4890e0]{font-weight:600;opacity:.9}.city-description[data-v-ad4890e0]{font-size:16px;line-height:1.8;margin-bottom:25px;opacity:.95}.city-section[data-v-ad4890e0]{margin-bottom:20px}.section-title[data-v-ad4890e0]{font-size:14px;font-weight:600;margin-bottom:12px;opacity:.9}.tags-list[data-v-ad4890e0]{display:flex;flex-wrap:wrap;gap:8px}.tag[data-v-ad4890e0]{padding:6px 12px;border-radius:8px;font-size:13px}.tag.advantage[data-v-ad4890e0]{background:#4caf504d}.tag.disadvantage[data-v-ad4890e0]{background:#f443364d}.matched-factors[data-v-ad4890e0]{display:flex;flex-wrap:wrap;gap:6px}.factor-tag[data-v-ad4890e0]{background:#fff3;padding:4px 10px;border-radius:15px;font-size:12px}.other-cities[data-v-ad4890e0]{background:#f8f9fa;border-radius:15px;padding:20px;margin-bottom:25px}.other-cities .section-title[data-v-ad4890e0]{color:#333;margin-bottom:15px}.cities-grid[data-v-ad4890e0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.city-item[data-v-ad4890e0]{background:#fff;border-radius:12px;padding:15px;display:flex;align-items:center;gap:12px;transition:all .3s ease;cursor:pointer}.city-item[data-v-ad4890e0]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.city-rank[data-v-ad4890e0]{width:30px;height:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.city-info[data-v-ad4890e0]{flex:1}.city-icon[data-v-ad4890e0]{font-size:24px;margin-bottom:4px}.city-small-name[data-v-ad4890e0]{font-weight:600;color:#333;font-size:16px}.city-small-score[data-v-ad4890e0]{font-size:12px;color:#666}.wuxing-section[data-v-ad4890e0]{background:#f8f9fa;border-radius:15px;padding:20px;margin-bottom:25px}.wuxing-section .section-title[data-v-ad4890e0]{color:#333;margin-bottom:15px}.wuxing-info[data-v-ad4890e0]{display:flex;flex-direction:column;gap:12px}.ba-zi-summary[data-v-ad4890e0]{background:#fff;border-radius:10px;padding:12px 16px}.ba-zi-text[data-v-ad4890e0]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ba-zi-text .label[data-v-ad4890e0]{color:#666;font-weight:500}.ba-zi-text .value[data-v-ad4890e0]{color:#333;font-weight:600}.dominant-wuxing[data-v-ad4890e0]{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.dominant-wuxing .label[data-v-ad4890e0]{color:#666;font-weight:500}.wuxing-element[data-v-ad4890e0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:15px;font-size:14px;font-weight:600}.match-explanation[data-v-ad4890e0]{background:#f9fafc;border-radius:15px;padding:18px 20px;margin-bottom:25px;border:1px dashed rgba(102,126,234,.4)}.match-title[data-v-ad4890e0]{font-size:14px;font-weight:600;color:#333;margin-bottom:10px}.match-list[data-v-ad4890e0]{margin:0;padding-left:18px;font-size:13px;color:#555;line-height:1.7}.match-list li+li[data-v-ad4890e0]{margin-top:4px}.match-note[data-v-ad4890e0]{margin-top:10px;font-size:12px;color:#888}.share-section[data-v-ad4890e0]{text-align:center}.share-btn[data-v-ad4890e0]{padding:14px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.share-btn[data-v-ad4890e0]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.loading-section[data-v-ad4890e0]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.loader[data-v-ad4890e0]{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#667eea;border-radius:50%;animation:spin-ad4890e0 1s linear infinite;margin-bottom:20px}@keyframes spin-ad4890e0{to{transform:rotate(360deg)}}.loading-section p[data-v-ad4890e0]{color:#666}@media (max-width: 600px){.result-card[data-v-ad4890e0]{padding:20px;border-radius:15px}.city-header[data-v-ad4890e0]{flex-direction:column;text-align:center;gap:15px}.city-name h3[data-v-ad4890e0]{font-size:26px}.cities-grid[data-v-ad4890e0]{grid-template-columns:1fr}.ba-zi-text[data-v-ad4890e0]{flex-direction:column;align-items:flex-start}}