@layer utilities {
	  
	   .metal-texture {
                background-size: cover;
                background-position: center;
                background-attachment: fixed;
                position: relative;
            }
            .metal-texture::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(13, 36, 96, 0.6);
                z-index: 1;
            }
            .text-shadow {
                text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
            }
            .nav-hover {
                transition: all 0.3s ease;
            }
          /*  .nav-hover:hover {
                color: #E94560;
                transform: translateY(-2px);
            }*/
            .dropdown-enter {
                opacity: 0;
                transform: translateY(10px);
                transition: opacity 0.3s ease, transform 0.3s ease;
            }
            .dropdown-enter-active {
                opacity: 1;
                transform: translateY(0);
            }
            .search-container {
                transition: all 0.3s ease;
                width: 0;
                overflow: hidden;
            }
            .search-container.active {
                width: 200px;
                margin-left: 1rem;
            }
            /* 移动端菜单样式 */
            .mobile-menu {
                position: fixed !important;
                top: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                left: 0 !important;
                z-index: 9998 !important;
                transform: translateX(100%);
                transition: transform 0.3s ease-out !important;
                background-color: rgba(26, 26, 46, 0.95) !important;
            }
            .mobile-menu.open {
                transform: translateX(0);
            }
            .mobile-btn-wrapper {
                position: relative !important;
                z-index: 9999 !important;
            }
            /* 新闻相关样式 */
            .news-meta {
                border-left: 3px solid #E94560;
            }
            .related-news-card {
                transition: all 0.3s ease;
            }
            .related-news-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 15px 30px rgba(15, 52, 96, 0.1);
            }
            .share-btn {
                transition: all 0.3s ease;
            }
            .share-btn:hover {
                background-color: #E94560;
                color: white;
            }
			
	   }

 
 
 
 @layer utilities {
            .metal-texture {
                background-size: cover;
                background-position: center;
                background-attachment: fixed;
                position: relative;
            }
            .metal-texture::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(13, 36, 96, 0.6);
                z-index: 1;
            }
            .text-shadow {
                text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
            }
            .nav-hover {
                transition: all 0.3s ease;
            }
          /*  .nav-hover:hover {
                color: #E94560;
                transform: translateY(-2px);
            }*/
            .dropdown-enter {
                opacity: 0;
                transform: translateY(10px);
                transition: opacity 0.3s ease, transform 0.3s ease;
            }
            .dropdown-enter-active {
                opacity: 1;
                transform: translateY(0);
            }
            .search-container {
                transition: all 0.3s ease;
                width: 0;
                overflow: hidden;
            }
            .search-container.active {
                width: 200px;
                margin-left: 1rem;
            }
            /* 移动端菜单样式 */
            .mobile-menu {
                position: fixed !important;
                top: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                left: 0 !important;
                z-index: 9998 !important;
                transform: translateX(100%);
                transition: transform 0.3s ease-out !important;
                background-color: rgba(26, 26, 46, 0.95) !important;
            }
            .mobile-menu.open {
                transform: translateX(0);
            }
            .mobile-btn-wrapper {
                position: relative !important;
                z-index: 9999 !important;
            }
            /* 产品相关样式 */
            .product-card {
                transition: all 0.3s ease;
            }
            .product-card:hover {
                transform: translateY(-8px);
                box-shadow: 0 20px 25px -5px rgba(15, 52, 96, 0.1), 0 10px 10px -5px rgba(15, 52, 96, 0.04);
            }
            .product-img-container {
                overflow: hidden;
            }
            .product-img {
                transition: transform 0.5s ease;
            }
            .product-card:hover .product-img {
                transform: scale(1.05);
            }
            .filter-active {
                background-color: #0F3460;
                color: white;
            }
            .price-badge {
                background: linear-gradient(135deg, #E94560 0%, #d63353 100%);
            }
        }
		
		
		
		
		
		
