/* ==========================================
   虾皮(Shopee)风格改造 - 首页样式优化
   ========================================== */

/*your custom css goes here*/

/* === 1. Shopee 官方色彩系统覆盖 === */
/* 基于真实 Shopee.tw 的精确色彩 */
html:root {
    --primary: #EE4D2D !important;           /* Shopee 官方橙红色 */
    --hov-primary: #D73527 !important;       /* 悬停状态 */
    --soft-primary: rgba(238, 77, 45, 0.08) !important;  /* 柔和背景 */
    --shopee-secondary: #FF6B35 !important;  /* 辅助橙色 */
}

/* 直接设置所有使用主色的元素 */
.text-primary {
    color: #EE4D2D !important;
}

.bg-primary {
    background-color: #EE4D2D !important;
}

.border-primary {
    border-color: #EE4D2D !important;
}

.bg-soft-primary {
    background-color: #EE4D2D !important;
    color: white !important;
}

/* === 2. Shopee 圆角设计系统 === */
.rounded {
    border-radius: 6px !important;    /* Shopee 使用较小圆角 */
}

.rounded-sm {
    border-radius: 4px !important;    /* 更小的圆角 */
}

.shadow-sm {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

/* === 3. Shopee 产品卡片精确还原 === */
.aiz-card-box {
    border-radius: 6px !important;           /* Shopee 标准圆角 */
    border: 1px solid #e5e5e5 !important;   /* 精确边框色 */
    transition: all 0.2s ease !important;    /* 更快过渡 */
    overflow: hidden;
    position: relative;
    background: #fff !important;
}

.aiz-card-box:hover {
    transform: none !important;              /* Shopee 不使用上浮 */
    box-shadow: 0 2px 8px rgba(238, 77, 45, 0.1) !important; /* 轻微阴影 */
    border-color: #EE4D2D !important;       /* 橙红色边框 */
}

/* 产品图片区域 */
.aiz-card-box .position-relative img {
    border-radius: 12px 12px 0 0;
}

/* 产品信息区域 */
.aiz-card-box .p-md-3 {
    padding: 16px !important;
}

/* === 4. 折扣标签虾皮风格 === */
.badge-custom {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
    color: white !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 4px 8px !important;
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 2 !important;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
}

.badge-custom .box {
    background: rgba(255,255,255,0.2) !important;
    border-radius: 6px !important;
    padding: 2px 6px !important;
    margin-left: 4px !important;
}

/* === 5. 价格显示优化 === */
.aiz-card-box .fs-15 {
    margin-bottom: 8px !important;
}

.aiz-card-box .fw-700.text-primary {
    color: #FF6B35 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.aiz-card-box del {
    color: #999 !important;
    font-size: 13px !important;
}

/* === 6. 评分星级虾皮风格 === */
.rating-sm {
    margin: 4px 0 8px 0 !important;
}

.rating .las {
    color: #FFD700 !important;
    font-size: 12px !important;
}

/* === 7. 产品标题优化 === */
.aiz-card-box h3 {
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #333 !important;
    margin-bottom: 0 !important;
    height: 35px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* === 8. 悬停工具图标优化 === */
.aiz-p-hov-icon {
    opacity: 0;
    transition: all 0.3s ease;
}

.aiz-card-box:hover .aiz-p-hov-icon {
    opacity: 1;
}

.aiz-p-hov-icon a {
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    background: white !important;
    color: #FF6B35 !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 4px !important;
    transition: all 0.2s ease !important;
}

.aiz-p-hov-icon a:hover {
    background: #FF6B35 !important;
    color: white !important;
    transform: scale(1.1);
}

/* === 9. 分类菜单虾皮风格 === */
.aiz-category-menu {
    border-radius: 12px !important;
    overflow: hidden;
    border: 1px solid #f0f0f0 !important;
}

.aiz-category-menu .bg-soft-primary {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
    color: white !important;
}

.category-nav-element a {
    padding: 12px 16px !important;
    border-radius: 8px !important;
    margin: 2px 8px !important;
    transition: all 0.2s ease !important;
}

.category-nav-element a:hover {
    background: var(--soft-primary) !important;
    color: var(--primary) !important;
}

/* === 10. 轮播图优化 === */
.aiz-carousel .carousel-box img {
    border-radius: 12px !important;
}

/* === 11. Section标题虾皮风格 === */
.border-bottom.border-primary {
    border-color: #FF6B35 !important;
}

.h5.fw-700 {
    color: #333 !important;
    font-size: 20px !important;
}

/* === 12. 按钮虾皮风格 === */
.btn-primary {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 8px 20px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4) !important;
}

/* === 13. Flash Sale倒计时优化 === */
.aiz-count-down {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
    color: white !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
}

/* === 14. 今日特价区域 === */
.bg-soft-primary.rounded-top {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
    color: white !important;
}

.badge-primary {
    background: rgba(255,255,255,0.2) !important;
    color: white !important;
    border-radius: 12px !important;
}

/* === 15. 分类和品牌展示优化 === */
.hov-shadow-md:hover {
    box-shadow: 0 8px 25px rgba(255, 107, 53, 0.15) !important;
    transform: translateY(-2px);
}

/* === 16. 响应式优化 === */
@media (max-width: 768px) {
    .aiz-card-box {
        margin-bottom: 16px;
    }
    
    .aiz-card-box .p-md-3 {
        padding: 12px !important;
    }
    
    .aiz-card-box h3 {
        font-size: 12px !important;
        height: 32px !important;
    }
    
    .category-nav-element a {
        padding: 10px 12px !important;
        margin: 1px 4px !important;
    }
}

/* === 17. 搜索栏优化 === */
.form-control {
    border-radius: 25px !important;
    border: 2px solid #f0f0f0 !important;
    padding: 12px 20px !important;
}

.form-control:focus {
    border-color: #FF6B35 !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 107, 53, 0.15) !important;
}

/* === 18. 顶部导航栏优化 === */
.top-navbar {
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}

/* === 19. 加载更多按钮 === */
.btn-sm {
    border-radius: 18px !important;
    padding: 6px 16px !important;
    font-size: 13px !important;
}

/* === 20. 整体页面背景优化 === */
body {
    background-color: #fafafa !important;
}

.container {
    background: transparent !important;
}

/* === 全局 Footer Shopee 风格 - PC和手机统一 === */
/* 上方功能区域 - 改为淡灰色背景 */
section.bg-white.border-top {
    background-color: #f8f9fa !important;
    border-top: 1px solid #e5e5e5 !important;
}

/* 主要footer区域 - Shopee风格深色 */
section.bg-dark.footer-widget {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%) !important;
}

