QQMCC 欢迎你的回来。
快捷导航

[电影表格] 剧集合集海报版

154 主题
星币
金钱

Rank: 16Rank: 16Rank: 16Rank: 16

发表于 昨天 17:33 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转QQMCC。

您需要 登录 才可以下载或查看,没有账号?注册

x
VIP
8.jpg
行尸之惧 1-6季合集
人气 TOP 1
剧情 | 恐怖
2021 | 美国 | 剧集 | 单集44分钟
IMDb
8.8/10
网友评分 ★★★★☆
76.8w 评分 8.9
导演: 迈克尔·E·萨特拉泽米斯
编剧: 安德鲁·钱布利斯 / 埃里克·伊恩·戈德堡
主演: 连尼·詹姆斯 / 奥斯丁·阿梅里奥 / 莫·柯林斯 / 凯伦·戴维 / 金·迪肯斯 / 科尔曼·多明戈 / 珍娜·艾夫曼 / 克里斯汀·伊万格丽斯塔 / 丹妮·加西亚 / 德米特里斯·格罗斯 / 彼得·雅各布森 / 卢宾·布雷兹 / 艾莉克莎·尼森森
描述: 瑞克苏醒,发现世界被行尸占领,和幸存者一路逃亡,先后经历农场、监狱失守,逃离食人族终点站,抵达亚历山大。之后他们遇上救世军,尼根杀害格伦、亚伯拉罕,瑞克被迫屈服,后来联合各社区击败救世军,活捉尼根,卡尔牺牲。瑞克意外失踪,阿尔法带领低语者来袭,几番血战消灭低语者。幸存者又对抗收割者,最后推翻腐败的联邦,故事结束。

立即播放本季
展开预告片
预告片位置
回复

使用道具 举报

154 主题
星币
金钱

