/* ===== 睿分享 登录页 · 水墨风自定义样式 ===== */
/* 作用范围：wp-login.php / ?action=register / ?action=lostpassword 共用 */

/* 统一盒模型，避免 WP 默认样式干扰 */
body.login * { box-sizing: border-box; }

body.login {
  background-color: #f5f3ee !important;
  background-image: url(../img/login-ink.svg) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 56px 20px !important;
  box-sizing: border-box !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  color: #3d3d3d !important;
}

/* 朱砂印章装饰（桌面显示，移动端隐藏避免遮挡） */
body.login::before {
  content: "睿 · 分享";
  position: fixed;
  right: 8%;
  bottom: 12%;
  width: 92px;
  height: 92px;
  border: 2px solid rgba(181, 40, 45, 0.3);
  color: rgba(181, 40, 45, 0.4);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  writing-mode: vertical-rl;
  letter-spacing: 6px;
  transform: rotate(-6deg);
  pointer-events: none;
  font-weight: 600;
  z-index: 1;
}

/* 登录卡片 */
#login {
  width: 100% !important;
  max-width: 384px !important;
  padding: 36px 40px 40px !important;
  margin: 0 !important;
  background: #fdfcfa !important;
  border: 1px solid #e8e6e1 !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06) !important;
  position: relative;
  z-index: 2;
}

/* 隐藏框内默认 Logo（品牌已移到框上方） */
#login > h1.wp-login-logo { display: none !important; }

/* 品牌区：位于登录框上方（Logo + 名称 + 描述） */
.rx-brand {
  text-align: center;
  width: 100% !important;
  max-width: 384px !important;
  margin: 0 auto 28px !important;
}
.rx-logo {
  width: 64px;
  height: 64px;
  margin: 0 auto 14px;
  background: #b5282d;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  font-weight: 600;
}
.rx-name { font-size: 24px; font-weight: 600; color: #1a1a1a; letter-spacing: 2px; }
.rx-desc { font-size: 13px; color: #6b6b6b; line-height: 1.6; margin-top: 6px; }

/* 表单 */
#loginform {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 0 !important;
}
#loginform label { font-size: 13px; color: #6b6b6b; font-weight: 500; display: block; margin-bottom: 7px; }
#loginform input[type=text],
#loginform input[type=password],
#loginform input[type=email] {
  width: 100% !important;
  height: 46px;
  padding: 0 14px;
  font-size: 15px;
  color: #3d3d3d;
  background: #fff;
  border: 1px solid #e8e6e1;
  border-radius: 12px;
  box-shadow: none;
}
#loginform input:focus {
  border-color: #b5282d;
  box-shadow: 0 0 0 3px rgba(181, 40, 45, 0.08);
  outline: none;
}
.forgetmenot { font-size: 13px; color: #6b6b6b; margin-bottom: 0; }
.forgetmenot input { accent-color: #b5282d; }

/* 蜜罐防机器人字段：对真人不可见，但保留在 DOM 中诱使自动填表机器人填写 */
.tb-hp {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* 主按钮 */
#wp-submit,
.login .button-primary {
  width: 100% !important;
  height: 50px !important;
  float: none !important;
  background: #b5282d !important;
  border: none !important;
  border-radius: 12px !important;
  color: #fff !important;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 4px;
  box-shadow: none !important;
  text-shadow: none !important;
  cursor: pointer;
  transition: background 0.2s;
}
#wp-submit:hover { background: #9c2226 !important; }
.submit { margin-top: 6px !important; }

/* 底部链接 */
#nav, #backtoblog { font-size: 13px; text-align: center; }
#nav a, #backtoblog a { color: #6b6b6b; text-decoration: none; }
#nav a:hover, #backtoblog a:hover { color: #b5282d; }

/* 语言选择器：位于登录框下方，居中、水墨配色 */
.login .language-switcher {
  margin: 18px auto 0 !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 13px;
  color: #6b6b6b;
}
.login .language-switcher label { color: #6b6b6b; margin-right: 6px; }
.login .language-switcher select {
  font-size: 13px;
  color: #3d3d3d;
  border: 1px solid #e8e6e1;
  border-radius: 8px;
  padding: 4px 8px;
  background: #fff;
  outline: none;
}
.login .language-switcher select:focus { border-color: #b5282d; }

/* 返回首页（放到登录框下方，居中显示；移动端也显示，避免左上角按钮在手机端消失） */
#backtoblog {
  position: static !important;
  margin: 16px auto 0 !important;
  padding: 0 !important;
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-radius: 0 !important;
  text-align: center !important;
  font-size: 13px;
}
#backtoblog a { color: #6b6b6b !important; text-decoration: none; }
#backtoblog a:hover { color: #b5282d !important; }

/* 提示 / 错误 */
#login_error,
.message,
.success {
  background: #fff !important;
  border: 1px solid #e8e6e1 !important;
  border-left: 4px solid #b5282d !important;
  border-radius: 10px !important;
  color: #3d3d3d !important;
  box-shadow: none !important;
  text-align: left;
}
.privacy-policy-page-link { color: #6b6b6b; font-size: 12px; text-align: center; }

/* ===== 响应式 ===== */
/* 平板及以下：卡片自适应宽度，装饰隐藏 */
@media (max-width: 640px) {
  body.login { padding: 28px 16px !important; justify-content: flex-start !important; }
  #login { padding: 32px 24px 28px !important; }
  .rx-logo { width: 56px; height: 56px; font-size: 26px; }
  .rx-name { font-size: 22px; }
  #loginform input[type=text],
  #loginform input[type=password],
  #loginform input[type=email] { height: 44px; font-size: 14px; }
  #wp-submit, .login .button-primary { height: 46px; letter-spacing: 2px; }
  /* 移动端隐藏装饰，避免遮挡内容（返回首页仍保留，方便回站点） */
  body.login::before { display: none !important; }
}

/* 小手机：进一步收紧 */
@media (max-width: 380px) {
  #login { padding: 28px 16px 24px !important; }
  .rx-name { font-size: 20px; }
}