<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sono 伴物</title>
<style>
:root {
--bg: #ffffff;
--card: #f5f5f7;
--text: #1d1d1f;
--sub: #6e6e73;
--link: #0071e3;
}
@media (prefers-color-scheme: dark) {
:root {
--bg: #000000;
--card: #1c1c1e;
--text: #f5f5f7;
--sub: #86868b;
--link: #2997ff;
}
}
body {
margin: 0;
background: var(--bg);
color: var(--text);
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}
.container {
max-width: 720px;
margin: 0 auto;
padding: 80px 20px;
text-align: center;
}
h1 {
font-size: 42px;
margin-bottom: 10px;
}
.subtitle {
font-size: 18px;
color: var(--sub);
margin-bottom: 50px;
}
.card {
background: var(--card);
border-radius: 20px;
padding: 20px;
margin-bottom: 16px;
text-decoration: none;
display: block;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.card:hover {
transform: translateY(-2px);
}
.title {
font-size: 18px;
font-weight: 500;
}
.desc {
font-size: 14px;
color: var(--sub);
margin-top: 4px;
}
.footer {
margin-top: 40px;
font-size: 13px;
color: var(--sub);
}
</style>
</head>
<body>
<div class="container">
<h1>Sono 伴物</h1>
<p class="subtitle">简单记录 · 轻松管理你的物品</p>
<a class="card" href="/privacy.html">
<div class="title">隐私政策</div>
<div class="desc">Privacy Policy</div>
</a>
<a class="card" href="/terms.html">
<div class="title">用户协议</div>
<div class="desc">Terms of Service</div>
</a>
<div class="footer">
© 2026 Sono
</div>
</div>
</body>
</html>