minnan-zhangzhou/refer/cultural-achievements.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-[#e8f0e7] text-[#5f795d] 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-[#5f795d]">CULTURAL ACHIEVEMENTS</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-[#cbdcc8] bg-[#e8f0e7] p-5"><iconify-icon class="text-[#5f795d]" icon="ph:trophy-duotone" width="34"></iconify-icon><h2 class="mt-3 text-lg font-bold text-[#3f5d46]">记录守护与创新</h2><p class="mt-2 text-[12px] leading-5 text-[#637566]">汇聚闽南文化保护、传承与活化利用的代表性成果。</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>