// b-app.jsx — 版本 B · 编辑研报感（中文版） // Bloomberg/Stripe 级别的克制。数据驱动。读起来像研究报告，而非营销文案。 const B_TWEAKS = /*EDITMODE-BEGIN*/{ "showAnnotations": true, "density": "standard", "chineseSignals": true }/*EDITMODE-END*/; const B_NAV = [ { label: '价差现状', href: '#gap' }, { label: '案例研究', href: '#case' }, { label: '方法论', href: '#method' }, { label: '关于我们', href: '#about' }, { label: '合作伙伴就绪度', href: '#readiness' }, ]; const B_DOMAINS = [ { n: '01', name: '品牌战略与定位', avg: 2.1, gap: '高' }, { n: '02', name: '数字与电商', avg: 3.4, gap: '中' }, { n: '03', name: '内容与创意', avg: 2.0, gap: '高' }, { n: '04', name: '社交与社群', avg: 1.8, gap: '高' }, { n: '05', name: '红人与口碑营销', avg: 1.5, gap: '严重' }, { n: '06', name: '公关与传播', avg: 1.3, gap: '严重' }, { n: '07', name: '零售就绪度', avg: 2.6, gap: '中' }, { n: '08', name: '包装与开箱体验', avg: 2.4, gap: '中' }, { n: '09', name: '市场研究与情报', avg: 2.2, gap: '高' }, { n: '10', name: '组织就绪度', avg: 2.9, gap: '中' }, ]; const B_PHASES = [ { num: '01', name: '诊断', span: '2–4 周', body: '10 大能力域评估。240+ 项评分基准。5 级成熟度模型。两位评估师，得分一致。' }, { num: '02', name: '蓝图规划', span: '1–2 周', body: '优先级行动计划。ROI 预测。依赖关系映射。按现金流排序。' }, { num: '03', name: '领域执行手册', span: '每域 4–8 周', body: '我们离开后您的团队可立即运行的运营交付物。经真实合作验证。' }, { num: '04', name: '持续导航', span: '持续进行', body: '季度重新评分。更新路线图。随市场发展提供持续顾问支持。' }, ]; const eMono = { fontFamily: 'var(--font-mono)', fontSize: 11, letterSpacing: '0.16em', textTransform: 'uppercase', color: 'var(--text-tertiary)', }; const eZh = { fontFamily: 'var(--font-zh)', }; // ───────────────────────────────────────────────────────────── // Nav // ───────────────────────────────────────────────────────────── function BNav() { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 24); onScroll(); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); return ( ); } // ───────────────────────────────────────────────────────────── // Hero // ───────────────────────────────────────────────────────────── function BHero({ t }) { return (
研究报告 · 2026 年 Q2 US Market Readiness System · v1.3
{t.chineseSignals && (
品 牌 出 海 · 数 据 说 话
)}

中国品牌在美国市场
少赚 30–60%1。

我们通过 10 大能力域中的 240+ 项评分基准衡量其原因—— 并构建弥合差距的运营系统。

预约诊断 → 阅读方法论 ↓
{t.showAnnotations && (
1. 定价权差距基于五个消费品类中同等 SKU 配对测量得出。数据来源：Silk 内部研究，2025–2026 年。样本量 n=1,184 个 SKU。
↳ 方法论及完整样本表备索。
)}
); } // ───────────────────────────────────────────────────────────── // Hero chart // ───────────────────────────────────────────────────────────── function BHeroChart() { const chineseDist = [3, 8, 16, 28, 42, 58, 64, 58, 48, 36, 24, 16, 10, 7, 4, 3, 2, 1, 1, 1, 0, 0, 0, 0]; const westernDist = [0, 0, 0, 1, 2, 4, 8, 14, 22, 34, 46, 56, 62, 58, 50, 40, 30, 22, 14, 8, 4, 2, 1, 0]; const maxV = Math.max(...chineseDist, ...westernDist); return (
图 1
同等 SKU 货架价格分布
{[0.25, 0.5, 0.75].map((p, i) => ( ))}
$10 $30 $50 $70 $90+
); } function LegendDot({ color, label }) { return (
{label}
); } function StatCell({ label, value, trend, hot }) { return (
{label}
{value}
{trend}
); } function makeAreaPath(vals, w, h, maxV) { const n = vals.length; const step = w / (n - 1); const pts = vals.map((v, i) => `${i * step},${h - (v / maxV) * h}`); return `M0,${h} L${pts.join(' L')} L${w},${h} Z`; } // ───────────────────────────────────────────────────────────── // Domain map // ───────────────────────────────────────────────────────────── function BDomainMap({ t }) { return (
价差存在于何处

十大能力域。
大多数品牌在三到五个域同时「失血」。

每项能力均根据您所在品类中西方品牌的实际做法，按 5 级成熟度模型评分。 分数越低，定价权流失越严重。

{t.showAnnotations && (
2.{' '} 平均成熟度得分基于 2025 年 Q4 接受诊断的中国品牌队列。n = 14。 领域顺序遵循 Silk 标准分类法。分数越高越好；5.0 为「领先」。
)}
# 能力域 平均 差距
{B_DOMAINS.map(d => ( ))}
); } function DomainRow({ n, name, avg, gap }) { const gapColor = gap === '严重' ? 'var(--copper-hot)' : gap === '高' ? 'var(--copper)' : 'var(--text-secondary)'; return (
e.currentTarget.style.background = 'rgba(255,255,255,0.015)'} onMouseLeave={(e) => e.currentTarget.style.background = ''} > {n} {name}
{gap}
); } function MiniBar({ value, max }) { const pct = (value / max) * 100; return (
{value.toFixed(1)}
); } // ───────────────────────────────────────────────────────────── // Case Study // ───────────────────────────────────────────────────────────── function BCaseStudy({ t }) { return (
近期合作 · 已匿名 案例 001 / 2026

