feat: 导出 SproutClaw .sproutclaw 配置

包含 extensions、skills、prompts、settings、auth、models、mcp 等配置。
排除 node_modules、npm 缓存、sessions 等运行时数据。
This commit is contained in:
2026-06-26 15:48:56 +08:00
commit 50edff80f5
13904 changed files with 411646 additions and 0 deletions

View File

@@ -0,0 +1,15 @@
# high_rise_renewal_ppt169_20260516
- Canvas format: ppt169
- Created: 20260516
## Directories
- `svg_output/`: raw SVG output
- `svg_final/`: finalized SVG output
- `images/`: presentation assets
- `notes/`: speaker notes
- `templates/`: project templates
- `sources/`: source materials and normalized markdown
- `exports/`: main native pptx (timestamped); `_svg.pptx` sibling added when exported with `--svg-snapshot`
- `backup/<timestamp>/`: svg_output/ archive (always written in default-flow mode; safe to delete old timestamps)

View File

@@ -0,0 +1,386 @@
# 高层住宅"主动再生" - Design Spec
> 基于微信公众号文章《香港火灾之后,再也不敢买高层了,"主动再生"能解决高层住宅难题吗?》的演示文稿设计规范。
## I. Project Information
| Item | Value |
| ---- | ----- |
| **Project Name** | 高层住宅"主动再生" — 从悉尼范本到中国困局 |
| **Canvas Format** | PPT 16:9 (1280×720) |
| **Page Count** | 15 |
| **Design Style** | A) General Versatile + Editorial Magazine编辑杂志风 |
| **Target Audience** | 城市更新/建筑/地产从业者、政策研究者、关心居住安全的城市居民 |
| **Use Case** | 议题分享 / 行业沙龙 / 内部传阅 |
| **Created Date** | 2026-05-16 |
---
## II. Canvas Specification
| Property | Value |
| -------- | ----- |
| **Format** | PPT 16:9 |
| **Dimensions** | 1280×720 |
| **viewBox** | `0 0 1280 720` |
| **Margins** | 左右 60px上下 50px |
| **Content Area** | 1160×620安全区 |
---
## III. Visual Theme
### Theme Style
- **Style**: 编辑杂志风editorial magazine — 长文摘编 + 案例图片 + 观点提炼
- **Theme**: 浅色主题(米白纸感)
- **Tone**: 沉稳、有思辨张力、可读性强;像《三联生活周刊》《看理想》专题
### Color Scheme
| Role | HEX | Purpose |
| ---- | --- | ------- |
| **Background** | `#F5F2EC` | 米白纸感页面底色 |
| **Secondary bg** | `#EBE6DC` | 卡片/分栏次级底 |
| **Primary** | `#2B3A4A` | 深石板蓝灰 — 标题、正文主色 |
| **Secondary accent** | `#5A6B7A` | 次级文字、分割线 |
| **Accent (warning)** | `#C2410C` | 警示橙红 — 火灾、风险话题 |
| **Accent (regen)** | `#6B7A4F` | 苔绿 — 再生、可持续话题 |
| **Accent (heritage)** | `#8B7355` | 砖褐 — 建筑、历史话题 |
| **Body text** | `#2B3A4A` | 正文 |
| **Secondary text** | `#5A6B7A` | 注释、来源 |
| **Tertiary text** | `#8A8275` | 页码、页脚 |
| **Border/divider** | `#D6CFC0` | 分割线 |
> 60-30-10米白底 60% / 深蓝灰 30% / 橙红+苔绿+砖褐合计 10%。每页主题色按内容选用(火灾页用橙红、再生页用苔绿、建筑案例页用砖褐)。
---
## IV. Typography System
### Font Plan
**Typography direction**: Cool serif学术编辑 + 中文楷体引言
| Role | Chinese | English | Fallback tail |
| ---- | ------- | ------- | ------------- |
| **Title** | `KaiTi` | `Georgia` | `serif` |
| **Body** | `"Microsoft YaHei", "PingFang SC"` | `Arial` | `sans-serif` |
| **Emphasis** | `KaiTi` | `Georgia` | `serif` |
| **Code** | — | `Consolas, "Courier New"` | `monospace` |
**Per-role font stacks**:
- Title: `Georgia, KaiTi, serif`(拉丁先行,杂志感)
- Body: `"Microsoft YaHei", "PingFang SC", Arial, sans-serif`
- Emphasis: `KaiTi, Georgia, serif`(楷体引言/案例名)
- Code: `Consolas, "Courier New", monospace`
### Font Size Hierarchy
**Baseline**: Body = 20px中等密度适合科普长文
| Purpose | Ratio | Px | Weight |
| ------- | ----- | -- | ------ |
| Cover title | 3-4x | 60-80 | Bold |
| Chapter opener | 2.2-2.5x | 44-50 | Bold |
| Page title | 1.6-1.8x | 32-36 | Bold |
| Subtitle | 1.2-1.4x | 24-28 | SemiBold |
| **Body** | **1x** | **20** | Regular |
| Annotation | 0.7-0.8x | 14-16 | Regular |
| Page number | 0.6x | 12 | Regular |
---
## V. Layout Principles
### Page Structure
- **Header area**: 80px — 章节编号(罗马数字)+ 页码 + 细分割线
- **Content area**: 540px — 自由排布,多种 image-layout-pattern 混用
- **Footer area**: 40px — 页脚来源/页码
### Layout Pattern Library
按内容选用:单栏居中(封面/结语)、不对称分栏(案例对照)、全屏图+浮字(章节扉页/hero 页)、图文叠压、并置对照(改造前后)、多图拼贴(全球案例巡览)、负空间驱动(金句页)。
### Spacing Specification
**Universal**:
- Safe margin: 60px 左右 / 50px 上下
- Content block gap: 28-36px
- Icon-text gap: 12px
**Non-card containers**(编辑杂志风以分割线和留白为主,少量卡片):
- Line-height: 1.5× body
- Full-bleed text: 文字浮于图上时加 0.4-0.6 不透明遮罩
---
## VI. Icon Usage Specification
### Source
- **Library**: `tabler-outline`(线条 stroke=2编辑风格首选
- **Usage**: SVG 占位 `<use data-icon="tabler-outline/icon-name" .../>`
### Recommended Icon List
| Purpose | Icon Path | Page |
| ------- | --------- | ---- |
| 火灾/警示 | `tabler-outline/flame` | P03 |
| 时间/楼龄 | `tabler-outline/clock` | P03 |
| 建筑/塔楼 | `tabler-outline/building-skyscraper` | P04, P12 |
| 维修/工具 | `tabler-outline/tool` | P04 |
| 再生/循环 | `tabler-outline/refresh` | P06, P07 |
| 树叶/可持续 | `tabler-outline/leaf` | P07 |
| 拆除/爆破 | `tabler-outline/bomb` | P05 |
| 地图/位置 | `tabler-outline/map-pin` | P09, P10, P11 |
| 资金/钱袋 | `tabler-outline/coin` | P12 |
| 用户/居民 | `tabler-outline/users` | P13 |
| 检查/体检 | `tabler-outline/clipboard-check` | P13 |
| 引用/金句 | `tabler-outline/quote` | P14 |
> Executor 生成时如发现额外图标需求,在 `tabler-outline/` 目录内 `ls | grep` 查找最近邻;不混库。
---
## VII. Visualization Reference List
Catalog read: 71 templates
| Page | Template | Path | Summary-quote (verbatim) | Usage |
| ---- | -------- | ---- | ------------------------ | ----- |
| P02 | agenda_list | `templates/charts/agenda_list.svg` | "Pick for table of contents, meeting agendas, or presentation roadmap — numbered items + brief description + duration / owner per row." | 全篇议程导览4 部分) |
| P13 | numbered_steps | `templates/charts/numbered_steps.svg` | "Pick for 3-6 horizontal sequential steps with numeric emphasis — how-it-works section, getting-started guide, methodology overview, implementation phases." | "先体检、后更新"治理流程 4 步 |
**Runners-up considered**:
- `vertical_list` | rejected for P02议程页通常需要章节编号 + 简述列项agenda_list 更专门vertical_list 过于通用
- `process_flow` | rejected for P13内容是治理理念的并列阶段而非箭头连接的工作流numbered_steps 更贴合
- `pros_cons_chart` | rejected for P12高层住宅改造困局是单边复杂论述不是清晰的利弊对照故走自由设计
> 其它页面以叙述 + 图片为主,走自由设计(编辑杂志拼贴/分栏/hero不强行套图表模板。
---
## VIII. Image Resource List
> 用户提供 25 张原文配图,全部已就位 `images/`。布局采用多样化 image-layout-pattern不全用左右/上下分栏。
| Filename | Dimensions | Ratio | Purpose | Type | Layout pattern | Acquire Via | Status | Reference |
| -------- | --------- | ----- | ------- | ---- | -------------- | ----------- | ------ | --------- |
| 640.png | 606x991 | 0.61 | 香港高层夜景(封面背景) | Background | #1 full-bleed background with floating title | user | Existing | 城市夜景,灯火密集的超高层建筑 |
| 640_1.png | 1080x917 | 1.18 | 电影《焚城》剧照 | Photography | #38 background image + annotation cards | user | Existing | 高层火灾电影场景,警示氛围 |
| 640_2.png | 1080x648 | 1.67 | 普鲁特·艾格住宅区 | Photography | #48 side-by-side comparison与 640_3 并置) | user | Existing | 美国失败住宅区原貌 |
| 640_3.png | 660x521 | 1.27 | 普鲁特·艾格被爆破 | Photography | #48 side-by-side comparison与 640_2 并置) | user | Existing | 1972 年爆破拆除瞬间 |
| 640_4.png | 801x1200 | 0.67 | 改造前 AMP 中心 | Photography | #44 before-after split-screen与 640_5 并置) | user | Existing | 老旧办公塔楼原貌 |
| 640_5.png | 1080x2172 | 0.50 | 改造后 Quay Quarter Tower | Photography | #44 before-after split-screen与 640_4 并置) | user | Existing | 全新摩天楼正面竖幅 |
| 640_6.png | 750x1000 | 0.75 | Quay Quarter Tower 细节 1 | Photography | #2 left-third image / right-side text | user | Existing | 弧形顶部呼应港湾 |
| 640_7.png | 1080x440 | 2.45 | Quay Quarter Tower 细节 2 | Photography | #5 top-bottom band超宽 | user | Existing | 摩天楼远景超宽幅 |
| 640_8.png | 1080x1166 | 0.93 | Quay Quarter Tower 细节 3 | Photography | #41 image-as-canvas + KPI overlay | user | Existing | 建筑近景,叠加环保数据 |
| 640_9.png | 640x345 | 1.86 | 改造前深圳妇儿大厦 | Photography | #44 before-after split-screen与 640_10 并置) | user | Existing | 老旧大厦原貌 |
| 640_10.png | 1080x1620 | 0.67 | 改造后深圳妇儿大厦 | Photography | #44 before-after split-screen与 640_9 并置) | user | Existing | 彩色网格立面新貌 |
| 640_11.png | 600x781 | 0.77 | 改造前华东电力大楼 | Photography | #44 before-after split-screen与 640_12 并置) | user | Existing | 1988 年原貌 |
| 640_12.png | 1080x720 | 1.50 | 改造后艾迪逊酒店 | Photography | #44 before-after split-screen与 640_11 并置) | user | Existing | 节能改造后立面 |
| 640_13.png | 1080x718 | 1.50 | 纽约 One Wall Street 改造后 | Photography | #2 left-third image / right-side text | user | Existing | 装饰艺术风格摩天楼 |
| 640_14.png | 1080x608 | 1.78 | One Wall Street 公寓内景 | Photography | #20 polaroid stack | user | Existing | 室内空间细节 |
| 640_15.png | 469x581 | 0.81 | 城市建筑氛围 | Atmosphere | #6 atmospheric backdrop with overlay | user | Existing | 玻璃幕墙仰视 |
| 640_16.png | 1080x1439 | 0.75 | 北京"办公环橙"项目 | Photography | #3 right-third image / left-side text | user | Existing | 高层住宅改办公楼案例 |
| 640_17.png | 640x400 | 1.60 | MUJI 改造老旧公寓 | Photography | #20 polaroid stack与 640_16 拼贴) | user | Existing | 日式翻新房间 |
| 640_18.png | 1080x1440 | 0.75 | 高层住宅外景氛围 | Atmosphere | #6 atmospheric backdrop with overlay | user | Existing | 高层楼群仰视 |
| 640_19.png | 1080x810 | 1.33 | 改造前浙工新村 | Photography | #44 before-after split-screen与 640_20 并置) | user | Existing | 80 年代老旧小区 |
| 640_20.png | 1080x619 | 1.74 | 浙工新村建成效果图 | Photography | #44 before-after split-screen与 640_19 并置) | user | Existing | 原拆原建效果图 |
| 640_21.png | 870x580 | 1.50 | 居民议事氛围 | Atmosphere | #38 background image + annotation cards | user | Existing | 社区共建共治氛围 |
| 640_22.png | 1074x806 | 1.33 | 城市更新/体检氛围 | Photography | #2 left-third image / right-side text | user | Existing | 城市俯瞰,体检意象 |
| 640_23.png | 1080x723 | 1.49 | 城市天际线(结语) | Background | #1 full-bleed background with floating title | user | Existing | 结语 hero 大图 |
| 640_24.png | 640x640 | 1.00 | 圆形建筑装饰元素 | Decorative | #21 circular crop accent | user | Existing | 装饰圆图,章节扉页 accent |
> Layout 多样性自检:含 #1hero、#2/#3不对称分栏、#5超宽 band、#6氛围背景、#20polaroid 拼贴)、#21圆裁饰角、#38背景+卡)、#41image-as-canvas + 叠数据)、#44before-after 对照)、#48并置对比共 10 种 patternGroup D 覆盖P08#41 image-as-canvas + KPI 叠层)。
---
## IX. Content Outline
### Part 1: 引子 — 从一场火灾说起
#### Slide 01 - Cover
- **Layout**: 全屏 hero 背景 + 浮字标题Pattern #1
- **Title**: 主动再生
- **Subtitle**: 香港火灾之后,老旧高层何去何从
- **Info**: 基于公众号《孙琬童》原文 · 2026.05
- **Image**: 640.png高层夜景
#### Slide 02 - Agenda
- **Layout**: 单列议程agenda_list
- **Title**: 本次议程
- **Visualization**: agenda_list4 项)
- **Content**:
- I. 警钟:高层老龄化与消防困局
- II. 范本:悉尼摩天楼的"再生革命"
- III. 巡览:全球功能再造案例
- IV. 困局:中国老旧高层住宅的硬骨头
### Part 2: 警钟 — 高层老龄化与消防困局
#### Slide 03 - 香港火灾敲响警钟
- **Layout**: 背景图 + 注释卡Pattern #38
- **Title**: 一场火灾,暴露的不只是消防隐患
- **Content**:
- 2025.11.26 香港大埔宏福苑7 栋 30 层以上、近百米高、楼龄 42 年
- 2025 年前 8 个月全国高层建筑火灾 **3.6 万起**,超 2023 全年总量
- 地面消防救援高度通常 5080 米;超过 100 米主要靠建筑自救
- **Image**: 640_1.png《焚城》剧照背景
#### Slide 04 - 高层正在老去
- **Layout**: 不对称分栏 #2(左图右文)
- **Title**: 当年的繁荣象征,正在变成沉重的维修负担
- **Content**:
- 建成 10 余年后,结构、消防、电梯、外墙等风险密集显现
- 维护成本随楼龄陡增;愿意住高层的人正在变少
- "高层住宅是未来的贫民窟" — 西方已有先例
- **Image**: 640_18.png高层楼群仰视
#### Slide 05 - 前车之鉴:普鲁特·艾格
- **Layout**: 并置对照Pattern #48
- **Title**: 老旧高层只有"被爆破"一条路吗?
- **Content**:
- 美国普鲁特·艾格33 栋高层,公共空间长期失养 → 1972 年全部爆破
- 富裕居民迁出 → 中低收入聚居 → 设施破败 → 高犯罪率 → 拆除
- **Images**: 640_2.png原貌 + 640_3.png爆破瞬间
### Part 3: 范本 — 悉尼摩天楼的"再生革命"
#### Slide 06 - 章节扉页 II
- **Layout**: 全屏背景 + 浮字 + 圆形装饰Pattern #1 + #21
- **Title**: II
- **Subtitle**: 悉尼范本 — 一座摩天楼的"再生"革命
- **Image**: 640_24.png圆形装饰
#### Slide 07 - Quay Quarter Tower从拆到改
- **Layout**: Before-after 对照Pattern #44
- **Title**: 世界上第一座"全面升级改造"的摩天大楼
- **Content**:
- 原 AMP 中心1976 年206 米49 层
- 设计3XN — "最大化保留、高质量升级"
- 保留 65% 主体结构 + 95% 核心筒,转型多功能综合体
- **Images**: 640_4.png改造前 + 640_5.png改造后
#### Slide 08 - 环保数据:再生的真正分量
- **Layout**: Image-as-canvas + KPI 叠层Pattern #41
- **Title**: 入围"为地球奋斗奖"决赛的关键
- **Visualization**: 三个大数字hero number叠在建筑图上
- **Content**:
- **80%** 建筑垃圾(结构复用)
- **40%** 碳排放(相比推倒重建)
- **30%** 能源消耗(智能通风+光伏幕墙+雨水回收)
- **Image**: 640_8.png建筑近景作底
### Part 4: 巡览 — 全球功能再造案例
#### Slide 09 - 深圳妇儿大厦MVRDV
- **Layout**: Before-after 对照Pattern #44
- **Title**: 给老建筑穿一件"彩色网格外衣"
- **Content**:
- 1994 年建成MVRDV 主导改造
- 彩色网格立面增 1 米进深 → 遮阳 + 自然通风
- 引入酒店、儿童探索馆、图画书博物馆等多种业态
- **Images**: 640_9.png改造前 + 640_10.png改造后
#### Slide 10 - 上海艾迪逊酒店(华东电力大楼)
- **Layout**: Before-after 对照Pattern #44
- **Title**: 全国首家城市更新领域**碳中和酒店**
- **Content**:
- 原 1988 年华东电力大楼126 米,南京东路第一栋高层
- 2018 改扩建为艾迪逊酒店2023 完成节能改造
- 高性能外窗 + 空气源热泵 + 节能电梯 + 节水器具
- **Images**: 640_11.png改造前 + 640_12.png改造后
#### Slide 11 - 纽约 One Wall Street办公变住宅
- **Layout**: 不对称分栏 #2(左图右文) + polaroid 拼贴 #20
- **Title**: 1931 年的装饰艺术摩天楼,变成 566 套公寓
- **Content**:
- 50 层办公塔 → 单间到四居室全户型公寓
- 办公/商业改住宅是全球趋势:结构强度高、灵活性大
- **Images**: 640_13.png外景 + 640_14.png公寓内景 polaroid
### Part 5: 困局 — 中国老旧高层住宅的硬骨头
#### Slide 12 - 章节扉页 IV
- **Layout**: 氛围背景 + 浮字Pattern #6
- **Title**: IV
- **Subtitle**: 高层住宅老了、坏了,该怎么办?
- **Image**: 640_15.png玻璃幕墙仰视
#### Slide 13 - 试点案例:北京"办公环橙" + 浙工新村
- **Layout**: 双列拼贴(#3 右图左文 + #44 对照)
- **Title**: 已有的尝试:从功能再造到原拆原建
- **Content**:
- **办公环橙**(北京天通苑):高层住宅 → 办公楼,缓解"职住分离"
- **浙工新村**(杭州):首个原拆原建老旧小区
- 拆 13 幢,新建 7 幢 11 层;总投资 5.3 亿,居民自筹 4.7 亿
- 每户出资 10100 万元
- **Images**: 640_16.png办公环橙 + 640_19.png + 640_20.png浙工新村对照
#### Slide 14 - 真正的难题:让每家掏钱
- **Layout**: 负空间驱动 — 大字金句 + 注释Pattern #11
- **Title**: "原拆原建"在高层项目中,注定极其复杂
- **Content**:
- **金句**"高层住宅区户数更多,全体业主达成共识的难度大。"
- 资金从哪来、由谁出 → 仍在探索
- 出路可能在"共建共治共享"治理模式 — 设立"养老金"、引入"居委会"自管
- **Image**: 640_21.png社区议事氛围背景
#### Slide 15 - 结语:先体检、后更新
- **Layout**: 全屏 hero + numbered_steps 4 步
- **Title**: 从追求高度,到沉淀厚度
- **Visualization**: numbered_steps4 步)
- **Content**:
- **1. 体检** — 截至 2025.11,全国 297 个地级市 + 150+ 县级市启动城市体检
- **2. 设计** — 专业机构提供安全可靠方案
- **3. 协调** — 政府平台 + 社区基层组织
- **4. 再生** — 多方合力,老旧超高层焕发新机
- **Image**: 640_23.png城市天际线 hero 背景)
---
## X. Speaker Notes Requirements
- 每页 100180 字,对应 SVG 同名(`01_cover.md``01_cover.svg`
- 风格:解说式,杂志主持口吻;不堆砌数据,提炼观点
- `notes/total.md` 主文档使用 `#` 章节标题;分页文件不使用 `#`
---
## XI. Technical Constraints Reminder
### SVG Generation Must Follow:
1. viewBox: `0 0 1280 720`
2. 背景使用 `<rect>` 元素
3. 文字换行使用 `<tspan>``<foreignObject>` 禁用)
4. 透明度使用 `fill-opacity` / `stroke-opacity``rgba()` 禁用
5. 禁用:`mask``<style>``class``foreignObject``textPath``animate*``script`
6. 字符使用原生 Unicode © ® → NBSPHTML 命名实体禁用;`&` `<` `>` `"` `'` 必须转义
7. `clipPath` 仅允许用于 `<image>` 元素
### PPT Compatibility Rules:
- `<g opacity="...">` 禁用(设到每个子元素)
- 图片透明用叠加 `<rect>` 蒙版
- 仅内联样式;外部 CSS 与 `@font-face` 禁用

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 679 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 895 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 907 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 535 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 604 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 258 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 634 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 938 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 129 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 464 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 660 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 380 KiB

