85 lines
3.8 KiB
HTML
85 lines
3.8 KiB
HTML
<!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:28px 26px;
|
||
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:62px;height:62px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}
|
||
.link-card .lt{font-size:24px;font-weight:600;color:#333}
|
||
.link-card .ld{font-size:16px;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}
|
||
.c5 .li{background:#FFF5EC;color:#C8923A}
|
||
.c6 .li{background:#F3E8FF;color:#8B5CF6}
|
||
</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="jiema.html" class="link-card c5">
|
||
<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>
|
||
<a href="xingjing_app.html" class="link-card c6">
|
||
<div class="li">🔭</div>
|
||
<div><div class="lt">星镜<span style="font-size:11px;background:#8B5CF6;color:#fff;padding:2px 6px;border-radius:8px;margin-left:6px;vertical-align:middle">MVP</span></div><div class="ld">动态星盘 · AI视频报告 · 性格测试</div></div>
|
||
</a>
|
||
<a href="scales.html" class="link-card c3">
|
||
<div class="li">📊</div>
|
||
<div><div class="lt">愈心量表<span style="font-size:11px;background:#5CB85C;color:#fff;padding:2px 6px;border-radius:8px;margin-left:6px;vertical-align:middle">NEW</span></div><div class="ld">专业心理测评 · 58个临床量表</div></div>
|
||
</a>
|
||
<a href="xingjing.html" style="font-size:12px;color:var(--sub);text-align:center;text-decoration:none;padding:6px">📋 查看星镜产品设计文档</a>
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|