/*文章随机彩色标签开始*/
.article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags a:nth-child(5n+3){background-color: #1ac756;color: #FFF}.article-tags a:nth-child(5n+4){background-color: #19B5FE;color: #FFF}.article-tags a:hover{background-color: #1B1B1B;color: #FFF}
/*文章随机彩色标签结束*/
/* 强制覆盖原有错误样式，优先级最高 */
button, a:hover {
    cursor: url(/wp-content/plugins/ACG/img/shubiao/Help-Select.cur), pointer !important;
}
input {
    cursor: url(/wp-content/plugins/ACG/img/shubiao/Text-Select.cur), text !important;
}

/**彩色滚动条样式开始*/
::-webkit-scrollbar {
  width: 10px;  
  height: 1px;
}
::-webkit-scrollbar-thumb {
  background-color: #12b7f5;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%, rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #f6f6f6;
}
/**彩色滚动条样式结束*/

/* logo扫光开始 */
.navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 6s ease-in 0s infinite; -o-animation: searchLights 6s ease-in 0s infinite; animation: searchLights 6s ease-in 0s infinite;}@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}}
/* logo扫光结束 */


/*头像呼吸光环和鼠标悬停旋转放大开始*/
.avatar{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;}.avatar:hover{transform: scale(1.15) rotate(720deg);}@keyframes light{0%{box-shadow: 0 0 4px #f00;} 25%{box-shadow: 0 0 16px #0f0;} 50%{box-shadow: 0 0 4px #00f;} 75%{box-shadow: 0 0 16px #0f0;} 100%{box-shadow: 0 0 4px #f00;}}
/*头像呼吸光环和鼠标悬停旋转放大结束*/

/*进度条加载显示*/
#percentageCounter{position:fixed; left:0; top:0; height:3px; z-index:99999; background-image: linear-gradient(to right, #339933,#FF6666);border-radius:5px;}

.enlighter-default .enlighter{max-height:400px;overflow-y:auto !important;}.enlighter-toolbar{display:none !important;}.posts-item .item-heading>a {font-weight: bold;color: unset;}@media (max-width:640px) {
		.meta-right .meta-like{
			display: unset !important;
		}
	}


/* ===================== 图片基础美化 ===================== */
/* 全局图片统一样式（避免变形+圆角+阴影） */
img.lazyload, img.fit-cover, .article-content img, .graphic img {
    border-radius: 8px !important; /* 圆角更柔和 */
    object-fit: cover !important; /* 保持比例不拉伸 */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important; /* 轻微阴影增加层次感 */
    transition: all 0.3s ease !important; /* 过渡动画更丝滑 */
    border: 1px solid rgba(240, 68, 148, 0.1) !important; /* 淡粉色细边框，呼应logo */
    box-shadow: 0 8px 25px rgba(240, 68, 148, 0.2) !important; /* 粉色阴影强化，呼应主题 */
    border-color: rgba(240, 68, 148, 0.3) !important; /* 边框变色 */
}

/* 图片hover放大+增强阴影（重点交互） */
img.lazyload:hover, img.fit-cover:hover, .article-content img:hover, .graphic img:hover {
    transform: scale(1.03) !important; /* 轻微放大，不突兀 */
}

/* ===================== 图片布局优化 ===================== */
/* 图片容器间距调整（避免拥挤） */
.graphic, .article-content p img, .relates-thumb .swiper-slide {
    margin: 8px 0 !important;
}

/* 多图排列时的间距（适合相册/图集） */
@media (min-width: 768px) {
    .article-content .wp-block-gallery {
        gap: 15px !important; /* 多图之间间距 */
    }
}

/* ===================== 图片加载动效（提升体验） ===================== */
/* 懒加载占位图美化 */
img.lazyload[src*="thumbnail-null.svg"], img.lazyload[src*="thumbnail.svg"] {
    background: linear-gradient(135deg, #fef7fb, #f5f9ff) !important; /* 渐变占位，不单调 */
    animation: placeholderPulse 2s ease-in-out infinite !important;
}

@keyframes placeholderPulse {
    0% { opacity: 0.8; }
    50% { opacity: 0.9; }
    100% { opacity: 0.8; }
}

/* ===================== 图片查看器美化（适配你现有imgbox） ===================== */

/* 查看器控制按钮美化 */
.imgbox-btn {
    background: linear-gradient(135deg, #f04494, #a742f5) !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    box-shadow: 0 4px 12px rgba(240, 68, 148, 0.4) !important;
}

.imgbox-btn:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 6px 16px rgba(240, 68, 148, 0.6) !important;
}

/* 文章标题炫彩渐变+发光 */
.article-title {
  background: var(--glow-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(240, 68, 148, 0.5);
  transition: all 0.3s ease;
}
.article-title:hover {
  text-shadow: 0 0 12px rgba(167, 66, 245, 0.8);
}

/* 导航文字 hover 炫彩效果 */
.nav.navbar-nav a:hover {
  background: var(--glow-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}


/* 文章卡片边框：渐变发光 */
.article {
  animation: light 4s ease-in-out infinite; 
  transition: 0.5s;
}

.avatar:hover {
  transform: scale(1.15) rotate(720deg);
}

@keyframes light {
  0% {box-shadow: 0 0 4px #ff0000;}    /* 纯红色 */
  25% {box-shadow: 0 0 16px #ff69b4;}  /* 亮粉色（热粉色） */
  50% {box-shadow: 0 0 4px #ff1493;}   /* 深粉色（桃红） */
  75% {box-shadow: 0 0 16px #ff69b4;}  /* 亮粉色（热粉色） */
  100% {box-shadow: 0 0 4px #ff0000;}  /* 纯红色，和0%呼应形成循环 */
}

/* 分隔线：炫彩渐变 */
.line-form-line {
  height: 2px;
  background: var(--glow-gradient);
}

/* 基础按钮炫彩效果 - 不覆盖原有基础样式，只追加效果 */
.but {
  position: relative;
  overflow: hidden;
  /* 保留原有背景，只在 hover 时显示渐变 */
  z-index: 1; /* 确保光效在按钮下方 */
}

/* 流动光效 - 只在按钮hover时显示，避免默认状态冲突 */
.but::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    to right,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
  transform: rotate(30deg);
  animation: glowFlow 3s linear infinite;
  opacity: 0; /* 默认隐藏光效 */
  transition: opacity 0.3s ease;
  z-index: -1; /* 光效在按钮背景下方 */
}

/* hover时显示光效+强化阴影 */
.but:hover::after {
  opacity: 1;
}
.but:hover {
  filter: brightness(1.1) !important;
  box-shadow: 0 0 12px rgba(240, 68, 148, 0.5) !important;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

/* 修复动画定义（避免重复/冲突） */
@keyframes glowFlow {
  0% { transform: rotate(30deg) translate(-100%, 0); }
  100% { transform: rotate(30deg) translate(100%, 0); }
}

/* 补充：圆角按钮强化炫彩感 */
.but.radius, .but.radius4, .but.cir {
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
/* 父容器：控制宽度（根据你的需求调整，比如100%占满整行） */
.tag-container {
  width: 100%; /* 关键：给父容器设置宽度，否则子元素没法居中 */
  /* 可选：如果需要父容器也居中，可加 margin: 0 auto; */
  /* margin: 0 auto; */
}

/* 目标元素：强制转为块级元素，占满父容器宽度 */
.tag-view.tjsl {
  display: block; /* 核心修改：从inline-block改为block，占满父容器宽度 */
  text-align: center; /* 文字/图标水平居中（现在能明显看到效果） */
  line-height: 24px; /* 垂直居中：行高等于元素高度，单行内容完美居中 */  
  margin-bottom: 8px; /* 下边距保留，可调整数值 */
  
  /* 可选优化：让样式更直观 */
  padding: 4px 0;
  background: #fef0f0; /* 临时加背景色，方便你看居中效果，可删除 */
}

/* 图标和文字对齐 */
.tag-view.tjsl .icon {
  vertical-align: middle;
  margin-right: 4px;
  width: 16px;
  height: 16px;
}

#index-tab-main .item-thumbnail{height:350px}
.posts-item .item-thumbnail{height:350px}