/* ==========================================================
   AI+制造创新场景 · 正文装饰层  v20260918m
   仅 AI 专题七页引用（生成器：build_ai_deco.py，勿手改）
   构成：① 整片工业网格底纹 + 右上/左下角图案水印（按 section 顺序轮换）
        ② 标题六边形标记  ③ 底部数据流分隔线
        ④ 表格容器技术角标 / 卡片点阵  ⑤ 流程节点淡辉光
   原则：全部走伪元素，不改动正文 DOM，不干扰另一台机器维护的 ai-theme.css
   ========================================================== */

:root {
  --ai-grid:
    linear-gradient(rgba(15,110,86,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,110,86,.045) 1px, transparent 1px);
  --wm-gear: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20440%20440%27%20fill%3D%27none%27%20stroke%3D%27%230F6E56%27%20stroke-opacity%3D%270.18%27%20stroke-width%3D%276%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%27190%27%20cy%3D%27190%27%20r%3D%27118%27%20pathLength%3D%27140%27%20stroke-dasharray%3D%276%204%27%20stroke-width%3D%2735.4%27%2F%3E%3Ccircle%20cx%3D%27190%27%20cy%3D%27190%27%20r%3D%2777.9%27%2F%3E%3Ccircle%20cx%3D%27190%27%20cy%3D%27190%27%20r%3D%2724.8%27%2F%3E%3Ccircle%20cx%3D%27346%27%20cy%3D%27296%27%20r%3D%2774%27%20pathLength%3D%27120%27%20stroke-dasharray%3D%275.6%204.4%27%20stroke-width%3D%2722.2%27%2F%3E%3Ccircle%20cx%3D%27346%27%20cy%3D%27296%27%20r%3D%2748.8%27%2F%3E%3Ccircle%20cx%3D%27346%27%20cy%3D%27296%27%20r%3D%2715.5%27%2F%3E%3C%2Fsvg%3E");
  --wm-net: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20440%20440%27%20fill%3D%27none%27%20stroke%3D%27%230F6E56%27%20stroke-opacity%3D%270.18%27%20stroke-width%3D%276%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cg%3E%3Cpath%20d%3D%27M110%20116%20L208%2064%27%2F%3E%3Cpath%20d%3D%27M110%20116%20L208%20168%27%2F%3E%3Cpath%20d%3D%27M110%20116%20L208%20272%27%2F%3E%3Cpath%20d%3D%27M110%20116%20L208%20376%27%2F%3E%3Cpath%20d%3D%27M110%20220%20L208%2064%27%2F%3E%3Cpath%20d%3D%27M110%20220%20L208%20168%27%2F%3E%3Cpath%20d%3D%27M110%20220%20L208%20272%27%2F%3E%3Cpath%20d%3D%27M110%20220%20L208%20376%27%2F%3E%3Cpath%20d%3D%27M110%20324%20L208%2064%27%2F%3E%3Cpath%20d%3D%27M110%20324%20L208%20168%27%2F%3E%3Cpath%20d%3D%27M110%20324%20L208%20272%27%2F%3E%3Cpath%20d%3D%27M110%20324%20L208%20376%27%2F%3E%3Cpath%20d%3D%27M208%2064%20L306%20116%27%2F%3E%3Cpath%20d%3D%27M208%2064%20L306%20220%27%2F%3E%3Cpath%20d%3D%27M208%2064%20L306%20324%27%2F%3E%3Cpath%20d%3D%27M208%20168%20L306%20116%27%2F%3E%3Cpath%20d%3D%27M208%20168%20L306%20220%27%2F%3E%3Cpath%20d%3D%27M208%20168%20L306%20324%27%2F%3E%3Cpath%20d%3D%27M208%20272%20L306%20116%27%2F%3E%3Cpath%20d%3D%27M208%20272%20L306%20220%27%2F%3E%3Cpath%20d%3D%27M208%20272%20L306%20324%27%2F%3E%3Cpath%20d%3D%27M208%20376%20L306%20116%27%2F%3E%3Cpath%20d%3D%27M208%20376%20L306%20220%27%2F%3E%3Cpath%20d%3D%27M208%20376%20L306%20324%27%2F%3E%3Cg%3E%3Ccircle%20cx%3D%27110%27%20cy%3D%27116%27%20r%3D%279%27%2F%3E%3Ccircle%20cx%3D%27110%27%20cy%3D%27220%27%20r%3D%279%27%2F%3E%3Ccircle%20cx%3D%27110%27%20cy%3D%27324%27%20r%3D%279%27%2F%3E%3Ccircle%20cx%3D%27208%27%20cy%3D%2764%27%20r%3D%279%27%2F%3E%3Ccircle%20cx%3D%27208%27%20cy%3D%27168%27%20r%3D%279%27%2F%3E%3Ccircle%20cx%3D%27208%27%20cy%3D%27272%27%20r%3D%279%27%2F%3E%3Ccircle%20cx%3D%27208%27%20cy%3D%27376%27%20r%3D%279%27%2F%3E%3Ccircle%20cx%3D%27306%27%20cy%3D%27116%27%20r%3D%279%27%2F%3E%3Ccircle%20cx%3D%27306%27%20cy%3D%27220%27%20r%3D%279%27%2F%3E%3Ccircle%20cx%3D%27306%27%20cy%3D%27324%27%20r%3D%279%27%2F%3E%3C%2Fg%3E%3Cg%20class%3D%27ai-gl%27%20fill%3D%27%230F6E56%27%20stroke%3D%27none%27%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --wm-circuit: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20440%20440%27%20fill%3D%27none%27%20stroke%3D%27%230F6E56%27%20stroke-opacity%3D%270.18%27%20stroke-width%3D%276%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cg%3E%3Cpath%20d%3D%27M48%2096%20V200%20H190%27%2F%3E%3Cpath%20d%3D%27M190%20200%20H392%20V300%20H352%27%2F%3E%3Cpath%20d%3D%27M96%20340%20H240%20V392%27%2F%3E%3Cpath%20d%3D%27M280%2064%20H380%20V148%27%2F%3E%3Ccircle%20cx%3D%2748%27%20cy%3D%2796%27%20r%3D%279%27%2F%3E%3Ccircle%20cx%3D%27352%27%20cy%3D%27300%27%20r%3D%279%27%2F%3E%3Ccircle%20cx%3D%27280%27%20cy%3D%2764%27%20r%3D%279%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --wm-bars: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20440%20440%27%20fill%3D%27none%27%20stroke%3D%27%230F6E56%27%20stroke-opacity%3D%270.18%27%20stroke-width%3D%276%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cg%3E%3Cpath%20d%3D%27M96%20380%20L96%20288%27%2F%3E%3Cpath%20d%3D%27M156%20380%20L156%20232%27%2F%3E%3Cpath%20d%3D%27M216%20380%20L216%20262%27%2F%3E%3Cpath%20d%3D%27M276%20380%20L276%20170%27%2F%3E%3Cpath%20d%3D%27M336%20380%20L336%20204%27%2F%3E%3Cpath%20d%3D%27M396%20380%20L396%20112%27%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%27M80%20300%20L140%20250%20L200%20276%20L260%20196%20L320%20222%20L380%20140%27%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%27260%27%20cy%3D%27196%27%20r%3D%279%27%2F%3E%3C%2Fsvg%3E");
  --wm-honey: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20440%20440%27%20fill%3D%27none%27%20stroke%3D%27%230F6E56%27%20stroke-opacity%3D%270.18%27%20stroke-width%3D%276%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cg%3E%3Cpath%20d%3D%27M150%2072%20L217.5%20111%20L217.5%20189%20L150%20228%20L82.5%20189%20L82.5%20111%20Z%27%2F%3E%3Cpath%20d%3D%27M150%20189%20L217.5%20228%20L217.5%20306%20L150%20345%20L82.5%20306%20L82.5%20228%20Z%27%2F%3E%3Cpath%20d%3D%27M285.1%20130.5%20L352.6%20169.5%20L352.6%20247.5%20L285.1%20286.5%20L217.5%20247.5%20L217.5%20169.5%20Z%27%2F%3E%3Cpath%20d%3D%27M285.1%20247.5%20L352.6%20286.5%20L352.6%20364.5%20L285.1%20403.5%20L217.5%20364.5%20L217.5%20286.5%20Z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --wm-chip: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20440%20440%27%20fill%3D%27none%27%20stroke%3D%27%230F6E56%27%20stroke-opacity%3D%270.18%27%20stroke-width%3D%276%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cg%3E%3Cpath%20d%3D%27M220%2090%20L332.6%20155%20L332.6%20285%20L220%20350%20L107.4%20285%20L107.4%20155%20Z%27%2F%3E%3Cpath%20d%3D%27M220%20144.6%20L285.3%20182.3%20L285.3%20257.7%20L220%20295.4%20L154.7%20257.7%20L154.7%20182.3%20Z%27%2F%3E%3Cpath%20d%3D%27M220%20191.4%20L244.8%20205.7%20L244.8%20234.3%20L220%20248.6%20L195.2%20234.3%20L195.2%20205.7%20Z%27%2F%3E%3Cpath%20d%3D%27M332.6%20155%20L376.9%20155%27%2F%3E%3Cpath%20d%3D%27M107.4%20155%20L63.1%20155%27%2F%3E%3Cpath%20d%3D%27M332.6%20285%20L376.9%20285%27%2F%3E%3Cpath%20d%3D%27M107.4%20285%20L63.1%20285%27%2F%3E%3Cpath%20d%3D%27M163.7%20122.5%20L163.7%2083.5%27%2F%3E%3Cpath%20d%3D%27M163.7%20317.5%20L163.7%20356.5%27%2F%3E%3Cpath%20d%3D%27M276.3%20122.5%20L276.3%2083.5%27%2F%3E%3Cpath%20d%3D%27M276.3%20317.5%20L276.3%20356.5%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

/* ---------- 1. 正文 section：承载装饰 ---------- */
.section.ai-sec { position: relative; overflow: hidden; }
.section.ai-sec > .container { position: relative; z-index: 1; }

/* ---------- 2. 整片网格 + 角落图案水印（三层背景，图案按序轮换） ---------- */
.section.ai-sec::before {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-repeat: no-repeat, repeat, repeat;
  background-position: right -58px top -66px, 0 0, 0 0;
  background-size: 440px 440px, 46px 46px, 46px 46px;
  -webkit-mask-image: linear-gradient(180deg, #000 0 72%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 0 72%, transparent 100%);
}
/* 水印图案轮换（第六节之后回到起点） */
.section.ai-sec:nth-of-type(2)::before,
.section.ai-sec:nth-of-type(8)::before { background-image: var(--wm-gear), var(--ai-grid); }
.section.ai-sec:nth-of-type(3)::before,
.section.ai-sec:nth-of-type(9)::before { background-image: var(--wm-net), var(--ai-grid); }
.section.ai-sec:nth-of-type(4)::before { background-image: var(--wm-circuit), var(--ai-grid); }
.section.ai-sec:nth-of-type(5)::before { background-image: var(--wm-bars), var(--ai-grid); }
.section.ai-sec:nth-of-type(6)::before { background-image: var(--wm-honey), var(--ai-grid); }
.section.ai-sec:nth-of-type(7)::before { background-image: var(--wm-chip), var(--ai-grid); }
/* 偶数节水印挪到左下，避免上下两节图案位置雷同 */
.section.ai-sec:nth-of-type(even)::before {
  background-position: left -66px bottom -74px, 0 0, 0 0;
}

/* ---------- 3. 底部数据流分隔线 ---------- */
.section.ai-sec::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; z-index: 0;
  background-image: repeating-linear-gradient(90deg, rgba(15,110,86,.34) 0 6px, transparent 6px 15px);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 16%, #000 84%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 16%, #000 84%, transparent);
}

/* ---------- 4. 标题装饰标记 ---------- */
.section.ai-sec .sec-head h2::before {
  content: ""; display: inline-block; width: 15px; height: 17px; margin-right: 13px;
  vertical-align: -1px;
  background: linear-gradient(135deg, #0F6E56 0%, #2E9E7C 55%, #C9A227 100%);
  clip-path: polygon(50% 0%, 100% 26%, 100% 74%, 50% 100%, 0% 74%, 0% 26%);
  box-shadow: 0 0 0 4px rgba(15,110,86,.07);
}

/* ---------- 4b. 标题两侧数据流（虚线由两侧伸向标题，末端带节点） ---------- */
.section.ai-sec .sec-head { position: relative; }
.section.ai-sec .sec-head::before,
.section.ai-sec .sec-head::after {
  content: ""; position: absolute; top: 21px; height: 1px; width: calc(50% - 250px);
  max-width: 34%; pointer-events: none;
  background-image: repeating-linear-gradient(90deg, rgba(15,110,86,.36) 0 5px, transparent 5px 13px);
}
.section.ai-sec .sec-head::before {
  left: 0;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 34%, #000 100%);
  mask-image: linear-gradient(90deg, transparent, #000 34%, #000 100%);
}
.section.ai-sec .sec-head::after {
  right: 0;
  -webkit-mask-image: linear-gradient(270deg, transparent, #000 34%, #000 100%);
  mask-image: linear-gradient(270deg, transparent, #000 34%, #000 100%);
}
/* 末端节点 */
.section.ai-sec .sec-head .eh-dot { display: none; }

/* ---------- 5. 表格容器：左上技术角标 ---------- */
.section.ai-sec .tblwrap { position: relative; }
.section.ai-sec .tblwrap::before {
  content: ""; position: absolute; left: -8px; top: -8px; width: 26px; height: 26px;
  border-left: 2px solid rgba(15,110,86,.32);
  border-top: 2px solid rgba(15,110,86,.32);
  border-radius: 5px 0 0 0; pointer-events: none;
}

/* ---------- 6. 卡片：右上角数据点阵 ---------- */
.section.ai-sec .dim-card,
.section.ai-sec .risk-card,
.section.ai-sec .fix-card,
.section.ai-sec .sol,
.section.ai-sec .gw-node { position: relative; }
.section.ai-sec .dim-card::after,
.section.ai-sec .risk-card::after,
.section.ai-sec .fix-card::after {
  content: ""; position: absolute; right: 10px; top: 10px; width: 18px; height: 18px;
  background-image:
    radial-gradient(circle, rgba(15,110,86,.42) 1.6px, transparent 1.7px);
  background-size: 7px 7px; opacity: .9; pointer-events: none;
}

/* ---------- 6b. 表头工业斜纹 ---------- */
.section.ai-sec .tblwrap table thead th,
.section.ai-sec table.tbl thead th {
  background-image: repeating-linear-gradient(45deg, rgba(255,255,255,.07) 0 5px, transparent 5px 11px);
}

/* ---------- 7. 流程节点淡辉光（强化「链路」观感） ---------- */
.section.ai-sec .al-node,
.section.ai-sec .gw-node { box-shadow: 0 0 0 0 rgba(15,110,86,0), 0 6px 18px -10px rgba(15,110,86,.35); }

/* ---------- 8. 响应式 ---------- */
@media (max-width: 1100px) {
  .section.ai-sec::before {
    background-position: right -70px top -76px, 0 0, 0 0;
    background-size: 330px 330px, 42px 42px, 42px 42px;
  }
}
@media (max-width: 860px) {
  .section.ai-sec::before {
    background-size: 260px 260px, 38px 38px, 38px 38px;
    background-position: right -80px top -84px, 0 0, 0 0;
  }
  .section.ai-sec:nth-of-type(even)::before { background-position: left -84px bottom -88px, 0 0, 0 0; }
  .section.ai-sec .sec-head h2::before { width: 12px; height: 14px; margin-right: 10px; }
  .section.ai-sec .tblwrap::before { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .section.ai-sec::after { background-image: none; }
}