*{box-sizing:border-box}body{color:#18343b;background:#f4f7f8;margin:0;font-family:Arial,sans-serif}main{max-width:1100px;margin:auto;padding:28px}header{border-bottom:1px solid #ccdadd;justify-content:space-between;align-items:center;padding:18px 0;display:flex}header b{color:#087889;font-size:26px}header span{color:#6b8085;font-size:12px;display:block}header em{background:#fff0c9;border-radius:20px;padding:8px 12px;font-size:11px;font-style:normal}.hero{padding:34px 0 20px}.hero h1{margin:0;font-size:38px}.hero p{color:#64777c}.grid{grid-template-columns:1.1fr .9fr;gap:22px;display:grid}.card{background:#fff;border:1px solid #dce5e7;border-radius:16px;padding:24px;box-shadow:0 4px 18px #16333a0b}.card h2{color:#087889;margin:8px 0 18px;font-size:17px}.card label:not(.toggle){grid-template-columns:1fr 110px 55px;align-items:center;gap:8px;margin:10px 0;display:grid}input[type=number]{border:1px solid #bfcdd0;border-radius:8px;width:100%;padding:10px}.toggle{color:#334e55;gap:10px;padding:9px 0;display:flex}button{color:#fff;background:#087889;border:0;border-radius:10px;width:100%;margin-top:24px;padding:14px;font-size:15px;font-weight:700}.empty{text-align:center;color:#7a8d91;padding:70px 15px}.level{background:#eef8fa;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.level strong{color:#b33b3b;font-size:40px}.result article{background:#fafafa;border-left:4px solid #d08b37;margin:10px 0;padding:12px}.result article b,.result article span,.result article small{display:block}.result article span{color:#9a5b16;margin:6px 0;font-weight:700}.result article small{color:#718287}.note{color:#718287;border-top:1px solid #e3eaeb;margin-top:22px;padding-top:16px;font-size:12px}@media (max-width:760px){main{padding:18px}.grid{grid-template-columns:1fr}.hero h1{font-size:30px}header em{display:none}}