遇鹿 发表于 2023-7-4 13:45:02

《恶鬼》近期爆发式韩剧推荐！

<style>
.dz-card-wrap{
    width:900px !important;
    background: #161a23 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.35) !important;
    padding:16px !important;
    margin:10px auto !important;
    box-sizing:border-box !important;
}
.dz-media-box{
    width:100% !important;
    border-radius:10px !important;
    overflow:hidden !important;
    margin-top:16px !important;
}
.dz-oval-input{
    width:100% !important;
    box-sizing:border-box !important;
    margin-bottom:16px !important;
    padding:10px 18px !important;
    border-radius:999px !important;
    border:none !important;
    outline:none !important;
    background:#232935 !important;
    color:#e8e8e8 !important;
    font-size:14px !important;
}
.dz-oval-input::placeholder{
    color:#888 !important;
}
.dz-middle-row{
    display:flex !important;
    gap:18px !important;
    align-items:flex-start !important;
}
.dz-img-left{
    flex:0 0 420px !important;
    width:420px !important;
    max-width:420px !important;
    position:relative !important;
    border-radius:12px !important;
    overflow:hidden !important;
}
.vip-corner-tag{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    z-index:2 !important;
    background:linear-gradient(90deg,#fff1bc,#ffbc5c) !important;
    color:#5c3800 !important;
    font-weight:bold !important;
    font-size:22px !important;
    padding:4px 16px !important;
    border-bottom-left-radius:12px !important;
}
.dz-text-right{
    flex:1 !important;
    min-width:0 !important;
}
.inner-text{
    font-size:14px !important;
    color:#dedede !important;/* ← 简介正文、演职信息文字颜色 */
    line-height:1.55 !important;
    word-break:break-all !important;
    white-space:pre-wrap !important;
    margin-top:-4px !important;
}
.text-main-title{
    font-size:20px !important;
    color:#ffffff !important;/* ← 电影名称标题颜色 */
    font-weight:bold !important;
    display:block !important;
    margin-bottom:8px !important;
}
.text-sub-title{
    font-size:20px !important;
    color:#f5d388 !important;/* ← “电影简介：”标题颜色 */
    display:block !important;
    margin:10px 0 4px !important;
}
.dz-img-left img{
    width: 100% !important;
    height:auto !important;
    display:block !important;
    border-radius:0 !important;
    box-shadow: 0 3px 12px rgba(0,0,0,0.4) !important;
    pointer-events: none !important;
    transition: none !important;
    cursor: default !important;
}
.fold-item{
    background:#202833 !important;
    border:1px solid #333b48 !important;
    border-radius:8px !important;
    margin-top:12px !important;
    overflow:hidden !important;
}
.fold-header{
    padding:12px 16px !important;
    cursor:pointer !important;
    color:#e2e2e2 !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    transition:0.2s !important;
}
.fold-header:hover{
    background:#27303d !important;
}
.fold-content{
    max-height:0 !important;
    overflow:hidden !important;
    padding:0 16px !important;
    background:#ffffff !important;
    color:#222222 !important;
    transition:max-height 0.35s ease,padding 0.35s ease !important;
}
.fold-item.open .fold-content{
    max-height:2000px !important;
    padding:14px 16px !important;
}
.fold-icon{
    transition:transform 0.3s !important;
}
.fold-item.open .fold-icon{
    transform:rotate(180deg) !important;
}
.dz-hide-block{
    margin-top:16px !important;
    border-top:1px solid #2c3340 !important;
    padding-top:12px !important;
}
.dz-toggle-btn{
    cursor:pointer !important;
    color:#f0f0f0 !important;
    font-size:14px !important;
}
.dz-hidden-content{
    display:none !important;
    margin-top:10px !important;
    color:#ffffff !important;
    line-height:1.65 !important;
}
.dz-hidden-content.open{
    display:block !important;
}
</style>

<div class="dz-card-wrap">
    <input class="dz-oval-input" placeholder="开始搜索楼主更多发帖内容">
    <div class="dz-middle-row">
      <div class="dz-img-left">
            <div class="vip-corner-tag">VIP</div>

      </div>
      <div class="dz-text-right">
            <div class="inner-text"><span class="text-main-title">恶鬼</span>
导演: 李正林
编剧: 金银姬
主演: 金泰梨 / 吴正世 / 红炅 / 杨惠智 / 朴智英 / 陈善圭
金元海 / 芮秀贞
类型: 悬疑 / 惊悚
制片国家/地区: 韩国
语言: 韩语
首播: 2023-06-23(韩国)
集数: 12
单集片长: 60分钟
又名: Revenant
IMDb: tt22263470

<span class="text-sub-title">电影简介：</span>
讲述打开门就是有恶鬼存在的另一个世界，被恶鬼缠身的女人和可以看到恶鬼的男人一起揭开围绕五种神体的可疑死亡事件。
            </div>
      </div>
    </div>
    <div class="dz-media-box">



    </div>
    <div style="margin-top:20px;">
      <div class="fold-item">
            <div class="fold-header">
                <span>本片演职表</span>
                <span class="fold-icon">▼</span>
            </div>
            <div class="fold-content">

            </div>
      </div>
      <div class="fold-item">
            <div class="fold-header">
                <span>点击查看声明链接</span>
                <span class="fold-icon">▼</span>
            </div>
            <div class="fold-content">
**** Hidden Message *****
            </div>
      </div>
    </div>
</div>

<script>
// Discuz兼容：移除onclick，使用事件委托，新开帖子也可用
document.addEventListener('click',function(e){
    var header = e.target.closest('.fold-header');
    if(header){
      header.parentElement.classList.toggle('open');
    }
});
</script>

结合实际就是 发表于 2023-8-28 13:12:39

当我快被淹没时，你又掀起一场巨浪。

蜜洛蜜洛 发表于 2023-8-28 17:45:17

偷偷浪漫吧，避开世俗的眼光。

大魔王露娜 发表于 2023-8-28 17:53:04

好，很好，非常好！

脑袋炸了 发表于 2023-8-28 18:00:12

人和人走散太容易了

萌芽小幸福 发表于 2023-8-28 18:05:55

看得出来 我是一个很酷且可爱的人。

阿勋 发表于 2023-8-28 18:15:25

你不必生来勇敢，天赋过人

噱头 发表于 2023-8-28 18:25:20

我够勇敢了 是他不识趣

半暖时光 发表于 2023-8-28 18:31:25

好帖必须得顶起

蓖舒 发表于 2023-8-28 18:37:52

很不错的帖子！支持下
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 《恶鬼》近期爆发式韩剧推荐！