Duguay/Agent-n8n
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
c31956715a49e8ac6c9c3dfbfffc4c950b3596e1
Agent-n8n/web_frontend/web_result/order-classes/visual-design/index.html
Yep_Q 6c172673e7 feat: 为12个订单班添加专属SVG图标 
详细说明:
- 为每个订单班创建专属的SVG favicon图标
- 每个图标使用渐变色和专属图形设计
- 在所有订单班的index.html中添加favicon引用
- 图标设计：
  * wenlu(文旅): 紫蓝渐变 + 地图标记
  * food(食品): 橙红渐变 + 厨师帽
  * visual-design(视觉设计): 粉紫渐变 + 画笔
  * civil(土木): 灰蓝渐变 + 建筑
  * health(大健康): 绿青渐变 + 医疗十字
  * energy(能源): 黄橙渐变 + 闪电
  * transportation(交通物流): 蓝色渐变 + 卡车
  * manufacturing(智能制造): 深蓝银色渐变 + 齿轮
  * developer(智能开发): 青绿渐变 + 代码符号
  * finance(财经商贸): 金蓝渐变 + 上升图表
  * environmental(环保): 绿蓝渐变 + 叶子
  * chemical(化工): 蓝紫渐变 + 烧杯
- 修改文件: 12个favicon.svg文件 + 12个index.html文件
- 影响模块: 所有订单班网页的视觉标识系统

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-10 17:12:22 +08:00

