*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
body{
    background:#191919;
    color:#eee;
    font-family:Microsoft Yahei,sans-serif;
}
.register-wrap{
    max-width:520px;
    margin:40px auto;
    padding:0 20px;
}
.form-item{
    margin-bottom:22px;
}
.form-item label{
    display:block;
    margin-bottom:8px;
    font-size:15px;
}
.form-item input{
    width:100%;
    padding:10px 12px;
    background:#272727;
    border:1px solid #444;
    color:#fff;
    border-radius:3px;
    font-size:14px;
}
.form-tip{
    margin-top:6px;
    font-size:13px;
    color:#999;
}
.code-row{
    display:flex;
    gap:12px;
}
.code-row input{
    flex:1;
}
.sms-btn{
    padding:0 18px;
    background:#1874e8;
    color:#fff;
    border:none;
    border-radius:3px;
    cursor:pointer;
    white-space:nowrap;
}
.checkbox-row{
    display:flex;
    align-items:center;
    gap:8px;
}
.checkbox-row a{
    color:#4998ff;
    text-decoration:none;
}
.submit-btn{
    width:100%;
    padding:14px;
    background:#1874e8;
    color:#fff;
    border:none;
    border-radius:3px;
    font-size:18px;
    cursor:pointer;
    margin:12px 0;
}
.bottom-link{
    text-align:center;
    font-size:14px;
    color:#aaa;
}
.bottom-link a{
    color:#4998ff;
    text-decoration:none;
}
.submit-btn:disabled{
    background:#446694;
    cursor:not-allowed;
    opacity:0.6;
}
.checkbox-row{
    display:flex;
    align-items:center;
    gap:8px;
    justify-content:flex-start;
}
.checkbox-row input[type="checkbox"]{
    width:auto;
}
/*上中下布局*/
.reg-header {
    width: 100%;
    min-height: 180px;
    background: linear-gradient(135deg, #1e3a8a 0%, #312e81 100%);
    position: relative;
}


.reg-main{
    width:100%;
    padding:40px 0;
    background:#191919;
}

.reg-footer{
    width:100%;
    min-height:100px; /*底部预留高度*/
    padding:20px 0;
    background:#111;
    color:#999;
    text-align:center;
    font-size:13px;
}