查看“三国志绒绒版/神谕令剧情”的源代码

[[分类:活动剧情]]{{回到顶部|头}}{{面包屑|2025活动剧情|三国志绒绒版/活动玩法}}{{活动背景}}

<div class="map-dh">
<div class="map-dh-left">三国志绒绒版</div>
<div class="map-dh-right">
{{板块|按钮|三国志绒绒版/神谕令·猫邦|神谕令·猫邦对话}}
{{板块|按钮|三国志绒绒版/神谕令·犬都|神谕令·犬都对话}}
</div>
</div>
{{#css:
.map-dh {
    width:100%;
    overflow:hidden;
    margin:10px 0px;
    display:table;
    border-radius: 4px;
}

.map-dh-left {
    display:table-cell;
    vertical-align: middle;
    width:140px;
    padding:10px;
    font-weight:bold;
    font-size:16px;
    background:#7B5F44;
    color:#F2E3C6;
    text-align:center;
}

.map-dh-right {
    display:table-cell;
    vertical-align: middle;
    width:calc(100% - 100px);
    padding:10px;
    color:#cbbba4;
    background:#eee;
}

.map-dh-an {
    float: left;
    width: 120px;
    color: #848080!important;
    background: #DCCF9E;
    padding: 3px 10px;
    text-align: center;
    border-radius: 4px;
    margin:4px;
}

.map-dh-an:hover {
    background:#EAECF0;
    transition:.2s;
}

@media only screen and (max-width:759px){
    .map-dh-an {
        width:48%;
        margin:4px 1%;
    }

    .map-dh-left {
        display:block;
        width:100%;
    }

    .map-dh-right {
        display:block;
        width:100%;
    }
}
}}
{{#css:
.title{
    position: absolute;
    top: 100px;
    left: 120px;
    font-size: 4rem;
    color: #5c0202;
    }
    
 @media screen and (max-width: 600px){
    .chengzhang{
        width: 120% !important;
        transform: translateX(-8%);
    }
    .title{
        position: absolute;
        top: 38px;
        left: 50px;
        font-size: 2rem;
    }
}
}}