/* ==========================================================================
   微云腾 v3 · 全站头部 v5（2026-10-26）
   - 单行：Logo 左 / 菜单中 / 语言 + 联系我们 右
   - 首页 body.home-hero：头部透明固定在轮播顶部，滚动后变白
   - 语言下拉：触发器与菜单之间加"隐形桥"，鼠标穿过不消失
   ========================================================================== */

.wyt-header{position:sticky;top:0;z-index:60;background:#fff}

/* ---------- 顶部信息条（内页显示，首页隐藏） ---------- */
.wyt-header .top_bg{background:var(--ocean);color:#cdd8e4;font-size:13px}
.wyt-header .top_bg .container{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px;flex-wrap:wrap}
.wyt-header .top_welcome{color:#cdd8e4;line-height:40px}
.wyt-header .top_lang{display:flex;align-items:center;gap:20px;float:none;height:auto;padding:0}
.wyt-header .top_lang a{color:#cdd8e4}
.wyt-header .top_lang a:hover{color:#fff}

/* ---------- 主导航（单行） ---------- */
.wyt-header .site-nav{position:relative;background:#fff;border-bottom:1px solid var(--line)}
.wyt-header .nav-inner{display:flex;align-items:center;height:74px;gap:18px;position:relative}
.wyt-header .logo{flex:0 0 auto;display:flex;align-items:center;margin:0}   /* 覆盖 style.css 里裸 .logo{margin:10px 0 0}，否则 logo 比导航低 5px */
.wyt-header .logo img{height:44px;width:auto;max-width:220px;object-fit:contain;display:block}

.wyt-header .menu{display:flex;align-items:center;gap:6px;margin:0 auto;padding:0;list-style:none}
.wyt-header .menu > li{position:relative}
.wyt-header .menu > li > a{
  display:inline-flex;align-items:center;height:74px;padding:0 14px;
  color:var(--sub);font-size:15px;font-weight:500;white-space:nowrap;
  transition:color .18s;
}
.wyt-header .menu > li > a:hover,
.wyt-header .menu > li.active > a{color:var(--brand)}
.wyt-header .menu > li > a::after{
  content:"";position:absolute;left:14px;right:14px;bottom:18px;height:2px;
  border-radius:2px;background:var(--brand);
  transform:scaleX(0);transform-origin:left;transition:transform .2s;
}
.wyt-header .menu > li:hover > a::after,
.wyt-header .menu > li.active > a::after{transform:scaleX(1)}

/* 二级下拉 */
.wyt-header .has-sub > a{display:inline-flex;align-items:center}
.wyt-header .caret{
  display:inline-block;width:9px;height:6px;margin-left:7px;
  background:currentColor;opacity:.62;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'%3E%3Cpath d='M1 1.2 4.5 4.7 8 1.2' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/9px 6px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'%3E%3Cpath d='M1 1.2 4.5 4.7 8 1.2' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/9px 6px no-repeat;
  transition:transform .2s ease,opacity .2s ease;
}
.wyt-header .has-sub:hover .caret{opacity:1;transform:rotate(180deg)}
.wyt-header .submenu{
  position:absolute;left:0;top:100%;min-width:190px;
  background:#fff;border:1px solid var(--line);border-radius:12px;
  box-shadow:0 18px 40px rgba(15,23,42,.14);
  padding:8px;margin:0;list-style:none;display:none;z-index:80;
}
.wyt-header .has-sub:hover .submenu{display:block}
.wyt-header .submenu a{display:block;padding:10px 14px;border-radius:8px;color:var(--sub);font-size:14px;white-space:nowrap}
.wyt-header .submenu a:hover{background:var(--soft);color:var(--brand)}

/* ---------- 右侧：语言 + 联系我们 ---------- */
.wyt-header .nav-right{display:flex;align-items:center;gap:14px;flex:0 0 auto;margin-left:auto}
.wyt-header .lang-switch{position:relative;display:inline-flex;align-items:center}
.wyt-header .lang-cur{
  display:inline-flex;align-items:center;gap:6px;
  height:34px;padding:0 14px;border:1px solid var(--line);border-radius:999px;
  color:var(--sub);font-size:13px;font-weight:500;white-space:nowrap;
  transition:border-color .18s,color .18s,background .18s;
}
.wyt-header .lang-cur:hover{border-color:var(--brand);color:var(--brand)}
.wyt-header .lang-menu{
  position:absolute;right:0;top:100%;margin-top:8px;
  min-width:120px;background:#fff;border:1px solid var(--line);
  border-radius:10px;box-shadow:0 14px 30px rgba(15,23,42,.14);
  padding:6px;display:none;z-index:80;
}
/* 隐形桥：覆盖触发器与菜单之间的 8px，鼠标穿过不丢失 hover */
.wyt-header .lang-menu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.wyt-header .lang-switch:hover .lang-menu{display:block}
.wyt-header .lang-menu a{display:block;padding:9px 12px;border-radius:7px;color:var(--ink);font-size:13px}
.wyt-header .lang-menu a:hover{background:var(--soft);color:var(--brand)}

.wyt-header .cta{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:40px;padding:0 20px;border:0;border-radius:999px;cursor:pointer;
  background:linear-gradient(135deg,var(--brand),var(--brand-d));
  color:#fff!important;font-size:14px;font-weight:700;white-space:nowrap;
  box-shadow:0 8px 20px rgba(46,167,220,.28);
  transition:transform .18s,box-shadow .18s,filter .18s;
}
.wyt-header .cta::after{content:"→";font-size:15px;line-height:1;transition:transform .18s}
.wyt-header .cta:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(46,167,220,.36);filter:brightness(1.03)}
.wyt-header .cta:hover::after{transform:translateX(3px)}

/* 移动端菜单按钮 */
.wyt-header .menu-toggle{
  display:none;margin-left:auto;width:44px;height:44px;
  border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;padding:0;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;
}
.wyt-header .menu-toggle span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}
.wyt-header .menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.wyt-header .menu-toggle.open span:nth-child(2){opacity:0}
.wyt-header .menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ==========================================================================
   首页：透明头部压在轮播上
   ========================================================================== */
body.home-hero .wyt-header{position:fixed;top:0;left:0;right:0;background:transparent}
body.home-hero .wyt-header .top_bg{display:none}
body.home-hero .wyt-header .site-nav{background:transparent;border-bottom:0}
body.home-hero .wyt-header .nav-inner{height:90px}
body.home-hero .wyt-header .logo img{height:48px}
body.home-hero .wyt-header .menu > li > a{color:rgba(255,255,255,.88)}
body.home-hero .wyt-header .menu > li > a:hover,
body.home-hero .wyt-header .menu > li.active > a{color:#fff}
body.home-hero .wyt-header .menu > li > a::after{background:#fff}
body.home-hero .wyt-header .caret{opacity:.8}
body.home-hero .wyt-header .lang-cur{background:transparent;border-color:rgba(255,255,255,.38);color:rgba(255,255,255,.9)}
body.home-hero .wyt-header .lang-cur:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6);color:#fff}
body.home-hero .wyt-header .cta{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.42);box-shadow:none}
body.home-hero .wyt-header .cta:hover{background:rgba(255,255,255,.26);box-shadow:none}

/* 滚动后变白（保持固定，内容可读） */
body.home-hero .wyt-header.scrolled{background:rgba(255,255,255,.98);box-shadow:0 2px 18px rgba(10,30,50,.08)}
body.home-hero .wyt-header.scrolled .nav-inner{height:74px}
body.home-hero .wyt-header.scrolled .logo img{height:44px}
body.home-hero .wyt-header.scrolled .menu > li > a{color:var(--sub)}
body.home-hero .wyt-header.scrolled .menu > li > a:hover,
body.home-hero .wyt-header.scrolled .menu > li.active > a{color:var(--brand)}
body.home-hero .wyt-header.scrolled .menu > li > a::after{background:var(--brand)}
body.home-hero .wyt-header.scrolled .caret{opacity:.62}
body.home-hero .wyt-header.scrolled .lang-cur{background:transparent;border-color:var(--line);color:var(--sub)}
body.home-hero .wyt-header.scrolled .cta{background:linear-gradient(135deg,var(--brand),var(--brand-d));border:0;color:#fff;box-shadow:0 8px 20px rgba(46,167,220,.28)}

/* 首页首屏：头部不占流，首屏从 0 开始 */
body.home-hero .semi-hero{min-height:100vh}
body.home-hero .semi-hero-inner{min-height:100vh;padding-top:120px}

/* ---------- 响应式 ---------- */
@media(max-width:1100px){
  .wyt-header .menu{gap:0;margin-left:8px}
  .wyt-header .menu > li > a{padding:0 10px;font-size:14px}
  .wyt-header .nav-right{gap:10px}
}
@media(max-width:880px){
  .wyt-header .nav-inner{height:64px}
  .wyt-header .logo img{height:38px}
  .wyt-header .menu-toggle{display:flex}
  .wyt-header .nav-right .cta{display:none}
  .wyt-header .menu{
    display:none;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:stretch;gap:0;
    margin:0;padding:8px 14px 14px;
    background:#fff;border-top:1px solid var(--line);
    box-shadow:0 20px 40px rgba(15,23,42,.12);z-index:90;
  }
  .wyt-header .menu.open{display:flex}
  .wyt-header .menu > li{width:100%}
  .wyt-header .menu > li > a{height:auto;padding:13px 8px;width:100%;color:var(--ink)}
  .wyt-header .menu > li > a::after{display:none}
  .wyt-header .submenu{position:static;display:block;box-shadow:none;border:0;padding:0 0 6px 16px;min-width:0}
  .wyt-header .nav-right{margin-left:auto}
  .wyt-header .nav-right .lang-switch{display:none}
  body.home-hero .wyt-header .nav-inner{height:64px}
  body.home-hero .wyt-header .logo img{height:38px}
  body.home-hero .wyt-header.scrolled .nav-inner{height:64px}
  body.home-hero .semi-hero-inner{min-height:100vh;padding-top:90px}
}


/* ============================================================
   v6 移动端修正（2026-10-26）
   ============================================================ */
@media(max-width:880px){
  /* 汉堡靠最右：隐藏空的 nav-right，避免和按钮抢 auto 边距 */
  .wyt-header .nav-right{display:none}
  /* 手机端隐藏顶部信息条（欢迎语/邮箱挤成两行） */
  .wyt-header .top_bg{display:none}
  .wyt-header .menu-toggle{
    display:flex;margin-left:auto;width:42px;height:42px;border-radius:12px;
    background:#fff;border:1px solid var(--line);flex:0 0 auto;
  }
  /* 首页透明态：玻璃按钮 + 白线 */
  body.home-hero .wyt-header .menu-toggle{
    background:transparent;border-color:transparent;
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  body.home-hero .wyt-header .menu-toggle span{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
  body.home-hero .wyt-header.scrolled .menu-toggle{background:#fff;border-color:var(--line)}
  body.home-hero .wyt-header.scrolled .menu-toggle span{background:var(--ink)}
  /* 展开菜单：主菜单文字必须回到深色（覆盖首页白字） */
  body.home-hero .wyt-header .menu > li > a,
  body.home-hero .wyt-header.scrolled .menu > li > a{color:var(--ink)}
  body.home-hero .wyt-header .menu > li > a:hover,
  body.home-hero .wyt-header.scrolled .menu > li > a:hover{color:var(--brand)}
  /* 二级菜单默认收起，点父级展开；触屏禁掉 :hover，避免点开后收不回 */
  .wyt-header .submenu{display:none;position:static;box-shadow:none;border:0;padding:0 0 8px 18px;min-width:0;border-radius:0}
  .wyt-header .has-sub:hover .submenu{display:none}
  .wyt-header .has-sub.open > .submenu{display:block}
  .wyt-header .has-sub.open > a .caret{transform:rotate(180deg)}
  /* 菜单面板：内容驱动高度，可滚动 */
  .wyt-header .menu{
    max-height:calc(100vh - 64px);overflow-y:auto;
    padding:6px 14px 14px;border-top:1px solid var(--line);
  }
  .wyt-header .menu > li{border-bottom:1px solid #F1F5F8}
  .wyt-header .menu > li:last-child{border-bottom:0}
  .wyt-header .menu > li > a{padding:14px 6px;font-size:15px}
  .wyt-header .submenu a{padding:11px 12px;font-size:13.5px}
}


/* ==========================================================================
   内页：栏目大图 + 标题叠加（2026-10-26）
   ========================================================================== */
a, a:hover, a:focus, a:active,
.article .body a, .article .body a:hover, .article .body a:focus { text-decoration: none; }

.page_bg{height:320px;position:relative;overflow:hidden}
.page_bg img{height:320px;object-fit:cover}
.page_bg::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,16,38,.05) 0%,rgba(3,16,38,.16) 42%,rgba(3,16,38,.76) 100%)}
body .bread{background:transparent;border-bottom:0;margin-top:-124px;position:relative;z-index:3}
body .bread .wrap{padding-top:20px;padding-bottom:26px;min-height:124px;box-sizing:border-box}
body .bread nav{font-size:12px;color:rgba(255,255,255,.75)}
body .bread nav a{color:rgba(255,255,255,.75)}
body .bread nav a:hover{color:#fff}
body .bread nav span.sep{color:rgba(255,255,255,.45)}
body .bread .title{color:#fff;font-size:32px;line-height:1.2;margin-top:6px;text-shadow:0 2px 16px rgba(0,0,0,.35)}
@media(max-width:880px){
  .page_bg{display:block;height:200px}
  .page_bg img{height:200px}
  body .bread{margin-top:-104px}
  body .bread .wrap{min-height:104px;padding-top:14px;padding-bottom:18px}
  body .bread .title{font-size:24px;margin-top:4px}
}


/* ==========================================================================
   顶部社媒图标（2026-10-26 #10）：紧跟导航、位于语言切换左侧
   ========================================================================== */
.wyt-header .nav-social{display:flex;align-items:center;gap:6px;margin:0 14px 0 0;flex:0 1 auto;flex-wrap:nowrap}
.wyt-header .nav-social a{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.86);background:rgba(255,255,255,.08);transition:background .18s,color .18s,transform .18s}
.wyt-header .nav-social svg{width:19px;height:19px;display:block}
/* 平台多了自动缩，不换行、不挤压 logo 与菜单 */
@media(max-width:1280px){
  .wyt-header .nav-social{gap:4px;margin-right:8px}
  .wyt-header .nav-social a{width:32px;height:32px}
  .wyt-header .nav-social svg{width:17px;height:17px}
}
/* 顶部「联系我们」按钮去掉（用户 2026-10-26 要求，改为只留社媒） */
.wyt-header .nav-right .cta{display:none!important}
.wyt-header .nav-social a:hover{background:rgba(255,255,255,.16);color:#fff}
body:not(.home-hero) .wyt-header .nav-social a{color:rgba(23,48,70,.55)}
body:not(.home-hero) .wyt-header .nav-social a:hover{background:rgba(46,167,220,.12);color:#1F8DBE}
@media(max-width:1100px){ .wyt-header .nav-social{display:none} }
body:not(.home-hero) .wyt-header .nav-social a{background:rgba(46,167,220,.10)}
body:not(.home-hero) .wyt-header .nav-social a:hover{background:rgba(46,167,220,.20)}


/* 栏目头图：视频模式（2026-10-26 #8） */
.page_bg .page_bg_video{display:block;width:100%;height:320px;object-fit:cover;background:#04101f}
@media(max-width:880px){ .page_bg .page_bg_video{height:200px} }