/* ==========================================================================
   白子兔 · 全站统一品牌视觉增强层  ·  brand.css
   --------------------------------------------------------------------------
   目的：把首页那套品牌视觉（深色底 + 荧光绿点缀 + 蓝色主调）统一铺到
        全站每一个页面、每一张卡片、每一个弹窗，解决"各页各风格、整体太素"。
   用法：在所有页面的 /css/tw.css 之后引入本文件（纯增强层，不改布局尺寸）。
   设计三原则（借鉴小米商城品牌电商 / ToB 官网）：
        ① 三色克制：主蓝 #0033CC + 荧光绿 #00FF66 + 中性灰白
        ② 深色段压节奏：每页至少一段深色，避免通篇大白
        ③ 卡片有呼吸：统一圆角/描边/悬浮微交互
   ========================================================================== */

/* ---------- 1. 品牌变量 ---------- */
:root{
  --bz-blue:      #0033CC;
  --bz-blue-d:    #001a8c;
  --bz-blue-dd:   #00125e;
  --bz-blue-l:    #0044ee;
  --bz-ink:       #0d1424;
  --bz-green:     #00FF66;
  --bz-green-d:   #00c94f;
  --bz-soft:      #f4f6fb;
  --bz-soft2:     #f6f8fc;
  --bz-line:      #e8efff;
  --bz-line-2:    #eef2fa;
  --bz-text:      #334155;
  --bz-muted:     #64748b;
  --bz-tech:      #5f7de0;
  --bz-r-sm:      12px;
  --bz-r:         16px;
  --bz-r-lg:      22px;
  --bz-sh-sm:     0 4px 14px -8px rgba(0,26,140,.25);
  --bz-sh:        0 12px 32px -16px rgba(0,26,140,.28);
  --bz-sh-lg:     0 26px 56px -24px rgba(0,51,204,.38);
  --bz-glow:      0 0 0 1px rgba(0,255,102,.35), 0 12px 34px -14px rgba(0,255,102,.5);
  --bz-max:       80rem;
}

/* ---------- 2. 基础排版增强 ---------- */
body{ text-rendering: optimizeLegibility; }
::selection{ background: rgba(0,255,102,.28); color: var(--bz-ink); }

