{"id":7,"date":"2026-04-06T10:50:46","date_gmt":"2026-04-06T10:50:46","guid":{"rendered":"https:\/\/ai01.gengchacha.com\/index.php\/order-checker\/"},"modified":"2026-04-06T10:50:46","modified_gmt":"2026-04-06T10:50:46","slug":"order-checker","status":"publish","type":"page","link":"https:\/\/ai01.gengchacha.com\/index.php\/order-checker\/","title":{"rendered":"Order Checker"},"content":{"rendered":"    <link rel=\"stylesheet\" href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.3.1\/css\/bootstrap.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.3.1\/js\/bootstrap.bundle.min.js\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.2.1\/jquery.min.js\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css\">\n    <style>\n        .panelhelper-order-status-box {\n            background: #fff;\n            border: 1px solid #e5e7eb;\n            border-radius: 16px;\n            box-shadow: 0 4px 24px rgba(0,0,0,0.07);\n            padding: 36px 32px 28px;\n            width: 100%;\n            max-width: 420px;\n            margin: 40px auto;\n            text-align: center;\n            box-sizing: border-box;\n        }\n        .panelhelper-order-status-box h3 {\n            margin: 0 0 6px;\n            font-size: 20px;\n            font-weight: 700;\n            color: #111;\n        }\n        .panelhelper-order-status-box p.ph-form-desc {\n            margin: 0 0 24px;\n            font-size: 14px;\n            color: #6b7280;\n        }\n        .panelhelper-order-status-box .ph-input-group {\n            position: relative;\n            margin-bottom: 14px;\n            text-align: left;\n        }\n        .panelhelper-order-status-box .ph-input-group label {\n            display: block;\n            font-size: 13px;\n            font-weight: 600;\n            color: #374151;\n            margin-bottom: 5px;\n        }\n        .panelhelper-order-status-box input[type=\"text\"],\n        .panelhelper-order-status-box input[type=\"email\"] {\n            width: 100%;\n            padding: 11px 14px;\n            border-radius: 10px;\n            border: 1px solid #d1d5db;\n            font-size: 14px;\n            color: #111;\n            background: #f9fafb;\n            box-sizing: border-box;\n            outline: none;\n            transition: border-color .2s, box-shadow .2s;\n        }\n        .panelhelper-order-status-box input[type=\"text\"]:focus,\n        .panelhelper-order-status-box input[type=\"email\"]:focus {\n            border-color: #1B1B1B;\n            box-shadow: 0 0 0 3px rgba(27,27,27,0.08);\n            background: #fff;\n        }\n        .panelhelper-order-status-box button {\n            padding: 12px 20px;\n            border: none;\n            border-radius: 10px;\n            background-color: #1B1B1B;\n            color: #fff;\n            font-size: 15px;\n            font-weight: 600;\n            cursor: pointer;\n            width: 100%;\n            margin-top: 8px;\n            letter-spacing: .3px;\n            transition: background-color .2s, transform .1s;\n        }\n        .panelhelper-order-status-box button:hover {\n            background-color: #333;\n        }\n        .panelhelper-order-status-box button:active {\n            transform: scale(0.98);\n        }\n        .panelhelper-order-status-result {\n            border: 1px solid #fca5a5;\n            border-radius: 12px;\n            box-shadow: 0 2px 12px rgba(239,68,68,0.08);\n            padding: 20px 24px;\n            width: 100%;\n            max-width: 420px;\n            margin: 0 auto;\n            text-align: center;\n            font-size: 15px;\n            color: #991b1b;\n            background: #fff1f2;\n            box-sizing: border-box;\n            font-weight: 600;\n        }\n\n        \/* \u67e5\u8be2\u7ed3\u679c\u5305\u88f9\u533a *\/\n        .ph-result-wrapper {\n            width: 100%;\n            max-width: 420px;\n            margin: 0 auto 28px;\n            animation: ph-result-appear 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;\n            scroll-margin-top: 80px;\n        }\n        @keyframes ph-result-appear {\n            from { opacity: 0; transform: translateY(-14px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n        .ph-result-label {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            background: #16a34a;\n            color: #fff;\n            font-size: 12px;\n            font-weight: 700;\n            padding: 4px 13px;\n            border-radius: 20px;\n            margin-bottom: 10px;\n            letter-spacing: .3px;\n            text-transform: uppercase;\n        }\n        .ph-result-wrapper .card {\n            border: 2px solid #1B1B1B;\n            box-shadow: 0 6px 28px rgba(0,0,0,0.12);\n        }\n\n        \/* \u8ba2\u5355\u6570\u91cf\u7edf\u8ba1 *\/\n        .ph-order-stats {\n            display: flex;\n            border-top: 1px solid #e5e7eb;\n            border-bottom: 1px solid #e5e7eb;\n            padding: 0 13%;\n            margin-bottom: 8px;\n        }\n        .ph-stat-item {\n            flex: 1;\n            text-align: center;\n            padding: 14px 8px;\n        }\n        .ph-stat-item + .ph-stat-item {\n            border-left: 1px solid #e5e7eb;\n        }\n        .ph-stat-label {\n            display: block;\n            font-size: 11px;\n            font-weight: 600;\n            color: #9ca3af;\n            text-transform: uppercase;\n            letter-spacing: .5px;\n            margin-bottom: 4px;\n        }\n        .ph-stat-value {\n            display: block;\n            font-size: 26px;\n            font-weight: 700;\n            color: #111;\n        }\n\n\n\n\n\n\n\n        .card {\n    z-index: 0;\n    \n    padding-bottom: 20px;\n    margin-top: 90px;\n    margin-bottom: 90px;\n    border-radius: 10px;\n}\n\n.top {\n    padding-top: 40px;\n    padding-left: 13% !important;\n    padding-right: 13% !important;\n}\n\n\/*Icon progressbar*\/\n#progressbar {\n    margin-bottom: 30px;\n    overflow: hidden;\n    color: #455A64;\n    padding-left: 0px;\n    margin-top: 30px;\n} \n\n#progressbar li {\n    list-style-type: none;\n    font-size: 13px;\n    width: 25%;\n    float: left;\n    position: relative;\n    font-weight: 400;\n}\n\n#progressbar .step0:before {\n    font-family: FontAwesome;\n    content: \"\\f10c\";\n    color: #fff;\n}\n\n#progressbar li:before {\n    width: 40px;\n    height: 40px;\n    line-height: 45px;\n    display: block;\n    font-size: 20px;\n    background: #C5CAE9;\n    border-radius: 50%;\n    margin: auto;\n    padding: 0px;\n}\n\n\/*ProgressBar connectors*\/\n#progressbar li:after {\n    content: '';\n    width: 100%;\n    height: 12px;\n    background: #C5CAE9;\n    position: absolute;\n    left: 0;\n    top: 16px;\n    z-index: -1;\n}\n\n#progressbar li:last-child:after {\n    border-top-right-radius: 10px;\n    border-bottom-right-radius: 10px;\n    position: absolute;\n    left: -50%;\n}\n\n#progressbar li:nth-child(2):after, #progressbar li:nth-child(3):after {\n    left: -50%;\n}\n\n#progressbar li:first-child:after {\n    border-top-left-radius: 10px;\n    border-bottom-left-radius: 10px;\n    position: absolute;\n    left: 50%;\n}\n\n#progressbar li:last-child:after {\n    border-top-right-radius: 10px;\n    border-bottom-right-radius: 10px;\n}\n\n#progressbar li:first-child:after {\n    border-top-left-radius: 10px;\n    border-bottom-left-radius: 10px;\n}\n\n\/*Color number of the step and the connector before it*\/\n#progressbar li.active:before, #progressbar li.active:after {\n    background: #1B1B1B;\n}\n\n#progressbar li.active:before {\n    font-family: FontAwesome;\n    content: \"\\f00c\";\n}\n\n.icon {\n    width: 60px;\n    height: 60px;\n    margin-right: 15px;\n}\n\n.icon-content { \n    padding-bottom: 20px;\n}\n\n@media screen and (max-width: 992px) {\n    .icon-content {\n        width: 50%;\n    }\n}\n\n\n\n\n        \/* \u72b6\u6001\u8bf4\u660e\u5361\u7247 *\/\n        .ph-status-guide {\n            width: 100%;\n            max-width: 420px;\n            margin: 0 auto 40px;\n            box-sizing: border-box;\n        }\n        .ph-status-guide h4 {\n            font-size: 15px;\n            font-weight: 700;\n            color: #111;\n            margin: 0 0 12px;\n            padding-bottom: 10px;\n            border-bottom: 1px solid #e5e7eb;\n        }\n        .ph-status-item {\n            display: flex;\n            gap: 12px;\n            padding: 12px 0;\n            border-bottom: 1px solid #f3f4f6;\n        }\n        .ph-status-item:last-child {\n            border-bottom: none;\n        }\n        .ph-status-badge {\n            flex-shrink: 0;\n            font-size: 11px;\n            font-weight: 700;\n            padding: 3px 9px;\n            border-radius: 20px;\n            height: fit-content;\n            white-space: nowrap;\n        }\n        .ph-badge-pending   { background: #fef9c3; color: #854d0e; }\n        .ph-badge-progress  { background: #dbeafe; color: #1e40af; }\n        .ph-badge-completed { background: #dcfce7; color: #166534; }\n        .ph-badge-cancelled { background: #fee2e2; color: #991b1b; }\n        .ph-badge-partial   { background: #ffedd5; color: #9a3412; }\n        .ph-status-desc {\n            font-size: 13px;\n            color: #6b7280;\n            line-height: 1.6;\n        }\n        .ph-status-desc strong {\n            display: block;\n            font-size: 13px;\n            font-weight: 600;\n            color: #374151;\n            margin-bottom: 2px;\n        }\n    <\/style>\n\n\n\n    <div class=\"panelhelper-order-status-box\">\n        <h3>\u8ba2\u5355\u72b6\u6001\u67e5\u8be2<\/h3>\n        <p class=\"ph-form-desc\">\u8f93\u5165\u8ba2\u5355\u53f7\u548c\u4e0b\u5355\u90ae\u7bb1\uff0c\u67e5\u770b\u8ba2\u5355\u72b6\u6001<\/p>\n        <form method=\"post\" action=\"\">\n            <div class=\"ph-input-group\">\n                <label for=\"ph_order_number\">\u8ba2\u5355\u53f7<\/label>\n                <input type=\"text\" id=\"ph_order_number\" name=\"order_number\" placeholder=\"\u8bf7\u8f93\u5165\u60a8\u7684\u8ba2\u5355\u53f7\" required>\n            <\/div>\n            <div class=\"ph-input-group\">\n                <label for=\"ph_order_email\">\u90ae\u7bb1\u5730\u5740<\/label>\n                <input type=\"email\" id=\"ph_order_email\" name=\"order_email\" placeholder=\"\u8bf7\u8f93\u5165\u4e0b\u5355\u65f6\u4f7f\u7528\u7684\u90ae\u7bb1\" required>\n            <\/div>\n            <button type=\"submit\">\u67e5\u8be2\u8ba2\u5355\u72b6\u6001<\/button>\n        <\/form>\n    <\/div>\n\n    \n    <div class=\"ph-status-guide\">\n        <h4>\ud83d\udccb \u8ba2\u5355\u72b6\u6001\u8bf4\u660e<\/h4>\n        <div class=\"ph-status-item\">\n            <span class=\"ph-status-badge ph-badge-pending\">\u5f85\u5904\u7406<\/span>\n            <div class=\"ph-status-desc\"><strong>Pending<\/strong>\u8ba2\u5355\u5c1a\u672a\u5f00\u59cb\uff0c\u5c06\u6309\u670d\u52a1\u63cf\u8ff0\u4e2d\u7684\u65f6\u95f4\u81ea\u52a8\u542f\u52a8\uff0c\u8bf7\u8010\u5fc3\u7b49\u5f85\u3002<\/div>\n        <\/div>\n        <div class=\"ph-status-item\">\n            <span class=\"ph-status-badge ph-badge-progress\">\u8fdb\u884c\u4e2d<\/span>\n            <div class=\"ph-status-desc\"><strong>In Progress<\/strong>\u8ba2\u5355\u6b63\u5728\u5904\u7406\u4e2d\uff0c\u5c06\u6309\u670d\u52a1\u63cf\u8ff0\u4e2d\u8bf4\u660e\u7684\u901f\u5ea6\u5b8c\u6210\u4ea4\u4ed8\u3002<\/div>\n        <\/div>\n        <div class=\"ph-status-item\">\n            <span class=\"ph-status-badge ph-badge-completed\">\u5df2\u5b8c\u6210<\/span>\n            <div class=\"ph-status-desc\"><strong>Completed<\/strong>\u8ba2\u5355\u5df2\u5168\u90e8\u4ea4\u4ed8\u5b8c\u6210\u3002\u5982\u53d1\u73b0\u6570\u91cf\u4e0d\u8db3\u6216\u5b8c\u6210\u540e\u6709\u6240\u6389\u843d\uff0c\u53ef\u8054\u7cfb\u5ba2\u670d\u7533\u8bf7\u8865\u5355\uff08\u4ec5\u9650\u6709\u8d28\u4fdd\u7684\u670d\u52a1\uff09\u3002<\/div>\n        <\/div>\n        <div class=\"ph-status-item\">\n            <span class=\"ph-status-badge ph-badge-cancelled\">\u5df2\u53d6\u6d88<\/span>\n            <div class=\"ph-status-desc\"><strong>Canceled<\/strong>\u8ba2\u5355\u5df2\u53d6\u6d88\uff0c\u91d1\u989d\u5c06\u5168\u989d\u81ea\u52a8\u9000\u8fd8\u3002\u5e38\u89c1\u539f\u56e0\uff1a\u94fe\u63a5\u65e0\u6548\u3001\u8d26\u53f7\u8bbe\u4e3a\u79c1\u5bc6\u3001\u5185\u5bb9\u53d7\u9650\u7b49\u3002\u4e00\u822c\u60c5\u51b5\u4e0b\u5ba2\u670d\u4f1a\u91cd\u8bd5\u51e0\u4e2a\u6e20\u9053\uff0c\u5982\u4ecd\u672a\u6210\u529f\uff0c\u5219\u4f1a\u53d6\u6d88\u8ba2\u5355\u5e76\u9000\u6b3e\u3002\uff08\u6709\u65f6\u5ba2\u670d\u91cd\u4e0b\u4e86\u8ba2\u5355\u540e\uff0c\u8fd9\u91cc\u7684\u8ba2\u5355\u72b6\u6001\u8fd8\u672a\u66f4\u65b0\uff0c\u8bf7\u5df2\u5b9e\u9645\u5230\u8d26\u4e3a\u51c6\uff09<\/div>\n        <\/div>\n        <div class=\"ph-status-item\">\n            <span class=\"ph-status-badge ph-badge-partial\">\u90e8\u5206\u5b8c\u6210<\/span>\n            <div class=\"ph-status-desc\"><strong>Partial<\/strong>\u8ba2\u5355\u5df2\u90e8\u5206\u4ea4\u4ed8\uff0c\u5df2\u4ea4\u4ed8\u90e8\u5206\u6b63\u5e38\u6263\u8d39\uff0c\u672a\u4ea4\u4ed8\u90e8\u5206\u53ef\u8054\u7cfb\u5ba2\u670d\u8865\u5355\u6216\u9000\u6b3e\u3002<\/div>\n        <\/div>\n    <\/div>\n\n\n\n    \n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/ai01.gengchacha.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai01.gengchacha.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ai01.gengchacha.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/ai01.gengchacha.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":0,"href":"https:\/\/ai01.gengchacha.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"wp:attachment":[{"href":"https:\/\/ai01.gengchacha.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}