:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#e5eef7;background:#080e18;font-synthesis:none;line-height:1.75;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 10%,#103d4038,transparent 45%),radial-gradient(ellipse at 0 50%,#41285a30,transparent 50%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;border:1px solid #314253;background:#101c2b;color:inherit;border-radius:10px;padding:12px 20px;cursor:pointer;transition:background .2s,transform .2s}button:hover:not(:disabled){background:#1b3441;transform:translateY(-1px)}button:disabled{opacity:.35;cursor:not-allowed}a{color:#65eace;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #a89cff;outline-offset:4px}header{max-width:1200px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #22303d}.brand{font-weight:700;color:#e5eef7;letter-spacing:2px}.brand-icon{color:#62f5ce;font-size:28px;margin-right:8px}.status{font-size:10px;letter-spacing:2px;color:#8194a7}.status i{display:inline-block;width:6px;height:6px;background:#5af6cf;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #5af6cf}main{max-width:1000px;margin:auto;padding:54px 24px 64px}.eyebrow,.section-label{color:#65eace;font-size:11px;letter-spacing:3px}.welcome{text-align:center;max-width:760px;margin:auto}.orb{width:200px;height:200px;margin:28px auto 34px;border:1px solid #54e8cc55;border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:0 0 70px #43dfc21a,inset 0 0 40px #43dfc214}.orb:before,.orb:after{content:"";position:absolute;border:1px dashed #54e8cc60;border-radius:50%;inset:12px;transform:rotate(-25deg) scaleY(.6)}.orb:after{transform:rotate(60deg) scaleY(.6);inset:-14px}.orb-core{font-size:84px;color:#69ffdb;text-shadow:0 0 35px #43dfc2}.orbit-label{position:absolute;bottom:-12px;background:#080e18;padding:0 12px;font-size:9px;letter-spacing:2px;color:#65eace}h1{font-size:clamp(40px,7vw,68px);line-height:1.18;letter-spacing:3px;margin:24px 0}h1 span{color:#67edcf}.hero-line{white-space:pre-line;font-size:22px;line-height:1.7;color:#c6d4e4}.muted,.micro{color:#91a4b8}.micro{font-size:12px}.metrics{display:flex;justify-content:center;margin:32px 0;gap:0}.metrics div{font-size:12px;color:#92a7b8;width:140px;border-right:1px solid #2a3a48}.metrics div:last-child{border:0}.metrics b{display:block;font-size:32px;color:#eef6ff;font-weight:500}.primary{background:#63edcc;color:#07271f;border:1px solid #63edcc;font-weight:700}.primary:hover:not(:disabled){background:#90ffe2}.welcome>.primary{width:100%;max-width:390px;text-align:left;display:block;margin:0 auto;padding:17px 24px}.primary span{float:right}.panel{background:linear-gradient(120deg,#132331d9,#111927ed);border:1px solid #2c4050;border-radius:16px}.intro{text-align:left;padding:24px 30px;margin:36px 0;font-size:14px;color:#c1ceda}.station-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left}.station-list>div{display:flex;gap:16px;padding:16px 0;border-top:1px solid #283746}.station-list>div>span{font:24px monospace;color:#59dec0}.station-list h3{font-size:14px;margin:0}.station-list p{color:#92a7b8;font-size:12px;margin:6px 0}.quiz{max-width:720px;margin:auto}.quiz-meta{display:flex;justify-content:space-between;margin:20px 0 12px}.progress{height:4px;background:#233543;border-radius:4px;overflow:hidden}.progress>div{height:100%;background:#65edce;transition:width .2s}.station-intro{color:#91a4b8;margin:28px 0}.question-panel{padding:32px}.question-number{color:#65eace;font:12px monospace;letter-spacing:2px}h2{font-size:23px;line-height:1.7;margin:16px 0 24px}.options{display:grid;gap:12px}.option{display:flex;text-align:left;align-items:center;gap:16px;padding:18px;background:#0c1724;border:1px solid #2c3e50;line-height:1.65}.option.selected{border-color:#62edcc;background:#163931}.option-letter{flex:none;width:32px;height:32px;display:grid;place-items:center;border:1px solid #3e5964;border-radius:6px;font:14px monospace;color:#70efd4}.check{margin-left:auto;color:#62edcc}.navigation{display:flex;justify-content:space-between;margin:24px 0}.dots{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}.dots button{font-size:10px;border-radius:4px;padding:6px 0;min-height:32px}.dots .done{background:#174039;color:#71edcf}.dots .current{outline:2px solid #8de4d0;outline-offset:1px}.result-hero{text-align:center;padding:36px 24px;margin:20px 0}.result-symbol{font-size:64px;color:#62edcc}.result-hero h1{font-size:clamp(32px,6vw,54px)}.combination{color:#69edce}.axis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.axis{padding:20px}.axis h3{font-size:20px;margin:10px 0}.axis-track{height:5px;background:linear-gradient(90deg,#a48ff6,#5ce7cc);position:relative;margin:26px 8px 14px}.axis-track i{position:absolute;top:-5px;width:15px;height:15px;background:#fff;border:3px solid #0e2431;border-radius:50%;transform:translate(-50%)}.axis-labels{display:flex;justify-content:space-between;font-size:10px;color:#aab9cc}.report-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.report-nav{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.report-nav a{font-size:12px;border:1px solid #304552;border-radius:20px;padding:7px 14px}.report-section{padding:30px 36px;margin:20px 0;scroll-margin-top:20px}.report-section p{white-space:pre-line;color:#c4d1de;margin:14px 0;line-height:1.95}.report-section h2{color:#ecf9f5}.share{padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.share img{width:100%;max-width:360px;border-radius:10px}.share a{font-size:13px}footer{border-top:1px solid #23313e;max-width:1000px;margin:auto;padding:24px;text-align:center;color:#7d91a5;font-size:11px}footer span{display:block;letter-spacing:2px;margin-top:12px}@media(max-width:600px){header{padding:16px}.brand{font-size:12px;letter-spacing:1px}.status{font-size:8px;letter-spacing:1px}main{padding:32px 16px 40px}.orb{width:150px;height:150px}.orb-core{font-size:64px}.hero-line{font-size:19px}.station-list{grid-template-columns:1fr;gap:4px}.question-panel{padding:22px 16px}.option{padding:16px 12px;font-size:14px;gap:10px}h2{font-size:20px}.dots{grid-template-columns:repeat(8,1fr)}.dots button{min-height:38px}.axis-grid{grid-template-columns:1fr}.axis{padding:18px 24px}.report-section{padding:24px 20px}.report-actions button{flex:1}.report-actions .primary{flex-basis:100%}.intro{padding:18px 20px}.result-hero{padding:24px 16px}.combination{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}main.quiz-main{padding:20px 24px 24px}.quiz{max-width:760px}.quiz .eyebrow{font-size:10px;letter-spacing:2px}.quiz-meta{margin:6px 0 8px;font-size:14px;gap:12px}.quiz-meta>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.quiz-progress-text{margin:4px 0;font-size:11px;text-align:right}.quiz .station-intro{margin:6px 0 14px;font-size:13px;line-height:1.5}.quiz .question-panel{padding:22px 26px}.quiz .question-number{font-size:10px}.quiz h2{font-size:21px;line-height:1.55;margin:10px 0 18px}.quiz .options{gap:10px}.quiz .option{min-height:56px;padding:11px 14px;gap:12px;font-size:15px;line-height:1.55}.quiz .option-letter{width:28px;height:28px}.quiz .option>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.quiz .check{flex-shrink:0}.quiz .navigation{position:sticky;bottom:0;z-index:2;gap:12px;margin:12px 0 8px;padding:8px 0;background:#080e18f5;border-top:1px solid #293e49}.quiz .navigation>button{min-height:46px;padding:9px 20px}.quiz .navigation>.primary{min-width:150px}.question-map{margin-top:8px;border-top:1px solid #293e49;font-size:12px;color:#a4b7c8}.question-map summary{cursor:pointer;padding:10px 0;min-height:44px}.question-map summary:focus-visible{outline:2px solid #65eace;outline-offset:2px}.question-map .dots{padding:4px 2px 10px}.quiz-save-note{margin:4px 0;font-size:11px}@media(max-width:600px){main.quiz-main{padding:12px 12px 18px}.quiz-meta{font-size:12px}.quiz .station-intro{margin:4px 0 10px;font-size:12px}.quiz .question-panel{padding:16px 14px;border-radius:12px}.quiz h2{font-size:18px;line-height:1.5;margin:8px 0 14px}.quiz .options{gap:8px}.quiz .option{min-height:52px;padding:10px;font-size:14px;gap:9px;line-height:1.5}.quiz .option-letter{width:26px;height:26px;font-size:12px}.quiz .navigation{padding-bottom:max(8px,env(safe-area-inset-bottom));margin-top:8px}.quiz .navigation>button{flex:1;min-width:0;min-height:44px;padding:9px 12px;font-size:14px}}@media(max-height:740px){main.quiz-main{padding-top:10px}.quiz .station-intro{margin:3px 0 8px}.quiz .question-panel{padding-top:12px;padding-bottom:12px}.quiz h2{margin-top:6px;margin-bottom:12px}.quiz .option{padding-top:8px;padding-bottom:8px;min-height:48px}}.quiz-mini-brand{display:none}@media(max-width:600px){body.quiz-active{overflow:hidden;overscroll-behavior:none}body.quiz-active>#root>header,body.quiz-active>#root>footer{display:none}main.quiz-main{position:fixed;top:0;left:0;right:0;max-width:none;margin:0;height:100vh;height:var(--quiz-viewport-height,100vh);padding:0;overflow:hidden}@supports (height:100dvh){main.quiz-main{height:100dvh}}.quiz-main .quiz{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;min-height:0;margin:0 auto;overflow:hidden}.quiz .quiz-top{padding:calc(6px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) 7px max(14px,env(safe-area-inset-left,0px));background:#080e18;border-bottom:1px solid #243b46}.quiz-mini-brand{display:block;font-size:11px;line-height:1.5;color:#65eace;letter-spacing:1px;margin-bottom:3px}.quiz-top .eyebrow,.quiz-top .quiz-progress-text{display:none}.quiz-top .quiz-meta{margin:0 0 5px;font-size:13px;line-height:1.5;align-items:start}.quiz-top .station-intro{margin:5px 0 0;font-size:12px;line-height:1.4}.quiz .quiz-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;overflow-anchor:none;scroll-behavior:auto;padding:10px max(12px,env(safe-area-inset-right,0px)) 12px max(12px,env(safe-area-inset-left,0px));scroll-padding-top:10px}.quiz .quiz-scroll:focus-visible{outline:2px solid #65eace;outline-offset:-3px}.quiz .question-panel{padding:12px;border-radius:12px}.quiz .question-number{display:none}.quiz h2{font-size:18px;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere}.quiz .options{gap:8px}.quiz .option{font-size:15px;line-height:1.5;min-height:48px;height:auto;padding:10px;white-space:normal;align-items:center}.quiz .option-letter{width:26px;height:26px;flex-shrink:0}.quiz .option:hover:not(:disabled){transform:none}.quiz .navigation{position:static;margin:0;flex-shrink:0;gap:12px;border-top:1px solid #314552;padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:#080e18;z-index:2}.quiz .navigation>button{min-height:48px;height:auto;font-size:15px;line-height:1.5;padding:10px;touch-action:manipulation}.quiz .question-map{margin-top:8px}.quiz .question-map summary{min-height:44px;padding:10px 0}.quiz .quiz-save-note{margin-top:0}}@media(min-width:601px){.quiz-main .quiz{display:flex;flex-direction:column}.quiz-top,.quiz-scroll{display:contents}.quiz>.question-panel,.quiz-scroll>.question-panel{order:1}.quiz>.navigation{order:2}.quiz-scroll>.question-map{order:3}.quiz-scroll>.quiz-save-note{order:4}}.version-note{font-size:13px;line-height:1.7;color:#c2d4e4;border:1px solid #375360;border-radius:8px;padding:10px 14px;text-align:left}.version-label{margin-bottom:10px}.dimension-module{padding:24px;border:1px solid #263f50;border-radius:20px;background:linear-gradient(135deg,#102330c9,#0b1623d9);box-shadow:0 14px 40px #0002;margin:24px 0}.dimension-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:22px}.dimension-heading h2{font-size:25px;margin:0 0 3px;line-height:1.4}.dimension-heading p{margin:0;color:#9aafc2;font-size:14px}.dimension-heading>span{color:#9aafc2;font-size:13px;white-space:nowrap;padding-top:6px}.dimension-list{display:grid;gap:14px}.dimension-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:0 18px;padding:22px;border:1px solid #264353;border-radius:15px;background:linear-gradient(115deg,#112735b0,#0c1b28d9);box-shadow:0 5px 18px #0002}.dimension-icon{height:54px;width:54px;border-radius:12px;display:grid;place-items:center;color:#17223d;background:linear-gradient(140deg,#c58aff,#9763f5)}.dimension-icon svg{width:32px;height:32px}.dimension-B .dimension-icon{background:linear-gradient(140deg,#72ceff,#349aea)}.dimension-C .dimension-icon{background:linear-gradient(140deg,#63ffdc,#23d6bb)}.dimension-name p{margin:0;color:#a6bdd0;font-size:14px}.dimension-name h3{font-size:22px;line-height:1.5;margin:0}.dimension-value{white-space:nowrap;color:#8da6ba;align-self:center}.dimension-value strong{color:#51ecd1;font-size:34px;line-height:1}.dimension-B .dimension-value strong{color:#60baff}.dimension-value span{font-size:14px}.dimension-body{grid-column:2/-1;min-width:0}.dimension-track{height:10px;position:relative;margin:18px 10px 12px;border-radius:5px;background:linear-gradient(90deg,#b877f5,#719bf7,#3af0ce)}.dimension-track i{position:absolute;top:50%;width:21px;height:21px;border:4px solid #12384b;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #0c263a66}.dimension-ends{display:flex;justify-content:space-between;gap:14px;color:#a5bbcd;font-size:13px}.dimension-ends span:last-child{text-align:right}.dimension-strength{display:inline-block;margin-top:14px;color:#b9e5de;background:#4de5c610;border:1px solid #50b9ab36;border-radius:20px;padding:2px 10px;font-size:12px}.dimension-description{font-size:14px;line-height:1.8;color:#a6bbcd;margin:10px 0 0;overflow-wrap:anywhere}.dimension-disclaimer{font-size:12px;line-height:1.7;color:#8299ac;margin:18px 0 0}@media(max-width:600px){.dimension-module{padding:16px 12px;border-radius:15px}.dimension-heading{gap:8px;margin-bottom:16px}.dimension-heading h2{font-size:22px}.dimension-heading p{font-size:12px}.dimension-heading>span{font-size:11px}.dimension-card{grid-template-columns:42px minmax(0,1fr) auto;padding:16px 13px;column-gap:10px}.dimension-icon{width:42px;height:42px;border-radius:10px}.dimension-icon svg{width:26px;height:26px}.dimension-name p{font-size:12px}.dimension-name h3{font-size:18px}.dimension-value strong{font-size:28px}.dimension-value span{font-size:11px}.dimension-body{grid-column:1/-1}.dimension-description{font-size:13px}.dimension-ends{font-size:12px}.dimension-track{margin-top:20px}.dimension-strength{margin-top:12px}}
