<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>在塔未，找到属于你的宁静 - 视频脚本方案</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
}
body {
background-color: #f8f6f2;
color: #4a4a4a;
line-height: 1.6;
padding: 20px;
background-image: linear-gradient(rgba(255, 253, 245, 0.7), rgba(250, 248, 240, 0.7)),
url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='5' fill='%23d9d2c2' fill-opacity='0.2'/%3E%3C/svg%3E");
}
.container {
max-width: 1000px;
margin: 0 auto;
background: white;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
overflow: hidden;
}
header {
background: linear-gradient(to right, #a4beb4, #d9d2c2);
padding: 40px;
text-align: center;
color: white;
position: relative;
}
header::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(to right, #8aa898, #c5bbaa);
}
h1 {
font-size: 2.5rem;
font-weight: 300;
letter-spacing: 2px;
margin-bottom: 10px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.subtitle {
font-size: 1.2rem;
font-weight: 300;
opacity: 0.9;
}
.content {
padding: 30px;
}
.section {
margin-bottom: 40px;
}
h2 {
color: #6a8e7f;
font-size: 1.5rem;
margin-bottom: 15px;
padding-bottom: 8px;
border-bottom: 2px solid #d9d2c2;
font-weight: 400;
}
p {
margin-bottom: 15px;
font-size: 1.05rem;
}
.script-grid {
display: grid;
grid-template-columns: 1fr;
gap: 15px;
}
.script-item {
background: #faf9f5;
border-radius: 8px;
padding: 20px;
border-left: 4px solid #a4beb4;
}
.script-item h3 {
color: #6a8e7f;
margin-bottom: 10px;
font-size: 1.2rem;
font-weight: 500;
}
.details-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-top: 20px;
}
.detail-card {
background: white;
border-radius: 8px;
padding: 20px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
border-top: 3px solid #d9d2c2;
}
.detail-card h3 {
color: #6a8e7f;
margin-bottom: 15px;
font-size: 1.2rem;
display: flex;
align-items: center;
}
.detail-card h3::before {
content: "•";
margin-right: 8px;
color: #a4beb4;
}
ul {
list-style-type: none;
padding-left: 5px;
}
li {
margin-bottom: 10px;
padding-left: 20px;
position: relative;
}
li::before {
content: "–";
position: absolute;
left: 0;
color: #a4beb4;
}
.tag {
display: inline-block;
background: #e8e4d9;
color: #6a8e7f;
padding: 4px 10px;
border-radius: 20px;
font-size: 0.9rem;
margin-right: 8px;
margin-bottom: 8px;
}
.visual-preview {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-top: 30px;
}
.visual-item {
height: 150px;
border-radius: 8px;
overflow: hidden;
position: relative;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
background: linear-gradient(45deg, #d9d2c2, #c5bbaa);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: 300;
letter-spacing: 1px;
text-align: center;
padding: 15px;
}
footer {
text-align: center;
padding: 30px;
background: #f5f3ed;
color: #8a9e92;
font-size: 0.95rem;
}
@media (max-width: 768px) {
h1 {
font-size: 2rem;
}
.details-grid {
grid-template-columns: 1fr;
}
.visual-preview {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<div class="container">
<header>
<h1>在塔未，找到属于你的宁静</h1>
<p class="subtitle">95前女性阅读角落视频脚本方案</p>
</header>
<div class="content">
<div class="section">
<h2>主题描述</h2>
<p>镜头聚焦一位95前女性在塔未安静角落阅读的场景。阳光透过树叶洒在书页上，她沉浸其中，脸上带着微笑，周围一片宁静。背景音乐轻柔舒缓，营造出静谧的氛围，展现年轻一代在忙碌生活中寻找宁静的方式。</p>
</div>
<div class="section">
<h2>发布文案</h2>
<div class="script-item">
<h3>标题</h3>
<p>《在塔未，找到属于你的宁静》</p>
</div>
<div class="script-item">
<h3>正文</h3>
<p>在忙碌的生活中，总需要一个安静的角落来放松心灵。在塔未，阳光透过树叶洒在书页上，时间仿佛静止。这里，是你的阅读角落，是你的宁静之所。</p>
<div class="tags">
<span class="tag">#静谧时光</span>
<span class="tag">#阅读角落</span>
<span class="tag">#塔未生活</span>
</div>
</div>
<div class="script-item">
<h3>结尾互动</h3>
<p>你也有一个属于自己的阅读角落吗？评论区告诉我，你的阅读角落在哪里？</p>
</div>
</div>
<div class="section">
<h2>视频分镜脚本</h2>
<div class="script-grid">
<div class="script-item">
<h3>镜头 1: 环境建立</h3>
<p><strong>景别/运镜:</strong> 大远景，固定镜头</p>
<p><strong>画面内容:</strong> 阳光透过茂密的树叶，在塔未的木质窗框和地板上投下斑驳的光影。环境安静，空无一人。</p>
<p><strong>时长:</strong> 3秒</p>
</div>
<div class="script-item">
<h3>镜头 2: 引入主角</h3>
<p><strong>景别/运镜:</strong> 中景，缓慢横移</p>
<p><strong>画面内容:</strong> 镜头掠过书架，最终定格在角落。女性侧身坐着，膝上盖着毯子，低头专注阅读。</p>
<p><strong>时长:</strong> 4秒</p>
</div>
<div class="script-item">
<h3>镜头 3: 阅读特写</h3>
<p><strong>景别/运镜:</strong> 特写，固定镜头</p>
<p><strong>画面内容:</strong> 阳光洒在翻开的书页上，纸张纹理和文字清晰可见。手指轻轻搭在书页边缘。</p>
<p><strong>时长:</strong> 3秒</p>
</div>
<div class="script-item">
<h3>镜头 4: 情感捕捉</h3>
<p><strong>景别/运镜:</strong> 近景，缓慢推进</p>
<p><strong>画面内容:</strong> 镜头缓缓推向她的侧脸。她读到会心处，嘴角自然上扬，露出安静温暖的微笑。</p>
<p><strong>时长:</strong> 5秒</p>
</div>
<div class="script-item">
<h3>镜头 5: 道具展示</h3>
<p><strong>景别/运镜:</strong> 特写，固定镜头</p>
<p><strong>画面内容:</strong> 设计精良的书籍，冒着热气的红茶或咖啡，复古台灯散发暖黄色光线。</p>
<p><strong>时长:</strong> 3秒</p>
</div>
</div>
</div>
<div class="section">
<h2>执行细节</h2>
<div class="details-grid">
<div class="detail-card">
<h3>服装要求</h3>
<ul>
<li>宽松的米色或浅灰色针织毛衣</li>
<li>棉质衬衫或简约连衣裙</li>
<li>淡蓝色系柔和色调</li>
<li>避免明显Logo或过于时尚的设计</li>
</ul>
</div>
<div class="detail-card">
<h3>道具安排</h3>
<ul>
<li>设计感强的精装书籍</li>
<li>陶杯或简约玻璃杯盛热饮</li>
<li>复古风格台灯（暖光）</li>
<li>小盆绿植作为背景点缀</li>
</ul>
</div>
<div class="detail-card">
<h3>光线与摄影</h3>
<ul>
<li>利用下午3-4点的自然光</li>
<li>台灯作为补光和环境光</li>
<li>注重光影变化和细节捕捉</li>
<li>后期调色采用暖黄色低对比度</li>
</ul>
</div>
</div>
</div>
<div class="section">
<footer>
<p>视频脚本方案 - 专注于呈现宁静阅读的美好时刻</p>
</footer>
</div>
</body>
</html>
index.html
index.html