/* 用 padding 实现上下间距，避免与相邻元素 margin 重叠 */
    .tags-page-outer {
        padding: 20px 0;
    }

    .tags-page-wrap {
        margin: 0;
        padding: 30px 20px;
        background: var(--ymx-bg-card);
        border-radius: 6px;
    }

    .tags-page-title {
        text-align: center;
        margin-bottom: 30px;
        font-size: 24px;
        font-weight: 600;
        color: var(--ymx-text-primary);
    }

    .tags-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .tag-item {
        width: 23%;
        margin-right: 2%;
        margin-bottom: 2%;
        padding: 15px;
        border: 1px solid var(--ymx-border-light);
        border-radius: 6px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 10px;
        transition: border-color 0.3s ease;
    }

    .tag-item:hover {
        border-color: var(--ymx-text-muted);
    }

    .tag-item:nth-child(4n) {
        margin-right: 0;
    }

    .tag-name-count {
        font-size: 15px;
        font-weight: 600;
        color: var(--ymx-text-primary);
    }

    .tag-name-count a {
        color: inherit;
        text-decoration: none;
        background: var(--ymx-bg-page);
        padding: 6px 10px;
        border-radius: 4px;
        display: inline-block;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    .tag-item:hover .tag-name-count a {
        background: var(--ymx-accent);
        color: #fff;
    }

    .tag-first-post {
        font-size: 13px;
        color: var(--ymx-text-secondary);
        line-height: 1.5;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .tag-first-post a:hover {
        color: var(--ymx-accent);
    }

    .tag-no-post {
        color: var(--ymx-text-muted);
        font-style: normal;
    }

    .tags-empty {
        text-align: center;
        color: var(--ymx-text-muted);
        padding: 40px 20px;
        margin: 0;
    }

    @media (max-width: 992px) {
        .tag-item {
            width: 48%;
            margin-right: 2%;
        }

        .tag-item:nth-child(4n) {
            margin-right: 2%;
        }

        .tag-item:nth-child(2n) {
            margin-right: 0;
        }
    }

    @media (max-width: 576px) {
        /* 手机端：去掉主体内容盒子上下边距 */
        .tags-page-outer {
            padding-top: 2px;
            padding-bottom: 2px;
        }

        .tags-page-wrap {
            padding-top: 0;
            padding-bottom: 0;
            padding-left: 12px;
            padding-right: 12px;
        }

        .tags-page-title{
            margin: 0;
            padding: 15px 0;
        }

        /* 手机端：每行 2 个 li */
        .tag-item {
            width: 49%;
            margin-right: 2%;
            margin-bottom: 10px;
            border-width: 2px;
        }

        .tag-item:nth-child(2n) {
            margin-right: 0;
        }
    }

    /* =====================
       夜间模式适配
       ===================== */
    body.ymx-dark-mode .tag-item:hover {
        border-color: #666666;
    }

    body.ymx-dark-mode .tag-first-post {
        color: #aaaaaa;
    }

    body.ymx-dark-mode .tag-first-post a {
        color: #aaaaaa;
    }

    body.ymx-dark-mode .tag-no-post {
        color: #666666;
    }

    body.ymx-dark-mode .tags-empty {
        color: #666666;
    }