/* ===== 通行证（登录 / 注册 / 找回密码）共享样式 ===== */
html,body{height:auto;min-height:100vh;margin:0;}
body{background:#06121c;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;}

/* 整屏背景（替换 static/theme/default/images/access_bg.jpg 即可更换） */
.pass-bg{position:relative;min-height:100vh;display:flex;flex-direction:column;
  background:url("../images/access_bg.jpg") center center / cover no-repeat;}
.pass-bg::before{content:'';position:absolute;inset:0;z-index:0;
  background:linear-gradient(180deg,rgba(5,15,24,.18),rgba(5,15,24,.42));}

/* 顶部栏 */
.pass-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:22px 42px;}
.pt-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;font-weight:800;letter-spacing:1px;text-decoration:none;}
.pt-badge{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#2fb3e0,#009ad6);display:flex;align-items:center;justify-content:center;font-size:17px;color:#fff;}
.pt-home{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.85);font-size:14px;text-decoration:none;transition:color .15s;}
.pt-home:hover{color:#fff;}

/* 中部卡片 */
.pass-main{flex:1;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:8px 20px 28px;}
.pass-card{width:900px;max-width:100%;min-height:524px;display:flex;background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 30px 90px rgba(0,18,30,.55);}

/* 左侧品牌 + 二维码 */
.pass-left{flex:0 0 320px;position:relative;overflow:hidden;color:#fff;padding:40px 32px;
  display:flex;flex-direction:column;background:linear-gradient(160deg,#009ad6 0%,#0082b3 52%,#006f99 100%);}
.pass-left::before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.09);top:-110px;right:-90px;}
.pass-left::after{content:'';position:absolute;width:210px;height:210px;border-radius:50%;border:1px solid rgba(255,255,255,.14);bottom:-80px;left:-70px;}
.pass-left>*{position:relative;z-index:1;}
.pl-logo{font-size:25px;font-weight:800;letter-spacing:2px;}
.pl-tag{font-size:19px;font-weight:700;line-height:1.55;margin:20px 0 8px;}
.pl-desc{font-size:13px;line-height:1.95;color:rgba(255,255,255,.86);margin:0;}
.pl-qr{margin-top:auto;text-align:center;}
.pl-qr img{width:148px;height:148px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 12px 26px rgba(0,40,60,.32);box-sizing:content-box;}
.pl-qr .cap{font-size:12.5px;color:rgba(255,255,255,.92);margin-top:11px;line-height:1.6;}

/* 右侧表单区 */
.pass-right{flex:1;min-width:0;padding:34px 42px 28px;display:flex;flex-direction:column;}

/* 找回页右上角“扫码登录”已由左侧二维码承担，隐藏 */
.gp-qr{display:none;}

/* 选项卡（登录） */
.lg-tabs{display:flex;gap:30px;border-bottom:1px solid #eef1f5;margin-bottom:24px;}
.lg-tabs .lt{font-size:17px;font-weight:600;color:#8a93a0;padding:0 2px 13px;cursor:pointer;position:relative;}
.lg-tabs .lt.on{color:#009ad6;}
.lg-tabs .lt.on::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px;background:#009ad6;}
.lg-pane{display:none;}.lg-pane.on{display:block;}

/* 选项卡（找回密码） */
.auth-tabs{display:flex;gap:32px;border-bottom:1px solid #eef1f5;margin-bottom:24px;}
.auth-tabs .at{font-size:18px;font-weight:700;color:#9aa3af;padding-bottom:12px;cursor:pointer;position:relative;}
.auth-tabs .at.on{color:#009ad6;}
.auth-tabs .at.on::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px;background:#009ad6;}
.auth-pane{display:none;}.auth-pane.on{display:block;}

/* 注册页头部 */
.lg-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #eef1f5;margin-bottom:22px;padding-bottom:16px;}
.lh-title{font-size:21px;font-weight:700;color:#1f2937;}
.lh-login{font-size:13.5px;color:#009ad6;text-decoration:none;}

/* 输入框（两套命名） */
.fi,.ai-row{position:relative;margin-bottom:15px;}
.fi-in,.ai-in{width:100%;height:46px;border:1px solid #e3e8ee;border-radius:10px;background:#fafbfc;
  padding:0 14px 0 42px;font-size:14.5px;color:#222;box-sizing:border-box;outline:none;
  transition:border-color .15s,background .15s;}
.fi-in:focus,.ai-in:focus{border-color:#009ad6;background:#fff;}
.fi>i.fi-ic,.ai-row>i.fa{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#a7b0bd;font-size:16px;}
.fi.code .fi-in,.ai-row.code .ai-in{padding-right:126px;}
.fi-img,.ai-codeimg{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:110px;height:38px;border-radius:8px;overflow:hidden;cursor:pointer;}
.fi-img img,.ai-codeimg img{width:100%;height:100%;display:block;}

/* 短信登录 区号 */
.fi.sms .fi-in{padding-left:76px;}
.fi.sms .cc{position:absolute;left:0;top:0;bottom:0;width:60px;display:flex;align-items:center;justify-content:center;font-size:14.5px;color:#4b5563;border-right:1px solid #e4e8ee;}
.fi.sc .fi-in{padding-right:122px;}

/* 获取验证码按钮 */
.sc-btn,.ai-send{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:38px;width:106px;
  border:1px solid #bce6f7;background:#f2fbff;color:#009ad6;border-radius:8px;font-size:13.5px;cursor:pointer;}
.sc-btn.layui-btn-disabled,.ai-send.layui-btn-disabled{opacity:.65;cursor:not-allowed;}

/* 行内链接行 */
.f-line{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#6b7280;margin:2px 0 17px;}
.f-line label{cursor:pointer;color:#4b5563;}
.f-line input{vertical-align:-2px;margin-right:4px;}
.fl-r a{color:#009ad6;text-decoration:none;}
.fl-r em{font-style:normal;color:#c4ccd6;margin:0 8px;}
.ai-back{margin:0 0 13px;text-align:right;font-size:13px;}
.ai-back a{color:#009ad6;text-decoration:none;}

/* 提交按钮 */
.f-btn,.ai-btn{width:100%;height:46px;border:0;border-radius:10px;background:linear-gradient(90deg,#009ad6,#2fb3e0);
  color:#fff;font-size:16px;font-weight:600;letter-spacing:2px;cursor:pointer;}
.f-btn.layui-btn-disabled,.ai-btn.layui-btn-disabled{opacity:.7;cursor:not-allowed;}

/* 微信扫码 iframe */
.wx-wrap{text-align:center;}
.wx-wrap iframe{width:100%;height:300px;border:0;display:block;}

/* 协议 */
.ai-xieyi{font-size:12.5px;color:#9aa3af;margin:11px 0 0;line-height:1.7;text-align:center;}
.ai-xieyi a{color:#009ad6;cursor:pointer;}

/* 第三方登录 */
.lg-third{margin-top:18px;border-top:1px solid #f1f3f6;padding-top:16px;text-align:center;}
.t-label{font-size:13px;color:#9aa3af;margin-bottom:11px;}
.t-icons{display:flex;justify-content:center;gap:22px;}
.tic{width:42px;height:42px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:20px;text-decoration:none;cursor:pointer;background:#b9bfc9;
  transition:transform .15s,background .2s;}
a.tic:hover{transform:translateY(-2px);}
.tic-wx:hover{background:#07c160;}
.tic-qq:hover{background:#12b7f5;}
.tic-wb:hover{background:#e6162d;}

/* 底部版权 */
.pass-foot{position:relative;z-index:2;text-align:center;padding:14px 20px 22px;color:rgba(255,255,255,.72);font-size:12.5px;line-height:1.9;}
.pass-foot a{color:rgba(255,255,255,.72);text-decoration:none;margin:0 6px;}
.pass-foot a:hover{color:#fff;}
.pass-foot .copy{color:rgba(255,255,255,.55);}

/* 响应式：窄屏隐藏左侧品牌面板，卡片单列 */
@media (max-width:860px){
  .pass-top{padding:18px 20px;}
  .pass-card{flex-direction:column;width:460px;min-height:0;}
  .pass-left{display:none;}
  .pass-right{padding:28px 26px 24px;}
}