/* ==================== 党建文章详情页样式（红色主题）==================== */

/* 页面背景 - 必须是灰色 */
body {
    background-color: var(--color-bg-secondary) !important; /* #f5f5f5 */
    font-family: "Source Han Sans SC", Helvetica, sans-serif;
}

/* 内容页导航高亮样式 - 确保生效 */
body.content-page .header .nav-list ul li.active a,
body.content-page .header .nav-list ul li a:hover {
    color: var(--color-party-red);
    font-weight: 700;
}

body.content-page .header .nav-list ul li.active a::after {
    content: '';
    position: absolute;
    bottom: calc(var(--spacing-unit) * -2); /* -8px */
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: calc(var(--spacing-unit) * 1); /* 4px */
    background-color: var(--color-party-red);
    border-radius: calc(var(--spacing-unit) * 0.5); /* 2px */
    display: block;
}

/* 容器样式已移至公共样式 base/containers.css */

/* === 页面横幅 === */
/* Banner样式已迁移至 components/banner.css，使用 .banner-small 类 */

/* === 内容导航栏（一半压在banner上）=== */
.content-header {
    position: relative;
    background-color: transparent; /* 透明背景 */
    z-index: 10;
    margin-top: calc(var(--spacing-unit) * -16.9); /* -67.6px ≈ -16.9 * 4px，压在banner上 */
}

/* 容器样式已移至公共样式 base/containers.css */

.content-header__layout {
    display: flex;
    align-items: flex-end; /* 底部对齐 */
    flex-wrap: wrap; /* 允许在小屏幕上换行 */
}

/* === 栏目标题 === */
.content-header__title-wrapper {
    flex-shrink: 0; /* 防止标题块被压缩 */
}

.content-header__title {
    display: block;
    padding: calc(var(--spacing-unit) * 10); /* 40px = 10 * 4px */
    background-color: var(--color-party-red);
    color: var(--color-white) !important; /* 强制白色文字 */
    font-size: calc(var(--spacing-unit) * 10); /* 40px = 10 * 4px */
    font-weight: 600;
    font-family: var(--font-family-heading);
    white-space: nowrap;
    text-decoration: none;
    transition: var(--transition-base);
    line-height: 1.2;
}

.content-header__title-wrapper.active .content-header__title,
.content-header__title-wrapper:hover .content-header__title,
.content-header__title.active,
.content-header__title:hover {
    color: var(--color-white) !important; /* 使用!important确保覆盖全局高亮红色 */
    background-color: var(--color-party-red);
}

/* === 导航和面包屑容器（左右布局，对齐文章白色区块）=== */
.content-header__nav-wrapper {
    flex: 1 1 0;
    min-width: 0; /* 解决flex布局中文本溢出问题 */
    border-bottom: calc(var(--spacing-unit) * 0.25) solid var(--color-border-light); /* 1px */
    display: flex;
    justify-content: space-between; /* 左右布局：导航在左，面包屑在右 */
    align-items: center;
    /* 动态左边距：与右边距保持对称 */
    padding-left: clamp(
        calc(var(--spacing-unit) * 4), /* 最小16px */
        calc(var(--spacing-unit) * 2.5) + 2vw, /* 动态计算 */
        calc(var(--spacing-unit) * 10) /* 最大40px */
    );
    background-color: white;
}

/* === 子栏目导航 === */
.content-header__tabs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--spacing-unit) * 5); /* 20px = 5 * 4px */
    flex-wrap: wrap;
}

.content-header__tab-item {
    position: relative;
    padding: calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 2); /* 12px = 3 * 4px */
    font-size: calc(var(--spacing-unit) * 4.5); /* 18px = 4.5 * 4px */
    font-weight: 400;
    color: var(--color-text-primary);
    text-decoration: none;
    transition: var(--transition-base);
    line-height: calc(var(--spacing-unit) * 9); /* 36px = 9 * 4px */
    white-space: nowrap;
}

/* 用伪元素创建下划线，独立控制位置 */
.content-header__tab-item::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(var(--spacing-unit) * 2.5);
    width: 80%;
    height: calc(var(--spacing-unit) * 0.75); /* 3px - 下划线厚度 */
    background-color: transparent;
    transition: var(--transition-base);
}

.content-header__tab-item.active::after,
.content-header__tab-item:hover::after {
    background-color: var(--color-party-red);
}

