aegon-lv97 1.0.0

package/gen-ai/components/AIExport/docxExport.ts

@@ -0,0 +1,2566 @@
+import JSZip from 'jszip'
+import html2canvas from 'html2canvas'
+
+/** 純 text/html altChunk，不再使用 MHT（避免 --------tDocumentpart-- 殘片） */
+
+/** OOXML 根關係（與 html-docx-js 一致） */
+const PACKAGE_RELS_XML = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">
+  <Relationship
+      Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument"
+      Target="/word/document.xml" Id="R09c83fafc067488e" />
+</Relationships>
+`
+
+/** 與 html-docx-js defaultMargins 數值對齊（twips） */
+export const defaultMargins = {
+  top: 1440,
+  right: 1440,
+  bottom: 1440,
+  left: 1440,
+  header: 720,
+  footer: 720,
+  gutter: 0,
+} as const
+
+export type DocxMargins = {
+  top: number
+  right: number
+  bottom: number
+  left: number
+  header: number
+  footer: number
+  gutter: number
+}
+
+export interface DocxHeaderFooterOptions {
+  /** 页眉右上角文字，默认「商密三级」（对齐行业调研导出模板） */
+  headerText?: string
+  /** 页脚是否显示「当前页 / 总页数」，默认 true */
+  showPageNumbers?: boolean
+}
+
+export interface DocxExportOptions {
+  orientation?: 'portrait' | 'landscape'
+  margins?: Partial<DocxMargins>
+  /** 页面宽度（twips），默认 A4 竖向 */
+  pageWidth?: number
+  /** 页面高度（twips），默认 A4 竖向 */
+  pageHeight?: number
+  headerFooter?: DocxHeaderFooterOptions
+}
+
+/** A4 竖向：210mm × 297mm（Word twips，1 inch = 1440 twips） */
+export const A4_PORTRAIT = {
+  width: 11906,
+  height: 16838,
+} as const
+
+/** A4 常用 2cm 页边距 ≈ 1134 twips；页眉靠近页顶（约 0.75cm） */
+export const A4_MARGINS_2CM = {
+  top: 1134,
+  right: 1134,
+  bottom: 1134,
+  left: 1134,
+  header: 425,
+  footer: 720,
+  gutter: 0,
+} as const
+
+/** 可打印区域宽度（px@96dpi）：210mm - 左右各 2cm ≈ 643px */
+export const A4_CONTENT_WIDTH_PX = Math.round(((210 - 40) / 25.4) * 96)
+
+/** Word 可打印区宽度（pt）：210mm - 左右各 2cm ≈ 482pt */
+export const A4_CONTENT_WIDTH_PT = Math.round(((210 - 40) / 25.4) * 72)
+
+/** 图表导出高度（与页面 400px 比例协调，且可落在单页 A4 内） */
+export const A4_CHART_HEIGHT_PX = 380
+
+/** 单张图表在 A4 可打印区域内的最大高度 */
+export const A4_CHART_MAX_HEIGHT_PX = Math.round(((297 - 4) / 25.4) * 96 * 0.42)
+
+/** 左浮动无障碍图标（固定尺寸，不超出页边距） */
+export const DOCX_FLOAT_ICON_SIZE_PX = 72
+
+/** 饼图左栏最大宽度：A4 可打印区 42% 减去间距 */
+export const DOCX_PIE_CHART_MAX_WIDTH_PX = Math.min(
+  220,
+  Math.floor(A4_CONTENT_WIDTH_PX * 0.42) - 16
+)
+
+/** 饼图最大高度（避免 Word 单页溢出） */
+export const DOCX_PIE_CHART_MAX_HEIGHT_PX = Math.min(
+  120,
+  Math.floor(A4_CHART_MAX_HEIGHT_PX * 0.32)
+)
+
+export const DEFAULT_DOCX_EXPORT_OPTIONS: DocxExportOptions = {
+  orientation: 'portrait',
+  pageWidth: A4_PORTRAIT.width,
+  pageHeight: A4_PORTRAIT.height,
+  margins: { ...A4_MARGINS_2CM },
+}
+
+function mergeMargins(margins?: Partial<DocxMargins>): DocxMargins {
+  return { ...defaultMargins, ...margins }
+}
+
+function resolvePageSize(options: DocxExportOptions) {
+  const orientation = options.orientation ?? 'portrait'
+  if (options.pageWidth && options.pageHeight) {
+    return { width: options.pageWidth, height: options.pageHeight, orientation }
+  }
+  if (orientation === 'landscape') {
+    return { width: A4_PORTRAIT.height, height: A4_PORTRAIT.width, orientation }
+  }
+  return { width: A4_PORTRAIT.width, height: A4_PORTRAIT.height, orientation }
+}
+
+/**
+ * 不再組 MHT。Word 官方支持 altChunk + text/html；
+ * MHT（message/rfc822）在遷移環境極易導入失敗，正文只剩 --------tDocumentpart--。
+ */
+function encodeHtmlAltChunk(htmlSource: string): Uint8Array {
+  const html = String(htmlSource || '').trim()
+  if (!html) throw new Error('Word 導出失敗：HTML 為空')
+  // UTF-8 BOM：提升 Word / 部分環境對 charset 的識別
+  const bom = new Uint8Array([0xef, 0xbb, 0xbf])
+  const body = new TextEncoder().encode(html)
+  const out = new Uint8Array(bom.length + body.length)
+  out.set(bom, 0)
+  out.set(body, bom.length)
+  return out
+}
+
+function loadImageNaturalSize(
+  dataUrl: string
+): Promise<{ width: number; height: number }> {
+  return new Promise((resolve, reject) => {
+    const probe = new Image()
+    probe.onload = () =>
+      resolve({ width: probe.naturalWidth, height: probe.naturalHeight })
+    probe.onerror = () => reject(new Error('chart image load failed'))
+    probe.src = dataUrl
+  })
+}
+
+/** 将图表缩放到 A4 页边距内，避免 Word 裁切或撑出页面 */
+function fitChartToA4Content(naturalWidth: number, naturalHeight: number) {
+  const maxW = A4_CONTENT_WIDTH_PX
+  const maxH = Math.min(A4_CHART_HEIGHT_PX, A4_CHART_MAX_HEIGHT_PX)
+
+  let width = maxW
+  let height = Math.round((naturalHeight / naturalWidth) * width)
+
+  if (height > maxH) {
+    height = maxH
+    width = Math.round((naturalWidth / naturalHeight) * height)
+  }
+
+  return { width, height }
+}
+
+/** 图表容器：Word 需使用数值 width/height（勿用 100% 属性，否则会只显示一半） */
+async function createChartBlock(dataUrl: string): Promise<HTMLDivElement> {
+  const natural = await loadImageNaturalSize(dataUrl)
+  const { width, height } = fitChartToA4Content(natural.width, natural.height)
+
+  const wrap = document.createElement('div')
+  wrap.className = 'docx-chart-wrap'
+  wrap.style.cssText = [
+    `width:${width}px`,
+    `max-width:${A4_CONTENT_WIDTH_PX}px`,
+    'margin:12pt auto',
+    'text-align:center',
+    'page-break-inside:avoid',
+    'box-sizing:border-box',
+    'overflow:visible',
+  ].join(';')
+
+  const img = document.createElement('img')
+  img.className = 'docx-chart-img'
+  img.src = dataUrl
+  img.setAttribute('width', String(width))
+  img.setAttribute('height', String(height))
+  img.style.cssText = [
+    `width:${width}px`,
+    `height:${height}px`,
+    `max-width:${A4_CONTENT_WIDTH_PX}px`,
+    'display:block',
+    'margin:0 auto',
+    'border:0',
+  ].join(';')
+
+  wrap.appendChild(img)
+  return wrap
+}
+
+/** ECharts：按 A4 可打印区导出完整图表，避免裁切与溢出 */
+export async function rasterizeEchartsForDocx(
+  sourceRoot: HTMLElement,
+  targetRoot: HTMLElement,
+  echartsApi: {
+    getInstanceByDom: (el: HTMLElement) => {
+      resize: (opts?: { width?: number; height?: number }) => void
+      getDataURL: (opts: object) => string
+    } | undefined
+  }
+) {
+  const sourceCharts = sourceRoot.querySelectorAll('.echarts-container')
+  const targetCharts = targetRoot.querySelectorAll('.echarts-container')
+  const exportW = A4_CONTENT_WIDTH_PX
+  const exportH = A4_CHART_HEIGHT_PX
+
+  for (let i = 0; i < sourceCharts.length; i++) {
+    const sourceEl = sourceCharts[i] as HTMLElement
+    const targetEl = targetCharts[i] as HTMLElement
+    if (!targetEl) continue
+
+    const prevWidth = sourceEl.style.width
+    const prevHeight = sourceEl.style.height
+    const prevMaxWidth = sourceEl.style.maxWidth
+
+    let dataUrl = ''
+    const inst = echartsApi.getInstanceByDom(sourceEl)
+    if (inst) {
+      try {
+        sourceEl.style.width = `${exportW}px`
+        sourceEl.style.height = `${exportH}px`
+        sourceEl.style.maxWidth = `${exportW}px`
+        inst.resize({ width: exportW, height: exportH })
+        await new Promise((r) => setTimeout(r, 320))
+        dataUrl = inst.getDataURL({
+          type: 'png',
+          pixelRatio: 1,
+          backgroundColor: '#ffffff',
+          excludeComponents: ['toolbox', 'dataZoom'],
+        })
+      } finally {
+        sourceEl.style.width = prevWidth
+        sourceEl.style.height = prevHeight
+        sourceEl.style.maxWidth = prevMaxWidth
+        inst.resize()
+      }
+    }
+
+    if (!dataUrl) {
+      const canvas = sourceEl.querySelector('canvas')
+      if (canvas instanceof HTMLCanvasElement) {
+        dataUrl = canvas.toDataURL('image/png')
+      }
+    }
+
+    if (!dataUrl) continue
+
+    try {
+      const chartBlock = await createChartBlock(dataUrl)
+      chartBlock.classList.add('echarts-container')
+      targetEl.replaceWith(chartBlock)
+    } catch (e) {
+      console.warn('Failed to rasterize echarts for docx:', e)
+    }
+  }
+}
+
+async function svgToPngImg(svg: SVGSVGElement): Promise<HTMLImageElement> {
+  const clone = svg.cloneNode(true) as SVGSVGElement
+  if (!clone.getAttribute('xmlns')) {
+    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg')
+  }
+  const rect = svg.getBoundingClientRect()
+  const w = Math.max(rect.width, 16)
+  const h = Math.max(rect.height, 16)
+  clone.setAttribute('width', String(w))
+  clone.setAttribute('height', String(h))
+
+  const svgData = new XMLSerializer().serializeToString(clone)
+  const url = URL.createObjectURL(
+    new Blob([svgData], { type: 'image/svg+xml;charset=utf-8' })
+  )
+
+  try {
+    return await new Promise((resolve, reject) => {
+      const img = new Image()
+      img.onload = () => {
+        const canvas = document.createElement('canvas')
+        canvas.width = w * 2
+        canvas.height = h * 2
+        const ctx = canvas.getContext('2d')
+        ctx?.drawImage(img, 0, 0, canvas.width, canvas.height)
+        const wordImg = document.createElement('img')
+        wordImg.src = canvas.toDataURL('image/png')
+        wordImg.style.width = `${w}px`
+        wordImg.style.height = `${h}px`
+        wordImg.style.verticalAlign = 'middle'
+        wordImg.style.display = 'inline-block'
+        resolve(wordImg)
+      }
+      img.onerror = () => reject(new Error('SVG load failed'))
+      img.src = url
+    })
+  } finally {
+    URL.revokeObjectURL(url)
+  }
+}
+
+/** Element Plus 图标等：html2canvas 栅格化，避免 <use> 外链丢失 */
+export async function rasterizeIconsForDocx(
+  sourceRoot: HTMLElement,
+  targetRoot: HTMLElement
+) {
+  const sourceIcons = sourceRoot.querySelectorAll('.el-icon')
+  const targetIcons = targetRoot.querySelectorAll('.el-icon')
+
+  for (let i = 0; i < sourceIcons.length; i++) {
+    const src = sourceIcons[i] as HTMLElement
+    const tgt = targetIcons[i] as HTMLElement
+    if (!tgt) continue
+
+    try {
+      const canvas = await html2canvas(src, {
+        backgroundColor: null,
+        scale: 2,
+        logging: false,
+      })
+      const img = document.createElement('img')
+      img.src = canvas.toDataURL('image/png')
+      img.setAttribute('width', '24')
+      img.setAttribute('height', '24')
+      img.style.width = '24px'
+      img.style.height = '24px'
+      img.style.verticalAlign = 'middle'
+      img.style.display = 'inline-block'
+      tgt.replaceWith(img)
+    } catch {
+      const svg = src.querySelector('svg')
+      if (svg) {
+        try {
+          const img = await svgToPngImg(svg)
+          tgt.replaceWith(img)
+        } catch {
+          /* keep original */
+        }
+      }
+    }
+  }
+}
+
+/** 图标替换后剩余的独立 SVG（如 Lucide）转 PNG */
+export async function rasterizeStandaloneSvgsForDocx(targetRoot: HTMLElement) {
+  const svgs = Array.from(targetRoot.querySelectorAll('svg'))
+  for (const svg of svgs) {
+    try {
+      const img = await svgToPngImg(svg)
+      svg.replaceWith(img)
+    } catch {
+      /* keep */
+    }
+  }
+}
+
+async function fetchImageAsDataUrl(url: string): Promise<string> {
+  const res = await fetch(url)
+  if (!res.ok) throw new Error(`fetch image failed: ${res.status}`)
+  const blob = await res.blob()
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader()
+    reader.onload = () => resolve(reader.result as string)
+    reader.onerror = () => reject(new Error('read image blob failed'))
+    reader.readAsDataURL(blob)
+  })
+}
+
+export function getDocxImageTargetSize(img: HTMLImageElement): {
+  width: number
+  height: number
+} {
+  const naturalW = img.naturalWidth || Number.parseInt(img.getAttribute('width') || '0', 10) || 100
+  const naturalH = img.naturalHeight || Number.parseInt(img.getAttribute('height') || '0', 10) || 100
+
+  if (img.classList.contains('doc-float-icon')) {
+    return {
+      width: DOCX_FLOAT_ICON_SIZE_PX,
+      height: DOCX_FLOAT_ICON_SIZE_PX,
+    }
+  }
+
+  if (img.classList.contains('doc-pie-chart-img')) {
+    let width = Math.min(
+      DOCX_PIE_CHART_MAX_WIDTH_PX,
+      Number.parseInt(img.getAttribute('width') || '0', 10) || DOCX_PIE_CHART_MAX_WIDTH_PX,
+      A4_CONTENT_WIDTH_PX
+    )
+    let height = Math.round((naturalH / naturalW) * width)
+    if (height > DOCX_PIE_CHART_MAX_HEIGHT_PX) {
+      height = DOCX_PIE_CHART_MAX_HEIGHT_PX
+      width = Math.round((naturalW / naturalH) * height)
+    }
+    return { width, height }
+  }
+
+  if (naturalW > A4_CONTENT_WIDTH_PX) {
+    return {
+      width: A4_CONTENT_WIDTH_PX,
+      height: Math.round((naturalH / naturalW) * A4_CONTENT_WIDTH_PX),
+    }
+  }
+
+  return { width: naturalW, height: naturalH }
+}
+
+function imgElementToDataUrl(
+  img: HTMLImageElement,
+  targetW: number,
+  targetH: number
+): Promise<string> {
+  return new Promise((resolve, reject) => {
+    const draw = () => {
+      if (!targetW || !targetH) {
+        reject(new Error('invalid image dimensions'))
+        return
+      }
+      const canvas = document.createElement('canvas')
+      canvas.width = targetW
+      canvas.height = targetH
+      const ctx = canvas.getContext('2d')
+      if (!ctx) {
+        reject(new Error('no canvas context'))
+        return
+      }
+      ctx.drawImage(img, 0, 0, targetW, targetH)
+      resolve(canvas.toDataURL('image/png'))
+    }
+
+    if (img.complete && img.naturalWidth > 0) {
+      draw()
+      return
+    }
+
+    const prevOnload = img.onload
+    const prevOnerror = img.onerror
+    img.onload = () => {
+      img.onload = prevOnload
+      img.onerror = prevOnerror
+      draw()
+    }
+    img.onerror = () => {
+      img.onload = prevOnload
+      img.onerror = prevOnerror
+      reject(new Error('image load failed'))
+    }
+    if (!img.complete) {
+      const src = img.getAttribute('src')
+      if (src) img.src = src
+    }
+  })
+}
+
+/** 将页面中的 <img>（Vite 资源 URL 等）转为 data URL，避免 Word MHT 丢失图片 */
+export async function rasterizeImagesForDocx(
+  root: HTMLElement,
+  sourceRoot?: HTMLElement
+) {
+  const images = Array.from(root.querySelectorAll('img')) as HTMLImageElement[]
+  const sourceImages = sourceRoot
+    ? (Array.from(sourceRoot.querySelectorAll('img')) as HTMLImageElement[])
+    : images
+
+  await Promise.all(
+    images.map(async (img, index) => {
+      const src = img.getAttribute('src') || img.src
+      if (!src) return
+
+      const liveImg = sourceImages[index] ?? img
+      const { width, height } = getDocxImageTargetSize(liveImg)
+
+      if (src.startsWith('data:')) {
+        img.setAttribute('width', String(width))
+        img.setAttribute('height', String(height))
+        img.style.width = `${width}px`
+        img.style.height = `${height}px`
+        img.style.maxWidth = `${width}px`
+        img.style.maxHeight = `${height}px`
+        return
+      }
+
+      const applyRasterized = (dataUrl: string) => {
+        img.setAttribute('src', dataUrl)
+        img.src = dataUrl
+        img.setAttribute('width', String(width))
+        img.setAttribute('height', String(height))
+        img.style.width = `${width}px`
+        img.style.height = `${height}px`
+        img.style.maxWidth = `${width}px`
+        img.style.maxHeight = `${height}px`
+        img.style.display = 'block'
+        img.style.border = '0'
+      }
+
+      try {
+        applyRasterized(await imgElementToDataUrl(liveImg, width, height))
+        return
+      } catch {
+        /* fall through to fetch */
+      }
+
+      try {
+        const fetchUrl = liveImg.currentSrc || liveImg.src || src
+        const probe = new Image()
+        probe.src = await fetchImageAsDataUrl(fetchUrl)
+        await new Promise<void>((resolve, reject) => {
+          probe.onload = () => resolve()
+          probe.onerror = () => reject(new Error('probe load failed'))
+        })
+        applyRasterized(await imgElementToDataUrl(probe, width, height))
+      } catch (e) {
+        console.warn('Failed to rasterize image for docx:', src, e)
+      }
+    })
+  )
+}
+
+export async function rasterizeMediaForDocx(
+  sourceRoot: HTMLElement,
+  targetRoot: HTMLElement,
+  echartsApi?: {
+    getInstanceByDom: (el: HTMLElement) => {
+      resize: () => void
+      getDataURL: (opts: object) => string
+    } | undefined
+  }
+) {
+  if (echartsApi) {
+    await rasterizeEchartsForDocx(sourceRoot, targetRoot, echartsApi)
+  }
+  await rasterizeIconsForDocx(sourceRoot, targetRoot)
+  await rasterizeStandaloneSvgsForDocx(targetRoot)
+  await rasterizeImagesForDocx(targetRoot)
+}
+
+const DOCX_XML_NS =
+  'xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main" ' +
+  'xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"'
+
+function escapeXmlText(text: string): string {
+  return text
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+}
+
+/** 页眉密级：文字 #606266；文字下方双蓝线 #2262E0（仅跟文字等宽，不通栏） */
+const HEADER_TEXT_COLOR = '606266'
+const HEADER_UNDERLINE_COLOR = '2262E0'
+
+/**
+ * 頁腳頁碼域：用 fldSimple，避免 complex fldChar+instrText 偶發把 PAGE/NUMPAGES
+ * 當正文英文字母顯示（WPS / 部分 Word 打開 altChunk 文檔時）。
+ */
+function pageFieldRun(instr: string, placeholder = '1'): string {
+  const rPr = `<w:rPr>
+        <w:rFonts w:ascii="Times New Roman" w:eastAsia="宋体" w:hAnsi="Times New Roman"/>
+        <w:sz w:val="18"/>
+        <w:szCs w:val="18"/>
+        <w:color w:val="000000"/>
+      </w:rPr>`
+  return `<w:fldSimple w:instr=" ${instr} ">
+      <w:r>
+        ${rPr}
+        <w:t>${placeholder}</w:t>
+      </w:r>
+    </w:fldSimple>`
+}
+
+/**
+ * 页眉「商密三级」：文字 #606266 + 文字等宽双蓝线 #2262E0（同图）。
+ * 仅单元格底边 double；表格底边必须 nil，否则会叠出两套双线。
+ */
+function buildHeaderXml(headerText: string): string {
+  return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<w:hdr ${DOCX_XML_NS}>
+  <w:tbl>
+    <w:tblPr>
+      <w:tblW w:w="0" w:type="auto"/>
+      <w:jc w:val="right"/>
+      <w:tblBorders>
+        <w:top w:val="nil"/>
+        <w:left w:val="nil"/>
+        <w:bottom w:val="nil"/>
+        <w:right w:val="nil"/>
+        <w:insideH w:val="nil"/>
+        <w:insideV w:val="nil"/>
+      </w:tblBorders>
+      <w:tblCellMar>
+        <w:top w:w="0" w:type="dxa"/>
+        <w:left w:w="0" w:type="dxa"/>
+        <w:bottom w:w="0" w:type="dxa"/>
+        <w:right w:w="0" w:type="dxa"/>
+      </w:tblCellMar>
+    </w:tblPr>
+    <w:tr>
+      <w:tc>
+        <w:tcPr>
+          <w:tcW w:w="0" w:type="auto"/>
+          <w:tcBorders>
+            <w:top w:val="nil"/>
+            <w:left w:val="nil"/>
+            <w:bottom w:val="double" w:sz="6" w:space="1" w:color="${HEADER_UNDERLINE_COLOR}"/>
+            <w:right w:val="nil"/>
+          </w:tcBorders>
+        </w:tcPr>
+        <w:p>
+          <w:pPr>
+            <w:jc w:val="right"/>
+            <w:spacing w:before="0" w:after="0" w:line="240" w:lineRule="auto"/>
+          </w:pPr>
+          <w:r>
+            <w:rPr>
+              <w:rFonts w:ascii="Microsoft YaHei" w:eastAsia="微软雅黑" w:hAnsi="Microsoft YaHei"/>
+              <w:sz w:val="18"/>
+              <w:szCs w:val="18"/>
+              <w:color w:val="${HEADER_TEXT_COLOR}"/>
+            </w:rPr>
+            <w:t>${escapeXmlText(headerText)}</w:t>
+          </w:r>
+        </w:p>
+      </w:tc>
+    </w:tr>
+  </w:tbl>
+</w:hdr>`
+}
+
+function buildFooterXml(): string {
+  return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<w:ftr ${DOCX_XML_NS}>
+  <w:p>
+    <w:pPr><w:jc w:val="center"/></w:pPr>
+    ${pageFieldRun('PAGE')}
+    <w:r>
+      <w:rPr>
+        <w:rFonts w:ascii="Times New Roman" w:eastAsia="宋体" w:hAnsi="Times New Roman"/>
+        <w:sz w:val="18"/>
+        <w:szCs w:val="18"/>
+        <w:color w:val="000000"/>
+      </w:rPr>
+      <w:t xml:space="preserve"> / </w:t>
+    </w:r>
+    ${pageFieldRun('NUMPAGES')}
+  </w:p>
+</w:ftr>`
+}
+
+function buildDocumentXmlWithHeaderFooter(
+  width: number,
+  height: number,
+  orient: string,
+  margins: ReturnType<typeof mergeMargins>
+): string {
+  // 單一 altChunk + text/html（禁止 MHT / 禁止多段 afchunk）
+  return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<w:document
+  xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main"
+  xmlns:m="http://schemas.openxmlformats.org/officeDocument/2006/math"
+  xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"
+  xmlns:wp="http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing"
+  xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main"
+  xmlns:ns6="http://schemas.openxmlformats.org/schemaLibrary/2006/main"
+  xmlns:c="http://schemas.openxmlformats.org/drawingml/2006/chart"
+  xmlns:ns8="http://schemas.openxmlformats.org/drawingml/2006/chartDrawing"
+  xmlns:dgm="http://schemas.openxmlformats.org/drawingml/2006/diagram"
+  xmlns:pic="http://schemas.openxmlformats.org/drawingml/2006/picture"
+  xmlns:ns11="http://schemas.openxmlformats.org/drawingml/2006/spreadsheetDrawing"
+  xmlns:dsp="http://schemas.microsoft.com/office/drawing/2008/diagram"
+  xmlns:ns13="urn:schemas-microsoft-com:office:excel"
+  xmlns:o="urn:schemas-microsoft-com:office:office"
+  xmlns:v="urn:schemas-microsoft-com:vml"
+  xmlns:w10="urn:schemas-microsoft-com:office:word"
+  xmlns:ns17="urn:schemas-microsoft-com:office:powerpoint"
+  xmlns:odx="http://opendope.org/xpaths"
+  xmlns:odc="http://opendope.org/conditions"
+  xmlns:odq="http://opendope.org/questions"
+  xmlns:odi="http://opendope.org/components"
+  xmlns:odgm="http://opendope.org/SmartArt/DataHierarchy"
+  xmlns:ns24="http://schemas.openxmlformats.org/officeDocument/2006/bibliography"
+  xmlns:ns25="http://schemas.openxmlformats.org/drawingml/2006/compatibility"
+  xmlns:ns26="http://schemas.openxmlformats.org/drawingml/2006/lockedCanvas">
+  <w:body>
+    <w:altChunk r:id="htmlChunk" />
+    <w:sectPr>
+      <w:headerReference w:type="default" r:id="rIdHeader"/>
+      <w:footerReference w:type="default" r:id="rIdFooter"/>
+      <w:pgSz w:w="${width}" w:h="${height}" w:orient="${orient}" />
+      <w:pgMar w:top="${margins.top}"
+               w:right="${margins.right}"
+               w:bottom="${margins.bottom}"
+               w:left="${margins.left}"
+               w:header="${margins.header}"
+               w:footer="${margins.footer}"
+               w:gutter="${margins.gutter}"/>
+    </w:sectPr>
+  </w:body>
+</w:document>`
+}
+
+function buildContentTypesXml(): string {
+  return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types">
+  <Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml" />
+  <Default Extension="html" ContentType="text/html" />
+  <Override PartName="/word/document.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.document.main+xml"/>
+  <Override PartName="/word/afchunk.html" ContentType="text/html"/>
+  <Override PartName="/word/header1.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.header+xml"/>
+  <Override PartName="/word/footer1.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.footer+xml"/>
+  <Override PartName="/word/settings.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.settings+xml"/>
+</Types>
+`
+}
+
+function buildDocumentRelsXml(): string {
+  // 相對路徑（相對 word/_rels/ → word/afchunk.html）。比絕對 /word/... 更兼容遷移環境 Word
+  return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">
+  <Relationship Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/aFChunk"
+    Target="afchunk.html" Id="htmlChunk" />
+  <Relationship Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/header"
+    Target="header1.xml" Id="rIdHeader" />
+  <Relationship Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/footer"
+    Target="footer1.xml" Id="rIdFooter" />
+  <Relationship Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/settings"
+    Target="settings.xml" Id="rIdSettings" />
+</Relationships>
+`
+}
+
+/** 多段完整 HTML 無法直接拼接；僅在「已是同一文檔殼」時由上層合併 body 後傳入單一字串 */
+function resolveSingleHtml(htmlOrParts: string | string[]): string {
+  if (typeof htmlOrParts === 'string') {
+    const html = htmlOrParts.trim()
+    if (!html) throw new Error('Word 導出失敗：無可打包的 HTML 內容')
+    return html
+  }
+  const parts = htmlOrParts.map((p) => String(p || '').trim()).filter(Boolean)
+  if (!parts.length) throw new Error('Word 導出失敗：無可打包的 HTML 內容')
+  if (parts.length === 1) return parts[0] as string
+  throw new Error(
+    'Word 導出失敗：請傳入單一完整 HTML（封面/目錄/正文應在 HTML 內分頁後一次打包）'
+  )
+}
+
+/** 打包後自檢：禁止 .mht / 多段 afchunk */
+async function assertPackerIntegrity(zipBytes: Uint8Array, sourceHtml: string) {
+  const zip = await JSZip.loadAsync(zipBytes)
+  const names = Object.keys(zip.files).filter((n) => !n.endsWith('/'))
+
+  const mhtFiles = names.filter((n) => /\.mht$/i.test(n))
+  if (mhtFiles.length) {
+    throw new Error(
+      `Word 導出失敗：檢測到舊版 MHT（${mhtFiles.join(', ')}），請完整覆蓋 AIExport 並移除 asBlob 舊入口`
+    )
+  }
+
+  const multiHtml = names.filter((n) => /word\/afchunk\d+\.html$/i.test(n))
+  if (multiHtml.length) {
+    throw new Error(
+      `Word 導出失敗：檢測到多段 afchunk（${multiHtml.join(', ')}），必須為單一 word/afchunk.html`
+    )
+  }
+
+  const htmlFile = zip.file('word/afchunk.html')
+  if (!htmlFile) {
+    throw new Error('Word 導出失敗：缺少 word/afchunk.html')
+  }
+
+  const docRels = zip.file('word/_rels/document.xml.rels')
+  if (docRels) {
+    const relsXml = await docRels.async('string')
+    if (!/Target="afchunk\.html"/i.test(relsXml) || !/Id="htmlChunk"/i.test(relsXml)) {
+      throw new Error('Word 導出失敗：document.xml.rels 未正確指向 afchunk.html')
+    }
+    if (/\.mht/i.test(relsXml)) {
+      throw new Error('Word 導出失敗：rels 仍指向 .mht，請覆蓋最新 AIExport')
+    }
+  }
+
+  const embedded = await htmlFile.async('string')
+  if (/mhtDocumentPart|aiexportMhtPart|Content-Transfer-Encoding:\s*quoted-printable/i.test(embedded)) {
+    throw new Error('Word 導出失敗：HTML 塊內含 MHT 殘片')
+  }
+  if (!/<html[\s>]/i.test(embedded) && !/<body[\s>]/i.test(embedded)) {
+    throw new Error('Word 導出失敗：afchunk.html 不是有效 HTML')
+  }
+
+  const plainSrc = String(sourceHtml || '')
+    .replace(/<[^>]+>/g, ' ')
+    .replace(/&nbsp;/gi, ' ')
+    .replace(/\s+/g, '')
+  const plainEmb = embedded.replace(/<[^>]+>/g, ' ').replace(/\s+/g, '')
+  if (plainSrc.length >= 8) {
+    const probe = plainSrc.slice(0, 8)
+    if (!plainEmb.includes(probe) && !plainEmb.includes(probe.slice(0, 4))) {
+      console.warn('[AIExport] embedded HTML probe mismatch (non-fatal)')
+    }
+  }
+}
+
+async function buildDocxZip(
+  htmlOrParts: string | string[],
+  options: DocxExportOptions = DEFAULT_DOCX_EXPORT_OPTIONS
+): Promise<Blob> {
+  const html = resolveSingleHtml(htmlOrParts)
+
+  const { width, height, orientation } = resolvePageSize(options)
+  const margins = mergeMargins({ ...A4_MARGINS_2CM, ...options.margins })
+  const headerFooter = {
+    headerText: options.headerFooter?.headerText ?? '商密三级',
+    showPageNumbers: options.headerFooter?.showPageNumbers ?? true,
+  }
+
+  const zip = new JSZip()
+  zip.file('[Content_Types].xml', buildContentTypesXml())
+  zip.folder('_rels')!.file('.rels', PACKAGE_RELS_XML)
+
+  const wordFolder = zip.folder('word')!
+  wordFolder.file(
+    'document.xml',
+    buildDocumentXmlWithHeaderFooter(width, height, orientation, margins)
+  )
+
+  // 純 HTML altChunk（UTF-8 BOM）——永不生成 afchunk.mht
+  wordFolder.file('afchunk.html', encodeHtmlAltChunk(html))
+
+  wordFolder.file('header1.xml', buildHeaderXml(headerFooter.headerText))
+
+  if (headerFooter.showPageNumbers) {
+    wordFolder.file('footer1.xml', buildFooterXml())
+  } else {
+    wordFolder.file(
+      'footer1.xml',
+      `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><w:ftr ${DOCX_XML_NS}><w:p/></w:ftr>`
+    )
+  }
+
+  wordFolder.folder('_rels')!.file('document.xml.rels', buildDocumentRelsXml())
+
+  wordFolder.file(
+    'settings.xml',
+    `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<w:settings xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main">
+  <w:zoom w:percent="100"/>
+  <w:defaultTabStop w:val="420"/>
+  <w:updateFields w:val="true"/>
+  <w:hideSpellingErrors/>
+  <w:hideGrammaticalErrors/>
+</w:settings>`
+  )
+
+  const buffer = await zip.generateAsync({
+    type: 'arraybuffer',
+    compression: 'DEFLATE',
+  })
+
+  const bytes = new Uint8Array(buffer.slice(0))
+  if (bytes.length < 4 || bytes[0] !== 0x50 || bytes[1] !== 0x4b) {
+    throw new Error('Word 導出失敗：ZIP 打包結果異常，請檢查 jszip 版本（建議 3.10.x）')
+  }
+
+  await assertPackerIntegrity(bytes, html)
+
+  return new Blob([bytes], {
+    type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+  })
+}
+
+export function buildWordDocumentHtml(bodyHtml: string): string {
+  const safeBody = sanitizeExportBodyHtml(bodyHtml)
+  return `<!DOCTYPE html>
+<html xmlns:o="urn:schemas-microsoft-com:office:office"
+      xmlns:w="urn:schemas-microsoft-com:office:word"
+      xmlns="http://www.w3.org/TR/REC-html40"
+      lang="zh-Hant">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta charset="UTF-8">
+  <!--[if gte mso 9]>
+  <xml>
+    <w:WordDocument>
+      <w:View>Print</w:View>
+      <w:Zoom>100</w:Zoom>
+      <w:DoNotOptimizeForBrowser/>
+      <w:HideSpellingErrors/>
+      <w:HideGrammaticalErrors/>
+    </w:WordDocument>
+  </xml>
+  <![endif]-->
+  <style>
+    /* 固定 A4 pt；與 document.xml sectPr 一致，避免節間落到 Letter */
+    @page {
+      size: 595.3pt 841.9pt;
+      margin: 56.7pt;
+      mso-page-orientation: portrait;
+      mso-header-margin: 21.3pt;
+      mso-footer-margin: 35.4pt;
+      mso-paper-source: 0;
+    }
+    @page WordSection1 {
+      size: 595.3pt 841.9pt;
+      margin: 56.7pt;
+      mso-page-orientation: portrait;
+      mso-header-margin: 21.3pt;
+      mso-footer-margin: 35.4pt;
+      mso-paper-source: 0;
+    }
+    div.WordSection1 {
+      page: WordSection1;
+      width: 100%;
+      max-width: 100%;
+      box-sizing: border-box;
+    }
+    html, body {
+      font-family: "Times New Roman", "宋体", SimSun, serif;
+      font-size: 11pt;
+      line-height: 1.5;
+      color: #000000;
+      margin: 0;
+      padding: 0;
+      width: 100%;
+      max-width: 100%;
+      box-sizing: border-box;
+      word-wrap: break-word;
+      overflow-wrap: break-word;
+    }
+    .docx-page-root,
+    .doc-sample-root,
+    .doc-sample-body {
+      width: 100% !important;
+      max-width: 100% !important;
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+      font-family: "Times New Roman", "宋体", SimSun, serif;
+      font-size: 11pt;
+      line-height: 1.5;
+      color: #000000;
+      text-align: left;
+      overflow: hidden;
+      word-wrap: break-word;
+      overflow-wrap: break-word;
+    }
+    /* 正文禁止文字下劃線（勿傷表格邊框；頁眉雙藍線在 OOXML） */
+    .docx-chapters-body,
+    .docx-toc-page-root,
+    .docx-cover-page :not(.docx-members-label):not(.docx-members-label *) {
+      text-decoration: none !important;
+      text-decoration-line: none !important;
+    }
+    .docx-chapters-body u,
+    .docx-chapters-body a,
+    .docx-chapters-body span,
+    .docx-chapters-body p,
+    .docx-toc-page-root u,
+    .docx-toc-page-root a,
+    .docx-toc-page-root span,
+    .docx-toc-page-root p,
+    .docx-cover-page u {
+      text-decoration: none !important;
+      text-decoration-line: none !important;
+      border-bottom: none !important;
+    }
+    .docx-members-label,
+    .docx-members-label u {
+      text-decoration: underline !important;
+      text-decoration-color: #000000 !important;
+      -webkit-text-decoration-color: #000000 !important;
+      border-bottom: none !important;
+    }
+    .docx-chapters-body h1,
+    .docx-chapters-body h2,
+    .docx-chapters-body h3,
+    .docx-chapters-body p,
+    .docx-chapter-title {
+      border-bottom: none !important;
+      text-decoration: none !important;
+      text-decoration-color: #000000 !important;
+    }
+    /* 表格邊框必須保留（蓋過上文文字去線規則） */
+    .docx-chapters-body table,
+    .docx-chapters-body .doc-table,
+    .docx-chapters-body .doc-table-word {
+      border: 1px solid #000000 !important;
+      border-collapse: collapse !important;
+    }
+    .docx-chapters-body table td,
+    .docx-chapters-body table th,
+    .docx-chapters-body .doc-table td,
+    .docx-chapters-body .doc-table th,
+    .docx-chapters-body .doc-table-word td,
+    .docx-chapters-body .doc-table-word th {
+      border: 1px solid #000000 !important;
+      border-bottom: 1px solid #000000 !important;
+      border-top: 1px solid #000000 !important;
+      border-left: 1px solid #000000 !important;
+      border-right: 1px solid #000000 !important;
+    }
+    .docx-page-break {
+      page-break-before: always !important;
+      height: 0;
+      margin: 0 !important;
+      padding: 0 !important;
+      border: 0 !important;
+      font-size: 1pt !important;
+      line-height: 0 !important;
+    }
+    .docx-toc-page-root,
+    .docx-cover-page,
+    .docx-chapters-body,
+    .docx-members-block {
+      width: 100% !important;
+      max-width: 100% !important;
+      box-sizing: border-box;
+      overflow: hidden;
+    }
+    /* 目錄整體左移：去掉多餘左邊距，右制表位收回頁邊距內 */
+    .docx-toc-page-root {
+      margin: 0 !important;
+      padding: 0 !important;
+      text-align: left !important;
+      page-break-after: auto;
+    }
+    .docx-chapters-body {
+      page-break-before: auto;
+      text-align: left;
+    }
+    /* 圖二正文標準 */
+    .docx-chapters-body h1.docx-chapter-title,
+    .docx-chapters-body .docx-chapter-title {
+      font-size: 14pt !important;
+      font-weight: bold !important;
+      color: #000000 !important;
+      text-align: left !important;
+      margin: 14pt 0 8pt 0 !important;
+      page-break-after: avoid;
+      max-width: 100% !important;
+      word-wrap: break-word;
+    }
+    .docx-chapters-body p,
+    .docx-chapters-body li {
+      font-size: 11pt !important;
+      line-height: 1.5 !important;
+      color: #000000 !important;
+      margin: 0 0 10pt 0 !important;
+      text-align: left !important;
+      max-width: 100% !important;
+      word-wrap: break-word;
+      overflow-wrap: break-word;
+    }
+    .docx-chapters-body h2,
+    .docx-chapters-body h3 {
+      font-weight: bold !important;
+      color: #000000 !important;
+      text-align: left !important;
+      margin: 10pt 0 6pt 0 !important;
+      max-width: 100% !important;
+    }
+    .docx-cover-page {
+      width: 100%;
+    }
+    .docx-cover {
+      margin: 36pt 0 0;
+      text-align: center;
+    }
+    .docx-cover-title {
+      font-family: "PMingLiU", "新細明體", "新细明体", serif !important;
+      mso-ascii-font-family: "PMingLiU";
+      mso-fareast-font-family: "新細明體";
+      mso-hansi-font-family: "PMingLiU";
+      font-size: 18pt !important;
+      font-weight: bold !important;
+      color: #000000 !important;
+      text-align: center !important;
+      margin: 0 0 8pt !important;
+      line-height: 1.45 !important;
+    }
+    .docx-cover-year {
+      font-family: "FangSong", "仿宋", STFangsong, serif !important;
+      mso-ascii-font-family: "FangSong";
+      mso-fareast-font-family: "仿宋";
+      mso-hansi-font-family: "FangSong";
+      font-size: 18pt !important;
+      font-weight: bold !important;
+      text-align: center !important;
+      margin: 0 0 0 !important;
+      line-height: 1.45 !important;
+    }
+    /* 固定行高撑开空白，把「小組成員」推到首頁約下 1/3 */
+    .docx-cover-spacer {
+      margin: 0 !important;
+      padding: 0 !important;
+      font-size: 1pt !important;
+      line-height: 260pt !important;
+      mso-line-height-rule: exactly;
+    }
+    .docx-members-block {
+      margin-top: 0 !important;
+      page-break-inside: avoid;
+      page-break-before: auto;
+      text-align: left;
+    }
+    .docx-members-block--cont {
+      margin-top: 24pt !important;
+    }
+    .docx-members-label {
+      font-family: "FangSong", "仿宋", STFangsong, serif !important;
+      mso-ascii-font-family: "FangSong";
+      mso-fareast-font-family: "仿宋";
+      mso-hansi-font-family: "FangSong";
+      font-size: 18pt !important;
+      font-weight: bold !important;
+      text-align: left !important;
+      text-decoration: none !important;
+      margin: 0 0 10pt !important;
+      color: #000000 !important;
+      border: none !important;
+      border-bottom: none !important;
+    }
+    .docx-members-label u {
+      text-decoration: underline !important;
+      text-decoration-color: #000000 !important;
+      -webkit-text-decoration-color: #000000 !important;
+    }
+    .docx-member-line {
+      font-family: "FangSong", "仿宋", STFangsong, serif !important;
+      mso-ascii-font-family: "FangSong";
+      mso-fareast-font-family: "仿宋";
+      mso-hansi-font-family: "FangSong";
+      font-size: 16pt !important;
+      font-weight: normal !important;
+      text-align: left !important;
+      margin: 0 0 6pt !important;
+      line-height: 1.4 !important;
+      color: #000000 !important;
+      white-space: normal !important;
+      word-wrap: break-word !important;
+      overflow-wrap: anywhere !important;
+      word-break: break-word !important;
+    }
+    .docx-member-group-title {
+      font-size: 14pt !important;
+      font-weight: bold !important;
+      text-align: left !important;
+      margin: 0 0 10pt !important;
+    }
+    .docx-toc-title {
+      font-family: "FangSong", "仿宋", STFangsong, serif !important;
+      mso-ascii-font-family: "FangSong";
+      mso-fareast-font-family: "仿宋";
+      mso-hansi-font-family: "FangSong";
+      font-size: 12pt !important;
+      font-weight: normal !important;
+      color: #2262E0 !important;
+      margin: 12pt 0 18pt 0 !important;
+      padding: 0 !important;
+      text-align: left !important;
+      text-decoration: none !important;
+      border: none !important;
+      border-bottom: none !important;
+    }
+    .docx-toc-entry {
+      /* 中文：新細明體；英文：Times New Roman；字號 12 */
+      font-family: "Times New Roman", "PMingLiU", "新細明體", "新细明体", serif !important;
+      mso-ascii-font-family: "Times New Roman";
+      mso-fareast-font-family: "新細明體";
+      mso-hansi-font-family: "Times New Roman";
+      font-size: 12pt !important;
+      color: #000000 !important;
+      margin: 0 0 6pt 0 !important;
+      padding: 0 !important;
+      line-height: 1.5 !important;
+      text-align: left !important;
+      text-indent: 0 !important;
+      /* 右制表位對齊右頁邊距 */
+      tab-stops: right dotted ${A4_CONTENT_WIDTH_PT}pt;
+      max-width: 100% !important;
+      word-wrap: break-word;
+    }
+    h1.docx-chapter-title,
+    .docx-chapter-title {
+      font-family: "Times New Roman", "宋体", SimSun, serif !important;
+      font-size: 14pt !important;
+      font-weight: bold !important;
+      color: #000000 !important;
+      text-align: left !important;
+      margin: 14pt 0 8pt !important;
+      padding: 0 !important;
+      border: none !important;
+      page-break-after: avoid;
+      max-width: 100% !important;
+      word-wrap: break-word;
+    }
+    .docx-refs-title {
+      font-size: 12pt !important;
+      font-weight: bold !important;
+      margin: 12pt 0 8pt !important;
+    }
+    .docx-ref-line {
+      font-size: 11pt !important;
+      margin: 0 0 4pt !important;
+      line-height: 1.35 !important;
+      max-width: 100% !important;
+      word-wrap: break-word;
+      border: none !important;
+      border-width: 0 !important;
+      outline: none !important;
+      mso-border-alt: none !important;
+    }
+    /* 章節末「參考資料：」——有 [ref:…] 時追加 */
+    .docx-chapter-refs-label {
+      font-family: "FangSong", "仿宋", STFangsong, serif !important;
+      font-size: 11pt !important;
+      font-weight: normal !important;
+      color: #000000 !important;
+      margin: 14pt 0 6pt 0 !important;
+      line-height: 1.5 !important;
+      text-align: left !important;
+    }
+    .docx-chapter-refs-item {
+      font-family: "Times New Roman", "PMingLiU", "新細明體", serif !important;
+      mso-ascii-font-family: "Times New Roman";
+      mso-fareast-font-family: "新細明體";
+      font-size: 11pt !important;
+      font-weight: normal !important;
+      color: #000000 !important;
+      margin: 0 0 4pt 0 !important;
+      line-height: 1.5 !important;
+      text-align: left !important;
+      max-width: 100% !important;
+      word-wrap: break-word;
+    }
+    .docx-appendix-title {
+      font-size: 14pt !important;
+      font-weight: bold !important;
+      margin: 0 0 12pt !important;
+      border: none !important;
+      outline: none !important;
+      mso-border-alt: none !important;
+    }
+    /* 參考文獻清單：禁止黑框 / 表格邊（Word 導入時易誤加） */
+    .docx-refs-appendix,
+    .docx-refs-appendix p,
+    .docx-refs-appendix div,
+    .docx-refs-appendix table,
+    .docx-refs-appendix td,
+    .docx-refs-appendix th {
+      border: none !important;
+      border-width: 0 !important;
+      outline: none !important;
+      mso-border-alt: none !important;
+      background: transparent !important;
+    }
+    .docx-table-wrap {
+      width: ${A4_CONTENT_WIDTH_PT}pt !important;
+      max-width: ${A4_CONTENT_WIDTH_PT}pt !important;
+      height: auto !important;
+      min-height: 0 !important;
+      margin: 6pt 0 12pt;
+      padding: 0;
+      overflow: hidden;
+      box-sizing: border-box;
+    }
+    .docx-table-wrap--nested {
+      width: auto !important;
+      max-width: 100% !important;
+      margin: 4pt 0 !important;
+    }
+    table, .doc-table, .doc-table-word {
+      border-collapse: collapse !important;
+      height: auto !important;
+      min-height: 0 !important;
+      table-layout: fixed !important;
+      mso-table-layout-alt: fixed !important;
+      word-wrap: break-word !important;
+      overflow-wrap: break-word !important;
+      margin: 0 !important;
+      border: 1px solid #000000;
+      box-sizing: border-box;
+      page-break-inside: auto !important;
+    }
+    /* 頂層表鋪滿正文區；嵌套表寬度由內聯 pt 決定，勿再強制整頁寬 */
+    .docx-table-wrap:not(.docx-table-wrap--nested) > table {
+      width: ${A4_CONTENT_WIDTH_PT}pt !important;
+      max-width: ${A4_CONTENT_WIDTH_PT}pt !important;
+    }
+    .docx-table-wrap--nested > table {
+      max-width: 100% !important;
+      height: auto !important;
+    }
+    table tr,
+    table td,
+    table th,
+    .doc-table tr, .doc-table td, .doc-table th,
+    .doc-table-word tr, .doc-table-word td, .doc-table-word th {
+      height: auto !important;
+      min-height: 0 !important;
+      page-break-inside: auto !important;
+    }
+    table td, table th,
+    .doc-table td, .doc-table th,
+    .doc-table-word td, .doc-table-word th {
+      word-wrap: break-word !important;
+      overflow-wrap: break-word !important;
+      overflow: hidden !important;
+      vertical-align: top !important;
+      line-height: 1.35 !important;
+    }
+    .doc-table-complex th,
+    .doc-table-complex td,
+    .doc-table-word th,
+    .doc-table-word td {
+      font-size: 9pt !important;
+      padding: 2pt 3pt !important;
+    }
+    .doc-h1, h1.doc-h1 {
+      font-size: 20pt !important;
+      font-weight: bold !important;
+      color: #c00000 !important;
+      text-align: left !important;
+      margin: 0 0 12pt !important;
+      padding: 0 !important;
+      border: none !important;
+    }
+    .doc-h2, h2.doc-h2 {
+      font-size: 14pt !important;
+      font-weight: bold !important;
+      color: #000000 !important;
+      margin: 12pt 0 6pt !important;
+      padding: 0 !important;
+      border: none !important;
+    }
+    .doc-h3, h3.doc-h3 {
+      font-size: 12pt !important;
+      font-weight: bold !important;
+      color: #000000 !important;
+      margin: 10pt 0 4pt !important;
+    }
+    .doc-p, p.doc-p {
+      font-size: 11pt !important;
+      line-height: 1.15 !important;
+      color: #000000 !important;
+      margin: 0 0 10pt !important;
+      text-align: left !important;
+    }
+    .doc-link-line, p.doc-link-line {
+      font-size: 11pt !important;
+      margin: 0 0 2pt !important;
+      padding: 0 !important;
+    }
+    .doc-link-anchor, a.doc-link-anchor {
+      color: #000000 !important;
+      text-decoration: none !important;
+    }
+    .typewriter-paragraph {
+      white-space: pre-wrap;
+      word-break: break-word;
+      font-size: inherit !important;
+      line-height: inherit !important;
+      color: inherit !important;
+    }
+    /* 列表：双列无边框表——标记 | 正文；换行只在右列，禁止负缩进顶出页边 */
+    .doc-ol-export { margin: 6pt 0 10pt; padding: 0; font-size: 11pt; color: #000000; max-width: 100%; box-sizing: border-box; }
+    table.doc-list-item-table,
+    .doc-list-item-table {
+      width: 100% !important;
+      max-width: 100% !important;
+      border: none !important;
+      border-collapse: collapse !important;
+      border-spacing: 0 !important;
+      margin: 0 0 2pt 0 !important;
+      padding: 0 !important;
+      table-layout: fixed !important;
+      mso-table-layout-alt: fixed !important;
+      box-sizing: border-box !important;
+    }
+    .doc-list-item-table td,
+    table.doc-list-item-table td {
+      border: none !important;
+      border-width: 0 !important;
+      mso-border-alt: none !important;
+      background: transparent !important;
+      padding: 0 !important;
+      margin: 0 !important;
+      font-size: 11pt !important;
+      line-height: 1.15 !important;
+      color: #000000 !important;
+      vertical-align: top !important;
+      word-wrap: break-word !important;
+      overflow-wrap: break-word !important;
+    }
+    .doc-list-item-table .doc-list-marker {
+      width: 22pt !important;
+      max-width: 22pt !important;
+      white-space: nowrap !important;
+      padding-right: 4pt !important;
+    }
+    .doc-list-item-table .doc-list-text {
+      width: auto !important;
+    }
+    .docx-chapters-body ul,
+    .docx-chapters-body ol {
+      margin: 0 0 10pt 0 !important;
+      padding-left: 18pt !important;
+      max-width: 100% !important;
+      box-sizing: border-box !important;
+    }
+    .docx-chapters-body li {
+      margin: 0 0 2pt 0 !important;
+      max-width: 100% !important;
+      box-sizing: border-box !important;
+      word-wrap: break-word !important;
+    }
+    th, td {
+      border: 1px solid #000000;
+      padding: 3pt 4pt !important;
+      font-size: 10pt !important;
+      color: #000000;
+      height: auto !important;
+      min-height: 0 !important;
+      word-wrap: break-word !important;
+      overflow-wrap: break-word !important;
+      box-sizing: border-box;
+      vertical-align: top !important;
+    }
+    th { font-weight: bold; background-color: #ffffff; }
+    .doc-th-green, th.doc-th-green { background-color: #c6efce !important; color: #000000 !important; }
+    .doc-th-red, th.doc-th-red { background-color: #ffc7ce !important; color: #000000 !important; }
+    .doc-chart-intro {
+      display: block;
+      width: 100% !important;
+      max-width: 100% !important;
+      margin: 0 0 10pt;
+      overflow: hidden;
+      box-sizing: border-box;
+    }
+    .doc-chart-intro__left,
+    .doc-chart-intro__right {
+      display: block;
+      float: none !important;
+      width: 100% !important;
+      max-width: 100% !important;
+      margin: 0 0 8pt 0 !important;
+      overflow: visible;
+      box-sizing: border-box;
+    }
+    .doc-pie-chart-img { display: block; width: ${DOCX_PIE_CHART_MAX_WIDTH_PX}px; height: auto; max-width: 100%; max-height: ${DOCX_PIE_CHART_MAX_HEIGHT_PX}px; box-sizing: border-box; }
+    .doc-chart-intro-text { margin: 0; text-align: left; font-size: 11pt !important; }
+    .doc-images-block { overflow: hidden; margin: 0 0 10pt; max-width: 100%; width: 100%; box-sizing: border-box; }
+    .doc-float-icon { float: left; width: ${DOCX_FLOAT_ICON_SIZE_PX}px; height: ${DOCX_FLOAT_ICON_SIZE_PX}px; max-width: ${DOCX_FLOAT_ICON_SIZE_PX}px; max-height: ${DOCX_FLOAT_ICON_SIZE_PX}px; margin: 0 12pt 8pt 0; display: block; box-sizing: border-box; }
+    .doc-images-p { margin: 0 0 10pt; text-align: left; font-size: 11pt; line-height: 1.15; }
+    .success-row td { background-color: #f0f9eb; }
+    .info-row td { background-color: #e6f7ff; }
+    .warning-row td { background-color: #fdf6ec; }
+    .danger-row td { background-color: #fef0f0; }
+    img { max-width: 100%; height: auto; }
+    .docx-chart-wrap,
+    .echarts-container.docx-chart-wrap {
+      max-width: 100%;
+      width: 100%;
+      margin: 12pt 0 !important;
+      text-align: center !important;
+      page-break-inside: avoid;
+      page-break-before: auto;
+      box-sizing: border-box;
+      overflow: hidden;
+    }
+    .docx-chart-wrap .docx-chart-img,
+    .docx-chart-wrap img {
+      display: block !important;
+      margin: 0 auto !important;
+      border: 0;
+      max-width: 100%;
+    }
+    button, .el-button {
+      display: inline-block !important;
+      padding: 4px 12px;
+      margin: 0 6px 6px 0;
+      border: 1px solid #dcdfe6;
+      border-radius: 4px;
+      font-size: 12px;
+      background: #fff;
+      color: #606266;
+    }
+    .el-button--danger { background: #fef0f0 !important; color: #f56c6c !important; border-color: #fbc4c4 !important; }
+    .el-button--success { background: #f0f9eb !important; color: #67c23a !important; }
+    .el-button--primary { background: #ecf5ff !important; color: #409eff !important; }
+    .section-title {
+      font-size: 18px;
+      font-weight: bold;
+      color: #1a1a1a;
+      border-top: 1px solid #e5e7eb;
+      padding-top: 24px;
+      margin-bottom: 20px;
+    }
+  </style>
+</head>
+<body>
+<div class="WordSection1">
+<div class="docx-page-root">${safeBody}</div>
+</div>
+</body>
+</html>`
+}
+
+const STYLE_PROPS = [
+  'color',
+  'fontSize',
+  'fontFamily',
+  'fontWeight',
+  'fontStyle',
+  'backgroundColor',
+  'textAlign',
+  'lineHeight',
+  'marginTop',
+  'marginBottom',
+  'marginLeft',
+  'marginRight',
+  'paddingTop',
+  'paddingBottom',
+  'paddingLeft',
+  'paddingRight',
+  'borderTop',
+  'borderBottom',
+  'borderLeft',
+  'borderRight',
+  'display',
+  'width',
+  'height',
+  'maxWidth',
+  'verticalAlign',
+  'whiteSpace',
+  'letterSpacing',
+] as const
+
+type InlineStyleMap = Record<string, string>
+
+const DOC_CLASS_INLINE_STYLES: Record<string, InlineStyleMap> = {
+  'doc-h1': {
+    fontSize: '20pt',
+    fontWeight: 'bold',
+    color: '#c00000',
+    textAlign: 'left',
+    margin: '0 0 12pt',
+    padding: '0',
+    border: 'none',
+  },
+  'doc-h2': {
+    fontSize: '14pt',
+    fontWeight: 'bold',
+    color: '#000000',
+    margin: '12pt 0 6pt',
+    padding: '0',
+    border: 'none',
+  },
+  'doc-h3': {
+    fontSize: '12pt',
+    fontWeight: 'bold',
+    color: '#000000',
+    margin: '10pt 0 4pt',
+  },
+  'doc-p': {
+    fontSize: '11pt',
+    lineHeight: '1.15',
+    color: '#000000',
+    margin: '0 0 10pt',
+    textAlign: 'left',
+  },
+  'doc-link-line': {
+    fontSize: '11pt',
+    margin: '0 0 2pt',
+    padding: '0',
+  },
+  'doc-link-anchor': {
+    color: '#000000',
+    textDecoration: 'none',
+  },
+  'doc-th-green': {
+    backgroundColor: '#c6efce',
+    color: '#000000',
+    fontWeight: 'bold',
+  },
+  'doc-th-red': {
+    backgroundColor: '#ffc7ce',
+    color: '#000000',
+    fontWeight: 'bold',
+  },
+}
+
+function applyInlineStyles(el: HTMLElement, styles: InlineStyleMap) {
+  for (const [prop, val] of Object.entries(styles)) {
+    ;(el.style as unknown as Record<string, string>)[prop] = val
+  }
+}
+
+function applyDocClassInlineStyles(el: HTMLElement) {
+  Array.from(el.classList).forEach((cls) => {
+    const styles = DOC_CLASS_INLINE_STYLES[cls]
+    if (styles) applyInlineStyles(el, styles)
+  })
+}
+
+function mountCloneForStyleRead(clone: HTMLElement): () => void {
+  const host = document.createElement('div')
+  host.setAttribute('data-docx-export-host', 'true')
+  host.style.cssText = `position:fixed;left:-100000px;top:0;width:${A4_CONTENT_WIDTH_PX}px;max-width:100%;visibility:hidden;pointer-events:none;box-sizing:border-box;`
+  host.appendChild(clone)
+  document.body.appendChild(host)
+  return () => {
+    host.remove()
+  }
+}
+
+function clampAllImagesForDocx(root: HTMLElement) {
+  root.querySelectorAll('img').forEach((node) => {
+    if (!(node instanceof HTMLImageElement)) return
+    const { width, height } = getDocxImageTargetSize(node)
+    node.setAttribute('width', String(width))
+    node.setAttribute('height', String(height))
+    node.style.maxWidth = `${width}px`
+    node.style.maxHeight = `${height}px`
+    node.style.width = `${width}px`
+    node.style.height = `${height}px`
+    node.style.boxSizing = 'border-box'
+  })
+}
+
+function flattenChartIntroForDocx(root: HTMLElement) {
+  root.querySelectorAll('.doc-chart-intro').forEach((intro) => {
+    if (!(intro instanceof HTMLElement)) return
+    intro.style.cssText = [
+      'display:block',
+      'width:100%',
+      'max-width:100%',
+      'margin:0 0 10pt',
+      'overflow:hidden',
+      'box-sizing:border-box',
+    ].join(';')
+
+    const left = intro.querySelector('.doc-chart-intro__left')
+    const right = intro.querySelector('.doc-chart-intro__right')
+    const img = intro.querySelector('.doc-pie-chart-img')
+
+    if (left instanceof HTMLElement) {
+      left.style.cssText = [
+        'display:block',
+        'float:none',
+        'width:100%',
+        'max-width:100%',
+        'margin:0 0 8pt 0',
+        'box-sizing:border-box',
+      ].join(';')
+    }
+    if (img instanceof HTMLImageElement) {
+      const { width, height } = getDocxImageTargetSize(img)
+      const maxW = Math.min(width, Math.floor(A4_CONTENT_WIDTH_PX * 0.55))
+      const maxH = DOCX_PIE_CHART_MAX_HEIGHT_PX
+      img.style.cssText = [
+        'display:block',
+        `width:${maxW}px`,
+        `height:${height}px`,
+        'max-width:100%',
+        `max-height:${maxH}px`,
+        'border:0',
+        'box-sizing:border-box',
+      ].join(';')
+      img.setAttribute('width', String(maxW))
+      img.setAttribute('height', String(height))
+    }
+    if (right instanceof HTMLElement) {
+      right.style.cssText = [
+        'display:block',
+        'float:none',
+        'width:100%',
+        'max-width:100%',
+        'margin:0',
+        'overflow:hidden',
+        'box-sizing:border-box',
+      ].join(';')
+    }
+  })
+}
+
+function flattenImagesBlockForDocx(root: HTMLElement) {
+  root.querySelectorAll('.doc-images-block').forEach((block) => {
+    if (!(block instanceof HTMLElement)) return
+    block.style.overflow = 'hidden'
+    block.style.maxWidth = '100%'
+    block.style.width = '100%'
+    block.style.boxSizing = 'border-box'
+  })
+
+  root.querySelectorAll('.doc-float-icon').forEach((img) => {
+    if (!(img instanceof HTMLImageElement)) return
+    const size = DOCX_FLOAT_ICON_SIZE_PX
+    img.style.cssText = `float:left;width:${size}px;height:${size}px;max-width:${size}px;max-height:${size}px;margin:0 12pt 8pt 0;display:block;border:0;box-sizing:border-box;`
+    img.setAttribute('width', String(size))
+    img.setAttribute('height', String(size))
+  })
+}
+
+/**
+ * 列表展平为「标记 | 正文」无边框双列表：
+ * - 换行只发生在右列，不会越过编号/圆点
+ * - 绝不用负 text-indent / 负 margin，避免顶出页边距
+ */
+const DOC_LIST_MARKER_W_OL_PT = 22
+const DOC_LIST_MARKER_W_UL_PT = 16
+const DOC_LIST_INDENT_STEP_PT = 12
+
+function getListItemLabel(li: HTMLLIElement): string {
+  const label = li.querySelector(':scope > .doc-ol-label')
+  if (label?.textContent?.trim()) return label.textContent.trim()
+
+  const parts: string[] = []
+  li.childNodes.forEach((node) => {
+    if (node instanceof HTMLElement && (node.tagName === 'UL' || node.tagName === 'OL')) return
+    if (node.nodeType === Node.TEXT_NODE) {
+      const text = node.textContent?.trim()
+      if (text) parts.push(text)
+    } else if (node instanceof HTMLElement) {
+      const text = node.textContent?.trim()
+      if (text) parts.push(text)
+    }
+  })
+  if (parts.length) return parts.join(' ')
+  return li.textContent?.trim() ?? ''
+}
+
+function appendFlattenedList(
+  list: HTMLOListElement | HTMLUListElement,
+  container: HTMLElement,
+  depth: number
+) {
+  const ordered = list.tagName === 'OL'
+  const markerW = ordered ? DOC_LIST_MARKER_W_OL_PT : DOC_LIST_MARKER_W_UL_PT
+  const indent = depth * DOC_LIST_INDENT_STEP_PT
+  let index = 0
+  list.querySelectorAll(':scope > li').forEach((li) => {
+    if (!(li instanceof HTMLLIElement)) return
+    index++
+    const mainText = getListItemLabel(li)
+    const marker = ordered ? `${index}.` : '•'
+
+    const table = document.createElement('table')
+    table.className = 'doc-list-item-table'
+    table.setAttribute('border', '0')
+    table.setAttribute('cellpadding', '0')
+    table.setAttribute('cellspacing', '0')
+    table.style.cssText = [
+      'width:100%',
+      'max-width:100%',
+      'border:none',
+      'border-collapse:collapse',
+      'margin:0 0 2pt 0',
+      'padding:0',
+      'table-layout:fixed',
+      'box-sizing:border-box',
+    ].join(';')
+
+    const tr = document.createElement('tr')
+    const tdMarker = document.createElement('td')
+    tdMarker.className = 'doc-list-marker'
+    tdMarker.style.cssText = [
+      'border:none',
+      `width:${markerW + indent}pt`,
+      `max-width:${markerW + indent}pt`,
+      indent > 0 ? `padding-left:${indent}pt` : 'padding:0',
+      'padding-right:4pt',
+      'padding-top:0',
+      'padding-bottom:0',
+      'vertical-align:top',
+      'white-space:nowrap',
+      'font-size:11pt',
+      'line-height:1.15',
+      'color:#000000',
+    ].join(';')
+    tdMarker.textContent = marker
+
+    const tdText = document.createElement('td')
+    tdText.className = 'doc-list-text'
+    tdText.style.cssText = [
+      'border:none',
+      'width:auto',
+      'padding:0',
+      'vertical-align:top',
+      'font-size:11pt',
+      'line-height:1.15',
+      'color:#000000',
+      'word-wrap:break-word',
+      'overflow-wrap:break-word',
+    ].join(';')
+    tdText.textContent = mainText
+
+    tr.appendChild(tdMarker)
+    tr.appendChild(tdText)
+    table.appendChild(tr)
+    container.appendChild(table)
+
+    li.querySelectorAll(':scope > ul, :scope > ol').forEach((nested) => {
+      if (nested instanceof HTMLOListElement || nested instanceof HTMLUListElement) {
+        appendFlattenedList(nested, container, depth + 1)
+      }
+    })
+  })
+}
+
+/** Word altChunk 无法可靠处理原生 ol/ul；展平为无边框双列表（换行不越标记、不顶页边） */
+function normalizeListsForDocx(root: HTMLElement) {
+  const topLists = Array.from(root.querySelectorAll('ol, ul')).filter((el) => {
+    return !el.parentElement?.closest('ol, ul')
+  })
+
+  topLists.forEach((list) => {
+    if (!(list instanceof HTMLOListElement || list instanceof HTMLUListElement)) return
+    const container = document.createElement('div')
+    container.className = 'doc-ol-export'
+    container.style.cssText =
+      'margin:6pt 0 10pt;padding:0;font-size:11pt;color:#000000;max-width:100%;box-sizing:border-box;'
+    appendFlattenedList(list, container, 0)
+    list.replaceWith(container)
+  })
+}
+
+/** 统计表格逻辑列数（含 colspan） */
+function getTableColumnCount(table: HTMLTableElement): number {
+  let maxCols = 0
+  Array.from(table.rows).forEach((row) => {
+    let cols = 0
+    Array.from(row.cells).forEach((cell) => {
+      cols += cell.colSpan || 1
+    })
+    maxCols = Math.max(maxCols, cols)
+  })
+  return maxCols
+}
+
+function getColumnWidthsPt(colCount: number, total = A4_CONTENT_WIDTH_PT): number[] {
+  const safeTotal = Math.max(40, Math.round(total))
+  if (colCount <= 0) return [safeTotal]
+  if (colCount === 3) {
+    const c0 = Math.round(safeTotal * 0.28)
+    const c1 = Math.round(safeTotal * 0.36)
+    return [c0, c1, safeTotal - c0 - c1]
+  }
+  if (colCount === 5) {
+    const c0 = Math.round(safeTotal * 0.26)
+    const rest = Math.floor((safeTotal - c0) / 4)
+    return [c0, rest, rest, rest, safeTotal - c0 - rest * 3]
+  }
+  const each = Math.floor(safeTotal / colCount)
+  return Array.from({ length: colCount }, (_, index) =>
+    index === colCount - 1 ? safeTotal - each * (colCount - 1) : each
+  )
+}
+
+/** 列寬用絕對 pt，總和 = 正文區滿寬，對齊右頁邊距（Word 對 width:100% 常收縮） */
+function applyTableColgroupPt(table: HTMLTableElement, widthsPt: number[]) {
+  table.querySelector('colgroup')?.remove()
+  const colgroup = document.createElement('colgroup')
+  widthsPt.forEach((width) => {
+    const col = document.createElement('col')
+    col.setAttribute('width', String(width))
+    col.setAttribute(
+      'style',
+      `width:${width}pt;mso-width-source:userset;mso-width-alt:${width * 20}`
+    )
+    colgroup.appendChild(col)
+  })
+  table.insertBefore(colgroup, table.firstChild)
+}
+
+type DocxCellInfo = {
+  text: string
+  tag: 'th' | 'td'
+  className: string
+  textAlign: string
+}
+
+/** 将含 colspan/rowspan 的表格展开为逻辑网格 */
+function expandTableToGrid(table: HTMLTableElement): DocxCellInfo[][] {
+  const colCount = getTableColumnCount(table)
+  const grid: (DocxCellInfo | null)[][] = []
+
+  Array.from(table.rows).forEach((row, rowIndex) => {
+    if (!grid[rowIndex]) grid[rowIndex] = Array(colCount).fill(null)
+    let colIndex = 0
+
+    Array.from(row.cells).forEach((cell) => {
+      while (colIndex < colCount && grid[rowIndex]![colIndex] !== null) colIndex++
+
+      const info: DocxCellInfo = {
+        text: cell.textContent?.trim() ?? '',
+        tag: cell.tagName === 'TH' ? 'th' : 'td',
+        className: cell.className,
+        textAlign: (cell as HTMLElement).style.textAlign || '',
+      }
+      const colspan = cell.colSpan || 1
+      const rowspan = cell.rowSpan || 1
+
+      for (let r = 0; r < rowspan; r++) {
+        for (let c = 0; c < colspan; c++) {
+          const targetRow = rowIndex + r
+          if (!grid[targetRow]) grid[targetRow] = Array(colCount).fill(null)
+          grid[targetRow]![colIndex + c] =
+            r === 0 && c === 0 ? info : { ...info, text: '' }
+        }
+      }
+      colIndex += colspan
+    })
+  })
+
+  return grid.filter((row) => row.some((cell) => cell !== null)) as DocxCellInfo[][]
+}
+
+function applyWordTableStyles(
+  table: HTMLTableElement,
+  colCount: number,
+  tableWidthPt = A4_CONTENT_WIDTH_PT
+) {
+  const isComplex = table.classList.contains('doc-table-complex') || colCount >= 5
+  const cellFontSize = isComplex ? '9pt' : '10pt'
+  const cellPadding = isComplex ? '2pt 3pt' : '3pt 4pt'
+  const colWidthsPt = getColumnWidthsPt(colCount, tableWidthPt)
+
+  applyTableColgroupPt(table, colWidthsPt)
+
+  // 清掉編輯器 / getComputedStyle 寫死的 height，避免 Word 把末行拉滿頁面
+  table.removeAttribute('width')
+  table.removeAttribute('height')
+  table.removeAttribute('style')
+  table.setAttribute('width', String(tableWidthPt))
+  table.style.cssText = [
+    'border-collapse:collapse',
+    `width:${tableWidthPt}pt`,
+    `max-width:${tableWidthPt}pt`,
+    'height:auto',
+    'min-height:0',
+    'table-layout:fixed',
+    'mso-table-layout-alt:fixed',
+    'word-wrap:break-word',
+    'overflow-wrap:break-word',
+    'margin:0',
+    'border:1px solid #000000',
+    'box-sizing:border-box',
+    'page-break-inside:auto',
+  ].join(';')
+
+  table.querySelectorAll('tr').forEach((row) => {
+    const tr = row as HTMLTableRowElement
+    tr.removeAttribute('height')
+    tr.style.height = 'auto'
+    tr.style.minHeight = '0'
+    tr.style.pageBreakInside = 'auto'
+    Array.from(tr.cells).forEach((cell, cellIndex) => {
+      cell.removeAttribute('colspan')
+      cell.removeAttribute('rowspan')
+      cell.removeAttribute('height')
+      const colW = colWidthsPt[cellIndex] ?? colWidthsPt[colWidthsPt.length - 1]
+      if (colW != null) {
+        cell.setAttribute('width', String(colW))
+        cell.style.width = `${colW}pt`
+      }
+      cell.style.height = 'auto'
+      cell.style.minHeight = '0'
+      cell.style.minWidth = ''
+      cell.style.maxWidth = ''
+      cell.style.border = '1px solid #000000'
+      cell.style.padding = cellPadding
+      cell.style.fontSize = cellFontSize
+      cell.style.lineHeight = '1.35'
+      cell.style.wordWrap = 'break-word'
+      cell.style.overflowWrap = 'break-word'
+      cell.style.boxSizing = 'border-box'
+      cell.style.verticalAlign = 'top'
+      cell.style.pageBreakInside = 'auto'
+      cell.style.overflow = 'hidden'
+
+      if (!cell.classList.contains('doc-th-green') && !cell.classList.contains('doc-th-red')) {
+        cell.style.color = '#000000'
+      }
+    })
+  })
+}
+
+function createWordTableCell(info: DocxCellInfo, cellFontSize: string, cellPadding: string) {
+  const cell = document.createElement(info.tag)
+  cell.className = info.className
+  cell.textContent = info.text
+  cell.style.border = '1px solid #000000'
+  cell.style.padding = cellPadding
+  cell.style.fontSize = cellFontSize
+  cell.style.lineHeight = '1.35'
+  cell.style.height = 'auto'
+  cell.style.minHeight = '0'
+  cell.style.wordWrap = 'break-word'
+  cell.style.overflowWrap = 'break-word'
+  cell.style.boxSizing = 'border-box'
+  cell.style.verticalAlign = 'top'
+  cell.style.pageBreakInside = 'auto'
+  if (info.textAlign) cell.style.textAlign = info.textAlign
+  if (!cell.classList.contains('doc-th-green') && !cell.classList.contains('doc-th-red')) {
+    cell.style.color = '#000000'
+  }
+  return cell
+}
+
+function rebuildFlatWordTable(
+  grid: DocxCellInfo[][],
+  tableClasses: string,
+  tableWidthPt = A4_CONTENT_WIDTH_PT
+): HTMLDivElement {
+  const colCount = grid[0]?.length ?? 0
+  const isComplex = tableClasses.includes('doc-table-complex') || colCount >= 5
+  const cellFontSize = isComplex ? '9pt' : '10pt'
+  const cellPadding = isComplex ? '2pt 3pt' : '3pt 4pt'
+  const nested = tableWidthPt < A4_CONTENT_WIDTH_PT - 1
+
+  const wrap = document.createElement('div')
+  wrap.className = nested ? 'docx-table-wrap docx-table-wrap--nested' : 'docx-table-wrap'
+  wrap.style.cssText = [
+    `width:${tableWidthPt}pt`,
+    `max-width:${tableWidthPt}pt`,
+    'height:auto',
+    'margin:6pt 0 12pt',
+    'padding:0',
+    'overflow:hidden',
+    'box-sizing:border-box',
+  ].join(';')
+
+  const table = document.createElement('table')
+  table.className = `${tableClasses} doc-table-word`.trim()
+  applyWordTableStyles(table, colCount, tableWidthPt)
+
+  grid.forEach((row) => {
+    const tr = document.createElement('tr')
+    tr.style.height = 'auto'
+    tr.style.minHeight = '0'
+    tr.style.pageBreakInside = 'auto'
+    row.forEach((info) => {
+      tr.appendChild(createWordTableCell(info, cellFontSize, cellPadding))
+    })
+    table.appendChild(tr)
+  })
+
+  wrap.appendChild(table)
+  return wrap
+}
+
+function tableHasSpanningCells(table: HTMLTableElement): boolean {
+  return Array.from(table.querySelectorAll('th, td')).some((cell) => {
+    const el = cell as HTMLTableCellElement
+    return (el.colSpan || 1) > 1 || (el.rowSpan || 1) > 1
+  })
+}
+
+function getTableNestingDepth(table: HTMLTableElement): number {
+  let depth = 0
+  let el: HTMLElement | null = table.parentElement
+  while (el) {
+    if (el instanceof HTMLTableElement) depth += 1
+    el = el.parentElement
+  }
+  return depth
+}
+
+/** 嵌套表寬 = 父單元格可用寬（等比例，勿再拉滿整頁） */
+function resolveTableWidthPt(table: HTMLTableElement): number {
+  const parentCell = table.parentElement?.closest('td, th') as HTMLTableCellElement | null
+  if (!parentCell) return A4_CONTENT_WIDTH_PT
+
+  const raw =
+    Number.parseFloat(parentCell.getAttribute('width') || '') ||
+    Number.parseFloat(String(parentCell.style.width || '').replace(/pt$/i, '')) ||
+    0
+  // 減去單元格左右 padding，避免嵌套表撐破父格
+  const inner = raw > 0 ? Math.max(36, Math.round(raw - 8)) : Math.round(A4_CONTENT_WIDTH_PT * 0.48)
+  return Math.min(inner, A4_CONTENT_WIDTH_PT)
+}
+
+/** 去掉全空行，避免 Word 把空白行拉高 */
+function removeBlankTableRows(table: HTMLTableElement) {
+  Array.from(table.rows).forEach((row) => {
+    const hasText = Array.from(row.cells).some((cell) => (cell.textContent || '').trim().length > 0)
+    const hasMedia = Array.from(row.cells).some((cell) => cell.querySelector('img, table, svg'))
+    if (!hasText && !hasMedia) row.remove()
+  })
+}
+
+/** 重建 Word 安全表格：頂層鋪滿正文區；嵌套表按父格寬等比例；禁止行高被拉長 */
+function rebuildTablesForWord(root: HTMLElement) {
+  const tables = Array.from(root.querySelectorAll('table')).filter((node) => {
+    if (!(node instanceof HTMLTableElement)) return false
+    if (node.classList.contains('docx-toc-row')) return false
+    // 列表双列表：勿重建、勿加黑框
+    if (node.classList.contains('doc-list-item-table')) return false
+    if (node.closest('.doc-ol-export')) return false
+    return true
+  }) as HTMLTableElement[]
+
+  // 外層先處理，嵌套表才能讀到父 td 的 pt 寬
+  tables.sort((a, b) => getTableNestingDepth(a) - getTableNestingDepth(b))
+
+  tables.forEach((node) => {
+    // 已被包進 wrap 後替換掉的節點可能脫離文檔
+    if (!root.contains(node)) return
+
+    removeBlankTableRows(node)
+    if (!node.rows.length) {
+      node.remove()
+      return
+    }
+
+    const tableWidthPt = resolveTableWidthPt(node)
+    const nested = tableWidthPt < A4_CONTENT_WIDTH_PT - 1
+    const tableClasses = Array.from(node.classList)
+      .filter((c) => c !== 'doc-table-word')
+      .join(' ')
+    const colCount = getTableColumnCount(node)
+
+    if (tableHasSpanningCells(node)) {
+      const grid = expandTableToGrid(node)
+      // 展開後再剔空行
+      const compact = grid.filter((row) => row.some((cell) => (cell.text || '').trim().length > 0))
+      node.replaceWith(
+        rebuildFlatWordTable(compact.length ? compact : grid, tableClasses, tableWidthPt)
+      )
+      return
+    }
+
+    const wrap = document.createElement('div')
+    wrap.className = nested ? 'docx-table-wrap docx-table-wrap--nested' : 'docx-table-wrap'
+    wrap.style.cssText = [
+      `width:${tableWidthPt}pt`,
+      `max-width:${tableWidthPt}pt`,
+      'height:auto',
+      'margin:6pt 0 12pt',
+      'padding:0',
+      'overflow:hidden',
+      'box-sizing:border-box',
+    ].join(';')
+
+    node.classList.add('doc-table-word')
+    applyWordTableStyles(node, colCount, tableWidthPt)
+    node.parentNode?.insertBefore(wrap, node)
+    wrap.appendChild(node)
+  })
+}
+
+/** 導出正文去掉 [ref:…]（含全角冒號/括號） */
+export function stripRefMarkersFromHtml(value: string) {
+  return String(value || '')
+    .replace(/\[\s*ref\s*[:：]\s*[^\]]+\]/gi, '')
+    .replace(/［\s*ref\s*[:：][^］]+］/gi, '')
+    .replace(
+      /<p\b[^>]*>\s*參考資料\s*[:：]?\s*<\/p>\s*(?:<p\b[^>]*>\s*(?:\[\d+\]\s*)*(?:\[\s*ref\s*[:：][^\]]*\])?(?:\s*\[\d+\])*\s*<\/p>\s*)+/gi,
+      ''
+    )
+    .replace(/[ \t]{2,}/g, ' ')
+}
+
+/** 章節書籤：目錄 PAGEREF 目標（name + id，兼容 Word HTML altChunk） */
+function isChapterBookmarkName(value: string): boolean {
+  return /^_Ch\d+$/i.test(String(value || '').trim())
+}
+
+/** 表格重建 / 清裝飾後重新掛 _ChN 書籤（掛在章標題上，避免空錨被 Word 丟掉） */
+export function reannotateChapterBookmarksInDom(root: HTMLElement): void {
+  const sections = Array.from(root.querySelectorAll('.docx-export-chapter'))
+  const targets: Element[] = sections.length
+    ? sections
+    : Array.from(root.querySelectorAll('h1.docx-chapter-title'))
+
+  targets.forEach((target, i) => {
+    const name = `_Ch${i + 1}`
+    const heading =
+      target.matches?.('h1, h2')
+        ? target
+        : target.querySelector('h1.docx-chapter-title, h1, h2') || target
+
+    if (heading instanceof HTMLElement) {
+      heading.setAttribute('id', name)
+    }
+
+    let anchor =
+      (heading.querySelector(`:scope > a[name="${name}"]`) as HTMLElement | null) ||
+      (heading.querySelector(`a[name="${name}"]`) as HTMLElement | null)
+    if (!anchor) {
+      anchor = document.createElement('a')
+      heading.insertBefore(anchor, heading.firstChild)
+    }
+    anchor.setAttribute('name', name)
+    anchor.removeAttribute('id')
+    anchor.removeAttribute('href')
+  })
+}
+
+/**
+ * 最終打包前清正文紅藍下標：
+ * - 刪 [ref:…]
+ * - 展開正文 <u>（保留小組成員標題）
+ * - 去掉 underline / 藍紅底邊
+ * - 保留目錄 PAGEREF 用的章節書籤 a[name=_ChN] / id=_ChN
+ */
+export function sanitizeExportBodyHtml(html: string): string {
+  let out = stripRefMarkersFromHtml(html)
+
+  out = out.replace(
+    /(<p\b[^>]*class="[^"]*docx-members-label[^"]*"[^>]*>[\s\S]*?<\/p>)|<u\b[^>]*>([\s\S]*?)<\/u>/gi,
+    (_full, membersLabel, inner) => (membersLabel ? membersLabel : String(inner ?? ''))
+  )
+
+  out = out.replace(/\btext-decoration\s*:\s*[^;"']*underline[^;"']*;?/gi, 'text-decoration:none;')
+  out = out.replace(/\btext-decoration-line\s*:\s*[^;"']*;?/gi, '')
+  out = out.replace(/\btext-decoration-color\s*:\s*[^;"']*;?/gi, '')
+  // 不在此處動 border-bottom：會誤傷表格下邊線
+  // 去掉普通鏈接，但保留 _ChN 書籤錨點（目錄 PAGEREF 依賴）
+  out = out.replace(/<a\b([^>]*)>([\s\S]*?)<\/a>/gi, (full, attrs, inner) => {
+    if (/\b(?:name|id)\s*=\s*["']_Ch\d+["']/i.test(String(attrs || ''))) return full
+    return String(inner ?? '')
+  })
+
+  return out
+}
+
+/** 正文去掉引用標記 / 藍紅下劃線等裝飾（頁眉 OOXML 雙藍線不受影響） */
+function stripBodyExportDecorations(root: HTMLElement) {
+  const isMembersLabel = (el: Element) =>
+    el.classList.contains('docx-members-label') || !!el.closest('.docx-members-label')
+
+  // 1) 刪除 citation 圓標（導出不需要）
+  root.querySelectorAll('.report-tiptap-citation, [data-citation]').forEach((el) => el.remove())
+
+  // 2) 章節末「參考資料：[n] [ref:…]」整段去掉（佔位下標）
+  root.querySelectorAll('.docx-chapter-refs-label, .docx-chapter-refs-item').forEach((el) => {
+    el.remove()
+  })
+
+  // 3) 鏈接去掉藍字下劃線，只留純文字；章節書籤 a[name=_ChN] 必須保留（目錄 PAGEREF）
+  root.querySelectorAll('a').forEach((el) => {
+    if (!(el instanceof HTMLElement)) return
+    if (isMembersLabel(el)) return
+    const name = String(el.getAttribute('name') || '')
+    const id = String(el.getAttribute('id') || '')
+    if (isChapterBookmarkName(name) || isChapterBookmarkName(id)) {
+      el.removeAttribute('href')
+      el.style.textDecoration = 'none'
+      el.style.color = 'inherit'
+      el.style.borderBottom = 'none'
+      return
+    }
+    const text = el.textContent ?? ''
+    const span = document.createElement('span')
+    span.textContent = text
+    el.replaceWith(span)
+  })
+
+  // 4) <u> 展開為純文字（小組成員標題保留下劃線）
+  root.querySelectorAll('u').forEach((el) => {
+    if (isMembersLabel(el)) return
+    const parent = el.parentNode
+    if (!parent) return
+    while (el.firstChild) parent.insertBefore(el.firstChild, el)
+    el.remove()
+  })
+
+  // 5) 去掉正文內聯 [ref:…]（含全角冒號；跨文本節點先併父級再清）
+  const refRe = /\[\s*ref\s*[:：]\s*[^\]]+\]/gi
+  root.querySelectorAll('p, li, td, th, h1, h2, h3, h4, span, div').forEach((el) => {
+    if (!(el instanceof HTMLElement)) return
+    if (isMembersLabel(el)) return
+    const raw = el.innerHTML
+    if (!/ref\s*[:：]/i.test(raw) && !/［\s*ref/i.test(raw)) return
+    const cleaned = stripRefMarkersFromHtml(raw)
+    if (cleaned !== raw) el.innerHTML = cleaned
+  })
+  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT)
+  const textNodes: Text[] = []
+  while (walker.nextNode()) textNodes.push(walker.currentNode as Text)
+  for (const node of textNodes) {
+    if (!node.nodeValue || !refRe.test(node.nodeValue)) continue
+    refRe.lastIndex = 0
+    const next = node.nodeValue.replace(refRe, '').replace(/[ \t]{2,}/g, ' ')
+    node.nodeValue = next
+  }
+
+  // 5b) 刪掉只剩「參考資料：」或空編號的段落
+  root.querySelectorAll('p').forEach((el) => {
+    const t = (el.textContent || '').replace(/\s+/g, ' ').trim()
+    if (/^參考資料\s*[:：]?$/.test(t) || /^\[\d+\]$/.test(t)) {
+      el.remove()
+    }
+  })
+
+  const isBlue = (c: string) => {
+    const s = String(c || '').toLowerCase().replace(/\s+/g, '')
+    if (!s || s === 'transparent' || s === 'inherit') return false
+    if (s.includes('2262') || s.includes('0563c1') || s.includes('409eff') || s.includes('0070c0')) {
+      return true
+    }
+    if (/^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(s)) {
+      const hex =
+        s.length === 4 ? `#${s[1]}${s[1]}${s[2]}${s[2]}${s[3]}${s[3]}` : s
+      const r = Number.parseInt(hex.slice(1, 3), 16)
+      const g = Number.parseInt(hex.slice(3, 5), 16)
+      const b = Number.parseInt(hex.slice(5, 7), 16)
+      return b > 140 && b > r + 30 && b > g + 20
+    }
+    return /rgb\(\s*\d+\s*,\s*\d+\s*,\s*(1[5-9]\d|2\d{2})\s*\)/i.test(s)
+  }
+
+  const isRed = (c: string) => {
+    const s = String(c || '').toLowerCase().replace(/\s+/g, '')
+    if (!s || s === 'transparent' || s === 'inherit') return false
+    if (s.includes('ff0000') || s.includes('e74c3c') || s.includes('f56c6c') || s.includes('c00000')) {
+      return true
+    }
+    if (/^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(s)) {
+      const hex =
+        s.length === 4 ? `#${s[1]}${s[1]}${s[2]}${s[2]}${s[3]}${s[3]}` : s
+      const r = Number.parseInt(hex.slice(1, 3), 16)
+      const g = Number.parseInt(hex.slice(3, 5), 16)
+      const b = Number.parseInt(hex.slice(5, 7), 16)
+      return r > 160 && r > g + 40 && r > b + 40
+    }
+    return /rgb\(\s*(1[5-9]\d|2\d{2})\s*,\s*\d+\s*,\s*\d+\s*\)/i.test(s)
+  }
+
+  // 6) 去掉正文文字下劃線 / 藍紅裝飾底邊（絕對不碰表格）
+  const isTablePart = (el: Element) =>
+    /^(TABLE|THEAD|TBODY|TFOOT|TR|TD|TH|COLGROUP|COL)$/i.test(el.tagName) ||
+    !!el.closest('table')
+
+  root.querySelectorAll('*').forEach((node) => {
+    if (!(node instanceof HTMLElement)) return
+    if (isMembersLabel(node)) return
+    if (isTablePart(node)) return
+    const style = node.style
+
+    // 僅清文字裝飾用底邊（藍/紅），勿動黑框表格
+    if (style.borderBottom && style.borderBottom !== 'none' && style.borderBottom !== '0px') {
+      if (
+        isBlue(style.borderBottomColor) ||
+        isRed(style.borderBottomColor) ||
+        isBlue(style.borderColor) ||
+        isRed(style.borderColor)
+      ) {
+        style.borderBottom = 'none'
+        style.borderBottomColor = ''
+      }
+    }
+
+    const deco = String(style.textDecoration || style.textDecorationLine || '')
+    const decoColor = String(style.textDecorationColor || '')
+    if (
+      /underline/i.test(deco) ||
+      isBlue(decoColor) ||
+      isRed(decoColor) ||
+      node.classList.contains('report-tiptap-link') ||
+      node.classList.contains('doc-link-anchor')
+    ) {
+      style.textDecoration = 'none'
+      style.textDecorationColor = ''
+      style.textDecorationLine = 'none'
+      if (isBlue(style.color) || isRed(style.color)) {
+        style.color = '#000000'
+      }
+    }
+
+    if (/^H[1-6]$/.test(node.tagName) || node.classList.contains('docx-chapter-title')) {
+      style.borderBottom = 'none'
+      style.textDecoration = 'none'
+    }
+  })
+}
+
+/** Word 导出移除预览分页标记，避免 MHT 中产生整页空白 */
+export function stripWordPageBreaks(root: HTMLElement) {
+  root.querySelectorAll('[data-export-page-break]').forEach((el) => el.remove())
+}
+
+/** @deprecated 使用 stripWordPageBreaks，注入分页符会在 Word 中产生大量空白 */
+export function injectWordPageBreaks(root: HTMLElement) {
+  stripWordPageBreaks(root)
+}
+
+/** 剥离 Vue / 无用属性，内联计算样式，尽量贴近页面 1:1 */
+export function prepareDomForDocx(root: HTMLElement, inPlace = false): HTMLElement {
+  const clone = inPlace ? root : (root.cloneNode(true) as HTMLElement)
+
+  clone.querySelectorAll('.no-print, .animate-pulse, .typewriter-cursor').forEach((el) =>
+    el.remove()
+  )
+
+  const unmount = mountCloneForStyleRead(clone)
+
+  try {
+    clone.querySelectorAll('*').forEach((el) => {
+      if (!(el instanceof HTMLElement)) return
+
+      applyDocClassInlineStyles(el)
+
+      const computed = window.getComputedStyle(el)
+      if (computed.display === 'flex' || computed.display === 'inline-flex') {
+        el.style.display = 'block'
+      }
+
+      for (const prop of STYLE_PROPS) {
+        // 表格行高絕不能內聯像素 height，否則 Word 會把末行拉長變形
+        if (prop === 'height' && /^(TABLE|TR|TD|TH|TBODY|THEAD|TFOOT|COLGROUP|COL)$/i.test(el.tagName)) {
+          continue
+        }
+        const val = computed[prop as keyof CSSStyleDeclaration]
+        if (!val || val === 'initial' || val === 'normal' || val === 'auto' || val === 'none') {
+          continue
+        }
+        // TipTap / 滾動容器常算出 height:0，內聯後 Word 正文被裁成空白
+        if (
+          (prop === 'height' || prop === 'width' || prop === 'maxWidth') &&
+          (val === '0px' || val === '0' || val === '0%')
+        ) {
+          continue
+        }
+        const styleRecord = el.style as unknown as Record<string, string>
+        if (!styleRecord[prop]) {
+          styleRecord[prop] = String(val)
+        }
+      }
+
+      if (el.tagName === 'TABLE') {
+        el.style.borderCollapse = 'collapse'
+        el.style.tableLayout = 'fixed'
+        el.style.width = '100%'
+        el.style.maxWidth = '100%'
+        el.style.height = 'auto'
+        el.style.minHeight = '0'
+        el.style.pageBreakInside = 'auto'
+        el.removeAttribute('height')
+      }
+      if (el.tagName === 'TR') {
+        el.style.height = 'auto'
+        el.style.minHeight = '0'
+        el.removeAttribute('height')
+      }
+      if (el.tagName === 'TD' || el.tagName === 'TH') {
+        el.style.border = '1px solid #000000'
+        el.style.padding = '4pt 6pt'
+        el.style.fontSize = '11pt'
+        el.style.height = 'auto'
+        el.style.minHeight = '0'
+        el.style.verticalAlign = 'top'
+        el.removeAttribute('height')
+        if (!el.classList.contains('doc-th-green') && !el.classList.contains('doc-th-red')) {
+          el.style.color = '#000000'
+        }
+      }
+      if (el.tagName === 'IMG') {
+        const img = el as HTMLImageElement
+        el.style.display = el.style.display || 'block'
+        el.style.maxWidth = el.style.maxWidth || '100%'
+        if (!img.getAttribute('width') && img.naturalWidth > 0) {
+          img.setAttribute('width', String(img.naturalWidth))
+        }
+        if (!img.getAttribute('height') && img.naturalHeight > 0) {
+          img.setAttribute('height', String(img.naturalHeight))
+        }
+      }
+    })
+  } finally {
+    unmount()
+  }
+
+  clone.querySelectorAll('*').forEach((el) => {
+    if (!(el instanceof HTMLElement)) return
+    Array.from(el.attributes).forEach((attr) => {
+      if (
+        attr.name.startsWith('data-v-') ||
+        attr.name === 'data-v-app' ||
+        attr.name.startsWith('data-cy') ||
+        attr.name === 'data-docx-export-host'
+      ) {
+        el.removeAttribute(attr.name)
+      }
+    })
+  })
+
+  clampAllImagesForDocx(clone)
+  flattenChartIntroForDocx(clone)
+  flattenImagesBlockForDocx(clone)
+  normalizeListsForDocx(clone)
+  rebuildTablesForWord(clone)
+  stripBodyExportDecorations(clone)
+  // 表格重建 / 去裝飾後重新掛章節書籤，供目錄 PAGEREF（必須在 strip 之後）
+  reannotateChapterBookmarksInDom(clone)
+  // 去紅藍下標後強制還原表格邊框（防止誤清 border-bottom）；列表雙列表保持無邊框
+  clone.querySelectorAll('table').forEach((table) => {
+    if (!(table instanceof HTMLElement)) return
+    if (table.classList.contains('doc-list-item-table') || table.closest('.doc-ol-export')) {
+      table.style.border = 'none'
+      table.style.borderCollapse = 'collapse'
+      return
+    }
+    table.style.borderCollapse = 'collapse'
+    table.style.border = table.style.border || '1px solid #000000'
+  })
+  clone.querySelectorAll('td, th').forEach((cell) => {
+    if (!(cell instanceof HTMLElement)) return
+    if (cell.closest('.doc-list-item-table') || cell.closest('.doc-ol-export')) {
+      cell.style.border = 'none'
+      cell.style.borderBottom = 'none'
+      return
+    }
+    cell.style.border = '1px solid #000000'
+    cell.style.borderBottom = '1px solid #000000'
+  })
+
+  clone.querySelectorAll('.typewriter-card__body, .content-wrapper, .doc-sample-body').forEach((el) => {
+    if (!(el instanceof HTMLElement)) return
+    el.style.minHeight = '0'
+    el.style.height = 'auto'
+    el.style.padding = '0'
+    el.style.maxWidth = '100%'
+    el.style.width = '100%'
+    el.style.boxSizing = 'border-box'
+  })
+
+  clone.classList.add('docx-page-root')
+  clone.style.maxHeight = 'none'
+  clone.style.overflow = 'hidden'
+  clone.style.border = 'none'
+  clone.style.padding = '0'
+  clone.style.minHeight = '0'
+  clone.style.backgroundColor = '#ffffff'
+  clone.style.boxSizing = 'border-box'
+  clone.style.width = '100%'
+  clone.style.maxWidth = '100%'
+  clone.style.margin = '0'
+  clone.style.fontFamily = '"Times New Roman", "宋体", SimSun, serif'
+  clone.style.fontSize = '11pt'
+  clone.style.lineHeight = '1.5'
+  clone.style.color = '#000000'
+  clone.style.wordWrap = 'break-word'
+
+  clone.querySelectorAll('.echarts-container').forEach((el) => {
+    if (!(el instanceof HTMLElement)) return
+    if (el.querySelector('.docx-chart-wrap')) return
+    el.style.width = '100%'
+    el.style.maxWidth = '100%'
+    el.style.textAlign = 'center'
+    el.style.margin = '12pt auto'
+  })
+
+  return clone
+}
+
+export async function exportHtmlToDocx(
+  fullHtmlOrParts: string | string[],
+  options: DocxExportOptions = DEFAULT_DOCX_EXPORT_OPTIONS
+): Promise<Blob> {
+  return buildDocxZip(fullHtmlOrParts, { ...DEFAULT_DOCX_EXPORT_OPTIONS, ...options })
+}