| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <!-- P06 THE HEADLINERS · dense · chart: icon_grid adapted with headliners.png triptych --> |
| 3 | |
| 4 | <defs> |
| 5 | <clipPath id="headlinersClip"> |
| 6 | <rect x="60" y="170" width="1160" height="280" rx="14"/> |
| 7 | </clipPath> |
| 8 | </defs> |
| 9 | |
| 10 | <g id="bg"> |
| 11 | <rect width="1280" height="720" fill="#FFF8EE"/> |
| 12 | </g> |
| 13 | |
| 14 | <!-- Header --> |
| 15 | <g id="header"> |
| 16 | <rect x="60" y="55" width="14" height="60" fill="#FFD93D"/> |
| 17 | <text x="90" y="95" font-family="Impact, "Arial Black", sans-serif" font-size="48" font-weight="900" fill="#1A1A2E" letter-spacing="1">THE HEADLINERS</text> |
| 18 | <text x="90" y="125" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" font-weight="700" fill="#5C5C7A" letter-spacing="3">2026 四组头牌艺人 · BOOM, BOOM, BOOM, BOOM.</text> |
| 19 | <!-- Decor --> |
| 20 | <polygon points="1170,80 1200,110 1140,110" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="3"/> |
| 21 | </g> |
| 22 | |
| 23 | <!-- Headliners triptych image (clipped to rounded rect) --> |
| 24 | <g id="headliners-image"> |
| 25 | <image href="../images/headliners.png" x="60" y="170" width="1160" height="280" preserveAspectRatio="xMidYMid slice" clip-path="url(#headlinersClip)"/> |
| 26 | <!-- Border on top --> |
| 27 | <rect x="60" y="170" width="1160" height="280" rx="14" fill="none" stroke="#1A1A2E" stroke-width="4"/> |
| 28 | <!-- 3 vertical dividers in black to emphasize 4 panels --> |
| 29 | <line x1="350" y1="170" x2="350" y2="450" stroke="#1A1A2E" stroke-width="3"/> |
| 30 | <line x1="640" y1="170" x2="640" y2="450" stroke="#1A1A2E" stroke-width="3"/> |
| 31 | <line x1="930" y1="170" x2="930" y2="450" stroke="#1A1A2E" stroke-width="3"/> |
| 32 | </g> |
| 33 | |
| 34 | <!-- ====== Card 1: CHERRY BOMB ====== --> |
| 35 | <g id="card-cherry-bomb"> |
| 36 | <rect x="60" y="470" width="290" height="190" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/> |
| 37 | <!-- Pink top bar --> |
| 38 | <rect x="60" y="470" width="290" height="14" fill="#FF3DA5"/> |
| 39 | <!-- Star + 01 --> |
| 40 | <use data-icon="chunk-filled/star" x="80" y="500" width="32" height="32" fill="#FF3DA5"/> |
| 41 | <text x="320" y="525" text-anchor="end" font-family="Impact, sans-serif" font-size="42" font-weight="900" fill="#FF3DA5" fill-opacity="0.25">01</text> |
| 42 | <text x="80" y="565" font-family="Impact, "Arial Black", sans-serif" font-size="26" font-weight="900" fill="#1A1A2E" letter-spacing="1">CHERRY BOMB</text> |
| 43 | <text x="80" y="590" font-family="Impact, sans-serif" font-size="12" font-weight="900" fill="#FF3DA5" letter-spacing="3">ROCK · 摇滚主唱</text> |
| 44 | <line x1="80" y1="600" x2="330" y2="600" stroke="#1A1A2E" stroke-width="1.5"/> |
| 45 | <text x="80" y="625" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#5C5C7A">代表作: "Pink Static"</text> |
| 46 | <text x="80" y="645" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="600" fill="#5C5C7A">3 张白金专辑 · 巡演 60 城</text> |
| 47 | </g> |
| 48 | |
| 49 | <!-- ====== Card 2: NEON CLOUD ====== --> |
| 50 | <g id="card-neon-cloud"> |
| 51 | <rect x="365" y="470" width="290" height="190" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/> |
| 52 | <rect x="365" y="470" width="290" height="14" fill="#00B8D9"/> |
| 53 | <use data-icon="chunk-filled/headphones" x="385" y="500" width="32" height="32" fill="#00B8D9"/> |
| 54 | <text x="625" y="525" text-anchor="end" font-family="Impact, sans-serif" font-size="42" font-weight="900" fill="#00B8D9" fill-opacity="0.25">02</text> |
| 55 | <text x="385" y="565" font-family="Impact, "Arial Black", sans-serif" font-size="26" font-weight="900" fill="#1A1A2E" letter-spacing="1">NEON CLOUD</text> |
| 56 | <text x="385" y="590" font-family="Impact, sans-serif" font-size="12" font-weight="900" fill="#00B8D9" letter-spacing="3">ELECTRO · 电子 DJ</text> |
| 57 | <line x1="385" y1="600" x2="635" y2="600" stroke="#1A1A2E" stroke-width="1.5"/> |
| 58 | <text x="385" y="625" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#5C5C7A">代表作: "3AM Mirror"</text> |
| 59 | <text x="385" y="645" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="600" fill="#5C5C7A">柏林 Berghain 常驻 · DJ Mag 30</text> |
| 60 | </g> |
| 61 | |
| 62 | <!-- ====== Card 3: MINT FOLK ====== --> |
| 63 | <g id="card-mint-folk"> |
| 64 | <rect x="670" y="470" width="290" height="190" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/> |
| 65 | <rect x="670" y="470" width="290" height="14" fill="#00C896"/> |
| 66 | <use data-icon="chunk-filled/heart" x="690" y="500" width="32" height="32" fill="#00C896"/> |
| 67 | <text x="930" y="525" text-anchor="end" font-family="Impact, sans-serif" font-size="42" font-weight="900" fill="#00C896" fill-opacity="0.25">03</text> |
| 68 | <text x="690" y="565" font-family="Impact, "Arial Black", sans-serif" font-size="26" font-weight="900" fill="#1A1A2E" letter-spacing="1">MINT FOLK</text> |
| 69 | <text x="690" y="590" font-family="Impact, sans-serif" font-size="12" font-weight="900" fill="#00C896" letter-spacing="3">FOLK · 民谣吉他手</text> |
| 70 | <line x1="690" y1="600" x2="940" y2="600" stroke="#1A1A2E" stroke-width="1.5"/> |
| 71 | <text x="690" y="625" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#5C5C7A">代表作: "Slow Lemon"</text> |
| 72 | <text x="690" y="645" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="600" fill="#5C5C7A">Spotify 月听众 480 万</text> |
| 73 | </g> |
| 74 | |
| 75 | <!-- ====== Card 4: YELLOW HUSTLE ====== --> |
| 76 | <g id="card-yellow-hustle"> |
| 77 | <rect x="975" y="470" width="245" height="190" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/> |
| 78 | <rect x="975" y="470" width="245" height="14" fill="#FFD93D"/> |
| 79 | <use data-icon="chunk-filled/music" x="995" y="500" width="32" height="32" fill="#FFD93D"/> |
| 80 | <text x="1195" y="525" text-anchor="end" font-family="Impact, sans-serif" font-size="42" font-weight="900" fill="#FFD93D" fill-opacity="0.45">04</text> |
| 81 | <text x="995" y="565" font-family="Impact, "Arial Black", sans-serif" font-size="24" font-weight="900" fill="#1A1A2E" letter-spacing="1">YELLOW HUSTLE</text> |
| 82 | <text x="995" y="590" font-family="Impact, sans-serif" font-size="12" font-weight="900" fill="#FFD93D" letter-spacing="3">HIPHOP · 嘻哈 rapper</text> |
| 83 | <line x1="995" y1="600" x2="1205" y2="600" stroke="#1A1A2E" stroke-width="1.5"/> |
| 84 | <text x="995" y="625" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#5C5C7A">代表作: "Sugar High"</text> |
| 85 | <text x="995" y="645" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="600" fill="#5C5C7A">XXL Freshman 2025 · 双白金</text> |
| 86 | </g> |
| 87 | |
| 88 | <!-- Footer --> |
| 89 | <g id="footer"> |
| 90 | <text x="60" y="700" font-family="Arial, sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">阵容截至 2026-04-30 · 实际演出以现场为准</text> |
| 91 | <text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">06 / 14</text> |
| 92 | </g> |
| 93 | </svg> |
| 94 |