/* Tpl2026 — 东莞市贝特自动化设备有限公司 / miniBOOSTER 授权代理站 */

/* 透明导航（叠加在轮播图上）与滚动固定特效 */
.site-nav { transition: background-color .25s ease, box-shadow .25s ease; }
.site-nav.transparent { background: transparent !important; box-shadow: none !important; }
.site-nav.transparent .main-links > a, .site-nav.transparent .main-links .nav-item > a { color: #fff; }
.site-nav.transparent .main-links > a:hover, .site-nav.transparent .main-links .nav-item > a:hover { color: #00ada8; }
.site-nav.transparent .logo-img { filter: brightness(0) invert(1); }
.site-nav.transparent .logo-text { color: #fff; }
.site-nav.transparent .logo-sub { color: rgba(255,255,255,.65) !important; }
.site-nav.transparent .logo-div { border-color: rgba(255,255,255,.3); }
.site-nav.transparent .search-box > button { color: #fff; }
.site-nav.transparent .nav-burger { color: #fff; }
.site-nav.scrolled { background: #fff !important; box-shadow: 0 2px 14px rgba(0,0,0,.1); }

/* 导航默认 100% 满宽（不受 1440 限制），滚动收缩后内容才收拢为居中的 max-w-[1440px]。
   顶部信息条与主导航共用 .nav-inner，由外层 .nav-wrapper 的 scrolled 状态统一控制两者。 */
.nav-inner { max-width: 100%; margin-left: auto; margin-right: auto; transition: max-width .3s ease; }
.nav-wrapper.scrolled .nav-inner { max-width: 1440px; }

/* 全站统一：首页与内页共用同一套透明悬浮导航（.transparent → .scrolled），
   不再区分"内页导航"收缩样式。内页 page-banner 顶部预留空间见下方 .page-banner 规则，避免被悬浮导航遮挡。
   注意：nav 的定位固定完全由外层 wrapper（header.html 中恒为 fixed 的包裹 div）负责，
   .scrolled 只切换背景/阴影这类视觉样式——不要再给 #siteNav 自身加 position:fixed，
   否则会形成"fixed 套 fixed"，导致 nav 脱离 wrapper 布局流、错位/消失（曾实测复现过此问题）。 */
.nav-item { position: static; }
.nav-item .dropdown { visibility:hidden; opacity:0; transform:translateY(8px); transition:all .2s ease; }
.nav-item:hover .dropdown { visibility:visible; opacity:1; transform:translateY(0); }

/* 产品详情页 tab / 锚点导航 */
.tab-panel:not(.active) { display:none !important; }
.tab-btn.active, .sec-link.active { color:#00ada8; border-color:#00ada8; }

/* 首页轮播 */
.slide { opacity:0; transition:opacity 1s ease; pointer-events:none; }
.slide.active { opacity:1; pointer-events:auto; }

/* 相册主图淡入 */
.gfade { animation: gfade .3s ease; }
@keyframes gfade { from { opacity: 0; } to { opacity: 1; } }

/* 锚点平滑滚动 */
html { scroll-behavior: smooth; }

/* 双语切换：不用CSS class控制（会与Tailwind响应式display工具类冲突），
   改为JS直接读写每个 .lang-zh / .lang-en 节点自身的内联 style.display，
   见 site.js 的 applyLang()。此处无需额外规则。*/

/* 分页（迅睿框架输出的是固定的 <ul class="pagination"><li><a>...</a></li></ul> 结构，
   类名/DOM 由 config/page/pc/page.php 决定，不属于本模板文件，只能用 CSS 覆盖外观） */
.xrpagination .pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.4rem; list-style:none; margin:0; padding:0; }
.xrpagination .pagination li { display:flex; }
.xrpagination .pagination li a,
.xrpagination .pagination li span { display:inline-flex; align-items:center; justify-content:center; min-width:2.25rem; height:2.25rem; padding:0 .75rem; border-radius:.375rem; border:1px solid #e5e7eb; background:#fff; color:#6b7280; font-size:.8125rem; text-decoration:none; white-space:nowrap; transition:all .15s ease; cursor:pointer; }
.xrpagination .pagination li a:hover { border-color:#00ada8; color:#00ada8; }
.xrpagination .pagination li.active a,
.xrpagination .pagination li.active span { background:#00ada8; border-color:#00ada8; color:#fff; font-weight:700; }
.xrpagination .pagination li:first-child a,
.xrpagination .pagination li:first-child span { border:none; background:none; color:#9ca3af; padding-left:0; min-width:0; cursor:default; }

/* 迅睿CMS原生表单字段输出（{$myfield} 等）是 Bootstrap 风格 form-group/control-label/form-control，
   本模板未引入 Bootstrap CSS，这些类名天然没有栅格效果，此处按本站视觉覆盖成简洁堆叠表单 */
.myfield-wrap .form-group { margin-bottom: 1.1rem; }
.myfield-wrap .control-label { display:block; font-size:.8125rem; font-weight:600; color:#374151; margin-bottom:.4rem; }
.myfield-wrap .form-control,
.myfield-wrap input[type="text"],
.myfield-wrap input[type="email"],
.myfield-wrap textarea { width:100%; border:1px solid #d1d5db; border-radius:.25rem; padding:.65rem .9rem; font-size:.875rem; outline:none; transition:border-color .15s ease; background:#fff; }
.myfield-wrap .form-control:focus,
.myfield-wrap input:focus,
.myfield-wrap textarea:focus { border-color:#00ada8; }
.myfield-wrap textarea { min-height:7rem; resize:vertical; }

/* 内页顶部横幅：真实产品图作背景，深色半透明遮罩保证文字对比度 */
.page-banner { position:relative; background-size:cover; background-position:center; padding-top:112px; }
.page-banner::before { content:''; position:absolute; inset:0; background:rgba(19,42,58,.85); }
.page-banner > * { position:relative; z-index:1; }
.myfield-wrap .help-block { font-size:.75rem; color:#9ca3af; margin-top:.25rem; }