🏃 安顺跑腿帮

同城跑腿代办，一键下单，闪电上门。代买代送、排队代办、宠物代遛、代驾、文件代取……让安顺人的生活更轻松，让有空闲的人轻松赚钱。

1,892

注册用户

246

认证跑腿达人

5,638

完成订单

4.8

平均评分

为什么选择安顺跑腿帮？

⚡

闪电响应

平均接单时间3分钟，30分钟上门。安顺全城覆盖，随叫随到。

🛡️

安全保障

实名认证+健康证+无犯罪记录，资金平台托管，每单赠送意外险。

💰

灵活挣钱

有空闲就能接单，宝妈、退休人员、自由职业者都能赚外快。月均增收2,000元。

🤝

社区互助

激活社区闲置劳动力，邻里互帮互助，让安顺更有温度。

💰 商业闭环

资金在平台内安全流转，三方共赢

👤

用户下单付费

费用托管至平台

→

🛡️

平台资金托管

安全有保障

→

🏃

达人上门服务

完成任务验收

→

💵

平台结算给达人

扣除10%佣金

盈利模式

📊

服务佣金

每单收取10%服务佣金，平台核心收入来源

¥18,200/月

🎖️

会员订阅

用户VIP月卡免跑腿费，达人优先接单权

¥8,600/月

📋

保险分成

每单赠送意外险，平台与保险公司分成

¥3,200/月

📈

数据服务

同城消费数据报告面向商家/政府出售

¥5,000/月

📊 预估月收入：¥35,000

安顺市场潜力

86万

安顺常住人口

32%

有跑腿代办需求人群占比

4.2万

本地空闲劳动力（可接单）

¥1,200万

年潜在市场规模

真实故事

👨‍💼

张先生说

下大雨不方便出门，在跑腿帮上下了个代买代送，15分钟就送到了家门，连伞都不用打。安顺有这个太方便了。

⭐⭐⭐⭐⭐ 代买代送 · 跑腿员：王快腿

👵

刘奶奶说

子女在外地工作，去医院取药不方便。小李帮我排队取药送到家，态度好得很，比我儿子还操心我。

⭐⭐⭐⭐⭐ 排队代办 · 跑腿员：小李

👩

宝妈赵姐说

在家带娃不方便出门跑银行办事，在平台上下了个文件代取，半小时就办好送到家了。我自己还能接几个代遛狗的单赚点零花钱。

⭐⭐⭐⭐⭐ 文件代取 + 宠物代遛 · 跑腿员：陈小哥

合作单位

🏛️ 安顺市商务局指导单位

🏘️ 西秀区社区服务中心合作

🏪 安顺万达广场商户联盟

🛒 大润发超市代采合作

🏥 安顺市人民医院绿色通道

🐶 安顺萌宠乐园宠物服务合作

🎉 新人福利

🎁

用户首单立减¥8

新用户注册即享首单优惠

🏃

达人注册送¥20保证金

通过认证即可开始接单赚钱

🤝

推荐好友各得¥15

邀请越多，奖励越多

🎖️ VIP 会员

🥉 铜卡会员

¥0/月

服务费9.8折
普通派单权
基础客服支持

最受欢迎

🥈 银卡会员

¥12/月

服务费9.5折
优先派单+高报酬推荐
专属客服+快速理赔
每月3次免费加急

🥇 金卡会员

¥29/月

服务费9折
金牌标识+最高优先派单
24h专属管家
无限次免费加急
高端订单优先推送

用户真实评价

👨

陈先生 ⭐⭐⭐⭐⭐

速度快靠谱态度好

帮我跑银行取了一份急件，20分钟搞定送到办公室，效率太高了。

👩

杨女士 ⭐⭐⭐⭐⭐

细心准时会拍照

帮我代买了超市的东西，跑腿员还发视频确认品牌和数量，特别靠谱。

📋 服务目录

标准化跑腿服务，明码标价，所见即所得

全部

🔥 热门

⭐ 必约

💰 低价

📦 代办类

🐾 生活类

🚗 出行类

🏃 跑腿达人大厅

所有认证达人公开展示，可指定下单也可让平台智能匹配

全部

🥇 金牌达人

⭐ 5.0分

📦 代办

🐶 宠物

🚗 代驾

📦 我要下单

🌤️ 下单后平均3分钟内接单，30分钟内上门

