70 lines
2.7 KiB
HTML
70 lines
2.7 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: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>
|