Urban Metabolism Atlas Webpage Screenshot

目标：制作一张简洁的浏览器页面截图，展示一个Chinese案例研究板块，其中包含一张关于城市系统地图的大型双语信息图海报。

画布：横向截图，尺寸约为 917×833 像素，白色网页背景，裁剪至顶部显示一段Chinese段落的末尾，底部截断海报的一部分。使用清晰的 UI 风格渲染，无需完整的浏览器边框。

网页布局：在可见区域的左上方，显示一个小的带框图片表情符号/图标，后跟加粗的Chinese标题“精选案例”，下方有一条横跨大部分宽度的细灰色水平分割线。在其下方，显示一个加粗的子标题：“案例一：信息图可视化”。在该标题下方居中放置一张大型信息图，并留有窄边距。

主海报：设计一张信息密集型的双语图谱海报，标题为“{argument name="main title" default="城市生命系统图谱"}”，英文副标题为“{argument name="English subtitle" default="Urban Metabolism Atlas"}”。在标题下方添加简短的双语标语“城市是一個有生命的系統 / The City is a Living System”。海报应呈现出专业的建筑/城市规划信息图风格：米白色背景、海军蓝标题文字、细灰色面板边框、小型双语标签、图解图标，以及占据中心大部分区域的等轴测城市剖面插图。

海报顶部元素：左上方包含一个标有 N 的罗盘玫瑰，以及一个标有“Scale”的比例尺，刻度为 0、50、100、200、500 米。顶部中心附近包含一个带框的“System Legend”，列出 10 种彩色线条样本，分别标注为：Electricity（电力）、Gas（燃气）、Heating（供暖）、Communication（通信）、Traffic（交通）、Logistics（物流）、Data Flow（数据流）、People Flow（人流）、Clean Water（净水）、Wastewater（污水）。右上角包含一张标有“Location”的小型插图卡片，展示一张简化的城市地图，包含绿色公园、蓝色水道、灰色街道和红色边界。

城市中心插图：展示一座密集的等轴测智慧城市，包含许多高层塔楼、中层街区、带有汽车和公交车的道路、蓝色运河或河流、桥梁、行道树、广场，以及底部剖面可见的地下地铁隧道和公用设施管道。包含无人机、飞机、屋顶太阳能电池板、交通站点、行人和服务车辆等细节。使用穿过城市的细彩色网络线条来暗示水、能源、数据、物流和交通流。在中心场景中添加 5 个可见的圆形编号标注标记：建筑物上标 6，道路/交通走廊附近标 3，右侧街道边缘附近标 8，绿色广场内标 9，地下隧道/运河边缘附近标 10。

侧边信息卡：在城市周围放置 6 张可见的圆角矩形系统卡片，每张卡片带有彩色编号徽章、双语标题、小项目符号标签和微型图表。左侧列有 3 张卡片：1 “能源系统 / Energy Grid”，包含太阳能电池板、电池储能、电动汽车充电和汽车；2 “城市水循环 / Water Cycle”，包含水厂、雨水收集、污水处理、再生水和地下水图表；3 “交通网络 / Transportation”，包含地铁列车、公交车、道路、自行车图标和路线图。右侧列有 3 张卡片：6 “建筑内部系统 / Building Systems”，包含展示楼层、暖通空调、消防安全、楼宇管理系统（BMS）控制和管道的建筑剖面；7 “公共服务 / Public Services”，包含医院、学校、消防站、警察局和社区服务图标；8 “食物与物流 / Food & Logistics”，包含仓库、冷链、最后一公里配送、卡车、货箱和机器人配送。保持左右两列的下部被截图边缘轻微裁剪，以匹配真实的页面视图。

视觉风格：高度详细的半写实等轴测插图与技术信息图设计相结合，采用柔和的灰色和白色，搭配海军蓝字体，强调色为黄色、青色、红色、紫色、橙色和绿色。标题级别的文字应清晰易读，但许多小标签可以非常细小。保持真实Chinese网页文章展示示例图片的质感。

约束：不要添加浏览器地址栏、水印、浮动工具栏或额外的社交媒体 UI。保留网页上的Chinese标题以及双语海报的标题层级。图片应看起来像是嵌入在文档页面中的生成式信息图截图。