Files
vf_react/public/htmls/影视IP.html
2025-12-05 13:29:18 +08:00

542 lines
33 KiB
HTML
Raw Permalink 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" data-theme="night">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>深度行研 | 影视IP概念分析</title>
<!-- Tailwind & DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.11.1/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<!-- Alpine.js -->
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<!-- ECharts -->
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;700&display=swap" rel="stylesheet">
<style>
:root {
--glow-color-1: #00c6ff;
--glow-color-2: #e01e84;
--glow-color-3: #7a3fff;
}
body {
font-family: 'Inter', sans-serif;
background-color: #020010;
color: #e0e0e0;
overflow-x: hidden;
}
.font-orbitron {
font-family: 'Orbitron', sans-serif;
}
.glass-card {
background: rgba(20, 18, 38, 0.4);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 24px;
transition: all 0.3s ease;
}
.glass-card:hover {
border-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 25px rgba(0, 198, 255, 0.2);
}
.glow-effect {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
overflow: hidden;
}
.glow-effect .glow-circle {
position: absolute;
border-radius: 50%;
filter: blur(150px);
opacity: 0.25;
}
.glow-1 {
width: 600px;
height: 600px;
background: var(--glow-color-1);
top: -20%;
left: -10%;
animation: moveGlow1 25s infinite alternate ease-in-out;
}
.glow-2 {
width: 500px;
height: 500px;
background: var(--glow-color-2);
bottom: -25%;
right: -15%;
animation: moveGlow2 30s infinite alternate ease-in-out;
}
.glow-3 {
width: 400px;
height: 400px;
background: var(--glow-color-3);
top: 20%;
right: 20%;
animation: moveGlow3 20s infinite alternate ease-in-out;
}
@keyframes moveGlow1 {
from { transform: translate(-10%, -20%) scale(1); }
to { transform: translate(10%, 20%) scale(1.2); }
}
@keyframes moveGlow2 {
from { transform: translate(15%, 25%) scale(1); }
to { transform: translate(-15%, -25%) scale(0.8); }
}
@keyframes moveGlow3 {
from { transform: translate(20%, 20%) scale(1); }
to { transform: translate(-20%, -20%) scale(1.3); }
}
.section-title {
font-size: 2.5rem;
font-weight: 700;
letter-spacing: -0.05em;
background: linear-gradient(90deg, #ffffff, #a7a7a7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 2rem;
position: relative;
padding-bottom: 1rem;
}
.section-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 80px;
height: 4px;
background: linear-gradient(90deg, var(--glow-color-1), var(--glow-color-3));
border-radius: 2px;
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: minmax(100px, auto);
}
/* Bento Grid Layout */
.bento-item {
padding: 2rem;
transition: transform 0.3s ease;
}
.bento-item:hover {
transform: translateY(-5px);
}
.bento-item-1 { grid-column: 1 / span 12; grid-row: 1; }
.bento-item-2 { grid-column: 1 / span 6; grid-row: 2; }
.bento-item-3 { grid-column: 7 / span 6; grid-row: 2; }
.bento-item-4 { grid-column: 1 / span 4; grid-row: 3; }
.bento-item-5 { grid-column: 5 / span 8; grid-row: 3; }
.bento-item-6 { grid-column: 1 / span 12; grid-row: 4; }
.bento-item-7 { grid-column: 1 / span 8; grid-row: 5; }
.bento-item-8 { grid-column: 9 / span 4; grid-row: 5; }
.accordion .collapse-title {
font-size: 1.25rem;
font-weight: 600;
}
.table thead th {
background-color: rgba(255, 255, 255, 0.05);
color: #fff;
font-weight: bold;
letter-spacing: 0.05em;
}
.table tbody tr {
border-color: rgba(255, 255, 255, 0.1);
transition: background-color 0.2s;
}
.table tbody tr:hover {
background-color: rgba(255, 255, 255, 0.1);
}
</style>
</head>
<body class="min-h-screen">
<div class="glow-effect">
<div class="glow-circle glow-1"></div>
<div class="glow-circle glow-2"></div>
<div class="glow-circle glow-3"></div>
</div>
<div class="container mx-auto p-4 md:p-8">
<!-- Header -->
<header class="text-center my-12">
<h1 class="font-orbitron text-5xl md:text-7xl font-bold tracking-widest text-white animate-pulse">影视IP</h1>
<p class="text-2xl text-gray-300 mt-4 tracking-wider">深度行研报告 [概念代码: 250213]</p>
</header>
<!-- Insight Section -->
<section id="insight" class="my-16">
<h2 class="section-title">概念洞察 (Insight)</h2>
<div class="bento-grid">
<!-- 核心观点 -->
<div class="bento-item bento-item-1 glass-card">
<h3 class="text-2xl font-bold mb-4 text-cyan-300">核心观点摘要</h3>
<p class="text-gray-300 leading-relaxed">影视IP概念正经历从“主题炒作”向“基本面驱动”的关键跃迁。其核心驱动力已演变为<span class="text-white font-semibold">“优质内容IP的价值重估”</span><span class="text-white font-semibold">“AI技术的生产力革命”</span>两大引擎的双重共振。当前市场正处在由《哪吒2》等现象级产品验证商业模式、AI技术逐步渗透生产流程的初期阶段未来潜力在于将庞大的存量IP资产通过技术手段高效转化为可持续的商业价值开启一个<span class="text-fuchsia-400 font-bold text-lg">超5000亿</span>规模的IP衍生消费蓝海市场。</p>
</div>
<!-- 核心驱动力 -->
<div class="bento-item bento-item-2 glass-card">
<h3 class="text-xl font-bold mb-3 text-cyan-300">核心驱动力</h3>
<ul class="space-y-3 list-disc list-inside text-gray-300">
<li><strong class="text-white">商业模式驱动:</strong> IP价值实现路径打通从一次性票房收入升级为贯穿“影视→游戏/衍生品→文旅”的全产业链价值增长。</li>
<li><strong class="text-white">技术突破驱动:</strong> AI文生视频技术成为盘活存量IP的关键变量能将动画制作周期从<span class="font-semibold text-amber-300">5年缩短至1-2年</span>极大加速IP系列化开发。</li>
</ul>
</div>
<!-- 市场与预期差 -->
<div class="bento-item bento-item-3 glass-card">
<h3 class="text-xl font-bold mb-3 text-cyan-300">市场热度与预期差</h3>
<ul class="space-y-3 list-disc list-inside text-gray-300">
<li><strong class="text-white">市场热度:</strong> 极高。券商密集召开专题会议,核心标的深度覆盖,光线传媒等股价表现强势。</li>
<li><strong class="text-white">预期差 1 (低估):</strong> 对“版权库”作为AI训练<span class="font-semibold text-amber-300">“高价值语料”</span>的价值可能被低估。</li>
<li><strong class="text-white">预期差 2 (高估):</strong> AI短期内对核心制作流程的替代能力可能被高估规模化降本增效尚需时日。</li>
</ul>
</div>
<!-- 催化剂与发展路径 -->
<div class="bento-item bento-item-4 glass-card">
<h3 class="text-xl font-bold mb-3 text-cyan-300">关键催化剂</h3>
<ul class="space-y-2 list-disc list-inside text-gray-300 text-sm">
<li>重磅IP影片票房及衍生品数据验证。</li>
<li>AI+IP合作成果如AI焕新短片落地。</li>
<li>相关公司财报中IP衍生业务持续高增长。</li>
<li>AI生成内容版权归属等政策明确化。</li>
</ul>
</div>
<!-- 《哪吒2》票房预测差异 -->
<div class="bento-item bento-item-5 glass-card">
<h3 class="text-xl font-bold mb-3 text-cyan-300">案例分析: 《哪吒2》票房预测差异</h3>
<div id="boxOfficeChart" style="width: 100%; height: 200px;"></div>
<p class="text-xs text-gray-400 mt-2">不同信息源对《哪吒2》票房预测存在巨大差异反映了市场情绪的高度不确定性与波动性是需要警惕的潜在风险点。</p>
</div>
<!-- 产业链图谱 -->
<div class="bento-item bento-item-6 glass-card">
<h3 class="text-2xl font-bold mb-4 text-cyan-300">产业链图谱与核心玩家</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div>
<h4 class="font-bold text-lg text-fuchsia-300 border-b border-fuchsia-300/50 pb-2 mb-2">上游IP源头/版权</h4>
<p class="text-sm text-gray-300">文学平台 (中文在线), 动漫制作 (奥飞娱乐), 历史版权库 (捷成股份, 华策影视, 上海电影)。</p>
</div>
<div>
<h4 class="font-bold text-lg text-sky-300 border-b border-sky-300/50 pb-2 mb-2">中游IP放大/影视化</h4>
<p class="text-sm text-gray-300">动画电影 (光线传媒), 真人电影 (万达电影), 电视剧 (华策影视, 柠萌影视)。</p>
</div>
<div>
<h4 class="font-bold text-lg text-emerald-300 border-b border-emerald-300/50 pb-2 mb-2">下游IP变现</h4>
<p class="text-sm text-gray-300">影院放映 (万达电影), 衍生品开发 (奥飞娱乐), 游戏授权, 实景文旅。</p>
</div>
</div>
<div id="sankeyChart" style="width: 100%; height: 350px; margin-top: 1rem;"></div>
</div>
<!-- 投资启示 -->
<div class="bento-item bento-item-7 glass-card">
<h3 class="text-2xl font-bold mb-4 text-cyan-300">综合结论与投资启示</h3>
<p class="mb-4 text-gray-300">影视IP概念已进入由基本面驱动的早期阶段IP衍生业务已贡献真实利润。AI技术的融入则为这一趋势提供了强大的长期增长期权。</p>
<h4 class="font-semibold text-lg text-white mb-2">最具投资价值的细分环节:</h4>
<ol class="list-decimal list-inside space-y-2 text-gray-300">
<li><strong class="text-amber-300">头部内容创作方:</strong> 拥有持续打造爆款IP能力的公司 (如 光线传媒)。</li>
<li><strong class="text-amber-300">“IP资产+AI技术”平台方:</strong> 拥有稀缺IP库并积极拥抱AI的公司 (如 上海电影)。</li>
<li><strong class="text-amber-300">版权数据服务方:</strong> 有望在AI时代作为“数据供应商”而价值重估的公司 (如 华策影视, 捷成股份)。</li>
</ol>
</div>
<!-- 潜在风险 -->
<div class="bento-item bento-item-8 glass-card">
<h3 class="text-xl font-bold mb-3 text-rose-400">潜在风险与挑战</h3>
<ul class="space-y-2 list-disc list-inside text-gray-300 text-sm">
<li><strong>技术风险:</strong> AI生成质量瓶颈IP侵权法律难题。</li>
<li><strong>商业化风险:</strong> 衍生品市场竞争激烈,转化链条长。</li>
<li><strong>政策风险:</strong> 内容审查常态化。</li>
<li><strong>信息交叉风险:</strong> 关键数据(如票房)预测差异大。</li>
</ul>
</div>
</div>
</section>
<!-- Data Sources Section -->
<section id="data-sources" class="my-16" x-data="{ activeAccordion: '' }">
<h2 class="section-title">核心数据源摘要</h2>
<div class="space-y-4">
<!-- News -->
<div class="collapse collapse-plus glass-card">
<input type="radio" name="my-accordion-3" @click="activeAccordion = 'news'" />
<div class="collapse-title text-xl font-medium">新闻数据精要</div>
<div class="collapse-content">
<ul class="list-disc pl-5 space-y-2 text-gray-300">
<li><strong>市场趋势:</strong> IP经济概念股走强光线传媒5天3板。产业链价值迎来重估中信证券预测长期可撬动超5000亿IP衍生消费。</li>
<li><strong>《哪吒2》表现:</strong> 票房预测高达142-150亿元衍生品销售火爆上映不足1个月销售额超3亿元打破纪录。</li>
<li><strong>国产IP策略:</strong> 需从内容创作、版权运营到多元开发协同发力,实现从“爆款到长红”。</li>
<li><strong>AI+IP融合:</strong> 成为核心投资方向,文生视频颠覆内容生产,上海电影、捷成股份等公司已积极布局。</li>
<li><strong>政策导向:</strong> 国家广电总局强调加强节目版权保护,鼓励精品动画创作。</li>
</ul>
</div>
</div>
<!-- Roadshows -->
<div class="collapse collapse-plus glass-card">
<input type="radio" name="my-accordion-3" @click="activeAccordion = 'roadshows'" />
<div class="collapse-title text-xl font-medium">路演纪要汇总</div>
<div class="collapse-content">
<ul class="list-disc pl-5 space-y-2 text-gray-300">
<li><strong>核心逻辑:</strong> 投资逻辑聚焦于“IP重估”和“AI技术变现”影视龙头凭借IP资产将率先修复估值。</li>
<li><strong>AI赋能:</strong> AI可加速IP内容生产如动画影视公司视频库华策、光线将成AI平台合作标的直接获益。</li>
<li><strong>核心公司IP:</strong>
<ul class="list-circle pl-5 mt-1 text-sm">
<li><strong>光线传媒:</strong> 动画龙头储备《哪吒》系列、《姜子牙2》。</li>
<li><strong>上海电影:</strong> 经典IP葫芦娃、黑猫警长数字化运营启动“IP星球计划”结合AI开发。</li>
<li><strong>万达电影:</strong> 重点IP为《唐探》系列预计2025年上映《唐探1900》。</li>
<li><strong>柠萌影视:</strong> 强IP运营代表作《三十而已》、《猎罪图鉴》系列化、海外翻拍。</li>
</ul>
</li>
<li><strong>IP衍生经济:</strong> 《哪吒2》授权产品丰富覆盖盲盒、手办、手机周边、乳制品等。“谷子经济”潜力巨大。</li>
</ul>
</div>
</div>
<!-- Research Reports -->
<div class="collapse collapse-plus glass-card">
<input type="radio" name="my-accordion-3" @click="activeAccordion = 'reports'"/>
<div class="collapse-title text-xl font-medium">研报观点提炼</div>
<div class="collapse-content">
<ul class="list-disc pl-5 space-y-2 text-gray-300">
<li><strong>上海电影 (601595.SH):</strong>
<ul class="list-circle pl-5 mt-1 text-sm">
<li><strong>定位:</strong> A股稀缺的“院线+影院+IP运营”全产业链公司“大IP开发”为核心战略。</li>
<li><strong>AI合作:</strong> 与字节跳动旗下即梦AI达成战略合作围绕经典IP焕新、AI内容生成展开。</li>
<li><strong>商业化目标:</strong> 2023年IP合作GMV超10亿元目标三年内达百亿。</li>
</ul>
</li>
<li><strong>阿里影业 (01060.HK):</strong>
<ul class="list-circle pl-5 mt-1 text-sm">
<li><strong>业绩表现:</strong> FY25 IP衍生业务收入14.33亿元同比大增73%。</li>
<li><strong>IP矩阵:</strong> 签约三丽鸥、宝可梦、环球影业等全球头部IP。</li>
</ul>
</li>
<li><strong>华策影视 (300133.SZ):</strong>
<ul class="list-circle pl-5 mt-1 text-sm">
<li><strong>核心资产:</strong> 拥有五万小时的影视版权内容成为AI时代高价值数据资产。</li>
<li><strong>技术布局:</strong> 自研“有风”大模型开发IP智能评估工具。</li>
</ul>
</li>
<li><strong>柠萌影视 (09857.HK):</strong>
<ul class="list-circle pl-5 mt-1 text-sm">
<li><strong>IP运营:</strong> 成功开发《三十而已》《猎罪图鉴》等系列IP并通过内容营销、海外翻拍、短剧衍生等方式最大化IP价值。</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Rise Analysis Section -->
<section id="rise-analysis" class="my-16">
<h2 class="section-title">相关个股异动分析</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<div class="glass-card p-6">
<div class="flex items-center justify-between mb-3">
<h3 class="text-xl font-bold text-white">日播时尚 (603196)</h3>
<span class="badge badge-success badge-lg font-bold">+10.01%</span>
</div>
<p class="text-sm text-gray-400 mb-4">日期: 2025-07-18</p>
<p class="text-gray-300"><strong>核心结论:</strong> 公告拟收购头部数字IP/影视版权平台,触发借壳重组预期,一字涨停。逻辑共振:<span class="text-cyan-300">借壳重组 + 数字IP + 影视版权</span>。小市值壳资源叠加政策窗口,获资金抢筹。</p>
</div>
<div class="glass-card p-6">
<div class="flex items-center justify-between mb-3">
<h3 class="text-xl font-bold text-white">捷成股份 (300182)</h3>
<span class="badge badge-success badge-lg font-bold">+5.95%</span>
</div>
<p class="text-sm text-gray-400 mb-4">日期: 2025-09-15</p>
<p class="text-gray-300"><strong>核心结论:</strong> 受益于影视板块整体上涨及行业复苏信号年度票房突破400亿。公司自身<span class="text-cyan-300">IP衍生品业务《浪浪山小妖怪》销售表现出色</span>,提供了新的增长预期,成为直接催化剂。</p>
</div>
<div class="glass-card p-6">
<div class="flex items-center justify-between mb-3">
<h3 class="text-xl font-bold text-white">吉视传媒 (601929)</h3>
<span class="badge badge-success badge-lg font-bold">+6.03%</span>
</div>
<p class="text-sm text-gray-400 mb-4">日期: 2025-09-09</p>
<p class="text-gray-300"><strong>核心结论:</strong> 核心驱动是<span class="text-cyan-300">国庆档影片定档带来的影视板块情绪催化</span>。公司大股东吉林广电为出品方之一,具备资源协同优势。叠加机构看好传媒行业景气度回升,共同推动股价上涨。</p>
</div>
<div class="glass-card p-6">
<div class="flex items-center justify-between mb-3">
<h3 class="text-xl font-bold text-white">果麦文化 (301052)</h3>
<span class="badge badge-success badge-lg font-bold">+9.89%</span>
</div>
<p class="text-sm text-gray-400 mb-4">日期: 2025-06-10</p>
<p class="text-gray-300"><strong>核心结论:</strong> 直接驱动为<span class="text-cyan-300">IP经济和短剧概念板块集体走强</span>。公司拥有IP资源与市场热点高度相关在短剧市场快速增长的背景下受到资金关注。</p>
</div>
</div>
</section>
<!-- Stock Table Section -->
<section id="stocks" class="my-16">
<h2 class="section-title">产业链核心标的</h2>
<div class="overflow-x-auto glass-card p-4">
<table class="table table-zebra w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>产业链环节</th>
</tr>
</thead>
<tbody>
<tr><td>光线传媒</td><td><a href='https://valuefrontier.cn/company?scode=300251' target='_blank' class='link link-hover text-cyan-300'>300251</a></td><td>电影-发行 / 动漫制作 / IP</td><td>中游 / IP</td></tr>
<tr><td>上海电影</td><td><a href='https://valuefrontier.cn/company?scode=601595' target='_blank' class='link link-hover text-cyan-300'>601595</a></td><td>电影-发行 / 院线 / 动漫制作 / IP</td><td>中下游 / IP</td></tr>
<tr><td>万达电影</td><td><a href='https://valuefrontier.cn/company?scode=002739' target='_blank' class='link link-hover text-cyan-300'>002739</a></td><td>电影-发行 / 院线 / 电视剧-发行</td><td>中下游</td></tr>
<tr><td>华策影视</td><td><a href='https://valuefrontier.cn/company?scode=300133' target='_blank' class='link link-hover text-cyan-300'>300133</a></td><td>电视剧-发行 / 经纪方</td><td>中游 / 上游</td></tr>
<tr><td>奥飞娱乐</td><td><a href='https://valuefrontier.cn/company?scode=002292' target='_blank' class='link link-hover text-cyan-300'>002292</a></td><td>动漫制作 / IP</td><td>上游 / IP</td></tr>
<tr><td>博纳影业</td><td><a href='https://valuefrontier.cn/company?scode=001330' target='_blank' class='link link-hover text-cyan-300'>001330</a></td><td>电影-发行 / 院线</td><td>中下游</td></tr>
<tr><td>中国电影</td><td><a href='https://valuefrontier.cn/company?scode=600977' target='_blank' class='link link-hover text-cyan-300'>600977</a></td><td>电影-发行 / 院线</td><td>中下游</td></tr>
<tr><td>横店影视</td><td><a href='https://valuefrontier.cn/company?scode=603103' target='_blank' class='link link-hover text-cyan-300'>603103</a></td><td>电影-发行 / 院线</td><td>下游</td></tr>
<tr><td>芒果超媒</td><td><a href='https://valuefrontier.cn/company?scode=300413' target='_blank' class='link link-hover text-cyan-300'>300413</a></td><td>电视剧-经纪方</td><td>中游</td></tr>
<tr><td>北京文化</td><td><a href='https://valuefrontier.cn/company?scode=000802' target='_blank' class='link link-hover text-cyan-300'>000802</a></td><td>电影-发行 / 电视剧-发行</td><td>中游</td></tr>
<tr><td>华谊兄弟</td><td><a href='https://valuefrontier.cn/company?scode=300027' target='_blank' class='link link-hover text-cyan-300'>300027</a></td><td>电影-发行 / 电视剧-发行 / 经纪方</td><td>中游</td></tr>
<tr><td>慈文传媒</td><td><a href='https://valuefrontier.cn/company?scode=002343' target='_blank' class='link link-hover text-cyan-300'>002343</a></td><td>电视剧-发行</td><td>中游</td></tr>
<tr><td>唐德影视</td><td>-</td><td>电视剧-发行</td><td>中游</td></tr>
<tr><td>欢瑞世纪</td><td><a href='https://valuefrontier.cn/company?scode=000892' target='_blank' class='link link-hover text-cyan-300'>000892</a></td><td>电视剧-经纪方 / 发行</td><td>中游</td></tr>
<tr><td>金逸影视</td><td><a href='https://valuefrontier.cn/company?scode=002905' target='_blank' class='link link-hover text-cyan-300'>002905</a></td><td>电影-院线</td><td>下游</td></tr>
<tr><td>幸福蓝海</td><td><a href='https://valuefrontier.cn/company?scode=300528' target='_blank' class='link link-hover text-cyan-300'>300528</a></td><td>电影-院线</td><td>下游</td></tr>
<tr><td>浙文影业</td><td><a href='https://valuefrontier.cn/company?scode=601599' target='_blank' class='link link-hover text-cyan-300'>601599</a></td><td>电视剧-发行</td><td>中游</td></tr>
<tr><td>百纳千成</td><td><a href='https://valuefrontier.cn/company?scode=300291' target='_blank' class='link link-hover text-cyan-300'>300291</a></td><td>电视剧-发行</td><td>中游</td></tr>
<tr><td>恒信东方</td><td><a href='https://valuefrontier.cn/company?scode=300081' target='_blank' class='link link-hover text-cyan-300'>300081</a></td><td>动漫制作</td><td>上游</td></tr>
<tr><td>祥源文旅</td><td><a href='https://valuefrontier.cn/company?scode=600576' target='_blank' class='link link-hover text-cyan-300'>600576</a></td><td>动漫制作</td><td>上游</td></tr>
<tr><td>游族网络</td><td><a href='https://valuefrontier.cn/company?scode=002174' target='_blank' class='link link-hover text-cyan-300'>002174</a></td><td>IP</td><td>下游 / IP</td></tr>
<tr><td>华星创业</td><td><a href='https://valuefrontier.cn/company?scode=300025' target='_blank' class='link link-hover text-cyan-300'>300025</a></td><td>IP</td><td>IP</td></tr>
<tr><td>大丰实业</td><td><a href='https://valuefrontier.cn/company?scode=603081' target='_blank' class='link link-hover text-cyan-300'>603081</a></td><td>IP</td><td>下游 / IP</td></tr>
</tbody>
</table>
</div>
</section>
<!-- Footer -->
<footer class="text-center text-xs text-gray-500 py-8">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Box Office Chart
var boxOfficeChart = echarts.init(document.getElementById('boxOfficeChart'));
var boxOfficeOption = {
backgroundColor: 'transparent',
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
grid: { left: '3%', right: '4%', bottom: '3%', top: '15%', containLabel: true },
xAxis: { type: 'value', boundaryGap: [0, 0.01], show: false },
yAxis: {
type: 'category',
data: ['路演预测', '新闻预测(猫眼)', '新闻预测(灯塔)'],
axisLine: { show: false },
axisTick: { show: false },
axisLabel: { color: '#e0e0e0' }
},
series: [{
name: '预测总票房(亿元)',
type: 'bar',
data: [72, 142.57, 145.28],
label: { show: true, position: 'right', formatter: '{c} 亿', color: '#fff' },
itemStyle: {
borderRadius: 5,
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#00c6ff' },
{ offset: 1, color: '#0072ff' }
])
},
emphasis: {
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#e01e84' },
{ offset: 1, color: '#7a3fff' }
])
}
}
}]
};
boxOfficeChart.setOption(boxOfficeOption);
// Sankey Chart
var sankeyChart = echarts.init(document.getElementById('sankeyChart'));
var sankeyOption = {
backgroundColor: 'transparent',
tooltip: { trigger: 'item', triggerOn: 'mousemove' },
series: [{
type: 'sankey',
layout: 'none',
emphasis: { focus: 'adjacency' },
nodeGap: 20,
data: [
{ name: 'IP源头(上游)', itemStyle: { color: '#d65eda' } },
{ name: 'IP放大(中游)', itemStyle: { color: '#3abef9' } },
{ name: 'IP变现(下游)', itemStyle: { color: '#34d399' } },
{ name: '文学/动漫', itemStyle: { color: '#f8a5c2' } },
{ name: '版权库', itemStyle: { color: '#f8a5c2' } },
{ name: '影视制作', itemStyle: { color: '#82e0ff' } },
{ name: '宣发', itemStyle: { color: '#82e0ff' } },
{ name: '衍生品开发', itemStyle: { color: '#9ef0c1' } },
{ name: '游戏授权', itemStyle: { color: '#9ef0c1' } },
{ name: '实景文旅', itemStyle: { color: '#9ef0c1' } }
],
links: [
{ source: '文学/动漫', target: 'IP源头(上游)', value: 4 },
{ source: '版权库', target: 'IP源头(上游)', value: 6 },
{ source: 'IP源头(上游)', target: 'IP放大(中游)', value: 10 },
{ source: 'IP放大(中游)', target: '影视制作', value: 7 },
{ source: 'IP放大(中游)', target: '宣发', value: 3 },
{ source: '影视制作', target: 'IP变现(下游)', value: 7 },
{ source: '宣发', target: 'IP变现(下游)', value: 3 },
{ source: 'IP变现(下游)', target: '衍生品开发', value: 4 },
{ source: 'IP变现(下游)', target: '游戏授权', value: 3.5 },
{ source: 'IP变现(下游)', target: '实景文旅', value: 2.5 }
],
label: { color: '#fff' },
lineStyle: { color: 'gradient', curveness: 0.5 }
}]
};
sankeyChart.setOption(sankeyOption);
window.addEventListener('resize', function() {
boxOfficeChart.resize();
sankeyChart.resize();
});
});
</script>
</body>
</html>