<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Primary Meta Tags -->
    <title>1688支付替代方案 - 马币直付 | CIEF Source 官方授权代付服务</title>
    <meta name="title" content="1688支付替代方案 - 马币直付 | CIEF Source 官方授权代付服务">
    <meta name="description" content="无需开通支付宝，无需处理外汇。用马币（MYR）完成人民币代付1688订单，订单状态秒级同步，发票合规可对账。官方授权，安全合规，10,000+成功代付案例。">
    <meta name="keywords" content="1688支付,1688代付,马币支付1688,1688支付替代方案,支付宝替代,1688人民币代付,马来西亚1688支付,CIEF Source,1688订单支付,跨境支付">
    <meta name="author" content="CIEF Source">
    <meta name="robots" content="index, follow">
    <meta name="language" content="Chinese">
    
    <!-- Canonical URL -->
    <link rel="canonical" href="{{ url('/1688-payment-alternative-cn') }}">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="{{ url('/1688-payment-alternative-cn') }}">
    <meta property="og:title" content="1688支付替代方案 - 马币直付 | CIEF Source">
    <meta property="og:description" content="无需开通支付宝，无需处理外汇。用马币完成人民币代付1688订单，订单状态秒级同步，发票合规可对账。">
    <meta property="og:locale" content="zh_CN">
    <meta property="og:site_name" content="CIEF Source">
    
    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="{{ url('/1688-payment-alternative-cn') }}">
    <meta name="twitter:title" content="1688支付替代方案 - 马币直付 | CIEF Source">
    <meta name="twitter:description" content="无需开通支付宝，无需处理外汇。用马币完成人民币代付1688订单，订单状态秒级同步，发票合规可对账。">
    
    <!-- Favicon -->
    <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('images/favicon/apple-touch-icon.png') }}">
    <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('images/favicon/favicon-32x32.png') }}">
    <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('images/favicon/favicon-16x16.png') }}">
    <link rel="manifest" href="/site.webmanifest">
    
    <!-- Preconnect for Performance -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
    
    <!-- Structured Data (JSON-LD) -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Service",
        "name": "1688支付替代方案",
        "description": "无需开通支付宝，无需处理外汇。用马币（MYR）完成人民币代付1688订单，订单状态秒级同步，发票合规可对账。",
        "provider": {
            "@type": "Organization",
            "name": "CIEF Source",
            "url": "{{ url('/') }}"
        },
        "areaServed": {
            "@type": "Country",
            "name": "Malaysia"
        },
        "serviceType": "跨境支付服务"
    }
    </script>
    
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [{
            "@type": "Question",
            "name": "代付安全吗？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "CIEF 通过阿里官方 API 进行代付，支付记录与订单回执全链路可追踪。"
            }
        }, {
            "@type": "Question",
            "name": "汇率如何计算？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "系统每日更新官方汇率；确认前可在界面预览最终金额。"
            }
        }, {
            "@type": "Question",
            "name": "是否提供马来西亚发票？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "支持开具马来西亚正规发票，便于会计与审计对账。"
            }
        }, {
            "@type": "Question",
            "name": "是否有最低代付金额？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "无最低限制，小至单笔订单亦可受理。"
            }
        }, {
            "@type": "Question",
            "name": "代付后如何跟进发货？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "订单与发货信息会回传至 CIEF Source，你可在同一系统继续安排清关与配送。"
            }
        }]
    }
    </script>
    
    <style>
/* === CSS Variables === */
:root {
  --primary: #22c55e;
  --secondary: #38bdf8;
  --dark: #0f172a;
  --dark-card: #1e293b;
  --text: #e2e8f0;
  --text-muted: #94a3b8;
  --border: #334155;
  --radius: 16px;
}

/* === Reset & Base === */
* { 
    margin: 0;
    padding: 0;
    box-sizing: border-box; 
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    color: var(--text);
    line-height: 1.6;
    min-height: 100vh;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
}

img { max-width: 100%; height: auto; }
a { text-decoration: none; color: inherit; }

/* === Typography === */
.heading-xl {
    font-size: clamp(32px, 5vw, 52px);
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--text);
}

.heading-lg {
    font-size: clamp(24px, 4vw, 36px);
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 16px;
    color: var(--text);
}

.heading-md {
    font-size: clamp(20px, 3vw, 28px);
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--text);
}

.text-lg {
    font-size: clamp(16px, 2.5vw, 20px);
    color: #cbd5e1;
}

