/* 自定义背景色覆盖 */
:root {
    --bs-body-bg: #F1F1F3 !important;
    --bs-white: #F1F1F3 !important;
}

html {
    background-color: #F1F1F3 !important;
}

body {
    background-color: #F1F1F3 !important;
}

.page-wrapper {
    background-color: #F1F1F3 !important;
}

.header {
    background: #F1F1F3 !important;
}

.container, .container-fluid {
    background-color: transparent !important;
}

/* 商品卡片和相关元素 */
.card, .card-body, .card-header, .card-footer {
    background-color: #F1F1F3 !important;
}

.goods-buy, .goods-introduction-cate {
    background-color: #F1F1F3 !important;
}

/* 公告和提示框 */
.alert, .alert-info, .alert-warning, .alert-success, .alert-danger {
    background-color: #F1F1F3 !important;
}

.notice, .announcement {
    background-color: #F1F1F3 !important;
}

/* 首页公告框具体样式 - 使用更强力的选择器 */
div.notice {
    background-color: #F1F1F3 !important;
}

div.notice div.container {
    background-color: #F1F1F3 !important;
}

div.notice div.row {
    background-color: #F1F1F3 !important;
}

div.notice div.col-12 {
    background-color: #F1F1F3 !important;
}

div.notice div.card {
    background-color: #F1F1F3 !important;
    border: none !important;
}

div.notice div.card-body {
    background-color: #F1F1F3 !important;
}

div.notice div.jumbotron {
    background-color: #F1F1F3 !important;
}

div.notice div.jumbotron-fluid {
    background-color: #F1F1F3 !important;
}

div.notice div.jumbotron div.container {
    background-color: #F1F1F3 !important;
}

.jumbotron, .jumbotron-fluid {
    background-color: #F1F1F3 !important;
}

/* 通用公告框样式覆盖 */
*[class*="notice"], *[class*="announcement"], *[class*="alert"] {
    background-color: #F1F1F3 !important;
}

/* 首页顶部公告框强制覆盖 */
body div.notice,
body div.notice *,
body .notice,
body .notice * {
    background-color: #F1F1F3 !important;
    background: #F1F1F3 !important;
}

/* Bootstrap jumbotron 强制覆盖 */
.jumbotron,
.jumbotron-fluid,
div.jumbotron,
div.jumbotron-fluid {
    background-color: #F1F1F3 !important;
    background: #F1F1F3 !important;
}

/* Bootstrap card 强制覆盖 */
.notice .card,
.notice .card-body,
div.notice div.card,
div.notice div.card-body {
    background-color: #F1F1F3 !important;
    background: #F1F1F3 !important;
    border: none !important;
}

/* 最强力的公告框覆盖 - 使用最高特异性 */
html body div.notice div.container div.row div.col-12 div.card {
    background-color: #F1F1F3 !important;
    background: #F1F1F3 !important;
}

html body div.notice div.container div.row div.col-12 div.card div.card-body {
    background-color: #F1F1F3 !important;
    background: #F1F1F3 !important;
}

html body div.notice div.container div.row div.col-12 div.card div.card-body div.jumbotron {
    background-color: #F1F1F3 !important;
    background: #F1F1F3 !important;
}

html body div.notice div.container div.row div.col-12 div.card div.card-body div.jumbotron-fluid {
    background-color: #F1F1F3 !important;
    background: #F1F1F3 !important;
}

/* 针对性强制覆盖所有可能的背景 */
div[class*="notice"] div[class*="card"],
div[class*="notice"] div[class*="jumbotron"] {
    background-color: #F1F1F3 !important;
    background: #F1F1F3 !important;
    background-image: none !important;
}

/* 公告框内所有文字元素背景色 */
.notice * {
    background-color: #F1F1F3 !important;
}

.notice h1, .notice h2, .notice h3, .notice h4, .notice h5, .notice h6,
.notice p, .notice div, .notice span, .notice a, .notice li, .notice ul, .notice ol {
    background-color: #F1F1F3 !important;
}

/* 公告框内容区域的所有子元素 */
.notice .lead *,
.notice .lead {
    background-color: #F1F1F3 !important;
}

/* Bootstrap组件 */
.img-thumbnail {
    background-color: #F1F1F3 !important;
}

.mark, mark {
    background-color: #F1F1F3 !important;
}

/* 表格和列表 */
.table, .table th, .table td {
    background-color: #F1F1F3 !important;
}

.list-group-item {
    background-color: #F1F1F3 !important;
}

/* 模态框和下拉菜单 */
.modal-content, .dropdown-menu {
    background-color: #F1F1F3 !important;
}

/* 输入框和表单 */
.form-control, .form-select {
    background-color: #F1F1F3 !important;
}

/* Logo图像背景色修复 */
.logo {
    background-color: #F1F1F3 !important;
}

.logo img {
    background-color: #F1F1F3 !important;
}

/* 如果是gif或其他图像格式，强制设置背景 */
img[src*=".gif"], img[src*=".png"], img[src*=".jpg"], img[src*=".jpeg"] {
    background-color: #F1F1F3 !important;
}

/* 主页底部样式 */
.footer {
    background-color: #545557 !important;
    color: #ffffff !important;
}

.footer .author {
    color: #ffffff !important;
}

.footer .author a {
    color: #ffffff !important;
}

.footer .custom {
    color: #ffffff !important;
}