今日运势 - 五行�?/title> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet"> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Noto Sans SC', sans-serif; background: linear-gradient(180deg, #f0f9ff 0%, #e6e6fa 100%); min-height: 100vh; padding-bottom: 120px; } .navbar { height: 60px; background: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); position: fixed; top: 0; left: 0; right: 0; z-index: 100; } .back-btn { font-size: 24px; color: #666; text-decoration: none; } .logo-text { font-size: 18px; font-weight: bold; color: #8B5CF6; } .user-btn { background: #8B5CF6; color: white; border: none; padding: 8px 16px; border-radius: 8px; font-size: 14px; cursor: pointer; } .page { display: block; padding: 80px 16px 100px; } /* 日期�?*/ .date-header { text-align: center; padding: 20px 0; } .date-main { font-size: 28px; font-weight: bold; color: #1F2937; margin-bottom: 8px; } .date-lunar { font-size: 14px; color: #6B7280; } /* 卡片通用 */ .card { background: #fff; border-radius: 16px; padding: 20px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); } .card-title { font-size: 16px; font-weight: bold; color: #1F2937; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; } .bazi-icon { font-size: 18px; } .bazi-info { font-size: 14px; color: rgba(255,255,255,0.8); font-weight: normal; } /* 五行核心 */ .wuxing-core { background: linear-gradient(135deg, #1e3a5f, #2d5a87); color: #fff; } .wuxing-core .card-title { color: #fff; } .core-text { font-size: 14px; line-height: 1.8; color: rgba(255,255,255,0.9); } /* 穿衣指南 */ .clothes-list { display: flex; flex-direction: column; gap: 12px; } .clothes-item { display: flex; align-items: flex-start; gap: 12px; } .clothes-icon { width: 40px; height: 40px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; } .clothes-tag { padding: 4px 10px; border-radius: 8px; font-size: 12px; font-weight: 500; min-width: 70px; text-align: center; } .tag-good { background: #D1FAE5; color: #059669; } .tag-normal { background: #FEF3C7; color: #D97706; } .tag-bad { background: #FEE2E2; color: #DC2626; } .clothes-desc { font-size: 13px; color: #6B7280; flex: 1; line-height: 1.5; } /* 生肖 */ .shengxiao-list { display: flex; flex-direction: column; gap: 12px; } .sx-item { display: flex; align-items: center; gap: 12px; } .sx-tags { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; } .sx-tag { padding: 4px 12px; border-radius: 20px; font-size: 12px; background: #E5E7EB; color: #374151; } .sx-tag.high { background: #D1FAE5; color: #059669; } .sx-tag.mid { background: #DBEAFE; color: #2563EB; } .sx-tag.low { background: #FEE2E2; color: #DC2626; } .sx-tag-item { display: flex; flex-direction: column; align-items: center; margin: 4px; padding: 8px; background: #F9FAFB; border-radius: 10px; min-width: 60px; } .yunshi-text { font-size: 10px; color: #6B7280; text-align: center; line-height: 1.3; margin-top: 4px; } .zodiac-section { margin-bottom: 16px; } .section-title { font-size: 14px; font-weight: 600; color: #374151; margin-bottom: 10px; padding-left: 4px; border-left: 3px solid #8B5CF6; } .zodiac-cards { display: flex; flex-wrap: wrap; gap: 10px; } .zodiac-card { display: flex; flex-direction: column; align-items: center; padding: 10px 14px; background: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); min-width: 60px; } .zodiac-name { font-size: 14px; font-weight: 600; padding: 4px 10px; border-radius: 16px; margin-bottom: 6px; } .zodiac-name.high { background: #D1FAE5; color: #059669; } .zodiac-name.mid { background: #DBEAFE; color: #2563EB; } .zodiac-name.low { background: #FEE2E2; color: #DC2626; } .zodiac-yunshi { font-size: 11px; color: #6B7280; text-align: center; line-height: 1.4; max-width: 80px; } .sx-title { font-size: 13px; color: #6B7280; min-width: 60px; } /* 易经解读 */ .yijing-text { font-size: 14px; line-height: 1.8; color: #6B7280; } /* 一句话总结 */ .summary-card { background: linear-gradient(135deg, #8B5CF6, #7C3AED); color: #fff; } .summary-card .card-title { color: #fff; } .summary-text { font-size: 15px; line-height: 1.7; color: rgba(255,255,255,0.95); text-align: center; padding: 12px 0; } /* VIP 引导 */ .vip-guide { background: linear-gradient(135deg, #FEF3C7, #FDE68A); border-radius: 16px; padding: 20px; margin-top: 20px; text-align: center; } .vip-title { font-size: 16px; font-weight: bold; color: #92400E; margin-bottom: 8px; } .vip-desc { font-size: 13px; color: #B45309; margin-bottom: 16px; line-height: 1.6; } .vip-btn { display: inline-block; width: auto; padding: 12px 32px; background: linear-gradient(135deg, #F59E0B, #D97706); color: #fff; border: none; border-radius: 12px; font-size: 15px; font-weight: bold; cursor: pointer; text-decoration: none; } .vip-btn:active { transform: scale(0.98); } /* 未登录提�?*/ .login-prompt { background: #F3F4F6; border-radius: 12px; padding: 16px; margin-top: 16px; text-align: center; } .login-prompt p { font-size: 13px; color: #6B7280; margin-bottom: 12px; } .login-btn { display: inline-block; padding: 10px 24px; background: #8B5CF6; color: #fff; border: none; border-radius: 8px; font-size: 14px; font-weight: 500; cursor: pointer; text-decoration: none; } .bottom-tip { text-align: center; padding: 20px; font-size: 12px; color: #9CA3AF; } </style> </head> <body> <nav class="navbar"> <a href="index.html" class="back-btn">�?/a> <span class="logo-text">今日运势</span> <button class="user-btn" id="userBtn" onclick="checkLogin()">登录</button> </nav> <div class="page">  <div class="date-header"> <div class="date-main" id="dateMain">2026�?�?9�?星期�?/div> <div class="date-lunar" id="dateLunar">获取�?..</div> <div class="date-lunar" id="baziLine" style="margin-top:4px;"></div> </div>  <div class="card wuxing-core"> <div class="card-title"> <span id="baziIcons"></span> 今日五行核心 <span id="baziInfo" class="bazi-info"></span> </div> <div class="core-text" id="wuxingCore"></div> </div>  <div class="card"> <div class="card-title">🌈 五行穿衣指南</div> <div class="clothes-list" id="clothesGuide">  </div> </div>  <div class="card"> <div class="card-title">🐾 今日生肖</div> <div class="shengxiao-list" id="shengxiaoList">  </div> </div>  <div class="card"> <div class="card-title">💧 今日五行</div> <div class="wuxing-list" id="wuxingList">  </div> </div>  <div class="card"> <div class="card-title">🌿 易经与科学视角解�?/div> <div class="yijing-text" id="yijingText"></div> </div>  <div class="card summary-card"> <div class="card-title">�?一句话总结</div> <div class="summary-text" id="summaryText"></div> </div>  <div class="card"> <div class="card-title">📅 今日宜忌</div> <div id="tongshenInfo"></div> </div>  <div class="card"> <div class="card-title">�?黄道时辰吉凶</div> <div id="shichenInfo"></div> </div>  <div class="card"> <div class="card-title">✂️ 理发吉祥�?/div> <div id="lifaInfo"></div> </div>  <div class="card"> <div class="card-title">🧭 今日吉祥方位</div> <div id="fangweiInfo"></div> </div>  <div class="card"> <div class="card-title">🔯 时辰九宫飞星�?/div> <div id="feixingInfo"></div> </div>  <div class="vip-guide" id="vipGuide"> <div class="vip-title">🔮 查看你的专属八字运势</div> <div class="vip-desc"> 免费内容看完了？输入你的出生时间�?br>查看结合八字的深度运程分�? </div> <a href="report.html" class="vip-btn">立即查看</a> </div> <div class="login-prompt" id="loginPrompt" style="display:none;"> <p>登录后享受更多功能：无限次查看专属八字运�?/p> <a href="javascript:void(0)" class="login-btn" onclick="doLogin()">立即登录</a> </div> <div class="bottom-tip"> 每日更新 · 免费查看 </div> </div> <script src="js/bazipaipan.js"></script> <script src="js/jiazi60.js"></script> <script src="js/xinliZhuangNongLi.js"></script> <script src="js/meiYueHuangHeiDaoRi.js"></script> <script src="js/tongshen.js"></script> <script src="js/jiuGongFeiXing.js"></script> <script src="js/daily-fortune.js"></script> <script> // 今日数据 - 通过算法动态生�? let todayData; // 渲染穿衣指南 function renderClothes() { const container = document.getElementById('clothesGuide'); // 获取五行对应的颜�? const wuxingBgColors = { '�?: '#4CAF50', '�?: '#F44336', '�?: '#795548', '�?: '#FFC107', '�?: '#2196F3' }; container.innerHTML = todayData.clothes.map(item => { const bgColor = wuxingBgColors[item.wuxing] || '#9E9E9E'; return ` <div class="clothes-item"> <div class="clothes-icon" style="background:${bgColor}">🧥</div> <div> <div style="font-size:13px;color:#374151;font-weight:500;">${item.tag}�?{item.colors}</div> <div class="clothes-desc">${item.desc}</div> </div> </div> `}).join(''); } // 渲染生肖 - 保持原有设计，显示特�?次吉/需要注�? function renderShengxiao() { // 今日生肖的图�?- 猪用可爱的蓝色卡通SVG const shengxiaoIcons = { '�?: '🐭', '�?: '🐮', '�?: '🐯', '�?: '🐰', '�?: '🐉', '�?: '🐍', '�?: '🐴', '�?: '🐑', '�?: '🐒', '�?: '🐔', '�?: '🐕', '�?: `<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <ellipse cx="50" cy="55" rx="38" ry="35" fill="#BFDBFE"/> <ellipse cx="18" cy="30" rx="12" ry="18" fill="#93C5FD"/> <ellipse cx="82" cy="30" rx="12" ry="18" fill="#93C5FD"/> <ellipse cx="18" cy="30" rx="6" ry="10" fill="#DBEAFE"/> <ellipse cx="82" cy="30" rx="6" ry="10" fill="#DBEAFE"/> <circle cx="35" cy="45" r="7" fill="#1E3A5F"/> <circle cx="65" cy="45" r="7" fill="#1E3A5F"/> <circle cx="37" cy="43" r="2.5" fill="#fff"/> <circle cx="67" cy="43" r="2.5" fill="#fff"/> <ellipse cx="18" cy="55" rx="7" ry="4" fill="#F472B6" opacity="0.4"/> <ellipse cx="82" cy="55" rx="7" ry="4" fill="#F472B6" opacity="0.4"/> <ellipse cx="50" cy="55" rx="14" ry="10" fill="#2563EB"/> <ellipse cx="44" cy="55" rx="3" ry="4" fill="#1E40AF"/> <ellipse cx="56" cy="55" rx="3" ry="4" fill="#1E40AF"/> <path d="M42 70 Q50 76 58 70" stroke="#1E40AF" stroke-width="2" fill="none" stroke-linecap="round"/> <ellipse cx="50" cy="16" rx="14" ry="7" fill="#2563EB"/> <circle cx="50" cy="16" r="4" fill="#1E40AF"/> </svg>` }; // 地支转生�? const shengxiaoToZhi = { '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�? }; const riZhi = riZhu.charAt(1); // 使用 tongshen.js 的函数计算每个生肖的运势 function getZhuYunshi(shengxiao) { const zhi = shengxiaoToZhi[shengxiao]; if (!zhi) return ""; return shengxiaomeiriyunshi_jisuan(zhi, riZhi); } const todayZodiac = todayData.shengxiao.today; const todayIcon = shengxiaoIcons[todayZodiac] || '🐾'; const isPig = todayZodiac === '�?; const iconHtml = isPig ? todayIcon : `<span style="font-size:80px;">${todayIcon}</span>`; // 生成带运势的生肖卡片 const makeTags = (list, isBad) => list.map(s => { let yunshi = getZhuYunshi(s); yunshi = yunshi.replace(/�?/, ''); const parts = yunshi.split('�?); const formatted = parts.map(p => { const chunks = p.match(/.{1,4}/g) || [p]; return chunks.join('<br>'); }).join('<br>'); const colorClass = isBad ? 'low' : 'high'; return ` <div class="sx-tag-item"> <span class="sx-tag ${colorClass}">${s}</span> <span class="yunshi-text">${formatted}</span> </div>`; }).join(''); const container = document.getElementById('shengxiaoList'); container.innerHTML = ` <div style="text-align:center;padding:16px;"> ${iconHtml} </div> <div class="sx-item"> <span class="sx-title">特吉生肖</span> <div class="sx-tags">${makeTags(todayData.shengxiao.best.filter(s => s !== todayZodiac), false)}</div> </div> <div style="font-size:12px;color:#6B7280;margin-left:72px;">三合+六合，得天时助力</div> <div class="sx-item" style="margin-top:12px;"> <span class="sx-title">次吉生肖</span> <div class="sx-tags">${makeTags(todayData.shengxiao.good, false)}</div> </div> <div style="font-size:12px;color:#6B7280;margin-left:72px;">稳中可进，协作顺�?/div> <div class="sx-item" style="margin-top:12px;"> <span class="sx-title">需要注�?/span> <div class="sx-tags">${makeTags(todayData.shengxiao.bad, true)}</div> </div> <div style="font-size:12px;color:#6B7280;margin-left:72px;">相冲相害相刑，谨言慎行</div> `; } // 检查登录状�? function checkLogin() { const user = localStorage.getItem('wuxing_user'); if (user) { const userData = JSON.parse(user); document.getElementById('userBtn').textContent = userData.name || '已登�?; } } // 渲染今日五行 - 显示全部10个天�? function renderWuxing() { const riGan = riZhu.charAt(0); // 日干 // 获取五行图标和颜�? const wuxingIcons = { '�?: '🌲', '�?: '🔥', '�?: '🏔�?, '�?: '⚔️', '�?: '💧' }; const wuxingColors = { '�?: '#22C55E', '�?: '#EF4444', '�?: '#A16207', '�?: '#F59E0B', '�?: '#3B82F6' }; const tianGanWuxing = { '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�? }; // 10个天干列�? const allTianGan = ['�?, '�?, '�?, '�?, '�?, '�?, '�?, '�?, '�?, '�?]; // 计算每个天干的运�? const cardsHtml = allTianGan.map(tg => { // 调用 tongshen.js �?wuxingyunshi 函数：wuxingyunshi(天干, 日干) let wuxingYunshi = wuxingyunshi(tg, riGan); wuxingYunshi = wuxingYunshi.replace(/�?/, ''); const parts = wuxingYunshi.split('�?); const formatted = parts.map(p => { const chunks = p.match(/.{1,4}/g) || [p]; return chunks.join('<br>'); }).join('<br>'); const myWuxing = tianGanWuxing[tg]; const myColor = wuxingColors[myWuxing]; return ` <div class="zodiac-card"> <span class="zodiac-name" style="background:${myColor};color:#fff;">${tg}</span> <span class="zodiac-yunshi">${formatted}</span> </div>`; }).join(''); const container = document.getElementById('wuxingList'); container.innerHTML = ` <div class="zodiac-section"> <div class="section-title">日主今日运势</div> <div class="zodiac-cards">${cardsHtml}</div> </div> `; } // 渲染通胜黄道吉日 function renderTongshen(data) { const container = document.getElementById('tongshenInfo'); const isJi = data.dajili === '�?; // 大黄道说�?- 使用数据对象中的描述 const dahuangdaoDesc = data.dahuangdaoDesc || ''; // 小黄道说�?- 使用数据对象中的�? const xiaohuandaoDesc = getXiaohuandaoDesc(data.xiaohuandao); // 12值日对应的宜�?- 使用算法计算的结�? const yiji = data.todayYi || ''; const buji = data.todayJi || ''; // 彭祖百忌 const pengzuTian = data.pengzuTian || ''; const pengzuDi = data.pengzuDi || ''; container.innerHTML = `  <div style="margin-bottom:16px;"> <div style="font-size:14px;color:#374151;font-weight:600;margin-bottom:8px;"> 大黄�?<span style="background:${isJi ? '#D1FAE5' : '#FEE2E2'};color:${isJi ? '#059669' : '#DC2626'};padding:2px 8px;border-radius:4px;font-size:13px;">${data.dahuangdao} ${data.dajili}</span> </div> <div style="font-size:13px;color:#6B7280;line-height:1.6;"> ${dahuangdaoDesc} </div> </div>  <div style="margin-bottom:16px;"> <div style="font-size:14px;color:#374151;font-weight:600;margin-bottom:8px;"> 小黄�?<span style="background:#FEF3C7;color:#D97706;padding:2px 8px;border-radius:4px;font-size:13px;">${data.xiaohuandao} ${data.xiaojili}</span> </div> <div style="font-size:13px;color:#6B7280;line-height:1.6;"> ${xiaohuandaoDesc} </div> </div>  <div style="margin-bottom:16px;"> <div style="font-size:14px;color:#374151;font-weight:600;margin-bottom:8px;">彭祖百忌</div> <div style="font-size:12px;color:#6B7280;line-height:1.8;"> <div><span style="color:#DC2626;">天干�?/span>${pengzuTian}</div> <div><span style="color:#DC2626;">地支�?/span>${pengzuDi}</div> </div> </div>  <div> <div style="font-size:14px;color:#374151;font-weight:600;margin-bottom:8px;">宜忌</div> <div style="margin-bottom:8px;padding:10px;background:#FEF3C7;border-radius:8px;"> <span style="display:inline-block;padding:3px 10px;background:#F59E0B;color:#fff;border-radius:4px;font-size:12px;margin-right:8px;">�?/span> <span style="font-size:12px;color:#92400E;line-height:1.5;">${yiji}</span> </div> <div style="padding:10px;background:#E0F2FE;border-radius:8px;"> <span style="display:inline-block;padding:3px 10px;background:#0EA5E9;color:#fff;border-radius:4px;font-size:12px;margin-right:8px;">�?/span> <span style="font-size:12px;color:#0369A1;line-height:1.5;">${buji}</span> </div> </div> `; } // 获取12值日说明 function getXiaohuandaoDesc(zhi) { const desc = { '�?: '建基立业，出行、行军、开光、安座，求财、谒贵、上书，求职，拜访上司�?, '�?: '清除，除旧迎新之象，治疗疾病，断邪（毒断蚁、塞鼠穴）�?, '�?: '肆市、开业及相关的祈福、祭祀、交易、立契�?, '�?: '平顺之日，宜出行，行船、治病、除灾、修路、整地基、粉刷墙壁�?, '�?: '凡事有定，宜进畜、冠带、安床、嫁娶、采纳、商贾、拜访、考试、入学、上任、签约、垒灶、宴会�?, '�?: '捕抓、祈福、祭祀、求子、结婚、立约�?, '�?: '求医、疗病、破屋拆迁，赴考求名�?, '�?: '危可捕鱼，不利行船�?, '�?: '祈福、嫁娶、交易、开市、远行、移徒、求医、入学、上任都是好日子，凡事佳有成�?, '�?: '收取，订盟、开市、纳财、收买田地屋宇、收债�?, '开': '开始，开放，开通顺利。上官、入学、开市、交易、立约、出行、入仓、求财、求子、求缘、求职、求名都是好日子�?, '�?: '今日有关闭，闭塞之意。宜做收敛类的事情，如埋葬、填补、筑堤、修屋�? }; return desc[zhi] || ''; } // 获取12值日的宜�? function get12ZhiRiYiji(zhi) { const yijiData = { '�?: { yi: '建基立业，出行、行军、开光、安座，求财、谒贵、上书，求职，拜访上司�?, ji: '开仓、开库，埋葬�? }, '�?: { yi: '清除，除旧迎新之象，治疗疾病，断邪（毒断蚁、塞鼠穴）�?, ji: '求官、上任、签约，移徒�? }, '�?: { yi: '肆市、开业及相关的祈福、祭祀、交易、立契�?, ji: '动土、栽种、布菜、服药疗病�? }, '�?: { yi: '平顺之日，宜出行，行船、治病、除灾、修路、整地基、粉刷墙壁�?, ji: '平稳之日，万事可行，无吉无凶�? }, '�?: { yi: '凡事有定，宜进畜、冠带、安床、嫁娶、采纳、商贾、拜访、考试、入学、上任、签约、垒灶、宴会�?, ji: '打官司，医疗，出师�? }, '�?: { yi: '捕抓、祈福、祭祀、求子、结婚、立约�?, ji: '搬家、开仓、远行�? }, '�?: { yi: '求医、疗病、破屋拆迁，赴考求名�?, ji: '百事俱忌�? }, '�?: { yi: '经营、求官、谋为、直接与人商量公事，经商可得利益，百事吉�?, ji: '登高、冒险、行船�? }, '�?: { yi: '祈福、嫁娶、交易、开市、远行、移徒、求医、入学、上任都是好日子，凡事佳有成�?, ji: '行刑、送礼�? }, '�?: { yi: '收取，订盟、开市、纳财、收买田地屋宇、收债�?, ji: '种植、动土�? }, '开': { yi: '开始，开放，开通顺利。上官、入学、开市、交易、立约、出行、入仓、求财、求子、求缘、求职、求名都是好日子�?, ji: '种植、调任�? }, '�?: { yi: '今日有关闭，闭塞之意。宜做收敛类的事情，如埋葬、填补、筑堤、修屋�?, ji: '开业、交易�? } }; return yijiData[zhi] || { yi: '', ji: '' }; } // 渲染黄道时辰吉凶 function renderShichen() { const container = document.getElementById('shichenInfo'); const shichenNames = ['子时', '丑时', '寅时', '卯时', '辰时', '巳时', '午时', '未时', '申时', '酉时', '戌时', '亥时']; const shichenTimes = ['23:00-00:59', '01:00-02:59', '03:00-04:59', '05:00-06:59', '07:00-08:59', '09:00-10:59', '11:00-12:59', '13:00-14:59', '15:00-16:59', '17:00-18:59', '19:00-20:59', '21:00-22:59']; // 获取当前时辰 const now = new Date(); const currentHour = now.getHours(); // 计算当前时辰索引 (子时=0, 丑时=1, ...) let currentShichenIndex = Math.floor((currentHour + 1) / 2) % 12; let html = '<div style="display:grid;grid-template-columns:repeat(2,1fr);gap:8px;">'; for (let i = 0; i < 12; i++) { const isJi = huangdaoshichengji[i] === '【吉�?; const isCurrent = i === currentShichenIndex; const bgColor = isJi ? '#D1FAE5' : '#FEE2E2'; const textColor = isJi ? '#059669' : '#DC2626'; const borderStyle = isCurrent ? 'border:2px solid #8B5CF6;' : ''; const currentBadge = isCurrent ? '<span style="display:inline-block;padding:1px 6px;background:#8B5CF6;color:#fff;border-radius:4px;font-size:10px;margin-left:4px;">当前</span>' : ''; html += ` <div style="padding:8px 10px;background:${bgColor};border-radius:8px;${borderStyle}"> <div style="font-size:13px;color:#374151;font-weight:500;">${shichenNames[i]}${currentBadge}</div> <div style="font-size:11px;color:#6B7280;">${shichenTimes[i]}</div> <div style="font-size:12px;color:${textColor};font-weight:600;margin-top:4px;"> ${shichenghuangdao[i]} ${huangdaoshichengji[i]} </div> </div> `; } html += '</div>'; container.innerHTML = html; } // 渲染理发吉祥�? function renderLifa() { const container = document.getElementById('lifaInfo'); // 农历日期转中�? function getLunarDayName(day) { const dayNames = ['', '初一', '初二', '初三', '初四', '初五', '初六', '初七', '初八', '初九', '初十', '十一', '十二', '十三', '十四', '十五', '十六', '十七', '十八', '十九', '二十', '二十一', '二十�?, '二十�?, '二十�?, '二十�?, '二十�?, '二十�?, '二十�?, '二十�?, '三十']; return dayNames[day] || day + '�?; } // �?init 中已设置�?nongliri 获取农历�? const lunarDay = parseInt(nongliri) || 1; // 理发吉祥�?- 完整数据 const lifaData = { 3: { desc: '聚财，变成富裕人�? }, 4: { desc: '怀业增广，增权势，气色好，容颜俊美' }, 5: { desc: '聚财，增长财�? }, 8: { desc: '长寿' }, 10: { desc: '增长快乐，心情愉�? }, 11: { desc: '增长智慧' }, 13: { desc: '大吉增智�? }, 14: { desc: '聚财' }, 19: { desc: '增佛法力，增加寿�? }, 23: { desc: '发财，富�? }, 26: { desc: '心情愉快' }, 27: { desc: '吉祥�? } }; const todayInfo = lifaData[lunarDay]; const isJiri = !!todayInfo; const lunarDayName = getLunarDayName(lunarDay); // 计算下次吉祥�? let nextInfo = null; for (let i = 1; i <= 30; i++) { const checkDay = (lunarDay + i) > 30 ? (lunarDay + i - 30) : (lunarDay + i); if (lifaData[checkDay]) { nextInfo = { day: checkDay, desc: lifaData[checkDay].desc }; break; } } let html = ''; if (isJiri) { // 今天是理发吉祥日 html = ` <div style="text-align:center;padding:16px;background:linear-gradient(135deg,#FEF3C7,#FDE68A);border-radius:12px;margin-bottom:12px;"> <div style="font-size:32px;margin-bottom:8px;">✂️</div> <div style="font-size:16px;color:#92400E;font-weight:600;margin-bottom:4px;">农历${lunarDayName}</div> <div style="font-size:14px;color:#B45309;">${todayInfo.desc}</div> </div> `; } else { // 今天是普通日�? html = ` <div style="text-align:center;padding:16px;background:#F3F4F6;border-radius:12px;margin-bottom:12px;"> <div style="font-size:32px;margin-bottom:8px;">📅</div> <div style="font-size:16px;color:#374151;font-weight:600;margin-bottom:4px;">农历${lunarDayName}</div> <div style="font-size:14px;color:#6B7280;">今日无特别理发吉�?/div> </div> `; } // 显示下次吉祥�? if (nextInfo) { const nextDayName = getLunarDayName(nextInfo.day); html += ` <div style="font-size:13px;color:#6B7280;padding:12px;background:#FEF3C7;border-radius:8px;"> <div style="font-weight:600;color:#92400E;margin-bottom:4px;">📅 下次吉祥日：农历${nextDayName}</div> <div style="color:#B45309;">${nextInfo.desc}</div> </div> `; } container.innerHTML = html; } // 渲染今日吉祥方位 function renderFangwei() { const container = document.getElementById('fangweiInfo'); const riGan = riZhu.charAt(0); // 日干 const riZhi = riZhu.charAt(1); // 日支 // 财位 RiCaiwei(riGan); const caiwei = word_caiwei; // 驿马位（申子辰在寅，寅午戌在申，巳酉丑在亥，亥卯未在巳） let yimawei = ''; if (riZhi === '�? || riZhi === '�? || riZhi === '�?) { yimawei = '东北�?; } else if (riZhi === '�? || riZhi === '�? || riZhi === '�?) { yimawei = '东南�?; } else if (riZhi === '�? || riZhi === '�? || riZhi === '�?) { yimawei = '西北�?; } else if (riZhi === '�? || riZhi === '�? || riZhi === '�?) { yimawei = '东南�?; } // 文昌位（子午卯酉在北，寅申巳亥在东，辰戌丑未在南�? let wenchangwei = ''; if (riZhi === '�? || riZhi === '�? || riZhi === '�? || riZhi === '�?) { wenchangwei = '北方'; } else if (riZhi === '�? || riZhi === '�? || riZhi === '�? || riZhi === '�?) { wenchangwei = '东南�?; } else if (riZhi === '�? || riZhi === '�? || riZhi === '�? || riZhi === '�?) { wenchangwei = '西南�?; } const html = ` <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:10px;"> <div style="padding:12px;background:#FEF3C7;border-radius:10px;text-align:center;"> <div style="font-size:24px;margin-bottom:4px;">💰</div> <div style="font-size:12px;color:#92400E;font-weight:600;">财位</div> <div style="font-size:11px;color:#B45309;">${caiwei.replace('今日财位�?, '')}</div> </div> <div style="padding:12px;background:#DBEAFE;border-radius:10px;text-align:center;"> <div style="font-size:24px;margin-bottom:4px;">🐴</div> <div style="font-size:12px;color:#1E40AF;font-weight:600;">驿马�?/div> <div style="font-size:11px;color:#2563EB;">${yimawei || '�?}</div> </div> <div style="padding:12px;background:#E0E7FF;border-radius:10px;text-align:center;"> <div style="font-size:24px;margin-bottom:4px;">📚</div> <div style="font-size:12px;color:#3730A3;font-weight:600;">文昌�?/div> <div style="font-size:11px;color:#4F46E5;">${wenchangwei || '�?}</div> </div> </div> `; container.innerHTML = html; } // 渲染九宫飞星 function renderFeixing() { const container = document.getElementById('feixingInfo'); if (!container) { return; } // 获取当前时间 const now = new Date(); const year = now.getFullYear(); const month = now.getMonth() + 1; const day = now.getDate(); const hour = now.getHours(); const minute = now.getMinutes(); const h_fen = hour * 100 + minute; const riZhi = riZhu ? riZhu.charAt(1) : '�?; const shiZhi = shiZhu ? shiZhu.charAt(1) : '�?; // 调用算法计算时辰九宫飞星 try { Hour_feixing(year, month, day, h_fen, riZhi, shiZhi); } catch(e) { console.log('Hour_feixing error:', e); } // 如果数组为空，初始化为默认�? if (!place_feixing_Hour || !place_feixing_Hour[0]) { place_feixing_Hour = ["喜庆", "是非", "病符", "文昌", "五黄", "偏财", "破财", "正财", "桃花"]; } // 飞星属性对应的全名 const feixingNames = { "喜庆": "九紫右弼�?, "是非": "三碧禄存�?, "病符": "二黑巨门�?, "文昌": "四绿文曲�?, "五黄": "五黄廉贞�?, "偏财": "六白武曲�?, "破财": "七赤破军�?, "正财": "八白左辅�?, "桃花": "一白贪狼星" }; // 飞星属性对应的主要作用 const feixingDesc = { "桃花": "主官运，名气", "病符": "主疾病，破财", "是非": "主是非，官灾", "文昌": "主文思，才华", "五黄": "主凶灾，祸患", "偏财": "主横财，贵人", "破财": "主口舌，疾病", "正财": "主功名，富贵", "喜庆": "主喜庆，姻缘" }; // 飞星颜色（优化对比度，清晰易读） const feixingColors = { "桃花": { bg: "#FCE7F3", text: "#BE185D" }, // 一�?- 浅粉�? "病符": { bg: "#E5E7EB", text: "#374151" }, // 二黑 - 浅灰 "是非": { bg: "#D1FAE5", text: "#065F46" }, // 三碧 - 浅绿 "文昌": { bg: "#DCFCE7", text: "#166534" }, // 四绿 - 浅绿 "五黄": { bg: "#FEF3C7", text: "#92400E" }, // 五黄 - 浅黄 "偏财": { bg: "#DBEAFE", text: "#1E40AF" }, // 六白 - 浅蓝 "破财": { bg: "#FEE2E2", text: "#991B1B" }, // 七赤 - 浅红 "正财": { bg: "#FEF08A", text: "#854D0E" }, // 八白 - 浅黄 "喜庆": { bg: "#F3E8FF", text: "#7C3AED" } // 九紫 - 浅紫 }; // 宫位名称（按九宫格顺序：东南→正南→西南→正东→中宫→正西→东北→正北→西北�? const gongweiNames = ["东南巽宫", "正南离宫", "西南坤宫", "正东震宫", "中宫", "正西兑宫", "东北艮宫", "正北坎宫", "西北乾宫"]; let html = ` <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:4px;text-align:center;"> `; // 显示九宫格（3行x3列） for (let i = 0; i < 9; i++) { const starAttr = place_feixing_Hour[i] || ''; const starName = feixingNames[starAttr] || ''; const starDesc = feixingDesc[starAttr] || ''; const colors = feixingColors[starAttr] || { bg: "#F3F4F6", text: "#374151" }; html += ` <div style="padding:8px;background:${colors.bg};border-radius:6px;"> <div style="font-size:11px;color:${colors.text};opacity:0.8;">${gongweiNames[i]}</div> <div style="font-size:14px;color:${colors.text};font-weight:600;">${starAttr}</div> <div style="font-size:12px;color:${colors.text};opacity:0.9;">${starName}</div> <div style="font-size:11px;color:${colors.text};opacity:0.7;">${starDesc}</div> </div> `; } html += '</div>'; container.innerHTML = html; } function doLogin() { window.location.href = 'report.html'; } // 获取地支颜色 function getZhiColor(zhi) { const colors = { '�?: '#1565C0', // �?- �? '�?: '#6D4C41', // �?- �? '�?: '#2E7D32', // �?- �? '�?: '#4CAF50', // �?- �? '�?: '#795548', // �?- �? '�?: '#D32F2F', // �?- �? '�?: '#F44336', // �?- �? '�?: '#8D6E63', // �?- �? '�?: '#FF8F00', // �?- �? '�?: '#FFC107', // �?- �? '�?: '#A1887F', // �?- �? '�?: '#0D47A1' // �?- 深蓝 }; return colors[zhi] || '#1e3a5f'; } // 调整颜色亮度 function adjustColor(color, amount) { const hex = color.replace('#', ''); const r = Math.max(0, Math.min(255, parseInt(hex.substr(0, 2), 16) + amount)); const g = Math.max(0, Math.min(255, parseInt(hex.substr(2, 2), 16) + amount)); const b = Math.max(0, Math.min(255, parseInt(hex.substr(4, 2), 16) + amount)); return '#' + [r, g, b].map(x => x.toString(16).padStart(2, '0')).join(''); } // 获取天干五行 function getGanWuxing(gan) { const wuxing = { '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�? }; return wuxing[gan] || ''; } // 获取地支生肖文字 function getZhiShengxiao(zhi) { const shengxiao = { '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�?, '�?: '�? }; return shengxiao[zhi] || ''; } // 获取天干图标 function getGanIcon(gan) { const icons = { '�?: '🌲', '�?: '🌿', '�?: '☀�?, '�?: '🔥', '�?: '🏔�?, '�?: '🌍', '�?: '⚔️', '�?: '💎', '�?: '🌊', '�?: '💧' }; return icons[gan] || '�?; } // 获取地支图标 function getZhiIcon(zhi) { const icons = { '�?: '🐭', '�?: '🐮', '�?: '🐅', '�?: '🐰', '�?: '🐉', '�?: '🐍', '�?: '🐎', '�?: '🐑', '�?: '🐒', '�?: '🐔', '�?: '🐕', '�?: '🐗' }; return icons[zhi] || '�?; } // 初始�?- 使用算法生成数据 function init() { const now = new Date(); const year = now.getFullYear(); const month = now.getMonth() + 1; const day = now.getDate(); // 获取当前时间，格�?HHMM const hour = now.getHours(); const minute = now.getMinutes(); const timeValue = hour * 100 + minute; // �?1038 格式 // 调用 bazipaipan.js �?setbazi 计算八字（设置全局变量�? setbazi(year, month, day, timeValue); // 调用 xinliZhuangNongLi.js �?getnongli 计算农历 const lunarStr = getnongli(year, month, day); // 显示公历日期 const weekDays = ['星期�?, '星期一', '星期�?, '星期�?, '星期�?, '星期�?, '星期�?]; document.getElementById('dateMain').textContent = `${year}�?{month}�?{day}�?${weekDays[now.getDay()]}`; // 显示农历 document.getElementById('dateLunar').textContent = lunarStr; // 显示八字 (使用 bazipaipan.js 设置的全局变量 nianZhu, yueZhu, riZhu, shiZhu) const baziFull = nianZhu + " " + yueZhu + " " + riZhu + " " + shiZhu; document.getElementById('baziLine').textContent = baziFull; // 计算五行核心和穿衣指�? // 使用 bazipaipan.js 计算出的真实日柱�?0甲子�? // riZhu �?bazipaipan.js 里的全局变量 const riGan = riZhu.charAt(0); // 日干 const riZhi = riZhu.charAt(1); // 日支 const wuxingData = calculateDailyWuxing(riGan, riZhi); const clothes = calculateClothes(wuxingData.tianGan, wuxingData.diZhi, wuxingData.wuxing); const shengxiaoData = calculateShengxiao(riZhi); // 传入日支计算生肖运势 const jiaziData = getTodayFortuneText(); // 使用60甲子静态数�? // 计算黄道吉日（需要农历月和日支） // nongliyue �?xinliZhuangNongLi.js 的全局变量 const nongliyueStr = ['�?, '�?, '�?, '�?, '�?, '�?, '�?, '�?, '�?, '�?, '�?, '�?][nongliyue - 1] || '�?; daxiaoHuanDaoJiSuan(nongliyueStr, riZhi); pengzibaijiyunsuan(riGan, riZhi, xiaohuandao); huangdaojishi(riZhi); // 黄道时辰吉凶 // 黄道吉日数据 const tongshenData = { dahuangdao: dahuangdao, dajili: dajili, dahuangdaoDesc: shensha12[dahuangdao_xiaobiao], xiaohuandao: xiaohuandao, xiaojili: xiaojili, pengzuTian: pengzu_T, pengzuDi: pengzu_D, pengzuZhi: pengzu_z, todayYi: todayYi || '', todayJi: todayJi || '' }; // 生成天干地支图标 const ganIcon = getGanIcon(riGan); const zhiIcon = getZhiIcon(riZhi); document.getElementById('baziIcons').innerHTML = `<span class="bazi-icon">${ganIcon}</span><span class="bazi-icon">${zhiIcon}</span>`; // 显示天干五行+地支生肖，如（水猪） const ganWuxing = getGanWuxing(riGan); const zhiShengxiao = getZhiShengxiao(riZhi); // 地支对应的生肖文�? document.getElementById('baziInfo').textContent = `�?{ganWuxing}${zhiShengxiao}）`; // 设置背景色为地支颜色 const zhiColor = getZhiColor(riZhi); document.querySelector('.wuxing-core').style.background = `linear-gradient(135deg, ${zhiColor}, ${adjustColor(zhiColor, -30)})`; todayData = { date: `${year}�?{month}�?{day}日`, lunar: lunarStr, bazi: baziFull, wuxingCore: wuxingData.coreText, clothes: clothes, shengxiao: shengxiaoData, yijing: jiaziData, summary: jiaziData.summary }; document.getElementById('wuxingCore').textContent = jiaziData.core; document.getElementById('yijingText').innerHTML = `易理�?{jiaziData.yijing}<br><br>科学角度�?{jiaziData.yijing}`; document.getElementById('summaryText').textContent = jiaziData.summary; renderClothes(); renderShengxiao(); renderWuxing(); renderTongshen(tongshenData); renderShichen(); renderLifa(); renderFangwei(); renderFeixing(); checkLogin(); } init(); </script> </body> </html>