/* =========================================================
   SeekTik Global Navigation 2.2
   64px 固定顶栏 / 1120px 内容宽度 / 中间导航 / 右侧头像
   + 全站任务页按钮点击感统一
========================================================= */

/* 旧 Header / 旧首页导航统一隐藏 */
html body #masthead:not(#xkGlobalHeaderV21),
html body header.site-header:not(#xkGlobalHeaderV21),
html body #ast-desktop-header,
html body #ast-mobile-header,
html body .ast-mobile-header-wrap,
html body #xkTopNav,
html body .xk-topbar:has(.xk-menu),
html body .xk-nav-wrap:has(.xk-menu),
html body .xk-legacy-global-header{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* 旧首页导航曾经预留的高度取消 */
html body.home #xkAiHome20260519C{
  padding-top:0!important;
}

/* 固定 Header 后给内容预留恰好 64px，不再出现大块顶部空白 */
html body #page{
  padding-top:64px!important;
}

/* 管理员登录状态下 WordPress 自己会为 admin bar 处理 html 顶部偏移 */
#xkGlobalHeaderV21{
  --xk-header-h:64px;
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:var(--wp-admin--admin-bar--height,0px)!important;
  z-index:2147482900!important;
  width:100%!important;
  height:var(--xk-header-h)!important;
  min-height:var(--xk-header-h)!important;
  max-height:var(--xk-header-h)!important;
  margin:0!important;
  padding:0!important;
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid #e2e8f0!important;
  box-shadow:0 5px 18px rgba(15,23,42,.045)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif!important;
}

#xkGlobalHeaderV21,
#xkGlobalHeaderV21 *{
  box-sizing:border-box!important;
}

/*
 * 与首页 / 五中心的 --shell:1120px 对齐。
 * 不再使用上一版 1240px。
 */
#xkGlobalHeaderV21 .xk-global-header-inner{
  position:relative!important;
  width:min(1120px,calc(100% - 40px))!important;
  height:64px!important;
  min-height:64px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

/* Logo 左侧垂直居中 */
#xkGlobalHeaderV21 .xk-global-brand{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  height:64px!important;
  margin:0!important;
  padding:0!important;
  text-decoration:none!important;
}

#xkGlobalHeaderV21 .xk-global-logo-img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:142px!important;
  max-height:38px!important;
  object-fit:contain!important;
  margin:0!important;
}

#xkGlobalHeaderV21 .xk-global-logo-fallback{
  color:#172235!important;
  font-size:20px!important;
  font-weight:950!important;
}

/* 六个主入口严格以 1120px 容器中心线居中 */
#xkGlobalHeaderV21 .xk-global-desktop-nav{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}

#xkGlobalHeaderV21 .xk-global-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:0 11px!important;
  border:1px solid #e3e9f0!important;
  border-bottom-width:2px!important;
  border-radius:10px!important;
  color:#233147!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  box-shadow:0 2px 0 #e6ebf1,0 5px 10px rgba(15,23,42,.035)!important;
  transition:background .14s ease,color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease!important;
}

#xkGlobalHeaderV21 .xk-global-link:hover{
  transform:translateY(-1px)!important;
  border-color:#b8cae7!important;
  background:linear-gradient(180deg,#fff,#eef4ff)!important;
  color:#2563eb!important;
  box-shadow:0 3px 0 #d9e3f2,0 8px 14px rgba(37,99,235,.08)!important;
}

#xkGlobalHeaderV21 .xk-global-link:active{
  transform:translateY(1px)!important;
  box-shadow:none!important;
}

#xkGlobalHeaderV21 .xk-global-link.is-current{
  border-color:#b7cef7!important;
  background:#eef4ff!important;
  color:#2563eb!important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.04),0 2px 0 #c9daf7!important;
}

/* 个人中心：圆形人物头像，靠右并垂直居中 */
#xkGlobalHeaderV21 .xk-global-avatar{
  position:absolute!important;
  right:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #cad6e4!important;
  border-bottom-width:2px!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#fff,#f6f8fb)!important;
  color:#334155!important;
  text-decoration:none!important;
  box-shadow:0 2px 0 #dde5ee,0 5px 11px rgba(15,23,42,.06)!important;
  transition:transform .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease!important;
}

#xkGlobalHeaderV21 .xk-global-avatar svg{
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

#xkGlobalHeaderV21 .xk-global-avatar:hover{
  transform:translateY(calc(-50% - 1px))!important;
  border-color:#a9c2ea!important;
  background:#eef4ff!important;
  color:#2563eb!important;
  box-shadow:0 3px 0 #d6e1f1,0 8px 15px rgba(37,99,235,.10)!important;
}

#xkGlobalHeaderV21 .xk-global-avatar:active{
  transform:translateY(calc(-50% + 1px))!important;
  box-shadow:none!important;
}

#xkGlobalHeaderV21 .xk-global-avatar.is-current{
  border-color:#2563eb!important;
  background:#2563eb!important;
  color:#fff!important;
  box-shadow:0 2px 0 #1d4ed8,0 6px 13px rgba(37,99,235,.18)!important;
}

