/* ======================== 变量定义（恢复原始透明度） ======================== */
:root {
  /* 基础样式变量（保持原始透明度） */
  --liushen-radius: 12px;
  --liushen-card-border-width: 1px;
  --trans-light: rgba(255, 255, 255, 0.88); /* 恢复原始透明度 */
  --trans-dark: rgba(25, 25, 25, 0.88); /* 恢复原始透明度 */
  --border-style: 1px solid rgba(169, 169, 169, 0.3); /* 恢复原始边框不透明度 */
  --backdrop-filter: blur(8px) saturate(150%); /* 保持原始模糊值 */
  
  /* 浅色/深色模式变量（保持原始透明度） */
  --light-border-color: #e3e8f7;
  --light-card-bg: #fff;
  --light-card-border: #e3e8f7;
  --light-blue: #425AEF;
  --light-style-border: 1px solid var(--light-card-border);
  
  --dark-border-color: #42444a;
  --dark-card-bg: #2c2c2c;
  --dark-card-border: #42444a;
  --dark-blue: #0084FF;
  --dark-style-border: 1px solid var(--dark-card-border);
}

/* ======================== 核心元素样式（确保透明效果生效，不调整透明度） ======================== */
/* 首页文章卡片（提升优先级，确保透明效果生效，不改变透明度数值） */
#recent-posts .recent-post-item {
  background: var(--trans-light) !important; /* 用原始透明度变量 */
  backdrop-filter: var(--backdrop-filter) !important;
  border-radius: 25px;
  border: var(--border-style);
  transition: background 0.3s ease;
}

/* 分类/标签页卡片 */
#category .recent-post-item,
#tag .recent-post-item {
  background: var(--trans-light) !important;
  backdrop-filter: var(--backdrop-filter) !important;
}

/* 深色模式下的文章卡片（保持原始透明度） */
[data-theme="dark"] #recent-posts .recent-post-item,
[data-theme="dark"] #category .recent-post-item,
[data-theme="dark"] #tag .recent-post-item {
  background: var(--trans-dark) !important; /* 用原始深色透明度变量 */
  border: var(--border-style);
}

/* ======================== twikoo美化（保持功能，不调整透明度） ======================== */
#twikoo .tk-comments .tk-submit .tk-avatar.tk-has-avatar {
  display: none;
}

#twikoo .tk-comments .tk-submit .tk-row.actions {
  margin-bottom: 0;
  margin-left: 0;
}

.tk-main .tk-submit .tk-col .tk-meta-input,
#twikoo .tk-comments .tk-submit .tk-col .tk-meta-input {
  margin-bottom: 16px;
}

.tk-row.actions button.el-button {
  height: 32px;
  border-radius: 12px !important;
}

.tk-main .tk-content img {
  max-width: 100%;
  height: auto;
}

.tk-meta-input input {
  border-top-right-radius: var(--liushen-radius);
  border-bottom-right-radius: var(--liushen-radius);
}

.tk-meta-input div {
  border-top-left-radius: var(--liushen-radius);
  border-bottom-left-radius: var(--liushen-radius);
}

.tk-input.el-textarea textarea {
  border-radius: var(--liushen-radius);
  min-height: 150px !important;
  height: auto;
}

.twikoo .tk-comments-container>.tk-comment,
.twikoo .tk-comments .tk-submit {
  padding: 20px;
  margin: 0 0 20px 0;
  border-radius: var(--liushen-radius);
  background: var(--light-card-bg);
  transition: .3s;
}

.twikoo .tk-extra {
  border-radius: var(--liushen-radius);
  background: var(--light-card-bg);
  padding: 0.4rem;
  margin-bottom: 1rem;
  transition: .3s;
}

.twikoo .tk-expand {
  border-radius: var(--liushen-radius);
  transition: .3s;
}

