/* 详情页容器 */
.detail-container {
    width: 100vw;
    height: auto;
    background-color: #F8FCFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3vw 0 6vw 0;
    position: relative;
    z-index: 10;
}

/* 面包屑导航 */
.breadcrumb {
    width: 78.12vw;
    margin-bottom: 2.6vw;
    font-size: 0.83vw;
    color: rgba(102, 102, 102, 1);
}

.breadcrumb-link {
    color: rgba(102, 102, 102, 1);
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb-link:hover {
    color: rgba(3, 52, 113, 1);
}

.breadcrumb-separator {
    margin: 0 0.52vw;
    color: rgba(102, 102, 102, 0.5);
}

.breadcrumb-current {
    color: rgba(3, 52, 113, 1);
}

/* 文章容器 */
.article-wrapper {
    width: 78.12vw;
}

/* 文章标题 */
.article-title {
    color: rgba(34, 34, 34, 1);
    font-size: 1.8vw;
    font-family: Noto Sans SC-Bold;
    font-weight: 700;
    line-height: 2.86vw;
    margin: 0 0 1.56vw 0;
    text-align: center;
}

/* 副标题 */
.sub-title {
    color: rgba(34, 34, 34, 1);
    font-size: 1.3vw;
    font-family: Noto Sans SC-Bold;
    font-weight: 700;
    line-height: 2.86vw;
    margin: 0 0 1.56vw 0;
    text-align: center;
}

/* 文章信息 */
.article-info {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.6vw;
    margin-bottom: 2.08vw;
}

.info-item {
    color: rgba(153, 153, 153, 1);
    font-size: 0.83vw;
    font-family: Noto Sans SC-Regular;
    display: flex;
    align-items: center;
    gap: 0.42vw;
}

.info-item i {
    font-size: 0.94vw;
}

/* 分割线 */
.article-divider {
    width: 100%;
    height: 1px;
    background-color: rgba(226, 228, 230, 1);
    margin-bottom: 2.6vw;
}

/* 文章正文 */
.article-content {
    color: rgba(51, 51, 51, 1);
    font-size: 0.94vw;
    font-family: Noto Sans SC-Regular;
    line-height: 2vw;
}

.article-content p {
    margin: 1.04vw 0;
    text-indent: 2em;
}

.article-content h2.content-subtitle {
    color: rgba(3, 52, 113, 1);
    font-size: 1.25vw;
    font-family: Noto Sans SC-Bold;
    font-weight: 700;
    margin: 2.08vw 0 1.04vw 0;
    line-height: 1.77vw;
}

.article-content ul {
    margin: 1.04vw 0;
    padding-left: 2em;
}

.article-content li {
    margin: 0.78vw 0;
    line-height: 2vw;
}

.article-content strong {
    color: rgba(3, 52, 113, 1);
    font-weight: 600;
}

/* 文章尾部 */
.content-footer {
    margin-top: 2.6vw;
    text-align: right;
}

.content-footer p {
    text-indent: 0;
}

.signature {
    color: rgba(51, 51, 51, 1);
    font-weight: 500;
    margin: 0.52vw 0;
}

.signature-date {
    color: rgba(102, 102, 102, 1);
}

/* 附件下载 */
.attachment-section {
    margin-top: 3.13vw;
    padding-top: 2.08vw;
    border-top: 1px solid rgba(226, 228, 230, 1);
}

.attachment-title {
    color: rgba(3, 52, 113, 1);
    font-size: 1.15vw;
    font-family: Noto Sans SC-Bold;
    font-weight: 700;
    margin-bottom: 1.04vw;
    display: flex;
    align-items: center;
    gap: 0.52vw;
}

.attachment-title i {
    font-size: 1.25vw;
}

.attachment-list {
    display: flex;
    flex-direction: column;
    gap: 0.78vw;
}

.attachment-item {
    display: flex;
    align-items: center;
    gap: 0.52vw;
    padding: 1.04vw;
    background-color: rgba(248, 249, 250, 1);
    border-radius: 0.42vw;
    text-decoration: none;
    color: rgba(51, 51, 51, 1);
    transition: all 0.3s ease;
}

.attachment-item:hover {
    background-color: rgba(3, 52, 113, 0.05);
    color: rgba(3, 52, 113, 1);
}

.attachment-item i {
    font-size: 1.56vw;
    color: #CC0A0A;
}

.attachment-name {
    flex: 1;
    font-size: 0.94vw;
}

.attachment-size {
    color: rgba(153, 153, 153, 1);
    font-size: 0.83vw;
}

/* 底部导航 */
.article-nav {
    margin-top: 3.13vw;
    padding-top: 2.08vw;
    border-top: 1px solid rgba(226, 228, 230, 1);
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
}

.nav-item {
    display: flex;
    align-items: flex-start;
}

.nav-label {
    color: rgba(102, 102, 102, 1);
    font-size: 0.94vw;
    white-space: nowrap;
    margin-right: 0.52vw;
}

.nav-link {
    color: rgba(51, 51, 51, 1);
    font-size: 0.94vw;
    text-decoration: none;
    transition: color 0.3s ease;
    flex: 1;
}

.nav-link:hover {
    color: rgba(3, 52, 113, 1);
}

/* 返回按钮 */
.back-button-wrapper {
    margin-top: 2.6vw;
    display: flex;
    justify-content: center;
}

.back-button {
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    padding: 0.78vw 2.08vw;
    background-color: rgba(3, 52, 113, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 0.94vw;
    font-family: Noto Sans SC-Regular;
    text-decoration: none;
    border-radius: 4.17vw;
    transition: all 0.3s ease;
}

.back-button:hover {
    background-color: rgba(3, 52, 113, 0.8);
    transform: translateY(-0.21vw);
}

.back-button i {
    font-size: 1.04vw;
}

/* 在1920px及以上分辨率时，保持1920px的样式 */
@media (min-width: 1920px) {
    /* 容器固定尺寸 */
    .detail-container {
        padding: 57.6px 0 115.2px 0;
    }

    
    .breadcrumb-separator {
        margin: 0 9.98px;
    }
    
    /* 文章标题固定字体大小 */
    .article-title {
        font-size: 39.94px;
        line-height: 54.91px;
        margin: 0 0 29.95px 0;
    }
    
    /* 文章信息固定字体大小 */
    .article-info {
        gap: 49.92px;
        margin-bottom: 39.94px;
    }
    
    .info-item {
        font-size: 15.94px;
        gap: 8.06px;
    }
    
    .info-item i {
        font-size: 18.05px;
    }
    
    /* 分割线固定尺寸 */
    .article-divider {
        margin-bottom: 49.92px;
    }
    
    /* 文章正文固定字体大小 */
    .article-content {
        font-size: 18.05px;
        line-height: 38.4px;
    }
    
    .article-content p {
        margin: 19.97px 0;
    }
    
    .article-content h2.content-subtitle {
        font-size: 24px;
        line-height: 33.98px;
        margin: 39.94px 0 19.97px 0;
    }
    
    .article-content ul {
        margin: 19.97px 0;
    }
    
    .article-content li {
        margin: 14.98px 0;
        line-height: 38.4px;
    }
    
    /* 文章尾部固定尺寸 */
    .content-footer {
        margin-top: 49.92px;
    }
    
    .signature {
        margin: 9.98px 0;
    }
    
    /* 附件下载固定尺寸 */
    .attachment-section {
        margin-top: 60.10px;
        padding-top: 39.94px;
    }
    
    .attachment-title {
        font-size: 22.08px;
        margin-bottom: 19.97px;
        gap: 9.98px;
    }
    
    .attachment-title i {
        font-size: 24px;
    }
    
    .attachment-list {
        gap: 14.98px;
    }
    
    .attachment-item {
        gap: 9.98px;
        padding: 19.97px;
        border-radius: 8.06px;
    }
    
    .attachment-item i {
        font-size: 29.95px;
    }
    
    .attachment-name {
        font-size: 18.05px;
    }
    
    .attachment-size {
        font-size: 15.94px;
    }
    
    /* 底部导航固定字体大小 */
    .article-nav {
        margin-top: 60.10px;
        padding-top: 39.94px;
        gap: 19.97px;
    }
    
    .nav-label {
        font-size: 18.05px;
        margin-right: 9.98px;
    }
    
    .nav-link {
        font-size: 18.05px;
    }
    
    /* 返回按钮固定尺寸 */
    .back-button-wrapper {
        margin-top: 49.92px;
    }
    
    .back-button {
        gap: 9.98px;
        padding: 14.98px 39.94px;
        font-size: 18.05px;
        border-radius: 80.06px;
    }
    
    .back-button:hover {
        transform: translateY(-4.03px);
    }
    
    .back-button i {
        font-size: 19.97px;
    }
}