/* ============================================================
   Dream Power 顶部导航升级 + 图标修复 (dp-header.css)
   全站生效（由 public/header.html 引入）
   ------------------------------------------------------------
   1) 修复 iconfont_99703.woff 缺失导致的 ☒ 豆腐块（SVG mask 替代）
   2) 顶部菜单栏：深色玻璃吸顶 + 霓虹高亮 + 胶囊 CTA + 深色下拉
   删掉 header.html 里那行 <link> 即可完全还原
   ============================================================ */
:root{
  --dph-orange:#ff5628; --dph-orange-2:#f2491b; --dph-red:#e52a2a;
  --dph-cyan:#22d3ee;
  --dph-bg:#070b16; --dph-bg-2:#0b1122;
  --dph-text:#e9edf7; --dph-text-2:#96a3bd;
  --dph-border:rgba(255,255,255,.09);
}

/* ============================================================
   ① 图标修复：字体文件 fonts/iconfont_99703.woff 不存在，
      所有 .iconfont 都渲染成 ☒。这里用 SVG mask 重建图形。
   ============================================================ */
.iconfont.icon-zuo703,.iconfont.icon-left703,.iconfont.icon-zuo1,
.iconfont.icon-you703,.iconfont.icon-right703,.iconfont.icon-you,
.iconfont.icon-mail703,.iconfont.icon-im703,.iconfont.icon-phone703,
.iconfont.icon-yu703,.iconfont.icon-add703,.iconfont.icon-dagou,
.iconfont.icon-sou703,.iconfont.icon-close703,.iconfont.icon-down703{
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center;  mask-position:center;
  -webkit-mask-size:contain;     mask-size:contain;
  background-color:currentColor;
  display:inline-block; width:1em; height:1em; line-height:1;
  vertical-align:-.12em;
}
/* 屏蔽坏字形 */
.iconfont.icon-zuo703:before,.iconfont.icon-left703:before,.iconfont.icon-zuo1:before,
.iconfont.icon-you703:before,.iconfont.icon-right703:before,.iconfont.icon-you:before,
.iconfont.icon-mail703:before,.iconfont.icon-im703:before,.iconfont.icon-phone703:before,
.iconfont.icon-yu703:before,.iconfont.icon-add703:before,.iconfont.icon-dagou:before,
.iconfont.icon-pql:before,.iconfont.icon-fix:before{ content:"" !important; }

