﻿.notXuan {
    width: 40px;
    height: 26px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 20px;
    color: #999999;
    line-height: 26px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.nav-item {
    position: relative;
    width: 40px;
    height: 50px;
    margin-left: 10px;
    display: inline-block;
}

    .nav-item .xuanOk {
        display: inline-block; /* ✅ 关键！让宽高和垂直外边距生效 */
        width: 40px;
        height: 26px;
        line-height: 26px; /* 与 height 一致，实现文字垂直居中 */
        font-family: 'Microsoft YaHei', sans-serif;
        font-weight: 700;
        font-size: 20px;
        color: #5D6146;
        text-align: center; /* 推荐改为居中对齐 */
    }

    .nav-item .notXuan {
        display: inline-block; /* ✅ 关键！让宽高和垂直外边距生效 */
        width: 40px;
        height: 26px;
        line-height: 26px; /* 与 height 一致，实现文字垂直居中 */
        font-family: 'Microsoft YaHei', sans-serif;
        font-weight: 700;
        font-size: 20px;
        color: #999999;
        text-align: center; /* 推荐改为居中对齐 */
    }

.underline {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px; /* 调整这里控制离底部距离 */
    width: 40px;
    height: 3px;
    background-color: #5D6146;
}

.zongheFenlei {
    width: 28px;
    height: 18px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    line-height: 18px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-left: 2px;
    margin-top: 20px;
}

.zhuanti-item {
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

    .zhuanti-item:not(:last-child)::after {
        content: '';
        position: absolute;
        left: 20px;
        bottom: 0;
        width: 1160px;
        height: 0;
        border-bottom: 1px dashed #DAD9D1;
    }

.timu {
    width: auto;
    height: 29px;
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #19537D;
    line-height: 29px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 20px;
}

/*.content {
    width: 1160px;
    height: 21px;
    line-height: 21px;
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #0F0F0F;
    text-align: justify;*/
    /* 🔥 超出显示省略号 */
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    /* 必须加，否则 span 不支持这些属性 */
    /*display: block;
    margin-left: 20px;
}*/
.content {
    width: 1160px;
    /* 行高与字体大小一致，保证单行垂直居中 */
    line-height: 16px;
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #0F0F0F;
    text-align: justify;
    /* 🔥 单行省略核心三属性，缺一不可 */
    white-space: nowrap; /* 强制不换行，保留单行 */
    overflow: hidden; /* 隐藏超出内容 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    display: block; /* span转块级，支持宽/高和省略属性 */
    margin-left: 20px;
    /* 移除固定height，避免行高/字体大小变化导致的错位，由line-height撑起单行高度 */
}

.shiwenContent {
    width: 1200px;
    margin: 0 auto;
}

.zongheShiwen {
    width: 1200px;
    height: auto;
    position: relative;
    margin-top: 30px;
    padding-bottom: 64px;
}

.bieming {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #A32A2A;
    line-height: 18px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-left: 20px;
}
.bieming2 {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    line-height: 18px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding-left: 20px;
}
/* 虚线分隔（非最后一项） */
.zongheShiwen:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 20px;
    bottom: 0;
    width: 1160px;
    height: 0;
    border-bottom: 1px dashed #DAD9D1;
}

/* 工具栏：左下角 */
.tool {
    position: absolute;
    width: 1180px;
    left: 0;
    bottom: 22px;
    display: flex;
    align-items: center;
    gap: 30px;
    font-size: 20px;
    margin-left: 22px;
}

    .tool img, .tool a {
        cursor: pointer;
    }
    /*.tool img{
    background-color: rgba(200, 200, 200, 0.3); padding: 1px; border-radius: 2px; display: inline-block;
}*/
    .tool .wanshan {
        width: 40px;
        height: 22px;
        background: #E9E8DC;
        border-radius: 5px;
        margin-left: auto;
        margin-right: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .tool .wanshan a {
            width: 24px;
            height: 18px;
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 12px;
            color: #999999;
            line-height: 16px;
            text-align: left;
            font-style: normal;
            text-transform: none;
        }

/* 注释/译文按钮组：右上角 */
.yizhu {
    position: absolute;
    right: 0;
    top: 0px;
    display: flex;
    gap: 10px;
    align-items: center;
}

    .yizhu img {
        width: 25px;
        height: 25px;
        cursor: pointer;
    }


.source {
    font-size: 14px;
    color: #666666;
    margin-left: 20px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .source a {
        text-decoration: none;
        color: inherit;
        display: flex;
        align-items: center;
        gap: inherit;
    }

    .source img {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        object-fit: cover;
        flex-shrink: 0;
    }

.contson {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #0F0F0F;
    line-height: 32px;
    text-align: justify;
    font-style: normal;
    text-transform: none;
    margin-top: auto;
    margin-left: 20px;
    margin-top: 20px;
    margin-right: 20px;
}

    .contson p {
        line-height: 200%;
        margin-top: 20px;
    }

    .contson .hr {
        height: 15px;
        margin-top: 15px;
        overflow: hidden;
        border-top: 1px solid #DAD9D1;
    }

.pinyinContson {
    clear: both;
    overflow: hidden;
    margin-top: 10px;
    margin-left: 20px;
}

    .pinyinContson span {
        line-height: 100%;
        width: 39px;
        text-align: center;
        display: inline-block;
    }

    .pinyinContson .pinyin {
        clear: both;
        line-height: 160%;
        font-size: 12px;
        font-weight: normal;
        float: left;
        width: 36px;
    }

    .pinyinContson .hanzi {
        clear: both;
        margin-bottom: 10px;
        text-align: center;
        float: left;
        font-size: 20px;
        height: 36px;
        width: 36px;
        line-height: 36px;
        text-align: center;
        background: url(https://ziyuan.guwendao.net//dict/imgs/bigImgbk2.png) no-repeat 2px;
        background-size: 32px 32px;
        font-family: KaiTi;
    }

.viewMore {
    height: 21px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #19537D;
    line-height: 21px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.mingju-item {
    font-family: 'Microsoft YaHei', sans-serif;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #DAD9D1;
    width: 1160px;
    line-height: 1.7; /* 统一基准行高 */
    /* 关键：允许内容自然换行，且子元素在文本流中 */
    white-space: normal;
}

    .mingju-item:last-child {
        border-bottom: none;
    }

/* 名句内容 */
.mingjuContent {
    display: inline; /* 必须是 inline 才能与后面接续 */
    font-size: 18px;
    color: #19537D;
    text-decoration: none;
    line-height: 1.4; /* 约 28px 行高，合理 */
    /* 核心：与来源对齐的关键 */
    vertical-align: bottom; /* ✅ 对齐底部，确保最后一行对齐 */
}

    .mingjuContent:hover {
        text-decoration: underline;
    }

/* 来源容器：必须也是 inline 且对齐方式一致 */
.mingju-source-inline {
    display: inline; /* 必须 inline */
    font-size: 16px;
    color: #666666;
    margin-left: 6px; /* 左边距：小空隙分隔 */
    /* 核心：与 .mingjuContent 对齐到底部 */
    vertical-align: bottom; /* ✅ 重点！必须相同对齐方式 */
    line-height: 1.4; /* 匹配行高节奏 */
}

    .mingju-source-inline a {
        color: #666666;
        text-decoration: none;
    }

        .mingju-source-inline a:hover {
            text-decoration: underline;
        }

/* 可选：如果定义了 .mingjuSource 类，确保不覆盖 display */
.mingjuSource {
    font-size: 16px;
    color: #666666;
    line-height: 21px;
    text-decoration: none;
    display: inline; /* 防止被 block 化 */
}
