/* 通用内容详情页结构样式 - 用于文章、律师详情等具有面包屑和正文的页面 */

.jing-main-content {
    background-color: #ffffff;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.jing-container {
    max-width: 998px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

/* 面包屑区域样式适配 */
.jing-container .breadcrumb-container {
    padding: 60px 0;
    width: 100%;
    max-width: 998px;
    margin: 0 auto;
}

/* 正文容器包装 */
.article-body-wrapper {
    width: 100%;
    max-width: 998px;
    margin: 0 auto;
    padding: 10px 0 60px;
}

/* 富文本内容基础样式 */
.article-content-text {
    font-family: 'Inter', 'Noto Sans JP', 'Noto Sans SC', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    color: #353535;
}

.article-content-text p {
    margin-bottom: 1.5rem;
}

.article-content-text img {
    max-width: 100%;
    height: auto;
}

/* 列表标题样式 (Figma: news-cube -> title) */
.news-list-title {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 168px;
    padding: 35px 0;
}
.news-list-title-text {
    font-family: 'Open Sans Condensed', 'Noto Sans JP', sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: #000;
    padding: 0 27px;
}

.news-list-title::before {
    content: "";
    display: block;
    width: 81px;
    height: 2px;
    background-color: #000;
}

/* 平板适配 (1280px) */
@media (max-width: 1279px) {
    .jing-container {
        max-width: 599px; /* Figma 1280 稿中 list 的宽度为 599px */
        margin: 0 auto;
        padding: 0;
    }
    
    
    .jing-container .breadcrumb-container,
    .article-body-wrapper {
        width: 602px;
    }
}

/* 手机适配 (768px) */
@media (max-width: 768px) {
    .jing-container {
        max-width: 704px;
        padding: 0 30px; /* 调整间距以匹配其他页面习惯 */
    }
    
    .jing-container .breadcrumb-container,
    .article-body-wrapper {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .jing-container .breadcrumb-container {
        padding: 30px 0;
    }

    /* 强制富文本内容完全响应式，防止撑开宽度 */
    .article-content-inner {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-all;
        padding: 0 5px;
        box-sizing: border-box;
    }

    .article-content-inner img {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        display: block;
        margin: 10px auto;
    }

    .article-content-inner table {
        width: 100% !important;
        max-width: 100% !important;
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border-collapse: collapse;
    }

    .article-content-inner * {
        max-width: 100% !important;
        box-sizing: border-box !important;
        white-space: normal !important; /* 强制换行 */
    }

    .article-content-text {
        font-size: 16px;
    }
}