| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <linearGradient id="titleGrad" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 4 | <stop offset="0%" stop-color="#C9A96E"/> |
| 5 | <stop offset="100%" stop-color="#E8D5B7"/> |
| 6 | </linearGradient> |
| 7 | <filter id="cardShadow"> |
| 8 | <feGaussianBlur in="SourceAlpha" stdDeviation="4"/> |
| 9 | <feOffset dx="0" dy="2"/> |
| 10 | <feComponentTransfer><feFuncA type="linear" slope="0.25"/></feComponentTransfer> |
| 11 | <feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge> |
| 12 | </filter> |
| 13 | <radialGradient id="bgGlow" cx="30%" cy="30%" r="50%"> |
| 14 | <stop offset="0%" stop-color="#C9A96E" stop-opacity="0.03"/> |
| 15 | <stop offset="100%" stop-color="#C9A96E" stop-opacity="0"/> |
| 16 | </radialGradient> |
| 17 | </defs> |
| 18 | |
| 19 | <!-- 背景 --> |
| 20 | <rect width="1280" height="720" fill="#1A1A2E"/> |
| 21 | <rect width="1280" height="720" fill="url(#bgGlow)"/> |
| 22 | |
| 23 | <!-- 章节标记 --> |
| 24 | <text x="60" y="42" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="12" fill="#C9A96E" letter-spacing="3"> |
| 25 | <tspan>PART 01 · 建筑师林徽因</tspan> |
| 26 | </text> |
| 27 | |
| 28 | <!-- 标题 --> |
| 29 | <rect x="60" y="55" width="4" height="32" fill="#C9A96E"/> |
| 30 | <text x="80" y="82" font-family="'KaiTi', Georgia, serif" font-size="32" font-weight="bold" fill="#E8E8E8"> |
| 31 | <tspan>归国初期的建筑实践</tspan> |
| 32 | </text> |
| 33 | |
| 34 | <!-- 三列卡片 --> |
| 35 | <!-- 卡片1: 梁启超墓碑 --> |
| 36 | <rect x="60" y="130" width="370" height="530" rx="12" fill="#16213E" stroke="#2A2A4A" stroke-width="1" filter="url(#cardShadow)"/> |
| 37 | <!-- 卡片顶部金色条 --> |
| 38 | <rect x="60" y="130" width="370" height="4" rx="2" fill="#C9A96E"/> |
| 39 | <!-- 年份标签 --> |
| 40 | <rect x="80" y="152" width="60" height="24" rx="12" fill="#C9A96E" fill-opacity="0.15"/> |
| 41 | <text x="110" y="169" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="13" font-weight="bold" fill="#C9A96E" text-anchor="middle"> |
| 42 | <tspan>1929</tspan> |
| 43 | </text> |
| 44 | <!-- 图标 --> |
| 45 | <use data-icon="chunk/building" x="80" y="195" width="36" height="36" fill="#C9A96E"/> |
| 46 | <!-- 标题 --> |
| 47 | <text x="80" y="260" font-family="'KaiTi', Georgia, serif" font-size="22" font-weight="bold" fill="#E8D5B7"> |
| 48 | <tspan>梁启超墓碑</tspan> |
| 49 | </text> |
| 50 | <!-- 描述 --> |
| 51 | <text x="80" y="290" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="16" fill="#E8E8E8"> |
| 52 | <tspan>学成归来后的</tspan> |
| 53 | </text> |
| 54 | <text x="80" y="312" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="16" fill="#E8E8E8"> |
| 55 | <tspan>第一个作品</tspan> |
| 56 | </text> |
| 57 | <rect x="80" y="328" width="40" height="1" fill="#C9A96E" fill-opacity="0.3"/> |
| 58 | <text x="80" y="355" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 59 | <tspan>梁思成和林徽因为父亲</tspan> |
| 60 | </text> |
| 61 | <text x="80" y="377" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 62 | <tspan>设计墓碑。大理石制成，</tspan> |
| 63 | </text> |
| 64 | <text x="80" y="399" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 65 | <tspan>高2.8米，宽1.7米，</tspan> |
| 66 | </text> |
| 67 | <text x="80" y="421" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 68 | <tspan>形状似榫，古朴庄重。</tspan> |
| 69 | </text> |
| 70 | |
| 71 | <!-- 卡片2: 吉林石头楼 --> |
| 72 | <rect x="455" y="130" width="370" height="530" rx="12" fill="#16213E" stroke="#2A2A4A" stroke-width="1" filter="url(#cardShadow)"/> |
| 73 | <rect x="455" y="130" width="370" height="4" rx="2" fill="#C9A96E"/> |
| 74 | <rect x="475" y="152" width="60" height="24" rx="12" fill="#C9A96E" fill-opacity="0.15"/> |
| 75 | <text x="505" y="169" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="13" font-weight="bold" fill="#C9A96E" text-anchor="middle"> |
| 76 | <tspan>1929</tspan> |
| 77 | </text> |
| 78 | <use data-icon="chunk/castle" x="475" y="195" width="36" height="36" fill="#C9A96E"/> |
| 79 | <text x="475" y="260" font-family="'KaiTi', Georgia, serif" font-size="22" font-weight="bold" fill="#E8D5B7"> |
| 80 | <tspan>吉林大学石头楼</tspan> |
| 81 | </text> |
| 82 | <text x="475" y="290" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="16" fill="#E8E8E8"> |
| 83 | <tspan>"梁陈童蔡"事务所</tspan> |
| 84 | </text> |
| 85 | <text x="475" y="312" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="16" fill="#E8E8E8"> |
| 86 | <tspan>联合设计</tspan> |
| 87 | </text> |
| 88 | <rect x="475" y="328" width="40" height="1" fill="#C9A96E" fill-opacity="0.3"/> |
| 89 | <text x="475" y="355" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 90 | <tspan>在东北大学期间，参与</tspan> |
| 91 | </text> |
| 92 | <text x="475" y="377" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 93 | <tspan>吉林大学校舍总体规划</tspan> |
| 94 | </text> |
| 95 | <text x="475" y="399" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 96 | <tspan>及教学楼设计，后归属</tspan> |
| 97 | </text> |
| 98 | <text x="475" y="421" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 99 | <tspan>东北电力大学。</tspan> |
| 100 | </text> |
| 101 | |
| 102 | <!-- 卡片3: 吉海铁路总站 --> |
| 103 | <rect x="850" y="130" width="370" height="530" rx="12" fill="#16213E" stroke="#2A2A4A" stroke-width="1" filter="url(#cardShadow)"/> |
| 104 | <rect x="850" y="130" width="370" height="4" rx="2" fill="#E8D5B7"/> |
| 105 | <rect x="870" y="152" width="60" height="24" rx="12" fill="#E8D5B7" fill-opacity="0.15"/> |
| 106 | <text x="900" y="169" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="13" font-weight="bold" fill="#E8D5B7" text-anchor="middle"> |
| 107 | <tspan>1928</tspan> |
| 108 | </text> |
| 109 | <use data-icon="chunk/building" x="870" y="195" width="36" height="36" fill="#E8D5B7"/> |
| 110 | <text x="870" y="260" font-family="'KaiTi', Georgia, serif" font-size="22" font-weight="bold" fill="#E8D5B7"> |
| 111 | <tspan>吉海铁路总站</tspan> |
| 112 | </text> |
| 113 | <text x="870" y="290" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="16" fill="#E8E8E8"> |
| 114 | <tspan>林徽因设计总体风貌</tspan> |
| 115 | </text> |
| 116 | <text x="870" y="312" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="16" fill="#E8E8E8"> |
| 117 | <tspan>梁思成负责审定</tspan> |
| 118 | </text> |
| 119 | <rect x="870" y="328" width="40" height="1" fill="#E8D5B7" fill-opacity="0.3"/> |
| 120 | <text x="870" y="355" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 121 | <tspan>大型哥特式建筑，从空中</tspan> |
| 122 | </text> |
| 123 | <text x="870" y="377" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 124 | <tspan>俯瞰造型如雄狮伏卧，</tspan> |
| 125 | </text> |
| 126 | <text x="870" y="399" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 127 | <tspan>"狮尾"巧妙设计成钟塔，</tspan> |
| 128 | </text> |
| 129 | <text x="870" y="421" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 130 | <tspan>寓意中国如雄狮初醒。</tspan> |
| 131 | </text> |
| 132 | <!-- 图片区域 --> |
| 133 | <rect x="870" y="440" width="330" height="180" rx="8" fill="#1A1A2E"/> |
| 134 | <image href="../images/jihai_station_old.png" x="870" y="440" width="330" height="180" preserveAspectRatio="xMidYMid slice"/> |
| 135 | <text x="1035" y="640" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="11" fill="#6B6B80" text-anchor="middle"> |
| 136 | <tspan>吉海铁路总站历史照片</tspan> |
| 137 | </text> |
| 138 | |
| 139 | <!-- 页码 --> |
| 140 | <text x="1200" y="700" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="12" fill="#6B6B80" text-anchor="end"> |
| 141 | <tspan>03 / 10</tspan> |
| 142 | </text> |
| 143 | </svg> |
| 144 |