*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}#app,body{min-height:100vh}#app{width:100%;display:flex;justify-content:center;align-items:center;padding:20px}.home-container[data-v-0ce4918a]{width:100%;max-width:600px;animation:fadeIn-0ce4918a .5s ease}.home-content[data-v-0ce4918a]{background:hsla(0,0%,100%,.95);border-radius:20px;padding:40px 30px;box-shadow:0 20px 60px rgba(0,0,0,.3);text-align:center}.logo[data-v-0ce4918a]{margin-bottom:20px}.logo-icon[data-v-0ce4918a]{font-size:80px;display:block;animation:bounce-0ce4918a 2s infinite}.title[data-v-0ce4918a]{font-size:36px;font-weight:700;color:#5d6d7e;margin-bottom:10px}.subtitle[data-v-0ce4918a]{font-size:18px;color:#636e72;margin-bottom:30px}.description[data-v-0ce4918a]{margin:30px 0;line-height:1.8;color:#2d3436}.description p[data-v-0ce4918a]{margin-bottom:8px}.tags[data-v-0ce4918a]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px}.tag[data-v-0ce4918a]{background:#e8f4f8;color:#5d6d7e;padding:8px 16px;border-radius:20px;font-size:14px;border:1px solid #d4e6ed}.tag[data-v-0ce4918a]:nth-child(2){animation-delay:.2s}.tag[data-v-0ce4918a]:nth-child(3){animation-delay:.4s}.tag[data-v-0ce4918a]:nth-child(4){animation-delay:.6s}.tag[data-v-0ce4918a]:nth-child(5){animation-delay:.8s}.tag[data-v-0ce4918a]:nth-child(6){animation-delay:1s}.stats[data-v-0ce4918a]{display:flex;justify-content:space-around;margin:30px 0;padding:20px 0;border-top:1px solid #dfe6e9;border-bottom:1px solid #dfe6e9}.stat-item[data-v-0ce4918a]{display:flex;flex-direction:column;align-items:center}.stat-number[data-v-0ce4918a]{font-size:32px;font-weight:700;color:#7fb3d5;margin-bottom:5px}.stat-label[data-v-0ce4918a]{font-size:12px;color:#636e72}.start-btn[data-v-0ce4918a]{width:100%;padding:18px 40px;font-size:20px;font-weight:700;color:#5d6d7e;background:#fff;border:2px solid #d4e6ed;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;gap:10px}.start-btn[data-v-0ce4918a]:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.1);border-color:#aed6e8}.start-btn[data-v-0ce4918a]:active{transform:translateY(-1px)}.btn-icon[data-v-0ce4918a]{font-size:24px;transition:transform .3s ease}.start-btn:hover .btn-icon[data-v-0ce4918a]{transform:translateX(5px)}.tips[data-v-0ce4918a]{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:10px}.tips p[data-v-0ce4918a]{font-size:14px;color:#636e72;margin:0}@keyframes fadeIn-0ce4918a{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-0ce4918a{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-0ce4918a{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:480px){.home-content[data-v-0ce4918a]{padding:30px 20px}.title[data-v-0ce4918a]{font-size:28px}.logo-icon[data-v-0ce4918a]{font-size:60px}.stats[data-v-0ce4918a]{gap:15px}.stat-number[data-v-0ce4918a]{font-size:24px}}.quiz-container[data-v-484bce6a]{width:100%;max-width:600px;animation:slideIn-484bce6a .5s ease}.quiz-content[data-v-484bce6a]{background:hsla(0,0%,100%,.95);border-radius:20px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.progress-bar[data-v-484bce6a]{margin-bottom:30px}.progress-info[data-v-484bce6a]{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;color:#636e72}.question-number[data-v-484bce6a]{font-weight:700}.progress-percent[data-v-484bce6a]{color:#667eea;font-weight:700}.progress-track[data-v-484bce6a]{width:100%;height:8px;background:#dfe6e9;border-radius:10px;overflow:hidden}.progress-fill[data-v-484bce6a]{height:100%;background:linear-gradient(90deg,#7fb3d5,#a9cce3);transition:width .3s ease;border-radius:10px}.question-area[data-v-484bce6a]{position:relative}.question-number-badge[data-v-484bce6a]{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:40px;height:40px;background:#e8f4f8;color:#5d6d7e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border:2px solid #d4e6ed}.question-text[data-v-484bce6a]{font-size:22px;color:#2d3436;text-align:center;margin:30px 0 40px;line-height:1.6;padding-top:10px}.options[data-v-484bce6a]{display:flex;flex-direction:column;gap:15px}.option-btn[data-v-484bce6a]{width:100%;padding:20px 25px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:15px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:15px;text-align:left;font-size:16px;color:#2d3436;position:relative}.option-btn[data-v-484bce6a]:hover{border-color:#aed6e8;background:#f5fbfd;transform:translateX(5px)}.option-btn.selected[data-v-484bce6a]{background:#e8f4f8;border-color:#7fb3d5;color:#5d6d7e;transform:scale(1.02);box-shadow:0 5px 20px rgba(127,179,213,.2)}.option-letter[data-v-484bce6a]{width:30px;height:30px;background:#e9ecef;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;transition:all .3s ease}.option-btn.selected .option-letter[data-v-484bce6a]{background:hsla(0,0%,100%,.3);color:#fff}.option-text[data-v-484bce6a]{flex:1;line-height:1.5}.check-icon[data-v-484bce6a]{width:30px;height:30px;background:hsla(0,0%,100%,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.quiz-footer[data-v-484bce6a]{display:flex;justify-content:center;margin-top:40px}.prev-btn[data-v-484bce6a]{width:100%;max-width:300px;padding:18px 40px;font-size:20px;font-weight:700;color:#5d6d7e;background:#fff;border:2px solid #d4e6ed;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;gap:10px}.prev-btn[data-v-484bce6a]:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.1);border-color:#aed6e8}.prev-btn[data-v-484bce6a]:active{transform:translateY(-1px)}@keyframes slideIn-484bce6a{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@media (max-width:480px){.quiz-content[data-v-484bce6a]{padding:20px}.question-text[data-v-484bce6a]{font-size:18px}.option-btn[data-v-484bce6a]{padding:15px 20px;font-size:14px}}.result-container[data-v-5f43258e]{width:100%;max-width:600px;animation:zoomIn-5f43258e .5s ease}.result-content[data-v-5f43258e]{display:flex;flex-direction:column;gap:20px}.result-card[data-v-5f43258e]{background:hsla(0,0%,100%,.95);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}.result-header[data-v-5f43258e]{background:linear-gradient(135deg,#e8f4f8,#d4e6ed);padding:40px 30px;text-align:center;color:#5d6d7e}.result-emoji[data-v-5f43258e]{font-size:100px;display:block;margin-bottom:20px;animation:celebrate-5f43258e 1s infinite}.result-title[data-v-5f43258e]{font-size:42px;font-weight:700;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.result-subtitle[data-v-5f43258e]{font-size:16px;opacity:.9}.result-stats[data-v-5f43258e]{display:flex;justify-content:space-around;align-items:center;padding:25px 30px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #dfe6e9;border-bottom:1px solid #dfe6e9}.stat-item[data-v-5f43258e]{text-align:center;flex:1}.stat-value[data-v-5f43258e]{font-size:36px;font-weight:700;margin-bottom:5px}.stat-label[data-v-5f43258e]{font-size:14px;color:#636e72}.stat-divider[data-v-5f43258e]{width:1px;height:50px;background:#dfe6e9;margin:0 20px}.result-body[data-v-5f43258e]{padding:30px;background:#fff}.result-description[data-v-5f43258e]{font-size:16px;line-height:1.8;color:#2d3436;text-align:center}.detailed-analysis[data-v-5f43258e]{padding:30px;background:#f8f9fa;border-top:1px solid #dfe6e9}.analysis-title[data-v-5f43258e]{font-size:20px;font-weight:700;color:#2d3436;margin-bottom:25px;text-align:center}.analysis-section[data-v-5f43258e]{display:flex;flex-direction:column;gap:20px}.analysis-item[data-v-5f43258e]{display:flex;gap:15px;align-items:flex-start;background:#fff;padding:20px;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.05)}.analysis-icon[data-v-5f43258e]{font-size:32px;flex-shrink:0}.analysis-content[data-v-5f43258e]{flex:1}.analysis-content h4[data-v-5f43258e]{font-size:16px;font-weight:700;color:#2d3436;margin-bottom:10px}.analysis-content p[data-v-5f43258e]{font-size:14px;line-height:1.8;color:#636e72;margin:0}.dimension-details[data-v-5f43258e]{padding:30px;background:#fff;border-top:1px solid #dfe6e9}.dimension-bars[data-v-5f43258e]{display:flex;flex-direction:column;gap:15px}.dimension-bar-item[data-v-5f43258e]{display:flex;align-items:center;gap:15px}.dimension-label[data-v-5f43258e]{width:70px;font-size:14px;font-weight:700;color:#2d3436;text-align:right}.dimension-bar-wrapper[data-v-5f43258e]{flex:1;height:20px;background:#f1f2f6;border-radius:10px;overflow:hidden}.dimension-bar[data-v-5f43258e]{height:100%;border-radius:10px;transition:width .5s ease}.dimension-count[data-v-5f43258e]{width:50px;font-size:13px;color:#636e72;text-align:left}.result-footer[data-v-5f43258e]{padding:20px 30px;background:#f8f9fa;border-top:1px solid #dfe6e9}.share-tips p[data-v-5f43258e]{margin:0;text-align:center;color:#636e72;font-size:14px}.action-buttons[data-v-5f43258e]{display:flex;gap:15px}.restart-btn[data-v-5f43258e],.share-btn[data-v-5f43258e]{flex:1;padding:18px 30px;font-size:16px;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.share-btn[data-v-5f43258e]{background:#e8f4f8;color:#5d6d7e;border:2px solid #d4e6ed;box-shadow:0 5px 15px rgba(0,0,0,.05)}.share-btn[data-v-5f43258e]:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.1);border-color:#aed6e8}.restart-btn[data-v-5f43258e]{background:#fff;color:#7fb3d5;border:2px solid #7fb3d5}.restart-btn[data-v-5f43258e]:hover{background:#f5fbfd;transform:translateY(-3px)}.btn-icon[data-v-5f43258e]{font-size:20px}.other-types[data-v-5f43258e]{background:hsla(0,0%,100%,.95);border-radius:20px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.section-title[data-v-5f43258e]{font-size:20px;font-weight:700;color:#2d3436;margin-bottom:20px;text-align:center}.types-grid[data-v-5f43258e]{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.type-card[data-v-5f43258e]{background:#fff;border:2px solid #dfe6e9;border-radius:15px;padding:15px 10px;text-align:center;transition:all .3s ease;cursor:pointer}.type-card[data-v-5f43258e]:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.type-emoji[data-v-5f43258e]{font-size:32px;display:block;margin-bottom:8px}.type-name[data-v-5f43258e]{font-size:12px;color:#636e72;font-weight:700}.premium-section[data-v-5f43258e]{background:hsla(0,0%,100%,.95);border-radius:20px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.premium-card[data-v-5f43258e]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;padding:30px;color:#5d6d7e;text-align:center;border:2px solid #d4e6ed}.premium-title[data-v-5f43258e]{font-size:24px;font-weight:700;margin-bottom:10px}.premium-desc[data-v-5f43258e]{font-size:16px;opacity:.9;margin-bottom:20px}.premium-features[data-v-5f43258e]{list-style:none;padding:0;margin:20px 0;text-align:left}.premium-features li[data-v-5f43258e]{padding:8px 0;font-size:14px;opacity:.95}.premium-btn[data-v-5f43258e]{width:100%;padding:18px 40px;font-size:18px;font-weight:700;color:#5d6d7e;background:#fff;border:2px solid #aed6e8;border-radius:50px;cursor:pointer;transition:all .3s ease;margin-top:20px;box-shadow:0 5px 15px rgba(0,0,0,.05)}.premium-btn[data-v-5f43258e]:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.1);background:#e8f4f8}@keyframes zoomIn-5f43258e{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes celebrate-5f43258e{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}@media (max-width:480px){.result-header[data-v-5f43258e]{padding:30px 20px}.result-emoji[data-v-5f43258e]{font-size:80px}.result-title[data-v-5f43258e]{font-size:32px}.types-grid[data-v-5f43258e]{grid-template-columns:repeat(2,1fr)}.action-buttons[data-v-5f43258e]{flex-direction:column}}