feat:init

src/index.css

@@ -1,6 +1,15 @@
 @import "tailwindcss";
 @import "./styles/input.css";
 
+/* 定义字体 */
+@font-face {
+  font-family: "SourceHanSerifCN";
+  src: url("/fonts/SourceHanSerifCN-Bold-2.otf") format("opentype");
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
 /* *{ */
     /* margin: 0;
     padding: 0; */
@@ -12,9 +21,133 @@ body{
     height: 100vh;
     overflow: hidden;
     background-color: #000;
+    font-family: "SourceHanSerifCN", serif;
 }
 
 #root{
     width: 100%;
     height: 100%;
 }
+
+button:not([disabled]){
+    cursor: pointer;
+}
+
+/* 自定义滚动条样式 */
+.custom-scrollbar {
+    scrollbar-width: thin;
+    scrollbar-color: rgba(139, 115, 85, 0.6) transparent;
+}
+
+.custom-scrollbar::-webkit-scrollbar {
+    width: 8px;
+}
+
+.custom-scrollbar::-webkit-scrollbar-track {
+    background: transparent;
+    margin: 0;
+}
+
+.custom-scrollbar::-webkit-scrollbar-thumb {
+    background: linear-gradient(to bottom, rgba(139, 115, 85, 0.8), rgba(107, 93, 71, 0.8));
+    border-radius: 4px;
+    border: none;
+    transition: background 0.3s ease;
+}
+
+.custom-scrollbar::-webkit-scrollbar-thumb:hover {
+    background: linear-gradient(to bottom, rgba(139, 115, 85, 1), rgba(107, 93, 71, 1));
+    box-shadow: 0 2px 8px rgba(139, 115, 85, 0.4);
+}
+
+.custom-scrollbar::-webkit-scrollbar-thumb:active {
+    background: linear-gradient(to bottom, rgba(107, 93, 71, 1), rgba(91, 79, 61, 1));
+}
+
+/* 多选题面板滚动条样式 - 金色主题 */
+.quiz-scrollbar {
+    scrollbar-width: thin;
+    scrollbar-color: rgba(212, 197, 169, 0.7) transparent;
+}
+
+.quiz-scrollbar::-webkit-scrollbar {
+    width: 10px;
+}
+
+.quiz-scrollbar::-webkit-scrollbar-track {
+    background: rgba(0, 0, 0, 0.1);
+    border-radius: 5px;
+    margin: 8px 0;
+}
+
+.quiz-scrollbar::-webkit-scrollbar-thumb {
+    background: linear-gradient(to bottom, 
+        rgba(212, 197, 169, 0.8), 
+        rgba(240, 190, 117, 0.8));
+    border-radius: 5px;
+    border: 2px solid rgba(0, 0, 0, 0.1);
+    transition: all 0.3s ease;
+}
+
+.quiz-scrollbar::-webkit-scrollbar-thumb:hover {
+    background: linear-gradient(to bottom, 
+        rgba(240, 190, 117, 0.9), 
+        rgba(212, 197, 169, 0.9));
+    box-shadow: 0 2px 8px rgba(240, 190, 117, 0.5);
+    border-color: rgba(240, 190, 117, 0.3);
+}
+
+.quiz-scrollbar::-webkit-scrollbar-thumb:active {
+    background: linear-gradient(to bottom, 
+        rgba(240, 190, 117, 1), 
+        rgba(212, 197, 169, 1));
+}
+
+/* 搜索图标动画 */
+@keyframes search-pulse {
+    0%, 100% {
+        transform: translate(-50%, -50%) scale(1) rotate(0deg);
+        opacity: 1;
+    }
+    50% {
+        transform: translate(-50%, -50%) scale(1.1) rotate(5deg);
+        opacity: 0.8;
+    }
+}
+
+.animate-search {
+    animation: search-pulse 2s ease-in-out infinite;
+}
+
+/* 三个点加载动画 */
+@keyframes dot-bounce {
+    0%, 80%, 100% {
+        transform: scale(0);
+        opacity: 0.5;
+    }
+    40% {
+        transform: scale(1);
+        opacity: 1;
+    }
+}
+
+.animate-dots > span {
+    animation: dot-bounce 1.4s ease-in-out infinite both;
+}
+
+.animate-dots > span:nth-child(1) {
+    animation-delay: -0.32s;
+}
+
+.animate-dots > span:nth-child(2) {
+    animation-delay: -0.16s;
+}
+
+.animate-dots > span:nth-child(3) {
+    animation-delay: 0s;
+}
+/* 页面过渡动画 - 确保初始状态为透明，避免闪烁 */
+.page-transition-wrapper > div[data-framer-name] {
+    opacity: 0;
+}
+