/* 自定义CSS - 增加二次元风格 */

/* 鼠标指针样式 - 二次元风格 */
body {
  cursor: url('https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/img/default.cur'),
         url('https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/img/default.cur'),
         auto !important;
}

a, button, #card-toc, .flink-list-item, img, .menus_items, .site-page {
  cursor: url('https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/img/pointer.cur'),
         url('https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/img/pointer.cur'),
         auto !important;
}

/* 页面整体动画 */
.layout {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

@keyframes fadeInDown {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 导航菜单悬浮特效 */
#nav a:hover {
  background: linear-gradient(to right, rgba(44, 62, 80, 0.8), rgba(52, 73, 94, 0.8));
  -webkit-background-clip: text;
  color: transparent;
  background-size: 200% auto;
  animation: textShine 3s linear infinite;
}

@keyframes textShine {
  to { background-position: 200%; }
}

/* 文字选中特效 */
::selection {
  background: rgba(44, 62, 80, 0.8);
  color: #fff;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #34495e;
  border-radius: 8px;
  transition: all 0.5s;
  background-image: linear-gradient(45deg, #2c3e50, #34495e, #2c3e50);
}

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

/* 网站标题炫彩动画 */
.site-title {
  animation: rainbowText 6s linear infinite;
}

@keyframes rainbowText {
  0% { color: #ff0000; }
  15% { color: #ff8000; }
  30% { color: #ffff00; }
  45% { color: #00ff00; }
  60% { color: #00ffff; }
  75% { color: #0000ff; }
  90% { color: #8000ff; }
  100% { color: #ff0000; }
}

/* 头像旋转 */
.avatar-img {
  transition: none !important;
  animation: none !important;
  transform: none !important;
  /* 确保头像居中 */
  text-align: center !important;
}

.avatar-img:hover {
  /* 移除旋转效果 */
  transform: none !important;
  border-color: #87CEFA !important;
  box-shadow: 0 0 30px rgba(135, 206, 250, 0.8) !important;
}

/* 确保所有头像相关元素不旋转且居中 */
.avatar-img img,
.card-info-avatar img,
img[alt="avatar"],
#aside-content .card-info img {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  /* 覆盖任何内联样式 */
  position: static !important;
  left: auto !important;
  margin: 0 auto !important;
  display: block !important;
}

/* 专门针对卡片信息区域的头像容器 */
.card-widget.card-info .avatar-img {
  width: 100% !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
}

/* 卡片信息区域的头像图片 */
.card-widget.card-info .avatar-img img {
  margin: 0 auto !important;
  display: block !important;
  position: static !important;
  left: auto !important;
  transform: none !important;
}

/* 文章标签悬浮变色 */
.tag-link {
  transition: all 0.3s;
}

.tag-link:hover {
  background: linear-gradient(to right, #FF1493, #FF69B4);
  color: white !important;
  transform: scale(1.1);
}

/* 增加首页文章卡片的阴影动画 */
#recent-posts > .recent-post-item {
  background: rgba(255, 255, 255, 0.92) !important;
  border-radius: 12px !important;
  padding: 20px 30px !important;
  margin-bottom: 20px !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  position: relative !important;
  transition: all 0.3s !important;
}

/* 文章标题样式 */
#recent-posts > .recent-post-item .post-title {
  font-size: 1.5rem !important;
  margin-bottom: 10px !important;
  color: #4e6ef2 !important; /* 蓝色标题 */
  transition: all 0.3s !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

#recent-posts > .recent-post-item .post-title:hover {
  color: #6c5ce7 !important; /* 悬停时的颜色 */
}

/* 文章信息区样式 */
#recent-posts > .recent-post-item .article-meta-wrap {
  color: #7a7a7a !important;
  font-size: 0.85rem !important;
  margin: 10px 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

#recent-posts > .recent-post-item .article-meta-wrap > * {
  margin-right: 10px !important;
}

/* 文章分类和标签样式 */
#recent-posts > .recent-post-item .article-meta-wrap a {
  color: #6c6c6c !important;
  transition: all 0.3s !important;
  text-decoration: none !important;
}

#recent-posts > .recent-post-item .article-meta-wrap a:hover {
  color: #4e6ef2 !important;
}

/* 文章分类/标签前的图标 */
#recent-posts > .recent-post-item .article-meta-wrap i.fas,
#recent-posts > .recent-post-item .article-meta-wrap i.far,
#recent-posts > .recent-post-item .article-meta-wrap i.fab {
  margin-right: 4px !important;
  font-size: 0.9rem !important;
  color: #888 !important;
}

/* 文章内容摘要样式 */
#recent-posts > .recent-post-item .content {
  color: #4a4a4a !important;
  margin-top: 10px !important;
  line-height: 1.8 !important;
  overflow: hidden !important;
  font-size: 0.95rem !important;
}

/* 移除缩略图和摘要的额外间距 */
#recent-posts > .recent-post-item .left {
  width: 100% !important;
}

/* 移除阴影效果，使用更微妙的悬停效果 */
#recent-posts > .recent-post-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
}

/* 优化间距和对齐 */
#recent-posts > .recent-post-item .article-meta-wrap .fa-calendar-alt,
#recent-posts > .recent-post-item .article-meta-wrap .fa-history,
#recent-posts > .recent-post-item .article-meta-wrap .fa-folder,
#recent-posts > .recent-post-item .article-meta-wrap .fa-tag {
  color: #8a8a8a !important;
}

