19323826807
/
travel-wed


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>赣智云旅 - 江西文旅数智创享平台</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.5.0/reveal.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.5.0/theme/serif.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.5.0/plugin/highlight/monokai.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;700&display=swap" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>
    <script>mermaid.initialize({startOnLoad:true, theme: 'forest'});</script>
    <style>
        :root {
            --primary-color: #2a5caa;
            --secondary-color: #d4b15f;
            --accent-color: #e53935;
            --dark-color: #1a3a6b;
            --light-color: #f5f5f5;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Noto Serif SC', serif;
            background: linear-gradient(135deg, #1a3a6b 0%, #0d1c33 100%);
            color: #333;
            overflow: hidden;
        }
        
        .reveal {
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><path d="M40,80 Q100,20 160,80 Q100,140 40,80Z" fill="none" stroke="%232a5caa" stroke-width="0.5" opacity="0.1"/></svg>');
            background-size: 300px;
        }
        
        .reveal .slides {
            text-align: left;
        }
        
        .slide-background {
            background: linear-gradient(to bottom, #f8f9fa 0%, #e9ecef 100%);
        }
        
        .slide-content {
            max-width: 1200px;
            margin: 0 auto;
            padding: 40px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        h1, h2, h3, h4 {
            font-family: 'Ma Shan Zheng', cursive;
            color: var(--dark-color);
            margin-bottom: 1rem;
        }
        
        h1 {
            font-size: 4rem;
            text-shadow: 3px 3px 6px rgba(0,0,0,0.2);
            color: var(--primary-color);
            margin-bottom: 0.5rem;
        }
        
        h2 {
            font-size: 2.8rem;
            color: var(--accent-color);
            border-bottom: 3px solid var(--secondary-color);
            padding-bottom: 0.5rem;
            margin-bottom: 1.5rem;
        }
        
        h3 {
            font-size: 2rem;
            color: var(--dark-color);
        }
        
        p {
            font-size: 1.4rem;
            line-height: 1.8;
            margin-bottom: 1.5rem;
        }
        
        .slogan {
            font-size: 2.2rem;
            text-align: center;
            color: var(--secondary-color);
            background: var(--dark-color);
            padding: 15px 30px;
            border-radius: 50px;
            display: inline-block;
            margin: 20px auto;
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
        }
        
        /* 封面页样式 */
        .cover-page {
            background: linear-gradient(135deg, #0d2b5b 0%, #1a478a 100%);
            text-align: center;
            color: white;
        }
        
        .cover-page .slide-content {
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400"><path d="M100,200 Q200,50 300,200 Q200,350 100,200Z" fill="none" stroke="%23d4b15f" stroke-width="2" opacity="0.3"/></svg>');
            background-size: 80%;
            background-position: center;
            background-repeat: no-repeat;
        }
        
        .cover-page h1 {
            color: white;
            font-size: 4.5rem;
            text-shadow: 0 0 20px rgba(212, 177, 95, 0.8);
            margin-top: -2rem;
        }
        
        .cover-page h2 {
            color: var(--secondary-color);
            border: none;
            font-size: 2.5rem;
            margin-top: 1rem;
        }
        
        .cover-logo {
            width: 220px;
            height: 220px;
            background: radial-gradient(circle, #d4b15f 0%, #2a5caa 70%);
            border-radius: 50%;
            margin: 30px auto;
            position: relative;
            box-shadow: 0 0 40px rgba(212, 177, 95, 0.6);
            border: 5px solid rgba(255,255,255,0.2);
        }
        
        .cover-logo::before {
            content: "赣";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-family: 'Ma Shan Zheng', cursive;
            font-size: 8rem;
            color: white;
        }
        
        .cover-logo::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M20,50 Q50,20 80,50 Q50,80 20,50Z" fill="none" stroke="white" stroke-width="0.8" opacity="0.5"/></svg>');
            border-radius: 50%;
            animation: rotate 30s linear infinite;
        }
        
        @keyframes rotate {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        /* 目录页样式 */
        .toc-page .mermaid {
            height: 500px;
            margin-top: 20px;
        }
        
        .toc-icons {
            display: flex;
            justify-content: space-around;
            margin-top: 30px;
        }
        
        .toc-icon {
            width: 120px;
            text-align: center;
        }
        
        .icon-circle {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            margin: 0 auto 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2.5rem;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        
        .icon-1 { background: linear-gradient(135deg, #e53935, #c62828); }
        .icon-2 { background: linear-gradient(135deg, #2a5caa, #1a3a6b); }
        .icon-3 { background: linear-gradient(135deg, #43a047, #2e7d32); }
        .icon-4 { background: linear-gradient(135deg, #d4b15f, #b8860b); }
        
        /* 痛点页样式 */
        .pain-points table {
            width: 100%;
            border-collapse: collapse;
            margin: 30px 0;
            font-size: 1.3rem;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        .pain-points th {
            background: var(--dark-color);
            color: white;
            padding: 15px;
            text-align: center;
        }
        
        .pain-points td {
            padding: 15px;
            text-align: center;
            border-bottom: 1px solid #ddd;
        }
        
        .pain-points tr:nth-child(even) {
            background-color: #f2f2f2;
        }
        
        .pain-points .highlight {
            color: var(--accent-color);
            font-weight: bold;
        }
        
        .heatmap {
            display: flex;
            justify-content: space-between;
            margin-top: 40px;
        }
        
        .heatmap-bar {
            width: 60px;
            background: linear-gradient(to top, var(--primary-color), #1a3a6b);
            border-radius: 5px 5px 0 0;
            position: relative;
        }
        
        .heatmap-bar::after {
            content: attr(data-label);
            position: absolute;
            bottom: -30px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 1.1rem;
            white-space: nowrap;
        }
        
        /* 黄金定位页样式 */
        .pyramid-container {
            display: flex;
            justify-content: center;
            margin-top: 50px;
        }
        
        .pyramid {
            position: relative;
            width: 400px;
            height: 300px;
        }
        
        .pyramid-layer {
            position: absolute;
            width: 0;
            height: 0;
            border-left: 150px solid transparent;
            border-right: 150px solid transparent;
            border-bottom: 100px solid var(--secondary-color);
            opacity: 0.8;
        }
        
        .layer-1 {
            top: 0;
            border-bottom-color: #d4b15f;
        }
        
        .layer-2 {
            top: 70px;
            border-bottom-width: 90px;
            border-left-width: 130px;
            border-right-width: 130px;
            border-bottom-color: #2a5caa;
        }
        
        .layer-3 {
            top: 140px;
            border-bottom-width: 80px;
            border-left-width: 110px;
            border-right-width: 110px;
            border-bottom-color: #e53935;
        }
        
        .pyramid-label {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            color: white;
            font-weight: bold;
            font-size: 1.4rem;
            text-align: center;
            width: 200px;
        }
        
        .label-1 { top: 35px; }
        .label-2 { top: 105px; }
        .label-3 { top: 180px; }
        
        /* 功能页样式 */
        .features-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-top: 30px;
        }
        
        .feature-card {
            background: white;
            border-radius: 10px;
            padding: 25px;
            box-shadow: 0 8px 20px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
            border-top: 5px solid var(--secondary-color);
        }
        
        .feature-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 12px 25px rgba(0,0,0,0.15);
        }
        
        .feature-card h3 {
            color: var(--primary-color);
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .feature-card h3 i {
            margin-right: 10px;
            font-size: 1.8rem;
        }
        
        .feature-detail {
            margin: 15px 0;
            padding-left: 10px;
            border-left: 3px solid var(--secondary-color);
        }
        
        /* 技术架构页样式 */
        .architecture {
            display: flex;
            justify-content: center;
            margin-top: 40px;
        }
        
        .tech-column {
            width: 250px;
            margin: 0 20px;
            text-align: center;
        }
        
        .tech-icon {
            width: 120px;
            height: 120px;
            background: white;
            border-radius: 50%;
            margin: 0 auto 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 3rem;
            color: var(--primary-color);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            border: 5px solid var(--light-color);
        }
        
        .dna-container {
            height: 150px;
            margin: 20px 0;
            position: relative;
            overflow: hidden;
        }
        
        .dna-strand {
            position: absolute;
            left: 50%;
            width: 5px;
            height: 100%;
            background: var(--secondary-color);
            transform: translateX(-50%);
        }
        
        .dna-node {
            position: absolute;
            width: 20px;
            height: 20px;
            background: var(--primary-color);
            border-radius: 50%;
            left: 50%;
            transform: translateX(-50%);
        }
        
        /* 商业模式页样式 */
        .quadrant-chart {
            width: 600px;
            height: 600px;
            margin: 30px auto;
            position: relative;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="%23d4b15f" stroke-width="0.5" opacity="0.2"/></svg>');
            background-size: 100%;
        }
        
        .axis {
            position: absolute;
            background: var(--dark-color);
        }
        
        .x-axis {
            width: 100%;
            height: 2px;
            top: 50%;
            left: 0;
        }
        
        .y-axis {
            width: 2px;
            height: 100%;
            top: 0;
            left: 50%;
        }
        
        .quadrant {
            position: absolute;
            width: 50%;
            height: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 20px;
            font-weight: bold;
            font-size: 1.4rem;
        }
        
        .quadrant-1 { top: 0; left: 50%; background: rgba(42, 92, 170, 0.1); }
        .quadrant-2 { top: 0; left: 0; background: rgba(212, 177, 95, 0.1); }
        .quadrant-3 { top: 50%; left: 0; background: rgba(229, 57, 53, 0.1); }
        .quadrant-4 { top: 50%; left: 50%; background: rgba(67, 160, 71, 0.1); }
        
        .chart-point {
            position: absolute;
            width: 20px;
            height: 20px;
            background: var(--accent-color);
            border-radius: 50%;
            transform: translate(-50%, -50%);
            box-shadow: 0 0 10px rgba(229, 57, 53, 0.5);
        }
        
        .point-label {
            position: absolute;
            font-size: 1.1rem;
            white-space: nowrap;
        }
        
        /* 未来愿景页样式 */
        .future-vision {
            text-align: center;
        }
        
        .vision-container {
            display: flex;
            justify-content: space-around;
            margin-top: 50px;
        }
        
        .vision-item {
            width: 30%;
            perspective: 1000px;
        }
        
        .vision-card {
            height: 250px;
            position: relative;
            transform-style: preserve-3d;
            transition: transform 1s;
        }
        
        .vision-item:hover .vision-card {
            transform: rotateY(180deg);
        }
        
        .vision-front, .vision-back {
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }
        
        .vision-front {
            background: linear-gradient(135deg, var(--primary-color), var(--dark-color));
            color: white;
            font-size: 2rem;
        }
        
        .vision-back {
            background: white;
            transform: rotateY(180deg);
            font-size: 1.2rem;
            color: var(--dark-color);
            text-align: center;
        }
        
        /* 封底页样式 */
        .end-page {
            background: linear-gradient(135deg, #1a3a6b 0%, #0d1c33 100%);
            text-align: center;
            color: white;
        }
        
        .end-page h2 {
            color: var(--secondary-color);
            border: none;
            font-size: 3rem;
            margin-top: 2rem;
        }
        
        .cta-buttons {
            display: flex;
            justify-content: center;
            gap: 50px;
            margin: 50px 0;
        }
        
        .cta-button {
            padding: 20px 40px;
            font-size: 1.5rem;
            border-radius: 10px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-weight: bold;
            border: none;
            box-shadow: 0 8px 20px rgba(0,0,0,0.3);
        }
        
        .gov-button {
            background: linear-gradient(135deg, #d4b15f, #b8860b);
            color: var(--dark-color);
        }
        
        .public-button {
            background: linear-gradient(135deg, #2a5caa, #1a478a);
            color: white;
        }
        
        .cta-button:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 25px rgba(0,0,0,0.4);
        }
        
        .crane-icon {
            font-size: 5rem;
            margin: 30px 0;
            color: var(--secondary-color);
            animation: float 3s ease-in-out infinite;
        }
        
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
            100% { transform: translateY(0px); }
        }
        
        .footer-note {
            position: absolute;
            bottom: 20px;
            right: 20px;
            font-size: 1.1rem;
            color: rgba(255,255,255,0.7);
        }
    </style>
</head>
<body>
    <div class="reveal">
        <div class="slides">
            <!-- 封面页 -->
            <section class="cover-page" data-background-color="#1a3a6b">
                <div class="slide-content">
                    <div class="cover-logo"></div>
                    <h1>赣智云旅</h1>
                    <h2>千年文脉的数字化新生</h2>
                    <h3>用AI重构江西文旅新生态</h3>
                    <div class="slogan">智汇江西，云览千年文旅新境</div>
                </div>
            </section>
            
            <!-- 目录页 -->
            <section>
                <div class="slide-content">
                    <h2>平台架构全景图</h2>
                    <div class="mermaid">
                        graph TD
                        A[痛点撕裂] --> B[破局之道]
                        B --> C[技术重器]
                        C --> D[未来图景]
                    </div>
                    
                    <div class="toc-icons">
                        <div class="toc-icon">
                            <div class="icon-circle icon-1">💔</div>
                            <div>痛点</div>
                        </div>
                        <div class="toc-icon">
                            <div class="icon-circle icon-2">🕊️</div>
                            <div>破局</div>
                        </div>
                        <div class="toc-icon">
                            <div class="icon-circle icon-3">⚙️</div>
                            <div>技术</div>
                        </div>
                        <div class="toc-icon">
                            <div class="icon-circle icon-4">🔮</div>
                            <div>未来</div>
                        </div>
                    </div>
                </div>
            </section>
            
            <!-- 痛点页 -->
            <section class="pain-points">
                <div class="slide-content">
                    <h2>江西文旅发展痛点分析</h2>
                    <table>
                        <tr>
                            <th>痛点维度</th>
                            <th>传统模式</th>
                            <th>赣智云旅</th>
                            <th>差距值</th>
                        </tr>
                        <tr>
                            <td>资源利用率</td>
                            <td>31%</td>
                            <td>89%</td>
                            <td class="highlight">+187%</td>
                        </tr>
                        <tr>
                            <td>游客停留时长</td>
                            <td>2.1小时</td>
                            <td>4.8小时</td>
                            <td class="highlight">+129%</td>
                        </tr>
                        <tr>
                            <td>非遗传承效率</td>
                            <td>1项/年</td>
                            <td>5项/年</td>
                            <td class="highlight">+400%</td>
                        </tr>
                        <tr>
                            <td>文化传播广度</td>
                            <td>省内为主</td>
                            <td>全球覆盖</td>
                            <td class="highlight">+300%</td>
                        </tr>
                    </table>
                    
                    <div class="heatmap">
                        <div class="heatmap-bar" style="height: 100px;" data-label="南昌"></div>
                        <div class="heatmap-bar" style="height: 180px;" data-label="九江"></div>
                        <div class="heatmap-bar" style="height: 150px;" data-label="景德镇"></div>
                        <div class="heatmap-bar" style="height: 70px;" data-label="萍乡"></div>
                        <div class="heatmap-bar" style="height: 60px;" data-label="新余"></div>
                        <div class="heatmap-bar" style="height: 120px;" data-label="鹰潭"></div>
                        <div class="heatmap-bar" style="height: 80px;" data-label="赣州"></div>
                        <div class="heatmap-bar" style="height: 50px;" data-label="吉安"></div>
                        <div class="heatmap-bar" style="height: 90px;" data-label="宜春"></div>
                        <div class="heatmap-bar" style="height: 40px;" data-label="抚州"></div>
                        <div class="heatmap-bar" style="height: 110px;" data-label="上饶"></div>
                    </div>
                </div>
            </section>
            
            <!-- 黄金定位页 -->
            <section>
                <div class="slide-content">
                    <h2>价值定位金字塔</h2>
                    <div class="pyramid-container">
                        <div class="pyramid">
                            <div class="pyramid-layer layer-1"></div>
                            <div class="pyramid-layer layer-2"></div>
                            <div class="pyramid-layer layer-3"></div>
                            
                            <div class="pyramid-label label-1">"千年"文化新生</div>
                            <div class="pyramid-label label-2">"云览"沉浸体验</div>
                            <div class="pyramid-label label-3">"智汇"技术底座</div>
                        </div>
                    </div>
                    
                    <div style="text-align: center; margin-top: 50px;">
                        <p>以数字科技为基座，打造沉浸式文化体验，实现赣鄱千年文脉的数字化新生</p>
                    </div>
                </div>
            </section>
            
            <!-- 功能页 -->
            <section>
                <div class="slide-content">
                    <h2>三大核心功能驱动</h2>
                    <div class="features-grid">
                        <div class="feature-card">
                            <h3><i>📍</i> 革命足迹AR</h3>
                            <div class="feature-detail">
                                <strong>优势：</strong> 时空叠加技术
                            </div>
                            <div class="feature-detail">
                                <strong>效益：</strong> 红色教育增效300%
                            </div>
                            <div class="feature-detail">
                                <strong>验证：</strong> 井冈山试点数据
                            </div>
                        </div>
                        
                        <div class="feature-card">
                            <h3><i>🏺</i> 非遗云工坊</h3>
                            <div class="feature-detail">
                                <strong>优势：</strong> 3D肌理扫描
                            </div>
                            <div class="feature-detail">
                                <strong>效益：</strong> 工艺复原精度0.1mm
                            </div>
                            <div class="feature-detail">
                                <strong>验证：</strong> 央视报道画面
                            </div>
                        </div>
                        
                        <div class="feature-card">
                            <h3><i>📜</i> 诗词全息镜</h3>
                            <div class="feature-detail">
                                <strong>优势：</strong> 古人数字孪生
                            </div>
                            <div class="feature-detail">
                                <strong>效益：</strong> 研学转化率+65%
                            </div>
                            <div class="feature-detail">
                                <strong>验证：</strong> 滕王阁实景视频
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            
            <!-- 技术架构页 -->
            <section>
                <div class="slide-content">
                    <h2>技术架构神经中枢</h2>
                    <div class="architecture">
                        <div class="tech-column">
                            <div class="tech-icon">🧠</div>
                            <h3>AI决策脑</h3>
                            <p>智能内容生成、游客行为分析、资源优化配置</p>
                            
                            <div class="dna-container">
                                <div class="dna-strand"></div>
                                <div class="dna-node" style="top: 20px;"></div>
                                <div class="dna-node" style="top: 50px;"></div>
                                <div class="dna-node" style="top: 80px;"></div>
                                <div class="dna-node" style="top: 110px;"></div>
                                <div class="dna-node" style="top: 140px;"></div>
                            </div>
                        </div>
                        
                        <div class="tech-column">
                            <div class="tech-icon">⛓️</div>
                            <h3>区块链脊柱</h3>
                            <p>数字版权保护、文旅资产确权、交易透明可信</p>
                            
                            <div class="dna-container">
                                <div class="dna-strand"></div>
                                <div class="dna-node" style="top: 30px;"></div>
                                <div class="dna-node" style="top: 60px;"></div>
                                <div class="dna-node" style="top: 90px;"></div>
                                <div class="dna-node" style="top: 120px;"></div>
                            </div>
                        </div>
                        
                        <div class="tech-column">
                            <div class="tech-icon">👓</div>
                            <h3>XR神经网</h3>
                            <p>混合现实体验、沉浸式交互、云端渲染</p>
                            
                            <div class="dna-container">
                                <div class="dna-strand"></div>
                                <div class="dna-node" style="top: 40px;"></div>
                                <div class="dna-node" style="top: 70px;"></div>
                                <div class="dna-node" style="top: 100px;"></div>
                                <div class="dna-node" style="top: 130px;"></div>
                            </div>
                        </div>
                    </div>
                    
                    <div style="text-align: center; margin-top: 30px;">
                        <p>文化基因库：红色DNA | 非遗DNA | 山水DNA</p>
                    </div>
                </div>
            </section>
            
            <!-- 商业模式页 -->
            <section>
                <div class="slide-content">
                    <h2>四维商业价值矩阵</h2>
                    <div class="quadrant-chart">
                        <div class="axis x-axis"></div>
                        <div class="axis y-axis"></div>
                        
                        <div class="quadrant quadrant-1">数字藏品</div>
                        <div class="quadrant quadrant-2">智慧景区</div>
                        <div class="quadrant quadrant-3">IP授权</div>
                        <div class="quadrant quadrant-4">数据银行</div>
                        
                        <div class="chart-point" style="top: 30%; left: 70%;"></div>
                        <div class="point-label" style="top: 30%; left: 75%;">AR导览分成</div>
                        
                        <div class="chart-point" style="top: 20%; left: 20%;"></div>
                        <div class="point-label" style="top: 20%; left: 10%;">非遗数字授权</div>
                        
                        <div class="chart-point" style="top: 70%; left: 30%;"></div>
                        <div class="point-label" style="top: 70%; left: 35%;">文旅数据服务</div>
                    </div>
                </div>
            </section>
            
            <!-- 未来愿景页 -->
            <section class="future-vision">
                <div class="slide-content">
                    <h2>2030数字文旅愿景</h2>
                    <div class="vision-container">
                        <div class="vision-item">
                            <div class="vision-card">
                                <div class="vision-front">
                                    <div>景德镇瓷器<br>云端重组</div>
                                </div>
                                <div class="vision-back">
                                    全球艺术家协同创作，数字陶瓷艺术品交易平台
                                </div>
                            </div>
                        </div>
                        
                        <div class="vision-item">
                            <div class="vision-card">
                                <div class="vision-front">
                                    <div>鄱阳湖候鸟<br>数据迁徙</div>
                                </div>
                                <div class="vision-back">
                                    生态大数据可视化，候鸟迁徙全球直播
                                </div>
                            </div>
                        </div>
                        
                        <div class="vision-item">
                            <div class="vision-card">
                                <div class="vision-front">
                                    <div>井冈山火炬<br>点燃元宇宙</div>
                                </div>
                                <div class="vision-back">
                                    红色教育元宇宙，革命精神全球传播
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div style="margin-top: 50px; font-size: 2rem; color: var(--primary-color); font-weight: bold;">
                        文化永生，赣鄱永续
                    </div>
                </div>
            </section>
            
            <!-- 封底页 -->
            <section class="end-page" data-background-color="#0d1c33">
                <div class="slide-content">
                    <div class="crane-icon">🕊️</div>
                    <h2>智汇江西，云览千年</h2>
                    
                    <div class="cta-buttons">
                        <button class="cta-button gov-button">战略合作</button>
                        <button class="cta-button public-button">云游江西</button>
                    </div>
                    
                    <div class="footer-note">
                        文化数字化战略工程 · 江西文旅厅重点项目
                    </div>
                </div>
            </section>
        </div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.5.0/reveal.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.5.0/plugin/markdown/markdown.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.5.0/plugin/highlight/highlight.min.js"></script>
    <script>
        Reveal.initialize({
            controls: true,
            progress: true,
            center: true,
            hash: true,
            transition: 'convex',
            plugins: [ RevealMarkdown, RevealHighlight ],
            width: 1200,
            height: 700,
            margin: 0.1,
            minScale: 0.2,
            maxScale: 2.0
        });
        
        // 动态更新DNA节点位置
        setInterval(() => {
            document.querySelectorAll('.dna-node').forEach(node => {
                const currentTop = parseInt(node.style.top);
                const newTop = (currentTop + 10) % 150;
                node.style.top = `${newTop}px`;
            });
        }, 500);
    </script>
</body>
</html>