codewave-openclaw-installer 1.0.2 → 2.1.1

package/skills/ppt-master/templates/layouts/medical_university/design_spec.md

@@ -0,0 +1,292 @@
+# Hospital / Medical University Template (Medical University Style) - Design Specification
+
+> Suitable for hospitals, medical universities, affiliated hospitals, and medical research institutions for academic reports, case presentations, research results, and related scenarios.
+
+---
+
+## I. Template Overview
+
+| Property         | Description                                                          |
+| ---------------- | -------------------------------------------------------------------- |
+| **Template Name**| medical_university (Hospital / Medical University Template)          |
+| **Use Cases**    | Medical academic reports, case discussions, research presentations, hospital work reports, medical education and training |
+| **Design Tone**  | Professional, rigorous, life-affirming, tech-forward, trustworthy   |
+| **Theme Mode**   | Light theme (white background + medical blue title bar + life green accents) |
+| **Target Institutions** | All types of medical institutions (hospitals, medical universities, affiliated hospitals, medical research institutes) |
+
+---
+
+## II. Canvas Specification
+
+| Property           | Value                        |
+| ------------------ | ---------------------------- |
+| **Format**         | Standard 16:9                |
+| **Dimensions**     | 1280 × 720 px               |
+| **viewBox**        | `0 0 1280 720`              |
+| **Page Margins**   | Left/right 40px, top 0px, bottom 35px |
+| **Content Safe Area** | x: 40-1240, y: 70-665    |
+
+---
+
+## III. Color Scheme
+
+### Primary Colors
+
+| Role               | Value     | Notes                                    |
+| ------------------ | --------- | ---------------------------------------- |
+| **Primary Medical Blue** | `#0066B3` | Header background, chapter titles, main titles |
+| **Deep Medical Blue** | `#004080` | Chapter page background, key emphasis   |
+| **Accent Green**   | `#00A86B` | Card borders, life/health-related content, icons |
+| **Emphasis Orange** | `#FF6B35` | Key highlights, critical data, left accent bars |
+| **Light Blue BG**  | `#E6F3FA` | Key message background bar, card inner blocks |
+| **Light Green BG** | `#E8F5EE` | Medical-related cards, health data blocks |
+| **Background White** | `#FFFFFF` | Main page background                   |
+
+### Text Colors
+
+| Role             | Value     | Usage                      |
+| ---------------- | --------- | -------------------------- |
+| **White Text**   | `#FFFFFF` | Text on dark backgrounds   |
+| **Primary Text** | `#333333` | Body content               |
+| **Secondary Text** | `#666666` | Captions, annotations    |
+| **Muted Gray**   | `#999999` | Footer, supplementary info |
+
+### Neutral Colors
+
+| Role           | Value     | Usage                        |
+| -------------- | --------- | ---------------------------- |
+| **Card Gray**  | `#F5F7FA` | Card inner background, info blocks |
+| **Border Gray**| `#D0D7E0` | Card borders, divider lines  |
+
+### Functional Colors
+
+| Usage        | Value     | Description                    |
+| ------------ | --------- | ------------------------------ |
+| **Success**  | `#28A745` | Positive indicators, recovery data |
+| **Warning**  | `#FFC107` | Precautions, reminders         |
+| **Danger**   | `#DC3545` | Critical values, risk alerts   |
+| **Info**     | `#17A2B8` | Info tips, reference data      |
+
+### Color Variant Schemes
+
+To adapt to other medical institution branding, replace the corresponding values in the primary color system:
+
+| Institution Type    | Primary   | Accent    | Emphasis  | Applicable Scenarios          |
+| ------------------- | --------- | --------- | --------- | ----------------------------- |
+| Default Medical Blue | `#0066B3` | `#00A86B` | `#FF6B35` | General hospitals, medical universities |
+| Children's Hospital | `#0099CC` | `#66CC99` | `#FF9933` | Children's hospitals, pediatric specialties |
+| TCM Hospital        | `#8B4513` | `#228B22` | `#DAA520` | TCM hospitals, TCM research institutes |
+| Maternal & Child Health | `#E91E8C` | `#9C27B0` | `#FF5722` | Maternal & child health centers, OB/GYN |
+
+> **Usage**: Perform a global find-and-replace of the primary color values across all SVG template files to quickly switch color schemes.
+
+---
+
+## IV. Typography System
+
+### Font Stack
+
+**Font Stack**: `"Microsoft YaHei", "微软雅黑", Arial, sans-serif`
+
+### Font Size Hierarchy
+
+| Level | Usage            | Size | Weight  |
+| ----- | ---------------- | ---- | ------- |
+| H1    | Cover main title | 52px | Bold    |
+| H2    | Page title       | 28px | Bold    |
+| H3    | Chapter title    | 52px | Bold    |
+| H4    | Card title       | 24px | Bold    |
+| P     | Body content     | 18px | Regular |
+| High  | Emphasized data  | 36px | Bold    |
+| Sub   | Notes/sources    | 14px | Regular |
+| XS    | Page number/copyright | 12px | Regular |
+
+---
+
+## V. Page Structure
+
+### General Layout
+
+| Area              | Position/Height  | Description                                  |
+| ----------------- | ---------------- | -------------------------------------------- |
+| **Header**        | y=0, h=70px      | Medical blue background + orange left vertical bar + page title |
+| **Key Message Bar** | y=70, h=50px   | Core message/summary area (light blue background) |
+| **Content Area**  | y=135, h=515px   | Main content area                            |
+| **Footer**        | y=665, h=55px    | Data source, institution name, page number   |
+
+### Decorative Design
+
+- **Left Orange Vertical Bar**: Emphasis orange (`#FF6B35`), width 6px, used for header and card decoration
+- **Medical Blue Border**: Primary blue (`#0066B3`), used for card borders
+- **Green Accents**: Accent green (`#00A86B`), used for health/life-related elements
+- **Cross/ECG Decorations**: Medical-themed geometric decorative elements
+
+---
+
+## VI. Page Types
+
+### 1. Cover Page (01_cover.svg)
+
+- White background
+- Medical blue top horizontal bar + orange left vertical bar decoration
+- Upper-right logo/emblem placeholder area
+- Centered main title + subtitle
+- Decorative divider line (blue + green dots)
+- Presenter information area (name, department/advisor, institution)
+- Bottom gray info area (date)
+
+### 2. Table of Contents (02_toc.svg)
+
+- White background
+- Standard header (medical blue + orange vertical bar)
+- Card-style TOC layout (2 columns)
+- Light blue/light green background cards + left colored vertical bar
+- Optional items use dashed borders
+
+### 3. Chapter Page (02_chapter.svg)
+
+- Deep medical blue full-screen background (`#004080`)
+- Right-side geometric decorations (medical theme)
+- Left orange vertical bar decoration
+- Large semi-transparent background chapter number
+- Prominent white chapter title
+- Light blue chapter description
+
+### 4. Content Page (03_content.svg)
+
+- White background
+- Standard header (medical blue + orange vertical bar)
+- Key message bar (light blue background + blue left vertical bar)
+- Flexible content area
+- Footer: data source, institution name, page number
+
+### 5. Ending Page (04_ending.svg)
+
+- White background
+- Medical blue top horizontal bar
+- Centered thank-you message
+- Department/contact information
+- Institution logo area
+
+---
+
+## VII. Layout Patterns (Recommended)
+
+### Common Layouts for Medical Reports
+
+| Layout Name           | Applicable Scenarios             | Features                       |
+| --------------------- | -------------------------------- | ------------------------------ |
+| **Single Column Center** | Case overview, main conclusions | Highlights key points, clear hierarchy |
+| **Dual Column Comparison** | Before/after treatment, plan comparison | Symmetrical, easy to compare |
+| **Image-Text Mixed**  | Imaging materials, pathology images | Images with text descriptions |
+| **Data Cards**        | Lab results, vital signs         | Multiple metrics side by side  |
+| **Timeline**          | Disease progression, treatment course | Clear chronological order    |
+| **Flowchart**         | Clinical pathways, procedure standards | Clear steps, logical flow   |
+
+---
+
+## VIII. Spacing Specification
+
+| Spacing Type       | Value | Usage                            |
+| ------------------ | ----- | -------------------------------- |
+| **Page Margins**   | 40px  | Distance from content to page edge |
+| **Card Spacing**   | 24px  | Spacing between cards            |
+| **Element Spacing** | 16px | Spacing between elements within cards |
+| **Line Height**    | 1.5   | Body text line height multiplier |
+| **Paragraph Spacing** | 20px | Spacing between paragraphs     |
+
+---
+
+## IX. SVG Technical Constraints
+
+### Mandatory Rules
+
+- viewBox fixed at `0 0 1280 720`
+- Use `<rect>` elements for backgrounds
+- Use `<tspan>` for text wrapping
+- All colors in HEX format (no rgba)
+- Use `fill-opacity` / `stroke-opacity` for transparency
+
+### Prohibited Elements (PPT Incompatible)
+
+| Prohibited Item      | Alternative                    |
+| -------------------- | ------------------------------ |
+| `clipPath`           | Do not use clipping            |
+| `mask`               | Do not use masking             |
+| `<style>`            | Use inline styles              |
+| `class`              | Use inline attributes (`id` inside `<defs>` is allowed) |
+| `foreignObject`      | Use `<tspan>` for wrapping     |
+| `textPath`           | Use standard `<text>`          |
+| `animate*` / `set`   | Do not use animations          |
+| `marker-end`         | Use `<polygon>` for arrows     |
+| `<g opacity>`        | Set opacity on each element individually |
+
+---
+
+## X. Placeholder Specification
+
+| Placeholder         | Usage                        |
+| ------------------- | ---------------------------- |
+| `{{LOGO}}`          | Emblem/institution logo      |
+| `{{TITLE}}`         | Main title                   |
+| `{{SUBTITLE}}`      | Subtitle                     |
+| `{{AUTHOR}}`        | Presenter name               |
+| `{{DEPARTMENT}}`    | Department/school            |
+| `{{ADVISOR}}`       | Thesis advisor               |
+| `{{INSTITUTION}}`   | Institution name             |
+| `{{DATE}}`          | Date                         |
+| `{{CHAPTER_NUM}}`   | Chapter number               |
+| `{{CHAPTER_TITLE}}` | Chapter title                |
+| `{{CHAPTER_DESC}}`  | Chapter description          |
+| `{{PAGE_TITLE}}`    | Page title                   |
+| `{{KEY_MESSAGE}}`   | Key message                  |
+| `{{CONTENT_AREA}}`  | Content area                 |
+| `{{SOURCE}}`        | Data source                  |
+| `{{PAGE_NUM}}`      | Page number                  |
+| `{{SECTION_NAME}}`  | Section name (footer)        |
+| `{{TOC_ITEM_N_TITLE}}` | TOC item title (N=1..n)   |
+| `{{TOC_ITEM_N_DESC}}`  | TOC item description (N=1..n) |
+| `{{THANK_YOU}}`     | Thank-you message            |
+| `{{ENDING_SUBTITLE}}` | Ending subtitle/tagline    |
+
+---
+
+## XI. Usage Notes
+
+### 1. Copy Template to Project
+
+```bash
+cp templates/layouts/medical_university/* projects/<project>/templates/
+```
+
+### 2. Logo Placement Guidelines
+
+- Cover page: Upper-right corner, approx. 160×50px
+- Content page: Upper-right within header, approx. 120×35px
+- Ending page: Can be enlarged, centered or paired with contact info
+
+---
+
+## XII. Medical Content-Specific Components
+
+### Data Card (Vital Signs)
+
+```xml
+<rect x="x" y="y" width="180" height="100" fill="#E8F5EE" rx="8"/>
+<text x="x+90" y="y+35" text-anchor="middle" fill="#333333" font-size="14">Temperature</text>
+<text x="x+90" y="y+70" text-anchor="middle" fill="#00A86B" font-size="28" font-weight="bold">36.5°C</text>
+```
+
+### Warning Label
+
+```xml
+<rect x="x" y="y" width="80" height="28" fill="#FFC107" rx="4"/>
+<text x="x+40" y="y+19" text-anchor="middle" fill="#333333" font-size="14">Caution</text>
+```
+
+### Critical Value Label
+
+```xml
+<rect x="x" y="y" width="80" height="28" fill="#DC3545" rx="4"/>
+<text x="x+40" y="y+19" text-anchor="middle" fill="#FFFFFF" font-size="14">Critical</text>
+```

