"UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title data-i18n="gc_title">官非分析 · 抽牌起卦 - 东方塔罗·易经商界</title>
<style>
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Noto Serif SC","STSong","SimSun",serif;background:#f5f0e8;color:#3a3a3a;min-height:100vh;overflow-x:hidden}
.container{max-width:960px;margin:0 auto;padding:20px 16px 40px}
.container.wide{max-width:1100px}
.section-title{text-align:center;margin-bottom:16px}
.section-title h2{color:#c43b3b;font-size:1.3rem;letter-spacing:3px}
.section-title p{color:#888;font-size:.8rem;letter-spacing:2px}
/* === 法坛方阵 === */
.altar{background:linear-gradient(180deg,#0d0505,#1a0808,#0d0505);border-radius:16px;padding:24px;position:relative;border:2px solid #8B4513;box-shadow:0 0 80px rgba(139,69,19,.4),inset 0 0 100px rgba(0,0,0,.6);margin-bottom:20px}
.altar::before{content:'P ☷ ☲ ☵';position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.6rem;color:rgba(255,215,0,.12);letter-spacing:12px;font-family:monospace;pointer-events:none}
.altar::after{content:'P ☷ ☲ ☵';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);font-size:.6rem;color:rgba(255,215,0,.12);letter-spacing:12px;font-family:monospace;pointer-events:none}
.altar-inner{position:relative;border:1px solid rgba(255,215,0,.12);border-radius:12px;padding:14px;background:radial-gradient(ellipse at center,rgba(50,15,15,.9),rgba(10,5,5,.98))}
.altar-inner::before{content:'☯';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;color:rgba(255,215,0,.03);pointer-events:none;font-family:serif}
/* 方向标签 */
.dir-row{display:flex;justify-content:space-between;padding:4px 8px;margin-bottom:4px}
.dir-label{color:#ffd700;font-size:.7rem;letter-spacing:2px;text-shadow:0 0 8px rgba(255,215,0,.3)}
.dir-label.left{text-align:left}
.dir-label.right{text-align:right}
/* 16牌阵 */
.card-grid{display:flex;flex-direction:column;gap:5px;padding:0;margin:0 auto;width:100%}
.card-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:100%;max-width:280px;margin:0 auto}
.card-col{width:100%}
.grid-card{aspect-ratio:2/3;border-radius:5px;cursor:pointer;position:relative;perspective:500px;transition:transform .15s;max-width:54px;width:100%;margin:0 auto}
.grid-card:hover{transform:translateY(-3px);z-index:10}
.num-label{text-align:center;color:rgba(255,215,0,.5);font-size:.6rem;letter-spacing:1px;margin-top:1px}
.grid-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.0,.2,1)}
.grid-card-inner.flipped{transform:rotateY(180deg)}
.grid-card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:5px;overflow:hidden;border:1px solid rgba(255,215,0,.25);box-shadow:0 1px 6px rgba(0,0,0,.4)}
.grid-card-back{background:url(/card-images/card-back-2026.jpg) center/cover no-repeat,#8B0000}
.grid-card-front{background:linear-gradient(180deg,#faf6ee,#f0e8dc);transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px solid #c43b3b}
.spirit{text-align:center;max-width:54px;margin:0 auto}
.spirit-card{width:100%;aspect-ratio:2/3;border-radius:5px;overflow:hidden;border:1.5px solid rgba(255,215,0,.4);box-shadow:0 0 15px rgba(255,215,0,.1);background:rgba(0,0,0,.1);max-width:54px}
.spirit-card img{width:100%;height:100%;object-fit:cover;display:block}
.spirit-label{color:#ffd700;font-size:.55rem;letter-spacing:2px;margin-top:2px;text-shadow:0 0 8px rgba(255,215,0,.3)}
.grid-card-front .gs{font-size:1.1rem;color:#c43b3b;line-height:1}
.grid-card-front .gn{font-size:.6rem;color:#3a3a3a;font-weight:700;letter-spacing:1px;margin-top:2px}
.spirit-row{display:flex;justify-content:center;gap:10px}
.mid-row{display:flex;align-items:center;gap:4px;margin-top:6px}
.mid-left{flex:1;min-width:0;display:flex;align-items:center;gap:3px}
.mid-center{flex:1;min-width:0}
.mid-cards{flex:4;min-width:0}
.mid-right{flex:1;min-width:0;display:flex;align-items:center;gap:3px}
.sel-num{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#c43b3b;color:#fff;border-radius:50%;font-size:.6rem;display:flex;align-items:center;justify-content:center;z-index:20;border:2px solid #ffd700;font-weight:700}
/* 操作区 */
.action-area{text-align:center;margin:16px 0}
.method-box{background:rgba(250,246,238,.9);border:1px solid rgba(196,59,59,.2);border-radius:8px;padding:14px 18px;margin:0 auto 14px;max-width:600px;text-align:left}
.method-title{color:#c43b3b;font-size:.9rem;font-weight:700;letter-spacing:2px;margin-bottom:8px}
.method-step{font-size:.78rem;line-height:1.7;color:#3a3a3a;margin-bottom:3px;padding-left:4px}
.step-num{display:inline-block;background:#c43b3b;color:#fff;font-size:.7rem;font-weight:700;padding:0 6px;border-radius:3px;margin-right:4px}
.method-note{font-size:.72rem;color:#8B4513;margin-top:6px;padding:5px 8px;background:rgba(255,215,0,.08);border-radius:4px;border-left:3px solid #c43b3b;line-height:1.5}
.btn-main{background:#c43b3b;color:#fff;border:none;padding:10px 32px;font-size:.95rem;letter-spacing:4px;border-radius:6px;cursor:pointer;font-family:inherit;transition:.3s}
.btn-main:hover{background:#a83232}
.btn-main:disabled{opacity:.4;cursor:not-allowed}
.btn-second{background:transparent;border:1px solid #c43b3b;color:#c43b3b;padding:8px 24px;font-size:.85rem;letter-spacing:2px;border-radius:6px;cursor:pointer;font-family:inherit;transition:.3s;margin:0 6px}
.btn-second:hover{background:rgba(196,59,59,.1)}
.btn-sm{padding:6px 14px;font-size:.82rem;background:#c43b3b;color:#fff;border:none;border-radius:4px;cursor:pointer}
/* === 结果区 === */
.result-area{display:none;margin-top:16px}
.result-area.show{display:block}
.result-box{background:#faf6ee;border:1px solid #e8ddd0;border-radius:8px;padding:16px 20px;margin-bottom:12px}
.result-box h3{color:#c43b3b;font-size:.9rem;letter-spacing:2px;margin-bottom:10px;border-left:3px solid #c43b3b;padding-left:10px}
.gua-info{font-size:.82rem;line-height:1.8;color:#3a3a3a}
.gua-flex{display:flex;gap:16px;justify-content:center}
.gua-col{flex:1;min-width:180px}
.gua-col h4{color:#c43b3b;font-size:.85rem;margin-bottom:4px;letter-spacing:1px}
.mono-text{font-family:"仿宋","FangSong","STFangsong","Consolas",monospace;font-size:.9rem;line-height:1.9;white-space:pre}
.power-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:6px}
.power-card{background:rgba(196,59,59,.04);border:1px solid rgba(196,59,59,.15);border-radius:6px;padding:8px 12px;text-align:center}
.power-card .pc-label{font-size:.72rem;color:#888;letter-spacing:1px}
.power-card .pc-val{font-size:1.2rem;font-weight:700;color:#c43b3b;letter-spacing:2px;margin:2px 0}
.power-card .pc-detail{font-size:.7rem;color:#666}
footer{text-align:center;padding:20px;color:#aaa;font-size:.75rem;border-top:1px solid #e8ddd0;margin-top:20px}
/* === 洗牌动画 === */
@keyframes shuffleAnim{
  0%{transform:rotate(0) scale(1)}
  25%{transform:rotate(5deg) scale(.97)}
  50%{transform:rotate(-3deg) scale(.95)}
  75%{transform:rotate(4deg) scale(.97)}
  100%{transform:rotate(0) scale(1)}
}
.shuffling .grid-card{animation:shuffleAnim .3s ease-in-out}
.shuffling .grid-card:nth-child(1){animation-delay:0s}
.shuffling .grid-card:nth-child(2){animation-delay:.05s}
.shuffling .grid-card:nth-child(3){animation-delay:.1s}
.shuffling .grid-card:nth-child(4){animation-delay:.15s}
.shuffling .grid-card:nth-child(5){animation-delay:.2s}
.shuffling .grid-card:nth-child(6){animation-delay:.25s}
.shuffling .grid-card:nth-child(7){animation-delay:.3s}
.shuffling .grid-card:nth-child(8){animation-delay:.35s}
.shuffling .grid-card:nth-child(9){animation-delay:.4s}
.shuffling .grid-card:nth-child(10){animation-delay:.45s}
.shuffling .grid-card:nth-child(11){animation-delay:.5s}
.shuffling .grid-card:nth-child(12){animation-delay:.55s}
.shuffling .grid-card:nth-child(13){animation-delay:.6s}
.shuffling .grid-card:nth-child(14){animation-delay:.65s}
.shuffling .grid-card:nth-child(15){animation-delay:.7s}
.shuffling .grid-card:nth-child(16){animation-delay:.75s}
@media(max-width:680px){
  .nav-links li:last-child a{border-bottom:none}
  .container{padding:12px 8px}.altar{padding:10px;border-radius:10px}
  .card-row{max-width:220px;gap:2px}.grid-card{max-width:48px}
  .grid-card-front .gs{font-size:1rem}.grid-card-front .gn{font-size:.55rem}
  .gua-flex{flex-direction:column;gap:10px}.mono-text{font-size:.75rem;line-height:1.5}
  .power-grid{grid-template-columns:repeat(1,1fr)}
  .altar-inner>div[style*="display:flex"]{flex-wrap:wrap!important}
  .altar-inner>div[style*="display:flex"]>div[style*="flex:4"]{order:-1;flex:1 1 100%!important;margin-bottom:6px}
  .mid-row{flex-wrap:wrap!important}
  .mid-cards{order:-1;flex:1 1 100%!important;margin-bottom:6px}
}

<style>body{padding-bottom:50px!important}</style>
</style>
    <link rel="stylesheet" href="/css/nav.css">

<style>
/* BubuCard Dark Theme Override */
body { background: #0a0a12 !important; color: #f0ece4 !important; }
.nav-bar, .nav-links, .nav-logo, .nav-toggle { display: none !important; }
.header-bar { background: rgba(10,10,18,0.95) !important; color: #f0ece4 !important; }
.header-bar a { color: #c9a84c !important; }
.declare { display: none !important; }
footer { display: none !important; }
.hero-section { min-height: auto !important; padding: 20px !important; }
.prediction-card { background: #0f0f1e !important; border-color: rgba(201,168,76,0.1) !important; color: #f0ece4 !important; }
input, textarea, select { background: #1a1a30 !important; border: 1px solid rgba(201,168,76,0.1) !important; color: #f0ece4 !important; }
button, .btn, input[type=submit] { background: rgba(201,168,76,0.1) !important; border: 1px solid rgba(201,168,76,0.2) !important; color: #c9a84c !important; }
h1, h2, h3, h4 { color: #c9a84c !important; }
a { color: #c9a84c !important; }
table { background: #0f0f1e !important; border-color: rgba(201,168,76,0.1) !important; }
td, th { border-color: rgba(201,168,76,0.05) !important; color: #f0ece4 !important; }
</style>
</head>
<body>
<!-- 语言栏 -->
<div style="background:#3a3a3a;color:#ddd;padding:6px 10px;font-size:.72rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;">
<div>
<a href="javascript:;" onclick="switchLang('cn')" id="wpLangCn" style="color:#fff;text-decoration:none;padding:2px 6px;border-radius:2px;background:#c43b3b;" data-i18n="lang_cn">简体</a>
<a href="javascript:;" onclick="switchLang('tw')" id="wpLangTw" style="color:#ddd;text-decoration:none;padding:2px 6px;border-radius:2px;" data-i18n="lang_tw">繁體</a>
<a href="javascript:;" onclick="switchLang('en')" id="wpLangEn" style="color:#ddd;text-decoration:none;padding:2px 6px;border-radius:2px;" data-i18n="lang_en">EN</a>
</div>
<div> <span style="color:#555">| </div>
</div>
<script src="/lang.js?v=1782024106"></script>
<script>


</script>
<span style="font-size:9px;color:#bbb;letter-spacing:2px;font-style:italic;font-family:Georgia,serif;">Dongfang Tarot · YiJing Business</div></div>


</div></div>

<div style="padding:8px 20px;font-size:.75rem;background:#faf6ee;border-bottom:1px solid #e8ddd0"><a href="/eastern-tarot-index.html" style="color:#c43b3b;text-decoration:none;font-weight:600">← 人生分析</a> <span style="color:#aaa">/ <span style="color:#888">官非分析</div>
<div class="container wide">
<div class="section-title" style="margin-bottom:12px">
<h2 data-i18n="gc_section_title">⚖️ 官非分析 · 抽牌起卦</h2>
<p style="color:#888;font-size:.78rem;letter-spacing:2px;margin-top:4px" data-i18n="gc_section_sub">默念心中事 · 选牌定卦象 · 白虎定凶 · 三刑月判</p>
</div>
<div style="display:flex;gap:10px;justify-content:center;margin-bottom:16px">
<button class="btn-second" onclick="location.href='/guansi-card.html'" data-i18n="gc_tab_court">📋 开庭时间起卦</button>
<button class="btn-main" style="padding:8px 24px;font-size:.85rem;letter-spacing:2px;opacity:0.7" data-i18n="gc_tab_draw">🃏 抽牌起卦</button>
</div>
<!-- 姓名输入 -->
<div class="method-box" style="margin-bottom:16px">
<div class="method-title" data-i18n="gc_info_title">📋 双方信息</div>
<div style="display:flex;gap:12px;flex-wrap:wrap">
<div style="flex:1;min-width:140px"><label data-i18n="gc_label_myname" style="font-size:11px;color:#888;display:block;margin-bottom:2px">我方姓名</label><input type="text" id="myName" placeholder="例：张三" data-i18n-placeholder="gc_placeholder_myname" style="width:100%;padding:7px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;font-family:inherit"></div>
<div style="flex:1;min-width:140px"><label data-i18n="gc_label_oppname" style="font-size:11px;color:#888;display:block;margin-bottom:2px">对方姓名</label><input type="text" id="oppName" placeholder="例：李四" data-i18n-placeholder="gc_placeholder_oppname" style="width:100%;padding:7px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;font-family:inherit" oninput="updateTopicHint()"></div>
</div>
<div style="margin-top:10px">
<label data-i18n="gc_label_topic" style="font-size:11px;color:#888;display:block;margin-bottom:2px">分析主题</label>
<input type="text" id="predictTopic" placeholder="例：与张三的货款纠纷诉讼" data-i18n-placeholder="gc_placeholder_topic" style="width:100%;padding:7px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;font-family:inherit">
<div style="font-size:.72rem;color:#8B4513;margin-top:4px;padding:5px 8px;background:rgba(255,215,0,.08);border-radius:4px;border-left:3px solid #c43b3b;line-height:1.5">💡 先在心里默念"与<b id="topicHint">某某</b>的纠纷成败如何？"５秒后，再洗牌选牌。</div>
</div>
</div>
<!-- 起卦方法 -->
<div class="method-box">
<div class="method-title">📖 起卦方法</div>
<div class="method-step"><span class="step-num" data-i18n="gc_step_num_1">一填写双方姓名与分析主题，内心默念讼事</div>
<div class="method-step"><span class="step-num" data-i18n="gc_step_num_2">二点击「开始洗牌」打乱牌序</div>
<div class="method-step"><span class="step-num">三从16张牌中任意选取<strong>2张</strong></div>
<div class="method-step"><span class="step-num">四点击「生成卦象」查看官非分析结果</div>
<div class="method-note" data-i18n="gc_method_note">⚠️ 一事一卦，每次只问一件讼事。「冷子秋 · 东方塔罗卡牌」专用。</div>
</div>
<div class="action-area">
<button class="btn-main" id="shuffleBtn" onclick="shuffleCards()" data-i18n="gc_btn_shuffle">🔮 开始洗牌</button>
</div>
<div style="margin:12px auto;max-width:500px;padding:12px;background:rgba(250,246,238,.8);border:1px solid #e8ddd0;border-radius:8px;text-align:center">
<div style="font-size:.82rem;color:#c43b3b;font-weight:700;letter-spacing:2px;margin-bottom:8px">🔢 数字起卦法</div>
<div style="display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap">
<span style="font-size:13px;color:#555">数字1（上卦）：
<input type="number" id="num1" min="1" style="width:80px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px">
<span style="font-size:13px;color:#555">数字2（下卦）：
<input type="number" id="num2" min="1" style="width:80px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px">
<button class="btn-second" onclick="calcByNumbers()" style="padding:6px 18px;font-size:.82rem">✦ 数字起卦 ✦</button>
</div>
<div style="font-size:.7rem;color:#888;margin-top:6px">💡 任意两个数字（如手机尾号、随机数），结合当前时辰起卦</div>
</div>
<!-- 法坛方阵 -->
<div class="altar">
<div class="altar-inner">
  <!-- 朱雀 - 上 -->
  <div class="spirit-row">
    <div class="spirit">
      <div class="dir-label" style="text-align:center;color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:2px;margin-bottom:2px;text-shadow:0 0 8px rgba(255,255,255,.4)" data-i18n="gc_dir_south">南</div>
      <div class="spirit-card"><img src="/card-images/朱雀.jpg" alt="朱雀" data-i18n-alt="gc_alt_zhuque"></div>
      <div class="spirit-label" data-i18n="gc_spirit_zhuque">朱雀</div>
    </div>
  </div>
  <!-- 青龙 + 勾陈 + 16牌阵 + 螣蛇 + 白虎 -->
  <div class="mid-row">
    <div class="mid-left">
      <span class="dir-label" style="color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 0 8px rgba(255,255,255,.4)" data-i18n="gc_dir_east">东
      <div class="spirit">
        <div class="spirit-card"><img src="/card-images/青龙.jpg" alt="青龙" data-i18n-alt="gc_alt_qinglong"></div>
        <div class="spirit-label" data-i18n="gc_spirit_qinglong">青龙</div>
      </div>
    </div>
    <div class="mid-center">
      <div class="spirit">
        <div class="spirit-card"><img src="/card-images/勾陈.jpg" alt="勾陈" data-i18n-alt="gc_alt_gouchen"></div>
        <div class="spirit-label" data-i18n="gc_spirit_gouchen">勾陈</div>
      </div>
    </div>
    <div class="mid-cards">
      <div class="card-grid" id="cardGrid"></div>
    </div>
    <div class="mid-center">
      <div class="spirit">
        <div class="spirit-card"><img src="/card-images/螣蛇.jpg" alt="螣蛇" data-i18n-alt="gc_alt_tengshe"></div>
        <div class="spirit-label" data-i18n="gc_spirit_tengshe">螣蛇</div>
      </div>
    </div>
    <div class="mid-right">
      <div class="spirit">
        <div class="spirit-card"><img src="/card-images/白虎.jpg" alt="白虎" data-i18n-alt="gc_alt_baihu"></div>
        <div class="spirit-label" data-i18n="gc_spirit_baihu">白虎</div>
      </div>
      <span class="dir-label" style="color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 0 8px rgba(255,255,255,.4)" data-i18n="gc_dir_west">西
    </div>
  </div>
  <!-- 玄武 - 下 -->
  <div class="spirit-row" style="margin-top:6px">
    <div class="spirit">
      <div class="spirit-card"><img src="/card-images/玄武.jpg" alt="玄武" data-i18n-alt="gc_alt_xuanwu"></div>
      <div class="spirit-label" data-i18n="gc_spirit_xuanwu">玄武</div>
      <div class="dir-label" style="text-align:center;color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:2px;margin-top:2px;text-shadow:0 0 8px rgba(255,255,255,.4)" data-i18n="gc_dir_north">北</div>
    </div>
  </div>
</div>
<div style="text-align:center;padding:6px 0 2px;font-size:.65rem;color:rgba(255,215,0,.25);letter-spacing:6px;font-family:monospace" data-i18n="gc_bagua_symbols">P ☱ ☲ ☳ ☴ ☵ ☶ ☷</div>
</div>
<div class="action-area">
<button class="btn-main" id="drawBtn" onclick="generateGua()" style="display:none" data-i18n="gc_btn_generate">📜 生成卦象</button>
<button class="btn-second" id="resetBtn" onclick="resetAll()" style="display:none" data-i18n="gc_btn_reselect">🔄 重新选牌</button>
</div>
<!-- 结果区 -->
<div class="result-area" id="resultArea">
<div class="result-box" id="guaInfoCard"><h3 data-i18n="gc_result_info">📋 起卦信息</h3><div id="guaInfo" class="gua-info"></div></div>
<div class="result-box"><h3 data-i18n="gc_result_gua">🔮 卦象</h3><div id="guaDisplay" class="gua-info"></div></div>
<div class="result-box"><h3>💰 妻财诊断</h3><div id="caiContent" class="gua-info"></div></div>
<div class="result-box"><h3>📈 财运走势</h3><div id="monthContent" class="gua-info"></div></div>
<div class="result-box"><h3>📅 大财日/破财日</h3><div id="dayContent" class="gua-info"></div></div>
<div class="result-box"><h3>⚠️ 风险排查</h3><div id="riskContent" class="gua-info"></div></div>
<div class="result-box"><h3 data-i18n="gc_result_remedy">💡 优化建议</h3><div id="remedyContent" class="gua-info"></div></div>
<div style="text-align:center;margin-top:10px"><button class="btn-second" onclick="copyResult()" data-i18n="gc_btn_copy">📋 复制卦象</button></div>
</div>
</div>
<div class="cta-banner" style="background:linear-gradient(135deg,#faf6ee,#f0e0cc);border:2px solid #d4a574;border-radius:12px;padding:24px;margin-bottom:16px;max-width:920px;margin-left:auto;margin-right:auto;text-align:center;">
<div style="font-size:1.2rem;color:#c43b3b;font-weight:700;letter-spacing:2px;margin-bottom:8px;">📞 冷子秋老师 · 亲自解读</div>
<div style="color:#888;font-size:13px;line-height:1.8;margin-bottom:12px;">
三十年易经研究实战经验 · 企业风水战略顾问 · 东方塔罗创始人<br>
为企业及个人提供精准的财运、事业、婚姻、健康四大命局分析
</div>
<div style="display:flex;gap:10px;justify-content:center;flex-wrap:wrap;">
<a href="/contact/" style="display:inline-block;padding:10px 28px;background:#c43b3b;color:#fff;border-radius:6px;text-decoration:none;font-size:14px;letter-spacing:2px;font-weight:600;">📩 预约咨询</a>
<a href="javascript:;" onclick="alert('微信号：LengZiqiu_Tarot\n\n添加时请备注：易经咨询')" style="display:inline-block;padding:10px 28px;background:transparent;border:1px solid #c43b3b;color:#c43b3b;border-radius:6px;text-decoration:none;font-size:14px;letter-spacing:1px;">💬 添加微信</a>
</div>
<div style="color:#aaa;font-size:11px;margin-top:10px;">* 添加微信请备注「易经咨询」，冷老师亲自回复</div>
</div>
<footer data-i18n="gc_footer">&copy; 2026 东方塔罗·易经商界</footer>
<script>

// ===== 八卦数据 =====
var TRIGRAMS = [{n:1,name:'乾',symbol:'P',wx:'金'},{n:2,name:'兑',symbol:'☱',wx:'金'},{n:3,name:'离',symbol:'☲',wx:'火'},{n:4,name:'震',symbol:'☳',wx:'木'},{n:5,name:'巽',symbol:'☴',wx:'木'},{n:6,name:'坎',symbol:'☵',wx:'水'},{n:7,name:'艮',symbol:'☶',wx:'土'},{n:8,name:'坤',symbol:'☷',wx:'土'}];
var TG = ['甲','乙','丙','丁','戊','己','庚','辛','壬','癸'];
var DZ = ['子','丑','寅','卯','辰','巳','午','未','申','酉','戌','亥'];
var ZWX = ['水','土','木','木','土','火','火','土','金','金','土','水'];
var GWX = ['金','金','火','木','木','水','土','土'];
var PAL = ['','乾宫','兑宫','离宫','震宫','巽宫','坎宫','艮宫','坤宫'];
var LS = ['青龙','朱雀','勾陈','螣蛇','白虎','玄武'];
var GNAME={};(function(){var g=[[1,1,'乾为天'],[1,5,'天风姤'],[1,7,'天山遁'],[1,8,'天地否'],[5,8,'风地观'],[7,8,'山地剥'],[3,8,'火地晋'],[3,1,'火天大有'],[2,2,'兑为泽'],[2,6,'泽水困'],[2,8,'泽地萃'],[2,7,'泽山咸'],[6,7,'水山蹇'],[8,7,'地山谦'],[4,7,'雷山小过'],[4,2,'雷泽归妹'],[3,3,'离为火'],[3,7,'火山旅'],[3,5,'风火鼎'],[3,6,'火水未济'],[7,6,'山水蒙'],[5,6,'风水涣'],[1,6,'天水讼'],[1,3,'天火同人'],[6,6,'坎为水'],[6,2,'水泽节'],[6,4,'水雷屯'],[6,3,'水火既济'],[2,3,'泽火革'],[4,3,'雷火丰'],[8,3,'地火明夷'],[8,6,'地水师'],[4,4,'震为雷'],[4,8,'雷地豫'],[4,6,'雷水解'],[4,5,'雷风恒'],[8,5,'地风升'],[6,5,'水风井'],[2,5,'泽风大过'],[2,4,'泽雷随'],[5,5,'巽为风'],[5,1,'风天小畜'],[5,3,'风火家人'],[5,4,'风雷益'],[1,4,'天雷无妄'],[3,4,'火雷噬嗑'],[7,4,'山雷颐'],[7,5,'山风蛊'],[7,7,'艮为山'],[7,3,'山火贲'],[7,1,'山天大畜'],[7,2,'山泽损'],[3,2,'火泽睽'],[1,2,'天泽履'],[5,2,'风泽中孚'],[5,7,'风山渐'],[8,8,'坤为地'],[8,4,'地雷复'],[8,2,'地泽临'],[8,1,'地天泰'],[4,1,'雷天大壮'],[2,1,'泽天夬'],[6,1,'水天需'],[6,8,'水地比']];for(var i=0;i<g.length;i++)GNAME[g[i][0]*10+g[i][1]]=g[i][2];})();
var GGUA={};(function(){var g=[[1,1,1],[1,5,1],[1,7,1],[1,8,1],[5,8,1],[7,8,1],[3,8,1],[3,1,1],[2,2,2],[2,6,2],[2,8,2],[2,7,2],[6,7,2],[8,7,2],[4,7,2],[4,2,2],[3,3,3],[3,7,3],[3,5,3],[3,6,3],[7,6,3],[5,6,3],[1,6,3],[1,3,3],[4,4,4],[4,8,4],[4,6,4],[4,1,4],[8,1,4],[6,1,4],[2,5,4],[2,4,4],[5,5,5],[5,1,5],[5,3,5],[5,4,5],[1,4,5],[3,4,5],[7,4,5],[7,5,5],[6,6,6],[6,2,6],[6,4,6],[6,3,6],[2,3,6],[4,3,6],[8,3,6],[8,6,6],[7,7,7],[7,3,7],[7,1,7],[7,2,7],[3,2,7],[1,2,7],[5,2,7],[5,7,7],[8,8,8],[8,4,8],[8,2,8],[8,1,8],[4,1,8],[2,1,8],[6,1,8],[6,8,8]];for(var i=0;i<g.length;i++)GGUA[g[i][0]*10+g[i][1]]=g[i][2];})();
var NU={1:['戌土','申金','午火'],4:['戌土','申金','午火'],8:['酉金','亥水','丑土'],0:['酉金','亥水','丑土'],6:['子水','戌土','申金'],7:['寅木','子水','戌土'],5:['卯木','巳火','未土'],3:['巳火','未土','酉金'],2:['未土','酉金','亥水']};
var NL={1:['辰土','寅木','子水'],4:['辰土','寅木','子水'],8:['卯木','巳火','未土'],0:['卯木','巳火','未土'],6:['午火','辰土','寅木'],7:['申金','午火','辰土'],5:['酉金','亥水','丑土'],3:['亥水','丑土','卯木'],2:['丑土','卯木','巳火']};
var SYING={};var GY={};(function(){var g=[[1,1,1,6,3],[1,5,1,1,4],[1,7,1,2,5],[1,8,1,3,6],[5,8,5,4,1],[7,8,7,5,2],[3,8,3,4,1],[3,1,3,3,6],[2,2,2,6,3],[2,6,2,1,4],[2,8,2,2,5],[2,7,2,3,6],[6,7,6,4,1],[8,7,8,5,2],[4,7,4,4,1],[4,2,4,3,6],[3,3,3,6,3],[3,7,3,1,4],[3,5,3,2,5],[3,6,3,3,6],[7,6,7,4,1],[5,6,5,5,2],[1,6,1,4,1],[1,3,1,3,6],[6,6,6,6,3],[6,2,6,1,4],[6,4,6,2,5],[6,3,6,3,6],[2,3,2,4,1],[4,3,4,5,2],[8,3,8,4,1],[8,6,8,3,6],[4,4,4,6,3],[4,8,4,1,4],[4,6,4,2,5],[4,5,4,3,6],[8,5,8,4,1],[6,5,6,5,2],[2,5,2,4,1],[2,4,2,3,6],[5,5,5,6,3],[5,1,5,1,4],[5,3,5,2,5],[5,4,5,3,6],[1,4,1,4,1],[3,4,3,5,2],[7,4,7,4,1],[7,5,7,3,6],[7,7,7,6,3],[7,3,7,1,4],[7,1,7,2,5],[7,2,7,3,6],[3,2,3,4,1],[1,2,1,5,2],[5,2,5,4,1],[5,7,5,3,6],[8,8,8,6,3],[8,4,8,1,4],[8,2,8,2,5],[8,1,8,3,6],[4,1,4,4,1],[2,1,2,5,2],[6,1,6,4,1],[6,8,6,3,6]];for(var i=0;i<g.length;i++){GY[g[i][0]*10+g[i][1]]=g[i][2];SYING[g[i][0]*10+g[i][1]]={shi:g[i][3],ying:g[i][4]};}})();
function wxRel(my,ot){var c=['木','火','土','金','水'],mi=c.indexOf(my),oi=c.indexOf(ot);if(mi===oi)return's';if((mi+1)%5===oi)return'c';if((oi+1)%5===mi)return'p';if((mi+2)%5===oi)return'w';if((oi+2)%5===mi)return'g';return's';}
var QN={'s':'兄弟','c':'子孙','p':'父母','w':'妻财','g':'官鬼'};
function trigramBits(n){var t={1:[1,1,1],2:[0,1,1],3:[1,0,1],4:[0,0,1],5:[1,1,0],6:[0,1,0],7:[1,0,0],8:[0,0,0]};return (t[n]||[0,0,0]).slice();}
function flipYao(g,p){var b=trigramBits(g);b[2-p]=1-b[2-p];for(var i=1;i<=8;i++){var t=trigramBits(i);if(t[0]===b[0]&&t[1]===b[1]&&t[2]===b[2])return i;}return g;}
function getLS(rg){var t=[[0,1,2,3,4,5],[1,2,3,4,5,0],[2,3,4,5,0,1],[3,4,5,0,1,2],[4,5,0,1,2,3],[5,0,1,2,3,4]];var ti=rg<2?0:rg<4?1:rg===4?2:rg===5?3:rg<8?4:5;return t[ti].map(function(i){return LS[i];});}
// 16张牌
function updatePeriodHint(){var v=document.getElementById("periodSelect");var days=parseInt(v.value);var names={7:"7天内",30:"一个月内",90:"三个月内",180:"半年内",365:"一年内"};document.getElementById("periodHint").textContent=names[days]||"三个月内";var sd=document.getElementById("startDate");var ed=document.getElementById("endDate");if(sd.value){var d=new Date(sd.value);d.setDate(d.getDate()+days);ed.value=d.getFullYear()+"-"+((d.getMonth()+1)+"").padStart(2,"0")+"-"+(d.getDate()+"").padStart(2,"0");}}
var cards = [];
for (var n=1; n<=8; n++) {
  cards.push({num:n, ver:'A'});
  cards.push({num:n, ver:'B'});
}
var selected = [];
var shuffled = false;
var TRIGRAM_NAMES = ['','乾','兑','离','震','巽','坎','艮','坤'];
function renderCards() {
  var grid = document.getElementById('cardGrid');
  grid.innerHTML = '';
  for (var row=0; row<4; row++) {
    var rowDiv = document.createElement('div');
    rowDiv.className = 'card-row';
    for (var col=0; col<4; col++) {
      var idx = row * 4 + col;
      var c = cards[idx];
      var tname = TRIGRAM_NAMES[c.num];
      var ver = c.ver;
      var colDiv = document.createElement('div');
      colDiv.className = 'card-col';
      var cardDiv = document.createElement('div');
      cardDiv.className = 'grid-card';
      cardDiv.dataset.idx = idx;
      cardDiv.dataset.num = c.num;
      cardDiv.onclick = function(i){return function(){selectCard(i);};}(idx);
      cardDiv.innerHTML = '<div class="grid-card-inner"><div class="grid-card-face grid-card-back"></div><div class="grid-card-face grid-card-front" style="padding:0"><img src="/card-images/'+tname+ver+'.jpg" style="width:100%;height:100%;object-fit:cover;display:block" alt="'+tname+'卦'+ver+'"></div></div>';
      colDiv.appendChild(cardDiv);
      var label = document.createElement('div');
      label.className = 'num-label';
      label.textContent = '№' + (idx+1);
      colDiv.appendChild(label);
      rowDiv.appendChild(colDiv);
    }
    grid.appendChild(rowDiv);
  }
}
function shuffleCards() {
  if(typeof AUTH!=='undefined'&&!AUTH.requireLogin())return;
  for (var i=cards.length-1; i>0; i--) {
    var j = Math.floor(Math.random()*(i+1));
    var tmp = cards[i]; cards[i] = cards[j]; cards[j] = tmp;
  }
  document.getElementById('cardGrid').classList.add('shuffling');
  document.getElementById('shuffleBtn').disabled = true;
  document.getElementById('shuffleBtn').textContent = '🔄 洗牌中...';
  setTimeout(function() {
    try{document.getElementById('startDate')&&(document.getElementById('startDate').value=new Date().toISOString().slice(0,10))}catch(e){}
try{updatePeriodHint()}catch(e){}
renderCards();
    document.getElementById('cardGrid').classList.remove('shuffling');
    document.getElementById('shuffleBtn').textContent = '🔮 再洗一次';
    document.getElementById('shuffleBtn').disabled = false;
    document.getElementById('drawBtn').style.display = 'none';
    document.getElementById('resetBtn').style.display = 'none';
    document.getElementById('resultArea').classList.remove('show');
    selected = [];
    shuffled = true;
  }, 1000);
}
function selectCard(idx) {
  if (!shuffled) { alert('请先洗牌！'); return; }
  if (selected.length >= 2) { alert('已选2张牌！点击"重新洗牌"重新开始'); return; }
  var el = document.querySelectorAll('.grid-card')[idx];
  var selIdx = selected.findIndex(function(s){return s.index===idx;});
  if (selIdx > -1) {
    el.classList.remove('selected');
    el.querySelector('.grid-card-inner').classList.remove('flipped');
    var oldNum = el.querySelector('.sel-num');
    if (oldNum) oldNum.remove();
    selected.splice(selIdx, 1);
    renumberSelected();
    updateButtons();
    return;
  }
  el.querySelector('.grid-card-inner').classList.add('flipped');
  el.classList.add('selected');
  var oldNum = el.querySelector('.sel-num');
  if (oldNum) oldNum.remove();
  var numTag = document.createElement('div');
  numTag.className = 'sel-num';
  numTag.textContent = '第' + (selected.length + 1);
  el.appendChild(numTag);
  selected.push({index:idx, num:cards[idx].num});
  updateButtons();
}
function renumberSelected() {
  var els = document.querySelectorAll('.grid-card');
  selected.forEach(function(s, i) {
    var el = els[s.index];
    var numTag = el.querySelector('.sel-num');
    if (numTag) {
      numTag.textContent = '第' + (i+1);
    }
  });
}
function updateButtons() {
  if (selected.length === 2) { document.getElementById('drawBtn').style.display = 'inline-block'; document.getElementById('resetBtn').style.display = 'inline-block'; }
  else if (selected.length === 0) { document.getElementById('drawBtn').style.display = 'none'; document.getElementById('resetBtn').style.display = 'none'; }
  else { document.getElementById('drawBtn').style.display = 'none'; document.getElementById('resetBtn').style.display = 'inline-block'; }
}
function resetAll() {
  selected = [];
  var els = document.querySelectorAll('.grid-card');
  els.forEach(function(el){ el.classList.remove('selected'); var n=el.querySelector('.sel-num'); if(n)n.remove(); var inner=el.querySelector('.grid-card-inner'); if(inner)inner.classList.remove('flipped'); });
  document.getElementById('drawBtn').style.display = 'none';
  document.getElementById('resetBtn').style.display = 'none';
  document.getElementById('resultArea').classList.remove('show');
}
// ===== 核心分析 =====
var DZ_WX={'子':'水','丑':'土','寅':'木','卯':'木','辰':'土','巳':'火','午':'火','未':'土','申':'金','酉':'金','戌':'土','亥':'水'};
var FW={'子':'北','丑':'东北','寅':'东北','卯':'东','辰':'东南','巳':'东南','午':'南','未':'西南','申':'西南','酉':'西','戌':'西北','亥':'西北'};
var SHENGXIAO={'子':'鼠','丑':'牛','寅':'虎','卯':'兔','辰':'龙','巳':'蛇','午':'马','未':'羊','申':'猴','酉':'鸡','戌':'狗','亥':'猪'};
var WX_BIRTH={'木':'火','火':'土','土':'金','金':'水','水':'木'};
var WX_KE={'木':'土','土':'水','水':'火','火':'金','金':'木'};
var LIU_CHONG={'子':'午','午':'子','丑':'未','未':'丑','寅':'申','申':'寅','卯':'酉','酉':'卯','辰':'戌','戌':'辰','巳':'亥','亥':'巳'};
function calcWangShuai(zhiWx, pillarWxs) {
  if(!zhiWx||!pillarWxs||pillarWxs.length===0) return 0;
  var score=0;
  var wxs=pillarWxs.length===1?pillarWxs:pillarWxs;
  wxs.forEach(function(woWx){
    if(zhiWx===woWx) score+=3;
    else if(WX_BIRTH[woWx]===zhiWx) score+=4;
    else if(WX_BIRTH[zhiWx]===woWx) score+=2;
    else if(WX_KE[zhiWx]===woWx) score+=1;
  });
  return score;
}
function wangLevel(s){return s>=24?'旺':s>=16?'相':s>=8?'休':'囚';}
var WX_KE_ATC = JSON.parse(JSON.stringify(WX_KE));
function generateGua() {
  if(typeof AUTH!=='undefined'&&!AUTH.requireLogin())return;
  if (selected.length !== 2) { alert('请选择2张牌！'); return; }
  var userName = document.getElementById('userName').value.trim() || '求财者';
  var days = parseInt(document.getElementById('periodSelect').value);
  var startDate = document.getElementById('startDate').value;
  var topic = document.getElementById('predictTopic').value.trim();
  if (!startDate) { alert('请设定起始日期！'); return; }
  var shang = selected[0].num, xia = selected[1].num;
  var now = new Date();
  var hour = now.getHours();
  var shiZhi = Math.floor((hour + 1) / 2) % 12;
  if (shiZhi === 0) shiZhi = 12;
  var dong = (shang + xia + shiZhi) % 6;
  if (dong === 0) dong = 6;
  var gong=GGUA[shang*10+xia]||(shang===xia?shang:1);
  var mName=GNAME[shang*10+xia]||'未知卦';
  var uz=NU[shang]||['戌土','申金','午火'],lz=NL[xia]||['辰土','寅木','子水'];
  var allZ=[lz[2],lz[1],lz[0],uz[2],uz[1],uz[0]];
  var sB=trigramBits(shang),xB=trigramBits(xia);
  var ugM={'111':'壬','011':'丁','101':'己','001':'庚','110':'辛','010':'戊','100':'丙','000':'癸'};
  var lgM={'111':'甲','011':'丁','101':'己','001':'庚','110':'辛','010':'戊','100':'丙','000':'乙'};
  var ug=ugM[sB.join('')]||'戊',lg=lgM[xB.join('')]||'戊';
  var allG=[lg,lg,lg,ug,ug,ug];
  var qin=[];for(var i=0;i<6;i++){var zi=DZ.indexOf(allZ[i].charAt(0));qin[i]=QN[wxRel(GWX[gong-1],ZWX[zi])];}
  var sy=SYING[shang*10+xia]||{shi:6,ying:3};
  var shiWei=['','','','','','']; shiWei[sy.shi-1]='世'; shiWei[sy.ying-1]='应';
  var bS=shang,bX=xia;
  if(dong<=3) bX=flipYao(xia,dong-1); else bS=flipYao(shang,dong-4);
  var bGong=GGUA[bS*10+bX]||gong;
  var bName=GNAME[bS*10+bX]||'未知卦';
  var bUz=NU[bS]||['戌土','申金','午火'],bLz=NL[bX]||['辰土','寅木','子水'];
  var bZ=[bLz[2],bLz[1],bLz[0],bUz[2],bUz[1],bUz[0]];
  var bG=GGUA[bS*10+bX];
  var bQ=[];for(var i=0;i<6;i++){var zi=DZ.indexOf(bZ[i].charAt(0));bQ[i]=QN[wxRel(GWX[bG-1],ZWX[zi])];}
  // 四柱
  var year=now.getFullYear(),month=now.getMonth()+1,day=now.getDate();
  var nianZhi=(year-4)%12; if(nianZhi<=0) nianZhi+=12;
  var nianGan=(year-4)%10; if(nianGan<=0) nianGan+=10;
  var yueGan=(nianGan*2+month-1)%10; if(yueGan<=0) yueGan+=10;
  var yueZhi=month%12; if(yueZhi===0) yueZhi=12;
  var riGan=(nianGan*5+yueGan+day)%10; if(riGan<=0) riGan+=10;
  var riZhi=(nianZhi*5+month+day)%12; if(riZhi<=0) riZhi+=12;
  var shiGan=(riGan*2+Math.floor((hour+1)/2))%10; if(shiGan<=0) shiGan+=10;
  var pillars=[[TG[nianGan%10],DZ[nianZhi%12]],[TG[yueGan-1],DZ[yueZhi-1]],[TG[riGan-1],DZ[riZhi-1]],[TG[shiGan-1],DZ[shiZhi-1]]];
  var pillarWx=pillars.map(function(p){return DZ_WX[p[1]];});
  var xunKong=[];(function(){var xz=[0,2,4,6,8,10,1,3,5,7,9,11];var xs=xz[(nianGan-1)%12];for(var i=0;i<2;i++){var z=(xs+riZhi+i)%12;if(z===0)z=12;xunKong.push(DZ[z-1]);}})();
  var shen=getLS(gong);
  // 各爻数据
  var yaoData=[];for(var i=0;i<6;i++){var z=allZ[i].charAt(0);var wx=DZ_WX[z];var score=calcWangShuai(wx,pillarWx);yaoData.push({wei:i+1,tg:allG[i],dz:allZ[i],wx:wx,qin:qin[i],shen:shen[i],sw:shiWei[i],score:score,isDong:(i+1)===dong});}
  // 归类
  var shiYao=yaoData.find(function(y){return y.sw==='世';});
  var caiYao=yaoData.filter(function(y){return y.qin==='妻财';});
  var xiongYao=yaoData.filter(function(y){return y.qin==='兄弟';});
  var guanYao=yaoData.filter(function(y){return y.qin==='官鬼';});
  var ziSunYao=yaoData.filter(function(y){return y.qin==='子孙';});
  var fuMuYao=yaoData.filter(function(y){return y.qin==='父母';});
  // 世爻=问事者本人
  var shiZ=shiYao?shiYao.dz.charAt(0):'子';
  var shiWx=shiYao?shiYao.wx:'水';
  // 兄弟持世或发动?
  var xiongChiShi=shiYao&&shiYao.qin==='兄弟';
  var xiongDong=xiongYao.some(function(y){return y.isDong;});
  var xiongPower=xiongYao.reduce(function(s,y){return s+y.score;},0);
  var xiongAvg=xiongYao.length>0?Math.round(xiongPower/xiongYao.length):0;
  // 妻财力量
  var caiPower=caiYao.reduce(function(s,y){return s+y.score;},0);
  var caiAvg=caiYao.length>0?Math.round(caiPower/caiYao.length):0;
  var caiWx=caiYao.length>0?caiYao[0].wx:'土';
  var caiZ=caiYao.length>0?caiYao[0].dz.charAt(0):'辰';
  // 子孙=财源
  var ziPower=ziSunYao.reduce(function(s,y){return s+y.score;},0);
  var ziAvg=ziSunYao.length>0?Math.round(ziPower/ziSunYao.length):0;
  // 官鬼=事业/贵人运
  var guanPower=guanYao.reduce(function(s,y){return s+y.score;},0);
  var guanAvg=guanYao.length>0?Math.round(guanPower/guanYao.length):0;
  // 得财额度等级
  function caiLevel(s){return s>=24?'上等（丰厚）':s>=16?'中等（可观）':s>=8?'下等（微薄）':'困顿（难求）';}
  function poLevel(s){return s>=24?'极大破财':s>=16?'中破财':s>=8?'小破财':'轻微';}
  // ====== 卦象显示 ======
  var htm='<div style="margin-bottom:6px;font-size:13px;line-height:1.8;color:#555;">';
  htm+='起卦时间：'+year+'年'+pad(month)+'月'+pad(day)+'日 '+pad(hour)+'时（北京时间）<br>';
  htm+='四柱干支：'+pillars.map(function(p){return p[0]+p[1];}).join(' ')+'　　旬空：'+xunKong.join('、')+'<br>';
  htm+='分析时段：从'+startDate+'起未来<b>'+days+'天</b>';
  if(topic)htm+='<br>主题：'+topic;
  htm+='<br>求财者：'+userName+'（世爻<b>'+shiZ+'</b>·五行'+shiWx+'）';
  htm+='</div><table class="gua-table">';
  htm+='<tr><th style="width:12%"></th><th style="width:28%">'+PAL[gong]+':'+mName+'</th><th style="width:4%;color:#999">→</th><th style="width:28%">'+PAL[bGong]+':'+bName+'</th><th style="width:28%"></th></tr>';
  for(var i=5;i>=0;i--){
    var y=yaoData[i],li=y.wei,isDong=y.isDong;
    var isYin=(y.dz.charAt(0)==='丑'||y.dz.charAt(0)==='卯'||y.dz.charAt(0)==='巳'||y.dz.charAt(0)==='未'||y.dz.charAt(0)==='酉'||y.dz.charAt(0)==='亥');
    var zx=isYin?'▅　▅':'▅▅▅▅▅';
    htm+='<tr class="'+(isDong?'dong-row':'')+'"><td style="text-align:center;font-size:11px;color:#999">'+y.shen+'</td>';
    htm+='<td>'+(isDong?'<b>':'')+(y.qin==='妻财'?'<b style="color:#2a8a5c">':y.qin==='兄弟'?'<b style="color:#c43b3b">':'')+y.qin+' '+y.tg+y.dz+' '+zx+' '+y.sw+(isDong||y.qin==='妻财'||y.qin==='兄弟'?'</b>':'')+'</td>';
    htm+='<td>'+(isDong?'<span class="dong-arrow">'+(isYin?'×→动':'○→动'):'')+'</td>';
    if(isDong){htm+='<td>'+bQ[i]+' '+bZ[i]+' '+(bZ[i].charAt(0)==='子'?'▅　▅':'▅▅▅▅▅')+'</td>';}
    else{htm+='<td>'+y.qin+'　'+(isYin?'▅　▅':'▅▅▅▅▅')+'</td>';}
    htm+='<td></td></tr>';
  }
  htm+='</table>';
  document.getElementById('guaDisplay').innerHTML=htm;
  // ====== 妻财诊断 ======
  var caiStr='<div style="font-size:13px;line-height:2;color:#444">';
  caiStr+='<p><b>🧑 问事者（世爻）</b>：地支<b>'+shiZ+'</b>（五行'+shiWx+'），世在<b>'+(shiYao?shiYao.shen:'')+'</b></p>';
  if(caiYao.length>0){
    var cai=caiYao[0],caiP=cai.score;
    var caiKong=xunKong.indexOf(cai.dz.charAt(0))>=0;
    var caiChong=LIU_CHONG[cai.dz.charAt(0)]||'';
    var caiLinYue=(cai.dz.charAt(0)===DZ[yueZhi-1]);
    var caiLinRi=(cai.dz.charAt(0)===DZ[riZhi-1]);
    var caiKongMsg='';
    if(caiKong){
      caiKongMsg='<p style="color:#d48806">📌 <b>妻财旬空</b>：妻财爻'+cai.dz+'正值旬空，暂时无财，需待：</p><ul style="margin:4px 0 0 18px;font-size:12px">';
      caiKongMsg+='<li>冲空：地支<b>'+caiChong+'</b>（六冲'+cai.dz.charAt(0)+'）之日，冲空则实，可得财</li>';
      caiKongMsg+='<li>填空：逢<b>'+cai.dz.charAt(0)+'</b>临月或临日之时，填实则得财</li>';
      caiKongMsg+='<li>出空：本旬过后（10日内），自然出空，财运渐显</li></ul>';
    }
    var star='';for(var s=0;s<5;s++)star+=s<Math.ceil(caiP/6.4)?'★':'☆';
    caiStr+='<p><b>💰 妻财爻</b>：在<b style="color:#2a8a5c">'+cai.dz+'</b>（五行'+cai.wx+'），旺衰评分：<b style="color:#c43b3b;font-size:1.2rem">'+caiP+'</b>/32 <span style="color:#d48806">'+star+'</p>';if(caiKongMsg)caiStr+=caiKongMsg;
    var ruMuMap={'木':'未','火':'戌','金':'丑','水':'辰','土':'辰'};
    var caiRuMuZhi=ruMuMap[cai.wx];
    var caiIsRuMu=(cai.dz.charAt(0)===caiRuMuZhi)||pillars.some(function(p){return p[1]===caiRuMuZhi;});
    var caiChongMu=LIU_CHONG[caiRuMuZhi]||'';
    if(caiIsRuMu){
      caiStr+='<p style="color:#d48806">📌 <b>妻财入墓</b>（'+cai.wx+'入'+caiRuMuZhi+'墓）：财被埋藏，看而难得，需待：</p><ul style="margin:4px 0 0 18px;font-size:12px">';
      caiStr+='<li>冲墓：地支<b>'+caiChongMu+'</b>（六冲'+caiRuMuZhi+'）之日，冲墓则出，可得财</li>';
      caiStr+='<li>出墓：逢<b>'+caiRuMuZhi+'</b>被冲或被合之时，财库打开</li></ul>';
    }
    var caiIsShi=(shiYao&&shiYao.qin==='妻财');
    var caiShengShi=(WX_BIRTH[cai.wx]===shiYao.wx);
    var shiDongShengYing=false;
    if(caiIsShi&&shiYao.isDong){
      var yingYao=yaoData.find(function(y){return y.sw==='应';});
      if(yingYao&&WX_BIRTH[shiYao.wx]===yingYao.wx)shiDongShengYing=true;
    }
    if(caiIsShi){
      caiStr+='<p style="color:#2a8a5c">✅ <b>妻财持世</b>：财就是我，我就是财，求财易得！</p>';
      if(shiDongShengYing)caiStr+='<p style="color:#c43b3b">⚠ 但世爻（财）发动生应爻：财利他人，给别人做嫁衣，需布守财局把财守住！</p>';
    }else if(caiShengShi){
      caiStr+='<p style="color:#2a8a5c">✅ <b>妻财生世爻</b>：财主动来找我方，财运临门之吉势！</p>';
    }else if(WX_KE_ATC[shiYao.wx]===cai.wx){
      caiStr+='<p style="color:#c43b3b">⚠ 世爻克妻财：我克财，求财辛苦，需主动努力方能得财。</p>';
    }
    caiStr+='<p>得财额度等级：<b style="color:#2a8a5c">'+caiLevel(caiP)+'</b></p>';
  }else{
    caiStr+='<p style="color:#c43b3b">卦中无妻财爻，财运不佳，宜守不宜攻</p>';
  }
  if(xiongYao.length>0){
    caiStr+='<p><b style="color:#c43b3b">👹 兄弟爻</b>：共'+xiongYao.length+'位，力量总和<b style="color:#c43b3b">'+xiongPower+'</b>分，破财等级：<b style="color:#c43b3b">'+poLevel(xiongAvg)+'</b></p>';
    if(xiongChiShi)caiStr+='<p style="color:#c43b3b">⚠ 兄弟持世！破财耗财之象，需布守财局。</p>';
    if(xiongDong)caiStr+='<p style="color:#c43b3b">⚠ 兄弟发动！近期有破财之事发生。</p>';
  }
  if(ziSunYao.length>0){
    var zi=ziSunYao[0];
    caiStr+='<p><b>🌱 子孙爻（财源）</b>：在<b>'+zi.dz+'</b>（五行'+zi.wx+'），旺衰评分：<b>'+zi.score+'</b>/32'+(zi.score>=16?' — 财源旺盛':' — 财源一般')+'</p>';
  }
  var dongYao=yaoData.find(function(y){return y.isDong;});
  var dongMsg='';
  if(dongYao){
    var dwx=dongYao.wx,swx=shiYao?shiYao.wx:'土',cwx=caiYao.length>0?caiYao[0].wx:'土';
    var shengShi=(WX_BIRTH[dwx]===swx);
    var keShi=(WX_KE_ATC[dwx]===swx);
    var shengCai=(WX_BIRTH[dwx]===cwx);
    var keCai=(WX_KE_ATC[dwx]===cwx);
    var isGuiRen=(shengShi||shengCai);
    var isDiRen=(keShi||keCai);
    if(isGuiRen&&!isDiRen)dongMsg='<p>🤝 <b>动爻（第'+dongYao.wei+'爻 '+'·'+dongYao.dz+'）是贵人</b>：生助'+(shengShi?'世爻(本人)':'')+(shengShi&&shengCai?'和':'')+(shengCai?'妻财(财运)':'')+'，地支<b>'+dongYao.dz.charAt(0)+'</b>是应期时间。</p>';
    else if(isDiRen&&!isGuiRen)dongMsg='<p style="color:#c43b3b">👹 <b>动爻（第'+dongYao.wei+'爻 '+'·'+dongYao.dz+'）是敌人</b>：克制'+(keShi?'世爻(本人)':'')+(keShi&&keCai?'和':'')+(keCai?'妻财(财运)':'')+'，地支<b>'+dongYao.dz.charAt(0)+'</b>是应期时间，需防范！</p>';
    else dongMsg='<p>⚖️ <b>动爻（第'+dongYao.wei+'爻 '+'·'+dongYao.dz+'）</b>：与世爻和妻财关系中性，地支<b>'+dongYao.dz.charAt(0)+'</b>是应期时间。</p>';
  }
if(guanYao.length>0){
    var gu=guanYao[0];
    caiStr+='<p><b>🏢 官鬼爻（事业/贵人）</b>：在<b>'+gu.dz+'</b>（五行'+gu.wx+'），旺衰评分：<b>'+gu.score+'</b>/32'+(gu.score>=16?' — 事业运佳，贵人得力':' — 事业运平，贵人待寻')+'</p>';}
    caiStr+=dongMsg;
  caiStr+='</div>';
  document.getElementById('caiContent').innerHTML=caiStr;
  // ====== 时间段财运走势 ======
  var sd=new Date(startDate);
  var monthHtml='<div class="month-grid">';
  for(var i=0;i<12&&i<Math.ceil(days/30)+1;i++){
    var my=sd.getMonth()+1+i,yr=sd.getFullYear();if(my>12){my-=12;yr++;}
    var zhi=DZ[(my+1)%12];var wx=DZ_WX[zhi];
    var mScore=50;
    if(wx===caiWx)mScore+=25;else if(WX_BIRTH[wx]===caiWx)mScore+=20;else if(WX_KE_ATC[wx]===caiWx)mScore-=20;
    if(xiongYao.length>0&&wx===xiongYao[0].wx)mScore-=15;
    var cls,label;
    if(mScore>=70){cls='m-good';label='旺财月 ★★★'}else if(mScore>=55){cls='m-good';label='小吉月 ★★'}else if(mScore>=45){cls='m-ping';label='平月 ★'}else if(mScore>=30){cls='m-warn';label='守财月'}else{cls='m-bad';label='破财月 ⚠'}
    monthHtml+='<div class="month-cell"><div style="font-weight:600;color:#3a3a3a">'+yr+'年'+my+'月</div><div style="font-size:10px;color:#aaa;margin:2px 0">('+zhi+'月)</div><div class="'+cls+'">'+label+'</div><div style="font-size:10px;color:#888;margin-top:2px">指数 '+mScore+'</div></div>';
  }
  monthHtml+='</div>';
  document.getElementById('monthContent').innerHTML=monthHtml;
  // ====== 大财日与破财日 ======
  var dayHtml='<div style="font-size:13px;line-height:1.8;color:#444">';
  var goodDays=[],badDays=[];
  for(var d=0;d<Math.min(days,31);d++){
    var dt=new Date(sd);dt.setDate(dt.getDate()+d);
    var dz=DZ[(dt.getMonth()+2)%12];var wx=DZ_WX[dz];
    var score=50;
    if(wx===caiWx)score+=25;else if(WX_BIRTH[wx]===caiWx)score+=20;else if(WX_KE_ATC[wx]===caiWx)score-=20;
    if(xiongYao.length>0&&wx===xiongYao[0].wx)score-=15;
    if(score>=70)goodDays.push(dt.getFullYear()+'年'+(dt.getMonth()+1)+'月'+dt.getDate()+'日');
    if(score<35)badDays.push(dt.getFullYear()+'年'+(dt.getMonth()+1)+'月'+dt.getDate()+'日');
    if(goodDays.length>=5&&badDays.length>=5)break;
  }
  if(goodDays.length>0)dayHtml+='<p>💰 <b>大财日：</b></p><p style="color:#2a8a5c;margin:4px 0 10px 12px">'+goodDays.join('、')+'</p>';
  if(badDays.length>0)dayHtml+='<p>⚠️ <b>破财日/守财日：</b></p><p style="color:#c43b3b;margin:4px 0 10px 12px">'+badDays.join('、')+'</p>';
  dayHtml+='</div>';
  document.getElementById('dayContent').innerHTML=dayHtml;
  // ====== 风险排查 ======
  var riskHtml='<div style="font-size:13px;line-height:1.9;color:#444">';
  var sanXingMsg='';
  var xingCombos=[['寅','巳','申'],['丑','未','戌'],['子','卯']];
  yaoData.forEach(function(y){
    for(var ci=0;ci<xingCombos.length;ci++){
      if(xingCombos[ci].indexOf(y.dz.charAt(0))>=0){
        var cnt=0;for(var cj=0;cj<xingCombos[ci].length;cj++){if(pillars.some(function(p){return DZ.indexOf(p[1])===DZ.indexOf(xingCombos[ci][cj]);}))cnt++;}
        if(cnt>=xingCombos[ci].length&&y.qin){
          var xingName=xingCombos[ci].join('');
          if(y.qin==='妻财')sanXingMsg+='<p style="color:#c43b3b">🔴 <b>妻财逢三刑('+xingName+')</b>：因财务纠纷、合同陷阱导致破财，重点注意此爻地支所代表的时间节点。</p>';
          else if(y.qin==='官鬼')sanXingMsg+='<p style="color:#c43b3b">🔴 <b>官鬼逢三刑('+xingName+')</b>：有官非纠纷风险！事业或名誉受损，提前咨询法律顾问。</p>';
          else if(y.qin==='父母')sanXingMsg+='<p style="color:#c43b3b">🔴 <b>父母逢三刑('+xingName+')</b>：注意房产纠纷、合同陷阱或交通事故。</p>';
          else if(y.qin==='兄弟')sanXingMsg+='<p style="color:#c43b3b">🔴 <b>兄弟逢三刑('+xingName+')</b>：因朋友或合作伙伴导致破财，谨慎合伙。</p>';
          else if(y.qin==='子孙')sanXingMsg+='<p style="color:#c43b3b">🔴 <b>子孙逢三刑('+xingName+')</b>：健康问题导致破财，注意身体。</p>';
        }
      }
    }
  });
  if(sanXingMsg)riskHtml+=sanXingMsg;
  yaoData.forEach(function(y){
    if(y.shen==='白虎'){
      if(y.qin==='妻财')riskHtml+='<p style="color:#c43b3b">⚠ <b>妻财临白虎</b>：因财务纠纷、被欺诈导致破财，签约合同需加倍谨慎！</p>';
      else if(y.qin==='官鬼')riskHtml+='<p style="color:#c43b3b">⚠ <b>官鬼临白虎</b>：事业上有重大阻力或健康亮红灯，'+bodyPart(y.dz.charAt(0))+'需注意。</p>';
      else if(y.qin==='父母')riskHtml+='<p style="color:#c43b3b">⚠ <b>父母临白虎</b>：注意出行安全（避免向<b>'+FW[y.dz.charAt(0)]+'</b>方向远行），房产/场地纠纷，签约防上当！</p>';
      else if(y.qin==='子孙')riskHtml+='<p style="color:#c43b3b">⚠ <b>子孙临白虎</b>：健康问题，'+bodyPart(y.dz.charAt(0))+'需关注，财源受阻。</p>';
      else if(y.qin==='兄弟')riskHtml+='<p style="color:#c43b3b">⚠ <b>兄弟临白虎</b>：因朋友/同事/合作伙伴背叛导致重大破财！</p>';
    }
  });
  if(xunKong.length>0)riskHtml+='<p>📌 <b>旬空</b>：'+xunKong.join('、')+'——此二地支的月份或日子不宜做重大财务决策。</p>';
  var ruMuMap={'辰':'水土墓','戌':'火墓','丑':'金墓','未':'木墓'};
  yaoData.forEach(function(y){if(ruMuMap[y.dz.charAt(0)]){riskHtml+='<p>📌 第'+y.wei+'爻('+y.qin+')入'+ruMuMap[y.dz.charAt(0)]+'：财气收藏，此爻之事不宜冒进。</p>';}});
  if(!sanXingMsg&&!yaoData.some(function(y){return y.shen==='白虎';}))riskHtml+='<p style="color:#2a8a5c">✅ 卦中无三刑、无白虎临凶爻，整体风险较低。</p>';
  riskHtml+='</div>';
  document.getElementById('riskContent').innerHTML=riskHtml;
  // ====== 贵人与优化建议 ======
  var remedyHtml='<div style="font-size:13px;line-height:1.9;color:#444">';
  // 兄弟五行为默认金（防undefined）
  var xiongWxDef=xiongYao.length>0?xiongYao[0].wx:'金';
  var keXiongDz=[];
  DZ.forEach(function(z){if(DZ_WX[z]===WX_KE_ATC[xiongWxDef]&&xunKong.indexOf(z)<0)keXiongDz.push(z);});
  var fengShuiMap={
    '木':{color:'绿色/青色',num:'3,8',tree:'3棵发财树/绿萝',mat:'木质/竹质',gem:'绿幽灵/翡翠'},
    '火':{color:'红色/紫色',num:'2,7',tree:'6棵红枫/桃花',mat:'玛瑙/红绳',gem:'红玛瑙/紫水晶'},
    '土':{color:'黄色/棕色',num:'5,10',tree:'8棵富贵竹/黄杨',mat:'陶瓷/玉石',gem:'黄水晶/蜜蜡'},
    '金':{color:'白色/金色',num:'4,9',tree:'9棵金桔/银杏',mat:'金属/银饰',gem:'白水晶/金发晶'},
    '水':{color:'黑色/蓝色',num:'1,6',tree:'1棵水仙/柳树',mat:'水晶/玻璃',gem:'黑曜石/海蓝宝'}
  };
  var fs=caiYao.length>0?fengShuiMap[caiWx]:fengShuiMap['土'];
  var caiSX=SHENGXIAO[caiZ]||'龙';
  var numMap={1:'1,6',2:'2,7',3:'3,8',4:'4,9',5:'5,10',6:'1,6',7:'2,7',8:'3,8',9:'4,9'};
  var caiNum=numMap[DZ.indexOf(caiZ)+1]||'5,10';
  var fsHtml='<div style="margin-top:8px;padding:8px 12px;background:#faf6ee;border:1px solid #eee5d8;border-radius:6px;font-size:12.5px">';
  fsHtml+='<b>🏮 风水助运方案</b><br>';
  fsHtml+='· 旺财颜色：<b style="color:#c43b3b">'+fs.color+'</b>——多穿此色衣物，或用此色装饰<br>';
  fsHtml+='· 旺财数字：<b style="color:#c43b3b">'+fs.num+'</b>——手机号/车牌号/门牌号多用此数<br>';
  fsHtml+='· 旺财手链/饰品：<b style="color:#c43b3b">'+fs.gem+'</b>材质，佩戴于身可旺财运<br>';
  fsHtml+='· 旺财摆件：<b style="color:#c43b3b">'+fs.mat+'</b>材质的风水轮或貔貅，摆放在家中/办公室的<b>'+FW[caiZ]+'</b>方位<br>';
  fsHtml+='· 绿植助运：在<b>'+FW[caiZ]+'</b>方摆放<b style="color:#c43b3b">'+fs.tree+'</b>，可生旺财气<br>';
  if(xiongYao.length>0){
    var keXiongWx2=WX_KE_ATC[xiongYao[0].wx];
    var keFs=fengShuiMap[keXiongWx2]||fengShuiMap['火'];
    fsHtml+='· 化解兄弟破财：佩戴<b style="color:#c43b3b">'+keFs.gem+'</b>材质饰品，或在办公室摆放<b>'+keFs.mat+'</b>材质摆件<br>';
  }
  fsHtml+='· 合伙人生肖：选择生肖<b style="color:#c43b3b">'+caiSX+'</b>或出生在<b>'+FW[caiZ]+'</b>方之人合作最旺财<br>';
  fsHtml+='· 最佳布局时间：在<b>'+caiZ+'</b>日或<b>'+caiChongMu+'</b>日进行风水布局效果最佳';
  fsHtml+='</div>';
  if(xiongChiShi||xiongDong){
    remedyHtml+='<p style="color:#c43b3b"><b>🛡️ 守财局建议</b></p>';
    if(keXiongDz.length>0){
      remedyHtml+='<p>克制兄弟的地支：<b style="color:#2a8a5c">'+keXiongDz.join('、')+'</b>（五行'+WX_KE_ATC[xiongWxDef]+'）</p>';
      remedyHtml+='<p style="margin-left:12px">→ 与此地支相关的人事物可化解破财：</p>';
      keXiongDz.forEach(function(z){
        remedyHtml+='<p style="margin-left:18px">· 地支<b>'+z+'</b>（'+FW[z]+'方），生肖<b>'+SHENGXIAO[z]+'</b>——与此方向/生肖之人合作可守财</p>';
      });
    }
  }
  var guiRenFound=false;
  DZ.forEach(function(z){
    var wx=DZ_WX[z];
    if(wx===WX_BIRTH[caiWx]&&xunKong.indexOf(z)<0){
      remedyHtml+='<p>🧭 <b>贵人</b>：地支<b>'+z+'</b>（'+FW[z]+'方），生肖<b>'+SHENGXIAO[z]+'</b>——生助财运，合作可旺财</p>';
      guiRenFound=true;
    }
    if(xiongYao.length>0&&wx===WX_KE_ATC[xiongWxDef]&&xunKong.indexOf(z)<0&&!guiRenFound){
      remedyHtml+='<p>🧭 <b>守财贵人</b>：地支<b>'+z+'</b>（'+FW[z]+'方），生肖<b>'+SHENGXIAO[z]+'</b>——克制兄弟，防止破财</p>';
    }
  });
  remedyHtml+='<p>📋 <b>执行策略：</b></p><ul style="margin:4px 0 0 18px">';
  if(xiongChiShi||xiongDong)remedyHtml+='<li style="color:#c43b3b">兄弟持世/发动，必须布守财局！减少高风险投资</li>';
  if(caiAvg>=16)remedyHtml+='<li>妻财较旺，可在旺财月积极投资，把握大财日</li>';
  else remedyHtml+='<li>财运偏弱，守成为主，不宜冒进</li>';
  if(ziAvg>=16)remedyHtml+='<li>财源顺畅，可拓展新收入渠道</li>';
  if(guanAvg>=16)remedyHtml+='<li>事业运佳，可争取升职或贵人提携</li>';
  remedyHtml+='<li>破财日和旬空日避免重大签约</li>';
  remedyHtml+='<li>立春放生可化解破财煞气</li>';
  remedyHtml+='<li>以上分析仅供学术研究参考</li></ul>';
  remedyHtml+=fsHtml;
  remedyHtml+='</div>';
  document.getElementById('remedyContent').innerHTML=remedyHtml;
  document.getElementById('resultArea').classList.add('show');
  document.getElementById('resultArea').scrollIntoView({behavior:'smooth'});
}
function pad(n){return n<10?'0'+n:''+n;}
// 地支对应身体部位
function bodyPart(z){
  var map={'子':'泌尿系统/耳','丑':'脾/腹','寅':'胆/手','卯':'肝/目','辰':'胃/肩','巳':'心/面','午':'小肠/目','未':'脾/腹','申':'大肠/肺','酉':'肺/鼻','戌':'胃/腿','亥':'肾/头'};
  return map[z]||'相关部位';
}
function copyResult() {
  var txt='【东方塔罗 · 六神方阵起卦 · 财运分析】\n==============\n';
  var topic = document.getElementById('predictTopic').value.trim();
  if (topic) txt += '主题：' + topic + '\n';
  var info=document.getElementById('guaInfo').innerText||'';
  var gua=document.getElementById('guaDisplay').innerText||'';
  var cai=document.getElementById('caiContent').innerText||'';
  var month=document.getElementById('monthContent').innerText||'';
  var day=document.getElementById('dayContent').innerText||'';
  var risk=document.getElementById('riskContent').innerText||'';
  var remedy=document.getElementById('remedyContent').innerText||'';
  txt+=info.trim()+'\n\n【财运命卦】\n'+gua.trim()+'\n\n【妻财诊断】\n'+cai.trim()+'\n\n【财运走势】\n'+month.trim()+'\n\n【大财日/破财日】\n'+day.trim()+'\n\n【风险排查】\n'+risk.trim()+'\n\n【优化建议】\n'+remedy.trim()+
    '\n—— 易经商界·国际站 ichingquant.com';
  navigator.clipboard.writeText(txt).then(function() {
    var btn = document.querySelector('[onclick="copyResult()"]');
    btn.textContent = '✅ 已复制';
    setTimeout(function(){ btn.textContent = '📋 复制卦象'; }, 2000);
  }).catch(function() {
    var ta = document.createElement('textarea');
    ta.value = txt;
    document.body.appendChild(ta);
    ta.select();
    document.execCommand('copy');
    document.body.removeChild(ta);
    var btn = document.querySelector('[onclick="copyResult()"]');
    btn.textContent = '✅ 已复制';
    setTimeout(function(){ btn.textContent = '📋 复制卦象'; }, 2000);
  });
}
try{document.getElementById('startDate')&&(document.getElementById('startDate').value=new Date().toISOString().slice(0,10))}catch(e){}
try{updatePeriodHint()}catch(e){}
renderCards();
function calcByNumbers() {
  if(typeof AUTH!=='undefined'&&!AUTH.requireLogin())return;
  var n1 = parseInt(document.getElementById('num1').value) || 0;
  var n2 = parseInt(document.getElementById('num2').value) || 0;
  if(!n1 || !n2) { alert('请填入两个数字'); return; }
  var shang = n1 % 8; if(shang === 0) shang = 8;
  var xia = n2 % 8; if(xia === 0) xia = 8;
  var hour = new Date().getHours();
  var dzIdx = Math.floor((hour + 1) / 2) % 12;
  var dongYao = (n1 + n2 + dzIdx) % 6; if(dongYao === 0) dongYao = 6;
  selected = [{num: shang}, {num: xia}];
  generateGua();
}
</script>
<script src="/js/auth_v2.js?v=4"></script>
<div class="declare" style="margin-top:12px;padding:10px 12px;background:#fdf6ee;border:1px solid #e8ddd0;border-radius:6px;font-size:11px;color:#8B4513;line-height:1.7;text-align:center;">郑重声明：本系统提供的所有易经文化分析报告仅供学术研究参考，不构成任何建议。分析结论请勿用于决策依据，请自觉遵守所在国家或地区的法律法规。</div>

<style>
@media(max-width:768px){.gua-flex{flex-direction:column!important;gap:8px!important}.gua-col{flex:1 1 100%!important}.result-section{font-size:14px!important}}
.bubu-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:rgba(10,10,18,0.95);backdrop-filter:blur(10px);border-top:1px solid rgba(201,168,76,0.1);display:flex;height:46px;padding-bottom:env(safe-area-inset-bottom,0px)}
.bubu-bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:none;color:#6a6060;font-size:5px;text-decoration:none;font-family:Inter,sans-serif}
.bubu-bottom-nav a .ic{font-size:12px}.bubu-bottom-nav a.act{color:#c9a84c}
</style>
<div class="bubu-bottom-nav">
  <a href="https://bubucard.com" class="act"><span class="ic">\U0001f3e0Home</a>
  <a href="https://bubucard.com"><span class="ic">\U0001f6d2Shop</a>
  <a href="https://bubucard.com/paipan-clean.html"><span class="ic">\U00002630Paipan</a>
  <a href="https://bubucard.com/community/"><span class="ic">\U0001f310Community</a>
</div>
</body>
</html>