/* =====================================================================
   非尔特玻璃瓶厂（fet-glass.com）— 玻璃质感浅色主题 v4
   ---------------------------------------------------------------------
   v4 调整：
     1) 配色：纯白底 + 深松绿主色（更克制、更高级，MUJI 极简风）
     2) Logo 容器加深色底/边，让原"蓝+深蓝"logo 在白底导航上清晰可见
     3) 优势区提供「数据卡」样式 + 左右双列（左侧填充原装饰空白）
   设计理念：白留白 + 深绿 + 极简 + 玻璃质感（白卡高光）
   覆盖式主题，不动原模板，可随时回滚。
   ===================================================================== */

/* ---------- 1. 设计 Token ---------- */
:root {
  /* 主色：深松绿（克制冷峻，更高级） */
  --glass-primary:        #1B5544;
  --glass-primary-dark:   #134133;
  --glass-primary-deep:   #0B2E25;
  --glass-primary-soft:   #E4EEEB;
  --glass-primary-bg:     #F4F7F6;

  /* CTA 同色系（去亮绿，更深沉） */
  --glass-accent:         #1B5544;
  --glass-accent-dark:    #0B2E25;
  --glass-accent-soft:    #E4EEEB;

  /* 中性色（极简白） */
  --glass-bg:             #FFFFFF;     /* 纯白页面底 */
  --glass-surface:        #FFFFFF;
  --glass-surface-alt:    #FAFBFB;     /* 极浅冷灰，大区块底 */
  --glass-surface-glass:  rgba(255,255,255,.9);
  --glass-text:           #1A1A1A;     /* 墨黑 */
  --glass-text-muted:     #6A6A6A;     /* 深灰 */
  --glass-text-inverse:   #FFFFFF;
  --glass-border:         #ECECEC;
  --glass-border-strong:  #D8D8D8;
  --glass-radius:         10px;
  --glass-radius-sm:      6px;

  /* 阴影：极轻 */
  --glass-shadow:         0 4px 14px rgba(0,0,0,.05);
  --glass-shadow-hover:   0 10px 24px rgba(27,85,68,.12);
  --glass-highlight:      inset 0 1px 0 rgba(255,255,255,.9);

  --brand:  var(--glass-primary);
  --accent: var(--glass-accent);
}

/* ---------- 2. 全局基底 ---------- */
html, body { background: var(--glass-bg) !important; }
body {
  background: var(--glass-bg) !important;
  color: var(--glass-text) !important;
  font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: .2px;
}
body a { color: var(--glass-text); transition: color .2s; }
body a:hover { color: var(--glass-primary); }

/* ---------- 3. 顶部信息栏 ---------- */
.wrap-header .bg-black,
.wrap-header .wrap-top.bg-black,
.wrap-top {
  background: var(--glass-bg) !important;
  color: var(--glass-text-muted) !important;
  border-bottom: 1px solid var(--glass-border) !important;
}
.wrap-top .text-white,
.wrap-top span,
.wrap-top a,
.wrap-top .container { color: var(--glass-text-muted) !important; }
.wrap-top a:hover { color: var(--glass-primary) !important; }
.wrap-top .zaax-wxh,
.wrap-top .hiddlen-l { color: var(--glass-text-muted) !important; }

