/* custom styles */
.icp-icon { width: 16px; height: 16px; vertical-align: text-bottom; margin-right: 4px; }

/* 背景图增强 */
#web_bg {
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}

/* 卡片通用圆角与磨砂 */
#recent-posts > .recent-post-item,
#aside-content .card-widget,
div#post,
div#archive,
div#page,
div#tag,
div#category {
  border-radius: 16px !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

/* 深色模式卡片更通透 */
[data-theme='dark'] #recent-posts > .recent-post-item,
[data-theme='dark'] #aside-content .card-widget,
[data-theme='dark'] div#post,
[data-theme='dark'] div#archive,
[data-theme='dark'] div#page,
[data-theme='dark'] div#tag,
[data-theme='dark'] div#category {
  background: rgba(20, 20, 20, 0.62) !important;
  border: 1px solid rgba(255,255,255,0.10);
}

/* 顶部大图遮罩文字更清晰 */
#page-header::before {
  background-color: rgba(0, 0, 0, 0.28) !important;
}

/* 菜单与标题动效 */
#site-name, #site-title, #site-subtitle, #nav .menus_item a {
  transition: all .28s ease;
}
#site-name:hover, #site-title:hover {
  transform: translateY(-1px) scale(1.02);
}
#nav .menus_item a:hover {
  color: #fff !important;
  text-shadow: 0 0 8px rgba(255,255,255,.45);
}

/* 滚动条美化 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #49b1f5, #6dd5fa);
  border-radius: 8px;
}
::-webkit-scrollbar-track {
  background: rgba(255,255,255,.08);
}