@import "tailwindcss";
@import "tw-animate-css";

@font-face {
  font-family: 'AliMaMaShuHeiTi';
  src: url('/fonts/AliMaMaShuHeiTi.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.shuheiti {
  font-family: 'AliMaMaShuHeiTi', sans-serif;
}

@font-face {
  font-family: 'SourceHanSansCN-Heavy';
  src: url('/fonts/SourceHanSansCN-Heavy.otf');
}
.SourceHanSansCN-Heavy {
  font-family: 'SourceHanSansCN-Heavy', serif;
}

@font-face {
  font-family: 'SourceHanSansCN-Heavy';
  src: url('/fonts/SourceHanSansCN-Medium.otf');
}
.SourceHanSansCN-Medium {
  font-family: 'SourceHanSansCN-Medium', serif;
}


:root {
  --background: #ffffff;
  --foreground: #171717;
  --scrollbar-thumb: #c1c1c1;
  --scrollbar-thumb-hover: #a1a1a1;
  --scrollbar-track: #f1f1f1;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
    --scrollbar-thumb: #555555;
    --scrollbar-thumb-hover: #777777;
    --scrollbar-track: #2a2a2a;
  }
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

/* 自定义横向滚动条样式 */
.overflow-x-auto::-webkit-scrollbar {
  height: 12px;
}

.overflow-x-auto::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  border-radius: 10px;
}

.overflow-x-auto::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 10px;
  border: 2px solid var(--scrollbar-track);
}

.overflow-x-auto::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}

.overflow-x-auto {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

