:root {
  /** 主题颜色 */

  /*
  --vp-c-brand-1: #5086a1;
  --vp-c-brand-2: #6aa1b7;
  --vp-c-brand-3: #8cccd5;
  --vp-c-brand-soft: rgba(131, 208, 218, 0.314);
  */

  /** 背景颜色 */

  /*
  --vp-c-bg: #fff;
  --vp-c-bg-alt: #f6f6f7;
  --vp-c-bg-elv: #fff;
  --vp-c-bg-soft: #f6f6f7;
  */

  /** 文本颜色 */

  /*
  --vp-c-text-1: rgba(60, 60, 67);
  --vp-c-text-2: rgba(60, 60, 67, 0.78);
  --vp-c-text-3: rgba(60, 60, 67, 0.56);
  */
  --vp-home-hero-name-color: transparent;
  --vp-home-hero-name-background: linear-gradient(120deg, var(--vp-c-purple-1) 30%, var(--vp-c-brand-2));
  --vp-home-hero-tagline: var(--vp-c-text-2);
  --vp-home-hero-text: var(--vp-c-text-1);
  --vp-home-hero-image-background-image: linear-gradient(-45deg, var(--vp-c-brand-soft) 50%, var(--vp-c-brand-2) 50%);
  --vp-home-hero-image-filter: blur(44px);
}

/** 深色模式 */
/* [data-theme="dark"] { */
  /*
  --vp-c-brand-1: #8cccd5;
  --vp-c-brand-2: #6aa1b7;
  --vp-c-brand-3: #5086a1;
  --vp-c-brand-soft: rgba(131, 208, 218, 0.314);
  */

  /*
  --vp-c-bg: #1b1b1f;
  --vp-c-bg-alt: #161618;
  --vp-c-bg-elv: #202127;
  --vp-c-bg-soft: #202127;
  */

  /*
  --vp-c-text-1: rgba(255, 255, 245, 0.86);
  --vp-c-text-2: rgba(235, 235, 245, 0.6);
  --vp-c-text-3: rgba(235, 235, 245, 0.38);
  */
/* } */

/* home hero image */
.image {
  margin-top: 60px !important;
}

/* home features */
.item {
  transition: transform 0.3s;
}

.item:hover {
  transform: translateY(-5px);
}

/* faq */
.posts-container.no-profile {
  max-width: 1400px !important;
}

.vp-posts-nav.local .nav-link {
  max-width: 175px !important;
}

/* friends */
.vp-friends {
  max-width: 1400px !important;
}

.friends-list {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.avatar {
  width: auto;
  height: auto;
  padding: 8px;
  border-radius: 8px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.avatar img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
}
