论坛 › 星耀推荐 › 星耀｜Ander Mariuss｜星蕴漫漫，与君共赴巴山。

撰稿人 发表于 2026-8-20 15:23:33

星耀｜Ander Mariuss｜星蕴漫漫，与君共赴巴山。

本帖最后由 撰稿人 于 2026-8-20 15:27 编辑 <br /><br /><style>
/* ==========【唯一根类 dz_post_card_20260803】仅当前回帖框生效，不会污染页面其他元素 ========== */
:root{
    --card-gap-top:50px;    /*卡片上方空隙*/
    --card-gap-bottom:50px; /*卡片下方空隙*/
    --card-max-width:880px;
    --card-radius:12px;
    --card-shadow-normal:0 2px 12px rgba(0,0,0,0.08);
    --card-shadow-hover:0 6px 20px rgba(0,0,0,0.12);
    --img-brightness-hover:1.08;
}
.dz_post_card_20260803 {
    padding-top: var(--card-gap-top);
    padding-bottom: var(--card-gap-bottom);
}
.dz_post_card_20260803 .dz_float_card{
    width: 100%;
    max-width: var(--card-max-width);
    margin:0 auto;
    background:#fff;
    border-radius:var(--card-radius);
    padding:20px;
    box-sizing:border-box;
    box-shadow: var(--card-shadow-normal);
    transition: transform 0.5s ease, box-shadow 0.5s ease;
    position: relative;
}
/* =========【外框卡片鼠标触碰悬浮效果】========= */
.dz_post_card_20260803 .dz_float_card:hover{
    transform: translateY(-3px) scale(1.01);
    box-shadow: var(--card-shadow-hover);
}

/* 头部信息区域 */
.dz_post_card_20260803 .card_header{
    display:flex;
    gap:16px;
    margin-bottom:20px;
    align-items:center;
}
.dz_post_card_20260803 .card_info_left{
    flex:1;
}
.dz_post_card_20260803 .info_title{
    font-size:30px;
    font-weight:bold;
    color:#222;
    margin:0 0 6px;
}
.dz_post_card_20260803 .info_sub{
    font-size:14px;
    color:#666;
    margin:0 0 4px;
}
.dz_post_card_20260803 .info_icon_box{
    display:flex;
    gap:14px;
    margin-top:10px;
}
.dz_post_card_20260803 .info_icon_box a{
    text-decoration:none;
}
.dz_post_card_20260803 .icon_img{
    width:45px;
    height:45px;
    object-fit:cover;
    transition: 0.25s all ease;
    cursor:pointer;
}
/* =========【图标悬浮效果 可调节】========= */
.dz_post_card_20260803 .icon_img:hover{
    transform: translateY(-2px) scale(1.04);
}
.dz_post_card_20260803 .icon_img:active{
    transform: translateY(-1px) scale(1.02);
}

/* 头像 */
.dz_post_card_20260803 .card_avatar_right img{
    width:180px;
    height:180px;
    border-radius:100px;
    object-fit:cover;
    transition: 0.25s all ease;
    cursor:pointer;
}
/* =========【头像悬浮效果 可调节】========= */
.dz_post_card_20260803 .card_avatar_right img:hover{
    transform: translateY(-2px) scale(1.03);
    box-shadow:0 4px 10px rgba(0,0,0,0.15);
    filter: brightness(var(--img-brightness-hover));
}

/* 通栏大图 */
.dz_post_card_20260803 .card_big_img_box{
    margin-bottom:20px;
}
.dz_post_card_20260803 .card_big_img_box img{
    width:850px;
    max-width:100%;
    height:auto;
    border-radius:8px;
    display:block;
    cursor:pointer;
    transition: 0.25s all ease;
}
.dz_post_card_20260803 .card_big_img_box img:hover{
    filter: brightness(var(--img-brightness-hover));
}

/* 搜索框 */
.dz_post_card_20260803 .card_search_box{
    margin:22px 0;
}
.dz_post_card_20260803 .card_search_input{
    width:100%;
    height:42px;
    border-radius:999px;
    border:1px solid #ddd;
    padding:0 18px;
    outline:none;
    font-size:14px;
    box-sizing: border-box;
}
.dz_post_card_20260803 .card_search_input:focus{
    border-color:#0088ff;
}

