/**
 * POST-STYLE-3 沉浸式阅读样式 - 现代简约设计
 * 文件: post-style-3-immersive.css
 * 特点：标题在上、大图在下、单列1200px居中、现代简约设计
 */

/* ============================================
   字体系统 - 杂志/报纸风格排版
   Typography System - Magazine/Newspaper Style
   
   设计理念：
   - 标题使用经典衬线字体，彰显艺术感与权威感
   - 正文保持简洁无衬线，确保可读性
   - 引用区使用斜体衬线，突显引用语境
   ============================================ */

/* Google Fonts 导入 - 使用国内镜像 */
@import url('https://fonts.loli.net/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

.post-style-3-immersive {
    /* === 字体栈 === */
    /* 主标题 H1: Space Grotesk - 现代科技感 */
    --font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
    
    /* 章节标题 H2/引用: Playfair Display - 杂志报纸风格艺术字体 */
    --font-heading: "Playfair Display", Georgia, "Noto Serif SC", serif;
    
    /* 正文: Inter - 无衬线易读 */
    --font-body: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
    
    /* 代码: 等宽字体 */
    --font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;
    
    /* === 字号比例 === */
    --text-xs: 0.75rem;      /* 12px */
    --text-sm: 0.875rem;     /* 14px */
    --text-base: 1.0625rem;  /* 17px - 正文基准 */
    --text-lg: 1.1875rem;    /* 19px */
    --text-xl: 1.4375rem;    /* 23px */
    --text-2xl: 2.5rem;      /* 40px - H2 */
    --text-3xl: 2.625rem;    /* 42px - H1 下限 */
    --text-4xl: 3.75rem;     /* 60px - H1 上限 */
    
    /* === 行高 === */
    --leading-tight: 1.15;   /* 大标题 */
    --leading-snug: 1.3;     /* 章节标题 */
    --leading-normal: 1.75;  /* 正文 */
    
    /* === 字重 === */
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    
    /* === 色彩 === */
    --text-primary: #1a1a2e;
    --text-body: #374151;
    --text-secondary: #57606a;
    --text-muted: #9ca3af;
    
    /* === 边界线 === */
    --border-default: #e5e7eb;
    
    /* === 字间距 === */
    --tracking-tight: -0.02em;
    --tracking-normal: 0;
}

/* ============================================
   重要：强制覆盖主题默认布局
   ============================================ */

/* 强制内容区 .wrapper 响应式 - 解决竖屏溢出问题 */
/* 注意：排除导航区域的 .wrapper */
body:has(.post-style-3-immersive) .b2-single-content .wrapper,
body:has(.post-style-3-immersive) #primary-home.wrapper,
body.post-style-3 .b2-single-content .wrapper,
body.post-style-3 #primary-home.wrapper,
body.immersive-reading-mode .b2-single-content .wrapper,
body.immersive-reading-mode #primary-home.wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 全局防溢出 - 竖屏模式 */
body:has(.post-style-3-immersive),
body.post-style-3,
body.immersive-reading-mode {
    overflow-x: hidden !important;
}

body:has(.post-style-3-immersive) .site,
body.post-style-3 .site,
body.immersive-reading-mode .site {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

/* 内容容器强制自适应 */
body:has(.post-style-3-immersive) .wrapper:not(.header .wrapper):not(.header-banner .wrapper),
body.post-style-3 .wrapper:not(.header .wrapper):not(.header-banner .wrapper) {
    width: 100% !important;
    max-width: 100% !important;
}

/* 隐藏原有的顶部大图区域 */
.post-style-3-top,
div.post-style-3-top {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* 强制单列布局 - 修复flex布局问题 */
body .b2-single-content:has(.post-style-3-immersive),
body.post-style-3 .b2-single-content,
body.immersive-reading-mode .b2-single-content,
.single .b2-single-content:has(.post-style-3-immersive) {
    display: block !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 24px !important;
}

/* 主内容区域 */
body .content-area:has(.post-style-3-immersive),
body.post-style-3 .content-area,
body.immersive-reading-mode .content-area,
.single .content-area:has(.post-style-3-immersive),
#primary-home:has(.post-style-3-immersive) {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    flex: none !important;
}

/* 确保侧边栏隐藏 */
body:has(.post-style-3-immersive) .widget-area,
body:has(.post-style-3-immersive) #secondary,
body.post-style-3 .widget-area,
body.post-style-3 #secondary,
body.immersive-reading-mode .widget-area,
body.immersive-reading-mode #secondary {
    display: none !important;
}

/* ============================================
   文章容器 - 1200px宽度沉浸式阅读
   ============================================ */

/* 面包屑导航 - 简约现代风格 */
.breadcrumb-immersive {
    margin-bottom: 28px !important;
    text-align: left !important;
}

.breadcrumb-list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0 !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.breadcrumb-item {
    display: inline-flex !important;
    align-items: center !important;
    color: #6b7280 !important;
}

.breadcrumb-item a {
    color: #6b7280 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.breadcrumb-item a:hover {
    color: #111827 !important;
}

.breadcrumb-home-icon {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    stroke-width: 1.5 !important;
}

.breadcrumb-separator {
    margin: 0 10px !important;
    color: #d1d5db !important;
    font-weight: 300 !important;
    user-select: none !important;
}

.breadcrumb-current {
    color: #9ca3af !important;
    font-weight: 400 !important;
    max-width: 200px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

article.single-article-immersive.post-style-3-immersive,
.single-article-immersive.post-style-3-immersive {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 48px 48px 72px !important;
    background: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06) !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* ============================================
   文章头部
   ============================================ */

.post-style-3-immersive .entry-header-immersive,
.entry-header-immersive {
    text-align: left !important;  /* 左对齐 */
    margin-bottom: 40px !important;
    border: none !important;
    padding: 0 !important;
}

/* 分类标签 */
.post-style-3-immersive .post-cats-immersive,
.post-cats-immersive {
    margin-bottom: 24px !important;
}

.post-cats-immersive .post-list-cat {
    justify-content: flex-start !important;  /* 分类标签也左对齐 */
}

.post-cats-immersive a,
.post-cats-immersive .post-list-cat a {
    display: inline-block !important;
    padding: 10px 24px !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-radius: 24px !important;
    color: #495057 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: 1px solid transparent !important;
    height: auto !important;
    line-height: 1.4 !important;
}

.post-cats-immersive a:hover,
.post-cats-immersive .post-list-cat a:hover {
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25) !important;
}

/* 文章标题 H1 - Space Grotesk 现代科技风 */
.post-style-3-immersive .entry-title-immersive,
h1.entry-title-immersive {
    font-family: var(--font-display) !important;  /* Space Grotesk */
    font-size: clamp(38px, 5.5vw, 56px) !important;  /* 38px - 56px */
    font-weight: 700 !important;  /* 粗体 */
    line-height: var(--leading-tight, 1.15) !important;
    margin: 0 0 36px !important;
    color: var(--text-primary, #1a1a2e) !important;
    letter-spacing: var(--tracking-tight, -0.02em) !important;
    word-wrap: break-word !important;
    text-align: left !important;
    /* 文字渲染优化 */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}

/* ============================================
   元信息区域 - 现代极简设计
   ============================================ */

.post-style-3-immersive .post-meta-immersive,
.post-meta-immersive {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;  /* 左对齐 */
    gap: 0 !important;
    margin-bottom: 56px !important;
    padding: 0 !important;
    border-bottom: none !important;
}

.post-style-3-immersive .meta-list-immersive,
ul.meta-list-immersive {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;  /* 左对齐 */
    align-items: center !important;
    row-gap: 16px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}

/* 作者信息 - 小巧简约 */
.meta-item-author {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.author-inline-link {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.author-inline-link:hover {
    background: transparent !important;
}

.author-inline-avatar {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: none !important;
    box-shadow: none !important;
}

.author-inline-name {
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #64748b !important;
}

/* 分隔符 - 精致竖线，加大间距 */
.meta-divider {
    width: 1px !important;
    height: 16px !important;
    background: linear-gradient(180deg, transparent, #d1d5db, transparent) !important;
    border-radius: 0 !important;
    margin: 0 28px !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.meta-divider::before {
    display: none !important;
}

/* 元信息项通用样式 */
.meta-list-immersive li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    color: #64748b !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
    letter-spacing: 0.02em !important;
}

.meta-list-immersive li::before {
    display: none !important;
}

/* 图标样式 */
.meta-list-immersive li svg,
.meta-list-immersive li i {
    font-size: 16px !important;
    color: #94a3b8 !important;
    opacity: 1 !important;
    flex-shrink: 0 !important;
    transition: color 0.2s ease !important;
}

.meta-list-immersive li:hover svg,
.meta-list-immersive li:hover i {
    color: #667eea !important;
}

.meta-list-immersive li span {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.meta-list-immersive li b {
    font-weight: 500 !important;
    color: #475569 !important;
}

/* 来源链接 */
.meta-item-from a {
    color: #667eea !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    border: none !important;
}

.meta-item-from a:hover {
    color: #764ba2 !important;
    text-decoration: none !important;
}

/* ============================================
   下载按钮
   ============================================ */

.download-btn-immersive {
    margin-top: 8px !important;
}

.btn-download-immersive {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 32px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 28px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 16px rgba(102, 126, 234, 0.35) !important;
}

.btn-download-immersive:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(102, 126, 234, 0.45) !important;
}

.btn-download-immersive i {
    font-size: 20px !important;
}

/* ============================================
   作者卡片
   ============================================ */

.post-style-3-immersive .author-card-immersive,
.author-card-immersive {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    padding: 18px 28px !important;
    background: #f8f9fa !important;
    border-radius: 16px !important;
    transition: all 0.3s ease !important;
    max-width: 100% !important;
}

.author-card-immersive:hover {
    background: #f0f2f5 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

.author-link-immersive {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    text-decoration: none !important;
    color: inherit !important;
}

.author-avatar-immersive {
    position: relative !important;
    flex-shrink: 0 !important;
}

.author-avatar-immersive .avatar,
.author-avatar-immersive img.avatar {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 3px solid #fff !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1) !important;
}

.author-avatar-immersive .verify-icon {
    position: absolute !important;
    bottom: -2px !important;
    right: -2px !important;
}

.author-info-immersive {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.author-name-immersive {
    font-family: var(--font-heading) !important;  /* Playfair Display - 杂志风格 */
    font-size: var(--text-base, 17px) !important;
    font-weight: var(--font-semibold, 600) !important;
    color: var(--text-primary, #1a1a2e) !important;
    letter-spacing: 0 !important;
}

.author-title-immersive {
    font-family: var(--font-body) !important;
    font-size: var(--text-xs, 12px) !important;
    color: var(--text-muted, #888) !important;
    font-weight: var(--font-normal, 400) !important;
}

.author-actions-immersive {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.btn-follow-immersive {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 12px 24px !important;
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.btn-follow-immersive:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.35) !important;
}

.btn-follow-immersive.btn-followed {
    background: #e9ecef !important;
    color: #6c757d !important;
}

.btn-follow-immersive.btn-followed:hover {
    background: #dee2e6 !important;
    box-shadow: none !important;
}

.btn-message-immersive {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    background: #fff !important;
    color: #6c757d !important;
    border: 1px solid #e9ecef !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.btn-message-immersive:hover {
    background: #f8f9fa !important;
    color: #007bff !important;
    border-color: #007bff !important;
}

.btn-message-immersive i {
    font-size: 20px !important;
}

/* ============================================
   大图区域 - 与文字同宽1200px
   ============================================ */

.post-style-3-immersive .hero-image-immersive,
.hero-image-immersive {
    position: relative !important;
    width: 100% !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
}

.hero-image-immersive img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    max-height: 640px !important;
    margin: 0 auto !important;
}

/* ============================================
   文章内容区 - 排版韵律
   Content Area - Typographic Rhythm
   ============================================ */

.post-style-3-immersive .entry-content-immersive,
.entry-content-immersive {
    font-family: var(--font-body) !important;
    font-size: var(--text-base, 17px) !important;
    line-height: var(--leading-normal, 1.75) !important;
    color: var(--text-body, #374151) !important;
    letter-spacing: var(--tracking-normal, 0) !important;  /* 简化字间距 */
    word-wrap: break-word !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    /* 文字渲染优化 */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    /* 中文断行优化 */
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

/* 段落 - 自然呼吸的节奏 */
.entry-content-immersive p {
    margin: 0 0 1.6em !important;   /* 段间距：让思想有呼吸空间 */
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    /* 左对齐，更自然的阅读流 */
    text-align: left !important;
}

/* 段落首字下沉效果 - 已禁用，保持简洁 */
/*
.entry-content-immersive > p:first-of-type::first-letter {
    font-size: 3.5em !important;
    font-weight: var(--font-bold, 700) !important;
    float: left !important;
    line-height: 0.8 !important;
    margin: 0.1em 0.15em 0 0 !important;
    color: var(--text-primary, #1a1a2e) !important;
}
*/

/* === 标题层级系统 === */

/* H2 - 章节标题: Playfair Display - 杂志报纸风格艺术字体 */
.entry-content-immersive h2 {
    font-family: var(--font-heading) !important;  /* Playfair Display */
    font-size: var(--text-2xl, 40px) !important;  /* 40px */
    font-weight: 700 !important;  /* 粗体 */
    margin: 64px 0 28px !important;
    color: var(--text-primary, #1a1a2e) !important;
    line-height: var(--leading-snug, 1.3) !important;
    letter-spacing: -0.01em !important;
    /* 简约的底部边界 */
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--border-default, #e5e7eb) !important;
    padding-left: 0 !important;
    border-left: none !important;
    border-image: none !important;
    position: relative !important;
}

.entry-content-immersive h2::before {
    display: none !important;
}

/* H3 - 小节标题: Inter 无衬线 */
.entry-content-immersive h3 {
    font-family: var(--font-body) !important;  /* Inter */
    font-size: var(--text-xl, 23px) !important;
    font-weight: var(--font-semibold, 600) !important;
    margin: 44px 0 16px !important;
    color: var(--text-primary, #1a1a2e) !important;
    line-height: var(--leading-snug, 1.4) !important;
    letter-spacing: -0.01em !important;
}

/* H4 - 次级标题: Inter */
.entry-content-immersive h4 {
    font-family: var(--font-body) !important;
    font-size: var(--text-lg, 19px) !important;
    font-weight: var(--font-semibold, 600) !important;
    margin: 36px 0 12px !important;
    color: var(--text-primary, #1a1a2e) !important;
    line-height: var(--leading-snug, 1.4) !important;
}

/* H5 - 辅助标题: Inter */
.entry-content-immersive h5 {
    font-family: var(--font-body) !important;
    font-size: var(--text-base, 17px) !important;
    font-weight: var(--font-semibold, 600) !important;
    margin: 28px 0 10px !important;
    color: var(--text-secondary, #57606a) !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* 图片样式 - 纯净无边框 */
.entry-content-immersive img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 6px !important;
    margin: 32px auto !important;
    display: block !important;
    box-shadow: none !important;
    border: none !important;  /* 移除边框，保持纯净 */
}

/* 图片说明文字 */
.entry-content-immersive figcaption,
.entry-content-immersive .wp-caption-text {
    font-size: var(--text-sm, 14px) !important;
    color: var(--text-muted, #718096) !important;
    text-align: center !important;
    margin-top: 12px !important;
    font-style: italic !important;
}

/* 引用区块 - 极简左边框 */
.entry-content-immersive blockquote {
    margin: 32px 0 !important;
    padding: 0 0 0 24px !important;  /* 只保留左边距 */
    background: transparent !important;
    border-left: 2px solid var(--border-default, #e5e7eb) !important;  /* 更细的边框 */
    border-radius: 0 !important;
    position: relative !important;
    box-shadow: none !important;
}

/* 移除装饰性引号 - 保持简洁 */
.entry-content-immersive blockquote::before {
    display: none !important;
}

.entry-content-immersive blockquote p {
    font-family: var(--font-heading) !important;  /* Playfair Display - 杂志艺术字体 */
    font-size: inherit !important;
    font-style: italic !important;  /* 斜体增强引用感 */
    color: var(--text-secondary, #57606a) !important;
    line-height: 1.7 !important;
    margin: 0 0 0.75em !important;
    position: relative !important;
    z-index: 1 !important;
}

.entry-content-immersive blockquote p:last-child {
    margin-bottom: 0 !important;
}

/* 引用内的加粗文字 */
.entry-content-immersive blockquote strong,
.entry-content-immersive blockquote b {
    font-weight: 600 !important;
    font-style: normal !important;
    color: #374151 !important;
}

/* 引用内的换行 */
.entry-content-immersive blockquote br {
    display: block !important;
    content: '' !important;
    margin-top: 8px !important;
}

/* 清除引用内的空标签 */
.entry-content-immersive blockquote strong:empty,
.entry-content-immersive blockquote b:empty,
.entry-content-immersive blockquote em:empty,
.entry-content-immersive blockquote i:empty {
    display: none !important;
}

/* 引用来源 */
.entry-content-immersive blockquote cite,
.entry-content-immersive blockquote footer {
    display: block !important;
    margin-top: 12px !important;
    margin-left: 0 !important;
    font-size: 14px !important;
    font-style: normal !important;
    color: #8b949e !important;
}

.entry-content-immersive blockquote cite::before {
    content: '\2014\00a0' !important;
}

/* 多层嵌套引用 */
.entry-content-immersive blockquote blockquote {
    margin: 16px 0 !important;
    border-left-color: #8b949e !important;
}

/* 无序列表 - 统一韵律 */
.entry-content-immersive ul {
    margin: 24px 0 !important;
    padding-left: 24px !important;
    list-style: disc !important;
}

.entry-content-immersive ul > li {
    position: relative !important;
    padding-left: 8px !important;
    margin-bottom: 0.5em !important;  /* 使用em保持比例 */
    font-size: inherit !important;
    line-height: inherit !important;  /* 继承正文行高，保持韵律一致 */
}

.entry-content-immersive ul > li::before {
    display: none !important;
}

.entry-content-immersive ul > li::marker {
    color: #57606a !important;
}

/* 有序列表 - 统一韵律 */
.entry-content-immersive ol {
    margin: 24px 0 !important;
    padding-left: 24px !important;
    list-style: decimal !important;
    counter-reset: none !important;
}

.entry-content-immersive ol > li {
    position: relative !important;
    padding-left: 8px !important;
    margin-bottom: 0.5em !important;  /* 使用em保持比例 */
    font-size: inherit !important;
    line-height: inherit !important;  /* 继承正文行高 */
    counter-increment: none !important;
}

.entry-content-immersive ol > li::before {
    display: none !important;
}

.entry-content-immersive ol > li::marker {
    color: #57606a !important;
    font-weight: 500 !important;
}

/* 嵌套列表 */
.entry-content-immersive ul ul,
.entry-content-immersive ol ol,
.entry-content-immersive ul ol,
.entry-content-immersive ol ul {
    margin: 8px 0 !important;
}

.entry-content-immersive ul ul {
    list-style: circle !important;
}

.entry-content-immersive ul ul ul {
    list-style: square !important;
}

/* 链接样式 - 克制的下划线 */
.entry-content-immersive a {
    color: #0969da !important;
    text-decoration: none !important;  /* 默认无下划线，更克制 */
    background-image: none !important;
    background-size: unset !important;
    transition: all 0.2s ease !important;
    padding-bottom: 0 !important;
    border-bottom: 1px solid transparent !important;  /* 准备状态 */
}

.entry-content-immersive a:hover {
    color: #0550ae !important;
    border-bottom-color: currentColor !important;  /* hover 时显示下划线 */
    background-size: unset !important;
}

/* 强调文字 - 使用统一变量 */
.entry-content-immersive strong,
.entry-content-immersive b {
    font-weight: 600 !important;
    color: var(--text-primary, #1a1a2e) !important;  /* 使用变量系统 */
}

.entry-content-immersive em,
.entry-content-immersive i {
    font-style: italic !important;
}

/* 标记/高亮 - 简洁黄色 */
.entry-content-immersive mark {
    background: #fff8c5 !important;
    padding: 0.1em 0.2em !important;
    border-radius: 3px !important;
}

/* ============================================
   代码区块 - 紧凑专业风格
   ============================================ */

/* 行内代码 */
.entry-content-immersive code {
    font-family: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace !important;
    font-size: 0.875em !important;
    background: #f6f8fa !important;
    color: #24292f !important;
    padding: 0.15em 0.4em !important;
    border-radius: 4px !important;
    font-weight: 400 !important;
    border: 1px solid #d0d7de !important;
}

/* 代码块容器 */
.entry-content-immersive pre {
    position: relative !important;
    margin: 24px 0 !important;
    padding: 0 !important;
    background: #1e1e1e !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    border: 1px solid #3d3d3d !important;
}

/* 移除装饰性元素 */
.entry-content-immersive pre::before,
.entry-content-immersive pre::after {
    display: none !important;
}

/* 代码块内容 - 紧凑 */
.entry-content-immersive pre code {
    display: block !important;
    background: transparent !important;
    color: #d4d4d4 !important;
    font-family: "JetBrains Mono", "Fira Code", Consolas, "Courier New", monospace !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    overflow-x: auto !important;
    white-space: pre !important;
    word-wrap: normal !important;
    tab-size: 4 !important;
    border: none !important;
    border-radius: 0 !important;
}

/* 代码块滚动条 */
.entry-content-immersive pre code::-webkit-scrollbar {
    height: 6px !important;
}

.entry-content-immersive pre code::-webkit-scrollbar-track {
    background: #2d2d2d !important;
}

.entry-content-immersive pre code::-webkit-scrollbar-thumb {
    background: #555 !important;
    border-radius: 3px !important;
}

/* Prettify 样式覆盖 */
.entry-content-immersive pre.prettyprint {
    background: #1e1e1e !important;
    border: 1px solid #3d3d3d !important;
    padding: 0 !important;
}

/* 行号列表 - 紧凑 */
.entry-content-immersive pre ol.linenums,
.entry-content-immersive pre .linenums {
    margin: 0 !important;
    padding: 14px 16px 14px 48px !important;
    list-style-type: decimal !important;
    list-style-position: outside !important;
    background: #1e1e1e !important;
}

.entry-content-immersive pre .linenums li,
.entry-content-immersive pre ol.linenums li {
    padding: 0 0 0 12px !important;
    margin: 0 !important;
    min-height: auto !important;
    line-height: 1.35 !important;
    background: transparent !important;
    border-left: 1px solid #3d3d3d !important;
}

/* 覆盖 prettyprint 行号类 L0-L9 */
.entry-content-immersive pre.prettyprint li.L0,
.entry-content-immersive pre.prettyprint li.L1,
.entry-content-immersive pre.prettyprint li.L2,
.entry-content-immersive pre.prettyprint li.L3,
.entry-content-immersive pre.prettyprint li.L4,
.entry-content-immersive pre.prettyprint li.L5,
.entry-content-immersive pre.prettyprint li.L6,
.entry-content-immersive pre.prettyprint li.L7,
.entry-content-immersive pre.prettyprint li.L8,
.entry-content-immersive pre.prettyprint li.L9 {
    padding: 0 0 0 12px !important;
    margin: 0 !important;
    line-height: 1.35 !important;
    background: transparent !important;
    min-height: unset !important;
    height: auto !important;
}

.entry-content-immersive pre .linenums li::before {
    display: none !important;
}

.entry-content-immersive pre .linenums li::marker {
    color: #6e7681 !important;
    font-size: 12px !important;
}

/* VS Code 风格语法高亮 */
.entry-content-immersive pre .pln { color: #d4d4d4 !important; }
.entry-content-immersive pre .str { color: #ce9178 !important; }  /* 字符串-橙色 */
.entry-content-immersive pre .kwd { color: #569cd6 !important; }  /* 关键字-蓝色 */
.entry-content-immersive pre .com { color: #6a9955 !important; }  /* 注释-绿色 */
.entry-content-immersive pre .typ { color: #4ec9b0 !important; }  /* 类型-青色 */
.entry-content-immersive pre .lit { color: #b5cea8 !important; }  /* 数字-浅绿 */
.entry-content-immersive pre .pun { color: #d4d4d4 !important; }  /* 标点 */
.entry-content-immersive pre .opn { color: #ffd700 !important; }  /* 括号-金色 */
.entry-content-immersive pre .clo { color: #ffd700 !important; }
.entry-content-immersive pre .tag { color: #569cd6 !important; }  /* HTML标签 */
.entry-content-immersive pre .atn { color: #9cdcfe !important; }  /* 属性名 */
.entry-content-immersive pre .atv { color: #ce9178 !important; }  /* 属性值 */
.entry-content-immersive pre .dec { color: #b5cea8 !important; }
.entry-content-immersive pre .var { color: #9cdcfe !important; }  /* 变量 */
.entry-content-immersive pre .fun { color: #dcdcaa !important; }  /* 函数-黄色 */

/* 分割线 */
.entry-content-immersive hr {
    border: none !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.3), transparent) !important;
    margin: 56px 0 !important;
}

/* 表格 - 清晰现代 */
.entry-content-immersive table {
    width: 100% !important;
    margin: 24px 0 !important;
    border-collapse: collapse !important;
    box-shadow: none !important;
}

.entry-content-immersive th,
.entry-content-immersive td {
    padding: 12px 16px !important;
    text-align: left !important;
    border: 1px solid #e5e7eb !important;
}

.entry-content-immersive th {
    font-weight: 600 !important;
    color: #1f2937 !important;
    background: #f9fafb !important;
    font-size: 14px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.entry-content-immersive td {
    font-size: 14px !important;
    color: #374151 !important;
    background: #fff !important;
}

.entry-content-immersive tbody tr:nth-child(even) td {
    background: #fff !important;
}

.entry-content-immersive tbody tr:hover td {
    background: #f9fafb !important;
}

/* ============================================
   摘要区域 - 杂志/报刊风格
   ============================================ */

.post-style-3-immersive .content-excerpt-immersive,
.content-excerpt-immersive {
    position: relative !important;
    background: transparent !important;
    border-radius: 0 !important;
    border: none !important;
    border-top: 1px solid var(--border-default, #e5e7eb) !important;
    border-bottom: 1px solid var(--border-default, #e5e7eb) !important;
    overflow: visible !important;
    padding: 32px 0 !important;  /* 增加内边距 */
    margin: 40px 0 !important;  /* 增加外边距 */
}

.content-excerpt-immersive .excerpt-icon {
    position: absolute !important;
    left: 0 !important;
    top: 20px !important;
    font-size: 140px !important;
    font-family: "Playfair Display", "Bodoni Moda", "Didot", "Noto Serif Display", Georgia, serif !important;
    color: #0f172a !important;
    line-height: 0.7 !important;
    font-weight: 400 !important;
    font-style: italic !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    opacity: 0.08 !important;
    z-index: 0 !important;
    user-select: none !important;
    letter-spacing: -0.05em !important;
}

.content-excerpt-immersive .excerpt-text {
    position: relative !important;
    z-index: 1 !important;
    font-family: var(--font-heading) !important;  /* Playfair Display - 杂志艺术字体 */
    font-style: italic !important;
    color: var(--text-secondary, #57606a) !important;
    margin: 0 !important;
    padding-left: 60px !important;
    font-weight: var(--font-normal, 400) !important;
    font-size: 18px !important;  /* 稍大于正文，突出摘要 */
    line-height: 1.8 !important;
    letter-spacing: 0.01em !important;
}

/* 摘要内的加粗文字 - 特别强调样式 */
.content-excerpt-immersive .excerpt-text strong,
.content-excerpt-immersive .excerpt-text b {
    font-weight: 700 !important;
    font-style: normal !important;
    color: #1e293b !important;
    display: inline !important;
}

/* 摘要内的换行 - 增加间距 */
.content-excerpt-immersive .excerpt-text br {
    display: block !important;
    content: '' !important;
    margin-top: 12px !important;
}

/* ============================================
   其他组件优化 - 1200px宽度对齐
   ============================================ */

/* 下载模块 */
.post-style-3-immersive .download-box {
    margin: 48px 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* 分页导航 */
.post-style-3-immersive .post-pagenav {
    margin-top: 48px !important;
    padding-top: 32px !important;
    border-top: 1px solid var(--border-default, #e5e7eb) !important;
}

/* 版权信息 */
.post-style-3-immersive .post-note {
    margin: 48px 0 0 !important;
    padding: 24px !important;
    background: #f9fafb !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: var(--text-muted, #8b949e) !important;
    line-height: 1.7 !important;
}

/* 标签区域 */
.post-style-3-immersive .post-tags-meat {
    margin: 40px 0 0 !important;
    padding-top: 32px !important;
    border-top: 1px solid var(--border-default, #e5e7eb) !important;
}

.post-style-3-immersive .post-tags-meat a {
    margin: 6px !important;
    padding: 10px 20px !important;
    background: #f8f9fa !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

.post-style-3-immersive .post-tags-meat a:hover {
    background: #007bff !important;
    color: #fff !important;
}

/* 底部互动区 */
.post-style-3-immersive .content-footer {
    margin: 48px 0 0 !important;
    padding: 24px 0 !important;
    border-top: 1px solid var(--border-default, #e5e7eb) !important;
}

.post-style-3-immersive .post-content-footer-in {
    justify-content: center !important;
    gap: 28px !important;
}

/* 打赏模块 */
.post-style-3-immersive .content-ds {
    margin: 48px 0 0 !important;
    text-align: center !important;
}

/* ============================================
   左右翻页组件 - 1200px宽度 + 与内容间距
   ============================================ */

body:has(.post-style-3-immersive) .post-pre-next,
body.post-style-3 .post-pre-next,
body.immersive-reading-mode .post-pre-next {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 56px auto 0 !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

/* ============================================
   评论区域 - 1200px宽度 + 与翻页间距
   ============================================ */

/* 评论区在content-area内部，需要突破父容器限制 */
body:has(.post-style-3-immersive) .comments-box,
body:has(.post-style-3-immersive) #comments,
body:has(.post-style-3-immersive) .comments-area,
body:has(.post-style-3-immersive) #primary-home > .comments-box,
body:has(.post-style-3-immersive) .content-area > .comments-box,
body.post-style-3 .comments-box,
body.post-style-3 #comments,
body.post-style-3 .comments-area,
body.post-style-3 #primary-home > .comments-box,
body.post-style-3 .content-area > .comments-box,
body.immersive-reading-mode .comments-box,
body.immersive-reading-mode #comments,
body.immersive-reading-mode .comments-area,
body.immersive-reading-mode #primary-home > .comments-box,
body.immersive-reading-mode .content-area > .comments-box {
    max-width: 1200px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 48px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* 评论区内部样式优化 */
body:has(.post-style-3-immersive) .comments-area.box,
body:has(.post-style-3-immersive) #comments.box,
body.post-style-3 .comments-area.box,
body.post-style-3 #comments.box,
body.immersive-reading-mode .comments-area.box,
body.immersive-reading-mode #comments.box {
    border-radius: 16px !important;
    padding: 28px !important;
    max-width: 100% !important;
}

/* ============================================
   相关文章区域 - 1200px宽度
   ============================================ */

body:has(.post-style-3-immersive) .related-posts,
body.post-style-3 .related-posts,
body.immersive-reading-mode .related-posts {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 48px auto 0 !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

/* ============================================
   响应式设计 - 大屏幕 (1400px+)
   ============================================ */

@media (min-width: 1400px) {
    article.single-article-immersive.post-style-3-immersive,
    .single-article-immersive.post-style-3-immersive {
        padding: 56px 56px 80px !important;
    }
}

/* ============================================
   响应式设计 - 标准桌面 (1200px - 1400px)
   ============================================ */

@media (max-width: 1400px) {
    body .b2-single-content:has(.post-style-3-immersive),
    body.post-style-3 .b2-single-content,
    body.immersive-reading-mode .b2-single-content {
        padding: 20px !important;
    }
}

/* ============================================
   响应式设计 - 平板横屏 (1024px - 1200px)
   ============================================ */

@media (max-width: 1200px) {
    /* 强制内容区 wrapper 响应式，排除导航 */
    body:has(.post-style-3-immersive) .b2-single-content .wrapper,
    body:has(.post-style-3-immersive) #primary-home.wrapper,
    body.post-style-3 .b2-single-content .wrapper,
    body.post-style-3 #primary-home.wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    body .b2-single-content:has(.post-style-3-immersive),
    body.post-style-3 .b2-single-content,
    body.immersive-reading-mode .b2-single-content {
        padding: 16px !important;
    }
    
    article.single-article-immersive.post-style-3-immersive,
    .single-article-immersive.post-style-3-immersive {
        max-width: 100% !important;
        padding: 40px 36px 64px !important;
        border-radius: 16px !important;
    }
    
    body:has(.post-style-3-immersive) .post-pre-next,
    body.post-style-3 .post-pre-next,
    body.immersive-reading-mode .post-pre-next,
    body:has(.post-style-3-immersive) #comments,
    body:has(.post-style-3-immersive) .comments-area,
    body.post-style-3 #comments,
    body.post-style-3 .comments-area,
    body.immersive-reading-mode #comments,
    body.immersive-reading-mode .comments-area,
    body:has(.post-style-3-immersive) .related-posts,
    body.post-style-3 .related-posts,
    body.immersive-reading-mode .related-posts {
        max-width: 100% !important;
        padding: 0 16px !important;
    }
}

/* ============================================
   响应式设计 - 平板竖屏 (768px - 1024px)
   ============================================ */

@media (max-width: 1024px) {
    /* 强制内容区 wrapper 响应式，排除导航 */
    body:has(.post-style-3-immersive) .b2-single-content .wrapper,
    body:has(.post-style-3-immersive) #primary-home.wrapper,
    body.post-style-3 .b2-single-content .wrapper,
    body.post-style-3 #primary-home.wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    body .b2-single-content:has(.post-style-3-immersive),
    body.post-style-3 .b2-single-content,
    body.immersive-reading-mode .b2-single-content {
        padding: 14px !important;
    }
    
    article.single-article-immersive.post-style-3-immersive,
    .single-article-immersive.post-style-3-immersive {
        padding: 32px 28px 56px !important;
        border-radius: 14px !important;
    }
    
    h1.entry-title-immersive {
        font-size: clamp(26px, 4.5vw, 38px) !important;
    }
    
    /* 元信息区域 - 平板端优化 */
    .post-meta-immersive {
        gap: 0 !important;
        margin-bottom: 48px !important;
    }
    
    ul.meta-list-immersive {
        row-gap: 14px !important;
    }
    
    .meta-list-immersive li {
        font-size: 13px !important;
    }
    
    .meta-divider {
        margin: 0 22px !important;
        height: 14px !important;
    }
    
    .author-inline-avatar {
        width: 32px !important;
        height: 32px !important;
    }
    
    .author-inline-name {
        font-size: 14px !important;
    }
    
    .hero-image-immersive {
        margin-bottom: 40px !important;
        border-radius: 12px !important;
    }
    
    .entry-content-immersive {
        font-size: 17px !important;
    }
    
    .entry-content-immersive p {
        font-size: 17px !important;
    }
    
    .entry-content-immersive h2 {
        font-size: 24px !important;
        margin: 48px 0 20px !important;
    }
    
    .entry-content-immersive h3 {
        font-size: 21px !important;
        margin: 40px 0 18px !important;
    }
    
    .entry-content-immersive li {
        font-size: 17px !important;
    }
    
    body:has(.post-style-3-immersive) .post-pre-next,
    body.post-style-3 .post-pre-next,
    body.immersive-reading-mode .post-pre-next {
        margin-top: 48px !important;
    }
    
    body:has(.post-style-3-immersive) #comments,
    body:has(.post-style-3-immersive) .comments-area,
    body.post-style-3 #comments,
    body.post-style-3 .comments-area,
    body.immersive-reading-mode #comments,
    body.immersive-reading-mode .comments-area {
        margin-top: 40px !important;
    }
}

/* ============================================
   响应式设计 - 移动端 (768px以下)
   ============================================ */

@media (max-width: 768px) {
    /* 强制内容区 wrapper 响应式，排除导航 */
    body:has(.post-style-3-immersive) .b2-single-content .wrapper,
    body:has(.post-style-3-immersive) #primary-home.wrapper,
    body.post-style-3 .b2-single-content .wrapper,
    body.post-style-3 #primary-home.wrapper {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    
    body .b2-single-content:has(.post-style-3-immersive),
    body.post-style-3 .b2-single-content,
    body.immersive-reading-mode .b2-single-content {
        padding: 12px !important;
    }
    
    article.single-article-immersive.post-style-3-immersive,
    .single-article-immersive.post-style-3-immersive {
        padding: 24px 18px 48px !important;
        border-radius: 12px !important;
    }
    
    .entry-header-immersive {
        margin-bottom: 28px !important;
    }
    
    .post-cats-immersive {
        margin-bottom: 18px !important;
    }
    
    .post-cats-immersive a {
        padding: 8px 16px !important;
        font-size: 13px !important;
    }
    
    h1.entry-title-immersive {
        font-size: clamp(22px, 6vw, 32px) !important;
        margin-bottom: 22px !important;
        line-height: 1.35 !important;
    }
    
    .post-meta-immersive {
        gap: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 40px !important;
    }
    
    ul.meta-list-immersive {
        padding: 0 !important;
        row-gap: 12px !important;
    }
    
    .meta-list-immersive li {
        font-size: 13px !important;
    }
    
    .meta-divider {
        margin: 0 18px !important;
        height: 12px !important;
    }
    
    .author-inline-link {
        padding: 6px 12px 6px 6px !important;
        gap: 10px !important;
    }
    
    .author-inline-avatar {
        width: 30px !important;
        height: 30px !important;
    }
    
    .author-inline-name {
        font-size: 13px !important;
    }
    
    /* 手机端隐藏阅读时间 */
    .meta-item-readtime,
    .meta-item-readtime + .meta-divider {
        display: none !important;
    }
    
    .hero-image-immersive {
        margin-bottom: 32px !important;
        border-radius: 10px !important;
    }
    
    .entry-content-immersive {
        font-size: 16px !important;   /* 移动端稍小，保持舟适阅读 */
        line-height: 1.8 !important;  /* 稍宽松的行高 */
    }
    
    .entry-content-immersive p {
        font-size: inherit !important;
        margin-bottom: 1.5em !important;
    }
    
    .entry-content-immersive h2 {
        font-size: 22px !important;
        margin: 40px 0 16px !important;
        padding-left: 0 !important;    /* 移除左边距 */
        padding-bottom: 10px !important;
    }
    
    .entry-content-immersive h3 {
        font-size: 19px !important;
        margin: 32px 0 14px !important;
    }
    
    .entry-content-immersive h4 {
        font-size: 17px !important;
        margin: 26px 0 12px !important;
    }
    
    .entry-content-immersive li {
        font-size: inherit !important;
        margin-bottom: 10px !important;
    }
    
    .entry-content-immersive img {
        margin: 26px auto !important;
        border-radius: 10px !important;
    }
    
    .entry-content-immersive blockquote {
        margin: 30px 0 !important;
        padding: 20px !important;
        border-radius: 0 10px 10px 0 !important;
        font-size: 15px !important;
    }
    
    .content-excerpt-immersive {
        padding: 22px 18px 22px 56px !important;
        margin-bottom: 32px !important;
        border-radius: 12px !important;
        font-size: 15px !important;
    }
    
    .content-excerpt-immersive .excerpt-icon {
        left: 16px !important;
        top: 16px !important;
        font-size: 38px !important;
    }
    
    .btn-download-immersive {
        padding: 12px 24px !important;
        font-size: 14px !important;
    }
    
    .post-style-3-immersive .post-note {
        padding: 20px !important;
        margin-top: 36px !important;
        font-size: 14px !important;
    }
    
    .post-style-3-immersive .post-tags-meat {
        margin-top: 32px !important;
        padding-top: 24px !important;
    }
    
    .post-style-3-immersive .post-tags-meat a {
        padding: 8px 16px !important;
        font-size: 13px !important;
    }
    
    .post-style-3-immersive .content-footer {
        margin-top: 36px !important;
        padding: 22px 0 !important;
    }
    
    body:has(.post-style-3-immersive) .post-pre-next,
    body.post-style-3 .post-pre-next,
    body.immersive-reading-mode .post-pre-next {
        margin-top: 40px !important;
        padding: 0 12px !important;
    }
    
    body:has(.post-style-3-immersive) #comments,
    body:has(.post-style-3-immersive) .comments-area,
    body.post-style-3 #comments,
    body.post-style-3 .comments-area,
    body.immersive-reading-mode #comments,
    body.immersive-reading-mode .comments-area {
        margin-top: 36px !important;
        padding: 0 12px !important;
    }
}

/* ============================================
   响应式设计 - 小屏手机 (480px以下)
   ============================================ */

@media (max-width: 480px) {
    body .b2-single-content:has(.post-style-3-immersive),
    body.post-style-3 .b2-single-content,
    body.immersive-reading-mode .b2-single-content {
        padding: 8px !important;
    }
    
    article.single-article-immersive.post-style-3-immersive,
    .single-article-immersive.post-style-3-immersive {
        padding: 20px 14px 40px !important;
        border-radius: 10px !important;
    }
    
    h1.entry-title-immersive {
        font-size: 21px !important;
        line-height: 1.35 !important;
        margin-bottom: 18px !important;
    }
    
    ul.meta-list-immersive {
        padding: 0 !important;
        row-gap: 10px !important;
    }
    
    .meta-list-immersive li {
        font-size: 12px !important;
    }
    
    .meta-divider {
        margin: 0 14px !important;
        height: 10px !important;
    }
    
    .author-inline-link {
        padding: 5px 10px 5px 5px !important;
        gap: 10px !important;
    }
    
    .author-inline-avatar {
        width: 26px !important;
        height: 26px !important;
    }
    
    .author-inline-name {
        font-size: 12px !important;
    }
    
    /* 小屏手机隐藏字数信息 */
    .meta-item-words,
    .meta-item-words + .meta-divider {
        display: none !important;
    }
    
    .hero-image-immersive {
        border-radius: 8px !important;
        margin-bottom: 28px !important;
    }
    
    .entry-content-immersive {
        font-size: 15px !important;
    }
    
    .entry-content-immersive p {
        font-size: 15px !important;
    }
    
    .entry-content-immersive h2 {
        font-size: 19px !important;
        margin: 34px 0 14px !important;
    }
    
    .entry-content-immersive h3 {
        font-size: 17px !important;
        margin: 28px 0 12px !important;
    }
    
    .entry-content-immersive li {
        font-size: 15px !important;
    }
    
    .content-excerpt-immersive {
        padding: 18px 14px 18px 48px !important;
        font-size: 14px !important;
    }
    
    .content-excerpt-immersive .excerpt-icon {
        left: 12px !important;
        font-size: 34px !important;
    }
    
    .entry-content-immersive blockquote {
        padding: 16px !important;
        font-size: 14px !important;
    }
    
    body:has(.post-style-3-immersive) .post-pre-next,
    body.post-style-3 .post-pre-next,
    body.immersive-reading-mode .post-pre-next {
        margin-top: 32px !important;
        padding: 0 8px !important;
    }
    
    body:has(.post-style-3-immersive) #comments,
    body:has(.post-style-3-immersive) .comments-area,
    body.post-style-3 #comments,
    body.post-style-3 .comments-area,
    body.immersive-reading-mode #comments,
    body.immersive-reading-mode .comments-area {
        margin-top: 28px !important;
        padding: 0 8px !important;
    }
}

/* ============================================
   打印样式
   ============================================ */

@media print {
    .author-actions-immersive,
    .download-btn-immersive,
    .post-style-3-immersive .content-footer,
    .post-style-3-immersive .content-ds,
    .post-pre-next,
    #comments {
        display: none !important;
    }
    
    article.single-article-immersive.post-style-3-immersive,
    .single-article-immersive.post-style-3-immersive {
        max-width: 100% !important;
        padding: 0 !important;
        box-shadow: none !important;
    }
    
    .hero-image-immersive {
        max-width: 100% !important;
        box-shadow: none !important;
    }
    
    .entry-content-immersive {
        font-size: 12pt !important;
        line-height: 1.6 !important;
    }
}