《巅峰猎杀》4K中英双字
<style>/* ==========【全局统一参数管理区|所有颜色、尺寸集中在此修改】========== */
:root{
/* 卡片基础 */
--card-width: 800px;
--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.7;
--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);
}
/* 左侧图片容器 强制宽度420px */
.dz-img-left{
flex:0 0 var(--img-width);
width: var(--img-width);
max-width: var(--img-width);
}
/* 右侧整块文本区域【关键:white-space:pre-line 自动识别回车换行,无需手动写<br>】 */
.dz-text-right{
flex:1;
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;
}
/* 海报图片 强制420px宽度,高度自适应 */
.dz-card-img{
width: 100%;
height:auto;
border-radius:var(--img-radius);
cursor:pointer;
transition:all 0.3s ease;
box-shadow: var(--img-shadow);
}
.dz-card-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">
<!-- 左侧海报区域(固定420px) -->
<div class="dz-img-left">
<img class="dz-card-img" src="https://www.qqmcc.net/data/attachment/album/202608/02/190401qa3v1a3kva48zr31.jpg">
</div>
<div class="dz-text-right">
<span class="text-main-title">巅峰猎杀 Apex</span>
导演: 巴塔萨·科马库
编剧: 杰里米·罗宾斯
主演: 查理兹·塞隆 / 塔伦·埃哲顿 / 艾瑞克·巴纳 / 马特·惠伦 / 贝茜·霍兰德 / 亚伦·佩德森 / 罗伯·卡尔顿 / 邓肯·法洛 / 朱莉娅·奥汉尼西安 / 尼阿姆·霍根 / 威洛·西格 / 扎卡里·加雷德 / 凯特琳·斯塔西
类型: 动作 / 惊悚
制片国家/地区: 加拿大 / 澳大利亚 / 美国 / 冰岛
语言: 英语
上映日期: 2026-04-24(美国网络)
片长: 95分钟
<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>
<script>
// 图片点击放大弹窗
function imgZoom(src){
let pop = document.createElement('div');
pop.style=`position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.88);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out;`;
let img = new Image();
img.src=src;
img.style=`max-width:90%;max-height:90vh;border-radius:8px;`;
pop.append(img);
pop.onclick=()=>pop.remove();
document.body.append(pop);
}
// 底部旧展开收起
function toggleHide(btn){
let box = btn.nextElementSibling;
box.classList.toggle('open');
btn.innerHTML = box.classList.contains('open') ? '▲ 点击收起内容' : '▼ 点击展开资源信息(回复可见)';
}
// ✅多板块折叠控制函数
function toggleFold(head){
head.parentElement.classList.toggle('open');
}
</script> 辛苦大佬 不错 支持下 巅峰猎杀,不错不错 保存网盘,闲暇时间观看。 种类齐全,新片老片都包含。 楼主好人,谢谢 观影清单又新增一大批影片。 终于不用到处四处找资源。 冷门老电影也有,惊喜满满。 蹲到资源了,非常感谢楼主!