/* 手机导航 */
#xkGlobalHeaderV21 .xk-global-mobile-toggle{
  display:none!important;
  width:40px!important;
  height:40px!important;
  padding:0!important;
  border:1px solid #d8e1eb!important;
  border-bottom-width:2px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#fff,#f7f9fc)!important;
  cursor:pointer!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:4px!important;
  box-shadow:0 2px 0 #e4e9ef!important;
}

#xkGlobalHeaderV21 .xk-global-mobile-toggle span{
  display:block!important;
  width:18px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#334155!important;
}

#xkGlobalHeaderV21 .xk-global-mobile-panel{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:64px!important;
  border-top:1px solid #edf1f5!important;
  border-bottom:1px solid #e2e8f0!important;
  background:#fff!important;
  box-shadow:0 14px 26px rgba(15,23,42,.08)!important;
}

#xkGlobalHeaderV21 .xk-global-mobile-panel[hidden]{
  display:none!important;
}

#xkGlobalHeaderV21 .xk-global-mobile-panel nav{
  width:min(100% - 28px,680px)!important;
  margin:0 auto!important;
  padding:8px 0 14px!important;
  display:grid!important;
  gap:5px!important;
}

#xkGlobalHeaderV21 .xk-global-mobile-link{
  display:flex!important;
  align-items:center!important;
  min-height:44px!important;
  padding:0 12px!important;
  border:1px solid #e4e9ef!important;
  border-bottom-width:2px!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#172235!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:850!important;
  box-shadow:0 2px 0 #edf0f4!important;
}

#xkGlobalHeaderV21 .xk-global-mobile-link.is-current{
  border-color:#c5d8f8!important;
  background:#eef4ff!important;
  color:#2563eb!important;
}

#xkGlobalHeaderV21 .xk-global-mobile-personal{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:46px!important;
  margin-top:5px!important;
  border:1px solid #172235!important;
  border-bottom-width:2px!important;
  border-radius:10px!important;
  background:#172235!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:850!important;
}

#xkGlobalHeaderV21 .xk-mobile-avatar{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:25px!important;
  height:25px!important;
}

#xkGlobalHeaderV21 .xk-mobile-avatar svg{
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

@media(max-width:1120px) and (min-width:922px){
  #xkGlobalHeaderV21 .xk-global-header-inner{
    width:calc(100% - 28px)!important;
  }

  #xkGlobalHeaderV21 .xk-global-link{
    padding-left:7px!important;
    padding-right:7px!important;
    font-size:11.7px!important;
  }

  #xkGlobalHeaderV21 .xk-global-desktop-nav{
    gap:4px!important;
  }

  #xkGlobalHeaderV21 .xk-global-logo-img{
    max-width:124px!important;
  }
}

@media(max-width:921px){
  html body #page{
    padding-top:60px!important;
  }

  #xkGlobalHeaderV21{
    --xk-header-h:60px;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
  }

  #xkGlobalHeaderV21 .xk-global-header-inner{
    width:calc(100% - 28px)!important;
    height:60px!important;
    min-height:60px!important;
  }

  #xkGlobalHeaderV21 .xk-global-logo-img{
    max-width:128px!important;
    max-height:36px!important;
  }

  #xkGlobalHeaderV21 .xk-global-desktop-nav,
  #xkGlobalHeaderV21 .xk-global-avatar{
    display:none!important;
  }

  #xkGlobalHeaderV21 .xk-global-mobile-toggle{
    display:flex!important;
    margin-left:auto!important;
  }

  #xkGlobalHeaderV21 .xk-global-mobile-panel{
    top:60px!important;
  }
}

/* =========================================================
   全站任务页按钮点击感统一
   只增强按钮的“可点击感”，不改业务布局和功能。
========================================================= */

/* 首页 */
#xkHomeV15 .xk-outline-button,
#xkHomeV15 .xk-resource-direct-action,
#xkHomeV15 .xk-generate,
#xkHomeV15 .xkm-button,

/* 办公 */
#xkOfficeV59 .xk-action,
#xkOfficeV59 .xk-generate,
#xkOfficeV59 .xk-footer-btn,
#xkOfficeV59 .xk-office-modal-btn,

/* 内容创作 */
#xkContentV50 .xk-btn,
#xkContentV50 .xk-mini-action,
#xkContentV50 .xk-generate,
#xkContentV50 .xk-footer-btn,

/* 电商 */
#xkEcomV30 .xk-btn,
#xkEcomV30 .xk-action,
#xkEcomV30 .xk-modal-btn,

/* AI学习 */
#xkStudyV20 .xk-action,
#xkStudyV20 .xk-modal-btn,

/* 知识库 */
#xkKnowledgeV10 .xk-action,
#xkKnowledgeV10 .xk-modal-btn{
  position:relative!important;
  border-bottom-width:2px!important;
  box-shadow:0 2px 0 rgba(100,116,139,.16),0 6px 12px rgba(15,23,42,.05)!important;
  transition:
    transform .14s ease,
    box-shadow .14s ease,
    border-color .14s ease,
    background .14s ease!important;
}

