/* 认证页面样式 */ .auth-container { min-height: 60vh; display: flex; align-items: center; } .auth-card { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); border: none; border-radius: 10px; } .auth-card .card-header { background: linear-gradient(135deg, #007bff 0%, #0056b3 100%); color: white; border-radius: 10px 10px 0 0; border: none; } .auth-card .card-header h4 { margin: 0; font-weight: 500; } .auth-card .card-body { padding: 2rem; } /* 表单样式 */ .form-control:focus { border-color: #007bff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn-primary { background: linear-gradient(135deg, #007bff 0%, #0056b3 100%); border: none; padding: 0.75rem; font-weight: 500; } .btn-primary:hover { background: linear-gradient(135deg, #0056b3 0%, #004085 100%); transform: translateY(-1px); } /* 链接样式 */ .auth-link { color: #007bff; text-decoration: none; font-weight: 500; } .auth-link:hover { color: #0056b3; text-decoration: underline; } /* 响应式设计 */ @media (max-width: 576px) { .auth-card .card-body { padding: 1.5rem; } }