| 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 | |
| 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 | |
| 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 | <path fill="#16213E" stroke="#2A2A4A" stroke-width="1" d="M68,200 H172 A8,8 0 0 1 180,208 V270 A8,8 0 0 1 172,278 H68 A8,8 0 0 1 60,270 V208 A8,8 0 0 1 68,200 Z" /> |
| 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 | |
| 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 | <path fill="#16213E" stroke="#2A2A4A" stroke-width="1" d="M203,432 H317 A8,8 0 0 1 325,440 V502 A8,8 0 0 1 317,510 H203 A8,8 0 0 1 195,502 V440 A8,8 0 0 1 203,432 Z" /> |
| 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 | |
| 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 | <path fill="#16213E" stroke="#2A2A4A" stroke-width="1" d="M343,200 H457 A8,8 0 0 1 465,208 V270 A8,8 0 0 1 457,278 H343 A8,8 0 0 1 335,270 V208 A8,8 0 0 1 343,200 Z" /> |
| 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 | |
| 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 | <path fill="#16213E" stroke="#2A2A4A" stroke-width="1" d="M483,432 H597 A8,8 0 0 1 605,440 V502 A8,8 0 0 1 597,510 H483 A8,8 0 0 1 475,502 V440 A8,8 0 0 1 483,432 Z" /> |
| 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 | |
| 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 | <path fill="#16213E" stroke="#C9A96E" stroke-width="1.5" d="M618,190 H742 A8,8 0 0 1 750,198 V270 A8,8 0 0 1 742,278 H618 A8,8 0 0 1 610,270 V198 A8,8 0 0 1 618,190 Z" /> |
| 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 | |
| 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 | <path fill="#16213E" stroke="#2A2A4A" stroke-width="1" d="M758,432 H882 A8,8 0 0 1 890,440 V502 A8,8 0 0 1 882,510 H758 A8,8 0 0 1 750,502 V440 A8,8 0 0 1 758,432 Z" /> |
| 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 | |
| 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 | <path fill="#16213E" stroke="#2A2A4A" stroke-width="1" d="M903,200 H1017 A8,8 0 0 1 1025,208 V270 A8,8 0 0 1 1017,278 H903 A8,8 0 0 1 895,270 V208 A8,8 0 0 1 903,200 Z" /> |
| 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 | |
| 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 | <path fill="#16213E" stroke="#C9A96E" stroke-width="1.5" d="M998,432 H1122 A8,8 0 0 1 1130,440 V502 A8,8 0 0 1 1122,510 H998 A8,8 0 0 1 990,502 V440 A8,8 0 0 1 998,432 Z" /> |
| 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 | |
| 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 | <path fill="#16213E" stroke="#8B6F47" stroke-width="1.5" d="M1118,195 H1242 A8,8 0 0 1 1250,203 V271 A8,8 0 0 1 1242,279 H1118 A8,8 0 0 1 1110,271 V203 A8,8 0 0 1 1118,195 Z" /> |
| 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 | <path fill="#16213E" stroke="#2A2A4A" stroke-width="1" d="M328,580 H952 A8,8 0 0 1 960,588 V632 A8,8 0 0 1 952,640 H328 A8,8 0 0 1 320,632 V588 A8,8 0 0 1 328,580 Z" /> |
| 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> |