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>
187 lines
6.8 KiB
HTML
187 lines
6.8 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">
|
||
<title>愈心谷</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;700&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="css/app.css">
|
||
<link rel="stylesheet" href="css/home.css">
|
||
</head>
|
||
<body data-nav="home">
|
||
|
||
<span class="home-glow g1" aria-hidden="true"></span>
|
||
<span class="home-glow g2" aria-hidden="true"></span>
|
||
|
||
<header class="home-brand">
|
||
<img src="logo.png" alt="愈心谷">
|
||
<div class="word">愈<em>心</em>谷</div>
|
||
<p class="tagline">愈见自己 · 遇见更好</p>
|
||
</header>
|
||
|
||
<section class="decode-hero">
|
||
<div class="di-title">愈心解码</div>
|
||
<div class="di-sub">一个生日，读懂你的身与心</div>
|
||
<div class="di-inputs">
|
||
<input type="number" id="dy" placeholder="1990" maxlength="4" class="dc-y" inputmode="numeric">
|
||
<span class="dc-sep">年</span>
|
||
<input type="number" id="dm" placeholder="1" maxlength="2" class="dc-md" inputmode="numeric">
|
||
<span class="dc-sep">月</span>
|
||
<input type="number" id="dd" placeholder="1" maxlength="2" class="dc-md" inputmode="numeric">
|
||
<span class="dc-sep">日</span>
|
||
<button type="button" onclick="goDecode()">生成</button>
|
||
</div>
|
||
</section>
|
||
|
||
<nav class="chips" aria-label="快捷分类">
|
||
<a class="chip on" href="#grid">性格测试</a>
|
||
<a class="chip" href="pages/xingjing.html">星座星盘</a>
|
||
<a class="chip" href="pages/health.html">东方养生</a>
|
||
<a class="chip" href="pages/scales.html">专业量表</a>
|
||
</nav>
|
||
|
||
<main class="home-sheet">
|
||
|
||
<section class="section" id="grid">
|
||
<div class="sec-head">
|
||
<span class="title">认识自己</span>
|
||
<a class="more" href="pages/know.html">全部</a>
|
||
</div>
|
||
<div class="test-grid">
|
||
<a href="pages/xingjing.html" class="test-item">
|
||
<div class="icon icon-night">✦</div>
|
||
<div class="label">星座星盘</div>
|
||
<span class="badge">AI</span>
|
||
</a>
|
||
<a href="pages/scale-test.html?slug=mbti" class="test-item">
|
||
<div class="icon icon-blue">◆</div>
|
||
<div class="label">MBTI</div>
|
||
</a>
|
||
<a href="pages/scale-test.html?slug=jxrg" class="test-item">
|
||
<div class="icon icon-purple">⑨</div>
|
||
<div class="label">九型人格</div>
|
||
</a>
|
||
<a href="pages/scale-test.html?slug=xl16" class="test-item">
|
||
<div class="icon icon-teal">◈</div>
|
||
<div class="label">大五人格</div>
|
||
</a>
|
||
<a href="pages/scale-test.html?slug=gd2" class="test-item">
|
||
<div class="icon icon-rose">♡</div>
|
||
<div class="label">恋爱能力</div>
|
||
</a>
|
||
<a href="pages/scale-test.html?slug=eq1" class="test-item">
|
||
<div class="icon icon-pink">♥</div>
|
||
<div class="label">情商测试</div>
|
||
</a>
|
||
<a href="pages/decode.html" class="test-item">
|
||
<div class="icon icon-gold">△</div>
|
||
<div class="label">愈心解码</div>
|
||
</a>
|
||
<a href="pages/shuzi.html" class="test-item">
|
||
<div class="icon icon-orange">△</div>
|
||
<div class="label">数字心理</div>
|
||
</a>
|
||
<a href="pages/scale-test.html?slug=gd7" class="test-item">
|
||
<div class="icon icon-gold">◎</div>
|
||
<div class="label">职业兴趣</div>
|
||
</a>
|
||
<a href="pages/scale-test.html?slug=xl6" class="test-item">
|
||
<div class="icon icon-blue">16</div>
|
||
<div class="label">16PF</div>
|
||
</a>
|
||
<a href="pages/scale-test.html?slug=gd3" class="test-item">
|
||
<div class="icon icon-green">☯</div>
|
||
<div class="label">压力指数</div>
|
||
</a>
|
||
<a href="pages/scales.html" class="test-item">
|
||
<div class="icon icon-mute">⋯</div>
|
||
<div class="label">更多</div>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<div class="sec-head">
|
||
<span class="title">热门推荐</span>
|
||
<a class="more" href="pages/scales.html">更多</a>
|
||
</div>
|
||
<div class="feed">
|
||
<a href="pages/scale-test.html?slug=mbti" class="feed-card fc-a">
|
||
<div class="feed-cover">◆</div>
|
||
<div class="feed-body">
|
||
<div class="name">MBTI 人格测试</div>
|
||
<div class="meta">4 个维度 · 16 种类型，看看你是哪一型</div>
|
||
<div class="stat">128 万人测过</div>
|
||
</div>
|
||
</a>
|
||
<a href="pages/xingjing.html" class="feed-card fc-b">
|
||
<span class="feed-tag">新</span>
|
||
<div class="feed-cover">✦</div>
|
||
<div class="feed-body">
|
||
<div class="name">星镜 · 动态星盘</div>
|
||
<div class="meta">行星运转 · AI 深度星座解读</div>
|
||
<div class="stat">本周热门</div>
|
||
</div>
|
||
</a>
|
||
<a href="pages/scale-test.html?slug=jxrg" class="feed-card fc-c">
|
||
<div class="feed-cover">⑨</div>
|
||
<div class="feed-body">
|
||
<div class="name">九型人格完整版</div>
|
||
<div class="meta">180 题 · 探索你的内在动机</div>
|
||
<div class="stat">深度测评</div>
|
||
</div>
|
||
</a>
|
||
<a href="pages/decode.html" class="feed-card fc-e">
|
||
<div class="feed-cover">△</div>
|
||
<div class="feed-body">
|
||
<div class="name">愈心解码</div>
|
||
<div class="meta">一个生日，读懂性格与体质</div>
|
||
<div class="stat">数字 × 五行</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<div class="sec-head"><span class="title">精选工具</span></div>
|
||
<div class="scroll-row">
|
||
<a href="pages/health.html" class="mini-card mc-mint">
|
||
<div class="mi">☯</div>
|
||
<div class="mt">东方养生</div>
|
||
<div class="md">易经 × 内经体质方案</div>
|
||
</a>
|
||
<a href="pages/shuzi.html" class="mini-card mc-sky">
|
||
<div class="mi">△</div>
|
||
<div class="mt">数字心理</div>
|
||
<div class="md">生命数字三角解构</div>
|
||
</a>
|
||
<a href="pages/scales.html" class="mini-card mc-coral">
|
||
<div class="mi">☰</div>
|
||
<div class="mt">专业量表</div>
|
||
<div class="md">56 个临床测评</div>
|
||
</a>
|
||
<a href="pages/mindmap.html" class="mini-card mc-sand">
|
||
<div class="mi">◎</div>
|
||
<div class="mt">愈心脑图</div>
|
||
<div class="md">可视化梳理思路</div>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<script src="js/shell.js"></script>
|
||
<script src="js/home.js"></script>
|
||
</body>
|
||
</html>
|