From fa7eca7f95657a024ce129477ce57073f9fda0ac Mon Sep 17 00:00:00 2001
From: hanguangming <hanguangming@ops.roasbloom.site>
Date: Mon, 21 Sep 2026 13:35:06 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0index.html=E4=B8=BA=E6=8A=A5?=
 =?UTF-8?q?=E5=91=8A=E7=9B=AE=E5=BD=95=E9=A1=B5=E9=9D=A2=EF=BC=8C=E5=8C=85?=
 =?UTF-8?q?=E5=90=AB=E6=96=B0=E6=97=A7=E6=8A=A5=E5=91=8A=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 332 ++++++++++++++++++++++++++++++++---------------------
 1 file changed, 204 insertions(+), 128 deletions(-)

diff --git a/index.html b/index.html
index f171310..f6eb939 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>ADS-PMO 项目进展汇总（9/6–9/13）</title>
+<title>ADS-PMO 项目进展报告目录</title>
 <style>
   :root {
     --bg: #0f1420;
@@ -26,167 +26,243 @@
     color: var(--text);
     line-height: 1.65;
   }
-  .wrap { max-width: 960px; margin: 0 auto; padding: 40px 24px 80px; }
+  .wrap { 
+    max-width: 960px; 
+    margin: 0 auto; 
+    padding: 40px 24px 80px; 
+  }
   header.page {
     border-bottom: 1px solid var(--border);
     padding-bottom: 24px;
-    margin-bottom: 8px;
+    margin-bottom: 40px;
   }