package/skills/ppt-master/templates/layouts/netease_zhiqi/01_cover.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720">
+    <!-- 模板: 封面页 - 网易智企公司标准模板 -->
+    
+    <!-- 背景图片 (来自 slideLayout1 → image1.png) -->
+    <image href="cover_bg.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
+    
+    <!-- 顶部 logo -->
+    <image href="logo_full.png" x="60" y="40" width="200" height="26" preserveAspectRatio="xMinYMid meet"/>
+
+    <!-- 主标题 -->
+    <text x="60" y="320" font-family="Microsoft YaHei" font-size="48" font-weight="bold" fill="#1A1A1A">
+        {{TITLE}}
+    </text>
+    
+    <!-- 副标题 -->
+    <text x="60" y="380" font-family="Microsoft YaHei" font-size="24" fill="#1A1A1A">
+        {{SUBTITLE}}
+    </text>
+
+    <!-- 演讲人标签 -->
+    <text x="60" y="480" font-family="Microsoft YaHei" font-size="16" fill="#1A1A1A">
+        演讲人：
+    </text>
+    
+    <!-- 演讲人姓名 -->
+    <text x="60" y="520" font-family="Microsoft YaHei" font-size="24" font-weight="bold" fill="#1A1A1A">
+        {{AUTHOR}}
+    </text>
+    
+    <!-- 职位信息 -->
+    <text x="60" y="560" font-family="Microsoft YaHei" font-size="16" fill="#1A1A1A">
+        {{AUTHOR_TITLE}}
+    </text>
+
+</svg>

