/* A single order connects the payment record and the customer message. */
.wx-page .px3-scene.wx-payment-scene{display:block;position:relative;isolation:isolate;border:1px solid #e1e8f4;border-radius:22px;background:radial-gradient(ellipse at 77% 46%,#e7efff 0%,#f4f7fd 37%,#f8faff 71%);padding:30px clamp(24px,3.4vw,56px) 38px;overflow:hidden;color:#223e64;box-shadow:0 16px 40px #20477505}
.px3-scene *{box-sizing:border-box}.px3-scene svg{display:block;width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.px3-scene button{font:inherit}.px3-scene :is(button,summary):focus-visible{outline:2px solid #7095d9;outline-offset:3px}
.px3-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:27px}.px3-demo-heading>span{font-size:10px;letter-spacing:.13em;color:#728bb1;font-weight:600}.wx-page .px3-demo-heading>p{font-size:15px;color:#455f84;line-height:1.6;margin:7px 0 0}.px3-scenarios{display:flex;gap:7px;align-items:center}.wx-page .px3-scenarios>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 13px;border:1px solid #d6e1f2;border-radius:8px;background:#fff;color:#5275a6;font-size:12px;line-height:1.5;white-space:nowrap;transition:background .3s,color .3s,border-color .3s}.px3-scenarios>button>svg{width:15px;height:15px}.wx-page .px3-scenarios>button:hover{background:#eef4ff;border-color:#a6bfe5}.wx-page .px3-scenarios>button:last-child{border-color:transparent;background:none;color:#8395ae;padding-inline:8px}.wx-page .px3-scenarios>button[aria-disabled=true]{background:#edf3fe;color:#597eb4;border-color:#cbdcf6;cursor:default}
.px3-progress{display:flex;align-items:center;gap:20px;padding:18px 0 26px;border-top:1px solid #dce6f4;color:#5b7da9}.px3-progress>span{display:flex;align-items:center;gap:9px;white-space:nowrap}.px3-progress>span>i{display:grid;place-items:center;width:25px;height:25px;border:1px solid #dbe6f6;border-radius:7px;background:#fff}.px3-progress svg{height:14px;width:14px}.px3-progress b{font-weight:550;font-size:12px;line-height:1.5}.px3-progress>em{flex:1;height:1px;background:linear-gradient(90deg,#d3e0f4,#c1d3f0);position:relative}.px3-progress>em:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#a7bee2}
.wx-page .px3-panels.wx-payment-panels{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(45px,6vw,100px);align-items:center;max-width:1220px;margin:0 auto;padding:0;background:none;border:0;border-radius:0}.wx-page .px3-panels:before{display:none}
.wx-page .px3-console.wx-receipt{position:relative;width:100%;max-width:none;background:#fff;border:1px solid #dce5f2;border-radius:15px;padding:0;margin:0;overflow:hidden;box-shadow:0 18px 35px #375d9010;color:#233e62}.px3-console-head{display:flex;align-items:center;gap:11px;padding:17px 24px;border-bottom:1px solid #e7edf6;background:#fcfdff}.px3-console-head>span:first-child{display:flex;align-items:center;gap:8px;white-space:nowrap}.px3-console-head svg{width:17px;height:17px;color:#6282ad}.px3-console-head b{font-size:14px;font-weight:600}.px3-console-head>small{font-size:10px;color:#8b9bb3;margin-left:3px;letter-spacing:.02em}.px3-console-head .px3-state{margin-left:auto;font-size:10px;line-height:1.5;padding:5px 9px;background:#edf4ff;color:#4a76b4;border:1px solid #dce9fc;border-radius:20px;white-space:nowrap}
.px3-order-content{padding:23px 26px 22px}.px3-payment-card{position:relative;isolation:isolate;overflow:hidden;padding:18px 24px 17px;border-radius:11px;background:linear-gradient(120deg,#173f75,#315fa4 60%,#527eba);color:#fff;box-shadow:0 12px 23px #315e9e1b;min-height:181px}.px3-card-top{display:flex;align-items:center;justify-content:space-between}.px3-card-top>span{font-size:10px;letter-spacing:.12em;font-weight:450;color:#d1e0f7}.px3-card-top>span>b{font-weight:650;margin-left:5px;color:#fff}.px3-card-top>svg{width:27px;height:27px;stroke-width:1.2;color:#a6c2e6}.px3-card-amount{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:12px}.px3-card-amount small{font-size:11px;line-height:1.6;color:#c4d7f1}.wx-page .px3-card-amount h3{font-size:42px;line-height:1.25;letter-spacing:-.035em;color:#fff;font-weight:550;margin:3px 0 0;white-space:nowrap}.px3-card-amount h3>span{font-size:16px;font-weight:400;letter-spacing:0;margin-left:6px}.px3-card-amount>span{font-size:10px;color:#cddcf1;border:1px solid #ffffff29;padding:5px 7px;border-radius:4px;white-space:nowrap}.px3-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px;padding-top:12px;border-top:1px solid #ffffff22;position:relative}.px3-card-bottom>span{font-size:11px;color:#dce7f7}.px3-card-bottom>small{font-size:10px;color:#a6c0e5}.px3-payment-card>i{position:absolute;z-index:-1;width:320px;height:250px;border:1px solid #ffffff12;border-radius:50%;right:-75px;top:13px;transform:rotate(-25deg);box-shadow:0 0 0 25px #ffffff03,0 0 0 50px #ffffff03,0 0 0 76px #ffffff03;pointer-events:none}
.px3-balance{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:18px;padding-bottom:17px;border-bottom:1px solid #e9eef6}.px3-balance>div{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:11px}.px3-balance>div+div{padding-left:25px;border-left:1px solid #e5edf7}.px3-balance span{color:#7e91ab}.px3-balance b{font-size:16px;font-weight:600;color:#395c8b}.px3-balance small{font-size:10px;margin-left:3px;font-weight:400}
.wx-page .px3-console .px3-order-meta{display:grid;grid-template-columns:1fr 1fr 1.35fr;grid-template-rows:auto auto;gap:6px 13px;font-size:10px;line-height:1.6;border:0;padding:16px 0 0;margin:0}.px3-order-meta dt{grid-row:1;color:#7a8fac}.px3-order-meta dd{grid-row:2;margin:0;text-align:left;color:#6781a2}.px3-order-meta dt:nth-of-type(2),.px3-order-meta dd:nth-of-type(2){grid-column:2}.px3-order-meta dt:nth-of-type(3),.px3-order-meta dd:nth-of-type(3){grid-column:3}
.px3-events-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0 16px}.wx-page .px3-events-head h4{font-size:14px;font-weight:600;color:#3a5a83;margin:0}.px3-events-head>span{font-size:10px;color:#91a1b9}.wx-page .px3-events{padding:0;margin:0;list-style:none;display:grid;gap:0}.px3-events>li{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:56px;padding:0 0 13px}.px3-events>li:last-child{min-height:37px;padding:0}.px3-events>li:not(:last-child):before{content:'';position:absolute;left:13px;top:28px;bottom:0;width:1px;background:#e2eafb}.px3-events>li>i{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:8px;background:#f0f5fd;border:1px solid #e0eafb;color:#7195c8}.px3-events>li>i>svg{width:14px;height:14px}.px3-events>li>div{flex:1;min-width:0}.px3-events b{font-size:13px;line-height:1.65;font-weight:550;color:#4c6c95}.px3-events>li>div>span{display:block;font-size:12px;line-height:1.7;color:#6e84a3;margin-top:3px}.px3-events strong{flex:none;font-size:11px;font-weight:500;line-height:1.7;color:#6387b5;white-space:nowrap;padding-top:3px}.px3-console-footer{display:flex;align-items:center;gap:7px;border-top:1px solid #e9eff8;background:#fbfdff;padding:12px 24px;color:#8196b3;font-size:10px;line-height:1.6}.px3-console-footer svg{height:13px;width:13px;color:#7296ca}
.wx-page .px3-customer.wx-notification{position:relative;width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;color:#29456b}.px3-customer-caption{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:18px}.px3-customer-caption>span{font-size:12px;color:#58759b}.px3-customer-caption>i{width:3px;height:3px;border-radius:50%;background:#a2b6d2}.px3-customer-caption>b{font-size:10px;font-weight:500;color:#829bbd}.px3-phone{position:relative;max-width:313px;padding:13px 12px 10px;margin:auto;border:1px solid #b9c9e0;border-radius:37px;background:linear-gradient(125deg,#f5f8fc,#fff 40%,#edf3fa);box-shadow:0 0 0 4px #fff,0 0 0 5px #d8e2ef,0 20px 35px #3e629522,3px 3px 0 1px #ffffff inset}.px3-phone-status{position:relative;display:flex;align-items:center;justify-content:space-between;padding:3px 12px 19px;font-size:9px;color:#3f5679}.px3-phone-status>b{font-size:10px;font-weight:600}.px3-phone-status>i{position:absolute;left:calc(50% - 29px);top:0;height:12px;width:58px;border-radius:12px;background:#263c5b;box-shadow:inset 0 1px 2px #142747}.px3-phone-status>span{display:flex;align-items:center;gap:4px}.px3-phone-status svg{height:11px;width:11px;stroke-width:2}.px3-phone-status svg:last-child{width:17px}
.px3-chat-header{display:flex;align-items:center;gap:9px;padding:5px 12px 17px}.px3-brand-symbol{display:grid;place-items:center;background:#244e87;box-shadow:inset 0 1px 2px #ffffff28;width:35px;height:35px;border-radius:11px;color:#fff;font-size:19px;font-weight:700;font-style:italic}.px3-chat-header>div{flex:1}.px3-chat-header>div>b{display:block;font-size:13px;font-weight:600;color:#314d72}.px3-chat-header small{display:block;font-size:9px;color:#8296b1;margin-top:4px}.px3-chat-header>svg{color:#9aafca;width:16px;height:16px}.px3-chat-area{background:#f0f4fa;border-radius:19px 19px 25px 25px;padding:1px 12px 16px}.wx-page .px3-date{font-size:9px;line-height:1.5;color:#8196b5;text-align:center;margin:15px 0 12px}.px3-message{background:#fff;border:1px solid #e1e8f3;box-shadow:0 5px 11px #40638e05;border-radius:13px;overflow:hidden}.px3-message>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#e7eefb;border-bottom:1px solid #e2eafa}.px3-message>header>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#5c7dac}.px3-message>header svg{height:13px;width:13px}.px3-message>header>i{font-style:normal;font-size:8px;color:#8ea4c3}.px3-message>div{padding:17px 17px 18px}.px3-message-check{float:right;margin-left:8px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#edf4ff;border:1px solid #e3edfd;color:#6893cc;margin-bottom:0}.px3-message-check svg{height:16px;width:16px}.wx-page .px3-message h3{font-size:23px;line-height:1.45;color:#244770;font-weight:650;letter-spacing:-.035em;margin:0 0 13px}.wx-page .px3-message p{font-size:12px;color:#6d84a5;line-height:1.85;margin:0}.wx-page .px3-message dl{display:grid;grid-template-columns:auto 1fr;gap:12px 10px;font-size:11px;line-height:1.5;padding-top:17px;border-top:1px solid #e6edf7;margin:16px 0 0}.px3-message dt{color:#728aad}.px3-message dd{margin:0;text-align:right;color:#456d9f;font-weight:550}.px3-message-note{display:block;color:#94a6bf;font-size:8px;line-height:1.75;margin-top:16px}.wx-page .px3-customer .px3-delivery{color:#718bad!important;font-size:9px!important;line-height:1.75!important;text-align:center;margin:13px 2px 0!important;min-height:16px}.px3-phone-home{height:3px;width:78px;border-radius:4px;background:#8296b4;margin:12px auto 0}.px3-delivery-chip{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#7993b9;margin-top:22px}.px3-delivery-chip svg{width:15px;height:15px;border:1px solid #c6d8f3;border-radius:50%;padding:2px;color:#7299d0}.px3-delivery-chip>b{font-size:11px;font-weight:450;color:#96a8c1;padding-left:9px;border-left:1px solid #d7e2f2;margin-left:3px}
.px3-scene[data-cancelled=true] .px3-state{background:#e5edfc;border-color:#cfdcf4;color:#4b72b3}.px3-scene[data-fallback=true] .px3-message>header{background:#dce8f9}.px3-scene[data-fallback=true] .px3-progress>span:last-child{color:#365f98}
/* Continue the page palette through scope and the detailed connection steps. */
.wx-page.wx-reading-design .wx-connect .wx-payment-content>ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border:0;border-radius:0;background:none;overflow:visible}.wx-page.wx-reading-design .wx-connect .wx-payment-content>ol>li{position:relative;display:block;padding:27px 24px 28px;background:#fbfcff;border:1px solid #e1e8f5;border-radius:14px;box-shadow:none}.wx-page.wx-reading-design .wx-connect .wx-payment-content>ol>li>.wr-icon{height:48px;width:48px;padding:5px;border-radius:11px;background:#edf3ff;filter:none;margin:0 0 20px}.wx-page.wx-reading-design .wx-connect .wx-payment-content>ol>li>span:not(.wr-icon){top:27px;right:24px;color:#9db0ce;font-size:11px}.wx-page.wx-reading-design .wx-connect .wx-payment-content h4{font-size:19px;line-height:1.5;letter-spacing:-.035em;margin:0 0 13px;color:#2c4e7a}.wx-page.wx-reading-design .wx-connect .wx-payment-content>ol p{font-size:14px;line-height:1.9;color:#7185a1}.wx-page.wx-reading-design .wx-connect .wx-provider-note{background:#f4f7fd;border:1px solid #dfe7f5;border-left:3px solid #95b1e3;border-radius:9px}.wx-page.wx-reading-design .wx-connect .wx-provider-note>b{color:#466792}.wx-page.wx-reading-design .wx-connect .wx-provider-note>p{color:#788ba5}.wx-page.wx-reading-design .wx-connect .wx-scope-list>li{background:#f9fbff;border-color:#e2e9f5}.wx-page.wx-reading-design .wx-connect .wx-scope-list .wr-icon{filter:none}
@media(min-width:1200px){
 .px3-order-content{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:30px;padding:25px}.px3-payment-summary{min-width:0}.px3-processing{min-width:0;border-left:1px solid #e7edf6;padding-left:25px}.px3-payment-card{padding:18px 19px 16px;min-height:186px}.px3-card-top>span{font-size:9px;letter-spacing:.06em}.px3-card-top>svg{width:24px;height:24px}.px3-card-amount{gap:9px;margin-top:17px}.wx-page .px3-card-amount h3{font-size:37px}.px3-card-amount>span{display:none}.px3-card-bottom>span{font-size:10px}.px3-card-bottom>small{font-size:9px}.px3-balance{gap:13px}.px3-balance>div{display:block}.px3-balance>div+div{padding-left:13px}.px3-balance b{display:block;margin-top:6px;font-size:17px}.wx-page .px3-console .px3-order-meta{grid-template-columns:1fr auto;grid-template-rows:none;gap:9px 12px;padding-top:17px;font-size:12px}.px3-order-meta dt,.px3-order-meta dd{grid-column:auto;grid-row:auto}.px3-order-meta dt:nth-of-type(2),.px3-order-meta dd:nth-of-type(2),.px3-order-meta dt:nth-of-type(3),.px3-order-meta dd:nth-of-type(3){grid-column:auto}.px3-order-meta dd{text-align:right}.px3-events-head{display:block;margin:1px 0 23px}.px3-events-head>span{display:block;margin-top:7px;font-size:10px}.px3-events>li{display:grid;grid-template-columns:27px 1fr;gap:0 10px;padding:0 0 22px;min-height:89px}.px3-events>li>i{grid-column:1;grid-row:1/3}.px3-events>li>div{grid-column:2}.px3-events strong{grid-column:2;font-size:11px;margin-top:4px}.px3-events>li>div>span{font-size:12px;line-height:1.8;margin-top:5px}.px3-events>li:last-child{min-height:0}
}
@media(min-width:761px) and (max-width:1100px){.wx-page .px3-scene.wx-payment-scene{padding:25px 24px 30px}.px3-toolbar{gap:15px}.wx-page .px3-demo-heading>p{font-size:12px}.px3-demo-heading>span{font-size:8px}.wx-page .px3-scenarios>button{font-size:11px;padding-inline:10px}.wx-page .px3-panels.wx-payment-panels{grid-template-columns:minmax(0,1fr) 290px;gap:28px}.px3-console-head{padding:15px 18px;gap:8px}.px3-console-head>small{display:none}.px3-order-content{padding:20px}.px3-payment-card{padding:16px 18px}.px3-card-top>span{font-size:8px}.wx-page .px3-card-amount h3{font-size:36px}.px3-card-amount>span{font-size:9px}.px3-card-bottom{gap:10px}.px3-card-bottom>small{font-size:9px}.px3-balance{gap:15px}.px3-balance>div{display:block}.px3-balance>div+div{padding-left:15px}.px3-balance b{display:block;margin-top:6px}.px3-events-head>span{display:none}.px3-events>li>div>span{display:none}.px3-events>li{min-height:48px;gap:8px}.px3-events b{font-size:11px}.px3-events strong{font-size:10px}.px3-console-footer{padding-inline:20px}.px3-phone{max-width:275px;padding-inline:9px}.px3-chat-area{padding-inline:9px}.px3-message>div{padding:16px 13px}.px3-message>header{padding-inline:10px}.px3-message>header>i{display:none}.wx-page .px3-message h3{font-size:22px}.wx-page .px3-message p{font-size:10px}.px3-progress{gap:14px}.px3-progress b{font-size:11px}.wx-page.wx-reading-design .wx-connect .wx-payment-content>ol{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .wx-page.wx-mobile-compact .px3-scene.wx-payment-scene{border:1px solid #e2e9f5;border-radius:15px;background:#f4f8ff;padding:14px 12px 19px;box-shadow:none}.px3-toolbar{display:block;margin-bottom:15px}.px3-demo-heading{display:none}.px3-scenarios{display:grid;grid-template-columns:1fr 1fr auto;gap:5px}.wx-page .px3-scenarios>button{padding:10px 8px;font-size:11px;min-height:44px;gap:5px;border-radius:7px}.px3-scenarios>button>svg{width:13px;height:13px}.wx-page .px3-scenarios>button:last-child{padding:10px 6px;min-width:44px}.px3-scenarios>button:last-child>span{display:none}.px3-scenarios>button:last-child>svg{width:16px;height:16px}.px3-progress{display:none}
 .wx-page.wx-mobile-compact .px3-panels.wx-payment-panels{display:block;max-width:none;padding:0;background:none}.wx-page.wx-mobile-compact .px3-panels .wx-mobile-payment-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border-radius:9px;background:#e3ecfa;margin:0 0 17px}.wx-page.wx-mobile-compact .px3-panels .wx-mobile-payment-tabs>button{min-height:44px;padding:10px;font-size:13px;color:#7d96b8;background:none;border-radius:6px}.wx-page.wx-mobile-compact .px3-panels .wx-mobile-payment-tabs>button[aria-selected=true]{background:#fff;color:#3f6ca7;box-shadow:0 2px 5px #34578608}
 .wx-page .px3-console.wx-receipt{border-radius:10px;box-shadow:0 7px 20px #31599506}.px3-console-head{padding:13px 15px;gap:8px}.px3-console-head b{font-size:13px}.px3-console-head>small{display:none}.px3-console-head .px3-state{font-size:10px;padding:5px 8px}.px3-order-content{padding:16px 15px 18px}.px3-payment-card{padding:16px 17px 15px;border-radius:9px;min-height:168px;box-shadow:0 9px 17px #315e9e16}.px3-card-top>span{font-size:8px;letter-spacing:.08em}.px3-card-top>svg{width:24px;height:24px}.px3-card-amount{gap:12px;margin-top:13px}.px3-card-amount small{font-size:11px}.wx-page .px3-card-amount h3{font-size:35px}.px3-card-amount h3>span{font-size:14px;margin-left:4px}.px3-card-amount>span{display:none}.px3-card-bottom{margin-top:16px;padding-top:11px}.px3-card-bottom>span{font-size:11px}.px3-card-bottom>small{font-size:10px}.px3-balance{gap:14px;margin-top:16px;padding-bottom:15px}.px3-balance>div{display:block;font-size:11px}.px3-balance>div+div{padding-left:14px}.px3-balance b{display:block;font-size:17px;margin-top:6px}.px3-balance small{font-size:11px}
 .wx-page .px3-console .wr-mobile-extra{border:1px solid #e2eaf6;border-radius:7px;background:#fff;margin-top:13px}.wx-page .px3-console .wr-mobile-extra>summary{padding:11px 12px;min-height:44px;font-size:12px;color:#708aae}.wx-page .px3-console .px3-order-meta{grid-template-columns:1fr auto;grid-template-rows:none;font-size:12px;gap:10px 12px;border-top:1px solid #edf2f9;padding:12px;margin:0}.px3-order-meta dt,.px3-order-meta dd{grid-column:auto!important;grid-row:auto}.px3-order-meta dd{text-align:right}
 .px3-events-head{margin:19px 0 14px}.wx-page .px3-events-head h4{font-size:14px}.px3-events-head>span{display:none}.px3-events>li{gap:9px;min-height:44px;padding-bottom:12px}.px3-events>li>i{width:24px;height:24px;border-radius:7px}.px3-events>li>i>svg{width:13px;height:13px}.px3-events>li:not(:last-child):before{left:11px;top:25px}.px3-events>li:last-child{min-height:28px}.px3-events b{font-size:12px;line-height:1.7}.px3-events>li>div>span{display:none}.px3-events strong{font-size:10px;padding-top:4px}.px3-console-footer{padding:11px 14px;font-size:10px}.px3-console-footer svg{width:12px;height:12px}
 .wx-page .px3-customer.wx-notification{padding:7px 5px 0;margin:0}.px3-customer-caption{display:none}.px3-phone{max-width:290px;border-radius:31px;padding:11px 10px 9px;box-shadow:0 0 0 3px #fff,0 0 0 4px #d8e2ef,0 9px 20px #3e629511}.px3-phone-status{padding:3px 10px 18px}.px3-chat-header{padding:5px 8px 16px}.px3-chat-header>div>b{font-size:14px}.px3-chat-header small{font-size:10px}.px3-brand-symbol{height:34px;width:34px}.px3-chat-area{padding:1px 10px 15px;border-radius:16px 16px 23px 23px}.wx-page .px3-date{font-size:10px;margin:13px 0 10px}.px3-message>header{padding:10px}.px3-message>header>span{font-size:11px}.px3-message>header>i{font-size:8px}.px3-message>div{padding:17px 15px}.px3-message-check{height:25px;width:25px;margin-bottom:0}.wx-page .px3-message h3{font-size:23px}.wx-page .px3-message p{font-size:12px;line-height:1.85;color:#6d83a1}.wx-page .px3-message dl{font-size:11px;line-height:1.7;gap:11px 8px;margin-top:16px;padding-top:15px}.px3-message-note{font-size:10px;line-height:1.8;margin-top:14px}.wx-page .px3-customer .px3-delivery{font-size:10px!important;line-height:1.8!important;margin-top:11px!important}.px3-delivery-chip{margin-top:18px;font-size:11px}.px3-delivery-chip>b{font-size:10px}
 .wx-page.wx-reading-design .wx-connect .wx-payment-content>ol{grid-template-columns:1fr;gap:11px}.wx-page.wx-reading-design .wx-connect .wx-payment-content>ol>li{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:21px 18px;border:1px solid #e1e8f5;border-radius:11px}.wx-page.wx-reading-design .wx-connect .wx-payment-content>ol>li>.wr-icon{width:38px;height:38px;margin:0;padding:4px}.wx-page.wx-reading-design .wx-connect .wx-payment-content>ol>li>span:not(.wr-icon){display:none}.wx-page.wx-reading-design .wx-connect .wx-payment-content h4{font-size:18px;margin-bottom:11px}.wx-page.wx-reading-design .wx-connect .wx-payment-content>ol p{font-size:14px;line-height:1.85}
}
@media(max-width:360px){.wx-page.wx-mobile-compact .px3-scene.wx-payment-scene{padding-inline:9px}.wx-page .px3-scenarios>button{font-size:10px;padding-inline:6px;gap:4px}.px3-scenarios>button>svg{width:12px;height:12px}.px3-order-content{padding-inline:12px}.px3-card-bottom>small{font-size:9px}.px3-card-top>span{font-size:7px}.wx-page .px3-card-amount h3{font-size:32px}.px3-events>li{gap:6px}.px3-events b{font-size:11px}.px3-events strong{font-size:9px}.px3-phone{padding-inline:7px}.px3-chat-area{padding-inline:7px}.px3-message>div{padding-inline:12px}.px3-message>header>i{display:none}.wx-page .px3-message h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.px3-scene *{animation:none!important;transition:none!important}}