/* ============================================================================
   行业专题页 · 注册 / 登录弹窗样式
   ----------------------------------------------------------------------------
   背景：原实现复用 Layout/seo_reglogin.html，弹窗内联样式 130+ 处、装饰图标
         <img> 无 width/height、alt 为空，是 SEO/GEO 检测的主要扣分点。
   本文件把这些样式全部外链化，模板 Layout/ind_reglogin.html 中不再出现 style=""。
   DOM 契约与全站保持一致（#denglu_modal / #ljzc / #ljdl / #submitreg ...），
   因此仍直接复用 /Public/newhome/js/seo_reglogin.js，逻辑零改动。
   ========================================================================== */

/* ---------- 遮罩层 ---------- */
#denglu_modal,
#agree_modal {
  display: none;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(0, 0, 0, .3);
}
#denglu_modal { z-index: 1000; }
#agree_modal  { z-index: 1001; }

/* ---------- 主弹窗：920 × 540 双栏 ---------- */
.rg-box {
  position: absolute;
  top: 50%; left: 50%;
  width: 920px;
  min-height: 540px;
  margin: -10px 0 0;
  background: #fff;
  border-radius: 8px;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

/* 隐藏态（#geo_login_left / #ljzc 默认收起，由 showLogin/showRegister 显式切换）
   注意：这里不能用 !important —— jQuery 的 .show() 只写内联 display，
   带 !important 的样式表规则会压过内联声明，导致面板永远打不开。 */
.rg-hide { display: none; }

/* ---------- 左栏 ---------- */
.rg-left {
  width: 420px;
  flex: none;
  padding: 40px 30px;
  border-radius: 8px;
  background-image: url(/Public/newhome/img/newfoot/reg_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.rg-logo { margin-bottom: 20px; }
.rg-logo img { width: 180px; height: auto; display: block; }

.rg-slogan { line-height: 35px; }
.rg-title { font-size: 25px; font-weight: 700; color: #4a4a4a; line-height: 1.3; }
.rg-sub   { font-size: 14px; font-weight: 700; color: #a0a0a0; padding-bottom: 20px; line-height: 1.4; }

/* 卖点列表：勾选图标用 CSS 背景绘制，DOM 中不再出现装饰 <img> */
.rg-list { list-style: none; margin: 0; padding: 0; line-height: 35px; }
.rg-list li {
  position: relative;
  margin: 0;
  padding-left: 24px;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  background-image: url(/Public/newhome/img/newfoot/li_icon.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 15px 15px;
}
.rg-hotline { font-size: 14px; font-weight: 700; color: #a0a0a0; padding-top: 40px; }

/* GEO 版左栏（AI 搜索宣传） */
.rg-left--geo { display: none; }
.rg-geo-brand { margin-bottom: 32px; }
.rg-geo-brand img { width: 180px; height: auto; display: block; }
.rg-geo-title { font-size: 28px; font-weight: 700; margin: 0 0 28px; line-height: 1.35; color: #333; }
.rg-geo-title em { color: #0a7cf5; font-style: normal; }
.rg-geo-row { display: flex; align-items: center; margin: 0 0 15px; }
.rg-geo-row:last-of-type { margin-bottom: 43px; }
.rg-geo-ic {
  width: 62px; height: 64px; flex: none;
  margin: 0 10px 0 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.rg-geo-ic--1 { background-image: url(/Public/images/ai/home/home_13.png); }
.rg-geo-ic--2 { background-image: url(/Public/images/ai/home/home_14.png); }
.rg-geo-ic--3 { background-image: url(/Public/images/ai/home/home_15.png); }
.rg-geo-label { color: #666; line-height: 1.5; }
.rg-geo-num { font-size: 20px; font-weight: 700; line-height: 1.4; }
.rg-geo-hot { font-size: 16px; font-weight: 700; color: #666; }

/* ---------- 右栏 ---------- */
.rg-right {
  width: 500px;
  flex: none;
  padding: 16px 30px 32px;
}

.rg-close { height: 25px; text-align: right; line-height: 25px; }
.rg-close span {
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  color: #999;
  transition: color .18s;
}
.rg-close span:hover { color: #0a7cf5; }

.rg-h2 { font-size: 25px; font-weight: 700; color: #4a4a4a; text-align: center; padding-top: 8px; line-height: 1.3; }
.rg-h3 { font-size: 14px; font-weight: 700; color: #a0a0a0; text-align: center; padding-top: 5px; line-height: 1.4; }

/* 表单行 */
.rg-field {
  display: flex;
  align-items: center;
  width: 425px;
  height: 42px;
  line-height: 42px;
  margin: 0 0 12px;
  padding: 0 12px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  background: #fff;
}
.rg-field--first { margin-top: 24px; }
.rg-field--code  { padding: 0; border: 0; margin-bottom: 12px; }
.rg-field--split { padding: 0; border: 0; gap: 4px; }

/* 输入框内的小图标（CSS 背景替代 <img>） */
.rg-ic {
  width: 18px; height: 18px;
  flex: none;
  margin: 0 8px 0 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.rg-ic--tel     { background-image: url(https://zc-statics.oss-cn-shenzhen.aliyuncs.com/www/newhome/img/icon_tel.png); }
.rg-ic--pwd     { background-image: url(https://zc-statics.oss-cn-shenzhen.aliyuncs.com/www/newhome/img/icon_pwd.png); }
.rg-ic--company { background-image: url(https://zc-statics.oss-cn-shenzhen.aliyuncs.com/www/newhome/img/icon_comany.png); }
.rg-ic--name    { background-image: url(/Public/newhome/icon/icon_name.png); }
.rg-ic--code    { background-image: url(/Public/newhome/icon/icon_code.png); }

.rg-field input[type=text],
.rg-field input[type=password] {
  width: 100%;
  height: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: #fff;
  font-size: 14px;
  color: #333;
  font-family: inherit;
}
.rg-field input::placeholder { color: #b5b5b5; }

/* 验证码 / 短信码分栏 */
.rg-half {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  height: 42px;
  padding: 0 12px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  background: #fff;
}
.rg-side { width: 100px; flex: none; height: 42px; }
.rg-side--cap { cursor: pointer; }
.rg-side img { width: 100px; height: 42px; object-fit: cover; border-radius: 4px; }

/* 短信验证码按钮 */
.rg-code-btn {
  width: 100%;
  height: 40px;
  border: 1px solid #0a7cf5;
  border-radius: 4px;
  background: #fff;
  color: #0a7cf5;
  font-size: 13px;
  font-family: inherit;
  cursor: pointer;
  transition: background .18s, color .18s;
}
.rg-code-btn:hover { background: #0a7cf5; color: #fff; }

/* 职务下拉 */
.rg-select-wrap {
  display: flex;
  align-items: center;
  width: 95px;
  height: 42px;
  flex: none;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
}
.rg-select-wrap select {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  background: #fff;
  font-size: 13px;
  color: #333;
  font-family: inherit;
  padding: 0 4px;
}

/* 勾选协议行 */
.rg-agree {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px 0 0;
  font-size: 14px;
  color: #555;
  line-height: 1.5;
}
.rg-agree input[type=checkbox] { margin: 3px 4px 0 0; }
.rg-agree a, .rg-link { color: #0a7cf5; }
.rg-link { cursor: pointer; }
.rg-link--bold { color: #3087e3; font-weight: 700; }

/* 主按钮 */
.rg-submit {
  width: 100%;
  height: 40px;
  border: 0;
  border-radius: 4px;
  background: #0a7cf5;
  color: #fff;
  font-size: 15px;
  font-family: inherit;
  cursor: pointer;
  transition: background .18s;
}
.rg-submit:hover { background: #0968cc; }
.rg-submit-row { padding: 16px 0; }

/* 登录方式单选 */
.rg-tabs { display: flex; padding: 14px 0 10px; }
.rg-tabs label { display: flex; align-items: center; margin: 0 24px 0 0; font-size: 14px; color: #555; cursor: pointer; }
.rg-tabs input { margin: 0 4px 0 0; }

/* 登录方式切换（seo_reglogin.js 用 .show()/.hide() 控制，这里只给默认态）。
   原版靠内联 style="display:none" 实现，改成外链样式后必须在这里补回来，
   否则密码登录与短信登录两套字段会同时出现。不能用 !important。 */
.only_dx_item { display: none; }

/* 短信登录提示条 */
.rg-tip {
  width: 425px;
  height: 38px;
  line-height: 38px;
  margin: 0 0 12px;
  padding: 0 12px;
  border: 1px solid orange;
  border-radius: 4px;
  color: orange;
  font-size: 13px;
}

/* 底部切换行（没有账号？/ 已有账号） */
.rg-switch { display: flex; justify-content: center; font-size: 14px; color: #555; }
.rg-switch-reg { padding: 10px 0 30px; }

/* ---------- 二次验证弹框 ---------- */
#secform {
  display: none;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: 1002;
  background: rgba(0, 0, 0, .3);
}
#secform form {
  position: absolute;
  top: 50%; left: 50%;
  width: 700px;
  max-width: 92vw;
  margin: 0;
  padding: 26px 30px 30px;
  background: #fff;
  border-radius: 8px;
  transform: translate(-50%, -50%);
}
#secform ul { list-style: none; margin: 0; padding: 0; }
#secform .sec-title { position: relative; margin-bottom: 0; }
#secform .sec-h { font-size: 24px; font-weight: 700; color: #333; }
#secform .closesecform {
  position: absolute;
  top: 0; right: 0;
  cursor: pointer;
  font-size: 14px;
  color: #999;
}
#secform p { margin: 12px 0 18px; color: #666; font-size: 14px; }
#secform .sec-row { display: flex; align-items: center; gap: 12px; }
#secform input.ipt {
  width: 100%;
  height: 33px;
  padding: 0 10px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  font-size: 14px;
  font-family: inherit;
}
#secform .twochecklogin {
  flex: none;
  width: 110px;
  height: 34px;
  border: 0;
  border-radius: 4px;
  background: #0798ff;
  color: #fff;
  font-size: 14px;
  font-family: inherit;
  cursor: pointer;
}

/* ---------- 服务协议弹框 ---------- */
.rg-agree-box {
  position: absolute;
  top: 50%; left: 50%;
  width: 420px;
  max-width: 92vw;
  margin: -10px 0 0;
  padding: 12px 12px 20px;
  background: #fff;
  border-radius: 8px;
  transform: translate(-50%, -50%);
}
.rg-agree-head { display: flex; align-items: center; justify-content: space-between; }
.rg-agree-head h3 { font-size: 16px; font-weight: 400; color: #222; margin: 0; }
.rg-agree-close { font-size: 16px; cursor: pointer; color: rgba(4, 8, 20, .5); background: none; border: 0; padding: 0; font-family: inherit; }
.rg-agree-body { display: flex; align-items: center; justify-content: center; margin: 32px 0; color: rgba(4, 8, 20, .8); font-size: 14px; }
.rg-agree-body a { color: #0a7cf5; }
.rg-agree-foot { display: flex; align-items: center; justify-content: center; gap: 8px; }
.rg-agree-foot button {
  min-width: 76px;
  height: 32px;
  line-height: 30px;
  padding: 0 19px;
  font-size: 16px;
  font-family: inherit;
  border-radius: 4px;
  cursor: pointer;
}
.rg-btn-cancel { border: 1px solid #a0a0a0; background: #fff; color: rgba(4, 8, 20, .8); }
.rg-btn-ok { border: 1px solid #0a7cf5; background: #0a7cf5; color: #fff; }

/* ---------- 移动端 ---------- */
@media (max-width: 960px) {
  .rg-box {
    width: 94vw;
    max-width: 460px;
    height: auto;
    min-height: 0;
    margin: 0;
    display: block;
    overflow-y: auto;
    max-height: 90vh;
  }
  .rg-left { display: none !important; }
  .rg-right { width: 100%; height: auto; padding: 16px 20px 28px; }
  .rg-field,
  .rg-tip { width: 100%; }
  .rg-submit-row { padding: 18px 0; }
  .rg-h2 { padding-top: 4px; font-size: 21px; }
}