package/skills/ppt-master/templates/layouts/netease_zhiqi/02_chapter.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720">
+    <!-- 模板: 章节页 - 网易智企公司标准模板 -->
+    
+    <!-- 背景图片 (来自 slideLayout3 → image3.png) -->
+    <image href="content_bg.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
+    
+    <!-- 左侧大编号 -->
+    <text x="100" y="400" font-family="Microsoft YaHei" font-size="200" font-weight="bold" fill="#C00000" fill-opacity="0.15">
+        {{CHAPTER_NUM}}
+    </text>
+    
+    <!-- 章节标题 -->
+    <text x="100" y="480" font-family="Microsoft YaHei" font-size="42" font-weight="bold" fill="#1A1A1A">
+        {{CHAPTER_TITLE}}
+    </text>
+    
+    <!-- 章节描述 -->
+    <text x="100" y="530" font-family="Microsoft YaHei" font-size="20" fill="#686B73">
+        {{CHAPTER_DESC}}
+    </text>
+
+</svg>

package/skills/ppt-master/templates/layouts/netease_zhiqi/02_toc.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720">
+    <!-- 模板: 目录页 - 网易智企公司标准模板 -->
+    
+    <!-- 背景图片 (来自 slideLayout4 → image4.png) -->
+    <image href="toc_bg.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
+    
+    <!-- 左侧标题 -->
+    <text x="60" y="200" font-family="Microsoft YaHei" font-size="48" font-weight="bold" fill="#1A1A1A">
+        Content
+    </text>
+    <text x="60" y="250" font-family="Microsoft YaHei" font-size="40" font-weight="bold" fill="#1A1A1A">
+        目录
+    </text>
+    
+    <!-- 目录项 -->
+    <g transform="translate(420, 200)">
+        <rect x="0" y="0" width="10" height="60" fill="#C00000"/>
+        <rect x="14" y="0" width="700" height="60" fill="#C00000"/>
+        <text x="30" y="40" font-family="Microsoft YaHei" font-size="24" font-weight="bold" fill="#FCFDFD">01</text>
+        <text x="80" y="40" font-family="Microsoft YaHei" font-size="20" fill="#FCFDFD">{{TOC_ITEM_1}}</text>
+    </g>
+    
+    <g transform="translate(420, 310)">
+        <rect x="0" y="0" width="10" height="60" fill="#D3D3D3"/>
+        <text x="30" y="40" font-family="Microsoft YaHei" font-size="24" font-weight="bold" fill="#333333">02</text>
+        <text x="80" y="40" font-family="Microsoft YaHei" font-size="20" fill="#333333">{{TOC_ITEM_2}}</text>
+    </g>
+    
+    <g transform="translate(420, 420)">
+        <rect x="0" y="0" width="10" height="60" fill="#D3D3D3"/>
+        <text x="30" y="40" font-family="Microsoft YaHei" font-size="24" font-weight="bold" fill="#333333">03</text>
+        <text x="80" y="40" font-family="Microsoft YaHei" font-size="20" fill="#333333">{{TOC_ITEM_3}}</text>
+    </g>
+    
+    <g transform="translate(420, 530)">
+        <rect x="0" y="0" width="10" height="60" fill="#D3D3D3"/>
+        <text x="30" y="40" font-family="Microsoft YaHei" font-size="24" font-weight="bold" fill="#333333">04</text>
+        <text x="80" y="40" font-family="Microsoft YaHei" font-size="20" fill="#333333">{{TOC_ITEM_4}}</text>
+    </g>
+
+</svg>

