| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <linearGradient id="timelineGrad" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 4 | <stop offset="0%" stop-color="#8B6F47"/> |
| 5 | <stop offset="100%" stop-color="#C9A96E"/> |
| 6 | </linearGradient> |
| 7 | <linearGradient id="nodeGlow" x1="0%" y1="0%" x2="0%" y2="100%"> |
| 8 | <stop offset="0%" stop-color="#C9A96E"/> |
| 9 | <stop offset="100%" stop-color="#8B6F47"/> |
| 10 | </linearGradient> |
| 11 | <filter id="nodeShadow"> |
| 12 | <feGaussianBlur in="SourceAlpha" stdDeviation="3"/> |
| 13 | <feOffset dx="0" dy="2"/> |
| 14 | <feComponentTransfer><feFuncA type="linear" slope="0.35"/></feComponentTransfer> |
| 15 | <feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge> |
| 16 | </filter> |
| 17 | <radialGradient id="bgGlow" cx="50%" cy="40%" r="60%"> |
| 18 | <stop offset="0%" stop-color="#C9A96E" stop-opacity="0.04"/> |
| 19 | <stop offset="100%" stop-color="#C9A96E" stop-opacity="0"/> |
| 20 | </radialGradient> |
| 21 | </defs> |
| 22 | |
| 23 | <!-- 背景 --> |
| 24 | <rect width="1280" height="720" fill="#1A1A2E"/> |
| 25 | <rect width="1280" height="720" fill="url(#bgGlow)"/> |
| 26 | |
| 27 | <!-- 标题区域 --> |
| 28 | <rect x="60" y="40" width="4" height="36" fill="#C9A96E"/> |
| 29 | <text x="80" y="70" font-family="'KaiTi', Georgia, serif" font-size="32" font-weight="bold" fill="#E8E8E8"> |
| 30 | <tspan>建筑巨匠的一生</tspan> |
| 31 | </text> |
| 32 | <text x="80" y="98" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="16" fill="#A0A0B0"> |
| 33 | <tspan>1904 — 1955 · 横跨半个世纪的建筑传奇</tspan> |
| 34 | </text> |
| 35 | |
| 36 | <!-- 主时间线 y=360 --> |
| 37 | <line x1="80" y1="360" x2="1200" y2="360" stroke="#2A2A4A" stroke-width="3" stroke-linecap="round"/> |
| 38 | <!-- 渐变高亮 --> |
| 39 | <line x1="80" y1="360" x2="1200" y2="360" stroke="url(#timelineGrad)" stroke-width="3" stroke-linecap="round" stroke-opacity="0.5"/> |
| 40 | |
| 41 | <!-- 节点1: 1904 出生 — 上方卡片 --> |
| 42 | <circle cx="120" cy="360" r="10" fill="url(#nodeGlow)" stroke="#1A1A2E" stroke-width="2" filter="url(#nodeShadow)"/> |
| 43 | <line x1="120" y1="348" x2="120" y2="280" stroke="#C9A96E" stroke-width="1" stroke-opacity="0.4" stroke-dasharray="4,3"/> |
| 44 | <rect x="60" y="200" width="120" height="78" rx="8" fill="#16213E" stroke="#2A2A4A" stroke-width="1"/> |
| 45 | <text x="120" y="225" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" font-weight="bold" fill="#C9A96E" text-anchor="middle"> |
| 46 | <tspan>1904</tspan> |
| 47 | </text> |
| 48 | <text x="120" y="248" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="13" fill="#E8E8E8" text-anchor="middle"> |
| 49 | <tspan>出生于杭州</tspan> |
| 50 | </text> |
| 51 | <text x="120" y="268" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="11" fill="#A0A0B0" text-anchor="middle"> |
| 52 | <tspan>书香世家</tspan> |
| 53 | </text> |
| 54 | |
| 55 | <!-- 节点2: 1924 留学 — 下方卡片 --> |
| 56 | <circle cx="260" cy="360" r="10" fill="url(#nodeGlow)" stroke="#1A1A2E" stroke-width="2" filter="url(#nodeShadow)"/> |
| 57 | <line x1="260" y1="372" x2="260" y2="430" stroke="#C9A96E" stroke-width="1" stroke-opacity="0.4" stroke-dasharray="4,3"/> |
| 58 | <rect x="195" y="432" width="130" height="78" rx="8" fill="#16213E" stroke="#2A2A4A" stroke-width="1"/> |
| 59 | <text x="260" y="457" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" font-weight="bold" fill="#C9A96E" text-anchor="middle"> |
| 60 | <tspan>1924</tspan> |
| 61 | </text> |
| 62 | <text x="260" y="480" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="13" fill="#E8E8E8" text-anchor="middle"> |
| 63 | <tspan>赴美留学</tspan> |
| 64 | </text> |
| 65 | <text x="260" y="500" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="11" fill="#A0A0B0" text-anchor="middle"> |
| 66 | <tspan>宾夕法尼亚大学</tspan> |
| 67 | </text> |
| 68 | |
| 69 | <!-- 节点3: 1928 归国 — 上方卡片 --> |
| 70 | <circle cx="400" cy="360" r="10" fill="url(#nodeGlow)" stroke="#1A1A2E" stroke-width="2" filter="url(#nodeShadow)"/> |
| 71 | <line x1="400" y1="348" x2="400" y2="280" stroke="#C9A96E" stroke-width="1" stroke-opacity="0.4" stroke-dasharray="4,3"/> |
| 72 | <rect x="335" y="200" width="130" height="78" rx="8" fill="#16213E" stroke="#2A2A4A" stroke-width="1"/> |
| 73 | <text x="400" y="225" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" font-weight="bold" fill="#C9A96E" text-anchor="middle"> |
| 74 | <tspan>1928</tspan> |
| 75 | </text> |
| 76 | <text x="400" y="248" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="13" fill="#E8E8E8" text-anchor="middle"> |
| 77 | <tspan>结婚归国</tspan> |
| 78 | </text> |
| 79 | <text x="400" y="268" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="11" fill="#A0A0B0" text-anchor="middle"> |
| 80 | <tspan>与梁思成携手</tspan> |
| 81 | </text> |
| 82 | |
| 83 | <!-- 节点4: 1930 营造学社 — 下方卡片 --> |
| 84 | <circle cx="540" cy="360" r="10" fill="url(#nodeGlow)" stroke="#1A1A2E" stroke-width="2" filter="url(#nodeShadow)"/> |
| 85 | <line x1="540" y1="372" x2="540" y2="430" stroke="#C9A96E" stroke-width="1" stroke-opacity="0.4" stroke-dasharray="4,3"/> |
| 86 | <rect x="475" y="432" width="130" height="78" rx="8" fill="#16213E" stroke="#2A2A4A" stroke-width="1"/> |
| 87 | <text x="540" y="457" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" font-weight="bold" fill="#C9A96E" text-anchor="middle"> |
| 88 | <tspan>1930</tspan> |
| 89 | </text> |
| 90 | <text x="540" y="480" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="13" fill="#E8E8E8" text-anchor="middle"> |
| 91 | <tspan>加入营造学社</tspan> |
| 92 | </text> |
| 93 | <text x="540" y="500" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="11" fill="#A0A0B0" text-anchor="middle"> |
| 94 | <tspan>研究中国古建筑</tspan> |
| 95 | </text> |
| 96 | |
| 97 | <!-- 节点5: 1932 首篇论文 — 上方卡片（关键节点加大） --> |
| 98 | <circle cx="680" cy="360" r="13" fill="url(#nodeGlow)" stroke="#E8D5B7" stroke-width="2" filter="url(#nodeShadow)"/> |
| 99 | <line x1="680" y1="345" x2="680" y2="280" stroke="#C9A96E" stroke-width="1" stroke-opacity="0.5" stroke-dasharray="4,3"/> |
| 100 | <rect x="610" y="190" width="140" height="88" rx="8" fill="#16213E" stroke="#C9A96E" stroke-width="1.5"/> |
| 101 | <text x="680" y="217" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" font-weight="bold" fill="#E8D5B7" text-anchor="middle"> |
| 102 | <tspan>1932</tspan> |
| 103 | </text> |
| 104 | <text x="680" y="240" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="13" fill="#E8E8E8" text-anchor="middle"> |
| 105 | <tspan>首篇建筑论文</tspan> |
| 106 | </text> |
| 107 | <text x="680" y="260" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="11" fill="#A0A0B0" text-anchor="middle"> |
| 108 | <tspan>《论中国建筑之</tspan> |
| 109 | </text> |
| 110 | <text x="680" y="274" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="11" fill="#A0A0B0" text-anchor="middle"> |
| 111 | <tspan>几个特征》</tspan> |
| 112 | </text> |
| 113 | |
| 114 | <!-- 节点6: 1937-1946 战时 — 下方卡片 --> |
| 115 | <circle cx="820" cy="360" r="10" fill="url(#nodeGlow)" stroke="#1A1A2E" stroke-width="2" filter="url(#nodeShadow)"/> |
| 116 | <line x1="820" y1="372" x2="820" y2="430" stroke="#C9A96E" stroke-width="1" stroke-opacity="0.4" stroke-dasharray="4,3"/> |
| 117 | <rect x="750" y="432" width="140" height="78" rx="8" fill="#16213E" stroke="#2A2A4A" stroke-width="1"/> |
| 118 | <text x="820" y="457" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" font-weight="bold" fill="#C9A96E" text-anchor="middle"> |
| 119 | <tspan>1937-1946</tspan> |
| 120 | </text> |
| 121 | <text x="820" y="480" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="13" fill="#E8E8E8" text-anchor="middle"> |
| 122 | <tspan>战时流亡</tspan> |
| 123 | </text> |
| 124 | <text x="820" y="500" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="11" fill="#A0A0B0" text-anchor="middle"> |
| 125 | <tspan>坚持建筑研究</tspan> |
| 126 | </text> |
| 127 | |
| 128 | <!-- 节点7: 1949 国徽 — 上方卡片 --> |
| 129 | <circle cx="960" cy="360" r="10" fill="url(#nodeGlow)" stroke="#1A1A2E" stroke-width="2" filter="url(#nodeShadow)"/> |
| 130 | <line x1="960" y1="348" x2="960" y2="280" stroke="#C9A96E" stroke-width="1" stroke-opacity="0.4" stroke-dasharray="4,3"/> |
| 131 | <rect x="895" y="200" width="130" height="78" rx="8" fill="#16213E" stroke="#2A2A4A" stroke-width="1"/> |
| 132 | <text x="960" y="225" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" font-weight="bold" fill="#C9A96E" text-anchor="middle"> |
| 133 | <tspan>1949</tspan> |
| 134 | </text> |
| 135 | <text x="960" y="248" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="13" fill="#E8E8E8" text-anchor="middle"> |
| 136 | <tspan>参与国徽设计</tspan> |
| 137 | </text> |
| 138 | <text x="960" y="268" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="11" fill="#A0A0B0" text-anchor="middle"> |
| 139 | <tspan>病中坚持工作</tspan> |
| 140 | </text> |
| 141 | |
| 142 | <!-- 节点8: 1952 纪念碑 — 下方卡片（关键节点） --> |
| 143 | <circle cx="1060" cy="360" r="13" fill="url(#nodeGlow)" stroke="#E8D5B7" stroke-width="2" filter="url(#nodeShadow)"/> |
| 144 | <line x1="1060" y1="372" x2="1060" y2="430" stroke="#C9A96E" stroke-width="1" stroke-opacity="0.5" stroke-dasharray="4,3"/> |
| 145 | <rect x="990" y="432" width="140" height="78" rx="8" fill="#16213E" stroke="#C9A96E" stroke-width="1.5"/> |
| 146 | <text x="1060" y="457" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" font-weight="bold" fill="#E8D5B7" text-anchor="middle"> |
| 147 | <tspan>1952</tspan> |
| 148 | </text> |
| 149 | <text x="1060" y="480" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="13" fill="#E8E8E8" text-anchor="middle"> |
| 150 | <tspan>纪念碑设计</tspan> |
| 151 | </text> |
| 152 | <text x="1060" y="500" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="11" fill="#A0A0B0" text-anchor="middle"> |
| 153 | <tspan>生命最后的丰碑</tspan> |
| 154 | </text> |
| 155 | |
| 156 | <!-- 节点9: 1955 逝世 — 上方卡片 --> |
| 157 | <circle cx="1180" cy="360" r="12" fill="#8B6F47" stroke="#E8D5B7" stroke-width="2" filter="url(#nodeShadow)"/> |
| 158 | <line x1="1180" y1="346" x2="1180" y2="280" stroke="#C9A96E" stroke-width="1" stroke-opacity="0.5" stroke-dasharray="4,3"/> |
| 159 | <rect x="1110" y="195" width="140" height="84" rx="8" fill="#16213E" stroke="#8B6F47" stroke-width="1.5"/> |
| 160 | <text x="1180" y="220" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" font-weight="bold" fill="#E8D5B7" text-anchor="middle"> |
| 161 | <tspan>1955</tspan> |
| 162 | </text> |
| 163 | <text x="1180" y="243" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="13" fill="#E8E8E8" text-anchor="middle"> |
| 164 | <tspan>逝世</tspan> |
| 165 | </text> |
| 166 | <text x="1180" y="263" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="11" fill="#A0A0B0" text-anchor="middle"> |
| 167 | <tspan>墓碑刻：</tspan> |
| 168 | </text> |
| 169 | <text x="1180" y="276" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="11" fill="#C9A96E" text-anchor="middle"> |
| 170 | <tspan>建筑师林徽因墓</tspan> |
| 171 | </text> |
| 172 | |
| 173 | <!-- 底部引言 --> |
| 174 | <rect x="320" y="580" width="640" height="60" rx="8" fill="#16213E" stroke="#2A2A4A" stroke-width="1"/> |
| 175 | <text x="640" y="600" font-family="'KaiTi', Georgia, serif" font-size="16" fill="#C9A96E" text-anchor="middle" fill-opacity="0.8"> |
| 176 | <tspan>"从未在历史中走远，她的建筑精神穿越百年"</tspan> |
| 177 | </text> |
| 178 | <text x="640" y="626" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="12" fill="#6B6B80" text-anchor="middle"> |
| 179 | <tspan>用51年的生命，书写中国建筑史上最动人的篇章</tspan> |
| 180 | </text> |
| 181 | |
| 182 | <!-- 页码 --> |
| 183 | <text x="1200" y="700" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="12" fill="#6B6B80" text-anchor="end"> |
| 184 | <tspan>02 / 10</tspan> |
| 185 | </text> |
| 186 | </svg> |
| 187 |