View File

@@ -0,0 +1 @@
大家好。今天我想和你聊一个关于城市的题目,叫主动再生。这个词来自一篇文章,说的是香港那场震动两岸三地的高层火灾之后,老旧的超高层建筑该何去何从。我们会从一场火出发,看看悉尼的范本,巡览一圈全球的功能再造案例,最后落到我们自己生活的中国城市。

View File

@@ -0,0 +1 @@
整场分享分为四个部分。第一部分是警钟,从香港火灾说起,看高层老龄化背后的系统性风险。第二部分是范本,看悉尼那座被誉为"再生革命"的摩天大楼。第三部分是巡览,走一圈深圳、上海、纽约的功能再造案例。第四部分回到中国,谈一谈老旧高层住宅这块真正的硬骨头。

View File

@@ -0,0 +1 @@
二零二五年十一月二十六日,香港大埔宏福苑发生大火。起火的七栋大楼都超过三十层,将近一百米高,楼龄已经达到四十二年。这场火不仅震动了香港本地,对正在做城市更新的内地城市同样是一记警钟。央广网的数据更让人心惊:仅二零二五年前八个月,全国高层建筑火灾就达到三万六千起,已经超过了二零二三年全年的总量。而地面消防救援的高度通常只能到五十到八十米,再往上就只能靠建筑自身的消防设施。

View File

@@ -0,0 +1 @@
把视线拉远一点,你会发现这其实是一场结构性的老去。当年象征城市化繁荣的高层住宅楼,建成十余年甚至更久之后,结构、消防、电梯、外墙的风险开始密集显现。维修的负担也变得越来越沉重。一个明显的信号是:现在愿意住高层的人,正在变少。"高层住宅是未来的贫民窟"这个说法,在西方一些发达国家已经变成了真实的经验教训。

View File

@@ -0,0 +1 @@
最经典的前车之鉴,是美国的普鲁特·艾格住宅区。这是个由三十三栋高层组成的样板社区,建成的时候还拿过建筑奖项。但随着公共空间长期失养、设施年久失修,富裕的居民陆续迁出,社区逐渐变成中低收入和外来人口的聚居地,犯罪率持续走高。一九七二年,这三十三栋高层全部被爆破拆除。从样板到爆破,只用了十八年。

View File

@@ -0,0 +1 @@
那么问题来了,老旧的高层,难道只有"被爆破"这一条路吗?这正是第二部分要回答的。让我们把视线投向悉尼的那座摩天大楼,它给出的答案叫做"主动再生"。

View File

@@ -0,0 +1 @@
这就是 Quay Quarter Tower前身是建于一九七六年的 AMP 中心。原本它面临的是被淘汰的命运,但开发者启动了一个叫做"升级再造"的计划,让它成为世界上第一座全面升级改造的摩天大楼。改造的核心原则只有八个字:最大化保留、高质量升级。最终保留了百分之六十五的主体结构、百分之九十五的核心筒。设计公司 3XN 说得很直接:二十世纪中后期建造的那批摩天楼,正在逐渐到达设计寿命的终点,我们必须延长它们的寿命,释放潜在价值,这才是建筑可持续性最根本的定义。

View File

@@ -0,0 +1 @@
那这场再生的真正分量在哪里?三个数字。建筑垃圾减少百分之八十,碳排放比推倒重建降低百分之四十,能源消耗下降超过百分之三十。正因为这三组数据,二零二五年十月,它入围了由英国威廉王子发起的"为地球奋斗奖"决赛,成为有史以来第一座获得该奖项提名的建筑。这告诉我们:老旧的超高层并不是包袱,通过科学改造完全可以重获新生,甚至成为新的城市地标。

View File

@@ -0,0 +1 @@
把视线拉回国内。这是深圳妇儿大厦,原建筑始建于一九九四年,由 MVRDV 主导改造。最有意思的设计是给它套了一件"彩色网格外衣"——立面增加了将近一米的进深,既起到遮阳作用,内侧又设置了可打开的面板,有效促进自然通风,明显降低了对空调的依赖。改造后的大厦集酒店、餐饮、儿童探索馆、图画书博物馆、婴幼儿托育馆、妇儿剧场为一体,是"适应性再利用"模式在城市更新领域的典范之作。

View File

@@ -0,0 +1 @@
接下来是上海。南京东路二零一号大楼,建于一九八八年,原是华东电力大楼,高一百二十六米,是新中国成立后南京路上的第一栋高层。它的故事跨越了三十五年:一九八八年建成;二零一八年和隔壁一八一号一起被改扩建为艾迪逊酒店;二零二三年又完成了节能改造,成为全国首家城市更新领域实现碳中和的酒店。改造引入了高性能外窗、空气源热泵热回收、节能电梯、节水器具等一整套绿色系统。

View File

@@ -0,0 +1 @@
第三个案例跳到纽约。这是 One Wall Street曼哈顿金融区一座装饰艺术风格的摩天楼一九三一年由著名建筑师 Ralph Walker 设计,五十层。如今它从办公楼变成了五百六十六套公寓,户型涵盖单间到四居室。我们巡览这一圈不难发现:成功改造的高层,绝大多数是办公或商业建筑改作其他用途。原因很现实——这类建筑的结构和强度都优于住宅,灵活性更高,便于引进新业态。

View File

@@ -0,0 +1 @@
这就引出我们要面对的真正难题。资金雄厚、产权清晰的商业项目相对好办;老旧的高层住宅改造,才是真正的硬骨头。第四部分,回到我们自己。

View File

@@ -0,0 +1 @@
国内已经有一些值得关注的尝试。第一个是北京天通苑的"办公环橙",把高层住宅改造成办公楼,希望解决天通苑长期以来的"职住分离"。改造时对原有的梁柱进行了局部加固,把住宅户型拓展为办公户型,以满足中小企业的需求。第二个是杭州的浙工新村,这是国内首个真正实现"原拆原建"的老旧小区。拆除原有十三幢,新建了七幢十一层小高层。重建总费用约五点三亿,居民自筹了四点七亿,每户出资在十万到一百万之间。

