/* ============================================================
   自定义样式 — 弥补 React CSS Module 在静态版中丢失的部分
   ============================================================ */

/* ===== 标题：30px + 白色圆底黑对号(22px圆/16px勾)标记 + 句间20px ===== */
.left-title___1ccAA.sfx-feat-title,
.right-title___2Imu2.sfx-feat-title{font-size:30px;line-height:1.6}
.sfx-line{display:block}
.sfx-line+.sfx-line{margin-top:20px}
.sfx-check{display:inline-block;width:22px;height:22px;border-radius:50%;background:#fff;vertical-align:middle;margin-right:10px;position:relative;flex:0 0 auto}
.sfx-check::before{content:"\2713";position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#000;font-size:16px;font-weight:700;line-height:1}

/* ---------- 0. 行业 Tab 激活态（岂止于简单易用 / 6 行业） ---------- */
.default-tab___2A0EX[data-active] {
    background: #1d1d1f;
}
.default-tab___2A0EX[data-active] .tab-title___3FlHz,
.default-tab___2A0EX[data-active] .tab-img___20k_4 {
    color: #fff;
    filter: brightness(0) invert(1);
}

/* ---------- 1. 底部 Footer ---------- */
/* 与官网对齐：全宽深色条、紧贴上一模块、无 margin-top，
   内容最大宽度 1200 居中，内部间距与官网接近。 */
.footer___1fJLD {
    background: #1d1d1f;
    color: #b8b8b8;
    padding: 80px 0 0;
    font-size: 14px;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-content___1vkUg {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: flex-start;
    gap: 40px;
    flex-wrap: wrap;
}
.footer-content-logo___30OQr {
    width: 120px;
    height: 53px;
    margin-right: 24px;
    flex-shrink: 0;
}
.footer-content-tab___dZqDr {
    flex: 1;
    min-width: 160px;
    padding-right: 12px;
    display: flex;
    flex-direction: column;
}
.footer-content-tab-title___1gGbU {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 24px;
}
.footer-content-tab___dZqDr > div {
    line-height: 34px;
}
.footer-content-tab-span___1jk6Q {
    color: #b8b8b8;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s;
}
.footer-content-tab-span___1jk6Q:hover {
    color: #fff;
}

/* 底部二维码区域(微信扫码咨询) 与官网尺寸一致 */
.qrcodeWrap___DBRs4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 7px;
}
.qrcodeBox___37SEW {
    width: 84px;
    height: 84px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 6px;
}
.qrcodeImg___1bk1q {
    width: 76px !important;
    height: 76px !important;
}
.qrcodeLabel___IEUCM {
    display: block;
    margin-top: 4px;
    color: #b8b8b8;
    font-size: 14px;
}

/* 底部渠道图标/备案行 */
.chs___OAna_ {
    width: 100%;
    max-width: 1200px;
    margin: 74px auto 0;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    box-sizing: border-box;
}
.chs___OAna_ .left___XJVrC {
    display: flex;
    align-items: center;
    gap: 16px;
}
.chs___OAna_ .left-btn___3vRri img {
    height: 20px;
    width: auto;
}
.chs___OAna_ .right___3NEPt {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #b8b8b8;
    text-decoration: none;
}
.footer-record___1LnQe {
    display: block;
    width: 100%;
    max-width: 1200px;
    margin: 20px auto 0;
    padding: 0 24px 24px;
    text-align: left;
    color: #888;
    font-size: 13px;
}
.footer-record___1LnQe a {
    color: #888;
    text-decoration: none;
}

/* ---------- 2. 顶部公告条 ---------- */
.m-top-banner___1XnRl,
.top-banner___3H75v {
    background: linear-gradient(90deg, #1a0033 0%, #2d0066 50%, #1a0033 100%);
    color: #fff;
    text-align: center;
    padding: 10px 16px;
    font-size: 13px;
    position: relative;
    z-index: 10;
}
.top-banner___3H75v a {
    color: #ffd84d;
    text-decoration: none;
    font-weight: 600;
}
.top-banner___3H75v a:hover {
    text-decoration: underline;
}
.top-banner___3H75v .m-title___3jehL {
    color: #ffd84d;
    font-weight: 600;
}

/* ---------- 3. 导航栏 ---------- */
.m-header___3eYRh,
.header___1fJLD,
[class*="m-header"] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}
.m-header-content___1j3xP,
.header-content___3eYRh {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    height: 64px;
    display: flex;
    align-items: center;
    gap: 32px;
}
.m-header-content___1j3xP > a:first-child,
.m-header-logo___3eYRh {
    margin-right: auto;
}
.m-header-content___1j3xP img {
    height: 32px;
}
.nav-menu___3eYRh,
.m-nav___3eYRh {
    display: flex;
    gap: 24px;
    align-items: center;
}
.nav-menu___3eYRh a,
.m-nav___3eYRh a {
    color: #333;
    text-decoration: none;
    font-size: 15px;
    padding: 8px 0;
    position: relative;
    transition: color 0.2s;
}
.nav-menu___3eYRh a:hover,
.m-nav___3eYRh a:hover {
    color: #4a7bff;
}
.nav-menu___3eYRh a::after,
.m-nav___3eYRh a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #4a7bff;
    transition: all 0.2s;
    transform: translateX(-50%);
}
.nav-menu___3eYRh a:hover::after,
.m-nav___3eYRh a:hover::after {
    width: 100%;
}

/* ---------- 4. Hero 区 ---------- */
/* 官网 Hero 底部有一条 52px 高的客户 logo 跑马灯；
   之前 SSR 渲染被撑到 372px，所以直接隐藏了。
   现在 umi.css 已把图片限制为 52px，这里强制容器截断并恢复显示，
   让 Hero 区总高与官网一致 (900 full-screen + 26px 间距 + 52px logo 墙)。 */
.container___vGDa0 > .loop-container___2Ieiw.top-wall___lpnVu {
    display: block !important;
    height: 52px;
    overflow: hidden;
    position: relative;
}
.container___vGDa0 > .loop-container___2Ieiw.top-wall___lpnVu .loop-img___1CinL,
.container___vGDa0 > .loop-container___2Ieiw.top-wall___lpnVu img {
    height: 52px !important;
    width: auto !important;
    max-width: none;
}

.full-screen___400M0,
[class*="full-screen"] {
    min-height: calc(100vh - 64px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.mid___2Jxxc,
[class*="mid___"] {
    max-width: 1200px;
    padding: 0 0px;
    z-index: 2;
}
.title___1ZXa2 {
    font-size: 86px;
    line-height: 1.1;
    font-weight: 700;
    color: #121212;
    margin: 0 0 24px;
}
.sub-title___3P6qX,
[class*="sub-title"] {
    font-size: 22px;
    color: #555;
    margin: 0 0 40px;
}
.btn-wrap___2Hs1d,
[class*="btn-wrap"] {
    display: flex;
    gap: 16px;
    justify-content: center;
}

/* 打字光标 */
.typed-cursor {
    display: inline-block;
    width: 3px;
    height: 0.95em;
    background: #121212;
    margin-left: 4px;
    vertical-align: middle;
    animation: blink 1s steps(2) infinite;
}
@keyframes blink {
    50% { opacity: 0; }
}

/* 多阶段头部动画：
   ① 旧句1(旧式打字机)逐字打出 → 淡出隐藏
   ② 旧句2(旧式打字机)逐字打出 → 淡出隐藏
   ③ 最终标题「影刀RPA，让你成为自己」从上方滑入
   ④ 副标题从下方居中滑入
   ⑤ 按钮从下方滑入 */
.hero-old { display: inline; }
.hero-old.fade-out { opacity: 0; transition: opacity 0.4s ease; }

/* 最终标题：初始在上方隐藏，加 .show 后滑入 */
.hero-final {
    display: none;
    opacity: 0;
    transform: translateY(-44px);
    transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.hero-final.show { opacity: 1; transform: translateY(0); }

/* 副标题：初始在下方隐藏，加 .show 后居中滑入 */
.desc___3wV6n {
    text-align: center;
    opacity: 0;
    transform: translateY(44px);
    transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.desc___3wV6n.show { opacity: 1; transform: translateY(0); }

/* 按钮组：初始在下方隐藏，加 .show 后滑入 */
.btns___NlHMq {
    opacity: 0;
    transform: translateY(44px);
    transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.btns___NlHMq.show { opacity: 1; transform: translateY(0); }

/* 覆盖原站打包 CSS 的高优先级绝对定位规则（.container___vGDa0 ... .desc___3wV6n
   设了 position:absolute + transform:translateX(-50%)，会把副标题整块推到左侧）。
   这里用同等优先级选择器（写在 custom.css 末尾=后加载）把它改回页面居中流布局。 */
.container___vGDa0 .full-screen___400M0.pc___12dlJ .mid___1LfIf .desc___3wV6n {
    position: relative;
    width: 100%;
    margin-top: 50px;
    transform: translateY(44px);
    text-align: center;
}
.container___vGDa0 .full-screen___400M0.pc___12dlJ .mid___1LfIf .desc___3wV6n.show {
    transform: translateY(0);
}
.container___vGDa0 .full-screen___400M0.pc___12dlJ .mid___1LfIf .btns___NlHMq {
    position: relative;
    margin-top: 60px;
    transform: translateY(44px);
}
.container___vGDa0 .full-screen___400M0.pc___12dlJ .mid___1LfIf .btns___NlHMq.show {
    transform: translateY(0);
}

/* 让 Hero 标题+副标题+按钮整体在首屏视觉居中。
   原站 .mid___1LfIf 是 absolute + transform:translate(-50%,-50%)，只保证 .mid 盒子几何中心居中；
   由于标题在上、按钮在下，视觉重心偏上。这里把 .mid 整体向下偏移约 120px，
   让内容视觉重心对齐视口中心。 */
.container___vGDa0 .full-screen___400M0.pc___12dlJ .mid___1LfIf {
    transform: translate(-50%, calc(-50% + 150px));
}

/* ---------- 4.1 官网同款 Hero 逐字书写动画 ----------
   结构与官网一致：h1 前缀「影刀RPA，让你」静态显示，
   .type-text 内「成为自己」四个字彩色渐变逐个浮现 + 闪烁光标。
   渐变必须直接作用于每个 .char（父元素 background-clip 不继承到 inline-block 子元素）。 */
.type-text {
    display: inline-block;
    position: relative;
    white-space: nowrap;
}
.type-text .char {
    display: inline-block;
    opacity: 0;
    transform: translateY(0.14em);
    background: linear-gradient(90deg, #ff2d55 0%, #ff7a00 20%, #ff00aa 45%, #7b2dff 70%, #00d4ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.type-text .char.visible {
    opacity: 1;
    transform: translateY(0);
}
.type-text .cursor {
    display: inline-block;
    width: 4px;
    height: 0.85em;
    background: linear-gradient(180deg, #ff2d55, #7b2dff);
    margin-left: 4px;
    vertical-align: middle;
    opacity: 0;
}
.type-text .cursor.typing-done {
    opacity: 1;
    animation: blink 0.85s step-end infinite;
}
/* 兼容 JS 未执行（如爬虫/慢网）时不让关键词永久隐藏 */
html.no-js .type-text .char {
    opacity: 1;
    transform: none;
    -webkit-text-fill-color: initial;
}

/* ---------- 5. 各 Section 通用 ---------- */
/* 官网首页的模块容器都是全宽色带，内部子元素再居中；
   这里不再把容器本身限制成 1200px 白底，而是恢复成 100% 宽度 + 居中，
   并补上官网各模块的背景色与模块间距(margin-top)，让整体节奏一致。 */
.container___vGDa0,
.container___21v5m,
.container___Mso7W,
.container___3dWS4,
.container___Piin4,
.container___HjoQJ,
.container___3jSf8 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}
.container___vGDa0 {
    display: block; /* Hero 内部已有 full-screen 负责居中 */
    background: #fff;
    padding: 0 0 26px 0;
}
.container___21v5m { background: #eff5ff; }
.container___Mso7W { background: #1d1d1f; margin-top: 26px; }
.container___3dWS4 { background: #eff5ff; margin-top: 32px; }
.container___Piin4 { background: #eff5ff; margin-top: 26px; }
.container___HjoQJ { background: transparent; }
.container___3jSf8 { background: transparent; }

/* 滚动滑入动画 */
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.reveal.in-view {
    opacity: 1;
    transform: translateY(0);
}
.reveal-left {
    opacity: 0;
    transform: translateX(-40px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.reveal-left.in-view {
    opacity: 1;
    transform: translateX(0);
}
.reveal-right {
    opacity: 0;
    transform: translateX(40px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.reveal-right.in-view {
    opacity: 1;
    transform: translateX(0);
}
.reveal-scale {
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.reveal-scale.in-view {
    opacity: 1;
    transform: scale(1);
}

/* ---------- 6. 按钮 ---------- */
.btn-primary___1j3xP,
.btn-primary___3H75v,
[class*="btn-primary"] {
    background: #121212;
    color: #fff;
    border: 1px solid #121212;
    border-radius: 24px;
    padding: 12px 32px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.25s;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.btn-primary___1j3xP:hover,
[class*="btn-primary"]:hover {
    background: #000;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-default___2Hs1d,
.btn-default___1fJLD,
[class*="btn-default"] {
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 24px;
    padding: 12px 32px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.25s;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.btn-default___2Hs1d:hover,
[class*="btn-default"]:hover {
    border-color: #4a7bff;
    color: #4a7bff;
    transform: translateY(-1px);
}

/* ---------- 7. 数字统计 ---------- */
.counter {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}

/* ---------- 8. 通用布局修复 ---------- */
body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    color: #1a1a1a;
    background: #fff;
    overflow-x: hidden;
}
* { box-sizing: border-box; }
img { max-width: 100%; height: auto; vertical-align: middle; }

/* 让原本带 display:none 的 mobile-block 元素在 PC 端隐藏、PC-block 元素在手机端隐藏 */
.pc-block { display: block; }
.mobile-block { display: none; }
@media (max-width: 768px) {
    .pc-block { display: none !important; }
    .mobile-block { display: block !important; }
    .title___1ZXa2 { font-size: 48px; }
    .sub-title___3P6qX, [class*="sub-title"] { font-size: 16px; }
    .container___20s8V, .container___vGDa0, [class*="container___"] { padding: 48px 16px; }
    .footer-content___1vkUg { flex-direction: column; gap: 24px; }
    .m-header-content___1j3xP { gap: 12px; padding: 0 12px; font-size: 13px; }
}

/* 跑马灯动画保留 (已存在于原 CSS) */
@keyframes x-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes x-scroll-ltr { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@keyframes y-scroll { from { transform: translateY(0); } to { transform: translateY(-50%); } }
@keyframes y-scroll-to-bottom { from { transform: translateY(-50%); } to { transform: translateY(0); } }

/* 跑马灯容器 */
.marquee {
    overflow: hidden;
    white-space: nowrap;
}
.marquee-track {
    display: inline-block;
    animation: x-scroll 30s linear infinite;
}

/* ---------- 导航栏 logo 文字（替换原图片 logo） ---------- */
.container___bkZub .content___24pRv .left___S1TYb .logo-link___nav {
    display: flex;
    align-items: center;
    margin-right: 52px;
    font-size: 24px;
    font-weight: 700;
    color: #212c3f;
    text-decoration: none;
    letter-spacing: 1px;
    white-space: nowrap;
}
.m-left___Hum5z .m-logo-text___nav {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: #212c3f;
    letter-spacing: 1px;
    white-space: nowrap;
}

/* ===== 内页页脚样式（首页共用） ===== */
.site-foot { background: #161a2e; color: #c7ccdb; padding: 54px 24px 30px; margin-top: 64px; }
.foot-inner { max-width: 1180px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; }
.foot-inner .flogo { font-size: 20px; font-weight: 800; color: #fff; }
.foot-inner .fdesc { font-size: 13px; color: #8a90a3; margin-top: 12px; max-width: 280px; }
.foot-cols { display: flex; gap: 56px; flex-wrap: wrap; }
.foot-cols .col h4 { font-size: 14px; color: #fff; margin-bottom: 12px; }
.foot-cols .col a { display: block; font-size: 13px; color: #aeb4c8; margin-bottom: 9px; }
.foot-cols .col a:hover { color: #fff; }
.foot-copy {
  max-width: 1180px; margin: 34px auto 0; padding-top: 18px; border-top: 1px solid #2a2f4a;
  font-size: 12px; color: #7c8298; text-align: center;
}

/* ---------- 页脚：咨询电话 + 客服二维码 ---------- */
.foot-service { display: flex; flex-direction: column; gap: 18px; align-items: flex-start; justify-content: flex-start; }
.fs-phone .fs-label { font-size: 13px; color: #8a90a3; }
.fs-phone .fs-num {
  display: block; margin-top: 6px; font-size: 26px; font-weight: 800; color: #fff; letter-spacing: .5px;
}
.fs-phone .fs-num:hover { color: #ffd6e1; }
.fs-qr { text-align: center; }
.fs-qr img {
  width: 96px; height: 96px; border-radius: 10px; background: #fff; padding: 6px; display: block;
}
.fs-qr span { display: block; margin-top: 8px; font-size: 12px; color: #aeb4c8; }

/* ===== 三步开播：图片铺满 ===== */
.fake-video___1h-j0{background-size:cover;background-position:center center;background-repeat:no-repeat;}

/* ===== 拖拽式装修卡片：直播管理界面截图 ===== */
.right-img___3VnL9{background-image:url(assets/static/live_manage.jpg);background-size:cover;background-position:top center;background-repeat:no-repeat;}

/* ===== 私域直播AI 卡片：黑色背景 + 标题/绿勾要点排版（对标「产品迭代速度快」模块） ===== */
.container___2EBhR .left___RsTkE{background:#000}
.container___2EBhR .left___RsTkE .title___hEAND{color:#fff}
.container___2EBhR .left___RsTkE .ai-flow___sfx{z-index:10;display:flex;flex-direction:column;width:100%;margin-top:60px}
.container___2EBhR .left___RsTkE .ai-flow-item___sfx{display:flex;flex-direction:row;margin-bottom:16px;color:#fff;font-weight:600;font-size:20px}
.container___2EBhR .left___RsTkE .ai-flow-item___sfx span{line-height:48px}
.container___2EBhR .left___RsTkE .ai-flow-item___sfx:last-child{margin-bottom:0}
.container___2EBhR .left___RsTkE .ai-flow-icon___sfx{flex:none;width:16px;height:16px;margin-top:8px;margin-right:16px}
@media (max-width:1536px){
	.container___2EBhR .left___RsTkE .ai-flow___sfx{margin-top:48px}
	.container___2EBhR .left___RsTkE .ai-flow-item___sfx{margin-bottom:13px;font-size:16px}
	.container___2EBhR .left___RsTkE .ai-flow-item___sfx span{line-height:38.4px}
	.container___2EBhR .left___RsTkE .ai-flow-icon___sfx{width:13px;height:13px;margin-top:6px;margin-right:13px}
}

/* ===== 教育行业面板下方：四大模块卡（独立网校/营销裂变/教务管理/题库）===== */
.container___3tSrx.sfx-edu-group{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:1360px;justify-content:normal;overflow:visible;margin-top:0}
.sfx-edu-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px 0 rgba(0,0,0,.058823529411764705)}
.sfx-edu-head{display:flex;flex:0 0 auto;align-items:center;justify-content:center;height:92px;background:#3b82f6;color:#fff;font-weight:700;font-size:26px;line-height:1;letter-spacing:1px}
.sfx-edu-body{display:grid;grid-template-columns:1fr 1fr;gap:22px 10px;padding:30px 26px 34px}
.sfx-edu-item{position:relative;padding-left:14px;color:#1d1d1f;font-weight:400;font-size:15px;line-height:1.45}
.sfx-edu-item::before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:#98a2b3}

@media (max-width:1536px){
  .container___3tSrx.sfx-edu-group{gap:20px;width:1088px}
  .sfx-edu-head{height:76px;font-size:22px}
  .sfx-edu-body{gap:18px 8px;padding:24px 20px 28px}
  .sfx-edu-item{padding-left:12px;font-size:14px}
}
@media (max-width:768px){
  .container___3tSrx.sfx-edu-group{grid-template-columns:repeat(2,1fr);width:100%;padding-left:0;margin-top:1.75rem;overflow:visible}
}

/* 教育面板：logo 图换成文字「教育培训」字标 */
.banner-logo___8alLj.sfx-banner-text{
  display:inline-flex;
  align-items:center;
  background:none;
  color:#fff;
  font-size:24px;
  font-weight:700;
  letter-spacing:3px;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  text-shadow:0 1px 10px rgba(0,0,0,.35);
  white-space:nowrap;
  line-height:1;
}
@media (max-width:1536px){
  .banner-logo___8alLj.sfx-banner-text{font-size:20px;letter-spacing:2px}
}

/* 多门店模块（at Work）背景图：容器比例与图完全一致（1360:480 = 1088:384 = 2.8333），
   用 cover 保证 1920/1440 两档均等比缩放、不裁切右侧内容 */
.container___254ms{background-size:cover;background-position:left center;background-repeat:no-repeat}

/* 零售行业面板：四模块卡（与教育面板同款样式，独立类名便于维护） */
.container___3tSrx.sfx-retail-group{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:1360px;justify-content:normal;overflow:visible;margin-top:0}
.sfx-retail-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px 0 rgba(0,0,0,.0588)}
.sfx-retail-head{display:flex;flex:0 0 auto;align-items:center;justify-content:center;height:92px;background:#3b82f6;color:#fff;font-weight:700;font-size:26px;line-height:1;letter-spacing:1px}
.sfx-retail-body{display:grid;grid-template-columns:1fr 1fr;gap:22px 10px;padding:30px 26px 34px}
.sfx-retail-item{position:relative;padding-left:14px;color:#1d1d1f;font-weight:400;font-size:15px;line-height:1.45}
.sfx-retail-item::before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:#98a2b3}
@media (max-width:1536px){.container___3tSrx.sfx-retail-group{gap:20px;width:1088px}.sfx-retail-head{height:76px;font-size:22px}.sfx-retail-body{gap:18px 8px;padding:24px 20px 28px}.sfx-retail-item{padding-left:12px;font-size:14px}}
@media (max-width:1150px){.container___3tSrx.sfx-retail-group{grid-template-columns:repeat(2,1fr);width:100%;max-width:1088px}}
@media (max-width:768px){.container___3tSrx.sfx-retail-group{grid-template-columns:1fr;width:100%;padding-left:0;margin-top:1.75rem;overflow:visible}}

/* 金融行业面板：四模块卡（与教育/零售面板同款样式，独立类名便于维护） */
.container___3tSrx.sfx-fin-group{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:1360px;justify-content:normal;overflow:visible;margin-top:0}
.sfx-fin-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px 0 rgba(0,0,0,.0588)}
.sfx-fin-head{display:flex;flex:0 0 auto;align-items:center;justify-content:center;height:92px;background:#3b82f6;color:#fff;font-weight:700;font-size:26px;line-height:1;letter-spacing:1px}
.sfx-fin-body{display:grid;grid-template-columns:1fr 1fr;gap:22px 10px;padding:30px 26px 34px}
.sfx-fin-item{position:relative;padding-left:14px;color:#1d1d1f;font-weight:400;font-size:15px;line-height:1.45}
.sfx-fin-item::before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:#98a2b3}
@media (max-width:1536px){.container___3tSrx.sfx-fin-group{gap:20px;width:1088px}.sfx-fin-head{height:76px;font-size:22px}.sfx-fin-body{gap:18px 8px;padding:24px 20px 28px}.sfx-fin-item{padding-left:12px;font-size:14px}}
@media (max-width:1150px){.container___3tSrx.sfx-fin-group{grid-template-columns:repeat(2,1fr);width:100%;max-width:1088px}}
@media (max-width:768px){.container___3tSrx.sfx-fin-group{grid-template-columns:1fr;width:100%;padding-left:0;margin-top:1.75rem;overflow:visible}}