:root{color-scheme:light;--ink:#172d35;--muted:#647777;--accent:#126d5a;--line:#dce6df}*{box-sizing:border-box}body{margin:0;background:#f8faf7;color:var(--ink);font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--accent);text-decoration:none}button,input{font:inherit}header{max-width:1120px;margin:auto;padding:25px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:23px;color:var(--ink)}.brand span{font-size:12px;font-weight:500;margin-left:12px;color:var(--muted)}nav{display:flex;align-items:center;gap:22px;font-size:14px}nav form{margin:0}.link-button{border:0;background:none;color:var(--accent);padding:0;cursor:pointer}main{max-width:1072px;margin:auto;padding:0 24px}.hero{padding:72px 0 62px;max-width:780px}.eyebrow{font-size:11px;letter-spacing:.17em;color:var(--accent);font-weight:700}h1{font-size:clamp(32px,5vw,54px);line-height:1.3;letter-spacing:-.035em;margin:18px 0 20px}h2{font-size:20px}.lead{font-size:18px;color:var(--muted);margin-bottom:28px}.button{display:inline-flex;justify-content:center;gap:26px;align-items:center;background:var(--accent);color:white;border:0;border-radius:8px;padding:12px 22px;font-weight:600;cursor:pointer}.site-id{font-size:12px;color:var(--muted);margin-top:22px}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);gap:32px;padding:32px 0 44px}.features p{font-size:14px;color:var(--muted)}.number{font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums}footer{max-width:1072px;margin:0 auto;padding:22px 24px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.panel{max-width:500px;margin:55px auto 70px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:32px}.panel h1{font-size:32px;overflow-wrap:anywhere}.panel label{display:block;margin:19px 0 7px;font-size:14px}.panel input:not([type=hidden]){width:100%;padding:11px;border:1px solid #a9bdb3;border-radius:6px;min-width:0}.panel form .button{width:100%;margin-top:24px}.muted{color:var(--muted)}.small{font-size:12px}.error{padding:12px;background:#fff0ee;border-radius:6px;color:#9d392f}dl{font-size:14px}dt{color:var(--muted)}dd{margin:0 0 15px;overflow-wrap:anywhere}:focus-visible{outline:3px solid #82bca9;outline-offset:4px}@media(max-width:600px){header{padding:18px 20px}.brand span{display:none}nav{gap:17px}.hero{padding:44px 0 42px}.hero h1{font-size:35px}.features{grid-template-columns:1fr;gap:8px}.features article{padding-bottom:15px}.panel{margin-top:30px;padding:24px}.lead{font-size:16px}}

/* 心理测评作答与结果展示扩展样式 */
.btn-secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}.take-container,.result-container{max-width:760px;margin:32px auto 60px}.take-panel{max-width:760px;margin:32px auto}.disclaimer-box{background:#f1f6f3;border:1px solid var(--line);border-radius:8px;padding:18px 20px;margin:20px 0;font-size:14px;line-height:1.6;color:var(--ink)}.disclaimer-box h3{margin:0 0 8px 0;font-size:15px;color:var(--accent);font-weight:700}.disclaimer-box p{margin:0 0 8px 0}.consent-version-tag{margin-top:8px;display:block}.consent-agreement-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14px;line-height:1.5;margin:20px 0}.consent-agreement-label input[type="checkbox"]{margin-top:3px;cursor:pointer;width:18px;height:18px;flex-shrink:0}.error-banner{background:#fff0ee;color:#9d392f;border:1px solid #f6cfcb;border-radius:6px;padding:12px 16px;font-size:14px;margin:16px 0}.progress-card{position:sticky;top:12px;z-index:10;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 20px;margin-bottom:24px;box-shadow:0 4px 12px rgba(0,0,0,0.03)}.progress-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:8px;font-weight:500}.progress-bar-track{background:#eef3f0;height:8px;border-radius:4px;overflow:hidden}.progress-bar-fill{background:var(--accent);height:100%;transition:width .3s ease}.question-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin-bottom:20px;transition:border-color .2s ease,box-shadow .2s ease}.question-card.unanswered-alert{border-color:#d9534f;box-shadow:0 0 0 2px rgba(217,83,79,.2)}.question-header{margin-bottom:16px}.question-num{display:inline-block;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.05em;margin-bottom:4px}.question-prompt{margin:4px 0 0 0;font-size:16px;font-weight:600;line-height:1.5;color:var(--ink)}.options-group{display:flex;flex-direction:column;gap:10px}.option-card{display:flex;align-items:center;gap:14px;padding:12px 18px;border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:all .15s ease;background:#fafcfa;font-size:15px}.option-card:hover{background:#f1f7f4;border-color:#a9bdb3}.option-card.selected{background:#e9f5f1;border-color:var(--accent);font-weight:600;color:var(--accent)}.option-card input[type="radio"]{display:none}.option-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e0ece6;font-size:13px;font-weight:700;color:var(--ink);flex-shrink:0}.option-card.selected .option-badge{background:var(--accent);color:#fff}.result-hero{max-width:760px;margin:32px auto 24px}.result-header{display:flex;align-items:center;gap:16px;margin:12px 0 16px;flex-wrap:wrap}.archetype-code{display:inline-block;background:var(--accent);color:#fff;font-size:20px;font-weight:800;letter-spacing:.08em;padding:4px 14px;border-radius:6px}.archetype-name{margin:0;font-size:clamp(28px,4vw,36px);font-weight:800}.result-section{max-width:760px;margin:0 auto 24px}.result-section h2{font-size:20px;margin:0 0 16px 0;color:var(--ink);border-bottom:2px solid var(--line);padding-bottom:8px}.prose-content{font-size:15px;line-height:1.8;color:#2a3e46}.factors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:12px}.factor-item{background:#f8faf7;border:1px solid var(--line);border-radius:8px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.factor-name{font-weight:500}.factor-level{font-weight:700;color:var(--accent)}
