body {
  font-family: "Microsoft YaHei", sans-serif;
}

#search {
  max-width: 720px;
  margin: 4rem auto 1.5rem auto;  /* 上边距加大，下边距保持 1.5rem */
  padding: 0 1rem;
}

/* 强制黑色主题（使用更具体的选择器） */
:root {
  --pagefind-ui-scale: 1;
  --pagefind-ui-primary: #eeeeee !important;
  --pagefind-ui-text: #cccccc !important;
  --pagefind-ui-background: #1e1e1e !important;
  --pagefind-ui-border: #444444 !important;
  --pagefind-ui-tag: #333333 !important;
  --pagefind-ui-border-width: 1px !important;
  --pagefind-ui-border-radius: 8px !important;
  --pagefind-ui-font: "Microsoft YaHei", sans-serif !important;
}

/* 直接修改输入框背景 */
#search .pagefind-ui__search-input {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
  border: 1px solid var(--pagefind-ui-border) !important;
}

#search .pagefind-ui__search-input::placeholder {
  color: #888888 !important;
}

/* 搜索结果标题与摘要 */
#search .pagefind-ui__result-title {
  color: #ffffff !important;
}
#search .pagefind-ui__result-excerpt {
  color: #aaaaaa !important;
}
#search .pagefind-ui__result-link {
  color: #80b4ff !important;
}

/* 搜索结果面板背景 */
#search .pagefind-ui__results {
  background-color: #1e1e1e !important;
}

.social-icons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.social-icons a {
  color: #fff;
  transition: color 0.3s;
}
.social-icons a:hover {
  color: #80b4ff;
}

.video-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  margin-top: 2rem;
}
.video-item {
  border-radius: 8px;
  overflow: hidden;
  background: #1e1e1e;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.video-item iframe {
  display: block;
}