/* 添加文章发布日期和更新日期的分隔线 */
#recent-posts > .recent-post-item .article-meta-wrap span:not(:last-child)::after {
  content: "|";
  margin: 0 5px;
  color: #dddddd;
}

/* 霓虹文字按钮 */
.button--animated {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.5s !important;
  background: linear-gradient(to right, #2c3e50, #34495e);
  color: #fff !important;
}

.button--animated:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  background: linear-gradient(115deg, transparent, rgba(255,105,180,0.3), transparent);
  transition: all 0.5s;
  z-index: -1;
  transform: translateX(-100%);
}

.button--animated:hover:before {
  transform: translateX(100%);
}

.button--animated:hover {
  background: linear-gradient(to bottom, #1a252f, #2c3e50) !important;
}

/* 文章内容悬浮变色 */
.post-content p {
  transition: all 0.3s;
}

.post-content p:hover {
  transform: scale(1.01);
  color: #FF1493;
}

/* 页脚炫彩 */
#footer {
  background: #777777 !important;
  color: #f5f5f5 !important;
}

#footer::before {
  content: "♥";
  font-size: 2em;
  color: #cccccc;
  display: block;
  text-align: center;
  margin-bottom: 10px;
  text-shadow: 0 0 10px #999999;
}

/* 二次元风格增强 - 更加明显的动漫风格 */

/* 页面背景 - 动漫风格 */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: url('https://images.alphacoders.com/851/851009.png') center/cover no-repeat;
  opacity: 0.15;  /* 降低不透明度，让内容更突出 */
  animation: none;  /* 移除动画 */
}

/* 二次元标题样式改为简约高级风格 */
.post-title {
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 1.8em !important;
  color: #3366cc !important; /* 修改为深蓝色，更加突出 */
  text-shadow: 0 1px 1px rgba(0,0,0,0.1); /* 添加轻微文字阴影增加立体感 */
  background: none;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
  animation: none;
  font-weight: 600; /* 增加字体粗细 */
}

/* 动漫风格卡片 */
.recent-post-item, .card-widget {
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.3s ease;
  border-radius: 4px !important;
  border: none !important;
  margin-bottom: 20px !important;
}

.recent-post-item:hover, .card-widget:hover {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05) !important;
  transform: translateY(-2px);
}

/* 移除卡片前的彩色装饰条 */
.recent-post-item::before, .card-widget::before {
  content: none !important;
}

/* 二次元导航菜单 */
#nav {
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

#nav a {
  font-family: 'Comic Sans MS', 'Arial', cursive;
  color: white !important;
  font-weight: bold !important;
  transition: all 0.3s !important;
}

#nav a:hover {
  transform: scale(1.2) rotate(3deg) !important;
  color: #fff !important;
  text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #FF1493, 0 0 40px #FF1493 !important;
}

/* 二次元按钮 */
.button--animated {
  background: linear-gradient(45deg, #FF69B4, #87CEFA) !important;
  border: none !important;
  color: white !important;
  font-weight: bold !important;
  border-radius: 20px !important;
  box-shadow: 0 3px 10px rgba(255, 105, 180, 0.5) !important;
  transition: all 0.3s !important;
}

.button--animated:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 5px 15px rgba(255, 105, 180, 0.8) !important;
  filter: hue-rotate(45deg) !important;
}

