<div class="vod-detail-box">
    <div class="vod-thumb"><img src="{= ctx.vod.thumbnail =}"></div>
    <div class="vod-details">
        <div>片名：</div>
        <div>{{ ctx.vod.title }}</div>
        <div>更新时间：</div>
        <div>{= to_datetime(ctx.vod.updated):sub(1, 10) =}</div>
        <div>状态：</div>
        <div>{{ ctx.vod.memo }}</div>
        <div>类型：</div>
        <div>{{ ctx.vod.class }}</div>
        <div>导演：</div>
        <div>{{ ctx.vod.director }}</div>
        <div>编剧：</div>
        <div>{{ ctx.vod.writer }}</div>
        <div>演员：</div>
        <div>{{ ctx.vod.actor }}</div>
        <div>地区：</div>
        <div>{{ ctx.vod.location }}</div>
        <div>语言：</div>
        <div>{{ ctx.vod.language }}</div>
        <div>豆瓣：</div>
        <div>
            {[ if ctx.vod.douban.id == '' then ]}
            {{ ctx.vod.douban.score }}
            {[ else ]}
            <a href="https://www.douban.com/subject/{= ctx.vod.douban.id =}/"
                target="_blank">{{ ctx.vod.douban.score }}</a>
            {[ end ]}
        </div>
        <div>上映时间：</div>
        <div>
            {[ if ctx.vod.published ~= 0 then ]}
            {= to_datetime(ctx.vod.published):sub(1, 4) =}
            {[ end ]}
        </div>
        <div>简介：</div>
        <div>{= ctx.vod.summary_html =}</div>
    </div>
</div>
<style>
    .vod-detail-box {
        display: flex;
        flex-wrap: wrap;
        color: #000;
    }

    @media screen and (min-width: 600px) {
        .vod-detail-box {
            flex-wrap: nowrap;
        }
    }

    .vod-detail-box .vod-thumb img {
        max-height: 300px;
    }

    .vod-detail-box .vod-details {
        display: grid;
        grid-template-columns: 6em 1fr;
    }

    .vod-detail-box .vod-details>div:nth-of-type(2n-1) {
        text-align: right;
    }

    .vod-channel {
        margin: 0.5em 0;
    }

    .vod-episodes {
        display: flex;
        flex-flow: wrap;
        gap: 0.5em;
    }

    .vod-episode {
        border: 1px solid #000;
        padding: 0.25em 0.5em;
    }

    .vod-episode a {
        text-decoration: none;
    }
</style>
