:root{--ink:#172033;--muted:#667085;--line:#dfe5ee;--primary:#246bfe;--primary-dark:#1550ca;--soft:#eef4ff;--warm:#fff8ec;--bg:#f6f8fc;--success:#107c5d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.65}.container{width:min(960px,calc(100% - 32px));margin:0 auto}.site-header{height:64px;background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:.04em}.brand-mark{display:inline-flex;width:28px;height:28px;border-radius:9px;background:var(--primary);color:#fff;align-items:center;justify-content:center;margin-right:8px}.text-button{background:transparent;border:0;color:var(--muted);cursor:pointer}.hero-card{margin:48px auto 28px;background:linear-gradient(135deg,#fff 0%,#f0f5ff 100%);border:1px solid #dce6fb;border-radius:28px;padding:56px clamp(24px,7vw,76px);box-shadow:0 16px 48px rgba(33,72,139,.09)}.eyebrow,.section-kicker{font-size:12px;color:var(--primary);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-card h1{font-size:clamp(30px,5vw,48px);line-height:1.2;margin:14px 0 14px;letter-spacing:-.04em}.hero-card p{max-width:670px;color:var(--muted);font-size:17px}.hero-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--success);font-size:14px;margin:24px 0 30px}.primary-button,.secondary-button{border:0;border-radius:12px;padding:12px 22px;font-size:15px;font-weight:700;cursor:pointer;transition:.2s}.primary-button{background:var(--primary);color:#fff;box-shadow:0 8px 18px rgba(36,107,254,.22)}.primary-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.secondary-button{background:#fff;color:var(--ink);border:1px solid var(--line)}.secondary-button:hover{border-color:var(--primary);color:var(--primary)}.hidden{display:none!important}.progress-wrap{margin:28px 0 22px}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:7px}.progress-track{height:8px;background:#e6ebf3;border-radius:100px;overflow:hidden}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,#246bfe,#6f9cff);border-radius:100px;transition:width .3s}.form-section{display:none}.form-section.active{display:block}.form-section h2,.result-header h2{font-size:32px;line-height:1.25;margin:5px 0 7px;letter-spacing:-.03em}.section-desc{color:var(--muted);margin:0 0 20px}.question-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin:14px 0;box-shadow:0 5px 20px rgba(23,32,51,.035)}.question-card h3{font-size:17px;margin:0 0 15px}.question-card h3 small{display:block;color:var(--muted);font-size:12px;font-weight:500;margin-top:2px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-grid label,.radio-list label{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border:1px solid #e7ebf2;border-radius:10px;cursor:pointer;transition:.15s}.choice-grid label:hover,.radio-list label:hover,.direction-grid label:hover{border-color:#a9c2ff;background:#fbfdff}.choice-grid input,.radio-list input,.direction-grid input{accent-color:var(--primary);margin-top:5px}.radio-list{display:grid;gap:9px}.range-row{display:grid;grid-template-columns:130px 1fr 28px;gap:12px;align-items:center;margin:13px 0}.range-row span{font-size:14px}.range-row input,.subject-row input{accent-color:var(--primary);width:100%}output{font-weight:800;color:var(--primary);text-align:center}.direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.direction-grid label{display:flex;flex-direction:column;gap:2px;padding:15px;border:1px solid var(--line);background:#fff;border-radius:14px;cursor:pointer}.direction-grid label span{font-weight:750}.direction-grid label small{color:var(--muted);font-size:12px}.direction-grid input{align-self:flex-start}.subject-grid{overflow:auto}.subject-head,.subject-row{display:grid;grid-template-columns:130px repeat(3,minmax(90px,1fr));gap:14px;align-items:center;min-width:570px}.subject-head{padding:8px 0;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}.subject-row{padding:13px 0;border-bottom:1px solid #edf0f4}.subject-row strong{font-size:14px}.tip{background:var(--warm);border-radius:10px;padding:10px 12px;color:#8a5c16;font-size:13px}.form-actions{display:flex;justify-content:space-between;gap:12px;margin:28px 0 60px}.form-actions .primary-button:last-child{margin-left:auto}.result-section{margin:42px 0 70px}.result-header{background:linear-gradient(135deg,#172d59,#246bfe);color:#fff;border-radius:24px;padding:34px clamp(22px,5vw,48px);box-shadow:0 15px 35px rgba(25,70,153,.22)}.result-header .eyebrow{color:#bcd0ff}.result-header h2{margin-top:9px}.result-header p{margin-bottom:0;color:#e2ebff;font-size:16px}.result-block{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin:16px 0}.result-block h3{margin:0 0 12px;font-size:20px}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background:var(--soft);color:#2458b7;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700}.result-block ol,.result-block ul{padding-left:23px;margin:8px 0}.result-block li{margin:5px 0}.fit-table{width:100%;border-collapse:collapse}.fit-table th,.fit-table td{text-align:left;padding:11px 9px;border-bottom:1px solid #edf0f4;font-size:14px}.fit-table th{color:var(--muted);font-size:12px}.result-actions{display:flex;gap:12px;margin:24px 0}.disclaimer{color:var(--muted);font-size:12px}.error{border-color:#e35d6a!important;background:#fff7f7!important}.error-message{color:#c93446;font-size:13px;margin:7px 0 0}@media(max-width:700px){.container{width:min(100% - 22px,960px)}.hero-card{margin-top:24px;padding:34px 22px;border-radius:22px}.hero-card h1{font-size:32px}.choice-grid,.direction-grid{grid-template-columns:1fr}.form-section h2,.result-header h2{font-size:27px}.question-card{padding:17px}.range-row{grid-template-columns:100px 1fr 24px}.form-actions{position:sticky;bottom:0;background:rgba(246,248,252,.93);padding:12px 0;margin:20px 0 0;z-index:2}}
@media print{.site-header,.hero-card,.form-actions,.progress-wrap,.result-actions{display:none!important}.container{width:100%}.result-section{margin:0}.result-header{box-shadow:none;color:#000;background:#fff;border:2px solid #246bfe}.result-header p{color:#333}.result-block{break-inside:avoid}}
.basic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.basic-grid label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:13px}.basic-grid input,.basic-grid select{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:#fff;color:var(--ink);font:inherit}.basic-grid input:focus,.basic-grid select:focus{outline:2px solid #c8d8ff;border-color:var(--primary)}.success-tag{background:#eaf8f2;color:#107c5d}.muted{color:var(--muted)}.strength-list{margin-top:13px}.result-block h4{margin:22px 0 8px;font-size:16px}@media(max-width:700px){.basic-grid{grid-template-columns:1fr}}