#xkHomeV15 .xk-outline-button:hover,
#xkHomeV15 .xk-resource-direct-action:hover,
#xkHomeV15 .xk-generate:hover,
#xkHomeV15 .xkm-button:hover,
#xkOfficeV59 .xk-action:hover,
#xkOfficeV59 .xk-generate:hover,
#xkOfficeV59 .xk-footer-btn:hover,
#xkOfficeV59 .xk-office-modal-btn:hover,
#xkContentV50 .xk-btn:hover,
#xkContentV50 .xk-mini-action:hover,
#xkContentV50 .xk-generate:hover,
#xkContentV50 .xk-footer-btn:hover,
#xkEcomV30 .xk-btn:hover,
#xkEcomV30 .xk-action:hover,
#xkEcomV30 .xk-modal-btn:hover,
#xkStudyV20 .xk-action:hover,
#xkStudyV20 .xk-modal-btn:hover,
#xkKnowledgeV10 .xk-action:hover,
#xkKnowledgeV10 .xk-modal-btn:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 3px 0 rgba(100,116,139,.18),0 9px 16px rgba(15,23,42,.075)!important;
}

#xkHomeV15 .xk-outline-button:active,
#xkHomeV15 .xk-resource-direct-action:active,
#xkHomeV15 .xk-generate:active,
#xkHomeV15 .xkm-button:active,
#xkOfficeV59 .xk-action:active,
#xkOfficeV59 .xk-generate:active,
#xkOfficeV59 .xk-footer-btn:active,
#xkOfficeV59 .xk-office-modal-btn:active,
#xkContentV50 .xk-btn:active,
#xkContentV50 .xk-mini-action:active,
#xkContentV50 .xk-generate:active,
#xkContentV50 .xk-footer-btn:active,
#xkEcomV30 .xk-btn:active,
#xkEcomV30 .xk-action:active,
#xkEcomV30 .xk-modal-btn:active,
#xkStudyV20 .xk-action:active,
#xkStudyV20 .xk-modal-btn:active,
#xkKnowledgeV10 .xk-action:active,
#xkKnowledgeV10 .xk-modal-btn:active{
  transform:translateY(1px)!important;
  box-shadow:none!important;
}

/*
 * 页面里的导航型小按钮也不再只像文字：
 * 保留浅色，不和主操作抢层级。
 */
#xkOfficeV59 .xk-nav-btn,
#xkContentV50 .xk-nav-btn,
#xkEcomV30 .xk-nav-btn,
#xkStudyV20 .xk-nav-btn,
#xkKnowledgeV10 .xk-nav-btn{
  border:1px solid #dce4ed!important;
  border-bottom-width:2px!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#fff,#f7f9fc)!important;
  box-shadow:0 2px 0 #e8edf3!important;
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}

#xkOfficeV59 .xk-nav-btn:hover,
#xkContentV50 .xk-nav-btn:hover,
#xkEcomV30 .xk-nav-btn:hover,
#xkStudyV20 .xk-nav-btn:hover,
#xkKnowledgeV10 .xk-nav-btn:hover{
  transform:translateY(-1px)!important;
  border-color:#b9c9df!important;
  box-shadow:0 3px 0 #dfe6ee,0 7px 12px rgba(15,23,42,.05)!important;
}

#xkOfficeV59 .xk-nav-btn:active,
#xkContentV50 .xk-nav-btn:active,
#xkEcomV30 .xk-nav-btn:active,
#xkStudyV20 .xk-nav-btn:active,
#xkKnowledgeV10 .xk-nav-btn:active{
  transform:translateY(1px)!important;
  box-shadow:none!important;
}


/* =========================================================
   SeekTik Global Navigation 2.3
   导航更舒展 + 首页首屏顶部留白修复
========================================================= */

/* 1) 导航高度由 64px 提升到 76px，更有品牌 Header 的体量感 */
#xkGlobalHeaderV21{
  --xk-header-h:76px!important;
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
}

#xkGlobalHeaderV21 .xk-global-header-inner{
  width:min(1120px,calc(100% - 40px))!important;
  height:76px!important;
  min-height:76px!important;
}

/* Logo / 头像同步略增，但保持克制 */
#xkGlobalHeaderV21 .xk-global-brand{
  height:76px!important;
}

#xkGlobalHeaderV21 .xk-global-logo-img{
  max-width:150px!important;
  max-height:42px!important;
}

#xkGlobalHeaderV21 .xk-global-avatar{
  width:42px!important;
  height:42px!important;
}

#xkGlobalHeaderV21 .xk-global-avatar svg{
  width:22px!important;
  height:22px!important;
}

/* 主导航按钮略增高度，与 76px Header 更匹配 */
#xkGlobalHeaderV21 .xk-global-link{
  min-height:39px!important;
  padding-left:12px!important;
  padding-right:12px!important;
}

