/* ============================================================
   DaNiu-AI 超级员工广场 · 手机端排版修复 v2
   文件: plaza-mobile-fix.css  (由 index.html 末尾引入)

   首页区块改造规则（老板 2026-09-26 定）:
     1. 分类大版块的「标题」原样保留，一字不改
     2. 只对标题「下面的卡片容器」降列数
        - 稠密小网格: 10 列 -> 4 列（20个 = 5 行）
        - 图文大卡片: 5 列 -> 2 列（保留原结构，客户下滑看全貌）
        - 大块分栏:   左右并排 -> 单列占满，纵向瀑布
     3. 不挤压卡片本身，不缩小卡片内容
     4. 自带滚动特性的版块（跑马灯/快报）保留原样
   ============================================================ */
@media (max-width: 768px) {


  /* ============ 1. 主内容区: 干掉桌面 1200px 固定宽 ============ */
  section.app-main,
  .app-main {
    width: 100% !important;
    max-width: 100% !important;
    padding: 6px !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: auto !important;
    overflow-y: visible !important;
  }
  .main-container {
    height: auto !important;
    min-height: auto !important;
  }
  /* 页面根容器取消 1200px 最小宽 */
  section.app-main > div,
  section.app-main > section,
  .app-main > div,
  .app-main > section {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* 二级栏位全部拉满 */
  section.app-main > div > div:not(.el-dialog__wrapper),
  section.app-main > div > section,
  .app-main > div > div:not(.el-dialog__wrapper) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* 兜底: 主内容区内任何块级元素都不得超出屏幕 */
  section.app-main div,
  section.app-main section,
  section.app-main ul,
  .app-main div,
  .app-main section {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  section.app-main img,
  section.app-main video { max-width: 100% !important; height: auto !important; }


  /* ============ 2. 顶部 navbar: 手机端压成「一行」 ============
     规则: 汉堡按钮在 x=8(38px宽) => LOGO组合整体右移, 腾出空间;
           右边到期时间/算力点/用户名/四个窗口控件 手机端全部隐藏;
           面包屑「首页/首页」重复, 取消显示; 全程 nowrap 不换行 */
  .navbar {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100vw !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
    gap: 6px !important;
    overflow: hidden !important;
  }
  .app-wrapper .navbar,
  .navbar { padding-left: 8px !important; padding-right: 8px !important; }
  /* LOGO 组合向右移, 给左上角汉堡按钮腾出 46px */
  .navbar > .flex.items-center {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin-left: 46px !important;
    padding-left: 0 !important;
    overflow: hidden !important;
  }
  .navbar .sidebar-logo { width: 26px !important; height: 26px !important; margin-right: 6px !important; }
  .navbar .title-main { font-size: 12px !important; line-height: 16px !important; }
  .navbar .title-sub { font-size: 9px !important; line-height: 12px !important; }
  /* 面包屑「首页/首页」重复, 手机端取消 */
  .navbar > .app-breadcrumb,
  .navbar .el-breadcrumb { display: none !important; }
  /* 到期时间 / 算力点 / 演示用户 / 四个窗口控件: 手机端无用, 全部隐藏 */
  .navbar .right-menu,
  .navbar .right-menu .textInfo,
  .navbar .right-menu .avatar-container,
  .navbar .right-menu .avatar-container .textInfo,
  .navbar .r,
  .navbar .r .controls,
  .navbar .draggable { display: none !important; }
  .navbar .hamburger-container,
  .navbar .breadcrumb-container { flex: 0 0 auto !important; }
  /* 面包屑: 单行省略, 不再把顶栏撑宽 */
  .app-breadcrumb,
  .navbar .breadcrumb,
  .breadcrumb {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11px !important;
  }


  /* ============ 3. 首页 dashboard: 标题不动, 只改下面的卡片容器 ============ */
  /* 3.1 首页各区块恢复纵向流式, 每块占满一行(不再被 flex 压成两半)
         同时取消系统可能给的固定高度/内部滚动, 让页面随内容自然变长, 客户下滑看全貌 */
  .se-home { display: block !important; height: auto !important; min-height: auto !important; max-height: none !important; overflow: visible !important; }
  .se-home > * { width: 100% !important; max-width: 100% !important; }

  /* 3.2 轮播图: 内置 media query 写 height:auto + aspect-ratio:1600/220, 在 375 屏只出 44px
         这里改回固定高度, 图片本身结构不动
         注意: 内置样式由 JS chunk 注入 <style>, 晚于本文件, 故必须提高选择器特异性才压得住 */
  /* 轮播图按原图比例(1600x220)等比压缩, 不再硬撑 150px 被裁切 */
  section.app-main .se-home .se-carousel,
  .se-home .se-carousel {
    height: auto !important;
    aspect-ratio: 1600 / 220 !important;
    max-height: 150px !important;
  }
  .se-carousel .se-carousel-img.on,
  .se-carousel .se-carousel-img {
    height: 100% !important;
    max-height: 150px !important;
    object-fit: cover !important;
  }

  /* 3.3 超级专家团队 —— 标题区原样保留, 只让右侧 hint 在手机端换到下一行,
         避免左侧 "超级专家团队" 标题被挤成两行 */
  .se-experts-head { flex-wrap: wrap !important; }
  .se-experts-head .se-experts-hint { width: 100% !important; text-align: right !important; margin-top: 4px !important; font-size: 11px !important; }
  .se-experts-head .se-card-title { flex: 0 0 auto !important; }

  /* 下面 .se-experts-scroll 由 repeat(10,1fr) 降为 4 列, 20 个卡片 = 5 行
         卡片尺寸不改, 名字允许换行显示(不再裁成竖条) */
  .se-experts-scroll {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 8px !important;
    overflow: visible !important;
  }
  .se-expert { padding: 8px 4px 6px !important; }
  .se-expert-name,
  .se-expert-role {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: break-word !important;
    line-height: 1.25 !important;
    max-width: 100% !important;
  }

  /* 3.4 大块分栏 .se-main: 左右各占 158px -> 改为单列占满, 纵向瀑布排列
         内部 .se-card / .se-creative / .se-two 结构一律不动 */
  .se-main { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; }
  .se-left-col,
  .se-right-col { width: 100% !important; max-width: 100% !important; }

  /* 3.5 KPI: 双卡一行, 已合适, 保持原样 */
  .se-kpis { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }

  /* 3.5b 内容创作大卡 —— 桌面端是「左文右图」, 150px 插画把正文挤到只剩 127px,
         导致 .se-card-title 的 "内容创作 核心" 折成两行。
         手机端改为上下结构: 文字占满整行(标题一行显示), 插画放到下面 */
  .se-card.se-creative { flex-direction: column !important; align-items: stretch !important; }
  .se-creative-main { width: 100% !important; max-width: 100% !important; }
  .se-card.se-creative .se-card-title { width: 100% !important; white-space: nowrap !important; }
  .se-card.se-creative .se-creative-img { width: auto !important; max-width: 150px !important; max-height: 150px !important; object-fit: contain !important; margin: 8px auto 0 !important; display: block !important; }

  /* 3.6 接入平台: 9 个图标 9 列(每格 14px) -> 3 列 3 行, 结构不动 */
  .se-platforms { display: block !important; }
  .se-pf-row { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; }

  /* 3.7 图文大卡片 .se-sections: 5 列(每卡 53px, 标题被裁成竖条) -> 2 列(每卡约 151px)
         卡片内部结构 .se-sec-illus / .se-sec-t / .se-sec-chips 全部保留, 客户下滑看全貌 */
  .se-sections { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  .se-sec { padding: 10px !important; }
  .se-sec-t { white-space: normal !important; line-height: 1.3 !important; }

  /* 3.8 快报 / 跑马灯: 自带滚动与自动播放, 保留原特性, 只保宽度 */
  .se-news { flex-wrap: wrap !important; }
  .se-marquee { max-width: 100% !important; overflow: hidden !important; }
  /* 跑马灯(最受欢迎功能)提速:
     track 是 flex 容器, 内部分两组 div; 若这两组被 flex 压到 155px,
     则 @keyframes 的 translateX(-50%) 只滚 161px/28s => 肉眼极慢, 且卡片被裁。
     这里让每组按 max-content 撑开, 位移回到完整一份内容宽度, 速度即与电脑端一致。 */
  /* 注意: 必须加 .se-home 前缀提权(第 1 节的 section.app-main div 特异性更高, 会压掉 max-width) */
  .se-home .se-marquee-track,
  section.app-main .se-home .se-marquee-track {
    max-width: none !important;
    min-width: max-content !important;
    width: max-content !important;
  }
  .se-home .se-marquee-track > div,
  section.app-main .se-home .se-marquee-track > div {
    flex: 0 0 auto !important;
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;
    display: flex !important;
    gap: 14px !important;
  }


  /* ============ 4. Element 表格: 缩小内边距与字号, 保留横向滚动 ============ */
  .el-table { width: 100% !important; }
  .el-table__body-wrapper { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  .el-table th,
  .el-table td { padding: 5px 3px !important; font-size: 11px !important; }
  .el-table .cell { padding: 0 3px !important; white-space: nowrap !important; }


  /* ============ 5. 表单: 竖排, 控件占满 ============ */
  .el-form-item { display: flex !important; flex-direction: column !important; align-items: stretch !important;
                  margin-bottom: 8px !important; width: 100% !important; }
  .el-form-item__label { width: auto !important; text-align: left !important; float: none !important;
                         padding: 0 0 3px 0 !important; font-size: 12px !important; }
  .el-form-item__content { width: 100% !important; margin-left: 0 !important; }
  .el-input, .el-select, .el-date-editor, .el-cascader, .el-input-number,
  .el-input__inner, .el-textarea__inner { width: 100% !important; font-size: 12px !important; }
  .el-range-editor.el-input__inner { padding: 3px 6px !important; }
  .el-form--inline .el-form-item { margin-right: 0 !important; }


  /* ============ 6. 按钮 / 标签 / 分页: 可换行 ============ */
  .el-button { margin: 2px 3px !important; font-size: 12px !important; padding: 6px 10px !important; }
  .se-expert-tag { font-size: 9.5px !important; padding: 1px 6px !important; }
  .el-button + .el-button { margin-left: 3px !important; }
  .el-button-group,
  .el-radio-group,
  .el-checkbox-group { display: flex !important; flex-wrap: wrap !important; }
  .el-radio, .el-checkbox { margin: 2px 6px 2px 0 !important; }
  .el-pagination { display: flex !important; flex-wrap: wrap !important; justify-content: center !important;
                   font-size: 12px !important; padding: 8px 0 !important; }


  /* ============ 7. 弹窗 / 抽屉: 不超出屏幕 ============ */
  .el-dialog { width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; margin: 10px auto !important; }
  .el-dialog__body { padding: 10px !important; max-height: 60vh !important; overflow-y: auto !important; }
  .el-message-box { width: calc(100vw - 28px) !important; max-width: calc(100vw - 28px) !important; }
  .el-drawer { width: 86vw !important; max-width: 86vw !important; }


  /* ============ 8. 通用兜底 ============ */
  *, *::before, *::after { box-sizing: border-box !important; }


  /* ============================================================
     ============ 9. 内页（63 页）手机端修复 ============
     原则（老板 2026-09-26 定）:
       标题原样保留; 只对「标题下面的卡片容器」降列数;
       大块分栏 左右并排 -> 单列占满、纵向瀑布;
       绝不挤压卡片本身 / 绝不缩小卡片内容
     ============================================================ */

  /* 9.1 cac/cacindex —— 14 个 .feature-card 竖条 (w=39~55, h=645)
         根因: .features-container.control 是 grid, 桌面写死 4 列 × 54.75px,
               375 屏下整容器只有 291px, 每卡仍被塞 54.75px, 文字换行堆成 645px 竖条。
         修法: 只降列数 4 -> 2（卡片本身尺寸不变, 只是并排数变少, 每张约 140px） */
  .features-container.control,
  .features-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .feature-card {
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 10px 8px !important;
    word-break: break-word !important;
    line-height: 1.45 !important;
  }
  .feature-card .fz14,
  .feature-card > * { word-break: break-word !important; overflow-wrap: anywhere !important; }

  /* 9.1b cac/cacindex —— 上面 9.1 只压住了 4 列那个容器;
         「更多」区 .features-container.control.more 是 5 列 × 51.8px,
         被项目自带 <style> 的 .features-container.control.more(特异性 0,3,0) 压住, 必须提权。
         10 个卡片 5 列 -> 2 列（卡片本身不缩水） */
  section.app-main .features-container,
  section.app-main .features-container.control,
  section.app-main .features-container.control.more,
  section.app-main .container .features-container.control.more,
  .features-container.control.more {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* 9.2 label 页（sales/label、wecom/label）—— 左栏被压成 38px 竖条 (h=840)
         根因: .label_right 是 flex 横向分栏, 375 屏下右段只分到 172px,
               左侧标签列表被挤到 38px, 里面的序号/按钮全成竖条。
         修法: 大块分栏改单列, 左右各占满一行, 纵向瀑布排列 */
  .label { display: block !important; width: 100% !important; max-width: 100% !important; }
  .label_right { display: block !important; width: 100% !important; max-width: 100% !important;
                 min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
  .label_right > * { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  .label_right_left,
  .label_right_lefta,
  .label_right_lefta_two,
  .label_right_left_one,
  .label_right_left_two,
  .label_right_right { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  .label_right_lefta > *,
  .label_right_left > * { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  /* 「序号」这类被裁的小标题: 允许换行, 不再裁成竖条 */
  .label_right_lefta .fz14,
  .label_right_left .fz14,
  .label_right_lefta_two .fz14 { white-space: normal !important; overflow: visible !important;
                                 text-overflow: clip !important; word-break: break-word !important; }
  /* 行内操作按钮: 允许换行, 不再被挤出屏幕 */
  .label_right_left_one,
  .label_right_left_two { flex-wrap: wrap !important; }
  .label_right_left_one > *,
  .label_right_left_two > * { flex: 0 0 auto !important; max-width: 100% !important; }

  /* 9.3 montage/material —— 顶部工具条右段被裁掉两个按钮
         根因: .sourceMaterial 是 flex space-between; 右段 .sourceMaterial_right 只有 172px,
               里面塞了「查看未分组素材」(123px) + 「创建分组」(87px) = 210px, 被 overflow:hidden 裁掉。
         修法: 工具条允许换行, 右段不再限宽, 按钮依次落到下一行 */
  .sourceMaterial { flex-wrap: wrap !important; row-gap: 6px !important; }
  .sourceMaterial > * { min-width: 0 !important; max-width: 100% !important; }
  .sourceMaterial_right,
  .right-inner-container { max-width: 100% !important; flex-wrap: wrap !important; row-gap: 6px !important; }
  .right-inner-container > * { flex: 0 0 auto !important; max-width: 100% !important; }

  /* 9.3b montage/material —— 分组卡片「产品素材/品牌素材」被压成 14px 竖条 (h=220)
         根因: .card-list 是 flex-wrap, 但 .group-card 自带 56px 基准宽, 375 下文字换行堆高。
         修法: 列表改 2 列网格（卡片本身不缩水, 只是并排数变少） */
  section.app-main .card-list,
  .card-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }
  .card-list > * { min-width: 0 !important; max-width: 100% !important; width: auto !important; }
  .card-list .group-card { min-width: 0 !important; max-width: 100% !important; padding: 8px !important; }
  .card-list .group-card > * { word-break: break-word !important; overflow-wrap: anywhere !important; }

  /* 9.4 通用兜底: 工具栏 / 操作条 一律允许换行, 不再把按钮挤出屏幕 */
  .toolbar, .top-bar, .action-bar, .header-container {
    flex-wrap: wrap !important; max-width: 100% !important;
  }
  .toolbar > *, .top-bar > *, .action-bar > *, .header-container > * {
    min-width: 0 !important; max-width: 100% !important;
  }

  /* ==================== 11. 老板 4 项举报专项修复 ==================== */

  /* 11.1 数字人精剪 (#/digitalHuman/montage/) —— 左中右三栏全被挤变形
     根因: .edit_menu_container 是 flex-row, 375 下被父级(363)压到 192, 内部
           .edit_menu(76) / .content(114) / .acaravatar(74) 全是硬分栏;
           .lt-tabs 是 flex-column, .tab_item 被压到 9px("公共")和 17px("我创建的");
           .template_box 是 3 列 grid 每列 16px → 头像图 16px;
           .acaravatar__notice 的 .title.nowrap.line-1 可用宽只剩 10px → 竖条。
     修法: 编辑区整体竖向单列(不缩水, 只是改为上下堆叠); tabs 改横向排布并给可读最小宽;
           图片格子给 56px 保底; 文案取消 nowrap。 */
  section.app-main .edit_menu_container,
  section.app-main .edit_left_container,
  .edit_menu_container, .edit_left_container {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }
  section.app-main .edit_menu_container > *,
  .edit_menu_container > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }
  /* 左栏 tabs: 竖排 -> 横排并允许换行, 每个 tab 给可读最小宽 */
  section.app-main .lt-tabs, .lt-tabs {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    row-gap: 6px !important;
    column-gap: 6px !important;
  }
  section.app-main .lt-tabs > *, .lt-tabs > * {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 68px !important;
    max-width: 100% !important;
    padding: 6px 12px !important;
    white-space: nowrap !important;
  }
  /* 头像 / 图片格子: 不再被压成 16px */
  section.app-main .acaravatar, .acaravatar {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }
  section.app-main .template_box, .template_box {
    grid-template-columns: repeat(2, minmax(56px, 1fr)) !important;
    gap: 8px !important;
  }
  section.app-main .template_item, .template_item { min-width: 56px !important; width: auto !important; }
  section.app-main .el-image, .el-image { min-width: 56px !important; max-width: 100% !important; }
  /* 文案不再竖条: 取消 nowrap + 强制换行 */
  section.app-main .acaravatar__notice .title,
  section.app-main .acaravatar__notice span,
  .acaravatar__notice .title, .acaravatar__notice span {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    line-height: 16px !important;
  }

  /* 11.2 智能获客 (#/cac/cacindex/) —— 第一屏内部菜单变竖条
     根因: .el-card__body 是 flex-row nowrap, 5 个 .type-item(某音/小某书/某手/数据总览/注意事项!!!)
           平分 291px → 每个只有 40px, 文字被裁成竖条。
     修法: 卡片体允许换行(不缩卡片, 只是不再硬挤一行), type-item 给 96px 保底宽。 */
  section.app-main .platform-card .el-card__body,
  .platform-card .el-card__body {
    flex-wrap: wrap !important;
    row-gap: 10px !important;
    column-gap: 8px !important;
  }
  section.app-main .type-item, .type-item {
    flex: 0 0 auto !important;
    min-width: 96px !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: break-word !important;
    line-height: 16px !important;
  }
  section.app-main .type-item > span, .type-item > span {
    white-space: normal !important;
    word-break: break-word !important;
    min-width: 0 !important;
  }

  /* 11.3 自动化任务表单 (好友任务 / AI点赞评论 / AI企微好友任务 / boss任务)
     根因: .automation_title 与 .automation_center_div 都是 flex-row nowrap,
           label(span) 与控件同行 → label 被压到 37~51px 竖排换行, 控件只剩 99px。
     修法: 这两族容器改竖向单列(label 占整行, 控件落到下一行并撑满)。 */
  section.app-main .automation_title,
  section.app-main .automation_center_a,
  section.app-main .automation_center_div,
  .automation_title, .automation_center_a, .automation_center_div {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  section.app-main .automation_title > *,
  section.app-main .automation_center_a > *,
  section.app-main .automation_center_div > *,
  .automation_title > *, .automation_center_a > *, .automation_center_div > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    white-space: normal !important;
    word-break: break-word !important;
    line-height: 18px !important;
  }
  /* 表格单元格: 日期列(2026-08-23 09:00 需 93px) 80px 装不下, 改为不换行, 由表格容器横向滑动 */
  section.app-main .el-table .cell, .el-table .cell { white-space: nowrap !important; }

  /* 11.4 更新记录 (#/update/update/) —— 版本号字号过大溢出边框
     根因: 版本号 h3 = 23.4px、日期数字 = 26px, 而所在列只有 82px / 184px,
           h3 高度被撑到 100px(竖条), .update_view_left 内容溢出 7px。
     修法: 版本号降到 16px, 日期降到 18px, 标题 17px, 并允许正常换行。 */
  section.app-main .update h3.update_tt, .update h3.update_tt { font-size: 17px !important; line-height: 24px !important; }
  section.app-main .update_view_left_b, .update_view_left_b { font-size: 18px !important; line-height: 24px !important; }
  section.app-main .update_view_left_ba, .update_view_left_ba { font-size: 13px !important; line-height: 18px !important; }
  section.app-main .update_view_left, .update_view_left {
    min-width: 0 !important; width: 74px !important; padding: 4px !important;
  }
  section.app-main .update_view_right, .update_view_right { min-width: 0 !important; max-width: 100% !important; }
  section.app-main .update_view_right_view_t, .update_view_right_view_t { font-size: 15px !important; line-height: 22px !important; }
  section.app-main .update_view_right_view_t h3,
  .update_view_right_view_t h3 { font-size: 16px !important; line-height: 22px !important; font-weight: 600 !important; }
  section.app-main .update_view_right_view p,
  section.app-main .update_view_right_view div,
  .update_view_right_view p, .update_view_right_view div {
    white-space: normal !important; word-break: break-word !important; overflow-wrap: anywhere !important;
  }

  /* ==================== 12. 第 11 节残留收尾 ==================== */

  /* 12.1 数字人精剪续修 —— 「竖屏/横屏」被压成 2px 竖条
     根因: .container.flex 的直接子项 .flex-1 仍是 flex-row 的第三栏, 被前两栏(占满 363)挤到 w=0,
           于是内部 .w-full 全为 0, .types 只剩 40px。
     修法: 这一层也改为竖向单列, 内部子项各占满整行。 */
  section.app-main div.container.flex > .flex-1 {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  section.app-main div.container.flex > .flex-1 > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }
  /* 视频比例/类型按钮组(竖屏/横屏) 给可读最小宽 */
  section.app-main .types, .types { flex: 0 0 auto !important; min-width: 56px !important; width: auto !important; }
  section.app-main .flex-1, .flex-1 { min-width: 0 !important; }

  /* 12.2 自动化任务标题行溢出 20px
     根因: .automation_title 的第三个子项「已添加好友数量」自带 margin-left:20px, 竖向排布后把整行撑宽。
     修法: 清掉这些自带外边距。 */
  section.app-main .automation_title > *,
  section.app-main .automation_center_a > *,
  section.app-main .automation_center_div > *,
  .automation_title > *, .automation_center_a > *, .automation_center_div > * {
    margin-left: 0 !important; margin-right: 0 !important;
  }

  /* 12.3 更新记录日期列溢出 7px
     根因: .update_view_left 固定 74px(含 padding 后内容只剩 66px), 而内部 日期(20)+月份(48)+圆点(12) 需 80px。
     修法: 宽度改自适应, padding 收窄。 */
  section.app-main .update_view_left, .update_view_left {
    width: auto !important; min-width: 0 !important;
    padding: 6px 2px !important;
  }

  /* 12.4 表格列宽自适应 —— 日期列「2026-08-23 09:00」需 93px, Element 默认 fixed 布局只给 80px → 被裁。
     修法: 改 table-layout:auto 让列按内容撑开, 由表格容器横向滚动(Element 默认已可横滑)。
           注意 table-layout 必须写在 <table> 上, 写在外层 .el-table(div) 无效。 */
  section.app-main table.el-table__header,
  section.app-main table.el-table__body,
  .el-table__header, .el-table__body { table-layout: auto !important; }
  section.app-main .el-table .cell, .el-table .cell { white-space: nowrap !important; }

  /* 12.5 更新记录日期块仍差 7px(内容 63px / 可视 56px)
     修法: 固定 76px 保底宽 + 禁止压缩, 剩余空间让右侧正文吸收。 */
  section.app-main .update_view_left, .update_view_left {
    flex: 0 0 auto !important;
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    padding: 6px 0 !important;
    overflow: visible !important;
  }
  /* 日期块内的三个元素原本是横向排布(共占 80px), 强制竖排后只需 48px, 不再撑破边框 */
  section.app-main .update_view_left > *, .update_view_left > * { display: block !important; }
  section.app-main .update_view_left_ba, .update_view_left_ba { text-align: left !important; }

  /* ==================== 13. 智能获客 (#/cac/cacindex/) 专项整改 ====================
     13.1 五个分类版块做成「一行两个, 共三行」
          根因: 11.2 只加了 flex-wrap, 5 个 .type-item 宽 130/150/130/170/187,
                每行塞 2~3 个, 排布不齐、最后一行剩一半也是随机位置。
          修法: .platform-card .el-card__body 改 2 列 grid, 5 项自然 = 2+2+1 共三行;
                .use_guidance(使用指引) 设 grid-column:1/-1 独占第四行。 */
  section.app-main .platform-card > .el-card__body,
  .platform-card > .el-card__body {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    row-gap: 8px !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    align-content: start !important;
  }
  section.app-main .platform-card > .el-card__body .type-item,
  .platform-card .el-card__body .type-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 6px !important;
    gap: 6px !important;
  }
  section.app-main .platform-card > .el-card__body .type-item > img,
  .platform-card .el-card__body .type-item > img {
    width: 26px !important; height: 26px !important; flex: 0 0 26px !important;
  }
  section.app-main .platform-card > .el-card__body .type-item > span,
  .platform-card .el-card__body .type-item > span {
    font-size: 13px !important; line-height: 1.25 !important;
    min-width: 0 !important; word-break: keep-all !important;
  }
  section.app-main .platform-card > .el-card__body .use_guidance,
  .platform-card .el-card__body .use_guidance {
    grid-column: 1 / -1 !important;
    width: auto !important; max-width: 100% !important; min-width: 0 !important;
  }

  /* 13.2 账号管理 / 回复私信预设 / 关键词预设 / 运行进程管理 四张卡片
          根因: h3.feature-title = 20px,「回复/私信预设」6 字需 120px 但容器只有 102px →
                标题折成 2 行(h=58); p.feature-desc = 14px, 说明折 2 行(h=41), 整体撑破背景卡片。
          card_info 是 position:absolute(top:0/bottom:0) 覆盖层, 缩小字号只会更内缩, 不会撑破。
          修法: 标题 20 → 13px, 说明 14 → 11px, 说明固定 2 行截断、左对齐, 四张卡片文字底线齐平。 */
  section.app-main .features-container.control:not(.more) .card_info,
  .features-container.control:not(.more) .card_info {
    width: 100% !important; max-width: 100% !important;
    padding: 6px 8px !important; box-sizing: border-box !important;
  }
  section.app-main .features-container.control:not(.more) .feature-header,
  .features-container.control:not(.more) .feature-header {
    width: 100% !important; min-width: 0 !important; margin-bottom: 2px !important;
  }
  section.app-main .features-container.control:not(.more) .feature-title,
  .features-container.control:not(.more) .feature-title {
    font-size: 13px !important; line-height: 1.3 !important;
    font-weight: 600 !important; margin: 0 0 2px !important;
    white-space: normal !important; word-break: break-word !important; overflow-wrap: anywhere !important;
  }
  section.app-main .features-container.control:not(.more) .feature-desc,
  .features-container.control:not(.more) .feature-desc {
    font-size: 11px !important; line-height: 1.35 !important;
    margin: 0 !important; text-align: left !important;
    display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important;
    word-break: break-word !important; overflow-wrap: anywhere !important;
  }

  /* 13.3 数据总览 (.data-dashboard) —— 竖条文字 + 卡片挤成一团
          根因: 4 个 .el-col-6 内联 width:25%, 291px 容器平分到 73px;
                内部 .summary-card 被 flex 压到 53px, .card-info 更被压到「宽 0 cw=0」,
                → 标题/数值/百分比只能竖排, 这就是老板看到的「一堆竖条」。
          修法: 每个 el-col 改占满一行(100% + float:none), 顺序往下纵向排列;
                summary-card / card-info 解除压缩, card-icon 固定 40px;
                两个图表 el-col-14 / el-col-10 同样各占一行。 */
  section.app-main .data-dashboard .el-col-6,
  section.app-main .data-dashboard .el-col-14,
  section.app-main .data-dashboard .el-col-10 {
    width: 100% !important; max-width: 100% !important;
    float: none !important; min-width: 0 !important;
    margin-bottom: 10px !important;
    padding-left: 0 !important; padding-right: 0 !important;
  }
  section.app-main .data-dashboard .summary-card {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important;
    flex-wrap: wrap !important;
    padding: 10px !important; box-sizing: border-box !important;
  }
  section.app-main .data-dashboard .summary-card .card-icon {
    flex: 0 0 40px !important; width: 40px !important; height: 40px !important;
    min-width: 40px !important; min-height: 40px !important; max-width: 40px !important;
  }
  section.app-main .data-dashboard .summary-card .card-info {
    width: auto !important; max-width: 100% !important;
    flex: 1 1 auto !important; min-width: 0 !important; overflow: visible !important;
  }
  section.app-main .data-dashboard .card-title { font-size: 13px !important; white-space: normal !important; }
  section.app-main .data-dashboard .card-value .num { font-size: 20px !important; }
  section.app-main .data-dashboard .card-value .unit { font-size: 12px !important; }
  section.app-main .data-dashboard .card-compare { font-size: 11px !important; white-space: normal !important; }

  /* 13.4 数据总览筛选栏横向溢出 (filter-left sw=173 / cw=140, radio 被压成 27px)
          修法: 筛选区改纵向瀑布, 单选组允许换行, 两个下拉给保底宽, margin-left 清零。 */
  section.app-main .dashboard-filter { flex-wrap: wrap !important; row-gap: 8px !important; }
  section.app-main .filter-left {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important;
    flex-direction: column !important; align-items: stretch !important;
  }
  section.app-main .filter-left .filter-label { width: auto !important; min-width: 0 !important; }
  section.app-main .filter-left .el-radio-group {
    width: auto !important; max-width: 100% !important; min-width: 0 !important; flex-wrap: wrap !important;
  }
  section.app-main .filter-left .el-select,
  section.app-main .filter-right .el-select {
    width: auto !important; min-width: 110px !important; max-width: 100% !important;
    margin-left: 0 !important; margin-right: 8px !important;
  }
  section.app-main .filter-right {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex-wrap: wrap !important;
  }

  /* 13.5 数据总览剩下的「宽 0」元素: .card-value / .card-compare 内的 span
          (0%, 关注: 0 | 私信: 0 里的数值与分隔竖线) 被 flex 压到 width=0 → 文字根本看不见,
          整块只剩「较昨日 / 关注:」几个字, 看起来就像又挤成竖条了。
          card-info 恢复 215px 后空间已够, 这里让数值行/对比行都变成可换行的 flex,
          子项禁止压缩(nowrap + flex:0 0 auto), 数值与量纲各自独立成行不互相挤压。 */
  section.app-main .data-dashboard .card-value,
  section.app-main .data-dashboard .card-compare {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 2px 4px !important;
    white-space: normal !important;
  }
  section.app-main .data-dashboard .card-value > *,
  section.app-main .data-dashboard .card-compare > *,
  section.app-main .data-dashboard .card-value span,
  section.app-main .data-dashboard .card-compare span,
  section.app-main .data-dashboard .card-compare i {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
  }
  /* 「关注:」「私信:」这类前缀与数值要能断行, 避免整行 nowrap 撑出屏幕 */
  section.app-main .data-dashboard .card-compare { line-height: 1.5 !important; }

  /* 13.6 分类版块文字被裁 5px: 「注意事项!!!」sw=63 / cw=58
         根因: .type-item 是 flex-row(26px 图 + 6px 间距 + 6px 内边距), span 没有 flex-grow,
               只按内容缩到 58px, 而「注意事项!!!」7 个字需 63px → 尾部被切掉。
         修法: span 吃掉剩余空间, 不用改字号、不用改卡片尺寸。 */
  section.app-main .platform-card > .el-card__body .type-item > span,
  .platform-card .el-card__body .type-item > span {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }

  /* ==================== 14. 智能获客页两项追加整改 ====================
     14.1 使用指引(.use_guidance)与「数据总览」重叠
          根因: .use_guidance 自带 position:absolute → 脱离 grid 流,
                13.1 设的 grid-column:1/-1 对它无效; 它实际落在 t=186 l=237,
                而「数据总览」占 t=176 l=192 w=112 → 二者垂直水平都重叠。
          修法: 改回 position:static 让它回归 grid 流, 第 6 个子元素自动排到
                第 3 行右格(即「注意事项!!!」右边), 与其余五格对齐同高。 */
  section.app-main .platform-card > .el-card__body .use_guidance,
  .platform-card .el-card__body .use_guidance {
    /* 原站这是 absolute + top:50% + transform:translateY(-50%) 的浮动提示。
       改成 grid 内第 6 格后 position 已转 static, 但 transform 的 -19px 上抬
       依然生效(实测 t=203 而非 222) → 不清掉就会继续压在「数据总览」身上。 */
    position: static !important;
    transform: none !important;
    top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
    float: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
    grid-area: auto !important;
    /* 盒子规则与 .type-item 完全一致, 保证与五格同宽同高、基线对齐 */
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 6px !important;
    gap: 6px !important;
  }
  section.app-main .platform-card > .el-card__body .use_guidance > span,
  .platform-card .el-card__body .use_guidance > span {
    flex: 1 1 auto !important; width: auto !important; min-width: 0 !important;
    font-size: 13px !important; line-height: 1.25 !important;
    word-break: keep-all !important; white-space: nowrap !important;
  }
  section.app-main .platform-card > .el-card__body .use_guidance > i,
  .platform-card .el-card__body .use_guidance > i {
    flex: 0 0 auto !important; font-size: 14px !important;
  }

  /* 14.2 四张功能卡: 标题加粗 + 说明缩字 + 文字整体下移贴底
          根因: .card_info 内文字块顶着顶部排(feature-header t=406 →
                feature-desc 底 457), 距 card_info 底(487) 有 30px 空白,
                视觉上像文字悬在背景卡上半部、没落到卡片里。
          修法: card_info 改 flex 列布局 + justify-content:flex-end,
                文字块整体压到卡片底部(padding 内边距 6px);
                标题 13px/700 加粗, 说明 11 → 10px, 仍限 2 行截断。 */
  section.app-main .features-container.control:not(.more) .card_info,
  .features-container.control:not(.more) .card_info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 6px 8px !important;
    box-sizing: border-box !important;
  }
  section.app-main .features-container.control:not(.more) .feature-header,
  .features-container.control:not(.more) .feature-header {
    width: 100% !important;
    min-width: 0 !important;
    margin-bottom: 2px !important;
    flex: 0 0 auto !important;
  }
  section.app-main .features-container.control:not(.more) .feature-title,
  .features-container.control:not(.more) .feature-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin: 0 0 2px !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
  section.app-main .features-container.control:not(.more) .feature-desc,
  .features-container.control:not(.more) .feature-desc {
    font-size: 10px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    text-align: left !important;
    flex: 0 0 auto !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
  /* 使用指引本身不再参与 features 卡片样式(它在另一个容器) */

  /* ==================== 15. 「注意事项!!!」仍被裁 5px (sw=63 / cw=58) ====================
         13.6 让 span flex:1 已生效, 但空间确实不够 —— 13.1/13.6 都没管外边距:
           .type-item 自带 margin-right:10px → 宽 111.5px 而非列宽 121.5px;
           .type-item > img 又自带 margin-right:10px;
           → span 可用宽 = 121.5 - 12(padding) - 26(img) - 10(img margin) - 6(gap) = 58px,
             而「注意事项!!!」7 个字 13px 需 63px → 尾部 !! 被切掉。
         修法: 清掉这两处多余右外边距(格子补齐列宽 121.5, 图标间距改 4px),
               span 可用宽回到 73px > 63px, 同时六格右边缘完全对齐。 */
  section.app-main .platform-card > .el-card__body .type-item,
  .platform-card .el-card__body .type-item { margin: 0 !important; }
  section.app-main .platform-card > .el-card__body .type-item > img,
  .platform-card .el-card__body .type-item > img { margin-right: 4px !important; }

}