| 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">JORYA × ARKET</text> |
| 14 | |
| 15 | <rect x="635" y="120" width="1" height="530" fill="#2A2520"/> |
| 16 | |
| 17 | <!-- LEFT: JORYA --> |
| 18 | <rect x="50" y="120" width="560" height="290" rx="10" fill="#1A1A1A"/> |
| 19 | <image href="../images/jorya_popup.jpg" x="50" y="120" width="560" height="290" preserveAspectRatio="xMidYMid slice" clip-path="url(#leftImg)"/> |
| 20 | |
| 21 | <use data-icon="phosphor-duotone/star" 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">JORYA × YVMIN</text> |
| 23 | <text x="282" y="450" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#9E9690">公主日记</text> |
| 24 | |
| 25 | <rect x="50" y="465" width="560" height="1" fill="#2A2520"/> |
| 26 | |
| 27 | <text font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="15" fill="#F5F0EB"> |
| 28 | <tspan x="50" y="495">成都万象城联名限定快闪</tspan> |
| 29 | <tspan x="50" dy="24">赵露思优雅亮相开幕现场</tspan> |
| 30 | <tspan x="50" dy="24">千金轻纱叠穿概念 · 重新定义当代公主格调</tspan> |
| 31 | </text> |
| 32 | |
| 33 | <text x="50" y="590" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="13" fill="#9E9690">限时开放至4月28日</text> |
| 34 | |
| 35 | <!-- RIGHT: ARKET --> |
| 36 | <rect x="670" y="120" width="560" height="290" rx="10" fill="#1A1A1A"/> |
| 37 | <image href="../images/arket_gohar.jpg" x="670" y="120" width="560" height="290" preserveAspectRatio="xMidYMid slice" clip-path="url(#rightImg)"/> |
| 38 | |
| 39 | <use data-icon="phosphor-duotone/handshake" x="670" y="430" width="26" height="26" fill="#C9A96E"/> |
| 40 | <text x="704" y="450" font-family="Georgia, SimSun, serif" font-size="20" fill="#E8D5B5" font-weight="bold">ARKET × Laila Gohar</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">十八世纪旋转木马极简改造</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">27款联名单品 · 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">12 / 16</text> |
| 55 | </svg> |
| 56 |