论坛 › 星耀推荐 › 星耀｜敢敢子｜星耀云途，乘风踏破千重嶂。

撰稿人 发表于 2026-9-9 17:34:03

星耀｜敢敢子｜星耀云途，乘风踏破千重嶂。

<style>
/* ==========【唯一根类 dz_post_card_20260803】仅当前回帖框生效，不会污染页面其他元素 ========== */
/* 上下间距调节区，直接修改px数值 */
.dz_post_card_20260803 {
    padding-top: 50px;    /* 卡片上方空隙 */
    padding-bottom: 50px; /* 卡片下方空隙 */
}

.dz_post_card_20260803 .dz_float_card{
    width: 100%;
    max-width: 880px;
    margin:0 auto;
    background:#fff;
    border-radius:12px;
    padding:20px;
    box-sizing:border-box;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    /* =========【外框卡片悬浮过渡参数（可调节）】=========
    transition: 动画时长 | ease动画曲线；
    */
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}
/* =========【外框卡片鼠标触碰悬浮效果（仅本回帖卡片生效，重点可修改）】=========
translateY(-3px)→ 卡片上浮距离，数值越大飘越高
scale(1.01)       → 卡片整体放大倍率，1.00=无放大
box-shadow       → hover状态阴影，可修改颜色、模糊、扩散
*/
.dz_post_card_20260803 .dz_float_card:hover{
    transform: translateY(-3px) scale(1.01);
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

/* 头部信息区域 */
.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 .info_icon_box .icon_img{
    width:45px;
    height:45px;
    object-fit:cover;
    transition: 0.25s all ease;
    cursor:pointer;
}
/* =========【图标悬浮效果 可调节】=========
translateY(-2px) = 上浮距离
scale(1.04) = 放大倍率
*/
.dz_post_card_20260803 .info_icon_box .icon_img:hover{
    transform: translateY(-2px) scale(1.04);
}
/* 图标点击:active 轻微按压浮动反馈 */
.dz_post_card_20260803 .info_icon_box .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);
    /* =========【头像hover高光亮度】=========
    brightness(1.15) → 亮度，1=原图，数值越大越亮
    */
    filter: brightness(1.08);
}

/* 通栏大图 */
.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;
}
/* =========【通栏大图hover高光亮度】=========
brightness(1.15) → 亮度，1=原图，数值越大越亮
*/
.dz_post_card_20260803 .card_big_img_box img:hover{
    filter: brightness(1.08);
}

/* 搜索框 */
.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 .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;
}
/* =========【图集图片悬浮参数（重点可修改）】=========
translateY(-1.5px)→ 上浮距离，数值越大飘越高
scale(1.03)      → 放大倍数，1.00=无放大，1.05=放大5%
filter:brightness(1.15) → 鼠标触碰高光亮度，1为原图，数值越大越亮
*/
.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(1.08);
}

/* 椭圆形文本框 */
.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:#333;
    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;
    pointer-events:auto !important;
}
.dz_post_card_20260803 .collapse_bar:hover{
    background: #e4e4e4;
}
.dz_post_card_20260803 .collapse_bar_text{
    font-size: 15px;
    color: #333;
}
.dz_post_card_20260803 .collapse_bar_icon{
    font-size: 16px;
    transition: transform 0.3s ease;
}
.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;
}
.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 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">敢敢子</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/202609/09/172948afqssya1tkaapzz5.png" border="0"></div>
    </div>

    <!--通栏大图-->
    <div class="card_big_img_box">
      <img class="preview-img" src="https://www.qqmcc.net/data/attachment/album/202609/09/172948knncngunrbppukug.png" alt="横幅大图">
    </div>

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

    <!--图集 1~10-->
    <div class="card_gallery">
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172858wuypbvwz3qapnmu9.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172858wgudwkw9monga9bn.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172859s2ehzpp424ppsaa6.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172859eqrjriq7j0q57me7.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172859gfje0v3o09ttg790.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172900e8bu08dpiwzwxt0d.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172900y5ck00cfc6kyc9uz.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172900rh1qnno1tqq201vv.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172901wfju2025z92p0j0z.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172901xadw9age3q01cbdz.jpg" border="0"></div>
    </div>

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

    <!--图集 11~20-->
    <div class="card_gallery">
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172902fo8j5t82ojv8l38q.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172902bkckkb6bzyk5tuiw.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172902gzvghxbgtvvy97hh.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172903w8ae1u215k210iu8.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172903lzuddtzld7fk5kdi.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172903yuv3jeuh3u33cbz2.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172904qzp699996qf6g6pt.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172904qegnclll8gzaljcv.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172904cntufnwyyt6tnu0z.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172905nl6j36vv2dtu4lzv.jpg" border="0"></div>
    </div>

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

<!--图片放大弹窗【跟随本卡片，仅本回帖生效】-->
<div class="img_modal">
    <img id="preview_img">
</div>

撰稿人 发表于 2026-9-9 17:35:13

