0235656
/
cloth-design


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>这衣 —— 羽绒服 DIY 定制项目</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/reveal.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/theme/white.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root {
            --main-color: #1a6fc4;
            --accent-color: #add8e6;
            --light-accent: #e6f4ff;
            --text-color: #333;
            --light-text: #666;
            --white: #ffffff;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: "Microsoft YaHei", "Segoe UI", sans-serif;
            overflow: hidden;
            background: linear-gradient(135deg, var(--accent-color) 0%, var(--light-accent) 100%);
        }

        /* 修复幻灯片容器 */
        .reveal {
            position: absolute;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        /* 保持16:9比例 */
        .reveal .slides {
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 比例 */
            position: relative;
            top: 350px;
        }

        /* 修复幻灯片布局 */
        .reveal .slides section {
            position: absolute;
            width: 90%;
            height: 85%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 20px 40px;
            background-color: rgba(255, 255, 255, 0.97);
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            display: flex !important;
            flex-direction: column;
            justify-content: flex-start;
            overflow-y: auto;
        }

        /* 封面和封底特殊样式 */
        .reveal .slides section.template-cover {
            background: linear-gradient(135deg, var(--main-color) 0%, var(--accent-color) 100%) !important;
            justify-content: center;
            padding-top: 5% !important;
        }
        
        .reveal .slides section.template-cover.footer {
            background: linear-gradient(135deg, var(--main-color) 0%, #0d4a8a 100%) !important;
        }

        /* 其他原有样式保持不变... */
        .reveal h1, .reveal h2, .reveal h3 {
            color: var(--main-color);
            margin-bottom: 15px;
            text-align: center;
            font-weight: 700;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
        }

        .reveal h1 {
            font-size: 3.2rem;
            line-height: 1.2;
            margin-top: 15px;
        }

        .reveal h2 {
            font-size: 2.6rem;
            padding-bottom: 10px;
            border-bottom: 3px solid var(--accent-color);
            margin-bottom: 20px;
        }

        .reveal h3 {
            font-size: 2.0rem;
            margin-bottom: 12px;
            color: var(--main-color);
            text-align: left;
        }

        .reveal p {
            font-size: 1.6rem;
            line-height: 1.6;
            margin-bottom: 15px;
            color: var(--text-color);
        }

        .reveal ul, .reveal ol {
            font-size: 1.6rem;
            margin-left: 25px;
            margin-bottom: 20px;
        }

        .reveal li {
            margin-bottom: 10px;
            line-height: 1.5;
            position: relative;
            padding-left: 25px;
        }

        .reveal li:before {
            content: "•";
            color: var(--main-color);
            font-size: 1.8rem;
            position: absolute;
            left: 0;
            top: -1px;
        }

        .template-cover h1, .template-cover h3 {
            color: var(--white);
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }

        .content-box {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            padding: 10px 20px;
            overflow-y: auto;
        }

        .golden-ratio {
            display: flex;
            justify-content: space-between;
            gap: 20px;
            margin-bottom: 20px;
        }

        .golden-ratio > div {
            flex: 1;
            background: var(--light-accent);
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
        }

        .nine-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
            margin-bottom: 20px;
        }

        .nine-grid > div {
            background: var(--light-accent);
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
        }

        .icon-box {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
        }

        .icon-box i {
            font-size: 2.0rem;
            color: var(--main-color);
            margin-right: 12px;
            width: 35px;
            text-align: center;
        }

        .img-container {
            margin: 15px auto;
            text-align: center;
            max-width: 100%;
        }

        .img-container img {
            max-width: 100%;
            height: auto;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
            border: 1px solid #eee;
        }

        .product-showcase {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin: 20px 0;
        }

        .product-item {
            text-align: center;
            flex: 1;
            max-width: 280px;
        }

        .product-item img {
            width: 100%;
            border-radius: 10px;
            margin-bottom: 10px;
            border: 1px solid #ddd;
            object-fit: cover;
            height: 180px;
        }

        .stats-container {
            display: flex;
            gap: 15px;
            margin: 20px 0;
        }

        .chart {
            flex: 1;
            background: var(--white);
            border-radius: 10px;
            padding: 15px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .chart-title {
            font-size: 1.6rem;
            font-weight: bold;
            margin-bottom: 12px;
            color: var(--main-color);
        }

        .bar {
            height: 18px;
            background: var(--accent-color);
            margin: 6px 0;
            border-radius: 9px;
            width: 100%;
            position: relative;
        }

        .bar-value {
            position: absolute;
            right: 8px;
            top: 0;
            font-size: 1.3rem;
            line-height: 18px;
            color: var(--white);
        }

        .template-cover.footer {
            padding-top: 10% !important;
        }

        .contact-info {
            display: flex;
            gap: 15px;
            margin-top: 25px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .contact-item {
            display: flex;
            align-items: center;
            background: rgba(255,255,255,0.2);
            padding: 10px 20px;
            border-radius: 25px;
            font-size: 1.4rem;
        }

        .contact-item i {
            margin-right: 8px;
            font-size: 1.8rem;
        }

        .controls {
            bottom: 10px !important;
        }

        /* 响应式调整 */
        @media (max-width: 1200px) {
            .reveal h1 {
                font-size: 2.8rem;
            }
            
            .reveal h2 {
                font-size: 2.2rem;
            }
        }

        @media (max-width: 900px) {
            .golden-ratio, .nine-grid, .stats-container, .product-showcase {
                flex-direction: column;
            }
            
            .nine-grid {
                grid-template-columns: 1fr;
            }
            
            .reveal h1 {
                font-size: 2.4rem;
            }
            
            .reveal h2 {
                font-size: 2.0rem;
            }

            .reveal .slides section {
                padding: 15px 20px;
                width: 95%;
                height: 90%;
            }
        }

        @media (max-height: 700px) {
            .reveal .slides section {
                height: 90%;
                padding-top: 10px;
            }
            
            .reveal h1 {
                font-size: 2.2rem;
                margin-top: 5px;
            }
            
            .reveal h2 {
                font-size: 1.8rem;
            }
            
            .reveal p, .reveal ul, .reveal ol {
                font-size: 1.4rem;
            }
        }
    </style>
</head>
<body>
    <div class="reveal">
        <div class="slides">
            <!-- 幻灯片 1：封面 -->
            <section class="template-cover">
                <div class="content-box">
                    <h1 class="pulse">这衣 —— 羽绒服 DIY 定制项目</h1>
                    <h3>个性化拼装，定制你的专属羽绒服</h3>
                    <div class="img-container">
                        <img src="https://p26-dreamina-sign.byteimg.com/tos-cn-i-tb4s082cfz/457551d59bfc497dabd493e2bbf6a3a3~tplv-tb4s082cfz-aigc_resize:720:720.webp?lk3s=43402efa&x-expires=1753488000&x-signature=%2BqdklGotEW3%2Bjl5Nb8b%2B60dqhg8%3D&format=.webp" alt="羽绒服示意图">
                    </div>
                    <p style="margin-top: 15px; font-size: 1.6rem; color: rgba(255,255,255,0.9);">让每一件羽绒服都成为个人风格的宣言</p>
                </div>
            </section>

            <!-- 幻灯片 2：目录 -->
            <section>
                <div class="content-box">
                    <h2>目录</h2>
                    <div class="nine-grid">
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-book-open"></i>
                                <h3>项目背景</h3>
                            </div>
                            <p>市场现状与机遇分析</p>
                        </div>
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-search"></i>
                                <h3>需求场景</h3>
                            </div>
                            <p>用户画像与核心需求</p>
                        </div>
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-bullseye"></i>
                                <h3>产品定位</h3>
                            </div>
                            <p>目标用户与价值主张</p>
                        </div>
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-cogs"></i>
                                <h3>核心功能</h3>
                            </div>
                            <p>个性化定制解决方案</p>
                        </div>
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-chart-line"></i>
                                <h3>价值主张</h3>
                            </div>
                            <p>用户与品牌价值创造</p>
                        </div>
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-globe-asia"></i>
                                <h3>市场策略</h3>
                            </div>
                            <p>推广与竞争策略</p>
                        </div>
                    </div>
                </div>
            </section>

            <!-- 幻灯片 3：项目背景 -->
            <section>
                <div class="content-box">
                    <h2>项目背景</h2>
                    <div class="golden-ratio">
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-chart-pie"></i>
                                <h3>背景分析</h3>
                            </div>
                            <ul>
                                <li><strong>政治：</strong>政策支持个性化定制与智能制造</li>
                                <li><strong>经济：</strong>定制服装市场年增长率达15%</li>
                                <li><strong>社会：</strong>Z世代个性化消费需求显著增强</li>
                                <li><strong>技术：</strong>AI图像识别技术成熟度达92%</li>
                            </ul>
                        </div>
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-clipboard-list"></i>
                                <h3>SWOT 分析</h3>
                            </div>
                            <ul>
                                <li><strong>优势：</strong>独特定制模式，创新功能设计</li>
                                <li><strong>劣势：</strong>初期款式有限，供应链管理挑战</li>
                                <li><strong>机会：</strong>社交媒体传播红利，IP合作潜力</li>
                                <li><strong>威胁：</strong>快时尚品牌快速模仿风险</li>
                            </ul>
                        </div>
                    </div>
                    <div class="golden-ratio">
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-exclamation-triangle"></i>
                                <h3>痛点问题</h3>
                            </div>
                            <ul>
                                <li><strong>消费者：</strong>87%用户表示现有羽绒服缺乏个性</li>
                                <li><strong>品牌：</strong>同质化导致用户忠诚度下降40%</li>
                                <li><strong>行业：</strong>设计周期长，难以快速响应趋势</li>
                            </ul>
                        </div>
                    </div>
                    <div class="img-container">
                        <img src="https://images.unsplash.com/photo-1601924994987-69e26d50dc26?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=900&q=80" alt="羽绒服市场">
                    </div>
                </div>
            </section>

            <!-- 幻灯片 4：需求场景 -->
            <section>
                <div class="content-box">
                    <h2>需求场景</h2>
                    <div class="nine-grid">
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-user"></i>
                                <h3>用户故事</h3>
                            </div>
                            <ul>
                                <li><strong>用户画像：</strong>22-30岁，月收入8K+，社交媒体达人</li>
                                <li><strong>场景：</strong>日常通勤、社交聚会、节日礼品</li>
                                <li><strong>目标：</strong>独特风格表达，社交货币获取</li>
                            </ul>
                        </div>
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-lightbulb"></i>
                                <h3>用户需求</h3>
                            </div>
                            <ul>
                                <li>高度个性化定制（颜色/图案/材质）</li>
                                <li>简单直观的操作界面</li>
                                <li>社交分享与社区互动</li>
                                <li>快速交付（7天内）</li>
                            </ul>
                        </div>
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-star"></i>
                                <h3>核心需求</h3>
                            </div>
                            <ul>
                                <li>自由模块化设计系统</li>
                                <li>热门IP图像识别配色</li>
                                <li>一键社交分享功能</li>
                                <li>实时流行趋势数据</li>
                            </ul>
                        </div>
                    </div>
                    <div class="img-container">
                        <img src="https://p3-dreamina-sign.byteimg.com/tos-cn-i-tb4s082cfz/ea17ed50d18944cb892eeab276b8d6b5~tplv-tb4s082cfz-aigc_resize:720:720.webp?lk3s=43402efa&x-expires=1753488000&x-signature=0jErGzbeVV%2Fucho4vkl7qcRcNzo%3D&format=.webp" alt="羽绒服使用场景">
                    </div>
                </div>
            </section>

            <!-- 幻灯片 5：产品定位 -->
            <section>
                <div class="content-box">
                    <h2>产品定位</h2>
                    <div class="golden-ratio">
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-users"></i>
                                <h3>目标用户</h3>
                            </div>
                            <ul>
                                <li><strong>消费者：</strong>追求个性的年轻都市人群</li>
                                <li><strong>品牌方：</strong>寻求差异化的中高端服装品牌</li>
                                <li><strong>设计师：</strong>独立设计师与设计工作室</li>
                                <li><strong>IP方：</strong>影视、动漫、游戏IP持有者</li>
                            </ul>
                        </div>
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-magic"></i>
                                <h3>功能效果</h3>
                            </div>
                            <ul>
                                <li>10+可定制模块组合</li>
                                <li>AI智能配色推荐</li>
                                <li>3D实时预览技术</li>
                                <li>社交裂变分享系统</li>
                                <li>趋势数据可视化</li>
                            </ul>
                        </div>
                    </div>
                    <div class="product-showcase">
                        <div class="product-item">
                            
                        </div>
                        <div class="product-item">
                           
                        </div>
                        <div class="product-item">
                            
                        </div>
                    </div>
                </div>
            </section>

            <!-- 幻灯片 6：核心功能 -->
            <section>
                <div class="content-box">
                    <h2>核心功能</h2>
                    <div class="nine-grid">
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-palette"></i>
                                <h3>个性化定制</h3>
                            </div>
                            <p>8个可定制区域，200+颜色/材质选择，实现无限设计组合</p>
                        </div>
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-camera"></i>
                                <h3>IP图像识别</h3>
                            </div>
                            <p>AI识别热门IP图片，智能提取配色方案应用于设计</p>
                        </div>
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-share-alt"></i>
                                <h3>社交分享</h3>
                            </div>
                            <p>一键生成设计卡片，分享至主流社交平台</p>
                        </div>
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-chart-bar"></i>
                                <h3>趋势数据</h3>
                            </div>
                            <p>实时颜色使用统计，生成每周热门搭配排行榜</p>
                        </div>
                    </div>
                    <div class="img-container">
                        <img src="https://images.unsplash.com/photo-1604644401890-0bd678c83788?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=900&q=80" alt="羽绒服定制界面">
                    </div>
                </div>
            </section>

            <!-- 幻灯片 7：价值主张 -->
            <section>
                <div class="content-box">
                    <h2>价值主张</h2>
                    <div class="golden-ratio">
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-user-check"></i>
                                <h3>用户价值</h3>
                            </div>
                            <ul>
                                <li>独特个性表达，告别撞衫尴尬</li>
                                <li>3分钟完成定制设计，操作简单</li>
                                <li>社交平台分享获赞，增强认同感</li>
                                <li>获取专业搭配建议，提升审美</li>
                                <li>使用环保材料，支持可持续时尚</li>
                            </ul>
                        </div>
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-crown"></i>
                                <h3>品牌价值</h3>
                            </div>
                            <ul>
                                <li>建立独特品牌定位，差异化竞争</li>
                                <li>用户参与度提升60%，增强粘性</li>
                                <li>精准用户数据收集，驱动产品优化</li>
                                <li>减少库存压力，按需生产模式</li>
                                <li>拓展IP合作新商业模式</li>
                            </ul>
                        </div>
                    </div>
                    <div class="stats-container">
                        <div class="chart">
                            <div class="chart-title">用户留存率对比</div>
                            <div class="bar" style="width: 85%;"><span class="bar-value">定制用户 85%</span></div>
                            <div class="bar" style="width: 45%; background: #aaa;"><span class="bar-value">普通用户 45%</span></div>
                        </div>
                        <div class="chart">
                            <div class="chart-title">客单价对比 (元)</div>
                            <div class="bar" style="width: 100%;"><span class="bar-value">定制款 129</span></div>
                            <div class="bar" style="width: 65%; background: #aaa;"><span class="bar-value">普通款 89</span></div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- 幻灯片 8：市场策略 -->
            <section>
                <div class="content-box">
                    <h2>市场策略</h2>
                    <div class="golden-ratio">
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-bullseye"></i>
                                <h3>目标市场</h3>
                            </div>
                            <p>有独立经济基础，18-35岁追求个性的年轻人群</p>
                            <div class="img-container" style="margin-top: 15px;">
                                <img src="https://images.unsplash.com/photo-1605733513597-a8f8341084e6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=900&q=80" alt="羽绒服市场定位">
                            </div>
                        </div>
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-rocket"></i>
                                <h3>推广策略</h3>
                            </div>
                            <ul>
                                <li><strong>社交媒体：</strong>微信/微博/抖音/KOL合作</li>
                                <li><strong>线下体验：</strong>快闪店+定制体验站</li>
                                <li><strong>IP合作：</strong>热门影视/游戏联名款</li>
                                <li><strong>用户裂变：</strong>分享得优惠+设计比赛</li>
                                <li><strong>会员体系：</strong>设计师成长计划</li>
                            </ul>
                        </div>
                    </div>
                    <div class="golden-ratio">
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-chess-knight"></i>
                                <h3>竞争策略</h3>
                            </div>
                            <ul>
                                <li>深耕定制细分领域，打造专业形象</li>
                                <li>建立设计社区，培养用户创作习惯</li>
                                <li>技术壁垒：专利AI配色算法</li>
                                <li>快速供应链响应（7天交付）</li>
                                <li>季节性限定主题设计活动</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>

            <!-- 幻灯片 9：实施计划 -->
            <section>
                <div class="content-box">
                    <h2>实施计划</h2>
                    <div class="golden-ratio">
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-laptop-code"></i>
                                <h3>开发阶段 (1-4月)</h3>
                            </div>
                            <ul>
                                <li>需求细化与原型设计</li>
                                <li>技术架构搭建</li>
                                <li>核心模块开发</li>
                                <li>AI算法训练</li>
                                <li>内测与优化</li>
                            </ul>
                        </div>
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-chart-line"></i>
                                <h3>推广阶段 (5-12月)</h3>
                            </div>
                            <ul>
                                <li>预热期：KOL内容种草</li>
                                <li>上线期：限时定制优惠</li>
                                <li>增长期：用户裂变活动</li>
                                <li>深化期：IP联名合作</li>
                                <li>稳定期：会员体系建立</li>
                            </ul>
                        </div>
                    </div>
                    <div class="img-container">
                        <img src="https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=900&q=80" alt="羽绒服生产流程">
                    </div>
                </div>
            </section>

            <!-- 幻灯片 10：总结与展望 -->
            <section>
                <div class="content-box">
                    <h2>总结与展望</h2>
                    <div class="golden-ratio">
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-check-circle"></i>
                                <h3>项目总结</h3>
                            </div>
                            <p>通过个性化定制和创新功能，解决用户个性表达需求，打造品牌差异化竞争优势，建立全新的羽绒服定制消费模式。</p>
                        </div>
                        <div>
                            <div class="icon-box">
                                <i class="fas fa-binoculars"></i>
                                <h3>未来展望</h3>
                            </div>
                            <ul>
                                <li>扩展产品线：春夏轻薄款定制</li>
                                <li>技术升级：AR虚拟试穿体验</li>
                                <li>社区建设：设计师孵化平台</li>
                                <li>全球化：拓展海外市场</li>
                                <li>可持续：环保材料应用</li>
                            </ul>
                        </div>
                    </div>
                    <div class="img-container">
                        <img src="https://images.unsplash.com/photo-1441984904996-e0b6ba687e04?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=900&q=80" alt="羽绒服创新设计">
                    </div>
                </div>
            </section>

            <!-- 幻灯片 11：封底 -->
            <section class="template-cover footer">
                <div class="content-box">
                    <h2>感谢观看</h2>
                    <p style="font-size: 2.0rem; margin: 25px 0;">开启羽绒服个性化定制新时代</p>
                    <div class="contact-info">
                        <div class="contact-item">
                            <i class="fas fa-envelope"></i>
                            <span>contact@zheyi.com</span>
                        </div>
                        <div class="contact-item">
                            <i class="fas fa-phone"></i>
                            <span>400-888-9999</span>
                        </div>
                        <div class="contact-item">
                            <i class="fab fa-weixin"></i>
                            <span>这衣定制</span>
                        </div>
                    </div>
                    <div class="img-container" style="margin-top: 30px;">
                        <img src="https://images.unsplash.com/photo-1601924994987-69e26d50dc26?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" alt="品牌Logo">
                    </div>
                </div>
            </section>
        </div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/reveal.min.js"></script>
    <script>
        Reveal.initialize({
            controls: true,
            progress: true,
            history: true,
            center: true, // 启用居中
            transition: 'slide',
            slideNumber: 'c/t',
            width: '100%',
            height: '100%',
            margin: 0.04,
            minScale: 0.2,
            maxScale: 2,
            dependencies: [
                { src: 'https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/plugin/markdown/marked.js' },
                { src: 'https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/plugin/markdown/markdown.js' },
                { src: 'https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/plugin/highlight/highlight.js', async: true },
                { src: 'https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/plugin/zoom-js/zoom.js', async: true },
                { src: 'https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/plugin/notes/notes.js', async: true }
            ]
        });
    </script>
</body>
</html>