| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <linearGradient id="vividBg" x1="0%" y1="0%" x2="100%" y2="100%"> |
| 4 | <stop offset="0%" stop-color="#0A0A14"/> |
| 5 | <stop offset="100%" stop-color="#14060A"/> |
| 6 | </linearGradient> |
| 7 | <linearGradient id="vividAccent" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 8 | <stop offset="0%" stop-color="#7C6FF7"/> |
| 9 | <stop offset="50%" stop-color="#F5A623"/> |
| 10 | <stop offset="100%" stop-color="#7C6FF7"/> |
| 11 | </linearGradient> |
| 12 | <linearGradient id="stripFadeL" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 13 | <stop offset="0%" stop-color="#0A0A14" stop-opacity="1"/> |
| 14 | <stop offset="10%" stop-color="#0A0A14" stop-opacity="0"/> |
| 15 | </linearGradient> |
| 16 | <linearGradient id="stripFadeR" x1="100%" y1="0%" x2="0%" y2="0%"> |
| 17 | <stop offset="0%" stop-color="#0A0A14" stop-opacity="1"/> |
| 18 | <stop offset="10%" stop-color="#0A0A14" stop-opacity="0"/> |
| 19 | </linearGradient> |
| 20 | </defs> |
| 21 | |
| 22 | <!-- Background — deep dark vivid-launch --> |
| 23 | <rect width="1280" height="720" fill="url(#vividBg)"/> |
| 24 | |
| 25 | <!-- TOP TEXT AREA — y: 0-240 --> |
| 26 | <text x="640" y="48" text-anchor="middle" font-family="Arial, sans-serif" |
| 27 | font-size="13" fill="#9090A0" letter-spacing="3">P17 · screen-print × vivid-launch · 横条贯穿</text> |
| 28 | |
| 29 | <text x="640" y="110" text-anchor="middle" font-family="Georgia, 'Microsoft YaHei', serif" |
| 30 | font-size="52" font-weight="bold" fill="#E8E8F0">横条贯穿</text> |
| 31 | |
| 32 | <text x="640" y="150" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif" |
| 33 | font-size="20" fill="#9090A0">Horizontal Strip Divides the Page</text> |
| 34 | |
| 35 | <!-- Top accent bar --> |
| 36 | <rect x="440" y="168" width="400" height="2" rx="1" fill="url(#vividAccent)"/> |
| 37 | |
| 38 | <text x="640" y="202" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif" |
| 39 | font-size="18" fill="#E8E8F0">丝网印刷风格的水平窄条图像横贯页面中腰，</text> |
| 40 | <text x="640" y="228" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif" |
| 41 | font-size="18" fill="#9090A0">将上下两段文字切割为独立的叙事节点。</text> |
| 42 | |
| 43 | <!-- MIDDLE STRIP IMAGE — y: 248-488 (240px high) --> |
| 44 | <!-- Accent border top --> |
| 45 | <rect x="0" y="248" width="1280" height="3" fill="url(#vividAccent)"/> |
| 46 | <image href="../images/p17_strip_img.png" x="0" y="251" width="1280" height="234" |
| 47 | preserveAspectRatio="xMidYMid slice"/> |
| 48 | <!-- Edge fades --> |
| 49 | <rect x="0" y="251" width="100" height="234" fill="url(#stripFadeL)"/> |
| 50 | <rect x="1180" y="251" width="100" height="234" fill="url(#stripFadeR)"/> |
| 51 | <!-- Accent border bottom --> |
| 52 | <rect x="0" y="485" width="1280" height="3" fill="url(#vividAccent)"/> |
| 53 | |
| 54 | <!-- BOTTOM TEXT AREA — y: 490-720 --> |
| 55 | <text x="640" y="540" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif" |
| 56 | font-size="18" fill="#9090A0">图像如一道闪光——切断语境，制造节奏感停顿，</text> |
| 57 | <text x="640" y="566" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif" |
| 58 | font-size="18" fill="#9090A0">下方文字在节奏停顿后重启叙事。</text> |
| 59 | |
| 60 | <!-- Bottom feature tags --> |
| 61 | <rect x="254" y="598" width="200" height="32" rx="4" fill="#7C6FF7" fill-opacity="0.15" stroke="#7C6FF7" stroke-opacity="0.3" stroke-width="1"/> |
| 62 | <text x="354" y="618" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif" |
| 63 | font-size="14" fill="#7C6FF7">丝网印刷质感</text> |
| 64 | |
| 65 | <rect x="474" y="598" width="200" height="32" rx="4" fill="#F5A623" fill-opacity="0.15" stroke="#F5A623" stroke-opacity="0.3" stroke-width="1"/> |
| 66 | <text x="574" y="618" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif" |
| 67 | font-size="14" fill="#F5A623">活力发射配色</text> |
| 68 | |
| 69 | <rect x="694" y="598" width="200" height="32" rx="4" fill="#4ECDC4" fill-opacity="0.15" stroke="#4ECDC4" stroke-opacity="0.3" stroke-width="1"/> |
| 70 | <text x="794" y="618" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif" |
| 71 | font-size="14" fill="#4ECDC4">图切割文字节奏</text> |
| 72 | |
| 73 | <rect x="914" y="598" width="200" height="32" rx="4" fill="#E8E8F0" fill-opacity="0.08" stroke="#E8E8F0" stroke-opacity="0.1" stroke-width="1"/> |
| 74 | <text x="1014" y="618" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif" |
| 75 | font-size="14" fill="#9090A0">版式对比强烈</text> |
| 76 | |
| 77 | <!-- Bottom center statement --> |
| 78 | <text x="640" y="680" text-anchor="middle" font-family="Georgia, 'Microsoft YaHei', serif" |
| 79 | font-size="17" fill="#7C6FF7" fill-opacity="0.7">图是横穿页面的一道光</text> |
| 80 | |
| 81 | <text x="1240" y="700" text-anchor="end" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">17</text> |
| 82 | </svg> |
| 83 |