/* 可爱的滚动条 */
::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}

::-webkit-scrollbar-track {
  background: rgba(255, 182, 193, 0.2) !important;
  border-radius: 10px !important;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #FF69B4, #87CEFA) !important;
  border-radius: 10px !important;
  border: 2px solid rgba(255, 255, 255, 0.5) !important;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, #FF1493, #1E90FF) !important;
}

/* 页脚二次元风格 */
#footer {
  background: #777777 !important;
  border-top: 3px solid #666666 !important;
  color: white !important;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3) !important;
}

#footer::before {
  content: "♥";
  font-size: 2em;
  color: #cccccc;
  display: block;
  text-align: center;
  margin-bottom: 10px;
  text-shadow: 0 0 10px #999999;
}

/* 文章内容二次元风格 */
.post-content {
  font-family: 'Comic Sans MS', 'Arial', sans-serif !important;
  font-size: 1.1em !important;
}

.post-content h1, .post-content h2, .post-content h3 {
  color: #FF69B4 !important;
  border-left: 5px solid #FF69B4 !important;
  padding-left: 15px !important;
  border-radius: 0 20px 20px 0 !important;
  background: rgba(255, 182, 193, 0.2) !important;
}

.post-content a {
  color: #3498db !important;
  text-decoration: none;
  border-bottom: 1px solid #e1e1e1 !important;
  padding-bottom: 1px !important;
  transition: all 0.2s ease;
}

.post-content a:hover {
  color: #2980b9 !important;
  border-bottom: 1px solid #3498db !important;
}

/* 二次元引用块 */
blockquote {
  border-left: 5px solid #FF69B4 !important;
  background: rgba(255, 182, 193, 0.1) !important;
  border-radius: 0 10px 10px 0 !important;
  color: #FF1493 !important;
  font-style: italic !important;
}

