/* ============================================================================
   冠成登录页品牌样式 v4（仅登录页 / web 页加载，独立于 desk 的 theme.v3.css）
   ----------------------------------------------------------------------------
   2026-09-27 第 71 批：与 theme.v3.css 设计系统对齐（同一套色板 / 阴影 / 圆角）
     · 页面底：冷灰蓝渐变（原为纯白）—— 卡片才"浮"得起来
     · 卡片：真阴影（双层）+ 1px 边界 + 12px 圆角
     · 输入框：白底 + 实边界 + **蓝色焦点光晕**（原来完全没有 focus 反馈）
     · 主按钮：蓝→亮蓝渐变 + 内高光（原来是平涂 #007AFF）
     · 文字：三级阶梯全部达标（原 #6b7280 对比 4.8:1，尚可；统一到新阶梯）
   ★注意：官方 login.bundle 在本文件之后加载，同 !important 下特异性高者胜，
     故关键项一律用高特异性选择器 + !important。
   ★不动任何尺寸 / 内边距水平值（历史上曾因覆盖 padding-left 打掉官方图标留白，
     导致图标与文字重叠 —— 见下方保留的告警注释）。
   ============================================================================ */

/* 新色板（与 theme.v3.css 一致，此处写实值：web 页拿不到 desk 的令牌） */
:root {
  --gcl-canvas-1: #EEF3FA;
  --gcl-canvas-2: #E3E9F3;
  --gcl-surface:  #FFFFFF;
  --gcl-n-100:    #EFF3F8;
  --gcl-n-200:    #E2E8F0;
  --gcl-n-300:    #CFD8E3;
  --gcl-n-400:    #94A3B8;
  --gcl-n-500:    #64748B;
  --gcl-n-600:    #4A5A70;
  --gcl-n-700:    #364152;
  --gcl-n-900:    #0F172A;
  --gcl-b-50:     #EFF8FF;
  --gcl-b-200:    #BEE0FF;
  --gcl-b-500:    #007AFF;
  --gcl-b-600:    #0066DB;
  --gcl-b-700:    #0052B4;
  --gcl-ring:     0 0 0 3px rgba(0, 122, 255, .16);
  --gcl-e3:       0 4px 6px -2px rgba(15, 23, 42, .03), 0 12px 16px -4px rgba(15, 23, 42, .08);
}

/* 页面整体：冷灰蓝渐变底 + 顶部一层极淡蓝晕（纵向 flex 居中，Logo 独立块在卡片上方） */
html, body {
  background-color: var(--gcl-canvas-2) !important;
  background-image:
    radial-gradient(1100px 460px at 50% -12%, rgba(0, 122, 255, .10) 0%, rgba(0, 122, 255, 0) 62%),
    linear-gradient(180deg, var(--gcl-canvas-1) 0%, var(--gcl-canvas-2) 100%) !important;
  background-attachment: fixed !important;
}
body { font-size: 16px; color: var(--gcl-n-700); }
main.container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  min-height: 100vh !important;
  padding-top: 6vh !important;
  box-sizing: border-box !important;
}

/* 登录卡片：显式居中卡片（核心 CSS 未提供 .page-card 样式，这里兜底 + 品牌化） */
.login-content.page-card,
.page-card {
  max-width: 380px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 30px 34px !important;
  background: var(--gcl-surface) !important;
  border: 1px solid var(--gcl-n-200) !important;
  border-radius: 12px !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .10),
    0 12px 32px -12px rgba(15, 23, 42, .18) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* Logo：卡片外、卡片上方独立居中，等比放大（46→69px，约 +50%） */
