| 12345678910111213141516171819 |
- <!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-[#f6e2ba] text-[#9d3829] flex items-center justify-center"><iconify-icon icon="ph:house-line-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="flex items-center gap-3 rounded-2xl border border-[#e6d1ad] bg-[#fffaf1] p-3"><div class="w-20 h-16 shrink-0 overflow-hidden rounded-xl bg-[#f6e2ba] flex items-center justify-center text-[#9d3829]"><img alt="Damei Ancient Village red brick houses" class="w-full h-full object-cover" onerror="this.classList.add('hidden');this.parentElement.querySelector('iconify-icon').classList.remove('hidden')" src="https://modao.cc/agent-py/media/generated_images/2026-08-07/64bdcf74b7924a9681f931f04a1a21e3.jpg"/><iconify-icon class="hidden" icon="ph:house-line-duotone" width="28"></iconify-icon></div><div class="min-w-0"><b class="text-[14px] text-[#843428]">埭美古村</b><p class="mt-1 text-[10px] text-[#8d7769]">水上古民居群 · 红砖古厝连片保存</p></div></article><article class="flex items-center gap-3 rounded-2xl border border-[#e6d1ad] bg-[#fffaf1] p-3"><div class="w-20 h-16 shrink-0 overflow-hidden rounded-xl bg-[#f6e2ba] flex items-center justify-center text-[#9d3829]"><img alt="Yunshuiyao Ancient Town banyan trees and river" class="w-full h-full object-cover" onerror="this.classList.add('hidden');this.parentElement.querySelector('iconify-icon').classList.remove('hidden')" src="https://modao.cc/agent-py/media/generated_images/2026-08-07/dc889633c9724b25974ea8f8d53b6ad1.jpg"/><iconify-icon class="hidden" icon="ph:tree-duotone" width="28"></iconify-icon></div><div class="min-w-0"><b class="text-[14px] text-[#843428]">云水谣古镇</b><p class="mt-1 text-[10px] text-[#8d7769]">古榕、溪流与土楼相映成景</p></div></article><article class="flex items-center gap-3 rounded-2xl border border-[#e6d1ad] bg-[#fffaf1] p-3"><div class="w-20 h-16 shrink-0 overflow-hidden rounded-xl bg-[#f6e2ba] flex items-center justify-center text-[#9d3829]"><img alt="Taxia Village mountain water settlement" class="w-full h-full object-cover" onerror="this.classList.add('hidden');this.parentElement.querySelector('iconify-icon').classList.remove('hidden')" src="https://modao.cc/agent-py/media/generated_images/2026-08-07/ba6c93ee7ee944b094a5661d59f47071.jpg"/><iconify-icon class="hidden" icon="ph:mountains-duotone" width="28"></iconify-icon></div><div class="min-w-0"><b class="text-[14px] text-[#843428]">塔下村</b><p class="mt-1 text-[10px] text-[#8d7769]">依山傍水的客家聚落</p></div></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>
|
