/* 深色主题登录页面样式 */

/* 登录容器居中样式 */
.login-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 200px); /* 减去导航栏和边距的高度 */
    padding: 2rem 0;
    width: 100%;
}

/* 登录卡片包装器 */
.login-card-wrapper {
    width: 100%;
    max-width: 400px;
    min-width: 300px;
    padding: 0 1rem;
}

/* 确保登录卡片有合适的宽度 */
.login-container .card {
    width: 100%;
    max-width: 400px;
    min-width: 300px;
}

/* 卡片样式 */
.card.bg-dark {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
}

.card-header.bg-dark {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
}

.card-body.bg-dark {
    background-color: #2d2d2d !important;
}

.card-footer.bg-dark {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
}

/* 输入框组样式 */
.input-group-text.bg-dark {
    background-color: #3d3d3d !important;
    border-color: #555555 !important;
    color: #ffffff !important;
}

/* 表单控件样式 */
.form-control.bg-dark {
    background-color: #3d3d3d !important;
    border-color: #555555 !important;
    color: #ffffff !important;
}

.form-control.bg-dark:focus {
    background-color: #3d3d3d !important;
    border-color: #007bff !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

.form-control.bg-dark::placeholder {
    color: #cccccc !important;
}

/* 文字颜色 */
.text-light {
    color: #cccccc !important;
}

/* 确保输入框文字颜色 */
input[type="password"] {
    color: #ffffff !important;
}

input[type="password"]::placeholder {
    color: #cccccc !important;
}