| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720"> |
| 2 | <defs> |
| 3 | <linearGradient id="goldLine" x1="0" y1="0" x2="1" y2="0"> |
| 4 | <stop offset="0%" stop-color="#C9A96E" stop-opacity="0"/> |
| 5 | <stop offset="20%" stop-color="#C9A96E"/> |
| 6 | <stop offset="80%" stop-color="#E8D5B5"/> |
| 7 | <stop offset="100%" stop-color="#E8D5B5" stop-opacity="0"/> |
| 8 | </linearGradient> |
| 9 | <radialGradient id="endGlow" cx="50%" cy="40%" r="40%"> |
| 10 | <stop offset="0%" stop-color="#C9A96E" stop-opacity="0.06"/> |
| 11 | <stop offset="100%" stop-color="#C9A96E" stop-opacity="0"/> |
| 12 | </radialGradient> |
| 13 | </defs> |
| 14 | |
| 15 | <!-- Background --> |
| 16 | <rect width="1280" height="720" fill="#0A0A0A"/> |
| 17 | |
| 18 | <!-- Subtle glow --> |
| 19 | <rect width="1280" height="720" fill="url(#endGlow)"/> |
| 20 | |
| 21 | <!-- Top accent line --> |
| 22 | <rect x="50" y="45" width="1180" height="1" fill="url(#goldLine)" fill-opacity="0.3"/> |
| 23 | |
| 24 | <!-- Crown icon --> |
| 25 | <use data-icon="phosphor-duotone/crown" x="604" y="230" width="48" height="48" fill="#C9A96E"/> |
| 26 | |
| 27 | <!-- Main title --> |
| 28 | <text x="640" y="330" font-family="Georgia, SimSun, serif" font-size="48" fill="#F5F0EB" text-anchor="middle" font-weight="bold" letter-spacing="6">NEWS Café</text> |
| 29 | |
| 30 | <!-- Gold divider --> |
| 31 | <rect x="440" y="350" width="400" height="1.5" fill="url(#goldLine)"/> |
| 32 | |
| 33 | <!-- Subtitle --> |
| 34 | <text x="640" y="395" font-family="Georgia, SimSun, serif" font-size="22" fill="#E8D5B5" text-anchor="middle" letter-spacing="6">美学周鉴，解锁潮流序章</text> |
| 35 | |
| 36 | <!-- See you next week --> |
| 37 | <text x="640" y="440" font-family="Georgia, SimSun, serif" font-size="16" fill="#9E9690" text-anchor="middle" letter-spacing="3">下期见 · See You Next Week</text> |
| 38 | |
| 39 | <!-- Sparkle icons decorative --> |
| 40 | <use data-icon="phosphor-duotone/sparkle" x="380" y="460" width="20" height="20" fill="#8B7355"/> |
| 41 | <use data-icon="phosphor-duotone/sparkle" x="870" y="460" width="20" height="20" fill="#8B7355"/> |
| 42 | |
| 43 | <!-- Bottom accent line --> |
| 44 | <rect x="50" y="670" width="1180" height="1" fill="url(#goldLine)" fill-opacity="0.3"/> |
| 45 | |
| 46 | <!-- Footer info --> |
| 47 | <text x="640" y="695" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="11" fill="#8B7355" text-anchor="middle">NEWS Café · 美学周鉴 · 2026年4月 · 第16期</text> |
| 48 | </svg> |
| 49 |