{"id":1869866,"date":"2026-03-24T13:32:02","date_gmt":"2026-03-24T05:32:02","guid":{"rendered":"https:\/\/yangsheep.com.tw\/shopline-payment\/"},"modified":"2026-05-15T20:52:00","modified_gmt":"2026-05-15T12:52:00","slug":"shopline-payment","status":"publish","type":"page","link":"https:\/\/yangsheep.com.tw\/en\/shopline-payment\/","title":{"rendered":"Shopline Payment for WooCommerce"},"content":{"rendered":"\n<style id=\"ys-product-title-align-shopline-20260515\">\n.yssp-hero .gsbp-9267014,\n.gsbp-9267014 {\n  font-size: clamp(2rem, 4vw, 2.8rem) !important;\n  font-weight: 700 !important;\n  line-height: 1.2 !important;\n  margin-bottom: 24px !important;\n}\n<\/style>\n\n\n<!-- gs-stylemanager -->\n\n\n<div class=\"yssp-page alignfull\">\n<section class=\"wp-section alignfull yssp-hero gsbp-fe3583e\">\n<div class=\"wp-content-wrap\">\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yssp-hero-grid gsbp-264b49d\">\n<div>\n<div class=\"yssp-hero-badge\">\n<span>WooCommerce Payment Plugin<\/span>\n<\/div>\n\n\n\n<h1 class=\"gsbp-9267014\">\n<span class=\"gsbp-ac6fc09\">Shopline<\/span>\n\n\n\n<span class=\"yssp-textpri gsbp-fbac85a\">Payment Plugin<\/span>\n<\/h1>\n\n\n\n<p class=\"yssp-hero-sub\">Shopline Payments \u91d1\u6d41 WooCommerce \u5916\u639b\uff0c\u652f\u63f4Apple Pay\u3001Line Pay\u3001\u8857\u53e3\u7b49\u652f\u4ed8\uff0c\u76f8\u5bb9HPOS\uff0c\u53ef\u7ad9\u5167\u4ed8\uff0c\u652f\u63f4\u8a02\u95b1\u3002<\/p>\n\n\n\n<div style=\"display:flex;gap:12px;flex-wrap:wrap;\">\n<a class=\"yssp-btn yssp-btn-pri yssp-btn-lg\" href=\"https:\/\/yangsheep.com.tw\/wp-json\/ys-hub\/v1\/download?slug=ys-shopline-via-woocommerce\" rel=\" nofollow\">\n<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"gsbp-30f49a01\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\n\n\n\n<span>\u7acb\u5373\u4e0b\u8f09<\/span>\n<\/a>\n\n\n\n<a class=\"yssp-btn yssp-btn-out yssp-btn-lg\" href=\"https:\/\/yangsheep.com.tw\/1870842\/\" target=\"_blank\" rel=\"noopener\">\n<span>\u7dda\u4e0a\u7533\u8fa6<\/span>\n<\/a>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yssp-mock\">\n<div class=\"yssp-mock-hd\">\n<p class=\"yssp-mock-title\">\u9078\u64c7\u4ed8\u6b3e\u65b9\u5f0f<\/p>\n\n\n\n<span class=\"yssp-mock-badge\">\u5df2\u555f\u7528<\/span>\n<\/div>\n\n\n\n<div class=\"yssp-mock-row yssp-mock-row-active\">\n<div class=\"yssp-mock-icon\" style=\"background:var(--yscl-primary10);\">\n<svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" class=\"ys-svg gsbp-6d027b4\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yssp-mock-name\">\u4fe1\u7528\u5361\u4ed8\u6b3e<\/p>\n\n\n\n<p class=\"yssp-mock-sub\">Visa \/ Mastercard \/ JCB<\/p>\n<\/div>\n\n\n\n<div class=\"yssp-mock-check yssp-mock-check-active\"><\/div>\n<\/div>\n\n\n\n<div class=\"yssp-mock-row\">\n<div class=\"yssp-mock-icon\" style=\"background:rgba(34,197,94,0.1);\">\n<svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" class=\"ys-svg gsbp-966a73d\"><path d=\"M21 4H3a2 2 0 00-2 2v12a2 2 0 002 2h18a2 2 0 002-2V6a2 2 0 00-2-2z\"\/><path d=\"M1 10h22\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yssp-mock-name\">ATM \u865b\u64ec\u5e33\u865f<\/p>\n\n\n\n<p class=\"yssp-mock-sub\">\u9280\u884c\u8f49\u5e33<\/p>\n<\/div>\n\n\n\n<div class=\"yssp-mock-check\"><\/div>\n<\/div>\n\n\n\n<div class=\"yssp-mock-row\">\n<div class=\"yssp-mock-icon\" style=\"background:rgba(6,182,212,0.1);\">\n<svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" class=\"ys-svg gsbp-24cf119\"><path d=\"M12 2a10 10 0 100 20 10 10 0 000-20z\"\/><path d=\"M2 12h20\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yssp-mock-name\">Apple Pay<\/p>\n\n\n\n<p class=\"yssp-mock-sub\">\u5feb\u901f\u5b89\u5168\u4ed8\u6b3e<\/p>\n<\/div>\n\n\n\n<div class=\"yssp-mock-check\"><\/div>\n<\/div>\n\n\n\n<div class=\"yssp-mock-row\">\n<div class=\"yssp-mock-icon\" style=\"background:rgba(34,197,94,0.1);\">\n<svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" class=\"ys-svg gsbp-4ff3518\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yssp-mock-name\">LINE Pay<\/p>\n\n\n\n<p class=\"yssp-mock-sub\">LINE \u9322\u5305\u4ed8\u6b3e<\/p>\n<\/div>\n\n\n\n<div class=\"yssp-mock-check\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-section alignfull\" style=\"padding-top:80px;padding-bottom:80px;\">\n<div class=\"wp-content-wrap\">\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yssp-center gsbp-59341bf\">\n<p class=\"yssp-stitle\">\u652f\u63f4\u4ed8\u6b3e\u65b9\u5f0f<\/p>\n\n\n\n<h2 style=\"font-size:36px;font-weight:800;margin-top:0;margin-bottom:12px;\">\n<span>\u5f9e\u4fe1\u7528\u5361\u5230\u884c\u52d5\u652f\u4ed8\uff0c<\/span>\n\n\n\n<span class=\"yssp-textpri\">\u4e00\u500b\u5916\u639b\u5168\u641e\u5b9a<\/span>\n<\/h2>\n\n\n\n<p class=\"yssp-sdesc yssp-mxauto\">\u6240\u6709\u4ed8\u6b3e\u65b9\u5f0f\u7686\u900f\u904e Shopline Payments \u5b89\u5168\u8655\u7406\u3002<\/p>\n<\/div>\n\n\n\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yssp-pay-grid gsbp-adfb05f\">\n<div class=\"yssp-pay-item\">\n<svg viewBox=\"0 0 24 24\" width=\"32\" height=\"32\" class=\"ys-svg gsbp-c2e5aa9\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg>\n\n\n\n<p class=\"yssp-pay-label\">\u4fe1\u7528\u5361\u4ed8\u6b3e<\/p>\n\n\n\n<p class=\"yssp-pay-sub\">Visa \/ Mastercard \/ JCB<\/p>\n<\/div>\n\n\n\n<div class=\"yssp-pay-item\">\n<svg viewBox=\"0 0 24 24\" width=\"32\" height=\"32\" class=\"ys-svg gsbp-2cef886\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><path d=\"M7 15h4\"\/><\/svg>\n\n\n\n<p class=\"yssp-pay-label\">\u4fe1\u7528\u5361\u5206\u671f<\/p>\n\n\n\n<p class=\"yssp-pay-sub\">\u5f48\u6027\u5206\u671f\u65b9\u6848<\/p>\n<\/div>\n\n\n\n<div class=\"yssp-pay-item\">\n<svg viewBox=\"0 0 24 24\" width=\"32\" height=\"32\" class=\"ys-svg gsbp-a0ebe55\"><path d=\"M17 1l4 4-4 4\"\/><path d=\"M3 11V9a4 4 0 014-4h14\"\/><path d=\"M7 23l-4-4 4-4\"\/><path d=\"M21 13v2a4 4 0 01-4 4H3\"\/><\/svg>\n\n\n\n<p class=\"yssp-pay-label\">\u8a02\u95b1\u7e8c\u6263<\/p>\n\n\n\n<p class=\"yssp-pay-sub\">WC Subscriptions<\/p>\n<\/div>\n\n\n\n<div class=\"yssp-pay-item\">\n<svg viewBox=\"0 0 24 24\" width=\"32\" height=\"32\" class=\"ys-svg gsbp-7255cf1\"><path d=\"M21 4H3a2 2 0 00-2 2v12a2 2 0 002 2h18a2 2 0 002-2V6a2 2 0 00-2-2z\"\/><path d=\"M1 10h22\"\/><\/svg>\n\n\n\n<p class=\"yssp-pay-label\">ATM \u865b\u64ec\u5e33\u865f<\/p>\n\n\n\n<p class=\"yssp-pay-sub\">\u9280\u884c\u8f49\u5e33\u4ed8\u6b3e<\/p>\n<\/div>\n\n\n\n<div class=\"yssp-pay-item\">\n<svg viewBox=\"0 0 24 24\" width=\"32\" height=\"32\" class=\"ys-svg gsbp-1115ff4\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/><\/svg>\n\n\n\n<p class=\"yssp-pay-label\">LINE Pay<\/p>\n\n\n\n<p class=\"yssp-pay-sub\">LINE \u9322\u5305\u4ed8\u6b3e<\/p>\n<\/div>\n\n\n\n<div class=\"yssp-pay-item\">\n<svg viewBox=\"0 0 24 24\" width=\"32\" height=\"32\" class=\"ys-svg gsbp-74744d0\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M16 8l-4 4-4-4\"\/><path d=\"M8 16l4-4 4 4\"\/><\/svg>\n\n\n\n<p class=\"yssp-pay-label\">JKOPay \u8857\u53e3<\/p>\n\n\n\n<p class=\"yssp-pay-sub\">\u8857\u53e3\u652f\u4ed8<\/p>\n<\/div>\n\n\n\n<div class=\"yssp-pay-item\">\n<svg viewBox=\"0 0 24 24\" width=\"32\" height=\"32\" class=\"ys-svg gsbp-ca891b9\"><path d=\"M12 2a10 10 0 100 20 10 10 0 000-20z\"\/><path d=\"M2 12h20\"\/><\/svg>\n\n\n\n<p class=\"yssp-pay-label\">Apple Pay<\/p>\n\n\n\n<p class=\"yssp-pay-sub\">\u5feb\u901f\u5b89\u5168\u4ed8\u6b3e<\/p>\n<\/div>\n\n\n\n<div class=\"yssp-pay-item\">\n<svg viewBox=\"0 0 24 24\" width=\"32\" height=\"32\" class=\"ys-svg gsbp-f389d9e\"><path d=\"M12 1v22\"\/><path d=\"M5 8l7-7 7 7\"\/><path d=\"M5 16l7 7 7-7\"\/><\/svg>\n\n\n\n<p class=\"yssp-pay-label\">\u4e2d\u79df\u96f6\u5361<\/p>\n\n\n\n<p class=\"yssp-pay-sub\">Chailease BNPL<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-section alignfull alignfull\" id=\"yssp-features\" style=\"padding-top:80px;padding-bottom:80px;\">\n<div class=\"wp-content-wrap\">\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yssp-center gsbp-8a96cb9\">\n<p class=\"yssp-stitle\">\u6838\u5fc3\u529f\u80fd<\/p>\n\n\n\n<h2 style=\"font-size:36px;font-weight:800;margin-top:0;margin-bottom:12px;\">\n<span>\u4e0d\u53ea\u662f\u91d1\u6d41\u9598\u9053\uff0c<\/span>\n\n\n\n<span class=\"yssp-textpri\">\u66f4\u662f\u5b8c\u6574\u89e3\u6c7a\u65b9\u6848<\/span>\n<\/h2>\n\n\n\n<p class=\"yssp-sdesc yssp-mxauto\">Shopline Payments \u63d0\u4f9b\u5b89\u5168\u3001\u7a69\u5b9a\u7684\u7dda\u4e0a\u91d1\u6d41\u89e3\u6c7a\u65b9\u6848\u3002\u900f\u904e\u6211\u5011\u7684 WooCommerce \u6574\u5408\u5916\u639b\uff0c\u8b93\u60a8\u7684\u96fb\u5546\u7acb\u523b\u64c1\u6709\u6700\u5b8c\u6574\u7684\u91d1\u6d41\u529f\u80fd\u3002<\/p>\n<\/div>\n\n\n\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yssp-grid2 gsbp-a1d7eff\" style=\"margin-top:48px;\">\n<div class=\"yssp-card\">\n<div class=\"yssp-ficon\">\n<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" class=\"ys-svg gsbp-5d4030f\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n<\/div>\n\n\n\n<h3 class=\"yssp-ftitle\">\u5b89\u5168 Token \u5132\u5b58<\/h3>\n\n\n\n<p class=\"yssp-fdesc\">\u5b89\u5168\u52a0\u5bc6\u5132\u5b58\u4fe1\u7528\u5361\u8cc7\u8a0a\uff0c\u900f\u904e Token \u52a0\u5bc6\u6280\u8853\u78ba\u4fdd\u5361\u865f\u5b89\u5168\uff0c\u7b26\u5408 PCI-DSS \u898f\u7bc4\u3002<\/p>\n\n\n\n<div class=\"yssp-grid2x2\" style=\"margin-top:20px;\">\n<div class=\"yssp-fitem\">\n<div class=\"yssp-fitem-icon\">\n<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" class=\"ys-svg gsbp-a191a35\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yssp-fitem-title\">Token \u52a0\u5bc6<\/p>\n\n\n\n<p class=\"yssp-fitem-text\">\u5361\u865f\u4e0d\u843d\u5730\u5132\u5b58<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yssp-fitem\">\n<div class=\"yssp-fitem-icon\">\n<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" class=\"ys-svg gsbp-f19c130\"><path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yssp-fitem-title\">My Account \u7ba1\u7406<\/p>\n\n\n\n<p class=\"yssp-fitem-text\">\u9867\u5ba2\u81ea\u884c\u7ba1\u7406\u5361\u7247<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yssp-card\">\n<div class=\"yssp-ficon\" style=\"background:rgba(34,197,94,0.1);color:var(--yscl-green);\">\n<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" class=\"ys-svg gsbp-52fad11\"><path d=\"M17 1l4 4-4 4\"\/><path d=\"M3 11V9a4 4 0 014-4h14\"\/><path d=\"M7 23l-4-4 4-4\"\/><path d=\"M21 13v2a4 4 0 01-4 4H3\"\/><\/svg>\n<\/div>\n\n\n\n<h3 class=\"yssp-ftitle\">\u8a02\u95b1\u7e8c\u6263<\/h3>\n\n\n\n<p class=\"yssp-fdesc\">\u8207 WooCommerce Subscriptions \u6df1\u5ea6\u6574\u5408\uff0c\u652f\u63f4\u81ea\u52d5\u7e8c\u6263\u3001Token \u5132\u5b58\u3001\u4ed8\u6b3e\u5de5\u5177\u7ba1\u7406\u3002<\/p>\n\n\n\n<div class=\"yssp-grid2x2\" style=\"margin-top:20px;\">\n<div class=\"yssp-fitem\">\n<div class=\"yssp-fitem-icon\" style=\"background:rgba(34,197,94,0.1);color:var(--yscl-green);\">\n<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" class=\"ys-svg gsbp-6f77188\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yssp-fitem-title\">\u81ea\u52d5\u7e8c\u6263<\/p>\n\n\n\n<p class=\"yssp-fitem-text\">Recurring \u4f3a\u670d\u5668\u6263\u6b3e<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yssp-fitem\">\n<div class=\"yssp-fitem-icon\" style=\"background:rgba(34,197,94,0.1);color:var(--yscl-green);\">\n<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" class=\"ys-svg gsbp-03ec25a\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yssp-fitem-title\">\u4ed8\u6b3e\u9031\u671f<\/p>\n\n\n\n<p class=\"yssp-fitem-text\">\u5f48\u6027\u8a02\u95b1\u9031\u671f\u8a2d\u5b9a<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yssp-grid2 gsbp-c3ad5b2\" style=\"margin-top:24px;\">\n<div class=\"yssp-card\">\n<div class=\"yssp-ficon\" style=\"background:rgba(6,182,212,0.1);color:var(--yscl-accent);\">\n<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" class=\"ys-svg gsbp-e1f950b\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n<\/div>\n\n\n\n<h3 class=\"yssp-ftitle\">Webhook \u81ea\u52d5\u901a\u77e5<\/h3>\n\n\n\n<p class=\"yssp-fdesc\">\u900f\u904e REST API Webhook \u5373\u6642\u63a5\u6536\u4ed8\u6b3e\u72c0\u614b\u901a\u77e5\uff0c\u8a02\u55ae\u72c0\u614b\u81ea\u52d5\u540c\u6b65\uff0c\u7121\u9700\u4eba\u5de5\u78ba\u8a8d\u3002<\/p>\n\n\n\n<div class=\"yssp-grid2x2\" style=\"margin-top:20px;\">\n<div class=\"yssp-fitem\">\n<div class=\"yssp-fitem-icon\" style=\"background:rgba(6,182,212,0.1);color:var(--yscl-accent);\">\n<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" class=\"ys-svg gsbp-f187525\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yssp-fitem-title\">\u5373\u6642\u540c\u6b65<\/p>\n\n\n\n<p class=\"yssp-fitem-text\">\u4ed8\u6b3e\u72c0\u614b\u5373\u6642\u66f4\u65b0<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yssp-fitem\">\n<div class=\"yssp-fitem-icon\" style=\"background:rgba(6,182,212,0.1);color:var(--yscl-accent);\">\n<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" class=\"ys-svg gsbp-d7209cb\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yssp-fitem-title\">\u7c3d\u7ae0\u9a57\u8b49<\/p>\n\n\n\n<p class=\"yssp-fitem-text\">Sign Key \u9632\u7be1\u6539<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yssp-card\">\n<div class=\"yssp-ficon\" style=\"background:rgba(245,158,11,0.1);color:#f59e0b;\">\n<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" class=\"ys-svg gsbp-433d0c3\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z\"\/><\/svg>\n<\/div>\n\n\n\n<h3 class=\"yssp-ftitle\">\u7ba1\u7406\u5f8c\u53f0<\/h3>\n\n\n\n<p class=\"yssp-fdesc\">\u5b8c\u6574\u7684\u5f8c\u53f0\u8a2d\u5b9a\u4ecb\u9762\uff0c\u8f15\u9b06\u7ba1\u7406 API \u91d1\u9470\u3001\u555f\u7528\u4ed8\u6b3e\u65b9\u5f0f\u3001\u5207\u63db\u6e2c\u8a66\/\u6b63\u5f0f\u74b0\u5883\u3002<\/p>\n\n\n\n<div class=\"yssp-grid2x2\" style=\"margin-top:20px;\">\n<div class=\"yssp-fitem\">\n<div class=\"yssp-fitem-icon\" style=\"background:rgba(245,158,11,0.1);color:#f59e0b;\">\n<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" class=\"ys-svg gsbp-c6c9eba\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yssp-fitem-title\">\u7c21\u6613\u8a2d\u5b9a<\/p>\n\n\n\n<p class=\"yssp-fitem-text\">\u8996\u89ba\u5316\u8a2d\u5b9a\u4ecb\u9762<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yssp-fitem\">\n<div class=\"yssp-fitem-icon\" style=\"background:rgba(245,158,11,0.1);color:#f59e0b;\">\n<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" class=\"ys-svg gsbp-dc2c424\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yssp-fitem-title\">\u6c99\u76d2\u6e2c\u8a66<\/p>\n\n\n\n<p class=\"yssp-fitem-text\">\u6b63\u5f0f\/\u6e2c\u8a66\u4e00\u9375\u5207\u63db<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-section alignfull alignfull\" style=\"padding-top:80px;padding-bottom:80px;\">\n<div class=\"wp-content-wrap\">\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yssp-center gsbp-0cbd218\">\n<p class=\"yssp-stitle\">\u6280\u8853\u7279\u8272<\/p>\n\n\n\n<h2 style=\"font-size:36px;font-weight:800;margin-top:0;margin-bottom:12px;\">\n<span>\u5c08\u696d\u7d1a<\/span>\n\n\n\n<span class=\"yssp-textpri\">\u67b6\u69cb\u8a2d\u8a08<\/span>\n<\/h2>\n\n\n\n<p class=\"yssp-sdesc yssp-mxauto\">\u63a1\u7528\u73fe\u4ee3 PHP \u958b\u767c\u6a19\u6e96\uff0c\u78ba\u4fdd\u7a0b\u5f0f\u78bc\u54c1\u8cea\u8207\u53ef\u7dad\u8b77\u6027\u3002<\/p>\n<\/div>\n\n\n\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yssp-tech-grid gsbp-9ef94e6\">\n<div class=\"yssp-tech-mock\">\n<div class=\"yssp-tech-mock-hd\">\n<div class=\"yssp-tech-dot\" style=\"background:#ef4444;\"><\/div>\n\n\n\n<div class=\"yssp-tech-dot\" style=\"background:#f59e0b;\"><\/div>\n\n\n\n<div class=\"yssp-tech-dot\" style=\"background:#22c55e;\"><\/div>\n<\/div>\n\n\n\n<div class=\"yssp-tech-line\">\n<span class=\"yssp-code-kw\">namespace<\/span>\n\n\n\n<span class=\"yssp-code-cls\">YangSheep\\ShoplinePayment<\/span>\n\n\n\n<span>;<\/span>\n<\/div>\n\n\n\n<div class=\"yssp-tech-line\">&nbsp;<\/div>\n\n\n\n<div class=\"yssp-tech-line\">\n<span class=\"yssp-code-kw\">class<\/span>\n\n\n\n<span class=\"yssp-code-cls\">YSCreditCard<\/span>\n\n\n\n<span class=\"yssp-code-kw\">extends<\/span>\n\n\n\n<span class=\"yssp-code-cls\">YSGatewayBase<\/span>\n\n\n\n<span>{<\/span>\n<\/div>\n\n\n\n<div class=\"yssp-tech-line\">\n<span>&nbsp;&nbsp;<\/span>\n\n\n\n<span class=\"yssp-code-cm\">\/\/ Token + Subscription \u652f\u63f4<\/span>\n<\/div>\n\n\n\n<div class=\"yssp-tech-line\">\n<span>&nbsp;&nbsp;<\/span>\n\n\n\n<span class=\"yssp-code-kw\">public function<\/span>\n\n\n\n<span class=\"yssp-code-fn\">process_payment<\/span>\n\n\n\n<span>(<\/span>\n\n\n\n<span class=\"yssp-code-str\">$order_id<\/span>\n\n\n\n<span>) {<\/span>\n<\/div>\n\n\n\n<div class=\"yssp-tech-line\">\n<span>&nbsp;&nbsp;&nbsp;&nbsp;<\/span>\n\n\n\n<span class=\"yssp-code-str\">$session<\/span>\n\n\n\n<span>=<\/span>\n\n\n\n<span class=\"yssp-code-str\">$this<\/span>\n\n\n\n<span>-><\/span>\n\n\n\n<span class=\"yssp-code-fn\">get_api<\/span>\n\n\n\n<span>()-><\/span>\n\n\n\n<span class=\"yssp-code-fn\">create_session<\/span>\n\n\n\n<span>();<\/span>\n<\/div>\n\n\n\n<div class=\"yssp-tech-line\">\n<span>&nbsp;&nbsp;&nbsp;&nbsp;<\/span>\n\n\n\n<span class=\"yssp-code-kw\">return<\/span>\n\n\n\n<span>[<\/span>\n\n\n\n<span class=\"yssp-code-str\">&#8216;redirect&#8217;<\/span>\n\n\n\n<span>=><\/span>\n\n\n\n<span class=\"yssp-code-str\">$session<\/span>\n\n\n\n<span>->url];<\/span>\n<\/div>\n\n\n\n<div class=\"yssp-tech-line\">&nbsp;&nbsp;}<\/div>\n\n\n\n<div class=\"yssp-tech-line\">}<\/div>\n<\/div>\n\n\n\n<div class=\"yssp-tech-list\">\n<div class=\"yssp-fitem\">\n<div class=\"yssp-fitem-icon\">\n<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" class=\"ys-svg gsbp-aeacb46\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yssp-fitem-title\">PSR-4 \u81ea\u52d5\u8f09\u5165<\/p>\n\n\n\n<p class=\"yssp-fitem-text\">Composer \u6a19\u6e96\u547d\u540d\u7a7a\u9593\uff0c\u96f6 require_once<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yssp-fitem\">\n<div class=\"yssp-fitem-icon\" style=\"background:rgba(34,197,94,0.1);color:var(--yscl-green);\">\n<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" class=\"ys-svg gsbp-1e5430a\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yssp-fitem-title\">HPOS \u5b8c\u5168\u76f8\u5bb9<\/p>\n\n\n\n<p class=\"yssp-fitem-text\">High-Performance Order Storage \u539f\u751f\u652f\u63f4<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yssp-fitem\">\n<div class=\"yssp-fitem-icon\" style=\"background:rgba(6,182,212,0.1);color:var(--yscl-accent);\">\n<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" class=\"ys-svg gsbp-9157ae2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yssp-fitem-title\">WooCommerce \u539f\u751f\u652f\u63f4<\/p>\n\n\n\n<p class=\"yssp-fitem-text\">\u76f8\u5bb9\u65bc\u6a19\u6e96WooCommerce\u7d50\u5e33\u9801\u9762\uff0c\u652f\u63f4\u5e02\u9762\u4e0a\u5927\u90e8\u5206\u4e3b\u984c<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yssp-fitem\">\n<div class=\"yssp-fitem-icon\" style=\"background:rgba(245,158,11,0.1);color:#f59e0b;\">\n<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" class=\"ys-svg gsbp-4d7b2e0\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22 6 12 13 2 6\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yssp-fitem-title\">WC Subscriptions<\/p>\n\n\n\n<p class=\"yssp-fitem-text\">\u8a02\u95b1\u5236\u5b8c\u6574\u6574\u5408\uff0cRecurring \u81ea\u52d5\u6263\u6b3e<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-section alignfull yssp-cta alignfull\" id=\"yssp-cta\">\n<div class=\"wp-content-wrap\">\n<div data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yssp-cta-bg gsbp-dc66e91\">\n<div class=\"yssp-cta-inner\">\n<p class=\"yssp-stitle\">\u6e96\u5099\u597d\u958b\u59cb\u91d1\u6d41\u4e86\u55ce\uff1f<\/p>\n\n\n\n<h2 style=\"font-size:36px;font-weight:800;margin-top:0;margin-bottom:16px;\">\n<span>\u7acb\u5373\u7533\u8acb<\/span>\n\n\n\n<span class=\"yssp-textpri\">Shopline Payments<\/span>\n<\/h2>\n\n\n\n<p class=\"yssp-sdesc yssp-mxauto\" style=\"margin-bottom:36px;\">YANGSHEEP CLOUD \u63d0\u4f9b\u60a8\u7368\u5bb6\u7279\u7d04\u65b9\u6848\u7533\u8fa6\uff0c\u4f7f\u7528\u6211\u5011\u7684\u7533\u8fa6\u7db2\u5740\u7533\u8fa6\uff0c\u7acb\u5373\u53d6\u5f97\u8d85\u4f4e\u5237\u5361\u624b\u7e8c\u8cbb\u3002\u5982\u9700\u4e86\u89e3\u8a73\u60c5\uff0c\u8acb\u8207\u6211\u5011\u806f\u7d61\u3002<\/p>\n\n\n\n<div class=\"yssp-steps\">\n<div class=\"yssp-step\">\n<div class=\"yssp-step-num\">1<\/div>\n\n\n\n<p class=\"yssp-step-title\">\u9ede\u7533\u8fa6\u6309\u9215<\/p>\n\n\n\n<p class=\"yssp-step-desc\">\u900f\u904e\u4e0b\u65b9\u7533\u8fa6\u6309\u9215\u958b\u555f\u7db2\u9801<\/p>\n<\/div>\n\n\n\n<div class=\"yssp-step\">\n<div class=\"yssp-step-num\">2<\/div>\n\n\n\n<p class=\"yssp-step-title\">\u586b\u5beb\u8cc7\u6599<\/p>\n\n\n\n<p class=\"yssp-step-desc\">\u7dda\u4e0a\u586b\u5beb\uff0c\u6240\u6709\u8cc7\u6599\u76f4\u63a5\u5728Shopline Payment \u4e2d\u8f38\u5165<\/p>\n<\/div>\n\n\n\n<div class=\"yssp-step\">\n<div class=\"yssp-step-num\">3<\/div>\n\n\n\n<p class=\"yssp-step-title\">\u7b49\u5019\u958b\u901a<\/p>\n\n\n\n<p class=\"yssp-step-desc\">\u7559\u610f\u586b\u5beb\u7684\u96fb\u5b50\u90f5\u4ef6\u8207\u96fb\u8a71\uff0c\u958b\u901a\u7acb\u5373\u901a\u77e5<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"margin-top:40px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;\">\n<a class=\"yssp-btn yssp-btn-pri yssp-btn-lg\" href=\"https:\/\/yangsheep.com.tw\/1870842\/\" target=\"_blank\" rel=\"noopener nofollow sponsored\">\n<span>\u7acb\u5373\u7dda\u4e0a\u7533\u8fa6<\/span>\n<\/a>\n\n\n\n<a class=\"yssp-btn yssp-btn-out yssp-btn-lg\" href=\"https:\/\/yangsheep.com.tw\/wp-json\/ys-hub\/v1\/download?slug=ys-shopline-via-woocommerce\">\n<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"gsbp-40c7fee\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\n\n\n\n<span>\u4e0b\u8f09\u5916\u639b<\/span>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":151,"featured_media":1870222,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":".gsbp-f7611d5{display:none!important}.yssp-page{font-family:'Inter',-apple-system,sans-serif;line-height:1.6;background:var(--yscl-bg);background-image:linear-gradient(0deg,#060606 1%,#020617 100%);--yscl-bg:#020617;--yscl-card:rgba(15,23,42,0.7);--yscl-primary:#3B82F6;--yscl-primary10:rgba(59,130,246,0.1);--yscl-primary15:rgba(59,130,246,0.15);--yscl-primary50:rgba(59,130,246,0.5);--yscl-accent:#06B6D4;--yscl-text:#f1f5f9;--yscl-muted:#94a3b8;--yscl-border:rgba(148,163,184,0.15);--yscl-glass:rgba(255,255,255,0.03);--yscl-green:#22c55e}.yssp-page,.yssp-page h2,.yssp-page h3,.yssp-page h4{color:var(--yscl-text)}.yssp-page p{color:var(--yscl-muted)}.wp-section{display:flex;justify-content:center;flex-direction:column;align-items:center;padding-right:var(--wp--spacing--side, min(3vw, 20px));padding-left:var(--wp--spacing--side, min(3vw, 20px));padding-top:var(--wp--spacing--top, 0px);padding-bottom:var(--wp--spacing--bottom, 0px);margin-top:0;margin-bottom:0;position:relative}.wp-content-wrap{max-width:1180px;width:100%}.yssp-center{text-align:center}.yssp-mxauto{margin-left:auto;margin-right:auto}.yssp-textpri{color:var(--yscl-primary)}.yssp-textacc{color:var(--yscl-accent)}.yssp-stitle{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--yscl-primary);margin-top:0;margin-bottom:12px}.yssp-sdesc{color:var(--yscl-muted);font-size:18px;max-width:640px;margin-top:0;margin-bottom:0}.yssp-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;transition:all .3s ease;cursor:pointer;border:0}.yssp-btn-pri{background:var(--yscl-primary);color:#fff}.yssp-btn-pri:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.35);color:#fff}.yssp-btn-out{background:0 0;color:var(--yscl-text);border:1px solid var(--yscl-border);background-color:#000}.yssp-btn-out:hover,.yssp-btn-out:hover a{color:var(--wp--preset--color--palette-color-8, var(--theme-palette-color-8, #ffffff))}.yssp-btn-out:hover{border-color:var(--yscl-primary);background-color:#488bca}.yssp-btn-lg{padding:16px 36px;font-size:16px}@media (max-width:640px){.yssp-btn-lg{padding:14px 28px;font-size:15px}}.yssp-card{background:var(--yscl-card);border:1px solid var(--yscl-border);border-radius:16px;padding:32px;transition:all .3s ease}.yssp-card:hover{border-color:rgba(59,130,246,.3);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.yssp-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width:1024px){.yssp-grid4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.yssp-grid4{grid-template-columns:1fr}}.yssp-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width:640px){.yssp-grid2{grid-template-columns:1fr}}.yssp-grid2x2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width:640px){.yssp-grid2x2{grid-template-columns:1fr}.yssp-hero{padding-top:60px;padding-bottom:40px}}.yssp-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media (max-width:1024px){.yssp-hero-grid{grid-template-columns:1fr;gap:40px}}.yssp-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--yscl-primary10);border:1px solid var(--yscl-primary15);border-radius:999px;padding:6px 16px;font-size:13px;color:var(--yscl-primary);font-weight:600;margin-bottom:24px}.yssp-hero-title{font-family:'Orbitron',sans-serif;font-size:48px;font-weight:800;line-height:1.1;margin-top:0;margin-bottom:24px;color:var(--yscl-text)}@media (max-width:1024px){.yssp-hero-title{font-size:36px}}@media (max-width:640px){.yssp-hero-title{font-size:28px}}.yssp-hero-sub{font-size:18px;color:var(--yscl-muted);margin-top:0;margin-bottom:36px;line-height:1.7}.yssp-mock{background:var(--yscl-card);border:1px solid var(--yscl-border);border-radius:16px;padding:28px;position:relative;overflow:hidden}.yssp-mock::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--yscl-primary50),transparent)}.yssp-mock-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--yscl-border)}.yssp-mock-title{font-weight:700;font-size:15px;color:var(--yscl-text);margin-top:0;margin-bottom:0}.yssp-mock-badge{font-size:11px;padding:3px 10px;border-radius:999px;background:rgba(34,197,94,.15);color:var(--yscl-green);font-weight:600}.yssp-mock-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:10px;margin-bottom:8px;background:var(--yscl-glass);border:1px solid transparent;transition:all .2s ease;cursor:pointer}.yssp-mock-row:hover{border-color:var(--yscl-border)}.yssp-mock-row-active{border-color:var(--yscl-primary);background:var(--yscl-primary10)}.yssp-mock-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.yssp-mock-name{font-weight:600;font-size:14px;color:var(--yscl-text);margin-top:0;margin-bottom:2px}.yssp-mock-sub{font-size:12px;color:var(--yscl-muted);margin-top:0;margin-bottom:0}.yssp-mock-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--yscl-border);margin-left:auto;flex-shrink:0}.yssp-mock-check-active{border-color:var(--yscl-primary);background:var(--yscl-primary);position:relative}.yssp-mock-check-active::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff}.yssp-pay-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}@media (max-width:1024px){.yssp-pay-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.yssp-pay-grid{grid-template-columns:repeat(2,1fr)}}.yssp-pay-item{background:var(--yscl-card);border:1px solid var(--yscl-border);border-radius:14px;padding:28px 20px;text-align:center;transition:all .3s ease}.yssp-pay-item:hover{border-color:rgba(59,130,246,.3);transform:translateY(-3px)}.yssp-pay-label{font-size:14px;font-weight:600;color:var(--yscl-text);margin-top:12px;margin-bottom:0}.yssp-pay-sub{font-size:12px;color:var(--yscl-muted);margin-top:4px;margin-bottom:0}.yssp-ficon{width:48px;height:48px;border-radius:12px;background:var(--yscl-primary10);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--yscl-primary)}.yssp-ftitle{font-size:18px;font-weight:700;margin-top:0;margin-bottom:10px;color:var(--yscl-text)}.yssp-fdesc{font-size:14px;color:var(--yscl-muted);margin-top:0;margin-bottom:0;line-height:1.6}.yssp-fitem{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:12px;background:var(--yscl-glass);border:1px solid var(--yscl-border)}.yssp-fitem-icon{width:40px;height:40px;border-radius:10px;background:var(--yscl-primary10);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--yscl-primary)}.yssp-fitem-title{font-size:15px;font-weight:600;color:var(--yscl-text);margin-top:0;margin-bottom:4px}.yssp-fitem-text{font-size:13px;color:var(--yscl-muted);margin-top:0;margin-bottom:0}.yssp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}@media (max-width:640px){.yssp-steps{grid-template-columns:1fr}}.yssp-step{text-align:center;padding:32px 24px}.yssp-step-num{width:48px;height:48px;border-radius:14px;background:var(--yscl-primary10);border:1px solid var(--yscl-primary15);display:inline-flex;align-items:center;justify-content:center;font-family:'Orbitron',sans-serif;font-weight:700;font-size:18px;color:var(--yscl-primary);margin-bottom:20px}.yssp-step-title{font-size:16px;font-weight:700;color:var(--yscl-text);margin-top:0;margin-bottom:8px}.yssp-step-desc{font-size:14px;color:var(--yscl-muted);margin-top:0;margin-bottom:0}.yssp-cta{padding-top:80px;padding-bottom:80px}.yssp-cta-bg{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(6,182,212,.05));border:1px solid var(--yscl-border);border-radius:24px;padding:64px 48px;text-align:center;position:relative;overflow:hidden}@media (max-width:640px){.yssp-cta-bg{padding:40px 24px}}.yssp-cta-bg::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--yscl-primary50),transparent)}.yssp-cta-inner{max-width:600px;margin-left:auto;margin-right:auto}.yssp-tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:48px}@media (max-width:1024px){.yssp-tech-grid{grid-template-columns:1fr}}.yssp-tech-mock{background:var(--yscl-card);border:1px solid var(--yscl-border);border-radius:16px;padding:24px;font-family:'JetBrains Mono','Fira Code',monospace;font-size:13px;line-height:1.8;color:var(--yscl-muted);overflow:hidden}.yssp-tech-mock-hd{display:flex;gap:6px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--yscl-border)}.yssp-tech-dot{width:10px;height:10px;border-radius:50%}.yssp-tech-line{padding:3px 0}.yssp-code-kw{color:#c084fc}.yssp-code-cls{color:#22d3ee}.yssp-code-str{color:#a3e635}.yssp-code-fn{color:#60a5fa}.yssp-code-cm{color:#64748b}.yssp-tech-list{display:flex;flex-direction:column;gap:16px}.gsbp-fe3583e{padding-top:180px;padding-bottom:80px}@media (max-width:991.98px){.gsbp-fe3583e{padding-top:100px}}.gsbp-264b49d{transition-duration:.8s;transition-timing-function:var(--gs-root-animation-easing, cubic-bezier(0.42, 0, 0.58, 1));opacity:var(--gs-root-animation-opacity, 0);transition-property:opacity,transform,filter}.gsbp-0cbd218.aos-animate,.gsbp-0cbd218[data-gs-aos],.gsbp-264b49d.aos-animate,.gsbp-264b49d[data-gs-aos],.gsbp-59341bf.aos-animate,.gsbp-59341bf[data-gs-aos],.gsbp-8a96cb9.aos-animate,.gsbp-8a96cb9[data-gs-aos],.gsbp-9ef94e6.aos-animate,.gsbp-9ef94e6[data-gs-aos],.gsbp-a1d7eff.aos-animate,.gsbp-a1d7eff[data-gs-aos],.gsbp-adfb05f.aos-animate,.gsbp-adfb05f[data-gs-aos],.gsbp-c3ad5b2.aos-animate,.gsbp-c3ad5b2[data-gs-aos],.gsbp-dc66e91.aos-animate,.gsbp-dc66e91[data-gs-aos]{opacity:1;transform:translateZ(0)}.gsbp-9267014{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:0;font-weight:700;line-height:1em}.gsbp-ac6fc09{color:var(--wp--preset--color--contrast, #fffffe)}.gsbp-fbac85a{margin-left:0}.gsbp-30f49a01{width:18px;height:18px}.ys-svg{fill:#3b82f6;stroke:#070a18}.gsbp-24cf119,.gsbp-4ff3518,.gsbp-6d027b4,.gsbp-966a73d{width:20px;height:20px}.gsbp-59341bf,.gsbp-adfb05f{transition-duration:.8s;transition-timing-function:var(--gs-root-animation-easing, cubic-bezier(0.42, 0, 0.58, 1));opacity:var(--gs-root-animation-opacity, 0);transition-property:opacity,transform,filter}.gsbp-1115ff4,.gsbp-2cef886,.gsbp-7255cf1,.gsbp-74744d0,.gsbp-a0ebe55,.gsbp-c2e5aa9,.gsbp-ca891b9,.gsbp-f389d9e{width:32px;height:32px}.gsbp-8a96cb9,.gsbp-a1d7eff{transition-duration:.8s;transition-timing-function:var(--gs-root-animation-easing, cubic-bezier(0.42, 0, 0.58, 1));opacity:var(--gs-root-animation-opacity, 0);transition-property:opacity,transform,filter}.gsbp-5d4030f{width:24px;height:24px}.gsbp-a191a35,.gsbp-f19c130{width:18px;height:18px}.gsbp-52fad11{width:24px;height:24px}.gsbp-03ec25a,.gsbp-6f77188{width:18px;height:18px}.gsbp-c3ad5b2{transition-duration:.8s;transition-timing-function:var(--gs-root-animation-easing, cubic-bezier(0.42, 0, 0.58, 1));opacity:var(--gs-root-animation-opacity, 0);transition-property:opacity,transform,filter}.gsbp-e1f950b{width:24px;height:24px}.gsbp-d7209cb,.gsbp-f187525{width:18px;height:18px}.gsbp-433d0c3{width:24px;height:24px}.gsbp-c6c9eba,.gsbp-dc2c424{width:18px;height:18px}.gsbp-0cbd218,.gsbp-9ef94e6{transition-duration:.8s;transition-timing-function:var(--gs-root-animation-easing, cubic-bezier(0.42, 0, 0.58, 1));opacity:var(--gs-root-animation-opacity, 0);transition-property:opacity,transform,filter}.gsbp-1e5430a,.gsbp-4d7b2e0,.gsbp-9157ae2,.gsbp-aeacb46{width:18px;height:18px}.gsbp-dc66e91{transition-duration:.8s;transition-timing-function:var(--gs-root-animation-easing, cubic-bezier(0.42, 0, 0.58, 1));opacity:var(--gs-root-animation-opacity, 0);transition-property:opacity,transform,filter}.gsbp-40c7fee{width:18px;height:18px}","footnotes":""},"class_list":["post-1869866","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":{"vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/pages\/1869866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/users\/151"}],"replies":[{"embeddable":true,"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/comments?post=1869866"}],"version-history":[{"count":47,"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/pages\/1869866\/revisions"}],"predecessor-version":[{"id":1876206,"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/pages\/1869866\/revisions\/1876206"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/media\/1870222"}],"wp:attachment":[{"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/media?parent=1869866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}