/* 登录/注册页：接入官网顶部导航与底部页脚，由 login-sitechrome.js 按首页版本添加 html.sj-pc / html.sj-m */

/* ===== PC 版 ===== */
@media (min-width: 769px) {
  html.sj-pc body { overflow-y: auto; }
  html.sj-pc .nav-layoutcontainer { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; }
  /* 导航自带 logo，隐藏登录页左上角 logo */
  html.sj-pc .L_code-left-side { display: none !important; }
  /* 页面缩小（屏幕变高）时：表单区撑满剩余高度并垂直居中，页脚贴底 */
  html.sj-pc body { display: flex; flex-direction: column; min-height: 100vh; }
  html.sj-pc body > * { flex-shrink: 0; }
  html.sj-pc .L_code { flex: 1 0 auto; height: auto; min-height: 0; display: flex; }
  html.sj-pc .L_code-right-side {
    flex: 1;
    height: auto;
    min-height: 0;
    margin-top: 62px;
    padding: 32px 0;
  }
  html.sj-pc .L_code-right-side .L_code-right-form { top: 0; }
  /* 页脚已含版权与备案，隐藏原底部条款行 */
  html.sj-pc .L_code-right-side .L_code-right-footer { display: none; }
  html.sj-pc .sky-footer-container { position: relative; z-index: 2; }
  /* 后台页脚背景为透明，登录页上会透出 body 灰底，这里铺满整宽纯色底 */
  html.sj-pc .sky-footer-container.footer_shallow { background: #f5f7fa !important; }
  html.sj-pc .sky-footer-container.footer_deep { background: #191c22 !important; }
  /* 页脚铺平：左侧信息不再固定 400px，右侧导航与版权占满剩余宽度 */
  html.sj-pc .sky-footer-container .sky-footer-main .sky-footer-left { min-width: 0; flex: 0 1 360px; }
  html.sj-pc .sky-footer-container .sky-footer-main .sky-footer-right { padding-right: 0; min-width: 0; }
  html.sj-pc .sky-footer-container .sky-footer-bottom,
  html.sj-pc .sky-footer-container .sky-footer-info { width: 100%; }
  html.sj-pc .Submenu-menuInfo-title { font-size: 28px; line-height: 1.35; margin: 0; }
}
/* 窗口较窄时页脚改为上下排列，导航各列横向平铺 */
@media (min-width: 769px) and (max-width: 1200px) {
  html.sj-pc .sky-footer-container .sky-footer-main { flex-direction: column; }
  html.sj-pc .sky-footer-container .sky-footer-main .sky-footer-left { flex: none; max-width: none; }
  html.sj-pc .sky-footer-container .sky-footer-main .sky-footer-right { width: 100%; }
  html.sj-pc .sky-footer-container .sky-footer-nav-row { flex-wrap: wrap; gap: 16px 24px; }
}
/* 用户中心 typo.css 的 body * { font: ... } 会把行高重置为 normal，这里恢复继承 */
body :where(.nav-layoutcontainer, .nav-head-m, .m-footer, .footer-m) * { line-height: inherit; }

/* ===== 表单左侧介绍文案（仅宽屏显示） ===== */
.L_code-intro { display: none; }
@media (min-width: 1100px) {
  .L_code-right-side .L_code-right-content { display: flex; align-items: center; justify-content: center; gap: 72px; }
  .L_code-intro { display: block; width: 440px; flex: 0 0 440px; color: #1d2129; }
  .L_code-intro * { line-height: 1.6; }
  .L_code-intro-badge { display: inline-block; padding: 4px 12px; border-radius: 999px; background: rgba(22, 93, 255, .08); color: #165dff; font-size: 13px; }
  .L_code-intro-title { margin: 18px 0 14px; font-size: 38px; font-weight: 700; line-height: 1.3 !important; color: #1d2129; }
  .L_code-intro-desc { margin: 0 0 24px; font-size: 15px; color: #4e5969; }
  .L_code-intro-list { margin: 0 0 28px; padding: 0; list-style: none; }
  .L_code-intro-list li { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 15px; color: #1d2129; }
  .L_code-intro-list i { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 8px; background: rgba(22, 93, 255, .1); color: #165dff; }
  .L_code-intro-stats { display: flex; gap: 36px; padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, .06); }
  .L_code-intro-stats b { display: block; font-size: 24px; font-weight: 700; color: #165dff; font-family: inherit; }
  .L_code-intro-stats span { font-size: 13px; color: #86909c; }
}

/* ===== 手机版 ===== */
html.sj-m body { background: #fff; overflow-y: auto; }
html.sj-m .nav-head-m { z-index: 1000; }
/* 官网导航替代原 60px logo 条与底部条款条 */
html.sj-m .L_code-left-side,
html.sj-m .L_code-right-side .L_code-right-footer { display: none !important; }
html.sj-m .L_code { display: block; height: auto; min-height: 0; margin: 0; }
html.sj-m .L_code-right-side {
  height: auto;
  min-height: calc(100vh - var(--wapnavheight, 62px));
  padding: var(--wapnavheight, 62px) 0 0;
  align-items: flex-start;
}
html.sj-m .L_code-right-side .L_code-right-form { padding-bottom: 32px !important; }
html.sj-m .m-footer { position: relative; z-index: 2; }
/* 底部 tab 栏下的其它元素不被遮挡 */
html.sj-m .footer-m { z-index: 999; }

/* ===== 登录/注册页背景：替换后台配置的 --loginbg 位图，改用矢量背景（任意分辨率不模糊） ===== */
body .L_code .L_code-right-side {
  background-color: #f3f7ff !important;
  background-image: url(/themes/clientarea/userCenter/static/images/login-bg.svg) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}