<!-- 首屏主视觉 -->
<section class="hero" id="c_hero">
<div class="hero-halo hero-halo--a"></div>
<div class="hero-halo hero-halo--b"></div>
<div class="container hero-inner">
<span class="hero-badge">OPC · AI 聚合接单平台</span>
<h1 class="hero-title gradient-text">聚合全球订单，让每一个 OPC 都能高效接单</h1>
<p class="hero-sub">AI 智能匹配 · 全流程担保交易 · 认证加 V 流量扶持</p>
<div class="hero-actions">
<a class="btn btn-primary btn-lg" href="/demand">立即接单</a>
<a class="btn btn-ghost btn-lg" href="/demand/publish">发布需求</a>
</div>
<div class="hero-tags">
<span>软件开发</span><span>设计创意</span><span>营销推广</span><span>AI 应用</span><span>视频剪辑</span>
</div>
</div>
</section>
<!-- 数据指标 -->
<section class="stats-strip" id="c_stats">
<div class="container">
<div class="stats-grid">
<div class="stat-item">
<div class="stat-num gradient-text">12800+</div>
<div class="stat-label">在线订单</div>
</div>
<div class="stat-item">
<div class="stat-num gradient-text">360000+</div>
<div class="stat-label">认证服务者</div>
</div>
<div class="stat-item">
<div class="stat-num gradient-text">98.6%</div>
<div class="stat-label">准时交付率</div>
</div>
<div class="stat-item">
<div class="stat-num gradient-text">4.9</div>
<div class="stat-label">平均评分</div>
</div>
</div>
</div>
</section>
<!-- 分类导航 -->
<section class="section" id="c_cate">
<div class="container">
<div class="section-head">
<div>
<h2 class="section-title">热门接单方向</h2>
<p class="section-sub">选择你的专业领域</p>
</div>
<a class="section-more" href="/demand">全部需求 →</a>
</div>
<div class="cate-grid">
<a class="cate-card" href="/demand.html?category_id=1">
<span class="cate-ico" style="--c:#5b8cff">软</span>
<span class="cate-name">软件开发</span>
<span class="cate-desc">网站、小程序、APP、系统开发</span>
</a>
<a class="cate-card" href="/demand.html?category_id=2">
<span class="cate-ico" style="--c:#a78bfa">设</span>
<span class="cate-name">设计创意</span>
<span class="cate-desc">UI设计、平面设计、品牌设计</span>
</a>
<a class="cate-card" href="/demand.html?category_id=3">
<span class="cate-ico" style="--c:#22d3ee">营</span>
<span class="cate-name">营销推广</span>
<span class="cate-desc">SEO优化、社媒运营、广告投放</span>
</a>
<a class="cate-card" href="/demand.html?category_id=4">
<span class="cate-ico" style="--c:#34d399">文</span>
<span class="cate-name">文案写作</span>
<span class="cate-desc">软文、脚本、策划、翻译</span>
</a>
<a class="cate-card" href="/demand.html?category_id=5">
<span class="cate-ico" style="--c:#f472b6">视</span>
<span class="cate-name">视频剪辑</span>
<span class="cate-desc">短视频、企业宣传片、后期</span>
</a>
<a class="cate-card" href="/demand.html?category_id=6">
<span class="cate-ico" style="--c:#fbbf24">数</span>
<span class="cate-name">数据服务</span>
<span class="cate-desc">数据采集、分析、标注</span>
</a>
<a class="cate-card" href="/demand.html?category_id=7">
<span class="cate-ico" style="--c:#8b5cf6">A</span>
<span class="cate-name">AI 应用</span>
<span class="cate-desc">AI绘画、AI工具定制、提示词</span>
</a>
<a class="cate-card" href="/demand.html?category_id=8">
<span class="cate-ico" style="--c:#fb7185">商</span>
<span class="cate-name">商务服务</span>
<span class="cate-desc">工商注册、财税、法律咨询</span>
</a>
</div>
</div>
</section>
<!-- 需求列表 -->
<section class="section" id="c_demand">
<div class="container">
<div class="section-head">
<div>
<h2 class="section-title">最新需求</h2>
<p class="section-sub">来自企业的一手订单</p>
</div>
<a class="section-more" href="/demand">更多需求 →</a>
</div>
<div class="empty-state">
<div class="empty-ico">◎</div>
<p>暂时还没有需求，去发布第一条吧</p>
<a class="btn btn-primary" href="/demand/publish">发布需求</a>
</div>
</div>
</section>
<!-- AI 能力面板 -->
<section class="section" id="c_ai">
<div class="container">
<div class="ai-panel">
<div class="ai-panel__glow"></div>
<div class="ai-panel__body">
<span class="hero-badge">AI POWERED</span>
<h2 class="ai-panel__title gradient-text">AI 智能助手</h2>
<p class="ai-panel__desc">智能匹配订单 · 一键生成投标方案 · 自动润色需求</p>
<div class="ai-panel__chips">
<span>需求润色</span><span>投标方案</span><span>服务文案</span><span>社区帖子</span>
</div>
<a class="btn btn-primary btn-lg" href="/ai">立即体验</a>
</div>
<div class="ai-panel__visual" aria-hidden="true">
<div class="ai-orb"></div>
<div class="ai-ring"></div>
</div>
</div>
</div>
</section>
<!-- 行动号召 -->
<section class="section" id="c_cta">
<div class="container">
<div class="cta-box">
<h2 class="cta-title gradient-text">开启你的 OPC 接单之旅</h2>
<p class="cta-desc">注册即可认证加 V，享受平台流量扶持</p>
<a class="btn btn-primary btn-lg" href="/register">免费入驻</a>
</div>
</div>
</section>
