论坛 › 星耀推荐 › 星耀｜u酱u｜揽星而往，偕你共赴山海。

撰稿人 发表于 2026-9-9 16:37:48

星耀｜u酱u｜揽星而往，偕你共赴山海。

本帖最后由 撰稿人 于 2026-9-9 16:58 编辑 <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;
}
/* =========【外框卡片鼠标触碰悬浮效果】========= */
.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">u酱u</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/163330mdhd330qkx2c0qk4.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/163331frmcrma4m0hwp9mh.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">
u酱u
小红书号：u010303u
IP属地：四川
&#128764;每天开心就会每天漂亮～
25岁/中国
      </div>
    </div>

    <!--图集 1~10-->
    <div class="card_gallery">
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163226ur4rerr45emhcelz.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163227odbpgkdypzxgdgxa.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163228kuahbrvbmzm8mvyt.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163228hccagrarass8c5sa.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163229cx0kyfxuyj1f3hpu.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163229j2j28592j0k2255g.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163229zf9nfjbgg5kg5eho.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163230tduiyyptyypiydbi.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163230arhhkogcl6ogllhn.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163230snx9ryxzpxrkfktp.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/202609/09/163231xi0sjxyk2ibusxu4.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/164404sqafsy7k2szeekxk.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163231gcvcwrpk95zrk25r.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163232ogn5g2ung450gegz.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163232ka5cg8gg8g8cy8hb.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163232nmtm93q9hqpksv9o.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163233ls1m265bqbyh57q5.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163233gz1llralerpdn9p9.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163233v7r67kb7x711vnhr.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163234veknekn4kqxzziue.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>
</div>

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

撰稿人 发表于 2026-9-9 16:38:59

<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">u酱u</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/163330mdhd330qkx2c0qk4.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/163331frmcrma4m0hwp9mh.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/163248w1sv1veacwrcsama.jpg" border="0"></div><div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163248spprjweearzvejsr.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163247hxqo3zfo7kqejqov.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163247knbpfwawnwjx11s1.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163247is3a8a35buncj5a3.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163246lazzffh55ahd5ci9.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163246t05xnndvcn7x700v.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163246zndbkmdqbmtt2e29.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163245fnumion55kih6i31.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163245zjgsiw3ff6w333s9.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/163244ej4hubjp8fbrprzf.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163244lfpzux4xwdv2z5go.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163244ty5rn85njl7djy7l.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163243jqys6nyx7vs62cxr.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163243cugczuruepzic9uo.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163243c20sfkf9bpkbth2r.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163242ijsxqkym7c70cjpd.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163242tg9pbh4auypyloa9.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163242cmr7kehm87mrmkrc.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163241vtb33bryb00qbu4o.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 16:40:19

<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">u酱u</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/163330mdhd330qkx2c0qk4.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/163331frmcrma4m0hwp9mh.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/163239u81h8bxw9hhug9uk.jpg" border="0"></div><div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163238pin4ep7vvd1z7i6o.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163238anxm5v3q50nm20v2.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163238xzfgl8ontdns8on8.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163237tpaupsystspsuaaq.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163237ke08040r3br3bbjr.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163237v5sz0h0n0zc5mdrh.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163236iv328lkwhw3fk2vx.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163236m0etmz3t8af5em07.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163236cpe83331ereueppv.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/163235at8k4aazjtjx5a29.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163235r4g8o8c9jxwbi4l9.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163234g92wversqg32ooqu.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163234vgfgahzup31gpg4w.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163234veknekn4kqxzziue.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163233v7r67kb7x711vnhr.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163233gz1llralerpdn9p9.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163233ls1m265bqbyh57q5.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163232nmtm93q9hqpksv9o.jpg" border="0"></div>
      <div class="gallery_item"><img src="https://www.qqmcc.net/data/attachment/album/202609/09/163232ka5cg8gg8g8cy8hb.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 16:46:47

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

于故 发表于 2026-9-9 16:59:15

揽星而往，偕你共赴山海。

于故 发表于 2026-9-9 16:59:19

感谢分享

沈野 发表于 2026-9-9 16:59:48

揽星而往，偕你共赴山海。

归雾 发表于 2026-9-9 17:43:35

揽星而往，偕你共赴山海。

无常 发表于 2026-9-10 11:05:32

高清无糊图，必须点赞！

九坚强 发表于 2026-9-10 11:05:40

每一帧都想单独保存！

查看完整版本: 星耀｜u酱u｜揽星而往，偕你共赴山海。