.text-muted { 
    color: var(--text-muted); 
    font-size: 15px; 
}

/* === Buttons === */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 28px;
    border-radius: 100px;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 2px solid transparent;
}

.btn-primary {
    background: linear-gradient(135deg, var(--primary), #16a34a);
    color: #0a2e19;
    box-shadow: 0 8px 20px rgba(34, 197, 94, 0.3);
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(34, 197, 94, 0.4);
}

.btn-secondary {
    background: rgba(148, 163, 184, 0.1);
    border-color: var(--border);
    color: var(--text);
}

.btn-secondary:hover {
    background: rgba(148, 163, 184, 0.15);
    border-color: #475569;
}

/* === Badges & Pills === */
.badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 100px;
    color: #86efac;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 20px;
}

.pill {
    display: inline-block;
    padding: 6px 14px;
    background: rgba(56, 189, 248, 0.1);
    border: 1px solid rgba(56, 189, 248, 0.3);
    border-radius: 100px;
    color: #7dd3fc;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 12px;
}

/* === Cards === */
.card {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.8), rgba(15, 23, 42, 0.6));
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 24px;
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-2px);
    border-color: #475569;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}

/* === Grid System === */
.grid { 
    display: grid; 
    gap: 20px; 
}

.grid-2 { grid-template-columns: 1fr; }
.grid-3 { grid-template-columns: 1fr; }

@media (min-width: 640px) {
    .grid-2 { grid-template-columns: repeat(2, 1fr); }
    .grid-3 { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 900px) {
    .grid-3 { grid-template-columns: repeat(3, 1fr); }
}

/* === Sections === */
.section {
    padding: 80px 0;
    position: relative;
}

.section-sm { padding: 50px 0; }

/* === Hero Section === */
.hero {
    padding: 100px 0 80px;
    position: relative;
    overflow: hidden;
}

.hero::before {
    content: '';
    position: absolute;
    top: -20%;
    right: -10%;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(34, 197, 94, 0.15), transparent 70%);
    filter: blur(60px);
    pointer-events: none;
}

.hero::after {
    content: '';
    position: absolute;
    bottom: -20%;
    left: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.12), transparent 70%);
    filter: blur(50px);
    pointer-events: none;
}

.hero-content {
    position: relative;
    z-index: 1;
}

.hero-grid {
    display: grid;
    gap: 40px;
    align-items: center;
}

@media (min-width: 900px) {
    .hero-grid { grid-template-columns: 1.2fr 1fr; }
}

/* === Stats === */
.stats {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 24px;
}

.stat-item {
    padding: 10px 16px;
    background: rgba(99, 102, 241, 0.1);
    border: 1px dashed rgba(129, 140, 248, 0.3);
    border-radius: 12px;
    color: #a5b4fc;
    font-size: 14px;
    font-weight: 500;
}

/* === Feature Items === */
.feature-item {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.feature-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(56, 189, 248, 0.1);
    border: 1px solid rgba(56, 189, 248, 0.3);
    border-radius: 12px;
    font-size: 24px;
}

/* === Flow Diagram === */
.flow-card {
    background: rgba(15, 23, 42, 0.6);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 20px;
}

.flow-step {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 16px;
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid var(--border);
    border-radius: 12px;
    margin-bottom: 12px;
}

.flow-step:last-child { margin-bottom: 0; }

.step-number {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(56, 189, 248, 0.15);
    border: 1px solid rgba(56, 189, 248, 0.4);
    border-radius: 10px;
    color: #7dd3fc;
    font-weight: 700;
    font-size: 16px;
}

.flow-arrow {
    text-align: center;
    color: var(--secondary);
    font-size: 24px;
    margin: -6px 0;
}

/* === Diagram Box === */
.diagram-box {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.7), rgba(15, 23, 42, 0.5));
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.node {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid var(--border);
    border-radius: 12px;
    margin-bottom: 8px;
}

.node:last-child { margin-bottom: 0; }

.node-badge {
    padding: 4px 12px;
    background: rgba(34, 197, 94, 0.15);
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 8px;
    color: #86efac;
    font-size: 12px;
    font-weight: 500;
}

/* === Table === */
.table-wrap {
    overflow-x: auto;
    margin-top: 24px;
}

