/* ===== zinc 登录/注册独立页覆盖层（v20261007a，文档站 hero 同款背景）=====
 * 仅覆盖观感（背景/卡片/按钮/链接），不动 layui 表单交互与验证流程。
 * 挂载点：login.php / reg.php / regphone.php / phone.php / ret.php / verify.php 的 admin.css 之后。
 * 注意：mochu_us 升级会覆盖 user/*.php，重挂此文件即可。 */

/* 页面底：文档站 hero 同款背景（San_Docs .xb-hero；本页不加载 tokens.css，
   按 /design/tokens.css v2 写字面值：--bg #fafafa / --surface-2 #f4f4f5 / --border #e4e4e7）
   = 顶部两角 radial 柔光 + 44px 网格纹理。网格走 body::before 固定层并按
   radial mask 自顶部淡出（同 .xb-hero::before），卡片经 .main 的 z-index 浮于其上 */
html, body{background-color:#fafafa!important;
  background-image:
    radial-gradient(640px 320px at 12% -10%, #f4f4f5, transparent 70%),
    radial-gradient(760px 380px at 88% 0%, #f4f4f5, transparent 72%)!important;
  background-size:auto, auto!important;
  background-attachment:fixed!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(#e4e4e7 1px,transparent 1px),
                   linear-gradient(90deg,#e4e4e7 1px,transparent 1px);
  background-size:44px 44px;opacity:.35;
  -webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 0%,#000 25%,transparent 78%);
  mask-image:radial-gradient(ellipse 75% 70% at 50% 0%,#000 25%,transparent 78%)}
#loginretbody{display:none!important}
.layadmin-user-login-main:before{display:none!important}

/* 卡片：白底浮于浅色画布，细环 + 双层深投影突出登录框 */
.layadmin-user-login-main{border:0!important;border-radius:12px!important;
  box-shadow:0 0 0 1px rgba(24,24,27,.09),0 24px 60px rgba(24,24,27,.26),0 8px 20px rgba(24,24,27,.1)!important;overflow:hidden;background:#fff!important}

/* 卡头：白底，头像图标换黑色「线」标识 */
.layadmin-user-login-header{background:#fff!important;padding:30px 10px 8px!important}
.layadmin-user-login-header img{display:none!important}
.layadmin-user-login-header:before{content:"线";display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:12px;background:#18181b;color:#fff;font-size:22px;font-weight:700;margin-bottom:10px}
.layadmin-user-login-header h3{color:#09090b!important;font-weight:600!important;font-size:18px;margin:0 0 6px!important}

/* 表单体 */
.layadmin-user-login-body{background:#fff!important}
.layadmin-user-login .layui-input{border-color:#e4e4e7!important;border-radius:8px!important;color:#09090b}
.layadmin-user-login .layui-input:focus{border-color:#71717a!important}
.layadmin-user-login ::-webkit-input-placeholder{color:#a1a1aa}

/* 登录按钮：黑（压掉 layui-btn-danger 橙红） */
.layadmin-user-login .layui-btn{border-radius:8px!important}
.layadmin-user-login .layui-btn-danger{background-color:#18181b!important;color:#fff!important}
.layadmin-user-login .layui-btn-danger:hover{background-color:#27272a!important}

/* 链接：青绿 → zinc */
.layadmin-link{color:#52525b!important}
.layadmin-link:hover{color:#09090b!important}
.layadmin-user-login-other a .layui-icon{color:#71717a!important}

/* 获取邀请码：绿色徽标 → 细环小钮（对齐文章操作钮语言） */
.regcodehref{background:#fff!important;color:#52525b!important;
  box-shadow:0 0 0 1px #e4e4e7!important;border-radius:6px!important;line-height:18px!important;height:20px!important}
.regcodehref:hover{color:#09090b!important;box-shadow:0 0 0 1px #a1a1aa!important}

/* 获取验证码等浅色小钮统一描边 */
.layadmin-user-login .layui-btn-primary{background:#fff!important;border-color:#e4e4e7!important;color:#52525b!important}
.layadmin-user-login .layui-btn-primary:hover{border-color:#a1a1aa!important;color:#09090b!important}

/* layer 弹窗（信息提示/确认框）：layui 默认蓝钮 → zinc 黑；卡片细环圆角 */
.layui-layer{border-radius:10px!important}
.layui-layer-dialog{box-shadow:0 8px 30px rgba(0,0,0,.14)!important;border:0!important}
.layui-layer-dialog .layui-layer-title{background:#fff!important;color:#09090b!important;border-bottom:1px solid #e4e4e7!important;border-radius:10px 10px 0 0!important;font-weight:600}
.layui-layer-dialog .layui-layer-content{color:#09090b!important}
.layui-layer-btn a{border-radius:6px!important;font-size:12.5px!important}
.layui-layer-btn0{background-color:#18181b!important;border-color:#18181b!important;color:#fff!important}
.layui-layer-btn0:hover{background-color:#27272a!important}
.layui-layer-btn1{background-color:#fff!important;border-color:#e4e4e7!important;color:#52525b!important}
.layui-layer-btn1:hover{color:#09090b!important;border-color:#a1a1aa!important}
/* 关闭钮与提示图标微调 */
.layui-layer-dialog .layui-layer-close{color:#a1a1aa!important}
.layui-layer-dialog .layui-layer-content .layui-layer-icon{margin-left:4px}

/* ===== 布局重构：卡片流内居中（替代 admin.css 的 absolute 定位），PC/移动通用 ===== */
#LAY-user-login{width:100%!important;max-width:420px!important;min-height:100vh!important;padding:0 16px!important;margin:0 auto!important;float:none!important;
  display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
.layadmin-user-login{width:auto!important;padding:0!important;margin:0!important;flex:1 1 auto!important;
  display:block!important}
.layadmin-user-login-main{position:relative!important;z-index:1!important;inset:auto!important;width:100%!important;min-width:0!important;
  max-width:420px!important;margin:0!important}
.layadmin-user-login-header{padding-top:32px!important}
.layadmin-user-login-body{padding:20px 28px 24px!important}

/* 移动端：触控尺寸 + 16px 输入防 iOS 聚焦缩放 */
@media (max-width:480px){
  .layadmin-user-login{padding:0 14px!important}
  .layadmin-user-login-header{padding-top:28px!important}
  .layadmin-user-login-header:before{width:40px;height:40px;font-size:20px;border-radius:11px}
  .layadmin-user-login-header h3{font-size:17px!important}
  .layadmin-user-login-body{padding:18px 20px 20px!important}
  .layadmin-user-login .layui-input{height:44px!important;font-size:16px!important;box-sizing:border-box!important}
  .layadmin-user-login .layui-btn{height:44px!important;line-height:44px!important;font-size:15px!important}
  .layadmin-user-login .layui-form-item{margin-bottom:16px!important}
  .layui-layer{max-width:calc(100vw - 32px)!important}
}

/* 返回首页条 */
.layui-login-returnindex{background:#fff!important;border-top:1px solid #e4e4e7!important}
.layui-login-returnindex a{color:#71717a!important}

/* 保持登录勾选与验证码图边 */
.layadmin-user-login .layui-form-checkbox[lay-skin=primary] i{border-color:#d4d4d8!important}
.layadmin-user-login .layui-form-checked[lay-skin=primary] i{background:#18181b!important;border-color:#18181b!important}
#vfimg, .vfcode-img{border-radius:6px}