update pay ui
This commit is contained in:
@@ -1,563 +1,389 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<html lang="zh-CN" data-theme="night">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>周杰伦概念股 - 行业洞察报告</title>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800|Noto+Sans+SC:300,400,500,700&display=swap" rel="stylesheet" />
|
||||
|
||||
<!-- Font Awesome Icons -->
|
||||
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- Tailwind CSS -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||||
|
||||
<!-- DaisyUI -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- Custom CSS -->
|
||||
<style>
|
||||
:root {
|
||||
--primary: #4F46E5;
|
||||
--secondary: #8B5CF6;
|
||||
--accent: #EC4899;
|
||||
}
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>深度投研报告：周杰伦概念股</title>
|
||||
|
||||
body {
|
||||
font-family: 'Inter', 'Noto Sans SC', sans-serif;
|
||||
background: linear-gradient(135deg, #1e3a8a 0%, #7e22ce 100%);
|
||||
min-height: 100vh;
|
||||
}
|
||||
<!-- Tailwind CSS & DaisyUI -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
|
||||
.glass-effect {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
backdrop-filter: blur(10px);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.card-custom {
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
border-radius: 1rem;
|
||||
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
|
||||
.gradient-text {
|
||||
background: linear-gradient(90deg, #4F46E5, #8B5CF6, #EC4899);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
}
|
||||
|
||||
.timeline-dot {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 50%;
|
||||
background-color: #8B5CF6;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.timeline-line {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
left: 8px;
|
||||
width: 2px;
|
||||
height: calc(100% - 16px);
|
||||
background-color: #E5E7EB;
|
||||
}
|
||||
|
||||
.table-container {
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.table-container {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
}
|
||||
|
||||
.badge-custom {
|
||||
display: inline-block;
|
||||
padding: 0.25rem 0.75rem;
|
||||
border-radius: 9999px;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.badge-primary {
|
||||
background-color: #EEF2FF;
|
||||
color: #4F46E5;
|
||||
}
|
||||
|
||||
.badge-secondary {
|
||||
background-color: #F3E8FF;
|
||||
color: #8B5CF6;
|
||||
}
|
||||
|
||||
.badge-accent {
|
||||
background-color: #FDF2F8;
|
||||
color: #EC4899;
|
||||
}
|
||||
</style>
|
||||
<!-- 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>
|
||||
body {
|
||||
font-family: 'Inter', sans-serif;
|
||||
background-color: #020617;
|
||||
background-image:
|
||||
radial-gradient(circle at 15% 15%, rgba(14, 165, 233, 0.2) 0%, transparent 40%),
|
||||
radial-gradient(circle at 85% 75%, rgba(192, 132, 252, 0.15) 0%, transparent 40%),
|
||||
radial-gradient(circle at 50% 50%, rgba(56, 189, 248, 0.1) 0%, transparent 30%);
|
||||
color: #e2e8f0;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.fui-title {
|
||||
font-family: 'Orbitron', sans-serif;
|
||||
text-shadow: 0 0 8px rgba(56, 189, 248, 0.7);
|
||||
}
|
||||
.glass-card {
|
||||
background: rgba(15, 23, 42, 0.6);
|
||||
backdrop-filter: blur(20px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
border: 1px solid rgba(56, 189, 248, 0.2);
|
||||
border-radius: 1.5rem; /* 24px */
|
||||
transition: all 0.3s ease-in-out;
|
||||
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
|
||||
}
|
||||
.glass-card:hover {
|
||||
border-color: rgba(56, 189, 248, 0.5);
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 0 20px rgba(56, 189, 248, 0.3);
|
||||
}
|
||||
.bento-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(12, 1fr);
|
||||
gap: 1.5rem;
|
||||
}
|
||||
.bento-item {
|
||||
grid-column: span 12;
|
||||
}
|
||||
@media (min-width: 1024px) {
|
||||
.bento-item-span-4 { grid-column: span 4; }
|
||||
.bento-item-span-6 { grid-column: span 6; }
|
||||
.bento-item-span-8 { grid-column: span 8; }
|
||||
.bento-item-span-12 { grid-column: span 12; }
|
||||
}
|
||||
.highlight-text {
|
||||
color: #67e8f9; /* cyan-300 */
|
||||
}
|
||||
.quote {
|
||||
border-left: 4px solid #38bdf8; /* sky-500 */
|
||||
padding-left: 1rem;
|
||||
margin: 1rem 0;
|
||||
color: #94a3b8; /* slate-400 */
|
||||
font-style: italic;
|
||||
}
|
||||
.table th, .table td {
|
||||
border-color: rgba(56, 189, 248, 0.2);
|
||||
}
|
||||
.table th {
|
||||
color: #e2e8f0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="p-4 md:p-8">
|
||||
<div class="max-w-7xl mx-auto">
|
||||
<!-- 标题部分 -->
|
||||
<div class="text-center mb-10">
|
||||
<h1 class="text-4xl md:text-5xl font-bold text-white mb-4">周杰伦概念股</h1>
|
||||
<p class="text-xl text-indigo-200 max-w-3xl mx-auto">IP流量变现向虚实融合商业化过渡的行业洞察</p>
|
||||
</div>
|
||||
|
||||
<!-- 核心观点摘要 -->
|
||||
<div class="card-custom p-6 mb-8">
|
||||
<div class="flex items-center mb-4">
|
||||
<div class="w-10 h-10 rounded-full bg-indigo-100 flex items-center justify-center mr-3">
|
||||
<i class="fas fa-lightbulb text-indigo-600"></i>
|
||||
</div>
|
||||
<h2 class="text-2xl font-bold gradient-text">核心观点摘要</h2>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div class="bg-indigo-50 p-4 rounded-lg">
|
||||
<h3 class="font-semibold text-indigo-800 mb-2">阶段判断</h3>
|
||||
<p class="text-gray-700">当前处于"IP流量变现"主题炒作向"虚实融合商业化"过渡的早期阶段，核心驱动力是周杰伦IP的跨平台流量裂变能力，而非传统业绩支撑。</p>
|
||||
</div>
|
||||
<div class="bg-purple-50 p-4 rounded-lg">
|
||||
<h3 class="font-semibold text-purple-800 mb-2">潜力评估</h3>
|
||||
<p class="text-gray-700">短期看抖音等新媒体流量催化，长期需验证虚拟人、元宇宙演唱会等AI+IP场景的货币化效率。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 概念事件时间轴 -->
|
||||
<div class="card-custom p-6 mb-8">
|
||||
<div class="flex items-center mb-6">
|
||||
<div class="w-10 h-10 rounded-full bg-purple-100 flex items-center justify-center mr-3">
|
||||
<i class="fas fa-history text-purple-600"></i>
|
||||
</div>
|
||||
<h2 class="text-2xl font-bold gradient-text">概念事件时间轴</h2>
|
||||
</div>
|
||||
<div class="relative">
|
||||
<div class="timeline-line"></div>
|
||||
<div class="space-y-8">
|
||||
<div class="flex">
|
||||
<div class="timeline-dot mt-1.5"></div>
|
||||
<div class="ml-6">
|
||||
<div class="badge-custom badge-primary mb-2">2023年7月</div>
|
||||
<h3 class="font-bold text-lg mb-1">巨星传奇上市</h3>
|
||||
<p class="text-gray-700">巨星传奇（HK06683）上市，发行价4.25港元，定位为"周杰伦IP+新零售"双轮驱动公司，周杰伦母亲叶惠美为股东之一。</p>
|
||||
<body class="min-h-screen p-4 sm:p-8" x-data="{ loaded: false }" x-init="setTimeout(() => loaded = true, 200)">
|
||||
<div class="max-w-7xl mx-auto space-y-6">
|
||||
|
||||
<!-- Header -->
|
||||
<header x-show="loaded" x-transition:enter="transition ease-out duration-500" x-transition:enter-start="opacity-0 translate-y-4" x-transition:enter-end="opacity-100 translate-y-0" class="text-center p-6 border-b border-sky-500/20">
|
||||
<h1 class="fui-title text-4xl sm:text-5xl font-bold text-sky-300">深度投研报告：周杰伦概念股</h1>
|
||||
<p class="mt-4 text-slate-400">北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现</p>
|
||||
</header>
|
||||
|
||||
<main class="bento-grid">
|
||||
<!-- 0. Concept Overview -->
|
||||
<div class="bento-item bento-item-span-12 glass-card p-6" x-show="loaded" x-transition:enter="transition ease-out duration-500 delay-100" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100">
|
||||
<h2 class="fui-title text-2xl text-sky-400 mb-4">0. 概念事件与核心观点</h2>
|
||||
<p class="text-slate-300 leading-relaxed">
|
||||
“周杰伦概念股”是一个以亚洲顶级艺人周杰伦的商业价值和个人IP为核心，辐射相关上市公司而形成的市场主题。该概念并非由单一技术或政策驱动，而是由周杰伦本人的商业活动、IP运营、媒体曝光度及资本运作等多重因素交织而成。其本质是 <strong class="highlight-text">顶级个人IP的资本化和商业化延伸</strong>，目前处于由 <strong class="highlight-text">事件驱动向基本面验证过渡</strong> 的早期阶段。
|
||||
</p>
|
||||
<div class="mt-4 p-4 border border-slate-700 rounded-xl bg-slate-900/50">
|
||||
<h3 class="font-semibold text-lg text-slate-200 mb-2">核心观点摘要</h3>
|
||||
<p class="text-slate-300">
|
||||
核心驱动力在于周杰伦无与伦比的流量价值（五大音乐平台粉丝超 <strong class="highlight-text">9,000万</strong>）及其运营主体（巨星传奇）的多元化变现能力。未来潜力取决于“周同学”IP能否成功独立行走，以及AI、元宇宙等前沿技术能否为其商业版图开辟新的增量空间。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<div class="timeline-dot mt-1.5"></div>
|
||||
<div class="ml-6">
|
||||
<div class="badge-custom badge-secondary mb-2">2024年7月</div>
|
||||
<h3 class="font-bold text-lg mb-1">抖音账号开通</h3>
|
||||
<p class="text-gray-700">周杰伦抖音账号"周同学"开通，3小时粉丝破300万，带动巨星传奇股价单日涨超150%（7月9日）。</p>
|
||||
|
||||
<!-- 1. Core Logic & Market Perception -->
|
||||
<div class="bento-item bento-item-span-8 glass-card p-6" x-show="loaded" x-transition:enter="transition ease-out duration-500 delay-200" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100">
|
||||
<h2 class="fui-title text-2xl text-sky-400 mb-4">1. 核心逻辑与市场认知</h2>
|
||||
<div class="space-y-4 text-slate-300">
|
||||
<div>
|
||||
<h3 class="font-semibold text-lg text-slate-200">核心驱动力：顶级IP流量的系统化变现</h3>
|
||||
<p>该概念的根本逻辑是构建一个以周杰伦顶级IP为流量入口，通过 <strong class="highlight-text">“内容 → 场景 → 产品”</strong> 的闭环路径进行系统化商业变现。核心资产是巨星传奇与杰威尔音乐签署的 <strong class="highlight-text">10年专属IP授权</strong>，为长期运营提供了法律保障。</p>
|
||||
<blockquote class="quote">
|
||||
<strong>[路演数据]</strong> 巨星传奇核心打法：以头部明星 IP 流量为入口，通过综艺、演唱会、直播、快闪、机器人商店等多元场景变现，并反向赋能自有品牌销售。
|
||||
</blockquote>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="font-semibold text-lg text-slate-200">市场热度与情绪：极高热度，情绪两极分化</h3>
|
||||
<p>市场对该概念呈现出典型的 <strong class="highlight-text">事件驱动型热度</strong>。主流券商研究机构对此概念几乎无覆盖，表明其尚未进入机构投资者的常规研究框架。市场情绪两极分化：短线交易者对其流量效应极为乐观，而价值投资者对其稳定性持谨慎态度，尤其是鉴于其核心股 <strong class="text-red-400">巨星传奇曾于2024年9月11日单日暴跌73%</strong> 的历史。</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="font-semibold text-lg text-slate-200">预期差分析：市场认知与公司战略的错位</h3>
|
||||
<p>市场普遍认知仍停留在周杰伦本人带来的直接收入，而公司实际战略核心是 <strong class="highlight-text">“周同学”IP的独立孵化与运营</strong>。市场可能严重低估了巨星传奇在技术应用上的布局，如路演中提到的“AI语音生成”、“3D数字人”及“元宇宙演唱会”，这是当前市场认知最大的盲区。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<div class="timeline-dot mt-1.5"></div>
|
||||
<div class="ml-6">
|
||||
<div class="badge-custom badge-accent mb-2">2024年9月</div>
|
||||
<h3 class="font-bold text-lg mb-1">股价暴跌</h3>
|
||||
<p class="text-gray-700">巨星传奇股价暴跌73%跌破IPO价，公司归因于"早期股东获利了结+恒指压力"，但无实质利空。</p>
|
||||
|
||||
<!-- 2. Stock Volatility Chart -->
|
||||
<div class="bento-item bento-item-span-4 glass-card p-6" x-show="loaded" x-transition:enter="transition ease-out duration-500 delay-300" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100">
|
||||
<h2 class="fui-title text-2xl text-sky-400 mb-4">巨星传奇股价波动示意</h2>
|
||||
<div id="volatility-chart" class="w-full h-80"></div>
|
||||
<p class="text-xs text-center text-slate-500 mt-2">数据源自新闻，模拟股价走势以说明波动性</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<div class="timeline-dot mt-1.5"></div>
|
||||
<div class="ml-6">
|
||||
<div class="badge-custom badge-primary mb-2">2025年7月</div>
|
||||
<h3 class="font-bold text-lg mb-1">抖音视频发布</h3>
|
||||
<p class="text-gray-700">周杰伦发布首条抖音视频（AI生成回忆杀），粉丝数达1255万，巨星传奇再涨60%（7月11日）。</p>
|
||||
|
||||
<!-- 3. Key Catalysts & Future Path -->
|
||||
<div class="bento-item bento-item-span-6 glass-card p-6" x-show="loaded" x-transition:enter="transition ease-out duration-500 delay-400" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100">
|
||||
<h2 class="fui-title text-2xl text-sky-400 mb-4">2. 关键催化剂与未来路径</h2>
|
||||
<div class="space-y-4">
|
||||
<div>
|
||||
<h3 class="font-semibold text-lg text-slate-200">近期催化剂 (未来3-6个月)</h3>
|
||||
<ul class="list-disc list-inside text-slate-300 space-y-2">
|
||||
<li><strong class="highlight-text">上海旅游节“寻找周同学”活动:</strong> 检验“周同学”IP线下引流和商业化能力的关键试金石。</li>
|
||||
<li><strong class="highlight-text">综艺《周游记3》上线:</strong> IP内容的核心载体，重要的业绩观察窗口。</li>
|
||||
<li><strong class="highlight-text">周同学主题自动贩卖机/快闪店落地:</strong> 从线上IP走向线下实体零售渠道的关键一步。</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="font-semibold text-lg text-slate-200">长期发展路径</h3>
|
||||
<ul class="list-disc list-inside text-slate-300 space-y-2">
|
||||
<li><strong>IP独立化:</strong> 推动“周同学”与更多品牌联名，降低对周杰伦本人的依赖。</li>
|
||||
<li><strong>技术商业化:</strong> 实现“周杰伦3D数字人直播及元宇宙演唱会”，目标 <strong class="highlight-text">12-24个月内</strong> 落地。</li>
|
||||
<li><strong>平台化:</strong> 复制方法论，孵化更多明星IP，成为综合性IP运营平台。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<div class="timeline-dot mt-1.5"></div>
|
||||
<div class="ml-6">
|
||||
<div class="badge-custom badge-secondary mb-2">长期绑定</div>
|
||||
<h3 class="font-bold text-lg mb-1">IP授权协议</h3>
|
||||
<p class="text-gray-700">与杰威尔音乐签订10年IP授权协议（可续期），覆盖综艺（《周游记》）、虚拟人（3D数字人"周同学"）、演唱会（2024嘉年华巡演投资权）。</p>
|
||||
|
||||
<!-- 4. Industry Chain & Company Analysis -->
|
||||
<div class="bento-item bento-item-span-6 glass-card p-6" x-show="loaded" x-transition:enter="transition ease-out duration-500 delay-500" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100">
|
||||
<h2 class="fui-title text-2xl text-sky-400 mb-4">3. 产业链与核心公司剖析</h2>
|
||||
<div class="space-y-4 text-slate-300">
|
||||
<p>产业链围绕周杰伦IP展开，上游为IP源头，中游为核心运营商巨星传奇及授权方，下游为各类渠道与终端。</p>
|
||||
<ul class="space-y-3">
|
||||
<li>
|
||||
<strong class="text-slate-100 block">巨星传奇 (港股):</strong> <span class="badge badge-primary badge-outline">领导者</span>
|
||||
<p class="text-sm text-slate-400">逻辑最纯粹，业务与IP深度绑定。风险是极高的单一IP依赖性，但想象空间巨大（科技转型）。</p>
|
||||
</li>
|
||||
<li>
|
||||
<strong class="text-slate-100 block">周大生 (002867):</strong> <span class="badge badge-secondary badge-outline">合作者</span>
|
||||
<p class="text-sm text-slate-400">典型的IP授权合作方，联名是其产品年轻化战略的一部分，风险低但业绩弹性小。</p>
|
||||
</li>
|
||||
<li>
|
||||
<strong class="text-slate-100 block">美邦服饰 (002269):</strong> <span class="badge badge-accent badge-outline">怀旧玩家</span>
|
||||
<p class="text-sm text-slate-400">关联停留在历史代言，上涨为短期情绪炒作，周杰伦仅是“点火器”。</p>
|
||||
</li>
|
||||
<li>
|
||||
<strong class="text-slate-100 block">锋尚文化 (300860):</strong> <span class="badge badge-info badge-outline">潜在切入者</span>
|
||||
<p class="text-sm text-slate-400">公告称“积极对接数实融合业务”，有参与IP科技化改造的意图，但尚无实质项目落地。</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 5. Potential Risks -->
|
||||
<div class="bento-item bento-item-span-12 glass-card p-6" x-show="loaded" x-transition:enter="transition ease-out duration-500 delay-600" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100">
|
||||
<h2 class="fui-title text-2xl text-red-400 mb-4">4. 潜在风险与挑战</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-slate-300">
|
||||
<div class="p-4 border border-red-500/30 rounded-lg bg-red-900/20">
|
||||
<h3 class="font-semibold text-lg text-red-300">单一IP依赖风险 (最核心)</h3>
|
||||
<p class="text-sm">所有商业模式建立在周杰伦个人品牌之上。任何个人负面事件或其商业价值自然衰减，都将对核心公司造成毁灭性打击。</p>
|
||||
</div>
|
||||
<div class="p-4 border border-amber-500/30 rounded-lg bg-amber-900/20">
|
||||
<h3 class="font-semibold text-lg text-amber-300">信息交叉验证风险</h3>
|
||||
<p class="text-sm">路演描绘的宏大战略与股价无故暴跌73%的市场表现存在巨大鸿沟，表明公司价值未被市场理解或基本面尚不稳固。</p>
|
||||
</div>
|
||||
<div class="p-4 border border-yellow-500/30 rounded-lg bg-yellow-900/20">
|
||||
<h3 class="font-semibold text-lg text-yellow-300">技术落地不确定性</h3>
|
||||
<p class="text-sm">元宇宙演唱会、3D数字人等技术投入巨大且商业化路径不明，若12-24个月内无实质进展，可能被市场视为“画饼”。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 6. Stock Data Table -->
|
||||
<div class="bento-item bento-item-span-12 glass-card p-6" x-show="loaded" x-transition:enter="transition ease-out duration-500 delay-700" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100">
|
||||
<h2 class="fui-title text-2xl text-sky-400 mb-4">5. 概念股列表及关联分析</h2>
|
||||
|
||||
<h3 class="font-semibold text-xl text-slate-200 mb-3 mt-6">核心及关联公司</h3>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table w-full text-sm">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>股票名称</th>
|
||||
<th>股票代码</th>
|
||||
<th>关联原因</th>
|
||||
<th>其他标签</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>巨星传奇(港)</td>
|
||||
<td>-</td>
|
||||
<td>由周杰伦及其“亲友团”助力成立，自2017年开始参与策划周杰伦世界巡回演唱会。是概念最核心标的。</td>
|
||||
<td><span class="text-red-400">标红个股</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>爱玛科技</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=603529" target="_blank" class="link link-hover text-sky-400">603529</a></td>
|
||||
<td>2009年起签约周杰伦为代言人，合作持续至2025年。</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>志邦家居</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=603801" target="_blank" class="link link-hover text-sky-400">603801</a></td>
|
||||
<td>2019年签约周杰伦为品牌代言人。</td>
|
||||
<td><span class="text-red-400">标红个股</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>锋尚文化</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=300860" target="_blank" class="link link-hover text-sky-400">300860</a></td>
|
||||
<td>公司宣布积极对接周杰伦数实融合的相关业务和产品。</td>
|
||||
<td><span class="text-red-400">标红个股</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>海澜之家</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=600398" target="_blank" class="link link-hover text-sky-400">600398</a></td>
|
||||
<td>2020年签约周杰伦为品牌代言人。</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>共达电声</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=002655" target="_blank" class="link link-hover text-sky-400">002655</a></td>
|
||||
<td>万魔耳机曾是其间接控股股东，2016年周杰伦以股东身份加盟万魔耳机。</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>周大生</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=002867" target="_blank" class="link link-hover text-sky-400">002867</a></td>
|
||||
<td>近期与周杰伦二次元形象“周同学”联名，推出多样化产品。</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>洲明科技</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=300232" target="_blank" class="link link-hover text-sky-400">300232</a></td>
|
||||
<td>为周杰伦2024年嘉年华巡演悉尼站提供LED屏幕。</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h3 class="font-semibold text-xl text-slate-200 mb-3 mt-8">事件驱动涨幅分析补充</h3>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table w-full text-sm">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>股票名称</th>
|
||||
<th>股票代码</th>
|
||||
<th>异动日期</th>
|
||||
<th>涨幅</th>
|
||||
<th>原因分析摘要</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>美邦服饰</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=002269" target="_blank" class="link link-hover text-sky-400">002269</a></td>
|
||||
<td>2025-07-09</td>
|
||||
<td>10.0%</td>
|
||||
<td class="whitespace-normal">周杰伦抖音入驻引爆“怀旧流量”，叠加公司直播电商与IP焕新战略，形成流量-题材共振。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>浩洋股份</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=300833" target="_blank" class="link link-hover text-sky-400">300833</a></td>
|
||||
<td>2025-07-09</td>
|
||||
<td>5.81%</td>
|
||||
<td class="whitespace-normal">市场预期其演艺设备业务可能用于周杰伦演唱会，受“周同学”抖音事件驱动的短期炒作。</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="text-center py-6 mt-6 border-t border-sky-500/20">
|
||||
<p class="text-xs text-slate-500">本报告由AI合成，所有数据和分析仅供参考，不构成任何投资建议，投资需谨慎。</p>
|
||||
<p class="text-xs text-slate-600 mt-1">© 2024 北京价值前沿科技有限公司. All Rights Reserved.</p>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 关键催化剂 -->
|
||||
<div class="card-custom p-6 mb-8">
|
||||
<div class="flex items-center mb-6">
|
||||
<div class="w-10 h-10 rounded-full bg-pink-100 flex items-center justify-center mr-3">
|
||||
<i class="fas fa-rocket text-pink-600"></i>
|
||||
</div>
|
||||
<h2 class="text-2xl font-bold gradient-text">关键催化剂</h2>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div class="bg-gradient-to-br from-indigo-50 to-purple-50 p-5 rounded-xl">
|
||||
<h3 class="font-bold text-lg text-indigo-800 mb-3 flex items-center">
|
||||
<i class="fas fa-calendar-alt mr-2"></i>近期催化剂（3-6个月）
|
||||
</h3>
|
||||
<ul class="space-y-3">
|
||||
<li class="flex">
|
||||
<span class="text-indigo-600 mr-2">•</span>
|
||||
<div>
|
||||
<span class="font-semibold">《周游记3》上线</span>
|
||||
<span class="text-gray-600 text-sm block">（2024Q4）：预计覆盖希腊、意大利等海外场景，广告招商已超亿元级（路演数据）。</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex">
|
||||
<span class="text-indigo-600 mr-2">•</span>
|
||||
<div>
|
||||
<span class="font-semibold">元宇宙演唱会落地</span>
|
||||
<span class="text-gray-600 text-sm block">与数字王国合作的虚拟周杰伦演唱会计划12-24个月内推出，参考英国"阿法BBA乐队"案例，单场收入或达千万级港元。</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-gradient-to-br from-purple-50 to-pink-50 p-5 rounded-xl">
|
||||
<h3 class="font-bold text-lg text-purple-800 mb-3 flex items-center">
|
||||
<i class="fas fa-road mr-2"></i>长期路径
|
||||
</h3>
|
||||
<ul class="space-y-3">
|
||||
<li class="flex">
|
||||
<span class="text-purple-600 mr-2">•</span>
|
||||
<div>
|
||||
<span class="font-semibold">2025-2027年</span>
|
||||
<span class="text-gray-600 text-sm block">从"IP授权"升级为"IP生态运营商"，目标构建类似迪士尼的虚实融合娱乐闭环（虚拟人+线下快闪+文旅联动）。</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex">
|
||||
<span class="text-purple-600 mr-2">•</span>
|
||||
<div>
|
||||
<span class="font-semibold">风险里程碑</span>
|
||||
<span class="text-gray-600 text-sm block">若周杰伦IP续约失败或虚拟人技术商业化不及预期，估值可能回归传统零售公司（当前PS约8倍，高于消费品均值5倍）。</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 关联股票数据 -->
|
||||
<div class="card-custom p-6 mb-8">
|
||||
<div class="flex items-center mb-6">
|
||||
<div class="w-10 h-10 rounded-full bg-green-100 flex items-center justify-center mr-3">
|
||||
<i class="fas fa-chart-line text-green-600"></i>
|
||||
</div>
|
||||
<h2 class="text-2xl font-bold gradient-text">关联股票数据</h2>
|
||||
</div>
|
||||
<div class="table-container">
|
||||
<table class="min-w-full divide-y divide-gray-200">
|
||||
<thead class="bg-gray-50">
|
||||
<tr>
|
||||
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">股票名称</th>
|
||||
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">关联属性</th>
|
||||
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">属性值</th>
|
||||
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">合作原因</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="bg-white divide-y divide-gray-200">
|
||||
<tr>
|
||||
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">爱玛科技</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">代言人</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">周杰伦</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-500">2009年起签约周杰伦为代言人，2020年续签至第12年，合作持续至2025年</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">志邦家居</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">品牌代言</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">周杰伦</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-500">官网显示2019年签约周杰伦为品牌代言人</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">锋尚文化</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">业务合作</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">周杰伦数实融合业务</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-500">公司宣布积极对接周杰伦相关业务和产品，打造智能化文化生态</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">海澜之家</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">品牌代言</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">周杰伦</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-500">2020年签约周杰伦为品牌代言人，推动线上销售策略调整</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">巨星传奇（港）</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">公司背景</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">周杰伦及亲友团助力成立</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-500">由周杰伦及其亲友团助力成立，自2017年参与策划周杰伦演唱会</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">共达电声</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">股东身份</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">周杰伦加盟</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-500">万魔耳机是共达电声间接控股股东，2016年周杰伦以股东身份加盟万魔耳机</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">周大生</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">联名产品</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">限定款情侣串珠、足金唱片金饰</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-500">近期与周杰伦二次元形象联名推出多样化产品</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">洲明科技</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">演唱会合作</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">周杰伦嘉年华巡演</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-500">2024年3月2日为周杰伦悉尼户外体育场演唱会提供ROE CB MKII系列设备</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 产业链与核心公司 -->
|
||||
<div class="card-custom p-6 mb-8">
|
||||
<div class="flex items-center mb-6">
|
||||
<div class="w-10 h-10 rounded-full bg-yellow-100 flex items-center justify-center mr-3">
|
||||
<i class="fas fa-project-diagram text-yellow-600"></i>
|
||||
</div>
|
||||
<h2 class="text-2xl font-bold gradient-text">产业链与核心公司</h2>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-6">
|
||||
<div class="bg-gradient-to-br from-blue-50 to-indigo-50 p-5 rounded-xl">
|
||||
<h3 class="font-bold text-lg text-blue-800 mb-3 flex items-center">
|
||||
<i class="fas fa-arrow-up mr-2"></i>上游
|
||||
</h3>
|
||||
<ul class="space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-microchip text-blue-600 mt-1 mr-2"></i>
|
||||
<span class="text-gray-700">AI技术（数字王国提供3D建模）</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-server text-blue-600 mt-1 mr-2"></i>
|
||||
<span class="text-gray-700">虚拟人算力（英伟达GPU）</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-gradient-to-br from-purple-50 to-pink-50 p-5 rounded-xl">
|
||||
<h3 class="font-bold text-lg text-purple-800 mb-3 flex items-center">
|
||||
<i class="fas fa-exchange-alt mr-2"></i>中游
|
||||
</h3>
|
||||
<ul class="space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-crown text-purple-600 mt-1 mr-2"></i>
|
||||
<span class="text-gray-700">IP运营（巨星传奇独占周杰伦IP）</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-film text-purple-600 mt-1 mr-2"></i>
|
||||
<span class="text-gray-700">内容制作（《周游记》综艺）</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-gradient-to-br from-green-50 to-teal-50 p-5 rounded-xl">
|
||||
<h3 class="font-bold text-lg text-green-800 mb-3 flex items-center">
|
||||
<i class="fas fa-arrow-down mr-2"></i>下游
|
||||
</h3>
|
||||
<ul class="space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-shopping-bag text-green-600 mt-1 mr-2"></i>
|
||||
<span class="text-gray-700">虚拟商品（魔胴咖啡、周同学联名手办）</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-music text-green-600 mt-1 mr-2"></i>
|
||||
<span class="text-gray-700">场景变现（演唱会投资权、文旅打卡）</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="font-bold text-lg text-gray-800 mb-4">核心玩家对比</h3>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="min-w-full divide-y divide-gray-200">
|
||||
<thead class="bg-gray-50">
|
||||
<tr>
|
||||
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">公司</th>
|
||||
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">关联逻辑</th>
|
||||
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">竞争优势</th>
|
||||
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">风险点</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="bg-white divide-y divide-gray-200">
|
||||
<tr>
|
||||
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">巨星传奇</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-500">周杰伦IP全球独家商业化权</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-500">10年IP协议+AI虚拟人技术储备</td>
|
||||
<td class="px-6 py-4 text-sm text-red-600 font-medium">IP依赖度100%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">锋尚文化</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-500">周杰伦虚拟演唱会技术合作方</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-500">亚运会裸眼3D技术背书</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-500">订单集中于大型活动，周期性明显</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">周大生</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-500">联名"周同学"黄金饰品</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-500">珠宝渠道+粉丝经济</td>
|
||||
<td class="px-6 py-4 text-sm text-gray-500">联名款销量未披露，可持续性存疑</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 潜在风险与挑战 -->
|
||||
<div class="card-custom p-6 mb-8">
|
||||
<div class="flex items-center mb-6">
|
||||
<div class="w-10 h-10 rounded-full bg-red-100 flex items-center justify-center mr-3">
|
||||
<i class="fas fa-exclamation-triangle text-red-600"></i>
|
||||
</div>
|
||||
<h2 class="text-2xl font-bold gradient-text">潜在风险与挑战</h2>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div class="bg-red-50 p-4 rounded-lg border-l-4 border-red-500">
|
||||
<h3 class="font-semibold text-red-800 mb-2">技术风险</h3>
|
||||
<p class="text-gray-700">虚拟人面部表情捕捉技术尚未达到电影级精度，可能影响用户体验。</p>
|
||||
</div>
|
||||
<div class="bg-orange-50 p-4 rounded-lg border-l-4 border-orange-500">
|
||||
<h3 class="font-semibold text-orange-800 mb-2">商业化风险</h3>
|
||||
<p class="text-gray-700">元宇宙演唱会需用户付费（参考咪咕单场2100万港元合同），但国内虚拟演出付费习惯未形成。</p>
|
||||
</div>
|
||||
<div class="bg-yellow-50 p-4 rounded-lg border-l-4 border-yellow-500">
|
||||
<h3 class="font-semibold text-yellow-800 mb-2">政策风险</h3>
|
||||
<p class="text-gray-700">广电总局对虚拟人内容审核趋严，2023年曾封禁敏感AI模型。</p>
|
||||
</div>
|
||||
<div class="bg-purple-50 p-4 rounded-lg border-l-4 border-purple-500">
|
||||
<h3 class="font-semibold text-purple-800 mb-2">信息矛盾</h3>
|
||||
<p class="text-gray-700">巨星传奇称"股东正常减持"，但2024年9月暴跌当日无大宗交易记录，可能存在未披露利空。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 综合结论与投资启示 -->
|
||||
<div class="card-custom p-6">
|
||||
<div class="flex items-center mb-6">
|
||||
<div class="w-10 h-10 rounded-full bg-teal-100 flex items-center justify-center mr-3">
|
||||
<i class="fas fa-chart-pie text-teal-600"></i>
|
||||
</div>
|
||||
<h2 class="text-2xl font-bold gradient-text">综合结论与投资启示</h2>
|
||||
</div>
|
||||
<div class="bg-gradient-to-br from-teal-50 to-cyan-50 p-5 rounded-xl mb-6">
|
||||
<h3 class="font-bold text-lg text-teal-800 mb-3">阶段判断</h3>
|
||||
<p class="text-gray-700">当前为<strong class="text-teal-700">主题炒作2.0阶段</strong>（从单纯IP流量转向AI技术赋能），需警惕2024年9月式"情绪杀"。</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
|
||||
<div class="bg-gradient-to-br from-blue-50 to-indigo-50 p-5 rounded-xl">
|
||||
<h3 class="font-bold text-lg text-blue-800 mb-3">短期投资方向</h3>
|
||||
<ul class="space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-blue-600 mt-1 mr-2"></i>
|
||||
<span class="text-gray-700">跟踪抖音粉丝增速（当前1255万）</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-blue-600 mt-1 mr-2"></i>
|
||||
<span class="text-gray-700">《周游记3》招商进展</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-gradient-to-br from-purple-50 to-pink-50 p-5 rounded-xl">
|
||||
<h3 class="font-bold text-lg text-purple-800 mb-3">长期投资方向</h3>
|
||||
<ul class="space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-purple-600 mt-1 mr-2"></i>
|
||||
<span class="text-gray-700">验证虚拟人演唱会付费转化率</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-purple-600 mt-1 mr-2"></i>
|
||||
<span class="text-gray-700">关键指标：单场付费用户>10万</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-gradient-to-br from-gray-50 to-gray-100 p-5 rounded-xl">
|
||||
<h3 class="font-bold text-lg text-gray-800 mb-3">关键验证指标</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||
<div class="bg-white p-4 rounded-lg shadow-sm">
|
||||
<div class="text-2xl font-bold text-indigo-600 mb-1">1</div>
|
||||
<h4 class="font-semibold text-gray-800 mb-1">IP续约公告</h4>
|
||||
<p class="text-sm text-gray-600">2025年协议到期前6个月</p>
|
||||
</div>
|
||||
<div class="bg-white p-4 rounded-lg shadow-sm">
|
||||
<div class="text-2xl font-bold text-purple-600 mb-1">2</div>
|
||||
<h4 class="font-semibold text-gray-800 mb-1">虚拟人技术落地</h4>
|
||||
<p class="text-sm text-gray-600">2025年底前至少1场商业化演出</p>
|
||||
</div>
|
||||
<div class="bg-white p-4 rounded-lg shadow-sm">
|
||||
<div class="text-2xl font-bold text-pink-600 mb-1">3</div>
|
||||
<h4 class="font-semibold text-gray-800 mb-1">新零售毛利率</h4>
|
||||
<p class="text-sm text-gray-600">需稳定在50%以上以支撑估值</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 p-4 bg-red-50 rounded-lg border-l-4 border-red-500">
|
||||
<h3 class="font-bold text-red-800 mb-2">风险提示</h3>
|
||||
<p class="text-gray-700">若周杰伦IP出现负面舆情（如代言争议），巨星传奇股价可能重现2024年9月<strong class="text-red-700">73%暴跌</strong>场景。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 背景粒子效果 -->
|
||||
<div id="particles-js" class="fixed top-0 left-0 w-full h-full -z-10"></div>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
|
||||
<script>
|
||||
// 粒子背景效果
|
||||
tsParticles.load("particles-js", {
|
||||
background: {
|
||||
color: {
|
||||
value: "transparent",
|
||||
},
|
||||
},
|
||||
fpsLimit: 60,
|
||||
particles: {
|
||||
color: {
|
||||
value: "#ffffff",
|
||||
},
|
||||
links: {
|
||||
color: "#ffffff",
|
||||
distance: 150,
|
||||
enable: true,
|
||||
opacity: 0.3,
|
||||
width: 1,
|
||||
},
|
||||
move: {
|
||||
direction: "none",
|
||||
enable: true,
|
||||
outModes: {
|
||||
default: "bounce",
|
||||
},
|
||||
random: false,
|
||||
speed: 1,
|
||||
straight: false,
|
||||
},
|
||||
number: {
|
||||
density: {
|
||||
enable: true,
|
||||
area: 800,
|
||||
},
|
||||
value: 50,
|
||||
},
|
||||
opacity: {
|
||||
value: 0.3,
|
||||
},
|
||||
shape: {
|
||||
type: "circle",
|
||||
},
|
||||
size: {
|
||||
value: { min: 1, max: 3 },
|
||||
},
|
||||
},
|
||||
detectRetina: true,
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
var chartDom = document.getElementById('volatility-chart');
|
||||
if (chartDom) {
|
||||
var myChart = echarts.init(chartDom, 'dark'); // Use dark theme
|
||||
var option;
|
||||
|
||||
option = {
|
||||
backgroundColor: 'transparent',
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
formatter: function (params) {
|
||||
return params[0].name + '<br/>' + params[0].seriesName + ' : ' + params[0].value + '%' + '<br/>' + '事件: ' + params[0].data.event;
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
data: ['上市初期', '2024-09-11', '平稳期', '2025-07-08', '2025-07-09', '2025-07-11'],
|
||||
axisLine: { lineStyle: { color: '#888' } }
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
axisLabel: { formatter: '{value} %' },
|
||||
axisLine: { lineStyle: { color: '#888' } }
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '股价相对变化',
|
||||
type: 'line',
|
||||
smooth: true,
|
||||
symbol: 'circle',
|
||||
symbolSize: 8,
|
||||
itemStyle: {
|
||||
color: '#38bdf8' // sky-500
|
||||
},
|
||||
lineStyle: {
|
||||
color: '#0ea5e9', // sky-600
|
||||
width: 3,
|
||||
shadowColor: 'rgba(14, 165, 233, 0.5)',
|
||||
shadowBlur: 10
|
||||
},
|
||||
areaStyle: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
||||
offset: 0,
|
||||
color: 'rgba(14, 165, 233, 0.3)'
|
||||
}, {
|
||||
offset: 1,
|
||||
color: 'rgba(14, 165, 233, 0)'
|
||||
}])
|
||||
},
|
||||
data: [
|
||||
{ value: 0, event: 'IPO价格基准' },
|
||||
{ value: -73, event: '无明显原因暴跌' },
|
||||
{ value: -50, event: '低位震荡' },
|
||||
{ value: -45, event: '入驻抖音消息传出' },
|
||||
{ value: 49, event: '官方确认，单日暴涨约94%' }, // (-45 + 100) * (1+0.94) - 100 = 48.7 -> approx 49
|
||||
{ value: 90, event: '持续发酵，股价拉升' } // further rise
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
option && myChart.setOption(option);
|
||||
window.addEventListener('resize', myChart.resize);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
</html>
|
||||
Reference in New Issue
Block a user