/* fixed Header 只预留自身高度，不再叠加额外空白 */
html body #page{
  padding-top:76px!important;
  margin-top:0!important;
}

/*
 * 2) 首页当前的大块空白来自 Astra/旧首页样式仍给内容容器留了顶部空间。
 * 首页已经是完整自定义页面，因此这些 WordPress 容器顶部留白全部归零。
 */
html body.home #content,
html body.home .site-content,
html body.home #primary,
html body.home .content-area,
html body.home .site-main,
html body.home article.ast-article-single,
html body.home .ast-article-single,
html body.home .entry-content,
html body.home .wp-block-html,
html body.home #main{
  margin-top:0!important;
  padding-top:0!important;
}

/* Astra separate-container 可能把正文整体向下推，再补一层覆盖 */
html body.home.ast-separate-container #primary,
html body.home.ast-separate-container .site-main,
html body.home.ast-separate-container .ast-article-single{
  margin-top:0!important;
  padding-top:0!important;
}

/*
 * 首页 Hero 自身原来还有 66px 顶部内边距。
 * Header 已经有 76px 体量后，将首屏内部顶部节奏收紧到 42px，
 * 避免 Header 下方再次出现一段“空层”。
 */
html body.home #xkHomeV15 .xk-hero{
  padding-top:42px!important;
}

/*
 * 如果旧额外 CSS 对首页主内容设置了 transform / top / margin，
 * 统一归零，防止再次产生 100px+ 的空白。
 */
html body.home #xkHomeV15{
  margin-top:0!important;
  top:auto!important;
  transform:none!important;
}

/* 手机端保持 64px，避免屏幕过小 */
@media(max-width:921px){
  html body #page{
    padding-top:64px!important;
  }

  #xkGlobalHeaderV21{
    --xk-header-h:64px!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
  }

  #xkGlobalHeaderV21 .xk-global-header-inner{
    height:64px!important;
    min-height:64px!important;
  }

  #xkGlobalHeaderV21 .xk-global-mobile-panel{
    top:64px!important;
  }

  html body.home #xkHomeV15 .xk-hero{
    padding-top:34px!important;
  }
}


/* =========================================================
   SeekTik Global Navigation 2.4
   更大气的 88px 品牌顶栏 + 简约文字型主导航
========================================================= */

/* 桌面 Header 体量增加：76px → 88px */
#xkGlobalHeaderV21{
  --xk-header-h:88px!important;
  height:88px!important;
  min-height:88px!important;
  max-height:88px!important;
}

#xkGlobalHeaderV21 .xk-global-header-inner{
  width:min(1120px,calc(100% - 40px))!important;
  height:88px!important;
  min-height:88px!important;
}

/* 页面只为 fixed Header 预留对应高度 */
html body #page{
  padding-top:88px!important;
}

/* Logo 稍微放大，增强品牌存在感 */
#xkGlobalHeaderV21 .xk-global-brand{
  height:88px!important;
}

#xkGlobalHeaderV21 .xk-global-logo-img{
  max-width:158px!important;
  max-height:46px!important;
}

/*
 * 主导航改为“简约文字型大按钮”：
 * - 去掉每个入口的小卡片框感
 * - 加大点击区域和文字
 * - 用间距和 active 状态区分层级
 */
#xkGlobalHeaderV21 .xk-global-desktop-nav{
  gap:18px!important;
}

#xkGlobalHeaderV21 .xk-global-link{
  min-height:44px!important;
  padding:0 4px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:#263449!important;
  font-size:14.5px!important;
  font-weight:760!important;
  letter-spacing:.01em!important;
  box-shadow:none!important;
}

#xkGlobalHeaderV21 .xk-global-link:hover{
  transform:none!important;
  background:transparent!important;
  border-bottom-color:#b9ccef!important;
  color:#2563eb!important;
  box-shadow:none!important;
}

#xkGlobalHeaderV21 .xk-global-link:active{
  transform:translateY(1px)!important;
  box-shadow:none!important;
}

/* 当前页面只做克制的浅蓝文字 + 下划线，不再做小胶囊 */
#xkGlobalHeaderV21 .xk-global-link.is-current{
  border:0!important;
  border-bottom:2px solid #2563eb!important;
  border-radius:0!important;
  background:transparent!important;
  color:#2563eb!important;
  box-shadow:none!important;
}

/* 右侧头像同步加大，但保持极简 */
#xkGlobalHeaderV21 .xk-global-avatar{
  width:46px!important;
  height:46px!important;
  border:1px solid #d3dce8!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#334155!important;
  box-shadow:0 5px 14px rgba(15,23,42,.07)!important;
}

#xkGlobalHeaderV21 .xk-global-avatar svg{
  width:23px!important;
  height:23px!important;
}

#xkGlobalHeaderV21 .xk-global-avatar:hover{
  transform:translateY(calc(-50% - 1px))!important;
  border-color:#a8bee3!important;
  background:#f7faff!important;
  color:#2563eb!important;
  box-shadow:0 7px 18px rgba(37,99,235,.11)!important;
}

