@layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .card-arc {
                border-radius: 3rem 0.5rem 3rem 0.5rem;
            }
            .text-shadow {
                text-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .scrollbar-hide {
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
            .scrollbar-hide::-webkit-scrollbar {
                display: none;
            }
            .bg-fixed {
                background-attachment: fixed;
            }
            .animate-float {
                animation: float 6s ease-in-out infinite;
            }
            @keyframes float {
                0% { transform: translateY(0px); }
                50% { transform: translateY(-15px); }
                100% { transform: translateY(0px); }
            }
            .certificate-scale {
                transition: transform 0.3s ease;
            }
            .certificate-scale:hover {
                transform: scale(1.05);
            }
            /* 进入动画样式 */
            .fade-in {
                opacity: 0;
                transform: translateY(30px);
                transition: opacity 0.8s ease, transform 0.8s ease;
            }
            .fade-in.visible {
                opacity: 1;
                transform: translateY(0);
            }
            /* 产品分类图片缩放效果 */
            .category-image-container {
                overflow: hidden;
            }
            .category-image {
                transition: transform 0.4s ease;
            }
            .category-card:hover .category-image {
                transform: scale(1.15);
            }
            /* 横向时间线样式 */
            .timeline-container {
                overflow: hidden;
                padding: 20px 0;
                margin: 0 -20px; /* 允许内容超出容器 */
                position: relative;
            }
            /* Swiper 容器 */
            .swiper-container {
                width: 100%;
                padding: 0 20px;
            }
            .swiper-wrapper {
                min-height: 360px;
                display: flex;
                align-items: center;
                padding: 20px 0;
            }
            .timeline-line {
                position: absolute;
                top: 50%;
                left: 0;
                right: 0;
                height: 2px;
                background-color: rgba(0, 107, 182, 0.2);
                transform: translateY(-50%);
                z-index: 1;
            }
            .timeline-dot {
                z-index: 10;
                width: 20px;
                height: 20px;
                background-color: #006bb6;
                border-radius: 50%;
                position: absolute;
                top: 50%;
                transform: translate(-50%, -50%);
                box-shadow: 0 0 0 4px white;
            }
            .timeline-item {
                position: relative;
                min-width: 200px;
                flex-shrink: 0;
            }
            .timeline-content {
                width: 380px;
                position: absolute;
                top: 50%;
                transform: translateX(-50%);
                padding: 1rem;
            }
            .timeline-content.above {
                transform: translate(-50%, calc(-100% - 30px));
            }
            .timeline-content.below {
                transform: translate(-50%, 30px);
            }
            /* 时间线响应式调整 */
            @media (max-width: 1200px) {
                .timeline-content {
                    width: 260px;
                }
            }
            @media (max-width: 992px) {
                .timeline-content {
                    width: 220px;
                }
            }
            @media (max-width: 768px) {
                .timeline-content {
                    width: 300px;
                }
                .timeline-item {
                    min-width: 180px;
                }
            }
            /* 时间线卡片样式 */
            .timeline-card {
                height: auto;
                overflow: visible;
                display: flex;
                flex-direction: column;
            }
            .timeline-text {
                display: block;
                flex-grow: 1;
            }
            /* 隐藏Swiper导航按钮 */
            .swiper-button-prev, .swiper-button-next {
                display: none !important;
            }
            /* 隐藏Swiper滚动条 */
            .swiper-scrollbar {
                display: none !important;
            }
            /* 制造流程图片网格 - 一排展示 */
            .manufacturing-grid {
                display: flex;
                overflow-x: auto;
                scrollbar-width: none;  /* Firefox */
                -ms-overflow-style: none;  /* IE and Edge */
                gap: 1.5rem;
                padding-bottom: 1rem;
                scroll-behavior: smooth;
            }
            /* 彻底隐藏滚动条 */
            .manufacturing-grid::-webkit-scrollbar {
                display: none;  /* Chrome, Safari and Opera */
            }
            .manufacturing-item {
                flex: 0 0 300px;
                position: relative;
                overflow: hidden;
                border-radius: 0.75rem;
                height: 250px;
                cursor: pointer;
            }
            .manufacturing-item img {
                width: 100%;
                height: 100%;
                object-cover: cover;
                transition: transform 0.5s ease;
            }
            .manufacturing-item:hover img {
                transform: scale(1.1);
            }
            .manufacturing-caption {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
                color: white;
                padding: 1rem;
                transform: translateY(100%);
                transition: transform 0.3s ease;
            }
            .manufacturing-item:hover .manufacturing-caption {
                transform: translateY(0);
            }
            /* 制造卓越栏目滑块控制按钮 */
            .manufacturing-btn {
                position: absolute;
                top: 250px;
                transform: translateY(-50%);
                width: 40px;
                height: 40px;
                background-color: white;
                border: 1px solid #e2e8f0;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
                z-index: 10;
                transition: all 0.3s ease;
            }
            .manufacturing-btn:hover {
                background-color: #f1f5f9;
                transform: translateY(-50%) scale(1.05);
            }
            .manufacturing-btn i {
                color: #006bb6;
                font-size: 1rem;
            }
            .manufacturing-prev {
                left: -60px;
            }
            .manufacturing-next {
                right: -60px;
            }
            /* 响应式调整控制按钮位置 */
            @media (max-width: 768px) {
                .manufacturing-btn {
                    width: 40px;
                    height: 40px;
                }
                .manufacturing-prev {
                    left: -10px;
                }
                .manufacturing-next {
                    right: -10px;
                }
            }
        }
        
        /* 屏幕宽度1024px及以下时设置根字体大小为25px */
        @media (max-width: 1024px) {
            html {
                font-size: 25px;
            }
            
            /* 基于25px根字体的REM单位适配 */
            .rem-text-xs { font-size: 0.56rem; }
            .rem-text-sm { font-size: 0.64rem; }
            .rem-text-base { font-size: 0.72rem; }
            .rem-text-lg { font-size: 0.8rem; }
            .rem-text-xl { font-size: 0.96rem; }
            .rem-text-2xl { font-size: 1.12rem; }
            .rem-text-3xl { font-size: 1.28rem; }
            .rem-text-4xl { font-size: 1.6rem; }
            
            .rem-p-1 { padding: 0.2rem; }
            .rem-p-2 { padding: 0.4rem; }
            .rem-p-3 { padding: 0.6rem; }
            .rem-p-4 { padding: 0.8rem; }
            .rem-p-5 { padding: 1rem; }
            .rem-p-6 { padding: 1.2rem; }
            .rem-p-8 { padding: 1.6rem; }
            .rem-p-10 { padding: 2rem; }
            
            .rem-mb-2 { margin-bottom: 0.4rem; }
            .rem-mb-3 { margin-bottom: 0.6rem; }
            .rem-mb-4 { margin-bottom: 0.8rem; }
            .rem-mb-5 { margin-bottom: 1rem; }
            .rem-mb-6 { margin-bottom: 1.2rem; }
            .rem-mb-8 { margin-bottom: 1.6rem; }
            .rem-mb-10 { margin-bottom: 2rem; }
            
            .rem-h-10 { height: 1rem; }
            .rem-h-12 { height: 1.2rem; }
            .rem-h-16 { height: 1.6rem; }
            .rem-h-20 { height: 2rem; }
            .rem-h-24 { height: 2.4rem; }
            .rem-h-48 { height: 4.8rem; }
            .rem-h-64 { height: 6.4rem; }
            
            .rem-w-10 { width: 1rem; }
            .rem-w-12 { width: 1.2rem; }
            .rem-w-16 { width: 1.6rem; }
            .rem-w-20 { width: 2rem; }
            
            .rem-gap-2 { gap: 0.4rem; }
            .rem-gap-3 { gap: 0.6rem; }
            .rem-gap-4 { gap: 0.8rem; }
            .rem-gap-6 { gap: 1.2rem; }
            .rem-gap-8 { gap: 1.6rem; }
            
            .rem-rounded-sm { border-radius: 0.1rem; }
            .rem-rounded { border-radius: 0.2rem; }
            .rem-rounded-lg { border-radius: 0.4rem; }
            .rem-rounded-xl { border-radius: 0.6rem; }
            .rem-rounded-full { border-radius: 9999px; }
        }