/* 产品中心2英文页面专用布局，沿用中文模块样式。 */
.product-show { --linear-gradient: linear-gradient(to right, #8bd8e0, #d5f1f5); background-color: #f9f8f9; }

.product-show .pro-header { background-color: #f0f1f5; padding: 1rem 0; }

.product-show .pro-header .icon-img { width: 1.2rem; height: 1.2rem; margin-right: 0.5rem; }

.product-show .pro-header .font-p { color: #5f6061; font-size: 0.9rem; }

.product-show .pro-header .font-p span { color: #363636; }

.product-show .nav-wrap { display: flex; justify-content: flex-start; gap: 2px; padding: 4px; box-sizing: border-box; background-color: #fff; }

.product-show .nav-wrap .nav-item { font-weight: 500; font-size: 16px; padding: 8px 25px; box-sizing: border-box; text-align: center; border: 2px solid #e6e5e4; border-bottom-width: 1px; background-color: #fff; border-radius: 8px 8px 0 0; white-space: nowrap;}

.product-show .nav-wrap .nav-item.active { background: var(--linear-gradient); border: none; }

.product-show .list-wrapper { padding: 2rem 0; }

.product-show .list-item { width: 1200px; padding: 20px; box-sizing: border-box; background-color: #fff; margin-bottom: 20px; }

.product-show .list-item.round { border-radius: 8px; }

.product-show .product-table { width: 100%; border-collapse: collapse; margin-top: 1.5rem; }

.product-show .product-table thead th { height: 40px; background: var(--linear-gradient); padding: .5rem; text-align: center; font-weight: bold; font-size: 16px; border: 1px solid #000; }

.product-show .product-table tbody td { height: 40px; padding: .5rem; text-align: center; font-size: 14px; color: #363636; line-height: 1.6; border: 1px solid #000; }

.product-show .list-header h4 { font-weight: bold; font-size: 1.3rem; position: relative; }

.product-show .list-header h4:after { content: ""; position: absolute; left: 0; bottom: -5px; width: 35px; height: 3px; background-color: var(--color-base); }

.product-show .product-content { margin-top: 1.5rem; }

.product-list-wrapper2 { --color-base: #006e7b; --linear-gradient: linear-gradient(to right, #8bd8e0, #d5f1f5); /* 产品展厅列表页 */ padding: 2rem 0; /* 移动端分类切换按钮 */ /* 左侧分类导航 */ /* 右侧产品列表 */ }

.product-list-wrapper2 .list-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: .8rem; }

.product-list-wrapper2 .list-title .icon { width: 26px; margin-right: .2rem; }

.product-list-wrapper2 .list-title .h4 { font-weight: bold; color: var(--color-base); font-size: 1.3rem; }

.product-list-wrapper2 .list-title .count { text-align: right; color: #999; font-size: 0.9rem; padding-right: 0.5rem;}

.product-list-wrapper2 .product-list-container { display: flex; gap: .5rem; position: relative; }

.product-list-wrapper2 .category-toggle-btn { display: none; position: fixed; top: 50%; left: 0; transform: translateY(-50%); z-index: 100; background: var(--linear-gradient); border: none; border-radius: 0 8px 8px 0; padding: 12px 8px; cursor: pointer; box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15); transition: all 0.3s; }

.product-list-wrapper2 .category-toggle-btn .toggle-icon { display: block; width: 20px; height: 2px; background: var(--color-base); position: relative; transition: all 0.3s; }

.product-list-wrapper2 .category-toggle-btn .toggle-icon::before, .product-list-wrapper2 .category-toggle-btn .toggle-icon::after { content: ''; position: absolute; width: 20px; height: 2px; background: var(--color-base); left: 0; transition: all 0.3s; }

.product-list-wrapper2 .category-toggle-btn .toggle-icon::before { top: -6px; }

.product-list-wrapper2 .category-toggle-btn .toggle-icon::after { top: 6px; }

.product-list-wrapper2 .category-toggle-btn .toggle-text { display: none; }

.product-list-wrapper2 .category-toggle-btn.active { left: 280px; }

.product-list-wrapper2 .category-toggle-btn.active .toggle-icon { background: transparent; }

.product-list-wrapper2 .category-toggle-btn.active .toggle-icon::before { transform: rotate(45deg); top: 0; }

.product-list-wrapper2 .category-toggle-btn.active .toggle-icon::after { transform: rotate(-45deg); top: 0; }

.product-list-wrapper2 .category-sidebar { width: 280px; flex-shrink: 0; background-color: #d5f1f4; border-radius: 8px; padding: 1.5rem 0; border-left: 6px solid #12b1c4; transition: all 0.3s; }

.product-list-wrapper2 .category-menu { list-style: none; padding: 0; margin: 0; }

.product-list-wrapper2 .category-item { position: relative; }

.product-list-wrapper2 .category-item.active > .category-link { background: var(--linear-gradient); color: var(--color-base); font-weight: bold; }

.product-list-wrapper2 .category-item.expanded > .category-link .category-arrow.right { transform: rotate(90deg); }

.product-list-wrapper2 .category-item.expanded .sub-category { display: block; }

.product-list-wrapper2 .category-link { display: flex; align-items: center; justify-content: space-between; padding: 0.8rem 1.5rem; color: var(--color-base); font-size: 1rem; text-decoration: none; transition: all 0.3s; cursor: pointer; }

.product-list-wrapper2 .category-link:hover { background-color: #d5f1f5; }

.product-list-wrapper2 .category-link .category-text { flex: 1; }

.product-list-wrapper2 .category-link .category-arrow { width: 0; height: 0; border-style: solid; margin-left: 0.5rem; transition: transform 0.3s; }

.product-list-wrapper2 .category-link .category-arrow.right { border-width: 5px 0 5px 8px; border-color: transparent transparent transparent var(--color-base); }

.product-list-wrapper2 .category-link .category-arrow.down { border-width: 8px 5px 0 5px; border-color: var(--color-base) transparent transparent transparent; }

.product-list-wrapper2 .sub-category { display: none; max-height: 0; overflow: hidden; list-style: none; padding: 0; margin: 0; background-color: #d5f1f5; transition: max-height 0.3s ease-out; }

.product-list-wrapper2 .sub-item.active .sub-link { background-color: #b8e4ea; font-weight: bold; }

.product-list-wrapper2 .sub-item .sub-link { display: block; padding: 0.6rem 1.5rem 0.6rem 3rem; color: var(--color-base); font-size: 0.9rem; text-decoration: none; transition: all 0.3s; cursor: pointer; }

.product-list-wrapper2 .sub-item .sub-link:hover { background-color: #b8e4ea; }

.product-list-wrapper2 .product-list-area { flex: 1; position: relative; padding: 1.5rem 0; background-color: #f1fbfc; }

.product-list-wrapper2 .product-list-area .product-items { list-style: none; padding: 0; margin: 0; }

.product-list-wrapper2 .product-list-area .product-item { --linear-gradient: linear-gradient(to right, #8bd8e0, #fafefd); margin-bottom: .5rem; }

.product-list-wrapper2 .product-list-area .product-item.active { background: var(--linear-gradient); }

.product-list-wrapper2 .product-list-area .product-item:hover { background: var(--linear-gradient); }

.product-list-wrapper2 .product-list-area .product-link { display: flex; align-items: center; justify-content: space-between; padding: .6rem 2rem; box-sizing: border-box; text-decoration: none; transition: all 0.3s; }

.product-list-wrapper2 .product-list-area .product-info { flex: 1; }

.product-list-wrapper2 .product-list-area .product-name { font-size: 1rem; color: var(--color-base); font-weight: 500; margin: 0 0 0.3rem 0; }

.product-list-wrapper2 .product-list-area .product-desc { font-size: 0.85rem; color: #999; margin: 0; }

.product-list-wrapper2 .product-list-area .product-arrow { width: 8px; height: 8px; border-right: 2px solid var(--color-base); border-top: 2px solid var(--color-base); transform: rotate(45deg); flex-shrink: 0; margin-left: 1rem; }

@media screen and (max-width: 768px) { /* 产品展示 */
  .product { /* 产品展示列表 */ }
  .product-show .list-wrapper { overflow: auto; }
  .product-list-wrapper2 .list-title { margin-top: 1rem; margin-bottom: 0.1rem;}
  .product-list-wrapper2 .category-toggle-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; }
  .product-list-wrapper2 .product-list-container { flex-direction: column; padding: 1rem 0; }
  .product-list-wrapper2 .category-sidebar { width: 280px; position: fixed; top: 0; left: -280px; height: 100vh; z-index: 999; border-radius: 0; overflow-y: auto; transition: left 0.3s ease; }
  .product-list-wrapper2 .category-sidebar.show { left: 0; }
  .product-list-wrapper2 .product-list-area { width: 100%; }
  .product-list-wrapper2 .product-list-area .product-link { padding: .6rem 1rem; } }