| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <!-- Faded backdrop image (#12) --> |
| 3 | <image href="../images/yinzi_bg.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/> |
| 4 | |
| 5 | <!-- Flat semi-transparent overlay (#30) — image becomes texture --> |
| 6 | <rect x="0" y="0" width="1280" height="720" fill="#F5F1E8" fill-opacity="0.78"/> |
| 7 | |
| 8 | <!-- Section marker --> |
| 9 | <text x="640" y="120" text-anchor="middle" font-family="KaiTi, Georgia, serif" font-size="18" fill="#8B8680" letter-spacing="12">— 引 子 —</text> |
| 10 | |
| 11 | <!-- Opening quote mark --> |
| 12 | <use data-icon="tabler-outline/quote" x="290" y="220" width="56" height="56" fill="#A52A2A" stroke-width="1.5"/> |
| 13 | |
| 14 | <!-- Hero quote — centered, oversized --> |
| 15 | <text x="640" y="380" text-anchor="middle" font-family="KaiTi, Georgia, serif" font-size="64" font-weight="700" fill="#1A1A1A" letter-spacing="8">男人太早亮牌</text> |
| 16 | <text x="640" y="470" text-anchor="middle" font-family="KaiTi, Georgia, serif" font-size="64" font-weight="700" fill="#1A1A1A" letter-spacing="8">就是给别人递刀</text> |
| 17 | |
| 18 | <!-- Closing quote mark (rotated) --> |
| 19 | <g transform="translate(990, 530) rotate(180)"> |
| 20 | <use data-icon="tabler-outline/quote" x="0" y="0" width="56" height="56" fill="#A52A2A" stroke-width="1.5"/> |
| 21 | </g> |
| 22 | |
| 23 | <!-- Decorative line below --> |
| 24 | <line x1="600" y1="560" x2="680" y2="560" stroke="#A52A2A" stroke-width="2"/> |
| 25 | |
| 26 | <!-- Footnote --> |
| 27 | <text x="640" y="640" text-anchor="middle" font-family=""Microsoft YaHei", "PingFang SC", Arial, sans-serif" font-size="18" fill="#5C5852" letter-spacing="2">能力不够时出锋芒，叫冒进；筹码不够时争输赢，叫暴露</text> |
| 28 | |
| 29 | <!-- Page number --> |
| 30 | <text x="1220" y="690" text-anchor="end" font-family=""Microsoft YaHei", "PingFang SC", Arial, sans-serif" font-size="14" fill="#8B8680">02</text> |
| 31 | </svg> |
| 32 |