mirror of
https://github.com/iniwap/AIWriteX.git
synced 2026-08-30 17:48:13 +08:00
iniwap
2250 lines
76 KiB
HTML
2250 lines
76 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>AIWriteX - 全网最强AI自媒体矩阵运营系统 | 公众号/小红书/抖音/百家号全自动写作 | 去AI味防检测 | 热搜聚合爆款选题 | 一键多平台分发</title>
|
||
|
||
<meta name="description" content="AIWriteX墨智工坊：2024年自媒体人必备的AI矩阵运营神器。独家去AI味算法通过原创检测，全网热搜舆情5秒聚合，AI爆款选题库日更10000+，支持公众号/小红书/抖音/百家号/知乎/头条号等20+平台一键分发。内置100+爆文模板，智能改写洗稿降重，多账号矩阵批量管理，从选题到发布全流程自动化。已帮助50000+创作者产出10w+爆文，日均节省6小时创作时间。" />
|
||
|
||
<meta name="keywords" content="AI写作工具,自媒体AI助手,公众号AI写作,小红书AI文案,抖音AI脚本,百家号AI创作,知乎AI回答,头条号AI写作,去AI味,AI内容防检测,原创度检测通过,AI洗稿工具,AI改写降重,热搜聚合,舆情监控,爆款选题,AI排版工具,多平台分发,自媒体矩阵,账号矩阵管理,批量发布工具,爆文生成器,10w+爆文,AI文章生成,智能写作,内容创作平台,新媒体运营工具,自媒体变现,流量密码,热点追踪,全自动写作,一键生成文章,AI营销文案,种草文案AI,带货文案生成,短视频脚本AI,直播话术AI,私域运营,内容中台,AIGC工具,ChatGPT写作,Claude写作,GPT-4写作,AI内容工厂,批量原创,伪原创工具,SEO文章生成,长尾词文章" />
|
||
|
||
<link rel="canonical" href="https://aiwritex.voidai.cc/" />
|
||
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
|
||
<meta name="author" content="AIWriteX - 墨智工坊" />
|
||
<meta name="copyright" content="AIWriteX" />
|
||
<meta name="generator" content="AIWriteX Content Platform" />
|
||
|
||
<!-- 移动端优化 -->
|
||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||
<meta name="apple-mobile-web-app-title" content="AIWriteX" />
|
||
<meta name="application-name" content="AIWriteX" />
|
||
<meta name="theme-color" content="#6366f1" />
|
||
<meta name="msapplication-TileColor" content="#6366f1" />
|
||
|
||
<!-- 搜索引擎验证（需要注册添加网站，暂时不填） -->
|
||
<!-- <meta name="baidu-site-verification" content="your-code" /> -->
|
||
<!-- <meta name="google-site-verification" content="your-code" /> -->
|
||
<!-- <meta name="360-site-verification" content="your-code" /> -->
|
||
<!-- <meta name="sogou_site_verification" content="your-code" /> -->
|
||
<!-- <meta name="bytedance-verification-code" content="your-code" /> -->
|
||
|
||
<!-- Open Graph / Facebook -->
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:url" content="https://aiwritex.voidai.cc/" />
|
||
<meta property="og:site_name" content="AIWriteX - 墨智工坊" />
|
||
<meta property="og:title" content="AIWriteX - 全网最强AI自媒体矩阵运营系统 | 去AI味防检测 | 20+平台一键分发" />
|
||
<meta property="og:description" content="2024自媒体人必备神器！独家去AI味算法，全网热搜5秒聚合，支持公众号/小红书/抖音等20+平台。内置爆文模板，一键生成10w+爆款，日省6小时。" />
|
||
<meta property="og:image" content="https://aiwritex.voidai.cc/preview.jpg" />
|
||
<meta property="og:image:width" content="1200" />
|
||
<meta property="og:image:height" content="630" />
|
||
<meta property="og:image:alt" content="AIWriteX AI写作平台界面预览" />
|
||
<meta property="og:locale" content="zh_CN" />
|
||
|
||
<!-- Twitter -->
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta name="twitter:site" content="@AIWriteX" />
|
||
<meta name="twitter:creator" content="@AIWriteX" />
|
||
<meta name="twitter:url" content="https://aiwritex.voidai.cc/" />
|
||
<meta name="twitter:title" content="AIWriteX - 全网最强AI自媒体矩阵运营系统" />
|
||
<meta name="twitter:description" content="独家去AI味防检测技术，20+平台一键分发，热搜聚合爆款选题，已帮助50000+创作者打造10w+爆文" />
|
||
<meta name="twitter:image" content="https://aiwritex.voidai.cc/preview.jpg" />
|
||
|
||
<!-- 额外社交媒体优化 -->
|
||
<meta property="article:author" content="AIWriteX" />
|
||
<meta property="article:publisher" content="https://aiwritex.voidai.cc/" />
|
||
<meta itemprop="name" content="AIWriteX - AI自媒体矩阵运营系统" />
|
||
<meta itemprop="description" content="全网最强AI写作工具，去AI味防检测，20+平台一键分发" />
|
||
<meta itemprop="image" content="https://aiwritex.voidai.cc/preview.jpg" />
|
||
|
||
<!-- JSON-LD Structured Data: 软件应用 -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "SoftwareApplication",
|
||
"name": "AIWriteX",
|
||
"alternateName": ["墨智工坊", "AI写作神器", "自媒体AI助手"],
|
||
"operatingSystem": "Windows 10, Windows 11",
|
||
"applicationCategory": "BusinessApplication",
|
||
"applicationSubCategory": "Content Creation Software",
|
||
"offers": {
|
||
"@type": "AggregateOffer",
|
||
"lowPrice": "99.00",
|
||
"highPrice": "999.00",
|
||
"priceCurrency": "CNY",
|
||
"offerCount": "5",
|
||
"offers": [
|
||
{
|
||
"@type": "Offer",
|
||
"name": "体验版",
|
||
"price": "99.00",
|
||
"priceCurrency": "CNY"
|
||
},
|
||
{
|
||
"@type": "Offer",
|
||
"name": "专业版",
|
||
"price": "399.00",
|
||
"priceCurrency": "CNY"
|
||
},
|
||
{
|
||
"@type": "Offer",
|
||
"name": "企业版",
|
||
"price": "999.00",
|
||
"priceCurrency": "CNY"
|
||
}
|
||
]
|
||
},
|
||
"description": "AIWriteX是一款全自动AI自媒体矩阵运营系统，集成热搜聚合、爆款选题、AI写作、去AI味处理、多平台一键分发等功能，支持公众号、小红书、抖音、百家号、知乎、头条号等20+平台。",
|
||
"featureList": [
|
||
"全网热搜舆情5秒聚合",
|
||
"AI爆款选题库日更10000+",
|
||
"独家去AI味算法通过原创检测",
|
||
"20+平台一键分发",
|
||
"100+爆文模板",
|
||
"智能改写洗稿降重",
|
||
"多账号矩阵批量管理",
|
||
"全流程自动化",
|
||
"小红书种草文案生成",
|
||
"抖音短视频脚本AI",
|
||
"直播带货话术生成"
|
||
],
|
||
"screenshot": "https://aiwritex.voidai.cc/screenshot.jpg",
|
||
"softwareVersion": "2.0",
|
||
"releaseNotes": "https://github.com/iniwap/AIWriteX/releases",
|
||
"downloadUrl": "https://github.com/iniwap/AIWriteX/releases",
|
||
"installUrl": "https://github.com/iniwap/AIWriteX",
|
||
"aggregateRating": {
|
||
"@type": "AggregateRating",
|
||
"ratingValue": "4.9",
|
||
"bestRating": "5",
|
||
"worstRating": "1",
|
||
"ratingCount": "2680",
|
||
"reviewCount": "1024"
|
||
},
|
||
"author": {
|
||
"@type": "Organization",
|
||
"name": "AIWriteX",
|
||
"url": "https://aiwritex.voidai.cc/"
|
||
},
|
||
"publisher": {
|
||
"@type": "Organization",
|
||
"name": "墨智工坊",
|
||
"url": "https://aiwritex.voidai.cc/"
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<!-- JSON-LD: 组织信息 -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "Organization",
|
||
"name": "AIWriteX - 墨智工坊",
|
||
"alternateName": "AIWriteX",
|
||
"url": "https://aiwritex.voidai.cc/",
|
||
"logo": "https://aiwritex.voidai.cc/logo.png",
|
||
"description": "专注AI内容创作与自媒体矩阵运营解决方案",
|
||
"foundingDate": "2023",
|
||
"sameAs": [
|
||
"https://github.com/iniwap/AIWriteX"
|
||
],
|
||
"contactPoint": {
|
||
"@type": "ContactPoint",
|
||
"contactType": "customer service",
|
||
"availableLanguage": ["Chinese", "English"]
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<!-- JSON-LD: 网站信息 -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "WebSite",
|
||
"name": "AIWriteX官网",
|
||
"alternateName": "AIWriteX - AI自媒体矩阵运营系统",
|
||
"url": "https://aiwritex.voidai.cc/",
|
||
"description": "AIWriteX官方网站 - 全网最强AI写作工具，自媒体矩阵运营神器",
|
||
"inLanguage": "zh-CN",
|
||
"potentialAction": {
|
||
"@type": "SearchAction",
|
||
"target": {
|
||
"@type": "EntryPoint",
|
||
"urlTemplate": "https://aiwritex.voidai.cc/search?q={search_term_string}"
|
||
},
|
||
"query-input": "required name=search_term_string"
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<!-- JSON-LD: 产品信息 -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "Product",
|
||
"name": "AIWriteX AI写作工具",
|
||
"image": "https://aiwritex.voidai.cc/preview.jpg",
|
||
"description": "全网最强AI自媒体矩阵运营系统，集成热搜聚合、爆款选题、AI写作、去AI味处理、多平台一键分发",
|
||
"brand": {
|
||
"@type": "Brand",
|
||
"name": "AIWriteX"
|
||
},
|
||
"offers": {
|
||
"@type": "Offer",
|
||
"url": "https://aiwritex.voidai.cc/",
|
||
"priceCurrency": "CNY",
|
||
"price": "399.00",
|
||
"priceValidUntil": "2025-12-31",
|
||
"availability": "https://schema.org/InStock"
|
||
},
|
||
"aggregateRating": {
|
||
"@type": "AggregateRating",
|
||
"ratingValue": "4.9",
|
||
"reviewCount": "1024"
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<!-- JSON-LD: FAQ常见问题 -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "FAQPage",
|
||
"mainEntity": [
|
||
{
|
||
"@type": "Question",
|
||
"name": "AIWriteX的去AI味功能真的能通过平台检测吗？",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "是的，AIWriteX采用独家去AI味算法，通过多维度文本优化，使生成内容自然流畅，已帮助50000+用户通过各大平台的原创检测，包括公众号、小红书、百家号等。"
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "AIWriteX支持哪些自媒体平台？",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "AIWriteX支持20+主流自媒体平台一键分发，包括：微信公众号、小红书、抖音、快手、百家号、头条号、知乎、微博、B站、企鹅号、大鱼号、搜狐号、网易号、一点号等。"
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "AIWriteX如何帮助追热点？",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "AIWriteX内置全网热搜舆情聚合系统，5秒内汇聚微博、抖音、知乎、百度等50+平台热搜，AI智能分析热点趋势，推荐爆款选题，帮您第一时间抢占流量。"
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "新手小白能用AIWriteX吗？",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "完全可以！AIWriteX设计简洁易用，内置100+爆文模板，只需选择主题，一键即可生成高质量文章，从选题到排版发布全流程自动化，零基础也能快速上手。"
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "AIWriteX能帮助自媒体变现吗？",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "AIWriteX通过提高内容生产效率（日省6小时）、提升内容质量（10w+爆文）、扩大分发渠道（20+平台矩阵），全方位助力自媒体变现，已有大量用户实现月入过万。"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
</script>
|
||
|
||
<!-- JSON-LD: 面包屑导航 -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "BreadcrumbList",
|
||
"itemListElement": [
|
||
{
|
||
"@type": "ListItem",
|
||
"position": 1,
|
||
"name": "首页",
|
||
"item": "https://aiwritex.voidai.cc/"
|
||
},
|
||
{
|
||
"@type": "ListItem",
|
||
"position": 2,
|
||
"name": "功能介绍",
|
||
"item": "https://aiwritex.voidai.cc/#features"
|
||
},
|
||
{
|
||
"@type": "ListItem",
|
||
"position": 3,
|
||
"name": "下载",
|
||
"item": "https://github.com/iniwap/AIWriteX/releases"
|
||
}
|
||
]
|
||
}
|
||
</script>
|
||
|
||
<!-- JSON-LD: 操作指南 HowTo -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "HowTo",
|
||
"name": "如何使用AIWriteX快速生成爆款文章",
|
||
"description": "3分钟学会用AIWriteX生成高质量自媒体内容",
|
||
"totalTime": "PT3M",
|
||
"step": [
|
||
{
|
||
"@type": "HowToStep",
|
||
"position": 1,
|
||
"name": "选择热点选题",
|
||
"text": "打开AIWriteX，在热搜聚合面板选择当前热门话题或使用AI推荐的爆款选题"
|
||
},
|
||
{
|
||
"@type": "HowToStep",
|
||
"position": 2,
|
||
"name": "一键生成内容",
|
||
"text": "选择文章模板和风格，点击生成按钮，AI自动创作高质量原创内容"
|
||
},
|
||
{
|
||
"@type": "HowToStep",
|
||
"position": 3,
|
||
"name": "去AI味优化",
|
||
"text": "使用独家去AI味功能，让内容更自然，轻松通过平台原创检测"
|
||
},
|
||
{
|
||
"@type": "HowToStep",
|
||
"position": 4,
|
||
"name": "多平台一键发布",
|
||
"text": "选择目标平台，一键分发到公众号、小红书、抖音等20+平台"
|
||
}
|
||
]
|
||
}
|
||
</script>
|
||
|
||
<!-- 预连接优化加载速度 -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link rel="dns-prefetch" href="https://github.com" />
|
||
|
||
<link rel="icon" type="image/svg+xml" href="assets/icons/favicon.svg" />
|
||
<link rel="icon" type="image/x-icon" href="assets/icons/favicon.ico" />
|
||
|
||
<!-- 引入字体图标库 -->
|
||
<link
|
||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
||
rel="stylesheet"
|
||
/>
|
||
|
||
<style>
|
||
/* ========== 全局设置 ========== */
|
||
:root {
|
||
--bg-dark: #0f172a;
|
||
--bg-card: rgba(30, 41, 59, 0.6);
|
||
--primary: #00e5ff;
|
||
--secondary: #bd00ff;
|
||
--text-main: #f8fafc;
|
||
--text-muted: #94a3b8;
|
||
--border-color: rgba(255, 255, 255, 0.1);
|
||
--glass-blur: 20px;
|
||
}
|
||
|
||
* {
|
||
margin: 0;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
body {
|
||
font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
|
||
background-color: var(--bg-dark);
|
||
color: var(--text-main);
|
||
line-height: 1.6;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
a {
|
||
text-decoration: none;
|
||
color: inherit;
|
||
transition: 0.3s;
|
||
}
|
||
|
||
ul {
|
||
list-style: none;
|
||
}
|
||
|
||
/* ========== 导航栏 ========== */
|
||
.navbar {
|
||
position: fixed;
|
||
top: 0;
|
||
width: 100%;
|
||
background: rgba(15, 23, 42, 0.8);
|
||
backdrop-filter: blur(var(--glass-blur));
|
||
-webkit-backdrop-filter: blur(var(--glass-blur));
|
||
z-index: 1000;
|
||
border-bottom: 1px solid var(--border-color);
|
||
transition:
|
||
background 0.3s,
|
||
box-shadow 0.3s;
|
||
}
|
||
|
||
.nav-container {
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
padding: 15px 20px;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
|
||
/* 导航栏LOGO容器布局 */
|
||
.nav-logo {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
/* 图标和文字的间距 */
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* 导航栏 SVG 样式 */
|
||
.nav-icon-svg {
|
||
width: 36px;
|
||
height: 36px;
|
||
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
.nav-logo:hover .nav-icon-svg {
|
||
transform: scale(1.05);
|
||
filter: drop-shadow(0 0 6px rgba(0, 229, 255, 0.5));
|
||
}
|
||
|
||
.nav-logo .logo-text {
|
||
font-size: 24px;
|
||
font-weight: 800;
|
||
background: linear-gradient(135deg, #fff, #cbd5e1);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
|
||
.nav-menu {
|
||
display: flex;
|
||
gap: 30px;
|
||
align-items: center;
|
||
}
|
||
|
||
.nav-menu a {
|
||
font-weight: 500;
|
||
color: var(--text-muted);
|
||
font-size: 0.95rem;
|
||
}
|
||
|
||
.nav-menu a:hover {
|
||
color: var(--primary);
|
||
}
|
||
|
||
.nav-btn-buy {
|
||
background: linear-gradient(90deg, var(--secondary), #d946ef);
|
||
padding: 8px 20px;
|
||
border-radius: 20px;
|
||
color: white !important;
|
||
font-weight: bold;
|
||
box-shadow: 0 4px 15px rgba(189, 0, 255, 0.3);
|
||
}
|
||
|
||
.nav-btn-buy:hover {
|
||
transform: translateY(-2px);
|
||
box-shadow: 0 6px 20px rgba(189, 0, 255, 0.5);
|
||
}
|
||
|
||
.menu-toggle {
|
||
display: none;
|
||
font-size: 24px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* ========== Hero 区域 ========== */
|
||
.hero-section {
|
||
padding: 140px 20px 80px;
|
||
text-align: center;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.hero-bg-glow {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
background: radial-gradient(circle at 50% 0%, rgba(99, 102, 241, 0.15) 0%, transparent 70%);
|
||
z-index: -1;
|
||
pointer-events: none;
|
||
}
|
||
|
||
/* Logo 容器 */
|
||
.logo-container {
|
||
width: 100px;
|
||
height: 100px;
|
||
margin: 0 auto 30px;
|
||
background: linear-gradient(145deg, #1a1f35, #252b46);
|
||
border-radius: 30px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
box-shadow:
|
||
0 10px 30px rgba(0, 229, 255, 0.2),
|
||
inset 0 0 15px rgba(255, 255, 255, 0.05);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
position: relative;
|
||
}
|
||
|
||
.logo-container::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: -10%;
|
||
left: -10%;
|
||
right: -10%;
|
||
bottom: -10%;
|
||
background: radial-gradient(circle, rgba(0, 229, 255, 0.2) 0%, transparent 70%);
|
||
z-index: -1;
|
||
border-radius: 50%;
|
||
animation: energy-pulse 3s infinite ease-in-out;
|
||
}
|
||
|
||
.logo-icon {
|
||
width: 64px;
|
||
height: 64px;
|
||
filter: drop-shadow(0 0 10px rgba(0, 229, 255, 0.5));
|
||
}
|
||
|
||
.orbit-path {
|
||
fill: none;
|
||
stroke-width: 2;
|
||
stroke-linecap: round;
|
||
transform-origin: center;
|
||
}
|
||
|
||
.orbit-1 {
|
||
stroke: var(--primary);
|
||
animation: spin-cw 4s linear infinite;
|
||
stroke-dasharray: 60;
|
||
}
|
||
|
||
.orbit-2 {
|
||
stroke: var(--secondary);
|
||
animation: spin-ccw 5s linear infinite;
|
||
stroke-dasharray: 40;
|
||
opacity: 0.8;
|
||
}
|
||
|
||
.core-x {
|
||
fill: none;
|
||
stroke: url(#grad-core);
|
||
stroke-width: 6;
|
||
stroke-linecap: round;
|
||
animation: breathe 2.5s infinite ease-in-out;
|
||
}
|
||
|
||
/* 标题样式 */
|
||
.hero-title {
|
||
font-size: 4rem;
|
||
font-weight: 800;
|
||
margin-bottom: 10px;
|
||
line-height: 1.1;
|
||
letter-spacing: -1px;
|
||
}
|
||
|
||
/* 流动的渐变文字特效 */
|
||
.gradient-animate {
|
||
background: linear-gradient(
|
||
90deg,
|
||
var(--primary) 0%,
|
||
var(--secondary) 30%,
|
||
#ffffff 50%,
|
||
var(--secondary) 70%,
|
||
var(--primary) 100%
|
||
);
|
||
background-size: 200% auto;
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
animation: text-shine 4s linear infinite;
|
||
}
|
||
|
||
.gradient-text {
|
||
background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
|
||
.workshop-subtitle {
|
||
font-size: 1.5rem;
|
||
color: var(--text-muted);
|
||
margin-bottom: 30px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
gap: 5px;
|
||
min-height: 30px;
|
||
}
|
||
|
||
.cursor-blink {
|
||
display: inline-block;
|
||
width: 3px;
|
||
height: 24px;
|
||
background-color: var(--primary);
|
||
animation: blink 1s step-end infinite;
|
||
}
|
||
|
||
.hero-desc {
|
||
font-size: 1.1rem;
|
||
color: #cbd5e1;
|
||
max-width: 600px;
|
||
margin: 0 auto 40px;
|
||
line-height: 1.8;
|
||
}
|
||
|
||
/* 按钮组 */
|
||
.hero-actions {
|
||
display: flex;
|
||
gap: 20px;
|
||
justify-content: center;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.btn {
|
||
padding: 12px 24px;
|
||
border-radius: 10px;
|
||
font-size: 1rem;
|
||
font-weight: 600;
|
||
cursor: pointer;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 10px;
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.btn-primary {
|
||
background: linear-gradient(135deg, var(--primary), #2563eb);
|
||
color: #0f172a;
|
||
border: none;
|
||
}
|
||
|
||
.btn-secondary {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
color: white;
|
||
border: 1px solid var(--border-color);
|
||
backdrop-filter: blur(10px);
|
||
}
|
||
|
||
.glow-effect:hover {
|
||
box-shadow: 0 0 20px rgba(0, 229, 255, 0.6);
|
||
transform: translateY(-2px);
|
||
}
|
||
|
||
.btn-secondary:hover {
|
||
background: rgba(255, 255, 255, 0.2);
|
||
}
|
||
|
||
/* Baidu Netdisk Button (Icon Only) */
|
||
/* Download Group */
|
||
.download-group {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
background: rgba(255, 255, 255, 0.06);
|
||
padding: 6px;
|
||
padding-left: 6px;
|
||
border-radius: 14px;
|
||
transition: background 0.3s ease;
|
||
}
|
||
|
||
.download-group:hover {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
.download-group .btn {
|
||
flex: 1;
|
||
min-width: 0;
|
||
}
|
||
|
||
/* Mobile: Download group full width */
|
||
@media (max-width: 768px) {
|
||
.download-group {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
/* Baidu Netdisk Button (Icon Only) */
|
||
.netdisk-btn {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 44px;
|
||
height: 44px;
|
||
border-radius: 10px;
|
||
color: #94a3b8;
|
||
background: rgba(30, 41, 59, 0.8);
|
||
text-decoration: none;
|
||
transition: all 0.2s ease;
|
||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.netdisk-btn:hover {
|
||
color: var(--primary);
|
||
background: rgba(30, 41, 59, 1);
|
||
transform: scale(1.05);
|
||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
|
||
}
|
||
|
||
/* macOS Button Style */
|
||
.btn-mac {
|
||
background: linear-gradient(135deg, #a3a3a3, #737373) !important;
|
||
}
|
||
|
||
.btn-mac:hover {
|
||
background: linear-gradient(135deg, #b0b0b0, #808080) !important;
|
||
}
|
||
|
||
.os-support {
|
||
font-size: 0.9rem;
|
||
color: #64748b;
|
||
}
|
||
|
||
/* ========== 通用 Section 样式 ========== */
|
||
section {
|
||
padding: 80px 20px;
|
||
}
|
||
|
||
.container {
|
||
max-width: 1100px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.section-title {
|
||
text-align: center;
|
||
font-size: 2.5rem;
|
||
margin-bottom: 60px;
|
||
}
|
||
|
||
/* ========== 功能网格 ========== */
|
||
.features-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||
gap: 30px;
|
||
}
|
||
|
||
.feature-card {
|
||
background: var(--bg-card);
|
||
border: 1px solid var(--border-color);
|
||
padding: 30px;
|
||
border-radius: 20px;
|
||
transition: 0.3s;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.feature-card:hover {
|
||
transform: translateY(-5px);
|
||
border-color: var(--primary);
|
||
box-shadow: 0 10px 30px -10px rgba(0, 229, 255, 0.2);
|
||
}
|
||
|
||
.feature-header {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 14px;
|
||
margin-bottom: 14px;
|
||
}
|
||
|
||
.feature-card .icon-box {
|
||
font-size: 1.5rem;
|
||
margin-bottom: 0;
|
||
color: var(--primary);
|
||
background: rgba(0, 229, 255, 0.1);
|
||
width: 48px;
|
||
height: 48px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border-radius: 12px;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.module-label {
|
||
font-size: 1.05rem;
|
||
font-weight: 700;
|
||
color: #e2e8f0;
|
||
letter-spacing: 0.5px;
|
||
}
|
||
|
||
.feature-card h3 {
|
||
margin-bottom: 10px;
|
||
font-size: 0.88rem;
|
||
font-weight: 600;
|
||
color: var(--text-muted);
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
.feature-card p {
|
||
color: var(--text-muted);
|
||
font-size: 0.95rem;
|
||
}
|
||
|
||
/* ========== 价格/授权方案 ========== */
|
||
.pricing-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||
gap: 30px;
|
||
align-items: center;
|
||
position: relative;
|
||
}
|
||
|
||
.pricing-card {
|
||
background: var(--bg-card);
|
||
border: 1px solid var(--border-color);
|
||
border-radius: 24px;
|
||
padding: 40px 30px;
|
||
text-align: center;
|
||
transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
|
||
.pricing-card.pro {
|
||
background: linear-gradient(145deg, rgba(30, 41, 59, 0.9), rgba(30, 41, 59, 0.7));
|
||
border: 1px solid var(--secondary);
|
||
box-shadow: 0 0 30px rgba(189, 0, 255, 0.15);
|
||
transform: scale(1.05);
|
||
z-index: 2; /* 默认比普通卡片高 */
|
||
overflow: visible;
|
||
}
|
||
|
||
/* [关键优化] 悬停时层级最高，保证提示框遮盖相邻卡片 */
|
||
.pricing-card:hover {
|
||
transform: translateY(-8px);
|
||
z-index: 50 !important;
|
||
}
|
||
|
||
/* Pro 卡片保持放大比例 */
|
||
.pricing-card.pro:hover {
|
||
transform: scale(1.05) translateY(-8px);
|
||
}
|
||
|
||
/* --- [悬停提示框] 统一组件样式 --- */
|
||
.pro-hover-detail {
|
||
position: absolute;
|
||
top: 20px; /* 顶部对齐略向下 */
|
||
width: 260px;
|
||
background: rgba(15, 23, 42, 0.95); /* 深色背景 */
|
||
backdrop-filter: blur(12px);
|
||
-webkit-backdrop-filter: blur(12px);
|
||
border: 1px solid;
|
||
border-radius: 12px;
|
||
padding: 16px;
|
||
text-align: left;
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
|
||
pointer-events: none;
|
||
}
|
||
|
||
/* 标题样式 */
|
||
.pro-hover-detail h4 {
|
||
font-size: 0.9rem;
|
||
font-weight: bold;
|
||
margin-bottom: 10px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
padding-bottom: 8px;
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
/* 列表/段落样式 */
|
||
.pro-hover-detail ul {
|
||
padding: 0;
|
||
margin: 0;
|
||
list-style: none;
|
||
}
|
||
|
||
.pro-hover-detail p,
|
||
.pro-hover-detail li {
|
||
color: #cbd5e1;
|
||
font-size: 0.8rem;
|
||
margin-bottom: 6px;
|
||
line-height: 1.4;
|
||
}
|
||
|
||
.pro-hover-detail strong {
|
||
color: white;
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* --- [箭头通用] 使用伪元素制作三角形箭头 --- */
|
||
.pro-hover-detail::before {
|
||
content: '';
|
||
position: absolute;
|
||
width: 12px;
|
||
height: 12px;
|
||
background: inherit; /* 继承背景色 */
|
||
border: inherit; /* 继承边框 */
|
||
top: 30px; /* 箭头垂直位置 */
|
||
transform: rotate(45deg);
|
||
z-index: -1; /* 放在内容层之下 */
|
||
}
|
||
|
||
/* --- [位置变体] --- */
|
||
|
||
/* 1. 基础版 (Basic): 显示在右侧，向左重叠 */
|
||
.pricing-card.basic .pro-hover-detail {
|
||
left: 85%; /* 重叠位置 */
|
||
border-color: rgba(0, 229, 255, 0.3); /* 青色边框 */
|
||
transform: translateX(-10px); /* 初始位移 */
|
||
}
|
||
.pricing-card.basic .pro-hover-detail h4 {
|
||
color: var(--primary);
|
||
}
|
||
|
||
/* 基础版箭头：在左侧 */
|
||
.pricing-card.basic .pro-hover-detail::before {
|
||
left: -6px;
|
||
border-right-color: transparent;
|
||
border-top-color: transparent;
|
||
}
|
||
|
||
/* 2. 高级版 (Pro): 显示在右侧，向左重叠 */
|
||
.pricing-card.pro .pro-hover-detail {
|
||
left: 85%;
|
||
border-color: rgba(189, 0, 255, 0.3); /* 紫色边框 */
|
||
transform: translateX(-10px);
|
||
}
|
||
.pricing-card.pro .pro-hover-detail h4 {
|
||
color: var(--secondary);
|
||
}
|
||
|
||
/* 高级版箭头：在左侧 */
|
||
.pricing-card.pro .pro-hover-detail::before {
|
||
left: -6px;
|
||
border-right-color: transparent;
|
||
border-top-color: transparent;
|
||
}
|
||
|
||
/* 3. 定制版 (Custom): 显示在左侧，向右重叠 (防止溢出屏幕) */
|
||
.pricing-card.custom .pro-hover-detail {
|
||
right: 85%; /* 重叠位置 */
|
||
left: auto;
|
||
border-color: rgba(244, 63, 94, 0.3); /* 红色边框 */
|
||
transform: translateX(10px);
|
||
}
|
||
.pricing-card.custom .pro-hover-detail h4 {
|
||
color: #f43f5e;
|
||
}
|
||
|
||
/* 定制版箭头：在右侧 */
|
||
.pricing-card.custom .pro-hover-detail::before {
|
||
right: -6px;
|
||
border-left-color: transparent;
|
||
border-bottom-color: transparent;
|
||
}
|
||
|
||
/* --- [触发动画] --- */
|
||
.pricing-card:hover .pro-hover-detail {
|
||
opacity: 1;
|
||
visibility: visible;
|
||
transform: translateX(0); /* 回归原位 */
|
||
}
|
||
|
||
.popular-tag {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
background: linear-gradient(90deg, var(--secondary), #d946ef);
|
||
padding: 5px 15px;
|
||
border-radius: 15px;
|
||
font-size: 0.8rem;
|
||
font-weight: bold;
|
||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
|
||
}
|
||
|
||
.card-header {
|
||
margin-bottom: 30px;
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
|
||
padding-bottom: 20px;
|
||
}
|
||
|
||
.pricing-card h3 {
|
||
font-size: 1.2rem;
|
||
color: var(--text-muted);
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.price {
|
||
font-size: 2.5rem;
|
||
font-weight: bold;
|
||
color: white;
|
||
}
|
||
|
||
.price span {
|
||
font-size: 1rem;
|
||
color: var(--text-muted);
|
||
font-weight: normal;
|
||
}
|
||
|
||
.price-sub {
|
||
font-size: 0.8rem;
|
||
color: var(--primary);
|
||
margin-top: 5px;
|
||
}
|
||
|
||
.features-list {
|
||
margin-bottom: 30px;
|
||
text-align: left;
|
||
}
|
||
|
||
.features-list li {
|
||
margin-bottom: 12px;
|
||
color: #e2e8f0;
|
||
font-size: 0.95rem;
|
||
}
|
||
|
||
.features-list li i {
|
||
margin-right: 10px;
|
||
color: var(--primary);
|
||
width: 20px;
|
||
text-align: center;
|
||
}
|
||
|
||
.features-list li.disabled {
|
||
color: #64748b;
|
||
text-decoration: line-through;
|
||
}
|
||
|
||
.features-list li.disabled i {
|
||
color: #64748b;
|
||
}
|
||
|
||
.btn-outline {
|
||
border: 1px solid var(--border-color);
|
||
color: white;
|
||
width: 100%;
|
||
justify-content: center;
|
||
background: transparent;
|
||
}
|
||
|
||
.btn-outline:hover {
|
||
border-color: white;
|
||
background: rgba(255, 255, 255, 0.05);
|
||
}
|
||
.del {
|
||
color: #999;
|
||
}
|
||
|
||
/* ========== 路线图/开发计划样式 (升级版) ========== */
|
||
.roadmap-section {
|
||
background: linear-gradient(180deg, var(--bg-dark) 0%, #172033 100%);
|
||
position: relative;
|
||
overflow: hidden; /* 防止光束溢出 */
|
||
}
|
||
|
||
.roadmap-intro {
|
||
text-align: center;
|
||
max-width: 700px;
|
||
margin: -40px auto 60px;
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.roadmap-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||
gap: 40px; /* 卡片间距 */
|
||
position: relative;
|
||
}
|
||
|
||
/* PC端/宽屏优化：强制双列布局，增加卡片宽度 */
|
||
@media (min-width: 992px) {
|
||
.roadmap-grid {
|
||
grid-template-columns: repeat(2, 1fr); /* 宽屏下每行显示两个 */
|
||
gap: 60px 80px; /* 增加水平间距以放下连线 */
|
||
max-width: 1000px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
/* 调整卡片顺序以形成蛇形视觉流 */
|
||
.roadmap-card:nth-child(1) {
|
||
grid-column: 1 / 2;
|
||
grid-row: 1 / 2;
|
||
}
|
||
.roadmap-card:nth-child(2) {
|
||
grid-column: 2 / 3;
|
||
grid-row: 1 / 2;
|
||
}
|
||
.roadmap-card:nth-child(3) {
|
||
grid-column: 2 / 3;
|
||
grid-row: 2 / 3;
|
||
}
|
||
.roadmap-card:nth-child(4) {
|
||
grid-column: 1 / 2;
|
||
grid-row: 2 / 3;
|
||
}
|
||
|
||
/* === 连线设计 (使用伪元素) === */
|
||
.roadmap-card::after {
|
||
content: '';
|
||
position: absolute;
|
||
z-index: -1;
|
||
display: none;
|
||
background: linear-gradient(
|
||
90deg,
|
||
rgba(255, 255, 255, 0.05) 0%,
|
||
rgba(255, 255, 255, 0.05) 40%,
|
||
var(--primary) 50%,
|
||
rgba(255, 255, 255, 0.05) 60%,
|
||
rgba(255, 255, 255, 0.05) 100%
|
||
);
|
||
background-size: 200% 100%;
|
||
animation: scanning 3s linear infinite;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.roadmap-card::before {
|
||
content: '';
|
||
position: absolute;
|
||
width: 8px;
|
||
height: 8px;
|
||
background: var(--primary);
|
||
border-radius: 50%;
|
||
box-shadow: 0 0 10px var(--primary);
|
||
z-index: 3;
|
||
display: none;
|
||
}
|
||
|
||
/* 1->2 */
|
||
.roadmap-card:nth-child(1)::after {
|
||
display: block;
|
||
height: 4px;
|
||
width: 100px;
|
||
top: 50%;
|
||
right: -90px;
|
||
transform: translateY(-50%);
|
||
}
|
||
.roadmap-card:nth-child(1)::before {
|
||
display: block;
|
||
top: 50%;
|
||
right: -4px;
|
||
transform: translateY(-50%);
|
||
}
|
||
|
||
/* 2->3 */
|
||
.roadmap-card:nth-child(2)::after {
|
||
display: block;
|
||
width: 4px;
|
||
height: 100px;
|
||
left: 50%;
|
||
bottom: -80px;
|
||
transform: translateX(-50%);
|
||
background: linear-gradient(
|
||
180deg,
|
||
rgba(255, 255, 255, 0.05) 0%,
|
||
var(--primary) 50%,
|
||
rgba(255, 255, 255, 0.05) 100%
|
||
);
|
||
background-size: 100% 200%;
|
||
animation: scanning-v 3s linear infinite;
|
||
}
|
||
.roadmap-card:nth-child(2)::before {
|
||
display: block;
|
||
bottom: -4px;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
}
|
||
|
||
/* 3->4 */
|
||
.roadmap-card:nth-child(3)::after {
|
||
display: block;
|
||
height: 4px;
|
||
width: 100px;
|
||
top: 50%;
|
||
left: -90px;
|
||
transform: translateY(-50%);
|
||
animation-direction: reverse;
|
||
}
|
||
.roadmap-card:nth-child(3)::before {
|
||
display: block;
|
||
top: 50%;
|
||
left: -4px;
|
||
transform: translateY(-50%);
|
||
}
|
||
}
|
||
|
||
.roadmap-card {
|
||
background: rgba(30, 41, 59, 0.4);
|
||
border: 1px solid rgba(255, 255, 255, 0.08);
|
||
padding: 35px 30px;
|
||
border-radius: 16px;
|
||
position: relative;
|
||
z-index: 2;
|
||
backdrop-filter: blur(10px);
|
||
transition: 0.3s;
|
||
height: 100%;
|
||
}
|
||
|
||
.roadmap-card:hover {
|
||
border-color: var(--secondary);
|
||
transform: translateY(-5px);
|
||
background: rgba(30, 41, 59, 0.8);
|
||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
|
||
}
|
||
|
||
.step-badge {
|
||
display: inline-block;
|
||
background: rgba(255, 255, 255, 0.1);
|
||
padding: 4px 12px;
|
||
border-radius: 12px;
|
||
font-size: 0.75rem;
|
||
color: var(--text-muted);
|
||
margin-bottom: 15px;
|
||
border: 1px solid rgba(255, 255, 255, 0.05);
|
||
}
|
||
|
||
.roadmap-card.active .step-badge {
|
||
background: rgba(0, 229, 255, 0.15);
|
||
color: var(--primary);
|
||
border-color: var(--primary);
|
||
}
|
||
|
||
.roadmap-card h3 {
|
||
font-size: 1.25rem;
|
||
margin-bottom: 12px;
|
||
color: #fff;
|
||
}
|
||
|
||
.roadmap-card p {
|
||
font-size: 0.95rem;
|
||
color: var(--text-muted);
|
||
line-height: 1.6;
|
||
}
|
||
|
||
.status-dot {
|
||
position: absolute;
|
||
top: 25px;
|
||
right: 25px;
|
||
width: 10px;
|
||
height: 10px;
|
||
border-radius: 50%;
|
||
background: #64748b;
|
||
}
|
||
|
||
.status-dot.pulsing {
|
||
background: var(--primary);
|
||
box-shadow: 0 0 12px var(--primary);
|
||
animation: dot-pulse 2s infinite;
|
||
}
|
||
|
||
.status-dot.future {
|
||
background: var(--secondary);
|
||
}
|
||
|
||
/* ========== 下载区域 ========== */
|
||
.download-section {
|
||
background: linear-gradient(180deg, var(--bg-dark) 0%, #1e1b4b 100%);
|
||
text-align: center;
|
||
}
|
||
|
||
.download-content h2 {
|
||
font-size: 2rem;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.download-content p {
|
||
color: var(--text-muted);
|
||
margin-bottom: 40px;
|
||
}
|
||
|
||
.download-btns {
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 30px;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.btn-large {
|
||
padding: 15px 40px;
|
||
border-radius: 12px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
min-width: 280px;
|
||
border: 1px solid var(--border-color);
|
||
background: rgba(255, 255, 255, 0.05);
|
||
backdrop-filter: blur(10px);
|
||
}
|
||
|
||
.btn-large i {
|
||
font-size: 2rem;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.btn-win {
|
||
border-color: #0078d4;
|
||
background: rgba(0, 120, 212, 0.1);
|
||
}
|
||
|
||
.btn-win:hover {
|
||
background: rgba(0, 120, 212, 0.2);
|
||
transform: scale(1.05);
|
||
}
|
||
|
||
.btn-mac {
|
||
border-color: #a3a3a3;
|
||
background: rgba(163, 163, 163, 0.1);
|
||
}
|
||
|
||
.btn-mac:hover {
|
||
background: rgba(163, 163, 163, 0.2);
|
||
transform: scale(1.05);
|
||
}
|
||
|
||
.btn-mac.disabled {
|
||
opacity: 0.5;
|
||
cursor: not-allowed;
|
||
border-style: dashed;
|
||
}
|
||
|
||
.btn-info {
|
||
font-size: 0.8rem;
|
||
font-weight: normal;
|
||
margin-top: 5px;
|
||
opacity: 0.7;
|
||
}
|
||
|
||
.download-note {
|
||
margin-top: 20px;
|
||
font-size: 0.8rem;
|
||
color: #475569;
|
||
}
|
||
|
||
.download-note a {
|
||
color: var(--primary);
|
||
font-weight: 600;
|
||
text-decoration: underline;
|
||
text-underline-offset: 3px;
|
||
text-decoration-thickness: 2px;
|
||
}
|
||
|
||
.download-note a:hover {
|
||
color: #4338ca;
|
||
}
|
||
|
||
/* ========== Footer ========== */
|
||
footer {
|
||
border-top: 1px solid var(--border-color);
|
||
background: #0b1120;
|
||
font-size: 0.9rem;
|
||
color: var(--text-muted);
|
||
padding: 40px 20px;
|
||
}
|
||
|
||
.footer-content {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
flex-wrap: wrap;
|
||
gap: 20px;
|
||
}
|
||
|
||
.footer-logo {
|
||
font-weight: bold;
|
||
color: white;
|
||
}
|
||
|
||
.footer-logo p {
|
||
font-weight: normal;
|
||
font-size: 0.8rem;
|
||
margin-top: 5px;
|
||
}
|
||
|
||
.footer-links a {
|
||
margin: 0 15px;
|
||
color: var(--text-muted);
|
||
text-decoration: none;
|
||
position: relative;
|
||
}
|
||
|
||
.footer-links a:hover {
|
||
color: var(--primary);
|
||
}
|
||
|
||
.footer-links a::after {
|
||
content: "";
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: -4px;
|
||
width: 100%;
|
||
height: 1px;
|
||
background: currentColor;
|
||
opacity: 0;
|
||
transform: scaleX(0.6);
|
||
transition: all 0.2s ease;
|
||
}
|
||
|
||
.footer-links a:hover::after {
|
||
opacity: 1;
|
||
transform: scaleX(1);
|
||
}
|
||
|
||
.footer-contact {
|
||
text-align: right;
|
||
}
|
||
|
||
/* ========== 动画关键帧 ========== */
|
||
@keyframes spin-cw {
|
||
100% {
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
@keyframes spin-ccw {
|
||
100% {
|
||
transform: rotate(-360deg);
|
||
}
|
||
}
|
||
@keyframes breathe {
|
||
0%,
|
||
100% {
|
||
transform: scale(1);
|
||
opacity: 1;
|
||
}
|
||
50% {
|
||
transform: scale(0.9);
|
||
opacity: 0.8;
|
||
}
|
||
}
|
||
@keyframes energy-pulse {
|
||
0%,
|
||
100% {
|
||
opacity: 0.2;
|
||
transform: scale(0.8);
|
||
}
|
||
50% {
|
||
opacity: 0.6;
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
@keyframes blink {
|
||
0%,
|
||
100% {
|
||
opacity: 1;
|
||
}
|
||
50% {
|
||
opacity: 0;
|
||
}
|
||
}
|
||
@keyframes text-shine {
|
||
0% {
|
||
background-position: 0% 50%;
|
||
}
|
||
100% {
|
||
background-position: 200% 50%;
|
||
}
|
||
}
|
||
@keyframes dot-pulse {
|
||
0% {
|
||
box-shadow: 0 0 0 0 rgba(0, 229, 255, 0.4);
|
||
}
|
||
70% {
|
||
box-shadow: 0 0 0 10px rgba(0, 229, 255, 0);
|
||
}
|
||
100% {
|
||
box-shadow: 0 0 0 0 rgba(0, 229, 255, 0);
|
||
}
|
||
}
|
||
@keyframes scanning {
|
||
0% {
|
||
background-position: 100% 0;
|
||
}
|
||
100% {
|
||
background-position: -100% 0;
|
||
}
|
||
}
|
||
@keyframes scanning-v {
|
||
0% {
|
||
background-position: 0 100%;
|
||
}
|
||
100% {
|
||
background-position: 0 -100%;
|
||
}
|
||
}
|
||
@keyframes fadeInDown {
|
||
from {
|
||
opacity: 0;
|
||
transform: translateY(-10px);
|
||
}
|
||
to {
|
||
opacity: 1;
|
||
transform: translateY(0);
|
||
}
|
||
}
|
||
|
||
/* 响应式适配 */
|
||
@media (max-width: 768px) {
|
||
.hero-title {
|
||
font-size: 2.5rem;
|
||
}
|
||
.hero-actions {
|
||
flex-direction: column;
|
||
}
|
||
.nav-menu {
|
||
display: none;
|
||
position: absolute;
|
||
top: 100%;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100vh;
|
||
background-color: rgba(15, 23, 42, 0.98);
|
||
backdrop-filter: blur(20px);
|
||
flex-direction: column;
|
||
padding: 40px 30px;
|
||
text-align: center;
|
||
border-top: 1px solid var(--border-color);
|
||
box-shadow: none;
|
||
z-index: 999;
|
||
}
|
||
.nav-menu.active {
|
||
display: flex;
|
||
animation: fadeInDown 0.3s ease forwards;
|
||
}
|
||
.nav-menu li {
|
||
margin: 0;
|
||
width: 100%;
|
||
}
|
||
.nav-menu a {
|
||
display: block;
|
||
width: 100%;
|
||
padding: 20px 0;
|
||
font-size: 1.1rem;
|
||
color: var(--text-main);
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
|
||
transition: 0.2s;
|
||
}
|
||
.nav-menu a:hover {
|
||
color: var(--primary);
|
||
background: rgba(255, 255, 255, 0.02);
|
||
}
|
||
.nav-menu li:last-child a:not(.nav-btn-buy) {
|
||
border-bottom: none;
|
||
}
|
||
.nav-btn-buy {
|
||
margin-top: 40px !important;
|
||
display: inline-flex !important;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 100%;
|
||
padding: 15px 0 !important;
|
||
background: linear-gradient(90deg, var(--secondary), #d946ef);
|
||
border-radius: 50px;
|
||
border-bottom: none !important;
|
||
box-shadow: 0 4px 15px rgba(189, 0, 255, 0.3);
|
||
font-size: 1.1rem !important;
|
||
letter-spacing: 1px;
|
||
}
|
||
.menu-toggle {
|
||
display: block;
|
||
color: white;
|
||
}
|
||
.pricing-card.pro {
|
||
transform: scale(1);
|
||
}
|
||
.footer-content {
|
||
flex-direction: column;
|
||
text-align: center;
|
||
}
|
||
.footer-contact {
|
||
text-align: center;
|
||
}
|
||
|
||
/* 手机端隐藏悬浮提示，或点击显示（这里简单隐藏，避免遮挡） */
|
||
.pro-hover-detail {
|
||
display: none !important;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<!-- 导航栏 -->
|
||
<nav class="navbar">
|
||
<div class="nav-container">
|
||
<div class="nav-logo" onclick="window.scrollTo(0, 0)">
|
||
<svg class="nav-icon-svg" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
|
||
<defs>
|
||
<linearGradient id="grad-nav" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
<stop offset="0%" style="stop-color: #00e5ff; stop-opacity: 1" />
|
||
<stop offset="100%" style="stop-color: #bd00ff; stop-opacity: 1" />
|
||
</linearGradient>
|
||
<linearGradient id="grad-bg-icon" x1="0%" y1="0%" x2="0%" y2="100%">
|
||
<stop offset="0%" style="stop-color: #1e293b; stop-opacity: 1" />
|
||
<stop offset="100%" style="stop-color: #0f172a; stop-opacity: 1" />
|
||
</linearGradient>
|
||
</defs>
|
||
|
||
<rect
|
||
x="0"
|
||
y="0"
|
||
width="64"
|
||
height="64"
|
||
rx="16"
|
||
fill="url(#grad-bg-icon)"
|
||
stroke="rgba(255,255,255,0.1)"
|
||
stroke-width="1"
|
||
/>
|
||
|
||
<circle
|
||
cx="32"
|
||
cy="32"
|
||
r="24"
|
||
stroke="#00e5ff"
|
||
stroke-width="2.5"
|
||
fill="none"
|
||
stroke-dasharray="110 200"
|
||
stroke-linecap="round"
|
||
transform="rotate(138.7 32 32)"
|
||
opacity="1"
|
||
/>
|
||
|
||
<circle
|
||
cx="32"
|
||
cy="32"
|
||
r="16"
|
||
stroke="#bd00ff"
|
||
stroke-width="2.5"
|
||
fill="none"
|
||
stroke-dasharray="75 200"
|
||
stroke-linecap="round"
|
||
transform="rotate(315.68 32 32)"
|
||
opacity="1"
|
||
/>
|
||
|
||
<path
|
||
d="M26 26 L38 38 M38 26 L26 38"
|
||
stroke="url(#grad-nav)"
|
||
stroke-width="4"
|
||
stroke-linecap="round"
|
||
fill="none"
|
||
/>
|
||
|
||
<circle cx="32" cy="32" r="2.5" fill="white" opacity="0.9" />
|
||
</svg>
|
||
<span class="logo-text">AIWriteX</span>
|
||
</div>
|
||
<ul class="nav-menu">
|
||
<li><a href="#features">产品功能</a></li>
|
||
<li><a href="#versions">价格方案</a></li>
|
||
<li><a href="#roadmap">产品路线</a></li>
|
||
<li><a href="historical-downloads.html" target="_blank" rel="noopener noreferrer">历史下载</a></li>
|
||
<li>
|
||
<a href="https://aiforge.taobao.com" target="_blank" class="nav-btn-buy" title="下单高级版或私信客服咨询">前往购买</a>
|
||
</li>
|
||
</ul>
|
||
<div class="menu-toggle">
|
||
<i class="fas fa-bars"></i>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- 头部 Hero 区域 -->
|
||
<header class="hero-section">
|
||
<div class="hero-bg-glow"></div>
|
||
<div class="container">
|
||
<div class="logo-container">
|
||
<svg class="logo-icon" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
|
||
<defs>
|
||
<linearGradient id="grad-core" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
<stop offset="0%" style="stop-color: #00e5ff; stop-opacity: 1" />
|
||
<stop offset="100%" style="stop-color: #bd00ff; stop-opacity: 1" />
|
||
</linearGradient>
|
||
</defs>
|
||
<circle class="orbit-path orbit-1" cx="32" cy="32" r="28" />
|
||
<circle class="orbit-path orbit-2" cx="32" cy="32" r="20" />
|
||
<path
|
||
class="core-x"
|
||
d="M24 24 L40 40 M40 24 L24 40"
|
||
stroke="url(#grad-core)"
|
||
stroke-width="6"
|
||
stroke-linecap="round"
|
||
/>
|
||
<circle cx="32" cy="32" r="4" fill="white">
|
||
<animate
|
||
attributeName="opacity"
|
||
values="0.4;1;0.4"
|
||
dur="2s"
|
||
repeatCount="indefinite"
|
||
/>
|
||
</circle>
|
||
</svg>
|
||
</div>
|
||
|
||
<h1 class="hero-title"><span class="gradient-animate">AIWriteX</span></h1>
|
||
|
||
<div class="workshop-subtitle">
|
||
<span class="subtitle-text" id="typewriter-text"></span><span class="cursor-blink"></span>
|
||
</div>
|
||
|
||
<p class="hero-desc">
|
||
融合 "AI + 创意 + 搜索 + 借鉴" 四重能力。<br />
|
||
不仅仅是写作工具，更是您的灵感引擎。
|
||
</p>
|
||
|
||
<!-- 授权码按钮 -->
|
||
<div class="hero-actions" style="margin-bottom: 20px;">
|
||
<a href="https://aiforge.taobao.com" target="_blank" class="btn btn-secondary" title="下单高级版(试用)或私信客服咨询">
|
||
<i class="fas fa-shopping-cart"></i> 获取（试用）授权码
|
||
</a>
|
||
</div>
|
||
|
||
<div class="hero-actions">
|
||
<!-- Windows 下载组合 -->
|
||
<div class="download-group">
|
||
<a href="https://github.com/iniwap/AIWriteX/releases/latest/download/AIWriteX_Setup.exe" class="btn btn-primary glow-effect" title="若卡顿或无法下载，请点击☁通过网盘下载">
|
||
<i class="fab fa-windows"></i> 下载 Windows 版
|
||
</a>
|
||
<a href="https://pan.baidu.com/s/1P02jKoAA1iP_SdaPWzVC5Q?pwd=mzgf" target="_blank" class="netdisk-btn" title="Windows版 网盘下载">
|
||
<svg viewBox="0 0 24 24" width="22" height="22" fill="currentColor">
|
||
<path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z"/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
|
||
<!-- macOS 下载组合 -->
|
||
<div class="download-group">
|
||
<a href="https://github.com/iniwap/AIWriteX/releases/latest/download/AIWriteX_Setup.dmg" class="btn btn-primary glow-effect btn-mac" title="若卡顿或无法下载，请点击☁通过网盘下载">
|
||
<i class="fab fa-apple"></i> 下载 macOS 版
|
||
</a>
|
||
<a href="https://pan.baidu.com/s/1JZeKHZWSml8wD9WC3Y9vVw?pwd=mzgf" target="_blank" class="netdisk-btn" title="macOS版 网盘下载">
|
||
<svg viewBox="0 0 24 24" width="22" height="22" fill="currentColor">
|
||
<path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z"/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<p class="os-support">Windows 10 或更高版本 | macOS 12.7 或更高版本</p>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- 功能亮点 -->
|
||
<section id="features" class="features-section">
|
||
<div class="container">
|
||
<h2 class="section-title">重新定义 <span class="gradient-text">写作体验</span></h2>
|
||
<div class="features-grid">
|
||
<div class="feature-card">
|
||
<div class="feature-header">
|
||
<div class="icon-box"><i class="fas fa-shield-alt"></i></div>
|
||
<span class="module-label">去AI味引擎</span>
|
||
</div>
|
||
<h3>文章不像 AI 写的</h3>
|
||
<p>平台检测？读者吐槽？不存在的。文章自然得像真人执笔，自信发布每一个字。</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-header">
|
||
<div class="icon-box"><i class="fas fa-crown"></i></div>
|
||
<span class="module-label">热点雷达</span>
|
||
</div>
|
||
<h3>每篇都是爆款潜力股</h3>
|
||
<p>与其自己憋选题，不如让 AI 告诉你什么正在火、什么即将火。流量密码，尽在掌握。</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-header">
|
||
<div class="icon-box"><i class="fas fa-bullseye"></i></div>
|
||
<span class="module-label">专家赛道</span>
|
||
</div>
|
||
<h3>写得像行业专家</h3>
|
||
<p>养生号不说外行话，财经号不犯低级错。每个领域都有专属的写作标准，读者看完想关注。</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-header">
|
||
<div class="icon-box"><i class="fas fa-layer-group"></i></div>
|
||
<span class="module-label">矩阵发布</span>
|
||
</div>
|
||
<h3>写一篇，发全网</h3>
|
||
<p>公众号、小红书、头条、百家号……一次创作，多平台同步发布。同样的内容，矩阵式曝光。</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-header">
|
||
<div class="icon-box"><i class="fas fa-image"></i></div>
|
||
<span class="module-label">AI智能配图</span>
|
||
</div>
|
||
<h3>排版好看，才有人读完</h3>
|
||
<p>封面配图自动生成，版式精美不输大号。告别光秃秃的纯文本，让阅读本身成为享受。</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-header">
|
||
<div class="icon-box"><i class="fas fa-clock"></i></div>
|
||
<span class="module-label">极速创作</span>
|
||
</div>
|
||
<h3>省下的时间，都是利润</h3>
|
||
<p>日更不再是负担。一篇 2000 字好文从选题到成稿只需几分钟，把时间留给更重要的事。</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-header">
|
||
<div class="icon-box"><i class="fas fa-mobile-alt"></i></div>
|
||
<span class="module-label">手机智能体</span>
|
||
</div>
|
||
<h3>不在电脑前，照样写</h3>
|
||
<p>QQ、微信、飞书、钉钉上说句话，AI 帮你写好发好。通勤路上、吃饭间隙，创作不停。</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-header">
|
||
<div class="icon-box"><i class="fas fa-infinity"></i></div>
|
||
<span class="module-label">短视频文案</span>
|
||
</div>
|
||
<h3>视频解说词，轻松搞定</h3>
|
||
<p>内置超多短视频文案赛道，一键生成高质量文案，从此告别做视频不知道配音文案怎么写的窘境。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 授权方案对比 -->
|
||
<section id="versions" class="pricing-section">
|
||
<div class="container">
|
||
<h2 class="section-title">选择您的 <span class="gradient-text">创作引擎</span></h2>
|
||
<div class="pricing-grid">
|
||
<!-- 基础版 -->
|
||
<div class="pricing-card basic">
|
||
<!-- [新增] 基础版悬停提示 (左边卡片，向右弹出) -->
|
||
<div class="pro-hover-detail">
|
||
<h4><i class="fas fa-gift"></i> 基础+ (v2.5.0)更新</h4>
|
||
<ul>
|
||
<li>💡 新增文案武库模式</li>
|
||
<li>💡 微信文库支持导入图片消息</li>
|
||
<li>💡 其他问题修复与优化</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="card-header">
|
||
<h3>基础版</h3>
|
||
<div class="price">¥99 <span>/ 永久</span></div>
|
||
</div>
|
||
<ul class="features-list">
|
||
<li><i class="fas fa-check"></i> 所有基础功能</li>
|
||
<li><i class="fas fa-check"></i> 基础版本问题修复</li>
|
||
<li class="disabled"><i class="fas fa-times"></i> 未来发布的高级功能</li>
|
||
<li class="disabled"><i class="fas fa-times"></i> 支持订阅（1天/周/月/季/年）</li>
|
||
<li class="disabled"><i class="fas fa-times"></i> 可扩展定制功能</li>
|
||
<li class="disabled"><i class="fas fa-times"></i> 专属 1对1 售后支持</li>
|
||
</ul>
|
||
<a href="#download" class="btn btn-outline">尝鲜体验</a>
|
||
</div>
|
||
|
||
<!-- 高级版 (推荐) -->
|
||
<div class="pricing-card pro popular">
|
||
<!-- [新增] 高级版悬停提示 (中间卡片，向右弹出) -->
|
||
<div class="pro-hover-detail">
|
||
<h4><i class="fas fa-crown"></i> Pro+专享</h4>
|
||
<p>
|
||
💡
|
||
<strong>文案武库</strong>：短视频文案神器
|
||
</p>
|
||
<p>
|
||
💡
|
||
<strong>专家赛道+讲堂</strong>：多媒体运营高端领地
|
||
</p>
|
||
<p>
|
||
💡
|
||
<strong>资源图库</strong>：全部Prompt资源
|
||
</p>
|
||
<p>
|
||
💡
|
||
<strong>小说连载</strong>：完整的小说创作工作流
|
||
</p>
|
||
<p>
|
||
💡
|
||
<strong>手机智能体</strong>：支持QQ、飞书、钉钉等随时随地使用AIWriteX
|
||
</p>
|
||
<p>
|
||
💡
|
||
<strong>素材文库</strong>：支持微信文章下载、导入，构建本地知识库
|
||
</p>
|
||
<p>💡 <strong>热点雷达</strong>： 聚合全网热点，自动生成爆款选题</p>
|
||
<p>
|
||
💡 <strong>批量生成</strong>：生成同一话题多篇文章，选择最喜欢的发布
|
||
</p>
|
||
<p>
|
||
💡
|
||
<strong>定时任务</strong>：支持定时生成、发布，不怕再忘记发文
|
||
</p>
|
||
</div>
|
||
|
||
<div class="popular-tag">店长推荐</div>
|
||
<div class="card-header">
|
||
<h3>高级版 (Pro)</h3>
|
||
<div class="price">¥399 <span>/ 永久</span></div>
|
||
<p class="price-sub">超值划算 未来无限</p>
|
||
</div>
|
||
<ul class="features-list">
|
||
<li><i class="fas fa-check"></i> <strong>解锁所有高级功能</strong></li>
|
||
<li><i class="fas fa-check"></i> 未来 <strong>新功能</strong> 更新</li>
|
||
<li><i class="fas fa-check"></i> 支持 <strong>订阅</strong>（1天/周/月/季/年）</li>
|
||
<li><i class="fas fa-check"></i> 可扩展定制功能</li>
|
||
<li><i class="fas fa-check"></i> 专属 1对1 售后支持</li>
|
||
</ul>
|
||
<a href="https://aiforge.taobao.com" target="_blank" class="btn btn-primary glow-effect"
|
||
>立即购买</a
|
||
>
|
||
</div>
|
||
|
||
<!-- 定制版 -->
|
||
<div class="pricing-card custom">
|
||
<!-- [修复] 定制版悬停提示 (右边卡片，向左弹出) -->
|
||
<div class="pro-hover-detail">
|
||
<h4><i class="fas fa-gem"></i> 定制服务</h4>
|
||
<p>
|
||
💡 <strong>素材文库</strong>：支持微信文章下载、导入，构建本地知识库
|
||
</p>
|
||
<p>💡 <strong>热点雷达</strong>： 聚合全网热点，自动生成爆款选题</p>
|
||
</div>
|
||
|
||
<div class="card-header">
|
||
<h3>定制版</h3>
|
||
<div class="price">按需 <span>报价</span></div>
|
||
</div>
|
||
<ul class="features-list">
|
||
<li><i class="fas fa-check"></i> 包含 Pro 版所有功能</li>
|
||
<li><i class="fas fa-check"></i> 未来 <strong>新功能</strong> 更新</li>
|
||
<li><i class="fas fa-check"></i> 可扩展定制功能</li>
|
||
<li><i class="fas fa-check"></i> <strong>私有定制功能独享</strong></li>
|
||
<li><i class="fas fa-check"></i> 7x24小时 极速响应</li>
|
||
</ul>
|
||
<a href="tencent://message/?uin=522765228" class="btn btn-outline">联系定制</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- [新增] 未来开发计划 (Roadmap) -->
|
||
<section id="roadmap" class="roadmap-section">
|
||
<div class="container">
|
||
<h2 class="section-title">未来 <span class="gradient-text">无限可能</span></h2>
|
||
<p class="roadmap-intro">
|
||
高级版用户永久免费享受以下所有未来的更新（不含定制）。您的支持是我们持续进化的动力。
|
||
</p>
|
||
|
||
<div class="roadmap-grid">
|
||
<!-- 阶段一：当前/下个版本 -->
|
||
<div class="roadmap-card">
|
||
<div class="status-dot pulsing"></div>
|
||
<span class="step-badge">已完成 - 2026 Q2</span>
|
||
<!-- [占位符] 请在此处填写您下一个具体的开发计划 -->
|
||
<h3>V2.4+ 平台功能升级</h3>
|
||
<p class="mode-text">
|
||
<del>热点雷达</del>、<del>定时任务</del>、<del>批量生成</del>、<del>微信文库</del>、<del>手机智能体</del>、<del>去AI味</del>、<del>自动配图</del>、<del>专家赛道</del>、<del>图片/贴图消息</del>、<del>文案武库</del>。
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 阶段二：短期计划 -->
|
||
<div class="roadmap-card active">
|
||
<div class="status-dot pulsing"></div>
|
||
<span class="step-badge">进行中 - 2026 Q3</span>
|
||
<h3>跨平台矩阵引擎</h3>
|
||
<p>
|
||
一键适配<strong><del>微信公众号</del>、<del>小红书</del>、<del>百家号</del>、<del>头条号</del>、<del>番茄小说<del/>、<del>微博</del>、知乎</strong>等平台的排版与语风。一次生成，多平台分发，构建您的全网内容矩阵。
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 阶段三：中期愿景 -->
|
||
<div class="roadmap-card active">
|
||
<div class="status-dot future"></div>
|
||
<span class="step-badge">规划中 - 2026 Q4</span>
|
||
<h3>视听多维融合</h3>
|
||
<p>
|
||
从文字向视频进军。一键将文章转化为<strong>短视频脚本、AI配音播客</strong>甚至自动生成配套视频素材。让
|
||
AIWriteX 成为您的全媒体制作中心。
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 阶段四：长期展望 -->
|
||
<div class="roadmap-card">
|
||
<div class="status-dot future"></div>
|
||
<span class="step-badge">远期展望</span>
|
||
<h3>数字孪生</h3>
|
||
<p>
|
||
AI
|
||
将深度学习您的历史文章数据，完美克隆您的<strong>个人文风与价值观</strong>。打造专属于您的“数字分身”，让每一篇
|
||
AI 文章都像您亲手所写。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 下载区域 -->
|
||
<section id="download" class="download-section">
|
||
<div class="container download-container">
|
||
<div class="download-content">
|
||
<h2>准备好释放创造力了吗？</h2>
|
||
<p>立即下载 AIWriteX，开启智能写作新纪元。</p>
|
||
<div class="download-btns">
|
||
<!-- Windows 下载选项 -->
|
||
<a
|
||
href="https://github.com/iniwap/AIWriteX/releases/latest/download/AIWriteX_Setup.exe"
|
||
target="_blank"
|
||
class="btn btn-large btn-win"
|
||
>
|
||
<i class="fab fa-windows"></i> Windows 版
|
||
<span class="btn-info">Windows 10 或更高版本 (64位)</span>
|
||
</a>
|
||
<!-- macOS 下载选项 -->
|
||
<a
|
||
href="https://github.com/iniwap/AIWriteX/releases/latest/download/AIWriteX_Setup.dmg"
|
||
target="_blank"
|
||
class="btn btn-large btn-mac"
|
||
>
|
||
<i class="fab fa-apple"></i> macOS 版
|
||
<span class="btn-info">macOS 12.7 或更高版本</span>
|
||
</a>
|
||
</div>
|
||
<p class="download-note">
|
||
* 下载即同意
|
||
<a href="user-service-agreement.html" target="_blank" rel="noopener noreferrer">《用户服务协议》</a>
|
||
。软件绿色安全保障。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 常见问题 -->
|
||
<section id="faq" class="features-section" style="background: rgba(30, 41, 59, 0.3)">
|
||
<div class="container">
|
||
<h2 class="section-title">常见 <span class="gradient-text">问题</span></h2>
|
||
<div class="features-grid">
|
||
<div class="feature-card">
|
||
<h3>Windows 已保护你的电脑？</h3>
|
||
<p>
|
||
安装时弹窗：Microsoft Defender SmartScreen 阻止了无法识别的应用启动？点击“更多信息”->仍要运行。
|
||
</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>Mac无法打开？</h3>
|
||
<p>
|
||
设置->安全性与隐私->仍要打开；若提示已损坏，终端执行：xattr -cr /Applications/AIWriteX.app
|
||
</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>如何购买授权码？</h3>
|
||
<p>
|
||
点击“获取授权码”跳转至淘宝店铺购买(或私信客服)。购买后打开软件，输入“订单号”即可激活。
|
||
</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<h3>更换电脑怎么办？</h3>
|
||
<p>
|
||
授权码与机器绑定。如需更换设备，请联系售后客服进行解绑重置。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 页脚 -->
|
||
<footer>
|
||
<div class="container footer-content">
|
||
<div class="footer-logo">
|
||
AIWriteX
|
||
<p>智能内容创作平台</p>
|
||
</div>
|
||
<div class="footer-links">
|
||
<a href="help-manual.html" target="_blank">使用手册</a>
|
||
<a href="agency-center.html" target="_blank" rel="noopener noreferrer">接口文档</a>
|
||
<a href="historical-downloads.html" target="_blank" rel="noopener noreferrer">历史下载</a>
|
||
<a href="service-agreements.html" target="_blank" rel="noopener noreferrer">服务协议</a>
|
||
<a href="https://aiforge.taobao.com" target="_blank">官方淘宝店</a>
|
||
</div>
|
||
<div class="footer-contact">
|
||
<p>商务合作 & 诚招代理 QQ: 522765228</p>
|
||
<p>© 2025 墨智工坊. All Rights Reserved.</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', () => {
|
||
// 1. 打字机效果 (输入话题，唤醒无限创意)
|
||
const textElement = document.getElementById('typewriter-text');
|
||
const textToType = '输入话题，唤醒无限创意...';
|
||
let charIndex = 0;
|
||
|
||
function typeWriter() {
|
||
if (charIndex < textToType.length) {
|
||
textElement.textContent += textToType.charAt(charIndex);
|
||
charIndex++;
|
||
setTimeout(typeWriter, 100);
|
||
} else {
|
||
setTimeout(deleteText, 3000);
|
||
}
|
||
}
|
||
|
||
function deleteText() {
|
||
if (charIndex > 0) {
|
||
textElement.textContent = textToType.substring(0, charIndex - 1);
|
||
charIndex--;
|
||
setTimeout(deleteText, 50);
|
||
} else {
|
||
setTimeout(typeWriter, 500);
|
||
}
|
||
}
|
||
|
||
typeWriter();
|
||
|
||
// 2. 平滑滚动
|
||
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',
|
||
});
|
||
}
|
||
});
|
||
});
|
||
|
||
// 3. 简单的 Navbar 滚动效果
|
||
const navbar = document.querySelector('.navbar');
|
||
window.addEventListener('scroll', () => {
|
||
if (window.scrollY > 50) {
|
||
navbar.style.background = 'rgba(15, 23, 42, 0.95)';
|
||
navbar.style.boxShadow = '0 4px 20px rgba(0,0,0,0.3)';
|
||
} else {
|
||
navbar.style.background = 'rgba(15, 23, 42, 0.8)';
|
||
navbar.style.boxShadow = 'none';
|
||
}
|
||
});
|
||
|
||
// 4. 隐藏下载按钮悬停时的链接提示 + 下载可用性检测（GitHub Releases API）
|
||
const _ghReleaseCache = { data: null, ts: 0 };
|
||
async function checkGithubAsset(filename) {
|
||
const now = Date.now();
|
||
if (_ghReleaseCache.data && now - _ghReleaseCache.ts < 120000) {
|
||
return _ghReleaseCache.data.includes(filename);
|
||
}
|
||
try {
|
||
const resp = await fetch(
|
||
'https://api.github.com/repos/iniwap/AIWriteX/releases/latest',
|
||
);
|
||
if (resp.ok) {
|
||
const json = await resp.json();
|
||
_ghReleaseCache.data = (json.assets || []).map((a) => a.name);
|
||
_ghReleaseCache.ts = now;
|
||
return _ghReleaseCache.data.includes(filename);
|
||
}
|
||
} catch (e) {
|
||
/* ignore */
|
||
}
|
||
return null; // API不可用
|
||
}
|
||
|
||
document
|
||
.querySelectorAll('.download-group a, .hero-actions a.btn, .download-btns a.btn-large')
|
||
.forEach((link) => {
|
||
const href = link.getAttribute('href');
|
||
if (href && (href.includes('github.com') || href.includes('pan.baidu.com'))) {
|
||
link.setAttribute('data-href', href);
|
||
link.removeAttribute('href');
|
||
link.style.cursor = 'pointer';
|
||
link.addEventListener('click', async function (e) {
|
||
e.preventDefault();
|
||
const url = this.getAttribute('data-href');
|
||
if (!url) return;
|
||
|
||
if (url.includes('pan.baidu.com')) {
|
||
window.open(url, '_blank');
|
||
return;
|
||
}
|
||
|
||
// GitHub 下载：先通过 API 检测文件是否存在
|
||
const btnEl = this;
|
||
const origHTML = btnEl.innerHTML;
|
||
const isWin = url.toLowerCase().includes('.exe');
|
||
const platformName = isWin ? 'Windows' : 'macOS';
|
||
const fileName = url.split('/').pop();
|
||
|
||
// 显示检测中状态
|
||
btnEl.style.pointerEvents = 'none';
|
||
btnEl.style.opacity = '0.6';
|
||
btnEl.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 正在检测...';
|
||
|
||
try {
|
||
const available = await checkGithubAsset(fileName);
|
||
if (available === true) {
|
||
// API确认文件存在，创建隐藏链接触发下载（不暴露地址栏）
|
||
const dlLink = document.createElement('a');
|
||
dlLink.href = url;
|
||
dlLink.download = '';
|
||
dlLink.style.display = 'none';
|
||
document.body.appendChild(dlLink);
|
||
dlLink.click();
|
||
setTimeout(() => document.body.removeChild(dlLink), 1000);
|
||
} else if (available === false) {
|
||
// API成功响应，但文件中不存在于 asset 列表——该版本确实未发布
|
||
alert(
|
||
platformName +
|
||
' 版本暂未发布，正在打包中，请稍后再来~\n\n' +
|
||
'（' +
|
||
fileName +
|
||
' 尚未上传）\n\n' +
|
||
'您可以先到【历史下载】下载旧版本，或等待版本发布后再试。',
|
||
);
|
||
} else {
|
||
// API请求失败（网络问题/限流）——无法判断，尝试直接下载并告知用户
|
||
alert(
|
||
'网络连接不稳定，无法检测版本状态。\n\n' +
|
||
'正在为您尝试直接下载 ' +
|
||
platformName +
|
||
' 版...\n' +
|
||
'若下载未开始，请使用旁边的【网盘下载】。',
|
||
);
|
||
const iframe = document.createElement('iframe');
|
||
iframe.style.display = 'none';
|
||
iframe.src = url;
|
||
document.body.appendChild(iframe);
|
||
setTimeout(() => document.body.removeChild(iframe), 5000);
|
||
}
|
||
} catch (err) {
|
||
// 意外错误（理论上不会到这里，兜底保护）
|
||
alert('下载时出现意外错误，请稍后再试。\n\n您也可以使用旁边的【网盘下载】。');
|
||
} finally {
|
||
btnEl.innerHTML = origHTML;
|
||
btnEl.style.pointerEvents = '';
|
||
btnEl.style.opacity = '';
|
||
}
|
||
});
|
||
}
|
||
});
|
||
|
||
// 5. 移动端菜单切换逻辑
|
||
const menuToggle = document.querySelector('.menu-toggle');
|
||
const navMenu = document.querySelector('.nav-menu');
|
||
|
||
if (menuToggle && navMenu) {
|
||
menuToggle.addEventListener('click', () => {
|
||
navMenu.classList.toggle('active');
|
||
});
|
||
|
||
document.querySelectorAll('.nav-menu a').forEach((link) => {
|
||
link.addEventListener('click', () => {
|
||
navMenu.classList.remove('active');
|
||
});
|
||
});
|
||
}
|
||
});
|
||
</script>
|
||
<script>
|
||
!function(){var e="https://aiwritex-license.voidai.cc/assets/p.gif",t=Date.now(),n="Unknown";function r(){try{var e=localStorage.getItem("awx_stats"),t=Date.now();return e?(e=JSON.parse(e),t-e.last_visit>18e5&&e.count++,e.last_visit=t):(e={first_visit:t,last_visit:t,count:1,uuid:crypto.randomUUID?crypto.randomUUID():Math.random().toString(36).substring(2)}),localStorage.setItem("awx_stats",JSON.stringify(e)),e}catch(e){return{count:1,first_visit:Date.now()}}}var o=r();async function a(){try{var e=Intl.DateTimeFormat().resolvedOptions().timeZone;n=e;var t=new AbortController,r=setTimeout((function(){return t.abort()}),2e3),o=await fetch("https://ipapi.co/json/",{signal:t.signal});clearTimeout(r),o.ok&&(o=await o.json(),n=o.city+", "+o.region+", "+o.country_name)}catch(e){}}function i(r,a){a=void 0===a?{}:a;var i={event_type:r,timestamp:Date.now(),check_sum:"",url:window.location.href,referrer:document.referrer,city:n,is_first_visit:1===o.count,visit_count:o.count,duration:Date.now()-t},c=Object.assign(i,a),s=new Blob([JSON.stringify(c)],{type:"application/json"});navigator.sendBeacon?navigator.sendBeacon(e,s):fetch(e,{method:"POST",body:JSON.stringify(c),keepalive:!0,headers:{"Content-Type":"application/json"}}).catch((function(){}))}window.addEventListener("load",(async function(){["localhost","127.0.0.1"].includes(window.location.hostname)||(await a(),i("page_view"))})),document.addEventListener("visibilitychange",(function(){"hidden"===document.visibilityState&&i("page_leave")}));var c=!1;document.addEventListener("click",(function(e){var t=e.target.closest("a");if(t&&!c){var n=t.href||t.getAttribute('data-href')||'',r=t.className||"",o=null;(n.includes("taobao.com")||n.includes("tmall.com")?o="click_shop":n.match(/\.(exe|zip|dmg|pkg)$/i)||n.includes("github.com")||n.includes("releases")||r.includes("btn-win")||r.includes("btn-mac")?o="click_download":void 0)&&(i(o,{target_link:n}),c=!0,setTimeout((function(){return c=!1}),1e3))}}))}();
|
||
</script>
|
||
</body>
|
||
</html>
|