/* ==================== 章回切换过渡 ==================== */
.chapter {
  transition: opacity 0.45s ease, visibility 0.45s;
}

/* ==================== 卷首入场 ==================== */
.hero-title,
.hero-motd-wrap,
.hero-download-area {
  opacity: 0;
  transform: translateY(16px);
}

.prologue-content.ready .hero-title {
  animation: inkReveal 0.8s ease forwards;
}

.prologue-content.ready .hero-motd-wrap {
  animation: inkReveal 0.8s ease 0.2s forwards;
}

.prologue-content.ready .hero-download-area {
  animation: inkReveal 0.8s ease 0.4s forwards;
}

.prologue-content.ready .server-switch-tabs {
  animation: inkReveal 0.7s ease 0.12s both;
}

@keyframes inkReveal {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

.hero-title.no-anim {
  opacity: 1;
  transform: none;
  animation: none !important;
}

/* ==================== 告示纸片 ==================== */
.notice-card {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* ==================== 侧栏墨迹指示 ==================== */
.sidebar-tab::before {
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==================== 社区标签下划线 ==================== */
.community-tab::after {
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==================== 服务器切换印章 ==================== */
.ink-srv-btn {
  transition: background 0.25s ease, border-color 0.25s ease,
              color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}
.ink-srv-btn:active {
  transform: scale(0.97);
}

/* ==================== 减少动效 ==================== */
@media (prefers-reduced-motion: reduce) {
  .chapter { transition: none; }
  .hero-title,
  .hero-motd-wrap,
  .hero-download-area,
  .server-switch-tabs {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
  .sidebar-tab::before { transition: none; }
  .community-tab::after { transition: none; }
  .ink-srv-btn { transition: none; }
  .server-instance,
  .notice-card,
  .poem-card,
  .scroll-frame {
    transition: none !important;
  }
}