@font-face {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url('../fonts/Inter-Regular.woff2') format('woff2');
    }
    @font-face {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
    }
    @font-face {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url('../fonts/Inter-Bold.woff2') format('woff2');
    }
    
    body {
        font-family: 'Inter', sans-serif;
        background-color: #f9fafb;
    }
    
    .gradient-bg {
        background: linear-gradient(135deg, #165DFF 0%, #3B82F6 100%);
    }
    
    .card-shadow {
        box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1);
    }
    
    /* ====== 重置所有间距 ====== */
    
    /* 新闻内容容器 - 重置所有默认间距 */
    .news-content {
        line-height: 1.8;
        font-size: 1.12rem;
        color: #4B5563;
        word-break: break-word;
        overflow-wrap: break-word;
        overflow: hidden;
        max-width: 100%;
    }

    /* 段落样式 - 使用一致的间距系统 */
    .news-content p {
        margin: 0;
        padding: 0;
        color: #4B5563;
        min-height: 0;
        overflow: visible;
    }
    
    /* 段落间的间距 - 通过给后续段落添加上边距实现 */
    .news-content p + p {
        margin-top: 1.3rem;
    }
    
    /* 标题样式 */
    .news-content h1, 
    .news-content h2, 
    .news-content h3, 
    .news-content h4, 
    .news-content h5, 
    .news-content h6 {
        font-weight: 700;
        margin: 0;
        padding: 0;
        color: #1F2937;
        min-height: 0;
        overflow: visible;
    }
    
    /* 标题后的间距 */
    .news-content h1 + *,
    .news-content h2 + *,
    .news-content h3 + *,
    .news-content h4 + *,
    .news-content h5 + *,
    .news-content h6 + * {
        margin-top: 1rem !important;
    }
    
    /* 段落前的标题间距 */
    .news-content * + h1,
    .news-content * + h2,
    .news-content * + h3,
    .news-content * + h4,
    .news-content * + h5,
    .news-content * + h6 {
        margin-top: 2rem !important;
    }
    
    .news-content h2 { 
        font-size: 1.75rem; 
    }
    
    .news-content h3 { 
        font-size: 1.5rem; 
    }
    
    .news-content h4 { 
        font-size: 1.25rem; 
    }
    
    .news-content h5 { 
        font-size: 1.125rem; 
    }
    
    /* 列表样式 */
    .news-content ul, 
    .news-content ol {
        margin: 0;
        padding: 0 0 0 1.5rem;
    }
    
    .news-content ul + *,
    .news-content ol + * {
        margin-top: 1.5rem !important;
    }
    
    .news-content * + ul,
    .news-content * + ol {
        margin-top: 1.5rem !important;
    }
    
    .news-content li {
        margin: 0 0 0.5rem 0;
        padding: 0;
        color: #4B5563;
        min-height: 0;
        overflow: visible;
    }
    
    /* 链接样式 */
    .news-content a {
        color: #3B82F6;
        text-decoration: underline;
    }
    
    .news-content a:hover {
        color: #1D4ED8;
    }
    
    /* ====== 图片间距的终极解决方案 ====== */
    
    /* 图片容器 - 完全重置 */
    .news-image-container,
    .news-image-wrapper {
        display: block;
        margin: 0;
        padding: 0;
        text-align: center;
        position: relative;
        min-height: 0;
        overflow: hidden;
        line-height: 0; /* 关键：消除行高影响 */
        font-size: 0;   /* 关键：消除字体大小影响 */
    }
    
    /* 图片容器与其他元素之间的间距 */
    .news-content * + .news-image-container,
    .news-content * + .news-image-wrapper {
        margin-top: 1.5rem !important;
    }
    
    .news-image-container + *,
    .news-image-wrapper + * {
        margin-top: 1.5rem !important;
    }
    
    /* 图片样式 - 确保没有基线对齐问题 */
    .news-content-image,
    .news-content-img {
        display: block;
        max-width: 100%;
        height: auto;
        border-radius: 8px;
        margin: 0 auto;
        padding: 0;
        border: 1px solid #e5e7eb;
        background-color: #fff;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        line-height: 0;
        vertical-align: top; /* 关键：顶部对齐，消除基线偏移 */
        outline: none;
    }
    
    /* 移除图片的下方间隙 */
    .news-content-image::after,
    .news-content-img::after {
        content: '';
        display: block;
        clear: both;
    }
    
    /* 图片hover效果 */
    .news-content-image:hover,
    .news-content-img:hover {
        transform: scale(1.005);
        transition: transform 0.2s ease;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    }
    
    /* 图片描述样式 */
    .image-caption {
        display: block;
        font-size: 0.875rem;
        line-height: 1.4;
        color: #6B7280;
        margin: 0.5rem 0 0 0;
        padding: 0;
        text-align: center;
        font-style: italic;
    }
    
    /* ====== 日期样式 ====== */
    
    .news-date {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 80px;
        height: 80px;
        background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);
        color: white;
        border-radius: 10px;
        text-align: center;
        flex-shrink: 0;
        margin: 0;
        padding: 0;
    }
    
    .news-year {
        font-size: 0.9rem;
        font-weight: 600;
        line-height: 1;
    }
    
    .news-month-day {
        font-size: 1.1rem;
        font-weight: 700;
        line-height: 1.2;
    }
    
    /* ====== 面包屑导航 ====== */
    
    .breadcrumb {
        color: #6B7280;
        font-size: 0.875rem;
        margin-bottom: 1.5rem;
        padding: 0;
    }
    
    .breadcrumb a {
        color: #3B82F6;
        text-decoration: none;
    }
    
    .breadcrumb a:hover {
        text-decoration: underline;
    }
    
    .breadcrumb-separator {
        margin: 0 0.5rem;
        color: #9CA3AF;
    }
    
    /* ====== 新闻标题区域布局 ====== */
    
    .news-header-container {
        display: flex;
        align-items: flex-start;
        gap: 24px;
        margin: 0;
        padding: 0;
    }
    
    .news-date-wrapper {
        flex-shrink: 0;
        margin: 0;
        padding: 0;
    }
    
    .news-title-wrapper {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0;
        padding: 0;
    }
    
    .news-meta-info {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 16px;
        margin-top: 12px;
        color: rgba(255, 255, 255, 0.9);
        font-size: 0.95rem;
        padding: 0;
    }
    
    .meta-item {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin: 0;
        padding: 0;
    }
    
    .meta-item i {
        opacity: 0.8;
    }
    
    /* 分割线样式 */
    .meta-divider {
        width: 1px;
        height: 16px;
        background-color: rgba(255, 255, 255, 0.3);
        margin: 0;
        padding: 0;
    }
    
    /* ====== 打印样式 ====== */
    
    @media print {
        header, 
        footer, 
        .share-section, 
        .cta-section, 
        .back-to-list {
            display: none !important;
        }
        
        .news-content {
            font-size: 12pt;
            line-height: 1.6;
        }
    }
    
    /* ====== 响应式调整 ====== */
    
    @media (max-width: 768px) {
        /* 标题区域 */
        .news-header-container {
            flex-direction: column;
            gap: 16px;
        }
        
        .news-date-wrapper {
            align-self: flex-start;
        }
        
        .news-meta-info {
            gap: 12px;
            margin-top: 10px;
        }
        
        .meta-divider {
            display: none;
        }
        
        .meta-item {
            margin-bottom: 4px;
        }
        
        /* 内容区域间距调整 */
        .news-content p + p {
            margin-top: 1rem;
        }
        
        .news-content * + h1,
        .news-content * + h2,
        .news-content * + h3,
        .news-content * + h4,
        .news-content * + h5,
        .news-content * + h6 {
            margin-top: 1.5rem !important;
        }
        
        .news-content h1 + *,
        .news-content h2 + *,
        .news-content h3 + *,
        .news-content h4 + *,
        .news-content h5 + *,
        .news-content h6 + * {
            margin-top: 0.75rem !important;
        }
        
        /* 图片容器间距调整 */
        .news-content * + .news-image-container,
        .news-content * + .news-image-wrapper {
            margin-top: 1rem !important;
        }
        
        .news-image-container + *,
        .news-image-wrapper + * {
            margin-top: 1rem !important;
        }
        
        /* 列表间距调整 */
        .news-content ul + *,
        .news-content ol + * {
            margin-top: 1rem !important;
        }
        
        .news-content * + ul,
        .news-content * + ol {
            margin-top: 1rem !important;
        }
    }

/* 加粗标签样式 */
.news-content strong {
    font-weight: 700;
    color: #1F2937;
}

/* 确保链接在加粗标签内也能正确显示 */
.news-content strong a {
    font-weight: 700;
    color: #1D4ED8;
}

.news-content strong a:hover {
    color: #1E40AF;
}