@layer utilities {
      .content-auto {
        content-visibility: auto;
      }
      .card-hover {
        @apply transition-all duration-300 hover:shadow-lg hover:-translate-y-1;
      }
      .btn-primary {
        @apply bg-primary text-white px-4 py-2 rounded-lg transition-all hover:bg-primary/90 hover:shadow-md;
      }
      .btn-outline {
        @apply border border-primary text-primary px-4 py-2 rounded-lg transition-all hover:bg-primary hover:text-white;
      }
      .filter-active {
        @apply bg-primary text-white;
      }
      .text-balance {
        text-wrap: balance;
      }
      .news-item-hover {
        @apply transition-all duration-300 hover:bg-industrial-light hover:shadow-industrial-hover hover:scale-[1.005];
      }
      .filter-active {
        @apply bg-industrial-dark text-white !important;
      }
    }
        body {
      scroll-behavior: smooth;
      background-color: #F7FAFC;
    }
    /* 滚动条工业风定制 */
    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #E6F0F8;
    }
    ::-webkit-scrollbar-thumb {
      background: #165DFF;
      border-radius: 4px;
      color: #fff;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #165DFF;
      color: #fff;
    }
    .filter-btn {
      transition: all 0.2s ease;
    }
    	.text-balance {
        text-wrap: balance;
      }