@layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .text-shadow {
                text-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .transition-all-300 {
                transition: all 300ms ease-in-out;
            }
            .demo-ribbon {
                position: fixed;
                top: 0;
                right: 0;
                width: 150px;
                height: 150px;
                overflow: hidden;
                z-index: 9999;
                pointer-events: none;
            }
            .demo-ribbon span {
                position: absolute;
                display: block;
                width: 225px;
                padding: 15px 0;
                background-color: #F59E0B;
                box-shadow: 0 5px 10px rgba(0,0,0,.1);
                color: #fff;
                font-size: 13px;
                text-align: center;
                right: -45px;
                top: 30px;
                transform: rotate(45deg);
                font-weight: bold;
            }
        }
 @layer utilities {
    /* 标签样式 */
    .hero-tags {
      margin-top: 1.5rem; /* 与介绍文字保持间距 */
      display: flex; /* 横向排列 */
      flex-wrap: wrap; /* 换行适配小屏幕 */
      gap: 0.75rem; /* 标签间距 */
    }

    .tag {
      /* 基础样式 */
      display: inline-flex;
      align-items: center;
      padding: 0.375rem 0.75rem;
      font-size: 0.875rem;
      font-weight: 500;
      border-radius: 0.375rem;
      transition: all 0.2s ease;

      /* 视觉样式 */
      background-color: rgba(255, 255, 255, 0.1); /* 半透明背景 */
      color: white;
      border: 1px solid rgba(255, 255, 255, 0.2); /* 浅色边框 */
    }

    .tag i {
      margin-right: 0.25rem; /* 图标与文字间距 */
      font-size: 1.125rem; /* 图标大小 */
    }

    /* 鼠标悬停效果（可选） */
    .tag:hover {
      background-color: rgba(255, 255, 255, 0.2);
      transform: translateY(-1px);
    }

    /* 小屏幕适配（小于 md 尺寸时缩小标签尺寸） */
    @media (max-width: 767px) {
      .hero-tags {
        gap: 0.5rem;
      }

      .tag {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
      }

      .tag i {
        font-size: 1rem;
      }
    }
  }