/*[2025/05/30 11:04:15] This file is generated by code, DO NOT edit this file! */
/*删除或注释所有代码即可恢复商城原始外观, 执行此行为前确保有备份*/
/* 设置整个页面的背景和字体颜色 */
body {
    background-color: black;
    color: white;
}

/* 确保页头和页尾是黑色，页面底端各类信息背景颜色与其同步 */
header, footer, .col-lg-9 {
    background-color: #111111;
    color: white;
}

/*商品选项卡，右上角会员下拉菜单*/
.product-wrapper, .product-thumb, .dropdown-menu {
    background-color: black; /* 修改为黑色背景 */
}

/*商品列表，收藏列表商品名称，设置导航栏文字为白色，商品界面路由当前位置字体颜色, 强制商品选择按钮的字为白色, 页面底部版权文字颜色, 会员中心界面, 优惠券类型名称文字颜色修改, 页脚4图标下方宣传语, 网页左下方简介字体颜色, 时下流行字体颜色修改,右上角会员下拉菜单内文字, 购物车为空时的下拉提示, 会员中心界面我的账户积分等数据颜色, 商品分类左侧菜单, 购物车结算, 常见问题文字颜色，订单详情商品名称字体颜色*/
.product-name, .tab-product-list a.name, .navbar .navbar-nav a, .breadcrumb-item.active, .button.btn-variant span, .bottom_copyright span, .table-striped, .text-start, .text-end, .coupon-name, .sub-title, .text-muted, .column-item.product-tab-wrapper .widget-title span, .column-item h3, .dropdown-item, .text-center.no-results, body.account-account .account-edit-link .card-items > a, .sidebar-widget a, .widget-title, .title-wrapper h2, .d-flex, .col-md-6 h2, .checkout-section h2, .accordion-button, .panel-body.p-3, td.text-start.name a {
	color: white !important;  /*将商品名称文字改成白色*/
}

.navbar .navbar-nav a:hover {
    color: #FF4500 !important;  /* 鼠标悬停时的暖橙色 */
}

/*下拉菜单背景*/
.navbar-nav .dropdown-menu a, .form-select {
  	background-color: black; /* 修改为黑色背景 */
    color: white;  /* 设置下拉菜单中的文字为白色 */
}

/*导航栏下拉菜单颜色设置*/
.navbar .navbar-nav .dropdown-menu a:hover {
    background-color: red !important;  /* 鼠标悬停时整行变为红色 */
    color: #fff !important;  /* 保证文字在悬停时变为白色 */
}

.dropdown-menu a:hover {
    background-color: red !important;  /* 鼠标悬停时整行变为红色 */
    color: #fff !important;  /* 保证文字在悬停时变为白色 */
}

/*解决导航栏在页面不处于最上方时会变白的问题，商品分类左侧菜单背景颜色，购物车界面背景颜色修改*/
.menu-wrapper.menu-fixed, #column-left .column-lr, #column-right .column-lr, body.checkout-checkout {
  background: #000;
}

/* 设置按钮的背景色为红色并且去除边框*/
.btn.btn-dark {
	background-color: red !important;
  	border: none;
}

/* 鼠标悬停时，按钮颜色变化 */
.btn.btn-dark:hover {
	background-color: #FF4500 !important;
}

/*右上角会员中心登录等字体,时下流行区域下选项字体, 品牌名称字体颜色修改*/
.ms-2, .nav-link, body.product-product .product-attribute a  {
    color: white;
}

/*页面正下方信息*/
footer ul.list-unstyled li a {
  /*display: inline-block;*/   /*遇到字体外观异常可以尝试解除这行代码的注释*/
  color: white;
}

/*页脚4图标下方宣传语标题*/
.title {
	color: #FF4500 !important;
}

/*登录框颜色修改, 收藏列表商品图片背景底色*/
.card-body, .img-thumbnail {
    background-color: #222222; 
    color: white;
}

/* 设置密码登录4字为白色 */
.nav-tabs a, .nav-tabs .active a {
    color: white !important;
}

/* 设置输入框底色为黑色，文字为白色 */
.form-control {
    background-color: black !important;
    color: white !important;
    border: 1px solid #555; /* 可选：为输入框设置边框颜色，使其在黑色背景下更清晰 */
}

/* 设置输入框获得焦点时的样式，确保仍然清晰可见 */
.form-control:focus {
    background-color: black !important;
    color: white !important;
    border-color: #888; /* 可以选择设置一个更明显的焦点边框颜色 */
}

