/* 登录/注册页面样式 */

.auth-container { max-width: 480px; margin: 60px auto; padding: 0 20px; }
.auth-card { background: #fff; border-radius: 12px; padding: 40px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
.auth-title { font-size: 28px; font-weight: 700; color: #333; text-align: center; margin-bottom: 32px; }

/* Tabs */
.auth-tabs { display: flex; border-bottom: 2px solid #f0f0f0; margin-bottom: 24px; }
.auth-tab { flex: 1; text-align: center; padding: 12px; font-size: 16px; color: #666; cursor: pointer; border-bottom: 3px solid transparent; margin-bottom: -2px; transition: all 0.3s; }
.auth-tab:hover { color: #1890ff; }
.auth-tab.active { color: #1890ff; border-bottom-color: #1890ff; font-weight: 600; }

/* Form */
.form-group { margin-bottom: 20px; }
.form-group label { display: block; margin-bottom: 8px; font-weight: 500; color: #333; font-size: 14px; }
.form-group input { width: 100%; padding: 12px 16px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; transition: all 0.3s; box-sizing: border-box; }
.form-group input:focus { outline: none; border-color: #1890ff; box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.1); }

/* Button */
.auth-btn { width: 100%; padding: 14px; background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%); color: #fff; border: none; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s; margin-top: 8px; }
.auth-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3); }

/* Footer */
.auth-footer { text-align: center; margin-top: 24px; color: #666; font-size: 14px; }
.auth-footer a { color: #1890ff; text-decoration: none; font-weight: 500; }
.auth-footer a:hover { text-decoration: underline; }

/* Enterprise fields */
.enterprise-fields { padding-top: 16px; border-top: 1px dashed #eee; margin-top: 16px; }

/* Responsive */
@media (max-width: 768px) {
    .auth-container { margin: 30px auto; }
    .auth-card { padding: 25px 20px; }
    .auth-title { font-size: 22px; margin-bottom: 20px; }
}