066eb8f820
Music Creation Page: - Vinyl 3D flip to view lyrics, tonearm animation, glow rotation effect - Circular SVG progress ring, speech bubble feedback, confirm dialog - Playlist modal, free creation input, lyrics formatting optimization - MiniMax API real music generation with SSE streaming progress Backend: - FastAPI proxy server.py for MiniMax API calls - Music + lyrics file persistence to Capybara music/ directory - GET /api/playlist endpoint for auto-building playlist from files UI/UX Refinements: - frontend-design skill compliance across all pages - Glassmorphism effects, modal interactions, scroll tap prevention - iPhone 12 Pro responsive layout (390x844) Flutter Development Preparation: - Installed flutter-expert skill with 6 reference docs - Added 5 Cursor Rules: official Flutter, clean architecture, UI performance, testing, Dart standards Assets: - 9 Capybara music MP3 files + lyrics TXT files - MiniMax API documentation Co-authored-by: Cursor <cursoragent@cursor.com>
170 lines
8.1 KiB
HTML
170 lines
8.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport"
|
||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||
<title>Airhub - 用户协议</title>
|
||
<link rel="stylesheet" href="styles.css">
|
||
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=DM+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||
<style>
|
||
.page-header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 16px 20px;
|
||
padding-top: calc(env(safe-area-inset-top, 20px) + 48px);
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
position: absolute;
|
||
top: 0;
|
||
z-index: 10;
|
||
}
|
||
|
||
.back-btn {
|
||
background: rgba(255, 255, 255, 0.25);
|
||
backdrop-filter: blur(8px);
|
||
border: 1px solid rgba(255, 255, 255, 0.4);
|
||
width: 44px;
|
||
height: 44px;
|
||
border-radius: 22px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: #1F2937;
|
||
cursor: pointer;
|
||
transition: all 0.2s;
|
||
}
|
||
|
||
.back-btn:active {
|
||
transform: scale(0.92);
|
||
}
|
||
|
||
.page-title {
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
color: #1F2937;
|
||
}
|
||
|
||
.content-scroll {
|
||
padding: calc(env(safe-area-inset-top, 20px) + 120px) 24px 40px;
|
||
overflow-y: auto;
|
||
flex: 1;
|
||
width: 100%;
|
||
height: 100%;
|
||
box-sizing: border-box;
|
||
color: #374151;
|
||
line-height: 1.6;
|
||
font-size: 15px;
|
||
position: relative;
|
||
z-index: 2;
|
||
scrollbar-width: none;
|
||
/* Firefox */
|
||
-webkit-mask-image: linear-gradient(to bottom, transparent 0px, transparent 100px, black 130px, black 100%);
|
||
mask-image: linear-gradient(to bottom, transparent 0px, transparent 100px, black 130px, black 100%);
|
||
}
|
||
|
||
.content-scroll::-webkit-scrollbar {
|
||
display: none;
|
||
/* Chrome/Safari */
|
||
}
|
||
|
||
h2 {
|
||
font-size: 17px;
|
||
margin: 32px 0 12px;
|
||
color: #1F2937;
|
||
font-weight: 700;
|
||
}
|
||
|
||
h2:first-child {
|
||
margin-top: 0;
|
||
}
|
||
|
||
p {
|
||
margin-bottom: 16px;
|
||
text-align: justify;
|
||
}
|
||
|
||
ul {
|
||
margin-bottom: 16px;
|
||
padding-left: 20px;
|
||
}
|
||
|
||
li {
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.strong {
|
||
font-weight: 600;
|
||
color: #1F2937;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="app-container">
|
||
<div class="gradient-bg">
|
||
<div class="gradient-layer layer-1"></div>
|
||
</div>
|
||
<header class="page-header">
|
||
<button class="back-btn" onclick="history.back()">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
<path d="M15 18l-6-6 6-6"></path>
|
||
</svg>
|
||
</button>
|
||
<span class="page-title">用户协议</span>
|
||
<div style="width: 44px;"></div>
|
||
</header>
|
||
<main class="content-scroll">
|
||
<p>欢迎您使用 Airhub 产品及服务！</p>
|
||
<p><strong>特别提示：</strong> 在您开始使用 Airhub
|
||
产品（以下简称"本产品"）及相关服务之前，请您务必仔细阅读本《用户协议》（以下简称"本协议"）。<strong>特别是涉及免除或者限制责任的条款、法律适用和争议解决条款等，请您重点阅读。</strong>
|
||
</p>
|
||
|
||
<h2>1. 服务说明</h2>
|
||
<p>1.1 Airhub Team（以下简称"我们"）向用户提供包括但不限于设备连接控制、AI 语音交互、角色记忆存储、云端同步等服务（以下简称"本服务"）。</p>
|
||
<p>1.2 本服务的具体内容由我们根据实际情况提供，我们有权随时变更、中断或终止部分或全部服务。</p>
|
||
<p>1.3 用户理解并同意，本服务仅供用户个人非商业性质的使用。用户不得利用本服务进行销售或其他商业用途。</p>
|
||
|
||
<h2>2. 账号注册与使用</h2>
|
||
<p>2.1 用户在使用本服务时需要注册一个 Airhub 账号。用户应保证注册信息的真实性、准确性和完整性。</p>
|
||
<p>2.2 用户有责任妥善保管注册账号信息及密码安全。因用户保管不善可能导致账号被盗及其后果，由用户自行承担。</p>
|
||
<p>2.3 如发现任何未经授权使用您账号登录、使用本服务的情况，您应立即通知我们。您理解我们对您的任何请求采取行动需要合理时间，我们对在采取行动前已经产生的后果不承担责任。</p>
|
||
|
||
<h2>3. 用户行为规范</h2>
|
||
<p>用户在使用本服务过程中，应当遵守法律法规，不得从事下列行为：</p>
|
||
<ul>
|
||
<li>发布、传送、传播、储存危害国家安全、破坏社会稳定、违反公序良俗的内容；</li>
|
||
<li>发布、传送、传播、储存侮辱、诽谤、淫秽、暴力、赌博等违法违规内容；</li>
|
||
<li>利用 AI 功能生成虚假信息、诈骗信息或用于非法用途；</li>
|
||
<li>对 AI 角色进行性骚扰、辱骂或诱导生成不当内容；</li>
|
||
<li>进行任何危害计算机网络安全的行为，包括但不限于攻击、侵入他人系统。</li>
|
||
</ul>
|
||
|
||
<h2>4. 个人信息保护</h2>
|
||
<p>4.1 保护用户个人信息是我们的基本原则。我们将按照本协议及《隐私政策》的规定收集、使用、存储和分享您的个人信息。</p>
|
||
<p>4.2 您在注册账号或使用本服务的过程中，可能需要填写一些必要的信息。若国家法律法规有特殊规定的，您需要填写真实的身份信息。若您填写的信息不完整，则无法使用本服务或在使用过程中受到限制。</p>
|
||
|
||
<h2>5. AI 服务特别说明</h2>
|
||
<p>5.1 本产品提供的 AI 交互功能基于深度学习模型。AI 生成的内容（包括语音、文本）具有随机性，不代表我们的立场或观点。</p>
|
||
<p>5.2 角色记忆功能存储的数据为您的个人数字资产，我们会采取严格的加密措施进行保护。</p>
|
||
<p>5.3 您知悉并同意，由于技术的局限性，AI 生成的内容可能存在错误或不准确，您应自行判断其真实性与可靠性。</p>
|
||
|
||
<h2>6. 知识产权</h2>
|
||
<p>6.1 我们在本服务中提供的内容（包括但不限于软件、技术、程序、网页、文字、图片、音频、视频、图表、版面设计、电子文档等）的知识产权属于我们所有。</p>
|
||
<p>6.2 未经我们明确书面同意，您不得对上述内容进行复制、修改、出租、出借、出售、分发或创建衍生作品。</p>
|
||
|
||
<h2>7. 免责声明</h2>
|
||
<p>7.1 鉴于网络服务的特殊性，我们不保证服务不会中断，对服务的及时性、安全性、准确性也不作保证。</p>
|
||
<p>7.2 对于因不可抗力或我们不能控制的原因造成的网络服务中断或其它缺陷，我们不承担任何责任，但将尽力减少因此而给用户造成的损失和影响。</p>
|
||
|
||
<h2>8. 协议的变更</h2>
|
||
<p>我们要根据互联网的发展和法律法规的变化，在必要时修改本协议的条款。您可以在相关服务页面查阅最新版本的协议条款。本协议条款变更后，如果您继续使用本服务，即视为您已接受修改后的协议。</p>
|
||
|
||
<p style="margin-top: 40px; color: #9CA3AF; font-size: 13px; text-align: center;">更新日期：2025年1月15日</p>
|
||
</main>
|
||
</div>
|
||
</body>
|
||
|
||
</html> |