/* =========【搜索框下方折叠面板】========= */
.dz_post_card_20260803 .search_below_collapse{
    margin:-10px 0 22px;
}
.dz_post_card_20260803 .search_below_bar{
    width:100%;
    height:42px;
    border-radius:999px;
    border:1px solid #ddd;
    padding:0 18px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    transition:0.25s ease;
    background:#fff;
}
.dz_post_card_20260803 .search_below_bar:hover{
    background:#f7f7f7;
}
.dz_post_card_20260803 .search_below_bar_text{
    font-size:14px;
    color:#333;
}
.dz_post_card_20260803 .search_below_bar_icon{
    font-size:15px;
    transition: transform 0.3s ease;
}
.dz_post_card_20260803 .search_below_collapse.open .search_below_bar_icon{
    transform: rotate(180deg);
}
.dz_post_card_20260803 .search_below_content{
    margin-top:10px;
    padding:14px 18px;
    background:#f8f9fa;
    border-radius:12px;
    font-size:14px;
    line-height:1.7;
    color:#444;
    box-sizing:border-box;
    word-break:break-all;
    overflow-wrap:break-word;
    white-space: pre-line;
    display:none;
}
.dz_post_card_20260803 .search_below_collapse.open .search_below_content{
    display:block;
}

/* 图集容器 */
.dz_post_card_20260803 .card_gallery{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:14px;
    margin-bottom:18px;
}
.dz_post_card_20260803 .gallery_item img{
    width:100%;
    height:auto;
    border-radius:6px;
    transition:0.25s ease;
    box-shadow: 0 3px 8px rgba(0,0,0,0.12);
    cursor:pointer;
}
/* =========【图集图片悬浮参数】========= */
.dz_post_card_20260803 .gallery_item img:hover{
    transform:translateY(-1.5px) scale(1.03);
    box-shadow:0 5px 12px rgba(0,0,0,0.16);
    filter: brightness(var(--img-brightness-hover));
}

/* 椭圆形文本框 */
.dz_post_card_20260803 .ellipse_text_box{
    width:100%;
    height:46px;
    line-height:46px;
    margin:24px auto;
    text-align:center;
    border-radius:999px;
    background:#f5f7fa;
    color:#aaa;
    font-size:15px;
    box-sizing: border-box;
}

/*底部展开栏*/
.dz_post_card_20260803 .collapse_wrap{
    margin-top:28px;
    padding-top:16px;
    border-top:1px solid #F6F7F9;
}
.dz_post_card_20260803 .collapse_bar{
    width: 100%;
    padding: 14px 18px;
    background: #F6F7F9;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: 0.25s ease;
    box-sizing: border-box;
}
.dz_post_card_20260803 .collapse_bar:hover{
    background: #e4e4e4;
}
.dz_post_card_20260803 .collapse_bar_text{
    font-size: 15px;
    color:#aaa;
}
.dz_post_card_20260803 .collapse_bar_icon{
    font-size: 16px;
    transition: transform 0.3s ease;
    color:#aaa;
}
.dz_post_card_20260803 .collapse_wrap.open .collapse_bar_icon{
    transform: rotate(180deg);
}
.dz_post_card_20260803 .collapse_content{
    width: 100%;
    margin: 12px 0 0;
    padding: 16px 18px;
    background: #f8f8f8;
    border-radius: 12px;
    font-size: 13px;
    color: #555;
    line-height: 1.7;
    display: none;
    box-sizing: border-box;
    word-break:break-all;
    overflow-wrap:break-word;
    white-space: pre-line;
}
.dz_post_card_20260803 .collapse_wrap.open .collapse_content{
    display: block;
}

/* ===图片放大弹窗【卡片内部弹窗，隔离仅当前卡片】=== */
.dz_post_card_20260803 .img_modal{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.85);
    z-index:99999;
    align-items:center;
    justify-content:center;
}
.dz_post_card_20260803 .img_modal.show{
    display:flex;
}
.dz_post_card_20260803 .img_modal img{
    max-width:92%;
    max-height:92vh;
    border-radius:6px;
}

