| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <!-- P03 BY THE NUMBERS · dense · chart: kpi_cards --> |
| 3 | |
| 4 | <g id="bg"> |
| 5 | <rect width="1280" height="720" fill="#FFF8EE"/> |
| 6 | </g> |
| 7 | |
| 8 | <!-- Header --> |
| 9 | <g id="header"> |
| 10 | <rect x="60" y="55" width="14" height="60" fill="#FF3DA5"/> |
| 11 | <text x="90" y="95" font-family="Impact, "Arial Black", sans-serif" font-size="48" font-weight="900" fill="#1A1A2E" letter-spacing="1">BY THE NUMBERS</text> |
| 12 | <text x="90" y="125" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" font-weight="700" fill="#5C5C7A" letter-spacing="3">SUGAR RUSH 2026 · KEY FACTS</text> |
| 13 | </g> |
| 14 | |
| 15 | <!-- KPI Card 1 - Days (Pink) --> |
| 16 | <g id="kpi-days"> |
| 17 | <rect x="60" y="175" width="290" height="240" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/> |
| 18 | <!-- Top color band --> |
| 19 | <path d="M 64 175 h 282 a 10 10 0 0 1 4 4 v 56 h -290 v -56 a 10 10 0 0 1 4 -4 Z" fill="#FF3DA5"/> |
| 20 | <use data-icon="chunk-filled/calendar" x="76" y="186" width="40" height="40" fill="#1A1A2E"/> |
| 21 | <text x="128" y="215" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">DAYS</text> |
| 22 | <!-- Hero number --> |
| 23 | <text x="205" y="340" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="140" font-weight="900" fill="#1A1A2E" letter-spacing="-2">7</text> |
| 24 | <text x="205" y="385" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#5C5C7A">连续狂欢 / NON-STOP</text> |
| 25 | <!-- Decoration dots --> |
| 26 | <circle cx="280" cy="280" r="6" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2"/> |
| 27 | <circle cx="305" cy="260" r="4" fill="#00B8D9" stroke="#1A1A2E" stroke-width="2"/> |
| 28 | </g> |
| 29 | |
| 30 | <!-- KPI Card 2 - Stages (Blue) --> |
| 31 | <g id="kpi-stages"> |
| 32 | <rect x="365" y="175" width="290" height="240" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/> |
| 33 | <path d="M 369 175 h 282 a 10 10 0 0 1 4 4 v 56 h -290 v -56 a 10 10 0 0 1 4 -4 Z" fill="#00B8D9"/> |
| 34 | <use data-icon="chunk-filled/music" x="381" y="186" width="40" height="40" fill="#1A1A2E"/> |
| 35 | <text x="433" y="215" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">STAGES</text> |
| 36 | <text x="510" y="340" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="140" font-weight="900" fill="#1A1A2E" letter-spacing="-2">5</text> |
| 37 | <text x="510" y="385" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#5C5C7A">主题舞台 / THEMED</text> |
| 38 | <!-- Wave --> |
| 39 | <path d="M 580 270 Q 595 260 610 270 T 640 270" stroke="#FF3DA5" stroke-width="3" fill="none" stroke-linecap="round"/> |
| 40 | </g> |
| 41 | |
| 42 | <!-- KPI Card 3 - Artists (Yellow) --> |
| 43 | <g id="kpi-artists"> |
| 44 | <rect x="670" y="175" width="290" height="240" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/> |
| 45 | <path d="M 674 175 h 282 a 10 10 0 0 1 4 4 v 56 h -290 v -56 a 10 10 0 0 1 4 -4 Z" fill="#FFD93D"/> |
| 46 | <use data-icon="chunk-filled/microphone" x="686" y="186" width="40" height="40" fill="#1A1A2E"/> |
| 47 | <text x="738" y="215" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">ARTISTS</text> |
| 48 | <text x="815" y="340" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="140" font-weight="900" fill="#1A1A2E" letter-spacing="-4">80</text> |
| 49 | <text x="815" y="385" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#5C5C7A">组艺人 / ACTS</text> |
| 50 | <!-- Triangle --> |
| 51 | <polygon points="920,260 940,290 900,290" fill="#FF6B4A" stroke="#1A1A2E" stroke-width="2"/> |
| 52 | </g> |
| 53 | |
| 54 | <!-- KPI Card 4 - Fans (Green) --> |
| 55 | <g id="kpi-fans"> |
| 56 | <rect x="975" y="175" width="245" height="240" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/> |
| 57 | <path d="M 979 175 h 237 a 10 10 0 0 1 4 4 v 56 h -245 v -56 a 10 10 0 0 1 4 -4 Z" fill="#00C896"/> |
| 58 | <use data-icon="chunk-filled/users" x="991" y="186" width="40" height="40" fill="#1A1A2E"/> |
| 59 | <text x="1043" y="215" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">FANS</text> |
| 60 | <text x="1097" y="340" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="100" font-weight="900" fill="#1A1A2E" letter-spacing="-3">50K</text> |
| 61 | <text x="1097" y="385" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#5C5C7A">预期观众 / EXPECTED</text> |
| 62 | <circle cx="1180" cy="270" r="6" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2"/> |
| 63 | </g> |
| 64 | |
| 65 | <!-- Bottom strip — fun fact band --> |
| 66 | <g id="fun-band"> |
| 67 | <rect x="60" y="455" width="1160" height="180" rx="14" fill="#1A1A2E"/> |
| 68 | <text x="100" y="510" font-family="Impact, "Arial Black", sans-serif" font-size="32" font-weight="900" fill="#FFD93D" letter-spacing="2">≈ 12 HOURS OF MUSIC EVERY DAY</text> |
| 69 | <text x="100" y="555" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="20" font-weight="700" fill="#FFF8EE">从下午 4 点到次日凌晨 4 点，连续 12 个小时不间断</text> |
| 70 | <text x="100" y="600" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="600" fill="#FFF8EE" fill-opacity="0.85">5 个舞台轮番接力 · 同时段最多 3 个演出 · 跨场地步行最远 600 米</text> |
| 71 | <!-- Right decor --> |
| 72 | <circle cx="1080" cy="540" r="50" fill="#FF3DA5" stroke="#FFF8EE" stroke-width="4"/> |
| 73 | <text x="1080" y="551" text-anchor="middle" font-family="Impact, sans-serif" font-size="34" font-weight="900" fill="#FFF8EE" letter-spacing="0">12</text> |
| 74 | <text x="1080" y="573" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="700" fill="#FFF8EE" letter-spacing="2">HOURS</text> |
| 75 | <!-- Zigzag accent --> |
| 76 | <path d="M 1150 510 L 1170 490 L 1170 510 L 1190 490" stroke="#00C896" stroke-width="4" fill="none" stroke-linecap="round"/> |
| 77 | </g> |
| 78 | |
| 79 | <!-- Footer --> |
| 80 | <g id="footer"> |
| 81 | <text x="60" y="700" font-family="Arial, sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">数据基于 2026 排期预测 · Source: SUGAR RUSH 组委会</text> |
| 82 | <text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">03 / 14</text> |
| 83 | </g> |
| 84 | </svg> |
| 85 |