《蜘蛛侠：英雄无归》4K中英双字
本帖最后由 遇鹿 于 2026-8-3 13:00 编辑 <br /><br /><style>/* ==========【全局统一参数管理区｜所有颜色、尺寸集中在此修改】========== */
:root{
/* 卡片基础 */
--card-width: 900px;
--card-bg: #161a23;
--card-radius: 14px;
--card-shadow: 0 4px 16px rgba(0,0,0,0.35);
--card-padding: 16px;
/* 视频容器 */
--video-radius: 10px;
/* 椭圆搜索框 */
--search-bg: #232935;
--search-text: #e8e8e8;
--search-placeholder: #888;
/* 布局间距 */
--row-gap: 18px;
--block-margin:16px;
/* ✅图片宽度设置区域【强制420px，高度自动自适应】 */
--img-width: 420px;
/* 图片样式 */
--img-radius: 12px;
--img-shadow: 0 3px 12px rgba(0,0,0,0.4);
--img-shadow-hover: 0 8px 22px rgba(0,0,0,0.55);
--img-float: -4px;
/* 右侧整块文本样式【统一控制所有文字】 */
--text-size: 14px;
--text-color: #dedede;
--text-line-height:1.5;
--title-size: 20px;
--title-color: #ffffff;
--title-weight:bold;
--subtitle-size:20px;
--subtitle-color:#f5d388;
/* 折叠板块样式 */
--fold-wrap-bg:#202833; /* 折叠外框背景 */
--fold-border:#333b48;
--fold-title-color:#e2e2e2;
--fold-content-bg:#ffffff; /* ✅折叠【内页背景】现在白色，可直接修改色值 */
--fold-content-text:#222222; /* 内页文字（白底改用深色文字） */
/* 底部回复可见区域 */
--split-line: #2c3340;
--toggle-color: #f0f0f0;
--hide-text-color: #ffffff;
}
/* ================================================================= */
.dz-card-wrap{
width:var(--card-width);
margin:10px auto;
background:var(--card-bg);
border-radius:var(--card-radius);
padding:var(--card-padding);
box-sizing:border-box;
box-shadow: var(--card-shadow);
}
/* DZ附件视频容器 */
.dz-media-box{
width:100%;
border-radius:var(--video-radius);
overflow:hidden;
margin-top: var(--block-margin);
}
/* 椭圆形搜索框 */
.dz-oval-input{
width:100%;
box-sizing:border-box;
margin-bottom:var(--block-margin);
padding:10px 18px;
border-radius:999px;
border:none;
outline:none;
background:var(--search-bg);
color:var(--search-text);
font-size:14px;
}
.dz-oval-input::placeholder{
color:var(--search-placeholder);
}
/* 中部左右布局容器 */
.dz-middle-row{
display:flex;
gap:var(--row-gap);
align-items:flex-start; /* 顶部对齐，防止图片拉高整行 */
}
/* 左侧图片容器 强制宽度420px */
.dz-img-left{
flex:0 0 var(--img-width);
width: var(--img-width);
max-width: var(--img-width);
}
/* 右侧整块文本区域【关键：white-space:pre-line 自动识别回车换行】
✅修复：min-width:0 解决长文本挤压左侧图片布局 */
.dz-text-right{
flex:1;
min-width:0;
font-size:var(--text-size);
color:var(--text-color);
line-height:var(--text-line-height);
word-break:break-all;
white-space: pre-line;
}
/* 行内标题样式 */
.text-main-title{
font-size:var(--title-size);
color:var(--title-color);
font-weight:var(--title-weight);
display:block;
margin-bottom:8px;
}
.text-sub-title{
font-size:var(--subtitle-size);
color:var(--subtitle-color);
display:block;
margin:10px 0 4px;
}
/* ✅适配attachimg附件图片样式 */
.dz-img-left img{
width: 100%;
height:auto;
display:block; /* 消除图片默认底边空白 */
border-radius:var(--img-radius);
cursor:pointer;
transition:all 0.3s ease;
box-shadow: var(--img-shadow);
}
.dz-img-left img:hover{
transform:translateY(var(--img-float));
box-shadow: var(--img-shadow-hover);
}
/* ==========【多页折叠样式】========== */
.fold-item{
background:var(--fold-wrap-bg);
border:1px solid var(--fold-border);
border-radius:8px;
margin-top:12px;
overflow:hidden;
}
.fold-header{
padding:12px 16px;
cursor:pointer;
color:var(--fold-title-color);
display:flex;
justify-content:space-between;
align-items:center;
transition:0.2s;
}
.fold-header:hover{
background:#27303d;
}
.fold-content{
max-height:0;
overflow:hidden;
padding:0 16px;
background:var(--fold-content-bg); /* 独立内背景色 */
color:var(--fold-content-text);
transition:max-height 0.35s ease,padding 0.35s ease;
}
.fold-item.open .fold-content{
max-height:2000px;
padding:14px 16px;
}
.fold-icon{
transition:transform 0.3s;
}
.fold-item.open .fold-icon{
transform:rotate(180deg);
}
/* 底部回复可见区域 */
.dz-hide-block{
margin-top:var(--block-margin);
border-top:1px solid var(--split-line);
padding-top:12px;
}
.dz-toggle-btn{
cursor:pointer;
color:var(--toggle-color);
font-size:14px;
}
.dz-hidden-content{
display:none;
margin-top:10px;
color:var(--hide-text-color);
line-height:1.65;
}
.dz-hidden-content.open{
display:block;
}
</style>
<div class="dz-card-wrap">
<!-- 【顶部搜索框】 -->
<input class="dz-oval-input" placeholder="开始搜索楼主更多发帖内容">
<!-- 【中部：左侧海报 + 右侧文本】 -->
<div class="dz-middle-row">
<!-- 左侧海报区域【已改为Discuz上传附件图片】 -->
<div class="dz-img-left">
</div>
<div class="dz-text-right">
<span class="text-main-title">蜘蛛侠：英雄无归</span>
导演: 乔恩·沃茨
编剧: 乔纳森·戈尔茨坦 / 约翰·弗朗西斯·戴利 / 乔恩·沃茨 / 克里斯托弗·福特 / 克里斯·麦克纳 / 更多...
主演: 汤姆·霍兰德 / 小罗伯特·唐尼 / 玛丽莎·托梅 / 迈克尔·基顿 / 雅各布·贝塔隆
类型: 动作 / 科幻 / 冒险
制片国家/地区: 美国
语言: 英语
上映日期: 2017-09-08(中国大陆) / 2017-06-28(洛杉矶首映) / 2017-07-07(美国)
片长: 133分钟
<span class="text-sub-title">电影简介：</span>
在费了九牛二虎之力好不容易打败了神秘客之后，蜘蛛侠彼得·帕克却被濒死之际的神秘客揭露了真实身份。随后主流媒体对超能力者滥用权力造成普通平民生活无数困扰的行为大加挞伐，一时间彼得的生活乱作一团，甚至影响到了MJ和好朋友内德的生活。备受困扰的彼得找到了奇异博士，希望对方施展一条能够让世人忘记他真实身份的咒语。谁知乱中出错，这条咒语将其他宇宙中认识彼得·帕克的人陆续带来，其中包括章鱼博士、绿魔、沙人等其他蜘蛛侠的死对头。担心这些“对手”回到各自宇宙后迎来灭亡的命运，彼得决定拯救他们，却无意中带来让他无法承受的因果……
</div>
</div>
<!-- 【视频模块 图文下方】 -->
<div class="dz-media-box">
</div>
<!-- ==========【多页折叠区域，复制fold-item无限新增】========== -->
<div style="margin-top:20px;">
<!-- 折叠1 -->
<div class="fold-item">
<div class="fold-header" onclick="toggleFold(this)">
<span>本片演职表</span>
<span class="fold-icon">▼</span>
</div>
<div class="fold-content">
</div>
</div>
<!-- 折叠2 直接复制整块fold-item即可新增一页 -->
<div class="fold-item">
<div class="fold-header" onclick="toggleFold(this)">
<span>点击打开隐藏下载链接（回复可见）</span>
<span class="fold-icon">▼</span>
</div>
<div class="fold-content">
**** Hidden Message *****
</div>
</div>
</div>
</div>
<script>
function toggleFold(el){
el.parentElement.classList.toggle('open');
}
</script> 合集很棒，收藏慢慢观看。 谢谢楼主整理分享，十分实用 终于等到，感恩楼主无私分享 支持楼主，感谢大佬资源分享 感谢楼主无私分享，资源太棒啦！ 万分感谢楼主分享，辛苦大佬！ 收下资源，准备开启观影模式。 楼主好人，谢谢 太棒了，感谢楼主热心分享资源