[data-independent="baoan"]{--paper:#f7f8f4;--ink:#1c2d3d;--accent:#2357c5;--content-width:1260px}
[data-independent="baoan"] .motion{font-size:13px}[data-independent="baoan"] figcaption{position:relative;left:auto;bottom:auto;font-size:13px;line-height:1.6;padding:10px 0;background:none;color:inherit}
[data-independent="baoan"] .ba-intro{background:#e5ebed;padding:32px 0 70px}[data-independent="baoan"] .ba-topline{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}[data-independent="baoan"] .ba-topline p{font-size:14px}[data-independent="baoan"] .ba-title{display:grid;grid-template-columns:55% 39%;gap:6%;align-items:center;margin-bottom:42px}[data-independent="baoan"] h1 span{font-size:44px;line-height:1.4;margin-top:13px}[data-independent="baoan"] .ba-chat{font-size:13px;margin-top:12px}
[data-independent="baoan"] .ba-selector{display:none;padding:22px 30px;background:#17354f;color:white;align-items:center;justify-content:space-between;gap:22px}[data-independent="baoan"].js-ready .ba-selector{display:flex}[data-independent="baoan"] .ba-selector>p{font-size:16px;white-space:nowrap}[data-independent="baoan"] .ba-selector>div{display:flex;gap:12px}[data-independent="baoan"] .ba-selector button{border:1px solid #ffffff70;background:transparent;color:inherit;padding:12px 20px;font-size:16px;cursor:pointer}[data-independent="baoan"] .ba-selector button[aria-pressed=true]{background:#f7f8f4;color:#17354f;border-color:#f7f8f4}
[data-independent="baoan"] .ba-plan{background:#fcfcf8;padding:35px 36px 30px}[data-independent="baoan"] .ba-plan+.ba-plan{margin-top:30px}[data-independent="baoan"].js-ready .ba-plan{display:none;margin-top:0}[data-independent="baoan"].js-ready .ba-plan[data-active]{display:block}[data-independent="baoan"] .ba-plan>header{display:flex;gap:28px;align-items:baseline;margin-bottom:28px}[data-independent="baoan"] .ba-plan>header>span{font-size:14px;color:#2357c5;white-space:nowrap}[data-independent="baoan"] .ba-plan>header h2{font-size:29px}[data-independent="baoan"] .ba-plan-body{display:grid;grid-template-columns:48% 47%;gap:5%}[data-independent="baoan"] .ba-plan-copy h3{font-size:24px}[data-independent="baoan"] .ba-plan-copy>p{margin-top:18px}[data-independent="baoan"] .ba-plan-copy details{padding:18px 0 4px;border-bottom:0}[data-independent="baoan"] .ba-plan-copy summary{font-size:15px}[data-independent="baoan"] .ba-plan-copy details p{font-size:14px}[data-independent="baoan"] .ba-scope{margin:22px 0 0}[data-independent="baoan"] .ba-scope>div{display:grid;grid-template-columns:75px 1fr;gap:15px;padding:14px 0;border-top:1px solid #21374b30}[data-independent="baoan"] .ba-scope dt{font-size:14px;font-weight:600}[data-independent="baoan"] .ba-scope dd{margin:0;font-size:14px;line-height:1.9}
[data-independent="baoan"] .ba-product-stage{height:440px;position:relative;overflow:hidden;background:#d9e2e8}[data-independent="baoan"] .ba-product-image{position:absolute;left:0;top:0;bottom:0;width:62%;z-index:2;overflow:hidden}[data-independent="baoan"] .ba-product-image img{object-position:50% 50%}[data-independent="baoan"].js-ready .ba-product-image{animation:ba-product-place 7s cubic-bezier(.6,0,.22,1) both}[data-independent="baoan"] .ba-business-stack{position:absolute;top:0;bottom:0;right:0;width:35%;display:grid;grid-template-rows:repeat(3,1fr);gap:12px}[data-independent="baoan"] .ba-business-stack>div{padding:18px 13px;background:#edf1f4;display:flex;justify-content:center;flex-direction:column;border-top:5px solid #2357c5;min-width:0}[data-independent="baoan"] .ba-business-stack b{font-size:17px;line-height:1.5}[data-independent="baoan"] .ba-business-stack span{font-size:13px;line-height:1.8;margin-top:10px}[data-independent="baoan"].js-ready .ba-business-stack>div{animation:ba-sheet-arrive 7s both cubic-bezier(.2,.65,.3,1)}[data-independent="baoan"].js-ready .ba-business-stack>div:nth-child(2){animation-delay:.4s}[data-independent="baoan"].js-ready .ba-business-stack>div:nth-child(3){animation-delay:.8s}
[data-independent="baoan"] .ba-order>img,[data-independent="baoan"] .ba-ledger>img{height:440px}[data-independent="baoan"] .ba-records{display:grid;grid-template-columns:repeat(3,1fr);height:220px;position:relative;gap:12px;padding:25px 0 45px;margin-top:15px;align-items:stretch}[data-independent="baoan"] .ba-records>div{padding:15px 12px;background:#e8eff7;box-shadow:0 9px 14px #17354f14;z-index:1}[data-independent="baoan"] .ba-records b{font-size:15px;display:block;white-space:nowrap}[data-independent="baoan"] .ba-records span{font-size:14px;display:block;margin-top:10px;line-height:1.8}[data-independent="baoan"] .ba-records>p{position:absolute;inset:auto 0 0;background:#2357c5;color:white;text-align:center;padding:10px 0;font-size:14px;margin:0;z-index:2}[data-independent="baoan"].js-ready .ba-records>div{animation:ba-align-record 6.5s both cubic-bezier(.18,.72,.25,1);--offset:-15px;--tilt:-7deg}[data-independent="baoan"].js-ready .ba-records>div:nth-child(2){--offset:20px;--tilt:6deg;animation-delay:.5s}[data-independent="baoan"].js-ready .ba-records>div:nth-child(3){--offset:43px;--tilt:9deg;animation-delay:1s}
[data-independent="baoan"] .ba-file-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px;padding:15px 0 38px;position:relative;overflow:hidden}[data-independent="baoan"] .ba-file-pair>div{padding:20px 14px;background:#e4e9df;border-top:5px solid #70886d}[data-independent="baoan"] .ba-file-pair>div+div{background:#f0e7d5;border-color:#b38945}[data-independent="baoan"] .ba-file-pair b{font-size:15px;display:block}[data-independent="baoan"] .ba-file-pair span{font-size:14px;line-height:1.8;display:block;margin-top:8px}[data-independent="baoan"] .ba-file-pair p{font-size:13px;position:absolute;bottom:0;left:0;right:0;text-align:center}[data-independent="baoan"].js-ready .ba-file-pair>div{animation:ba-files-sort 5.5s both;--file-offset:70%}[data-independent="baoan"].js-ready .ba-file-pair>div+div{--file-offset:-70%;animation-delay:.4s}
[data-independent="baoan"] .ba-finance{padding:65px 0;background:#17354f;color:white}[data-independent="baoan"] .ba-finance header{display:grid;grid-template-columns:45% 47%;gap:8%;align-items:end;margin-bottom:40px}[data-independent="baoan"] .price-terms dl{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:20px 0 30px}[data-independent="baoan"] .price-terms dl>div{display:block;border-top:1px solid #ffffff60;border-bottom:0;padding:23px 0 0}[data-independent="baoan"] .price-terms dd{font-size:38px;margin-top:7px}[data-independent="baoan"] .price-terms>p:last-of-type,[data-independent="baoan"] .price-terms small{font-size:14px}[data-independent="baoan"] .ba-fee-answers{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:25px}[data-independent="baoan"] .ba-fee-answers summary{font-size:16px}[data-independent="baoan"] .ba-fee-answers details p{font-size:14px}
[data-independent="baoan"] .ba-showroom{padding:45px 0 60px}[data-independent="baoan"] .ba-showroom header{max-width:820px;margin-bottom:32px}[data-independent="baoan"] .ba-showroom header>p:last-child{margin-top:18px}[data-independent="baoan"] .ba-site-demo{height:480px;position:relative;overflow:hidden;background:#e8e1d2}[data-independent="baoan"] .ba-curtain{position:absolute;top:0;left:0;width:56%;height:370px;z-index:2;overflow:hidden}[data-independent="baoan"] .ba-site-copy{position:absolute;top:0;right:0;width:40%;height:370px;padding:38px 28px;display:flex;flex-direction:column;justify-content:center}[data-independent="baoan"] .ba-site-copy>span{font-size:14px;color:#2357c5;margin-bottom:15px}[data-independent="baoan"] .ba-site-copy>b{font-size:25px;line-height:1.6}[data-independent="baoan"] .ba-site-copy ul{list-style:none;padding:0;margin:22px 0 0;display:flex;gap:16px;flex-wrap:wrap;font-size:15px}[data-independent="baoan"] .ba-site-copy li{border-bottom:1px solid #98a3af;padding-bottom:4px}[data-independent="baoan"] .ba-inquiry{position:absolute;bottom:0;left:0;right:0;height:110px;padding:20px 35px;background:#2357c5;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:3}[data-independent="baoan"] .ba-inquiry span,[data-independent="baoan"] .ba-inquiry small{font-size:14px}[data-independent="baoan"] .ba-inquiry b{font-size:21px;font-weight:500}[data-independent="baoan"].js-ready .ba-curtain{animation:ba-website-image 6.8s both cubic-bezier(.6,0,.2,1)}[data-independent="baoan"].js-ready .ba-site-copy{animation:ba-website-copy 6.8s both cubic-bezier(.25,.5,.3,1)}[data-independent="baoan"].js-ready .ba-inquiry{animation:ba-website-inquiry 6.8s both cubic-bezier(.2,.7,.25,1)}[data-independent="baoan"] .ba-next{border-top:1px solid #23394730;margin-top:25px;padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:50px}[data-independent="baoan"] .ba-next p{font-size:15px}[data-independent="baoan"] .ba-next strong{display:block}[data-independent="baoan"] .ad p{font-size:13px}[data-independent="baoan"] .aux-reference a{background:#e5ebed}
[data-independent="baoan"]:not(.js-ready) .motion{display:none}[data-independent="baoan"]:not(.js-ready) *,[data-independent="baoan"]:not(.js-ready) *:before{animation:none!important}[data-independent="baoan"] [data-visible=false] *,[data-independent="baoan"].motion-paused *{animation-play-state:paused!important}
@keyframes ba-product-place{0%,12%{width:100%}90%,100%{width:62%}}@keyframes ba-sheet-arrive{0%,18%{transform:translateX(110%)}85%,100%{transform:translateX(0)}}@keyframes ba-align-record{0%,15%{transform:translateY(var(--offset)) rotate(var(--tilt))}85%,100%{transform:translateY(0) rotate(0)}}@keyframes ba-files-sort{0%,15%{transform:translateX(var(--file-offset)) translateY(25px)}100%{transform:translate(0)}}@keyframes ba-website-image{0%,12%{width:100%;height:100%}75%,100%{width:56%;height:370px}}@keyframes ba-website-copy{0%,30%{transform:translateX(110%)}80%,100%{transform:translateX(0)}}@keyframes ba-website-inquiry{0%,40%{transform:translateY(105%)}100%{transform:translateY(0)}}
@media(max-width:1000px){[data-independent="baoan"] h1 span{font-size:37px}[data-independent="baoan"] .ba-selector{padding:20px}[data-independent="baoan"] .ba-selector button{padding:10px 13px;font-size:15px}[data-independent="baoan"] .ba-plan{padding:28px 22px}[data-independent="baoan"] .ba-plan>header{display:block}[data-independent="baoan"] .ba-plan>header h2{margin-top:12px;font-size:27px}[data-independent="baoan"] .ba-plan-copy h3{font-size:22px}[data-independent="baoan"] .ba-product-stage{height:450px}[data-independent="baoan"] .ba-business-stack>div{padding:10px 7px}[data-independent="baoan"] .ba-business-stack b{font-size:15px}[data-independent="baoan"] .ba-scope>div{display:block}[data-independent="baoan"] .ba-scope dd{margin-top:6px}[data-independent="baoan"] .ba-site-copy{padding:20px}[data-independent="baoan"] .ba-site-copy>b{font-size:23px}[data-independent="baoan"] .ba-inquiry{padding:20px;gap:15px}[data-independent="baoan"] .ba-inquiry b{font-size:18px}[data-independent="baoan"] .ba-records{gap:5px}[data-independent="baoan"] .ba-records>div{padding:15px 6px}[data-independent="baoan"] .ba-records b{font-size:13px}}
@media(max-width:680px){[data-independent="baoan"] .ba-intro{padding:22px 0 40px}[data-independent="baoan"] .ba-topline{margin-bottom:22px;gap:12px}[data-independent="baoan"] .ba-topline p{font-size:13px}[data-independent="baoan"] .motion{font-size:13px;padding:5px 8px;white-space:nowrap}[data-independent="baoan"] .ba-title{display:block;margin-bottom:25px}[data-independent="baoan"] h1{font-size:14px}[data-independent="baoan"] h1 span{font-size:31px;line-height:1.5;margin-top:10px}[data-independent="baoan"] .ba-title>div>p:first-child{margin-top:17px}[data-independent="baoan"] .ba-chat{font-size:13px;margin-top:9px}[data-independent="baoan"] .ba-title .link{margin-top:12px}[data-independent="baoan"] .ba-selector,[data-independent="baoan"].js-ready .ba-selector{display:block;padding:17px 13px}[data-independent="baoan"]:not(.js-ready) .ba-selector{display:none}[data-independent="baoan"] .ba-selector>p{font-size:14px;margin-bottom:12px}[data-independent="baoan"] .ba-selector>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}[data-independent="baoan"] .ba-selector button{font-size:13px;padding:10px 3px;white-space:nowrap}[data-independent="baoan"] .ba-plan{padding:23px 16px 22px}[data-independent="baoan"] .ba-plan>header{margin-bottom:20px}[data-independent="baoan"] .ba-plan>header>span{font-size:13px}[data-independent="baoan"] .ba-plan>header h2{font-size:24px;margin-top:7px}[data-independent="baoan"] .ba-plan-body{display:flex;flex-direction:column;gap:20px}[data-independent="baoan"] .ba-product-stage{height:245px}[data-independent="baoan"] .ba-business-stack{gap:7px;width:35%}[data-independent="baoan"] .ba-business-stack>div{padding:7px;border-top-width:3px}[data-independent="baoan"] .ba-business-stack b{font-size:14px}[data-independent="baoan"] .ba-business-stack span{font-size:13px;line-height:1.65;margin-top:5px}[data-independent="baoan"] .ba-plan-copy h3{font-size:22px}[data-independent="baoan"] .ba-plan-copy>p{margin-top:14px}[data-independent="baoan"] .ba-scope{margin-top:18px}[data-independent="baoan"] .ba-scope>div{display:grid;grid-template-columns:65px 1fr;gap:10px}[data-independent="baoan"] .ba-scope dd{margin:0}[data-independent="baoan"] .ba-order>img,[data-independent="baoan"] .ba-ledger>img{height:245px}[data-independent="baoan"] .ba-records{gap:7px;height:225px;margin-top:22px}[data-independent="baoan"] .ba-records>div{padding:15px 8px}[data-independent="baoan"] .ba-records b{font-size:14px}[data-independent="baoan"] .ba-records span{font-size:13px}[data-independent="baoan"] .ba-file-pair{gap:10px}[data-independent="baoan"] .ba-file-pair>div{padding:16px 10px}[data-independent="baoan"] .ba-file-pair span{font-size:13px}[data-independent="baoan"] .ba-finance{padding:42px 0}[data-independent="baoan"] h2{font-size:26px}[data-independent="baoan"] .ba-finance header{display:block;margin-bottom:26px}[data-independent="baoan"] .ba-finance header>p{margin-top:20px}[data-independent="baoan"] .price-terms dl{display:block;margin:15px 0 22px}[data-independent="baoan"] .price-terms dl>div{display:flex;padding:17px 0;align-items:center}[data-independent="baoan"] .price-terms dd{font-size:30px;margin:0}[data-independent="baoan"] .price-terms>p:last-of-type,[data-independent="baoan"] .price-terms small{font-size:13px}[data-independent="baoan"] .ba-fee-answers{display:block;margin-top:15px}[data-independent="baoan"] .ba-showroom{padding:24px 0 30px}[data-independent="baoan"] .ba-showroom header{margin-bottom:24px}[data-independent="baoan"] .ba-site-demo{height:386px}[data-independent="baoan"] .ba-curtain{height:276px;width:52%}[data-independent="baoan"] .ba-site-copy{height:276px;padding:18px 12px 18px 0;width:43%}[data-independent="baoan"] .ba-site-copy>b{font-size:18px}[data-independent="baoan"] .ba-site-copy>span{font-size:13px;margin-bottom:8px}[data-independent="baoan"] .ba-site-copy ul{display:block;font-size:13px;margin-top:14px}[data-independent="baoan"] .ba-site-copy li{padding:4px 0}[data-independent="baoan"] .ba-inquiry{display:block;padding:13px 17px;height:110px}[data-independent="baoan"] .ba-inquiry span{font-size:13px;display:block}[data-independent="baoan"] .ba-inquiry b{font-size:17px;display:block;margin:1px 0}[data-independent="baoan"] .ba-inquiry small{font-size:13px}[data-independent="baoan"].js-ready .ba-curtain{animation-name:ba-website-image-mobile}[data-independent="baoan"] .ba-next{display:block;margin-top:20px;padding-top:20px}[data-independent="baoan"] .ba-next p+p{margin-top:14px}
@keyframes ba-website-image-mobile{0%,12%{width:100%;height:100%}75%,100%{width:52%;height:276px}}}

[data-independent="baoan"] .ba-fee-short{font-size:13px;margin-left:12px;border-bottom:1px solid;padding-bottom:3px;white-space:nowrap}