屿风 发表于 2026-10-8 16:11:26

剧集影视推荐模版

<style>
.dz-card-wrap{width:900px !important;background:#161a23 !important;border-radius:14px !important;box-shadow:0 4px 16px rgba(0,0,0,0.35) !important;padding:16px !important;margin:10px auto !important;box-sizing:border-box !important;}
.dz-media-box{width:100% !important;border-radius:10px !important;overflow:hidden !important;margin-top:16px !important;}
.dz-oval-input{width:100% !important;box-sizing:border-box !important;margin-bottom:16px !important;padding:10px 18px !important;border-radius:999px !important;border:none !important;outline:none !important;background:#232935 !important;color:#e8e8e8 !important;font-size:14px !important;}
.dz-oval-input::placeholder{color:#888 !important;}
.dz-middle-row{display:flex !important;gap:18px !important;align-items:flex-start !important;}
.dz-img-left{flex:0 0 420px !important;width:420px !important;max-width:420px !important;position:relative !important;border-radius:12px !important;overflow:hidden !important;}
.vip-corner-tag{position:absolute !important;top:0 !important;right:0 !important;z-index:2 !important;background:linear-gradient(90deg,#fff1bc,#ffbc5c) !important;color:#5c3800 !important;font-weight:bold !important;font-size:22px !important;padding:4px 16px !important;border-bottom-left-radius:12px !important;}
.dz-text-right{flex:1 !important;min-width:0 !important;}
.inner-text{font-size:14px !important;color:#C0C0C0 !important;line-height:1.55 !important;word-break:break-all !important;white-space:pre-wrap !important;margin-top:-4px !important;margin-bottom:0 !important;}
.text-main-title{font-size:20px !important;color:#FFE4B5 !important;font-weight:bold !important;display:block !important;margin-bottom:8px !important;}
.text-sub-title{font-size:16px !important;color:#FFE4B5 !important;display:block !important;margin:10px 0 4px !important;}
.dz-img-left img{width:100% !important;height:auto !important;display:block !important;border-radius:0 !important;box-shadow:0 3px 12px rgba(0,0,0,0.4) !important;pointer-events:none !important;transition:none !important;cursor:default !important;}
.imdb-rate-box{background:#222936 !important;border:1px solid #343c4b !important;border-radius:8px !important;padding:10px 14px !important;margin:4px 0 0 0 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;}
.imdb-left{display:flex !important;align-items:center !important;gap:12px !important;}
.imdb-logo-tag{background:#f5c518 !important;color:#000 !important;font-weight:900 !important;font-size:18px !important;padding:2px 8px !important;border-radius:4px !important;line-height:1 !important;}
.imdb-star{font-size:22px !important;color:#f5c518 !important;line-height:1 !important;}
.imdb-score{font-size:26px !important;color:#fff !important;font-weight:bold !important;line-height:1 !important;margin-right:20px !important;}
.imdb-rate-action{display:flex !important;align-items:center !important;gap:8px !important;font-size:22px !important;color:#63b8ff !important;}
.imdb-rate-action .star-empty{font-size:24px !important;}
.imdb-rate-action .rate-text{font-size:22px !important;font-weight:500 !important;}
.imdb-meta{font-size:14px !important;color:#C0C0C0 !important;line-height:1 !important;}
.fold-item{background:#202833 !important;border:1px solid #333b48 !important;border-radius:8px !important;margin-top:12px !important;overflow:hidden !important;}
.fold-header{padding:12px 16px !important;cursor:pointer !important;color:#e2e2e2 !important;display:flex !important;justify-content:space-between !important;align-items:center !important;transition:0.2s !important;}
.fold-header:hover{background:#27303d !important;}
.fold-content{max-height:0 !important;overflow:hidden !important;padding:0 16px !important;background:#161a23 !important;color:#fff !important;transition:max-height .35s ease,padding .35s ease !important;}
.fold-item.open .fold-content{max-height:2000px !important;padding:14px 16px !important;}
.fold-icon{transition:transform .3s !important;}
.fold-item.open .fold-icon{transform:rotate(180deg) !important;}
.dz-hide-block{margin-top:16px !important;border-top:1px solid #2c3340 !important;padding-top:12px !important;}
.dz-toggle-btn{cursor:pointer !important;color:#f0f0f0 !important;font-size:14px !important;}
.dz-hidden-content{display:none !important;margin-top:10px !important;color:#fff !important;line-height:1.65 !important;}
.dz-hidden-content.open{display:block !important;}
.eval-img{width:100% !important;border-radius:8px !important;display:block !important;margin-bottom:12px !important;}
.eval-link-btn{display:inline-block !important;padding:8px 24px !important;background:#ffac2d !important;color:#161a23 !important;border-radius:999px !important;text-decoration:none !important;font-weight:bold !important;}
</style>
<div class="dz-card-wrap">
<input class="dz-oval-input" placeholder="开始搜索楼主更多发帖内容">
<div class="dz-middle-row">
<div class="dz-img-left"><div class="vip-corner-tag">完结</div></div>
<div class="dz-text-right">
<div class="inner-text"><span class="text-main-title">小丑回魂：欢迎来到德里镇</span>
导演: 安德斯·穆斯切蒂
编剧: 杰森·富克斯 / 安德斯·穆斯切蒂 / 芭芭拉·穆斯切蒂
主演: 克拉拉·斯塔克 / 泰勒·佩奇 / 约万·艾德坡 / 比尔·斯卡斯加德 / 詹姆斯·瑞马尔 / 更多...
类型: 恐怖 / 奇幻
制片国家/地区: 美国 / 加拿大
语言: 英语
首播: 2025-10-26(美国)
季数: 1
集数: 8
单集片长: 60分钟<br>
<span class="text-sub-title">电影简介：</span>
该剧设定在《小丑回魂》的27年前，讲述小丑潘尼怀斯的起源故事。</div><br>
<div class="imdb-rate-box">
<div class="imdb-left">
<div class="imdb-logo-tag">IMDb</div>
<div class="imdb-star">评级</div>
<div class="imdb-star">★</div>
<div class="imdb-score">8.9/10</div>
<div class="imdb-rate-action"><span class="star-empty">☆</span><span class="rate-text">Rate</span></div>
</div>
<div class="imdb-meta">175k</div>
</div>
</div>
</div>
<div class="dz-media-box"></div>
<div style="margin-top:20px;">
<div class="fold-item">
<div class="fold-header"><span>展开预告片</span><span class="fold-icon">▼</span></div>
<div class="fold-content">《预告片》</div>
</div>
<div class="fold-item">
<div class="fold-header"><span>展开查看第一季</span><span class="fold-icon">▼</span></div>
<div class="fold-content">
<div align="center">
<a href="链接地址" style="display:inline-block !important;padding:8px 24px !important;background:#ffac2d !important;color:#161a23 !important;border-radius:999px !important;text-decoration:none !important;font-weight:bold !important;">点击前往其它平台观看</a><br>
温馨提示：观看需要平台对应会员，本帖只做作品推荐交流，不存在资源、网盘、破解渠道。<br>
著作权归属影片版权方，收到相关通知将第一时间移除链接。<br>
</div>
</div>
</div>
<div class="fold-item">
<div class="fold-header"><span>展开查看第二季</span><span class="fold-icon">▼</span></div>
<div class="fold-content">
<div align="center">
<img src="https://img9.doubanio.com/view/photo/l/public/p2926209794.webp" class="eval-img" alt="海报">
<a href="链接地址" class="eval-link-btn">点击跳转查看第二季第三方链接</a>
</div>
</div>
</div>
</div>
</div>
<script>
document.addEventListener('click', function(e){
    const hd = e.target.closest('.fold-header');
    if (!hd) return;
    const item = hd.parentElement;
    // 手风琴效果：打开当前面板，关闭其他所有fold-item
    const allItems = document.querySelectorAll('.fold-item');
    allItems.forEach(box => {
      if(box !== item){
            box.classList.remove('open');
      }
    });
    item.classList.toggle('open');
});
</script>

屿风 发表于 2026-10-8 16:15:00

<style>
.dz-card-wrap{width:900px !important;background:#161a23 !important;border-radius:14px !important;box-shadow:0 4px 16px rgba(0,0,0,0.35) !important;padding:16px !important;margin:10px auto !important;box-sizing:border-box !important;}
.dz-media-box{width:100% !important;border-radius:10px !important;overflow:hidden !important;margin-top:16px !important;}
.dz-oval-input{width:100% !important;box-sizing:border-box !important;margin-bottom:16px !important;padding:10px 18px !important;border-radius:999px !important;border:none !important;outline:none !important;background:#232935 !important;color:#e8e8e8 !important;font-size:14px !important;}
.dz-oval-input::placeholder{color:#888 !important;}
.dz-middle-row{display:flex !important;gap:18px !important;align-items:flex-start !important;}
.dz-img-left{flex:0 0 420px !important;width:420px !important;max-width:420px !important;position:relative !important;border-radius:12px !important;overflow:hidden !important;}
.vip-corner-tag{position:absolute !important;top:0 !important;right:0 !important;z-index:2 !important;background:linear-gradient(90deg,#fff1bc,#ffbc5c) !important;color:#5c3800 !important;font-weight:bold !important;font-size:22px !important;padding:4px 16px !important;border-bottom-left-radius:12px !important;}
.dz-text-right{flex:1 !important;min-width:0 !important;}
.inner-text{font-size:14px !important;color:#C0C0C0 !important;line-height:1.55 !important;word-break:break-all !important;white-space:pre-wrap !important;margin-top:-4px !important;margin-bottom:0 !important;}
.text-main-title{font-size:20px !important;color:#FFE4B5 !important;font-weight:bold !important;display:block !important;margin-bottom:8px !important;}
.text-sub-title{font-size:16px !important;color:#FFE4B5 !important;display:block !important;margin:10px 0 4px !important;}
.dz-img-left img{width:100% !important;height:auto !important;display:block !important;border-radius:0 !important;box-shadow:0 3px 12px rgba(0,0,0,0.4) !important;pointer-events:none !important;transition:none !important;cursor:default !important;}
.imdb-rate-box{background:#222936 !important;border:1px solid #343c4b !important;border-radius:8px !important;padding:10px 14px !important;margin:4px 0 0 0 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;}
.imdb-left{display:flex !important;align-items:center !important;gap:12px !important;}
.imdb-logo-tag{background:#f5c518 !important;color:#000 !important;font-weight:900 !important;font-size:18px !important;padding:2px 8px !important;border-radius:4px !important;line-height:1 !important;}
.imdb-star{font-size:22px !important;color:#f5c518 !important;line-height:1 !important;}
.imdb-score{font-size:26px !important;color:#fff !important;font-weight:bold !important;line-height:1 !important;margin-right:20px !important;}
.imdb-rate-action{display:flex !important;align-items:center !important;gap:8px !important;font-size:22px !important;color:#63b8ff !important;}
.imdb-rate-action .star-empty{font-size:24px !important;}
.imdb-rate-action .rate-text{font-size:22px !important;font-weight:500 !important;}
.imdb-meta{font-size:14px !important;color:#C0C0C0 !important;line-height:1 !important;}
.fold-item{background:#202833 !important;border:1px solid #333b48 !important;border-radius:8px !important;margin-top:12px !important;overflow:hidden !important;}
.fold-header{padding:12px 16px !important;cursor:pointer !important;color:#e2e2e2 !important;display:flex !important;justify-content:space-between !important;align-items:center !important;transition:0.2s !important;}
.fold-header:hover{background:#27303d !important;}
.fold-content{max-height:0 !important;overflow:hidden !important;padding:0 16px !important;background:#161a23 !important;color:#fff !important;transition:max-height .35s ease,padding .35s ease !important;}
.fold-item.open .fold-content{max-height:2000px !important;padding:14px 16px !important;}
.fold-icon{transition:transform .3s !important;}
.fold-item.open .fold-icon{transform:rotate(180deg) !important;}
.dz-hide-block{margin-top:16px !important;border-top:1px solid #2c3340 !important;padding-top:12px !important;}
.dz-toggle-btn{cursor:pointer !important;color:#f0f0f0 !important;font-size:14px !important;}
.dz-hidden-content{display:none !important;margin-top:10px !important;color:#fff !important;line-height:1.65 !important;}
.dz-hidden-content.open{display:block !important;}
.eval-img{width:100% !important;border-radius:8px !important;display:block !important;margin-bottom:12px !important;}
.eval-link-btn{display:inline-block !important;padding:8px 24px !important;background:#ffac2d !important;color:#161a23 !important;border-radius:999px !important;text-decoration:none !important;font-weight:bold !important;}
</style>
<div class="dz-card-wrap">
<input class="dz-oval-input" placeholder="开始搜索楼主更多发帖内容">
<div class="dz-middle-row">
<div class="dz-img-left"><div class="vip-corner-tag">完结</div><海报封面></div>
<div class="dz-text-right">
<div class="inner-text"><span class="text-main-title">小丑回魂：欢迎来到德里镇</span>
导演: 安德斯·穆斯切蒂
编剧: 杰森·富克斯 / 安德斯·穆斯切蒂 / 芭芭拉·穆斯切蒂
主演: 克拉拉·斯塔克 / 泰勒·佩奇 / 约万·艾德坡 / 比尔·斯卡斯加德 / 詹姆斯·瑞马尔 / 更多...
类型: 恐怖 / 奇幻
制片国家/地区: 美国 / 加拿大
语言: 英语
首播: 2025-10-26(美国)
季数: 1
集数: 8
单集片长: 60分钟<br>
<span class="text-sub-title">电影简介：</span>
该剧设定在《小丑回魂》的27年前，讲述小丑潘尼怀斯的起源故事。</div><br>
<div class="imdb-rate-box">
<div class="imdb-left">
<div class="imdb-logo-tag">IMDb</div>
<div class="imdb-star">评级</div>
<div class="imdb-star">★</div>
<div class="imdb-score">8.9/10</div>
<div class="imdb-rate-action"><span class="star-empty">☆</span><span class="rate-text">Rate</span></div>
</div>
<div class="imdb-meta">175k</div>
</div>
</div>
</div>
<div class="dz-media-box"></div>
<div style="margin-top:20px;">
<div class="fold-item">
<div class="fold-header"><span>展开预告片</span><span class="fold-icon">▼</span></div>
<div class="fold-content">《预告片》</div>
</div>
<div class="fold-item">
<div class="fold-header"><span>展开查看第一季</span><span class="fold-icon">▼</span></div>
<div class="fold-content">
<div align="center">
<a href="链接地址" style="display:inline-block !important;padding:8px 24px !important;background:#ffac2d !important;color:#161a23 !important;border-radius:999px !important;text-decoration:none !important;font-weight:bold !important;">点击前往其它平台观看</a><br>
温馨提示：观看需要平台对应会员，本帖只做作品推荐交流，不存在资源、网盘、破解渠道。<br>
著作权归属影片版权方，收到相关通知将第一时间移除链接。<br>
</div>
</div>
</div>
<div class="fold-item">
<div class="fold-header"><span>展开查看第二季</span><span class="fold-icon">▼</span></div>
<div class="fold-content">
<div align="center">
<img src="海报地址" class="eval-img" alt="海报">
<a href="链接地址" class="eval-link-btn">点击跳转查看第二季第三方链接</a>
</div>
</div>
</div>
</div>
</div>
<script>
document.addEventListener('click', function(e){
    const hd = e.target.closest('.fold-header');
    if (!hd) return;
    const item = hd.parentElement;
    // 手风琴效果：打开当前面板，关闭其他所有fold-item
    const allItems = document.querySelectorAll('.fold-item');
    allItems.forEach(box => {
      if(box !== item){
            box.classList.remove('open');
      }
    });
    item.classList.toggle('open');
});
</script>
页: [1]
查看完整版本: 剧集影视推荐模版