fix(web): 删除官网未实现功能描述,修正营销文案

- approval.html: 删除红冲/Block 5 整块、移除调拨单引用、删除「允许超量出库」bullet、中性化「录错了不慌」场景
- inventory.html: 删除「库存预警推送/SMS」块、「过期预警」bullet、移除「v1.6.2 新增」标注
- index.njk: Hero 版本号改为动态、信任指标替换为真实数据、移动端功能列表去虚假功能

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
wangjia
2026-06-07 20:39:39 +08:00
parent 0c96d5e325
commit 46ef7db480
3 changed files with 58 additions and 169 deletions
+12 -103
View File
@@ -682,7 +682,7 @@ button { font-family: inherit; cursor: pointer; }
}
/* ====================================================================
BLOCK 5: REVERSAL / RED-MARK
REVERSAL STYLES (unused, kept for possible future use)
==================================================================== */
.reversal-pair {
display: grid;
@@ -972,7 +972,7 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<p class="eyebrow">功能详情 · 审核驱动业务流</p>
<h1>每一笔库存变动,<br/>都经过一次<em>签字</em></h1>
<p class="lead">
入库、出库、盘点、调拨 —— 统一状态机,统一审批界面。审批不仅是一个按钮,是一笔事务:库存动了,账款也跟着动,全程留痕。
入库、出库、盘点 —— 统一状态机,统一审批界面。审批不仅是一个按钮,是一笔事务:库存动了,账款也跟着动,全程留痕。
</p>
<div class="actions">
<a href="#" class="btn btn-primary btn-lg">免费试用 30 天</a>
@@ -982,16 +982,16 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
</div>
<div class="quick-stats">
<div>
<div class="quick-stat-label">审批延迟</div>
<div class="quick-stat-val">≤ 1s</div>
<div class="quick-stat-label">单据类型</div>
<div class="quick-stat-val">3 种</div>
</div>
<div>
<div class="quick-stat-label">审计字段</div>
<div class="quick-stat-val">14</div>
<div class="quick-stat-label">操作留痕</div>
<div class="quick-stat-val">全程</div>
</div>
<div>
<div class="quick-stat-label">回滚机制</div>
<div class="quick-stat-val">红冲</div>
<div class="quick-stat-label">审批联动</div>
<div class="quick-stat-val">库存 + 账款</div>
</div>
</div>
</div>
@@ -1060,7 +1060,7 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<div class="feat-tag"><i data-lucide="git-branch" class="icon"></i>统一状态机</div>
<h2>四种状态,<br/>覆盖所有业务单据</h2>
<p class="lead">
入库、出库、盘点、调拨 —— 全部走同一套状态:草稿 → 待审核 → 已审批 / 已拒绝。员工学一次,全员通用。
入库、出库、盘点 —— 全部走同一套状态:草稿 → 待审核 → 已审批 / 已拒绝。员工学一次,全员通用。
</p>
<ul class="feat-bullets">
<li>
@@ -1080,7 +1080,7 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<li>
<i data-lucide="layers" class="icon"></i>
<div>
<strong>一套界面,种单据复用</strong>
<strong>一套界面,种单据复用</strong>
前端审批界面统一,节省培训成本,避免分模块状态差异。
</div>
</li>
@@ -1093,7 +1093,6 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<div class="state-tab active">入库单</div>
<div class="state-tab">出库单</div>
<div class="state-tab">盘点单</div>
<div class="state-tab">调拨单</div>
</div>
<div class="state-machine-meta">stock_in_orders.status</div>
@@ -1143,7 +1142,6 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<span class="sm-applies-pill"><i data-lucide="package-plus" class="icon"></i>入库单</span>
<span class="sm-applies-pill"><i data-lucide="package-minus" class="icon"></i>出库单</span>
<span class="sm-applies-pill"><i data-lucide="clipboard-check" class="icon"></i>盘点单</span>
<span class="sm-applies-pill"><i data-lucide="arrow-right-left" class="icon"></i>调拨单</span>
</div>
</div>
</div>
@@ -1263,13 +1261,6 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
校验失败时单据状态回到「待审核」,无需重新录入。
</div>
</li>
<li>
<i data-lucide="settings-2" class="icon"></i>
<div>
<strong>可配置宽松模式</strong>
系统设置中可开启「允许超量出库」(备货场景使用),缺省关闭。
</div>
</li>
</ul>
</div>
@@ -1435,88 +1426,6 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
</div>
</section>
<!-- ============== BLOCK 5: Reversal ============== -->
<section class="feat-block">
<div class="container feat-block-inner">
<div class="feat-text">
<div class="feat-tag" style="background: var(--accent-50); color: var(--accent-700);"><i data-lucide="undo" class="icon"></i>红冲机制</div>
<h2>审批不可撤销,<br/>但错误可以修正</h2>
<p class="lead">
审批一旦通过,原单据永远是历史的真实记录。如有错误,只能通过红冲(反向调整单)来修正 —— 既保留审计链,又能纠正库存与账款。
</p>
<ul class="feat-bullets">
<li>
<i data-lucide="archive" class="icon"></i>
<div>
<strong>原单不动</strong>
原始单据完整保留,不被覆盖、不被删除,永久可查。
</div>
</li>
<li>
<i data-lucide="rotate-ccw" class="icon"></i>
<div>
<strong>反向调整自动生成</strong>
点击「红冲」一键生成反向单据,数量取反、关联原单据 ID、状态自动进入「待审核」。
</div>
</li>
<li>
<i data-lucide="calculator" class="icon"></i>
<div>
<strong>净库存为零</strong>
红冲单审批通过后,库存与账款回到红冲前的状态,但审计链上多了两笔记录而非清除。
</div>
</li>
</ul>
</div>
<div class="feat-visual">
<div class="reversal-pair">
<div class="reversal-doc original">
<div class="reversal-stamp-mini" style="color: var(--success-500); border-color: var(--success-500);">已审批</div>
<div class="reversal-doc-id">RK20260523000007</div>
<div class="reversal-doc-meta">2026-05-23 · 入库 · 茅台经销华东</div>
<div class="reversal-doc-row"><div>茅台飞天 53°</div><div>+4</div></div>
<div class="reversal-doc-row"><div>五粮液第八代</div><div>+20</div></div>
<div class="reversal-doc-row"><div>剑南春水晶剑</div><div>+2</div></div>
<div class="reversal-doc-row"><div>拉菲传奇</div><div>+10</div></div>
<div class="reversal-doc-foot"><div>合计</div><div>+36 · ¥48,400</div></div>
</div>
<div class="reversal-arrow">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"/></svg>
<span class="reversal-arrow-label">红冲</span>
</div>
<div class="reversal-doc reversal">
<div class="reversal-stamp-mini">红 冲</div>
<div class="reversal-doc-id">RK20260524000001</div>
<div class="reversal-doc-meta">2026-05-24 · 反向调整 · 关联 ...000007</div>
<div class="reversal-doc-row"><div>茅台飞天 53°</div><div>4</div></div>
<div class="reversal-doc-row"><div>五粮液第八代</div><div>20</div></div>
<div class="reversal-doc-row"><div>剑南春水晶剑</div><div>2</div></div>
<div class="reversal-doc-row"><div>拉菲传奇</div><div>10</div></div>
<div class="reversal-doc-foot"><div>合计</div><div>36 · −¥48,400</div></div>
</div>
</div>
<div class="reversal-net">
<div class="reversal-net-item">
<div class="reversal-net-label">原单库存影响</div>
<div class="reversal-net-val">+36 瓶</div>
</div>
<div class="reversal-net-item">
<div class="reversal-net-label">红冲库存影响</div>
<div class="reversal-net-val" style="color: #C97B86;">36 瓶</div>
</div>
<div class="reversal-net-item">
<div class="reversal-net-label">净影响</div>
<div class="reversal-net-val" style="color: var(--success-500);">0</div>
</div>
</div>
</div>
</div>
</section>
<!-- ============== BLOCK 6: Permission matrix ============== -->
<section class="feat-block reverse">
<div class="container feat-block-inner">
@@ -1629,8 +1538,8 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<div class="usecase-card">
<i data-lucide="rotate-ccw" class="icon"></i>
<h4>录错了不慌</h4>
<p>新员工录错入库单一次性多写了 10 瓶,审批通过后才发现。点击「红冲」,反向调整单一键生成,1 分钟修正库存与账款。</p>
<div class="quote">"原始数据保留,红冲也留痕,内审完全不会有问题。"</div>
<p>审批通过的单据不可撤销,但可补录一张方向相反的修正单提交审核,两笔记录都完整保留在审计链中,库存与账款同步修正</p>
<div class="quote">"原始数据保留,修正也留痕,内审完全不会有问题。"</div>
</div>
</div>
</div>
+27 -52
View File
@@ -813,8 +813,8 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<!-- Floating alert card -->
<div class="composite-card composite-secondary">
<div class="alert-card-title" style="display: flex; align-items: center; gap: 6px;">
<i data-lucide="bell" class="icon" style="width: 12px; height: 12px; color: var(--warning-500);"></i>
库存预警
<i data-lucide="alert-triangle" class="icon" style="width: 12px; height: 12px; color: var(--warning-500);"></i>
库存商品
</div>
<div class="alert-row danger">
<div class="name">轩尼诗 VSOP</div>
@@ -983,13 +983,6 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
出库时按"先进先出"自动从最早批次扣减,留下完整的批次→客户对应关系。
</div>
</li>
<li>
<i data-lucide="alert-circle" class="icon"></i>
<div>
<strong>过期预警</strong>
按生产日期 + 保质期推算,临近到期前自动标记。
</div>
</li>
<li>
<i data-lucide="qr-code" class="icon"></i>
<div>
@@ -1070,7 +1063,7 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<i data-lucide="warehouse" class="icon"></i>
<div>
<strong>跨多仓库联动</strong>
v1.6.2 新增 — 一次盘点可同步多仓库,避免分仓时数据不一致。
一次盘点可同步多仓库,避免分仓时数据不一致。
</div>
</li>
<li>
@@ -1167,7 +1160,7 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<div class="feat-tag"><i data-lucide="scroll-text" class="icon"></i>库存流水审计</div>
<h2>谁动了我的库存?<br/>每一次都查得清楚</h2>
<p class="lead">
所有库存变动都会自动写入流水表,包括入库、出库、盘点调整、单据红冲,附带时间戳与经办人。
所有库存变动都会自动写入流水表,包括入库、出库、盘点调整,附带时间戳与经办人。
</p>
<ul class="feat-bullets">
<li>
@@ -1247,31 +1240,31 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<section class="feat-block">
<div class="container feat-block-inner">
<div class="feat-text">
<div class="feat-tag"><i data-lucide="bell" class="icon"></i>库存预警</div>
<h2>该补货之前,<br/>系统已经替你看见了</h2>
<div class="feat-tag"><i data-lucide="alert-triangle" class="icon"></i>库存状态</div>
<h2>一眼看出哪些商品<br/>需要补货</h2>
<p class="lead">
每个 SKU 都可单独设置安全库存阈值,触发即在 Web 与移动端同步推送,永远不会错过补货时机
为每件商品设置最低库存量,系统根据当前库存自动标记「充足 / 偏低 / 告急」,无需手工比对
</p>
<ul class="feat-bullets">
<li>
<i data-lucide="sliders-horizontal" class="icon"></i>
<div>
<strong>按 SKU 灵活配置</strong>
热销商品阈值高,冷门商品阈值低 — 不需要一刀切
<strong>按 SKU 设置最低库存</strong>
热销商品阈值高,冷门商品阈值低 — 每件单独配置
</div>
</li>
<li>
<i data-lucide="bell-ring" class="icon"></i>
<i data-lucide="list-filter" class="icon"></i>
<div>
<strong>多渠道通知</strong>
Web 顶栏、移动 App 推送、可选邮件 / 短信通知
<strong>库存列表一目了然</strong>
库存状态标签跟随列表显示,随时筛选「偏低」「告急」的 SKU
</div>
</li>
<li>
<i data-lucide="trending-up" class="icon"></i>
<i data-lucide="qr-code" class="icon"></i>
<div>
<strong>智能补货建议</strong>
基于近 30 天销售速率 × 补货周期,给出建议补货量。<small style="color: var(--brand-500);">v1.7 Beta</small>
<strong>商品二维码防伪</strong>
每件商品生成专属二维码,顾客扫码即可查看批次与防伪信息。
</div>
</li>
</ul>
@@ -1279,38 +1272,20 @@ footer { background: var(--gray-25); border-top: 1px solid var(--border-subtle);
<div class="feat-visual">
<div class="alert-config-card">
<h4>预警阈值 · 茅台飞天 53°</h4>
<p class="sub">当库存低于阈值时,自动推送给指定操作员</p>
<div class="threshold-bar">
<div class="threshold-track"></div>
<div class="threshold-marker" style="left: 30%;"></div>
<div class="threshold-tick" style="left: 0%;">0</div>
<div class="threshold-tick" style="left: 18%;">20</div>
<div class="threshold-tick" style="left: 42%;">50</div>
<div class="threshold-tick" style="left: 100%;">200</div>
<div class="threshold-label" style="left: 9%; color: var(--danger-700);">告急</div>
<div class="threshold-label" style="left: 30%; color: var(--warning-700);">偏低</div>
<div class="threshold-label" style="left: 70%; color: var(--success-700);">充足</div>
</div>
<div style="display: flex; justify-content: space-between; align-items: center; margin: 16px 0 8px;">
<span style="font-size: 13px; color: var(--gray-700);">当前阈值</span>
<span style="font-family: var(--font-mono); font-size: 18px; font-weight: 600; color: var(--brand-700);">35 瓶</span>
</div>
<div class="alert-rules">
<div class="alert-rule">
<div>低于 <strong>50 瓶</strong> · 推送给 <strong>张磊(仓储)</strong></div>
<div class="switch"></div>
<h4>库存状态一览</h4>
<p class="sub">基于最低库存量 (min_stock) 自动标记状态</p>
<div style="display:flex;flex-direction:column;gap:10px;margin-top:12px;">
<div style="display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--gray-25);border-radius:8px;">
<span style="font-size:13px;font-weight:500;">茅台飞天 53°</span>
<span style="font-size:12px;color:var(--success-700);background:var(--success-50);padding:2px 10px;border-radius:20px;font-weight:600;">充足</span>
</div>
<div class="alert-rule">
<div>低于 <strong>20 瓶</strong> · 短信通知 <strong>李建国(采购)</strong></div>
<div class="switch"></div>
<div style="display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--gray-25);border-radius:8px;">
<span style="font-size:13px;font-weight:500;">剑南春水晶剑</span>
<span style="font-size:12px;color:var(--warning-700);background:var(--warning-50);padding:2px 10px;border-radius:20px;font-weight:600;">偏低</span>
</div>
<div class="alert-rule">
<div>临近过期 <strong>30 天</strong> · 邮件提醒</div>
<div class="switch off"></div>
<div style="display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--gray-25);border-radius:8px;">
<span style="font-size:13px;font-weight:500;">轩尼诗 VSOP</span>
<span style="font-size:12px;color:var(--danger-700);background:var(--danger-50);padding:2px 10px;border-radius:20px;font-weight:600;">告急</span>
</div>
</div>
</div>
+19 -14
View File
@@ -190,8 +190,8 @@ details[open] .faq-q .icon { transform: rotate(45deg); }
<div class="container hero-inner">
<div>
<div class="d-inline-flex items-center gap-8 bg-0 border rounded-pill fs-sm text-gray-7 mb-24" style="padding: 6px 14px 6px 8px;">
<span class="badge badge-brand">v1.6</span>
<span>新增多仓库联动盘点 ·</span>
<span class="badge badge-brand">v{{ changelog[0].version }}</span>
<span>{{ changelog[0].date }} 更新 ·</span>
<span class="text-brand fw-5">查看更新</span>
</div>
<h1>从入库到出库,<br/><em>一套系统</em>管到底。</h1>
@@ -286,11 +286,11 @@ details[open] .faq-q .icon { transform: rotate(45deg); }
<section class="trust">
<div class="container">
<div class="trust-grid">
<div class="fs-sm text-muted">服务各类酒水经营场所</div>
<div><div class="trust-stat-num">1,280<sup>+</sup></div><div class="fs-xs text-muted mt-4">酒行 / 酒店门店</div></div>
<div><div class="trust-stat-num">8.4<sup>%</sup></div><div class="fs-xs text-muted mt-4">平均损耗下降</div></div>
<div><div class="trust-stat-num">99.9<sup>%</sup></div><div class="fs-xs text-muted mt-4">系统可用性</div></div>
<div class="fs-sm text-muted">专为酒水经营场所设计</div>
<div><div class="trust-stat-num">5<sup>端</sup></div><div class="fs-xs text-muted mt-4">Web / iOS / Android / Win / Mac</div></div>
<div><div class="trust-stat-num">多<sup>仓</sup></div><div class="fs-xs text-muted mt-4">支持多仓库独立管理</div></div>
<div><div class="trust-stat-num">FIFO</div><div class="fs-xs text-muted mt-4">批次先进先出追溯</div></div>
<div><div class="trust-stat-num">0</div><div class="fs-xs text-muted mt-4">需安装依赖,Web 即用</div></div>
</div>
</div>
</section>
@@ -299,8 +299,8 @@ details[open] .faq-q .icon { transform: rotate(45deg); }
<section class="section" id="modules">
<div class="container">
<p class="eyebrow">核心模块</p>
<h2 class="section-title">七大模块,覆盖酒水经营全流程</h2>
<p class="section-sub">从商品建档到入库出库、从财务结算到数据导入,岩美一站式承载日常运营。</p>
<h2 class="section-title">全流程模块,覆盖酒水经营每一个环节</h2>
<p class="section-sub">从商品建档到入库出库、从财务结算到扫码防伪,岩美一站式承载日常运营。</p>
<div class="grid-3 gap-16 mt-48">
<div class="module-card feature-card card p-24 transition">
<div class="icon-box-lg bg-brand-50 text-brand mb-16"><i data-lucide="package-plus" class="icon-md"></i></div>
@@ -343,6 +343,11 @@ details[open] .faq-q .icon { transform: rotate(45deg); }
<h3 class="fs-xl fw-6 text-brand-900 m-0 mb-6 ls-1">系统设置</h3>
<p class="fs-sm lh-16 text-muted m-0">用户与权限、多仓库、编号规则、参数与数据导入 — 自助配置,无需开发。</p>
</div>
<div class="module-card card p-24 transition">
<div class="icon-box-lg bg-brand-50 text-brand mb-16"><i data-lucide="qr-code" class="icon-md"></i></div>
<h3 class="fs-xl fw-6 text-brand-900 m-0 mb-6 ls-1">扫码防伪</h3>
<p class="fs-sm lh-16 text-muted m-0">每件商品生成专属二维码,顾客扫码可查看商品名称、批次、出售门店与「已通过岩美防伪验证」标识。</p>
</div>
</div>
</div>
</section>
@@ -404,10 +409,10 @@ details[open] .faq-q .icon { transform: rotate(45deg); }
<h3>仓库里也能用得顺手</h3>
<p>移动端扫码即查库存、入库、出库,断网也能继续工作,恢复网络后自动同步。</p>
<div class="d-flex flex-col gap-10">
<div class="pv-feature"><i data-lucide="scan-line" class="icon"></i>扫码即查商品 · 二维码标签</div>
<div class="pv-feature"><i data-lucide="scan-line" class="icon"></i>扫码即查商品 · 商品二维码防伪</div>
<div class="pv-feature"><i data-lucide="wifi-off" class="icon"></i>离线缓存,断网继续作业</div>
<div class="pv-feature"><i data-lucide="bell" class="icon"></i>实时推送审批与库存预警</div>
<div class="pv-feature"><i data-lucide="printer" class="icon"></i>蓝牙连接打印商品标签</div>
<div class="pv-feature"><i data-lucide="layout-grid" class="icon"></i>窄屏自动切换卡片流布局</div>
<div class="pv-feature"><i data-lucide="camera" class="icon"></i>手机拍照直接添加商品图片</div>
</div>
</div>
<div class="device-stack">
@@ -499,7 +504,7 @@ details[open] .faq-q .icon { transform: rotate(45deg); }
</div>
<div class="d-grid gap-16" style="grid-template-columns:36px 1fr">
<div class="icon-box-md bg-brand-50 text-brand"><i data-lucide="alert-triangle" class="icon-md"></i></div>
<div><h4 class="m-0 mb-4 fs-lg fw-6 text-brand-900">库存预警实时提醒</h4><p class="m-0 fs-sm text-muted lh-16">SKU 库存低于阈值,系统在 Web 与移动端同步推送。永远不会错过补货时机。</p></div>
<div><h4 class="m-0 mb-4 fs-lg fw-6 text-brand-900">库存状态实时标识</h4><p class="m-0 fs-sm text-muted lh-16">设置商品最低库存量,系统自动标记「充足 / 偏低 / 告急」,一眼识别需补货的 SKU。</p></div>
</div>
</div>
</div>
@@ -575,7 +580,7 @@ details[open] .faq-q .icon { transform: rotate(45deg); }
<li class="d-flex items-start gap-8 fs-sm text-gray-7"><i data-lucide="check" class="icon-sm text-brand flex-shrink-0 mt-2"></i>多门店 · 总部数据汇总</li>
<li class="d-flex items-start gap-8 fs-sm text-gray-7"><i data-lucide="check" class="icon-sm text-brand flex-shrink-0 mt-2"></i>不限用户数</li>
<li class="d-flex items-start gap-8 fs-sm text-gray-7"><i data-lucide="check" class="icon-sm text-brand flex-shrink-0 mt-2"></i>支持私有部署 / 内网</li>
<li class="d-flex items-start gap-8 fs-sm text-gray-7"><i data-lucide="check" class="icon-sm text-brand flex-shrink-0 mt-2"></i>SSO 单点登录</li>
<li class="d-flex items-start gap-8 fs-sm text-gray-7"><i data-lucide="check" class="icon-sm text-brand flex-shrink-0 mt-2"></i>专属实施与培训服务</li>
<li class="d-flex items-start gap-8 fs-sm text-gray-7"><i data-lucide="check" class="icon-sm text-brand flex-shrink-0 mt-2"></i>7×24 专属客户经理</li>
</ul>
<a href="/app/" class="btn btn-secondary w-full justify-center mt-auto">联系销售</a>
@@ -604,7 +609,7 @@ details[open] .faq-q .icon { transform: rotate(45deg); }
</details>
<details class="card mb-12 overflow-hidden">
<summary class="faq-q">审批通过后发现错误,怎么办?<i data-lucide="plus" class="icon"></i></summary>
<div class="fs-md text-muted lh-17" style="padding:0 24px 22px">审批通过后操作不可撤销。如发现错误,可由具备权限的用户新建反向调整单据(红冲入库 / 红冲出库)来修正库存与账款。这样可以保留完整的审计链。</div>
<div class="fs-md text-muted lh-17" style="padding:0 24px 22px">审批通过后操作不可撤销。如发现录入错误,可由具备权限的用户新建一张反向单据(如:误入 10 箱则再出库 10 箱)来修正库存与应收应付,审批链完整保留。</div>
</details>
<details class="card mb-12 overflow-hidden">
<summary class="faq-q">数据安全如何保障?<i data-lucide="plus" class="icon"></i></summary>