<style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .card-shadow {
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            }
            .hover-scale {
                transition: transform 0.3s ease;
            }
            .hover-scale:hover {
                transform: scale(1.03);
            }

            /* 自定义滚动条样式 */
            ::-webkit-scrollbar {
                width: 6px; /* 滚动条宽度 */
            }

            ::-webkit-scrollbar-track {
                background: #f1f1f1; /* 轨道背景色 */
            }

            ::-webkit-scrollbar-thumb {
                background: #888; /* 滑块颜色 */
                border-radius: 3px;
            }

            ::-webkit-scrollbar-thumb:hover {
                background: #555; /* 悬停时颜色 */
            }
        }
    </style>