/* 浅色/深色模式评论区样式（不调整透明度） */
[data-theme=light] {
  --card-box-shadow: var(--light-style-border);
  --card-hover-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
[data-theme=light] .twikoo .tk-comments-container>.tk-comment,
[data-theme=light] .twikoo .tk-comments .tk-submit,
[data-theme=light] .twikoo .tk-extra,
[data-theme=light] .twikoo .tk-expand {
  box-shadow: var(--card-box-shadow);
}
[data-theme=light] .twikoo .tk-comments-container>.tk-comment:hover,
[data-theme=light] .twikoo .tk-comments .tk-submit:hover,
[data-theme=light] .twikoo .tk-extra:hover,
[data-theme=light] .twikoo .tk-expand:hover {
  box-shadow: var(--card-hover-box-shadow);
}
[data-theme=light] .twikoo .tk-expand:hover {
  background-color: var(--btn-bg);
}

[data-theme=dark] .twikoo .tk-comments-container>.tk-comment,
[data-theme=dark] .twikoo .tk-comments .tk-submit,
[data-theme=dark] .twikoo .tk-extra,
[data-theme=dark] .twikoo .tk-expand {
  border: var(--dark-style-border);
  background: var(--dark-card-bg);
}
[data-theme=dark] .twikoo .tk-expand:hover {
  background-color: var(--dark-blue);
}

/* ======================== 响应式样式 ======================== */
@media screen and (max-width: 420px) {
  .tk-main .tk-submit .tk-row.actions button.el-button.tk-preview.el-button--default.el-button--small {
    display: none;
  }
}

@media screen and (max-width: 570px) {
  .tk-main .tk-extras {
    display: none;
  }
}

/* ======================== 页面基础样式（保持原始透明度） ======================== */
.read-mode {
  font-size: 17px;
}

.site-name {
  background: linear-gradient(90deg, #f79533, #e73c7e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 顶部导航栏 */
#page-header.nav-fixed #nav,
#nav .show {
  background: rgba(246, 239, 246, 0.61);
  backdrop-filter: blur(8px);
}
[data-theme=dark] #page-header.nav-fixed #nav,
[data-theme=dark] #nav .show {
  background: rgba(79, 76, 79, 0.35);
}

/* 手机侧边栏 */
#sidebar #sidebar-menus.open {
  background: rgba(246, 239, 246, 0.75);
  backdrop-filter: blur(3px);
  border-radius: 6px 0 0 6px;
}
[data-theme=dark] #sidebar #sidebar-menus.open {
  background: rgba(252, 224, 252, 0.11);
}

/* 右侧控制按钮 */
#rightside > #rightside-config-show > #rightside_config,
#rightside > #rightside-config-show > #to_comment,
#rightside > #rightside-config-show > #go-up, 
#rightside > #rightside-config-show > #go-down,
#rightside > #rightside-config-hide > #readmode,
#rightside > #rightside-config-hide > #translateLink,
#rightside > #rightside-config-hide > #hide-aside-btn {
  background: opacity(0.3);
  backdrop-filter: blur(3px);
}

/* 鼠标样式 */
body {
  cursor: url(https://gcore.jsdelivr.net/gh/liuxin03014/ljxx-static@latest/hexo-blog/mouse/Normal.cur), default;
}
a, img {
  cursor: url(https://gcore.jsdelivr.net/gh/liuxin03014/ljxx-static@latest/hexo-blog/mouse/Link.cur), default;
}

/* 其他透明容器（保持原始透明度） */
#aside-content .card-widget {
  background: var(--trans-light);
  backdrop-filter: var(--backdrop-filter);
  border-radius: 18px;
  border: var(--border-style);
}

div#post, div#page, div#archive, 
div#category-bar, div#category, div#tag {
  background: var(--trans-light);
  backdrop-filter: var(--backdrop-filter);
  border: var(--border-style);
  border-radius: 20px;
}

.tk-submit.tk-fade-in, ._container_ylcfx_1 {
  background-color: rgba(255, 255, 255, 0.5);
}

/* 深色模式其他容器（保持原始透明度） */
[data-theme="dark"] #aside-content .card-widget,
[data-theme="dark"] div#post, [data-theme="dark"] div#page, [data-theme="dark"] div#archive,
[data-theme="dark"] div#category-bar, [data-theme="dark"] div#category, [data-theme="dark"] div#tag,
[data-theme="dark"] .tk-submit.tk-fade-in, [data-theme="dark"] ._container_ylcfx_1 {
  background: var(--trans-dark);
}
[data-theme="dark"] #footer::before,
[data-theme="dark"] #page-header::before {
  background: transparent !important;
}

