/* =========================================================
   CERTPI 页头样式"浮光"（只在 网站设置 → 页头 → 页头样式 选"浮光"时加载）
   在 header.css 的基础上改写：
   · 页面顶部：页头透明，叠在横幅上；背后有一层由深到透明的渐变，保证白字看得清；
   · 向下滚动：变成四周留空、四角圆角的白色浮条（略透明 + 毛玻璃）；
   · 页面顶部时鼠标移到页头上：整条变白，底部两角圆角，方便看下拉菜单；
   · 页头通栏，左右留 40px，Logo 靠左不贴边；
   · 下拉菜单是白色圆角卡片；下级 6 项以上的栏目排成两栏，菜单项可带一行说明。
   ========================================================= */
html{scroll-padding-top:96px}
.cp-hd--float{
  --hd-h:72px;
  --hd-bg:transparent;
  --hd-ink:rgba(255,255,255,.88);
  --hd-ink-strong:#fff;
  --hd-cur:#9dbbff;
  --hd-line:transparent;
  --hd-outline:rgba(255,255,255,.55);
  --hd-pill:rgba(255,255,255,.14);
  --dd-bg:#fff;
  --dd-hover:rgba(30,91,255,.08);
  position:fixed;top:0;left:0;right:0;
  background:transparent;border-bottom:0;border-radius:0;
  transition:top .3s ease,left .3s ease,right .3s ease,background-color .3s ease,box-shadow .3s ease,border-radius .3s ease,transform .28s ease;
}
.admin-bar .cp-hd--float{top:32px}
/* 顶部状态：背后一层渐变，保证浅色横幅上的白字也看得清 */
.cp-hd--float::before{content:"";position:absolute;left:0;right:0;top:0;height:150%;z-index:-1;pointer-events:none;background:linear-gradient(rgba(8,18,32,.62),rgba(8,18,32,.28) 60%,rgba(8,18,32,0));transition:opacity .3s ease}
.cp-hd--float .cp-hd-in{max-width:none;padding:0 40px;transition:height .3s ease,padding .3s ease}
.cp-hd--float .cp-nav>li>a{transition:height .3s ease,color .15s}
/* 页头浮在页面上、不占高度：全宽模板的首屏在顶部让出页头的位置（行内样式里的 padding 是 72–88px） */
.cp-hd-float #cpfa>.hero{padding-top:150px}
.cp-collapse .cp-hd-float #cpfa>.hero{padding-top:112px}

/* ---------- 白底状态（滚动后 / 鼠标在页头上 / 搜索或手机菜单展开） ---------- */
.cp-hd--float:is(.is-scrolled,.is-search,:hover,:focus-within),
.cp-nav-open .cp-hd--float{
  --hd-ink:var(--cp-heading);
  --hd-ink-strong:var(--cp-accent);
  --hd-cur:var(--cp-accent);
  --hd-line:rgba(13,27,42,.07);
  --hd-outline:rgba(13,27,42,.2);
  --hd-pill:rgba(30,91,255,.09);
  background:rgba(255,255,255,.93);
  -webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);
  box-shadow:0 14px 34px -18px rgba(13,27,42,.35);
}
.cp-hd--float:is(.is-scrolled,.is-search,:hover,:focus-within)::before,
.cp-nav-open .cp-hd--float::before{opacity:0}
/* 页面顶部时变白：通栏，底部两角圆角 */
.cp-hd--float:not(.is-scrolled):is(.is-search,:hover,:focus-within),
.cp-nav-open .cp-hd--float:not(.is-scrolled){border-radius:0 0 20px 20px}
/* 滚动后：四周留空的圆角浮条，稍矮 */
.cp-hd--float.is-scrolled{--hd-h:62px;top:10px;left:16px;right:16px;border-radius:16px;border:1px solid rgba(13,27,42,.06)}
.admin-bar .cp-hd--float.is-scrolled{top:42px}
.cp-hd--float.is-scrolled .cp-hd-in{padding:0 24px}

/* Logo：深色底用反白版，白底用彩色版 */
.cp-hd--float .cp-logo{position:relative}
.cp-hd--float .cp-logo-img{transition:opacity .25s ease}
.cp-hd--float .cp-logo-img--on-light{position:absolute;left:0;top:0;opacity:0}
.cp-hd--float:is(.is-scrolled,.is-search,:hover,:focus-within) .cp-logo-img--on-light,
.cp-nav-open .cp-hd--float .cp-logo-img--on-light{opacity:1}
.cp-hd--float:is(.is-scrolled,.is-search,:hover,:focus-within) .cp-logo-img--on-dark:not(:only-child),
.cp-nav-open .cp-hd--float .cp-logo-img--on-dark:not(:only-child){opacity:0}
.cp-hd--float:is(.is-scrolled,.is-search,:hover,:focus-within) .cp-logo-text{color:var(--cp-heading)}

