诸葛亮

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>诸葛亮 - 阿里云AI销售专家</title>
    <style>
        /* 全局样式 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

body {
            font-family: 'Helvetica Neue', 'Segoe UI', 'Microsoft YaHei', Arial, sans-serif;
            line-height: 1.6;
            color: #333;
            background: #f8f9fa;
            padding: 20px;
            min-height: 100vh;
            /* 防止页面滚动条因绝对定位元素消失 */
            overflow-x: hidden;
        }

.resume-container {
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            display: flex;
            min-height: 90vh;
        }

/* 左侧栏 - 个人信息和推荐信 */
        .left-column {
            width: 40%;
            background: #1a1a1a;
            color: #f0f0f0;
            padding: 40px 30px;
            position: relative;
            overflow: hidden; /* 防止背景溢出 */
        }

/* 添加动态背景图（使用 ::before 伪元素） */
        .left-column::before {
            content: "";
            position: absolute;
            top: 0px;
            right: 0px;
            width: 480px;
            height: 800px;
            background-image: url('https://www.sanguosha.com/uploads/201911/5dcd61787e7e6.gif');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0.5; /* 50% 透明度 */
            z-index: 1; /* 置于内容下方 */
        }

/* 右侧栏 - 工作经历等详细信息 */
        .right-column {
            width: 60%;
            padding: 40px 40px;
            background: white;
            color: #333;
        }

/* 响应式设计 - 移动端堆叠 */
        @media (max-width: 768px) {
            .resume-container {
                flex-direction: column;
                min-height: auto;
            }

.left-column {
                width: 100%;
                padding: 30px 20px;
            }

.right-column {
                width: 100%;
                padding: 30px 20px;
            }
        }

/* 头像样式 */
        .profile-photo {
            width: 180px;
            height: 180px;
            border-radius: 50%;
            border: 3px solid #fff;
            object-fit: cover;
            margin: 0 auto 25px;
            z-index: 2; /* 确保头像在背景之上 */
            display: block;
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
        }

/* 姓名和职位 */
        .name {
            font-size: 2.2rem;
            font-weight: 700;
            text-align: center;
            margin-bottom: 8px;
            letter-spacing: 1px;
            color: #fff;
        }

.title {
            font-size: 1.2rem;
            text-align: center;
            color: #ccc;
            margin-bottom: 25px;
            font-weight: 400;
        }

/* 联系信息 */
        .contact-info {
            margin-bottom: 30px;
        }

.contact-item {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
            font-size: 0.95rem;
        }

.contact-item i {
            margin-right: 10px;
            color: #888;
            min-width: 20px;
        }

/* 分隔线 */
        .divider {
            height: 1px;
            background: linear-gradient(90deg, transparent, #444, transparent);
            margin: 25px 0;
        }

/* 标题样式 */
        .section-title {
            font-size: 1.4rem;
            font-weight: 700;
            margin: 25px 0 20px;
            color: #1a1a1a;
            position: relative;
            padding-left: 15px;
        }

.section-title::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 18px;
            background: #000;
        }

/* 左侧标题 */
        .left-section-title {
            font-size: 1.2rem;
            font-weight: 700;
            margin: 25px 0 15px;
            color: #fff;
            position: relative;
            padding-left: 12px;
        }

.left-section-title::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 3px;
            height: 16px;
            background: #888;
        }

/* 技能标签 */
        .skills {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 10px;
        }

.skill-tag {
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.85rem;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

/* 推荐信样式 */
        .recommendation-letter {
            background: rgba(255, 255, 255, 0.05);
            border-radius: 8px;
            padding: 20px;
            margin-top: 15px;
            border-left: 2px solid #555;
        }

.recommender-name {
            font-size: 1.1rem;
            font-weight: 700;
            color: #fff;
            margin-bottom: 5px;
        }

.recommender-title {
            font-size: 0.85rem;
            color: #aaa;
            margin-bottom: 15px;
            font-style: italic;
        }

.recommendation-content {
            font-size: 0.9rem;
            line-height: 1.7;
            color: #ddd;
        }

.recommendation-content p {
            margin-bottom: 12px;
            text-indent: 1.2em;
        }

.recommendation-highlight {
            color: #fff;
            font-weight: 600;
            background: rgba(255, 255, 255, 0.1);
            padding: 1px 4px;
            border-radius: 3px;
        }

/* 工作经历卡片 */
        .job-card {
            margin-bottom: 25px;
            padding-bottom: 25px;
            border-bottom: 1px solid #eee;
        }

.job-card:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }

