:root{--ink:#15343c;--jade:#087b6a;--amber:#d8a53c;--paper:#f4f7f6;--line:#d8e2e0;--muted:#6d8383}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit;cursor:pointer}.questionnaire{min-height:100vh}.questionnaire header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(860px,100% - 36px);margin:auto;padding:26px 0;display:flex}.questionnaire header p{color:var(--muted);margin:0;font-size:12px}.questionnaire header b{font-family:Songti SC,serif}.intro,.question,.result{width:min(760px,100% - 36px);margin:70px auto}.intro{border:1px solid var(--line);background:#fff;max-width:860px;padding:56px}.eyebrow{color:var(--jade);letter-spacing:.14em;margin:0 0 13px;font-size:11px;font-weight:800}.intro h1,.question h1,.result h1{margin:0;font:700 clamp(30px,5vw,50px)/1.2 Songti SC,serif}.intro>p:not(.eyebrow),.result>p{max-width:580px;color:var(--muted);line-height:1.8}.intro-meta{flex-wrap:wrap;gap:8px;margin:28px 0;display:flex}.intro-meta span{color:var(--jade);background:#e7f1ee;padding:7px 10px;font-size:12px}.primary{background:var(--ink);color:#fff;border:0;margin-top:22px;padding:13px 18px;font-weight:700}.primary:disabled{opacity:.45;cursor:not-allowed}.progress{color:var(--muted);grid-template-columns:30px 1fr 30px;align-items:center;gap:12px;font-size:12px;display:grid}.progress i,.dimension i{background:var(--line);height:6px;overflow:hidden}.progress b,.dimension i b{background:var(--jade);height:100%;display:block}.question h1{margin-top:34px;font-size:36px}.helper{color:var(--muted);line-height:1.6}.options{gap:10px;margin-top:30px;display:grid}.options button{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#fff;align-items:center;gap:13px;padding:16px;line-height:1.5;display:flex}.options button.selected{border-color:var(--jade);background:#e8f4f1}.options button span{border:1px solid var(--line);width:27px;height:27px;color:var(--jade);flex:0 0 27px;place-items:center;font-size:12px;display:grid}.options button.selected span{border-color:var(--jade);background:var(--jade);color:#fff}.error{color:#ad4f46}.score{align-items:baseline;gap:9px;margin:14px 0;display:flex}.score strong{color:var(--jade);font:400 86px/1 Georgia,serif}.score span{color:var(--muted)}.dimension-panel{border:1px solid var(--line);background:#fff;margin:36px 0;padding:24px}.dimension-panel h2{margin:0 0 18px;font-size:16px}.dimension{grid-template-columns:115px 1fr 42px;align-items:center;gap:12px;margin:14px 0;font-size:13px;display:grid}.dimension strong{color:var(--jade);text-align:right}.risk{border-left:3px solid var(--amber);background:#fff9ed;padding:15px;color:var(--ink)!important}@media (max-width:600px){.questionnaire header{align-items:start;gap:16px}.intro{padding:30px 24px}.intro,.question,.result{margin:38px auto}.dimension{grid-template-columns:90px 1fr 35px}.question h1{font-size:30px}}
.contact-form{border:1px solid var(--line);background:#fff;gap:10px;margin:28px 0;padding:22px;display:grid}.contact-form h2,.contact-form p{margin:0}.contact-form p{color:var(--muted);font-size:13px}.contact-form input,.contact-form select{border:1px solid var(--line);font:inherit;background:#fff;padding:11px}.contact-form .secondary{border:1px solid var(--ink);width:max-content;color:var(--ink);background:#fff;padding:10px 14px;font-weight:700}.contact-form small{color:var(--jade)}
.h5-runtime{color:#102a33;width:min(1120px,100% - 40px);padding:28px 0 24px}.h5-runtime .brand-bar{align-items:center;gap:13px;padding:0 2px;display:flex}.h5-runtime .brand-name{letter-spacing:.12em;margin:0;font:700 18px Songti SC,serif}.h5-runtime .brand-subtitle{color:#64767b;letter-spacing:.08em;margin:0;font-size:11px;font-weight:400}.intro-panel{background:#fff;border:1px solid #102a331f;border-radius:30px;grid-template-columns:minmax(0,1.08fr) minmax(350px,.72fr);min-height:670px;margin-top:26px;display:grid;overflow:hidden;box-shadow:0 22px 65px #102a331c}.intro-copy{flex-direction:column;justify-content:center;padding:clamp(46px,7vw,92px);display:flex}.intro-copy h1{margin:24px 0 0;font:700 clamp(45px,6.1vw,76px)/1.17 Songti SC,serif}.intro-lead{color:#3e555d;max-width:600px;margin:26px 0 0;font-size:17px;line-height:1.85}.primary-button{color:#fff;cursor:pointer;background:#102a33;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:42px;width:fit-content;min-width:245px;margin-top:34px;padding:17px 20px 17px 24px;font-weight:700;display:inline-flex}.primary-button:hover{background:#07584f}.primary-button:disabled{cursor:not-allowed;opacity:.34}.primary-button span{font-size:23px;font-weight:400}.intro-meta{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.intro-meta span{color:#3e555d;border:1px solid #cdd9d9;border-radius:999px;padding:7px 10px;font-size:11px}.standard-ruler{color:#fff;background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/100% 42px,#102a33;padding:48px 42px;position:relative}.standard-ruler:before{content:"";background:linear-gradient(#cc5b50 0 35%,#dda633 35% 70%,#60b9a9 70%);width:5px;position:absolute;top:0;bottom:0;left:0}.standard-ruler>p{color:#ffffff94;letter-spacing:.18em;margin:0 0 26px;font-size:12px}.standard-ruler ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.standard-ruler li{letter-spacing:.08em;border-top:1px solid #ffffff21;align-items:center;min-height:52px;font:17px Songti SC,serif;display:flex}.standard-ruler li:last-child{border-bottom:1px solid #ffffff21}.standard-ruler li span{color:#dda633;width:58px;font:11px ui-monospace,monospace}.quiz-panel{width:min(760px,100%);margin:62px auto 0}.progress-header{justify-content:space-between;align-items:center;display:flex}.progress-header p{color:#3e555d;margin:0;font:13px ui-monospace,monospace}.progress-header strong{color:#102a33;font-size:20px}.progress-track{background:#e5ecec;border-radius:999px;height:4px;margin-top:12px;overflow:hidden}.progress-track span{border-radius:inherit;background:#0d7668;height:100%;transition:width .3s;display:block}.question-card{background:#fffffff2;border:1px solid #102a331f;border-radius:24px;margin-top:25px;padding:clamp(30px,6vw,60px);box-shadow:0 22px 65px #102a331c}.question-card h2{margin:15px 0 32px;font:700 clamp(28px,4.5vw,42px)/1.35 Songti SC,serif}.option-card{color:#3e555d;cursor:pointer;text-align:left;background:#fff;border:1px solid #cdd9d9;border-radius:8px;grid-template-columns:34px 1fr 22px;align-items:center;gap:12px;width:100%;min-height:70px;padding:13px 16px;font-size:15px;line-height:1.55;display:grid}.option-card:hover,.option-card.selected{background:#edf7f5;border-color:#0d7668}.option-key{color:#3e555d;border:1px solid #cdd9d9;border-radius:50%;place-items:center;width:30px;height:30px;font:12px ui-monospace,monospace;display:grid}.option-card.selected .option-key{color:#fff;background:#0d7668;border-color:#0d7668}.quiz-next{width:100%;margin-top:28px}.result-panel{width:min(930px,100%);margin:54px auto 0}.result-hero{color:#fff;background:#102a33;border-radius:26px;grid-template-columns:280px 1fr;align-items:center;gap:clamp(32px,7vw,80px);min-height:360px;padding:clamp(32px,6vw,60px);display:grid;overflow:hidden;box-shadow:0 22px 65px #102a331c}.result-hero .score{justify-content:center;align-items:baseline;gap:10px;display:flex}.result-hero .score strong{color:#dda633;font:400 98px/1 Georgia,serif}.result-hero .score span{color:#ffffff8c}.result-summary .eyebrow{color:#dda633}.result-summary h1{margin:9px 0 0;font:700 clamp(48px,7vw,78px)/1.17 Songti SC,serif}.result-summary>p:not(.eyebrow){color:#ffffffbd;max-width:500px;margin:15px 0 0;font-size:16px;line-height:1.75}.result-panel>.dimension-panel,.result-panel>.contact-form,.result-panel>.risk{margin-top:18px}.h5-runtime .dimension-panel{background:#fff;border:1px solid #102a331f;border-radius:18px;padding:32px}.h5-runtime .dimension-panel h2{margin:0 0 18px;font:700 25px/1.45 Songti SC,serif}.h5-runtime .dimension{grid-template-columns:115px 1fr 42px;align-items:center;gap:12px;margin:14px 0;font-size:13px;display:grid}.h5-runtime .dimension i{background:#e5ecec;height:6px}.h5-runtime .dimension i b{background:#dda633;height:100%;display:block}.h5-runtime .dimension strong{color:#0d7668;text-align:right}.h5-runtime .contact-form{border-radius:18px;box-shadow:0 22px 65px #102a331c}.h5-runtime .contact-form .secondary{margin-top:4px}@media (max-width:820px){.h5-runtime{width:min(100% - 28px,700px);padding-top:18px}.intro-panel{border-radius:22px;grid-template-columns:1fr;min-height:0}.intro-copy{padding:50px 32px}.standard-ruler{padding:34px 32px}.standard-ruler ol{grid-template-columns:1fr 1fr;column-gap:22px}.result-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.result-summary>p:not(.eyebrow){margin-left:auto;margin-right:auto}.h5-runtime .dimension-panel{width:100%}}@media (max-width:520px){.h5-runtime{width:min(100% - 20px,480px)}.intro-panel{margin-top:18px}.intro-copy{padding:42px 24px}.intro-copy h1{font-size:42px}.intro-lead{font-size:15px}.intro-copy .primary-button{width:100%}.standard-ruler{padding:28px 24px}.standard-ruler ol{grid-template-columns:1fr}.quiz-panel,.result-panel{margin-top:32px}.question-card{border-radius:18px;padding:28px 18px 22px}.question-card h2{margin-bottom:24px;font-size:29px}.option-card{grid-template-columns:31px 1fr 16px;gap:9px;min-height:64px;padding:11px 12px;font-size:14px}.result-hero{border-radius:20px;padding:34px 22px}.result-hero .score strong{font-size:82px}.result-summary h1{font-size:50px}.h5-runtime .dimension-panel{padding:24px 20px}.h5-runtime .dimension{grid-template-columns:90px 1fr 35px}}
.h5-runtime .brand-mark{background:#102a33;border-radius:50%;align-items:end;gap:3px;width:38px;height:38px;padding:8px;display:flex}.h5-runtime .brand-mark i{background:#dda633;border-radius:5px 5px 1px 1px;width:5px;display:block}.h5-runtime .brand-mark i:first-child{height:9px}.h5-runtime .brand-mark i:nth-child(2){height:16px}.h5-runtime .brand-mark i:nth-child(3){height:22px}.h5-runtime .brand-name{letter-spacing:.12em;margin:0;font:700 18px Songti SC,serif;display:block}.h5-runtime .brand-subtitle{color:#64767b;letter-spacing:.08em;margin-top:2px;font-size:10px;font-weight:400;display:block}.cover-art{color:#fff;text-align:center;background:#102a33;place-content:center;min-height:290px;display:grid}.rings{width:270px;height:270px;margin:auto;position:relative}.rings span{border:1px solid #d5b15d80;border-radius:50%;position:absolute;inset:12%}.rings span:nth-child(2){inset:25%}.rings span:nth-child(3){inset:38%}.rings b{color:#dda633;place-items:center;font:400 92px Georgia,serif;display:grid;position:absolute;inset:0}.cover-art p{color:#b7c5c5;letter-spacing:.16em;margin-top:34px;font-size:11px;line-height:2}.cover-art strong{color:#fff;letter-spacing:.04em;font-size:14px}@media (max-width:520px){.cover-art .rings{width:220px;height:220px}.cover-art .rings b{font-size:82px}}.h5-runtime .brand-bar{justify-content:flex-start}