table {
    width: 100%;
    border-collapse: collapse;
    background: rgba(30, 41, 59, 0.6);
    border: 2px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

table th,
table td {
    padding: 16px;
    text-align: left;
    border: 1px solid var(--border);
}

table th {
    background: rgba(15, 23, 42, 0.8);
    color: var(--text);
    font-weight: 600;
}

table tr:last-child td {
    border-bottom: none;
}

table tr:hover {
    background: rgba(30, 41, 59, 0.8);
}

/* === FAQ === */
.faq-item {
    background: rgba(30, 41, 59, 0.6);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 12px;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: 600;
    color: var(--text);
}

.faq-question span {
    font-size: 20px;
    color: var(--secondary);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question span {
    transform: rotate(45deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 12px;
    color: var(--text-muted);
    line-height: 1.6;
}

.faq-item.active .faq-answer {
    max-height: 500px;
    padding-top: 12px;
}

/* === CTA Banner === */
.cta-banner {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(56, 189, 248, 0.1));
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 24px;
    padding: 50px 30px;
    text-align: center;
}

.cta-buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 24px;
}

/* === Footer === */
.footer {
    padding: 40px 0;
    border-top: 1px solid var(--border);
    color: var(--text-muted);
    font-size: 14px;
    text-align: center;
}

/* === Utilities === */
.text-center { text-align: center; }
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 8px; }
.mb-2 { margin-bottom: 16px; }
.mb-3 { margin-bottom: 24px; }
.mt-2 { margin-top: 16px; }
.mt-3 { margin-top: 24px; }
.gap-2 { gap: 16px; }
.flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.highlight { color: var(--primary); }
    </style>
</head>
<body>

<!-- Hero Section -->
<section class="hero">
    <div class="container hero-content">
        <div class="hero-grid">
            <div>
                <span class="badge">✓ 官方授权 · 安全合规 · 马币直付</span>
                <h1 class="heading-xl">
                    无法支付 1688 订单？<br>
                    用 <span class="highlight">CIEF 支付替代方案</span> 一键搞定
                </h1>
                <p class="text-lg">
                    无需开通支付宝，无需处理外汇。用马币（MYR）完成人民币代付，订单状态秒级同步，发票合规可对账。
                </p>
                <div class="flex flex-wrap gap-2 mt-3">
                    <a href="#start" class="btn btn-primary">
                        开始代付 1688 订单
                    </a>
                    <a href="https://wa.me/60123456789" class="btn btn-secondary" target="_blank" rel="noopener">
                        WhatsApp 咨询
                    </a>
                </div>
                <div class="stats">
                    <div class="stat-item">🎯 10,000+ 成功代付</div>
                    <div class="stat-item">⚡ API 直连 · 可追踪</div>
                    <div class="stat-item">🧾 马来西亚正规发票</div>
                </div>
            </div>
            
            <div class="diagram-box">
                <div class="node">
                    <strong>买家（你）</strong>
                    <span class="node-badge">MYR 付款</span>
                </div>
                <div class="flow-arrow">⇣</div>
                <div class="node">
                    <strong>CIEF 系统</strong>
                    <span class="node-badge">API 处理</span>
                </div>
                <div class="flow-arrow">⇣</div>
                <div class="node">
                    <strong>1688 卖家</strong>
                    <span class="node-badge">RMB 收款</span>
                </div>
                <div class="flow-arrow">⇣</div>
                <div class="node">
                    <strong>物流清关</strong>
                    <span class="node-badge">一条龙</span>
                </div>
                <p class="text-muted" style="margin-top: 16px; font-size: 13px;">
                    💡 提示：可在 CIEF Source 内直接跟踪订单状态与物流进度
                </p>
            </div>
        </div>
    </div>
</section>

<!-- Pain Points -->
<section class="section">
    <div class="container">
        <span class="pill">常见难题</span>
        <h2 class="heading-lg">你是否也遇到这些支付障碍？</h2>
        <p class="text-muted mb-3">跨境采购最常见的痛点，我们都已替客户解决过：</p>
        
        <div class="grid grid-2">
            <div class="card">
                <div class="feature-item">
                    <div class="feature-icon">🚫</div>
                    <div>
                        <h3 class="heading-md mb-1">无法开通/使用支付宝</h3>
                        <p class="text-muted">没有中国手机号或资质，支付宝难以落地。</p>
                    </div>
                </div>
            </div>
            
            <div class="card">
                <div class="feature-item">
                    <div class="feature-icon">🏢</div>
                    <div>
                        <h3 class="heading-md mb-1">公司账户难以对外汇款</h3>
                        <p class="text-muted">银行外汇手续复杂、到账慢、沟通成本高。</p>
                    </div>
                </div>
            </div>
            
            <div class="card">
                <div class="feature-item">
                    <div class="feature-icon">⏱️</div>
                    <div>
                        <h3 class="heading-md mb-1">时效 & 可追踪性差</h3>
                        <p class="text-muted">传统"找人代付"风险高、无法系统化追踪。</p>
                    </div>
                </div>
            </div>
            
            <div class="card">
                <div class="feature-item">
                    <div class="feature-icon">🧾</div>
                    <div>
                        <h3 class="heading-md mb-1">发票与对账不合规</h3>
                        <p class="text-muted">无法拿到马来西亚发票，财务对账困难。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Solution -->