#xkGlobalHeaderV21 .xk-global-avatar.is-current{
  border-color:#2563eb!important;
  background:#2563eb!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(37,99,235,.17)!important;
}

/*
 * Header 变高后，首屏内部顶部继续收紧，
 * 防止视觉上又出现“导航下面空一大截”。
 */
html body.home #xkHomeV15 .xk-hero{
  padding-top:32px!important;
}

/* 中等桌面保持大气，但收一点间距避免挤 */
@media(max-width:1180px) and (min-width:922px){
  #xkGlobalHeaderV21 .xk-global-desktop-nav{
    gap:12px!important;
  }

  #xkGlobalHeaderV21 .xk-global-link{
    font-size:13px!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }

  #xkGlobalHeaderV21 .xk-global-logo-img{
    max-width:142px!important;
  }
}

/* 手机端仍保持 64px，不盲目放大 */
@media(max-width:921px){
  html body #page{
    padding-top:64px!important;
  }

  #xkGlobalHeaderV21{
    --xk-header-h:64px!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
  }

  #xkGlobalHeaderV21 .xk-global-header-inner{
    height:64px!important;
    min-height:64px!important;
  }

  #xkGlobalHeaderV21 .xk-global-brand{
    height:64px!important;
  }

  #xkGlobalHeaderV21 .xk-global-mobile-panel{
    top:64px!important;
  }

  html body.home #xkHomeV15 .xk-hero{
    padding-top:30px!important;
  }
}


/* =========================================================
   SeekTik Global Navigation 2.5
   五个任务中心：悬浮导航统一为“简约大方 + 颜色反馈”
========================================================= */

/* ---------------------------------------------------------
   0. 每个中心的默认导航色
--------------------------------------------------------- */
#xkOfficeV59{--xk-side-accent:#2864f0}
#xkContentV50{--xk-side-accent:#7359d3}
#xkEcomV30{--xk-side-accent:#e96818}
#xkStudyV20{--xk-side-accent:#16845f}
#xkKnowledgeV10{--xk-side-accent:#315fd0}

/* 办公：为每个任务补充独立反馈色 */
#xkOfficeV59 .xk-nav-btn[data-nav="task-summary"]{--nav-color:#2864f0}
#xkOfficeV59 .xk-nav-btn[data-nav="task-meeting"]{--nav-color:#1689a8}
#xkOfficeV59 .xk-nav-btn[data-nav="task-ppt"]{--nav-color:#7359d3}
#xkOfficeV59 .xk-nav-btn[data-nav="task-doc"]{--nav-color:#16835f}
#xkOfficeV59 .xk-nav-btn[data-nav="task-sheet"]{--nav-color:#b97722}
#xkOfficeV59 .xk-nav-btn[data-nav="task-proposal"]{--nav-color:#b45375}
#xkOfficeV59 .xk-nav-btn[data-nav="task-review"]{--nav-color:#5665ad}
#xkOfficeV59 .xk-nav-btn[data-nav="task-email"]{--nav-color:#147b78}

/* 内容创作：为每个任务补充独立反馈色 */
#xkContentV50 .xk-nav-btn[data-nav="content-plan"]{--nav-color:#2864f0}
#xkContentV50 .xk-nav-btn[data-nav="content-graphic"]{--nav-color:#c34f87}
#xkContentV50 .xk-nav-btn[data-nav="content-longform"]{--nav-color:#7359d3}
#xkContentV50 .xk-nav-btn[data-nav="content-video"]{--nav-color:#1689a8}
#xkContentV50 .xk-nav-btn[data-nav="content-drama"]{--nav-color:#b45375}
#xkContentV50 .xk-nav-btn[data-nav="content-live"]{--nav-color:#b97722}
#xkContentV50 .xk-nav-btn[data-nav="content-review"]{--nav-color:#16835f}
#xkContentV50 .xk-nav-btn[data-nav="content-training"]{--nav-color:#5665ad}

/* ---------------------------------------------------------
   1. 悬浮导航容器：去掉“小按钮盒子堆叠”的感觉
--------------------------------------------------------- */
#xkOfficeV59 .xk-task-nav,
#xkContentV50 .xk-task-nav,
#xkEcomV30 .xk-nav,
#xkStudyV20 .xk-nav,
#xkKnowledgeV10 .xk-nav{
  width:198px!important;
  padding:12px 10px!important;
  border:1px solid #e0e7ef!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.085)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

/* 标题区简洁化 */
#xkOfficeV59 .xk-task-nav-head,
#xkContentV50 .xk-task-nav-head,
#xkEcomV30 .xk-nav-head,
#xkStudyV20 .xk-nav-head,
#xkKnowledgeV10 .xk-nav-head{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:34px!important;
  margin:0 2px 7px!important;
  padding:0 8px 8px!important;
  border-bottom:1px solid #edf1f5!important;
  color:#34445a!important;
  font-size:13.5px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
}

