| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720"> |
| 2 | <defs> |
| 3 | <clipPath id="leftImg"><rect x="50" y="120" width="560" height="290" rx="10"/></clipPath> |
| 4 | <clipPath id="rightImg"><rect x="670" y="120" width="560" height="290" rx="10"/></clipPath> |
| 5 | </defs> |
| 6 | |
| 7 | <rect width="1280" height="720" fill="#0A0A0A"/> |
| 8 | |
| 9 | <text x="50" y="35" font-family="Georgia, SimSun, serif" font-size="11" fill="#C9A96E" fill-opacity="0.7" letter-spacing="3">NEWS CAFÉ</text> |
| 10 | <rect x="50" y="45" width="1180" height="1" fill="#2A2520"/> |
| 11 | |
| 12 | <text x="640" y="85" font-family="Georgia, SimSun, serif" font-size="30" fill="#F5F0EB" font-weight="bold" text-anchor="middle">潮流共振</text> |
| 13 | <text x="640" y="105" font-family="Georgia, SimSun, serif" font-size="14" fill="#C9A96E" text-anchor="middle" letter-spacing="2">STEVE MADDEN × CROCS</text> |
| 14 | |
| 15 | <rect x="635" y="120" width="1" height="530" fill="#2A2520"/> |
| 16 | |
| 17 | <!-- LEFT: Steve Madden --> |
| 18 | <rect x="50" y="120" width="560" height="290" rx="10" fill="#1A1A1A"/> |
| 19 | <image href="../images/stevemadden_lexie.jpg" x="50" y="120" width="560" height="290" preserveAspectRatio="xMidYMid slice" clip-path="url(#leftImg)"/> |
| 20 | |
| 21 | <use data-icon="phosphor-duotone/tag" x="50" y="430" width="26" height="26" fill="#C9A96E"/> |
| 22 | <text x="84" y="450" font-family="Georgia, SimSun, serif" font-size="20" fill="#E8D5B5" font-weight="bold">Steve Madden</text> |
| 23 | |
| 24 | <rect x="50" y="465" width="560" height="1" fill="#2A2520"/> |
| 25 | |
| 26 | <text font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="15" fill="#F5F0EB"> |
| 27 | <tspan x="50" y="495">刘柏辛 Lexie Liu 成为中国区品牌代言人</tspan> |
| 28 | <tspan x="50" dy="24">「不赶潮流，踩点登场」</tspan> |
| 29 | <tspan x="50" dy="24">SugarCool 甜酷调性 · 先锋自我态度</tspan> |
| 30 | </text> |
| 31 | |
| 32 | <text x="50" y="590" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="13" fill="#9E9690">2026春夏系列同步上新</text> |
| 33 | |
| 34 | <!-- RIGHT: Crocs --> |
| 35 | <rect x="670" y="120" width="560" height="290" rx="10" fill="#1A1A1A"/> |
| 36 | <image href="../images/crocs_molly.jpg" x="670" y="120" width="560" height="290" preserveAspectRatio="xMidYMid slice" clip-path="url(#rightImg)"/> |
| 37 | |
| 38 | <use data-icon="phosphor-duotone/handshake" x="670" y="430" width="26" height="26" fill="#C9A96E"/> |
| 39 | <text x="704" y="450" font-family="Georgia, SimSun, serif" font-size="20" fill="#E8D5B5" font-weight="bold">Crocs × MOLLY</text> |
| 40 | <text x="895" y="450" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#9E9690">泡泡玛特 20 周年</text> |
| 41 | |
| 42 | <rect x="670" y="465" width="560" height="1" fill="#2A2520"/> |
| 43 | |
| 44 | <text font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="15" fill="#F5F0EB"> |
| 45 | <tspan x="670" y="495">三款联名洞洞鞋</tspan> |
| 46 | <tspan x="670" dy="24">小画家 MOLLY · 大耳喵泡芙 · 炫光小鲸鱼</tspan> |
| 47 | <tspan x="670" dy="24">易梦玲亮相武汉沉浸式活动</tspan> |
| 48 | </text> |
| 49 | |
| 50 | <text x="670" y="590" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="13" fill="#9E9690">4月23日起正式发售</text> |
| 51 | |
| 52 | <rect x="50" y="670" width="1180" height="1" fill="#2A2520"/> |
| 53 | <text x="50" y="695" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="11" fill="#9E9690">NEWS Café · 美学周鉴</text> |
| 54 | <text x="1230" y="695" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="11" fill="#9E9690" text-anchor="end">13 / 16</text> |
| 55 | </svg> |
| 56 |