jack/digital-psychology
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

redesign homepage: 测测-style layout, icon grid for personality/zodiac tests, remove clinical terminology from headers

Browse Source
This commit is contained in:
jackyu66git
2026-08-02 14:25:37 +08:00
parent e6ad46fe87
commit 2686866376
14 changed files with 25369 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+14 -4
View File
@@ -27,19 +27,20 @@ body{
.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;
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: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}
.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>
@@ -68,6 +69,15 @@ body{
<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>