一家领先的中国婴童用品品牌。

亚马逊销量强劲，无品牌溢价。已诊断五大能力域。 已规划三波干预。预期 ROI 源自跨协同能力的复合效应—— 而非单一渠道提升。

{[ ['品类', '婴童用品 · 亚马逊原生品牌'], ['合作前', '品类销量前 15，无独立站，零售渠道为 0'], ['评分能力域', '品牌 · 内容 · 红人 · 零售 · 组织'], ['合作时长', '6 周（诊断 + 蓝图规划）'], ['交付物', '38 页诊断报告 · 52 页蓝图 · ROI 模型'], ].map(([k, v]) => (
{k}
{v}
))}
); } function BROITable() { const rows = [ { wave: 'Wave 1', label: '红人策略重置', q: 'Q1', roi: 1.4 }, { wave: 'Wave 1', label: '商品详情页情感重构', q: 'Q1', roi: 2.1 }, { wave: 'Wave 2', label: '独立站基础建设', q: 'Q2', roi: 1.8 }, { wave: 'Wave 2', label: 'PR 活动 · 12 家媒体', q: 'Q2', roi: 0.9 }, { wave: 'Wave 3', label: '零售渠道进入 · 2 家连锁', q: 'Q3–Q4', roi: 3.2 }, { wave: 'Wave 3', label: '品牌架构重塑', q: 'Q4', roi: 0.6 }, ]; const maxROI = 4; return (
图 2
各干预措施预期 ROI，第一年
3.19×
第一年合计
{rows.map((r, i) => (
{r.wave.replace('Wave ', 'W')} {r.label} {r.q}
{r.roi.toFixed(1)}×
))}
第三年预期 8.0×+
); } // ───────────────────────────────────────────────────────────── // Methodology // ───────────────────────────────────────────────────────────── function BMethodology() { return (
方法论 · 运营系统 4 阶段 · 有序进行

我们将您的业务映射为一个运营系统，然后对其进行优化。

每次合作都遵循相同的四个阶段。每个阶段的深度根据您的评分、 您所在的品类，以及真正让您损失金钱的差距进行校准。

阶段 名称 作用 时长
{B_PHASES.map(p => (
{p.num} {p.name} {p.body} {p.span}
))}
); } // ───────────────────────────────────────────────────────────── // Difference // ───────────────────────────────────────────────────────────── function BDifference() { return (
我们的信念

三个我们
绝不妥协的立场。

Tim Jordan
photo
创始人
Tim Jordan

自 2014 年起常驻中国。从小型品牌办公室到阿里巴巴高管园区。 教育者、顾问、横跨美中电商领域的连接者。

「我们打造的这套系统，正是 2014 年时我们希望有人能交给我们的东西。」

团队、顾问与合作伙伴 →
); } function Belief({ n, title, body }) { return (
{n}

{title}

{body}

); } // ───────────────────────────────────────────────────────────── // CTA // ───────────────────────────────────────────────────────────── function BCTA() { return (
如何开始

在做出任何承诺之前——
先看清您品牌的现状。

一次诊断对话约 45 分钟。无论您是否进一步合作， 您都将带走我们对您前三大定价权差距及弥合方案的解读。

); } function CTACard({ kind, label, body, href, suffix }) { const primary = kind === 'primary'; return ( { e.currentTarget.style.transform = 'translateY(-2px)'; }} onMouseLeave={(e) => { e.currentTarget.style.transform = ''; }} >
{label} {suffix}

{body}

 ); } // ───────────────────────────────────────────────────────────── // Footer // ───────────────────────────────────────────────────────────── function BFooter({ t }) { return (
Project Silk

为中国品牌打造的美国市场就绪度系统。 为中国企业构建的西式战略。

{t.chineseSignals && (
品牌出海，数据说话
)}
网站
    {['价差现状', '案例研究', '方法论', '关于我们', '合作伙伴就绪度', '联系我们'].map(l => (
  • {l}
    • ))}
© 2026 Project Silk · A Foundry Studio venture
); } function BWeChatBlock() { return (
企业微信 · WeCom
{Array.from({ length: 64 }).map((_, i) => (
))}
Project Silk
项目丝路
扫码添加
); } // ───────────────────────────────────────────────────────────── // WeChat pill // ───────────────────────────────────────────────────────────── function BWeChatPill() { const [open, setOpen] = React.useState(false); return (
{open && (
企业微信 · WeCom
{Array.from({ length: 100 }).map((_, i) => (
))}
扫码添加 Project Silk
官方企业微信账号
)}
); } // ───────────────────────────────────────────────────────────── // App // ───────────────────────────────────────────────────────────── function App() { const [t, setTweak] = useTweaks(B_TWEAKS); return (
setTweak('showAnnotations', v)} /> setTweak('chineseSignals', v)} /> setTweak('density', v)} />
); } ReactDOM.createRoot(document.getElementById('root')).render();