Files
Agent-n8n/web_frontend/web_result/order-classes/visual-design/index.html

2045 lines
127 KiB
HTML
Raw Normal View History

<!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="css/styles.css">
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
</head>
<body class="dark-theme">
<!-- 主题切换按钮 -->
<div class="theme-toggle">
<button id="themeToggleBtn" class="theme-toggle-btn">
<i data-lucide="sun" class="theme-icon theme-icon-light"></i>
<i data-lucide="moon" class="theme-icon theme-icon-dark"></i>
</button>
</div>
<!-- Hero 区域 -->
<section class="hero">
<div class="hero-content">
<div class="hero-badge">🎬 视觉设计订单班</div>
<h1 class="hero-title">同里古镇农文旅<br>宣传片策划案</h1>
<h2 class="hero-subtitle">影视策划 · 分镜设计 · 制作执行</h2>
<p class="hero-description">
<i data-lucide="film"></i> 6-7分钟古镇文化宣传片<br>
<i data-lucide="layers"></i> 6大主题章节全景展示<br>
<i data-lucide="camera"></i> 17个精心设计分镜镜头
</p>
</div>
</section>
<!-- 导航栏 -->
<nav class="nav">
<div class="nav-container">
<div class="nav-item active">
<i data-lucide="target"></i>
<span>项目概述</span>
</div>
<div class="nav-item">
<i data-lucide="palette"></i>
<span>视觉基调</span>
</div>
<div class="nav-item">
<i data-lucide="frame"></i>
<span>分镜设计</span>
</div>
<div class="nav-item">
<i data-lucide="dollar-sign"></i>
<span>预算制作</span>
</div>
</div>
</nav>
<!-- Section 1: 项目概述与宣传目标 -->
<section class="section">
<div class="container">
<div class="section-header">
<img src="agent-avatars/客户对接-项目总监.jpg" alt="客户对接-项目总监" class="agent-avatar">
<div class="agent-info">
<div class="agent-name">
<i data-lucide="user-check"></i> 客户对接-项目总监
</div>
<h2 class="section-title">项目概述与宣传目标</h2>
</div>
</div>
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="info"></i> 项目背景</h3>
<p>本宣传片旨在全方位展示同里古镇的独特魅力,通过精心策划的6大主题章节,呈现古镇千年历史文化、江南水乡美食、生态湿地风光、现代农业产业和璀璨夜景,打造一部6-7分钟的高品质文化旅游宣传片,为同里古镇的品牌推广和旅游发展提供有力支撑。</p>
</div>
<!-- Alternating Layout: 左图右文 -->
<div class="alternating-layout">
<div class="image-container">
<img data-src="images/同里古建筑航拍.jpg" alt="同里古镇航拍" loading="lazy">
<div class="image-caption">同里古镇全景航拍</div>
</div>
<div class="content">
<h3 class="card-title">📍 项目定位</h3>
<ul class="feature-list">
<li><i data-lucide="map-pin"></i> 地理位置: 江苏省苏州市吴江区同里古镇</li>
<li><i data-lucide="calendar"></i> 片长设定: 6-7分钟完整版</li>
<li><i data-lucide="layers"></i> 内容章节: 6大主题全景展示</li>
<li><i data-lucide="camera"></i> 拍摄方式: 航拍+地面+水面多角度</li>
<li><i data-lucide="palette"></i> 视觉风格: 传统色彩+现代影像</li>
<li><i data-lucide="users"></i> 目标人群: 文化旅游爱好者</li>
</ul>
</div>
</div>
<!-- Alternating Layout: 右图左文 (自动反向) -->
<div class="alternating-layout">
<div class="image-container">
<img data-src="images/配色表.jpg" alt="传统配色表" loading="lazy">
<div class="image-caption">宣传片配色体系</div>
</div>
<div class="content">
<h3 class="card-title">🎨 色彩体系</h3>
<ul class="feature-list">
<li><i data-lucide="square"></i> 青瓦灰: 古建筑主色调</li>
<li><i data-lucide="square"></i> 悟道黄: 传统文化底蕴</li>
<li><i data-lucide="square"></i> 自由白: 简约现代感</li>
<li><i data-lucide="square"></i> 山吹色: 温暖人文气息</li>
<li><i data-lucide="square"></i> 赤锖色: 历史厚重感</li>
<li><i data-lucide="square"></i> 常磐色: 生态自然美</li>
</ul>
</div>
</div>
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
<h3><i data-lucide="target"></i> 四大宣传目标</h3>
</div>
<!-- Bento Grid 不规则网格 - 第1项占2行最后1项占2列 -->
<div class="bento-grid">
<div class="card bento-item">
<div class="card-header">
<h3 class="card-title">🏛️ 文化传承</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="book-open"></i> 展示千年古镇历史底蕴</li>
<li><i data-lucide="home"></i> 呈现传统建筑艺术魅力</li>
<li><i data-lucide="users"></i> 传递江南水乡人文精神</li>
<li><i data-lucide="award"></i> 彰显文化遗产保护成果</li>
</ul>
</div>
</div>
<div class="card bento-item">
<div class="card-header">
<h3 class="card-title">🍜 美食体验</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="utensils"></i> 推广地道江南传统美食</li>
<li><i data-lucide="chef-hat"></i> 展现精湛烹饪技艺</li>
<li><i data-lucide="sparkles"></i> 呈现特色美食文化</li>
<li><i data-lucide="shopping-bag"></i> 吸引美食爱好者</li>
</ul>
</div>
</div>
<div class="card bento-item">
<div class="card-header">
<h3 class="card-title">🌿 生态旅游</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="trees"></i> 展示湿地生态资源</li>
<li><i data-lucide="leaf"></i> 呈现绿色发展理念</li>
<li><i data-lucide="flower"></i> 推广生态旅游体验</li>
<li><i data-lucide="sunrise"></i> 彰显人与自然和谐</li>
</ul>
</div>
</div>
<div class="card bento-item">
<div class="card-header">
<h3 class="card-title">🌾 产业融合</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="tractor"></i> 展现现代农业成果</li>
<li><i data-lucide="store"></i> 推广农文旅融合模式</li>
<li><i data-lucide="trending-up"></i> 促进乡村振兴发展</li>
<li><i data-lucide="handshake"></i> 吸引产业投资合作</li>
</ul>
</div>
</div>
</div>
<div class="stats" style="margin-top: var(--spacing-xl);">
<div class="stat-item">
<div class="stat-label">拍摄周期</div>
<div class="stat-value shooting-days">0天</div>
</div>
<div class="stat-item">
<div class="stat-label">分镜数量</div>
<div class="stat-value shot-count">0个</div>
</div>
<div class="stat-item">
<div class="stat-label">团队规模</div>
<div class="stat-value team-members">0人</div>
</div>
<div class="stat-item">
<div class="stat-label">制作预算</div>
<div class="stat-value budget-amount">0万</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 2: 影片视觉基调与内容设计 -->
<section class="section">
<div class="container">
<div class="section-header">
<img src="agent-avatars/导演.jpg" alt="导演" class="agent-avatar">
<div class="agent-info">
<div class="agent-name">
<i data-lucide="clapperboard"></i> 导演
</div>
<h2 class="section-title">影片视觉基调与内容设计</h2>
</div>
</div>
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="eye"></i> 视觉风格定位</h3>
<p>影片采用电影级画质拍摄,结合航拍、地面和水面多角度镜头,运用传统色彩体系(青瓦灰、悟道黄、山吹色等)营造古镇意境。通过慢镜头、延时摄影等手法展现古镇四季变化和昼夜交替,配以江南丝竹音乐和现代配乐,打造兼具传统韵味与现代美感的视觉盛宴。</p>
</div>
<div class="image-container" style="margin-bottom: var(--spacing-xl);">
<img data-src="images/电影风格参考图.jpg" alt="电影风格参考" loading="lazy">
<div class="image-caption">影片视觉风格参考</div>
</div>
<h3 class="section-title" style="margin: var(--spacing-2xl) 0 var(--spacing-xl);">
<i data-lucide="film"></i> 六大主题章节
</h3>
<!-- Featured Grid - 第1章高亮占2行 -->
<div class="featured-grid">
<div class="card featured-item">
<div class="image-container">
<img data-src="images/同里古建筑航拍.jpg" alt="古镇开篇" loading="lazy">
<div class="image-caption">第一章:开篇·同里古镇</div>
</div>
<div class="card-header">
<h3 class="card-title">🏛️ 开篇·同里古镇</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="map"></i> 地理位置与历史渊源介绍</li>
<li><i data-lucide="plane"></i> 高空航拍展现古镇全貌</li>
<li><i data-lucide="droplet"></i> 水乡特色与建筑布局</li>
<li><i data-lucide="milestone"></i> "东方威尼斯"美誉由来</li>
<li><i data-lucide="clock"></i> 千年古镇时光印记</li>
</ul>
</div>
</div>
<div class="card featured-item">
<div class="image-container">
<img data-src="images/同里退思园航拍.jpg" alt="历史文化" loading="lazy">
<div class="image-caption">第二章:历史文化篇</div>
</div>
<div class="card-header">
<h3 class="card-title">📚 历史文化篇</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="landmark"></i> 退思园世界遗产展示</li>
<li><i data-lucide="building"></i> 明清古建筑群落</li>
<li><i data-lucide="bridge"></i> 三桥文化与婚俗传统</li>
<li><i data-lucide="scroll"></i> 名人故居与文化遗迹</li>
<li><i data-lucide="palette"></i> 传统工艺与非遗文化</li>
</ul>
</div>
</div>
<div class="card featured-item">
<div class="image-container">
<img data-src="images/状元蹄.jpg" alt="美食文化" loading="lazy">
<div class="image-caption">第三章:美食篇</div>
</div>
<div class="card-header">
<h3 class="card-title">🍜 美食篇</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="fish"></i> 状元蹄、袜底酥等特色美食</li>
<li><i data-lucide="chef-hat"></i> 传统烹饪技艺展示</li>
<li><i data-lucide="utensils"></i> 江南饮食文化传承</li>
<li><i data-lucide="store"></i> 老字号美食店铺</li>
<li><i data-lucide="sparkles"></i> 美食制作过程呈现</li>
</ul>
</div>
</div>
<div class="card featured-item">
<div class="image-container">
<img data-src="images/同里公园航拍.jpg" alt="生态湿地" loading="lazy">
<div class="image-caption">第四章:生态湿地篇</div>
</div>
<div class="card-header">
<h3 class="card-title">🌿 生态湿地篇</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="leaf"></i> 同里湿地公园自然风光</li>
<li><i data-lucide="bird"></i> 候鸟栖息与生态多样性</li>
<li><i data-lucide="flower"></i> 四季花卉与水生植物</li>
<li><i data-lucide="sunrise"></i> 晨雾与日落美景</li>
<li><i data-lucide="waves"></i> 水上观光体验</li>
</ul>
</div>
</div>
<div class="card featured-item">
<div class="image-container">
<img data-src="images/农旅融合展示.jpg" alt="农业产业" loading="lazy">
<div class="image-caption">第五章:农业产业篇</div>
</div>
<div class="card-header">
<h3 class="card-title">🌾 农业产业篇</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="tractor"></i> 现代农业示范基地</li>
<li><i data-lucide="sprout"></i> 有机蔬菜与特色农产品</li>
<li><i data-lucide="store"></i> 农文旅融合发展模式</li>
<li><i data-lucide="users"></i> 农民丰收与乡村振兴</li>
<li><i data-lucide="handshake"></i> 产业合作与共同富裕</li>
</ul>
</div>
</div>
<div class="card featured-item">
<div class="image-container">
<img data-src="images/同里夜间水乡.jpg" alt="夜游同里" loading="lazy">
<div class="image-caption">第六章:夜游同里篇</div>
</div>
<div class="card-header">
<h3 class="card-title">🌙 夜游同里篇</h3>
</div>
<div class="card-body">
<ul class="feature-list">
<li><i data-lucide="lightbulb"></i> 古镇夜景灯光设计</li>
<li><i data-lucide="bridge"></i> 桥影与水面倒影</li>
<li><i data-lucide="music"></i> 夜间文化演艺活动</li>
<li><i data-lucide="shopping-cart"></i> 夜市与特色商业</li>
<li><i data-lucide="star"></i> 璀璨夜色与浪漫氛围</li>
</ul>
</div>
</div>
</div>
<!-- Progress Bars 进度条数据展示 -->
<div class="progress-stats" style="margin-top: var(--spacing-xl);">
<div class="progress-item">
<div class="progress-label">影片时长</div>
<div class="progress-bar">
<div class="progress-fill" style="width: 85%"></div>
</div>
<div class="progress-value">6-7分钟</div>
</div>
<div class="progress-item">
<div class="progress-label">拍摄章节</div>
<div class="progress-bar">
<div class="progress-fill" style="width: 100%"></div>
</div>
<div class="progress-value">6个</div>
</div>
<div class="progress-item">
<div class="progress-label">拍摄地点</div>
<div class="progress-bar">
<div class="progress-fill" style="width: 75%"></div>
</div>
<div class="progress-value">15+个</div>
</div>
<div class="progress-item">
<div class="progress-label">航拍镜头</div>
<div class="progress-bar">
<div class="progress-fill" style="width: 80%"></div>
</div>
<div class="progress-value">8个</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 3: 分镜设计方案 -->
<section class="section">
<div class="container">
<div class="section-header">
<img src="agent-avatars/分镜师.jpg" alt="分镜师" class="agent-avatar">
<div class="agent-info">
<div class="agent-name">
<i data-lucide="frame"></i> 分镜师
</div>
<h2 class="section-title">分镜设计方案</h2>
</div>
</div>
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="layout"></i> 分镜设计理念</h3>
<p>本宣传片共设计17个核心分镜镜头,涵盖航拍、地面、水面等多角度拍摄,通过精心设计的画面构图、运镜方式和时长控制,确保每个镜头都能精准传达主题意境。从开篇的大气航拍到细节的人文特写,从白天的生机盎然到夜晚的璀璨灯火,全方位展现同里古镇的独特魅力。</p>
</div>
<!-- Icon Grid 拍摄技法总结 -->
<div class="icon-grid" style="margin-top: var(--spacing-xl);">
<div class="icon-card">
<div class="icon-card-icon">📐</div>
<h4 class="icon-card-title">航拍镜头</h4>
<p class="icon-card-value">8个镜头</p>
<ul class="feature-list" style="margin-top: var(--spacing-md); text-align: left;">
<li><i data-lucide="plane"></i> 高空俯拍全景</li>
<li><i data-lucide="move"></i> 环绕重点建筑</li>
<li><i data-lucide="maximize"></i> 低空跟拍水系</li>
<li><i data-lucide="crosshair"></i> 定点环拍空间</li>
</ul>
</div>
<div class="icon-card">
<div class="icon-card-icon">🎥</div>
<h4 class="icon-card-title">地面镜头</h4>
<p class="icon-card-value">6个镜头</p>
<ul class="feature-list" style="margin-top: var(--spacing-md); text-align: left;">
<li><i data-lucide="move-right"></i> 推进建筑细节</li>
<li><i data-lucide="move-horizontal"></i> 平移场景氛围</li>
<li><i data-lucide="search"></i> 微距工艺细节</li>
<li><i data-lucide="users"></i> 跟拍人文生活</li>
</ul>
</div>
<div class="icon-card">
<div class="icon-card-icon"></div>
<h4 class="icon-card-title">特殊技法</h4>
<p class="icon-card-value">3个镜头</p>
<ul class="feature-list" style="margin-top: var(--spacing-md); text-align: left;">
<li><i data-lucide="clock"></i> 延时日出日落</li>
<li><i data-lucide="gauge"></i> 慢动作细节</li>
<li><i data-lucide="droplet"></i> 水面反射意境</li>
<li><i data-lucide="camera-off"></i> 长焦远景捕捉</li>
</ul>
</div>
<div class="icon-card">
<div class="icon-card-icon">🎨</div>
<h4 class="icon-card-title">后期制作</h4>
<p class="icon-card-value">11天周期</p>
<ul class="feature-list" style="margin-top: var(--spacing-md); text-align: left;">
<li><i data-lucide="film"></i> 素材初剪3天</li>
<li><i data-lucide="palette"></i> 调色处理2天</li>
<li><i data-lucide="sparkles"></i> 特效制作2天</li>
<li><i data-lucide="music"></i> 配乐音效3天</li>
</ul>
</div>
</div>
<!-- 分镜对比展示区 - AI线稿生成效果图 -->
<div class="expert-intro" style="margin-top: var(--spacing-3xl);">
<h3><i data-lucide="git-compare"></i> AI分镜生成效果对比</h3>
<p>通过Agent AI技术,将线稿快速转换为高质量效果图,大幅提升分镜设计效率。拖动滑块可对比线稿与AI生成图的差异,查看AI的生成质量。</p>
</div>
<!-- 分镜对比网格 -->
<div class="storyboard-grid">
<!-- 镜号1 -->
<div class="storyboard-item">
<div class="comparison-container">
<img data-src="images/分镜/生成图片/静帧 2025-09-28 214300_1.1.35.jpg" alt="生成图" class="comparison-image comparison-image-before" loading="lazy">
<img data-src="images/分镜/线稿图片/202509282049062736YSJF81583XYYNO.jpg" alt="线稿" class="comparison-image comparison-image-after" loading="lazy">
<div class="comparison-slider"></div>
<div class="comparison-labels">
<span class="comparison-label comparison-label-before">线稿</span>
<span class="comparison-label comparison-label-after">生成图</span>
</div>
</div>
<div class="storyboard-meta">
<div class="storyboard-header">
<span class="storyboard-number">镜号 1</span>
<span class="storyboard-duration">3秒</span>
</div>
<div class="storyboard-details">
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">景别</div>
<div class="storyboard-detail-value">远景</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">摄像机角度</div>
<div class="storyboard-detail-value">俯视</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">装备</div>
<div class="storyboard-detail-value">无人机</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">焦段</div>
<div class="storyboard-detail-value">24mm</div>
</div>
</div>
<div class="storyboard-description">
画面展示从高处俯瞰古镇屋顶与周围的树木,部分屋顶被覆盖着青瓦,树木在画面一侧生长。
</div>
</div>
</div>
<!-- 镜号2 -->
<div class="storyboard-item">
<div class="comparison-container">
<img data-src="images/分镜/生成图片/静帧 2025-09-28 214300_1.1.33.jpg" alt="生成图" class="comparison-image comparison-image-before" loading="lazy">
<img data-src="images/分镜/线稿图片/202509282054559316YSJFMABNCRL749.jpg" alt="线稿" class="comparison-image comparison-image-after" loading="lazy">
<div class="comparison-slider"></div>
<div class="comparison-labels">
<span class="comparison-label comparison-label-before">线稿</span>
<span class="comparison-label comparison-label-after">生成图</span>
</div>
</div>
<div class="storyboard-meta">
<div class="storyboard-header">
<span class="storyboard-number">镜号 2</span>
<span class="storyboard-duration">2秒</span>
</div>
<div class="storyboard-details">
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">景别</div>
<div class="storyboard-detail-value">中景</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">摄像机角度</div>
<div class="storyboard-detail-value">平视</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">装备</div>
<div class="storyboard-detail-value">滑轨</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">焦段</div>
<div class="storyboard-detail-value">50mm</div>
</div>
</div>
<div class="storyboard-description">
画面展示夕阳下的古亭和湖面,远处的垂柳投射在水面上。
</div>
</div>
</div>
<!-- 镜号3 -->
<div class="storyboard-item">
<div class="comparison-container">
<img data-src="images/分镜/生成图片/静帧 2025-09-28 214300_1.1.27.jpg" alt="生成图" class="comparison-image comparison-image-before" loading="lazy">
<img data-src="images/分镜/线稿图片/202509282050040706YSJFJ0SUNAJ2AV (1).jpg" alt="线稿" class="comparison-image comparison-image-after" loading="lazy">
<div class="comparison-slider"></div>
<div class="comparison-labels">
<span class="comparison-label comparison-label-before">线稿</span>
<span class="comparison-label comparison-label-after">生成图</span>
</div>
</div>
<div class="storyboard-meta">
<div class="storyboard-header">
<span class="storyboard-number">镜号 3</span>
<span class="storyboard-duration">3秒</span>
</div>
<div class="storyboard-details">
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">景别</div>
<div class="storyboard-detail-value">中景</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">摄像机角度</div>
<div class="storyboard-detail-value">平视</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">装备</div>
<div class="storyboard-detail-value">手持稳定器</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">焦段</div>
<div class="storyboard-detail-value">35mm</div>
</div>
</div>
<div class="storyboard-description">
画面展示通过窗棂透视出的庭院景象。
</div>
</div>
</div>
<!-- 镜号4 -->
<div class="storyboard-item">
<div class="comparison-container">
<img data-src="images/分镜/生成图片/静帧 2025-09-28 214300_1.1.17.jpg" alt="生成图" class="comparison-image comparison-image-before" loading="lazy">
<img data-src="images/分镜/线稿图片/202509282050164886YSJF24XJD61HTK.jpg" alt="线稿" class="comparison-image comparison-image-after" loading="lazy">
<div class="comparison-slider"></div>
<div class="comparison-labels">
<span class="comparison-label comparison-label-before">线稿</span>
<span class="comparison-label comparison-label-after">生成图</span>
</div>
</div>
<div class="storyboard-meta">
<div class="storyboard-header">
<span class="storyboard-number">镜号 4</span>
<span class="storyboard-duration">2秒</span>
</div>
<div class="storyboard-details">
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">景别</div>
<div class="storyboard-detail-value">中景</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">摄像机角度</div>
<div class="storyboard-detail-value">平视</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">装备</div>
<div class="storyboard-detail-value">手持稳定器</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">焦段</div>
<div class="storyboard-detail-value">35mm</div>
</div>
</div>
<div class="storyboard-description">
画面展示一群人坐在座位上听着表演,舞台上有几位穿着蓝色服装的表演者正在演奏传统乐器。
</div>
</div>
</div>
<!-- 镜号5 -->
<div class="storyboard-item">
<div class="comparison-container">
<img data-src="images/分镜/生成图片/静帧 2025-09-28 214300_1.1.25.jpg" alt="生成图" class="comparison-image comparison-image-before" loading="lazy">
<img data-src="images/分镜/线稿图片/202509282055019276YSJF0F154WXH8Y.jpg" alt="线稿" class="comparison-image comparison-image-after" loading="lazy">
<div class="comparison-slider"></div>
<div class="comparison-labels">
<span class="comparison-label comparison-label-before">线稿</span>
<span class="comparison-label comparison-label-after">生成图</span>
</div>
</div>
<div class="storyboard-meta">
<div class="storyboard-header">
<span class="storyboard-number">镜号 5</span>
<span class="storyboard-duration">2秒</span>
</div>
<div class="storyboard-details">
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">景别</div>
<div class="storyboard-detail-value">中景</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">摄像机角度</div>
<div class="storyboard-detail-value">平视</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">装备</div>
<div class="storyboard-detail-value">手持稳定器</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">焦段</div>
<div class="storyboard-detail-value">35mm</div>
</div>
</div>
<div class="storyboard-description">
画面展示一个人坐在桌子前,专心剪纸,周围的墙上挂满了传统的剪纸艺术作品,透过门框可以看到室内的细节,光线从窗外透入,营造出温暖的氛围。
</div>
</div>
</div>
<!-- 镜号6 -->
<div class="storyboard-item">
<div class="comparison-container">
<img data-src="images/分镜/生成图片/静帧 2025-09-28 214300_1.1.8.jpg" alt="生成图" class="comparison-image comparison-image-before" loading="lazy">
<img data-src="images/分镜/线稿图片/202509282049350886YSJFZL99Y5I6R9.jpg" alt="线稿" class="comparison-image comparison-image-after" loading="lazy">
<div class="comparison-slider"></div>
<div class="comparison-labels">
<span class="comparison-label comparison-label-before">线稿</span>
<span class="comparison-label comparison-label-after">生成图</span>
</div>
</div>
<div class="storyboard-meta">
<div class="storyboard-header">
<span class="storyboard-number">镜号 6</span>
<span class="storyboard-duration">2秒</span>
</div>
<div class="storyboard-details">
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">景别</div>
<div class="storyboard-detail-value">特写</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">摄像机角度</div>
<div class="storyboard-detail-value">平视</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">装备</div>
<div class="storyboard-detail-value">手持稳定器</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">焦段</div>
<div class="storyboard-detail-value">50mm</div>
</div>
</div>
<div class="storyboard-description">
刚出炉的青团,上方覆盖着几片叶子。
</div>
</div>
</div>
<!-- 镜号7 -->
<div class="storyboard-item">
<div class="comparison-container">
<img data-src="images/分镜/生成图片/静帧 2025-09-28 214300_1.1.9.jpg" alt="生成图" class="comparison-image comparison-image-before" loading="lazy">
<img data-src="images/分镜/线稿图片/202509282049408326YSJFK2DKOI3I98.jpg" alt="线稿" class="comparison-image comparison-image-after" loading="lazy">
<div class="comparison-slider"></div>
<div class="comparison-labels">
<span class="comparison-label comparison-label-before">线稿</span>
<span class="comparison-label comparison-label-after">生成图</span>
</div>
</div>
<div class="storyboard-meta">
<div class="storyboard-header">
<span class="storyboard-number">镜号 7</span>
<span class="storyboard-duration">2秒</span>
</div>
<div class="storyboard-details">
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">景别</div>
<div class="storyboard-detail-value">特写</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">摄像机角度</div>
<div class="storyboard-detail-value">俯视</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">装备</div>
<div class="storyboard-detail-value">手持稳定器</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">焦段</div>
<div class="storyboard-detail-value">100mm</div>
</div>
</div>
<div class="storyboard-description">
同里肘子在砂锅中翻滚,油亮红润。
</div>
</div>
</div>
<!-- 镜号8 -->
<div class="storyboard-item">
<div class="comparison-container">
<img data-src="images/分镜/生成图片/静帧 2025-09-28 214300_1.1.19.jpg" alt="生成图" class="comparison-image comparison-image-before" loading="lazy">
<img data-src="images/分镜/线稿图片/202509282050099516YSJFUTZV8MRO5Y.jpg" alt="线稿" class="comparison-image comparison-image-after" loading="lazy">
<div class="comparison-slider"></div>
<div class="comparison-labels">
<span class="comparison-label comparison-label-before">线稿</span>
<span class="comparison-label comparison-label-after">生成图</span>
</div>
</div>
<div class="storyboard-meta">
<div class="storyboard-header">
<span class="storyboard-number">镜号 8</span>
<span class="storyboard-duration">2秒</span>
</div>
<div class="storyboard-details">
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">景别</div>
<div class="storyboard-detail-value">特写</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">摄像机角度</div>
<div class="storyboard-detail-value">平视</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">装备</div>
<div class="storyboard-detail-value">手持稳定器</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">焦段</div>
<div class="storyboard-detail-value">50mm</div>
</div>
</div>
<div class="storyboard-description">
大闸蟹蟹黄饱满,蟹壳呈橙色,绑带清晰可见。
</div>
</div>
</div>
<!-- 镜号9 -->
<div class="storyboard-item">
<div class="comparison-container">
<img data-src="images/分镜/生成图片/静帧 2025-09-28 214300_1.1.20.jpg" alt="生成图" class="comparison-image comparison-image-before" loading="lazy">
<img data-src="images/分镜/线稿图片/7d8332dac6cf3e659c95fe42c3cde899 (1).jpg" alt="线稿" class="comparison-image comparison-image-after" loading="lazy">
<div class="comparison-slider"></div>
<div class="comparison-labels">
<span class="comparison-label comparison-label-before">线稿</span>
<span class="comparison-label comparison-label-after">生成图</span>
</div>
</div>
<div class="storyboard-meta">
<div class="storyboard-header">
<span class="storyboard-number">镜号 9</span>
<span class="storyboard-duration">2秒</span>
</div>
<div class="storyboard-details">
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">景别</div>
<div class="storyboard-detail-value">特写</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">摄像机角度</div>
<div class="storyboard-detail-value">平视</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">装备</div>
<div class="storyboard-detail-value">手持稳定器</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">焦段</div>
<div class="storyboard-detail-value">50mm</div>
</div>
</div>
<div class="storyboard-description">
画面展示一只手端着一碗米饭,饭中包含了绿色的蔬菜和米粒。
</div>
</div>
</div>
<!-- 镜号10 -->
<div class="storyboard-item">
<div class="comparison-container">
<img data-src="images/分镜/生成图片/静帧 2025-09-28 214300_1.1.31.jpg" alt="生成图" class="comparison-image comparison-image-before" loading="lazy">
<img data-src="images/分镜/线稿图片/202509282051240126YSJF06WPCZNY0N.jpg" alt="线稿" class="comparison-image comparison-image-after" loading="lazy">
<div class="comparison-slider"></div>
<div class="comparison-labels">
<span class="comparison-label comparison-label-before">线稿</span>
<span class="comparison-label comparison-label-after">生成图</span>
</div>
</div>
<div class="storyboard-meta">
<div class="storyboard-header">
<span class="storyboard-number">镜号 10</span>
<span class="storyboard-duration">2秒</span>
</div>
<div class="storyboard-details">
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">景别</div>
<div class="storyboard-detail-value">特写</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">摄像机角度</div>
<div class="storyboard-detail-value">平视</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">装备</div>
<div class="storyboard-detail-value">长焦镜头</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">焦段</div>
<div class="storyboard-detail-value">135mm</div>
</div>
</div>
<div class="storyboard-description">
画面展示一只小鸟栖息在细长的树枝上,背景呈现柔和的自然景色。
</div>
</div>
</div>
<!-- 镜号11 -->
<div class="storyboard-item">
<div class="comparison-container">
<img data-src="images/分镜/生成图片/静帧 2025-09-28 214300_1.1.30.jpg" alt="生成图" class="comparison-image comparison-image-before" loading="lazy">
<img data-src="images/分镜/线稿图片/202509282051292356YSJFZSRKP9YK3R.jpg" alt="线稿" class="comparison-image comparison-image-after" loading="lazy">
<div class="comparison-slider"></div>
<div class="comparison-labels">
<span class="comparison-label comparison-label-before">线稿</span>
<span class="comparison-label comparison-label-after">生成图</span>
</div>
</div>
<div class="storyboard-meta">
<div class="storyboard-header">
<span class="storyboard-number">镜号 11</span>
<span class="storyboard-duration">2秒</span>
</div>
<div class="storyboard-details">
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">景别</div>
<div class="storyboard-detail-value">中景</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">摄像机角度</div>
<div class="storyboard-detail-value">平视</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">装备</div>
<div class="storyboard-detail-value">手持稳定器</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">焦段</div>
<div class="storyboard-detail-value">50mm</div>
</div>
</div>
<div class="storyboard-description">
画面展示一名男子在森林中坐着,手持相机正在拍摄,周围是茂密的树木和绿色的自然景色。
</div>
</div>
</div>
<!-- 镜号12 -->
<div class="storyboard-item">
<div class="comparison-container">
<img data-src="images/分镜/生成图片/静帧 2025-09-28 214300_1.1.32.jpg" alt="生成图" class="comparison-image comparison-image-before" loading="lazy">
<img data-src="images/分镜/线稿图片/202509282055137196YSJFSECMZ0PB0J.jpg" alt="线稿" class="comparison-image comparison-image-after" loading="lazy">
<div class="comparison-slider"></div>
<div class="comparison-labels">
<span class="comparison-label comparison-label-before">线稿</span>
<span class="comparison-label comparison-label-after">生成图</span>
</div>
</div>
<div class="storyboard-meta">
<div class="storyboard-header">
<span class="storyboard-number">镜号 12</span>
<span class="storyboard-duration">3秒</span>
</div>
<div class="storyboard-details">
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">景别</div>
<div class="storyboard-detail-value">中景</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">摄像机角度</div>
<div class="storyboard-detail-value">低角度平视</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">装备</div>
<div class="storyboard-detail-value">手持稳定器</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">焦段</div>
<div class="storyboard-detail-value">35mm</div>
</div>
</div>
<div class="storyboard-description">
画面展示小船行驶在古镇的水道上,沿岸是装饰有红灯笼的店铺和绿树,船夫正在用桨划船。
</div>
</div>
</div>
<!-- 镜号13 -->
<div class="storyboard-item">
<div class="comparison-container">
<img data-src="images/分镜/生成图片/静帧 2025-09-28 214300_1.1.11.jpg" alt="生成图" class="comparison-image comparison-image-before" loading="lazy">
<img data-src="images/分镜/线稿图片/202509282049463486YSJFDMPHGPCTXJ.jpg" alt="线稿" class="comparison-image comparison-image-after" loading="lazy">
<div class="comparison-slider"></div>
<div class="comparison-labels">
<span class="comparison-label comparison-label-before">线稿</span>
<span class="comparison-label comparison-label-after">生成图</span>
</div>
</div>
<div class="storyboard-meta">
<div class="storyboard-header">
<span class="storyboard-number">镜号 13</span>
<span class="storyboard-duration">2秒</span>
</div>
<div class="storyboard-details">
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">景别</div>
<div class="storyboard-detail-value">中景</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">摄像机角度</div>
<div class="storyboard-detail-value">平视</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">装备</div>
<div class="storyboard-detail-value">手持稳定器</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">焦段</div>
<div class="storyboard-detail-value">35mm</div>
</div>
</div>
<div class="storyboard-description">
渔民手持捕鱼网,背景为池塘水面,展示捕鱼过程。
</div>
</div>
</div>
<!-- 镜号14 -->
<div class="storyboard-item">
<div class="comparison-container">
<img data-src="images/分镜/生成图片/静帧 2025-09-28 214300_1.1.6.jpg" alt="生成图" class="comparison-image comparison-image-before" loading="lazy">
<img data-src="images/分镜/线稿图片/202509282049244326YSJF1MPE8J8BZJ.jpg" alt="线稿" class="comparison-image comparison-image-after" loading="lazy">
<div class="comparison-slider"></div>
<div class="comparison-labels">
<span class="comparison-label comparison-label-before">线稿</span>
<span class="comparison-label comparison-label-after">生成图</span>
</div>
</div>
<div class="storyboard-meta">
<div class="storyboard-header">
<span class="storyboard-number">镜号 14</span>
<span class="storyboard-duration">2秒</span>
</div>
<div class="storyboard-details">
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">景别</div>
<div class="storyboard-detail-value">中景</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">摄像机角度</div>
<div class="storyboard-detail-value">平视</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">装备</div>
<div class="storyboard-detail-value">手持稳定器</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">焦段</div>
<div class="storyboard-detail-value">50mm</div>
</div>
</div>
<div class="storyboard-description">
画面展示在温室内,滴灌系统正在喷洒水雾,湿润的环境中石斛种植基地一片绿色,远处可见多个灌溉喷头。
</div>
</div>
</div>
<!-- 镜号15 -->
<div class="storyboard-item">
<div class="comparison-container">
<img data-src="images/分镜/生成图片/静帧 2025-09-28 214300_1.1.29.jpg" alt="生成图" class="comparison-image comparison-image-before" loading="lazy">
<img data-src="images/分镜/线稿图片/202509282058159576YSJF97LS5RU9KO.jpg" alt="线稿" class="comparison-image comparison-image-after" loading="lazy">
<div class="comparison-slider"></div>
<div class="comparison-labels">
<span class="comparison-label comparison-label-before">线稿</span>
<span class="comparison-label comparison-label-after">生成图</span>
</div>
</div>
<div class="storyboard-meta">
<div class="storyboard-header">
<span class="storyboard-number">镜号 15</span>
<span class="storyboard-duration">2秒</span>
</div>
<div class="storyboard-details">
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">景别</div>
<div class="storyboard-detail-value">中景</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">摄像机角度</div>
<div class="storyboard-detail-value">平视</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">装备</div>
<div class="storyboard-detail-value">手持稳定器</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">焦段</div>
<div class="storyboard-detail-value">50mm</div>
</div>
</div>
<div class="storyboard-description">
农民手持蔬菜微笑,背景是菜地。
</div>
</div>
</div>
<!-- 镜号16 -->
<div class="storyboard-item">
<div class="comparison-container">
<img data-src="images/分镜/生成图片/静帧 2025-09-28 214300_1.1.36.jpg" alt="生成图" class="comparison-image comparison-image-before" loading="lazy">
<img data-src="images/分镜/线稿图片/202509282050375856YSJFSETU1WSEKB.jpg" alt="线稿" class="comparison-image comparison-image-after" loading="lazy">
<div class="comparison-slider"></div>
<div class="comparison-labels">
<span class="comparison-label comparison-label-before">线稿</span>
<span class="comparison-label comparison-label-after">生成图</span>
</div>
</div>
<div class="storyboard-meta">
<div class="storyboard-header">
<span class="storyboard-number">镜号 16</span>
<span class="storyboard-duration">2秒</span>
</div>
<div class="storyboard-details">
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">景别</div>
<div class="storyboard-detail-value">中景</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">摄像机角度</div>
<div class="storyboard-detail-value">透过窗户框架</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">装备</div>
<div class="storyboard-detail-value">手持稳定器</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">焦段</div>
<div class="storyboard-detail-value">50mm</div>
</div>
</div>
<div class="storyboard-description">
画面展示一位女性坐在咖啡店内,背景灯光柔和,人物旁边的桌上放着一杯饮料,镜头通过窗户框架拍摄,背景模糊。
</div>
</div>
</div>
<!-- 镜号17 -->
<div class="storyboard-item">
<div class="comparison-container">
<img data-src="images/分镜/生成图片/静帧 2025-09-28 214300_1.1.37.jpg" alt="生成图" class="comparison-image comparison-image-before" loading="lazy">
<img data-src="images/分镜/线稿图片/202509282058501036YSJF0KC10KFD5E (1).jpg" alt="线稿" class="comparison-image comparison-image-after" loading="lazy">
<div class="comparison-slider"></div>
<div class="comparison-labels">
<span class="comparison-label comparison-label-before">线稿</span>
<span class="comparison-label comparison-label-after">生成图</span>
</div>
</div>
<div class="storyboard-meta">
<div class="storyboard-header">
<span class="storyboard-number">镜号 17</span>
<span class="storyboard-duration">3秒</span>
</div>
<div class="storyboard-details">
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">景别</div>
<div class="storyboard-detail-value">特写</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">摄像机角度</div>
<div class="storyboard-detail-value">平视</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">装备</div>
<div class="storyboard-detail-value">手持稳定器</div>
</div>
<div class="storyboard-detail-item">
<div class="storyboard-detail-label">焦段</div>
<div class="storyboard-detail-value">50mm</div>
</div>
</div>
<div class="storyboard-description">
戏曲演员手持道具表演,背景模糊的灯笼。
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 4: 拍摄经费预算表推荐 -->
<section class="section">
<div class="container">
<div class="section-header">
<img src="agent-avatars/制片主任.jpg" alt="制片主任" class="agent-avatar">
<div class="agent-info">
<div class="agent-name">
<i data-lucide="briefcase"></i> 制片主任
</div>
<h2 class="section-title">拍摄经费预算表推荐</h2>
</div>
</div>
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="calculator"></i> 预算规划说明</h3>
<p>本项目总预算为¥273,800元,涵盖前期策划、拍摄制作、后期剪辑等全流程费用。预算分配合理,重点投入在摄影器材租赁和后期制作环节,确保影片品质达到行业一流水平。以下为详细的预算明细与分配方案。</p>
</div>
<!-- Accordion 折叠面板容器 -->
<div class="accordion-container">
<!-- Accordion Item 1: 预算明细 -->
<div class="accordion-item active">
<div class="accordion-header">
<div class="accordion-title">
<span class="accordion-icon">💰</span>
预算明细与分配
</div>
<i data-lucide="chevron-down" class="accordion-toggle"></i>
</div>
<div class="accordion-content">
<div class="accordion-content-inner">
<div class="table-container">
<table>
<thead>
<tr>
<th>预算项目</th>
<th>明细说明</th>
<th>金额(元)</th>
<th>占比</th>
</tr>
</thead>
<tbody>
<tr>
<td>前期策划费</td>
<td>创意策划、脚本撰写、分镜设计</td>
<td>20,000</td>
<td>7.3%</td>
</tr>
<tr>
<td>导演费用</td>
<td>导演统筹、现场执导</td>
<td>15,000</td>
<td>5.5%</td>
</tr>
<tr>
<td>摄影费用</td>
<td>主摄影师、副摄影师</td>
<td>25,000</td>
<td>9.1%</td>
</tr>
<tr>
<td>器材租赁</td>
<td>摄影机、航拍器、灯光、轨道等</td>
<td>45,000</td>
<td>16.4%</td>
</tr>
<tr>
<td>场地费用</td>
<td>拍摄许可、场地租赁</td>
<td>12,000</td>
<td>4.4%</td>
</tr>
<tr>
<td>演员费用</td>
<td>群众演员、特约演员</td>
<td>18,000</td>
<td>6.6%</td>
</tr>
<tr>
<td>美术置景</td>
<td>场景布置、道具准备</td>
<td>15,000</td>
<td>5.5%</td>
</tr>
<tr>
<td>后期剪辑</td>
<td>剪辑、调色、特效</td>
<td>50,000</td>
<td>18.3%</td>
</tr>
<tr>
<td>音乐音效</td>
<td>原创配乐、音效设计</td>
<td>20,000</td>
<td>7.3%</td>
</tr>
<tr>
<td>配音解说</td>
<td>专业配音、解说录制</td>
<td>12,000</td>
<td>4.4%</td>
</tr>
<tr>
<td>交通食宿</td>
<td>团队差旅、食宿安排</td>
<td>18,000</td>
<td>6.6%</td>
</tr>
<tr>
<td>制作管理</td>
<td>统筹协调、行政费用</td>
<td>15,000</td>
<td>5.5%</td>
</tr>
<tr>
<td>应急备用</td>
<td>不可预见费用</td>
<td>8,800</td>
<td>3.2%</td>
</tr>
<tr style="font-weight: bold; background: var(--active-bg);">
<td>总计</td>
<td>-</td>
<td>273,800</td>
<td>100%</td>
</tr>
</tbody>
</table>
</div>
<!-- 预算饼图可视化 -->
<div class="budget-chart">
<div class="chart-item">
<div class="chart-label">器材租赁</div>
<div class="chart-bar">
<div class="chart-fill" style="width: 16.4%"></div>
</div>
<div class="chart-value">16.4%</div>
</div>
<div class="chart-item">
<div class="chart-label">后期剪辑</div>
<div class="chart-bar">
<div class="chart-fill" style="width: 18.3%"></div>
</div>
<div class="chart-value">18.3%</div>
</div>
<div class="chart-item">
<div class="chart-label">摄影费用</div>
<div class="chart-bar">
<div class="chart-fill" style="width: 9.1%"></div>
</div>
<div class="chart-value">9.1%</div>
</div>
<div class="chart-item">
<div class="chart-label">前期策划</div>
<div class="chart-bar">
<div class="chart-fill" style="width: 7.3%"></div>
</div>
<div class="chart-value">7.3%</div>
</div>
<div class="chart-item">
<div class="chart-label">音乐音效</div>
<div class="chart-bar">
<div class="chart-fill" style="width: 7.3%"></div>
</div>
<div class="chart-value">7.3%</div>
</div>
</div>
</div>
</div>
</div>
<!-- Accordion Item 5: 后期制作 -->
<div class="accordion-item">
<div class="accordion-header">
<div class="accordion-title">
<span class="accordion-icon">🎬</span>
后期制作流程
</div>
<i data-lucide="chevron-down" class="accordion-toggle"></i>
</div>
<div class="accordion-content">
<div class="accordion-content-inner">
<ul class="feature-list" style="font-size: var(--text-lg);">
<li><i data-lucide="film"></i> 素材整理与初剪(3天)</li>
<li><i data-lucide="palette"></i> 调色处理(2天)</li>
<li><i data-lucide="sparkles"></i> 特效制作(2天)</li>
<li><i data-lucide="music"></i> 配乐音效(2天)</li>
<li><i data-lucide="mic"></i> 配音解说(1天)</li>
<li><i data-lucide="check-square"></i> 成片交付(1天)</li>
</ul>
</div>
</div>
</div>
<!-- Accordion Item 6: 质量保障 -->
<div class="accordion-item">
<div class="accordion-header">
<div class="accordion-title">
<span class="accordion-icon"></span>
质量保障措施
</div>
<i data-lucide="chevron-down" class="accordion-toggle"></i>
</div>
<div class="accordion-content">
<div class="accordion-content-inner">
<ul class="feature-list" style="font-size: var(--text-lg);">
<li><i data-lucide="award"></i> 4K超高清拍摄标准</li>
<li><i data-lucide="shield"></i> 多机位备份拍摄</li>
<li><i data-lucide="clock"></i> 严格进度管理</li>
<li><i data-lucide="user-check"></i> 客户阶段性审片</li>
<li><i data-lucide="refresh-cw"></i> 免费修改2次</li>
<li><i data-lucide="star"></i> 行业一流品质保证</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 总结数据展示 -->
<div class="stats" style="margin-top: var(--spacing-xl);">
<div class="stat-item">
<div class="stat-label">总预算</div>
<div class="stat-value">¥27.38万</div>
</div>
<div class="stat-item">
<div class="stat-label">拍摄周期</div>
<div class="stat-value">7天</div>
</div>
<div class="stat-item">
<div class="stat-label">后期周期</div>
<div class="stat-value">11天</div>
</div>
<div class="stat-item">
<div class="stat-label">交付标准</div>
<div class="stat-value">4K画质</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 5: 拍摄总体安排 -->
<section class="section">
<div class="container">
<div class="section-header">
<img src="agent-avatars/制片主任.jpg" alt="制片主任" class="agent-avatar">
<div class="agent-info">
<div class="agent-name">
<i data-lucide="briefcase"></i> 制片主任
</div>
<h2 class="section-title">拍摄总体安排</h2>
</div>
</div>
<div class="section-content">
<div class="expert-intro">
<h3><i data-lucide="calendar-check"></i> 拍摄安排说明</h3>
<p>本项目拍摄周期为7天(含1天场地勘察+6天正式拍摄),投入专业团队12人,配备高端摄影器材和航拍设备。拍摄形式包括实景拍摄、航拍和延时摄影,输出高清/4K多版本成片,适配宣传会、新媒体和短视频等不同传播渠道。以下为详细的人员配置、每日安排和执行规范。</p>
</div>
<!-- 前置要点 -->
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
<ul class="feature-list" style="font-size: var(--text-lg);">
<li><i data-lucide="calendar"></i> 起始时间2023年4月1日</li>
<li><i data-lucide="clock"></i> 总拍摄周期7天含1天勘景与报批 + 6天正式拍摄</li>
<li><i data-lucide="film"></i> 影片时长:约 67 分钟</li>
<li><i data-lucide="camera"></i> 拍摄形式:实景拍摄 + 航拍 + 延时摄影</li>
<li><i data-lucide="video"></i> 输出格式:高清/4K多版本适配宣传会/新媒体/短视频)</li>
</ul>
</div>
<!-- Accordion 折叠面板容器 -->
<div class="accordion-container" style="margin-top: var(--spacing-xl);">
<!-- Accordion Item 1: 人员分工与到岗天数 -->
<div class="accordion-item">
<div class="accordion-header">
<div class="accordion-title">
<span class="accordion-icon">👥</span>
人员分工与到岗天数
</div>
<i data-lucide="chevron-down" class="accordion-toggle"></i>
</div>
<div class="accordion-content">
<div class="accordion-content-inner">
<div class="table-container">
<table>
<thead>
<tr>
<th>角色</th>
<th>人数</th>
<th>主要职责</th>
<th>到岗天数</th>
<th>备注</th>
</tr>
</thead>
<tbody>
<tr>
<td>导演PD</td>
<td>1</td>
<td>统筹创作与镜头语言、现场节奏、画面风格把控</td>
<td>6+1</td>
<td>全程在场</td>
</tr>
<tr>
<td>制片PM</td>
<td>1</td>
<td>预算与合同、报批与协调、通告与交通、现场资源调度</td>
<td>6+1</td>
<td>全程在场</td>
</tr>
<tr>
<td>摄影指导DP</td>
<td>1</td>
<td>机位A运作、光比与构图、器材方案</td>
<td>6</td>
<td>与导演密切协作</td>
</tr>
<tr>
<td>二机位摄影B Cam</td>
<td>1</td>
<td>机位B、补充素材与备份机位</td>
<td>6</td>
<td>夜景时负责长焦与压缩感</td>
</tr>
<tr>
<td>航拍飞手UAV</td>
<td>1</td>
<td>航拍执行、空域/风速评估、飞行安全</td>
<td>3</td>
<td>开篇/湿地/夜景三天</td>
</tr>
<tr>
<td>灯光师Gaffer</td>
<td>1</td>
<td>光源方案、夜景/室内/美食打光</td>
<td>6</td>
<td>/</td>
</tr>
<tr>
<td>灯光助理Best Boy</td>
<td>1</td>
<td>灯具布撤、供电与安全</td>
<td>6</td>
<td>/</td>
</tr>
<tr>
<td>录音师</td>
<td>1</td>
<td>环境声/同期氛围、拟音参考、降噪建议</td>
<td>6</td>
<td>无对白但要收"水乡声场"</td>
</tr>
<tr>
<td>场务/制务</td>
<td>2</td>
<td>交通引导、群众与设备安全、器材搬运</td>
<td>6</td>
<td>/</td>
</tr>
<tr>
<td>妆造</td>
<td>1</td>
<td>出镜游客/匠人基础妆造与服饰检查</td>
<td>2</td>
<td>文化/夜景天在岗</td>
</tr>
<tr>
<td>美食造型师</td>
<td>1</td>
<td>食物呈现、上菜顺序、器皿与色彩搭配</td>
<td>2</td>
<td>美食篇两天在岗</td>
</tr>
<tr>
<td>DIT/数据管理员</td>
<td>1</td>
<td>现场素材收拷、校验、目录化与备份</td>
<td>6</td>
<td>可由B机兼任或独立配置</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- Accordion Item 2: 每日人员编队与重点任务 -->
<div class="accordion-item">
<div class="accordion-header">
<div class="accordion-title">
<span class="accordion-icon">📅</span>
每日人员编队与重点任务
</div>
<i data-lucide="chevron-down" class="accordion-toggle"></i>
</div>
<div class="accordion-content">
<div class="accordion-content-inner">
<!-- D1 勘景与报批 -->
<div class="expert-intro">
<h3><i data-lucide="search"></i> D1 勘景与报批1天</h3>
<ul class="feature-list" style="font-size: var(--text-lg);">
<li><i data-lucide="users"></i> 到岗导演、制片、DP、UAV半天、灯光师半天</li>
<li><i data-lucide="clipboard-check"></i> 任务:机位勘查、日光/逆光时段测绘、无人机起降点与返航线、夜景供电点、餐饮与停车位确认、应急点位(下雨/封桥)预设</li>
</ul>
</div>
<!-- D2 开篇·江南序曲 -->
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
<h3><i data-lucide="sunrise"></i> D2 开篇·江南序曲(古镇+清晨水系)</h3>
<ul class="feature-list" style="font-size: var(--text-lg);">
<li><i data-lucide="camera"></i> 队形A机广角/推进)+ B机中长焦生活流+ UAV晨雾窗口</li>
<li><i data-lucide="alert-circle"></i> 重点日出黄金1530分钟乌篷船调度空中禁飞区核查与航线复飞</li>
</ul>
</div>
<!-- D3 历史文化篇 -->
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
<h3><i data-lucide="landmark"></i> D3 历史文化篇(退思园/穿心弄/匠人)</h3>
<ul class="feature-list" style="font-size: var(--text-lg);">
<li><i data-lucide="camera"></i> 队形A机人物景深控制、B机细节微距、录音师采"锯木/脚步/水声"</li>
<li><i data-lucide="alert-circle"></i> 重点:匠人操作的安全边界;园区游客避让与秩序沟通</li>
</ul>
</div>
<!-- D4 生态湿地篇 -->
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
<h3><i data-lucide="leaf"></i> D4 生态湿地篇(白天+日落)</h3>
<ul class="feature-list" style="font-size: var(--text-lg);">
<li><i data-lucide="camera"></i> 队形UAV航拍开阔面、A机船宴稳拍、B机鸟类长焦</li>
<li><i data-lucide="alert-circle"></i> 重点风速阈值≤7m/s才飞船宴码头人员密度控制长焦防抖与三脚架稳固</li>
</ul>
</div>
<!-- D5 农业产业篇 -->
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
<h3><i data-lucide="tractor"></i> D5 农业产业篇(稻田/石斛/锦鲤/"米"午餐)</h3>
<ul class="feature-list" style="font-size: var(--text-lg);">
<li><i data-lucide="camera"></i> 队形A机全景与移步换景、B机手持特写、灯光师补光美食造型师介入午餐段</li>
<li><i data-lucide="alert-circle"></i> 重点:田埂行走风险提示;温室湿度对设备的影响与防雾措施</li>
</ul>
</div>
<!-- D6 美食篇 -->
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
<h3><i data-lucide="utensils"></i> D6 美食篇(青团/肘子/大闸蟹/鸡头米/忆苦思甜饭)</h3>
<ul class="feature-list" style="font-size: var(--text-lg);">
<li><i data-lucide="camera"></i> 队形A机场景/上菜、B机微距/蒸汽,灯光双软源塑形,录音师收烹饪声</li>
<li><i data-lucide="alert-circle"></i> 重点:后厨拍摄消防规则;上菜顺序与温度控制;餐桌动线</li>
</ul>
</div>
<!-- D7 夜游同里篇 -->
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
<h3><i data-lucide="moon"></i> D7 夜游同里篇("姑苏八点半"</h3>
<ul class="feature-list" style="font-size: var(--text-lg);">
<li><i data-lucide="camera"></i> 队形A机广角环境、B机长焦氛围、灯光组补轮廓光、UAV低空许可如获批</li>
<li><i data-lucide="alert-circle"></i> 重点:水边防滑警戒线;船只靠泊间隔;群众密集时机位防护</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Accordion Item 3: 拍摄组执行规范 -->
<div class="accordion-item">
<div class="accordion-header">
<div class="accordion-title">
<span class="accordion-icon">📋</span>
拍摄组执行规范
</div>
<i data-lucide="chevron-down" class="accordion-toggle"></i>
</div>
<div class="accordion-content">
<div class="accordion-content-inner">
<!-- 沟通方式 -->
<div class="expert-intro">
<h3><i data-lucide="radio"></i> 1. 沟通方式</h3>
<ul class="feature-list" style="font-size: var(--text-lg);">
<li><i data-lucide="message-square"></i> 每日站会开机前10分钟明确当日分工收工后15分钟复盘确认次日要点</li>
<li><i data-lucide="radio"></i> 对讲频道分工:
<ul style="margin-left: var(--spacing-xl); margin-top: var(--spacing-sm);">
<li>Ch1导演组</li>
<li>Ch2摄影灯光组</li>
<li>Ch3制务与交通组</li>
</ul>
</li>
</ul>
</div>
<!-- 文件与素材管理 -->
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
<h3><i data-lucide="folder"></i> 2. 文件与素材管理</h3>
<ul class="feature-list" style="font-size: var(--text-lg);">
<li><i data-lucide="file-text"></i> 命名规则:<br>
<code style="background: rgba(217, 119, 6, 0.1); padding: var(--spacing-xs) var(--spacing-sm); border-radius: var(--radius-sm); font-family: 'Courier New', monospace; margin-top: var(--spacing-sm); display: inline-block;">TL_NWL_ShotYY_A/B_Cam</code><br>
航拍镜头加后缀 <code style="background: rgba(217, 119, 6, 0.1); padding: var(--spacing-xs) var(--spacing-sm); border-radius: var(--radius-sm); font-family: 'Courier New', monospace;">_UAV</code>;夜景镜头加后缀 <code style="background: rgba(217, 119, 6, 0.1); padding: var(--spacing-xs) var(--spacing-sm); border-radius: var(--radius-sm); font-family: 'Courier New', monospace;">_NGT</code>
</li>
<li><i data-lucide="hard-drive"></i> 备份规范:
<ul style="margin-left: var(--spacing-xl); margin-top: var(--spacing-sm);">
<li>素材双盘备份A主/B备</li>
<li>现场 DIT 使用 MD5 校验</li>
<li>每日完成后上传低码率样片至云端供审看</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Accordion Item 4: 摄影设备清单 -->
<div class="accordion-item">
<div class="accordion-header">
<div class="accordion-title">
<span class="accordion-icon">📷</span>
摄影设备清单
</div>
<i data-lucide="chevron-down" class="accordion-toggle"></i>
</div>
<div class="accordion-content">
<div class="accordion-content-inner">
<!-- 表格1: 摄影机与镜头系统 -->
<h3 style="margin-bottom: var(--spacing-lg); color: var(--primary-amber);">
<i data-lucide="video"></i> 1. 摄影机与镜头系统设备清单
</h3>
<div class="table-container">
<table>
<thead>
<tr>
<th>机位</th>
<th>设备类别</th>
<th>型号/规格</th>
<th>用途与场景</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="5"><strong>主机位 A</strong></td>
<td>摄影机</td>
<td>Sony FX6 / Canon C300MKIII / RED Komodo</td>
<td>主视觉机,电影级 Log 拍摄</td>
</tr>
<tr>
<td>镜头</td>
<td>1635mm T2.8</td>
<td>开篇航拍衔接、环境大景</td>
</tr>
<tr>
<td>镜头</td>
<td>2470mm T2.8</td>
<td>人物、园林走拍</td>
</tr>
<tr>
<td>镜头</td>
<td>70200mm T2.8</td>
<td>街巷压缩、稻田远景</td>
</tr>
<tr>
<td>稳定系统</td>
<td>Ronin 2 / Movi Pro</td>
<td>走拍、推进镜头</td>
</tr>
<tr>
<td rowspan="5"><strong>副机位 B</strong></td>
<td>摄影机</td>
<td>Sony A7S3 / FX3</td>
<td>补充/辅助机,夜景机动</td>
</tr>
<tr>
<td>镜头</td>
<td>35mm F1.4</td>
<td>夜景、人文氛围</td>
</tr>
<tr>
<td>镜头</td>
<td>85mm F1.8</td>
<td>美食、人物特写</td>
</tr>
<tr>
<td>镜头</td>
<td>100mm Macro</td>
<td>微距:美食细节、匠人手工</td>
</tr>
<tr>
<td>稳定系统</td>
<td>DJI RS3 Pro</td>
<td>机动补拍</td>
</tr>
<tr>
<td rowspan="3"><strong>航拍组</strong></td>
<td>主机</td>
<td>DJI Mavic 3 Cine</td>
<td>高动态范围,支持 ProRes</td>
</tr>
<tr>
<td>备用机</td>
<td>DJI Air 2S</td>
<td>紧急替代</td>
</tr>
<tr>
<td>电池</td>
<td>6 块</td>
<td>覆盖日出、湿地、夜航场景</td>
</tr>
</tbody>
</table>
</div>
<!-- 表格2: 灯光与控光设备 -->
<h3 style="margin-top: var(--spacing-2xl); margin-bottom: var(--spacing-lg); color: var(--primary-amber);">
<i data-lucide="lightbulb"></i> 2. 灯光与控光设备清单
</h3>
<div class="table-container">
<table>
<thead>
<tr>
<th>类别</th>
<th>型号/规格</th>
<th>数量</th>
<th>使用场景</th>
</tr>
</thead>
<tbody>
<tr>
<td>主灯</td>
<td>Aputure 600D Pro</td>
<td>2 台</td>
<td>夜景主光 / 美食餐桌顶光</td>
</tr>
<tr>
<td>辅灯</td>
<td>Aputure 300X</td>
<td>2 台</td>
<td>色温可调,氛围补光</td>
</tr>
<tr>
<td>机动小灯</td>
<td>Aputure 60X</td>
<td>2 台</td>
<td>后景点缀 / 边缘补光</td>
</tr>
<tr>
<td>柔光附件</td>
<td>柔光箱、灯布</td>
<td>3 / 2</td>
<td>柔化光线</td>
</tr>
<tr>
<td>反光工具</td>
<td>反光板(银白/金面)</td>
<td>各 1</td>
<td>户外补光与氛围调整</td>
</tr>
<tr>
<td>控光</td>
<td>遮光板3×3ft、蜂窝罩、ND片套装</td>
<td>若干</td>
<td>控制光线方向与强度</td>
</tr>
<tr>
<td>供电</td>
<td>便携静音发电机</td>
<td>1 台</td>
<td>夜景供电</td>
</tr>
<tr>
<td>电力保障</td>
<td>延长线 + 接地插座</td>
<td>若干</td>
<td>多点供电与安全保护</td>
</tr>
</tbody>
</table>
</div>
<!-- 表格3: 辅助设备 -->
<h3 style="margin-top: var(--spacing-2xl); margin-bottom: var(--spacing-lg); color: var(--primary-amber);">
<i data-lucide="tool"></i> 3. 辅助设备清单
</h3>
<div class="table-container">
<table>
<thead>
<tr>
<th>类别</th>
<th>型号/规格</th>
<th>数量</th>
<th>使用场景</th>
</tr>
</thead>
<tbody>
<tr>
<td>三脚架</td>
<td>Manfrotto / 小摇臂三脚架</td>
<td>2 套</td>
<td>固定机位、长焦稳定</td>
</tr>
<tr>
<td>延时套件</td>
<td>电控滑轨 60100cm可编程</td>
<td>1 套</td>
<td>延时摄影、平移运动</td>
</tr>
<tr>
<td>手持稳定器</td>
<td>Steadicam Aero / Easyrig</td>
<td>1 套</td>
<td>街巷走拍、跟随人物</td>
</tr>
<tr>
<td>摄影小道具</td>
<td>滑轮车、升降梯</td>
<td>各 1</td>
<td>低角度、园林高角度取景</td>
</tr>
<tr>
<td>防护</td>
<td>雨披、防雨罩、防潮包</td>
<td>若干</td>
<td>雨天与潮湿环境下设备保护</td>
</tr>
</tbody>
</table>
</div>
<!-- 表格4: 收音与声效设备 -->
<h3 style="margin-top: var(--spacing-2xl); margin-bottom: var(--spacing-lg); color: var(--primary-amber);">
<i data-lucide="mic"></i> 4. 收音与声效设备表
</h3>
<div class="table-container">
<table>
<thead>
<tr>
<th>类别</th>
<th>型号/规格</th>
<th>数量</th>
<th>使用场景</th>
</tr>
</thead>
<tbody>
<tr>
<td>机顶录音</td>
<td>Shotgun Mic</td>
<td>2 支</td>
<td>机位环境音收录</td>
</tr>
<tr>
<td>便携录音机</td>
<td>Zoom F6</td>
<td>1 台</td>
<td>六轨录制,整体声场采集</td>
</tr>
<tr>
<td>指向麦</td>
<td>Sennheiser MKH416</td>
<td>1 支</td>
<td>匠人手工、烹饪声特写</td>
</tr>
<tr>
<td>立体声对录</td>
<td>ORTF/XY 架构麦克风</td>
<td>1 套</td>
<td>湿地、鸟群、水声环境</td>
</tr>
<tr>
<td>防风设备</td>
<td>毛毛套</td>
<td>3 个</td>
<td>户外降噪、防风防爆音</td>
</tr>
</tbody>
</table>
</div>
<!-- 表格5: 存储与数据安全 -->
<h3 style="margin-top: var(--spacing-2xl); margin-bottom: var(--spacing-lg); color: var(--primary-amber);">
<i data-lucide="database"></i> 5. 存储与数据安全设备表
</h3>
<div class="table-container">
<table>
<thead>
<tr>
<th>类别</th>
<th>型号/规格</th>
<th>数量</th>
<th>使用场景</th>
</tr>
</thead>
<tbody>
<tr>
<td>存储卡</td>
<td>CFexpress 512G / SDXC 256G</td>
<td>4 / 6 张</td>
<td>主/副机位及航拍存储</td>
</tr>
<tr>
<td>移动硬盘</td>
<td>SSD 4TB</td>
<td>2 块</td>
<td>主备份盘</td>
</tr>
<tr>
<td>归档硬盘</td>
<td>HDD 8TB</td>
<td>1 块</td>
<td>每日素材归档</td>
</tr>
<tr>
<td>DIT 工具</td>
<td>MacBook Pro + DaVinci Resolve</td>
<td>1 套</td>
<td>现场初步检视、LUT 应用</td>
</tr>
<tr>
<td>校验</td>
<td>MD5 校验软件</td>
<td>软件</td>
<td>数据拷贝完整性检查</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer: 项目成果总结 -->
<section class="section" style="background: var(--bg-semi-dark); padding: var(--spacing-3xl) 0;">
<div class="container">
<h2 class="section-title text-center" style="margin-bottom: var(--spacing-2xl);">
<i data-lucide="award"></i> 项目成果总结
</h2>
<div class="grid grid-3">
<div class="card">
<div class="card-header" style="order: 1;">
<h3 class="card-title">🎬 核心亮点</h3>
</div>
<div class="card-body" style="order: 2;">
<ul class="feature-list">
<li><i data-lucide="film"></i> 6-7分钟高品质宣传片</li>
<li><i data-lucide="layers"></i> 6大主题章节全景展示</li>
<li><i data-lucide="camera"></i> 17个精心设计分镜镜头</li>
<li><i data-lucide="palette"></i> 传统色彩体系视觉风格</li>
<li><i data-lucide="plane"></i> 航拍+地面+水面多角度</li>
<li><i data-lucide="music"></i> 原创配乐音效设计</li>
<li><i data-lucide="award"></i> 4K超高清画质标准</li>
<li><i data-lucide="users"></i> 12人专业拍摄团队</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header" style="order: 1;">
<h3 class="card-title">📊 制作数据</h3>
</div>
<div class="card-body" style="order: 2;">
<ul class="feature-list">
<li><i data-lucide="calendar"></i> 拍摄周期: 7天(含勘察)</li>
<li><i data-lucide="clock"></i> 后期制作: 11天</li>
<li><i data-lucide="dollar-sign"></i> 项目预算: ¥273,800</li>
<li><i data-lucide="camera"></i> 分镜数量: 17个</li>
<li><i data-lucide="users"></i> 团队规模: 12人</li>
<li><i data-lucide="map-pin"></i> 拍摄地点: 15+个</li>
<li><i data-lucide="plane"></i> 航拍镜头: 8个</li>
<li><i data-lucide="film"></i> 成片时长: 6-7分钟</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header" style="order: 1;">
<h3 class="card-title">🎯 应用价值</h3>
</div>
<div class="card-body" style="order: 2;">
<ul class="feature-list">
<li><i data-lucide="trending-up"></i> 提升古镇品牌形象</li>
<li><i data-lucide="users"></i> 吸引文化旅游人群</li>
<li><i data-lucide="map"></i> 推广江南水乡特色</li>
<li><i data-lucide="store"></i> 促进文旅产业发展</li>
<li><i data-lucide="handshake"></i> 招商引资宣传工具</li>
<li><i data-lucide="globe"></i> 多平台传播推广</li>
<li><i data-lucide="award"></i> 文化遗产传承展示</li>
<li><i data-lucide="zap"></i> 乡村振兴示范案例</li>
</ul>
</div>
</div>
</div>
<div class="text-center" style="margin-top: var(--spacing-2xl); color: var(--text-gray);">
<p>🎬 同里古镇农文旅宣传片策划案圆满完成!</p>
<p style="margin-top: var(--spacing-sm);">© 2024 视觉设计订单班 | 影视策划与制作解决方案</p>
</div>
</div>
</section>
<script src="js/main.js"></script>
</body>
</html>