| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <filter id="cardShadow"> |
| 4 | <feGaussianBlur in="SourceAlpha" stdDeviation="4"/> |
| 5 | <feOffset dx="0" dy="2"/> |
| 6 | <feComponentTransfer><feFuncA type="linear" slope="0.25"/></feComponentTransfer> |
| 7 | <feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge> |
| 8 | </filter> |
| 9 | <radialGradient id="bgGlow" cx="70%" cy="50%" r="50%"> |
| 10 | <stop offset="0%" stop-color="#C9A96E" stop-opacity="0.03"/> |
| 11 | <stop offset="100%" stop-color="#C9A96E" stop-opacity="0"/> |
| 12 | </radialGradient> |
| 13 | <linearGradient id="imgOverlay" x1="100%" y1="0%" x2="0%" y2="0%"> |
| 14 | <stop offset="0%" stop-color="#1A1A2E" stop-opacity="0"/> |
| 15 | <stop offset="85%" stop-color="#1A1A2E" stop-opacity="0.1"/> |
| 16 | <stop offset="100%" stop-color="#1A1A2E" stop-opacity="0.6"/> |
| 17 | </linearGradient> |
| 18 | </defs> |
| 19 | |
| 20 | <!-- 背景 --> |
| 21 | <rect width="1280" height="720" fill="#1A1A2E"/> |
| 22 | <rect width="1280" height="720" fill="url(#bgGlow)"/> |
| 23 | |
| 24 | <!-- 章节标记 --> |
| 25 | <text x="60" y="42" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="12" fill="#C9A96E" letter-spacing="3"> |
| 26 | <tspan>PART 01 · 建筑师林徽因</tspan> |
| 27 | </text> |
| 28 | |
| 29 | <!-- 标题 --> |
| 30 | <rect x="60" y="55" width="4" height="32" fill="#C9A96E"/> |
| 31 | <text x="80" y="82" font-family="'KaiTi', Georgia, serif" font-size="32" font-weight="bold" fill="#E8E8E8"> |
| 32 | <tspan>战火中的建筑理想</tspan> |
| 33 | </text> |
| 34 | |
| 35 | <!-- 左侧图片区域 --> |
| 36 | <rect x="60" y="120" width="480" height="540" rx="12" fill="#16213E"/> |
| 37 | <image href="../images/kunming_site.png" x="60" y="120" width="480" height="340" preserveAspectRatio="xMidYMid slice"/> |
| 38 | <rect x="60" y="120" width="480" height="340" fill="url(#imgOverlay)"/> |
| 39 | <text x="80" y="480" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="11" fill="#6B6B80"> |
| 40 | <tspan>林徽因（中）和梁从诫（左）在昆明自宅建筑工地</tspan> |
| 41 | </text> |
| 42 | |
| 43 | <!-- 底部小图 --> |
| 44 | <image href="../images/yingqiu_院.png" x="60" y="500" width="230" height="160" preserveAspectRatio="xMidYMid slice"/> |
| 45 | <text x="80" y="655" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="11" fill="#6B6B80"> |
| 46 | <tspan>映秋院历史照片</tspan> |
| 47 | </text> |
| 48 | <image href="../images/pku_geology.png" x="310" y="500" width="230" height="160" preserveAspectRatio="xMidYMid slice"/> |
| 49 | <text x="330" y="655" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="11" fill="#6B6B80"> |
| 50 | <tspan>北大地质馆旧址</tspan> |
| 51 | </text> |
| 52 | |
| 53 | <!-- 右侧内容区域 --> |
| 54 | <!-- 项目1 --> |
| 55 | <rect x="580" y="120" width="640" height="120" rx="10" fill="#16213E" stroke="#2A2A4A" stroke-width="1"/> |
| 56 | <rect x="580" y="120" width="4" height="120" rx="2" fill="#C9A96E"/> |
| 57 | <use data-icon="chunk/museum" x="604" y="140" width="28" height="28" fill="#C9A96E"/> |
| 58 | <text x="644" y="147" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="13" font-weight="bold" fill="#C9A96E"> |
| 59 | <tspan>1932</tspan> |
| 60 | </text> |
| 61 | <text x="644" y="170" font-family="'KaiTi', Georgia, serif" font-size="22" font-weight="bold" fill="#E8D5B7"> |
| 62 | <tspan>北大地质馆与女生宿舍</tspan> |
| 63 | </text> |
| 64 | <text x="604" y="198" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 65 | <tspan>中国最早引入西方现代主义建筑风格的作品之一</tspan> |
| 66 | </text> |
| 67 | <text x="604" y="220" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 68 | <tspan>女生宿舍楼梯扶手特别细小——因为女生手小</tspan> |
| 69 | </text> |
| 70 | |
| 71 | <!-- 项目2 --> |
| 72 | <rect x="580" y="260" width="640" height="120" rx="10" fill="#16213E" stroke="#2A2A4A" stroke-width="1"/> |
| 73 | <rect x="580" y="260" width="4" height="120" rx="2" fill="#C9A96E"/> |
| 74 | <use data-icon="chunk/building" x="604" y="280" width="28" height="28" fill="#C9A96E"/> |
| 75 | <text x="644" y="287" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="13" font-weight="bold" fill="#C9A96E"> |
| 76 | <tspan>1938</tspan> |
| 77 | </text> |
| 78 | <text x="644" y="310" font-family="'KaiTi', Georgia, serif" font-size="22" font-weight="bold" fill="#E8D5B7"> |
| 79 | <tspan>云南大学映秋院</tspan> |
| 80 | </text> |
| 81 | <text x="604" y="338" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 82 | <tspan>融合云南民间建筑，采用土、石、木材料</tspan> |
| 83 | </text> |
| 84 | <text x="604" y="360" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 85 | <tspan>使用游廊和望楼等中国民居传统元素</tspan> |
| 86 | </text> |
| 87 | |
| 88 | <!-- 项目3 --> |
| 89 | <rect x="580" y="400" width="640" height="120" rx="10" fill="#16213E" stroke="#2A2A4A" stroke-width="1"/> |
| 90 | <rect x="580" y="400" width="4" height="120" rx="2" fill="#8B6F47"/> |
| 91 | <use data-icon="chunk/building" x="604" y="420" width="28" height="28" fill="#8B6F47"/> |
| 92 | <text x="644" y="427" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="13" font-weight="bold" fill="#8B6F47"> |
| 93 | <tspan>1938</tspan> |
| 94 | </text> |
| 95 | <text x="644" y="450" font-family="'KaiTi', Georgia, serif" font-size="22" font-weight="bold" fill="#E8D5B7"> |
| 96 | <tspan>西南联大校舍</tspan> |
| 97 | </text> |
| 98 | <text x="604" y="478" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 99 | <tspan>"一生中最痛苦、最委屈的设计"</tspan> |
| 100 | </text> |
| 101 | <text x="604" y="500" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 102 | <tspan>高楼变矮楼，砖墙变土墙，最终成了茅草屋</tspan> |
| 103 | </text> |
| 104 | |
| 105 | <!-- 项目4 --> |
| 106 | <rect x="580" y="540" width="640" height="120" rx="10" fill="#16213E" stroke="#C9A96E" stroke-width="1"/> |
| 107 | <rect x="580" y="540" width="4" height="120" rx="2" fill="#E8D5B7"/> |
| 108 | <use data-icon="chunk/heart" x="604" y="560" width="28" height="28" fill="#E8D5B7"/> |
| 109 | <text x="644" y="567" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="13" font-weight="bold" fill="#E8D5B7"> |
| 110 | <tspan>1940</tspan> |
| 111 | </text> |
| 112 | <text x="644" y="590" font-family="'KaiTi', Georgia, serif" font-size="22" font-weight="bold" fill="#E8D5B7"> |
| 113 | <tspan>昆明自宅</tspan> |
| 114 | </text> |
| 115 | <text x="604" y="618" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#E8E8E8"> |
| 116 | <tspan>两位建筑师一生中为自己设计的唯一一所房子</tspan> |
| 117 | </text> |
| 118 | <text x="604" y="640" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#A0A0B0"> |
| 119 | <tspan>土坯白墙，木结构青瓦，简单明快而雅洁</tspan> |
| 120 | </text> |
| 121 | |
| 122 | <!-- 页码 --> |
| 123 | <text x="1200" y="700" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="12" fill="#6B6B80" text-anchor="end"> |
| 124 | <tspan>04 / 10</tspan> |
| 125 | </text> |
| 126 | </svg> |
| 127 |