/* 95海外 - 注册 / 注册成功 / 会员中心 */

.register-page,
.member-page{
    width:min(960px, calc(100% - 32px));
    margin:28px auto 48px;
}

.register-card,
.success-card{
    max-width:720px;
    margin:0 auto;
    background:#fff;
    border-radius:16px;
    padding:30px;
    box-shadow:0 8px 28px rgba(7,42,115,.07);
}

.register-head h1,
.success-card h1{
    margin:0;
    color:#072a73;
}

.register-head p{
    color:#718197;
    margin:10px 0 22px;
}

.form-group{
    margin-bottom:17px;
}

.form-group label{
    display:block;
    margin-bottom:7px;
    font-weight:700;
    color:#1e3046;
}

.form-group input,
.form-group select{
    width:100%;
    height:44px;
    border:1px solid #d6dfeb;
    border-radius:8px;
    padding:0 12px;
    font-size:15px;
    background:#fff;
    outline:none;
}

.form-group input:focus,
.form-group select:focus{
    border-color:#174d9d;
    box-shadow:0 0 0 3px rgba(23,77,157,.08);
}

.email-row{
    display:grid;
    grid-template-columns:1fr 120px;
    gap:10px;
}

.send-code-btn{
    border:0;
    border-radius:8px;
    background:#d8a82e;
    color:#082b5c;
    font-weight:700;
    cursor:pointer;
}

.send-code-btn:disabled{
    cursor:not-allowed;
    opacity:.65;
}

.field-message,
.field-error{
    margin-top:7px;
    font-size:13px;
}

.field-message.success{
    color:#228151;
}

.field-message.error,
.field-error{
    color:#c43d3d;
}

.form-message{
    padding:12px 14px;
    border-radius:8px;
    margin-bottom:18px;
}

.form-message.error{
    background:#fff0f0;
    color:#a52f2f;
}

.agreement-row{
    margin:8px 0 6px;
}

.agreement-row label{
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
}

.agreement-row input{
    width:16px;
    height:16px;
}

.agreement-row a{
    color:#0b3d83;
}

.register-btn{
    width:100%;
    height:46px;
    margin-top:16px;
    border:0;
    border-radius:8px;
    background:#0a347b;
    color:#fff;
    font-size:16px;
    cursor:pointer;
}

.register-btn:disabled{
    background:#b8c0cb;
    color:#eef1f5;
    cursor:not-allowed;
}

.register-note{
    margin-top:14px;
    color:#8895a6;
    font-size:13px;
    line-height:1.7;
    text-align:center;
}

/* 注册成功 */

.success-card{
    text-align:center;
}

.success-check{
    width:70px;
    height:70px;
    border-radius:50%;
    margin:0 auto 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#edf8f2;
    color:#23885c;
    font-size:38px;
    font-weight:800;
}

.success-lead{
    color:#607187;
    font-size:17px;
}

.success-summary{
    margin:22px auto;
    border:1px solid #e2e8f0;
    border-radius:10px;
    overflow:hidden;
    text-align:left;
}

.success-summary div{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:12px 15px;
    border-bottom:1px solid #edf1f5;
}

.success-summary div:last-child{
    border-bottom:0;
}

.success-summary span{
    color:#7b8898;
}

.success-summary strong{
    color:#072a73;
}

.success-next{
    padding:15px 17px;
    background:#fff9e9;
    border-left:4px solid #d8a82e;
    text-align:left;
    line-height:1.8;
}

.success-points{
    margin:20px 0;
    text-align:left;
}

.success-points div{
    display:flex;
    align-items:center;
    gap:11px;
    padding:10px 0;
    border-bottom:1px solid #edf1f5;
}

.success-points b{
    width:29px;
    height:29px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#072a73;
    color:#fff;
}

.success-buttons{
    display:flex;
    gap:10px;
    justify-content:center;
}

.primary-link,
.secondary-link{
    min-width:190px;
    padding:12px 18px;
    border-radius:8px;
    text-decoration:none;
    text-align:center;
}

.primary-link{
    background:#072a73;
    color:#fff;
}

.secondary-link{
    background:#eef3f8;
    color:#072a73;
}

.auto-jump{
    margin-top:15px;
    color:#8d98a6;
    font-size:13px;
}

/* 会员中心 */

.member-hero{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    background:#fff;
    border-radius:14px;
    padding:28px;
    box-shadow:0 8px 26px rgba(7,42,115,.06);
}

.member-welcome{
    color:#c79522;
    font-weight:700;
}

.member-hero h1{
    margin:7px 0;
    color:#072a73;
}

.member-hero p{
    margin:0;
    color:#6e7e92;
}

.member-number{
    background:#072a73;
    color:#fff;
    border-radius:12px;
    padding:17px 22px;
    text-align:center;
    min-width:150px;
}

.member-number span{
    display:block;
    font-size:13px;
    color:#dce5f1;
}

.member-number strong{
    display:block;
    margin-top:5px;
    font-size:25px;
}

.profile-reward{
    margin-top:18px;
    padding:18px 20px;
    background:#fff9e9;
    border:1px solid #f0dfaa;
    border-radius:12px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}

.profile-reward strong{
    color:#74520b;
}

.profile-reward p{
    margin:6px 0 0;
    color:#816d42;
}

.profile-reward a{
    white-space:nowrap;
    background:#d8a82e;
    color:#082b5c;
    padding:10px 15px;
    border-radius:7px;
    text-decoration:none;
    font-weight:700;
}

.member-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:18px;
    margin-top:18px;
}

.member-card{
    display:block;
    background:#fff;
    border:1px solid #e3e9f1;
    border-radius:12px;
    padding:22px;
    text-decoration:none;
}

.member-card strong{
    color:#072a73;
    font-size:18px;
}

.member-card p{
    color:#6e7e92;
    line-height:1.7;
}

.member-card span{
    color:#ba8612;
    font-weight:700;
}

@media(max-width:700px){
    .register-card,
    .success-card{
        padding:22px 18px;
    }

    .email-row{
        grid-template-columns:1fr;
    }

    .send-code-btn{
        height:42px;
    }

    .success-buttons,
    .member-hero,
    .profile-reward{
        flex-direction:column;
        align-items:stretch;
    }

    .primary-link,
    .secondary-link{
        width:100%;
    }

    .member-grid{
        grid-template-columns:1fr;
    }
}