minnan-zhangzhou/refer/heritage-experience.html

<!DOCTYPE html>

<html class="w-full h-full overflow-hidden" lang="zh-CN">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>传承体验</title>
<script src="https://modao.cc/agent-py/static/source/js/tailwindcss.js"></script>
<script src="https://modao.cc/agent-py/static/source/js/iconify-icon.min.js"></script>
</head>
<body class="w-full h-full m-0 overflow-hidden flex items-center justify-center bg-[#f4ede4] text-[#4d4540]">
<main class="w-full h-full max-w-[393px] max-h-[852px] overflow-hidden flex flex-col bg-[#fffaf4]">
<header class="flex-none flex items-center gap-3 px-4 py-4 border-b border-[#eadcc5] bg-white/90">
<a aria-label="返回首页" class="w-9 h-9 rounded-full bg-[#f9e7df] text-[#a83f2d] flex items-center justify-center" href="home.html"><iconify-icon icon="solar:alt-arrow-left-linear" width="20"></iconify-icon></a>
<div><p class="text-[10px] tracking-[.18em] text-[#a87a27]">HERITAGE EXPERIENCE</p><h1 class="text-[18px] font-bold text-[#983726]">传承体验</h1></div>
</header>
<section class="flex-1 min-h-0 overflow-y-auto overflow-x-hidden px-4 py-5 [scrollbar-width:none] [&amp;::-webkit-scrollbar]:hidden">
<div class="rounded-2xl border border-[#ead4a3] bg-[#fff1d8] p-5"><iconify-icon class="text-[#a87a27]" icon="ph:person-simple-tai-chi-duotone" width="34"></iconify-icon><h2 class="mt-3 text-lg font-bold text-[#743326]">亲手感受闽南技艺</h2><p class="mt-2 text-[12px] leading-5 text-[#7e6857]">跟随匠人学习，在手作、展演与互动中遇见非遗的当下活力。</p></div>
<div class="mt-5 space-y-3"><article class="rounded-2xl border border-[#eadcc5] bg-white p-4 shadow-sm"><h3 class="font-bold text-[#513a34]">木偶戏体验课</h3><p class="mt-1 text-[11px] leading-5 text-[#81736a]">学提线、练身段，体验掌中乾坤。</p></article><article class="rounded-2xl border border-[#eadcc5] bg-white p-4 shadow-sm"><h3 class="font-bold text-[#513a34]">传统工艺工作坊</h3><p class="mt-1 text-[11px] leading-5 text-[#81736a]">在老师傅指导下完成一件专属手作。</p></article></div>
</section>
<nav class="flex-none bg-[#fffaf1] border-t border-[#e9dbc5] px-3 pt-2 pb-3"><div class="flex justify-between"><a href="home.html">首页</a><a href="heritage.html">传承</a><a href="explore.html">资讯</a><a href="travel.html">文旅</a><a href="profile.html">我的</a></div></nav>
</main>
</body>
</html>