/* 左箭头 ‹ */
.iconfont.icon-zuo703,.iconfont.icon-left703,.iconfont.icon-zuo1{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E");
}
/* 右箭头 › */
.iconfont.icon-you703,.iconfont.icon-right703,.iconfont.icon-you{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E");
}
/* 邮件 */
.iconfont.icon-mail703{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M2.5 6.5l9.5 7 9.5-7'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M2.5 6.5l9.5 7 9.5-7'/%3E%3C/svg%3E");
}
/* 在线聊天 */
.iconfont.icon-im703{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 01-9 8.4 9 9 0 01-3.9-.9L3 21l1.9-5A8.4 8.4 0 0121 11.5z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 01-9 8.4 9 9 0 01-3.9-.9L3 21l1.9-5A8.4 8.4 0 0121 11.5z'/%3E%3C/svg%3E");
}
/* 电话 */
.iconfont.icon-phone703{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 01-2.2 2 19.8 19.8 0 01-8.6-3.1 19.5 19.5 0 01-6-6A19.8 19.8 0 012.1 4.2 2 2 0 014.1 2h3a2 2 0 012 1.7c.1 1 .4 1.9.7 2.8a2 2 0 01-.5 2.1L8.1 9.9a16 16 0 006 6l1.3-1.2a2 2 0 012.1-.5c.9.3 1.8.6 2.8.7a2 2 0 011.7 2z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 01-2.2 2 19.8 19.8 0 01-8.6-3.1 19.5 19.5 0 01-6-6A19.8 19.8 0 012.1 4.2 2 2 0 014.1 2h3a2 2 0 012 1.7c.1 1 .4 1.9.7 2.8a2 2 0 01-.5 2.1L8.1 9.9a16 16 0 006 6l1.3-1.2a2 2 0 012.1-.5c.9.3 1.8.6 2.8.7a2 2 0 011.7 2z'/%3E%3C/svg%3E");
}
/* 语言/地球 */
.iconfont.icon-yu703{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M2.5 12h19M12 2.5c2.5 2.6 3.8 6 3.8 9.5S14.5 18.9 12 21.5C9.5 18.9 8.2 15.5 8.2 12S9.5 5.1 12 2.5z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M2.5 12h19M12 2.5c2.5 2.6 3.8 6 3.8 9.5S14.5 18.9 12 21.5C9.5 18.9 8.2 15.5 8.2 12S9.5 5.1 12 2.5z'/%3E%3C/svg%3E");
}
/* 加号 */
.iconfont.icon-add703{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
}
/* 对勾 */
.iconfont.icon-dagou{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5.5 5.5L20 7'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5.5 5.5L20 7'/%3E%3C/svg%3E");
}
/* 搜索 / 关闭 / 下拉箭头（header.html 内联补丁已覆盖，这里保证其它页也正确） */
.iconfont.icon-sou703{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.6-4.6'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.6-4.6'/%3E%3C/svg%3E");
}
.iconfont.icon-close703{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
}
.iconfont.icon-down703{
  width:.66em; margin-left:6px; transition:transform .25s ease;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
.navigation .has-second:hover > a .iconfont.icon-down703{ transform:rotate(180deg); }

/* ============================================================
   ② 顶部菜单栏：深色玻璃吸顶导航
   ============================================================ */
.header_99703_101{
  position:sticky !important; top:0; z-index:9999;
  /* 用简写一次性替掉 top-bg.png（原图只覆盖上半部分，下方会露白条） */
  background:linear-gradient(180deg,rgba(9,14,28,.92),rgba(11,17,34,.86)) !important;
  -webkit-backdrop-filter:blur(18px) saturate(180%);
          backdrop-filter:blur(18px) saturate(180%);
  border-bottom:1px solid var(--dph-border);
  transition:background .3s ease, box-shadow .3s ease;
}
/* 底部霓虹渐变细线 */
.header_99703_101::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; z-index:3;
  background:linear-gradient(90deg,transparent,rgba(255,86,40,.85) 28%,rgba(34,211,238,.55) 62%,transparent);
  pointer-events:none;
}
/* 滚动后加深、加投影 */
@supports (animation-timeline: scroll()){
  .header_99703_101{
    animation:dphScrolled linear both;
    animation-timeline:scroll(root);
    animation-range:0 160px;
  }
  @keyframes dphScrolled{
    to{ background:linear-gradient(180deg,rgba(5,9,18,.97),rgba(8,13,26,.94)) !important;
        box-shadow:0 16px 40px -18px rgba(0,0,0,.9); }
  }
}
html{ scroll-padding-top:84px; }

/* ============================================================
   ★ 布局改为 flex —— 根治 "Request A Quote" 掉到第二行
   原布局：.wrap-rule 写死 width:1316px + padding-left:590px 给
   绝对定位的 logo/搜索条腾位置，导航再用 float 排。总宽是一串
   固定像素相加，只要窗口比这串和窄，float 就把最后一项换行。
   改成 flex + nowrap 后永不换行，空间不足时按下面的断点收缩。
   ============================================================ */
.header_99703_101 .wrap-rule{
  display:flex !important; align-items:center; gap:18px;
  width:auto !important; max-width:1316px; margin:0 auto;
  padding-left:16px !important; padding-right:16px !important;
  box-sizing:border-box;
}
/* DOM 顺序是 logo → navigation → header-right，原先搜索条靠
   position:absolute;left:300px 被强行摆到 logo 右边。改回文档流后
   必须用 order 把视觉顺序摆正：logo → 搜索条 → 导航(靠右) */