/* 一级菜单：悬停是柔和的圆角底，文字变色；当前栏目是文字下方的细线 */
.cp-hd--float .cp-nav>li>a::before{top:auto;bottom:auto;height:36px;top:50%;margin-top:-18px;border-radius:999px}
.cp-hd--float .cp-nav>li:hover>a::before,.cp-hd--float .cp-nav>li:focus-within>a::before,.cp-hd--float .cp-nav>li.is-touch-open>a::before{background:var(--hd-pill)}
.cp-hd--float .cp-nav>li>a:hover::before,.cp-hd--float .cp-nav>li>a:focus-visible::before{background:var(--hd-pill)}
.cp-hd--float .cp-nav>li>a:hover,.cp-hd--float .cp-nav>li>a:focus-visible,
.cp-hd--float .cp-nav>li:hover>a,.cp-hd--float .cp-nav>li:focus-within>a{color:var(--hd-ink-strong)}
.cp-hd--float .cp-nav>li:is(.current-menu-item,.current-menu-ancestor,.current-menu-parent,.current-page-ancestor)>a:is(:hover,:focus-visible){color:var(--hd-cur)}
.cp-hd--float .cp-nav>li>a:is(:hover,:focus-visible)>.cp-nav-t::after{opacity:1}
.cp-hd--float .cp-nav>li>a>.cp-nav-t::after{bottom:-8px}