-  header.page h1 { font-size: 28px; margin: 0 0 8px; letter-spacing: .5px; }
-  .period {
+  header.page h1 { 
+    font-size: 32px; 
+    margin: 0 0 8px; 
+    letter-spacing: .5px; 
+    color: var(--text);
+  }
+  .subtitle {
+    color: var(--muted); 
+    font-size: 16px; 
+    margin-top: 8px;
+  }
+  .report-list {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+  .report-card {
+    background: var(--panel);
+    border: 1px solid var(--border);
+    border-radius: 12px;
+    padding: 24px;
+    transition: all 0.2s ease;
+    text-decoration: none;
+    display: block;
+  }
+  .report-card:hover {
+    border-color: var(--accent);
+    box-shadow: 0 8px 24px rgba(0,0,0,.3);
+    transform: translateY(-2px);
+  }
+  .report-card h3 {
+    font-size: 20px;
+    margin: 0 0 8px 0;
+    color: var(--text);
+  }
+  .report-period {
     display: inline-block;
     background: var(--accent-soft);
     color: var(--accent);
     border: 1px solid rgba(79,140,255,.35);
     padding: 4px 12px;
     border-radius: 999px;
-    font-size: 13px;
+    font-size: 14px;
     font-weight: 600;
+    margin-bottom: 12px;
   }
-  .meta { color: var(--muted); font-size: 13px; margin-top: 12px; }
-  section.project {
-    background: var(--panel);
-    border: 1px solid var(--border);
-    border-radius: 14px;
-    padding: 22px 24px;
-    margin-top: 22px;
+  .report-desc {
+    color: var(--muted);
+    font-size: 14px;
+    line-height: 1.6;
+    margin: 12px 0 0 0;
   }
-  section.project > h2 {
-    font-size: 19px;
-    margin: 0 0 14px;
+  .report-meta {
+    display: flex;
+    gap: 16px;
+    margin-top: 16px;
+    font-size: 13px;
+    color: var(--muted);
+  }
+  .meta-item {
     display: flex;
     align-items: center;
-    gap: 10px;
+    gap: 6px;
   }
-  section.project > h2 .dot {
-    width: 9px; height: 9px; border-radius: 50%;
-    background: var(--accent); flex: none;
+  .meta-item i {
+    color: var(--accent);
   }
-  h3 { font-size: 15px; color: var(--accent); margin: 18px 0 8px; }
-  ul { margin: 6px 0 6px; padding-left: 20px; }
-  li { margin: 4px 0; }
-  .sub { color: var(--muted); }
-  .kv { margin: 4px 0; }
-  .kv b { color: var(--text); }
-  .tag {
-    display: inline-block; font-size: 12px; font-weight: 600;
-    padding: 2px 9px; border-radius: 6px; margin-left: 4px;
-    border: 1px solid transparent;
+  .status-badge {
+    display: inline-block;
+    padding: 2px 8px;
+    border-radius: 6px;
+    font-size: 12px;
+    font-weight: 600;
+    margin-left: 8px;
   }
-  .tag.risk { background: rgba(255,107,107,.14); color: var(--red); border-color: rgba(255,107,107,.35); }
-  .tag.date { background: rgba(62,207,142,.12); color: var(--green); border-color: rgba(62,207,142,.3); }
-  .tag.goal { background: rgba(245,183,78,.12); color: var(--amber); border-color: rgba(245,183,78,.3); }
-  .callout {
-    background: var(--panel-2);
-    border-left: 3px solid var(--red);
-    border-radius: 8px;
-    padding: 10px 14px;
-    margin: 10px 0;
+  .status-current {
+    background: rgba(62,207,142,.15);
+    color: var(--green);
+    border: 1px solid rgba(62,207,142,.3);
+  }
+  .status-archived {
+    background: rgba(154,166,189,.15);
+    color: var(--muted);
+    border: 1px solid rgba(154,166,189,.3);
+  }
+  .last-updated {
+    text-align: center;
+    padding: 20px;
+    color: var(--muted);
     font-size: 14px;
+    margin-top: 40px;
+    border-top: 1px solid var(--border);
   }
-  .callout.info { border-left-color: var(--accent); }
-  table.mini {
-    width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 14px;
+  .instructions {
+    background: var(--panel);
+    border: 1px solid var(--border);
+    border-radius: 12px;
+    padding: 20px;
+    margin-top: 40px;
+    margin-bottom: 40px;
   }
-  table.mini th, table.mini td {
-    border: 1px solid var(--border); padding: 8px 10px; text-align: left;
+  .instructions h3 {
+    font-size: 18px;
+    margin: 0 0 12px 0;
+    color: var(--text);
+  }
+  .instructions ul {
+    margin: 0;
+    padding-left: 20px;
+  }
+  .instructions li {
+    margin: 8px 0;
+    color: var(--muted);
+  }
+  @media (max-width: 768px) {
+    .wrap {
+      padding: 24px 16px 60px;
+    }
+    .report-card {
+      padding: 20px;
+    }
+    .report-meta {
+      flex-direction: column;
+      gap: 8px;
+    }
   }
-  table.mini th { background: var(--panel-2); color: var(--muted); font-weight: 600; }
-  footer { color: var(--muted); font-size: 12px; margin-top: 36px; text-align: center; }
-  a { color: var(--accent); }
 </style>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
 </head>
 <body>
 <div class="wrap">
   <header class="page">
-    <h1>ADS-PMO 项目进展汇总</h1>
-    <span class="period">周期：2026/09/06 – 2026/09/13</span>
-    <div class="meta">汇总维度：按项目分列关键进展、时间结点与风险提示</div>
+    <h1>ADS-PMO 项目进展报告目录</h1>
+    <div class="subtitle">项目管理办公室 - 项目跟踪与状态报告库</div>
   </header>
 
-  <!-- Dragon -->
-  <section class="project">
-    <h2><span class="dot"></span>Dragon</h2>
-    <p class="sub">两个优化方向正在推进中。</p>
-
-    <h3>1. 离线上报时机优化</h3>
+  <div class="instructions">
+    <h3><i class="fas fa-info-circle"></i> 使用说明</h3>
     <ul>
-      <li>方案已确定。<span class="tag date">9/14–9/16 开发</span><span class="tag date">9/17 上线</span></li>
-      <li>每日观测数据变化，<b>9/24</b> 阶段复盘。</li>
+      <li>点击报告卡片查看详细项目进展</li>
+      <li>报告按时间倒序排列，最新报告在最上方</li>
+      <li>每个报告包含项目关键进展、时间节点与风险提示</li>
+      <li>报告每周更新，跟踪项目交付进度</li>
     </ul>
+  </div>
 
-    <h3>2. 提升上报精准度</h3>
-    <ul>
-      <li>本周启动方案设计。<span class="tag date">9/16 方案评审</span></li>
-    </ul>
-  </section>
+  <div class="report-list">
+    <!-- 最新报告：9月14日-9月20日 -->
+    <a href="项目进展汇总_20260914-20260920.html" class="report-card">
+      <div class="report-period">2026年9月14日 - 2026年9月20日</div>
+      <h3>ADS-PMO 项目进展汇总（9/14–9/20）<span class="status-badge status-current">当前</span></h3>
+      <div class="report-desc">
+        基于项目当前进展，除Dragon项目外，其他9月规划项目交付任务均在9月24日前完成交付。重点跟踪项目：Dragon离线上报时机优化已上线，数据监控中；Midas CTR优化进入开发阶段；Manta消耗占比提升需加速。
+      </div>
+      <div class="report-meta">
+        <div class="meta-item">
+          <i class="fas fa-calendar-check"></i>
+          <span>下一检查点：2026年9月24日</span>
+        </div>
+        <div class="meta-item">
+          <i class="fas fa-project-diagram"></i>
+          <span>跟踪项目：7个</span>
+        </div>
+        <div class="meta-item">
+          <i class="fas fa-clock"></i>
+          <span>生成时间：2026年9月21日</span>
+        </div>
+      </div>
+    </a>
 
-  <!-- Midas -->
-  <section class="project">
-    <h2><span class="dot"></span>Midas 竞价功能去算法</h2>
-    <p class="sub">用后验数据替代算法做验证，CTR、CVR 分两步走。</p>
-    <ul>
-      <li><b>CTR：</b>方案设计中（按国家 × 广告位匹配策略）。<span class="tag date">9/16 输出方案评审</span></li>
-      <li><b>CVR：</b>优先完成「点击 → 下载完成」段的策略方案，其余漏斗暂用固定权重；方案同步设计中。<span class="tag date">9/16 出初版内部对齐</span></li>
-    </ul>
-    <div class="callout">
-      <b>风险：</b>研发对 CVR 优化的方案细节仍有疑问。跟进设计过程中如有疑问，随时在群内沟通确认。
-    </div>
-  </section>
+    <!-- 历史报告：9月6日-9月13日 -->
+    <a href="项目进展汇总_20260906-20260913.html" class="report-card">
+      <div class="report-period">2026年9月6日 - 2026年9月13日</div>
+      <h3>ADS-PMO 项目进展汇总（9/6–9/13）<span class="status-badge status-archived">存档</span></h3>
+      <div class="report-desc">
+        项目进展初期阶段，各项目方案设计与评审进行中。Dragon离线上报时机优化方案确定；Midas CTR/CVR方案设计启动；Manta数据源扩充完成。
+      </div>
+      <div class="report-meta">
+        <div class="meta-item">
+          <i class="fas fa-calendar-check"></i>
+          <span>主要节点：方案设计阶段</span>
+        </div>
+        <div class="meta-item">
+          <i class="fas fa-project-diagram"></i>
+          <span>跟踪项目：7个</span>
+        </div>
+        <div class="meta-item">
+          <i class="fas fa-clock"></i>
+          <span>生成时间：2026年9月15日</span>
+        </div>
+      </div>
+    </a>
+  </div>
 
-  <!-- 流量洞察产品化 -->
-  <section class="project">
-    <h2><span class="dot"></span>流量洞察产品化</h2>
-    <ul>
-      <li><b>上游表结构优化：</b>9 月完成上游表结构改造，本月内可完成，无风险。</li>
-      <li><b>洞察产品平台建设：</b>原计划 10 月启动、11 月完成；考虑到「半年复盘 + 月度渠道自检」优先级更高，将优先完成这两项，平台建设穿插推进，<b>11 月底前完成</b>的结点不变。</li>
-    </ul>
-  </section>
-
-  <!-- Manta -->
-  <section class="project">
-    <h2><span class="dot"></span>Manta</h2>
-    <p class="sub">DA：优先做人群覆盖，提高人均标签个数。AM：提高人群包消耗占比。</p>
-
-    <h3>关键动作</h3>
-    <ul>
-      <li><b>数据源扩充：</b>MTG、网盟 XDJ、Lacuna，研发 <b>9/11</b> 完成开发。</li>
-      <li><b>标签入库节奏：</b>
-        <ul>
-          <li>9 月：游戏相关标签（安装 + 事件），预计完成录入 <b>110+</b>；</li>
-          <li>10 月：娱乐 &amp; 社交 &amp; 菠菜（安装 + 事件），预计完成录入 <b>110+</b>。</li>
-        </ul>
-      </li>
-    </ul>
-    <div class="callout">
-      <b>当前瓶颈：</b>标签寻找方向是主要卡点，需数分挖掘更多标签清洗方向。
-    </div>
-  </section>
-
-  <!-- 中转站 -->
-  <section class="project">
-    <h2><span class="dot"></span>中转站项目</h2>
-    <table class="mini">
-      <tr><th>目标</th><td>收入提升至 <b>$1k/D</b><span class="tag goal">目标</span></td></tr>
-      <tr><th>当前</th><td>$400+/D</td></tr>
-      <tr><th>缺口</th><td>部分外投订单尚未合入 routing，对应预算约 <b>$300+/D</b></td></tr>
-    </table>
-    <ul>
-      <li><b>Action：</b>AM 集中对未合并订单新建并完成调优，<b>下周内完成</b>。</li>
-    </ul>
-  </section>
-
-  <!-- BO 下游寻量 -->
-  <section class="project">
-    <h2><span class="dot"></span>BO 接手下游寻量工作</h2>
-    <ul>
-      <li><b>交接进展：</b>9/4 完成工作交接，寻量细节工作已知晓；相关微信群全部建好，并已与 AM 对齐 —— 后续寻量工作由 BO 承接。</li>
-      <li><b>协作机制：</b>建议建立轮询机制（每周三），收集 AM 的寻量需求，并在当周内反馈更新。</li>
-      <li><b>可追踪性：</b>BO 下周内搭建「下游交付看板」，实现交付效果可追踪。</li>
-    </ul>
-  </section>
-
-  <footer>ADS-PMO · 项目进展汇总 · 周期 2026/09/06–2026/09/13</footer>
+  <div class="last-updated">
+    <p><i class="fas fa-sync-alt"></i> 最后更新：2026年9月21日 13:45</p>
+    <p>ADS-PMO 项目管理办公室 | 报告维护系统 v1.0</p>
+  </div>
 </div>
+
+<script>
+  document.addEventListener('DOMContentLoaded', function() {
+    // 添加最后更新时间
+    const now = new Date();
+    const options = { 
+      year: 'numeric', 
+      month: 'long', 
+      day: 'numeric',
+      hour: '2-digit',
+      minute: '2-digit'
+    };
+    const timeString = now.toLocaleDateString('zh-CN', options);
+    
+    const timeElement = document.querySelector('.last-updated p:first-child');
+    if (timeElement) {
+      timeElement.innerHTML = `<i class="fas fa-sync-alt"></i> 最后查看：${timeString}`;
+    }
+
+    // 添加报告卡片点击效果
+    const reportCards = document.querySelectorAll('.report-card');
+    reportCards.forEach(card => {
+      card.addEventListener('click', function(e) {
+        // 可以在这里添加点击跟踪或动画效果
+        console.log('打开报告：', this.querySelector('h3').textContent);
+      });
+    });
+  });
+</script>
 </body>
 </html>
\ No newline at end of file