/* 隐藏首页标题下方的社交图标 */
#site_social_icons {
  display: none !important;
}

/* 头像下方社交链接改为长条，竖排居中 */
.card-info-social-icons {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0 !important;
  align-items: stretch;
}

.card-info-social-icons .social-icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 400;
  text-decoration: none;
  box-sizing: border-box;
  transition: opacity 0.2s;
  line-height: 1.2 !important;
  min-height: unset !important;
  height: auto !important;
}

.card-info-social-icons .social-icon:hover {
  opacity: 0.85;
}

.card-info-social-icons .social-icon i {
  color: #fff !important;
  font-size: 14px;
}

/* 三个长条用 nth-child 按顺序对应颜色 */
.card-info-social-icons .social-icon:nth-child(1) {
  background: #24292e;
}
.card-info-social-icons .social-icon:nth-child(2) {
  background: #00a1d6;
}
.card-info-social-icons .social-icon:nth-child(3) {
  background: #c20c0c;
}

/* 追加文字 */
.card-info-social-icons .social-icon:nth-child(1)::after { content: "Github"; font-size: 13px; color: #fff; }
.card-info-social-icons .social-icon:nth-child(2)::after { content: "Bilibili"; color: #fff; font-size: 13px; }
.card-info-social-icons .social-icon:nth-child(3)::after { content: "CloudMusic"; color: #fff; font-size: 13px; }

/* 确保文字可见 */
.card-info-social-icons .social-icon span {
  color: #fff;
}

/* 隐藏首页 banner 中央的大字和滚动箭头 */
#page-header.full_page #site-title,
#page-header.full_page #site-subtitle,
#page-header.full_page #scroll-down {
  display: none !important;
}

/* banner 响应式：手机端显示右侧主体部分 */
@media (max-width: 768px) {
  #page-header.full_page {
    height: 200px !important;
    background-position: 70% center !important;
    background-attachment: scroll !important;
  }
}

/* banner 手机端四分之一取景，聚焦顶端 */
@media (max-width: 768px) {
  #page-header.full_page {
    height: 160px !important;
    background-size: 200% !important;
    background-position: 25% 0% !important;
    background-attachment: scroll !important;
  }
}

/* 主页社交按钮降低饱和度 */
.card-info-social-icons .social-icon {
  /* 主页社交按钮马卡龙色调 */
.card-info-social-icons .social-icon i { font-size: 16px; }
.card-info-social-icons .social-icon { filter: saturate(0.15) brightness(1.1); }
}

/* 深色模式：banner加遮罩 + 按钮变暗 */
[data-theme="dark"] #page-header.full_page {
  &::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
    pointer-events: none;
  }
}


/* 深色模式：banner遮罩 + 按钮变暗 */
[data-theme="dark"] #page-header.full_page::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1;
  pointer-events: none;
}

[data-theme="dark"] .card-info-social-icons .social-icon {
  filter: saturate(0.5) brightness(0.9);
}
[data-theme="dark"] #footer::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1;
  pointer-events: none;
}