/* port.css — weheremed 静态化补丁样式（在原站 CSS 之后加载）
   范围：滚动解锁 / 导航下拉 / 画廊 / 选项卡 / 分页 / 表单 / 悬浮按钮 / 小屏适配 */

/* ============ 1b. 首页 banner 响应式缩放（复刻原站 JS：宽 100vw，高 799/1920 比例） ============ */
.banner .carousel-content {
  width: 100vw !important;
  height: 41.614583333333336vw !important;
}

/* ============ 1c. 原位替换块的链接样式（div→a 后保持外观） ============ */
a.product-btn, a.inquiry, .masking a.inquiry { text-decoration: none; }
a.product-btn { display: flex; align-items: center; justify-content: center; }

/* ============ 1. 滚动解锁（原站靠 JS 容器滚动，静态化后放开） ============ */
html, body { overflow: auto !important; height: auto !important; }
.container-scroll-wrap, .container-scroll-view { height: auto !important; max-height: none !important; overflow: visible !important; }
#__nuxt, #__layout { height: auto !important; overflow: visible !important; }

/* ============ 2. 顶部导航下拉（原为 Vue 交互；一级 hover 展开、嵌套子级点击箭头手风琴展开——与原站一致） ============ */
.navList ul.el-menu { background: transparent; }
.navList .el-submenu { position: relative; }
.navList .el-menu--horizontal.newChannelClass {
  position: absolute; top: 100%; left: 0; z-index: 3000; display: none;
  background: #fff; box-shadow: 0 8px 28px rgba(0, 0, 0, .14); border-radius: 6px;
  padding: 0; min-width: 265px;
}
.navList .el-submenu.is-port-open > .el-menu--horizontal.newChannelClass,
.navList .el-submenu:hover > .el-menu--horizontal.newChannelClass { display: block !important; }
.navList .el-menu--horizontal .el-menu--popup {
  position: static; background: transparent; box-shadow: none; border-radius: 0; min-width: 0; padding: 0;
}
/* 弹层内嵌套子菜单：解除固定高度（否则展开时兄弟项不被推挤、产生叠字） */
.navList .newChannelClass .el-submenu { height: auto !important; }
/* 嵌套子列表：仅点击箭头展开/收起（hover 不展开，与原站一致） */
.navList .el-submenu.is-port-open > ul.el-menu--inline { display: block !important; }
/* 弹层内一级子项：还原老站（teleport 后未被 navList 作用域规则命中）的横向 padding 与对齐（修复窄宽下折行、缩进差与居中） */
.navList .newChannelClass .el-submenu:not(.el-submenu_items) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.navList .newChannelClass .el-menu-item:not(.el-submenu_items) {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.navList .newChannelClass .el-menu-item .two-line {
  text-align: start !important;
}
/* 弹层内嵌套项的展开箭头：需可见 + 靠右侧绝对定位（原站因弹层 teleport 到 body 而保留基础样式，这里显式恢复） */
.navList .newChannelClass .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
  display: block !important;
  position: absolute !important;
  right: 20px !important;
  top: 50% !important;
  margin-top: -2px !important;
}
/* 展开时箭头旋转向上（与 element-ui is-opened 行为一致） */
.navList .newChannelClass .el-submenu.is-port-open > .el-submenu__title .el-submenu__icon-arrow {
  transform: rotate(180deg);
}
/* 弹层内子菜单标题颜色：只随自身 hover / 展开变化（修正 navList 作用域祖先 hover 规则的误染色——原站因 teleport 不受此影响） */
body #__nuxt .navList[data-v-13a1e400] .newChannelClass .el-submenu > .el-submenu__title {
  color: var(--subleve-default-font-color, #202020) !important;
}
body #__nuxt .navList[data-v-13a1e400] .newChannelClass .el-submenu:hover > .el-submenu__title,
body #__nuxt .navList[data-v-13a1e400] .newChannelClass .el-submenu.is-port-open > .el-submenu__title {
  color: var(--subleve-hover-font-color, var(--main-color)) !important;
}
/* 当前栏目高亮 */
.navList .port-current > .el-submenu__title span a,
.navList .el-menu-item.port-current > span a { color: var(--main-color) !important; }

