遇鹿 发表于 2026-8-2 15:14:05

《巅峰猎杀》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>

戦咖 发表于 2026-8-2 15:26:11

辛苦大佬 不错 支持下

沈野 发表于 2026-8-2 17:04:17

巅峰猎杀,不错不错

薄荷微光流年逝 发表于 2026-8-3 12:14:09

保存网盘,闲暇时间观看。

Miranda、 发表于 2026-8-7 22:50:23

种类齐全,新片老片都包含。

与协一 发表于 2026-8-7 22:51:15

楼主好人,谢谢

芒果味信箱 发表于 2026-8-7 22:56:44

观影清单又新增一大批影片。

凉生 发表于 2026-8-7 23:00:11

终于不用到处四处找资源。

HANI的小橡皮 发表于 2026-8-7 23:07:19

冷门老电影也有,惊喜满满。

离人舆风 发表于 2026-8-7 23:17:55

蹲到资源了,非常感谢楼主!
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 《巅峰猎杀》4K中英双字