| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- <!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>
- <style>
- :root { --brick:#b64d3c; --gold:#e5bd72; --sand:#f5e5bd; }
- body { background:#2d1a1b !important; color:var(--sand); }
- 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; }
- 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); }
- nav a { border-radius:4px; border:1px solid transparent; }
- 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); }
- 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); }
- article > div, section > div { border-color:rgba(207,139,101,.4) !important; }
- button { border-color:rgba(207,139,101,.62) !important; }
- button:hover { border-color:var(--gold) !important; box-shadow:0 0 14px rgba(229,189,114,.16); }
- </style>
- </head>
- <body class="m-0 min-w-[1180px] overflow-x-hidden bg-[#24100f] font-serif text-[#f7edcd] is-mb-ai-setting">
- <main class="relative min-h-screen 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;">
- <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>
- <div class="relative z-10 flex min-h-screen flex-col px-5 pb-4">
- <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">
- <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>
- <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>
- <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="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></div>
- <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-[#d3ae65] px-3 py-3 text-[#f0d9a0]" href="protection-overview.html">保护区概况</a><a class="border-b border-transparent px-3 py-3 transition hover:border-[#d3ae65] hover: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>
- <section class="mt-5 flex items-end justify-between border-b border-[#7f4034]/70 pb-4">
- <div><h1 class="mt-2 text-[30px] font-bold tracking-[.16em] text-[#fff0bd]">保护区概况</h1></div>
- <div class="flex gap-2 pb-1 text-xs"></div>
- </section>
- <section class="mt-5 grid grid-cols-2 gap-4">
- <article class="group overflow-hidden border border-[#7f4034] bg-[#351817]/85 shadow-[inset_0_0_28px_rgba(194,77,54,.12)] transition hover:border-[#c98755]">
- <div class="relative h-44 overflow-hidden border-b border-[#7f4034] bg-[#51271f]">
- <img alt="Zhangzhou cultural ecology reserve traditional architecture" class="h-full w-full object-cover opacity-80" src="https://modao.cc/agent-py/media/generated_images/2026-08-19/79eb1694bf424b6e83c9f9a0169944d5.jpg"/><div class="absolute left-4 top-4 border border-[#f0c77b]/70 bg-[#3b1b18]/80 px-3 py-1 text-xs text-[#ffe7aa]">漳州保护区</div><span class="absolute bottom-3 right-4 text-xs tracking-[.2em] text-[#ffe1a0]">整体保护</span>
- </div>
- <div class="p-5"><div class="flex items-start gap-3"><span class="mt-1 h-8 w-1 shrink-0 bg-[#c6533d]"></span><div><h2 class="mt-1 text-xl font-bold text-[#f5df9e]">闽南文化(漳州)生态保护区基本情况</h2></div></div><p class="mt-4 text-sm leading-7 text-[#c8a289]">立足漳州深厚文脉,统筹传统建筑、非遗项目、民俗活动与文化空间的保护传承,推动文化遗产融入城乡生活。</p><div class="mt-4 flex gap-2 text-xs"><span class="border border-[#92503e] bg-[#4a211d] px-3 py-1.5 text-[#edbd78]">资源整体保护</span><span class="border border-[#79503c] px-3 py-1.5 text-[#d8b49b]">活态传承发展</span></div></div>
- </article>
- <article class="group overflow-hidden border border-[#7f4034] bg-[#351817]/85 shadow-[inset_0_0_28px_rgba(194,77,54,.12)] transition hover:border-[#c98755]">
- <div class="relative h-44 overflow-hidden border-b border-[#7f4034] bg-[#45231e]">
- <img alt="Minnan culture protection center public service" class="h-full w-full object-cover opacity-80" src="https://modao.cc/agent-py/media/generated_images/2026-08-19/4d747a42c8fd4dbea8d99d2687970849.jpg"/><div class="absolute left-4 top-4 border border-[#f0c77b]/70 bg-[#3b1b18]/80 px-3 py-1 text-xs text-[#ffe7aa]">保护中心</div><span class="absolute bottom-3 right-4 text-xs tracking-[.2em] text-[#ffe1a0]">服务传承</span>
- </div>
- <div class="p-5"><div class="flex items-start gap-3"><span class="mt-1 h-8 w-1 shrink-0 bg-[#d9a553]"></span><div><h2 class="mt-1 text-xl font-bold text-[#f5df9e]">漳州市闽南文化保护中心</h2></div></div><p class="mt-4 text-sm leading-7 text-[#c8a289]">围绕闽南文化资源保护、传承传播与公共服务,协同推进资料整理、展示交流和社会参与,为文化生态保护提供持续支撑。</p><div class="mt-4 flex gap-2 text-xs"><span class="border border-[#92503e] bg-[#4a211d] px-3 py-1.5 text-[#edbd78]">保护服务支撑</span><span class="border border-[#79503c] px-3 py-1.5 text-[#d8b49b]">文化传播交流</span></div></div>
- </article>
- <article class="group overflow-hidden border border-[#7f4034] bg-[#351817]/85 shadow-[inset_0_0_28px_rgba(194,77,54,.12)] transition hover:border-[#c98755]">
- <div class="relative h-44 overflow-hidden border-b border-[#7f4034] bg-[#3d1b1b]">
- <img alt="Minnan cultural ecology traditional performance" class="h-full w-full object-cover opacity-80" src="https://modao.cc/agent-py/media/generated_images/2026-08-19/3cefb0d3c04d479f968fd7e70d99b68b.jpg"/><div class="absolute left-4 top-4 border border-[#f0c77b]/70 bg-[#3b1b18]/80 px-3 py-1 text-xs text-[#ffe7aa]">闽南文化</div><span class="absolute bottom-3 right-4 text-xs tracking-[.2em] text-[#ffe1a0]">活态传承</span>
- </div>
- <div class="p-5"><div class="flex items-start gap-3"><span class="mt-1 h-8 w-1 shrink-0 bg-[#c6533d]"></span><div><h2 class="mt-1 text-xl font-bold text-[#f5df9e]">闽南文化生态保护区基本情况</h2></div></div><p class="mt-4 text-sm leading-7 text-[#c8a289]">关注闽南方言、音乐戏曲、传统技艺、民间信俗与聚落风貌之间的关联,以区域协同和公众参与维护文化生态的完整性。</p><div class="mt-4 flex gap-2 text-xs"><span class="border border-[#92503e] bg-[#4a211d] px-3 py-1.5 text-[#edbd78]">区域协同守护</span><span class="border border-[#79503c] px-3 py-1.5 text-[#d8b49b]">文化生态延续</span></div></div>
- </article>
- <article class="group overflow-hidden border border-[#7f4034] bg-[#351817]/85 shadow-[inset_0_0_28px_rgba(194,77,54,.12)] transition hover:border-[#c98755]">
- <div class="relative h-44 overflow-hidden border-b border-[#7f4034] bg-[#4b271c]">
- <img alt="National cultural ecology protection landscape" class="h-full w-full object-cover opacity-80" src="https://modao.cc/agent-py/media/generated_images/2026-08-19/7c8f3a21c1a8423cae818dba0fd67fae.jpg"/><div class="absolute left-4 top-4 border border-[#f0c77b]/70 bg-[#3b1b18]/80 px-3 py-1 text-xs text-[#ffe7aa]">全国视野</div><span class="absolute bottom-3 right-4 text-xs tracking-[.2em] text-[#ffe1a0]">全国联动</span>
- </div>
- <div class="p-5"><div class="flex items-start gap-3"><span class="mt-1 h-8 w-1 shrink-0 bg-[#d9a553]"></span><div><h2 class="mt-1 text-xl font-bold text-[#f5df9e]">全国文化生态保护区基本情况</h2></div></div><p class="mt-4 text-sm leading-7 text-[#c8a289]">以鲜明特色、丰富内涵和重要价值的文化形态为核心,探索整体性保护、系统性传承与可持续发展的实践路径。</p><div class="mt-4 flex gap-2 text-xs"><span class="border border-[#92503e] bg-[#4a211d] px-3 py-1.5 text-[#edbd78]">整体性保护</span><span class="border border-[#79503c] px-3 py-1.5 text-[#d8b49b]">可持续发展</span></div></div>
- </article>
- </section>
- <footer class="mt-5 flex h-7 shrink-0 items-center justify-between border-t border-[#7f4034]/60 text-[10px] text-[#bb8e79]"><span>漳州市文化和旅游局 · 文化遗产保护中心</span><span>保护概况 · 数字驾驶舱</span><span>更新于 2026-08-19</span></footer>
- </div>
- </main>
- </body></html>
|