| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <pattern id="halftoneDot" x="0" y="0" width="6" height="6" patternUnits="userSpaceOnUse"> |
| 4 | <circle cx="3" cy="3" r="0.8" fill="#1A1A1A" fill-opacity="0.18"/> |
| 5 | </pattern> |
| 6 | </defs> |
| 7 | |
| 8 | <!-- Background paper --> |
| 9 | <rect id="bg-paper" width="1280" height="720" fill="#F5EFE0"/> |
| 10 | |
| 11 | <!-- Hero AI image --> |
| 12 | <g id="hero-image"> |
| 13 | <image href="../images/cover_hero.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/> |
| 14 | </g> |
| 15 | |
| 16 | <!-- Paper grain texture overlay --> |
| 17 | <rect id="paper-grain" width="1280" height="720" fill="url(#halftoneDot)" opacity="0.4"/> |
| 18 | |
| 19 | <!-- Top decorative band - issue mark + serial code --> |
| 20 | <g id="header-band"> |
| 21 | <rect x="60" y="50" width="220" height="36" fill="#1E4DBC"/> |
| 22 | <rect x="63" y="53" width="220" height="36" fill="#FF5C8A" opacity="0.85"/> |
| 23 | <rect x="60" y="50" width="220" height="36" fill="#1E4DBC"/> |
| 24 | <text x="170" y="75" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="20" fill="#F5EFE0" text-anchor="middle" letter-spacing="3">ISSUE №01 · 2026</text> |
| 25 | <text x="1220" y="78" font-family="Consolas, 'Courier New', monospace" font-size="14" fill="#1A1A1A" text-anchor="end" letter-spacing="2">PPT MASTER · RISO ZINE DEMO</text> |
| 26 | </g> |
| 27 | |
| 28 | <!-- Diagonal pink stripe accent --> |
| 29 | <g id="accent-stripe"> |
| 30 | <polygon points="1280,140 1280,180 1140,180 1180,140" fill="#FF5C8A"/> |
| 31 | <polygon points="1283,143 1283,183 1143,183 1183,143" fill="#1E4DBC" opacity="0.55"/> |
| 32 | </g> |
| 33 | |
| 34 | <!-- Title block (Impact 大字, misregistration effect) --> |
| 35 | <g id="title-block"> |
| 36 | <!-- Pink shadow layer offset --> |
| 37 | <text x="60" y="440" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="100" fill="#FF5C8A" letter-spacing="-2">ZINE</text> |
| 38 | <!-- Blue main layer slightly offset --> |
| 39 | <text x="58" y="438" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="100" fill="#1E4DBC" letter-spacing="-2">ZINE</text> |
| 40 | |
| 41 | <text x="60" y="540" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="88" fill="#FF5C8A" letter-spacing="-1">CULTURE</text> |
| 42 | <text x="58" y="538" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="88" fill="#1A1A1A" letter-spacing="-1">CULTURE</text> |
| 43 | |
| 44 | <text x="60" y="620" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="64" fill="#FF5C8A" letter-spacing="-1">GUIDE</text> |
| 45 | <text x="58" y="618" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="64" fill="#1E4DBC" letter-spacing="-1">GUIDE</text> |
| 46 | </g> |
| 47 | |
| 48 | <!-- Subtitle Chinese (放在右侧竖向，海报感) --> |
| 49 | <g id="subtitle-cn"> |
| 50 | <rect x="900" y="220" width="320" height="200" fill="#F5EFE0" fill-opacity="0.92"/> |
| 51 | <rect x="903" y="223" width="320" height="200" fill="#1E4DBC" fill-opacity="0.18"/> |
| 52 | <rect x="900" y="220" width="320" height="200" fill="#F5EFE0" fill-opacity="0.94"/> |
| 53 | <line x1="920" y1="248" x2="1200" y2="248" stroke="#1A1A1A" stroke-width="2"/> |
| 54 | <text x="920" y="284" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="22" font-weight="900" fill="#1A1A1A">一份从一张纸</text> |
| 55 | <text x="920" y="316" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="22" font-weight="900" fill="#1A1A1A">到一家书店</text> |
| 56 | <text x="920" y="348" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="22" font-weight="900" fill="#1E4DBC">的独立出版地图</text> |
| 57 | <line x1="920" y1="378" x2="1200" y2="378" stroke="#1A1A1A" stroke-width="2"/> |
| 58 | <text x="920" y="404" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A5A" letter-spacing="2">INDIE BOOKSTORE × ZINE</text> |
| 59 | </g> |
| 60 | |
| 61 | <!-- Footer --> |
| 62 | <g id="cover-footer"> |
| 63 | <line x1="60" y1="665" x2="1220" y2="665" stroke="#1A1A1A" stroke-width="2"/> |
| 64 | <text x="60" y="692" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#1A1A1A" letter-spacing="2">PRINTED IN RISOGRAPH NAVY + FLUO PINK · ON CREAM PAPER</text> |
| 65 | <text x="1220" y="692" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#1A1A1A" text-anchor="end" letter-spacing="2">EDITION 2026 · 18 PAGES</text> |
| 66 | </g> |
| 67 | </svg> |
| 68 |