| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720"> |
| 2 | <defs> |
| 3 | <linearGradient id="coverOverlay" x1="0" y1="0" x2="0" y2="1"> |
| 4 | <stop offset="0%" stop-color="#0A0A0A" stop-opacity="0.25"/> |
| 5 | <stop offset="40%" stop-color="#0A0A0A" stop-opacity="0.45"/> |
| 6 | <stop offset="75%" stop-color="#0A0A0A" stop-opacity="0.82"/> |
| 7 | <stop offset="100%" stop-color="#0A0A0A" stop-opacity="0.95"/> |
| 8 | </linearGradient> |
| 9 | <linearGradient id="goldLine" x1="0" y1="0" x2="1" y2="0"> |
| 10 | <stop offset="0%" stop-color="#C9A96E" stop-opacity="0"/> |
| 11 | <stop offset="20%" stop-color="#C9A96E" stop-opacity="1"/> |
| 12 | <stop offset="80%" stop-color="#E8D5B5" stop-opacity="1"/> |
| 13 | <stop offset="100%" stop-color="#E8D5B5" stop-opacity="0"/> |
| 14 | </linearGradient> |
| 15 | </defs> |
| 16 | |
| 17 | <!-- Background --> |
| 18 | <rect width="1280" height="720" fill="#0A0A0A"/> |
| 19 | |
| 20 | <!-- Hero image --> |
| 21 | <image href="../images/cover_hermes.jpg" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/> |
| 22 | |
| 23 | <!-- Dark gradient overlay --> |
| 24 | <rect width="1280" height="720" fill="url(#coverOverlay)"/> |
| 25 | |
| 26 | <!-- Top accent line --> |
| 27 | <rect x="50" y="45" width="1180" height="1" fill="url(#goldLine)" fill-opacity="0.4"/> |
| 28 | |
| 29 | <!-- Column label top-left --> |
| 30 | <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> |
| 31 | |
| 32 | <!-- Date top-right --> |
| 33 | <text x="1230" y="35" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="11" fill="#9E9690" text-anchor="end">2026年4月 · 第16期</text> |
| 34 | |
| 35 | <!-- Crown icon --> |
| 36 | <use data-icon="phosphor-duotone/crown" x="580" y="390" width="40" height="40" fill="#C9A96E"/> |
| 37 | |
| 38 | <!-- Main title CN --> |
| 39 | <text x="640" y="480" font-family="Georgia, SimSun, serif" font-size="60" fill="#F5F0EB" text-anchor="middle" font-weight="bold">美学周鉴</text> |
| 40 | |
| 41 | <!-- Gold divider line --> |
| 42 | <rect x="440" y="500" width="400" height="1.5" fill="url(#goldLine)"/> |
| 43 | |
| 44 | <!-- Subtitle --> |
| 45 | <text x="640" y="540" font-family="Georgia, SimSun, serif" font-size="24" fill="#E8D5B5" text-anchor="middle" letter-spacing="8">解 锁 潮 流 序 章</text> |
| 46 | |
| 47 | <!-- Tagline --> |
| 48 | <text x="640" y="580" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#9E9690" text-anchor="middle">本周时尚热点已出炉，美美地看完很安心</text> |
| 49 | |
| 50 | <!-- Bottom brand bar --> |
| 51 | <rect x="50" y="670" width="1180" height="1" fill="url(#goldLine)" fill-opacity="0.3"/> |
| 52 | <text x="640" y="695" font-family="Georgia, SimSun, serif" font-size="11" fill="#8B7355" text-anchor="middle" letter-spacing="2">HERMÈS · CHANEL · DIOR · LOUIS VUITTON · GUCCI · CELINE · BV · McQUEEN</text> |
| 53 | </svg> |
| 54 |