/* 阅读模式 */
.read-mode #aside-content .card-widget,
.read-mode div#post {
  background: rgba(249, 245, 233, 0.9) !important;
}
[data-theme="dark"] .read-mode #aside-content .card-widget,
[data-theme="dark"] .read-mode div#post {
  background: rgba(25, 25, 25, 0.9) !important;
  color: #ffffff;
}

/* ======================== 标签样式 ======================== */
#aside-content .card-tag-cloud a {
  border: 1px solid;
  line-height: 1.5;
  border-radius: 6px;
  margin: 3px;
  padding: 0 5px;
  font-size: 0.9rem;
}
.tag-cloud-list a {
  border: 1px solid;
  line-height: 1.5;
  border-radius: 6px;
  padding: 5px 15px;
  font-size: 0.8rem;
  margin: 5px;
}

/* ======================== 表情样式 ======================== */
.OwO-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.OwO-item:hover {
  transform: scale(1.3);
  z-index: 10000;
}
[data-theme=dark] .OwO-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
@keyframes owoIn {
  0% { transform: translate(0, -95%); opacity: 0; }
  100% { transform: translate(0, -105%); opacity: 1; }
}

/* ======================== 布局调整 ======================== */
#recent-posts {
  display: flex;
  flex-direction: column;
}
.category-bar { order: 1; }
.recent-post-items { order: 2; }
#pagination { order: 3; }

/* 背景宇宙星光 */
#universe {
  display: block;
  position: fixed;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}

/* ======================== 标题动画 ======================== */
h1::before, h2::before, h3::before, 
h4::before, h5::before, h6::before {
  -webkit-animation: ccc 4s linear infinite;
  animation: ccc 4s linear infinite;
}
@-webkit-keyframes ccc {
  0% { transform: rotate(0deg); }
  to { transform: rotate(-1turn); }
}
@keyframes ccc {
  0% { transform: rotate(0deg); }
  to { transform: rotate(-1turn); }
}

#content-inner.layout h1::before {
  color: #ef50a8;
  margin-left: -1.55rem;
  font-size: 1.3rem;
  margin-top: -0.23rem;
}
#content-inner.layout h2::before {
  color: #fb7061;
  margin-left: -1.35rem;
  font-size: 1.1rem;
  margin-top: -0.12rem;
}
#content-inner.layout h3::before {
  color: #ffbf00;
  margin-left: -1.22rem;
  font-size: 0.95rem;
  margin-top: -0.09rem;
}
#content-inner.layout h4::before {
  color: #a9e000;
  margin-left: -1.05rem;
  font-size: 0.8rem;
  margin-top: -0.09rem;
}
#content-inner.layout h5::before {
  color: #57c850;
  margin-left: -0.9rem;
  font-size: 0.7rem;
  margin-top: 0rem;
}
#content-inner.layout h6::before {
  color: #5ec1e0;
  margin-left: -0.9rem;
  font-size: 0.66rem;
  margin-top: 0rem;
}

#content-inner.layout h1:hover,
#content-inner.layout h2:hover,
#content-inner.layout h3:hover,
#content-inner.layout h4:hover,
#content-inner.layout h5:hover,
#content-inner.layout h6:hover {
  color: var(--theme-color);
}
#content-inner.layout h1:hover::before,
#content-inner.layout h2:hover::before,
#content-inner.layout h3:hover::before,
#content-inner.layout h4:hover::before,
#content-inner.layout h5:hover::before,
#content-inner.layout h6:hover::before {
  color: var(--theme-color);
  -webkit-animation: ccc 6s linear infinite;
  animation: ccc 6s linear infinite;
}


/* ================= 图片说明文字居中显示 ================= */
.img-wrap .image-caption {
  text-align: center; /* 文本内容水平居中 */
  display: block; /* 确保 caption 作为块级元素占满一行（避免文字只在内容宽度内居中） */
  margin: 0.5rem 0; /* 可选：增加上下间距，让 caption 与图片更协调 */
}