/* 飞鸿品农 · 登录 / 注册 / 找回密码
 *
 * WordPress 这几个页面不在主题模板体系里，style.css 不会自动加载，
 * 所以这份自带令牌 —— 取值就是《飞鸿品农网页色彩标准》色板.json 的 light 组，
 * 改色时两边一起改（色板是唯一数据源，这里是它的一个副本）。
 *
 * 只做外观，表单结构与字段一个不动：验证码插件、找回密码、
 * 密码强度提示、错误提示都照常工作。
 */

:root{
  --paper:#f7f6f3;
  --surface:#ffffff;
  --ink:#151a17;
  --ink2:#4a4f4a;
  --muted:#8f8c83;
  --line:#e6e3db;
  --line2:#d6d2c7;
  --accent:#17463a;
  --on-accent:#f4f7f4;
  --danger:#a8402f;
}

html,body.login{
  height:auto;
  background:var(--paper);
  color:var(--ink);
  font:14px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
body.login{padding:7vh 16px 48px}
#login{width:min(376px,100%);padding:0}

/* ---- 品牌标：替掉 WordPress 那个 W ---- */
#login h1{margin:0 0 24px}
#login h1 a{
  width:100%;height:62px;padding:0;
  background:url(img/logo-mark.webp) center/contain no-repeat;
  text-indent:-9999px;overflow:hidden;
}

/* ---- 卡片 ---- */
.login form{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 26px 64px -46px rgba(21,26,23,.45);
  padding:28px 26px 22px;margin:0;
}
.login label{display:block;font-size:13px;color:var(--ink2);margin-bottom:7px}

.login form .input,
.login form input[type=text],
.login form input[type=password],
.login form input[type=email]{
  background:var(--paper);
  border:1px solid var(--line2);
  border-radius:10px;
  color:var(--ink);
  font-size:14px;
  padding:11px 13px;
  box-shadow:none;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.login form input:focus{
  border-color:var(--accent);
  background:var(--surface);
  box-shadow:0 0 0 3px rgba(23,70,58,.10);
  outline:none;
}

/* 密码框右边那个「显示」小按钮 */
.login .wp-hide-pw{color:var(--muted)}
.login .wp-hide-pw:hover{color:var(--accent)}

/* ---- 按钮 ---- */
.wp-core-ui .button-primary,
#wp-submit{
  width:100%;
  height:auto;
  padding:12px 20px;
  background:var(--accent);
  border:1px solid var(--accent);
  border-radius:999px;
  color:var(--on-accent);
  font-size:14px;
  font-weight:500;
  line-height:1.2;
  text-shadow:none;
  box-shadow:none;
  transition:filter .2s,transform .18s;
}
.wp-core-ui .button-primary:hover,
#wp-submit:hover{filter:brightness(1.12);transform:translateY(-1px)}
.wp-core-ui .button-primary:focus,#wp-submit:focus{box-shadow:0 0 0 3px rgba(23,70,58,.18)}

/* 「忘记密码」那个次级按钮（.button-secondary） */
.wp-core-ui .button-secondary{
  border-radius:999px;border-color:var(--line2);background:var(--surface);color:var(--ink2);
  box-shadow:none;text-shadow:none;
}
.wp-core-ui .button-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--surface)}

/* ---- 卡片外那两行链接 ---- */
.login #nav,
.login #backtoblog{
  font-size:13px;margin:18px 0 0;padding:0;text-align:center;
}
.login #nav a,.login #backtoblog a{color:var(--muted);transition:color .2s}
.login #nav a:hover,.login #backtoblog a:hover{color:var(--accent)}

/* ---- 提示与报错 ---- */
.login .message,
.login .notice,
.login #login_error{
  background:var(--surface);
  border:1px solid var(--line);
  border-left:3px solid var(--accent);
  border-radius:10px;
  box-shadow:none;
  color:var(--ink2);
  font-size:13px;
  padding:11px 14px;
}
.login #login_error{border-left-color:var(--danger);color:var(--danger)}

/* 注册页的密码强度条（有些插件会挂） */
.login .pw-weak .pw-weak-meter,
#pass-strength-result{
  border-radius:8px;background:var(--paper);border:1px solid var(--line2);
}

/* WordPress 自己在页脚挂的「语言」下拉：中文单语言站点用不上，
   它的原生样式又跟这一页格格不入，直接藏掉。以后真要做多语言，
   把这条去掉，再按上面的令牌把它样式化。 */
.login #language-switcher,
.language-switcher{display:none!important}

/* ---- 小屏 ---- */
@media screen and (max-width:420px){
  body.login{padding:4vh 14px 36px}
  .login form{padding:22px 18px 18px}
  #login h1 a{height:52px}
}