.content-header__tab-item.active,
.content-header__tab-item:hover {
    color: var(--color-party-red);
    font-weight: 600;
}

.content-header__tab-item:focus {
    outline: calc(var(--spacing-unit) * 0.5) solid var(--color-party-red); /* 2px */
    outline-offset: calc(var(--spacing-unit) * 0.5); /* 2px */
}

/* === 面包屑导航（右侧）=== */
.content-header__breadcrumb {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing-unit) * 2); /* 8px = 2 * 4px */
    flex-shrink: 0;
    /* 动态右边距：最大40px，根据屏幕大小动态调整 */
    padding-right: clamp(
        calc(var(--spacing-unit) * 2), /* 最小8px */
        calc(var(--spacing-unit) * 1) + 2vw, /* 动态计算 */
        calc(var(--spacing-unit) * 10) /* 最大40px */
    );
}

.content-header__breadcrumb,
.content-header__breadcrumb a {
    font-size: calc(var(--spacing-unit) * 3.5); /* 14px = 3.5 * 4px */
    color: var(--color-text-light);
    text-decoration: none;
}

.content-header__breadcrumb .active {
    color: var(--color-party-red);
}

.breadcrumb-icon-home {
    display: inline-block;
    width: calc(var(--spacing-unit) * 4); /* 16px = 4 * 4px */
    height: calc(var(--spacing-unit) * 4); /* 16px = 4 * 4px */
    background-color: var(--color-party-red);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z'/%3E%3C/svg%3E") no-repeat center center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z'/%3E%3C/svg%3E") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: var(--transition-base);
}

.content-header__breadcrumb a:hover {
    color: var(--color-party-red);
}

.content-header__breadcrumb a:hover .breadcrumb-icon-home {
    background-color: var(--color-party-red);
}

/* === 文章主体区域（1400px限制）=== */
.content-main {
    margin: calc(var(--spacing-unit) * 10) 0; /* 40px = 10 * 4px */
}

/* 容器样式已移至公共样式 base/containers.css */

.content-article {
    background-color: var(--color-white); /* 白色背景 */
    padding: calc(var(--spacing-unit) * 15) calc(var(--spacing-unit) * 18); /* 24px 72px = 6 * 4px, 18 * 4px */
}

/* === 文章头部 === */
.content-article__header {
    border-bottom: calc(var(--spacing-unit) * 0.25) solid var(--color-border-light); /* 1px */
    padding-bottom: calc(var(--spacing-unit) * 6); /* 24px = 6 * 4px */
    margin-bottom: calc(var(--spacing-unit) * 6); /* 24px = 6 * 4px */
}

.content-article__title {
    font-size: calc(var(--spacing-unit) * 7); /* 28px = 7 * 4px */
    font-weight: 700;
    font-family: var(--font-family-heading);
    color: var(--color-black); /* 精确黑色 */
    line-height: calc(var(--spacing-unit) * 10.5); /* 42px = 10.5 * 4px */
    text-align: center;
    margin-bottom: calc(var(--spacing-unit) * 4); /* 16px = 4 * 4px */
    word-wrap: break-word;
}

.content-article__meta {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing-unit) * 6); /* 24px = 6 * 4px */
    font-size: calc(var(--spacing-unit) * 3); /* 12px = 3 * 4px */
    color: var(--color-text-light);
    flex-wrap: wrap;
}

.meta-item {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing-unit) * 2); /* 8px = 2 * 4px */
    white-space: nowrap;
}

.meta-item--share {
    gap: calc(var(--spacing-unit) * 3); /* 12px = 3 * 4px */
}

.meta-icon-time,
.meta-icon-source,
.meta-icon-views {
    display: inline-block;
    width: calc(var(--spacing-unit) * 4); /* 16px = 4 * 4px */
    height: calc(var(--spacing-unit) * 4); /* 16px = 4 * 4px */
    background-color: var(--color-text-light);
    flex-shrink: 0;
}

