/* 外层容器 */
#waterfall { padding-bottom:50px; width:100%; min-height:100vh;;}
.pbl-masonry { position: relative;width: 100%;}
/* 瀑布流单元项 */
.pbl-masonry-item {position: absolute;visibility: hidden;margin-left: 0 !important;margin-right: 0 !important;box-sizing: border-box;border-radius: 8px;overflow: hidden;box-shadow: 0 1px 8px rgba(0,0,0,0.08);
transition: transform 0.24s ease, box-shadow 0.24s ease;background: rgba(255,255,255,0.58);}
.pbl-masonry-item:hover {box-shadow: 0 6px 16px rgba(0,0,0,0.12);}
.pbl-img-wrapper {position: relative;width: 100%;background-color: #f5f5f5;overflow: hidden;}
.pbl-masonry-img {display: block;width: 100%;height: auto;vertical-align: middle;transition: transform 0.3s ease;}
.pbl-masonry-item:hover .pbl-masonry-img {transform: scale(1.10);}

/* 图片加载占位提示 */
.pbl-img-placeholder {text-align: center;padding: 40px 0;color:#999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #999;font-size: 14px;}

/* 文字信息区域 */
.pbl-masonry-info {padding:8px;}
.pbl-masonry-link {color: #333; line-height:1.1;}
.pbl-masonry-link h2{font-size: 14px; font-weight:500;display: -webkit-box;-webkit-line-clamp:1;   /* 标题最多2行 */-webkit-box-orient: vertical;overflow: hidden;line-height:1.1; overflow:hidden; margin:10px; }

.pbl-masonry-link .line2{-webkit-line-clamp:2;   /* 标题最多2行 */line-height:1.3; }

.pbl-masonry-item .item-tag{ display: flex;justify-content: space-between;align-items: center;gap:8px; }
.pbl-masonry-item  .item-tag .tag-l {display: inline-block;line-height: 20px;white-space: nowrap;font-size: 12px;color: #9ca7ae;margin-right: 0px;background-color: #f1f7fc; border-radius: 5px;padding: 0 5px;}
.pbl-masonry-item  .item-tag .tag-l :hover{color:#ff6600;}
.pbl-masonry-item  .item-tag .tag-r {display: inline-block;line-height: 20px;white-space: nowrap;font-size: 12px; background-color: #f1f7fc; border-radius: 5px;padding: 0 5px;}
.pbl-masonry-item  .item-tag .tag-l a{color: #ff6600;}
.pbl-masonry-item .tag-r a {color:#ff6600; }

.zhuliren-box{padding:10px 10px 2px 10px;overflow: hidden;}
.zhuliren-box .item-avatar {display: inline-block;vertical-align: top;width: 45px;height: 45px;border-radius: 100%;overflow: hidden;flex-shrink: 0;}
.zhuliren-box .item-title {white-space: nowrap;overflow: hidden;display: flex;}
.zhuliren-box .item-title .text-wrap {display: flex;flex-direction: column;justify-content: center;max-width: calc(100% - 35px);}
.zhuliren-box .item-title .title {font-size: 14px;display: block;text-overflow: ellipsis;overflow-x: hidden;white-space: nowrap;color: #3c3c3c;font-weight: 600;line-height: 20px;}
.zhuliren-box .item-title .title h2{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin: 5px;}

.zhuliren-box .local {font-size: 12px; color: #888;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-left: 5px;}
.zhuliren-box .item-desc {color: #8f8f8f;font-size: 12px;font-weight: 500;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;line-height:1.5;overflow: hidden; }
.zhuliren-box .item-media {font-size: 10px;overflow: hidden; }
.zhuliren-box .item-desc p{ font-size: 14px; color: #000;display:block; text-overflow: ellipsis;overflow-x: hidden; white-space: nowrap; line-height:22px;}

#first-loading{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);text-align:center;}
@keyframes spin{to{transform:rotate(360deg);}}
.loading-icon{width:32px;height:32px;border:3px solid #eee;border-top-color:#07c160;border-radius:50%;animation:spin 0.8s linear infinite;margin:0 auto;}
.loading,.no_more{display:none;text-align:center;padding:0px;color:#999; font-size:12px;}

.ico{ font-size:12px;}