| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720" |
| 2 | font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif"> |
| 3 | <!-- Timeline: six milestones with completed, current, and planned states. --> |
| 4 | <rect width="1280" height="720" fill="#FFFFFF"/> |
| 5 | |
| 6 | <!-- Header --> |
| 7 | <g id="header" data-pptx-bounds="60 38 1160 72"> |
| 8 | <text x="60" y="74" font-size="32" font-weight="800" fill="#0F172A">Product Development Roadmap</text> |
| 9 | <text x="60" y="102" font-size="14" font-weight="600" fill="#64748B" letter-spacing="1">2024 — 2026 · SIX KEY MILESTONES</text> |
| 10 | <rect x="1010" y="56" width="210" height="48" rx="24" fill="#F1F5F9"/> |
| 11 | <path d="M 1034 56 H 1115 V 104 H 1034 A 24 24 0 0 1 1010 80 A 24 24 0 0 1 1034 56 Z" fill="#059669"/> |
| 12 | <text x="1062" y="86" font-size="14" font-weight="800" fill="#FFFFFF" text-anchor="middle" letter-spacing="1">50% DONE</text> |
| 13 | <text x="1167" y="86" font-size="14" font-weight="800" fill="#475569" text-anchor="middle" letter-spacing="1">3 / 6</text> |
| 14 | </g> |
| 15 | |
| 16 | <!-- Year labels and timeline track --> |
| 17 | <g id="timeline-track" data-pptx-bounds="100 320 1080 70"> |
| 18 | <rect x="100" y="326" width="540" height="64" rx="12" fill="#F8FAFC"/> |
| 19 | <rect x="650" y="326" width="330" height="64" rx="12" fill="#F8FAFC"/> |
| 20 | <rect x="990" y="326" width="190" height="64" rx="12" fill="#F8FAFC"/> |
| 21 | <text x="120" y="345" font-size="12" font-weight="700" fill="#94A3B8" letter-spacing="1.5">2024</text> |
| 22 | <text x="670" y="345" font-size="12" font-weight="700" fill="#94A3B8" letter-spacing="1.5">2025</text> |
| 23 | <text x="1010" y="345" font-size="12" font-weight="700" fill="#94A3B8" letter-spacing="1.5">2026</text> |
| 24 | <line x1="120" y1="360" x2="1160" y2="360" stroke="#CBD5E1" stroke-width="8" stroke-linecap="round"/> |
| 25 | <line x1="120" y1="360" x2="736" y2="360" stroke="#2563EB" stroke-width="8" stroke-linecap="round"/> |
| 26 | </g> |
| 27 | |
| 28 | <!-- Current-date marker --> |
| 29 | <g id="current-date-marker" data-pptx-bounds="680 112 112 222"> |
| 30 | <line x1="736" y1="144" x2="736" y2="334" stroke="#2563EB" stroke-width="1.5" stroke-dasharray="4,4"/> |
| 31 | <rect x="691" y="116" width="90" height="28" rx="14" fill="#2563EB"/> |
| 32 | <text x="736" y="135" font-size="12" font-weight="700" fill="#FFFFFF" text-anchor="middle" letter-spacing="1.5">· TODAY ·</text> |
| 33 | </g> |
| 34 | |
| 35 | <!-- Milestone nodes --> |
| 36 | <g id="milestone-nodes" data-pptx-bounds="140 300 1000 120"> |
| 37 | <g id="node-1"> |
| 38 | <line x1="160" y1="304" x2="160" y2="342" stroke="#2563EB" stroke-width="2"/> |
| 39 | <circle cx="160" cy="360" r="16" fill="#2563EB"/> |
| 40 | <path d="M 153 360 L 158 365 L 167 355" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> |
| 41 | </g> |
| 42 | <g id="node-2"> |
| 43 | <line x1="352" y1="378" x2="352" y2="416" stroke="#2563EB" stroke-width="2"/> |
| 44 | <circle cx="352" cy="360" r="16" fill="#2563EB"/> |
| 45 | <path d="M 345 360 L 350 365 L 359 355" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> |
| 46 | </g> |
| 47 | <g id="node-3"> |
| 48 | <line x1="544" y1="304" x2="544" y2="342" stroke="#2563EB" stroke-width="2"/> |
| 49 | <circle cx="544" cy="360" r="16" fill="#2563EB"/> |
| 50 | <path d="M 537 360 L 542 365 L 551 355" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> |
| 51 | </g> |
| 52 | <g id="node-4"> |
| 53 | <line x1="736" y1="378" x2="736" y2="416" stroke="#2563EB" stroke-width="2"/> |
| 54 | <circle cx="736" cy="360" r="20" fill="#FFFFFF" stroke="#2563EB" stroke-width="4"/> |
| 55 | <circle cx="736" cy="360" r="7" fill="#2563EB"/> |
| 56 | </g> |
| 57 | <g id="node-5"> |
| 58 | <line x1="928" y1="304" x2="928" y2="342" stroke="#94A3B8" stroke-width="2"/> |
| 59 | <circle cx="928" cy="360" r="13" fill="#FFFFFF" stroke="#94A3B8" stroke-width="2.5"/> |
| 60 | </g> |
| 61 | <g id="node-6"> |
| 62 | <line x1="1120" y1="378" x2="1120" y2="416" stroke="#94A3B8" stroke-width="2"/> |
| 63 | <circle cx="1120" cy="360" r="13" fill="#FFFFFF" stroke="#94A3B8" stroke-width="2.5"/> |
| 64 | </g> |
| 65 | </g> |
| 66 | |
| 67 | <!-- Milestone cards --> |
| 68 | <g id="milestone-cards" data-pptx-bounds="60 150 1160 440"> |
| 69 | <g id="card-1"> |
| 70 | <rect x="62" y="160" width="196" height="144" rx="10" fill="#FFFFFF" stroke="#CBD5E1" stroke-width="1.5"/> |
| 71 | <rect x="62" y="160" width="196" height="34" rx="10" fill="#2563EB"/> |
| 72 | <rect x="62" y="184" width="196" height="10" fill="#2563EB"/> |
| 73 | <text x="160" y="183" font-size="13" font-weight="700" fill="#FFFFFF" text-anchor="middle">2024 Q1</text> |
| 74 | <text x="160" y="230" font-size="16" font-weight="700" fill="#0F172A" text-anchor="middle">Project Initiation</text> |
| 75 | <text x="160" y="256" font-size="13" fill="#64748B" text-anchor="middle">Requirement analysis</text> |
| 76 | <text x="160" y="278" font-size="13" fill="#64748B" text-anchor="middle">Technical architecture</text> |
| 77 | </g> |
| 78 | |
| 79 | <g id="card-2"> |
| 80 | <rect x="254" y="416" width="196" height="144" rx="10" fill="#FFFFFF" stroke="#CBD5E1" stroke-width="1.5"/> |
| 81 | <rect x="254" y="526" width="196" height="34" rx="10" fill="#2563EB"/> |
| 82 | <rect x="254" y="526" width="196" height="10" fill="#2563EB"/> |
| 83 | <text x="352" y="549" font-size="13" font-weight="700" fill="#FFFFFF" text-anchor="middle">2024 Q2</text> |
| 84 | <text x="352" y="452" font-size="16" font-weight="700" fill="#0F172A" text-anchor="middle">MVP Development</text> |
| 85 | <text x="352" y="478" font-size="13" fill="#64748B" text-anchor="middle">Core features launch</text> |
| 86 | <text x="352" y="500" font-size="13" fill="#64748B" text-anchor="middle">Alpha testing</text> |
| 87 | </g> |
| 88 | |
| 89 | <g id="card-3"> |
| 90 | <rect x="446" y="160" width="196" height="144" rx="10" fill="#FFFFFF" stroke="#CBD5E1" stroke-width="1.5"/> |
| 91 | <rect x="446" y="160" width="196" height="34" rx="10" fill="#2563EB"/> |
| 92 | <rect x="446" y="184" width="196" height="10" fill="#2563EB"/> |
| 93 | <text x="544" y="183" font-size="13" font-weight="700" fill="#FFFFFF" text-anchor="middle">2024 Q3</text> |
| 94 | <text x="544" y="230" font-size="16" font-weight="700" fill="#0F172A" text-anchor="middle">Public Beta</text> |
| 95 | <text x="544" y="256" font-size="13" fill="#64748B" text-anchor="middle">Open registration</text> |
| 96 | <text x="544" y="278" font-size="13" fill="#64748B" text-anchor="middle">5,000+ users target</text> |
| 97 | </g> |
| 98 | |
| 99 | <g id="card-4"> |
| 100 | <rect x="630" y="416" width="212" height="164" rx="10" fill="#FFFFFF" stroke="#2563EB" stroke-width="2.5"/> |
| 101 | <text x="736" y="572" font-size="13" font-weight="700" fill="#2563EB" text-anchor="middle">2024 Q4</text> |
| 102 | <text x="650" y="444" font-size="12" font-weight="700" fill="#2563EB" letter-spacing="1">IN PROGRESS</text> |
| 103 | <text x="736" y="482" font-size="17" font-weight="700" fill="#0F172A" text-anchor="middle">Feature Iteration</text> |
| 104 | <text x="736" y="508" font-size="13" fill="#64748B" text-anchor="middle">AI integration</text> |
| 105 | <text x="736" y="530" font-size="13" fill="#64748B" text-anchor="middle">Multi-platform sync</text> |
| 106 | <line x1="650" y1="550" x2="822" y2="550" stroke="#2563EB" stroke-width="2"/> |
| 107 | </g> |
| 108 | |
| 109 | <g id="card-5"> |
| 110 | <rect x="830" y="160" width="196" height="144" rx="10" fill="#FFFFFF" stroke="#CBD5E1" stroke-width="1.5"/> |
| 111 | <line x1="830" y1="194" x2="1026" y2="194" stroke="#CBD5E1" stroke-width="1.5"/> |
| 112 | <text x="928" y="183" font-size="13" font-weight="700" fill="#64748B" text-anchor="middle">2025 Q2</text> |
| 113 | <text x="928" y="230" font-size="16" font-weight="700" fill="#334155" text-anchor="middle">Commercialization</text> |
| 114 | <text x="928" y="256" font-size="13" fill="#64748B" text-anchor="middle">Premium tiers launch</text> |
| 115 | <text x="928" y="278" font-size="13" fill="#64748B" text-anchor="middle">Marketing campaign</text> |
| 116 | </g> |
| 117 | |
| 118 | <g id="card-6"> |
| 119 | <rect x="1022" y="416" width="196" height="144" rx="10" fill="#FFFFFF" stroke="#CBD5E1" stroke-width="1.5"/> |
| 120 | <line x1="1022" y1="526" x2="1218" y2="526" stroke="#CBD5E1" stroke-width="1.5"/> |
| 121 | <text x="1120" y="549" font-size="13" font-weight="700" fill="#64748B" text-anchor="middle">2026 Q1</text> |
| 122 | <text x="1120" y="452" font-size="16" font-weight="700" fill="#334155" text-anchor="middle">Scale-up</text> |
| 123 | <text x="1120" y="478" font-size="13" fill="#64748B" text-anchor="middle">Global expansion</text> |
| 124 | <text x="1120" y="500" font-size="13" fill="#64748B" text-anchor="middle">Ecosystem building</text> |
| 125 | </g> |
| 126 | </g> |
| 127 | |
| 128 | <!-- Status legend --> |
| 129 | <g id="legend" data-pptx-bounds="60 646 380 28" |
| 130 | transform="translate(60 658)" font-size="13" fill="#475569"> |
| 131 | <circle cx="8" cy="0" r="7" fill="#2563EB"/> |
| 132 | <text x="22" y="4">Completed</text> |
| 133 | <circle cx="130" cy="0" r="7" fill="#FFFFFF" stroke="#2563EB" stroke-width="2"/> |
| 134 | <text x="144" y="4">In Progress</text> |
| 135 | <circle cx="260" cy="0" r="7" fill="#FFFFFF" stroke="#94A3B8" stroke-width="2"/> |
| 136 | <text x="274" y="4">Planned</text> |
| 137 | </g> |
| 138 | |
| 139 | <!-- Source --> |
| 140 | <g id="source" data-pptx-bounds="910 680 310 20"> |
| 141 | <text x="1220" y="695" font-size="12" font-weight="600" fill="#94A3B8" text-anchor="end">Data source: Product Management Dept</text> |
| 142 | </g> |
| 143 | </svg> |
| 144 |