/*!
 * Kratos Neo — 外观层刷新 v1.0
 * 站点: vrvideo.ltd  主题: Kratos 4.3.4
 * 只改「外观」，不碰主题模板；删除 mu-plugins/kratos-neo.* 三个文件即可 100% 还原。
 */

/* ============================================================
   0. 设计令牌 (Design Tokens)
   ============================================================ */
:root {
  /* 文字 */
  --kn-ink:      #0B1220;
  --kn-ink-2:    #4B5563;
  --kn-ink-3:    #94A3B8;
  /* 描边 / 面 */
  --kn-line:     #E7EBF3;
  --kn-line-2:   #F0F3F9;
  --kn-bg:       #F4F6FB;
  --kn-surface:  #FFFFFF;
  /* 品牌渐变 cyan → indigo → violet */
  --kn-c1:       #22D3EE;
  --kn-c2:       #6366F1;
  --kn-c3:       #A855F7;
  --kn-grad:      linear-gradient(115deg, #22D3EE 0%, #6366F1 52%, #A855F7 100%);
  --kn-grad-soft: linear-gradient(115deg, rgba(34,211,238,.15), rgba(99,102,241,.15) 52%, rgba(168,85,247,.15));
  --kn-grad-line: linear-gradient(90deg, #22D3EE, #6366F1 52%, #A855F7);
  /* 深色面（页脚） */
  --kn-dark:     #080D1A;
  --kn-dark-2:   #101a30;
  /* 圆角 */
  --kn-r:        14px;
  --kn-r-lg:     20px;
  --kn-pill:     999px;
  /* 阴影（分层柔和，不用重阴影） */
  --kn-sh-1: 0 1px 2px rgba(11,18,32,.04), 0 3px 10px rgba(11,18,32,.045);
  --kn-sh-2: 0 12px 32px -14px rgba(11,18,32,.20), 0 2px 8px rgba(11,18,32,.05);
  --kn-sh-3: 0 28px 64px -26px rgba(59,63,150,.40), 0 6px 18px rgba(11,18,32,.08);
  /* 动效 */
  --kn-ease: cubic-bezier(.22,.61,.36,1);
  --kn-nav-h: 52px;
}

/* ============================================================
   1. 全局基底
   ============================================================ */
body {
  background-color: var(--kn-bg) !important;
  background-image:
    radial-gradient(720px 480px at 10% -8%,  rgba(34,211,238,.17), transparent 62%),
    radial-gradient(820px 560px at 90% 2%,   rgba(168,85,247,.15), transparent 62%),
    radial-gradient(980px 660px at 50% 104%, rgba(99,102,241,.11), transparent 68%);
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: var(--kn-ink-2);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC",
               "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.k-header { position: relative; z-index: 10; }
.k-main, .k-footer { position: relative; z-index: 1; }

::selection { background: rgba(99,102,241,.22); color: var(--kn-ink); }

/* 统一滚动条 */
* { scrollbar-width: thin; scrollbar-color: #CBD5E1 transparent; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { border: 3px solid transparent; border-radius: 999px;
  background-clip: content-box; background-color: #CBD5E1; }
*::-webkit-scrollbar-thumb:hover { background-color: #94A3B8; }

/* ============================================================
   2. 顶部导航 —— 悬浮玻璃胶囊（菜单在左 · Logo 在右）
   ============================================================ */
.k-nav.navbar {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  height: auto !important;
  padding: 14px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  transition: padding .34s var(--kn-ease);
  will-change: padding;
}

/* 胶囊本体 */
.k-nav > .container {
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 1240px;
  margin: 0 auto;
  padding: 9px 20px;
  border: 1px solid rgba(255,255,255,.66);
  border-radius: var(--kn-pill);
  background: rgba(255,255,255,.76);
  box-shadow: 0 8px 30px -14px rgba(11,18,32,.30), inset 0 1px 0 rgba(255,255,255,.6);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  backdrop-filter: blur(18px) saturate(180%);
  transition: background .34s var(--kn-ease), box-shadow .34s var(--kn-ease),
              border-color .34s var(--kn-ease), padding .34s var(--kn-ease);
}
/* 不支持毛玻璃时用更实的底 */
@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
  .k-nav > .container { background: rgba(255,255,255,.94); }
}

/* 滚动后：收紧 + 加实 + 加阴影 */
.k-nav.kn-stuck { padding-top: 8px !important; }
.k-nav.kn-stuck > .container {
  padding: 7px 20px;
  background: rgba(255,255,255,.86);
  border-color: rgba(11,18,32,.07);
  box-shadow: 0 18px 44px -22px rgba(11,18,32,.42), 0 1px 0 rgba(11,18,32,.03);
}

/* —— 桌面端：菜单靠左，Logo 顶到最右 —— */
@media (min-width: 992px) {
  .k-nav > .container {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: nowrap;
  }
  .k-nav .navbar-collapse  { order: 1; flex: 1 1 auto; display: flex !important;
                             flex-basis: auto; align-items: center; }
  .k-nav .navbar-brand     { order: 2; margin-left: auto !important; padding: 0 !important; }
  .k-nav .navbar-nav.ml-auto { margin-left: 0 !important; align-items: center; }
  .k-nav .navbar-nav > li.nav-item > a {
    padding: 8px 15px !important;
    font-size: 15px;
    letter-spacing: .2px;
  }
}

/* 菜单项：胶囊 hover + 渐变下划线 */
.k-nav .navbar-nav > li.nav-item > a.nav-link,
.navbar-light .navbar-nav .nav-link {
  position: relative;
  color: var(--kn-ink-2) !important;
  font-weight: 500;
  border-radius: var(--kn-pill);
  background: transparent;
  transition: color .25s var(--kn-ease), background .25s var(--kn-ease);
}
.k-nav .navbar-nav > li.nav-item > a.nav-link::after {
  content: '';
  position: absolute;
  left: 15px; right: 15px; bottom: 3px;
  height: 2px;
  border-radius: 2px;
  background: var(--kn-grad-line);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .34s var(--kn-ease);
}
.k-nav .navbar-nav > li.nav-item > a.nav-link:hover {
  color: var(--kn-ink) !important;
  background: rgba(99,102,241,.07);
}
.k-nav .navbar-nav > li.nav-item > a.nav-link:hover::after { transform: scaleX(1); }
/* 当前所在页 */
.k-nav .navbar-nav > li.nav-item > a.nav-link[aria-current] {
  color: var(--kn-ink) !important;
  font-weight: 650;
}
.k-nav .navbar-nav > li.nav-item > a.nav-link[aria-current]::after { transform: scaleX(1); }

/* —— Logo：渐变字 + 渐变图形标记 —— */
.k-nav .navbar-brand {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  padding: 0;
  letter-spacing: -.2px;
  transition: transform .3s var(--kn-ease);
}
.k-nav .navbar-brand::before {
  content: '';
  flex: none;
  width: 30px; height: 30px;
  border-radius: 9px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%2322D3EE'/><stop offset='.52' stop-color='%236366F1'/><stop offset='1' stop-color='%23A855F7'/></linearGradient></defs><rect width='32' height='32' rx='9' fill='url(%23g)'/><path d='M13.2 10.4 22.6 16l-9.4 5.6z' fill='%23fff'/></svg>");
  background-size: 100% 100%;
  box-shadow: 0 6px 16px -6px rgba(99,102,241,.75);
  transition: transform .4s var(--kn-ease), box-shadow .4s var(--kn-ease);
}
.k-nav .navbar-brand:hover::before {
  transform: rotate(-6deg) scale(1.06);
  box-shadow: 0 9px 22px -6px rgba(168,85,247,.8);
}
/* 文章页会由脚本把 h1 降级成 span.kn-logo-text（避免一页两个 h1），
   所以样式必须同时命中两个选择器 */
.k-nav .navbar-brand h1,
.k-nav .navbar-brand .kn-logo-text {
  margin: 0;
  font-size: 20px !important;
  font-weight: 800;
  letter-spacing: -.3px;
  line-height: 1.1;
  background-image: var(--kn-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}
.k-nav .navbar-brand img {
  max-height: 30px;
  width: auto;
  border-radius: 6px;
}

/* —— 移动端：汉堡在左、Logo 在右，展开面板落在胶囊内 —— */
@media (max-width: 991.98px) {
  .k-nav { padding-top: 10px !important; }
  .k-nav > .container {
    flex-wrap: wrap;
    padding: 8px 14px;
    border-radius: 24px;
    gap: 0;
    /* 小屏导航一直压在 Hero 图上，底色加实一点，保证菜单展开时可读 */
    background: rgba(255,255,255,.90);
  }
  .k-nav.kn-stuck > .container { padding: 6px 14px; }
  .k-nav .navbar-toggler  { order: 1; margin-right: auto; padding: 10px 4px; border: 0 !important; }
  .k-nav .navbar-brand    { order: 2; margin-left: 0; }
  .k-nav .navbar-collapse { order: 3; flex-basis: 100%; }
  .k-nav .navbar-nav      { padding: 8px 0 4px; }
  .k-nav .navbar-nav > li.nav-item > a {
    display: block;
    padding: 10px 12px !important;
    color: var(--kn-ink-2) !important;
    font-size: 15.5px;
  }
  .k-nav .navbar-nav > li.nav-item > a.nav-link::after { left: 12px; right: auto; width: 22px; bottom: 6px; }
  /* 汉堡三条线改深色 */
  .k-nav .line { background: var(--kn-ink) !important; }
}

/* ============================================================
   3. 阅读进度条
   ============================================================ */
.kn-progress {
  position: fixed;
  top: 0; left: 0;
  z-index: 1080;
  width: 100%;
  height: 2.5px;
  pointer-events: none;
  background: transparent;
}
.kn-progress > i {
  display: block;
  width: 0;
  height: 100%;
  background: var(--kn-grad-line);
  box-shadow: 0 0 10px rgba(99,102,241,.75);
  transition: width .12s linear;
}

/* ============================================================
   4. Hero：极光 + 标题层次
   ============================================================ */
.k-header .banner {
  height: auto !important;
  min-height: clamp(360px, 46vh, 540px);
  overflow: hidden;
  isolation: isolate;
}
.k-header .banner .content {
  height: auto !important;
  min-height: clamp(360px, 46vh, 540px);
  display: flex;
  align-items: center;
  justify-content: center;
  /* transform / filter 会让 .content 自成一个层叠上下文，
     所以遮罩与极光必须放在 .content 内部（伪元素），否则会盖住文案 */
  transform: scale(1.03);
  filter: saturate(1.06);
  z-index: 1;
  isolation: isolate;
}

/* 主题自带的 .overlay 是 .content 的兄弟节点，层级对不上，直接停用，
   遮罩改由 .content::before 承担 */
.k-header .banner .overlay { display: none !important; }

/* ① 遮罩层：暗角 + 上下压暗 + 品牌色倾向（图片之上、文案之下） */
.k-header .banner .content::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(118% 90% at 50% 55%, rgba(6,10,22,.40) 0%, rgba(6,10,22,.16) 62%, rgba(6,10,22,.34) 100%),
    linear-gradient(180deg, rgba(6,10,22,.56) 0%, rgba(6,10,22,.34) 44%, rgba(6,10,22,.72) 100%),
    linear-gradient(115deg, rgba(34,211,238,.20) 0%, rgba(99,102,241,.17) 48%, rgba(168,85,247,.26) 100%);
}

/* ② 极光光斑（悬浮动画）—— 刻意避开正中央，保证标题可读 */
.k-header .banner .content::after {
  content: '';
  position: absolute;
  inset: -20%;
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(360px 280px at 13% 24%, rgba(34,211,238,.34), transparent 70%),
    radial-gradient(440px 320px at 89% 16%, rgba(168,85,247,.32), transparent 68%),
    radial-gradient(400px 300px at 72% 94%, rgba(99,102,241,.26), transparent 70%);
  filter: blur(30px);
  mix-blend-mode: screen;
  opacity: .85;
  animation: kn-aurora 22s var(--kn-ease) infinite alternate;
}
@keyframes kn-aurora {
  0%   { transform: translate3d(-2%, -1%, 0) scale(1); }
  50%  { transform: translate3d(3%, 2%, 0) scale(1.09); }
  100% { transform: translate3d(-1%, 3%, 0) scale(1.03); }
}

.k-header .banner .content .introduce {
  /* 必须保持「已定位」才能让 z-index 生效，否则会被上面的遮罩/极光盖住 */
  position: relative !important;
  top: auto !important;
  z-index: 10;
  width: auto;
  max-width: min(900px, 90%);
  padding: 30px 0 0;
  text-shadow: 0 2px 22px rgba(3,7,18,.55);
}
/* 标题上方的渐变短线 */
.k-header .banner .content .introduce::before {
  content: '';
  display: block;
  width: 54px; height: 4px;
  margin: 0 auto 20px;
  border-radius: 4px;
  background-image: var(--kn-grad);
  box-shadow: 0 0 20px rgba(99,102,241,.85);
  animation: kn-grow .9s var(--kn-ease) both;
}
@keyframes kn-grow { from { width: 0; opacity: 0; } to { width: 54px; opacity: 1; } }

.k-header .banner .content .introduce .title {
  margin-bottom: 12px !important;
  color: #fff;
  font-size: clamp(32px, 4.6vw, 58px) !important;
  font-weight: 800;
  letter-spacing: -1.4px;
  line-height: 1.08;
  /* 用 drop-shadow 而不是 text-shadow：文字填充被设为透明后，只有滤镜还能投影 */
  filter: drop-shadow(0 3px 10px rgba(4,8,20,.72)) drop-shadow(0 10px 34px rgba(4,8,20,.55));
  background-image: linear-gradient(100deg, #fff 0%, #fff 38%, #C7D2FE 54%, #fff 70%, #fff 100%);
  background-size: 250% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: kn-shine 7s ease-in-out infinite;
}
@keyframes kn-shine {
  0%, 100% { background-position: 130% 0; }
  55%      { background-position: -30% 0; }
}
.k-header .banner .content .introduce .mate {
  display: inline-block;
  padding: 7px 18px;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: var(--kn-pill);
  background: rgba(255,255,255,.13);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: rgba(255,255,255,.95);
  font-size: clamp(13px, 1.15vw, 16px) !important;
  font-weight: 400;
  letter-spacing: 1.5px;
}

/* 向下滚动的提示 */
.kn-scroll-cue {
  position: absolute;
  left: 50%; bottom: 26px;
  z-index: 11;
  width: 26px; height: 42px;
  margin-left: -13px;
  border: 2px solid rgba(255,255,255,.78);
  border-radius: var(--kn-pill);
  background: rgba(8,13,26,.22);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  box-shadow: 0 6px 18px -8px rgba(3,7,18,.7);
  pointer-events: none;
}
.kn-scroll-cue::before {
  content: '';
  position: absolute;
  left: 50%; top: 8px;
  width: 4px; height: 4px;
  margin-left: -2px;
  border-radius: 50%;
  background: #fff;
  animation: kn-wheel 1.7s var(--kn-ease) infinite;
}
@keyframes kn-wheel {
  0%   { transform: translateY(0);    opacity: 1; }
  70%  { transform: translateY(14px); opacity: 0; }
  100% { transform: translateY(0);    opacity: 0; }
}

/* ============================================================
   5. 文章卡片
   ============================================================ */
.k-main .board .article-panel {
  position: relative;
  margin: 0 0 20px;
  border: 1px solid var(--kn-line);
  border-radius: var(--kn-r-lg);
  background: var(--kn-surface);
  box-shadow: var(--kn-sh-1);
  transition: transform .42s var(--kn-ease), box-shadow .42s var(--kn-ease),
              border-color .42s var(--kn-ease);
}
/* 顶部渐变细线：hover 时从左铺满 */
.k-main .board .article-panel::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  z-index: 3;
  height: 3px;
  border-radius: var(--kn-r-lg) var(--kn-r-lg) 0 0;
  background: var(--kn-grad-line);
  opacity: 0;
  transform: scaleX(.25);
  transform-origin: left center;
  transition: opacity .42s var(--kn-ease), transform .55s var(--kn-ease);
}
.k-main .board .article-panel:hover {
  transform: translateY(-5px);
  border-color: rgba(99,102,241,.28);
  box-shadow: var(--kn-sh-3);
}
.k-main .board .article-panel:hover::before { opacity: 1; transform: scaleX(1); }

/* 缩略图：圆角 + hover 放大 */
.k-main .board .article-panel .a-thumb {
  border-radius: 13px;
  box-shadow: 0 10px 24px -14px rgba(11,18,32,.45);
}
.k-main .board .article-panel .a-thumb img {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 13px;
  transition: transform .65s var(--kn-ease);
}
.k-main .board .article-panel:hover .a-thumb img { transform: scale(1.075); }

/* 分类标签：渐变胶囊 */
.k-main .board .article-panel .a-post .header .label {
  padding: 4px 12px 5px !important;
  border-radius: var(--kn-pill) !important;
  background: var(--kn-grad) !important;
  box-shadow: 0 5px 14px -7px rgba(99,102,241,.9);
  font-weight: 600;
  letter-spacing: .3px;
  transition: transform .3s var(--kn-ease);
}
.k-main .board .article-panel .a-post .header .label .label-arrow { display: none !important; }
.k-main .board .article-panel:hover .a-post .header .label { transform: translateY(-1px); }

/* 标题 */
.k-main .board .article-panel .a-post .header .title { font-size: 21px; }
.k-main .board .article-panel .a-post .header .title a {
  color: var(--kn-ink) !important;
  font-weight: 700;
  letter-spacing: -.3px;
  transition: color .3s var(--kn-ease);
}
.k-main .board .article-panel .a-post .header .title a:hover {
  background-image: var(--kn-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

/* 摘要 */
.k-main .board .article-panel .a-post .content p {
  color: var(--kn-ink-2);
  font-size: 14.5px;
  line-height: 1.78;
}

/* 底部信息条 */
.k-main .board .article-panel .a-meta {
  padding: 11px 20px;
  border-top: 1px dashed var(--kn-line);
}
.k-main .board .article-panel .a-meta span,
.k-main .board .article-panel .a-meta span > a {
  color: var(--kn-ink-3) !important;
  font-size: 12.5px;
}
.k-main .board .article-panel .a-meta .kicon { color: var(--kn-ink-3); }
.k-main .board .article-panel .a-meta span > a:hover { color: var(--kn-c2) !important; }

/* 「阅读全文」→ 渐变胶囊按钮 */
.k-main .board .article-panel .a-meta > span.float-right > a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 13px;
  border-radius: var(--kn-pill);
  background: var(--kn-grad-soft);
  color: #4F46E5 !important;
  font-weight: 650;
  line-height: 20px;
  transition: background .32s var(--kn-ease), color .32s var(--kn-ease),
              transform .32s var(--kn-ease), box-shadow .32s var(--kn-ease);
}
.k-main .board .article-panel .a-meta > span.float-right > a:hover {
  background: var(--kn-grad);
  color: #fff !important;
  transform: translateX(3px);
  box-shadow: 0 8px 20px -9px rgba(99,102,241,.95);
}
.k-main .board .article-panel .a-meta > span.float-right > a > i { margin-left: 0; }

/* ============================================================
   6. 侧边栏 · 小工具
   ============================================================ */
.k-main .sidebar .widget {
  position: relative;
  margin: 0 0 20px !important;
  padding: 22px 22px 20px !important;
  border: 1px solid var(--kn-line);
  border-radius: var(--kn-r-lg) !important;
  background: var(--kn-surface) !important;
  box-shadow: var(--kn-sh-1) !important;
  transition: transform .42s var(--kn-ease), box-shadow .42s var(--kn-ease);
}
.k-main .sidebar .widget:hover { transform: translateY(-3px); box-shadow: var(--kn-sh-2) !important; }
.k-main .sidebar .widget.w-about,
.k-main .sidebar .widget.w-ad { padding: 0 !important; }

/* 小工具标题：左侧渐变竖条 */
.k-main .sidebar .widget h2,
.k-main .sidebar .widget .widget-title,
.k-main .sidebar .widget .wp-block-heading {
  position: relative;
  margin: 0 0 16px;
  padding-left: 13px;
  color: var(--kn-ink);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.2px;
}
.k-main .sidebar .widget h2::before,
.k-main .sidebar .widget .widget-title::before,
.k-main .sidebar .widget .wp-block-heading::before {
  content: '';
  position: absolute;
  left: 0; top: 50%;
  width: 4px; height: 16px;
  margin-top: -8px;
  border-radius: 4px;
  background: var(--kn-grad-line);
}

/* —— 搜索块重设计 —— */
.k-main .sidebar .wp-block-search { margin: 0; }
.k-main .sidebar .wp-block-search__label {
  display: block;
  margin-bottom: 12px;
  padding-left: 13px;
  position: relative;
  color: var(--kn-ink);
  font-size: 17px;
  font-weight: 700;
}
.k-main .sidebar .wp-block-search__label::before {
  content: '';
  position: absolute;
  left: 0; top: 50%;
  width: 4px; height: 16px;
  margin-top: -8px;
  border-radius: 4px;
  background: var(--kn-grad-line);
}
.k-main .sidebar .wp-block-search__inside-wrapper {
  display: flex;
  padding: 4px;
  border: 1px solid var(--kn-line);
  border-radius: var(--kn-pill);
  background: #F7F9FD;
  transition: border-color .3s var(--kn-ease), box-shadow .3s var(--kn-ease), background .3s;
}
.k-main .sidebar .wp-block-search__inside-wrapper:focus-within {
  border-color: transparent;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(99,102,241,.35), var(--kn-sh-2);
}
.k-main .sidebar .wp-block-search__input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 9px 14px;
  border: 0 !important;
  border-radius: var(--kn-pill) !important;
  background: transparent !important;
  color: var(--kn-ink);
  font-size: 14.5px;
  outline: 0 !important;
  box-shadow: none !important;
}
.k-main .sidebar .wp-block-search__input::placeholder { color: var(--kn-ink-3); }
.k-main .sidebar .wp-block-search__button {
  flex: none;
  margin: 0 !important;
  padding: 0 18px !important;
  height: 38px;
  border: 0 !important;
  border-radius: var(--kn-pill) !important;
  background: var(--kn-grad) !important;
  background-size: 160% 100% !important;
  color: #fff !important;
  font-size: 13.5px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: background-position .5s var(--kn-ease), box-shadow .3s, transform .3s;
}
.k-main .sidebar .wp-block-search__button:hover {
  background-position: 100% 0 !important;
  box-shadow: 0 8px 20px -9px rgba(99,102,241,.95);
  transform: translateY(-1px);
}

/* 最新文章 / 最新评论 列表 */
.k-main .sidebar .wp-block-latest-posts__list { margin: 0; padding: 0; list-style: none; }
.k-main .sidebar .wp-block-latest-posts__list li {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px dashed var(--kn-line);
}
.k-main .sidebar .wp-block-latest-posts__list li:last-child { border-bottom: 0; }
.k-main .sidebar .wp-block-latest-posts__post-title {
  position: relative;
  display: block;
  padding: 11px 0 11px 20px;
  color: var(--kn-ink-2);
  font-size: 14.5px;
  line-height: 1.55;
  transition: color .28s var(--kn-ease), padding-left .28s var(--kn-ease);
}
.k-main .sidebar .wp-block-latest-posts__post-title::before {
  content: '';
  position: absolute;
  left: 2px; top: 50%;
  width: 7px; height: 7px;
  margin-top: -3.5px;
  border-radius: 50%;
  background: var(--kn-grad);
  opacity: .55;
  transition: opacity .28s, transform .28s var(--kn-ease);
}
.k-main .sidebar .wp-block-latest-posts__post-title:hover {
  color: var(--kn-ink);
  padding-left: 24px;
}
.k-main .sidebar .wp-block-latest-posts__post-title:hover::before { opacity: 1; transform: scale(1.3); }

.k-main .sidebar .no-comments,
.k-main .sidebar .wp-block-latest-comments {
  color: var(--kn-ink-3);
  font-size: 14px;
}

/* 通用小工具里的链接/正文 */
.k-main .sidebar .widget a { color: var(--kn-ink-2); }
.k-main .sidebar .widget a:hover { color: var(--kn-c2); }

/* ============================================================
   7. 页脚
   ============================================================ */
.k-footer {
  position: relative;
  margin-top: 40px;
  padding: 54px 0 26px !important;
  overflow: hidden;
  background: var(--kn-dark) !important;
  color: #93A2BC;
}
/* 顶部渐变发丝线 */
.k-footer::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(34,211,238,.8) 22%,
              rgba(99,102,241,.9) 50%, rgba(168,85,247,.8) 78%, transparent);
}
/* 极光底纹 */
.k-footer::after {
  content: '';
  position: absolute;
  inset: -40% -10% auto -10%;
  height: 180%;
  pointer-events: none;
  background:
    radial-gradient(520px 320px at 14% 12%, rgba(34,211,238,.16), transparent 66%),
    radial-gradient(560px 340px at 86% 8%,  rgba(168,85,247,.18), transparent 66%),
    radial-gradient(680px 380px at 50% 96%, rgba(99,102,241,.14), transparent 70%);
}
.k-footer > .container { position: relative; z-index: 2; }

/* 上半区：品牌 + 快捷导航（由脚本注入） */
.kn-f-top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  padding-bottom: 22px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.kn-f-brand { display: flex; align-items: center; gap: 14px; }
.kn-f-mark {
  flex: none;
  width: 44px; height: 44px;
  border-radius: 13px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%2322D3EE'/><stop offset='.52' stop-color='%236366F1'/><stop offset='1' stop-color='%23A855F7'/></linearGradient></defs><rect width='32' height='32' rx='9' fill='url(%23g)'/><path d='M13.2 10.4 22.6 16l-9.4 5.6z' fill='%23fff'/></svg>");
  background-size: 100% 100%;
  box-shadow: 0 10px 26px -10px rgba(99,102,241,.9);
}
.kn-f-name {
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -.3px;
  line-height: 1.25;
}
.kn-f-tag {
  margin-top: 4px;
  color: #7C8AA5;
  font-size: 13px;
  letter-spacing: .4px;
}
.kn-f-nav { display: flex; flex-wrap: wrap; gap: 6px 4px; padding-top: 6px; }
.kn-f-nav a {
  position: relative;
  padding: 7px 14px;
  border-radius: var(--kn-pill);
  color: #A9B6CC;
  font-size: 14px;
  text-decoration: none;
  transition: color .28s var(--kn-ease), background .28s var(--kn-ease);
}
.kn-f-nav a:hover {
  color: #fff;
  background: rgba(255,255,255,.08);
  text-decoration: none;
}

/* 页脚正文：压低排版，去掉主题的大写 + 宽字距 */
.k-footer p {
  margin-bottom: 6px !important;
  color: #7C8AA5 !important;
  text-transform: none !important;
  letter-spacing: .2px !important;
  font-size: 13px !important;
  line-height: 1.85 !important;
}
.k-footer p a { color: #A9B6CC !important; }
.k-footer p a:hover { color: #fff !important; }
.k-footer .police-ico { opacity: .8; }

/* 社交图标：圆形描边按钮 */
.k-footer .social { line-height: 1 !important; margin-bottom: 14px !important; }
.k-footer .social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px; height: 42px;
  margin: 0 5px;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  background: rgba(255,255,255,.05);
  color: #C3CEE0 !important;
  transition: transform .34s var(--kn-ease), border-color .34s, background .34s, color .34s;
}
.k-footer .social a .kicon { font-size: 19px !important; }
.k-footer .social a:hover {
  transform: translateY(-3px);
  border-color: transparent;
  background: var(--kn-grad);
  color: #fff !important;
  box-shadow: 0 12px 26px -12px rgba(99,102,241,.95);
}

/* —— 右下角悬浮工具（回到顶部 / 搜索）—— */
.k-footer .f-toolbox > div { right: 22px !important; }
.k-footer .f-toolbox .gotop .gotop-btn,
.k-footer .f-toolbox .search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px; height: 46px;
  border: 1px solid rgba(11,18,32,.07);
  border-radius: 50%;
  background: rgba(255,255,255,.86) !important;
  box-shadow: var(--kn-sh-2);
  -webkit-backdrop-filter: blur(14px) saturate(180%);
  backdrop-filter: blur(14px) saturate(180%);
  cursor: pointer;
  transition: transform .34s var(--kn-ease), background .34s, box-shadow .34s, border-color .34s;
}
.k-footer .f-toolbox .gotop .gotop-btn { color: var(--kn-ink-2); }
.k-footer .f-toolbox .gotop .gotop-btn span,
.k-footer .f-toolbox .search span {
  width: auto !important; height: auto !important;
  color: var(--kn-ink-2) !important;
  font-size: 17px;
}
.k-footer .f-toolbox .gotop .gotop-btn:hover,
.k-footer .f-toolbox .search:hover {
  transform: translateY(-3px);
  border-color: transparent;
  background: var(--kn-grad) !important;
  box-shadow: 0 14px 30px -12px rgba(99,102,241,.95);
}
.k-footer .f-toolbox .gotop .gotop-btn:hover span,
.k-footer .f-toolbox .search:hover span { color: #fff !important; }
.k-footer .f-toolbox .gotop { visibility: hidden; }
.k-footer .f-toolbox .gotop.kn-show { visibility: visible; }
.k-footer .f-toolbox .gotop.active { background: transparent !important; }

/* 悬浮搜索：点击展开输入 */
.k-footer .f-toolbox .search { position: fixed; }
.k-footer .f-toolbox .search.kn-open {
  width: 232px;
  justify-content: flex-start;
  gap: 8px;
  padding: 0 14px;
  border-radius: var(--kn-pill);
  background: #fff !important;
}
.k-footer .f-toolbox .search.kn-open input { display: block !important; }

/* ============================================================
   8. 文章页（single）细节
   ============================================================ */
.k-main .details .article,
.k-main .details {
  border-radius: var(--kn-r-lg);
}
.k-main .details .article .content h2:not(:first-child) {
  border-left-color: var(--kn-c2) !important;
}
.k-main .details .article .content a { color: var(--kn-c2); }
.k-main .details .article .content a:hover { color: var(--kn-c3); }

/* 文章页的分页/相关文章等卡片统一圆角 */
.k-main .board .article-panel .search-title {
  border-radius: var(--kn-r-lg) var(--kn-r-lg) 0 0;
  color: var(--kn-ink);
  font-weight: 700;
}

/* 评论区域 */
.k-main .comments-area,
.k-main .comment-list { border-radius: var(--kn-r-lg); }

/* ============================================================
   9. 入场动画（滚动揭示）
   ============================================================ */
.kn-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s var(--kn-ease), transform .7s var(--kn-ease);
}
.kn-reveal.kn-in { opacity: 1; transform: none; }

/* ============================================================
   10. 可访问性 / 降级
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  .k-header .banner .content::after,
  .k-header .banner .content .introduce .title,
  .kn-scroll-cue::before { animation: none !important; }
  .kn-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}

/* 键盘焦点可见 */
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid var(--kn-c2);
  outline-offset: 2px;
  border-radius: 6px;
}

/* ============================================================
   11. 文章页：Hero 收窄 / 面包屑 / 标题 / 工具条 / 标签 / 翻页
   ============================================================ */

/* 文章页的大图只是装饰（显示的是站点名而非文章名），
   收窄成「页面头」的高度，别让读者滚动半天才看到正文。
   :has() 是现代浏览器方案；脚本会补 body.kn-single 作为兜底。 */
@media (min-width: 992px) {
  body:has(.k-main .details) .k-header .banner,
  body:has(.k-main .details) .k-header .banner .content,
  body.kn-single .k-header .banner,
  body.kn-single .k-header .banner .content { min-height: 280px; }

  body:has(.k-main .details) .k-header .banner .content .introduce,
  body.kn-single .k-header .banner .content .introduce { padding-top: 18px; }

  body:has(.k-main .details) .k-header .banner .content .introduce .title,
  body.kn-single .k-header .banner .content .introduce .title {
    font-size: clamp(26px, 3.2vw, 40px) !important;
  }
}

/* 分类/标签没有描述时，标题下会渲染出一个空胶囊，藏掉 */
.k-header .banner .content .introduce .mate:empty { display: none; }

/* —— 面包屑 —— */
.k-main .details .article .breadcrumb-box { margin-bottom: 4px; }
.k-main .details .article .breadcrumb {
  margin-bottom: 14px;
  padding: 0;
  background: transparent;
  font-size: 13px;
}
.k-main .details .article .breadcrumb .breadcrumb-item a,
.k-main .details .article .breadcrumb a.text-dark { color: var(--kn-ink-3) !important; }
.k-main .details .article .breadcrumb .breadcrumb-item a:hover { color: var(--kn-c2) !important; }
.k-main .details .article .breadcrumb .breadcrumb-item.active { color: var(--kn-ink-2); }

/* —— 文章标题 + 信息胶囊 —— */
.k-main .details .article .header { margin-bottom: 20px; }
.k-main .details .article .header .title {
  margin: 0 0 14px;
  color: var(--kn-ink) !important;
  font-size: clamp(25px, 2.5vw, 33px) !important;
  font-weight: 800;
  letter-spacing: -.6px;
  line-height: 1.26;
}
.k-main .details .article .header .meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}
.k-main .details .article .header .meta > span {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: var(--kn-pill);
  background: #F3F5FB;
  color: var(--kn-ink-3);
  font-size: 12.5px;
  line-height: 1.7;
  cursor: default;
}
.k-main .details .article .header .meta > span a { color: var(--kn-c2); }