您的称呼

联系电话

所在区域

详细地址

选择服务类型

选择服务档次

基础档

×1.0

普通认证达人，性价比高

标准档

×1.2

评分4.5+达人，优先派单

高级档

×1.5

金牌5.0分达人，顶级服务

派单模式

🤖

智能派单

平台自动匹配最优达人

🛒

自主选人

去达人大厅自行挑选

⚡

发布抢单

发布到大厅让达人抢

期望服务时间

服务时长（小时）

需求描述

</div>
    </div>

<div class="form-row">
      <label class="form-label">紧急联系人（选填）</label>
      <input type="text" class="form-input" id="emergencyContact" placeholder="姓名 + 电话（用于紧急情况联络）">
    </div>

<div class="estimate-box" id="estimateBox">
      <div class="e-label">预估费用</div>
      <div class="e-price" id="estimatePrice">¥0</div>
      <div class="e-breakdown" id="estimateBreakdown">请选择服务类型</div>
    </div>

<div class="page" id="page-provider">
  <h2 class="section-title">💵 我要接单</h2>

<div class="cert-card">
    <h3>📋 我的认证状态</h3>
    <div class="cert-item">
      <span class="c-name">实名认证</span>
      <span class="c-status done">✅ 已通过</span>
    </div>
    <div class="cert-item">
      <span class="c-name">健康证明</span>
      <span class="c-status done">✅ 已通过</span>
    </div>
    <div class="cert-item">
      <span class="c-name">电动车/交通工具</span>
      <span class="c-status pending">⏳ 待上传</span>
      <button class="c-btn" onclick="showToast('请上传车辆照片，审核通过后可接加急单', 'info')">去完善</button>
    </div>
    <div class="cert-item">
      <span class="c-name">无犯罪记录</span>
      <span class="c-status done">✅ 已通过</span>
    </div>
    <div class="cert-item">
      <span class="c-name">意外保险</span>
      <span class="c-status done">✅ 已投保</span>
    </div>
  </div>

<h3 class="section-title" style="font-size:18px; margin-top:24px;">✅ 我已接订单</h3>
  <div class="order-list" id="myTakenOrders"></div>
</div>

<div class="page" id="page-dashboard">
  <h2 class="section-title">📊 订单中心</h2>

<div class="page" id="page-how">
  <h2 class="section-title">📋 运作流程</h2>
  <p class="section-sub">四步闭环，安全高效</p>

<div class="how-steps">
    <div class="how-step">
      <div class="step-num">1</div>
      <div class="step-icon">📱</div>
      <h3>发布需求</h3>
      <p>用户选择服务类型、时间、地址，发布跑腿需求。平台自动估价，费用托管。</p>
    </div>
    <div class="how-step">
      <div class="step-num">2</div>
      <div class="step-icon">🤝</div>
      <h3>智能匹配</h3>
      <p>平台根据距离、评分、技能标签智能匹配最优达人。用户也可自主选人或发布抢单。</p>
    </div>
    <div class="how-step">
      <div class="step-num">3</div>
      <div class="step-icon">🏃</div>
      <h3>上门服务</h3>
      <p>达人接单后上门服务，实时上传进度照片。用户可全程跟踪。</p>
    </div>
    <div class="how-step">
      <div class="step-num">4</div>
      <div class="step-icon">✅</div>
      <h3>评价结算</h3>
      <p>服务完成后用户确认验收，平台扣除10%佣金后结算给达人。双向评价。</p>
    </div>
  </div>

<h2 class="section-title">🛡️ 安全保障机制</h2>
  <div class="safety-grid">
    <div class="safety-card">
      <div class="s-icon">🪪</div>
      <h3>实名认证</h3>
      <p>所有达人实名+人脸核验，健康证明+无犯罪记录公示</p>
    </div>
    <div class="safety-card">
      <div class="s-icon">💳</div>
      <h3>资金托管</h3>
      <p>用户付费托管在平台，服务完成确认后才结算给达人</p>
    </div>
    <div class="safety-card">
      <div class="s-icon">⭐</div>
      <h3>星级评价</h3>
      <p>每单双向评价，低分达人自动降权，低于4.0分暂停接单</p>
    </div>
    <div class="safety-card">
      <div class="s-icon">🛡️</div>
      <h3>意外保险</h3>
      <p>每单赠送意外险，服务中意外有保障，平台先行赔付</p>
    </div>
  </div>