.text-shadow {
                text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
            }
            .nav-hover {
                transition: all 0.3s ease;
            }
           /* .nav-hover:hover {
                color: #E94560;
                transform: translateY(-2px);
            }*/
            .dropdown-enter {
                opacity: 0;
                transform: translateY(10px);
                transition: opacity 0.3s ease, transform 0.3s ease;
            }
            .dropdown-enter-active {
                opacity: 1;
                transform: translateY(0);
            }
            .search-container {
                transition: all 0.3s ease;
                width: 0;
                overflow: hidden;
            }
            .search-container.active {
                width: 200px;
                margin-left: 1rem;
            }
            /* 移动端菜单样式 */
            .mobile-menu {
                position: fixed !important;
                top: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                left: 0 !important;
                z-index: 9998 !important;
                transform: translateX(100%);
                transition: transform 0.3s ease-out !important;
                background-color: rgba(26, 26, 46, 0.95) !important;
            }
            .mobile-menu.open {
                transform: translateX(0);
            }
            .mobile-btn-wrapper {
                position: relative !important;
                z-index: 9999 !important;
            }
            /* 新闻卡片样式 */
            .news-item {
                transition: all 0.3s ease;
                border-left: 4px solid transparent;
            }
            .news-item:hover {
                border-left-color: #E94560;
                transform: translateX(5px);
                box-shadow: 0 10px 30px rgba(15, 52, 96, 0.08);
            }
            .news-date-badge {
                background: linear-gradient(135deg, #0065b5 0%, #0065b5 100%);
            }
            .news-img-container {
                overflow: hidden;
                border-radius: 0.75rem;
            }
            .news-img {
                transition: transform 0.5s ease;
            }
            .news-item:hover .news-img {
                transform: scale(1.05);
            }
			
			
			
      @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .product-img-zoom {
                @apply hover:scale-105 transition-transform duration-500;
            }
            .btn-primary {
                @apply bg-primary text-white px-6 py-2 rounded-full font-medium hover:bg-secondary transition-all;
            }
            .btn-secondary {
                @apply border border-primary text-primary px-6 py-2 rounded-full font-medium hover:bg-primary hover:text-white transition-all;
            }
            .thumbnail-active {
                @apply border-2 border-secondary ring-2 ring-secondary/20;
            }
            .tab-content {
                @apply hidden;
            }
            .tab-content.active {
                @apply block;
            }   }
			
			
			      .product-tabs button.active {
            border-bottom: 2px solid #E94560;
            color: #0F3460;
            font-weight: 600;
        }
        .product-thumbnail {
            cursor: pointer;
            transition: all 0.3s ease;
        }
		
		
		



   @layer utilities {
            .metal-texture {
                background-size: cover;
                background-position: center;
                background-attachment: fixed;
                position: relative;
            }
            .metal-texture::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(13, 36, 96, 0.6);
                z-index: 1;
            }
            .text-shadow {
                text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
            }
            .nav-hover {
                transition: all 0.3s ease;
            }
           /* .nav-hover:hover {
                color: #E94560;
                transform: translateY(-2px);
            }*/
            .dropdown-enter {
                opacity: 0;
                transform: translateY(10px);
                transition: opacity 0.3s ease, transform 0.3s ease;
            }
            .dropdown-enter-active {
                opacity: 1;
                transform: translateY(0);
            }
            .search-container {
                transition: all 0.3s ease;
                width: 0;
                overflow: hidden;
            }
            .search-container.active {
                width: 200px;
                margin-left: 1rem;
            }
            /* 移动端菜单样式 */
            .mobile-menu {
                position: fixed !important;
                top: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                left: 0 !important;
                z-index: 9998 !important;
                transform: translateX(100%);
                transition: transform 0.3s ease-out !important;
                background-color: rgba(26, 26, 46, 0.95) !important;
            }
            .mobile-menu.open {
                transform: translateX(0);
            }
            .mobile-btn-wrapper {
                position: relative !important;
                z-index: 9999 !important;
            }
            /* 产品详情页专属样式 */
            .product-img-zoom {
                transition: transform 0.5s ease;
            }
            .product-img-zoom:hover {
                transform: scale(1.05);
            }
            .thumbnail-active {
                border: 2px solid #E94560;
                box-shadow: 0 0 0 2px rgba(233, 69, 96, 0.2);
            }
            .product-thumbnail {
                cursor: pointer;
                transition: all 0.3s ease;
            }
            .product-tabs button.active {
                border-bottom: 2px solid #E94560;
                color: #0F3460;
                font-weight: 600;
            }
            .tab-content {
                display: none;
            }
            .tab-content.active {
                display: block;
            }
            .price-badge {
                background: linear-gradient(135deg, #E94560 0%, #d63353 100%);
            }
            .product-card {
                transition: all 0.3s ease;
            }
            .product-card:hover {
                transform: translateY(-8px);
                box-shadow: 0 20px 25px -5px rgba(15, 52, 96, 0.1), 0 10px 10px -5px rgba(15, 52, 96, 0.04);
            }
            .product-img-container {
                overflow: hidden;
            }
            .product-img {
                transition: transform 0.5s ease;
            }
            .product-card:hover .product-img {
                transform: scale(1.05);
            }
        }			
			
   table {
            border-collapse: collapse;
            width: 100%;
            margin: 10px;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: left;
        }
        th {
            background-color: #2980b9;
            color: white;
        }
        .clearfix {
            clear: both;
        }