/* ========== 全局滚动条 (Chrome/Edge/Opera) ========== */ 
 ::-webkit-scrollbar { 
   width: 5px;    /* 更细的宽度，更精致 */ 
   height: 5px; 
 } 
 
 /* 滚动条轨道 - 极浅底色，接近透明 */ 
 ::-webkit-scrollbar-track { 
   background: #fafbfc;  /* 超浅灰，和页面背景几乎融为一体 */ 
   border-radius: 4px;   /* 更大圆角，弱化边缘感 */ 
 } 
 
 /* 滚动条滑块 - 淡色低饱和 */ 
 ::-webkit-scrollbar-thumb { 
   background: #e0e5e9;  /* 淡灰色，几乎无存在感但能看清 */ 
   border-radius: 4px;   /* 圆角和轨道统一，视觉更圆润 */ 
   border: 1px solid #f5f7fa; /* 细边框，增加精致感 */ 
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* 更丝滑的过渡 */ 
 } 
 
 /* 滑块hover - 淡色加深，柔和不刺眼 */ 
 ::-webkit-scrollbar-thumb:hover { 
   background: #c9d1d9;  /* 浅灰加深一点，hover反馈柔和 */ 
   transform: scaleX(1.1); /* 轻微放大，精致交互细节 */ 
 } 
 
 /* 滚动条角落 - 和轨道同色 */ 
 ::-webkit-scrollbar-corner { 
   background: #fafbfc; 
 } 
 
 /* ========== 侧边栏滚动条 (更紧凑) ========== */ 
 .sidebar::-webkit-scrollbar { 
   width: 3px;  /* 侧边栏极致窄，更隐蔽 */ 
 } 
 
 .sidebar::-webkit-scrollbar-thumb { 
   background: #e8eaed;  /* 侧边栏滑块更淡 */ 
   border-radius: 3px; 
   border: none; /* 侧边栏取消边框，更极简 */ 
 } 
 
 .sidebar::-webkit-scrollbar-thumb:hover { 
   background: #d1d9e6; 
   transform: none; /* 侧边栏取消放大，避免突兀 */ 
 } 
 
 /* ========== Firefox 兼容 ========== */ 
 * { 
   scrollbar-width: thin;  /* 窄滚动条 */ 
   scrollbar-color: #e0e5e9 #fafbfc;  /* 淡色滑块+极浅轨道 */ 
 } 
 
 .sidebar { 
   scrollbar-color: #e8eaed #fafbfc;  /* 侧边栏更淡的滑块 */ 
 } 
 
 /* 可选：隐藏滚动条但保留滚动功能 (极致极简) */ 
 /* .hide-scrollbar::-webkit-scrollbar { 
   display: none; 
 } 
 .hide-scrollbar { 
   -ms-overflow-style: none; 
   scrollbar-width: none; 
 } */