{"id":108,"date":"2026-07-13T11:17:44","date_gmt":"2026-07-13T03:17:44","guid":{"rendered":"https:\/\/progravercreative.store\/?page_id=108"},"modified":"2026-07-13T09:52:13","modified_gmt":"2026-07-13T08:52:13","slug":"checkout","status":"publish","type":"page","link":"https:\/\/progravercreative.store\/index.php\/checkout\/","title":{"rendered":"Checkout"},"content":{"rendered":"\n<div class=\"comic-checkout-wrap\">\n\n<style>\n.comic-checkout-wrap {\n    max-width: 936px;\n    margin: 40px auto;\n    padding: 20px;\n    font-family: 'Inter', sans-serif;\n}\n\n\/* \u6574\u4f53\u5361\u7247 *\/\n.comic-checkout-wrap .woocommerce-checkout {\n    background: #fff;\n    border: 3px solid #000;\n    border-radius: 12px 28px 12px 28px;\n    padding: 25px 22px;\n    position: relative;\n}\n\n\/* \u6807\u9898 *\/\n.comic-checkout-wrap .woocommerce-checkout h3 {\n    font-size: 18px;\n    font-weight: 900;\n    margin-bottom: 15px;\n}\n\n.comic-checkout-wrap .woocommerce-checkout h3::after {\n    content: \"\";\n    display: block;\n    height: 6px;\n    width: 60px;\n    background: #81CBEA;\n    margin-top: 5px;\n    border-radius: 4px;\n}\n\n\/* \u8f93\u5165\u6846 *\/\n.comic-checkout-wrap .woocommerce-checkout input,\n.comic-checkout-wrap .woocommerce-checkout textarea,\n.comic-checkout-wrap .woocommerce-checkout select {\n    width: 100%;\n    border: 2px solid #000;\n    border-radius: 6px;\n    padding: 10px 12px;\n    font-size: 14px;\n    transition: 0.2s;\n}\n\n\/* focus *\/\n.comic-checkout-wrap .woocommerce-checkout input:focus,\n.comic-checkout-wrap .woocommerce-checkout textarea:focus {\n    outline: none;\n    box-shadow: 3px 3px 0 #81CBEA;\n}\n\n\/* label *\/\n.comic-checkout-wrap .woocommerce-checkout label {\n    font-weight: 700;\n    font-size: 13px;\n}\n\n\/* \u8868\u5355\u95f4\u8ddd *\/\n.comic-checkout-wrap .woocommerce-checkout .form-row {\n    margin-bottom: 14px;\n}\n\n\/* Order Review *\/\n.comic-checkout-wrap #order_review {\n    border-top: 2px dashed #000;\n    margin-top: 20px;\n    padding-top: 15px;\n}\n\n\/* \u2b50\u2b50\u2b50 \u6838\u5fc3\u4fee\u590d\uff1a\u6309\u94ae\u9ed8\u8ba4\u6587\u5b57\u4e3a\u6df1\u8272 \u2b50\u2b50\u2b50 *\/\n.comic-checkout-wrap #place_order {\n    width: 100%;\n    background: #fff;\n    color: #000; \/* \u2b50 \u9ed8\u8ba4\u6df1\u8272\u6587\u5b57 *\/\n    border: 3px solid #000;\n    padding: 14px;\n    font-size: 15px;\n    font-weight: 900;\n    border-radius: 10px;\n    transition: all 0.2s ease;\n}\n\n\/* hover *\/\n.comic-checkout-wrap #place_order:hover {\n    background: #385F96;\n    color: #fff; \/* hover \u624d\u53d8\u767d *\/\n    transform: translate(-3px, -3px);\n    box-shadow: 6px 6px 0 #000;\n}\n\n\/* checkbox *\/\n.comic-checkout-wrap .woocommerce-checkout input[type=\"checkbox\"] {\n    width: auto;\n    margin-right: 6px;\n}\n\n\/* \u53bb\u63d0\u793a *\/\n.comic-checkout-wrap .woocommerce-info,\n.comic-checkout-wrap .woocommerce-message {\n    display: none;\n}\n\n\/* \u52a8\u753b *\/\n.comic-checkout-wrap {\n    opacity: 0;\n    transform: translateY(40px);\n}\n\n.comic-checkout-wrap.show {\n    animation: checkoutFade 0.6s ease forwards;\n}\n\n@keyframes checkoutFade {\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n\n    const el = document.querySelector(\".comic-checkout-wrap\");\n\n    const observer = new IntersectionObserver(entries => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                el.classList.add(\"show\");\n                observer.disconnect();\n            }\n        });\n    }, { threshold: 0.2 });\n\n    observer.observe(el);\n\n});\n<\/script>\n\n<div class=\"woocommerce\"><\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-108","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/progravercreative.store\/index.php\/wp-json\/wp\/v2\/pages\/108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/progravercreative.store\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/progravercreative.store\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/progravercreative.store\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/progravercreative.store\/index.php\/wp-json\/wp\/v2\/comments?post=108"}],"version-history":[{"count":13,"href":"https:\/\/progravercreative.store\/index.php\/wp-json\/wp\/v2\/pages\/108\/revisions"}],"predecessor-version":[{"id":110,"href":"https:\/\/progravercreative.store\/index.php\/wp-json\/wp\/v2\/pages\/108\/revisions\/110"}],"wp:attachment":[{"href":"https:\/\/progravercreative.store\/index.php\/wp-json\/wp\/v2\/media?parent=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}