jackyu66gitandCursor
2fb1dfee14
Archive the differentiated YuXinGu product docs, AI engineering system, design contract, and Go/Vue scaffold. Next execution prioritizes Cece-parity over early innovation (see .ai/product/STRATEGY.md). Co-authored-by: Cursor <cursoragent@cursor.com>
104 lines
4.6 KiB
HTML
104 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<!-- Google tag (gtag.js) -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LVVXH3TL04"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', 'G-LVVXH3TL04');
|
|
</script>
|
|
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,maximum-scale=1">
|
|
<title>数字心理学 · 愈心谷</title>
|
|
<link rel="stylesheet" href="../css/app.css">
|
|
<link rel="stylesheet" href="../css/shuzi.css">
|
|
|
|
</head>
|
|
<body class="app-page" data-nav="none" data-back="pages/know.html" data-title="数字心理学 · 愈心谷">
|
|
|
|
<div style="text-align:center;padding:20px 0 4px;">
|
|
<img src="../logo.png" alt="愈心谷" style="height:36px">
|
|
</div>
|
|
<div style="max-width:600px;margin:0 auto;padding:4px 14px;">
|
|
<a href="decode.html" style="color:rgba(255,255,255,0.8);text-decoration:none;font-size:13px;">← 返回愈心解码</a>
|
|
</div>
|
|
<div class="container">
|
|
<div style="text-align:center;margin-bottom:10px;">
|
|
<h1 style="font-size:1.4em;font-weight:800;letter-spacing:0.15em;color:#C8923A;margin:0 0 6px;">愈心谷数字解构</h1>
|
|
<div style="font-size:0.65em;color:#999;letter-spacing:0.12em;margin-top:2px;">✦ 输入公历出生年月日 ✦</div>
|
|
</div>
|
|
<div class="input-row">
|
|
<input type="number" id="inY" value="1986"><span class="lbl">年</span>
|
|
<input type="number" id="inM" value="2"><span class="lbl">月</span>
|
|
<input type="number" id="inD" value="17"><span class="lbl">日</span>
|
|
<button class="btn-gen" id="goBtn">生成</button>
|
|
</div>
|
|
<div class="top-numbers">
|
|
<div class="num-top" id="valR">3</div>
|
|
<div class="num-mid-row"><span id="valQ">4</span><span id="valP">8</span></div>
|
|
</div>
|
|
<div class="triangle-wrapper">
|
|
<svg class="triangle-svg" viewBox="0 0 300 260">
|
|
<polygon points="150,10 290,250 10,250" class="triangle-path"/>
|
|
<line x1="85" y1="130" x2="215" y2="130" class="divider-line"/>
|
|
<line x1="55" y1="190" x2="245" y2="190" class="divider-line"/>
|
|
<line x1="150" y1="130" x2="150" y2="250" class="divider-line"/>
|
|
</svg>
|
|
<div class="inner-number red-num" id="valO" style="left:50%;transform:translateX(-50%)">7</div>
|
|
<div class="inner-number mid-left" id="valM">1</div>
|
|
<div class="inner-number mid-right" id="valN">6</div>
|
|
<div class="inner-number bot-1" id="valI">8</div>
|
|
<div class="inner-number bot-2" id="valJ">2</div>
|
|
<div class="inner-number bot-3" id="valK">1</div>
|
|
<div class="inner-number bot-4" id="valL">5</div>
|
|
<div class="side-decorations">
|
|
<div class="side-num left-group" style="display:flex;flex-direction:column;align-items:center;">
|
|
<div id="valU">3</div>
|
|
<div style="display:flex;gap:8px"><span id="valT">9</span><span id="valS">3</span></div>
|
|
</div>
|
|
<div class="side-num right-group" style="display:flex;flex-direction:column;align-items:center;">
|
|
<div id="valX">9</div>
|
|
<div style="display:flex;gap:8px"><span id="valV">7</span><span id="valW">2</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-date">
|
|
<span id="dateD">17</span><span id="dateM">02</span><span id="dateY">1986</span>
|
|
</div>
|
|
<div class="sections">
|
|
<div class="tabs-nav">
|
|
<button class="tab-btn active" data-tab="shuzi">✨ 数字报告</button>
|
|
<button class="tab-btn" data-tab="meihua">🪷 梅花易数</button>
|
|
<button class="tab-btn" data-tab="xiaoliuren">🔮 小六壬</button>
|
|
<button class="tab-btn" data-tab="daliuren">🌌 大六壬</button>
|
|
<button class="tab-btn" data-tab="qimen">🏯 奇门遁甲</button>
|
|
<button class="tab-btn" data-tab="xingzuo">⭐ 星座</button>
|
|
<button class="tab-btn" data-tab="wuxing">☯️ 五行八卦</button>
|
|
</div>
|
|
<div class="tab-panel active" id="shuzi-panel">
|
|
<div class="missing" id="missingBlock"></div>
|
|
<div class="missing-short" id="missingMsg"></div>
|
|
<hr class="divider">
|
|
<div class="codes" id="codesBlock"></div>
|
|
<div class="joint" id="jointBlock"></div>
|
|
</div>
|
|
<div class="tab-panel" id="meihua-panel"></div>
|
|
<div class="tab-panel" id="xiaoliuren-panel"></div>
|
|
<div class="tab-panel" id="daliuren-panel"></div>
|
|
<div class="tab-panel" id="qimen-panel"></div>
|
|
<div class="tab-panel" id="xingzuo-panel"></div>
|
|
<div class="tab-panel" id="wuxing-panel"></div>
|
|
<div class="footer">内在探索 · 心灵成长</div>
|
|
</div>
|
|
</div>
|
|
<div class="tooltip" id="tip"></div>
|
|
|
|
<script src="../js/shell.js"></script>
|
|
<script src="../js/common.js"></script>
|
|
<script src="../js/shuzi.js"></script>
|
|
</body>
|
|
</html>
|