<section class="section">
    <div class="container">
        <span class="pill">解决方案</span>
        <h2 class="heading-lg">官方授权 · 安全合规的 1688 支付替代方案</h2>
        <p class="text-muted mb-3">
            CIEF 作为 1688 官方合作方，支持你用马币完成人民币代付，付款即刻同步订单状态，并可无缝衔接采购、清关与配送。
        </p>
        
        <div class="grid grid-2">
            <div class="flow-card">
                <div class="flow-step">
                    <div class="step-number">1</div>
                    <div>
                        <strong>提交 1688 订单链接</strong>
                        <p class="text-muted mb-0">在 CIEF Source 粘贴链接或上传截图，便可开始。</p>
                    </div>
                </div>
                <div class="flow-step">
                    <div class="step-number">2</div>
                    <div>
                        <strong>确认金额与汇率</strong>
                        <p class="text-muted mb-0">系统显示代付金额（含当日汇率），确认无误即下一步。</p>
                    </div>
                </div>
                <div class="flow-step">
                    <div class="step-number">3</div>
                    <div>
                        <strong>用马币付款给 CIEF</strong>
                        <p class="text-muted mb-0">支持转账/FPX 等方式，企业可走公司账。</p>
                    </div>
                </div>
                <div class="flow-step">
                    <div class="step-number">4</div>
                    <div>
                        <strong>API 代你支付卖家</strong>
                        <p class="text-muted mb-0">Ali 官方 API 直连，安全稳定可追踪。</p>
                    </div>
                </div>
                <div class="flow-step">
                    <div class="step-number">5</div>
                    <div>
                        <strong>订单与物流状态同步</strong>
                        <p class="text-muted mb-0">代付完成后，订单状态与发货信息自动回传。</p>
                    </div>
                </div>
            </div>
            
            <div class="grid">
                <div class="card">
                    <div class="feature-item">
                        <div class="feature-icon">💵</div>
                        <div>
                            <h3 class="heading-md mb-1">马币直付</h3>
                            <p class="text-muted mb-0">无需人民币账户，无需外汇繁琐流程。</p>
                        </div>
                    </div>
                </div>
                
                <div class="card">
                    <div class="feature-item">
                        <div class="feature-icon">🔒</div>
                        <div>
                            <h3 class="heading-md mb-1">官方 API</h3>
                            <p class="text-muted mb-0">阿里官方接口，支付与回执全链路记录。</p>
                        </div>
                    </div>
                </div>
                
                <div class="card">
                    <div class="feature-item">
                        <div class="feature-icon">⚡</div>
                        <div>
                            <h3 class="heading-md mb-1">秒级入账</h3>
                            <p class="text-muted mb-0">确认后快速代付，缩短采购周期。</p>
                        </div>
                    </div>
                </div>
                
                <div class="card">
                    <div class="feature-item">
                        <div class="feature-icon">🧾</div>
                        <div>
                            <h3 class="heading-md mb-1">马来西亚发票</h3>
                            <p class="text-muted mb-0">开具正规发票，方便会计与审计对账。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="flex flex-wrap gap-2 mt-3">
            <a href="#start" class="btn btn-primary">
                现在用马币代付
            </a>
            <a href="https://wa.me/60123456789" class="btn btn-secondary" target="_blank" rel="noopener">
                咨询客服
            </a>
        </div>
    </div>
</section>