<div class="emergency-flow">
    <h3>🚨 紧急处理流程</h3>
    <div class="emergency-steps">
      <div class="em-step">
        <div class="em-icon">🆘</div>
        <div class="em-text">一键拨打平台热线</div>
        <div class="em-desc">服务中遇问题</div>
      </div>
      <div class="em-arrow">→</div>
      <div class="em-step">
        <div class="em-icon">⚡</div>
        <div class="em-text">平台30秒内响应</div>
        <div class="em-desc">启动应急处理</div>
      </div>
      <div class="em-arrow">→</div>
      <div class="em-step">
        <div class="em-icon">📞</div>
        <div class="em-text">联系紧急联系人</div>
        <div class="em-desc">必要时通知</div>
      </div>
      <div class="em-arrow">→</div>
      <div class="em-step">
        <div class="em-icon">🚔</div>
        <div class="em-text">必要时联系社区/110</div>
        <div class="em-desc">安全保障兜底</div>
      </div>
    </div>
    <button class="em-call-btn" onclick="showToast('正在拨打平台热线 0851-XXXXXXX ...', 'info')">📞 拨打平台热线</button>
  </div>

</div>

<div class="matching-overlay" id="matchingOverlay">
  <div class="matching-box">
    <div id="matchingLoading">
      <div class="matching-pulse">🔍</div>
      <div class="matching-text">正在为您匹配最合适的跑腿达人...</div>
      <div class="matching-sub">根据距离、评分、技能智能匹配中</div>
    </div>
    <div class="match-result" id="matchResult">
      <div class="mr-card">
        <div class="mr-avatar" id="mrAvatar">🏃</div>
        <div class="mr-name" id="mrName"></div>
        <div class="mr-info" id="mrInfo"></div>
        <div class="mr-tags" id="mrTags"></div>
      </div>
      <div class="mr-btns">
        <button class="mr-btn accept" onclick="acceptMatch()">✅ 接受</button>
        <button class="mr-btn change" onclick="changeMatch()">🔄 换一个</button>
        <button class="mr-btn cancel" onclick="cancelMatch()">取消匹配</button>
      </div>
    </div>
  </div>
</div>

<div class="toast" id="toast"></div>

<div class="modal-overlay" id="modalOverlay">
  <div class="modal-box">
    <div class="m-title" id="modalTitle"></div>
    <div class="m-body" id="modalBody"></div>
    <div class="m-btns">
      <button class="m-btn cancel" onclick="closeModal()">取消</button>
      <button class="m-btn confirm" id="modalConfirm">确认</button>
    </div>
  </div>
</div>

// ====== Data ======
var SKUS = [
  { id: 'errand-buy', name: '代买代送', icon: '📦', price: 12, unit: '次', tag: 'hot', category: 'errand',
    features: '超市代采 • 药店代买 • 便利店跑腿\n按距离加收费用', desc: '帮你在指定商铺代买东西并送到家' },
  { id: 'errand-queue', name: '排队代办', icon: '🎫', price: 30, unit: '小时', tag: 'must', category: 'errand',
    features: '医院排队 • 银行办事 • 营业厅代办\n超时按小时计费', desc: '帮你排队取号、窗口办事、代领材料' },
  { id: 'errand-doc', name: '文件代取', icon: '📄', price: 15, unit: '次', tag: 'hot', category: 'errand',
    features: '快递代取 • 文件送取 • 合同传递\n保密+签收确认', desc: '帮你取送文件、合同、快递等' },
  { id: 'errand-move', name: '搬家小件', icon: '📦', price: 60, unit: '次', tag: 'must', category: 'errand',
    features: '小件搬运 • 家具拆装 • 同城配送\n量大可加车', desc: '帮搬小件物品，适合学生/租房搬家' },
  { id: 'life-pet', name: '宠物代遛', icon: '🐶', price: 25, unit: '小时', tag: 'hot', category: 'life',
    features: '遛狗 • 喂猫 • 代送宠物店\n有宠物护理证', desc: '帮你遛狗、喂猫、送宠物洗澡美容' },
  { id: 'life-plant', name: '植物代养', icon: '🌿', price: 20, unit: '天', tag: 'low', category: 'life',
    features: '出差代浇水 • 阳台养护 • 代施肥\n按天计费', desc: '出差期间帮你照看家里绿植' },
  { id: 'life-house', name: '房屋看管', icon: '🏠', price: 50, unit: '天', tag: 'must', category: 'life',
    features: '出差看房 • 代收快递 • 定期巡查\n每日拍照报告', desc: '出差期间帮你定期看管房屋' },
  { id: 'vehicle-drive', name: '代驾服务', icon: '🚗', price: 40, unit: '次', tag: 'hot', category: 'vehicle',
    features: '酒后代驾 • 疲劳代驾 • 接送站\n持驾照5年+', desc: '帮你开车，适合应酬/疲劳/接送' }
];

