#uniqueImg{
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
/* 整个侧边栏文本变黄 */
.sidebar {
  color: #e6d92b !important;
}

/* 侧边栏所有链接变黄 */
.sidebar a {
  color: #e6d92b !important;
}

/* 目录图标颜色变黄（使用 iconfont） */
.sidebar .iconfont {
  color: #e6d92b !important;
}

/* 如果还用了 .tocbot-link 的其他层级，也保证它们是黄色 */
.sidebar .tocbot-link {
  color: #e6d92b !important;
}

/* 如果你希望鼠标 hover 时也保持黄色（不变色） */
.sidebar .tocbot-link:hover {
  color: #ffffff !important;
}
/* 首页文章标题变黄 */
/*
.index-header a {
  color: hwb(271 23% 9%) !important;
}

.index-header .iconfont {
  color: hwb(271 23% 9%) !important;
}
*/
/* 如果你想鼠标悬停也仍然是黄的 */
.index-header a:hover {
  color: hwb(199 4% 48%) !important;
}
.footer-content{
    color: hwb(0 100% 0%) !important;

}

.footer-content .iconfont{
    color: hwb(0 100% 0%) !important;

}
.footer-content a{
    color: hwb(0 100% 0%) !important;

}
.footer-content a:hover{
    color: hwb(155 13% 11%) !important;

}
/* ------------------------------------------------------------- */
/* .index-card 基础样式与边框 */
/* ------------------------------------------------------------- */
.index-card {
  padding: 15px; /* 卡片内容与边框内边缘的距离 */
  border-radius: 12px; /* 适当的圆角，增加现代感和柔和度 */
  position: relative; /* 如果有内部元素需要定位或 z-index，可保留 */
  overflow: hidden; /* 确保内容和边框都在圆角内部 */

  /* 核心：卡片本身背景完全透明 */
  background: transparent; 

  /* 定义一个透明的基础边框，为 border-image 腾出空间 */
  border: 4px solid transparent; 

  /* 使用线性渐变作为边框图像，创建静态的流光效果 */
  border-image: linear-gradient(to right, 
                #6a11cb 0%,     /* 深紫 */
                #2575fc 50%,     /* 亮蓝 */
                #6a11cb 100%    /* 返回深紫，形成循环渐变感 */
              );
  border-image-slice: 1; /* 确保整个图像用于边框 */
  border-image-width: 4px; /* 边框的实际厚度，与 'border' 宽度一致 */

  /* 添加一个与边框主色调匹配的柔和外发光阴影，增加“光晕”和深度感 */
  box-shadow: 0 0 18px rgba(37, 117, 252, 0.7); /* 使用亮蓝色调，半透明发光 */

  /* 可选：如果你希望边框上的颜色更鲜艳，可以稍微增加饱和度 */
  /* filter: saturate(1.1); */
}

/* 自定义标签云容器 */
.tagcloud {
  position: relative;
  width: 100%;
  min-height: 300px; /* 根据需要调整高度 */
  overflow: hidden;
  padding: 20px;
  box-sizing: border-box;
}

/* 自定义标签云链接的CSS */
.tagcloud a {
  position: absolute;
  white-space: nowrap;
  text-decoration: none;
  /* 增加边框属性，初始颜色可以设置为透明，由JS控制 */
  border: 1px solid transparent; /* 初始边框样式 */
  padding: 5px 10px; /* 增加内边距，让边框有空间 */
  border-radius: 5px; /* 轻微圆角，让边框更柔和 */

  transition: color 0.4s ease-in-out, opacity 0.4s ease-in-out,
              top 0.8s ease-out, left 0.8s ease-out,
              transform 0.2s ease-out, border-color 0.4s ease-in-out; /* 增加border-color的过渡 */
  animation: flash 2s infinite alternate;
  z-index: 1;
  color: #fff; /* 初始颜色，会被JS覆盖 */
}

/* 定义闪光动画 */
@keyframes flash {
  0% { opacity: 1; }
  40% { opacity: 0.7; }
  60% { opacity: 0.7; }
  100% { opacity: 1; }
}

/* 鼠标悬停时的效果 */
.tagcloud a:hover {
  opacity: 1 !important;
  transform: translateY(-2px) scale(1.05);
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
  z-index: 2;
  /* 悬停时边框也可以变亮或有其他效果 */
  /* border-color: rgba(255, 255, 255, 0.8) !important; */
}
#live2d-widget {
  left: 70px !important;   /* 距离右边 50px */
  top: 50%;                 /* 顶部设置为 50% */
  transform: translateY(-50%);  /* 使其垂直居中 */   /* 取消默认 bottom 定位 */
}

/* 滚动条通用样式 */
::-webkit-scrollbar {
  width: 10px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background-color: #a6a6a6;
  border-radius: 1rem;
  min-height: 60px;
  transition: background-color 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #757575;
}

::-webkit-scrollbar-thumb:active {
  background-color: #424242;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

/* 暗色模式样式 */
[data-user-color-scheme='dark'] ::-webkit-scrollbar-thumb {
  background-color: #687582;
}

[data-user-color-scheme='dark'] ::-webkit-scrollbar-thumb:hover {
  background-color: #9da8b3;
}

[data-user-color-scheme='dark'] ::-webkit-scrollbar-thumb:active {
  background-color: #c5d0db;
}




.category {
  .row {
    border-radius: 1rem;
  }

  .category-item {
    border-radius: 1rem;
  }

  .category-post-list {
    border-radius: 1rem;
  }
}


.list-group {
  border-radius: 1rem;
}

.list-group-item {
  border-radius: 1rem;
}

.links .card-body {
  border-radius: 1rem;
}

.navbar {
  .nav-item .nav-link {
    border-radius: 0.5rem;
  }

  .dropdown-menu {
    border-radius: 0.5rem;
  }

  .dropdown-item {
    border-radius: 0.25rem;
  }
}

#board {
  border-radius: 1rem;
}

#scroll-top-button {
  border-radius: 0.5rem;
}