/* ---------- 4. Logo 重做：HTML 玻璃瓶图标 + 文字（无色块，融入白底） ---------- */
/* 导航行 flex 布局：logo 与右侧导航菜单垂直居中对齐 */
.wrap-header .bai_a .line {
  display: flex !important;
  align-items: center !important;
}
.wrap-header .bai_a [class*="xb"] {
  float: none !important;
}
/* 容器：完全透明，无背景色块 */
.wrap-header .xb3.padding-top,
.wrap-header .xb3.xs2.xm2 {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  min-height: 0 !important;
  box-shadow: none !important;
}
/* 原 logo 图隐藏（被 JS 替换为 HTML 结构） */
.wrap-header .xb3.padding-top img,
.wrap-header .xb3.xs2.xm2 img {
  display: none !important;
}
.wrap-header .xb3.padding-top a,
.wrap-header .xb3.xs2.xm2 a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px;
  filter: none !important;
  opacity: 1;
}
/* 玻璃瓶 CSS 图标（深绿线条 + 高光，玻璃质感） */
.logo-icon {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 30px;
  flex-shrink: 0;
}
.logo-icon::before {
  /* 瓶身（梯形玻璃瓶轮廓） */
  content: "";
  position: absolute;
  left: 1px;
  right: 1px;
  top: 6px;
  bottom: 0;
  border: 1.8px solid var(--glass-primary);
  border-top: none;
  border-radius: 0 0 6px 6px;
  background: linear-gradient(180deg, rgba(27,85,68,.04) 0%, rgba(27,85,68,.10) 100%);
}
.logo-icon::after {
  /* 瓶口 */
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 11px;
  height: 6px;
  border: 1.8px solid var(--glass-primary);
  border-bottom: none;
  border-radius: 2px 2px 0 0;
  background: var(--glass-primary);
}
/* 瓶身高光（白色斜线） */
.logo-icon .shine {
  position: absolute;
  top: 10px;
  left: 4px;
  width: 2.5px;
  height: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.2));
  border-radius: 2px;
  z-index: 1;
}
/* Logo 文字（中文品牌） */
.logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.logo-text-cn {
  font-size: 20px;
  font-weight: 800;
  color: var(--glass-primary);
  letter-spacing: 4px;
  font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
}
.logo-text-en {
  font-size: 9px;
  color: var(--glass-text-muted);
  letter-spacing: 4px;
  font-weight: 500;
  margin-top: 4px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
}
/* 移动端 logo 缩小 */
@media (max-width: 768px) {
  .logo-icon { width: 18px; height: 24px; }
  .logo-icon::before { bottom: 0; }
  .logo-icon::after { width: 9px; height: 5px; }
  .logo-icon .shine { top: 8px; left: 3px; width: 2px; height: 9px; }
  .logo-text-cn { font-size: 16px; letter-spacing: 3px; }
  .logo-text-en { font-size: 7px; letter-spacing: 3px; }
}

/* ---------- 5. 主导航栏 ---------- */
.wrap-header .container.bai_a {
  background: var(--glass-bg) !important;
  border-bottom: 1px solid var(--glass-border) !important;
  box-shadow: none !important;
  position: relative;
  z-index: 20;
}
.navbar .nav-menu > li > a.topa {
  color: var(--glass-text) !important;
  font-weight: 500;
  font-size: 15px;
  transition: color .2s, background .2s;
  padding: 6px 14px !important;
}
.navbar .nav-menu > li > a.topa:hover,
.navbar .nav-menu > li.active > a.topa {
  color: var(--glass-primary) !important;
  background: transparent !important;
}
.nav-menu li.active,
.nav-menu li:hover { border-bottom-color: var(--glass-primary) !important; }
.nav-pills .active a,
.nav-pills a:hover,
.nav a:hover { color: var(--glass-primary) !important; background: none !important; }
.nav-menu li .drop-menu {
  background: var(--glass-surface) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--glass-radius-sm);
  box-shadow: 0 6px 18px rgba(0,0,0,.08) !important;
  padding: 6px 0 !important;
}
.nav-menu li .drop-menu li { border-bottom-color: var(--glass-border) !important; }
.nav-menu li:hover .drop-menu a { color: var(--glass-text) !important; }
.navbar .nav-menu > li > ul li a {
  color: var(--glass-text) !important;
  padding: 9px 18px !important;
}
.navbar .nav-menu > li > ul li a:hover {
  background: var(--glass-primary-soft) !important;
  color: var(--glass-primary) !important;
  padding-left: 24px !important;
}
.nav-navicon .nav-menu {
  background: var(--glass-surface) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--glass-radius);
}

/* ---------- 6. Banner 轮播 ---------- */
.banner[data-style="border-main"],
.banner.border-main { border-color: var(--glass-primary) !important; }
.banner { border-radius: 0; overflow: hidden; }
.carousel .item,
.carouse2 .item { border-radius: 0; overflow: hidden; }
.pointer.border-main li { border-color: var(--glass-primary) !important; }
.pointer.border-main li.active,
.pointer.border-main li:hover { background-color: var(--glass-primary) !important; }

/* ---------- 7. 区块标题：白底深绿字极简胶囊（最高级） ---------- */
.title_h {
  display: inline-block !important;
  position: relative;
  padding: 6px 22px !important;
  margin: 6px auto 10px !important;
  font-size: 18px;
  font-weight: 700;
  color: var(--glass-primary) !important;
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border-strong) !important;
  border-radius: 999px !important;
  letter-spacing: 1px;
}
.title_h a { color: var(--glass-primary) !important; }
.title_h a:hover { color: var(--glass-primary-dark) !important; }

