Initial commit: 愉悦查官网(清理所有备份)

This commit is contained in:
James Wu
2026-04-14 14:44:14 +08:00
commit 6a01524fc1
122 changed files with 78763 additions and 0 deletions
+532
View File
@@ -0,0 +1,532 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>加入我们 - 愉悦查 | 与优秀的人一起做有挑战的事</title>
<meta name="description" content="加入愉悦查,与优秀的人一起做有挑战的事。我们提供有竞争力的薪酬、广阔的发展空间、良好的工作氛围,期待你的加入!">
<meta name="keywords" content="愉悦查招聘,加入我们,职业发展,互联网工作,北京工作">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
<style>
:root {
--primary-orange: #FF6A19;
--primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
--bg-light: #FFFFFF;
--bg-gray: #F5F7FA;
--bg-dark: #1A1A1A;
--text-primary: #1A1A1A;
--text-secondary: #666666;
--text-light: #999999;
--success: #07C160;
--spacing-xs: 8px;
--spacing-sm: 16px;
--spacing-md: 24px;
--spacing-lg: 48px;
--spacing-xl: 80px;
--radius-md: 8px;
--radius-lg: 16px;
--shadow-md: 0 4px 16px rgba(0,0,0,0.12);
--shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
--transition: all 0.3s ease;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
a { text-decoration: none; color: inherit; transition: var(--transition); }
ul { list-style: none; }
.container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
.btn {
display: inline-block;
padding: 14px 32px;
font-size: 15px;
font-weight: 500;
border-radius: var(--radius-md);
cursor: pointer;
transition: var(--transition);
border: none;
text-align: center;
}
.btn-primary {
background: var(--primary-gradient);
color: white;
box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
}
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
.btn-outline {
background: transparent;
border: 2px solid var(--primary-orange);
color: var(--primary-orange);
}
.btn-outline:hover { background: var(--primary-gradient); color: white; }
.btn-lg { padding: 16px 48px; font-size: 17px; }
.navbar {
position: fixed;
top: 0;
background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
backdrop-filter: blur(10px);
box-shadow: 0 2px 20px rgba(0,0,0,0.08);
z-index: 1000;
}
.navbar .container {
display: flex;
justify-content: space-between;
align-items: center;
height: 80px;
}
.logo { display: flex; align-items: center; text-decoration: none; }
.logo-img { height: 60px; width: auto; }
.nav-menu { display: flex; gap: var(--spacing-lg); }
.nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
.nav-link:hover { color: var(--primary-orange); }
.hero {
padding: 160px 0 100px;
background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
text-align: center;
}
.hero h1 {
font-size: 52px;
font-weight: 900;
margin-bottom: var(--spacing-sm);
background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hero p {
font-size: 22px;
color: var(--text-secondary);
max-width: 700px;
margin: 0 auto var(--spacing-lg);
line-height: 1.8;
}
.section { padding: var(--spacing-xl) 0; }
.section-title {
text-align: center;
font-size: 42px;
font-weight: 700;
margin-bottom: var(--spacing-xs);
}
.section-subtitle {
text-align: center;
font-size: 20px;
color: var(--text-secondary);
margin-bottom: var(--spacing-lg);
}
.why-us { background: white; }
.benefits-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: var(--spacing-md);
}
.benefit-card {
background: var(--bg-gray);
padding: var(--spacing-lg);
border-radius: var(--radius-lg);
text-align: center;
transition: var(--transition);
}
.benefit-card:hover {
transform: translateY(-8px);
box-shadow: var(--shadow-lg);
}
.benefit-icon { font-size: 48px; margin-bottom: var(--spacing-sm); }
.benefit-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
.benefit-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; }
.positions { background: var(--bg-gray); }
.position-card {
background: white;
margin-bottom: var(--spacing-md);
border-radius: var(--radius-lg);
padding: var(--spacing-lg);
box-shadow: var(--shadow-md);
transition: var(--transition);
}
.position-card:hover { box-shadow: var(--shadow-lg); }
.position-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: var(--spacing-sm);
}
.position-title { font-size: 24px; font-weight: 700; }
.position-tags { display: flex; gap: var(--spacing-xs); }
.tag {
padding: 6px 14px;
background: var(--bg-gray);
border-radius: 20px;
font-size: 13px;
color: var(--text-secondary);
}
.position-salary { font-size: 22px; font-weight: 700; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
.position-desc { font-size: 15px; color: var(--text-secondary); margin-bottom: var(--spacing-sm); line-height: 1.7; }
.position-requirements { margin-top: var(--spacing-sm); }
.position-requirements h4 { font-size: 17px; margin-bottom: var(--spacing-xs); }
.position-requirements ul { list-style: disc; padding-left: 20px; }
.position-requirements li { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.6; }
.culture { background: white; }
.culture-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: var(--spacing-md);
}
.culture-card {
text-align: center;
padding: var(--spacing-md);
}
.culture-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
.culture-card h3 { font-size: 20px; margin-bottom: var(--spacing-xs); }
.culture-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; }
.cta-section {
background: var(--primary-gradient);
padding: var(--spacing-xl) 0;
text-align: center;
color: white;
}
.cta-section h2 { font-size: 40px; font-weight: 700; margin-bottom: var(--spacing-sm); }
.cta-section p { font-size: 18px; margin-bottom: var(--spacing-lg); opacity: 0.95; }
.cta-section .btn { background: white; color: var(--primary-orange); }
.footer {
background: var(--bg-dark);
color: white;
padding: var(--spacing-xl) 0 var(--spacing-lg);
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: var(--spacing-lg);
margin-bottom: var(--spacing-lg);
}
.footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
.footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
.footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
.footer-links li { margin-bottom: 10px; }
.footer-links a { color: #CCCCCC; }
.footer-links a:hover { color: var(--primary-orange); }
.footer-bottom {
text-align: center;
padding-top: var(--spacing-lg);
border-top: 1px solid #333333;
color: #999999;
font-size: 14px;
}
@media (max-width: 768px) {
.hero h1 { font-size: 36px; }
.section-title { font-size: 32px; }
.position-header { flex-direction: column; align-items: flex-start; gap: 12px; }
.footer-grid { grid-template-columns: 1fr; }
.nav-menu { display: none; }
}
</style>
</head>
<body>
<nav class="navbar">
<div class="container">
<a href="/index.html" class="logo">
<img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
</a>
<ul class="nav-menu">
<li><a href="/index.html" class="nav-link">首页</a></li>
<li><a href="/index.html#products" class="nav-link">产品服务</a></li>
<li><a href="/sample.html" class="nav-link">示例报告</a></li>
<li><a href="/apidemo/" class="nav-link">API 平台</a></li>
<li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
<li><a href="/about.html" class="nav-link">关于我们</a></li>
</ul>
<div class="nav-cta">
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">技术咨询</a>
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank">登录</a>
</div>
</div>
</nav>
<section class="hero">
<div class="container">
<h1>加入我们</h1>
<p>与优秀的人一起做有挑战的事<br>在这里,你的每一份付出都会被看见,每一个想法都会被重视</p>
</div>
</section>
<section class="section why-us">
<div class="container">
<h2 class="section-title">为什么选择愉悦查</h2>
<p class="section-subtitle">我们提供的不只是一份工作,更是一个实现自我价值的平台</p>
<div class="benefits-grid">
<div class="benefit-card">
<div class="benefit-icon">💰</div>
<h3>有竞争力的薪酬</h3>
<p>提供行业领先的薪资待遇,年终奖、项目奖金、期权激励等多种激励方式,让你的付出获得丰厚回报</p>
</div>
<div class="benefit-card">
<div class="benefit-icon">📈</div>
<h3>广阔的发展空间</h3>
<p>扁平化管理,快速晋升通道,优秀的你可以快速成长为团队核心,参与公司决策</p>
</div>
<div class="benefit-card">
<div class="benefit-icon">🎓</div>
<h3>持续学习成长</h3>
<p>定期技术培训、外部交流、在线课程补贴,鼓励持续学习,与行业大牛共事,快速提升</p>
</div>
<div class="benefit-card">
<div class="benefit-icon">🏖️</div>
<h3>弹性工作生活</h3>
<p>弹性工作时间,不打卡不加班文化,带薪年假、带薪病假,工作生活平衡</p>
</div>
<div class="benefit-card">
<div class="benefit-icon">🎉</div>
<h3>丰富团队活动</h3>
<p>定期团建、生日会、节日活动、年度旅游,轻松愉快的工作氛围,认识志同道合的伙伴</p>
</div>
<div class="benefit-card">
<div class="benefit-icon">🏥</div>
<h3>完善福利保障</h3>
<p>五险一金、补充商业保险、年度体检、零食下午茶、健身补贴,全方位关怀你的身心健康</p>
</div>
</div>
</div>
</section>
<section class="section positions">
<div class="container">
<h2 class="section-title">热招职位</h2>
<p class="section-subtitle">找到适合你的位置,一起创造未来</p>
<div class="position-card">
<div class="position-header">
<div>
<div class="position-title">高级后端开发工程师</div>
<div class="position-tags">
<span class="tag">北京</span>
<span class="tag">全职</span>
<span class="tag">技术</span>
</div>
</div>
<div class="position-salary">25-40K·15 薪</div>
</div>
<p class="position-desc">负责愉悦查 API 平台后端架构设计、核心功能开发,支撑高并发、高可用的数据接口服务</p>
<div class="position-requirements">
<h4>职位要求:</h4>
<ul>
<li>本科及以上学历,计算机相关专业,5 年以上后端开发经验</li>
<li>精通 Java/Python/Go 至少一门语言,熟悉微服务架构</li>
<li>熟悉 MySQL、Redis、MongoDB 等数据库,有性能优化经验</li>
<li>熟悉 Docker、Kubernetes 等容器化技术</li>
<li>有高并发、分布式系统开发经验者优先</li>
<li>良好的沟通能力和团队协作精神</li>
</ul>
</div>
</div>
<div class="position-card">
<div class="position-header">
<div>
<div class="position-title">前端开发工程师</div>
<div class="position-tags">
<span class="tag">北京</span>
<span class="tag">全职</span>
<span class="tag">技术</span>
</div>
</div>
<div class="position-salary">20-35K·14 薪</div>
</div>
<p class="position-desc">负责公司官网、API 平台、管理后台等前端产品开发,打造优秀的用户体验</p>
<div class="position-requirements">
<h4>职位要求:</h4>
<ul>
<li>本科及以上学历,3 年以上前端开发经验</li>
<li>精通 HTML/CSS/JavaScript,熟悉 Vue/React 等框架</li>
<li>熟悉前端工程化,有 Webpack/Vite 等构建工具使用经验</li>
<li>了解后端技术,有全栈开发能力者优先</li>
<li>对用户体验有追求,有良好的审美能力</li>
<li>学习能力强,有良好的沟通能力</li>
</ul>
</div>
</div>
<div class="position-card">
<div class="position-header">
<div>
<div class="position-title">数据分析师</div>
<div class="position-tags">
<span class="tag">北京</span>
<span class="tag">全职</span>
<span class="tag">数据</span>
</div>
</div>
<div class="position-salary">18-30K·14 薪</div>
</div>
<p class="position-desc">负责业务数据分析、用户行为分析、产品优化建议,用数据驱动业务增长</p>
<div class="position-requirements">
<h4>职位要求:</h4>
<ul>
<li>本科及以上学历,统计学、数学、计算机相关专业</li>
<li>3 年以上数据分析经验,熟悉 SQL、Python/R</li>
<li>熟悉数据分析方法,有 A/B 测试经验</li>
<li>熟悉 Tableau、PowerBI 等可视化工具</li>
<li>有良好的业务理解能力和逻辑思维能力</li>
<li>优秀的沟通表达能力,能将分析结果转化为 actionable insights</li>
</ul>
</div>
</div>
<div class="position-card">
<div class="position-header">
<div>
<div class="position-title">商务拓展经理</div>
<div class="position-tags">
<span class="tag">北京</span>
<span class="tag">全职</span>
<span class="tag">商务</span>
</div>
</div>
<div class="position-salary">20-35K+ 提成</div>
</div>
<p class="position-desc">负责 API 业务商务拓展、大客户开发、渠道合作,完成业绩目标</p>
<div class="position-requirements">
<h4>职位要求:</h4>
<ul>
<li>本科及以上学历,5 年以上 ToB 销售或商务拓展经验</li>
<li>有 API、SaaS、数据服务行业经验者优先</li>
<li>有丰富的企业客户资源和渠道资源</li>
<li>优秀的商务谈判能力和客户关系维护能力</li>
<li>自驱力强,结果导向,能承受工作压力</li>
<li>良好的团队协作精神</li>
</ul>
</div>
</div>
<div class="position-card">
<div class="position-header">
<div>
<div class="position-title">产品经理</div>
<div class="position-tags">
<span class="tag">北京</span>
<span class="tag">全职</span>
<span class="tag">产品</span>
</div>
</div>
<div class="position-salary">25-40K·15 薪</div>
</div>
<p class="position-desc">负责 API 平台产品规划、需求分析、产品设计,推动产品持续优化</p>
<div class="position-requirements">
<h4>职位要求:</h4>
<ul>
<li>本科及以上学历,5 年以上互联网产品经验</li>
<li>有 API 平台、开发者工具、数据产品经验者优先</li>
<li>熟悉产品设计流程,熟练使用 Axure、Figma 等工具</li>
<li>有良好的数据分析能力和用户洞察力</li>
<li>优秀的沟通协调能力,能推动跨团队合作</li>
<li>对技术有理解,能与研发团队高效协作</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section culture">
<div class="container">
<h2 class="section-title">我们的文化</h2>
<p class="section-subtitle">简单、开放、务实、成长</p>
<div class="culture-grid">
<div class="culture-card">
<div class="culture-icon">🤝</div>
<h3>简单透明</h3>
<p>简单的人际关系,透明的沟通机制,有话直说,对事不对人</p>
</div>
<div class="culture-card">
<div class="culture-icon">💡</div>
<h3>开放包容</h3>
<p>鼓励创新,包容失败,每个人的想法都值得被倾听</p>
</div>
<div class="culture-card">
<div class="culture-icon">🎯</div>
<h3>结果导向</h3>
<p>关注产出而非工时,用结果证明价值,优秀者获得丰厚回报</p>
</div>
<div class="culture-card">
<div class="culture-icon">🌱</div>
<h3>持续成长</h3>
<p>学习型组织,鼓励尝试新事物,与优秀的人一起变得更好</p>
</div>
</div>
</div>
</section>
<section class="cta-section">
<div class="container">
<h2>期待你的加入</h2>
<p>如果你对以上职位感兴趣,或想了解更多机会,欢迎联系我们</p>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-lg" target="_blank">📮 投递简历</a>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<h3>愉悦查</h3>
<p>让信任无处不在,让合作没有距离</p>
<p style="margin-top:16px;font-size:13px;">愉悦查(北京正信环宇科技有限公司)</p>
<p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
</div>
<div>
<h4 class="footer-title">产品</h4>
<ul class="footer-links">
<li><a href="/product/riskassessment.html">个人大数据报告</a></li>
<li><a href="/product/marriage.html">婚恋风险报告</a></li>
<li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
<li><a href="/product/companyinfo.html">小微企业报告</a></li>
<li><a href="/product/homeservice.html">家政风险报告</a></li>
<li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
</ul>
</div>
<div>
<h4 class="footer-title">API</h4>
<ul class="footer-links">
<li><a href="/apidemo/">API 平台</a></li>
<li><a href="/all-apis.html">全部接口</a></li>
<li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">技术咨询</a></li>
</ul>
</div>
<div>
<h4 class="footer-title">公司</h4>
<ul class="footer-links">
<li><a href="/about.html">关于我们</a></li>
<li><a href="/careers.html">加入我们</a></li>
<li><a href="/contact.html">联系我们</a></li>
<li><a href="/privacy.html">隐私政策</a></li>
<li><a href="/terms.html">服务条款</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 愉悦查(北京正信环宇科技有限公司)All Rights Reserved.</p>
<p>京 ICP 备 2025158088 号 -2</p>
</div>
</div>
</footer>
</body>
</html>