1815 lines
79 KiB
HTML
1815 lines
79 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>全部接口 - 愉悦查 API 数据市场 | 200+ 数据接口</title>
|
|
<meta name="description" content="愉悦查 API 数据市场，提供 200+ 官方数据接口，涵盖身份验证、企业信息、金融验证、运营商、学历资质、司法风险、背景调查等场景。">
|
|
<meta name="keywords" content="愉悦查 API，数据接口，API 市场，身份验证，企业信息，金融验证，背景调查">
|
|
<!-- SEO Enhancement -->
|
|
<link rel="canonical" href="https://www.yuyuecha.com.cn/all-apis.html">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="https://www.yuyuecha.com.cn/all-apis.html">
|
|
<meta property="og:title" content="全部接口 - 愉悦查 API 数据市场">
|
|
<meta property="og:description" content="200+ 官方数据接口，涵盖身份验证、企业信息、金融验证、运营商、学历资质、司法风险等场景。">
|
|
<meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
|
<meta property="og:site_name" content="愉悦查">
|
|
<meta property="og:locale" content="zh_CN">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:title" content="全部接口 - 愉悦查 API 数据市场">
|
|
<meta name="twitter:description" content="200+ 官方数据接口，涵盖身份验证、企业信息、金融验证、运营商、学历资质、司法风险等场景。">
|
|
<meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
|
|
|
|
<!-- 预加载字体 -->
|
|
<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;
|
|
--bg-dark: #1A1A1A;
|
|
--text-primary: #1A1A1A;
|
|
--text-secondary: #666666;
|
|
--text-light: #999999;
|
|
--text-white: #FFFFFF;
|
|
--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;
|
|
--radius-xl: 24px;
|
|
--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; transition: var(--transition); }
|
|
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: 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 40px;
|
|
font-size: 17px;
|
|
}
|
|
|
|
/* ===== 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;
|
|
}
|
|
.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);
|
|
}
|
|
.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;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.hero::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: -50%;
|
|
right: -20%;
|
|
width: 80%;
|
|
height: 200%;
|
|
background: radial-gradient(circle, rgba(255, 106, 25, 0.05) 0%, transparent 70%);
|
|
animation: float 20s ease-in-out infinite;
|
|
}
|
|
@keyframes float {
|
|
0%, 100% { transform: translateY(0) rotate(0deg); }
|
|
50% { transform: translateY(-20px) rotate(5deg); }
|
|
}
|
|
.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;
|
|
position: relative;
|
|
}
|
|
.hero p {
|
|
font-size: 20px;
|
|
color: var(--text-secondary);
|
|
max-width: 800px;
|
|
margin: 0 auto var(--spacing-lg);
|
|
position: relative;
|
|
}
|
|
.hero-stats {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: var(--spacing-xl);
|
|
margin-top: var(--spacing-lg);
|
|
position: relative;
|
|
}
|
|
.stat-item { text-align: center; }
|
|
.stat-number {
|
|
font-size: 48px;
|
|
font-weight: 700;
|
|
background: var(--primary-gradient);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
.stat-label {
|
|
font-size: 15px;
|
|
color: var(--text-secondary);
|
|
margin-top: 6px;
|
|
}
|
|
|
|
/* ===== Search Bar ===== */
|
|
.search-section {
|
|
padding: 0 0 var(--spacing-lg);
|
|
}
|
|
.search-box {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
.search-input {
|
|
width: 100%;
|
|
padding: 20px 80px 20px 28px;
|
|
font-size: 16px;
|
|
border: 2px solid #E0E0E0;
|
|
border-radius: 50px;
|
|
outline: none;
|
|
transition: var(--transition);
|
|
box-shadow: var(--shadow-md);
|
|
}
|
|
.search-input:focus {
|
|
border-color: var(--primary-orange);
|
|
box-shadow: 0 0 0 4px rgba(255, 106, 25, 0.1), var(--shadow-lg);
|
|
}
|
|
.search-btn {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
background: var(--primary-gradient);
|
|
color: white;
|
|
border: none;
|
|
padding: 14px 32px;
|
|
border-radius: 40px;
|
|
cursor: pointer;
|
|
font-weight: 600;
|
|
font-size: 15px;
|
|
transition: var(--transition);
|
|
}
|
|
.search-btn:hover {
|
|
transform: translateY(-50%) scale(1.05);
|
|
}
|
|
|
|
/* ===== Category Filter ===== */
|
|
.category-filter {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-sm);
|
|
margin-bottom: var(--spacing-lg);
|
|
}
|
|
.filter-btn {
|
|
padding: 12px 24px;
|
|
background: var(--bg-gray);
|
|
border: 2px solid transparent;
|
|
border-radius: 25px;
|
|
cursor: pointer;
|
|
font-weight: 500;
|
|
transition: var(--transition);
|
|
font-size: 15px;
|
|
}
|
|
.filter-btn:hover {
|
|
border-color: var(--primary-orange);
|
|
color: var(--primary-orange);
|
|
}
|
|
.filter-btn.active {
|
|
background: var(--primary-gradient);
|
|
color: white;
|
|
border-color: transparent;
|
|
}
|
|
|
|
/* ===== API Grid ===== */
|
|
.api-section { padding: var(--spacing-lg) 0; }
|
|
.section-title {
|
|
text-align: center;
|
|
font-size: 40px;
|
|
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(400px, 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);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.api-card::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 4px;
|
|
background: var(--primary-gradient);
|
|
opacity: 0;
|
|
transition: var(--transition);
|
|
}
|
|
.api-card:hover {
|
|
border-color: var(--primary-orange);
|
|
box-shadow: var(--shadow-lg);
|
|
transform: translateY(-6px);
|
|
}
|
|
.api-card:hover::before { opacity: 1; }
|
|
.api-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: var(--spacing-xs);
|
|
}
|
|
.api-name {
|
|
font-size: 19px;
|
|
font-weight: 700;
|
|
color: var(--text-primary);
|
|
}
|
|
.api-tag {
|
|
padding: 5px 12px;
|
|
border-radius: 12px;
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
}
|
|
.api-tag.hot { background: linear-gradient(135deg, #FF6A19, #FC6E18); color: white; }
|
|
.api-tag.new { background: linear-gradient(135deg, #07C160, #05A850); color: white; }
|
|
.api-tag.recommend { background: linear-gradient(135deg, #007AFF, #0055D4); color: white; }
|
|
.api-desc {
|
|
font-size: 14px;
|
|
color: var(--text-secondary);
|
|
margin-bottom: var(--spacing-sm);
|
|
line-height: 1.7;
|
|
min-height: 50px;
|
|
}
|
|
.api-features {
|
|
display: flex;
|
|
gap: var(--spacing-xs);
|
|
flex-wrap: wrap;
|
|
margin-bottom: var(--spacing-sm);
|
|
}
|
|
.api-feature {
|
|
font-size: 12px;
|
|
padding: 4px 10px;
|
|
background: #F5F7FA;
|
|
border-radius: 4px;
|
|
color: var(--text-secondary);
|
|
}
|
|
.api-meta {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding-top: var(--spacing-sm);
|
|
border-top: 2px solid #F0F0F0;
|
|
}
|
|
.api-price {
|
|
font-size: 22px;
|
|
font-weight: 700;
|
|
color: var(--primary-orange);
|
|
}
|
|
.api-price span {
|
|
font-size: 14px;
|
|
color: var(--text-light);
|
|
font-weight: 400;
|
|
}
|
|
|
|
/* ===== Features Section ===== */
|
|
.features-section {
|
|
padding: var(--spacing-xl) 0;
|
|
background: var(--bg-gray);
|
|
}
|
|
.features-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
|
gap: var(--spacing-md);
|
|
}
|
|
.feature-card {
|
|
background: white;
|
|
padding: var(--spacing-lg);
|
|
border-radius: var(--radius-lg);
|
|
text-align: center;
|
|
box-shadow: var(--shadow-sm);
|
|
transition: var(--transition);
|
|
}
|
|
.feature-card:hover {
|
|
transform: translateY(-8px);
|
|
box-shadow: var(--shadow-lg);
|
|
}
|
|
.feature-icon {
|
|
font-size: 48px;
|
|
margin-bottom: var(--spacing-sm);
|
|
}
|
|
.feature-title {
|
|
font-size: 22px;
|
|
font-weight: 700;
|
|
margin-bottom: var(--spacing-xs);
|
|
}
|
|
.feature-desc {
|
|
font-size: 15px;
|
|
color: var(--text-secondary);
|
|
line-height: 1.7;
|
|
}
|
|
|
|
/* ===== Use Cases Section ===== */
|
|
.use-cases-section {
|
|
padding: var(--spacing-xl) 0;
|
|
}
|
|
.use-cases-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
|
gap: var(--spacing-md);
|
|
}
|
|
.use-case-card {
|
|
background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
|
|
padding: var(--spacing-lg);
|
|
border-radius: var(--radius-lg);
|
|
border-left: 4px solid var(--primary-orange);
|
|
}
|
|
.use-case-title {
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
margin-bottom: var(--spacing-xs);
|
|
color: var(--primary-orange);
|
|
}
|
|
.use-case-desc {
|
|
font-size: 15px;
|
|
color: var(--text-secondary);
|
|
margin-bottom: var(--spacing-sm);
|
|
line-height: 1.7;
|
|
}
|
|
.use-case-apis {
|
|
font-size: 14px;
|
|
color: var(--text-light);
|
|
}
|
|
.use-case-apis strong { color: var(--text-primary); }
|
|
|
|
/* ===== How It Works Section ===== */
|
|
.how-it-works {
|
|
padding: var(--spacing-xl) 0;
|
|
background: var(--bg-dark);
|
|
color: var(--text-white);
|
|
}
|
|
.how-it-works .section-title,
|
|
.how-it-works .section-subtitle {
|
|
color: var(--text-white);
|
|
}
|
|
.steps-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
gap: var(--spacing-lg);
|
|
margin-top: var(--spacing-lg);
|
|
}
|
|
.step-card {
|
|
text-align: center;
|
|
padding: var(--spacing-md);
|
|
}
|
|
.step-number {
|
|
width: 60px;
|
|
height: 60px;
|
|
background: var(--primary-gradient);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 28px;
|
|
font-weight: 700;
|
|
margin: 0 auto var(--spacing-sm);
|
|
}
|
|
.step-title {
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
margin-bottom: var(--spacing-xs);
|
|
}
|
|
.step-desc {
|
|
font-size: 15px;
|
|
color: #CCCCCC;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
/* ===== FAQ Section ===== */
|
|
.faq-section {
|
|
padding: var(--spacing-xl) 0;
|
|
background: var(--bg-gray);
|
|
}
|
|
.faq-list {
|
|
max-width: 900px;
|
|
margin: 0 auto;
|
|
}
|
|
.faq-item {
|
|
background: white;
|
|
margin-bottom: var(--spacing-sm);
|
|
border-radius: var(--radius-md);
|
|
overflow: hidden;
|
|
box-shadow: var(--shadow-sm);
|
|
}
|
|
.faq-question {
|
|
padding: var(--spacing-md) var(--spacing-lg);
|
|
font-size: 17px;
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.faq-question:hover {
|
|
background: #FAFAFA;
|
|
}
|
|
.faq-answer {
|
|
padding: 0 var(--spacing-lg) var(--spacing-md);
|
|
font-size: 15px;
|
|
color: var(--text-secondary);
|
|
line-height: 1.8;
|
|
display: none;
|
|
}
|
|
.faq-item.active .faq-answer {
|
|
display: block;
|
|
}
|
|
.faq-icon {
|
|
font-size: 20px;
|
|
transition: var(--transition);
|
|
}
|
|
.faq-item.active .faq-icon {
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
/* ===== CTA Section ===== */
|
|
.cta-section {
|
|
padding: var(--spacing-xl) 0;
|
|
background: var(--primary-gradient);
|
|
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);
|
|
font-size: 17px;
|
|
padding: 16px 48px;
|
|
}
|
|
.cta-section .btn:hover {
|
|
transform: translateY(-3px);
|
|
box-shadow: 0 8px 24px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
/* ===== Footer ===== */
|
|
.footer {
|
|
background: var(--bg-dark);
|
|
color: var(--text-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;
|
|
font-weight: 700;
|
|
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);
|
|
color: white;
|
|
}
|
|
.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;
|
|
}
|
|
|
|
/* ===== Responsive ===== */
|
|
@media (max-width: 1024px) {
|
|
.api-grid { grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }
|
|
.hero h1 { font-size: 42px; }
|
|
.footer-grid { grid-template-columns: 1fr 1fr; }
|
|
}
|
|
@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; }
|
|
.section-title { font-size: 32px; }
|
|
.use-cases-grid { grid-template-columns: 1fr; }
|
|
}
|
|
|
|
/* ===== Unified Navbar ===== */
|
|
.navbar {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 1000;
|
|
padding: 12px 0;
|
|
transition: all 0.3s ease;
|
|
background: rgba(255,255,255,0.95);
|
|
backdrop-filter: blur(20px);
|
|
-webkit-backdrop-filter: blur(20px);
|
|
}
|
|
.navbar.scrolled {
|
|
padding: 8px 0;
|
|
box-shadow: 0 2px 20px rgba(0,0,0,0.08);
|
|
}
|
|
.navbar .container {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
padding: 0 24px;
|
|
}
|
|
.logo {
|
|
display: flex;
|
|
align-items: center;
|
|
text-decoration: none;
|
|
}
|
|
.logo-img {
|
|
height: 44px;
|
|
width: auto;
|
|
object-fit: contain;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.logo:hover .logo-img {
|
|
transform: scale(1.03);
|
|
}
|
|
.nav-menu {
|
|
display: flex;
|
|
gap: 32px;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.nav-link {
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
color: #1A1A1A;
|
|
text-decoration: none;
|
|
position: relative;
|
|
padding: 6px 0;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.nav-link::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 50%;
|
|
width: 0;
|
|
height: 2px;
|
|
background: #FF6A19;
|
|
transition: all 0.3s ease;
|
|
transform: translateX(-50%);
|
|
border-radius: 1px;
|
|
}
|
|
.nav-link:hover {
|
|
color: #FF6A19;
|
|
}
|
|
.nav-link:hover::after {
|
|
width: 100%;
|
|
}
|
|
.nav-cta {
|
|
display: flex;
|
|
gap: 12px;
|
|
align-items: center;
|
|
}
|
|
.nav-btn {
|
|
padding: 8px 20px;
|
|
border-radius: 8px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
cursor: pointer;
|
|
transition: all 0.3s ease;
|
|
text-decoration: none;
|
|
border: none;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
.btn-outline.nav-btn {
|
|
border: 1.5px solid #FF6A19;
|
|
color: #FF6A19;
|
|
background: transparent;
|
|
}
|
|
.btn-outline.nav-btn:hover {
|
|
background: #FFF5F0;
|
|
}
|
|
.btn-primary.nav-btn {
|
|
background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
|
|
color: white;
|
|
box-shadow: 0 2px 8px rgba(255,106,25,0.3);
|
|
}
|
|
.btn-primary.nav-btn:hover {
|
|
transform: translateY(-1px);
|
|
box-shadow: 0 4px 12px rgba(255,106,25,0.4);
|
|
}
|
|
.menu-toggle {
|
|
display: none;
|
|
flex-direction: column;
|
|
gap: 5px;
|
|
cursor: pointer;
|
|
padding: 4px;
|
|
z-index: 1001;
|
|
}
|
|
.menu-toggle span {
|
|
width: 24px;
|
|
height: 2px;
|
|
background: #1A1A1A;
|
|
transition: all 0.3s ease;
|
|
border-radius: 1px;
|
|
}
|
|
@media (max-width: 1024px) {
|
|
.nav-menu {
|
|
display: none;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: rgba(255,255,255,0.98);
|
|
backdrop-filter: blur(20px);
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 24px;
|
|
z-index: 999;
|
|
}
|
|
.nav-menu.active {
|
|
display: flex;
|
|
}
|
|
.nav-link {
|
|
font-size: 18px;
|
|
}
|
|
.nav-cta {
|
|
display: none;
|
|
}
|
|
.menu-toggle {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
/* ===== Unified Footer ===== */
|
|
.footer {
|
|
background: #1A1A1A;
|
|
color: white;
|
|
padding: 60px 0 30px;
|
|
}
|
|
.footer-grid {
|
|
display: grid;
|
|
grid-template-columns: 1.5fr 1fr 1fr 1fr;
|
|
gap: 48px;
|
|
margin-bottom: 40px;
|
|
}
|
|
.footer-brand h3 {
|
|
font-size: 22px;
|
|
font-weight: 700;
|
|
margin-bottom: 8px;
|
|
background: linear-gradient(135deg, #FF6A19, #FC6E18);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
.footer-brand p {
|
|
color: rgba(255,255,255,0.6);
|
|
font-size: 14px;
|
|
line-height: 1.6;
|
|
}
|
|
.footer-title {
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
margin-bottom: 16px;
|
|
color: rgba(255,255,255,0.9);
|
|
}
|
|
.footer-links {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.footer-links li {
|
|
margin-bottom: 10px;
|
|
}
|
|
.footer-links a {
|
|
color: rgba(255,255,255,0.5);
|
|
text-decoration: none;
|
|
font-size: 14px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.footer-links a:hover {
|
|
color: #FF6A19;
|
|
}
|
|
.footer-bottom {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding-top: 24px;
|
|
border-top: 1px solid rgba(255,255,255,0.1);
|
|
font-size: 13px;
|
|
color: rgba(255,255,255,0.4);
|
|
}
|
|
.footer-icp {
|
|
color: rgba(255,255,255,0.4);
|
|
}
|
|
.footer-icp a {
|
|
color: rgba(255,255,255,0.4);
|
|
text-decoration: none;
|
|
}
|
|
.footer-icp a:hover {
|
|
color: #FF6A19;
|
|
}
|
|
@media (max-width: 768px) {
|
|
.footer-grid {
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 32px;
|
|
}
|
|
.footer-bottom {
|
|
flex-direction: column;
|
|
text-align: center;
|
|
gap: 8px;
|
|
}
|
|
}
|
|
@media (max-width: 480px) {
|
|
.footer-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- Navigation -->
|
|
<nav class="navbar" id="navbar">
|
|
<div class="container">
|
|
<a href="/index.html" class="logo">
|
|
<img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
|
|
</a>
|
|
|
|
<div class="menu-toggle" id="menuToggle">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
|
|
<ul class="nav-menu" id="navMenu">
|
|
<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="/index.html#technology" class="nav-link">AI 能力</a></li>
|
|
<li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
|
|
<li><a href="/about.html" class="nav-link">关于我们</a></li>
|
|
</ul>
|
|
|
|
<div class="nav-cta">
|
|
<a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
|
|
<a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</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 class="stat-item">
|
|
<div class="stat-number">10 万+</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-features">
|
|
<span class="api-feature">实时返回</span>
|
|
<span class="api-feature">99.9% 准确率</span>
|
|
<span class="api-feature">加密传输</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">三重验证</span>
|
|
<span class="api-feature">运营商数据</span>
|
|
<span class="api-feature">毫秒响应</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">多证件类型</span>
|
|
<span class="api-feature">活体检测</span>
|
|
<span class="api-feature">防伪造</span>
|
|
</div>
|
|
<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="identity">
|
|
<div class="api-header">
|
|
<span class="api-name">身份证 OCR 识别</span>
|
|
</div>
|
|
<p class="api-desc">自动识别身份证正反面信息，支持图片上传识别，准确率 99%+</p>
|
|
<div class="api-features">
|
|
<span class="api-feature">OCR 识别</span>
|
|
<span class="api-feature">自动裁剪</span>
|
|
<span class="api-feature">支持翻拍</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">官方数据</span>
|
|
<span class="api-feature">实时更新</span>
|
|
<span class="api-feature">全覆盖</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">工商总局</span>
|
|
<span class="api-feature">详细信息</span>
|
|
<span class="api-feature">权威可靠</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">股权穿透</span>
|
|
<span class="api-feature">实际控制人</span>
|
|
<span class="api-feature">关联关系</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">高管名单</span>
|
|
<span class="api-feature">任职信息</span>
|
|
<span class="api-feature">变更记录</span>
|
|
</div>
|
|
<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 recommend">💎 推荐</span>
|
|
</div>
|
|
<p class="api-desc">企业经营异常名录信息，包括列入原因、列入日期、做出决定机关</p>
|
|
<div class="api-features">
|
|
<span class="api-feature">风险提示</span>
|
|
<span class="api-feature">官方名录</span>
|
|
<span class="api-feature">实时更新</span>
|
|
</div>
|
|
<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>
|
|
</div>
|
|
<p class="api-desc">企业行政处罚记录，包括处罚类型、处罚金额、处罚日期、处罚机关</p>
|
|
<div class="api-features">
|
|
<span class="api-feature">处罚记录</span>
|
|
<span class="api-feature">风险评估</span>
|
|
<span class="api-feature">多维度</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">银联数据</span>
|
|
<span class="api-feature">实时验证</span>
|
|
<span class="api-feature">支持多家银行</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">三重验证</span>
|
|
<span class="api-feature">高安全性</span>
|
|
<span class="api-feature">快速返回</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">金融级</span>
|
|
<span class="api-feature">四重验证</span>
|
|
<span class="api-feature">最高安全</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">央行征信</span>
|
|
<span class="api-feature">全面记录</span>
|
|
<span class="api-feature">权威报告</span>
|
|
</div>
|
|
<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="finance">
|
|
<div class="api-header">
|
|
<span class="api-name">企业信用报告</span>
|
|
<span class="api-tag recommend">💎 推荐</span>
|
|
</div>
|
|
<p class="api-desc">企业综合信用报告，包括工商信息、司法风险、经营异常等多维度评估</p>
|
|
<div class="api-features">
|
|
<span class="api-feature">综合评估</span>
|
|
<span class="api-feature">多维度</span>
|
|
<span class="api-feature">PDF 报告</span>
|
|
</div>
|
|
<div class="api-meta">
|
|
<span class="api-price">¥10.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-features">
|
|
<span class="api-feature">三大运营商</span>
|
|
<span class="api-feature">实时验证</span>
|
|
<span class="api-feature">高覆盖率</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">入网时间</span>
|
|
<span class="api-feature">稳定性评估</span>
|
|
<span class="api-feature">用户画像</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">状态查询</span>
|
|
<span class="api-feature">空号识别</span>
|
|
<span class="api-feature">降低成本</span>
|
|
</div>
|
|
<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="telecom">
|
|
<div class="api-header">
|
|
<span class="api-name">手机号归属地</span>
|
|
</div>
|
|
<p class="api-desc">查询手机号归属地，包括省份、城市、运营商信息</p>
|
|
<div class="api-features">
|
|
<span class="api-feature">归属地查询</span>
|
|
<span class="api-feature">运营商识别</span>
|
|
<span class="api-feature">快速返回</span>
|
|
</div>
|
|
<div class="api-meta">
|
|
<span class="api-price">¥0.1<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-features">
|
|
<span class="api-feature">学信网</span>
|
|
<span class="api-feature">官方数据</span>
|
|
<span class="api-feature">防伪验证</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">学位验证</span>
|
|
<span class="api-feature">官方数据</span>
|
|
<span class="api-feature">全面信息</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">多种证书</span>
|
|
<span class="api-feature">官方验证</span>
|
|
<span class="api-feature">防伪查询</span>
|
|
</div>
|
|
<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="education">
|
|
<div class="api-header">
|
|
<span class="api-name">毕业院校查询</span>
|
|
</div>
|
|
<p class="api-desc">验证毕业院校信息，包括学校名称、专业、入学日期、毕业日期</p>
|
|
<div class="api-features">
|
|
<span class="api-feature">院校验证</span>
|
|
<span class="api-feature">专业信息</span>
|
|
<span class="api-feature">时间验证</span>
|
|
</div>
|
|
<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="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-features">
|
|
<span class="api-feature">最高法数据</span>
|
|
<span class="api-feature">实时更新</span>
|
|
<span class="api-feature">风险预警</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">裁判文书网</span>
|
|
<span class="api-feature">案件详情</span>
|
|
<span class="api-feature">全面记录</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">开庭公告</span>
|
|
<span class="api-feature">案件预告</span>
|
|
<span class="api-feature">提前预警</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">执行案件</span>
|
|
<span class="api-feature">执行进度</span>
|
|
<span class="api-feature">状态跟踪</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">限高名单</span>
|
|
<span class="api-feature">消费限制</span>
|
|
<span class="api-feature">风险提示</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">综合核查</span>
|
|
<span class="api-feature">多维度</span>
|
|
<span class="api-feature">PDF 报告</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">全面评估</span>
|
|
<span class="api-feature">风险识别</span>
|
|
<span class="api-feature">决策支持</span>
|
|
</div>
|
|
<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-features">
|
|
<span class="api-feature">履历验证</span>
|
|
<span class="api-feature">任职时间</span>
|
|
<span class="api-feature">职位核实</span>
|
|
</div>
|
|
<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="background">
|
|
<div class="api-header">
|
|
<span class="api-name">社保缴纳记录</span>
|
|
</div>
|
|
<p class="api-desc">查询个人社保缴纳记录，验证工作经历真实性</p>
|
|
<div class="api-features">
|
|
<span class="api-feature">社保记录</span>
|
|
<span class="api-feature">工作验证</span>
|
|
<span class="api-feature">官方数据</span>
|
|
</div>
|
|
<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>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features Section -->
|
|
<section class="features-section">
|
|
<div class="container">
|
|
<h2 class="section-title">为什么选择愉悦查 API</h2>
|
|
<p class="section-subtitle">专业、可靠、高效的数据接口服务</p>
|
|
|
|
<div class="features-grid">
|
|
<div class="feature-card">
|
|
<div class="feature-icon">📡</div>
|
|
<h3 class="feature-title">海量数据</h3>
|
|
<p class="feature-desc">200+ 官方数据接口，覆盖身份验证、企业信息、金融验证、运营商、学历资质、司法风险、背景调查等全场景</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">⚡</div>
|
|
<h3 class="feature-title">秒级响应</h3>
|
|
<p class="feature-desc">平均响应时间 3 秒内，支持高并发调用，满足业务高峰期需求</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">🔒</div>
|
|
<h3 class="feature-title">安全合规</h3>
|
|
<p class="feature-desc">等保三级认证，数据加密传输，严格遵守《个人信息保护法》《数据安全法》</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">📖</div>
|
|
<h3 class="feature-title">完善文档</h3>
|
|
<p class="feature-desc">详细接口文档、SDK 示例、在线调试工具，技术支持 7×12 小时在线</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">💰</div>
|
|
<h3 class="feature-title">灵活计费</h3>
|
|
<p class="feature-desc">按次计费、套餐包、预付费多种模式，量大从优，支持定制价格方案</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">🛠️</div>
|
|
<h3 class="feature-title">技术支持</h3>
|
|
<p class="feature-desc">专业技术团队，快速响应问题，提供接入指导、故障排查、性能优化服务</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Use Cases Section -->
|
|
<section class="use-cases-section">
|
|
<div class="container">
|
|
<h2 class="section-title">应用场景</h2>
|
|
<p class="section-subtitle">多行业覆盖，满足不同业务需求</p>
|
|
|
|
<div class="use-cases-grid">
|
|
<div class="use-case-card">
|
|
<h3 class="use-case-title">🏦 金融信贷</h3>
|
|
<p class="use-case-desc">银行、消金、小贷公司贷前风控，验证借款人身份、信用、负债情况，降低坏账风险</p>
|
|
<p class="use-case-apis"><strong>推荐接口：</strong>身份证验证、银行卡四要素、个人信用报告、失信被执行人</p>
|
|
</div>
|
|
|
|
<div class="use-case-card">
|
|
<h3 class="use-case-title">👥 人力资源</h3>
|
|
<p class="use-case-desc">企业招聘背调，验证候选人学历、工作履历、职业资格，降低用工风险</p>
|
|
<p class="use-case-apis"><strong>推荐接口：</strong>学历查询、工作履历核实、职业资格证书、个人背景调查</p>
|
|
</div>
|
|
|
|
<div class="use-case-card">
|
|
<h3 class="use-case-title">🏢 企业服务</h3>
|
|
<p class="use-case-desc">商务合作前企业背景调查，了解合作伙伴信用状况、司法风险，规避合作风险</p>
|
|
<p class="use-case-apis"><strong>推荐接口：</strong>企业工商信息、企业信用报告、行政处罚、失信被执行人</p>
|
|
</div>
|
|
|
|
<div class="use-case-card">
|
|
<h3 class="use-case-title">💑 婚恋交友</h3>
|
|
<p class="use-case-desc">婚恋平台用户实名认证，验证身份、学历、职业信息，提升平台可信度</p>
|
|
<p class="use-case-apis"><strong>推荐接口：</strong>身份证三要素、学历查询、工作履历核实、个人背景调查</p>
|
|
</div>
|
|
|
|
<div class="use-case-card">
|
|
<h3 class="use-case-title">🏠 家政服务</h3>
|
|
<p class="use-case-desc">家政人员背景核查，验证身份、犯罪记录、健康状况，保障雇主安全</p>
|
|
<p class="use-case-apis"><strong>推荐接口：</strong>身份证验证、失信被执行人、个人背景调查、社保缴纳记录</p>
|
|
</div>
|
|
|
|
<div class="use-case-card">
|
|
<h3 class="use-case-title">📱 互联网平台</h3>
|
|
<p class="use-case-desc">用户实名认证、风险控制，满足监管要求，提升平台安全性</p>
|
|
<p class="use-case-apis"><strong>推荐接口：</strong>身份证二要素、手机号实名、银行卡二要素、OCR 识别</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- How It Works Section -->
|
|
<section class="how-it-works">
|
|
<div class="container">
|
|
<h2 class="section-title">如何接入</h2>
|
|
<p class="section-subtitle">简单 4 步，快速集成 API 服务</p>
|
|
|
|
<div class="steps-grid">
|
|
<div class="step-card">
|
|
<div class="step-number">1</div>
|
|
<h3 class="step-title">注册账号</h3>
|
|
<p class="step-desc">访问愉悦查官网注册账号，完成实名认证和企业认证</p>
|
|
</div>
|
|
|
|
<div class="step-card">
|
|
<div class="step-number">2</div>
|
|
<h3 class="step-title">获取密钥</h3>
|
|
<p class="step-desc">在控制台创建应用，获取 API Key 和 Secret，用于接口调用认证</p>
|
|
</div>
|
|
|
|
<div class="step-card">
|
|
<div class="step-number">3</div>
|
|
<h3 class="step-title">接口调用</h3>
|
|
<p class="step-desc">参考 API 文档，使用 HTTP/HTTPS 协议调用接口，支持多种编程语言 SDK</p>
|
|
</div>
|
|
|
|
<div class="step-card">
|
|
<div class="step-number">4</div>
|
|
<h3 class="step-title">充值使用</h3>
|
|
<p class="step-desc">选择合适套餐包或按次计费，在线充值后即可使用，实时扣费</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="text-align:center;margin-top:var(--spacing-lg);">
|
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary btn-lg" target="_blank">🚀 立即咨询接入</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FAQ Section -->
|
|
<section class="faq-section">
|
|
<div class="container">
|
|
<h2 class="section-title">常见问题</h2>
|
|
<p class="section-subtitle">您可能想知道的问题</p>
|
|
|
|
<div class="faq-list">
|
|
<div class="faq-item">
|
|
<div class="faq-question">
|
|
<span>Q: 如何获取 API 调用权限？</span>
|
|
<span class="faq-icon">+</span>
|
|
</div>
|
|
<div class="faq-answer">
|
|
<p>A: 您需要在愉悦查官网注册账号并完成实名认证，然后在控制台创建应用获取 API Key 和 Secret。不同接口可能需要不同的认证等级，部分接口需要企业认证后才能使用。</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="faq-item">
|
|
<div class="faq-question">
|
|
<span>Q: API 调用如何计费？</span>
|
|
<span class="faq-icon">+</span>
|
|
</div>
|
|
<div class="faq-answer">
|
|
<p>A: 我们提供多种计费方式：1) 按次计费 - 调用一次扣费一次；2) 套餐包 - 预购买一定调用次数，单价更优惠；3) 预付费 - 充值到账户余额，按实际调用扣费。量大从优，可联系商务定制价格方案。</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="faq-item">
|
|
<div class="faq-question">
|
|
<span>Q: 接口响应时间多长？</span>
|
|
<span class="faq-icon">+</span>
|
|
</div>
|
|
<div class="faq-answer">
|
|
<p>A: 大部分接口响应时间在 3 秒内，部分复杂接口（如信用报告、背景调查）可能需要 5-10 秒。我们支持同步和异步两种调用方式，对于耗时较长的接口建议使用异步方式。</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="faq-item">
|
|
<div class="faq-question">
|
|
<span>Q: 数据来源是否可靠？</span>
|
|
<span class="faq-icon">+</span>
|
|
</div>
|
|
<div class="faq-answer">
|
|
<p>A: 所有数据均来自官方渠道或授权合作方，包括公安部、工商总局、学信网、央行征信中心、三大运营商等。我们严格遵守《个人信息保护法》《数据安全法》，确保数据来源合法合规。</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="faq-item">
|
|
<div class="faq-question">
|
|
<span>Q: 支持哪些编程语言？</span>
|
|
<span class="faq-icon">+</span>
|
|
</div>
|
|
<div class="faq-answer">
|
|
<p>A: 我们提供多种编程语言的 SDK 和示例代码，包括 Java、Python、PHP、Node.js、Go、C# 等主流语言。同时也支持原生 HTTP/HTTPS 调用，任何能发起 HTTP 请求的语言都可以使用。</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="faq-item">
|
|
<div class="faq-question">
|
|
<span>Q: 如何保证数据安全？</span>
|
|
<span class="faq-icon">+</span>
|
|
</div>
|
|
<div class="faq-answer">
|
|
<p>A: 我们采用多重安全措施：1) 数据传输使用 HTTPS 加密；2) API 调用需要签名认证；3) 敏感数据脱敏处理；4) 通过等保三级认证；5) 严格的数据访问控制和审计机制。</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="faq-item">
|
|
<div class="faq-question">
|
|
<span>Q: 有技术支持吗？</span>
|
|
<span class="faq-icon">+</span>
|
|
</div>
|
|
<div class="faq-answer">
|
|
<p>A: 我们提供 7×12 小时技术支持服务，包括接入指导、问题排查、性能优化等。您可以通过企业微信客服、技术支持邮箱、在线工单等方式联系我们，紧急情况可拨打技术支持热线。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA Section -->
|
|
<section class="cta-section">
|
|
<div class="container">
|
|
<h2>准备好开始使用了吗？</h2>
|
|
<p>立即接入愉悦查 API，让您的业务更智能、更安全、更高效</p>
|
|
<a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn" target="_blank">🚀 免费技术咨询</a>
|
|
</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;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
|
|
<p style="font-size:13px;color:rgba(255,255,255,0.5);">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">公司</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="/news.html">新闻动态</a></li>
|
|
<li><a href="/partners.html">合作伙伴</a></li>
|
|
<li><a href="/investment.html">招商工具包</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 class="footer-title">支持</h4>
|
|
<ul class="footer-links">
|
|
<li><a href="/help.html">帮助中心</a></li>
|
|
<li><a href="/apidemo/">API 文档</a></li>
|
|
<li><a href="/all-apis.html">全部接口</a></li>
|
|
<li><a href="/privacy.html">隐私政策</a></li>
|
|
<li><a href="/terms.html">服务条款</a></li>
|
|
<li><a href="/disclaimer.html">免责声明</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer-bottom">
|
|
<p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
|
|
<p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></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();
|
|
const features = card.querySelector('.api-features').textContent.toLowerCase();
|
|
if (name.includes(searchTerm) || desc.includes(searchTerm) || features.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';
|
|
}
|
|
});
|
|
});
|
|
});
|
|
|
|
// ===== FAQ Toggle =====
|
|
const faqItems = document.querySelectorAll('.faq-item');
|
|
faqItems.forEach(item => {
|
|
const question = item.querySelector('.faq-question');
|
|
question.addEventListener('click', () => {
|
|
const isActive = item.classList.contains('active');
|
|
faqItems.forEach(i => i.classList.remove('active'));
|
|
if (!isActive) {
|
|
item.classList.add('active');
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|