540 lines
20 KiB
HTML
540 lines
20 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>玩值电竞 - 商业计划书一页版</title>
|
||
<style>
|
||
* {
|
||
margin: 0;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
body {
|
||
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
||
background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 100%);
|
||
color: #ffffff;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
.container {
|
||
max-width: 1400px;
|
||
margin: 0 auto;
|
||
padding: 60px 40px;
|
||
}
|
||
|
||
/* 头部区域 */
|
||
.header {
|
||
text-align: center;
|
||
margin-bottom: 60px;
|
||
padding-bottom: 40px;
|
||
border-bottom: 2px solid rgba(138, 43, 226, 0.3);
|
||
}
|
||
|
||
.logo {
|
||
font-size: 56px;
|
||
font-weight: 900;
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
margin-bottom: 15px;
|
||
letter-spacing: 3px;
|
||
}
|
||
|
||
.tagline {
|
||
font-size: 24px;
|
||
color: #a0a0a0;
|
||
font-weight: 300;
|
||
margin-bottom: 30px;
|
||
}
|
||
|
||
.core-data {
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 60px;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.data-item {
|
||
text-align: center;
|
||
}
|
||
|
||
.data-number {
|
||
font-size: 48px;
|
||
font-weight: 700;
|
||
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.data-label {
|
||
font-size: 14px;
|
||
color: #888;
|
||
text-transform: uppercase;
|
||
letter-spacing: 1px;
|
||
}
|
||
|
||
/* 五行板块 */
|
||
.sections {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, 1fr);
|
||
gap: 30px;
|
||
margin-bottom: 50px;
|
||
}
|
||
|
||
.section {
|
||
background: rgba(255, 255, 255, 0.03);
|
||
backdrop-filter: blur(10px);
|
||
border-radius: 20px;
|
||
padding: 35px;
|
||
border: 1px solid rgba(255, 255, 255, 0.08);
|
||
transition: all 0.3s ease;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.section::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 4px;
|
||
background: linear-gradient(90deg, var(--color-start), var(--color-end));
|
||
}
|
||
|
||
.section:hover {
|
||
transform: translateY(-5px);
|
||
border-color: rgba(255, 255, 255, 0.15);
|
||
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
|
||
}
|
||
|
||
.section-gold { --color-start: #FFD700; --color-end: #FFA500; }
|
||
.section-water { --color-start: #00BFFF; --color-end: #1E90FF; }
|
||
.section-wood { --color-start: #32CD32; --color-end: #228B22; }
|
||
.section-fire { --color-start: #FF4500; --color-end: #DC143C; }
|
||
.section-earth { --color-start: #DEB887; --color-end: #8B7355; }
|
||
|
||
.section-title {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.section-icon {
|
||
font-size: 28px;
|
||
}
|
||
|
||
.section-title h3 {
|
||
font-size: 24px;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.section-subtitle {
|
||
font-size: 13px;
|
||
color: #888;
|
||
margin-left: 40px;
|
||
margin-top: -15px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.section-content {
|
||
display: grid;
|
||
gap: 15px;
|
||
}
|
||
|
||
.content-item {
|
||
background: rgba(255, 255, 255, 0.02);
|
||
padding: 15px 20px;
|
||
border-radius: 12px;
|
||
border-left: 3px solid;
|
||
transition: all 0.2s ease;
|
||
}
|
||
|
||
.section-gold .content-item { border-color: #FFD700; }
|
||
.section-water .content-item { border-color: #00BFFF; }
|
||
.section-wood .content-item { border-color: #32CD32; }
|
||
.section-fire .content-item { border-color: #FF4500; }
|
||
.section-earth .content-item { border-color: #DEB887; }
|
||
|
||
.content-item:hover {
|
||
background: rgba(255, 255, 255, 0.05);
|
||
transform: translateX(5px);
|
||
}
|
||
|
||
.item-label {
|
||
font-size: 12px;
|
||
color: #666;
|
||
text-transform: uppercase;
|
||
letter-spacing: 1px;
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
.item-value {
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
.item-highlight {
|
||
color: #FFD700;
|
||
font-weight: 700;
|
||
}
|
||
|
||
/* 底部信息 */
|
||
.footer-section {
|
||
background: rgba(255, 255, 255, 0.03);
|
||
backdrop-filter: blur(10px);
|
||
border-radius: 20px;
|
||
padding: 40px;
|
||
border: 1px solid rgba(255, 255, 255, 0.08);
|
||
margin-bottom: 30px;
|
||
}
|
||
|
||
.footer-title {
|
||
font-size: 22px;
|
||
font-weight: 700;
|
||
margin-bottom: 25px;
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
|
||
.footer-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, 1fr);
|
||
gap: 30px;
|
||
}
|
||
|
||
.footer-item {
|
||
background: rgba(255, 255, 255, 0.02);
|
||
padding: 20px;
|
||
border-radius: 12px;
|
||
}
|
||
|
||
.footer-item-title {
|
||
font-size: 14px;
|
||
color: #888;
|
||
margin-bottom: 10px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 1px;
|
||
}
|
||
|
||
.footer-item-content {
|
||
font-size: 16px;
|
||
line-height: 1.8;
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
/* 联系信息 */
|
||
.contact {
|
||
text-align: center;
|
||
padding: 30px;
|
||
background: rgba(138, 43, 226, 0.1);
|
||
border-radius: 15px;
|
||
border: 1px solid rgba(138, 43, 226, 0.2);
|
||
}
|
||
|
||
.contact-title {
|
||
font-size: 18px;
|
||
margin-bottom: 15px;
|
||
color: #a0a0a0;
|
||
}
|
||
|
||
.contact-info {
|
||
font-size: 24px;
|
||
font-weight: 700;
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
|
||
/* 响应式设计 */
|
||
@media (max-width: 1024px) {
|
||
.sections {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
.footer-grid {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
}
|
||
|
||
@media print {
|
||
body {
|
||
background: white;
|
||
color: black;
|
||
}
|
||
.section {
|
||
break-inside: avoid;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<!-- 头部 -->
|
||
<div class="header">
|
||
<div class="logo">玩值电竞</div>
|
||
<div class="tagline">打造全球领先的电竞明星经济与私域流量生态平台</div>
|
||
<div class="core-data">
|
||
<div class="data-item">
|
||
<div class="data-number">579亿</div>
|
||
<div class="data-label">全球市场规模（美元）</div>
|
||
</div>
|
||
<div class="data-item">
|
||
<div class="data-number">10+</div>
|
||
<div class="data-label">签约游戏明星</div>
|
||
</div>
|
||
<div class="data-item">
|
||
<div class="data-number">144万</div>
|
||
<div class="data-label">月营收目标（元）</div>
|
||
</div>
|
||
<div class="data-item">
|
||
<div class="data-number">2万+</div>
|
||
<div class="data-label">电竞酒店市场</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 五行营销板块 -->
|
||
<div class="sections">
|
||
<!-- 金：项目架构 -->
|
||
<div class="section section-gold">
|
||
<div class="section-title">
|
||
<span class="section-icon">⚡</span>
|
||
<h3>金 · 项目架构</h3>
|
||
</div>
|
||
<div class="section-subtitle">定标引流 · 钱从哪来？怎么分？</div>
|
||
<div class="section-content">
|
||
<div class="content-item">
|
||
<div class="item-label">核心定位</div>
|
||
<div class="item-value">电竞明星知识付费 + 游戏数字金融 + 线下招商加盟</div>
|
||
</div>
|
||
<div class="content-item">
|
||
<div class="item-label">目标用户</div>
|
||
<div class="item-value">18-35岁游戏玩家、电竞爱好者、电竞酒店老板</div>
|
||
</div>
|
||
<div class="content-item">
|
||
<div class="item-label">云阿米巴模式</div>
|
||
<div class="item-value">不占股 · 分现钱 · 稳流量</div>
|
||
</div>
|
||
<div class="content-item">
|
||
<div class="item-label">六大营收板块</div>
|
||
<div class="item-value">
|
||
拜师学艺 <span class="item-highlight">19.8万</span> ·
|
||
年费会员 <span class="item-highlight">9.9万</span> ·
|
||
影厅改造 <span class="item-highlight">39.2万</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 水：流程规划 -->
|
||
<div class="section section-water">
|
||
<div class="section-title">
|
||
<span class="section-icon">💧</span>
|
||
<h3>水 · 流程规划</h3>
|
||
</div>
|
||
<div class="section-subtitle">流程承载 · 流量怎么流转？</div>
|
||
<div class="section-content">
|
||
<div class="content-item">
|
||
<div class="item-label">流量路径</div>
|
||
<div class="item-value">公域抖音 → 私域企微 → 标签分层 → 社群转化</div>
|
||
</div>
|
||
<div class="content-item">
|
||
<div class="item-label">7天SOP</div>
|
||
<div class="item-value">建立连接 → 价值输出 → 挖掘需求 → 限时逼单</div>
|
||
</div>
|
||
<div class="content-item">
|
||
<div class="item-label">私域系统</div>
|
||
<div class="item-value">存客宝 + 触客宝 + 自动化标签体系</div>
|
||
</div>
|
||
<div class="content-item">
|
||
<div class="item-label">转化目标</div>
|
||
<div class="item-value">日进粉 <span class="item-highlight">100人</span> · 转化率 <span class="item-highlight">10%</span> · 日GMV <span class="item-highlight">1.98万</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 木：落地执行 -->
|
||
<div class="section section-wood">
|
||
<div class="section-title">
|
||
<span class="section-icon">🌲</span>
|
||
<h3>木 · 落地执行</h3>
|
||
</div>
|
||
<div class="section-subtitle">产品落地 · 卖什么？怎么卖？</div>
|
||
<div class="section-content">
|
||
<div class="content-item">
|
||
<div class="item-label">产品矩阵</div>
|
||
<div class="item-value">
|
||
引流品598元 · 利润品19,800元 · 形象品98,000元
|
||
</div>
|
||
</div>
|
||
<div class="content-item">
|
||
<div class="item-label">拜师学艺</div>
|
||
<div class="item-value">1对1游戏明星指导 · 100个徒弟 = <span class="item-highlight">198万营收</span></div>
|
||
</div>
|
||
<div class="content-item">
|
||
<div class="item-label">影厅改造</div>
|
||
<div class="item-value">10-23万轻投入 · 单厅月净利 <span class="item-highlight">4.9万</span> · 4.7个月回本</div>
|
||
</div>
|
||
<div class="content-item">
|
||
<div class="item-label">成交话术</div>
|
||
<div class="item-value">算账给你看 · 限时限量 · 零风险承诺</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 火：运营迭代 -->
|
||
<div class="section section-fire">
|
||
<div class="section-title">
|
||
<span class="section-icon">🔥</span>
|
||
<h3>火 · 运营迭代</h3>
|
||
</div>
|
||
<div class="section-subtitle">组织赋能 · 怎么管？怎么优？</div>
|
||
<div class="section-content">
|
||
<div class="content-item">
|
||
<div class="item-label">团队架构</div>
|
||
<div class="item-value">获客团队 + 转化团队 + 技术团队（双团队模式）</div>
|
||
</div>
|
||
<div class="content-item">
|
||
<div class="item-label">数据报表</div>
|
||
<div class="item-value">日报 + 周报 + 月度复盘（卡若五步法）</div>
|
||
</div>
|
||
<div class="content-item">
|
||
<div class="item-label">KPI考核</div>
|
||
<div class="item-value">进粉成本 · 转化率 · GMV · 用户留存率</div>
|
||
</div>
|
||
<div class="content-item">
|
||
<div class="item-label">分润模式</div>
|
||
<div class="item-value">底薪 + GMV提成 + 团队超额奖金池</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 土：裂变增长（全宽） -->
|
||
<div class="section section-earth" style="grid-column: 1 / -1;">
|
||
<div class="section-title">
|
||
<span class="section-icon">🌍</span>
|
||
<h3>土 · 裂变增长</h3>
|
||
</div>
|
||
<div class="section-subtitle">厚积薄发 · 怎么裂变？怎么共创？</div>
|
||
<div class="section-content" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="content-item">
|
||
<div class="item-label">渠道分销</div>
|
||
<div class="item-value">
|
||
体验官398元 · 初级合伙人1万 · 城市合伙人10万
|
||
</div>
|
||
</div>
|
||
<div class="content-item">
|
||
<div class="item-label">分润政策</div>
|
||
<div class="item-value">直推 <span class="item-highlight">30%</span> · 间推 <span class="item-highlight">10%</span> · 复购 <span class="item-highlight">20%</span></div>
|
||
</div>
|
||
<div class="content-item">
|
||
<div class="item-label">用户共创</div>
|
||
<div class="item-value">内容共创 · 产品共创 · 品牌大使计划</div>
|
||
</div>
|
||
<div class="content-item">
|
||
<div class="item-label">裂变目标</div>
|
||
<div class="item-value">月增私域 <span class="item-highlight">2000+</span> · 裂变率 <span class="item-highlight">60%</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 发展规划 -->
|
||
<div class="footer-section">
|
||
<div class="footer-title">三年发展规划</div>
|
||
<div class="footer-grid">
|
||
<div class="footer-item">
|
||
<div class="footer-item-title">第1年 · 跑通闭环</div>
|
||
<div class="footer-item-content">
|
||
✓ 签约10名游戏明星<br>
|
||
✓ 私域用户20万<br>
|
||
✓ 改造20个影厅<br>
|
||
✓ 月营收144万
|
||
</div>
|
||
</div>
|
||
<div class="footer-item">
|
||
<div class="footer-item-title">第2年 · 规模复制</div>
|
||
<div class="footer-item-content">
|
||
✓ 签约30名游戏明星<br>
|
||
✓ 私域用户100万<br>
|
||
✓ 改造100个影厅<br>
|
||
✓ 10场电竞赛事
|
||
</div>
|
||
</div>
|
||
<div class="footer-item">
|
||
<div class="footer-item-title">第3年 · 生态共赢</div>
|
||
<div class="footer-item-content">
|
||
✓ 全球电竞生态平台<br>
|
||
✓ 游戏明星产业集群<br>
|
||
✓ 公私域流量融合<br>
|
||
✓ A轮融资估值3亿
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 融资需求 -->
|
||
<div class="footer-section">
|
||
<div class="footer-title">融资需求（5149模式）</div>
|
||
<div class="footer-grid">
|
||
<div class="footer-item">
|
||
<div class="footer-item-title">项目估值</div>
|
||
<div class="footer-item-content">
|
||
<span class="item-highlight" style="font-size: 32px;">3000万</span><br>
|
||
基于10万私域用户×300元年均价值×10倍
|
||
</div>
|
||
</div>
|
||
<div class="footer-item">
|
||
<div class="footer-item-title">本轮融资</div>
|
||
<div class="footer-item-content">
|
||
<span class="item-highlight" style="font-size: 32px;">300万</span><br>
|
||
占股10% · 投资门槛10万起 · 36个月期限
|
||
</div>
|
||
</div>
|
||
<div class="footer-item">
|
||
<div class="footer-item-title">资金用途</div>
|
||
<div class="footer-item-content">
|
||
流量投放 <span class="item-highlight">60%</span><br>
|
||
系统升级 <span class="item-highlight">30%</span><br>
|
||
团队扩张 <span class="item-highlight">10%</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 联系方式 -->
|
||
<div class="contact">
|
||
<div class="contact-title">联系我们 · 开启合作</div>
|
||
<div class="contact-info">微信：28533368 · 电话：15880802661</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 打印功能
|
||
function printPage() {
|
||
window.print();
|
||
}
|
||
|
||
// 添加键盘快捷键支持
|
||
document.addEventListener('keydown', function(e) {
|
||
if ((e.ctrlKey || e.metaKey) && e.key === 'p') {
|
||
e.preventDefault();
|
||
printPage();
|
||
}
|
||
});
|
||
|
||
// 添加简单的交互效果
|
||
document.querySelectorAll('.section').forEach(section => {
|
||
section.addEventListener('click', function() {
|
||
this.style.transition = 'all 0.3s ease';
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |