/**
 * SAM Podcast Hub（汇总页）— Figma 1174:24104（PC 1920，1rem = 100px）
 * 独立于 podcast-category.css，避免影响分类列表页。
 * EP.XX / 底部订阅忽略；分页沿用 sam-pagination。
 */

.podcast-hub {
    box-sizing: border-box;
}

.podcast-hub *,
.podcast-hub *::before,
.podcast-hub *::after {
    box-sizing: border-box;
}

/* —— Featured（页头 + 精选卡）— Figma 1174:24113 / 1174:24119 —— */
.podcast-hub-featured {
    box-sizing: border-box;
    padding: 0 2.15rem 1rem;
}

.podcast-hub-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.06rem;
    padding: 0 0 0.7rem;
}

.podcast-hub-title {
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: capitalize;
    color: #1d2633;
    font-size: 0.48rem;
    font-weight: 900;
    line-height: 0.576rem;
}

.podcast-hub-featured-card {
    display: flex;
    align-items: stretch;
    gap: 0;
    padding: 0.4rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.04rem;
    background: #f5f7fa;
    overflow: visible;
}

.podcast-hub-featured-card:has(.is-share-open),
.podcast-hub-featured-card.is-share-open {
    z-index: 5;
    position: relative;
}

.podcast-hub-featured-img {
    width: 5.8rem;
    height: 3.86rem;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 0.04rem;
}

.podcast-hub-featured-img img {
    width: 5.8rem;
    height: 3.86rem;
    object-fit: cover;
    display: block;
}

.podcast-hub-featured-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.32rem;
    padding-left: 0.48rem;
}

.podcast-hub-featured-body {
    display: flex;
    flex-direction: column;
    gap: 0.16rem;
    min-width: 0;
}

.podcast-hub-featured-meta {
    display: flex;
    align-items: center;
    gap: 0.16rem;
    flex-wrap: wrap;
}

