.hide-scrollbar.svelte-1tm59yt::-webkit-scrollbar {
    display: none;
  }
  .hide-scrollbar.svelte-1tm59yt {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  /* 按钮基础样式 */
  .btn-base.svelte-1t4vyz0 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 6px
}

  /* 常规球类按钮 */
  .ball-btn.svelte-1t4vyz0 {
    height: 70px;
    width: 50px
}

  /* 生肖和半波按钮 */
  .animal-btn.svelte-1t4vyz0 {
    margin-bottom: 8px;
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 6px;
    padding-right: 10px
}

  /* 球内数字定位 */
  .ball-number.svelte-1t4vyz0 {
    position: absolute;
    inset: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

  /* 选中状态的渐变背景 */
  .btn-selected.svelte-1t4vyz0 {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: var(--from-color) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: var(--to-color) var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

  /* 未选中状态的背景 */
  .btn-unselected.svelte-1t4vyz0 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 249 / var(--tw-bg-opacity, 1))
}

  .btn-bg.svelte-19my0gi {
    background-color: #fff7e7;
    background-image: url("data:image/svg+xml,%3csvg%20width='112'%20height='48'%20viewBox='0%200%20112%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_31355_55590)'%3e%3crect%20width='112'%20height='48'%20fill='url(%23paint0_linear_31355_55590)'/%3e%3cpath%20d='M61.7951%2038.5214C83.7982%2015.7198%2056.1821%206.51925%2041.5882%207.01926C27.5556%208.01935%209.71712%2021.4105%204.54216%2026.0205C0.0517297%2030.0208%20-3.87739%2034.1877%20-5%2036.5212L10.7165%2052.0223C18.5747%2057.0226%2039.792%2061.3229%2061.7951%2038.5214Z'%20fill='%23FFE5B1'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_31355_55590'%20x1='56'%20y1='0'%20x2='56'%20y2='48'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFF3CD'/%3e%3cstop%20offset='1'%20stop-color='%23FFE6B4'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_31355_55590'%3e%3crect%20width='112'%20height='48'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  }
  .btn-bg-s.svelte-19my0gi {
    background-color: #fff7e7;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJkAAABgBAMAAAD8781YAAAAGFBMVEX/5bH/88z/8cn/78X/6Lb/7cH/6br/673vozQbAAADb0lEQVRYw+yPwW7bMAyGCcxdrp2eoJaweyFCzdXAhu46xBF6NdAWvQZrhr3+fopqBNRx4qg+9rMtiRL5maJvC3L9afuwra2VmGIrLjPKmSwe77SigK01BmErr8GQ3UAXOuQS7GsKxvJ7gzf3lk066AfKWmsBMvTN9WpMCca0bzYrHYH0Xzytdm3VKQeqkAMFs0pQIQWHxm/IWpxbA2dy4Bwia61M2JYG06G+1kgsNchIa0jEKJmwGYvA4hAqHCJEIFYoMQPZssiSP0Ejkc5QpQwIMeC9Rm+iKEj7bXIA0WogHzrQvaxLLepNFNj0vAiVosvJbR61eaHM+Q4Gtll8//fUETU/X/5uyt9G3MyyrZ+o0LxkYZ0tDPSOX5tam9vTEe43VbZ1R0dpnitsdzTJvZ+wufS5t8VhwC1P0Gw0zTtJ9cnmvXUIWcsReAe8l6wdnaT5I1miYa2/JYdyFHr2jiGBz1uGn9kNROd0jEJGBSpRBBvqWBqEzCKwiNJG6IjO60TiYMDM/pakUjfY6y6UWM2RQcdeHp9GRm9ccC4LMXY0i1Wu92rzfJSBZvKj1MBWKyt3Vdy0bUfzWZ3rbUuX8Di21ctoddJ2RxfyesIW6FKupm1hoEtp+knbji7n8WATb2Cgiy1VcFV660PPIXCMHLlfUw0NKuHh3xRDHyALEsXQURWv0knscdM+RCBDH3dUx7PUS28h9gqiLVXyJUSGUG4KrfJAtaz6CMQmaDBQLV/jyLanappiK/esZ2TrlrTtaUHbAy1pG5a0/W+VjnUkhGEggKaIwm+5iMIPHJf2isi0NMS/f7NZtBGUOx5MoHoaI36Co1ZJLN60w0s7cf4GMqluuKDZWauw2nJu59A2w69Ga1braXYEnEJrK6j60sz4amE3pA5NeM1GoHlUS1MLfJaPdjho60fziHlq0VVbXLXVU4vmqSVXbe3drE+NXXTHdJgOWtId6Wq9//GaalcdmPJa1F2vOGgFSvfSos7wWnLViqcW1VNTTy1dizZtGFZTLe2Flbcq5FfLpbVcNOMlt8J1ywprDNScG6XFXAZUcA9NqGojDeAVCUJUu6dBy1S1mTK6YehqY9e39m259mh2aeKw5+yWuT2fmtDVpoZw1Z6aMNUky33TTO8Zxw1toPSesxvCVZsa+gmeX2Axxqf2D+WmQZg7y/GiAAAAAElFTkSuQmCC");
  }