*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}#app,body{min-height:100vh}.header{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-bottom:1px solid #e4e7ed;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;height:100%}.logo h2{color:#2c3e50;font-weight:600;margin:0}.nav-menu{border-bottom:none;background:transparent}.nav-menu .el-menu-item{color:#606266;font-weight:500}.nav-menu .el-menu-item.is-active,.nav-menu .el-menu-item:hover{color:#409eff;background:rgba(64,158,255,.1)}.main-content{max-width:1200px;margin:0 auto;padding:20px;min-height:calc(100vh - 120px)}.footer{background:hsla(0,0%,100%,.8);text-align:center;color:#909399;border-top:1px solid #e4e7ed}.footer p{margin:0;font-size:14px}@media (max-width:768px){.header-content{flex-direction:column;padding:10px}.logo{margin-bottom:10px}.main-content{padding:15px}}.home[data-v-0be5c026]{max-width:800px;margin:0 auto}.hero-section[data-v-0be5c026]{text-align:center;margin-bottom:40px;padding:40px 20px}.title[data-v-0be5c026]{font-size:32px;font-weight:600;color:#2c3e50;margin-bottom:16px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-v-0be5c026]{font-size:18px;color:#606266;line-height:1.6}.form-card[data-v-0be5c026]{border-radius:16px;overflow:hidden}.card-header[data-v-0be5c026]{font-size:18px;font-weight:600;color:#2c3e50}.name-form[data-v-0be5c026]{padding:20px}.form-input[data-v-0be5c026]{width:100%}.gender-group[data-v-0be5c026],.length-group[data-v-0be5c026]{display:flex;gap:20px}.radio-label[data-v-0be5c026]{font-size:16px;margin-left:8px}.zodiac-info[data-v-0be5c026]{margin-top:8px}.preference-tags[data-v-0be5c026]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.preference-tag[data-v-0be5c026]{cursor:pointer;transition:all .3s;padding:8px 16px;border-radius:20px}.preference-tag[data-v-0be5c026]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.preference-hint[data-v-0be5c026]{font-size:14px;color:#909399;margin:0}.submit-section[data-v-0be5c026]{text-align:center;margin-top:40px}.generate-btn[data-v-0be5c026]{padding:16px 48px;font-size:18px;font-weight:600;border-radius:25px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;transition:all .3s}.generate-btn[data-v-0be5c026]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.generate-btn[data-v-0be5c026]:disabled{background:#c0c4cc;transform:none;box-shadow:none}@media (max-width:768px){.title[data-v-0be5c026]{font-size:24px}.subtitle[data-v-0be5c026]{font-size:16px}.gender-group[data-v-0be5c026],.length-group[data-v-0be5c026]{flex-direction:column;gap:12px}.preference-tags[data-v-0be5c026]{gap:8px}.preference-tag[data-v-0be5c026]{padding:6px 12px;font-size:14px}.generate-btn[data-v-0be5c026]{padding:14px 32px;font-size:16px}}.results[data-v-b5a30dee]{max-width:900px;margin:0 auto}.results-header[data-v-b5a30dee]{text-align:center;margin-bottom:30px;padding:20px;background:hsla(0,0%,100%,.8);border-radius:16px;backdrop-filter:blur(10px)}.back-btn[data-v-b5a30dee]{position:absolute;left:20px;top:20px;color:#409eff;font-size:16px}.results-title[data-v-b5a30dee]{font-size:28px;font-weight:600;color:#2c3e50;margin-bottom:8px}.results-subtitle[data-v-b5a30dee]{font-size:16px;color:#606266;margin:0}.names-list[data-v-b5a30dee]{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.names-row[data-v-b5a30dee]{display:flex;gap:20px;justify-content:space-between}.names-row .name-card[data-v-b5a30dee]{flex:1;max-width:calc(50% - 10px)}.name-card[data-v-b5a30dee]{border-radius:16px;overflow:hidden;transition:all .3s}.name-card[data-v-b5a30dee]:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1)}.name-content[data-v-b5a30dee]{padding:24px}.name-header[data-v-b5a30dee]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.name-display[data-v-b5a30dee]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;position:relative}.name-number[data-v-b5a30dee]{position:absolute;top:-10px;left:-10px;background:#409eff;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:1}.name-text[data-v-b5a30dee]{display:flex;align-items:baseline;gap:4px}.surname[data-v-b5a30dee]{font-size:32px;font-weight:600;color:#2c3e50}.given-name[data-v-b5a30dee]{font-size:32px;font-weight:600;color:#409eff}.name-pinyin[data-v-b5a30dee]{font-size:14px;color:#909399;font-style:italic;letter-spacing:1px;margin-top:4px}.score-section[data-v-b5a30dee]{display:flex;flex-direction:column;align-items:center;gap:8px}.total-score[data-v-b5a30dee]{display:flex;align-items:baseline;gap:4px}.score-number[data-v-b5a30dee]{font-size:36px;font-weight:700;color:#67c23a}.score-text[data-v-b5a30dee]{font-size:16px;color:#909399}.duplicate-tag[data-v-b5a30dee]{font-size:12px}.evaluation-section[data-v-b5a30dee]{margin-bottom:24px}.evaluation-item[data-v-b5a30dee]{margin-bottom:20px}.eval-header[data-v-b5a30dee]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.eval-label[data-v-b5a30dee]{font-size:16px;font-weight:600;color:#2c3e50}.eval-score[data-v-b5a30dee]{font-size:14px;font-weight:600;color:#409eff}.eval-desc[data-v-b5a30dee]{font-size:14px;color:#606266;margin:8px 0 0 0;line-height:1.5}.action-section[data-v-b5a30dee]{text-align:center}.favorite-btn[data-v-b5a30dee]{padding:12px 24px;border-radius:20px;font-weight:600}.bottom-actions[data-v-b5a30dee]{display:flex;justify-content:center;gap:20px;padding:20px;background:hsla(0,0%,100%,.8);border-radius:16px;backdrop-filter:blur(10px)}.regenerate-btn[data-v-b5a30dee],.view-favorites-btn[data-v-b5a30dee]{padding:16px 32px;border-radius:25px;font-weight:600;font-size:16px}@media (max-width:768px){.results[data-v-b5a30dee]{padding:16px}.results-header[data-v-b5a30dee]{padding:15px;text-align:center;margin-bottom:24px}.back-btn[data-v-b5a30dee]{position:static;margin-bottom:15px}.results-title[data-v-b5a30dee]{font-size:20px}.results-subtitle[data-v-b5a30dee]{font-size:14px}.names-list[data-v-b5a30dee]{gap:16px}.names-row[data-v-b5a30dee]{flex-direction:column;gap:16px}.names-row .name-card[data-v-b5a30dee]{max-width:100%}.name-card[data-v-b5a30dee]{padding:16px}.name-header[data-v-b5a30dee]{flex-direction:column;gap:16px;text-align:center}.given-name[data-v-b5a30dee],.surname[data-v-b5a30dee]{font-size:28px}.score-number[data-v-b5a30dee]{font-size:32px}.bottom-actions[data-v-b5a30dee]{flex-direction:column;gap:12px}.regenerate-btn[data-v-b5a30dee],.view-favorites-btn[data-v-b5a30dee]{width:100%}}.favorites[data-v-0a2af58a]{max-width:900px;margin:0 auto}.favorites-header[data-v-0a2af58a]{text-align:center;margin-bottom:30px;padding:30px 20px;background:hsla(0,0%,100%,.8);border-radius:16px;backdrop-filter:blur(10px)}.favorites-title[data-v-0a2af58a]{font-size:28px;font-weight:600;color:#2c3e50;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:12px}.favorites-subtitle[data-v-0a2af58a]{font-size:16px;color:#606266;margin:0 0 20px 0}.sort-options[data-v-0a2af58a]{margin-top:20px}.empty-state[data-v-0a2af58a]{text-align:center;padding:80px 20px;background:hsla(0,0%,100%,.8);border-radius:16px;backdrop-filter:blur(10px)}.empty-icon[data-v-0a2af58a]{color:#c0c4cc;margin-bottom:20px}.empty-title[data-v-0a2af58a]{font-size:24px;color:#606266;margin-bottom:12px}.empty-desc[data-v-0a2af58a]{font-size:16px;color:#909399;margin-bottom:30px}.go-generate-btn[data-v-0a2af58a]{padding:16px 32px;border-radius:25px;font-weight:600;font-size:16px}.loading-state[data-v-0a2af58a]{padding:20px;background:hsla(0,0%,100%,.8);border-radius:16px;backdrop-filter:blur(10px)}.favorites-list[data-v-0a2af58a]{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.favorites-row[data-v-0a2af58a]{display:flex;gap:20px;justify-content:space-between}.favorites-row .favorite-card[data-v-0a2af58a]{flex:1;max-width:calc(50% - 10px)}.favorite-card[data-v-0a2af58a]{border-radius:16px;overflow:hidden;transition:all .3s}.favorite-card[data-v-0a2af58a]:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1)}.favorite-content[data-v-0a2af58a]{padding:24px}.name-header[data-v-0a2af58a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.name-display[data-v-0a2af58a]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;position:relative}.name-number[data-v-0a2af58a]{position:absolute;top:-10px;left:-10px;background:#409eff;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:1}.name-text[data-v-0a2af58a]{display:flex;align-items:baseline;gap:4px}.surname[data-v-0a2af58a]{font-size:28px;font-weight:600;color:#2c3e50}.given-name[data-v-0a2af58a]{font-size:28px;font-weight:600;color:#409eff}.name-pinyin[data-v-0a2af58a]{font-size:14px;color:#909399;font-style:italic;margin-top:4px}.score-section[data-v-0a2af58a]{display:flex;flex-direction:column;align-items:center;gap:8px}.total-score[data-v-0a2af58a]{display:flex;align-items:baseline;gap:4px}.score-number[data-v-0a2af58a]{font-size:32px;font-weight:700;color:#67c23a}.score-text[data-v-0a2af58a]{font-size:14px;color:#909399}.duplicate-tag[data-v-0a2af58a]{font-size:12px}.evaluation-section[data-v-0a2af58a]{margin-bottom:20px}.evaluation-item[data-v-0a2af58a]{margin-bottom:16px}.eval-header[data-v-0a2af58a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.eval-label[data-v-0a2af58a]{font-size:14px;font-weight:600;color:#2c3e50}.eval-score[data-v-0a2af58a]{font-size:12px;font-weight:600;color:#409eff}.eval-desc[data-v-0a2af58a]{font-size:13px;color:#606266;margin:6px 0 0 0;line-height:1.4}.favorite-footer[data-v-0a2af58a]{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f0f0f0}.favorite-info[data-v-0a2af58a]{flex:1}.favorite-actions[data-v-0a2af58a]{flex-shrink:0}.bottom-actions[data-v-0a2af58a]{text-align:center;padding:20px;background:hsla(0,0%,100%,.8);border-radius:16px;backdrop-filter:blur(10px)}.generate-more-btn[data-v-0a2af58a]{padding:16px 32px;border-radius:25px;font-weight:600;font-size:16px}@media (max-width:768px){.favorites[data-v-0a2af58a]{padding:16px}.favorites-header[data-v-0a2af58a]{padding:20px 15px;margin-bottom:24px}.favorites-title[data-v-0a2af58a]{font-size:20px}.favorites-subtitle[data-v-0a2af58a]{font-size:14px}.favorites-list[data-v-0a2af58a]{gap:16px}.favorites-row[data-v-0a2af58a]{flex-direction:column;gap:16px}.favorites-row .favorite-card[data-v-0a2af58a]{max-width:100%}.name-header[data-v-0a2af58a]{flex-direction:column;gap:16px;text-align:center}.given-name[data-v-0a2af58a],.surname[data-v-0a2af58a]{font-size:24px}.name-pinyin[data-v-0a2af58a]{font-size:12px}.score-number[data-v-0a2af58a]{font-size:28px}.favorite-footer[data-v-0a2af58a]{flex-direction:column;gap:12px;text-align:center}.empty-state[data-v-0a2af58a]{padding:60px 15px}.empty-title[data-v-0a2af58a]{font-size:20px}.generate-more-btn[data-v-0a2af58a]{width:100%}}.feedback[data-v-7e178c7a]{max-width:1200px;margin:0 auto;padding:20px}.feedback-header[data-v-7e178c7a]{text-align:center;margin-bottom:30px;padding:30px 20px;background:hsla(0,0%,100%,.8);border-radius:16px;backdrop-filter:blur(10px)}.feedback-title[data-v-7e178c7a]{font-size:28px;font-weight:600;color:#2c3e50;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:12px}.feedback-subtitle[data-v-7e178c7a]{font-size:16px;color:#606266;margin:0}.post-feedback[data-v-7e178c7a]{margin-bottom:30px}.post-card[data-v-7e178c7a]{border-radius:16px}.post-header[data-v-7e178c7a]{margin-bottom:20px}.user-info[data-v-7e178c7a]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-7e178c7a]{background:linear-gradient(45deg,#409eff,#67c23a);color:#fff;font-weight:700}.user-name[data-v-7e178c7a]{font-weight:600;color:#2c3e50}.submit-btn[data-v-7e178c7a]{padding:12px 24px;border-radius:20px;font-weight:600}.feedback-list[data-v-7e178c7a]{margin-top:40px}.list-header[data-v-7e178c7a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 4px}.list-header h3[data-v-7e178c7a]{color:#2c3e50;margin:0}.loading-state[data-v-7e178c7a]{padding:20px;background:hsla(0,0%,100%,.8);border-radius:16px;backdrop-filter:blur(10px)}.feedback-items[data-v-7e178c7a]{display:flex;flex-direction:column;gap:16px}.feedback-item[data-v-7e178c7a]{border-radius:16px;transition:all .3s}.feedback-item[data-v-7e178c7a]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.feedback-content[data-v-7e178c7a]{padding:20px}.feedback-header-item[data-v-7e178c7a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.user-details[data-v-7e178c7a]{display:flex;flex-direction:column;gap:4px}.feedback-time[data-v-7e178c7a]{font-size:12px;color:#909399}.feedback-type[data-v-7e178c7a]{font-weight:600}.feedback-text[data-v-7e178c7a]{color:#2c3e50;line-height:1.6;margin-bottom:16px;font-size:15px}.feedback-actions[data-v-7e178c7a]{display:flex;gap:16px;padding-top:12px;border-top:1px solid #f0f0f0}.like-btn[data-v-7e178c7a],.reply-btn[data-v-7e178c7a]{color:#909399;transition:all .3s}.like-btn[data-v-7e178c7a]:hover,.reply-btn[data-v-7e178c7a]:hover{color:#409eff}.like-btn.liked[data-v-7e178c7a]{color:#f56c6c}.reply-section[data-v-7e178c7a]{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.reply-input[data-v-7e178c7a]{margin-bottom:16px}.reply-actions[data-v-7e178c7a]{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.replies-list[data-v-7e178c7a]{display:flex;flex-direction:column;gap:12px}.reply-item[data-v-7e178c7a]{display:flex;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px}.reply-avatar[data-v-7e178c7a]{background:linear-gradient(45deg,#67c23a,#409eff);color:#fff;font-weight:700;flex-shrink:0}.reply-content[data-v-7e178c7a]{flex:1}.reply-header[data-v-7e178c7a]{display:flex;gap:12px;align-items:center;margin-bottom:4px}.reply-user[data-v-7e178c7a]{font-weight:600;color:#2c3e50;font-size:14px}.reply-time[data-v-7e178c7a]{font-size:12px;color:#909399}.reply-text[data-v-7e178c7a]{color:#606266;font-size:14px;line-height:1.5}.empty-state[data-v-7e178c7a]{text-align:center;padding:80px 20px;background:hsla(0,0%,100%,.8);border-radius:16px;backdrop-filter:blur(10px)}.empty-icon[data-v-7e178c7a]{color:#c0c4cc;margin-bottom:20px}.empty-title[data-v-7e178c7a]{font-size:20px;color:#606266;margin-bottom:8px}.empty-desc[data-v-7e178c7a]{font-size:14px;color:#909399;margin:0}@media (max-width:768px){.feedback[data-v-7e178c7a]{padding:16px}.feedback-header[data-v-7e178c7a]{padding:20px 15px;margin-bottom:24px}.feedback-title[data-v-7e178c7a]{font-size:20px}.feedback-subtitle[data-v-7e178c7a]{font-size:14px}.feedback-header-item[data-v-7e178c7a],.list-header[data-v-7e178c7a]{flex-direction:column;gap:12px;align-items:flex-start}.feedback-actions[data-v-7e178c7a],.reply-actions[data-v-7e178c7a]{justify-content:center}.empty-state[data-v-7e178c7a]{padding:60px 15px}}