blockquote::before {
  content: """;
  font-size: 2em;
  color: #FF69B4;
  position: absolute;
  left: 10px;
  top: 0;
}

/* 选择文字特效 */
::selection {
  background: rgba(44, 62, 80, 0.8);
  color: #fff;
}

/* 头像动画增强 */
.avatar-img {
  border: 3px solid #FF69B4 !important;
  box-shadow: 0 0 20px rgba(255, 105, 180, 0.8) !important;
  transition: none !important;
  animation: none !important;
  transform: none !important;
  /* 确保头像居中 */
  text-align: center !important;
}

.avatar-img:hover {
  /* 移除旋转效果 */
  transform: none !important;
  border-color: #87CEFA !important;
  box-shadow: 0 0 30px rgba(135, 206, 250, 0.8) !important;
}

/* 重置所有音乐播放器样式 */
.aplayer, 
.aplayer-pic, 
.aplayer-info, 
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played,
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-thumb,
.aplayer .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume,
.aplayer-body, 
.aplayer-miniswitcher,
.aplayer .aplayer-list ol li:hover,
.aplayer .aplayer-list ol li.aplayer-list-light,
.aplayer .aplayer-info .aplayer-music .aplayer-title,
.aplayer .aplayer-info .aplayer-music .aplayer-author,
.aplayer .aplayer-info .aplayer-controller .aplayer-time,
.aplayer .aplayer-list ol li .aplayer-list-index,
.aplayer .aplayer-list ol li .aplayer-list-title,
.aplayer .aplayer-list ol li .aplayer-list-author,
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path,
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path,
.aplayer .aplayer-list ol li:hover,
.aplayer *::selection,
#aplayer {
  /* 使用!important取消所有样式 */
  all: unset !important;
  background: transparent !important;
  color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  opacity: 0 !important;
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
  z-index: -9999 !important;
}

/* 音乐卡片动画 */
.meting-js {
  transition: all 0.3s !important;
}

.meting-js:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 5px 15px rgba(255, 105, 180, 0.3) !important;
}

/* 音乐欢迎提示 */
.music-welcome-tip {
  position: fixed;
  bottom: 80px;
  right: 20px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  padding: 10px 15px;
  box-shadow: 0 0 15px rgba(255, 105, 180, 0.5);
  border: 1px solid #FFB6C1;
  z-index: 999999;
  display: flex;
  align-items: center;
  transform: translateX(200%);
  transition: transform 0.5s ease-in-out;
  max-width: 250px;
  font-family: 'Microsoft YaHei', sans-serif;
}

.music-welcome-tip.show {
  transform: translateX(0);
}

.music-welcome-tip .tip-icon {
  font-size: 24px;
  margin-right: 10px;
  color: #FF69B4;
}

.music-welcome-tip .tip-content {
  color: #FF69B4;
  font-size: 14px;
}

.music-welcome-tip .tip-close {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #FF69B4;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}

/* 初音未来图片位置控制 */
.miku-image {
  margin-left: -20px; /* 向左偏移20像素 */
  position: relative;
  display: inline-block;
}

/* 可以根据需要调整偏移量 */
.miku-image-left {
  margin-left: -50px; /* 更大的左偏移 */
}

.miku-image-custom {
  transform: translateX(-30px); /* 使用transform平移效果 */
}

/* 移动主题中的动漫女孩图片 */
#page-header .site-info::before,
.card-info-avatar .info-avatar,
.aside-list-item img,
#aside-content .card-widget.card-info img,
.card-widget.card-info img {
  position: relative;
  left: -30px !important; /* 向左移动30像素，可以根据需要调整 */
}

/* 如果上面的选择器不起作用，尝试更通用的选择器 */
.card-info img,
#card-info img,
.site-info img,
.card-widget img[src*="ppC90xi"] {
  position: relative;
  left: -30px !important;
}

/* 移动动漫女孩图片 */
.card-info-avatar img,
#aside-content .card-info img,
.avatar-img,
img[alt="初音未来"],
.author-info__avatar img,
#aside-content .card-widget.card-info img {
  position: relative !important;
  left: -30px !important;
}

/* 删除anime-music-btn样式 */
.anime-music-btn {
  display: none !important;
}

/* 强制覆盖页面头部背景 */
#page-header {
  position: relative;
  background-image: none !important; /* 移除原背景图 */
  overflow: hidden;
}

/* 移除遮罩层，完全展示壁纸 
#page-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(44, 62, 80, 0.6), rgba(0, 0, 0, 0.4));
  z-index: 0;
}
*/

#page-header > * {
  position: relative;
  z-index: 1;
}

/* 修复blockquote样式 */
blockquote::before {
  content: """;
  font-size: 2em;
  color: #FF69B4;
  position: absolute;
  left: 10px;
  top: 0;
}

/* 顶部图片轮换效果 */
.header-slideshow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform: translate3d(0, 0, 0);
  will-change: transform;
  backface-visibility: hidden;
  perspective: 1000px;
}

.header-slideshow .slideshow-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1.5s ease;
  z-index: 1;
  transform: translate3d(0, 0, 0);
  will-change: opacity;
  backface-visibility: hidden;
}

.header-slideshow .slideshow-img.active {
  opacity: 1;
  z-index: 2;
}

/* 全局颜色覆盖 - 从粉色改为蓝色系 */

/* 基础颜色定义 */
:root {
  --primary-color: #3273dc;      /* 主色调-蓝色 */
  --primary-hover: #2366d1;      /* 悬停色调-深蓝色 */
  --bg-color: #f5f8fa;           /* 背景色-浅灰蓝 */
  --text-color: #333333;         /* 文本色-深灰 */
  --border-color: #e1e4e8;       /* 边框色-浅灰 */
  --heading-color: #2c3e50;      /* 标题色-深蓝灰 */
}

/* 背景颜色 */
body, html, .container, .main, .content, .post-block, .pagination, 
.comments, .main-inner, .sidebar, .site-nav, .site-brand-container {
  background-color: var(--bg-color) !important;
}

/* 主色调 - 替换所有粉色元素 */
a, a:hover, a:focus, a:active, 
.site-title, .menu-item-active a, .post-title-link, 
.pagination-info, .post-edit-link, .sidebar-nav-item, 
.site-state-item-count, .links-of-author-item a, 
.search-popup .search-input-container:before {
  color: var(--primary-color) !important;
}

