/* AI集成客服系统 · 登录卡片统一四要素补丁样式（浅色卡片 + 品牌蓝 #2f6bd8）*/
/* 取消手机登录后，切换 tab 隐藏（不再出现「手机号登录」）*/
.login-mode-switch{display:none !important}

/* 激活码输入行：与 element-plus 表单项间距保持一致 */
.login-form .dn-act-item{margin-bottom:18px}
.login-form .dn-act-item .el-input__wrapper{width:100%}
.login-form .dn-act-item .dn-act-ic{color:#7f92ad}
.login-form .dn-act-item .el-input__inner{letter-spacing:.5px}

/* ===== 统一身份注册区块（与其它子系统一致，浅色版）===== */
.login-form-content .daniu-yht-reg{margin-top:14px;width:auto;max-width:100%;box-sizing:border-box}
.login-form-content .daniu-yht-reg .dyr-div{display:flex;align-items:center;gap:12px;margin:16px 0 10px;color:#8a93a3;font-size:12px;font-weight:600;letter-spacing:1px}
.login-form-content .daniu-yht-reg .dyr-div span{flex:1;height:1px;background:rgba(47,107,216,.22)}
.login-form-content .daniu-yht-reg .dyr-div b{color:#8a93a3;font-weight:600;white-space:nowrap}
.login-form-content .daniu-yht-reg .dyr-box{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;gap:9px;padding:12px 6px;border-radius:13px;background:rgba(47,107,216,.06);border:1px solid rgba(47,107,216,.22);white-space:nowrap;box-sizing:border-box}
.login-form-content .daniu-yht-reg .dyr-btn{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex:0 0 auto;font-size:13.5px;font-weight:700;color:#fff;background:#2f6bd8;border:1px solid #2f6bd8;padding:11px 16px;border-radius:999px;text-decoration:none;white-space:nowrap;box-shadow:none}
.login-form-content .daniu-yht-reg .dyr-btn:hover{color:#fff;background:#1c3f7c;border-color:#1c3f7c}
.login-form-content .daniu-yht-reg .dyr-tip{font-size:12px;line-height:1.4;color:#5a6473;text-align:left;white-space:nowrap;flex:0 0 auto;margin:0}
.login-form-content .daniu-yht-reg .dyr-back{display:block;text-align:center;margin-top:12px;font-size:12.5px;font-weight:600;color:#5a6473;text-decoration:none}
.login-form-content .daniu-yht-reg .dyr-back:hover{color:#2f6bd8}

@media (max-width:760px){
  .login-form-content .daniu-yht-reg .dyr-tip{font-size:min(12px,3.2vw)}
  .login-form-content .daniu-yht-reg .dyr-box{gap:8px;padding:11px 8px}
  .login-form-content .daniu-yht-reg .dyr-btn{font-size:min(13.5px,3.6vw);padding:10px 12px}
}

/* ===== [R6-20260924] 登录页布局优化 =====
   目标：① 左栏介绍与右栏登录卡作为一个整体水平居中，缩小两栏间距（原来差距 ~376px 过大）
        ② 登录卡适当加宽（300px → 448px），使底部注册区「账号注册 → + 一号通账号，通行全平台 AI 子系统」不再拥挤
        ③ 登录标题 / 副标题居中
   集群宽度 = 介绍栏 388 + 间距 64 + 登录卡 448 = 900，整体居中于视口 */
@media (min-width:1000px){
  .login-shell{
    box-sizing:border-box;
    padding:0 max(0px, calc((100% - 900px) / 2));
    background:linear-gradient(90deg,
        #fff 0 calc(50% - 450px),
        #bae0fb calc(50% - 450px) calc(50% - 62px),
        #fff calc(50% - 62px) 100%);
  }
  .login-form-content{
    width:448px;
    margin:0 0 0 64px;
  }
}
.login-form-header{text-align:center;align-items:center}
.login-form-header h2{text-align:center}
.login-form-caption{text-align:center}


/* ===== [R6b-20260924] 背景整体页面化：整页统一柔和渐变，去掉左栏色块与边线 =====
   问题：左栏 .login-promo 有内联浅蓝渐变背景 + .login-form-panel 白底，
        在页面里形成两块「色块」，交界处出现明显竖向边线。
   做法：① .login-shell 铺满整页的柔和渐变（无硬切点）；
        ② .login-promo / .login-form-panel 背景透明，让整页渐变自然贯穿；
        ③ 用 !important 覆盖 promo 的内联 background。 */
@media (min-width:1000px){
  .login-shell{
    background:linear-gradient(100deg,#d3e8ff 0%,#e6f2ff 34%,#f5faff 64%,#ffffff 90%) !important;
  }
  .login-promo,
  .login-form-panel{
    background:transparent !important;
  }
}
