.mid{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mid>div{
    padding: 1.5em;
    width: 50%;
}

.mid .headword{
    margin-bottom: 1.5em;
}

.mid video{
    border-radius: 1em;
}


@media (max-width: 991px) {
    .mid{
        flex-direction: column-reverse;
        padding-bottom: 2em;

    }
    .mid>div{
        width: 100%;
        padding: 0.5em;
    }
    .mid h4{
        font-size: 23px;
        color: #000;
        font-weight: 400;
    }

    .mid video{
        width: 100%;
        padding: 0;
        margin-bottom: 2em;
    }

}

.softwarenav .cover {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 70%; /* 默认尺寸 */
    background-size: 70%; /* 默认尺寸 */
    z-index: 1;
    transition: background-size 0.3s ease; /* 背景尺寸变化动画 */
    height: 25em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: relative;
}

.softwarenav .cover h3 {
    position: absolute;
    bottom: 60px; /* 提高标题位置，距离底部60px */
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
}

.softwarenav .cover .btn {
    position: absolute;
    bottom: 20px; /* 保持按钮在底部20px的位置 */
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
}

/* 悬停效果保持不变 */
.softwarenav .cover:hover h3,
.softwarenav .cover:hover .btn {
    opacity: 1;
}



.softwarenav .cover:hover {
    -webkit-background-size: 60%; /* 悬停时缩小 */
    background-size: 60%; /* 悬停时缩小 */
}

.softwarenav .cover:hover h3,
.softwarenav .cover:hover .btn {
    opacity: 1; /* 悬停时显示文字和按钮 */
}

@media (max-width: 991px){
    .softwarenav .cover{
        -webkit-background-size: 90%; /* 默认尺寸 */
        background-size: 90%; /* 默认尺寸 */
    }

    .softwarenav .cover:hover {
        -webkit-background-size: 80%; /* 悬停时缩小 */
        background-size: 80%; /* 悬停时缩小 */
    }
}

.softwarenav .cover h3{
    font-weight: bolder;
    color: #1e66f8;
}

.relationnav .content{
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-content: center;
}

.relationnav .content .title{
    text-align: center;
    font-weight: bolder;
    margin-bottom: 2em;
    font-size: 2em;
}


.featurerow {
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: space-between;
    list-style: none; /* 移除最外层ul的默认样式 */
    padding-left: 0; /* 清除默认内边距 */
}

.featurerow>li>span{
    margin-bottom: 0.5em;
    font-weight: 900;
    font-size: 18px;
}
.featurerow li{
    margin-left: 2em;
}

.featurerow > li > ul >li:first-child {
    list-style-type: disc; /* 显示实心点 */
    font-weight: bold;
}

/* 子项列表（CLKDIV等li） */
.featurerow > li > ul > li:not(:first-child) {
    font-weight: normal;

    list-style-type: none; /* 移除默认符号 */
    position: relative; /* 为伪元素定位 */
    padding-left: 20px; /* 为短横线腾出空间 */
}

/* 为子项添加短横线 */
.featurerow > li > ul > li:not(:first-child)::before {
    content: "-";
    position: absolute;
    left: 0; /* 定位到左侧 */
    color: inherit;
}

.featurerow > li:first-child > ul > li {
    font-weight: normal;
    list-style-type: none; /* 移除默认符号 */
    position: relative; /* 为伪元素定位 */
    padding-left: 20px; /* 为短横线腾出空间 */
}

.featurerow > li:first-child > ul > li::before {
    content: "-";
    position: absolute;
    left: 0; /* 定位到左侧 */
    color: inherit;
}

@media (max-width: 991px) {
    .featurerow >li{
        padding-bottom: 2em;
    }

    .featurerow > li > ul{
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
    }

    .featurerow > li > ul>li:first-child{
        width: 100%;
    }

}