commit 433715b78a6f3dfa04a9d98db01edb7b90d69db1 Author: hkyc Date: Thu Mar 13 16:15:54 2025 +0800 初版 diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..45a9c1b --- /dev/null +++ b/contact.html @@ -0,0 +1,201 @@ + + + + + + 联系我们 - 听泉科技 + + + + + +
+ +
+
+ + + +
+
+ +
+
+
+
+

联系方式

+
+ +
+

电子邮件

+

contact@tingquan.tech

+
+
+
+ +
+

微信公众号

+

tingquantech

+
+
+
+ + +
+
+ +
+

工作时间

+

周一至周五: 9:00 - 18:00

+

周末: 10:00 - 16:00

+
+
+
+ +
+

发送消息

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+
+ + + + + + + + \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..2cffb8f --- /dev/null +++ b/css/style.css @@ -0,0 +1,536 @@ +/* 全局样式 */ +:root { + --primary-color: #2563eb; + --secondary-color: #1e40af; + --text-color: #1f2937; + --light-text: #6b7280; + --background: #ffffff; + --light-background: #f3f4f6; + --border-color: #e5e7eb; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + color: var(--text-color); + line-height: 1.6; +} + +.container { + max-width: 1200px; + margin: 0 auto; + padding: 0 2rem; +} + +/* 导航栏样式更新 */ +header { + background: var(--background); + box-shadow: 0 2px 4px rgba(0,0,0,0.1); + position: fixed; + width: 100%; + top: 0; + z-index: 1000; + transition: all 0.3s ease; +} + +header .container { + display: flex; + justify-content: space-between; + align-items: center; + height: 80px; + padding: 0 2rem; +} + +.logo { + display: flex; + align-items: center; +} + +.logo h1 { + font-size: 1.8rem; + background: linear-gradient(45deg, #4F46E5, #2563EB); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-weight: 700; +} + +nav ul { + display: flex; + list-style: none; + gap: 2.5rem; + margin: 0; + padding: 0; +} + +nav a { + text-decoration: none; + color: var(--text-color); + font-weight: 500; + font-size: 1.1rem; + position: relative; + padding: 0.5rem 0; + transition: color 0.3s ease; +} + +nav a:hover, nav a.active { + color: var(--primary-color); +} + +nav a::after { + content: ''; + position: absolute; + width: 0; + height: 2px; + bottom: 0; + left: 0; + background-color: var(--primary-color); + transition: width 0.3s ease; +} + +nav a:hover::after, nav a.active::after { + width: 100%; +} + +/* 移动端菜单按钮样式 */ +.menu-button { + display: none; + background: none; + border: none; + cursor: pointer; + padding: 0.5rem; + position: relative; + z-index: 1001; + width: 40px; + height: 40px; +} + +.menu-button .menu-icon { + display: block; + width: 24px; + height: 2px; + background: var(--primary-color); + position: relative; + transition: all 0.3s ease; +} + +.menu-button .menu-icon::before, +.menu-button .menu-icon::after { + content: ''; + position: absolute; + width: 24px; + height: 2px; + background: var(--primary-color); + transition: all 0.3s ease; +} + +.menu-button .menu-icon::before { + top: -8px; +} + +.menu-button .menu-icon::after { + bottom: -8px; +} + +.menu-button.active .menu-icon { + background: transparent; +} + +.menu-button.active .menu-icon::before { + top: 0; + transform: rotate(45deg); +} + +.menu-button.active .menu-icon::after { + bottom: 0; + transform: rotate(-45deg); +} + +/* 蒙层样式 */ +.overlay { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + backdrop-filter: blur(4px); + -webkit-backdrop-filter: blur(4px); + opacity: 0; + transition: opacity 0.3s ease; + z-index: 998; +} + +.overlay.active { + display: block; + opacity: 1; +} + +@media (max-width: 768px) { + .menu-button { + display: flex; + align-items: center; + justify-content: center; + } + + nav { + position: fixed; + top: 0; + right: 0; + width: 80%; + max-width: 300px; + height: 100vh; + background: white; + padding: 100px 2rem 2rem; + transform: translateX(100%); + transition: transform 0.3s ease; + z-index: 999; + box-shadow: -2px 0 10px rgba(0,0,0,0.1); + } + + nav.active { + transform: translateX(0); + } + + nav ul { + flex-direction: column; + gap: 1.5rem; + } + + nav a { + display: block; + font-size: 1.2rem; + padding: 0.75rem 0; + } + + nav a::after { + display: none; + } + + nav a:hover, nav a.active { + color: var(--primary-color); + padding-left: 1rem; + } + + /* 暗色模式支持 */ + @media (prefers-color-scheme: dark) { + nav { + background: white; + } + + nav a { + color: var(--text-color); + } + } +} + +/* 按钮样式 */ +.btn { + display: inline-block; + padding: 0.75rem 1.5rem; + border-radius: 0.5rem; + text-decoration: none; + font-weight: 500; + transition: all 0.3s; +} + +.btn-primary { + background: var(--primary-color); + color: white; +} + +.btn-primary:hover { + background: var(--secondary-color); +} + +.btn-secondary { + background: white; + color: var(--primary-color); + border: 2px solid var(--primary-color); +} + +.btn-secondary:hover { + background: var(--primary-color); + color: white; +} + +.btn-large { + padding: 1rem 2rem; + font-size: 1.1rem; +} + +.btn-outline { + border: 2px solid var(--border-color); + color: var(--text-color); +} + +.btn-outline:hover { + border-color: var(--primary-color); + color: var(--primary-color); +} + +/* 英雄区样式 */ +.hero { + padding: 160px 0 80px; + background: linear-gradient(135deg, #f0f7ff 0%, #e8f2ff 100%); + text-align: center; +} + +.hero-content h1 { + font-size: 3.5rem; + margin-bottom: 1rem; + color: var(--text-color); +} + +.hero-content p { + font-size: 1.25rem; + color: var(--light-text); + margin-bottom: 2rem; +} + +.hero-buttons { + display: flex; + gap: 1rem; + justify-content: center; +} + +/* 产品卡片样式 */ +.section-title { + text-align: center; + font-size: 2.5rem; + margin-bottom: 3rem; +} + +.products { + padding: 80px 0; + background: var(--background); +} + +.product-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 2rem; +} + +.product-card { + background: white; + border-radius: 1rem; + padding: 2rem; + box-shadow: 0 4px 6px rgba(0,0,0,0.1); + transition: transform 0.3s; +} + +.product-card:hover { + transform: translateY(-5px); +} + +.product-icon { + width: 64px; + height: 64px; + background: var(--primary-color); + border-radius: 1rem; + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 1.5rem; +} + +.product-icon i { + font-size: 2rem; + color: white; +} + +.product-card h3 { + font-size: 1.5rem; + margin-bottom: 1rem; +} + +.product-features { + list-style: none; + margin: 1.5rem 0; +} + +.product-features li { + margin-bottom: 0.5rem; + display: flex; + align-items: center; + gap: 0.5rem; +} + +.product-features i { + color: var(--primary-color); +} + +.product-cta { + display: flex; + gap: 1rem; + margin-top: 1.5rem; +} + +/* 特性区域样式 */ +.features { + padding: 80px 0; + background: var(--light-background); +} + +.features-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 2rem; +} + +.feature-card { + text-align: center; + padding: 2rem; +} + +.feature-icon { + width: 80px; + height: 80px; + background: white; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + margin: 0 auto 1.5rem; + box-shadow: 0 4px 6px rgba(0,0,0,0.1); +} + +.feature-icon i { + font-size: 2rem; + color: var(--primary-color); +} + +.feature-card h3 { + margin-bottom: 1rem; +} + +/* CTA区域样式 */ +.cta { + padding: 80px 0; + background: var(--primary-color); + color: white; + text-align: center; +} + +.cta h2 { + font-size: 2.5rem; + margin-bottom: 1rem; +} + +.cta p { + font-size: 1.25rem; + margin-bottom: 2rem; + opacity: 0.9; +} + +.cta .btn-large { + background: white; + color: var(--primary-color); +} + +.cta .btn-large:hover { + background: var(--light-background); +} + +/* 页脚样式 */ +footer { + background: var(--light-background); + padding: 80px 0 40px; +} + +.footer-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 3rem; + margin-bottom: 3rem; +} + +.footer-col h3 { + margin-bottom: 1.5rem; +} + +.footer-col ul { + list-style: none; +} + +.footer-col ul li { + margin-bottom: 0.75rem; +} + +.footer-col a { + text-decoration: none; + color: var(--light-text); + transition: color 0.3s; +} + +.footer-col a:hover { + color: var(--primary-color); +} + +.social-links { + display: flex; + gap: 1rem; + margin-top: 1rem; +} + +.social-links a { + width: 40px; + height: 40px; + border-radius: 50%; + background: white; + display: flex; + align-items: center; + justify-content: center; + color: var(--primary-color); + transition: all 0.3s; +} + +.social-links a:hover { + background: var(--primary-color); + color: white; +} + +.copyright { + text-align: center; + color: var(--light-text); + padding-top: 2rem; + border-top: 1px solid var(--border-color); +} + +/* 响应式设计 */ +@media (max-width: 768px) { + .hero-content h1 { + font-size: 2.5rem; + } + + .section-title { + font-size: 2rem; + } + + .product-grid, .features-grid { + grid-template-columns: 1fr; + } + + .hero-buttons { + flex-direction: column; + } + + .product-cta { + flex-direction: column; + } + + .footer-grid { + grid-template-columns: 1fr; + text-align: center; + } + + .social-links { + justify-content: center; + } +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..0598993 --- /dev/null +++ b/index.html @@ -0,0 +1,164 @@ + + + + + + 听泉科技 - 智能软件解决方案 + + + + +
+ +
+
+ + + +
+
+ + +
+
+
+

智能软件解决方案

+

提升您的生产力和开发效率

+
+ 了解更多 + 前往购买 +
+
+
+
+ + +
+
+

我们的产品

+
+ +
+
+ +
+

听泉助手

+

智能化软件助手，提升您的日常工作效率

+
    +
  • 智能文本处理
    • +
  • 自动化任务执行
    • +
  • 多平台支持
    • +
+
+ 了解详情 + 立即购买 +
+
+ + +
+
+ +
+

Cursor账号池API

+

高质量Cursor账号池接口，为开发团队提供便捷的账号切换服务

+
    +
  • 开源账号切换工具
    • +
  • 免费每日使用额度
    • +
  • 专业API接口
    • +
+
+ 了解详情 + 购买接口 +
+
+
+
+
+ + +
+
+

为什么选择我们

+
+
+
+ +
+

安全可靠

+

产品经过严格测试，确保稳定运行

+
+
+
+ +
+

专业支持

+

技术团队提供及时的售后服务

+
+
+
+ +
+

持续更新

+

定期更新功能，不断提升用户体验

+
+
+
+
+ + +
+
+

立即开始提升您的效率

+

选择听泉科技，让您的工作更智能、更高效

+ 前往淘宝店铺 +
+
+ + + + + + + \ No newline at end of file diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..4a5eba5 --- /dev/null +++ b/js/main.js @@ -0,0 +1,75 @@ +// 导航栏滚动效果 +window.addEventListener('scroll', function() { + const header = document.querySelector('header'); + if (window.scrollY > 50) { + header.style.background = 'rgba(255, 255, 255, 0.95)'; + header.style.boxShadow = '0 2px 4px rgba(0,0,0,0.1)'; + } else { + header.style.background = 'var(--background)'; + header.style.boxShadow = 'none'; + } +}); + +// 移动端菜单 +function initMobileMenu() { + const menuButton = document.querySelector('.menu-button'); + const nav = document.querySelector('nav'); + const overlay = document.querySelector('.overlay'); + const navLinks = document.querySelectorAll('nav a'); + + if (!menuButton || !nav || !overlay) return; + + menuButton.addEventListener('click', () => { + menuButton.classList.toggle('active'); + nav.classList.toggle('active'); + overlay.classList.toggle('active'); + document.body.style.overflow = nav.classList.contains('active') ? 'hidden' : ''; + }); + + // 点击蒙层关闭菜单 + overlay.addEventListener('click', () => { + menuButton.classList.remove('active'); + nav.classList.remove('active'); + overlay.classList.remove('active'); + document.body.style.overflow = ''; + }); + + // 点击导航链接关闭菜单 + navLinks.forEach(link => { + link.addEventListener('click', () => { + menuButton.classList.remove('active'); + nav.classList.remove('active'); + overlay.classList.remove('active'); + document.body.style.overflow = ''; + }); + }); +} + +// 平滑滚动 +document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + const target = document.querySelector(this.getAttribute('href')); + if (target) { + target.scrollIntoView({ + behavior: 'smooth' + }); + } + }); +}); + +// 产品卡片悬停效果 +document.querySelectorAll('.product-card').forEach(card => { + card.addEventListener('mouseenter', function() { + this.style.transform = 'translateY(-10px)'; + }); + + card.addEventListener('mouseleave', function() { + this.style.transform = 'translateY(0)'; + }); +}); + +// 页面加载完成后初始化 +document.addEventListener('DOMContentLoaded', function() { + initMobileMenu(); +}); \ No newline at end of file diff --git a/pricing.html b/pricing.html new file mode 100644 index 0000000..32228c1 --- /dev/null +++ b/pricing.html @@ -0,0 +1,293 @@ + + + + + + 价格方案 - 听泉科技 + + + + + +
+ +
+
+ + + +
+
+ +
+
+
+

选择适合您的方案

+

我们提供灵活的价格方案，满足不同用户的需求

+
+ + +
+

听泉助手

+
+
+

天卡

+
¥9.9/天
+
    +
  • 24小时无限使用
    • +
  • 所有功能解锁
    • +
  • 基础技术支持
    • +
  • 适合短期体验
    • +
+
+ 立即购买 +
+
+ +
+
最受欢迎
+

周卡

+
¥39.9/周
+
    +
  • 7天无限使用
    • +
  • 所有功能解锁
    • +
  • 标准技术支持
    • +
  • 每天仅需¥5.7
    • +
  • 比天卡节省20%
    • +
+
+ 立即购买 +
+
+ +
+

月卡

+
¥99.9/月
+
    +
  • 30天无限使用
    • +
  • 所有功能解锁
    • +
  • 优先技术支持
    • +
  • 每天仅需¥3.3
    • +
  • 比天卡节省40%
    • +
  • 赠送定制功能
    • +
+
+ 立即购买 +
+
+
+
+ + +
+

Cursor账号池API

+
+
+

基础版

+
免费/永久
+
    +
  • 每天1次免费使用
    • +
  • 基础功能支持
    • +
  • 社区支持
    • +
  • 开源代码访问
    • +
  • 适合个人用户
    • +
+
+ 开始使用 +
+
+ +
+
最受欢迎
+

开发者版

+
¥299/月
+
    +
  • 无限次数使用
    • +
  • 专业API接口
    • +
  • 技术支持
    • +
  • SLA保障
    • +
  • API调用统计
    • +
  • 适合开发团队
    • +
+
+ 立即购买 +
+
+ +
+

企业版

+
定制/年付
+
    +
  • 无限次数使用
    • +
  • 专属API接口
    • +
  • 7*24小时支持
    • +
  • 定制开发服务
    • +
  • 专属技术顾问
    • +
  • 企业级SLA保障
    • +
+
+ 联系我们 +
+
+
+
+

* 所有价格方案均支持随时升级或降级

+

* 企业版可提供定制化解决方案，请联系我们获取详细信息

+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/products.html b/products.html new file mode 100644 index 0000000..2813b89 --- /dev/null +++ b/products.html @@ -0,0 +1,245 @@ + + + + + + 产品详情 - 听泉科技 + + + + + +
+ +
+
+ + + +
+
+ +
+
+ +
+
+
+ +
+
+

听泉助手

+

智能化软件助手，提升您的日常工作效率

+
+
+ +
+

产品特点

+
    +
  • 智能文本处理，提高工作效率
    • +
  • 自动化任务执行，节省时间
    • +
  • 多平台支持，随时随地使用
    • +
  • 定期更新，持续优化体验
    • +
+
+ +
+
+

天卡

+
¥9.9
+
    +
  • 24小时无限使用
    • +
  • 所有功能解锁
    • +
  • 技术支持
    • +
+ 立即购买 +
+
+

周卡

+
¥39.9
+
    +
  • 7天无限使用
    • +
  • 所有功能解锁
    • +
  • 技术支持
    • +
  • 每天节省20%
    • +
+ 立即购买 +
+
+

月卡

+
¥99.9
+
    +
  • 30天无限使用
    • +
  • 所有功能解锁
    • +
  • 优先技术支持
    • +
  • 每天节省40%
    • +
+ 立即购买 +
+
+
+ + +
+
+
+ +
+
+

Cursor账号池API

+

高质量Cursor账号池接口，为开发团队提供便捷的账号切换服务

+
+
+ +
+

产品特点

+
    +
  • 开源账号切换工具，可自由定制
    • +
  • 每日免费使用额度，无需付费也能体验
    • +
  • 专业API接口，稳定可靠
    • +
  • 适合团队协作和二次开发
    • +
+ +
+

开源项目

+

我们的账号切换软件已在GitHub开源，欢迎查看和贡献代码：

+ + 查看GitHub项目 + +
+ +
+
+

基础版

+
免费
+
    +
  • 每天1次免费使用
    • +
  • 基础功能支持
    • +
  • 社区支持
    • +
+ 开始使用 +
+
+

开发者版

+
¥299/月
+
    +
  • 无限次数使用
    • +
  • 专业API接口
    • +
  • 技术支持
    • +
  • SLA保障
    • +
+ 立即购买 +
+
+

企业版

+
定制
+
    +
  • 无限次数使用
    • +
  • 专属API接口
    • +
  • 7*24小时支持
    • +
  • 定制开发服务
    • +
+ 联系我们 +
+
+
+
+
+
+ + + + + + + \ No newline at end of file