body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;}
body,button, input, select, textarea{font: 14px/1.5 "Microsoft Yahei",tahoma,Srial,helvetica,sans-serif;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
em{font-style:normal;}
ul, ol{list-style: none;}
a{
	text-decoration: none;color:#333;
	text-decoration: none;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	tap-highlight-color: rgba(0,0,0,0); 
	focus-ring-color: rgba(0, 0, 0, 0); 
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-focus-ring-color: rgba(0, 0, 0, 0); 
	-moz-tap-highlight-color: rgba(0,0,0,0); 
	-moz-focus-ring-color: rgba(0, 0, 0, 0);
}
a:hover{
	text-decoration: none;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
/*火狐去掉按钮、连接的虚线*/
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: 0;outline : 0;} 
input,button,select,textarea{outline:none;-webkit-appearance:none;}
textarea{resize:none;}
a { text-decoration: none; color: #333; }
a{blr:expression(this.onFocus=this.blur());}
a:focus{outline:none;}
a.hidefocus{outline:none}
.button{ border-radius: 0; }
input{font-family: "微软雅黑";}
textarea{font-family: "微软雅黑";}
img{border:0px;  outline-width:0px;  vertical-align:top;}

button,select,textarea,input:not([type="radio"]):not([type="checkbox"]){-webkit-appearance:none;-moz-appearance:none;appearance:none;}
:focus{outline:0;}/* Form selected style modification */
input,button,img{border: none;background: none;border-radius: 0;}
input,button{outline: none;-webkit-appearance:none;}
input,textarea {
	tap-highlight-color: rgba(0,0,0,0); 
	focus-ring-color: rgba(0, 0, 0, 0); 
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-focus-ring-color: rgba(0, 0, 0, 0); 
	-moz-tap-highlight-color: rgba(0,0,0,0); 
	-moz-focus-ring-color: rgba(0, 0, 0, 0);
}

.container {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    padding: 25px 20px;
}
.container h2 { text-align: center; margin-bottom: 20px; color: #333; }
.container .form-group { margin-bottom: 15px; }
.container label { display: block; margin-bottom: 6px; color: #555; font-size: 14px; }
.container input {
    width: 90%; padding: 10px 5%; border: 1px solid #ddd;
    border-radius: 6px; font-size: 14px; transition: border-color 0.3s;
}
.container input:focus { outline: none; border-color: #607d8b; }
.container .code-row { display: flex; gap: 10px; }
.container .code-row input { flex: 1; }
.container .btn-send-code {
    padding: 12px 15px; background: #607d8b; color: #fff;
    border: none; border-radius: 6px; cursor: pointer;
    white-space: nowrap; font-size: 13px; transition: background 0.3s;
}
.container .btn-send-code:hover { background: #506874; }
.container .btn-send-code:disabled { background: #aaa; cursor: not-allowed; }
.container .btn-submit {
    width: 100%; padding: 14px; margin-top: 10px;
    background: linear-gradient(135deg, #607d8b, #506874);
    color: #fff; border: none; border-radius: 6px; font-size: 16px; cursor: pointer;
    transition: opacity 0.3s;
}
.container .btn-submit:hover { opacity: 0.9; }
.container .message {
    padding: 12px; border-radius: 6px; margin-bottom: 20px;
    font-size: 14px; display: none;
}
.container .message.success { background: #d4edda; color: #155724; display: block; }
.container .message.error   { background: #f8d7da; color: #721c24; display: block; }
.container .message.info    { background: #d1ecf1; color: #0c5460; display: block; }
.container .tips { font-size: 12px; color: #999; margin-top: 5px; }