/* VioletNet-specific adjustments to the migrated visual shell. */
.home-title-stack {
  cursor: default;
  background: url("../img/堇团首页素材/UI/堇团.png") left top / 100% auto no-repeat;
}

.home-title-kanji {
  visibility: hidden;
}

.home-title-stack:hover,
.home-title-stack:focus-visible {
  transform: none;
}

.home-site-nav {
  gap: clamp(22px, 2vw, 36px);
}

.home-title-frame b::before {
  content: none;
}

.violetnet-brand-name {
  color: var(--home-ui-red);
  font-style: normal;
  margin-right: 0.25em;
}

.home-bottom-band__right b {
  font-size: 0.9rem;
}

@media (max-width: 900px), (max-width: 1000px) and (max-height: 500px) {
  .home-bottom-band__right b {
    font-size: 0.7rem;
  }
}

.home-bottom-band__right::before {
  content: none;
}

.home-bottom-band__right b,
.home-bottom-band__right span,
.home-bottom-band__left span {
  display: block;
}

.home-bottom-band__right b,
.home-bottom-band__left b {
  line-height: 1.4;
}

@media (min-width: 901px) and (min-height: 501px) and (max-height: 800px), (min-width: 1001px) and (max-height: 800px) {
  .home-hero-copy {
    top: 17%;
  }
}

@media (min-width: 901px) and (min-height: 501px) and (max-width: 1180px), (min-width: 1001px) and (max-width: 1180px) {
  .home-topbar {
    grid-template-columns: minmax(148px, 198px) minmax(240px, 1fr) minmax(136px, 188px);
  }
}

/* Keep planned desktop tools visible without turning them into empty links. */
@media (min-width: 901px) and (min-height: 501px), (min-width: 1001px) {
  .home-site-nav .home-tool-link--pending {
    position: relative;
    display: grid;
    min-width: 56px;
    justify-items: center;
    gap: 2px;
    padding: 0;
    border: 0;
    color: rgba(255,248,239,.55);
    background: transparent;
    cursor: default;
    font: inherit;
    text-shadow: 0 2px 12px rgba(0,0,0,.72);
  }
  .home-tool-link--pending .home-site-nav__label { color: inherit; }
  .home-tool-link--pending small {
    color: rgba(255,248,239,.4);
    font-family: inherit;
    font-size: .58rem;
    line-height: 1;
    font-weight: 400;
  }
}

@media (min-width: 1041px) {
  .home-site-nav { gap: clamp(12px,1.3vw,24px); }
}

@media (min-width: 901px) and (min-height: 501px) and (max-width: 1180px), (min-width: 1001px) and (max-width: 1180px) {
  .home-site-nav .home-tool-link--pending { min-width: 46px; }
  .home-tool-link--pending small { font-size: .48rem; }
}

@media (min-width: 901px) and (min-height: 501px) and (max-width: 1040px), (min-width: 1001px) and (max-width: 1040px) {
  .home-site-nav {
    gap: 8px;
    max-height: calc(100svh - 98px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .home-site-nav .home-tool-link--pending {
    grid-template-columns: 1fr auto;
    justify-items: start;
    min-width: 0;
    padding: 12px 14px;
    background: rgba(255,255,255,.025);
    border-bottom: 1px solid rgba(255,255,255,.06);
  }
  .home-tool-link--pending small { align-self: center; font-size: .52rem; }
}