/*文字颜色快捷类*/
.dz_post_card_20260803 .text_color1{color:#222 !important;}
.dz_post_card_20260803 .text_color2{color:#666 !important;}
.dz_post_card_20260803 .text_color3{color:#dd2222 !important;}
.dz_post_card_20260803 .text_color4{color:#0088ff !important;}
.dz_post_card_20260803 .text_color5{color:#9955dd !important;}
.dz_post_card_20260803 .text_color6{color:#22aa77 !important;}
</style>

<!-- 外层唯一包裹容器 -->
<div class="dz_post_card_20260803">
<div class="dz_float_card">
    <!--头部区域-->
    <div class="card_header">
      <div class="card_info_left">
            <h4 class="info_title">Ander Mariuss</h4>
            <p class="info_sub">Star Recommendation</p>
            <p class="info_sub">Declaration: This post contains no commercial opportunities</p>
            <p class="info_sub">If there is any infringement, please contact us to have it removed</p>
            <p class="info_sub">Thank you</p>
            <div class="info_icon_box">
                <a href="链接地址1">
                  <img class="icon_img" src="https://www.qqmcc.net/data/attachment/album/202607/28/151735m58hzpbzph7bz88a.png" alt="图标">
                </a>
                <a href="链接地址2">
                  <img class="icon_img" src="https://www.qqmcc.net/data/attachment/album/202607/28/151734v9j61irj8orjl94g.png" alt="图标">
                </a>
                <a href="链接地址3">
                  <img class="icon_img" src="https://www.qqmcc.net/data/attachment/album/202607/28/150948na04q3qauyo688tz.png" alt="图标">
                </a>
                <a href="链接地址4">
                  <img class="icon_img" src="https://www.qqmcc.net/data/attachment/album/202607/28/151735ufo5a4iu4o6lfpdr.png" alt="图标">
                </a>
            </div>
      </div>
      <div class="card_avatar_right"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151759v6ja2xy16evjtjpg.png" border="0"></div>
    </div>

    <!--通栏大图-->
    <div class="card_big_img_box">
      <img class="preview-img" src="https://www.qqmcc.net/data/attachment/album/202608/20/152617xtz9c9ewgixzpvxp.png" alt="横幅大图">
    </div>

    <!--搜索栏-->
    <div class="card_search_box">
      <input class="card_search_input" placeholder="请输入搜索本期推荐内容">
    </div>

    <!--========【搜索框下方折叠内框 修改这里的文字】========-->
    <div class="search_below_collapse">
      <div class="search_below_bar">
            <span class="search_below_bar_text">点击查看人物简介</span>
            <span class="search_below_bar_icon">▼</span>
      </div>
      <div class="search_below_content">
账号：anderrmarius（博主本名 Ander Mariuss）
平台：Instagram
付费频道：beacons.ai/vlatt
归属：意大利健身网红 / 男博主
数据：68 条帖子，22.1 万粉丝，关注 37 人
外链：beacons.ai/vlatt（个人引流链接）
社群：A' family，571 名成员
内容定位：健身自拍、肌肉身材写真、日常穿搭、罗马等地旅行随拍。
      </div>
    </div>

    <!--图集 1~10-->
    <div class="card_gallery">
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151011k43i63r3frqxb464.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151005mdbbvbogwxwbbtxd.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151011aim03lwyisi2w7s2.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151011g5wcf4884f58p58z.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151011cmo1goft8qaz6t3k.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151009u8aiatha3okttitp.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151010aidcekyh8hez4uhn.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151010esiiyexl5xgxixig.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151010idegkwru09u6v9dl.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151010pesg9ksvk0kiiogg.jpg" border="0"></div>
    </div>

    <div class="ellipse_text_box">Starlight Weekly｜Display of recommended personal Photos</div>

    <!--图集 11~20-->
    <div class="card_gallery">
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151009ypb1vupbrnhcgz1b.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151008z877x87yr9crl6cc.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151008bfsflfqlddh225wl.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151006ak25qfibqqeflclm.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151008pawkte0yjoprc3ox.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151008idcxdzbhva5hfkhi.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151007lqgtat8avnf8bbq0.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151006lb313sszf5bf33vl.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151007eez8rijopzbje7oj.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151007xcthntxct54tc3tj.jpg" border="0"></div>
    </div>

    <!--底部展开栏-->
    <div class="collapse_wrap">
      <div class="collapse_bar">
            <span class="collapse_bar_text">点击查看免责声明</span>
            <span class="collapse_bar_icon">▼</span>
      </div>
      <div class="collapse_content">本帖所有图文素材仅作个人欣赏学习使用，无任何商业盈利行为；著作权、肖像权归原作者所有。若不慎侵犯您的合法权益，请私信联系我，收到通知后 24 小时内下架删除相关内容，感谢理解。</div>
    </div>

    <!--图片放大弹窗【移入卡片内部，隔离仅本回帖生效】-->
    <div class="img_modal">
      <img id="preview_img">
    </div>
</div>
</div>

<script>
// 只对当前卡片实例生效，不干扰页面其它dz_post_card_20260803
(function(){
    const root = document.querySelector('.dz_post_card_20260803');
    if(!root) return;

    // 折叠面板切换
    root.querySelectorAll('.search_below_bar,.collapse_bar').forEach(bar=>{
      bar.onclick = function(){
            const wrap = this.closest('.search_below_collapse,.collapse_wrap');
            wrap.classList.toggle('open');
      }
    })

    // 图片弹窗
    const modal = root.querySelector('.img_modal');
    const modalImg = modal.querySelector('#preview_img');
    // 点击卡片内所有图片唤起预览
    root.querySelectorAll('img').forEach(img=>{
      img.onclick = function(e){
            e.stopPropagation();
            modalImg.src = this.src;
            modal.classList.add('show');
      }
    })
    // 点击遮罩关闭弹窗
    modal.onclick = function(e){
      if(e.target === modal){
            modal.classList.remove('show');
      }
    }
})();
</script>

撰稿人 发表于 2026-8-20 15:24:03

本帖最后由 撰稿人 于 2026-8-20 15:28 编辑 <br /><br /><style>
/* ==========【唯一根类 dz_post_card_20260803】仅当前回帖框生效，不会污染页面其他元素 ========== */
:root{
    --card-gap-top:50px;    /*卡片上方空隙*/
    --card-gap-bottom:50px; /*卡片下方空隙*/
    --card-max-width:880px;
    --card-radius:12px;
    --card-shadow-normal:0 2px 12px rgba(0,0,0,0.08);
    --card-shadow-hover:0 6px 20px rgba(0,0,0,0.12);
    --img-brightness-hover:1.08;
}
.dz_post_card_20260803 {
    padding-top: var(--card-gap-top);
    padding-bottom: var(--card-gap-bottom);
}
.dz_post_card_20260803 .dz_float_card{
    width: 100%;
    max-width: var(--card-max-width);
    margin:0 auto;
    background:#fff;
    border-radius:var(--card-radius);
    padding:20px;
    box-sizing:border-box;
    box-shadow: var(--card-shadow-normal);
    transition: transform 0.5s ease, box-shadow 0.5s ease;
    position: relative;
}
/* =========【外框卡片鼠标触碰悬浮效果】========= */
.dz_post_card_20260803 .dz_float_card:hover{
    transform: translateY(-3px) scale(1.01);
    box-shadow: var(--card-shadow-hover);
}

/* 头部信息区域 */
.dz_post_card_20260803 .card_header{
    display:flex;
    gap:16px;
    margin-bottom:20px;
    align-items:center;
}
.dz_post_card_20260803 .card_info_left{
    flex:1;
}
.dz_post_card_20260803 .info_title{
    font-size:30px;
    font-weight:bold;
    color:#222;
    margin:0 0 6px;
}
.dz_post_card_20260803 .info_sub{
    font-size:14px;
    color:#666;
    margin:0 0 4px;
}
.dz_post_card_20260803 .info_icon_box{
    display:flex;
    gap:14px;
    margin-top:10px;
}
.dz_post_card_20260803 .info_icon_box a{
    text-decoration:none;
}
.dz_post_card_20260803 .icon_img{
    width:45px;
    height:45px;
    object-fit:cover;
    transition: 0.25s all ease;
    cursor:pointer;
}
/* =========【图标悬浮效果 可调节】========= */
.dz_post_card_20260803 .icon_img:hover{
    transform: translateY(-2px) scale(1.04);
}
.dz_post_card_20260803 .icon_img:active{
    transform: translateY(-1px) scale(1.02);
}

/* 头像 */
.dz_post_card_20260803 .card_avatar_right img{
    width:180px;
    height:180px;
    border-radius:100px;
    object-fit:cover;
    transition: 0.25s all ease;
    cursor:pointer;
}
/* =========【头像悬浮效果 可调节】========= */
.dz_post_card_20260803 .card_avatar_right img:hover{
    transform: translateY(-2px) scale(1.03);
    box-shadow:0 4px 10px rgba(0,0,0,0.15);
    filter: brightness(var(--img-brightness-hover));
}

/* 通栏大图 */
.dz_post_card_20260803 .card_big_img_box{
    margin-bottom:20px;
}
.dz_post_card_20260803 .card_big_img_box img{
    width:850px;
    max-width:100%;
    height:auto;
    border-radius:8px;
    display:block;
    cursor:pointer;
    transition: 0.25s all ease;
}
.dz_post_card_20260803 .card_big_img_box img:hover{
    filter: brightness(var(--img-brightness-hover));
}

/* 搜索框 */
.dz_post_card_20260803 .card_search_box{
    margin:22px 0;
}
.dz_post_card_20260803 .card_search_input{
    width:100%;
    height:42px;
    border-radius:999px;
    border:1px solid #ddd;
    padding:0 18px;
    outline:none;
    font-size:14px;
    box-sizing: border-box;
}
.dz_post_card_20260803 .card_search_input:focus{
    border-color:#0088ff;
}

/* =========【搜索框下方折叠面板】========= */
.dz_post_card_20260803 .search_below_collapse{
    margin:-10px 0 22px;
}
.dz_post_card_20260803 .search_below_bar{
    width:100%;
    height:42px;
    border-radius:999px;
    border:1px solid #ddd;
    padding:0 18px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    transition:0.25s ease;
    background:#fff;
}
.dz_post_card_20260803 .search_below_bar:hover{
    background:#f7f7f7;
}
.dz_post_card_20260803 .search_below_bar_text{
    font-size:14px;
    color:#333;
}
.dz_post_card_20260803 .search_below_bar_icon{
    font-size:15px;
    transition: transform 0.3s ease;
}
.dz_post_card_20260803 .search_below_collapse.open .search_below_bar_icon{
    transform: rotate(180deg);
}
.dz_post_card_20260803 .search_below_content{
    margin-top:10px;
    padding:14px 18px;
    background:#f8f9fa;
    border-radius:12px;
    font-size:14px;
    line-height:1.7;
    color:#444;
    box-sizing:border-box;
    word-break:break-all;
    overflow-wrap:break-word;
    white-space: pre-line;
    display:none;
}
.dz_post_card_20260803 .search_below_collapse.open .search_below_content{
    display:block;
}

/* 图集容器 */
.dz_post_card_20260803 .card_gallery{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:14px;
    margin-bottom:18px;
}
.dz_post_card_20260803 .gallery_item img{
    width:100%;
    height:auto;
    border-radius:6px;
    transition:0.25s ease;
    box-shadow: 0 3px 8px rgba(0,0,0,0.12);
    cursor:pointer;
}
/* =========【图集图片悬浮参数】========= */
.dz_post_card_20260803 .gallery_item img:hover{
    transform:translateY(-1.5px) scale(1.03);
    box-shadow:0 5px 12px rgba(0,0,0,0.16);
    filter: brightness(var(--img-brightness-hover));
}

/* 椭圆形文本框 */
.dz_post_card_20260803 .ellipse_text_box{
    width:100%;
    height:46px;
    line-height:46px;
    margin:24px auto;
    text-align:center;
    border-radius:999px;
    background:#f5f7fa;
    color:#aaa;
    font-size:15px;
    box-sizing: border-box;
}

/*底部展开栏*/
.dz_post_card_20260803 .collapse_wrap{
    margin-top:28px;
    padding-top:16px;
    border-top:1px solid #F6F7F9;
}
.dz_post_card_20260803 .collapse_bar{
    width: 100%;
    padding: 14px 18px;
    background: #F6F7F9;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: 0.25s ease;
    box-sizing: border-box;
}
.dz_post_card_20260803 .collapse_bar:hover{
    background: #e4e4e4;
}
.dz_post_card_20260803 .collapse_bar_text{
    font-size: 15px;
    color:#aaa;
}
.dz_post_card_20260803 .collapse_bar_icon{
    font-size: 16px;
    transition: transform 0.3s ease;
    color:#aaa;
}
.dz_post_card_20260803 .collapse_wrap.open .collapse_bar_icon{
    transform: rotate(180deg);
}
.dz_post_card_20260803 .collapse_content{
    width: 100%;
    margin: 12px 0 0;
    padding: 16px 18px;
    background: #f8f8f8;
    border-radius: 12px;
    font-size: 13px;
    color: #555;
    line-height: 1.7;
    display: none;
    box-sizing: border-box;
    word-break:break-all;
    overflow-wrap:break-word;
    white-space: pre-line;
}
.dz_post_card_20260803 .collapse_wrap.open .collapse_content{
    display: block;
}

/* ===图片放大弹窗【卡片内部弹窗，隔离仅当前卡片】=== */
.dz_post_card_20260803 .img_modal{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.85);
    z-index:99999;
    align-items:center;
    justify-content:center;
}
.dz_post_card_20260803 .img_modal.show{
    display:flex;
}
.dz_post_card_20260803 .img_modal img{
    max-width:92%;
    max-height:92vh;
    border-radius:6px;
}

/*文字颜色快捷类*/
.dz_post_card_20260803 .text_color1{color:#222 !important;}
.dz_post_card_20260803 .text_color2{color:#666 !important;}
.dz_post_card_20260803 .text_color3{color:#dd2222 !important;}
.dz_post_card_20260803 .text_color4{color:#0088ff !important;}
.dz_post_card_20260803 .text_color5{color:#9955dd !important;}
.dz_post_card_20260803 .text_color6{color:#22aa77 !important;}
</style>

<!-- 外层唯一包裹容器 -->
<div class="dz_post_card_20260803">
<div class="dz_float_card">
    <!--头部区域-->
    <div class="card_header">
      <div class="card_info_left">
            <h4 class="info_title">Ander Mariuss</h4>
            <p class="info_sub">Star Recommendation</p>
            <p class="info_sub">Declaration: This post contains no commercial opportunities</p>
            <p class="info_sub">If there is any infringement, please contact us to have it removed</p>
            <p class="info_sub">Thank you</p>
            <div class="info_icon_box">
                <a href="链接地址1">
                  <img class="icon_img" src="https://www.qqmcc.net/data/attachment/album/202607/28/151735m58hzpbzph7bz88a.png" alt="图标">
                </a>
                <a href="链接地址2">
                  <img class="icon_img" src="https://www.qqmcc.net/data/attachment/album/202607/28/151734v9j61irj8orjl94g.png" alt="图标">
                </a>
                <a href="链接地址3">
                  <img class="icon_img" src="https://www.qqmcc.net/data/attachment/album/202607/28/150948na04q3qauyo688tz.png" alt="图标">
                </a>
                <a href="链接地址4">
                  <img class="icon_img" src="https://www.qqmcc.net/data/attachment/album/202607/28/151735ufo5a4iu4o6lfpdr.png" alt="图标">
                </a>
            </div>
      </div>
      <div class="card_avatar_right"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151759v6ja2xy16evjtjpg.png" border="0"></div>
    </div>

    <!--通栏大图-->
    <div class="card_big_img_box">
      <img class="preview-img" src="https://www.qqmcc.net/data/attachment/album/202608/20/152617xtz9c9ewgixzpvxp.png" alt="横幅大图">
    </div>

    <!--搜索栏-->
    <div class="card_search_box">
      <input class="card_search_input" placeholder="请输入搜索本期推荐内容">
    </div>

    <!--========【搜索框下方折叠内框 修改这里的文字】========-->
    <div class="search_below_collapse">
      <div class="search_below_bar">
            <span class="search_below_bar_text">点击查看人物简介</span>
            <span class="search_below_bar_icon">▼</span>
      </div>
      <div class="search_below_content">
账号：anderrmarius（博主本名 Ander Mariuss）
平台：Instagram
付费频道：beacons.ai/vlatt
归属：意大利健身网红 / 男博主
数据：68 条帖子，22.1 万粉丝，关注 37 人
外链：beacons.ai/vlatt（个人引流链接）
社群：A' family，571 名成员
内容定位：健身自拍、肌肉身材写真、日常穿搭、罗马等地旅行随拍。
      </div>
    </div>

    <!--图集 1~10-->
    <div class="card_gallery">
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/150958j00wvm13q7930tmk.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/150958p15bng5nm6wz5beu.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/150959o2dhxl33lg23t3mf.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151002md3xquizbn1eb73u.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/150959gmhn9p9b9e9hs9md.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151001qdvhjzvfo4rio0j3.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151000pmy9sdsyvrhrjzdj.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151000wxoxvv828kocxzro.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151002vdyajlwljyrcrcym.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151000f8jhehzpmzlxef39.jpg" border="0"></div>
    </div>

    <div class="ellipse_text_box">Starlight Weekly｜Display of recommended personal Photos</div>

    <!--图集 11~20-->
    <div class="card_gallery">
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151003lkp41m4qbkk33ip1.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151003gg9nbxh2f9b2y1a9.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151004htt922t32f9kktly.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151004xpuoabbztcy8t69t.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151005n3jpj0jopalpp0qg.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151004qy70ey5rz19i1w2c.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151005gfvnnv2zd2vnvexn.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151005znbodx4h4nozntmn.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151006trz4468vrvh4nphy.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202608/20/151007xcthntxct54tc3tj.jpg" border="0"></div>
    </div>

    <!--底部展开栏-->
    <div class="collapse_wrap">
      <div class="collapse_bar">
            <span class="collapse_bar_text">点击查看免责声明</span>
            <span class="collapse_bar_icon">▼</span>
      </div>
      <div class="collapse_content">本帖所有图文素材仅作个人欣赏学习使用，无任何商业盈利行为；著作权、肖像权归原作者所有。若不慎侵犯您的合法权益，请私信联系我，收到通知后 24 小时内下架删除相关内容，感谢理解。</div>
    </div>

    <!--图片放大弹窗【移入卡片内部，隔离仅本回帖生效】-->
    <div class="img_modal">
      <img id="preview_img">
    </div>
</div>
</div>

撰稿人 发表于 2026-8-20 15:24:08

本帖最后由 撰稿人 于 2026-8-20 15:30 编辑 <br /><br />
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=3322718649&auto=1&height=66"></iframe>

莎士比亚 发表于 2026-8-21 16:16:34

氛围感爆棚，狠狠收藏！

春天来后 发表于 2026-8-20 20:37:09

素材储备直接拉满！

我没闹 发表于 2026-8-20 20:37:18

挖到宝藏美图，感谢楼主

无知物 发表于 2026-8-20 20:37:40

收获美图，再次感谢楼主！

荷尤湖畔 发表于 2026-8-20 20:37:51

视觉盛宴，辛苦楼主啦

寡欢 发表于 2026-8-20 20:40:28

壁纸头像素材有着落啦！

爱你痛彻我心扉 发表于 2026-8-20 20:40:34

颜值天花板，多谢楼主

鸽吻 发表于 2026-8-20 20:45:57

氛围感爆棚，狠狠收藏！

查看完整版本: 星耀｜Ander Mariuss｜星蕴漫漫，与君共赴巴山。