/* =====================================================================
 * [PBCS PATCH] 首页专用现代样式 — home-modern.css
 * ---------------------------------------------------------------------
 * 背景：index.html 之前是「轮播 + 老 card + media 列表」组合，视觉老气、
 *       硬卡 1110px。改成现代杂志/科技门户风。
 *
 * 关键设计：
 *   - 不用 container 固定 1110px，用 .pbcs-home-wrap（max-width:1320px）
 *     大屏更舒展，小屏响应式收缩
 *   - Hero 区分左右：左 8/12 轮播 + 右 4/12 2x2 快速入口卡
 *   - 所有卡片：圆角 12-16px、柔和阴影、hover 上浮
 *   - 配色：紫蓝 #667eea（主色）/ 橙 #ff6b35（强调）/ 渐变
 *
 * 作用域：只用于 index.html（index.html 自己在 head 之后 <link> 引入）
 *         不污染其他页面（head.html 是全局，不在这里引入）
 * ===================================================================== */

/* ---------- 主题变量 ---------- */
.pbcs-home-wrap {
    --pbcs-primary: #667eea;
    --pbcs-primary-dark: #5568d3;
    --pbcs-accent: #ff6b35;
    --pbcs-bg-soft: #f7f9fc;
    --pbcs-text: #212529;
    --pbcs-muted: #6c757d;
    --pbcs-border: #e9ecef;
    --pbcs-radius: 12px;
    --pbcs-radius-lg: 16px;
    --pbcs-shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);
    --pbcs-shadow-md: 0 8px 24px rgba(0, 0, 0, .08);
    --pbcs-shadow-lg: 0 16px 40px rgba(0, 0, 0, .12);
    --pbcs-transition: all .25s ease;
}

/* 通用容器：替换 .container 1110px 固定宽 */
.pbcs-home-wrap {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

/* =====================================================================
 * Hero 区 — 左 8/12 大轮播 + 右 4/12 快速入口
 * ===================================================================== */
.pbcs-hero {
    padding-top: 24px;
    padding-bottom: 24px;
}

.pbcs-hero-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
@media (min-width: 992px) {
    .pbcs-hero-grid {
        grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
        gap: 24px;
    }
}

/* 左侧轮播 */
.pbcs-hero-banner {
    position: relative;
    border-radius: var(--pbcs-radius-lg);
    overflow: hidden;
    box-shadow: var(--pbcs-shadow-md);
    background: #fff;
}
.pbcs-hero-banner .carousel-inner { border-radius: var(--pbcs-radius-lg); overflow: hidden; }
.pbcs-hero-banner .carousel-item img {
    width: 100%;
    height: 460px;
    object-fit: cover;
    display: block;
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
}
@media (max-width: 991.98px) {
    .pbcs-hero-banner .carousel-item img { height: 320px; }
}
@media (max-width: 575.98px) {
    .pbcs-hero-banner .carousel-item img { height: 220px; }
}

/* 轮播指示器：白色半透明 + 圆角胶囊 */
.pbcs-hero-banner .carousel-indicators {
    bottom: 16px;
    margin-bottom: 0;
}
.pbcs-hero-banner .carousel-indicators li {
    width: 24px;
    height: 4px;
    border-radius: 2px;
    background: rgba(255, 255, 255, .5);
    border: none;
    margin: 0 3px;
    cursor: pointer;
    opacity: 1;
    transition: var(--pbcs-transition);
}
.pbcs-hero-banner .carousel-indicators li.active {
    background: #fff;
    width: 32px;
}

/* 轮播文字叠加：左下角 + 阴影 + 玻璃态 */
.pbcs-hero-caption {
    left: 6% !important;
    right: auto !important;
    bottom: 18% !important;
    max-width: 60% !important;
    text-align: left !important;
    padding: 0 !important;
}
.pbcs-hero-caption-box {
    background: rgba(0, 0, 0, .35);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 14px 22px;
    border-radius: 8px;
    display: inline-block;
}
.pbcs-hero-caption h1 {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 6px 0;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .4);
    line-height: 1.2;
}
.pbcs-hero-caption h4 {
    color: rgba(255, 255, 255, .92);
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .4);
}
@media (max-width: 767.98px) {
    .pbcs-hero-caption h1 { font-size: 22px; }
    .pbcs-hero-caption h4 { font-size: 13px; }
    .pbcs-hero-caption-box { padding: 10px 16px; }
}

