*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 50%,#16213e 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-container{min-height:100vh;padding:20px}@media (width<=768px){.app-container{padding:12px}}.home-view[data-v-a4d78975]{justify-content:center;align-items:center;min-height:calc(100vh - 40px);display:flex;position:relative;overflow:hidden}.bg-decoration[data-v-a4d78975]{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-emoji[data-v-a4d78975]{filter:blur(1px);animation:15s ease-in-out infinite float-a4d78975;position:absolute}@keyframes float-a4d78975{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-20px)rotate(5deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(20px)rotate(-5deg)}}.content-wrapper[data-v-a4d78975]{text-align:center;z-index:1;width:100%;max-width:600px;padding:0 20px;position:relative}.hero-section[data-v-a4d78975]{margin-bottom:32px}.title-wrapper[data-v-a4d78975]{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.main-title[data-v-a4d78975]{letter-spacing:-2px;margin:0;font-size:72px;font-weight:900}.gradient-text[data-v-a4d78975]{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite shimmer-a4d78975}@keyframes shimmer-a4d78975{0%,to{background-position:0%}50%{background-position:100%}}.title-emoji[data-v-a4d78975]{font-size:48px;animation:1s infinite bounce-a4d78975}@keyframes bounce-a4d78975{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.subtitle[data-v-a4d78975]{color:#a0a0b0;margin-bottom:8px;font-size:24px;font-weight:500}.slogan[data-v-a4d78975]{color:#6366f1;font-size:18px;font-weight:600;animation:2s ease-in-out infinite pulse-a4d78975}@keyframes pulse-a4d78975{0%,to{opacity:1}50%{opacity:.7}}.intro-card[data-v-a4d78975]{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:24px;background:#1a1a2ecc!important;border:1px solid #6366f133!important}.intro-text[data-v-a4d78975]{color:#c0c0d0;margin-bottom:12px;font-size:15px;line-height:1.8}.intro-text[data-v-a4d78975]:last-child{margin-bottom:0}.intro-text strong[data-v-a4d78975],.highlight[data-v-a4d78975]{color:#f093fb;font-weight:600}.features[data-v-a4d78975]{flex-wrap:wrap;justify-content:space-around;gap:16px;display:flex}.feature-item[data-v-a4d78975]{background:#6366f11a;border:1px solid #6366f133;border-radius:20px;align-items:center;gap:10px;padding:8px 16px;display:flex}.feature-icon-wrapper[data-v-a4d78975]{justify-content:center;align-items:center;display:flex}.feature-text[data-v-a4d78975]{color:#a0a0b0;font-size:14px;font-weight:500}.personalities-preview[data-v-a4d78975]{margin-bottom:28px}.preview-title[data-v-a4d78975]{color:#606070;margin-bottom:16px;font-size:14px;font-weight:500}.personalities-grid[data-v-a4d78975]{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.personality-tag[data-v-a4d78975]{color:#808090;opacity:0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;animation:.5s forwards fadeInUp-a4d78975;display:flex;transform:translateY(10px)}@keyframes fadeInUp-a4d78975{to{opacity:1;transform:translateY(0)}}.personality-tag[data-v-a4d78975]:hover{color:#a0a0b0;background:#6366f133;border-color:#6366f166;transition:all .2s;transform:translateY(-2px)}.tag-emoji[data-v-a4d78975]{font-size:14px}.tag-code[data-v-a4d78975]{font-weight:600}.action-buttons[data-v-a4d78975]{justify-content:center;gap:16px;margin-bottom:32px;display:flex}.start-btn[data-v-a4d78975]{width:100%;max-width:200px;height:56px;font-size:18px;font-weight:600;animation:2s ease-in-out infinite glow-a4d78975;box-shadow:0 4px 20px #6366f14d;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)!important;border:none!important;border-radius:28px!important}@keyframes glow-a4d78975{0%,to{box-shadow:0 4px 20px #6366f14d}50%{box-shadow:0 4px 30px #6366f180}}.start-btn[data-v-a4d78975]:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f180}.wiki-btn[data-v-a4d78975]{width:100%;max-width:200px;height:56px;font-size:18px;font-weight:600;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:28px!important}.wiki-btn[data-v-a4d78975]:hover{transform:translateY(-2px);background:#ffffff26!important}.author-info[data-v-a4d78975]{color:#606070;margin-bottom:24px;font-size:13px;line-height:1.6}.author-header[data-v-a4d78975]{justify-content:center;align-items:center;gap:6px;margin-bottom:8px;display:flex}.hint[data-v-a4d78975]{opacity:.7;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.footer[data-v-a4d78975]{color:#404050;padding-bottom:20px;font-size:12px}@media (width<=768px){.main-title[data-v-a4d78975]{font-size:56px}.title-emoji[data-v-a4d78975]{font-size:36px}.subtitle[data-v-a4d78975]{font-size:20px}.features[data-v-a4d78975]{flex-direction:column;align-items:center}.feature-item[data-v-a4d78975]{justify-content:center;width:100%}.personalities-grid[data-v-a4d78975]{gap:6px}.personality-tag[data-v-a4d78975]{padding:4px 10px;font-size:12px}}.test-view[data-v-e293fb11]{justify-content:center;align-items:flex-start;min-height:calc(100vh - 40px);padding-top:40px;display:flex}.content-wrapper[data-v-e293fb11]{width:100%;max-width:640px;padding:0 20px}.progress-section[data-v-e293fb11]{margin-bottom:32px}.progress-info[data-v-e293fb11]{justify-content:space-between;margin-bottom:8px;display:flex}.progress-text[data-v-e293fb11]{color:#a0a0b0;font-size:14px}.progress-percentage[data-v-e293fb11]{color:#6366f1;font-size:14px;font-weight:600}.question-section[data-v-e293fb11]{background:#1a1a2ecc;border:1px solid #6366f133;border-radius:16px;margin-bottom:24px;padding:32px}.question-meta[data-v-e293fb11]{align-items:center;gap:12px;margin-bottom:16px;display:flex}.question-number[data-v-e293fb11]{color:#6366f1;background:#6366f11a;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600}.question-tag[data-v-e293fb11]{color:#a0a0b0;background:#a0a0b01a;border-radius:20px;padding:4px 10px;font-size:12px}.question-tag.special[data-v-e293fb11]{color:#f59e0b;background:#f59e0b1a}.question-text[data-v-e293fb11]{color:#fff;margin-bottom:24px;font-size:20px;font-weight:600;line-height:1.6}.options-list[data-v-e293fb11]{flex-direction:column;gap:12px;display:flex}.option-btn[data-v-e293fb11]{text-align:left;white-space:normal;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;height:auto;min-height:56px;padding:16px 20px;font-size:15px;line-height:1.5}.option-btn[data-v-e293fb11]:hover{background:#6366f11a;border-color:#6366f14d}.nav-buttons[data-v-e293fb11]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.nav-placeholder[data-v-e293fb11]{width:100px}.nav-btn[data-v-e293fb11]{border-radius:24px;height:48px;padding:0 24px}.submit-btn[data-v-e293fb11]{background:linear-gradient(135deg,#6366f1,#8b5cf6)}@media (width<=768px){.test-view[data-v-e293fb11]{padding-top:20px}.question-section[data-v-e293fb11]{padding:20px}.question-text[data-v-e293fb11]{font-size:17px}.nav-buttons[data-v-e293fb11]{gap:12px}.nav-btn[data-v-e293fb11]{flex:1}}.result-view[data-v-c66ad302]{justify-content:center;align-items:flex-start;min-height:calc(100vh - 40px);padding-top:40px;padding-bottom:60px;display:flex}.content-wrapper[data-v-c66ad302]{width:100%;max-width:640px}.result-card[data-v-c66ad302]{margin-bottom:20px;background:#1a1a2ef2!important;border:1px solid #6366f14d!important}.result-header[data-v-c66ad302]{text-align:center;margin-bottom:24px}.personality-image-container[data-v-c66ad302]{background:#0003;border-radius:16px;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 12px;display:flex;overflow:hidden}.personality-image[data-v-c66ad302]{object-fit:contain;max-width:100%;max-height:100%}.emoji[data-v-c66ad302]{margin-bottom:12px;font-size:80px;animation:1s infinite bounce-c66ad302}@keyframes bounce-c66ad302{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.result-title[data-v-c66ad302]{color:#6366f1;font-size:20px;font-weight:600}.main-result[data-v-c66ad302]{background:linear-gradient(135deg,#6366f133 0%,#8b5cf633 100%);border:1px solid #6366f14d;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:24px;display:flex}.type-badge[data-v-c66ad302]{flex-direction:column;gap:4px;display:flex}.type-code[data-v-c66ad302]{color:#fff;letter-spacing:2px;font-size:36px;font-weight:900}.type-name[data-v-c66ad302]{color:#a78bfa;font-size:24px;font-weight:600}.match-percentage[data-v-c66ad302]{text-align:center}.percentage[data-v-c66ad302]{color:#6366f1;font-size:48px;font-weight:900;line-height:1;display:block}.label[data-v-c66ad302]{color:#a0a0b0;font-size:14px}.system-remark[data-v-c66ad302],.rarity-badge[data-v-c66ad302],.special-badge[data-v-c66ad302]{text-align:center;margin-bottom:12px}.type-description[data-v-c66ad302]{color:#fff;text-align:center;margin-bottom:12px;font-size:20px;font-weight:600}.type-details[data-v-c66ad302]{color:#a0a0b0;text-align:center;margin-bottom:8px;font-size:15px;line-height:1.8}.section-title[data-v-c66ad302]{color:#fff;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.interpretation-section[data-v-c66ad302]{margin-top:8px}.interpretation-content[data-v-c66ad302]{background:#6366f11a;border-radius:12px;padding:16px}.interpretation-item[data-v-c66ad302]{color:#c0c0d0;margin-bottom:8px;padding-left:16px;font-size:14px;line-height:1.8;position:relative}.interpretation-item[data-v-c66ad302]:before{content:"•";color:#6366f1;position:absolute;left:0}.interpretation-item[data-v-c66ad302]:last-child{margin-bottom:0}.dimensions-section[data-v-c66ad302]{margin-top:8px}.dimensions-list[data-v-c66ad302]{flex-direction:column;gap:12px;display:flex}.dimension-item[data-v-c66ad302]{background:#ffffff08;border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.dimension-info[data-v-c66ad302]{justify-content:space-between;align-items:center;display:flex}.dimension-label[data-v-c66ad302]{align-items:center;gap:8px;display:flex}.dimension-icon[data-v-c66ad302]{font-size:16px}.dimension-name[data-v-c66ad302]{color:#c0c0d0;font-size:14px}.dimension-values[data-v-c66ad302]{align-items:center;gap:8px;display:flex}.dimension-score[data-v-c66ad302]{color:#6366f1;font-size:14px;font-weight:600}.dimension-level[data-v-c66ad302]{text-align:center;min-width:28px}.remarks-section[data-v-c66ad302]{margin-top:8px}.remarks-content[data-v-c66ad302]{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:12px;padding:16px}.remark-item[data-v-c66ad302]{color:#d4d4d8;margin-bottom:8px;padding-left:20px;font-size:14px;line-height:1.8;position:relative}.remark-item[data-v-c66ad302]:before{content:"💡";position:absolute;left:0}.remark-item[data-v-c66ad302]:last-child{margin-bottom:0}.warning-card[data-v-c66ad302]{margin-bottom:20px;background:#f59e0b1a!important;border:1px solid #f59e0b4d!important}.warning-content[data-v-c66ad302]{align-items:flex-start;gap:12px;display:flex}.warning-text[data-v-c66ad302]{flex:1}.warning-title[data-v-c66ad302]{color:#f59e0b;margin-bottom:4px;font-size:14px;font-weight:600}.warning-text p[data-v-c66ad302]:last-child{color:#f59e0b;opacity:.9;font-size:13px;line-height:1.6}.author-card[data-v-c66ad302]{margin-bottom:24px;background:#1a1a2ecc!important;border:1px solid #ffffff1a!important}.author-content[data-v-c66ad302]{background:#0003;border-radius:12px;padding:16px}.author-text[data-v-c66ad302]{color:#9090a0;margin-bottom:12px;font-size:13px;line-height:1.8}.author-text[data-v-c66ad302]:last-child{margin-bottom:0}.author-text strong[data-v-c66ad302]{color:#f472b6}.action-buttons[data-v-c66ad302]{gap:12px;margin-bottom:40px;display:flex}.action-btn[data-v-c66ad302]{flex:1;height:56px;font-size:17px;font-weight:600;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)!important;border:none!important;border-radius:12px!important}.action-btn.secondary[data-v-c66ad302]{background:#ffffff1a!important;border:1px solid #fff3!important}.share-content[data-v-c66ad302]{padding:8px}.share-text[data-v-c66ad302]{color:#a0a0b0;margin-bottom:12px;font-size:14px}.share-link[data-v-c66ad302]{flex-direction:column;gap:12px;display:flex}.copy-btn[data-v-c66ad302]{width:100%}.copy-success[data-v-c66ad302]{text-align:center;color:#10b981;margin-top:12px;font-size:14px}@media (width<=768px){.result-view[data-v-c66ad302]{padding-top:20px}.main-result[data-v-c66ad302]{text-align:center;flex-direction:column;gap:20px}.type-code[data-v-c66ad302]{font-size:28px}.type-name[data-v-c66ad302]{font-size:20px}.percentage[data-v-c66ad302]{font-size:36px}.action-buttons[data-v-c66ad302]{flex-direction:column}}.wiki-view[data-v-83762b8b]{justify-content:center;align-items:flex-start;min-height:calc(100vh - 40px);padding-top:40px;padding-bottom:60px;display:flex}.content-wrapper[data-v-83762b8b]{width:100%;max-width:960px;padding:0 20px}.wiki-header[data-v-83762b8b]{text-align:center;margin-bottom:32px}.wiki-title[data-v-83762b8b]{color:#fff;justify-content:center;align-items:center;gap:12px;margin-bottom:8px;font-size:32px;font-weight:700;display:flex}.wiki-subtitle[data-v-83762b8b]{color:#a0a0b0;font-size:16px}.filter-section[data-v-83762b8b]{gap:16px;margin-bottom:20px;display:flex}.search-input[data-v-83762b8b]{flex:1}.filter-select[data-v-83762b8b]{width:160px}.rarity-legend[data-v-83762b8b]{background:#ffffff0d;border-radius:8px;align-items:center;gap:16px;margin-bottom:24px;padding:12px 16px;display:flex}.legend-title[data-v-83762b8b]{color:gray;font-size:14px}.legend-item[data-v-83762b8b]{align-items:center;gap:6px;display:flex}.legend-dot[data-v-83762b8b]{border-radius:50%;width:10px;height:10px}.legend-label[data-v-83762b8b]{color:#a0a0a0;font-size:13px}.rarity-nav[data-v-83762b8b]{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:16px;display:flex}.rarity-nav-item[data-v-83762b8b]{cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;transition:all .2s;display:flex}.rarity-nav-item[data-v-83762b8b]:hover{background:#ffffff1a;transform:translateY(-2px)}.rarity-nav-item.rarity-common[data-v-83762b8b]:hover{border-color:#22c55e}.rarity-nav-item.rarity-rare[data-v-83762b8b]:hover{border-color:#3b82f6}.rarity-nav-item.rarity-epic[data-v-83762b8b]:hover{border-color:#a855f7}.rarity-nav-item.rarity-legendary[data-v-83762b8b]:hover{border-color:#f59e0b}.nav-dot[data-v-83762b8b]{border-radius:50%;width:12px;height:12px}.nav-label[data-v-83762b8b]{color:#e0e0e0;font-size:14px;font-weight:500}.personalities-by-rarity[data-v-83762b8b]{flex-direction:column;gap:32px;display:flex}.rarity-section[data-v-83762b8b]{flex-direction:column;gap:16px;display:flex}.rarity-section-title[data-v-83762b8b]{background:#ffffff0d;border-left:4px solid;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:18px;font-weight:600;display:flex}.rarity-section-title.legendary[data-v-83762b8b]{color:#f59e0b;background:#f59e0b1a;border-left-color:#f59e0b}.rarity-section-title.epic[data-v-83762b8b]{color:#a855f7;background:#a855f71a;border-left-color:#a855f7}.rarity-section-title.rare[data-v-83762b8b]{color:#3b82f6;background:#3b82f61a;border-left-color:#3b82f6}.rarity-section-title.common[data-v-83762b8b]{color:#22c55e;background:#22c55e1a;border-left-color:#22c55e}.rarity-icon[data-v-83762b8b]{font-size:20px}.rarity-count[data-v-83762b8b]{opacity:.7;margin-left:auto;font-size:14px;font-weight:400}.personalities-grid[data-v-83762b8b]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.personality-card[data-v-83762b8b]{cursor:pointer;transition:all .2s;background:#1a1a2ecc!important;border:1px solid #ffffff1a!important}.personality-card[data-v-83762b8b]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.personality-card.rarity-common[data-v-83762b8b]{border-color:#22c55e!important}.personality-card.rarity-rare[data-v-83762b8b]{border-color:#3b82f6!important}.personality-card.rarity-epic[data-v-83762b8b]{border-color:#a855f7!important}.personality-card.rarity-legendary[data-v-83762b8b]{box-shadow:0 0 20px #f59e0b33;border-color:#f59e0b!important}.card-image-container[data-v-83762b8b]{background:linear-gradient(135deg,#6366f11a 0%,#a855f71a 100%);border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:120px;margin-bottom:12px;padding:8px;display:flex;overflow:hidden}.card-image[data-v-83762b8b]{object-fit:contain;filter:drop-shadow(0 4px 8px #0000004d);border-radius:12px;width:100%;height:auto;max-height:140px}.card-header[data-v-83762b8b]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-emoji[data-v-83762b8b]{font-size:36px}.card-body[data-v-83762b8b]{margin-bottom:12px}.card-code[data-v-83762b8b]{color:#fff;margin-bottom:4px;font-size:20px;font-weight:700}.card-name[data-v-83762b8b]{color:#a78bfa;margin-bottom:8px;font-size:14px}.card-desc[data-v-83762b8b]{color:gray;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-footer[data-v-83762b8b]{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.rarity-rank[data-v-83762b8b]{color:#606060;font-size:12px}.rarity-percent[data-v-83762b8b]{color:#6366f1;font-size:12px;font-weight:600}.back-btn-top[data-v-83762b8b]{border-radius:8px;width:100%;height:44px;margin-bottom:20px;background:#ffffff14!important;border:1px solid #ffffff26!important}.back-btn-top[data-v-83762b8b]:hover{background:#ffffff1f!important}.detail-content[data-v-83762b8b]{padding:8px}.detail-image-container[data-v-83762b8b]{background:linear-gradient(135deg,#6366f11a 0%,#a855f71a 100%);border:1px solid #ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:200px;margin-bottom:20px;padding:16px;display:flex;overflow:hidden}.detail-image[data-v-83762b8b]{object-fit:contain;filter:drop-shadow(0 4px 12px #0006);border-radius:12px;width:100%;height:auto;max-height:220px}.detail-header[data-v-83762b8b]{align-items:center;gap:16px;margin-bottom:20px;display:flex}.detail-emoji[data-v-83762b8b]{font-size:64px}.detail-title h2[data-v-83762b8b]{color:#fff;margin-bottom:8px;font-size:24px}.detail-description[data-v-83762b8b]{color:#a78bfa;margin-bottom:12px;font-size:16px;font-weight:600}.detail-details[data-v-83762b8b]{color:#a0a0b0;margin-bottom:16px;font-size:14px;line-height:1.8}.detail-section[data-v-83762b8b]{margin-bottom:20px}.detail-section h4[data-v-83762b8b]{color:#6366f1;margin-bottom:12px;font-size:14px;font-weight:600}.detail-section ul[data-v-83762b8b]{padding:0;list-style:none}.detail-section li[data-v-83762b8b]{color:#c0c0d0;margin-bottom:8px;padding-left:16px;font-size:13px;line-height:1.8;position:relative}.detail-section li[data-v-83762b8b]:before{content:"•";color:#6366f1;position:absolute;left:0}@media (width<=768px){.personalities-grid[data-v-83762b8b]{grid-template-columns:repeat(2,1fr)}.filter-section[data-v-83762b8b]{flex-direction:column}.filter-select[data-v-83762b8b]{width:100%}}