/* 下拉：白色圆角卡片，与页头之间留一点缝 */
.cp-hd--float .cp-nav .sub-menu{top:calc(100% + 4px);padding:10px;border-radius:14px;border:1px solid rgba(13,27,42,.07);background:#fff;box-shadow:0 24px 48px -22px rgba(13,27,42,.4)}
.cp-hd--float .cp-nav>li>.sub-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.cp-hd--float .cp-nav .sub-menu .sub-menu{top:-11px;left:calc(100% + 6px)}
.cp-hd--float .cp-nav .sub-menu .sub-menu::before{content:"";position:absolute;top:0;bottom:0;left:-8px;width:8px}
.cp-hd--float .cp-nav .sub-menu a{color:var(--cp-ink);border-radius:8px;padding:9px 14px}
.cp-hd--float .cp-nav .sub-menu li:hover>a,.cp-hd--float .cp-nav .sub-menu li:focus-within>a{background:rgba(13,27,42,.04);color:var(--cp-heading)}
.cp-hd--float .cp-nav .sub-menu li>a:hover,.cp-hd--float .cp-nav .sub-menu li>a:focus-visible{background:var(--dd-hover);color:var(--cp-accent);box-shadow:inset 3px 0 0 var(--cp-accent)}
.cp-hd--float .cp-nav .sub-menu .current-menu-item>a{color:var(--cp-accent);font-weight:600}
/* 下级 6 项以上：两栏大菜单；菜单项的说明显示在标题下方 */
html:not(.cp-collapse) .cp-hd--float .cp-nav>li>.sub-menu:has(>li:nth-child(6)){display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:2px 6px;min-width:540px}
/* 大菜单里的三级菜单：直接列在上级下方，不再向右弹出（否则会盖住第二栏） */
html:not(.cp-collapse) .cp-hd--float .cp-nav>li>.sub-menu:has(>li:nth-child(6)) .sub-menu{position:static;opacity:1;visibility:visible;transform:none;min-width:0;margin:0 0 4px;padding:0 0 0 14px;border:0;border-radius:0;background:none;box-shadow:none}
html:not(.cp-collapse) .cp-hd--float .cp-nav>li>.sub-menu:has(>li:nth-child(6)) .sub-menu::before{display:none}
html:not(.cp-collapse) .cp-hd--float .cp-nav>li>.sub-menu:has(>li:nth-child(6)) .sub-menu a{padding:5px 12px;font-size:13px;color:var(--cp-ink-2)}
html:not(.cp-collapse) .cp-hd--float .cp-nav>li>.sub-menu:has(>li:nth-child(6)) .menu-item-has-children>a::after{display:none}
.cp-nav-desc{display:block;margin-top:2px;font-size:12px;line-height:1.5;color:var(--cp-ink-muted);white-space:normal}
.cp-hd--float .cp-nav .sub-menu a:has(.cp-nav-desc){white-space:normal}
.cp-hd--float .cp-nav .sub-menu li>a:hover .cp-nav-desc{color:var(--cp-ink-2)}

/* 右侧：联系按钮、搜索、语言 */
.cp-hd--float .cp-contact{border-color:var(--hd-outline);color:#fff;border-radius:999px;padding:7px 16px}
.cp-hd--float .cp-contact:hover,.cp-hd--float .cp-contact:focus-visible{background:#fff;border-color:#fff;color:var(--cp-heading)}
.cp-hd--float:is(.is-scrolled,.is-search,:hover,:focus-within) .cp-contact,
.cp-nav-open .cp-hd--float .cp-contact{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-on-accent)}
.cp-hd--float:is(.is-scrolled,.is-search,:hover,:focus-within) .cp-contact:hover{background:var(--cp-accent-hover);border-color:var(--cp-accent-hover)}
.cp-hd--float .cp-ibtn,.cp-hd--float .cp-lang-btn{color:var(--hd-ink)}
.cp-hd--float .cp-ibtn:hover,.cp-hd--float .cp-ibtn[aria-expanded="true"],
.cp-hd--float .cp-lang-btn:hover,.cp-hd--float .cp-lang-btn[aria-expanded="true"]{background:var(--hd-pill);color:var(--hd-ink-strong)}
.cp-hd--float .cp-lang-menu{background:#fff;border:1px solid rgba(13,27,42,.07);border-radius:12px;box-shadow:0 24px 48px -22px rgba(13,27,42,.4)}
.cp-hd--float .cp-lang-menu a{color:var(--cp-ink);border-radius:8px}
.cp-hd--float .cp-lang-menu a:hover{background:var(--dd-hover);color:var(--cp-accent)}
.cp-hd--float .cp-lang-menu a[aria-current="true"]{color:var(--cp-accent);font-weight:600}

/* 搜索框：在白色页头里展开 */
.cp-hd--float .cp-search{background:transparent;border-top:1px solid var(--hd-line)}
.cp-hd--float .cp-search form{padding:12px 40px 16px}
.cp-hd--float.is-scrolled .cp-search form{padding:10px 24px 14px}
.cp-hd--float .cp-search input{background:#f3f6fb;border-color:rgba(13,27,42,.12);color:var(--cp-heading)}
.cp-hd--float .cp-search input::placeholder{color:var(--cp-ink-muted)}
.cp-hd--float .cp-search input:focus{background:#fff;border-color:var(--cp-accent)}

/* 1280–1439px：左右留空收一点，给菜单让位 */
@media (min-width:1280px) and (max-width:1439.98px){
  .cp-hd--float .cp-hd-in{padding:0 28px}
  .cp-hd--float.is-scrolled{left:12px;right:12px}
  .cp-hd--float.is-scrolled .cp-hd-in{padding:0 16px}
}

/* ---------- 收起模式（手机、平板，或菜单排不下时） ---------- */
.cp-collapse .cp-hd--float{--hd-h:60px}
.cp-collapse .cp-hd--float .cp-hd-in{padding:0 8px 0 18px}
.cp-collapse .cp-hd--float.is-scrolled{--hd-h:56px;top:8px;left:8px;right:8px;border-radius:14px}
.cp-collapse.admin-bar .cp-hd--float.is-scrolled,.cp-collapse .admin-bar .cp-hd--float.is-scrolled{top:54px}
.cp-collapse .cp-hd--float.is-scrolled .cp-hd-in{padding:0 4px 0 14px}
.cp-collapse .cp-hd--float .cp-nav-wrap{background:#fff;border-radius:0 0 16px 16px;box-shadow:0 24px 40px -24px rgba(13,27,42,.45)}
.cp-collapse .cp-hd--float .cp-nav>li{border-bottom-color:rgba(13,27,42,.08)}
.cp-collapse .cp-hd--float .cp-nav>li>a,.cp-collapse .cp-hd--float .cp-nav>li>a:hover{color:var(--cp-heading)}
.cp-collapse .cp-hd--float .cp-nav>li:is(.current-menu-item,.current-menu-ancestor,.current-menu-parent,.current-page-ancestor)>a{color:var(--cp-accent)}
.cp-collapse .cp-hd--float .cp-nav .sub-menu{display:none;border:0;box-shadow:none;background:none;padding:0 0 8px 12px;border-radius:0;min-width:0}
.cp-collapse .cp-hd--float .cp-nav li.is-open>.sub-menu{display:block}
.cp-collapse .cp-hd--float .cp-nav .sub-menu a{color:var(--cp-ink-2);box-shadow:none}
.cp-collapse .cp-hd--float .cp-nav .sub-menu li>a:hover,.cp-collapse .cp-hd--float .cp-nav .sub-menu li:hover>a{background:none;color:var(--cp-accent);box-shadow:none}
.cp-collapse .cp-hd--float .cp-nav .sub-menu .current-menu-item>a{color:var(--cp-accent)}
.cp-collapse .cp-hd--float .cp-sub-toggle{color:var(--cp-heading)}
.cp-collapse .cp-hd--float .cp-drawer-btn{border-color:rgba(13,27,42,.2);color:var(--cp-heading)}
.cp-collapse .cp-hd--float .cp-drawer-tel{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-on-accent)}
.cp-collapse .cp-hd--float .cp-drawer-foot .cp-lang-btn{border-color:rgba(13,27,42,.2);color:var(--cp-heading)}
.cp-collapse .cp-hd--float .cp-drawer-foot .cp-lang-menu{background:#f3f6fb;border:0;box-shadow:none}
.cp-collapse .cp-hd--float .cp-ibtn{color:var(--hd-ink-strong)}
.cp-collapse .cp-hd--float:is(.is-scrolled,.is-search) .cp-ibtn,.cp-collapse .cp-nav-open .cp-hd--float .cp-ibtn{color:var(--cp-heading)}
.cp-collapse .cp-hd--float .cp-search form{padding:10px 16px 14px}