姘戜織绁堢 - 鐏爲閾惰姳鏁板瓧涓撻棣?/title> <link rel="stylesheet" href="../css/global.css"> <script src="https://cdn.tailwindcss.com"></script> </head> <body> <div id="particles-container"></div> <header class="fixed top-0 left-0 right-0 z-50 bg-black/90 backdrop-blur-sm border-b border-gold/20"> <nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex items-center justify-between h-16 md:h-20"> <div class="flex items-center space-x-2"> <div class="w-10 h-10 border border-gold flex items-center justify-center"> <span class="text-gold text-xl font-serif">鐏?/span> </div> <span class="text-white font-serif text-lg md:text-xl">鐏爲閾惰姳路鎵撻搧鑺遍潪閬楅</span> </div> <div class="hidden md:flex items-center space-x-8"> <a href="../index.html" class="nav-link font-medium">棣栭〉</a> <a href="trace.html" class="nav-link font-medium">闈為仐婧簮</a> <a href="craft.html" class="nav-link font-medium">鍖犲績宸ヨ壓</a> <a href="culture.html" class="nav-link font-medium text-gold">鏂囧寲鎰忚暣</a> <a href="regional.html" class="nav-link font-medium">鍦板煙娴佹淳</a> <a href="innovation.html" class="nav-link font-medium">闈為仐鏂扮敓</a> </div> <button class="md:hidden text-white" id="menu-toggle"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> </nav> <div class="md:hidden hidden bg-black/95 border-t border-gold/20" id="mobile-menu"> <div class="px-4 py-4 space-y-3"> <a href="../index.html" class="block nav-link py-2">棣栭〉</a> <a href="trace.html" class="block nav-link py-2">闈為仐婧簮</a> <a href="craft.html" class="block nav-link py-2">鍖犲績宸ヨ壓</a> <a href="culture.html" class="block nav-link py-2 text-gold">鏂囧寲鎰忚暣</a> <a href="regional.html" class="block nav-link py-2">鍦板煙娴佹淳</a> <a href="innovation.html" class="block nav-link py-2">闈為仐鏂扮敓</a> </div> </div> </header> <main class="pt-20 md:pt-24 pb-20"> <div class="max-w-4xl mx-auto px-4 md:px-8"> <div class="mb-8"> <a href="culture.html" class="text-gold hover:underline text-sm">杩斿洖鏂囧寲鎰忚暣</a> </div> <article class="prose prose-invert max-w-none"> <h1 class="text-3xl md:text-4xl font-serif font-bold text-gold mb-6">姘戜織绁堢路鐧惧缇庡ソ鏈熻</h1> <div class="w-16 h-px bg-gold mb-8"></div> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <div class="md:col-span-2 space-y-8"> <section> <h2 class="text-2xl font-serif text-warm-orange mb-4">鏍稿績鍚夌ゥ瀵撴剰</h2> <p class="text-white/80 leading-relaxed"> 姘戦棿淇楄"鎵撹姳鎵撹姳锛岃秺鎵撹秺鍙?锛屽埄鐢?鑺?涓?鍙?璋愰煶锛屽瘬鎰忚储杩愬叴鏃恒€佸涓氬彂杈俱€? </p> </section> <section> <h2 class="text-2xl font-serif text-warm-orange mb-4">鑺傚簡璞″緛</h2> <p class="text-white/80 leading-relaxed"> 鍏冨銆佹槬鑺傝〃婕旀墦閾佽姳锛屽瘬鎰忕剼鐑ф櫐姘斻€侀┍璧扮伨鐥咃紝绁堟眰鏉ュ勾浜旇胺涓扮櫥銆侀槚瀹跺钩瀹夈€佸浗娉版皯瀹夈€? </p> <div class="mt-4 aspect-video bg-black/30 border border-gold/20 flex items-center justify-center"> <span class="text-white/40">鑺傚簡鎵撻搧鑺辫〃婕斿疄鎷嶅浘</span> </div> </section> <section> <h2 class="text-2xl font-serif text-warm-orange mb-4">浼犵粺浠紡鍐呮兜</h2> <p class="text-white/80 leading-relaxed"> 寤剁画鍙や唬绁鐐夌鐨勫唴鏍革紝浠ｈ〃鍔冲姩鑰呭鐢熶骇宸ュ叿銆佽嚜鐒剁倝鐏殑鏁晱锛屾槸鍐滆€曟墜宸ヤ笟鏃朵唬鐙湁鐨勬皯淇椾华寮忋€? </p> </section> </div> <div class="space-y-6"> <div class="bg-black/50 border border-gold/20 p-6"> <h3 class="text-gold font-serif text-lg mb-4">鐭ヨ瘑鍗＄墖</h3> <div class="space-y-3 text-sm"> <p class="text-white/60"><span class="text-gold">鍚夌ゥ淇楄锛?/span>鎵撹姳鎵撹姳锛岃秺鎵撹秺鍙?/p> <p class="text-white/60"><span class="text-gold">涓昏鍦哄悎锛?/span>鍏冨銆佹槬鑺?/p> <p class="text-white/60"><span class="text-gold">鏍稿績瀵撴剰锛?/span>绁堢绾崇ゥ</p> </div> </div> <div class="bg-black/50 border border-gold/20 p-6"> <h3 class="text-gold font-serif text-lg mb-4">鐩稿叧閾炬帴</h3> <ul class="space-y-2"> <li><a href="culture-aesthetics.html" class="text-white/60 hover:text-gold transition-colors">涓滄柟缇庡</a></li> <li><a href="culture-spirit.html" class="text-white/60 hover:text-gold transition-colors">鍖犱汉绮剧</a></li> </ul> </div> </div> </div> </article> <div class="flex justify-between items-center mt-12 pt-8 border-t border-gold/20"> <button class="px-4 py-2 border border-gold/30 text-gold/60 cursor-not-allowed opacity-50" disabled>涓婁竴椤?/button> <a href="culture.html" class="px-6 py-2 border border-gold text-gold hover:bg-gold hover:text-black transition-colors">杩斿洖浜岀骇椤?/a> <a href="culture-aesthetics.html" class="px-6 py-2 bg-gold text-black hover:bg-opacity-90 transition-colors">涓嬩竴椤?/a> </div> </div> </main> <footer class="bg-black border-t border-gold/20 py-12 px-4 md:px-8"> <div class="max-w-7xl mx-auto"> <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8"> <div> <div class="flex items-center space-x-2 mb-4"> <div class="w-8 h-8 border border-gold flex items-center justify-center"> <span class="text-gold text-sm font-serif">鐏?/span> </div> <span class="text-white font-serif text-lg">鐏爲閾惰姳</span> </div> <p class="text-white/60 text-sm">鏈綉椤典负闈為仐鏂囧寲涓婚绔炶禌浣滃搧锛岃祫鏂欐潵婧愪簬鍥藉绾ч潪閬椾繚鎶や腑蹇冨叕寮€妗ｆ</p> </div> <div> <h4 class="text-gold font-medium mb-4">蹇€熼摼鎺?/h4> <ul class="space-y-2 text-sm"> <li><a href="../index.html" class="text-white/60 hover:text-gold transition-colors">棣栭〉</a></li> <li><a href="trace.html" class="text-white/60 hover:text-gold transition-colors">闈為仐婧簮</a></li> <li><a href="craft.html" class="text-white/60 hover:text-gold transition-colors">鍖犲績宸ヨ壓</a></li> <li><a href="culture.html" class="text-white/60 hover:text-gold transition-colors">鏂囧寲鎰忚暣</a></li> </ul> </div> <div> <h4 class="text-gold font-medium mb-4">杈呭姪閾炬帴</h4> <ul class="space-y-2 text-sm"> <li><a href="#" class="text-white/60 hover:text-gold transition-colors">璧涗簨绠€浠?/a></li> <li><a href="#" class="text-white/60 hover:text-gold transition-colors">淇℃伅鏉ユ簮</a></li> <li><a href="#" class="text-white/60 hover:text-gold transition-colors">鑱旂郴鎴戜滑</a></li> </ul> </div> </div> <div class="border-t border-gold/10 pt-8 text-center"> <p class="text-white/40 text-sm">漏2026 鎵撻搧鑺遍潪閬楁暟瀛椾笓棰橀 鐗堟潈鎵€鏈?/p> </div> </div> </footer> <script src="../js/particles.js"></script> <script>document.getElementById('menu-toggle').addEventListener('click',function(){document.getElementById('mobile-menu').classList.toggle('hidden');});</script> </body> </html>