/**
 * ============================================================================
 * 新联网 (XLS.中国) 全站统一移动端与响应式适配样式表 - mobile_responsive.css
 * 适用范围：全站门户页面、软文大厅、自媒体大厅、海外媒体、套餐大厅及通用布局
 * 核心目标：手机端 (<=768px) 1:1 精准自适应、0 横向滚动、高触控友好度；
 *           PC 桌面端 (>768px) 100% 隔离、0 污染、0 回退。
 * ============================================================================
 */

/* --------------------------------------------------------------------------
   PC 桌面端默认隐藏移动端专属组件 (Desktop Isolation)
   -------------------------------------------------------------------------- */
.mobile-only {
    display: none !important;
}
.mobile-bottom-tabbar {
    display: none !important;
}
.mobile-nav-drawer-wrap {
    display: none !important;
}
.mobile-filter-accordion-toggle {
    display: none !important;
}
.mobile-card-actions {
    display: none !important;
}
.mobile-index-login-guide {
    display: none !important;
}

/* --------------------------------------------------------------------------
   移动端主断点：<= 768px (Mobile & Tablet Vertical Viewports)
   -------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {

    /* 1. 全局容器与重置 (Global Box Model & Viewport Reset) */
    html, body {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
        -webkit-text-size-adjust: 100% !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .mobile-only {
        display: flex !important;
    }
    .desktop-only,
    .floating-widget,
    .float-btn {
        display: none !important;
    }

    /* 强制解除所有固死 1200px 的容器 */
    .w-1200,
    .container,
    .header-wrapper-global,
    .header-container .header,
    .media-detail-page .filter-box,
    .media-detail-page .list-header-box,
    .media-detail-page .list-box,
    .media-detail-page .list-item,
    .media-detail-page .pagination-box,
    .package-page .w-1200,
    .content-planning-page .w-1200,
    .footer-bg .footer {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* 页面底部避让距离 (防止内容被底部 TabBar 遮挡) */
    body,
    .portal-main-content,
    .media-detail-page,
    .package-page,
    .content-planning-page,
    .cart-page-wrap {
        padding-bottom: calc(110px + env(safe-area-inset-bottom, 15px)) !important;
    }
    .media-detail-page .pos-r[style*="top: -64px"],
    .media-detail-page .list-box {
        padding-bottom: 60px !important;
    }

    /* 2. 移动端 App Header 样式 (Mobile Top App Bar) */
    .header-container-global,
    .header-container {
        height: 54px !important;
        position: sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        background: #ffffff !important;
        border-bottom: 1px solid #f1f5f9 !important;
        box-shadow: 0 1px 6px rgba(15, 23, 42, 0.04) !important;
        z-index: 10001 !important;
    }
    .header-wrapper-global,
    .header-container .header {
        height: 54px !important;
        padding: 0 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    .header-left-global .logo-img,
    .header-left .logo {
        height: 28px !important;
        width: auto !important;
        max-width: 120px !important;
        display: block !important;
    }

    /* 隐藏 PC 端横向导航条 */
    .header-nav-global,
    .header-nav-main {
        display: none !important;
    }

    /* 顶部右侧移动操作区 */
    .header-right-global,
    .header-right {
        height: 54px !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding-left: 0 !important;
        margin-left: auto !important;
    }

    .header-right-global .header-btn-plain,
    .header-right-global .header-btn-primary,
    .header-right .header-btn-plain,
    .header-right .header-btn-primary {
        display: none !important;
    }

    /* 移动端顶部快捷登录胶囊 */
    .header-btn-mobile-login {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 30px !important;
        padding: 0 12px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #0070ef !important;
        background: #f0f7ff !important;
        border: 1px solid #bfdbfe !important;
        border-radius: 15px !important;
        text-decoration: none !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
    .header-btn-mobile-login:hover {
        background: #e0f2fe !important;
        color: #005bb5 !important;
        text-decoration: none !important;
    }

    /* 顶部紧凑购物车胶囊 */
    .header-cart-btn {
        padding: 5px 10px !important;
        font-size: 12px !important;
        border-radius: 16px !important;
        height: 30px !important;
        gap: 4px !important;
    }
    .header-cart-btn span:not(.header-cart-badge) {
        display: none !important; /* 手机端仅保留图标和红点 */
    }

    /* 用户登录状态胶囊精简 */
    .header-user-btn {
        padding: 4px 10px !important;
        font-size: 12px !important;
        max-width: 100px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    .header-user-btn svg:last-child {
        display: none !important;
    }

    /* 汉堡菜单按钮 (Hamburger Menu Trigger) */
    .mobile-hamburger-trigger {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 8px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        color: #334155 !important;
        font-size: 16px !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        user-select: none !important;
    }
    .mobile-hamburger-trigger:active {
        background: #f1f5f9 !important;
        transform: scale(0.95) !important;
    }

    /* 3. 移动端侧滑抽屉导航 (Mobile Slide-out Drawer) */
    .mobile-nav-drawer-wrap {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        z-index: 1000000 !important;
        pointer-events: none !important;
        visibility: hidden !important;
        transition: visibility 0.22s ease !important;
    }
    .mobile-nav-drawer-wrap.active {
        pointer-events: auto !important;
        visibility: visible !important;
    }
    .mobile-drawer-mask {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: rgba(15, 23, 42, 0.45) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        opacity: 0 !important;
        transition: opacity 0.25s ease !important;
    }
    .mobile-nav-drawer-wrap.active .mobile-drawer-mask {
        opacity: 1 !important;
    }
    .mobile-drawer-body {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        width: 285px !important;
        max-width: 84vw !important;
        height: 100% !important;
        background: #ffffff !important;
        box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12) !important;
        transform: translateX(100%) !important;
        transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
        display: flex !important;
        flex-direction: column !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        z-index: 2 !important;
    }
    .mobile-nav-drawer-wrap.active .mobile-drawer-body {
        transform: translateX(0) !important;
    }
    .mobile-drawer-header {
        padding: 20px 18px 16px !important;
        border-bottom: 1px solid #f1f5f9 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        background: #f8fafc !important;
    }
    .mobile-drawer-close {
        width: 30px !important;
        height: 30px !important;
        border-radius: 50% !important;
        background: #e2e8f0 !important;
        color: #64748b !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 16px !important;
        cursor: pointer !important;
    }
    .mobile-drawer-nav-list {
        padding: 12px 10px !important;
        list-style: none !important;
        margin: 0 !important;
        flex: 1 !important;
    }
    .mobile-drawer-nav-item {
        margin-bottom: 4px !important;
    }
    .mobile-drawer-nav-link {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 12px 16px !important;
        border-radius: 10px !important;
        font-size: 14.5px !important;
        font-weight: 500 !important;
        color: #334155 !important;
        text-decoration: none !important;
        transition: all 0.15s ease !important;
    }
    .mobile-drawer-nav-link i,
    .mobile-drawer-nav-link svg {
        font-size: 16px !important;
        width: 18px !important;
        color: #64748b !important;
    }
    .mobile-drawer-nav-link.active,
    .mobile-drawer-nav-link:hover {
        background: #f0f7ff !important;
        color: #0070ef !important;
        font-weight: 600 !important;
    }
    .mobile-drawer-nav-link.active i,
    .mobile-drawer-nav-link.active svg {
        color: #0070ef !important;
    }
    .mobile-drawer-footer {
        padding: 16px 18px !important;
        border-top: 1px solid #f1f5f9 !important;
        background: #f8fafc !important;
        font-size: 12px !important;
        color: #94a3b8 !important;
        text-align: center !important;
    }

    /* 4. 移动端底部固定 TabBar (Mobile Bottom Navigation TabBar) */
    .mobile-bottom-tabbar {
        display: flex !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 52px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        border-top: 1px solid #eef2f6 !important;
        z-index: 10005 !important;
        box-shadow: 0 -2px 12px rgba(15, 23, 42, 0.06) !important;
        padding-bottom: env(safe-area-inset-bottom, 0px) !important;
        box-sizing: content-box !important;
        align-items: center !important;
        justify-content: space-around !important;
    }
    .mobile-tab-item {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        color: #64748b !important;
        text-decoration: none !important;
        font-size: 10.5px !important;
        padding: 4px 0 !important;
        position: relative !important;
        user-select: none !important;
        -webkit-tap-highlight-color: transparent !important;
        line-height: 1.2 !important;
    }
    .mobile-tab-item i,
    .mobile-tab-item svg {
        font-size: 17px !important;
        height: 19px !important;
        margin-bottom: 2px !important;
        transition: transform 0.15s ease !important;
    }
    .mobile-tab-item.active {
        color: #0070ef !important;
        font-weight: 600 !important;
    }
    .mobile-tab-item.active i,
    .mobile-tab-item.active svg {
        transform: scale(1.1) !important;
        color: #0070ef !important;
    }
    .mobile-tab-badge {
        position: absolute !important;
        top: 2px !important;
        right: 22% !important;
        background: #ef4444 !important;
        color: #fff !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        min-width: 15px !important;
        height: 15px !important;
        line-height: 15px !important;
        border-radius: 8px !important;
        text-align: center !important;
        padding: 0 3px !important;
        box-shadow: 0 1px 3px rgba(239, 68, 68, 0.35) !important;
    }

    /* 4.1 移动端底部悬浮购物车栏适配 (避免遮挡底部 TabBar) */
    #global-floating-cart-bar {
        bottom: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        z-index: 10004 !important;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.4) !important;
    }
    .floating-cart-inner {
        padding: 8px 12px !important;
        border-radius: 28px !important;
    }
    .cart-subtext, .cart-divider {
        display: none !important;
    }
    .btn-go-cart {
        padding: 7px 14px !important;
        font-size: 12.5px !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .btn-clear-cart {
        padding: 5px 8px !important;
        font-size: 11.5px !important;
    }

    /* 5. 顶部 Banner 与搜索栏 (Search Bar Mobile Adaptation) */
    .media-detail-page .banner {
        height: auto !important;
        min-height: auto !important;
        padding: 12px 14px !important;
        background: #ffffff !important;
        border-bottom: 1px solid #edf2f7 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }
    .media-detail-page .banner .search-bar {
        height: 40px !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: center !important;
        background: #f1f5f9 !important;
        border-radius: 20px !important;
        padding: 0 4px 0 14px !important;
        border: 1px solid #e2e8f0 !important;
        box-sizing: border-box !important;
        position: relative !important;
    }
    .media-detail-page .banner .search-bar .input-box {
        width: auto !important;
        flex: 1 !important;
        height: 100% !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        display: flex !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }
    .media-detail-page .banner .search-bar .input-box .divider {
        display: none !important;
    }
    .media-detail-page .banner .search-bar .input-box .svg-icon {
        width: 16px !important;
        height: 16px !important;
        color: #94a3b8 !important;
        flex-shrink: 0 !important;
    }
    .media-detail-page .banner .search-bar .input-box > input {
        height: 100% !important;
        font-size: 14px !important;
        margin-left: 8px !important;
        background: transparent !important;
        border: none !important;
        color: #1e293b !important;
        outline: none !important;
        width: 100% !important;
        padding: 0 !important;
    }
    .media-detail-page .banner .search-bar .btn.btn-primary-big {
        position: static !important;
        left: 0 !important;
        height: 32px !important;
        line-height: 32px !important;
        padding: 0 16px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        background: #0070ef !important;
        color: #ffffff !important;
        border-radius: 16px !important;
        border: none !important;
        flex-shrink: 0 !important;
        box-shadow: 0 2px 6px rgba(0, 112, 239, 0.25) !important;
    }
    .media-detail-page .banner .search-bar .btn#btnBatchSearchModal {
        display: none !important;
    }

    /* 6. 筛选器移动端折叠与紧凑化 (Collapsible Filter Box) */
    .media-detail-page .pos-r[style*="top: -64px"],
    .media-detail-page .w-1200.mx-auto.pos-r {
        top: 0 !important;
        padding: 10px 12px 20px !important;
    }
    .media-detail-page .filter-box {
        padding: 12px 14px 36px !important;
        border-radius: 12px !important;
        margin-bottom: 16px !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
        border: 1px solid #edf2f7 !important;
    }

    /* 移动端专属筛选折叠条 (Mobile Filter Toggle Accordion Bar) */
    .mobile-filter-accordion-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 10px 14px !important;
        background: #f0f7ff !important;
        border: 1px solid #bfdbfe !important;
        border-radius: 10px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #0070ef !important;
        cursor: pointer !important;
        margin-bottom: 12px !important;
        user-select: none !important;
        box-shadow: 0 2px 6px rgba(0, 112, 239, 0.08) !important;
    }
    .mobile-filter-accordion-toggle .toggle-icon {
        transition: transform 0.2s ease !important;
    }
    .mobile-filter-accordion-toggle.expanded .toggle-icon {
        transform: rotate(180deg) !important;
    }

    /* 移动端折叠状态下，彻底折叠整个 filter-box，首屏直出第一张媒体卡片 */
    .media-detail-page .filter-box.mobile-collapsed {
        display: none !important;
    }

    .media-detail-page .filter-box .filter-bar {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 8px 0 !important;
        border-bottom: 1px dashed #edf2f7 !important;
    }
    .media-detail-page .filter-box .filter-bar .filter-label {
        width: 100% !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        padding: 2px 0 6px !important;
        line-height: 1.2 !important;
    }
    .media-detail-page .filter-box .filter-bar .filter-list {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }
    .media-detail-page .filter-box .filter-bar .filter-list .filter-item {
        font-size: 12px !important;
        padding: 4px 10px !important;
        margin: 2px 2px !important;
        border-radius: 12px !important;
        line-height: 1.4 !important;
        background: #f8fafc !important;
        border: 1px solid #edf2f7 !important;
        color: #475569 !important;
        transition: all 0.15s ease !important;
    }
    .media-detail-page .filter-box .filter-bar .filter-list .filter-item.active {
        background: #0070ef !important;
        border-color: #0070ef !important;
        color: #ffffff !important;
        font-weight: 600 !important;
        box-shadow: 0 2px 6px rgba(0, 112, 239, 0.25) !important;
    }
    .media-detail-page .filter-box .filter-bar .price-range {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        width: 100% !important;
        margin-top: 6px !important;
        flex-wrap: wrap !important;
    }
    .media-detail-page .filter-box .filter-bar .price-range > input {
        width: 70px !important;
        height: 28px !important;
        padding: 0 6px !important;
        font-size: 12px !important;
        border-radius: 14px !important;
    }
    .media-detail-page .filter-box .filter-bar .price-range > .btn {
        height: 28px !important;
        line-height: 28px !important;
        font-size: 12px !important;
        padding: 0 10px !important;
        width: auto !important;
        margin-left: 4px !important;
        border-radius: 14px !important;
    }
    .media-detail-page .filter-box .filter-bar .muti-search-bar {
        display: none !important;
    }

    /* 7. 媒体列表卡片模型 (Mobile Media Card Layout) */
    .media-detail-page .list-header-box {
        display: none !important; /* 隐藏 PC 复杂列表操作头 */
    }
    .media-detail-page .list-box {
        width: 100% !important;
        min-height: 0 !important;
    }
    .media-detail-page .list-box .list-item {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 14px 14px !important;
        border-radius: 12px !important;
        margin-bottom: 12px !important;
        border: 1px solid #eef2f6 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
        overflow: visible !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
    }

    /* 卡片顶部标题与徽章行 */
    .media-detail-page .list-box .list-item .content-title-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        height: auto !important;
        padding-bottom: 8px !important;
        margin-bottom: 10px !important;
        border-bottom: 1px solid #f1f5f9 !important;
        gap: 6px !important;
    }
    .media-detail-page .list-box .list-item .content-title-row .content-title {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        max-width: 100% !important;
        gap: 4px 6px !important;
        height: auto !important;
        border-bottom: none !important;
    }
    .media-detail-page .list-box .list-item .content-title-row .content-title .name {
        font-size: 15.5px !important;
        font-weight: 700 !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        line-height: 1.4 !important;
    }
    .media-detail-page .list-box .list-item .content-title-row .content-title .name a {
        color: #0f172a !important;
    }
    .media-detail-page .list-box .list-item .content-title-row .btns,
    .media-detail-page .list-box .list-item .content-row .btns,
    .media-detail-page .list-box .list-item .content-col .btns,
    .media-detail-page .list-box .list-item .content-col:nth-child(5) .btns,
    .media-detail-page .list-box .list-item .btns {
        display: none !important; /* 原 PC 行内按钮转移至卡片底部 .mobile-card-actions */
    }

    /* 卡片主体网格：重构为顶层 2 列紧凑网格系统 */
    .media-detail-page .list-box .list-item .content-row {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px 8px !important;
        height: auto !important;
        min-height: 0 !important;
        padding-top: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 价格栏：占满整行 (2列跨度) */
    .media-detail-page .list-box .list-item .content-col.price-col {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        height: auto !important;
        background: linear-gradient(135deg, #fff7ed, #fef2f2) !important;
        border: 1px solid #fed7aa !important;
        border-radius: 8px !important;
        padding: 8px 12px !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 4px 8px !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
    .media-detail-page .list-box .list-item .content-col.price-col .content-item {
        font-size: 12px !important;
        height: auto !important;
        min-height: auto !important;
        line-height: 1.4 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 2px !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        width: auto !important;
    }
    .media-detail-page .list-box .list-item .content-col.price-col .content-item .label {
        font-size: 11px !important;
        color: #9a3412 !important;
    }
    .media-detail-page .list-box .list-item .content-col.price-col .content-item:first-child {
        font-size: 16px !important;
        font-weight: 800 !important;
        color: #ef4444 !important;
    }

    /* 彻底清除卡片中所有黑色圆点标记 (Eradicate all bullet dots) */
    .media-detail-page .list-item .content-row .content-item:before,
    .media-detail-page .list-box .list-item .content-item:before,
    .list-item .content-item:before,
    .content-item:before {
        display: none !important;
        content: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    /* 关键属性栏：穿透父级容器，直接将内部所有属性融入 2 列 Micro-Chips 网格 */
    .media-detail-page .list-box .list-item .content-col:not(.price-col):not(:last-child):not(:first-child) {
        display: contents !important;
    }
    /* 自媒体首列 (媒体名称与平台) 占满顶部整行 */
    .media-detail-page .list-box .list-item .content-col:first-child:not(.price-col) {
        grid-column: 1 / -1 !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        margin-bottom: 6px !important;
    }

    /* 属性芯片：每个属性占 1 列 (50% 宽)，紧凑精美 */
    .media-detail-page .list-box .list-item .content-item {
        font-size: 11.5px !important;
        height: auto !important;
        min-height: 28px !important;
        line-height: 1.3 !important;
        color: #334155 !important;
        background: #f8fafc !important;
        border: 1px solid #edf2f7 !important;
        border-radius: 6px !important;
        padding: 4px 8px !important;
        display: flex !important;
        align-items: center !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
    .media-detail-page .list-box .list-item .content-item > .label {
        font-size: 11.5px !important;
        color: #64748b !important;
        margin-right: 2px !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }

    /* 权重值百宝箱图标与百度底图移动端适配 */
    .media-detail-page .list-box .list-item .baidu-bg {
        height: 18px !important;
        line-height: 18px !important;
        font-size: 11px !important;
        padding-left: 16px !important;
        width: 34px !important;
        display: inline-block !important;
        flex-shrink: 0 !important;
    }

    /* 自媒体特有栏目 (Zimeiti specific items) */
    .media-detail-page .list-box .list-item .content-item-nodot {
        height: auto !important;
        min-height: auto !important;
        font-size: 12.5px !important;
        line-height: 1.4 !important;
        white-space: normal !important;
        overflow: visible !important;
        color: #334155 !important;
    }
    .media-detail-page .list-box .list-item .content-item-nodot.name {
        font-size: 15.5px !important;
        font-weight: 700 !important;
        margin-top: 4px !important;
    }
    .media-detail-page .list-box .list-item .content-item-nodot.name a {
        color: #0f172a !important;
        max-width: 100% !important;
        white-space: normal !important;
    }

    /* 资质与简介栏：占满整行 (2列跨度)，优雅垂直排列 */
    .media-detail-page .list-box .list-item .content-col:last-child {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        height: auto !important;
        margin: 4px 0 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 3px !important;
    }
    .media-detail-page .list-box .list-item .content-col:last-child .content-item {
        font-size: 11.5px !important;
        color: #64748b !important;
        line-height: 1.5 !important;
        height: auto !important;
        min-height: auto !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        white-space: normal !important;
        display: flex !important;
        align-items: center !important;
    }
    .media-detail-page .list-box .list-item .content-col:last-child .content-item.flex-between {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 4px !important;
    }
    .media-detail-page .list-box .list-item .content-col:last-child .content-item .media-sub-remarks {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    .media-detail-page .list-box .list-item .content-col:last-child .content-item[style*="height:6px"],
    .media-detail-page .list-box .list-item .content-col:last-child .content-item[style*="height: 6px"] {
        display: none !important;
    }

    /* 移动端卡片底部全宽触控操作区 */
    .mobile-card-actions {
        grid-column: 1 / -1 !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin-top: 10px !important;
        padding-top: 10px !important;
        border-top: 1px dashed #f1f5f9 !important;
    }
    .mobile-card-actions .btn-mobile-case {
        padding: 8px 14px !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 20px !important;
        font-size: 12.5px !important;
        color: #475569 !important;
        text-decoration: none !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        flex-shrink: 0 !important;
        height: 40px !important;
        box-sizing: border-box !important;
        background: #ffffff !important;
    }
    .mobile-card-actions .btn-mobile-order {
        flex: 1 !important;
        height: 40px !important;
        background: linear-gradient(135deg, #0070ef, #0284c7) !important;
        color: #ffffff !important;
        border-radius: 20px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        box-shadow: 0 4px 12px rgba(0, 112, 239, 0.28) !important;
        cursor: pointer !important;
        user-select: none !important;
        border: none !important;
        transition: all 0.18s ease !important;
    }
    .mobile-card-actions .btn-mobile-order.added {
        background: #10b981 !important;
        box-shadow: 0 4px 12px rgba(16, 185, 129, 0.28) !important;
    }
    .mobile-card-actions .btn-mobile-order:active {
        transform: scale(0.97) !important;
    }

    /* 8. 移动端分页器优化 (Mobile Compact Pagination) */
    .media-detail-page .pagination-box {
        width: 100% !important;
        height: auto !important;
        padding: 16px 12px !important;
        margin-top: 16px !important;
        justify-content: center !important;
        background: #ffffff !important;
        border-radius: 12px !important;
        box-shadow: 0 1px 4px rgba(0,0,0,0.02) !important;
    }
    .media-detail-page .pagination-box .el-pager li:not(.active) {
        display: none !important;
    }
    .media-detail-page .pagination-box .el-pager .more {
        display: none !important;
    }
    .media-detail-page .pagination-box .el-pagination__jump {
        display: none !important;
    }
    .media-detail-page .pagination-box .el-pagination button {
        padding: 0 14px !important;
        height: 36px !important;
        font-size: 13px !important;
        border-radius: 18px !important;
    }
    .media-detail-page .pagination-box .el-pager li.active {
        height: 36px !important;
        line-height: 36px !important;
        border-radius: 18px !important;
        padding: 0 14px !important;
    }
    .media-detail-page .pagination-box .el-pagination__total {
        font-size: 12px !important;
        margin-left: 8px !important;
    }

    /* 9. 整合套餐大厅移动端深度重构 (Package Page Complete Overhaul) */
    .package-page {
        background-color: #f8fafc !important;
    }
    .package-page .banner {
        height: auto !important;
        min-height: auto !important;
        padding: 24px 16px 20px !important;
        background: linear-gradient(135deg, #1875F0 0%, #0d5ec4 100%) !important;
        color: #fff !important;
        text-align: center !important;
    }
    .package-page .banner .fz-36 {
        font-size: 22px !important;
        font-weight: 700 !important;
        color: #fff !important;
    }
    .package-page .banner .fz-14 {
        font-size: 12.5px !important;
        color: rgba(255, 255, 255, 0.85) !important;
        margin-top: 6px !important;
    }
    .package-page .package-body.pos-r,
    .package-page .w-1200.package-body {
        top: 0 !important;
        width: 100% !important;
        padding: 10px 12px 24px !important;
        box-sizing: border-box !important;
    }

    /* 套餐类型 Tab 栏：单行横向滑卡，杜绝溢出截断 */
    .package-page .package-body .package-tab-bar {
        height: auto !important;
        min-height: auto !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 8px !important;
        padding: 6px 2px 14px !important;
        background: transparent !important;
        border-radius: 0 !important;
        scrollbar-width: none !important;
    }
    .package-page .package-body .package-tab-bar::-webkit-scrollbar {
        display: none !important;
    }
    .package-page .package-body .package-tab-bar .package-tab-item {
        width: auto !important;
        flex: 1 0 auto !important;
        min-width: 108px !important;
        height: 64px !important;
        padding: 8px 10px !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        border: 1.5px solid #e2e8f0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        position: static !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
    }
    .package-page .package-body .package-tab-bar .package-tab-item.active {
        background: #f0f7ff !important;
        border-color: #0070ef !important;
        height: 64px !important;
        top: 0 !important;
        box-shadow: 0 2px 8px rgba(0, 112, 239, 0.15) !important;
    }
    .package-page .package-body .package-tab-bar .package-tab-item > img {
        width: 32px !important;
        height: 32px !important;
        margin-right: 0 !important;
        flex-shrink: 0 !important;
    }
    .package-page .package-body .package-tab-bar .package-tab-item .title {
        font-size: 13.5px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }
    .package-page .package-body .package-tab-bar .package-tab-item .price {
        font-size: 11.5px !important;
        margin-top: 3px !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
    }

    /* 套餐列表容器 */
    .package-page .package-body .package-list {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }

    /* 套餐单个卡片 */
    .package-page .package-body .package-list .package-item,
    .package-page .package-item {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        padding: 16px 14px !important;
        border-radius: 12px !important;
        margin-bottom: 0 !important;
        background: #ffffff !important;
        border: 1px solid #eef2f6 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
        box-sizing: border-box !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .package-page .package-body .package-list .package-item:first-child {
        border-radius: 12px !important;
    }

    /* 卡片顶部上半部：标题与信息 */
    .package-page .package-body .package-list .package-item .info-box {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        padding-bottom: 12px !important;
        border-bottom: 1px dashed #e2e8f0 !important;
        position: relative !important;
    }

    /* 关键：大圆 Logo 缩小至 42x42 置于卡片右上角，彻底消除与文字踩踏重叠！ */
    .package-page .package-body .package-list .package-item .info-box > img {
        width: 42px !important;
        height: 42px !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        margin-right: 0 !important;
        border-radius: 8px !important;
        object-fit: contain !important;
        opacity: 0.9 !important;
        z-index: 2 !important;
        border: 1px solid #e2e8f0 !important;
        background: #ffffff !important;
        padding: 2px !important;
    }

    .package-page .package-body .package-list .package-item .info-box .info-box-right {
        width: 100% !important;
        padding-right: 48px !important; /* 预留右上角 42px 空间，杜绝遮挡 */
        box-sizing: border-box !important;
        flex: none !important;
    }
    .package-page .package-body .package-list .package-item .info-box .info-box-right .title-row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }
    .package-page .package-body .package-list .package-item .info-box .info-box-right .title-row .fz-24 {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #0f172a !important;
        line-height: 1.3 !important;
    }
    .package-page .package-body .package-list .package-item .info-box .info-box-right .title-row .btn-collecting {
        height: 24px !important;
        line-height: 22px !important;
        padding: 0 6px !important;
        font-size: 11.5px !important;
        width: auto !important;
        border-radius: 4px !important;
        flex-shrink: 0 !important;
    }
    .package-page .package-body .package-list .package-item .info-box .info-box-right .fz-14.mt-20 {
        font-size: 12px !important;
        color: #64748b !important;
        margin-top: 4px !important;
        line-height: 1.4 !important;
    }

    /* 套餐状态与价格购买栏 */
    .package-page .package-body .package-list .package-item .info-box .info-box-right .status-bar {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        margin-top: 12px !important;
        width: 100% !important;
    }
    .package-page .package-body .package-list .package-item .info-box .info-box-right .status-bar .status {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        justify-content: space-around !important;
        align-items: center !important;
        background: #f8fafc !important;
        border-radius: 8px !important;
        padding: 8px 4px !important;
        box-sizing: border-box !important;
    }
    .package-page .package-body .package-list .package-item .info-box .info-box-right .status-bar .status .status-item {
        text-align: center !important;
        flex: 1 !important;
    }
    .package-page .package-body .package-list .package-item .info-box .info-box-right .status-bar .status .status-item .fz-24 {
        font-size: 15px !important;
        font-weight: 700 !important;
    }
    .package-page .package-body .package-list .package-item .info-box .info-box-right .status-bar .status .status-item .mt-15 {
        font-size: 11px !important;
        color: #64748b !important;
        margin-top: 2px !important;
    }
    .package-page .package-body .package-list .package-item .info-box .info-box-right .status-bar .status .divider-line {
        height: 22px !important;
        width: 1px !important;
        background: #e2e8f0 !important;
    }

    /* 价格与咨询购买按钮组 */
    .package-page .package-body .package-list .package-item .info-box .info-box-right .status-bar .btns {
        display: flex !important;
        width: 100% !important;
        gap: 8px !important;
        margin-top: 2px !important;
    }
    .package-page .package-body .package-list .package-item .info-box .info-box-right .status-bar .btns .btn {
        margin-left: 0 !important;
    }
    .package-page .package-body .package-list .package-item .info-box .info-box-right .status-bar .btns .btn-primary-pain {
        flex: 1 !important;
        width: auto !important;
        height: 40px !important;
        line-height: 38px !important;
        font-size: 17px !important;
        font-weight: 800 !important;
        text-align: center !important;
        border-radius: 8px !important;
    }
    .package-page .package-body .package-list .package-item .info-box .info-box-right .status-bar .btns .btn-primary-big {
        flex: 1.5 !important;
        width: auto !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 13.5px !important;
        font-weight: 600 !important;
        text-align: center !important;
        border-radius: 8px !important;
        background: #0070ef !important;
        color: #fff !important;
    }

    /* 包含媒体列表：双列 Micro 网格，精致紧凑 */
    .package-page .package-body .package-list .package-item .media-list {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px 10px !important;
        padding-top: 10px !important;
        margin-top: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .package-page .package-body .package-list .package-item .media-list .media-item {
        width: 100% !important;
        margin-top: 0 !important;
        font-size: 12px !important;
        color: #475569 !important;
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        background: #f8fafc !important;
        padding: 5px 8px !important;
        border-radius: 6px !important;
        border: 1px solid #edf2f7 !important;
        box-sizing: border-box !important;
    }
    .package-page .package-body .package-list .package-item .media-list .media-item > .svg-icon {
        width: 12px !important;
        height: 12px !important;
        color: #0070ef !important;
        flex-shrink: 0 !important;
        margin-right: 2px !important;
    }

    /* 10. 海外媒体与出海专题适配 (Oversea Page Adaptation) */
    .content-planning-page .banner .fz-48 {
        font-size: 26px !important;
        margin-top: 40px !important;
        line-height: 1.4 !important;
    }
    .content-planning-page .banner .btn-group {
        margin-top: 20px !important;
    }
    .content-planning-page .area-box,
    .content-planning-page .application-range-box {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        width: 100% !important;
    }
    .content-planning-page .area-item,
    .content-planning-page .application-range-box > div {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 16px 10px !important;
    }

    /* 11. 页脚移动端折叠与居中 (Mobile Footer) */
    .footer-bg .footer {
        padding: 24px 16px !important;
    }
    .footer-bg .footer .footer-top {
        flex-direction: column !important;
        gap: 20px !important;
    }
    .footer-bg .footer .footer-block {
        width: 100% !important;
        margin-bottom: 10px !important;
        text-align: center !important;
    }
    .footer-bg .footer .footer-bottom {
        margin-top: 20px !important;
        padding-top: 16px !important;
        text-align: center !important;
        font-size: 12px !important;
    }

    /* 12. 平台首页移动端深度重构与响应式 (Homepage Mobile Overhaul) */
    .index-page .carousel,
    .index-page .carousel .el-carousel__container,
    .index-page .carousel .banner-bg {
        height: 250px !important;
    }
    .index-page .carousel .banner-bg {
        background-size: cover !important;
        background-position: 70% center !important;
    }
    .index-page .carousel .banner-bg .w-1200 {
        padding: 0 16px !important;
    }
    .index-page .carousel .banner-bg .fz-48 {
        font-size: 22px !important;
        margin-top: 36px !important;
        line-height: 1.25 !important;
        color: #0f172a !important;
    }
    .index-page .carousel .banner-bg div[style*="margin-top:30px"],
    .index-page .carousel .banner-bg div[style*="margin-top: 30px"] {
        font-size: 12.5px !important;
        line-height: 1.5 !important;
        margin-top: 8px !important;
        color: #475569 !important;
    }
    .index-page .carousel .banner-bg .btn-group,
    .index-page .carousel .banner-bg div[style*="margin-top:40px"],
    .index-page .carousel .banner-bg div[style*="margin-top: 40px"] {
        margin-top: 14px !important;
        display: flex !important;
        gap: 10px !important;
    }
    .index-page .carousel .banner-bg .btn-group .btn {
        width: 96px !important;
        height: 34px !important;
        line-height: 34px !important;
        font-size: 12.5px !important;
        padding: 0 !important;
        border-radius: 17px !important;
    }
    .index-page .carousel .el-carousel__indicators--horizontal,
    .index-page .carousel .el-carousel__arrow {
        display: none !important;
    }

    /* 移动端专属首页登录引导卡片 */
    .mobile-index-login-guide {
        display: block !important;
        margin: 14px 15px 0 !important;
        position: relative !important;
        z-index: 20 !important;
    }
    .mobile-login-guide-card {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        padding: 14px 16px !important;
        box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }
    .mobile-login-guide-left .mobile-login-guide-title {
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #0f172a !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
    }
    .mobile-login-guide-left .mobile-login-guide-sub {
        font-size: 12px !important;
        color: #64748b !important;
        margin-top: 3px !important;
    }
    .mobile-login-guide-right {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }
    .mobile-login-guide-right .btn-guide-login {
        flex: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 38px !important;
        background: linear-gradient(135deg, #0070ef, #0284c7) !important;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        border-radius: 19px !important;
        text-decoration: none !important;
        box-shadow: 0 3px 8px rgba(0, 112, 239, 0.25) !important;
    }
    .mobile-login-guide-right .btn-guide-reg {
        flex: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 38px !important;
        background: #f8fafc !important;
        color: #0070ef !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        border: 1px solid #bfdbfe !important;
        border-radius: 19px !important;
        text-decoration: none !important;
    }

    /* 首页 4 大核心优势：重构成 2x2 高质感卡片网格 (解决横向挤成 4 条碎列 Bug) */
    .index-page .box1 {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px 10px !important;
        padding: 14px 12px !important;
        top: -24px !important;
        width: calc(100% - 24px) !important;
        border-radius: 14px !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
    .index-page .box1 .box1-item {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        padding: 10px 8px !important;
        box-sizing: border-box !important;
        background: #f8fafc !important;
        border-radius: 10px !important;
        border: 1px solid #f1f5f9 !important;
    }
    .index-page .box1 .box1-item .svg-icon {
        width: 38px !important;
        height: 38px !important;
        margin-right: 8px !important;
        flex-shrink: 0 !important;
    }
    .index-page .box1 .box1-item .box1-item-text {
        flex: 1 !important;
        min-width: 0 !important;
    }
    .index-page .box1 .box1-item .box1-item-text > div:first-child {
        font-size: 13.5px !important;
        font-weight: 700 !important;
        margin-bottom: 2px !important;
        color: #0f172a !important;
        display: flex !important;
        align-items: center !important;
    }
    .index-page .box1 .box1-item .box1-item-text .fz-14 {
        font-size: 11px !important;
        color: #64748b !important;
        line-height: 1.3 !important;
        white-space: normal !important;
    }
    .index-page .box1 .box1-item .box1-item-text .svg-icon {
        width: 24px !important;
        height: 14px !important;
        margin-left: 4px !important;
    }

    /* 首页营销困境区 (box2) 隐藏防溢出 */
    .index-page .box2-bg {
        margin-top: 0 !important;
        overflow: hidden !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 10px 0 !important;
    }
    .index-page .box2 {
        display: none !important;
    }

    /* 首页其他区块响应式布局 */
    .index-page .box3 {
        margin-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .index-page .box3 .box3-btn-group {
        flex-direction: column !important;
        gap: 10px !important;
        margin-top: 20px !important;
    }
    .index-page .box3 .box3-btn-group .box3-btn {
        width: 100% !important;
        margin: 0 !important;
        height: 54px !important;
    }
    .index-page .box5 {
        padding-top: 20px !important;
    }
    .index-page .box5 .box5-content {
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
        margin-top: 20px !important;
        padding-bottom: 30px !important;
    }
    .index-page .box5 .box5-content .box5-item {
        width: 100% !important;
        max-width: 320px !important;
        height: auto !important;
        margin-top: 0 !important;
        padding: 20px 16px !important;
    }
    .index-page .box6-bg {
        height: auto !important;
        padding-bottom: 30px !important;
        background-position: center top !important;
    }
    .index-page .box6-bg .box6 .box6-tabs {
        flex-wrap: wrap !important;
        margin: 20px 0 !important;
        gap: 8px !important;
    }
    .index-page .box6-bg .box6 .box6-tabs .box6-tab-item {
        margin: 0 8px !important;
    }
    .index-page .box6-bg .box6 .box6-carousel .arrow-left,
    .index-page .box6-bg .box6 .box6-carousel .arrow-right {
        display: none !important;
    }
    .index-page .box6-bg .box6 .box6-carousel .box6-carousel-item {
        flex-direction: column !important;
    }
    .index-page .box6-bg .box6 .box6-carousel .box6-carousel-item .box6-carousel-item-text {
        width: 100% !important;
        padding: 16px 14px !important;
    }
    .index-page .box6-bg .box6 .box6-carousel .box6-carousel-item > img {
        width: 100% !important;
        height: auto !important;
        margin-top: 15px !important;
    }

    /* 14. 会员登录与注册页移动端原生化 (Login & Register Mobile Overhaul) */
    body:has(.login-wrapper),
    body:has(.register-wrapper) {
        background: #f8fafc !important;
        padding: 0 !important;
        display: block !important;
        min-height: 100vh !important;
    }
    .login-wrapper,
    .register-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 100vh !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        display: flex !important;
        flex-direction: column !important;
        background: #ffffff !important;
        margin: 0 !important;
    }
    .login-left,
    .register-left {
        display: none !important; /* 彻底隐藏桌面 440px 专属大蓝卡 */
    }
    .login-right,
    .register-right {
        width: 100% !important;
        padding: 40px 22px 30px !important;
        box-sizing: border-box !important;
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
    }
    .login-logo,
    .register-logo {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin-bottom: 24px !important;
    }
    .login-logo img,
    .register-logo img {
        height: 38px !important;
    }
    .login-tabs {
        display: flex !important;
        justify-content: center !important;
        gap: 36px !important;
        margin-bottom: 28px !important;
        border-bottom: 2px solid #f1f5f9 !important;
    }
    .login-tab-item {
        font-size: 16px !important;
        font-weight: 600 !important;
        padding-bottom: 10px !important;
        white-space: nowrap !important;
    }
    .register-title {
        text-align: center !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        margin-bottom: 24px !important;
    }
    .form-group {
        margin-bottom: 18px !important;
    }
    .form-group label {
        font-size: 13.5px !important;
        margin-bottom: 6px !important;
        font-weight: 500 !important;
    }
    .input-box {
        width: 100% !important;
        position: relative !important;
    }
    .input-box input {
        width: 100% !important;
        height: 48px !important;
        padding: 0 14px 0 42px !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        border: 1px solid #dcdfe6 !important;
        box-sizing: border-box !important;
    }
    .input-box i {
        left: 14px !important;
        font-size: 16px !important;
    }
    .login-actions {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        font-size: 13.5px !important;
        margin-bottom: 24px !important;
    }
    .btn-login,
    .btn-register {
        width: 100% !important;
        height: 48px !important;
        background: #1875F0 !important;
        color: #fff !important;
        border-radius: 10px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        border: none !important;
    }
    .login-footer,
    .register-footer {
        margin-top: 24px !important;
        text-align: center !important;
        font-size: 13.5px !important;
        color: #64748b !important;
    }

    /* 15. 发稿购物车与结算中心移动端卡片化 (/cart) */
    .cart-page-wrap {
        padding: 12px 0 160px !important;
    }
    .cart-container {
        padding: 0 10px !important;
    }
    .cart-top-header {
        padding: 14px 16px !important;
        margin-bottom: 12px !important;
        border-radius: 12px !important;
    }
    .cart-main-title {
        font-size: 17px !important;
    }
    .btn-back-market {
        width: 100% !important;
        justify-content: center !important;
        margin-top: 8px !important;
        box-sizing: border-box !important;
    }
    .cart-stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
    }
    .cart-stat-card {
        padding: 10px 12px !important;
        border-radius: 10px !important;
    }
    .cart-stat-card .cart-stat-value {
        font-size: 16px !important;
    }
    .cart-table-card {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    .cart-table-header {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 10px !important;
        padding: 10px 14px !important;
        margin-bottom: 10px !important;
        flex-direction: row !important;
        justify-content: space-between !important;
    }
    /* 表格在手机端转为原生卡片 */
    .cart-table thead {
        display: none !important;
    }
    .cart-table, .cart-table tbody, .cart-table tr {
        display: block !important;
        width: 100% !important;
    }
    .cart-table tr.cart-row-item {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        padding: 14px 14px 12px !important;
        margin-bottom: 10px !important;
        box-shadow: 0 1px 4px rgba(0,0,0,0.03) !important;
        position: relative !important;
        box-sizing: border-box !important;
    }
    .cart-table tr.cart-row-item td {
        display: flex !important;
        align-items: center !important;
        border: none !important;
        padding: 3px 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .cart-table tr.cart-row-item td:first-child {
        position: absolute !important;
        top: 14px !important;
        left: 14px !important;
        width: auto !important;
        padding: 0 !important;
        z-index: 2 !important;
    }
    .cart-table tr.cart-row-item td:nth-child(2) {
        padding-left: 30px !important;
        margin-bottom: 6px !important;
    }
    .cart-table tr.cart-row-item .media-name-cell {
        gap: 8px !important;
        width: 100% !important;
    }
    .cart-table tr.cart-row-item .media-name-text {
        font-size: 15px !important;
        font-weight: 700 !important;
    }
    .cart-table tr.cart-row-item td:nth-child(3),
    .cart-table tr.cart-row-item td:nth-child(4),
    .cart-table tr.cart-row-item td:nth-child(5) {
        display: inline-flex !important;
        width: auto !important;
        margin-right: 6px !important;
        padding: 2px 0 !important;
    }
    .cart-table tr.cart-row-item td:nth-child(6),
    .cart-table tr.cart-row-item td:nth-child(7),
    .cart-table tr.cart-row-item td:nth-child(8) {
        display: inline-flex !important;
        width: auto !important;
        margin-right: 8px !important;
        padding: 3px 0 !important;
    }
    .cart-table tr.cart-row-item td:last-child {
        display: flex !important;
        justify-content: flex-end !important;
        width: 100% !important;
        margin-top: 8px !important;
        padding-top: 8px !important;
        border-top: 1px dashed #f1f5f9 !important;
        gap: 8px !important;
    }
    /* 购物车底部结算条吸附在 TabBar 之上 */
    .cart-footer-bar {
        position: fixed !important;
        bottom: calc(52px + env(safe-area-inset-bottom, 0px)) !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 10003 !important;
        background: #ffffff !important;
        border-radius: 16px 16px 0 0 !important;
        box-shadow: 0 -4px 16px rgba(15, 23, 42, 0.08) !important;
        border-top: 1px solid #e2e8f0 !important;
        padding: 10px 14px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
    }
    .cart-footer-bar > div:first-child {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        font-size: 13px !important;
    }
    .cart-footer-bar > div:last-child {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }
    #btnProceedPublish {
        padding: 9px 18px !important;
        font-size: 13.5px !important;
        border-radius: 20px !important;
        white-space: nowrap !important;
    }

    /* 16. 客户案例 (/resource/case) 移动端卡片化重构 */
    .kehuanli-page .banner-bg {
        height: auto !important;
        min-height: 240px !important;
        background-size: cover !important;
        background-position: center !important;
        padding: 20px 14px 40px !important;
    }
    .kehuanli-page .banner-bg .w-1200 {
        padding: 0 !important;
        width: 100% !important;
    }
    .kehuanli-page .el-carousel,
    .kehuanli-page .el-carousel__container {
        height: 220px !important;
    }
    .kehuanli-page .banner-bg .banner-container {
        height: auto !important;
        padding-top: 0 !important;
        width: 100% !important;
    }
    .kehuanli-page .banner-bg .banner-container .banner-box {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        padding: 16px 14px !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
        background-size: contain !important;
    }
    .kehuanli-page .banner-bg .banner-container .banner-box .banner-left {
        width: 100% !important;
        height: auto !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        padding: 0 !important;
    }
    .kehuanli-page .banner-bg .banner-container .banner-box .banner-left > .title {
        font-size: 18px !important;
        display: flex !important;
        align-items: center !important;
    }
    .kehuanli-page .banner-bg .banner-container .banner-box .banner-left > .title .line {
        width: 20px !important;
        height: 3px !important;
        margin-right: 8px !important;
        flex-shrink: 0 !important;
    }
    .kehuanli-page .banner-bg .banner-container .banner-box .banner-left .fz-32 {
        font-size: 16px !important;
        font-weight: 700 !important;
        margin-top: 4px !important;
    }
    .kehuanli-page .banner-bg .banner-container .banner-box .banner-left .fz-16 {
        font-size: 12.5px !important;
        line-height: 1.5 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        margin-top: 6px !important;
        color: #64748b !important;
    }
    .kehuanli-page .banner-bg .banner-container .banner-box .banner-left a.c-0070EF {
        margin-top: 8px !important;
        font-size: 13px !important;
        display: inline-block !important;
    }
    .kehuanli-page .banner-bg .banner-container .banner-box > img {
        display: none !important;
    }
    .kehuanli-page .banner-bg .el-carousel__indicators--horizontal {
        bottom: 8px !important;
    }
    .kehuanli-page .w-1200.pt-60,
    .kehuanli-page .w-1200.mx-auto.pt-60 {
        padding-top: 20px !important;
        padding-bottom: 30px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .kehuanli-page .content-box {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        margin-top: 10px !important;
    }
    .kehuanli-page .content-box .content-item {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        padding: 14px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05) !important;
        border: 1px solid #e2e8f0 !important;
    }
    .kehuanli-page .content-box .content-item .thumb {
        width: 100% !important;
        height: 180px !important;
        position: relative !important;
    }
    .kehuanli-page .content-box .content-item .thumb > img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 8px !important;
    }
    .kehuanli-page .content-box .content-item .fz-28 {
        font-size: 18px !important;
        margin-top: 12px !important;
        font-weight: 700 !important;
    }
    .kehuanli-page .content-box .content-item .fz-14 {
        margin-top: 8px !important;
        line-height: 1.6 !important;
        font-size: 13px !important;
    }
    .kehuanli-page .case {
        padding: 20px 14px !important;
        width: 100% !important;
    }
    .kehuanli-page .case .fz-34 {
        font-size: 20px !important;
        margin-top: 20px !important;
    }
    .kehuanli-page .case img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    /* 17. 城市合伙人 (/partner) 移动端原生自适应 */
    .partner-page .banner {
        padding: 36px 16px !important;
        min-height: 240px !important;
        background-size: cover !important;
        background-position: 70% center !important;
    }
    .partner-page .banner .w-1200 {
        padding: 0 !important;
    }
    .partner-page .banner .fz-48 {
        font-size: 22px !important;
        line-height: 1.4 !important;
        margin-top: 20px !important;
    }
    .partner-page .banner .btn-group {
        margin-top: 18px !important;
        display: flex !important;
        gap: 12px !important;
    }
    .partner-page .w-1200.pt-1 {
        padding: 0 14px !important;
    }
    .partner-page .fz-34 {
        font-size: 20px !important;
        margin-top: 28px !important;
    }
    .partner-page .dilemma01 {
        display: flex !important;
        flex-direction: column !important;
        margin-top: 16px !important;
        gap: 16px !important;
    }
    .partner-page .dilemma01 .dilemma-left {
        width: 100% !important;
    }
    .partner-page .dilemma01 .dilemma-left .fz-34 {
        font-size: 18px !important;
        margin-top: 8px !important;
    }
    .partner-page .dilemma01 .dilemma-left .fz-16 {
        font-size: 13px !important;
        margin-top: 10px !important;
        line-height: 1.6 !important;
    }
    .partner-page .dilemma01 .dilemma-left .btn-primary-big {
        display: inline-flex !important;
        margin-top: 14px !important;
        padding: 8px 20px !important;
        height: auto !important;
        width: auto !important;
        font-size: 13.5px !important;
        border-radius: 20px !important;
    }
    .partner-page .dilemma01 > img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin-top: 10px !important;
    }
    .partner-page .dilemma02 {
        margin-bottom: 30px !important;
    }
    .partner-page .dilemma02-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        margin-top: 16px !important;
    }
    .partner-page .dilemma02-item {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
        overflow: hidden !important;
    }
    .partner-page .dilemma02-item img {
        width: 100% !important;
        height: auto !important;
    }
    .partner-page .opportunity-box {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        margin-top: 16px !important;
    }
    .partner-page .opportunity-box > img.pos-a {
        display: none !important;
    }
    .partner-page .opportunity-item {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 14px !important;
        border-radius: 12px !important;
    }
    .partner-page .opportunity-item img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
    .partner-page .marketing-box {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        margin-top: 16px !important;
    }
    .partner-page .marketing-item {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
    }
    .partner-page .advantage-box {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        margin-top: 16px !important;
    }
    .partner-page .advantage-item {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
    }
    .partner-page .advantage-item img {
        width: 100% !important;
        height: auto !important;
    }
    .partner-page .support-box {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        margin-top: 16px !important;
    }
    .partner-page .support-item {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 16px 8px !important;
        border-radius: 10px !important;
    }
    .partner-page .demo-box {
        display: flex !important;
        flex-direction: column !important;
        margin-top: 16px !important;
    }
    .partner-page .demo-box > img.pos-a {
        display: none !important;
    }
    .partner-page .demo-box .preview {
        width: 100% !important;
    }
    .partner-page .demo-box .preview-box {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
        margin-top: 14px !important;
    }
    .partner-page .demo-box .preview-item {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 8px 4px !important;
        font-size: 11px !important;
    }
    .partner-page .demo-box > img.pos-r {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin-top: 16px !important;
    }
    .partner-page .box5 .box5-content {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }
    .partner-page .box5 .box5-item {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
    }
    .partner-page .free-box {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        margin-top: 16px !important;
    }
    .partner-page .free-box .free-item {
        width: 100% !important;
        box-sizing: border-box !important;
        border-radius: 10px !important;
    }
    .partner-page .lines {
        display: none !important;
    }
    .partner-page .receive-box {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        margin-top: 16px !important;
    }
    .partner-page .receive-item {
        width: 100% !important;
        box-sizing: border-box !important;
        border-radius: 10px !important;
    }

    /* 18. 关于我们 (/resource/aboutus) 移动端精致排版 */
    .about-us-page .banner {
        padding: 30px 16px 36px !important;
        min-height: 230px !important;
        background-size: cover !important;
        background-position: 85% center !important;
    }
    .about-us-page .banner .fz-48 {
        font-size: 21px !important;
        line-height: 1.38 !important;
        margin-top: 12px !important;
    }
    .about-us-page .banner .btn-group {
        margin-top: 18px !important;
        display: flex !important;
        gap: 10px !important;
    }
    .about-us-page .au-box-group {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 14px !important;
        gap: 16px !important;
    }
    .about-us-page .au-box1 {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        padding: 20px 16px !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
        margin-top: 16px !important;
        background: #fff !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
    }
    .about-us-page .au-box1-left {
        width: 100% !important;
        padding: 0 !important;
        height: auto !important;
        background: transparent !important;
        border-radius: 0 !important;
    }
    .about-us-page .au-box1-left .fz-34 {
        font-size: 18px !important;
        font-weight: 700 !important;
    }
    .about-us-page .au-box1-left .fz-16 {
        font-size: 13px !important;
        line-height: 1.7 !important;
        margin-top: 8px !important;
        word-break: break-word !important;
    }
    .about-us-page .au-box1-left .btn {
        display: inline-flex !important;
        margin-top: 14px !important;
        margin-bottom: 14px !important;
        width: auto !important;
        padding: 8px 24px !important;
        height: 36px !important;
        line-height: 20px !important;
        font-size: 13px !important;
    }
    .about-us-page .au-box1 > img {
        width: 100% !important;
        max-width: 100% !important;
        height: 180px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
        margin-top: 10px !important;
    }
    .about-us-page .au-box2 {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        padding: 24px 16px !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
        margin-top: 10px !important;
    }
    .about-us-page .au-box2 > img {
        width: 140px !important;
        height: auto !important;
        max-height: 100px !important;
        object-fit: contain !important;
    }
    .about-us-page .au-box2 .fz-34 {
        font-size: 17px !important;
        margin-top: 12px !important;
    }
    .about-us-page .au-box2 .fz-16 {
        font-size: 13px !important;
        margin-top: 8px !important;
    }
    .about-us-page .map-box {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        padding: 0 14px !important;
        margin-top: 16px !important;
    }
    .about-us-page .address-item {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        padding: 16px !important;
        box-sizing: border-box !important;
        flex-direction: column !important;
        border-radius: 12px !important;
    }
    .about-us-page .address-item > img {
        width: 100% !important;
        height: 140px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
    }
    .about-us-page .address-info {
        width: 100% !important;
        margin-top: 12px !important;
    }
    .about-us-page .address-item .kefu {
        width: 100% !important;
        margin-top: 12px !important;
        padding-top: 12px !important;
        border-top: 1px dashed #e2e8f0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        text-align: left !important;
    }
    .about-us-page .address-item .kefu img {
        width: 70px !important;
        height: 70px !important;
        margin: 0 !important;
    }

    /* 19. 行业资讯与报告列表 (/resource/news, /resource/report, /resource/files) */
    .news-list-page .banner {
        height: 120px !important;
        background-size: cover !important;
        padding: 0 16px !important;
    }
    .news-list-page .banner .fz-34,
    .news-list-page .banner h1 {
        font-size: 20px !important;
    }
    .news-list-page .breadcrumb {
        height: 40px !important;
        line-height: 40px !important;
        padding: 0 14px !important;
        font-size: 12px !important;
    }
    .news-list-page .news-body {
        flex-direction: column !important;
        padding: 0 14px !important;
        width: 100% !important;
    }
    .news-list-page .news-body .news-list {
        width: 100% !important;
    }
    .news-list-page .news-body .news-body-right {
        display: none !important;
    }
    .news-list-page .news-body .news-list .news-item {
        width: 100% !important;
        height: auto !important;
        flex-direction: column !important;
        padding: 12px !important;
        margin-bottom: 14px !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
    }
    .news-list-page .news-body .news-list .news-item > img {
        width: 100% !important;
        height: 180px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
    }
    .news-list-page .news-body .news-list .news-item > .badge {
        position: absolute !important;
        top: 18px !important;
        left: 18px !important;
    }
    .news-list-page .news-body .news-list .news-item .news-item-info {
        width: 100% !important;
        height: auto !important;
        margin-top: 10px !important;
        gap: 6px !important;
    }
    .news-list-page .news-body .news-list .news-item .news-item-info .fz-18 {
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
        white-space: normal !important;
    }
    .news-list-page .news-body .news-list .news-item .news-item-info .news-content {
        font-size: 13px !important;
        color: #64748b !important;
        line-height: 1.6 !important;
        height: auto !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        margin-top: 4px !important;
    }
    .news-list-page .news-body .news-list .news-item .view-count {
        width: 100% !important;
        justify-content: flex-end !important;
        margin-top: 8px !important;
    }
    .news-list-page .news-body .news-list .pagination {
        justify-content: center !important;
        margin-top: 20px !important;
    }
    /* 文章详情页响应式 */
    article {
        padding: 18px 14px !important;
        border-radius: 12px !important;
    }
    article h1 {
        font-size: 19px !important;
        line-height: 1.4 !important;
        margin-bottom: 12px !important;
    }
    .article-body-content img,
    article img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 20. 解决方案与产品页面 (/solution/*, /product/*) */
    /* 全站二级大 Banner 遮罩与防遮挡 */
    .about-us-page .banner,
    .app-spread-page .banner,
    .new-spread-page .banner,
    .news-release-page .banner,
    .content-planning-page .banner {
        position: relative !important;
        overflow: hidden !important;
        padding: 36px 16px !important;
        min-height: 240px !important;
        height: auto !important;
        background-size: cover !important;
        background-position: center right !important;
    }
    .about-us-page .banner::before,
    .app-spread-page .banner::before,
    .new-spread-page .banner::before,
    .news-release-page .banner::before,
    .content-planning-page .banner::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: linear-gradient(90deg, rgba(220, 229, 246, 0.96) 0%, rgba(220, 229, 246, 0.88) 55%, rgba(220, 229, 246, 0.25) 100%) !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }
    .about-us-page .banner > *,
    .app-spread-page .banner > *,
    .new-spread-page .banner > *,
    .news-release-page .banner > *,
    .content-planning-page .banner > * {
        position: relative !important;
        z-index: 2 !important;
    }
    .about-us-page .banner .fz-48,
    .app-spread-page .banner .fz-48,
    .new-spread-page .banner .fz-48,
    .news-release-page .banner .fz-48,
    .content-planning-page .banner .fz-48 {
        font-size: 24px !important;
        line-height: 1.35 !important;
        margin-top: 15px !important;
        max-width: 85% !important;
    }
    .about-us-page .banner p,
    .app-spread-page .banner p,
    .new-spread-page .banner p,
    .news-release-page .banner p,
    .content-planning-page .banner p {
        font-size: 13px !important;
        line-height: 1.6 !important;
        margin-top: 10px !important;
        max-width: 85% !important;
        color: #4b5563 !important;
    }
    .about-us-page .banner .btn-group,
    .app-spread-page .banner .btn-group,
    .new-spread-page .banner .btn-group,
    .news-release-page .banner .btn-group,
    .content-planning-page .banner .btn-group {
        margin-top: 18px !important;
        display: flex !important;
        gap: 12px !important;
        flex-wrap: wrap !important;
    }

    /* 雷达图自适应卡片化重构 */
    .news-release-page .box2-bg,
    .new-spread-page .box2-bg,
    .content-planning-page .box2-bg {
        height: auto !important;
        min-height: auto !important;
        background: none !important;
        padding: 20px 14px !important;
    }
    .news-release-page .box2-bg .box2,
    .new-spread-page .box2-bg .box2,
    .content-planning-page .box2-bg .box2 {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        background: none !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding: 0 !important;
    }
    .news-release-page .box2-bg .box2-item,
    .new-spread-page .box2-bg .box2-item,
    .content-planning-page .box2-bg .box2-item {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        background: #ffffff !important;
        border-radius: 12px !important;
        padding: 14px 16px !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
        box-sizing: border-box !important;
        border: 1px solid #f1f5f9 !important;
    }
    .news-release-page .box2-bg .box2-item .circle-out,
    .new-spread-page .box2-bg .box2-item .circle-out,
    .content-planning-page .box2-bg .box2-item .circle-out {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        margin-right: 14px !important;
        position: static !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .news-release-page .box2-bg .box2-item .circle-in,
    .new-spread-page .box2-bg .box2-item .circle-in,
    .content-planning-page .box2-bg .box2-item .circle-in {
        width: 34px !important;
        height: 34px !important;
        position: static !important;
        font-size: 16px !important;
        line-height: 34px !important;
        text-align: center !important;
    }
    .news-release-page .box2-bg .box2-item .fz-18,
    .new-spread-page .box2-bg .box2-item .fz-18,
    .content-planning-page .box2-bg .box2-item .fz-18 {
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #1e293b !important;
        margin: 0 !important;
        text-align: left !important;
    }
    .news-release-page .box2-bg .box2-item .fz-14,
    .new-spread-page .box2-bg .box2-item .fz-14,
    .content-planning-page .box2-bg .box2-item .fz-14 {
        font-size: 12px !important;
        color: #64748b !important;
        margin-top: 4px !important;
        text-align: left !important;
    }

    /* 新闻发布专页 (/product/news) 专属响应式 */
    .news-release-page .box2 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .news-release-page .box2 .box2-content {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        padding: 0 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .news-release-page .box2 .box2-content .box2-item {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        padding: 20px 10px !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
        font-size: 15px !important;
    }
    .news-release-page .box2 .box2-content .box2-item > img {
        width: 60px !important;
        height: 60px !important;
        margin-bottom: 10px !important;
    }
    .news-release-page .vs-box {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        position: relative !important;
        padding: 0 14px !important;
        box-sizing: border-box !important;
        background: none !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }
    .news-release-page .vs-box .title-vs {
        padding: 0 10px !important;
        margin-bottom: 12px !important;
    }
    .news-release-page .vs-box .img-vs {
        height: auto !important;
        position: static !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }
    .news-release-page .vs-box .img-vs .img-vs-left,
    .news-release-page .vs-box .img-vs .img-vs-right {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 180px !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 24px 16px !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
        background-size: cover !important;
    }
    .news-release-page .vs-box .img-vs .img-vs-right {
        padding-left: 16px !important;
    }
    .news-release-page .investigate-box {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        padding: 20px 14px !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
        margin-top: 24px !important;
    }
    .news-release-page .investigate-box .investigate-img-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 0 !important;
        gap: 16px !important;
    }
    .news-release-page .investigate-box .investigate-img-box img {
        max-width: 90% !important;
        height: auto !important;
        width: auto !important;
    }
    .news-release-page .investigate-box .investigate-img-box img[src*="arrow-right"] {
        transform: rotate(90deg) !important;
        width: 28px !important;
        height: 28px !important;
        margin: 4px 0 !important;
    }
    .news-release-page .investigate-box .investigate-title-box {
        display: none !important;
    }
    .news-release-page .investigate-box2 {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 0 14px !important;
        margin-top: 24px !important;
        box-sizing: border-box !important;
        gap: 16px !important;
        width: 100% !important;
    }
    .news-release-page .investigate-box2 > div {
        width: 100% !important;
    }
    .news-release-page .investigate-box2 .fz-24 {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }
    .news-release-page .investigate-box2 .c-707072 {
        font-size: 13px !important;
        line-height: 1.6 !important;
        margin-top: 10px !important;
    }
    .news-release-page .investigate-box2 .btn-primary-big {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 120px !important;
        height: 38px !important;
        line-height: 38px !important;
        padding: 0 20px !important;
        box-sizing: border-box !important;
        text-align: center !important;
        border-radius: 20px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
        margin-top: 14px !important;
        flex-shrink: 0 !important;
    }
    .news-release-page .spread-box {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        top: 0 !important;
        margin-bottom: 30px !important;
        padding: 0 14px !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }
    .news-release-page .spread-box .spread-box-content {
        width: 100% !important;
        order: 1 !important;
        margin-bottom: 16px !important;
    }
    .news-release-page .spread-box .spread-box-content .fz-34 {
        font-size: 20px !important;
        margin-top: 12px !important;
        line-height: 1.3 !important;
    }
    .news-release-page .spread-box .spread-box-content p {
        font-size: 13px !important;
        line-height: 1.6 !important;
        margin-top: 10px !important;
    }
    .news-release-page .spread-box .spread-box-content .btn-primary {
        margin-top: 16px !important;
    }
    .news-release-page .spread-box .spread-box-img {
        width: 100% !important;
        order: 2 !important;
        position: static !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .news-release-page .spread-box .spread-box-img img {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        margin: 0 !important;
    }
    .news-release-page .case {
        width: 100% !important;
        padding: 0 14px 40px !important;
        box-sizing: border-box !important;
    }
    .news-release-page .case .fz-34 {
        font-size: 20px !important;
        margin-top: 30px !important;
    }
    .news-release-page .case img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    /* 新品发布解决方案 (/solution/newon) 专属响应式 */
    .new-spread-page .box2 .box2-content {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        padding: 0 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .new-spread-page .box2 .box2-content .box2-item {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        padding: 24px 10px !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
        border: 1px solid #e6e8ec !important;
    }
    .new-spread-page .box2 .box2-content .box2-item > .svg-icon {
        height: 54px !important;
        width: 54px !important;
        margin-bottom: 12px !important;
    }
    .new-spread-page .box3-bg {
        height: auto !important;
        min-height: auto !important;
        padding-top: 30px !important;
        padding-bottom: 40px !important;
        background-size: cover !important;
    }
    .new-spread-page .box3-bg .box3 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
        width: 100% !important;
        padding: 0 14px !important;
        box-sizing: border-box !important;
    }
    .new-spread-page .box3-bg .box3 > .w-1200 {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }
    .new-spread-page .box3-bg .box3 .box3-center {
        order: -1 !important;
        margin-bottom: 10px !important;
        height: auto !important;
        width: auto !important;
    }
    .new-spread-page .box3-bg .box3 .box3-around {
        position: relative !important;
        margin: 0 auto !important;
        transform: scale(0.95);
        max-width: 100% !important;
    }
    .new-spread-page .box4 {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        padding: 0 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .new-spread-page .box4 .box4-item {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        padding-bottom: 24px !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
    }
    .new-spread-page .box4 .box4-item .thumb {
        width: 100% !important;
        height: 180px !important;
        object-fit: cover !important;
    }
    .new-spread-page .box5 .box5-content {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        padding: 0 14px !important;
        margin-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .new-spread-page .box5 .box5-item {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        padding: 30px 14px !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
        margin-top: 0 !important;
    }
    .new-spread-page .box5 .box5-item:nth-child(2n) {
        margin-top: 0 !important;
    }
    .new-spread-page .box6-bg {
        height: auto !important;
        min-height: auto !important;
        padding: 30px 14px !important;
        background: #ffffff !important;
    }
    .new-spread-page .box6-bg .box6 {
        height: auto !important;
        min-height: auto !important;
        width: 100% !important;
        background: none !important;
        position: static !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        padding: 0 !important;
    }
    .new-spread-page .box6-bg .box6 .box6-item-left {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        padding: 16px !important;
        box-sizing: border-box !important;
        gap: 16px !important;
    }
    .new-spread-page .box6-bg .box6 .box6-item-left > div {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .new-spread-page .box6-bg .box6 .box6-item-left img {
        width: 54px !important;
        height: 54px !important;
        order: -1 !important;
        flex-shrink: 0 !important;
    }
    .new-spread-page .box6-bg .box6 .box6-item-left .fz-22 {
        font-size: 14px !important;
        width: auto !important;
        padding: 0 10px !important;
        height: 26px !important;
        line-height: 26px !important;
        border-radius: 4px !important;
    }
    .new-spread-page .box6-bg .box6 .box6-item-left .fz-20 {
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #1e293b !important;
        margin-top: 6px !important;
    }

    /* 客户案例轮播统一响应式 (.customer-story-bg) */
    .customer-story-bg {
        height: auto !important;
        min-height: auto !important;
        background-image: none !important;
        padding: 30px 14px !important;
    }
    .customer-story-bg .box6 {
        padding-top: 0 !important;
        width: 100% !important;
    }
    .customer-story-bg .box6-carousel {
        position: relative !important;
        width: 100% !important;
    }
    .customer-story-bg .box6-carousel .arrow-left,
    .customer-story-bg .box6-carousel .arrow-right {
        display: none !important;
    }
    .customer-story-bg .box6-carousel .box6-carousel-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
        width: 100% !important;
    }
    .customer-story-bg .box6-carousel .box6-carousel-item-text {
        width: 100% !important;
        padding: 16px 12px 16px 40px !important;
        box-sizing: border-box !important;
        background-position: 8px 16px !important;
    }
    .customer-story-bg .box6-carousel .box6-carousel-item-text > .title {
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding-bottom: 16px !important;
    }
    .customer-story-bg .box6-carousel .box6-carousel-item > img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        border-radius: 10px !important;
    }
    .customer-story-bg .box6 .btn-black-pain {
        margin-top: 24px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }

    /* 内容策划与舆情监测专页 (/product/content, /product/monitoring) */
    .content-planning-page .box2 .box2-content {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        padding: 0 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .content-planning-page .box2 .box2-content .box2-item {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        padding: 20px 10px !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
        font-size: 15px !important;
    }
    .content-planning-page .box2 .box2-content .box2-item > .svg-icon {
        font-size: 50px !important;
        height: 50px !important;
        width: 50px !important;
        margin-bottom: 12px !important;
        margin-left: 0 !important;
    }
    .content-planning-page .fz-20.ta-c {
        font-size: 14px !important;
        line-height: 1.6 !important;
        padding: 0 16px !important;
        margin-top: 10px !important;
        margin-bottom: 24px !important;
        box-sizing: border-box !important;
    }
    .content-planning-page .spread-box,
    .content-planning-page #qmfg {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 14px !important;
        padding-top: 0 !important;
        margin-bottom: 24px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .content-planning-page .spread-box .spread-box-content {
        width: 100% !important;
        order: 1 !important;
        flex: none !important;
    }
    .content-planning-page .spread-box .spread-box-content .fz-34 {
        font-size: 20px !important;
        margin-top: 12px !important;
        line-height: 1.3 !important;
    }
    .content-planning-page .spread-box .spread-box-content p {
        font-size: 13px !important;
        line-height: 1.6 !important;
        margin-top: 10px !important;
    }
    .content-planning-page .spread-box .spread-box-content .btn,
    .content-planning-page .spread-box .spread-box-content .btn-primary {
        margin-top: 16px !important;
    }
    .content-planning-page .spread-box .spread-box-img {
        width: 100% !important;
        order: 2 !important;
        margin-top: 16px !important;
        position: static !important;
        display: flex !important;
        justify-content: center !important;
    }
    .content-planning-page .spread-box .spread-box-img img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        position: static !important;
        left: auto !important;
        right: auto !important;
        margin: 0 auto !important;
        object-fit: contain !important;
    }
    .content-planning-page .spread-box .spread-box-img .bg-circle-right,
    .content-planning-page .spread-box .spread-box-img .bg-circle-left,
    .content-planning-page .spread-box .spread-box-img [src*="bg-dots"] {
        display: none !important;
    }
    .content-planning-page .area-box {
        display: flex !important;
        flex-direction: column !important;
        padding: 20px 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .content-planning-page .area-box .area-item {
        width: 100% !important;
        padding: 15px 0 !important;
        box-sizing: border-box !important;
    }
    .content-planning-page .delivery-method-bg {
        height: auto !important;
        padding: 30px 14px !important;
    }
    .content-planning-page .delivery-method-bg .delivery-method-box {
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 20px 14px !important;
        gap: 20px !important;
    }
    .content-planning-page .delivery-method-bg .delivery-method-box .delivery-method-item {
        width: 100% !important;
    }
    .content-planning-page .package-box .package-item {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        width: 100% !important;
        margin-bottom: 14px !important;
    }
    .content-planning-page .package-box .package-item > .title {
        width: 100% !important;
        height: 60px !important;
    }
    .content-planning-page .package-box .package-item > .body {
        width: 100% !important;
        padding: 16px !important;
        box-sizing: border-box !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }
    .content-planning-page .case-box {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        padding: 0 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .content-planning-page .case-box .case-item {
        width: 100% !important;
        height: auto !important;
    }
    .content-planning-page .case-box .case-item > img {
        width: 100% !important;
        height: 120px !important;
        object-fit: cover !important;
    }
    .content-planning-page .qa-box .box6-carousel .qa-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }
    .content-planning-page .qa-box .box6-carousel .qa-container .qa-item {
        width: 100% !important;
        height: auto !important;
        padding: 16px !important;
        box-sizing: border-box !important;
    }

    /* App 解决方案专页 (/solution/app) */
    .app-spread-page .box5 .box5-content {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        padding: 0 14px !important;
    }
    .app-spread-page .box5 .box5-item {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
        height: auto !important;
        padding: 30px 20px !important;
    }
    .app-spread-page .box5 .box5-item:nth-child(2n) {
        margin-top: 0 !important;
    }
    .app-spread-page .solution-box {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        padding: 0 14px !important;
        height: auto !important;
    }
    .app-spread-page .solution-item {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
        height: auto !important;
        padding: 24px 16px !important;
    }
    .app-spread-page .solution-item .thumb {
        width: 100% !important;
        height: 180px !important;
        object-fit: cover !important;
    }
    .app-spread-page .solution-item .intro {
        opacity: 1 !important;
        margin-top: 14px !important;
    }
    .app-spread-page .analyse-img {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        text-align: center !important;
    }
    .app-spread-page .analyse-img img {
        max-width: 100% !important;
        height: auto !important;
    }
    .app-spread-page .analyse-img [src*="bg-circle"],
    .app-spread-page .analyse-img [src*="bg-dots"] {
        display: none !important;
    }
    .app-spread-page .analyse-box {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        padding: 0 14px !important;
    }
    .app-spread-page .analyse-item,
    .app-spread-page .analyse-box .analyse-item.analyse-item-2 {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
        height: auto !important;
        padding: 20px 16px !important;
    }
    .app-spread-page .marketing-planning-bg {
        height: auto !important;
        background: #f8f9fc !important;
        padding: 30px 14px !important;
    }
    .app-spread-page .marketing-planning-bg .marketing-planning-box {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        padding-top: 20px !important;
    }
    .app-spread-page .marketing-planning-bg .marketing-planning-box .mp-item {
        width: 100% !important;
        height: auto !important;
        min-height: 260px !important;
        background-size: cover !important;
        border-radius: 12px !important;
    }
    .app-spread-page .marketing-planning-bg .marketing-planning-box .mp-item.mp-item-big {
        width: 100% !important;
        height: auto !important;
        padding: 20px 14px !important;
        box-sizing: border-box !important;
        margin-top: 0 !important;
    }
    .app-spread-page .box3 {
        padding: 20px 14px !important;
    }
    .app-spread-page .box3 .box3-item {
        display: flex !important;
        flex-direction: column !important;
        margin-top: 24px !important;
        gap: 16px !important;
    }
    .app-spread-page .box3 .box3-item .box3-item-text {
        padding-right: 0 !important;
        width: 100% !important;
    }
    .app-spread-page .box3 .box3-item .box3-item-img img {
        max-width: 100% !important;
        height: auto !important;
    }
}