/* 猿急送 V2.0 CSS 架构 - H5 移动端专属 */
/* ========================================================================== */

/* H5 按压交互反馈 (替代 PC 的 Hover) */
.yjs-v2-m-btn-primary:active,
.yjs-v2-m-btn-success:active {
        filter: brightness(0.9);
        transition: filter 0.1s;
}

/* 适配移动端的流式卡片 */
.yjs-v2-m-card {
        padding: 12px;
        border-radius: 8px;
        border: none;
        border-bottom: 1px solid #f0f0f0;
}

/* ============ H5 顶部极简信任与服务胶囊 (替代原有两个大横幅) ============ */
.yjs-h5-top-capsule-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin: 0 12px 10px;
        background: #f4f6f8;
        border-radius: 6px;
        padding: 8px 12px;
}

.yjs-h5-top-search-entry,
.yjs-h5-top-capsule-credit,
.yjs-h5-top-capsule-cs {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
        outline: none !important;
        box-shadow: none !important;
        transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.yjs-h5-top-search-entry:hover,
.yjs-h5-top-search-entry:focus,
.yjs-h5-top-search-entry:active,
.yjs-h5-top-search-entry:visited {
        text-decoration: none !important;
        background: #ffffff !important;
        border-color: #e8f2ec !important;
        box-shadow: 0 2px 8px rgba(39, 174, 96, 0.04) !important;
        outline: none !important;
}

.yjs-h5-top-capsule-credit:hover,
.yjs-h5-top-capsule-credit:focus,
.yjs-h5-top-capsule-credit:active,
.yjs-h5-top-capsule-credit:visited {
        color: #5c6b77 !important;
        text-decoration: none !important;
        background: transparent !important;
        outline: none !important;
}

.yjs-h5-top-capsule-cs:hover,
.yjs-h5-top-capsule-cs:focus,
.yjs-h5-top-capsule-cs:active,
.yjs-h5-top-capsule-cs:visited {
        color: #27AE60 !important;
        text-decoration: none !important;
        background: transparent !important;
        outline: none !important;
}

/* 左侧：信任背书 */
.yjs-h5-top-capsule-credit {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        min-width: 0;
        flex: 1 1 auto;
        color: #5c6b77;
        font-size: 11px;
        text-decoration: none !important;
}

.yjs-h5-top-capsule-credit i {
        color: #2aa155;
        font-size: 12px;
        flex: 0 0 auto;
}

.yjs-h5-top-capsule-credit em {
        font-style: normal;
        color: #27AE60;
        font-weight: 600;
        font-size: 11px;
        line-height: 18px;
        padding: 0 6px;
        border-radius: 10px;
        background: rgba(39, 174, 96, 0.12);
        flex: 0 0 auto;
}

.yjs-h5-top-capsule-credit span {
        white-space: nowrap;
}

.yjs-h5-top-capsule-arrow {
        color: #8fa0ad;
        font-size: 12px;
        line-height: 1;
        margin-left: -1px;
        flex: 0 0 auto;
}

/* 右侧：客服引导 */
.yjs-h5-top-capsule-cs {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        flex: 0 0 auto;
        color: #27AE60;
        font-size: 11px;
        font-weight: 500;
        text-decoration: none !important;
        white-space: nowrap;
}

.yjs-h5-top-capsule-cs svg {
        width: 13px !important;
        height: 13px !important;
        fill: currentColor;
        display: inline-block;
}

/* ============ H5 V2 分页组件 ============ */
.yjs-v2-m-pager {
        margin-top: 18px;
        padding-bottom: 36px;
}

.yjs-v2-m-pager-nav {
        margin: 0;
}

.yjs-v2-m-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        gap: 12px;
        margin: 0;
        padding: 0;
}

.yjs-v2-m-pagination-item {
        list-style: none;
        flex: 1;
        min-width: 0;
}

.yjs-v2-m-pagination-link,
.yjs-v2-m-pagination-link:link,
.yjs-v2-m-pagination-link:visited,
.yjs-v2-m-pagination-link:hover,
.yjs-v2-m-pagination-link:focus,
.yjs-v2-m-pagination-link:active {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 42px;
        padding: 0 12px;
        border-radius: 999px;
        border: 1px solid #e8edf3;
        background: #fff;
        color: #203043;
        font-size: 15px;
        font-weight: 500;
        line-height: 42px;
        text-decoration: none !important;
        box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        white-space: nowrap;
}

.yjs-v2-m-pagination-item-disabled .yjs-v2-m-pagination-link,
.yjs-v2-m-pagination-item-disabled .yjs-v2-m-pagination-link:link,
.yjs-v2-m-pagination-item-disabled .yjs-v2-m-pagination-link:visited {
        color: #bdc8d6;
        border-color: #edf1f5;
        box-shadow: none;
}

.yjs-h5-plist-breadcrumb,
.yjs-h5-prod-breadcrumb {
        font-size: 12px;
        line-height: 1.6;
        margin-bottom: 24px;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
}

.yjs-h5-prod-breadcrumb {
        margin-bottom: 12px;
}

.yjs-h5-plist-breadcrumb {
        text-align: center;
}

.yjs-h5-plist-breadcrumb .yjs-breadcrumb,
.yjs-h5-prod-breadcrumb .yjs-breadcrumb {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
}

.yjs-h5-plist-breadcrumb::-webkit-scrollbar,
.yjs-h5-prod-breadcrumb::-webkit-scrollbar,
.yjs-h5-plist-breadcrumb .yjs-breadcrumb::-webkit-scrollbar,
.yjs-h5-prod-breadcrumb .yjs-breadcrumb::-webkit-scrollbar {
        display: none;
}

