| 1 | # 美学周鉴 · 解锁潮流序章 - Design Spec |
| 2 | |
| 3 | > This document is the human-readable design narrative — rationale, audience, style, color choices, content outline. It is read once by downstream roles for context. |
| 4 | > |
| 5 | > The machine-readable execution contract lives in `spec_lock.md` (short form of color / typography / icon / image decisions). Executor re-reads `spec_lock.md` before every SVG page to resist context-compression drift. Keep the two files in sync; if they diverge, `spec_lock.md` wins. |
| 6 | |
| 7 | ## I. Project Information |
| 8 | |
| 9 | | Item | Value | |
| 10 | | ---- | ----- | |
| 11 | | **Project Name** | 美学周鉴 · 解锁潮流序章 | |
| 12 | | **Canvas Format** | PPT 16:9 (1280×720) | |
| 13 | | **Page Count** | 16 | |
| 14 | | **Design Style** | General Versatile — Magazine Editorial | |
| 15 | | **Target Audience** | 时尚行业从业者、奢侈品爱好者、品牌营销人员 | |
| 16 | | **Use Case** | 时尚资讯分享、品牌动态播报、社交传播 | |
| 17 | | **Created Date** | 2026-04-26 | |
| 18 | |
| 19 | --- |
| 20 | |
| 21 | ## II. Canvas Specification |
| 22 | |
| 23 | | Property | Value | |
| 24 | | -------- | ----- | |
| 25 | | **Format** | PPT 16:9 | |
| 26 | | **Dimensions** | 1280×720 | |
| 27 | | **viewBox** | `0 0 1280 720` | |
| 28 | | **Margins** | 左右 50px, 上下 40px | |
| 29 | | **Content Area** | 1180×640 | |
| 30 | |
| 31 | --- |
| 32 | |
| 33 | ## III. Visual Theme |
| 34 | |
| 35 | ### Theme Style |
| 36 | |
| 37 | - **Style**: Magazine Editorial — 高端时尚杂志编辑风格 |
| 38 | - **Theme**: Dark theme — 深色背景突出品牌视觉 |
| 39 | - **Tone**: 奢华、精致、现代、杂志感 |
| 40 | |
| 41 | ### Color Scheme |
| 42 | |
| 43 | | Role | HEX | Purpose | |
| 44 | | ---- | --- | ------- | |
| 45 | | **Background** | `#0A0A0A` | 深黑底色，奢侈品杂志调性 | |
| 46 | | **Secondary bg** | `#1A1A1A` | 卡片/区块底色 | |
| 47 | | **Primary** | `#C9A96E` | 金色，奢侈品标志色，标题装饰、图标 | |
| 48 | | **Accent** | `#E8D5B5` | 浅金/米白，副标题、关键信息高亮 | |
| 49 | | **Secondary accent** | `#8B7355` | 暗金/古铜，渐变过渡、辅助装饰 | |
| 50 | | **Body text** | `#F5F0EB` | 暖白色正文 | |
| 51 | | **Secondary text** | `#9E9690` | 灰棕色注释文字 | |
| 52 | | **Border/divider** | `#2A2520` | 深棕色边框、分割线 | |
| 53 | |
| 54 | ### Gradient Scheme |
| 55 | |
| 56 | ```xml |
| 57 | <!-- Title accent gradient --> |
| 58 | <linearGradient id="titleGradient" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 59 | <stop offset="0%" stop-color="#C9A96E"/> |
| 60 | <stop offset="100%" stop-color="#E8D5B5"/> |
| 61 | </linearGradient> |
| 62 | |
| 63 | <!-- Decorative radial glow --> |
| 64 | <radialGradient id="bgDecor" cx="80%" cy="20%" r="50%"> |
| 65 | <stop offset="0%" stop-color="#C9A96E" stop-opacity="0.08"/> |
| 66 | <stop offset="100%" stop-color="#C9A96E" stop-opacity="0"/> |
| 67 | </radialGradient> |
| 68 | |
| 69 | <!-- Image overlay gradient (bottom fade) --> |
| 70 | <linearGradient id="imageOverlay" x1="0%" y1="0%" x2="0%" y2="100%"> |
| 71 | <stop offset="0%" stop-color="#0A0A0A" stop-opacity="0"/> |
| 72 | <stop offset="60%" stop-color="#0A0A0A" stop-opacity="0.3"/> |
| 73 | <stop offset="100%" stop-color="#0A0A0A" stop-opacity="0.85"/> |
| 74 | </linearGradient> |
| 75 | ``` |
| 76 | |
| 77 | --- |
| 78 | |
| 79 | ## IV. Typography System |
| 80 | |
| 81 | ### Font Plan |
| 82 | |
| 83 | **Typography direction**: Editorial display — 标题衬线体营造杂志质感，正文无衬线体保证可读性 |
| 84 | |
| 85 | | Role | Chinese | English | Fallback tail | |
| 86 | | ---- | ------- | ------- | ------------- | |
| 87 | | **Title** | `SimSun` | `Georgia` | `serif` | |
| 88 | | **Body** | `"Microsoft YaHei", "PingFang SC"` | `Arial` | `sans-serif` | |
| 89 | | **Emphasis** | `SimSun` | `Georgia` | `serif` | |
| 90 | | **Code** | — | `Consolas, "Courier New"` | `monospace` | |
| 91 | |
| 92 | **Per-role font stacks** (CSS `font-family` strings): |
| 93 | |
| 94 | - Title: `Georgia, SimSun, serif` |
| 95 | - Body: `"Microsoft YaHei", "PingFang SC", Arial, sans-serif` |
| 96 | - Emphasis: `Georgia, SimSun, serif` |
| 97 | - Code: `Consolas, "Courier New", monospace` |
| 98 | |
| 99 | > **Stack ordering rationale**: Title stack is Latin-led (`Georgia` first) because brand names dominate headline text — Georgia's elegant serifs display English brand names beautifully, while CJK characters fall through to SimSun. Body stack is CJK-led because the main content is in Chinese. |
| 100 | |
| 101 | ### Font Size Hierarchy |
| 102 | |
| 103 | **Baseline**: Body font size = 18px (dense — accommodating 16 brand stories across 16 pages) |
| 104 | |
| 105 | | Purpose | Ratio to body | Size | Weight | |
| 106 | | ------- | ------------- | ---- | ------ | |
| 107 | | Cover title | 3.3x | 60px | Bold | |
| 108 | | Brand name heading | 2x | 36px | Bold | |
| 109 | | Page title | 1.7x | 30px | Bold | |
| 110 | | Subtitle | 1.3x | 24px | SemiBold | |
| 111 | | **Body content** | **1x** | **18px** | Regular | |
| 112 | | Brand tag / label | 0.8x | 14px | SemiBold | |
| 113 | | Annotation / caption | 0.7x | 13px | Regular | |
| 114 | | Page number / footnote | 0.6x | 11px | Regular | |
| 115 | |
| 116 | --- |
| 117 | |
| 118 | ## V. Layout Principles |
| 119 | |
| 120 | ### Page Structure |
| 121 | |
| 122 | - **Header area**: 40px — 品牌名/栏目标识区，金色细线分割 |
| 123 | - **Content area**: 640px — 主内容区，根据品牌数量灵活分配 |
| 124 | - **Footer area**: 40px — 页码、来源标注 |
| 125 | |
| 126 | ### Layout Pattern Library |
| 127 | |
| 128 | 本项目以杂志编辑风格为核心，采用多样化布局避免 AI 生成感： |
| 129 | |
| 130 | | Pattern | Usage | |
| 131 | | ------- | ----- | |
| 132 | | **Full-bleed + floating text** | 封面页，品牌图片铺满画布，标题浮于图上 | |
| 133 | | **Asymmetric split (3:7 / 4:6)** | 单品牌专题页，图片占主导，文字简洁 | |
| 134 | | **Figure-text overlap** | 品牌标题叠于图片边缘，杂志排版感 | |
| 135 | | **Two-column magazine** | 双品牌合并页，左右各一品牌 | |
| 136 | | **Negative-space-driven** | 呼吸页，留白突出单一品牌视觉 | |
| 137 | | **Top-bottom split** | 宽幅品牌图 + 下方文案 | |
| 138 | |
| 139 | ### Spacing Specification |
| 140 | |
| 141 | **Universal**: |
| 142 | |
| 143 | | Element | Value | |
| 144 | | ------- | ----- | |
| 145 | | Safe margin | 50px | |
| 146 | | Content block gap | 30px | |
| 147 | | Icon-text gap | 10px | |
| 148 | |
| 149 | **Card-based layouts** (where applicable): |
| 150 | |
| 151 | | Element | Value | |
| 152 | | ------- | ----- | |
| 153 | | Card gap | 24px | |
| 154 | | Card padding | 24px | |
| 155 | | Card border radius | 12px | |
| 156 | |
| 157 | --- |
| 158 | |
| 159 | ## VI. Icon Usage Specification |
| 160 | |
| 161 | ### Source |
| 162 | |
| 163 | - **Built-in icon library**: `phosphor-duotone` — 双色调风格，层次丰富，时尚现代 |
| 164 | - **Brand icons**: `simple-icons` — 品牌 logo 标识（如需展示品牌标志） |
| 165 | - **Usage method**: SVG placeholder `<use data-icon="library/icon-name" .../>` |
| 166 | |
| 167 | ### Recommended Icon List |
| 168 | |
| 169 | | Purpose | Icon Path | Page | |
| 170 | | ------- | --------- | ---- | |
| 171 | | 时尚/潮流 | `phosphor-duotone/dress` | 封面、多页 | |
| 172 | | 高级珠宝 | `phosphor-duotone/diamond` | P07 | |
| 173 | | 腕表 | `phosphor-duotone/watch` | P04 | |
| 174 | | 家居/设计 | `phosphor-duotone/house` | P02, P05 | |
| 175 | | 展览/艺术 | `phosphor-duotone/palette` | P06, P08 | |
| 176 | | 香氛/美妆 | `phosphor-duotone/flower` | P11 | |
| 177 | | 手袋/配饰 | `phosphor-duotone/handbag` | P10 | |
| 178 | | 活动/明星 | `phosphor-duotone/star` | P12 | |
| 179 | | 联名/合作 | `phosphor-duotone/handshake` | P13 | |
| 180 | | 剪刀/裁缝 | `phosphor-duotone/scissors` | P09 | |
| 181 | | 商店/零售 | `phosphor-duotone/storefront` | P07 | |
| 182 | | 相机/摄影 | `phosphor-duotone/camera` | P08 | |
| 183 | | 皇冠/奢华 | `phosphor-duotone/crown` | 封面 | |
| 184 | | 闪耀/亮点 | `phosphor-duotone/sparkle` | 多页 | |
| 185 | | 标签/品牌 | `phosphor-duotone/tag` | 多页 | |
| 186 | | 全球/国际 | `phosphor-duotone/globe` | P07 | |
| 187 | |
| 188 | --- |
| 189 | |
| 190 | ## VII. Visualization Reference List |
| 191 | |
| 192 | ``` |
| 193 | Catalog read: 40+ templates / 8 categories |
| 194 | Runners-up considered: fewer than 3 viz pages — this is a magazine-style news digest, not a data-driven deck |
| 195 | ``` |
| 196 | |
| 197 | 本项目为时尚资讯汇编，内容以品牌叙事和图片展示为主，不包含数据可视化需求。所有页面采用图文编辑排版，无需引用图表模板。 |
| 198 | |
| 199 | --- |
| 200 | |
| 201 | ## VIII. Image Resource List |
| 202 | |
| 203 | | Filename | Dimensions | Ratio | Intent | Purpose | Type | Status | |
| 204 | | -------- | ---------- | ----- | ------ | ------- | ---- | ------ | |
| 205 | | cover_hermes.jpg | 1080x997 | 1.08 | Hero / full-bleed | 封面主视觉 | Photography | Existing | |
| 206 | | hermes_home.jpg | 1080x772 | 1.40 | Side-by-side | Hermès 家居世界 | Photography | Existing | |
| 207 | | chanel_coco.jpg | 1080x608 | 1.78 | Hero / full-bleed | CHANEL COCO BEACH | Photography | Existing | |
| 208 | | dior_fashion.jpg | 1080x1080 | 1.00 | Side-by-side | Dior 时装 | Photography | Existing | |
| 209 | | dior_watch1.jpg | 1080x1080 | 1.00 | Side-by-side | Dior Chiffre Rouge 腕表 | Photography | Existing | |
| 210 | | lv_objets.jpg | 1080x608 | 1.78 | Hero / full-bleed | LV Objets Nomades | Photography | Existing | |
| 211 | | gucci_memoria1.jpg | 1080x810 | 1.33 | Side-by-side | Gucci Memoria 展览 | Photography | Existing | |
| 212 | | gucci_memoria2.jpg | 1080x810 | 1.33 | Accent | Gucci 展览补充 | Photography | Existing | |
| 213 | | vhernier_jewelry.jpg | 1080x720 | 1.50 | Side-by-side | Vhernier 珠宝 | Photography | Existing | |
| 214 | | celine_summer.jpg | 1080x1350 | 0.80 | Side-by-side | CELINE 夏季 | Photography | Existing | |
| 215 | | bv_arts.jpg | 1080x1350 | 0.80 | Side-by-side | BV 艺术摄影 | Photography | Existing | |
| 216 | | mcqueen_exhibition.jpg | 1080x721 | 1.50 | Side-by-side | McQueen 表象之下 | Photography | Existing | |
| 217 | | maxmara_show.jpg | 1080x634 | 1.70 | Hero / full-bleed | Max Mara 首秀 | Photography | Existing | |
| 218 | | chloe_tomato.jpg | 1080x1440 | 0.75 | Side-by-side | Chloé Tomato 座椅 | Photography | Existing | |
| 219 | | tadfab_bag.jpg | 1080x1440 | 0.75 | Side-by-side | TAD FAB 包袋 | Photography | Existing | |
| 220 | | apedemod_fold.jpg | 1080x1619 | 0.67 | Side-by-side | Apede Mod 折纸 | Photography | Existing | |
| 221 | | boss_fragrance.jpg | 1080x1440 | 0.75 | Side-by-side | BOSS 香氛 | Photography | Existing | |
| 222 | | fresh_event.jpg | 1080x721 | 1.50 | Side-by-side | fresh 发布会 | Photography | Existing | |
| 223 | | jorya_popup.jpg | 1080x810 | 1.33 | Side-by-side | JORYA 快闪 | Photography | Existing | |
| 224 | | arket_gohar.jpg | 1080x720 | 1.50 | Side-by-side | ARKET 联名 | Photography | Existing | |
| 225 | | stevemadden_lexie.jpg | 1080x721 | 1.50 | Side-by-side | Steve Madden 代言人 | Photography | Existing | |
| 226 | | crocs_molly.jpg | 1080x608 | 1.78 | Side-by-side | Crocs × MOLLY | Photography | Existing | |
| 227 | |
| 228 | --- |
| 229 | |
| 230 | ## IX. Content Outline |
| 231 | |
| 232 | ### Part 1: 开篇 |
| 233 | |
| 234 | #### Slide 01 — 封面 |
| 235 | |
| 236 | - **Layout**: Full-bleed + floating text — cover_hermes.jpg 铺满画布，标题浮于暗色渐变层上 |
| 237 | - **Title**: NEWS Café | 美学周鉴 |
| 238 | - **Subtitle**: 解锁潮流序章 |
| 239 | - **Info**: 本周时尚热点 · 2026年4月 |
| 240 | |
| 241 | ### Part 2: 顶级奢侈品牌 |
| 242 | |
| 243 | #### Slide 02 — Hermès 家居世界 |
| 244 | |
| 245 | - **Layout**: Asymmetric split (4:6) — 左侧文字，右侧 hermes_home.jpg |
| 246 | - **Title**: Hermès 家居世界 |
| 247 | - **Content**: |
| 248 | - 米兰设计周全新家居系列发布 |
| 249 | - 三十根矩形立柱构筑沉浸式布景 |
| 250 | - 金属锻打、皮革镶嵌、织物雕琢，材质对话与物件叙事 |
| 251 | - 延续匠心工艺与隽永美学 |
| 252 | |
| 253 | #### Slide 03 — CHANEL COCO BEACH |
| 254 | |
| 255 | - **Layout**: Hero / full-bleed — chanel_coco.jpg 作为背景，文字浮于底部渐变层 |
| 256 | - **Title**: CHANEL COCO BEACH 2026 |
| 257 | - **Content**: |
| 258 | - 上海市中心限时精品店启幕 |
| 259 | - 面朝花园的度假别墅概念 |
| 260 | - 田园风光与黑色沙滩灵感 |
| 261 | - Matthieu Blazy 创作的首个 COCO BEACH 系列 |
| 262 | |
| 263 | #### Slide 04 — Dior：时装与时计 |
| 264 | |
| 265 | - **Layout**: Two-column — 左 dior_fashion.jpg，右 dior_watch1.jpg + 文案 |
| 266 | - **Title**: Dior 双面魅力 |
| 267 | - **Content**: |
| 268 | - 左栏：Sabrina Carpenter 身着 Jonathan Anderson 设计礼服亮相 Coachella |
| 269 | - 右栏：Chiffre Rouge 腕表系列焕新，三款限量臻品 |
| 270 | - 红色秒针致敬迪奥心中的生命之色 |
| 271 | - 迪奥先生钟爱数字"8"化作护身符 |
| 272 | |
| 273 | #### Slide 05 — Louis Vuitton Objets Nomades |
| 274 | |
| 275 | - **Layout**: Hero / full-bleed — lv_objets.jpg 背景 + 浮动文字块 |
| 276 | - **Title**: Louis Vuitton Objets Nomades |
| 277 | - **Content**: |
| 278 | - 米兰设计周全新旅行家居系列 |
| 279 | - 致敬 Art Deco 与 Pierre Legrain 大师 |
| 280 | - 坎帕纳工作室、Raw Edges、Franck Genser 当代设计师新作 |
| 281 | - Collar 休闲椅、Aqua 餐桌等新品 |
| 282 | |
| 283 | #### Slide 06 — Gucci Memoria |
| 284 | |
| 285 | - **Layout**: Asymmetric split (3:7) — 右 gucci_memoria1.jpg 主导 + 左文案，gucci_memoria2.jpg 作小图点缀 |
| 286 | - **Title**: Gucci Memoria |
| 287 | - **Content**: |
| 288 | - 米兰圣辛普利齐亚诺回廊沉浸式展览 |
| 289 | - Demna 策划，追溯品牌 105 年历程 |
| 290 | - 十二幅挂毯凝练品牌关键发展节点 |
| 291 | - Flora 花卉主题花园装置及专享预售 |
| 292 | |
| 293 | ### Part 3: 高级珠宝与时装 |
| 294 | |
| 295 | #### Slide 07 — Vhernier × CELINE |
| 296 | |
| 297 | - **Layout**: Two-column magazine — 左 Vhernier (vhernier_jewelry.jpg)，右 CELINE (celine_summer.jpg) |
| 298 | - **Title**: 珠宝新境 · 法式灵韵 |
| 299 | - **Content**: |
| 300 | - 左栏：Vhernier 正式进驻中国内地，北京上海双店开幕，米兰纯粹设计 |
| 301 | - 右栏：Été CELINE 广告大片，海滨假日灵感，法式海岸随性魅力 |
| 302 | |
| 303 | #### Slide 08 — BV × McQueen：艺术的两种表达 |
| 304 | |
| 305 | - **Layout**: Two-column magazine — 左 BV (bv_arts.jpg)，右 McQueen (mcqueen_exhibition.jpg) |
| 306 | - **Title**: 艺术的两种表达 |
| 307 | - **Content**: |
| 308 | - 左栏：BV "for the Arts" 摄影集，Peter Fraser 镜头下的威尼斯，编织美学 |
| 309 | - 右栏：McQueen "表象之下" 上海沉浸式展览，Manta 手袋复刻 2010 经典 |
| 310 | |
| 311 | ### Part 4: 设计与生活方式 |
| 312 | |
| 313 | #### Slide 09 — Max Mara × Chloé |
| 314 | |
| 315 | - **Layout**: Two-column — 左 Max Mara (maxmara_show.jpg)，右 Chloé (chloe_tomato.jpg) |
| 316 | - **Title**: 传承新章 |
| 317 | - **Content**: |
| 318 | - 左栏：Max Mara 2027 早春系列上海首秀，"THE MAX!" 75 周年档案展 |
| 319 | - 右栏：Chloé × Poltronova Tomato 座椅限量复刻，1970 年意大利激进设计运动标志 |
| 320 | |
| 321 | #### Slide 10 — TAD FAB × Apede Mod |
| 322 | |
| 323 | - **Layout**: Two-column — 左 TAD FAB (tadfab_bag.jpg)，右 Apede Mod (apedemod_fold.jpg) |
| 324 | - **Title**: 结构重塑 |
| 325 | - **Content**: |
| 326 | - 左栏：TAD FAB 全新系列，拉链设计语言，环绕拉链 Hobo 包，松弛精致格调 |
| 327 | - 右栏：Apede Mod 十周年 PF 2026 折纸系列，折叠结构设计进阶 |
| 328 | |
| 329 | ### Part 5: 美妆与香氛 |
| 330 | |
| 331 | #### Slide 11 — BOSS × fresh |
| 332 | |
| 333 | - **Layout**: Two-column — 左 BOSS (boss_fragrance.jpg)，右 fresh (fresh_event.jpg) |
| 334 | - **Title**: 感官新篇 |
| 335 | - **Content**: |
| 336 | - 左栏：BOSS 王者之心香氛，清新木质皮革调，双极香型，王天辰等出席 |
| 337 | - 右栏：fresh 馥蕾诗「酵」你去野新品，CORTIS 全员代言，茶饮文化灵感 |
| 338 | |
| 339 | ### Part 6: 联名与跨界 |
| 340 | |
| 341 | #### Slide 12 — JORYA × ARKET |
| 342 | |
| 343 | - **Layout**: Two-column — 左 JORYA (jorya_popup.jpg)，右 ARKET (arket_gohar.jpg) |
| 344 | - **Title**: 跨界新风 |
| 345 | - **Content**: |
| 346 | - 左栏：JORYA × YVMIN「公主日记」成都快闪，赵露思亮相，千金轻纱叠穿概念 |
| 347 | - 右栏：ARKET × Laila Gohar 米兰装置，十八世纪旋转木马改造，27 款联名单品 |
| 348 | |
| 349 | #### Slide 13 — Steve Madden × Crocs |
| 350 | |
| 351 | - **Layout**: Two-column — 左 Steve Madden (stevemadden_lexie.jpg)，右 Crocs (crocs_molly.jpg) |
| 352 | - **Title**: 潮流共振 |
| 353 | - **Content**: |
| 354 | - 左栏：刘柏辛成为 Steve Madden 中国区代言人，「不赶潮流，踩点登场」 |
| 355 | - 右栏：Crocs × 泡泡玛特 MOLLY 20 周年联名，三款洞洞鞋，易梦玲助阵 |
| 356 | |
| 357 | ### Part 7: 收尾 |
| 358 | |
| 359 | #### Slide 14 — 本周亮点回顾 |
| 360 | |
| 361 | - **Layout**: Matrix grid — 6 个品牌亮点卡片，每卡一行品牌名 + 一行关键词 |
| 362 | - **Title**: 本周亮点一览 |
| 363 | - **Content**: |
| 364 | - Hermès 家居世界 | CHANEL COCO BEACH | Dior 双面魅力 |
| 365 | - LV Objets Nomades | Gucci Memoria | McQueen 表象之下 |
| 366 | - 六个精选亮点品牌的微型视觉回顾 |
| 367 | |
| 368 | #### Slide 15 — 品牌全景 |
| 369 | |
| 370 | - **Layout**: Three-row layout — 按品类分行展示所有品牌名 |
| 371 | - **Title**: 本期品牌全景 |
| 372 | - **Content**: |
| 373 | - 顶奢：Hermès · CHANEL · Dior · Louis Vuitton · Gucci |
| 374 | - 轻奢/设计师：Vhernier · CELINE · BV · McQueen · Max Mara · Chloé |
| 375 | - 潮流/生活方式：TAD FAB · Apede Mod · BOSS · fresh · JORYA · ARKET · Steve Madden · Crocs |
| 376 | |
| 377 | #### Slide 16 — 结尾 |
| 378 | |
| 379 | - **Layout**: Negative-space-driven — 极简结尾，品牌/栏目标识居中 |
| 380 | - **Title**: NEWS Café |
| 381 | - **Subtitle**: 下期见 See You Next Week |
| 382 | - **Info**: 美学周鉴，解锁潮流序章 |
| 383 | |
| 384 | --- |
| 385 | |
| 386 | ## X. Speaker Notes Requirements |
| 387 | |
| 388 | - **File naming**: Match SVG names (e.g., `01_cover.md`) |
| 389 | - **Total duration**: 15-20 minutes（每页约 1 分钟） |
| 390 | - **Notes style**: Conversational — 资讯播报式，轻松专业 |
| 391 | - **Presentation purpose**: Inform — 传递本周时尚行业资讯 |
| 392 | |
| 393 | --- |
| 394 | |
| 395 | ## XI. Technical Constraints Reminder |
| 396 | |
| 397 | ### SVG Generation Must Follow: |
| 398 | |
| 399 | 1. viewBox: `0 0 1280 720` |
| 400 | 2. Background uses `<rect>` elements |
| 401 | 3. Text wrapping uses `<tspan>` (`<foreignObject>` FORBIDDEN) |
| 402 | 4. Transparency defaults to `fill-opacity` / `stroke-opacity`; `rgba()` remains converter-compatible |
| 403 | 5. FORBIDDEN: `mask`, `<style>`, `class`, `foreignObject` |
| 404 | 6. FORBIDDEN: `textPath`, `animate*`, `script` |
| 405 | 7. Text characters: write typography & symbols as raw Unicode; HTML named entities FORBIDDEN. XML reserved chars use `&` `<` `>` `"` `'` |
| 406 | 8. `clipPath` conditionally allowed only on `<image>` elements |
| 407 | 9. Prefer opacity on each child; `<g opacity>` remains converter-compatible with an approximate-fidelity warning |
| 408 | 10. Dark theme: all text must use light colors (contrast ratio >= 4.5:1 against #0A0A0A) |
| 409 |