?????? - ?????/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> <script>(function(){var u=new URLSearchParams(window.location.search);var a=u.get("agent");var t={r:document.referrer||"",p:window.location.pathname};if(a){t.a=int(a)}fetch("https://loveyou.show/api/track-visit",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}).catch(function(){})})();</script></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() { // ???????????- ??????????????VG 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 ?????uxingyunshi(???, ???) 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??3??? 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; document.getElementById('summaryText').textContent = jiaziData.summary; renderClothes(); renderShengxiao(); renderWuxing(); renderTongshen(tongshenData); renderShichen(); renderLifa(); renderFangwei(); renderFeixing(); checkLogin(); } init(); </script> </body> </html>