/* 轮播左右箭头：圆形半透明背景，hover 实心 */
.pbcs-hero-banner .carousel-control-prev,
.pbcs-hero-banner .carousel-control-next {
    width: 44px;
    height: 44px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    opacity: 0;
    transition: var(--pbcs-transition);
}
.pbcs-hero-banner:hover .carousel-control-prev,
.pbcs-hero-banner:hover .carousel-control-next { opacity: 1; }
.pbcs-hero-banner .carousel-control-prev-icon,
.pbcs-hero-banner .carousel-control-next-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .35);
    background-size: 50% 50%;
}

/* 右侧 2x2 快速入口 */
.pbcs-quicknav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.pbcs-quicknav-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px 12px;
    background: #fff;
    border-radius: var(--pbcs-radius);
    text-decoration: none;
    color: var(--pbcs-text);
    box-shadow: var(--pbcs-shadow-sm);
    transition: var(--pbcs-transition);
    overflow: hidden;
    min-height: 110px;
}
.pbcs-quicknav-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--card-grad-from, #667eea) 0%, var(--card-grad-to, #764ba2) 100%);
    opacity: 0;
    transition: var(--pbcs-transition);
    z-index: 0;
}
.pbcs-quicknav-card > * { position: relative; z-index: 1; transition: var(--pbcs-transition); }
.pbcs-quicknav-card .qn-icon {
    font-size: 32px;
    margin-bottom: 8px;
    color: var(--card-color, #667eea);
}
.pbcs-quicknav-card .qn-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--pbcs-text);
}
.pbcs-quicknav-card .qn-desc {
    font-size: 12px;
    color: var(--pbcs-muted);
    margin-top: 2px;
}
.pbcs-quicknav-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--pbcs-shadow-md);
    text-decoration: none;
}
.pbcs-quicknav-card:hover::before { opacity: 1; }
.pbcs-quicknav-card:hover .qn-icon,
.pbcs-quicknav-card:hover .qn-title,
.pbcs-quicknav-card:hover .qn-desc {
    color: #fff;
}
.pbcs-quicknav-card:hover .qn-icon { transform: scale(1.1); }

/* 4 张快速入口的配色（卡片级 CSS 变量） */
.pbcs-quicknav-card.qn-product  { --card-color: #667eea; --card-grad-from: #667eea; --card-grad-to: #764ba2; }
.pbcs-quicknav-card.qn-article  { --card-color: #f093fb; --card-grad-from: #f093fb; --card-grad-to: #f5576c; }
.pbcs-quicknav-card.qn-download { --card-color: #4facfe; --card-grad-from: #4facfe; --card-grad-to: #00f2fe; }
.pbcs-quicknav-card.qn-about    { --card-color: #43e97b; --card-grad-from: #43e97b; --card-grad-to: #38f9d7; }

/* =====================================================================
 * 通用区段
 * ===================================================================== */
.pbcs-section {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}
@media (max-width: 767.98px) {
    .pbcs-section { padding-top: 40px; padding-bottom: 40px; }
}

.pbcs-section--alt {
    background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 100%);
}

.pbcs-section-head {
    text-align: center;
    margin-bottom: 40px;
}
.pbcs-section-eyebrow {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--pbcs-primary);
    text-transform: uppercase;
    margin-bottom: 8px;
    padding: 4px 12px;
    background: rgba(102, 126, 234, .1);
    border-radius: 20px;
}
.pbcs-section-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--pbcs-text);
    margin: 0 0 8px 0;
    line-height: 1.3;
}
.pbcs-section-sub {
    font-size: 15px;
    color: var(--pbcs-muted);
    margin: 0;
}
.pbcs-section-title-line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 14px auto 0;
    gap: 12px;
}
.pbcs-section-title-line::before,
.pbcs-section-title-line::after {
    content: '';
    width: 40px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--pbcs-primary));
}
.pbcs-section-title-line::after {
    background: linear-gradient(90deg, var(--pbcs-primary), transparent);
}
.pbcs-section-title-line span {
    color: var(--pbcs-accent);
    font-size: 18px;
}