/* 标题前的小圆点保留为本中心主题色 */
#xkOfficeV59 .xk-task-nav-head i,
#xkContentV50 .xk-task-nav-head i,
#xkEcomV30 .xk-nav-head i,
#xkStudyV20 .xk-nav-head i,
#xkKnowledgeV10 .xk-nav-head i{
  width:6px!important;
  height:6px!important;
  flex:0 0 6px!important;
  border-radius:50%!important;
  background:var(--xk-side-accent)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--xk-side-accent) 9%,transparent)!important;
}

/* ---------------------------------------------------------
   2. 普通按钮：不再一格一格画框
--------------------------------------------------------- */
#xkOfficeV59 .xk-nav-btn,
#xkContentV50 .xk-nav-btn,
#xkEcomV30 .xk-nav-btn,
#xkStudyV20 .xk-nav-btn,
#xkKnowledgeV10 .xk-nav-btn{
  position:relative!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  align-items:center!important;
  width:100%!important;
  min-height:42px!important;
  margin:1px 0!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#526177!important;
  box-shadow:none!important;
  outline:none!important;
  text-align:left!important;
  font-size:13.5px!important;
  font-weight:720!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  transform:none!important;
  transition:
    background .15s ease,
    color .15s ease,
    transform .15s ease!important;
}

/* 文字永远继承按钮颜色，修复选中后“文字消失” */
#xkOfficeV59 .xk-nav-btn span:not(.n),
#xkContentV50 .xk-nav-btn span:not(.n),
#xkEcomV30 .xk-nav-btn span:not(.n),
#xkStudyV20 .xk-nav-btn span:not(.n),
#xkKnowledgeV10 .xk-nav-btn span:not(.n),
#xkOfficeV59 .xk-nav-btn .t,
#xkContentV50 .xk-nav-btn .t{
  color:inherit!important;
  opacity:1!important;
  visibility:visible!important;
}

/* 序号更安静，不抢标题 */
#xkOfficeV59 .xk-nav-btn .n,
#xkContentV50 .xk-nav-btn .n,
#xkEcomV30 .xk-nav-btn .n,
#xkStudyV20 .xk-nav-btn .n,
#xkKnowledgeV10 .xk-nav-btn .n{
  color:#a1adbd!important;
  font-size:10.5px!important;
  font-weight:850!important;
  letter-spacing:.04em!important;
}

/* Hover：轻颜色反馈，不位移、不加大阴影 */
#xkOfficeV59 .xk-nav-btn:hover,
#xkContentV50 .xk-nav-btn:hover,
#xkEcomV30 .xk-nav-btn:hover,
#xkStudyV20 .xk-nav-btn:hover,
#xkKnowledgeV10 .xk-nav-btn:hover{
  background:color-mix(
    in srgb,
    var(--nav-color,var(--xk-side-accent)) 7%,
    white
  )!important;
  color:var(--nav-color,var(--xk-side-accent))!important;
  box-shadow:none!important;
  transform:none!important;
}

/* ---------------------------------------------------------
   3. 当前选中：浅色背景 + 左侧颜色条 + 同色文字
   不再使用“整块纯色 + 白字 + ✓”
--------------------------------------------------------- */
#xkOfficeV59 .xk-nav-btn.is-current,
#xkContentV50 .xk-nav-btn.is-current,
#xkEcomV30 .xk-nav-btn.is-current,
#xkStudyV20 .xk-nav-btn.is-current,
#xkKnowledgeV10 .xk-nav-btn.is-current,
#xkOfficeV59 .xk-nav-btn.is-current:hover,
#xkContentV50 .xk-nav-btn.is-current:hover,
#xkEcomV30 .xk-nav-btn.is-current:hover,
#xkStudyV20 .xk-nav-btn.is-current:hover,
#xkKnowledgeV10 .xk-nav-btn.is-current:hover,
#xkContentV50 .xk-nav-btn.is-current:focus{
  background:color-mix(
    in srgb,
    var(--nav-color,var(--xk-side-accent)) 10%,
    white
  )!important;
  color:var(--nav-color,var(--xk-side-accent))!important;
  box-shadow:
    inset 3px 0 0 var(--nav-color,var(--xk-side-accent))!important;
  transform:none!important;
  outline:none!important;
}

/* 当前项序号也用同一颜色，但弱一级 */
#xkOfficeV59 .xk-nav-btn.is-current .n,
#xkContentV50 .xk-nav-btn.is-current .n,
#xkEcomV30 .xk-nav-btn.is-current .n,
#xkStudyV20 .xk-nav-btn.is-current .n,
#xkKnowledgeV10 .xk-nav-btn.is-current .n{
  color:var(--nav-color,var(--xk-side-accent))!important;
  opacity:.72!important;
}

/* 删除旧的 ✓ */
#xkOfficeV59 .xk-nav-btn.is-current::after,
#xkContentV50 .xk-nav-btn.is-current::after,
#xkEcomV30 .xk-nav-btn.is-current::after,
#xkStudyV20 .xk-nav-btn.is-current::after,
#xkKnowledgeV10 .xk-nav-btn.is-current::after{
  content:none!important;
  display:none!important;
}

