cief/exchange-2.0
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/exchange-2.0.git synced 2026-08-19 04:23:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

landing pages updates

Browse Source
This commit is contained in:
Edmond Lang
2026-01-16 00:25:16 +08:00
parent 14cb29c021
commit 578f095468
9 changed files with 408 additions and 284 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/images/cief_e_invoice.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

resources/assets/images/normal_invoice.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

resources/views/pages/landing/1688-payment-alternative-cn.blade.php
+2 -2
View File
@@ -451,7 +451,7 @@ table {
width: 100%;
border-collapse: collapse;
background: rgba(30, 41, 59, 0.6);
border: 1px solid var(--border);
border: 2px solid var(--border);
border-radius: 12px;
overflow: hidden;
}
@@ -460,7 +460,7 @@ table th,
table td {
padding: 16px;
text-align: left;
border-bottom: 1px solid var(--border);
border: 1px solid var(--border);
}
table th {
resources/views/pages/landing/1688-vip-payment-landing-page-general-fb.blade.php
+43 -38
View File
@@ -303,7 +303,7 @@
background: #f7fafc;
border: 2px dashed #cbd5e0;
border-radius: 8px;
padding: 60px 20px;
padding: 20px;
text-align: center;
color: #718096;
min-height: 300px;
@@ -311,6 +311,15 @@
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
}
.image-placeholder img {
max-width: 100%;
height: auto;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
display: block;
}
.image-placeholder .icon {
@@ -537,60 +546,60 @@
<div style="max-width: 1100px; margin: 0 auto;">
<div style="overflow-x: auto;">
<table style="width: 100%; border-collapse: collapse; background: white; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-radius: 12px; overflow: hidden;">
<table style="width: 100%; border-collapse: collapse; background: white; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-radius: 12px; overflow: hidden; border: 2px solid #4a5568;">
<thead>
<tr>
<th style="padding: 20px; text-align: left; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff;">服务特点</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff;">传统方式</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #48bb78; color: #ffffff;">CIEF<br>子账号代付 ⭐</th>
<th style="padding: 20px; text-align: left; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff; border: 1px solid #2d3748;">服务特点</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff; border: 1px solid #2d3748;">传统方式</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #48bb78; color: #ffffff; border: 1px solid #2d3748;">CIEF<br>子账号代付 ⭐</th>
</tr>
</thead>
<tbody>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">1688账户</td>
<td style="padding: 20px; text-align: center; color: #c53030;">需要自己注册</td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">我们提供专属子账号 ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">1688账户</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">需要自己注册</td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">我们提供专属子账号 ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Alipay账户</td>
<td style="padding: 20px; text-align: center; color: #c53030;">必须要有<br><small style="color: #718096;">(需实名认证)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">完全不需要 ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Alipay账户</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">必须要有<br><small style="color: #718096;">(需实名认证)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">完全不需要 ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">付款方式</td>
<td style="padding: 20px; text-align: center;">绑定Alipay自动扣款</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">我们主账号统一付款 ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">付款方式</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">绑定Alipay自动扣款</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">我们主账号统一付款 ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">付款金额限制</td>
<td style="padding: 20px; text-align: center;">无限制</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">无限制 ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">付款金额限制</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">无限制</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">无限制 ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">发票类型</td>
<td style="padding: 20px; text-align: center; color: #c53030;">汇款凭证<br><small style="color: #718096;">(无货物明细)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">完整E-invoice<br><small style="color: #22543d;">(逐项货物明细)</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">发票类型</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">汇款凭证<br><small style="color: #718096;">(无货物明细)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">完整E-invoice<br><small style="color: #22543d;">(逐项货物明细)</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">可否Stock-in</td>
<td style="padding: 20px; text-align: center; color: #c53030;">不能<br><small style="color: #718096;">(缺货物明细)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">可以<br><small style="color: #22543d;">直接入账</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">可否Stock-in</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">不能<br><small style="color: #718096;">(缺货物明细)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">可以<br><small style="color: #22543d;">直接入账</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">2026 E-invoice合规</td>
<td style="padding: 20px; text-align: center; color: #c53030;">不符合<br><small style="color: #718096;">(缺完整交易信息)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">完全符合<br><small style="color: #22543d;">审计师认可</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">2026 E-invoice合规</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">不符合<br><small style="color: #718096;">(缺完整交易信息)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">完全符合<br><small style="color: #22543d;">审计师认可</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">物流服务</td>
<td style="padding: 20px; text-align: center;">不提供<br><small style="color: #718096;">(需另找货代)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">一站式<br><small style="color: #22543d;">付款+物流全包</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">物流服务</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">不提供<br><small style="color: #718096;">(需另找货代)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">一站式<br><small style="color: #22543d;">付款+物流全包</small> ✅</td>
</tr>
<tr>
<td style="padding: 20px; font-weight: 600; color: #2d3748;">客服支持</td>
<td style="padding: 20px; text-align: center;">英文/中文</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">中文/英文/马来文<br><small style="color: #22543d;">本地团队</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">客服支持</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">英文/中文</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">中文/英文/马来文<br><small style="color: #22543d;">本地团队</small> ✅</td>
</tr>
</tbody>
</table>
@@ -715,9 +724,7 @@
<div class="invoice-sample bad">
<h3>❌ 普通汇款凭证（无法使用）</h3>
<div class="image-placeholder">
<div class="icon">📄</div>
<p style="font-size: 1.2em; font-weight: 600; margin-bottom: 10px;">汇款凭证示例图片</p>
<p style="font-size: 0.95em;">请在此处上传汇款凭证截图</p>
<img src="{{ asset('images/normal_invoice.webp') }}" alt="Normal Invoice">
</div>
<div class="missing-info">
<strong>❌ 会计师/审计师的反馈：</strong><br><br>
@@ -736,9 +743,7 @@
<div class="invoice-sample good">
<h3>✅ CIEF 完整货物明细 E-invoice</h3>
<div class="image-placeholder" style="border-color: #48bb78;">
<div class="icon">✅</div>
<p style="font-size: 1.2em; font-weight: 600; margin-bottom: 10px; color: #22543d;">CIEF E-invoice 示例图片</p>
<p style="font-size: 0.95em;">请在此处上传 CIEF E-invoice 截图</p>
<img src="{{ asset('images/cief_e_invoice.webp') }}" alt="CIEF E-invoice">
</div>
<div style="background: #f0fff4; color: #22543d; padding: 15px; border-radius: 8px; margin-top: 15px; border: 1px solid #48bb78;">
<strong>✅ 会计师/审计师的反馈：</strong><br><br>
resources/views/pages/landing/1688-vip-payment-landing-page-general-google.blade.php
+43 -38
View File
@@ -303,7 +303,7 @@
background: #f7fafc;
border: 2px dashed #cbd5e0;
border-radius: 8px;
padding: 60px 20px;
padding: 20px;
text-align: center;
color: #718096;
min-height: 300px;
@@ -311,6 +311,15 @@
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
}
.image-placeholder img {
max-width: 100%;
height: auto;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
display: block;
}
.image-placeholder .icon {
@@ -537,60 +546,60 @@
<div style="max-width: 1100px; margin: 0 auto;">
<div style="overflow-x: auto;">
<table style="width: 100%; border-collapse: collapse; background: white; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-radius: 12px; overflow: hidden;">
<table style="width: 100%; border-collapse: collapse; background: white; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-radius: 12px; overflow: hidden; border: 2px solid #4a5568;">
<thead>
<tr>
<th style="padding: 20px; text-align: left; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff;">服务特点</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff;">传统方式</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #48bb78; color: #ffffff;">CIEF<br>子账号代付 ⭐</th>
<th style="padding: 20px; text-align: left; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff; border: 1px solid #2d3748;">服务特点</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff; border: 1px solid #2d3748;">传统方式</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #48bb78; color: #ffffff; border: 1px solid #2d3748;">CIEF<br>子账号代付 ⭐</th>
</tr>
</thead>
<tbody>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">1688账户</td>
<td style="padding: 20px; text-align: center; color: #c53030;">需要自己注册</td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">我们提供专属子账号 ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">1688账户</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">需要自己注册</td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">我们提供专属子账号 ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Alipay账户</td>
<td style="padding: 20px; text-align: center; color: #c53030;">必须要有<br><small style="color: #718096;">(需实名认证)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">完全不需要 ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Alipay账户</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">必须要有<br><small style="color: #718096;">(需实名认证)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">完全不需要 ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">付款方式</td>
<td style="padding: 20px; text-align: center;">绑定Alipay自动扣款</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">我们主账号统一付款 ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">付款方式</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">绑定Alipay自动扣款</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">我们主账号统一付款 ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">付款金额限制</td>
<td style="padding: 20px; text-align: center;">无限制</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">无限制 ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">付款金额限制</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">无限制</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">无限制 ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">发票类型</td>
<td style="padding: 20px; text-align: center; color: #c53030;">汇款凭证<br><small style="color: #718096;">(无货物明细)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">完整E-invoice<br><small style="color: #22543d;">(逐项货物明细)</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">发票类型</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">汇款凭证<br><small style="color: #718096;">(无货物明细)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">完整E-invoice<br><small style="color: #22543d;">(逐项货物明细)</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">可否Stock-in</td>
<td style="padding: 20px; text-align: center; color: #c53030;">不能<br><small style="color: #718096;">(缺货物明细)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">可以<br><small style="color: #22543d;">直接入账</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">可否Stock-in</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">不能<br><small style="color: #718096;">(缺货物明细)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">可以<br><small style="color: #22543d;">直接入账</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">2026 E-invoice合规</td>
<td style="padding: 20px; text-align: center; color: #c53030;">不符合<br><small style="color: #718096;">(缺完整交易信息)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">完全符合<br><small style="color: #22543d;">审计师认可</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">2026 E-invoice合规</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">不符合<br><small style="color: #718096;">(缺完整交易信息)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">完全符合<br><small style="color: #22543d;">审计师认可</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">物流服务</td>
<td style="padding: 20px; text-align: center;">不提供<br><small style="color: #718096;">(需另找货代)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">一站式<br><small style="color: #22543d;">付款+物流全包</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">物流服务</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">不提供<br><small style="color: #718096;">(需另找货代)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">一站式<br><small style="color: #22543d;">付款+物流全包</small> ✅</td>
</tr>
<tr>
<td style="padding: 20px; font-weight: 600; color: #2d3748;">客服支持</td>
<td style="padding: 20px; text-align: center;">英文/中文</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">中文/英文/马来文<br><small style="color: #22543d;">本地团队</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">客服支持</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">英文/中文</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">中文/英文/马来文<br><small style="color: #22543d;">本地团队</small> ✅</td>
</tr>
</tbody>
</table>
@@ -715,9 +724,7 @@
<div class="invoice-sample bad">
<h3>❌ 普通汇款凭证（无法使用）</h3>
<div class="image-placeholder">
<div class="icon">📄</div>
<p style="font-size: 1.2em; font-weight: 600; margin-bottom: 10px;">汇款凭证示例图片</p>
<p style="font-size: 0.95em;">请在此处上传汇款凭证截图</p>
<img src="{{ asset('images/normal_invoice.webp') }}" alt="Normal Invoice">
</div>
<div class="missing-info">
<strong>❌ 会计师/审计师的反馈：</strong><br><br>
@@ -736,9 +743,7 @@
<div class="invoice-sample good">
<h3>✅ CIEF 完整货物明细 E-invoice</h3>
<div class="image-placeholder" style="border-color: #48bb78;">
<div class="icon">✅</div>
<p style="font-size: 1.2em; font-weight: 600; margin-bottom: 10px; color: #22543d;">CIEF E-invoice 示例图片</p>
<p style="font-size: 0.95em;">请在此处上传 CIEF E-invoice 截图</p>
<img src="{{ asset('images/cief_e_invoice.webp') }}" alt="CIEF E-invoice">
</div>
<div style="background: #f0fff4; color: #22543d; padding: 15px; border-radius: 8px; margin-top: 15px; border: 1px solid #48bb78;">
<strong>✅ 会计师/审计师的反馈：</strong><br><br>
resources/views/pages/landing/1688-vip-payment-landing-page-wf-comparison-fb.blade.php
+65 -60
View File
@@ -303,7 +303,7 @@
background: #f7fafc;
border: 2px dashed #cbd5e0;
border-radius: 8px;
padding: 60px 20px;
padding: 20px;
text-align: center;
color: #718096;
min-height: 300px;
@@ -311,6 +311,15 @@
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
}
.image-placeholder img {
max-width: 100%;
height: auto;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
display: block;
}
.image-placeholder .icon {
@@ -536,60 +545,60 @@
<div style="max-width: 1100px; margin: 0 auto;">
<div style="overflow-x: auto;">
<table style="width: 100%; border-collapse: collapse; background: white; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-radius: 12px; overflow: hidden;">
<table style="width: 100%; border-collapse: collapse; background: white; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-radius: 12px; overflow: hidden; border: 2px solid #4a5568;">
<thead>
<tr>
<th style="padding: 20px; text-align: left; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff;">功能/服务</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff;">WorldFirst<br>跨境宝</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #48bb78; color: #ffffff;">CIEF<br>子账号代付 ⭐</th>
<th style="padding: 20px; text-align: left; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff; border: 1px solid #2d3748;">功能/服务</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff; border: 1px solid #2d3748;">WorldFirst<br>跨境宝</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #48bb78; color: #ffffff; border: 1px solid #2d3748;">CIEF<br>子账号代付 ⭐</th>
</tr>
</thead>
<tbody>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">1688账户</td>
<td style="padding: 20px; text-align: center; color: #c53030;">需要自己注册</td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">我们提供专属子账号 ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">1688账户</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">需要自己注册</td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">我们提供专属子账号 ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Alipay账户</td>
<td style="padding: 20px; text-align: center; color: #c53030;">必须要有<br><small style="color: #718096;">(需实名认证)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">完全不需要 ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Alipay账户</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">必须要有<br><small style="color: #718096;">(需实名认证)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">完全不需要 ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">付款方式</td>
<td style="padding: 20px; text-align: center;">绑定Alipay自动扣款</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">我们主账号统一付款 ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">付款方式</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">绑定Alipay自动扣款</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">我们主账号统一付款 ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">付款金额限制</td>
<td style="padding: 20px; text-align: center;">无限制</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">无限制 ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">付款金额限制</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">无限制</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">无限制 ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">发票类型</td>
<td style="padding: 20px; text-align: center; color: #c53030;">汇款凭证<br><small style="color: #718096;">(无货物明细)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">完整E-invoice<br><small style="color: #22543d;">(逐项货物明细)</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">发票类型</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">汇款凭证<br><small style="color: #718096;">(无货物明细)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">完整E-invoice<br><small style="color: #22543d;">(逐项货物明细)</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">可否Stock-in</td>
<td style="padding: 20px; text-align: center; color: #c53030;">不能<br><small style="color: #718096;">(缺货物明细)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">可以<br><small style="color: #22543d;">直接入账</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">可否Stock-in</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">不能<br><small style="color: #718096;">(缺货物明细)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">可以<br><small style="color: #22543d;">直接入账</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">2026 E-invoice合规</td>
<td style="padding: 20px; text-align: center; color: #c53030;">不符合<br><small style="color: #718096;">(缺完整交易信息)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">完全符合<br><small style="color: #22543d;">审计师认可</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">2026 E-invoice合规</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">不符合<br><small style="color: #718096;">(缺完整交易信息)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">完全符合<br><small style="color: #22543d;">审计师认可</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">物流服务</td>
<td style="padding: 20px; text-align: center;">不提供<br><small style="color: #718096;">(需另找货代)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">一站式<br><small style="color: #22543d;">付款+物流全包</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">物流服务</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">不提供<br><small style="color: #718096;">(需另找货代)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">一站式<br><small style="color: #22543d;">付款+物流全包</small> ✅</td>
</tr>
<tr>
<td style="padding: 20px; font-weight: 600; color: #2d3748;">客服支持</td>
<td style="padding: 20px; text-align: center;">英文/中文</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">中文/英文/马来文<br><small style="color: #22543d;">本地团队</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">客服支持</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">英文/中文</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">中文/英文/马来文<br><small style="color: #22543d;">本地团队</small> ✅</td>
</tr>
</tbody>
</table>
@@ -721,9 +730,7 @@
<div class="invoice-sample bad">
<h3>❌ 普通汇款凭证（无法使用）</h3>
<div class="image-placeholder">
<div class="icon">📄</div>
<p style="font-size: 1.2em; font-weight: 600; margin-bottom: 10px;">汇款凭证示例图片</p>
<p style="font-size: 0.95em;">请在此处上传汇款凭证截图</p>
<img src="{{ asset('images/normal_invoice.webp') }}" alt="Normal Invoice">
</div>
<div class="missing-info">
<strong>❌ 会计师/审计师的反馈：</strong><br><br>
@@ -742,9 +749,7 @@
<div class="invoice-sample good">
<h3>✅ CIEF 完整货物明细 E-invoice</h3>
<div class="image-placeholder" style="border-color: #48bb78;">
<div class="icon">✅</div>
<p style="font-size: 1.2em; font-weight: 600; margin-bottom: 10px; color: #22543d;">CIEF E-invoice 示例图片</p>
<p style="font-size: 0.95em;">请在此处上传 CIEF E-invoice 截图</p>
<img src="{{ asset('images/cief_e_invoice.webp') }}" alt="CIEF E-invoice">
</div>
<div style="background: #f0fff4; color: #22543d; padding: 15px; border-radius: 8px; margin-top: 15px; border: 1px solid #48bb78;">
<strong>✅ 会计师/审计师的反馈：</strong><br><br>
@@ -984,41 +989,41 @@
<div style="background: white; padding: 25px; border-radius: 8px; border-left: 4px solid #48bb78;">
<h4 style="color: #48bb78; margin-bottom: 15px; font-size: 1.2em;">💡 CIEF vs WorldFirst：流程对比</h4>
<table style="width: 100%; border-collapse: collapse; margin-top: 15px;">
<table style="width: 100%; border-collapse: collapse; margin-top: 15px; border: 1px solid #e2e8f0;">
<tr style="border-bottom: 1px solid #e2e8f0;">
<th style="padding: 12px; text-align: left; color: #2d3748; width: 30%;">步骤</th>
<th style="padding: 12px; text-align: left; color: #2d3748;">WorldFirst 跨境宝</th>
<th style="padding: 12px; text-align: left; color: #2d3748;">CIEF 子账号</th>
<th style="padding: 12px; text-align: left; color: #2d3748; width: 30%; border: 1px solid #e2e8f0; background: #f7fafc;">步骤</th>
<th style="padding: 12px; text-align: left; color: #2d3748; border: 1px solid #e2e8f0; background: #f7fafc;">WorldFirst 跨境宝</th>
<th style="padding: 12px; text-align: left; color: #2d3748; border: 1px solid #e2e8f0; background: #f7fafc;">CIEF 子账号</th>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 12px; font-weight: 600;">1688账户</td>
<td style="padding: 12px; color: #c53030;">自己注册1688账户</td>
<td style="padding: 12px; color: #22543d;">✅ 我们提供子账号</td>
<td style="padding: 12px; font-weight: 600; border: 1px solid #e2e8f0;">1688账户</td>
<td style="padding: 12px; color: #c53030; border: 1px solid #e2e8f0;">自己注册1688账户</td>
<td style="padding: 12px; color: #22543d; border: 1px solid #e2e8f0;">✅ 我们提供子账号</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 12px; font-weight: 600;">Alipay</td>
<td style="padding: 12px; color: #c53030;">必须开户并绑定</td>
<td style="padding: 12px; color: #22543d;">✅ 完全不需要</td>
<td style="padding: 12px; font-weight: 600; border: 1px solid #e2e8f0;">Alipay</td>
<td style="padding: 12px; color: #c53030; border: 1px solid #e2e8f0;">必须开户并绑定</td>
<td style="padding: 12px; color: #22543d; border: 1px solid #e2e8f0;">✅ 完全不需要</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 12px; font-weight: 600;">下单</td>
<td style="padding: 12px;">用自己账号下单</td>
<td style="padding: 12px;">用子账号下单</td>
<td style="padding: 12px; font-weight: 600; border: 1px solid #e2e8f0;">下单</td>
<td style="padding: 12px; border: 1px solid #e2e8f0;">用自己账号下单</td>
<td style="padding: 12px; border: 1px solid #e2e8f0;">用子账号下单</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 12px; font-weight: 600;">结算</td>
<td style="padding: 12px;">付马币到WorldFirst</td>
<td style="padding: 12px;">付马币到CIEF</td>
<td style="padding: 12px; font-weight: 600; border: 1px solid #e2e8f0;">结算</td>
<td style="padding: 12px; border: 1px solid #e2e8f0;">付马币到WorldFirst</td>
<td style="padding: 12px; border: 1px solid #e2e8f0;">付马币到CIEF</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 12px; font-weight: 600;">付款</td>
<td style="padding: 12px;">Alipay自动扣款</td>
<td style="padding: 12px;">我们主账号付款</td>
<td style="padding: 12px; font-weight: 600; border: 1px solid #e2e8f0;">付款</td>
<td style="padding: 12px; border: 1px solid #e2e8f0;">Alipay自动扣款</td>
<td style="padding: 12px; border: 1px solid #e2e8f0;">我们主账号付款</td>
</tr>
<tr>
<td style="padding: 12px; font-weight: 600;">发票</td>
<td style="padding: 12px; color: #c53030;">汇款凭证（无货物明细）</td>
<td style="padding: 12px; color: #22543d;">✅ 完整E-invoice（逐项明细）</td>
<td style="padding: 12px; font-weight: 600; border: 1px solid #e2e8f0;">发票</td>
<td style="padding: 12px; color: #c53030; border: 1px solid #e2e8f0;">汇款凭证（无货物明细）</td>
<td style="padding: 12px; color: #22543d; border: 1px solid #e2e8f0;">✅ 完整E-invoice（逐项明细）</td>
</tr>
</table>
</div>
resources/views/pages/landing/1688-vip-payment-landing-page-wf-comparison-google.blade.php
+65 -60
View File
@@ -303,7 +303,7 @@
background: #f7fafc;
border: 2px dashed #cbd5e0;
border-radius: 8px;
padding: 60px 20px;
padding: 20px;
text-align: center;
color: #718096;
min-height: 300px;
@@ -311,6 +311,15 @@
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
}
.image-placeholder img {
max-width: 100%;
height: auto;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
display: block;
}
.image-placeholder .icon {
@@ -536,60 +545,60 @@
<div style="max-width: 1100px; margin: 0 auto;">
<div style="overflow-x: auto;">
<table style="width: 100%; border-collapse: collapse; background: white; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-radius: 12px; overflow: hidden;">
<table style="width: 100%; border-collapse: collapse; background: white; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-radius: 12px; overflow: hidden; border: 2px solid #4a5568;">
<thead>
<tr>
<th style="padding: 20px; text-align: left; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff;">功能/服务</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff;">WorldFirst<br>跨境宝</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #48bb78; color: #ffffff;">CIEF<br>子账号代付 ⭐</th>
<th style="padding: 20px; text-align: left; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff; border: 1px solid #2d3748;">功能/服务</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff; border: 1px solid #2d3748;">WorldFirst<br>跨境宝</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #48bb78; color: #ffffff; border: 1px solid #2d3748;">CIEF<br>子账号代付 ⭐</th>
</tr>
</thead>
<tbody>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">1688账户</td>
<td style="padding: 20px; text-align: center; color: #c53030;">需要自己注册</td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">我们提供专属子账号 ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">1688账户</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">需要自己注册</td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">我们提供专属子账号 ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Alipay账户</td>
<td style="padding: 20px; text-align: center; color: #c53030;">必须要有<br><small style="color: #718096;">(需实名认证)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">完全不需要 ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Alipay账户</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">必须要有<br><small style="color: #718096;">(需实名认证)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">完全不需要 ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">付款方式</td>
<td style="padding: 20px; text-align: center;">绑定Alipay自动扣款</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">我们主账号统一付款 ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">付款方式</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">绑定Alipay自动扣款</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">我们主账号统一付款 ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">付款金额限制</td>
<td style="padding: 20px; text-align: center;">无限制</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">无限制 ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">付款金额限制</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">无限制</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">无限制 ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">发票类型</td>
<td style="padding: 20px; text-align: center; color: #c53030;">汇款凭证<br><small style="color: #718096;">(无货物明细)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">完整E-invoice<br><small style="color: #22543d;">(逐项货物明细)</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">发票类型</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">汇款凭证<br><small style="color: #718096;">(无货物明细)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">完整E-invoice<br><small style="color: #22543d;">(逐项货物明细)</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">可否Stock-in</td>
<td style="padding: 20px; text-align: center; color: #c53030;">不能<br><small style="color: #718096;">(缺货物明细)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">可以<br><small style="color: #22543d;">直接入账</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">可否Stock-in</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">不能<br><small style="color: #718096;">(缺货物明细)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">可以<br><small style="color: #22543d;">直接入账</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">2026 E-invoice合规</td>
<td style="padding: 20px; text-align: center; color: #c53030;">不符合<br><small style="color: #718096;">(缺完整交易信息)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">完全符合<br><small style="color: #22543d;">审计师认可</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">2026 E-invoice合规</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">不符合<br><small style="color: #718096;">(缺完整交易信息)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">完全符合<br><small style="color: #22543d;">审计师认可</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">物流服务</td>
<td style="padding: 20px; text-align: center;">不提供<br><small style="color: #718096;">(需另找货代)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">一站式<br><small style="color: #22543d;">付款+物流全包</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">物流服务</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">不提供<br><small style="color: #718096;">(需另找货代)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">一站式<br><small style="color: #22543d;">付款+物流全包</small> ✅</td>
</tr>
<tr>
<td style="padding: 20px; font-weight: 600; color: #2d3748;">客服支持</td>
<td style="padding: 20px; text-align: center;">英文/中文</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">中文/英文/马来文<br><small style="color: #22543d;">本地团队</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">客服支持</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">英文/中文</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">中文/英文/马来文<br><small style="color: #22543d;">本地团队</small> ✅</td>
</tr>
</tbody>
</table>
@@ -721,9 +730,7 @@
<div class="invoice-sample bad">
<h3>❌ 普通汇款凭证（无法使用）</h3>
<div class="image-placeholder">
<div class="icon">📄</div>
<p style="font-size: 1.2em; font-weight: 600; margin-bottom: 10px;">汇款凭证示例图片</p>
<p style="font-size: 0.95em;">请在此处上传汇款凭证截图</p>
<img src="{{ asset('images/normal_invoice.webp') }}" alt="Normal Invoice">
</div>
<div class="missing-info">
<strong>❌ 会计师/审计师的反馈：</strong><br><br>
@@ -742,9 +749,7 @@
<div class="invoice-sample good">
<h3>✅ CIEF 完整货物明细 E-invoice</h3>
<div class="image-placeholder" style="border-color: #48bb78;">
<div class="icon">✅</div>
<p style="font-size: 1.2em; font-weight: 600; margin-bottom: 10px; color: #22543d;">CIEF E-invoice 示例图片</p>
<p style="font-size: 0.95em;">请在此处上传 CIEF E-invoice 截图</p>
<img src="{{ asset('images/cief_e_invoice.webp') }}" alt="CIEF E-invoice">
</div>
<div style="background: #f0fff4; color: #22543d; padding: 15px; border-radius: 8px; margin-top: 15px; border: 1px solid #48bb78;">
<strong>✅ 会计师/审计师的反馈：</strong><br><br>
@@ -984,41 +989,41 @@
<div style="background: white; padding: 25px; border-radius: 8px; border-left: 4px solid #48bb78;">
<h4 style="color: #48bb78; margin-bottom: 15px; font-size: 1.2em;">💡 CIEF vs WorldFirst：流程对比</h4>
<table style="width: 100%; border-collapse: collapse; margin-top: 15px;">
<table style="width: 100%; border-collapse: collapse; margin-top: 15px; border: 1px solid #e2e8f0;">
<tr style="border-bottom: 1px solid #e2e8f0;">
<th style="padding: 12px; text-align: left; color: #2d3748; width: 30%;">步骤</th>
<th style="padding: 12px; text-align: left; color: #2d3748;">WorldFirst 跨境宝</th>
<th style="padding: 12px; text-align: left; color: #2d3748;">CIEF 子账号</th>
<th style="padding: 12px; text-align: left; color: #2d3748; width: 30%; border: 1px solid #e2e8f0; background: #f7fafc;">步骤</th>
<th style="padding: 12px; text-align: left; color: #2d3748; border: 1px solid #e2e8f0; background: #f7fafc;">WorldFirst 跨境宝</th>
<th style="padding: 12px; text-align: left; color: #2d3748; border: 1px solid #e2e8f0; background: #f7fafc;">CIEF 子账号</th>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 12px; font-weight: 600;">1688账户</td>
<td style="padding: 12px; color: #c53030;">自己注册1688账户</td>
<td style="padding: 12px; color: #22543d;">✅ 我们提供子账号</td>
<td style="padding: 12px; font-weight: 600; border: 1px solid #e2e8f0;">1688账户</td>
<td style="padding: 12px; color: #c53030; border: 1px solid #e2e8f0;">自己注册1688账户</td>
<td style="padding: 12px; color: #22543d; border: 1px solid #e2e8f0;">✅ 我们提供子账号</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 12px; font-weight: 600;">Alipay</td>
<td style="padding: 12px; color: #c53030;">必须开户并绑定</td>
<td style="padding: 12px; color: #22543d;">✅ 完全不需要</td>
<td style="padding: 12px; font-weight: 600; border: 1px solid #e2e8f0;">Alipay</td>
<td style="padding: 12px; color: #c53030; border: 1px solid #e2e8f0;">必须开户并绑定</td>
<td style="padding: 12px; color: #22543d; border: 1px solid #e2e8f0;">✅ 完全不需要</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 12px; font-weight: 600;">下单</td>
<td style="padding: 12px;">用自己账号下单</td>
<td style="padding: 12px;">用子账号下单</td>
<td style="padding: 12px; font-weight: 600; border: 1px solid #e2e8f0;">下单</td>
<td style="padding: 12px; border: 1px solid #e2e8f0;">用自己账号下单</td>
<td style="padding: 12px; border: 1px solid #e2e8f0;">用子账号下单</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 12px; font-weight: 600;">结算</td>
<td style="padding: 12px;">付马币到WorldFirst</td>
<td style="padding: 12px;">付马币到CIEF</td>
<td style="padding: 12px; font-weight: 600; border: 1px solid #e2e8f0;">结算</td>
<td style="padding: 12px; border: 1px solid #e2e8f0;">付马币到WorldFirst</td>
<td style="padding: 12px; border: 1px solid #e2e8f0;">付马币到CIEF</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 12px; font-weight: 600;">付款</td>
<td style="padding: 12px;">Alipay自动扣款</td>
<td style="padding: 12px;">我们主账号付款</td>
<td style="padding: 12px; font-weight: 600; border: 1px solid #e2e8f0;">付款</td>
<td style="padding: 12px; border: 1px solid #e2e8f0;">Alipay自动扣款</td>
<td style="padding: 12px; border: 1px solid #e2e8f0;">我们主账号付款</td>
</tr>
<tr>
<td style="padding: 12px; font-weight: 600;">发票</td>
<td style="padding: 12px; color: #c53030;">汇款凭证（无货物明细）</td>
<td style="padding: 12px; color: #22543d;">✅ 完整E-invoice（逐项明细）</td>
<td style="padding: 12px; font-weight: 600; border: 1px solid #e2e8f0;">发票</td>
<td style="padding: 12px; color: #c53030; border: 1px solid #e2e8f0;">汇款凭证（无货物明细）</td>
<td style="padding: 12px; color: #22543d; border: 1px solid #e2e8f0;">✅ 完整E-invoice（逐项明细）</td>
</tr>
</table>
</div>
resources/views/pages/landing/en-1688-vip-landing-page-general-fb.blade.php
+95 -43
View File
@@ -303,7 +303,7 @@
background: #f7fafc;
border: 2px dashed #cbd5e0;
border-radius: 8px;
padding: 60px 20px;
padding: 20px;
text-align: center;
color: #718096;
min-height: 300px;
@@ -313,6 +313,13 @@
justify-content: center;
}
.image-placeholder img {
max-width: 100%;
height: auto;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.image-placeholder .icon {
font-size: 4em;
margin-bottom: 15px;
@@ -451,6 +458,55 @@
text-decoration: none;
}
/* Mobile Table Styles */
@media (max-width: 768px) {
/* Table mobile optimization */
table {
font-size: 0.85em !important;
min-width: 600px;
}
table th,
table td {
padding: 12px 8px !important;
font-size: 0.9em !important;
}
table th {
font-size: 0.95em !important;
min-width: 150px !important;
}
table td {
word-break: break-word;
}
table small {
font-size: 0.75em !important;
display: block;
margin-top: 4px;
}
}
@media (max-width: 480px) {
/* Extra small mobile - card layout suggestion */
table {
font-size: 0.8em !important;
min-width: 500px;
}
table th,
table td {
padding: 10px 6px !important;
font-size: 0.85em !important;
}
table th {
font-size: 0.9em !important;
min-width: 120px !important;
}
}
/* Responsive */
@media (max-width: 768px) {
.hero h1 {
@@ -506,7 +562,7 @@
</div>
</div>
<div style="background: rgba(255,255,255,0.15); padding: 25px; border-radius: 12px; max-width: 800px; margin: 30px auto; text-align: left;">
<div style="background: rgba(255,255,255,0.15); padding: 25px; border-radius: 12px; max-width: 800px; margin: 30px auto; text-align: center;">
<h3 style="margin-bottom: 20px; font-size: 1.3em;">💡 Why Choose CIEF Sub-Account Model?</h3>
<div style="font-size: 1.05em; line-height: 1.8;">
<p style="opacity: 0.95; margin-bottom: 15px;">
@@ -536,61 +592,61 @@
</p>
<div style="max-width: 1100px; margin: 0 auto;">
<div style="overflow-x: auto;">
<table style="width: 100%; border-collapse: collapse; background: white; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-radius: 12px; overflow: hidden;">
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch;">
<table style="width: 100%; border-collapse: collapse; background: white; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-radius: 12px; overflow: hidden; border: 2px solid #4a5568;">
<thead>
<tr>
<th style="padding: 20px; text-align: left; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff;">Service Features</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff;">Traditional Method</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #48bb78; color: #ffffff;">CIEF<br>Sub-Account Payment ⭐</th>
<th style="padding: 20px; text-align: left; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff; border: 1px solid #2d3748;">Service Features</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff; border: 1px solid #2d3748;">Traditional Method</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #48bb78; color: #ffffff; border: 1px solid #2d3748;">CIEF<br>Sub-Account Payment ⭐</th>
</tr>
</thead>
<tbody>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">1688 Account</td>
<td style="padding: 20px; text-align: center; color: #c53030;">Self-registration required</td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">We provide exclusive sub-account ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">1688 Account</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">Self-registration required</td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">We provide exclusive sub-account ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Alipay Account</td>
<td style="padding: 20px; text-align: center; color: #c53030;">Required<br><small style="color: #718096;">(Identity verification needed)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">Not required ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Alipay Account</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">Required<br><small style="color: #718096;">(Identity verification needed)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">Not required ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Payment Method</td>
<td style="padding: 20px; text-align: center;">Bind Alipay for auto-deduction</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">We pay through main account ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Payment Method</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">Bind Alipay for auto-deduction</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">We pay through main account ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Payment Limits</td>
<td style="padding: 20px; text-align: center;">Unlimited</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">Unlimited ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Payment Limits</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">Unlimited</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">Unlimited ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Invoice Type</td>
<td style="padding: 20px; text-align: center; color: #c53030;">Payment receipt<br><small style="color: #718096;">(No goods details)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">Complete E-invoice<br><small style="color: #22543d;">(Itemized goods details)</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Invoice Type</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">Payment receipt<br><small style="color: #718096;">(No goods details)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">Complete E-invoice<br><small style="color: #22543d;">(Itemized goods details)</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Stock-in Capability</td>
<td style="padding: 20px; text-align: center; color: #c53030;">No<br><small style="color: #718096;">(Missing goods details)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">Yes<br><small style="color: #22543d;">Direct accounting entry</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Stock-in Capability</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">No<br><small style="color: #718096;">(Missing goods details)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">Yes<br><small style="color: #22543d;">Direct accounting entry</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">2026 E-invoice Compliance</td>
<td style="padding: 20px; text-align: center; color: #c53030;">Non-compliant<br><small style="color: #718096;">(Missing complete transaction info)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">Fully compliant<br><small style="color: #22543d;">Auditor approved</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">2026 E-invoice Compliance</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">Non-compliant<br><small style="color: #718096;">(Missing complete transaction info)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">Fully compliant<br><small style="color: #22543d;">Auditor approved</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Logistics Service</td>
<td style="padding: 20px; text-align: center;">Not provided<br><small style="color: #718096;">(Need separate forwarder)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">One-stop<br><small style="color: #22543d;">Payment + Logistics all-in-one</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Logistics Service</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">Not provided<br><small style="color: #718096;">(Need separate forwarder)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">One-stop<br><small style="color: #22543d;">Payment + Logistics all-in-one</small> ✅</td>
</tr>
<tr>
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Customer Support</td>
<td style="padding: 20px; text-align: center;">English/Chinese</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">Chinese/English/Malay<br><small style="color: #22543d;">Local team</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Customer Support</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">English/Chinese</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">Chinese/English/Malay<br><small style="color: #22543d;">Local team</small> ✅</td>
</tr>
</tbody>
</table>
@@ -715,9 +771,7 @@
<div class="invoice-sample bad">
<h3>❌ Regular Payment Receipt (Cannot Use)</h3>
<div class="image-placeholder">
<div class="icon">📄</div>
<p style="font-size: 1.2em; font-weight: 600; margin-bottom: 10px;">Payment Receipt Example Image</p>
<p style="font-size: 0.95em;">Upload payment receipt screenshot here</p>
<img src="{{ asset('images/normal_invoice.webp') }}" alt="Normal Invoice">
</div>
<div class="missing-info">
<strong>❌ Accountant/Auditor Feedback:</strong><br><br>
@@ -736,9 +790,7 @@
<div class="invoice-sample good">
<h3>✅ CIEF Complete Itemized Goods E-invoice</h3>
<div class="image-placeholder" style="border-color: #48bb78;">
<div class="icon">✅</div>
<p style="font-size: 1.2em; font-weight: 600; margin-bottom: 10px; color: #22543d;">CIEF E-invoice Example Image</p>
<p style="font-size: 0.95em;">Upload CIEF E-invoice screenshot here</p>
<img src="{{ asset('images/cief_e_invoice.webp') }}" alt="CIEF E-invoice">
</div>
<div style="background: #f0fff4; color: #22543d; padding: 15px; border-radius: 8px; margin-top: 15px; border: 1px solid #48bb78;">
<strong>✅ Accountant/Auditor Feedback:</strong><br><br>
@@ -905,7 +957,7 @@
<div class="step">
<div class="step-number">3</div>
<h3>Place Orders</h3>
<p>Use our sub-account<br>Browse and order on 1688<br>Choose "Escrow Payment"</p>
<p>Use our sub-account<br>Browse and order on 1688<br>Choose "Payment"</p>
</div>
<div class="step">
@@ -948,7 +1000,7 @@
<li>Log in to www.1688.com using CIEF-provided sub-account</li>
<li>Browse products, add to shopping cart</li>
<li>Confirm order information and delivery address (our China warehouse address)</li>
<li>Submit order, choose "Escrow Payment" payment method</li>
<li>Submit order, choose "Payment" payment method</li>
<li>If red envelope discounts appear, note that this service does not support using red envelopes</li>
</ol>
</div>
@@ -995,7 +1047,7 @@
<ul style="color: #4a5568; line-height: 2; padding-left: 20px; font-size: 0.95em;">
<li>1688 platform red envelope discounts cannot be used in this service</li>
<li>Before ordering, please check prohibited goods list to avoid warehouse rejection</li>
<li>When "Escrow Payment" option appears on payment page, must select it</li>
<li>When "Payment" option appears on payment page, must select it</li>
<li>If supplier doesn't receive payment, contact us within 14 working days</li>
</ul>
</div>
resources/views/pages/landing/en-1688-vip-landing-page-general-google.blade.php
+95 -43
View File
@@ -303,7 +303,7 @@
background: #f7fafc;
border: 2px dashed #cbd5e0;
border-radius: 8px;
padding: 60px 20px;
padding: 20px;
text-align: center;
color: #718096;
min-height: 300px;
@@ -313,6 +313,13 @@
justify-content: center;
}
.image-placeholder img {
max-width: 100%;
height: auto;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.image-placeholder .icon {
font-size: 4em;
margin-bottom: 15px;
@@ -452,6 +459,55 @@
}
/* Responsive */
/* Mobile Table Styles */
@media (max-width: 768px) {
/* Table mobile optimization */
table {
font-size: 0.85em !important;
min-width: 600px;
}
table th,
table td {
padding: 12px 8px !important;
font-size: 0.9em !important;
}
table th {
font-size: 0.95em !important;
min-width: 150px !important;
}
table td {
word-break: break-word;
}
table small {
font-size: 0.75em !important;
display: block;
margin-top: 4px;
}
}
@media (max-width: 480px) {
/* Extra small mobile - card layout suggestion */
table {
font-size: 0.8em !important;
min-width: 500px;
}
table th,
table td {
padding: 10px 6px !important;
font-size: 0.85em !important;
}
table th {
font-size: 0.9em !important;
min-width: 120px !important;
}
}
@media (max-width: 768px) {
.hero h1 {
font-size: 1.8em;
@@ -506,7 +562,7 @@
</div>
</div>
<div style="background: rgba(255,255,255,0.15); padding: 25px; border-radius: 12px; max-width: 800px; margin: 30px auto; text-align: left;">
<div style="background: rgba(255,255,255,0.15); padding: 25px; border-radius: 12px; max-width: 800px; margin: 30px auto; text-align: center;">
<h3 style="margin-bottom: 20px; font-size: 1.3em;">💡 Why Choose CIEF Sub-Account Model?</h3>
<div style="font-size: 1.05em; line-height: 1.8;">
<p style="opacity: 0.95; margin-bottom: 15px;">
@@ -536,61 +592,61 @@
</p>
<div style="max-width: 1100px; margin: 0 auto;">
<div style="overflow-x: auto;">
<table style="width: 100%; border-collapse: collapse; background: white; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-radius: 12px; overflow: hidden;">
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch;">
<table style="width: 100%; border-collapse: collapse; background: white; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-radius: 12px; overflow: hidden; border: 2px solid #4a5568;">
<thead>
<tr>
<th style="padding: 20px; text-align: left; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff;">Service Features</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff;">Traditional Method</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #48bb78; color: #ffffff;">CIEF<br>Sub-Account Payment ⭐</th>
<th style="padding: 20px; text-align: left; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff; border: 1px solid #2d3748;">Service Features</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #4a5568; color: #ffffff; border: 1px solid #2d3748;">Traditional Method</th>
<th style="padding: 20px; text-align: center; font-size: 1.1em; min-width: 200px; font-weight: 700; background: #48bb78; color: #ffffff; border: 1px solid #2d3748;">CIEF<br>Sub-Account Payment ⭐</th>
</tr>
</thead>
<tbody>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">1688 Account</td>
<td style="padding: 20px; text-align: center; color: #c53030;">Self-registration required</td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">We provide exclusive sub-account ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">1688 Account</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">Self-registration required</td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">We provide exclusive sub-account ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Alipay Account</td>
<td style="padding: 20px; text-align: center; color: #c53030;">Required<br><small style="color: #718096;">(Identity verification needed)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">Not required ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Alipay Account</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">Required<br><small style="color: #718096;">(Identity verification needed)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">Not required ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Payment Method</td>
<td style="padding: 20px; text-align: center;">Bind Alipay for auto-deduction</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">We pay through main account ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Payment Method</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">Bind Alipay for auto-deduction</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">We pay through main account ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Payment Limits</td>
<td style="padding: 20px; text-align: center;">Unlimited</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">Unlimited ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Payment Limits</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">Unlimited</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">Unlimited ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Invoice Type</td>
<td style="padding: 20px; text-align: center; color: #c53030;">Payment receipt<br><small style="color: #718096;">(No goods details)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">Complete E-invoice<br><small style="color: #22543d;">(Itemized goods details)</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Invoice Type</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">Payment receipt<br><small style="color: #718096;">(No goods details)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">Complete E-invoice<br><small style="color: #22543d;">(Itemized goods details)</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Stock-in Capability</td>
<td style="padding: 20px; text-align: center; color: #c53030;">No<br><small style="color: #718096;">(Missing goods details)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">Yes<br><small style="color: #22543d;">Direct accounting entry</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Stock-in Capability</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">No<br><small style="color: #718096;">(Missing goods details)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">Yes<br><small style="color: #22543d;">Direct accounting entry</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">2026 E-invoice Compliance</td>
<td style="padding: 20px; text-align: center; color: #c53030;">Non-compliant<br><small style="color: #718096;">(Missing complete transaction info)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">Fully compliant<br><small style="color: #22543d;">Auditor approved</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">2026 E-invoice Compliance</td>
<td style="padding: 20px; text-align: center; color: #c53030; border: 1px solid #e2e8f0;">Non-compliant<br><small style="color: #718096;">(Missing complete transaction info)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">Fully compliant<br><small style="color: #22543d;">Auditor approved</small> ✅</td>
</tr>
<tr style="border-bottom: 1px solid #e2e8f0;">
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Logistics Service</td>
<td style="padding: 20px; text-align: center;">Not provided<br><small style="color: #718096;">(Need separate forwarder)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600;">One-stop<br><small style="color: #22543d;">Payment + Logistics all-in-one</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Logistics Service</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">Not provided<br><small style="color: #718096;">(Need separate forwarder)</small></td>
<td style="padding: 20px; text-align: center; color: #22543d; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">One-stop<br><small style="color: #22543d;">Payment + Logistics all-in-one</small> ✅</td>
</tr>
<tr>
<td style="padding: 20px; font-weight: 600; color: #2d3748;">Customer Support</td>
<td style="padding: 20px; text-align: center;">English/Chinese</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600;">Chinese/English/Malay<br><small style="color: #22543d;">Local team</small> ✅</td>
<td style="padding: 20px; font-weight: 600; color: #2d3748; border: 1px solid #e2e8f0;">Customer Support</td>
<td style="padding: 20px; text-align: center; border: 1px solid #e2e8f0;">English/Chinese</td>
<td style="padding: 20px; text-align: center; background: #f0fff4; font-weight: 600; border: 1px solid #c6f6d5;">Chinese/English/Malay<br><small style="color: #22543d;">Local team</small> ✅</td>
</tr>
</tbody>
</table>
@@ -715,9 +771,7 @@
<div class="invoice-sample bad">
<h3>❌ Regular Payment Receipt (Cannot Use)</h3>
<div class="image-placeholder">
<div class="icon">📄</div>
<p style="font-size: 1.2em; font-weight: 600; margin-bottom: 10px;">Payment Receipt Example Image</p>
<p style="font-size: 0.95em;">Upload payment receipt screenshot here</p>
<img src="{{ asset('images/normal_invoice.webp') }}" alt="Normal Invoice">
</div>
<div class="missing-info">
<strong>❌ Accountant/Auditor Feedback:</strong><br><br>
@@ -736,9 +790,7 @@
<div class="invoice-sample good">
<h3>✅ CIEF Complete Itemized Goods E-invoice</h3>
<div class="image-placeholder" style="border-color: #48bb78;">
<div class="icon">✅</div>
<p style="font-size: 1.2em; font-weight: 600; margin-bottom: 10px; color: #22543d;">CIEF E-invoice Example Image</p>
<p style="font-size: 0.95em;">Upload CIEF E-invoice screenshot here</p>
<img src="{{ asset('images/cief_e_invoice.webp') }}" alt="CIEF E-invoice">
</div>
<div style="background: #f0fff4; color: #22543d; padding: 15px; border-radius: 8px; margin-top: 15px; border: 1px solid #48bb78;">
<strong>✅ Accountant/Auditor Feedback:</strong><br><br>
@@ -905,7 +957,7 @@
<div class="step">
<div class="step-number">3</div>
<h3>Place Orders</h3>
<p>Use our sub-account<br>Browse and order on 1688<br>Choose "Escrow Payment"</p>
<p>Use our sub-account<br>Browse and order on 1688<br>Choose "Payment"</p>
</div>
<div class="step">
@@ -948,7 +1000,7 @@
<li>Log in to www.1688.com using CIEF-provided sub-account</li>
<li>Browse products, add to shopping cart</li>
<li>Confirm order information and delivery address (our China warehouse address)</li>
<li>Submit order, choose "Escrow Payment" payment method</li>
<li>Submit order, choose "Payment" payment method</li>
<li>If red envelope discounts appear, note that this service does not support using red envelopes</li>
</ol>
</div>
@@ -995,7 +1047,7 @@
<ul style="color: #4a5568; line-height: 2; padding-left: 20px; font-size: 0.95em;">
<li>1688 platform red envelope discounts cannot be used in this service</li>
<li>Before ordering, please check prohibited goods list to avoid warehouse rejection</li>
<li>When "Escrow Payment" option appears on payment page, must select it</li>
<li>When "Payment" option appears on payment page, must select it</li>
<li>If supplier doesn't receive payment, contact us within 14 working days</li>
</ul>
</div>