.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .ease-out-expo {
            transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
        }
        
        /* 移动端菜单样式 */
        .mobile-nav-overlay {
            position: fixed;
            top: 0; right: -100%;
            width: 100%; height: 100vh;
            background: #fff;
            z-index: 999;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 30px;
            transition: 0.4s cubic-bezier(0.77, 0, 0.175, 1);
        }
        .mobile-nav-overlay.active { right: 0; }
        .mobile-nav-overlay a {
            font-size: 20px;
            color: #333;
            font-weight: 600;
        }

        .swiper-container-free-mode .swiper-wrapper {
  transition-timing-function: linear !important;
  -webkit-transition-timing-function: linear !important;
  -moz-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
}

/* 如果使用的是 Swiper 6/7+，类名可能不同 */
.swiper-wrapper {
  transition-timing-function: linear !important;
}

table{border:1px solid #797979;}
table,th,td{border:1px solid #797979;padding:0px 10px;}
td{padding:0px 10px;}
.product-gallery{display: flex;}
.product-gallery img{width: 100%;height: auto;max-width: 600px;border: 1px solid #dedede;}
.section-content{margin-top: calc(20px + 2vw);}
.detail-section-header{margin-bottom: calc(20px + 1vw);}
.detail-section-header h2{font-size: calc(20px + 0.8vw);}
.detail-section-header p{font-size: calc(16px + 0.4vw);}

.mypage{justify-content: center;margin-top: 20px;}
.mypage ul{display: flex;justify-content: center;gap: 10px;}
.mypage ul li a,.mypage ul li span{
    font-size:16px;
    color: #016eb1;
    border: 1px solid #016eb1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
}
.mypage ul li a:hover,.mypage ul li span:hover{
    background-color: #016eb1;
    color: #fff;
}
.mypage ul li.active a,.mypage ul li.active span{
    background-color: #016eb1;
    color: #fff;
}

.page-crumb{
 width: 100%;
  overflow: hidden;
  margin-bottom: calc(20px + 2vw);
 

}
.page-crumb ul{display: flex;gap: 25px; flex-wrap: wrap;}
.page-crumb ul li{
    float: left;
}
.page-crumb ul li a{
   font-size: calc(16px + 0.6vw);
}
.page-crumb ul li:hover a{
    color: #016eb1;
}
.page-crumb ul li.cur a{
    color: #016eb1;
}