/**
 * 成功案例专属样式 - 主色使用 var(--primary-color)，可在主题设置 > 基础设置 中调整
 * 列表页采用产品列表布局（侧边栏 + 主内容，非宽屏）
 */

/* 主内容标题区 - 左侧竖条与标题垂直居中对齐 */
#c_static_001_P_24451-1688537804405 .e_container-18 {
    display: flex !important;
    align-items: center !important;
    padding-left: 15px !important;
}
#c_static_001_P_24451-1688537804405 .e_container-18::before {
    top: 50% !important;
    transform: translateY(-50%) !important;
}
#c_static_001_P_24451-1688537804405 .e_container-18 .e_text-20 {
    text-align: left !important;
}

/* 侧边栏：搜索 + 产品推荐 - 主题色 var(--primary-color, var(--primary-color,#075a61))，完全独立布局避免被主题覆盖 */
.case-sidebar-wrap {
    display: block !important;
    overflow: visible !important;
}
.case-sidebar-block {
    display: block !important;
    margin: 0 !important;
    padding: 0 0 20px !important;
    border-bottom: 1px solid #eee;
    overflow: visible !important;
}
.case-sidebar-block + .case-sidebar-block { margin-top: 20px !important; }
.case-sidebar-block + .e_container-4 { margin-top: 20px !important; }
.case-sidebar-heading {
    margin: 0 0 14px !important;
    padding: 10px 15px !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background-color: var(--primary-color, var(--primary-color,#075a61)) !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    line-height: 1.5 !important;
}
.case-sidebar-heading .case-search-icon {
    margin-right: 8px !important;
    vertical-align: middle !important;
    fill: currentColor !important;
}
.case-sidebar-search-btn .case-search-icon {
    display: block !important;
    fill: currentColor !important;
}

/* 搜索 */
.case-sidebar-search-form { margin: 0 !important; }
.case-sidebar-search-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.case-sidebar-search-input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #333 !important;
    background: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
}
.case-sidebar-search-input::placeholder { color: #999 !important; }
.case-sidebar-search-input:focus {
    outline: none !important;
    border-color: var(--primary-color, var(--primary-color,#075a61)) !important;
    box-shadow: 0 0 0 2px rgba(var(--primary-rgb, 7, 90, 97), 0.15) !important;
}
.case-sidebar-search-btn {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 14px !important;
    color: #fff !important;
    background: var(--primary-color, var(--primary-color,#075a61)) !important;
    border: 1px solid var(--primary-color, var(--primary-color,#075a61)) !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}
.case-sidebar-search-btn:hover {
    background: var(--primary-color-dark, var(--primary-color-dark,#054248)) !important;
    border-color: var(--primary-color-dark, var(--primary-color-dark,#054248)) !important;
    color: #fff !important;
}

/* 产品列表 - 白色背景与下方联系方式一致 */
.case-sidebar-products {
    background: #fff !important;
    padding: 0 !important;
    border-radius: 0 0 10px 10px !important;
    overflow: hidden !important;
}
.case-sidebar-products .case-sidebar-product-list,
.case-sidebar-products .case-sidebar-more-wrap {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.case-sidebar-products .case-sidebar-product-list {
    padding-top: 14px !important;
    padding-bottom: 0 !important;
}
.case-sidebar-products .case-sidebar-more-wrap {
    padding-bottom: 20px !important;
    padding-top: 0 !important;
}
.case-sidebar-product-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}
.case-sidebar-product-item {
    display: block !important;
    margin: 0 0 14px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
.case-sidebar-product-item:last-of-type { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; }
.case-sidebar-product-link {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    color: #333 !important;
}
.case-sidebar-product-link:hover { color: var(--primary-color, var(--primary-color,#075a61)) !important; }
.case-sidebar-product-thumb {
    flex: 0 0 56px !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    overflow: hidden !important;
    border-radius: 4px !important;
    background: #f5f5f5 !important;
}
.case-sidebar-product-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.case-sidebar-product-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    word-break: break-word !important;
}
.case-sidebar-more-wrap { margin: 14px 0 0 !important; padding: 0 !important; }
.case-sidebar-more {
    font-size: 14px !important;
    color: var(--primary-color, var(--primary-color,#075a61)) !important;
    text-decoration: none !important;
}
.case-sidebar-more:hover { color: var(--primary-color-dark, var(--primary-color-dark,#054248)) !important; text-decoration: underline !important; }
/* 列表页 - 卡片布局（嵌入产品列表 .p_list 内） */
.p_list .case-study-cards {
    display: grid;
    gap: 24px;
    padding: 0;
    margin: 0;
    list-style: none;
}
@media (min-width: 1025px) {
    .p_list .case-study-cards { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .p_list .case-study-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .p_list .case-study-cards { grid-template-columns: 1fr; gap: 20px; }
}

.case-study-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    transition: box-shadow 0.3s, transform 0.2s;
}
.case-study-card:hover {
    box-shadow: 0 6px 24px rgba(var(--primary-rgb, 7, 90, 97), 0.15);
    transform: translateY(-2px);
}
.case-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}
.case-card-thumb {
    position: relative;
    aspect-ratio: 16/10;
    overflow: hidden;
    background: #f0f0f0;
}
.case-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
}
.case-study-card:hover .case-card-thumb img {
    transform: scale(1.05);
}
.case-card-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 4px 10px;
    background: rgba(var(--primary-rgb, 7, 90, 97), 0.9);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
}
.case-card-badge i { margin-right: 4px; font-size: 10px; }
.case-card-body { padding: 20px; }
.case-card-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 10px;
    color: #333;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.case-card-link:hover .case-card-title { color: var(--primary-color, var(--primary-color,#075a61)); }
.case-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}
.case-meta-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    background: #f0f7f8;
    color: var(--primary-color, var(--primary-color,#075a61));
    font-size: 12px;
    border-radius: 3px;
}
.case-meta-tag i { font-size: 10px; }
.case-card-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0 0 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.case-card-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: var(--primary-color, var(--primary-color,#075a61));
    font-weight: 500;
    transition: gap 0.2s;
}
.case-card-link:hover .case-card-cta { gap: 10px; }

.case-read-more { display: inline-block; margin-top: 12px; color: var(--primary-color, var(--primary-color,#075a61)); font-weight: 500; text-decoration: none; }
.case-read-more:hover { color: var(--primary-color-dark, var(--primary-color-dark,#054248)); text-decoration: underline; }
.case-read-more i { margin-left: 4px; font-size: 0.85em; }
.case-meta-inline { color: #6c757d; font-size: 0.9em; }
.case-meta-inline i { margin-right: 4px; }
.case-study-pagination { padding: 24px 0; }
.case-study-pagination .pagination { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; list-style: none; margin: 0; padding: 0; }
.case-study-pagination .page-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border: 1px solid var(--primary-color, var(--primary-color,#075a61)); color: var(--primary-color, var(--primary-color,#075a61)); background: #fff; border-radius: 4px; text-decoration: none; font-size: 14px; }
.case-study-pagination .page-btn:hover:not(.is-disabled) { background: var(--primary-color, var(--primary-color,#075a61)); color: #fff; }
.case-study-pagination .page-btn.is-disabled { opacity: 0.5; cursor: not-allowed; }
.case-study-pagination .page-num { padding: 8px 12px; margin: 0 4px; border: 1px solid #dee2e6; border-radius: 4px; color: #333; text-decoration: none; }
.case-study-pagination .page-num:hover, .case-study-pagination .page-num.current { background: var(--primary-color, var(--primary-color,#075a61)); color: #fff; border-color: var(--primary-color, var(--primary-color,#075a61)); }

/* 详情页 */
.case-detail-main { max-width: 900px; margin: 0 auto; }

/* 图集 + 标题与元信息 - 双栏布局 */
.case-detail-hero {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    align-items: flex-start;
    margin-bottom: 32px;
}
.case-detail-hero-col {
    flex: 1 1 auto;
    min-width: 0;
}
.case-detail-hero-gallery {
    flex: 1 1 42%;
    min-width: 260px;
}
.case-detail-hero-info {
    flex: 1 1 50%;
    min-width: 260px;
}
.case-detail-hero.no-gallery .case-detail-hero-gallery {
    display: none;
}
.case-detail-hero.no-gallery .case-detail-hero-info {
    flex: 1 1 100%;
}
@media (max-width: 768px) {
    .case-detail-hero { flex-direction: column; gap: 24px; }
    .case-detail-hero-gallery,
    .case-detail-hero-info { flex: 1 1 100%; min-width: 0; }
}

.case-detail-gallery { border-radius: 6px; overflow: hidden; }
.case-gallery-swiper { position: relative; }
.case-gallery-swiper .swiper-slide { height: 400px; }
.case-gallery-swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.case-gallery-single img { width: 100%; height: auto; display: block; }

/* 相册切换图标 - 继承主题色 var(--primary-color, var(--primary-color,#075a61)) */
.case-gallery-swiper .swiper-button-prev,
.case-gallery-swiper .swiper-button-next {
    color: var(--primary-color, var(--primary-color,#075a61)) !important;
}
.case-gallery-swiper .swiper-button-prev::after,
.case-gallery-swiper .swiper-button-next::after {
    color: var(--primary-color, var(--primary-color,#075a61)) !important;
}
.case-gallery-swiper .swiper-pagination-bullet {
    background: rgba(var(--primary-rgb, 7, 90, 97), 0.4) !important;
    opacity: 1 !important;
}
.case-gallery-swiper .swiper-pagination-bullet:hover {
    background: rgba(var(--primary-rgb, 7, 90, 97), 0.7) !important;
}
.case-gallery-swiper .swiper-pagination-bullet-active {
    background: var(--primary-color, var(--primary-color,#075a61)) !important;
}
/* 覆盖 capacity 的 #c_static_001_P_5561 .e_text-24：文字居左、字号 26px */
.case-detail-title,
#c_static_001_P_5561-16885449959530 .case-detail-title.e_text-24 {
    text-align: left !important;
    font-size: 26px !important;
    margin: 0 0 12px !important;
    color: #333 !important;
    line-height: 1.5 !important;
}
.case-detail-lead { color: #666; font-size: 1rem; line-height: 1.6; margin: 0 0 16px; }
.case-detail-meta { display: flex; flex-wrap: wrap; gap: 16px 24px; margin-bottom: 20px; color: #6c757d; font-size: 0.9rem; }
.case-detail-meta .meta-item i { margin-right: 6px; color: var(--primary-color, var(--primary-color,#075a61)); }
.case-detail-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 32px; }
.case-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: 4px; font-size: 14px; text-decoration: none; transition: all 0.2s; }
.case-btn-primary { background: var(--primary-color, var(--primary-color,#075a61)); color: #fff; border: 1px solid var(--primary-color, var(--primary-color,#075a61)); }
.case-btn-primary:hover { background: var(--primary-color-dark, var(--primary-color-dark,#054248)); border-color: var(--primary-color-dark, var(--primary-color-dark,#054248)); color: #fff; }
.case-btn-outline { background: #fff; color: var(--primary-color, var(--primary-color,#075a61)); border: 1px solid var(--primary-color, var(--primary-color,#075a61)); }
.case-btn-outline:hover { background: var(--primary-color, var(--primary-color,#075a61)); color: #fff; }

/* Tab */
.case-detail-tabs { margin: 32px 0; border-top: 1px solid #eee; padding-top: 24px; }
.case-tabs-nav { display: flex; gap: 0; margin: 0 0 20px; padding: 0; list-style: none; border-bottom: 1px solid #dee2e6; }
.case-tab-link { padding: 12px 20px; cursor: pointer; color: #666; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.case-tab-link:hover { color: var(--primary-color, var(--primary-color,#075a61)); }
.case-tab-link.active { color: var(--primary-color, var(--primary-color,#075a61)); font-weight: 600; border-bottom-color: var(--primary-color, var(--primary-color,#075a61)); }
.case-tab-pane { display: none; padding: 24px 0; }
.case-tab-pane.active { display: block; }
/* 案例详情正文排版：段落、标题、列表间距优化 */
.case-tab-pane .entry-content {
    line-height: 1.8;
    text-align: left;
}
.case-tab-pane .entry-content p {
    margin: 0 0 1.2em;
    color: #444;
}
.case-tab-pane .entry-content p:last-child {
    margin-bottom: 0;
}
.case-tab-pane .entry-content h2,
.case-tab-pane .entry-content h3,
.case-tab-pane .entry-content h4 {
    margin: 1.6em 0 0.6em;
    color: #333;
    line-height: 1.4;
}
.case-tab-pane .entry-content h2:first-child,
.case-tab-pane .entry-content h3:first-child,
.case-tab-pane .entry-content h4:first-child {
    margin-top: 0;
}
.case-tab-pane .entry-content ul,
.case-tab-pane .entry-content ol {
    margin: 0 0 1.2em;
    padding-left: 1.5em;
}
.case-tab-pane .entry-content li {
    margin-bottom: 0.4em;
}
.case-tab-pane .entry-content blockquote {
    margin: 1.2em 0;
    padding: 12px 20px;
    border-left: 4px solid var(--primary-color, #075a61);
    background: #f8f9fa;
    color: #555;
}
.case-tab-pane .entry-content img {
    margin: 1em 0;
    max-width: 100%;
    height: auto;
}
/* Project Details 区块：挑战/方案/结果 */
.case-detail-item { margin-bottom: 28px; }
.case-detail-item:last-child { margin-bottom: 0; }
.case-detail-item h4 { font-size: 1.1rem; color: #333; margin: 0 0 12px; line-height: 1.4; }
.case-detail-item h4 i { margin-right: 8px; color: var(--primary-color, var(--primary-color,#075a61)); }
.case-detail-item p {
    margin: 0;
    color: #555;
    line-height: 1.8;
}
.case-detail-item p + p {
    margin-top: 0.8em;
}

/* 相关案例 - 更多成功案例（强制 4 列，覆盖其他样式） */
.case-related-block { margin-top: 48px; padding-top: 32px; border-top: 1px solid #eee; }
.case-related-block h3 { margin: 0 0 24px; }
/* 详情页专属：body.single-case_study 确保覆盖 product_list 等样式 */
body.single-case_study #related-cases .case-related-grid,
body.single-case_study .case-related-block .case-related-grid,
#related-cases .case-related-grid,
.case-related-block .case-related-grid {
    display: grid !important;
    gap: 20px !important;
    grid-template-columns: repeat(4, 1fr) !important;
}
@media (max-width: 768px) {
    body.single-case_study #related-cases .case-related-grid,
    body.single-case_study .case-related-block .case-related-grid,
    #related-cases .case-related-grid,
    .case-related-block .case-related-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

.case-related-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    transition: box-shadow 0.3s, transform 0.2s;
}
.case-related-card:hover {
    box-shadow: 0 6px 24px rgba(var(--primary-rgb, 7, 90, 97), 0.12);
    transform: translateY(-2px);
}
.case-related-link {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

/* 缩略图 - 固定比例 16:10，统一尺寸，防止变形 */
.case-related-thumb {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #f0f0f0;
}
.case-related-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.case-related-body { padding: 18px; }
.case-related-title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 10px;
    color: #333;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.case-related-link:hover .case-related-title { color: var(--primary-color, var(--primary-color,#075a61)); }
.case-related-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin-bottom: 10px;
}
.case-related-meta .case-meta-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    background: #f0f7f8;
    color: var(--primary-color, var(--primary-color,#075a61));
    font-size: 11px;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.case-related-meta .case-meta-tag i { font-size: 10px; flex-shrink: 0; }
.case-related-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--primary-color, var(--primary-color,#075a61));
    font-weight: 500;
    transition: gap 0.2s;
}
.case-related-link:hover .case-related-cta { gap: 10px; }

/* 询盘区块 */
.case-inquiry-block { margin-top: 48px; padding: 32px; background: #f8f9fa; border-radius: 6px; }
.case-inquiry-block h3 { margin: 0 0 12px; }
.case-inquiry-desc { color: #666; margin: 0 0 20px; line-height: 1.6; }

/* 产品列表侧边栏询盘表单 */
.product-sidebar-inquiry {
    margin-top: 20px !important;
    padding-top: 20px !important;
    padding-bottom: 0 !important;
    border-top: 1px solid #eee !important;
    background: transparent !important;
}
.product-sidebar-inquiry .cbox-4-0 { padding: 0 !important; background: transparent !important; }
.product-sidebar-inquiry .sidebar-inquiry-form {
    margin-top: 14px !important;
    padding: 12px 0 0 !important;
    background: transparent !important;
}
.product-sidebar-inquiry .sidebar-inquiry-form .form-field-wrapper,
.product-sidebar-inquiry .sidebar-inquiry-form .form-group,
.product-sidebar-inquiry .sidebar-inquiry-form p {
    margin-bottom: 14px !important;
}
.product-sidebar-inquiry .sidebar-inquiry-form .form-field-wrapper:last-child,
.product-sidebar-inquiry .sidebar-inquiry-form .form-group:last-child,
.product-sidebar-inquiry .sidebar-inquiry-form p:last-child {
    margin-bottom: 0 !important;
}
.product-sidebar-inquiry .sidebar-inquiry-form label {
    display: block !important;
    margin-bottom: 6px !important;
    font-size: 14px !important;
    color: #333 !important;
}
.product-sidebar-inquiry .sidebar-inquiry-form input,
.product-sidebar-inquiry .sidebar-inquiry-form textarea,
.product-sidebar-inquiry .sidebar-inquiry-form select {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
}
.product-sidebar-inquiry .sidebar-inquiry-form .btn,
.product-sidebar-inquiry .sidebar-inquiry-form button[type="submit"],
.product-sidebar-inquiry .sidebar-inquiry-form input[type="submit"] {
    width: 100% !important;
    margin-top: 8px !important;
    padding: 12px 16px !important;
    background: var(--primary-color, #075a61) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-size: 14px !important;
}

/* 产品列表页：侧边栏询盘表单白色背景 */
.post-type-archive-product .product-sidebar-inquiry,
.tax-product_category .product-sidebar-inquiry {
    background: #fff !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.post-type-archive-product .product-sidebar-inquiry .sidebar-inquiry-form,
.tax-product_category .product-sidebar-inquiry .sidebar-inquiry-form {
    background: #fff !important;
}