.yjs-h5-plist-breadcrumb .yjs-breadcrumb-link,
.yjs-h5-plist-breadcrumb .yjs-breadcrumb-link:link,
.yjs-h5-plist-breadcrumb .yjs-breadcrumb-link:visited,
.yjs-h5-prod-breadcrumb .yjs-breadcrumb-link,
.yjs-h5-prod-breadcrumb .yjs-breadcrumb-link:link,
.yjs-h5-prod-breadcrumb .yjs-breadcrumb-link:visited {
        color: var(--yjs-text-muted, #a0aab5) !important;
        text-decoration: none;
}

.yjs-h5-plist-breadcrumb .yjs-breadcrumb-link:hover,
.yjs-h5-plist-breadcrumb .yjs-breadcrumb-link:focus,
.yjs-h5-prod-breadcrumb .yjs-breadcrumb-link:hover,
.yjs-h5-prod-breadcrumb .yjs-breadcrumb-link:focus {
        color: var(--yjs-text-muted, #a0aab5) !important;
        text-decoration: none;
}

.yjs-h5-plist-breadcrumb .yjs-breadcrumb-current,
.yjs-h5-prod-breadcrumb .yjs-breadcrumb-current {
        color: var(--yjs-text-strong, #1d2129) !important;
}

.yjs-h5-plist-breadcrumb .yjs-breadcrumb-sep,
.yjs-h5-prod-breadcrumb .yjs-breadcrumb-sep {
        color: #c0c6cf !important;
}

/* ==========================================================================
   H5 端 /conplist/{uid} 案例列表页（作用域 .yjs-h5-plist-page 严格本地化）
   ========================================================================== */
.yjs-h5-plist-page .yjs-h5-plist-card-title a,
.yjs-h5-plist-page .yjs-h5-plist-card-title a:link,
.yjs-h5-plist-page .yjs-h5-plist-card-title a:visited {
        color: var(--yjs-text-strong) !important;
        text-decoration: none;
}

.yjs-h5-plist-page .yjs-h5-plist-card-title a:hover,
.yjs-h5-plist-page .yjs-h5-plist-card-title a:focus {
        color: var(--yjs-brand) !important;
        text-decoration: none;
}

.yjs-h5-plist-page .yjs-h5-plist-card-title a:active {
        color: var(--yjs-brand-active) !important;
}

.yjs-h5-plist-page .yjs-h5-plist-chip,
.yjs-h5-plist-page .yjs-h5-plist-chip:link,
.yjs-h5-plist-page .yjs-h5-plist-chip:visited {
        color: var(--yjs-text-secondary) !important;
        background: var(--yjs-bg-light) !important;
        border: 1px solid transparent !important;
        text-decoration: none;
}

.yjs-h5-plist-page .yjs-h5-plist-chip:hover,
.yjs-h5-plist-page .yjs-h5-plist-chip:focus {
        color: var(--yjs-brand) !important;
        background: var(--yjs-brand-bg) !important;
        border-color: transparent !important;
        text-decoration: none;
}

.yjs-h5-plist-page .yjs-h5-plist-author,
.yjs-h5-plist-page .yjs-h5-plist-author:link,
.yjs-h5-plist-page .yjs-h5-plist-author:visited {
        color: var(--yjs-text-secondary) !important;
        text-decoration: none;
}

.yjs-h5-plist-page .yjs-h5-plist-author:hover,
.yjs-h5-plist-page .yjs-h5-plist-author:focus {
        color: var(--yjs-text-secondary) !important;
        text-decoration: none;
}

.yjs-h5-plist-page .yjs-h5-plist-cta-btn,
.yjs-h5-plist-page .yjs-h5-plist-cta-btn:link,
.yjs-h5-plist-page .yjs-h5-plist-cta-btn:visited {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        padding: 0 20px;
        min-width: 140px;
        border-radius: 100px;
        background: var(--yjs-brand) !important;
        background-color: var(--yjs-brand) !important;
        color: var(--yjs-bg-white) !important;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none !important;
        border: none;
        box-shadow: var(--yjs-shadow-cta);
        -webkit-tap-highlight-color: transparent;
        outline: none;
        transition: background-color .15s ease, transform .15s ease;
}

.yjs-h5-plist-page .yjs-h5-plist-cta-btn:hover,
.yjs-h5-plist-page .yjs-h5-plist-cta-btn:focus {
        background: var(--yjs-brand-hover) !important;
        background-color: var(--yjs-brand-hover) !important;
        color: var(--yjs-bg-white) !important;
        filter: none;
        box-shadow: var(--yjs-shadow-btn-hover) !important;
        text-decoration: none !important;
}

.yjs-h5-plist-page .yjs-h5-plist-cta-btn:active {
        background: var(--yjs-brand-active) !important;
        background-color: var(--yjs-brand-active) !important;
        color: var(--yjs-bg-white) !important;
        transform: scale(0.98);
}

/* 兜底：避免全局 a 绿色规则污染 H5 列表页 */
.yjs-h5-plist-page a:not([class*="btn"]):not([class*="cta"]):not([class*="button"]),
.yjs-h5-plist-page a:not([class*="btn"]):not([class*="cta"]):not([class*="button"]):link,
.yjs-h5-plist-page a:not([class*="btn"]):not([class*="cta"]):not([class*="button"]):visited {
        color: var(--yjs-text-body);
}