.hinde_box:has(> span:only-child:empty),
.hinde_box > span:only-child:empty { display: none !important; }

.pro h2, .pro h2 a, .pro h3, .pro h3 a,
.about2 h2, .about2 h2 a,
.news h2, .news h2 a,
.case h2, .case h2 a { color: var(--glass-text) !important; }
.about2 h2 a:hover, .pro h2 a:hover,
.news h2 a:hover, .case h2 a:hover { color: var(--glass-primary) !important; }
.pro h3 span, .about2 h3 span { border-top-color: var(--glass-primary) !important; }

/* ---------- 8. 产品中心区（纯白底） ---------- */
.pro { background: var(--glass-bg) !important; }
.proitem {
  background: var(--glass-surface) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--glass-radius) !important;
  overflow: hidden;
  transition: transform .3s, box-shadow .3s, border-color .3s;
  margin-bottom: 20px;
  box-shadow: var(--glass-shadow);
}
.proitem:hover {
  transform: translateY(-4px);
  box-shadow: var(--glass-shadow-hover) !important;
  border-color: var(--glass-primary) !important;
}
.proitem img { transition: transform .4s; }
.proitem:hover img { transform: scale(1.04); }
.proitem .protext {
  background: var(--glass-primary) !important;
  color: var(--glass-text-inverse) !important;
  padding: 8px 12px !important;
}
.prolist .proitem { border: 1px solid var(--glass-border) !important; }
.typelist a { color: var(--glass-primary) !important; }

/* ---------- 9. 关于我们区（极浅冷灰大区背景） ---------- */
.about2 { background: var(--glass-surface-alt) !important; color: var(--glass-text-muted) !important; }
.about2 h3 { color: var(--glass-text) !important; }
.about2 p { color: var(--glass-text-muted) !important; line-height: 1.95; font-size: 15px; }
.about-box {
  background: var(--glass-primary) !important;
  border-radius: var(--glass-radius);
}

/* ---------- 10. 工厂实景卡片 ---------- */
.case { background: var(--glass-bg) !important; }
.caseitem {
  background: var(--glass-surface) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--glass-radius);
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0,0,0,.04) !important;
  transition: transform .3s, box-shadow .3s, border-color .3s;
  margin-bottom: 20px;
}
.caseitem:hover {
  transform: translateY(-4px);
  box-shadow: var(--glass-shadow-hover) !important;
  border-color: var(--glass-primary) !important;
}
.caseitem img { transition: transform .4s; }
.caseitem:hover img { transform: scale(1.04); }
.caseitem h3 {
  color: var(--glass-text) !important;
  font-size: 15px;
  padding: 12px 14px;
  text-align: center;
  margin: 0;
}
.caseitem:hover h3 { color: var(--glass-primary) !important; }

/* ---------- 11. 优势区：白底 + 极淡冷调光晕 + 玻璃面板卡片 ---------- */
.youshi2 {
  background:
    radial-gradient(circle at 92% 8%, rgba(27,85,68,.04) 0%, transparent 50%),
    var(--glass-bg) !important;
  color: var(--glass-text) !important;
  position: relative;
  overflow: hidden;
}
.youshi2 h1, .youshi2 h2 { color: var(--glass-text) !important; }
.youshi2 h2 { font-size: 22px !important; font-weight: 700; }
.youshi2 .ysitem,
.youshi2 .ysitem2 {
  background: var(--glass-surface) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--glass-radius) !important;
  padding: 20px 24px !important;
  margin: 8px 0 !important;
  box-shadow: var(--glass-shadow);
  transition: transform .3s, box-shadow .3s, border-color .3s;
}
.youshi2 .ysitem:hover,
.youshi2 .ysitem2:hover {
  transform: translateX(4px);
  border-color: var(--glass-primary) !important;
  box-shadow: var(--glass-shadow-hover) !important;
}
.youshi2 .ysitem h3,
.youshi2 .ysitem2 h3 {
  color: var(--glass-primary) !important;
  font-size: 17px;
  margin-bottom: 6px;
  font-weight: 700;
}
.youshi2 .ysitem p,
.youshi2 .ysitem2 p {
  color: var(--glass-text-muted) !important;
  margin: 0;
  font-size: 13px;
}

