@charset "utf-8";
/* ============================================================
   晨曦活力 SUNRISE · 登录注册页覆盖
   ============================================================ */

body{
  background:var(--sr-bg) !important;
  background-image:none !important;
  font-family:var(--sr-font-body) !important;
  color:var(--sr-ink) !important;
  min-height:100vh;
  position:relative;
}
/* 晨曦渐变背景 */
body::before{
  content:'' !important;
  position:fixed !important;inset:0 !important;
  background:
    radial-gradient(ellipse 70% 50% at 15% 0%, rgba(255,182,39,.25), transparent 60%),
    radial-gradient(ellipse 60% 50% at 85% 10%, rgba(255,90,60,.18), transparent 55%),
    radial-gradient(ellipse 80% 40% at 50% 100%, rgba(6,214,160,.12), transparent 60%),
    linear-gradient(180deg, var(--sr-bg-soft) 0%, var(--sr-bg) 30%);
  z-index:-2 !important;
}
body::after{
  content:'' !important;
  position:fixed !important;inset:0 !important;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,182,39,.05) 0 2px, transparent 2px),
    radial-gradient(circle at 70% 60%, rgba(6,214,160,.05) 0 2px, transparent 2px);
  background-size:60px 60px, 80px 80px;
  pointer-events:none;z-index:-1;
}

