culture-resources.html 69 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <!DOCTYPE html>
  2. <html lang="zh-CN"><head>
  3. <meta charset="utf-8"/>
  4. <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  5. <title>文化资源|漳州文化生态保护区数字驾驶舱</title>
  6. <script src="https://modao.cc/agent-py/static/source/js/tailwindcss.js"></script>
  7. <script src="https://modao.cc/agent-py/static/source/js/iconify-icon.min.js"></script>
  8. <style>
  9. @keyframes pulseDot { 0%,100% { transform:scale(1); opacity:.7 } 50% { transform:scale(1.65); opacity:1 } }
  10. .pulse-dot { animation:pulseDot 1.8s infinite ease-in-out; }
  11. :root { --gold:#e5bd72; --sand:#f5e5bd; --brick:#b64d3c; }
  12. body { background:#2d1a1b !important; color:var(--sand); }
  13. main { background:linear-gradient(135deg,#2d1a1b 0%,#452224 48%,#5a2b27 100%) !important; background-image:radial-gradient(circle at 52% 24%,rgba(190,78,55,.25),transparent 35%),linear-gradient(90deg,rgba(229,189,114,.07) 1px,transparent 1px),linear-gradient(0deg,rgba(229,189,114,.055) 1px,transparent 1px),repeating-linear-gradient(0deg,rgba(255,231,190,.03) 0 1px,transparent 1px 9px) !important; background-size:auto,42px 42px,42px 42px,100% 10px !important; }
  14. header { background:rgba(48,25,27,.84) !important; border-color:rgba(229,189,114,.7) !important; box-shadow:0 12px 32px rgba(18,8,9,.38),inset 0 -1px rgba(245,213,149,.22),0 0 30px rgba(182,77,60,.12) !important; backdrop-filter:blur(14px); }
  15. nav a { border-radius:4px; border:1px solid transparent; }
  16. nav a:hover, nav a.border-\[\#d3ae65\] { background:rgba(182,77,60,.82); border-color:rgba(229,189,114,.9); box-shadow:0 0 16px rgba(182,77,60,.2); }
  17. article, section.border, aside.border { border-color:rgba(207,139,101,.56) !important; background:rgba(61,33,33,.7) !important; box-shadow:inset 0 0 28px rgba(194,77,54,.13),0 10px 24px rgba(18,8,9,.14),0 0 18px rgba(182,77,60,.06); backdrop-filter:blur(10px); }
  18. article > div, section > div { border-color:rgba(207,139,101,.4) !important; }
  19. button { border-color:rgba(207,139,101,.62) !important; }
  20. button:hover { border-color:var(--gold) !important; box-shadow:0 0 14px rgba(229,189,114,.16); }
  21. </style>
  22. </head>
  23. <body class="m-0 min-w-[1180px] overflow-x-hidden bg-[#24100f] font-serif text-[#f7edcd]">
  24. <main class="relative min-h-screen overflow-hidden bg-[#24100f]" style="background-image:radial-gradient(circle at 50% 22%, rgba(137,47,35,.36), transparent 34%), linear-gradient(90deg, rgba(191,143,70,.05) 1px, transparent 1px), linear-gradient(0deg, rgba(191,143,70,.04) 1px, transparent 1px); background-size:auto, 42px 42px, 42px 42px;">
  25. <div class="pointer-events-none absolute inset-0 opacity-20" style="background-image:repeating-linear-gradient(135deg, transparent 0 22px, rgba(207,159,79,.18) 23px 24px, transparent 25px 47px);"></div>
  26. <div class="relative z-10 flex min-h-screen flex-col px-5 pb-4">
  27. <header class="relative -mx-5 flex min-h-[112px] w-[calc(100%+2.5rem)] shrink-0 items-center gap-8 overflow-hidden border-b border-[#c69b51]/70 bg-gradient-to-r from-[#2b1115] via-[#4b1d20] to-[#321317] px-7 py-4 shadow-[0_5px_22px_rgba(18,7,9,.35)] backdrop-blur-sm">
  28. <div class="pointer-events-none absolute inset-x-7 bottom-0 h-px bg-gradient-to-r from-transparent via-[#e0b86d]/80 to-transparent"></div>
  29. <div class="pointer-events-none absolute right-8 top-2 h-16 w-40 opacity-25" style="background-image:radial-gradient(circle, rgba(224,184,109,.55) 1px, transparent 1px); background-size:14px 14px;"></div>
  30. <div class="flex min-w-0 flex-1 items-center gap-5"><div class="min-w-0 order-1"><div class="flex items-center gap-5"><div class="truncate text-[24px] font-bold tracking-[.18em] text-[#ead6a6] [text-shadow:0_0_10px_rgba(225,194,125,.16)]">闽南文化(漳州)生态保护区</div><a aria-label="闽南文化主页" class="hidden" href="../store/versions/zhangzhou-culture-cockpit.html/73/store/versions/zhangzhou-culture-cockpit.html/68/store/versions/zhangzhou-culture-cockpit.html/67/files/home.html"><svg aria-hidden="true" class="h-14 w-16" fill="none" viewbox="0 0 80 64" xmlns="http://www.w3.org/2000/svg"><path d="M8 39C19 36 30 30 40 18C49 29 60 34 72 38" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2"></path><path d="M13 42V51M67 40V49M18 37C27 34 35 27 40 20C47 28 54 33 64 37" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path><path d="M7 55C22 45 34 49 46 54C57 59 67 56 73 48C77 43 76 37 71 35C66 33 62 37 63 41C64 44 67 45 69 43" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path><path d="M48 30V45" stroke="currentColor" stroke-linecap="round" stroke-width="1.8"></path><path d="M39 27H44V32H39Z" fill="#9f4026" stroke="#9f4026" stroke-linejoin="round"></path><path d="M19 37V43" stroke="#9f4026" stroke-linecap="round" stroke-width="1.8"></path></svg></a></div><div class="mt-1 text-xs tracking-[.32em] text-[#c9ac76]">数字驾驶舱 · 守护一城古韵</div></div></div>
  31. <nav class="relative z-10 flex shrink-0 items-center justify-end gap-5 text-base text-[#d8c18d]"><a aria-label="首页" class="grid h-9 w-9 place-items-center rounded text-[#f2c66f] transition hover:bg-[#b64d3c]" href="home.html"><svg aria-hidden="true" class="h-7 w-8" fill="none" viewbox="0 0 80 64" xmlns="http://www.w3.org/2000/svg"><path d="M8 39C19 36 30 30 40 18C49 29 60 34 72 38" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2"></path><path d="M13 42V51M67 40V49M18 37C27 34 35 27 40 20C47 28 54 33 64 37" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path><path d="M7 55C22 45 34 49 46 54C57 59 67 56 73 48C77 43 76 37 71 35C66 33 62 37 63 41C64 44 67 45 69 43" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path><path d="M48 30V45" stroke="currentColor" stroke-linecap="round" stroke-width="1.8"></path><path d="M39 27H44V32H39Z" fill="#9f4026" stroke="#9f4026" stroke-linejoin="round"></path><path d="M19 37V43" stroke="#9f4026" stroke-linecap="round" stroke-width="1.8"></path></svg></a><a class="border-b border-transparent px-3 py-3 transition hover:border-[#d3ae65] hover:text-[#f0d9a0]" href="protection-overview.html">保护概况</a><a class="border-b border-[#d3ae65] px-3 py-3 text-[#f0d9a0]" href="culture-resources.html">文化资源</a><a class="border-b border-transparent px-3 py-3 transition hover:border-[#d3ae65] hover:text-[#f0d9a0]" href="heritage-experience.html">传承体验</a><a class="border-b border-transparent px-3 py-3 transition hover:border-[#d3ae65] hover:text-[#f0d9a0]" href="culture-tourism.html">文旅融合</a><a class="border-b border-transparent px-3 py-3 transition hover:border-[#d3ae65] hover:text-[#f0d9a0]" href="public-communication.html">公众传播</a><a class="border-b border-transparent px-3 py-3 transition hover:border-[#d3ae65] hover:text-[#f0d9a0]" href="digital-archives.html">数字档案</a></nav></header>
  32. <section class="mt-5 flex items-end justify-between">
  33. <div><h1 class="mt-2 text-[30px] font-bold tracking-[.16em] text-[#fff0bd]">文化资源</h1></div>
  34. <div class="flex gap-2 pb-1 text-xs"><button class="rounded-sm border border-[#d1734e] bg-[#84352d] px-4 py-2 text-[#ffe1a0]">资源总览</button><button class="rounded-sm border border-[#79503c] bg-[#351817]/80 px-4 py-2 text-[#d6b49a]">数据目录</button><button class="rounded-sm border border-[#79503c] bg-[#351817]/80 px-4 py-2 text-[#d6b49a]">成果地图</button></div>
  35. </section>
  36. <section class="mt-5 grid grid-cols-12 gap-4">
  37. <article class="col-span-4 border border-[#7f4034] bg-[#351817]/80 p-5 shadow-[inset_0_0_22px_rgba(194,77,54,.12)]">
  38. <div class="flex items-center justify-between border-b border-[#7f4034]/70 pb-3"><div><h2 class="mt-1 text-xl font-bold text-[#f5df9e]">资源全景概览</h2></div><span class="grid h-10 w-10 place-items-center rounded-sm border border-[#af7445] bg-[#5d3028] text-[#f1cf85]"><iconify-icon icon="solar:library-linear" width="23"></iconify-icon></span></div>
  39. <div class="mt-5 grid grid-cols-2 gap-3"><div class="border-l-2 border-[#d66b4d] bg-[#2b1514]/70 p-3"><p class="text-xs text-[#c6a18c]">非遗代表性项目</p><p class="mt-1 text-2xl font-bold text-[#fae8b1]">368<span class="ml-1 text-xs font-normal">项</span></p></div><div class="border-l-2 border-[#d9b257] bg-[#2b1514]/70 p-3"><p class="text-xs text-[#c6a18c]">非遗代表性传承人</p><p class="mt-1 text-2xl font-bold text-[#fae8b1]">286<span class="ml-1 text-xs font-normal">位</span></p></div><div class="border-l-2 border-[#c8724e] bg-[#2b1514]/70 p-3"><p class="text-xs text-[#c6a18c]">文化空间</p><p class="mt-1 text-2xl font-bold text-[#fae8b1]">1,560<span class="ml-1 text-xs font-normal">处</span></p></div><div class="border-l-2 border-[#b78756] bg-[#2b1514]/70 p-3"><p class="text-xs text-[#c6a18c]">档案成果</p><p class="mt-1 text-2xl font-bold text-[#fae8b1]">32.45<span class="ml-1 text-xs font-normal">万条</span></p></div></div>
  40. <div class="mt-5 border-t border-[#7f4034]/60 pt-4 text-xs text-[#c9a58c]"><p class="flex items-center justify-between"><span>数据更新状态</span><span class="flex items-center gap-1 text-[#e1ad62]"><i class="pulse-dot h-2 w-2 rounded-full bg-[#e4674d]"></i>实时汇聚</span></p><div class="mt-3 h-1.5 overflow-hidden rounded-full bg-[#5b2925]"><div class="h-full w-[88%] rounded-full bg-gradient-to-r from-[#b94d3a] to-[#e1b65b]"></div></div><p class="mt-2 text-[11px] text-[#b99380]">已完成 88% 核心资源数据标准化整理</p></div>
  41. <div class="mt-4 border-t border-[#7f4034]/60 pt-4"><div class="flex items-center gap-2"><iconify-icon class="text-[#df925f]" icon="solar:calendar-mark-linear" width="18"></iconify-icon><h3 class="text-sm font-bold text-[#f5df9e]">近期资源更新</h3></div><div class="mt-3 space-y-3 text-xs"><div class="flex justify-between border-l-2 border-[#d66b4d] pl-3"><div><b>水仙花雕刻技艺影像补录</b><p class="mt-1 text-[#b99380]">数字档案资源档案</p></div><span class="text-[#e6a276]">今日</span></div><div class="flex justify-between border-l-2 border-[#d9b257] pl-3"><div><b>云霄县传统村落名录核验</b><p class="mt-1 text-[#b99380]">历史街区、传统村落名录</p></div><span class="text-[#e0b967]">昨日</span></div></div></div>
  42. </article>
  43. <article class="col-span-8 border border-[#7f4034] bg-[#351817]/80 p-5 shadow-[inset_0_0_22px_rgba(194,77,54,.12)]">
  44. <div class="flex items-center justify-between border-b border-[#7f4034]/70 pb-3"><div><h2 class="mt-1 text-xl font-bold text-[#f5df9e]">六大资源体系</h2></div><p class="text-xs text-[#bf9680]">点击查看所属资源目录</p></div>
  45. <div class="mt-4 grid grid-cols-3 gap-2 text-center text-xs"><button class="resource-tab rounded-sm border px-2 py-2.5 text-center text-xs border-[#d0734e] bg-[#7d352c] text-[#ffe2a3]" data-target="heritage">非遗代表性项目</button><button class="resource-tab rounded-sm border px-2 py-2.5 text-center text-xs border-[#6e4536] bg-[#2b1514] text-[#d7b59c]" data-target="talent">非遗代表性传承人</button><button class="resource-tab rounded-sm border px-2 py-2.5 text-center text-xs border-[#6e4536] bg-[#2b1514] text-[#d7b59c]" data-target="space">文化空间保护</button><button class="resource-tab rounded-sm border px-2 py-2.5 text-center text-xs border-[#6e4536] bg-[#2b1514] text-[#d7b59c]" data-target="archive">闽南文化档案</button><button class="resource-tab rounded-sm border px-2 py-2.5 text-center text-xs border-[#6e4536] bg-[#2b1514] text-[#d7b59c]" data-target="research">理论研究</button><button class="resource-tab rounded-sm border px-2 py-2.5 text-center text-xs border-[#6e4536] bg-[#2b1514] text-[#d7b59c]" data-target="policy">政策法规</button></div>
  46. <div class="mt-4 border border-[#84503a] bg-[#2a1515]/65 p-4" id="resource-panel"><div class="flex items-start gap-4"><span class="grid h-12 w-12 shrink-0 place-items-center rounded-sm border border-[#b87749] bg-[#65352a] text-[#f2d488]" id="panel-icon"><iconify-icon icon="solar:medal-ribbons-star-linear" width="27"></iconify-icon></span><div><h3 class="text-lg font-bold text-[#f6dfa8]" id="panel-title">非遗项目资源</h3><p class="mt-1 text-xs text-[#c6a18c]" id="panel-desc">系统梳理各级各类非遗项目的基础档案、数字档案与存续状态。</p></div></div><div class="mt-4 grid grid-cols-3 gap-3" id="panel-items"><div class="flex items-center gap-2 border-l-2 border-[#bd654a] bg-[#351817] px-3 py-2.5 text-xs text-[#e2c6a9]"><span class="text-[#e3b85c]">01</span><span>各级各类非遗项目档案</span></div><div class="flex items-center gap-2 border-l-2 border-[#bd654a] bg-[#351817] px-3 py-2.5 text-xs text-[#e2c6a9]"><span class="text-[#e3b85c]">02</span><span>数字档案资源档案</span></div><div class="flex items-center gap-2 border-l-2 border-[#bd654a] bg-[#351817] px-3 py-2.5 text-xs text-[#e2c6a9]"><span class="text-[#e3b85c]">03</span><span>项目存续状态分布</span></div></div><div class="mt-4 hidden border-t border-[#84503a]/70 pt-3" id="space-recommendations"><div class="flex items-center justify-between"><div class="flex items-center gap-2"><iconify-icon class="text-[#e3b85c]" icon="solar:stars-minimalistic-linear" width="19"></iconify-icon><h4 class="text-sm font-bold text-[#f1d99d]">精选推荐</h4></div><span class="text-[10px] text-[#c89d78]">传统村落 · 重点保护场所</span></div><div class="mt-3 grid grid-cols-2 gap-3"><button class="group overflow-hidden border border-[#704033] bg-[#351817] text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" type="button"><span class="relative block h-24 overflow-hidden bg-[#6b4f2c]"><img alt="Nanjing Tianluokeng Tulou village" class="h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-105 group-hover:opacity-100" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/c53c5c35918d4cd88b31ca68702c240c.jpg"/><span class="absolute inset-0 grid place-items-center bg-[#351817]/0 text-[#fff0bd] opacity-0 transition group-hover:bg-[#351817]/55 group-hover:opacity-100"><iconify-icon icon="solar:eye-linear" width="20"></iconify-icon></span></span><span class="block p-3"><span class="flex items-start justify-between gap-2"><b class="text-[#f3dba1]">田螺坑土楼群</b><iconify-icon class="text-[#e3b85c]" icon="solar:home-2-linear" width="17"></iconify-icon></span><span class="mt-1 block text-[11px] text-[#d8b45e]">传统村落 · 南靖县书洋镇</span><span class="mt-2 block text-xs leading-5 text-[#c6a18c]">持续开展土楼建筑本体巡查与聚落风貌协同保护。</span></span></button><button class="group overflow-hidden border border-[#704033] bg-[#351817] text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" type="button"><span class="relative block h-24 overflow-hidden bg-[#6d4d2b]"><img alt="Zhangzhou ancient city historic district" class="h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-105 group-hover:opacity-100" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/931b7233015d495e929b8fe3250bfe8c.jpg"/><span class="absolute inset-0 grid place-items-center bg-[#351817]/0 text-[#fff0bd] opacity-0 transition group-hover:bg-[#351817]/55 group-hover:opacity-100"><iconify-icon icon="solar:eye-linear" width="20"></iconify-icon></span></span><span class="block p-3"><span class="flex items-start justify-between gap-2"><b class="text-[#f3dba1]">漳州古城历史文化街区</b><iconify-icon class="text-[#e3b85c]" icon="solar:buildings-2-linear" width="17"></iconify-icon></span><span class="mt-1 block text-[11px] text-[#d8b45e]">重点保护场所 · 芗城区</span><span class="mt-2 block text-xs leading-5 text-[#c6a18c]">完成骑楼街巷建档,推进传统风貌修缮与活化利用。</span></span></button><button class="group overflow-hidden border border-[#704033] bg-[#351817] text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" type="button"><span class="relative block h-24 overflow-hidden bg-[#65352a]"><img alt="Hekeng Tulou village in Nanjing" class="h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-105 group-hover:opacity-100" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/46df763875cd43f288877e38ec0fd319.jpg"/><span class="absolute inset-0 grid place-items-center bg-[#351817]/0 text-[#fff0bd] opacity-0 transition group-hover:bg-[#351817]/55 group-hover:opacity-100"><iconify-icon icon="solar:eye-linear" width="20"></iconify-icon></span></span><span class="block p-3"><span class="flex items-start justify-between gap-2"><b class="text-[#f3dba1]">河坑土楼群</b><iconify-icon class="text-[#e3b85c]" icon="solar:map-point-linear" width="17"></iconify-icon></span><span class="mt-1 block text-[11px] text-[#d8b45e]">传统村落 · 南靖县梅林镇</span><span class="mt-2 block text-xs leading-5 text-[#c6a18c]">以土楼群落整体保护为重点,完善日常监测与修缮台账。</span></span></button><button class="group overflow-hidden border border-[#704033] bg-[#351817] text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" type="button"><span class="relative block h-24 overflow-hidden bg-[#71362e]"><img alt="Dongshan Guandi Temple cultural site" class="h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-105 group-hover:opacity-100" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/ef2debb230de4a0887750ca1f6116274.jpg"/><span class="absolute inset-0 grid place-items-center bg-[#351817]/0 text-[#fff0bd] opacity-0 transition group-hover:bg-[#351817]/55 group-hover:opacity-100"><iconify-icon icon="solar:eye-linear" width="20"></iconify-icon></span></span><span class="block p-3"><span class="flex items-start justify-between gap-2"><b class="text-[#f3dba1]">东山关帝庙</b><iconify-icon class="text-[#e3b85c]" icon="solar:temple-linear" width="17"></iconify-icon></span><span class="mt-1 block text-[11px] text-[#d8b45e]">重点保护场所 · 东山县铜陵镇</span><span class="mt-2 block text-xs leading-5 text-[#c6a18c]">围绕古建筑构件与周边环境实施常态化保护监测。</span></span></button></div></div><div class="mt-4 hidden border-t border-[#84503a]/70 pt-3" id="archive-recommendations"><div class="flex items-center justify-between"><div class="flex items-center gap-2"><iconify-icon class="text-[#e3b85c]" icon="solar:stars-minimalistic-linear" width="19"></iconify-icon><h4 class="text-sm font-bold text-[#f1d99d]">精选推荐</h4></div><span class="text-[10px] text-[#c89d78]">老字号 · 民俗 · 方言</span></div><div class="mt-3 grid grid-cols-3 gap-3"><button class="archive-entry group overflow-hidden border border-[#704033] bg-[#351817] text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-name="八宝印泥老字号档案" type="button"><span class="relative block h-24 overflow-hidden bg-[#65352a]"><img alt="Babao seal paste traditional shop archive" class="h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-105 group-hover:opacity-100" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/d32e8ca501f74560b45f58f22388852e.jpg"/><span class="absolute inset-0 grid place-items-center bg-[#351817]/0 text-[#fff0bd] opacity-0 transition group-hover:bg-[#351817]/55 group-hover:opacity-100"><iconify-icon icon="solar:eye-linear" width="20"></iconify-icon></span></span><span class="block p-3"><span class="flex items-start justify-between gap-2"><b class="text-[#f3dba1]">八宝印泥老字号档案</b><iconify-icon class="text-[#e3b85c]" icon="solar:pen-new-square-linear" width="17"></iconify-icon></span><span class="mt-1 block text-[11px] text-[#d8b45e]">老字号档案 · 芗城区</span><span class="mt-2 block text-xs leading-5 text-[#c6a18c]">收录印泥配方、商号沿革与传统制作技艺口述记录。</span></span></button><button class="archive-entry group overflow-hidden border border-[#704033] bg-[#351817] text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-name="漳州元宵民俗档案" type="button"><span class="relative block h-24 overflow-hidden bg-[#71362e]"><img alt="Zhangzhou Lantern Festival folk custom archive" class="h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-105 group-hover:opacity-100" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/932c7ab061d045578f20f63e0defc2f5.jpg"/><span class="absolute inset-0 grid place-items-center bg-[#351817]/0 text-[#fff0bd] opacity-0 transition group-hover:bg-[#351817]/55 group-hover:opacity-100"><iconify-icon icon="solar:eye-linear" width="20"></iconify-icon></span></span><span class="block p-3"><span class="flex items-start justify-between gap-2"><b class="text-[#f3dba1]">漳州元宵民俗档案</b><iconify-icon class="text-[#e3b85c]" icon="solar:confetti-minimalistic-linear" width="17"></iconify-icon></span><span class="mt-1 block text-[11px] text-[#d8b45e]">民俗档案 · 芗城区</span><span class="mt-2 block text-xs leading-5 text-[#c6a18c]">整理迎灯、游灯与家族祭祀的田野影像及访谈资料。</span></span></button><button class="archive-entry group overflow-hidden border border-[#704033] bg-[#351817] text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-name="漳州闽南方言语料档案" type="button"><span class="relative block h-24 overflow-hidden bg-[#6b4f2c]"><img alt="Zhangzhou Minnan dialect audio archive" class="h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-105 group-hover:opacity-100" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/e47171795e86427b95ae89afba24f5e8.jpg"/><span class="absolute inset-0 grid place-items-center bg-[#351817]/0 text-[#fff0bd] opacity-0 transition group-hover:bg-[#351817]/55 group-hover:opacity-100"><iconify-icon icon="solar:eye-linear" width="20"></iconify-icon></span></span><span class="block p-3"><span class="flex items-start justify-between gap-2"><b class="text-[#f3dba1]">漳州闽南方言语料档案</b><iconify-icon class="text-[#e3b85c]" icon="solar:translation-2-linear" width="17"></iconify-icon></span><span class="mt-1 block text-[11px] text-[#d8b45e]">方言档案 · 漳浦县、龙海区</span><span class="mt-2 block text-xs leading-5 text-[#c6a18c]">保存日常词汇、谚语与发音样本,支持方言传承研究。</span></span></button></div><p class="mt-3 hidden border-l-2 border-[#d0734e] bg-[#4a211d] px-3 py-2 text-xs text-[#f0d7a2]" id="archive-feedback" role="status"></p></div><div class="mt-4 hidden border-t border-[#84503a]/70 pt-3" id="showcase-recommendations"><div class="overflow-hidden border border-[#84503a] bg-[#241211]/80 p-3"><div class="flex items-center justify-between"><div class="flex items-center gap-2"><iconify-icon class="text-[#e3b85c]" icon="solar:map-point-wave-linear" width="19"></iconify-icon><h4 class="text-sm font-bold text-[#f1d99d]">成果分布地图</h4></div><span class="text-[10px] tracking-[.14em] text-[#c89d78]">ZHANGZHOU · 重点成果点位</span></div><div class="mt-3 grid grid-cols-[1.45fr_.85fr] gap-3"><div class="relative min-h-[245px] overflow-hidden border border-[#704033] bg-[#2b1514]" style="background-image:radial-gradient(circle at 68% 40%, rgba(204,99,67,.24), transparent 28%), linear-gradient(90deg, rgba(210,164,87,.09) 1px, transparent 1px), linear-gradient(0deg, rgba(210,164,87,.07) 1px, transparent 1px); background-size:auto, 24px 24px, 24px 24px;"><svg aria-label="漳州市区域成果分布示意图" class="absolute inset-3 h-[calc(100%-1.5rem)] w-[calc(100%-1.5rem)]" role="img" viewbox="0 0 520 290"><path d="M73 58 L132 28 L197 48 L246 27 L312 51 L351 42 L398 70 L467 91 L442 125 L472 160 L420 181 L398 226 L342 245 L289 229 L236 255 L185 238 L127 250 L89 217 L51 181 L70 144 L39 110 Z" fill="#6d3029" fill-opacity=".72" stroke="#e0ad62" stroke-width="2.5"></path><path d="M111 79 L168 100 L220 74 L279 94 L326 72 L370 103 L425 111 M75 151 L154 145 L211 175 L277 143 L339 169 L417 149 M128 219 L181 189 L235 220 L300 189 L365 211" fill="none" stroke="#b9684d" stroke-dasharray="4 5" stroke-opacity=".7" stroke-width="1"></path><text fill="#f3dba1" font-family="serif" font-size="19" text-anchor="middle" x="210" y="140">漳州市</text><text fill="#c99b78" font-family="serif" font-size="10" text-anchor="middle" x="210" y="160">文化成果数字图谱</text><text fill="#bd9073" font-size="10" x="62" y="45">华安</text><text fill="#bd9073" font-size="10" x="313" y="36">长泰</text><text fill="#bd9073" font-size="10" x="383" y="76">龙海</text><text fill="#bd9073" font-size="10" x="97" y="233">南靖</text><text fill="#bd9073" font-size="10" x="228" y="249">平和</text><text fill="#bd9073" font-size="10" x="369" y="231">漳浦</text><text fill="#bd9073" font-size="10" x="430" y="183">东山</text></svg><button aria-label="查看芗城区数字展览成果" class="showcase-map-point group absolute left-[47%] top-[41%] grid h-8 w-8 place-items-center rounded-full border-2 border-[#ffe0a3] bg-[#b94d3a] text-[#fff0bd] shadow-[0_0_0_5px_rgba(185,77,58,.22)] transition hover:scale-125 hover:bg-[#d66b4d]" data-name="芗城区 · 闽南红砖古厝数字展" type="button"><iconify-icon icon="solar:buildings-2-linear" width="16"></iconify-icon><span class="pointer-events-none absolute left-9 top-1/2 w-max -translate-y-1/2 border border-[#c98654] bg-[#351817] px-2 py-1 text-[10px] text-[#ffe2a3] opacity-0 shadow-lg transition group-hover:opacity-100">数字展览 · 芗城区</span></button><button aria-label="查看龙海区非遗影像成果" class="showcase-map-point group absolute left-[68%] top-[32%] grid h-7 w-7 place-items-center rounded-full border-2 border-[#f5d276] bg-[#7d352c] text-[#fff0bd] shadow-[0_0_0_5px_rgba(225,182,91,.18)] transition hover:scale-125 hover:bg-[#a94839]" data-name="龙海区 · 歌仔戏活态传承影像志" type="button"><iconify-icon icon="solar:video-frame-linear" width="15"></iconify-icon><span class="pointer-events-none absolute left-8 top-1/2 w-max -translate-y-1/2 border border-[#c98654] bg-[#351817] px-2 py-1 text-[10px] text-[#ffe2a3] opacity-0 shadow-lg transition group-hover:opacity-100">非遗影像 · 龙海区</span></button><button aria-label="查看平和县研究成果" class="showcase-map-point group absolute left-[43%] top-[69%] grid h-7 w-7 place-items-center rounded-full border-2 border-[#f0cf80] bg-[#8e5738] text-[#fff0bd] shadow-[0_0_0_5px_rgba(224,173,98,.18)] transition hover:scale-125 hover:bg-[#b46d45]" data-name="平和县 · 漳州木版年画纹样研究成果" type="button"><iconify-icon icon="solar:document-text-linear" width="15"></iconify-icon><span class="pointer-events-none absolute left-8 top-1/2 w-max -translate-y-1/2 border border-[#c98654] bg-[#351817] px-2 py-1 text-[10px] text-[#ffe2a3] opacity-0 shadow-lg transition group-hover:opacity-100">研究成果 · 平和县</span></button><button aria-label="查看东山县文化传播成果" class="showcase-map-point group absolute left-[82%] top-[66%] grid h-7 w-7 place-items-center rounded-full border-2 border-[#f0b387] bg-[#99402f] text-[#fff0bd] shadow-[0_0_0_5px_rgba(223,110,78,.2)] transition hover:scale-125 hover:bg-[#c65a42]" data-name="东山县 · 闽南方言乡音传播计划" type="button"><iconify-icon icon="solar:volume-loud-linear" width="15"></iconify-icon><span class="pointer-events-none absolute right-8 top-1/2 w-max -translate-y-1/2 border border-[#c98654] bg-[#351817] px-2 py-1 text-[10px] text-[#ffe2a3] opacity-0 shadow-lg transition group-hover:opacity-100">文化传播 · 东山县</span></button><span class="absolute bottom-3 left-3 border border-[#8f563d] bg-[#351817]/90 px-2 py-1 text-[10px] text-[#d9b58b]">点击点位查看成果</span></div><div class="flex flex-col justify-between border border-[#704033] bg-[#351817]/75 p-3 text-xs"><div><p class="text-[11px] tracking-[.16em] text-[#d6a06f]">成果类型图例</p><div class="mt-3 space-y-3 text-[#dfc0a2]"><div class="flex items-center gap-2"><i class="h-3 w-3 rounded-full border-2 border-[#ffe0a3] bg-[#b94d3a]"></i><span>数字展览</span><b class="ml-auto text-[#f1d99d]">12</b></div><div class="flex items-center gap-2"><i class="h-3 w-3 rounded-full border-2 border-[#f5d276] bg-[#7d352c]"></i><span>非遗影像</span><b class="ml-auto text-[#f1d99d]">26</b></div><div class="flex items-center gap-2"><i class="h-3 w-3 rounded-full border-2 border-[#f0cf80] bg-[#8e5738]"></i><span>研究成果</span><b class="ml-auto text-[#f1d99d]">18</b></div><div class="flex items-center gap-2"><i class="h-3 w-3 rounded-full border-2 border-[#f0b387] bg-[#99402f]"></i><span>文化传播</span><b class="ml-auto text-[#f1d99d]">31</b></div></div></div><div class="border-t border-[#84503a]/70 pt-3"><p class="text-[#d4aa85]">已覆盖 <b class="text-[#f0cf80]">8</b> 个区县</p><p class="mt-1 leading-5 text-[11px] text-[#b99380]">红砖肌理叠加成果图谱,持续汇聚可查看的数字文化实践。</p></div></div></div></div><div class="flex items-center justify-between"><div class="flex items-center gap-2"><iconify-icon class="text-[#e3b85c]" icon="solar:stars-minimalistic-linear" width="19"></iconify-icon><h4 class="text-sm font-bold text-[#f1d99d]">精选推荐</h4></div><span class="text-[10px] text-[#c89d78]">数字展览 · 非遗影像 · 研究传播</span></div><div class="mt-3 grid grid-cols-2 gap-3"><button class="showcase-entry group overflow-hidden border border-[#704033] bg-[#351817] text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-name="闽南红砖古厝数字展" type="button"><span class="relative block h-24 overflow-hidden bg-[#65352a]"><img alt="Minnan red brick house digital exhibition" class="h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-105 group-hover:opacity-100" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/98cc1b75073a4a2cbc483fbe96d95823.jpg"/><span class="absolute inset-0 grid place-items-center bg-[#351817]/0 text-[#fff0bd] opacity-0 transition group-hover:bg-[#351817]/55 group-hover:opacity-100"><iconify-icon icon="solar:eye-linear" width="20"></iconify-icon></span></span><span class="block p-3"><span class="flex items-start justify-between gap-2"><b class="text-[#f3dba1]">闽南红砖古厝数字展</b><iconify-icon class="text-[#e3b85c]" icon="solar:buildings-2-linear" width="17"></iconify-icon></span><span class="mt-1 block text-[11px] text-[#d8b45e]">数字展览 · 古建筑保护</span><span class="mt-2 block text-xs leading-5 text-[#c6a18c]">以三维建模与修缮档案,呈现漳州红砖古厝的营造细节。</span></span></button><button class="showcase-entry group overflow-hidden border border-[#704033] bg-[#351817] text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-name="歌仔戏活态传承影像志" type="button"><span class="relative block h-24 overflow-hidden bg-[#71362e]"><img alt="Gezai opera heritage documentary still" class="h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-105 group-hover:opacity-100" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/b7f511564c194783b4f4d6d26b63445b.jpg"/><span class="absolute inset-0 grid place-items-center bg-[#351817]/0 text-[#fff0bd] opacity-0 transition group-hover:bg-[#351817]/55 group-hover:opacity-100"><iconify-icon icon="solar:eye-linear" width="20"></iconify-icon></span></span><span class="block p-3"><span class="flex items-start justify-between gap-2"><b class="text-[#f3dba1]">歌仔戏活态传承影像志</b><iconify-icon class="text-[#e3b85c]" icon="solar:video-frame-linear" width="17"></iconify-icon></span><span class="mt-1 block text-[11px] text-[#d8b45e]">非遗影像 · 舞台与传习</span><span class="mt-2 block text-xs leading-5 text-[#c6a18c]">记录唱腔、身段与后台传习现场,留存戏曲活态传承轨迹。</span></span></button><button class="showcase-entry group overflow-hidden border border-[#704033] bg-[#351817] text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-name="漳州木版年画纹样研究成果" type="button"><span class="relative block h-24 overflow-hidden bg-[#6b4f2c]"><img alt="Zhangzhou woodblock New Year print pattern research" class="h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-105 group-hover:opacity-100" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/151cc0e465b145e79608dbf38ae5b444.jpg"/><span class="absolute inset-0 grid place-items-center bg-[#351817]/0 text-[#fff0bd] opacity-0 transition group-hover:bg-[#351817]/55 group-hover:opacity-100"><iconify-icon icon="solar:eye-linear" width="20"></iconify-icon></span></span><span class="block p-3"><span class="flex items-start justify-between gap-2"><b class="text-[#f3dba1]">漳州木版年画纹样研究成果</b><iconify-icon class="text-[#e3b85c]" icon="solar:document-text-linear" width="17"></iconify-icon></span><span class="mt-1 block text-[11px] text-[#d8b45e]">研究成果 · 纹样数据库</span><span class="mt-2 block text-xs leading-5 text-[#c6a18c]">汇集传统版样、题材谱系与数字标注,支持设计转化与学术研究。</span></span></button><button class="showcase-entry group overflow-hidden border border-[#704033] bg-[#351817] text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-name="闽南方言乡音传播计划" type="button"><span class="relative block h-24 overflow-hidden bg-[#6d4d2b]"><img alt="Minnan dialect cultural communication program" class="h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-105 group-hover:opacity-100" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/2c33e89b740344f7a297e5cca6085a7a.jpg"/><span class="absolute inset-0 grid place-items-center bg-[#351817]/0 text-[#fff0bd] opacity-0 transition group-hover:bg-[#351817]/55 group-hover:opacity-100"><iconify-icon icon="solar:eye-linear" width="20"></iconify-icon></span></span><span class="block p-3"><span class="flex items-start justify-between gap-2"><b class="text-[#f3dba1]">闽南方言乡音传播计划</b><iconify-icon class="text-[#e3b85c]" icon="solar:volume-loud-linear" width="17"></iconify-icon></span><span class="mt-1 block text-[11px] text-[#d8b45e]">文化传播 · 有声资源</span><span class="mt-2 block text-xs leading-5 text-[#c6a18c]">通过短音频与双语图文,向青年群体传播漳州闽南方言文化。</span></span></button></div><p class="mt-3 hidden border-l-2 border-[#d0734e] bg-[#4a211d] px-3 py-2 text-xs text-[#f0d7a2]" id="showcase-feedback" role="status"></p></div><div class="mt-4 border-t border-[#84503a]/70 pt-3" id="heritage-list"><div class="flex items-center justify-between"><div class="flex items-center gap-2"><iconify-icon class="text-[#e3b85c]" icon="solar:list-check-linear" width="19"></iconify-icon><h4 class="text-sm font-bold text-[#f1d99d]">重点非遗项目</h4></div><span class="text-[10px] text-[#c89d78]">已建档 · <span id="filtered-count">6</span> 项</span></div><div class="mt-3 grid grid-cols-3 gap-2 border border-[#704033] bg-[#2b1514]/75 p-2 text-[11px]"><label class="text-[#c6a18c]">十大门类<select aria-label="按十大门类筛选" class="heritage-filter mt-1 w-full border border-[#82503b] bg-[#351817] px-2 py-1.5 text-[#f0d7a2] outline-none focus:border-[#d0734e]" data-filter="category"><option value="all">全部门类</option><option value="民间文学">民间文学</option><option value="传统音乐">传统音乐</option><option value="传统舞蹈">传统舞蹈</option><option value="传统戏剧">传统戏剧</option><option value="曲艺">曲艺</option><option value="传统体育、游艺与杂技">传统体育、游艺与杂技</option><option value="传统美术">传统美术</option><option value="传统技艺">传统技艺</option><option value="传统医药">传统医药</option><option value="民俗">民俗</option></select></label><label class="text-[#c6a18c]">级别<select aria-label="按级别筛选" class="heritage-filter mt-1 w-full border border-[#82503b] bg-[#351817] px-2 py-1.5 text-[#f0d7a2] outline-none focus:border-[#d0734e]" data-filter="level"><option value="all">全部级别</option><option value="国家级">国家级</option><option value="省级">省级</option><option value="市级">市级</option><option value="区县级">区县级</option><option value="未定级">未定级</option></select></label><label class="text-[#c6a18c]">区县<select aria-label="按区县筛选" class="heritage-filter mt-1 w-full border border-[#82503b] bg-[#351817] px-2 py-1.5 text-[#f0d7a2] outline-none focus:border-[#d0734e]" data-filter="district"><option value="all">全部区县</option><option value="芗城区">芗城区</option><option value="龙文区">龙文区</option><option value="龙海区">龙海区</option><option value="长泰区">长泰区</option><option value="漳浦县">漳浦县</option><option value="云霄县">云霄县</option><option value="诏安县">诏安县</option><option value="东山县">东山县</option><option value="平和县">平和县</option><option value="南靖县">南靖县</option><option value="华安县">华安县</option></select></label></div><div class="mt-3 grid grid-cols-2 gap-2 text-xs" id="heritage-entries"><button class="heritage-entry group flex gap-3 border border-[#704033] bg-[#351817] p-2.5 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-category="传统戏剧" data-district="芗城区|龙海区" data-level="国家级" data-name="歌仔戏"><span class="relative h-16 w-20 shrink-0 overflow-hidden border border-[#9b5a42] bg-[#64342b]"><img alt="Gezai opera performance in Minnan" class="h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-110 group-hover:opacity-100" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/fec813433056449f94fa9a0c6344ce11.jpg"/><span class="absolute inset-0 bg-gradient-to-t from-[#351817]/55 to-transparent"></span></span><span class="min-w-0"><span class="flex items-start justify-between gap-2"><span class="font-bold text-[#f3dba1]">歌仔戏</span><iconify-icon class="text-[#e3b85c]" icon="solar:theater-linear" width="17"></iconify-icon></span><span class="mt-2 block text-[#c6a18c]">传统戏剧 · 国家级</span><span class="mt-1 block text-[#ad8370]">芗城区、龙海区 · 活态传承</span></span></button><button class="heritage-entry group flex gap-3 border border-[#704033] bg-[#351817] p-2.5 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-category="传统戏剧" data-district="龙海区" data-level="国家级" data-name="布袋木偶戏"><span class="relative h-16 w-20 shrink-0 overflow-hidden border border-[#9b5a42] bg-[#64342b]"><img alt="Traditional glove puppet theater performance" class="h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-110 group-hover:opacity-100" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/0773ee241fb44a1a99c2e07f39566db4.jpg"/><span class="absolute inset-0 bg-gradient-to-t from-[#351817]/55 to-transparent"></span></span><span class="min-w-0"><span class="flex items-start justify-between gap-2"><span class="font-bold text-[#f3dba1]">布袋木偶戏</span><iconify-icon class="text-[#e3b85c]" icon="solar:mask-happly-linear" width="17"></iconify-icon></span><span class="mt-2 block text-[#c6a18c]">传统戏剧 · 国家级</span><span class="mt-1 block text-[#ad8370]">龙海区 · 常态展演</span></span></button><button class="heritage-entry group flex gap-3 border border-[#704033] bg-[#351817] p-2.5 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-category="传统美术" data-district="芗城区" data-level="国家级" data-name="漳州木版年画"><span class="relative h-16 w-20 shrink-0 overflow-hidden border border-[#9b5a42] bg-[#64342b]"><img alt="Zhangzhou traditional woodblock New Year print" class="h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-110 group-hover:opacity-100" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/a1eb77553860452b88762b67954a1bec.jpg"/><span class="absolute inset-0 bg-gradient-to-t from-[#351817]/55 to-transparent"></span></span><span class="min-w-0"><span class="flex items-start justify-between gap-2"><span class="font-bold text-[#f3dba1]">漳州木版年画</span><iconify-icon class="text-[#e3b85c]" icon="solar:pallete-2-linear" width="17"></iconify-icon></span><span class="mt-2 block text-[#c6a18c]">传统美术 · 国家级</span><span class="mt-1 block text-[#ad8370]">芗城区 · 数字采集完成</span></span></button><button class="heritage-entry group flex gap-3 border border-[#704033] bg-[#351817] p-2.5 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-category="传统技艺" data-district="芗城区" data-level="国家级" data-name="八宝印泥制作技艺"><span class="relative h-16 w-20 shrink-0 overflow-hidden border border-[#9b5a42] bg-[#64342b]"><img alt="Babao seal paste making craftsmanship" class="h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-110 group-hover:opacity-100" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/781e0f6f33674d8bbd86b466c2228bed.jpg"/><span class="absolute inset-0 bg-gradient-to-t from-[#351817]/55 to-transparent"></span></span><span class="min-w-0"><span class="flex items-start justify-between gap-2"><span class="font-bold text-[#f3dba1]">八宝印泥制作技艺</span><iconify-icon class="text-[#e3b85c]" icon="solar:pen-new-square-linear" width="17"></iconify-icon></span><span class="mt-2 block text-[#c6a18c]">传统技艺 · 国家级</span><span class="mt-1 block text-[#ad8370]">芗城区 · 传习有序</span></span></button><button class="heritage-entry group flex gap-3 border border-[#704033] bg-[#351817] p-2.5 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-category="传统美术" data-district="漳浦县" data-level="国家级" data-name="漳浦剪纸"><span class="relative h-16 w-20 shrink-0 overflow-hidden border border-[#9b5a42] bg-[#64342b]"><img alt="Zhangpu traditional paper cutting artwork" class="h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-110 group-hover:opacity-100" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/e3311bbccfe74e239b157af6eb9551c4.jpg"/><span class="absolute inset-0 bg-gradient-to-t from-[#351817]/55 to-transparent"></span></span><span class="min-w-0"><span class="flex items-start justify-between gap-2"><span class="font-bold text-[#f3dba1]">漳浦剪纸</span><iconify-icon class="text-[#e3b85c]" icon="solar:scissors-linear" width="17"></iconify-icon></span><span class="mt-2 block text-[#c6a18c]">传统美术 · 国家级</span><span class="mt-1 block text-[#ad8370]">漳浦县 · 传承人建档</span></span></button><button class="heritage-entry group flex gap-3 border border-[#704033] bg-[#351817] p-2.5 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-category="民间文学" data-district="东山县" data-level="省级" data-name="东山歌册"><span class="relative h-16 w-20 shrink-0 overflow-hidden border border-[#9b5a42] bg-[#64342b]"><img alt="Dongshan folk songbook cultural record" class="h-full w-full object-cover opacity-75 transition duration-300 group-hover:scale-110 group-hover:opacity-100" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/2a7798eae2754c6e87282c5677fc0aa8.jpg"/><span class="absolute inset-0 bg-gradient-to-t from-[#351817]/55 to-transparent"></span></span><span class="min-w-0"><span class="flex items-start justify-between gap-2"><span class="font-bold text-[#f3dba1]">东山歌册</span><iconify-icon class="text-[#e3b85c]" icon="solar:music-note-4-linear" width="17"></iconify-icon></span><span class="mt-2 block text-[#c6a18c]">民间文学 · 省级</span><span class="mt-1 block text-[#ad8370]">东山县 · 田野整理中</span></span></button></div><p class="mt-3 hidden border-l-2 border-[#d0734e] bg-[#4a211d] px-3 py-2 text-xs text-[#f0d7a2]" id="heritage-empty" role="status">未找到符合当前筛选条件的重点非遗项目。</p><p class="mt-3 hidden border-l-2 border-[#d0734e] bg-[#4a211d] px-3 py-2 text-xs text-[#f0d7a2]" id="heritage-feedback" role="status"></p></div><div class="mt-4 hidden border-t border-[#84503a]/70 pt-3" id="talent-list"><div class="flex items-center justify-between"><div class="flex items-center gap-2"><iconify-icon class="text-[#e3b85c]" icon="solar:user-id-linear" width="19"></iconify-icon><h4 class="text-sm font-bold text-[#f1d99d]">非遗传承人</h4></div><span class="text-[10px] text-[#c89d78]">人才档案 · <span id="talent-filtered-count">13</span> 位</span></div><div class="mt-3 grid grid-cols-2 gap-2 border border-[#704033] bg-[#2b1514]/75 p-2 text-[11px]"><label class="text-[#c6a18c]">级别<select aria-label="按传承人级别筛选" class="talent-filter mt-1 w-full border border-[#82503b] bg-[#351817] px-2 py-1.5 text-[#f0d7a2] outline-none focus:border-[#d0734e]" data-filter="level"><option value="all">全部级别</option><option value="国家级">国家级</option><option value="省级">省级</option><option value="市级">市级</option><option value="区县级">区县级</option><option value="未定级">未定级</option></select></label><label class="text-[#c6a18c]">区县<select aria-label="按传承人所在区县筛选" class="talent-filter mt-1 w-full border border-[#82503b] bg-[#351817] px-2 py-1.5 text-[#f0d7a2] outline-none focus:border-[#d0734e]" data-filter="district"><option value="all">全部区县</option><option value="芗城区">芗城区</option><option value="龙文区">龙文区</option><option value="龙海区">龙海区</option><option value="长泰区">长泰区</option><option value="漳浦县">漳浦县</option><option value="云霄县">云霄县</option><option value="诏安县">诏安县</option><option value="东山县">东山县</option><option value="平和县">平和县</option><option value="南靖县">南靖县</option><option value="华安县">华安县</option></select></label></div><div class="mt-3 grid grid-cols-2 gap-2 text-xs" id="talent-entries"><button class="talent-entry flex items-start gap-3 border border-[#704033] bg-[#351817] p-3 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-district="芗城区" data-level="国家级" data-name="陈锦章" data-project="歌仔戏"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-sm border border-[#b87749] bg-[#65352a] text-[#f2d488]"><iconify-icon icon="solar:microphone-3-linear" width="19"></iconify-icon></span><span class="min-w-0"><span class="flex items-center justify-between gap-2"><b class="text-[#f3dba1]">陈锦章</b><span class="border border-[#c98f54] px-1.5 py-0.5 text-[10px] text-[#f0cf80]">国家级</span></span><span class="mt-1 block text-[#c6a18c]">歌仔戏 · 芗城区</span><span class="mt-1 flex items-center gap-1 text-[#e38b61]"><i class="h-1.5 w-1.5 rounded-full bg-[#df6e4e]"></i>传习授课中</span></span></button><button class="talent-entry flex items-start gap-3 border border-[#704033] bg-[#351817] p-3 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-district="龙海区" data-level="国家级" data-name="杨亚东" data-project="布袋木偶戏"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-sm border border-[#b87749] bg-[#65352a] text-[#f2d488]"><iconify-icon icon="solar:mask-happly-linear" width="19"></iconify-icon></span><span class="min-w-0"><span class="flex items-center justify-between gap-2"><b class="text-[#f3dba1]">杨亚东</b><span class="border border-[#c98f54] px-1.5 py-0.5 text-[10px] text-[#f0cf80]">国家级</span></span><span class="mt-1 block text-[#c6a18c]">布袋木偶戏 · 龙海区</span><span class="mt-1 flex items-center gap-1 text-[#e38b61]"><i class="h-1.5 w-1.5 rounded-full bg-[#df6e4e]"></i>常态展演</span></span></button><button class="talent-entry flex items-start gap-3 border border-[#704033] bg-[#351817] p-3 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-district="芗城区" data-level="市级" data-name="黄素莲" data-project="漳州木版年画"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-sm border border-[#b87749] bg-[#65352a] text-[#f2d488]"><iconify-icon icon="solar:pallete-2-linear" width="19"></iconify-icon></span><span class="min-w-0"><span class="flex items-center justify-between gap-2"><b class="text-[#f3dba1]">黄素莲</b><span class="border border-[#b87749] px-1.5 py-0.5 text-[10px] text-[#f0cf80]">市级</span></span><span class="mt-1 block text-[#c6a18c]">漳州木版年画 · 芗城区</span><span class="mt-1 flex items-center gap-1 text-[#e38b61]"><i class="h-1.5 w-1.5 rounded-full bg-[#df6e4e]"></i>数字传习中</span></span></button><button class="talent-entry flex items-start gap-3 border border-[#704033] bg-[#351817] p-3 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-district="芗城区" data-level="未定级" data-name="蔡志斌" data-project="八宝印泥制作技艺"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-sm border border-[#b87749] bg-[#65352a] text-[#f2d488]"><iconify-icon icon="solar:pen-new-square-linear" width="19"></iconify-icon></span><span class="min-w-0"><span class="flex items-center justify-between gap-2"><b class="text-[#f3dba1]">蔡志斌</b><span class="border border-[#8c7050] px-1.5 py-0.5 text-[10px] text-[#dfbf88]">未定级</span></span><span class="mt-1 block text-[#c6a18c]">八宝印泥制作技艺 · 芗城区</span><span class="mt-1 flex items-center gap-1 text-[#e38b61]"><i class="h-1.5 w-1.5 rounded-full bg-[#df6e4e]"></i>在库传承</span></span></button><button class="talent-entry flex items-start gap-3 border border-[#704033] bg-[#351817] p-3 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-district="漳浦县" data-level="区县级" data-name="林燕玉" data-project="漳浦剪纸"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-sm border border-[#b87749] bg-[#65352a] text-[#f2d488]"><iconify-icon icon="solar:scissors-linear" width="19"></iconify-icon></span><span class="min-w-0"><span class="flex items-center justify-between gap-2"><b class="text-[#f3dba1]">林燕玉</b><span class="border border-[#b87749] px-1.5 py-0.5 text-[10px] text-[#f0cf80]">区县级</span></span><span class="mt-1 block text-[#c6a18c]">漳浦剪纸 · 漳浦县</span><span class="mt-1 flex items-center gap-1 text-[#e38b61]"><i class="h-1.5 w-1.5 rounded-full bg-[#df6e4e]"></i>带徒培养中</span></span></button><button class="talent-entry flex items-start gap-3 border border-[#704033] bg-[#351817] p-3 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-district="东山县" data-level="省级" data-name="吴志强" data-project="东山歌册"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-sm border border-[#b87749] bg-[#65352a] text-[#f2d488]"><iconify-icon icon="solar:music-note-4-linear" width="19"></iconify-icon></span><span class="min-w-0"><span class="flex items-center justify-between gap-2"><b class="text-[#f3dba1]">吴志强</b><span class="border border-[#8c7050] px-1.5 py-0.5 text-[10px] text-[#dfbf88]">省级</span></span><span class="mt-1 block text-[#c6a18c]">东山歌册 · 东山县</span><span class="mt-1 flex items-center gap-1 text-[#e3b85c]"><i class="h-1.5 w-1.5 rounded-full bg-[#d9b257]"></i>田野整理中</span></span></button><button class="talent-entry flex items-start gap-3 border border-[#704033] bg-[#351817] p-3 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-district="龙文区" data-level="市级" data-name="陈秀琴" data-project="龙文南音"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-sm border border-[#b87749] bg-[#65352a] text-[#f2d488]"><iconify-icon icon="solar:music-note-4-linear" width="19"></iconify-icon></span><span class="min-w-0"><span class="flex items-center justify-between gap-2"><b class="text-[#f3dba1]">陈秀琴</b><span class="border border-[#b87749] px-1.5 py-0.5 text-[10px] text-[#f0cf80]">市级</span></span><span class="mt-1 block text-[#c6a18c]">龙文南音 · 龙文区</span><span class="mt-1 flex items-center gap-1 text-[#e38b61]"><i class="h-1.5 w-1.5 rounded-full bg-[#df6e4e]"></i>传习授课中</span></span></button><button class="talent-entry flex items-start gap-3 border border-[#704033] bg-[#351817] p-3 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-district="长泰区" data-level="区县级" data-name="林志明" data-project="长泰拍胸舞"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-sm border border-[#b87749] bg-[#65352a] text-[#f2d488]"><iconify-icon icon="solar:running-2-linear" width="19"></iconify-icon></span><span class="min-w-0"><span class="flex items-center justify-between gap-2"><b class="text-[#f3dba1]">林志明</b><span class="border border-[#b87749] px-1.5 py-0.5 text-[10px] text-[#f0cf80]">区县级</span></span><span class="mt-1 block text-[#c6a18c]">长泰拍胸舞 · 长泰区</span><span class="mt-1 flex items-center gap-1 text-[#e38b61]"><i class="h-1.5 w-1.5 rounded-full bg-[#df6e4e]"></i>展演传承中</span></span></button><button class="talent-entry flex items-start gap-3 border border-[#704033] bg-[#351817] p-3 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-district="云霄县" data-level="省级" data-name="方淑华" data-project="云霄锦歌"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-sm border border-[#b87749] bg-[#65352a] text-[#f2d488]"><iconify-icon icon="solar:microphone-3-linear" width="19"></iconify-icon></span><span class="min-w-0"><span class="flex items-center justify-between gap-2"><b class="text-[#f3dba1]">方淑华</b><span class="border border-[#8c7050] px-1.5 py-0.5 text-[10px] text-[#dfbf88]">省级</span></span><span class="mt-1 block text-[#c6a18c]">云霄锦歌 · 云霄县</span><span class="mt-1 flex items-center gap-1 text-[#e3b85c]"><i class="h-1.5 w-1.5 rounded-full bg-[#d9b257]"></i>田野整理中</span></span></button><button class="talent-entry flex items-start gap-3 border border-[#704033] bg-[#351817] p-3 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-district="诏安县" data-level="市级" data-name="沈文海" data-project="诏安九鲤舞"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-sm border border-[#b87749] bg-[#65352a] text-[#f2d488]"><iconify-icon icon="solar:medal-ribbons-star-linear" width="19"></iconify-icon></span><span class="min-w-0"><span class="flex items-center justify-between gap-2"><b class="text-[#f3dba1]">沈文海</b><span class="border border-[#b87749] px-1.5 py-0.5 text-[10px] text-[#f0cf80]">市级</span></span><span class="mt-1 block text-[#c6a18c]">诏安九鲤舞 · 诏安县</span><span class="mt-1 flex items-center gap-1 text-[#e38b61]"><i class="h-1.5 w-1.5 rounded-full bg-[#df6e4e]"></i>常态展演</span></span></button><button class="talent-entry flex items-start gap-3 border border-[#704033] bg-[#351817] p-3 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-district="平和县" data-level="区县级" data-name="张春兰" data-project="平和青草药"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-sm border border-[#b87749] bg-[#65352a] text-[#f2d488]"><iconify-icon icon="solar:health-linear" width="19"></iconify-icon></span><span class="min-w-0"><span class="flex items-center justify-between gap-2"><b class="text-[#f3dba1]">张春兰</b><span class="border border-[#b87749] px-1.5 py-0.5 text-[10px] text-[#f0cf80]">区县级</span></span><span class="mt-1 block text-[#c6a18c]">平和青草药 · 平和县</span><span class="mt-1 flex items-center gap-1 text-[#e38b61]"><i class="h-1.5 w-1.5 rounded-full bg-[#df6e4e]"></i>诊疗传习中</span></span></button><button class="talent-entry flex items-start gap-3 border border-[#704033] bg-[#351817] p-3 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-district="南靖县" data-level="省级" data-name="何国华" data-project="南靖土楼营造习俗"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-sm border border-[#b87749] bg-[#65352a] text-[#f2d488]"><iconify-icon icon="solar:home-2-linear" width="19"></iconify-icon></span><span class="min-w-0"><span class="flex items-center justify-between gap-2"><b class="text-[#f3dba1]">何国华</b><span class="border border-[#8c7050] px-1.5 py-0.5 text-[10px] text-[#dfbf88]">省级</span></span><span class="mt-1 block text-[#c6a18c]">南靖土楼营造习俗 · 南靖县</span><span class="mt-1 flex items-center gap-1 text-[#e3b85c]"><i class="h-1.5 w-1.5 rounded-full bg-[#d9b257]"></i>社区传承中</span></span></button><button class="talent-entry flex items-start gap-3 border border-[#704033] bg-[#351817] p-3 text-left transition hover:-translate-y-0.5 hover:border-[#d0734e] hover:bg-[#4a211d]" data-district="华安县" data-level="市级" data-name="李金水" data-project="华安玉雕"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-sm border border-[#b87749] bg-[#65352a] text-[#f2d488]"><iconify-icon icon="solar:gem-linear" width="19"></iconify-icon></span><span class="min-w-0"><span class="flex items-center justify-between gap-2"><b class="text-[#f3dba1]">李金水</b><span class="border border-[#b87749] px-1.5 py-0.5 text-[10px] text-[#f0cf80]">市级</span></span><span class="mt-1 block text-[#c6a18c]">华安玉雕 · 华安县</span><span class="mt-1 flex items-center gap-1 text-[#e38b61]"><i class="h-1.5 w-1.5 rounded-full bg-[#df6e4e]"></i>工艺传习中</span></span></button></div><p class="mt-3 hidden border-l-2 border-[#d0734e] bg-[#4a211d] px-3 py-2 text-xs text-[#f0d7a2]" id="talent-empty" role="status">未找到符合当前级别与区县筛选条件的非遗传承人。</p><p class="mt-3 hidden border-l-2 border-[#d0734e] bg-[#4a211d] px-3 py-2 text-xs text-[#f0d7a2]" id="talent-feedback" role="status"></p></div></div></article></section></div>
  47. <section class="mt-4 border border-[#7f4034] bg-[#351817]/80 p-4">
  48. <div class="flex items-center justify-between border-b border-[#7f4034]/70 pb-3"><div class="flex items-center gap-2"><iconify-icon class="text-[#df925f]" icon="solar:gallery-wide-linear" width="20"></iconify-icon><h2 class="font-bold text-[#f5df9e]">文化影像</h2></div><span class="text-[10px] text-[#d8b45e]">精选档案影像</span></div>
  49. <div class="mt-3 grid grid-cols-4 gap-3 text-xs"><button aria-label="查看古城骑楼档案缩略图" class="group overflow-hidden border border-[#704033] bg-[#2b1514] text-left transition hover:border-[#d9b257] hover:-translate-y-0.5" title="查看古城骑楼档案" type="button"><span class="relative block h-28 overflow-hidden bg-[#6d4d2b]"><img alt="Zhangzhou ancient city red brick arcade archive" class="h-full w-full object-cover opacity-70 transition duration-300 group-hover:scale-105 group-hover:opacity-90" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/fe29e1eeb24946e099ee2869b27ace67.jpg"/><span class="absolute inset-0 grid place-items-center bg-[#351817]/0 text-[#fff0bd] opacity-0 transition group-hover:bg-[#351817]/55 group-hover:opacity-100"><iconify-icon icon="solar:eye-linear" width="19"></iconify-icon></span></span><span class="block p-2 font-bold text-[#ecd9a5]">古城骑楼建档</span></button><button aria-label="查看非遗传习影像缩略图" class="group overflow-hidden border border-[#704033] bg-[#2b1514] text-left transition hover:border-[#d9b257] hover:-translate-y-0.5" title="查看非遗传习影像" type="button"><span class="relative block h-28 overflow-hidden bg-[#65352a]"><img alt="Traditional heritage teaching session in Minnan" class="h-full w-full object-cover opacity-70 transition duration-300 group-hover:scale-105 group-hover:opacity-90" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/ae61812f573a4adf9ffe1c51e614b0fd.jpg"/><span class="absolute inset-0 grid place-items-center bg-[#351817]/0 text-[#fff0bd] opacity-0 transition group-hover:bg-[#351817]/55 group-hover:opacity-100"><iconify-icon icon="solar:eye-linear" width="19"></iconify-icon></span></span><span class="block p-2 font-bold text-[#ecd9a5]">非遗传习现场</span></button><button aria-label="查看传统村落档案缩略图" class="group overflow-hidden border border-[#704033] bg-[#2b1514] text-left transition hover:border-[#d9b257] hover:-translate-y-0.5" title="查看传统村落档案" type="button"><span class="relative block h-28 overflow-hidden bg-[#6b4f2c]"><img alt="Traditional village courtyard in southern Fujian" class="h-full w-full object-cover opacity-70 transition duration-300 group-hover:scale-105 group-hover:opacity-90" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/0bf834ffb6714fd5bfb27687b58d5bba.jpg"/><span class="absolute inset-0 grid place-items-center bg-[#351817]/0 text-[#fff0bd] opacity-0 transition group-hover:bg-[#351817]/55 group-hover:opacity-100"><iconify-icon icon="solar:eye-linear" width="19"></iconify-icon></span></span><span class="block p-2 font-bold text-[#ecd9a5]">传统村落巡礼</span></button><button aria-label="查看闽南文化档案缩略图" class="group overflow-hidden border border-[#704033] bg-[#2b1514] text-left transition hover:border-[#d9b257] hover:-translate-y-0.5" title="查看闽南文化档案" type="button"><span class="relative block h-28 overflow-hidden bg-[#71362e]"><img alt="Minnan cultural archive documents and folk records" class="h-full w-full object-cover opacity-70 transition duration-300 group-hover:scale-105 group-hover:opacity-90" src="https://modao.cc/agent-py/media/generated_images/2026-08-12/5d95cbc5efaf4894b43b307224ec9f11.jpg"/><span class="absolute inset-0 grid place-items-center bg-[#351817]/0 text-[#fff0bd] opacity-0 transition group-hover:bg-[#351817]/55 group-hover:opacity-100"><iconify-icon icon="solar:eye-linear" width="19"></iconify-icon></span></span><span class="block p-2 font-bold text-[#ecd9a5]">民俗档案辑录</span></button></div>
  50. </section>
  51. <footer class="mt-4 flex h-7 shrink-0 items-center justify-between border-t border-[#7f4034]/60 text-[10px] text-[#bb8e79]"><span>漳州市文化和旅游局 · 文化遗产保护中心</span><span>数据来源:市级文化资源数据库 · 实时汇聚</span><span id="clock">2026-08-19 14:48:52</span></footer>
  52. </main>
  53. <script>
  54. const modules={
  55. heritage:{title:'非遗项目资源',desc:'系统梳理各级各类非遗项目的基础档案、数字档案与存续状态。',icon:'solar:medal-ribbons-star-linear',items:['各级各类非遗项目档案','数字档案资源档案','项目存续状态分布']},
  56. talent:{title:'传承人才队伍',desc:'建立覆盖各层级传承人的人才档案、传承团体与保护机构信息。',icon:'solar:user-id-linear',items:['各级传承人档案','传承团体/群体数量','非遗保护单位/传习中心']},
  57. space:{title:'文化空间保护',desc:'完整记录文物古迹、传统村落与文化生态空间的保护信息。',icon:'solar:buildings-2-linear',items:['文物古迹 · 文物名单','文物古迹 · 其他各类文化遗产名单','文物古迹 · 自然生态环境','文物古迹 · 城乡风貌','传统村落名录','非遗特色村镇、社区','“非遗在社区”活动清单','非遗工坊','老字号']},
  58. archive:{title:'闽南文化档案',desc:'沉淀民俗、方言、老字号与历史人文资料,留存闽南文化记忆。',icon:'solar:folder-with-files-linear',items:['民俗、方言、老字号资源资料','历史人文资料']},
  59. research:{title:'理论研究',desc:'汇集文化生态保护相关研究力量与阶段性学术成果。',icon:'solar:book-bookmark-linear',items:['研究机构','专家学者','研究成果']},
  60. policy:{title:'政策法规',desc:'提供文化资源保护与传承工作的政策法规入口。',icon:'solar:document-text-linear',items:['政策法规入口']}
  61. };
  62. const tabs=document.querySelectorAll('.resource-tab');
  63. function showModule(key){const m=modules[key];document.getElementById('panel-title').textContent=m.title;document.getElementById('panel-desc').textContent=m.desc;document.querySelector('#panel-icon iconify-icon').setAttribute('icon',m.icon);document.getElementById('panel-items').innerHTML=m.items.map((item,i)=>'<div class="flex items-center gap-2 border-l-2 border-[#bd654a] bg-[#351817] px-3 py-2.5 text-xs text-[#e2c6a9]"><span class="text-[#e3b85c]">0'+(i+1)+'</span><span>'+item+'</span></div>').join('');document.getElementById('heritage-list').classList.toggle('hidden',key!=='heritage');document.getElementById('talent-list').classList.toggle('hidden',key!=='talent');document.getElementById('space-recommendations').classList.toggle('hidden',key!=='space');document.getElementById('archive-recommendations').classList.toggle('hidden',key!=='archive');document.getElementById('showcase-recommendations').classList.toggle('hidden',key!=='showcase');tabs.forEach(tab=>{const active=tab.dataset.target===key;tab.className='resource-tab rounded-sm border px-2 py-2.5 text-center text-xs '+(active?'border-[#d0734e] bg-[#7d352c] text-[#ffe2a3]':'border-[#6e4536] bg-[#2b1514] text-[#d7b59c]');});}
  64. document.querySelectorAll('.heritage-entry').forEach(entry=>{if(!entry.querySelector('img'))entry.remove();});
  65. function filterHeritage(){const filters={category:'all',level:'all',district:'all'};document.querySelectorAll('.heritage-filter').forEach(filter=>{filters[filter.dataset.filter]=filter.value;});let count=0;document.querySelectorAll('.heritage-entry').forEach(entry=>{const matchesCategory=filters.category==='all'||entry.dataset.category===filters.category;const matchesLevel=filters.level==='all'||entry.dataset.level===filters.level;const matchesDistrict=filters.district==='all'||entry.dataset.district.split('|').includes(filters.district);const visible=matchesCategory&&matchesLevel&&matchesDistrict;entry.classList.toggle('hidden',!visible);if(visible)count+=1;});document.getElementById('filtered-count').textContent=count;document.getElementById('heritage-empty').classList.toggle('hidden',count!==0);document.getElementById('heritage-feedback').classList.add('hidden');}
  66. function filterTalent(){const filters={level:'all',district:'all'};document.querySelectorAll('.talent-filter').forEach(filter=>{filters[filter.dataset.filter]=filter.value;});let count=0;document.querySelectorAll('.talent-entry').forEach(entry=>{const matchesLevel=filters.level==='all'||entry.dataset.level===filters.level;const matchesDistrict=filters.district==='all'||entry.dataset.district===filters.district;const visible=matchesLevel&&matchesDistrict;entry.classList.toggle('hidden',!visible);if(visible)count+=1;});document.getElementById('talent-filtered-count').textContent=count;document.getElementById('talent-empty').classList.toggle('hidden',count!==0);document.getElementById('talent-feedback').classList.add('hidden');}
  67. tabs.forEach(tab=>tab.addEventListener('click',()=>showModule(tab.dataset.target)));document.querySelectorAll('.heritage-filter').forEach(filter=>filter.addEventListener('change',filterHeritage));document.querySelectorAll('.heritage-entry').forEach(entry=>entry.addEventListener('click',()=>{const feedback=document.getElementById('heritage-feedback');feedback.textContent='已定位「'+entry.dataset.name+'」项目档案,可在数据目录中继续查阅详情。';feedback.classList.remove('hidden');}));document.querySelectorAll('.talent-filter').forEach(filter=>filter.addEventListener('change',filterTalent));document.querySelectorAll('.talent-entry').forEach(entry=>entry.addEventListener('click',()=>{const feedback=document.getElementById('talent-feedback');feedback.textContent='已定位'+entry.dataset.name+'的'+entry.dataset.project+'传承档案,可继续查阅传习动态。';feedback.classList.remove('hidden');}));document.querySelectorAll('.archive-entry').forEach(entry=>entry.addEventListener('click',()=>{const feedback=document.getElementById('archive-feedback');feedback.textContent='已打开「'+entry.dataset.name+'」推荐档案,可继续查看图文与音像资料。';feedback.classList.remove('hidden');}));document.querySelectorAll('.showcase-entry').forEach(entry=>entry.addEventListener('click',()=>{const feedback=document.getElementById('showcase-feedback');feedback.textContent='已打开「'+entry.dataset.name+'」成果展示,可继续查看完整内容。';feedback.classList.remove('hidden');}));document.querySelectorAll('.showcase-map-point').forEach(point=>point.addEventListener('click',()=>{const feedback=document.getElementById('showcase-feedback');feedback.textContent='已定位「'+point.dataset.name+'」成果点位,可继续查看相关数字内容。';feedback.classList.remove('hidden');}));filterHeritage();filterTalent();showModule('heritage');
  68. function updateClock(){const d=new Date();document.getElementById('clock').textContent=d.getFullYear()+'-'+String(d.getMonth()+1).padStart(2,'0')+'-'+String(d.getDate()).padStart(2,'0')+' '+String(d.getHours()).padStart(2,'0')+':'+String(d.getMinutes()).padStart(2,'0')+':'+String(d.getSeconds()).padStart(2,'0');}updateClock();setInterval(updateClock,1000);
  69. </script>
  70. </body></html>