:root {     
        --card-shadow: 0 10px 30px rgba(26, 43, 95, 0.15);
        --hover-shadow: 0 15px 40px rgba(26, 43, 95, 0.25);
    }
    .product-catalog {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 35px;
        margin-top: 30px;
    }
	.simple.product-card-simple {
         background: white;
         border-radius: 15px;
         overflow: hidden;
         box-shadow: var(--card-shadow);        
         /*animation: cardAppear 0.3s forwards;
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
         transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1)!important;
         position: relative;
         transform: translateY(0);

     }
     .simple.product-card-simple:hover {
         transform: translateY(-10px)!important;
         box-shadow: var(--hover-shadow);
     }
     .simple .product-image {
         position: relative;
         width: 100%;
         padding-top: 100%; /* 1:1 正方形比例 */
         overflow: hidden;
         background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e0 100%);
     }
     .simple .product-image img {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         object-fit: cover;
         transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
     }
     .simple.product-card-simple:hover .product-image img {
         transform: scale(1.08);
         filter: brightness(1.05);
     }
     .simple .product-overlay {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: linear-gradient(to bottom, rgba(26, 43, 95, 0) 0%, rgba(26, 43, 95, 0.8) 100%);
         opacity: 0;
         transition: opacity 0.4s ease;
         display: flex;
         align-items: center;
         justify-content: center;
     }
     .simple.product-card-simple:hover .product-overlay {
         opacity: 1;
     }
     .simple .quick-view-btn {
         background: var(--gold);
         color: white;
         border: none;
         padding: 12px 25px;
         border-radius: 30px;
         font-weight: 500;
         cursor: pointer;
         opacity: 0;
         transform: translateY(20px);
         transition: all 0.4s ease;
         box-shadow: 0 5px 15px rgba(77, 139, 240, 0.4);
         display: flex;
         align-items: center;
         gap: 8px;
     }
     .simple.product-card-simple:hover .quick-view-btn {
         opacity: 1;
         transform: translateY(0);
         z-index:999;
     }
     .simple .product-info {
         padding: 22px 20px;
         position: relative;
         text-align: center;
     }
     
     .simple .product-name {
         font-family: 'Oswald', sans-serif;
         font-size: 1.1rem;
         margin-bottom: 5px;
         transition: color 0.3s ease;
         letter-spacing: 0.5px;
     }
     
     .simple.product-card-simple:hover .product-name {
         color: var(--gold);
     }
     
     .product-name-title {
         color: gray;
         margin-top:15px;
         font-size: 0.95rem;
         position: relative;
         padding-bottom: 15px;
     }
     
     .product-name-title:after {
         content: '';
         position: absolute;
         bottom: 0;
         left: 50%;
         transform: translateX(-50%);
         width: 40px;
         height: 2px;
         background: var(--gold);
         transition: width 0.3s ease;
     }
     .simple.product-card-simple:hover .product-name-title:after {
         width: 80px;
     }
     /* 悬停效果装饰元素 */
     .simple .hover-decoration {
         position: absolute;
         opacity: 0;
         transition: opacity 0.3s ease;
     }
     
     .simple .corner-top-left {
         top: 15px;
         left: 15px;
         border-top: 2px solid var(--gold);
         border-left: 2px solid var(--gold);
         width: 30px;
         height: 30px;
     }
     
     .simple .corner-top-right {
         top: 15px;
         right: 15px;
         border-top: 2px solid var(--gold);
         border-right: 2px solid var(--gold);
         width: 30px;
         height: 30px;
     }
     
     .simple .corner-bottom-left {
         bottom: 15px;
         left: 15px;
         border-bottom: 2px solid var(--gold);
         border-left: 2px solid var(--gold);
         width: 30px;
         height: 30px;
     }
     
     .simple .corner-bottom-right {
         bottom: 15px;
         right: 15px;
         border-bottom: 2px solid var(--gold);
         border-right: 2px solid var(--gold);
         width: 30px;
         height: 30px;
     }
     
     .simple.product-card-simple:hover .hover-decoration {
         opacity: 1;
     }
      /* 响应式设计 */
     @media (max-width: 1200px) {
         .product-catalog {
             gap: 30px;
         }
     }
     
     @media (max-width: 992px) {
         .product-catalog {
             grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
             gap: 25px;
         }
     }
     
     @media (max-width: 768px) {            
         .product-catalog {
             grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
             gap: 20px;
         }
     }
     
     @media (max-width: 576px) {           
         .product-catalog {
             grid-template-columns: 1fr;
             max-width: 350px;
             margin: 30px auto 0;
         }
     }