/* 按钮和交互元素 */
.btn, button, .button, input[type="button"], 
.pagination-item-link:hover, .comment-button-loading, 
.post-nav-item a:hover, .tag-cloud a:hover, 
.back-to-top, .sidebar-toggle, #nprogress .bar,
.post-footer .post-tags a {
  background-color: var(--primary-color) !important;
  color: white !important;
  border-color: var(--primary-color) !important;
}

/* 边框颜色 */
.posts-expand .post-body img, 
.post-nav-prev, .post-nav-next, 
.pagination-item-link, input:focus, 
.fancybox-slide, .fancybox-stage, 
.highlight, pre, code {
  border-color: var(--border-color) !important;
}

/* 悬停和激活状态 */
a:hover, a:focus, a:active, 
.menu-item a:hover, .post-title-link:hover,
.post-footer .post-tags a:hover, .tag-cloud a:hover, 
.links-of-author-item a:hover {
  color: var(--primary-hover) !important;
  border-color: var(--primary-hover) !important;
}

/* 音乐播放器修改 */
.aplayer, .aplayer-pic, .aplayer-info, 
.aplayer-music, .aplayer-controller, 
.aplayer-list, .aplayer-list-author {
  background-color: var(--bg-color) !important;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played,
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-thumb,
.aplayer .aplayer-list ol li:hover {
  background-color: var(--primary-color) !important;
}

/* 特定音乐播放组件的样式 */
.aplayer-body, .aplayer-miniswitcher, .aplayer-pic,
.aplayer-play, .aplayer-pause, .aplayer-volume {
  background-color: #ffffff !important;
  color: var(--primary-color) !important;
}

/* 覆盖任何内联样式的粉色元素 */
[style*="background-color: #f8a5c2"],
[style*="background-color: #fef6f9"],
[style*="background-color: #ffb6c1"],
[style*="background-color: pink"] {
  background-color: var(--primary-color) !important;
}

[style*="color: #f8a5c2"],
[style*="color: #fef6f9"],
[style*="color: #ffb6c1"],
[style*="color: pink"] {
  color: var(--primary-color) !important;
}

[style*="border-color: #f8a5c2"],
[style*="border-color: #fef6f9"],
[style*="border-color: #ffb6c1"],
[style*="border-color: pink"] {
  border-color: var(--primary-color) !important;
}

/* 特殊覆盖：网页背景和音乐播放器 */
body {
  background-color: var(--bg-color) !important;
  background-image: none !important;
}

.header-inner {
  background-color: var(--bg-color) !important;
}

/* 确保音乐播放器按钮变色 */
button.aplayer-icon {
  color: var(--primary-color) !important;
}

/* 其他可能存在的粉色元素 */
.site-author-name, .site-description, .site-state-item-name,
.post-meta, .post-meta-item, .post-meta-item a {
  color: var(--text-color) !important;
}

/* 标题颜色 */
h1, h2, h3, h4, h5, h6 {
  color: var(--heading-color) !important;
}

/* 特别处理卡片信息区域的头像 - 完全重写样式 */
body .card-widget.card-info {
  text-align: center !important;
}

body .card-widget.card-info .avatar-img {
  margin: 0 auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 110px !important;
  height: 110px !important;
  border-radius: 35px !important;
  overflow: hidden !important;
  box-shadow: 0 0 10px #FF69B4 !important;
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

body .card-widget.card-info .avatar-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  position: static !important;
  display: block !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  border-radius: 0 !important;
}

/* 修复可能的边距问题 */
body .card-widget.card-info .author-info-name,
body .card-widget.card-info .author-info-description {
  margin-top: 10px !important;
  text-align: center !important;
}

/* 文章标签悬浮变色 */
.tag-link {
  transition: all 0.3s;
}

.tag-link:hover {
  background: linear-gradient(to right, #FF1493, #FF69B4);
  color: white !important;
  transform: scale(1.1);
}

/* 导航栏样式优化 - 提高可见度 */
#nav.show {
  background-color: rgba(255, 255, 255, 0.95) !important; /* 增加不透明度到95% */
  backdrop-filter: blur(10px) !important; /* 增加模糊效果 */
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15) !important; /* 增加阴影效果 */
}

/* 固定导航栏的样式覆盖 */
#page-header.nav-fixed #nav {
  background-color: rgba(255, 255, 255, 0.95) !important; /* 增加不透明度到95% */
  backdrop-filter: blur(10px) !important; /* 增加模糊效果 */
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15) !important; /* 增加阴影效果 */
}

