/* 表格组件专属样式，避免冲突 */
         .page-section-prod { padding-top: 20px; }
         .prod-container { padding: 0 20px; }
         .prod-layout { display: flex; gap: 20px; }
         .prod-sidebar { width: 280px; flex-shrink: 0; background: #fff; border-radius: 8px; box-shadow: 0 2px 12px rgba(0,0,0,0.05); overflow: hidden; display: flex; flex-direction: column; }
         .sidebar-search-wrap { padding: 15px; border-bottom: 1px solid #eaeaea; }
         .sidebar-search-box { position: relative; margin: 0; }
         .sidebar-search-input { width: 100%; padding: 8px 30px 8px 12px; border: 1px solid #eaeaea; border-radius: 4px; box-sizing: border-box; font-size: 14px; outline: none; }
         .sidebar-search-btn { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: none; border: none; color: #999; cursor: pointer; padding: 5px; }
          .sidebar-title { padding: 15px 20px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #eaeaea; margin: 0; color: #fff; display: flex; justify-content: space-between; align-items: center; }
          .sidebar-collapse-btn { color: #fff; font-size: 16px; cursor: pointer; transition: color 0.2s; }
          .sidebar-collapse-btn:hover { color: #2b579a; }
          .prod-sidebar { width: 280px; flex-shrink: 0; background: #fff; border-radius: 8px; box-shadow: 0 2px 12px rgba(0,0,0,0.05); overflow: hidden; display: flex; flex-direction: column; transition: width 0.3s ease, margin 0.3s ease, opacity 0.3s ease; }
          .prod-sidebar.is-collapsed { width: 0; margin-right: -20px; opacity: 0; pointer-events: none; border: none; box-shadow: none; }
          
          /* 展开侧边栏悬浮按钮 */
          .sidebar-expand-float-btn { position: fixed; left: 0; top: 50%; transform: translateY(-50%); background: #2b579a; color: #fff; padding: 15px 8px; border-radius: 0 8px 8px 0; cursor: pointer; box-shadow: 2px 0 8px rgba(0,0,0,0.1); z-index: 100; transition: transform 0.3s ease, left 0.3s ease; writing-mode: vertical-lr; letter-spacing: 2px; font-size: 14px; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; }
          .sidebar-expand-float-btn i { margin-bottom: 8px; transform: rotate(90deg); font-size: 16px; }
          .sidebar-expand-float-btn.show { opacity: 1; pointer-events: auto; }
          .sidebar-expand-float-btn:hover { background: #1a3c70; }
          
          .sidebar-nav-list { margin: 0; padding: 0; list-style: none; overflow-y: auto; max-height: calc(100vh - 200px); }
         .prod-main { flex: 1; min-width: 0; background: #fff; border-radius: 8px; padding: 20px; box-shadow: 0 2px 12px rgba(0,0,0,0.05); }
         
         .tech-table-widget-prod { margin-top: 0; padding: 0; box-shadow: none; background: transparent; }
         .toolbar-prod { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; margin-bottom: 20px; }
         .toolbar-group-prod { display: flex; gap: 15px; align-items: center; }
         .search-box-prod { position: relative; margin-left: 10px; }
         .search-input-prod { width: 200px; padding: 8px 30px 8px 12px; border: 1px solid #eaeaea; border-radius: 4px; box-sizing: border-box; font-size: 14px; outline: none; }
         .search-icon-prod { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #999; }
         .total-count-text { font-size: 14px; color: #666; margin-left: 10px; }
         .total-count-num { color: #333; }
          .toolbar-right-prod { margin-left: auto; }
          .ib-bg-banner { background-image: url('/skin/images/banner.jpg'); }
          .multi-sub-menu-active { display: block; }
         .tech-table-widget {
             --primary-color: #2b579a;
             --border-color: #eaeaea;
             --bg-hover: #f5f7fa;
             --text-color: #333;
             font-family: "Microsoft YaHei", sans-serif;
             color: var(--text-color);
             background: #fff;
             border-radius: 8px;
             padding: 20px;
             box-shadow: 0 2px 12px rgba(0,0,0,0.05);
             margin-top: 30px;
         }
         .tech-table-widget .toolbar {
             display: flex; justify-content: space-between; align-items: center;
             margin-bottom: 20px; flex-wrap: wrap; gap: 15px;
         }
         .tech-table-widget .toolbar-group { display: flex; align-items: center; gap: 15px; }
         .tech-table-widget .btn {
             padding: 8px 16px; border: 1px solid var(--border-color); background: #fff;
             border-radius: 4px; cursor: pointer; font-size: 14px; color: #555;
             display: inline-flex; align-items: center; gap: 6px; transition: all 0.2s;
         }
         .tech-table-widget .btn:hover { background: var(--bg-hover); border-color: #ccc; }
         .tech-table-widget .btn-primary { background: var(--primary-color); color: #fff; border-color: var(--primary-color); }
         .tech-table-widget .btn-primary:hover { background: #1a3c70; color: #fff; border-color: #1a3c70; }
         .tech-table-widget .search-box { position: relative; }
         .tech-table-widget .search-box input {
             padding: 8px 32px 8px 12px; border: 1px solid var(--border-color);
             border-radius: 4px; width: 200px; font-size: 14px; outline: none;
         }
         .tech-table-widget .search-box input:focus { border-color: var(--primary-color); }
         .tech-table-widget .search-box i { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999; }
         .tech-table-widget .col-panel-wrapper { position: relative; }
         .tech-table-widget .col-visibility-panel {
             position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid var(--border-color);
             border-radius: 4px; padding: 15px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);
             z-index: 1000; display: none; width: 250px; max-height: 300px; overflow-y: auto; margin-top: 8px;
         }
         .tech-table-widget .col-visibility-panel.show { display: block; }
         .tech-table-widget .col-item { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 14px; cursor: pointer; }
         .tech-table-widget .table-wrapper { overflow-x: auto; border: 1px solid var(--border-color); border-radius: 4px; max-width: 100%; }
         .tech-table-widget table { width: 100%; border-collapse: collapse; white-space: nowrap; }
         .tech-table-widget th, .tech-table-widget td { padding: 12px 16px; border-bottom: 1px solid var(--border-color); text-align: left; font-size: 14px; }
         .tech-table-widget th { background: #fafafa; font-weight: bold; color: #333; border-right: 1px solid #f0f0f0; position: relative; }
         .tech-table-widget th:last-child { border-right: none; }
         .tech-table-widget th.freeze-col, .tech-table-widget td.freeze-col {
             position: sticky; left: 0; background: #fff; z-index: 10;
             border-right: 1px solid var(--border-color); box-shadow: 2px 0 5px -2px rgba(0,0,0,0.05);
         }
         .tech-table-widget th.freeze-col { background: #fafafa; z-index: 11; }
         
         /* 表格隔行变色 */
         .tech-table-widget tbody tr:nth-child(even) { background-color: #f9fbfd; }
         .tech-table-widget tbody tr:nth-child(even) td.freeze-col { background-color: #f9fbfd; }
         .tech-table-widget tbody tr:nth-child(odd) { background-color: #ffffff; }
         .tech-table-widget tbody tr:nth-child(odd) td.freeze-col { background-color: #ffffff; }
         
         .tech-table-widget tbody tr:hover { background-color: var(--bg-hover); }
         .tech-table-widget tbody tr:hover td.freeze-col { background-color: var(--bg-hover); }
         .tech-table-widget .th-content { display: flex; align-items: center; justify-content: space-between; }
         .tech-table-widget .th-text { flex: 1; margin-right: 8px; }
         .tech-table-widget .th-icons { display: flex; align-items: center; gap: 8px; }
         .tech-table-widget .sort-btn { display: flex; flex-direction: column; font-size: 10px; color: #ccc; cursor: pointer; line-height: 1; }
         .tech-table-widget .sort-btn i { height: 8px; }
         .tech-table-widget .sort-btn.asc .fa-caret-up { color: var(--primary-color); }
         .tech-table-widget .sort-btn.desc .fa-caret-down { color: var(--primary-color); }
         .tech-table-widget .filter-btn { color: #999; cursor: pointer; font-size: 14px; }
         .tech-table-widget .filter-btn:hover { color: #555; }
         .tech-table-widget .filter-btn.active { color: var(--primary-color); }
         .tech-table-widget .th-dropdown {
             position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid var(--border-color);
             border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); padding: 15px; z-index: 1000;
             display: none; width: 260px; font-weight: normal; margin-top: 5px;
         }
         .tech-table-widget .th-dropdown.show { display: block; }
         .tech-table-widget .dropdown-header {
             font-size: 13px; color: #666; margin-bottom: 12px; display: flex;
             justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 8px;
         }
         .tech-table-widget .hide-col-btn { color: #e74c3c; cursor: pointer; font-size: 12px; display: flex; align-items: center; gap: 4px; }
         .tech-table-widget .hide-col-btn:hover { text-decoration: underline; }
         .tech-table-widget .filter-content { margin-bottom: 15px; }
         .tech-table-widget .filter-input {
             width: 100%; padding: 8px; border: 1px solid var(--border-color);
             border-radius: 4px; box-sizing: border-box; outline: none;
         }
         .tech-table-widget .filter-input:focus { border-color: var(--primary-color); }
         
         /* 简化滑块样式 */
         .tech-table-widget .slider-wrapper { margin: 15px 8px 25px 8px; }
         .tech-table-widget .noUi-target { background: #e4e7ed; border: none; box-shadow: none; height: 4px; }
         .tech-table-widget .noUi-connect { background: var(--primary-color); }
         .tech-table-widget .noUi-horizontal .noUi-handle {
             width: 16px; height: 16px; right: -8px; top: -6px; border-radius: 50%;
             background: #fff; border: 2px solid var(--primary-color); box-shadow: 0 1px 3px rgba(0,0,0,0.1); cursor: pointer;
         }
         .tech-table-widget .noUi-handle:before, .tech-table-widget .noUi-handle:after { display: none; }
         .tech-table-widget .noUi-tooltip { display: none; }
         
         .tech-table-widget .range-inputs { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 12px; }
         .tech-table-widget .range-inputs input { width: 70px; padding: 4px; border: 1px solid var(--border-color); border-radius: 4px; text-align: center; outline: none; }
         .tech-table-widget .range-inputs input:focus { border-color: var(--primary-color); }
         .tech-table-widget .dropdown-footer { display: flex; justify-content: space-between; gap: 10px; }
         .tech-table-widget .dropdown-footer .btn { flex: 1; justify-content: center; padding: 6px 0; }
         @media (max-width: 768px) {
             .tech-table-widget .toolbar { flex-direction: column; align-items: stretch; }
             .tech-table-widget .toolbar-group { justify-content: space-between; flex-wrap: wrap; }
             .tech-table-widget .search-box input { width: 100%; }
             .tech-table-widget .toolbar-right { margin-top: 10px; }
         }
 
 
 
         /* 多级菜单样式优化：层次分明、柔和、去线条感 */
     .multi-level-nav { font-size: 14px; padding: 10px 0 !important; }
     .multi-level-nav ul { list-style: none; padding: 0; margin: 0; display: none; }
     
     /* 去掉死板的底边框，使用内边距和微小背景色区分层级 */
     .multi-level-nav li { border: none; position: relative; height: inherit;}
     
     /* 所有的菜单头部通用样式 */
     .multi-level-nav .nav-header { 
         display: flex; justify-content: space-between; align-items: center; 
         padding: 10px 20px; cursor: pointer; transition: all 0.3s ease;
         margin: 2px 10px; border-radius: 6px; /* 圆角设计，更现代 */
     }
     
     .multi-level-nav .nav-header a { 
         color: #444; text-decoration: none; flex: 1; display: block;
         font-weight: 500; /* 一级菜单默认稍微加粗 */
     }
     
     /* Hover 态：轻微灰色背景 */
     .multi-level-nav .nav-header:hover { background: #f4f6f8; }
     .multi-level-nav .nav-header:hover a { color: #2b579a; }
     
     /* Active 态：主色背景，白色文字 (针对一级或被选中的项) */
     .multi-level-nav .nav-header.active { background: #eef2f7; }
     .multi-level-nav .nav-header.active a { color: #2b579a; font-weight: bold; }
     
     /* 右侧折叠图标 */
     .multi-level-nav .toggle-icon { 
         color: #bbb; font-size: 14px; width: 16px; text-align: center; 
         transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
     }
     .multi-level-nav .nav-header.expanded .toggle-icon { transform: rotate(90deg); color: #2b579a; }
     
     /* ================= 层级视觉递进控制 ================= */
     
     /* 1级菜单 */
     .multi-level-nav > li > .nav-header { padding-left: 20px; }
     .multi-level-nav > li > .nav-header a { font-size: 15px; font-weight: 600; color: #333; }
     
     /* 2级菜单 */
     .multi-level-nav > li > .multi-sub-menu .nav-header { padding-left: 25px; }
     .multi-level-nav > li > .multi-sub-menu .nav-header a { font-size: 14px; font-weight: 500; color: #555; }
     
     /* 3级菜单 */
     .multi-level-nav > li > .multi-sub-menu .multi-sub-menu .nav-header { padding-left: 35px; }
     .multi-level-nav > li > .multi-sub-menu .multi-sub-menu .nav-header a { font-size: 13px; font-weight: 400; color: #777; }
     
     /* 4级菜单（最底层，纯文本链接，无图标）：圆点装饰 */
     .multi-level-nav > li > .multi-sub-menu .multi-sub-menu .multi-sub-menu li a { 
         padding: 10px 20px 10px 55px; display: block; color: #888; 
         text-decoration: none; font-size: 13px; position: relative;
         transition: color 0.2s;
     }
     .multi-level-nav > li > .multi-sub-menu .multi-sub-menu .multi-sub-menu li a::before {
         content: ''; position: absolute; left: 45px; top: 50%; transform: translateY(-50%);
         width: 4px; height: 4px; border-radius: 50%; background: #ccc; transition: background 0.2s;
     }
     .multi-level-nav > li > .multi-sub-menu .multi-sub-menu .multi-sub-menu li a:hover { color: #2b579a; background: transparent; }
     .multi-level-nav > li > .multi-sub-menu .multi-sub-menu .multi-sub-menu li a:hover::before { background: #2b579a; }
     
     /* 侧边栏滚动条美化 */
     .multi-level-nav::-webkit-scrollbar { width: 4px; }
     .multi-level-nav::-webkit-scrollbar-thumb { background: #dcdfe6; border-radius: 4px; }
     .multi-level-nav::-webkit-scrollbar-track { background: transparent; }
 
     /* 移动端响应式布局控制 */
     .mobile-filter-btn { display: none; width: 100%; padding: 12px; background: #2b579a; color: #fff; text-align: center; border-radius: 4px; margin-bottom: 15px; font-size: 15px; cursor: pointer; }
     .mobile-filter-btn i { margin-right: 5px; }
     
     @media (max-width: 992px) {
         .prod-layout { flex-direction: column; }
         .mobile-filter-btn { display: block; }
         .prod-sidebar { width: 100% !important; display: none; margin-bottom: 20px; }
         .prod-sidebar.show { display: flex; }
         .multi-level-nav { max-height: 50vh; }
         .prod-main { padding: 15px; }
     }
 
     /* ============================================================== */
     /* 简洁产品列表样式 (一行一个标题) */
     /* ============================================================== */
     .simple-product-list {
         list-style: none;
         padding: 0;
         margin: 0;
     }
     
     .simple-product-list .sp-item {
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding: 15px 20px;
         border-bottom: 1px solid #eaeaea;
         background-color: #fff;
         transition: all 0.3s ease;
         border-radius: 4px;
         margin-bottom: 8px;
     }
     
     /* 列表悬停交互 */
     .simple-product-list .sp-item:hover {
         background-color: #f5f7fa;
         transform: translateX(5px);
         box-shadow: 0 2px 8px rgba(0,0,0,0.04);
         border-color: transparent;
     }
     
     /* 左侧标题区域 */
     .simple-product-list .sp-title-wrapper {
         display: flex;
         align-items: center;
         gap: 15px;
     }
     
     .simple-product-list .sp-icon {
         color: #2b579a;
         font-size: 16px;
         opacity: 0.7;
     }
     
     .simple-product-list .sp-title {
         font-size: 16px;
         color: #333;
         font-weight: 500;
         text-decoration: none;
         transition: color 0.2s;
     }
     
     .simple-product-list .sp-item:hover .sp-title {
         color: #2b579a;
     }
     
     /* 右侧查看详情按钮 */
     .simple-product-list .sp-action {
         font-size: 14px;
         color: #888;
         display: flex;
         align-items: center;
         gap: 8px;
         text-decoration: none;
         transition: color 0.2s;
         white-space: nowrap;
     }
     
     .simple-product-list .sp-action i {
         font-size: 12px;
         transition: transform 0.2s;
     }
     
     .simple-product-list .sp-item:hover .sp-action {
         color: #2b579a;
     }
     
     .simple-product-list .sp-item:hover .sp-action i {
         transform: translateX(3px);
     }
     
     /* 列表顶部的简单工具栏 */
     .sp-toolbar {
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding-bottom: 15px;
         margin-bottom: 15px;
         border-bottom: 1px solid #eaeaea;
     }
     
     .sp-toolbar h2 {
         margin: 0;
         font-size: 18px;
         color: #222;
         display: flex;
         align-items: center;
         gap: 8px;
     }
     
     .sp-toolbar h2::before {
         content: '';
         display: block;
         width: 4px;
         height: 18px;
         background-color: #2b579a;
         border-radius: 2px;
     }
     
     .sp-total {
         color: #888;
         font-size: 13px;
     }
     
     /* 分页容器样式 */
     .sp-pagination {
         margin-top: 30px;
         display: flex;
         justify-content: center;
         gap: 5px;
     }
     
     .sp-pagination a, .sp-pagination span {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         min-width: 32px;
         height: 32px;
         padding: 0 10px;
         border: 1px solid #ddd;
         background: #fff;
         color: #555;
         text-decoration: none;
         border-radius: 4px;
         font-size: 14px;
         transition: all 0.2s;
     }
     
     .sp-pagination a:hover {
         background: #f5f7fa;
         color: #2b579a;
         border-color: #2b579a;
     }
     
     .sp-pagination .current {
         background: #2b579a;
         color: #fff;
         border-color: #2b579a;
     }
     
     /* 移动端适配 */
     @media (max-width: 768px) {
         .simple-product-list .sp-item {
             padding: 12px 15px;
         }
         .simple-product-list .sp-title {
             font-size: 15px;
         }
         .sp-toolbar {
             flex-direction: column;
             align-items: flex-start;
             gap: 10px;
         }
     }