.meta-icon-time {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z'/%3E%3C/svg%3E") no-repeat center center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z'/%3E%3C/svg%3E") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.meta-icon-source {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M96 0C43 0 0 43 0 96V416c0 53 43 96 96 96H384h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V384c17.7 0 32-14.3 32-32V32c0-17.7-14.3-32-32-32H384 96zm0 384H352v64H96c-17.7 0-32-14.3-32-32s14.3-32 32-32zm32-240c0-8.8 7.2-16 16-16H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16zm16 48H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16s7.2-16 16-16z'/%3E%3C/svg%3E") no-repeat center center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M96 0C43 0 0 43 0 96V416c0 53 43 96 96 96H384h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V384c17.7 0 32-14.3 32-32V32c0-17.7-14.3-32-32-32H384 96zm0 384H352v64H96c-17.7 0-32-14.3-32-32s14.3-32 32-32zm32-240c0-8.8 7.2-16 16-16H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16zm16 48H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16s7.2-16 16-16z'/%3E%3C/svg%3E") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.meta-icon-views {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z'/%3E%3C/svg%3E") no-repeat center center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z'/%3E%3C/svg%3E") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.meta-text {
    font-size: inherit;
    color: inherit;
}

/* === 社交分享图标 === */
.share-icons {
    display: flex;
    align-items: center; /* 确保垂直居中对齐 */
    gap: calc(var(--spacing-unit) * 2); /* 8px = 2 * 4px */
    line-height: 1; /* 防止文本行高影响对齐 */
}

.share-icons a {
    text-decoration: none;
    display: inline-block;
}

.share-icon-wechat,
.share-icon-qq,
.share-icon-weibo,
.share-icon-qzone {
    display: inline-block;
    width: calc(var(--spacing-unit) * 4); /* 16px = 4 * 4px */
    height: calc(var(--spacing-unit) * 4); /* 16px = 4 * 4px */
    cursor: pointer;
    vertical-align: middle; /* 确保内联块元素垂直对齐 */
    flex-shrink: 0; /* 防止flex容器中收缩 */
}

