:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#172d42;background:#f4f8fc;font-size:16px;font-synthesis:none;--blue:#168bee;--pink:#e84b9b;--teal:#12a98e}*{box-sizing:border-box}body{margin:0}header{height:78px;background:white;border-bottom:1px solid #dce7f0;display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand{font-size:15px;font-weight:800;letter-spacing:1.4px;color:#1374c5}.brand span{font-weight:400;letter-spacing:0;margin-left:20px;color:#627489}.version{font-size:14px;color:#64768a}main{max-width:1560px;margin:auto;padding:30px 42px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{font-size:34px;margin:0 0 8px;letter-spacing:-.8px}.intro p{color:#64768a;margin:0}.privacy{text-align:right;font-size:14px;line-height:1.6;color:#718096}.privacy strong{color:#138c78;font-weight:500}.notice{font-size:14px;line-height:1.55;background:#fff7e8;border-left:3px solid #eeb546;padding:13px 17px;color:#7b591f;margin-bottom:24px}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr);gap:26px;align-items:start}.input-panel,.result-panel{background:white;border:1px solid #dce7f0;border-radius:12px}.input-panel{padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}h2{font-size:20px;margin:0}.quiet{border:0;background:transparent;font-size:14px;color:#1278c6;padding:6px;cursor:pointer}.quiet:hover{text-decoration:underline}fieldset{border:0;border-top:1px solid #e8edf3;margin:0 0 19px;padding:16px 0 0}legend{padding:0 14px 0 0;font-size:14px;font-weight:700;color:#587089;letter-spacing:.3px}.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 16px}label.field{display:block;font-size:14px;font-weight:500;line-height:1.3}label.field small{color:#8090a0;font-size:12px;margin-left:3px;font-weight:400}input[type=number],select{width:100%;margin-top:6px;border:1px solid #cedce8;border-radius:6px;padding:9px 10px;font-family:inherit;font-size:15px;background:#fcfdff;color:#243d53;height:39px}input:focus,select:focus,button:focus-visible{outline:2px solid #168bee;outline-offset:2px}button{font-family:inherit}.confirm{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#607185;line-height:1.5}.confirm input{accent-color:#168bee;margin-top:3px;flex-shrink:0}.actions{display:flex;align-items:center;gap:17px;margin-top:17px}#calculate{background:#168bee;color:white;font-weight:700;border:0;border-radius:7px;padding:13px 30px;font-size:16px;cursor:pointer}#calculate:hover{background:#0874cd}#form-status{font-size:13px;color:#7c8a99}#error{margin:12px 0 0;color:#b43e46;font-size:14px;line-height:1.5}.result-panel{padding:28px;position:sticky;top:18px;border-top:4px solid #168bee}.result-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.3px;color:#547089}#sample-label{font-size:12px;color:#128b77}.risk{font-size:74px;line-height:1.12;letter-spacing:-2px;font-weight:700;color:#137ccc;margin-top:25px}.risk span{font-size:28px;letter-spacing:0;margin-left:5px}.risk-description{font-size:15px;margin:8px 0 14px;color:#39566d}.result-note{font-size:13px;line-height:1.55;color:#6d7e8f;min-height:40px}.rule{border-top:1px solid #e5edf4;margin:21px 0}.subtle{font-size:13px;color:#76889a;margin:8px 0 16px}.legend{display:flex;gap:14px;font-size:12px;margin-bottom:23px}.legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}.up:before{background:#e84b9b}.down:before{background:#168bee}.explanation{min-height:220px}.shap-row{display:grid;grid-template-columns:135px 1fr 48px;gap:9px;align-items:center;margin:14px 0;font-size:13px}.shap-track{height:13px;background:linear-gradient(to right,#f4f8fc 49.5%,#bacbd9 49.5%,#bacbd9 50.5%,#f4f8fc 50.5%);position:relative}.shap-bar{height:9px;top:2px;position:absolute;border-radius:2px}.shap-number{text-align:right;font-variant-numeric:tabular-nums;color:#62788b}.identity{font-size:12px;padding:12px 0;color:#7a8d9f;line-height:1.6;border-top:1px solid #e7eef4}.download{width:100%;background:white;border:1px solid #b9d5e9;border-radius:6px;padding:11px;color:#177dbc;font-size:14px;cursor:pointer}.download:disabled{opacity:.45;cursor:default}.footnote{font-size:12px;line-height:1.5;color:#8190a0;margin-bottom:0}.empty{font-size:14px;color:#91a0af;padding-top:65px;text-align:center}.methods{margin-top:25px;border-top:1px solid #dce6ef;padding:20px 0;color:#62788b;font-size:14px;line-height:1.65}summary{cursor:pointer;font-weight:600;color:#3e5b72}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}h3{font-size:15px;margin-bottom:5px}footer{font-size:12px;color:#8a9bad;margin:12px 0}@media(min-width:1500px){main{padding-top:35px}.field-grid{gap:17px 20px}}@media(max-width:1000px){main{padding:25px}.workspace{grid-template-columns:1fr}.result-panel{position:static}.method-grid{grid-template-columns:1fr}.explanation{min-height:0}}@media(max-width:600px){header{height:auto;padding:18px 20px}.brand{font-size:12px}.brand span,.version,.privacy{display:none}main{padding:22px 14px}h1{font-size:28px}.input-panel,.result-panel{padding:20px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-heading{align-items:flex-start;flex-direction:column}.actions{align-items:flex-start;flex-direction:column}.shap-row{grid-template-columns:120px 1fr 45px}}
