.form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:Arial,sans-serif;color:#333;background-color:#fff;padding:20px 0 40px 0}h2{margin-bottom:30px}.input-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;padding:0 15px;color:#606266}.label{margin-right:10px}.input-field{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:16px}.button-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}.button{padding:10px 20px;background-color:#007bff;color:#fff;border:1px solid #dcdfe6;border-radius:4px;font-size:16px;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.button:hover{background-color:#0056b3}.result{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input-field[readonly]{background-color:#f1f1f1}