View File

@@ -0,0 +1 @@
但是要把"原拆原建"复制到普通高层住宅项目里,注定极其复杂。原因很朴素——高层小区户数更多,全体业主达成共识的难度极大。"让每家掏钱"这件事,把不少改造项目卡在了停滞状态。学者提出,可能的出路在于治理模式的创新——比如给高层住宅设立"养老金",比如借鉴国外经验建立类似"居委会"的组织,让居民对高层住宅进行自我管理,从微更新做起。技术方案当然重要,但解锁困局的密码,可能就藏在治理之中。

View File

@@ -0,0 +1 @@
最后,留一个相对乐观的尾声。今年我国正在大力推行"先体检、后更新"的城市更新理念。截至二零二五年十一月,全国已经有二百九十七个地级以上城市和一百五十多个县级市启动了城市体检,重点检验住宅结构安全隐患、违规建筑和承重墙拆改等问题。从体检到设计,从协调到再生,超高层建筑的未来,在于精耕细作式的改造。从追求高度,到沉淀厚度——这正是城市发展回归理性、追求高质量的缩影。谢谢大家。

View File

@@ -0,0 +1,87 @@
# 01_cover
大家好。今天我想和你聊一个关于城市的题目,叫主动再生。这个词来自一篇文章,说的是香港那场震动两岸三地的高层火灾之后,老旧的超高层建筑该何去何从。我们会从一场火出发,看看悉尼的范本,巡览一圈全球的功能再造案例,最后落到我们自己生活的中国城市。
---
# 02_agenda
整场分享分为四个部分。第一部分是警钟,从香港火灾说起,看高层老龄化背后的系统性风险。第二部分是范本,看悉尼那座被誉为"再生革命"的摩天大楼。第三部分是巡览,走一圈深圳、上海、纽约的功能再造案例。第四部分回到中国,谈一谈老旧高层住宅这块真正的硬骨头。
---
# 03_warning_fire
二零二五年十一月二十六日,香港大埔宏福苑发生大火。起火的七栋大楼都超过三十层,将近一百米高,楼龄已经达到四十二年。这场火不仅震动了香港本地,对正在做城市更新的内地城市同样是一记警钟。央广网的数据更让人心惊:仅二零二五年前八个月,全国高层建筑火灾就达到三万六千起,已经超过了二零二三年全年的总量。而地面消防救援的高度通常只能到五十到八十米,再往上就只能靠建筑自身的消防设施。
---
# 04_aging_highrise
把视线拉远一点,你会发现这其实是一场结构性的老去。当年象征城市化繁荣的高层住宅楼,建成十余年甚至更久之后,结构、消防、电梯、外墙的风险开始密集显现。维修的负担也变得越来越沉重。一个明显的信号是:现在愿意住高层的人,正在变少。"高层住宅是未来的贫民窟"这个说法,在西方一些发达国家已经变成了真实的经验教训。
---
# 05_pruitt_igoe
最经典的前车之鉴,是美国的普鲁特·艾格住宅区。这是个由三十三栋高层组成的样板社区,建成的时候还拿过建筑奖项。但随着公共空间长期失养、设施年久失修,富裕的居民陆续迁出,社区逐渐变成中低收入和外来人口的聚居地,犯罪率持续走高。一九七二年,这三十三栋高层全部被爆破拆除。从样板到爆破,只用了十八年。
---
# 06_chapter_II
那么问题来了,老旧的高层,难道只有"被爆破"这一条路吗?这正是第二部分要回答的。让我们把视线投向悉尼的那座摩天大楼,它给出的答案叫做"主动再生"。
---
# 07_quay_quarter
这就是 Quay Quarter Tower前身是建于一九七六年的 AMP 中心。原本它面临的是被淘汰的命运,但开发者启动了一个叫做"升级再造"的计划,让它成为世界上第一座全面升级改造的摩天大楼。改造的核心原则只有八个字:最大化保留、高质量升级。最终保留了百分之六十五的主体结构、百分之九十五的核心筒。设计公司 3XN 说得很直接:二十世纪中后期建造的那批摩天楼,正在逐渐到达设计寿命的终点,我们必须延长它们的寿命,释放潜在价值,这才是建筑可持续性最根本的定义。
---
# 08_eco_data
那这场再生的真正分量在哪里?三个数字。建筑垃圾减少百分之八十,碳排放比推倒重建降低百分之四十,能源消耗下降超过百分之三十。正因为这三组数据,二零二五年十月,它入围了由英国威廉王子发起的"为地球奋斗奖"决赛,成为有史以来第一座获得该奖项提名的建筑。这告诉我们:老旧的超高层并不是包袱,通过科学改造完全可以重获新生,甚至成为新的城市地标。
---
# 09_shenzhen_mvrdv
把视线拉回国内。这是深圳妇儿大厦,原建筑始建于一九九四年,由 MVRDV 主导改造。最有意思的设计是给它套了一件"彩色网格外衣"——立面增加了将近一米的进深,既起到遮阳作用,内侧又设置了可打开的面板,有效促进自然通风,明显降低了对空调的依赖。改造后的大厦集酒店、餐饮、儿童探索馆、图画书博物馆、婴幼儿托育馆、妇儿剧场为一体,是"适应性再利用"模式在城市更新领域的典范之作。
---
# 10_shanghai_edition
接下来是上海。南京东路二零一号大楼,建于一九八八年,原是华东电力大楼,高一百二十六米,是新中国成立后南京路上的第一栋高层。它的故事跨越了三十五年:一九八八年建成;二零一八年和隔壁一八一号一起被改扩建为艾迪逊酒店;二零二三年又完成了节能改造,成为全国首家城市更新领域实现碳中和的酒店。改造引入了高性能外窗、空气源热泵热回收、节能电梯、节水器具等一整套绿色系统。
---
# 11_one_wall_street
第三个案例跳到纽约。这是 One Wall Street曼哈顿金融区一座装饰艺术风格的摩天楼一九三一年由著名建筑师 Ralph Walker 设计,五十层。如今它从办公楼变成了五百六十六套公寓,户型涵盖单间到四居室。我们巡览这一圈不难发现:成功改造的高层,绝大多数是办公或商业建筑改作其他用途。原因很现实——这类建筑的结构和强度都优于住宅,灵活性更高,便于引进新业态。
---
# 12_chapter_IV
这就引出我们要面对的真正难题。资金雄厚、产权清晰的商业项目相对好办;老旧的高层住宅改造,才是真正的硬骨头。第四部分,回到我们自己。
---
# 13_pilot_cases
国内已经有一些值得关注的尝试。第一个是北京天通苑的"办公环橙",把高层住宅改造成办公楼,希望解决天通苑长期以来的"职住分离"。改造时对原有的梁柱进行了局部加固,把住宅户型拓展为办公户型,以满足中小企业的需求。第二个是杭州的浙工新村,这是国内首个真正实现"原拆原建"的老旧小区。拆除原有十三幢,新建了七幢十一层小高层。重建总费用约五点三亿,居民自筹了四点七亿,每户出资在十万到一百万之间。
---
# 14_real_difficulty
但是要把"原拆原建"复制到普通高层住宅项目里,注定极其复杂。原因很朴素——高层小区户数更多,全体业主达成共识的难度极大。"让每家掏钱"这件事,把不少改造项目卡在了停滞状态。学者提出,可能的出路在于治理模式的创新——比如给高层住宅设立"养老金",比如借鉴国外经验建立类似"居委会"的组织,让居民对高层住宅进行自我管理,从微更新做起。技术方案当然重要,但解锁困局的密码,可能就藏在治理之中。
---
# 15_ending
最后,留一个相对乐观的尾声。今年我国正在大力推行"先体检、后更新"的城市更新理念。截至二零二五年十一月,全国已经有二百九十七个地级以上城市和一百五十多个县级市启动了城市体检,重点检验住宅结构安全隐患、违规建筑和承重墙拆改等问题。从体检到设计,从协调到再生,超高层建筑的未来,在于精耕细作式的改造。从追求高度,到沉淀厚度——这正是城市发展回归理性、追求高质量的缩影。谢谢大家。

View File

@@ -0,0 +1,103 @@
# Execution Lock
## canvas
- viewBox: 0 0 1280 720
- format: PPT 16:9
## colors
- bg: #F5F2EC
- bg_secondary: #EBE6DC
- primary: #2B3A4A
- secondary_accent: #5A6B7A
- accent_warning: #C2410C
- accent_regen: #6B7A4F
- accent_heritage: #8B7355
- text: #2B3A4A
- text_secondary: #5A6B7A
- text_tertiary: #8A8275
- border: #D6CFC0
- on_dark_text: #F5F2EC
- on_dark_text_secondary: #D6CFC0
- on_dark_text_tertiary: #A8B0B8
- card_white: #FFFFFF
- accent_regen_light: #A8C575
- bg_dark_navy: #1A2530
- bg_dark_charcoal: #1A1A1A
- bg_dark_olive: #1F2A1F
## typography
- font_family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif
- title_family: Georgia, KaiTi, serif
- body_family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif
- emphasis_family: KaiTi, Georgia, serif
- code_family: Consolas, "Courier New", monospace
- body: 20
- title: 34
- subtitle: 26
- chapter_title: 48
- cover_title: 72
- hero_number: 64
- annotation: 14
- page_number: 12
- mega_kpi: 120
- chapter_numeral: 280
## icons
- library: tabler-outline
- stroke_width: 2
- inventory: flame, clock, building-skyscraper, tool, refresh, leaf, bomb, map-pin, coin, users, clipboard-check, quote
## images
- cover_bg: images/640.png
- fire_movie: images/640_1.png
- pruitt_before: images/640_2.png
- pruitt_demolish: images/640_3.png
- amp_before: images/640_4.png
- qqt_after: images/640_5.png
- qqt_detail1: images/640_6.png
- qqt_detail2: images/640_7.png
- qqt_detail3: images/640_8.png
- sz_before: images/640_9.png
- sz_after: images/640_10.png
- sh_before: images/640_11.png
- sh_after: images/640_12.png
- nyc_one_wall: images/640_13.png
- nyc_apartment: images/640_14.png
- atmosphere_glass: images/640_15.png
- bj_huancheng: images/640_16.png
- muji_room: images/640_17.png
- atmosphere_skyscraper: images/640_18.png
- zhejiang_before: images/640_19.png
- zhejiang_after: images/640_20.png
- community_meeting: images/640_21.png
- city_inspection: images/640_22.png
- skyline_ending: images/640_23.png
- circle_decor: images/640_24.png
## page_rhythm
- P01: anchor
- P02: anchor
- P03: dense
- P04: dense
- P05: dense
- P06: anchor
- P07: dense
- P08: breathing
- P09: dense
- P10: dense
- P11: dense
- P12: anchor
- P13: dense
- P14: breathing
- P15: anchor
## page_charts
- P02: agenda_list
- P15: numbered_steps
## forbidden
- Mixing icon libraries
- rgba()
- `<style>`, `class`, `<foreignObject>`, `textPath`, `@font-face`, `<animate*>`, `<script>`, `<iframe>`, `<symbol>`+`<use>`
- `<g opacity>` (set opacity on each child element individually)
- HTML named entities in text

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 476 KiB

View File

