/* ============================================
   FBIGSMS Unified Color Theme v2
   主色: #1E3A5F | 按钮: #2563EB
   背景: #F5F7FA | 卡片: #FFFFFF
   ============================================ */

/* ===== CSS Variables ===== */
:root {
    --primary: #1E3A5F;
    --primary-dark: #152D4A;
    --primary-light: #2D5A8A;
    --btn: #2563EB;
    --btn-hover: #1D4ED8;
    --bg: #F5F7FA;
    --card: #FFFFFF;
    --text: #1F2937;
    --text-secondary: #64748B;
    --success: #16A34A;
    --price: #DC2626;
    --warn: #F59E0B;
    --border: #E2E8F0;
    --sidebar-w: 260px;
}

/* ===== Global ===== */
body {
    background: var(--bg) !important;
    font-family: 'PingFang SC', 'Microsoft YaHei', -apple-system, sans-serif !important;
    overflow-x: hidden !important;
    color: var(--text) !important;
}

/* ===== Sidebar ===== */
.nav-sidebar {
    position: fixed !important;
    top: 0 !important; left: 0 !important;
    width: var(--sidebar-w) !important;
    height: 100vh !important;
    background: var(--primary) !important;
    z-index: 1000 !important;
    overflow-y: auto !important;
    box-shadow: 2px 0 8px rgba(0,0,0,0.1) !important;
}
.nav-header { padding: 20px 16px 10px !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; }
.nav-header img { max-height: 40px !important; }
.nav-close { display: none !important; }
.nav-select-group { padding: 12px 16px !important; color: rgba(255,255,255,0.7) !important; font-size: 12px !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; }
.nav-select-group strong { color: #F59E0B !important; font-size: 16px !important; font-weight: 700 !important; }
.nav-btn { padding: 0 16px 8px !important; }
.nav-btn .btn { background: rgba(255,255,255,0.1) !important; border: 1px solid rgba(255,255,255,0.12) !important; color: #fff !important; border-radius: 6px !important; width: 100% !important; padding: 7px !important; font-size: 12px !important; }
.nav-btn .btn:hover { background: rgba(255,255,255,0.18) !important; }

/* ===== Sidebar Menu ===== */
.nav-list { padding: 6px 0 !important; list-style: none !important; margin: 0 !important; }
.nav-list > li > .nav-link { display: flex !important; align-items: center !important; padding: 9px 16px !important; color: rgba(255,255,255,0.8) !important; font-size: 12px !important; text-decoration: none !important; border-left: 3px solid transparent !important; }
.nav-list > li > .nav-link i { width: 22px !important; margin-right: 10px !important; }
.nav-list > li > .nav-link:hover, .nav-list > li > .nav-link.active { background: rgba(255,255,255,0.06) !important; color: #fff !important; border-left-color: #F59E0B !important; }
.dropdown-list { display: none !important; list-style: none !important; padding: 0 !important; margin: 0 !important; background: rgba(0,0,0,0.12) !important; }
.dropdown-list.open { display: block !important; }
.dropdown-list li a { display: flex !important; align-items: center !important; padding: 7px 16px 7px 38px !important; color: rgba(255,255,255,0.7) !important; font-size: 12px !important; text-decoration: none !important; }
.dropdown-list li a:hover { color: #fff !important; }
.dropdown-list li a img { width: 20px !important; height: 20px !important; margin-right: 8px !important; }

/* ===== Wrapper ===== */
.wrapper { margin-left: var(--sidebar-w) !important; min-height: 100vh !important; }

/* ===== Top Bar ===== */
.header-top { display: none !important; }
.header-part { background: var(--card) !important; padding: 10px 20px !important; border-bottom: 1px solid var(--border) !important; position: sticky !important; top: 0 !important; z-index: 100 !important; }
.header-content { display: flex !important; align-items: center !important; justify-content: space-between !important; max-width: 1200px !important; margin: 0 auto !important; }
.header-logo { display: none !important; }
.header-media-group { display: flex !important; align-items: center !important; gap: 10px !important; }
.header-media-group a img { max-height: 32px !important; }
.header-user { display: none !important; background: none !important; border: none !important; font-size: 20px !important; cursor: pointer !important; color: var(--text) !important; }
.header-form { display: flex !important; background: var(--bg) !important; border-radius: 8px !important; overflow: hidden !important; max-width: 320px !important; flex: 1 !important; border: 1px solid var(--border) !important; }
.header-form input { border: none !important; background: transparent !important; padding: 7px 14px !important; font-size: 12px !important; outline: none !important; flex: 1 !important; }
.header-form button { background: transparent !important; border: none !important; padding: 7px 14px !important; color: var(--text-secondary) !important; }
.header-widget-group { display: flex !important; align-items: center !important; gap: 6px !important; }
.header-widget { display: flex !important; align-items: center !important; gap: 5px !important; padding: 5px 10px !important; border-radius: 6px !important; background: var(--bg) !important; color: var(--text) !important; font-size: 12px !important; text-decoration: none !important; border: 1px solid var(--border) !important; }
.header-widget:hover { background: var(--border) !important; }
.header-widget img { width: 26px !important; height: 26px !important; border-radius: 50% !important; }

/* ===== Hide old nav elements ===== */
.navbar-part { display: none !important; }
.category-sidebar { display: none !important; }
.cate-btn, .cart-btn { display: none !important; }

/* ===== Banner ===== */
.home-banner { border-radius: 10px !important; overflow: hidden !important; margin-bottom: 20px !important; }
.home-banner img { width: 100% !important; }

/* ===== Section Title ===== */

/* ===== Search ===== */
.home-product-search { display: flex !important; max-width: 480px !important; margin: 0 auto 20px !important; background: var(--card) !important; border-radius: 8px !important; border: 1px solid var(--border) !important; overflow: hidden !important; }
.home-product-search input { flex: 1 !important; border: none !important; padding: 9px 16px !important; font-size: 12px !important; outline: none !important; }
.home-product-search button { background: var(--btn) !important; border: none !important; color: #fff !important; padding: 9px 20px !important; cursor: pointer !important; display: flex !important; align-items: center !important; gap: 6px !important; font-size: 12px !important; font-weight: 500 !important; }
.home-product-search button:hover { background: var(--btn-hover) !important; }

/* ===== Category Pills ===== */
.custom-button-list { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; padding: 0 !important; margin: 0 0 16px 0 !important; list-style: none !important; }
.btn-category-home { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 7px 18px !important; border-radius: 20px !important; font-size: 12px !important; font-weight: 500 !important; color: var(--text) !important; background: var(--card) !important; border: 1px solid var(--border) !important; text-decoration: none !important; }
.btn-category-home:hover { border-color: var(--btn) !important; color: var(--btn) !important; }
.btn-category-home.active { background: var(--primary) !important; color: #fff !important; border-color: var(--primary) !important; }

/* ===== Product Table ===== */
.product-table-wrapper { background: var(--card) !important; border-radius: 8px !important; border: 1px solid var(--border) !important; overflow: hidden !important; margin-bottom: 16px !important; }
.product-list-table { width: 100% !important; border-collapse: collapse !important; font-size: 12px !important; }
.product-list-table thead { background: var(--primary) !important; }
.product-list-table th { padding: 11px 14px !important; font-weight: 600 !important; color: #fff !important; font-size: 12px !important; text-align: left !important; }
.th-stock, .th-price, .th-action { text-align: center !important; }
.product-list-table tbody tr { border-bottom: 1px solid var(--border) !important; }
.product-list-table tbody tr:nth-child(even) { background: #F8FAFC !important; }
.product-list-table tbody tr:hover { background: #EFF6FF !important; }
.product-list-table tbody tr.product-disable { opacity: 0.45 !important; }

/* Product name cell */
.td-product { padding: 10px 14px !important; display: flex !important; align-items: center !important; gap: 10px !important; }
.product-table-icon { width: 24px !important; height: 24px !important; border-radius: 4px !important; flex-shrink: 0 !important; }
.td-product a { color: var(--primary) !important; text-decoration: none !important; font-weight: 600 !important; font-size: 12px !important; }
.td-product a:hover { color: var(--btn) !important; }

/* Stock */
.td-stock { padding: 10px 14px !important; text-align: center !important; }
.stock-badge { display: inline-block !important; padding: 2px 10px !important; border-radius: 12px !important; font-size: 12px !important; font-weight: 600 !important; min-width: 36px !important; }
.stock-badge.in { background: #DCFCE7 !important; color: var(--success) !important; }
.stock-badge.out { background: #FEE2E2 !important; color: var(--price) !important; }

/* Price */
.td-price { padding: 10px 14px !important; text-align: center !important; white-space: nowrap !important; }
.price-current { font-weight: 700 !important; color: var(--price) !important; font-size: 15px !important; }
.price-old { font-size: 12px !important; color: var(--text-secondary) !important; text-decoration: line-through !important; margin-right: 4px !important; }

/* Action */
.td-action { padding: 10px 14px !important; text-align: center !important; }
.btn-buy-table { background: var(--btn) !important; color: #fff !important; border: none !important; padding: 6px 18px !important; border-radius: 5px !important; font-size: 12px !important; font-weight: 500 !important; cursor: pointer !important; white-space: nowrap !important; }
.btn-buy-table:hover { background: var(--btn-hover) !important; }
.btn-buy-table:disabled { background: #CBD5E1 !important; cursor: not-allowed !important; }

/* ===== Feature Card (legacy fallback) ===== */
.feature-card { background: var(--card) !important; border: 1px solid var(--border) !important; border-radius: 8px !important; padding: 12px 16px !important; margin-bottom: 8px !important; }
.feature-name { font-size: 12px !important; font-weight: 600 !important; color: var(--primary) !important; }
.feature-name a { color: var(--primary) !important; text-decoration: none !important; }
.feature-name a:hover { color: var(--btn) !important; }
.feature-price { font-size: 16px !important; font-weight: 700 !important; color: var(--price) !important; }
.feature-btn, .btn-buy { background: var(--btn) !important; color: #fff !important; border: none !important; padding: 6px 16px !important; border-radius: 5px !important; font-size: 12px !important; cursor: pointer !important; }
.feature-btn:hover, .btn-buy:hover { background: var(--btn-hover) !important; }
.feature-desc { font-size: 12px !important; color: var(--text-secondary) !important; }
.label-text.feat b { color: var(--success) !important; }

/* ===== Buttons ===== */
.btn { border-radius: 6px !important; font-size: 12px !important; padding: 7px 18px !important; font-weight: 500 !important; }
.btn-primary { background: var(--btn) !important; border-color: var(--btn) !important; color: #fff !important; }
.btn-primary:hover { background: var(--btn-hover) !important; border-color: var(--btn-hover) !important; }
.btn-outline, .btn-inline { border: 1px solid var(--border) !important; color: var(--text) !important; background: var(--card) !important; }
.btn-outline:hover, .btn-inline:hover { border-color: var(--btn) !important; color: var(--btn) !important; }

/* ===== Cards ===== */
.card { background: var(--card) !important; border: 1px solid var(--border) !important; border-radius: 10px !important; }

/* ===== Alerts ===== */
.alert-success { background: #DCFCE7 !important; color: var(--success) !important; border: 1px solid #BBF7D0 !important; }
.alert-danger { background: #FEE2E2 !important; color: var(--price) !important; border: 1px solid #FECACA !important; }
.alert-warning { background: #FEF3C7 !important; color: #B45309 !important; border: 1px solid #FDE68A !important; }
.alert-info { background: #DBEAFE !important; color: var(--btn) !important; border: 1px solid #BFDBFE !important; }

/* ===== Badges ===== */
.badge { font-weight: 500 !important; padding: 3px 8px !important; border-radius: 6px !important; }
.badge.bg-success { background: var(--success) !important; }
.badge.bg-danger { background: var(--price) !important; }
.badge.bg-warning { background: var(--warn) !important; }
.badge.bg-primary { background: var(--btn) !important; }
.badge.bg-info { background: #0EA5E9 !important; }

/* ===== Forms ===== */
.form-control { border: 1px solid var(--border) !important; border-radius: 6px !important; padding: 8px 12px !important; font-size: 12px !important; }
.form-control:focus { border-color: var(--btn) !important; box-shadow: 0 0 0 2px rgba(37,99,235,0.1) !important; }
.form-label { font-weight: 500 !important; color: var(--text) !important; margin-bottom: 4px !important; }

/* ===== Modal ===== */
.modal-content { border-radius: 10px !important; border: none !important; box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important; }
.modal-header { border-bottom: 1px solid var(--border) !important; padding: 14px 20px !important; }
.modal-body { padding: 20px !important; }
.modal-footer { border-top: 1px solid var(--border) !important; padding: 12px 20px !important; }

/* ===== Tables (generic) ===== */
.table { background: var(--card) !important; border-radius: 8px !important; overflow: hidden !important; }
.table thead th { background: var(--primary) !important; color: #fff !important; border-bottom: none !important; padding: 10px 14px !important; font-weight: 600 !important; }
.table td { padding: 10px 14px !important; border-color: var(--border) !important; }

/* ===== Pagination ===== */
.pagination .page-link { border: 1px solid var(--border) !important; color: var(--text) !important; }
.pagination .page-item.active .page-link { background: var(--btn) !important; border-color: var(--btn) !important; color: #fff !important; }

/* ===== Progress ===== */
.progress { background: var(--border) !important; border-radius: 6px !important; }
.progress-bar { background: var(--btn) !important; }

/* ===== Links ===== */
a { color: var(--btn) !important; }
a:hover { color: var(--btn-hover) !important; }

/* ===== Responsive ===== */
@media (max-width: 991px) {
    .nav-sidebar { left: calc(-1 * var(--sidebar-w)) !important; transition: left 0.3s ease !important; }
    .nav-sidebar.active { left: 0 !important; }
    .wrapper { margin-left: 0 !important; }
    .footer-part { margin-left: 0 !important; }
    .header-user { display: block !important; }
    .header-form { max-width: 200px !important; }
    .header-widget span { display: none !important; }
    .header-widget-group { gap: 4px !important; }
    .product-table-wrapper { border-radius: 0 !important; margin: 0 -12px 12px !important; }
    .feature-part .container { padding-left: 12px !important; padding-right: 12px !important; }
}
@media (max-width: 576px) {
    .header-form { max-width: 130px !important; }
    .header-form input { padding: 5px 10px !important; font-size: 12px !important; }
    .feature-card { padding: 10px !important; }
    .feature-price { font-size: 12px !important; }
    .feature-btn, .btn-buy, .btn-buy-table { padding: 5px 12px !important; font-size: 12px !important; }
    .home-banner { border-radius: 6px !important; }
    .footer-part .container { padding: 0 16px !important; }
}

/* ===== Utility: hide right balance panel ===== */
.card-wallet-home, .account-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 16px; }

/* ===== 横向溢出修复 ===== */
html, body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    position: relative !important;
}
.feature-part {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding: 20px 0 !important;
}
.feature-part .container {
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.product-table-wrapper {
    max-width: 100% !important;
    overflow-x: auto !important;
}
.product-list-table {
    min-width: 0 !important;
}
.footer-part {
    max-width: 100% !important;
}
@media (max-width: 991px) {
    .feature-part .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .product-table-wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 6px !important;
    }
}

/* ===== 横幅标题金橙+淡蓝 ===== */
.single-banner h2,
.single-banner h1,
.single-banner .page-title {
 color: #FFD166 !important;
 font-weight: 700;
 text-shadow: 0 2px 4px rgba(0,0,0,.35);
}
.breadcrumb,
.breadcrumb a {
 color: #BFD7F2 !important;
}
.breadcrumb-item.active {
 color: #F8DFA3 !important;
}
.single-banner::before {
 background: rgba(0, 20, 45, .28);
}.breadcrumb,
.breadcrumb a {
 color: #DC2626 !important;
 text-shadow: 0 1px 2px rgba(0,0,0,.35);
}
.breadcrumb-item.active {
 color: #FCA5A5 !important;
}
.single-banner::before {
 background: rgba(0, 20, 45, .28);
}

/* ===== 分类标题栏卡片式 ===== */
.home-heading {
 margin-bottom: 0 !important;
}
.home-heading h3 {
 display: flex !important;
 align-items: center !important;
 gap: 12px !important;
 min-height: 54px !important;
 padding: 0 20px !important;
 color: #ffffff !important;
 background: #294f7d !important;
 border-radius: 10px 10px 0 0 !important;
 font-size: 18px !important;
 font-weight: 600 !important;
 margin-bottom: 0 !important;
}
.home-heading h3 i {
 color: #ffffff !important;
}
.home-heading h3 img {
 width: 30px !important;
 height: 30px !important;
 object-fit: contain !important; max-height: none !important;
 background: #ffffff !important;
 border-radius: 7px !important;
 padding: 4px !important;
}

/* ===== 深色产品栏标题 ===== */
.product-group-title {
 color: #FFD166 !important;
 font-weight: 700;
}

/* ===== 产品名称用深色高对比 ===== */
.product-name,
.feature-name a {
 color: #1E3A5F !important;
 font-weight: 600;
}

/* ===== 价格红色 ===== */
.price,
.price-current,
.product-price {
 color: #DC2626 !important;
 font-weight: 700;
}

/* ===== 库存绿色 ===== */
.stock,
.stock-badge,
.in-stock {
 color: #16A34A !important;
 font-weight: 600;
}



/* ===== 顶部左侧LOGO ===== */
.header-media-group a img {
 width: 125px !important;
 height: 44px !important;
 object-fit: contain !important; max-height: none !important;
}

@media (max-width: 768px) {
 .header-media-group a img {
  width: 96px !important;
  height: 36px !important;
 }
}

/* ===== 首页横幅 ===== */
.home-banner {
 width: 100%;
 max-width: 1600px;
 height: 180px;
 margin: 16px auto !important;
 overflow: hidden;
 border-radius: 10px;
}
.home-banner img {
 width: 100%;
 height: 180px;
 object-fit: cover;
 object-position: center 60%;
 display: block;
}

@media (max-width: 768px) {
 .home-banner,
 .home-banner img {
  height: 130px;
 }
}

/* ===== 顶部图标文字标签 ===== */
.header-label {
 display: inline;
 margin-left: 5px;
 font-size: 13px;
 font-weight: 500;
 color: inherit;
}

@media (max-width: 768px) {
 .header-label {
  display: none !important;
 }
}

/* ===== 快捷功能卡片 ===== */
.quick-tools {
 display: flex !important;
 gap: 12px !important;
 align-items: center !important;
 margin: 16px 0 !important;
}
.tool-mini-btn {
 min-width: 165px !important;
 height: 64px !important;
 display: inline-flex !important;
 align-items: center !important;
 gap: 10px !important;
 padding: 0 18px !important;
 border-radius: 10px !important;
 color: #fff !important;
 font-size: 15px !important;
 font-weight: 600 !important;
 text-decoration: none !important;
}
.tool-mini-btn i {
 font-size: 25px !important;
}
.tool-mini-btn img {
 width: 28px !important;
 height: 28px !important;
}
a[href*="check-fb"],
.tool-mini-btn[href*="check-fb"] {
 background: #2563eb !important;
}
a[href*="get-2fa"],
.tool-mini-btn[href*="get-2fa"] {
 background: #16a34a !important;
}

@media (max-width: 768px) {
 .quick-tools {
  flex-direction: column !important;
  align-items: stretch !important;
 }
 .tool-mini-btn {
  width: 100% !important;
  justify-content: center !important;
 }
}

/* ===== 侧边栏选中状态高对比 ===== */
.nav-list > li > .nav-link.active {
 background: #2563eb !important;
 color: #fff !important;
 border-left: 3px solid #ffd700 !important;
}
.nav-list > li > .nav-link.active i {
 color: #fff !important;
}

/* ===== 快捷功能按钮文字确保白色 ===== */
.tool-mini-btn {
 color: #ffffff !important;
}

/* ===== 无库存分类默认折叠 ===== */
.category-empty {
 display: none !important;
}

/* ===== 产品标题栏纯深蓝 ===== */
.home-heading h3 {
 background: #1E3A5F !important;
}



/* ===== 无库存分类紧凑提示 ===== */
.category-empty-msg {
 font-size: 12px;
 padding: 6px 12px !important;
 color: #94a3b8 !important;
}

/* ===== 顶部间距优化 ===== */
.header-part {
 padding: 6px 0 !important;
}
.header-content {
 gap: 8px !important;
}
.header-widget-group {
 gap: 4px !important;
}

/* ===== 侧边栏选中状态强对比 ===== */
.nav-list > li > .nav-link.active {
 background: #2563eb !important;
 color: #fff !important;
 border-left: 3px solid #ffd700 !important;
}
.nav-list > li > .nav-link.active i {
 color: #fff !important;
}

/* ===== 侧边栏Logo区紧凑 ===== */
.nav-sidebar .nav-logo {
 padding: 12px 16px !important;
}
.nav-sidebar .nav-logo img {
 max-height: 36px !important;
}

/* ===== 产品区间距收紧 ===== */
.mb-5[id^="category"] {
 margin-bottom: 16px !important;
}
.product-table-wrapper {
 margin-bottom: 8px !important;
}

/* ===== 暂无库存紧凑 ===== */
.category-empty-msg {
 display: block !important;
 padding: 6px 14px !important;
 font-size: 12px !important;
 color: #94a3b8 !important;
 background: #f1f5f9 !important;
 border-radius: 6px !important;
 margin-bottom: 8px !important;
}

/* ===== 产品表格列宽 ===== */
.product-list-table th:last-child,
.product-list-table td:last-child {
 width: 90px !important;
 text-align: center !important;
}
.product-list-table td:last-child .btn-buy {
 width: 72px !important;
 padding: 5px 0 !important;
 font-size: 12px !important;
}
.product-list-table th:nth-child(3),
.product-list-table td:nth-child(3) {
 width: 80px !important;
 text-align: center !important;
}
.product-list-table th:nth-child(2),
.product-list-table td:nth-child(2) {
 width: 70px !important;
 text-align: center !important;
}

/* ===== 侧边栏宽度缩窄 ===== */
.nav-sidebar {
 width: 220px !important;
}

/* ===== 产品分类表头改为纯色 ===== */
.parent-section-header {
 border-bottom: 2px solid #2563eb !important;
 padding-bottom: 6px !important;
 margin-bottom: 12px !important;
}
.parent-section-header h3 {
 color: #1E3A5F !important;
 font-size: 17px !important;
 font-weight: 700 !important;
}

/* ===== 产品标题栏纯色 ===== */
.home-heading h3 {
 background: #1E3A5F !important;
 background-image: none !important;
}

/* ===== 分类标签横向滚动 ===== */
.nav-list > li:has(> a[href*="category"]) .dropdown-list {
 display: flex !important;
 flex-wrap: nowrap !important;
 overflow-x: auto !important;
 gap: 4px !important;
}
.nav-list > li:has(> a[href*="category"]) .dropdown-list li {
 flex-shrink: 0 !important;
}

/* ===== 浮动工具折叠 ===== */
.customer-service-extras {
 display: none !important;
}

/* ===== 顶部导航紧凑 ===== */
.header-part {
 padding: 6px 0 !important;
}
.header-content {
 gap: 6px !important;
}
.header-media-group a img {
 width: 105px !important;
 height: 38px !important;
}
.header-widget-group {
 gap: 2px !important;
}
.header-widget {
 padding: 4px 8px !important;
 font-size: 12px !important;
}

/* ===== 产品表格列宽 55/15/15/15 ===== */
.product-list-table th:nth-child(1),
.product-list-table td:nth-child(1) {
 width: 55% !important;
}
.product-list-table th:nth-child(2),
.product-list-table td:nth-child(2) {
 width: 15% !important;
 text-align: center !important;
}
.product-list-table th:nth-child(3),
.product-list-table td:nth-child(3) {
 width: 15% !important;
 text-align: center !important;
}
.product-list-table th:nth-child(4),
.product-list-table td:nth-child(4) {
 width: 15% !important;
 text-align: center !important;
}

/* ===== 无库存分类隐藏（已隐藏hide_in_shop里的） ===== */
.category-empty-msg {
 display: none !important;
}



/* ===== 侧边栏禁止横向溢出 ===== */
.nav-sidebar {
 overflow-x: hidden !important;
}
.nav-list {
 overflow-x: hidden !important;
}

/* ===== 子菜单显示控制：只对"产品"分类启用横向滚动 ===== */
.nav-list > li:has(> a[href*="product-orders"]) .dropdown-list,
.nav-list > li:has(> a[href*="affiliate"]) .dropdown-list,
.nav-list > li:has(> a[href*="#"]) .dropdown-list {
 display: none !important;
}
.nav-list > li:has(> a[href*="product-orders"]) .dropdown-list.open,
.nav-list > li:has(> a[href*="affiliate"]) .dropdown-list.open {
 display: block !important;
}

/* ===== 产品分类保持横向滚动（但保留默认隐藏） ===== */
.nav-list > li:has(> a[href$='?action=home']):has(> a[href*="cart"]) .dropdown-list {
 display: none !important;
}
.nav-list > li:has(> a[href$='?action=home']):has(> a[href*="cart"]) .dropdown-list.open {
 display: flex !important;
 flex-wrap: nowrap !important;
 overflow-x: auto !important;
 gap: 4px !important;
}
.nav-list > li:has(> a[href$='?action=home']):has(> a[href*="cart"]) .dropdown-list.open li {
 flex-shrink: 0 !important;
}

/* ===== 子菜单无白色背景 ===== */
.sidebar .dropdown-list {
 background: transparent !important;
}
.sidebar .dropdown-list a {
 background: transparent !important;
 color: #dbeafe !important;
}









/* ===== Footer ===== */
.footer-part {
 width: calc(100% - 32px) !important;
 max-width: 1400px !important;
 height: auto !important;
 min-height: 0 !important;
 margin: 24px auto 12px !important;
 padding: 16px 32px 0 !important;
 background: #EEF4FA !important;
 border-radius: 14px 14px 0 0 !important;
 overflow: hidden !important;
 box-sizing: border-box !important;
}
.footer-part .container {
 width: 100% !important;
 max-width: 100% !important;
 padding: 0 !important;
 min-height: 0 !important;
 height: auto !important;
 display: flex !important;
 flex-direction: column !important;
 align-items: center !important;
}
/* 三列网格 */
.footer-part .container > .row:first-child {
 display: grid !important;
 grid-template-columns: 1.2fr 1fr 0.8fr !important;
 gap: 28px !important;
 align-items: start !important;
 max-width: 1100px !important;
 width: 100% !important;
 margin: 0 auto !important;
 min-height: 0 !important;
 height: auto !important;
 padding: 0 !important;
}
.footer-part .container > .row:first-child > div {
 width: 100% !important;
 flex: none !important;
 max-width: 100% !important;
}
.footer-part .footer-title {
 color: #1E3A5F !important;
 font-weight: 700 !important;
 font-size: 14px !important;
 margin-bottom: 8px !important;
}
.footer-part .footer-desc {
 color: #52657A !important;
 line-height: 1.5 !important;
 margin-top: 8px !important;
 font-size: 12px !important;
}
.footer-part .footer-links a {
 color: #2563EB !important;
 line-height: 1.8 !important;
 font-size: 12px !important;
}
.footer-part .footer-contact li a {
 color: #2563EB !important;
 font-size: 12px !important;
}
.footer-part .footer-contact li {
 margin-bottom: 3px !important;
}
.footer-part .footer-logo img {
 max-height: 40px !important;
}
/* 版权栏 */
.footer-part .container > .row:last-child {
 width: 100% !important;
 max-width: 720px !important;
 margin: 14px auto 0 !important;
 display: block !important;
 min-height: 0 !important;
 height: auto !important;
}
.footer-part .footer-bottom {
 background: #1E3A5F !important;
 color: #fff !important;
 padding: 8px 0 !important;
 height: auto !important;
 min-height: 0 !important;
 border-radius: 10px 10px 0 0 !important;
 text-align: center !important;
}
.footer-part .footer-copytext {
 color: #fff !important;
 margin: 0 !important;
 font-size: 12px !important;
}

@media (max-width: 768px) {
 .footer-part {
  width: calc(100% - 20px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 12px 16px 0 !important;
 }
 .footer-part .container > .row:first-child {
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  text-align: center !important;
 }
 .footer-part .container > .row:last-child {
  text-align: center !important;
 }
}