.elementor-9704 .elementor-element.elementor-element-4dea62a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-9704 .elementor-element.elementor-element-86472fa > .elementor-widget-container{margin:20px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-9704 .elementor-element.elementor-element-86472fa{text-align:center;}.elementor-9704 .elementor-element.elementor-element-d9b50a8{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-9704 .elementor-element.elementor-element-ba5821d{--display:flex;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-9704 .elementor-element.elementor-element-419cee2 .elementor-button{background-color:#208FDB;border-radius:15px 15px 15px 15px;}.elementor-9704 .elementor-element.elementor-element-419cee2 .elementor-button:hover, .elementor-9704 .elementor-element.elementor-element-419cee2 .elementor-button:focus{background-color:#000000;}.elementor-9704 .elementor-element.elementor-element-419cee2 .elementor-button-content-wrapper{flex-direction:row;}.elementor-9704 .elementor-element.elementor-element-419cee2 .elementor-button .elementor-button-content-wrapper{gap:2px;}.elementor-9704 .elementor-element.elementor-element-55bbb04{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9704 .elementor-element.elementor-element-a213f67{text-align:center;}.elementor-9704 .elementor-element.elementor-element-ff44811{text-align:center;}.elementor-9704 .elementor-element.elementor-element-2bf1bfe .gallery-item{padding:0 15px 15px 0;}.elementor-9704 .elementor-element.elementor-element-2bf1bfe .gallery{margin:0 -15px -15px 0;}.elementor-9704 .elementor-element.elementor-element-2bf1bfe .gallery-item .gallery-caption{text-align:center;}.elementor-9704 .elementor-element.elementor-element-3383f54a{--display:flex;--min-height:30vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9704 .elementor-element.elementor-element-ebc3be6{text-align:center;}.elementor-9704 .elementor-element.elementor-element-1de13722{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{color:var( --e-global-color-text );}.elementor-9704 .elementor-element.elementor-element-6a5b58ec.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-9704 .elementor-element.elementor-element-6a5b58ec.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-9704 .elementor-element.elementor-element-6a5b58ec.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-9704 .elementor-element.elementor-element-6a5b58ec .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-9704 .elementor-element.elementor-element-6a5b58ec .elementor-image-box-img img{transition-duration:0.3s;}.elementor-9704 .elementor-element.elementor-element-7467eb70.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-9704 .elementor-element.elementor-element-7467eb70.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-9704 .elementor-element.elementor-element-7467eb70.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-9704 .elementor-element.elementor-element-7467eb70 .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-9704 .elementor-element.elementor-element-7467eb70 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-9704 .elementor-element.elementor-element-4253f4.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-9704 .elementor-element.elementor-element-4253f4.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-9704 .elementor-element.elementor-element-4253f4.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-9704 .elementor-element.elementor-element-4253f4 .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-9704 .elementor-element.elementor-element-4253f4 .elementor-image-box-img img{transition-duration:0.3s;}@media(max-width:1024px){.elementor-9704 .elementor-element.elementor-element-d9b50a8{--grid-auto-flow:row;}.elementor-9704 .elementor-element.elementor-element-1de13722{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-9704 .elementor-element.elementor-element-d9b50a8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9704 .elementor-element.elementor-element-1de13722{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9704 .elementor-element.elementor-element-6a5b58ec .elementor-image-box-img{margin-bottom:15px;}.elementor-9704 .elementor-element.elementor-element-7467eb70 .elementor-image-box-img{margin-bottom:15px;}.elementor-9704 .elementor-element.elementor-element-4253f4 .elementor-image-box-img{margin-bottom:15px;}body.elementor-page-9704{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS *//* 设置基础图库容器 */
.thumbnail-slider .gallery {
    display: flex;
    flex-wrap: nowrap; /* 不换行，水平排列 */
    overflow-x: auto; /* 启用水平滚动 */
    gap: 10px; /* 图片之间的间隔 */
    scroll-snap-type: x mandatory; /* 滚动时每个项目都居中 */
    -webkit-overflow-scrolling: touch; /* 在iOS上启用平滑滚动 */
    max-width: 100%; /* 确保容器宽度不超出 */
    padding-bottom: 5px; /* 为滑动条预留空间 */
}

/* 每个图库项 */
.thumbnail-slider .gallery-item {
    flex: 0 0 auto; /* 保持项目的自然宽度 */
    scroll-snap-align: center; /* 滚动时每个图片居中 */
    cursor: pointer;
}

/* 优化图片的尺寸和布局 */
.thumbnail-slider .gallery-item img {
    max-width: 100%; /* 确保图片不会超出容器 */
    height: auto; /* 图片按比例缩放 */
}

/* 全局滚动条优化（适用于所有设备） */
.thumbnail-slider .gallery::-webkit-scrollbar {
    height: 6px; /* 滚动条高度（水平滚动） */
    background: rgba(0, 0, 0, 0.1); /* 滚动条轨道颜色 */
    border-radius: 10px; /* 圆角 */
}

.thumbnail-slider .gallery::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5); /* 滚动条滑块颜色 */
    border-radius: 10px; /* 滑块圆角 */
}

.thumbnail-slider .gallery::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2); /* 滚动条轨道背景色 */
    border-radius: 10px; /* 圆角 */
}

/* 桌面端：每行显示 3 个图片 */
@media (min-width: 1024px) {
    .thumbnail-slider .gallery-item {
        width: 33%; /* 每行显示 3 张图片 */
    }
}

/* 平板端：每行显示 2 个图片 */
@media (max-width: 1024px) {
    .thumbnail-slider .gallery-item {
        width: 48%; /* 每行显示 2 张图片 */
    }
}

/* 手机端：每行显示 3 个图片并启用横向滑动 */
@media (max-width: 768px) {
    .thumbnail-slider .gallery-item {
        width: 30%; /* 每行显示 3 个图片 */
        margin-right: 10px; /* 图片间隔 */
    }
}

/* 手机端：每行显示 1 个图片，开启横向滑动 */
@media (max-width: 480px) {
    .thumbnail-slider .gallery-item {
        width: 80%; /* 每行显示一个图片 */
        margin: 0 auto; /* 使图片居中 */
    }

    .thumbnail-slider .gallery {
        overflow-x: scroll; /* 启用横向滚动 */
    }
}
.gallery-item.selected {
  border: 2px solid red; /* 设置选中项的样式 */
  opacity: 0.8; /* 设置选中项的透明度 */
}/* End custom CSS */