{"id":1869870,"date":"2026-03-24T14:14:21","date_gmt":"2026-03-24T06:14:21","guid":{"rendered":"https:\/\/yangsheep.com.tw\/paynow-shipping\/"},"modified":"2026-05-15T20:52:02","modified_gmt":"2026-05-15T12:52:02","slug":"paynow-shipping","status":"publish","type":"page","link":"https:\/\/yangsheep.com.tw\/en\/paynow-shipping\/","title":{"rendered":"PayNow Shipping for WooCommerce"},"content":{"rendered":"<style id=\"ys-product-title-align-paynow-20260515\">\n.yspn-hero .gsbp-294a9ee,\n.gsbp-294a9ee {\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=\"yspn-page gsbp-28aac78 alignfull\">\n<section class=\"wp-section alignfull yspn-hero gsbp-fff239d\">\n<div class=\"wp-content-wrap\">\n<div data-aos=\"fade-up\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yspn-hero-inner gsbp-8b770ea\">\n<div class=\"yspn-hero-left\">\n<p class=\"yspn-hero-tag\">\n<span>WooCommerce Shipping Plugin<\/span>\n<\/p>\n\n\n\n<h1 class=\"gsbp-294a9ee\">\n<span class=\"gsbp-6a477f1\">PayNow<\/span>\n\n\n\n<span class=\"yssbtitle gsbp-cc291e7\">Shipping Plugin<\/span>\n<\/h1>\n\n\n\n<p class=\"yspn-hero-desc\">Newly designed PayNow WooCommerce Logistics Add-on, with a brand new order logistics status tracking function, supporting HPOS.<\/p>\n\n\n\n<div class=\"yspn-badge-row\">\n<span class=\"yspn-badge\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n\n\n\n<span>Block Checkout<\/span>\n<\/span>\n\n\n\n<span class=\"yspn-badge\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n\n\n\n<span>HPOS<\/span>\n<\/span>\n<\/div>\n\n\n\n<a class=\"yspn-cta-btn gsbp-2525cb3\" href=\"https:\/\/yangsheep.com.tw\/wp-json\/ys-hub\/v1\/download?slug=ys-paynow-shipping\" 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-41ebc7a\"><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>Download now<\/span>\n<\/a>\n<\/div>\n\n\n\n<div class=\"yspn-hero-right\">\n<div class=\"yspn-mock-ui\">\n<p class=\"yspn-mock-title\">Choose shipping method<\/p>\n\n\n\n<div class=\"yspn-mock-option yspn-mock-option-active\">\n<div class=\"yspn-mock-radio\">\n<div class=\"yspn-mock-radio-dot\"><\/div>\n<\/div>\n\n\n\n<div class=\"yspn-mock-icon\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><path d=\"M3 9h18v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9z\"\/><path d=\"M3 9l2.45-4.9A2 2 0 0 1 7.24 3h9.52a2 2 0 0 1 1.8 1.1L21 9\"\/><path d=\"M12 3v6\"\/><\/svg>\n<\/div>\n\n\n\n<div class=\"yspn-mock-info\">\n<p class=\"yspn-mock-name\">7-ELEVEN Delivery Service<\/p>\n\n\n\n<p class=\"yspn-mock-sub\">Convenience store pickup (C2C)<\/p>\n<\/div>\n\n\n\n<span class=\"yspn-mock-price\">$60<\/span>\n<\/div>\n\n\n\n<div class=\"yspn-mock-option\">\n<div class=\"yspn-mock-radio\">\n<div class=\"yspn-mock-radio-dot\"><\/div>\n<\/div>\n\n\n\n<div class=\"yspn-mock-icon\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><path d=\"M3 9h18v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9z\"\/><path d=\"M3 9l2.45-4.9A2 2 0 0 1 7.24 3h9.52a2 2 0 0 1 1.8 1.1L21 9\"\/><path d=\"M12 3v6\"\/><\/svg>\n<\/div>\n\n\n\n<div class=\"yspn-mock-info\">\n<p class=\"yspn-mock-name\">FamilyMart store-to-store<\/p>\n\n\n\n<p class=\"yspn-mock-sub\">Convenience store pickup (C2C)<\/p>\n<\/div>\n\n\n\n<span class=\"yspn-mock-price\">$60<\/span>\n<\/div>\n\n\n\n<div class=\"yspn-mock-option\">\n<div class=\"yspn-mock-radio\">\n<div class=\"yspn-mock-radio-dot\"><\/div>\n<\/div>\n\n\n\n<div class=\"yspn-mock-icon\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><path d=\"M16 8h4l3 3v5h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n<\/div>\n\n\n\n<div class=\"yspn-mock-info\">\n<p class=\"yspn-mock-name\">Black Cat Express<\/p>\n\n\n\n<p class=\"yspn-mock-sub\">Room temperature \/ Refrigerated \/ Frozen<\/p>\n<\/div>\n\n\n\n<span class=\"yspn-mock-price\">$100<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-section alignfull yspn-methods alignfull\">\n<div class=\"wp-content-wrap\">\n<div data-aos=\"fade-up\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yspn-section-head gsbp-600f315\">\n<span class=\"yspn-section-tag\">\n<span>Complete logistics solution<\/span>\n<\/span>\n\n\n\n<h2 class=\"yspn-section-title\">13 Shipping Methods<\/h2>\n\n\n\n<p class=\"yspn-section-desc\">Covers convenience store pickup, cold chain home delivery, and cash on delivery, meeting various e-commerce logistics needs in Taiwan.<\/p>\n<\/div>\n\n\n\n<div class=\"yspn-methods-grid\">\n<div data-aos=\"fade-up\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yspn-method-card gsbp-7432d39\">\n<div class=\"yspn-method-card-head\">\n<div class=\"yspn-method-card-icon\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><path d=\"M3 9h18v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9z\"\/><path d=\"M3 9l2.45-4.9A2 2 0 0 1 7.24 3h9.52a2 2 0 0 1 1.8 1.1L21 9\"\/><path d=\"M12 3v6\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<h3 class=\"yspn-method-card-title\">Convenience store pickup<\/h3>\n\n\n\n<p class=\"yspn-method-card-count\">9 ways<\/p>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"yspn-method-list\">\n<li class=\"yspn-method-item\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n\n\n\n<span>7-ELEVEN Delivery Service (C2C)<\/span>\n\n\n\n<span class=\"yspn-method-item-tag\">Room temperature<\/span>\n<\/li>\n\n\n\n<li class=\"yspn-method-item\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n\n\n\n<span>7-ELEVEN Daizhitong (B2C)<\/span>\n\n\n\n<span class=\"yspn-method-item-tag\">Room temperature<\/span>\n<\/li>\n\n\n\n<li class=\"yspn-method-item\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n\n\n\n<span>7-ELEVEN Frozen Delivery Service<\/span>\n\n\n\n<span class=\"yspn-method-item-tag\" style=\"background:rgba(56,189,248,0.1);color:#38bdf8;\">Frozen<\/span>\n<\/li>\n\n\n\n<li class=\"yspn-method-item\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n\n\n\n<span>7-ELEVEN Bulk Frozen<\/span>\n\n\n\n<span class=\"yspn-method-item-tag\" style=\"background:rgba(56,189,248,0.1);color:#38bdf8;\">Frozen<\/span>\n<\/li>\n\n\n\n<li class=\"yspn-method-item\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n\n\n\n<span>FamilyMart Store-to-Store (C2C)<\/span>\n\n\n\n<span class=\"yspn-method-item-tag\">Room temperature<\/span>\n<\/li>\n\n\n\n<li class=\"yspn-method-item\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n\n\n\n<span>FamilyMart Bulk Warehousing (B2C)<\/span>\n\n\n\n<span class=\"yspn-method-item-tag\">Room temperature<\/span>\n<\/li>\n\n\n\n<li class=\"yspn-method-item\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n\n\n\n<span>FamilyMart frozen store-to-store<\/span>\n\n\n\n<span class=\"yspn-method-item-tag\" style=\"background:rgba(56,189,248,0.1);color:#38bdf8;\">Frozen<\/span>\n<\/li>\n\n\n\n<li class=\"yspn-method-item\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n\n\n\n<span>Family wholesale frozen<\/span>\n\n\n\n<span class=\"yspn-method-item-tag\" style=\"background:rgba(56,189,248,0.1);color:#38bdf8;\">Frozen<\/span>\n<\/li>\n\n\n\n<li class=\"yspn-method-item\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n\n\n\n<span>Hi-Life<\/span>\n\n\n\n<span class=\"yspn-method-item-tag\">Room temperature<\/span>\n<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div data-aos=\"fade-up\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yspn-method-card gsbp-69c9a02\">\n<div class=\"yspn-method-card-head\">\n<div class=\"yspn-method-card-icon\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><path d=\"M16 8h4l3 3v5h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<h3 class=\"yspn-method-card-title\">Home delivery cold chain<\/h3>\n\n\n\n<p class=\"yspn-method-card-count\">3 ways<\/p>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"yspn-method-list\">\n<li class=\"yspn-method-item\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n\n\n\n<span>Black cat normal temperature home delivery<\/span>\n\n\n\n<span class=\"yspn-method-item-tag\">Room temperature<\/span>\n<\/li>\n\n\n\n<li class=\"yspn-method-item\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n\n\n\n<span>Black Cat refrigerated home delivery<\/span>\n\n\n\n<span class=\"yspn-method-item-tag\" style=\"background:rgba(56,189,248,0.1);color:#38bdf8;\">Refrigerate<\/span>\n<\/li>\n\n\n\n<li class=\"yspn-method-item\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n\n\n\n<span>Black Cat frozen delivery<\/span>\n\n\n\n<span class=\"yspn-method-item-tag\" style=\"background:rgba(56,189,248,0.1);color:#38bdf8;\">Frozen<\/span>\n<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div data-aos=\"fade-up\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yspn-method-card gsbp-fa08656\">\n<div class=\"yspn-method-card-head\">\n<div class=\"yspn-method-card-icon\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\"\/><path d=\"M1 10h22\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<h3 class=\"yspn-method-card-title\">Super payment<\/h3>\n\n\n\n<p class=\"yspn-method-card-count\">One way<\/p>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"yspn-method-list\">\n<li class=\"yspn-method-item\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n\n\n\n<span>PayNow Cash on Delivery<\/span>\n\n\n\n<span class=\"yspn-method-item-tag-green yspn-method-item-tag\">Payment<\/span>\n<\/li>\n<\/ul>\n\n\n\n<div style=\"margin-top:24px;padding:16px;background:rgba(59,130,246,0.05);border-radius:10px;border:1px solid rgba(59,130,246,0.1);\">\n<p style=\"font-size:13px;color:#94a3b8;margin:0;\">Automatically detect convenience store pickup logistics. This payment method is only displayed for convenience store pickup and offers cash on delivery.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-section yspn-features gsbp-c0eda5a alignfull\">\n<div class=\"wp-content-wrap\">\n<div data-aos=\"fade-up\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yspn-section-head gsbp-e6dd7b3\">\n<span class=\"yspn-section-tag\">\n<span>Core Functionality<\/span>\n<\/span>\n\n\n\n<h2 class=\"yspn-section-title\">Powerful Logistics Management<\/h2>\n\n\n\n<p class=\"yspn-section-desc\">From in-store selection to label printing, a one-stop solution for logistics management needs.<\/p>\n<\/div>\n\n\n\n<div class=\"yspn-features-grid\">\n<div data-aos=\"fade-up\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yspn-fcard gsbp-2071bcf\">\n<div class=\"yspn-ficon\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n<\/div>\n\n\n\n<h3 class=\"yspn-fcard-title\">Store selector<\/h3>\n\n\n\n<p class=\"yspn-fcard-desc\">Convenience store map selection interface, customers can directly select a pickup store on the checkout page, and store information will be automatically filled in.<\/p>\n<\/div>\n\n\n\n<div data-aos=\"fade-up\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yspn-fcard gsbp-3472d54\">\n<div class=\"yspn-ficon\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 2v6h6\"\/><path d=\"M12 18v-6\"\/><path d=\"M9 15l3-3 3 3\"\/><\/svg>\n<\/div>\n\n\n\n<h3 class=\"yspn-fcard-title\">One-click shipment creation<\/h3>\n\n\n\n<p class=\"yspn-fcard-desc\">One-click call to the PayNow API from the backend order page to create a shipping label, eliminating the need to manually log in to the logistics backend.<\/p>\n<\/div>\n\n\n\n<div data-aos=\"fade-up\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yspn-fcard gsbp-2ef55c8\">\n<div class=\"yspn-ficon\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n<\/div>\n\n\n\n<h3 class=\"yspn-fcard-title\">Real-time status update<\/h3>\n\n\n\n<p class=\"yspn-fcard-desc\">Cron schedules an automatic query of logistics status every 6 hours, and webhooks instantly receive notifications from logistics providers.<\/p>\n<\/div>\n\n\n\n<div data-aos=\"fade-up\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yspn-fcard gsbp-94ec7c6\">\n<div class=\"yspn-ficon\">\n<svg viewbox=\"0 0 24 24\"><path d=\"M6 9V2h12v7\"\/><path d=\"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2\"\/><rect x=\"6\" y=\"14\" width=\"12\" height=\"8\"\/><\/svg>\n<\/div>\n\n\n\n<h3 class=\"yspn-fcard-title\">Batch print labels<\/h3>\n\n\n\n<p class=\"yspn-fcard-desc\">The order list page supports batch selection for printing shipping labels, greatly improving operational efficiency during large shipments.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-section alignfull yspn-admin alignfull\">\n<div class=\"wp-content-wrap\">\n<div data-aos=\"fade-up\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yspn-section-head gsbp-f51f890\">\n<span class=\"yspn-section-tag\">\n<span>Backend Management<\/span>\n<\/span>\n\n\n\n<h2 class=\"yspn-section-title\">A complete backend management system<\/h2>\n\n\n\n<p class=\"yspn-section-desc\">An intuitive backend interface makes logistics management simple and efficient.<\/p>\n<\/div>\n\n\n\n<div data-aos=\"fade-up\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yspn-admin-grid gsbp-d210f87\">\n<div>\n<ul class=\"yspn-admin-list\">\n<li class=\"yspn-admin-item\">\n<div class=\"yspn-admin-item-icon\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 2v6h6\"\/><path d=\"M16 13H8\"\/><path d=\"M16 17H8\"\/><path d=\"M10 9H8\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yspn-admin-item-title\">Order Meta Box<\/p>\n\n\n\n<p class=\"yspn-admin-item-desc\">Display the complete logistics information panel on the order editing page, including logistics status, tracking number, and store information.<\/p>\n<\/div>\n<\/li>\n\n\n\n<li class=\"yspn-admin-item\">\n<div class=\"yspn-admin-item-icon\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><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=\"yspn-admin-item-title\">API Secure Communication<\/p>\n\n\n\n<p class=\"yspn-admin-item-desc\">Webhook Token Fail-Close Mechanism, hash_equals for timing attack prevention, API response auto-sanitization.<\/p>\n<\/div>\n<\/li>\n\n\n\n<li class=\"yspn-admin-item\">\n<div class=\"yspn-admin-item-icon\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yspn-admin-item-title\">Cron schedule update<\/p>\n\n\n\n<p class=\"yspn-admin-item-desc\">Automatically query the logistics status of uncompleted orders in batches every 6 hours and automatically synchronize WC order statuses.<\/p>\n<\/div>\n<\/li>\n\n\n\n<li class=\"yspn-admin-item\">\n<div class=\"yspn-admin-item-icon\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><path d=\"M6 9V2h12v7\"\/><path d=\"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2\"\/><rect x=\"6\" y=\"14\" width=\"12\" height=\"8\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yspn-admin-item-title\">Batch operations<\/p>\n\n\n\n<p class=\"yspn-admin-item-desc\">Batch create shipping orders, batch print labels, and batch update logistics status on the order list page.<\/p>\n<\/div>\n<\/li>\n\n\n\n<li class=\"yspn-admin-item\">\n<div class=\"yspn-admin-item-icon\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\"\/><path d=\"M4 22v-7\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yspn-admin-item-title\">Full log record<\/p>\n\n\n\n<p class=\"yspn-admin-item-desc\">All API calls and responses are fully logged, with sensitive parameters automatically masked for convenient debugging and tracking.<\/p>\n<\/div>\n<\/li>\n\n\n\n<li class=\"yspn-admin-item\">\n<div class=\"yspn-admin-item-icon\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yspn-admin-item-title\">Block Checkout Support<\/p>\n\n\n\n<p class=\"yspn-admin-item-desc\">Full support for WooCommerce Block Checkout, seamlessly integrating store selection and field control.<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div>\n<div class=\"yspn-admin-panel\">\n<div class=\"yspn-admin-panel-bar\">\n<div class=\"yspn-admin-panel-dot yspn-dot-red\"><\/div>\n\n\n\n<div class=\"yspn-admin-panel-dot yspn-dot-yellow\"><\/div>\n\n\n\n<div class=\"yspn-admin-panel-dot yspn-dot-green\"><\/div>\n\n\n\n<p class=\"yspn-admin-panel-title\">PayNow Logistics Information<\/p>\n<\/div>\n\n\n\n<div class=\"yspn-admin-panel-body\">\n<div class=\"yspn-admin-panel-row\">\n<span class=\"yspn-admin-panel-label\">Logistics provider<\/span>\n\n\n\n<span class=\"yspn-admin-panel-value\">7-ELEVEN Delivery Service<\/span>\n<\/div>\n\n\n\n<div class=\"yspn-admin-panel-row\">\n<span class=\"yspn-admin-panel-label\">Waybill number<\/span>\n\n\n\n<span class=\"yspn-admin-panel-value\">881234567890<\/span>\n<\/div>\n\n\n\n<div class=\"yspn-admin-panel-row\">\n<span class=\"yspn-admin-panel-label\">Store Code<\/span>\n\n\n\n<span class=\"yspn-admin-panel-value\">131386<\/span>\n<\/div>\n\n\n\n<div class=\"yspn-admin-panel-row\">\n<span class=\"yspn-admin-panel-label\">Store Name<\/span>\n\n\n\n<span class=\"yspn-admin-panel-value\">7-Eleven Xinyi Store<\/span>\n<\/div>\n\n\n\n<div class=\"yspn-admin-panel-row\">\n<span class=\"yspn-admin-panel-label\">Logistics status<\/span>\n\n\n\n<span class=\"yspn-admin-panel-status\">\n<span class=\"yspn-admin-panel-status-dot\"><\/span>\n\n\n\n<span>Ready for pickup<\/span>\n<\/span>\n<\/div>\n\n\n\n<div class=\"yspn-admin-panel-row\">\n<span class=\"yspn-admin-panel-label\">Last updated<\/span>\n\n\n\n<span class=\"yspn-admin-panel-value\">2026-03-21 14:20<\/span>\n<\/div>\n\n\n\n<a class=\"yspn-admin-panel-btn\" href=\"#\">\n<svg viewbox=\"0 0 24 24\" class=\"gsbp-5382dd2\"><path d=\"M6 9V2h12v7\"\/><path d=\"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2\"\/><rect x=\"6\" y=\"14\" width=\"12\" height=\"8\"\/><\/svg>\n\n\n\n<span>Print shipping labels<\/span>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-section yspn-tracking gsbp-5d795a9 alignfull\">\n<div class=\"wp-content-wrap\">\n<div data-aos=\"fade-up\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yspn-section-head gsbp-04f76c1\">\n<span class=\"yspn-section-tag gsbp-6477d46\">\n<span class=\"gsbp-f33e15b\">Order tracking<\/span>\n<\/span>\n\n\n\n<h2 class=\"yspn-section-title\">Order logistics status<\/h2>\n\n\n\n<p class=\"yspn-section-desc\">Instantly track the logistics progress of every order, from creation to pickup completion.<\/p>\n<\/div>\n\n\n\n<div data-aos=\"fade-up\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yspn-tracking-grid gsbp-ae4cecb\">\n<div class=\"yspn-tracking-left\">\n<div class=\"yspn-metabox\">\n<div class=\"yspn-metabox-header\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><path d=\"M3 9h18v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9z\"\/><path d=\"M3 9l2.45-4.9A2 2 0 0 1 7.24 3h9.52a2 2 0 0 1 1.8 1.1L21 9\"\/><\/svg>\n\n\n\n<span class=\"yspn-metabox-header-text\">PayNow Logistics Information<\/span>\n<\/div>\n\n\n\n<div class=\"yspn-metabox-body\">\n<div class=\"yspn-metabox-row\">\n<span class=\"yspn-metabox-label\">Waybill number<\/span>\n\n\n\n<span class=\"yspn-metabox-value\">881234567890<\/span>\n<\/div>\n\n\n\n<div class=\"yspn-metabox-row\">\n<span class=\"yspn-metabox-label\">Logistics provider<\/span>\n\n\n\n<span class=\"yspn-metabox-value\">7-ELEVEN<\/span>\n<\/div>\n\n\n\n<div class=\"yspn-metabox-row\">\n<span class=\"yspn-metabox-label\">Store<\/span>\n\n\n\n<span class=\"yspn-metabox-value\">7-ELEVEN Xinyi Store<\/span>\n<\/div>\n\n\n\n<div class=\"yspn-metabox-row\">\n<span class=\"yspn-metabox-label\">Status<\/span>\n\n\n\n<span class=\"yspn-admin-panel-status\">\n<span class=\"yspn-admin-panel-status-dot\"><\/span>\n\n\n\n<span>Ready for pickup<\/span>\n<\/span>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yspn-metabox\" style=\"padding:24px;\">\n<div class=\"yspn-timeline\">\n<div class=\"yspn-timeline-line\"><\/div>\n\n\n\n<div class=\"yspn-timeline-line-fill\"><\/div>\n\n\n\n<div class=\"yspn-timeline-item\">\n<div class=\"yspn-timeline-dot yspn-timeline-dot-done\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n<\/div>\n\n\n\n<div class=\"yspn-timeline-content\">\n<p class=\"yspn-timeline-title\">Order established<\/p>\n\n\n\n<p class=\"yspn-timeline-time\">03\/20 14:30<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yspn-timeline-item\">\n<div class=\"yspn-timeline-dot yspn-timeline-dot-done\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n<\/div>\n\n\n\n<div class=\"yspn-timeline-content\">\n<p class=\"yspn-timeline-title\">Shipped<\/p>\n\n\n\n<p class=\"yspn-timeline-time\">03\/20 16:45<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yspn-timeline-item\">\n<div class=\"yspn-timeline-dot yspn-timeline-dot-done\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n<\/div>\n\n\n\n<div class=\"yspn-timeline-content\">\n<p class=\"yspn-timeline-title\">In transit<\/p>\n\n\n\n<p class=\"yspn-timeline-time\">03\/21 08:15<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yspn-timeline-item\">\n<div class=\"yspn-timeline-dot yspn-timeline-dot-current\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><path d=\"M3 9h18v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9z\"\/><path d=\"M3 9l2.45-4.9A2 2 0 0 1 7.24 3h9.52a2 2 0 0 1 1.8 1.1L21 9\"\/><\/svg>\n<\/div>\n\n\n\n<div class=\"yspn-timeline-content\">\n<p class=\"yspn-timeline-title\">\n<span>Ready for pickup<\/span>\n\n\n\n<span class=\"yspn-timeline-current-badge\">Current<\/span>\n<\/p>\n\n\n\n<p class=\"yspn-timeline-time\">03\/21 14:20<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yspn-timeline-item\">\n<div class=\"yspn-timeline-dot yspn-timeline-dot-pending\"><\/div>\n\n\n\n<div class=\"yspn-timeline-content\">\n<p class=\"yspn-timeline-title yspn-timeline-title-muted\">Pickup complete<\/p>\n\n\n\n<p class=\"yspn-timeline-time\"><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yspn-tracking-features\">\n<div class=\"yspn-tracking-fcard\">\n<div class=\"yspn-tracking-fcard-icon\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yspn-tracking-fcard-title\">Real-time cargo status tracking<\/p>\n\n\n\n<p class=\"yspn-tracking-fcard-desc\">The front-end order details page displays a complete logistics progress bar, allowing customers to check package status at any time.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yspn-tracking-fcard\">\n<div class=\"yspn-tracking-fcard-icon\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><path d=\"M22 4L12 14.01l-3-3\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yspn-tracking-fcard-title\">Automatic status synchronization<\/p>\n\n\n\n<p class=\"yspn-tracking-fcard-desc\">Automatically update WooCommerce order status when logistics status changes, without manual intervention.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yspn-tracking-fcard\">\n<div class=\"yspn-tracking-fcard-icon\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yspn-tracking-fcard-title\">Webhook Instant Notification<\/p>\n\n\n\n<p class=\"yspn-tracking-fcard-desc\">Receive real-time shipment status change notifications from logistics providers and update order statuses immediately.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"yspn-tracking-fcard\">\n<div class=\"yspn-tracking-fcard-icon\">\n<svg viewbox=\"0 0 24 24\" class=\"ys-svg\"><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\"\/><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><path d=\"M12 11h4\"\/><path d=\"M12 16h4\"\/><path d=\"M8 11h.01\"\/><path d=\"M8 16h.01\"\/><\/svg>\n<\/div>\n\n\n\n<div>\n<p class=\"yspn-tracking-fcard-title\">Logistics tracking number copy<\/p>\n\n\n\n<p class=\"yspn-tracking-fcard-desc\">One-click copy of the tracking number, allowing customers to check detailed delivery information on the logistics provider's official website.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-section alignfull yspn-cta alignfull\">\n<div class=\"wp-content-wrap\">\n<div data-aos=\"fade-up\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"yspn-cta-box gsbp-d375c50\">\n<h2 class=\"yspn-cta-title\">Integrate PayNow Logistics into Your Store<\/h2>\n\n\n\n<p class=\"yspn-cta-desc\">Supports 13 shipping methods, complete backend management, and real-time tracking for more efficient e-commerce logistics.<\/p>\n\n\n\n<a class=\"yspn-cta-btn\" href=\"https:\/\/yangsheep.com.tw\/wp-json\/ys-hub\/v1\/download?slug=ys-paynow-shipping\" 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>Download now<\/span>\n<\/a>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":151,"featured_media":1870220,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":".gsbp-9d76b5d{display:none!important}.yspn-page{color:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6}@media (max-width:575.98px){.yspn-page{background-color:#020617}}.yspn-page{--yscl-bg:#020617;--yscl-card:rgba(15,23,42,0.7);--yscl-border:rgba(148,163,184,0.15);--yscl-text:#f1f5f9;--yscl-muted:#94a3b8;--yscl-primary:#3B82F6;--yscl-primary10:rgba(59,130,246,0.1);--yscl-green:#22c55e}.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%}.yspn-hero{background:#020617;padding-top:80px;padding-bottom:80px}@media (max-width:640px){.yspn-admin,.yspn-cta,.yspn-features,.yspn-hero,.yspn-methods,.yspn-tracking{padding-top:48px;padding-bottom:48px}}.yspn-hero-inner{display:flex;align-items:center;gap:60px}@media (max-width:1024px){.yspn-hero-inner{flex-direction:column;text-align:center}}@media (max-width:991.98px){.yspn-hero-left{width:100%;display:flex;flex-direction:column;align-items:flex-start}}.yspn-hero-left{flex:1}.yspn-hero-right{max-width:480px}@media (max-width:991.98px){.yspn-hero-right{width:100%}}.yspn-hero-right{flex:1}@media (max-width:1024px){.yspn-hero-right{max-width:100%}}.yspn-hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:20px;padding:6px 16px;font-size:13px;color:#3b82f6;margin-bottom:24px;margin-top:0}.yspn-hero-title{font-family:'Orbitron',sans-serif;font-size:42px;font-weight:700;margin-bottom:16px;margin-top:0;line-height:1.2;display:flex;flex-direction:column}@media (max-width:640px){.yspn-hero-title{font-size:28px}}.yspn-cta-version span,.yspn-hero-title span{color:#3b82f6}.yspn-hero-desc{font-size:18px;color:#94a3b8;margin-bottom:32px;margin-top:0;max-width:520px}@media (max-width:991.98px){.yspn-hero-desc{max-width:100%;text-align:left}}.yspn-badge-row{display:flex;gap:12px;flex-wrap:wrap}@media (max-width:1024px){.yspn-badge-row{justify-content:center}}.yspn-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.15);border-radius:8px;padding:8px 14px;font-size:13px;color:#94a3b8}.yspn-badge svg{width:16px;height:16px}.yspn-badge-green{color:#22c55e}.yspn-mock-ui{background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:28px;backdrop-filter:blur(10px)}@media (max-width:991.98px){.yspn-mock-ui{width:100%}}.yspn-mock-title{font-size:14px;color:#94a3b8;margin-bottom:20px;margin-top:0;text-transform:uppercase;letter-spacing:1px}.yspn-mock-option{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(148,163,184,.15);border-radius:10px;margin-bottom:10px;cursor:pointer;transition:all .3s ease}.yspn-mock-option:last-child{margin-bottom:0}.yspn-mock-option-active{border-color:rgba(59,130,246,.5);background:rgba(59,130,246,.08)}.yspn-mock-option-active .yspn-mock-radio{border-color:#3b82f6}.yspn-mock-option-active .yspn-mock-radio-dot{background:#3b82f6}.yspn-mock-radio{width:18px;height:18px;border-radius:50%;border:2px solid rgba(148,163,184,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.yspn-mock-radio-dot{width:8px;height:8px;border-radius:50%;background:0 0}.yspn-mock-icon{width:36px;height:36px;border-radius:8px;background:rgba(59,130,246,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.yspn-mock-icon svg{width:20px;height:20px}.yspn-mock-info{flex:1}.yspn-mock-name{font-size:14px;color:#f1f5f9;font-weight:500;margin-bottom:2px;margin-top:0}.yspn-mock-sub{font-size:12px;color:#94a3b8;margin-top:0;margin-bottom:0}.yspn-mock-price{font-size:14px;color:#3b82f6;font-weight:600;flex-shrink:0}.yspn-section-tag{display:inline-flex;align-items:center;row-gap:8px;column-gap:8px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:20px;padding:6px 16px;font-size:13px;color:#3b82f6;margin-bottom:16px;margin-top:0}.yspn-section-title{font-family:'Orbitron',sans-serif;font-size:32px;font-weight:700;color:#f1f5f9;margin-bottom:12px;margin-top:0;text-align:center;line-height:1.3}@media (max-width:640px){.yspn-section-title{font-size:24px}}.yspn-section-desc{font-size:16px;color:#94a3b8;text-align:center;max-width:600px;margin:0 auto 48px}.yspn-section-head{display:flex;flex-direction:column;align-items:center;margin-bottom:48px}.yspn-methods{background:#020617;padding-top:80px;padding-bottom:80px}.yspn-methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:1024px){.yspn-methods-grid{grid-template-columns:1fr}}.yspn-method-card{background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:32px 28px;transition:all .3s ease}.yspn-method-card:hover{border-color:rgba(59,130,246,.3);transform:translateY(-4px)}.yspn-method-card-head{display:flex;align-items:center;gap:14px;margin-bottom:24px}.yspn-method-card-icon{width:44px;height:44px;border-radius:12px;background:rgba(59,130,246,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.yspn-method-card-icon svg{width:24px;height:24px}.yspn-method-card-title{font-size:18px;font-weight:600;color:#f1f5f9;margin-top:0;margin-bottom:4px}.yspn-method-card-count{font-size:13px;color:#94a3b8;margin-top:0;margin-bottom:0}.yspn-method-list{list-style:none;padding:0;margin:0}.yspn-method-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.08);font-size:14px;color:#f1f5f9}.yspn-method-item:last-child{border-bottom:none}.yspn-method-item svg{width:16px;height:16px;flex-shrink:0;stroke:#22c55e}.yspn-method-item-tag{font-size:11px;padding:2px 8px;border-radius:4px;background:rgba(59,130,246,.1);color:#3b82f6;margin-left:auto;flex-shrink:0}.yspn-method-item-tag-green{background:rgba(34,197,94,.1);color:#22c55e}.yspn-features{padding-top:80px;padding-bottom:80px}.yspn-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width:1024px){.yspn-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.yspn-features-grid{grid-template-columns:1fr}}.yspn-fcard{background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:32px 24px;text-align:center;transition:all .3s ease}.yspn-fcard:hover{border-color:rgba(59,130,246,.3);transform:translateY(-4px)}.yspn-ficon{width:56px;height:56px;border-radius:14px;background:rgba(59,130,246,.1);display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;margin-bottom:20px}.yspn-ficon svg{width:28px;height:28px;fill:none;stroke:#3b82f6;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.yspn-fcard-title{font-size:17px;font-weight:600;color:#f1f5f9;margin-bottom:10px;margin-top:0}.yspn-fcard-desc{font-size:14px;color:#94a3b8;line-height:1.6;margin-top:0;margin-bottom:0}.yspn-admin{background:#020617;padding-top:80px;padding-bottom:80px}.yspn-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}@media (max-width:1024px){.yspn-admin-grid,.yspn-tracking-grid{grid-template-columns:1fr}}.yspn-admin-list{list-style:none;padding:0;margin:0}.yspn-admin-item{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid rgba(148,163,184,.08)}.yspn-admin-item:last-child,.yspn-admin-panel-row:last-child{border-bottom:none}.yspn-admin-item-icon{width:40px;height:40px;border-radius:10px;background:rgba(59,130,246,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.yspn-admin-item-icon svg{width:20px;height:20px}.yspn-admin-item-title{font-size:15px;font-weight:600;color:#f1f5f9;margin-bottom:4px;margin-top:0}.yspn-admin-item-desc{font-size:13px;color:#94a3b8;margin-top:0;margin-bottom:0}.yspn-admin-panel{background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.15);border-radius:16px;overflow:hidden}.yspn-admin-panel-bar{background:rgba(15,23,42,.9);padding:12px 20px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(148,163,184,.15)}.yspn-admin-panel-dot{width:10px;height:10px;border-radius:50%}.yspn-dot-red{background:#ef4444}.yspn-dot-yellow{background:#eab308}.yspn-dot-green{background:#22c55e}.yspn-admin-panel-title{font-size:13px;color:#94a3b8;margin-left:12px;margin-top:0;margin-bottom:0}.yspn-admin-panel-body{padding:24px}.yspn-admin-panel-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.08);font-size:14px}.yspn-admin-panel-label,.yspn-admin-panel-value{color:#94a3b8;margin-top:0;margin-bottom:0}.yspn-admin-panel-value{color:#f1f5f9;font-weight:500}.yspn-admin-panel-status{display:inline-flex;align-items:center;gap:6px;background:rgba(34,197,94,.1);color:#22c55e;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:500}.yspn-admin-panel-status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e}.yspn-admin-panel-btn{display:inline-flex;align-items:center;row-gap:8px;column-gap:8px;background:#3b82f6;color:#fff;border:0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;margin-top:16px;width:100%;justify-content:center;text-decoration:none}.yspn-admin-panel-btn:hover{color:#fff}.yspn-admin-panel-btn svg{width:16px;height:16px}.yspn-tracking{padding-top:80px;padding-bottom:80px}.yspn-tracking-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:48px;column-gap:48px;align-items:start}@media (max-width:575.98px){.yspn-tracking-grid{display:flex;flex-direction:column}}.yspn-tracking-left{display:flex;flex-direction:column;row-gap:24px;column-gap:24px}@media (max-width:575.98px){.yspn-tracking-left{width:100%}}.yspn-metabox{background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.15);border-radius:16px;overflow:hidden}.yspn-metabox-header{background:rgba(59,130,246,.08);border-bottom:1px solid rgba(148,163,184,.15);padding:14px 20px;display:flex;align-items:center;gap:10px}.yspn-metabox-header svg{width:18px;height:18px}.yspn-metabox-header-text{font-size:14px;font-weight:600;color:#f1f5f9;margin-top:0;margin-bottom:0}.yspn-metabox-body{padding:20px}.yspn-metabox-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.08);font-size:13px}.yspn-metabox-row:last-child{border-bottom:none}.yspn-metabox-label,.yspn-metabox-value{color:#94a3b8;margin-top:0;margin-bottom:0}.yspn-metabox-value{color:#f1f5f9;font-weight:500}.yspn-timeline{position:relative;padding-left:32px}.yspn-timeline-line{position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:rgba(148,163,184,.15)}.yspn-timeline-line-fill{position:absolute;left:11px;top:8px;width:2px;height:72%;background:#3b82f6}.yspn-timeline-item{position:relative;padding-bottom:28px;display:flex;align-items:flex-start;gap:16px}.yspn-timeline-item:last-child{padding-bottom:0}.yspn-timeline-dot{width:24px;height:24px;border-radius:50%;background:rgba(59,130,246,.1);border:2px solid rgba(148,163,184,.3);display:flex;align-items:center;justify-content:center;position:absolute;left:-32px;top:0}.yspn-timeline-dot-done{background:rgba(59,130,246,.15);border-color:#3b82f6;background-color:#fff}.yspn-timeline-dot-done svg{width:12px;height:12px}.yspn-timeline-dot-current{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 12px rgba(59,130,246,.4)}.yspn-timeline-dot-current svg{stroke:#fff}.yspn-timeline-dot-pending{background:rgba(15,23,42,.7);border-color:rgba(148,163,184,.3)}.yspn-timeline-content{flex:1}.yspn-timeline-title{font-size:14px;font-weight:500;color:#f1f5f9;margin-top:0;margin-bottom:2px}.yspn-timeline-title-muted{color:#94a3b8}.yspn-timeline-time{font-size:12px;color:#94a3b8;margin-top:0;margin-bottom:0}.yspn-timeline-current-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#3b82f6;background:rgba(59,130,246,.1);padding:2px 8px;border-radius:4px;margin-left:8px}.yspn-tracking-features{display:flex;flex-direction:column;row-gap:16px;column-gap:16px}@media (max-width:575.98px){.yspn-tracking-features{width:100%}}.yspn-tracking-fcard{display:flex;align-items:flex-start;gap:16px;background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.15);border-radius:12px;padding:20px;transition:all .3s ease}.yspn-tracking-fcard:hover{border-color:rgba(59,130,246,.3)}.yspn-tracking-fcard-icon{width:40px;height:40px;border-radius:10px;background:rgba(59,130,246,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.yspn-tracking-fcard-icon svg{width:20px;height:20px}.yspn-tracking-fcard-title{font-size:15px;font-weight:600;color:#f1f5f9;margin-bottom:4px;margin-top:0}.yspn-tracking-fcard-desc{font-size:13px;color:#94a3b8;margin-top:0;margin-bottom:0}.yspn-cta{background:#020617;padding-top:80px;padding-bottom:80px}.yspn-cta-box{background:linear-gradient(135deg,rgba(59,130,246,.1) 0,rgba(15,23,42,.7) 100%);border:1px solid rgba(59,130,246,.2);border-radius:20px;padding:60px 40px;text-align:center}.yspn-cta-title{font-family:'Orbitron',sans-serif;font-size:28px;font-weight:700;color:#f1f5f9;margin-bottom:16px;margin-top:0}.yspn-cta-desc{font-size:16px;color:#94a3b8;margin-bottom:32px;margin-top:0}.yspn-cta-btn{display:inline-flex;align-items:center;row-gap:8px;column-gap:8px;background:#3b82f6;color:#fff;border:0;border-radius:10px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease}.yspn-cta-btn:hover{background:#2563eb;color:#fff}.yspn-cta-btn svg{width:18px;height:18px}.yspn-cta-version{font-size:13px;color:#94a3b8;margin-top:24px;margin-bottom:0}.gsbp-28aac78{background-color:#020617;background-image:linear-gradient(0deg,#060606 0,#020617 100%)}.gsbp-fff239d{padding-top:180px;padding-bottom:80px}@media (max-width:991.98px){.gsbp-fff239d{padding-top:100px}}.gsbp-8b770ea{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-04f76c1.aos-animate,.gsbp-04f76c1[data-gs-aos],.gsbp-2071bcf.aos-animate,.gsbp-2071bcf[data-gs-aos],.gsbp-2ef55c8.aos-animate,.gsbp-2ef55c8[data-gs-aos],.gsbp-3472d54.aos-animate,.gsbp-3472d54[data-gs-aos],.gsbp-600f315.aos-animate,.gsbp-600f315[data-gs-aos],.gsbp-69c9a02.aos-animate,.gsbp-69c9a02[data-gs-aos],.gsbp-7432d39.aos-animate,.gsbp-7432d39[data-gs-aos],.gsbp-8b770ea.aos-animate,.gsbp-8b770ea[data-gs-aos],.gsbp-94ec7c6.aos-animate,.gsbp-94ec7c6[data-gs-aos],.gsbp-ae4cecb.aos-animate,.gsbp-ae4cecb[data-gs-aos],.gsbp-d210f87.aos-animate,.gsbp-d210f87[data-gs-aos],.gsbp-d375c50.aos-animate,.gsbp-d375c50[data-gs-aos],.gsbp-e6dd7b3.aos-animate,.gsbp-e6dd7b3[data-gs-aos],.gsbp-f51f890.aos-animate,.gsbp-f51f890[data-gs-aos],.gsbp-fa08656.aos-animate,.gsbp-fa08656[data-gs-aos]{opacity:1;transform:translateZ(0)}.gsbp-294a9ee{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:0;font-weight:700;line-height:1em}@media (max-width:575.98px){.gsbp-294a9ee{text-align:left}}.gsbp-6a477f1{color:var(--wp--preset--color--palette-color-8, var(--theme-palette-color-8, #ffffff))}.yssbtitle{color:#fff}.gsbp-cc291e7{color:#3b82f6;margin-left:5px}.ys-svg{fill:#3b82f6;stroke:var(--wp--preset--color--palette-color-1, var(--theme-palette-color-1, #054784))}.gsbp-2525cb3{margin-top:20px}.gsbp-41ebc7a{width:18px;height:18px}.gsbp-2071bcf,.gsbp-2ef55c8,.gsbp-3472d54,.gsbp-600f315,.gsbp-69c9a02,.gsbp-7432d39,.gsbp-94ec7c6,.gsbp-d210f87,.gsbp-e6dd7b3,.gsbp-f51f890,.gsbp-fa08656{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-5382dd2{fill:#fff;stroke:var(--wp--preset--color--palette-color-1, var(--theme-palette-color-1, #054784))}.gsbp-04f76c1,.gsbp-ae4cecb,.gsbp-d375c50{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-30f49a01{width:18px;height:18px}","footnotes":""},"class_list":["post-1869870","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\/1869870","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=1869870"}],"version-history":[{"count":46,"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/pages\/1869870\/revisions"}],"predecessor-version":[{"id":1876207,"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/pages\/1869870\/revisions\/1876207"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/media\/1870220"}],"wp:attachment":[{"href":"https:\/\/yangsheep.com.tw\/en\/wp-json\/wp\/v2\/media?parent=1869870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}