.header_99703_101 .logo{
  order:1; position:static !important; flex:0 0 auto;
  width:auto !important; height:auto !important;
  left:auto !important; top:auto !important;
}
.header_99703_101 .logo a{ display:flex; align-items:center; gap:8px; }
.header_99703_101 .logo img{ max-height:44px; width:auto; }
.header_99703_101 .header-right{
  order:2; position:static !important; flex:0 1 auto;
  left:auto !important; top:auto !important; margin:0 !important;
}
.header_99703_101 .navigation{ order:3; margin-left:auto; flex:0 0 auto; }
.header_99703_101 .navigation > ul{
  display:flex !important; align-items:center; flex-wrap:nowrap;
}
.header_99703_101 .navigation > ul > li{ float:none !important; flex:0 0 auto; }

/* ---------- 加高到 72px，更大气 ---------- */
.header_99703_101 .navigation li > a{ height:72px !important; line-height:72px !important; }

/* ---------- Logo：文字渐变 + 轻发光 ---------- */
.header_99703_101 .logo .text1{
  background:linear-gradient(135deg,#fff 30%,#ffb59e 70%,var(--dph-orange));
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
  letter-spacing:-.02em;
  filter:drop-shadow(0 2px 14px rgba(255,86,40,.35));
  transition:filter .3s ease;
}
.header_99703_101 .logo a:hover .text1{ filter:drop-shadow(0 2px 20px rgba(255,86,40,.7)); }

/* ---------- 导航项：霓虹下划线从中间展开 ---------- */
.header_99703_101 .navigation li > a{
  color:rgba(233,237,247,.88) !important;
  font-weight:600; letter-spacing:.01em;
  transition:color .25s ease;
}
.header_99703_101 .navigation li:hover > a,
.header_99703_101 .navigation li.active > a{ color:#fff !important; }
.header_99703_101 .navigation li > a::after{
  content:""; height:3px; border-radius:3px; bottom:0; left:0; width:100%;
  background:linear-gradient(90deg,var(--dph-orange),var(--dph-red)) !important;
  /* 注意：未激活时不能留 box-shadow —— scaleX(0) 宽度为 0，
     阴影仍会渲染成一道模糊竖线，看起来像杂散光点 */
  box-shadow:none;
  visibility:visible !important; opacity:0 !important;
  transform:scaleX(0); transform-origin:center;
  transition:transform .32s cubic-bezier(.2,.7,.2,1), opacity .2s ease;
}
.header_99703_101 .navigation li:hover > a::after,
.header_99703_101 .navigation li.active > a::after{
  transform:scaleX(1); opacity:1 !important;
  box-shadow:0 0 14px rgba(255,86,40,.85);
}
/* 下拉菜单内的链接不要下划线装饰 */
.header_99703_101 .navigation .sub-menu a::after{ display:none !important; }

/* ---------- Request A Quote：胶囊 CTA + 辉光 ----------
   原 common.css 给每个 li 设了 max-width:198px，减去 li 的 20px 内边距
   和按钮自身的左右 padding 后只剩 ~130px，"Request A Quote" 会折成两行、
   撑破 42px 的胶囊并把整行高度带歪。这里给 CTA 所在的 li 解除宽度上限。 */
.header_99703_101 .navigation > ul > li:last-child{
  max-width:none !important; padding-right:0 !important;
}
.header_99703_101 .navigation li a.request-quote{
  background:linear-gradient(135deg,var(--dph-orange),var(--dph-orange-2)) !important;
  color:#fff !important; border-radius:999px;
  height:44px !important; line-height:44px !important;
  /* 不能再留 margin-top：那是旧 float 布局用来手动居中的((72-44)/2)。
     现在父级 ul 是 flex + align-items:center，已经居中，margin 会二次下推。 */
  margin-top:0 !important; padding:0 26px !important;
  font-size:15px !important; font-weight:700 !important;
  letter-spacing:.03em; white-space:nowrap !important;
  box-shadow:0 10px 26px -10px rgba(255,86,40,.95);
  position:relative; overflow:hidden;
  transition:transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s ease, filter .28s ease;
}
.header_99703_101 .navigation li a.request-quote::after{ display:none !important; }
.header_99703_101 .navigation li a.request-quote::before{
  content:""; position:absolute; top:0; left:-120%; width:55%; height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);
  transform:skewX(-18deg); transition:left .6s ease;
}
.header_99703_101 .navigation li a.request-quote:hover{
  transform:translateY(-2px); filter:brightness(1.06);
  box-shadow:0 16px 34px -12px rgba(255,86,40,1);
}
.header_99703_101 .navigation li a.request-quote:hover::before{ left:130%; }

/* ---------- 搜索条：玻璃胶囊（与 CTA 同高，flex 对齐） ----------
   固定 255px：原来自然宽度 275px，右边缘距导航起点只有 ~15px，太挤 */
.header_99703_101 .header-right{
  display:flex !important; align-items:center; gap:10px;
  width:255px; box-sizing:border-box;
  background:rgba(255,255,255,.06) !important;
  border:1px solid var(--dph-border); border-radius:999px;
  height:44px !important; line-height:1 !important;
  top:14px !important; padding:0 18px; color:var(--dph-text-2) !important;
  font-size:14px !important; cursor:pointer;
  transition:background .25s ease, border-color .25s ease;
}
/* 文字占满，放大镜推到右端 */
.header_99703_101 .header-right > span{
  flex:1 1 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.header_99703_101 .header-right .language{ flex:0 0 auto; line-height:1; }
.header_99703_101 .header-right:hover{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,86,40,.45);
}
.header_99703_101 .header-right .icon-search{ color:var(--dph-orange); }

/* ---------- 下拉菜单：深色玻璃 ---------- */
.header_99703_101 .navigation li .sub-menu{
  background:rgba(10,16,32,.97) !important;
  -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  border:1px solid var(--dph-border); border-radius:14px;
  box-shadow:0 30px 70px -24px rgba(0,0,0,.9);
  overflow:hidden; padding:6px 0;
}
.header_99703_101 .navigation li .sub-menu a{
  color:#c9d4e8 !important; transition:color .2s ease, background .2s ease;
}
.header_99703_101 .navigation li .sub-menu a:hover{
  color:#fff !important; background:rgba(255,86,40,.12);
}
/* ---------- 产品大菜单：全宽下拉 ----------
   站点把 .products-menu 的 li 设成 position:initial(static)，好让大菜单
   跳过 li、相对更上层定位。但导航的 ul 带 position:relative，flex 化后
   ul 宽度收缩成内容宽(≈641px)，大菜单便以它为基准算 left:50%，整块偏左。
   把 ul 从定位链里摘掉 → 基准回到 .wrap-rule；普通下拉是相对各自 li
   (position:relative)定位的，不受这条影响。 */
.header_99703_101 .navigation > ul{ position:static !important; }
.header_99703_101 .navigation li.products-menu .sub-menu{
  left:0 !important; right:0 !important;
  width:auto !important; max-width:none !important; min-width:0 !important;
  transform:none !important;
  border-radius:0 0 16px 16px;
}
.header_99703_101 .navigation li .sub-menu .product-item{
  border-color:rgba(255,255,255,.07) !important;
  transition:background .25s ease;
}
.header_99703_101 .navigation li .sub-menu .product-item:hover{ background:rgba(255,255,255,.04); }
.header_99703_101 .navigation li .sub-menu .product-item::before{
  background-color:rgba(255,255,255,.08) !important;
}
.header_99703_101 .navigation li .sub-menu .categary-title{
  color:#c9d4e8 !important; font-weight:600;
}
.header_99703_101 .navigation li .sub-menu .product-item:hover .categary-title{
  color:var(--dph-orange) !important;
}
/* 产品缩略图在深色下加白色展台，避免白底图突兀 */
.header_99703_101 .navigation li .sub-menu .product-item .image-all{
  background:#fff; border-radius:10px; overflow:hidden;
}

/* ---------- 语言下拉 ---------- */
/* 原本 left:50% + margin-left:-65px 居中展开，靠近右边缘时会越界，
   而它是 visibility:hidden（仍占位）—— 会凭空撑出横向滚动条 */
.header_99703_101 .language-list{
  left:auto !important; right:0 !important; margin-left:0 !important;
}
.header_99703_101 .language-list{
  background:rgba(10,16,32,.97) !important;
  -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  border:1px solid var(--dph-border); border-radius:12px;
  box-shadow:0 24px 60px -20px rgba(0,0,0,.9); overflow:hidden;
}
.header_99703_101 .language-list li{ line-height:40px !important; height:40px !important; }
.header_99703_101 .language-list a{
  color:#c9d4e8 !important; transition:color .2s ease, background .2s ease;
  display:block;
}
.header_99703_101 .language-list a:hover{ color:#fff !important; background:rgba(255,86,40,.12); }

/* ---------- 搜索覆盖层表单：深色玻璃 ---------- */
.header_99703_101 .form{
  background:rgba(8,13,26,.97) !important;
  -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
}
.header_99703_101 .form input{
  background:transparent !important; color:var(--dph-text) !important;
  border:none !important; outline:none;
}
.header_99703_101 .form input::placeholder{ color:rgba(150,163,189,.7) !important; }
.header_99703_101 .form i{ color:var(--dph-text-2) !important; }
.header_99703_101 .form .close-btn:hover{ color:var(--dph-orange) !important; }

/* ============================================================
   ③ 窄屏收敛（1280×800 这类笔记本）
   header 的 .wrap-rule 是写死的 1316px（比其它区块的 1200px 还宽），
   导航总宽 ~1314px，在 1265px 可视宽度下 CTA 按钮会被裁掉右半边。
   这里只收紧内边距，不改结构，保证一行放得下。
   ============================================================ */
/* flex 下逐级收缩：先缩间距，再缩字号，最后让搜索条退场，
   保证导航 + CTA 在任何宽度下都完整留在一行 */
@media (max-width:1320px){
  .header_99703_101 .navigation li{ padding:0 13px !important; }
  .header_99703_101 .header-right{ width:220px; }
  .header_99703_101 .navigation li a.request-quote{
    padding:0 20px !important; font-size:14px !important;
  }
}
@media (max-width:1180px){
  .header_99703_101 .wrap-rule{ gap:12px; }
  .header_99703_101 .navigation li{ padding:0 10px !important; }
  .header_99703_101 .navigation li > a{ font-size:16px !important; }
  .header_99703_101 .header-right{ width:176px; }
  .header_99703_101 .logo .text1{ font-size:24px !important; }
}
@media (max-width:1060px){
  /* 搜索条退场，把宽度让给导航和 CTA */
  .header_99703_101 .header-right{ display:none !important; }
  .header_99703_101 .navigation li{ padding:0 9px !important; }
  .header_99703_101 .navigation li > a{ font-size:15px !important; }
  .header_99703_101 .logo .text1{ font-size:22px !important; }
  .header_99703_101 .navigation li a.request-quote{ padding:0 16px !important; }
}

/* 注：右侧浮动客服栏的 f-close 关闭图标是深色 PNG，其父链全透明，
   实际背景来自 body —— 首页深色需要翻白、内页白色不能翻白，
   因此该修复放在只对首页生效的 custom-tweaks.css 里，不在此处。 */

/* ---------- 无障碍：减少动效 ---------- */
@media (prefers-reduced-motion: reduce){
  .header_99703_101,.header_99703_101 *{ transition:none !important; animation:none !important; }
  .header_99703_101 .navigation li > a::after{ transform:scaleX(1); }
  .header_99703_101 .navigation li a.request-quote:hover{ transform:none !important; }
}