package/skills/ppt-master/templates/layouts/netease_zhiqi/03_content.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720">
+    <!-- 模板: 内容页 - 网易智企公司标准模板 -->
+    
+    <!-- 背景图片 (来自 slideLayout3 → image3.png) -->
+    <image href="content_bg.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
+    
+    <!-- 页面标题 -->
+    <rect x="60" y="30" width="5" height="30" fill="#C1292E"/>
+    <text x="78" y="55" font-family="Microsoft YaHei" font-size="28" font-weight="bold" fill="#1A1A1A">
+        {{PAGE_TITLE}}
+    </text>
+    
+    <!-- 内容区域 -->
+    <rect x="60" y="90" width="1160" height="560" fill="#FFFFFF" fill-opacity="0.9" stroke="#E8E8E8" stroke-width="1" rx="4"/>
+    
+    <!-- 内容占位符 -->
+    <text x="640" y="370" text-anchor="middle" fill="#D9D9D9" font-family="Microsoft YaHei" font-size="16">
+        {{CONTENT_AREA}}
+    </text>
+
+    <!-- 底部区域 -->
+    <image href="logo_zhiqi.png" x="60" y="680" width="90" height="22" preserveAspectRatio="xMinYMid meet"/>
+    <text x="1220" y="698" text-anchor="end" fill="#8C8C8C" font-family="Microsoft YaHei" font-size="14">
+        {{PAGE_NUM}}
+    </text>
+
+</svg>