/* —— 作者 / 打赏 / 点赞 工具条 —— */
.k-main .details .toolbar {
  margin-top: 18px;
  padding: 20px 22px;
  border: 1px solid var(--kn-line);
  border-radius: var(--kn-r-lg);
  box-shadow: var(--kn-sh-1) !important;
}
.k-main .details .toolbar .name,
.k-main .details .toolbar .name a { color: var(--kn-ink) !important; font-weight: 700; }
.k-main .details .toolbar .motto { color: var(--kn-ink-3) !important; }
.k-main .details .toolbar .share .btn {
  width: auto;
  min-width: 98px;
  height: auto;
  padding: 7px 18px;
  border-radius: var(--kn-pill) !important;
  font-size: 13.5px;
  font-weight: 600;
  transition: background .3s var(--kn-ease), color .3s var(--kn-ease),
              border-color .3s var(--kn-ease), transform .3s var(--kn-ease), box-shadow .3s;
}
.k-main .details .toolbar .share .btn-donate {
  border-color: rgba(99,102,241,.55) !important;
  color: var(--kn-c2) !important;
}
.k-main .details .toolbar .share .btn-donate:hover {
  border-color: transparent !important;
  background: var(--kn-grad) !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 26px -12px rgba(99,102,241,.95);
}
.k-main .details .toolbar .share .btn-thumbs {
  border-color: rgba(244,63,94,.5) !important;
  color: #E11D48 !important;
}
.k-main .details .toolbar .share .btn-thumbs:hover,
.k-main .details .toolbar .share .btn-thumbs.done {
  border-color: transparent !important;
  background: linear-gradient(115deg, #FB7185, #F43F5E 55%, #E11D48) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px -12px rgba(244,63,94,.95);
}
.k-main .details .toolbar .share .btn-thumbs:hover { transform: translateY(-2px); }

/* —— 标签：渐变软胶囊 —— */
.k-main .details .article .footer .tags { margin-top: 16px; }
.k-main .details .article .footer .tags span,
.k-main .details .article .footer .tool span { color: var(--kn-ink-3) !important; font-size: 13px; }
.k-main .details .article .footer .tags a {
  display: inline-block;
  margin: 0 6px 6px 0 !important;
  padding: 4px 13px !important;
  border-radius: var(--kn-pill) !important;
  background: var(--kn-grad-soft) !important;
  color: #4F46E5 !important;
  font-size: 12.5px !important;
  font-weight: 600;
  transition: background .3s var(--kn-ease), color .3s var(--kn-ease), transform .3s var(--kn-ease);
}
.k-main .details .article .footer .tags a:hover {
  background: var(--kn-grad) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* —— 版权声明 —— */
.k-main .details .article .copyright {
  margin-top: 16px;
  padding: 12px 18px;
  border: 1px solid var(--kn-line);
  border-radius: var(--kn-r);
  background: #F8FAFD;
  color: var(--kn-ink-3);
  font-size: 13px;
}

/* —— 上一篇 / 下一篇 —— */
.k-main .details .post-navigation { margin-top: 20px; }
.k-main .details .post-navigation a {
  display: block;
  padding: 14px 20px;
  border: 1px solid var(--kn-line);
  border-radius: var(--kn-r-lg);
  background: #fff;
  box-shadow: var(--kn-sh-1);
  color: var(--kn-ink-2);
  font-size: 14px;
  transition: transform .34s var(--kn-ease), box-shadow .34s var(--kn-ease),
              border-color .34s var(--kn-ease), color .34s var(--kn-ease);
}
.k-main .details .post-navigation a:hover {
  transform: translateY(-3px);
  border-color: rgba(99,102,241,.35);
  box-shadow: var(--kn-sh-2);
  color: var(--kn-c2);
}

/* —— 分页 —— */
.k-main .board .paginations a,
.k-main .board .paginations .dots,
.k-main .board .paginations .current {
  margin: 0 3px !important;
  padding: 6px 15px !important;
  border: 1px solid var(--kn-line);
  border-radius: var(--kn-pill) !important;
  background: #fff !important;
  color: var(--kn-ink-2) !important;
  font-weight: 500;
  transition: border-color .3s, color .3s, background .3s, transform .3s;
}
.k-main .board .paginations a:hover {
  border-color: rgba(99,102,241,.45);
  color: var(--kn-c2) !important;
  transform: translateY(-1px);
}
.k-main .board .paginations .current {
  border-color: transparent !important;
  background: var(--kn-grad) !important;
  color: #fff !important;
}
/* 正文内多页（wp_link_pages） */
.k-main .details .article .content .paginations a span {
  border-radius: var(--kn-pill) !important;
  border-color: var(--kn-line) !important;
  background: #fff !important;
  color: var(--kn-ink-2) !important;
}
.k-main .details .article .content .paginations .current span,
.k-main .details .article .content .paginations a span:hover {
  border-color: transparent !important;
  background: var(--kn-grad) !important;
  color: #fff !important;
}

/* ============================================================
   12. 评论区
   ============================================================ */
.k-main .details .comments { margin-top: 20px; }
.k-main .details .comments .comment-respond {
  border: 1px solid var(--kn-line);
  border-radius: var(--kn-r-lg);
  overflow: hidden;
}
.k-main .details .comments .comment-respond .comment-form { background: #fff; }

/* 昵称 / 邮箱 / 网址 */
.k-main .details .comments .comment-form .input-group {
  border: 1px solid var(--kn-line);
  border-radius: var(--kn-pill);
  background: #F7F9FD;
  overflow: hidden;
  transition: border-color .3s var(--kn-ease), box-shadow .3s var(--kn-ease), background .3s;
}
.k-main .details .comments .comment-form .input-group:focus-within {
  border-color: transparent;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(99,102,241,.35), var(--kn-sh-2);
}
.k-main .details .comments .comment-form .input-group .input-group-text {
  border: 0 !important;
  background: transparent !important;
  color: var(--kn-ink-3);
}
.k-main .details .comments .comment-form .input-group .form-control {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--kn-ink);
  font-size: 14.5px;
}
.k-main .details .comments .comment-form .input-group .form-control::placeholder { color: var(--kn-ink-3); }

/* 留言框 */
.k-main .details .comments .comment-respond .comment-textarea .form-control {
  border: 1px solid var(--kn-line) !important;
  border-radius: var(--kn-r) !important;
  background: #F7F9FD !important;
  color: var(--kn-ink);
  font-size: 14.5px;
  transition: border-color .3s var(--kn-ease), box-shadow .3s var(--kn-ease), background .3s;
}
.k-main .details .comments .comment-respond .comment-textarea .form-control:focus {
  border-color: transparent !important;
  background: #fff !important;
  box-shadow: 0 0 0 2px rgba(99,102,241,.35) !important;
}
.k-main .details .comments .comment-respond .comment-textarea .text-bar {
  border-top: 1px solid var(--kn-line);
  background: #F8FAFD !important;
}

/* 提交评论 */
.k-main .details .comments .comment-respond .comment-textarea .btn-primary,
#commentform #submit {
  width: auto !important;
  min-width: 108px;
  padding: 8px 22px !important;
  border: 0 !important;
  border-radius: var(--kn-pill) !important;
  background: var(--kn-grad) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600;
  cursor: pointer;
  transition: box-shadow .3s var(--kn-ease), transform .3s var(--kn-ease);
}
.k-main .details .comments .comment-respond .comment-textarea .btn-primary:hover,
#commentform #submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 26px -12px rgba(99,102,241,.95);
}

