jackyu66gitandCursor
7ab9add5dd
落地埋点 ingest/数据看板、首页宫格 CMS 与测评上下架；含账号引导、问答流式与免责声明去重，以及 review P1 审计同事务修复。 Co-authored-by: Cursor <cursoragent@cursor.com>
78 lines
1.9 KiB
Vue
78 lines
1.9 KiB
Vue
<template>
|
||
<div class="card empty reveal">
|
||
<div class="av" aria-hidden="true">
|
||
<HomeToolIcon name="ask" :size="48" />
|
||
</div>
|
||
<p class="title">先建立你的个人档案</p>
|
||
<p class="desc">完成愈心解码后，问答会结合你的性格与节律来回答，更贴合你。</p>
|
||
<router-link class="cta" to="/portrait">去愈心解码</router-link>
|
||
<router-link class="link" to="/profile">或手动创建档案</router-link>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import HomeToolIcon from '../HomeToolIcon.vue'
|
||
</script>
|
||
|
||
<style scoped>
|
||
.card {
|
||
text-align: center;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
gap: 10px;
|
||
background: rgba(255, 255, 255, 0.92);
|
||
border-radius: var(--radius-xl);
|
||
padding: 28px 20px;
|
||
box-shadow: var(--shadow-hero);
|
||
border: 1px solid rgba(255, 255, 255, 0.95);
|
||
}
|
||
.av {
|
||
width: 72px;
|
||
height: 72px;
|
||
border-radius: 22px;
|
||
display: grid;
|
||
place-items: center;
|
||
background: linear-gradient(145deg, #ffe8e0, #ffd4c8);
|
||
margin-bottom: 4px;
|
||
}
|
||
.title {
|
||
font-family: var(--font-display);
|
||
font-size: 18px;
|
||
font-weight: 700;
|
||
color: var(--color-text-primary);
|
||
}
|
||
.desc {
|
||
font-size: 13px;
|
||
line-height: 1.55;
|
||
color: #9a8f8b;
|
||
max-width: 16em;
|
||
}
|
||
.cta {
|
||
margin-top: 6px;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 12px 22px;
|
||
border-radius: var(--radius-pill);
|
||
background: linear-gradient(135deg, #ff7a6e, var(--color-primary));
|
||
color: #fff;
|
||
font-weight: 700;
|
||
font-size: 14px;
|
||
box-shadow: 0 8px 18px rgba(229, 77, 66, 0.28);
|
||
}
|
||
.link {
|
||
font-size: 12px;
|
||
color: #b0a49f;
|
||
text-decoration: underline;
|
||
text-underline-offset: 3px;
|
||
}
|
||
.reveal {
|
||
animation: rise 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
|
||
}
|
||
@keyframes rise {
|
||
from { opacity: 0; transform: translateY(10px); }
|
||
to { opacity: 1; transform: translateY(0); }
|
||
}
|
||
</style>
|