1981yangcq.github.io/index.html at main · 1981yangcq/1981yangcq.github.io · 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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JotBox 便签 - 支持与隐私政策</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            line-height: 1.8;
            color: #333;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            padding: 40px 20px;
        }
        .container {
            max-width: 800px;
            margin: 0 auto;
            background: white;
            border-radius: 16px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
            overflow: hidden;
        }
        .header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 40px;
            text-align: center;
        }
        .header h1 {
            font-size: 2.5em;
            margin-bottom: 10px;
        }
        .header p {
            opacity: 0.9;
            font-size: 1.1em;
        }
        .nav {
            display: flex;
            justify-content: center;
            background: #f8f9fa;
            border-bottom: 1px solid #e9ecef;
        }
        .nav a {
            padding: 15px 30px;
            text-decoration: none;
            color: #667eea;
            font-weight: 500;
            transition: all 0.3s;
        }
        .nav a:hover {
            background: #667eea;
            color: white;
        }
        .content {
            padding: 40px;
        }
        .section {
            margin-bottom: 40px;
        }
        .section:last-child {
            margin-bottom: 0;
        }
        .section h2 {
            color: #667eea;
            font-size: 1.8em;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 3px solid #667eea;
        }
        .section h3 {
            color: #444;
            font-size: 1.3em;
            margin: 20px 0 10px;
        }
        .highlight-box {
            background: linear-gradient(135deg, #667eea15 0%, #764ba215 100%);
            border-left: 4px solid #667eea;
            padding: 20px;
            margin: 20px 0;
            border-radius: 0 8px 8px 0;
        }
        .highlight-box p {
            margin: 0;
        }
        ul {
            margin: 15px 0;
            padding-left: 25px;
        }
        li {
            margin: 10px 0;
        }
        .contact-card {
            background: #f8f9fa;
            border-radius: 12px;
            padding: 25px;
            margin: 20px 0;
            text-align: center;
        }
        .contact-card h3 {
            margin-top: 0;
            color: #667eea;
        }
        .email-link {
            display: inline-block;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 12px 30px;
            border-radius: 25px;
            text-decoration: none;
            font-weight: 500;
            margin-top: 15px;
            transition: transform 0.3s, box-shadow 0.3s;
        }
        .email-link:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);
        }
        .footer {
            background: #f8f9fa;
            padding: 20px;
            text-align: center;
            color: #666;
            font-size: 0.9em;
        }
        .icon {
            font-size: 1.2em;
            margin-right: 8px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>📝 JotBox 便签</h1>
            <p>简洁高效的Mac便签应用</p>
        </div>

        <div class="nav">
            <a href="#support">支持与帮助</a>
            <a href="#privacy">隐私政策</a>
        </div>

        <div class="content">
            <div class="section" id="support">
                <h2>🎯 支持与帮助</h2>

                <div class="highlight-box">
                    <p><strong>感谢您使用 JotBox 便签！</strong> 如果您在使用过程中遇到任何问题或有建议，我们随时为您提供帮助。</p>
                </div>

                <h3>📧 联系我们</h3>
                <div class="contact-card">
                    <h3>技术支持邮箱</h3>
                    <p>如有任何问题、建议或反馈，请通过以下邮箱联系我们：</p>
                    <a href="mailto:ycq@sanrose.cn" class="email-link">ycq@sanrose.cn</a>
                    <p style="margin-top: 15px; color: #666; font-size: 0.9em;">我们会在1-2个工作日内回复您的邮件</p>
                </div>

                <h3>❓ 常见问题</h3>
                <ul>
                    <li><strong>如何创建新便签？</strong> - 点击菜单栏图标或使用快捷键 ⌘+N</li>
                    <li><strong>如何删除便签？</strong> - 右键点击便签，选择删除选项</li>
                    <li><strong>数据存储在哪里？</strong> - 所有数据仅存储在您的本地设备上，不会上传到任何服务器</li>
                    <li><strong>支持哪些格式？</strong> - 支持Markdown格式和纯文本</li>
                </ul>

                <h3>💡 功能特性</h3>
                <ul>
                    <li>✅ 纯本地存储，数据安全</li>
                    <li>✅ Markdown支持</li>
                    <li>✅ 悬浮球快速访问</li>
                    <li>✅ 自定义快捷键</li>
                    <li>✅ 图片插入支持</li>
                </ul>
            </div>

            <div class="section" id="privacy">
                <h2>🔒 隐私政策</h2>

                <div class="highlight-box">
                    <p><strong>简短声明：</strong>JotBox 便签不收集、不存储、不传输任何用户数据。您的所有内容仅保存在您的本地设备上。</p>
                </div>

                <h3>数据收集</h3>
                <p>JotBox 便签是一款纯本地应用，我们不会收集任何个人信息，包括但不限于：</p>
                <ul>
                    <li>个人身份信息</li>
                    <li>使用习惯或行为数据</li>
                    <li>设备信息或位置数据</li>
                    <li>您创建的任何笔记内容</li>
                </ul>

                <h3>数据存储</h3>
                <p>您在应用中创建的所有笔记、图片和其他内容均存储在您的 Mac 本地存储中。这些数据永远不会离开您的设备，也不会上传到任何服务器。</p>

                <h3>第三方服务</h3>
                <p>JotBox 便签不集成任何第三方分析工具、广告服务或其他可能收集数据的外部服务。</p>

                <h3>网络连接</h3>
                <p>本应用无需网络连接即可正常使用所有功能。应用不会发起任何网络请求。</p>

                <h3>您的权利</h3>
                <p>由于我们不收集任何数据，因此无需处理数据访问、删除或导出请求。您对自己设备上的所有内容拥有完全控制权。</p>

                <h3>隐私政策更新</h3>
                <p>如果我们对隐私政策进行任何更改，我们将在此页面上更新。建议您定期查看本页面。</p>
            </div>
        </div>

        <div class="footer">
            <p>最后更新：2026年3月 | JotBox 便签 v1.0</p>
            <p style="margin-top: 10px;">如有任何问题，请联系 <a href="mailto:ycq@sanrose.cn" style="color: #667eea;">ycq@sanrose.cn</a></p>
        </div>
    </div>
</body>
</html>