.uc-index-1 .swiper-slide { position: relative; }

    /* 叠加层：默认不拦截点击穿透到 .js_btnVideo；按钮区恢复点击 */
    /* PC: 按钮放在画面约 28% 处（设计稿位置），与上方主副标题构成视觉层次 */
    .uc-index-1 .rd-banner-overlay {
        position: absolute; inset: 0; z-index: 3;
        pointer-events: none;
        display: flex; flex-direction: column; align-items: center;
        justify-content: flex-start;
        padding-top: 18%;                    /* 设计稿按钮区顶部位置 */
        font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
        box-sizing: border-box;
    }

    /* 三个胶囊按钮：白底半透明 + 黑字 + hover 放大 */
    .uc-index-1 .rd-banner-btns {
        pointer-events: auto;
        display: flex; gap: clamp(16px, 2.6vw, 48px);    /* 按钮间距加大 */
        flex-wrap: wrap; justify-content: center; align-items: center;
    }
    .uc-index-1 .rd-btn {
        position: relative;                                       /* 让箭头 absolute 定位在按钮内 */
        display: inline-flex; align-items: center; justify-content: center; /* 关键：水平居中文字 */
        min-width: clamp(130px, 12vw, 260px);                    /* 按钮更宽，给文字+箭头足够空间 */
        height: clamp(32px, 5vw, 52px);                          /* 高度稍微加高 */
        padding: 0 clamp(18px, 2vw, 32px);                       /* 整体加大 */
        border-radius: 9999px;
        background: rgba(255, 255, 255, 0.85);
        border: 1px solid rgba(0, 0, 0, 0.06);
        color: #1a1a1a;
        font-size: clamp(14px, 1.25vw, 17px); font-weight: 500;
        letter-spacing: .04em; text-decoration: none;
        cursor: pointer; user-select: none;
        -webkit-tap-highlight-color: transparent;
        transition: transform .25s ease, background-color .25s ease;
    }
    .uc-index-1 .rd-btn:hover,
    .uc-index-1 .rd-btn:focus-visible {
        outline: none;
        transform: scale(1.05);
        background: rgba(255, 255, 255, 1);
        color: #d8232a;                         /* hover 时文字变红 */
    }
    .uc-index-1 .rd-btn:hover .rd-btn__arrow,
    .uc-index-1 .rd-btn:focus-visible .rd-btn__arrow {
        color: #d8232a;                         /* hover 时箭头也变红 */
    }

    /* 箭头：用 position:absolute 脱离 flex 流，hover 时从右侧滑入。
       之前用 max-width:0 会被 inline-flex 的 min-content 算法算进去，导致按钮右半边偏宽、文字看起来没居中 */
    /* 箭头：position:absolute 贴按钮右侧，hover 时从右向左滑入并淡入。
       默认 opacity:0 + translateX(8px)，不占布局空间 */
    .uc-index-1 .rd-btn__arrow {
        position: absolute;
        right: clamp(12px, 1.4vw, 22px);       /* 箭头靠近按钮右边，不压文字 */
        top: 50%;
        transform: translate(50%, -50%);       /* 默认在按钮外右侧（隐藏） */
        opacity: 0;
        transition: opacity .25s ease, transform .28s cubic-bezier(.22, 1, .36, 1);
        font-size: 1em; line-height: 1;
        pointer-events: none;
    }
    .uc-index-1 .rd-btn:hover .rd-btn__arrow,
    .uc-index-1 .rd-btn:focus-visible .rd-btn__arrow {
        opacity: 1;
        transform: translate(0, -50%);         /* hover 时滑入按钮内 */
    }

    /* 移动端：三个按钮一排，按钮更小、间距更小、文字更小 */
    @media (max-width: 768px) {
        .uc-index-1 .rd-banner-overlay { padding-top: 20%; }       /* 移动端按钮位置 */
        .uc-index-1 .rd-banner-btns {
            gap: 8px; width: auto; max-width: none;                /* 三个一排自然撑开 */
        }
        .uc-index-1 .rd-btn {
            min-width: 0;
            flex: 1 1 0;                                            /* 等分宽度 */
            height: 30px;                                           /* 更矮 */
            padding: 0 8px;                                         /* 紧凑内边距 */
            font-size: 12px;                                        /* 更小字号 */
        }
    }
    @media (max-width: 360px) { .uc-index-1 .rd-btn { flex: 1 1 100%; } }