.job-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
            flex-wrap: wrap;
            gap: 10px;
        }

.job-title {
            font-size: 1.3rem;
            font-weight: 700;
            color: #000;
        }

.job-date {
            color: #666;
            font-size: 0.95rem;
            font-style: italic;
        }

.job-company {
            color: #555;
            font-size: 1.05rem;
            margin-bottom: 12px;
            font-weight: 500;
        }

.job-description {
            padding-left: 15px;
        }

.job-description li {
            margin-bottom: 10px;
            position: relative;
            padding-left: 20px;
        }

.job-description li::before {
            content: "•";
            color: #000;
            font-weight: bold;
            position: absolute;
            left: 0;
            font-size: 1.2rem;
        }

.highlight {
            color: #000;
            font-weight: 600;
            position: relative;
        }

.highlight::after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 2px;
            background: #000;
        }

/* 案例研究 */
        .case-study {
            background: #f8f9fa;
            border-left: 3px solid #000;
            padding: 15px 20px;
            margin-top: 15px;
            border-radius: 0 6px 6px 0;
        }

.case-study h4 {
            color: #000;
            margin-bottom: 10px;
            font-size: 1.1rem;
            font-weight: 600;
        }

.case-study p {
            margin-bottom: 6px;
            font-size: 0.95rem;
        }

.case-study p strong {
            color: #000;
            font-weight: 600;
        }

/* 页脚 */
        .footer {
            text-align: center;
            padding-top: 20px;
            color: #888;
            font-size: 0.9rem;
            border-top: 1px solid #eee;
            margin-top: 20px;
        }

/* 动画效果 */
        @keyframes slideInLeft {
            from { opacity: 0; transform: translateX(-30px); }
            to { opacity: 1; transform: translateX(0); }
        }

@keyframes slideInRight {
            from { opacity: 0; transform: translateX(30px); }
            to { opacity: 1; transform: translateX(0); }
        }

.left-column > *:not(.profile-photo) {
            animation: slideInLeft 0.6s ease-out forwards;
        }

.right-column > * {
            animation: slideInRight 0.6s ease-out forwards;
        }

.left-column > *:nth-child(2) { animation-delay: 0.1s; }
        .left-column > *:nth-child(3) { animation-delay: 0.2s; }
        .left-column > *:nth-child(4) { animation-delay: 0.3s; }
        .left-column > *:nth-child(5) { animation-delay: 0.4s; }
        .left-column > *:nth-child(6) { animation-delay: 0.5s; }

.right-column > *:nth-child(1) { animation-delay: 0.1s; }
        .right-column > *:nth-child(2) { animation-delay: 0.2s; }
        .right-column > *:nth-child(3) { animation-delay: 0.3s; }
        .right-column > *:nth-child(4) { animation-delay: 0.4s; }
        .right-column > *:nth-child(5) { animation-delay: 0.5s; }

/* === 闪电特效样式开始 === */

/* 闪电基础样式 */
        .lightning {
            position: fixed;
            top: 0;
            width: 3px;
            height: 100vh;
            background: transparent;
            pointer-events: none;
            z-index: 9999;
            opacity: 0;
            animation-duration: 0.8s;
            animation-timing-function: ease-out;
            animation-fill-mode: forwards;
        }

/* 主闪电：明亮白色带光晕 */
        .lightning-main {
            background: linear-gradient(to bottom, rgba(255,255,255,0.8), transparent);
            box-shadow: 0 0 30px 10px rgba(255, 255, 255, 0.6);
            animation-name: flashMain;
        }

/* 分支闪电：偏蓝、细小 */
        .lightning-fork {
            width: 2px;
            background: linear-gradient(to bottom, rgba(180, 220, 255, 0.7), transparent);
            box-shadow: 0 0 20px 5px rgba(135, 206, 255, 0.4);
            /* transform: translateX(${(Math.random() - 0.5) * 20}px); */ /* JS中设置 */
            animation-name: flashFork;
        }

/* 主闪电动画 */
        @keyframes flashMain {
            0% { opacity: 0; }
            10% { opacity: 0.8; }
            20% { opacity: 1; }
            30% { opacity: 0.4; }
            40% { opacity: 0.6; }
            50% { opacity: 0.2; }
            100% { opacity: 0; }
        }