var PROVIDERS = [
  { id: 1, name: '王快腿', avatar: '🏃', level: 'gold', rating: 5.0, count: 326, distance: '1.2km',
    tags: ['代买代送', '文件代取', '搬家小件'], skills: ['errand'] },
  { id: 2, name: '小李跑腿', avatar: '🚶', level: 'gold', rating: 5.0, count: 218, distance: '0.8km',
    tags: ['排队代办', '文件代取', '医院代办'], skills: ['errand'] },
  { id: 3, name: '张师傅', avatar: '👨', level: 'silver', rating: 4.8, count: 156, distance: '2.1km',
    tags: ['搬家小件', '搬重物', '同区配送'], skills: ['errand'] },
  { id: 4, name: '宠物达人陈姐', avatar: '👩', level: 'gold', rating: 5.0, count: 289, distance: '1.5km',
    tags: ['宠物代遛', '代喂猫', '宠物护理'], skills: ['pet'] },
  { id: 5, name: '绿手指小赵', avatar: '🌱', level: 'silver', rating: 4.9, count: 89, distance: '3.0km',
    tags: ['植物代养', '阳台养护', '花卉知识'], skills: ['pet'] },
  { id: 6, name: '老王看房', avatar: '🧓', level: 'silver', rating: 4.7, count: 134, distance: '2.5km',
    tags: ['房屋看管', '代收快递', '定期巡查'], skills: ['pet'] },
  { id: 7, name: '代驾李哥', avatar: '🚙', level: 'gold', rating: 5.0, count: 412, distance: '1.0km',
    tags: ['酒后代驾', '接送站', '夜行安全'], skills: ['drive'] },
  { id: 8, name: '全能小杨', avatar: '💪', level: 'bronze', rating: 4.5, count: 56, distance: '4.0km',
    tags: ['代买代送', '搬家小件', '跑腿全能'], skills: ['errand'] }
];

var AVAILABLE_ORDERS = [
  { id: 'O001', type: '代买代送', icon: '📦', area: '西秀区', addr: '塔山东路', time: '今天下午3点', price: 12, distance: '1.2km', desc: '大润发买两袋大米+酱油送到家', cat: 'errand', status: 'pending' },
  { id: 'O002', type: '排队代办', icon: '🎫', area: '西秀区', addr: '中华东路', time: '明天上午9点', price: 60, distance: '2.5km', desc: '安顺市医院排队取号，消化科', cat: 'errand', status: 'pending' },
  { id: 'O003', type: '宠物代遛', icon: '🐶', area: '平坝区', addr: '鼓楼街道', time: '每天傍晚6点', price: 25, distance: '3.1km', desc: '金毛每天遛40分钟，活波好动', cat: 'life', status: 'pending' },
  { id: 'O004', type: '代驾服务', icon: '🚗', area: '西秀区', addr: '南马广场', time: '今晚11点', price: 40, distance: '0.5km', desc: '应酬喝了不少，需从南马广场代驾回家', cat: 'drive', status: 'pending' },
  { id: 'O005', type: '文件代取', icon: '📄', area: '西秀区', addr: '市政府', time: '今天下午2点', price: 15, distance: '1.8km', desc: '去政务中心取一份材料送到办公室', cat: 'errand', status: 'pending' },
  { id: 'O006', type: '搬家小件', icon: '📦', area: '镇宁县', addr: '环翠街道', time: '本周六全天', price: 120, distance: '5.2km', desc: '学生宿舍搬家，约5-6箱行李+被褥', cat: 'errand', status: 'pending' }
];

var myTakenOrders = [];
var myOrders = [];
var currentRole = 'user';
var selectedService = null;
var selectedTier = { name: '基础档', mult: 1.0 };
var selectedDispatch = 'smart';
var walletBalance = 348.60;
var currentDashFilter = 'all';