package/skills/ppt-master/templates/layouts/netease_zhiqi/03_content_architecture.svg

@@ -0,0 +1,84 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <!-- Background -->
+  <image href="content_bg.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- Top red accent bar -->
+  <rect x="60" y="40" width="4" height="30" fill="#C1292E"/>
+
+  <!-- Page title -->
+  <text x="76" y="65" fill="#000000" font-family="Microsoft YaHei" font-size="30" font-weight="bold">
+    {{PAGE_TITLE}}
+  </text>
+
+  <!-- Lead-in text -->
+  <text x="640" y="110" text-anchor="middle" fill="#222222" font-family="Microsoft YaHei" font-size="20">
+    {{LEAD_TEXT}}
+  </text>
+
+  <!-- Architecture boxes row 1 -->
+  <rect x="120" y="150" width="240" height="100" rx="8" fill="#C1292E"/>
+  <text x="240" y="208" text-anchor="middle" fill="#FFFFFF" font-family="Microsoft YaHei" font-size="20" font-weight="bold">
+    {{BLOCK_1}}
+  </text>
+
+  <rect x="400" y="150" width="240" height="100" rx="8" fill="#C1292E"/>
+  <text x="520" y="208" text-anchor="middle" fill="#FFFFFF" font-family="Microsoft YaHei" font-size="20" font-weight="bold">
+    {{BLOCK_2}}
+  </text>
+
+  <rect x="680" y="150" width="240" height="100" rx="8" fill="#C1292E"/>
+  <text x="800" y="208" text-anchor="middle" fill="#FFFFFF" font-family="Microsoft YaHei" font-size="20" font-weight="bold">
+    {{BLOCK_3}}
+  </text>
+
+  <rect x="960" y="150" width="240" height="100" rx="8" fill="#C1292E"/>
+  <text x="1080" y="208" text-anchor="middle" fill="#FFFFFF" font-family="Microsoft YaHei" font-size="20" font-weight="bold">
+    {{BLOCK_4}}
+  </text>
+
+  <!-- Connecting arrows (down) -->
+  <polygon points="240,258 232,250 248,250" fill="#C1292E"/>
+  <polygon points="520,258 512,250 528,250" fill="#C1292E"/>
+  <polygon points="800,258 792,250 808,250" fill="#C1292E"/>
+  <polygon points="1080,258 1072,250 1088,250" fill="#C1292E"/>
+
+  <!-- Detail boxes row 2 -->
+  <rect x="120" y="270" width="240" height="140" rx="8" fill="#FEFEFE" stroke="#E1E1E1" stroke-width="1"/>
+  <text x="240" y="310" text-anchor="middle" fill="#222222" font-family="Microsoft YaHei" font-size="16">
+    {{BLOCK_1_DESC}}
+  </text>
+
+  <rect x="400" y="270" width="240" height="140" rx="8" fill="#FEFEFE" stroke="#E1E1E1" stroke-width="1"/>
+  <text x="520" y="310" text-anchor="middle" fill="#222222" font-family="Microsoft YaHei" font-size="16">
+    {{BLOCK_2_DESC}}
+  </text>
+
+  <rect x="680" y="270" width="240" height="140" rx="8" fill="#FEFEFE" stroke="#E1E1E1" stroke-width="1"/>
+  <text x="800" y="310" text-anchor="middle" fill="#222222" font-family="Microsoft YaHei" font-size="16">
+    {{BLOCK_3_DESC}}
+  </text>
+
+  <rect x="960" y="270" width="240" height="140" rx="8" fill="#FEFEFE" stroke="#E1E1E1" stroke-width="1"/>
+  <text x="1080" y="310" text-anchor="middle" fill="#222222" font-family="Microsoft YaHei" font-size="16">
+    {{BLOCK_4_DESC}}
+  </text>
+
+  <!-- Content area below -->
+  <text x="640" y="490" text-anchor="middle" fill="#D9D9D9" font-family="Microsoft YaHei" font-size="16">
+    {{CONTENT_AREA}}
+  </text>
+
+  <!-- Bottom divider -->
+  <line x1="60" y1="670" x2="1220" y2="670" stroke="#E1E1E1" stroke-width="1"/>
+
+  <!-- Bottom logo -->
+  <image href="logo_zhiqi.png" x="60" y="680" width="100" height="25" preserveAspectRatio="xMinYMid meet"/>
+
+  <!-- Page number -->
+  <text x="1220" y="700" text-anchor="end" fill="#8C8C8C" font-family="Microsoft YaHei" font-size="14">
+    {{PAGE_NUM}}
+  </text>
+
+  <!-- Bottom red line -->
+  <line x1="0" y1="716" x2="1280" y2="716" stroke="#C1292E" stroke-width="2"/>
+</svg>