/* 分支闪电动画（更短促） */
        @keyframes flashFork {
            0% { opacity: 0; }
            10% { opacity: 0.6; }
            20% { opacity: 0.3; }
            100% { opacity: 0; }
        }

/* 可选：全屏短暂闪光（模拟雷电照亮天空） */
        @keyframes screenFlash {
            0% { background-color: rgba(255, 255, 255, 0); }
            5% { background-color: rgba(255, 255, 255, 0.1); }
            10% { background-color: rgba(255, 255, 255, 0); }
        }

/* === 闪电特效样式结束 === */

</style>
</head>
<body>
    <div class="resume-container">
        
        <div class="left-column">
            <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F202004%2F11%2F20200411050400_eRYmx.thumb.400_0.gif&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1766211991&t=0867e188eb5b5d083751caea17a248b4" alt="诸葛亮" class="profile-photo">

<h1 class="name">诸葛亮</h1>
            <div class="title">阿里云AI解决方案销售专家</div>

<div class="contact-info">
                <div class="contact-item">
                    <span>📱 +86 138-5555-8888</span>
                </div>
                <div class="contact-item">
                    <span>✉️ zhugeliang@alibabacloud.com</span>
                </div>
                <div class="contact-item">
                    <span>📍 杭州 · 阿里云总部</span>
                </div>
                <div class="contact-item">
                    <span>🎂 1999年11月 · 25岁</span>
                </div>
                <div class="contact-item">
                    <span>🎓 浙江大学 · 本科</span>
                </div>
            </div>

<h3 class="left-section-title">核心技能</h3>
            <div class="skills">
                <span class="skill-tag">阿里云百炼平台</span>
                <span class="skill-tag">通义大模型</span>
                <span class="skill-tag">RIDE销售方法论</span>
                <span class="skill-tag">AI解决方案</span>
                <span class="skill-tag">客户价值挖掘</span>
                <span class="skill-tag">电话销售</span>
                <span class="skill-tag">CRM系统</span>
                <span class="skill-tag">数据分析</span>
                <span class="skill-tag">客户成功管理</span>
                <span class="skill-tag">商务谈判</span>
            </div>

<h3 class="left-section-title">专业认证</h3>
            <ul style="list-style: none; padding-left: 15px; margin-top: 10px;">
                <li style="margin-bottom: 8px; position: relative; padding-left: 20px;">• 阿里云ACA认证 (2023)</li>
                <li style="margin-bottom: 8px; position: relative; padding-left: 20px;">• 阿里云百炼平台认证 (2023)</li>
                <li style="margin-bottom: 8px; position: relative; padding-left: 20px;">• 国际销售管理师(ISMP) (2022)</li>
                <li style="position: relative; padding-left: 20px;">• 阿里云客户成功经理认证 (2024)</li>
            </ul>

<h3 class="left-section-title">周瑜推荐信</h3>
            <div class="recommendation-letter">
                <div class="recommender-name">周瑜</div>
                <div class="recommender-title">江东大都督 · 阿里云战略合作伙伴</div>
                <div class="recommendation-content">
                    <p>致阿里云招聘委员会：</p>
                    <p>展信佳！</p>
                    <p>吾乃东吴大都督周瑜，字公瑾。今日，有幸为卧龙诸葛亮先生致此推荐信，望能助其在贵司应聘电话销售岗位。</p>
                    <p>虽与诸葛亮相识之初，各为其主，但共处三国乱世，深知孔明之才情超群、智谋无双。彼非但通晓天文地理，更擅长人际沟通，具备卓越的说服能力。于《隆中对》中，孔明确立了三分天下的战略方针，展示了他对局势敏锐的洞察力和长远规划的能力。而这种能力正是电话销售岗位不可或缺的核心竞争力之一——<span class="recommendation-highlight">准确把握客户需求，提供精准解决方案。</p>
                    <p>此外，孔明为人忠诚可靠，待人以诚，行事稳重而不失灵活。他不仅能够以理服人，更善于用情感打动人。记得赤壁之战时，孔明借东风之举，便充分体现了他在极端困难情况下解决问题的能力和勇于承担责任的大将风度。这些特质使得他在面对挑战时总能保持积极乐观的态度，并找到最佳解决方案，相信这也会让他成为一位出色的电话销售人员。</p>
                    <p>尤为值得一提的是，孔明对于新技术有着极高的接受能力和学习热情。无论是改良连弩还是发明木牛流马，无不显示出他对创新技术的应用能力。而在当今快速发展的科技领域，尤其是像阿里云这样的领军企业，员工是否具有持续学习、适应变化的能力尤为重要。因此，我相信孔明完全有能力迅速掌握贵司的产品知识和服务理念，并将其运用到实际工作中去。</p>
                    <p>综上所述，基于我对孔明多年来的了解，我坚信他是贵公司电话销售岗位的理想人选。希望您能给予他一个展示自我的机会，相信他的加入定会给贵司带来新的活力和发展机遇。</p>
                    <p>谨以此信，诚挚推荐。</p>
                    <p>顺祝商祺！</p>
                    <p>周瑜 敬上</p>
                </div>
            </div>
        </div>

