遇鹿 发表于 2023-7-7 11:12:07

《月光骑士》第一季完结！

<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>
导演: 穆罕默德·迪亚卜 / 艾伦·穆尔黑德 / 贾斯汀·本森
编剧: 杰瑞米·斯莱特 / 迈克尔·沙特莱恩 / 道格·蒙克 / 博·德马约 / 亚历克斯·米尼汉 / 更多...
主演: 奥斯卡·伊萨克 / 梅·卡拉美维 / 伊桑·霍克 / 迈克尔·本杰明·埃尔南德斯 / F·默里·亚伯拉罕
类型: 动作 / 奇幻 / 冒险
制片国家/地区: 美国
语言: 英语
首播: 2022-03-30(美国)
集数: 6
单集片长: 45分钟
IMDb: tt10234724

<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-7-7 13:21:27

这个后面没看了

桜玦 发表于 2023-8-28 17:44:22

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

好心作怪 发表于 2023-8-28 17:51:06

好，很好，非常好！

沅鹤缪岩 发表于 2023-8-28 17:59:08

岁月不堪数 故人不如初

Joes 发表于 2023-8-28 18:05:24

期待下次更新

表姨 发表于 2023-8-28 18:12:50

我是这样死板的山 竟为你哗然

单亖 发表于 2023-8-28 18:25:06

我是这样死板的山 竟为你哗然

亓黛 发表于 2023-8-28 18:30:38

好，很好，非常好！

万千归途 发表于 2023-8-28 18:37:34

遇见你之前 我没心事
页: [1] 2 3 4 5 6 7 8 9
查看完整版本: 《月光骑士》第一季完结！