登录 - 东莞圣凡科技

<style>
.login-wrap{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;background:radial-gradient(120% 120% at 50% 0%,#0a1228 0%,#060a14 60%);overflow:hidden;}
.login-wrap::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(120,180,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,180,255,.05) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%);mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%);}
.login-wrap::after{content:'';position:absolute;inset:0;background:radial-gradient(50% 40% at 50% 30%,rgba(34,211,238,.10),transparent 70%),radial-gradient(50% 40% at 80% 80%,rgba(168,85,247,.10),transparent 70%);pointer-events:none;}
.login-box{position:relative;background:rgba(13,20,38,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(120,180,255,.22);border-radius:18px;padding:42px 38px;width:400px;box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 44px rgba(34,211,238,.08);animation:fadeUp .6s ease both;}
.login-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#22d3ee,#3b82f6,#a855f7);border-radius:18px 18px 0 0;}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
.login-box h1{text-align:center;font-size:23px;color:#eaf2ff;margin-bottom:8px;font-weight:700;}
.login-box p{text-align:center;color:#9fb0c9;font-size:14px;margin-bottom:24px;}
.login-box .form-group{margin-bottom:20px;}
.login-box label{display:block;font-size:14px;font-weight:500;color:#aab8d0;margin-bottom:6px;}
.form-control{width:100%;padding:10px 14px;border:1px solid rgba(120,180,255,.22);border-radius:10px;font-size:14px;box-sizing:border-box;background:rgba(255,255,255,.05);color:#eaf2ff;transition:all .2s;}
.form-control:focus{outline:none;border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.18);}
.form-control::placeholder{color:#5e6b85;}
.login-btn{width:100%;padding:11px;background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#04121f;font-weight:700;border:none;border-radius:10px;font-size:15px;cursor:pointer;transition:all .2s;box-shadow:0 8px 22px rgba(34,211,238,.30);}
.login-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(34,211,238,.45);}
.feishu-btn{width:100%;padding:12px;background:linear-gradient(135deg,#3370ff,#2b5fe0);color:#fff;border:none;border-radius:10px;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;transition:all .2s;box-shadow:0 8px 22px rgba(51,112,255,.35);}
.feishu-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(51,112,255,.5);}
.feishu-btn svg{width:20px;height:20px;}
.divider{display:flex;align-items:center;margin:20px 0;color:#5e6b85;font-size:13px;}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:rgba(120,180,255,.18);}
.divider span{padding:0 12px;}
@media (max-width: 480px) {
  .login-box { width: 90%; max-width: 360px; padding: 30px 22px; }
  .main { margin-left: 0; }
}
</style>


<div class="login-wrap">
  <div class="login-box">
    
    <div style="text-align:center; padding:20px 0;">
      <div style="font-size:48px; margin-bottom:16px;">🔒</div>
      <h1 style="color:#f87171;">访问受限</h1>
      <p style="color:#f87171; font-size:14px; margin-bottom:8px;">该链接不允许在外部浏览器打开</p>
      <p style="color:#9fb0c9; font-size:13px;">请通过飞书应用进入东莞圣凡科技</p>
    </div>
    
  </div>
</div>