/* 主页样式：复用 oi-docs 的 rustdoc 风格，但禁用动画与过渡。 */

.home *,
.home *::before,
.home *::after {
  transition: none !important;
  animation: none !important;
}

.home .topbar { gap: 6px; }
.home .brand { text-decoration: none; }
.home .brand:hover { text-decoration: none; }

.home .welcome-page { padding-bottom: 40px; }
.home .hero { padding-top: 40px; }

.home .btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
}

.home .card { text-decoration: none; }
.home .card:hover { text-decoration: none; }
.home .card-icon { width: 20px; height: 20px; }

.home .home-prose {
  max-width: 760px;
  color: var(--text-soft);
}

.home .home-prose p { margin: 0 0 10px; }
.home .home-prose strong { color: var(--text); font-weight: 600; }
.home .home-tags { margin: 14px 0 0; }

.home .home-footer {
  margin-top: 38px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
  color: var(--text-soft);
  font-size: 13px;
}

.home .home-footer a { color: var(--accent); }
.home .home-footer a:hover { text-decoration: underline; }

/* 主页只复用 oi-docs 的“外观设置”面板，保留主题选择。 */
.home .settings-panel { max-height: calc(100vh - 64px); overflow: auto; }

@media (max-width: 600px) {
  .home .brand .logo { display: grid; }
}

@media (max-width: 520px) {
  .home .topbar { gap: 4px; }
  .home .brand span:last-child { display: none; }
}