| 123456789101112131415161718 |
- <!DOCTYPE html>
- <html 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="min-h-screen bg-[#e9e4da] font-[PingFang_SC,Microsoft_YaHei,sans-serif] text-[#51433e] flex justify-center p-3 sm:p-8">
- <main class="w-[375px] min-h-[812px] bg-[#faf3e5] overflow-hidden">
- <header class="bg-[#9d3829] px-4 pt-4 pb-5 text-white"><div class="flex items-center gap-3"><a aria-label="返回首页" class="w-8 h-8 rounded-full bg-white/15 flex items-center justify-center" href="home.html"><iconify-icon icon="ph:caret-left-bold" width="17"></iconify-icon></a><div><p class="text-[9px] tracking-[.2em] text-[#f5d9a4]">守护文化根脉</p><h1 class="text-[19px] font-bold">重点保护区域</h1></div></div></header>
- <section class="p-4"><div class="rounded-2xl border border-[#dfc599] bg-white p-4"><div class="w-11 h-11 rounded-xl bg-[#e6eedf] text-[#59755d] flex items-center justify-center"><iconify-icon icon="ph:shield-check-duotone" width="25"></iconify-icon></div><h2 class="mt-3 text-[16px] font-bold text-[#843428]">文化遗产保护网络</h2><p class="mt-1 text-[11px] leading-5 text-[#8b7668]">聚焦历史文化街区、传统村落与重要文物集中分布区，持续推动活态保护。</p></div><div class="mt-4 space-y-3"><article class="rounded-2xl border border-[#e6d1ad] bg-[#fffaf1] p-4"><b class="text-[14px] text-[#843428]">漳州古城历史文化街区</b><p class="mt-1 text-[10px] text-[#8d7769]">古城肌理与传统商业并存</p></article><article class="rounded-2xl border border-[#e6d1ad] bg-[#fffaf1] p-4"><b class="text-[14px] text-[#843428]">南靖土楼保护区</b><p class="mt-1 text-[10px] text-[#8d7769]">世界文化遗产核心区域</p></article><article class="rounded-2xl border border-[#e6d1ad] bg-[#fffaf1] p-4"><b class="text-[14px] text-[#843428]">东山关帝文化保护片区</b><p class="mt-1 text-[10px] text-[#8d7769]">海洋信俗与古建遗存共生</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>
|
