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
+804
View File
@@ -0,0 +1,804 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>全部接口 - 愉悦查 API 数据市场 | 200+ 数据接口</title>
<meta name="description" content="愉悦查 API 数据市场,提供 200+ 官方数据接口,涵盖身份验证、企业信息、金融验证、运营商、学历资质、司法风险、背景调查等场景。">
<meta name="keywords" content="愉悦查 API,数据接口,API 市场,身份验证,企业信息,金融验证,背景调查">
<!-- 预加载字体 -->
<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>
/* ===== CSS Variables ===== */
:root {
--primary-orange: #FF6A19;
--primary-orange-light: #FC6E18;
--primary-orange-dark: #E64E10;
--primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
--bg-light: #FFFFFF;
--bg-gray: #F5F7FA;
--text-primary: #1A1A1A;
--text-secondary: #666666;
--text-light: #999999;
--success: #07C160;
--warning: #FF9500;
--error: #FF3B30;
--spacing-xs: 8px;
--spacing-sm: 16px;
--spacing-md: 24px;
--spacing-lg: 48px;
--spacing-xl: 80px;
--radius-sm: 4px;
--radius-md: 8px;
--radius-lg: 16px;
--shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
--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;
}
/* ===== Reset & Base ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 16px;
line-height: 1.6;
color: var(--text-primary);
background: var(--bg-light);
}
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
img { max-width: 100%; height: auto; }
.container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
/* ===== Buttons ===== */
.btn {
display: inline-block;
padding: 12px 28px;
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;
}
/* ===== Navigation ===== */
.navbar {
position: fixed;
top: 0;
left: 0;
right: 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;
transition: var(--transition);
}
.navbar .container {
display: flex;
justify-content: space-between;
align-items: center;
height: 80px;
}
.logo {
display: flex;
align-items: center;
gap: 0;
text-decoration: none;
}
.logo-img {
background: rgba(255,255,255,0.95);
height: 60px;
width: auto;
object-fit: contain;
transition: var(--transition);
}
.logo:hover .logo-img { transform: scale(1.05); }
.nav-menu { display: flex; gap: var(--spacing-lg); }
.nav-link {
font-size: 15px;
font-weight: 500;
color: var(--text-primary);
transition: var(--transition);
}
.nav-link:hover { color: var(--primary-orange); }
/* ===== Hero Section ===== */
.hero {
padding: 160px 0 80px;
background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
text-align: center;
}
.hero h1 {
font-size: 48px;
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: 18px;
color: var(--text-secondary);
max-width: 700px;
margin: 0 auto var(--spacing-lg);
}
.hero-stats {
display: flex;
justify-content: center;
gap: var(--spacing-xl);
margin-top: var(--spacing-lg);
}
.stat-item { text-align: center; }
.stat-number {
font-size: 42px;
font-weight: 700;
color: var(--primary-orange);
}
.stat-label {
font-size: 14px;
color: var(--text-secondary);
margin-top: 4px;
}
/* ===== Search Bar ===== */
.search-section {
padding: 0 0 var(--spacing-lg);
}
.search-box {
max-width: 700px;
margin: 0 auto;
position: relative;
}
.search-input {
width: 100%;
padding: 18px 60px 18px 24px;
font-size: 16px;
border: 2px solid #E0E0E0;
border-radius: 50px;
outline: none;
transition: var(--transition);
}
.search-input:focus {
border-color: var(--primary-orange);
box-shadow: 0 0 0 4px rgba(255, 106, 25, 0.1);
}
.search-btn {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
background: var(--primary-gradient);
color: white;
border: none;
padding: 12px 24px;
border-radius: 40px;
cursor: pointer;
font-weight: 500;
}
/* ===== Category Filter ===== */
.category-filter {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: var(--spacing-sm);
margin-bottom: var(--spacing-lg);
}
.filter-btn {
padding: 10px 20px;
background: var(--bg-gray);
border: 2px solid transparent;
border-radius: 25px;
cursor: pointer;
font-weight: 500;
transition: var(--transition);
}
.filter-btn:hover, .filter-btn.active {
background: var(--primary-gradient);
color: white;
}
/* ===== API Grid ===== */
.api-section { padding: var(--spacing-lg) 0; }
.section-title {
text-align: center;
font-size: 36px;
font-weight: 700;
margin-bottom: var(--spacing-xs);
}
.section-subtitle {
text-align: center;
font-size: 18px;
color: var(--text-secondary);
margin-bottom: var(--spacing-lg);
}
.api-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
gap: var(--spacing-md);
}
.api-card {
background: white;
border: 2px solid #E8E8E8;
border-radius: var(--radius-lg);
padding: var(--spacing-md);
transition: var(--transition);
}
.api-card:hover {
border-color: var(--primary-orange);
box-shadow: var(--shadow-lg);
transform: translateY(-4px);
}
.api-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: var(--spacing-xs);
}
.api-name {
font-size: 18px;
font-weight: 700;
color: var(--text-primary);
}
.api-tag {
padding: 4px 10px;
border-radius: 12px;
font-size: 12px;
font-weight: 500;
}
.api-tag.hot { background: linear-gradient(135deg, #FF6A19, #FC6E18); color: white; }
.api-tag.new { background: linear-gradient(135deg, #07C160, #05A850); color: white; }
.api-desc {
font-size: 14px;
color: var(--text-secondary);
margin-bottom: var(--spacing-sm);
line-height: 1.6;
}
.api-meta {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: var(--spacing-sm);
border-top: 1px solid #E8E8E8;
}
.api-price {
font-size: 20px;
font-weight: 700;
color: var(--primary-orange);
}
.api-price span {
font-size: 13px;
color: var(--text-light);
font-weight: 400;
}
/* ===== Footer ===== */
.footer {
background: var(--bg-gray);
padding: var(--spacing-xl) 0 var(--spacing-lg);
margin-top: var(--spacing-xl);
}
.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;
font-weight: 700;
margin-bottom: var(--spacing-xs);
}
.footer-brand p {
color: var(--text-secondary);
margin-bottom: var(--spacing-xs);
}
.footer-title {
font-size: 16px;
font-weight: 600;
margin-bottom: var(--spacing-sm);
}
.footer-links li { margin-bottom: 10px; }
.footer-links a {
color: var(--text-secondary);
transition: var(--transition);
}
.footer-links a:hover { color: var(--primary-orange); }
.footer-bottom {
text-align: center;
padding-top: var(--spacing-lg);
border-top: 1px solid #E0E0E0;
color: var(--text-light);
}
/* ===== Responsive ===== */
@media (max-width: 768px) {
.hero h1 { font-size: 32px; }
.hero-stats { flex-wrap: wrap; gap: var(--spacing-md); }
.api-grid { grid-template-columns: 1fr; }
.footer-grid { grid-template-columns: 1fr; }
.nav-menu { display: none; }
}
</style>
</head>
<body>
<!-- Navigation -->
<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="/index.html#about" class="nav-link">关于我们</a></li>
</ul>
<div class="nav-cta">
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">登录</a>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="hero">
<div class="container">
<h1>📦 全部接口</h1>
<p>200+ 官方数据接口,覆盖全场景商业信任服务<br>智能组合 · 秒级响应 · 安全合规</p>
<div class="hero-stats">
<div class="stat-item">
<div class="stat-number">200+</div>
<div class="stat-label">数据接口</div>
</div>
<div class="stat-item">
<div class="stat-number">7</div>
<div class="stat-label">接口分类</div>
</div>
<div class="stat-item">
<div class="stat-number">3 秒</div>
<div class="stat-label">平均响应</div>
</div>
<div class="stat-item">
<div class="stat-number">99.9%</div>
<div class="stat-label">服务可用性</div>
</div>
</div>
</div>
</section>
<!-- Search Section -->
<section class="search-section">
<div class="container">
<div class="search-box">
<input type="text" class="search-input" placeholder="搜索接口名称、描述或关键词..." id="searchInput">
<button class="search-btn">🔍 搜索</button>
</div>
</div>
</section>
<!-- API Section -->
<section class="api-section">
<div class="container">
<h2 class="section-title">全部接口</h2>
<p class="section-subtitle">按分类浏览,快速找到所需接口</p>
<!-- Category Filter -->
<div class="category-filter">
<button class="filter-btn active" data-category="all">全部</button>
<button class="filter-btn" data-category="identity">👤 身份验证</button>
<button class="filter-btn" data-category="company">🏢 企业信息</button>
<button class="filter-btn" data-category="finance">💳 金融验证</button>
<button class="filter-btn" data-category="telecom">📱 运营商</button>
<button class="filter-btn" data-category="education">🎓 学历资质</button>
<button class="filter-btn" data-category="legal">⚖️ 司法风险</button>
<button class="filter-btn" data-category="background">🔍 背景调查</button>
</div>
<!-- API Grid -->
<div class="api-grid" id="apiGrid">
<!-- 身份验证类 -->
<div class="api-card" data-category="identity">
<div class="api-header">
<span class="api-name">身份证二要素验证</span>
<span class="api-tag hot">🔥 热门</span>
</div>
<p class="api-desc">姓名 + 身份证号,验证身份信息真实性</p>
<div class="api-meta">
<span class="api-price">¥0.3<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<div class="api-card" data-category="identity">
<div class="api-header">
<span class="api-name">身份证三要素验证</span>
<span class="api-tag hot">🔥 热门</span>
</div>
<p class="api-desc">姓名 + 身份证号 + 手机号,三重验证更安全</p>
<div class="api-meta">
<span class="api-price">¥0.5<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<div class="api-card" data-category="identity">
<div class="api-header">
<span class="api-name">实名认证</span>
<span class="api-tag new">✨ 新品</span>
</div>
<p class="api-desc">多要素实名认证,支持多种证件类型</p>
<div class="api-meta">
<span class="api-price">¥0.8<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<!-- 企业信息类 -->
<div class="api-card" data-category="company">
<div class="api-header">
<span class="api-name">企业基本信息查询</span>
<span class="api-tag hot">🔥 热门</span>
</div>
<p class="api-desc">企业名称、统一社会信用代码、注册资本等基础信息</p>
<div class="api-meta">
<span class="api-price">¥0.5<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<div class="api-card" data-category="company">
<div class="api-header">
<span class="api-name">企业工商信息</span>
<span class="api-tag hot">🔥 热门</span>
</div>
<p class="api-desc">工商注册号、法定代表人、成立日期、经营范围等</p>
<div class="api-meta">
<span class="api-price">¥0.8<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<div class="api-card" data-category="company">
<div class="api-header">
<span class="api-name">企业股东信息</span>
</div>
<p class="api-desc">股东名单、出资比例、持股数量等详细信息</p>
<div class="api-meta">
<span class="api-price">¥1.0<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<div class="api-card" data-category="company">
<div class="api-header">
<span class="api-name">企业主要人员</span>
</div>
<p class="api-desc">法人、董事、监事、高管等人员信息</p>
<div class="api-meta">
<span class="api-price">¥0.8<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<!-- 金融验证类 -->
<div class="api-card" data-category="finance">
<div class="api-header">
<span class="api-name">银行卡二要素</span>
<span class="api-tag hot">🔥 热门</span>
</div>
<p class="api-desc">姓名 + 银行卡号,验证银行卡有效性</p>
<div class="api-meta">
<span class="api-price">¥0.5<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<div class="api-card" data-category="finance">
<div class="api-header">
<span class="api-name">银行卡三要素</span>
</div>
<p class="api-desc">姓名 + 身份证号 + 银行卡号,三重验证</p>
<div class="api-meta">
<span class="api-price">¥0.8<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<div class="api-card" data-category="finance">
<div class="api-header">
<span class="api-name">银行卡四要素</span>
<span class="api-tag hot">🔥 热门</span>
</div>
<p class="api-desc">姓名 + 身份证 + 银行卡号 + 手机号,完整验证</p>
<div class="api-meta">
<span class="api-price">¥1.2<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<div class="api-card" data-category="finance">
<div class="api-header">
<span class="api-name">个人信用报告</span>
</div>
<p class="api-desc">央行征信报告,信用记录查询</p>
<div class="api-meta">
<span class="api-price">¥5.0<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<!-- 运营商类 -->
<div class="api-card" data-category="telecom">
<div class="api-header">
<span class="api-name">手机号实名</span>
<span class="api-tag hot">🔥 热门</span>
</div>
<p class="api-desc">手机号 + 姓名,验证手机号实名信息</p>
<div class="api-meta">
<span class="api-price">¥0.3<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<div class="api-card" data-category="telecom">
<div class="api-header">
<span class="api-name">手机号在网时长</span>
</div>
<p class="api-desc">查询手机号入网时间,判断稳定性</p>
<div class="api-meta">
<span class="api-price">¥0.5<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<div class="api-card" data-category="telecom">
<div class="api-header">
<span class="api-name">手机号状态</span>
</div>
<p class="api-desc">查询手机号是否空号、停机、在网</p>
<div class="api-meta">
<span class="api-price">¥0.2<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<!-- 学历资质类 -->
<div class="api-card" data-category="education">
<div class="api-header">
<span class="api-name">学历查询</span>
<span class="api-tag hot">🔥 热门</span>
</div>
<p class="api-desc">学信网数据,验证学历真伪</p>
<div class="api-meta">
<span class="api-price">¥1.5<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<div class="api-card" data-category="education">
<div class="api-header">
<span class="api-name">学位证书查询</span>
</div>
<p class="api-desc">验证学位证书信息真实性</p>
<div class="api-meta">
<span class="api-price">¥1.5<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<div class="api-card" data-category="education">
<div class="api-header">
<span class="api-name">职业资格证书</span>
</div>
<p class="api-desc">验证各类职业资格证书</p>
<div class="api-meta">
<span class="api-price">¥1.0<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<!-- 司法风险类 -->
<div class="api-card" data-category="legal">
<div class="api-header">
<span class="api-name">失信被执行人</span>
<span class="api-tag hot">🔥 热门</span>
</div>
<p class="api-desc">查询是否为失信被执行人(老赖)</p>
<div class="api-meta">
<span class="api-price">¥0.5<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<div class="api-card" data-category="legal">
<div class="api-header">
<span class="api-name">裁判文书</span>
</div>
<p class="api-desc">查询法院裁判文书记录</p>
<div class="api-meta">
<span class="api-price">¥0.8<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<div class="api-card" data-category="legal">
<div class="api-header">
<span class="api-name">开庭公告</span>
</div>
<p class="api-desc">查询法院开庭公告信息</p>
<div class="api-meta">
<span class="api-price">¥0.5<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<div class="api-card" data-category="legal">
<div class="api-header">
<span class="api-name">执行信息</span>
</div>
<p class="api-desc">查询法院执行案件信息</p>
<div class="api-meta">
<span class="api-price">¥0.5<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<!-- 背景调查类 -->
<div class="api-card" data-category="background">
<div class="api-header">
<span class="api-name">个人背景调查</span>
<span class="api-tag hot">🔥 热门</span>
</div>
<p class="api-desc">综合个人背景信息核查</p>
<div class="api-meta">
<span class="api-price">¥2.0<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<div class="api-card" data-category="background">
<div class="api-header">
<span class="api-name">企业背景调查</span>
<span class="api-tag hot">🔥 热门</span>
</div>
<p class="api-desc">全面企业背景风险评估</p>
<div class="api-meta">
<span class="api-price">¥3.0<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
<div class="api-card" data-category="background">
<div class="api-header">
<span class="api-name">工作履历核实</span>
</div>
<p class="api-desc">验证个人工作履历真实性</p>
<div class="api-meta">
<span class="api-price">¥1.5<span>/次</span></span>
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<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="/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>
<script>
// ===== Search Functionality =====
const searchInput = document.getElementById('searchInput');
const apiGrid = document.getElementById('apiGrid');
const apiCards = apiGrid.querySelectorAll('.api-card');
searchInput.addEventListener('input', (e) => {
const searchTerm = e.target.value.toLowerCase();
apiCards.forEach(card => {
const name = card.querySelector('.api-name').textContent.toLowerCase();
const desc = card.querySelector('.api-desc').textContent.toLowerCase();
if (name.includes(searchTerm) || desc.includes(searchTerm)) {
card.style.display = 'block';
} else {
card.style.display = 'none';
}
});
});
// ===== Category Filter =====
const filterBtns = document.querySelectorAll('.filter-btn');
filterBtns.forEach(btn => {
btn.addEventListener('click', () => {
filterBtns.forEach(b => b.classList.remove('active'));
btn.classList.add('active');
const category = btn.dataset.category;
apiCards.forEach(card => {
if (category === 'all' || card.dataset.category === category) {
card.style.display = 'block';
} else {
card.style.display = 'none';
}
});
});
});
</script>
</body>
</html>