<style>
/* ==========【唯一根类 dz_post_card_20260803】仅当前回帖框生效，不会污染页面其他元素 ========== */
/* 上下间距调节区，直接修改px数值 */
.dz_post_card_20260803 {
    padding-top: 50px;    /* 卡片上方空隙 */
    padding-bottom: 50px; /* 卡片下方空隙 */
}

.dz_post_card_20260803 .dz_float_card{
    width: 100%;
    max-width: 880px;
    margin:0 auto;
    background:#fff;
    border-radius:12px;
    padding:20px;
    box-sizing:border-box;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    /* =========【外框卡片悬浮过渡参数（可调节）】=========
    transition: 动画时长 | ease动画曲线；
    */
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}
/* =========【外框卡片鼠标触碰悬浮效果（仅本回帖卡片生效，重点可修改）】=========
translateY(-3px)→ 卡片上浮距离，数值越大飘越高
scale(1.01)       → 卡片整体放大倍率，1.00=无放大
box-shadow       → hover状态阴影，可修改颜色、模糊、扩散
*/
.dz_post_card_20260803 .dz_float_card:hover{
    transform: translateY(-3px) scale(1.01);
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

/* 头部信息区域 */
.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 .info_icon_box .icon_img{
    width:45px;
    height:45px;
    object-fit:cover;
    transition: 0.25s all ease;
    cursor:pointer;
}
/* =========【图标悬浮效果 可调节】=========
translateY(-2px) = 上浮距离
scale(1.04) = 放大倍率
*/
.dz_post_card_20260803 .info_icon_box .icon_img:hover{
    transform: translateY(-2px) scale(1.04);
}
/* 图标点击:active 轻微按压浮动反馈 */
.dz_post_card_20260803 .info_icon_box .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);
    /* =========【头像hover高光亮度】=========
    brightness(1.15) → 亮度，1=原图，数值越大越亮
    */
    filter: brightness(1.08);
}

/* 通栏大图 */
.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;
}
/* =========【通栏大图hover高光亮度】=========
brightness(1.15) → 亮度，1=原图，数值越大越亮
*/
.dz_post_card_20260803 .card_big_img_box img:hover{
    filter: brightness(1.08);
}

/* 搜索框 */
.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 .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;
}
/* =========【图集图片悬浮参数（重点可修改）】=========
translateY(-1.5px)→ 上浮距离，数值越大飘越高
scale(1.03)      → 放大倍数，1.00=无放大，1.05=放大5%
filter:brightness(1.15) → 鼠标触碰高光亮度，1为原图，数值越大越亮
*/
.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(1.08);
}

/* 椭圆形文本框 */
.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:#333;
    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;
    pointer-events:auto !important;
}
.dz_post_card_20260803 .collapse_bar:hover{
    background: #e4e4e4;
}
.dz_post_card_20260803 .collapse_bar_text{
    font-size: 15px;
    color: #333;
}
.dz_post_card_20260803 .collapse_bar_icon{
    font-size: 16px;
    transition: transform 0.3s ease;
}
.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;
}
.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 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">敢敢子</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/202609/09/172948afqssya1tkaapzz5.png" border="0"></div>
    </div>

    <!--通栏大图-->
    <div class="card_big_img_box">
      <img class="preview-img" src="https://www.qqmcc.net/data/attachment/album/202609/09/172948knncngunrbppukug.png" alt="横幅大图">
    </div>

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

    <!--图集 1~10-->
    <div class="card_gallery">
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172934a9h71jclnxhch7hh.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172934g8s8ji6lvgepvxpy.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172933rdffwfyvjdj3z7jw.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172933afff21pppu2nhacj.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172933j2x83yektir73mqr.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172932l88qb30z31xb00ij.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172932n2t4iyuluyzs2y22.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172932dkitcp8aic5i25m8.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172931z13qrrx8p3fyg1tc.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172931vuagpdcmmalu0eud.jpg" border="0"></div>
    </div>

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

    <!--图集 11~20-->
    <div class="card_gallery">
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172930j6lcoguydytzx1yn.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172930ss1fvq6sjtr1qrs2.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172929j7pp7rezeyropg4l.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172929o0gig3477wfwxusx.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172924tam4y8cvla44xamy.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172927x7976n9n6uhytf1y.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172922tlbbbvkkxbkltj9x.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172920lrzz32ussoksuhro.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172919xwhlwr0xhwekueww.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172918tjugp5cu7z7ppqlj.jpg" border="0"></div>
    </div>

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

<!--图片放大弹窗【跟随本卡片，仅本回帖生效】-->
<div class="img_modal">
    <img id="preview_img">
</div>

撰稿人 发表于 2026-9-9 17:36:10

<style>
/* ==========【唯一根类 dz_post_card_20260803】仅当前回帖框生效，不会污染页面其他元素 ========== */
/* 上下间距调节区，直接修改px数值 */
.dz_post_card_20260803 {
    padding-top: 50px;    /* 卡片上方空隙 */
    padding-bottom: 50px; /* 卡片下方空隙 */
}

