| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <linearGradient id="earthyBg" x1="0%" y1="0%" x2="100%" y2="100%"> |
| 4 | <stop offset="0%" stop-color="#F8F4EE"/> |
| 5 | <stop offset="100%" stop-color="#EDE4D4"/> |
| 6 | </linearGradient> |
| 7 | <linearGradient id="whiteOverlay" x1="0%" y1="0%" x2="0%" y2="100%"> |
| 8 | <stop offset="0%" stop-color="#F8F4EE" stop-opacity="0.5"/> |
| 9 | <stop offset="100%" stop-color="#F8F4EE" stop-opacity="0.65"/> |
| 10 | </linearGradient> |
| 11 | <linearGradient id="inkAccent" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 12 | <stop offset="0%" stop-color="#8B6A4A"/> |
| 13 | <stop offset="100%" stop-color="#6A4A2A"/> |
| 14 | </linearGradient> |
| 15 | </defs> |
| 16 | |
| 17 | <!-- Background — earthy-dusty warm cream --> |
| 18 | <rect width="1280" height="720" fill="url(#earthyBg)"/> |
| 19 | |
| 20 | <!-- Full-bleed desaturated ink wash background image --> |
| 21 | <image href="../images/p14_fade_bg.png" x="0" y="0" width="1280" height="720" |
| 22 | preserveAspectRatio="xMidYMid slice"/> |
| 23 | |
| 24 | <!-- White wash overlay to desaturate further — "褪色" effect --> |
| 25 | <rect width="1280" height="720" fill="url(#whiteOverlay)"/> |
| 26 | |
| 27 | <!-- TOP meta — very small, understated --> |
| 28 | <text x="640" y="50" text-anchor="middle" font-family="Consolas, monospace" |
| 29 | font-size="12" fill="#8B6A4A" fill-opacity="0.6" letter-spacing="3">P14 · ink-notes × earthy-dusty</text> |
| 30 | |
| 31 | <!-- GIANT OVERLAID HEADLINE — this is the main event --> |
| 32 | <text x="640" y="330" text-anchor="middle" font-family="Georgia, 'Microsoft YaHei', serif" |
| 33 | font-size="110" font-weight="bold" fill="#2A1A0A" fill-opacity="0.85" letter-spacing="-4">褪色叠字</text> |
| 34 | |
| 35 | <!-- Secondary statement --> |
| 36 | <text x="640" y="420" text-anchor="middle" font-family="Georgia, 'Microsoft YaHei', serif" |
| 37 | font-size="32" fill="#8B6A4A" fill-opacity="0.75" letter-spacing="2">图为肌理 · 字为主角</text> |
| 38 | |
| 39 | <!-- Fine rule under secondary text --> |
| 40 | <line x1="340" y1="438" x2="940" y2="438" stroke="#8B6A4A" stroke-opacity="0.2" stroke-width="1"/> |
| 41 | |
| 42 | <!-- Bottom annotation --> |
| 43 | <text x="640" y="520" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif" |
| 44 | font-size="17" fill="#6A4A2A" fill-opacity="0.7">水墨笔记风格图像降饱和度至极低</text> |
| 45 | <text x="640" y="546" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif" |
| 46 | font-size="17" fill="#6A4A2A" fill-opacity="0.7">退为画面底色与纹理，超大字体覆压其上</text> |
| 47 | |
| 48 | <!-- Technique note — bottom --> |
| 49 | <rect x="400" y="600" width="480" height="60" rx="0" fill="#8B6A4A" fill-opacity="0.06"/> |
| 50 | <line x1="400" y1="600" x2="880" y2="600" stroke="#8B6A4A" stroke-opacity="0.3" stroke-width="1"/> |
| 51 | <text x="640" y="627" text-anchor="middle" font-family="Consolas, monospace" |
| 52 | font-size="13" fill="#8B6A4A" fill-opacity="0.7">rendering: ink-notes · palette: earthy-dusty</text> |
| 53 | <text x="640" y="648" text-anchor="middle" font-family="Consolas, monospace" |
| 54 | font-size="13" fill="#8B6A4A" fill-opacity="0.7">hero_page + white-wash overlay + giant overlay text</text> |
| 55 | |
| 56 | <!-- Page number --> |
| 57 | <text x="1240" y="700" text-anchor="end" font-family="Arial, sans-serif" font-size="13" fill="#8B6A4A" fill-opacity="0.5">14</text> |
| 58 | </svg> |
| 59 |