/* 优势区左侧：数据卡（玻璃质感） */
.youshi-stats {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px 0;
}
.youshi-stats .stat {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px 22px;
  background: var(--glass-surface) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--glass-radius);
  box-shadow: var(--glass-shadow);
  transition: transform .25s, box-shadow .25s, border-color .25s;
}
.youshi-stats .stat:hover {
  transform: translateX(6px);
  border-color: var(--glass-primary) !important;
  box-shadow: var(--glass-shadow-hover) !important;
}
.youshi-stats .stat-num {
  font-size: 32px;
  font-weight: 800;
  color: var(--glass-primary) !important;
  line-height: 1;
  min-width: 96px;
  letter-spacing: -1px;
  font-family: "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}
.youshi-stats .stat-info h4 {
  margin: 0 0 4px;
  font-size: 15px;
  color: var(--glass-text) !important;
  font-weight: 600;
}
.youshi-stats .stat-info p {
  margin: 0;
  font-size: 13px;
  color: var(--glass-text-muted) !important;
}

/* ---------- 12. 新闻列表 ---------- */
.news .news-item2 {
  background: var(--glass-surface) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--glass-radius-sm);
  padding: 12px !important;
  margin-bottom: 10px !important;
  overflow: hidden;
  transition: transform .25s, box-shadow .25s, border-color .25s;
}
.news .news-item2:hover {
  transform: translateX(5px);
  box-shadow: var(--glass-shadow);
  border-color: var(--glass-primary) !important;
}
.news-item2:after { background-color: var(--glass-primary-soft) !important; }
.news-item2:hover .news-title,
.news-item2:hover .news-desc,
.news-item2:hover .news-time { color: var(--glass-text) !important; }
.news-item2:hover .news-title { color: var(--glass-primary) !important; }
.news .news-time {
  background: var(--glass-surface-alt) !important;
  border-radius: var(--glass-radius-sm);
  padding: 8px 12px !important;
  text-align: center;
  border-right: none !important;
  border: 1px solid var(--glass-border);
}
.news .news-time-date { color: var(--glass-primary) !important; font-weight: 700; font-size: 18px; }
.news .news-time-year { color: var(--glass-text-muted) !important; font-size: 13px; }
.news .news-title {
  color: var(--glass-text) !important;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 6px;
}
.news .news-desc { color: var(--glass-text-muted) !important; font-size: 13px; line-height: 1.7; }

/* ---------- 13. 左侧悬浮产品导航 ---------- */
.left_nav {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 50;
  background: var(--glass-surface) !important;
  border: 1px solid var(--glass-border);
  border-left: none;
  border-radius: 0 var(--glass-radius) var(--glass-radius) 0;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  padding: 8px 0;
  width: 64px;
  transition: width .3s;
}
.left_nav:hover { width: 164px; }
.left_nav h2 dt {
  background: var(--glass-primary) !important;
  color: var(--glass-text-inverse) !important;
  text-align: center;
  font-size: 14px;
  padding: 10px 0;
}
.left_nav dd a.nav_left {
  color: var(--glass-text) !important;
  font-size: 13px;
  padding: 9px 14px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-left: 3px solid transparent;
}
.left_nav dd a.nav_left:hover {
  background: var(--glass-primary-soft);
  color: var(--glass-primary) !important;
  border-left-color: var(--glass-primary);
  padding-left: 18px;
}

