.markdown-body p {
  text-indent: 2em !important;
}

.wl-panel .wl-action {
  display: none !important;
}

.about-avatar {
  display: none !important;
}

/* 缩小向下滚动箭头的点击范围 */
.scroll-down-bar {
  width: 60px !important;       /* 限制宽度，只覆盖箭头区域 */
  left: 50% !important;         /* 强制水平居中 */
  transform: translateX(-50%);  /* 修正居中时的偏移 */
  cursor: pointer;              /* 保持鼠标指针为手型 */
}

/* 强制修改列表悬浮样式 */
a.list-group-item:hover,
.list-group-item:hover {
    /* 1. 之前设置的文字颜色 (蓝色) */
    color: #5BC2E7 !important;
    
    /* 2. 新增：背景色强制透明 (白天黑夜都生效) */
    background-color: transparent !important;
    
    /* 可选：如果你想把鼠标放上去时的边框颜色也去掉，可以加上这一行 */
    /* border-color: transparent !important; */
}

/* 强制统一“最后更新时间”提示条的竖线颜色 */
.note-info {
    /* 设定为你指定的蓝色 #5BC2E7，!important 确保白天黑夜都生效 */
    border-left-color: #5BC2E7 !important;
}

/* --- 终于找到你了！精准修改搜索结果竖线颜色 --- */
#local-search-result .search-list-title {
    /* 把原来的深蓝色覆盖掉，改成你喜欢的浅蓝色 #5BC2E7 */
    border-left: 3px solid #5BC2E7 !important;
}

/* ============================================================
   Banner 原生视差（parallax: false + CSS scroll-timeline）
   ------------------------------------------------------------
   主题配置 banner.parallax 设为 false —— 关闭 Fluid 那套随滚动改写
   .side-col 布局 padding 的 JS，正是它让页面几何成为 scrollY 的函数、
   刷新 restore 时回流上滑。改用原生 scroll-driven animation：视差跑在
   合成器线程，只动 transform，不碰布局，页面几何与 scrollY 永久脱钩，
   位移在结构上不可能发生。
   位移量 --parallax-shift 可调：越大越明显，过大会露出图片边缘（banner
   通常 60~100vh，12vh 是安全上限附近的舒适值）。
   不支持 scroll-timeline 的旧浏览器：动画不生效，banner 静止，无副作用。
   ============================================================ */
@keyframes banner-parallax {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(0, var(--parallax-shift, 12vh), 0); }
}

#banner {
  animation: banner-parallax linear both;
  animation-timeline: scroll(root);
  will-change: transform;
  transition: none !important;   /* 斩断主题可能加的 transition，防与滚动驱动打架 */
}

/* 文章卡片始终盖在 banner 之上 */
#board {
  position: relative;
  z-index: 10;
}

/* 底部刷新上移的防塌陷占位：评论区未加载时先撑住高度，
   避免它撑开的瞬间把上方内容顶动。只用 min-height，不用
   content-visibility（那会在滚入滚出时重新渲染，反而制造跳动） */
#comments, #waline {
  min-height: 450px;
}
