freedakgmail
1093 lines
46 KiB
HTML
1093 lines
46 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
|
||
<title>企业AI协调师培养方案</title>
|
||
<style>
|
||
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');
|
||
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
|
||
:root {
|
||
--bg: #0a0e1a;
|
||
--surface: #111827;
|
||
--surface2: #1a2332;
|
||
--accent: #3b82f6;
|
||
--accent2: #60a5fa;
|
||
--accent3: #818cf8;
|
||
--gold: #fbbf24;
|
||
--green: #34d399;
|
||
--red: #f87171;
|
||
--yellow: #fbbf24;
|
||
--text: #e5e7eb;
|
||
--text2: #9ca3af;
|
||
--text3: #6b7280;
|
||
--border: rgba(255,255,255,0.08);
|
||
}
|
||
|
||
body {
|
||
font-family: 'Noto Sans SC', sans-serif;
|
||
background: var(--bg);
|
||
color: var(--text);
|
||
overflow: hidden;
|
||
height: 100vh;
|
||
height: 100dvh;
|
||
-webkit-tap-highlight-color: transparent;
|
||
-webkit-touch-callout: none;
|
||
}
|
||
|
||
.deck {
|
||
position: relative;
|
||
width: 100vw;
|
||
height: 100vh;
|
||
height: 100dvh;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.slide {
|
||
position: absolute;
|
||
top: 0; left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
padding: clamp(20px, 5vw, 60px) clamp(16px, 5vw, 80px);
|
||
padding-bottom: 110px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: safe center;
|
||
opacity: 0;
|
||
transform: translateX(60px);
|
||
transition: opacity 0.5s ease, transform 0.5s ease;
|
||
pointer-events: none;
|
||
overflow-y: auto;
|
||
-webkit-overflow-scrolling: touch;
|
||
overscroll-behavior: contain;
|
||
}
|
||
|
||
.slide.active {
|
||
opacity: 1;
|
||
transform: translateX(0);
|
||
pointer-events: auto;
|
||
}
|
||
|
||
.slide.prev {
|
||
transform: translateX(-60px);
|
||
}
|
||
|
||
/* ---- Typography ---- */
|
||
.slide-title {
|
||
font-size: clamp(24px, 5vw, 42px);
|
||
font-weight: 900;
|
||
margin-bottom: 8px;
|
||
letter-spacing: -0.5px;
|
||
}
|
||
.slide-subtitle {
|
||
font-size: clamp(14px, 2.5vw, 18px);
|
||
color: var(--text2);
|
||
margin-bottom: clamp(16px, 3vw, 36px);
|
||
font-weight: 400;
|
||
}
|
||
.section-tag {
|
||
display: inline-block;
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
color: var(--accent2);
|
||
letter-spacing: 2px;
|
||
text-transform: uppercase;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
/* ---- Components ---- */
|
||
.card {
|
||
background: var(--surface);
|
||
border: 1px solid var(--border);
|
||
border-radius: 16px;
|
||
padding: clamp(16px, 3vw, 28px);
|
||
}
|
||
|
||
.card-grid { display: grid; gap: 20px; }
|
||
.grid-2 { grid-template-columns: 1fr 1fr; }
|
||
.grid-3 { grid-template-columns: 1fr 1fr 1fr; }
|
||
.grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr; }
|
||
|
||
.chip {
|
||
display: inline-block;
|
||
padding: 4px 14px;
|
||
border-radius: 20px;
|
||
font-size: 13px;
|
||
font-weight: 500;
|
||
}
|
||
.chip-blue { background: rgba(59,130,246,0.15); color: var(--accent2); }
|
||
.chip-green { background: rgba(52,211,153,0.15); color: var(--green); }
|
||
.chip-red { background: rgba(248,113,113,0.15); color: var(--red); }
|
||
.chip-gold { background: rgba(251,191,36,0.15); color: var(--gold); }
|
||
.chip-purple { background: rgba(129,140,248,0.15); color: var(--accent3); }
|
||
|
||
.point-list { list-style: none; padding: 0; }
|
||
.point-list li {
|
||
padding: 10px 0;
|
||
font-size: clamp(13px, 2vw, 15px);
|
||
line-height: 1.7;
|
||
color: var(--text);
|
||
padding-left: 24px;
|
||
position: relative;
|
||
}
|
||
.point-list li::before {
|
||
content: '▸';
|
||
position: absolute;
|
||
left: 0;
|
||
color: var(--accent2);
|
||
}
|
||
|
||
.highlight-box {
|
||
background: rgba(59,130,246,0.08);
|
||
border: 1px solid rgba(59,130,246,0.2);
|
||
border-radius: 12px;
|
||
padding: clamp(14px, 2vw, 20px) clamp(16px, 2vw, 24px);
|
||
margin-top: 16px;
|
||
}
|
||
.highlight-box .title {
|
||
font-size: 14px;
|
||
font-weight: 700;
|
||
color: var(--accent2);
|
||
margin-bottom: 8px;
|
||
}
|
||
.highlight-box .body {
|
||
font-size: clamp(13px, 2vw, 14px);
|
||
line-height: 1.7;
|
||
color: var(--text);
|
||
}
|
||
|
||
/* ---- Navigation ---- */
|
||
.nav {
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
height: 70px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 16px;
|
||
z-index: 100;
|
||
background: linear-gradient(to top, var(--bg) 60%, transparent);
|
||
padding-bottom: env(safe-area-inset-bottom, 0);
|
||
}
|
||
.nav button {
|
||
background: var(--surface);
|
||
border: 1px solid var(--border);
|
||
color: var(--text);
|
||
width: 40px;
|
||
height: 40px;
|
||
border-radius: 50%;
|
||
cursor: pointer;
|
||
font-size: 18px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
transition: all 0.2s;
|
||
}
|
||
.nav button:hover {
|
||
background: var(--accent);
|
||
border-color: var(--accent);
|
||
}
|
||
.nav .counter {
|
||
font-size: 14px;
|
||
color: var(--text2);
|
||
min-width: 60px;
|
||
text-align: center;
|
||
}
|
||
|
||
/* ---- Progress bar ---- */
|
||
.progress {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
height: 3px;
|
||
background: var(--accent);
|
||
transition: width 0.4s ease;
|
||
z-index: 100;
|
||
}
|
||
|
||
/* ---- Title slide ---- */
|
||
.title-slide {
|
||
align-items: center;
|
||
text-align: center;
|
||
background: radial-gradient(ellipse at 50% 40%, rgba(59,130,246,0.12) 0%, transparent 60%);
|
||
}
|
||
.title-slide .main-title {
|
||
font-size: clamp(32px, 8vw, 56px);
|
||
font-weight: 900;
|
||
letter-spacing: -1px;
|
||
margin-bottom: 20px;
|
||
background: linear-gradient(135deg, #e5e7eb 0%, #60a5fa 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
.title-slide .tagline {
|
||
font-size: clamp(15px, 3.5vw, 22px);
|
||
color: var(--text2);
|
||
margin-bottom: clamp(24px, 5vw, 48px);
|
||
max-width: 700px;
|
||
line-height: 1.6;
|
||
padding: 0 12px;
|
||
}
|
||
.title-slide .date {
|
||
font-size: 15px;
|
||
color: var(--text3);
|
||
}
|
||
|
||
/* ---- Role card ---- */
|
||
.role-card {
|
||
background: var(--surface);
|
||
border: 1px solid var(--border);
|
||
border-radius: 14px;
|
||
padding: clamp(16px, 3vw, 24px);
|
||
text-align: center;
|
||
}
|
||
.role-card .icon-wrap {
|
||
margin-bottom: 12px;
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
.role-card .name {
|
||
font-size: clamp(15px, 2.5vw, 18px);
|
||
font-weight: 700;
|
||
margin-bottom: 8px;
|
||
}
|
||
.role-card .desc {
|
||
font-size: clamp(12px, 2vw, 14px);
|
||
color: var(--text2);
|
||
line-height: 1.6;
|
||
}
|
||
|
||
/* ---- Skill matrix ---- */
|
||
.skill-row {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: 16px;
|
||
padding: 14px 0;
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
.skill-row:last-child { border-bottom: none; }
|
||
.skill-row .skill-num {
|
||
font-size: 24px;
|
||
font-weight: 900;
|
||
width: 40px;
|
||
text-align: center;
|
||
flex-shrink: 0;
|
||
}
|
||
.skill-row .skill-body {
|
||
flex: 1;
|
||
}
|
||
.skill-row .skill-name {
|
||
font-size: clamp(14px, 2.2vw, 16px);
|
||
font-weight: 700;
|
||
margin-bottom: 4px;
|
||
}
|
||
.skill-row .skill-desc {
|
||
font-size: clamp(12px, 2vw, 14px);
|
||
color: var(--text2);
|
||
line-height: 1.6;
|
||
}
|
||
|
||
/* ---- Phase card ---- */
|
||
.phase-card {
|
||
background: var(--surface);
|
||
border: 1px solid var(--border);
|
||
border-radius: 14px;
|
||
padding: clamp(16px, 3vw, 24px);
|
||
margin-bottom: 12px;
|
||
}
|
||
.phase-card .phase-header {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
margin-bottom: 12px;
|
||
}
|
||
.phase-card .phase-badge {
|
||
font-size: 14px;
|
||
font-weight: 700;
|
||
padding: 4px 12px;
|
||
border-radius: 8px;
|
||
flex-shrink: 0;
|
||
}
|
||
.phase-card .phase-title {
|
||
font-size: clamp(15px, 2.5vw, 18px);
|
||
font-weight: 700;
|
||
}
|
||
.phase-card .phase-content {
|
||
font-size: clamp(13px, 2vw, 14px);
|
||
color: var(--text2);
|
||
line-height: 1.7;
|
||
}
|
||
|
||
/* ---- Timeline ---- */
|
||
.timeline {
|
||
display: flex;
|
||
gap: 0;
|
||
margin-top: 20px;
|
||
}
|
||
.timeline-item {
|
||
flex: 1;
|
||
position: relative;
|
||
padding: 0 20px;
|
||
text-align: center;
|
||
}
|
||
.timeline-item::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 20px;
|
||
left: 0;
|
||
right: 0;
|
||
height: 2px;
|
||
background: var(--border);
|
||
}
|
||
.timeline-item:first-child::before { left: 50%; }
|
||
.timeline-item:last-child::before { right: 50%; }
|
||
.timeline-dot {
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background: var(--accent);
|
||
margin: 14px auto;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
.timeline-item .time {
|
||
font-size: 13px;
|
||
color: var(--accent2);
|
||
font-weight: 700;
|
||
text-align: center;
|
||
margin-bottom: 8px;
|
||
}
|
||
.timeline-item .title {
|
||
font-size: 16px;
|
||
font-weight: 700;
|
||
text-align: center;
|
||
margin-bottom: 6px;
|
||
}
|
||
.timeline-item .desc {
|
||
font-size: 13px;
|
||
color: var(--text2);
|
||
text-align: center;
|
||
}
|
||
|
||
/* ---- Two col ---- */
|
||
.two-col {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 24px;
|
||
}
|
||
|
||
/* ---- Summary slide ---- */
|
||
.summary-slide {
|
||
align-items: center;
|
||
text-align: center;
|
||
background: radial-gradient(ellipse at 50% 50%, rgba(59,130,246,0.1) 0%, transparent 60%);
|
||
}
|
||
.summary-slide .big-text {
|
||
font-size: clamp(18px, 4vw, 28px);
|
||
font-weight: 700;
|
||
line-height: 1.8;
|
||
max-width: 800px;
|
||
margin: 0 auto 40px;
|
||
}
|
||
.summary-slide .highlight { color: var(--accent2); }
|
||
.summary-slide .final {
|
||
font-size: clamp(22px, 5vw, 36px);
|
||
font-weight: 900;
|
||
color: var(--gold);
|
||
margin-top: 20px;
|
||
padding: 0 12px;
|
||
}
|
||
|
||
/* ---- Compare table ---- */
|
||
.compare-table { width: 100%; border-collapse: collapse; }
|
||
.compare-table th {
|
||
text-align: left;
|
||
font-size: 14px;
|
||
color: var(--text3);
|
||
font-weight: 500;
|
||
padding: 12px 16px;
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
.compare-table td {
|
||
padding: 14px 16px;
|
||
font-size: 15px;
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
.compare-table .before { color: var(--red); }
|
||
.compare-table .after { color: var(--green); }
|
||
.compare-table tr:last-child td { border-bottom: none; }
|
||
|
||
/* ---- Flow arrow ---- */
|
||
.flow-arrow {
|
||
color: var(--text3);
|
||
font-size: 20px;
|
||
margin: 0 8px;
|
||
}
|
||
|
||
/* ---- Mobile Responsive ---- */
|
||
@media (max-width: 768px) {
|
||
.grid-2 { grid-template-columns: 1fr; }
|
||
.grid-3 { grid-template-columns: 1fr; }
|
||
.grid-4 { grid-template-columns: 1fr 1fr; }
|
||
.two-col { grid-template-columns: 1fr; gap: 16px; }
|
||
.timeline { flex-direction: column; gap: 16px; }
|
||
.timeline-item { padding: 0; }
|
||
.timeline-item::before { display: none; }
|
||
.timeline-dot { margin: 0 auto; }
|
||
.compare-table th, .compare-table td { padding: 8px 10px; font-size: 13px; }
|
||
.point-list li { font-size: 13px; line-height: 1.6; }
|
||
.card { padding: 14px; }
|
||
.highlight-box { padding: 14px 16px; }
|
||
.highlight-box .body { font-size: 13px; }
|
||
.nav { bottom: 0; gap: 12px; }
|
||
.nav button { width: 36px; height: 36px; font-size: 16px; }
|
||
.nav .counter { font-size: 12px; min-width: 50px; }
|
||
.chip { font-size: 11px; padding: 3px 10px; }
|
||
.skill-row { gap: 10px; padding: 10px 0; }
|
||
.skill-row .skill-num { font-size: 20px; width: 32px; }
|
||
.phase-card { padding: 14px; }
|
||
}
|
||
|
||
@media (max-width: 480px) {
|
||
.grid-4 { grid-template-columns: 1fr; }
|
||
.slide { padding-top: 16px; padding-left: 14px; padding-right: 14px; }
|
||
.compare-table th, .compare-table td { padding: 6px 8px; font-size: 12px; }
|
||
.point-list li { font-size: 12px; }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="progress" id="progress"></div>
|
||
|
||
<div class="deck" id="deck">
|
||
|
||
<!-- Slide 1: Title -->
|
||
<div class="slide title-slide active" data-slide="1">
|
||
<div class="section-tag">AI TALENT PROGRAM</div>
|
||
<h1 class="main-title">企业AI协调师</h1>
|
||
<p class="tagline">围绕企业智脑建设，培养懂业务、懂AI、懂管理的复合型人才，让AI真正在企业落地生根</p>
|
||
<p class="date">2026 年 8 月</p>
|
||
</div>
|
||
|
||
<!-- Slide 2: Why -->
|
||
<div class="slide" data-slide="2">
|
||
<div class="section-tag">CHAPTER 01</div>
|
||
<h2 class="slide-title">为什么需要AI协调师</h2>
|
||
<p class="slide-subtitle">企业智脑建设最大的瓶颈不是技术，而是人</p>
|
||
<div class="card-grid grid-3">
|
||
<div class="card" style="border-top:3px solid var(--red);">
|
||
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:var(--red);margin-bottom:12px;"><path d="M12 9v4M12 17h.01"/><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/></svg>
|
||
<h3 style="font-size:18px;margin-bottom:8px;">技术团队不懂业务</h3>
|
||
<p style="font-size:14px;color:var(--text2);line-height:1.6;">AI工程师懂模型不懂经营，做出来的东西业务部门用不起来</p>
|
||
<div style="margin-top:12px;"><span class="chip chip-red">有技术、无场景</span></div>
|
||
</div>
|
||
<div class="card" style="border-top:3px solid var(--yellow);">
|
||
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:var(--yellow);margin-bottom:12px;"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
|
||
<h3 style="font-size:18px;margin-bottom:8px;">业务团队不懂AI</h3>
|
||
<p style="font-size:14px;color:var(--text2);line-height:1.6;">管理层想用AI但不知道能做什么、怎么用，期望与现实脱节</p>
|
||
<div style="margin-top:12px;"><span class="chip chip-gold">有需求、无路径</span></div>
|
||
</div>
|
||
<div class="card" style="border-top:3px solid var(--accent);">
|
||
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:var(--accent);margin-bottom:12px;"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
|
||
<h3 style="font-size:18px;margin-bottom:8px;">缺少翻译者</h3>
|
||
<p style="font-size:14px;color:var(--text2);line-height:1.6;">技术团队和业务团队各说各话，需要有人能把两边对接起来</p>
|
||
<div style="margin-top:12px;"><span class="chip chip-blue">有桥梁、才落地</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="highlight-box" style="margin-top:28px;">
|
||
<div class="title">AI协调师的角色</div>
|
||
<div class="body">不是AI工程师，也不是纯业务人员——而是<strong style="color:var(--text);">懂业务的AI产品经理 + 懂AI的经营分析师</strong>，在企业智脑建设中扮演翻译者、推动者、落地者的三重角色</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 3: Role Definition -->
|
||
<div class="slide" data-slide="3">
|
||
<div class="section-tag">CHAPTER 02</div>
|
||
<h2 class="slide-title">AI协调师是什么</h2>
|
||
<p class="slide-subtitle">一个连接技术、业务、管理的复合型岗位</p>
|
||
<div class="two-col">
|
||
<div>
|
||
<h3 style="font-size:16px;color:var(--text2);margin-bottom:16px;">三重角色</h3>
|
||
<div style="display:flex;flex-direction:column;gap:12px;">
|
||
<div class="card" style="padding:16px 20px;">
|
||
<div style="display:flex;align-items:center;gap:12px;">
|
||
<span class="chip chip-blue" style="min-width:80px;text-align:center;">翻译者</span>
|
||
<span style="font-size:14px;color:var(--text2);">把业务需求翻译成AI能理解的问题，把AI结果翻译成业务能听懂的语言</span>
|
||
</div>
|
||
</div>
|
||
<div style="text-align:center;color:var(--text3);">↓</div>
|
||
<div class="card" style="padding:16px 20px;">
|
||
<div style="display:flex;align-items:center;gap:12px;">
|
||
<span class="chip chip-green" style="min-width:80px;text-align:center;">推动者</span>
|
||
<span style="font-size:14px;color:var(--text2);">推动各部门配合数据治理、指标体系建设、闭环流程落地</span>
|
||
</div>
|
||
</div>
|
||
<div style="text-align:center;color:var(--text3);">↓</div>
|
||
<div class="card" style="padding:16px 20px;">
|
||
<div style="display:flex;align-items:center;gap:12px;">
|
||
<span class="chip chip-gold" style="min-width:80px;text-align:center;">落地者</span>
|
||
<span style="font-size:14px;color:var(--text2);">把企业智脑的五层架构变成具体的功能、流程、制度，确保用起来</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h3 style="font-size:16px;color:var(--text2);margin-bottom:16px;">核心职责</h3>
|
||
<ul class="point-list">
|
||
<li><strong>需求挖掘</strong>：深入业务一线，发现可以用AI解决的真实问题</li>
|
||
<li><strong>方案设计</strong>：把业务问题拆解为数据需求 + AI需求 + 流程需求</li>
|
||
<li><strong>跨部门协调</strong>：协调IT、运营、财务、HR等部门配合智脑建设</li>
|
||
<li><strong>效果验证</strong>：设计验证方案，量化AI应用的实际业务价值</li>
|
||
<li><strong>知识沉淀</strong>：把成功经验提炼成SOP，推广到更多场景</li>
|
||
<li><strong>变革推动</strong>：帮助团队适应AI驱动的工作方式，降低抵触</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 4: Skill Matrix -->
|
||
<div class="slide" data-slide="4">
|
||
<div class="section-tag">CHAPTER 03</div>
|
||
<h2 class="slide-title">能力模型</h2>
|
||
<p class="slide-subtitle">六大核心能力，T型人才结构</p>
|
||
<div class="card" style="max-width:800px;">
|
||
<div class="skill-row">
|
||
<div class="skill-num" style="color:var(--accent);">01</div>
|
||
<div class="skill-body">
|
||
<div class="skill-name">业务理解力</div>
|
||
<div class="skill-desc">深入理解企业核心业务流程、经营指标、管理痛点，能与一线员工和高层管理者同频对话</div>
|
||
</div>
|
||
</div>
|
||
<div class="skill-row">
|
||
<div class="skill-num" style="color:var(--accent2);">02</div>
|
||
<div class="skill-body">
|
||
<div class="skill-name">AI认知力</div>
|
||
<div class="skill-desc">理解大模型的能力边界、适用场景、局限性，知道什么问题该用AI解、什么问题不该用</div>
|
||
</div>
|
||
</div>
|
||
<div class="skill-row">
|
||
<div class="skill-num" style="color:var(--accent3);">03</div>
|
||
<div class="skill-body">
|
||
<div class="skill-name">数据思维</div>
|
||
<div class="skill-desc">掌握数据采集、清洗、分析的基本方法，能用数据讲故事、用数据驱动决策</div>
|
||
</div>
|
||
</div>
|
||
<div class="skill-row">
|
||
<div class="skill-num" style="color:var(--gold);">04</div>
|
||
<div class="skill-body">
|
||
<div class="skill-name">产品设计力</div>
|
||
<div class="skill-desc">能把业务需求转化为产品功能设计，关注用户体验，确保系统真正被用起来</div>
|
||
</div>
|
||
</div>
|
||
<div class="skill-row">
|
||
<div class="skill-num" style="color:var(--green);">05</div>
|
||
<div class="skill-body">
|
||
<div class="skill-name">项目管理力</div>
|
||
<div class="skill-desc">能推动跨部门协作，把控项目节奏，在约束条件下交付结果</div>
|
||
</div>
|
||
</div>
|
||
<div class="skill-row">
|
||
<div class="skill-num" style="color:var(--red);">06</div>
|
||
<div class="skill-body">
|
||
<div class="skill-name">变革推动力</div>
|
||
<div class="skill-desc">懂组织变革方法论，能化解抵触情绪，让团队从"要我用"变成"我要用"</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="highlight-box" style="margin-top:20px;max-width:800px;">
|
||
<div class="title">T型人才</div>
|
||
<div class="body">横向：广泛了解业务、AI、数据、产品、管理各领域知识 · 纵向：在业务理解和AI应用两个方向有深度专业能力</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 5: Training Phases -->
|
||
<div class="slide" data-slide="5">
|
||
<div class="section-tag">CHAPTER 04</div>
|
||
<h2 class="slide-title">培养路径</h2>
|
||
<p class="slide-subtitle">三阶段递进式培养，8周完成从认知到实战</p>
|
||
<div class="timeline">
|
||
<div class="timeline-item">
|
||
<div class="time">第 1-2 周</div>
|
||
<div class="timeline-dot" style="background:var(--accent);"></div>
|
||
<div class="title">认知建立</div>
|
||
<div class="desc">懂智脑<br>懂业务<br>懂自己</div>
|
||
<div style="margin-top:10px;font-size:12px;color:var(--accent2);">智脑架构 + 业务深潜 + 角色认知</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="time">第 3-5 周</div>
|
||
<div class="timeline-dot" style="background:var(--accent3);"></div>
|
||
<div class="title">技能锻造</div>
|
||
<div class="desc">学方法<br>练工具<br>做模拟</div>
|
||
<div style="margin-top:10px;font-size:12px;color:var(--accent3);">数据思维 + AI实操 + 场景设计</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="time">第 6-8 周</div>
|
||
<div class="timeline-dot" style="background:var(--green);"></div>
|
||
<div class="title">实战落地</div>
|
||
<div class="desc">真问题<br>真项目<br>真交付</div>
|
||
<div style="margin-top:10px;font-size:12px;color:var(--green);">项目实战 + 跨部门协作 + 成果汇报</div>
|
||
</div>
|
||
</div>
|
||
<div style="margin-top:36px;">
|
||
<h3 style="font-size:16px;color:var(--text2);margin-bottom:16px;">培养目标</h3>
|
||
<div class="card">
|
||
<table class="compare-table">
|
||
<thead>
|
||
<tr><th>阶段</th><th>培养重点</th><th>可验证成果</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td><strong>第一阶段</strong></td><td>认知对齐</td><td class="after">能画出企业智脑五层架构图，能讲清本企业核心业务流程</td></tr>
|
||
<tr><td><strong>第二阶段</strong></td><td>技能掌握</td><td class="after">能独立完成一个业务场景的AI应用方案设计</td></tr>
|
||
<tr><td><strong>第三阶段</strong></td><td>实战交付</td><td class="after">主导完成一个真实业务场景的智脑功能上线</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 6: Phase 1 Detail -->
|
||
<div class="slide" data-slide="6">
|
||
<div class="section-tag">第一阶段 · 认知建立</div>
|
||
<h2 class="slide-title">第1-2周：认知建立</h2>
|
||
<p class="slide-subtitle">让学员理解企业智脑全貌，深入业务一线，明确自身角色</p>
|
||
<div class="two-col">
|
||
<div>
|
||
<h3 style="font-size:16px;color:var(--text2);margin-bottom:16px;">课程模块</h3>
|
||
<div style="display:flex;flex-direction:column;gap:10px;">
|
||
<div class="phase-card">
|
||
<div class="phase-header">
|
||
<span class="phase-badge" style="background:rgba(59,130,246,0.15);color:var(--accent2);">第1周</span>
|
||
<span class="phase-title">企业智脑全景</span>
|
||
</div>
|
||
<div class="phase-content">
|
||
五层架构详解 · 本体论语义模型 · 数据资产化原理 · 指标体系设计 · 闭环管理思维<br>
|
||
<strong style="color:var(--text);">产出：</strong>画出本企业的智脑架构图
|
||
</div>
|
||
</div>
|
||
<div class="phase-card">
|
||
<div class="phase-header">
|
||
<span class="phase-badge" style="background:rgba(96,165,250,0.15);color:var(--accent2);">第1周</span>
|
||
<span class="phase-title">AI大模型认知</span>
|
||
</div>
|
||
<div class="phase-content">
|
||
LLM能力与边界 · RAG/Agent/Fine-tune区别 · 企业AI应用金字塔 · 智脑vs传统BI<br>
|
||
<strong style="color:var(--text);">产出：</strong>列举本企业5个可用AI解决的业务问题
|
||
</div>
|
||
</div>
|
||
<div class="phase-card">
|
||
<div class="phase-header">
|
||
<span class="phase-badge" style="background:rgba(129,140,248,0.15);color:var(--accent3);">第2周</span>
|
||
<span class="phase-title">业务深潜</span>
|
||
</div>
|
||
<div class="phase-content">
|
||
门店一线跟岗2天 · 与店长/区域经理深度访谈 · 梳理核心业务流程痛点 · 数据流向调研<br>
|
||
<strong style="color:var(--text);">产出：</strong>业务痛点清单 + 数据现状报告
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h3 style="font-size:16px;color:var(--text2);margin-bottom:16px;">角色认知</h3>
|
||
<ul class="point-list">
|
||
<li><strong>我是谁</strong>：不是技术岗，是业务+AI的桥梁岗</li>
|
||
<li><strong>我做什么</strong>：不是写代码，是把AI能力变成业务价值</li>
|
||
<li><strong>我不做什么</strong>：不替代IT部门，不替代业务负责人</li>
|
||
<li><strong>我怎么衡量</strong>：不是上了多少功能，而是业务用起来多少</li>
|
||
</ul>
|
||
<div class="highlight-box" style="margin-top:16px;">
|
||
<div class="title">关键认知</div>
|
||
<div class="body">企业智脑不是一个IT项目，而是一次<strong style="color:var(--text);">管理变革</strong>。AI协调师是变革的推动者，不是技术的搬运工。</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 7: Phase 2 Detail -->
|
||
<div class="slide" data-slide="7">
|
||
<div class="section-tag">第二阶段 · 技能锻造</div>
|
||
<h2 class="slide-title">第3-5周：技能锻造</h2>
|
||
<p class="slide-subtitle">掌握数据思维、AI工具实操、场景化方案设计</p>
|
||
<div class="two-col">
|
||
<div>
|
||
<h3 style="font-size:16px;color:var(--text2);margin-bottom:16px;">核心技能训练</h3>
|
||
<div style="display:flex;flex-direction:column;gap:10px;">
|
||
<div class="phase-card">
|
||
<div class="phase-header">
|
||
<span class="phase-badge" style="background:rgba(59,130,246,0.15);color:var(--accent2);">第3周</span>
|
||
<span class="phase-title">数据思维</span>
|
||
</div>
|
||
<div class="phase-content">
|
||
指标拆解方法 · 归因分析框架 · 数据可视化讲故事 · 用数据驱动会议<br>
|
||
<strong style="color:var(--text);">实战：</strong>拿真实经营数据做一次完整的归因分析
|
||
</div>
|
||
</div>
|
||
<div class="phase-card">
|
||
<div class="phase-header">
|
||
<span class="phase-badge" style="background:rgba(129,140,248,0.15);color:var(--accent3);">第4周</span>
|
||
<span class="phase-title">AI工具实操</span>
|
||
</div>
|
||
<div class="phase-content">
|
||
Prompt工程实战 · RAG知识库搭建 · Agent流程编排 · 与现有系统对接方法<br>
|
||
<strong style="color:var(--text);">实战：</strong>搭建一个业务知识库 + 设计一个自动分析Agent
|
||
</div>
|
||
</div>
|
||
<div class="phase-card">
|
||
<div class="phase-header">
|
||
<span class="phase-badge" style="background:rgba(251,191,36,0.15);color:var(--gold);">第5周</span>
|
||
<span class="phase-title">场景化方案设计</span>
|
||
</div>
|
||
<div class="phase-content">
|
||
业务问题→AI方案的设计方法论 · ROI测算 · 风险评估 · 变革管理计划<br>
|
||
<strong style="color:var(--text);">实战：</strong>完成一个完整场景的AI应用方案书
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h3 style="font-size:16px;color:var(--text2);margin-bottom:16px;">能力考核标准</h3>
|
||
<div class="card">
|
||
<table class="compare-table">
|
||
<thead>
|
||
<tr><th>能力项</th><th>达标标准</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td><strong>数据思维</strong></td><td class="after">能独立完成指标拆解+归因分析</td></tr>
|
||
<tr><td><strong>AI实操</strong></td><td class="after">能搭建RAG知识库+编排Agent</td></tr>
|
||
<tr><td><strong>方案设计</strong></td><td class="after">能输出完整的AI应用方案书</td></tr>
|
||
<tr><td><strong>业务对话</strong></td><td class="after">能与业务负责人独立沟通需求</td></tr>
|
||
<tr><td><strong>项目管理</strong></td><td class="after">能制定项目计划+把控关键节点</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="highlight-box" style="margin-top:16px;">
|
||
<div class="title">本阶段核心</div>
|
||
<div class="body">不是学工具操作，而是学<strong style="color:var(--text);">用工具解决业务问题</strong>的思维方式</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 8: Phase 3 Detail -->
|
||
<div class="slide" data-slide="8">
|
||
<div class="section-tag">第三阶段 · 实战落地</div>
|
||
<h2 class="slide-title">第6-8周：实战落地</h2>
|
||
<p class="slide-subtitle">真问题、真项目、真交付，在实战中完成蜕变</p>
|
||
<div class="two-col">
|
||
<div>
|
||
<h3 style="font-size:16px;color:var(--text2);margin-bottom:16px;">实战项目流程</h3>
|
||
<div style="display:flex;flex-direction:column;gap:12px;">
|
||
<div class="card" style="padding:16px 20px;">
|
||
<div style="display:flex;align-items:center;gap:12px;">
|
||
<span class="chip chip-blue" style="min-width:80px;text-align:center;">选题立项</span>
|
||
<span style="font-size:14px;color:var(--text2);">从业务痛点清单中选1个高价值场景，立项并获取资源</span>
|
||
</div>
|
||
</div>
|
||
<div style="text-align:center;color:var(--text3);">↓</div>
|
||
<div class="card" style="padding:16px 20px;">
|
||
<div style="display:flex;align-items:center;gap:12px;">
|
||
<span class="chip chip-green" style="min-width:80px;text-align:center;">方案设计</span>
|
||
<span style="font-size:14px;color:var(--text2);">输出详细方案：数据需求+AI需求+流程变更+ROI</span>
|
||
</div>
|
||
</div>
|
||
<div style="text-align:center;color:var(--text3);">↓</div>
|
||
<div class="card" style="padding:16px 20px;">
|
||
<div style="display:flex;align-items:center;gap:12px;">
|
||
<span class="chip chip-gold" style="min-width:80px;text-align:center;">开发协调</span>
|
||
<span style="font-size:14px;color:var(--text2);">协调IT团队开发，跟进进度，把控质量</span>
|
||
</div>
|
||
</div>
|
||
<div style="text-align:center;color:var(--text3);">↓</div>
|
||
<div class="card" style="padding:16px 20px;">
|
||
<div style="display:flex;align-items:center;gap:12px;">
|
||
<span class="chip chip-purple" style="min-width:80px;text-align:center;">上线推广</span>
|
||
<span style="font-size:14px;color:var(--text2);">组织培训，推动使用，收集反馈，迭代优化</span>
|
||
</div>
|
||
</div>
|
||
<div style="text-align:center;color:var(--text3);">↓</div>
|
||
<div class="card" style="padding:16px 20px;">
|
||
<div style="display:flex;align-items:center;gap:12px;">
|
||
<span class="chip" style="min-width:80px;text-align:center;background:rgba(52,211,153,0.15);color:var(--green);">成果汇报</span>
|
||
<span style="font-size:14px;color:var(--text2);">量化业务价值，沉淀SOP，向管理层汇报</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h3 style="font-size:16px;color:var(--text2);margin-bottom:16px;">实战项目示例</h3>
|
||
<div style="display:flex;flex-direction:column;gap:10px;">
|
||
<div class="phase-card" style="border-left:3px solid var(--accent);">
|
||
<div class="phase-title" style="font-size:15px;margin-bottom:6px;">A. 智能日报自动生成</div>
|
||
<div class="phase-content">从各系统自动采集数据 → AI生成经营日报 → 推送管理层</div>
|
||
</div>
|
||
<div class="phase-card" style="border-left:3px solid var(--accent2);">
|
||
<div class="phase-title" style="font-size:15px;margin-bottom:6px;">B. 异常预警+归因</div>
|
||
<div class="phase-content">指标偏离自动预警 → AI归因分析 → 推送纠偏建议</div>
|
||
</div>
|
||
<div class="phase-card" style="border-left:3px solid var(--accent3);">
|
||
<div class="phase-title" style="font-size:15px;margin-bottom:6px;">C. 知识库智能问答</div>
|
||
<div class="phase-content">SOP/制度/经验入库 → AI问答 → 新人快速上手</div>
|
||
</div>
|
||
<div class="phase-card" style="border-left:3px solid var(--gold);">
|
||
<div class="phase-title" style="font-size:15px;margin-bottom:6px;">D. 目标穿透看板</div>
|
||
<div class="phase-content">年度目标拆解到人到天 → 实时达成率 → 偏差自动归因</div>
|
||
</div>
|
||
</div>
|
||
<div class="highlight-box" style="margin-top:16px;">
|
||
<div class="title">毕业标准</div>
|
||
<div class="body">主导完成1个实战项目上线 + 业务部门在使用 + 可量化业务价值</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 9: Career Path -->
|
||
<div class="slide" data-slide="9">
|
||
<div class="section-tag">CHAPTER 05</div>
|
||
<h2 class="slide-title">职业发展路径</h2>
|
||
<p class="slide-subtitle">从AI协调师到企业智脑架构师</p>
|
||
<div class="card" style="max-width:800px;">
|
||
<div style="display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);">
|
||
<div style="width:60px;height:60px;border-radius:14px;background:rgba(59,130,246,0.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;">
|
||
<span style="font-size:24px;font-weight:900;color:var(--accent);">L1</span>
|
||
</div>
|
||
<div style="flex:1;">
|
||
<div style="font-size:18px;font-weight:700;">AI协调师 <span style="font-size:13px;color:var(--text3);font-weight:400;">（入门）</span></div>
|
||
<div style="font-size:14px;color:var(--text2);margin-top:4px;">能独立完成单个场景的AI应用落地 · 0-1年经验</div>
|
||
</div>
|
||
<span class="chip chip-blue">起点</span>
|
||
</div>
|
||
<div style="display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);">
|
||
<div style="width:60px;height:60px;border-radius:14px;background:rgba(96,165,250,0.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;">
|
||
<span style="font-size:24px;font-weight:900;color:var(--accent2);">L2</span>
|
||
</div>
|
||
<div style="flex:1;">
|
||
<div style="font-size:18px;font-weight:700;">AI应用经理 <span style="font-size:13px;color:var(--text3);font-weight:400;">（进阶）</span></div>
|
||
<div style="font-size:14px;color:var(--text2);margin-top:4px;">能统筹多个场景的AI应用规划与落地 · 1-2年经验</div>
|
||
</div>
|
||
<span class="chip chip-green">成长</span>
|
||
</div>
|
||
<div style="display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);">
|
||
<div style="width:60px;height:60px;border-radius:14px;background:rgba(129,140,248,0.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;">
|
||
<span style="font-size:24px;font-weight:900;color:var(--accent3);">L3</span>
|
||
</div>
|
||
<div style="flex:1;">
|
||
<div style="font-size:18px;font-weight:700;">企业智脑架构师 <span style="font-size:13px;color:var(--text3);font-weight:400;">（高级）</span></div>
|
||
<div style="font-size:14px;color:var(--text2);margin-top:4px;">能规划企业级智脑架构，主导数字化转型 · 2-3年经验</div>
|
||
</div>
|
||
<span class="chip chip-purple">进阶</span>
|
||
</div>
|
||
<div style="display:flex;align-items:center;gap:16px;padding:16px 0;">
|
||
<div style="width:60px;height:60px;border-radius:14px;background:rgba(251,191,36,0.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;">
|
||
<span style="font-size:24px;font-weight:900;color:var(--gold);">L4</span>
|
||
</div>
|
||
<div style="flex:1;">
|
||
<div style="font-size:18px;font-weight:700;">首席AI官 <span style="font-size:13px;color:var(--text3);font-weight:400;">（顶层）</span></div>
|
||
<div style="font-size:14px;color:var(--text2);margin-top:4px;">从战略层面推动AI与企业经营深度融合 · 3年+经验</div>
|
||
</div>
|
||
<span class="chip chip-gold">目标</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 10: Selection -->
|
||
<div class="slide" data-slide="10">
|
||
<div class="section-tag">CHAPTER 06</div>
|
||
<h2 class="slide-title">学员选拔标准</h2>
|
||
<p class="slide-subtitle">选对人比培养人更重要</p>
|
||
<div class="card-grid grid-2">
|
||
<div>
|
||
<h3 style="font-size:16px;color:var(--accent2);margin-bottom:16px;">优先选择</h3>
|
||
<div style="display:flex;flex-direction:column;gap:10px;">
|
||
<div class="card" style="padding:14px 18px;">
|
||
<div style="display:flex;align-items:center;gap:10px;">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:var(--green);flex-shrink:0;"><polyline points="20 6 9 17 4 12"/></svg>
|
||
<span style="font-size:14px;">经营分析/数据分析岗，有业务sense</span>
|
||
</div>
|
||
</div>
|
||
<div class="card" style="padding:14px 18px;">
|
||
<div style="display:flex;align-items:center;gap:10px;">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:var(--green);flex-shrink:0;"><polyline points="20 6 9 17 4 12"/></svg>
|
||
<span style="font-size:14px;">运营/商品部骨干，对数据敏感</span>
|
||
</div>
|
||
</div>
|
||
<div class="card" style="padding:14px 18px;">
|
||
<div style="display:flex;align-items:center;gap:10px;">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:var(--green);flex-shrink:0;"><polyline points="20 6 9 17 4 12"/></svg>
|
||
<span style="font-size:14px;">IT产品经理，想往业务方向转型</span>
|
||
</div>
|
||
</div>
|
||
<div class="card" style="padding:14px 18px;">
|
||
<div style="display:flex;align-items:center;gap:10px;">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:var(--green);flex-shrink:0;"><polyline points="20 6 9 17 4 12"/></svg>
|
||
<span style="font-size:14px;">年轻有冲劲，学习能力强，跨部门沟通好</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h3 style="font-size:16px;color:var(--red);margin-bottom:16px;">不适合选择</h3>
|
||
<div style="display:flex;flex-direction:column;gap:10px;">
|
||
<div class="card" style="padding:14px 18px;">
|
||
<div style="display:flex;align-items:center;gap:10px;">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:var(--red);flex-shrink:0;"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
|
||
<span style="font-size:14px;">纯技术思维，不愿接触业务一线</span>
|
||
</div>
|
||
</div>
|
||
<div class="card" style="padding:14px 18px;">
|
||
<div style="display:flex;align-items:center;gap:10px;">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:var(--red);flex-shrink:0;"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
|
||
<span style="font-size:14px;">只做执行不愿思考，等指令型</span>
|
||
</div>
|
||
</div>
|
||
<div class="card" style="padding:14px 18px;">
|
||
<div style="display:flex;align-items:center;gap:10px;">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:var(--red);flex-shrink:0;"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
|
||
<span style="font-size:14px;">沟通能力弱，不善于跨部门协作</span>
|
||
</div>
|
||
</div>
|
||
<div class="card" style="padding:14px 18px;">
|
||
<div style="display:flex;align-items:center;gap:10px;">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:var(--red);flex-shrink:0;"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
|
||
<span style="font-size:14px;">对AI有抵触或不感兴趣</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="highlight-box" style="margin-top:24px;">
|
||
<div class="title">选拔建议</div>
|
||
<div class="body">每期选拔 <strong style="color:var(--text);">3-5人</strong>，来自不同部门（运营、商品、财务、IT），形成跨部门学习小组，便于后续实战项目的跨部门协作</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 11: Investment -->
|
||
<div class="slide" data-slide="11">
|
||
<div class="section-tag">CHAPTER 07</div>
|
||
<h2 class="slide-title">投入与回报</h2>
|
||
<p class="slide-subtitle">8周培养，长期复利</p>
|
||
<div class="two-col">
|
||
<div>
|
||
<h3 style="font-size:16px;color:var(--text2);margin-bottom:16px;">投入</h3>
|
||
<div class="card">
|
||
<table class="compare-table">
|
||
<thead>
|
||
<tr><th>项目</th><th>说明</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td><strong>时间</strong></td><td>8周，每周2天脱产学习+实战</td></tr>
|
||
<tr><td><strong>师资</strong></td><td>智脑架构师1人 + 业务导师1人 + AI技术导师1人</td></tr>
|
||
<tr><td><strong>工具</strong></td><td>企业智脑平台账号 + AI工具集 + 真实数据环境</td></tr>
|
||
<tr><td><strong>人数</strong></td><td>每期3-5人，小班制确保质量</td></tr>
|
||
<tr><td><strong>管理</strong></td><td>学员脱产期间原岗位工作需安排替代</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h3 style="font-size:16px;color:var(--text2);margin-bottom:16px;">回报</h3>
|
||
<div class="card">
|
||
<table class="compare-table">
|
||
<thead>
|
||
<tr><th>维度</th><th>价值</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td><strong>人才</strong></td><td class="after">培养出懂业务+懂AI的复合型人才</td></tr>
|
||
<tr><td><strong>项目</strong></td><td class="after">8周内交付1个真实AI应用上线</td></tr>
|
||
<tr><td><strong>能力</strong></td><td class="after">企业具备自主推进智脑建设的能力</td></tr>
|
||
<tr><td><strong>文化</strong></td><td class="after">推动数据驱动+AI驱动的管理文化</td></tr>
|
||
<tr><td><strong>复利</strong></td><td class="after">学员可带教下一期，形成人才培养闭环</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="highlight-box" style="margin-top:24px;">
|
||
<div class="title">核心价值</div>
|
||
<div class="body">8周的投入，换来的是企业<strong style="color:var(--text);">自主推进AI落地</strong>的持续能力——不再依赖外部团队，自己的协调师就能把智脑一层层建起来</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 12: Summary -->
|
||
<div class="slide summary-slide" data-slide="12">
|
||
<div class="section-tag">SUMMARY</div>
|
||
<div class="big-text">
|
||
企业智脑建设的核心瓶颈是<span class="highlight">人才</span>。<br><br>
|
||
技术可以采购，系统可以搭建，<br>
|
||
但<strong style="color:var(--text);">把AI变成业务价值的人</strong>，必须自己培养。<br><br>
|
||
<span class="highlight">8周</span>培养，<span class="highlight">3-5人</span>起步，<br>
|
||
让企业拥有自己的AI协调师团队。
|
||
</div>
|
||
<div class="final">懂业务 · 懂AI · 懂管理 · 能落地</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- Navigation -->
|
||
<div class="nav">
|
||
<button onclick="prevSlide()">‹</button>
|
||
<span class="counter"><span id="current">1</span> / <span id="total">12</span></span>
|
||
<button onclick="nextSlide()">›</button>
|
||
</div>
|
||
|
||
<script>
|
||
const slides = document.querySelectorAll('.slide');
|
||
const total = slides.length;
|
||
let current = 0;
|
||
|
||
document.getElementById('total').textContent = total;
|
||
|
||
function updateSlide() {
|
||
slides.forEach((s, i) => {
|
||
s.classList.remove('active', 'prev');
|
||
if (i === current) s.classList.add('active');
|
||
else if (i < current) s.classList.add('prev');
|
||
});
|
||
document.getElementById('current').textContent = current + 1;
|
||
document.getElementById('progress').style.width = ((current + 1) / total * 100) + '%';
|
||
}
|
||
|
||
function nextSlide() {
|
||
if (current < total - 1) { current++; updateSlide(); }
|
||
}
|
||
|
||
function prevSlide() {
|
||
if (current > 0) { current--; updateSlide(); }
|
||
}
|
||
|
||
document.addEventListener('keydown', (e) => {
|
||
if (e.key === 'ArrowRight' || e.key === ' ' || e.key === 'PageDown') { e.preventDefault(); nextSlide(); }
|
||
else if (e.key === 'ArrowLeft' || e.key === 'PageUp') { e.preventDefault(); prevSlide(); }
|
||
else if (e.key === 'Home') { current = 0; updateSlide(); }
|
||
else if (e.key === 'End') { current = total - 1; updateSlide(); }
|
||
else if (e.key === 'f' || e.key === 'F') {
|
||
if (!document.fullscreenElement) document.documentElement.requestFullscreen();
|
||
else document.exitFullscreen();
|
||
}
|
||
});
|
||
|
||
// Touch support
|
||
let touchStartX = 0;
|
||
let touchStartY = 0;
|
||
document.addEventListener('touchstart', (e) => {
|
||
touchStartX = e.touches[0].clientX;
|
||
touchStartY = e.touches[0].clientY;
|
||
}, { passive: true });
|
||
document.addEventListener('touchend', (e) => {
|
||
const diffX = touchStartX - e.changedTouches[0].clientX;
|
||
const diffY = touchStartY - e.changedTouches[0].clientY;
|
||
if (Math.abs(diffX) > 40 && Math.abs(diffX) > Math.abs(diffY) * 1.5) {
|
||
if (diffX > 0) nextSlide(); else prevSlide();
|
||
}
|
||
}, { passive: true });
|
||
|
||
updateSlide();
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|