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>
76 lines
3.1 KiB
HTML
76 lines
3.1 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/health.css">
|
||
|
||
</head>
|
||
<body class="app-page" data-nav="health">
|
||
|
||
<div style="max-width:500px;margin:0 auto;padding:8px 14px;">
|
||
<a href="decode.html" style="color:#9b8a78;text-decoration:none;font-size:13px;">← 返回愈心解码</a>
|
||
</div>
|
||
<div class="container">
|
||
|
||
<div class="header">
|
||
<img src="../logo.png" alt="愈心谷" style="height:36px;margin-bottom:6px">
|
||
<div class="sub">易经 × 黄帝内经 × 五运六气</div>
|
||
</div>
|
||
|
||
<div class="tabs" id="tabs">
|
||
<div class="tab active" data-tab="profile">📋 先天档案</div>
|
||
<div class="tab" data-tab="weekly">📊 本周报告</div>
|
||
<div class="tab" data-tab="daily">☀️ 今日养生</div>
|
||
</div>
|
||
|
||
<!-- ===== PROFILE ===== -->
|
||
<div id="tab-profile">
|
||
<div class="card" id="formCard">
|
||
<h2>📝 建立先天健康档案</h2>
|
||
<p class="dim">仅需填写一次,系统自动推算八字、五行、体质,生成终身健康画像</p>
|
||
<div class="fg"><label>姓名</label><input id="fname" placeholder="请输入姓名"></div>
|
||
<div class="fg"><label>性别</label><select id="fgender"><option value="男">男</option><option value="女">女</option></select></div>
|
||
<div class="fg"><label>出生日期(公历)</label><input id="fbirth" type="date" value="1990-01-01"></div>
|
||
<div class="fr">
|
||
<div class="fg"><label>出生时间</label><input id="ftime" type="time" value="12:00"></div>
|
||
<div class="fg"><label>出生地</label><input id="fplace" placeholder="如:上海" value="上海"></div>
|
||
</div>
|
||
<button class="btn btn-pri" onclick="gen()">🧬 生成先天体质画像</button>
|
||
<p class="tip">数据仅存本地,不上传服务器</p>
|
||
</div>
|
||
<div id="profileResult" class="hidden">
|
||
<div class="card" id="baziCard"><h2>🔢 八字命盘</h2><div id="baziTable"></div></div>
|
||
<div class="card"><h2>🎨 五行画像</h2><div class="penta" id="pentagram"></div><div id="pentagramNote" style="font-size:12px;color:#999;text-align:center;margin-top:4px"></div></div>
|
||
<div class="card" id="constDetail"></div>
|
||
<div class="card" id="organDetail"></div>
|
||
<div class="card" id="emotionDetail"></div>
|
||
<div class="card" id="personalityCard"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ===== WEEKLY ===== -->
|
||
<div id="tab-weekly" class="hidden"><div id="weeklyContent"></div></div>
|
||
|
||
<!-- ===== DAILY ===== -->
|
||
<div id="tab-daily" class="hidden"><div id="dailyContent"></div></div>
|
||
|
||
</div>
|
||
|
||
<script src="../js/shell.js"></script>
|
||
<script src="../js/common.js"></script>
|
||
<script src="../js/health.js"></script>
|
||
</body>
|
||
</html>
|