《蜘蛛侠:崭新之日》HD 高清中英双字
<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>
导演: 德斯汀·丹尼尔·克雷顿
编剧: 克里斯·麦克纳 / 埃里克·萨默斯
主演: 汤姆·霍兰德 / 赞达亚 / 萨迪·辛克 / 雅各布·贝塔隆 / 马克·鲁法洛
类型: 动作 / 科幻 / 冒险
制片国家/地区: 美国 / 加拿大 / 英国 / 德国
语言: 英语
上映日期: 2026-07-29(中国大陆) / 2026-07-31(美国)
片长: 145分钟
<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> 影片数量很多,十分满意。 下载顺利,感谢楼主付出。 感谢分享,终于可以圆梦观影。 好多想看的电影,爱了! 感谢楼主分享! 感谢分享,终于找到想要的内容 慕名而来,感谢楼主的资源! 冷门老电影也有,惊喜满满。 慕名而来,感谢楼主的资源!