*{box-sizing:border-box}body{margin:0;font-family:Arial,"Microsoft YaHei";background:linear-gradient(135deg,#5967d8,#8d62bd);min-height:100vh}.wrap{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.card{width:100%;max-width:540px;background:#fff;border-radius:20px;padding:32px;text-align:center}.card input{width:100%;padding:15px;margin:12px 0;border:1px solid #ddd;border-radius:10px}.card button,.btn{padding:12px 18px;border:0;border-radius:9px;background:#5967d8;color:white;cursor:pointer;text-decoration:none}.box,.otp{background:#f5f6fa;padding:15px;border-radius:10px;margin:12px 0;text-align:left}.box label{display:block;color:#777;font-size:13px}.box button{float:right;padding:6px 10px}.time{background:#fff3d9;padding:14px;border-radius:10px}.time strong{display:block;color:#c44}.bad{color:#c33}.otp{text-align:center}.otp b{font-size:28px;letter-spacing:4px;color:#3545b5}