change html
This commit is contained in:
Vendored
BIN
Binary file not shown.
@@ -0,0 +1,409 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Account Deletion Request / 账号删除申请 — 智花学伴 SmartBuddy</title>
|
||||
<meta name="description" content="Request deletion of your SmartBuddy (智花学伴) account and associated data. Provided by Five Questions (Beijing) Technology Co., Ltd." />
|
||||
<style>
|
||||
:root {
|
||||
color-scheme: light dark;
|
||||
--text: #111827;
|
||||
--muted: #6b7280;
|
||||
--bg: #f8fafc;
|
||||
--card: #fff;
|
||||
--line: #e5e7eb;
|
||||
--brand: #0f766e;
|
||||
--soft: #ecfdf5;
|
||||
--warn: #9a3412;
|
||||
--warn-bg: #fff7ed;
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--text: #e5e7eb;
|
||||
--muted: #9ca3af;
|
||||
--bg: #0b1220;
|
||||
--card: #111827;
|
||||
--line: #374151;
|
||||
--brand: #2dd4bf;
|
||||
--soft: #0f2f2c;
|
||||
--warn: #fdba74;
|
||||
--warn-bg: #2a1a0f;
|
||||
}
|
||||
}
|
||||
* { box-sizing: border-box; }
|
||||
body {
|
||||
margin: 0;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
font: 16px/1.75 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||
}
|
||||
.wrap { max-width: 980px; margin: 32px auto; padding: 0 16px 48px; }
|
||||
.card {
|
||||
background: var(--card);
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 14px;
|
||||
padding: 24px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.topbar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.lang {
|
||||
display: inline-flex;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 999px;
|
||||
overflow: hidden;
|
||||
background: var(--card);
|
||||
}
|
||||
.lang button {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
color: var(--muted);
|
||||
padding: 8px 14px;
|
||||
cursor: pointer;
|
||||
font: inherit;
|
||||
}
|
||||
.lang button.active {
|
||||
background: var(--brand);
|
||||
color: #fff;
|
||||
}
|
||||
h1, h2 { margin: 0 0 14px; line-height: 1.35; }
|
||||
h1 { font-size: 28px; color: var(--brand); }
|
||||
h2 { font-size: 19px; margin-top: 28px; }
|
||||
p, li { margin: 8px 0; }
|
||||
ul { margin: 8px 0; padding-left: 20px; }
|
||||
.meta { color: var(--muted); font-size: 14px; margin-bottom: 12px; }
|
||||
.badge {
|
||||
display: inline-block;
|
||||
background: var(--soft);
|
||||
color: var(--brand);
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 999px;
|
||||
padding: 4px 10px;
|
||||
font-size: 13px;
|
||||
margin-right: 6px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.note {
|
||||
background: var(--warn-bg);
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 12px;
|
||||
padding: 14px 16px;
|
||||
color: var(--warn);
|
||||
margin: 16px 0;
|
||||
}
|
||||
label { display: block; margin: 14px 0 6px; font-weight: 600; }
|
||||
input, textarea, select {
|
||||
width: 100%;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 10px;
|
||||
padding: 12px 14px;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
font: inherit;
|
||||
}
|
||||
textarea { min-height: 120px; resize: vertical; }
|
||||
.actions { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 10px; }
|
||||
button.submit, a.button {
|
||||
appearance: none;
|
||||
border: 0;
|
||||
border-radius: 10px;
|
||||
padding: 12px 18px;
|
||||
background: var(--brand);
|
||||
color: #fff;
|
||||
font: inherit;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
}
|
||||
button.submit.secondary, a.button.secondary {
|
||||
background: transparent;
|
||||
color: var(--brand);
|
||||
border: 1px solid var(--brand);
|
||||
}
|
||||
.hidden { display: none !important; }
|
||||
code, .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.95em; }
|
||||
.foot { color: var(--muted); font-size: 13px; margin-top: 24px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<main class="wrap">
|
||||
<div class="topbar">
|
||||
<div>
|
||||
<span class="badge">SmartBuddy / 智花学伴</span>
|
||||
</div>
|
||||
<div class="lang" role="group" aria-label="Language">
|
||||
<button type="button" id="btn-zh" class="active" onclick="setLang('zh')">中文</button>
|
||||
<button type="button" id="btn-en" onclick="setLang('en')">English</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ========== 中文 ========== -->
|
||||
<article class="card" id="panel-zh">
|
||||
<h1>智花学伴 · 账号删除申请</h1>
|
||||
<div class="meta">
|
||||
应用：智花学伴（SmartBuddy）｜ 开发者：五道题（北京）科技有限公司<br />
|
||||
App ID / Package：cn.fivequestions.smartbuddy ｜ 版本说明页更新日期：2026-08-14
|
||||
</div>
|
||||
|
||||
<p>本页面用于帮助用户在<strong>未安装应用</strong>的情况下，也能申请删除「智花学伴」账号及相关数据，以满足 Google Play 等应用商店关于账号删除的公开说明要求。</p>
|
||||
<p>本页面提供<strong>删除申请渠道与说明</strong>。提交申请后，我们将在核验身份后处理；页面本身不会在点击后立即自动删除账号。</p>
|
||||
|
||||
<div class="note">
|
||||
重要提示：账号删除不可恢复。删除完成后，您将无法再使用该账号登录，相关学习与作答数据通常也无法找回。请确认后再提交申请。
|
||||
</div>
|
||||
|
||||
<h2>一、这是哪个应用？</h2>
|
||||
<ul>
|
||||
<li><strong>应用名称</strong>：智花学伴（SmartBuddy）</li>
|
||||
<li><strong>开发者</strong>：五道题（北京）科技有限公司（Five Questions (Beijing) Technology Co., Ltd.）</li>
|
||||
<li><strong>适用平台</strong>：Android / iOS / Web（以实际提供的版本为准）</li>
|
||||
<li><strong>商标说明</strong>：「五道题」「智花」为五道题（北京）科技有限公司注册商标（®）</li>
|
||||
</ul>
|
||||
|
||||
<h2>二、如何申请删除账号</h2>
|
||||
<p>您可通过以下任一方式申请：</p>
|
||||
<ul>
|
||||
<li>
|
||||
<strong>方式 A（推荐，应用内）</strong>：打开「智花学伴」→ 登录账号 →
|
||||
<strong>设置 → 账号与安全 / 账号设置 → 注销账号</strong> → 阅读风险提示并确认。
|
||||
</li>
|
||||
<li>
|
||||
<strong>方式 B（网页申请）</strong>：填写本页下方表单，通过邮件向我们提交删除申请。
|
||||
请使用您注册/绑定账号时的手机号、邮箱或学号等信息，以便我们核验身份。
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h2>三、删除后将清除的数据（通常包括）</h2>
|
||||
<ul>
|
||||
<li>账号标识与资料：昵称、头像、个人资料等账号展示信息</li>
|
||||
<li>登录与绑定关系：应用内登录态、相关第三方绑定关系（在技术可行范围内解除）</li>
|
||||
<li>学习与作答数据：练习记录、答题记录、学习进度、错题相关记录</li>
|
||||
<li>互动练习数据：对话练习记录、语音/图片作答内容（若仍保存在我们的服务端）</li>
|
||||
<li>其他与该账号直接关联、且删除后不影响法定义务履行的业务数据</li>
|
||||
</ul>
|
||||
|
||||
<h2>四、可能保留的数据及期限</h2>
|
||||
<p>在法律法规、监管要求、安全与争议处理所需范围内，我们可能在必要期限内保留部分信息，例如：</p>
|
||||
<ul>
|
||||
<li><strong>交易/财务相关记录</strong>（如有）：为满足财务、审计或纠纷处理要求，通常保留至法定期限届满；</li>
|
||||
<li><strong>安全与反作弊日志</strong>：用于排查滥用、欺诈或攻击，通常保留不超过 <strong>180 天</strong>（法律法规另有规定的除外）；</li>
|
||||
<li><strong>已依法披露或匿名化处理后的数据</strong>：经匿名化且无法识别到特定个人的数据，可能继续用于统计分析；</li>
|
||||
<li><strong>法律要求必须保留的记录</strong>：按有权机关要求或法定最低保存期限执行。</li>
|
||||
</ul>
|
||||
<p>保留期满后，我们将删除或匿名化处理相关信息。</p>
|
||||
|
||||
<h2>五、人工处理流程与时效</h2>
|
||||
<ol>
|
||||
<li>您通过应用内注销或本页提交删除申请；</li>
|
||||
<li>我们核验账号归属（可能联系您补充证明信息）；</li>
|
||||
<li>核验通过后执行账号删除与关联数据处理；</li>
|
||||
<li>原则上自收到有效申请并完成核验后 <strong>15 个工作日</strong>内处理完毕并答复；复杂情形可能延长，我们会说明原因。</li>
|
||||
</ol>
|
||||
|
||||
<h2>六、网页删除申请表单</h2>
|
||||
<p>请填写以下信息。点击提交后将打开您的邮件客户端，把申请内容发送给我们（无需安装 App）。</p>
|
||||
<form id="form-zh" onsubmit="return submitDeletion('zh');">
|
||||
<label for="zh-name">姓名 / 称呼（可选）</label>
|
||||
<input id="zh-name" name="name" type="text" placeholder="例如：张三" />
|
||||
|
||||
<label for="zh-account">账号标识（必填）</label>
|
||||
<input id="zh-account" name="account" type="text" required placeholder="手机号 / 邮箱 / 学号 / 用户 ID" />
|
||||
|
||||
<label for="zh-platform">主要使用的平台</label>
|
||||
<select id="zh-platform" name="platform">
|
||||
<option value="Android">Android（Google Play）</option>
|
||||
<option value="iOS">iOS</option>
|
||||
<option value="Web">Web</option>
|
||||
<option value="Unknown">不确定</option>
|
||||
</select>
|
||||
|
||||
<label for="zh-contact">联系方式（必填，便于我们回复）</label>
|
||||
<input id="zh-contact" name="contact" type="text" required placeholder="可用邮箱或手机号" />
|
||||
|
||||
<label for="zh-reason">补充说明（可选）</label>
|
||||
<textarea id="zh-reason" name="reason" placeholder="例如：希望删除账号及全部学习记录"></textarea>
|
||||
|
||||
<div class="actions">
|
||||
<button class="submit" type="submit">通过邮件提交删除申请</button>
|
||||
<a class="button secondary" href="mailto:liutingchao@fivequestions.cn?subject=SmartBuddy%20Account%20Deletion%20Request">直接发邮件</a>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<p class="foot">
|
||||
受理邮箱：<span class="mono">liutingchao@fivequestions.cn</span><br />
|
||||
公司主体：五道题（北京）科技有限公司<br />
|
||||
相关协议：
|
||||
<a href="./privacy-policy.html">隐私协议</a> ·
|
||||
<a href="./service-agreement.html">服务协议</a>
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<!-- ========== English ========== -->
|
||||
<article class="card hidden" id="panel-en">
|
||||
<h1>SmartBuddy · Account Deletion Request</h1>
|
||||
<div class="meta">
|
||||
App: SmartBuddy (智花学伴)｜ Developer: Five Questions (Beijing) Technology Co., Ltd.<br />
|
||||
Package name: cn.fivequestions.smartbuddy ｜ Page updated: 2026-08-14
|
||||
</div>
|
||||
|
||||
<p>This page lets users request deletion of their SmartBuddy account and associated data <strong>without installing the app</strong>, as required by Google Play and similar store policies.</p>
|
||||
<p>This page provides a <strong>request channel and disclosure</strong>. After you submit a request, we will verify your identity and process deletion. The page itself does not instantly delete your account on click.</p>
|
||||
|
||||
<div class="note">
|
||||
Important: Account deletion is irreversible. After deletion, you will no longer be able to sign in with that account, and learning/answer data associated with it generally cannot be recovered.
|
||||
</div>
|
||||
|
||||
<h2>1. Which app is this for?</h2>
|
||||
<ul>
|
||||
<li><strong>App name</strong>: SmartBuddy (智花学伴)</li>
|
||||
<li><strong>Developer</strong>: Five Questions (Beijing) Technology Co., Ltd.</li>
|
||||
<li><strong>Platforms</strong>: Android / iOS / Web (as offered)</li>
|
||||
<li><strong>Trademarks</strong>: “五道题” and “智花” are registered trademarks of the developer</li>
|
||||
</ul>
|
||||
|
||||
<h2>2. How to request account deletion</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<strong>Option A (in-app, recommended)</strong>: Open SmartBuddy → sign in →
|
||||
<strong>Settings → Account & Security / Account settings → Delete account</strong>
|
||||
→ read the risk notice and confirm.
|
||||
</li>
|
||||
<li>
|
||||
<strong>Option B (web request)</strong>: Fill in the form below and email us your deletion request.
|
||||
Please provide the phone number, email, student ID, or other identifiers used for the account so we can verify ownership.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h2>3. Data typically deleted</h2>
|
||||
<ul>
|
||||
<li>Account profile data such as nickname, avatar, and profile fields</li>
|
||||
<li>Sign-in sessions and third-party binding relationships (where technically feasible)</li>
|
||||
<li>Learning and exercise data such as practice records, answers, progress, and mistake-related records</li>
|
||||
<li>Interactive practice data such as dialogue practice records and voice/image answer content stored on our servers</li>
|
||||
<li>Other business data directly linked to the account that is not required for legal compliance</li>
|
||||
</ul>
|
||||
|
||||
<h2>4. Data that may be retained, and for how long</h2>
|
||||
<ul>
|
||||
<li><strong>Financial / transaction records</strong> (if any): retained as required by applicable law for accounting, audit, or dispute handling;</li>
|
||||
<li><strong>Security and anti-abuse logs</strong>: usually retained for up to <strong>180 days</strong>, unless a longer period is required by law;</li>
|
||||
<li><strong>Anonymized data</strong>: data that can no longer identify an individual may be kept for analytics;</li>
|
||||
<li><strong>Records required by law or authorities</strong>: retained for the legally required minimum period.</li>
|
||||
</ul>
|
||||
<p>After the retention period ends, we delete or anonymize the remaining information.</p>
|
||||
|
||||
<h2>5. Manual review process and timing</h2>
|
||||
<ol>
|
||||
<li>You submit a deletion request in-app or via this page;</li>
|
||||
<li>We verify account ownership (we may ask for additional proof);</li>
|
||||
<li>After verification, we delete the account and process associated data;</li>
|
||||
<li>We generally complete processing and respond within <strong>15 business days</strong> after a valid, verified request. Complex cases may take longer; we will explain if so.</li>
|
||||
</ol>
|
||||
|
||||
<h2>6. Web deletion request form</h2>
|
||||
<p>Complete the form below. Submitting opens your email client with a pre-filled deletion request (no app install required).</p>
|
||||
<form id="form-en" onsubmit="return submitDeletion('en');">
|
||||
<label for="en-name">Name (optional)</label>
|
||||
<input id="en-name" name="name" type="text" placeholder="Your name" />
|
||||
|
||||
<label for="en-account">Account identifier (required)</label>
|
||||
<input id="en-account" name="account" type="text" required placeholder="Phone / email / student ID / user ID" />
|
||||
|
||||
<label for="en-platform">Primary platform</label>
|
||||
<select id="en-platform" name="platform">
|
||||
<option value="Android">Android (Google Play)</option>
|
||||
<option value="iOS">iOS</option>
|
||||
<option value="Web">Web</option>
|
||||
<option value="Unknown">Not sure</option>
|
||||
</select>
|
||||
|
||||
<label for="en-contact">Contact for reply (required)</label>
|
||||
<input id="en-contact" name="contact" type="text" required placeholder="Email or phone number" />
|
||||
|
||||
<label for="en-reason">Additional notes (optional)</label>
|
||||
<textarea id="en-reason" name="reason" placeholder="e.g. Please delete my account and learning records"></textarea>
|
||||
|
||||
<div class="actions">
|
||||
<button class="submit" type="submit">Submit request by email</button>
|
||||
<a class="button secondary" href="mailto:liutingchao@fivequestions.cn?subject=SmartBuddy%20Account%20Deletion%20Request">Email us directly</a>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<p class="foot">
|
||||
Contact email: <span class="mono">liutingchao@fivequestions.cn</span><br />
|
||||
Developer: Five Questions (Beijing) Technology Co., Ltd.<br />
|
||||
Related documents:
|
||||
<a href="./privacy-policy.html">Privacy Policy</a> ·
|
||||
<a href="./service-agreement.html">Terms of Service</a>
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<script>
|
||||
var SUPPORT_EMAIL = 'liutingchao@fivequestions.cn';
|
||||
|
||||
function setLang(lang) {
|
||||
var zh = document.getElementById('panel-zh');
|
||||
var en = document.getElementById('panel-en');
|
||||
var btnZh = document.getElementById('btn-zh');
|
||||
var btnEn = document.getElementById('btn-en');
|
||||
var isZh = lang === 'zh';
|
||||
zh.classList.toggle('hidden', !isZh);
|
||||
en.classList.toggle('hidden', isZh);
|
||||
btnZh.classList.toggle('active', isZh);
|
||||
btnEn.classList.toggle('active', !isZh);
|
||||
document.documentElement.lang = isZh ? 'zh-CN' : 'en';
|
||||
try { localStorage.setItem('sb-account-deletion-lang', lang); } catch (e) {}
|
||||
}
|
||||
|
||||
function submitDeletion(lang) {
|
||||
var prefix = lang === 'zh' ? 'zh' : 'en';
|
||||
var name = document.getElementById(prefix + '-name').value.trim();
|
||||
var account = document.getElementById(prefix + '-account').value.trim();
|
||||
var platform = document.getElementById(prefix + '-platform').value;
|
||||
var contact = document.getElementById(prefix + '-contact').value.trim();
|
||||
var reason = document.getElementById(prefix + '-reason').value.trim();
|
||||
|
||||
if (!account || !contact) return false;
|
||||
|
||||
var subject = 'SmartBuddy Account Deletion Request / 智花学伴账号删除申请';
|
||||
var body =
|
||||
'App: SmartBuddy (智花学伴)\n' +
|
||||
'Developer: Five Questions (Beijing) Technology Co., Ltd.\n' +
|
||||
'Package: cn.fivequestions.smartbuddy\n\n' +
|
||||
'Request type: Account & associated data deletion\n' +
|
||||
'Name: ' + (name || '(not provided)') + '\n' +
|
||||
'Account identifier: ' + account + '\n' +
|
||||
'Platform: ' + platform + '\n' +
|
||||
'Contact: ' + contact + '\n' +
|
||||
'Notes: ' + (reason || '(none)') + '\n\n' +
|
||||
'I request that my SmartBuddy account and associated data be deleted.\n' +
|
||||
'本人申请删除智花学伴账号及关联数据。\n';
|
||||
|
||||
window.location.href =
|
||||
'mailto:' + SUPPORT_EMAIL +
|
||||
'?subject=' + encodeURIComponent(subject) +
|
||||
'&body=' + encodeURIComponent(body);
|
||||
return false;
|
||||
}
|
||||
|
||||
(function init() {
|
||||
var lang = 'zh';
|
||||
try {
|
||||
var saved = localStorage.getItem('sb-account-deletion-lang');
|
||||
if (saved === 'en' || saved === 'zh') lang = saved;
|
||||
else if ((navigator.language || '').toLowerCase().indexOf('zh') !== 0) lang = 'en';
|
||||
} catch (e) {}
|
||||
setLang(lang);
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 164 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 183 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 140 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 189 KiB |
@@ -0,0 +1,700 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>智花学伴 · 课内作业，开口也能练</title>
|
||||
<meta name="description" content="智花学伴（SmartBuddy）：面向国际中文学习的学生端应用。完成教师布置的作业，用语音评测、AI 强化与生活场景对话，把练习变成能说出口的中文。" />
|
||||
<meta name="theme-color" content="#0F766E" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;700;900&family=ZCOOL+XiaoWei&display=swap" rel="stylesheet" />
|
||||
<style>
|
||||
:root {
|
||||
--ink: #16352f;
|
||||
--ink-soft: #3d5c55;
|
||||
--muted: #5f746e;
|
||||
--paper: #f3f7f4;
|
||||
--paper-deep: #e4efe9;
|
||||
--brand: #0f766e;
|
||||
--brand-bright: #1a8a7a;
|
||||
--accent: #c45c26;
|
||||
--line: rgba(15, 118, 110, 0.14);
|
||||
--white: #ffffff;
|
||||
--shadow: 0 28px 60px rgba(14, 55, 48, 0.18);
|
||||
--max: 1120px;
|
||||
}
|
||||
|
||||
* { box-sizing: border-box; }
|
||||
html { scroll-behavior: smooth; }
|
||||
body {
|
||||
margin: 0;
|
||||
color: var(--ink);
|
||||
background:
|
||||
radial-gradient(1200px 600px at 10% -10%, rgba(26, 138, 122, 0.16), transparent 55%),
|
||||
radial-gradient(900px 500px at 100% 0%, rgba(196, 92, 38, 0.08), transparent 50%),
|
||||
linear-gradient(180deg, #f7faf8 0%, var(--paper) 40%, #eef5f1 100%);
|
||||
font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
a { color: inherit; text-decoration: none; }
|
||||
img { display: block; max-width: 100%; }
|
||||
|
||||
.display {
|
||||
font-family: "Noto Serif SC", "Songti SC", "STSong", serif;
|
||||
font-weight: 900;
|
||||
letter-spacing: 0.04em;
|
||||
}
|
||||
.soft-display {
|
||||
font-family: "ZCOOL XiaoWei", "Noto Serif SC", serif;
|
||||
}
|
||||
|
||||
.nav {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
backdrop-filter: blur(14px);
|
||||
background: rgba(247, 250, 248, 0.82);
|
||||
border-bottom: 1px solid transparent;
|
||||
transition: border-color 0.25s ease, background 0.25s ease;
|
||||
}
|
||||
.nav.is-scrolled {
|
||||
border-color: var(--line);
|
||||
background: rgba(247, 250, 248, 0.94);
|
||||
}
|
||||
.nav-inner {
|
||||
max-width: var(--max);
|
||||
margin: 0 auto;
|
||||
padding: 14px 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 16px;
|
||||
}
|
||||
.nav-brand {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: 10px;
|
||||
color: var(--brand);
|
||||
}
|
||||
.nav-brand strong {
|
||||
font-family: "Noto Serif SC", serif;
|
||||
font-size: 22px;
|
||||
font-weight: 900;
|
||||
}
|
||||
.nav-brand span {
|
||||
font-size: 13px;
|
||||
color: var(--muted);
|
||||
letter-spacing: 0.08em;
|
||||
}
|
||||
.nav-links {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 18px;
|
||||
color: var(--ink-soft);
|
||||
font-size: 14px;
|
||||
}
|
||||
.nav-links a:hover { color: var(--brand); }
|
||||
|
||||
.hero {
|
||||
position: relative;
|
||||
min-height: min(100vh, 920px);
|
||||
overflow: hidden;
|
||||
isolation: isolate;
|
||||
}
|
||||
.hero-bg {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
z-index: -1;
|
||||
background:
|
||||
linear-gradient(115deg, rgba(15, 118, 110, 0.94) 0%, rgba(11, 95, 84, 0.8) 46%, rgba(18, 70, 62, 0.58) 100%),
|
||||
url("./images/scenes.jpg") center / cover no-repeat;
|
||||
transform: scale(1.04);
|
||||
animation: heroDrift 18s ease-in-out infinite alternate;
|
||||
}
|
||||
.hero-bg::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background:
|
||||
radial-gradient(circle at 78% 55%, transparent 0 18%, rgba(8, 40, 35, 0.35) 55%, rgba(6, 28, 24, 0.55) 100%),
|
||||
linear-gradient(180deg, rgba(8, 40, 35, 0.08), rgba(8, 40, 35, 0.35));
|
||||
}
|
||||
.hero-grid {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
z-index: -1;
|
||||
opacity: 0.14;
|
||||
background-image:
|
||||
linear-gradient(rgba(255,255,255,0.35) 1px, transparent 1px),
|
||||
linear-gradient(90deg, rgba(255,255,255,0.35) 1px, transparent 1px);
|
||||
background-size: 48px 48px;
|
||||
mask-image: linear-gradient(90deg, transparent, #000 20%, #000 70%, transparent);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.hero-inner {
|
||||
max-width: var(--max);
|
||||
margin: 0 auto;
|
||||
padding: clamp(48px, 10vh, 96px) 20px clamp(56px, 9vh, 88px);
|
||||
display: grid;
|
||||
grid-template-columns: 1.05fr 0.95fr;
|
||||
gap: clamp(28px, 5vw, 64px);
|
||||
align-items: center;
|
||||
min-height: inherit;
|
||||
}
|
||||
|
||||
.hero-copy { color: #f5fffb; max-width: 560px; }
|
||||
.hero-brand {
|
||||
margin: 0 0 18px;
|
||||
font-size: clamp(48px, 8vw, 84px);
|
||||
line-height: 1.05;
|
||||
color: #fff;
|
||||
text-shadow: 0 8px 30px rgba(0, 0, 0, 0.22);
|
||||
animation: riseIn 0.9s ease both;
|
||||
}
|
||||
.hero-title {
|
||||
margin: 0 0 14px;
|
||||
font-size: clamp(24px, 3.4vw, 36px);
|
||||
font-weight: 700;
|
||||
line-height: 1.25;
|
||||
animation: riseIn 0.9s ease 0.08s both;
|
||||
}
|
||||
.hero-lead {
|
||||
margin: 0 0 22px;
|
||||
font-size: clamp(15px, 1.7vw, 18px);
|
||||
line-height: 1.7;
|
||||
color: rgba(245, 255, 251, 0.88);
|
||||
max-width: 30em;
|
||||
animation: riseIn 0.9s ease 0.16s both;
|
||||
}
|
||||
.lang-pills {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
margin: 0 0 26px;
|
||||
animation: riseIn 0.9s ease 0.2s both;
|
||||
}
|
||||
.lang-pills span {
|
||||
padding: 5px 10px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid rgba(255,255,255,0.28);
|
||||
background: rgba(255,255,255,0.1);
|
||||
color: rgba(245, 255, 251, 0.92);
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
.hero-ctas {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
animation: riseIn 0.9s ease 0.24s both;
|
||||
}
|
||||
.btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 48px;
|
||||
padding: 0 22px;
|
||||
border-radius: 999px;
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
border: 1px solid transparent;
|
||||
transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
|
||||
}
|
||||
.btn:hover { transform: translateY(-1px); }
|
||||
.btn-primary {
|
||||
background: #fff;
|
||||
color: var(--brand);
|
||||
}
|
||||
.btn-ghost {
|
||||
background: rgba(255,255,255,0.08);
|
||||
color: #fff;
|
||||
border-color: rgba(255,255,255,0.35);
|
||||
}
|
||||
|
||||
.hero-device {
|
||||
justify-self: end;
|
||||
width: min(100%, 320px);
|
||||
animation: floatY 5.5s ease-in-out infinite, riseIn 1s ease 0.2s both;
|
||||
filter: drop-shadow(var(--shadow));
|
||||
}
|
||||
.phone-frame {
|
||||
border-radius: 36px;
|
||||
padding: 10px;
|
||||
background: linear-gradient(160deg, rgba(255,255,255,0.55), rgba(255,255,255,0.12));
|
||||
border: 1px solid rgba(255,255,255,0.35);
|
||||
}
|
||||
.phone-frame img {
|
||||
width: 100%;
|
||||
border-radius: 28px;
|
||||
aspect-ratio: 1179 / 2556;
|
||||
object-fit: cover;
|
||||
object-position: top center;
|
||||
background: #0b3d36;
|
||||
}
|
||||
|
||||
section {
|
||||
max-width: var(--max);
|
||||
margin: 0 auto;
|
||||
padding: clamp(64px, 10vw, 104px) 20px;
|
||||
}
|
||||
.section-kicker {
|
||||
margin: 0 0 10px;
|
||||
color: var(--brand-bright);
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.16em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.section-title {
|
||||
margin: 0 0 12px;
|
||||
font-size: clamp(28px, 4vw, 40px);
|
||||
line-height: 1.2;
|
||||
color: var(--ink);
|
||||
}
|
||||
.section-lead {
|
||||
margin: 0;
|
||||
max-width: 34em;
|
||||
color: var(--muted);
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.path {
|
||||
padding-top: 0;
|
||||
}
|
||||
.path-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
gap: 14px;
|
||||
}
|
||||
.path-card {
|
||||
background: rgba(255,255,255,0.78);
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 20px;
|
||||
padding: 20px 18px;
|
||||
box-shadow: 0 12px 30px rgba(14, 55, 48, 0.06);
|
||||
}
|
||||
.path-card strong {
|
||||
display: block;
|
||||
margin-bottom: 6px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.path-card p {
|
||||
margin: 0;
|
||||
color: var(--muted);
|
||||
font-size: 14px;
|
||||
}
|
||||
.path-index {
|
||||
display: inline-block;
|
||||
margin-bottom: 10px;
|
||||
color: var(--brand-bright);
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.12em;
|
||||
}
|
||||
|
||||
.feature {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: clamp(28px, 5vw, 64px);
|
||||
align-items: center;
|
||||
}
|
||||
.feature.reverse .feature-media { order: -1; }
|
||||
.feature-media {
|
||||
position: relative;
|
||||
border-radius: 28px;
|
||||
overflow: hidden;
|
||||
background: var(--paper-deep);
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
.feature-media img {
|
||||
width: 100%;
|
||||
aspect-ratio: 4 / 5;
|
||||
object-fit: cover;
|
||||
object-position: top center;
|
||||
}
|
||||
.feature-media::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
border: 1px solid rgba(255,255,255,0.4);
|
||||
border-radius: inherit;
|
||||
pointer-events: none;
|
||||
mix-blend-mode: soft-light;
|
||||
}
|
||||
.feature-points {
|
||||
margin: 22px 0 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
}
|
||||
.feature-points li {
|
||||
position: relative;
|
||||
padding-left: 22px;
|
||||
color: var(--ink-soft);
|
||||
}
|
||||
.feature-points li::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.62em;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: var(--brand-bright);
|
||||
}
|
||||
|
||||
.type-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 10px;
|
||||
margin-top: 22px;
|
||||
}
|
||||
.type-chip {
|
||||
background: rgba(255,255,255,0.8);
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 14px;
|
||||
padding: 12px 12px 10px;
|
||||
}
|
||||
.type-chip strong {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.type-chip span {
|
||||
color: var(--muted);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
html.js .reveal {
|
||||
opacity: 0;
|
||||
transform: translateY(22px);
|
||||
transition: opacity 0.7s ease, transform 0.7s ease;
|
||||
}
|
||||
html.js .reveal.is-in,
|
||||
.reveal {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.cta-band {
|
||||
margin: 0 20px clamp(48px, 8vw, 80px);
|
||||
max-width: var(--max);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border-radius: 28px;
|
||||
padding: clamp(36px, 6vw, 56px);
|
||||
background:
|
||||
linear-gradient(135deg, rgba(15, 118, 110, 0.96), rgba(18, 90, 78, 0.88)),
|
||||
url("./images/dialogue.jpg") right center / cover no-repeat;
|
||||
color: #f5fffb;
|
||||
text-align: center;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
.cta-band h2 {
|
||||
margin: 0 0 10px;
|
||||
font-size: clamp(28px, 4vw, 40px);
|
||||
}
|
||||
.cta-band p {
|
||||
margin: 0 auto 24px;
|
||||
max-width: 32em;
|
||||
color: rgba(245, 255, 251, 0.88);
|
||||
}
|
||||
.cta-actions {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 12px;
|
||||
}
|
||||
.cta-band .btn-primary { min-width: 160px; }
|
||||
|
||||
footer {
|
||||
border-top: 1px solid var(--line);
|
||||
background: rgba(255,255,255,0.55);
|
||||
}
|
||||
.footer-inner {
|
||||
max-width: var(--max);
|
||||
margin: 0 auto;
|
||||
padding: 36px 20px 48px;
|
||||
display: grid;
|
||||
gap: 20px;
|
||||
}
|
||||
.footer-brand {
|
||||
font-family: "Noto Serif SC", serif;
|
||||
font-size: 22px;
|
||||
font-weight: 900;
|
||||
color: var(--brand);
|
||||
}
|
||||
.footer-links {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px 18px;
|
||||
font-size: 14px;
|
||||
color: var(--muted);
|
||||
}
|
||||
.footer-links a:hover { color: var(--brand); }
|
||||
.footer-meta {
|
||||
font-size: 13px;
|
||||
color: var(--muted);
|
||||
}
|
||||
.footer-meta a { color: inherit; }
|
||||
.footer-meta a:hover { color: var(--brand); }
|
||||
|
||||
@keyframes riseIn {
|
||||
from { opacity: 0; transform: translateY(18px); }
|
||||
to { opacity: 1; transform: none; }
|
||||
}
|
||||
@keyframes floatY {
|
||||
0%, 100% { transform: translateY(0); }
|
||||
50% { transform: translateY(-10px); }
|
||||
}
|
||||
@keyframes heroDrift {
|
||||
from { transform: scale(1.04) translate3d(0, 0, 0); }
|
||||
to { transform: scale(1.08) translate3d(-1.2%, 1%, 0); }
|
||||
}
|
||||
|
||||
@media (max-width: 860px) {
|
||||
.nav-links .hide-sm { display: none; }
|
||||
.hero-inner {
|
||||
grid-template-columns: 1fr;
|
||||
padding-top: 36px;
|
||||
min-height: auto;
|
||||
}
|
||||
.hero-copy { text-align: left; }
|
||||
.hero-device {
|
||||
justify-self: center;
|
||||
width: min(72vw, 280px);
|
||||
margin-top: 8px;
|
||||
}
|
||||
.feature,
|
||||
.feature.reverse {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.feature.reverse .feature-media { order: 0; }
|
||||
.feature-media img { aspect-ratio: 3 / 4; object-position: top center; }
|
||||
.path-grid,
|
||||
.type-grid {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 520px) {
|
||||
.path-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
*, *::before, *::after {
|
||||
animation: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
.reveal { opacity: 1; transform: none; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header class="nav" id="topNav">
|
||||
<div class="nav-inner">
|
||||
<a class="nav-brand" href="#top" aria-label="智花学伴首页">
|
||||
<strong>智花学伴</strong>
|
||||
<span class="hide-sm">SmartBuddy</span>
|
||||
</a>
|
||||
<nav class="nav-links" aria-label="页面导航">
|
||||
<a class="hide-sm" href="#learn">课程作业</a>
|
||||
<a class="hide-sm" href="#practice">强化练习</a>
|
||||
<a class="hide-sm" href="#scenes">场景口语</a>
|
||||
<a href="#download">获取应用</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main id="top">
|
||||
<section class="hero" aria-label="智花学伴首页介绍">
|
||||
<div class="hero-bg" aria-hidden="true"></div>
|
||||
<div class="hero-grid" aria-hidden="true"></div>
|
||||
<div class="hero-inner">
|
||||
<div class="hero-copy">
|
||||
<h1 class="hero-brand display">智花学伴</h1>
|
||||
<p class="hero-title soft-display">课内作业，开口也能练</p>
|
||||
<p class="hero-lead">面向国际中文学习的学生端应用：完成教师布置的作业，再用语音评测、AI 强化和生活场景对话，把练习变成能说出口的中文。</p>
|
||||
<div class="lang-pills" aria-label="界面语言">
|
||||
<span>中文</span>
|
||||
<span>English</span>
|
||||
<span>日本語</span>
|
||||
<span>Français</span>
|
||||
<span>한국어</span>
|
||||
<span>Tiếng Việt</span>
|
||||
<span>ไทย</span>
|
||||
</div>
|
||||
<div class="hero-ctas">
|
||||
<a class="btn btn-primary" href="#download">获取应用</a>
|
||||
<a class="btn btn-ghost" href="#learn">了解功能</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-device" aria-hidden="true">
|
||||
<div class="phone-frame">
|
||||
<img src="./images/homework.jpg" alt="" width="320" height="693" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="path reveal" aria-label="四个学习入口">
|
||||
<div class="path-grid">
|
||||
<article class="path-card">
|
||||
<span class="path-index">01 学习</span>
|
||||
<strong>课程作业</strong>
|
||||
<p>查看教师布置的任务，按时完成并提交。</p>
|
||||
</article>
|
||||
<article class="path-card">
|
||||
<span class="path-index">02 强化</span>
|
||||
<strong>对话练习</strong>
|
||||
<p>针对已学内容连续对话，把薄弱点练熟。</p>
|
||||
</article>
|
||||
<article class="path-card">
|
||||
<span class="path-index">03 拓展</span>
|
||||
<strong>生活场景</strong>
|
||||
<p>点餐、入住、打车……开口练真实情境。</p>
|
||||
</article>
|
||||
<article class="path-card">
|
||||
<span class="path-index">04 我的</span>
|
||||
<strong>账号与设置</strong>
|
||||
<p>切换语言与主题，管理课程和学习资料。</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="learn" class="feature reveal">
|
||||
<div>
|
||||
<p class="section-kicker">FOLLOW THE COURSE</p>
|
||||
<h2 class="section-title display">跟着课程完成作业</h2>
|
||||
<p class="section-lead">教师布置、学生作答。作业状态一目了然，家长和老师都知道进度走到哪一步。</p>
|
||||
<ul class="feature-points">
|
||||
<li>按班级、作业类型与作答状态筛选任务</li>
|
||||
<li>查看未开始、作答中、已提交、已评阅</li>
|
||||
<li>用邀请码加入课程，学习进度跟着账号走</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="feature-media">
|
||||
<img src="./images/homework.jpg" alt="智花学伴课程作业列表界面" loading="lazy" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="types" class="feature reverse reveal">
|
||||
<div>
|
||||
<p class="section-kicker">MANY QUESTION TYPES</p>
|
||||
<h2 class="section-title display">多种题型，一次作答</h2>
|
||||
<p class="section-lead">选择、连线、填空，再到语音、图片与手写，同一份作业里完成不同类型练习。题目可同时呈现拼音与汉字。</p>
|
||||
<div class="type-grid">
|
||||
<div class="type-chip"><strong>选择题</strong><span>点选判断，提交前可改</span></div>
|
||||
<div class="type-chip"><strong>连线题</strong><span>左右配对，一对一匹配</span></div>
|
||||
<div class="type-chip"><strong>选择填空</strong><span>从候选里填入空白</span></div>
|
||||
<div class="type-chip"><strong>语音题</strong><span>录音、回放与重录</span></div>
|
||||
<div class="type-chip"><strong>图片题</strong><span>拍照或从相册上传</span></div>
|
||||
<div class="type-chip"><strong>书写题</strong><span>手写面板完成作答</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-media">
|
||||
<img src="./images/quiz.jpg" alt="智花学伴选择题作答界面，题目同时显示拼音与汉字" loading="lazy" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="practice" class="feature reveal">
|
||||
<div>
|
||||
<p class="section-kicker">AI COACH</p>
|
||||
<h2 class="section-title display">对着学伴，把薄弱点练熟</h2>
|
||||
<p class="section-lead">基于已学内容生成强化练习，用连续对话查漏补缺。学伴会针对作答给出讲解，再引出下一题。</p>
|
||||
<ul class="feature-points">
|
||||
<li>按学习内容范围新建练习会话</li>
|
||||
<li>支持文字输入与按住说话</li>
|
||||
<li>可清空会话或删除练习，随时重新开始</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="feature-media">
|
||||
<img src="./images/practice.jpg" alt="智花学伴强化练习对话界面" loading="lazy" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="scenes" class="feature reverse reveal">
|
||||
<div>
|
||||
<p class="section-kicker">REAL-LIFE SCENES</p>
|
||||
<h2 class="section-title display">把中文用进生活场景</h2>
|
||||
<p class="section-lead">咖啡店点餐、酒店入住、打车出行、医院挂号……选一个场景，开口练对话。说不清楚时，学伴会引导你继续。</p>
|
||||
<ul class="feature-points">
|
||||
<li>热门场景与分类检索，按生活需要选练</li>
|
||||
<li>语音或文字回复，系统即时接话</li>
|
||||
<li>适合课前预热，也适合碎片时间开口</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="feature-media">
|
||||
<img src="./images/scenes.jpg" alt="智花学伴生活场景口语练习入口" loading="lazy" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="download" class="cta-band reveal">
|
||||
<h2 class="display">用学习账号开始练习</h2>
|
||||
<p>智花学伴覆盖 iOS、Android 与 Web。账号由教师或机构分配，加入班级后即可完成作业、口语评测与场景对话。</p>
|
||||
<div class="cta-actions">
|
||||
<a class="btn btn-primary" href="mailto:liutingchao@fivequestions.cn">联系试用</a>
|
||||
<a class="btn btn-ghost" href="./privacy-policy.html">了解隐私保护</a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<div class="footer-inner">
|
||||
<div class="footer-brand">智花学伴</div>
|
||||
<div class="footer-links">
|
||||
<a href="./service-agreement.html">服务协议</a>
|
||||
<a href="./privacy-policy.html">隐私协议</a>
|
||||
<a href="./personal-information-collection-list.html">个人信息收集清单</a>
|
||||
<a href="./third-party-sharing-list.html">第三方信息共享清单</a>
|
||||
<a href="./account-deletion.html">账号删除申请</a>
|
||||
</div>
|
||||
<div class="footer-meta">
|
||||
<div>产品名称：智花学伴（SmartBuddy）</div>
|
||||
<div>运营主体：五道题（北京）科技有限公司</div>
|
||||
<div>“五道题”®、“智花”®为五道题（北京）科技有限公司注册商标</div>
|
||||
<div>联系邮箱：<a href="mailto:liutingchao@fivequestions.cn">liutingchao@fivequestions.cn</a></div>
|
||||
<div><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">京ICP备2025143052号</a></div>
|
||||
<div>© <span id="year"></span> 五道题（北京）科技有限公司</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
(function () {
|
||||
document.documentElement.classList.add('js');
|
||||
var nav = document.getElementById('topNav');
|
||||
var year = document.getElementById('year');
|
||||
if (year) year.textContent = String(new Date().getFullYear());
|
||||
|
||||
function onScroll() {
|
||||
if (!nav) return;
|
||||
nav.classList.toggle('is-scrolled', window.scrollY > 8);
|
||||
}
|
||||
onScroll();
|
||||
window.addEventListener('scroll', onScroll, { passive: true });
|
||||
|
||||
var nodes = document.querySelectorAll('.reveal');
|
||||
if (!('IntersectionObserver' in window)) {
|
||||
nodes.forEach(function (n) { n.classList.add('is-in'); });
|
||||
return;
|
||||
}
|
||||
var io = new IntersectionObserver(function (entries) {
|
||||
entries.forEach(function (entry) {
|
||||
if (entry.isIntersecting) {
|
||||
entry.target.classList.add('is-in');
|
||||
io.unobserve(entry.target);
|
||||
}
|
||||
});
|
||||
}, { threshold: 0.18, rootMargin: '0px 0px -8% 0px' });
|
||||
nodes.forEach(function (n) { io.observe(n); });
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -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>
|
||||
@@ -0,0 +1,110 @@
|
||||
<!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;
|
||||
--line: #e5e7eb;
|
||||
--brand: #0f766e;
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--text: #e5e7eb;
|
||||
--muted: #9ca3af;
|
||||
--bg: #0b1220;
|
||||
--card: #111827;
|
||||
--line: #374151;
|
||||
--brand: #2dd4bf;
|
||||
}
|
||||
}
|
||||
* { box-sizing: border-box; }
|
||||
body {
|
||||
margin: 0;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
font: 16px/1.75 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||
}
|
||||
.wrap { max-width: 980px; margin: 32px auto; padding: 0 16px 40px; }
|
||||
.card { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 24px; }
|
||||
h1, h2 { margin: 0 0 14px; line-height: 1.35; }
|
||||
h1 { font-size: 30px; color: var(--brand); }
|
||||
h2 { font-size: 20px; margin-top: 28px; }
|
||||
p, li { margin: 8px 0; }
|
||||
ul { margin: 8px 0; padding-left: 20px; }
|
||||
.meta { color: var(--muted); font-size: 14px; margin-bottom: 10px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<main class="wrap">
|
||||
<article class="card">
|
||||
<h1>智花学伴隐私协议</h1>
|
||||
<div class="meta">版本号：V1.0 ｜ 生效日期：2026-04-06 ｜ 更新日期：2026-04-06</div>
|
||||
|
||||
<p>本隐私协议用于说明五道题（北京）科技有限公司（以下简称“我们”）如何收集、使用、存储、共享和保护您在使用“智花学伴”应用过程中的个人信息，以及您享有的相关权利。</p>
|
||||
<p>本协议适用于“智花学伴”iOS 客户端、Android 客户端及 Web 版本。</p>
|
||||
|
||||
<h2>一、我们收集的信息及用途</h2>
|
||||
<ul>
|
||||
<li><strong>账号与身份信息</strong>：如学号/账号、登录凭证、班级信息，用于身份认证、账号管理、课程与班级功能提供。</li>
|
||||
<li><strong>学习与作答数据</strong>：如练习记录、答题内容、学习进度，用于提供学习服务、成绩展示与学习分析。</li>
|
||||
<li><strong>语音数据</strong>：当您使用语音作答、朗读评测时，我们会在获得麦克风权限后处理录音文件，用于语音评测与作答提交。</li>
|
||||
<li><strong>图片数据</strong>：当您使用拍照/相册作答时，我们会在获得相册权限后处理您选择的图片，用于图片作答提交。</li>
|
||||
<li><strong>本地偏好信息</strong>：如语言、主题及功能开关设置，保存在本地存储，用于提升使用体验。</li>
|
||||
<li><strong>设备与日志信息</strong>：如设备型号、系统版本、应用版本、网络状态、错误日志，用于故障排查与安全保障。</li>
|
||||
</ul>
|
||||
|
||||
<h2>二、权限调用说明</h2>
|
||||
<ul>
|
||||
<li><strong>麦克风权限</strong>：用于语音录制、朗读评测、语音作答。</li>
|
||||
<li><strong>相册权限</strong>：用于从相册选择图片进行作答上传。</li>
|
||||
</ul>
|
||||
<p>您可在系统设置中撤回授权。撤回后，相关功能可能无法使用，但不影响其他基础功能。</p>
|
||||
|
||||
<h2>三、我们如何共享、转让、公开披露信息</h2>
|
||||
<ul>
|
||||
<li>我们不会出售您的个人信息。</li>
|
||||
<li>仅在实现核心学习功能所必需时，向相关服务方共享最小必要信息，详见《第三方信息共享清单》。</li>
|
||||
<li>如发生合并、分立、资产转让等情形，我们将要求承接方继续履行本协议约定的保护义务。</li>
|
||||
<li>在法律法规要求或有权机关依法要求的情况下，我们可能依法披露相关信息。</li>
|
||||
</ul>
|
||||
|
||||
<h2>四、信息存储与保护</h2>
|
||||
<ul>
|
||||
<li>我们遵循最小必要原则设置信息存储期限，超期后将删除或匿名化处理（法律法规另有规定除外）。</li>
|
||||
<li>我们采取合理可行的安全措施（如访问控制、传输保护、权限隔离）保障信息安全。</li>
|
||||
<li>如发生信息安全事件，我们将按法律法规要求进行告知与处置。</li>
|
||||
</ul>
|
||||
|
||||
<h2>五、您的权利</h2>
|
||||
<p>在法律法规规定范围内，您可行使以下权利：</p>
|
||||
<ul>
|
||||
<li>查询、复制、更正、补充您的个人信息；</li>
|
||||
<li>删除您的个人信息（在符合法定条件时）；</li>
|
||||
<li>撤回授权同意；</li>
|
||||
<li>注销账号；</li>
|
||||
<li>获取本隐私协议说明与处理规则解释。</li>
|
||||
</ul>
|
||||
|
||||
<h2>六、未成年人保护</h2>
|
||||
<p>若您为未成年人，请在监护人指导下阅读并使用本服务。监护人可通过本协议所列联系方式与我们联系，行使相关管理权利。</p>
|
||||
|
||||
<h2>七、协议更新</h2>
|
||||
<p>我们可能根据法律法规或业务变化更新本协议。更新后将通过应用内页面或其他合理方式提示，更新后的协议自公布之日起生效。</p>
|
||||
|
||||
<h2>八、联系我们</h2>
|
||||
<p>公司主体：五道题（北京）科技有限公司</p>
|
||||
<p>商标声明：“五道题”“智花”为五道题（北京）科技有限公司注册商标（®）。</p>
|
||||
<p>隐私与个人信息相关申请路径：应用内“设置 - 意见反馈”。</p>
|
||||
<p>账号相关申请路径：应用内“设置 - 账号与安全/注销账号”。</p>
|
||||
<p>我们原则上将在收到申请后15个工作日内完成核验并答复。</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,122 @@
|
||||
<!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: #1f2937;
|
||||
--muted: #6b7280;
|
||||
--bg: #f8fafc;
|
||||
--card: #ffffff;
|
||||
--line: #e5e7eb;
|
||||
--brand: #0f766e;
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--text: #e5e7eb;
|
||||
--muted: #9ca3af;
|
||||
--bg: #0b1220;
|
||||
--card: #111827;
|
||||
--line: #374151;
|
||||
--brand: #2dd4bf;
|
||||
}
|
||||
}
|
||||
* { box-sizing: border-box; }
|
||||
body {
|
||||
margin: 0;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
font: 16px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
|
||||
}
|
||||
.wrap {
|
||||
max-width: 980px;
|
||||
margin: 32px auto;
|
||||
padding: 0 16px 40px;
|
||||
}
|
||||
.card {
|
||||
background: var(--card);
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 14px;
|
||||
padding: 24px;
|
||||
}
|
||||
h1, h2 { margin: 0 0 14px; line-height: 1.35; }
|
||||
h1 { font-size: 30px; color: var(--brand); }
|
||||
h2 { font-size: 20px; margin-top: 26px; }
|
||||
p, li { margin: 8px 0; }
|
||||
ul { padding-left: 20px; margin: 8px 0; }
|
||||
.meta {
|
||||
color: var(--muted);
|
||||
margin-bottom: 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<main class="wrap">
|
||||
<article class="card">
|
||||
<h1>智花学伴服务协议</h1>
|
||||
<div class="meta">版本号：V1.0 ｜ 生效日期：2026-04-06 ｜ 更新日期：2026-04-06</div>
|
||||
|
||||
<p>欢迎使用“智花学伴”应用（以下简称“本服务”）。本服务由五道题（北京）科技有限公司（以下简称“我们”）提供。请您在使用前认真阅读并充分理解本协议的全部条款。您勾选同意、注册使用或实际使用本服务，即表示您已阅读并同意受本协议约束。</p>
|
||||
|
||||
<h2>一、适用范围</h2>
|
||||
<p>本协议适用于您访问、下载、安装、注册、登录、使用本服务及相关功能的全部行为。本协议与《隐私协议》《个人信息收集清单》《第三方信息共享清单》共同构成完整服务规则。</p>
|
||||
<p>本协议适用于“智花学伴”iOS 客户端、Android 客户端及 Web 版本。</p>
|
||||
|
||||
<h2>二、账号与使用资格</h2>
|
||||
<ul>
|
||||
<li>您应提供真实、准确、完整、合法的注册或登录信息，并及时更新。</li>
|
||||
<li>您应妥善保管账号及登录凭证，对账号下的全部行为承担责任。</li>
|
||||
<li>未经我们书面许可，您不得出借、出租、转让或售卖账号。</li>
|
||||
</ul>
|
||||
|
||||
<h2>三、服务内容</h2>
|
||||
<p>本服务主要提供学习与练习相关功能，包括但不限于课程内容浏览、练习作答、语音与图片作答、学习记录展示等。我们有权基于运营需要对功能进行升级、调整或优化。</p>
|
||||
|
||||
<h2>四、用户行为规范</h2>
|
||||
<ul>
|
||||
<li>不得发布、传输法律法规禁止的内容。</li>
|
||||
<li>不得通过技术手段干扰、破坏本服务正常运行。</li>
|
||||
<li>不得进行逆向工程、反编译、抓包篡改、外挂脚本等行为。</li>
|
||||
<li>不得利用本服务侵犯他人合法权益或从事任何违法活动。</li>
|
||||
</ul>
|
||||
|
||||
<h2>五、知识产权</h2>
|
||||
<p>本服务中软件、界面、文案、素材、题库结构及相关技术成果的知识产权归我们或权利人所有。未经许可，您不得复制、修改、传播、出租、出售或进行其他商业化使用。</p>
|
||||
<p>“五道题”“智花”为五道题（北京）科技有限公司注册商标（®）。未经我们书面授权，任何组织或个人不得以明示或暗示方式使用上述商标。</p>
|
||||
|
||||
<h2>六、服务变更、中止与终止</h2>
|
||||
<ul>
|
||||
<li>我们可基于法律法规、监管要求、产品维护或安全风控对服务进行变更、中止或终止。</li>
|
||||
<li>若您违反本协议，我们有权采取限制功能、暂停服务、注销账号等措施。</li>
|
||||
<li>因不可抗力、系统故障、网络异常等导致服务中断的，我们将尽合理努力恢复。</li>
|
||||
</ul>
|
||||
|
||||
<h2>七、责任限制</h2>
|
||||
<ul>
|
||||
<li>本服务按“现状”提供，我们将尽合理努力保证稳定性与可用性，但不对绝对连续、绝对无误作担保。</li>
|
||||
<li>在法律允许范围内，我们对间接损失、附带损失或惩罚性赔偿不承担责任。</li>
|
||||
<li>您因违反本协议或违法使用本服务导致的责任，由您自行承担。</li>
|
||||
</ul>
|
||||
|
||||
<h2>八、未成年人条款</h2>
|
||||
<p>未满18周岁的用户应在监护人阅读并同意本协议后使用本服务。监护人应对未成年人使用行为进行管理与指导。</p>
|
||||
|
||||
<h2>九、协议更新</h2>
|
||||
<p>我们可能根据法律法规、业务发展或产品迭代更新本协议。更新后将通过应用内页面、公告等方式提示。若您继续使用本服务，视为接受更新后的协议。</p>
|
||||
|
||||
<h2>十、适用法律与争议解决</h2>
|
||||
<p>本协议适用中华人民共和国法律（不含冲突法规则）。因本协议引起或与本协议有关的争议，双方应先友好协商；协商不成的，任一方可向北京市有管辖权的人民法院提起诉讼。</p>
|
||||
|
||||
<h2>十一、联系方式</h2>
|
||||
<p>公司主体：五道题（北京）科技有限公司</p>
|
||||
<p>客服与投诉路径：应用内“设置 - 意见反馈”。</p>
|
||||
<p>个人信息与账号事务受理路径：应用内“设置 - 账号与安全/注销账号/意见反馈”。</p>
|
||||
<p>我们将在收到申请后15个工作日内处理并回复（法律法规另有规定的除外）。</p>
|
||||
</article>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,184 @@
|
||||
<!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;
|
||||
--link: #0f766e;
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--text: #e5e7eb;
|
||||
--muted: #9ca3af;
|
||||
--bg: #0b1220;
|
||||
--card: #111827;
|
||||
--table: #0f172a;
|
||||
--thead: #1f2937;
|
||||
--line: #374151;
|
||||
--brand: #2dd4bf;
|
||||
--link: #5eead4;
|
||||
}
|
||||
}
|
||||
* { 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;
|
||||
border: 1px solid var(--line);
|
||||
background: var(--table);
|
||||
}
|
||||
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;
|
||||
}
|
||||
a { color: var(--link); text-decoration: none; }
|
||||
a:hover { text-decoration: underline; }
|
||||
code { overflow-wrap: anywhere; word-break: break-all; }
|
||||
@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.5em;
|
||||
color: var(--muted);
|
||||
font-weight: 600;
|
||||
}
|
||||
a { overflow-wrap: anywhere; word-break: break-all; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<main class="wrap">
|
||||
<section class="card">
|
||||
<h1>智花学伴第三方信息共享清单</h1>
|
||||
<div class="meta">版本号：V1.0 ｜ 生效日期：2026-04-06 ｜ 更新日期：2026-04-06</div>
|
||||
<p>我们仅在实现核心业务功能所必需范围内与第三方共享信息，并遵循最小必要原则进行传输与处理。</p>
|
||||
<p>本清单适用于“智花学伴”iOS 客户端、Android 客户端及 Web 版本。</p>
|
||||
|
||||
<table aria-label="第三方信息共享清单">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 15%;">第三方名称</th>
|
||||
<th style="width: 10%;">适用平台</th>
|
||||
<th style="width: 17%;">业务场景</th>
|
||||
<th style="width: 18%;">共享信息类型</th>
|
||||
<th style="width: 14%;">共享目的</th>
|
||||
<th style="width: 13%;">共享方式</th>
|
||||
<th style="width: 13%;">第三方说明</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td data-label="第三方名称">北京语言大学教学平台接口服务</td>
|
||||
<td data-label="适用平台">iOS / Android / Web</td>
|
||||
<td data-label="业务场景">登录认证、课程/练习获取、作答与成绩提交、语音评测与作业交互</td>
|
||||
<td data-label="共享信息类型">账号标识、班级信息、学习记录、语音/图片作答文件（按功能）</td>
|
||||
<td data-label="共享目的">实现核心教学业务能力</td>
|
||||
<td data-label="共享方式">接口调用（HTTPS）</td>
|
||||
<td data-label="第三方说明">域名示例：<code>cit.blcu.edu.cn</code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="第三方名称">北京语言大学静态资源服务</td>
|
||||
<td data-label="适用平台">iOS / Android / Web</td>
|
||||
<td data-label="业务场景">发现页场景资源加载</td>
|
||||
<td data-label="共享信息类型">网络请求必要信息（如IP、请求日志）</td>
|
||||
<td data-label="共享目的">提供场景索引与静态资源分发</td>
|
||||
<td data-label="共享方式">接口/静态资源请求</td>
|
||||
<td data-label="第三方说明">域名示例：<code>cnlp.blcu.edu.cn</code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="第三方名称">Apple iOS 系统服务</td>
|
||||
<td data-label="适用平台">iOS</td>
|
||||
<td data-label="业务场景">应用安装分发、系统运行保障、崩溃诊断（由系统能力决定）</td>
|
||||
<td data-label="共享信息类型">设备标识信息、诊断类信息（以系统策略为准）</td>
|
||||
<td data-label="共享目的">保障应用分发与系统兼容性</td>
|
||||
<td data-label="共享方式">系统服务调用</td>
|
||||
<td data-label="第三方说明"><a href="https://www.apple.com/legal/privacy/" target="_blank" rel="noopener noreferrer">Apple Privacy Policy</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="第三方名称">Android 系统与设备厂商服务</td>
|
||||
<td data-label="适用平台">Android</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="第三方名称">Web 浏览器与运行环境服务</td>
|
||||
<td data-label="适用平台">Web</td>
|
||||
<td data-label="业务场景">网页加载、网络通信、异常诊断（由浏览器能力决定）</td>
|
||||
<td data-label="共享信息类型">网络请求必要信息（如IP、User-Agent、日志信息）</td>
|
||||
<td data-label="共享目的">保障Web端可用性与兼容性</td>
|
||||
<td data-label="共享方式">浏览器/网络协议调用</td>
|
||||
<td data-label="第三方说明">由用户所使用浏览器厂商提供，具体以浏览器厂商公示为准</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<p class="note">说明1：当前版本未接入广告投放SDK，未进行广告定向投放相关个人信息共享。</p>
|
||||
<p class="note">说明2：本清单为统一版本，通过“适用平台”区分 iOS、Android 与 Web 端差异；后续若第三方合作或SDK接入发生变化，我们将及时更新并公示。</p>
|
||||
<p class="note">说明3：开源基础组件（如 React Native / Expo）默认在本地执行，不直接向其开源维护方传输用户业务个人信息。</p>
|
||||
<p class="note">商标声明：“五道题”“智花”为五道题（北京）科技有限公司注册商标（®）。</p>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,168 @@
|
||||
# 商标使用证据归档模板（按季度）
|
||||
|
||||
> 适用主体：五道题（北京）科技有限公司
|
||||
> 适用商标：`五道题`、`智花`、`智花学伴`
|
||||
> 适用产品：智花学伴（iOS / Android / Web）
|
||||
|
||||
## 1. 使用说明
|
||||
|
||||
1. 每个季度至少归档 1 组完整证据，建议每月补充一次。
|
||||
2. 每件商标分别建子目录归档，避免后续“撤三”举证混淆。
|
||||
3. 每份证据必须同时体现：
|
||||
- 商标标识（文字/图样）
|
||||
- 使用场景（App 页面、官网、应用市场、合同/发票等）
|
||||
- 使用主体（五道题（北京）科技有限公司）
|
||||
- 时间信息（截图时间、发布记录、开票时间、交易时间）
|
||||
|
||||
---
|
||||
|
||||
## 2. 目录建议
|
||||
|
||||
```text
|
||||
docs/trademark-evidence/
|
||||
2026-Q1/
|
||||
五道题/
|
||||
智花/
|
||||
智花学伴/
|
||||
2026-Q2/
|
||||
五道题/
|
||||
智花/
|
||||
智花学伴/
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 3. 季度记录封面（每季度复制一份）
|
||||
|
||||
```md
|
||||
# 商标使用证据记录 - 2026 Q1
|
||||
|
||||
## A. 基本信息
|
||||
- 归档季度：2026 Q1（2026-01-01 ~ 2026-03-31）
|
||||
- 归档日期：____-__-__
|
||||
- 归档人：________
|
||||
- 复核人：________
|
||||
|
||||
## B. 本季度使用商标
|
||||
- [ ] 五道题
|
||||
- [ ] 智花
|
||||
- [ ] 智花学伴
|
||||
|
||||
## C. 证据总览（至少覆盖 3 类）
|
||||
- [ ] 产品内使用证据（启动页/关于页/登录页/设置页）
|
||||
- [ ] 对外页面证据（官网/下载页/协议页）
|
||||
- [ ] 渠道上架证据（App Store/应用市场）
|
||||
- [ ] 交易或服务证据（合同/订单/发票/对账单）
|
||||
- [ ] 运营宣传证据（公众号/新闻稿/活动海报）
|
||||
|
||||
## D. 结论
|
||||
- 本季度是否形成完整闭环证据：是 / 否
|
||||
- 缺失项：________________
|
||||
- 补齐截止日期：____-__-__
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 4. 单件商标记录模板（每件商标每季度至少一份）
|
||||
|
||||
```md
|
||||
# 商标：智花学伴（2026 Q1）
|
||||
|
||||
## 1) 商标信息
|
||||
- 商标名称：智花学伴
|
||||
- 注册号：________________
|
||||
- 核定类别：________________
|
||||
- 权利人：五道题（北京）科技有限公司
|
||||
|
||||
## 2) 使用证据明细
|
||||
| 序号 | 证据类型 | 证据文件名 | 使用场景 | 时间 | 备注 |
|
||||
|---|---|---|---|---|---|
|
||||
| 1 | App 页面截图 | 2026Q1_zhihuahuixue_app_about_20260214.png | 关于页面显示商标 | 2026-02-14 | iOS |
|
||||
| 2 | 官网截图 | 2026Q1_zhihuahuixue_web_footer_20260215.png | 官网页脚商标声明 | 2026-02-15 | Web |
|
||||
| 3 | 应用市场截图 | 2026Q1_zhihuahuixue_appstore_20260301.png | App Store 上架页 | 2026-03-01 | iOS |
|
||||
| 4 | 发票/合同 | 2026Q1_zhihuahuixue_invoice_20260305.pdf | 商业化服务记录 | 2026-03-05 | 发票号码：____ |
|
||||
|
||||
## 3) 有效性自查
|
||||
- [ ] 可清晰识别商标文字/图样
|
||||
- [ ] 可定位到具体商品/服务
|
||||
- [ ] 可识别使用主体（公司名）
|
||||
- [ ] 可识别时间（截图/流水/开票日期）
|
||||
- [ ] 文件可追溯原始来源（链接/后台导出）
|
||||
|
||||
## 4) 风险与补充
|
||||
- 风险点：________________
|
||||
- 补证计划：________________
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 5. 文件命名规范（建议）
|
||||
|
||||
命名格式：
|
||||
|
||||
```text
|
||||
{季度}_{商标}_{证据类型}_{日期}.{ext}
|
||||
```
|
||||
|
||||
示例：
|
||||
|
||||
```text
|
||||
2026Q1_zhihua_app_about_20260214.png
|
||||
2026Q1_wudaoti_contract_20260320.pdf
|
||||
2026Q1_zhihuahuixue_appstore_20260301.png
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 6. 证据清单（可直接勾选）
|
||||
|
||||
### 产品内（每季度至少 2 张）
|
||||
- [ ] 启动页/闪屏页
|
||||
- [ ] 登录页
|
||||
- [ ] 关于页
|
||||
- [ ] 设置页或帮助页
|
||||
|
||||
### 对外页面（每季度至少 2 张）
|
||||
- [ ] 官网首页
|
||||
- [ ] 下载页/产品介绍页
|
||||
- [ ] 隐私政策页
|
||||
- [ ] 服务协议页
|
||||
|
||||
### 渠道页面（每季度至少 1 张）
|
||||
- [ ] App Store 上架页面
|
||||
- [ ] Android 应用市场页面
|
||||
|
||||
### 商业与运营（每季度至少 1 份）
|
||||
- [ ] 合同/订单
|
||||
- [ ] 发票/对账单
|
||||
- [ ] 运营宣传材料（公众号/海报/新闻稿）
|
||||
|
||||
---
|
||||
|
||||
## 7. 年度汇总模板（每年末一次）
|
||||
|
||||
```md
|
||||
# 商标使用年度汇总 - 2026
|
||||
|
||||
## 覆盖季度
|
||||
- [ ] Q1
|
||||
- [ ] Q2
|
||||
- [ ] Q3
|
||||
- [ ] Q4
|
||||
|
||||
## 商标覆盖情况
|
||||
- 五道题：完整 / 不完整
|
||||
- 智花：完整 / 不完整
|
||||
- 智花学伴：完整 / 不完整
|
||||
|
||||
## 主要证据来源
|
||||
- 产品页面：____份
|
||||
- 渠道页面：____份
|
||||
- 商业材料：____份
|
||||
- 运营材料：____份
|
||||
|
||||
## 风险结论
|
||||
- 是否存在连续 3 年使用断档风险：是 / 否
|
||||
- 若“是”，整改计划：________________
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user