/* 导航栏字体颜色调整 */
#nav a, 
#nav span.site-page,
#nav #blog-info,
#nav #toggle-menu {
  color: #2c3e50 !important; /* 深蓝灰色，提高对比度 */
  font-weight: bold !important; /* 加粗字体 */
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important; /* 添加文字阴影增加可读性 */
}

/* 导航栏悬停效果 */
#nav a:hover, 
#nav span.site-page:hover,
#nav #blog-info:hover,
#nav #toggle-menu:hover {
  color: #3498db !important; /* 鲜明的蓝色 */
}

/* 文章元信息样式增强 */
#post-info #post-meta {
  color: #555 !important;
  font-weight: 500;
}

#post-info #post-meta a {
  color: #4a86e8 !important;
  font-weight: 500;
}

#post-info #post-meta a:hover {
  color: #ff7e00 !important;
  text-decoration: underline;
}

#post-info #post-meta .post-meta-icon {
  color: #ff7e00 !important;
}

/* 简约高级风格博客样式 - 苹果设计风格 */

/* 基础设置 */
:root {
  --main-color: #2c3e50;
  --accent-color: #3498db;
  --text-color: #333333;
  --light-text: #666666;
  --bg-color: #ffffff;
  --card-bg: rgba(255, 255, 255, 0.9);
  --border-radius: 12px;
  --box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  --transition: all 0.3s ease;
}

body {
  font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--text-color);
  background-color: #f9f9f9;
  cursor: default;
}

/* 页面背景 - 极简风格 */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);
  opacity: 1;
}

/* 页面整体布局 */
.layout {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* 导航栏样式 - 苹果风格 */
#nav.show {
  background-color: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
}

#page-header.nav-fixed #nav {
  background-color: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
}

/* 导航栏字体样式 */
#nav a, 
#nav span.site-page,
#nav #blog-info,
#nav #toggle-menu {
  color: var(--main-color) !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
  text-shadow: none !important;
  transition: var(--transition);
}

#nav a:hover, 
#nav span.site-page:hover,
#nav #blog-info:hover,
#nav #toggle-menu:hover {
  color: var(--accent-color) !important;
  opacity: 0.8;
}

/* 网站标题 - 简约样式 */
.site-title {
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  color: var(--main-color) !important;
  animation: none !important;
}

/* 文章卡片样式 - 简约高级 */
.recent-post-item, .card-widget {
  background: var(--card-bg) !important;
  box-shadow: var(--box-shadow) !important;
  transition: var(--transition) !important;
  border-radius: var(--border-radius) !important;
  border: none !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
}

.recent-post-item:hover, .card-widget:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
}

/* 文章标题样式 */
.post-title {
  font-family: inherit;
  font-weight: 600 !important;
  font-size: 1.6em !important;
  color: var(--main-color) !important;
  letter-spacing: 0.2px;
  line-height: 1.4;
}

/* 文章内容样式 */
.post-content {
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: var(--text-color) !important;
}

.post-content p {
  margin-bottom: 20px !important;
  transition: none !important;
}

.post-content p:hover {
  transform: none !important;
  color: inherit !important;
}

/* 文章标题样式 */
.post-content h1, .post-content h2, .post-content h3 {
  font-weight: 600 !important;
  color: var(--main-color) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 8px;
  margin: 24px 0 16px 0 !important;
}

/* 链接样式 */
.post-content a {
  color: var(--accent-color);
  border-bottom: 1px solid var(--accent-color);
  padding-bottom: 1px;
  text-decoration: none !important;
  transition: var(--transition);
}

.post-content a:hover {
  opacity: 0.8;
  border-bottom-color: transparent;
}

/* 引用块样式 */
blockquote {
  background-color: rgba(0, 0, 0, 0.02) !important;
  border-left: 4px solid var(--accent-color) !important;
  padding: 16px 24px !important;
  color: var(--light-text) !important;
  font-size: 16px !important;
  border-radius: 0 8px 8px 0 !important;
  margin: 20px 0 !important;
}

/* 按钮样式 */
.button--animated {
  background: var(--accent-color) !important;
  border-radius: 24px !important;
  padding: 8px 20px !important;
  color: white !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
  transition: var(--transition) !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3) !important;
}

