@import url('common.css');

/* ============ 登录/注册页 ============ */
body.auth-page{
    background:radial-gradient(1200px 600px at 20% -10%,rgba(201,163,92,.14),transparent 60%),
               radial-gradient(900px 500px at 90% 110%,rgba(226,85,120,.10),transparent 55%),
               var(--bg);
    min-height:100vh;
}
.auth-wrap{
    max-width:440px;
    margin:0 auto;
    padding:60px 16px 40px;
}
.auth-brand{text-align:center;margin-bottom:26px}
.auth-brand .auth-logo{
    height:44px;width:auto;
    opacity:.95;
}
.auth-brand h1{font-size:20px;font-weight:700;color:var(--text);margin:14px 0 0}
.auth-brand p{color:var(--text-3);font-size:13px;margin:6px 0 0}
.auth-card{
    background:var(--bg-2);
    border:1px solid var(--border);
    border-radius:16px;
    padding:30px 28px;
    box-shadow:var(--shadow);
    animation:fadeUp .35s ease;
}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.auth-card .form-group label{font-size:13px}
.auth-card .form-group input{width:100%}
.auth-submit{width:100%;margin-top:8px;padding:12px;font-size:15px}
.auth-switch{text-align:center;margin-top:18px;color:var(--text-3);font-size:13px}
.auth-switch a{color:var(--gold);font-weight:600}
.auth-switch a:hover{color:var(--gold-light)}
.auth-tip{
    text-align:center;
    color:var(--text-3);
    font-size:12px;
    margin-top:18px;
    line-height:1.7;
}
.auth-tip a{color:var(--gold)}
.auth-tip a:hover{color:var(--gold-light)}

/* 通用表单控件（登录/注册页表单内） */
.form-group{margin-bottom:16px}
.form-group label{display:block;color:var(--text-2);font-size:13px;margin-bottom:6px}
.form-group input[type="text"],
.form-group input[type="password"],
.form-group input[type="email"]{
    background:var(--bg-3);
    border:1px solid var(--border-2);
    border-radius:8px;
    color:var(--text);
    padding:12px 14px;
    font-size:14px;
    transition:border-color .2s,box-shadow .2s;
}
.form-group input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,163,92,.15)}
.auth-remember{margin-bottom:10px}
.auth-remember label{display:flex;align-items:center;gap:6px;margin-bottom:0;cursor:pointer}
.auth-remember input[type="checkbox"]{width:auto;accent-color:var(--gold)}
.btn{
    display:inline-flex;align-items:center;justify-content:center;gap:6px;
    padding:10px 22px;
    border:none;border-radius:8px;
    background:var(--grad-gold-btn);
    color:#1a1407;font-size:14px;font-weight:600;
    transition:filter .2s,transform .1s;
}
.btn:hover{filter:brightness(1.12);color:#1a1407}
.btn:active{transform:scale(.97)}
.btn-secondary{background:var(--bg-3);color:var(--text-2);border:1px solid var(--border-2)}
.btn-secondary:hover{color:var(--text)}

/* 协议链接 / 切换链接 */
.agreement-link{color:var(--gold);font-weight:600}
.agreement-link:hover{color:var(--gold-light)}
.forgot-password-link a,.register-link a,.login-link a{
    color:var(--gold)!important;
    text-decoration:none!important;
    font-size:14px;
}
.forgot-password-link a:hover,.register-link a:hover,.login-link a:hover{color:var(--gold-light)!important}
.register-link,.login-link{text-align:center;margin-top:18px;color:var(--text-3);font-size:13px}
.register-link a,.login-link a{font-weight:600}

/* ============ 协议弹窗（register.php） ============ */
.modal{
    position:fixed;inset:0;z-index:1200;
    background:rgba(6,6,9,.72);
    display:flex;align-items:center;justify-content:center;
    padding:20px;
}
.modal-content{
    width:100%;max-width:800px;max-height:90vh;overflow-y:auto;
    background:var(--bg-2);
    border:1px solid var(--border-2);
    border-radius:14px;
    padding:24px 26px;
    box-shadow:var(--shadow);
}
.modal-header{
    display:flex;justify-content:space-between;align-items:center;
    margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border);
}
.modal-header h2{margin:0;font-size:17px;color:var(--text)}
.modal-header .close{
    font-size:24px;line-height:1;color:var(--text-3);cursor:pointer;
    background:none;border:none;
}
.modal-header .close:hover{color:var(--rose)}
#agreementContent{color:var(--text-2);font-size:13px;line-height:1.8}
#agreementContent h4{color:var(--gold-light);font-size:14px;margin:14px 0 6px}
#agreementContent p{margin:6px 0}

/* 密码强度提示（注册页） */
.password-hint{font-size:12px;color:var(--text-3);margin-top:5px;line-height:1.6}
.strength-track{flex:1;height:6px;background:rgba(255,255,255,.12);border-radius:3px;overflow:hidden}