update pay ui

This commit is contained in:
2025-12-05 13:29:18 +08:00
parent 20994cfb13
commit 48d9c76c5e
1008 changed files with 417880 additions and 486974 deletions

View File

@@ -0,0 +1,533 @@
<!DOCTYPE html>
<html lang="zh-CN" data-theme="night">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>深度研究 | 布鲁可IP衍生品概念</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.1/dist/full.min.css" rel="stylesheet" type="text/css" />
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #0c0a18;
background-image:
radial-gradient(ellipse at 50% 50%, rgba(29, 78, 216, 0.15) 0%, transparent 70%),
radial-gradient(ellipse at 70% 20%, rgba(139, 92, 246, 0.15) 0%, transparent 60%),
radial-gradient(ellipse at 30% 90%, rgba(132, 204, 22, 0.1) 0%, transparent 50%);
background-attachment: fixed;
color: #e0e0e0;
}
.glass-card {
background: rgba(23, 23, 35, 0.4);
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 2rem; /* 极致圆角 */
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px) scale(1.01);
box-shadow: 0 0 30px rgba(139, 92, 246, 0.2);
border-color: rgba(255, 255, 255, 0.2);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
}
.title-glow {
text-shadow: 0 0 8px rgba(192, 132, 252, 0.8), 0 0 16px rgba(192, 132, 252, 0.5);
}
.stat-value {
color: #c084fc; /* 紫色 */
font-weight: 700;
}
.stat-desc {
color: #4ade80; /* 绿色 */
}
.alert-glass {
background: rgba(45, 20, 77, 0.5);
backdrop-filter: blur(10px);
border: 1px solid rgba(192, 132, 252, 0.3);
color: #e9d5ff;
}
.table-glass thead th {
background: rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.table-glass tbody tr {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.table-glass tbody tr:hover {
background: rgba(255, 255, 255, 0.05);
}
</style>
</head>
<body class="min-h-screen">
<div class="p-4 md:p-8 max-w-7xl mx-auto">
<!-- Header -->
<header class="text-center py-8">
<h1 class="text-4xl md:text-6xl font-bold title-glow bg-gradient-to-r from-purple-400 via-pink-400 to-blue-400 text-transparent bg-clip-text">
布鲁可IP衍生品
</h1>
<p class="text-lg text-slate-400 mt-4">深度概念解析报告</p>
<p class="text-sm text-slate-500 mt-2">
北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现本报告为AI合成数据投资需谨慎。
</p>
</header>
<!-- Bento Grid Section -->
<section class="my-12">
<div class="bento-grid">
<div class="col-span-12 md:col-span-7 glass-card p-6 flex flex-col justify-center">
<h2 class="text-2xl font-bold text-purple-300 mb-2">概念事件从玩具制造商到IP商业化平台</h2>
<p class="text-slate-300">
布鲁可(0325.HK)成功从传统积木制造商转型为以“拼搭角色类玩具”为核心、高效进行全球IP商业化变现的平台型企业。其“三全生态”全价位+全人群+全球化战略辅以爆款IP的成功运营和业绩的爆发式增长引发市场高度关注。
</p>
</div>
<div class="col-span-12 md:col-span-5 glass-card p-6">
<div class="stat">
<div class="stat-title text-slate-400">核心业务收入 (2024财年)</div>
<div class="stat-value text-4xl">22亿元</div>
<div class="stat-desc text-xl">同比增长 186%</div>
</div>
</div>
<div class="col-span-12 md:col-span-4 glass-card p-6">
<div class="stat">
<div class="stat-title text-slate-400">核心IP商业化验证</div>
<div class="stat-value text-3xl">3年 0→10亿</div>
<div class="stat-desc">奥特曼IP收入突破</div>
</div>
</div>
<div class="col-span-12 md:col-span-4 glass-card p-6">
<div class="stat">
<div class="stat-title text-slate-400">IP储备与矩阵</div>
<div class="stat-value text-3xl">50+</div>
<div class="stat-desc">自有及授权IP</div>
</div>
</div>
<div class="col-span-12 md:col-span-4 glass-card p-6">
<div class="stat">
<div class="stat-title text-slate-400">技术壁垒</div>
<div class="stat-value text-3xl">5000+</div>
<div class="stat-desc">项“骨肉皮”系统专利</div>
</div>
</div>
</div>
</section>
<!-- Core Insight -->
<section class="my-12 space-y-8" x-data="{ activeAccordion: 'logic' }">
<h2 class="text-3xl font-bold text-center title-glow mb-8">核心逻辑与市场洞察</h2>
<!-- Core Viewpoint -->
<div class="glass-card p-8">
<h3 class="text-2xl font-bold text-purple-300 mb-4">核心观点摘要</h3>
<p class="text-lg text-slate-300">
布鲁可IP衍生品概念的核心是其凭借独特的“骨肉皮”专利技术体系构建了一个高效、高性价比的全球IP商业化引擎。当前公司正处于从依赖单一爆款IP奥特曼向多元化IP矩阵、全人群覆盖和全球化市场拓展的关键转型期其未来潜力取决于能否成功复制“奥特曼”的成功模式于新的IP和目标客群从而真正建立起平台型护城河。
</p>
</div>
<!-- Charts Section -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="glass-card p-6">
<h3 class="text-xl font-bold text-purple-300 mb-4 text-center">IP收入结构优化趋势 (2024)</h3>
<div id="ip-revenue-chart" class="w-full h-80"></div>
</div>
<div class="glass-card p-6">
<h3 class="text-xl font-bold text-purple-300 mb-4 text-center">核心业务收入爆发式增长</h3>
<div id="revenue-growth-chart" class="w-full h-80"></div>
</div>
</div>
<!-- Detailed Logic -->
<div class="collapse collapse-plus glass-card" :class="{'collapse-open': activeAccordion === 'logic', 'collapse-close': activeAccordion !== 'logic'}">
<div class="collapse-title text-xl font-bold text-purple-300" @click="activeAccordion = activeAccordion === 'logic' ? null : 'logic'">
核心驱动力与市场认知
</div>
<div class="collapse-content px-6 pb-6">
<div class="space-y-4 text-slate-300">
<p>支撑该概念的根本逻辑并非简单地“获得热门IP授权”而是“<strong class="text-green-400">IP授权 x 高效产品化能力 x 全价格带渗透</strong>”的三位一体驱动模式。</p>
<ul class="list-disc list-inside space-y-2">
<li><strong class="text-purple-300">技术产品力:</strong>“骨肉皮系统”是其核心技术壁垒拥有5000余项专利将产品开发周期缩短至6-7个月行业平均10-12个月是其“便宜、精美、正版”产品的基石。</li>
<li><strong class="text-purple-300">商业模式创新:</strong>开创“全价位带”打法产品线覆盖从9.9元的引流盲盒到200元以上的收藏级产品形成完整的用户生命周期价值模型。</li>
<li><strong class="text-purple-300">平台化潜力:</strong>随着合作IP数量增加储备超50个布鲁可正从“玩具制造商”演变为“IP商业化平台”为IP版权方提供成熟、高效的变现解决方案。</li>
</ul>
<div class="alert alert-glass mt-4">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6 text-purple-300"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
<div>
<h3 class="font-bold">预期差分析</h3>
<ul class="list-decimal list-inside text-sm">
<li><strong>“去奥特曼化”的紧迫性:</strong>市场仍普遍认为其成功归功于奥特曼,但公司内部正快速降低依赖(收入占比从>60%降至48%新IP接力速度超出市场认知。</li>
<li><strong>IP数量的“大” vs 高价值IP的“精”</strong>宣传超50个IP但路演揭示核心高价值IP约20个且大部分2025年到期运营压力巨大。</li>
<li><strong>增长的确定性 vs 新IP拓展的风险</strong>市场普遍预期成功可复制但路演明确指出“新IP销量若未达亿级规模前期固定成本将侵蚀利润”每次尝试都是高风险赌注。</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Catalysts & Path -->
<div class="collapse collapse-plus glass-card" :class="{'collapse-open': activeAccordion === 'catalysts', 'collapse-close': activeAccordion !== 'catalysts'}">
<div class="collapse-title text-xl font-bold text-purple-300" @click="activeAccordion = activeAccordion === 'catalysts' ? null : 'catalysts'">
关键催化剂与未来发展路径
</div>
<div class="collapse-content px-6 pb-6 text-slate-300">
<h4 class="font-bold text-lg mb-2 text-green-400">近期催化剂 (未来3-6个月)</h4>
<ul class="list-decimal list-inside space-y-1 mb-4">
<li><strong>女性向产品线上市表现:</strong>“叶罗丽”+“三 лига鸥”上市销售数据将是“全人群”战略的关键试金石。</li>
<li><strong>重磅新IP发布</strong>《王者荣耀》、《哈利波特》等顶级IP产品的市场反馈将直接影响增长预期。</li>
<li><strong>影视联动效应:</strong>《哪吒2》上映能否带动自有IP《英雄无限》销售。</li>
<li><strong>海外市场进展:</strong>与沃尔玛合作的北美市场销售数据将验证“全球化”战略成效。</li>
</ul>
<h4 class="font-bold text-lg mb-2 text-green-400">长期发展路径</h4>
<ul class="timeline timeline-compact timeline-vertical">
<li>
<div class="timeline-start timeline-box glass-card !bg-opacity-70"><strong>初期 (当前)</strong><br>依赖授权IP复制“奥特曼”模式夯实基本盘。</div>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 text-purple-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg></div>
<hr class="bg-purple-400"/>
</li>
<li>
<hr class="bg-purple-400"/>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 text-purple-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg></div>
<div class="timeline-end timeline-box glass-card !bg-opacity-70"><strong>中期 (1-3年)</strong><br>突破“全人群”和“全球化”,女性向/成人向产品成新增长曲线,海外收入占比显著提升。</div>
<hr class="bg-purple-400"/>
</li>
<li>
<hr class="bg-purple-400"/>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 text-purple-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg></div>
<div class="timeline-start timeline-box glass-card !bg-opacity-70"><strong>成熟期 (3-5年)</strong><br>自有IP《英雄无限》成核心收入来源平台效应凸显成为全球IP版权方首选合作渠道之一。</div>
</li>
</ul>
</div>
</div>
<!-- Risks & Challenges -->
<div class="collapse collapse-plus glass-card" :class="{'collapse-open': activeAccordion === 'risks', 'collapse-close': activeAccordion !== 'risks'}">
<div class="collapse-title text-xl font-bold text-purple-300" @click="activeAccordion = activeAccordion === 'risks' ? null : 'risks'">
潜在风险与挑战
</div>
<div class="collapse-content px-6 pb-6 space-y-3">
<div class="alert alert-glass !bg-red-900/30 !border-red-500/50">
<svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6 text-red-400" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" /></svg>
<div>
<h3 class="font-bold">核心风险IP授权续约</h3>
<div class="text-xs">大部分高价值IP于2025年到期。核心IP如奥特曼的续约成本可能大幅上升或面临竞争将直接动摇公司根基。</div>
</div>
</div>
<div class="alert alert-glass !bg-orange-900/30 !border-orange-500/50">
<svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6 text-orange-400" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
<div>
<h3 class="font-bold">商业化风险:新客群开拓失败</h3>
<div class="text-xs">历史上80%-90%收入来自6-14岁男孩。向女性和成人市场的拓展若不及预期高增长将难以为继。</div>
</div>
</div>
<div class="alert alert-glass !bg-yellow-900/30 !border-yellow-500/50">
<svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6 text-yellow-400" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 8h6m-5 4h4m5 6H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2z" /></svg>
<div>
<h3 class="font-bold">证伪点毛利率与新IP投入产出比</h3>
<div class="text-xs">IP授权费占成本19%若未来新IP增多导致整体毛利率显著下滑或多个新IP营收不及预期则“平台化”的乐观逻辑将被证伪。</div>
</div>
</div>
</div>
</div>
</section>
<!-- Data Repository -->
<section class="my-12" x-data="{ tab: 'news' }">
<h2 class="text-3xl font-bold text-center title-glow mb-8">深度资料库 (新闻/路演/研报)</h2>
<div class="glass-card p-6">
<div role="tablist" class="tabs tabs-boxed bg-black/20">
<a role="tab" class="tab" :class="{'tab-active': tab === 'news'}" @click.prevent="tab = 'news'">新闻数据</a>
<a role="tab" class="tab" :class="{'tab-active': tab === 'roadshow'}" @click.prevent="tab = 'roadshow'">路演纪要</a>
<a role="tab" class="tab" :class="{'tab-active': tab === 'report'}" @click.prevent="tab = 'report'">研究报告</a>
</div>
<div class="py-4 space-y-4 text-slate-300">
<!-- News Content -->
<div x-show="tab === 'news'" x-collapse>
<div class="collapse collapse-arrow bg-base-200/50">
<input type="radio" name="data-accordion" checked="checked" />
<div class="collapse-title text-lg font-medium">一、整体IP战略与生态系统</div>
<div class="collapse-content text-sm">
<ul class="list-disc list-inside space-y-1">
<li><strong>战略定位:</strong>重新定义IP玩具市场平台化发展已显雏形。</li>
<li><strong>核心战略“三全生态”:</strong>全价位+全人群+全球化。</li>
<li><strong>增长驱动力:</strong>IP扩充、产品扩充覆盖更多人群、渠道扩充下沉、出海</li>
<li><strong>IP等级划分</strong>S级如变形金刚、宝可梦和A级如EVA</li>
</ul>
</div>
</div>
<div class="collapse collapse-arrow bg-base-200/50">
<input type="radio" name="data-accordion" />
<div class="collapse-title text-lg font-medium">二、IP矩阵与产品组合</div>
<div class="collapse-content text-sm">
<p><strong>概览:</strong>拥有2个自有IP及超过30-50个知名IP授权。核心竞争力为“便宜、精美、正版”。</p>
<p><strong>自有IP</strong>《百变布鲁可》和《英雄无限》。英雄无限持续高增24H1收入1.7亿占总收入16%。</p>
<p><strong>核心授权IP</strong></p>
<ul class="list-disc list-inside space-y-1 ml-4">
<li><strong>奥特曼:</strong>核心IP24H1占收入57.4%已合作9.9-200+全价格带。</li>
<li><strong>变形金刚:</strong>9.9元星辰版市场火爆两年实现从1-5亿。</li>
<li><strong>初音未来/EVA</strong>定位可动手办,对标万代但价格仅不到一半,渠道反馈销量碾压竞品。</li>
<li><strong>宝可梦:</strong>25年有4弹产品陆续上计划出海。</li>
</ul>
<p><strong>新IP储备</strong>2025年计划推出小黄人、王者荣耀、侏罗纪世界、星球大战、DC、哈利波特、柯南等。</p>
</div>
</div>
<div class="collapse collapse-arrow bg-base-200/50">
<input type="radio" name="data-accordion" />
<div class="collapse-title text-lg font-medium">三、用户群体与全球化布局</div>
<div class="collapse-content text-sm">
<p><strong>全人群策略:</strong>从中小学生向成年人拓展从男性向女性拓展。专门成立女性向工作室储备IP包括三丽鸥、叶罗丽、哈利波特等。</p>
<p><strong>全球化布局:</strong>24年出海以奥特曼、变形金刚为主。已储备大量IP海外授权侏罗纪世界、咒术回战等。宝可梦授权范围已扩展至东南亚10国。</p>
</div>
</div>
</div>
<!-- Roadshow Content -->
<div x-show="tab === 'roadshow'" x-collapse>
<div class="collapse collapse-arrow bg-base-200/50">
<input type="radio" name="data-accordion" />
<div class="collapse-title text-lg font-medium">一、IP矩阵与收入贡献</div>
<div class="collapse-content text-sm">
<p><strong>核心IP构成</strong>2024年收入80-90%来自奥特曼、变形金刚、英雄无限、假面骑士四大IP。</p>
<ul class="list-disc list-inside space-y-1">
<li><strong>奥特曼:</strong>24年收入10.11亿元但占比从超60%降至48%。</li>
<li><strong>变形金刚:</strong>24年收入4.54亿元贡献约20%。</li>
<li><strong>自有IP英雄无限</strong>24H1收入1.7亿元同比增长800%。</li>
</ul>
<p><strong>新增IP方向</strong>重点拓展成人向EVA、圣斗士及女性向库洛米、叶罗丽、王者荣耀联名</p>
</div>
</div>
<div class="collapse collapse-arrow bg-base-200/50">
<input type="radio" name="data-accordion" />
<div class="collapse-title text-lg font-medium">二、产品策略与技术壁垒</div>
<div class="collapse-content text-sm">
<p><strong>产品定位:</strong>“拼搭决策类玩具”融合乐高拼搭乐趣、IP还原度及手办灵活性。</p>
<p><strong>技术壁垒:</strong>自主专利“骨肉皮系统/技术”实现快速新品开发6-7个月并降低成本。</p>
<p><strong>价格带:</strong>全价位覆盖从9.9元引流盲盒到399元高端产品9.9元产品成功打开三四线市场。</p>
<p><strong>SKU管理</strong>2025年计划新增SKU超250个实现“每周上新”。</p>
</div>
</div>
<div class="collapse collapse-arrow bg-base-200/50">
<input type="radio" name="data-accordion" />
<div class="collapse-title text-lg font-medium">三、财务表现与风险</div>
<div class="collapse-content text-sm">
<p><strong>收入增长:</strong>平台角色类积木2024财年收入22亿元同比增长186%。</p>
<p><strong>利润率:</strong>2024财年毛利率提升至53%经调整净利率26.1%。</p>
<p><strong>市场份额:</strong>中国市场30%第一全球市场6%(第三)。</p>
<p><strong>风险提示:</strong>IP授权到期风险20个高价值IP大多2025年到期新IP拓展不及预期风险是当前最大潜在风险</p>
</div>
</div>
</div>
<!-- Report Content -->
<div x-show="tab === 'report'" x-collapse>
<div class="collapse collapse-arrow bg-base-200/50">
<input type="radio" name="data-accordion" />
<div class="collapse-title text-lg font-medium">一、核心定位与战略</div>
<div class="collapse-content text-sm">
<p><strong>定位:</strong>中国拼搭角色类玩具的领导者核心业务是打造高性价比的IP衍生玩具。</p>
<p><strong>核心能力:</strong>规模化、高效地实现IP商业化成为知名IP版权方的优选合作伙伴。</p>
<p><strong>未来战略:</strong>持续推进IP矩阵建设加强IP自研积极推进全球化。</p>
</div>
</div>
<div class="collapse collapse-arrow bg-base-200/50">
<input type="radio" name="data-accordion" />
<div class="collapse-title text-lg font-medium">二、IP矩阵与产品开发</div>
<div class="collapse-content text-sm">
<p><strong>自有IP</strong>《百变布鲁可》和《英雄无限》。《英雄无限》毛利率高达62%超过其他IP受益于《哪吒2》等热点联动潜力。</p>
<p><strong>授权IP</strong>与约50-70个知名IP合作包括日系奥特曼、宝可梦、美系变形金刚、漫威、国创王者荣耀等。</p>
<p><strong>研发与生产:</strong>平均上新周期6-7个月低于行业10-12个月拥有500+专利布局,构建产品壁垒。</p>
</div>
</div>
<div class="collapse collapse-arrow bg-base-200/50">
<input type="radio" name="data-accordion" />
<div class="collapse-title text-lg font-medium">三、营销与市场机遇</div>
<div class="collapse-content text-sm">
<p><strong>BFC (Bullock Fans Creation) 体系:</strong>已形成线上创作赛、线下速拼赛、全球作品展三大核心板块增强用户粘性BFC作品数量从300件增长到3万多件。</p>
<p><strong>市场前景:</strong>全球及中国拼搭角色类玩具市场是增速最快的细分市场预计2023-2028年中国市场CAGR达41.3%。</p>
<p><strong>风险提示:</strong>IP受欢迎程度降低风险、IP授权到期解约风险。</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Stock Table -->
<section class="my-12">
<h2 class="text-3xl font-bold text-center title-glow mb-8">产业链核心标的</h2>
<div class="overflow-x-auto glass-card p-4">
<table class="table table-glass w-full">
<thead>
<tr>
<th class="text-purple-300">产业链环节</th>
<th class="text-purple-300">公司名称</th>
<th class="text-purple-300">代码</th>
<th class="text-purple-300">关联原因</th>
<th class="text-purple-300">标签</th>
</tr>
</thead>
<tbody>
<!-- 上游 -->
<tr><td colspan="5" class="font-bold text-lg text-green-400 bg-black/20">上游 (IP版权方/代理商)</td></tr>
<tr><td>IP版权方</td><td>完美世界</td><td><a href="https://valuefrontier.cn/company?scode=002624" target="_blank" class="link link-hover">002624</a></td><td>在上游产业链中作为IP版权方</td><td><div class="badge badge-info badge-outline">IP版权方</div></td></tr>
<tr><td>IP版权方</td><td>网易</td><td><a href="https://valuefrontier.cn/company?scode=9999.HK" target="_blank" class="link link-hover">9999.HK</a></td><td>在上游产业链中作为IP版权方</td><td><div class="badge badge-info badge-outline">IP版权方</div></td></tr>
<tr><td>IP版权方</td><td>腾讯</td><td><a href="https://valuefrontier.cn/company?scode=0700.HK" target="_blank" class="link link-hover">0700.HK</a></td><td>在上游产业链中作为IP版权方</td><td><div class="badge badge-info badge-outline">IP版权方</div></td></tr>
<tr><td>IP代理商</td><td>羚邦集团</td><td><a href="https://valuefrontier.cn/company?scode=2230.HK" target="_blank" class="link link-hover">2230.HK</a></td><td>在上游产业链中作为IP授权代理商</td><td><div class="badge badge-accent badge-outline">IP代理商</div></td></tr>
<!-- 中游 -->
<tr><td colspan="5" class="font-bold text-lg text-blue-400 bg-black/20">中游 (产品设计与制造商)</td></tr>
<tr><td>产品方</td><td>布鲁可</td><td><a href="https://valuefrontier.cn/company?scode=0325.HK" target="_blank" class="link link-hover">0325.HK</a></td><td>概念核心公司,主要产品为拼搭玩具(积木)</td><td><div class="badge badge-primary">核心标的</div><div class="badge badge-secondary badge-outline">拼搭玩具</div></td></tr>
<tr><td>产品方</td><td>晨光股份</td><td><a href="https://valuefrontier.cn/company?scode=603899" target="_blank" class="link link-hover">603899</a></td><td>产品涉及谷子(奇只好玩)和盲盒公仔(九木杂物社)</td><td><div class="badge badge-secondary badge-outline">谷子</div><div class="badge badge-secondary badge-outline">盲盒公仔</div></td></tr>
<tr><td>产品方</td><td>实丰文化</td><td><a href="https://valuefrontier.cn/company?scode=002862" target="_blank" class="link link-hover">002862</a></td><td>产品涉及电子玩具是宝可梦IP的被授权方</td><td><div class="badge badge-secondary badge-outline">电子玩具</div></td></tr>
<!-- 下游 -->
<tr><td colspan="5" class="font-bold text-lg text-yellow-400 bg-black/20">下游 (销售渠道)</td></tr>
<tr><td>渠道方</td><td>永辉超市</td><td><a href="https://valuefrontier.cn/company?scode=601933" target="_blank" class="link link-hover">601933</a></td><td>在下游产业链中作为销售渠道</td><td><div class="badge badge-warning badge-outline">渠道</div></td></tr>
<tr><td>渠道方</td><td>爱婴室</td><td><a href="https://valuefrontier.cn/company?scode=603214" target="_blank" class="link link-hover">603214</a></td><td>在下游产业链中作为销售渠道</td><td><div class="badge badge-warning badge-outline">渠道</div></td></tr>
<!-- 全产业链 -->
<tr><td colspan="5" class="font-bold text-lg text-purple-400 bg-black/20">全产业链布局</td></tr>
<tr><td>全产业链</td><td>泡泡玛特</td><td><a href="https://valuefrontier.cn/company?scode=9992.HK" target="_blank" class="link link-hover">9992.HK</a></td><td>全产业链布局,产品覆盖谷子、手办、盲盒等多个品类</td><td><div class="badge badge-primary">全产业链</div><div class="badge badge-secondary badge-outline">盲盒</div></td></tr>
<tr><td>全产业链</td><td>奥飞娱乐</td><td><a href="https://valuefrontier.cn/company?scode=002292" target="_blank" class="link link-hover">002292</a></td><td>全产业链布局,产品涉及拼搭玩具和电子玩具</td><td><div class="badge badge-primary">全产业链</div><div class="badge badge-secondary badge-outline">拼搭玩具</div></td></tr>
<tr><td>全产业链</td><td>名创优品</td><td><a href="https://valuefrontier.cn/company?scode=9896.HK" target="_blank" class="link link-hover">9896.HK</a></td><td>全产业链布局是多个IP被授权方渠道驱动</td><td><div class="badge badge-primary">全产业链</div><div class="badge badge-warning badge-outline">渠道驱动</div></td></tr>
</tbody>
</table>
</div>
</section>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// IP Revenue Chart
const ipRevenueChart = echarts.init(document.getElementById('ip-revenue-chart'));
const ipRevenueOption = {
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c}%'
},
legend: {
top: 'bottom',
left: 'center',
textStyle: { color: '#e0e0e0' }
},
series: [
{
name: 'IP收入占比',
type: 'pie',
radius: ['40%', '70%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
borderColor: '#0c0a18',
borderWidth: 2
},
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: 20,
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
data: [
{ value: 48, name: '奥特曼' },
{ value: 20, name: '变形金刚' },
{ value: 16, name: '英雄无限' },
{ value: 7.6, name: '假面骑士' },
{ value: 8.4, name: '其他' }
],
color: ['#8b5cf6', '#3b82f6', '#10b981', '#f97316', '#ef4444']
}
],
backgroundColor: 'transparent'
};
ipRevenueChart.setOption(ipRevenueOption);
// Revenue Growth Chart
const revenueGrowthChart = echarts.init(document.getElementById('revenue-growth-chart'));
const revenueGrowthOption = {
tooltip: {
trigger: 'axis',
axisPointer: { type: 'shadow' }
},
grid: {
left: '3%', right: '4%', bottom: '3%', containLabel: true
},
xAxis: {
type: 'category',
data: ['2023 (估算)', '2024'],
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } },
axisLabel: { color: '#e0e0e0' }
},
yAxis: {
type: 'value',
name: '亿元',
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } },
axisLabel: { color: '#e0e0e0' },
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } }
},
series: [
{
name: '核心业务收入',
type: 'bar',
barWidth: '60%',
data: [
{ value: 7.69, itemStyle: { color: '#3b82f6' } },
{
value: 22,
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#c084fc' },
{ offset: 1, color: '#8b5cf6' }
])
}
}
],
label: {
show: true,
position: 'top',
formatter: '{c} 亿',
color: '#e0e0e0'
}
}
],
backgroundColor: 'transparent'
};
revenueGrowthChart.setOption(revenueGrowthOption);
window.addEventListener('resize', () => {
ipRevenueChart.resize();
revenueGrowthChart.resize();
});
});
</script>
</body>
</html>