/* 区段标题左侧样式（用于左对齐版式） */
.pbcs-section-head--left { text-align: left; }
.pbcs-section-head--left .pbcs-section-title-line {
    justify-content: flex-start;
    margin-left: 0;
}

/* =====================================================================
 * 功能卡片网格（产品推荐 / 下载中心）
 * ===================================================================== */
.pbcs-feature-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
@media (min-width: 576px) { .pbcs-feature-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .pbcs-feature-grid { grid-template-columns: repeat(4, 1fr); } }

.pbcs-feature-card {
    background: #fff;
    border-radius: var(--pbcs-radius-lg);
    padding: 24px 20px;
    text-align: center;
    box-shadow: var(--pbcs-shadow-sm);
    transition: var(--pbcs-transition);
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    display: block;
    border: 1px solid transparent;
    position: relative;
    overflow: hidden;
}
.pbcs-feature-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--pbcs-primary), var(--pbcs-accent));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .35s ease;
}
.pbcs-feature-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--pbcs-shadow-md);
    border-color: rgba(102, 126, 234, .15);
    text-decoration: none;
    color: inherit;
}
.pbcs-feature-card:hover::after { transform: scaleX(1); }
.pbcs-feature-card .fc-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #fff;
    background: linear-gradient(135deg, var(--card-grad-from, #667eea) 0%, var(--card-grad-to, #764ba2) 100%);
    box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
}
.pbcs-feature-card .fc-title {
    font-size: 17px;
    font-weight: 600;
    color: var(--pbcs-text);
    margin: 0 0 8px 0;
    line-height: 1.4;
}
.pbcs-feature-card .fc-desc {
    font-size: 13px;
    color: var(--pbcs-muted);
    line-height: 1.7;
    margin: 0 0 14px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 66px;
}
.pbcs-feature-card .fc-link {
    font-size: 13px;
    color: var(--pbcs-primary);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.pbcs-feature-card .fc-link::after {
    content: '\f054';
    font-family: 'FontAwesome';
    font-size: 11px;
    transition: transform .2s ease;
}
.pbcs-feature-card:hover .fc-link::after { transform: translateX(4px); }

/* 卡片配色（4 色循环） */
.pbcs-feature-card.fc-c1 { --card-grad-from: #667eea; --card-grad-to: #764ba2; }
.pbcs-feature-card.fc-c2 { --card-grad-from: #f093fb; --card-grad-to: #f5576c; }
.pbcs-feature-card.fc-c3 { --card-grad-from: #4facfe; --card-grad-to: #00f2fe; }
.pbcs-feature-card.fc-c4 { --card-grad-from: #43e97b; --card-grad-to: #38f9d7; }

/* 卡片标签（置顶/推荐/头条） */
.pbcs-tag {
    display: inline-block;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 500;
    border-radius: 4px;
    margin-right: 4px;
    color: #fff;
}
.pbcs-tag--top    { background: #ff4757; }
.pbcs-tag--rec    { background: #ff6b35; }
.pbcs-tag--head   { background: #1e90ff; }

/* =====================================================================
 * 数据栏
 * ===================================================================== */
.pbcs-stats {
    /*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
    color: #fff;
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    /* 替换成你的 avif 静态背景图 */
    background-image: url("https://cdn.xiaoniba.com/xiaoniba.com/bgImg/banner-5120.avif");
    background-repeat: no-repeat;
    /* 放大图片，留出移动空间 */
    background-size: 140% 140%;
    background-position: center center;
    /* 调用动画 */
    animation: slowFlow 7s ease-in-out infinite alternate;
}
/* 流动关键帧动画 */
@keyframes slowFlow {
    0% {
        background-position: 30% 30%;
    }
    100% {
        background-position: 70% 70%;
    }
}

.pbcs-stats::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 30%, rgba(255, 255, 255, .08) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(255, 255, 255, .06) 0%, transparent 50%);
    pointer-events: none;
}
.pbcs-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
    text-align: center;
    position: relative;
    z-index: 1;
}
@media (min-width: 768px) { .pbcs-stats-grid { grid-template-columns: repeat(4, 1fr); } }
.pbcs-stat-item .stat-num {
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 6px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.pbcs-stat-item .stat-label {
    font-size: 14px;
    opacity: .9;
    letter-spacing: 1px;
}
@media (max-width: 575.98px) {
    .pbcs-stat-item .stat-num { font-size: 32px; }
}

/* =====================================================================
 * 关于我们 — 左图右文
 * ===================================================================== */
.pbcs-about-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
}
@media (min-width: 768px) {
    .pbcs-about-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 50px; }
}
/* [PBCS PATCH] 防 grid 子元素被内容撑大（2026-07-29 v2 强化）
   现象：PbootCMS content 里的长 inline style / 长 URL 撑大 .about-content → 横向滚动
         + img 原图自然尺寸撑大 .pbcs-about-img → 左图遮右文
   修法：
     1. grid 子元素 min-width:0（grid 防御）
     2. .pbcs-about-img img 加 min-width:0 + max-width:100% + min-height:0（img 防御）
     3. grid 列改用 minmax(280px, 5fr)（设最小 280px）
     4. 内容断行 + img/table/pre/iframe max-width:100% */
.pbcs-about-grid > * {
    min-width: 0;
    min-height: 0;
}
.pbcs-about-content {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}
.pbcs-about-content img,
.pbcs-about-content video,
.pbcs-about-content table,
.pbcs-about-content iframe,
.pbcs-about-content pre,
.pbcs-about-content code {
    max-width: 100%;
}
.pbcs-about-content pre,
.pbcs-about-content code {
    white-space: pre-wrap;
    word-break: break-word;
}
.pbcs-about-content table {
    display: block;
    overflow-x: auto;
}
.pbcs-about-content iframe {
    aspect-ratio: 16 / 9;
    height: auto !important;
}
/* img 防御 — 核心修复：防原图自然尺寸撑大 grid item */
.pbcs-about-img {
    min-width: 0 !important;
    max-width: 100%;
}
.pbcs-about-img img {
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    display: block;
}
.pbcs-about-img {
    border-radius: var(--pbcs-radius-lg);
    overflow: hidden;
    box-shadow: var(--pbcs-shadow-md);
    aspect-ratio: 4 / 3;
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
    position: relative;
}
.pbcs-about-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.pbcs-about-img-fallback {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 80px;
    color: rgba(102, 126, 234, .35);
}
.pbcs-about-content h2 {
    font-size: 30px;
    font-weight: 700;
    color: var(--pbcs-text);
    margin: 0 0 10px 0;
    line-height: 1.3;
}
.pbcs-about-content .about-sub {
    color: var(--pbcs-muted);
    font-size: 15px;
    margin: 0 0 18px 0;
}
.pbcs-about-content .about-text {
    color: #495057;
    font-size: 15px;
    line-height: 1.85;
    margin: 0 0 24px 0;
}
.pbcs-about-content .about-features {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.pbcs-about-content .about-features li {
    font-size: 14px;
    color: var(--pbcs-text);
    padding-left: 24px;
    position: relative;
}
.pbcs-about-content .about-features li::before {
    content: '\f00c';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 1px;
    color: var(--pbcs-primary);
    font-size: 13px;
}
.pbcs-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 11px 26px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: var(--pbcs-transition);
    border: none;
    cursor: pointer;
    line-height: 1.4;
}
.pbcs-btn--primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    box-shadow: 0 4px 12px rgba(102, 126, 234, .35);
}
.pbcs-btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(102, 126, 234, .45);
    color: #fff;
    text-decoration: none;
}
.pbcs-btn--ghost {
    background: transparent;
    color: var(--pbcs-primary);
    border: 1px solid var(--pbcs-primary);
}
.pbcs-btn--ghost:hover {
    background: var(--pbcs-primary);
    color: #fff;
    text-decoration: none;
}
.pbcs-btn--accent {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    color: #fff;
    box-shadow: 0 4px 12px rgba(255, 107, 53, .35);
}
.pbcs-btn--accent:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 107, 53, .45);
    color: #fff;
    text-decoration: none;
}

/* =====================================================================
 * 新闻动态 — 1 大头条 + 2 中卡 + 4 小卡
 * 紧凑化设计：news-head 高度从 ~178px 压缩到 ~56px（减少 68%）
 * 单行布局：[NEWS 徽章] [文章中心] [副标题] ........ [查看更多 →]
 * 用底部分割线替代 ◆ 装饰横线
 * ===================================================================== */
.pbcs-news-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--pbcs-border);
    position: relative;
}
.pbcs-news-head::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    border-radius: 1px;
}
.pbcs-news-head .pbcs-section-head {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 0;
    text-align: left;
    flex: 1;
    min-width: 0;
}
.pbcs-news-head .pbcs-section-eyebrow {
    display: inline-block;
    margin: 0;
    padding: 2px 8px;
    font-size: 11px;
    letter-spacing: 1.5px;
    background: rgba(102, 126, 234, .12);
    color: var(--pbcs-primary);
    border-radius: 4px;
    font-weight: 600;
    line-height: 1.5;
    vertical-align: middle;
}
.pbcs-news-head .pbcs-section-title {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    color: var(--pbcs-text);
    margin: 0;
    line-height: 1.2;
    vertical-align: middle;
}
.pbcs-news-head .pbcs-section-sub {
    display: inline-block;
    font-size: 13px;
    color: var(--pbcs-muted);
    margin: 0;
    vertical-align: middle;
}
.pbcs-news-head .pbcs-section-title-line { display: none; }
.pbcs-news-head .pbcs-more {
    font-size: 13px;
    color: var(--pbcs-primary);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 14px;
    border-radius: 16px;
    background: rgba(102, 126, 234, .08);
    transition: var(--pbcs-transition);
    font-weight: 500;
    flex-shrink: 0;
}
.pbcs-news-head .pbcs-more:hover {
    background: var(--pbcs-primary);
    color: #fff;
    text-decoration: none;
    gap: 8px;
}

