/* 全局隐藏滚动条（作用于html/body），保留滚动功能 */
    html, body {
      margin: 0;
      padding: 0;
      /* 核心样式：webkit内核 */
      ::-webkit-scrollbar {
        display: none;
      }
      /* Firefox */
      scrollbar-width: none;
      /* IE/旧版Edge */
      -ms-overflow-style: none;
    }

    /* 测试内容：让页面超出高度，触发滚动 */
    .test-content {
      height: 200vh; /* 高度200%视口，强制页面滚动 */
      background: linear-gradient(#f0f0f0, #42b983);
      padding: 20px;
      font-size: 20px;
    }

    /* 局部容器隐藏滚动条示例（可选） */
    .local-scroll {
      width: 300px;
      height: 200px;
      margin: 20px auto;
      border: 1px solid #ccc;
      overflow: auto; /* 必须开启滚动，否则隐藏无意义 */
      /* 局部滚动条隐藏样式 */
      ::-webkit-scrollbar {
        display: none;
      }
      scrollbar-width: none;
      -ms-overflow-style: none;
    }