/* 自定义滚动条样式类 */
  .custom-scrollbar.svelte-papk1c {
    scrollbar-width: 4px !important;
    scrollbar-color: #d1d5dc #f3f4f6 !important;
  }

  .custom-scrollbar.svelte-papk1c::-webkit-scrollbar {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
  }

  .custom-scrollbar.svelte-papk1c::-webkit-scrollbar-track {
    background: #f3f4f6 !important;
    border-radius: 6px !important;
  }

  .custom-scrollbar.svelte-papk1c::-webkit-scrollbar-thumb {
    background: #d1d5dc !important;
    border-radius: 6px !important;
  }

  .custom-scrollbar.svelte-papk1c::-webkit-scrollbar-thumb:hover {
    background: #9ca3af !important;
  }

  .custom-scrollbar.svelte-papk1c::-webkit-scrollbar-corner {
    background: #f3f4f6 !important;
  }

  @keyframes svelte-papk1c-modalIn {
    from {
      opacity: 0;
      transform: translate3d(0, 20px, 0);
    }
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes svelte-papk1c-modalOut {
    from {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(0, 20px, 0);
    }
  }
  .animate__zoomInDown.svelte-papk1c {
    animation-duration: 0.6s;
  }
  .animate__zoomOutDown.svelte-papk1c {
    animation-duration: 0.3s;
  }

  .animate-modal {
    animation: svelte-papk1c-modalIn 0.2s ease-out forwards;
    will-change: transform, opacity;
  }

  .animate-modal-out {
    animation: svelte-papk1c-modalOut 0.2s ease-out forwards;
    will-change: transform, opacity;
  }

  @media (prefers-reduced-motion: reduce) {
    .animate-modal,
    .animate-modal-out {
      animation: none;
      -webkit-animation: none;
    }
  }
  /* (unused) [data-theme="blue"] {
    --primary: #4c9eea;
    --primary-grad: linear-gradient(270deg, #5fc2ff 0%, #2d96ff 100%);
    --default: #01325d;
  }*/
  [data-theme="orange"].svelte-papk1c {
    --primary: #ff7e07;
    --primary-grad: linear-gradient(270deg, #ffa44b 0%, #ff7e01 100%);
    --default: #2f0e00;
  }
  /* (unused) [data-theme="purple"] {
    --primary: #716ac7;
    --primary-grad: linear-gradient(270deg, #716ac7 0%, #47449b 100%);
    --default: #444370;
  }*/

  /* (unused) [data-theme="gold"] {
    --primary: #dca340;
    --primary-grad: linear-gradient(270deg, #ecc177 0%, #dca240 100%);
    --default: #573000;
  }*/

  .sv-modal.svelte-papk1c .btn-primary:where(.svelte-papk1c) {
    background: var(--primary-grad);
    color: #ffffff;
  }
  .sv-modal.svelte-papk1c .btn-primary.btn-outline:where(.svelte-papk1c) {
    background: #ffffff;
    color: var(--primary);
    border: 1px solid var(--primary) !important;
  }