package/skills/ppt-master/templates/layouts/netease_zhiqi/03_content_bullet.svg

@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720">
+    <!-- 模板: 内容页 - 要点列表布局 (优化版) -->
+    
+    <defs>
+        <linearGradient id="accentGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+            <stop offset="0%" style="stop-color:#C1292E"/>
+            <stop offset="100%" style="stop-color:#D94A4F"/>
+        </linearGradient>
+    </defs>
+    
+    <!-- 白色背景 -->
+    <image href="content_bg.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
+    
+    <!-- 顶部装饰条 -->
+    <rect x="0" y="0" width="1280" height="4" fill="url(#accentGrad)"/>
+
+    <!-- 页面标题区域 -->
+    <rect x="60" y="50" width="4" height="36" fill="#C1292E" rx="2"/>
+    <text x="76" y="78" font-family="Microsoft YaHei" font-size="28" font-weight="bold" fill="#1A1A1A">
+        {{PAGE_TITLE}}
+    </text>
+    <text x="76" y="105" font-family="Microsoft YaHei" font-size="16" fill="#686B73">
+        {{PAGE_SUBTITLE}}
+    </text>
+
+    <!-- 要点列表区域 -->
+    <!-- 要点 1 -->
+    <g transform="translate(60, 140)">
+        <rect width="1160" height="90" fill="#FAFAFA" stroke="#E8E8E8" stroke-width="1" rx="6"/>
+        <rect x="0" y="0" width="4" height="90" fill="#C1292E" rx="2"/>
+        <circle cx="30" cy="25" r="8" fill="#C1292E"/>
+        <text x="30" y="30" text-anchor="middle" fill="#FFFFFF" font-family="Microsoft YaHei" font-size="12" font-weight="bold">1</text>
+        <text x="55" y="30" fill="#1A1A1A" font-family="Microsoft YaHei" font-size="18" font-weight="bold">{{POINT_1_TITLE}}</text>
+        <text x="55" y="58" fill="#686B73" font-family="Microsoft YaHei" font-size="14">{{POINT_1_DESC}}</text>
+    </g>
+    
+    <!-- 要点 2 -->
+    <g transform="translate(60, 245)">
+        <rect width="1160" height="90" fill="#FAFAFA" stroke="#E8E8E8" stroke-width="1" rx="6"/>
+        <rect x="0" y="0" width="4" height="90" fill="#C1292E" rx="2"/>
+        <circle cx="30" cy="25" r="8" fill="#C1292E"/>
+        <text x="30" y="30" text-anchor="middle" fill="#FFFFFF" font-family="Microsoft YaHei" font-size="12" font-weight="bold">2</text>
+        <text x="55" y="30" fill="#1A1A1A" font-family="Microsoft YaHei" font-size="18" font-weight="bold">{{POINT_2_TITLE}}</text>
+        <text x="55" y="58" fill="#686B73" font-family="Microsoft YaHei" font-size="14">{{POINT_2_DESC}}</text>
+    </g>
+    
+    <!-- 要点 3 -->
+    <g transform="translate(60, 350)">
+        <rect width="1160" height="90" fill="#FAFAFA" stroke="#E8E8E8" stroke-width="1" rx="6"/>
+        <rect x="0" y="0" width="4" height="90" fill="#C1292E" rx="2"/>
+        <circle cx="30" cy="25" r="8" fill="#C1292E"/>
+        <text x="30" y="30" text-anchor="middle" fill="#FFFFFF" font-family="Microsoft YaHei" font-size="12" font-weight="bold">3</text>
+        <text x="55" y="30" fill="#1A1A1A" font-family="Microsoft YaHei" font-size="18" font-weight="bold">{{POINT_3_TITLE}}</text>
+        <text x="55" y="58" fill="#686B73" font-family="Microsoft YaHei" font-size="14">{{POINT_3_DESC}}</text>
+    </g>
+    
+    <!-- 要点 4 -->
+    <g transform="translate(60, 455)">
+        <rect width="1160" height="90" fill="#FAFAFA" stroke="#E8E8E8" stroke-width="1" rx="6"/>
+        <rect x="0" y="0" width="4" height="90" fill="#C1292E" rx="2"/>
+        <circle cx="30" cy="25" r="8" fill="#C1292E"/>
+        <text x="30" y="30" text-anchor="middle" fill="#FFFFFF" font-family="Microsoft YaHei" font-size="12" font-weight="bold">4</text>
+        <text x="55" y="30" fill="#1A1A1A" font-family="Microsoft YaHei" font-size="18" font-weight="bold">{{POINT_4_TITLE}}</text>
+        <text x="55" y="58" fill="#686B73" font-family="Microsoft YaHei" font-size="14">{{POINT_4_DESC}}</text>
+    </g>
+    
+    <!-- 底部区域 -->
+    <line x1="60" y1="670" x2="1220" y2="670" stroke="#E8E8E8" stroke-width="1"/>
+    <image href="logo_zhiqi.png" x="60" y="680" width="90" height="22" preserveAspectRatio="xMinYMid meet"/>
+    <text x="1220" y="698" text-anchor="end" fill="#8C8C8C" font-family="Microsoft YaHei" font-size="14">
+        {{PAGE_NUM}}
+    </text>
+
+    <line x1="0" y1="716" x2="1280" y2="716" stroke="#C1292E" stroke-width="2"/>
+
+</svg>