.dz_post_card_20260803 .dz_float_card{
    width: 100%;
    max-width: 880px;
    margin:0 auto;
    background:#fff;
    border-radius:12px;
    padding:20px;
    box-sizing:border-box;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    /* =========【外框卡片悬浮过渡参数（可调节）】=========
    transition: 动画时长 | ease动画曲线；
    */
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}
/* =========【外框卡片鼠标触碰悬浮效果（仅本回帖卡片生效，重点可修改）】=========
translateY(-3px)→ 卡片上浮距离，数值越大飘越高
scale(1.01)       → 卡片整体放大倍率，1.00=无放大
box-shadow       → hover状态阴影，可修改颜色、模糊、扩散
*/
.dz_post_card_20260803 .dz_float_card:hover{
    transform: translateY(-3px) scale(1.01);
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

/* 头部信息区域 */
.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 .info_icon_box .icon_img{
    width:45px;
    height:45px;
    object-fit:cover;
    transition: 0.25s all ease;
    cursor:pointer;
}
/* =========【图标悬浮效果 可调节】=========
translateY(-2px) = 上浮距离
scale(1.04) = 放大倍率
*/
.dz_post_card_20260803 .info_icon_box .icon_img:hover{
    transform: translateY(-2px) scale(1.04);
}
/* 图标点击:active 轻微按压浮动反馈 */
.dz_post_card_20260803 .info_icon_box .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);
    /* =========【头像hover高光亮度】=========
    brightness(1.15) → 亮度，1=原图，数值越大越亮
    */
    filter: brightness(1.08);
}

/* 通栏大图 */
.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;
}
/* =========【通栏大图hover高光亮度】=========
brightness(1.15) → 亮度，1=原图，数值越大越亮
*/
.dz_post_card_20260803 .card_big_img_box img:hover{
    filter: brightness(1.08);
}

/* 搜索框 */
.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 .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;
}
/* =========【图集图片悬浮参数（重点可修改）】=========
translateY(-1.5px)→ 上浮距离，数值越大飘越高
scale(1.03)      → 放大倍数，1.00=无放大，1.05=放大5%
filter:brightness(1.15) → 鼠标触碰高光亮度，1为原图，数值越大越亮
*/
.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(1.08);
}

/* 椭圆形文本框 */
.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:#333;
    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;
    pointer-events:auto !important;
}
.dz_post_card_20260803 .collapse_bar:hover{
    background: #e4e4e4;
}
.dz_post_card_20260803 .collapse_bar_text{
    font-size: 15px;
    color: #333;
}
.dz_post_card_20260803 .collapse_bar_icon{
    font-size: 16px;
    transition: transform 0.3s ease;
}
.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;
}
.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 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">敢敢子</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/202609/09/172948afqssya1tkaapzz5.png" border="0"></div>
    </div>

    <!--通栏大图-->
    <div class="card_big_img_box">
      <img class="preview-img" src="https://www.qqmcc.net/data/attachment/album/202609/09/172948knncngunrbppukug.png" alt="横幅大图">
    </div>

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

    <!--图集 1~10-->
    <div class="card_gallery">
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172918tjugp5cu7z7ppqlj.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172917km9jtmyihy55ccsd.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172914p84s3ul8224hl838.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172912lfm5unu9nvxrvk0o.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172911n1kgh1ggugpz4v81.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172911kpfwc2kywfp2ecwc.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172910ctn14gn4844471y7.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172910wu0emigoyozn0oo7.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172910f863fbzbmk6ifbss.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172909c4kqdw5ky5wj2pcp.jpg" border="0"></div>
    </div>

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

    <!--图集 11~20-->
    <div class="card_gallery">
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172909bo8zm2xzxcx9ofac.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172909pullpkvs81phpn88.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172908x9wo7jwnd5z7tgvj.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172908hsr1sc3w8sm177dj.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172907hspscalczyixdqpi.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172907g2rbheaevrig8web.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172907szqzypvbjk9ady5d.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172906kioukpfpljiiiuo7.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172906sgo8wkak898oavv0.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/172905nhkdkh383v1jv821.jpg" border="0"></div>
    </div>

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

<!--图片放大弹窗【跟随本卡片，仅本回帖生效】-->
<div class="img_modal">
    <img id="preview_img">
</div>

撰稿人 发表于 2026-9-9 17:37:27

<br>
<br>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=425295146&auto=1&height=66"></iframe>
<br>
<br>

屿风 发表于 2026-9-9 17:40:18

星耀云途，乘风踏破千重嶂。

归雾 发表于 2026-9-9 17:44:21

星耀云途，乘风踏破千重嶂。

知我无法讨好 发表于 2026-9-10 11:05:32

颜值在线，前来打卡致谢

QQmcc-贝宁 发表于 2026-9-10 11:05:40

楼主选图眼光无敌！

芬达 发表于 2026-9-10 11:05:47

治愈感满满，太过养眼！

范潇潇Arlene 发表于 2026-9-10 11:05:51

治愈感满满，太过养眼！

查看完整版本: 星耀｜敢敢子｜星耀云途，乘风踏破千重嶂。