/* ===== PC 登录页 ===== */
.browser_box{display:none !important}
.main-inner{
  background:none !important;background-image:none !important;
  height:auto !important;display:flex !important;align-items:center !important;justify-content:center !important;
  min-height:calc(100vh - 200px) !important;padding:60px 20px !important;overflow:visible !important;
}
.warp980{width:100% !important;max-width:440px !important;margin:0 auto !important}
.box_layer{
  width:auto !important;
  background:var(--sr-panel) !important;
  backdrop-filter:blur(20px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(160%) !important;
  border:1px solid rgba(255,255,255,.6) !important;
  border-radius:24px !important;
  box-shadow:var(--sr-shadow-lift) !important;
  padding:40px 36px !important;
  box-sizing:border-box !important;
}
.logo{
  background:none !important;background-image:none !important;
  width:auto !important;height:auto !important;text-align:center !important;margin-bottom:24px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;gap:12px !important;
}
.logo::before{
  content:'' !important;width:44px !important;height:44px !important;border-radius:12px !important;
  background:linear-gradient(135deg,var(--sr-sun),var(--sr-coral)) !important;
  box-shadow:0 4px 14px rgba(255,90,60,.3) !important;display:inline-block !important;
}
.logo::after{
  content:'晨曦 SUNRISE' !important;
  font-family:var(--sr-font-display) !important;font-weight:800 !important;font-size:26px !important;
  color:var(--sr-ink) !important;letter-spacing:-.5px !important;
  display:inline-block !important;
}

.login{
  background:none !important;background-image:none !important;
  height:auto !important;padding:0 !important;overflow:visible !important;
}
.login h2{display:none !important}
.sj_web_box{display:none !important}

/* 输入框 */
.inputbox{
  width:100% !important;border:none !important;background:none !important;
  margin-bottom:18px !important;position:relative !important;padding:0 !important;
  box-sizing:border-box !important;height:auto !important;
}
.inputbox .icon-img1,.inputbox .icon-img2,.inputbox .icon-img3{display:none !important}
/* 软键盘图标：隐藏 */
.inputbox .keypad-trigger{display:none !important}
.input-username,.input-password,.input-code{
  width:100% !important;height:48px !important;line-height:48px !important;
  background:#fff !important;border:1px solid var(--sr-border) !important;
  border-radius:12px !important;padding:0 18px !important;font-size:15px !important;
  color:var(--sr-ink) !important;margin:0 !important;outline:none !important;
  font-family:var(--sr-font-body) !important;
  box-shadow:0 2px 8px rgba(26,19,48,.04) !important;
  box-sizing:border-box !important;display:block !important;
}
.input-username:focus,.input-password:focus,.input-code:focus{
  border-color:var(--sr-coral) !important;box-shadow:0 0 0 3px var(--sr-coral-soft) !important;
}
.input-username::placeholder,.input-password::placeholder,.input-code::placeholder{color:var(--sr-ink-faint) !important}
/* 验证码输入框：宽度缩短，给验证码图片留出空间；覆盖原始 login.css 的 width:120px/height:28px/margin:45px 0 0 */
.yzmbox.inputbox{width:100% !important;height:auto !important;margin:0 0 18px 0 !important}
.yzmbox .input-code{width:calc(100% - 96px) !important;padding-right:18px !important}
.yzmbox .validate{
  position:absolute !important;right:8px !important;top:50% !important;transform:translateY(-50%) !important;
  width:80px !important;height:36px !important;border-radius:8px !important;
  filter:none !important;-webkit-filter:none !important;
}

/* 提交按钮 */
.submitbox{
  background:none !important;background-image:none !important;
  width:100% !important;height:auto !important;position:static !important;margin-top:8px !important;
}
.submit-login,.submit-btn{
  width:100% !important;height:52px !important;line-height:52px !important;
  background:linear-gradient(135deg,var(--sr-sun),var(--sr-coral),var(--sr-berry)) !important;
  border:none !important;border-radius:14px !important;
  color:#fff !important;font-family:var(--sr-font-display) !important;font-weight:800 !important;font-size:17px !important;
  letter-spacing:1px !important;cursor:pointer !important;text-indent:0 !important;
  box-shadow:0 8px 24px rgba(255,90,60,.35) !important;transition:all .2s !important;
  position:relative !important;overflow:hidden !important;
  box-sizing:border-box !important;display:block !important;
}
.submit-login:hover,.submit-btn:hover{
  transform:translateY(-2px) !important;box-shadow:0 14px 36px rgba(255,90,60,.45) !important;
  background:linear-gradient(135deg,var(--sr-sun),var(--sr-coral),var(--sr-berry)) !important;
}

.forgotpasswd,.servicebox{
  position:static !important;text-align:center !important;margin-top:16px !important;font-size:13px !important;
}
.forgotpasswd a,.servicebox a{color:var(--sr-coral) !important;text-decoration:none !important}
.forgotpasswd a:hover,.servicebox a:hover{color:var(--sr-berry) !important}
.checklink{text-align:center !important;margin-top:14px !important}
.checklink a{
  display:inline-block !important;padding:8px 18px !important;
  background:var(--sr-sky-soft) !important;color:var(--sr-sky) !important;
  border:1px solid rgba(0,180,216,.3) !important;border-radius:10px !important;
  font-size:13px !important;text-decoration:none !important;font-family:var(--sr-font-display) !important;font-weight:600 !important;
}

/* 下载区隐藏 */
.login_main{display:none !important}
.login_footer{
  background:none !important;background-image:none !important;
  height:auto !important;min-height:0 !important;padding:24px 20px !important;text-align:center !important;
  color:var(--sr-ink-faint) !important;font-size:11px !important;line-height:1.6 !important;
  border-top:1px solid var(--sr-border) !important;
}
.login_footer .img{display:none !important}
.login_footer p{color:var(--sr-ink-faint) !important;float:none !important;text-align:center !important}

/* ===== WAP 登录页 ===== */
.container{height:auto !important;min-height:100vh !important;padding:20px !important}
header{padding:40px 0 24px !important;text-align:center !important}
header img{
  height:auto !important;width:120px !important;display:inline-block !important;
}
#form-area form{width:100% !important;max-width:340px !important;margin:0 auto !important}
#form-area dl{
  border-bottom:1px solid var(--sr-border) !important;
  background:none !important;height:auto !important;padding:6px 0 !important;position:relative !important;
  border-radius:0 !important;
}
#form-area dt{position:absolute !important;left:14px !important;top:50% !important;transform:translateY(-50%) !important}
#form-area dt img{width:20px !important;height:20px !important}
#form-area dd{margin:0 0 0 44px !important;padding:0 !important}
#form-area input{
  border:none !important;background:none !important;
  width:100% !important;height:44px !important;
  color:var(--sr-ink) !important;font-size:15px !important;
  font-family:var(--sr-font-body) !important;
  padding:0 8px !important;
}
#form-area input::placeholder{color:var(--sr-ink-faint) !important}
#form-area input.has-error{color:var(--sr-coral) !important}
#form-area input.has-error::placeholder{color:rgba(255,90,60,.6) !important}
#form-area .validate-code{position:relative !important}
#form-area #dvcode{position:absolute !important;right:0 !important;bottom:50% !important;transform:translateY(50%) !important;top:auto !important}

