/* ============================================================
   account_v2.css — 登录 / 注册页（青绿→蓝主题）
   作用域前缀 .ac- / 复用 inc.css 的 --hp-* 变量
   ============================================================ */

.ac-wrap{
    min-height: calc(100vh - 200px);
    display:flex; align-items:center; justify-content:center;
    padding:48px 16px;
    background:
        radial-gradient(1200px 500px at 80% -10%, rgba(31,127,209,.10), transparent 60%),
        radial-gradient(1000px 500px at 0% 110%, rgba(15,158,142,.12), transparent 60%),
        #f4f6f8;
}
.ac-card{
    width:100%; max-width:920px;
    display:flex; background:#fff; border-radius:18px; overflow:hidden;
    box-shadow:0 24px 60px rgba(15,30,50,.14);
}
/* 左侧品牌区 */
.ac-brand{
    flex:0 0 42%; padding:40px 36px; color:#fff;
    background:linear-gradient(160deg,var(--hp-primary) 0%,var(--hp-accent) 100%);
    display:flex; flex-direction:column;
}
.ac-brand-logo{
    font-size:22px; font-weight:800; color:#fff; text-decoration:none;
    letter-spacing:.5px;
}
.ac-brand-title{ margin:48px 0 10px; font-size:28px; font-weight:800; }
.ac-brand-sub{ font-size:14px; line-height:1.7; color:rgba(255,255,255,.85); margin:0; }
.ac-brand-points{ list-style:none; margin:auto 0 0; padding:0; }
.ac-brand-points li{
    display:flex; align-items:center; gap:10px;
    font-size:14px; color:rgba(255,255,255,.92); padding:10px 0;
}
.ac-ic{
    width:20px; height:20px; flex:0 0 20px; border-radius:50%;
    background:rgba(255,255,255,.18); color:#fff;
    display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700;
}
/* 右侧表单区 */
.ac-form-side{ flex:1 1 auto; padding:40px 44px; }
.ac-form-head{
    display:flex; align-items:baseline; justify-content:space-between;
    margin-bottom:28px;
}
.ac-form-title{ margin:0; font-size:24px; font-weight:800; color:var(--hp-ink); }
.ac-form-switch{ font-size:14px; color:var(--hp-primary); text-decoration:none; font-weight:600; }
.ac-form-switch:hover{ text-decoration:underline; }

.ac-field{ margin-bottom:18px; }
.ac-field > label{
    display:block; font-size:13px; font-weight:600; color:var(--hp-ink);
    margin-bottom:7px;
}
.ac-field > label font{ color:var(--hp-primary); }
.ac-field input[type=text],
.ac-field input[type=password]{
    width:100%; height:46px; padding:0 14px;
    border:1px solid var(--hp-line); border-radius:10px;
    font-size:14px; color:var(--hp-ink); background:#fcfdfe;
    transition:border-color .15s, box-shadow .15s;
    box-sizing:border-box;
}
.ac-field input:focus{
    outline:none; border-color:var(--hp-primary);
    box-shadow:0 0 0 3px var(--hp-primary-l);
}
.ac-field-code .ac-code-row{ display:flex; gap:12px; align-items:stretch; }
.ac-field-code .ac-code-row input{ flex:1 1 auto; }
.ac-code-img{
    height:46px; flex:0 0 auto; border-radius:10px; cursor:pointer;
    border:1px solid var(--hp-line);
}

/* 密码强度 */
.pw_check{ margin-top:8px; font-size:12px; }
.pw_check span{ display:inline-block; margin-right:14px; color:#b8c0c8; }
.pw_check .c_orange{ color:var(--hp-primary); font-weight:700; }

/* 选项行 */
.ac-options{
    display:flex; align-items:center; justify-content:space-between;
    margin:6px 0 22px; font-size:13px;
}
.ac-remember{ display:flex; align-items:center; gap:6px; color:var(--hp-ink-2); cursor:pointer; }
.ac-remember input{ width:15px; height:15px; accent-color:var(--hp-primary); }
.ac-forget{ color:var(--hp-primary); text-decoration:none; font-weight:600; }
.ac-forget:hover{ text-decoration:underline; }

/* 提交按钮 */
.ac-submit{
    width:100%; height:48px; border:0; border-radius:10px; cursor:pointer;
    font-size:16px; font-weight:700; letter-spacing:2px; color:#fff;
    background:linear-gradient(135deg,var(--hp-primary),var(--hp-accent));
    box-shadow:0 8px 20px rgba(15,158,142,.25);
    transition:transform .12s, box-shadow .12s;
}
.ac-submit:hover{ transform:translateY(-1px); box-shadow:0 12px 26px rgba(15,158,142,.32); }
.ac-submit:active{ transform:translateY(0); }

/* 协议 */
.ac-agree{
    display:flex; align-items:flex-start; gap:8px;
    font-size:13px; color:var(--hp-ink-2); margin:4px 0 22px;
}
.ac-agree input{ margin-top:2px; width:15px; height:15px; accent-color:var(--hp-primary); }
.ac-agree a{ color:var(--hp-primary); text-decoration:none; }
.ac-agree a:hover{ text-decoration:underline; }

/* 底部提示 */
.ac-footline{
    margin-top:20px; text-align:center; font-size:13px; color:var(--hp-ink-2);
}
.ac-footline a{ color:var(--hp-primary); text-decoration:none; font-weight:600; }
.ac-footline a:hover{ text-decoration:underline; }

/* 响应式：窄屏隐藏品牌区 */
@media (max-width:680px){
    .ac-wrap{ padding:24px 12px; }
    .ac-brand{ display:none; }
    .ac-card{ max-width:440px; }
    .ac-form-side{ padding:32px 24px; }
}