<!-- Comparison Table -->
<section class="section-sm">
    <div class="container">
        <span class="pill">为什么选我们</span>
        <h2 class="heading-lg">一眼看懂：传统方式 vs CIEF 方案</h2>
        
        <div class="table-wrap">
            <table>
                <thead>
                    <tr>
                        <th>项目</th>
                        <th>传统方式</th>
                        <th>CIEF 支付替代方案</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>开通支付宝</td>
                        <td>需中国手机号/身份证，流程复杂</td>
                        <td><strong style="color: var(--primary);">无需</strong>，直接用马币支付</td>
                    </tr>
                    <tr>
                        <td>外汇手续</td>
                        <td>流程长、沟通成本高</td>
                        <td><strong style="color: var(--primary);">省去外汇步骤</strong>，企业可走公司账</td>
                    </tr>
                    <tr>
                        <td>安全性</td>
                        <td>找人代付，风险与纠纷高</td>
                        <td><strong style="color: var(--primary);">官方 API</strong> 直连，支付有据可查</td>
                    </tr>
                    <tr>
                        <td>订单追踪</td>
                        <td>支付后信息割裂，不易追踪</td>
                        <td><strong style="color: var(--primary);">系统实时回传</strong> 下单/发货状态</td>
                    </tr>
                    <tr>
                        <td>发票对账</td>
                        <td>无法取得本地发票</td>
                        <td><strong style="color: var(--primary);">马来西亚正规发票</strong>，合规对账</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</section>

<!-- Social Proof -->
<section class="section-sm">
    <div class="container">
        <div class="grid grid-3">
            <div class="card text-center">
                <h3 class="heading-md">1688 官方合作伙伴</h3>
                <p class="text-muted mb-0">长期技术与业务合作，可信赖的跨境解决方案。</p>
            </div>
            
            <div class="card text-center">
                <h3 class="heading-md">10,000+ 成功代付</h3>
                <p class="text-muted mb-0">覆盖多行业客户，口碑沉淀与流程完善。</p>
            </div>
            
            <div class="card text-center">
                <h3 class="heading-md">端到端一条龙</h3>
                <p class="text-muted mb-0">采购、代付、清关、配送与对账，全流程打通。</p>
            </div>
        </div>
    </div>
</section>

<!-- FAQ -->
<section class="section">
    <div class="container">
        <span class="pill">FAQ</span>
        <h2 class="heading-lg">常见问题</h2>
        
        <div class="grid">
            <div class="faq-item">
                <div class="faq-question" onclick="this.parentElement.classList.toggle('active')">
                    代付安全吗？
                    <span>+</span>
                </div>
                <div class="faq-answer">
                    CIEF 通过阿里官方 API 进行代付，支付记录与订单回执全链路可追踪。
                </div>
            </div>
            
            <div class="faq-item">
                <div class="faq-question" onclick="this.parentElement.classList.toggle('active')">
                    汇率如何计算？
                    <span>+</span>
                </div>
                <div class="faq-answer">
                    系统每日更新官方汇率；确认前可在界面预览最终金额。
                </div>
            </div>
            
            <div class="faq-item">
                <div class="faq-question" onclick="this.parentElement.classList.toggle('active')">
                    是否提供马来西亚发票？
                    <span>+</span>
                </div>
                <div class="faq-answer">
                    支持开具马来西亚正规发票，便于会计与审计对账。
                </div>
            </div>
            
            <div class="faq-item">
                <div class="faq-question" onclick="this.parentElement.classList.toggle('active')">
                    是否有最低代付金额？
                    <span>+</span>
                </div>
                <div class="faq-answer">
                    无最低限制，小至单笔订单亦可受理。
                </div>
            </div>
            
            <div class="faq-item">
                <div class="faq-question" onclick="this.parentElement.classList.toggle('active')">
                    代付后如何跟进发货？
                    <span>+</span>
                </div>
                <div class="faq-answer">
                    订单与发货信息会回传至 CIEF Source，你可在同一系统继续安排清关与配送。
                </div>
            </div>
        </div>
    </div>
</section>

<!-- CTA Banner -->
<section class="section-sm">
    <div class="container">
        <div class="cta-banner">
            <h2 class="heading-lg mb-2">让采购更简单、安全、合规</h2>
            <p class="text-lg mb-0">现在就用马币为你的 1688 订单代付，并在同一平台完成清关与对账。</p>
            <div class="cta-buttons">
                <a href="#start" class="btn btn-primary">开始使用</a>
                <a href="https://wa.me/60123456789" class="btn btn-secondary" target="_blank" rel="noopener">联系客服</a>
            </div>
        </div>
    </div>
</section>

<!-- Footer -->
<footer class="footer">
    <div class="container">
        <p>&copy; {{ date('Y') }} CIEF Source. All rights reserved.</p>
        <p>1688 官方授权支付替代方案服务商</p>
    </div>
</footer>

</body>
</html>
