/* 
 * 移动端阅读体验优化
 * 针对手机屏幕减小字号、行高及间距，使排版更紧凑
 */

@media screen and (max-width: 767px) {
    :root {
        --article-font-size: 1.6rem !important;
        --article-line-height: 1.6 !important;
        --card-padding: 15px !important;
        --section-separation: 10px !important;
        --main-top-padding: 10px !important;
    }

    /* 主容器间距优化 */
    .main-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        gap: 8px !important;
    }

    /* 左侧边栏头部下移对齐 + 边距 + 背景色 */
    .left-sidebar header {
        padding-top: 10px !important;
        /* 调整这里控制上移：数字越小，位置越靠上 */
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 12px !important;
        /* 底部补齐，维持背景块大小 */
        background: #2d3748 !important;
        border-bottom: 1px solid #4a5568 !important;
    }

    .left-sidebar header .site-meta {
        margin: 0 !important;
        padding: 0 !important;
    }

    .left-sidebar header .site-name {
        margin: 0 !important;
        line-height: 1 !important;
        /* 防止行高撑开额外空间 */
    }

    .left-sidebar header .site-name a {
        color: #fff !important;
    }

    /* 分类导航栏 */
    .main-category-nav {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    /* 底部页脚边距 */
    .site-footer {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* 相关文章区域边距（包括标题） */
    .related-content--wrapper {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* 分类/标签页面标题：取消大写、增加边距 */
    .section-title {
        text-transform: none !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* 分类导航紧凑化 - 支持横向滑动 */
    .main-category-nav {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        /* 容器无内边距，实现边缘对齐 */
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        /* iOS惯性滚动 */
        scrollbar-width: none !important;
        /* Firefox隐藏滚动条 */
    }

    .main-category-nav::-webkit-scrollbar {
        display: none !important;
        /* Chrome/Safari隐藏滚动条 */
    }

    .main-category-nav .category-list {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        width: max-content !important;
        /* 确保内容撑开宽度 */
        padding: 0 15px !important;
        /* 内边距加在内容上，保证滚动首尾留白 */
    }

    .main-category-nav .category-item {
        flex-shrink: 0 !important;
        white-space: nowrap !important;
        display: inline-block !important;
        /* 也可以是 flex, 但 inline-block 兼容性较好 */
    }

    /* 文章列表间距 */
    .article-list {
        gap: 6px !important;
        margin-top: 6px !important;
    }

    /* 主页文章标题字号 */
    .article-list .article-title {
        font-size: 1.6rem !important;
    }

    /* 主页文章摘要字号 */
    .article-list .article-subtitle {
        font-size: 1.4rem !important;
    }

    /* =========================================
       其他原有针对文章详情页的优化保持不变
       ========================================= */

    /* 文章页主容器无边距 */
    .article-page .main-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 移除文章卡片的圆角和阴影 */
    .article-page .main-article {
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* 隐藏文章详情页的头图 */
    .article-page .main-article .article-header .article-image {
        display: none !important;
    }

    /* 文章头图全屏（如果需要显示时） */
    .article-page .main-article .article-header .article-image img {
        border-radius: 0 !important;
    }



    /* 文章内容区保留适当内边距（避免文字贴边） */
    .article-page .main-article .article-content {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .article-page .main-article .article-header .article-details {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .article-page .main-article .article-footer {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    /* 段落间距 */
    .article-page .main-article .article-content p {
        margin: 0.8em 0 !important;
    }

    /* 文章详情页标题 */
    .article-page .main-article .article-header .article-title {
        font-size: 2.2rem !important;
        line-height: 1.2 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* 文章详情页元信息区域紧凑化 */
    .article-page .main-article .article-header .article-details {
        gap: 0 !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .article-page .main-article .article-header .article-time {
        gap: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 1.25rem !important;
        line-height: 1.4 !important;
    }

    .article-page .main-article .article-header .article-time>div {
        gap: 4px !important;
        margin: 0 !important;
    }

    /* 正文内容标题字号 */
    .article-page .main-article .article-content h2 {
        font-size: 2.0rem !important;
        margin-top: 1.2em !important;
        margin-bottom: 0.6em !important;
    }

    .article-page .main-article .article-content h3 {
        font-size: 1.8rem !important;
        margin-top: 1em !important;
        margin-bottom: 0.5em !important;
    }

    /* 列表紧凑化 */
    .article-page .main-article .article-content ul,
    .article-page .main-article .article-content ol {
        padding-left: 1.2em !important;
        margin-bottom: 0.8em !important;
    }

    .article-page .main-article .article-content li {
        margin-bottom: 0.4em !important;
    }

    /* 引用块 */
    .article-page .main-article .article-content blockquote {
        padding: 10px 15px !important;
        margin: 1em 0 !important;
    }

    /* 相关文章改为垂直列表 */
    .related-content {
        overflow-x: visible !important;
        padding-bottom: 10px !important;
    }

    .related-content>.flex {
        float: none !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .related-content article {
        width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
        background: var(--card-background) !important;
        border-radius: var(--tag-border-radius) !important;
        box-shadow: none !important;
        border: 1px solid #e2e8f0 !important;
    }

    .related-content article .article-details {
        padding: 12px !important;
    }

    .related-content article .article-title {
        font-size: 1.2rem !important;
        margin-bottom: 4px !important;
    }

    .related-content article .article-time {
        font-size: 0.85rem !important;
        color: #a0aec0 !important;
        margin-top: 2px !important;
    }

    .related-content .article-image {
        display: none !important;
    }
}

/* =========================================
   全局样式（适用于所有屏幕尺寸）
   使用高优先级选择器覆盖主题默认样式
   ========================================= */

/* 文章详情页描述字体缩小 */
.article-page .article-header .article-subtitle {
    font-size: 1.2rem !important;
    line-height: 1.4 !important;
    color: #666 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 文章列表缩略图 - 右侧显示，带留白 */
section.article-list article .article-header,
.article-list article .article-header,
article .article-header {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    overflow: hidden !important;
}

/* 修复文章详情页标题左对齐问题 - 覆盖上面的 row-reverse */
/* 修复文章详情页标题左对齐问题 - 覆盖上面的 row-reverse */
.article-page .main-article .article-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
}

.article-page .main-article .article-header .article-details {
    width: 100% !important;
    text-align: left !important;
    align-items: flex-start !important;
}

/* 全局修正文章页内边距对齐 */
.article-page .main-article .article-header .article-details,
.article-page .main-article .article-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

section.article-list article .article-image,

section.article-list article .article-image,
.article-list article .article-image {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    height: 80px !important;
    max-height: 80px !important;
    margin: 12px !important;
    display: block !important;
    flex-shrink: 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

section.article-list article .article-image a,
section.article-list article .article-image img,
.article-list article .article-image a,
.article-list article .article-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 6px !important;
}

section.article-list article .article-details,
.article-list article .article-details {
    flex: 1 !important;
    min-width: 0 !important;
    /* padding由后续紧凑样式控制 */
}

/* =========================================
   分类标签样式 - 使用主题原始颜色
   ========================================= */

/* 分类标签容器 */
footer.article-time .article-category-footer,
.article-time .article-category-footer,
.article-details .article-time .article-category-footer,
.article-category-footer {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 0 !important;
    gap: 8px !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

/* 分类标签基础样式 - 高优先级 */
footer.article-time .article-category-footer a.category-tag,
.article-time .article-category-footer a.category-tag,
.article-category-footer a.category-tag,
.article-details a.category-tag,
a.category-tag {
    display: inline-flex !important;
    align-items: center !important;
    padding: 1px 6px !important;
    border-radius: 3px !important;
    line-height: normal !important;
    font-size: 1.1rem !important;
    text-transform: none !important;
    margin: 0 !important;
    color: #999 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    vertical-align: middle !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #e0e0e0 !important;
}

/* 根据文章序号循环使用5种颜色（与主题一致） */
section.article-list article:nth-child(5n+1) a.category-tag,
.article-list article:nth-child(5n+1) a.category-tag {
    background-color: #8ea885 !important;
}

section.article-list article:nth-child(5n+2) a.category-tag,
.article-list article:nth-child(5n+2) a.category-tag {
    background-color: #df7988 !important;
}

section.article-list article:nth-child(5n+3) a.category-tag,
.article-list article:nth-child(5n+3) a.category-tag {
    background-color: #0177b8 !important;
}

section.article-list article:nth-child(5n+4) a.category-tag,
.article-list article:nth-child(5n+4) a.category-tag {
    background-color: #ffb900 !important;
}

section.article-list article:nth-child(5n+5) a.category-tag,
.article-list article:nth-child(5n+5) a.category-tag {
    background-color: #6b69d6 !important;
}

a.category-tag:hover {
    filter: brightness(0.9) !important;
}

/* =========================================
   华尔街见闻风格 - 文章卡片
   无边框、无阴影、底部细分隔线
   ========================================= */

/* 文章列表中的 article 设置为相对定位 */
section.article-list article,
.article-list article,
article:has(.article-details) {
    position: relative !important;
    cursor: pointer !important;
    transition: background-color 0.15s ease !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

[data-scheme="dark"] section.article-list article,
[data-scheme="dark"] .article-list article {
    border-bottom-color: #333 !important;
}

/* 悬停效果 - 仅背景色变化，无位移 */
section.article-list article:hover,
.article-list article:hover,
article:has(.article-details):hover {
    box-shadow: none !important;
    transform: none !important;
    background-color: #f8f9fa !important;
}

[data-scheme="dark"] section.article-list article:hover,
[data-scheme="dark"] .article-list article:hover {
    background-color: #252538 !important;
}

/* 标题链接扩展为覆盖整个卡片的可点击区域 */
.article-details .article-title a::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1 !important;
}

/* 确保分类标签可独立点击（层级高于覆盖层） */
.article-details a.category-tag,
a.category-tag {
    position: relative !important;
    z-index: 2 !important;
}

/* 确保图片链接也保持可点击 */
.article-image a {
    position: relative !important;
    z-index: 2 !important;
}

/* =========================================
   文章浏览页：禁用卡片点击和 hover 效果
   ========================================= */

/* 禁用文章浏览页的 hover 移动效果 */
.article-page article,
.article-page .main-article {
    cursor: auto !important;
    transform: none !important;
    transition: none !important;
}

.article-page article:hover,
.article-page .main-article:hover {
    box-shadow: none !important;
    transform: none !important;
}

/* 禁用文章浏览页的所有点击覆盖层 */
.article-page .article-title a::after,
.article-page .article-details .article-title a::after,
.article-page .main-article .article-title a::after,
.article-page article a::after {
    content: none !important;
    display: none !important;
    position: static !important;
    width: 0 !important;
    height: 0 !important;
}

/* 确保文章浏览页内的链接正常（不扩展点击区域） */
.article-page .article-content a,
.article-page .article-header a,
.article-page .article-details a {
    position: static !important;
}

/* 禁用文章浏览页的 pointer-events 覆盖 */
.article-page .main-article {
    pointer-events: auto !important;
}

.article-page .main-article * {
    pointer-events: auto !important;
}

/* =========================================
   文章阅读量显示控制
   ========================================= */

/* 默认隐藏（在列表页不显示，避免 ID 冲突和数据错误） */
.article-list article .article-view-count,
.article-list .article-time .article-view-count,
.article-list footer.article-time .article-view-count {
    display: none !important;
}

/* 仅在文章详情页（Body class: article-page）显示 */
.article-page .article-view-count {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 10px !important;
    /* 默认桌面端间距 */
}

.article-page .article-view-count span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

@media screen and (max-width: 767px) {

    /* 移动端：阅读量换行显示，与时间左对齐 */
    .article-page .article-view-count {
        display: flex !important;
        flex-basis: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: -2px !important;
        /* 移除额外上间距 */
        margin-bottom: 0 !important;
        /* 移除额外下间距 */
        color: #718096 !important;
        /* 适配一般阅读时间的灰色 */
        font-size: 1.4rem !important;
        /* 保持与阅读时长/日期一致的字号 */
    }

    /* 调整图标大小适配文字 */
    .article-page .article-view-count svg {
        width: 20px !important;
        height: 20px !important;
        margin-right: 4px !important;
    }
}

/* =========================================
   资讯APP风格增强 - 全局组件
   ========================================= */

/* 阅读进度条 - 仅在文章页显示 */
.reading-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: linear-gradient(90deg, #8ea885 0%, #0177b8 50%, #6b69d6 100%);
    z-index: 9999;
    transition: width 0.1s ease-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* 返回顶部按钮 */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #ffffff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    z-index: 1000;
}

/* 修复PC端侧边栏导航图标过大的问题 */
.menu li a svg {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
}

/* 修复移动端底部导航图标过大的问题 */
.mobile-bottom-nav .nav-item svg {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
}

/* 文章底部标签整体调小 */
.article-tags a {
    padding: 5px 10px !important;
    font-size: 1.2rem !important;
    border-radius: 4px !important;
    line-height: normal !important;
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
}

.back-to-top:active {
    transform: translateY(-1px);
}

.back-to-top svg {
    width: 22px;
    height: 22px;
}

/* =========================================
   华尔街见闻风格 - 紧凑列表模式
   ========================================= */

.article-list {
    gap: 0 !important;
    background: #fff;
}

[data-scheme="dark"] .article-list {
    background: #1a1a2e;
}

.article-list article {
    margin-bottom: 0 !important;
}

.article-list .article-details {
    padding: 0px 15px !important;
    gap: 3px !important;
    /* 覆盖主题默认的15px */
}

.article-list .article-title {
    font-size: 2.1rem !important;
    /* 调大字号 */
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 400 !important;
    /* 取消加粗 */
    color: #222 !important;
}

[data-scheme="dark"] .article-list .article-title {
    color: #e0e0e0 !important;
}

.article-list .article-title a {
    color: inherit !important;
}

/* 描述文字 - 和标题紧贴 */
.article-list .article-subtitle {
    font-size: 1.45rem !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: #666 !important;
}

/* h3标签默认margin归零 */
.article-list h3.article-subtitle {
    margin: 0 !important;
}

/* 相对时间样式 */
.article-time .relative-time {
    color: #999;
    font-size: 1.1rem;
    line-height: 1.2;
}

/* 文章列表时间容器紧凑化 - 高优先级 */
.article-list .article-time,
.article-list footer.article-time,
footer.article-time {
    margin: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
    line-height: 1.2 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    overflow: hidden !important;
}

/* 时间容器内的div使用flex布局以精确控制间距 */
.article-list .article-time>div,
.article-list footer.article-time>div {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 阅读时长样式 - 与相对时间字体保持一致 */
.article-list .article-time--reading,
.article-list .article-time--published {
    font-size: 1.1rem !important;
    color: #999 !important;
    line-height: normal !important;
    white-space: nowrap !important;
}

[data-scheme="dark"] .article-list .article-time--reading,
[data-scheme="dark"] .article-list .article-time--published {
    color: #888 !important;
}

/* 文章列表时间图标缩小 */
.article-list .article-time svg {
    width: 13px !important;
    height: 13px !important;
    margin-right: 3px !important;
    vertical-align: -2px !important;
}

/* 标题容器紧凑化 */
.article-list .article-title-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    /* 覆盖主题默认的8px */
}

/* h2标签默认margin归零 */
.article-list h2.article-title {
    margin: 0 !important;
}

/* 隐藏文章列表中的分类标签（顶部已有分类导航） */
.article-list .article-category {
    display: none !important;
}

/* =========================================
   华尔街见闻风格 - 头条标签
   ========================================= */

/* 头条标签基础样式 - 默认隐藏 */
.headline-tag {
    display: none;
    padding: 1px 6px;
    margin-right: 6px;
    border-radius: 2px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    vertical-align: middle;
}

/* 只在文章列表页且5小时内发布的文章显示头条标签 */
.article-list article.is-headline .headline-tag {
    display: inline-block;
}

/* 文章详情页不显示头条标签 */
.article-page .headline-tag {
    display: none !important;
}

/* =========================================
   移动端底部导航栏
   ========================================= */

@media screen and (max-width: 767px) {

    /* 底部导航栏 */
    .mobile-bottom-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 56px;
        background: var(--card-background, #ffffff);
        border-top: 1px solid var(--body-text-color, #e2e8f0);
        display: flex;
        justify-content: space-around;
        align-items: center;
        z-index: 1000;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    }

    /* 暗色模式适配 */
    [data-scheme="dark"] .mobile-bottom-nav {
        background: #1a1a2e;
        border-top-color: #333355;
    }

    .mobile-bottom-nav .nav-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex: 1;
        height: 100%;
        text-decoration: none;
        color: #718096;
        transition: color 0.2s ease;
        gap: 3px;
    }

    .mobile-bottom-nav .nav-item:active,
    .mobile-bottom-nav .nav-item.active {
        color: #667eea;
    }

    .mobile-bottom-nav .nav-item svg {
        width: 22px;
        height: 22px;
    }

    .mobile-bottom-nav .nav-item span {
        font-size: 10px;
        font-weight: 500;
    }

    /* 为底部导航留出空间 */
    body {
        padding-bottom: 60px !important;
    }

    .site-footer {
        margin-bottom: 60px !important;
    }

    /* 返回顶部按钮移动端位置调整 */
    .back-to-top {
        bottom: 80px;
        right: 20px;
        width: 40px;
        height: 40px;
    }

    /* 移动端紧凑列表进一步优化 */
    .article-list {
        gap: 4px !important;
    }

    .article-list .article-details {
        padding: 8px 10px !important;
    }

    .article-list .article-title {
        font-size: 1.7rem !important;
        /* 移动端同步调大 */
        font-weight: 400 !important;
        /* 移动端同步取消加粗 */
    }

    .article-list .article-subtitle {
        font-size: 1.2rem !important;
        -webkit-line-clamp: 1 !important;
    }

    /* 分类页页头强制一行 (移动端) */
    main.main>header {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 10px !important;
        margin-top: -12px !important;
        margin-bottom: 5px !important;
    }

    main.main>header .section-title {
        margin: 0 !important;
        font-size: 1.4rem !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }

    main.main>header .section-card {
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center !important;
        flex-shrink: 0 !important;
    }

    main.main>header .section-card .section-details {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
    }

    main.main>header .section-card .section-term {
        font-size: 1.3rem !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    main.main>header .section-card .section-count {
        font-size: 1.1rem !important;
        margin: 0 !important;
        white-space: nowrap !important;
        color: #999 !important;
    }

    main.main>header+section.article-list,
    main.main>header+.subsection-list {
        margin-top: 0px !important;
    }

    /* 相关文章排版统一 */
    .related-content--wrapper {
        margin-top: 20px !important;
        padding: 0 5px !important;
    }

    .related-content--wrapper .article-list {
        gap: 8px !important;
    }

    .related-content--wrapper .article-list article {
        width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
        box-shadow: var(--shadow-l1) !important;
    }
}

/* =========================================
   分类总览页 - 自适应宽度方块布局 (全局生效)
   ========================================= */
.taxonomy-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding: 15px !important;
    margin-top: 5px !important;
    justify-content: flex-start !important;
}

.taxonomy-item {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 10px 18px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    color: #fff !important;
    /* 统一为白色文字以匹配深色背景 */
    transition: all 0.2s ease !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    white-space: nowrap !important;
    width: auto !important;
}

.taxonomy-item:active {
    transform: scale(0.95) !important;
}

.taxonomy-name {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
    margin-right: 10px !important;
    color: #fff !important;
}

.taxonomy-count {
    font-size: 1rem !important;
    color: #fff !important;
    opacity: 0.9 !important;
    background: rgba(255, 255, 255, 0.2) !important;
    padding: 1px 8px !important;
    border-radius: 10px !important;
}

/* 同步主题原始 5 色循环 */
.taxonomy-item:nth-child(5n+1) {
    background-color: #8ea885 !important;
}

.taxonomy-item:nth-child(5n+2) {
    background-color: #df7988 !important;
}

.taxonomy-item:nth-child(5n+3) {
    background-color: #0177b8 !important;
}

.taxonomy-item:nth-child(5n+4) {
    background-color: #ffb900 !important;
}

.taxonomy-item:nth-child(5n+5) {
    background-color: #6b69d6 !important;
}

/* 暗色模式下适当调低亮度 */
[data-scheme="dark"] .taxonomy-item {
    filter: saturate(0.8) brightness(0.9) !important;
}