2036 lines
127 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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="icon" type="image/svg+xml" href="favicon.svg">
<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>
<!-- Alternating Layout 1: 左图右文 - 预算概览 -->
<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="film"></i> 后期剪辑: ¥50,000 (18.3%) - 最高占比</li>
<li><i data-lucide="camera"></i> 器材租赁: ¥45,000 (16.4%)</li>
<li><i data-lucide="video"></i> 摄影费用: ¥25,000 (9.1%)</li>
<li><i data-lucide="palette"></i> 前期策划: ¥20,000 (7.3%)</li>
<li><i data-lucide="music"></i> 音乐音效: ¥20,000 (7.3%)</li>
<li><i data-lucide="users"></i> 其他费用: ¥113,800 (41.6%)</li>
</ul>
<div class="stats" style="margin-top: var(--spacing-lg);">
<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">44%</div>
</div>
</div>
</div>
</div>
<!-- Icon Grid - 制作流程 -->
<div class="expert-intro" style="margin-top: var(--spacing-2xl);">
<h3><i data-lucide="film"></i> 制作全流程</h3>
</div>
<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">¥20,000</p>
<ul class="feature-list" style="margin-top: var(--spacing-md); text-align: left;">
<li><i data-lucide="lightbulb"></i> 创意策划</li>
<li><i data-lucide="file-text"></i> 脚本撰写</li>
<li><i data-lucide="layout"></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">¥115,000</p>
<ul class="feature-list" style="margin-top: var(--spacing-md); text-align: left;">
<li><i data-lucide="camera"></i> 摄影器材租赁</li>
<li><i data-lucide="users"></i> 导演摄影团队</li>
<li><i data-lucide="map-pin"></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">¥82,000</p>
<ul class="feature-list" style="margin-top: var(--spacing-md); text-align: left;">
<li><i data-lucide="film"></i> 剪辑调色特效</li>
<li><i data-lucide="music"></i> 配乐音效设计</li>
<li><i data-lucide="mic"></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">¥56,800</p>
<ul class="feature-list" style="margin-top: var(--spacing-md); text-align: left;">
<li><i data-lucide="car"></i> 交通食宿安排</li>
<li><i data-lucide="briefcase"></i> 制作统筹管理</li>
<li><i data-lucide="shield"></i> 应急预备资金</li>
</ul>
</div>
</div>
<!-- Alternating Layout 2: 右图左文 - 后期制作流程 -->
<div class="alternating-layout" style="margin-top: var(--spacing-2xl);">
<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>
<div class="timeline-layout" style="padding: 0;">
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="timeline-content" style="padding: var(--spacing-md);">
<h4 style="color: var(--primary-amber); margin-bottom: var(--spacing-xs);"><i data-lucide="film"></i> Day 1-3: 素材整理与初剪</h4>
<p style="color: var(--text-gray); font-size: var(--text-base);">分类整理拍摄素材,根据分镜脚本进行初步剪辑,建立时间线结构</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="timeline-content" style="padding: var(--spacing-md);">
<h4 style="color: var(--primary-amber); margin-bottom: var(--spacing-xs);"><i data-lucide="palette"></i> Day 4-5: 调色处理</h4>
<p style="color: var(--text-gray); font-size: var(--text-base);">应用传统色彩体系,统一画面色调,营造古镇意境氛围</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="timeline-content" style="padding: var(--spacing-md);">
<h4 style="color: var(--primary-amber); margin-bottom: var(--spacing-xs);"><i data-lucide="sparkles"></i> Day 6-7: 特效制作</h4>
<p style="color: var(--text-gray); font-size: var(--text-base);">添加片头片尾、转场特效、字幕包装等视觉元素</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="timeline-content" style="padding: var(--spacing-md);">
<h4 style="color: var(--primary-amber); margin-bottom: var(--spacing-xs);"><i data-lucide="music"></i> Day 8-10: 配乐音效</h4>
<p style="color: var(--text-gray); font-size: var(--text-base);">原创配乐创作,江南丝竹融合现代音乐,音效设计与混音</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="timeline-content" style="padding: var(--spacing-md);">
<h4 style="color: var(--primary-amber); margin-bottom: var(--spacing-xs);"><i data-lucide="check-square"></i> Day 11: 成片交付</h4>
<p style="color: var(--text-gray); font-size: var(--text-base);">最终审片,输出4K/高清多版本,完成项目交付</p>
</div>
</div>
</div>
</div>
</div>
<!-- Bento Grid - 质量保障措施 -->
<div class="expert-intro" style="margin-top: var(--spacing-2xl);">
<h3><i data-lucide="shield"></i> 质量保障体系</h3>
</div>
<div class="bento-grid" style="margin-top: var(--spacing-xl);">
<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="award"></i> 4K超高清拍摄标准</li>
<li><i data-lucide="camera"></i> 电影级摄影器材</li>
<li><i data-lucide="shield"></i> 多机位备份拍摄</li>
<li><i data-lucide="layers"></i> Log格式原始素材</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="clock"></i> 严格进度管理</li>
<li><i data-lucide="calendar-check"></i> 每日拍摄计划</li>
<li><i data-lucide="activity"></i> 实时进度追踪</li>
<li><i data-lucide="alert-circle"></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="user-check"></i> 客户阶段性审片</li>
<li><i data-lucide="refresh-cw"></i> 免费修改2次</li>
<li><i data-lucide="message-square"></i> 实时沟通反馈</li>
<li><i data-lucide="phone"></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="star"></i> 行业一流品质保证</li>
<li><i data-lucide="award"></i> 专业团队配置</li>
<li><i data-lucide="trending-up"></i> 持续质量监控</li>
<li><i data-lucide="check-circle"></i> 完善验收流程</li>
</ul>
</div>
</div>
</div>
<!-- 总结数据展示 -->
<div class="stats" style="margin-top: var(--spacing-2xl);">
<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> 影片时长：约 6–7 分钟</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> 重点：日出黄金15–30分钟；乌篷船调度；空中禁飞区核查与航线复飞</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>16–35mm T2.8</td>
<td>开篇航拍衔接、环境大景</td>
</tr>
<tr>
<td>镜头</td>
<td>24–70mm T2.8</td>
<td>人物、园林走拍</td>
</tr>
<tr>
<td>镜头</td>
<td>70–200mm 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>电控滑轨 60–100cm（可编程）</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>
Reference in New Issue View Git Blame Copy Permalink