change html
This commit is contained in:
@@ -0,0 +1,201 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>智花学伴个人信息收集清单</title>
|
||||
<style>
|
||||
:root {
|
||||
color-scheme: light dark;
|
||||
--text: #111827;
|
||||
--muted: #6b7280;
|
||||
--bg: #f8fafc;
|
||||
--card: #fff;
|
||||
--table: #fff;
|
||||
--thead: #f9fafb;
|
||||
--line: #e5e7eb;
|
||||
--brand: #0f766e;
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--text: #e5e7eb;
|
||||
--muted: #9ca3af;
|
||||
--bg: #0b1220;
|
||||
--card: #111827;
|
||||
--table: #0f172a;
|
||||
--thead: #1f2937;
|
||||
--line: #374151;
|
||||
--brand: #2dd4bf;
|
||||
}
|
||||
}
|
||||
* { box-sizing: border-box; }
|
||||
body {
|
||||
margin: 0;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
font: 15px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||
}
|
||||
.wrap { max-width: 1100px; margin: 32px auto; padding: 0 16px 40px; }
|
||||
.card { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 20px; }
|
||||
h1 { margin: 0 0 10px; color: var(--brand); font-size: 30px; }
|
||||
.meta { color: var(--muted); margin-bottom: 14px; font-size: 14px; }
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
table-layout: fixed;
|
||||
background: var(--table);
|
||||
border: 1px solid var(--line);
|
||||
}
|
||||
th, td {
|
||||
border: 1px solid var(--line);
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
padding: 10px 10px;
|
||||
word-break: break-word;
|
||||
}
|
||||
th { background: var(--thead); font-weight: 700; }
|
||||
.note {
|
||||
margin-top: 14px;
|
||||
color: var(--muted);
|
||||
font-size: 14px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.wrap { margin: 16px auto; padding: 0 12px 24px; }
|
||||
.card { padding: 14px; border-radius: 12px; }
|
||||
h1 { font-size: 24px; }
|
||||
.meta { font-size: 13px; }
|
||||
table {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
thead { display: none; }
|
||||
table, tbody, tr, td {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
tr {
|
||||
margin-bottom: 12px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
background: var(--card);
|
||||
}
|
||||
td {
|
||||
border: 0;
|
||||
border-top: 1px solid var(--line);
|
||||
padding: 10px 12px;
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
align-items: flex-start;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
td:first-child { border-top: 0; }
|
||||
td::before {
|
||||
content: attr(data-label);
|
||||
flex: 0 0 6.8em;
|
||||
color: var(--muted);
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<main class="wrap">
|
||||
<section class="card">
|
||||
<h1>智花学伴个人信息收集清单</h1>
|
||||
<div class="meta">版本号：V1.0 ｜ 生效日期：2026-04-06 ｜ 更新日期：2026-04-06</div>
|
||||
<p>本清单适用于“智花学伴”iOS 客户端、Android 客户端及 Web 版本。</p>
|
||||
|
||||
<table aria-label="个人信息收集清单">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 14%;">业务场景</th>
|
||||
<th style="width: 18%;">信息类型</th>
|
||||
<th style="width: 20%;">典型字段</th>
|
||||
<th style="width: 19%;">处理目的</th>
|
||||
<th style="width: 9%;">必要性</th>
|
||||
<th style="width: 10%;">处理方式</th>
|
||||
<th style="width: 10%;">保存期限</th>
|
||||
<th style="width: 10%;">对外共享情况</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td data-label="业务场景">账号登录</td>
|
||||
<td data-label="信息类型">身份识别信息</td>
|
||||
<td data-label="典型字段">学号/账号、登录凭证、验证码信息</td>
|
||||
<td data-label="处理目的">登录认证、账号安全、身份识别</td>
|
||||
<td data-label="必要性">必要</td>
|
||||
<td data-label="处理方式">传输并服务端处理</td>
|
||||
<td data-label="保存期限">账号存续期内</td>
|
||||
<td data-label="对外共享情况">仅共享至教学服务端，详见第三方共享清单</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="业务场景">班级与课程管理</td>
|
||||
<td data-label="信息类型">学习组织信息</td>
|
||||
<td data-label="典型字段">班级ID、班级邀请码、课程关联信息</td>
|
||||
<td data-label="处理目的">加入班级、获取课程与学习资源</td>
|
||||
<td data-label="必要性">必要</td>
|
||||
<td data-label="处理方式">传输并服务端处理</td>
|
||||
<td data-label="保存期限">账号存续期内</td>
|
||||
<td data-label="对外共享情况">仅共享至教学服务端，详见第三方共享清单</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="业务场景">学习与练习</td>
|
||||
<td data-label="信息类型">学习记录信息</td>
|
||||
<td data-label="典型字段">题目作答内容、得分、学习进度、提交时间</td>
|
||||
<td data-label="处理目的">提供作答服务、生成学习结果与反馈</td>
|
||||
<td data-label="必要性">必要</td>
|
||||
<td data-label="处理方式">传输并服务端处理</td>
|
||||
<td data-label="保存期限">账号存续期内或法定期限</td>
|
||||
<td data-label="对外共享情况">仅共享至教学服务端，详见第三方共享清单</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="业务场景">语音作答/评测</td>
|
||||
<td data-label="信息类型">音频信息</td>
|
||||
<td data-label="典型字段">录音文件、录音时长、题目关联标识</td>
|
||||
<td data-label="处理目的">完成语音作答、朗读评测、教学反馈</td>
|
||||
<td data-label="必要性">按功能必要</td>
|
||||
<td data-label="处理方式">经授权后采集并上传</td>
|
||||
<td data-label="保存期限">达到目的所需最短期限</td>
|
||||
<td data-label="对外共享情况">仅共享至教学服务端，详见第三方共享清单</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="业务场景">图片作答</td>
|
||||
<td data-label="信息类型">图片信息</td>
|
||||
<td data-label="典型字段">用户选择上传的图片文件</td>
|
||||
<td data-label="处理目的">完成图片作答、提交学习任务</td>
|
||||
<td data-label="必要性">按功能必要</td>
|
||||
<td data-label="处理方式">经授权后采集并上传</td>
|
||||
<td data-label="保存期限">达到目的所需最短期限</td>
|
||||
<td data-label="对外共享情况">仅共享至教学服务端，详见第三方共享清单</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="业务场景">本地偏好设置</td>
|
||||
<td data-label="信息类型">本地存储信息</td>
|
||||
<td data-label="典型字段">主题、语言、通知开关、学习体验偏好</td>
|
||||
<td data-label="处理目的">保存用户设置、提升使用体验</td>
|
||||
<td data-label="必要性">必要</td>
|
||||
<td data-label="处理方式">仅本地存储</td>
|
||||
<td data-label="保存期限">直到用户清除或卸载应用</td>
|
||||
<td data-label="对外共享情况">不对外共享</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="业务场景">安全与稳定性</td>
|
||||
<td data-label="信息类型">设备与日志信息</td>
|
||||
<td data-label="典型字段">设备型号、系统版本、应用版本、错误日志、网络状态</td>
|
||||
<td data-label="处理目的">故障诊断、性能优化、安全风控</td>
|
||||
<td data-label="必要性">必要</td>
|
||||
<td data-label="处理方式">系统采集/运行时生成</td>
|
||||
<td data-label="保存期限">达到目的所需最短期限</td>
|
||||
<td data-label="对外共享情况">按法律法规及系统策略处理</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<p class="note">说明：截至本清单发布之日，智花学伴不涉及对通讯录、短信、通话记录、精准定位、身份证号、银行卡号等个人信息的主动采集；若后续业务功能调整导致采集范围变化，我们将依法更新本清单并向用户公示。</p>
|
||||
<p class="note">商标声明：“五道题”“智花”为五道题（北京）科技有限公司注册商标（®）。</p>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user