<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="generator" content="Astro v7.0.7"><meta name="description" content="系统学习中国传统术数文化 · 命理 · 占卜 · 风水 · 相术 · 易经"><title>玄学圈 · 系统学习中国传统术数文化 · 命理 · 占卜 · 风水 · 相术 · 易经</title><!-- Google Fonts --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Noto+Serif+SC:wght@400;600;700&display=swap" rel="stylesheet"><!-- 防止主题闪烁：在渲染前应用主题 --><script>
      (function() {
        const theme = localStorage.getItem('theme');
        if (theme === 'light') {
          document.documentElement.classList.add('light');
        }
      })();
    </script><link rel="stylesheet" href="/_astro/BaseLayout.CMf_HQRy.css"></head><body class="flex min-h-screen flex-col"><header class="sticky top-0 z-50 border-b border-border bg-ink/80 backdrop-blur-md"><div class="mx-auto flex h-16 max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8"><!-- Logo --><a href="/" class="flex items-center gap-2.5"><span class="text-2xl">☯</span><span class="font-serif text-xl font-bold text-moon">玄学圈</span></a><!-- Desktop Nav --><nav class="hidden items-center gap-8 md:flex"><a href="/learn" class="text-sm transition-colors text-moon-dim hover:text-gold">学习中心</a><a href="/encyclopedia" class="text-sm transition-colors text-moon-dim hover:text-gold">百科</a><a href="/tools" class="text-sm transition-colors text-moon-dim hover:text-gold">工具</a><a href="/daily" class="text-sm transition-colors text-moon-dim hover:text-gold">每日运势</a></nav><!-- Right side: Theme toggle + Mobile menu --><div class="flex items-center gap-2"><!-- Theme Toggle --><button id="theme-toggle" class="theme-toggle" aria-label="切换主题"><svg class="icon-moon h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path></svg><svg class="icon-sun h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path></svg></button><!-- Mobile Menu Button --><button id="mobile-menu-btn" class="flex h-9 w-9 items-center justify-center rounded-lg text-moon-dim hover:text-gold md:hidden" aria-label="菜单"><svg class="h-5 w-5" 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></div><!-- Mobile Nav --><nav id="mobile-menu" class="hidden border-t border-border bg-ink-light md:hidden"><div class="space-y-1 px-4 py-3"><a href="/learn" class="block rounded-lg px-3 py-2 text-sm text-moon-dim hover:bg-paper hover:text-gold">学习中心</a><a href="/encyclopedia" class="block rounded-lg px-3 py-2 text-sm text-moon-dim hover:bg-paper hover:text-gold">百科</a><a href="/tools" class="block rounded-lg px-3 py-2 text-sm text-moon-dim hover:bg-paper hover:text-gold">工具</a><a href="/daily" class="block rounded-lg px-3 py-2 text-sm text-moon-dim hover:bg-paper hover:text-gold">每日运势</a></div></nav></header><script type="module">var e=document.getElementById(`mobile-menu-btn`),t=document.getElementById(`mobile-menu`);e?.addEventListener(`click`,()=>{t?.classList.toggle(`hidden`)}),document.getElementById(`theme-toggle`)?.addEventListener(`click`,()=>{let e=document.documentElement;e.classList.add(`theme-transition`),e.classList.contains(`light`)?(e.classList.remove(`light`),localStorage.setItem(`theme`,`dark`)):(e.classList.add(`light`),localStorage.setItem(`theme`,`light`)),setTimeout(()=>e.classList.remove(`theme-transition`),300)});</script><main class="flex-1"><section class="relative overflow-hidden bg-grid"><div class="absolute inset-0 trigram-pattern"></div><div class="relative mx-auto max-w-7xl px-4 py-20 sm:px-6 sm:py-28 lg:px-8 lg:py-32"><div class="mx-auto max-w-3xl text-center"><div class="mb-6 inline-flex items-center gap-2 rounded-full border border-border bg-paper/50 px-4 py-1.5"><span class="text-gold">☯</span><span class="text-xs text-mist">系统学习 · 免费开放</span></div><h1 class="font-serif text-4xl font-bold leading-tight text-moon sm:text-5xl lg:text-6xl">探索<span class="gradient-gold">中国传统术数</span>的奥秘</h1><p class="mx-auto mt-6 max-w-2xl text-lg leading-relaxed text-mist">从阴阳五行到八字命理，从周易占卜到风水堪舆 —— 系统化的玄学学习平台，带你由浅入深，理解千年术数文化。</p><div class="mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row"><a href="/learn/basics" class="btn-primary">开始学习<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></a><a href="/learn" class="inline-flex items-center gap-2 rounded-lg border border-border bg-paper px-6 py-3 text-sm font-medium text-moon transition-colors hover:border-gold">浏览全部课程</a></div></div><!-- Stats --><div class="mx-auto mt-16 grid max-w-3xl grid-cols-3 gap-4 sm:gap-8"><div class="text-center"><div class="font-serif text-3xl font-bold text-gold">9</div><div class="mt-1 text-xs text-mist sm:text-sm">学习板块</div></div><div class="text-center"><div class="font-serif text-3xl font-bold text-gold">58+</div><div class="mt-1 text-xs text-mist sm:text-sm">课程章节</div></div><div class="text-center"><div class="font-serif text-3xl font-bold text-gold">∞</div><div class="mt-1 text-xs text-mist sm:text-sm">持续更新</div></div></div></div></section><section class="mx-auto max-w-7xl px-4 py-20 sm:px-6 lg:px-8"><div class="mb-12 text-center"><h2 class="font-serif text-3xl font-bold text-moon">九大学习板块</h2><p class="mt-3 text-mist">从基础到精通，系统化的学习路径</p></div><div class="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3"><a href="/learn/basics" class="card-hover group relative overflow-hidden rounded-xl border border-border bg-paper p-6"><!-- 装饰背景 --><div class="absolute -right-4 -top-4 text-8xl opacity-5 transition-opacity group-hover:opacity-10">☯</div><div class="relative"><div class="flex items-center gap-3"><span class="text-3xl">☯</span><div><h3 class="font-serif text-xl font-bold text-moon group-hover:text-gold transition-colors">基础理论</h3><span class="text-xs text-gold-dark">入门必修</span></div></div><p class="mt-3 text-sm leading-relaxed text-mist">阴阳五行、天干地支、八卦理论 —— 一切术数的根基</p><div class="mt-4 flex items-center gap-4 text-xs text-mist-dark"><span>📚 7 门课程</span><span>📖 21 章</span></div></div></a><a href="/learn/destiny" class="card-hover group relative overflow-hidden rounded-xl border border-border bg-paper p-6"><!-- 装饰背景 --><div class="absolute -right-4 -top-4 text-8xl opacity-5 transition-opacity group-hover:opacity-10">📜</div><div class="relative"><div class="flex items-center gap-3"><span class="text-3xl">📜</span><div><h3 class="font-serif text-xl font-bold text-moon group-hover:text-gold transition-colors">命理预测</h3><span class="text-xs text-gold-dark">知命达命</span></div></div><p class="mt-3 text-sm leading-relaxed text-mist">八字命理、紫微斗数 —— 探索人生格局与运势走向</p><div class="mt-4 flex items-center gap-4 text-xs text-mist-dark"><span>📚 3 门课程</span><span>📖 16 章</span></div></div></a><a href="/learn/divination" class="card-hover group relative overflow-hidden rounded-xl border border-border bg-paper p-6"><!-- 装饰背景 --><div class="absolute -right-4 -top-4 text-8xl opacity-5 transition-opacity group-hover:opacity-10">🔮</div><div class="relative"><div class="flex items-center gap-3"><span class="text-3xl">🔮</span><div><h3 class="font-serif text-xl font-bold text-moon group-hover:text-gold transition-colors">占卜预测</h3><span class="text-xs text-gold-dark">决疑断事</span></div></div><p class="mt-3 text-sm leading-relaxed text-mist">周易、六爻、梅花易数、奇门遁甲 —— 古老的预测之术</p><div class="mt-4 flex items-center gap-4 text-xs text-mist-dark"><span>📚 2 门课程</span><span>📖 5 章</span></div></div></a><a href="/learn/fengshui" class="card-hover group relative overflow-hidden rounded-xl border border-border bg-paper p-6"><!-- 装饰背景 --><div class="absolute -right-4 -top-4 text-8xl opacity-5 transition-opacity group-hover:opacity-10">🏔</div><div class="relative"><div class="flex items-center gap-3"><span class="text-3xl">🏔</span><div><h3 class="font-serif text-xl font-bold text-moon group-hover:text-gold transition-colors">风水堪舆</h3><span class="text-xs text-gold-dark">藏风聚气</span></div></div><p class="mt-3 text-sm leading-relaxed text-mist">阳宅阴宅、玄空飞星 —— 环境与人的和谐之道</p><div class="mt-4 flex items-center gap-4 text-xs text-mist-dark"><span>📚 1 门课程</span><span>📖 2 章</span></div></div></a><a href="/learn/physiognomy" class="card-hover group relative overflow-hidden rounded-xl border border-border bg-paper p-6"><!-- 装饰背景 --><div class="absolute -right-4 -top-4 text-8xl opacity-5 transition-opacity group-hover:opacity-10">👤</div><div class="relative"><div class="flex items-center gap-3"><span class="text-3xl">👤</span><div><h3 class="font-serif text-xl font-bold text-moon group-hover:text-gold transition-colors">相术</h3><span class="text-xs text-gold-dark">观人识相</span></div></div><p class="mt-3 text-sm leading-relaxed text-mist">面相、手相、骨相 —— 以貌取人，以相观心</p><div class="mt-4 flex items-center gap-4 text-xs text-mist-dark"><span>📚 2 门课程</span><span>📖 4 章</span></div></div></a><a href="/learn/naming" class="card-hover group relative overflow-hidden rounded-xl border border-border bg-paper p-6"><!-- 装饰背景 --><div class="absolute -right-4 -top-4 text-8xl opacity-5 transition-opacity group-hover:opacity-10">✏️</div><div class="relative"><div class="flex items-center gap-3"><span class="text-3xl">✏️</span><div><h3 class="font-serif text-xl font-bold text-moon group-hover:text-gold transition-colors">姓名学</h3><span class="text-xs text-gold-dark">名正言顺</span></div></div><p class="mt-3 text-sm leading-relaxed text-mist">五格剖象、生肖取名 —— 名字中的数理密码</p><div class="mt-4 flex items-center gap-4 text-xs text-mist-dark"><span>📚 1 门课程</span><span>📖 2 章</span></div></div></a><a href="/learn/almanac" class="card-hover group relative overflow-hidden rounded-xl border border-border bg-paper p-6"><!-- 装饰背景 --><div class="absolute -right-4 -top-4 text-8xl opacity-5 transition-opacity group-hover:opacity-10">📅</div><div class="relative"><div class="flex items-center gap-3"><span class="text-3xl">📅</span><div><h3 class="font-serif text-xl font-bold text-moon group-hover:text-gold transition-colors">择日择吉</h3><span class="text-xs text-gold-dark">趋吉避凶</span></div></div><p class="mt-3 text-sm leading-relaxed text-mist">黄历宜忌、嫁娶开业 —— 选对时机，事半功倍</p><div class="mt-4 flex items-center gap-4 text-xs text-mist-dark"><span>📚 1 门课程</span><span>📖 2 章</span></div></div></a><a href="/learn/western" class="card-hover group relative overflow-hidden rounded-xl border border-border bg-paper p-6"><!-- 装饰背景 --><div class="absolute -right-4 -top-4 text-8xl opacity-5 transition-opacity group-hover:opacity-10">⭐</div><div class="relative"><div class="flex items-center gap-3"><span class="text-3xl">⭐</span><div><h3 class="font-serif text-xl font-bold text-moon group-hover:text-gold transition-colors">西方玄学</h3><span class="text-xs text-gold-dark">他山之石</span></div></div><p class="mt-3 text-sm leading-relaxed text-mist">占星、塔罗、灵数 —— 西方神秘学体系</p><div class="mt-4 flex items-center gap-4 text-xs text-mist-dark"><span>📚 2 门课程</span><span>📖 4 章</span></div></div></a><a href="/learn/culture" class="card-hover group relative overflow-hidden rounded-xl border border-border bg-paper p-6"><!-- 装饰背景 --><div class="absolute -right-4 -top-4 text-8xl opacity-5 transition-opacity group-hover:opacity-10">🏮</div><div class="relative"><div class="flex items-center gap-3"><span class="text-3xl">🏮</span><div><h3 class="font-serif text-xl font-bold text-moon group-hover:text-gold transition-colors">民俗文化</h3><span class="text-xs text-gold-dark">民间智慧</span></div></div><p class="mt-3 text-sm leading-relaxed text-mist">生肖文化、民间禁忌、开运化煞 —— 生活中的玄学</p><div class="mt-4 flex items-center gap-4 text-xs text-mist-dark"><span>📚 1 门课程</span><span>📖 2 章</span></div></div></a></div></section><section class="bg-ink-light py-20"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mb-12 text-center"><h2 class="font-serif text-3xl font-bold text-moon">从基础开始</h2><p class="mt-3 text-mist">阴阳五行是一切术数的根基，从这里开始你的玄学之旅</p></div><div class="grid grid-cols-1 gap-5 md:grid-cols-3"><a href="/learn/basics/yinyang/1" class="card-hover group block rounded-xl border border-border bg-paper p-5"><div class="flex items-start gap-3"><span class="text-2xl">📖</span><div class="flex-1"><h3 class="font-serif text-lg font-semibold text-moon group-hover:text-gold transition-colors">阴阳学说的基本概念</h3><span class="mt-0.5 inline-block text-xs text-mist">基础理论</span></div></div><p class="mt-2 text-sm leading-relaxed text-mist line-clamp-2">了解阴阳的起源、基本概念及其在术数中的核心地位</p></a><a href="/learn/basics/yinyang/2" class="card-hover group block rounded-xl border border-border bg-paper p-5"><div class="flex items-start gap-3"><span class="text-2xl">📖</span><div class="flex-1"><h3 class="font-serif text-lg font-semibold text-moon group-hover:text-gold transition-colors">阴阳的四大基本关系</h3><span class="mt-0.5 inline-block text-xs text-mist">基础理论</span></div></div><p class="mt-2 text-sm leading-relaxed text-mist line-clamp-2">深入理解阴阳对立、互根、消长、转化四种基本关系</p></a><a href="/learn/basics/yinyang/3" class="card-hover group block rounded-xl border border-border bg-paper p-5"><div class="flex items-start gap-3"><span class="text-2xl">📖</span><div class="flex-1"><h3 class="font-serif text-lg font-semibold text-moon group-hover:text-gold transition-colors">阴阳学说在术数中的应用</h3><span class="mt-0.5 inline-block text-xs text-mist">基础理论</span></div></div><p class="mt-2 text-sm leading-relaxed text-mist line-clamp-2">阴阳学说如何指导八字、风水、周易等术数的实践</p></a></div></div></section><section class="mx-auto max-w-7xl px-4 py-20 sm:px-6 lg:px-8"><div class="mb-12 text-center"><h2 class="font-serif text-3xl font-bold text-moon">推荐学习路径</h2><p class="mt-3 text-mist">按此顺序学习，事半功倍</p></div><div class="mx-auto max-w-4xl space-y-4"><div class="flex items-start gap-4 rounded-xl border border-border bg-paper p-5"><div class="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-gold/10 text-lg">☯</div><div class="flex-1"><div class="flex items-center gap-2"><span class="text-xs font-bold text-gold">第 1 步</span></div><h3 class="mt-1 font-serif text-lg font-semibold text-moon">基础理论</h3><p class="mt-1 text-sm text-mist">阴阳、五行、天干地支、八卦 —— 构建术数思维框架</p></div></div><div class="flex items-start gap-4 rounded-xl border border-border bg-paper p-5"><div class="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-gold/10 text-lg">📜</div><div class="flex-1"><div class="flex items-center gap-2"><span class="text-xs font-bold text-gold">第 2 步</span></div><h3 class="mt-1 font-serif text-lg font-semibold text-moon">命理预测</h3><p class="mt-1 text-sm text-mist">八字、紫微 —— 理解人生格局与命运走向</p></div></div><div class="flex items-start gap-4 rounded-xl border border-border bg-paper p-5"><div class="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-gold/10 text-lg">🔮</div><div class="flex-1"><div class="flex items-center gap-2"><span class="text-xs font-bold text-gold">第 3 步</span></div><h3 class="mt-1 font-serif text-lg font-semibold text-moon">占卜预测</h3><p class="mt-1 text-sm text-mist">周易、六爻、奇门 —— 学习预测决疑之法</p></div></div><div class="flex items-start gap-4 rounded-xl border border-border bg-paper p-5"><div class="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-gold/10 text-lg">🏔</div><div class="flex-1"><div class="flex items-center gap-2"><span class="text-xs font-bold text-gold">第 4 步</span></div><h3 class="mt-1 font-serif text-lg font-semibold text-moon">风水堪舆</h3><p class="mt-1 text-sm text-mist">玄空、八宅 —— 掌握环境风水布局</p></div></div><div class="flex items-start gap-4 rounded-xl border border-border bg-paper p-5"><div class="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-gold/10 text-lg">👤</div><div class="flex-1"><div class="flex items-center gap-2"><span class="text-xs font-bold text-gold">第 5 步</span></div><h3 class="mt-1 font-serif text-lg font-semibold text-moon">相术与姓名</h3><p class="mt-1 text-sm text-mist">面相手相、姓名学 —— 拓展术数应用</p></div></div></div></section></main><footer class="border-t border-border bg-ink-light"><div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8"><div class="grid grid-cols-1 gap-8 md:grid-cols-3"><!-- Brand --><div><div class="flex items-center gap-2.5"><span class="text-2xl">☯</span><span class="font-serif text-lg font-bold text-moon">玄学圈</span></div><p class="mt-3 text-sm leading-relaxed text-mist">系统学习中国传统术数文化 · 命理 · 占卜 · 风水 · 相术 · 易经</p></div><!-- Links --><div><h4 class="mb-3 text-sm font-semibold text-gold">学习导航</h4><ul class="space-y-2 text-sm text-mist"><li><a href="/learn" class="hover:text-gold transition-colors">学习中心</a></li><li><a href="/encyclopedia" class="hover:text-gold transition-colors">百科</a></li><li><a href="/tools" class="hover:text-gold transition-colors">工具</a></li><li><a href="/daily" class="hover:text-gold transition-colors">每日运势</a></li></ul></div><!-- About --><div><h4 class="mb-3 text-sm font-semibold text-gold">关于</h4><ul class="space-y-2 text-sm text-mist"><li>本站内容以学术研究态度整理传统术数文化</li><li>内容采用 CC BY-NC-SA 4.0 许可</li><li>仅供文化交流与学习参考</li></ul></div></div><div class="mt-10 border-t border-border pt-6 text-center text-xs text-mist-dark"><p>© 2026 玄学圈 · 玄学文化学习平台</p></div></div></footer></body></html>