登录 - 客户管理系统

<style>
.login-wrap { display:flex; justify-content:center; align-items:center; min-height:100vh; background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460); }
.login-box { background:#fff; border-radius:12px; padding:40px; width:380px; box-shadow:0 20px 60px rgba(0,0,0,.3); }
.login-box h1 { text-align:center; font-size:22px; color:#1a1a2e; margin-bottom:8px; }
.login-box p { text-align:center; color:#a0aec0; font-size:14px; margin-bottom:24px; }
.login-box .form-group { margin-bottom:20px; }
.login-btn { width:100%; padding:10px; background:#4299e1; color:#fff; border:none; border-radius:6px; font-size:15px; cursor:pointer; }
.login-btn:hover { background:#3182ce; }
.feishu-btn { width:100%; padding:12px; background:#3370ff; color:#fff; border:none; border-radius:8px; font-size:15px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; margin-top:16px; }
.feishu-btn:hover { background:#2860e1; }
.feishu-btn svg { width:20px; height:20px; }
.divider { display:flex; align-items:center; margin:20px 0; color:#cbd5e0; font-size:13px; }
.divider::before, .divider::after { content:''; flex:1; height:1px; background:#e2e8f0; }
.divider span { padding:0 12px; }
@media (max-width: 480px) {
  .login-box { width: 90%; max-width: 360px; padding: 28px 20px; }
  .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:#e53e3e;">访问受限</h1>
      <p style="color:#e53e3e; font-size:14px; margin-bottom:8px;">该链接不允许在外部浏览器打开</p>
      <p style="color:#a0aec0; font-size:13px;">请通过飞书应用进入客户管理系统</p>
    </div>
    
  </div>
</div>