/* Focus：键盘操作仍然清楚 */
#xkOfficeV59 .xk-nav-btn:focus-visible,
#xkContentV50 .xk-nav-btn:focus-visible,
#xkEcomV30 .xk-nav-btn:focus-visible,
#xkStudyV20 .xk-nav-btn:focus-visible,
#xkKnowledgeV10 .xk-nav-btn:focus-visible{
  outline:2px solid color-mix(
    in srgb,
    var(--nav-color,var(--xk-side-accent)) 22%,
    transparent
  )!important;
  outline-offset:1px!important;
}

/* ---------------------------------------------------------
   4. 办公页无 JS 的 :target 兜底也改成同一套大气样式
--------------------------------------------------------- */
#xkOfficeV59:not(.xk-js-tracking):not(:has(.xk-anchor:target)) .xk-nav-btn[data-nav="task-summary"],
#xkOfficeV59:not(.xk-js-tracking):has(#anchor-task-summary:target) .xk-nav-btn[data-nav="task-summary"],
#xkOfficeV59:not(.xk-js-tracking):has(#anchor-task-meeting:target) .xk-nav-btn[data-nav="task-meeting"],
#xkOfficeV59:not(.xk-js-tracking):has(#anchor-task-ppt:target) .xk-nav-btn[data-nav="task-ppt"],
#xkOfficeV59:not(.xk-js-tracking):has(#anchor-task-doc:target) .xk-nav-btn[data-nav="task-doc"],
#xkOfficeV59:not(.xk-js-tracking):has(#anchor-task-sheet:target) .xk-nav-btn[data-nav="task-sheet"],
#xkOfficeV59:not(.xk-js-tracking):has(#anchor-task-proposal:target) .xk-nav-btn[data-nav="task-proposal"],
#xkOfficeV59:not(.xk-js-tracking):has(#anchor-task-review:target) .xk-nav-btn[data-nav="task-review"],
#xkOfficeV59:not(.xk-js-tracking):has(#anchor-task-email:target) .xk-nav-btn[data-nav="task-email"]{
  background:color-mix(
    in srgb,
    var(--nav-color,var(--xk-side-accent)) 10%,
    white
  )!important;
  color:var(--nav-color,var(--xk-side-accent))!important;
  box-shadow:
    inset 3px 0 0 var(--nav-color,var(--xk-side-accent))!important;
  transform:none!important;
}

/* ---------------------------------------------------------
   5. 平板 / 手机：横向 sticky 导航也改成同一套逻辑
   新全站 Header 桌面 88px，手机 64px。
--------------------------------------------------------- */
@media(max-width:1180px){
  #xkOfficeV59 .xk-task-nav,
  #xkContentV50 .xk-task-nav,
  #xkEcomV30 .xk-nav,
  #xkStudyV20 .xk-nav,
  #xkKnowledgeV10 .xk-nav{
    top:88px!important;
    width:100%!important;
    padding:8px 12px!important;
    border-width:1px 0!important;
    border-radius:0!important;
    box-shadow:0 7px 18px rgba(15,23,42,.055)!important;
  }

  #xkOfficeV59 .xk-nav-btn,
  #xkContentV50 .xk-nav-btn,
  #xkEcomV30 .xk-nav-btn,
  #xkStudyV20 .xk-nav-btn,
  #xkKnowledgeV10 .xk-nav-btn{
    grid-template-columns:auto auto!important;
    gap:6px!important;
    width:auto!important;
    min-height:38px!important;
    padding:0 11px!important;
  }

  #xkOfficeV59 .xk-nav-btn.is-current,
  #xkContentV50 .xk-nav-btn.is-current,
  #xkEcomV30 .xk-nav-btn.is-current,
  #xkStudyV20 .xk-nav-btn.is-current,
  #xkKnowledgeV10 .xk-nav-btn.is-current{
    box-shadow:
      inset 0 -2px 0 var(--nav-color,var(--xk-side-accent))!important;
  }
}

@media(max-width:921px){
  #xkOfficeV59 .xk-task-nav,
  #xkContentV50 .xk-task-nav,
  #xkEcomV30 .xk-nav,
  #xkStudyV20 .xk-nav,
  #xkKnowledgeV10 .xk-nav{
    top:64px!important;
  }
}


/* =========================================================
   SeekTik Global Navigation 2.7
   移动端顶部留白根治版
   ---------------------------------------------------------
   根因：移动端 Header 已经显示 64px，但旧规则同时给 #page
   再加 64px padding-top，于是 Header 下方始终多出第二段空白。

   修复策略：
   - 桌面继续 fixed + #page 88px 占位
   - 手机改为 sticky（进入正常文档流）
   - 手机 #page 不再额外 padding-top
   这样 Header 本身占据 64px，页面首屏会自然紧贴 Header 下方，
   同时下滑时 Header 仍会粘在顶部。
========================================================= */
@media(max-width:921px){
  html body #xkGlobalHeaderV21{
    position:sticky!important;
    top:0!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    margin:0!important;
  }

  html body #page{
    padding-top:0!important;
    margin-top:0!important;
  }

  /* 不再人为给页面内容增加 Header 补偿空间 */
  html body.page #content,
  html body.page .site-content,
  html body.page #primary,
  html body.page .content-area,
  html body.page .site-main,
  html body.page article.ast-article-single,
  html body.page .ast-article-single,
  html body.page .entry-content,
  html body.page .wp-block-html,
  html body.page #main{
    margin-top:0!important;
  }

  /* 手机菜单仍然从 Header 下沿展开 */
  #xkGlobalHeaderV21 .xk-global-mobile-panel{
    top:64px!important;
  }
}

