:root{color:#352417;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#352417;--muted:#7b6650;--sky:#d7edf2;--sky-deep:#a8ccd6;--sage:#b8d4ad;--sage-deep:#7ca06d;--leaf:#4f8a3e;--leaf-dark:#315d2c;--paper:#f8edcf;--paper-light:#fff8df;--paper-deep:#ead49d;--wood:#684125;--wood-dark:#3f2819;--wood-soft:#8a5b35;--amber:#c8782e;--amber-dark:#8f431c;--gold-line:#b99763;--line:#4c2f193d;--shadow:0 16px 38px #3623122e;background:#d7edf2;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 22% 9%,#ffffff94,#0000 13%),radial-gradient(circle at 82% 10%,#ffffff6b,#0000 16%),linear-gradient(#c6e4ee 0%,#dbeff0 45%,#c8ddb7 76%,#a9cf8f 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.13;background-color:#0000;background-image:linear-gradient(90deg,#ffffff1a 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}button{font:inherit}.app-shell{width:min(980px,100% - 32px);margin:0 auto;padding:18px 0 52px}.sbti-shell{width:min(940px,100% - 24px)}.sbti-topbar{z-index:20;color:#fff2d2;box-shadow:0 6px 0 #3522123d, var(--shadow);background:linear-gradient(#704829 0%,#55351f 58%,#422817 100%);border:3px solid #2f1c10;border-radius:18px;grid-template-columns:auto auto auto auto 1fr;align-items:center;gap:20px;margin-bottom:18px;padding:12px 14px;display:grid;position:sticky;top:0}.logo-mark{color:#fff2d2;background:linear-gradient(#6aa052,#376c32);border:3px solid #25481f;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;font-weight:1000;display:inline-flex;box-shadow:inset 0 3px #ffffff3b,0 3px #00000029}.sbti-topbar b,.sbti-topbar span,.language-pill{color:#fff2d2;letter-spacing:.02em;text-shadow:0 2px #00000029;font-weight:900}.language-pill{color:var(--wood-dark);cursor:pointer;text-shadow:none;background:linear-gradient(#f6e3b4,#d6a15b);border:2px solid #3a2415;border-radius:14px;justify-self:end;padding:10px 16px}.eyebrow{color:#8b6543;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:1000}.intro-card,.panel,.wizard-shell,.wizard-card,.progress-panel,.stage-result-card,.result-hero,.collapsible-dimensions{background:var(--paper);border:3px solid var(--gold-line);box-shadow:0 6px 0 #63441f24, var(--shadow);border-radius:24px}.sbti-intro-card{background:radial-gradient(circle at 86% 18%,#f2d17e8c,#0000 27%),linear-gradient(#fbf1d2 0%,#f3dfae 100%);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;min-height:380px;padding:clamp(24px,6vw,52px);display:grid}.sbti-intro-card h1{max-width:740px;color:var(--wood-dark);letter-spacing:-.05em;margin:0 0 16px;font-size:clamp(36px,8vw,74px);line-height:1.05}.sbti-intro-card p,.wizard-shell p,.panel p,.result-hero p,.collapsible-dimensions small{color:var(--muted);line-height:1.7}.primary-btn,.ghost-btn{cursor:pointer;border:2px solid #623017;border-radius:16px;padding:13px 22px;font-weight:1000;transition:transform .16s,opacity .16s,box-shadow .16s}.primary-btn{color:#fff5d7;text-shadow:0 2px #00000024;background:linear-gradient(#d89243 0%,#bd6427 58%,#8d3f1a 100%);box-shadow:inset 0 3px #ffffff3d,0 5px #562b114d}.ghost-btn{color:var(--wood-dark);background:linear-gradient(#fff8e4,#e7d2a3);border-color:#ad8952}.primary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.primary-btn:disabled,.ghost-btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.final-gender-question{background:#fff8dcb8;border:2px solid #4d331f2e;border-radius:18px;margin:18px 0 14px;padding:16px;box-shadow:inset 0 1px #ffffff94}.final-gender-question h3{color:var(--wood-dark);margin:0 0 6px;font-size:1.12rem}.final-gender-question p{margin:0 0 12px}.final-gender-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.final-gender-option{cursor:pointer;color:inherit;text-align:left;background:#ffffff94;border:2px solid #5a3e243d;border-radius:14px;padding:12px 10px;transition:transform .16s,border-color .16s,background .16s}.final-gender-option:hover{background:#ffffffc7;transform:translateY(-1px)}.final-gender-option.active{background:#def5dbdb;border-color:#46874ad1}.final-gender-option b,.final-gender-option small{display:block}.final-gender-option b{margin-bottom:4px;font-size:1rem}.final-gender-option small{color:#402b1aad;line-height:1.35}.primary-btn.gender-required{opacity:.58;filter:grayscale(.25);cursor:not-allowed}.completion-badge{color:var(--wood-dark);background:linear-gradient(#efd68f,#d8aa54);border:2px solid #a77733;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:10px 16px;font-weight:1000;display:inline-flex;box-shadow:inset 0 2px #ffffff3d}.wizard-shell{background:linear-gradient(#fbefca,#ecd7a4);gap:16px;padding:clamp(16px,4vw,30px);display:grid}.wizard-title-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.wizard-title-row h1{color:var(--wood-dark);letter-spacing:-.04em;margin:0;font-size:clamp(28px,5vw,50px);line-height:1.08}.progress-panel{background:#fbf0d1;border-color:#c7a269;padding:clamp(14px,3vw,22px);box-shadow:inset 0 2px #ffffff52}.progress-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:18px;display:grid}.progress-head strong{color:var(--wood-soft);font-size:22px}.progress-bar{background:#f1ddb0;border:2px solid #9e733e;border-radius:999px;height:16px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#7fb1bd,#568d99 55%,#7da768);height:100%;transition:width .22s;display:block}.question-dots{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.question-dot{cursor:pointer;background:#f7e8bd;border:2px solid #b99b68;border-radius:6px;width:18px;height:18px;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}.question-dot.active{background:#d9e9eb;border-color:#5e8997;transform:scale(1.12);box-shadow:0 0 0 6px #6089962e}.wizard-card{background:#fff6d9;border-color:#caa86d;padding:clamp(18px,4vw,34px);box-shadow:inset 0 3px #ffffff57}.wizard-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-weight:900;display:flex}.question-index{color:#fff4d2;background:linear-gradient(#6fa45b,#47763d);border:2px solid #335b2d;border-radius:14px;justify-content:center;align-items:center;padding:9px 14px;font-weight:1000;display:inline-flex;box-shadow:inset 0 2px #ffffff38}.wizard-card h2{color:#2c1d12;letter-spacing:-.025em;margin:0 0 20px;font-size:clamp(20px,4.2vw,30px);line-height:1.42}.wizard-options{gap:12px;display:grid}.wizard-option{min-height:64px;color:var(--ink);cursor:pointer;text-align:left;background:linear-gradient(#fffaf0,#f4e2bc);border:3px solid #c9ad79;border-radius:18px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:14px;padding:14px 18px;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:grid}.wizard-option:hover{border-color:#8a9d68;transform:translateY(-1px)}.wizard-option.active{background:linear-gradient(#edf5f3,#d6e8e7);border-color:#5e8997;box-shadow:0 5px #32586224}.option-radio{background:#fffaf0;border:3px solid #a8834c;border-radius:8px;width:26px;height:26px}.wizard-option b{color:#915330;min-width:24px;font-size:20px}.wizard-option span:last-child{font-size:18px;font-weight:900;line-height:1.35}.wizard-help{margin:14px 0 0;font-size:13px}.wizard-nav-row,.action-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.stage-result-card{background:radial-gradient(circle at 86% 0,#7da6b252,#0000 25%),#fff6d9;padding:clamp(22px,5vw,36px)}.stage-result-card h2{color:var(--wood-dark);letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(30px,6vw,54px)}.ranking-table{gap:10px;margin:16px 0;display:grid}.ranking-row{background:#fff6d9;border:2px solid #c9a66f;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.rank-number{color:#fff4d2;background:linear-gradient(#704829,#4d2f1b);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:1000;display:inline-flex}.ranking-row small{color:var(--muted);font-weight:700;display:block}.rank-score{color:#915330;font-size:22px;font-weight:1000}.result-page{gap:20px;display:grid}.sbti-capture-card{box-shadow:var(--shadow);background:radial-gradient(circle at 88% 18%,#729caa38,#0000 25%),linear-gradient(#fbf0cd,#ecd5a0);border:3px solid #c7a269;border-radius:28px;gap:20px;padding:clamp(16px,4vw,30px);display:grid}.result-hero{box-shadow:none}.sbti-result-card{background:0 0;border:0;grid-template-columns:minmax(280px,1.1fr) minmax(260px,.9fr);gap:20px;padding:clamp(16px,4vw,28px);display:grid}.result-image-panel,.result-info-panel{background:#fff6d9;border:3px solid #c7a269;border-radius:22px;padding:clamp(18px,4vw,30px)}.result-image-panel{text-align:center}.result-image-panel p:first-child{color:var(--muted);margin-top:0;font-size:22px}.result-image-panel h2{color:var(--wood-dark);letter-spacing:-.07em;margin:8px 0 0;font-size:clamp(34px,8vw,66px);line-height:1}.green-code,.result-code{color:#5e8997;box-shadow:none;letter-spacing:.02em;text-shadow:0 3px #ffffffb8;background:0 0;border:0;margin:8px auto 18px;font-size:clamp(40px,10vw,82px);font-weight:1000;line-height:1;display:block}.personality-image-frame{background:linear-gradient(#dcebed,#fff6d9);border:3px solid #c7a269;border-radius:22px;place-items:center;width:min(360px,100%);min-height:300px;margin:0 auto 16px;display:grid;position:relative;overflow:hidden}.personality-image-frame img{z-index:2;object-fit:contain;background:0 0;width:100%;height:100%;padding:16px;position:absolute;inset:0}.personality-placeholder{color:var(--muted);text-align:center;place-items:center;gap:10px;padding:24px;display:grid}.personality-placeholder span{color:#fff4d2;background:linear-gradient(#6aa052,#376c32);border:3px solid #25481f;border-radius:24px;place-items:center;width:112px;height:112px;font-size:30px;font-weight:1000;display:grid}.personality-placeholder b{color:var(--wood-dark);font-size:24px}.personality-placeholder small{max-width:250px;line-height:1.5}.result-slogan{font-size:18px;font-weight:1000;color:#915330!important}.result-info-panel h3{color:var(--wood-dark);letter-spacing:-.04em;margin:4px 0 16px;font-size:clamp(30px,7vw,52px)}.match-pill{color:var(--wood-dark);background:linear-gradient(#efd68f,#d8aa54);border:2px solid #a77733;border-radius:999px;margin:16px 0;padding:12px 18px;font-size:17px;font-weight:1000;display:inline-flex}.secondary-text{margin-bottom:0}.compact-ranking-panel{box-shadow:none}.collapsible-dimensions{box-shadow:var(--shadow);overflow:hidden}.collapsible-dimensions summary{cursor:pointer;color:var(--wood-dark);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-weight:1000;list-style:none;display:flex}.collapsible-dimensions summary::-webkit-details-marker{display:none}.collapsible-dimensions summary:after{content:"展开";color:var(--wood-dark);background:#efd68f;border:2px solid #a77733;border-radius:999px;flex-shrink:0;padding:7px 12px;font-size:13px}.collapsible-dimensions[open] summary:after{content:"收起"}.collapsible-dimensions summary small{color:var(--muted);font-weight:700}.collapsible-body{padding:0 18px 18px}.dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dimension-card{background:#fff6d9;border:2px solid #c7a269;border-radius:16px;padding:14px}.dimension-title,.dimension-scale{justify-content:space-between;gap:10px;display:flex}.dimension-title span{color:#915330;font-weight:1000}.dimension-scale{color:var(--muted);margin:9px 0;font-size:12px}.bar-track{background:#ead6a6;border-radius:999px;height:10px;overflow:hidden}.bar-fill{border-radius:inherit;height:100%}.bar-fill.positive{background:#6f9860}.bar-fill.negative{background:#5e8997}.dimension-card p{color:var(--muted);margin:8px 0 0;font-size:13px}@media (width<=760px){.app-shell,.sbti-shell{width:min(100% - 20px,940px);padding-top:8px}.sbti-topbar{grid-template-columns:auto 1fr auto;gap:12px;padding:10px 12px}.sbti-topbar span:not(.logo-mark),.language-pill{display:none}.logo-mark{width:42px;height:42px}.sbti-intro-card,.wizard-title-row,.sbti-result-card{grid-template-columns:1fr}.wizard-shell{gap:14px;padding:16px}.wizard-title-row{gap:10px}.wizard-title-row h1{font-size:clamp(26px,8vw,40px)}.progress-head{gap:10px;margin-bottom:14px}.progress-head strong{font-size:19px}.question-dot{width:16px;height:16px}.wizard-card,.wizard-shell{border-radius:22px}.wizard-meta{align-items:flex-start;margin-bottom:14px}.wizard-card h2{margin-bottom:16px;font-size:clamp(19px,5.4vw,25px);line-height:1.42}.wizard-option{border-radius:16px;grid-template-columns:auto auto minmax(0,1fr);min-height:60px;padding:12px 14px}.wizard-option span:last-child{font-size:17px}.dimension-grid,.result-grid{grid-template-columns:1fr}.action-row{grid-template-columns:1fr;display:grid}.action-row .primary-btn,.action-row .ghost-btn{width:100%}}@media (width<=420px){.question-dots{gap:7px}.question-dot{border-width:2px;width:14px;height:14px}.wizard-option{grid-template-columns:auto minmax(0,1fr)}.wizard-option b{display:none}.personality-image-frame{min-height:250px}}.sbti-topbar b,.sbti-topbar span,.language-pill{font-size:18px}.eyebrow{letter-spacing:.14em;font-size:11px}.sbti-intro-card h1{font-size:clamp(30px,7vw,58px);line-height:1.08}.sbti-intro-card p,.wizard-shell p,.panel p,.result-hero p{font-size:16px}.primary-btn,.ghost-btn{font-size:18px}.wizard-title-row h1{font-size:clamp(24px,4.6vw,40px)}.completion-badge{font-size:17px}.progress-head strong{font-size:18px}.wizard-card h2{letter-spacing:-.01em;font-size:clamp(18px,3.4vw,24px);line-height:1.42}.wizard-option span:last-child{font-size:16px;line-height:1.32}.wizard-option b{font-size:17px}.question-index,.wizard-meta{font-size:15px}.wizard-help{font-size:12px}.stage-result-card h2{font-size:clamp(28px,5vw,44px)}.ranking-row b{font-size:16px}.ranking-row small{font-size:12px}.rank-score,.result-image-panel p:first-child{font-size:18px}.result-image-panel h2{font-size:clamp(30px,7vw,52px)}.green-code,.result-code{font-size:clamp(36px,8vw,66px)}.result-info-panel h3{font-size:clamp(26px,6vw,42px)}.result-slogan,.match-pill{font-size:16px}@media (width<=760px){.app-shell,.sbti-shell{width:min(100% - 18px,940px)}.sbti-topbar b{font-size:17px}.logo-mark{width:38px;height:38px;font-size:22px}.sbti-intro-card{min-height:330px;padding:24px 26px}.sbti-intro-card h1{font-size:clamp(30px,9vw,46px)}.sbti-intro-card p{font-size:16px;line-height:1.62}.wizard-shell{gap:12px;padding:14px}.wizard-title-row h1{font-size:clamp(22px,6.6vw,32px);line-height:1.12}.completion-badge{padding:8px 13px;font-size:15px}.progress-panel{padding:12px 14px}.progress-head strong{font-size:16px}.question-dot{border-radius:5px;width:14px;height:14px}.wizard-card{padding:16px 18px}.wizard-meta{margin-bottom:12px;font-size:14px}.question-index{border-radius:12px;padding:7px 12px;font-size:14px}.wizard-card h2{margin-bottom:14px;font-size:clamp(17px,4.6vw,21px);font-weight:900;line-height:1.38}.wizard-options{gap:10px}.wizard-option{border-width:2px;border-radius:14px;gap:11px;min-height:52px;padding:10px 13px}.option-radio{border-width:3px;border-radius:7px;width:22px;height:22px}.wizard-option span:last-child{font-size:15px;line-height:1.28}.wizard-option b{min-width:18px;font-size:15px}.wizard-help{font-size:12px;line-height:1.55}.primary-btn,.ghost-btn{padding:11px 18px;font-size:16px}}@media (width<=420px){.sbti-topbar{border-radius:16px}.wizard-card h2{font-size:17px}.wizard-option span:last-child{font-size:15px}.wizard-option{min-height:50px}.question-dot{width:12px;height:12px}}.character-builder{gap:14px;margin:14px auto 16px;display:grid}.character-preview-card{background:#ffffffb8;border:1px solid #1e293b1a;border-radius:24px;width:min(380px,100%);margin:0 auto;padding:12px;box-shadow:0 16px 36px #0f172a14,inset 0 1px #ffffffe6}.character-preview-bg{aspect-ratio:1;background:linear-gradient(#f6f7f7,#ecefed);border-radius:18px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.character-preview-bg[data-role=TOXI],.character-preview-bg[data-role=ZAPZ],.character-preview-bg[data-role=HEAL],.character-preview-bg[data-role=STAR],.character-preview-bg[data-role=STAB],.character-preview-bg[data-role=KITE],.character-preview-bg[data-role=SNIP],.character-preview-bg[data-role=SLAY],.character-preview-bg[data-role=SHLD],.character-preview-bg[data-role=POLE],.character-preview-bg[data-role=BRAW],.character-preview-bg[data-role=GUNS]{background:linear-gradient(#f6f7f7,#ecefed)}.msio-character-img{object-fit:contain;object-position:center bottom;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;image-rendering:pixelated;filter:drop-shadow(0 10px #0000001a);display:block;transform:none}.msio-error-card{color:#202124;text-align:center;background:#ffffffdb;border:1px solid #0f172a1f;border-radius:18px;justify-items:center;gap:8px;width:min(260px,86%);padding:18px;display:grid}.msio-error-card b{font-size:16px}.msio-error-card span{color:#7b7f86;font-size:12px;line-height:1.5}.character-builder-controls{text-align:left;background:#ffffffc2;border:1px solid #1e293b1a;border-radius:24px;gap:16px;width:min(560px,100%);margin:0 auto;padding:0;display:grid;overflow:hidden;box-shadow:0 14px 32px #0f172a0f,inset 0 1px #ffffffdb}.character-builder-controls summary{cursor:pointer;list-style:none}.character-builder-controls summary::-webkit-details-marker{display:none}.builder-summary{color:#202124;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;padding:18px 20px;display:grid}.builder-summary b{letter-spacing:-.01em;font-size:17px}.builder-summary span{color:#8a8f98;font-size:13px;font-weight:800;line-height:1.45}.builder-summary:after{content:"展开";color:#3d5f88;background:#eef1f5;border:0;border-radius:999px;grid-area:1/2/span 2;padding:8px 13px;font-size:13px;font-weight:1000}.character-builder-controls[open] .builder-summary:after{content:"收起"}.builder-control-head{justify-content:space-between;align-items:center;gap:12px;padding:0 20px 20px;display:flex}.builder-control-head b{color:#202124;font-size:17px}.builder-button-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.small-btn{border-radius:999px;padding:9px 14px;font-size:13px;font-weight:900}.small-btn.active{color:#31506f;background:#e2f0fff5;border-color:#2d6ba6f2}.builder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 20px 20px;display:grid}.builder-field{gap:7px;display:grid}.builder-field span{color:#9a9da3;font-size:13px;font-weight:900}.builder-field select{color:#202124;width:100%;font:inherit;background:#fff;border:1px solid #1e293b1f;border-radius:16px;padding:12px 14px;font-size:15px;font-weight:900;box-shadow:inset 0 1px #ffffffe6}.builder-note,.exporting-png .character-builder-controls,.exporting-png [data-export-hidden=true],.exporting-png [data-html2canvas-ignore=true]{display:none!important}@media (width<=760px){.character-preview-card{width:min(320px,100%)}.msio-character-img{width:100%;height:100%;transform:none}.builder-summary{grid-template-columns:minmax(0,1fr) auto;padding:16px 18px}.builder-control-head{flex-direction:column;align-items:flex-start;padding:0 18px 18px}.builder-button-row{justify-content:flex-start}.builder-grid{grid-template-columns:1fr;padding:0 18px 18px}}:root{color:#2c2c2c;--ink:#2c2c2c;--muted:#8e8e93;--sky:#f9f9f6;--sky-deep:#f0f1ef;--sage:#eef2ed;--sage-deep:#d9e2dd;--leaf:#52796f;--leaf-dark:#3f665f;--paper:#fff;--paper-light:#fff;--paper-deep:#f7f7f8;--wood:#3a5a80;--wood-dark:#2c2c2c;--wood-soft:#5d6b78;--amber:#3a5a80;--amber-dark:#2f4d72;--gold-line:#e5e5ea;--line:#e5e5ea;--shadow:0 16px 42px #141e2814;--premium-accent:#3a5a80;--premium-accent-hover:#314d70;--premium-soft-accent:#3a5a801a;--premium-bg:#f9f9f6;--premium-card:#fff;--premium-border:#e5e5ea;--premium-border-strong:#d8d8df;background:#f9f9f6}html,body{background:var(--premium-bg)!important}body{color:var(--ink)}body:before{display:none!important}.app-shell,.sbti-shell{width:min(920px,100% - 28px);padding-top:24px}.sbti-topbar{color:var(--ink);-webkit-backdrop-filter:blur(14px);border-radius:22px;grid-template-columns:auto 1fr auto;gap:18px;margin-bottom:28px;padding:18px 22px;top:14px;background:#ffffffe0!important;border:1px solid #e5e5eaeb!important;box-shadow:0 16px 38px #141e2814!important}.logo-mark{color:#fff;border-radius:14px;width:48px;height:48px;text-shadow:none!important;background:linear-gradient(#7fa78d,#52796f)!important;border:0!important;box-shadow:inset 0 1px #ffffff47,0 8px 18px #52796f38!important}.sbti-topbar b,.sbti-topbar span,.language-pill{color:var(--ink)!important;text-shadow:none!important}.sbti-topbar b{letter-spacing:-.01em;font-weight:800}.language-pill{border-radius:999px;padding:9px 14px;color:var(--premium-accent)!important;border:1px solid var(--premium-border)!important;box-shadow:none!important;background:#fff!important}.intro-card,.panel,.wizard-shell,.wizard-card,.progress-panel,.stage-result-card,.result-hero,.collapsible-dimensions,.sbti-capture-card,.result-image-panel,.result-info-panel,.character-preview-card,.character-builder-controls,.dimension-card,.ranking-row{background:var(--premium-card)!important;border:1px solid var(--premium-border)!important;box-shadow:0 14px 36px #141e2812!important}.sbti-capture-card{border-radius:32px;gap:24px;padding:clamp(18px,4vw,34px)}.sbti-result-card{gap:26px;padding:clamp(10px,3vw,18px);box-shadow:none!important;background:0 0!important;border:0!important}.result-image-panel,.result-info-panel{border-radius:28px}.result-image-panel{padding:clamp(24px,5vw,44px)}.result-image-panel p:first-child,.sbti-intro-card p,.wizard-shell p,.panel p,.result-hero p,.collapsible-dimensions small,.secondary-text,.dimension-card p,.ranking-row small,.builder-summary span,.builder-field span,.msio-error-card span{color:var(--muted)!important}.result-image-panel h2,.result-info-panel h3,.stage-result-card h2,.wizard-title-row h1,.wizard-card h2,.sbti-intro-card h1,.collapsible-dimensions summary,.builder-summary b,.builder-control-head b,.rank-score,.dimension-title span{color:var(--ink)!important;text-shadow:none!important}.green-code,.result-code{letter-spacing:.015em;color:var(--premium-accent)!important;text-shadow:none!important}.result-image-panel p:first-child{margin-bottom:10px;font-weight:500}.result-image-panel h2{letter-spacing:-.035em;font-weight:800}.personality-image-frame{border-radius:24px;width:min(390px,100%);min-height:330px;background:linear-gradient(#f2f4f4,#ecefed)!important;border:0!important;box-shadow:inset 0 0 0 1px #e5e5eab3,0 14px 30px #141e2812!important}.personality-image-frame img{padding:18px}.character-preview-card{border-radius:28px;width:min(420px,100%);padding:14px}.character-preview-bg{border-radius:22px;background:linear-gradient(#f3f5f4,#ecefed)!important}.character-preview-bg[data-role]{background:linear-gradient(#f3f5f4,#ecefed)!important}.msio-character-img{filter:drop-shadow(0 14px 12px #141e2821)}.character-builder-controls{border-radius:26px;width:min(560px,100%);overflow:hidden}.builder-summary{padding:18px 20px}.builder-summary:after,.collapsible-dimensions summary:after{color:var(--premium-accent)!important;background:var(--premium-soft-accent)!important;box-shadow:none!important;border:0!important}.builder-control-head{padding:4px 20px 0}.builder-grid{padding:0 20px 20px}.builder-field select{min-height:48px;color:var(--ink);border-radius:16px;box-shadow:0 1px #141e2805;border:1px solid var(--premium-border)!important;background:#fff!important}.primary-btn,.ghost-btn,.small-btn{border-radius:16px;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;box-shadow:none!important;text-shadow:none!important;border-width:1px!important}.primary-btn{color:#fff!important;background:var(--premium-accent)!important;border-color:var(--premium-accent)!important}.primary-btn:hover{background:var(--premium-accent-hover)!important;border-color:var(--premium-accent-hover)!important;box-shadow:0 8px 20px #3a5a802e!important}.ghost-btn{color:var(--premium-accent)!important;border-color:var(--premium-accent)!important;background:0 0!important}.ghost-btn:hover{background:var(--premium-soft-accent)!important}.completion-badge,.match-pill,.question-index,.rank-number{color:#fff!important;background:var(--premium-accent)!important;box-shadow:none!important;text-shadow:none!important;border:0!important}.progress-panel{border-radius:22px}.progress-bar{height:10px;background:#edf0f2!important;border:0!important}.progress-bar span{background:var(--premium-accent)!important}.question-dot{border-radius:999px;border:1px solid var(--premium-border-strong)!important;background:#fff!important}.question-dot.answered{background:var(--premium-accent)!important;border-color:var(--premium-accent)!important}.question-dot.active{border-color:var(--premium-accent)!important;box-shadow:0 0 0 5px var(--premium-soft-accent)!important;background:#fff!important}.wizard-shell,.wizard-card,.stage-result-card,.collapsible-dimensions{border-radius:28px}.wizard-option{border-radius:18px;border:1px solid var(--premium-border)!important;box-shadow:none!important;background:#fff!important}.wizard-option:hover{background:#fbfcfd!important;border-color:#3a5a806b!important}.wizard-option.active{border-color:var(--premium-accent)!important;background:var(--premium-soft-accent)!important;box-shadow:0 10px 22px #3a5a8014!important}.option-radio{border-radius:999px;border:1px solid var(--premium-border-strong)!important;background:#fff!important}.wizard-option.active .option-radio{background:var(--premium-accent)!important;border-color:var(--premium-accent)!important;box-shadow:inset 0 0 0 5px #fff!important}.wizard-option b{color:var(--premium-accent)!important}.collapsible-dimensions,.dimension-card,.ranking-row{border-radius:20px}.bar-track{background:#edf0f2!important}.bar-fill.positive,.bar-fill.negative{background:var(--premium-accent)!important}@media (width<=760px){.app-shell,.sbti-shell{width:min(100% - 22px,920px);padding-top:14px}.sbti-topbar{border-radius:20px;margin-bottom:22px;padding:14px 16px;top:10px}.logo-mark{border-radius:13px;width:42px;height:42px}.sbti-capture-card{border-radius:28px;padding:14px}.sbti-result-card{gap:18px;padding:0}.result-image-panel,.result-info-panel{border-radius:26px;padding:22px 18px}.personality-image-frame{border-radius:22px;width:min(100%,420px);min-height:300px}.character-preview-card{border-radius:26px;width:min(100%,390px)}.character-builder-controls{border-radius:24px}.builder-button-row{grid-template-columns:1fr 1fr;width:100%;display:grid}.builder-button-row .small-btn{width:100%}}@media (width<=420px){.sbti-shell,.app-shell{width:min(100% - 16px,920px)}.result-image-panel{padding:20px 14px}.personality-image-frame{min-height:278px}}.character-preview-card{contain:layout paint;margin-inline:auto;width:min(420px,100%)!important;max-width:420px!important}.character-preview-bg{aspect-ratio:1;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex!important}.msio-character-img{image-rendering:pixelated;flex:0 auto;display:block;object-fit:contain!important;object-position:center bottom!important;width:auto!important;min-width:0!important;max-width:96%!important;height:96%!important;min-height:0!important;max-height:96%!important}.result-capture-card.msci-export-mode,.sbti-capture-card.msci-export-mode{width:var(--msci-export-width,auto)!important;min-width:var(--msci-export-width,auto)!important;max-width:none!important;overflow:visible!important}.result-capture-card.msci-export-mode .result-image-panel,.sbti-capture-card.msci-export-mode .result-image-panel,.result-capture-card.msci-export-mode .result-info-panel,.sbti-capture-card.msci-export-mode .result-info-panel{min-width:0!important}.result-capture-card.msci-export-mode .character-preview-card,.sbti-capture-card.msci-export-mode .character-preview-card{width:var(--msci-character-card-width,min(420px, 100%))!important;max-width:var(--msci-character-card-width,420px)!important}.result-capture-card.msci-export-mode .character-preview-bg,.sbti-capture-card.msci-export-mode .character-preview-bg{aspect-ratio:1;width:var(--msci-character-bg-size,100%)!important;height:var(--msci-character-bg-size,auto)!important}.sbti-topbar{grid-template-columns:auto 1fr!important}.sbti-topbar .logo-mark+b{justify-self:start}.sbti-topbar>span,.sbti-topbar>.language-pill{display:none!important}.sbti-intro-card>div{min-width:0}.sbti-intro-card>div:before{content:"";filter:drop-shadow(0 18px 22px #1f181029);background-image:url(/assets/msci-class-heroes.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;width:min(100%,760px);height:clamp(145px,24vw,260px);margin:0 auto 26px;display:block}.mode-aware-intro>div:before{content:none!important;display:none!important}.intro-heroes-banner{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 22px #1f181029);width:min(100%,760px);max-height:260px;margin:0 auto 26px;display:block}.msci-mode-china .intro-heroes-banner{content:url(/MSCI/assets/team-figure.png?v=team-figure-20260502);object-fit:contain;object-position:center bottom;width:min(100%,760px);max-height:260px}.banner-fallback{background-image:url(/assets/msci-class-heroes.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;height:clamp(145px,24vw,260px)}.msci-mode-china .banner-fallback{background-image:url(/MSCI/assets/team-figure.png?v=team-figure-20260502)}.mode-note{color:#191f25ad!important;margin-top:12px!important;font-size:.95rem!important;line-height:1.7!important}.mode-selector{background:#ffffffb3;border:1px solid #2434411a;border-radius:24px;margin-top:22px;padding:18px;box-shadow:inset 0 1px #ffffffbf}.mode-selector-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}.mode-selector-head h2{letter-spacing:-.02em;margin:2px 0 0;font-size:clamp(1.1rem,2.8vw,1.35rem)}.mode-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mode-option{appearance:none;color:#1d2730;text-align:left;cursor:pointer;background:#ffffffd1;border:1px solid #30496024;border-radius:18px;gap:10px;padding:14px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid}.mode-option:hover,.mode-option:focus-visible{border-color:#3f648961;outline:none;transform:translateY(-1px);box-shadow:0 14px 32px #1f31421f}.mode-option.active{color:#fff;background:linear-gradient(135deg,#446b94f5,#2f5176f5);border-color:#284a6f8c;box-shadow:0 16px 34px #34577c38}.mode-option-main{gap:5px;display:grid}.mode-option-main b{font-size:1rem}.mode-option-main small{color:currentColor;opacity:.72;line-height:1.45}.mode-badge{letter-spacing:.03em;background:#1c293614;border-radius:999px;justify-self:start;padding:5px 9px;font-size:.75rem;font-weight:800}.mode-option.active .mode-badge{background:#fff3}.msci-mode-china .primary-btn{background:linear-gradient(135deg,#496d98,#2f5278)}.pirate-character-builder{width:100%}.pirate-character-builder .builder-preview-frame{place-items:center;min-height:250px;display:grid}.pirate-character-builder .msio-character-img{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 18px 20px #121d2a33);width:min(260px,80vw);max-height:250px}.pirate-character-builder .builder-summary{text-align:center;margin-top:8px}@media (width>=761px){.sbti-intro-card{grid-template-columns:minmax(0,1fr) auto}.intro-heroes-banner,.sbti-intro-card>div:before{margin-left:0}}@media (width<=760px){.intro-heroes-banner{max-height:210px;margin-bottom:20px}.msci-mode-china .intro-heroes-banner{max-height:210px}.banner-fallback,.sbti-intro-card>div:before{height:210px;margin-bottom:20px}.mode-selector{border-radius:20px;padding:14px}.mode-option-grid{grid-template-columns:1fr}}.export-share-stage{pointer-events:none;z-index:-1;width:1080px;height:1920px;position:fixed;top:0;left:-1400px;overflow:hidden}.export-share-card{box-sizing:border-box;color:#2c1d12;background:#fff;border:0;border-radius:0;width:1080px;height:1920px;padding:58px 62px 52px;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.export-card-header{text-align:center;margin-bottom:24px}.export-card-header p,.export-role-name{color:#6f7b82;letter-spacing:.06em;margin:0 0 8px;font-size:24px;font-weight:900}.export-card-header h1{color:#2c1d12;letter-spacing:-.04em;margin:0;font-size:54px;line-height:1.08}.export-hero-card,.export-mini-panel{box-shadow:none;background:#fff;border:2px solid #ececec;border-radius:40px}.export-hero-card{grid-template-columns:340px minmax(0,1fr);align-items:center;gap:30px;min-height:390px;padding:30px 34px;display:grid}.export-character-frame{background:#fff;border:2px solid #efefef;border-radius:34px;place-items:center;width:306px;height:306px;margin:0 auto;display:grid;overflow:hidden}.export-character-frame .clean-character-builder,.export-character-frame .character-builder,.export-character-frame .pirate-character-builder,.export-character-frame .fast-character-builder,.export-character-frame .character-preview-card,.export-character-frame .character-preview-bg,.export-character-frame .builder-preview-frame{width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:32px!important;margin:0!important;padding:0!important;overflow:hidden!important}.export-character-frame .character-preview-bg,.export-character-frame .builder-preview-frame{place-items:center!important;display:grid!important}.export-character-frame img,.export-character-frame .msio-character-img{image-rendering:pixelated;object-fit:contain!important;object-position:center bottom!important;transform-origin:bottom!important;filter:none!important;width:auto!important;max-width:132%!important;height:auto!important;max-height:132%!important;display:block!important;transform:scale(1.08)!important}.export-character-frame .character-builder-controls,.export-character-frame .builder-summary,.export-character-frame .builder-loading,.export-character-frame .builder-error,.export-character-frame .builder-note{display:none!important}.export-result-side{min-width:0}.export-result-side h2{color:#2c1d12;letter-spacing:-.07em;word-break:keep-all;margin:0;font-size:66px;line-height:1.04}.export-result-side strong{color:#3d6187;letter-spacing:.02em;margin:10px 0 14px;font-size:100px;line-height:.95;display:block}.export-slogan{color:#6f7b82;margin:0 0 20px;font-size:25px;font-weight:900;line-height:1.38}.export-match-pill{color:#fff;white-space:nowrap;background:linear-gradient(#456d9a,#31577f);border-radius:999px;justify-content:center;align-items:center;max-width:100%;padding:16px 24px;font-size:24px;font-weight:1000;display:inline-flex}.export-description{color:#59666e;margin:26px 6px;font-size:29px;font-weight:800;line-height:1.48}.export-rank-grid{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px;display:grid}.export-mini-panel{padding:24px}.export-mini-panel h4{color:#2c1d12;letter-spacing:-.04em;margin:0 0 17px;font-size:31px;line-height:1.15}.export-mini-list{gap:12px;display:grid}.export-mini-row{background:#fff;border:2px solid #efefef;border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-height:76px;padding:12px 14px;display:grid}.export-mini-row>span{color:#fff;background:linear-gradient(#456d9a,#31577f);border-radius:17px;justify-content:center;align-items:center;width:50px;height:50px;font-size:21px;font-weight:1000;display:inline-flex}.export-mini-row b{color:#2c1d12;text-overflow:ellipsis;white-space:nowrap;font-size:23px;line-height:1.14;display:block;overflow:hidden}.export-mini-row small{color:#707b82;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:18px;font-weight:800;line-height:1.2;display:block;overflow:hidden}.export-footer{color:#59666e;background:#fff;border:2px solid #efefef;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:20px 26px;font-size:23px;font-weight:900;display:flex}.export-footer span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.export-footer span:last-child{flex-shrink:0}.exporting-png .export-share-stage{z-index:1}.export-character-frame{padding-top:6px}.export-character-frame img,.export-character-frame .msio-character-img{object-position:center center!important;transform-origin:50%!important;max-width:126%!important;max-height:126%!important;transform:translateY(14px)scale(1.01)!important}.duck-author-widget{right:max(16px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:90;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed}.duck-author-widget details{position:relative}.duck-author-widget summary{color:#2c1d12;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff8e1f0;border:2px solid #2c1d1238;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:8px 14px 8px 8px;list-style:none;display:inline-flex;box-shadow:0 10px 28px #2c1d1229}.duck-author-widget summary::-webkit-details-marker{display:none}.duck-author-icon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:0;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffffb3}.duck-author-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.duck-author-name{letter-spacing:.01em;white-space:nowrap;font-size:14px;font-weight:1000}.duck-author-links{background:#fff8e1fa;border:2px solid #2c1d122e;border-radius:18px;gap:8px;min-width:150px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 16px 34px #2c1d122e}.duck-author-links a{color:#2c1d12;background:#ffffffb8;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:1000;text-decoration:none;display:block}.duck-author-links a:hover{background:#eef6ef}.wizard-meta span:not(.question-index),.exporting-png .duck-author-widget{display:none!important}@media (width<=520px){.duck-author-widget{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom))}.duck-author-name{display:none}.duck-author-widget summary{padding:7px}.duck-author-links{min-width:132px;right:0}}.export-footer span:last-child{flex-shrink:0;align-items:center;gap:10px;font-size:0;display:inline-flex}.export-footer span:last-child:before{content:"";background:#fff url(/assets/icon.jpg) 50%/cover no-repeat;border-radius:50%;flex:0 0 28px;width:28px;height:28px;display:inline-block;box-shadow:inset 0 0 0 1px #efefef}.export-character-frame{box-sizing:border-box!important;padding:16px!important;overflow:hidden!important}.export-character-frame .clean-character-builder,.export-character-frame .character-builder,.export-character-frame .pirate-character-builder,.export-character-frame .fast-character-builder,.export-character-frame .character-preview-card,.export-character-frame .character-preview-bg,.export-character-frame .builder-preview-frame{box-sizing:border-box!important;width:100%!important;height:100%!important;overflow:hidden!important}.export-character-frame img,.export-character-frame .msio-character-img{object-fit:contain!important;object-position:center center!important;transform-origin:50%!important;filter:none!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:100%!important;transform:none!important}.export-footer span:last-child{flex-shrink:0!important;align-items:center!important;gap:10px!important;font-size:0!important;display:inline-flex!important;overflow:visible!important}.export-footer span:last-child:before{content:""!important;opacity:1!important;filter:none!important;background-blend-mode:normal!important;width:34px!important;height:34px!important;box-shadow:none!important;background-color:#0000!important;background-image:url(/assets/icon.jpg?v=author-avatar-2)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border:0!important;border-radius:50%!important;flex:0 0 34px!important;display:inline-block!important}.export-footer span:last-child:after{content:"@奇怪小鸭"!important;color:#59666e!important;font-size:23px!important;font-weight:900!important;line-height:1!important}