// ====== Navigation ======
function navTo(page) {
  document.querySelectorAll('.page').forEach(p => p.classList.remove('active'));
  document.getElementById('page-' + page).classList.add('active');
  document.querySelectorAll('.nav-link').forEach(l => l.classList.remove('active'));
  var navLink = document.querySelector('.nav-link[data-page="' + page + '"]');
  if (navLink) navLink.classList.add('active');
  window.scrollTo(0, 0);
  if (page === 'provider') { renderAvailableOrders('all'); renderMyTakenOrders(); }
  if (page === 'dashboard') { renderDashboard('all'); }
  if (page === 'services') { renderSKUs('all'); }
  if (page === 'providers') { renderProviders('all'); }
}

function scrollToVip() {
  document.getElementById('vipSection').scrollIntoView({ behavior: 'smooth' });
}

function toggleNotif() {
  document.getElementById('notifPanel').classList.toggle('show');
}

// ====== Toast ======
function showToast(msg, type) {
  type = type || 'info';
  var toast = document.getElementById('toast');
  if (!toast) return;
  toast.textContent = msg;
  var colors = { success: '#2e9c5b', error: '#d4423a', info: '#333' };
  toast.style.borderColor = colors[type] || colors.info;
  toast.style.border = '2px solid ' + (colors[type] || colors.info);
  toast.classList.add('show');
  setTimeout(function() { toast.classList.remove('show'); }, 3000);
}

// ====== Modal ======
function showModal(title, body, onConfirm) {
  document.getElementById('modalTitle').textContent = title;
  document.getElementById('modalBody').textContent = body;
  document.getElementById('modalOverlay').classList.add('show');
  var btn = document.getElementById('modalConfirm');
  btn.onclick = function() {
    if (onConfirm) onConfirm();
    closeModal();
  };
}
function closeModal() {
  document.getElementById('modalOverlay').classList.remove('show');
}

// ====== Render SKUs ======
function renderSKUs(filter) {
  filter = filter || 'all';
  var grid = document.getElementById('skuGrid');
  grid.innerHTML = '';
  SKUS.forEach(function(sku) {
    if (filter === 'all' || sku.tag === filter || sku.category === filter || (filter === 'low' && sku.price <= 15)) {
      var card = document.createElement('div');
      card.className = 'sku-card';
      card.onclick = function() { selectService(sku.id); };
      var tagHtml = '';
      if (sku.tag === 'hot') tagHtml += '<span class="sku-tag hot">热门</span>';
      if (sku.tag === 'must') tagHtml += '<span class="sku-tag must">必约</span>';
      if (sku.price <= 15) tagHtml += '<span class="sku-tag low">低价</span>';
      card.innerHTML =
        '<div class="sku-icon">' + sku.icon + '</div>' +
        '<h3>' + escapeHtml(sku.name) + '</h3>' +
        '<div class="sku-tag-row">' + tagHtml + '</div>' +
        '<div class="sku-desc">' + escapeHtml(sku.desc) + '</div>' +
        '<div class="sku-features">' + escapeHtml(sku.features).replace(/\n/g, '<br>') + '</div>' +
        '<div class="sku-price"><span class="price">¥' + sku.price + '</span><span class="unit">/' + sku.unit + '</span></div>' +
        '<button class="sku-btn" onclick="event.stopPropagation(); selectService(\'' + sku.id + '\'); navTo(\'user\');">立即下单</button>';
      grid.appendChild(card);
    }
  });
}

function filterSKUs(filter) {
  document.querySelectorAll('.sku-filter').forEach(f => f.classList.remove('active'));
  document.querySelector('.sku-filter[data-filter="' + filter + '"]').classList.add('active');
  renderSKUs(filter);
}

// ====== Render Service Chips ======
function renderServiceChips() {
  var container = document.getElementById('serviceChips');
  container.innerHTML = '';
  SKUS.forEach(function(sku) {
    var chip = document.createElement('div');
    chip.className = 'service-chip';
    chip.dataset.sku = sku.id;
    chip.innerHTML = sku.icon + ' ' + escapeHtml(sku.name);
    chip.onclick = function() { selectService(sku.id); };
    container.appendChild(chip);
  });
}

