initial commit: 愈心谷数字解构

This commit is contained in:
jackyu66git
2026-07-08 12:37:41 +08:00
commit 33e6dffa17
18 changed files with 3412 additions and 0 deletions
+69
View File
@@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="zh">
<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>
<style>
:root{--pri:#E54D42;--hero-start:#FF9F80;--hero-end:#FFB8A6;--bg-start:#FFD1C7;--bg-end:#FFC8B5}
*{box-sizing:border-box;margin:0;padding:0}
body{
font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
background:linear-gradient(180deg,var(--bg-start) 0%,var(--bg-end) 50%,#fff5f0 100%);
min-height:100vh;display:flex;flex-direction:column;align-items:center;
padding:40px 20px;-webkit-font-smoothing:antialiased;
}
.logo{margin-bottom:12px}
.logo img{height:42px}
.sub{font-size:14px;color:rgba(0,0,0,0.4);margin-bottom:40px;letter-spacing:1px}
.links{display:flex;flex-direction:column;gap:14px;width:100%;max-width:360px}
.link-card{
display:flex;align-items:center;gap:14px;padding:18px 20px;
background:#fff;border-radius:14px;text-decoration:none;
box-shadow:0 2px 10px rgba(0,0,0,0.04);transition:transform 0.15s;
}
.link-card:active{transform:scale(0.97)}
.link-card .li{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.link-card .lt{font-size:16px;font-weight:600;color:#333}
.link-card .ld{font-size:12px;color:#999;margin-top:2px}
.c1 .li{background:#FFECEC;color:var(--pri)}
.c2 .li{background:#E6F0FF;color:#4A90E2}
.c3 .li{background:#E6FFE8;color:#5CB85C}
.c4 .li{background:#FFF8E6;color:#E8985A}
</style>
</head>
<body>
<div class="logo"><img src="logo.png" alt="愈心脊"></div>
<p class="sub">专业的心理健康服务平台</p>
<div class="links">
<a href="yuxingu.html" class="link-card c1">
<div class="li">🏠</div>
<div><div class="lt">愈心谷首页</div><div class="ld">心理健康服务 · 愈心魔方</div></div>
</a>
<a href="shuzi.html" class="link-card c2">
<div class="li"></div>
<div><div class="lt">数字心理学</div><div class="ld">生命数字三角解构</div></div>
</a>
<a href="mindmap.html" class="link-card c3">
<div class="li">🧠</div>
<div><div class="lt">愈心脑图</div><div class="ld">可视化编辑 · 愈心谷架构</div></div>
</a>
<a href="yangsheng.html" class="link-card c4">
<div class="li">☯️</div>
<div><div class="lt">AI东方养生</div><div class="ld">易经 × 内经 · 体质分析</div></div>
</a>
</div>
</body>
</html>