.su-bayisi-tool,.su-bayisi-guide{max-width:100%;font-family:inherit;color:#173b46}
.su-bayisi-tool{border:1px solid #cfe4e4;border-radius:18px;padding:24px;background:#f5fbfa;margin:24px 0}
.su-bayisi-hero{background:linear-gradient(125deg,#075a70,#138e83);color:#fff;border-radius:15px;padding:23px 26px}
.su-bayisi-hero h3{color:#fff;margin:9px 0}
.su-bayisi-hero p{color:#e9fcf9;margin:0}
.su-bayisi-badge{display:inline-block;background:#d9fff4;color:#075149;border-radius:99px;padding:5px 11px;font-size:.85em;font-weight:700}
.su-bayisi-form fieldset{border:1px solid #c6dedc;border-radius:13px;margin:18px 0;padding:17px}
.su-bayisi-form legend{font-weight:700;color:#07596a;padding:0 7px}
.su-bayisi-grid,.su-bayisi-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px}
.su-bayisi-grid label{display:flex;flex-direction:column;gap:6px;font-weight:650;color:#174858;min-width:0}
.su-bayisi-grid input{border:1px solid #a9c9ca;background:#fff;border-radius:9px;padding:11px 12px;min-height:44px;width:100%;box-sizing:border-box;color:#173b46}
.su-bayisi-grid input:focus{outline:2px solid #0b7b83;outline-offset:1px}
.su-bayisi-grid small{font-weight:400;color:#557078}
.su-bayisi-button{background:#086e78;border:0;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:13px 22px;margin-top:5px}
.su-bayisi-button:hover{background:#07545d}
.su-bayisi-button:focus-visible{outline:3px solid #f6ab35;outline-offset:3px}
.su-bayisi-status{min-height:1.5em;margin:15px 0;color:#086477;font-weight:650}
.su-bayisi-status.su-bayisi-error{color:#a92a2a}
.su-bayisi-results{margin-top:18px}
.su-bayisi-card{background:#fff;border:1px solid #cbdedf;border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:6px}
.su-bayisi-card span{color:#4d6871;font-size:.9em}
.su-bayisi-card strong{font-size:1.33em;color:#154a56}
.su-bayisi-card-main{background:#ddf7ea;border-color:#8bceb0}
.su-bayisi-card-main strong{color:#0b634d}
.su-bayisi-note,.su-bayisi-limit{color:#526b71;font-size:.93em;line-height:1.55}
.su-bayisi-note{margin:14px 0 2px}
.su-bayisi-limit{margin:18px 0 0}
.su-bayisi-tool [hidden]{display:none!important}
@media(max-width:600px){.su-bayisi-tool{padding:14px}.su-bayisi-hero{padding:18px}.su-bayisi-grid,.su-bayisi-results{grid-template-columns:1fr}}
.su-bayisi-guide{line-height:1.65}.su-bayisi-guide h3{margin-top:26px;color:#155365}.su-bayisi-guide h4{margin-top:18px;color:#155365}.su-bayisi-guide p{margin:10px 0}