@layer utilities {
    .content-auto {
      content-visibility: auto;
    }
    .text-shadow {
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    }
    .text-shadow-lg {
      text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
    }
    .transition-custom {
      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    }
  }

  /* 导航栏滚动状态样式 */
#navbar.scrolled {
  background-color: #f9fcfb; /* 实色背景 */
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* 滚动时导航链接颜色变化 */
#navbar.scrolled a,
#navbar.scrolled #language-toggle span {
  color: #2d424a; /* 深色文字 */
}

#navbar.scrolled #language-toggle span:hover {
  color: #f28b7d; /* 悬停时的辅助色 */
}