| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720"> |
| 2 | <defs> |
| 3 | <clipPath id="leftImg"> |
| 4 | <rect x="50" y="120" width="270" height="380" rx="10"/> |
| 5 | </clipPath> |
| 6 | <clipPath id="rightImg"> |
| 7 | <rect x="670" y="120" width="560" height="300" rx="10"/> |
| 8 | </clipPath> |
| 9 | </defs> |
| 10 | |
| 11 | <!-- Background --> |
| 12 | <rect width="1280" height="720" fill="#0A0A0A"/> |
| 13 | |
| 14 | <!-- Top bar --> |
| 15 | <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> |
| 16 | <rect x="50" y="45" width="1180" height="1" fill="#2A2520"/> |
| 17 | |
| 18 | <!-- Page title --> |
| 19 | <text x="640" y="85" font-family="Georgia, SimSun, serif" font-size="30" fill="#F5F0EB" font-weight="bold" text-anchor="middle">艺术的两种表达</text> |
| 20 | <text x="640" y="105" font-family="Georgia, SimSun, serif" font-size="14" fill="#C9A96E" text-anchor="middle" letter-spacing="2">BOTTEGA VENETA × McQUEEN</text> |
| 21 | |
| 22 | <!-- Vertical divider --> |
| 23 | <rect x="635" y="120" width="1" height="530" fill="#2A2520"/> |
| 24 | |
| 25 | <!-- LEFT: BV --> |
| 26 | <rect x="50" y="120" width="270" height="380" rx="10" fill="#1A1A1A"/> |
| 27 | <image href="../images/bv_arts.jpg" x="50" y="120" width="270" height="380" preserveAspectRatio="xMidYMid slice" clip-path="url(#leftImg)"/> |
| 28 | |
| 29 | <!-- BV text to the right of portrait image --> |
| 30 | <use data-icon="phosphor-duotone/camera" x="340" y="130" width="26" height="26" fill="#C9A96E"/> |
| 31 | <text x="340" y="185" font-family="Georgia, SimSun, serif" font-size="20" fill="#E8D5B5" font-weight="bold">Bottega Veneta</text> |
| 32 | <text x="340" y="210" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#9E9690">for the Arts</text> |
| 33 | |
| 34 | <rect x="340" y="222" width="280" height="1" fill="#2A2520"/> |
| 35 | |
| 36 | <text font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="15" fill="#F5F0EB"> |
| 37 | <tspan x="340" y="250">艺术摄影集，携手英国摄影</tspan> |
| 38 | <tspan x="340" dy="24">师 Peter Fraser。</tspan> |
| 39 | <tspan x="340" dy="30">以威尼斯为灵感舞台，</tspan> |
| 40 | <tspan x="340" dy="24">27 张影像聚焦纹理、形态</tspan> |
| 41 | <tspan x="340" dy="24">与色彩。</tspan> |
| 42 | <tspan x="340" dy="30">诠释品牌标志性编织美学，</tspan> |
| 43 | <tspan x="340" dy="24">致敬威尼托发源地。</tspan> |
| 44 | </text> |
| 45 | |
| 46 | <!-- RIGHT: McQueen --> |
| 47 | <rect x="670" y="120" width="560" height="300" rx="10" fill="#1A1A1A"/> |
| 48 | <image href="../images/mcqueen_exhibition.jpg" x="670" y="120" width="560" height="300" preserveAspectRatio="xMidYMid slice" clip-path="url(#rightImg)"/> |
| 49 | |
| 50 | <use data-icon="phosphor-duotone/palette" x="670" y="440" width="26" height="26" fill="#C9A96E"/> |
| 51 | <text x="704" y="460" font-family="Georgia, SimSun, serif" font-size="20" fill="#E8D5B5" font-weight="bold">McQueen</text> |
| 52 | <text x="820" y="460" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#9E9690">表象之下</text> |
| 53 | |
| 54 | <rect x="670" y="475" width="560" height="1" fill="#2A2520"/> |
| 55 | |
| 56 | <text font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="15" fill="#F5F0EB"> |
| 57 | <tspan x="670" y="505">上海 Fotografiska 影像艺术中心沉浸式展览</tspan> |
| 58 | <tspan x="670" dy="24">探寻品牌艺术根源与二元美学</tspan> |
| 59 | <tspan x="670" dy="24">Manta 手袋复刻 2010 年经典，以蝠鲼为灵感</tspan> |
| 60 | </text> |
| 61 | |
| 62 | <rect x="670" y="590" width="560" height="40" rx="6" fill="#1A1A1A"/> |
| 63 | <rect x="670" y="590" width="3" height="40" fill="#C9A96E"/> |
| 64 | <text x="690" y="615" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="13" fill="#9E9690">创意总监 Seán McGirr 上海首秀 · 郭采洁、屈楚萧、周雨彤出席</text> |
| 65 | |
| 66 | <!-- Footer --> |
| 67 | <rect x="50" y="670" width="1180" height="1" fill="#2A2520"/> |
| 68 | <text x="50" y="695" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="11" fill="#9E9690">NEWS Café · 美学周鉴</text> |
| 69 | <text x="1230" y="695" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="11" fill="#9E9690" text-anchor="end">08 / 16</text> |
| 70 | </svg> |
| 71 |