@layer utilities {
      .content-auto {
        content-visibility: auto;
      }
      .text-shadow {
        text-shadow: 0 2px 4px rgba(0,0,0,0.1);
      }
      .transition-custom {
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      }
      .hover-lift {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
      }
      .hover-lift:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px -5px rgba(15, 82, 186, 0.15);
      }
      .fade-in {
        opacity: 1; /* 修改为默认显示，不再隐藏 */
        transform: translateY(0);
        transition: opacity 0.8s ease, transform 0.8s ease;
      }
      .fade-in.active {
        opacity: 1;
        transform: translateY(0);
      }
      .fixed-right-btn {
        position: fixed;
        right: 20px;
        z-index: 999;
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
    }
	
	 /* 当前选中导航项样式 */
  .nav-link.active {
    color: #0F52BA !important; /* 主色调，与primary一致 */
    font-weight: bold;
    position: relative;
  }
  /* 底部下划线装饰，增强醒目效果 */
  .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #0F52BA; /* 主色调 */
    border-radius: 1px;
  }
  
  /* 自定义过渡动画 */
.transition-custom {
  transition: all 0.3s ease;
}

/* 固定右侧按钮容器样式 */
.fixed-right-btn {
  position: fixed;
  right: 20px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* PC端点击交互样式 */
@media (min-width: 768px) {
  .phone-panel, .wechat-panel {
    pointer-events: none;
  }
  .phone-btn.active + .phone-panel,
  .wechat-btn.active + .wechat-panel {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}