*{margin:0;padding:0}
.swiper-main{margin:0 auto}
.swiper-content{width:100%;height:100%;position:relative}
.swiper-item{width:100%;height:100%;position:absolute;left:0;top:0}
.swiper-item img{width:100%;display:block}
.swiper-point{position:absolute;bottom:20px;left:50%;transform:translateX(-50%)}
.swiper-circle{float:left;width:100px;height:2px;background-color:#fff;margin:0 30px;cursor:pointer}
.current-point{background-color:#898989}
.swiper-arrow{width:40px;height:40px;border-radius:50%;background:#000;cursor:pointer;border:none;position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto}
.swiper-arrow img{display:block;width:20px;height:20px;margin:10px auto}
.arrow-left{left:10px}
.arrow-right{right:10px}
.page-title{text-align:center;margin:20px 0 30px;color:#333;font-weight:600}
/* 修正容器样式 */
.container {
  max-width: 1000px;
  width: 100%; /* 确保在小屏幕上自适应 */
  margin: 0 auto; /* 居中显示 */
 
  box-sizing: border-box; 
}
.masonry-grid{ min-height: 200px; box-sizing: border-box;max-width: 100%}
.masonry-item{width: calc(33% - 20px);margin:10px;display:inline-block;vertical-align:top;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);opacity:0;transform:translateY(20px);transition:opacity 0.3s,transform 0.3s;min-height:200px;height:auto !important}
.masonry-item.visible{opacity:1;transform:translateY(0)}
.media-container{position:relative !important;width:100% !important;overflow:hidden !important;background:#f5f5f5;aspect-ratio:3/4}
.media-image,.media-video{position:absolute;top:0;left:0;right:0;bottom:0;width:100% !important;height:100% !important;object-fit:cover}
.video-overlay{display:none;position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0.5);transform:translate(-50%,-50%);z-index:1}
.video-overlay::after{content:'';position:absolute;top:10px;left:12px;width:0;height:0;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent white}
.item-info{padding:15px}
.item-title{font-weight:bold;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item-meta{color:#888;font-size:14px}
.loading,.no-more{text-align:center;padding:20px;display:none}
.loading.active,.no-more.active{display:block}
#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:1000;display:none}
#overlay.active{display:block}
.mgg_detail_works{max-width:38%;max-height:89%;padding: 10px;background:#f6f6f6;margin: 0 auto;}
.swiper-container{width:100%;height:calc(100vh - 60px)}
.swiper-slide{position:relative;background:#fff;}
.swiper-slide img,.swiper-slide video{width:100%;height:100%;object-fit:contain;border:1px solid #d2d2d2;}
.top-title{height:100px;width:100%;max-width:900px;margin:0 auto;padding-top:30px;box-sizing:border-box;position:relative;z-index:10}
.counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:8px 16px;background:rgba(0,0,0,0.7);color:white;border-radius:20px;font-size:14px;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,0.3);margin:0;width:auto}
#pin_view_works_layer{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(229,229,229,0.95);z-index:99998;overflow:auto;display:flex;align-items:center;justify-content:center}
.append_wra{width:100%;text-align:center}
#pin_view_layer .close-layer{width:56px;height:56px;position:fixed;right:14px;top:0;cursor:pointer;z-index:99995;caret-color:transparent}
#pin_view_layer .close-layer i{background:url(../images/icon_close.png) 0 0 no-repeat;width:34px;height:33px;position:absolute;left:50%;top:50%;margin:-17px 0 0 -18px;caret-color:transparent}
.top-nav{position:fixed;left:10%;top:20%;transform:translateY(-50%);z-index:50;caret-color:transparent}
.nav-tab{padding:12px 16px;cursor:pointer;color:#000;text-align:center;list-style-type:none;caret-color:transparent}
.nav-tab:hover{}
.nav-tab.active{background-color:#ff9600;color:#fff;border-radius:50px;caret-color:transparent}
.hide{display:none}
.overHide{overflow:hidden}

/*浮动分类*/
/*.category-container{position:fixed;left:0;top:25%;z-index:50;display:flex;flex-direction:column;
	padding:10px}*/

.category-container{position:fixed;left:15px;border-radius: 15px;z-index:50;display:flex;flex-direction:column;
	float:left;top:25%}

.main-category{background-color:white;box-shadow:0 2px 5px rgba(0,0,0,0.1);border-radius:0 6px 6px 0;
	padding:12px 15px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:space-between;width:120px;margin-bottom:5px}
.main-category.active{background-color:#ffd700;font-weight:bold}
.subcategory-group{overflow:hidden;transition:all 0.3s ease;max-height:0}
.subcategory-group.active{max-height:400px;margin-top:5px}
.subcategory-group ul{list-style:none}
.subcategory-item{background-color:white;border-radius:0 6px 6px 0;padding:10px 15px 10px 30px;
	margin-bottom:5px;cursor:pointer;transition:all 0.2s ease;position:relative}
.subcategory-item.active{background-color:#ffd700;font-weight:500}

/* 响应式：确保移动端仍为 2 列/1 列，不继承 PC 端的 3 列 */
@media (max-width: 768px) {
    .masonry-item {
        width: calc(50% - 20px) !important; /* 2列 */
    }
}