/**
 * 算法大厅移动端压缩（与首页 index-mobile 对齐）
 */
@media (max-width: 768px) {
    html {
        overflow-x: hidden;
        max-width: 100%;
    }

    body.page-algorithm-hall {
        overflow-x: hidden;
        max-width: 100vw;
        padding-top: 92px !important;
        font-size: 12px;
    }

    .container,
    .hall-wrap {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        box-sizing: border-box;
    }

    .hall-wrap {
        padding-bottom: 12px !important;
    }

    /* 顶栏（与首页一致） */
    .site-header {
        padding: 8px 10px 6px !important;
    }

    .header-row1 {
        margin-bottom: 6px;
        gap: 4px;
    }

    .site-title {
        font-size: 14px !important;
        max-width: 42vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .site-logo {
        font-size: 18px;
    }

    .top-nav-tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 3px !important;
        padding: 2px !important;
        overflow-x: auto !important;
        scrollbar-width: none;
    }

    .top-nav-tabs::-webkit-scrollbar {
        display: none;
    }

    .nav-tab {
        flex: 0 0 auto !important;
        padding: 7px 8px !important;
        font-size: 10px !important;
        white-space: nowrap;
    }

    /* 检索吸顶区压缩 */
    .hall-filter-anchor {
        margin: 0 -6px 4px !important;
    }

    .hall-sticky-head {
        padding: 0 6px 2px !important;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
    }

    .hall-sticky-head.is-pinned {
        top: 92px !important;
        padding: 0 8px 2px !important;
    }

    .hall-toolbar {
        padding: 4px 0 2px !important;
    }

    .hall-search {
        margin-bottom: 3px !important;
    }

    .hall-search input {
        padding: 6px 8px 6px 30px !important;
        font-size: 12px !important;
        border-radius: 8px;
        min-height: 32px;
    }

    .hall-search::before {
        left: 8px !important;
        font-size: 12px !important;
    }

    .hall-pills-scroll {
        margin: 0 -6px !important;
        padding: 0 6px 1px !important;
    }

    .hall-pills {
        margin-bottom: 1px !important;
        gap: 3px !important;
    }

    .hall-pills button,
    .hall-window-btn,
    .hall-view-btn,
    .hall-btn-refresh,
    .hall-btn-publish,
    .hall-sort-btn,
    .hall-cat-btn {
        padding: 3px 7px !important;
        min-height: 24px !important;
        font-size: 10px !important;
        border-radius: 12px !important;
    }

    .hall-actions {
        display: flex !important;
        flex-wrap: wrap !important;
        margin-bottom: 2px !important;
        gap: 4px !important;
    }

    .hall-view-toggle {
        display: none !important;
    }

    .hall-window-btn {
        flex: 1 1 calc(50% - 4px) !important;
        min-width: calc(50% - 4px) !important;
        max-width: none !important;
        min-height: 28px !important;
        font-size: 10px !important;
    }

    .hall-btn-refresh,
    .hall-btn-publish,
    .hall-btn-reward {
        flex: 1 1 calc(33.33% - 4px) !important;
        min-width: 0 !important;
        min-height: 28px !important;
        font-size: 10px !important;
        padding: 4px 6px !important;
        text-align: center;
    }

    .hall-btn-reward {
        border-radius: 12px !important;
    }

    /* VIP 横幅压缩（未吸顶时） */
    #vipBanner {
        margin: 0 0 3px !important;
        padding: 5px 8px !important;
        font-size: 10px !important;
        line-height: 1.3 !important;
        border-radius: 8px;
        flex-direction: row !important;
        align-items: center !important;
        gap: 6px;
        text-align: left !important;
    }

    #vipBanner a {
        min-height: 24px !important;
        padding: 3px 8px !important;
        font-size: 10px !important;
        white-space: nowrap;
        flex-shrink: 0;
    }

    .hall-sticky-head #vipBanner {
        margin: 0 0 2px !important;
        padding: 4px 6px !important;
        font-size: 10px !important;
    }

    /* 算法列表更早上屏 */
    .hall-columns {
        scroll-margin-top: calc(92px + var(--hall-sticky-h, 120px));
        padding-top: 0;
    }

    .hall-grid {
        gap: 5px !important;
        padding: 2px 0 8px !important;
    }

    .hall-list-ad,
    .hall-ad-slot {
        margin: 4px 0 !important;
    }
}

@media (max-width: 480px) {
    body.page-algorithm-hall {
        padding-top: 88px !important;
    }

    .site-domains {
        display: none !important;
    }

    .nav-tab {
        padding: 6px 7px !important;
        font-size: 9px !important;
    }

    .hall-sticky-head.is-pinned {
        top: 88px !important;
    }
}

@media (max-width: 380px) {
    body.page-algorithm-hall {
        padding-top: 84px !important;
    }

    .hall-sticky-head.is-pinned {
        top: 84px !important;
    }
}