<style>
:root {
--primary: #FFB6C1;
--secondary: #FF69B4;
--tertiary: #FFB6C1;
}
.header {
background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
padding: 2rem 5%;
}
.section {
padding: 4rem 5%;
background: linear-gradient(45deg, #fff 0%, #f9f9f9 100%);
}
.cultural-pattern {
background: url('cultural-pattern.png') repeat;
padding: 3rem 0;
}
</style>东方婚典美学新纪元
传承苏绣技艺与现代设计理念，打造专属你的千年婚俗记忆
<section class="section" id="services">
<h2>三维定制服务体系</h2>
<div class="service-grid">
<article class="service-card">
<img src="design-process.png" alt="设计流程图">
<h3>1:1人体数据建模</h3>
<p>采用3D扫描技术建立30+维度身体模型，精准计算面料延展系数，确保每道褶皱都符合人体工学</p>
</article>
<article class="service-card">
<img src="material-science.jpg" alt="面料实验室">
<h3>非遗面料再造</h3>
<p>与苏州丝绸研究所合作开发12种复合面料，含纳米级银离子防污层与植物染渐变工艺</p>
</article>
<article class="service-card">
<img src="ceremony-design.jpg" alt="仪式设计">
<h3>沉浸式场景构建</h3>
<p>整合光影艺术与空间美学，打造可穿戴的3D影像舞台，实现仪式过程全息存档</p>
</article>
</div>
</section>
<section class="cultural-pattern">
<h2>婚俗文化解码工程</h2>
<div class="cultural-panorama">
<div class="cultural-card">
<img src="double-crescent-moon.png" alt="并蒂莲纹样">
<h3>阴阳平衡美学</h3>
<p>采用黄金分割比例构建衣纹结构，领口与袖口分别象征"天圆地方"与"地承天运"的哲学理念</p>
</div>
<div class="cultural-card">
<img src="phoenix-dragon.png" alt="龙凤刺绣">
<h3>图腾叙事系统</h3>
<p>独创"五色图腾"编码体系，通过刺绣密度与色彩渐变传递新人生命历程中的重要时间节点</p>
</div>
</div>
</section>
<section class="section" id="products">
<h2>典藏系列作品</h2>
<div class="product-grid">
<article class="product-card">
<img src="qin-hua.jpg" alt="秦汉风华">
<h3>云锦·霓裳</h3>
<p>以明代《天工开物》织造图谱为蓝本，采用18K金线与蚕丝交织工艺</p>
</article>
<article class="product-card">
<img src="ming-dynasty.jpg" alt="明清遗韵">
<h3>缂丝·天工</h3>
<p>运用"通经断纬"技法，将24K真金与珍珠母贝镶嵌于0.1mm薄纱之上</p>
</article>
<article class="product-card">
<img src="silk-road.jpg" alt="丝路遗珍">
<h3>敦煌飞天</h3>
<p>融合莫高窟第285窟壁画元素，采用数码印花与手工勾线结合技术</p>
</article>
</div>
</section>
<section class="section" id="culture">
<h2>婚俗基因库</h2>
<div class="cultural-database">
<div class="database-card">
<h3>服饰符号学</h3>
<p>通过AI图像识别技术解析历代婚服2000+件藏品，建立服饰演变数据库</p>
</div>
<div class="database-card">
<h3>礼仪动作编码</h3>
<p>运用动作捕捉技术量化传统婚礼仪轨，开发数字化仪式指导系统</p>
</div>
<div class="database-card">
<h3>口述史采集</h3>
<p>已收录127位非遗传承人的口述资料，构建动态更新的婚俗知识图谱</p>
</div>
</div>
</section>
<footer>
<div class="contact-form">
<h3>定制咨询</h3>
<form>
<input type="text" placeholder="姓名" required>
<input type="email" placeholder="邮箱" required>
<textarea rows="5" placeholder="需求描述" required></textarea>
<button type="submit">提交方案</button>
</form>
</div>
<div class="footer-content">
<div class="footer-logos">
<img src="silk-institute.png" alt="丝绸研究所认证">
<img src="cultural-ministry.png" alt="非遗保护中心认证">
</div>
<p>© 2023 云纱之韵文化传播有限公司 | 江苏省非物质文化遗产保护中心战略合作单位</p>
</div>
</footer>
<script>
// 响应式导航逻辑
document.querySelector('.nav-links').addEventListener('click', function(e) {
if(e.target.classList.contains('nav-links')) return;
const section = document.getElementById(e.target.getAttribute('href'));
if(section) {
window.scrollTo({
top: section.offsetTop - 80,
behavior: 'smooth'
});
}
});
</script>