/* 进站：实色 chunse 标志，点击淡出 */

.site-intro {

  position: fixed;

  inset: 0;

  z-index: 2147483000;

  cursor: pointer;

  overflow: hidden;

  -webkit-tap-highlight-color: transparent;

  background: #000;

  transition: opacity 0.5s ease;

}

.site-intro.is-enter {

  opacity: 0;

  pointer-events: none;

  cursor: default;

}



.site-intro-logo {

  position: absolute;

  left: 50%;

  top: 50%;

  margin: 0;

  transform: translate(-50%, -50%);

  color: #f4efe6;

  -webkit-text-fill-color: #f4efe6;

  font-family: "Libre Bodoni", "Cormorant Infant", serif;

  font-size: clamp(48px, 9vw, 92px);

  font-weight: 500;

  letter-spacing: 0.18em;

  line-height: 1;

  padding-right: 0.18em;

  text-transform: uppercase;

  white-space: nowrap;

  user-select: none;

  pointer-events: none;

  opacity: 1;

  z-index: 2;

}



.site-intro-hint {

  position: absolute;

  left: 0;

  right: 0;

  bottom: max(28px, env(safe-area-inset-bottom, 0px));

  text-align: center;

  color: rgba(244, 239, 230, 0.55);

  font: 400 12px/1.4 "Public Sans", "Noto Sans SC", sans-serif;

  letter-spacing: 0.18em;

  pointer-events: none;

  z-index: 2;

  transition: opacity 0.35s ease;

}

#site-intro.is-enter .site-intro-hint,

.site-intro.is-enter .site-intro-hint {

  opacity: 0 !important;

}



@media (prefers-reduced-motion: reduce) {

  .site-intro {

    transition: opacity 0.2s ease;

  }

}