| 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="560" height="310" rx="10"/> |
| 5 | </clipPath> |
| 6 | <clipPath id="rightImg"> |
| 7 | <rect x="670" y="120" width="300" height="420" 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">VHERNIER × CELINE</text> |
| 21 | |
| 22 | <!-- Vertical divider --> |
| 23 | <rect x="635" y="120" width="1" height="530" fill="#2A2520"/> |
| 24 | |
| 25 | <!-- LEFT: Vhernier --> |
| 26 | <rect x="50" y="120" width="560" height="310" rx="10" fill="#1A1A1A"/> |
| 27 | <image href="../images/vhernier_jewelry.jpg" x="50" y="120" width="560" height="310" preserveAspectRatio="xMidYMid slice" clip-path="url(#leftImg)"/> |
| 28 | |
| 29 | <use data-icon="phosphor-duotone/diamond" x="50" y="450" width="26" height="26" fill="#C9A96E"/> |
| 30 | <text x="84" y="470" font-family="Georgia, SimSun, serif" font-size="20" fill="#E8D5B5" font-weight="bold">Vhernier</text> |
| 31 | <text x="190" y="470" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#9E9690">意大利高级珠宝</text> |
| 32 | |
| 33 | <rect x="50" y="485" width="560" height="1" fill="#2A2520"/> |
| 34 | |
| 35 | <text font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="16" fill="#F5F0EB"> |
| 36 | <tspan x="50" y="515">正式进驻中国内地市场</tspan> |
| 37 | <tspan x="50" dy="25">北京王府半岛 · 上海半岛双店同步开幕</tspan> |
| 38 | <tspan x="50" dy="25">创立于 1984 年，米兰纯粹设计为核心</tspan> |
| 39 | <tspan x="50" dy="25">雕塑感造型 · 精湛意大利手工 · 黄金标志性材质</tspan> |
| 40 | </text> |
| 41 | |
| 42 | <!-- RIGHT: CELINE --> |
| 43 | <rect x="670" y="120" width="300" height="420" rx="10" fill="#1A1A1A"/> |
| 44 | <image href="../images/celine_summer.jpg" x="670" y="120" width="300" height="420" preserveAspectRatio="xMidYMid slice" clip-path="url(#rightImg)"/> |
| 45 | |
| 46 | <!-- CELINE text right of image --> |
| 47 | <use data-icon="phosphor-duotone/sparkle" x="990" y="130" width="26" height="26" fill="#C9A96E"/> |
| 48 | <text x="990" y="185" font-family="Georgia, SimSun, serif" font-size="20" fill="#E8D5B5" font-weight="bold">CELINE</text> |
| 49 | <text x="990" y="210" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#9E9690">Été 夏日系列</text> |
| 50 | |
| 51 | <rect x="990" y="225" width="240" height="1" fill="#2A2520"/> |
| 52 | |
| 53 | <text font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="16" fill="#F5F0EB"> |
| 54 | <tspan x="990" y="255">Été CELINE 广告大片</tspan> |
| 55 | <tspan x="990" dy="25">灵感源自海滨假日</tspan> |
| 56 | <tspan x="990" dy="25">尽显法式海岸</tspan> |
| 57 | <tspan x="990" dy="25">独有的随性魅力</tspan> |
| 58 | </text> |
| 59 | |
| 60 | <rect x="990" y="380" width="240" height="40" rx="6" fill="#1A1A1A"/> |
| 61 | <rect x="990" y="380" width="3" height="40" fill="#C9A96E"/> |
| 62 | <text x="1010" y="405" font-family="Georgia, SimSun, serif" font-size="13" fill="#E8D5B5" font-style="italic">致敬法式生活美学</text> |
| 63 | |
| 64 | <!-- Footer --> |
| 65 | <rect x="50" y="670" width="1180" height="1" fill="#2A2520"/> |
| 66 | <text x="50" y="695" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="11" fill="#9E9690">NEWS Café · 美学周鉴</text> |
| 67 | <text x="1230" y="695" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="11" fill="#9E9690" text-anchor="end">07 / 16</text> |
| 68 | </svg> |
| 69 |