/* 顶部菜单 “Products” 小图标：展开（悬停）时旋转 180°（与原站 is-opened 行为一致） */
.navList .el-submenu:hover > .el-submenu__title .menuIcon,
.navList .el-submenu.is-port-open > .el-submenu__title .menuIcon {
  transform: rotate(180deg);
}

/* 顶部菜单栏字体：细体（Poppins-Light）——jack 2026-09-22 指令 */
.navList .el-menu-item,
.navList .el-menu-item a,
.navList .el-menu-item span,
.navList .el-submenu__title,
.navList .el-submenu__title a,
.navList .el-submenu__title span,
.navList .el-dropdown-menu__item,
.navList .el-dropdown-menu__item a,
.navList .el-dropdown-menu__item span {
  font-family: 'Poppins-Light', 'Poppins-Regular', Poppins, sans-serif !important;
}

/* ============ 2b. 页脚（页底）字体：细体（Poppins-Light）——jack 2026-09-22 指令「所有的页底字体改为细体」 ============ */
#module-footer,
#module-footer * {
  font-family: 'Poppins-Light', 'Poppins-Regular', Poppins, sans-serif !important;
  font-weight: 300 !important;
}

/* ============ 3. 产品画廊（缩略图点击切换主图 + 滑块静态化） ============ */
.image-swiper .image-slide { cursor: pointer; }
.image-swiper .slick-list { height: 100% !important; }
.image-swiper .slick-track { width: 100% !important; left: 0 !important; }
.image-swiper .slick-slide { width: 100% !important; float: none !important; }
.image-swiper .slick-slide.slick-cloned { display: none !important; }
.image-container .image-current img.imag-pc { cursor: zoom-in; }
/* 画廊放大层：静态化后移除原 zoomer，点击主图开大图由 JS 处理 */
.port-lightbox {
  position: fixed; inset: 0; z-index: 99990; display: none;
  background: rgba(0, 0, 0, .82); align-items: center; justify-content: center; cursor: zoom-out;
}
.port-lightbox.port-open { display: flex; }
.port-lightbox img { max-width: 92vw; max-height: 92vh; box-shadow: 0 12px 48px rgba(0,0,0,.5); background: #fff; }

/* ============ 4. 选项卡（Product / Application Description） ============ */
.product-scene .el-tabs__nav { position: relative; }
.product-scene .el-tabs__item { cursor: pointer; }

/* ============ 5. 分页器（<a> 化） ============ */
.pagination .el-pager li.number a,
.pagination .btn-prev a, .pagination .btn-next a {
  color: inherit; text-decoration: none; display: block; width: 100%; height: 100%; line-height: inherit;
}
.pagination .btn-prev a, .pagination .btn-next a { display: flex; align-items: center; justify-content: center; }
.pagination .el-pager li.number { cursor: pointer; }
.pagination .el-pager li.number:hover { color: var(--main-color); }

/* ============ 6. 询盘表单 ============ */
.port-form-status { margin-top: 10px; font-size: 14px; display: none; }
.port-form-status.port-ok { display: block; color: #2e7d32; }
.port-form-status.port-err { display: block; color: #c62828; }
.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-textarea__inner { border-color: #f56c6c !important; }

/* ============ 7. 数量选择器 cursor ============ */
.el-input-number__decrease, .el-input-number__increase { cursor: pointer; }

/* ============ 8. 返回顶部 ============ */
.ctrolPanel.port-show { display: block !important; }

/* ============ 9. 产品卡 SEND INQUIRY 遮罩链接 ============ */
.masking a.inquiry { text-decoration: none; display: flex; align-items: center; justify-content: center; }

/* ============ 10. 搜索框 ============ */
.saodi_search input { cursor: text; }

/* 小屏（原站为 PC 模板，做最小兜底避免横向溢出） */
@media (max-width: 900px) {
  html, body { overflow-x: hidden; }
  .module-container, .modules { max-width: 100%; }
}

/* ============ 11. 全站搜索（主站同款：点击展开 + 实时下拉结果）——jack 2026-09-22 ============ */
.search-box {
  display: flex; align-items: center; position: relative;
  width: max-content; margin-left: auto;
  background: #F4F7FB; border: 1px solid #dfe7ef; border-radius: 999px; padding: 2px;
}
.search-box input {
  width: 0; opacity: 0; transition: width .25s ease, opacity .2s;
  border: 0; background: transparent; padding: 8px 0 8px 12px;
  font-size: 14px; color: #182a3d; outline: none;
  font-family: 'Poppins-Regular', Poppins, Arial, sans-serif;
}
.search-box.open input { width: 145px; opacity: 1; }
.search-toggle {
  background: transparent; border: 0; padding: 0; cursor: pointer;
  color: #22303f; width: 36px; height: 36px; border-radius: 999px;
  display: grid; place-items: center; flex: none;
}
.search-toggle:hover { background: #fff; }
.search-pop {
  position: absolute; top: calc(100% + 8px); right: 0;
  width: min(430px, 90vw); background: #fff; border-radius: 6px;
  box-shadow: 0 10px 30px rgba(7, 31, 66, .12); padding: 8px;
  max-height: 60vh; overflow: auto; display: none; z-index: 4000;
}
.search-pop.open { display: block; }
.search-pop a { display: flex; gap: 10px; align-items: center; padding: 8px; border-radius: 4px; color: #182a3d; text-decoration: none; }
.search-pop a:hover { background: #F4F7FB; }
.search-pop img { width: 44px; height: 44px; object-fit: contain; border-radius: 4px; background: #f4f7fa; flex: none; }
.search-pop .t { font-size: 14px; font-weight: 600; }
.search-pop .m { font-size: 12px; color: #5b6b7b; }
.search-pop .none { padding: 14px; color: #5b6b7b; font-size: 14px; }
.search-pop .none a { display: inline; padding: 0; color: #182a3d; text-decoration: underline; }

/* 小屏：收起态/展开态适配（原站 PC 模板的移动兜底） */
@media (max-width: 900px) {
  .search-box.open input { width: 110px; }
  .search-pop { width: min(340px, 92vw); }
}

/* ============ 12. News 列表：单列 + 悬浮蓝底与缩放 —— jack 2026-09-29 指令 ============ */
/* 12a. 桌面端强制单列（原站 el-col-8 三列 → 满行） */
.news_grid_box > .el-col.el-col-8 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
/* 12b. 卡片容器：预留缩放空间 + 过渡（缩放不抖动、不错位） */
.news_grid_box .news_grid_item_box {
  transition: transform .28s cubic-bezier(.4, 0, .2, 1),
              background-color .28s ease,
              box-shadow .28s ease;
  transform-origin: center center;
  will-change: transform;
}
/* 12c. 悬浮：底色变蓝 + 整卡缩放 + 投影 */
.news_grid_box a:hover .news_grid_item_box,
.news_grid_box a:focus-visible .news_grid_item_box {
  background-color: #2563EB !important;
  transform: scale(1.02);
  box-shadow: 0 10px 28px rgba(37, 99, 235, .28);
}
/* 12d. 悬浮时文字反白，保证蓝底上的可读性 */
.news_grid_box a:hover .news_item_title,
.news_grid_box a:focus-visible .news_item_title { color: #ffffff !important; }
.news_grid_box a:hover .news_grid_item_time,
.news_grid_box a:hover .news_item_abstract,
.news_grid_box a:focus-visible .news_grid_item_time,
.news_grid_box a:focus-visible .news_item_abstract { color: rgba(255, 255, 255, .88) !important; }
/* 12e. 降低动效偏好：关闭缩放与色变 */
@media (prefers-reduced-motion: reduce) {
  .news_grid_box .news_grid_item_box { transition: none; transform: none !important; }
}