| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <clipPath id="p07ImgL"><rect x="60" y="210" width="320" height="430" rx="6"/></clipPath> |
| 4 | <clipPath id="p07ImgR"><rect x="480" y="210" width="240" height="430" rx="6"/></clipPath> |
| 5 | <linearGradient id="p07TopL" x1="0" y1="0" x2="0" y2="1"> |
| 6 | <stop offset="0%" stop-color="#5A6B7A" stop-opacity="0.55"/> |
| 7 | <stop offset="40%" stop-color="#5A6B7A" stop-opacity="0"/> |
| 8 | </linearGradient> |
| 9 | <linearGradient id="p07TopR" x1="0" y1="0" x2="0" y2="1"> |
| 10 | <stop offset="0%" stop-color="#8B7355" stop-opacity="0.55"/> |
| 11 | <stop offset="40%" stop-color="#8B7355" stop-opacity="0"/> |
| 12 | </linearGradient> |
| 13 | <linearGradient id="p07BottomFade" x1="0" y1="0" x2="0" y2="1"> |
| 14 | <stop offset="0%" stop-color="#F5F2EC" stop-opacity="0"/> |
| 15 | <stop offset="100%" stop-color="#F5F2EC" stop-opacity="0.95"/> |
| 16 | </linearGradient> |
| 17 | </defs> |
| 18 | |
| 19 | <g id="bg"> |
| 20 | <rect width="1280" height="720" fill="#F5F2EC"/> |
| 21 | </g> |
| 22 | |
| 23 | <g id="header"> |
| 24 | <rect x="60" y="60" width="3" height="32" fill="#8B7355"/> |
| 25 | <text x="76" y="84" font-family="Georgia, serif" font-size="13" font-weight="700" fill="#5A6B7A" letter-spacing="3">II · 范本 · REGENERATION</text> |
| 26 | <text x="1220" y="84" text-anchor="end" font-family="Georgia, serif" font-size="13" fill="#5A6B7A">QUAY QUARTER TOWER · SYDNEY</text> |
| 27 | </g> |
| 28 | |
| 29 | <g id="page-title"> |
| 30 | <text x="60" y="150" font-family="KaiTi, Georgia, serif" font-size="36" font-weight="700" fill="#2B3A4A">世界第一座<tspan fill="#8B7355">"全面升级改造"</tspan>的摩天大楼</text> |
| 31 | <line x1="60" y1="174" x2="160" y2="174" stroke="#8B7355" stroke-width="2"/> |
| 32 | </g> |
| 33 | |
| 34 | <g id="img-before"> |
| 35 | <image href="../images/640_4.png" x="60" y="210" width="320" height="430" preserveAspectRatio="xMidYMid slice" clip-path="url(#p07ImgL)"/> |
| 36 | <rect x="60" y="210" width="320" height="120" fill="url(#p07TopL)"/> |
| 37 | <rect x="60" y="560" width="320" height="80" fill="url(#p07BottomFade)"/> |
| 38 | <g id="badge-before"> |
| 39 | <rect x="80" y="230" width="12" height="12" fill="#F5F2EC"/> |
| 40 | <text x="100" y="241" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#F5F2EC" letter-spacing="3">BEFORE</text> |
| 41 | </g> |
| 42 | <text x="60" y="668" font-family=""Microsoft YaHei", sans-serif" font-size="13" fill="#5A6B7A">原 AMP 中心 · 1976 年 · 206 米 · 49 层</text> |
| 43 | </g> |
| 44 | |
| 45 | <g id="arrow-mid"> |
| 46 | <text x="430" y="430" text-anchor="middle" font-family="Georgia, serif" font-size="16" font-weight="700" fill="#8B7355" letter-spacing="2">RE</text> |
| 47 | <line x1="410" y1="445" x2="450" y2="445" stroke="#8B7355" stroke-width="2"/> |
| 48 | <text x="430" y="468" text-anchor="middle" font-family="Georgia, serif" font-size="16" font-weight="700" fill="#8B7355" letter-spacing="2">USE</text> |
| 49 | <polygon points="430,495 420,510 440,510" fill="#8B7355"/> |
| 50 | </g> |
| 51 | |
| 52 | <g id="img-after"> |
| 53 | <image href="../images/640_5.png" x="480" y="210" width="240" height="430" preserveAspectRatio="xMidYMid slice" clip-path="url(#p07ImgR)"/> |
| 54 | <rect x="480" y="210" width="240" height="120" fill="url(#p07TopR)"/> |
| 55 | <rect x="480" y="560" width="240" height="80" fill="url(#p07BottomFade)"/> |
| 56 | <g id="badge-after"> |
| 57 | <rect x="500" y="230" width="12" height="12" fill="#8B7355"/> |
| 58 | <text x="520" y="241" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#F5F2EC" letter-spacing="3">AFTER</text> |
| 59 | </g> |
| 60 | <text x="480" y="668" font-family=""Microsoft YaHei", sans-serif" font-size="13" fill="#5A6B7A">Quay Quarter Tower · 多功能综合体</text> |
| 61 | </g> |
| 62 | |
| 63 | <g id="key-data"> |
| 64 | <rect x="760" y="210" width="460" height="200" rx="6" fill="#EBE6DC"/> |
| 65 | <text x="784" y="248" font-family=""Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#8B7355" letter-spacing="2">改造核心原则</text> |
| 66 | <text x="784" y="288" font-family="KaiTi, Georgia, serif" font-size="26" font-weight="700" fill="#2B3A4A">"最大化保留 · 高质量升级"</text> |
| 67 | <line x1="784" y1="308" x2="850" y2="308" stroke="#C2410C" stroke-width="2"/> |
| 68 | <text x="784" y="350" font-family="Georgia, serif" font-size="48" font-weight="700" fill="#8B7355">65<tspan font-size="22" fill="#5A6B7A" dx="4">%</tspan></text> |
| 69 | <text x="784" y="380" font-family=""Microsoft YaHei", sans-serif" font-size="13" fill="#5A6B7A">主体结构保留</text> |
| 70 | <text x="900" y="392" font-family=""Microsoft YaHei", sans-serif" font-size="13" fill="#5A6B7A">(梁、柱和楼板)</text> |
| 71 | <text x="1020" y="350" font-family="Georgia, serif" font-size="48" font-weight="700" fill="#8B7355">95<tspan font-size="22" fill="#5A6B7A" dx="4">%</tspan></text> |
| 72 | <text x="1020" y="380" font-family=""Microsoft YaHei", sans-serif" font-size="13" fill="#5A6B7A">原有核心筒保留</text> |
| 73 | </g> |
| 74 | |
| 75 | <g id="design-firm"> |
| 76 | <rect x="760" y="430" width="460" height="210" rx="6" fill="#FFFFFF" stroke="#D6CFC0" stroke-width="1"/> |
| 77 | <text x="784" y="468" font-family=""Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#8B7355" letter-spacing="2">设计 · 3XN 建筑事务所</text> |
| 78 | <text x="784" y="510" font-family=""Microsoft YaHei", sans-serif" font-size="15" fill="#2B3A4A">"20 世纪中后期建造的摩天大楼"</text> |
| 79 | <text x="784" y="534" font-family=""Microsoft YaHei", sans-serif" font-size="15" fill="#2B3A4A">"正逐渐达到其设计寿命的终点。"</text> |
| 80 | <text x="784" y="572" font-family=""Microsoft YaHei", sans-serif" font-size="15" fill="#5A6B7A">"我们必须延长已有建筑的寿命,"</text> |
| 81 | <text x="784" y="596" font-family=""Microsoft YaHei", sans-serif" font-size="15" fill="#5A6B7A">"释放其潜在价值。"</text> |
| 82 | <text x="784" y="624" font-family="KaiTi, Georgia, serif" font-size="13" font-style="italic" fill="#C2410C">— 这是建筑可持续性最根本的定义</text> |
| 83 | </g> |
| 84 | |
| 85 | <g id="footer"> |
| 86 | <text x="60" y="710" font-family=""Microsoft YaHei", sans-serif" font-size="12" fill="#8A8275">图源:Archdaily</text> |
| 87 | <text x="1220" y="710" text-anchor="end" font-family="Georgia, serif" font-size="12" fill="#8A8275">07 / 15</text> |
| 88 | </g> |
| 89 | </svg> |
| 90 |