.code-wrapper {
    position: relative;
    display: inline-block;
  }
  
  .code {
    background-color: #333;
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    overflow: auto; /* 添加滚动条 */
    scrollbar-width: thin; /* 设置滚动条宽度 */
    scrollbar-color: #666 #ddd; /* 设置滚动条颜色 */
    max-width: 33em;
    max-height: 300px; /* 设置最大高度 */
  }

  .code::-webkit-scrollbar {
    width: 2px; /* 设置滚动条宽度 */
  }
  
  .code::-webkit-scrollbar-track {
    background-color: #ddd; /* 设置滚动条背景颜色 */
  }
  
  .code::-webkit-scrollbar-thumb {
    background-color: #666; /* 设置滚动条滑块颜色 */
    height: 2px; /* 设置滑块的高度 */
  }
  
  .copy-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s ease;
  }