body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select, figure, figcaption {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, b, strong {
    font-size: 100%;
    font-weight: normal;
}

i, em {
    font-style: normal;
}

li {
    list-style: none;
}


a {
    text-decoration: none; /* 去除默认的下划线 */
    color: inherit; /* 继承父元素的文字颜色 */
    outline: none; /* 去除焦点时的边框 */
}

a:hover {
    text-decoration: none; /* 鼠标悬停时去掉加下划线 */
}

a:focus {
    outline: none; /* 移除聚焦时的边框 */
    text-decoration: none; /* 鼠标悬停时去掉加下划线 */
}


body, html {
    font: 14px "微软雅黑", inherit;
}

input {
    outline: none;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}


.flex {
    display: flex;
}


.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-warp {
    display: flex;
    flex-wrap: wrap;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-evenly {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.flex-x-center {
    display: flex;
    justify-content: center;
}

.flex-x-between {
    display: flex;
    justify-content: space-between;
}

.flex-y-center {
    display: flex;
    align-items: center;
}

.flex-y-start {
    display: flex;
    align-items: flex-start;
}

.flex-y-end {
    display: flex;
    align-items: flex-end;
}

.flex-y-baseline {
    display: flex;
    align-items: baseline;
}


/* 最大宽度 */
.max-160 {
    max-width: 80px;
}

.max-200 {
    max-width: 100px;
}

.max-260 {
    max-width: 130px;
}

.max-300 {
    max-width: 150px;
}

.max-380 {
    max-width: 190px;
}

.max-456 {
    max-width: 228px;
}

.max-500 {
    max-width: 150px;
}

.max-520 {
    max-width: 260px;
}

.max-550 {
    max-width: 275px;
}

.max-566 {
    max-width: 288px;
}

.max-580 {
    max-width: 290px;
}

.h-100 {
    height: 50px;
}

.h-140 {
    height: 70px;
}

.h-64 {
    height: 32px;
}

.lh-54 {
    line-height: 27px;
}

.h-80 {
    height: 40px;
}

/* 外间距 */
.mg-sm {
    margin: 5px;
}

.mg-md {
    margin: 10px;
}

.mg-lg {
    margin: 15px;
}

.mg-xl {
    margin: 20px;
}

.mt-sm {
    margin-top: 5px;
}

.mt-md {
    margin-top: 10px;
}

.mt-lg {
    margin-top: 15px;
}

.mt-xl {
    margin-top: 20px;
}

.mr-sm {
    margin-right: 5px;
}

.mr-md {
    margin-right: 10px;
}

.mr-lg {
    margin-right: 15px;
}

.mr-xl {
    margin-right: 20px;
}

.mb-sm {
    margin-bottom: 5px;
}

.mb-md {
    margin-bottom: 10px;
}

.mb-lg {
    margin-bottom: 15px;
}

.mb-xl {
    margin-bottom: 20px;
}

.ml-sm {
    margin-left: 5px;
}

.ml-md {
    margin-left: 10px;
}

.ml-lg {
    margin-left: 15px;
}

.ml-xl {
    margin-left: 20px;
}


/* 内间距 */
.pd-sm {
    padding: 5px;
}

.pd-md {
    padding: 10px;
}

.pd-lg {
    padding: 15px;
}

.pd-xl {
    padding: 20px;
}

.pt-sm {
    padding-top: 5px;
}

.pt-md {
    padding-top: 10px;
}

.pt-lg {
    padding-top: 15px;
}

.pt-xl {
    padding-top: 20px;
}

.pr-sm {
    padding-right: 5px;
}

.pr-md {
    padding-right: 10px;
}

.pr-lg {
    padding-right: 15px;
}

.pr-xl {
    padding-right: 20px;
}

.pb-sm {
    padding-bottom: 5px;
}

.pb-md {
    padding-bottom: 10px;
}

.pb-lg {
    padding-bottom: 15px;
}

.pb-xl {
    padding-bottom: 20px;
}

.pl-sm {
    padding-left: 5px;
}

.pl-md {
    padding-left: 10px;
}

.pl-lg {
    padding-left: 15px;
}

.pl-xl {
    padding-left: 20px;
}


.page {
    width: 100%;
    /*min-width: 1440px;*/
}

/* 富文本容器 - 核心样式 */
.rich-text-container {
    /* 基础容器限制 */
    width: 100%;
    max-width: 100%;
    overflow-x: auto; /* 横向超出时显示滚动条，避免页面整体变形 */
    box-sizing: border-box;
    padding: 1rem;

    /* 1. 图片适配 */
    img {
        max-width: 100% !important; /* 强制图片不超出容器 */
        height: auto !important;    /* 保持图片宽高比 */
        display: block;             /* 避免图片底部留白 */
        margin: 0.5rem 0;          /* 上下间距，提升可读性 */
    }

    /* 2. 表格适配 */
    table {
        width: 100% !important;     /* 表格宽度适配容器 */
        min-width: 600px;          /* 保证表格最小宽度，避免内容挤压 */
        border-collapse: collapse; /* 合并边框，优化显示 */
        margin: 1rem 0;
    }

    /* 表格单元格 */
    td, th {
        padding: 0.5rem;
        border: 1px solid #e8e8e8;
        word-break: break-word;    /* 单元格文字换行，避免横向超出 */
    }

    /* 3. 其他易超出元素适配 */
    pre, code {
        max-width: 100%;
        overflow-x: auto;          /* 代码块横向滚动 */
    }

    /* 4. 文本换行（针对长字符串/链接） */
    p, div, span {
        word-wrap: break-word;     /* 长单词/链接换行 */
        word-break: break-all;     /* 兼容不同浏览器 */
    }
}

#translate {
    display: none;
}

body::-webkit-scrollbar {
    width: 6px;
}

body::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}

body::-webkit-scrollbar-track {
    background-color: #f7f7f7;
}

@media (max-width: 768px) {
    body::-webkit-scrollbar {
        width: 1px;
    }

}

@media (max-width: 1366px) {
    .page {
        /*zoom: 74%;*/
    }

    .hover-panel {
        width: 100% !important;
    }
}