@@ -0,0 +1,70 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
<defs>
<linearGradient id="rail" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#C2410C" />
<stop offset="50%" stop-color="#8B7355" />
<stop offset="100%" stop-color="#6B7A4F" />
</linearGradient>
</defs>
<g id="bg">
<rect width="1280" height="720" fill="#F5F2EC" />
</g>
<g id="header">
<rect x="80" y="68" width="4" height="64" fill="#C2410C" />
<text x="104" y="100" font-family="KaiTi, Georgia, serif" font-size="36" font-weight="700" fill="#2B3A4A">本次议程</text>
<text x="104" y="124" font-family="Georgia, serif" font-size="13" font-weight="600" fill="#5A6B7A" letter-spacing="3">FOUR PARTS · FROM A FIRE TO A FRAMEWORK</text>
<text x="1200" y="100" text-anchor="end" font-family="Georgia, serif" font-size="13" fill="#5A6B7A" letter-spacing="2">CONTENTS</text>
</g>
<line x1="80" y1="158" x2="1200" y2="158" stroke="#D6CFC0" stroke-width="1.5" />
<line x1="160" y1="220" x2="160" y2="640" stroke="url(#rail)" stroke-width="3" stroke-linecap="round" />
<g id="item-01" transform="translate(0, 200)">
<circle cx="160" cy="36" r="26" fill="#F5F2EC" stroke="#C2410C" stroke-width="3" />
<text x="160" y="44" text-anchor="middle" font-family="Georgia, serif" font-size="16" font-weight="700" fill="#C2410C">I</text>
<text x="220" y="32" font-family="KaiTi, Georgia, serif" font-size="26" font-weight="700" fill="#2B3A4A">警钟</text>
<text x="290" y="32" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="22" font-weight="500" fill="#2B3A4A">高层老龄化与消防困局</text>
<text x="220" y="62" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="14" fill="#5A6B7A">从香港宏福苑火灾切入,看高层建筑老化背后的系统性风险</text>
<path fill="#FFFFFF" stroke="#C2410C" stroke-width="1" d="M1054,14 H1176 A4,4 0 0 1 1180,18 V46 A4,4 0 0 1 1176,50 H1054 A4,4 0 0 1 1050,46 V18 A4,4 0 0 1 1054,14 Z" />
<text x="1115" y="38" text-anchor="middle" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#C2410C" letter-spacing="2">P03 — P05</text>
</g>
<g id="item-02" transform="translate(0, 300)">
<circle cx="160" cy="36" r="26" fill="#F5F2EC" stroke="#8B7355" stroke-width="3" />
<text x="160" y="44" text-anchor="middle" font-family="Georgia, serif" font-size="16" font-weight="700" fill="#8B7355">II</text>
<text x="220" y="32" font-family="KaiTi, Georgia, serif" font-size="26" font-weight="700" fill="#2B3A4A">范本</text>
<text x="290" y="32" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="22" font-weight="500" fill="#2B3A4A">悉尼摩天楼的"再生革命"</text>
<text x="220" y="62" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="14" fill="#5A6B7A">Quay Quarter Tower世界第一座全面升级改造的摩天大楼</text>
<path fill="#FFFFFF" stroke="#8B7355" stroke-width="1" d="M1054,14 H1176 A4,4 0 0 1 1180,18 V46 A4,4 0 0 1 1176,50 H1054 A4,4 0 0 1 1050,46 V18 A4,4 0 0 1 1054,14 Z" />
<text x="1115" y="38" text-anchor="middle" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#8B7355" letter-spacing="2">P06 — P08</text>
</g>
<g id="item-03" transform="translate(0, 400)">
<circle cx="160" cy="36" r="26" fill="#F5F2EC" stroke="#6B7A4F" stroke-width="3" />
<text x="160" y="44" text-anchor="middle" font-family="Georgia, serif" font-size="16" font-weight="700" fill="#6B7A4F">III</text>
<text x="220" y="32" font-family="KaiTi, Georgia, serif" font-size="26" font-weight="700" fill="#2B3A4A">巡览</text>
<text x="290" y="32" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="22" font-weight="500" fill="#2B3A4A">全球功能再造案例</text>
<text x="220" y="62" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="14" fill="#5A6B7A">深圳妇儿大厦 · 上海艾迪逊酒店 · 纽约 One Wall Street</text>
<path fill="#FFFFFF" stroke="#6B7A4F" stroke-width="1" d="M1054,14 H1176 A4,4 0 0 1 1180,18 V46 A4,4 0 0 1 1176,50 H1054 A4,4 0 0 1 1050,46 V18 A4,4 0 0 1 1054,14 Z" />
<text x="1115" y="38" text-anchor="middle" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#6B7A4F" letter-spacing="2">P09 — P11</text>
</g>
<g id="item-04" transform="translate(0, 500)">
<circle cx="160" cy="36" r="28" fill="#2B3A4A" />
<text x="160" y="44" text-anchor="middle" font-family="Georgia, serif" font-size="16" font-weight="700" fill="#F5F2EC">IV</text>
<text x="220" y="32" font-family="KaiTi, Georgia, serif" font-size="26" font-weight="700" fill="#2B3A4A">困局</text>
<text x="290" y="32" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="22" font-weight="500" fill="#2B3A4A">中国老旧高层住宅的硬骨头</text>
<text x="220" y="62" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="14" fill="#5A6B7A">浙工新村 · 北京"办公环橙" · 治理机制创新与"先体检后更新"</text>
<path fill="#2B3A4A" d="M1054,14 H1176 A4,4 0 0 1 1180,18 V46 A4,4 0 0 1 1176,50 H1054 A4,4 0 0 1 1050,46 V18 A4,4 0 0 1 1054,14 Z" />
<text x="1115" y="38" text-anchor="middle" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#F5F2EC" letter-spacing="2">P12 — P15</text>
</g>
<g id="footer">
<line x1="80" y1="660" x2="1200" y2="660" stroke="#D6CFC0" stroke-width="1" />
<text x="80" y="695" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="12" fill="#8A8275">主动再生 · ACTIVE REGENERATION</text>
<text x="1200" y="695" text-anchor="end" font-family="Georgia, serif" font-size="12" fill="#8A8275">02 / 15</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.9 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 953 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 1.7 MiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 1.7 MiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 173 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 2.8 MiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 1.5 MiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 865 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 1.4 MiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 1.7 MiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 344 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 4.5 MiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 1.0 MiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 1.2 MiB

View File

@@ -0,0 +1,42 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
<defs>
<linearGradient id="coverOverlay" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#1A2530" stop-opacity="0.20"/>
<stop offset="55%" stop-color="#1A2530" stop-opacity="0.55"/>
<stop offset="100%" stop-color="#1A2530" stop-opacity="0.92"/>
</linearGradient>
<linearGradient id="leftBar" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#1A2530" stop-opacity="0.85"/>
<stop offset="100%" stop-color="#1A2530" stop-opacity="0"/>
</linearGradient>
</defs>
<g id="bg-image">
<rect width="1280" height="720" fill="#1A2530"/>
<image href="../images/640.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
<rect x="0" y="0" width="640" height="720" fill="url(#leftBar)"/>
<rect x="0" y="0" width="1280" height="720" fill="url(#coverOverlay)"/>
</g>
<g id="cover-meta">
<rect x="80" y="80" width="48" height="3" fill="#C2410C"/>
<text x="140" y="92" font-family="Georgia, KaiTi, serif" font-size="14" font-weight="700" fill="#F5F2EC" letter-spacing="4">URBAN · RENEWAL · 2026</text>
</g>
<g id="cover-title">
<text x="80" y="430" font-family="KaiTi, Georgia, serif" font-size="84" font-weight="700" fill="#F5F2EC">主动再生</text>
<text x="80" y="495" font-family="Georgia, KaiTi, serif" font-size="22" font-weight="400" fill="#D6CFC0" letter-spacing="6">ACTIVE REGENERATION</text>
</g>
<g id="cover-subtitle">
<line x1="80" y1="540" x2="180" y2="540" stroke="#C2410C" stroke-width="2"/>
<text x="80" y="585" font-family="KaiTi, Georgia, serif" font-size="32" font-weight="400" fill="#F5F2EC">香港火灾之后,老旧高层何去何从</text>
<text x="80" y="618" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="16" font-weight="400" fill="#A8B0B8">从悉尼范本到中国困局 — 一份关于"超高层第二人生"的观察</text>
</g>
<g id="cover-footer">
<line x1="80" y1="670" x2="1200" y2="670" stroke="#5A6B7A" stroke-width="1" stroke-opacity="0.5"/>
<text x="80" y="695" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="13" fill="#A8B0B8">基于公众号《孙琬童》原文整编 · 2026.05</text>
<text x="1200" y="695" text-anchor="end" font-family="Georgia, serif" font-size="13" fill="#A8B0B8">01 / 15</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@@ -0,0 +1,70 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
<defs>
<linearGradient id="rail" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#C2410C"/>
<stop offset="50%" stop-color="#8B7355"/>
<stop offset="100%" stop-color="#6B7A4F"/>
</linearGradient>
</defs>
<g id="bg">
<rect width="1280" height="720" fill="#F5F2EC"/>
</g>
<g id="header">
<rect x="80" y="68" width="4" height="64" fill="#C2410C"/>
<text x="104" y="100" font-family="KaiTi, Georgia, serif" font-size="36" font-weight="700" fill="#2B3A4A">本次议程</text>
<text x="104" y="124" font-family="Georgia, serif" font-size="13" font-weight="600" fill="#5A6B7A" letter-spacing="3">FOUR PARTS · FROM A FIRE TO A FRAMEWORK</text>
<text x="1200" y="100" text-anchor="end" font-family="Georgia, serif" font-size="13" fill="#5A6B7A" letter-spacing="2">CONTENTS</text>
</g>
<line x1="80" y1="158" x2="1200" y2="158" stroke="#D6CFC0" stroke-width="1.5"/>
<line x1="160" y1="220" x2="160" y2="640" stroke="url(#rail)" stroke-width="3" stroke-linecap="round"/>
<g id="item-01" transform="translate(0, 200)">
<circle cx="160" cy="36" r="26" fill="#F5F2EC" stroke="#C2410C" stroke-width="3"/>
<text x="160" y="44" text-anchor="middle" font-family="Georgia, serif" font-size="16" font-weight="700" fill="#C2410C">I</text>
<text x="220" y="32" font-family="KaiTi, Georgia, serif" font-size="26" font-weight="700" fill="#2B3A4A">警钟</text>
<text x="290" y="32" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="22" font-weight="500" fill="#2B3A4A">高层老龄化与消防困局</text>
<text x="220" y="62" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="14" fill="#5A6B7A">从香港宏福苑火灾切入,看高层建筑老化背后的系统性风险</text>
<rect x="1050" y="14" width="130" height="36" rx="4" fill="#FFFFFF" stroke="#C2410C" stroke-width="1"/>
<text x="1115" y="38" text-anchor="middle" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#C2410C" letter-spacing="2">P03 — P05</text>
</g>
<g id="item-02" transform="translate(0, 300)">
<circle cx="160" cy="36" r="26" fill="#F5F2EC" stroke="#8B7355" stroke-width="3"/>
<text x="160" y="44" text-anchor="middle" font-family="Georgia, serif" font-size="16" font-weight="700" fill="#8B7355">II</text>
<text x="220" y="32" font-family="KaiTi, Georgia, serif" font-size="26" font-weight="700" fill="#2B3A4A">范本</text>
<text x="290" y="32" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="22" font-weight="500" fill="#2B3A4A">悉尼摩天楼的"再生革命"</text>
<text x="220" y="62" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="14" fill="#5A6B7A">Quay Quarter Tower世界第一座全面升级改造的摩天大楼</text>
<rect x="1050" y="14" width="130" height="36" rx="4" fill="#FFFFFF" stroke="#8B7355" stroke-width="1"/>
<text x="1115" y="38" text-anchor="middle" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#8B7355" letter-spacing="2">P06 — P08</text>
</g>
<g id="item-03" transform="translate(0, 400)">
<circle cx="160" cy="36" r="26" fill="#F5F2EC" stroke="#6B7A4F" stroke-width="3"/>
<text x="160" y="44" text-anchor="middle" font-family="Georgia, serif" font-size="16" font-weight="700" fill="#6B7A4F">III</text>
<text x="220" y="32" font-family="KaiTi, Georgia, serif" font-size="26" font-weight="700" fill="#2B3A4A">巡览</text>
<text x="290" y="32" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="22" font-weight="500" fill="#2B3A4A">全球功能再造案例</text>
<text x="220" y="62" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="14" fill="#5A6B7A">深圳妇儿大厦 · 上海艾迪逊酒店 · 纽约 One Wall Street</text>
<rect x="1050" y="14" width="130" height="36" rx="4" fill="#FFFFFF" stroke="#6B7A4F" stroke-width="1"/>
<text x="1115" y="38" text-anchor="middle" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#6B7A4F" letter-spacing="2">P09 — P11</text>
</g>
<g id="item-04" transform="translate(0, 500)">
<circle cx="160" cy="36" r="28" fill="#2B3A4A"/>
<text x="160" y="44" text-anchor="middle" font-family="Georgia, serif" font-size="16" font-weight="700" fill="#F5F2EC">IV</text>
<text x="220" y="32" font-family="KaiTi, Georgia, serif" font-size="26" font-weight="700" fill="#2B3A4A">困局</text>
<text x="290" y="32" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="22" font-weight="500" fill="#2B3A4A">中国老旧高层住宅的硬骨头</text>
<text x="220" y="62" font-family="&quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, Arial, sans-serif" font-size="14" fill="#5A6B7A">浙工新村 · 北京"办公环橙" · 治理机制创新与"先体检后更新"</text>
<rect x="1050" y="14" width="130" height="36" rx="4" fill="#2B3A4A"/>
<text x="1115" y="38" text-anchor="middle" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#F5F2EC" letter-spacing="2">P12 — P15</text>
</g>
<g id="footer">
<line x1="80" y1="660" x2="1200" y2="660" stroke="#D6CFC0" stroke-width="1"/>
<text x="80" y="695" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="12" fill="#8A8275">主动再生 · ACTIVE REGENERATION</text>
<text x="1200" y="695" text-anchor="end" font-family="Georgia, serif" font-size="12" fill="#8A8275">02 / 15</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.7 KiB

View File

@@ -0,0 +1,65 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
<defs>
<linearGradient id="fireOverlay" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#1A1A1A" stop-opacity="0.92"/>
<stop offset="55%" stop-color="#1A1A1A" stop-opacity="0.55"/>
<stop offset="100%" stop-color="#1A1A1A" stop-opacity="0.20"/>
</linearGradient>
<filter id="cardLift" x="-15%" y="-15%" width="140%" height="140%">
<feGaussianBlur in="SourceAlpha" stdDeviation="8"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feFlood flood-color="#000000" flood-opacity="0.18"/>
<feComposite in2="offsetblur" operator="in"/>
<feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
</defs>
<g id="bg-image">
<rect width="1280" height="720" fill="#1A1A1A"/>
<image href="../images/640_1.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
<rect x="0" y="0" width="1280" height="720" fill="url(#fireOverlay)"/>
</g>
<g id="header">
<rect x="60" y="60" width="3" height="32" fill="#C2410C"/>
<text x="76" y="84" font-family="Georgia, serif" font-size="13" font-weight="700" fill="#F5F2EC" letter-spacing="3">I · 警钟 · WARNING</text>
</g>
<g id="page-title">
<text x="60" y="180" font-family="KaiTi, Georgia, serif" font-size="44" font-weight="700" fill="#F5F2EC">一场火灾</text>
<text x="60" y="232" font-family="KaiTi, Georgia, serif" font-size="44" font-weight="700" fill="#F5F2EC">暴露的不只是<tspan fill="#C2410C">消防隐患</tspan></text>
<line x1="60" y1="260" x2="160" y2="260" stroke="#C2410C" stroke-width="2"/>
<text x="60" y="294" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" fill="#D6CFC0" font-style="italic">2025.11.26 · 香港大埔宏福苑</text>
</g>
<g id="card-1" filter="url(#cardLift)">
<rect x="640" y="340" width="280" height="156" rx="6" fill="#F5F2EC"/>
<use data-icon="tabler-outline/flame" x="664" y="362" width="32" height="32" fill="#C2410C"/>
<text x="704" y="386" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" font-weight="700" fill="#5A6B7A" letter-spacing="2">事故现场</text>
<text x="664" y="430" font-family="Georgia, KaiTi, serif" font-size="44" font-weight="700" fill="#2B3A4A">7<tspan font-size="20" font-weight="500" fill="#5A6B7A" dx="6"></tspan></text>
<text x="664" y="468" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">30 层以上 · 近 100 米高</text>
<text x="664" y="488" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">楼龄已达 <tspan fill="#C2410C" font-weight="700">42 年</tspan></text>
</g>
<g id="card-2" filter="url(#cardLift)">
<rect x="940" y="340" width="280" height="156" rx="6" fill="#F5F2EC"/>
<use data-icon="tabler-outline/chart-bar" x="964" y="362" width="32" height="32" fill="#C2410C"/>
<text x="1004" y="386" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" font-weight="700" fill="#5A6B7A" letter-spacing="2">全国数据</text>
<text x="964" y="430" font-family="Georgia, KaiTi, serif" font-size="44" font-weight="700" fill="#C2410C">3.6<tspan font-size="20" font-weight="500" fill="#5A6B7A" dx="6">万起</tspan></text>
<text x="964" y="468" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">2025 年前 8 个月</text>
<text x="964" y="488" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">超过 <tspan fill="#2B3A4A" font-weight="700">2023 年全年总量</tspan></text>
</g>
<g id="card-3" filter="url(#cardLift)">
<rect x="640" y="516" width="580" height="120" rx="6" fill="#F5F2EC"/>
<use data-icon="tabler-outline/building-skyscraper" x="664" y="538" width="32" height="32" fill="#2B3A4A"/>
<text x="704" y="562" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" font-weight="700" fill="#5A6B7A" letter-spacing="2">救援困局</text>
<text x="664" y="600" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="17" fill="#2B3A4A">地面消防救援高度通常 <tspan font-weight="700" fill="#C2410C">5080 米</tspan></text>
<text x="664" y="624" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" fill="#5A6B7A">超过 100 米的建筑,救援工作主要靠建筑内部消防设施自救</text>
</g>
<g id="footer">
<text x="60" y="695" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="12" fill="#A8B0B8">数据来源:央广网</text>
<text x="1220" y="695" text-anchor="end" font-family="Georgia, serif" font-size="12" fill="#A8B0B8">03 / 15</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

