diff --git a/index.html b/index.html
index 5c4789d..a7a2ba3 100644
--- a/index.html
+++ b/index.html
@@ -221,12 +221,25 @@
   .count{font-size:12.5px;color:var(--muted);font-family:var(--mono);margin:10px 0 0}
   .empty{padding:26px 15px;text-align:center;color:var(--muted);font-size:14px}
 
-  /* ---------- quickflow ---------- */
-  .flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;margin:6px 0 8px}
-  .flow div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px}
-  .flow .k{font-family:var(--mono);font-size:11px;color:var(--accent);font-weight:600;letter-spacing:.08em}
-  .flow .v{font-weight:600;font-size:14.5px;margin-top:3px;line-height:1.45}
-  .flow .s{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.55}
+  /* ---------- quickflow（连贯流程图，非卡片） ---------- */
+  .flow{list-style:none;margin:22px 0 10px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
+  .flow li{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;padding:0 8px}
+  .flow li::before{content:"";position:absolute;top:18px;left:-50%;width:100%;height:2px;background:var(--line-strong)}
+  .flow li:first-child::before{display:none}
+  .flow .dot{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-family:var(--mono);font-size:14px;font-weight:600;box-shadow:0 0 0 5px var(--ground)}
+  .flow .t{font-weight:600;font-size:15px;line-height:1.4}
+  .flow .d{font-size:12.5px;color:var(--muted);line-height:1.55;max-width:15em}
+  @media (max-width:720px){
+    .flow{grid-template-columns:minmax(0,1fr)}
+    .flow li{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-areas:"dot t" "dot d";column-gap:15px;row-gap:2px;text-align:left;align-items:start;padding:0 0 22px}
+    .flow li:last-child{padding-bottom:0}
+    .flow li::before{display:none}
+    .flow li::after{content:"";position:absolute;left:17px;top:41px;bottom:2px;width:2px;background:var(--line-strong)}
+    .flow li:last-child::after{display:none}
+    .flow .dot{grid-area:dot;box-shadow:none}
+    .flow .t{grid-area:t;line-height:36px}
+    .flow .d{grid-area:d;max-width:none}
+  }
 
   /* ---------- lightbox ---------- */
   #lb{position:fixed;inset:0;background:rgba(8,11,15,.9);display:none;place-items:center;z-index:99;padding:28px;cursor:zoom-out}
@@ -251,9 +264,8 @@
     </a>
     <div class="meta">
       <span class="chip">环境 <b>测试环境</b></span>
-      <span class="chip">账号体系 <b>SHAREid</b></span>
       <span class="chip">平台版本 <b>MANTA 1.0</b></span>
-      <span class="chip">整理日期 <b>2026-09-01</b></span>
+      <span class="chip">整理日期 <b>2026-10-09</b></span>
     </div>
   </header>
 
@@ -278,13 +290,13 @@
     <section id="s0">
       <div class="sec-head"><span class="sec-num">速览</span><h2>五步走完一个人群包</h2></div>
       <p class="sec-sub">整个平台对 AM / 运营 来说只有一条主线，其余菜单都不用碰。</p>
-      <div class="flow">
-        <div><div class="k">01</div><div class="v">登录</div><div class="s">SHAREid 账号</div></div>
-        <div><div class="k">02</div><div class="v">新增人群包</div><div class="s">起名 + 选运算符</div></div>
-        <div><div class="k">03</div><div class="v">加标签</div><div class="s">分类 → 值 → 新鲜度</div></div>
-        <div><div class="k">04</div><div class="v">提交</div><div class="s">无需审核，立即生效</div></div>
-        <div><div class="k">05</div><div class="v">导出</div><div class="s">CSV 文件 或 接口</div></div>
-      </div>
+      <ol class="flow">
+        <li><span class="dot">1</span><span class="t">登录</span><span class="d">用自己的账号</span></li>
+        <li><span class="dot">2</span><span class="t">新增人群包</span><span class="d">起名 + 选运算符</span></li>
+        <li><span class="dot">3</span><span class="t">加标签</span><span class="d">分类 → 值 → 新鲜度</span></li>
+        <li><span class="dot">4</span><span class="t">提交</span><span class="d">无需审核，立即生效</span></li>
+        <li><span class="dot">5</span><span class="t">导出</span><span class="d">CSV 文件 或 接口</span></li>
+      </ol>
       <div class="note tip">
         <span class="lbl">一句话</span>
         <p>人群包 = 一条<strong>集合运算表达式</strong>。你在页面上点的每一步，最后都落成 <code>AND(〔36:RU•6〕,〔54•6〕)</code> 这样一行式子；看懂这行式子，整个平台就通了。</p>
@@ -294,20 +306,14 @@
     <!-- ============ 1 ============ -->
     <section id="s1">
       <div class="sec-head"><span class="sec-num">01</span><h2>登录</h2></div>
-      <p class="sec-sub">先确认网络环境，再用 SHAREid 账号登录。平台没有注册入口，账号由研发侧开通。</p>
-
-      <div class="note tip">
-        <span class="lbl">前置 · 网络环境</span>
-        <p><strong>公司内网</strong>下直接访问，无需任何配置。</p>
-        <p><strong>在公司外</strong>（家里、出差、用手机热点）必须先连上<strong>飞连</strong>，否则页面打不开。打不开时先检查飞连是不是断了，再去找研发。</p>
-      </div>
+      <p class="sec-sub">用自己的账号登录。平台没有注册入口，账号由研发侧开通。</p>
 
       <ol class="steps">
         <li class="step">
           <div class="step-n">1</div>
           <div class="step-b">
             <h4>打开 <a href="https://manta-test.hellay.net/admin" target="_blank" rel="noopener"><code>https://manta-test.hellay.net/admin</code></a></h4>
-            <p>未登录时会自动跳到登录页。输入<strong>内部 SHAREid 账号</strong>和密码，点「登录」。页面上没有「注册」和「忘记密码」，这是正常的。</p>
+            <p>未登录时会自动跳到登录页。输入<strong>自己的账号</strong>和密码，点「登录」。页面上没有「注册」和「忘记密码」，这是正常的。</p>
             <figure><img class="shot" loading="lazy" decoding="async" alt="登录页。只有用户名、密码、登录按钮三个元素。" src="img/01-01.jpg"><figcaption><span class="fignum">图 1-1</span><span>登录页。只有用户名、密码、登录按钮三个元素。</span></figcaption></figure>
           </div>
         </li>