/* ---------- 14. 页脚（极浅冷灰大区） ---------- */
.bg-footnav,
.bg-inverse,
.container-layout.bg-footnav.bg-inverse {
  background: var(--glass-surface-alt) !important;
  color: var(--glass-text) !important;
  border-top: 1px solid var(--glass-border);
}
.bg-footnav p,
.bg-inverse p { color: var(--glass-text) !important; border-bottom-color: var(--glass-border) !important; }
.bg-footnav a,
.bg-inverse a,
.bg-footnav b,
.bg-inverse b { color: var(--glass-primary) !important; }
.bg-footnav a:hover,
.bg-inverse a:hover { color: var(--glass-primary-dark) !important; }
.foot-weixin {
  border-radius: var(--glass-radius);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
}
.bg-footnav form,
.bg-inverse form {
  background: var(--glass-surface) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--glass-radius);
  padding: 18px !important;
  box-shadow: var(--glass-shadow);
}
.bg-footnav form .input,
.bg-inverse form .input,
.form-group .input,
.field .input {
  background: var(--glass-surface) !important;
  border: 1px solid var(--glass-border) !important;
  color: var(--glass-text) !important;
  border-radius: var(--glass-radius-sm);
  padding: 11px 14px !important;
}
.bg-footnav form .input::placeholder,
.bg-inverse form .input::placeholder,
.form-group .input::placeholder,
.field .input::placeholder { color: #AAAAAA !important; }
.bg-footnav form .input:focus,
.bg-inverse form .input:focus,
.form-group .input:focus,
.field .input:focus {
  border-color: var(--glass-primary) !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(27,85,68,.10) !important;
}

/* ---------- 15. 版权栏 ---------- */
.container-layout.bg-sub {
  background: var(--glass-bg) !important;
  color: var(--glass-text-muted) !important;
  border-top: 1px solid var(--glass-border);
  font-size: 13px;
}
.container-layout.bg-sub a { color: var(--glass-primary) !important; }
.container-layout.bg-sub a:hover { color: var(--glass-primary-dark) !important; }

/* ---------- 16. 通用语义色 ---------- */
.bg-main {
  background: var(--glass-primary) !important;
  color: var(--glass-text-inverse) !important;
  border-color: var(--glass-primary) !important;
}
.text-main { color: var(--glass-primary) !important; }
.text-red  { color: var(--glass-primary) !important; }
.text-white { color: var(--glass-text-inverse) !important; }
.border-main { border-color: var(--glass-primary) !important; }
.bg-sub { background: var(--glass-surface-alt) !important; color: var(--glass-text) !important; }
.bg-inverse { background: var(--glass-surface-alt) !important; color: var(--glass-text) !important; }
.bg-nav { background: var(--glass-surface-alt) !important; }
.bg-gray { background-color: var(--glass-surface-alt) !important; }
.bg-black2 { background: var(--glass-primary) !important; }

/* ---------- 17. 通用按钮（深绿 CTA） ---------- */
.button {
  border-radius: var(--glass-radius-sm);
  font-weight: 600;
  transition: all .25s;
  border: none !important;
}
.button:hover { transform: translateY(-1px); }
.button.bg-main,
a.button.bg-main,
input[type="submit"].button.bg-main {
  background: var(--glass-primary) !important;
  color: var(--glass-text-inverse) !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(27,85,68,.25);
}
.button.bg-main:hover,
a.button.bg-main:hover,
input[type="submit"].button.bg-main:hover {
  background: var(--glass-primary-dark) !important;
  box-shadow: 0 6px 16px rgba(27,85,68,.35);
}
.button.border-main { border-color: var(--glass-primary) !important; color: var(--glass-primary) !important; }
.button.border-main:hover { background: var(--glass-primary-soft) !important; }
.button.bg-sub { border-color: var(--glass-primary) !important; color: var(--glass-primary) !important; }
.button.border-sub { border-color: var(--glass-primary) !important; color: var(--glass-primary) !important; }
.button.border-sub:hover { background: var(--glass-primary) !important; color: #FFF !important; }

/* ---------- 18. 其他细节 ---------- */
.bb { border-bottom-color: var(--glass-primary) !important; color: var(--glass-text) !important; }
.bb2 { border-bottom-color: var(--glass-border) !important; }
.service { background: var(--glass-surface-alt) !important; }
.service h2 { color: var(--glass-primary) !important; }
.service p { color: var(--glass-text) !important; }
.youshi { background: var(--glass-surface-alt) !important; }
.youshi h2 { color: var(--glass-primary) !important; }
.youshi .ysico { color: var(--glass-primary) !important; }
.lxico, .flico { color: var(--glass-primary) !important; }
.bglx { background-color: var(--glass-surface-alt) !important; }
.fengge { color: var(--glass-text-muted) !important; }
.bread { color: var(--glass-text-muted) !important; }
.remen { color: var(--glass-text) !important; }
.ss { border-color: var(--glass-primary) !important; }
.index-proclass h1 {
  background: var(--glass-primary) !important;
  color: var(--glass-text-inverse) !important;
  border-radius: var(--glass-radius-sm) var(--glass-radius-sm) 0 0;
}
.index-proclass ul { border-color: var(--glass-border) !important; }
.index-proclass li { background-color: var(--glass-surface) !important; border-bottom-color: var(--glass-border) !important; }
.index-proclass li a { color: var(--glass-text) !important; }
.index-proclass li:hover,
.index-proclass li.on { background: var(--glass-primary-soft) !important; }
.index-proclass li:hover a,
.index-proclass li.on a { color: var(--glass-primary) !important; }

/* ---------- 19. 二维码弹窗 ---------- */
.popup_code {
  border-radius: var(--glass-radius) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.15) !important;
  border: 1px solid var(--glass-border) !important;
  background: var(--glass-surface) !important;
}
.popup_code .down {
  background: var(--glass-primary) !important;
  color: var(--glass-text-inverse) !important;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
}

/* ---------- 20. 移动端底栏 tab ---------- */
.footer_tab {
  background: rgba(255,255,255,.96) !important;
  border-top: 1px solid var(--glass-border) !important;
  box-shadow: 0 -4px 16px rgba(0,0,0,.05);
  backdrop-filter: blur(10px);
}
.footer_tab a span { color: var(--glass-primary) !important; }

/* ---------- 21. 移动端适配 ---------- */
@media only screen and (max-width: 768px) {
  .wrap-top { background: var(--glass-bg) !important; }
  .wrap-top span { color: var(--glass-text-muted) !important; font-size: 13px; }
  .bai_a { background: var(--glass-bg) !important; }

  .pro { background: var(--glass-bg) !important; }
  .youshi2 { background: var(--glass-bg) !important; }
  .youshi2 h2 { color: var(--glass-text) !important; font-size: 18px !important; }

  .button.bg-main, a.button.bg-main, input[type="submit"].button.bg-main {
    background: var(--glass-primary) !important;
    border: none !important;
  }
  .bg-footnav, .bg-inverse { background: var(--glass-surface-alt) !important; }
  .bg-sub { background: var(--glass-bg) !important; }

  /* 标题胶囊 */
  .title_h {
    background: var(--glass-bg) !important;
    border: 1px solid var(--glass-border-strong) !important;
    color: var(--glass-primary) !important;
    font-size: 16px;
    padding: 5px 18px !important;
    width: auto !important;
    height: auto !important;
    line-height: 1.4 !important;
    border-radius: 999px !important;
  }
  .title_h a { color: var(--glass-primary) !important; }

  .news-item2:after { background-color: var(--glass-primary-soft) !important; }

  .left_nav { display: none !important; }
  .wrap-header .container.bai_a .nav-navicon { width: 100% !important; }
  .pro .proitem, .case .caseitem { margin-bottom: 14px; }
  .navbar .nav-menu > li > a.topa { font-size: 14px; padding: 5px 10px !important; }
  .case .caseitem h3 { font-size: 13px; }
  /* 优势区数据卡：移动端 */
  .youshi-stats .stat { padding: 14px 16px; }
  .youshi-stats .stat-num { font-size: 24px; min-width: 80px; }

  /* 移动端导航按钮：CSS 三条线（不依赖 FontAwesome 字体，保证可见） */
  /* logo 容器 flex 两端对齐：logo 左、按钮右 */
  .wrap-header .xb3.padding-top {
    justify-content: space-between !important;
    width: 100% !important;
  }
  .icon-navicon {
    position: relative !important;
    order: 2 !important;                          /* 按钮排最后（右上角） */
    width: 30px !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 4px 6px 0 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 0 !important;
    display: block !important;
  }
  .icon-navicon::before {
    content: "" !important;
    position: absolute;
    left: 3px;
    right: 3px;
    top: 5px;
    height: 2.5px;
    background: var(--glass-primary) !important;
    border-radius: 2px;
    box-shadow: 0 7px 0 var(--glass-primary), 0 14px 0 var(--glass-primary);
  }
  .icon-navicon::after { content: none !important; }
  /* 移动端展开菜单白底 */
  .nav-navicon .nav-menu {
    background: var(--glass-surface) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--glass-radius);
    box-shadow: 0 8px 24px rgba(0,0,0,.10) !important;
  }
}

/* ---------- 22. 微交互：图片淡入 ---------- */
.fadein {
  opacity: 0;
  transform: translateY(12px);
  animation: glassFadeIn .6s ease forwards;
}
@keyframes glassFadeIn {
  to { opacity: 1; transform: translateY(0); }
}

/* ---------- 23. 滚动条美化 ---------- */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--glass-bg); }
::-webkit-scrollbar-thumb { background: #C8C8C8; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--glass-primary); }

/* ---------- 24. 文字选中色 ---------- */
::selection { background: var(--glass-primary); color: var(--glass-text-inverse); }