SBKPI/privacy.html at main · cloudcreate-ai/SBKPI · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
  <link rel="canonical" href="https://thedecklab.com/privacy" />
  <link rel="icon" href="/image/favicon.png" type="image/png" sizes="64x64" />
  <title>隐私说明 · SBKPI</title>
  <meta name="description" content="SBKPI（thedecklab.com）隐私说明：本机存储、无注册账号、静态托管与第三方服务说明。" />
  <meta property="og:type" content="website" />
  <meta property="og:locale" content="zh_CN" />
  <meta property="og:title" content="隐私说明 · SBKPI" />
  <meta property="og:description" content="SBKPI（thedecklab.com）隐私说明：本机存储、无注册账号、静态托管与第三方服务说明。" />
  <meta property="og:url" content="https://thedecklab.com/privacy" />
  <meta name="twitter:card" content="summary" />
  <style>
    :root {
      --bg: #f6faf6;
      --panel: #ffffff;
      --text: #1e2a22;
      --muted: #6a786f;
      --line: #dbe8dd;
      --accent-strong: #4d6a53;
      --safe-b: env(safe-area-inset-bottom, 0px);
      --safe-t: env(safe-area-inset-top, 0px);
    }
    * { box-sizing: border-box; }
    html, body { margin: 0; padding: 0; }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      background: radial-gradient(circle at top left, #f8fff8 0, #f6faf6 40%, #f2f7f3 100%);
      color: var(--text);
      min-height: 100vh;
      min-height: 100dvh;
      padding-top: var(--safe-t);
    }
    .shell {
      max-width: 720px;
      margin: 0 auto;
      padding: 16px 14px calc(28px + var(--safe-b));
    }
    .page-head {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 20px;
    }
    .page-head h1 {
      margin: 0;
      font-size: clamp(1.35rem, 4.5vw, 1.75rem);
      letter-spacing: -0.02em;
      line-height: 1.25;
    }
    .back-link {
      display: inline-flex;
      align-items: center;
      padding: 10px 14px;
      border-radius: 12px;
      border: 1px solid var(--line);
      background: var(--panel);
      color: var(--accent-strong);
      font-size: 0.88rem;
      font-weight: 600;
      text-decoration: none;
    }
    .back-link:hover {
      background: #fafcfb;
      border-color: #c5d8c9;
    }
    .legal-doc {
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 20px 18px 8px;
      box-shadow: 0 12px 32px rgba(47, 73, 55, 0.06);
    }
    .legal-doc h2 {
      margin: 22px 0 10px;
      font-size: 1.05rem;
      color: var(--accent-strong);
    }
    .legal-doc h2:first-child { margin-top: 0; }
    .legal-doc p, .legal-doc li {
      margin: 0 0 12px;
      font-size: 0.9rem;
      line-height: 1.7;
      color: #304034;
    }
    .legal-doc ul {
      margin: 0 0 12px;
      padding-left: 1.25rem;
    }
    .legal-doc .muted {
      font-size: 0.82rem;
      color: var(--muted);
      line-height: 1.6;
    }
    .site-footer {
      margin-top: 28px;
      padding-top: 18px;
      border-top: 1px solid var(--line);
      text-align: center;
      font-size: 0.86rem;
      color: var(--muted);
      line-height: 1.65;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 14px;
    }
    .site-footer-nav,
    .site-footer-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 6px 10px;
      justify-content: center;
      align-items: center;
    }
    .site-footer-meta {
      font-size: 0.82rem;
    }
    .site-footer a {
      color: var(--accent-strong);
      font-weight: 600;
      text-decoration: none;
    }
    .site-footer a:hover { text-decoration: underline; text-underline-offset: 3px; }
    .site-footer-sep {
      color: #b8c9bc;
      font-weight: 700;
      user-select: none;
    }
    @media (min-width: 480px) {
      .shell { padding-left: 20px; padding-right: 20px; }
    }
  </style>
</head>
<body>
  <div class="shell">
    <header class="page-head">
      <h1>隐私说明</h1>
      <a class="back-link" href="/">← 返回首页</a>
    </header>

    <article class="legal-doc">
      <h2>适用范围</h2>
      <p>本说明适用于通过 <strong>thedecklab.com</strong> 访问的 <strong>SBKPI</strong> 静态站点（人格测验、图鉴、扑克展示与相关页面）。本站为<strong>娱乐向</strong>内容，不提供医疗、心理或法律意见。</p>

      <h2>我们收集哪些信息</h2>
      <p><strong>本站不要求注册账号，也不主动收集可识别您个人身份的表单信息。</strong>您在测验中作答、抽卡解锁等数据，默认仅保存在您本机浏览器的 <strong>localStorage</strong> 中，用于下次打开页面时恢复进度；这些<strong>不会由本站服务器集中存储</strong>（本站以静态文件形式托管）。</p>
      <p>若您使用浏览器「清除站点数据」或更换设备/浏览器，上述本机数据可能丢失，本站无法为您恢复。</p>

      <h2>日志与托管</h2>
      <p>与您访问任何网站一样，<strong>网络服务提供商或托管平台</strong>可能因技术运维产生访问日志（例如 IP、User-Agent、请求路径等）。本站当前使用常见的静态托管与 CDN 服务，具体保留策略以该平台公开文档为准。</p>

      <h2>第三方链接</h2>
      <p>页面可能包含指向 <strong>GitHub</strong>、<strong>bilibili</strong> 等第三方网站的链接。您离开本站后的隐私实践由对方政策约束，请自行查阅。</p>

      <h2>儿童</h2>
      <p>本站面向一般网络用户，无意专门收集儿童个人信息。若监护人认为有不妥之处，请停止使用并联系我们处理（见仓库 issue）。</p>

      <h2>变更</h2>
      <p>我们可能随功能调整更新本说明。更新后的版本将发布于本页面；<strong>继续使用即表示您了解修订内容</strong>。</p>
      <p class="muted">最后更新：2026-04-15。详情与开源讨论见 <a href="https://github.com/cloudcreate-ai/SBKPI" target="_blank" rel="noopener noreferrer">GitHub 仓库</a>。</p>
    </article>

    <footer class="site-footer" role="contentinfo">
      <nav class="site-footer-nav" aria-label="主要页面">
        <a href="/">首页</a>
        <span class="site-footer-sep" aria-hidden="true">·</span>
        <a href="/sbti">SBTI 测验</a>
        <span class="site-footer-sep" aria-hidden="true">·</span>
        <a href="/wiki">人格图鉴</a>
        <span class="site-footer-sep" aria-hidden="true">·</span>
        <a href="/sbkpi">搭子图鉴</a>
      </nav>
      <div class="site-footer-meta">
        <a href="https://thedecklab.com/">thedecklab.com</a>
        <span class="site-footer-sep" aria-hidden="true">·</span>
        <a href="https://github.com/cloudcreate-ai/SBKPI" target="_blank" rel="noopener noreferrer">GitHub</a>
        <span class="site-footer-sep" aria-hidden="true">·</span>
        <a href="/devlog.html">开发日志</a>
        <span class="site-footer-sep" aria-hidden="true">·</span>
        <a href="/privacy" aria-current="page">隐私说明</a>
        <span class="site-footer-sep" aria-hidden="true">·</span>
        <a href="/terms">服务条款</a>
      </div>
    </footer>
  </div>
</body>
</html>