.download-card-modern {
    transition: transform 0.3s ease;
    border: 1px solid rgba(0,0,0,0.05);
}
.download-card-modern:hover {
    transform: translateY(-10px);
}
.bg-qt-primary-soft { background-color: rgba(0, 123, 255, 0.1); }
.text-light-gray { color: #cbd5e0; }
.qt-check-list li i { font-size: 14px; }
.icon-box { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; }
.bg-primary-soft { background: #e7f1ff; }
.bg-success-soft { background: #e6fcf5; }
.bg-info-soft { background: #e7f5ff; }
.bg-warning-soft { background: #fff9db; }

/* 强制修复注册表单输入框背景为白色 */
.qt-register-form .form-control {
    background-color: #ffffff !important;
    color: #333333 !important; /* 确保打字时文字是深色的 */
    border: 1px solid #e1e1e1 !important;
    padding:6px 0px;
}

/* 修复输入框前后的图标装饰背景 */
.qt-register-form .input-group-text {
    background-color: #f8f9fa !important;
    border: 1px solid #e1e1e1 !important;
    padding:0 12px;
    color: #666 !important;
}

/* 修复占位符颜色，防止背景变白后看不清提示文字 */
.qt-register-form .form-control::placeholder {
    color: #999 !important;
}

/* 聚焦时的效果 */
.qt-register-form .form-control:focus {
    background-color: #ffffff !important;
    border-color: #e1e1e1 !important;
    box-shadow: 0 0 0 0 rgba(63, 55, 201, 0.1) !important;

}




/* 修改 Layui 消息框的基础样式 */
.layui-layer-msg .layui-layer-content {
    background-color: #ffffff !important; /* 背景设为白色 */
    color: #333 !important;              /* 文字设为深色 */
    border-radius: 50px !important;      /* 圆角边框 */
    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; /* 增加阴影 */
    padding: 12px 25px !important;
    font-weight: 500 !important;
    border: 1px solid #eee !important;
}

/* 针对不同类型的图标调整颜色 */
/* 成功图标 (icon: 1) 的容器颜色 */
.layui-layer-msg .layui-layer-ico1 {
    background-position: -168px -0px !important; /* 修正图标位置 */
}

/* 错误图标 (icon: 2) 的文字颜色增强 */
.layui-layer-msg .layui-layer-content i {
    margin-right: 8px !important;
}

/* 确保主包装器切掉所有侧向溢出 */
.main-wrapper {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}
