2
0

style.css 909 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. @import 'tailwindcss';
  2. /* 全局滚动条样式 */
  3. ::-webkit-scrollbar {
  4. width: 6px;
  5. height: 6px;
  6. }
  7. ::-webkit-scrollbar-track {
  8. background: #f1f1f1;
  9. border-radius: 3px;
  10. }
  11. ::-webkit-scrollbar-thumb {
  12. background: #c1c1c1;
  13. border-radius: 3px;
  14. }
  15. ::-webkit-scrollbar-thumb:hover {
  16. background: #a8a8a8;
  17. }
  18. /* 响应式断点 */
  19. @media (max-width: 768px) {
  20. .custom-sider {
  21. width: 100% !important;
  22. max-width: 100% !important;
  23. }
  24. .site-layout-content {
  25. padding: 1rem !important;
  26. }
  27. }
  28. /* 全局过渡效果 */
  29. .transition-all {
  30. transition-property: all;
  31. transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  32. transition-duration: 150ms;
  33. }
  34. /* 内容区域阴影优化 */
  35. .shadow-sm {
  36. box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  37. }
  38. /* 按钮悬停效果 */
  39. .ant-btn:hover {
  40. transform: translateY(-1px);
  41. }
  42. /* 卡片样式优化 */
  43. .ant-card {
  44. border-radius: 8px;
  45. }