.flow-page{margin:0;min-height:100vh;background:#f7f9fd;color:#182943;font-family:Inter,system-ui,-apple-system,"Microsoft Yahei",sans-serif}
.flow-page *{box-sizing:border-box}.flow-page a{text-decoration:none;color:inherit}.flow-page button,.flow-page input{font:inherit}.flow-nav{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1250px;margin:auto;padding:0 26px}.flow-nav nav{display:flex;gap:28px;color:#536681;font-size:13px;font-weight:600}.flow-nav nav a:hover{color:#2777ec}.flow-page .brand{display:flex;align-items:center;gap:12px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 82px);max-width:1350px;margin:auto}.auth-story{background:linear-gradient(145deg,#112b56,#1449a2 66%,#2374f6);padding:125px min(6vw,80px);color:white;border-radius:0 36px 0 0}.story-chip{font-size:11px;color:#b6d1ff;letter-spacing:.15em}.auth-story h1{font-size:clamp(30px,3.2vw,47px);line-height:1.4;margin:30px 0}.auth-story>p{font-size:15px;line-height:2;color:#d7e6ff;max-width:520px;margin-bottom:74px}.story-card{display:flex;align-items:center;gap:16px;margin:19px 0;padding:17px 20px;background:#ffffff18;border:1px solid #ffffff30;border-radius:16px;max-width:480px}.story-card>span{font-size:26px;width:36px}.story-card b{display:block;font-size:14px}.story-card small{display:block;color:#bcd2ff;margin-top:5px}.auth-box{display:grid;place-items:center;padding:40px 20px}.auth-card{max-width:440px;width:100%;padding:45px;background:white;border:1px solid #e5ebf4;border-radius:22px;box-shadow:0 20px 70px #244e8320}.kicker,.eyebrow-lite{font-size:11px;letter-spacing:.14em;font-weight:800;color:#3377e6}.auth-card h2{margin:12px 0 4px;font-size:28px}.subtle{color:#8291a7;font-size:12px;line-height:1.8}.auth-switch{display:grid;grid-template-columns:1fr 1fr;background:#f0f4fb;border-radius:12px;padding:5px;margin:29px 0}.auth-switch button{border:0;background:transparent;padding:11px;cursor:pointer;font-size:13px;border-radius:9px;color:#71819b}.auth-switch button.selected{background:white;box-shadow:0 3px 12px #233c6720;color:#2468de;font-weight:700}.auth-card label{display:block;color:#30435c;font-weight:700;font-size:12px;margin:15px 0}.auth-card label input{display:block;margin-top:10px;width:100%;height:47px;border:1px solid #dce5f0;border-radius:9px;padding:0 13px;color:#192b4a;outline:none}.auth-card label input:focus{border-color:#387dea;box-shadow:0 0 0 3px #387dea18}.auth-card [hidden]{display:none}.form-disclaimer{font-size:11px;color:#8291a7;line-height:1.75;margin:17px 0}.flow-button{width:100%;height:49px;border:0;border-radius:10px;color:white;cursor:pointer;background:linear-gradient(110deg,#3279f4,#2159d3);font-size:14px;font-weight:800;box-shadow:0 12px 26px #2a6fec30}.flow-button:disabled{background:#9badc5;box-shadow:none;cursor:not-allowed}.form-result{color:#cf5050;font-size:12px;min-height:16px}.auth-foot{border-top:1px solid #edf1f6;margin-top:20px;padding-top:18px;display:flex;justify-content:space-between;font-size:11px;color:#4280ed}.checkout-wrap{max-width:740px;margin:40px auto 90px;padding:0 18px}.checkout-label{text-align:center;margin-bottom:28px}.checkout-label h1{font-size:32px;margin:12px 0}.checkout-label p{font-size:13px;line-height:1.8;color:#71809a}.checkout-card{background:white;border:1px solid #e6ecf6;border-radius:21px;box-shadow:0 26px 80px #203f7020;overflow:hidden}.checkout-step{display:flex;align-items:center;justify-content:space-around;background:#f1f6ff;color:#a0aec4;padding:22px 25px;font-size:12px;font-weight:700}.checkout-step .step-current{color:#3476e5}.checkout-content{padding:35px 49px 45px}.checkout-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkout-top small,.checkout-amount small{color:#8290a6;font-size:12px}.checkout-top h2{font-size:16px;margin:9px 0}.not-real{color:#ae6d25;background:#fff5e2;padding:8px 10px;border-radius:8px;font-size:11px}.checkout-amount{text-align:center;background:#f7faff;border-radius:14px;padding:31px;margin:24px 0}.checkout-amount div{color:#1c3152;font-size:21px;margin:8px 0}.checkout-amount strong{font-size:42px}.checkout-amount>span{font-size:11px;color:#8291a7}.checkout-title{font-size:14px;margin:22px 0 15px}.pay-options{display:grid;gap:12px;margin-bottom:25px}.pay-option{display:flex;align-items:center;text-align:left;background:white;border:1px solid #e2e9f4;border-radius:12px;padding:14px 17px;gap:15px;cursor:pointer}.pay-option.selected{border-color:#3379e8;background:#f6faff;box-shadow:0 0 0 2px #3479ef15}.pay-option.disabled{opacity:.5;cursor:not-allowed}.pay-option>span:nth-child(2){flex:1;font-weight:700;font-size:13px}.pay-option small{display:block;font-size:11px;font-weight:400;color:#9aa7b8;margin-top:6px}.pay-circle{height:42px;width:42px;display:grid;place-items:center;border-radius:11px;color:white;font-size:18px;font-weight:800}.pay-circle.ali{background:#1883e9}.pay-circle.wx{background:#20bf75}.pay-circle.qq{background:#8f9fb5}.pay-tick{color:#3b78ed}.cashier-result{font-size:12px;color:#7487a0;line-height:1.8;margin-top:18px;text-align:center}.checkout-bottom{font-size:11px;line-height:1.8;color:#8793a5;text-align:center;max-width:650px;margin:22px auto}.docs-shell{max-width:1330px;padding:25px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px;margin:auto}.docs-menu{position:sticky;top:30px;align-self:start;border:1px solid #e8edf4;background:white;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:16px}.docs-menu b{font-size:15px;margin-bottom:10px}.docs-menu a{font-size:12px;color:#65758f}.docs-menu a:hover{color:#3677df}.docs-content{min-width:0;max-width:850px;padding-bottom:80px}.docs-heading h1{font-size:35px;margin:13px 0}.docs-heading p,.docs-content section>p{font-size:13px;line-height:2;color:#65758d}.docs-warning{border-left:4px solid #e5a745;background:#fff8ea;padding:20px 24px;border-radius:0 10px 10px 0;font-size:12px;line-height:1.8;color:#775c35;margin:24px 0}.docs-warning p{margin:6px 0}.docs-content section{margin-top:35px;padding:26px 30px;background:#fff;border:1px solid #e6ecf5;border-radius:13px;scroll-margin-top:25px}.docs-content section h2{font-size:19px;margin:0 0 14px}.docs-content code{background:#edf3fc;border-radius:5px;padding:3px 6px;font-size:12px;color:#255cbe}.docs-content pre{background:#172743;border-radius:10px;color:#dfeaff;overflow-x:auto;padding:22px}.docs-content pre code{color:#e0e9fb;background:transparent;line-height:1.8}.method{font-size:11px;padding:4px 8px;border-radius:5px;font-weight:800}.method-post{color:#2877e7;background:#eaf1ff}.docs-table{overflow-x:auto}.docs-table table{width:100%;border-collapse:collapse;font-size:12px}.docs-table th{text-align:left;background:#f3f6fb;padding:12px;color:#60728c}.docs-table td{padding:12px;border-bottom:1px solid #ebf0f5;color:#485b76}
@media(max-width:850px){.auth-layout{grid-template-columns:1fr}.auth-story{padding:45px 28px;border-radius:0}.auth-story h1{font-size:28px}.auth-story>p{margin-bottom:25px}.auth-box{padding:30px 18px}.flow-nav nav{gap:12px}.docs-shell{grid-template-columns:1fr}.docs-menu{position:static;display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap;gap:14px;padding:15px}.docs-menu b{display:none}.checkout-content{padding:24px}.checkout-step{padding:16px 6px;font-size:10px}.checkout-label h1{font-size:26px}.auth-card{padding:27px}}
@media(max-width:480px){.flow-nav{padding:0 16px;height:65px}.flow-nav nav a:first-child{display:none}.flow-nav nav{font-size:11px}.auth-foot{gap:8px;flex-wrap:wrap}.checkout-top{align-items:start;flex-direction:column}.checkout-amount strong{font-size:34px}.docs-shell{padding:12px}.docs-content section{padding:20px}}