| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <rect width="1280" height="720" fill="#F5F1E8"/> |
| 3 | |
| 4 | <!-- Right image bleeding off canvas edge (#4) --> |
| 5 | <image href="../images/hanxin_bridge.png" x="560" y="0" width="720" height="720" preserveAspectRatio="xMidYMid slice"/> |
| 6 | |
| 7 | <!-- Two-stop scrim (#29) — left opaque, right transparent for image --> |
| 8 | <defs> |
| 9 | <linearGradient id="hanxin_scrim" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 10 | <stop offset="0%" stop-color="#F5F1E8" stop-opacity="1"/> |
| 11 | <stop offset="40%" stop-color="#F5F1E8" stop-opacity="0.95"/> |
| 12 | <stop offset="60%" stop-color="#F5F1E8" stop-opacity="0.2"/> |
| 13 | <stop offset="100%" stop-color="#F5F1E8" stop-opacity="0"/> |
| 14 | </linearGradient> |
| 15 | </defs> |
| 16 | <rect x="0" y="0" width="900" height="720" fill="url(#hanxin_scrim)"/> |
| 17 | |
| 18 | <!-- Section marker --> |
| 19 | <text x="60" y="90" font-family="KaiTi, Georgia, serif" font-size="18" fill="#8B8680" letter-spacing="12">— 史 鉴 —</text> |
| 20 | |
| 21 | <!-- Main name --> |
| 22 | <text x="60" y="180" font-family="KaiTi, Georgia, serif" font-size="44" fill="#5C5852" letter-spacing="3">汉 · 淮阴侯</text> |
| 23 | <text x="60" y="280" font-family="KaiTi, Georgia, serif" font-size="120" font-weight="700" fill="#1A1A1A" letter-spacing="20">韩 信</text> |
| 24 | |
| 25 | <!-- Vermilion seal --> |
| 26 | <rect x="320" y="200" width="60" height="60" fill="#A52A2A"/> |
| 27 | <text x="350" y="246" text-anchor="middle" font-family="KaiTi, Georgia, serif" font-size="32" font-weight="700" fill="#F5F1E8">忍</text> |
| 28 | |
| 29 | <!-- Subtitle --> |
| 30 | <text x="60" y="340" font-family="KaiTi, Georgia, serif" font-size="26" fill="#1A1A1A" letter-spacing="3">胯下之辱</text> |
| 31 | <line x1="60" y1="358" x2="160" y2="358" stroke="#A52A2A" stroke-width="2"/> |
| 32 | |
| 33 | <!-- Three-point analysis --> |
| 34 | <g transform="translate(60, 400)"> |
| 35 | <use data-icon="tabler-outline/point" x="0" y="0" width="20" height="20" fill="#A52A2A" stroke-width="1.5"/> |
| 36 | <text x="32" y="16" font-family=""Microsoft YaHei", "PingFang SC", Arial, sans-serif" font-size="22" fill="#1A1A1A">不是为了歌颂屈辱</text> |
| 37 | |
| 38 | <use data-icon="tabler-outline/point" x="0" y="50" width="20" height="20" fill="#A52A2A" stroke-width="1.5"/> |
| 39 | <text x="32" y="66" font-family=""Microsoft YaHei", "PingFang SC", Arial, sans-serif" font-size="22" fill="#1A1A1A">而是没有把人生押在街头冲突里</text> |
| 40 | |
| 41 | <use data-icon="tabler-outline/point" x="0" y="100" width="20" height="20" fill="#A52A2A" stroke-width="1.5"/> |
| 42 | <text x="32" y="116" font-family=""Microsoft YaHei", "PingFang SC", Arial, sans-serif" font-size="22" fill="#1A1A1A">小局赢了，只是出口气</text> |
| 43 | </g> |
| 44 | |
| 45 | <!-- Bottom callout — big lesson --> |
| 46 | <g transform="translate(60, 580)"> |
| 47 | <rect x="0" y="0" width="540" height="70" fill="#1A1A1A"/> |
| 48 | <rect x="0" y="0" width="6" height="70" fill="#A52A2A"/> |
| 49 | <text x="28" y="32" font-family="KaiTi, Georgia, serif" font-size="18" fill="#C8C0AE" letter-spacing="3">真 正 的 赢</text> |
| 50 | <text x="28" y="58" font-family="KaiTi, Georgia, serif" font-size="22" fill="#F5F1E8" letter-spacing="2">大局赢了 · 才有翻身的资格</text> |
| 51 | </g> |
| 52 | |
| 53 | <!-- Footer --> |
| 54 | <text x="60" y="700" font-family=""Microsoft YaHei", "PingFang SC", Arial, sans-serif" font-size="14" fill="#8B8680">藏拙 · 六</text> |
| 55 | <text x="1220" y="700" text-anchor="end" font-family=""Microsoft YaHei", "PingFang SC", Arial, sans-serif" font-size="14" fill="#8B8680">08</text> |
| 56 | </svg> |
| 57 |