:root{--ink:#171729;--muted:#71718a;--line:#e9e8f3;--paper:#fff;--soft:#f7f6ff;--purple:#633de8;--violet:#8c5cff;--orange:#ff8a34;--mint:#dff8f0;--danger:#ba3c4a}*{box-sizing:border-box}body{margin:0;background:#fafafe;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.55}button,input{font:inherit}button{border:0;cursor:pointer}.shell{width:min(100%,680px);margin:auto;min-height:100vh;background:#fff}.nav{height:64px;padding:0 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);position:sticky;top:0;z-index:4}.brand{font-weight:800;letter-spacing:.04em}.brand i{font-style:normal;background:linear-gradient(135deg,var(--orange),#ffbb52);width:27px;height:27px;margin-right:8px;display:inline-grid;place-items:center;border-radius:9px;color:#fff}.nav-link{font-size:13px;background:none;color:var(--purple);font-weight:700}.hero{padding:44px 26px 28px;background:radial-gradient(circle at 18% 4%,#f8e8ff 0,transparent 35%),linear-gradient(145deg,#f4f1ff,#fff8f0)}.eyebrow,.badge{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#6247cc;background:#fff;border:1px solid #e5ddff;padding:6px 10px;border-radius:999px}.hero h1{font-size:42px;line-height:1.16;letter-spacing:-.06em;margin:20px 0 16px}.hero h1 strong{color:var(--purple);display:block}.hero p{color:var(--muted);margin:0;font-size:16px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.feature{padding:14px 12px;background:#ffffffc9;border:1px solid #eeeafa;border-radius:17px;font-size:13px;color:var(--muted)}.feature b{font-size:19px;color:var(--ink);display:block}.primary{width:100%;padding:17px 20px;border-radius:16px;color:#fff;background:linear-gradient(100deg,#5c35df,#8e58f0);font-weight:800;box-shadow:0 12px 25px #7656dd3d;font-size:17px}.primary:hover{filter:brightness(1.04)}.secondary{padding:13px 17px;border:1px solid #ded9ef;border-radius:14px;background:#fff;color:var(--ink);font-weight:700}.content{padding:28px 22px 42px}.section-title{font-size:21px;margin:0 0 12px}.section-note{color:var(--muted);font-size:14px;margin:0 0 18px}.trust{display:grid;gap:12px}.trust-card{padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff}.trust-card b{display:block;margin-bottom:4px}.trust-card span{font-size:14px;color:var(--muted)}.notice{padding:16px;border-radius:14px;background:#fff8e9;color:#755016;font-size:13px;margin-top:22px}.code-wrap{padding:32px 22px}.code-hero{padding:25px;border-radius:23px;color:white;background:linear-gradient(140deg,#372080,#8a50e9);position:relative;overflow:hidden}.code-hero:after{content:"";position:absolute;width:190px;height:190px;border:28px solid #ffffff19;border-radius:50%;right:-84px;top:-77px}.code-hero h1{font-size:30px;line-height:1.25;margin:13px 0 7px}.code-hero p{color:#e8dcff;margin:0;font-size:14px}.form-card{margin-top:20px;padding:23px;border:1px solid var(--line);border-radius:22px}.form-card label{display:block;font-size:14px;font-weight:800;margin:0 0 8px}.form-card input{width:100%;border:1px solid #dddbea;border-radius:14px;padding:15px;font-size:18px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px;outline:none}.form-card input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6b47e51a}.helper{font-size:13px;color:var(--muted);margin-top:13px}.error{padding:11px 13px;border-radius:11px;background:#fff0f0;color:var(--danger);font-size:13px;margin:0 0 14px}.quiz-header{padding:20px 22px 14px}.progress-text{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.progress{height:7px;background:#efedf6;border-radius:99px;margin-top:10px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),#b07aff);border-radius:99px;transition:width .25s}.question{padding:34px 22px}.dimension{font-size:14px;font-weight:800;color:var(--purple);margin-bottom:20px}.question-number{font-weight:900;font-size:80px;line-height:.8;color:#f2f0f9;margin-bottom:24px}.question h1{font-size:27px;line-height:1.38;letter-spacing:-.035em;margin:0 0 28px}.options{display:grid;gap:11px}.option{display:flex;align-items:center;width:100%;text-align:left;padding:16px;background:#fff;border:1px solid #e8e6f0;border-radius:16px;font-weight:650;color:#424155}.option:hover{border-color:#9a7cf0;background:#faf8ff}.option span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f1eff8;margin-right:13px;color:#77738d;font-size:13px}.option.active{border-color:var(--purple);background:#f7f4ff;color:var(--purple)}.option.active span{color:white;background:var(--purple)}.quiz-controls{display:flex;gap:12px;padding:0 22px 30px}.quiz-controls .primary{flex:1}.quiz-controls button:disabled{opacity:.42;cursor:not-allowed}.result-hero{padding:31px 22px 22px;background:linear-gradient(160deg,#fff3ea,#fff 68%)}.result-hero h1{margin:14px 0 7px;font-size:31px;letter-spacing:-.05em}.result-hero p{margin:0;color:var(--muted)}.profile-pill{display:inline-block;padding:6px 11px;border-radius:999px;background:#ffe2c5;color:#b34d17;font-weight:800;font-size:13px}.report{padding:18px 22px 38px}.report-card{border:1px solid var(--line);border-radius:21px;padding:20px;margin:15px 0;background:#fff}.report-card h2{font-size:19px;margin:0 0 13px}.report-card h3{font-size:16px;margin:0 0 5px}.report-card p{color:var(--muted);margin:0;font-size:14px}.radar-layout{display:grid;place-items:center}.radar{max-width:330px;width:100%;overflow:visible}.radar text{font-size:11px;fill:#767188}.score-list{display:grid;gap:11px;margin-top:14px}.score-row{display:grid;grid-template-columns:76px 1fr 34px;align-items:center;gap:8px;font-size:13px}.score-bar{height:8px;border-radius:999px;background:#f0eef7;overflow:hidden}.score-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6a41ea,#ae7cff)}.career{padding:17px 0;border-bottom:1px solid var(--line)}.career:last-child{border-bottom:0;padding-bottom:0}.career-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.fit{white-space:nowrap;font-weight:900;color:var(--purple);font-size:18px}.career p{margin:8px 0}.action{padding:11px 12px;border-radius:12px;background:#f7f5ff;color:#574c82;font-size:13px}.quality{font-size:13px;padding:10px 12px;border-radius:11px;background:#f5fbf9;color:#287259}.disclaimer{font-size:12px;color:#898698;padding:0 2px}.admin{padding:25px 22px}.admin h1{font-size:27px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:#f7f5ff;border-radius:15px;padding:14px}.metric b{font-size:23px;display:block;color:var(--purple)}.metric span{font-size:12px;color:var(--muted)}.code-table{display:grid;gap:8px;margin-top:15px}.code-item{border:1px solid var(--line);border-radius:12px;padding:11px;font-size:13px;display:flex;justify-content:space-between;gap:8px}.code-item small{color:var(--muted)}.copy-note{font-size:13px;color:#277157;background:#eefbf6;padding:11px;border-radius:12px;margin-top:12px}.loading{padding:70px 22px;text-align:center;color:var(--muted)}@media (max-width:390px){.hero h1{font-size:37px}.feature{padding:12px 8px}.question h1{font-size:25px}}