/* 全局样式 */
body {
  font-family: 'Inter', system-ui, sans-serif;
  scroll-behavior: smooth;
}

/* 导航栏滚动效果 */
#navbar {
  background-color: transparent;
}

#navbar.scrolled {
  background-color: rgba(26, 26, 26, 0.95);
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

/* 图片查看器 */
#gallery-modal {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

#gallery-modal.active {
  opacity: 1;
  visibility: visible;
}

/* 回到顶部按钮 */
#back-to-top.active {
  opacity: 1;
  visibility: visible;
}

/* 角色标签切换 */
.character-tab.active {
  background-color: rgba(184, 28, 34, 0.2);
  border-color: rgba(184, 28, 34, 0.5);
  color: #b81c22;
}

/* 动画效果 */
.fade-in {
  animation: fadeIn 0.5s ease-in-out;
}

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