.button--animated:hover {
  background: var(--main-color) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(44, 62, 80, 0.3) !important;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.02);
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  transition: all 0.3s;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.24);
}

/* 页脚样式 */
#footer {
  background: transparent !important;
  color: var(--light-text) !important;
  padding: 40px 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}

/* 头像样式 */
.avatar-img {
  transition: var(--transition) !important;
  animation: none !important;
  transform: none !important;
  text-align: center !important;
  padding: 4px !important;
  border: 2px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: white !important;
  width: auto !important;
  height: auto !important;
}

.avatar-img:hover {
  transform: none !important;
  border-color: var(--accent-color) !important;
  box-shadow: 0 0 20px rgba(52, 152, 219, 0.4) !important;
}

/* 强化确保所有头像相关图片都是圆形的 */
.avatar-img img,
.card-info-avatar img,
img[alt="avatar"],
#aside-content .card-info img {
  transition: var(--transition) !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  width: 100% !important;
  height: 100% !important;
  object-position: center !important;
  margin: 0 !important;
}

/* 强制覆盖任何可能的内联样式 */
img[alt="avatar"] {
  border-radius: 50% !important;
  overflow: hidden !important;
}

/* 强制应用于卡片信息区域的头像 */
.card-widget.card-info .avatar-img {
  width: 110px !important;
  height: 110px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  padding: 4px !important;
  background: white !important;
  border: 2px solid rgba(0, 0, 0, 0.05) !important;
  margin: 0 auto !important;
}

/* 卡片信息头像图片样式强化 */
.card-widget.card-info .avatar-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  margin: 0 !important;
  border: none !important;
}

/* 侧边栏信息卡片 */
body .card-widget.card-info {
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9)) !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 标签样式 */
.tag-link {
  background: rgba(0, 0, 0, 0.04) !important;
  color: var(--light-text) !important;
  border-radius: 16px !important;
  padding: 4px 12px !important;
  margin: 4px !important;
  transition: var(--transition) !important;
}

.tag-link:hover {
  background: var(--accent-color) !important;
  color: white !important;
  transform: translateY(-2px) !important;
}

/* 代码块样式 */
pre, code {
  font-family: "SF Mono", Consolas, Monaco, "Andale Mono", monospace !important;
  border-radius: 8px !important;
}

figure.highlight {
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

/* 图片样式 */
.post-content img {
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
  transition: var(--transition) !important;
}

.post-content img:hover {
  transform: scale(1.01) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

/* 目录样式 */
#card-toc {
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9)) !important;
  border-radius: var(--border-radius) !important;
}

#card-toc .toc-content {
  margin-top: 12px !important;
}

#card-toc .toc-link {
  color: var(--light-text) !important;
  transition: var(--transition) !important;
  line-height: 1.6 !important;
  padding: 4px 0 !important;
}

#card-toc .toc-link:hover {
  color: var(--accent-color) !important;
}

/* 修改 Follow Me 按钮样式，提高文字可见度 */
#card-info-btn {
  background: rgba(44, 62, 80, 0.85) !important; /* 深色背景 */
  color: white !important; /* 白色字体 */
  border: 1px solid #718093 !important;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
}

#card-info-btn:hover {
  background: #3498db !important; /* 悬停时的蓝色 */
  color: white !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 15px rgba(52, 152, 219, 0.4) !important;
}

/* 增强音乐播放器颜色饱和度 */
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played,
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-thumb,
.aplayer .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume {
  background: inherit !important; /* 恢复默认 */
}

.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {
  fill: inherit !important; /* 恢复默认 */
}

.aplayer .aplayer-list ol li:hover,
.aplayer .aplayer-list ol li.aplayer-list-light {
  background: inherit !important; /* 恢复默认 */
}

.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-thumb {
  box-shadow: none !important; /* 恢复默认 */
}

.aplayer .aplayer-miniswitcher {
  background: inherit !important; /* 恢复默认 */
}

/* 禁用音乐播放器的所有颜色样式 */
/* 用这个样式完全隐藏音乐播放器 */
.aplayer, 
#aplayer,
.aplayer-fixed,
.aplayer-narrow,
.aplayer-withlist,
.aplayer-wrap,
.aplayer *,
.aplayer-container * {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
  z-index: -9999 !important;
}