Rank: 16Rank: 16Rank: 16Rank: 16

 楼主| 发表于 昨天 18:03 | 显示全部楼层
  1. <style>
  2. .dz-card-wrap{--grad:linear-gradient(135deg,#6366f1,#a855f7);--glow:rgba(168,85,247,.45);width:950px !important;background:#161a23;border-radius:14px;padding:16px;margin:10px auto;box-sizing:border-box;}
  3. .dz-oval-input{width:100%;box-sizing:border-box;margin-bottom:16px;padding:10px 18px;border-radius:999px;border:none;outline:none;background:#232935;color:#e8e8e8;font-size:14px;}
  4. .dz-oval-input::placeholder{color:#888;}
  5. .dz-middle-row{display:flex;gap:18px;align-items:flex-start;margin-bottom:12px;}
  6. .dz-img-left{
  7.     flex:0 0 420px;width:420px;height:600px;position:relative;border-radius:12px;overflow:hidden;background:#000;
  8.     border:1px solid #2c313b;
  9.     transition:box-shadow .3s ease, border-color .3s ease, transform .3s ease;
  10. }
  11. .dz-img-left:hover{
  12.     border-color:#a855f7;
  13.     box-shadow:
  14.         0 0 0 1px #6366f1,
  15.         0 0 0 3px rgba(168,85,247,.25),
  16.         0 0 28px rgba(168,85,247,.55);
  17.     transform:translateY(-3px);
  18. }
  19. .dz-img-left img{width:100%;height:100%;object-fit:cover;display:block;}
  20. .vip-corner-tag{position:absolute;top:0;right:0;z-index:3;width:70px;height:34px;line-height:34px;text-align:center;background:var(--grad);color:#fff;font-weight:900;font-size:22px;border-bottom-left-radius:12px;box-shadow:0 0 10px rgba(168,85,247,.55);}
  21. .dz-text-right{flex:1;min-width:0;}
  22. .detail-wrap{display:flex;flex-direction:column;gap:16px;}
  23. .text-main-title{font-size:26px;color:#fff;font-weight:bold;margin:0;white-space:pre-wrap;overflow-wrap:break-word;}
  24. .tag-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:0;}
  25. .tag-hot-group{display:inline-flex;}
  26. .tag-hot{background:var(--grad);color:#fff;padding:3px 9px;border-radius:4px 0 0 4px;font-weight:bold;font-size:13px;box-shadow:0 0 6px var(--glow);}
  27. .tag-top-num{background:#2c313b;color:#d7dde8;padding:3px 9px;border-radius:0 4px 4px 0;font-weight:bold;font-size:13px;}
  28. .tag-type{background:var(--grad);color:#fff;padding:2px 9px;border-radius:4px;font-size:13px;box-shadow:0 0 6px var(--glow);}
  29. .meta-line{color:#b9b9b9;font-size:14px;margin:0;white-space:pre-wrap;overflow-wrap:break-word;}
  30. .score-card{background:#2c313b;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:30px;}
  31. .imdb-badge{background:#f5c518;color:#000;font-weight:900;font-size:20px;padding:4px 11px;border-radius:4px;}
  32. .score-main-row{display:flex;align-items:center;gap:14px;flex:1;flex-wrap:wrap;}
  33. .score-num-block{font-size:34px;font-weight:bold;color:#ffaa2b;line-height:1;}
  34. .score-text-block{display:flex;flex-direction:column;gap:0;}
  35. .score-label{font-size:12px;color:#fff;margin:0;}
  36. .imdb-star{font-size:12px;color:#f5c518;}
  37. .score-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
  38. .score-icon{width:24px;height:24px;object-fit:contain;display:block;}
  39. .green-tag{background:#22bb66;color:#fff;font-size:12px;padding:2px 6px;border-radius:3px;font-weight:bold;}
  40. .imdb-votes{font-size:12px;color:#C0C0C0;}
  41. .info-line{color:#e2e2e2;font-size:14px;margin:0;white-space:pre-wrap;overflow-wrap:break-word;line-height:1.3;}
  42. .info-desc{color:#e2e2e2;font-size:14px;margin:0;white-space:pre-wrap;overflow-wrap:break-word;line-height:1.5;}
  43. .actor-wrap{color:#e2e2e2;font-size:14px;line-height:1.3;}
  44. .actor-main{display:inline;}
  45. .play-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:150px;background:var(--grad);color:#fff !important;text-decoration:none !important;padding:9px 0;border-radius:8px;font-weight:bold;font-size:14px;transition:0.25s ease;}
  46. .play-btn:hover{opacity:0.9;transform:scale(1.02);color:#fff !important;text-decoration:none !important;}
  47. .play-btn img{width:16px;height:16px;}

  48. /* 剧集海报模块 - 修改为 contain 完整显示,不裁切,自动缩放适配 */
  49. .ep-poster-section{margin-top:16px;}
  50. .ep-poster-title{color:#fff;font-size:15px;margin:0 0 10px 0;font-weight:bold;}
  51. .ep-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
  52. .ep-item{position:relative;}
  53. .ep-poster{width:100%;aspect-ratio:3/4.2;border-radius:10px;overflow:hidden;position:relative;border:1px solid #2c313b;background:#000;display:block;transition:0.25s ease;display:flex;align-items:center;justify-content:center;}
  54. .ep-poster img{max-width:100%;max-height:100%;object-fit:contain;display:block;}
  55. .ep-tag{position:absolute;top:8px;left:8px;background:var(--grad);color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;z-index:2;box-shadow:0 0 8px var(--glow);}
  56. .ep-poster:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--glow);border-color:#a855f7;}
  57. /* 屏蔽Discuz附件图片hover弹窗提示 */
  58. .ep-poster img[id^="aimg_"]{pointer-events:none !important;}
  59. #aimg_menu,div[id^="aimg_"]{display:none !important;}

  60. .trailer-fold{width:100%;margin-top:16px;}
  61. .fold-item{background:#202833;border:1px solid #333b48;border-radius:8px;overflow:hidden;}
  62. .fold-header{padding:11px 16px;cursor:pointer;color:#e2e2e2;display:flex;justify-content:space-between;align-items:center;}
  63. .fold-content{max-height:0;overflow:hidden;padding:0 16px;background:#161a23;color:#fff;transition:max-height .35s ease,padding .35s ease;white-space:pre-wrap;}
  64. .fold-item.open .fold-content{max-height:2000px;padding:13px 16px;}
  65. .fold-icon-img{width:14px;height:14px;object-fit:contain;transition:transform .3s;display:block;}
  66. .fold-item.open .fold-icon-img{transform:rotate(180deg);}
  67. </style>

  68. <div class="dz-card-wrap">
  69. <input class="dz-oval-input" placeholder="开始搜索楼主更多发帖内容">
  70. <div class="dz-middle-row">
  71. <div class="dz-img-left">
  72. <div class="vip-corner-tag">VIP</div>
  73. <海报>
  74. </div>
  75. <div class="dz-text-right">
  76. <div class="detail-wrap">
  77. <span class="text-main-title">行尸之惧 1-6季合集</span>
  78. <div class="tag-row">
  79. <div class="tag-hot-group">
  80. <span class="tag-hot">人气</span>
  81. <span class="tag-top-num">TOP 1</span>
  82. </div>
  83. <span class="tag-type">剧情 | 恐怖</span>
  84. </div>
  85. <div class="meta-line">2021  |  美国  |  剧集  |  单集44分钟</div>
  86. <div class="score-card">
  87. <span class="imdb-badge">IMDb</span>
  88. <div class="score-main-row">
  89. <div class="score-num-block">8.8/10</div>
  90. <div class="score-text-block">
  91. <span class="score-label">网友评分</span>
  92. <span class="imdb-star">★★★★☆</span>
  93. </div>
  94. </div>
  95. <div class="score-right">
  96. <span class="imdb-votes">76.8w 评分</span>
  97. <img class="score-icon" src="https://www.qqmcc.net/data/attachment/album/202610/19/111845sa8z32f3muj3xlhx.png">
  98. <span class="green-tag">8.9</span>
  99. </div>
  100. </div>
  101. <div class="info-line">导演: 迈克尔·E·萨特拉泽米斯</div>
  102. <div class="info-line">编剧: 安德鲁·钱布利斯 / 埃里克·伊恩·戈德堡</div>
  103. <div class="actor-wrap">
  104. <span class="actor-main">主演: 连尼·詹姆斯 / 奥斯丁·阿梅里奥 / 莫·柯林斯 / 凯伦·戴维 / 金·迪肯斯 / 科尔曼·多明戈 / 珍娜·艾夫曼 / 克里斯汀·伊万格丽斯塔 / 丹妮·加西亚 / 德米特里斯·格罗斯 / 彼得·雅各布森 / 卢宾·布雷兹 / 艾莉克莎·尼森森</span>
  105. </div>
  106. <div class="info-desc">描述: 瑞克苏醒,发现世界被行尸占领,和幸存者一路逃亡,先后经历农场、监狱失守,逃离食人族终点站,抵达亚历山大。之后他们遇上救世军,尼根杀害格伦、亚伯拉罕,瑞克被迫屈服,后来联合各社区击败救世军,活捉尼根,卡尔牺牲。瑞克意外失踪,阿尔法带领低语者来袭,几番血战消灭低语者。幸存者又对抗收割者,最后推翻腐败的联邦,故事结束。</div><br>
  107. <a class="play-btn" href="跳转链接" target="_blank">
  108. <img src="https://www.qqmcc.net/data/attachment/album/202610/26/172832n6fjoxxjfabob5y6.png">
  109. 立即播放本季
  110. </a>
  111. </div>
  112. </div>
  113. </div>

  114. <!-- 剧集海报区域 -->
  115. <div class="ep-poster-section">
  116. <div class="ep-poster-title">更多剧集</div>
  117. <div class="ep-list">
  118. <div class="ep-item">
  119. <a class="ep-poster" href="跳转链接" target="_blank">
  120. <span class="ep-tag">第2季</span>
  121. <海报>
  122. </a>
  123. </div>
  124. <div class="ep-item">
  125. <a class="ep-poster" href="跳转链接" target="_blank">
  126. <span class="ep-tag">第3季</span>
  127. <海报>
  128. </a>
  129. </div>
  130. <div class="ep-item">
  131. <a class="ep-poster" href="跳转链接" target="_blank">
  132. <span class="ep-tag">第4季</span>
  133. <海报>
  134. </a>
  135. </div>
  136. <div class="ep-item">
  137. <a class="ep-poster" href="跳转链接" target="_blank">
  138. <span class="ep-tag">第5季</span>
  139. <海报>
  140. </a>
  141. </div>
  142. <div class="ep-item">
  143. <a class="ep-poster" href="跳转链接" target="_blank">
  144. <span class="ep-tag">第6季</span>
  145. <海报>
  146. </a>
  147. </div>
  148. </div>
  149. </div>

  150. <div class="trailer-fold">
  151. <div class="fold-item">
  152. <div class="fold-header">
  153. <span>展开预告片</span>
  154. <img class="fold-icon-img" src="https://www.qqmcc.net/data/attachment/album/202610/19/105402oqk0n5mn0ink05ik.png">
  155. </div>
  156. <div class="fold-content">预告片位置</div>
  157. </div>
  158. </div>
  159. </div>

  160. <script>
  161. document.querySelectorAll('.fold-header').forEach(header=>{
  162.     header.onclick=()=>{
  163.         header.parentElement.classList.toggle('open');
  164.     }
  165. })
  166. </script>
复制代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|小黑屋|关于我们

Copyright © 2016-2023, Tencent Cloud.    Powered by Discuz! X3.4    鄂ICP备2022014325号-7

GMT+8, 2026-10-27 09:34