@layer utilities {
        	.text-shadow {
        		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
        	}

        	.card-hover {
        		@apply transition-all duration-300 hover: shadow-lg hover:-translate-y-1;
        	}

        	.btn-primary {
        		@apply bg-primary hover: bg-accent text-white font-bold py-3 px-6 rounded-full transition-all duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-0.5;
        	}

        	.btn-secondary {
        		@apply bg-white hover: bg-light text-primary font-bold py-3 px-6 rounded-full transition-all duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-0.5 border border-primary;
        	}

        	.section-padding {
        		@apply py-16 md: py-24;
        	}

        	.section-title {
        		@apply text-3xl md: text-4xl font-bold mb-8 text-center text-dark;
        	}
        }

        /* 重置卡片容器，确保尺寸适配图片 */
        #showcase .card-hover {
        	/* 强制卡片最小宽度匹配图片宽度，避免压缩 */
        	min-width: 250px;
        	/* 固定卡片高度（图片+文字区域），避免高度塌陷 */
        	height: fit-content;
        	/* 移除可能的布局干扰 */
        	display: flex;
        	flex-direction: column;
        	overflow: hidden;
        	margin: 0 auto;
        }

        /* 核心：图片样式，确保完全渲染 */
        #showcase .card-hover img {
        	/* 强制固定尺寸，提升样式优先级 */
        	width: 250px !important;
        	height: 400px !important;
        	/* 确保图片铺满且不变形，优先显示完整主体 */
        	object-fit: cover;
        	/* 调整裁剪优先级：优先显示顶部/主体（可根据需求改center/top/bottom） */
        	object-position: top center;
        	/* 移除所有可能的尺寸限制 */
        	max-width: none !important;
        	max-height: none !important;
        	/* 确保图片是块级元素，避免行内间隙 */
        	display: block;
        	/* 消除图片与容器的边距/内边距 */
        	padding: 0 !important;
        	margin: 0 !important;
        }

        /* 文字区域样式，避免挤压图片 */
        #showcase .card-hover .p-4 {
        	flex-shrink: 0;
        	/* 防止文字区域压缩图片 */
        }

        /* 响应式适配：小屏幕保证图片完整渲染 */
        @media (max-width: 768px) {
        	#showcase .card-hover {
        		min-width: 100%;
        		width: 100%;
        	}

        	#showcase .card-hover img {
        		width: 100% !important;
        		height: auto !important;
        		/* 保持250:400的宽高比，确保图片比例不变 */
        		aspect-ratio: 250 / 400;
        	}
        }

        /* 修复网格布局可能的挤压问题 */
        #showcase .grid {
        	/* 允许网格项在小屏幕自动换行，不压缩 */
        	grid-auto-flow: row;
        	/* 确保网格项最小宽度，避免挤压图片 */
        	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        }