/* ============================================================
   13. 侧栏：分类/归档列表、吸顶、无侧栏时正文居中
   ============================================================ */
.k-main .sidebar .wp-block-categories-list,
.k-main .sidebar .wp-block-archives-list { margin: 0; padding: 0; list-style: none; }
.k-main .sidebar .wp-block-categories-list li,
.k-main .sidebar .wp-block-archives-list li {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px dashed var(--kn-line);
}
.k-main .sidebar .wp-block-categories-list li:last-child,
.k-main .sidebar .wp-block-archives-list li:last-child { border-bottom: 0; }
.k-main .sidebar .wp-block-categories-list li a,
.k-main .sidebar .wp-block-archives-list li a {
  position: relative;
  display: block;
  padding: 11px 0 11px 20px;
  color: var(--kn-ink-2);
  font-size: 14.5px;
  transition: color .28s var(--kn-ease), padding-left .28s var(--kn-ease);
}
.k-main .sidebar .wp-block-categories-list li a::before,
.k-main .sidebar .wp-block-archives-list li a::before {
  content: '';
  position: absolute;
  left: 2px;
  top: 50%;
  width: 7px;
  height: 7px;
  margin-top: -3.5px;
  border-radius: 50%;
  background: var(--kn-grad);
  opacity: .55;
  transition: opacity .28s, transform .28s var(--kn-ease);
}
.k-main .sidebar .wp-block-categories-list li a:hover,
.k-main .sidebar .wp-block-archives-list li a:hover { color: var(--kn-ink); padding-left: 24px; }
.k-main .sidebar .wp-block-categories-list li a:hover::before,
.k-main .sidebar .wp-block-archives-list li a:hover::before { opacity: 1; transform: scale(1.3); }