/* =====================================================================
 * 新闻动态 — 左侧幻灯片 + 右侧 3 条新闻列表
 * ===================================================================== */
.pbcs-news-split {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: stretch;
}
@media (min-width: 768px) {
    .pbcs-news-split { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); }
}

/* ---------- 左侧：自动播放幻灯片 ---------- */
.pbcs-news-carousel {
    position: relative;
    overflow: hidden;
    border-radius: var(--pbcs-radius-lg);
    box-shadow: var(--pbcs-shadow-md);
    background: #1e1856;
    min-height: 380px;
}
.pbcs-news-carousel-track {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 380px;
}
.pbcs-news-carousel-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .6s ease;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    display: block;
}
.pbcs-news-carousel-slide.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
.pbcs-news-carousel-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .6s ease;
}
.pbcs-news-carousel-slide.is-active:hover img {
    transform: scale(1.04);
}
.pbcs-news-carousel-default {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.pbcs-news-carousel-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, .6) 100%);
    pointer-events: none;
    z-index: 2;
}
.pbcs-news-carousel-counter {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 6px 14px;
    background: rgba(255, 255, 255, .95);
    color: var(--pbcs-text);
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.pbcs-news-carousel-counter i { color: var(--pbcs-primary); margin-right: 4px; }

/* 左右箭头 */
.pbcs-news-carousel-prev,
.pbcs-news-carousel-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .9);
    border: 0;
    color: var(--pbcs-text);
    font-size: 18px;
    cursor: pointer;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    transition: all .25s ease;
    opacity: 0;
}
.pbcs-news-carousel:hover .pbcs-news-carousel-prev,
.pbcs-news-carousel:hover .pbcs-news-carousel-next { opacity: 1; }
.pbcs-news-carousel-prev:hover,
.pbcs-news-carousel-next:hover {
    background: var(--pbcs-primary);
    color: #fff;
    box-shadow: 0 4px 12px rgba(102, 126, 234, .4);
}
.pbcs-news-carousel-prev { left: 16px; }
.pbcs-news-carousel-next { right: 16px; }

