| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <linearGradient id="titleGradient" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 4 | <stop offset="0%" stop-color="#5B8DEF"/> |
| 5 | <stop offset="50%" stop-color="#A26BFA"/> |
| 6 | <stop offset="100%" stop-color="#3DDDFC"/> |
| 7 | </linearGradient> |
| 8 | <radialGradient id="bgGlowA" cx="15%" cy="30%" r="55%"> |
| 9 | <stop offset="0%" stop-color="#5B8DEF" stop-opacity="0.16"/> |
| 10 | <stop offset="100%" stop-color="#5B8DEF" stop-opacity="0"/> |
| 11 | </radialGradient> |
| 12 | <radialGradient id="bgGlowB" cx="85%" cy="75%" r="55%"> |
| 13 | <stop offset="0%" stop-color="#A26BFA" stop-opacity="0.16"/> |
| 14 | <stop offset="100%" stop-color="#A26BFA" stop-opacity="0"/> |
| 15 | </radialGradient> |
| 16 | <linearGradient id="cardGlass" x1="0%" y1="0%" x2="0%" y2="100%"> |
| 17 | <stop offset="0%" stop-color="#1A2150" stop-opacity="0.78"/> |
| 18 | <stop offset="100%" stop-color="#1A2150" stop-opacity="0.42"/> |
| 19 | </linearGradient> |
| 20 | <linearGradient id="timelineGrad" x1="0%" y1="0%" x2="0%" y2="100%"> |
| 21 | <stop offset="0%" stop-color="#5B8DEF"/> |
| 22 | <stop offset="35%" stop-color="#A26BFA"/> |
| 23 | <stop offset="70%" stop-color="#3DDDFC"/> |
| 24 | <stop offset="100%" stop-color="#4ADE80"/> |
| 25 | </linearGradient> |
| 26 | <linearGradient id="glassEdge" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 27 | <stop offset="0%" stop-color="#FFFFFF" stop-opacity="0"/> |
| 28 | <stop offset="50%" stop-color="#FFFFFF" stop-opacity="0.32"/> |
| 29 | <stop offset="100%" stop-color="#FFFFFF" stop-opacity="0"/> |
| 30 | </linearGradient> |
| 31 | </defs> |
| 32 | |
| 33 | <g id="bg"> |
| 34 | <rect width="1280" height="720" fill="#0A0E27"/> |
| 35 | <rect width="1280" height="720" fill="url(#bgGlowA)"/> |
| 36 | <rect width="1280" height="720" fill="url(#bgGlowB)"/> |
| 37 | </g> |
| 38 | |
| 39 | <g id="header"> |
| 40 | <rect x="60" y="50" width="6" height="32" rx="3" fill="url(#titleGradient)"/> |
| 41 | <text x="80" y="76" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="34" font-weight="900" fill="#E8ECFF">从原型到生产 — 12 周分四阶段</text> |
| 42 | <text x="80" y="108" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="600" fill="#A8B0D0" letter-spacing="3">ROADMAP · PROTOTYPE → ENGINEERING → SCALE → PRODUCTION</text> |
| 43 | </g> |
| 44 | |
| 45 | <g id="timeline-axis"> |
| 46 | <line x1="200" y1="155" x2="200" y2="660" stroke="#FFFFFF" stroke-opacity="0.1" stroke-width="6" stroke-linecap="round"/> |
| 47 | <line x1="200" y1="155" x2="200" y2="660" stroke="url(#timelineGrad)" stroke-width="4" stroke-linecap="round"/> |
| 48 | </g> |
| 49 | |
| 50 | <g id="ms-1"> |
| 51 | <text x="172" y="200" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="800" fill="#5B8DEF" text-anchor="end" letter-spacing="1">W1 — W3</text> |
| 52 | <circle cx="200" cy="195" r="18" fill="#0A0E27" stroke="#5B8DEF" stroke-width="3"/> |
| 53 | <circle cx="200" cy="195" r="6" fill="#5B8DEF"/> |
| 54 | <rect x="240" y="150" width="500" height="100" rx="14" fill="url(#cardGlass)" stroke="#5B8DEF" stroke-opacity="0.45" stroke-width="1"/> |
| 55 | <rect x="258" y="151" width="464" height="1" fill="url(#glassEdge)"/> |
| 56 | <rect x="240" y="174" width="6" height="52" rx="3" fill="#5B8DEF"/> |
| 57 | <rect x="260" y="166" width="50" height="50" rx="12" fill="#5B8DEF" fill-opacity="0.2"/> |
| 58 | <use data-icon="phosphor-duotone/crosshair" x="268" y="174" width="34" height="34" fill="#5B8DEF"/> |
| 59 | <text x="326" y="183" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="700" fill="#5B8DEF" letter-spacing="2">STAGE 01 · PROTOTYPE</text> |
| 60 | <text x="326" y="212" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="22" font-weight="900" fill="#E8ECFF">原型 — 单一任务跑通</text> |
| 61 | <text x="326" y="238" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">最小工具集 · prompt 初稿 · 5-10 个金标准 case 验证</text> |
| 62 | </g> |
| 63 | |
| 64 | <g id="ms-2"> |
| 65 | <text x="172" y="325" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="800" fill="#A26BFA" text-anchor="end" letter-spacing="1">W4 — W7</text> |
| 66 | <circle cx="200" cy="320" r="18" fill="#0A0E27" stroke="#A26BFA" stroke-width="3"/> |
| 67 | <circle cx="200" cy="320" r="6" fill="#A26BFA"/> |
| 68 | <rect x="240" y="275" width="500" height="100" rx="14" fill="url(#cardGlass)" stroke="#A26BFA" stroke-opacity="0.45" stroke-width="1"/> |
| 69 | <rect x="258" y="276" width="464" height="1" fill="url(#glassEdge)"/> |
| 70 | <rect x="240" y="299" width="6" height="52" rx="3" fill="#A26BFA"/> |
| 71 | <rect x="260" y="291" width="50" height="50" rx="12" fill="#A26BFA" fill-opacity="0.2"/> |
| 72 | <use data-icon="phosphor-duotone/gear-six" x="268" y="299" width="34" height="34" fill="#A26BFA"/> |
| 73 | <text x="326" y="308" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="700" fill="#A26BFA" letter-spacing="2">STAGE 02 · ENGINEERING</text> |
| 74 | <text x="326" y="337" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="22" font-weight="900" fill="#E8ECFF">工程化 — 评估闭环</text> |
| 75 | <text x="326" y="363" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">评估集 100+ · 自动回归 · 重试与降级机制全覆盖</text> |
| 76 | </g> |
| 77 | |
| 78 | <g id="ms-3"> |
| 79 | <text x="172" y="450" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="800" fill="#3DDDFC" text-anchor="end" letter-spacing="1">W8 — W10</text> |
| 80 | <circle cx="200" cy="445" r="18" fill="#0A0E27" stroke="#3DDDFC" stroke-width="3"/> |
| 81 | <circle cx="200" cy="445" r="6" fill="#3DDDFC"/> |
| 82 | <rect x="240" y="400" width="500" height="100" rx="14" fill="url(#cardGlass)" stroke="#3DDDFC" stroke-opacity="0.45" stroke-width="1"/> |
| 83 | <rect x="258" y="401" width="464" height="1" fill="url(#glassEdge)"/> |
| 84 | <rect x="240" y="424" width="6" height="52" rx="3" fill="#3DDDFC"/> |
| 85 | <rect x="260" y="416" width="50" height="50" rx="12" fill="#3DDDFC" fill-opacity="0.2"/> |
| 86 | <use data-icon="phosphor-duotone/chart-line-up" x="268" y="424" width="34" height="34" fill="#3DDDFC"/> |
| 87 | <text x="326" y="433" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="700" fill="#3DDDFC" letter-spacing="2">STAGE 03 · SCALE</text> |
| 88 | <text x="326" y="462" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="22" font-weight="900" fill="#E8ECFF">规模化 — 性能与成本</text> |
| 89 | <text x="326" y="488" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">结果缓存 · 限流熔断 · 多租户隔离 · 模型分级路由</text> |
| 90 | </g> |
| 91 | |
| 92 | <g id="ms-4"> |
| 93 | <text x="172" y="595" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="800" fill="#4ADE80" text-anchor="end" letter-spacing="1">W11 — W12</text> |
| 94 | <circle cx="200" cy="590" r="20" fill="#0A0E27" stroke="#4ADE80" stroke-width="3"/> |
| 95 | <path d="M 192 590 L 198 596 L 210 584" stroke="#4ADE80" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/> |
| 96 | <rect x="240" y="545" width="500" height="100" rx="14" fill="url(#cardGlass)" stroke="#4ADE80" stroke-opacity="0.55" stroke-width="1.5"/> |
| 97 | <rect x="258" y="546" width="464" height="1" fill="url(#glassEdge)"/> |
| 98 | <rect x="240" y="569" width="6" height="52" rx="3" fill="#4ADE80"/> |
| 99 | <rect x="260" y="561" width="50" height="50" rx="12" fill="#4ADE80" fill-opacity="0.22"/> |
| 100 | <use data-icon="phosphor-duotone/rocket" x="268" y="569" width="34" height="34" fill="#4ADE80"/> |
| 101 | <text x="326" y="578" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="700" fill="#4ADE80" letter-spacing="2">STAGE 04 · PRODUCTION</text> |
| 102 | <text x="326" y="607" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="22" font-weight="900" fill="#E8ECFF">生产 — 灰度与 SLO</text> |
| 103 | <text x="326" y="633" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">1% → 10% → 全量灰度 · SLO 监控 · 持续优化飞轮</text> |
| 104 | </g> |
| 105 | |
| 106 | <g id="success-panel"> |
| 107 | <rect x="770" y="150" width="450" height="495" rx="20" fill="url(#cardGlass)" stroke="#FFFFFF" stroke-opacity="0.18" stroke-width="1"/> |
| 108 | <rect x="788" y="151" width="414" height="1" fill="url(#glassEdge)"/> |
| 109 | <text x="995" y="186" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="700" fill="#3DDDFC" text-anchor="middle" letter-spacing="3">SUCCESS CRITERIA</text> |
| 110 | <text x="995" y="220" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="22" font-weight="900" fill="#E8ECFF" text-anchor="middle">每阶段过线标准</text> |
| 111 | <line x1="800" y1="245" x2="1190" y2="245" stroke="#FFFFFF" stroke-opacity="0.14"/> |
| 112 | <g id="sc-1"> |
| 113 | <circle cx="816" cy="282" r="14" fill="#5B8DEF" fill-opacity="0.3"/> |
| 114 | <text x="816" y="287" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="900" fill="#5B8DEF" text-anchor="middle">01</text> |
| 115 | <text x="844" y="276" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="15" font-weight="700" fill="#E8ECFF">原型 → 工程化</text> |
| 116 | <text x="844" y="298" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="500" fill="#A8B0D0">金标准 case 通过率 ≥ 80%</text> |
| 117 | </g> |
| 118 | <g id="sc-2"> |
| 119 | <circle cx="816" cy="354" r="14" fill="#A26BFA" fill-opacity="0.3"/> |
| 120 | <text x="816" y="359" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="900" fill="#A26BFA" text-anchor="middle">02</text> |
| 121 | <text x="844" y="348" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="15" font-weight="700" fill="#E8ECFF">工程化 → 规模化</text> |
| 122 | <text x="844" y="370" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="500" fill="#A8B0D0">评估集 ≥ 100 · 自动回归绿灯</text> |
| 123 | </g> |
| 124 | <g id="sc-3"> |
| 125 | <circle cx="816" cy="426" r="14" fill="#3DDDFC" fill-opacity="0.3"/> |
| 126 | <text x="816" y="431" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="900" fill="#3DDDFC" text-anchor="middle">03</text> |
| 127 | <text x="844" y="420" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="15" font-weight="700" fill="#E8ECFF">规模化 → 生产</text> |
| 128 | <text x="844" y="442" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="500" fill="#A8B0D0">P95 < 5s · 单次成本 < ¥0.5</text> |
| 129 | </g> |
| 130 | <g id="sc-4"> |
| 131 | <circle cx="816" cy="498" r="14" fill="#4ADE80" fill-opacity="0.3"/> |
| 132 | <text x="816" y="503" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="900" fill="#4ADE80" text-anchor="middle">04</text> |
| 133 | <text x="844" y="492" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="15" font-weight="700" fill="#E8ECFF">生产持续运营</text> |
| 134 | <text x="844" y="514" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="500" fill="#A8B0D0">30 天 SLO ≥ 99.5% · 成本月度下降</text> |
| 135 | </g> |
| 136 | <line x1="800" y1="545" x2="1190" y2="545" stroke="#FFFFFF" stroke-opacity="0.12"/> |
| 137 | <text x="816" y="580" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="700" fill="#A8B0D0">⚡ 不达标不晋级 — 每个阶段</text> |
| 138 | <text x="816" y="604" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="700" fill="#A8B0D0">必须有"通关"硬指标</text> |
| 139 | <text x="816" y="628" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="500" fill="#6B7299">否则只是"进度"假象</text> |
| 140 | </g> |
| 141 | |
| 142 | <g id="footer"> |
| 143 | <text x="60" y="700" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="600" fill="#6B7299">路线图 · 12 周可执行计划</text> |
| 144 | <text x="1220" y="700" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="600" fill="#6B7299" text-anchor="end">11 / 12</text> |
| 145 | </g> |
| 146 | </svg> |
| 147 |