:root{--ink:#18332c;--muted:#62716a;--green:#164c3d;--lime:#d4f58c;--line:#dce3da;--paper:#fcfcf8;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #7aaf42;outline-offset:6px}h1,h2,h3,p{margin:0}img{max-width:100%}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.hero-shell{color:#fff;background:#123e32;overflow:hidden;position:relative}.hero-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 88% 38%,#306b4766,transparent 53%);pointer-events:none}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid #ffffff1c}.brand{display:inline-flex;align-items:center;gap:11px;font-size:24px;font-weight:750;letter-spacing:-.8px}.brand img{width:43px;height:43px}.brand-pay{font-weight:500;margin-left:3px}nav{display:flex;gap:36px;align-items:center;font-size:14px}nav>a{color:#dbe6df}nav>a:hover{color:var(--lime)}.nav-docs{display:flex;gap:30px;padding:12px 19px;border:1px solid #7d9f8b;border-radius:8px}
.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center;padding-block:72px 60px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:1.4px;font-weight:650;color:var(--green)}.hero .eyebrow{color:#c0d8c9}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #d4f58c12}.hero h1{font-size:clamp(44px,4.5vw,64px);line-height:1.25;letter-spacing:-2.5px;margin:25px 0 24px;font-weight:750}.hero h1 em{font-style:normal;color:var(--lime)}.hero-lead{color:#c0d3c7;font-size:17px;line-height:1.95}.mobile-break{display:none}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.button{display:inline-flex;gap:40px;align-items:center;justify-content:space-between;padding:17px 23px;border-radius:9px;font-size:15px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--lime);color:#173a2b}.primary:hover{background:#e3ffa9}.hero-more{font-size:13px;display:flex;gap:16px;align-items:center;color:#e1e9df}.hero-tags{display:flex;gap:0;margin-top:36px;color:#a4bfae;font-size:11px;letter-spacing:.4px}.hero-tags span+span{border-left:1px solid #668675;margin-left:15px;padding-left:15px}
.payment-visual{position:relative;min-height:480px;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.orbit{position:absolute;border:1px solid #94b58530;border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{width:450px;height:450px;left:30px;top:14px}.orbit-two{width:570px;height:570px;left:-30px;top:-46px}.visual-caption{display:flex;justify-content:space-between;gap:10px;position:absolute;top:0;left:0;right:0;font-size:8px;letter-spacing:1.3px;color:#a9c4b3}.visual-caption span:last-child{letter-spacing:0;font-size:10px}.device-tabs{margin:35px auto 12px;display:flex;gap:6px;width:83%;padding:6px;background:#285443;border:1px solid #62816b66;border-radius:10px;font-size:11px;text-align:center;color:#c4d4c5}.device-tabs span{flex:1;padding:7px 3px}.device-tabs span:first-child{background:#d4f58c;color:#284832;border-radius:6px}.checkout{width:83%;margin-inline:auto;background:#fffef8;color:var(--ink);border:1px solid #fff;border-radius:16px;padding:24px 25px;box-shadow:0 30px 70px #001d2a33;transform:rotate(-3deg)}.checkout-top{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e6e8dc;padding-bottom:18px}.mini-brand{font-size:17px;font-weight:800}.secure-label{font-size:9px;color:#647d67}.checkout-label{font-size:10px;color:#7a8575;margin-top:23px}.checkout-title{font-size:23px;font-weight:700;letter-spacing:-.6px;margin:6px 0 22px}.pay-option{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #e5e8dc;font-size:13px;font-weight:650}.pay-option small{display:block;font-size:9px;margin-top:5px;font-weight:400;color:#798573}.channel-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;font-size:19px;font-style:normal;font-weight:750;color:white;flex:none}.wechat{background:#23af67}.alipay{background:#228fe5}.radio{width:15px;height:15px;border:1px solid #c7d2c4;border-radius:50%;margin-left:auto;flex:none}.selected{border:4px solid #437b45;background:#fff}.checkout-bottom{display:flex;justify-content:space-between;align-items:center;background:#193c2e;color:#e6f5e0;padding:13px 16px;border-radius:7px;margin-top:15px;font-size:11px}.result-note{position:relative;z-index:2;display:flex;align-items:center;gap:12px;align-self:flex-end;margin:-6px 0 0;padding:17px 23px;background:#e8f6d6;color:#254e34;border:1px solid #b6d0a0;border-radius:12px;box-shadow:0 12px 28px #062b3030;transform:rotate(3deg)}.result-check{width:32px;height:32px;background:#cfeba9;border-radius:50%;display:grid;place-items:center;font-size:17px}.result-note strong{display:block;font-size:12px}.result-note small{display:block;margin-top:5px;font-size:9px;color:#618157}.visual-coordinate{position:absolute;bottom:-16px;left:10px;color:#7e9e88;font:9px monospace;letter-spacing:2px}
.value-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 0 35px;position:relative;border-top:1px solid #ffffff26}.value-strip>div{display:flex;gap:18px;align-items:baseline;padding-inline:28px}.value-strip>div:first-child{padding-left:0}.value-strip>div+div{border-left:1px solid #ffffff26}.value-strip strong{font-size:14px;font-weight:600}.value-strip span{color:#a6bfae;font-size:11px}
.section{padding-block:98px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}h2{font-size:42px;line-height:1.35;letter-spacing:-1.7px;font-weight:720}.section-heading h2{margin-top:17px}.section-intro{font-size:14px;line-height:1.95;color:var(--muted);padding-bottom:4px}.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.capability{padding:30px 35px 0;border-radius:var(--radius);border:1px solid var(--line);position:relative;overflow:hidden;background:#fff}.card-top{display:flex;justify-content:space-between;color:#4e6d54;font-size:11px;letter-spacing:1px}.card-top>span:last-child{font-size:21px}.capability h3{font-size:29px;line-height:1.4;margin:18px 0 15px;letter-spacing:-.8px}.capability p{max-width:410px;font-size:14px;color:var(--muted);line-height:1.85}.channels-card{background:#eef2e7}.status-card{background:#fff}.refund-card{background:#fcf3e4}.merchant-card{background:#ecf1ed}.channel-pair,.payment-steps,.refund-visual,.business-tags{height:103px;display:flex;align-items:center;gap:18px;margin:8px 0}.channel-pair>span{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 17px;border-radius:11px;border:1px solid #dce6d4;font-size:12px}.channel-pair>b{font-weight:400;color:#75936a}.channel-pair .channel-mark{width:28px;height:28px;font-size:16px;border-radius:7px}.payment-steps{padding:0;list-style:none;gap:0}.payment-steps li{flex:1;font-size:12px;display:flex;align-items:center;gap:9px}.payment-steps li+li:before{content:"→";margin-right:9px;color:#97b081}.payment-steps span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf3e3;color:#567140;font-size:9px;flex:none}.refund-arrow{font-size:55px;color:#bb8444;font-weight:300;width:58px;line-height:1}.refund-visual b{font-size:16px;font-weight:600}.refund-visual small{display:block;margin-top:8px;font-size:11px;color:#8d775b}.business-tags{gap:12px}.business-tags span{padding:18px 24px;border:1px solid #cbd9c9;border-radius:12px;font-size:13px;background:#ffffff6b}.business-tags span:nth-child(2){transform:translateY(-8px);background:#d8e7ce}.card-foot{border-top:1px solid #9aaa862e;padding:17px 0;font-size:10px;color:#677b59;letter-spacing:1px}
.scenarios-section{background:#eef0e9;border-block:1px solid #e3e7dc}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.scenario-art{height:216px;border:1px solid #d2dacb;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:26px}.shop-art{background:#dde8d1;flex-direction:column}.art-label{position:absolute;bottom:14px;left:18px;font:8px monospace;letter-spacing:2px;color:#6c8260}.shop-awning{width:124px;height:27px;display:flex;transform:perspective(70px) rotateX(12deg);position:relative;z-index:1}.shop-awning i{flex:1;background:#547356;border-radius:0 0 9px 9px}.shop-awning i:nth-child(even){background:#f1f4df}.shop-front{width:113px;height:76px;background:#f5f7ea;border:1px solid #9db294;display:flex;padding:13px;gap:10px;box-shadow:8px 8px 0 #bfceae}.shop-front span{flex:1;border:1px solid #9eae8c;background:#dce6ce;height:26px}.shop-front b{width:24px;height:61px;background:#8ca582;border:5px solid #c1d0b4}.member-art{background:#e8e1d1}.member-pass{width:185px;height:116px;border-radius:12px;background:#344c3e;transform:rotate(-10deg);color:#e3e8c4;padding:16px;box-shadow:9px 11px 0 #cabfa7}.member-pass>span{font:8px monospace;letter-spacing:2px}.member-pass>b{display:block;font-size:35px;line-height:1.2;margin-top:8px;font-weight:400;color:#d4e78c}.member-pass>small{font-size:8px}.platform-art{background:#dce7e0}.platform-hub{font-weight:700;border:1px solid #a6bda5;background:#fcfff0;border-radius:11px;padding:17px 22px;margin-top:45px;box-shadow:0 5px 0 #bacfb8;position:relative}.platform-hub:before{content:"";position:absolute;top:-27px;left:50%;height:26px;border-left:1px solid #90ad94}.platform-node{position:absolute;top:34px;display:grid;place-items:center;border:1px solid #a5bda7;width:38px;height:35px;border-radius:7px;background:#c2d6bb;color:#4c6b51;font:12px monospace}.node-one{left:calc(50% - 87px)}.node-two{left:calc(50% - 19px);background:#eff4dd}.node-three{left:calc(50% + 49px)}.node-one:after,.node-three:after{content:"";position:absolute;width:68px;top:35px;height:20px;border-bottom:1px solid #90ad94}.node-one:after{left:18px;border-left:1px solid #90ad94}.node-three:after{right:18px;border-right:1px solid #90ad94}.scenario-category{font-size:11px;color:#648052;margin-bottom:11px}.scenario-grid h3{font-size:19px;line-height:1.5;letter-spacing:-.6px;margin-bottom:12px}.scenario-grid article>p:last-child{font-size:13px;color:var(--muted);line-height:1.9}
.docs-section{padding-block:96px;display:flex;justify-content:space-between;align-items:center;gap:70px}.docs-copy h2{margin-top:19px}.docs-copy h2>span{color:#7b9168}.docs-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9;margin:20px 0 27px}.dark{background:#214834;color:#f2f9e9}.dark:hover{background:#316548}.doc-cover{width:310px;min-height:330px;background:#d7e9b4;padding:25px 27px;display:flex;flex-direction:column;border:1px solid #b9cda2;border-radius:4px 16px 16px 4px;border-left:8px solid #bdd098;box-shadow:7px 7px 0 #ecf0e3;transform:rotate(5deg);margin-right:55px;transition:transform .25s}.doc-cover:hover{transform:rotate(0)}.doc-cover-top{font-size:13px;font-weight:650;display:flex;justify-content:space-between}.doc-cover-title{display:block;font-size:38px;font-weight:700;letter-spacing:-1px;margin-top:58px}.doc-cover-title>span{display:block;font-size:12px;letter-spacing:0;font-weight:400;margin-top:12px}.doc-cover-bottom{display:flex;justify-content:space-between;font-size:10px;border-top:1px solid #a1b97c;padding-top:18px;margin-top:auto}.site-footer{background:#f1f3ec;border-top:1px solid #e0e5d7}.footer-top{padding:32px 0;display:flex;align-items:center;gap:24px}.footer-top .brand{font-size:20px}.footer-top .brand img{width:35px;height:35px}.footer-top p{color:#7d8b72;font-size:12px}.footer-top>a:last-child{margin-left:auto;font-size:12px}.footer-bottom{border-top:1px solid #dce3d3;display:flex;justify-content:space-between;gap:20px;padding:21px 0;color:#73816b;font-size:11px}.footer-bottom a:hover{color:#214834}
@media(min-width:1500px){.hero{padding-block:92px 80px}.hero h1{font-size:68px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.hero{gap:25px}.hero h1{font-size:48px}.payment-visual{min-height:455px}.orbit-one{left:-10px}.orbit-two{left:-70px}.checkout{width:92%;padding:22px}.device-tabs{width:92%}.value-strip>div{display:block;padding-inline:20px}.value-strip span{display:block;margin-top:8px}.payment-steps{gap:10px}.payment-steps li{flex-direction:column;position:relative}.payment-steps li+li:before{position:absolute;left:-12px;top:4px}.channel-pair{gap:10px}.channel-pair>span{padding:9px 10px}.business-tags span{padding:15px}.scenario-grid{gap:20px}.scenario-grid h3{font-size:17px}.doc-cover{margin-right:12px}h2{font-size:36px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:78px}.brand{font-size:22px}.brand img{width:36px;height:36px}nav{gap:0}nav>a:not(.nav-docs){display:none}.nav-docs{font-size:12px;padding:10px 12px;gap:16px}.hero{grid-template-columns:1fr;padding-block:43px 38px;gap:35px}.hero h1{font-size:clamp(36px,8.9vw,60px);letter-spacing:-1.5px;margin:21px 0}.hero-lead{font-size:15px;line-height:1.85}.mobile-break{display:block}.hero-actions{gap:24px;margin-top:26px}.button{gap:27px;font-size:13px;padding:16px 18px}.hero-more{font-size:12px;gap:10px}.hero-tags{font-size:10px;margin-top:25px}.hero-tags span+span{margin-left:12px;padding-left:12px}.payment-visual{width:min(430px,100%);margin:auto;min-height:418px;padding-top:0}.visual-caption{font-size:7px;letter-spacing:.5px}.visual-caption span:last-child{font-size:9px}.device-tabs{margin-top:31px;width:88%;font-size:10px}.checkout{width:88%;padding:19px 22px}.checkout-top{padding-bottom:13px}.checkout-label{margin-top:18px}.checkout-title{font-size:21px;margin-bottom:17px}.pay-option{padding:10px 0}.checkout-bottom{margin-top:10px;padding:11px 14px}.result-note{padding:13px 15px;margin-top:-1px;margin-right:0}.result-note strong{font-size:11px}.orbit-one{width:370px;height:370px;left:calc(50% - 185px);top:30px}.orbit-two{width:460px;height:460px;left:calc(50% - 230px);top:-15px}.visual-coordinate{bottom:-18px;font-size:7px}.value-strip{padding:22px 0 25px;gap:10px}.value-strip>div{padding-inline:0 5px}.value-strip>div+div{padding-left:10px}.value-strip strong{font-size:11px}.value-strip span{font-size:9px;line-height:1.6;max-width:95px}.section{padding-block:62px}.section-heading{display:block;margin-bottom:28px}h2{font-size:30px;letter-spacing:-1px}.eyebrow{font-size:10px;letter-spacing:1px}.section-heading h2{margin-top:15px}.section-intro{font-size:13px;margin-top:19px;line-height:1.9}.capability-grid{grid-template-columns:1fr;gap:16px}.capability{padding:23px 24px 0;border-radius:17px}.capability h3{font-size:26px;margin-top:15px}.capability p{font-size:13px}.channel-pair>span{font-size:11px;padding:10px}.channel-pair .channel-mark{width:25px;height:25px}.channel-pair,.payment-steps,.refund-visual,.business-tags{height:90px}.payment-steps li{flex-direction:row;font-size:10px;gap:6px}.payment-steps li+li:before{display:none}.payment-steps span{width:25px;height:25px}.card-foot{font-size:9px;padding-block:15px}.business-tags{gap:9px}.business-tags span{padding:14px 16px;font-size:11px}.scenario-grid{grid-template-columns:1fr;gap:33px}.scenario-art{height:190px;margin-bottom:19px}.scenario-grid h3{font-size:19px}.scenario-grid article>p:last-child{font-size:13px}.docs-section{padding-block:61px;flex-direction:column;gap:40px;align-items:flex-start}.doc-cover{width:265px;min-height:285px;align-self:center;margin:0 0 10px;transform:rotate(4deg)}.doc-cover-title{font-size:33px;margin-top:42px}.footer-top{flex-wrap:wrap;gap:14px}.footer-top p{width:100%;order:3}.footer-top>a:last-child{font-size:11px}.footer-bottom{flex-direction:column;gap:12px;font-size:10px;padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.doc-cover{transition:none}}

/* Interactive payment scene preview. */
.device-tabs button{flex:1;min-width:0;padding:9px 3px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:background .18s,color .18s}
.device-tabs button[aria-selected="true"]{background:var(--lime);color:#284832}
.device-tabs button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.brand-pay{font-weight:750;margin-left:0}.brand-ba{color:#d4f58c;margin-left:3px}.site-footer .brand-ba{color:var(--green)}
.scene-emblem{width:40px;height:40px;float:right;margin-top:18px;color:#437b45}
.scene-emblem svg{width:100%;height:100%}
.scene-emblem svg[hidden]{display:none}
.checkout{transition:transform .2s,border-radius .2s;min-height:325px}
.payment-visual[data-scene="h5"] .checkout{transform:rotate(0);border-radius:24px}
.payment-visual[data-scene="app"] .checkout{transform:rotate(2deg);border-radius:24px}
@media(prefers-reduced-motion:reduce){.checkout,.device-tabs button{transition:none}}
.footer-links{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:12px}
@media(max-width:760px){nav>a.nav-contact{display:block;margin-right:16px;font-size:12px}.footer-links{gap:18px;font-size:11px}}