/* ===== 遮罩层：铺满全屏，挡住网页内容 ===== */
  .login-mask{
    position:fixed; top:0; left:0; right:0; bottom:0;
    background:rgba(0,0,0,.6);
    z-index:9998;
  }

  /* ===== 登录框容器：居中 + 自适应 ===== */
  .login-box{
    position:fixed;
    top:50%; left:50%;
    transform:translate(-50%,-50%);
    z-index:9999;
    width:360px;
    max-width:90vw;
    background:#fff;
    border-radius:10px;
    padding:30px 26px 22px;
    box-shadow:0 10px 40px rgba(0,0,0,.3);
    font-family:-apple-system, "Microsoft YaHei", sans-serif;
  }
  .login-box h2{
    font-size:20px;
    font-weight:600;
    color:#333;
    text-align:center;
    margin-bottom:24px;
  }

  /* ===== 输入框 ===== */
  .login-box .login-item{
    margin-bottom:16px;
  }
  .login-box .login-item input[type="text"],
  .login-box .login-item input[type="password"]{
    width:100%;
    height:42px;
    line-height:42px;
    padding:0 12px;
    border:1px solid #ddd;
    border-radius:5px;
    font-size:14px;
    color:#333;
    outline:none;
    transition:border-color .2s;
  }
  .login-box .login-item input:focus{
    border-color:#4a90e2;
  }

  /* ===== 验证码行：输入框 + 图片并排 ===== */
  .login-box .login-code{
    display:flex;
    gap:10px;
  }
  .login-box .login-code input{
    flex:1;
    min-width:0;
  }
  .login-box .login-code img{
    width:110px;
    height:42px;
    border:1px solid #ddd;
    border-radius:5px;
    cursor:pointer;
    flex-shrink:0;
  }

  /* ===== 按钮 ===== */
  .login-box .login-btns{
    display:flex;
    gap:12px;
    margin-top:22px;
  }
  .login-box .login-btns button{
    flex:1;
    height:42px;
    border:none;
    border-radius:5px;
    font-size:15px;
    cursor:pointer;
    transition:opacity .2s;
  }
  .login-box .login-btns button:hover{ opacity:.85; }
  .login-box .btn-login{
    background:#4a90e2;
    color:#fff;
  }
  .login-box .btn-reset{
    background:#f2f2f2;
    color:#666;
  }

  /* ===== 底部注册链接 ===== */
  .login-box .login-foot{
    margin-top:16px;
    text-align:center;
    font-size:13px;
    color:#999;
  }
  .login-box .login-foot a{
    color:#4a90e2;
    text-decoration:none;
  }
  .login-box .login-foot a:hover{ text-decoration:underline; }

  /* ===== 手机端微调 ===== */
  @media (max-width:480px){
    .login-box{
      padding:24px 20px 18px;
      border-radius:8px;
    }
    .login-box h2{ font-size:18px; margin-bottom:20px; }
    .login-box .login-code img{ width:96px; }
  }

  .login-close{}

.login-box #loginshowkey{}
.login-box #loginshowkey a{
    color: #333;
    display: inline-block;
    line-height: 40px;
}