WhatsApp 外贸增长实战指南 · 02

客户要产品、要价格？
就在这个会话里完成 #

买家问价是最常见的会话内容，也最容易卡住。这一步要做的事：把产品卡和报价单都留在同一个会话里发出去，不让客户等。

约 6 分钟读完2 个操作步骤产品卡 + 在线报价

开始阅读 了解 Xorder 增长系统

AL买手 · Alex
WhatsApp · 已同步到后台

I need 500 pcs of the 20oz tumbler. What’s your best price?

Here is the product card — sending you a quotation right away.

AI 建议回复可从会话里提取采购需求，直接带进报价单。

产品报价AI

真实场景

「500 支，什么价？」 #

I need 500 pcs of the 20oz tumbler. What's your best price?

老客户在会话里直接抛来数量和型号，还顺手补了一句：「如果价格合适，下周就能确认订单。」这句话背后其实只有两个问题 —— 是哪款产品，以及这个量级什么价。客户已经进入采购节奏，等的是答案。

传统做法的问题

客户在等报价，你在几个系统之间来回切 #

查产品、算价格、出条款本来是三件事，在传统做法里这三件事分在三个地方。

查产品要切后台 #

客户问型号、问规格，先得离开会话去产品库里翻，翻完再回来接着说。

做报价要开表格 #

数量拆价、贸易条款、有效期、付款方式，一格一格填完还要再核对一遍。

发出去还要等 #

导出、上传、再切回聊天窗口发送 —— 等回复发出去，客户已经在问下一家了。

现在可以怎样做

在客户问价的地方，把答案给出去 #

不用改变客户习惯，也不用让业务员在系统之间搬运信息：产品卡和报价单都在会话工具栏里，点两下就能发出去。

1客户问产品与价格

在会话里说明型号、数量或采购需求。

2发送产品卡

搜索产品并多选发送，客户对着图片确认款式。

3选择报价产品

搜索 SKU，或直接从会话里提取采购需求。

4编辑报价

填数量、定价方式，设置有效期、条款、付款方式与交期。

5发送报价链接

客户在 WhatsApp 里收到一条可以打开的报价单。

Xorder 操作演示

两步把产品与价格发出去 #

工具栏常驻在会话下方。前五个是业务操作，文件和模板是沟通辅助，AI 是综合智能入口 —— 本篇用到的是「产品」和「报价」。

产品

发送产品卡

XR

在线定制

报价

生成报价

订单

创建订单

样品

样品交易

文件

发送附件

模板

常用话术

AI

智能入口

业务操作沟通辅助综合智能入口

01

发送产品 #

操作目的

让客户先确认是哪一款，避免型号说岔。

你要做的

点「产品」，按名称 / 型号 / SKU 搜索，可多选，可附最多 600 字文案，然后发送。

系统会怎样

会话里生成产品卡，客户点开可查看产品详情。

多选发送相当于把一页产品目录直接发到会话里；附带文案可以写成「这款产品适合您的市场，欢迎查看详情」。

02

创建并发送报价 #

操作目的

在同一个会话里给出价格与条款，不让客户等邮件。

你要做的

点「报价」→ 选择产品（可点「从会话提取采购需求」）→ 填数量与条款 → 预览 → 生成并发送链接。

系统会怎样

生成报价单页并把链接发到会话里，客户点开即可查看。

1选择产品

搜索产品或 SKU，也可以点「从会话提取采购需求」，把聊天里提到的产品直接带出来。

2编辑报价

填写数量、定价方式与单价，并设置报价有效期、贸易条款、付款方式、预计交期与备注。

3预览发送

核对报价单内容后点「生成并发送链接」，客户会在 WhatsApp 中收到报价链接。

发送前核对一次报价信息报价有效期、贸易条款、付款方式与客户可见备注都会随报价链接展示给客户；内部备注不会展示。

真正改变了什么

从一句问价，到一条可以打开的报价 #

产品看得见