#form-area .btn-submit{
  width:100% !important;height:52px !important;margin-top:24px !important;
  background:linear-gradient(135deg,var(--sr-sun),var(--sr-coral),var(--sr-berry)) !important;
  border:none !important;border-radius:14px !important;
  color:#fff !important;font-family:var(--sr-font-display) !important;font-weight:800 !important;
  font-size:17px !important;letter-spacing:1px !important;cursor:pointer !important;
  box-shadow:0 8px 24px rgba(255,90,60,.35) !important;
}
footer .tip-messages{color:var(--sr-ink-faint) !important;font-size:11px !important}
footer .download-sticky{background:rgba(255,248,240,.92) !important;backdrop-filter:blur(10px) !important}

/* ============================================================
   响应式 · 手机端适配
   ============================================================ */
@media screen and (max-width:480px){
  /* 外层容器：减小内边距，让登录卡片占满屏幕 */
  .main-inner{
    padding:24px 16px !important;
    min-height:calc(100vh - 120px) !important;
  }
  .warp980{max-width:100% !important}
  /* 登录卡片：缩小内边距，圆角减小 */
  .box_layer{
    padding:28px 20px !important;
    border-radius:18px !important;
  }
  /* Logo：缩小 */
  .logo{margin-bottom:18px !important}
  .logo::before{width:36px !important;height:36px !important;border-radius:10px !important}
  .logo::after{font-size:22px !important}
  /* 输入框：略矮一些 */
  .input-username,.input-password,.input-code{
    height:44px !important;line-height:44px !important;
    font-size:14px !important;padding:0 14px !important;
  }
  .inputbox{margin-bottom:14px !important}
  .yzmbox.inputbox{margin:0 0 14px 0 !important}
  /* 验证码图片：缩小 */
  .yzmbox .input-code{width:calc(100% - 84px) !important}
  .yzmbox .validate{width:72px !important;height:38px !important;right:6px !important}
  /* 提交按钮：略矮 */
  .submit-login,.submit-btn{
    height:48px !important;line-height:48px !important;font-size:16px !important;
  }
  /* 忘记密码：左对齐留出可点区域 */
  .forgotpasswd{margin-top:14px !important;font-size:12px !important}
  /* 页脚：更紧凑 */
  .login_footer{padding:16px 12px !important;font-size:10px !important}
}

/* 超小屏 (≤360px)：进一步压缩 */
@media screen and (max-width:360px){
  .main-inner{padding:16px 10px !important}
  .box_layer{padding:22px 16px !important;border-radius:14px !important}
  .logo::before{width:32px !important;height:32px !important}
  .logo::after{font-size:20px !important}
  .input-username,.input-password,.input-code{height:42px !important;line-height:42px !important;font-size:13px !important}
  .yzmbox .input-code{width:calc(100% - 72px) !important}
  .yzmbox .validate{width:64px !important;height:36px !important}
  .submit-login,.submit-btn{height:46px !important;line-height:46px !important;font-size:15px !important}
}

/* 横屏手机：限制最大高度，避免卡片过长 */
@media screen and (max-width:820px) and (orientation:landscape){
  .main-inner{
    padding:16px !important;
    min-height:auto !important;
    align-items:flex-start !important;
  }
  .box_layer{padding:20px 22px !important}
  .logo{margin-bottom:12px !important}
  .logo::before{width:34px !important;height:34px !important}
  .logo::after{font-size:20px !important}
  .inputbox{margin-bottom:10px !important}
  .yzmbox.inputbox{margin:0 0 10px 0 !important}
  .input-username,.input-password,.input-code{height:42px !important;line-height:42px !important}
  .submit-login,.submit-btn{height:46px !important;line-height:46px !important;margin-top:6px !important}
  .forgotpasswd{margin-top:10px !important}
  .login_footer{padding:12px !important}
}