/* 圆点 */
.pbcs-news-carousel-dots {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    gap: 8px;
}
.pbcs-news-carousel-dots .dot {
    width: 24px;
    height: 4px;
    background: rgba(255, 255, 255, .45);
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s ease;
}
.pbcs-news-carousel-dots .dot:hover {
    background: rgba(255, 255, 255, .75);
}
.pbcs-news-carousel-dots .dot.active {
    background: #fff;
    width: 36px;
    box-shadow: 0 0 8px rgba(255, 255, 255, .5);
}

/* ---------- 右侧：3 条新闻列表 ---------- */
.pbcs-news-side {
    display: flex;
    flex-direction: column;
    gap: 0;
    background: #fff;
    border-radius: var(--pbcs-radius-lg);
    box-shadow: var(--pbcs-shadow-sm);
    overflow: hidden;
    border: 1px solid var(--pbcs-border);
}
.pbcs-news-side-item {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 18px 20px;
    border-bottom: 1px solid var(--pbcs-border);
    transition: all .25s ease;
    position: relative;
    background: #fff;
    flex: 1;
    min-width: 0;
}
.pbcs-news-side-item:last-child { border-bottom: 0; }
.pbcs-news-side-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
    opacity: 0;
    transition: opacity .25s ease;
}
.pbcs-news-side-item:hover,
.pbcs-news-side-item.is-active {
    background: linear-gradient(135deg, rgba(102, 126, 234, .04) 0%, rgba(118, 75, 162, .04) 100%);
}
.pbcs-news-side-item:hover::before,
.pbcs-news-side-item.is-active::before { opacity: 1; }
.pbcs-news-side-item .side-body {
    min-width: 0;
}
.pbcs-news-side-item .side-meta {
    font-size: 11px;
    color: var(--pbcs-muted);
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.pbcs-news-side-item .side-meta-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 18px;
    padding: 0 6px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 4px;
    letter-spacing: .5px;
}
.pbcs-news-side-item.is-active .side-meta-num {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
}
.pbcs-news-side-item .side-meta i { color: var(--pbcs-primary); margin-right: 3px; }
.pbcs-news-side-item h4 {
    font-size: 15px;
    font-weight: 600;
    color: var(--pbcs-text);
    margin: 0 0 6px 0;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .2s ease;
}
.pbcs-news-side-item:hover h4 { color: var(--pbcs-primary); }
.pbcs-news-side-item .side-desc {
    color: var(--pbcs-muted);
    font-size: 12px;
    line-height: 1.55;
    margin: 0 0 8px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pbcs-news-side-item .side-link {
    color: var(--pbcs-primary);
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    transition: gap .2s ease;
}
.pbcs-news-side-item:hover .side-link { gap: 7px; }

/* =====================================================================
 * 下载中心
 * ===================================================================== */
.pbcs-download-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;

}
@media (min-width: 576px) { .pbcs-download-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .pbcs-download-grid { grid-template-columns: repeat(3, 1fr); } }