/* EP 徽章：对齐详情页 podcast-ep-badge */
.podcast-hub-featured .podcast-hub-ep-badge {
    position: relative;
    z-index: 50;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.02rem 0.16rem;
    background: #e3effc;
    color: var(--Color, #2f67b3);
    border-radius: 0.04rem;
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 0.27rem;
    cursor: pointer;
    user-select: none;
}

.podcast-hub-featured .podcast-hub-ep-badge .podcast-ep-text {
    pointer-events: none;
}

.podcast-hub-featured .podcast-hub-ep-badge .podcast-all-content {
    left: 0;
    right: auto;
    width: max-content;
    min-width: 4rem;
    max-width: 9.1rem;
}

.podcast-hub-featured-date {
    display: inline-flex;
    align-items: center;
    gap: 0.04rem;
    color: #808899;
    font-size: 0.16rem;
    font-weight: 400;
    line-height: 0.224rem;
}

.podcast-hub-featured-date .icon-calendar {
    width: 0.2rem;
    height: 0.2rem;
    color: #808899;
    flex-shrink: 0;
}

.podcast-hub-featured-label {
    margin: 0;
    color: #1d2633;
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 0.27rem;
}

.podcast-hub-featured-name {
    margin: 0;
    color: #1d2633;
    font-size: 0.28rem;
    font-weight: 700;
    line-height: 0.364rem;
}

.podcast-hub-featured-name:hover {
    color: var(--Color, #2f67b3);
}

.podcast-hub-featured-desc {
    margin: 0;
    color: #565f6b;
    font-size: 0.18rem;
    font-weight: 400;
    line-height: 0.27rem;
}

.podcast-hub-featured-actions {
    display: flex;
    align-items: center;
    gap: 0.08rem;
    flex-wrap: wrap;
    overflow: visible;
}

.podcast-hub-featured .podcast-btn.podcast-listen-btn,
.podcast-hub-featured .podcast-action-btn {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.04rem;
    height: auto;
    min-height: 0;
    padding: 0.16rem 0.32rem;
    border-radius: 0.04rem;
    font-size: 0.16rem;
    font-weight: 700;
    line-height: 0.16rem;
    cursor: pointer;
    text-transform: none;
    font-family: inherit;
}

.podcast-hub-featured .podcast-action-btn {
    padding: 0.16rem 0.24rem;
}

.podcast-hub-featured .podcast-btn.podcast-listen-btn {
    background: var(--Color, #2f67b3);
    color: #fff;
    border: 1px solid var(--Color, #2f67b3);
}

.podcast-hub-featured .podcast-action-btn {
    position: relative;
    border: 1px solid var(--Color, #2f67b3);
    color: var(--Color, #2f67b3);
    background: #fff;
}

.podcast-hub-featured .podcast-listen-btn .icon,
.podcast-hub-featured .podcast-action-btn .icon {
    width: 0.16rem;
    height: 0.16rem;
    flex-shrink: 0;
}

.podcast-hub-featured .podcast-listen-btn .icon-suspended {
    display: none;
}

.podcast-hub-featured .play-featured-status .podcast-listen-btn .icon-play {
    display: none;
}

.podcast-hub-featured .play-featured-status .podcast-listen-btn .icon-suspended {
    display: block;
}

.podcast-hub-featured .podcast-action-btn .info-share-content {
    display: inline-flex;
    align-items: center;
    gap: 0.04rem;
    line-height: 1;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.podcast-hub-featured .info-share-bullet {
    display: none;
    position: absolute;
    flex-direction: column;
    top: 100%;
    left: 0;
    margin-top: 0.04rem;
    width: max-content;
    min-width: 1.4rem;
    box-shadow: 0 0.01rem 0.04rem rgba(0, 0, 0, 0.25);
    background: #fff;
    border-radius: 0.06rem;
    z-index: 30;
}

.podcast-hub-featured .is-share-open .info-share-bullet {
    display: flex;
}

.podcast-hub-featured .info-share-item {
    display: flex;
    align-items: center;
    padding: 0 0.18rem;
    height: 0.5rem;
    cursor: pointer;
    font-size: 0.2rem;
    line-height: 0.5rem;
    color: #333;
    white-space: nowrap;
}

.podcast-hub-featured .info-share-item:hover {
    background-color: #f1f1f1;
}

.podcast-hub-featured .info-share-item .icon {
    width: 0.22rem;
    height: 0.22rem;
    margin-right: 0.1rem;
    flex-shrink: 0;
}

.podcast-hub-featured .info-share-bullet-mask {
    display: none;
}

.podcast-hub-featured .is-share-open .info-share-bullet-mask {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 20;
}

.podcast-hub-icon {
    width: 0.44rem;
    height: 0.44rem;
    display: block;
    flex-shrink: 0;
}

.podcast-hub-body {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    padding: 0 2.15rem 1rem;
    background: #fff;
    overflow: visible;
}

.podcast-hub-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.podcast-hub-section-title {
    margin: 0;
    padding: 0 0 0.12rem;
    border-bottom: 1px solid #e5e7eb;
    color: #1d2633;
    font-size: 0.28rem;
    font-weight: 700;
    line-height: 0.364rem;
}

.podcast-hub-list {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.podcast-hub-item {
    position: relative;
    display: flex;
    align-items: stretch;
    border: 1px solid #e5e7eb;
    border-radius: 0.04rem;
    background: #fff;
    overflow: visible;
}

.podcast-hub-item:has(.is-share-open) {
    z-index: 5;
}

.podcast-hub-item-img {
    width: 4.47rem;
    height: 2.98rem;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 0.04rem 0 0 0.04rem;
}

.podcast-hub-item-img img {
    width: 4.47rem;
    height: 2.98rem;
    object-fit: cover;
    display: block;
}

.podcast-hub-item-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.24rem;
    padding: 0.24rem 0.24rem 0.32rem;
    overflow: visible;
}

.podcast-hub-item-body {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.podcast-hub-item-date {
    display: inline-flex;
    align-items: center;
    gap: 0.04rem;
    margin: 0 0 0.16rem;
    color: #808899;
    font-size: 0.16rem;
    font-weight: 400;
    line-height: 0.224rem;
}

.podcast-hub-item-date .icon-calendar {
    width: 0.2rem;
    height: 0.2rem;
    color: #808899;
    flex-shrink: 0;
}

.podcast-hub-item-title {
    margin: 0 0 0.12rem;
    color: #1d2633;
    font-size: 0.22rem;
    font-weight: 700;
    line-height: 0.308rem;
}

.podcast-hub-item-title:hover {
    color: var(--Color, #2f67b3);
}

.podcast-hub-item-subtitle {
    margin: 0;
    color: #565f6b;
    font-size: 0.18rem;
    font-weight: 400;
    line-height: 0.27rem;
    max-height: 0.54rem;
}

.podcast-hub-item-actions {
    display: flex;
    align-items: center;
    gap: 0.08rem;
    flex-wrap: wrap;
    overflow: visible;
}

.podcast-hub .podcast-btn.podcast-listen-btn,
.podcast-hub .podcast-action-btn {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.04rem;
    height: auto;
    min-height: 0;
    padding: 0.12rem 0.24rem;
    border-radius: 0.04rem;
    font-size: 0.16rem;
    font-weight: 700;
    line-height: 0.16rem;
    cursor: pointer;
    text-transform: none;
    font-family: inherit;
}

.podcast-hub .podcast-btn.podcast-listen-btn {
    background: var(--Color, #2f67b3);
    color: #fff;
    border: 1px solid var(--Color, #2f67b3);
}

.podcast-hub .podcast-action-btn {
    position: relative;
    border: 1px solid var(--Color, #2f67b3);
    color: var(--Color, #2f67b3);
    background: #fff;
}

.podcast-hub .podcast-listen-btn .icon,
.podcast-hub .podcast-action-btn .icon {
    width: 0.16rem;
    height: 0.16rem;
    flex-shrink: 0;
}

.podcast-hub .podcast-listen-btn .icon-suspended {
    display: none;
}

.podcast-hub .play-featured-status .podcast-listen-btn .icon-play {
    display: none;
}

.podcast-hub .play-featured-status .podcast-listen-btn .icon-suspended {
    display: block;
}

.podcast-hub .podcast-action-btn .info-share-content {
    display: inline-flex;
    align-items: center;
    gap: 0.04rem;
    line-height: 1;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.podcast-hub .info-share-bullet {
    display: none;
    position: absolute;
    flex-direction: column;
    top: 100%;
    left: 0;
    margin-top: 0.04rem;
    width: max-content;
    min-width: 1.4rem;
    box-shadow: 0 0.01rem 0.04rem rgba(0, 0, 0, 0.25);
    background: #fff;
    border-radius: 0.06rem;
    z-index: 30;
}

.podcast-hub .is-share-open .info-share-bullet {
    display: flex;
}

.podcast-hub .info-share-item {
    display: flex;
    align-items: center;
    padding: 0 0.18rem;
    height: 0.5rem;
    cursor: pointer;
    font-size: 0.2rem;
    line-height: 0.5rem;
    color: #333;
    white-space: nowrap;
}

.podcast-hub .info-share-item:hover {
    background-color: #f1f1f1;
}

.podcast-hub .info-share-item .icon {
    width: 0.22rem;
    height: 0.22rem;
    margin-right: 0.1rem;
    flex-shrink: 0;
}

.podcast-hub .info-share-bullet-mask {
    display: none;
}

.podcast-hub .is-share-open .info-share-bullet-mask {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 20;
}

.podcast-hub .info-share-bullet .mobile-close {
    display: none;
}

.podcast-hub .loading-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 0;
}

.podcast-hub .sam-pagination {
    margin-top: 0.16rem;
}

/* Categories 侧栏 — Figma 1174:24434 */
.podcast-hub-aside {
    width: 3.4rem;
    flex-shrink: 0;
    position: sticky;
    /* 顶栏 1.17 + Categories 标题上溢约 0.16，避免上滑时标题钻进导航 */
    top: calc(1.17rem + 0.16rem);
    align-self: flex-start;
    z-index: 2;
    padding-top: 0.16rem;
}

.podcast-hub-categories {
    position: relative;
    border: 1px solid #c1cbd6;
    border-radius: 0.04rem;
    padding: 0.3rem 0.2rem 0.06rem;
    box-shadow: 0 0.02rem 0.02rem rgba(25, 66, 120, 0.14);
    background: #fff;
}

.podcast-hub-categories-title {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    margin: 0;
    padding: 0 0.4rem;
    background: #fff;
    color: #1d2633;
    font-size: 0.22rem;
    font-weight: 700;
    line-height: 0.308rem;
    white-space: nowrap;
}

.podcast-hub-categories-list {
    display: flex;
    flex-direction: column;
    gap: 0.02rem;
}

.podcast-hub-category-item {
    display: block;
    margin: 0;
    padding: 0.16rem 0.12rem;
    border: 0;
    border-radius: 0.04rem;
    background: transparent;
    color: #1d2633;
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 0.27rem;
    text-align: left;
    font-family: inherit;
    cursor: pointer;
}

.podcast-hub-category-item:hover {
    color: var(--Color, #2f67b3);
}

.podcast-hub-category-item.is-active {
    background: #f5faff;
    color: var(--Color, #2f67b3);
}

.podcast-hub-category-item:focus-visible {
    outline: 2px solid var(--Color, #2f67b3);
    outline-offset: 2px;
}

/* 移动端横向分类 more；PC 侧栏不需要 */
.podcast-hub-tabs-more {
    display: none;
}

.podcast-hub-featured .info-share-bullet .mobile-close {
    display: none;
}

/*
 * 中间档（1026–1400）— B2B §5
 * 面包屑锚点：左右 padding 2.15rem → 1.2rem（不乘系数）
 * 其余 rem：PC × (1920/1400)
 * absolute 浮层（EP 下拉 / Share）：面板宽不 × 系数，按剩余空间收口；内部字号/间距可换算
 */
@media screen and (min-width: 1026px) and (max-width: 1400px) {
    .podcast-hub-header {
        gap: 0.082rem; /* 0.06 */
        padding: 0 0 0.96rem; /* 底 0.7；左右由 .podcast-hub-featured padding 承担 */
    }

    .podcast-hub-icon {
        width: 0.603rem; /* 0.44 */
        height: 0.603rem;
    }

    .podcast-hub-title {
        font-size: 0.658rem; /* 0.48 */
        line-height: 0.79rem; /* 0.576 */
    }

    .podcast-hub-featured {
        padding: 0 1.2rem 1.371rem; /* 左右锚点 1.2；底 1 */
    }

    .podcast-hub-featured-card {
        padding: 0.549rem; /* 0.4 */
        border-radius: 0.055rem; /* 0.04 */
    }

    .podcast-hub-featured-img {
        width: 7.954rem; /* 5.8 */
        height: 5.294rem; /* 3.86 */
        border-radius: 0.055rem;
    }

    .podcast-hub-featured-img img {
        width: 7.954rem;
        height: 5.294rem;
    }

    .podcast-hub-featured-info {
        gap: 0.439rem; /* 0.32 */
        padding-left: 0.658rem; /* 0.48 */
    }

    .podcast-hub-featured-body {
        gap: 0.219rem; /* 0.16 */
    }

    .podcast-hub-featured-meta {
        gap: 0.219rem; /* 0.16 */
    }

    .podcast-hub-featured .podcast-hub-ep-badge {
        padding: 0.027rem 0.219rem; /* 0.02 / 0.16 */
        border-radius: 0.055rem; /* 0.04 */
        font-size: 0.247rem; /* 0.18 */
        line-height: 0.37rem; /* 0.27 */
    }

    /* EP 下拉：左缘≈1.2+7.954+0.658=9.812；右 gutter 1.2 → 可用 calc(100vw - 11.012rem)；宽不 ×(1920/1400) */
    .podcast-hub-featured .podcast-hub-ep-badge .podcast-all-content {
        width: calc(100vw - 11.012rem);
        min-width: 0;
        max-width: calc(100vw - 11.012rem);
        border-radius: 0.137rem; /* 0.1 */
        max-height: 9.6rem; /* 7 */
    }

    .podcast-hub-featured .podcast-all-content .loading-wrapper {
        padding: 0.686rem 0; /* 0.5 */
    }

    .podcast-hub-featured .podcast-all-content .podcast-item-content {
        padding: 0.261rem 0.521rem; /* 0.19 / 0.38 */
        font-size: 0.274rem; /* 0.2 */
        line-height: 0.411rem; /* 0.3 */
    }

    .podcast-hub-featured .podcast-all-content .podcast-item-content::before {
        left: 0.521rem; /* 0.38 */
        right: 0.521rem;
    }

    .podcast-hub-featured .podcast-item-content .icon {
        margin-top: 0.041rem; /* 0.03 */
    }

    .podcast-hub-featured .podcast-item-content .podcast-item-title {
        padding: 0 0.178rem; /* 0.13 */
    }

    .podcast-hub-featured-date {
        gap: 0.055rem; /* 0.04 */
        font-size: 0.219rem; /* 0.16 */
        line-height: 0.307rem; /* 0.224 */
    }

    .podcast-hub-featured-date .icon-calendar {
        width: 0.274rem; /* 0.2 */
        height: 0.274rem;
    }

    .podcast-hub-featured-label {
        font-size: 0.247rem; /* 0.18 */
        line-height: 0.37rem; /* 0.27 */
    }

    .podcast-hub-featured-name {
        font-size: 0.384rem; /* 0.28 */
        line-height: 0.499rem; /* 0.364 */
    }

    .podcast-hub-featured-desc {
        font-size: 0.247rem; /* 0.18 */
        line-height: 0.37rem; /* 0.27 */
    }

    .podcast-hub-featured-actions {
        gap: 0.11rem; /* 0.08 */
    }

    .podcast-hub-featured .podcast-btn.podcast-listen-btn,
    .podcast-hub-featured .podcast-action-btn {
        gap: 0.055rem; /* 0.04 */
        padding: 0.219rem 0.439rem; /* 0.16 / 0.32 */
        border-radius: 0.055rem; /* 0.04 */
        font-size: 0.219rem; /* 0.16 */
        line-height: 0.219rem;
    }

    .podcast-hub-featured .podcast-action-btn {
        padding: 0.219rem 0.329rem; /* 0.16 / 0.24 */
    }

    .podcast-hub-featured .podcast-listen-btn .icon,
    .podcast-hub-featured .podcast-action-btn .icon {
        width: 0.219rem; /* 0.16 */
        height: 0.219rem;
    }

    .podcast-hub-featured .podcast-action-btn .info-share-content {
        gap: 0.055rem; /* 0.04 */
    }

    .podcast-hub-featured .info-share-bullet {
        margin-top: 0.055rem; /* 0.04 */
        min-width: 1.4rem; /* absolute 面板宽不放大 */
        border-radius: 0.082rem; /* 0.06 */
        box-shadow: 0 0.014rem 0.055rem rgba(0, 0, 0, 0.25);
    }

    .podcast-hub-featured .info-share-item {
        padding: 0 0.247rem; /* 0.18 */
        height: 0.686rem; /* 0.5 */
        font-size: 0.274rem; /* 0.2 */
        line-height: 0.686rem;
    }

    .podcast-hub-featured .info-share-item .icon {
        width: 0.302rem; /* 0.22 */
        height: 0.302rem;
        margin-right: 0.137rem; /* 0.1 */
    }

    .podcast-hub-body {
        gap: 0.549rem; /* 0.4 */
        padding: 0 1.2rem 1.371rem; /* 左右锚点 1.2；底 1 */
    }

    .podcast-hub-main {
        gap: 0.274rem; /* 0.2 */
    }

    .podcast-hub-section-title {
        padding-bottom: 0.165rem; /* 0.12 */
        font-size: 0.384rem; /* 0.28 */
        line-height: 0.499rem; /* 0.364 */
    }

    .podcast-hub-list {
        gap: 0.274rem; /* 0.2 */
    }

    .podcast-hub-item {
        border-radius: 0.055rem; /* 0.04 */
    }

    .podcast-hub-item-img {
        width: 6.13rem; /* 4.47 */
        height: 4.087rem; /* 2.98 */
        border-radius: 0.055rem 0 0 0.055rem;
    }

    .podcast-hub-item-img img {
        width: 6.13rem;
        height: 4.087rem;
    }

    .podcast-hub-item-info {
        gap: 0.329rem; /* 0.24 */
        padding: 0.329rem 0.329rem 0.439rem; /* 0.24 / 0.32 */
    }

    .podcast-hub-item-date {
        gap: 0.055rem; /* 0.04 */
        margin-bottom: 0.219rem; /* 0.16 */
        font-size: 0.219rem; /* 0.16 */
        line-height: 0.307rem; /* 0.224 */
    }

    .podcast-hub-item-date .icon-calendar {
        width: 0.274rem; /* 0.2 */
        height: 0.274rem;
    }

    .podcast-hub-item-title {
        margin-bottom: 0.165rem; /* 0.12 */
        font-size: 0.302rem; /* 0.22 */
        line-height: 0.422rem; /* 0.308 */
    }

    .podcast-hub-item-subtitle {
        font-size: 0.247rem; /* 0.18 */
        line-height: 0.37rem; /* 0.27 */
        max-height: 0.74rem; /* 0.54 */
    }

    .podcast-hub-item-actions {
        gap: 0.11rem; /* 0.08 */
    }

    .podcast-hub .podcast-btn.podcast-listen-btn,
    .podcast-hub .podcast-action-btn {
        gap: 0.055rem; /* 0.04 */
        padding: 0.165rem 0.329rem; /* 0.12 / 0.24 */
        border-radius: 0.055rem; /* 0.04 */
        font-size: 0.219rem; /* 0.16 */
        line-height: 0.219rem;
    }

    .podcast-hub .podcast-listen-btn .icon,
    .podcast-hub .podcast-action-btn .icon {
        width: 0.219rem; /* 0.16 */
        height: 0.219rem;
    }

    .podcast-hub .podcast-action-btn .info-share-content {
        gap: 0.055rem; /* 0.04 */
    }

    .podcast-hub .info-share-bullet {
        margin-top: 0.055rem; /* 0.04 */
        min-width: 1.4rem; /* absolute 面板宽不放大 */
        border-radius: 0.082rem; /* 0.06 */
        box-shadow: 0 0.014rem 0.055rem rgba(0, 0, 0, 0.25);
    }

    .podcast-hub .info-share-item {
        padding: 0 0.247rem; /* 0.18 */
        height: 0.686rem; /* 0.5 */
        font-size: 0.274rem; /* 0.2 */
        line-height: 0.686rem;
    }

    .podcast-hub .info-share-item .icon {
        width: 0.302rem; /* 0.22 */
        height: 0.302rem;
        margin-right: 0.137rem; /* 0.1 */
    }

    .podcast-hub .loading-wrapper {
        padding: 0.549rem 0; /* 0.4 */
    }

    .podcast-hub .sam-pagination {
        margin-top: 0.219rem; /* 0.16；其余分页尺寸由 sam-pagination.css 中间档承担 */
    }

    .podcast-hub-aside {
        width: 4.663rem; /* 3.4 */
        top: calc(1.604rem + 0.219rem); /* (1.17+0.16)×1920/1400 */
        padding-top: 0.219rem; /* 0.16 */
    }

    .podcast-hub-categories {
        border-radius: 0.055rem; /* 0.04 */
        padding: 0.411rem 0.274rem 0.082rem; /* 0.3 / 0.2 / 0.06 */
        box-shadow: 0 0.027rem 0.027rem rgba(25, 66, 120, 0.14);
    }

    .podcast-hub-categories-title {
        padding: 0 0.549rem; /* 0.4 */
        font-size: 0.302rem; /* 0.22 */
        line-height: 0.422rem; /* 0.308 */
    }

    .podcast-hub-categories-list {
        gap: 0.027rem; /* 0.02 */
    }

    .podcast-hub-category-item {
        padding: 0.219rem 0.165rem; /* 0.16 / 0.12 */
        border-radius: 0.055rem; /* 0.04 */
        font-size: 0.247rem; /* 0.18 */
        line-height: 0.37rem; /* 0.27 */
    }
}

/*
 * 移动端 ≤1025 — Figma 1174:26029（375）
 * 尺寸一律 max(rem, px)；分类横滑 + 吸顶；Share/按钮对齐详情页
 */
@media screen and (max-width: 1025px) {
    /* 面包屑 — Figma 1174:26074 */
    .oc-main-sam-breadcrumb.podcast-hub-breadcrumb {
        padding: max(0.16rem, 16px) max(0.16rem, 16px) 0;
        font-size: max(0.16rem, 16px);
        line-height: max(0.24rem, 24px);
        box-sizing: border-box;
    }

    .oc-main-sam-breadcrumb.podcast-hub-breadcrumb .breadcrumb-item {
        font-size: max(0.16rem, 16px);
        line-height: max(0.24rem, 24px);
        white-space: nowrap;
    }

    .oc-main-sam-breadcrumb.podcast-hub-breadcrumb .breadcrumb-item a {
        color: #808899;
        font-size: max(0.16rem, 16px);
        line-height: max(0.24rem, 24px);
    }

    .oc-main-sam-breadcrumb.podcast-hub-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        padding: 0 max(0.06rem, 6px);
        color: #808899;
        font-size: max(0.16rem, 16px);
        line-height: max(0.24rem, 24px);
    }

    .oc-main-sam-breadcrumb.podcast-hub-breadcrumb .breadcrumb-link .breadcrumb-item:last-child a {
        color: var(--Color, #2f67b3);
    }

    /* Featured — Figma 1174:26079 / 26085 */
    .podcast-hub-featured {
        padding: max(0.16rem, 16px) max(0.16rem, 16px) max(0.48rem, 48px);
    }

    .podcast-hub-header {
        gap: max(0.06rem, 6px);
        padding: 0 0 max(0.48rem, 48px);
    }

    .podcast-hub-icon {
        width: max(0.44rem, 44px);
        height: max(0.44rem, 44px);
    }

    .podcast-hub-title {
        color: #333;
        font-size: max(0.32rem, 32px);
        line-height: max(0.4rem, 40px);
    }

    .podcast-hub-featured-card {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: max(0.24rem, 24px) max(0.2rem, 20px);
        border-radius: max(0.04rem, 4px);
        overflow: visible;
    }

    .podcast-hub-featured-img {
        width: auto;
        height: auto;
        aspect-ratio: 580 / 386;
        border-radius: max(0.04rem, 4px);
        overflow: hidden;
    }

    .podcast-hub-featured-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .podcast-hub-featured-info {
        gap: max(0.32rem, 32px);
        padding: max(0.24rem, 24px) 0 0;
    }

    .podcast-hub-featured-body {
        gap: max(0.16rem, 16px);
    }

    .podcast-hub-featured-meta {
        gap: max(0.16rem, 16px);
    }

    .podcast-hub-featured .podcast-hub-ep-badge {
        padding: max(0.02rem, 2px) max(0.16rem, 16px);
        border-radius: max(0.04rem, 4px);
        font-size: max(0.16rem, 16px);
        line-height: max(0.24rem, 24px);
    }

    .podcast-hub-featured .podcast-hub-ep-badge .podcast-all-content {
        left: 0;
        right: auto;
        width: min(9.1rem, calc(100vw - max(0.64rem, 64px)));
        min-width: 0;
        max-width: calc(100vw - max(0.64rem, 64px));
        max-height: max(7rem, 350px);
        border-radius: max(0.1rem, 10px);
        z-index: 50;
    }

    .podcast-hub-featured .podcast-all-content .podcast-item-content {
        padding: max(0.19rem, 19px) max(0.38rem, 38px);
        font-size: max(0.16rem, 16px);
        line-height: max(0.24rem, 24px);
    }

    .podcast-hub-featured .podcast-all-content .podcast-item-content::before {
        left: max(0.38rem, 38px);
        right: max(0.38rem, 38px);
    }

    .podcast-hub-featured .podcast-all-content .podcast-item-title {
        padding: 0 max(0.13rem, 13px);
    }

    .podcast-hub-featured-date {
        gap: max(0.04rem, 4px);
        font-size: max(0.16rem, 16px);
        line-height: max(0.24rem, 24px);
    }

    .podcast-hub-featured-date .icon-calendar {
        width: max(0.2rem, 20px);
        height: max(0.2rem, 20px);
    }

    .podcast-hub-featured-label {
        font-size: max(0.16rem, 16px);
        line-height: max(0.24rem, 24px);
    }

    /* FEATURED ↔ 标题：稿上 gap 6（body 基准 gap 16） */
    .podcast-hub-featured-label + .podcast-hub-featured-name {
        margin-top: calc(-1 * max(0.1rem, 10px));
    }

    .podcast-hub-featured-name {
        font-size: max(0.22rem, 22px);
        line-height: max(0.286rem, 28.6px);
        overflow-wrap: anywhere;
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        -webkit-line-clamp: unset;
        display: block;
    }

    .podcast-hub-featured-desc {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: max(0.16rem, 16px);
        line-height: max(0.24rem, 24px);
        max-height: max(0.48rem, 48px);
        overflow-wrap: anywhere;
    }

    .podcast-hub-featured-actions {
        gap: max(0.08rem, 8px);
        flex-wrap: nowrap;
    }

    .podcast-hub-featured .podcast-btn.podcast-listen-btn,
    .podcast-hub-featured .podcast-action-btn {
        height: auto;
        min-height: max(0.48rem, 48px);
        border-radius: max(0.04rem, 4px);
        font-size: max(0.16rem, 16px);
        line-height: max(0.16rem, 16px);
        gap: max(0.04rem, 4px);
    }

    .podcast-hub-featured .podcast-btn.podcast-listen-btn {
        flex: 1 1 auto;
        min-width: 0;
        padding: max(0.16rem, 16px) max(0.24rem, 24px);
        white-space: nowrap;
    }

    .podcast-hub-featured .podcast-action-btn {
        flex: 0 0 auto;
        width: auto;
        min-width: 0;
        padding: max(0.16rem, 16px) max(0.24rem, 24px);
    }

    .podcast-hub-featured .podcast-action-btn > span,
    .podcast-hub-featured .podcast-action-btn .info-share-content > span {
        display: none;
    }

    .podcast-hub-featured .podcast-listen-btn .icon,
    .podcast-hub-featured .podcast-action-btn .icon {
        width: max(0.16rem, 16px);
        height: max(0.16rem, 16px);
    }

    .podcast-hub-featured .podcast-action-btn .info-share-content {
        gap: 0;
    }

    /* Body：主栏 contents，分类插到标题与列表之间 */
    .podcast-hub-body {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding: 0 0 max(0.48rem, 48px);
        overflow: visible;
    }

    .podcast-hub-main {
        display: contents;
    }

    .podcast-hub-section-title {
        order: 1;
        padding: 0 max(0.16rem, 16px) max(0.2rem, 20px);
        border-bottom: 0;
        text-align: center;
        font-size: max(0.22rem, 22px);
        line-height: max(0.286rem, 28.6px);
    }

    /* Categories 横滑吸顶 — Figma 1174:26147 */
    .podcast-hub-aside {
        order: 2;
        width: auto;
        position: sticky;
        top: var(--header-height-mobile, 2.4rem);
        align-self: stretch;
        z-index: 40;
        padding-top: 0;
        background: #fff;
        transition: top 0.3s ease, transform 0.3s ease;
    }

    .podcast-hub-aside.is-header-hidden {
        transform: translateY(-100%);
    }

    .podcast-hub-categories {
        position: relative;
        border: 0;
        border-radius: 0;
        padding: 0;
        box-shadow: none;
        background: #fff;
        overflow: hidden;
    }

    .podcast-hub-categories-title {
        display: none;
    }

    .podcast-hub-categories-list {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        border-bottom: 1px solid #e5e7eb;
        padding: 0 max(0.16rem, 16px);
    }

    .podcast-hub-categories-list::-webkit-scrollbar {
        display: none;
    }

    .podcast-hub-category-item {
        flex: 0 0 auto;
        padding: max(0.08rem, 8px) max(0.16rem, 16px);
        border-radius: 0;
        border-bottom: 2px solid transparent;
        margin-bottom: -1px;
        color: #1d2633;
        font-size: max(0.18rem, 18px);
        line-height: max(0.27rem, 27px);
        white-space: nowrap;
        text-align: center;
        background: transparent;
    }

    .podcast-hub-category-item:hover {
        color: #1d2633;
    }

    .podcast-hub-category-item.is-active {
        background: transparent;
        color: var(--Color, #2f67b3);
        border-bottom-color: var(--Color, #2f67b3);
    }

    .podcast-hub-tabs-more {
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        align-items: center;
        justify-content: flex-end;
        width: max(0.6rem, 60px);
        height: max(0.43rem, 43px);
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        cursor: pointer;
        pointer-events: none;
    }

    .podcast-hub-tabs-more-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: max(0.36rem, 36px);
        height: max(0.43rem, 43px);
        padding: max(0.08rem, 8px) max(0.16rem, 16px);
        background: #fff;
        box-shadow: 0 -1px 5px rgba(17, 31, 60, 0.15);
        pointer-events: auto;
        box-sizing: border-box;
    }

    .podcast-hub-tabs-more-inner svg {
        width: max(0.16rem, 16px);
        height: max(0.16rem, 16px);
        display: block;
        flex-shrink: 0;
    }

    .podcast-hub-list {
        order: 3;
        gap: max(0.12rem, 12px);
        padding: max(0.12rem, 12px) max(0.16rem, 16px) 0;
    }

    .podcast-hub-item {
        flex-direction: column;
        align-items: stretch;
        border-radius: max(0.04rem, 4px);
    }

    .podcast-hub-item-img {
        width: auto;
        height: auto;
        aspect-ratio: 489 / 326;
        border-radius: max(0.04rem, 4px) max(0.04rem, 4px) 0 0;
        overflow: hidden;
    }

    .podcast-hub-item-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .podcast-hub-item-info {
        gap: max(0.24rem, 24px);
        padding: max(0.24rem, 24px) max(0.2rem, 20px);
    }

    .podcast-hub-item-date {
        gap: max(0.04rem, 4px);
        margin-bottom: max(0.16rem, 16px);
        font-size: max(0.16rem, 16px);
        line-height: max(0.24rem, 24px);
    }

    .podcast-hub-item-date .icon-calendar {
        width: max(0.2rem, 20px);
        height: max(0.2rem, 20px);
    }

    .podcast-hub-item-title {
        margin-bottom: max(0.12rem, 12px);
        font-size: max(0.2rem, 20px);
        line-height: max(0.28rem, 28px);
        overflow-wrap: anywhere;
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        -webkit-line-clamp: unset;
        display: block;
    }

    .podcast-hub-item-subtitle {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: max(0.16rem, 16px);
        line-height: max(0.24rem, 24px);
        max-height: max(0.48rem, 48px);
        overflow-wrap: anywhere;
    }

    .podcast-hub-item-actions {
        gap: max(0.08rem, 8px);
        flex-wrap: nowrap;
    }

    .podcast-hub .podcast-btn.podcast-listen-btn,
    .podcast-hub .podcast-action-btn {
        height: auto;
        min-height: max(0.48rem, 48px);
        border-radius: max(0.04rem, 4px);
        font-size: max(0.16rem, 16px);
        line-height: max(0.16rem, 16px);
        gap: max(0.04rem, 4px);
    }

    .podcast-hub .podcast-btn.podcast-listen-btn {
        flex: 1 1 auto;
        min-width: 0;
        padding: max(0.16rem, 16px) max(0.24rem, 24px);
        white-space: nowrap;
    }

    .podcast-hub .podcast-action-btn {
        flex: 0 0 auto;
        width: auto;
        min-width: 0;
        padding: max(0.16rem, 16px) max(0.24rem, 24px);
    }

    .podcast-hub .podcast-action-btn > span,
    .podcast-hub .podcast-action-btn .info-share-content > span {
        display: none;
    }

    .podcast-hub .podcast-listen-btn .icon,
    .podcast-hub .podcast-action-btn .icon {
        width: max(0.16rem, 16px);
        height: max(0.16rem, 16px);
    }

    .podcast-hub .podcast-action-btn .info-share-content {
        gap: 0;
    }

    /* Share 底部弹层：对齐详情页 / 分类列表页 */
    .podcast-hub .info-share-bullet,
    .podcast-hub-featured .info-share-bullet {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        margin-top: 0;
        width: auto;
        min-width: 0;
        height: max(1.26rem, 126px);
        transform: translateY(100%);
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        background: #00000099;
        box-shadow: none;
        border-radius: max(0.04rem, 4px) max(0.04rem, 4px) 0 0;
        color: #fff;
        z-index: 6000;
        transition: transform 0.3s ease;
        pointer-events: none;
    }

    .podcast-hub .is-share-open .info-share-bullet,
    .podcast-hub-featured-card.is-share-open .info-share-bullet {
        display: flex;
        transform: translateY(0);
        pointer-events: auto;
    }

    .podcast-hub .info-share-bullet-mask,
    .podcast-hub-featured .info-share-bullet-mask {
        display: none;
    }

    .podcast-hub .is-share-open .info-share-bullet-mask,
    .podcast-hub-featured-card.is-share-open .info-share-bullet-mask {
        display: block;
        inset: 0;
        z-index: 5000;
        position: fixed;
        background: #00000059;
    }

    .podcast-hub .info-share-item,
    .podcast-hub-featured .info-share-item {
        flex-direction: column;
        justify-content: center;
        height: auto;
        padding: 0;
        font-size: max(0.12rem, 12px);
        line-height: max(0.3rem, 30px);
        color: #fff;
        white-space: nowrap;
    }

    .podcast-hub .info-share-item:hover,
    .podcast-hub-featured .info-share-item:hover {
        background: transparent;
    }

    .podcast-hub .info-share-item .icon,
    .podcast-hub-featured .info-share-item .icon {
        width: max(0.33rem, 33px);
        height: max(0.33rem, 33px);
        margin-right: 0;
        color: #fff;
    }

    .podcast-hub .info-share-item span,
    .podcast-hub-featured .info-share-item span {
        display: block;
        color: #fff;
    }

    .podcast-hub .info-share-bullet .mobile-close,
    .podcast-hub-featured .info-share-bullet .mobile-close {
        display: block;
        position: absolute;
        width: max(0.25rem, 25px);
        height: max(0.25rem, 25px);
        right: max(0.07rem, 7px);
        top: max(0.05rem, 5px);
        padding: max(0.03rem, 3px);
        margin: 0;
        color: #fff;
        cursor: pointer;
    }

    .podcast-hub .loading-wrapper {
        order: 4;
        padding: max(0.32rem, 32px) 0;
    }

    .podcast-hub .sam-pagination {
        order: 5;
        width: 100%;
        margin-top: max(0.48rem, 48px);
        padding: max(0.16rem, 16px) max(0.16rem, 16px);
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }
}