function selectService(id) {
  selectedService = id;
  document.querySelectorAll('.service-chip').forEach(c => {
    c.classList.toggle('active', c.dataset.sku === id);
  });
  updateEstimate();
}

// ====== Tier & Dispatch ======
function selectTier(tier) {
  var tiers = { basic: { name: '基础档', mult: 1.0 }, standard: { name: '标准档', mult: 1.2 }, premium: { name: '高级档', mult: 1.5 } };
  selectedTier = tiers[tier];
  document.querySelectorAll('.tier-option').forEach(o => o.classList.remove('active'));
  document.querySelector('.tier-option[data-tier="' + tier + '"]').classList.add('active');
  updateEstimate();
}

function selectDispatch(d) {
  selectedDispatch = d;
  document.querySelectorAll('.dispatch-option').forEach(o => o.classList.remove('active'));
  document.querySelector('.dispatch-option[data-dispatch="' + d + '"]').classList.add('active');
}

// ====== Estimate ======
function updateEstimate() {
  if (!selectedService) {
    document.getElementById('estimatePrice').textContent = '¥0';
    document.getElementById('estimateBreakdown').textContent = '请选择服务类型';
    return;
  }
  var sku = SKUS.find(function(s) { return s.id === selectedService; });
  var duration = parseFloat(document.getElementById('userDuration') ? document.getElementById('userDuration').value : '1') || 1;
  var price = Math.round(sku.price * selectedTier.mult * duration);
  document.getElementById('estimatePrice').textContent = '¥' + price;
  document.getElementById('estimateBreakdown').textContent = sku.name + ' ' + selectedTier.name + '(×' + selectedTier.mult + ') × ' + duration + '小时';
}

// ====== Submit Order ======
function submitOrder() {
  if (!selectedService) {
    showToast('请选择服务类型', 'error');
    return;
  }
  var userName = document.getElementById('userName').value.trim();
  var userArea = document.getElementById('userArea').value;
  var userTime = document.getElementById('userTime').value;
  var userAddr = document.getElementById('userAddr').value.trim();
  if (!userName) { showToast('请输入您的称呼', 'error'); return; }
  if (!userArea) { showToast('请选择区域', 'error'); return; }
  if (!userTime) { showToast('请选择服务时间', 'error'); return; }
  if (!userAddr) { showToast('请输入详细地址', 'error'); return; }
  var sku = SKUS.find(function(s) { return s.id === selectedService; });
  var duration = parseFloat(document.getElementById('userDuration') ? document.getElementById('userDuration').value : '1') || 1;
  var price = Math.round(sku.price * selectedTier.mult * duration);
  var name = document.getElementById('userName').value;
  var area = document.getElementById('userArea').value;
  var addr = document.getElementById('userAddr').value;
  var time = document.getElementById('userTime').value;

var order = {
    id: 'O' + Date.now(),
    type: sku.name,
    icon: sku.icon,
    area: area,
    addr: addr,
    time: time,
    price: price,
    desc: document.getElementById('userDesc').value || '无描述',
    status: 'pending',
    role: 'user'
  };
  myOrders.push(order);

showToast('需求发布成功！正在为您匹配达人...', 'success');
  showMatchingAnimation();
}

// ====== Matching Animation ======
function showMatchingAnimation() {
  var overlay = document.getElementById('matchingOverlay');
  var loading = document.getElementById('matchingLoading');
  var result = document.getElementById('matchResult');
  overlay.classList.add('show');
  loading.style.display = 'block';
  result.classList.remove('show');

setTimeout(function() {
    loading.style.display = 'none';
    result.classList.add('show');
    var p = PROVIDERS[Math.floor(Math.random() * PROVIDERS.length)];
    document.getElementById('mrAvatar').textContent = p.avatar;
    document.getElementById('mrName').textContent = p.name + ' · ' + (p.level === 'gold' ? '🥇金牌' : p.level === 'silver' ? '🥈银牌' : '🥉铜牌');
    document.getElementById('mrInfo').textContent = '评分 ' + p.rating + ' · 服务' + p.count + '次 · 距您' + p.distance;
    var tagsHtml = p.tags.map(function(t) { return '<span class="mr-tag">' + escapeHtml(t) + '</span>'; }).join('');
    document.getElementById('mrTags').innerHTML = tagsHtml;
  }, 2500);
}

function changeMatch() {
  showMatchingAnimation();
}

