<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1560 660" role="img" aria-label="访问链路架构图：大陆访客经自定义域名、Cloudflare 边缘节点到达 Pages 静态站点">
  <defs>
    <marker id="arw" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <path d="M0,0 L10,5 L0,10 Z" fill="#9DA893"/>
    </marker>
  </defs>

  <rect width="1560" height="660" fill="#FBFAF5"/>

  <text x="40" y="64" font-family="-apple-system,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',sans-serif" font-size="34" font-weight="700" fill="#2F382F">访问链路：大陆访客是怎么看到你的博客的</text>
  <text x="40" y="102" font-family="-apple-system,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',sans-serif" font-size="20" fill="#77816F">全程免备案 · 除域名外全部免费 · 一图看懂</text>

  <!-- 卡片A：大陆访客 -->
  <g>
    <rect x="40" y="160" width="300" height="190" rx="18" fill="#FFFFFF" stroke="#E2DFD0" stroke-width="2"/>
    <g transform="translate(190,216)">
      <rect x="-27" y="-22" width="54" height="36" rx="6" fill="#EEF3EB" stroke="#5F7F66" stroke-width="4"/>
      <line x1="0" y1="14" x2="0" y2="24" stroke="#5F7F66" stroke-width="4"/>
      <line x1="-14" y1="26" x2="14" y2="26" stroke="#5F7F66" stroke-width="4" stroke-linecap="round"/>
    </g>
    <text x="190" y="288" text-anchor="middle" font-family="-apple-system,'PingFang SC',sans-serif" font-size="25" font-weight="600" fill="#2F382F">大陆访客</text>
    <text x="190" y="316" text-anchor="middle" font-family="-apple-system,'PingFang SC',sans-serif" font-size="17" fill="#77816F">浏览器直接访问</text>
    <text x="190" y="338" text-anchor="middle" font-family="-apple-system,'PingFang SC',sans-serif" font-size="17" fill="#77816F">无需任何加速工具</text>
  </g>

  <line x1="348" y1="255" x2="412" y2="255" stroke="#9DA893" stroke-width="3" marker-end="url(#arw)"/>
  <text x="380" y="222" text-anchor="middle" font-family="-apple-system,'PingFang SC',sans-serif" font-size="17" font-weight="600" fill="#5F7F66">① 输入网址</text>

  <!-- 卡片B：自定义域名 -->
  <g>
    <rect x="420" y="160" width="300" height="190" rx="18" fill="#FFFFFF" stroke="#E2DFD0" stroke-width="2"/>
    <g transform="translate(570,216)">
      <circle r="30" fill="#EEF3EB" stroke="#5F7F66" stroke-width="4"/>
      <ellipse rx="30" ry="12" fill="none" stroke="#5F7F66" stroke-width="3"/>
      <ellipse rx="12" ry="30" fill="none" stroke="#5F7F66" stroke-width="3"/>
    </g>
    <rect x="612" y="176" width="88" height="28" rx="14" fill="#EDF3EA"/>
    <text x="656" y="195" text-anchor="middle" font-family="-apple-system,'PingFang SC',sans-serif" font-size="15" font-weight="600" fill="#46604C">免备案</text>
    <text x="570" y="288" text-anchor="middle" font-family="-apple-system,'PingFang SC',sans-serif" font-size="25" font-weight="600" fill="#2F382F">自定义域名</text>
    <text x="570" y="316" text-anchor="middle" font-family="ui-monospace,SFMono-Regular,Menlo,monospace" font-size="18" font-weight="600" fill="#46604C">www.lglg.xyz</text>
    <text x="570" y="338" text-anchor="middle" font-family="-apple-system,'PingFang SC',sans-serif" font-size="17" fill="#77816F">NS 托管到 Cloudflare 即可</text>
  </g>

  <line x1="728" y1="255" x2="792" y2="255" stroke="#9DA893" stroke-width="3" marker-end="url(#arw)"/>
  <text x="760" y="222" text-anchor="middle" font-family="-apple-system,'PingFang SC',sans-serif" font-size="17" font-weight="600" fill="#5F7F66">② 智能解析</text>

  <!-- 卡片C：边缘节点 -->
  <g>
    <rect x="800" y="160" width="300" height="190" rx="18" fill="#FFFFFF" stroke="#E2DFD0" stroke-width="2"/>
    <g transform="translate(950,214)">
      <path d="M0,-30 L26,-19 V3 C26,20 14,30 0,35 C-14,30 -26,20 -26,3 V-19 Z" fill="#EEF3EB" stroke="#5F7F66" stroke-width="4" stroke-linejoin="round"/>
      <path d="M-10,-1 L-2,9 L13,-10" fill="none" stroke="#5F7F66" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
    </g>
    <text x="950" y="292" text-anchor="middle" font-family="-apple-system,'PingFang SC',sans-serif" font-size="25" font-weight="600" fill="#2F382F">CF 全球边缘节点</text>
    <text x="950" y="320" text-anchor="middle" font-family="-apple-system,'PingFang SC',sans-serif" font-size="17" fill="#77816F">免费 SSL · CDN 缓存</text>
    <text x="950" y="342" text-anchor="middle" font-family="-apple-system,'PingFang SC',sans-serif" font-size="17" fill="#77816F">DDoS 防护 · HTTP/3</text>
  </g>

  <line x1="1108" y1="255" x2="1172" y2="255" stroke="#9DA893" stroke-width="3" marker-end="url(#arw)"/>
  <text x="1140" y="222" text-anchor="middle" font-family="-apple-system,'PingFang SC',sans-serif" font-size="17" font-weight="600" fill="#5F7F66">③ 回源请求</text>

  <!-- 卡片D：Pages -->
  <g>
    <rect x="1180" y="160" width="300" height="190" rx="18" fill="#FFFFFF" stroke="#E2DFD0" stroke-width="2"/>
    <g transform="translate(1330,214)">
      <circle cx="-24" cy="6" r="17" fill="#FBAD56"/>
      <circle cx="4" cy="-8" r="23" fill="#F6821F"/>
      <circle cx="28" cy="8" r="16" fill="#FBAD56"/>
      <rect x="-40" y="4" width="82" height="22" rx="11" fill="#F6821F"/>
    </g>
    <rect x="1372" y="176" width="80" height="28" rx="14" fill="#FDEFDD"/>
    <text x="1412" y="195" text-anchor="middle" font-family="-apple-system,'PingFang SC',sans-serif" font-size="15" font-weight="600" fill="#B05E12">¥0/月</text>
    <text x="1330" y="290" text-anchor="middle" font-family="-apple-system,'PingFang SC',sans-serif" font-size="25" font-weight="600" fill="#2F382F">Cloudflare Pages</text>
    <text x="1330" y="318" text-anchor="middle" font-family="-apple-system,'PingFang SC',sans-serif" font-size="17" fill="#77816F">dist/ 纯静态文件</text>
    <text x="1330" y="340" text-anchor="middle" font-family="-apple-system,'PingFang SC',sans-serif" font-size="17" fill="#77816F">带宽与请求数不限</text>
  </g>

  <!-- 底部两张提示卡 -->
  <g>
    <rect x="40" y="430" width="730" height="180" rx="18" fill="#FAEDE9" stroke="#EBCDC5" stroke-width="2"/>
    <g transform="translate(100,498)">
      <path d="M0,-26 L28,24 H-28 Z" fill="none" stroke="#BF5B4B" stroke-width="5" stroke-linejoin="round"/>
      <line x1="0" y1="-8" x2="0" y2="8" stroke="#BF5B4B" stroke-width="6" stroke-linecap="round"/>
      <circle cx="0" cy="17" r="3.4" fill="#BF5B4B"/>
    </g>
    <text x="150" y="480" font-family="-apple-system,'PingFang SC',sans-serif" font-size="23" font-weight="700" fill="#A34534">坑一：pages.dev 子域名在大陆基本被墙</text>
    <text x="150" y="520" font-family="-apple-system,'PingFang SC',sans-serif" font-size="19" fill="#7A4A3F">部署完送你的 xxx.pages.dev 对国内访客没有意义，</text>
    <text x="150" y="550" font-family="-apple-system,'PingFang SC',sans-serif" font-size="19" fill="#7A4A3F">必须绑定自有域名才能正常访问——本教程的关键一步。</text>
    <text x="150" y="584" font-family="-apple-system,'PingFang SC',sans-serif" font-size="17" fill="#B08A80">workers.dev 同理。</text>
  </g>

  <g>
    <rect x="800" y="430" width="720" height="180" rx="18" fill="#EFF3F6" stroke="#D7DFE6" stroke-width="2"/>
    <g transform="translate(862,498)">
      <circle r="26" fill="none" stroke="#5B7085" stroke-width="5"/>
      <line x1="0" y1="-10" x2="0" y2="4" stroke="#5B7085" stroke-width="6" stroke-linecap="round"/>
      <circle cx="0" cy="13" r="3.6" fill="#5B7085"/>
    </g>
    <text x="912" y="480" font-family="-apple-system,'PingFang SC',sans-serif" font-size="23" font-weight="700" fill="#3F5A73">现实预期：免费版没有中国大陆节点</text>
    <text x="912" y="520" font-family="-apple-system,'PingFang SC',sans-serif" font-size="19" fill="#48596B">大陆请求一般绕行美西入口，延迟约 150–250ms；</text>
    <text x="912" y="550" font-family="-apple-system,'PingFang SC',sans-serif" font-size="19" fill="#48596B">静态资源命中 CDN 缓存后体感尚可，个人博客完全可用。</text>
    <text x="912" y="584" font-family="-apple-system,'PingFang SC',sans-serif" font-size="17" fill="#7E93A6">想要国内秒开 → 备案 + 国内 CDN（文末对比）。</text>
  </g>
</svg>
