/* 目录：搜索居中，入口与工具分组；所有装饰色来自公共主题。 */
.layout-directory { --content-max: 80rem; --radius-lg: 1rem; }
.layout-directory .directory-header { position: static; background: var(--brand-panel); }
.layout-directory .directory-header .site-header__inner { min-height: 5rem; padding: 1.1rem; flex-direction: column; gap: 0.75rem; }
.layout-directory .directory-header .brand { width: 10.5rem; }
.layout-directory .directory-main { padding: 1.5rem 1rem 6rem; }
.layout-directory .directory-search.hero { display: block; max-width: 47rem; margin: 0 auto 2rem; padding: 0; text-align: center; }
.layout-directory .directory-search .hero__title { margin-top: 0; font-size: clamp(2rem, 4vw, 3.1rem); line-height: 1.14; }
.layout-directory .directory-search .hero__description { display: block; max-width: 42rem; margin: 0.85rem auto 0; font-size: 1rem; }
.layout-directory .directory-search .search { max-width: 40rem; margin: 1.2rem auto 0; min-height: 3.75rem; border-radius: 999px; text-align: left; }
.layout-directory .directory-search .search__input { font-size: 1rem; }
.layout-directory .directory-search .btn--search { flex-basis: min(7rem, 45%); border-radius: 999px; font-size: 1rem; }
.layout-directory .directory-search .search-error { text-align: left; max-width: 40rem; margin-left: auto; margin-right: auto; }
.layout-directory .directory-search .trust-proof { display: inline-flex; margin-top: 0.35rem; border: 0; padding: 0; text-align: left; }
.layout-directory .directory-search .trust-proof__badge { width: 2rem; height: 2rem; }
.layout-directory .directory-search .trust-proof__title { font-size: 0.8rem; }
.layout-directory .directory-search .trust-proof__text { font-size: 0.75rem; white-space: normal; }
.layout-directory .directory-workspace, .layout-directory .directory-analysis { display: grid; gap: 1.25rem; align-items: start; }
.layout-directory .directory-destinations, .layout-directory .directory-tools { min-width: 0; }
.layout-directory .directory-analysis > * { min-width: 0; }
.layout-directory .feature-card { padding: 1.1rem; margin: 0; border: 1px solid var(--brand-border); border-radius: var(--radius-lg); background: var(--brand-panel); box-shadow: none; }
.layout-directory .official-card__head { margin-bottom: 1rem; }
.layout-directory .official-card__seal { display: none; }
.layout-directory .official-card__head h2 { font-size: 1.25rem; }
.layout-directory .official-card__caption { flex-wrap: wrap; font-size: 0.75rem; }
.layout-directory #domain-list { gap: 0.6rem; }
.layout-directory .item { min-height: 4.8rem; flex-wrap: wrap; align-content: center; justify-content: flex-start; gap: 0.4rem; padding: 0.75rem; border-radius: 0.7rem; background: var(--brand-page); }
.layout-directory .item__number { display: inline-flex; width: 1.35rem; height: 1.35rem; font-size: 0.7rem; }
.layout-directory .item__check { order: 0; margin-left: auto; }
.layout-directory .item__text { order: 2; flex: 1 0 100%; font-size: 0.82rem; overflow-wrap: anywhere; white-space: normal; }
.layout-directory .directory-shortcuts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 5rem), 1fr)); gap: 0.6rem; margin-top: 1rem; }
.layout-directory .directory-shortcuts a { min-width: 0; padding: 0.9rem 0.6rem; display: flex; align-items: flex-start; flex-direction: column; gap: 0.55rem; border: 1px solid var(--border-light); border-radius: 0.7rem; background: var(--brand-surface); text-decoration: none; }
.layout-directory .directory-shortcuts a:hover { border-color: var(--brand-primary); }
.layout-directory .directory-shortcuts .nav-icon { color: var(--brand-primary); }
.layout-directory .directory-shortcuts strong { font-size: 0.85rem; }
.layout-directory .directory-shortcuts a > span:last-child { color: var(--brand-text-muted); font-size: 0.75rem; }
.layout-directory .directory-tools { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; }
.layout-directory .directory-tools .live-card { display: block; padding: 1rem; }
.layout-directory .directory-tools .section-heading { flex-direction: row; align-items: center; margin-bottom: 0.6rem; gap: 0.5rem; }
.layout-directory .directory-tools .section-heading h2 { font-size: 1.1rem; }
.layout-directory #live-game-select { margin: 0; min-height: 2.75rem; font-size: 0.85rem; }
.layout-directory #wingo-live-body { display: block; border: 1px solid var(--border-light); border-radius: 0.7rem; background: var(--brand-page); overflow: hidden; }
.layout-directory .wingo-summary__meta { grid-template-columns: minmax(0, 1.3fr) 1px minmax(0, 1fr); gap: 0.5rem; padding: 0.7rem; min-height: 4.5rem; }
.layout-directory .wingo-summary__metric { align-items: center; text-align: center; font-size: 0.75rem; }
.layout-directory .wingo-summary__metric strong { font-size: 0.8rem; }
.layout-directory .wingo-summary__metric .wingo-countdown__value { font-size: 1.35rem; }
.layout-directory .wingo-summary__divider { height: 2.5rem; }
.layout-directory .wingo-summary__results { min-height: 5rem; padding: 0.8rem; justify-content: center; border-bottom: 1px solid var(--border-light); }
.layout-directory #wingo-live-body .wingo-balls { justify-content: space-around; gap: 0.3rem; }
.layout-directory #wingo-live-body .wingo-ball, .layout-directory #wingo-live-body .wingo-hash-slot { width: 2.4rem; height: 2.4rem; font-size: 1rem; }
.layout-directory #wingo-live-body .wingo-eq .wingo-ball, .layout-directory #wingo-live-body .wingo-eq .wingo-dieface--hero, .layout-directory #wingo-live-body .wingo-eq .wingo-eq__sum { width: 2rem; min-width: 2rem; height: 2rem; font-size: 0.9rem; }
.layout-directory .wingo-summary__link { min-height: 2.8rem; margin: 0; font-size: 0.85rem; }
.layout-directory .getting-started .details-section__heading { margin-bottom: 0.65rem; }
.layout-directory .getting-started h2 { font-size: 1.1rem; }
.layout-directory .steps { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.65rem; }
.layout-directory .step { padding: 0; background: transparent; border: 0; gap: 0.6rem; }
.layout-directory .step__number { width: 1.5rem; height: 1.5rem; min-width: 1.5rem; font-size: 0.8rem; }
.layout-directory .step__content { font-size: 0.8rem; }
.layout-directory .support-actions { gap: 0.5rem; margin-top: 1rem; }
.layout-directory .support-actions .float, .layout-directory .support-actions .btn--install { flex: 1 1 100%; min-width: 0; min-height: 2.75rem; font-size: 0.85rem; }
.layout-directory .directory-analysis { margin: 1.5rem 0; }
.layout-directory .details-section__heading h2 { font-size: 1.5rem; }
.layout-directory .information-section { margin-top: 1.5rem; }
@media (min-width: 48rem) {
  .layout-directory .directory-main { padding: 2rem 2rem 3rem; }
  .layout-directory .directory-workspace { grid-template-columns: minmax(0, 1fr) minmax(17rem, 20rem); }
  .layout-directory #domain-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .layout-directory .directory-analysis { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 64rem) {
  .layout-directory .directory-header .desktop-nav { display: flex; width: max-content; margin: 0 auto; align-self: center; align-items: center; justify-content: center; gap: 1.5rem; min-height: 2.75rem; }
  .layout-directory .directory-header .desktop-nav__link { min-height: 2.75rem; font-size: 0.9rem; }
  .layout-directory .directory-header .desktop-nav__download { min-width: 8rem; min-height: 2.75rem; padding: 0.5rem 0.75rem; font-size: 0.9rem; }
}
@media (max-width: 47.999rem) {
  .layout-directory .directory-search .hero__title { font-size: 1.85rem; }
  .layout-directory .directory-search .hero__description { font-size: 0.9rem; }
  .layout-directory .directory-search .trust-proof { max-width: 100%; }
  .layout-directory .directory-analysis { grid-template-columns: minmax(0, 1fr); }
  .layout-directory .directory-tools { margin-top: 0.25rem; }
}

/* The share tool occupies its own column alongside the centered brand. */
.layout-directory .directory-header .site-header__inner { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.layout-directory .directory-header .brand { grid-column: 2; min-width: 0; max-width: 100%; }
.layout-directory .directory-header .share-trigger--primary { grid-column: 3; justify-self: end; }
.layout-directory .directory-header .desktop-nav { grid-column: 1 / -1; justify-self: center; }
@media (max-width: 40rem) {
  .layout-directory .directory-header .site-header__inner { grid-template-columns: minmax(0, 1fr) auto; gap: 0.6rem; }
  .layout-directory .directory-header .brand { grid-column: 1; justify-self: center; }
  .layout-directory .directory-header .share-trigger--primary { grid-column: 2; }
}

.layout-directory .directory-header .language-trigger { grid-column: 1; grid-row: 1; justify-self: start; }
@media (max-width: 40rem) {
  .layout-directory .directory-header .site-header__inner { grid-template-columns: minmax(0, 1fr) auto auto; }
  .layout-directory .directory-header .language-trigger { grid-column: 2; }
  .layout-directory .directory-header .share-trigger--primary { grid-column: 3; grid-row: 1; }
}

.layout-directory .feature-card.follow-section { margin-top: 1.25rem; padding: 1.1rem; }