@@ -0,0 +1,56 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
<defs>
<linearGradient id="imgFade" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#2B3A4A" stop-opacity="0"/>
<stop offset="100%" stop-color="#2B3A4A" stop-opacity="0.35"/>
</linearGradient>
</defs>
<g id="bg">
<rect width="1280" height="720" fill="#F5F2EC"/>
</g>
<g id="left-image">
<image href="../images/640_18.png" x="0" y="0" width="440" height="720" preserveAspectRatio="xMidYMid slice"/>
<rect x="0" y="0" width="440" height="720" fill="url(#imgFade)"/>
<text x="32" y="690" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="11" fill="#F5F2EC" fill-opacity="0.7">图源unsplash</text>
</g>
<g id="header">
<rect x="500" y="60" width="3" height="32" fill="#C2410C"/>
<text x="516" y="84" font-family="Georgia, serif" font-size="13" font-weight="700" fill="#5A6B7A" letter-spacing="3">I · 警钟 · AGING</text>
</g>
<g id="page-title">
<text x="500" y="170" font-family="KaiTi, Georgia, serif" font-size="40" font-weight="700" fill="#2B3A4A">当年的繁荣象征</text>
<text x="500" y="218" font-family="KaiTi, Georgia, serif" font-size="40" font-weight="700" fill="#2B3A4A">正在变成沉重的<tspan fill="#C2410C">维修负担</tspan></text>
<line x1="500" y1="248" x2="600" y2="248" stroke="#C2410C" stroke-width="2"/>
</g>
<g id="point-1">
<use data-icon="tabler-outline/clock" x="500" y="296" width="28" height="28" fill="#8B7355"/>
<text x="540" y="318" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="20" font-weight="700" fill="#2B3A4A">建成 10 余年后</text>
<text x="540" y="350" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="16" fill="#5A6B7A">结构、消防、电梯、外墙、给排水……</text>
<text x="540" y="376" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="16" fill="#5A6B7A">各类风险开始<tspan fill="#C2410C" font-weight="700">密集显现</tspan></text>
</g>
<g id="point-2">
<use data-icon="tabler-outline/tool" x="500" y="416" width="28" height="28" fill="#8B7355"/>
<text x="540" y="438" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="20" font-weight="700" fill="#2B3A4A">维护成本随楼龄陡增</text>
<text x="540" y="470" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="16" fill="#5A6B7A">维修基金加速消耗,业主分摊持续上升</text>
<text x="540" y="496" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="16" fill="#5A6B7A">愿意住高层的人,<tspan fill="#C2410C" font-weight="700">正在变少</tspan></text>
</g>
<g id="quote">
<rect x="500" y="540" width="700" height="100" rx="4" fill="#EBE6DC"/>
<rect x="500" y="540" width="4" height="100" fill="#C2410C"/>
<use data-icon="tabler-outline/quote" x="520" y="556" width="22" height="22" fill="#C2410C"/>
<text x="552" y="582" font-family="KaiTi, Georgia, serif" font-size="20" font-style="italic" fill="#2B3A4A">"高层住宅是未来的贫民窟"</text>
<text x="552" y="612" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="14" fill="#5A6B7A">— 在部分西方发达国家已有相应的经验教训</text>
</g>
<g id="footer">
<text x="500" y="694" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="12" fill="#8A8275">建成十余年的高层 · 风险密集显现期</text>
<text x="1220" y="694" text-anchor="end" font-family="Georgia, serif" font-size="12" fill="#8A8275">04 / 15</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@@ -0,0 +1,78 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
<defs>
<clipPath id="p05ImgL"><rect x="60" y="240" width="540" height="340" rx="6"/></clipPath>
<clipPath id="p05ImgR"><rect x="680" y="240" width="540" height="340" rx="6"/></clipPath>
<linearGradient id="p05TopL" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#1A2530" stop-opacity="0.55"/>
<stop offset="35%" stop-color="#1A2530" stop-opacity="0"/>
</linearGradient>
<linearGradient id="p05TopR" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#C2410C" stop-opacity="0.55"/>
<stop offset="35%" stop-color="#C2410C" stop-opacity="0"/>
</linearGradient>
<linearGradient id="p05BottomFade" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#F5F2EC" stop-opacity="0"/>
<stop offset="100%" stop-color="#F5F2EC" stop-opacity="0.95"/>
</linearGradient>
</defs>
<g id="bg">
<rect width="1280" height="720" fill="#F5F2EC"/>
</g>
<g id="header">
<rect x="60" y="60" width="3" height="32" fill="#C2410C"/>
<text x="76" y="84" font-family="Georgia, serif" font-size="13" font-weight="700" fill="#5A6B7A" letter-spacing="3">I · 警钟 · HISTORY</text>
<text x="1220" y="84" text-anchor="end" font-family="Georgia, serif" font-size="13" fill="#5A6B7A">前车之鉴 · USA 1972</text>
</g>
<g id="page-title">
<text x="60" y="148" font-family="KaiTi, Georgia, serif" font-size="38" font-weight="700" fill="#2B3A4A">老旧高层只有"<tspan fill="#C2410C">被爆破</tspan>"一条路吗?</text>
<line x1="60" y1="172" x2="160" y2="172" stroke="#C2410C" stroke-width="2"/>
<text x="60" y="200" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="16" fill="#5A6B7A">美国普鲁特·艾格住宅区 — 33 栋高层,从样板社区到全部拆除,仅 18 年</text>
</g>
<g id="img-before">
<image href="../images/640_2.png" x="60" y="240" width="540" height="340" preserveAspectRatio="xMidYMid slice" clip-path="url(#p05ImgL)"/>
<rect x="60" y="240" width="540" height="120" fill="url(#p05TopL)"/>
<rect x="60" y="500" width="540" height="80" fill="url(#p05BottomFade)"/>
<g id="badge-before">
<rect x="80" y="260" width="14" height="14" fill="#F5F2EC"/>
<text x="104" y="272" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#F5F2EC" letter-spacing="3">BEFORE · 1954</text>
</g>
<text x="60" y="608" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">建成时获得建筑奖项 · 33 栋高层公寓楼</text>
</g>
<g id="img-after">
<image href="../images/640_3.png" x="680" y="240" width="540" height="340" preserveAspectRatio="xMidYMid slice" clip-path="url(#p05ImgR)"/>
<rect x="680" y="240" width="540" height="120" fill="url(#p05TopR)"/>
<rect x="680" y="500" width="540" height="80" fill="url(#p05BottomFade)"/>
<g id="badge-after">
<rect x="700" y="260" width="14" height="14" fill="#C2410C"/>
<text x="724" y="272" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#F5F2EC" letter-spacing="3">AFTER · 1972</text>
</g>
<text x="680" y="608" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">全部 33 栋被爆破拆除 · 现代主义住宅模式标志性失败</text>
</g>
<g id="cause-arrow">
<rect x="60" y="630" width="1160" height="58" rx="6" fill="#EBE6DC"/>
<text x="80" y="668" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="16" fill="#2B3A4A">
<tspan fill="#5A6B7A">沦陷链条:</tspan>
<tspan font-weight="700"> 富裕居民迁出 </tspan>
<tspan fill="#C2410C"></tspan>
<tspan font-weight="700"> 中低收入聚居 </tspan>
<tspan fill="#C2410C"></tspan>
<tspan font-weight="700"> 设施年久失修 </tspan>
<tspan fill="#C2410C"></tspan>
<tspan font-weight="700"> 公共空间失养 </tspan>
<tspan fill="#C2410C"></tspan>
<tspan font-weight="700"> 高犯罪率 </tspan>
<tspan fill="#C2410C"></tspan>
<tspan font-weight="700" fill="#C2410C"> 整体爆破</tspan>
</text>
</g>
<g id="footer">
<text x="1220" y="710" text-anchor="end" font-family="Georgia, serif" font-size="12" fill="#8A8275">05 / 15</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.3 KiB

View File

@@ -0,0 +1,47 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
<defs>
<clipPath id="circleClip">
<circle cx="940" cy="360" r="240"/>
</clipPath>
<linearGradient id="bgGrad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#2B3A4A"/>
<stop offset="100%" stop-color="#1A2530"/>
</linearGradient>
</defs>
<g id="bg">
<rect width="1280" height="720" fill="url(#bgGrad)"/>
</g>
<g id="bg-decor">
<line x1="80" y1="180" x2="200" y2="180" stroke="#8B7355" stroke-width="1"/>
<line x1="80" y1="540" x2="280" y2="540" stroke="#8B7355" stroke-width="1"/>
<circle cx="100" cy="100" r="3" fill="#8B7355"/>
<circle cx="100" cy="640" r="3" fill="#8B7355"/>
</g>
<g id="circle-image">
<circle cx="940" cy="360" r="240" fill="#8B7355" fill-opacity="0.15"/>
<image href="../images/640_24.png" x="700" y="120" width="480" height="480" preserveAspectRatio="xMidYMid slice" clip-path="url(#circleClip)"/>
<circle cx="940" cy="360" r="240" fill="none" stroke="#8B7355" stroke-width="2" stroke-opacity="0.6"/>
<circle cx="940" cy="360" r="270" fill="none" stroke="#8B7355" stroke-width="1" stroke-opacity="0.3" stroke-dasharray="4,8"/>
</g>
<g id="chapter-meta">
<text x="80" y="220" font-family="Georgia, serif" font-size="14" font-weight="700" fill="#8B7355" letter-spacing="6">CHAPTER</text>
<text x="80" y="370" font-family="Georgia, serif" font-size="240" font-weight="400" fill="#F5F2EC" fill-opacity="0.95">II</text>
<line x1="80" y1="420" x2="160" y2="420" stroke="#C2410C" stroke-width="3"/>
</g>
<g id="chapter-title">
<text x="80" y="490" font-family="KaiTi, Georgia, serif" font-size="48" font-weight="700" fill="#F5F2EC">悉尼范本</text>
<text x="80" y="538" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="22" font-weight="400" fill="#D6CFC0">一座摩天楼的"再生"革命</text>
<text x="80" y="582" font-family="Georgia, serif" font-size="14" font-style="italic" fill="#8B7355" letter-spacing="2">SYDNEY · QUAY QUARTER TOWER · 2022</text>
</g>
<g id="footer">
<line x1="80" y1="660" x2="280" y2="660" stroke="#5A6B7A" stroke-width="1"/>
<text x="80" y="694" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="12" fill="#8B7355">主动再生 · 不再大拆大建</text>
<text x="1220" y="694" text-anchor="end" font-family="Georgia, serif" font-size="12" fill="#8B7355">06 / 15</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@@ -0,0 +1,89 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
<defs>
<clipPath id="p07ImgL"><rect x="60" y="210" width="320" height="430" rx="6"/></clipPath>
<clipPath id="p07ImgR"><rect x="480" y="210" width="240" height="430" rx="6"/></clipPath>
<linearGradient id="p07TopL" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#5A6B7A" stop-opacity="0.55"/>
<stop offset="40%" stop-color="#5A6B7A" stop-opacity="0"/>
</linearGradient>
<linearGradient id="p07TopR" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#8B7355" stop-opacity="0.55"/>
<stop offset="40%" stop-color="#8B7355" stop-opacity="0"/>
</linearGradient>
<linearGradient id="p07BottomFade" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#F5F2EC" stop-opacity="0"/>
<stop offset="100%" stop-color="#F5F2EC" stop-opacity="0.95"/>
</linearGradient>
</defs>
<g id="bg">
<rect width="1280" height="720" fill="#F5F2EC"/>
</g>
<g id="header">
<rect x="60" y="60" width="3" height="32" fill="#8B7355"/>
<text x="76" y="84" font-family="Georgia, serif" font-size="13" font-weight="700" fill="#5A6B7A" letter-spacing="3">II · 范本 · REGENERATION</text>
<text x="1220" y="84" text-anchor="end" font-family="Georgia, serif" font-size="13" fill="#5A6B7A">QUAY QUARTER TOWER · SYDNEY</text>
</g>
<g id="page-title">
<text x="60" y="150" font-family="KaiTi, Georgia, serif" font-size="36" font-weight="700" fill="#2B3A4A">世界第一座<tspan fill="#8B7355">"全面升级改造"</tspan>的摩天大楼</text>
<line x1="60" y1="174" x2="160" y2="174" stroke="#8B7355" stroke-width="2"/>
</g>
<g id="img-before">
<image href="../images/640_4.png" x="60" y="210" width="320" height="430" preserveAspectRatio="xMidYMid slice" clip-path="url(#p07ImgL)"/>
<rect x="60" y="210" width="320" height="120" fill="url(#p07TopL)"/>
<rect x="60" y="560" width="320" height="80" fill="url(#p07BottomFade)"/>
<g id="badge-before">
<rect x="80" y="230" width="12" height="12" fill="#F5F2EC"/>
<text x="100" y="241" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#F5F2EC" letter-spacing="3">BEFORE</text>
</g>
<text x="60" y="668" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">原 AMP 中心 · 1976 年 · 206 米 · 49 层</text>
</g>
<g id="arrow-mid">
<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>
<line x1="410" y1="445" x2="450" y2="445" stroke="#8B7355" stroke-width="2"/>
<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>
<polygon points="430,495 420,510 440,510" fill="#8B7355"/>
</g>
<g id="img-after">
<image href="../images/640_5.png" x="480" y="210" width="240" height="430" preserveAspectRatio="xMidYMid slice" clip-path="url(#p07ImgR)"/>
<rect x="480" y="210" width="240" height="120" fill="url(#p07TopR)"/>
<rect x="480" y="560" width="240" height="80" fill="url(#p07BottomFade)"/>
<g id="badge-after">
<rect x="500" y="230" width="12" height="12" fill="#8B7355"/>
<text x="520" y="241" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#F5F2EC" letter-spacing="3">AFTER</text>
</g>
<text x="480" y="668" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">Quay Quarter Tower · 多功能综合体</text>
</g>
<g id="key-data">
<rect x="760" y="210" width="460" height="200" rx="6" fill="#EBE6DC"/>
<text x="784" y="248" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" font-weight="700" fill="#8B7355" letter-spacing="2">改造核心原则</text>
<text x="784" y="288" font-family="KaiTi, Georgia, serif" font-size="26" font-weight="700" fill="#2B3A4A">"最大化保留 · 高质量升级"</text>
<line x1="784" y1="308" x2="850" y2="308" stroke="#C2410C" stroke-width="2"/>
<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>
<text x="784" y="380" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">主体结构保留</text>
<text x="900" y="392" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">(梁、柱和楼板)</text>
<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>
<text x="1020" y="380" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">原有核心筒保留</text>
</g>
<g id="design-firm">
<rect x="760" y="430" width="460" height="210" rx="6" fill="#FFFFFF" stroke="#D6CFC0" stroke-width="1"/>
<text x="784" y="468" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" font-weight="700" fill="#8B7355" letter-spacing="2">设计 · 3XN 建筑事务所</text>
<text x="784" y="510" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" fill="#2B3A4A">"20 世纪中后期建造的摩天大楼"</text>
<text x="784" y="534" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" fill="#2B3A4A">"正逐渐达到其设计寿命的终点。"</text>
<text x="784" y="572" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" fill="#5A6B7A">"我们必须延长已有建筑的寿命,"</text>
<text x="784" y="596" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" fill="#5A6B7A">"释放其潜在价值。"</text>
<text x="784" y="624" font-family="KaiTi, Georgia, serif" font-size="13" font-style="italic" fill="#C2410C">— 这是建筑可持续性最根本的定义</text>
</g>
<g id="footer">
<text x="60" y="710" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="12" fill="#8A8275">图源Archdaily</text>
<text x="1220" y="710" text-anchor="end" font-family="Georgia, serif" font-size="12" fill="#8A8275">07 / 15</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.2 KiB