.pbcs-download-grid .dc-icon{background:none !important;}
.pbcs-download-grid .dc-icon .dc-ico-img{
    width:56px;
    height: 56px;
    border-radius:50%;
    overflow:hidden;
}
.pbcs-download-grid .dc-icon .dc-ico-img img{
    width: 56px;
    height: 56px;
    object-fit: cover;
}
.pbcs-download-card {
    background: #fff;
    border-radius: var(--pbcs-radius-lg);
    padding: 24px;
    box-shadow: var(--pbcs-shadow-sm);
    display: flex;
    align-items: center;
    gap: 18px;
    transition: var(--pbcs-transition);
    text-decoration: none;
    color: inherit;
    border: 1px solid transparent;
}
.pbcs-download-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--pbcs-shadow-md);
    border-color: rgba(102, 126, 234, .2);
    text-decoration: none;
    color: inherit;
}
.pbcs-download-card .dc-icon {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    box-shadow: 0 4px 12px rgba(79, 172, 254, .3);
}

.pbcs-download-card .dc-body { flex: 1; min-width: 0; }
.pbcs-download-card .dc-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--pbcs-text);
    margin: 0 0 4px 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pbcs-download-card .dc-desc {
    font-size: 13px;
    color: var(--pbcs-muted);
    margin: 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pbcs-download-card .dc-action {
    flex-shrink: 0;
    color: var(--pbcs-primary);
    font-size: 18px;
    transition: transform .2s ease;
}
.pbcs-download-card:hover .dc-action { transform: translateX(4px); }

/* =====================================================================
 * 区段底部居中按钮
 * ===================================================================== */
.pbcs-section-foot {
    text-align: center;
    margin-top: 36px;
}

/* =====================================================================
 * 通用细节
 * ===================================================================== */
.pbcs-eyebrow-row {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--pbcs-muted);
}
.pbcs-eyebrow-row .dot {
    width: 6px;
    height: 6px;
    background: var(--pbcs-accent);
    border-radius: 50%;
    display: inline-block;
}