/* 最底部版权区域 */
footer.bg-black {
    background: linear-gradient(135deg, #1a252f 0%, #2c3e50 100%) !important;
}

/* Footer中的按钮使用Shopee颜色 */
.footer-widget .btn-primary {
    background-color: #EE4D2D !important;
    border-color: #EE4D2D !important;
    border-radius: 4px !important;
}

/* Footer链接悬停效果 */
.footer-widget .hov-opacity-100:hover {
    color: #EE4D2D !important;
}

/* 社交媒体图标悬停 */
.social.colored a:hover {
    color: #EE4D2D !important;
}

/* 移动端底部导航 */
.aiz-mobile-bottom-nav .bg-primary {
    background-color: #EE4D2D !important;
}

/* 移动端和PC端统一样式 */
@media (max-width: 768px) {
    section.bg-white.border-top {
        background-color: #f8f9fa !important;
    }
    
    section.bg-dark.footer-widget {
        background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%) !important;
    }
    
    footer.bg-black {
        background: linear-gradient(135deg, #1a252f 0%, #2c3e50 100%) !important;
    }
}

/* === 全局 bg-soft-primary 元素橘红色字体 === */
/* 针对 rounded px-2 mt-2 bg-soft-primary border-soft-primary border 及相关组合 */
.rounded.px-2.mt-2.bg-soft-primary.border-soft-primary.border,
.rounded.px-2.mt-2.bg-soft-primary.border-soft-primary,
.px-2.mt-2.bg-soft-primary.border-soft-primary.border,
.px-2.bg-soft-primary.border-soft-primary.border,
.px-2.bg-soft-primary.border-soft-primary,
.bg-soft-primary.border-soft-primary.border,
.bg-soft-primary.border-soft-primary {
    color: #EE4D2D !important;
    font-weight: 600 !important;
}

/* 确保内部文字元素也是橘红色 */
.rounded.px-2.mt-2.bg-soft-primary.border-soft-primary.border *,
.px-2.bg-soft-primary.border-soft-primary.border *,
.bg-soft-primary.border-soft-primary * {
    color: #EE4D2D !important;
}

/* 特殊情况：链接元素 */
.bg-soft-primary.border-soft-primary a,
.bg-soft-primary.border-soft-primary a:hover,
.bg-soft-primary.border-soft-primary a:focus {
    color: #EE4D2D !important;
    text-decoration: none !important;
}

/* 确保在各种背景下都能正确显示 */
.bg-white .bg-soft-primary.border-soft-primary,
.bg-light .bg-soft-primary.border-soft-primary,
.container .bg-soft-primary.border-soft-primary {
    color: #EE4D2D !important;
}

/* === 全局 Header Shopee 风格统一 === */
/* 顶部导航栏 - Shopee 橘红色背景 */
.top-navbar.bg-white.border-bottom.border-soft-secondary,
.top-navbar.bg-white {
    background: linear-gradient(135deg, #EE4D2D 0%, #D73527 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
    color: white !important;
}

/* 顶部导航栏内的文字颜色 */
.top-navbar .text-reset,
.top-navbar .opacity-60,
.top-navbar .dropdown-toggle {
    color: rgba(255,255,255,0.9) !important;
}

/* 顶部导航栏链接悬停效果 */
.top-navbar .text-reset:hover,
.top-navbar .dropdown-toggle:hover {
    color: white !important;
}

/* 主导航栏 - 清爽白色背景 */
header.bg-white,
header.sticky-top.bg-white {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e5e5e5 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

/* 主导航栏搜索按钮 */
header .btn-primary,
.logo-bar-area .btn-primary {
    background-color: #EE4D2D !important;
    border-color: #EE4D2D !important;
    border-radius: 4px !important;
}

/* 主导航栏搜索按钮悬停 */
header .btn-primary:hover,
.logo-bar-area .btn-primary:hover {
    background-color: #D73527 !important;
    border-color: #D73527 !important;
}

/* 导航栏内的购物车等图标 */
header .text-primary,
.logo-bar-area .text-primary {
    color: #EE4D2D !important;
}

/* 分类菜单按钮 */
.category-menu-icon-box .dropdown-toggle {
    background-color: #f8f9fa !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
}

.category-menu-icon-box .dropdown-toggle:hover {
    background-color: #EE4D2D !important;
    border-color: #EE4D2D !important;
    color: white !important;
}

/* 搜索框优化 */
header .form-control,
.front-header-search .form-control {
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px 0 0 4px !important;
    padding: 10px 15px !important;
}

header .form-control:focus,
.front-header-search .form-control:focus {
    border-color: #EE4D2D !important;
    box-shadow: 0 0 0 2px rgba(238, 77, 45, 0.1) !important;
}

/* 移动端搜索图标 */
.front-header-search .la-search {
    color: #EE4D2D !important;
}

/* Header菜单栏 */
.bg-white.border-top.border-gray-200 {
    background-color: #ffffff !important;
    border-top: 1px solid #f0f0f0 !important;
}

/* Header菜单链接 */
.bg-white.border-top .text-reset {
    color: #666 !important;
    transition: color 0.2s ease !important;
}

.bg-white.border-top .text-reset:hover {
    color: #EE4D2D !important;
}

/* 响应式Header优化 */
@media (max-width: 768px) {
    .top-navbar {
        padding: 8px 0 !important;
    }
    
    header .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .front-header-search {
        background: white !important;
    }
}

/* === 21. 特殊标签样式 === */
.badge-inline {
    border-radius: 12px !important;
    padding: 4px 8px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
}

.badge-success {
    background: #00BF63 !important;
}

.badge-danger {
    background: #FF424F !important;
}

/* === 22. 过渡动画优化 === */
.has-transition {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* === 23. Club Point标签虾皮风格 === */
.bg-soft-primary.border-soft-primary {
    background: linear-gradient(90deg, rgba(255, 107, 53, 0.1) 0%, rgba(247, 147, 30, 0.1) 100%) !important;
    border-color: var(--primary) !important;
    border-radius: 6px !important;
}

/* === 24. 轮播箭头优化 === */
.slick-prev:before,
.slick-next:before {
    color: #FF6B35 !important;
    font-size: 20px !important;
}

/* === 25. 最终优化 === */
.shadow-sm,
.shadow-md {
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
}

/* === 26. 强制刷新样式 - 确保虾皮风格生效 === */
/* 添加时间戳确保CSS缓存刷新 */
body * {
    /* 2024-07-30 强制刷新 */
}

/* 核心虾皮风格元素 - 最高优先级 */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
    border-color: #FF6B35 !important;
    color: white !important;
}

.aiz-card-box .fw-700.text-primary,
.text-primary,
[class*="text-primary"] {
    color: #FF6B35 !important;
}

/* 确保虾皮橙色在所有地方生效 */
.border-primary,
[class*="border-primary"] {
    border-color: #FF6B35 !important;
}

/* Flash Sale和Today's Deal区域确保使用虾皮色 */
.bg-soft-primary,
[class*="bg-soft-primary"] {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
    color: white !important;
}

/* 分类菜单头部 */
.all-category {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
    color: white !important;
}

/* 确保所有圆角生效 */
.aiz-card-box,
.rounded,
.rounded-sm,
.btn,
.form-control,
.badge {
    border-radius: 12px !important;
}

.btn-sm,
.badge-inline {
    border-radius: 8px !important;
}

/* 立即可见的测试样式 */
.home-banner-area {
    background: #fafafa !important;
}

/* 产品卡片立即生效 */
.aiz-card-box {
    background: white !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.aiz-card-box:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 30px rgba(238, 77, 45, 0.2) !important;
    border-color: #EE4D2D !important;
}

/* === 全站协调的分类样式 === */
/* 分类悬停效果统一 */
.hover-bg-soft-primary,
.category-nav-element a,
.text-center.p-2.rounded {
    transition: all 0.2s ease !important;
    border-radius: 8px !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

.hover-bg-soft-primary:hover,
.category-nav-element a:hover {
    background-color: rgba(238, 77, 45, 0.03) !important;
    border-color: rgba(238, 77, 45, 0.15) !important;
    color: #EE4D2D !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(238, 77, 45, 0.08) !important;
}

/* 分类文字协调颜色 */
.fs-12, .fs-13, .fs-14 {
    color: #333 !important;
}

.text-reset {
    color: #333 !important;
}

.text-reset:hover {
    color: #EE4D2D !important;
    text-decoration: none !important;
}

/* 统一按钮配色 */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: linear-gradient(135deg, #EE4D2D 0%, #D73527 100%) !important;
    border-color: #EE4D2D !important;
    color: white !important;
    border-radius: 4px !important;
}

/* 标签协调配色 */
.badge-primary {
    background-color: rgba(255,255,255,0.25) !important;
    color: white !important;
    border-radius: 4px !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
}

.badge-light {
    background-color: rgba(255,255,255,0.2) !important;
    color: white !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    border-radius: 4px !important;
}

/* bg-soft-primary 全站统一 */
.bg-soft-primary {
    background: linear-gradient(135deg, #EE4D2D 0%, #D73527 100%) !important;
    color: white !important;
    border-radius: 8px 8px 0 0 !important;
}

/* 确保所有主色调元素统一 */
.text-primary,
[class*="text-primary"] {
    color: #EE4D2D !important;
}

.border-primary,
[class*="border-primary"] {
    border-color: #EE4D2D !important;
}

.bg-primary,
[class*="bg-primary"] {
    background-color: #EE4D2D !important;
}

/* === 全站 bg-white rounded shadow-sm p-3 网格状态 === */
.bg-white.rounded.shadow-sm.p-3 {
    background: white !important;
    border: 1px solid #e9ecef !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
    padding: 20px !important;
    color: #333 !important;  /* 白底黑字 */
    position: relative !important;
    overflow: hidden !important;
}

/* 网格顶部装饰条 */
.bg-white.rounded.shadow-sm.p-3::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #EE4D2D 0%, #D73527 100%) !important;
}

/* 网格内图片圆形设计 */
.bg-white.rounded.shadow-sm.p-3 img {
    border-radius: 50% !important;  /* 圆形图片 */
    border: 2px solid #f8f9fa !important;
    background: white !important;
    padding: 4px !important;
    transition: all 0.2s ease !important;
    object-fit: cover !important;
}

/* 网格项目悬停效果 */
.bg-white.rounded.shadow-sm.p-3 .text-center {
    border-radius: 8px !important;
    padding: 12px 8px !important;
    transition: all 0.2s ease !important;
    background: transparent !important;
}

.bg-white.rounded.shadow-sm.p-3 .text-center:hover {
    background: rgba(238, 77, 45, 0.02) !important;
    transform: translateY(-2px) !important;
}

.bg-white.rounded.shadow-sm.p-3 .text-center:hover img {
    border-color: #EE4D2D !important;
    transform: scale(1.05) !important;
}

/* 网格文字样式 */
.bg-white.rounded.shadow-sm.p-3 .fs-12,
.bg-white.rounded.shadow-sm.p-3 .fw-500,
.bg-white.rounded.shadow-sm.p-3 .text-reset {
    color: #333 !important;  /* 黑字 */
    font-weight: 500 !important;
}

.bg-white.rounded.shadow-sm.p-3 .text-reset:hover {
    color: #EE4D2D !important;
}

/* 响应式网格优化 */
@media (min-width: 992px) {
    .bg-white.rounded.shadow-sm.p-3 img {
        width: 60px !important;
        height: 60px !important;
    }
    
    .bg-white.rounded.shadow-sm.p-3 .fs-12 {
        font-size: 14px !important;
    }
    
    .bg-white.rounded.shadow-sm.p-3 .col-6,
    .bg-white.rounded.shadow-sm.p-3 .col-sm-4,
    .bg-white.rounded.shadow-sm.p-3 .col-md-3,
    .bg-white.rounded.shadow-sm.p-3 .col-lg-2 {
        padding: 12px !important;
        margin-bottom: 16px !important;
    }
}

@media (max-width: 768px) {
    .bg-white.rounded.shadow-sm.p-3 img {
        width: 45px !important;
        height: 45px !important;
    }
    
    .bg-white.rounded.shadow-sm.p-3 .fs-12 {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }
    
    .bg-white.rounded.shadow-sm.p-3 .col-6,
    .bg-white.rounded.shadow-sm.p-3 .col-sm-4 {
        padding: 8px !important;
        margin-bottom: 12px !important;
    }
}

/* row gutters-5 基础样式恢复 */
.row.gutters-5 .text-reset {
    color: #333 !important;
}

.row.gutters-5 .text-reset:hover {
    color: #EE4D2D !important;
}

/* === 全站 col-md-6 col-lg-4 mb-2 白色背景黑色字体 === */
.col-md-6.col-lg-4.mb-2 {
    background: white !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    border: 1px solid #f0f0f0 !important;
    margin-bottom: 16px !important;
    padding: 12px !important;
    transition: all 0.2s ease !important;
}

.col-md-6.col-lg-4.mb-2:hover {
    box-shadow: 0 4px 12px rgba(238, 77, 45, 0.08) !important;
    border-color: rgba(238, 77, 45, 0.2) !important;
    transform: translateY(-1px) !important;
}

/* 内部文字黑色 */
.col-md-6.col-lg-4.mb-2 .text-reset,
.col-md-6.col-lg-4.mb-2 .fs-14,
.col-md-6.col-lg-4.mb-2 .fw-600,
.col-md-6.col-lg-4.mb-2 .text-truncate-2 {
    color: #333 !important;  /* 黑字 */
}

.col-md-6.col-lg-4.mb-2 .text-reset:hover {
    color: #EE4D2D !important;
}

/* 内部图标样式 */
.col-md-6.col-lg-4.mb-2 .text-primary {
    color: #EE4D2D !important;
}

/* === 全站 d-flex align-items-center text-reset p-2 rounded hover-bg-soft-primary 白色背景 === */
.d-flex.align-items-center.text-reset.p-2.rounded.hover-bg-soft-primary {
    background: white !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
    padding: 12px !important;
    margin-bottom: 8px !important;
    transition: all 0.2s ease !important;
    color: #333 !important;  /* 黑字 */
}

.d-flex.align-items-center.text-reset.p-2.rounded.hover-bg-soft-primary:hover {
    background-color: rgba(238, 77, 45, 0.03) !important;
    border-color: rgba(238, 77, 45, 0.15) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 10px rgba(238, 77, 45, 0.08) !important;
    color: #EE4D2D !important;
}

/* 内部文字和图标样式 */
.d-flex.align-items-center.text-reset.p-2.rounded.hover-bg-soft-primary .fs-14,
.d-flex.align-items-center.text-reset.p-2.rounded.hover-bg-soft-primary .fw-500,
.d-flex.align-items-center.text-reset.p-2.rounded.hover-bg-soft-primary span {
    color: #333 !important;
}

.d-flex.align-items-center.text-reset.p-2.rounded.hover-bg-soft-primary:hover .fs-14,
.d-flex.align-items-center.text-reset.p-2.rounded.hover-bg-soft-primary:hover .fw-500,
.d-flex.align-items-center.text-reset.p-2.rounded.hover-bg-soft-primary:hover span {
    color: #EE4D2D !important;
}

/* 内部图标保持橘红色 */
.d-flex.align-items-center.text-reset.p-2.rounded.hover-bg-soft-primary .la-angle-right {
    color: #EE4D2D !important;
}

/* === 全站 d-flex mb-3 align-items-baseline border-bottom 橘红色背景白色字体 === */
.d-flex.mb-3.align-items-baseline.border-bottom {
    background: linear-gradient(135deg, #EE4D2D 0%, #D73527 100%) !important;
    border: none !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 18px 24px !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
    color: white !important;  /* 白字 */
    box-shadow: 0 2px 8px rgba(238, 77, 45, 0.3) !important;
}

/* 内部标题和文字白色 */
.d-flex.mb-3.align-items-baseline.border-bottom .h5,
.d-flex.mb-3.align-items-baseline.border-bottom h3,
.d-flex.mb-3.align-items-baseline.border-bottom .fw-700,
.d-flex.mb-3.align-items-baseline.border-bottom span,
.d-flex.mb-3.align-items-baseline.border-bottom .border-bottom.border-primary {
    color: white !important;  /* 白字 */
    margin-bottom: 0 !important;
    font-weight: 600 !important;
}

/* 按钮样式 - 无背景黑色字体 */
.d-flex.mb-3.align-items-baseline.border-bottom .btn {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    color: #333 !important;  /* 按钮黑字 */
    text-decoration: none !important;
    font-weight: 500 !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    background-color: rgba(255,255,255,0.9) !important;  /* 半透明白色背景 */
}

.d-flex.mb-3.align-items-baseline.border-bottom .btn:hover {
    background-color: white !important;
    color: #333 !important;
    border-color: rgba(255,255,255,0.8) !important;
}

/* 非按钮链接保持白色 */
.d-flex.mb-3.align-items-baseline.border-bottom a:not(.btn) {
    color: white !important;
    text-decoration: none !important;
}

.d-flex.mb-3.align-items-baseline.border-bottom a:not(.btn):hover {
    color: rgba(255,255,255,0.8) !important;
}

/* 特殊元素白色字体 */
.d-flex.mb-3.align-items-baseline.border-bottom .d-inline-block,
.d-flex.mb-3.align-items-baseline.border-bottom .pb-3 {
    color: white !important;
    border-color: rgba(255,255,255,0.3) !important;
}

/* 确保所有子元素都是白字 */
.d-flex.mb-3.align-items-baseline.border-bottom * {
    color: white !important;
}

/* 但是按钮例外 - 黑字 */
.d-flex.mb-3.align-items-baseline.border-bottom .btn {
    color: #333 !important;
}

/* === 全站 p-3 bg-primary text-white rounded-top 橘红色背景白色字体 === */
.p-3.bg-primary.text-white.rounded-top {
    background: linear-gradient(135deg, #EE4D2D 0%, #D73527 100%) !important;
    color: white !important;  /* 白字 */
    border: none !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 16px 20px !important;
    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
    box-shadow: 0 2px 8px rgba(238, 77, 45, 0.3) !important;
}

/* 内部元素白色字体 */
.p-3.bg-primary.text-white.rounded-top h4,
.p-3.bg-primary.text-white.rounded-top h5,
.p-3.bg-primary.text-white.rounded-top .fw-600,
.p-3.bg-primary.text-white.rounded-top .fw-700,
.p-3.bg-primary.text-white.rounded-top span {
    color: white !important;  /* 白字 */
    margin-bottom: 0 !important;
}

/* 链接保持白色 */
.p-3.bg-primary.text-white.rounded-top a,
.p-3.bg-primary.text-white.rounded-top .text-white {
    color: white !important;
    text-decoration: none !important;
}

.p-3.bg-primary.text-white.rounded-top a:hover {
    color: rgba(255,255,255,0.8) !important;
}

/* 确保所有子元素都是白字 */
.p-3.bg-primary.text-white.rounded-top * {
    color: white !important;
}

/* 特殊元素处理 */
.p-3.bg-primary.text-white.rounded-top .badge {
    background-color: rgba(255,255,255,0.2) !important;
    color: white !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
}

/* 倒计时样式 */
.p-3.bg-primary.text-white.rounded-top .aiz-count-down {
    background-color: rgba(255,255,255,0.15) !important;
    color: white !important;
    border-radius: 4px !important;
}

/* 标签和徽章样式 */
.p-3.bg-primary.text-white.rounded-top .badge,
.d-flex.mb-3.align-items-baseline.border-bottom .badge {
    background-color: #EE4D2D !important;
    color: white !important;
}

/* === 全站 p-3 border-bottom 橘红色背景白色字体 === */
.p-3.border-bottom {
    background: linear-gradient(135deg, #EE4D2D 0%, #D73527 100%) !important;
    color: white !important;
    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
    padding: 16px 20px !important;
    border-radius: 8px 8px 0 0 !important;
}

/* 内部所有文字白色 */
.p-3.border-bottom h4,
.p-3.border-bottom h5,
.p-3.border-bottom .fw-600,
.p-3.border-bottom .fw-700,
.p-3.border-bottom span,
.p-3.border-bottom .mb-0,
.p-3.border-bottom .d-flex,
.p-3.border-bottom .align-items-center {
    color: white !important;
    margin-bottom: 0 !important;
}

/* 链接和按钮白色 */
.p-3.border-bottom a,
.p-3.border-bottom .text-white,
.p-3.border-bottom .fs-14 {
    color: white !important;
    text-decoration: none !important;
}

.p-3.border-bottom a:hover {
    color: rgba(255,255,255,0.8) !important;
}

/* 确保所有子元素都是白字 */
.p-3.border-bottom * {
    color: white !important;
}

/* 特殊标签样式 */
.p-3.border-bottom .badge {
    background-color: rgba(255,255,255,0.2) !important;
    color: white !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
}

/* 倒计时和特殊元素 */
.p-3.border-bottom .aiz-count-down {
    background-color: rgba(255,255,255,0.15) !important;
    color: white !important;
}

/* === col-6 col-sm-4 col-md-3 col-lg-2 产品标题和布局优化 === */
.col-6.col-sm-4.col-md-3.col-lg-2 {
    background-color: #ffffff !important;
    color: #333333 !important;
}

/* 确保产品标题可见性 */
.col-6.col-sm-4.col-md-3.col-lg-2 .text-truncate {
    color: #333333 !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    margin-bottom: 4px !important;
}

/* 图片保持合适大小和圆形效果 */
.col-6.col-sm-4.col-md-3.col-lg-2 img {
    border-radius: 50% !important;
    object-fit: cover !important;
    width: 50px !important;
    height: 50px !important;
}

/* 今日特价区域的产品图片保持方形 */  
.bg-primary + div .col-6.col-sm-4.col-md-3.col-lg-2 img {
    border-radius: 8px !important;
    width: auto !important;
    height: 100px !important;
}

/* === 全站搜索按钮统一白底黑字样式 === */
.input-group-append.d-none.d-lg-block .btn,
.input-group-append.d-lg-block .btn,
.input-group-append .btn-primary {
    background-color: #ffffff !important;
    border-color: #e5e5e5 !important;
    color: #333333 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 0 8px 8px 0 !important;
}

.input-group-append.d-none.d-lg-block .btn:hover,
.input-group-append.d-lg-block .btn:hover,
.input-group-append .btn-primary:hover {
    background-color: #f8f9fa !important;
    border-color: #d0d0d0 !important;
    color: #333333 !important;
}

.input-group-append.d-none.d-lg-block .btn:focus,
.input-group-append.d-lg-block .btn:focus,
.input-group-append .btn-primary:focus,
.input-group-append.d-none.d-lg-block .btn:active,
.input-group-append.d-lg-block .btn:active,
.input-group-append .btn-primary:active {
    background-color: #e9ecef !important;
    border-color: #c0c0c0 !important;
    color: #333333 !important;
    box-shadow: 0 0 0 3px rgba(51, 51, 51, 0.1) !important;
}

/* 搜索图标颜色 */
.input-group-append .btn .la,
.input-group-append .btn i {
    color: #333333 !important;
}

/* === 全站Footer统一白底黑字样式 === */
section.bg-dark.py-5.text-light.footer-widget {
    background-color: #ffffff !important;
    background-image: none !important;
    background: #ffffff !important;
    color: #333333 !important;
    border-top: 1px solid #e5e5e5 !important;
}

/* Footer内所有文字颜色 */
.bg-dark.py-5.text-light.footer-widget,
.bg-dark.py-5.text-light.footer-widget * {
    color: #333333 !important;
}

/* Footer链接样式 */
.bg-dark.py-5.text-light.footer-widget a {
    color: #333333 !important;
    text-decoration: none !important;
}

.bg-dark.py-5.text-light.footer-widget a:hover {
    color: #EE4D2D !important;
    text-decoration: underline !important;
}

/* Footer标题样式 */
.bg-dark.py-5.text-light.footer-widget h4,
.bg-dark.py-5.text-light.footer-widget .h4 {
    color: #333333 !important;
    border-bottom-color: #e5e5e5 !important;
}

/* Footer按钮样式 */
.bg-dark.py-5.text-light.footer-widget .btn-primary {
    background-color: #ffffff !important;
    border-color: #e5e5e5 !important;
    color: #333333 !important;
}

.bg-dark.py-5.text-light.footer-widget .btn-primary:hover {
    background-color: #f8f9fa !important;
    border-color: #d0d0d0 !important;
    color: #333333 !important;
}

/* Footer表单输入框样式 */
.bg-dark.py-5.text-light.footer-widget .form-control {
    background-color: #ffffff !important;
    border-color: #e5e5e5 !important;
    color: #333333 !important;
}

.bg-dark.py-5.text-light.footer-widget .form-control::placeholder {
    color: #999999 !important;
}

.bg-dark.py-5.text-light.footer-widget .form-control:focus {
    background-color: #ffffff !important;
    border-color: #EE4D2D !important;
    color: #333333 !important;
    box-shadow: 0 0 0 3px rgba(238, 77, 45, 0.1) !important;
}

/* Footer列表项样式 */
.bg-dark.py-5.text-light.footer-widget ul li {
    color: #333333 !important;
}

/* Footer图标样式 */
.bg-dark.py-5.text-light.footer-widget i {
    color: #333333 !important;
}

/* Footer分隔线样式 */
.bg-dark.py-5.text-light.footer-widget .border-bottom {
    border-bottom-color: #e5e5e5 !important;
}

/* Footer透明度文字 */
.bg-dark.py-5.text-light.footer-widget .opacity-30,
.bg-dark.py-5.text-light.footer-widget .opacity-50,
.bg-dark.py-5.text-light.footer-widget .opacity-60,
.bg-dark.py-5.text-light.footer-widget .opacity-70 {
    color: #666666 !important;
}

/* === 隐藏Blog相关元素 === */
a[href*="/blog"],
a[href*="blog"],
.blog-link,
.blog-section,
[class*="blog"] {
    display: none !important;
    visibility: hidden !important;
}

/* === row gutters-5 卡片虚线分割线样式 === */
.row.gutters-5 > [class*="col-"] {
    border: 1px dashed #d0d0d0 !important;
    border-radius: 8px !important;
    position: relative !important;
    background-color: #ffffff !important;
    transition: all 0.3s ease !important;
}

/* 卡片悬停效果 */
.row.gutters-5 > [class*="col-"]:hover {
    border-color: #EE4D2D !important;
    border-style: solid !important;
    box-shadow: 0 2px 8px rgba(238, 77, 45, 0.15) !important;
    transform: translateY(-2px) !important;
}

/* 卡片内容区域 */
.row.gutters-5 > [class*="col-"] > * {
    padding: 8px !important;
    border-radius: 6px !important;
}

/* 确保卡片间距 */
.row.gutters-5 > [class*="col-"] {
    margin-bottom: 12px !important;
    padding: 4px !important;
}

/* PC端优化 */
@media (min-width: 992px) {
    .row.gutters-5 > [class*="col-"] {
        margin-bottom: 16px !important;
        padding: 6px !important;
    }
    
    .row.gutters-5 > [class*="col-"] > * {
        padding: 12px !important;
    }
}

/* 手机端优化 */
@media (max-width: 768px) {
    .row.gutters-5 > [class*="col-"] {
        margin-bottom: 8px !important;
        padding: 3px !important;
    }
    
    .row.gutters-5 > [class*="col-"] > * {
        padding: 6px !important;
    }
}

/* === 手机端底部导航栏优化 === */
.aiz-mobile-bottom-nav {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    border-top: 1px solid #e5e5e5 !important;
    box-shadow: 0px -2px 20px rgba(0, 0, 0, 0.08) !important;
    border-radius: 20px 20px 0 0 !important;
    padding: 8px 0 !important;
    backdrop-filter: blur(10px) !important;
}

/* 底部导航栏内容区域 */
.aiz-mobile-bottom-nav .row.align-items-center.gutters-5 {
    margin: 0 !important;
    padding: 0 8px !important;
}

/* 底部导航栏每个列项目 */
.aiz-mobile-bottom-nav .col,
.aiz-mobile-bottom-nav .col-auto {
    padding: 4px 6px !important;
}

/* 底部导航栏链接样式 */
.aiz-mobile-bottom-nav .text-reset {
    transition: all 0.3s ease !important;
    border-radius: 12px !important;
    padding: 8px 4px !important;
    position: relative !important;
}

/* 底部导航栏图标样式 */
.aiz-mobile-bottom-nav .fs-20 {
    font-size: 22px !important;
    transition: all 0.3s ease !important;
}

/* 底部导航栏文字样式 */
.aiz-mobile-bottom-nav .fs-10 {
    font-size: 10px !important;
    font-weight: 500 !important;
    margin-top: 2px !important;
    transition: all 0.3s ease !important;
}

/* 激活状态样式 */
.aiz-mobile-bottom-nav .opacity-100.text-primary {
    color: #EE4D2D !important;
}

.aiz-mobile-bottom-nav .opacity-100.fw-600 {
    color: #EE4D2D !important;
    font-weight: 600 !important;
}

/* 悬停效果 */
.aiz-mobile-bottom-nav .text-reset:hover {
    background-color: rgba(238, 77, 45, 0.05) !important;
    transform: translateY(-2px) !important;
}

.aiz-mobile-bottom-nav .text-reset:hover .opacity-60 {
    color: #EE4D2D !important;
    opacity: 1 !important;
}

/* 购物车按钮特殊样式 */
.aiz-mobile-bottom-nav .bg-primary.rounded-circle {
    background: linear-gradient(135deg, #EE4D2D 0%, #D73527 100%) !important;
    border: 3px solid #ffffff !important;
    box-shadow: 0 4px 15px rgba(238, 77, 45, 0.4) !important;
    width: 56px !important;
    height: 56px !important;
    margin-top: -28px !important;
    transition: all 0.3s ease !important;
}

.aiz-mobile-bottom-nav .bg-primary.rounded-circle:hover {
    transform: scale(1.1) translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(238, 77, 45, 0.5) !important;
}

/* 购物车图标 */
.aiz-mobile-bottom-nav .la-shopping-bag {
    font-size: 24px !important;
    color: white !important;
}

/* 通知徽章样式 */
.aiz-mobile-bottom-nav .badge-primary {
    background-color: #EE4D2D !important;
    border: 2px solid white !important;
}

/* 用户头像样式 */
.aiz-mobile-bottom-nav .size-20px {
    width: 24px !important;
    height: 24px !important;
    border: 2px solid #e5e5e5 !important;
    transition: all 0.3s ease !important;
}

.aiz-mobile-bottom-nav .text-reset:hover .size-20px {
    border-color: #EE4D2D !important;
    transform: scale(1.1) !important;
}

/* 激活项目的背景高亮 */
.aiz-mobile-bottom-nav .text-reset:has(.opacity-100) {
    background-color: rgba(238, 77, 45, 0.08) !important;
    border-radius: 12px !important;
}

/* 购物车数量文字优化 */
.aiz-mobile-bottom-nav .cart-count {
    color: #333 !important;
    font-weight: 600 !important;
}

/* === border-bottom border-primary border-width-2 pb-3 d-inline-block 高度和手机端优化 === */
/* 全局高度调整 */
.border-bottom.border-primary.border-width-2.pb-3.d-inline-block {
    padding-bottom: 8px !important; /* 从pb-3的12px减少到8px */
    line-height: 1.2 !important; /* 紧凑行高 */
    font-size: 16px !important; /* 稍微减小字体 */
}

/* PC端父容器也进行高度优化 */
@media (min-width: 769px) {
    .d-flex.mb-3.align-items-baseline.border-bottom {
        padding: 12px 24px !important; /* PC端稍大的内边距 */
        margin-bottom: 20px !important; /* PC端标准间距 */
    }
    
    .border-bottom.border-primary.border-width-2.pb-3.d-inline-block {
        font-size: 17px !important; /* PC端稍大字体 */
        padding-bottom: 10px !important; /* PC端稍大内边距 */
    }
}

@media (max-width: 768px) {
    /* 标题文字截断 */
    .border-bottom.border-primary.border-width-2.pb-3.d-inline-block {
        max-width: 180px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        display: inline-block !important;
        padding-bottom: 6px !important; /* 手机端更紧凑 */
        font-size: 15px !important;
        line-height: 1.1 !important;
    }
    
    /* 父容器优化 */
    .d-flex.mb-3.align-items-baseline.border-bottom .h5 {
        flex: 1 !important;
        min-width: 0 !important;
        margin-right: 8px !important;
    }
    
    /* 确保按钮不被挤压 */
    .d-flex.mb-3.align-items-baseline.border-bottom .btn {
        flex-shrink: 0 !important;
        font-size: 12px !important;
        padding: 4px 8px !important;
        white-space: nowrap !important;
    }
    
    /* 整个flex容器优化 */
    .d-flex.mb-3.align-items-baseline.border-bottom {
        flex-wrap: nowrap !important;
        align-items: center !important;
        padding: 8px 16px !important; /* 减少上下内边距 */
        margin-bottom: 16px !important; /* 减少底部外边距 */
    }
}

/* 更小屏幕的优化 */
@media (max-width: 480px) {
    .border-bottom.border-primary.border-width-2.pb-3.d-inline-block {
        max-width: 140px !important;
        font-size: 14px !important;
    }
    
    .d-flex.mb-3.align-items-baseline.border-bottom .btn {
        font-size: 11px !important;
        padding: 3px 6px !important;
    }
}

/* 悬停时显示完整文字 */
@media (max-width: 768px) {
    .border-bottom.border-primary.border-width-2.pb-3.d-inline-block:hover {
        overflow: visible !important;
        white-space: normal !important;
        max-width: none !important;
        position: relative !important;
        z-index: 10 !important;
        background-color: rgba(238, 77, 45, 0.1) !important;
        padding: 4px 8px !important;
        border-radius: 4px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
    }
}