function cancelMatch() {
  document.getElementById('matchingOverlay').classList.remove('show');
  showToast('已取消匹配', 'info');
}

// ====== Render Providers ======
function renderProviders(filter) {
  filter = filter || 'all';
  var grid = document.getElementById('providerGrid');
  grid.innerHTML = '';
  PROVIDERS.forEach(function(p) {
    var show = false;
    if (filter === 'all') show = true;
    else if (filter === 'gold' && p.level === 'gold') show = true;
    else if (filter === '5.0' && p.rating === 5.0) show = true;
    else if (filter === 'errand' && p.skills.indexOf('errand') >= 0) show = true;
    else if (filter === 'pet' && p.skills.indexOf('pet') >= 0) show = true;
    else if (filter === 'drive' && p.skills.indexOf('drive') >= 0) show = true;

if (show) {
      var card = document.createElement('div');
      card.className = 'provider-card' + (p.level === 'gold' ? ' gold' : '');
      var levelHtml = p.level === 'gold' ? '🥇 金牌达人' : p.level === 'silver' ? '🥈 银牌达人' : '🥉 铜牌达人';
      var levelClass = p.level;
      card.innerHTML =
        '<div class="provider-avatar">' + p.avatar + '</div>' +
        '<div class="p-name">' + escapeHtml(p.name) + '</div>' +
        '<div class="p-level ' + levelClass + '">' + levelHtml + '</div>' +
        '<div class="p-stats"><span>⭐ ' + p.rating + '</span><span>📋 ' + p.count + '单</span></div>' +
        '<div class="p-stats"><span>📍 ' + escapeHtml(p.distance) + '</span></div>' +
        '<div class="p-tags">' + p.tags.map(function(t) { return '<span class="p-tag">' + escapeHtml(t) + '</span>'; }).join('') + '</div>' +
        '<button class="p-pick" onclick="pickProvider(' + p.id + ')">指定下单</button>';
      grid.appendChild(card);
    }
  });
}

function filterProviders(filter) {
  document.querySelectorAll('.provider-filter').forEach(f => f.classList.remove('active'));
  document.querySelector('.provider-filter[data-filter="' + filter + '"]').classList.add('active');
  renderProviders(filter);
}

function pickProvider(id) {
  var p = PROVIDERS.find(function(x) { return x.id === id; });
  navTo('user');
  showToast('已选定 ' + p.name + ' 为指定达人，请在下方完成下单', 'success');
}

// ====== Render Available Orders ======
function renderAvailableOrders(filter) {
  filter = filter || 'all';
  var list = document.getElementById('availableOrders');
  list.innerHTML = '';
  AVAILABLE_ORDERS.forEach(function(o) {
    var show = false;
    if (filter === 'all') show = true;
    else if (filter === 'errand' && o.cat === 'errand') show = true;
    else if (filter === 'life' && o.cat === 'life') show = true;
    else if (filter === 'drive' && o.cat === 'drive') show = true;
    else if (filter === 'high' && o.price >= 40) show = true;

if (show) {
      var card = document.createElement('div');
      card.className = 'order-card status-pending' + (o.price >= 40 ? ' gold-price' : '');
      card.innerHTML =
        '<div class="order-info">' +
          '<div class="o-type">' + o.icon + ' ' + escapeHtml(o.type) + '</div>' +
          '<div class="o-meta">📍 ' + escapeHtml(o.area) + ' ' + escapeHtml(o.addr) + ' · 🕐 ' + escapeHtml(o.time) + '</div>' +
          '<div class="o-desc">' + escapeHtml(o.desc) + '</div>' +
          '<div class="o-distance">📏 距您 ' + escapeHtml(o.distance) + '</div>' +
        '</div>' +
        '<div class="order-right">' +
          '<div class="o-price">¥' + o.price + '</div>' +
          '<div class="o-status pending">待接单</div>' +
          '<div class="order-actions">' +
            '<button class="order-btn primary" onclick="takeOrder(\'' + escapeHtml(o.id) + '\')">接单</button>' +
            '<button class="order-btn report" onclick="showToast(\'已提交举报，平台将在24小时内核实处理\', \'info\')">举报</button>' +
          '</div>' +
        '</div>';
      list.appendChild(card);
    }
  });
}

