qianqiuwanzi
fad26b0bd1
Sync the local qianshi web project (HTML pages, assets, and config) Co-Authored-By: Claude Code <noreply@anthropic.com>
47 lines
3.6 KiB
Plaintext
47 lines
3.6 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>千视科技 | AI驱动的企业数智化服务</title>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body { font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; color: #fff; background: linear-gradient(135deg, #0f0c29, #302b63, #24243e); min-height: 100vh; }
|
|
.navbar { display: flex; justify-content: center; align-items: center; padding: 24px 40px; }
|
|
.logo { font-size: 22px; font-weight: 700; letter-spacing: 3px; }
|
|
.hero { text-align: center; padding: 60px 20px 50px; }
|
|
.hero h1 { font-size: 56px; font-weight: 700; margin-bottom: 16px; background: linear-gradient(90deg, #667eea, #764ba2, #f093fb, #667eea); background-size: 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shimmer 3s infinite; }
|
|
@keyframes shimmer { 0%{background-position:0%} 50%{background-position:100%} 100%{background-position:0%} }
|
|
.hero p { font-size: 18px; color: #999; letter-spacing: 6px; margin-bottom: 10px; }
|
|
.hero .sub { font-size: 14px; color: #666; }
|
|
.divider { width: 80px; height: 2px; background: linear-gradient(90deg, #667eea, #764ba2); margin: 30px auto; border-radius: 1px; }
|
|
.services { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; max-width: 1000px; margin: 0 auto; padding: 20px 40px 60px; }
|
|
.card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 28px 24px; transition: all 0.3s; position: relative; overflow: hidden; }
|
|
.card::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: linear-gradient(180deg, #667eea, #764ba2); opacity: 0; transition: opacity 0.3s; }
|
|
.card:hover { border-color: rgba(102,126,234,0.4); transform: translateY(-4px); box-shadow: 0 12px 40px rgba(102,126,234,0.15); }
|
|
.card:hover::before { opacity: 1; }
|
|
.card h3 { font-size: 17px; margin-bottom: 8px; color: #e0e0ff; }
|
|
.card p { font-size: 13px; color: #888; line-height: 1.7; }
|
|
.footer { text-align: center; padding: 30px; color: #555; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.05); }
|
|
@media (max-width: 768px) { .hero h1 { font-size: 32px; } .services { grid-template-columns: 1fr; padding: 20px; } }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar"><div class="logo">千视科技</div></nav>
|
|
<section class="hero">
|
|
<h1>千视科技</h1>
|
|
<p>AI 驱动的企业数智化服务</p>
|
|
<p class="sub">Qianshi Technology</p>
|
|
<div class="divider"></div>
|
|
</section>
|
|
<section class="services">
|
|
<div class="card"><h3>龙虾 OpenClaw 龙虾服务</h3><p>安装部署 / 技能定制开发 / 实战训练营，帮助企业快速落地 AI 自动化办公与业务系统</p></div>
|
|
<div class="card"><h3>企业 GEO</h3><p>生成式 AI 时代的企业品牌优化，提升在 AI 搜索与推荐中的品牌曝光与信任度</p></div>
|
|
<div class="card"><h3>OPC 一人公司落地</h3><p>AI 赋能的 One-Person Company 模式搭建，从规划到运营的全链路解决方案</p></div>
|
|
<div class="card"><h3>数字人</h3><p>2D / 3D 数字人定制，AI 驱动实时交互，适用于直播、客服、品牌代言等场景</p></div>
|
|
<div class="card"><h3>AI 智能体定制开发</h3><p>企业专属 AI Agent 定制，业务流程自动化、知识库问答、多系统协同</p></div>
|
|
<div class="card"><h3>自媒体账号代运营</h3><p>小红书 / 抖音 / 微信公众号等平台的 AI 辅助内容创作与数据化运营</p></div>
|
|
</section>
|
|
<footer class="footer"><p>2026 千视科技 Qianshi Technology. All rights reserved.</p></footer>
|
|
</body>
|
|
</html> |