wukong-gitlog-cli 1.0.17 → 1.0.18

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.0.18](https://github.com/tomatobybike/wukong-gitlog-cli/compare/v1.0.17...v1.0.18) (2025-12-05)
+
+
+### Features
+
+* 🎸 buildAuthorLatestDataset ([e607836](https://github.com/tomatobybike/wukong-gitlog-cli/commit/e6078360d29e18d9a9f6f6346547821ef13c1e7d))
+* 🎸 css ([f2c4a71](https://github.com/tomatobybike/wukong-gitlog-cli/commit/f2c4a715b594f37e3ff2fd34f641c57aac33c50a))
+* 🎸 risk ([1f6a55e](https://github.com/tomatobybike/wukong-gitlog-cli/commit/1f6a55e68ad28cc9523019294eaa69bde0036d86))
+
 ### [1.0.17](https://github.com/tomatobybike/wukong-gitlog-cli/compare/v1.0.16...v1.0.17) (2025-12-05)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wukong-gitlog-cli",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "description": "Advanced Git commit log exporter with Excel/JSON/TXT output, grouping, stats and CLI.",
   "keywords": [
     "git",

package/web/app.js

@@ -1,6 +1,21 @@
 /* eslint-disable import/no-absolute-path */
+/* eslint-disable no-use-before-define */
+/* global echarts */
 const formatDate = (d) => new Date(d).toLocaleString()
 
+// ISO 周 key：YYYY-Www
+function getIsoWeekKey(dStr) {
+  const d = new Date(dStr)
+  if (Number.isNaN(d.valueOf())) return null
+  const target = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()))
+  const dayNum = target.getUTCDay() || 7 // Sunday=0
+  target.setUTCDate(target.getUTCDate() + 4 - dayNum)
+  const yearStart = new Date(Date.UTC(target.getUTCFullYear(), 0, 1))
+  const weekNo = Math.ceil(((target - yearStart) / 86400000 + 1) / 7)
+  const year = target.getUTCFullYear()
+  return `${year}-W${String(weekNo).padStart(2, '0')}`
+}
+
 async function loadData() {
   try {
     const [
@@ -45,8 +60,10 @@ function renderCommitsTablePage() {
   const start = (page - 1) * pageSize
   const end = start + pageSize
   filtered.slice(start, end).forEach((c) => {
+    // FIXME: remove debug log before production
+    console.log('❌', 'c', c);
     const tr = document.createElement('tr')
-    tr.innerHTML = `<td>${c.hash.slice(0, 8)}</td><td>${c.author}</td><td>${formatDate(c.date)}</td><td>${c.message}</td>`
+    tr.innerHTML = `<td>${c.hash.slice(0, 8)}</td><td>${c.author}</td><td>${formatDate(c.date)}</td><td>${c.message}</td><td>${c.changed}</td>`
     tbody.appendChild(tr)
   })
 }
@@ -215,13 +232,11 @@ function drawHourlyOvertime(stats, onHourClick) {
   if (typeof onHourClick === 'function') {
     chart.on('click', (p) => {
       let hour = Number(p.name)
-      if(p.componentType === 'markLine') {
+      if (p.componentType === 'markLine') {
         hour = Number(p.data.xAxis)
       }
-      // FIXME: remove debug log before production
-      console.log('❌', 'hour', hour, p)
       document.getElementById('dayDetailSidebar').classList.remove('show')
-      if (Object.is(hour, NaN)) return
+      if (Number.isNaN(hour)) return
       onHourClick(hour, commits[hour])
     })
   }
@@ -1239,12 +1254,12 @@ function computeAndRenderLatestOvertime(latestByDay) {
   // 每天的 latestHourNormalized → 超出下班的小时数
   const dailyOvertime = latestByDay
     .map((d) => {
-      const v =
-        typeof d.latestHourNormalized === 'number'
-          ? d.latestHourNormalized
-          : typeof d.latestHour === 'number'
-            ? d.latestHour
-            : null
+      let v = null
+      if (typeof d.latestHourNormalized === 'number') {
+        v = d.latestHourNormalized
+      } else if (typeof d.latestHour === 'number') {
+        v = d.latestHour
+      }
       if (v == null) return null
       const overtime = Math.max(0, Number(v) - endH)
       return { date: d.date, overtime, raw: v }
@@ -1266,21 +1281,6 @@ function computeAndRenderLatestOvertime(latestByDay) {
     )}</b> 小时，逻辑时间约 ${worstDay.raw.toFixed(2)} 点）`
   }
 
-  // 工具：根据日期字符串计算 ISO 周 key：YYYY-Www
-  const getIsoWeekKey = (dStr) => {
-    const d = new Date(dStr)
-    if (Number.isNaN(d.valueOf())) return null
-    const target = new Date(
-      Date.UTC(d.getFullYear(), d.getMonth(), d.getDate())
-    )
-    const dayNum = target.getUTCDay() || 7 // Sunday=0
-    target.setUTCDate(target.getUTCDate() + 4 - dayNum)
-    const yearStart = new Date(Date.UTC(target.getUTCFullYear(), 0, 1))
-    const weekNo = Math.ceil(((target - yearStart) / 86400000 + 1) / 7)
-    const year = target.getUTCFullYear()
-    return `${year}-W${String(weekNo).padStart(2, '0')}`
-  }
-
   // 2) 按周聚合：每周取「该周内任意一天的最大加班时长」
   const weekMap = new Map()
   dailyOvertime.forEach((d) => {
@@ -1354,43 +1354,436 @@ function buildDataset(stats, type) {
   return { authors, allPeriods, series };
 }
 
-const drawChangeTrends = (stats, type = 'daily') => {
-  const el = document.getElementById("chartAuthorChanges");
-  if (!el) return null;
-  // FIXME: remove debug log before production
-  console.log('❌', 'el', el);
-  const chart = echarts.init(el);
-
-  function render(type) {
-    const { authors, allPeriods, series } = buildDataset(stats, type);
+const drawChangeTrends = (stats) => {
+  const el = document.getElementById('chartAuthorChanges')
+  if (!el) return null
+  const chart = echarts.init(el)
 
+  function render(t) {
+    const { authors, allPeriods, series } = buildDataset(stats, t)
     chart.setOption({
       tooltip: { trigger: 'axis' },
       legend: { data: authors },
       xAxis: { type: 'category', data: allPeriods },
       yAxis: { type: 'value' },
       series
-    });
+    })
   }
 
   // 初次渲染：日
-  render('daily');
+  render('daily')
 
   // tabs 切换
-  document.querySelectorAll('#tabs button').forEach(btn => {
-    btn.onclick = () => {
-      document.querySelectorAll('#tabs button').forEach(b => b.classList.remove('active'));
-      btn.classList.add('active');
+  const tabs = document.querySelectorAll('#tabs button')
+  tabs.forEach((btnEl) => {
+    btnEl.addEventListener('click', () => {
+      tabs.forEach((b) => b.classList.remove('active'))
+      btnEl.classList.add('active')
+      render(btnEl.dataset.type)
+    })
+  })
+
+  return chart
+}
+
+// ========= 开发者加班趋势（基于 commits 现场计算） =========
+function buildAuthorOvertimeDataset(
+  commits,
+  type,
+  startHour,
+  endHour,
+  cutoff
+) {
+  const byAuthor = new Map()
+  const periods = new Set()
+
+  commits.forEach((c) => {
+    const d = new Date(c.date)
+    if (Number.isNaN(d.valueOf())) return
+    const h = d.getHours()
+    const isOvertime =
+      (h >= endHour && h < 24) || (h >= 0 && h < cutoff && h < startHour)
+    if (!isOvertime) return
+
+    let key
+    if (type === 'daily') {
+      key = d.toISOString().slice(0, 10)
+    } else if (type === 'weekly') {
+      key = getIsoWeekKey(d.toISOString().slice(0, 10))
+    } else {
+      key = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}`
+    }
+    if (!key) return
+    periods.add(key)
+
+    const author = c.author || 'unknown'
+    if (!byAuthor.has(author)) byAuthor.set(author, {})
+    const obj = byAuthor.get(author)
+    obj[key] = (obj[key] || 0) + 1
+  })
+
+  const allPeriods = Array.from(periods).sort()
+  const authors = Array.from(byAuthor.keys()).sort()
+  const series = authors.map((a) => ({
+    name: a,
+    type: 'line',
+    smooth: true,
+    data: allPeriods.map((p) => (byAuthor.get(a)[p] || 0))
+  }))
+  return { authors, allPeriods, series }
+}
 
-      render(btn.dataset.type);
-    };
-  });
+function drawAuthorOvertimeTrends(commits, stats) {
+  const el = document.getElementById('chartAuthorOvertime')
+  if (!el) return null
+  const chart = echarts.init(el)
 
-  return chart;
+  const startHour =
+    typeof stats.startHour === 'number' && stats.startHour >= 0
+      ? stats.startHour
+      : 9
+  const endHour =
+    typeof stats.endHour === 'number' && stats.endHour >= 0
+      ? stats.endHour
+      : window.__overtimeEndHour || 18
+  const cutoff = window.__overnightCutoff ?? 6
+
+  function render(type) {
+    const ds = buildAuthorOvertimeDataset(
+      commits,
+      type,
+      startHour,
+      endHour,
+      cutoff
+    )
+    chart.setOption({
+      tooltip: { trigger: 'axis' },
+      legend: { data: ds.authors },
+      xAxis: { type: 'category', data: ds.allPeriods },
+      yAxis: { type: 'value' },
+      series: ds.series
+    })
+  }
+
+  // 初始按日
+  render('daily')
+
+  // tabs 切换
+  const tabs = document.querySelectorAll('#tabsOvertime button')
+  tabs.forEach((btnEl) => {
+    btnEl.addEventListener('click', () => {
+      tabs.forEach((b) => b.classList.remove('active'))
+      btnEl.classList.add('active')
+      render(btnEl.dataset.type)
+    })
+  })
+
+  // 输出本周风险总结
+  renderWeeklyRiskSummary(commits, { startHour, endHour, cutoff })
+
+  return chart
+}
+
+function renderWeeklyRiskSummary(
+  commits,
+  { startHour = 9, endHour = 18, cutoff = 6 } = {}
+) {
+  const box = document.getElementById('weeklyRiskSummary')
+  if (!box) return
+
+  // 获取当前周与上一周 key
+  const now = new Date()
+  const curKey = getIsoWeekKey(now.toISOString().slice(0, 10))
+  const prev = new Date(now)
+  prev.setDate(prev.getDate() - 7)
+  const prevKey = getIsoWeekKey(prev.toISOString().slice(0, 10))
+
+  // 统计：每周 -> author -> count；同时统计每周日期集合
+  const weekAuthor = new Map()
+  const weekDatesByAuthor = new Map() // week -> author -> Set(date)
+
+  commits.forEach((c) => {
+    const d = new Date(c.date)
+    if (Number.isNaN(d.valueOf())) return
+    const h = d.getHours()
+    const isOT =
+      (h >= endHour && h < 24) || (h >= 0 && h < cutoff && h < startHour)
+    if (!isOT) return
+
+    const key = getIsoWeekKey(d.toISOString().slice(0, 10))
+    if (!key) return
+    const author = c.author || 'unknown'
+
+    if (!weekAuthor.has(key)) weekAuthor.set(key, new Map())
+    const m = weekAuthor.get(key)
+    m.set(author, (m.get(author) || 0) + 1)
+
+    if (!weekDatesByAuthor.has(key)) weekDatesByAuthor.set(key, new Map())
+    const dMap = weekDatesByAuthor.get(key)
+    if (!dMap.has(author)) dMap.set(author, new Set())
+    dMap.get(author).add(d.toISOString().slice(0, 10))
+  })
+
+  const curMap = weekAuthor.get(curKey) || new Map()
+  const prevMap = weekAuthor.get(prevKey) || new Map()
+  const curTotal = Array.from(curMap.values()).reduce((a, b) => a + b, 0)
+  const prevTotal = Array.from(prevMap.values()).reduce((a, b) => a + b, 0)
+  const delta =
+    prevTotal > 0 ? Math.round(((curTotal - prevTotal) / prevTotal) * 100) : null
+
+  // 找当前周最“活跃”的人（加班提交最多），并统计他加班的自然日数
+  let topAuthor = null
+  let topCount = -1
+  curMap.forEach((v, k) => {
+    if (v > topCount) {
+      topCount = v
+      topAuthor = k
+    }
+  })
+  const curDatesMap = weekDatesByAuthor.get(curKey) || new Map()
+  const topDays =
+    topAuthor && curDatesMap.get(topAuthor)
+      ? curDatesMap.get(topAuthor).size
+      : 0
+
+  // 文案
+  const lines = []
+  lines.push('【本周风险总结】')
+
+  if (curTotal === 0) {
+    lines.push('团队本周暂无加班提交。')
+  } else if (delta === null) {
+    lines.push(`团队本周加班提交 ${curTotal} 次。`)
+  } else {
+    const trend = delta >= 0 ? '上升' : '下降'
+    lines.push(`团队加班${trend} ${Math.abs(delta)}%（vs 上周）。`)
+  }
+
+  if (topAuthor && curTotal > 0) {
+    const pct = Math.round((topCount / curTotal) * 100)
+    lines.push(
+      `${topAuthor} 夜间活跃度 ${pct}%，${topDays} 天出现下班后提交（${endHour}:00 后或次日 ${cutoff}:00 前）。`
+    )
+  }
+
+  box.innerHTML = `
+    <div class="risk-summary">
+      <div class="risk-title">【本周风险总结】</div>
+      <ul>
+        ${lines
+          .slice(1)
+          .map((l) => `<li>${escapeHtml(l)}</li>`)
+          .join('')}
+      </ul>
+    </div>
+  `
+}
+
+// ========= 开发者加班“最晚”趋势（每期取最大超时） =========
+function buildAuthorLatestDataset(
+  commits,
+  type,
+  startHour,
+  endHour,
+  cutoff
+) {
+  const byAuthor = new Map()
+  const periods = new Set()
+
+  commits.forEach((c) => {
+    const d = new Date(c.date)
+    if (Number.isNaN(d.valueOf())) return
+    const h = d.getHours()
+
+    let overtime = null
+    if (h >= endHour && h < 24) overtime = h - endHour
+    else if (h >= 0 && h < cutoff && h < startHour)
+      overtime = 24 - endHour + h
+    if (overtime == null) return
+
+    let key
+    if (type === 'daily') {
+      key = d.toISOString().slice(0, 10)
+    } else if (type === 'weekly') {
+      key = getIsoWeekKey(d.toISOString().slice(0, 10))
+    } else {
+      key = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}`
+    }
+    if (!key) return
+    periods.add(key)
+
+    const author = c.author || 'unknown'
+    if (!byAuthor.has(author)) byAuthor.set(author, {})
+    const obj = byAuthor.get(author)
+    obj[key] = Math.max(obj[key] || 0, overtime)
+  })
+
+  const allPeriods = Array.from(periods).sort()
+  const authors = Array.from(byAuthor.keys()).sort()
+  const series = authors.map((a) => ({
+    name: a,
+    type: 'line',
+    smooth: true,
+    data: allPeriods.map((p) => byAuthor.get(a)[p] || 0)
+  }))
+  return { authors, allPeriods, series }
+}
+
+function drawAuthorLatestOvertimeTrends(commits, stats) {
+  const el = document.getElementById('chartAuthorLatestOvertime')
+  if (!el) return null
+  const chart = echarts.init(el)
+
+  const startHour =
+    typeof stats.startHour === 'number' && stats.startHour >= 0
+      ? stats.startHour
+      : 9
+  const endHour =
+    typeof stats.endHour === 'number' && stats.endHour >= 0
+      ? stats.endHour
+      : window.__overtimeEndHour || 18
+  const cutoff = window.__overnightCutoff ?? 6
+
+  function render(type) {
+    const ds = buildAuthorLatestDataset(
+      commits,
+      type,
+      startHour,
+      endHour,
+      cutoff
+    )
+    chart.setOption({
+      tooltip: { trigger: 'axis' },
+      legend: { data: ds.authors },
+      xAxis: { type: 'category', data: ds.allPeriods },
+      yAxis: {
+        type: 'value',
+        name: '超出下班(小时)',
+        min: 0
+      },
+      series: ds.series
+    })
+  }
+
+  render('daily')
+
+  const tabs = document.querySelectorAll('#tabsLatestOvertime button')
+  tabs.forEach((btnEl) => {
+    btnEl.addEventListener('click', () => {
+      tabs.forEach((b) => b.classList.remove('active'))
+      btnEl.classList.add('active')
+      render(btnEl.dataset.type)
+    })
+  })
+
+  renderLatestRiskSummary(commits, { startHour, endHour, cutoff })
+
+  return chart
+}
+
+// 本周“最晚加班”风险提示
+function renderLatestRiskSummary(
+  commits,
+  { startHour = 9, endHour = 18, cutoff = 6 } = {}
+) {
+  const box = document.getElementById('latestRiskSummary')
+  if (!box) return
+
+  const now = new Date()
+  const curKey = getIsoWeekKey(now.toISOString().slice(0, 10))
+  const prev = new Date(now)
+  prev.setDate(prev.getDate() - 7)
+  const prevKey = getIsoWeekKey(prev.toISOString().slice(0, 10))
+
+  // 统计每周每人最大超时
+  const weekMax = new Map() // week -> Map(author -> {max, date})
+  commits.forEach((c) => {
+    const d = new Date(c.date)
+    if (Number.isNaN(d.valueOf())) return
+    const h = d.getHours()
+    let overtime = null
+    if (h >= endHour && h < 24) overtime = h - endHour
+    else if (h >= 0 && h < cutoff && h < startHour)
+      overtime = 24 - endHour + h
+    if (overtime == null) return
+
+    const wKey = getIsoWeekKey(d.toISOString().slice(0, 10))
+    if (!wKey) return
+    if (!weekMax.has(wKey)) weekMax.set(wKey, new Map())
+    const m = weekMax.get(wKey)
+    const author = c.author || 'unknown'
+    const cur = m.get(author)
+    if (!cur || overtime > cur.max) {
+      m.set(author, { max: overtime, date: d.toISOString().slice(0, 10) })
+    }
+  })
+
+  const curMap = weekMax.get(curKey) || new Map()
+  const prevMap = weekMax.get(prevKey) || new Map()
+
+  // 当前周的全局最晚
+  let topAuthor = null
+  let top = { max: -1, date: null }
+  curMap.forEach((v, k) => {
+    if (v.max > top.max) {
+      top = v
+      topAuthor = k
+    }
+  })
+
+  // 上周全局最晚，用于趋势判断
+  let prevMax = -1
+  prevMap.forEach((v) => {
+    if (v.max > prevMax) prevMax = v.max
+  })
+
+  const lines = []
+  lines.push('【本周最晚加班风险】')
+
+  if (top.max < 0) {
+    lines.push('本周尚无下班后/凌晨提交，未发现明显风险。')
+  } else {
+    let trend = '暂无上周对比'
+    if (prevMax >= 0) {
+      if (top.max > prevMax) trend = '较上周更晚'
+      else if (top.max < prevMax) trend = '较上周提前'
+      else trend = '与上周持平'
+    }
+    lines.push(
+      `${topAuthor} 本周最晚超出下班 ${top.max.toFixed(
+        2
+      )} 小时（${top.date}），${trend}。`
+    )
+    if (top.max >= 2) {
+      lines.push('已超过 2 小时，存在严重加班风险，请关注工作节奏。')
+    } else if (top.max >= 1) {
+      lines.push('已超过 1 小时，注意控制夜间工作时长。')
+    }
+  }
+
+  box.innerHTML = `
+    <div class="risk-summary">
+      <div class="risk-title">【本周最晚加班风险】</div>
+      <ul>
+        ${lines
+          .slice(1)
+          .map((l) => `<li>${escapeHtml(l)}</li>`)
+          .join('')}
+      </ul>
+    </div>
+  `
 }
 
 async function main() {
-  const { commits, stats, weekly, monthly, latestByDay, config,authorChanges } =
+  const {
+    commits,
+    stats,
+    weekly,
+    monthly,
+    latestByDay,
+    config,
+    authorChanges
+  } =
     await loadData()
   commitsAll = commits
   filtered = commitsAll.slice()
@@ -1404,7 +1797,7 @@ async function main() {
   updatePager()
   renderCommitsTablePage()
 
-  drawHourlyOvertime(stats, (hour, count) => {
+  drawHourlyOvertime(stats, (hour) => {
     // 使用举例
     const hourCommitsDetail = groupCommitsByHour(commits)
     // 将 commit 列表传给侧栏（若没有详情，则传空数组）
@@ -1431,7 +1824,9 @@ async function main() {
 
   console.log('最累的一天：', daily.analysis.mostTiredDay)
 
-  drawChangeTrends(authorChanges, 'daily');
+  drawChangeTrends(authorChanges)
+  drawAuthorOvertimeTrends(commits, stats)
+  drawAuthorLatestOvertimeTrends(commits, stats)
   computeAndRenderLatestOvertime(latestByDay)
   renderKpi(stats)
 }

package/web/index.html

@@ -53,18 +53,20 @@
           <h2>按日提交趋势</h2>
           <div id="dailyTrendChartDog" class="echart"></div>
         </div>
-        <div id="mostTiredDay"></div>
-        <div id="mostTiredWeek"></div>
-        <div id="mostTiredMonth"></div>
-        <div id="latestOvertimeDay"></div>
-        <div id="latestOvertimeWeek"></div>
-        <div id="latestOvertimeMonth"></div>
+        <div class="chart-card">
+          <div id="mostTiredDay"></div>
+          <div id="mostTiredWeek"></div>
+          <div id="mostTiredMonth"></div>
+          <div id="latestOvertimeDay"></div>
+          <div id="latestOvertimeWeek"></div>
+          <div id="latestOvertimeMonth"></div>
+        </div>
       </section>
 
       <div class="chart-card">
         <h2>开发者 Changed 工作量趋势</h2>
 
-        <div id="tabs">
+        <div id="tabs" class="tabs">
           <button data-type="daily" class="active">按日</button>
           <button data-type="weekly">按周</button>
           <button data-type="monthly">按月</button>
@@ -72,6 +74,28 @@
         <div id="chartAuthorChanges" class="echart"></div>
       </div>
 
+      <div class="chart-card">
+        <h2>开发者 加班趋势</h2>
+        <div class="tabs" id="tabsOvertime">
+          <button data-type="daily" class="active">按日</button>
+          <button data-type="weekly">按周</button>
+          <button data-type="monthly">按月</button>
+        </div>
+        <div id="chartAuthorOvertime" class="echart"></div>
+        <div id="weeklyRiskSummary" class="risk-summary-box"></div>
+      </div>
+
+      <div class="chart-card">
+        <h2>开发者 加班最晚趋势</h2>
+        <div class="tabs" id="tabsLatestOvertime">
+          <button data-type="daily" class="active">按日</button>
+          <button data-type="weekly">按周</button>
+          <button data-type="monthly">按月</button>
+        </div>
+        <div id="chartAuthorLatestOvertime" class="echart"></div>
+        <div id="latestRiskSummary" class="risk-summary-box"></div>
+      </div>
+
       <section class="table-card">
         <h2>提交清单</h2>
         <div id="tableControls">
@@ -100,6 +124,7 @@
               <th>Author</th>
               <th>Date</th>
               <th>Message</th>
+              <th>Changed</th>
             </tr>
           </thead>
           <tbody></tbody>

package/web/static/style.css

@@ -346,6 +346,82 @@ td {
   word-break: break-word;
 }
 
+/* Tabs（工作量/加班趋势） ----------------------------------- */
+.tabs {
+  display: inline-flex;
+  gap: 8px;
+  margin-bottom: 10px;
+}
+
+.tabs button {
+  padding: 8px 14px;
+  border-radius: 999px;
+  border: 1px solid rgba(148, 163, 184, 0.5);
+  background: #fff;
+  color: #111827;
+  cursor: pointer;
+  font-size: 13px;
+  transition:
+    background 0.2s ease,
+    color 0.2s ease,
+    border-color 0.2s ease,
+    box-shadow 0.2s ease;
+}
+
+.tabs button:hover {
+  background: #f3f4ff;
+  border-color: #6366f1;
+  color: #111827;
+  box-shadow: 0 2px 6px rgba(99, 102, 241, 0.16);
+}
+
+.tabs button.active {
+  background: #4f46e5;
+  color: #fff;
+  border-color: #4f46e5;
+  box-shadow: 0 3px 10px rgba(79, 70, 229, 0.25);
+}
+
+/* 风险总结卡片 ---------------------------------------------- */
+/* 风险总结卡片 — MUI风格 ---------------------------------------------- */
+.risk-summary {
+  margin-top: 16px;
+  padding: 16px 18px;
+  border-radius: 12px;
+
+  /* 采用 MUI Error Alert 的色板 */
+  background: rgba(253, 237, 237, 0.8); /* MUI error.light */
+  border: 1px solid rgba(244, 199, 199, 0.9);
+
+  /* MUI 风格的柔和阴影 */
+  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08),
+              0px 1px 2px rgba(0, 0, 0, 0.04);
+
+  color: #b71c1c; /* 比 #991b1b 更接近 MUI error.dark */
+  font-size: 14px;
+  line-height: 1.65;
+}
+
+/* 标题更粗+颜色更深 */
+.risk-summary .risk-title {
+  font-weight: 700;
+  font-size: 15px;
+  margin-bottom: 6px;
+  color: #b71c1c;
+}
+
+/* 列表 */
+.risk-summary ul {
+  margin: 8px 0 0 20px;
+  padding: 0;
+  color: #7f1d1d;
+}
+
+.risk-summary li {
+  margin-bottom: 6px;
+}
+
+
 /* 底部 -------------------------------------------------- */
 footer {
   text-align: center;