Files
Web-Doc/product/product.html
T
jiahong 0411c37854 update
2026-03-21 14:58:21 +08:00

1031 lines
47 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>硬件商标 — ink 系列产品介绍</title>
<style>
/* ===== 基础重置 ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--accent: #2563eb;
--accent-light: #eff6ff;
--text: #1e293b;
--muted: #64748b;
--border: #e2e8f0;
--bg: #f8fafc;
--card: #ffffff;
--radius: 12px;
--shadow: 0 2px 12px rgba(0,0,0,.08);
}
html { scroll-behavior: smooth; }
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
"Hiragino Sans GB", "Microsoft YaHei", sans-serif;
background: var(--bg);
color: var(--text);
line-height: 1.7;
font-size: 15px;
}
/* ===== 顶部导航 ===== */
header {
background: #fff;
border-bottom: 1px solid var(--border);
position: sticky;
top: 0;
z-index: 100;
box-shadow: 0 1px 6px rgba(0,0,0,.06);
}
.header-inner {
max-width: 1100px;
margin: 0 auto;
padding: 0 20px;
height: 56px;
display: flex;
align-items: center;
gap: 12px;
}
.logo-dot {
width: 10px; height: 10px;
border-radius: 50%;
background: var(--accent);
}
header h1 {
font-size: 18px;
font-weight: 700;
color: var(--text);
letter-spacing: .5px;
}
header h1 span { color: var(--accent); }
/* ===== 页面容器 ===== */
.page { max-width: 1100px; margin: 0 auto; padding: 40px 20px 80px; }
/* ===== 章节标题 ===== */
.section-title {
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid var(--border);
color: var(--text);
}
.section-title::before {
content: "";
display: inline-block;
width: 4px; height: 18px;
background: var(--accent);
border-radius: 2px;
margin-right: 10px;
vertical-align: middle;
margin-top: -2px;
}
/* ===== 品牌规则 ===== */
.brand-rule {
background: var(--card);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 20px 24px;
margin-bottom: 36px;
box-shadow: var(--shadow);
}
.brand-rule p { color: var(--muted); }
.brand-rule strong { color: var(--accent); }
/* ===== 产品列表表格 ===== */
.table-wrap {
background: var(--card);
border-radius: var(--radius);
box-shadow: var(--shadow);
overflow: hidden;
margin-bottom: 48px;
border: 1px solid var(--border);
}
table { width: 100%; border-collapse: collapse; }
thead th {
background: var(--accent);
color: #fff;
padding: 12px 16px;
text-align: left;
font-weight: 600;
font-size: 14px;
}
thead th:first-child { text-align: center; width: 52px; }
thead th:nth-child(4) { text-align: center; width: 100px; }
tbody tr {
border-bottom: 1px solid var(--border);
cursor: pointer;
transition: background .15s;
}
tbody tr:last-child { border-bottom: none; }
tbody tr:hover { background: var(--accent-light); }
tbody td { padding: 12px 16px; vertical-align: middle; }
tbody td:first-child { text-align: center; font-weight: 700; color: var(--accent); }
tbody td:nth-child(4) { text-align: center; }
tbody td img { width: 72px; height: 72px; object-fit: contain; display: block; margin: 0 auto; }
.tag-badge {
display: inline-block;
background: #f1f5f9;
color: var(--muted);
font-size: 12px;
padding: 2px 8px;
border-radius: 99px;
}
.product-label { font-weight: 700; font-size: 15px; }
.product-en {
display: inline-block;
font-family: Georgia, serif;
font-weight: 700;
color: var(--accent);
}
/* ===== 标识设计要求 ===== */
.design-rules {
background: var(--card);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 20px 24px;
margin-bottom: 48px;
box-shadow: var(--shadow);
}
.design-rules ul { padding-left: 0; list-style: none; }
.design-rules li { padding: 6px 0; padding-left: 20px; position: relative; color: var(--muted); }
.design-rules li::before {
content: "·";
position: absolute; left: 6px;
color: var(--accent);
font-size: 18px; line-height: 1.3;
}
.design-rules strong { color: var(--text); }
/* ===== 产品详情卡片 ===== */
.product-section {
background: var(--card);
border: 1px solid var(--border);
border-radius: var(--radius);
box-shadow: var(--shadow);
margin-bottom: 48px;
overflow: hidden;
}
.product-header {
background: linear-gradient(135deg, var(--accent) 0%, #1d4ed8 100%);
color: #fff;
padding: 24px 28px;
}
.product-header .seq { font-size: 13px; opacity: .7; margin-bottom: 4px; }
.product-header h2 {
font-size: 24px;
font-weight: 700;
letter-spacing: .5px;
margin-bottom: 6px;
}
.product-header .en-name {
font-family: Georgia, serif;
font-size: 16px;
opacity: .85;
}
.product-body { padding: 28px; }
/* 一句话介绍 */
.intro-quote {
background: var(--accent-light);
border-left: 4px solid var(--accent);
border-radius: 0 8px 8px 0;
padding: 14px 18px;
margin-bottom: 24px;
font-size: 15px;
color: var(--text);
}
.intro-quote strong { color: var(--accent); }
/* 产品定位 */
.positioning {
margin-bottom: 24px;
color: var(--muted);
line-height: 1.8;
}
.positioning strong { color: var(--text); font-size: 15px; display: block; margin-bottom: 6px; }
/* 核心功能列表 */
.features-title {
font-weight: 700;
font-size: 15px;
margin-bottom: 10px;
color: var(--text);
}
.features-list { list-style: none; padding: 0; margin-bottom: 24px; }
.features-list li {
padding: 8px 0 8px 28px;
position: relative;
border-bottom: 1px solid var(--border);
color: var(--muted);
line-height: 1.6;
}
.features-list li:last-child { border-bottom: none; }
.features-list li::before {
content: "✦";
position: absolute; left: 6px; top: 8px;
color: var(--accent);
font-size: 11px;
}
.features-list li strong { color: var(--text); }
/* 技术参数表 */
.spec-title {
font-weight: 700;
font-size: 15px;
margin-bottom: 10px;
color: var(--text);
}
.spec-table-wrap {
border-radius: 8px;
overflow: hidden;
border: 1px solid var(--border);
margin-bottom: 24px;
}
.spec-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.spec-table thead th {
background: #f1f5f9;
color: var(--text);
padding: 9px 14px;
text-align: left;
font-weight: 600;
}
.spec-table tbody tr { border-top: 1px solid var(--border); }
.spec-table tbody tr:hover { background: var(--accent-light); }
.spec-table td { padding: 9px 14px; color: var(--muted); }
.spec-table td:first-child { color: var(--text); font-weight: 500; width: 38%; }
/* 安装方式 */
.install-block {
background: #f8fafc;
border-radius: 8px;
padding: 14px 18px;
margin-bottom: 24px;
font-size: 14px;
color: var(--muted);
border: 1px solid var(--border);
}
.install-block strong { color: var(--text); display: block; margin-bottom: 4px; }
/* 图片区域 */
.media-section { margin-bottom: 8px; }
.media-section h4 {
font-weight: 700;
font-size: 15px;
margin-bottom: 14px;
color: var(--text);
}
.img-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 16px;
margin-bottom: 16px;
}
.img-card {
border-radius: 10px;
overflow: hidden;
border: 1px solid var(--border);
background: #fafafa;
}
.img-card img {
width: 100%;
height: auto;
display: block;
}
.img-card.portrait img { width: 100%; height: auto; display: block; background: #f8f9fa; }
.img-caption {
padding: 10px 14px;
font-size: 13px;
color: var(--muted);
background: #f8fafc;
border-top: 1px solid var(--border);
}
/* 图+表并排 */
.img-spec-row { display: flex; gap: 24px; align-items: flex-start; margin-bottom: 24px; }
.img-spec-row .img-card.portrait { flex-shrink: 0; max-width: 220px; margin-bottom: 0; }
.img-spec-row .spec-side { flex: 1; min-width: 0; }
.img-spec-row .spec-side .spec-table-wrap { margin-bottom: 0; }
/* 三列外观图 */
.img-trio {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-bottom: 16px;
}
/* ===== 回到顶部按钮 ===== */
.back-top {
position: fixed;
bottom: 28px;
right: 24px;
width: 44px; height: 44px;
background: var(--accent);
color: #fff;
border: none;
border-radius: 50%;
font-size: 20px;
cursor: pointer;
box-shadow: 0 4px 12px rgba(37,99,235,.4);
display: flex; align-items: center; justify-content: center;
opacity: 0;
transition: opacity .3s;
z-index: 200;
}
.back-top.visible { opacity: 1; }
/* ===== 响应式 ===== */
@media (max-width: 680px) {
.page { padding: 20px 12px 60px; }
.section-title { font-size: 18px; }
.product-header h2 { font-size: 20px; }
.product-body { padding: 18px 14px; }
.img-grid { grid-template-columns: 1fr; }
.img-trio { grid-template-columns: 1fr; }
.img-spec-row { flex-direction: column; }
.img-spec-row .img-card.portrait { max-width: 100%; align-self: center; }
thead th:nth-child(4), tbody td:nth-child(4) { display: none; }
thead th:nth-child(5), tbody td:nth-child(5) { display: none; }
.table-wrap { overflow-x: auto; }
}
</style>
</head>
<body>
<header>
<div class="header-inner">
<div class="logo-dot"></div>
<h1><span>ink</span> 系列硬件商标</h1>
</div>
</header>
<div class="page">
<!-- ===== 品牌命名规则 ===== -->
<h2 class="section-title">品牌命名规则</h2>
<div class="brand-rule">
<p>所有硬件产品采用统一的四字母英文标识命名,后三个字母固定为 <strong>ink</strong>(寓意"书写、墨迹",呼应智能点阵笔教育系统的核心基因),首字母根据产品特性赋予语义区分。</p>
</div>
<!-- ===== 产品列表 ===== -->
<h2 class="section-title">硬件产品列表</h2>
<div class="table-wrap">
<table>
<thead>
<tr>
<th>#</th>
<th>产品名称</th>
<th>英文标识</th>
<th>产品图示</th>
<th>命名释义</th>
<th>词汇属性</th>
</tr>
</thead>
<tbody>
<tr onclick="location.href='#prod-bink'">
<td>1</td>
<td><span class="product-label">黑板网关</span></td>
<td><span class="product-en">Wink / Bink</span></td>
<td><img src="img/Bink01.png" alt="Bink"></td>
<td>W = Wall,壁挂式黑板网关;B = Blackboard,黑板专用网关兼 UWB 接收器</td>
<td><span class="tag-badge">Wink 英语单词(眨眼),Bink 创造词</span></td>
</tr>
<tr onclick="location.href='#prod-cink'">
<td>2</td>
<td><span class="product-label">教室网关</span></td>
<td><span class="product-en">Cink / Sink / Nink</span></td>
<td><img src="img/Cink1.png" alt="Cink"></td>
<td>C = Classroom,教室级智能网关;S = SmartN = Network,教室组网节点</td>
<td><span class="tag-badge">Cink 创造词;Sink 英语单词(汇聚)</span></td>
</tr>
<tr onclick="location.href='#prod-mink'">
<td>3</td>
<td><span class="product-label">教师笔</span></td>
<td><span class="product-en">Mink</span></td>
<td><img src="img/Mink3.jpg" alt="Mink"></td>
<td>M = Master,教师(师傅)专用智能笔</td>
<td><span class="tag-badge">英语单词(貂),品牌感强</span></td>
</tr>
<tr onclick="location.href='#prod-tink'">
<td>4</td>
<td><span class="product-label">学生笔</span></td>
<td><span class="product-en">Tink</span></td>
<td><img src="img/Tink1.jpg" alt="Tink"></td>
<td>T = Trainee,学生(学员)专用智能笔</td>
<td><span class="tag-badge">创造词,近似 Think(思考)</span></td>
</tr>
<tr onclick="location.href='#prod-qink'">
<td>5</td>
<td><span class="product-label">指向遥控器头</span></td>
<td><span class="product-en">Qink</span></td>
<td><img src="img/Qink1.png" alt="Qink"></td>
<td>Q = Quick(快速指向),插入智能笔的 UWB 发射模组</td>
<td><span class="tag-badge">创造词</span></td>
</tr>
<tr onclick="location.href='#prod-rink'">
<td>6</td>
<td><span class="product-label">指向遥控器</span></td>
<td><span class="product-en">Link / Rink</span></td>
<td><img src="img/Rink.png" alt="Rink"></td>
<td>L = Link,远程连接指向遥控器;R = Remote,远程遥控指向器</td>
<td><span class="tag-badge">Link 英语单词(链接);Rink 英语单词</span></td>
</tr>
<tr onclick="location.href='#prod-hink'">
<td>7</td>
<td><span class="product-label">手写板</span></td>
<td><span class="product-en">Hink / Xink</span></td>
<td><img src="img/Hink.png" alt="Hink"></td>
<td>H = Handwriting,手写输入板;X = eXpression,书写表达终端</td>
<td><span class="tag-badge">Hink / Xink 均为创造词</span></td>
</tr>
<tr onclick="location.href='#prod-zink'">
<td>8</td>
<td><span class="product-label">算力盒</span></td>
<td><span class="product-en">Dink / Zink</span></td>
<td><img src="img/Zink.png" alt="Zink"></td>
<td>D = Data,边缘数据计算盒;Z = Zone,区域算力中枢</td>
<td><span class="tag-badge">Dink 英语单词;Zink 创造词近似 Zinc(锌)</span></td>
</tr>
</tbody>
</table>
</div>
<!-- ===== 标识设计要求 ===== -->
<h2 class="section-title">标识设计要求</h2>
<div class="design-rules">
<ul>
<li><strong>字体:</strong>全大写 WINK / CINK / … 用于正式场景;首字母大写 Wink / Cink / … 用于文档行文</li>
<li><strong>色彩:</strong>各产品标识可搭配独立的品牌色,但统一保留 ink 部分的视觉一致性</li>
<li><strong>应用场景:</strong>产品外壳丝印、包装盒、软件界面、官网产品页</li>
</ul>
</div>
<!-- ===== 产品详情 ===== -->
<h2 class="section-title">产品功能介绍</h2>
<!-- 1. Bink -->
<div class="product-section" id="prod-bink">
<div class="product-header">
<div class="seq">01 / 黑板网关</div>
<h2>Wink / Bink</h2>
<div class="en-name">Blackboard Wireless Gateway</div>
</div>
<div class="product-body">
<div class="intro-quote"><strong>一句话介绍:</strong>嵌入智慧黑板的无线通信枢纽,笔迹汇聚 + UWB 精准接收,USB 接入即插即用,最多同时连接 64 支智能笔实时上屏。</div>
<div class="positioning">
<strong>产品定位</strong>
安装于智慧黑板(86寸交互式一体机)背面或侧面墙壁的壁挂式网关,是教室前端的数据汇聚与转发中枢。通过 USB 接入黑板主板取电,同时承担两大核心角色:一是通过 BLE 5.0 / SLE 1.0 汇聚全班智能笔书写数据并推送至大屏;二是作为 UWB 接收器,实时接收教师笔(Mink + Qink)发出的空间指向信号,将指向坐标转化为大屏光标操控,实现教师手持智能笔即可完成板书与遥控的双重功能。
</div>
<div class="features-title">核心功能</div>
<ul class="features-list">
<li><strong>大容量笔连接:</strong>通过 BLE 5.0 / SLE 1.0 同时连接最多 64 支智能笔(教师笔 + 学生笔),实时接收书写坐标、压力和笔画数据</li>
<li><strong>大屏实时呈现:</strong>将笔迹数据通过 WebSocket 推送至黑板显示应用,实现板书实时上屏,延迟低于 50ms</li>
<li><strong>UWB 精准接收:</strong>作为 UWB 接收端,接收 Mink 教师笔上 Qink 模组发出的空间指向信号,定位精度达厘米级,将教师手持方向实时转化为大屏光标位置</li>
<li><strong>互动课堂指令:</strong>发题、收卷、分组抢答等课堂控制指令的下发与响应</li>
<li><strong>设备自动发现:</strong>基于 mDNS 协议自动发现并绑定教室内的算力盒和云平台,即插即用</li>
<li><strong>IoT 设备联动:</strong>控制教室内的智能灯、智能开关、智能窗帘、空调等 IoT 设备,一键切换护眼模式、上课模式、放学模式</li>
</ul>
<div class="spec-title">技术参数</div>
<div class="spec-table-wrap">
<table class="spec-table">
<thead><tr><th>参数</th><th>规格</th></tr></thead>
<tbody>
<tr><td>无线连接(笔迹)</td><td>BLE 5.0 / SLE 1.0 多连接</td></tr>
<tr><td>最大连接笔数</td><td>64 支</td></tr>
<tr><td>UWB 接收</td><td>内置 UWB 接收模组,厘米级定位精度</td></tr>
<tr><td>供电方式</td><td>USB 取电(连接黑板主板)</td></tr>
<tr><td>上行网络</td><td>WiFi 上联互联网</td></tr>
<tr><td>处理器</td><td>嵌入式 ARM/RISC</td></tr>
<tr><td>协议</td><td>WebSocket / mDNS / MQTT</td></tr>
<tr><td>外形尺寸</td><td>直径 160mm 圆形</td></tr>
<tr><td>安装方式</td><td>壁挂式,固定于黑板背部或侧面墙壁</td></tr>
</tbody>
</table>
</div>
<div class="install-block">
<strong>安装方式</strong>
壁挂式,固定于黑板背面或侧面墙壁,通过 USB 线缆接入黑板主板取电,无需额外布线。教师和学生完全无感知,不改变原有教学习惯。
</div>
<div class="media-section">
<h4>产品外观</h4>
<div class="img-grid">
<div class="img-card portrait">
<img src="img/Bink01.png" alt="Bink 产品外观">
<div class="img-caption">直径:160mm &nbsp;|&nbsp; 厚度:22mm &nbsp;|&nbsp; 墙面安装</div>
</div>
<div class="img-card">
<img src="img/Bink.jpg" alt="Bink 安装效果">
<div class="img-caption">Bink 壁挂式黑板网关 — 直径 160mm 圆形设计,白色外壳融入教室环境,安装于黑板背部不占用教学空间</div>
</div>
</div>
<h4>应用场景</h4>
<div class="img-grid">
<div class="img-card">
<img src="img/Bink0.jpg" alt="会议室教室场景">
<div class="img-caption">会议室 / 教室场景 — 智慧大屏搭配 Bink 网关,教师板书内容实时呈现在大屏上,前排后排学生均可清晰看到</div>
</div>
<div class="img-card">
<img src="img/Bink1.jpg" alt="互动课堂场景">
<div class="img-caption">互动课堂场景 — 全班学生使用智能笔在点阵练习本上书写,Bink 网关实时汇聚笔迹数据并同步至大屏,教师可即时查看每位学生的作答情况</div>
</div>
</div>
</div>
</div>
</div>
<!-- 2. Cink -->
<div class="product-section" id="prod-cink">
<div class="product-header">
<div class="seq">02 / 教室网关</div>
<h2>Cink / Sink / Nink</h2>
<div class="en-name">Classroom Wireless Gateway</div>
</div>
<div class="product-body">
<div class="intro-quote"><strong>一句话介绍:</strong>嵌入墙面开关位的隐形网关,取电于墙壁,无需额外布线,最多同时连接 20 支智能笔。</div>
<div class="positioning">
<strong>产品定位</strong>
安装于教室墙面开关底盒位置的嵌入式网关设备,直接从墙壁开关位取电,外观与普通开关面板融为一体,完全隐形于教室环境。与 Bink 黑板网关相比,Cink 不依赖黑板设备供电,适合在教室内灵活部署于任意开关位,覆盖笔连接数为 20 支,满足小班或分组教学场景。
</div>
<div class="features-title">核心功能</div>
<ul class="features-list">
<li><strong>笔连接:</strong>通过 BLE 5.0 / SLE 1.0 同时连接最多 20 支智能笔,实时采集笔迹数据</li>
<li><strong>数据转发网关:</strong>将笔迹数据通过 WiFi 上联互联网,转发至算力盒(gRPC)或云平台(HTTPS),确保数据稳定传输</li>
<li><strong>离线缓存:</strong>网络中断时本地缓存笔迹数据(最大 256MB 缓存空间),网络恢复后自动上传,不丢失任何一笔书写</li>
<li><strong>LED 状态指示:</strong>黄色 = 未激活,蓝色 = 已激活在线,红色 = 故障,运维人员一目了然</li>
<li><strong>远程运维:</strong>支持 OTA 固件升级、远程日志查看、设备参数远程配置,降低学校 IT 维护成本</li>
</ul>
<div class="spec-title">技术参数</div>
<div class="spec-table-wrap">
<table class="spec-table">
<thead><tr><th>参数</th><th>规格</th></tr></thead>
<tbody>
<tr><td>无线连接</td><td>BLE 5.0 / SLE 1.0 多连接</td></tr>
<tr><td>最大连接笔数</td><td>20 支</td></tr>
<tr><td>供电方式</td><td>墙壁开关位取电</td></tr>
<tr><td>上行网络</td><td>WiFi 上联互联网</td></tr>
<tr><td>处理器</td><td>嵌入式 ARM/RISC</td></tr>
<tr><td>协议</td><td>gRPC / WebSocket / MQTT / mDNS</td></tr>
<tr><td>安装方式</td><td>嵌入墙面开关底盒,外观与开关面板一致</td></tr>
</tbody>
</table>
</div>
<div class="install-block">
<strong>安装方式</strong>
安装于教室墙面开关底盒,替换或并排于普通开关面板,直接从墙壁取电,无需额外布线。外观与开关面板融为一体,教室整洁美观,学生完全无感知。
</div>
<div class="media-section">
<h4>产品外观</h4>
<div class="img-grid">
<div class="img-card portrait">
<img src="img/Cink1.png" alt="Cink 外观">
<div class="img-caption">Cink 教室网关 — 白色方形外观,嵌入墙面开关底盒,与教室装修风格融为一体,学生无感知</div>
</div>
</div>
<h4>应用场景</h4>
<div class="img-grid">
<div class="img-card">
<img src="img/Cink.jpg" alt="Cink 应用场景">
<div class="img-caption">Cink 教室网关应用场景</div>
</div>
</div>
<ul class="features-list" style="margin-bottom:0">
<li><strong>小班教学(20 人以内):</strong>单台 Cink 嵌入教室开关位,隐形部署,全班学生同时使用智能笔在点阵练习本上书写,即装即用,安装无感</li>
<li><strong>分组教学:</strong>一间教室内多个学习小组各由一台 Cink 就近覆盖,各组数据独立采集、互不干扰,教师可按组查看学生作答情况</li>
<li><strong>考试场景:</strong>学生使用智能笔在点阵试卷上答题,Cink 实时采集答题数据并加密传输至服务器,考试结束即出成绩,教师无需手动收卷阅卷</li>
<li><strong>无黑板场景:</strong>适合未部署智慧黑板但需要笔迹数字化的教室,仅需在墙壁开关位安装 Cink,配合普通显示器即可实现互动课堂功能</li>
</ul>
</div>
</div>
</div>
<!-- 3. Mink -->
<div class="product-section" id="prod-mink">
<div class="product-header">
<div class="seq">03 / 教师笔</div>
<h2>Mink</h2>
<div class="en-name">Master Smart Pen</div>
</div>
<div class="product-body">
<div class="intro-quote"><strong>一句话介绍:</strong>铝合金笔身 + 高帧率光学模组,教师手中的智慧教学核心工具。</div>
<div class="positioning">
<strong>产品定位</strong>
教师专用高端智能点阵笔,铝合金笔身设计,具备高帧率光学采集、麦克风语音控制和丰富的交互功能,是教师课堂教学的核心工具。教师只需在点阵纸上正常书写,Mink 即可将每一笔板书数字化,实时同步至智慧大屏,让后排学生也能清晰看到板书内容。
</div>
<div class="features-title">核心功能</div>
<ul class="features-list">
<li><strong>高精度书写:</strong>内置高帧率(130FPS)CMOS 光学模组,在点阵纸上书写精度达 0.1mm,延迟 &lt; 20ms,书写体验与普通笔一致</li>
<li><strong>压力感应:</strong>内置压力传感器,感知书写力度,实现粗细变化的自然笔迹还原,板书更生动</li>
<li><strong>语音交互:</strong>内置麦克风,支持按键说话进行语音指令控制(发题、翻页、切屏等),无需走到电脑前操作</li>
<li><strong>蜂鸣提示:</strong>答题超时、收卷完成等事件的声音提醒,教师第一时间掌握课堂动态</li>
<li><strong>多设备连接:</strong>BLE 5.0 / SLE 1.0 直连黑板网关或教室网关,数据实时同步至大屏</li>
</ul>
<div class="spec-title">硬件配置(典型)</div>
<div class="spec-table-wrap">
<table class="spec-table">
<thead><tr><th>参数</th><th>规格</th></tr></thead>
<tbody>
<tr><td>镜头帧率</td><td>130 FPS</td></tr>
<tr><td>笔身材质</td><td>铝合金,电镀笔帽/笔尖</td></tr>
<tr><td>电池</td><td>180 mAh 可充电锂电池</td></tr>
<tr><td>陀螺仪</td><td>6轴</td></tr>
<tr><td>存储</td><td>32 MB</td></tr>
<tr><td>无线连接</td><td>BLE 5.0 / SLE 1.0</td></tr>
<tr><td>充电方式</td><td>USB-C 磁吸充电</td></tr>
</tbody>
</table>
</div>
<div class="media-section">
<h4>应用场景</h4>
<div class="img-grid">
<div class="img-card">
<img src="img/Mink2.jpg" alt="板书教学场景">
<div class="img-caption">板书教学场景 — 教师手持 Mink 教师笔在点阵教案上书写,板书内容通过 Bink 网关实时呈现在智慧黑板上</div>
</div>
<div class="img-card">
<img src="img/Mink3.jpg" alt="批改作业场景">
<div class="img-caption">批改作业场景 — 教师使用 Mink 教师笔在学生点阵作业本上批改,批改痕迹自动数字化,家长可通过 APP 查看</div>
</div>
<div class="img-card">
<img src="img/Mink4.jpg" alt="讲台桌面场景">
<div class="img-caption">讲台桌面场景 — Mink 教师笔搭配液晶手写板在讲台使用,教师无需面对黑板即可完成板书,保持与学生目光交流</div>
</div>
</div>
</div>
</div>
</div>
<!-- 4. Tink -->
<div class="product-section" id="prod-tink">
<div class="product-header">
<div class="seq">04 / 学生笔</div>
<h2>Tink</h2>
<div class="en-name">Trainee Smart Pen</div>
</div>
<div class="product-body">
<div class="intro-quote"><strong>一句话介绍:</strong>轻量耐摔的学生专属智能笔,像普通笔一样书写,让每一笔作业自动数字化。</div>
<div class="positioning">
<strong>产品定位</strong>
面向中小学生的日常书写智能点阵笔,注重轻量化、耐用性和性价比,满足课堂互动和作业数字化的基本需求。学生无需改变书写习惯,在点阵纸上正常书写即可完成作业提交、课堂互动和考试答题。
</div>
<div class="features-title">核心功能</div>
<ul class="features-list">
<li><strong>书写数字化:</strong>在点阵纸上正常书写,笔迹坐标实时采集并通过 BLE 5.0 / SLE 1.0 传输至教室网关,书写体验与普通笔完全一致</li>
<li><strong>自动点名:</strong>笔进入教室范围自动与网关建立连接,实现电子签到,无需人工操作</li>
<li><strong>离线存储:</strong>笔在未联网状态下可将笔迹数据暂存于内置存储(16~32MB),联网后自动同步,不丢失任何书写内容</li>
<li><strong>墨水窗:</strong>透明墨水窗设计,直观查看笔芯余墨量,及时更换笔芯</li>
<li><strong>耐摔设计:</strong>ABS 塑料笔身,抗 1.2m 高度跌落,适合学生日常使用</li>
</ul>
<div class="spec-title">硬件配置(典型)</div>
<div class="spec-table-wrap">
<table class="spec-table">
<thead><tr><th>参数</th><th>规格</th></tr></thead>
<tbody>
<tr><td>镜头帧率</td><td>130 FPS</td></tr>
<tr><td>笔身材质</td><td>ABS 塑料,未电镀</td></tr>
<tr><td>电池</td><td>180 mAh 可充电锂电池</td></tr>
<tr><td>陀螺仪</td><td>6轴</td></tr>
<tr><td>存储</td><td>16~32 MB</td></tr>
<tr><td>无线连接</td><td>BLE 5.0 / SLE 1.0</td></tr>
<tr><td>充电方式</td><td>USB-C</td></tr>
<tr><td>笔身重量</td><td>约 18g(含电池)</td></tr>
</tbody>
</table>
</div>
<div class="media-section">
<h4>产品外观</h4>
<div class="img-grid">
<div class="img-card portrait">
<img src="img/Tink.png" alt="Tink 外观">
<div class="img-caption">Tink 学生笔产品外观 — 橙色 ABS 笔身,轻巧耐摔,带笔夹设计,外形与普通签字笔接近,学生易于接受</div>
</div>
<div class="img-card portrait">
<img src="img/Tink3.png" alt="Tink 握笔姿态">
<div class="img-caption">Tink 学生笔握笔姿态 — 符合学生书写习惯的人体工学握持设计,笔身粗细适中,长时间书写不疲劳</div>
</div>
</div>
<h4>应用场景</h4>
<div class="img-grid">
<div class="img-card">
<img src="img/Tink1.jpg" alt="日常练习场景">
<div class="img-caption">日常练习场景 — 学生使用 Tink 学生笔在点阵练习本上书写,笔迹数据实时采集并同步至云端,教师可随时查看练习进度</div>
</div>
<div class="img-card">
<img src="img/Tink2.jpg" alt="考试答题场景">
<div class="img-caption">考试答题场景 — 学生使用 Tink 学生笔在点阵试卷上答题,答题结束后系统自动收卷、AI 自动批改,教师当堂即可查看成绩</div>
</div>
</div>
</div>
</div>
</div>
<!-- 5. Qink -->
<div class="product-section" id="prod-qink">
<div class="product-header">
<div class="seq">05 / 指向遥控器头</div>
<h2>Qink</h2>
<div class="en-name">Quick UWB Transmitter Module</div>
</div>
<div class="product-body">
<div class="intro-quote"><strong>一句话介绍:</strong>插入 Mink 教师笔的 UWB 发射模组,让教师手中的智能笔同时具备指向遥控器功能。</div>
<div class="positioning">
<strong>产品定位</strong>
Qink 是一个微型 UWB 发射模组,通过 USB 接口插入 Mink 教师笔顶部。插入后,教师手持 Mink 书写的同时即可作为空间指向遥控器使用——Qink 持续向 Bink 黑板网关(UWB 接收端)发送空间方位信号,Bink 解算出指向坐标并转化为大屏光标位置,实现"所指即所得"的精准操控。教师无需另携遥控器,一支笔即可完成板书与遥控的双重功能。
</div>
<div class="features-title">核心功能</div>
<ul class="features-list">
<li><strong>UWB 精准发射:</strong>内置超宽带(UWB)发射模组,持续向 Bink 发送空间方位信号,配合 Bink 接收端实现厘米级定位精度</li>
<li><strong>即插即用:</strong>通过 USB 接口插入 Mink 教师笔顶部,由智能笔供电,无需独立充电,插上即激活</li>
<li><strong>书写与指向融合:</strong>教师正常书写时同步发射 UWB 信号,书写、翻页、光标控制在一支笔上无缝切换</li>
<li><strong>轻巧便携:</strong>体积小巧,插入后不影响教师握笔书写的手感和重心</li>
</ul>
<div class="spec-title">技术参数</div>
<div class="img-spec-row">
<div class="img-card portrait">
<img src="img/Qink.png" alt="Qink 产品外观">
<div class="img-caption">Qink UWB 发射模组 — 插入智能笔顶部</div>
</div>
<div class="spec-side">
<div class="spec-table-wrap">
<table class="spec-table">
<thead><tr><th>参数</th><th>规格</th></tr></thead>
<tbody>
<tr><td>发射技术</td><td>UWB(超宽带)</td></tr>
<tr><td>接口</td><td>USB,插入 Mink 教师笔顶部</td></tr>
<tr><td>供电</td><td>由 Mink 智能笔经 USB 供电</td></tr>
<tr><td>配合接收端</td><td>Bink 黑板网关(UWB 接收)</td></tr>
<tr><td>定位精度</td><td>厘米级(&lt; 5cm,配合 Bink</td></tr>
<tr><td>外形</td><td>微型模组,插入后与笔身融为一体</td></tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="install-block">
<strong>安装方式</strong>
直接插入 Mink 教师笔顶部 USB 接口,即插即用,无需配置。取下后 Mink 恢复普通智能笔模式,Qink 可随时插拔。
</div>
<div class="media-section">
<h4>产品外观</h4>
<div class="img-trio">
<div class="img-card portrait">
<img src="img/Qink1.png" alt="Qink 深灰款">
<div class="img-caption">深灰款 — T 型 UWB 发射模组设计,插入智能笔顶部,轻巧便携</div>
</div>
<div class="img-card portrait">
<img src="img/Qink2.png" alt="Qink 橙色款">
<div class="img-caption">橙色款 — 与 Tink 学生笔配色一致,一体化视觉设计</div>
</div>
<div class="img-card portrait">
<img src="img/Qink3.png" alt="Qink 黑头橙身款">
<div class="img-caption">黑头橙身款 — 黑色发射头搭配橙色笔身,品牌辨识度高</div>
</div>
</div>
<h4>应用场景</h4>
<div class="img-grid">
<div class="img-card">
<img src="img/Bink1.jpg" alt="互动课堂场景">
<div class="img-caption">互动课堂场景 — 教师手持插有 Qink 的 Mink 教师笔,Qink 发射 UWB 信号至 Bink,实现精准指向控制大屏光标</div>
</div>
</div>
</div>
</div>
</div>
<!-- 6. Rink -->
<div class="product-section" id="prod-rink">
<div class="product-header">
<div class="seq">06 / 指向遥控器</div>
<h2>Link / Rink</h2>
<div class="en-name">Remote Smart Controller</div>
</div>
<div class="product-body">
<div class="intro-quote"><strong>一句话介绍:</strong>一把遥控器替代所有,空间指向 + 语音 + 红外 + IoT 联动,教室智能操控的全能终端。</div>
<div class="positioning">
<strong>产品定位</strong>
智能指向遥控器手持端,集成 UWB 空间指向、蓝牙语音、红外控制、IoT 联动等多种能力,实现对教室大屏、灯光、窗帘、空调的一体化智能操控。教师只需一把 Rink 遥控器,即可告别教室讲台上杂乱的多个遥控器,在教室任意位置从容操控所有设备。
</div>
<div class="features-title">核心功能</div>
<ul class="features-list">
<li><strong>空间指向操控:</strong>内置 UWB 模组 + 陀螺仪传感器,在空中挥动即可精准控制屏幕光标,所指即所得,操控精度达厘米级</li>
<li><strong>触控板操控:</strong>方向键区域支持触控滑动,用于精细操作和翻页,像笔记本触控板一样流畅</li>
<li><strong>语音控制:</strong>内置麦克风,支持语音搜索、语音指令控制教室设备,解放双手</li>
<li><strong>红外学习与发射:</strong>学习电视机、空调、投影仪等设备的红外编码,一键替代多个遥控器</li>
<li><strong>RF433 射频控制:</strong>控制窗帘电机、智能开关等 433MHz 射频设备,覆盖更多教室终端</li>
<li><strong>IoT 场景联动:</strong>一键切换"上课模式""护眼模式""放学模式"等场景预设,大屏、灯光、窗帘、空调联动响应</li>
</ul>
<div class="spec-title">硬件配置</div>
<div class="spec-table-wrap">
<table class="spec-table">
<thead><tr><th>参数</th><th>规格</th></tr></thead>
<tbody>
<tr><td>主芯片</td><td>TL7215A(星闪/蓝牙 SOC</td></tr>
<tr><td>UWB 芯片</td><td>GT1500</td></tr>
<tr><td>按键数量</td><td>7 键 + 触控区</td></tr>
<tr><td>供电</td><td>1000mAh 充电锂电池</td></tr>
<tr><td>无线协议</td><td>星闪 / BLE / UWB / 红外</td></tr>
<tr><td>充电方式</td><td>USB-C</td></tr>
<tr><td>续航</td><td>常规使用约 30 天</td></tr>
</tbody>
</table>
</div>
<div class="media-section">
<h4>产品外观</h4>
<div class="img-grid">
<div class="img-card portrait">
<img src="img/Rink.png" alt="Rink 外观">
<div class="img-caption">Rink 指向遥控器产品外观 — 银色金属机身,正面集成触控板与功能按键,侧面配备红外发射窗口,手感舒适、质感出色</div>
</div>
</div>
<h4>应用场景</h4>
<div class="img-grid">
<div class="img-card">
<img src="img/Rink4.jpg" alt="智慧教育场景">
<div class="img-caption">智慧教育场景 — 教师手持 Rink 指向遥控器在教室中自由走动,隔空操控大屏翻页、标注,同时控制灯光和窗帘,打造沉浸式教学体验</div>
</div>
</div>
</div>
</div>
</div>
<!-- 7. Hink -->
<div class="product-section" id="prod-hink">
<div class="product-header">
<div class="seq">07 / 手写板</div>
<h2>Hink / Xink</h2>
<div class="en-name">Handwriting Tablet</div>
</div>
<div class="product-body">
<div class="intro-quote"><strong>一句话介绍:</strong>无需配套笔的液晶手写板,手指即可书写,笔迹实时同步大屏。</div>
<div class="positioning">
<strong>产品定位</strong>
免笔压感式手写输入板,教师在板面上用手指或任意硬物书写,笔迹实时同步至大屏显示,是传统黑板粉笔书写的数字化替代方案。Hink 手写板解决了"教师面对黑板背对学生"的传统痛点,教师可以在讲台上低头书写,抬头即可与学生互动。
</div>
<div class="features-title">核心功能</div>
<ul class="features-list">
<li><strong>免笔书写:</strong>采用电容/电阻触摸膜技术,无需配套笔,手指或任意硬物均可书写,使用门槛为零</li>
<li><strong>一键擦除:</strong>专用擦除按键,一键清空当前画面,切换题目快速高效</li>
<li><strong>蓝牙无线:</strong>通过 BLE 5.0 / SLE 1.0 与教室网关或黑板连接,无需布线,讲台整洁无杂乱</li>
<li><strong>USB 供电:</strong>通过 USB-C 接口充电,内置电池,无线使用续航持久</li>
<li><strong>多点触控:</strong>支持多点同时书写,教师可同步书写与标注,或师生协作共同操作</li>
</ul>
<div class="spec-title">硬件配置</div>
<div class="spec-table-wrap">
<table class="spec-table">
<thead><tr><th>参数</th><th>规格</th></tr></thead>
<tbody>
<tr><td>触控技术</td><td>电容触摸膜</td></tr>
<tr><td>无线连接</td><td>BLE 5.0 / SLE 1.0</td></tr>
<tr><td>供电方式</td><td>USB-C5V),内置锂电池</td></tr>
<tr><td>书写区域</td><td>A4 幅面</td></tr>
<tr><td>主控芯片</td><td>蓝牙 SOC</td></tr>
<tr><td>显示技术</td><td>LCD 液晶书写屏</td></tr>
</tbody>
</table>
</div>
<div class="media-section">
<h4>产品外观</h4>
<div class="img-grid">
<div class="img-card">
<img src="img/Hink.png" alt="Hink 外观">
<div class="img-caption">Hink 液晶手写板产品外观 — 黑色书写面板,圆角边框设计,A4 幅面书写区域,轻薄便携可随手携带</div>
</div>
</div>
<h4>应用场景</h4>
<div class="img-grid">
<div class="img-card">
<img src="img/Mink1.png" alt="讲台教学场景">
<div class="img-caption">讲台教学场景 — 教师在 Hink 手写板上书写化学公式,笔迹实时同步至大屏,教师无需转身面对黑板,保持与学生的目光交流</div>
</div>
<div class="img-card">
<img src="img/Hink2.png" alt="化学课堂场景">
<div class="img-caption">化学课堂场景 — 教师在 Hink 液晶手写板上书写化学方程式和知识图谱,大屏同步显示,前排后排学生均可清晰看到板书内容</div>
</div>
</div>
</div>
</div>
</div>
<!-- 8. Zink -->
<div class="product-section" id="prod-zink">
<div class="product-header">
<div class="seq">08 / 算力盒</div>
<h2>Dink / Zink</h2>
<div class="en-name">Edge AI Computing Box</div>
</div>
<div class="product-body">
<div class="intro-quote"><strong>一句话介绍:</strong>教室里的边缘 AI 大脑,离线也能秒级完成手写识别,写完即出结果。</div>
<div class="positioning">
<strong>产品定位</strong>
部署在教室内的边缘 AI 计算设备,将云端 AI 推理能力下沉至本地,实现离线或弱网环境下的实时手写识别,是互动课堂系统的智能大脑。Zink 算力盒确保即使校园网络不稳定,AI 识别能力也不降级,学生"写完即出结果"的体验始终如一。
</div>
<div class="features-title">核心功能</div>
<ul class="features-list">
<li><strong>端侧 AI 推理:</strong>本地运行轻量化 AI 模型,支持中英文手写 OCR 识别、数学列式识别、中文笔顺评分,不依赖云端</li>
<li><strong>超低延迟:</strong>单次 OCR 识别延迟 &lt; 200ms,学生写完即出结果,课堂节奏不中断</li>
<li><strong>离线可用:</strong>断网环境下 AI 识别能力不降级,结果本地缓存待网络恢复后自动上传</li>
<li><strong>多终端分发:</strong>识别结果通过 WebSocket 实时推送至智慧黑板、教师 PC、学生 Pad,多屏同步展示</li>
<li><strong>云边协同:</strong>通过 MQTT 向云端上报运行状态(GPU 利用率、温度、推理 QPS),支持 AI 模型在线更新</li>
<li><strong>集群管理:</strong>支持校级多台算力盒组成集群,统一调度与负载均衡,一个管理后台管控全校设备</li>
<li><strong>OTA 升级:</strong>支持固件和 AI 模型的远程在线升级,A/B 分区无损升级,升级失败自动回滚</li>
</ul>
<div class="spec-title">硬件配置</div>
<div class="spec-table-wrap">
<table class="spec-table">
<thead><tr><th>参数</th><th>规格</th></tr></thead>
<tbody>
<tr><td>处理器</td><td>RK3588 八核 / NVIDIA Jetson</td></tr>
<tr><td>AI 算力</td><td>NPU 6 TOPS / GPU 512 CUDA 核</td></tr>
<tr><td>内存</td><td>8~32 GB LPDDR4x</td></tr>
<tr><td>存储</td><td>64GB eMMC + NVMe SSD</td></tr>
<tr><td>网络</td><td>千兆以太网 x2 + WiFi 6</td></tr>
<tr><td>功耗</td><td>15~30W(自适应)</td></tr>
<tr><td>尺寸</td><td>180mm x 160mm x 28mm</td></tr>
<tr><td>工作温度</td><td>-10°C ~ 50°C</td></tr>
<tr><td>接口</td><td>双千兆网口、3x HDMI、USB、DC 电源</td></tr>
</tbody>
</table>
</div>
<div class="install-block">
<strong>安装方式</strong>
壁挂或桌面放置,有线接入校园网。可隐藏安装于智慧黑板/电视机背面,无需红外遥控,通过网络远程管理。教室正面完全看不到设备,整洁无线缆外露。
</div>
<div class="media-section">
<h4>产品外观</h4>
<div class="img-grid">
<div class="img-card">
<img src="img/Zink.png" alt="Zink 外观">
<div class="img-caption">Zink 算力盒产品外观 — 深灰色金属外壳,尺寸 180mm × 160mm × 28mm,紧凑小巧,正面展示双千兆网口、3x HDMI、USB 及电源接口</div>
</div>
<div class="img-card">
<img src="img/Zink1.png" alt="Zink 接口面板">
<div class="img-caption">Zink 算力盒接口面板详图 — 从左至右依次为双千兆网口、3 个 HDMI 输出接口、USB 接口和 DC 电源接口,满足多屏输出和外设扩展需求</div>
</div>
</div>
<h4>应用场景</h4>
<div class="img-grid">
<div class="img-card">
<img src="img/Zink3.jpg" alt="壁挂部署场景">
<div class="img-caption">壁挂部署场景 — Zink 算力盒通过支架固定于智慧黑板侧面墙壁,HDMI 线缆连接大屏,上方搭配摄像头实现 AI 视觉辅助教学,整体部署整洁美观</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- .page -->
<button class="back-top" id="backTop" onclick="window.scrollTo({top:0,behavior:'smooth'})" title="回到顶部"></button>
<script>
// 回到顶部按钮显示/隐藏
var btn = document.getElementById('backTop');
window.addEventListener('scroll', function() {
btn.classList.toggle('visible', window.scrollY > 300);
});
</script>
</body>
</html>