| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <clipPath id="p11Hero"><rect x="60" y="290" width="540" height="370" rx="6"/></clipPath> |
| 4 | <clipPath id="p11Inset"><rect x="650" y="290" width="290" height="200" rx="6"/></clipPath> |
| 5 | <linearGradient id="p11HeroBottom" x1="0" y1="0" x2="0" y2="1"> |
| 6 | <stop offset="0%" stop-color="#1A2530" stop-opacity="0"/> |
| 7 | <stop offset="100%" stop-color="#1A2530" stop-opacity="0.55"/> |
| 8 | </linearGradient> |
| 9 | <linearGradient id="p11InsetTop" x1="0" y1="0" x2="0" y2="1"> |
| 10 | <stop offset="0%" stop-color="#5A6B7A" stop-opacity="0.45"/> |
| 11 | <stop offset="50%" stop-color="#5A6B7A" stop-opacity="0"/> |
| 12 | </linearGradient> |
| 13 | <filter id="p11Lift" x="-15%" y="-15%" width="130%" height="130%"> |
| 14 | <feGaussianBlur in="SourceAlpha" stdDeviation="6"/> |
| 15 | <feOffset dx="0" dy="3" result="o"/> |
| 16 | <feFlood flood-color="#000000" flood-opacity="0.10"/> |
| 17 | <feComposite in2="o" operator="in"/> |
| 18 | <feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge> |
| 19 | </filter> |
| 20 | </defs> |
| 21 | |
| 22 | <g id="bg"> |
| 23 | <rect width="1280" height="720" fill="#F5F2EC"/> |
| 24 | </g> |
| 25 | |
| 26 | <g id="header"> |
| 27 | <rect x="60" y="60" width="3" height="32" fill="#6B7A4F"/> |
| 28 | <text x="76" y="84" font-family="Georgia, serif" font-size="13" font-weight="700" fill="#5A6B7A" letter-spacing="3">III · 巡览 · CASE 03</text> |
| 29 | <text x="1220" y="84" text-anchor="end" font-family="Georgia, serif" font-size="13" fill="#5A6B7A">NEW YORK · 1931 → NOW</text> |
| 30 | </g> |
| 31 | |
| 32 | <g id="page-title"> |
| 33 | <text x="60" y="148" font-family="KaiTi, Georgia, serif" font-size="36" font-weight="700" fill="#2B3A4A">1931 年的装饰艺术摩天楼</text> |
| 34 | <text x="60" y="194" font-family="KaiTi, Georgia, serif" font-size="36" font-weight="700" fill="#6B7A4F">变成 566 套公寓</text> |
| 35 | <line x1="60" y1="220" x2="160" y2="220" stroke="#6B7A4F" stroke-width="2"/> |
| 36 | <text x="60" y="252" font-family=""Microsoft YaHei", sans-serif" font-size="15" fill="#5A6B7A">One Wall Street · 曼哈顿金融区 · 设计：Ralph Walker</text> |
| 37 | </g> |
| 38 | |
| 39 | <g id="hero-image"> |
| 40 | <image href="../images/640_13.png" x="60" y="290" width="540" height="370" preserveAspectRatio="xMidYMid slice" clip-path="url(#p11Hero)"/> |
| 41 | <rect x="60" y="500" width="540" height="160" fill="url(#p11HeroBottom)"/> |
| 42 | <text x="80" y="640" font-family="Georgia, serif" font-size="13" fill="#F5F2EC" letter-spacing="3">DECO LANDMARK · 50 FLOORS</text> |
| 43 | <text x="60" y="688" font-family=""Microsoft YaHei", sans-serif" font-size="13" fill="#5A6B7A">改造后的 One Wall Street · 装饰艺术摩天楼</text> |
| 44 | </g> |
| 45 | |
| 46 | <g id="inset-image" filter="url(#p11Lift)"> |
| 47 | <image href="../images/640_14.png" x="650" y="290" width="290" height="200" preserveAspectRatio="xMidYMid slice" clip-path="url(#p11Inset)"/> |
| 48 | <rect x="650" y="290" width="290" height="80" fill="url(#p11InsetTop)"/> |
| 49 | <g id="inset-tag"> |
| 50 | <rect x="666" y="306" width="12" height="12" fill="#F5F2EC"/> |
| 51 | <text x="686" y="317" font-family="Georgia, serif" font-size="11" font-weight="700" fill="#F5F2EC" letter-spacing="3">INTERIOR · APARTMENT</text> |
| 52 | </g> |
| 53 | <text x="650" y="514" font-family="KaiTi, Georgia, serif" font-size="14" fill="#5A6B7A">公寓内景 · 单间到四居室</text> |
| 54 | </g> |
| 55 | |
| 56 | <g id="key-stats"> |
| 57 | <rect x="960" y="290" width="260" height="270" rx="6" fill="#EBE6DC"/> |
| 58 | <text x="984" y="328" font-family=""Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#6B7A4F" letter-spacing="2">改造数据</text> |
| 59 | |
| 60 | <text x="984" y="386" font-family="Georgia, serif" font-size="40" font-weight="700" fill="#2B3A4A">50<tspan font-size="18" fill="#5A6B7A" dx="4">层</tspan></text> |
| 61 | <text x="984" y="412" font-family=""Microsoft YaHei", sans-serif" font-size="13" fill="#5A6B7A">原办公建筑总层数</text> |
| 62 | |
| 63 | <line x1="984" y1="430" x2="1196" y2="430" stroke="#D6CFC0" stroke-width="1"/> |
| 64 | |
| 65 | <text x="984" y="478" font-family="Georgia, serif" font-size="40" font-weight="700" fill="#6B7A4F">566<tspan font-size="18" fill="#5A6B7A" dx="4">套</tspan></text> |
| 66 | <text x="984" y="504" font-family=""Microsoft YaHei", sans-serif" font-size="13" fill="#5A6B7A">改造后公寓数量</text> |
| 67 | |
| 68 | <line x1="984" y1="522" x2="1196" y2="522" stroke="#D6CFC0" stroke-width="1"/> |
| 69 | |
| 70 | <text x="984" y="552" font-family=""Microsoft YaHei", sans-serif" font-size="13" fill="#5A6B7A">户型涵盖单间至四居室全谱系</text> |
| 71 | </g> |
| 72 | |
| 73 | <g id="insight"> |
| 74 | <rect x="650" y="580" width="570" height="80" rx="6" fill="#2B3A4A"/> |
| 75 | <use data-icon="tabler-outline/bulb" x="672" y="600" width="28" height="28" fill="#A8C575"/> |
| 76 | <text x="710" y="614" font-family=""Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#A8C575" letter-spacing="2">观察</text> |
| 77 | <text x="710" y="640" font-family=""Microsoft YaHei", sans-serif" font-size="14" fill="#F5F2EC">已成功的改造案例中，<tspan font-weight="700" fill="#A8C575">办公/商业建筑改其他用途</tspan> 占主流</text> |
| 78 | <text x="710" y="658" font-family=""Microsoft YaHei", sans-serif" font-size="13" fill="#D6CFC0">— 这类建筑的结构和强度都优于住宅，灵活性更高，便于引进新业态</text> |
| 79 | </g> |
| 80 | |
| 81 | <g id="footer"> |
| 82 | <text x="1220" y="710" text-anchor="end" font-family="Georgia, serif" font-size="12" fill="#8A8275">11 / 15</text> |
| 83 | </g> |
| 84 | </svg> |
| 85 |