<div class="right-column">
            <h2 class="section-title">职业概述</h2>
            <p>拥有3年阿里云AI产品销售经验的专业销售顾问，专注于百炼平台和通义大模型解决方案。擅长通过RIDE方法论深度挖掘客户业务痛点，将AI技术价值转化为可量化的商业成果。累计创造AI产品销售额超1200万元，客户满意度96%，多次获得阿里云"AI销售之星"称号。</p>

<div class="job-card">
                <div class="job-header">
                    <h3 class="job-title">阿里云AI解决方案高级销售顾问</h3>
                    <span class="job-date">2023.09 – 至今</span>
                </div>
                <div class="job-company">阿里云战略合作伙伴 · 杭州</div>
                <ul class="job-description">
                    <li>主推阿里云百炼平台+通义大模型AI解决方案，为零售/金融/制造行业客户定制智能客服、数据分析、智能营销等应用，<span class="highlight">AI产品订单额突破860万元（占总销售额65%）</span>，单月AI产品转化率55%（行业平均35%）。</li>
                    <li>为某全国连锁零售企业部署百炼AI客服系统（基于通义千问），解决人工客服效率低痛点（原响应时长2分钟/单→0.8分钟/单），<span class="highlight">客户月均订单量增长25%</span>，<span class="highlight">成交额120万元</span>，客户续约率100%。</li>
                    <li>通过RIDE方法论落地AI项目：<br>
                    → 识别：深度分析客户业务场景（客服效率、数据决策、营销转化）；<br>
                    → 定义：定制百炼平台+GPU算力套餐+行业模板方案；<br>
                    → 执行：协同技术团队完成智能体开发和POC验证；<br>
                    → 重组：推动客户组织架构适配AI转型。<br>
                    <span class="highlight">项目客户满意度96%</span>，获阿里云"2023年AI销售之星"和"最佳客户成功案例奖"。</li>
                    <li>建立AI销售知识库，编写《百炼平台销售话术指南》，培训新入职销售顾问15人，团队整体AI产品转化率提升20%。</li>
                </ul>
            </div>

<div class="job-card">
                <div class="job-header">
                    <h3 class="job-title">阿里云云计算解决方案销售顾问</h3>
                    <span class="job-date">2022.03 – 2023.08</span>
                </div>
                <div class="job-company">阿里云战略合作伙伴 · 杭州</div>
                <ul class="job-description">
                    <li>主导制造业/电商/金融客户云计算方案销售，精准匹配阿里云ECS弹性扩容、OSS智能存储、RDS数据库等产品组合，<span class="highlight">单月销售额186万元（目标150万，达成率120%）</span>，客户留存率92%（行业平均75%）。</li>
                    <li>优化销售话术聚焦OSS智能存储成本优势（TCO降低50%+），为某大型金融客户设计数据存储方案，<span class="highlight">客单价提升25%（原180万→225万）</span>，年节省成本28万元，促成150万元订单。</li>
                    <li>通过CRM系统分析客户行为数据，建立客户画像和购买预测模型，缩短销售周期30天（从30天→18天），<span class="highlight">客户转化率42%（行业平均28%）</span>，获"阿里云2023年度最佳销售案例奖"。</li>
                    <li>参与阿里云"数字中国"专项行动，为10家传统制造企业提供上云咨询服务，成功签约8家，签约率80%。</li>
                </ul>
            </div>

<h2 class="section-title">关键业绩指标</h2>
            <div class="job-card">
                <ul class="job-description">
                    <li><strong>AI产品销售：</strong>累计销售额1200万元+，月均转化率55%，客户留存率95%+</li>
                    <li><strong>客户满意度：</strong>96%（NPS评分85+），100%客户续约率</li>
                    <li><strong>销售目标达成：</strong>连续12个月100%+达成，最高单月达成率135%</li>
                    <li><strong>客单价提升：</strong>AI解决方案平均客单价120万元，较传统云产品提升40%</li>
                    <li><strong>销售效率：</strong>平均销售周期18天，较行业平均缩短40%</li>
                </ul>
            </div>