View File

@@ -0,0 +1,57 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
<defs>
<linearGradient id="ecoOverlay" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#1F2A1F" stop-opacity="0.85"/>
<stop offset="60%" stop-color="#1F2A1F" stop-opacity="0.40"/>
<stop offset="100%" stop-color="#1F2A1F" stop-opacity="0"/>
</linearGradient>
</defs>
<g id="bg-image">
<rect width="1280" height="720" fill="#1F2A1F"/>
<image href="../images/640_8.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
<rect x="0" y="0" width="1280" height="720" fill="url(#ecoOverlay)"/>
</g>
<g id="header">
<rect x="60" y="60" width="3" height="32" fill="#6B7A4F"/>
<text x="76" y="84" font-family="Georgia, serif" font-size="13" font-weight="700" fill="#F5F2EC" letter-spacing="3">II · 范本 · EARTHSHOT FINALIST 2025</text>
</g>
<g id="page-title">
<text x="60" y="170" font-family="KaiTi, Georgia, serif" font-size="44" font-weight="700" fill="#F5F2EC">入围"为地球奋斗奖"</text>
<text x="60" y="216" font-family="KaiTi, Georgia, serif" font-size="44" font-weight="700" fill="#F5F2EC">决赛的<tspan fill="#A8C575">真正分量</tspan></text>
<line x1="60" y1="240" x2="160" y2="240" stroke="#A8C575" stroke-width="2"/>
<text x="60" y="278" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" fill="#D6CFC0" font-style="italic">有史以来第一座获得该奖项提名的建筑</text>
</g>
<g id="kpi-1">
<text x="60" y="430" font-family="Georgia, serif" font-size="120" font-weight="700" fill="#A8C575">80<tspan font-size="56" fill="#F5F2EC" dx="4">%</tspan></text>
<line x1="60" y1="460" x2="120" y2="460" stroke="#F5F2EC" stroke-width="1"/>
<text x="60" y="492" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="17" font-weight="700" fill="#F5F2EC">建筑垃圾</text>
<text x="60" y="516" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#D6CFC0">通过结构复用,避免推倒重建产生的</text>
<text x="60" y="536" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#D6CFC0">废弃物大幅减少</text>
</g>
<g id="kpi-2">
<text x="460" y="430" font-family="Georgia, serif" font-size="120" font-weight="700" fill="#A8C575">40<tspan font-size="56" fill="#F5F2EC" dx="4">%</tspan></text>
<line x1="460" y1="460" x2="520" y2="460" stroke="#F5F2EC" stroke-width="1"/>
<text x="460" y="492" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="17" font-weight="700" fill="#F5F2EC">碳排放</text>
<text x="460" y="516" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#D6CFC0">相较于推倒重建模式</text>
<text x="460" y="536" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#D6CFC0">显著降低全生命周期碳足迹</text>
</g>
<g id="kpi-3">
<text x="860" y="430" font-family="Georgia, serif" font-size="120" font-weight="700" fill="#A8C575">30<tspan font-size="56" fill="#F5F2EC" dx="4">%</tspan></text>
<line x1="860" y1="460" x2="920" y2="460" stroke="#F5F2EC" stroke-width="1"/>
<text x="860" y="492" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="17" font-weight="700" fill="#F5F2EC">能源消耗</text>
<text x="860" y="516" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#D6CFC0">智能通风系统 · 光伏幕墙</text>
<text x="860" y="536" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#D6CFC0">雨水回收装置共同作用</text>
</g>
<g id="footer">
<line x1="60" y1="650" x2="1220" y2="650" stroke="#F5F2EC" stroke-opacity="0.2" stroke-width="1"/>
<text x="60" y="694" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#A8B0B8">老旧的超高层并非"包袱" — 通过科学改造,完全可以重获新生,甚至成为新的城市地标。</text>
<text x="1220" y="694" text-anchor="end" font-family="Georgia, serif" font-size="12" fill="#A8B0B8">08 / 15</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

@@ -0,0 +1,83 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
<defs>
<clipPath id="p09ImgT"><rect x="60" y="240" width="540" height="280" rx="6"/></clipPath>
<clipPath id="p09ImgB"><rect x="60" y="540" width="540" height="148" rx="6"/></clipPath>
<linearGradient id="p09TopT" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#5A6B7A" stop-opacity="0.55"/>
<stop offset="40%" stop-color="#5A6B7A" stop-opacity="0"/>
</linearGradient>
<linearGradient id="p09TopB" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#6B7A4F" stop-opacity="0.55"/>
<stop offset="55%" stop-color="#6B7A4F" stop-opacity="0"/>
</linearGradient>
<linearGradient id="p09BottomFadeT" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#F5F2EC" stop-opacity="0"/>
<stop offset="100%" stop-color="#F5F2EC" stop-opacity="0.95"/>
</linearGradient>
</defs>
<g id="bg">
<rect width="1280" height="720" fill="#F5F2EC"/>
</g>
<g id="header">
<rect x="60" y="60" width="3" height="32" fill="#6B7A4F"/>
<text x="76" y="84" font-family="Georgia, serif" font-size="13" font-weight="700" fill="#5A6B7A" letter-spacing="3">III · 巡览 · CASE 01</text>
<text x="1220" y="84" text-anchor="end" font-family="Georgia, serif" font-size="13" fill="#5A6B7A">SHENZHEN · MVRDV · 1994 → NOW</text>
</g>
<g id="page-title">
<text x="60" y="148" font-family="KaiTi, Georgia, serif" font-size="36" font-weight="700" fill="#2B3A4A">给老建筑穿一件<tspan fill="#6B7A4F">"彩色网格外衣"</tspan></text>
<line x1="60" y1="172" x2="160" y2="172" stroke="#6B7A4F" stroke-width="2"/>
<text x="60" y="200" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="16" fill="#5A6B7A">深圳妇儿大厦 · "适应性再利用"模式在城市更新领域的典范之作</text>
</g>
<g id="img-before">
<image href="../images/640_9.png" x="60" y="240" width="540" height="280" preserveAspectRatio="xMidYMid slice" clip-path="url(#p09ImgT)"/>
<rect x="60" y="240" width="540" height="100" fill="url(#p09TopT)"/>
<rect x="60" y="450" width="540" height="70" fill="url(#p09BottomFadeT)"/>
<g id="badge-bf-09">
<rect x="80" y="260" width="12" height="12" fill="#F5F2EC"/>
<text x="100" y="271" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#F5F2EC" letter-spacing="3">BEFORE · 1994</text>
</g>
</g>
<g id="img-after">
<image href="../images/640_10.png" x="60" y="540" width="540" height="148" preserveAspectRatio="xMidYMid slice" clip-path="url(#p09ImgB)"/>
<rect x="60" y="540" width="540" height="60" fill="url(#p09TopB)"/>
<g id="badge-af-09">
<rect x="80" y="558" width="12" height="12" fill="#6B7A4F"/>
<text x="100" y="569" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#F5F2EC" letter-spacing="3">AFTER</text>
</g>
<text x="600" y="710" text-anchor="end" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="11" fill="#8A8275">改造后立面 · 摄影:夏至</text>
</g>
<g id="features">
<rect x="660" y="240" width="560" height="190" rx="6" fill="#EBE6DC"/>
<use data-icon="tabler-outline/grid-dots" x="684" y="262" width="28" height="28" fill="#6B7A4F"/>
<text x="724" y="284" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="18" font-weight="700" fill="#2B3A4A">彩色网格框架</text>
<text x="684" y="324" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" fill="#5A6B7A">立面增加 <tspan fill="#6B7A4F" font-weight="700">近 1 米</tspan> 进深,起到遮阳作用</text>
<text x="684" y="350" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" fill="#5A6B7A">内侧设可打开面板,<tspan fill="#6B7A4F" font-weight="700">促进自然通风</tspan></text>
<text x="684" y="376" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" fill="#5A6B7A">显著降低对空调的依赖</text>
<line x1="684" y1="394" x2="744" y2="394" stroke="#6B7A4F" stroke-width="2"/>
<text x="684" y="416" font-family="KaiTi, Georgia, serif" font-size="13" font-style="italic" fill="#8B7355">— "适应性再利用"模式典范</text>
</g>
<g id="programs">
<rect x="660" y="450" width="560" height="240" rx="6" fill="#FFFFFF" stroke="#D6CFC0" stroke-width="1"/>
<text x="684" y="488" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" font-weight="700" fill="#6B7A4F" letter-spacing="2">业态再造 · 五大功能</text>
<g id="prog-grid" transform="translate(684, 510)">
<rect x="0" y="0" width="160" height="38" rx="6" fill="#F5F2EC"/>
<text x="80" y="24" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="14" fill="#2B3A4A">酒店 · 餐饮</text>
<rect x="180" y="0" width="160" height="38" rx="6" fill="#F5F2EC"/>
<text x="260" y="24" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="14" fill="#2B3A4A">儿童探索馆</text>
<rect x="360" y="0" width="160" height="38" rx="6" fill="#F5F2EC"/>
<text x="440" y="24" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="14" fill="#2B3A4A">图画书博物馆</text>
<rect x="0" y="56" width="240" height="38" rx="6" fill="#F5F2EC"/>
<text x="120" y="80" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="14" fill="#2B3A4A">婴幼儿托育馆</text>
<rect x="260" y="56" width="260" height="38" rx="6" fill="#F5F2EC"/>
<text x="390" y="80" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="14" fill="#2B3A4A">妇儿剧场 · 公共活动</text>
</g>
<text x="684" y="666" font-family="KaiTi, Georgia, serif" font-size="14" font-style="italic" fill="#5A6B7A">从单一办公塔楼,转型为充满活力的"垂直社区"</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.9 KiB

View File