产品卡带着图片和参数发过去，客户对着实物确认款式，比来回描述型号准确得多。

报价不用等

数量、条款、有效期都在会话内填完，客户当场收到报价链接，不必再等一封邮件。

需求不用来回问

「从会话提取采购需求」把客户提到的产品直接带进报价单，少一轮确认。

下一篇 · 03客户想定制？在 WhatsApp 里让产品先成型价格谈得下去之后，很多订单会走到「改颜色、加 logo」这一步。

让报价不再卡在系统切换上 #

产品库、报价单和客户会话在同一套系统里，业务员少切一次地方，客户就少等一会儿。

免费体验 Xorder查看 XR 在线定制

相关文档

继续了解 #

WhatsApp 里的生意，为什么不应该在成交时重新开始？从平台交易到自有交易体系的观察→后台创建订单教程业务员在后台直接创建订单并通知客户付款→在线订单处理教程收款与物流履约的处理流程→

#xw-tut{–ink:#0B1F35;–ink2:#14304C;–green:#12B76A;–green-d:#0A8F52;–green-l:#E9F8F0; –wa:#25D366;–bg:#F5F8FC;–card:#FFFFFF;–line:#E4EBF3;–tx:#0C1A28;–mut:#5C6E80;–amber:#B45309;–amber-l:#FEF6E7; box-sizing:border-box;max-width:1080px;margin:0 auto;padding:0 4px;color:var(–tx); font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,”PingFang SC”,”Hiragino Sans GB”,”Microsoft YaHei”,sans-serif; font-size:16.5px;line-height:1.78;-webkit-font-smoothing:antialiased}#xw-tut *, #xw-tut *::before, #xw-tut *::after{box-sizing:border-box}#xw-tut p{margin:0 0 14px;color:inherit}#xw-tut ul{margin:0 0 14px;padding-left:0;list-style:none}#xw-tut li{position:relative;padding-left:26px;margin-bottom:9px}#xw-tut li::before{content:””;position:absolute;left:6px;top:.72em;width:7px;height:7px;border-radius:2px; background:var(–green);transform:rotate(45deg)}#xw-tut strong{font-weight:600;color:var(–tx)}#xw-tut a{color:var(–green-d);text-decoration:none;border-bottom:1px solid rgba(18,183,106,.35)}#xw-tut a:hover{border-bottom-color:var(–green-d)}#xw-tut h2, #xw-tut h3, #xw-tut h4{margin:0;line-height:1.35;letter-spacing:-.01em;font-weight:650;color:inherit}#xw-tut img{max-width:100%;height:auto;display:block}#xw-tut svg.xw-i{width:1em;height:1em;flex:none}#xw-tut /* ———- hero ———- */ .xw-hero{position:relative;overflow:hidden;border-radius:24px;margin:0 0 44px; background:linear-gradient(135deg,#0B1F35 0%,#102A45 52%,#0C2138 100%); padding:52px 48px 48px;color:#fff;box-shadow:0 24px 60px -28px rgba(11,31,53,.55)}#xw-tut .xw-hero::before{content:””;position:absolute;width:520px;height:520px;right:-160px;top:-220px;border-radius:50%; background:radial-gradient(circle,rgba(18,183,106,.42),rgba(18,183,106,0) 68%)}#xw-tut .xw-hero::after{content:””;position:absolute;inset:0; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:46px 46px;mask-image:linear-gradient(115deg,transparent 32%,#000 100%); -webkit-mask-image:linear-gradient(115deg,transparent 32%,#000 100%)}#xw-tut .xw-hero>*{position:relative;z-index:1}#xw-tut .xw-hero__grid{display:flex;flex-wrap:wrap;gap:38px;align-items:center}#xw-tut .xw-hero__txt{flex:2 1 360px;min-width:min(100%,340px)}#xw-tut .xw-brand{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.14em; text-transform:uppercase;color:rgba(255,255,255,.72);background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14);padding:7px 14px;border-radius:999px;margin-bottom:22px}#xw-tut .xw-brand .xw-dot{width:7px;height:7px;border-radius:50%;background:var(–wa);box-shadow:0 0 0 4px rgba(37,211,102,.22)}#xw-tut .xw-hero h1, #xw-tut .xw-hero .xw-hero__h1{font-size:clamp(25px,3.1vw,38px);font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.2;margin-bottom:18px}#xw-tut .xw-hero h1 em, #xw-tut .xw-hero .xw-hero__h1 em{font-style:normal;font-weight:700;color:#4ADE9B}#xw-tut .xw-hero__lead{font-size:16.5px;line-height:1.8;color:rgba(255,255,255,.76);max-width:560px;margin-bottom:26px}#xw-tut .xw-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}#xw-tut .xw-meta span{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:rgba(255,255,255,.8); background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:7px 13px;border-radius:9px}#xw-tut .xw-meta svg{color:#4ADE9B}#xw-tut .xw-cta{display:flex;flex-wrap:wrap;gap:12px}#xw-tut .xw-btn{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600;padding:13px 22px; border-radius:11px;border:1px solid transparent;transition:.18s;cursor:pointer}#xw-tut .xw-btn–p{background:var(–green);color:#04231A;box-shadow:0 12px 26px -12px rgba(18,183,106,.85)}#xw-tut .xw-btn–p:hover{background:#19c876;transform:translateY(-1px)}#xw-tut .xw-btn–g{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.2)}#xw-tut .xw-btn–g:hover{background:rgba(255,255,255,.14)}#xw-tut a.xw-btn{border-bottom:none}#xw-tut .xw-mock{flex:1 1 300px;min-width:min(100%,300px);background:#fff;border-radius:18px;padding:18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6); border:1px solid rgba(255,255,255,.5)}#xw-tut .xw-mock__top{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #EDF1F6;margin-bottom:14px}#xw-tut .xw-mock__av{width:32px;height:32px;border-radius:50%;background:var(–green-l);color:var(–green-d); display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}#xw-tut .xw-mock__nm{font-size:13.5px;font-weight:600;color:#12293F}#xw-tut .xw-mock__st{font-size:11.5px;color:#7E8C9B}#xw-tut .xw-mock__wa{margin-left:auto;color:var(–wa)}#xw-tut .xw-b{font-size:12.6px;line-height:1.6;padding:9px 13px;border-radius:12px;margin-bottom:9px;max-width:88%}#xw-tut .xw-b–in{background:#F3F6FA;color:#31465A;border-top-left-radius:4px}#xw-tut .xw-b–out{background:#E7F9EF;color:#0C3B26;margin-left:auto;border-top-right-radius:4px}#xw-tut .xw-b–ai{background:#F7FBF9;border:1px dashed #B7E6CD;color:#22513B;font-size:12.2px;max-width:100%}#xw-tut .xw-b–ai b{display:flex;align-items:center;gap:6px;color:var(–green-d);font-size:11.5px;font-weight:600;margin-bottom:5px}#xw-tut .xw-mock__bar{display:flex;align-items:center;gap:8px;margin-top:12px}#xw-tut .xw-chip{font-size:11.5px;font-weight:600;padding:6px 10px;border-radius:7px;border:1px solid var(–line);color:#3B5166;background:#fff;white-space:nowrap}#xw-tut .xw-chip–g{color:var(–green-d);border-color:#BCE7D0;background:#F2FBF6}#xw-tut .xw-mock__in{flex:1;height:32px;border-radius:8px;border:1px solid var(–line);background:#FAFCFE}#xw-tut /* ———- generic ———- */ .xw-sec{margin-bottom:52px}#xw-tut .xw-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.1em; text-transform:uppercase;color:var(–green-d);margin-bottom:12px}#xw-tut .xw-eyebrow::before{content:””;width:20px;height:2px;border-radius:2px;background:var(–green)}#xw-tut .xw-h2{font-size:clamp(21px,2.3vw,27px);font-weight:700;margin-bottom:10px}#xw-tut .xw-sub{color:var(–mut);font-size:15.5px;max-width:780px;margin-bottom:26px}#xw-tut .xw-grid{display:grid;gap:18px}#xw-tut .xw-g3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}#xw-tut .xw-g2{grid-template-columns:repeat(2,1fr)}#xw-tut .xw-card{background:var(–card);border:1px solid var(–line);border-radius:16px;padding:24px; box-shadow:0 1px 2px rgba(13,27,42,.03)}#xw-tut .xw-card h3{font-size:16.5px;font-weight:650;margin-bottom:8px}#xw-tut .xw-card p{margin:0;color:var(–mut);font-size:14.6px;line-height:1.72}#xw-tut .xw-icobox{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center; font-size:20px;margin-bottom:15px;background:var(–green-l);color:var(–green-d)}#xw-tut .xw-icobox svg{width:21px;height:21px}#xw-tut .xw-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(208px,1fr));background:var(–card);border:1px solid var(–line); border-radius:16px;overflow:hidden}#xw-tut .xw-flow__it{padding:22px 20px;border-right:1px solid var(–line)}#xw-tut .xw-flow__it:last-child{border-right:none}#xw-tut .xw-flow__n{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(–green-d);margin-bottom:8px}#xw-tut .xw-flow__t{font-size:15.5px;font-weight:650;margin-bottom:6px}#xw-tut .xw-flow__d{font-size:13.4px;color:var(–mut);line-height:1.6}#xw-tut /* ———- steps ———- */ .xw-steps{position:relative}#xw-tut .xw-step{position:relative;padding:0 0 34px 62px;border-left:2px solid #E8EEF6;margin-left:19px}#xw-tut .xw-step:last-child{border-left-color:transparent;padding-bottom:0}#xw-tut .xw-step__no{position:absolute;left:-20px;top:0;width:38px;height:38px;border-radius:11px;background:var(–ink); color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700; box-shadow:0 8px 18px -8px rgba(11,31,53,.6)}#xw-tut .xw-step__h{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;padding-top:6px}#xw-tut .xw-step__h h3{font-size:18.5px;font-weight:680}#xw-tut .xw-step__body{padding-top:6px}#xw-tut .xw-path{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13px;font-weight:600; color:#1E4B33;background:var(–green-l);border:1px solid #C7EBD8;padding:7px 12px;border-radius:9px;margin:4px 0 14px}#xw-tut .xw-path svg{color:var(–green-d)}#xw-tut .xw-path i{font-style:normal;color:#5E8E77;font-weight:500}#xw-tut .xw-fig{margin:18px 0 0;background:#F8FAFC;border:1px solid var(–line);border-radius:14px;padding:14px}#xw-tut .xw-fig img{border-radius:9px;width:auto;max-width:100%;margin:0 auto;border:1px solid #E9EFF6;background:#fff}#xw-tut .xw-fig–sm{max-width:268px;margin-left:0}#xw-tut .xw-fig–sm img{margin:0}#xw-tut .xw-fig figcaption{font-size:13px;color:var(–mut);margin-top:11px;display:flex;gap:8px;align-items:flex-start;line-height:1.6}#xw-tut .xw-fig figcaption::before{content:””;width:3px;border-radius:3px;background:var(–green);flex:none;align-self:stretch}#xw-tut .xw-figs{display:grid;gap:14px;margin-top:18px}#xw-tut .xw-figs–2{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}#xw-tut .xw-figs .xw-fig{margin:0}#xw-tut .xw-note{display:flex;gap:13px;border-radius:13px;padding:16px 18px;margin:16px 0 0;font-size:14.6px;line-height:1.72}#xw-tut .xw-note svg{width:19px;height:19px;flex:none;margin-top:3px}#xw-tut .xw-note p{margin:0}#xw-tut .xw-note b{display:block;font-weight:650;margin-bottom:3px}#xw-tut .xw-note–tip{background:var(–green-l);border:1px solid #C7EBD8;color:#1C4B35}#xw-tut .xw-note–tip svg{color:var(–green-d)}#xw-tut .xw-note–warn{background:var(–amber-l);border:1px solid #F5DFB7;color:#6B4708}#xw-tut .xw-note–warn svg{color:var(–amber)}#xw-tut .xw-note–info{background:#EEF5FE;border:1px solid #D3E4FA;color:#1B4374}#xw-tut .xw-note–info svg{color:#2563EB}#xw-tut .xw-cmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:16px;margin-top:8px}#xw-tut .xw-cmp__c{background:#fff;border:1px solid var(–line);border-radius:16px;padding:22px}#xw-tut .xw-cmp__c–best{border-color:#B7E6CD;box-shadow:0 0 0 3px rgba(18,183,106,.1)}#xw-tut .xw-tag{display:inline-block;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:6px;margin-bottom:12px}#xw-tut .xw-tag–g{background:var(–green);color:#fff}#xw-tut .xw-tag–n{background:#EEF2F7;color:#5C6E80}#xw-tut .xw-cmp__c h4{font-size:16.5px;font-weight:650;margin-bottom:8px}#xw-tut .xw-cmp__c>p{font-size:14.4px;color:var(–mut);margin-bottom:14px}#xw-tut .xw-mini{display:flex;gap:10px;flex-wrap:wrap}#xw-tut .xw-mini span{font-size:12.6px;font-weight:600;color:#33506B;background:#F4F7FB;border-radius:8px;padding:7px 11px}#xw-tut .xw-mini span b{color:var(–green-d);margin-right:5px}#xw-tut .xw-cmp__f{font-size:13.4px;color:#7A8A9A;margin:12px 0 0}#xw-tut .xw-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px;margin:6px 0 18px}#xw-tut .xw-bar__i{background:#fff;border:1px solid var(–line);border-radius:14px;padding:16px 12px;text-align:center}#xw-tut .xw-bar__i svg{width:22px;height:22px;color:var(–ink2);margin-bottom:9px}#xw-tut .xw-bar__i div{font-size:14px;font-weight:600}#xw-tut .xw-bar__i small{display:block;font-size:11.5px;color:#8A99A8;margin-top:3px}#xw-tut .xw-bar__i–biz{background:#FBFDFF;border-color:#D9E7F5}#xw-tut .xw-bar__i–ai{background:linear-gradient(160deg,#F2FBF6,#EAF7F1);border-color:#C7EBD8}#xw-tut .xw-bar__i–ai svg{color:var(–green-d)}#xw-tut .xw-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:13.2px;color:var(–mut)}#xw-tut .xw-legend span{display:inline-flex;align-items:center;gap:7px}#xw-tut .xw-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}#xw-tut .xw-sub3{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:14px;margin:16px 0 0}#xw-tut .xw-sub3 div{background:#fff;border:1px solid var(–line);border-radius:13px;padding:16px 18px}#xw-tut .xw-sub3 b{display:flex;align-items:center;gap:9px;font-size:14.6px;font-weight:650;margin-bottom:6px}#xw-tut .xw-sub3 b i{width:21px;height:21px;border-radius:6px;background:var(–green-l);color:var(–green-d); font-style:normal;font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center}#xw-tut .xw-sub3 p{margin:0;font-size:13.5px;color:var(–mut);line-height:1.65}#xw-tut .xw-sw{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 0}#xw-tut .xw-sw span{font-size:13px;padding:8px 13px;border-radius:9px;background:#fff;border:1px solid var(–line);color:#3B5166}#xw-tut .xw-sw span.on{background:var(–green-l);border-color:#BCE7D0;color:#1C4B35;font-weight:600}#xw-tut .xw-sw span.off{color:#93A2B1;border-style:dashed}#xw-tut .xw-end{background:linear-gradient(135deg,#0B1F35,#123152);border-radius:22px;padding:44px 42px;color:#fff; text-align:center;margin-top:12px}#xw-tut .xw-end h3{font-size:clamp(19px,2vw,24px);font-weight:700;margin-bottom:12px}#xw-tut .xw-end p{color:rgba(255,255,255,.74);max-width:620px;margin:0 auto 26px;font-size:15.4px}#xw-tut .xw-end .xw-cta{justify-content:center}#xw-tut .xw-rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:12px}#xw-tut .xw-rel a{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(–line);border-radius:13px; padding:16px 18px;border-bottom:1px solid var(–line);transition:.16s}#xw-tut .xw-rel a:hover{border-color:#BCE7D0;background:#FBFEFC;transform:translateY(-1px)}#xw-tut .xw-rel svg{width:19px;height:19px;color:var(–green-d);flex:none}#xw-tut .xw-rel b{font-size:14.8px;font-weight:600;color:var(–tx);flex:1}#xw-tut .xw-rel small{display:block;font-weight:400;font-size:12.8px;color:#7A8A9A;margin-top:2px}#xw-tut .xw-rel span{color:#A3B0BD;font-size:15px} @media (max-width:960px){#xw-tut .xw-hero{padding:40px 30px}#xw-tut .xw-bar{grid-template-columns:repeat(2,1fr)}#xw-tut .xw-flow{grid-template-columns:repeat(2,1fr)}#xw-tut .xw-flow__it:nth-child(2){border-right:none}#xw-tut .xw-flow__it:nth-child(-n+2){border-bottom:1px solid var(–line)} } @media (max-width:640px){#xw-tut{font-size:15.6px}#xw-tut .xw-hero{padding:30px 20px;border-radius:18px}#xw-tut .xw-hero__lead{font-size:15.4px}#xw-tut .xw-meta span{font-size:12.6px}#xw-tut .xw-btn{width:100%;justify-content:center}#xw-tut .xw-g3, #xw-tut .xw-g2, #xw-tut .xw-cmp, #xw-tut .xw-figs–2, #xw-tut .xw-bar, #xw-tut .xw-sub3, #xw-tut .xw-flow, #xw-tut .xw-rel{grid-template-columns:1fr}#xw-tut .xw-flow__it{border-right:none;border-bottom:1px solid var(–line)}#xw-tut .xw-flow__it:last-child{border-bottom:none}#xw-tut .xw-step{padding-left:44px;margin-left:16px}#xw-tut .xw-step__no{width:32px;height:32px;left:-17px;font-size:13px;border-radius:9px}#xw-tut .xw-end{padding:32px 22px}#xw-tut .xw-card{padding:19px}#xw-tut .xw-fig{padding:10px}#xw-tut .xw-fig–sm{max-width:100%}#xw-tut .xw-sub4{grid-template-columns:1fr}#xw-tut .xw-essence{flex-direction:column;gap:14px;padding:22px 20px} }#xw-tut /* ———- series nav ———- */ .xw-series{background:#fff;border:1px solid var(–line);border-radius:16px;padding:18px 20px;margin:0 0 36px}#xw-tut .xw-series__t{display:block;font-size:12.2px;font-weight:700;letter-spacing:.09em;text-transform:uppercase; color:var(–mut);margin-bottom:13px}#xw-tut .xw-series__list{display:flex;flex-wrap:wrap;gap:8px}#xw-tut .xw-series__list a, #xw-tut .xw-series__list span{display:inline-flex;align-items:center;gap:8px;font-size:13.4px;font-weight:600; padding:9px 13px;border-radius:10px;border:1px solid var(–line);background:#fff;color:#3B5166; text-decoration:none;border-bottom:1px solid var(–line);transition:.16s}#xw-tut .xw-series__list a:hover{border-color:#BCE7D0;background:#F6FDF9;color:#1C4B35;transform:translateY(-1px)}#xw-tut .xw-series__list b{font-weight:800;font-size:11.4px;letter-spacing:.03em;color:var(–green-d); background:var(–green-l);border-radius:6px;padding:2px 6px}#xw-tut .xw-series__list .is-on{background:var(–ink);border-color:var(–ink);color:#fff}#xw-tut .xw-series__list .is-on b{background:rgba(255,255,255,.16);color:#7BEFB4}#xw-tut .xw-series__list .is-soon{color:#A9B6C3;border-style:dashed;background:#FBFCFE}#xw-tut .xw-series__list .is-soon b{background:#F1F4F8;color:#A9B6C3}#xw-tut /* ———- next / prev band ———- */ .xw-next{display:flex;align-items:center;gap:18px;margin-top:8px;border-radius:18px;padding:26px 28px; background:linear-gradient(125deg,#0B1F35,#123152);color:#fff;text-decoration:none;border-bottom:none}#xw-tut a.xw-next{border-bottom:none}#xw-tut .xw-next:hover{background:linear-gradient(125deg,#0d2540,#16395f)}#xw-tut .xw-next__k{font-size:11.8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7BEFB4;margin-bottom:7px;display:block}#xw-tut .xw-next__t{display:block;font-size:19px;font-weight:700}#xw-tut .xw-next__d{display:block;font-size:13.8px;color:rgba(255,255,255,.7);margin-top:5px}#xw-tut .xw-next__g{flex:1}#xw-tut .xw-next__a{width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.1); display:flex;align-items:center;justify-content:center;font-size:19px;flex:none}#xw-tut .xw-next–soon{opacity:.62}#xw-tut .xw-next–soon .xw-next__k{color:#9FB6C9}#xw-tut /* ———- series nav: two groups ———- */ .xw-series__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:9px}#xw-tut .xw-series__row:last-child{margin-bottom:0}#xw-tut .xw-series__g{font-size:11.6px;font-weight:700;letter-spacing:.06em;color:#8A99A8;background:#F2F5F9; border-radius:7px;padding:6px 10px;flex:none;min-width:66px;text-align:center}#xw-tut /* ———- pain points ———- */ .xw-pain .xw-icobox{background:#FDF2F2;color:#C0392B}#xw-tut /* ———- real scenario ———- */ .xw-scene{background:#fff;border:1px solid var(–line);border-left:3px solid var(–green); border-radius:14px;padding:22px 24px;box-shadow:0 1px 2px rgba(13,27,42,.03)}#xw-tut .xw-scene__q{background:#F6F9FC;border-radius:12px;padding:14px 16px;margin:0 0 12px; font-size:15.2px;line-height:1.72;color:#22394F}#xw-tut .xw-scene__q b{color:var(–green-d)}#xw-tut .xw-scene__n{margin:0;font-size:14.6px;line-height:1.78;color:var(–mut)}#xw-tut .xw-scene__n strong{color:var(–tx)}#xw-tut /* ———- numbered chain ———- */ .xw-chain{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;margin:18px 0 0}#xw-tut .xw-chain>div{background:#fff;border:1px solid var(–line);border-radius:13px;padding:15px 16px}#xw-tut .xw-chain b{display:flex;align-items:center;gap:9px;font-size:14.4px;font-weight:650;margin-bottom:7px}#xw-tut .xw-chain b i{width:21px;height:21px;border-radius:6px;background:var(–green-l);color:var(–green-d); font-style:normal;font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}#xw-tut .xw-chain p{margin:0;font-size:13.3px;color:var(–mut);line-height:1.62}#xw-tut /* ———- value list ———- */ .xw-val{display:grid;gap:12px}#xw-tut .xw-val>div{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(–line); border-radius:13px;padding:16px 18px}#xw-tut .xw-val svg{width:19px;height:19px;color:var(–green-d);flex:none;margin-top:3px}#xw-tut .xw-val b{display:block;font-size:14.8px;font-weight:650;margin-bottom:4px}#xw-tut .xw-val p{margin:0;font-size:14.2px;color:var(–mut);line-height:1.7}#xw-tut /* ———- step: purpose / action / result ———- */ .xw-trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(156px,1fr));gap:10px;margin:14px 0 0}#xw-tut .xw-trio>div{background:#F7FAFD;border:1px solid var(–line);border-radius:11px;padding:12px 14px}#xw-tut .xw-trio b{display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;color:var(–mut);margin-bottom:5px}#xw-tut .xw-trio p{margin:0;font-size:13.6px;line-height:1.62;color:#31465A}#xw-tut .xw-trio>div:last-child{background:#F2FBF6;border-color:#C7EBD8}#xw-tut .xw-trio>div:last-child b{color:var(–green-d)}#xw-tut /* ———- closing cta card ———- */ .xw-cta-card{background:#fff;border:1px solid var(–line);border-radius:18px;padding:30px 26px;text-align:center; margin-top:6px;box-shadow:0 1px 2px rgba(13,27,42,.03)}#xw-tut .xw-cta-card h3{font-size:19px;font-weight:700;margin-bottom:9px}#xw-tut .xw-cta-card p{color:var(–mut);font-size:14.6px;max-width:580px;margin:0 auto 20px}#xw-tut .xw-cta-card .xw-cta{justify-content:center}#xw-tut .xw-btn–o{background:#fff;color:var(–ink);border-color:var(–line)}#xw-tut .xw-btn–o:hover{border-color:#BCE7D0;background:#F6FDF9;transform:translateY(-1px)}#xw-tut /* ———- step 4: four business directions ———- */ .xw-sub4{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:14px;margin:16px 0 0}#xw-tut .xw-sub4__c{background:#fff;border:1px solid var(–line);border-radius:14px;padding:18px 18px 16px; display:flex;flex-direction:column}#xw-tut .xw-sub4__i{width:38px;height:38px;border-radius:11px;background:var(–green-l);color:var(–green-d); display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:12px}#xw-tut .xw-sub4__i svg{width:20px;height:20px}#xw-tut .xw-sub4__c h4{font-size:16.5px;font-weight:680;margin-bottom:7px}#xw-tut .xw-sub4__c p{margin:0 0 12px;font-size:14px;color:var(–mut);line-height:1.7}#xw-tut .xw-sub4__c small{display:flex;gap:7px;font-size:13px;font-weight:600;color:#1C4B35; background:var(–green-l);border:1px solid #C7EBD8;border-radius:9px;padding:9px 11px;margin-top:auto;line-height:1.55}#xw-tut .xw-sub4__c small::before{content:””;width:3px;border-radius:3px;background:var(–green);flex:none}#xw-tut /* ———- one-paragraph essence ———- */ .xw-essence{position:relative;display:flex;gap:20px;align-items:flex-start;border-radius:18px;padding:28px 30px; background:linear-gradient(135deg,#0B1F35,#123152);color:#fff;overflow:hidden; box-shadow:0 20px 48px -28px rgba(11,31,53,.6)}#xw-tut .xw-essence::before{content:””;position:absolute;width:340px;height:340px;right:-120px;bottom:-180px;border-radius:50%; background:radial-gradient(circle,rgba(18,183,106,.34),rgba(18,183,106,0) 70%)}#xw-tut .xw-essence__i{position:relative;z-index:1;width:46px;height:46px;border-radius:13px;flex:none; background:rgba(37,211,102,.16);border:1px solid rgba(37,211,102,.34);color:#4ADE9B; display:flex;align-items:center;justify-content:center;font-size:23px}#xw-tut .xw-essence__i svg{width:24px;height:24px}#xw-tut .xw-essence p{position:relative;z-index:1;margin:0;font-size:15.4px;line-height:1.86;color:rgba(255,255,255,.86)}#xw-tut .xw-essence strong{color:#4ADE9B;font-weight:650}