:root{--flow-ink:#352d24;--flow-muted:#927c62;--flow-line:#e1d2bc;--flow-accent:#ad6548}
.guide-header .guide-nav>div{display:flex;gap:24px;font-size:12px;color:#8c6748}.guide-page .guide-heading{padding:62px 0 34px;max-width:none}.guide-heading h1{font-size:49px;margin:13px 0}.guide-subtitle{max-width:620px}.guide-status-note{display:flex;align-items:center;gap:10px;font-size:11px;color:#957f63;margin-top:23px}.guide-status-note i{width:6px;height:6px;border-radius:50%;background:#bf9165}.guide-new-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:48px;padding:20px 0 90px}.guide-new-toc{position:sticky;top:24px;align-self:start;display:grid;gap:8px}.guide-new-toc small{font-size:10px;letter-spacing:.15em;color:#ac9579;margin:0 10px 14px}.guide-new-toc a{display:block;color:#9c856a;padding:8px 10px;font-size:11px;border-left:2px solid transparent}.guide-new-toc a.major{font-size:13px;color:#695038;line-height:1.6;font-weight:600;margin-top:10px}.guide-new-toc a.active{border-left-color:#ad6548;background:#ede1ce;border-radius:0 6px 6px 0;color:#945237}.guide-new-toc a:hover{color:#7b4d32}.guide-live{margin-bottom:55px}.guide-player-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.guide-player-heading h2{font:500 25px Georgia,"Songti SC",serif;margin:0}.guide-player-heading p{margin:6px 0 0;font-size:11px;color:#9a856b}.guide-player-heading button{padding:8px 13px;border:1px solid #d5c0a3;border-radius:7px;background:transparent;color:#8d6645;font-size:11px;cursor:pointer}.guide-step-buttons{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.guide-step-buttons button{padding:8px 10px;border:1px solid #dfd0bb;background:#f5eddf;border-radius:6px;color:#9c8262;font-size:10px;cursor:pointer}.guide-step-buttons button.active{background:#a46446;border-color:#a46446;color:#fff5e3}.guide-big-section{scroll-margin-top:25px;margin-top:60px}.guide-big-section>h2{font:500 29px Georgia,"Songti SC",serif;line-height:1.4;padding-top:32px;border-top:1px solid #deceb6;margin-bottom:8px}.guide-big-section>p{color:#a28c70;font-size:12px;line-height:1.8}.guide-actual-step{padding-top:28px;scroll-margin-top:25px}.guide-actual-step>h3{display:flex;align-items:center;gap:13px;font-size:19px;font-weight:500;margin:12px 0}.guide-actual-step>h3>b{font:16px Georgia,serif;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#c18862;color:#fff6e6;flex-shrink:0}.guide-actual-step>p{font-size:13px;color:#8e785d;line-height:1.9;margin:10px 0 17px}.guide-step-caption{display:flex;justify-content:space-between;gap:12px;margin-top:11px;font-size:10px;color:#ac9578}.guide-step-caption button{border:0;background:transparent;color:#a66543;cursor:pointer}.guide-shot{margin:18px 0 0;overflow:hidden;border:1px solid #dfcfb7;background:#fbf6ec;border-radius:12px;position:relative}.guide-shot img{display:block;width:100%;height:auto;aspect-ratio:960/620;object-fit:contain}.guide-shot:after{content:'↖';position:absolute;right:8%;bottom:13%;width:32px;height:32px;background:#ad6548;color:white;border:3px solid #fff3e2;box-shadow:0 3px 10px #84623733;border-radius:50%;display:grid;place-items:center;animation:guide-pointer 3s ease-in-out infinite;pointer-events:none}.guide-shot:hover:after{animation-play-state:paused}.guide-shot figcaption{padding:10px 16px;background:#f0e5d2;color:#a08664;font-size:10px;border-top:1px solid #e5d5ba}.guide-callout{padding:15px 18px;background:#efe4d0;border-radius:9px;color:#987b56;font-size:11px;line-height:1.8;margin:18px 0}.guide-two-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.guide-two-cta a{padding:12px 18px;background:#aa6549;color:#fff5e5;border-radius:7px;font-size:12px}.guide-two-cta a:last-child{background:#e7d8bf;color:#8d6844}.flow-demo{border:1px solid #dac8ae;border-radius:13px;background:#fffcf5;color:var(--flow-ink);overflow:hidden;box-shadow:0 13px 35px #8b694712}.demo-windowbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;background:#f1e6d3;border-bottom:1px solid #deceb6;font-size:10px;color:#a58c6b}.demo-brand{display:flex;align-items:center;gap:7px;font-size:15px;font-family:Georgia,"Songti SC",serif;color:#554330;font-weight:600}.demo-windowbar>b{font-size:9px;background:#e1c5a4;color:#91603c;padding:5px 8px;border-radius:4px;font-weight:500}.demo-stage-bar{display:flex;align-items:center;justify-content:center;gap:24px;padding:17px;border-bottom:1px solid #ece3d6;font-size:11px;color:#bba78e}.demo-stage-bar>span.active{color:#995737}.demo-stage-bar>i{font-style:normal;color:#c9b89d}.demo-content{padding:25px 33px 0;min-height:418px;animation:demo-enter .32s ease-out}.demo-intro small{font:10px Georgia,serif;letter-spacing:.06em;color:#b79a77}.demo-intro h3{font:500 25px Georgia,"Songti SC",serif;margin:10px 0}.demo-intro p{font-size:11px;color:#a48a68;line-height:1.8;margin:0 0 22px}.demo-products{display:grid;grid-template-columns:1fr 1fr;gap:15px}.demo-product{text-align:left;border:1px solid #e4d6c1;border-radius:10px;background:#fbf6ec;padding:18px;color:#5f4932;display:grid;gap:8px;cursor:pointer;transition:.2s}.demo-product.selected{border-color:#b9865e;background:#f1e2cd;box-shadow:inset 0 0 0 1px #b9865e}.demo-product-icon{font-size:17px}.demo-product>b{font:25px Georgia,serif}.demo-product>span:not(.demo-product-icon){font-size:10px;color:#a58a67}.demo-product>strong{font:29px Georgia,serif;letter-spacing:-.04em;margin:2px 0}.demo-product strong small{font:12px sans-serif;margin-right:3px}.demo-product strong em{font:10px sans-serif;color:#b19673;letter-spacing:0}.demo-product>i{font-style:normal;font-size:10px;color:#a16840}.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e9decd;margin-top:22px;padding:17px 0 21px;min-height:72px}.demo-bottom>span{font-size:10px;color:#af9779}.flow-button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:7px;padding:12px 17px;background:#aa6549;color:#fff7e8;font-size:11px;cursor:pointer;white-space:nowrap;line-height:1.5}.flow-button:disabled{opacity:.6;cursor:wait}.flow-link{border:0;background:transparent;padding:5px 0;color:#a47750;font-size:11px;cursor:pointer}.demo-announcement{font-size:10px;text-align:center;color:#9c7550;min-height:22px;padding:0 12px}.demo-checkout{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:205px}.demo-order{padding:19px;background:#f4eadb;border-radius:8px}.demo-order>span{font-size:9px;color:#b4946e}.demo-order h4{font:26px Georgia,serif;margin:10px 0 20px}.demo-order dl{display:grid;gap:12px;font-size:11px}.demo-order dl>div{display:flex;justify-content:space-between;gap:10px}.demo-order dt{color:#a68b68}.demo-order dd{margin:0}.demo-order .demo-amount{font-size:18px;color:#9d603e}.demo-channels{display:grid;align-content:start;gap:10px}.demo-channels>button{display:flex;gap:10px;align-items:center;padding:15px;background:transparent;border:1px solid #ddd0bb;border-radius:7px;color:#a2825c;cursor:pointer;font-size:12px}.demo-channels>button.selected{border-color:#b38860;background:#f5ead9}.demo-channels i{font-style:normal;color:#809172;font-size:13px}.demo-channels>button span{margin-left:auto}.demo-payment-note{font-size:10px;color:#baa184;line-height:1.7;padding:9px}.demo-ticket{border:1px dashed #cdb28d;background:#f7ebd9;border-radius:10px;padding:25px;min-height:198px}.demo-ticket>div{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#b1936e}.demo-ticket b{font-weight:500;color:#987550}.demo-ticket code{display:block;font:clamp(13px,1.8vw,22px) ui-monospace,Consolas,monospace;letter-spacing:.08em;color:#895e39;margin:25px 0 15px}.demo-ticket p{font-size:10px;color:#b1936e;margin:0 0 15px}.demo-form{min-height:204px;padding-top:7px}.demo-form label,.demo-json label{display:block;font-size:11px;color:#9a7b56;margin-bottom:10px}.demo-input-row{display:flex;gap:10px}.demo-input-row input{min-width:0;flex:1;padding:14px;border:1px solid #dac5a8;border-radius:7px;background:#fffdf7;color:#8b6541;font:12px ui-monospace,monospace;outline-color:#b8845c}.demo-form>small{font-size:10px;color:#b29875;display:block;margin-top:11px}.demo-form-message{min-height:25px;color:#a26640;font-size:10px;padding-top:10px}.demo-three{display:flex;justify-content:space-between;background:#f4edde;border-radius:8px;padding:18px;margin-top:19px}.demo-three span{display:flex;align-items:center;gap:8px;font-size:10px;color:#b19570}.demo-three span:first-child{color:#9b6440}.demo-three b{display:grid;place-items:center;width:22px;height:22px;border:1px solid #dac7aa;border-radius:50%;font-size:10px}.demo-json-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:23px}.demo-json textarea{display:block;resize:none;width:100%;height:178px;border:1px solid #dfcfb7;border-radius:8px;background:#f7f0e3;padding:12px;font:11px/1.55 ui-monospace,monospace;color:#8c6847;outline:0}.demo-json>small{display:block;font-size:9px;color:#b29570;margin-top:8px}.demo-account{display:grid;align-content:center;gap:9px;border:1px solid #e4d8c4;border-radius:8px;padding:20px;text-align:left}.demo-avatar{display:grid;place-items:center;width:32px;height:32px;background:#c4916b;border-radius:50%;color:#fff4df;font:18px Georgia,serif}.demo-account>small{font-size:9px;color:#b19874}.demo-account>b{font-size:11px;font-weight:500;overflow-wrap:anywhere}.demo-account>span:not(.demo-avatar){font-size:10px;color:#a48765}.demo-account>.demo-tag{color:#7f8d66!important;font-size:9px!important}.demo-result{text-align:center;min-height:207px;padding-top:4px}.result-ring{margin:0 auto;width:48px;height:48px;border-radius:50%;border:1px solid #b6c2a3;color:#84946e;background:#ebefde;display:grid;place-items:center;font-size:23px}.demo-result h4{font:500 24px Georgia,"Songti SC",serif;margin:14px 0 7px}.demo-result>p{font-size:10px;color:#ad9371}.result-timeline{display:flex;justify-content:center;align-items:center;gap:12px;margin:21px 0;font-size:10px;color:#93a07b}.result-timeline i{width:32px;height:1px;background:#c9ceb9}.result-account{font-size:9px;color:#b29a7c}.result-account b{font-weight:400;color:#8f7656}.walkthrough-page{padding:0!important;min-height:100vh;display:grid;place-items:center;background:#f8f4ea}.walkthrough-page main{width:min(960px,calc(100% - 48px));margin:22px auto}.walkthrough-page .demo-content{min-height:420px}.recharge-page{padding-bottom:0}.recharge-shell{max-width:880px;width:calc(100% - 40px);margin:auto;padding:50px 0}.recharge-shell>h1{font:500 38px Georgia,"Songti SC",serif;margin:17px 0}.recharge-intro{font-size:13px;color:#9c8467;line-height:1.9;margin-bottom:30px}.recharge-bottom-note{text-align:center;font-size:10px;color:#b09a7d;margin-top:20px}
@keyframes guide-pointer{0%,100%{transform:translate(0,0) scale(.95);opacity:.75}50%{transform:translate(-7px,-6px) scale(1.06);opacity:1}}@keyframes demo-enter{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.guide-new-layout{grid-template-columns:175px minmax(0,1fr);gap:23px}.demo-content{padding:22px 20px 0}.demo-windowbar{padding-inline:17px}.guide-new-toc a.major{font-size:12px}.demo-stage-bar{gap:12px;font-size:10px}}
@media(max-width:760px){.guide-page .guide-heading{padding:38px 0 22px}.guide-heading h1{font-size:36px}.guide-new-layout{display:block;padding-top:0}.guide-new-toc{position:static;display:flex;flex-wrap:wrap;gap:6px;padding:10px 0 25px}.guide-new-toc small{display:none}.guide-new-toc a{font-size:10px;padding:6px 8px}.guide-new-toc a.major{width:100%;margin:8px 0 0;font-size:12px}.guide-player-heading h2{font-size:24px}.guide-player-heading{align-items:start;gap:10px}.guide-live{margin-bottom:30px}.guide-step-buttons{gap:5px}.guide-step-buttons button{padding:7px 8px;font-size:9px}.demo-windowbar{padding:12px}.demo-windowbar>span{display:none}.demo-stage-bar{gap:7px;padding:13px 9px;font-size:9px}.demo-content{padding:19px 15px 0;min-height:425px}.demo-intro h3{font-size:22px}.demo-intro p{font-size:10px}.demo-products{gap:10px}.demo-product{padding:14px 11px;gap:10px}.demo-product>b{font-size:23px}.demo-product>span:not(.demo-product-icon){font-size:9px;line-height:1.8}.demo-bottom{gap:10px;align-items:center}.demo-bottom>span{font-size:9px;max-width:46%;line-height:1.7}.flow-button{padding:11px 12px;font-size:10px}.demo-checkout{grid-template-columns:1fr;gap:13px}.demo-order{padding:15px}.demo-order h4{margin:8px 0 12px}.demo-channels{grid-template-columns:1fr 1fr;gap:8px}.demo-payment-note{grid-column:1/-1;padding:2px 0}.demo-channels>button{padding:13px 9px;font-size:10px}.demo-ticket{padding:22px 15px}.demo-ticket code{font-size:14px;letter-spacing:0}.demo-three{padding:13px 8px;gap:6px}.demo-three span{font-size:8px;gap:4px}.demo-input-row{flex-direction:column}.demo-json-layout{grid-template-columns:1fr;gap:15px}.demo-account{padding:14px;gap:7px}.demo-json textarea{height:170px}.demo-content:has(.demo-json-layout){min-height:570px}.guide-big-section{margin-top:35px}.guide-big-section>h2{font-size:24px}.guide-actual-step>h3{font-size:18px}.guide-actual-step>p{font-size:12px}.guide-shot{border-radius:8px}.guide-shot:after{width:22px;height:22px;font-size:12px;border-width:2px}.guide-step-caption{font-size:9px;align-items:center;line-height:1.7}.guide-step-caption button{white-space:nowrap}.guide-header .guide-nav>div{gap:14px;font-size:10px}.recharge-shell>h1{font-size:28px;line-height:1.5}.recharge-shell{width:calc(100% - 28px);padding:32px 0}.walkthrough-page main{width:calc(100% - 20px);margin:10px auto}.result-timeline{gap:6px;font-size:9px}.result-timeline i{width:15px}}
.guide-image-dialog{width:min(1050px,calc(100% - 30px));max-height:95vh;border:1px solid #d8c4a5;border-radius:12px;background:#f8f1e4;padding:35px 10px 10px;overflow:auto}.guide-image-dialog::backdrop{background:#2a211a99;backdrop-filter:blur(3px)}.guide-image-dialog>button{position:absolute;top:4px;right:10px;border:0;background:none;font-size:26px;color:#866647;cursor:pointer}.guide-image-dialog>img{display:block;width:100%;height:auto}.guide-shot>img{cursor:zoom-in}
@media(prefers-reduced-motion:reduce){.guide-shot:after,.demo-content{animation:none}.flow-demo *{scroll-behavior:auto}}