body{background:#f6f8f6}.tool-banner{padding:48px 0 34px;background:linear-gradient(135deg,#edf4ef,#fbfaf4);border-bottom:1px solid var(--line)}.tool-banner h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 10px}.tool-banner p{margin:0;color:#576a61;max-width:760px}.container{width:min(calc(100% - 36px),680px);margin:38px auto 70px;padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-soft)}.container .data-note{margin:0 0 24px;width:100%;font-size:.92rem}.container form{display:grid;gap:10px}.container label{display:block;margin-top:5px;font-weight:800;color:var(--green-950)}.container input,.container select{margin:0 0 6px}.container button{min-height:48px;margin-top:8px;border:0;border-radius:10px;background:var(--green-800);color:#fff;font-weight:800;cursor:pointer}.container button:hover{background:var(--green-700)}.result-box{display:none;margin-top:22px;padding:22px;border:1px solid #bcd4c1;border-radius:14px;background:#eef7ef;color:#244b34;font-size:1.2rem;font-weight:800;text-align:center;box-shadow:0 8px 20px rgba(19,57,46,.06)}
@media(max-width:600px){.tool-banner{padding:38px 0 28px}.container{width:calc(100% - 26px);padding:22px;margin-top:26px}}