.screen-enter-active,.screen-leave-active{transition:opacity .35s,transform .35s}.screen-enter-from{opacity:0;transform:translateY(16px)}.screen-leave-to{opacity:0;transform:translateY(-12px)}.card-enter-active,.card-leave-active{transition:opacity .3s,transform .3s}.card-enter-from{opacity:0;transform:translate(40px)}.card-leave-to{opacity:0;transform:translate(-40px)}:root{--accent:#6c8d71;--accent-strong:#4d6a53;--accent-light:#8bb092;--bg:#f6faf6;--panel:#fff;--text:#1e2a22;--text-secondary:#6a786f;--line:#dbe8dd;--soft:#edf6ef;--shadow:0 16px 40px #2f493714;--shadow-sm:0 4px 12px #2f49370f;--radius:22px;--radius-sm:14px;--max-w:680px;--font:-apple-system, "PingFang SC", "Helvetica Neue", "Noto Sans SC", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);color:var(--text);background:radial-gradient(circle at 0 0,#f8fff8 0,#f6faf6 36%,#f2f7f3 100%);min-height:100dvh;line-height:1.7;overflow-x:hidden}.app-container{min-height:100dvh}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.screen{max-width:var(--max-w);margin:0 auto;padding:40px 24px 80px}.screen:has(.result-wrap){max-width:980px;padding:24px 16px 56px}.screen:has(.test-page){max-width:none;padding:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.intro-hero{text-align:center;padding:40px 0 24px;position:relative}.intro-glow{pointer-events:none;background:radial-gradient(circle,#6c8d711f 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.intro-slogan{color:var(--accent-strong);letter-spacing:.5px;margin-bottom:16px;font-size:1.4rem;font-weight:800;position:relative}.intro-title{flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.title-sbti{letter-spacing:8px;color:var(--accent-strong);font-size:3.2rem;font-weight:900;line-height:1.15}.title-sub{color:var(--text);letter-spacing:10px;margin-top:2px;font-size:1.3rem;font-weight:600}.intro-tagline{color:var(--text-secondary);margin-top:12px;font-size:.82rem;font-weight:400}.intro-badges{justify-content:center;gap:8px;margin-top:16px;display:flex}.intro-badge{background:var(--soft);color:var(--accent-strong);border-radius:20px;padding:5px 14px;font-size:.78rem;font-weight:600;display:inline-block}.intro-badge.secondary{color:var(--accent-strong);background:#6c8d7114}.intro-highlight{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);justify-content:center;align-items:center;gap:0;margin-top:20px;padding:18px 0;display:flex}.highlight-item{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.highlight-num{color:var(--accent-strong);font-size:1.8rem;font-weight:900;line-height:1}.highlight-label{color:var(--text-secondary);font-size:.72rem;font-weight:500}.highlight-divider{background:var(--line);width:1px;height:32px}.intro-info{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-top:16px;padding:20px 22px}.info-title{color:var(--accent-strong);margin-bottom:12px;font-size:.85rem;font-weight:700}.info-items{flex-direction:column;gap:8px;display:flex}.info-item{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:.85rem;line-height:1.5;display:flex}.info-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:7px}.btn-primary{border-radius:var(--radius);background:var(--accent-strong);color:#fff;letter-spacing:1px;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:24px;padding:16px 0;font-size:1.05rem;font-weight:700;transition:background .2s,transform .1s;display:flex}.btn-primary:hover{background:#3d5a43}.btn-primary:active{transform:scale(.98)}.btn-arrow{font-size:1.2rem;transition:transform .2s}.btn-primary:hover .btn-arrow{transform:translate(4px)}.test-page{flex-direction:column;min-height:100dvh;display:flex}.test-content{flex-direction:column;flex:1;width:100%;max-width:600px;margin:0 auto;padding:20px 24px;display:flex}.test-header{align-items:center;gap:8px;margin-bottom:0;display:flex}.test-header-spacer{flex:1}.test-brand{letter-spacing:4px;color:var(--accent-strong);font-size:1.4rem;font-weight:900}.test-brand-sub{color:var(--text-secondary);letter-spacing:1px;font-size:1rem;font-weight:500}.test-version-tag{color:var(--accent-strong);letter-spacing:.5px;background:#6c8d711f;border-radius:6px;padding:2px 8px;font-size:.62rem;font-weight:700}.test-domain-tag{color:var(--accent);letter-spacing:1.5px;background:#6c8d7114;border:1px solid #6c8d711f;border-radius:10px;padding:5px 14px;font-size:.85rem;font-weight:700}.test-dim-card{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;margin-bottom:12px;padding:12px 16px}.test-divider{background:var(--line);opacity:.5;height:1px;margin:14px 0}.test-dim-main{align-items:center;gap:6px;margin-bottom:4px;display:flex}.test-dim-model{font-size:.82rem;font-weight:700}.test-dim-sep{color:var(--text-secondary);opacity:.4;font-size:.75rem}.test-dim-name{color:var(--text);font-size:.82rem;font-weight:600}.test-dim-desc{color:var(--text-secondary);opacity:.5;font-size:.7rem}.test-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 6px 24px #2f49370a}.test-card-progress{background:var(--line);height:6px}.test-card-progress-fill{background:linear-gradient(90deg, var(--accent-light), var(--accent-strong));border-radius:0 3px 3px 0;height:100%;transition:width .4s}.test-card-body{padding:24px}.test-card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.test-q-num{color:var(--accent);letter-spacing:1px;opacity:.5;font-size:.75rem;font-weight:800}.test-card-pct{color:var(--accent-strong);opacity:.5;font-size:.72rem;font-weight:700}.test-q-text{color:var(--text);margin:0 0 28px;font-size:1.2rem;font-weight:800;line-height:1.7}.test-options{flex-direction:column;gap:10px;display:flex}.test-opt{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);width:100%;color:var(--text);text-align:left;cursor:pointer;align-items:center;gap:14px;padding:16px 20px;font-size:.92rem;line-height:1.5;transition:all .2s;display:flex}.test-opt-key{background:var(--soft);width:30px;height:30px;color:var(--accent-strong);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;transition:all .2s;display:inline-flex}.test-opt-label{flex:1}.test-opt:hover{border-color:var(--accent);background:var(--soft);transform:translateY(-2px);box-shadow:0 4px 12px #2f49370f}.test-opt:hover .test-opt-key{background:var(--accent-strong);color:#fff}.test-opt:active{box-shadow:none;transform:scale(.98)}.test-opt-selected{border-color:var(--accent-strong);background:var(--soft)}.test-opt-selected .test-opt-key{background:var(--accent-strong);color:#fff}.test-nav{gap:10px;margin-top:16px;display:flex}.test-nav-btn{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text-secondary);cursor:pointer;flex:1;padding:13px 0;font-size:.88rem;font-weight:600;transition:all .2s}.test-nav-btn:disabled{opacity:.3;cursor:not-allowed}.test-nav-btn:not(:disabled):hover{border-color:var(--accent);color:var(--text)}.test-nav-next{background:var(--accent-strong);color:#fff;border-color:var(--accent-strong)}.test-nav-next:disabled{opacity:.35}.test-nav-next:not(:disabled):hover{color:#fff;background:#3d5a43;border-color:#3d5a43}.test-footer{text-align:center;margin-top:20px}.test-mode-bar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.test-mode-toggle{color:var(--accent-strong);cursor:pointer;background:#6c8d7114;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.test-mode-toggle:hover{background:#6c8d7126}.test-mode-icon{font-size:.85rem}.test-mode-progress{color:var(--text-secondary);opacity:.6;font-size:.75rem;font-weight:700}.test-all-progress{background:var(--line);border-radius:2px;height:4px;margin-bottom:16px}.test-all-progress-fill{background:linear-gradient(90deg, var(--accent-light), var(--accent-strong));border-radius:2px;height:100%;transition:width .3s}.test-all-list{flex-direction:column;gap:14px;padding-bottom:60px;display:flex}.test-all-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px 16px;transition:border-color .2s}.test-all-item-answered{border-color:#6c8d714d}.test-all-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.test-all-qnum{color:var(--accent);background:var(--soft);border-radius:6px;padding:3px 10px;font-size:.72rem;font-weight:800}.test-all-dim{color:var(--text-secondary);opacity:.6;font-size:.68rem}.test-all-text{color:var(--text);margin:0 0 12px;font-size:.95rem;font-weight:700;line-height:1.6}.test-all-options{flex-direction:column;gap:6px;display:flex}.test-all-opt{border:1.5px solid var(--line);background:var(--panel);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;transition:all .15s;display:flex}.test-all-opt:hover{border-color:var(--accent);background:var(--soft)}.test-all-opt-key{background:var(--soft);width:24px;height:24px;color:var(--accent-strong);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;transition:all .15s;display:inline-flex}.test-all-opt-selected{border-color:var(--accent-strong);background:var(--soft)}.test-all-opt-selected .test-all-opt-key{background:var(--accent-strong);color:#fff}.test-all-submit{justify-content:center;margin-top:20px;display:flex;position:sticky;bottom:16px}.test-all-submit .test-nav-btn{flex:none;padding:13px 40px}.test-footer-hint{color:var(--text-secondary);opacity:.5;margin-bottom:6px;font-size:.75rem;display:block}.test-footer-meta{color:var(--text-secondary);opacity:.3;letter-spacing:.5px;justify-content:center;gap:6px;font-size:.68rem;display:flex}.resume-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.resume-dialog{background:var(--panel);border-radius:var(--radius);width:100%;max-width:360px;padding:28px 24px 20px;box-shadow:0 20px 60px #00000026}.resume-title{color:var(--text);margin-bottom:10px;font-size:1.1rem;font-weight:800}.resume-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.88rem;line-height:1.6}.resume-actions{gap:10px;display:flex}.resume-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:12px 0;font-size:.9rem;font-weight:700;transition:all .2s}.resume-btn-continue{background:var(--accent-strong);color:#fff}.resume-btn-continue:hover{background:#3d5a43}.resume-btn-restart{background:var(--soft);color:var(--text)}.resume-btn-restart:hover{background:var(--line)}.modal-enter-active,.modal-leave-active{transition:opacity .25s}.modal-enter-from,.modal-leave-to{opacity:0}.submit-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.submit-dialog{background:var(--panel);border-radius:var(--radius);text-align:center;width:100%;max-width:360px;padding:28px 24px 20px;box-shadow:0 20px 60px #00000026}.submit-dialog-icon{justify-content:center;margin-bottom:16px;display:flex}.submit-dialog-title{color:var(--text);margin-bottom:10px;font-size:1.1rem;font-weight:800}.submit-dialog-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.85rem;line-height:1.6}.submit-dialog-actions{gap:10px;display:flex}.submit-dialog-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:12px 0;font-size:.88rem;font-weight:700;transition:all .2s}.submit-dialog-cancel{background:var(--soft);color:var(--text)}.submit-dialog-cancel:hover{background:var(--line)}.submit-dialog-confirm{background:var(--accent-strong);color:#fff}.submit-dialog-confirm:hover{background:#3d5a43}.submit-mbti-section{text-align:center;border-top:1px dashed #e0e0e0;margin:18px 0 12px;padding-top:16px}.submit-mbti-label{color:#999;letter-spacing:.3px;margin-bottom:12px;font-size:12px}.submit-mbti-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.submit-mbti-chip{cursor:pointer;color:#666;-webkit-user-select:none;user-select:none;text-align:center;background:#fafafa;border:1.5px solid #e8e8e8;border-radius:6px;padding:5px 0;font-size:12px;font-weight:500;transition:all .15s}.submit-mbti-chip:hover{border-color:var(--accent-light);background:#f0f5f0}.submit-mbti-chip.active{background:var(--accent-strong);color:#fff;border-color:var(--accent-strong);box-shadow:0 2px 8px #4d6a5340}.result-header{background:var(--panel);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 20px;display:flex;box-shadow:0 2px 8px #2f49370f}.result-header-title{color:var(--text);letter-spacing:.04em;font-size:15px;font-weight:800}.result-header-domain{color:var(--accent-strong);background:var(--soft);border:1px solid var(--line);letter-spacing:.5px;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.result-wrap{margin-top:0}.result-wrap>.card{padding:22px}.result-layout{gap:18px;display:grid}.result-top{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:18px;display:grid}.poster-box,.type-box,.analysis-box,.dim-box{border:1px solid var(--line);background:linear-gradient(#fff,#fbfdfb);border-radius:18px;padding:18px}.poster-box{background:radial-gradient(circle at 100% 0,#7fa58629,#7fa58600 40%),linear-gradient(#fff,#f7fbf8);grid-template-rows:1fr auto;min-height:280px;display:grid;position:relative;overflow:hidden}.poster-box:after{content:"";pointer-events:none;background:linear-gradient(#7fa5861f,#7fa58603);border-radius:50%;width:140px;height:140px;position:absolute;bottom:-46px;right:-46px}.poster-image{object-fit:contain;z-index:1;background:#ffffffbf;border-radius:18px;width:100%;min-height:220px;max-height:460px;position:relative}.poster-box.no-image .poster-image{display:none}.poster-caption{color:var(--text-secondary);z-index:1;text-align:center;margin-top:14px;font-size:14px;line-height:1.8;position:relative}.type-kicker{color:var(--accent-strong);letter-spacing:.06em;margin-bottom:8px;font-size:12px}.type-name{letter-spacing:-.03em;color:var(--text);font-size:clamp(30px,5vw,48px);font-weight:800;line-height:1.08}.match{background:var(--soft);border:1px solid var(--line);color:var(--accent-strong);border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:10px 14px;font-size:14px;font-weight:700;line-height:1.4;display:inline-flex}.type-subname{color:var(--text-secondary);margin-top:10px;font-size:14px;line-height:1.8}.analysis-box h3,.dim-box h3{margin-bottom:12px;font-size:16px;font-weight:700}.analysis-box p{color:#304034;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.9}.dim-list{gap:12px;display:grid}.dim-item{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px}.dim-item-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.dim-item-name{color:var(--text);font-size:14px;font-weight:700}.dim-item-score{color:var(--accent-strong);white-space:nowrap;font-size:14px;font-weight:800}.dim-item p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.8}.disclaimer-box{background:#faf8f2;border:1px solid #ece7d8;border-radius:14px;padding:22px 20px}.disclaimer-title{color:var(--text);margin:0 0 14px;font-size:16px;font-weight:700}.disclaimer-box p{color:#6b6b5e;margin:0;font-size:14px;line-height:1.85}.disclaimer-box p+p{margin-top:12px}.disclaimer-footer{letter-spacing:.05em;text-align:center;font-weight:700;color:var(--accent-strong)!important;margin-top:18px!important;font-size:13px!important}.quote-box{border:1px solid var(--line);text-align:center;background:linear-gradient(135deg,#f8fbf9,#f3f7f4);border-radius:18px;padding:28px 24px 22px;position:relative}.quote-mark{color:var(--accent);opacity:.25;pointer-events:none;font-family:Georgia,serif;font-size:52px;line-height:1;position:absolute;top:-6px;left:20px}.quote-text{color:var(--text);margin:0;font-size:16px;font-style:italic;font-weight:600;line-height:1.8}.model-box{border:1px solid var(--line);background:linear-gradient(#fff,#fbfdfb);border-radius:18px;padding:18px}.model-box h3{margin-bottom:14px;font-size:16px;font-weight:700}.model-bars{gap:12px;display:grid}.model-bar-row{align-items:center;gap:10px;display:flex}.model-bar-label{color:var(--text);text-align:right;flex:0 0 72px;font-size:13px;font-weight:600}.model-bar-track{background:var(--soft);border:1px solid var(--line);border-radius:7px;flex:1;height:14px;overflow:hidden}.model-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:7px;height:100%;transition:width .6s}.model-bar-val{color:var(--accent-strong);text-align:right;flex:0 0 38px;font-size:13px;font-weight:700}.dim-reading-box{border:1px solid var(--line);background:linear-gradient(#fff,#fbfdfb);border-radius:18px;padding:18px}.dim-reading-box h3{margin-bottom:14px;font-size:16px;font-weight:700}.dim-reading-item{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:8px;padding:8px 0;display:flex}.dim-reading-item:last-child{border-bottom:none}.dim-reading-label{color:var(--text);flex:none;font-size:13px;font-weight:700}.dim-reading-level{letter-spacing:.05em;border-radius:6px;flex:none;padding:2px 8px;font-size:11px;font-weight:700}.dim-reading-level.level-H{color:#2e7d32;background:#e8f5e9}.dim-reading-level.level-M{color:#f57f17;background:#fff8e1}.dim-reading-level.level-L{color:#c62828;background:#fce4ec}.dim-reading-text{color:var(--text-secondary);flex:200px;font-size:13px;line-height:1.7}.match-pair-box{border:1px solid var(--line);background:linear-gradient(#fff,#fbfdfb);border-radius:18px;padding:18px}.match-pair-box h3{margin-bottom:14px;font-size:16px;font-weight:700}.match-pair-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.match-pair-card{text-align:center;border-radius:14px;padding:16px}.match-pair-card.best{background:#f0f7f1;border:1px solid #c8e6c9}.match-pair-card.worst{background:#fdf2f2;border:1px solid #ffcdd2}.match-pair-tag{margin-bottom:8px;font-size:13px;font-weight:700}.match-pair-card.best .match-pair-tag{color:#2e7d32}.match-pair-card.worst .match-pair-tag{color:#c62828}.match-pair-type{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:800;line-height:1.3}.match-pair-why{color:var(--text-secondary);font-size:13px;line-height:1.6}.celeb-box{border:1px solid var(--line);background:linear-gradient(#fff,#fbfdfb);border-radius:18px;padding:18px}.celeb-box h3{margin-bottom:14px;font-size:16px;font-weight:700}.celeb-list{gap:10px;display:grid}.celeb-item{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:baseline;gap:10px;padding:10px 14px;display:flex}.celeb-name{color:var(--accent-strong);flex:none;font-size:15px;font-weight:700}.celeb-why{color:var(--text-secondary);font-size:13px;line-height:1.6}.mbti-combo-box{border:1px solid var(--line);background:linear-gradient(135deg,#f8fbf9,#f3f8f4);border-radius:18px;padding:18px}.mbti-combo-box h3{margin-bottom:6px;font-size:16px;font-weight:700}.mbti-combo-hint{color:var(--text-secondary);margin:0 0 14px;font-size:13px;line-height:1.6}.mbti-selector{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.mbti-chip{border:1px solid var(--line);color:var(--text-secondary);cursor:pointer;letter-spacing:.5px;-webkit-user-select:none;user-select:none;background:#fff;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s}.mbti-chip:hover{border-color:var(--accent);color:var(--accent-strong)}.mbti-chip.active{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff;box-shadow:0 4px 12px #4d6a5333}.mbti-combo-result{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;animation:.35s comboFadeIn}@keyframes comboFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.combo-tag-row{justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.combo-tag{white-space:nowrap;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.mbti-tag{color:#1565c0;background:#e3f2fd}.sbti-tag{background:var(--soft);color:var(--accent-strong)}.combo-tag-x{color:var(--text-secondary);font-size:14px;font-weight:800}.combo-title{color:var(--text);margin-bottom:6px;font-size:20px;font-weight:800;line-height:1.3}.combo-vibe{color:var(--accent-strong);margin-bottom:12px;padding:4px 0;font-size:13px;font-weight:600}.combo-desc{color:#304034;margin:0;font-size:14px;line-height:1.85}.combo-meta{border-top:1px solid var(--line);color:var(--text-secondary);flex-wrap:wrap;gap:6px 16px;margin-top:14px;padding-top:12px;font-size:12px;display:flex}.combo-meta span{white-space:nowrap}.mbti-combo-empty{text-align:center;color:var(--text-secondary);padding:20px;font-size:14px}.egg-box{border:1px solid var(--line);background:linear-gradient(135deg,#fffde7,#fff8e1);border-color:#fff0b3;border-radius:18px;padding:18px}.egg-box h3{margin-bottom:10px;font-size:16px;font-weight:700}.egg-text{color:#5d4037;margin:0;font-size:15px;font-weight:500;line-height:1.8}.tips-box{border:1px solid var(--line);background:linear-gradient(#fff,#fbfdfb);border-radius:18px;padding:18px}.tips-box h3{margin-bottom:14px;font-size:16px;font-weight:700}.tips-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tips-list li{color:#304034;padding-left:22px;font-size:14px;line-height:1.8;position:relative}.tips-list li:before{content:"💡";font-size:13px;position:absolute;top:0;left:0}.result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:22px;display:flex}.btn-secondary{color:var(--accent-strong);border:1px solid var(--line);font-weight:700;font-size:inherit;cursor:pointer;background:#fff;border-radius:14px;padding:14px 20px;transition:transform .16s,box-shadow .16s}.btn-secondary:hover{transform:translateY(-1px)}.btn-primary-sm{background:var(--accent-strong);color:#fff;font-weight:700;font-size:inherit;cursor:pointer;border:none;border-radius:14px;padding:14px 20px;transition:transform .16s,box-shadow .16s;box-shadow:0 12px 30px #4d6a532e}.btn-primary-sm:hover{transform:translateY(-1px)}@media (width<=860px){.result-top{grid-template-columns:1fr}}.footer{text-align:center;color:var(--text-secondary);opacity:.7;margin-top:28px;padding-bottom:24px;font-size:.78rem}.footer-domain{letter-spacing:2px;color:var(--accent-strong);background:#6c8d711f;border:1px solid #6c8d7133;border-radius:10px;margin-bottom:6px;padding:5px 18px;font-size:.82rem;font-weight:800;display:inline-block}.footer a{color:var(--accent);text-decoration:none}.analyzing-page{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.analyzing-content{text-align:center;width:100%;max-width:400px}.analyzing-icon{width:80px;height:80px;margin:0 auto 24px;position:relative}.analyzing-ring{border:2.5px solid #0000;border-radius:50%;position:absolute;inset:0}.analyzing-ring-1{border-top-color:var(--accent-strong);animation:1.4s linear infinite analyzeRing}.analyzing-ring-2{border-right-color:var(--accent);animation:1.8s linear infinite reverse analyzeRing;inset:8px}.analyzing-ring-3{border-bottom-color:var(--accent-light);animation:2.2s linear infinite analyzeRing;inset:16px}.analyzing-dot{background:var(--accent-strong);border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite analyzePulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes analyzeRing{to{transform:rotate(360deg)}}@keyframes analyzePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.analyzing-title{color:var(--text);margin-bottom:28px;font-size:1.15rem;font-weight:800}.analyzing-steps{text-align:left;flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.analyzing-step{color:var(--text-secondary);opacity:.35;align-items:center;gap:10px;font-size:.82rem;transition:all .4s;display:flex}.analyzing-step.active{opacity:1;color:var(--accent-strong);font-weight:600}.analyzing-step.done{opacity:.6;color:var(--accent)}.analyzing-step-icon{text-align:center;width:1.2em;font-size:.9rem}.analyzing-bar{background:var(--line);border-radius:2px;height:4px;margin-bottom:16px;overflow:hidden}.analyzing-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:2px;height:100%;transition:width .1s linear}.analyzing-hint{color:var(--text-secondary);opacity:.5;font-size:.75rem}.btn-history{border:1.5px solid var(--line);border-radius:var(--radius);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;margin-top:10px;padding:12px 0;font-size:.88rem;font-weight:600;transition:border-color .2s,color .2s;display:block}.btn-history:hover{border-color:var(--accent);color:var(--accent-strong)}.history-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.history-back{border:1px solid var(--line);background:var(--panel);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:border-color .2s}.history-back:hover{border-color:var(--accent);color:var(--accent-strong)}.history-title{color:var(--text);margin:0;font-size:1.1rem;font-weight:800}.history-empty{text-align:center;color:var(--text-secondary);padding:60px 0}.empty-icon{margin-bottom:12px;font-size:2.5rem}.empty-hint{opacity:.6;margin-top:6px;font-size:.82rem}.history-list{flex-direction:column;gap:14px;display:flex}.history-card{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:16px;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden}.history-card:hover{border-color:var(--accent-light);transform:translateY(-2px);box-shadow:0 6px 24px #2f493714}.history-card-accent{width:100%;height:4px}.history-card-body{align-items:center;gap:14px;padding:14px 16px;display:flex}.history-card-img{object-fit:cover;background:var(--soft);border-radius:12px;flex-shrink:0;width:52px;height:52px}.history-card-info{flex:1;min-width:0}.history-card-name{color:var(--text);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.history-code{letter-spacing:.5px;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:800}.history-card-meta{color:var(--text-secondary);align-items:center;gap:10px;margin-top:4px;font-size:.78rem;display:flex}.history-match{font-weight:600}.history-delete{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:8px;flex-shrink:0;font-size:1.1rem;transition:opacity .2s,background .2s}.history-delete:hover{opacity:1;color:#c83c3c;background:#c83c3c14}@media (width<=600px){.screen{padding:24px 16px 60px}.screen:has(.test-page){padding:0}.screen:has(.result-wrap){padding:14px 12px 42px}.result-wrap>.card{padding:16px}.intro-slogan{font-size:1.15rem}.title-sbti{font-size:2.6rem}.title-sub{letter-spacing:8px;font-size:1.1rem}.highlight-num{font-size:1.5rem}.test-content{padding:24px 16px 16px}.test-question-text{font-size:1.15rem}.test-option{padding:15px 18px;font-size:.9rem}.match-pair-grid{grid-template-columns:1fr}.match-pair-type{font-size:16px}.model-bar-label{flex:0 0 60px;font-size:12px}.dim-reading-item{gap:6px}.quote-box{padding:22px 16px 18px}}.namecard-section{margin-top:20px}.namecard-section h3{margin-bottom:14px;font-size:16px;font-weight:800}.namecard{background:#fff;border-radius:16px;max-width:360px;margin:0 auto;overflow:hidden;box-shadow:0 4px 24px #00000014}.namecard-bar{width:100%;height:6px}.namecard-body{text-align:center;padding:28px 24px 20px}.namecard-emoji{margin-bottom:4px;font-size:32px}.namecard-avatar{object-fit:cover;object-position:center;border:3px solid #f0f5f0;border-radius:20px;width:160px;height:160px;margin:0 auto 16px;display:block;box-shadow:0 6px 20px #0000001a}.namecard-code{letter-spacing:2px;margin-bottom:2px;font-size:28px;font-weight:900}.namecard-name{color:var(--text);margin-bottom:6px;font-size:22px;font-weight:800}.namecard-intro{color:var(--text-secondary);margin-bottom:10px;font-size:13px;font-style:italic}.namecard-match{margin-bottom:6px;font-size:15px;font-weight:800}.namecard-remark{color:var(--text-secondary);margin-bottom:16px;font-size:12px}.namecard-models{margin:16px 0}.namecard-model-row{align-items:center;gap:6px;margin-bottom:8px;display:flex}.namecard-model-icon{flex-shrink:0;font-size:14px}.namecard-model-label{color:var(--text);text-align:left;flex:0 0 56px;font-size:12px;font-weight:600}.namecard-model-track{background:#eee;border-radius:4px;flex:1;height:8px;overflow:hidden}.namecard-model-fill{border-radius:4px;height:100%;transition:width .4s}.namecard-model-val{color:var(--text);text-align:right;flex:0 0 36px;font-size:12px;font-weight:700}.namecard-egg{color:#8b7a5e;margin-top:14px;font-size:13px;font-style:italic;line-height:1.5}.namecard-footer{color:#aaa;border-top:1px dashed #e0e0e0;flex-direction:column;gap:4px;margin-top:18px;padding-top:12px;font-size:11px;display:flex}.namecard-domain{color:var(--accent-strong);letter-spacing:.5px;font-size:13px;font-weight:700}.namecard-save-btn{border:2px solid var(--accent-strong);color:var(--accent-strong);cursor:pointer;background:0 0;border-radius:24px;margin:16px auto 0;padding:10px 28px;font-size:14px;font-weight:700;transition:all .2s;display:block}.namecard-save-btn:hover{background:var(--accent-strong);color:#fff}.share-toast-overlay{z-index:9999;background:#00000040;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.share-toast-box{color:var(--accent-strong);background:#fff;border-radius:16px;padding:20px 32px;font-size:16px;font-weight:700;box-shadow:0 8px 32px #00000026}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}