| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <!-- P10 SEVEN DAYS OF SUGAR · dense · chart: timeline (7 milestones) --> |
| 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="#FF6B4A"/> |
| 11 | <text x="90" y="95" font-family="Impact, "Arial Black", sans-serif" font-size="48" font-weight="900" fill="#1A1A2E" letter-spacing="1">SEVEN DAYS OF SUGAR</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">7.18 — 7.24 · 一周完整日程</text> |
| 13 | <!-- Progress badge --> |
| 14 | <rect x="1010" y="58" width="210" height="48" rx="24" fill="#1A1A2E"/> |
| 15 | <use data-icon="chunk-filled/clock" x="1024" y="70" width="24" height="24" fill="#FFD93D"/> |
| 16 | <text x="1115" y="88" text-anchor="middle" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#FFF8EE" letter-spacing="2">12 HR / DAY · 7 DAYS</text> |
| 17 | </g> |
| 18 | |
| 19 | <!-- Main horizontal timeline track --> |
| 20 | <g id="timeline-track"> |
| 21 | <line x1="120" y1="320" x2="1160" y2="320" stroke="#1A1A2E" stroke-width="4" stroke-linecap="round"/> |
| 22 | <!-- Pink overlay dashed segment for in-progress vibe --> |
| 23 | <line x1="120" y1="320" x2="1160" y2="320" stroke="#FF3DA5" stroke-width="2" stroke-dasharray="8,8" opacity="0.7"/> |
| 24 | </g> |
| 25 | |
| 26 | <!-- Day 1 - OPENING (Pink) - Card above --> |
| 27 | <g id="day-1"> |
| 28 | <line x1="180" y1="280" x2="180" y2="320" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3"/> |
| 29 | <circle cx="180" cy="320" r="22" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="4"/> |
| 30 | <text x="180" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">1</text> |
| 31 | <rect x="105" y="170" width="150" height="110" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3"/> |
| 32 | <rect x="105" y="170" width="150" height="28" fill="#FF3DA5"/> |
| 33 | <text x="180" y="190" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.18</text> |
| 34 | <text x="180" y="226" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">OPENING</text> |
| 35 | <text x="180" y="248" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#FF3DA5">开幕之夜</text> |
| 36 | <text x="180" y="268" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">CHERRY BOMB 开场</text> |
| 37 | </g> |
| 38 | |
| 39 | <!-- Day 2 - ROCK (Pink) - Card below --> |
| 40 | <g id="day-2"> |
| 41 | <line x1="320" y1="320" x2="320" y2="360" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3"/> |
| 42 | <circle cx="320" cy="320" r="22" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="4"/> |
| 43 | <text x="320" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">2</text> |
| 44 | <rect x="245" y="360" width="150" height="110" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3"/> |
| 45 | <rect x="245" y="442" width="150" height="28" fill="#FF3DA5"/> |
| 46 | <text x="320" y="462" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.19</text> |
| 47 | <text x="320" y="392" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">ROCK DAY</text> |
| 48 | <text x="320" y="414" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#FF3DA5">摇滚日</text> |
| 49 | <text x="320" y="432" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">25 组 · CHERRY STAGE</text> |
| 50 | </g> |
| 51 | |
| 52 | <!-- Day 3 - ELECTRO (Blue) - Card above --> |
| 53 | <g id="day-3"> |
| 54 | <line x1="460" y1="280" x2="460" y2="320" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3"/> |
| 55 | <circle cx="460" cy="320" r="22" fill="#00B8D9" stroke="#1A1A2E" stroke-width="4"/> |
| 56 | <text x="460" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">3</text> |
| 57 | <rect x="385" y="170" width="150" height="110" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3"/> |
| 58 | <rect x="385" y="170" width="150" height="28" fill="#00B8D9"/> |
| 59 | <text x="460" y="190" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.20</text> |
| 60 | <text x="460" y="226" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">ELECTRO</text> |
| 61 | <text x="460" y="248" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#00B8D9">电子之夜</text> |
| 62 | <text x="460" y="268" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">通宵 12h · NEON GRID</text> |
| 63 | </g> |
| 64 | |
| 65 | <!-- Day 4 - FOLK (Green) - Card below --> |
| 66 | <g id="day-4"> |
| 67 | <line x1="600" y1="320" x2="600" y2="360" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3"/> |
| 68 | <circle cx="600" cy="320" r="22" fill="#00C896" stroke="#1A1A2E" stroke-width="4"/> |
| 69 | <text x="600" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">4</text> |
| 70 | <rect x="525" y="360" width="150" height="110" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3"/> |
| 71 | <rect x="525" y="442" width="150" height="28" fill="#00C896"/> |
| 72 | <text x="600" y="462" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.21</text> |
| 73 | <text x="600" y="392" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">FOLK</text> |
| 74 | <text x="600" y="414" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#00C896">民谣午后</text> |
| 75 | <text x="600" y="432" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">15 组 · MINT GROVE</text> |
| 76 | </g> |
| 77 | |
| 78 | <!-- Day 5 - HIPHOP (Yellow) - Card above --> |
| 79 | <g id="day-5"> |
| 80 | <line x1="740" y1="280" x2="740" y2="320" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3"/> |
| 81 | <circle cx="740" cy="320" r="22" fill="#FFD93D" stroke="#1A1A2E" stroke-width="4"/> |
| 82 | <text x="740" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">5</text> |
| 83 | <rect x="665" y="170" width="150" height="110" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3"/> |
| 84 | <rect x="665" y="170" width="150" height="28" fill="#FFD93D"/> |
| 85 | <text x="740" y="190" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.22</text> |
| 86 | <text x="740" y="226" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">HIPHOP</text> |
| 87 | <text x="740" y="248" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#FF6B4A">嘻哈午夜</text> |
| 88 | <text x="740" y="268" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">10 组 · YELLOW BLOCK</text> |
| 89 | </g> |
| 90 | |
| 91 | <!-- Day 6 - CROSSOVER (Coral) - Card below --> |
| 92 | <g id="day-6"> |
| 93 | <line x1="880" y1="320" x2="880" y2="360" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3"/> |
| 94 | <circle cx="880" cy="320" r="22" fill="#FF6B4A" stroke="#1A1A2E" stroke-width="4"/> |
| 95 | <text x="880" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">6</text> |
| 96 | <rect x="805" y="360" width="150" height="110" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3"/> |
| 97 | <rect x="805" y="442" width="150" height="28" fill="#FF6B4A"/> |
| 98 | <text x="880" y="462" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#FFF8EE" letter-spacing="2">7.23</text> |
| 99 | <text x="880" y="392" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">CROSSOVER</text> |
| 100 | <text x="880" y="414" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#FF6B4A">跨界之夜</text> |
| 101 | <text x="880" y="432" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">4 大头牌同台</text> |
| 102 | </g> |
| 103 | |
| 104 | <!-- Day 7 - CLOSING (Pink + Star marker) - Card above --> |
| 105 | <g id="day-7"> |
| 106 | <line x1="1020" y1="280" x2="1020" y2="320" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3"/> |
| 107 | <circle cx="1020" cy="320" r="30" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="4"/> |
| 108 | <use data-icon="chunk-filled/star" x="1004" y="304" width="32" height="32" fill="#FFF8EE"/> |
| 109 | <rect x="945" y="170" width="160" height="110" rx="12" fill="#1A1A2E" stroke="#FF3DA5" stroke-width="4"/> |
| 110 | <rect x="945" y="170" width="160" height="28" fill="#FFD93D"/> |
| 111 | <text x="1025" y="190" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.24 · FINALE</text> |
| 112 | <text x="1025" y="226" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">CLOSING</text> |
| 113 | <text x="1025" y="248" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#FF3DA5">闭幕大狂欢</text> |
| 114 | <text x="1025" y="268" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#FFF8EE">SUGAR DOME · 烟花</text> |
| 115 | </g> |
| 116 | |
| 117 | <!-- Day-of-week labels under track --> |
| 118 | <g id="dow-labels"> |
| 119 | <text x="180" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">SAT</text> |
| 120 | <text x="320" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">SUN</text> |
| 121 | <text x="460" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">MON</text> |
| 122 | <text x="600" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">TUE</text> |
| 123 | <text x="740" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">WED</text> |
| 124 | <text x="880" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">THU</text> |
| 125 | <text x="1020" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">FRI</text> |
| 126 | </g> |
| 127 | |
| 128 | <!-- Legend / bottom info strip --> |
| 129 | <g id="legend"> |
| 130 | <rect x="60" y="580" width="1160" height="80" rx="12" fill="#1A1A2E"/> |
| 131 | <use data-icon="chunk-filled/clock" x="86" y="610" width="32" height="32" fill="#FFD93D"/> |
| 132 | <text x="130" y="622" font-family="Impact, sans-serif" font-size="18" font-weight="900" fill="#FFD93D" letter-spacing="2">DAILY SCHEDULE</text> |
| 133 | <text x="130" y="648" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="600" fill="#FFF8EE">每天 16:00 入场 · 17:00 开演 · 次日 04:00 结束 · 5 个舞台同时进行</text> |
| 134 | <!-- Right pill --> |
| 135 | <rect x="940" y="608" width="260" height="44" rx="22" fill="#FF3DA5"/> |
| 136 | <text x="1070" y="635" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="16" font-weight="900" fill="#FFF8EE" letter-spacing="3">DOWNLOAD APP →</text> |
| 137 | </g> |
| 138 | |
| 139 | <!-- Footer --> |
| 140 | <g id="footer"> |
| 141 | <text x="60" y="700" font-family="Arial, sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">具体演出时间以 APP 内日程为准</text> |
| 142 | <text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">10 / 14</text> |
| 143 | </g> |
| 144 | </svg> |
| 145 |