/* =========================================================
   SeekTik Global Navigation 2.8
   移动端重复 Header 根治
   ---------------------------------------------------------
   2.7 后实机仍出现两个 Logo + 汉堡按钮，说明第二个 Header
   并非单纯由旧 padding 造成，而是 Astra / 旧导航节点仍在 DOM 中。
   本版采用 CSS + JS 双保险：
   - CSS 继续隐藏所有已知 Astra Header 容器
   - JS 对可见的顶部主题 Header 直接写入 inline !important 隐藏
   - 只保留 #xkGlobalHeaderV21
========================================================= */
html body #masthead,
html body .site-header,
html body header.site-header,
html body #ast-mobile-header,
html body #ast-desktop-header,
html body .ast-mobile-header-wrap,
html body .ast-primary-header-bar,
html body .main-header-bar-wrap,
html body .ast-below-header-wrap,
html body .ast-above-header-wrap{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* 我们自己的 Header 必须恢复显示，避免 .site-header 等泛选择器误伤 */
html body #xkGlobalHeaderV21{
  display:block!important;
  visibility:visible!important;
  overflow:visible!important;
  pointer-events:auto!important;
}

@media(max-width:921px){
  html body #xkGlobalHeaderV21{
    display:block!important;
    position:sticky!important;
    top:0!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
  }
}

/* =========================================================
   SeekTik Global Navigation 2.9
   手机端 Header 上方空白根治
   ---------------------------------------------------------
   实机现象：导航本身已经只剩一套，但 Header 上方仍保留一段空白。
   根因是登录 WordPress 后，核心样式会给 html 写入 46px 左右的
   admin-bar 顶部补偿；站点前台又隐藏了 admin bar 本体，于是只剩空白。

   处理：手机端隐藏 admin bar，并把 WordPress 写到 html 的 margin-top 清零。
========================================================= */
@media(max-width:921px){
  html{
    margin-top:0!important;
    padding-top:0!important;
  }

  html body.admin-bar{
    margin-top:0!important;
    padding-top:0!important;
  }

  html body.admin-bar #wpadminbar,
  html #wpadminbar{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  /* Header 必须直接贴住视口顶部 */
  html body #xkGlobalHeaderV21{
    position:sticky!important;
    top:0!important;
    margin-top:0!important;
  }

  /* Header 前不允许主题 / 插件留下空 spacer */
  html body #xkGlobalHeaderV21:first-of-type{
    margin-top:0!important;
  }
}


/* =========================================================
   SeekTik Global Navigation 3.0
   手机端顶部空白：改用 fixed + 独立 spacer 的最终结构
   ---------------------------------------------------------
   之前 sticky 仍然受 body / 主题容器 / admin-bar / 空 spacer 的
   文档流影响，所以实机可能把导航整体推到下面。

   V3.0 不再依赖页面文档流：
   - 手机 Header 永远 fixed: top:0
   - Header 后插入独立 64px spacer
   - body/html/#page 顶部补偿全部清零
   - 首页旧自定义导航预留高度也强制清零
========================================================= */

#xkGlobalHeaderSpacerV30{
  display:none!important;
}

@media(max-width:921px){

  html,
  html body{
    margin-top:0!important;
    padding-top:0!important;
  }

  html body #page,
  html body #content,
  html body .site-content{
    margin-top:0!important;
  }

  html body #page{
    padding-top:0!important;
  }

  /* 手机端唯一导航：直接钉在可视区顶部 */
  html body #xkGlobalHeaderV21{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;

    width:100vw!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;
  }

  /* 导航自身不再占文档流，改由这个独立 spacer 占 64px */
  html body #xkGlobalHeaderSpacerV30{
    display:block!important;
    width:100%!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;

    margin:0!important;
    padding:0!important;

    border:0!important;
    background:transparent!important;
    pointer-events:none!important;
  }

  /* 首页旧 Additional CSS 曾给首页根容器再预留 64px，这里必须取消 */
  html body.home #xkAiHome20260519C{
    padding-top:0!important;
  }

  /* WordPress 管理条在手机前台不参与任何顶部空间计算 */
  html body #wpadminbar,
  html body.admin-bar #wpadminbar{
    display:none!important;
    height:0!important;
  }

  /* 手机菜单从 fixed Header 正下方展开 */
  #xkGlobalHeaderV21 .xk-global-mobile-panel{
    position:fixed!important;
    top:64px!important;
    left:0!important;
    right:0!important;
  }
}