/*优惠券颜色修改*/
.coupons-item > div:nth-child(2) {
  background-color: black !important;
  border: none; /* 去除边框 */
}

/* 设置商品界面下方信息默认状态下的背景和文字颜色 */
.nav-link {
    background-color: black;
    color: white;
}

/* 设置选中（active）状态下的背景和文字颜色 */
.nav-link.active {
    background-color: red !important;  /* 设置红色背景 */
    color: white !important;  /* 设置文字为白色 */
}

/*商品界面评论选项字体颜色*/
.reviews-toolbar li {
    color: #333333;  /* 设置文字为深灰色 */
}

/* 商品选择按钮的边框 */
.button.selected {
    border: 2px solid red !important;  /* 修改颜色为红色 */
}

/* 鼠标悬浮时，按钮变红，文字颜色保持不变 */
.button.btn-variant:hover {
    background-color: red !important;  /* 鼠标悬浮时，边框变红 */
}

/*库存数字颜色，遇到其它文字颜色异常或无法修改尝试禁用这串代码*/
.product-attribute li span:nth-child(2) {
  color: white; /* 设置库存数字颜色为白色 */
}

/*弹窗-降价提醒标题*/
.layui-layer-title {
	background-color: #343a40 !important;
    color: white !important;
}

/*会员中心，购物车，商品类别, 账户充值等界面背景颜色，优惠券下方迷之空白修改*/
.account-account, .account-edit, .account-password, .account-address, .account-wishlist, .account-order, .account-group_buying, .account-bargain, 
.account-order_review, .account-download, .account-reward, .account-return, .account-transaction, .account-coupon, .account-newsletter, .account-logout, 
.checkout-cart, .product-category, .account-recharge, .information-information, .information-faq, .gdpr-wrapper {
	background-color: black !important;
    color: white !important;
}

/*会员中心界面小卡片头部颜色, 会员中心界面我的订单背景颜色*/
.card-header, .order-wrap.p-3 {
	background-color: #222222 !important;
}

/*会员中心界面左侧列表颜色*/
.list-group-item {
	background-color: #222222;
    color: white;
}

/*订单界面白色元素，改为黑色*/
.table {
	--bs-table-accent-bg: #222222;
    color: white;
}

/*会员中心界面我的订单鼠标悬浮时背景颜色*/
.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: #888888;  /* 设置背景色为浅灰 */
  /*background-color: var(--bs-table-accent-bg, transparent);  /* 应用背景色 */
  color: white;  /* 设置文字颜色为白色 */
}

/*商品分类界面, 商品状态, 商品展示区域, 订单支付提交，提交成功，订单信息界面颜色, 优惠券的那两个圆形, 商品界面路由底色, 弹窗-降价提醒颜色, 页脚4图标区域*/
.checkbox, .row.product-layout-row.mb-4, .checkout-checkout-connect, .quick-checkout-connect-wrapper, .success-items, body[class^="account-"], .multi-filter-wrapper.content-top-bottom.bg-white, .filter-stock-section, .row.product-layout-row, .circle.circle1, .circle.circle2, .breadcrumb-wrapper, .layui-layer, .module-customer-service.service_icon, body[class^="information-"] {
	background-color: black !important;
}

/*商品分类界面商品状态鼠标悬浮颜色, 购物车按钮鼠标悬浮时背景颜色*/
.checkbox:hover, .radio:hover {
	background-color: red !important;
}

/*商品分类界面商品状态外框属性*/
.multi-filter-wrapper.content-top-bottom {
  border: 1px solid red;
  max-height: 182px;
  overflow: hidden;
  padding: 0 16px;
  margin-bottom: 20px;
}

/*排序方式等小标签属性*/
.input-group-text {
	border: none;
  	background-color: red;
  	color: white;
}

/*浏览模式小图标选中后颜色*/
.filter-wrapper .btn-group .active {
  background-color: #ff0d0d;
  box-shadow: none;
  color: #333;
}

/*商品分类左侧菜单鼠标悬浮时文字颜色*/
.sidebar-widget a:hover {
  color: red !important;  /* 设置所有 .sidebar-widget 下的 <a> 标签文字为白色 */
}

/*品牌页面品牌展示区域背景颜色*/
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgb(0, 0, 0) !important;
}

/*品牌页面品牌标题区域背景颜色*/
body.product-manufacturer .manufacturer-list h2, body.product-manufacturer .manufacturer-list .h2 {
  border-bottom: 1px solid red;
  background-color: #343a40;
  padding: 14px;
}
/*品牌页面品牌展示区域边框颜色*/
body.product-manufacturer .manufacturer-list {
  border-bottom: 1px solid #efefef;
  border: 1px solid red;
  padding: 0 0 20px 0;
  margin-bottom: 20px;
}