@@ -0,0 +1,85 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
<defs>
<clipPath id="p10ImgL"><rect x="60" y="260" width="280" height="380" rx="6"/></clipPath>
<clipPath id="p10ImgR"><rect x="360" y="260" width="280" height="380" rx="6"/></clipPath>
<linearGradient id="p10TopL" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#5A6B7A" stop-opacity="0.55"/>
<stop offset="35%" stop-color="#5A6B7A" stop-opacity="0"/>
</linearGradient>
<linearGradient id="p10TopR" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#6B7A4F" stop-opacity="0.55"/>
<stop offset="35%" stop-color="#6B7A4F" stop-opacity="0"/>
</linearGradient>
<linearGradient id="p10BottomFade" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#F5F2EC" stop-opacity="0"/>
<stop offset="100%" stop-color="#F5F2EC" stop-opacity="0.95"/>
</linearGradient>
</defs>
<g id="bg">
<rect width="1280" height="720" fill="#F5F2EC"/>
</g>
<g id="header">
<rect x="60" y="60" width="3" height="32" fill="#6B7A4F"/>
<text x="76" y="84" font-family="Georgia, serif" font-size="13" font-weight="700" fill="#5A6B7A" letter-spacing="3">III · 巡览 · CASE 02</text>
<text x="1220" y="84" text-anchor="end" font-family="Georgia, serif" font-size="13" fill="#5A6B7A">SHANGHAI · 1988 → 2018 → 2023</text>
</g>
<g id="page-title">
<text x="60" y="148" font-family="KaiTi, Georgia, serif" font-size="36" font-weight="700" fill="#2B3A4A">全国首家城市更新领域</text>
<text x="60" y="194" font-family="KaiTi, Georgia, serif" font-size="36" font-weight="700" fill="#6B7A4F">碳中和酒店</text>
<line x1="60" y1="220" x2="160" y2="220" stroke="#6B7A4F" stroke-width="2"/>
</g>
<g id="img-before">
<image href="../images/640_11.png" x="60" y="260" width="280" height="380" preserveAspectRatio="xMidYMid slice" clip-path="url(#p10ImgL)"/>
<rect x="60" y="260" width="280" height="120" fill="url(#p10TopL)"/>
<rect x="60" y="560" width="280" height="80" fill="url(#p10BottomFade)"/>
<g id="badge-bf-10">
<rect x="80" y="280" width="12" height="12" fill="#F5F2EC"/>
<text x="100" y="291" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#F5F2EC" letter-spacing="3">BEFORE · 1988</text>
</g>
<text x="60" y="666" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">原华东电力大楼 · 126 米</text>
<text x="60" y="688" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="11" fill="#8A8275">南京路上第一栋高层 · 图源:百度百科</text>
</g>
<g id="img-after">
<image href="../images/640_12.png" x="360" y="260" width="280" height="380" preserveAspectRatio="xMidYMid slice" clip-path="url(#p10ImgR)"/>
<rect x="360" y="260" width="280" height="120" fill="url(#p10TopR)"/>
<rect x="360" y="560" width="280" height="80" fill="url(#p10BottomFade)"/>
<g id="badge-af-10">
<rect x="380" y="280" width="12" height="12" fill="#6B7A4F"/>
<text x="400" y="291" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#F5F2EC" letter-spacing="3">AFTER · 2023</text>
</g>
<text x="360" y="666" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">艾迪逊酒店 · 节能改造完成</text>
<text x="360" y="688" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="11" fill="#8A8275">图源Archdaily</text>
</g>
<g id="timeline">
<rect x="680" y="260" width="540" height="380" rx="6" fill="#EBE6DC"/>
<text x="704" y="298" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" font-weight="700" fill="#6B7A4F" letter-spacing="2">35 年 · 三段历史</text>
<line x1="724" y1="340" x2="724" y2="600" stroke="#6B7A4F" stroke-width="2" stroke-opacity="0.5"/>
<circle cx="724" cy="350" r="8" fill="#5A6B7A"/>
<text x="752" y="346" font-family="Georgia, serif" font-size="22" font-weight="700" fill="#2B3A4A">1988</text>
<text x="752" y="372" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="14" fill="#5A6B7A">华东电力大楼建成</text>
<text x="752" y="392" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#8A8275">南京东路 201 号 · 高 126 米</text>
<circle cx="724" cy="450" r="8" fill="#8B7355"/>
<text x="752" y="446" font-family="Georgia, serif" font-size="22" font-weight="700" fill="#2B3A4A">2018</text>
<text x="752" y="472" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="14" fill="#5A6B7A">改扩建为艾迪逊酒店</text>
<text x="752" y="492" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#8A8275">与 181 号大楼合并改造</text>
<circle cx="724" cy="550" r="10" fill="#6B7A4F"/>
<text x="752" y="548" font-family="Georgia, serif" font-size="22" font-weight="700" fill="#6B7A4F">2023</text>
<text x="752" y="574" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="14" font-weight="700" fill="#2B3A4A">完成节能改造,实现碳中和</text>
<text x="752" y="596" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">高性能外窗 · 空气源热泵</text>
<text x="752" y="616" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">节能电梯 · 节水器具</text>
</g>
<g id="footer">
<text x="1220" y="710" text-anchor="end" font-family="Georgia, serif" font-size="12" fill="#8A8275">10 / 15</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.5 KiB

View File

@@ -0,0 +1,84 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
<defs>
<clipPath id="p11Hero"><rect x="60" y="290" width="540" height="370" rx="6"/></clipPath>
<clipPath id="p11Inset"><rect x="650" y="290" width="290" height="200" rx="6"/></clipPath>
<linearGradient id="p11HeroBottom" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#1A2530" stop-opacity="0"/>
<stop offset="100%" stop-color="#1A2530" stop-opacity="0.55"/>
</linearGradient>
<linearGradient id="p11InsetTop" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#5A6B7A" stop-opacity="0.45"/>
<stop offset="50%" stop-color="#5A6B7A" stop-opacity="0"/>
</linearGradient>
<filter id="p11Lift" x="-15%" y="-15%" width="130%" height="130%">
<feGaussianBlur in="SourceAlpha" stdDeviation="6"/>
<feOffset dx="0" dy="3" result="o"/>
<feFlood flood-color="#000000" flood-opacity="0.10"/>
<feComposite in2="o" operator="in"/>
<feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
</defs>
<g id="bg">
<rect width="1280" height="720" fill="#F5F2EC"/>
</g>
<g id="header">
<rect x="60" y="60" width="3" height="32" fill="#6B7A4F"/>
<text x="76" y="84" font-family="Georgia, serif" font-size="13" font-weight="700" fill="#5A6B7A" letter-spacing="3">III · 巡览 · CASE 03</text>
<text x="1220" y="84" text-anchor="end" font-family="Georgia, serif" font-size="13" fill="#5A6B7A">NEW YORK · 1931 → NOW</text>
</g>
<g id="page-title">
<text x="60" y="148" font-family="KaiTi, Georgia, serif" font-size="36" font-weight="700" fill="#2B3A4A">1931 年的装饰艺术摩天楼</text>
<text x="60" y="194" font-family="KaiTi, Georgia, serif" font-size="36" font-weight="700" fill="#6B7A4F">变成 566 套公寓</text>
<line x1="60" y1="220" x2="160" y2="220" stroke="#6B7A4F" stroke-width="2"/>
<text x="60" y="252" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" fill="#5A6B7A">One Wall Street · 曼哈顿金融区 · 设计Ralph Walker</text>
</g>
<g id="hero-image">
<image href="../images/640_13.png" x="60" y="290" width="540" height="370" preserveAspectRatio="xMidYMid slice" clip-path="url(#p11Hero)"/>
<rect x="60" y="500" width="540" height="160" fill="url(#p11HeroBottom)"/>
<text x="80" y="640" font-family="Georgia, serif" font-size="13" fill="#F5F2EC" letter-spacing="3">DECO LANDMARK · 50 FLOORS</text>
<text x="60" y="688" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">改造后的 One Wall Street · 装饰艺术摩天楼</text>
</g>
<g id="inset-image" filter="url(#p11Lift)">
<image href="../images/640_14.png" x="650" y="290" width="290" height="200" preserveAspectRatio="xMidYMid slice" clip-path="url(#p11Inset)"/>
<rect x="650" y="290" width="290" height="80" fill="url(#p11InsetTop)"/>
<g id="inset-tag">
<rect x="666" y="306" width="12" height="12" fill="#F5F2EC"/>
<text x="686" y="317" font-family="Georgia, serif" font-size="11" font-weight="700" fill="#F5F2EC" letter-spacing="3">INTERIOR · APARTMENT</text>
</g>
<text x="650" y="514" font-family="KaiTi, Georgia, serif" font-size="14" fill="#5A6B7A">公寓内景 · 单间到四居室</text>
</g>
<g id="key-stats">
<rect x="960" y="290" width="260" height="270" rx="6" fill="#EBE6DC"/>
<text x="984" y="328" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" font-weight="700" fill="#6B7A4F" letter-spacing="2">改造数据</text>
<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>
<text x="984" y="412" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">原办公建筑总层数</text>
<line x1="984" y1="430" x2="1196" y2="430" stroke="#D6CFC0" stroke-width="1"/>
<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>
<text x="984" y="504" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">改造后公寓数量</text>
<line x1="984" y1="522" x2="1196" y2="522" stroke="#D6CFC0" stroke-width="1"/>
<text x="984" y="552" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#5A6B7A">户型涵盖单间至四居室全谱系</text>
</g>
<g id="insight">
<rect x="650" y="580" width="570" height="80" rx="6" fill="#2B3A4A"/>
<use data-icon="tabler-outline/bulb" x="672" y="600" width="28" height="28" fill="#A8C575"/>
<text x="710" y="614" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="14" font-weight="700" fill="#A8C575" letter-spacing="2">观察</text>
<text x="710" y="640" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="14" fill="#F5F2EC">已成功的改造案例中,<tspan font-weight="700" fill="#A8C575">办公/商业建筑改其他用途</tspan> 占主流</text>
<text x="710" y="658" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#D6CFC0">— 这类建筑的结构和强度都优于住宅,灵活性更高,便于引进新业态</text>
</g>
<g id="footer">
<text x="1220" y="710" text-anchor="end" font-family="Georgia, serif" font-size="12" fill="#8A8275">11 / 15</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.4 KiB

View File

@@ -0,0 +1,36 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
<defs>
<radialGradient id="vignette" cx="50%" cy="55%" r="80%">
<stop offset="0%" stop-color="#1A2530" stop-opacity="0.30"/>
<stop offset="100%" stop-color="#1A2530" stop-opacity="0.85"/>
</radialGradient>
</defs>
<g id="bg-image">
<rect width="1280" height="720" fill="#1A2530"/>
<image href="../images/640_15.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
<rect x="0" y="0" width="1280" height="720" fill="url(#vignette)"/>
</g>
<g id="bg-decor">
<line x1="100" y1="100" x2="200" y2="100" stroke="#C2410C" stroke-width="2"/>
<line x1="1080" y1="620" x2="1180" y2="620" stroke="#C2410C" stroke-width="2"/>
</g>
<g id="chapter-meta">
<text x="640" y="220" text-anchor="middle" font-family="Georgia, serif" font-size="14" font-weight="700" fill="#C2410C" letter-spacing="8">CHAPTER</text>
<text x="640" y="430" text-anchor="middle" font-family="Georgia, serif" font-size="280" font-weight="400" fill="#F5F2EC" fill-opacity="0.95">IV</text>
</g>
<g id="chapter-title">
<text x="640" y="510" text-anchor="middle" font-family="KaiTi, Georgia, serif" font-size="44" font-weight="700" fill="#F5F2EC">高层住宅老了、坏了</text>
<text x="640" y="558" text-anchor="middle" font-family="KaiTi, Georgia, serif" font-size="44" font-weight="700" fill="#F5F2EC"><tspan fill="#C2410C">怎么办?</tspan></text>
<line x1="600" y1="588" x2="680" y2="588" stroke="#C2410C" stroke-width="2"/>
<text x="640" y="624" text-anchor="middle" font-family="Georgia, serif" font-size="13" font-style="italic" fill="#D6CFC0" letter-spacing="3">CHINA · THE HARD BONE</text>
</g>
<g id="footer">
<text x="640" y="690" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#A8B0B8" font-style="italic">资金雄厚、产权清晰的商业项目易办;老旧高层住宅的改造,才是真正的"硬骨头"</text>
<text x="1220" y="710" text-anchor="end" font-family="Georgia, serif" font-size="12" fill="#A8B0B8">12 / 15</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,104 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
<defs>
<clipPath id="p13ImgBJ"><rect x="60" y="256" width="580" height="240" rx="6"/></clipPath>
<clipPath id="p13ImgZJL"><rect x="660" y="256" width="280" height="170" rx="6"/></clipPath>
<clipPath id="p13ImgZJR"><rect x="940" y="256" width="280" height="170" rx="6"/></clipPath>
<linearGradient id="p13TopBJ" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#8B7355" stop-opacity="0.65"/>
<stop offset="40%" stop-color="#8B7355" stop-opacity="0"/>
</linearGradient>
<linearGradient id="p13TopZJL" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#5A6B7A" stop-opacity="0.65"/>
<stop offset="55%" stop-color="#5A6B7A" stop-opacity="0"/>
</linearGradient>
<linearGradient id="p13TopZJR" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#C2410C" stop-opacity="0.65"/>
<stop offset="55%" stop-color="#C2410C" stop-opacity="0"/>
</linearGradient>
<linearGradient id="p13BottomFadeBJ" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#FFFFFF" stop-opacity="0"/>
<stop offset="100%" stop-color="#FFFFFF" stop-opacity="0.92"/>
</linearGradient>
</defs>
<g id="bg">
<rect width="1280" height="720" fill="#F5F2EC"/>
</g>
<g id="header">
<rect x="60" y="60" width="3" height="32" fill="#C2410C"/>
<text x="76" y="84" font-family="Georgia, serif" font-size="13" font-weight="700" fill="#5A6B7A" letter-spacing="3">IV · 困局 · PILOT CASES</text>
<text x="1220" y="84" text-anchor="end" font-family="Georgia, serif" font-size="13" fill="#5A6B7A">已有的尝试 · CHINA</text>
</g>
<g id="page-title">
<text x="60" y="148" font-family="KaiTi, Georgia, serif" font-size="36" font-weight="700" fill="#2B3A4A">已有的尝试:从<tspan fill="#8B7355">功能再造</tspan><tspan fill="#C2410C">原拆原建</tspan></text>
<line x1="60" y1="172" x2="160" y2="172" stroke="#C2410C" stroke-width="2"/>
</g>
<g id="case-bj">
<rect x="60" y="210" width="580" height="478" rx="6" fill="#FFFFFF" stroke="#D6CFC0" stroke-width="1"/>
<g id="bj-tag">
<rect x="80" y="228" width="3" height="22" fill="#8B7355"/>
<text x="92" y="245" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#8B7355" letter-spacing="3">CASE A · 北京天通苑</text>
<text x="620" y="245" text-anchor="end" font-family="KaiTi, Georgia, serif" font-size="14" font-style="italic" fill="#8B7355">"办公环橙"</text>
</g>
<image href="../images/640_16.png" x="60" y="256" width="580" height="240" preserveAspectRatio="xMidYMid slice" clip-path="url(#p13ImgBJ)"/>
<rect x="60" y="256" width="580" height="100" fill="url(#p13TopBJ)"/>
<rect x="60" y="436" width="580" height="60" fill="url(#p13BottomFadeBJ)"/>
<text x="80" y="540" font-family="KaiTi, Georgia, serif" font-size="22" font-weight="700" fill="#2B3A4A">高层住宅 → 办公楼</text>
<text x="80" y="572" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="14" fill="#5A6B7A">缓解天通苑地区<tspan fill="#8B7355" font-weight="700">"职住分离"</tspan>问题</text>
<text x="80" y="596" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="14" fill="#5A6B7A">对原有梁柱进行局部加固</text>
<text x="80" y="620" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="14" fill="#5A6B7A">将住宅户型拓展为办公户型</text>
<text x="80" y="660" font-family="KaiTi, Georgia, serif" font-size="13" font-style="italic" fill="#8B7355">— 满足不同的中小企业需求</text>
<text x="620" y="678" text-anchor="end" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="11" fill="#8A8275">摄影:金伟琦 · 图源:众建筑</text>
</g>
<g id="case-zj">
<rect x="660" y="210" width="560" height="478" rx="6" fill="#FFFFFF" stroke="#D6CFC0" stroke-width="1"/>
<g id="zj-tag">
<rect x="680" y="228" width="3" height="22" fill="#C2410C"/>
<text x="692" y="245" font-family="Georgia, serif" font-size="12" font-weight="700" fill="#C2410C" letter-spacing="3">CASE B · 杭州市中心</text>
<text x="1200" y="245" text-anchor="end" font-family="KaiTi, Georgia, serif" font-size="14" font-style="italic" fill="#C2410C">"浙工新村"</text>
</g>
<image href="../images/640_19.png" x="660" y="256" width="280" height="170" preserveAspectRatio="xMidYMid slice" clip-path="url(#p13ImgZJL)"/>
<rect x="660" y="256" width="280" height="60" fill="url(#p13TopZJL)"/>
<g id="bf-zj">
<rect x="676" y="272" width="10" height="10" fill="#F5F2EC"/>
<text x="694" y="282" font-family="Georgia, serif" font-size="11" font-weight="700" fill="#F5F2EC" letter-spacing="3">BEFORE · 80s</text>
</g>
<image href="../images/640_20.png" x="940" y="256" width="280" height="170" preserveAspectRatio="xMidYMid slice" clip-path="url(#p13ImgZJR)"/>
<rect x="940" y="256" width="280" height="60" fill="url(#p13TopZJR)"/>
<g id="af-zj">
<rect x="956" y="272" width="10" height="10" fill="#F5F2EC"/>
<text x="974" y="282" font-family="Georgia, serif" font-size="11" font-weight="700" fill="#F5F2EC" letter-spacing="3">AFTER · NEW</text>
</g>
<text x="680" y="466" font-family="KaiTi, Georgia, serif" font-size="22" font-weight="700" fill="#2B3A4A">首个"原拆原建"老旧小区</text>
<text x="680" y="498" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="14" fill="#5A6B7A">拆除 13 幢,新建 <tspan fill="#C2410C" font-weight="700">7 幢 11 层小高层</tspan></text>
<line x1="680" y1="520" x2="1200" y2="520" stroke="#D6CFC0" stroke-width="1"/>
<g id="cost-grid" transform="translate(680, 540)">
<text x="0" y="20" font-family="Georgia, serif" font-size="32" font-weight="700" fill="#C2410C">5.3<tspan font-size="14" fill="#5A6B7A" dx="4">亿元</tspan></text>
<text x="0" y="44" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="12" fill="#5A6B7A">重建总费用</text>
<text x="180" y="20" font-family="Georgia, serif" font-size="32" font-weight="700" fill="#C2410C">4.7<tspan font-size="14" fill="#5A6B7A" dx="4">亿元</tspan></text>
<text x="180" y="44" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="12" fill="#5A6B7A">居民自筹</text>
<text x="360" y="20" font-family="Georgia, serif" font-size="20" font-weight="700" fill="#2B3A4A">10100<tspan font-size="14" fill="#5A6B7A" dx="4">万元/户</tspan></text>
<text x="360" y="44" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="12" fill="#5A6B7A">每户出资区间</text>
</g>
<text x="680" y="676" font-family="KaiTi, Georgia, serif" font-size="13" font-style="italic" fill="#5A6B7A">— 国务院 2025.08:稳步推进危旧房改造,支持自主更新和原拆原建</text>
</g>
<g id="footer">
<text x="1220" y="710" text-anchor="end" font-family="Georgia, serif" font-size="12" fill="#8A8275">13 / 15</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 7.0 KiB