/* 复用现有 wow 动画 + pbcs-lazy */
.pbcs-home-wrap .pbcs-lazy { opacity: 0; transition: opacity .4s ease; }
.pbcs-home-wrap .pbcs-lazy.is-loaded { opacity: 1; }

/* 响应式微调 */
@media (max-width: 575.98px) {
    .pbcs-section-title { font-size: 26px; }
    /* news-head 标题保持紧凑（不被全局 26px 覆盖） */
    .pbcs-news-head .pbcs-section-title { font-size: 18px; }
    .pbcs-news-head .pbcs-section-eyebrow { font-size: 10px; padding: 2px 6px; }
    .pbcs-news-head .pbcs-section-sub { font-size: 12px; }
    .pbcs-news-head { gap: 8px; padding-bottom: 10px; margin-bottom: 12px; }
    .pbcs-news-head .pbcs-more { font-size: 12px; padding: 4px 10px; }

    /* 新闻轮播 + 列表：移动端堆叠 */
    .pbcs-news-split { grid-template-columns: 1fr; gap: 16px; }
    .pbcs-news-carousel, .pbcs-news-carousel-track { min-height: 240px; }
    .pbcs-news-carousel-prev,
    .pbcs-news-carousel-next { opacity: 1; width: 32px; height: 32px; font-size: 14px; }
    .pbcs-news-carousel-prev { left: 8px; }
    .pbcs-news-carousel-next { right: 8px; }
    .pbcs-news-side-item { padding: 14px 16px; }
    .pbcs-news-side-item h4 { font-size: 14px; }
    .pbcs-news-side-item .side-desc { font-size: 11px; -webkit-line-clamp: 1; }

    .pbcs-about-content h2 { font-size: 24px; }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    /* 平板：单列堆叠，轮播占满宽 */
    .pbcs-news-split { grid-template-columns: 1fr; }
    .pbcs-news-carousel, .pbcs-news-carousel-track { min-height: 360px; }
}