:root{color:#12283f;font-synthesis:none;text-rendering:optimizelegibility;--blue:#178ee8;--blue-dark:#0873ca;--blue-soft:#e8f5ff;--line:#c8e3f8;--text:#12283f;--muted:#708397;--green:#178b64;--coral:#df6849;--amber:#d38a00;--violet:#7052d4;background:#edf7ff;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#edf7ff;min-width:320px}body{background:#edf7ff;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #178ee83d}.app-shell{min-height:100vh;overflow-x:hidden}.loading-screen{min-height:100svh;color:var(--muted);place-content:center;justify-items:center;gap:14px;font-weight:700;display:grid}.loading-screen img{object-fit:contain;width:84px;height:84px}.primary-button,.secondary-button,.text-button{border-radius:8px;min-height:48px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s}.primary-button{color:#fff;background:var(--blue);box-shadow:0 10px 24px #178ee833}.primary-button:hover{background:var(--blue-dark);transform:translateY(-1px)}.secondary-button{color:#14314c;background:#fff;border:1px solid #b9daf3}.secondary-button:hover{background:#f4faff}.text-button{color:#39799f;background:0 0;min-height:42px}.home-screen{background:#edf7ff;min-height:100svh;padding:18px}.home-panel{background:#f7fcff;border:1px solid #b9def8;border-radius:8px;flex-direction:column;width:min(100%,520px);min-height:calc(100svh - 36px);margin:0 auto;padding:22px 22px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 42px #34759e1f}.brand-row,.result-brand-row{align-items:center;gap:12px;display:flex}.brand-mark{background:#fff;border:1px solid #c9e5f8;border-radius:8px;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid;overflow:hidden;box-shadow:0 8px 18px #178ee829}.brand-mark img{object-fit:contain;width:42px;height:42px}.brand-mark.small{flex-basis:42px;width:42px;height:42px}.brand-mark.small img{width:38px;height:38px}.brand-copy{gap:2px;min-width:0;display:grid}.brand-copy strong,.result-brand-row strong{font-size:19px;line-height:1.2}.brand-copy small,.result-brand-row small{color:var(--muted);font-size:12px}.brand-chip,.complete-chip,.entry-status{color:#0873ca;white-space:nowrap;background:#e6f4ff;border:1px solid #b7ddf8;border-radius:999px;margin-left:auto;padding:7px 11px;font-size:12px;font-weight:800}.home-hero-copy{z-index:2;text-align:center;padding:54px 4px 0;position:relative}.eyebrow{color:#0c7dce;background:#e5f4ff;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800;display:inline-flex}.home-hero-copy h1{color:#10283f;letter-spacing:0;margin:13px 0 9px;font-size:38px;line-height:1.18}.home-hero-copy h1 em{color:#087bd4;font-style:normal}.home-hero-copy p{color:#5e7489;max-width:390px;margin:0 auto;font-size:14px;line-height:1.75}.home-compass{place-items:center;height:182px;display:grid}.home-compass img{object-fit:contain;filter:drop-shadow(0 16px 16px #007dd62e);width:178px;height:178px}.entry-panel{z-index:2;background:#fff;border:1px solid #c6e1f4;border-radius:8px;margin-top:auto;padding:17px;position:relative;box-shadow:0 12px 26px #29709e1a}.authorization-panel{width:100%;max-width:460px;margin-left:auto;margin-right:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.authorization-form{gap:12px;display:grid}.authorization-form input{width:100%;min-width:0;height:58px;color:var(--text);text-align:center;letter-spacing:0;background:#fff;border:1px solid #abcbe2;border-radius:8px;padding:0 18px;font-size:18px;font-weight:700}.authorization-form input::placeholder{color:#a2afbb;font-weight:500}.authorization-note{color:#6d8194;text-align:center;margin:0;font-size:12px}.authorization-button{background:linear-gradient(110deg,#1269d8,#18afe6);width:100%;min-height:58px;font-size:19px;box-shadow:0 12px 26px #0e85da40}.form-error{color:#db4d43;text-align:center;margin:-4px 0 0;font-size:12px}.quiz-screen{background:#edf7ff;min-height:100svh;padding:22px 18px}.quiz-layout{width:min(100%,760px);margin:0 auto}.quiz-topbar{justify-content:space-between;align-items:flex-start;gap:18px;padding:0 2px 16px;display:flex}.quiz-title{align-items:center;gap:10px;display:flex}.section-dot{background:var(--blue);box-sizing:content-box;border:4px solid #d7edfc;border-radius:50%;width:10px;height:10px}.quiz-title div{gap:3px;display:grid}.quiz-title strong{font-size:18px}.quiz-title small{color:var(--muted);font-size:12px}.question-count{white-space:nowrap;align-items:baseline;gap:5px;display:flex}.question-count strong{color:#0877cf;font-size:36px;line-height:1}.question-count span{color:#708397;font-size:14px;font-weight:700}.progress-track{background:#d4e9f8;border-radius:999px;width:100%;height:6px;margin-bottom:24px;overflow:hidden}.progress-track span{background:var(--blue);border-radius:inherit;height:100%;transition:width .22s;display:block}.question-card{background:#fff;border:1px solid #bdddf4;border-radius:8px;min-height:558px;padding:34px 40px 32px;box-shadow:0 16px 34px #29709e1a}.dimension-tag{color:var(--tag);background:color-mix(in srgb, var(--tag) 10%, white);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;display:inline-flex}.question-card h1{color:#13283d;letter-spacing:0;gap:12px;margin:20px 0 28px;font-size:28px;line-height:1.5;display:flex}.question-card h1 span{color:var(--blue);flex:none}.scale-options{gap:10px;display:grid}.scale-option{color:#16324c;text-align:left;background:#fbfdff;border:1px solid #c8e1f3;border-radius:8px;grid-template-columns:46px minmax(0,1fr) 28px;align-items:center;gap:12px;min-height:67px;padding:10px 14px;display:grid}.scale-option:hover{background:#f0f8ff;border-color:#87c7f4}.scale-option.selected{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 9px 18px #178ee82e}.option-letter{color:#0877cf;background:#e9f5fe;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.scale-option.selected .option-letter{color:#fff;background:#fff3}.scale-option strong{min-width:0;font-size:16px;line-height:1.4}.scale-option small{color:#7d8e9d;text-align:right;font-size:12px}.scale-option.selected small{color:#fffc}.quiz-footer{grid-template-columns:145px 1fr 110px;align-items:center;gap:10px;margin-top:14px;display:grid}.quiz-footer>span{color:var(--muted);text-align:center;font-size:12px}.result-screen{background:#edf7ff;min-height:100vh;padding:18px}.result-layout{width:min(100%,760px);margin:0 auto}.result-hero{background:#fff;border:1px solid #b9daf1;border-radius:8px;overflow:hidden;box-shadow:0 16px 38px #29709e1c}.result-brand-row{background:#e8f5ff;border-bottom:1px solid #c8e3f7;padding:14px 18px}.result-brand-row>div{gap:2px;display:grid}.result-hero-main{grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:24px;min-height:228px;padding:28px 30px;display:grid}.result-hero-copy>span{color:#61768a;font-size:13px;font-weight:700}.result-hero-copy h1{color:#0877cf;letter-spacing:0;margin:8px 0 10px;font-size:52px;line-height:1.08}.result-hero-copy p{color:#263d53;max-width:440px;margin:0;font-size:14px;font-weight:600;line-height:1.75}.score-ring{background:conic-gradient(var(--blue) var(--score), #e5f1f9 0);border-radius:50%;place-content:center;justify-items:center;width:148px;height:148px;display:grid;position:relative}.score-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:11px}.score-ring span,.score-ring em{z-index:1;position:relative}.score-ring span{color:#0877cf;align-items:baseline;display:flex}.score-ring strong{font-size:54px;line-height:1}.score-ring small{margin-left:2px;font-size:18px;font-weight:900}.score-ring em{color:#728397;margin-top:4px;font-size:10px;font-style:normal}.balanced-note{color:#6d5a24;background:#fff7dc;border-left:4px solid #e3a71c;margin:0 30px 20px;padding:11px 14px;font-size:13px;line-height:1.6}.top-score-grid{border-top:1px solid #d2e6f4;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.top-score-grid>div{border-right:1px solid #d2e6f4;gap:8px;min-width:0;padding:16px 18px 18px;display:grid}.top-score-grid>div:last-child{border-right:0}.top-score-grid span{color:#6b7f92;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.top-score-grid strong{color:var(--metric);font-size:28px}.top-score-grid small,.dimension-percent small{margin-left:2px;font-size:13px}.result-section{padding:30px 2px 2px}.result-section-heading{align-items:center;gap:11px;margin:0 4px 14px;display:flex}.result-section-heading>span{color:#0877cf;background:#e4f3ff;border:1px solid #bfe0f8;border-radius:8px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:900;display:grid}.result-section-heading div{gap:2px;display:grid}.result-section-heading h2{margin:0;font-size:22px;line-height:1.25}.result-section-heading p{color:var(--muted);margin:0;font-size:12px}.radar-card,.interpretation-card,.dimension-list,.job-grid,.caution-list{background:#fff;border:1px solid #c5e0f3;border-radius:8px;box-shadow:0 10px 25px #29709e12}.radar-card{place-items:center;min-height:420px;padding:10px;display:grid}.talent-radar{width:min(100%,420px);height:auto;overflow:visible}.radar-grid{fill:none;stroke:#c9ddec;stroke-width:1px}.radar-axis{stroke:#d8e7f2;stroke-width:1px}.radar-data{fill:#178ee833;stroke:#168de8;stroke-width:3px;stroke-linejoin:round}.radar-point{stroke:#fff;stroke-width:2px}.talent-radar text{fill:#3c5369;font-size:11px;font-weight:700}.legend-row{color:#718397;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:11px;font-size:11px;display:flex}.legend-row span{align-items:center;gap:6px;display:inline-flex}.legend-row i{border-radius:50%;width:8px;height:8px}.legend-row i.strong{background:var(--green)}.legend-row i.potential{background:var(--violet)}.legend-row i.balanced{background:var(--amber)}.dimension-list{overflow:hidden}.dimension-item{border-bottom:1px solid #e3edf4}.dimension-item:last-child{border-bottom:0}.dimension-item summary{cursor:pointer;grid-template-columns:42px 132px minmax(80px,1fr) 62px 18px;align-items:center;gap:10px;min-height:74px;padding:12px 17px;list-style:none;display:grid}.dimension-item summary::-webkit-details-marker{display:none}.dimension-item[open] summary{background:#f8fcff}.dimension-mark{color:#fff;background:var(--accent);border-radius:8px;place-items:center;width:40px;height:40px;font-size:14px;font-weight:900;display:grid}.dimension-name{gap:4px;min-width:0;display:grid}.dimension-name strong{font-size:15px}.dimension-name small{width:max-content;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, white);border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700}.dimension-meter{background:#e4edf3;border-radius:999px;height:7px;overflow:hidden}.dimension-meter span{width:var(--value);background:var(--accent);border-radius:inherit;height:100%;display:block}.dimension-percent{color:var(--accent);text-align:right;font-size:21px}.dimension-toggle{color:#8da0b2;font-size:17px;transition:transform .16s}.dimension-item[open] .dimension-toggle{transform:rotate(180deg)}.dimension-expanded{padding:0 22px 22px 74px}.dimension-expanded>p{color:#425a70;margin:0 0 14px;font-size:13px;line-height:1.75}.dimension-expanded>div{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dimension-expanded section{background:#f7fbfe;border-radius:8px;padding:14px}.dimension-expanded h4,.insight-columns h4{margin:0 0 9px;font-size:14px}.dimension-expanded ul,.insight-columns ul{color:#52687c;gap:6px;margin:0;padding-left:18px;font-size:12px;line-height:1.6;display:grid}.interpretation-card{padding:24px}.interpretation-card>header{border-bottom:1px solid #e0ebf3;padding-bottom:18px}.interpretation-card>header span{color:#1587dc;font-size:12px;font-weight:800}.interpretation-card>header h3{color:#162c42;margin:8px 0;font-size:28px}.interpretation-card>header p{color:#536a7f;margin:0;font-size:14px;font-weight:600;line-height:1.7}.advantage-tags{flex-wrap:wrap;gap:8px;padding:16px 0;display:flex}.advantage-tags span{color:#0877cf;background:#e8f5ff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.insight-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.insight-columns>div{border-radius:8px;min-height:162px;padding:17px}.advantage-panel{background:#fff7da;border:1px solid #f2df9c}.advantage-panel h4{color:#8e6806}.potential-panel{background:#f1ecff;border:1px solid #d9cdf9}.potential-panel h4{color:#6546c3}.job-grid{gap:0;display:grid;overflow:hidden}.job-card{border-bottom:1px solid #dfebf3;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:18px;min-height:142px;padding:20px;display:grid}.job-card:last-child{border-bottom:0}.job-match{color:#0877cf;background:#eef8ff;border:5px solid #57b0ef;border-radius:50%;justify-content:center;align-items:baseline;width:82px;height:82px;padding-top:25px;display:flex;position:relative}.job-card:nth-child(2) .job-match{color:var(--green);background:#eefaf5;border-color:#55b996}.job-card:nth-child(3) .job-match{color:var(--coral);background:#fff4ef;border-color:#ed967c}.job-match strong{font-size:25px;line-height:1}.job-match small{margin-left:1px;font-size:11px;font-weight:900}.job-card h3{margin:0 0 8px;font-size:21px}.job-card div>span{color:#0e84d7;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.job-card p{color:#52687c;margin:0;font-size:13px;line-height:1.7}.caution-list{gap:0;display:grid;overflow:hidden}.caution-list article{background:#fffdf5;border-bottom:1px solid #f2e5b7;padding:18px 20px}.caution-list article:last-child{border-bottom:0}.caution-list strong{color:#9b6100;font-size:15px}.caution-list p{color:#786b4d;margin:6px 0 0;font-size:12px;line-height:1.7}.result-disclaimer{color:#7f8fa0;margin:11px 3px 0;font-size:11px;line-height:1.75}.result-actions{grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin:30px 0 20px;display:grid}.result-actions p{color:#7a8c9e;text-align:center;grid-column:1/-1;margin:2px 0 0;font-size:11px}.toast{z-index:20;color:#fff;text-align:center;background:#16344f;border-radius:8px;min-width:180px;padding:12px 18px;font-size:13px;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #08284440}@media (width<=640px){.home-screen{padding:0}.home-panel{width:100%;min-height:100svh;box-shadow:none;border:0;border-radius:0;padding:14px 14px 12px}.brand-mark{flex-basis:40px;width:40px;height:40px}.brand-mark img{width:36px;height:36px}.brand-copy strong{font-size:17px}.home-hero-copy{padding-top:34px}.home-hero-copy h1{margin-top:10px;font-size:34px}.home-hero-copy p{max-width:330px;font-size:13px}.home-compass{height:148px}.home-compass img{width:145px;height:145px}.entry-panel{width:calc(100% - 8px);margin:24px auto auto;padding:14px}.primary-button,.secondary-button{height:46px;min-height:46px}.authorization-form input,.authorization-button{height:56px;min-height:56px}.quiz-screen{padding:14px 12px 18px}.quiz-topbar{padding-bottom:12px}.question-count strong{font-size:31px}.progress-track{margin-bottom:14px}.question-card{min-height:0;padding:24px 16px 20px}.question-card h1{gap:8px;margin:16px 0 22px;font-size:23px;line-height:1.48}.scale-option{grid-template-columns:42px minmax(0,1fr) 22px;gap:9px;min-height:61px;padding:8px 11px}.option-letter{width:38px;height:38px}.scale-option strong{font-size:14px}.quiz-footer{grid-template-columns:118px 1fr 92px}.quiz-footer .secondary-button,.quiz-footer .text-button{padding:0 8px;font-size:13px}.result-screen{padding:0 10px 16px}.result-hero{border-top:0;border-radius:0 0 8px 8px}.result-brand-row{margin:0 -1px;padding:11px 12px}.result-brand-row strong{font-size:15px}.complete-chip{padding:6px 8px;font-size:10px}.result-hero-main{grid-template-columns:minmax(0,1fr) 116px;gap:10px;min-height:195px;padding:24px 18px}.result-hero-copy h1{font-size:39px}.result-hero-copy p{font-size:12px;line-height:1.65}.score-ring{width:112px;height:112px}.score-ring:before{inset:9px}.score-ring strong{font-size:42px}.score-ring small{font-size:14px}.score-ring em{font-size:8px}.balanced-note{margin:0 18px 16px}.top-score-grid>div{padding:13px 10px 15px}.top-score-grid span{font-size:10px}.top-score-grid strong{font-size:24px}.result-section{padding-top:24px}.result-section-heading h2{font-size:19px}.radar-card{min-height:350px;padding:4px}.talent-radar{width:100%}.legend-row{justify-content:flex-start;padding:0 4px}.dimension-item summary{grid-template-columns:38px minmax(92px,1fr) 52px 16px;gap:8px;min-height:68px;padding:10px}.dimension-mark{width:36px;height:36px}.dimension-meter{display:none}.dimension-name strong{font-size:14px}.dimension-percent{font-size:20px}.dimension-expanded{padding:0 14px 16px}.dimension-expanded>div,.insight-columns{grid-template-columns:1fr}.dimension-expanded section,.insight-columns>div{min-height:0}.interpretation-card{padding:18px}.interpretation-card>header h3{font-size:25px}.job-card{grid-template-columns:72px minmax(0,1fr);gap:13px;min-height:132px;padding:16px 14px}.job-match{border-width:4px;width:68px;height:68px;padding-top:20px}.job-match strong{font-size:21px}.job-card h3{font-size:18px}.job-card p{font-size:12px}.result-actions{grid-template-columns:1fr 1fr}.result-actions .primary-button{grid-column:1/-1}}@media (width<=370px){.home-panel{padding-left:10px;padding-right:10px}.home-hero-copy h1{font-size:30px}.authorization-button{font-size:18px}.question-card h1{font-size:21px}.quiz-footer{grid-template-columns:1fr 1fr}.quiz-footer>span{display:none}.result-hero-main{grid-template-columns:minmax(0,1fr) 104px;padding:22px 12px}.result-hero-copy h1{font-size:34px}.score-ring{width:102px;height:102px}.score-ring strong{font-size:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}