View File

@@ -0,0 +1,56 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
<defs>
<linearGradient id="paperFade" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#F5F2EC" stop-opacity="0.92"/>
<stop offset="100%" stop-color="#F5F2EC" stop-opacity="0.78"/>
</linearGradient>
</defs>
<g id="bg-image">
<rect width="1280" height="720" fill="#F5F2EC"/>
<image href="../images/640_21.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
<rect x="0" y="0" width="1280" height="720" fill="#F5F2EC" fill-opacity="0.65"/>
<rect x="0" y="0" width="1280" height="720" fill="url(#paperFade)"/>
</g>
<g id="header">
<rect x="60" y="60" width="3" height="32" fill="#C2410C"/>
<text x="76" y="84" font-family="Georgia, serif" font-size="13" font-weight="700" fill="#5A6B7A" letter-spacing="3">IV · 困局 · THE REAL HARDNESS</text>
</g>
<g id="quote-mark">
<text x="100" y="280" font-family="Georgia, serif" font-size="200" font-weight="700" fill="#C2410C" fill-opacity="0.18">"</text>
</g>
<g id="big-quote">
<text x="180" y="270" font-family="KaiTi, Georgia, serif" font-size="48" font-weight="700" fill="#2B3A4A">"原拆原建"在高层项目中</text>
<text x="180" y="328" font-family="KaiTi, Georgia, serif" font-size="48" font-weight="700" fill="#2B3A4A">注定<tspan fill="#C2410C">极其复杂</tspan></text>
<line x1="180" y1="360" x2="280" y2="360" stroke="#C2410C" stroke-width="2"/>
<text x="180" y="396" font-family="KaiTi, Georgia, serif" font-size="20" font-style="italic" fill="#5A6B7A">户数更多 · 全体业主达成共识的难度大</text>
</g>
<g id="problem">
<rect x="180" y="440" width="500" height="180" rx="4" fill="#FFFFFF" stroke="#D6CFC0" stroke-width="1"/>
<rect x="180" y="440" width="4" height="180" fill="#C2410C"/>
<text x="208" y="478" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" font-weight="700" fill="#C2410C" letter-spacing="2">现实难题</text>
<text x="208" y="518" font-family="KaiTi, Georgia, serif" font-size="28" font-weight="700" fill="#2B3A4A">"让每家掏钱"</text>
<text x="208" y="556" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" fill="#5A6B7A">维护资金从哪出、由谁出 — 仍在探索阶段</text>
<text x="208" y="582" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" fill="#5A6B7A">让许多改造项目<tspan fill="#C2410C" font-weight="700">陷入停滞</tspan></text>
<text x="208" y="608" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#8A8275">业主、开发商、政府之间的成本分摊机制尚未成熟</text>
</g>
<g id="solution">
<rect x="700" y="440" width="500" height="180" rx="4" fill="#2B3A4A"/>
<rect x="700" y="440" width="4" height="180" fill="#6B7A4F"/>
<text x="728" y="478" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" font-weight="700" fill="#A8C575" letter-spacing="2">可能的出路</text>
<text x="728" y="518" font-family="KaiTi, Georgia, serif" font-size="28" font-weight="700" fill="#F5F2EC">"共建共治共享"</text>
<text x="728" y="556" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" fill="#D6CFC0">解锁困局的密码可能在于<tspan fill="#A8C575" font-weight="700">治理模式创新</tspan></text>
<text x="728" y="582" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" fill="#D6CFC0">设立高层"养老金" · 借鉴"居委会"自管</text>
<text x="728" y="608" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="13" fill="#A8B0B8">让居民对高层住宅进行自我管理 — 从"微更新"做起</text>
</g>
<g id="footer">
<text x="60" y="694" font-family="KaiTi, Georgia, serif" font-size="13" font-style="italic" fill="#5A6B7A">技术方案重要,但解锁困局的密码,可能藏在治理之中</text>
<text x="1220" y="694" text-anchor="end" font-family="Georgia, serif" font-size="12" fill="#5A6B7A">14 / 15</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

@@ -0,0 +1,78 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
<defs>
<linearGradient id="endingOverlay" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#1A2530" stop-opacity="0.30"/>
<stop offset="55%" stop-color="#1A2530" stop-opacity="0.70"/>
<stop offset="100%" stop-color="#1A2530" stop-opacity="0.92"/>
</linearGradient>
<marker id="stepArrow" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto">
<path d="M0,1 L8,5 L0,9 Z" fill="#A8C575"/>
</marker>
</defs>
<g id="bg-image">
<rect width="1280" height="720" fill="#1A2530"/>
<image href="../images/640_23.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
<rect x="0" y="0" width="1280" height="720" fill="url(#endingOverlay)"/>
</g>
<g id="header">
<rect x="60" y="60" width="3" height="32" fill="#A8C575"/>
<text x="76" y="84" font-family="Georgia, serif" font-size="13" font-weight="700" fill="#F5F2EC" letter-spacing="3">CONCLUSION · ENDING</text>
<text x="1220" y="84" text-anchor="end" font-family="Georgia, serif" font-size="13" fill="#D6CFC0">CHINA · 297 CITIES · 150+ COUNTIES</text>
</g>
<g id="page-title">
<text x="60" y="170" font-family="KaiTi, Georgia, serif" font-size="44" font-weight="700" fill="#F5F2EC">从追求<tspan fill="#D6CFC0">高度</tspan>,到沉淀<tspan fill="#A8C575">厚度</tspan></text>
<line x1="60" y1="200" x2="160" y2="200" stroke="#A8C575" stroke-width="2"/>
<text x="60" y="234" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" fill="#D6CFC0" font-style="italic">国家正在大力推行"先体检、后更新"的城市更新理念</text>
</g>
<g id="step-flow">
<line x1="220" y1="430" x2="320" y2="430" stroke="#A8C575" stroke-width="2" marker-end="url(#stepArrow)" stroke-opacity="0.7"/>
<line x1="490" y1="430" x2="590" y2="430" stroke="#A8C575" stroke-width="2" marker-end="url(#stepArrow)" stroke-opacity="0.7"/>
<line x1="760" y1="430" x2="860" y2="430" stroke="#A8C575" stroke-width="2" marker-end="url(#stepArrow)" stroke-opacity="0.7"/>
<g id="step-1">
<circle cx="160" cy="430" r="44" fill="#F5F2EC"/>
<use data-icon="tabler-outline/clipboard-check" x="138" y="408" width="44" height="44" fill="#C2410C"/>
<text x="160" y="510" text-anchor="middle" font-family="Georgia, serif" font-size="14" font-weight="700" fill="#A8C575" letter-spacing="3">01 · 体检</text>
<text x="160" y="540" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" font-weight="700" fill="#F5F2EC">城市体检</text>
<text x="160" y="566" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="12" fill="#D6CFC0">截至 2025.11</text>
<text x="160" y="586" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="12" fill="#D6CFC0">297 个地级 + 150+ 县级市</text>
</g>
<g id="step-2">
<circle cx="430" cy="430" r="44" fill="#F5F2EC"/>
<use data-icon="tabler-outline/tool" x="408" y="408" width="44" height="44" fill="#8B7355"/>
<text x="430" y="510" text-anchor="middle" font-family="Georgia, serif" font-size="14" font-weight="700" fill="#A8C575" letter-spacing="3">02 · 设计</text>
<text x="430" y="540" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" font-weight="700" fill="#F5F2EC">专业方案</text>
<text x="430" y="566" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="12" fill="#D6CFC0">专业机构提供</text>
<text x="430" y="586" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="12" fill="#D6CFC0">安全可靠的设计与技术</text>
</g>
<g id="step-3">
<circle cx="700" cy="430" r="44" fill="#F5F2EC"/>
<use data-icon="tabler-outline/users" x="678" y="408" width="44" height="44" fill="#6B7A4F"/>
<text x="700" y="510" text-anchor="middle" font-family="Georgia, serif" font-size="14" font-weight="700" fill="#A8C575" letter-spacing="3">03 · 协调</text>
<text x="700" y="540" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" font-weight="700" fill="#F5F2EC">共建共治</text>
<text x="700" y="566" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="12" fill="#D6CFC0">政府搭建平台</text>
<text x="700" y="586" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="12" fill="#D6CFC0">社区基层组织协调引领</text>
</g>
<g id="step-4">
<circle cx="970" cy="430" r="48" fill="#A8C575"/>
<use data-icon="tabler-outline/refresh" x="946" y="406" width="48" height="48" fill="#2B3A4A"/>
<text x="970" y="510" text-anchor="middle" font-family="Georgia, serif" font-size="14" font-weight="700" fill="#A8C575" letter-spacing="3">04 · 再生</text>
<text x="970" y="540" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="15" font-weight="700" fill="#F5F2EC">焕发新机</text>
<text x="970" y="566" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="12" fill="#D6CFC0">多方合力 · 安全与环保前提</text>
<text x="970" y="586" text-anchor="middle" font-family="&quot;Microsoft YaHei&quot;, sans-serif" font-size="12" fill="#D6CFC0">为城市发展贡献独特价值</text>
</g>
</g>
<g id="closing">
<line x1="60" y1="640" x2="200" y2="640" stroke="#A8C575" stroke-width="1"/>
<text x="60" y="675" font-family="KaiTi, Georgia, serif" font-size="20" font-style="italic" fill="#F5F2EC">超高层建筑的未来,在于"<tspan fill="#A8C575" font-weight="700">精耕细作</tspan>"式的改造</text>
<text x="1220" y="700" text-anchor="end" font-family="Georgia, serif" font-size="12" fill="#A8B0B8">— 谢谢观看 · 15 / 15</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.9 KiB