.career-app{--ink:#34383f;--ink-soft:#697079;--paper:#fbfcfc;--white:#fff;--line:#cfd7da;--blue:#dcecf2;--blue-strong:#7398a8;--pink:#f3dfe4;--pink-strong:#aa6e7c;--yellow:#f4edc8;--yellow-strong:#9c813e;--sage:#dce8df;--sage-strong:#627c69;--lavender:#e8e2ee;background:var(--paper);min-height:100vh;color:var(--ink);margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif;overflow-x:hidden}.career-app *{box-sizing:border-box}.career-app button,.career-app input,.career-app textarea{font:inherit}.career-app button,.career-app a{-webkit-tap-highlight-color:transparent}.career-app button{color:inherit}.career-app .career-header{background:#fbfcfcf0;border-bottom:1px dashed #c7d1d5;grid-template-columns:1fr auto 1fr;align-items:center;min-height:74px;padding:12px max(24px,50vw - 590px);display:grid}.career-app .career-brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;width:fit-content;padding:0;display:inline-flex}.career-app .brand-target{background:var(--blue);color:#496b79;width:42px;height:42px;box-shadow:3px 3px 0 var(--pink);border:1px solid #91aab4;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:28px;line-height:1;display:grid;transform:rotate(-3deg)}.career-app .career-brand strong,.career-app .career-brand small{display:block}.career-app .career-brand strong{letter-spacing:0;font-size:16px}.career-app .career-brand small{color:var(--ink-soft);margin-top:3px;font-size:11px}.career-app .header-note{color:#607168;background:#f5faf6;border:1px solid #ccd8d0;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:11px;display:inline-flex}.career-app .local-dot{background:#7aa587;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e0eee3}.career-app .back-home{min-height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #8a9197;justify-self:end;padding:0 3px;font-size:12px}.career-app .career-intro{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:42px;width:min(920px,100vw - 48px);min-height:300px;margin:28px auto 8px;display:grid;position:relative}.career-app .intro-stamp{background:var(--yellow);color:#77642d;border:1px solid #d2c885;padding:7px 11px;font-size:11px;font-weight:800;position:absolute;top:14px;right:0;transform:rotate(1.5deg)}.career-app .target-illustration{object-fit:contain;filter:drop-shadow(7px 9px #dcecf2c7);width:220px;height:220px;transform:rotate(-1.5deg)}.career-app .intro-copy{padding-top:18px}.career-app .intro-kicker,.career-app .step-label{color:var(--blue-strong);letter-spacing:.11em;margin:0;font-size:11px;font-weight:900}.career-app .intro-copy h1{letter-spacing:0;width:fit-content;margin:12px 0 16px;font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(38px,5vw,58px);font-weight:700;line-height:1.16;position:relative}.career-app .intro-copy h1:after{content:"";border-top:3px solid #d99dad;border-radius:50%;height:5px;position:absolute;bottom:-9px;left:26%;right:2%;transform:rotate(-1deg)}.career-app .intro-copy>p:last-child{max-width:620px;color:var(--ink-soft);margin:0;font-size:15px;line-height:1.85}.career-app .stepper{grid-template-columns:repeat(3,minmax(0,1fr));width:min(920px,100vw - 48px);margin:8px auto 24px;display:grid;position:relative}.career-app .stepper:before{content:"";border-top:2px dashed #c9d2d5;position:absolute;top:23px;left:16.66%;right:16.66%}.career-app .stepper button{z-index:1;cursor:default;background:0 0;border:0;justify-items:center;min-width:0;padding:0 12px;display:grid;position:relative}.career-app .stepper button.done{cursor:pointer}.career-app .stepper button>span{background:var(--paper);color:#899196;border:1px solid #bfc9cd;border-radius:50%;place-items:center;width:46px;height:46px;font-family:Georgia,serif;font-size:16px;font-weight:700;display:grid}.career-app .stepper button:first-child.active>span{background:var(--pink);color:#87515f;border-color:#c692a0;transform:rotate(-3deg);box-shadow:3px 3px #ead1d8}.career-app .stepper button:nth-child(2).active>span{background:var(--blue);color:#557784;border-color:#8eafb9;transform:rotate(2deg);box-shadow:3px 3px #c8dee6}.career-app .stepper button:nth-child(3).active>span{background:var(--yellow);color:#79672d;border-color:#b7a65a;transform:rotate(-2deg);box-shadow:3px 3px #e4dab0}.career-app .stepper button.done>span{background:var(--sage);color:#54705c;border-color:#9db6a4}.career-app .stepper strong,.career-app .stepper small{display:block}.career-app .stepper strong{margin-top:10px;font-size:13px}.career-app .stepper small{color:#8a9297;margin-top:3px;font-size:10px}.career-app .worksheet{border:1px solid var(--line);background:var(--white);border-radius:6px;width:min(1040px,100vw - 48px);margin:0 auto;padding:38px 46px 42px;position:relative;box-shadow:7px 8px #e8edef}.career-app .worksheet.step-1{border-top:6px solid var(--pink)}.career-app .worksheet.step-2{border-top:6px solid var(--blue)}.career-app .worksheet.step-3{border-top:6px solid var(--yellow)}.career-app .worksheet-heading{border-bottom:1px dashed #ccd4d7;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);align-items:end;gap:40px;padding-bottom:28px;display:grid}.career-app .worksheet-heading h2{letter-spacing:0;margin:8px 0 0;font-family:Songti SC,STSong,SimSun,serif;font-size:30px}.career-app .worksheet-heading>p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.75}.career-app form{margin-top:30px}.career-app .field-row{gap:18px;display:grid}.career-app .field-row.three-columns{grid-template-columns:1fr .7fr 1fr}.career-app .field-row.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.career-app form label,.career-app fieldset legend{color:#464b51;font-size:13px;font-weight:800}.career-app form label>small,.career-app fieldset legend small{color:#90979c;margin-left:6px;font-size:10px;font-weight:500}.career-app input,.career-app textarea{width:100%;color:var(--ink);background:#fcfdfd;border:1px solid #cbd3d6;border-radius:4px;outline:none;margin-top:8px;font-size:14px;font-weight:400;transition:border-color .16s,box-shadow .16s;display:block}.career-app input{height:46px;padding:0 13px}.career-app textarea{resize:vertical;min-height:116px;padding:12px 13px;line-height:1.7}.career-app input:focus,.career-app textarea:focus{box-shadow:3px 3px 0 var(--blue);border-color:#83a6b4}.career-app input::placeholder,.career-app textarea::placeholder{color:#a5aaad}.career-app .wide-field{margin-top:22px;display:block}.career-app fieldset{border:0;min-width:0;margin:28px 0 0;padding:0}.career-app fieldset legend{width:100%;margin-bottom:14px}.career-app .skill-sliders{border-top:1px dashed #d0d7da;border-left:1px dashed #d0d7da;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.career-app .skill-slider{border-bottom:1px dashed #d0d7da;border-right:1px dashed #d0d7da;grid-template-columns:minmax(150px,1fr) minmax(90px,.75fr) 28px;align-items:center;gap:12px;min-height:82px;padding:13px 16px;display:grid}.career-app .skill-slider span strong,.career-app .skill-slider span small{display:block}.career-app .skill-slider span strong{font-size:13px}.career-app .skill-slider span small{color:#838b90;margin-top:4px;font-size:10px;font-weight:400;line-height:1.45}.career-app .skill-slider input[type=range]{height:4px;accent-color:var(--pink-strong);box-shadow:none;margin:0;padding:0}.career-app .skill-slider b{background:var(--pink);color:#875764;border-radius:50%;place-items:center;width:28px;height:28px;font-family:Georgia,serif;font-size:13px;display:grid}.career-app .form-error{color:#794451;background:#fbecf0;border-left:4px solid #bf7788;margin:22px 0 0;padding:11px 13px;font-size:12px;line-height:1.6}.career-app .form-actions,.career-app .result-actions{justify-content:flex-end;align-items:center;gap:12px;min-height:50px;margin-top:28px;display:flex}.career-app .form-actions>small{color:#868e93;margin-right:auto;font-size:10px}.career-app .primary-button,.career-app .secondary-button{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;min-width:150px;min-height:46px;padding:0 18px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.career-app .primary-button{color:#fff;box-shadow:4px 4px 0 var(--blue);background:#759dac;border:1px solid #6f94a2}.career-app .secondary-button{color:#626a70;background:#fff;border:1px solid #bfc8cb}.career-app .primary-button:hover,.career-app .secondary-button:hover{transform:translate(-1px,-1px)}.career-app .profile-recap{background:#f3f8fa;border:1px dashed #b9c8ce;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:24px;padding:12px 14px;display:grid}.career-app .profile-recap span{color:#71828a;font-size:10px;font-weight:800}.career-app .profile-recap strong{font-size:12px}.career-app .profile-recap button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid #7f8e94;padding:3px 0;font-size:11px}.career-app .gate-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.career-app .gate-item{background:#fdfdfd;border:1px solid #d2d8da;border-radius:5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:112px;padding:14px;display:grid}.career-app .gate-item>div:first-child span,.career-app .gate-item>div:first-child strong,.career-app .gate-item>div:first-child small{display:block}.career-app .gate-item>div:first-child span{color:var(--blue-strong);font-size:10px;font-weight:900}.career-app .gate-item>div:first-child strong{margin-top:5px;font-size:12px}.career-app .gate-item>div:first-child small{color:#858d92;margin-top:7px;font-size:9px;font-weight:400;line-height:1.5}.career-app .segmented-control{background:#f0f3f4;border:1px solid #d5dcde;border-radius:5px;grid-template-columns:repeat(3,58px);padding:3px;display:grid}.career-app .segmented-control button{color:#7a8287;cursor:pointer;background:0 0;border:0;border-radius:3px;min-height:32px;padding:0 5px;font-size:10px}.career-app .segmented-control button.active{color:#3f4a50;background:#fff;font-weight:800;box-shadow:0 1px 4px #34383f1a}.career-app .result-view{margin-top:30px}.career-app .verdict{border:1px solid #d2d8da;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px 26px;display:grid;position:relative}.career-app .verdict-ready{background:var(--sage)}.career-app .verdict-prepare{background:var(--yellow)}.career-app .verdict-pause{background:var(--pink)}.career-app .verdict-mark{border:2px solid;border-radius:50%;place-items:center;width:62px;height:62px;font-family:Georgia,serif;font-size:32px;display:grid;transform:rotate(-4deg)}.career-app .verdict>div:nth-child(2)>span{color:#626a70;font-size:11px;font-weight:800}.career-app .verdict h2{margin:5px 0 7px;font-family:Songti SC,STSong,SimSun,serif;font-size:34px}.career-app .verdict p{color:#5e656a;max-width:650px;margin:0;font-size:13px;line-height:1.7}.career-app .verdict>small{color:#777f84;white-space:nowrap;align-self:end;font-size:9px}.career-app .result-columns{border-top:1px dashed #cbd4d7;border-bottom:1px dashed #cbd4d7;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px;display:grid}.career-app .result-block{min-height:240px;padding:26px 28px 28px}.career-app .result-block:first-child{border-right:1px dashed #cbd4d7}.career-app .result-number{color:var(--pink-strong);font-family:Georgia,serif;font-size:12px;font-weight:800;display:inline-block;transform:rotate(-4deg)}.career-app .result-block h3{margin:7px 0 18px;font-family:Songti SC,STSong,SimSun,serif;font-size:23px}.career-app .result-block ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.career-app .result-block li{color:#5e656a;padding-left:19px;font-size:12px;line-height:1.7;position:relative}.career-app .result-block li:before{background:var(--blue-strong);content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:9px;left:0}.career-app .gap-block li:before{background:var(--pink-strong);border-radius:1px;transform:rotate(8deg)}.career-app .next-action{background:#fbf6dc;border:1px solid #cfc48e;grid-template-columns:120px minmax(0,1fr) 70px;align-items:center;gap:22px;margin-top:28px;padding:22px 26px;display:grid;position:relative;transform:rotate(-.25deg);box-shadow:5px 5px #eee4b7}.career-app .action-label{color:#76652e;background:#fffdf2;border:1px solid #bba95e;justify-content:center;align-items:center;min-height:34px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.career-app .next-action h3{margin:0 0 6px;font-family:Songti SC,STSong,SimSun,serif;font-size:22px}.career-app .next-action p{color:#68664f;margin:0;font-size:12px;line-height:1.7}.career-app .hand-arrow{color:#9d7d38;font-family:Georgia,serif;font-size:48px;transform:rotate(-8deg)}.career-app .evidence-details{border-top:1px dashed #ccd4d7;border-bottom:1px dashed #ccd4d7;margin-top:28px}.career-app .evidence-details summary{cursor:pointer;padding:17px 4px;font-size:12px;font-weight:800}.career-app .evidence-table{padding-bottom:18px}.career-app .evidence-table>div{border-top:1px solid #edf0f1;grid-template-columns:minmax(150px,1.2fr) repeat(3,minmax(110px,.8fr));align-items:center;min-height:42px;padding:6px 10px;font-size:11px;display:grid}.career-app .evidence-table span{color:#747c81}.career-app .evidence-table i{color:var(--sage-strong);justify-self:end;font-style:normal;font-weight:800}.career-app .evidence-table i.has-gap{color:var(--pink-strong)}.career-app .feedback-link,.career-app .source-link{color:#6f777c;border-bottom:1px solid #8a9196;margin-left:auto;padding:8px 1px;font-size:11px;text-decoration:none}.career-app .source-link+.feedback-link{margin-left:4px}.career-app .career-footer{color:#81898e;justify-content:space-between;align-items:center;width:min(1040px,100vw - 48px);margin:28px auto 0;padding:20px 0 42px;font-size:10px;display:flex}.career-app .career-footer p{margin:0}.career-app .career-footer button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid #9da4a8;padding:4px 0;font-size:10px}.career-app .career-toast{z-index:30;color:#536b5a;box-shadow:4px 4px 0 var(--sage);background:#f2f8f3;border:1px solid #91a99a;border-radius:4px;padding:12px 16px;font-size:12px;font-weight:800;position:fixed;bottom:24px;right:24px}@media (max-width:900px){.career-app .career-header{grid-template-columns:1fr auto}.career-app .header-note{display:none}.career-app .career-intro{grid-template-columns:170px minmax(0,1fr);gap:26px;min-height:260px}.career-app .target-illustration{width:170px;height:170px}.career-app .worksheet{padding:32px}.career-app .worksheet-heading{grid-template-columns:1fr;gap:12px}.career-app .skill-sliders,.career-app .gate-list{grid-template-columns:1fr}.career-app .verdict{grid-template-columns:64px 1fr}.career-app .verdict>small{grid-column:2}}@media (max-width:680px){.career-app .career-header{min-height:64px;padding:9px 16px}.career-app .career-brand strong{font-size:14px}.career-app .career-brand small,.career-app .back-home{font-size:9px}.career-app .brand-target{width:36px;height:36px;font-size:24px}.career-app .career-intro{text-align:center;grid-template-columns:1fr;width:min(100% - 32px,520px);margin-top:18px;padding-top:56px}.career-app .intro-stamp{white-space:nowrap;top:7px;right:50%;transform:translate(50%)rotate(1.5deg)}.career-app .target-illustration{width:142px;height:142px;margin:0 auto -14px}.career-app .intro-copy{padding-top:0}.career-app .intro-copy h1{margin-left:auto;margin-right:auto;font-size:36px}.career-app .intro-copy>p:last-child{text-align:left;font-size:13px}.career-app .stepper{width:min(100% - 24px,520px);margin-top:24px}.career-app .stepper button{padding:0 2px}.career-app .stepper button>span{width:38px;height:38px}.career-app .stepper:before{top:19px}.career-app .stepper strong{max-width:94px;font-size:10px;line-height:1.35}.career-app .stepper small{display:none}.career-app .worksheet{width:calc(100vw - 24px);padding:25px 18px 28px;box-shadow:4px 5px #e8edef}.career-app .worksheet-heading h2{font-size:25px}.career-app .field-row.three-columns,.career-app .field-row.two-columns{grid-template-columns:1fr}.career-app .skill-slider{grid-template-columns:minmax(135px,1fr) minmax(70px,.65fr) 28px;gap:8px;padding:11px 10px}.career-app .gate-item{grid-template-columns:1fr}.career-app .segmented-control{grid-template-columns:repeat(3,minmax(0,1fr))}.career-app .form-actions,.career-app .result-actions{flex-direction:column-reverse;align-items:stretch}.career-app .form-actions>small{text-align:center;margin:4px 0 0}.career-app .primary-button,.career-app .secondary-button{width:100%}.career-app .profile-recap{grid-template-columns:1fr auto}.career-app .profile-recap span{grid-column:1/-1}.career-app .verdict{grid-template-columns:48px minmax(0,1fr);gap:13px;padding:19px 16px}.career-app .verdict-mark{width:46px;height:46px;font-size:24px}.career-app .verdict h2{font-size:27px}.career-app .verdict p{font-size:11px}.career-app .result-columns{grid-template-columns:1fr}.career-app .result-block{min-height:0;padding:22px 8px}.career-app .result-block:first-child{border-bottom:1px dashed #cbd4d7;border-right:0}.career-app .next-action{grid-template-columns:1fr;gap:12px;padding:18px}.career-app .action-label{width:fit-content}.career-app .hand-arrow{display:none}.career-app .evidence-table>div{grid-template-columns:1fr auto;gap:5px 12px}.career-app .evidence-table span{font-size:9px}.career-app .evidence-table i{grid-area:1/2}.career-app .feedback-link,.career-app .source-link{align-self:center;margin:6px 0 0}.career-app .career-footer{align-items:flex-start;gap:20px;width:calc(100vw - 32px)}}@media (prefers-reduced-motion:reduce){.career-app *,.career-app :before,.career-app :after{scroll-behavior:auto!important;transition:none!important}}