/* 滚动条统一（覆盖各页各自写的蓝色滚动条，风格一致） */
::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-track{ background: #eef1f7; }
::-webkit-scrollbar-thumb{ background: linear-gradient(180deg,var(--bz-blue),var(--bz-blue-l)); border-radius: 6px; border: 2px solid #eef1f7; }
::-webkit-scrollbar-thumb:hover{ background: linear-gradient(180deg,var(--bz-blue-l),var(--bz-green-d)); }

/* ---------- 3. 统一页头 .bz-hero（子页横幅 → 深色品牌头） ----------
   用法：给子页的横幅 <section> 追加 class="bz-hero" */
.bz-hero{
  position: relative;
  /* v3.82（蔡总 2026-10-11）：实景照片打底 + 深蓝遮罩，替代纯渐变蓝条 */
  background:
    linear-gradient(120deg, rgba(7,12,26,.94) 0%, rgba(0,26,140,.85) 55%, rgba(0,51,204,.72) 100%),
    url("/images/hero-shenzhen.jpeg") center 38% / cover no-repeat !important;
  color:#fff;
  overflow:hidden;
  isolation:isolate;
  padding-top: 7.5rem !important;
  padding-bottom: 3.75rem !important;
}
/* 细网格 */
.bz-hero::before{
  content:""; position:absolute; inset:0; z-index:-2; opacity:.5;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(120% 100% at 70% 0%, #000 20%, transparent 78%);
  -webkit-mask-image: radial-gradient(120% 100% at 70% 0%, #000 20%, transparent 78%);
}
/* 荧光绿光晕 + 蓝色辉光 */
.bz-hero::after{
  content:""; position:absolute; z-index:-1; inset:0; pointer-events:none;
  background:
    radial-gradient(420px 320px at 88% -12%, rgba(0,255,102,.30), transparent 70%),
    radial-gradient(560px 420px at 4% 118%, rgba(0,68,238,.45), transparent 72%);
}
/* 底部荧光渐变线 */
.bz-hero .bz-hero-line,
.bz-hero-line{
  position:absolute; left:0; right:0; bottom:0; height:3px;
  background: linear-gradient(90deg, transparent, var(--bz-green) 22%, var(--bz-blue-l) 70%, transparent);
  opacity:.9;
}
.bz-hero h1{
  letter-spacing:-.02em;
  text-shadow: 0 10px 34px rgba(0,0,0,.35);
}
.bz-hero .bz-hero-eyebrow{
  display:inline-flex; align-items:center; gap:.5rem;
  font-size:.78rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase;
  color:var(--bz-green); margin-bottom:1rem;
}
.bz-hero .bz-hero-eyebrow::before{ content:""; width:26px; height:2px; background:var(--bz-green); display:inline-block; }
.bz-hero p{ color: rgba(219,234,254,.92) !important; }

/* ---------- 4. 区块标题 .bz-sec-head ---------- */
.bz-sec-head{ display:flex; align-items:center; gap:1rem; }
.bz-sec-head .bz-bar{
  width:6px; height:40px; border-radius:6px; flex:0 0 auto;
  background: linear-gradient(180deg,var(--bz-blue),var(--bz-blue-l) 55%,var(--bz-green));
  box-shadow: 0 6px 18px -6px rgba(0,51,204,.6);
}
.bz-sec-head h2{ line-height:1.2; }
.bz-sec-head .bz-sub{ color:var(--bz-muted); font-size:.9rem; }
.bz-sec-head .bz-line{ flex:1; height:1px; background:linear-gradient(90deg,var(--bz-line),transparent); }

/* 区块索引数字（可选装饰） */
.bz-idx{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:10px; font-weight:800; font-size:.9rem;
  color:var(--bz-blue); background:var(--bz-line);
}

/* ---------- 5. 卡片体系 ---------- */
/* 通用卡 */
.bz-card{
  position:relative; background:#fff; border:1px solid var(--bz-line);
  border-radius:var(--bz-r); box-shadow:var(--bz-sh-sm);
  transition: transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s, border-color .28s;
  overflow:hidden;
}
.bz-card:hover{ transform: translateY(-5px); box-shadow: var(--bz-sh-lg); border-color:#cfe0ff; }

/* 卡片顶部荧光挑线 */
.bz-card.bz-top-line::before{
  content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg,var(--bz-blue),var(--bz-green));
  transform: scaleX(0); transform-origin:left; transition: transform .35s ease;
}
.bz-card.bz-top-line:hover::before{ transform: scaleX(1); }

/* 产品卡 */
.bz-prod{ display:flex; flex-direction:column; }
.bz-prod .bz-prod-img{
  position:relative; aspect-ratio:1/1; background:linear-gradient(180deg,#fafcff,#f1f5fc);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.bz-prod .bz-prod-img img{ transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.bz-prod:hover .bz-prod-img img{ transform: scale(1.06); }
.bz-prod .bz-chip{
  position:absolute; left:10px; top:10px; z-index:2;
  font-size:11px; font-weight:700; color:#fff;
  background:linear-gradient(135deg,var(--bz-blue),var(--bz-blue-l));
  padding:3px 10px; border-radius:999px; box-shadow:0 6px 16px -8px rgba(0,51,204,.8);
}
.bz-prod .bz-look{ color:var(--bz-blue); font-weight:700; font-size:12px; }
.bz-prod:hover .bz-look i{ transform: translateX(4px); }
.bz-prod .bz-look i{ transition: transform .3s; }

/* 案例卡 / 新闻卡：图片去灰、恢复实景 */
.bz-media{ position:relative; overflow:hidden; background:#eef2f8; }
.bz-media img{ width:100%; height:100%; object-fit:cover; transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.bz-media::after{ /* 极轻底部渐变，帮文字浮起，不压图色 */
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(0,18,94,0) 55%, rgba(0,26,140,.28));
  opacity:.9;
}
.bz-case:hover .bz-media img{ transform: scale(1.07); }
.bz-media .bz-media-tag{
  position:absolute; left:12px; top:12px; z-index:2;
  background:rgba(13,20,36,.72); color:#fff; backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  font-size:11px; font-weight:600; padding:4px 11px; border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
}

/* v4.41：首页工程案例卡 · 图上悬浮文字条。
   根因：tw.css 编译版缺 .inset-x-0 / .bottom-0 两个类，Tailwind 类定位失效，
   文字条被卡片的 overflow-hidden 裁掉 → 图上"没有悬浮文字"。这里用自有类定位，不再依赖 Tailwind。 */
.bz-case-cap{ position:absolute; left:0; right:0; bottom:0; z-index:2; }

/* 悬停时标题变蓝 */
.bz-hover-title{ transition: color .25s; }
.bz-card:hover .bz-hover-title{ color: var(--bz-blue); }

/* ---------- 6. 深色段 & CTA 转化带 ---------- */
.bz-dark{
  position:relative; overflow:hidden; isolation:isolate;
  background: linear-gradient(135deg,#0d1424,#001a8c 70%,#0033CC); color:#fff;
}
.bz-dark::before{
  content:""; position:absolute; inset:0; z-index:-1; opacity:.55;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(120% 120% at 80% 0%, #000 10%, transparent 80%);
  -webkit-mask-image: radial-gradient(120% 120% at 80% 0%, #000 10%, transparent 80%);
}
.bz-dark::after{
  content:""; position:absolute; z-index:-1; inset:0;
  background: radial-gradient(420px 300px at 90% 110%, rgba(0,255,102,.24), transparent 70%);
}

/* 页脚前 CTA 带 */
.bz-cta{
  position:relative; overflow:hidden; isolation:isolate;
  background: linear-gradient(120deg,#0d1424,#001a8c 60%,#0033CC);
  color:#fff; border-radius:var(--bz-r-lg);
  padding: 2.6rem 2rem; text-align:center;
  box-shadow: var(--bz-sh);
}
.bz-cta::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background: radial-gradient(360px 220px at 12% 120%, rgba(0,255,102,.28), transparent 70%),
              radial-gradient(360px 240px at 92% -10%, rgba(0,68,238,.5), transparent 72%);
}
.bz-cta h3{ font-size:1.5rem; font-weight:800; letter-spacing:-.01em; }
.bz-cta p{ color:rgba(219,234,254,.9); margin-top:.4rem; }

/* ---------- 7. 按钮 ---------- */
.bz-btn{
  display:inline-flex; align-items:center; gap:.5rem; justify-content:center;
  font-weight:700; border-radius:999px; padding:.72rem 1.6rem;
  transition: transform .2s, box-shadow .25s, background .25s, color .25s;
  cursor:pointer; border:0;
}
.bz-btn-green{ background:var(--bz-green); color:#04121f; box-shadow:0 12px 28px -12px rgba(0,255,102,.7); }
.bz-btn-green:hover{ transform: translateY(-2px); box-shadow:0 18px 36px -12px rgba(0,255,102,.85); }
.bz-btn-blue{ background:var(--bz-blue); color:#fff; box-shadow:0 14px 30px -14px rgba(0,51,204,.85); }
.bz-btn-blue:hover{ transform: translateY(-2px); background:var(--bz-blue-l); }
.bz-btn-ghost{ background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.28); }
.bz-btn-ghost:hover{ background:rgba(255,255,255,.18); transform: translateY(-2px); }

/* ---------- 8. 弹窗统一 .bz-sheet（登录/详情/选品篮/后台通用） ---------- */
.bz-sheet{
  background:#fff; border-radius:var(--bz-r-lg); overflow:hidden;
  box-shadow: 0 40px 90px -30px rgba(0,18,94,.55);
  border:1px solid rgba(255,255,255,.6);
}
/* 弹窗深色头 */
.bz-sheet-head{
  position:relative; overflow:hidden;
  background: linear-gradient(120deg,#0d1424,#001a8c 62%,#0033CC);
  color:#fff; padding:1.15rem 1.4rem;
}
.bz-sheet-head::after{
  content:""; position:absolute; right:-40px; top:-40px; width:180px; height:180px;
  background: radial-gradient(circle, rgba(0,255,102,.32), transparent 65%);
  pointer-events:none;
}
.bz-sheet-head h2,.bz-sheet-head h3{ font-weight:800; letter-spacing:-.01em; }
.bz-sheet-head .bz-sheet-sub{ font-size:.78rem; color:rgba(219,234,254,.85); }
.bz-sheet-close{
  position:absolute; right:.9rem; top:.85rem; z-index:3;
  width:34px; height:34px; border-radius:50%;
  background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.25);
  display:flex; align-items:center; justify-content:center; font-size:1.15rem; line-height:1;
  transition: background .2s, transform .2s;
}
.bz-sheet-close:hover{ background:rgba(255,255,255,.28); transform: rotate(90deg); }

/* ---------- 8b. 浮层移动端可用性修复（v3.85 · 蔡总 2026-10-11） ----------
   问题：详情/登录/选品篮浮层外层用 flex 垂直居中；手机上内容比屏幕高时，
        内容顶部（含右上角关闭 ×）被顶出可视区，用户"点哪里都关不掉"。
   对策：外层改顶部对齐 + 整层可滚动；内容不足一屏时再由 auto 外边距垂直居中；
        手机上关闭按钮 fixed 常驻屏幕右上角，无论怎么滚动都点得到。 */
.bz-sheet-wrap{ align-items:flex-start; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; }
.bz-sheet-wrap>.bz-sheet{ margin-top:auto; margin-bottom:auto; }
/* v3.85：移动端关闭按钮 fixed 常驻屏幕右上角。
   v4.49（蔡总 2026-10-15）：平板端（768~1024）和老毛病——内容超屏滚动时 absolute 按钮跟着滚走，
   "点不到关闭"。把 fixed 兜底范围放宽到 max-width:1024px（覆盖平板），尺寸加到 44×44 触控目标。 */
@media(max-width:1024px){
  .bz-sheet-wrap .bz-sheet-close{
    position:fixed; right:.9rem; top:.9rem; z-index:60;
    width:44px; height:44px; font-size:1.4rem;
    background:rgba(13,20,36,.78); border-color:rgba(255,255,255,.6);
  }
}

/* 弹窗内的深色头也可用于浅色弹窗的顶部标识条 */
.bz-sheet-grad-line{ height:4px; background:linear-gradient(90deg,var(--bz-blue),var(--bz-green)); }

/* ---------- 8c. 商城产品图集（v3.87 · 蔡总 2026-10-11）----------
   多角度图片：手机上左右滑动切换、桌面箭头/缩略图切换、点图全屏放大看细节。
   图片来自 ERP 产品编辑页的「更多图片」→ product.mall_images（JSON 数组）。 */
.bz-gal{ background:linear-gradient(160deg,#f6f8fc,#e8efff); }
.bz-gal-stage{ position:relative; height:15rem; overflow:hidden; touch-action:pan-y; cursor:zoom-in; }
@media(min-width:640px){ .bz-gal-stage{ height:24rem; } }
.bz-gal-track{ display:flex; height:100%; transition:transform .32s ease; will-change:transform; }
.bz-gal-track>img{ flex:0 0 100%; width:100%; height:100%; object-fit:contain; padding:1.4rem; user-select:none; -webkit-user-drag:none; }
.bz-gal-nav{ position:absolute; top:50%; transform:translateY(-50%); width:38px; height:38px; border-radius:50%;
  background:rgba(13,20,36,.42); color:#fff; border:1px solid rgba(255,255,255,.45);
  display:flex; align-items:center; justify-content:center; font-size:1.4rem; line-height:1; z-index:2;
  cursor:pointer; transition:background .2s; }
.bz-gal-nav:hover{ background:rgba(13,20,36,.72); }
.bz-gal-nav.prev{ left:.6rem; } .bz-gal-nav.next{ right:.6rem; }
.bz-gal-pill{ position:absolute; right:.7rem; bottom:.7rem; background:rgba(13,20,36,.55); color:#fff;
  font-size:.72rem; font-weight:600; padding:3px 10px; border-radius:999px; z-index:2; }
.bz-gal-zoom{ position:absolute; left:.7rem; bottom:.7rem; background:rgba(13,20,36,.55); color:#fff;
  font-size:.72rem; font-weight:600; padding:4px 11px; border-radius:999px; z-index:2; cursor:pointer;
  display:flex; align-items:center; gap:5px; }
.bz-gal-zoom:hover{ background:rgba(13,20,36,.78); }
@media(max-width:640px){ .bz-gal-nav{ display:none; } }
.bz-gal-thumbs{ display:flex; gap:.5rem; overflow-x:auto; padding:.65rem .8rem; background:#fff; -webkit-overflow-scrolling:touch; }
.bz-gal-thumbs>img{ width:54px; height:54px; object-fit:cover; border-radius:8px; border:2px solid transparent;
  opacity:.7; cursor:pointer; flex:0 0 auto; transition:opacity .15s,border-color .15s; }
.bz-gal-thumbs>img.on{ border-color:var(--bz-blue); opacity:1; }

/* 全屏放大灯箱（点图看大图） */
.bz-lb{ position:fixed; inset:0; z-index:120; background:rgba(6,10,20,.95);
  display:flex; align-items:center; justify-content:center; }
.bz-lb.hidden{ display:none; }
.bz-lb>img{ max-width:94vw; max-height:86vh; object-fit:contain; user-select:none; -webkit-user-drag:none; }
.bz-lb-close{ position:fixed; right:1rem; top:1rem; width:46px; height:46px; border-radius:50%;
  background:rgba(255,255,255,.16); color:#fff; border:1px solid rgba(255,255,255,.4);
  font-size:1.6rem; line-height:1; display:flex; align-items:center; justify-content:center;
  z-index:122; cursor:pointer; }
.bz-lb-close:hover{ background:rgba(255,255,255,.3); }
.bz-lb-nav{ position:fixed; top:50%; transform:translateY(-50%); width:50px; height:50px; border-radius:50%;
  background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.32);
  font-size:2rem; line-height:1; display:flex; align-items:center; justify-content:center;
  z-index:122; cursor:pointer; }
.bz-lb-nav:hover{ background:rgba(255,255,255,.28); }
.bz-lb-nav.prev{ left:1.2rem; } .bz-lb-nav.next{ right:1.2rem; }
@media(max-width:640px){ .bz-lb-nav.prev{ left:.4rem; } .bz-lb-nav.next{ right:.4rem; } }
.bz-lb-count{ position:fixed; left:50%; transform:translateX(-50%); bottom:1.4rem;
  color:rgba(255,255,255,.85); font-size:.85rem; font-weight:600; z-index:122; }

/* ---------- 9. 详情页文章头 .bz-article-head ---------- */
.bz-article-head{
  position:relative; overflow:hidden; isolation:isolate;
  background: linear-gradient(125deg,#0d1424,#001a8c 68%,#0033CC);
  color:#fff; border-radius:var(--bz-r-lg);
  padding: 2.4rem 2rem;
  box-shadow: var(--bz-sh);
}
.bz-article-head::after{
  content:""; position:absolute; z-index:-1; inset:0;
  background: radial-gradient(360px 240px at 92% -20%, rgba(0,255,102,.28), transparent 70%),
              radial-gradient(420px 300px at 0% 120%, rgba(0,68,238,.45), transparent 72%);
}
.bz-article-head h1{ color:#fff !important; letter-spacing:-.02em; }
.bz-article-head .bz-article-meta{ color:rgba(219,234,254,.9); font-size:.9rem; }

/* 正文阅读版心增强 */
.bz-prose{ font-size:1.05rem; line-height:2; color:#374151; }
.bz-prose h2,.bz-prose h3{ letter-spacing:-.01em; }
.bz-prose img{ border-radius:14px; }

/* ---------- 10. 顶部滚动海报 .bz-banner（商城用） ---------- */
.bz-banner{
  position:relative; overflow:hidden; border-radius:var(--bz-r-lg);
  background:#0d1424; box-shadow:var(--bz-sh);
  aspect-ratio: 16 / 6;
}
@media(max-width:640px){ .bz-banner{ aspect-ratio: 16 / 10; } }
.bz-banner-track{ display:flex; height:100%; transition: transform .65s cubic-bezier(.5,.05,.2,1); will-change:transform; }
.bz-banner-slide{ position:relative; flex:0 0 100%; min-width:100%; height:100%; }
.bz-banner-slide img{ width:100%; height:100%; object-fit:cover; display:block; }
.bz-banner-slide .bz-banner-cap{
  position:absolute; left:0; right:0; bottom:0; padding:1.4rem 1.6rem;
  background:linear-gradient(180deg,transparent,rgba(0,18,94,.82));
  color:#fff;
}
.bz-banner-slide .bz-banner-cap h3{ font-size:1.35rem; font-weight:800; }
.bz-banner-slide .bz-banner-cap p{ font-size:.9rem; color:rgba(226,238,255,.92); margin-top:.25rem; }
.bz-banner-dots{ position:absolute; left:0; right:0; bottom:12px; display:flex; gap:8px; justify-content:center; z-index:3; }
.bz-banner-dots button{ width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.5); border:0; cursor:pointer; transition: all .3s; }
.bz-banner-dots button.on{ width:26px; border-radius:999px; background:var(--bz-green); }
.bz-banner-arrow{
  position:absolute; top:50%; transform:translateY(-50%); z-index:3;
  width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.35);
  background:rgba(13,20,36,.42); color:#fff; display:flex; align-items:center; justify-content:center;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  opacity:0; transition: opacity .25s, background .2s;
}
.bz-banner:hover .bz-banner-arrow{ opacity:1; }
.bz-banner-arrow:hover{ background:rgba(0,51,204,.7); }
.bz-banner-arrow.prev{ left:14px; }
.bz-banner-arrow.next{ right:14px; }

/* 金刚位（分类快捷入口） */
.bz-quick{ display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:.7rem; }
@media(min-width:640px){ .bz-quick{ grid-template-columns: repeat(8,minmax(0,1fr)); } }
.bz-quick a{
  display:flex; flex-direction:column; align-items:center; gap:.4rem;
  background:#fff; border:1px solid var(--bz-line); border-radius:var(--bz-r);
  padding:.85rem .4rem; font-size:.78rem; font-weight:600; color:#334155;
  transition: transform .2s, box-shadow .25s, border-color .25s, color .25s;
}
.bz-quick a:hover{ transform: translateY(-3px); border-color:#cfe0ff; box-shadow:var(--bz-sh); color:var(--bz-blue); }
.bz-quick a i{ font-size:1.15rem; color:var(--bz-blue); }
.bz-quick a:hover i{ color:var(--bz-green-d); }

/* ---------- 11. 节奏：内容区交替背景 ---------- */
.bz-alt{ background:var(--bz-soft) !important; }

/* ---------- 12. 动效（尊重系统减弱偏好） ---------- */
.bz-reveal{ opacity:0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.bz-reveal.bz-in{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  .bz-reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
  .bz-card,.bz-prod,.bz-prod .bz-prod-img img,.bz-media img{ transition:none !important; }
}

/* ---------- 13. 深色段上的文字可读性兜底 ---------- */
.bz-dark h2,.bz-dark h3,.bz-dark h4{ color:#fff; }
.bz-dark p{ color: rgba(203,222,255,.92); }
.bz-dark .bz-muted{ color: rgba(157,180,245,.9); }

/* ---------- 14. 首页区块标题增强（.sec-tag + 居中主标题） ---------- */
.sec-tag{
  display:inline-flex; align-items:center; gap:.55rem;
  font-size:.76rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
  color:var(--bz-blue); background:var(--bz-line);
  padding:.4rem 1rem; border-radius:999px; margin-bottom:1rem;
}
.sec-tag::before{
  content:""; width:7px; height:7px; border-radius:2px; background:var(--bz-green);
  box-shadow:0 0 0 3px rgba(0,255,102,.22);
}
.text-center > h2[id^="cp_"]{ position:relative; padding-bottom:.2rem; }
.text-center > h2[id^="cp_"]::after{
  content:""; display:block; width:66px; height:4px; border-radius:4px;
  margin:.8rem auto 0; background:linear-gradient(90deg,var(--bz-blue),var(--bz-green));
}

/* 首页/子页 分类小标题左侧竖条（原纯蓝 → 品牌渐变蓝绿） */
#products > div > div > .flex > div[class*="w-1"],
#solutions > div > div > .flex > div[class*="w-1"],
#cases > div > div > .flex > div[class*="w-1"]{
  background: linear-gradient(180deg,var(--bz-blue),var(--bz-green)) !important;
  border-radius:6px; box-shadow:0 6px 16px -8px rgba(0,51,204,.55);
}

/* ---------- 15. 卡片内图片统一行为 ---------- */
.bz-card img{ display:block; }
.bz-card > .bz-media{ border-radius:0; }

/* ==========================================================================
   v3.71 · 内容区设计感深化（编号化标题 / 品牌占位图 / 章节式排版）
   ========================================================================== */

/* ---------- 16. 区块标题：编号大字 + 竖条 + 延伸线 ---------- */
.bz-sec-head{ position:relative; }
.bz-sec-head .bz-num{
  font-size:2.6rem; font-weight:800; line-height:1; letter-spacing:-.03em;
  color:transparent; -webkit-text-stroke:1.5px #c9d8f8;
  user-select:none; flex:0 0 auto; transform:translateY(3px);
}
.bz-sec-head .bz-count{
  font-size:.72rem; font-weight:700; color:var(--bz-blue);
  background:var(--bz-line); padding:.22rem .7rem; border-radius:999px;
  white-space:nowrap;
}

/* ---------- 17. 章节式排版（关于我们/长文页） ---------- */
.bz-chapter{ position:relative; }
.bz-chapter .bz-ch-idx{
  position:absolute; left:-1rem; top:-1.6rem; z-index:0; pointer-events:none;
  font-size:5.2rem; font-weight:800; line-height:1; letter-spacing:-.04em;
  color:transparent; -webkit-text-stroke:1.5px #dbe6fb; opacity:.9;
}
.bz-chapter .bz-ch-body{ position:relative; z-index:1; }
/* 卡片式章节（解决方案）：放开裁切让编号水印完整露出 */
.bz-card.bz-chapter{ overflow:visible; }
@media(max-width:767px){
  .bz-chapter .bz-ch-idx{ font-size:3.4rem; left:-.4rem; top:-2.2rem; opacity:.65; }
}

/* ---------- 18. 品牌占位图（无图新闻/卡片统一） ---------- */
.bz-ph{
  position:relative; overflow:hidden;
  background:linear-gradient(135deg,#00125e 0%,#001a8c 46%,#0033CC 100%);
  display:flex; align-items:center; justify-content:center;
}
.bz-ph::before{
  content:""; position:absolute; inset:0; opacity:.5;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size:30px 30px;
  mask-image: radial-gradient(110% 110% at 75% 20%, #000 25%, transparent 82%);
  -webkit-mask-image: radial-gradient(110% 110% at 75% 20%, #000 25%, transparent 82%);
}
.bz-ph::after{
  content:""; position:absolute; right:-36px; bottom:-46px; width:190px; height:190px;
  border-radius:50%; border:26px solid rgba(0,255,102,.14); pointer-events:none;
}
.bz-ph i{ position:relative; z-index:1; color:rgba(255,255,255,.5); }
.bz-ph .bz-ph-date{
  position:absolute; left:14px; bottom:10px; z-index:1;
  font-size:.72rem; font-weight:700; letter-spacing:.14em;
  color:rgba(219,234,254,.75); text-transform:uppercase;
}

/* ---------- 19. 排版精修 ---------- */
p{ text-wrap:pretty; }
h1,h2,h3,h4{ text-wrap:balance; }
.bz-prose p{ margin-bottom:1em; }
/* 富文本内图圆角阴影 */
.rich-body img,.about-content img,.prod-spec img{
  border-radius:14px; box-shadow:0 14px 30px -18px rgba(0,26,140,.35);
}

/* ---------- 20. 标签胶囊统一（方案/新闻/案例的要点小标签） ---------- */
.bz-tags{ display:flex; flex-wrap:wrap; gap:.5rem; }
.bz-tags .bz-tag{
  font-size:.75rem; font-weight:600; color:var(--bz-blue);
  background:linear-gradient(180deg,#f6f9ff,#eef3ff);
  border:1px solid #dbe7ff; padding:.32rem .8rem; border-radius:999px;
  transition: background .2s, transform .2s, box-shadow .2s;
}
.bz-tags .bz-tag:hover{
  background:#fff; transform:translateY(-2px);
  box-shadow:0 8px 18px -10px rgba(0,51,204,.45);
}

/* ---------- 21. 详情页正文容器（阅读卡片化） ---------- */
.bz-read-card{
  background:#fff; border:1px solid var(--bz-line);
  border-radius:var(--bz-r-lg); box-shadow:var(--bz-sh-sm);
  padding: 2rem 1.6rem;
}
@media(min-width:768px){ .bz-read-card{ padding:2.8rem 3rem; } }

/* ---------- 22. 页面顶进导航当前项（微交互补强） ---------- */
nav a[class*="border-b-2"]{ text-shadow:0 0 .5px currentColor; }

/* ============================================================
   v3.72 商城首页（楼层化 + 白小智商城专属 + 金刚位 + 楼层广告位）
   ============================================================ */

/* ---------- 23. 白小智 · 商城专属轮播 ---------- */
/* v3.92（蔡总 2026-10-11 22:56）：改【通栏满铺】——移出 max-w-6xl，左右贴边；方形无圆角无阴影，
   高度口径与新闻/案例主视觉一致（16:9，封顶 62vh）。 */
.bz-ip{
  position:relative; overflow:hidden; width:100%;
  background:linear-gradient(120deg,#0d1424,#001a8c 58%,#0033CC);
  aspect-ratio:16 / 9; max-height:min(62vh, 620px); min-height:340px;
  border-radius:0; margin-bottom:1.5rem;
}
@media(max-width:640px){ .bz-ip{ aspect-ratio:16 / 9; max-height:none; min-height:250px; } }
/* 通栏后徽章/CTA 与版心（max-w-6xl=72rem）左缘对齐，不贴屏边 */
@media(min-width:1024px){
  .bz-ip .bz-ip-top{ left:max(16px, calc((100% - 72rem) / 2 + 16px)); }
  .bz-ip .bz-ip-btm{ padding-left:max(20px, calc((100% - 72rem) / 2 + 20px)); padding-right:max(20px, calc((100% - 72rem) / 2 + 20px)); }
}
.bz-ip-slides{ position:absolute; inset:0; }
.bz-ip-slide{ position:absolute; inset:0; opacity:0; transition:opacity .7s ease; }
.bz-ip-slide.on{ opacity:1; }
.bz-ip-slide img{ position:absolute; inset:0; width:100%; height:100%; display:block; }
/* v3.93（蔡总 2026-10-11 23:47）：主图不裁切（contain 完整露出），四周留白用同图的放大模糊版补色 */
.bz-ip-slide .bz-ip-img{ object-fit:contain; object-position:center; }
.bz-ip-slide .bz-ip-blur{
  inset:-9%; width:auto; height:auto; max-width:none; max-height:none;
  object-fit:cover; object-position:center;
  filter:blur(34px) saturate(1.25) brightness(.52);
}
/* v3.75（蔡总 2026-10-11）：白小智版式照抄首页 IP 专区形象——遮罩用首页 ip-ad-shade-btm 同款（只压底部，上半张图保持原色清爽） */
.bz-ip-shade{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(0deg,rgba(3,10,32,.78) 0%,rgba(3,10,32,.34) 24%,rgba(3,10,32,0) 48%);
}
.bz-ip-top{ position:absolute; top:14px; left:16px; z-index:2; }
/* v3.75 徽章照抄首页 ip-ad-badge：白底蓝字（原半透明黑底显重） */
.bz-ip-badge{
  display:inline-flex; align-items:center; gap:.4rem;
  background:rgba(255,255,255,.94); color:var(--bz-blue);
  font-size:.76rem; font-weight:700; letter-spacing:.04em;
  padding:.34rem .85rem; border-radius:999px;
  box-shadow:0 4px 16px rgba(0,20,80,.22);
}
.bz-ip-badge i{ color:#2f7bff; }
.bz-ip-cap{ position:absolute; left:1.25rem; right:1.25rem; bottom:4.9rem; z-index:2; }
.bz-ip-cap h3{
  color:#fff; font-size:1.5rem; font-weight:800; letter-spacing:-.01em;
  text-shadow:0 2px 20px rgba(0,0,0,.5);
}
@media(max-width:640px){ .bz-ip-cap{ bottom:4.2rem; } .bz-ip-cap h3{ font-size:1.05rem; } }
.bz-ip-btm{
  position:absolute; left:0; right:0; bottom:0; z-index:2;
  padding:1.1rem 1.25rem;
  display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; flex-wrap:wrap;
}
@media(max-width:640px){ .bz-ip-btm{ padding:.85rem .9rem; gap:.6rem; } }
.bz-ip-cta{ display:flex; flex-wrap:wrap; gap:.5rem; }
/* v3.75 咨询按钮照抄首页 ipHelpTag：白底蓝字（原荧光绿按钮显闹） */
.bz-helptag{
  display:inline-flex; align-items:center; gap:.5rem;
  background:rgba(255,255,255,.94); border:1.5px solid #dce6f8; color:var(--bz-blue);
  font-size:.8rem; font-weight:700; padding:.55rem 1.05rem; border-radius:12px;
  text-decoration:none; transition:all .2s; box-shadow:0 6px 14px -10px rgba(0,51,204,.4);
}
.bz-helptag i{ font-size:.8rem; color:#2f7bff; }
.bz-helptag .ar{ font-size:.62rem; color:#9db4f5; transition:transform .2s; }
.bz-helptag:hover{ border-color:var(--bz-blue); transform:translateY(-2px); box-shadow:0 10px 20px -12px rgba(0,51,204,.5); }
.bz-helptag:hover .ar{ transform:translateX(3px); }
@media(max-width:640px){ .bz-helptag{ padding:.42rem .8rem; font-size:.74rem; } }
.bz-ip-dots{ position:static !important; bottom:auto !important; flex:0 0 auto; }

/* ---------- 24. 商城商品海报（矮横幅） ---------- */
.bz-banner-sm{ aspect-ratio: 16 / 3.2; }
@media(max-width:640px){ .bz-banner-sm{ aspect-ratio: 16 / 6; } }
.bz-banner-sm .bz-banner-slide .bz-banner-cap{ padding:1rem 1.3rem; }
.bz-banner-sm .bz-banner-slide .bz-banner-cap h3{ font-size:1.1rem; }
.bz-banner-sm .bz-banner-slide .bz-banner-cap p{ font-size:.82rem; }
.bz-banner-sm .bz-btn{ margin-top:.5rem !important; padding:.42rem .95rem; font-size:.78rem; }

/* ---------- 25. 金刚位（4 大类快捷入口） ---------- */
.bz-king{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.6rem;
  background:#fff; border:1px solid var(--bz-line); border-radius:var(--bz-r-lg);
  padding:1.05rem .5rem; box-shadow:var(--bz-sh-sm);
}
@media(max-width:640px){ .bz-king{ gap:.3rem; padding:.85rem .25rem; } }
.bz-king-i{
  display:flex; flex-direction:column; align-items:center; gap:.42rem;
  background:none; border:0; cursor:pointer; padding:.4rem .2rem; border-radius:14px;
  transition:background .2s, transform .2s;
}
.bz-king-i:hover{ background:#f6f9ff; transform:translateY(-2px); }
.bz-king-c{
  width:52px; height:52px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(180deg,#f2f7ff,#e6efff);
  border:1px solid #dbe7ff; color:var(--bz-blue); font-size:1.15rem;
  transition:background .22s, color .22s, box-shadow .22s, transform .22s;
}
@media(max-width:640px){ .bz-king-c{ width:44px; height:44px; font-size:1rem; } }
.bz-king-c svg{ width:26px; height:26px; display:block; }
@media(max-width:640px){ .bz-king-c svg{ width:23px; height:23px; } }
.bz-king-i:hover .bz-king-c,
.bz-king-i.on .bz-king-c{
  background:linear-gradient(135deg,var(--bz-blue),#00a3ff); color:#fff; border-color:transparent;
  box-shadow:0 12px 22px -14px rgba(0,51,204,.75);
}
.bz-king-t{ font-size:.82rem; font-weight:700; color:#243a5e; }
@media(max-width:640px){ .bz-king-t{ font-size:.74rem; } }
.bz-king-n{ font-size:.68rem; color:#9aa8bd; }
@media(max-width:640px){ .bz-king-n{ font-size:.62rem; } }

/* ---------- 26. 楼层（子类一层，标题 + 卡片 + 更多） ---------- */
.bz-floor{ margin-bottom:2.4rem; }
.bz-floor-h{ display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.bz-floor-t{ display:flex; align-items:center; gap:.7rem; min-width:0; }
.bz-floor-t h2{
  font-size:1.3rem; font-weight:800; color:#12203a; letter-spacing:-.01em;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
@media(max-width:640px){ .bz-floor-t h2{ font-size:1.05rem; } }
.bz-floor-more{
  display:inline-flex; align-items:center; gap:.35rem; flex:0 0 auto;
  background:#fff; border:1px solid var(--bz-line); color:var(--bz-blue);
  font-size:.78rem; font-weight:700; padding:.4rem .9rem; border-radius:999px; cursor:pointer;
  transition:.2s;
}
.bz-floor-more:hover{ background:var(--bz-blue); color:#fff; border-color:transparent; box-shadow:0 10px 20px -12px rgba(0,51,204,.7); }
.bz-floor-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
@media(max-width:1024px){ .bz-floor-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:640px){ .bz-floor-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; } }
.bz-grid-lg{ grid-template-columns:repeat(5,minmax(0,1fr)); }
@media(max-width:1024px){ .bz-grid-lg{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.bz-back{
  display:inline-flex; align-items:center; gap:.35rem; margin:-.35rem 0 .95rem;
  background:#fff; border:1px solid var(--bz-line); color:#4a5b76;
  font-size:.8rem; font-weight:600; padding:.4rem .9rem; border-radius:999px; cursor:pointer;
  transition:.2s;
}
.bz-back:hover{ border-color:var(--bz-blue); color:var(--bz-blue); }

/* ---------- 27. 楼层广告位（一大两小） ---------- */
.bz-ad{ display:grid; grid-template-columns:2fr 1fr; gap:1rem; margin:0 0 2.4rem; }
@media(max-width:640px){ .bz-ad{ grid-template-columns:1fr 1fr; gap:.65rem; margin-bottom:1.6rem; } }
.bz-ad-main, .bz-ad-small{
  position:relative; overflow:hidden; border-radius:var(--bz-r-lg);
  display:flex; align-items:flex-end; text-decoration:none;
  background:linear-gradient(135deg,#0d1424,#001a8c 62%,#0033CC);
  box-shadow:var(--bz-sh-sm);
  transition:transform .25s, box-shadow .25s;
}
.bz-ad-main:hover, .bz-ad-small:hover{ transform:translateY(-3px); box-shadow:var(--bz-sh); }
.bz-ad-main{ min-height:248px; }
.bz-ad-col{ display:grid; grid-template-rows:1fr 1fr; gap:1rem; }
@media(max-width:640px){ .bz-ad-main{ min-height:160px; grid-column:1 / -1; } .bz-ad-col{ grid-template-columns:1fr 1fr; grid-template-rows:none; } }
.bz-ad-small{ min-height:116px; }
@media(max-width:640px){ .bz-ad-small{ min-height:104px; } }
.bz-ad-main img, .bz-ad-small img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;
}
.bz-ad-ph{
  position:relative; z-index:1; margin:auto; color:rgba(255,255,255,.72);
  font-size:.9rem; font-weight:700; letter-spacing:.02em;
}
.bz-ad-main::after, .bz-ad-small::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(6,14,30,.72));
}
.bz-ad-cap{
  position:relative; z-index:1; padding:1rem 1.15rem; color:#fff; font-weight:700; font-size:1rem;
}
.bz-ad-small .bz-ad-cap{ font-size:.85rem; padding:.8rem .9rem; }

/* ---------- 28. 白小智说（v3.75 照抄首页 ip-say-card：白卡清爽版，原深蓝渐变横幅废弃） ---------- */
.bz-say2{
  position:relative; overflow:hidden; margin:0;
  background:#fff; border:1px solid #e7eefb; border-radius:18px;
  padding:1.15rem 1.4rem;
  display:flex; align-items:center; gap:1.1rem;
  box-shadow:0 14px 32px -24px rgba(0,51,204,.5);
}
.bz-say2-deco{
  position:absolute; right:10px; top:-6px; font-size:84px;
  color:rgba(0,51,204,.07); pointer-events:none;
}
.bz-say2-face{
  width:58px; height:58px; border-radius:50%; object-fit:cover; flex:0 0 auto;
  border:3px solid #e8efff; box-shadow:0 10px 24px -14px rgba(0,51,204,.45);
}
@media(max-width:640px){ .bz-say2-face{ width:46px; height:46px; } }
.bz-say2-b{ position:relative; z-index:1; min-width:0; flex:1 1 auto; }
.bz-say2-head{ display:flex; align-items:center; gap:.55rem; flex-wrap:wrap; }
.bz-say2-title{ font-size:1.02rem; font-weight:800; color:#111827; }
/* 浅蓝小 chip，同首页 ip-tagchip */
.bz-say2-chip{
  display:inline-flex; align-items:center; gap:.3rem;
  font-size:.68rem; font-weight:700; color:var(--bz-blue);
  background:#eef2fa; border-radius:999px; padding:.28rem .7rem; white-space:nowrap;
}
.bz-say2-chip i{ font-size:.6rem; }
.bz-say2-sub{ display:block; font-size:.72rem; color:#9aa8bd; margin-top:.1rem; }
.bz-say2-stage{ margin-top:.5rem; min-height:1.6em; }
.bz-say2-stage span{
  display:flex; align-items:center; gap:.5rem;
  color:#334155; font-size:.98rem; font-weight:600; line-height:1.5;
  opacity:0; transform:translateY(10px); transition:opacity .5s ease, transform .5s ease;
}
.bz-say2-stage span.on{ opacity:1; transform:none; }
.bz-say2-stage span i{ color:var(--bz-blue); font-size:.85rem; flex:0 0 auto; }
@media(max-width:640px){ .bz-say2-stage span{ font-size:.86rem; } }

/* ---------- 29. 商城空状态 ---------- */
.bz-empty{ text-align:center; color:#9aa8bd; padding:3.2rem 1rem; }
.bz-empty i{ display:block; font-size:2rem; margin-bottom:.7rem; color:#cbd6e6; }

/* ============================================================
   v3.76 新闻 / 案例列表页 · 顶部主推轮播（复用 .bz-banner 骨架）
   数据源：后台勾了「置顶到页顶轮播」的条目；点图直达对应详情页
   ============================================================ */
/* v3.90（蔡总 2026-10-11 22:40）：不要满屏——横版 16:9 通栏（左右顶到顶）+ 居中大字，气势要有但不喧宾夺主；
   高度封顶 min(62vh,620px)，保证下面列表内容仍露头可下拉。 */
.bz-feat{
  width:100%;
  aspect-ratio:16 / 9;
  max-height:min(62vh, 620px);
  min-height:400px;
  border-radius:0; box-shadow:none; background:#0b1220;
}
@media(max-width:640px){
  .bz-feat{ aspect-ratio:16 / 9; max-height:none; min-height:250px; }
}
.bz-feat .bz-banner-slide{ cursor:pointer; background:#0b1220; }
/* v3.93（蔡总 2026-10-11 23:47）：不再裁切画面 —— 主图完整显示（contain），
   四周留白用同一张图的放大模糊版补色，颜色与画面天然同源，不会出现「只剩半边脸」。 */
.bz-feat .bz-banner-slide .bz-feat-blur{
  position:absolute; inset:-9%; width:auto; height:auto; max-width:none; max-height:none;
  object-fit:cover; object-position:center; display:block;
  filter:blur(34px) saturate(1.25) brightness(.52);
}
.bz-feat .bz-banner-slide .bz-feat-img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:contain; object-position:center; display:block;
  transition: transform .8s ease;
}
.bz-feat .bz-banner-slide:hover .bz-feat-img{ transform: scale(1.02); }
.bz-feat .bz-banner-slide.bz-noimg{ background:linear-gradient(120deg,#0d1424,#001a8c 58%,#0033CC); }
/* 图上文字整片居中（首页首屏同款），叠加由上到下渐深的压暗层：保住画面质感又让白字清晰 */
.bz-feat .bz-banner-cap{
  left:0; right:0; top:0; bottom:0;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:2rem 1.4rem;
  background:linear-gradient(180deg, rgba(3,10,30,.36) 0%, rgba(3,10,30,.20) 42%, rgba(3,10,30,.64) 100%);
}
.bz-feat-tag{
  display:inline-flex; align-items:center; gap:.4rem; margin-bottom:1.05rem;
  background:var(--bz-green); color:#04121f; font-size:.78rem; font-weight:800;
  padding:.34rem 1rem; border-radius:999px; letter-spacing:.03em;
  box-shadow:0 8px 20px -10px rgba(0,255,102,.65);
}
.bz-feat .bz-banner-cap h3{
  font-size:clamp(1.65rem, 3.5vw, 3rem); font-weight:900; line-height:1.22;
  letter-spacing:-.01em; max-width:940px; text-shadow:0 6px 26px rgba(0,0,0,.6);
}
.bz-feat .bz-banner-cap p{
  font-size:clamp(.9rem, 1.15vw, 1.05rem); color:rgba(228,238,255,.95);
  margin-top:.95rem; max-width:700px; line-height:1.7; text-shadow:0 2px 14px rgba(0,0,0,.55);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.bz-feat-more{
  display:inline-flex; align-items:center; gap:.45rem; margin-top:1.35rem;
  font-size:.9rem; font-weight:700; color:#fff;
  padding:.6rem 1.5rem; border:1.5px solid rgba(255,255,255,.6); border-radius:999px;
  background:rgba(255,255,255,.08); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
  opacity:.94; transition:gap .2s, opacity .2s, background .2s, border-color .2s;
}
.bz-feat .bz-banner-slide:hover .bz-feat-more{ gap:.75rem; opacity:1; background:rgba(255,255,255,.18); border-color:#fff; }
@media(max-width:640px){
  .bz-feat .bz-banner-cap{ padding:1.4rem 1.1rem; }
  .bz-feat .bz-banner-cap h3{ font-size:1.5rem; }
  .bz-feat .bz-banner-cap p{ font-size:.85rem; margin-top:.7rem; }
  .bz-feat-more{ margin-top:1rem; padding:.5rem 1.15rem; font-size:.82rem; }
}
/* v3.89 列表区标题行（自绘类——tw.css 是 purge 精简版，新增 Tailwind 类不可用） */
.bz-listhead{ display:flex; align-items:center; flex-wrap:wrap; column-gap:.8rem; row-gap:.2rem; margin-bottom:2.1rem; }
.bz-listhead .bar{ flex:0 0 auto; width:6px; height:24px; border-radius:999px; background:linear-gradient(180deg,#0033CC,#00FF66); }
.bz-listhead h1{ font-size:1.35rem; font-weight:800; color:#0f172a; line-height:1.3; margin:0; }
@media(min-width:768px){ .bz-listhead h1{ font-size:1.5rem; } }
.bz-listhead .sub{ font-size:.85rem; color:#94a3b8; }


/* ================= v4.64（蔡总 2026-10-15）全站 logo 尺寸兜底 =================
   问题：后台「首页图片」可换 logo，但导航位 HTML 写死 h-10 md:h-12（高度固定、宽度不限）。
   蔡总上传的新 logo 宽高比 6.25（老图 4.38）→ 宽度撑到 300px+ → 挤歪菜单、拱出导航栏。
   对策：给 logo 加固定容器尺寸 + object-fit:contain —— 任意尺寸/比例的图都不会撑破布局。
   （后台已同步做上传裁剪+分档压缩，这里是最后一道保险，两层防护） */
img[data-img-key="nav_logo"],
nav img[alt="BAZITU Logo"] {
  height: 40px !important; width: auto !important;
  max-width: 210px !important; object-fit: contain !important;
}
@media (min-width: 768px) {
  img[data-img-key="nav_logo"],
  nav img[alt="BAZITU Logo"] {
    height: 46px !important; max-width: 240px !important;
  }
}
/* 手机端再收一档，避免窄屏被 logo 挤爆 */
@media (max-width: 480px) {
  img[data-img-key="nav_logo"],
  nav img[alt="BAZITU Logo"] { height: 34px !important; max-width: 160px !important; }
}
img[data-img-key="footer_logo"] {
  height: 48px !important; width: auto !important;
  max-width: 220px !important; object-fit: contain !important;
}
img[data-img-key="hero_logo"] {
  height: auto !important; max-height: 140px !important;
  max-width: min(88vw, 560px) !important; object-fit: contain !important;
}