/* 侧栏吸顶（主题给了 sticky-sidebar 类名却没写样式） */
@media (min-width: 992px) {
  .k-main .sidebar.sticky-sidebar {
    position: sticky;
    top: 92px;
    align-self: flex-start;
  }
}

/* 页面没有可用侧栏时（如「关于我」），把正文列拉满并居中成可读宽度，
   别让右边空一大块。kn-col-wide 由脚本判断「侧栏里一个小工具都没有」后加上。 */
@media (min-width: 992px) {
  .k-main .row > .col-lg-8:only-child {
    margin-left: auto;
    margin-right: auto;
  }
  .k-main .col-lg-8.kn-col-wide {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .k-main .col-lg-8.kn-col-wide > .article {
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* 空侧栏要盖过 Bootstrap 的 d-lg-block（带 !important） */
.k-main .sidebar.kn-sidebar-empty { display: none !important; }

/* ============================================================
   14. 404 页
   ============================================================ */
.k-main .page404 { padding: 30px 0 6px; }
.k-main .page404 .thumbnail {
  height: 340px;
  border-radius: var(--kn-r-lg);
  overflow: hidden;
  box-shadow: var(--kn-sh-2);
}
.k-main .page404 .overlay { border-radius: var(--kn-r-lg); }
.k-main .page404 .overlay::before,
.k-main .page404 .overlay::after { display: none; }
.k-main .page404 .content .title {
  color: var(--kn-ink);
  font-size: 25px;
  font-weight: 700;
  letter-spacing: -.3px;
}
.k-main .page404 .content .subtitle { color: var(--kn-ink-3); font-size: 14px; }
.k-main .page404 .content .action .btn-outline-primary {
  width: auto;
  min-width: 132px;
  padding: 9px 24px;
  border: 0;
  border-radius: var(--kn-pill) !important;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .5px;
  transition: transform .3s var(--kn-ease), box-shadow .3s, background .3s, color .3s, border-color .3s;
}
.k-main .page404 .content .action .back-prevpage {
  background: var(--kn-grad) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px -13px rgba(99,102,241,.95);
}
.k-main .page404 .content .action .back-prevpage:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 34px -14px rgba(99,102,241,1);
}
.k-main .page404 .content .action .back-index {
  border: 1px solid var(--kn-line) !important;
  background: #fff !important;
  color: var(--kn-ink-2) !important;
}
.k-main .page404 .content .action .back-index:hover {
  border-color: rgba(99,102,241,.45) !important;
  background: #fff !important;
  color: var(--kn-c2) !important;
  transform: translateY(-2px);
}

/* 小屏微调 */
@media (max-width: 768px) {
  .k-footer { padding: 40px 0 20px !important; }
  .kn-f-top { gap: 18px; }
  .kn-f-name { font-size: 18px; }
  .k-main .board .article-panel .a-post .content p { font-size: 14px; }
  .kn-scroll-cue { display: none; }
  .k-main .page404 .thumbnail { height: 220px; }
  .k-main .details .article .header .meta > span { padding: 3px 10px; font-size: 12px; }
}