/*交易结算进度条颜色*/
.checkout-process-wrapper .process-list li.old, .checkout-process-wrapper .process-list li.active {
  border-color: red; 
}

/*交易结算进度条圆点颜色*/
.checkout-process-wrapper .process-list li.active div, .checkout-process-wrapper .process-list li.old div {
  background-color: red;
}

/*购物车结算页面小组件属性, 订单信息部分小组件颜色*/
body.checkout-checkout .quick-checkout-wrapper .checkout-section, body.account-order-info .product-wrapper {
  background: #222;
}

/*交易结算进度条上方文字, 购物车商品名称颜色, 首页购物车悬浮菜单文字颜色*/
.checkout-process-wrapper .process-list li.old span, .checkout-process-wrapper .process-list li.active span, body.checkout-cart table.product-table .name, header #cart .dropdown-menu li.products a {
  color: #fff;
}

/*购物车地址栏背景颜色--------------这一大坨我看不懂也不想动，反正能生效就对了*/
body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #payment-existing ul li.active, body.checkout-checkout .quick-checkout-wrapper #shipping-address-section #shipping-existing ul li.active, body.checkout-checkout .quick-checkout-wrapper #payment-address-section #payment-existing ul li.active, body.checkout-checkout .quick-checkout-wrapper #payment-address-section #shipping-existing ul li.active {
  display: block;
  background-color: #000;
  border-color: var(--main-color);
}

/* 给商品加上渐变边框 ----------------不要动，不要动，不要动，除非你是职业前端，不然不要动这串和下面两串代码；不需要这个效果直接全注释掉2025.2.7*/
.product-thumb {
  border: 2px solid transparent; /* 需要先设置透明边框 */
  border-radius: 5px; /* 圆角生效 */
  border-image-source: linear-gradient(45deg, red, purple);
  border-image-slice: 1;
  mask-image: radial-gradient(circle, rgba(0,0,0,1) 99%, rgba(0,0,0,0) 100%);
  -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 99%, rgba(0,0,0,0) 100%);
}

/* 鼠标悬浮时改变背景色和边框颜色 */
/* 默认状态 */
.product-thumb {
  transition: all 0.3s ease; /* 平滑过渡 */
  width: 95%;  /* 设置选项卡宽度为父容器的 80% */
}

/* 鼠标悬浮时 */
.product-thumb:hover {
  background-color: #333; /* 浅灰色背景 */
  border-image: linear-gradient(to right, #ff7e5f, #feb47b) 1; /* 渐变边框 */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* 添加轻微阴影，增加层次感 */
}

/* 常见问题部分小组件背景颜色 */
.accordion {
  --bs-accordion-bg: #222;
  --bs-accordion-active-bg: #fe8080;
}

#btn-decline {
	background-color: white;
}

#btn-decline:hover {
	background-color: black;
}

/*购物车新添地址背景与边框*/
body.checkout-checkout .quick-checkout-wrapper #shipping-address-section .no-addresses, body.checkout-checkout .quick-checkout-wrapper #payment-address-section .no-addresses {
	background-color: black;
  	border: none;
}

/*修改logo容器大小自适应改变*/
#logo {
  width: auto;  /* 宽度根据内容自适应 */
  height: auto; /* 高度根据内容自适应 */
}

/*修改logo图片缩放大小，以高度为准*/
header #logo img {
  max-height: 150px;
  display: inline-block;
}

#payment-confirm-wrapper .stripe-payment-wrapper {
 background-color: #111;
 border: 1px solid red;
}

/*会员中心界面支付显示背景颜色*/
body.account-order-info .stripe-payment-wrapper {
  background: #000;
}

/*注册界面隐私条款-------屎山代码*/
body.account-register .login-bg-wrapper .agree-wrapper a {
  color: white;
}

body.account-register .login-bg-wrapper .agree-wrapper a:hover {
  color: red;
}

/* 隐藏邮箱所在列表项 */
.top_contact ul.address-wrapper li:nth-child(2) {
    display: none;
}

/* 字体尺寸归零实现隐藏电话图标 */
.list-inline-item > .iconfont {
    font-size: 0 !important;
    line-height: 0 !important;
}

/* 超链接颜色，确保链接颜色适合黑色背景 */
a {
    color: lightblue;
}

a:hover {
    color: red;
}