:root{--ink:#252521;--muted:#77736b;--red:#e60012;--line:#29241917;--paper:#fcfbf8;--accent:#e60012;font-family:Gugu Sans,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);font-size:15px;line-height:1.7;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#eeeae3}
*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.32;cursor:default}button:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}button:focus:not(:focus-visible){outline:none}h1:focus,h2:focus{outline:none}img,svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Gugu Display,'Songti SC',serif;font-weight:600}[hidden]{display:none!important}::selection{background:#e6001224}
.experience{min-height:100svh;padding:16px;background:#eeeae3}
.surface{max-width:1160px;min-height:calc(100svh - 32px);margin:auto;border:1px solid #fff;border-radius:28px;background:var(--paper);overflow:hidden;box-shadow:0 20px 60px -48px #47352d55}
.entry{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 34px);align-items:center;gap:24px;padding:64px clamp(32px,6vw,80px)}
.entry-copy{position:relative;z-index:1}.meta{font-size:13px;letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums}
.entry h1{font-family:Arial,Gugu Sans,sans-serif;font-size:clamp(72px,10vw,132px);letter-spacing:-.065em;font-weight:500;line-height:1.08;margin:24px 0 14px}.entry h1.scl-title{font-size:clamp(64px,8vw,104px)}
.entry-name{font-family:Gugu Display,serif;font-size:25px;letter-spacing:.04em}.entry-note{font-size:14px;color:var(--muted);margin-top:16px;max-width:360px;line-height:1.9}
.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:50px;border-radius:100px;padding:12px 27px;border:1px solid transparent;font-size:14px;font-weight:500;transition:background .18s,transform .18s}
.primary{background:var(--ink);color:#fff}.primary:hover:not(:disabled){background:#414139;transform:translateY(-1px)}.secondary{background:none;border-color:#29241924}.secondary:hover{background:#eeebe5}.entry .primary{margin-top:38px;min-width:164px}.arrow{font-family:Arial,sans-serif;font-size:19px;font-weight:400}
.entry-art{position:relative;min-height:430px;align-self:stretch;display:flex;align-items:center;justify-content:center;isolation:isolate}
.character-group{position:relative;width:100%;height:390px}.character-group img{position:absolute;height:280px;width:46%;object-fit:contain;object-position:bottom}.character-group img:nth-child(1){left:-2%;bottom:50px;transform:rotate(-8deg)}.character-group img:nth-child(2){left:27%;bottom:5px;height:355px;z-index:2}.character-group img:nth-child(3){right:-5%;bottom:36px;transform:rotate(7deg)}

.question-layout{max-width:760px;margin:auto;padding:36px 36px 64px;min-height:calc(100svh - 34px);display:flex;flex-direction:column}.question-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.text-button{border:0;background:none;padding:10px 0;font-size:13px;min-height:44px;color:var(--muted)}.text-button:hover{color:var(--ink)}.counter{font-variant-numeric:tabular-nums;font-size:14px;color:var(--muted)}.counter strong{color:var(--ink);font-weight:500}.progress{height:2px;background:#e8e4dc;margin-top:9px;overflow:hidden}.progress span{display:block;height:100%;background:var(--red);transition:width .2s}
.question-body{margin:auto 0;padding:54px 0 44px}.question-context{font-size:13px;color:var(--muted);margin-bottom:18px;letter-spacing:.03em}.question-body h1{font-size:clamp(25px,3.8vw,34px);line-height:1.65;letter-spacing:.015em;min-height:76px}.options{border:0;margin:28px 0 0;padding:0;display:grid;gap:12px;min-width:0}.option{position:relative;display:flex;gap:16px;align-items:center;min-height:70px;padding:17px 21px;border:1px solid #ddd8ce;border-radius:16px;cursor:pointer;background:transparent;transition:background .15s,border-color .15s;line-height:1.8}.option:hover{background:#f3f0e9;border-color:#bfb6a8}.option:has(input:checked){border-color:var(--red);background:#e6001205}.option:has(input:focus-visible){outline:2px solid var(--red);outline-offset:3px}.option input{appearance:none;-webkit-appearance:none;flex:0 0 18px;width:18px;height:18px;border:1px solid #b8b1a5;border-radius:50%;margin:0;background:none;display:grid;place-content:center}.option input:checked{border-color:var(--red)}.option input:checked:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--red)}.option-label{font-size:15px}.scl-options{grid-template-columns:repeat(5,1fr);gap:9px}.scl-options .option{padding:18px 7px;flex-direction:column;gap:10px;min-height:96px}.scl-options .option-label{font-size:14px}.question-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px}.question-navigation .text-button{font-size:14px;min-width:74px;text-align:left}.question-navigation .primary{min-width:135px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.result{max-width:940px;margin:auto;padding:48px 44px 128px}.result-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;min-height:370px}.result-kicker{font-size:13px;color:var(--muted);letter-spacing:.08em}.type-code{font-family:Arial,sans-serif;font-size:clamp(76px,10vw,112px);letter-spacing:-.055em;line-height:1.1;margin:14px 0}.result h1{font-size:36px;letter-spacing:.05em}.result-intro{font-size:14px;line-height:2;color:#656158;margin-top:20px;max-width:450px}.result-character{width:100%;height:350px;object-fit:contain;object-position:center bottom}.result-art{position:relative;isolation:isolate}
.section{margin-top:44px;padding-top:32px;border-top:1px solid var(--line)}.section-title{font-size:21px;letter-spacing:.03em;margin-bottom:26px}.axis-list{display:grid;gap:23px}.axis-head{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:9px;font-variant-numeric:tabular-nums}.axis-head .muted{color:#8c877c}.axis-track{height:7px;display:flex;gap:3px;overflow:hidden;border-radius:9px;background:#e6e0d5}.axis-track span{display:block;background:var(--accent);border-radius:9px;min-width:0}.axis-track span+span{background:#dcd5c8}.axis-label{font-size:12px;color:var(--muted);margin-top:6px}.insights{display:grid;grid-template-columns:1fr 1fr;gap:48px}.insights h2{font-size:21px;margin-bottom:19px}.traits{list-style:none;margin:0;padding:0;display:grid;gap:13px}.traits li{position:relative;padding-left:15px;font-size:14px;color:#656158}.traits li:before{content:'';width:4px;height:4px;background:var(--accent);position:absolute;left:0;top:11px;border-radius:50%}.insights p{font-size:14px;color:#656158;line-height:2}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}.result-links{display:flex;gap:26px;margin-top:12px}.atlas summary{cursor:pointer;font-family:Gugu Display,serif;font-size:21px;padding:0 0 8px;list-style:none;display:flex;align-items:center;justify-content:space-between}.atlas summary::-webkit-details-marker{display:none}.atlas summary:after{content:'+';font-family:Arial,sans-serif;font-size:25px;font-weight:400}.atlas[open] summary:after{content:'−'}.atlas-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.type-card{background:#f3f0e9;border:1px solid transparent;border-radius:16px;padding:16px 8px;text-align:center;transition:border-color .18s}.type-card:hover{border-color:#b9b0a0}.type-card img{height:108px;width:100%;object-fit:contain;margin-bottom:12px}.type-card strong{display:block;font-family:Arial,sans-serif;font-size:17px;font-weight:500;letter-spacing:.02em}.type-card span{font-size:12px;color:var(--muted)}
.scl-result-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.scl-result-heading h1{font-family:Arial,sans-serif;font-size:60px;letter-spacing:-.05em}.scl-result-heading svg{width:70px;height:70px}.scl-result-subtitle{font-family:Gugu Display,serif;font-size:22px;margin-top:9px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;gap:24px}.stat+.stat{border-left:1px solid var(--line);padding-left:28px}.stat-label{font-size:13px;color:var(--muted)}.stat-value{font-family:Arial,sans-serif;font-size:43px;line-height:1.3;margin-top:8px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat-note{font-size:12px;color:var(--muted);margin-top:6px}.dimension-list{display:grid;gap:23px}.dimension-header{display:flex;justify-content:space-between;gap:20px;font-size:14px;font-variant-numeric:tabular-nums}.dimension-header strong{font-family:Arial,sans-serif;font-size:17px;font-weight:500}.dimension-track{height:5px;background:#e9e3d9;border-radius:6px;position:relative;margin-top:9px;overflow:hidden}.dimension-track span{position:absolute;left:0;top:0;height:100%;background:#b88e79;border-radius:6px}.scale-ends{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:13px}.scoring{margin-top:30px;border-top:1px solid var(--line);padding-top:22px}.scoring summary{cursor:pointer;font-size:13px;color:var(--muted)}.scoring dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 22px;font-size:13px;color:#686257;margin:18px 0}.scoring dt,.scoring dd{margin:0}.scoring dd{font-variant-numeric:tabular-nums}.notice{font-size:13px;min-height:24px;color:var(--muted);margin-top:10px}
.quiz-dialog{position:fixed;max-width:660px;width:calc(100% - 32px);max-height:calc(100svh - 48px);padding:36px;border:1px solid #fff;background:var(--paper);border-radius:24px;color:var(--ink);box-shadow:0 24px 90px #30271e24}.quiz-dialog::backdrop{background:#2b241b55;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-heading h2{font-size:24px}.close-dialog{border:0;background:#eeeae3;width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center}.close-dialog svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5}.jump-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.jump-grid button{aspect-ratio:1;border:1px solid var(--line);border-radius:9px;background:none;font-size:13px;min-width:0;min-height:36px}.jump-grid button.answered{background:#eeeae3;border-color:transparent}.jump-grid button.current{border-color:var(--red);color:var(--red)}.profile-dialog .result-hero{min-height:auto;grid-template-columns:1fr .8fr;gap:10px}.profile-dialog .result-character{height:235px}.profile-dialog .type-code{font-size:64px}.profile-dialog h1{font-size:28px}.profile-dialog .insights{gap:24px}.profile-dialog .result-intro{margin-top:18px}
@media(min-width:1500px){.entry,.question-layout{min-height:calc(100svh - 34px)}}
@media(max-width:760px){.entry{padding:42px 32px;grid-template-columns:1fr;gap:22px;min-height:calc(100svh - 34px);align-content:center}.entry h1{font-size:86px;margin:18px 0 10px}.entry h1.scl-title{font-size:74px}.entry-name{font-size:23px}.entry-note{margin-top:13px}.entry .primary{margin-top:24px}.entry-art{grid-row:1;min-height:240px;max-width:380px;width:100%;justify-self:center;align-self:center}.character-group{height:245px;max-width:330px}.character-group img{height:190px}.character-group img:nth-child(1){bottom:24px}.character-group img:nth-child(2){height:245px;bottom:0}.character-group img:nth-child(3){bottom:20px}.entry-copy{text-align:center}.entry-note{margin-left:auto;margin-right:auto}.question-layout{padding:24px 28px 42px}.question-body{padding:40px 0}.question-body h1{font-size:27px;min-height:82px}.result{padding:32px 28px 128px}.result-hero{min-height:300px;gap:16px}.result-character{height:280px}.type-code{font-size:78px}.result h1{font-size:30px}.result-intro{font-size:14px}.insights{gap:32px}.stats{gap:16px}.stat+.stat{padding-left:16px}.stat-value{font-size:35px}.jump-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:480px){.experience{padding:12px}.surface{border-radius:23px;min-height:calc(100svh - 24px)}.entry{padding:28px 25px 36px;gap:18px;min-height:calc(100svh - 26px)}.entry h1{font-size:76px;margin-top:15px}.entry h1.scl-title{font-size:66px}.entry-art{min-height:210px}.character-group{height:210px;max-width:285px}.character-group img{height:160px}.character-group img:nth-child(2){height:210px}.entry-name{font-size:22px}.entry-note{font-size:13px}.entry .primary{margin-top:25px}.question-layout{padding:17px 21px 30px;min-height:calc(100svh - 26px)}.question-body{padding:32px 0}.question-body h1{font-size:25px;line-height:1.7;min-height:86px}.options{margin-top:24px}.option{padding:16px;min-height:75px;gap:12px}.scl-options{grid-template-columns:1fr;gap:9px}.scl-options .option{flex-direction:row;min-height:51px;gap:15px;padding:12px 17px}.scl-options .option-label{font-size:14px}.question-context{font-size:12px}.question-navigation .primary{min-width:123px;min-height:46px;padding:10px 21px}.result{padding:28px 22px 120px}.result-hero{grid-template-columns:1fr;gap:0}.result-art{grid-row:1;width:210px;justify-self:center;margin-bottom:26px}.result-character{height:240px}.result-hero>.result-copy{text-align:center}.type-code{font-size:80px;margin-top:10px}.result h1{font-size:29px}.result-intro{font-size:14px;text-align:left;line-height:1.95}.section{margin-top:30px;padding-top:26px}.section-title{font-size:20px;margin-bottom:23px}.insights{grid-template-columns:1fr;gap:29px}.insights h2{font-size:20px;margin-bottom:15px}.axis-head{font-size:13px}.actions{margin-top:30px;gap:9px}.actions .primary,.actions .secondary{font-size:13px;padding:11px 19px;min-height:46px}.result-links{gap:20px}.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.atlas summary{font-size:20px}.type-card img{height:112px}.scl-result-heading h1{font-size:47px}.scl-result-heading svg{width:48px;height:48px}.scl-result-subtitle{font-size:20px}.stats{gap:12px;padding:23px 0;margin-top:28px}.stat+.stat{padding-left:12px}.stat-value{font-size:29px}.stat-label{font-size:12px}.stat-note{font-size:11px;line-height:1.6}.dimension-header{font-size:13px}.scoring dl{grid-template-columns:1fr;gap:3px}.scoring dd{margin-bottom:10px}.quiz-dialog{padding:24px 20px}.jump-grid{gap:6px}.jump-grid button{font-size:12px}.profile-dialog .result-hero{grid-template-columns:1fr}.profile-dialog .result-art{width:160px}.profile-dialog .result-character{height:180px}.profile-dialog .insights{grid-template-columns:1fr}.dialog-heading h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}