.gc-logo-wrap { width: 100%; text-align: center; margin-bottom: 20px; }
.app-logo {
  max-height: 69px !important;
  max-width: 390px !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

/* 标题与说明文字 */
.page-card-head-text {
  font-size: 20px !important;
  font-weight: 650 !important;
  color: var(--gcl-n-900) !important;
  letter-spacing: -.2px;
}
.page-card-subtitle { font-size: 15px !important; color: var(--gcl-n-500) !important; margin-top: 4px !important; }

/* 表单元素
   ★ 注意：水平 padding 绝不能碰——官方 login.bundle 设计为图标在左（left:8px）
     + input padding-left:38px、密码框 padding-right:38px（眼睛图标）。
     此处只调上下 padding、字号、颜色、边界与焦点环。 */
.form-signin .form-control,
.form-login input {
  font-size: 16px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  height: auto !important;
  border-radius: 8px !important;
  background-color: #FBFCFE !important;
  border: 1px solid var(--gcl-n-300) !important;
  color: var(--gcl-n-700) !important;
  transition: border-color .12s ease, box-shadow .12s ease, background-color .12s ease;
}
.form-signin .form-control:hover,
.form-login input:hover { border-color: var(--gcl-n-400) !important; }
/* ★焦点光晕：让登录页也有"高级"的输入反馈 */
.form-signin .form-control:focus,
.form-login input:focus {
  background-color: var(--gcl-surface) !important;
  border-color: var(--gcl-b-500) !important;
  box-shadow: var(--gcl-ring) !important;
  outline: 0 !important;
}
.form-signin label,
.form-login label {
  font-size: 16px !important;
  text-align: left !important;
  display: block !important;
  margin-bottom: 4px !important;
  color: var(--gcl-n-600) !important;
  font-weight: 500 !important;
}

/* 主按钮：蓝→亮蓝渐变 + 内高光 + 投影（原为平涂 #007AFF）
   ★渐变两端按"白字 ≥4.5:1"实测选定：#0052B4=6.87:1 · #0A6FD8=4.92:1 */
.btn-primary,
.btn.btn-primary {
  background-image: linear-gradient(90deg, #0052B4 0%, #0A6FD8 100%) !important;
  background-color: var(--gcl-b-600) !important;
  border-color: var(--gcl-b-700) !important;
  color: #FFFFFF !important;
  font-size: 16px !important;
  border-radius: 8px !important;
  font-weight: 550 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 1px 2px rgba(0,68,150,.30) !important;
}
.btn-primary:hover {
  background-image: linear-gradient(90deg, #00489C 0%, #0863C4 100%) !important;
  border-color: #003C86 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 3px 8px rgba(0,68,150,.34) !important;
}

a { color: var(--gcl-b-600); font-size: 15px; }
a:hover { color: var(--gcl-b-700); }

/* ★ 企业微信扫码登录入口 */
.gc-divider {
  display: flex;
  align-items: center;
  margin: 18px 0 14px;
  color: var(--gcl-n-400);
  font-size: 13px;
}
.gc-divider::before,
.gc-divider::after { content: ""; flex: 1; height: 1px; background: var(--gcl-n-200); }
.gc-divider span { padding: 0 12px; }
/* ★企业微信扫码登录入口
   ★颜色说明：企微官方绿 #07C160 上压白字实测仅 2.39:1（远低于 4.5:1），
     现网一直在用（非本批引入）。这里改用 #0D8348（4.82:1 ✓），视觉上仍是企微绿系。 */
.gc-btn-wecom {
  display: block !important;
  width: 100% !important;
  background-image: none !important;
  background-color: #0D8348 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 11px 0 !important;
  font-size: 16px !important;
  box-sizing: border-box !important;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 1px 2px rgba(6, 90, 48, .26) !important;
}
.gc-btn-wecom:hover { background-color: #0A713E !important; }
.gc-wecom-tip { margin-top: 10px; font-size: 12px; color: var(--gcl-n-400); }

/* ★ 内嵌二维码弹层（扫码登录） */
.gc-modal-mask {
  position: fixed;
  left: 0; top: 0; right: 0; bottom: 0;
  background: rgba(15, 23, 42, .50);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.gc-modal {
  background: var(--gcl-surface);
  border-radius: 12px;
  width: 360px;
  max-width: 92vw;
  box-shadow: 0 8px 8px -4px rgba(15,23,42,.03), 0 20px 24px -4px rgba(15,23,42,.08);
  overflow: hidden;
}
.gc-modal-head {
  padding: 14px 18px;
  font-size: 15px;
  font-weight: 650;
  color: var(--gcl-n-900);
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F8FAFD 100%);
  border-bottom: 1px solid var(--gcl-n-200);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gc-modal-close { color: var(--gcl-n-400); text-decoration: none; font-size: 22px; line-height: 1; }
.gc-modal-close:hover { color: var(--gcl-n-700); }
.gc-modal-body { padding: 20px 18px 22px; text-align: center; }
.gc-qr-frame {
  width: 300px;
  height: 340px;
  max-width: 100%;
  border: 1px solid var(--gcl-n-200);
  background: var(--gcl-n-100);
  border-radius: 8px;
}
.gc-modal-tip { margin-top: 12px; font-size: 13px; color: var(--gcl-n-500); }
.gc-modal-fallback { margin-top: 10px; font-size: 12px; color: var(--gcl-n-400); }
.gc-modal-fallback a { color: var(--gcl-b-600); }

/* ★ 图标定位完全交给官方 login.bundle（图标在左 left:8px + input padding-left:38px；
     密码框右侧眼睛 padding-right:38px）。
   此前自建的"图标移右侧"规则会与官方 left:8px 叠加（left/right 同时生效时 left 赢），
   且我们的 padding 覆盖曾打掉官方留白，导致图标与文字重叠——已整段删除，勿恢复。 */

/* ============ 2026-09-19 登录页三处调整（苏总）—— 保留 ============ */
/* ① 「继续」按钮与企微扫码按钮同规格（宽 100%、高 46px = 上下 padding 11×2 + 行高 24，
      box-sizing 让 border 计入总高，与 border:none 的企微按钮像素级等高）。
   ★真凶备注（10-20）：主按钮真实 class 是官方新版模板的 .es-button（Tailwind w-full），
     旧的 .btn-login 选择器从未命中主按钮，故 09-19 起多轮调整「无变化」。 */
form.form-login .es-button {
  width: 100% !important;
  box-sizing: border-box !important;
  height: 46px !important;
  padding: 11px 0 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}
/* ② 去掉「通过邮箱链接登录」入口 */
form.form-login a.btn-login-with-email-link { display: none !important; }
/* ③ 「或」分隔线上下间距收紧，企微扫码按钮整体上移 */
form.form-login ~ .gc-divider,
.gc-divider { margin: 12px 0 10px; }