<h2 class="section-title">教育背景</h2>
            <div class="job-card">
                <div class="job-header">
                    <h3 class="job-title">浙江大学</h3>
                    <span class="job-date">2017 – 2021</span>
                </div>
                <div class="job-company">电子商务管理学士 · GPA: 3.7/4.0</div>
                <ul class="job-description">
                    <li><strong>主修课程：</strong>云计算应用、AI商业落地、销售策略、客户关系管理、数据分析</li>
                    <li><strong>荣誉奖项：</strong>校级"销售精英"（Top 5%），优秀毕业生，阿里云校园大使</li>
                    <li><strong>实践经历：</strong>担任阿里云校园俱乐部主席，组织10+场技术分享会，覆盖500+学生</li>
                </ul>
            </div>

<h2 class="section-title">代表性客户案例</h2>
            <div class="job-card">
                <div class="case-study">
                    <h4>某连锁零售企业AI客服项目（成交额：120万元）</h4>
                    <p><strong>客户痛点：</strong>人工客服效率低下（平均响应时长2分钟/单），客户流失率15%，人力成本高企</p>
                    <p><strong>解决方案：</strong>部署阿里云百炼平台+通义千问大模型，构建智能客服系统，支持7×24小时服务</p>
                    <p><strong>实施效果：</strong>客服响应提速60%（2→0.8分钟/单），月均订单量增长25%，人力成本降低40%，客户续约率100%</p>
                </div>

<div class="case-study">
                    <h4>某金融科技公司数据智能项目（成交额：180万元）</h4>
                    <p><strong>客户痛点：</strong>数据孤岛严重，决策依赖经验，营销转化率低于行业平均</p>
                    <p><strong>解决方案：</strong>基于百炼平台构建数据智能分析系统，整合多源数据，提供实时决策支持</p>
                    <p><strong>实施效果：</strong>营销转化率提升35%，决策效率提升50%，ROI达280%，项目获客户CEO高度认可</p>
                </div>
            </div>

<div class="footer">
                <p>阿里云AI销售专家 | 2025年简历 | 专注用数据驱动销售增长</p>
                <p>简历更新日期：2025年11月19日 | 可随时安排面试</p>
            </div>
        </div>
    </div>

<script>
        // 创建闪电元素并添加到页面
        function createLightning() {
			console.log("Creating lightning..."); // 添加调试信息
			const lightning = document.createElement('div');
			lightning.classList.add('lightning');

// 随机选择闪电类型：主闪（强光）或分支（弱光）
            let isMain = false;
            if (Math.random() > 0.7) {
                lightning.classList.add('lightning-main');
                isMain = true;

// 可选：全屏闪光效果
                const flash = document.createElement('div');
                flash.style.cssText = `
                    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
                    background: rgba(255, 255, 255, 0.1);
                    pointer-events: none; z-index: 9998;
                    animation: screenFlash 0.3s ease-out;
                `;
                document.body.appendChild(flash);
                setTimeout(() => flash.remove(), 300);
            } else {
                lightning.classList.add('lightning-fork');
                // 给分支闪电一个微小的水平偏移
                const offsetX = (Math.random() - 0.5) * 20;
                lightning.style.transform = `translateX(${offsetX}px)`;
            }

// 随机位置（覆盖整个视口宽度）
            const left = Math.random() * 100; // 百分比
            lightning.style.left = `${left}%`;

// 添加到 body
            document.body.appendChild(lightning);

// 动画结束后移除元素
            setTimeout(() => {
                lightning.remove();
            }, 1000);
        }

// 随机触发闪电
		function startLightningEffect(interval = 10000, variance = 6000) {
			console.log("Starting lightning effect..."); // 添加调试信息
			// 初始延迟，避免一打开就闪
			setTimeout(() => {
				setInterval(() => {
					createLightning();
				}, interval + (Math.random() - 0.5) * variance); // 默认约 7s ~ 13s 一次
			}, 2000 + Math.random() * 3000); // 2-5秒后第一次触发
		}
		
		// 页面加载完成后启动闪电效果
		window.addEventListener('load', () => {
			startLightningEffect(); // 使用默认参数
		});
    </script>

</body>
</html>