function filterOrders(filter) {
  document.querySelectorAll('#page-provider .order-filter').forEach(f => {
    f.classList.toggle('active', f.dataset.filter === filter);
  });
  renderAvailableOrders(filter);
}

// ====== Take Order ======
function takeOrder(id) {
  var order = AVAILABLE_ORDERS.find(function(o) { return o.id === id; });
  if (!order) return;
  order.status = 'active';
  var taken = Object.assign({}, order, { status: 'active' });
  myTakenOrders.push(taken);
  AVAILABLE_ORDERS = AVAILABLE_ORDERS.filter(function(o) { return o.id !== id; });
  showToast('✅ 接单成功！请联系用户确认服务细节', 'success');
  renderAvailableOrders();
  renderMyTakenOrders();
}

// ====== Render My Taken Orders ======
function renderMyTakenOrders() {
  var list = document.getElementById('myTakenOrders');
  list.innerHTML = '';
  if (myTakenOrders.length === 0) {
    list.innerHTML = '<div style="text-align:center;padding:32px;color:var(--text-muted);">暂无已接订单，快去接单赚钱吧！</div>';
    return;
  }
  myTakenOrders.forEach(function(o) {
    var card = document.createElement('div');
    card.className = 'order-card status-active';
    var netIncome = Math.round(o.price * 0.9);
    card.innerHTML =
      '<div class="order-info">' +
        '<div class="o-type">' + o.icon + ' ' + escapeHtml(o.type) + '</div>' +
        '<div class="o-meta">📍 ' + escapeHtml(o.area) + ' ' + escapeHtml(o.addr) + ' · 🕐 ' + escapeHtml(o.time) + '</div>' +
        '<div class="o-desc">' + escapeHtml(o.desc) + '</div>' +
        '<div class="o-distance">📏 距您 ' + escapeHtml(o.distance) + '</div>' +
      '</div>' +
      '<div class="order-right">' +
        '<div class="o-price">¥' + o.price + '</div>' +
        '<div class="o-status active">进行中</div>' +
        '<div style="font-size:12px;color:var(--accent-dark);margin-top:4px;">佣金后到账 ¥' + netIncome + '</div>' +
        '<div class="order-actions">' +
          '<button class="order-btn primary" onclick="completeService(\'' + escapeHtml(o.id) + '\')">完成服务</button>' +
          '<button class="order-btn report" onclick="showToast(\'已提交举报，平台将在24小时内核实处理\', \'info\')">举报</button>' +
        '</div>' +
      '</div>';
    list.appendChild(card);
  });
}

// ====== Complete Service ======
function completeService(id) {
  var order = myTakenOrders.find(function(o) { return o.id === id; });
  if (!order) return;
  var netIncome = Math.round(order.price * 0.9);
  showModal('完成服务', '确认完成「' + order.type + '」服务？\n扣除10%佣金后到账 ¥' + netIncome, function() {
    order.status = 'done';
    var income = Math.round(order.price * 0.9);
    walletBalance += income;
    showToast('服务已完成，扣除10%佣金后到账 ¥' + income, 'success');
    var walletEl = document.querySelector('.wallet-bar .w-amount');
    if (walletEl) walletEl.textContent = '¥' + walletBalance.toFixed(2);
    renderMyTakenOrders();
    renderDashboard(currentDashFilter || 'all');
  });
}

// ====== Dashboard ======
function renderDashboard(filter) {
  filter = filter || 'all';
  var allOrders = myOrders.concat(myTakenOrders);
  document.getElementById('dashTotal').textContent = allOrders.length;
  document.getElementById('dashPending').textContent = allOrders.filter(function(o) { return o.status === 'pending'; }).length;
  document.getElementById('dashDone').textContent = allOrders.filter(function(o) { return o.status === 'done'; }).length;
  var totalAmount = allOrders.reduce(function(sum, o) { return sum + (o.price || 0); }, 0);
  document.getElementById('dashAmount').textContent = '¥' + totalAmount;

function filterDashboard(filter) {
  document.querySelectorAll('#page-dashboard .order-filter').forEach(f => {
    f.classList.toggle('active', f.dataset.filter === filter);
  });
  renderDashboard(filter);
}

// ====== Init ======
renderSKUs('all');
renderServiceChips();
renderProviders('all');
renderAvailableOrders('all');
renderMyTakenOrders();
renderDashboard('all');
</script>
</body>
</html>