Files
vf_react/public/htmls/春节档重点影片(哪吒2).html
2025-10-15 11:56:34 +08:00

783 lines
36 KiB
HTML
Raw 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">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>春节档重点影片《哪吒2》概念分析</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
<style>
:root {
--primary-color: #e74c3c;
--secondary-color: #3498db;
--accent-color: #f39c12;
--dark-color: #2c3e50;
--light-bg: #f8f9fa;
}
body {
font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
background-color: var(--light-bg);
color: #333;
}
.hero-section {
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
color: white;
padding: 3rem 0;
position: relative;
overflow: hidden;
}
.hero-section::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 80px;
background: var(--light-bg);
clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%);
}
.section-title {
position: relative;
padding-bottom: 15px;
margin-bottom: 30px;
font-weight: 700;
}
.section-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 4px;
background-color: var(--primary-color);
}
.card {
border: none;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
transition: transform 0.3s, box-shadow 0.3s;
height: 100%;
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}
.card-header {
background-color: var(--primary-color);
color: white;
border-radius: 10px 10px 0 0 !important;
font-weight: 600;
}
.timeline {
position: relative;
padding-left: 30px;
}
.timeline::before {
content: '';
position: absolute;
left: 8px;
top: 0;
height: 100%;
width: 2px;
background: var(--primary-color);
}
.timeline-item {
position: relative;
margin-bottom: 25px;
}
.timeline-item::before {
content: '';
position: absolute;
left: -30px;
top: 5px;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--primary-color);
border: 3px solid white;
box-shadow: 0 0 0 2px var(--primary-color);
}
.timeline-date {
font-weight: 600;
color: var(--primary-color);
margin-bottom: 5px;
}
.badge-custom {
background-color: var(--accent-color);
color: white;
padding: 5px 10px;
border-radius: 20px;
font-weight: 500;
font-size: 0.85rem;
}
.stock-table {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.stock-table thead {
background-color: var(--dark-color);
color: white;
}
.stock-table tbody tr:nth-child(even) {
background-color: rgba(0, 0, 0, 0.02);
}
.stock-table tbody tr:hover {
background-color: rgba(231, 76, 60, 0.1);
}
.industry-chain {
display: flex;
justify-content: space-between;
margin: 20px 0;
position: relative;
}
.chain-segment {
flex: 1;
text-align: center;
padding: 15px;
background-color: white;
border-radius: 10px;
margin: 0 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
position: relative;
}
.chain-segment::after {
content: '→';
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
color: var(--primary-color);
font-size: 1.5rem;
font-weight: bold;
}
.chain-segment:last-child::after {
display: none;
}
.highlight-box {
background-color: rgba(231, 76, 60, 0.1);
border-left: 4px solid var(--primary-color);
padding: 15px;
margin: 15px 0;
border-radius: 0 5px 5px 0;
}
.stat-card {
text-align: center;
padding: 20px;
border-radius: 10px;
background: white;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
margin-bottom: 20px;
transition: all 0.3s;
}
.stat-card:hover {
transform: translateY(-5px);
}
.stat-number {
font-size: 2.5rem;
font-weight: 700;
color: var(--primary-color);
}
.stat-label {
font-size: 0.9rem;
color: #666;
margin-top: 5px;
}
@media (max-width: 768px) {
.industry-chain {
flex-direction: column;
}
.chain-segment {
margin: 10px 0;
}
.chain-segment::after {
content: '↓';
right: 50%;
top: auto;
bottom: -15px;
transform: translateX(50%);
}
.hero-section {
padding: 2rem 0;
}
}
</style>
</head>
<body>
<!-- Hero Section -->
<section class="hero-section">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8">
<h1 class="display-4 fw-bold mb-3">春节档重点影片《哪吒2》概念分析</h1>
<p class="lead mb-0">现象级动画电影续作,引领国产动画电影产业新高度</p>
</div>
<div class="col-lg-4 text-lg-end mt-4 mt-lg-0">
<div class="d-flex flex-column align-items-lg-end">
<span class="badge badge-custom mb-2">票房破74.63亿</span>
<span class="badge badge-custom mb-2">全球影史TOP50</span>
<span class="badge badge-custom">唯一非好莱坞影片</span>
</div>
</div>
</div>
</div>
</section>
<!-- Main Content -->
<div class="container my-5">
<!-- 概念事件 -->
<section class="mb-5">
<h2 class="section-title">概念事件</h2>
<div class="card">
<div class="card-body">
<p class="mb-4">《哪吒之魔童闹海》简称《哪吒2》是2019年现象级动画电影《哪吒之魔童降世》的续作由光线传媒主投主控。前作曾创下50亿元以上的票房记录位居中国影史动画电影票房之最。</p>
<div class="timeline">
<div class="timeline-item">
<div class="timeline-date">2024年6月</div>
<div>《哪吒2》进入后期阶段尚未最终定档公司争取暑期档上映</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2024年10月</div>
<div>分析师预测《哪吒2》可能在2025年春节档或暑期档上映光线传媒被视为"相对低位"投资标的</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2024年12月10日</div>
<div>《哪吒之魔童闹海》官宣定档2025年春节档上映</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2024年12月23日</div>
<div>研报预测2025年春节档票房约88亿元同比增长9.7%</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2025年1月7日</div>
<div>海通证券研报表示2025年春节档电影票房有望创新高</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2025年1月19日</div>
<div>2025年春节档新片预售开始</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2025年1月21日</div>
<div>春节档累计票房预售数据破2.3亿元,高于历史往期同期数据</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2025年1月29日大年初一</div>
<div>《哪吒2》正式上映首日排片约23%</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2025年2月2日</div>
<div>《哪吒2》票房突破30亿打破16项影史纪录</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2025年2月3日</div>
<div>《哪吒之魔童闹海》总票房破35.62亿,成为中国影史春节档票房冠军</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2025年2月5日</div>
<div>《哪吒2》春节期间累计票房达48亿占档期票房51%</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2025年2月8日</div>
<div>《哪吒2》票房突破74.63亿进入全球影史票房榜前50唯一非好莱坞影片</div>
</div>
</div>
</div>
</div>
</section>
<!-- 核心观点摘要 -->
<section class="mb-5">
<h2 class="section-title">核心观点摘要</h2>
<div class="card">
<div class="card-body">
<div class="highlight-box">
<p class="mb-0">《哪吒2》凭借优质内容和强大IP效应在2025年春节档实现了现象级成功不仅刷新了多项票房纪录还带动了整个电影市场的复苏和衍生品市场的繁荣验证了优质内容是电影市场持续向上的基础。该影片的成功为国漫产业链的完善和IP价值多元化开发提供了重要参考将推动中国动画电影产业进入新的发展阶段同时为相关产业链公司带来实质性业绩贡献。</p>
</div>
</div>
</div>
</section>
<!-- 核心逻辑与市场认知分析 -->
<section class="mb-5">
<h2 class="section-title">核心逻辑与市场认知分析</h2>
<div class="row mb-4">
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-header">核心驱动力</div>
<div class="card-body">
<ul>
<li><strong>IP价值延续与升级</strong>前作超50亿票房为续作奠定坚实基础哪吒系列电影总票房突破100亿元</li>
<li><strong>内容质量过硬</strong>豆瓣评分8.6连续五天票房逆跌单日票房超8亿元</li>
<li><strong>档期选择精准</strong>春节档票房占全年比重从2019年9.2%增至2024年19.6%</li>
<li><strong>政策支持</strong>国家电影局及平台提供约6亿元票房补贴</li>
<li><strong>合家欢定位</strong>:覆盖广泛受众群体,特别是家庭观众</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-header">市场热度与情绪</div>
<div class="card-body">
<ul>
<li><strong>研报密集发布</strong>:多家券商发布春节档研报,海通证券明确表示票房有望创新高</li>
<li><strong>预售数据强劲</strong>预售票房13.75亿元同比增长89%</li>
<li><strong>票房表现超预期</strong>连续逆跌进入全球影史票房榜前50</li>
<li><strong>市场预期上调</strong>猫眼预测最终票房87亿元远超初期预期</li>
<li><strong>衍生品市场火爆</strong>:盲盒售罄,二手市场溢价显著</li>
</ul>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header">预期差分析</div>
<div class="card-body">
<div class="row">
<div class="col-md-6 mb-3">
<div class="stat-card">
<div class="stat-number">30-45亿 → 87亿</div>
<div class="stat-label">票房预期差(第三方预测 → 猫眼预测)</div>
</div>
</div>
<div class="col-md-6 mb-3">
<div class="stat-card">
<div class="stat-number">23% → 50.1%</div>
<div class="stat-label">排片率预期差(首日 → 初七)</div>
</div>
</div>
<div class="col-md-6 mb-3">
<div class="stat-card">
<div class="stat-number">1倍 → 10倍</div>
<div class="stat-label">衍生品溢价(常规款 → 隐藏款)</div>
</div>
</div>
<div class="col-md-6 mb-3">
<div class="stat-card">
<div class="stat-number">9.7% → 18.6%</div>
<div class="stat-label">春节档票房增长预期差</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 关键催化剂与未来发展路径 -->
<section class="mb-5">
<h2 class="section-title">关键催化剂与未来发展路径</h2>
<div class="row mb-4">
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-header">近期催化剂未来3-6个月</div>
<div class="card-body">
<ul>
<li><strong>票房持续攀升</strong>:有望超越《长津湖》成为中国影史票房冠军</li>
<li><strong>衍生品市场扩张</strong>:与泡泡玛特、万代等合作产品持续热销</li>
<li><strong>IP授权拓展</strong>:游戏、主题乐园、文创产品等新合作落地</li>
<li><strong>光线传媒业绩释放</strong>预计带来10-13亿业绩弹性</li>
<li><strong>国漫产业链提振</strong>:带动动画制作、特效技术等环节发展</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-header">长期发展路径</div>
<div class="card-body">
<ul>
<li><strong>IP系列化开发</strong>:形成类似"漫威宇宙"的IP体系</li>
<li><strong>全产业链布局</strong>:从单一电影向动画剧集、游戏、主题乐园等拓展</li>
<li><strong>技术升级与创新</strong>:推动国产动画电影技术突破</li>
<li><strong>国际化拓展</strong>:参与全球市场竞争,提升国际影响力</li>
<li><strong>商业模式创新</strong>多元化收入模式IP价值最大化</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- 产业链与核心公司深度剖析 -->
<section class="mb-5">
<h2 class="section-title">产业链与核心公司深度剖析</h2>
<div class="card mb-4">
<div class="card-header">产业链图谱</div>
<div class="card-body">
<div class="industry-chain">
<div class="chain-segment">
<h5>上游</h5>
<p>内容创作与制作</p>
<small>光线传媒、可可豆动画、丝路视觉</small>
</div>
<div class="chain-segment">
<h5>中游</h5>
<p>发行与放映</p>
<small>猫眼娱乐、万达电影、金逸影视、中国电影</small>
</div>
<div class="chain-segment">
<h5>下游</h5>
<p>衍生品与IP运营</p>
<small>泡泡玛特、中信出版、华立科技、四川文旅</small>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 mb-4">
<div class="card h-100">
<div class="card-header">核心玩家对比</div>
<div class="card-body">
<div class="mb-3">
<h5>光线传媒(主投主控)</h5>
<p><strong>竞争优势</strong>国产动画电影领域龙头强大IP储备和制作能力</p>
<p><strong>业务进展</strong>《哪吒2》票房大超预期预计带来10-13亿业绩弹性</p>
<p><strong>潜在风险</strong>投资比例不如《哪吒1》高过度依赖单一IP</p>
</div>
<div class="mb-3">
<h5>猫眼娱乐(参与发行)</h5>
<p><strong>竞争优势</strong>:领先在线票务平台,强大数据分析和宣传推广能力</p>
<p><strong>业务进展</strong>参与《哪吒2》发行受益于票房超预期表现</p>
<p><strong>潜在风险</strong>:票务市场竞争激烈,毛利率较低</p>
</div>
<div>
<h5>万达电影(院线龙头)</h5>
<p><strong>竞争优势</strong>最大院线公司广泛影院网络市占率15.21%</p>
<p><strong>业务进展</strong>受益春节档票房增长主投主控《唐探1900》</p>
<p><strong>潜在风险</strong>:受疫情等外部因素影响大</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-4">
<div class="card h-100">
<div class="card-header">验证与证伪</div>
<div class="card-body">
<div class="mb-3">
<h5>票房表现验证</h5>
<p>春节档票房达95.1亿元同比增长18.6%超出研报预测的88亿元。《哪吒2》票房突破74.63亿,验证优质内容带动票房增长判断。</p>
</div>
<div class="mb-3">
<h5>光线传媒投资比例证伪</h5>
<p>市场预期光线传媒作为主投方将获得巨大收益但实际投资第一位是可可豆动画光线投资比例不如《哪吒1》高收益可能不及预期。</p>
</div>
<div class="mb-3">
<h5>排片与上座率验证</h5>
<p>排片率从初一的23.2%提升至初七的50.1%上座率始终保持在50%以上,验证优质内容获得更多排片资源。</p>
</div>
<div>
<h5>衍生品市场验证</h5>
<p>与泡泡玛特合作的盲盒产品售罄二手市场价格大幅溢价验证IP价值在衍生品市场的变现能力被低估。</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 潜在风险与挑战 -->
<section class="mb-5">
<h2 class="section-title">潜在风险与挑战</h2>
<div class="row">
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-header">技术风险</div>
<div class="card-body">
<ul>
<li><strong>特效技术瓶颈</strong>:国产动画与国际顶尖水平仍有差距,复杂场景渲染、角色表情细节等需提升</li>
<li><strong>制作周期长</strong>《哪吒2》经过五年打磨长周期制作导致资金占用时间长回款慢</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-header">商业化风险</div>
<div class="card-body">
<ul>
<li><strong>成本控制压力</strong>制作成本高达6.66665亿,需要更高票房才能盈利</li>
<li><strong>IP过度开发风险</strong>可能推出过多续作或衍生品导致IP疲劳</li>
<li><strong>衍生品市场波动</strong>:潮玩市场本身具有波动性,消费者偏好变化快</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-header">政策与竞争风险</div>
<div class="card-body">
<ul>
<li><strong>内容监管风险</strong>:电影行业受严格内容监管,可能面临上映受限或下架风险</li>
<li><strong>进口电影竞争</strong>:在全球市场面临好莱坞等成熟电影工业竞争</li>
<li><strong>行业内竞争加剧</strong>:成功吸引更多公司进入动画电影领域</li>
<li><strong>补贴政策变化</strong>:目前享受政策补贴支持,未来可能减少或取消</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-header">信息交叉验证风险</div>
<div class="card-body">
<ul>
<li><strong>票房预测差异</strong>第三方预测38-45亿猫眼预测87亿差异巨大</li>
<li><strong>投资比例信息矛盾</strong>:关于光线传媒投资比例存在不同说法</li>
<li><strong>成本信息不透明</strong>:具体制作成本和宣发预算公开信息有限</li>
<li><strong>衍生品收益分成不明确</strong>:具体收益分成比例不明确</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- 综合结论与投资启示 -->
<section class="mb-5">
<h2 class="section-title">综合结论与投资启示</h2>
<div class="card mb-4">
<div class="card-header">综合结论</div>
<div class="card-body">
<div class="highlight-box">
<p class="mb-0">《哪吒2》概念已经从单纯的主题炒作阶段进入基本面驱动阶段。票房表现超预期、产业链价值显现、业绩贡献明确、行业影响深远标志着该概念已进入基本面驱动阶段具有长期投资价值。</p>
</div>
</div>
</div>
<div class="row mb-4">
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-header">最具投资价值的细分环节</div>
<div class="card-body">
<ol>
<li><strong>IP运营与开发</strong>光线传媒等公司在IP系列化开发、全产业链布局方面具有优势</li>
<li><strong>衍生品市场</strong>泡泡玛特等公司受益于国产IP崛起和消费者对文化产品需求增长</li>
<li><strong>视觉特效技术</strong>:丝路视觉旗下瑞云科技等特效公司受益于国产电影品质提升</li>
<li><strong>院线整合与升级</strong>:万达电影等具有规模优势和位置资源的龙头企业</li>
</ol>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-header">需要重点跟踪的关键指标</div>
<div class="card-body">
<ol>
<li><strong>票房走势与最终成绩</strong>能否达到87亿元预测甚至超越《长津湖》</li>
<li><strong>光线传媒的业绩公告</strong>《哪吒2》对公司业绩的实际贡献</li>
<li><strong>衍生品销售数据</strong>:销售额、利润率、复购率等指标</li>
<li><strong>IP授权进展</strong>:游戏开发、主题乐园、文创产品等跨界合作</li>
<li><strong>续作开发计划</strong>:《哪吒》系列第三部开发计划和进展</li>
<li><strong>行业政策变化</strong>:消费券、税收优惠等措施的延续性</li>
<li><strong>院线市占率变化</strong>:万达电影等龙头企业市场份额变动</li>
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- 股票数据表格 -->
<section class="mb-5">
<h2 class="section-title">相关股票数据</h2>
<div class="table-responsive">
<table class="table table-hover stock-table">
<thead>
<tr>
<th>股票名称</th>
<th>项目</th>
<th>分类</th>
<th>产业链</th>
<th>关联原因</th>
</tr>
</thead>
<tbody>
<tr>
<td>光线传媒</td>
<td>哪吒之魔童闹海</td>
<td>院线</td>
<td>出品方</td>
<td>参与影片出品</td>
</tr>
<tr>
<td>金逸影视</td>
<td>哪吒之魔童闹海</td>
<td>院线</td>
<td>院线</td>
<td>参与影片院线发行</td>
</tr>
<tr>
<td>丝路视觉</td>
<td>哪吒之魔童闹海</td>
<td>特效</td>
<td>旗下瑞云科技</td>
<td>提供视觉特效服务</td>
</tr>
<tr>
<td>中信出版</td>
<td>哪吒之魔童闹海</td>
<td>周边</td>
<td>图书</td>
<td>参与周边图书出版</td>
</tr>
<tr>
<td>京华激光</td>
<td>哪吒之魔童闹海</td>
<td>周边</td>
<td>卡牌</td>
<td>参与周边卡牌制作</td>
</tr>
<tr>
<td>华立科技</td>
<td>哪吒之魔童闹海</td>
<td>周边</td>
<td>游戏</td>
<td>参与周边游戏开发</td>
</tr>
<tr>
<td>四川文旅</td>
<td>哪吒之魔童闹海</td>
<td>旅游</td>
<td>文旅项目</td>
<td>峨眉山文旅合作</td>
</tr>
<tr>
<td>成都路桥</td>
<td>哪吒之魔童闹海</td>
<td>旅游</td>
<td>文旅项目</td>
<td>峨眉山文旅合作</td>
</tr>
<tr>
<td>峨眉山A</td>
<td>哪吒之魔童闹海</td>
<td>旅游</td>
<td>文旅项目</td>
<td>峨眉山文旅合作</td>
</tr>
<tr>
<td>中国电影</td>
<td>唐探1900</td>
<td>影视</td>
<td>出品方</td>
<td>影片出品方</td>
</tr>
<tr>
<td>万达电影</td>
<td>唐探1900</td>
<td>影视</td>
<td>出品方</td>
<td>影片出品方</td>
</tr>
<tr>
<td>北京文化</td>
<td>封神第二部:战火西岐</td>
<td>影视</td>
<td>出品方</td>
<td>影片出品方</td>
</tr>
<tr>
<td>中国电影</td>
<td>射雕英雄传:侠之大者</td>
<td>影视</td>
<td>出品方</td>
<td>影片出品方</td>
</tr>
<tr>
<td>横店影视</td>
<td>射雕英雄传:侠之大者</td>
<td>影视</td>
<td>出品方</td>
<td>影片出品方</td>
</tr>
<tr>
<td>博纳影业</td>
<td>蛟龙行动</td>
<td>影视</td>
<td>出品方</td>
<td>影片出品方</td>
</tr>
<tr>
<td>中国电影</td>
<td>熊出没·重启未来</td>
<td>影视</td>
<td>出品方</td>
<td>影片出品方</td>
</tr>
<tr>
<td>万达电影</td>
<td>熊出没·重启未来</td>
<td>影视</td>
<td>出品方</td>
<td>影片出品方</td>
</tr>
<tr>
<td>华强方特</td>
<td>熊出没·重启未来</td>
<td>影视</td>
<td>出品方</td>
<td>影片出品方</td>
</tr>
</tbody>
</table>
</div>
</section>
</div>
<!-- Footer -->
<footer class="bg-dark text-white py-4">
<div class="container">
<div class="row">
<div class="col-md-6">
<p class="mb-0">© 2025 春节档重点影片《哪吒2》概念分析</p>
</div>
<div class="col-md-6 text-md-end">
<p class="mb-0">数据更新时间2025年2月9日</p>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>