/**
 * “Zibll文章列表(新)”标题增强。
 * 所有视觉覆盖均限制在父主题桌面断点以上。
 */

@media (min-width: 768px) {
    .zibll-child-main-post-title-enhanced .title-theme {
        padding-left: 0;
    }

    .zibll-child-main-post-title-enhanced .title-theme::before {
        content: none;
        display: none;
    }

    .zibll-child-main-post-title-enhanced .title-theme > i:first-child,
    .zibll-child-main-post-title-enhanced .title-theme > svg:first-child,
    .zibll-child-main-post-title-enhanced .big-title > i:first-child,
    .zibll-child-main-post-title-enhanced .big-title > svg:first-child {
        display: none !important;
    }

    .zibll-child-main-post-title-enhanced.zibll-child-main-post-has-title-size .title-theme,
    .zibll-child-main-post-title-enhanced.zibll-child-main-post-has-title-size .big-title-wrap .big-title {
        font-size: var(--zibll-child-main-post-title-size);
    }

    .zibll-child-main-post-title-enhanced.zibll-child-main-post-has-subtitle-size .title-theme > small,
    .zibll-child-main-post-title-enhanced.zibll-child-main-post-has-subtitle-size .big-title-wrap .big-title-sub {
        font-size: var(--zibll-child-main-post-subtitle-size);
    }

    .zibll-child-main-post-title-enhanced .zibll-child-main-post-title-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-width: 0;
        min-height: 34px;
        margin: 0;
        padding: 8px 14px;
        overflow: hidden;
        color: var(--theme-color) !important;
        font-weight: 600;
        line-height: 1;
        text-decoration: none;
        background: var(--muted-bg-2-color, #f6f7f8) !important;
        border: 1px solid var(--main-border-color, rgba(50, 50, 50, 0.06));
        border-radius: 999px;
        box-shadow: 0 5px 16px rgba(31, 36, 51, 0.06);
        transition: color 0.28s ease, background-color 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
    }

    .zibll-child-main-post-title-enhanced .title-theme > .pull-right {
        margin-top: 0;
    }

    .zibll-child-main-post-title-enhanced.zibll-child-main-post-has-link-size .zibll-child-main-post-title-link {
        font-size: var(--zibll-child-main-post-link-size);
    }

    .zibll-child-main-post-title-enhanced .big-title-buts .zibll-child-main-post-title-link {
        padding: 10px 18px;
    }

    .zibll-child-main-post-title-link-labels {
        display: inline-grid;
        height: 1.15em;
        overflow: hidden;
        line-height: 1.15;
    }

    .zibll-child-main-post-title-link-labels > span {
        grid-area: 1 / 1;
        white-space: nowrap;
        transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .zibll-child-main-post-title-link-labels > span:last-child {
        transform: translateY(135%);
    }

    .zibll-child-main-post-title-link-icon {
        width: 15px;
        height: 15px;
        flex: 0 0 15px;
        transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .zibll-child-main-post-title-link:hover,
    .zibll-child-main-post-title-link:focus-visible {
        color: #fff !important;
        background: var(--theme-color) !important;
        border-color: var(--theme-color);
        box-shadow: 0 8px 22px var(--focus-shadow-color, rgba(253, 83, 161, 0.25));
        transform: translateY(-1px);
    }

    .zibll-child-main-post-title-link:hover .zibll-child-main-post-title-link-labels > span:first-child,
    .zibll-child-main-post-title-link:focus-visible .zibll-child-main-post-title-link-labels > span:first-child {
        transform: translateY(-135%);
    }

    .zibll-child-main-post-title-link:hover .zibll-child-main-post-title-link-labels > span:last-child,
    .zibll-child-main-post-title-link:focus-visible .zibll-child-main-post-title-link-labels > span:last-child {
        transform: translateY(0);
    }

    .zibll-child-main-post-title-link:hover .zibll-child-main-post-title-link-icon,
    .zibll-child-main-post-title-link:focus-visible .zibll-child-main-post-title-link-icon {
        transform: translate(2px, -2px);
    }

    @media (prefers-reduced-motion: reduce) {
        .zibll-child-main-post-title-link,
        .zibll-child-main-post-title-link-labels > span,
        .zibll-child-main-post-title-link-icon {
            transition: none;
        }
    }
}