.share-icon-wechat {
    background-color: #09BB07;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M385.2 167.6c6.4 0 12.6.3 18.8 1.1C387.4 90.3 303.3 32 207.7 32 100.5 32 13 104.8 13 197.4c0 53.4 29.3 97.5 77.9 131.6l-19.3 58.6 68-34.1c24.4 4.8 43.8 9.7 68.2 9.7 6.2 0 12.1-.3 18.3-.8-4-12.9-6.2-26.6-6.2-40.8-.1-84.9 72.9-154 165.3-154zm-104.5-52.9c14.5 0 24.2 9.7 24.2 24.4 0 14.5-9.7 24.2-24.2 24.2-14.8 0-29.3-9.7-29.3-24.2.1-14.7 14.6-24.4 29.3-24.4zm-136.4 48.6c-14.5 0-29.3-9.7-29.3-24.2 0-14.8 14.8-24.4 29.3-24.4 14.8 0 24.4 9.7 24.4 24.4 0 14.6-9.6 24.2-24.4 24.2zM563 319.4c0-77.9-77.9-141.3-165.4-141.3-92.7 0-165.4 63.4-165.4 141.3S305 460.7 397.6 460.7c19.3 0 38.9-5.1 58.6-9.9l53.4 29.3-14.8-48.6C534 402.1 563 363.2 563 319.4zm-219.1-24.5c-9.7 0-19.3-9.7-19.3-19.6 0-9.7 9.7-19.3 19.3-19.3 14.8 0 24.4 9.7 24.4 19.3 0 10-9.7 19.6-24.4 19.6zm107.1 0c-9.7 0-19.3-9.7-19.3-19.6 0-9.7 9.7-19.3 19.3-19.3 14.5 0 24.4 9.7 24.4 19.3.1 10-9.9 19.6-24.4 19.6z'/%3E%3C/svg%3E") no-repeat center center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M385.2 167.6c6.4 0 12.6.3 18.8 1.1C387.4 90.3 303.3 32 207.7 32 100.5 32 13 104.8 13 197.4c0 53.4 29.3 97.5 77.9 131.6l-19.3 58.6 68-34.1c24.4 4.8 43.8 9.7 68.2 9.7 6.2 0 12.1-.3 18.3-.8-4-12.9-6.2-26.6-6.2-40.8-.1-84.9 72.9-154 165.3-154zm-104.5-52.9c14.5 0 24.2 9.7 24.2 24.4 0 14.5-9.7 24.2-24.2 24.2-14.8 0-29.3-9.7-29.3-24.2.1-14.7 14.6-24.4 29.3-24.4zm-136.4 48.6c-14.5 0-29.3-9.7-29.3-24.2 0-14.8 14.8-24.4 29.3-24.4 14.8 0 24.4 9.7 24.4 24.4 0 14.6-9.6 24.2-24.4 24.2zM563 319.4c0-77.9-77.9-141.3-165.4-141.3-92.7 0-165.4 63.4-165.4 141.3S305 460.7 397.6 460.7c19.3 0 38.9-5.1 58.6-9.9l53.4 29.3-14.8-48.6C534 402.1 563 363.2 563 319.4zm-219.1-24.5c-9.7 0-19.3-9.7-19.3-19.6 0-9.7 9.7-19.3 19.3-19.3 14.8 0 24.4 9.7 24.4 19.3 0 10-9.7 19.6-24.4 19.6zm107.1 0c-9.7 0-19.3-9.7-19.3-19.6 0-9.7 9.7-19.3 19.3-19.3 14.5 0 24.4 9.7 24.4 19.3.1 10-9.9 19.6-24.4 19.6z'/%3E%3C/svg%3E") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.share-icon-qq {
    background-color: #369BCE;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M433.754 420.445c-11.526 1.393-44.86-52.741-44.86-52.741 0 31.345-16.136 72.247-51.051 101.786 16.842 5.192 54.843 19.167 45.803 34.421-7.316 12.343-125.51 7.881-159.632 4.037-34.122 3.844-152.316 8.306-159.632-4.037-9.045-15.25 28.918-29.214 45.783-34.415-34.92-29.539-51.059-70.445-51.059-101.792 0 0-33.334 54.134-44.859 52.741-5.37-.65-12.424-29.644 9.347-99.704 10.261-33.024 21.995-60.478 40.144-105.779C60.683 98.063 108.982.006 224 0c113.737.006 163.156 96.133 160.264 214.963 18.118 45.223 29.912 72.85 40.144 105.778 21.768 70.06 14.716 99.053 9.346 99.704z'/%3E%3C/svg%3E") no-repeat center center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M433.754 420.445c-11.526 1.393-44.86-52.741-44.86-52.741 0 31.345-16.136 72.247-51.051 101.786 16.842 5.192 54.843 19.167 45.803 34.421-7.316 12.343-125.51 7.881-159.632 4.037-34.122 3.844-152.316 8.306-159.632-4.037-9.045-15.25 28.918-29.214 45.783-34.415-34.92-29.539-51.059-70.445-51.059-101.792 0 0-33.334 54.134-44.859 52.741-5.37-.65-12.424-29.644 9.347-99.704 10.261-33.024 21.995-60.478 40.144-105.779C60.683 98.063 108.982.006 224 0c113.737.006 163.156 96.133 160.264 214.963 18.118 45.223 29.912 72.85 40.144 105.778 21.768 70.06 14.716 99.053 9.346 99.704z'/%3E%3C/svg%3E") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.share-icon-weibo {
    background-color: #F56467;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8 .3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4 .6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z'/%3E%3C/svg%3E") no-repeat center center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8 .3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4 .6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z'/%3E%3C/svg%3E") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.share-icon-qzone {
    background-color: #FFCD00; /* QQ空间的黄色 - 统一使用background-color渲染 */
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M955.728 428.224c8.385-8.785 3.76-23.536-8.073-25.753l-276.832-51.854c-4.838-0.906-9.02-3.987-11.38-8.383L525.873 93.229c-2.798-5.23-8.342-7.85-13.875-7.896-5.532 0.045-11.075 2.667-13.873 7.896L364.558 342.234c-2.36 4.396-6.543 7.477-11.381 8.383L76.345 402.471c-11.833 2.217-16.458 16.968-8.073 25.753L269.64 639.086c3.564 3.733 5.205 8.952 4.433 14.1l-46.015 282.032c-1.819 12.126 10.394 21.407 21.298 16.182L505 827.827a16.098 16.098 0 0 1 7-1.58 16.1 16.1 0 0 1 7.003 1.58L774.644 951.4c10.904 5.225 23.117-4.056 21.298-16.182l-46.88-287.298 206.666-219.696z'/%3E%3Cpath d='M559.42 493.63c-4.517-3.772-110.987-40.332-273.968-16-3.16 0.47-5.913-0.394-8.04-1.992-0.717 4 3.587 7.152 8.988 7.527 115.064 8.021 179.42 54.987 199.492 71.501 40.78-28.923 71.882-50.606 73.063-51.527 3.668-2.856 3.695-6.811 0.465-9.51m135.65-29.972c-41.744 35.168-160.159 116.897-201.52 148.468-4.864 3.711-3.177 9.424 2.098 11.43 17.045 6.488 36.23 11.95 56.421 16.445l159.784-152.228c12.544-13.184 5.238-29.152-10.422-32.661-1.025 3.011-3.259 5.933-6.36 8.546M817.187 640l-0.101 0.045c-70.456 29.709-241.54 79.623-451.762 72.33-25.386-0.88-50.63-3.715-64.786-6.325-2.067-0.38-3.878-1.012-5.476-1.846-10.567 12.224 2.073 21.462 47.148 30.58 131.886 26.676 286.047 38.934 415.304 30.665l-8.884-54.324c43.727-31.431 64.996-58.546 67.524-62.57 2.899-4.616 1.033-8.555 1.033-8.555'/%3E%3Cpath d='M818.863 646.995c-53.31 5.137-215.894 3.686-311.826-33.167-5.107-1.962-6.834-7.566-2.129-11.194 40.025-30.84 154.62-110.68 195.014-145.035 7.872-6.696 9.95-15.437 0.375-22.542-18.36-13.623-83.168-36.203-158.198-36.816-107.373-0.88-212.858 29.498-259.133 54.09-10.983 5.837-4.392 21.221 6.83 19.495 164.223-25.24 271.495 12.756 276.045 16.67 3.255 2.798 3.074 6.906-0.5 9.715-3.036 2.389-199.263 143.36-258.23 193.11-9.286 7.834-6.845 24.246 8.35 27.018 14.152 2.582 39.406 5.412 64.784 6.284 210.173 7.214 381.314-42.24 451.755-71.63 0 0-2.148-7.057-13.137-5.998'/%3E%3C/svg%3E") no-repeat center center;
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M955.728 428.224c8.385-8.785 3.76-23.536-8.073-25.753l-276.832-51.854c-4.838-0.906-9.02-3.987-11.38-8.383L525.873 93.229c-2.798-5.23-8.342-7.85-13.875-7.896-5.532 0.045-11.075 2.667-13.873 7.896L364.558 342.234c-2.36 4.396-6.543 7.477-11.381 8.383L76.345 402.471c-11.833 2.217-16.458 16.968-8.073 25.753L269.64 639.086c3.564 3.733 5.205 8.952 4.433 14.1l-46.015 282.032c-1.819 12.126 10.394 21.407 21.298 16.182L505 827.827a16.098 16.098 0 0 1 7-1.58 16.1 16.1 0 0 1 7.003 1.58L774.644 951.4c10.904 5.225 23.117-4.056 21.298-16.182l-46.88-287.298 206.666-219.696z'/%3E%3Cpath d='M559.42 493.63c-4.517-3.772-110.987-40.332-273.968-16-3.16 0.47-5.913-0.394-8.04-1.992-0.717 4 3.587 7.152 8.988 7.527 115.064 8.021 179.42 54.987 199.492 71.501 40.78-28.923 71.882-50.606 73.063-51.527 3.668-2.856 3.695-6.811 0.465-9.51m135.65-29.972c-41.744 35.168-160.159 116.897-201.52 148.468-4.864 3.711-3.177 9.424 2.098 11.43 17.045 6.488 36.23 11.95 56.421 16.445l159.784-152.228c12.544-13.184 5.238-29.152-10.422-32.661-1.025 3.011-3.259 5.933-6.36 8.546M817.187 640l-0.101 0.045c-70.456 29.709-241.54 79.623-451.762 72.33-25.386-0.88-50.63-3.715-64.786-6.325-2.067-0.38-3.878-1.012-5.476-1.846-10.567 12.224 2.073 21.462 47.148 30.58 131.886 26.676 286.047 38.934 415.304 30.665l-8.884-54.324c43.727-31.431 64.996-58.546 67.524-62.57 2.899-4.616 1.033-8.555 1.033-8.555'/%3E%3Cpath d='M818.863 646.995c-53.31 5.137-215.894 3.686-311.826-33.167-5.107-1.962-6.834-7.566-2.129-11.194 40.025-30.84 154.62-110.68 195.014-145.035 7.872-6.696 9.95-15.437 0.375-22.542-18.36-13.623-83.168-36.203-158.198-36.816-107.373-0.88-212.858 29.498-259.133 54.09-10.983 5.837-4.392 21.221 6.83 19.495 164.223-25.24 271.495 12.756 276.045 16.67 3.255 2.798 3.074 6.906-0.5 9.715-3.036 2.389-199.263 143.36-258.23 193.11-9.286 7.834-6.845 24.246 8.35 27.018 14.152 2.582 39.406 5.412 64.784 6.284 210.173 7.214 381.314-42.24 451.755-71.63 0 0-2.148-7.057-13.137-5.998'/%3E%3C/svg%3E") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* === 文章正文 === */
.content-article__body {
    font-size: calc(var(--spacing-unit) * 4); /* 16px = 4 * 4px */
    line-height: calc(var(--spacing-unit) * 6.5); /* 26px = 6.5 * 4px */
    color: var(--color-text-primary);
    text-align: justify;
    margin-bottom: calc(var(--spacing-unit) * 6); /* 24px = 6 * 4px */
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* 图片和视频的等比缩放 */
.content-article__body img,
.content-article__body video {
    max-width: 100%;
    height: auto; /* 保持宽高比 */
    margin: calc(var(--spacing-unit) * 5) auto; /* 20px = 5 * 4px */
    display: block;
}

.content-article__body p {
    margin-bottom: calc(var(--spacing-unit) * 4); /* 16px = 4 * 4px */
}

.content-article__body h2,
.content-article__body h3,
.content-article__body h4 {
    margin: calc(var(--spacing-unit) * 6) 0 calc(var(--spacing-unit) * 3) 0; /* 24px 0 12px 0 */
    font-family: var(--font-family-heading);
    color: var(--color-text-primary);
    line-height: 1.4;
}

.content-article__body h2 {
    font-size: var(--font-size-h3);
    font-weight: 600;
}

.content-article__body h3 {
    font-size: var(--font-size-h4);
    font-weight: 600;
}

.content-article__body h4 {
    font-size: var(--font-size-lg);
    font-weight: 600;
}

.content-article__body blockquote {
    margin: calc(var(--spacing-unit) * 4) 0; /* 16px = 4 * 4px */
    padding: calc(var(--spacing-unit) * 4) calc(var(--spacing-unit) * 6); /* 16px 24px */
    background-color: var(--color-bg-secondary);
    border-left: calc(var(--spacing-unit) * 1) solid var(--color-party-red); /* 4px = 1 * 4px */
    border-radius: var(--radius-sm);
    font-style: italic;
    color: var(--color-text-secondary);
}

.content-article__body ul,
.content-article__body ol {
    margin: calc(var(--spacing-unit) * 4) 0; /* 16px = 4 * 4px */
    padding-left: calc(var(--spacing-unit) * 6); /* 24px = 6 * 4px */
}

.content-article__body li {
    margin-bottom: calc(var(--spacing-unit) * 2); /* 8px = 2 * 4px */
}

/* === 文章底部 === */
.content-article__footer {
    border-top: calc(var(--spacing-unit) * 0.25) solid var(--color-border-light); /* 1px */
    padding: calc(var(--spacing-unit) * 6) 0; /* 24px = 6 * 4px */
}

/* === 上下篇导航（同一行两端对齐）=== */
.prev-next-nav {
    display: flex;
    justify-content: space-between; /* 两端对齐 */
    align-items: center; /* 居中对齐 */
}

/* 上一篇和下一篇的共同样式 - 默认灰色+黑色 */
.prev-article span,
.next-article span {
    font-size: calc(var(--spacing-unit) * 3.5); /* 14px = 3.5 * 4px */
    color: var(--color-text-light); /* 灰色 #999999 */
}

.prev-article a,
.next-article a {
    font-size: calc(var(--spacing-unit) * 3.5); /* 14px = 3.5 * 4px */
    color: var(--color-text-primary); /* 黑色 #333333 */
    text-decoration: none;
}

/* 悬停时变青色 */
.prev-article a:hover,
.prev-article a:focus,
.next-article a:hover,
.next-article a:focus {
    color: var(--color-party-red); /* 悬停时党建红 #CA371D */
    text-decoration: underline;
}

/* 微信分享现在使用统一的新窗口方式，无需弹窗样式 */

/* 微信二维码相关样式已移除，现在使用新窗口方式 */