| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <!-- 标题金色渐变 --> |
| 4 | <linearGradient id="titleGrad" x1="0%" y1="0%" x2="100%" y2="100%"> |
| 5 | <stop offset="0%" stop-color="#C9A96E"/> |
| 6 | <stop offset="100%" stop-color="#E8D5B7"/> |
| 7 | </linearGradient> |
| 8 | <!-- 背景叠加暗色渐变 --> |
| 9 | <linearGradient id="overlayGrad" x1="0%" y1="0%" x2="1%" y2="100%"> |
| 10 | <stop offset="0%" stop-color="#1A1A2E" stop-opacity="0.3"/> |
| 11 | <stop offset="50%" stop-color="#1A1A2E" stop-opacity="0.55"/> |
| 12 | <stop offset="100%" stop-color="#1A1A2E" stop-opacity="0.85"/> |
| 13 | </linearGradient> |
| 14 | <!-- 左侧深色渐变遮罩 --> |
| 15 | <linearGradient id="leftMask" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 16 | <stop offset="0%" stop-color="#1A1A2E" stop-opacity="0.92"/> |
| 17 | <stop offset="60%" stop-color="#1A1A2E" stop-opacity="0.7"/> |
| 18 | <stop offset="100%" stop-color="#1A1A2E" stop-opacity="0.15"/> |
| 19 | </linearGradient> |
| 20 | <!-- 底部装饰渐变 --> |
| 21 | <linearGradient id="bottomDecor" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 22 | <stop offset="0%" stop-color="#C9A96E" stop-opacity="0"/> |
| 23 | <stop offset="50%" stop-color="#C9A96E" stop-opacity="0.6"/> |
| 24 | <stop offset="100%" stop-color="#C9A96E" stop-opacity="0"/> |
| 25 | </linearGradient> |
| 26 | <!-- 卡片阴影 --> |
| 27 | <filter id="shadow1"> |
| 28 | <feGaussianBlur in="SourceAlpha" stdDeviation="6"/> |
| 29 | <feOffset dx="0" dy="3"/> |
| 30 | <feComponentTransfer><feFuncA type="linear" slope="0.3"/></feComponentTransfer> |
| 31 | <feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge> |
| 32 | </filter> |
| 33 | </defs> |
| 34 | |
| 35 | <!-- 背景底色 --> |
| 36 | <rect width="1280" height="720" fill="#1A1A2E"/> |
| 37 | |
| 38 | <!-- 背景图片 --> |
| 39 | <image href="../images/cover_bg.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/> |
| 40 | |
| 41 | <!-- 暗色叠加层 --> |
| 42 | <rect width="1280" height="720" fill="url(#overlayGrad)"/> |
| 43 | <!-- 左侧文字区遮罩 --> |
| 44 | <rect width="1280" height="720" fill="url(#leftMask)"/> |
| 45 | |
| 46 | <!-- 左上角装饰 - 金色竖线 --> |
| 47 | <rect x="60" y="160" width="4" height="120" fill="#C9A96E" fill-opacity="0.8"/> |
| 48 | <rect x="60" y="160" width="4" height="40" fill="#E8D5B7"/> |
| 49 | |
| 50 | <!-- 副标题 / 引题 --> |
| 51 | <text x="80" y="190" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="16" fill="#A0A0B0" letter-spacing="6"> |
| 52 | <tspan>逝世70周年 · 纪念专题</tspan> |
| 53 | </text> |
| 54 | |
| 55 | <!-- 主标题 --> |
| 56 | <text x="80" y="260" font-family="'KaiTi', Georgia, serif" font-size="54" font-weight="bold" fill="url(#titleGrad)"> |
| 57 | <tspan>林徽因</tspan> |
| 58 | </text> |
| 59 | |
| 60 | <!-- 二级标题 --> |
| 61 | <text x="80" y="320" font-family="'KaiTi', Georgia, serif" font-size="36" fill="#E8E8E8"> |
| 62 | <tspan>被文学光环遮蔽的</tspan> |
| 63 | </text> |
| 64 | <text x="80" y="370" font-family="'KaiTi', Georgia, serif" font-size="36" fill="#E8E8E8"> |
| 65 | <tspan>建筑巨匠</tspan> |
| 66 | </text> |
| 67 | |
| 68 | <!-- 引言 --> |
| 69 | <text x="80" y="430" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="20" fill="#C9A96E" fill-opacity="0.9"> |
| 70 | <tspan>见证中国建筑史上的女性力量</tspan> |
| 71 | </text> |
| 72 | |
| 73 | <!-- 分隔装饰线 --> |
| 74 | <rect x="80" y="460" width="200" height="1" fill="#C9A96E" fill-opacity="0.4"/> |
| 75 | |
| 76 | <!-- 底部信息 --> |
| 77 | <text x="80" y="500" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#6B6B80"> |
| 78 | <tspan>她是当之无愧的建筑师，也是中国第一位女建筑学家</tspan> |
| 79 | </text> |
| 80 | |
| 81 | <!-- 右侧人物肖像 --> |
| 82 | <image href="../images/lin_portrait.png" x="780" y="80" width="420" height="560" preserveAspectRatio="xMidYMid slice" opacity="0.6"/> |
| 83 | |
| 84 | <!-- 底部金色装饰带 --> |
| 85 | <rect x="0" y="680" width="1280" height="2" fill="url(#bottomDecor)"/> |
| 86 | |
| 87 | <!-- 底部栏 --> |
| 88 | <text x="80" y="700" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="12" fill="#6B6B80"> |
| 89 | <tspan>凤凰空间 · 2025</tspan> |
| 90 | </text> |
| 91 | <text x="1200" y="700" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="12" fill="#6B6B80" text-anchor="end"> |
| 92 | <tspan>01 / 10</tspan> |
| 93 | </text> |
| 94 | </svg> |
| 95 |