352 lines
10 KiB
HTML
352 lines
10 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>由点笔迹 - 技术支持</title>
|
||
<meta
|
||
name="description"
|
||
content="由点笔迹是一款离线笔记/日记 App，无需登录即可使用。本页提供常见问题与技术支持联系方式。"
|
||
/>
|
||
<meta property="og:title" content="由点笔迹 - 技术支持" />
|
||
<meta
|
||
property="og:description"
|
||
content="由点笔迹是一款离线 App，无需登录即可使用。这里提供使用帮助与技术支持联系方式。"
|
||
/>
|
||
<meta name="theme-color" content="#0b1220" />
|
||
<style>
|
||
:root {
|
||
--bg: #070b14;
|
||
--panel: rgba(255, 255, 255, 0.06);
|
||
--panel2: rgba(255, 255, 255, 0.08);
|
||
--text: rgba(255, 255, 255, 0.92);
|
||
--muted: rgba(255, 255, 255, 0.68);
|
||
--border: rgba(255, 255, 255, 0.12);
|
||
--shadow: rgba(0, 0, 0, 0.35);
|
||
--accent: #7c5cff;
|
||
--accent2: #2dd4bf;
|
||
--maxw: 980px;
|
||
}
|
||
|
||
@media (prefers-color-scheme: light) {
|
||
:root {
|
||
--bg: #f7f8fc;
|
||
--panel: rgba(0, 0, 0, 0.04);
|
||
--panel2: rgba(0, 0, 0, 0.06);
|
||
--text: rgba(10, 12, 18, 0.92);
|
||
--muted: rgba(10, 12, 18, 0.66);
|
||
--border: rgba(10, 12, 18, 0.12);
|
||
--shadow: rgba(0, 0, 0, 0.12);
|
||
}
|
||
}
|
||
|
||
* {
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
html,
|
||
body {
|
||
height: 100%;
|
||
}
|
||
|
||
body {
|
||
margin: 0;
|
||
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
|
||
"Apple Color Emoji", "Segoe UI Emoji";
|
||
color: var(--text);
|
||
background: radial-gradient(1200px 600px at 20% -10%, rgba(124, 92, 255, 0.34), transparent 55%),
|
||
radial-gradient(900px 520px at 90% 10%, rgba(45, 212, 191, 0.26), transparent 50%),
|
||
linear-gradient(180deg, var(--bg), var(--bg));
|
||
}
|
||
|
||
a {
|
||
color: inherit;
|
||
}
|
||
|
||
.container {
|
||
max-width: var(--maxw);
|
||
margin: 0 auto;
|
||
padding: 28px 20px 64px;
|
||
}
|
||
|
||
header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 16px;
|
||
margin-bottom: 26px;
|
||
}
|
||
|
||
.brand {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
min-width: 0;
|
||
}
|
||
|
||
.mark {
|
||
width: 38px;
|
||
height: 38px;
|
||
border-radius: 12px;
|
||
background: linear-gradient(135deg, var(--accent), var(--accent2));
|
||
box-shadow: 0 14px 30px var(--shadow);
|
||
position: relative;
|
||
flex: 0 0 auto;
|
||
}
|
||
|
||
.mark::after {
|
||
content: "";
|
||
position: absolute;
|
||
inset: 10px;
|
||
border-radius: 9px;
|
||
background: rgba(255, 255, 255, 0.18);
|
||
border: 1px solid rgba(255, 255, 255, 0.24);
|
||
}
|
||
|
||
.brand-text {
|
||
min-width: 0;
|
||
}
|
||
|
||
.brand-title {
|
||
font-weight: 700;
|
||
letter-spacing: -0.02em;
|
||
margin: 0;
|
||
font-size: 15px;
|
||
line-height: 1.25;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
.brand-subtitle {
|
||
margin: 2px 0 0;
|
||
font-size: 12px;
|
||
color: var(--muted);
|
||
}
|
||
|
||
.hero {
|
||
padding: 28px;
|
||
border-radius: 20px;
|
||
background: linear-gradient(180deg, var(--panel2), var(--panel));
|
||
border: 1px solid var(--border);
|
||
box-shadow: 0 26px 60px var(--shadow);
|
||
overflow: hidden;
|
||
position: relative;
|
||
}
|
||
|
||
.hero::before {
|
||
content: "";
|
||
position: absolute;
|
||
width: 620px;
|
||
height: 620px;
|
||
border-radius: 50%;
|
||
background: radial-gradient(circle at 30% 30%, rgba(124, 92, 255, 0.28), transparent 60%);
|
||
top: -420px;
|
||
right: -380px;
|
||
pointer-events: none;
|
||
filter: blur(2px);
|
||
}
|
||
|
||
.eyebrow {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
padding: 8px 12px;
|
||
border-radius: 999px;
|
||
background: rgba(124, 92, 255, 0.12);
|
||
border: 1px solid rgba(124, 92, 255, 0.22);
|
||
color: var(--text);
|
||
font-weight: 600;
|
||
font-size: 12px;
|
||
letter-spacing: 0.02em;
|
||
margin: 0 0 14px;
|
||
}
|
||
|
||
h1 {
|
||
font-size: clamp(28px, 4vw, 44px);
|
||
line-height: 1.1;
|
||
letter-spacing: -0.03em;
|
||
margin: 0 0 10px;
|
||
}
|
||
|
||
.lead {
|
||
margin: 0;
|
||
font-size: 16px;
|
||
line-height: 1.6;
|
||
color: var(--muted);
|
||
max-width: 70ch;
|
||
}
|
||
|
||
section {
|
||
margin-top: 30px;
|
||
}
|
||
|
||
h2 {
|
||
font-size: 18px;
|
||
margin: 0 0 12px;
|
||
letter-spacing: -0.02em;
|
||
}
|
||
|
||
.grid {
|
||
display: grid;
|
||
gap: 12px;
|
||
grid-template-columns: repeat(12, 1fr);
|
||
}
|
||
|
||
.card {
|
||
grid-column: span 12;
|
||
padding: 16px;
|
||
border-radius: 16px;
|
||
background: var(--panel);
|
||
border: 1px solid var(--border);
|
||
}
|
||
|
||
.card h3 {
|
||
margin: 0 0 6px;
|
||
font-size: 14px;
|
||
letter-spacing: -0.01em;
|
||
}
|
||
|
||
.card p {
|
||
margin: 0;
|
||
color: var(--muted);
|
||
line-height: 1.55;
|
||
font-size: 13px;
|
||
}
|
||
|
||
@media (min-width: 720px) {
|
||
.card.span-6 {
|
||
grid-column: span 6;
|
||
}
|
||
.card.span-4 {
|
||
grid-column: span 4;
|
||
}
|
||
}
|
||
|
||
footer {
|
||
margin-top: 40px;
|
||
padding-top: 18px;
|
||
border-top: 1px solid var(--border);
|
||
color: var(--muted);
|
||
font-size: 12px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 12px;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.small {
|
||
color: var(--muted);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<header>
|
||
<div class="brand" aria-label="RiJi">
|
||
<div class="mark" aria-hidden="true"></div>
|
||
<div class="brand-text">
|
||
<p class="brand-title">由点笔迹</p>
|
||
<p class="brand-subtitle">离线笔记 · 无需登录 · 打开即用</p>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<div class="hero">
|
||
<p class="eyebrow">App 技术支持 · App Support</p>
|
||
<h1>由点笔迹 — 离线笔记/日记</h1>
|
||
<p class="lead">
|
||
由点笔迹是一款离线 App，无需登录即可使用。若你在使用过程中遇到问题，可以先查看下方常见问题，
|
||
或通过邮件联系我们获取技术支持。
|
||
</p>
|
||
</div>
|
||
|
||
<section aria-labelledby="highlights">
|
||
<h2 id="highlights">核心特点</h2>
|
||
<div class="grid">
|
||
<article class="card span-6">
|
||
<h3>离线可用</h3>
|
||
<p>没有网络也能记录，内容默认保存在设备本地。</p>
|
||
</article>
|
||
<article class="card span-6">
|
||
<h3>无需登录</h3>
|
||
<p>不需要注册/登录账号，安装后即可使用。</p>
|
||
</article>
|
||
<article class="card span-4">
|
||
<h3>轻量记录</h3>
|
||
<p>专注写作与日常记录，减少干扰。</p>
|
||
</article>
|
||
<article class="card span-4">
|
||
<h3>本地数据</h3>
|
||
<p>你的内容由你掌控；如启用系统备份，数据由 iOS 备份机制管理。</p>
|
||
</article>
|
||
<article class="card span-4">
|
||
<h3>迁移建议</h3>
|
||
<p>更换设备时，可通过 iOS 系统备份/迁移保留数据（以系统能力为准）。</p>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section aria-labelledby="faq">
|
||
<h2 id="faq">常见问题</h2>
|
||
<div class="grid">
|
||
<article class="card span-6">
|
||
<h3>是否需要注册/登录？</h3>
|
||
<p>不需要。由点笔迹是一款离线应用，下载后打开即可使用。</p>
|
||
</article>
|
||
<article class="card span-6">
|
||
<h3>数据会上传到服务器吗？</h3>
|
||
<p>
|
||
由点笔迹默认离线运行，你的内容保存在设备本地。如你开启 iOS 系统备份/换机迁移，数据可能随系统备份进入你的 iCloud 设备备份（由 Apple 负责）。
|
||
</p>
|
||
</article>
|
||
<article class="card span-6">
|
||
<h3>遇到闪退/无法保存/显示异常怎么办？</h3>
|
||
<p>
|
||
建议先重启 App 或重启手机；确认 iOS 系统版本与存储空间正常；如仍无法解决，请邮件联系我们并附上设备型号、iOS 版本、App 版本与问题截图/录屏。
|
||
</p>
|
||
</article>
|
||
<article class="card span-6">
|
||
<h3>如何联系技术支持？</h3>
|
||
<p>
|
||
请发送邮件至
|
||
<a href="mailto:lanmu1818@gmail.com?subject=%E7%94%B1%E7%82%B9%E7%AC%94%E8%BF%B9%20%E6%8A%80%E6%9C%AF%E6%94%AF%E6%8C%81">lanmu1818@gmail.com</a>
|
||
（建议在标题注明“由点笔迹 技术支持”）。
|
||
</p>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section aria-labelledby="contact">
|
||
<h2 id="contact">联系我们</h2>
|
||
<div class="grid">
|
||
<article class="card span-6">
|
||
<h3>支持邮箱</h3>
|
||
<p>
|
||
<a href="mailto:lanmu1818@gmail.com?subject=%E7%94%B1%E7%82%B9%E7%AC%94%E8%BF%B9%20%E6%8A%80%E6%9C%AF%E6%94%AF%E6%8C%81">lanmu1818@gmail.com</a>
|
||
</p>
|
||
</article>
|
||
<article class="card span-6">
|
||
<h3>邮件建议包含</h3>
|
||
<p>设备型号 / iOS 版本 / App 版本 / 问题描述 / 截图或录屏</p>
|
||
</article>
|
||
</div>
|
||
<p class="small" style="margin: 10px 0 0">
|
||
<a href="./privacy/">隐私政策 / Privacy Policy</a>
|
||
</p>
|
||
<p class="small" style="margin: 10px 0 0">
|
||
如果你是 App Store 审核人员：由点笔迹为离线 App，无需登录即可使用。
|
||
</p>
|
||
</section>
|
||
|
||
<footer>
|
||
<span class="small">由点笔迹 · 技术支持</span>
|
||
<span class="small">Public support page (no login required)</span>
|
||
</footer>
|
||
</main>
|
||
</div>
|
||
</body>
|
||
</html>
|