《蜘蛛侠：英雄归来》4K中英双字
本帖最后由 遇鹿 于 2026-8-3 13:09 编辑 <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>
彼得帕克在内战后受到了钢铁侠托尼斯塔克的赏识，表面上，彼得进入托尼的公司成为了一名实习生，实际上，他和复仇者联盟的成员们一起接受了各种各样的训练。托尼虽然欣赏彼得的勇敢和正直，却并不认为他目前已经拥有加入复联的实力，他派出了特工哈皮暗中观察，这让十分想证明自己的彼得感到万分焦躁。在对付两个银行劫匪的过程中，彼得发现劫匪们使用的是一种前所未见的新型武器，他孤身一人深入敌后顺藤摸瓜找到了幕后主使秃鹰，让他彼得没有想到的是，秃鹰竟然是他爱慕的女生利兹的父亲。
</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> 多谢楼主，收下了 非常需要这份资源，多谢楼主 谢谢大佬分享 感谢楼主分享！ 感恩楼主整理 经典影片合集，必须收藏。 种类齐全，新片老片都包含。 种类齐全，新片老片都包含。 辛苦整理，多谢