/* ============================================
   auth.css —— 登录 / 注册等鉴权页专用样式
   左：品牌价值展示（hero）  右：表单卡片
   配色沿用站点主色：深蓝 #1d2b58 → 蓝紫 #4b3c8f，点缀金 #c9a25e
   ============================================ */

*{box-sizing:border-box}
body{margin:0}
a{color:#3d51b0;text-decoration:none}
a:hover{color:#33429c}

.auth-body{
    min-height:100vh;
    display:flex;align-items:center;justify-content:center;
    padding:26px 20px;
    color:#2b3554;
    font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
    background:linear-gradient(135deg,#1d2b58 0%,#2f3f82 52%,#4b3c8f 100%);
}

/* ---------- 双栏容器 ---------- */
.auth-split{
    display:grid;grid-template-columns:1.1fr .9fr;
    width:100%;max-width:1060px;
    background:#fff;border-radius:22px;overflow:hidden;
    box-shadow:0 34px 80px -22px rgba(0,0,0,.5);
}

/* ---------- 左：品牌 hero ---------- */
.auth-hero{
    position:relative;overflow:hidden;
    padding:52px 46px;
    display:flex;flex-direction:column;justify-content:center;
    color:#fff;
    background:linear-gradient(135deg,#1d2b58 0%,#2f3f82 52%,#4b3c8f 100%);
}
.auth-hero::before{
    content:'';position:absolute;inset:0;pointer-events:none;
    background:
        radial-gradient(560px 240px at 88% -30%,rgba(201,162,94,.32),transparent 70%),
        radial-gradient(520px 280px at -12% 118%,rgba(96,128,255,.28),transparent 70%);
}
.auth-hero::after{
    content:'';position:absolute;inset:0;opacity:.5;pointer-events:none;
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
    background-size:30px 30px;
}
.hero-inner{position:relative;z-index:1}
.brand{font-size:19px;font-weight:800;letter-spacing:.2em;color:#fff}
.brand b{color:#c9a25e}
.hero-tag{
    display:inline-block;margin:26px 0 16px;padding:5px 14px;
    border-radius:999px;border:1px solid rgba(255,255,255,.24);
    background:rgba(255,255,255,.10);
    font-size:12.5px;letter-spacing:.18em;color:#e6eafc;
}
.hero h1{
    margin:0 0 16px;
    font:700 33px/1.3 Georgia,"Noto Serif SC","Songti SC",serif;
    letter-spacing:.02em;text-shadow:0 2px 14px rgba(0,0,0,.32);
}
.hero h1 .hl{color:#c9a25e}
.hero p{margin:0 0 24px;font-size:14.5px;line-height:1.85;color:#c6cfee}
.hero-list{margin:0;padding:0;list-style:none}
.hero-list li{
    position:relative;padding:8px 0 8px 22px;
    font-size:14px;color:#e6eafc;
}
.hero-list li::before{
    content:'';position:absolute;left:0;top:17px;
    width:8px;height:8px;border-radius:2px;
    background:linear-gradient(#3d51b0,#c9a25e);
}

/* ---------- 右：表单卡片 ---------- */
.auth-form{
    padding:54px 46px;
    display:flex;flex-direction:column;justify-content:center;
    background:#fff;
}
.auth-card{width:100%;max-width:360px;margin:0 auto}
.auth-card h2{margin:0 0 8px;font-size:24px;font-weight:700;letter-spacing:.02em;color:#2b3554}
.auth-card .sub{margin:0 0 26px;font-size:13px;color:#8b93a8}
.auth-card .sub a{color:#3d51b0;font-weight:600}
.auth-card .sub a:hover{color:#b98a3e}

.auth-card label{display:block;margin-bottom:14px;font-size:12.5px;letter-spacing:.04em;color:#6b7490}
.auth-card .input{
    display:block;width:100%;margin-top:7px;
    padding:11px 14px;
    border:1px solid #d3d8ea;border-radius:10px;
    background:#fff;color:#2b3554;
    font:14px/1.5 inherit;
    transition:.15s;
}
.auth-card .input:focus{
    outline:0;border-color:#3d51b0;
    box-shadow:0 0 0 3px rgba(61,81,176,.15);
}
.auth-card .btn{
    display:flex;align-items:center;justify-content:center;
    width:100%;margin-top:8px;padding:11px 18px;
    border:0;border-radius:10px;cursor:pointer;
    background:linear-gradient(135deg,#33429c,#4b3c8f);
    color:#fff;font-size:14px;font-weight:600;letter-spacing:.1em;
    transition:.15s;
}
.auth-card .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}

/* 图片验证码行 */
.cap-row{display:flex;gap:10px;align-items:stretch;margin-top:7px}
.cap-row .input{margin-top:0;flex:1;min-width:0;letter-spacing:.3em;font-weight:600;text-align:center;text-transform:uppercase}
.cap-img{display:block;flex:0 0 auto;height:44px;border-radius:10px;border:1px solid #d3d8ea;cursor:pointer;transition:.15s}
.cap-img:hover{border-color:#3d51b0;box-shadow:0 0 0 3px rgba(61,81,176,.12)}
.cap-tip{display:block;margin-top:6px;font-size:11.5px;color:#a3aabb}

.auth-foot{
    margin-top:24px;padding-top:18px;
    border-top:1px dashed #e8eaf2;
    font-size:12px;line-height:1.75;color:#8b93a8;text-align:center;
}
.auth-foot a{color:#3d51b0}

/* ---------- 一次性消息 ---------- */
.flash{padding:10px 14px;border-radius:10px;margin-bottom:18px;font-size:13.5px}
.flash.info{background:#e8f4ff;color:#0958d9;border:1px solid #91caff}
.flash.ok{background:#e6f4e6;color:#1a7f37;border:1px solid #b7dfb7}
.flash.err{background:#fdeeea;color:#c0392b;border:1px solid #f5c6b8}

/* ---------- 窄屏 ---------- */
@media(max-width:820px){
    .auth-body{padding:0}
    .auth-split{grid-template-columns:1fr;max-width:100%;border-radius:0;min-height:100vh}
    .auth-hero{padding:40px 26px 34px}
    .hero h1{font-size:26px}
    .hero-list li{font-size:13.5px}
    .auth-form{padding:34px 26px 46px}
}