| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720"> |
| 2 | <defs> |
| 3 | <linearGradient id="bottomFade" x1="0" y1="0" x2="0" y2="1"> |
| 4 | <stop offset="0%" stop-color="#0A0A0A" stop-opacity="0"/> |
| 5 | <stop offset="50%" stop-color="#0A0A0A" stop-opacity="0.2"/> |
| 6 | <stop offset="80%" stop-color="#0A0A0A" stop-opacity="0.75"/> |
| 7 | <stop offset="100%" stop-color="#0A0A0A" stop-opacity="0.95"/> |
| 8 | </linearGradient> |
| 9 | <linearGradient id="topFade" x1="0" y1="0" x2="0" y2="1"> |
| 10 | <stop offset="0%" stop-color="#0A0A0A" stop-opacity="0.8"/> |
| 11 | <stop offset="30%" stop-color="#0A0A0A" stop-opacity="0.15"/> |
| 12 | <stop offset="100%" stop-color="#0A0A0A" stop-opacity="0"/> |
| 13 | </linearGradient> |
| 14 | </defs> |
| 15 | |
| 16 | <!-- Background --> |
| 17 | <rect width="1280" height="720" fill="#0A0A0A"/> |
| 18 | |
| 19 | <!-- Full-bleed hero image --> |
| 20 | <image href="../images/chanel_coco.jpg" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/> |
| 21 | |
| 22 | <!-- Top fade --> |
| 23 | <rect width="1280" height="200" fill="url(#topFade)"/> |
| 24 | |
| 25 | <!-- Bottom fade --> |
| 26 | <rect width="1280" height="720" fill="url(#bottomFade)"/> |
| 27 | |
| 28 | <!-- Top bar --> |
| 29 | <text x="50" y="35" font-family="Georgia, SimSun, serif" font-size="11" fill="#C9A96E" fill-opacity="0.8" letter-spacing="3">NEWS CAFÉ</text> |
| 30 | <rect x="50" y="45" width="1180" height="1" fill="#C9A96E" fill-opacity="0.2"/> |
| 31 | |
| 32 | <!-- Brand name — floating over image --> |
| 33 | <text x="80" y="560" font-family="Georgia, SimSun, serif" font-size="14" fill="#C9A96E" letter-spacing="4">CHANEL</text> |
| 34 | |
| 35 | <text x="80" y="600" font-family="Georgia, SimSun, serif" font-size="36" fill="#F5F0EB" font-weight="bold">COCO BEACH 2026</text> |
| 36 | |
| 37 | <!-- Gold accent line --> |
| 38 | <rect x="80" y="615" width="80" height="2" fill="#C9A96E"/> |
| 39 | |
| 40 | <!-- Caption text --> |
| 41 | <text x="80" y="648" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="16" fill="#E8D5B5">上海市中心限时精品店启幕 · 面朝花园的度假别墅</text> |
| 42 | |
| 43 | <text x="80" y="678" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#9E9690">Matthieu Blazy 创作的首个 COCO BEACH 系列 · 田园风光与黑色沙滩灵感</text> |
| 44 | |
| 45 | <!-- Dress icon accent --> |
| 46 | <use data-icon="phosphor-duotone/dress" x="1180" y="560" width="32" height="32" fill="#C9A96E"/> |
| 47 | |
| 48 | <!-- Page number --> |
| 49 | <text x="1230" y="695" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="11" fill="#9E9690" text-anchor="end">03 / 16</text> |
| 50 | </svg> |
| 51 |