*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f5f7fb;color:#24324a;font:15px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8dafff;outline-offset:4px}h1,h2,h3,p{margin:0}img{object-fit:cover}button,a{touch-action:manipulation}.site-header{max-width:1240px;padding:27px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:19px;letter-spacing:.5px}.brand img{border-radius:11px}.site-header nav{display:flex;align-items:center;gap:32px;color:#66748d;font-size:14px}.nav-demo{background:#e7edfc;color:#3566d6;padding:11px 19px;border-radius:11px;font-weight:650}.hero-section{max-width:1180px;margin:42px auto 90px;display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;padding:0 34px}.hero-copy{padding-bottom:14px}.eyebrow{font-size:13px;font-weight:650;letter-spacing:2px;color:#3566d6;display:flex;align-items:center;gap:9px;margin-bottom:30px}h1{font-size:clamp(42px,4.7vw,66px);letter-spacing:-2.8px;line-height:1.25;font-weight:750}h1 span{color:#3566d6}.lead{font-size:19px;color:#748198;line-height:1.9;margin-top:25px}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:32px}.cta{display:inline-flex;justify-content:space-between;gap:50px;padding:16px 24px;border-radius:14px;background:#3566d6;color:white;font-weight:650;box-shadow:0 7px 18px #3566d61a}.cta:hover,.primary:hover{background:#2857c0}.quiet-link{font-size:14px;color:#667994}.hero-notes{display:flex;gap:18px;color:#78869b;font-size:12px;margin-top:22px}.demo-guide{border-top:1px solid #dfe5f0;margin-top:48px;padding-top:27px}.small-label,.section-kicker{font-size:12px;letter-spacing:1.5px;color:#3566d6}.demo-guide h2{font-size:19px;margin:10px 0}.demo-guide p{font-size:14px;color:#7b879a}.step-links{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 14px}.step-links button{background:white;border:1px solid #e4e9f2;border-radius:30px;padding:8px 17px;font-size:13px;color:#677896}.step-links button.active{background:#3566d6;color:white;border-color:#3566d6}.demo-guide .local-note{font-size:11px}.demo-column{max-width:410px;width:100%;justify-self:end}.demo-caption{display:flex;justify-content:space-between;align-items:center;color:#637491;font-size:12px;padding:0 15px 12px}.demo-caption>span{display:flex;align-items:center;gap:7px}.reset{color:#6f7f97;background:transparent;font-size:12px;padding:7px}.phone{height:766px;background:#f5f7fb;border:8px solid white;border-radius:43px;box-shadow:0 24px 65px #293e6b0e;display:flex;flex-direction:column;overflow:hidden;position:relative}.phone-status{padding:13px 22px 8px;display:flex;justify-content:space-between;font-size:12px}.phone-status span{font-size:10px;letter-spacing:2px}.phone-nav{padding:8px 18px 14px;display:flex;align-items:center;gap:12px;flex-shrink:0}.phone-nav>button{font-size:28px;background:none;line-height:1;padding:0 2px;min-width:20px}.phone-nav strong{font-size:15px}.demo-pill{margin-left:auto;border:1px solid #dde3ee;border-radius:20px;padding:3px 12px;font-size:9px;letter-spacing:2px;color:#79879d}.screen{flex:1;min-height:0;overflow:auto;padding:12px 21px 26px;scrollbar-width:thin;scrollbar-color:#dfe5f0 transparent;overscroll-behavior:contain}.screen h2{font-size:26px;font-weight:700;line-height:1.4}.screen h3{font-size:16px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row>*{min-width:0}.muted{font-size:12px;color:#7b89a1}.text{background:none;color:#3566d6;font-size:13px;padding:8px 0}.row>.text{margin-left:auto;flex-shrink:0;text-align:right}.danger{color:#b95464}.card{background:white;border:1px solid #e2e8f3;border-radius:22px;padding:20px;margin:15px 0}.summary-card{background:#e9efff;border:0;padding:23px 21px;margin:20px 0}.big{font-size:43px;letter-spacing:-1.6px;line-height:1.45;font-weight:700;font-variant-numeric:tabular-nums}.avatars{display:flex;flex-wrap:wrap;margin-top:18px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;flex-shrink:0;border-radius:50%;border:2px solid white;background:#dce7ff;color:#49679e;font-size:13px;margin-right:-6px}.avatar.tone1{background:#e5e0fa;color:#7663a0}.avatar.tone2{background:#f9e4d8;color:#a37355}.avatar.tone3{background:#dceedd;color:#4e7653}.hero-members{align-items:flex-end}.hero-members>.text{padding-bottom:3px}.list-card{padding:3px 19px}.expense-row{width:100%;background:none;text-align:left;display:flex;align-items:center;gap:12px;padding:21px 0;border-bottom:1px solid #edf0f6}.expense-row:last-child{border:0}.expense-row .avatar{height:42px;width:42px;font-size:17px;margin:0}.desc{flex:1;min-width:0}.desc strong{display:block;font-size:16px;overflow-wrap:anywhere}.expense-row .money{font-size:15px;font-weight:650;flex-shrink:0}.money{font-variant-numeric:tabular-nums}.bottom-bar{padding:13px 20px 10px;display:flex;gap:10px;border-top:1px solid #e2e8f3;flex-shrink:0}.primary,.secondary{padding:13px 16px;border-radius:14px;font-size:15px;font-weight:650;min-height:48px;text-align:center}.primary{background:#3566d6;color:white}.secondary{background:#e8eefb;color:#3566d6}.bottom-bar .primary{flex:1}.bottom-bar button:only-child{flex:1}.home-indicator{height:4px;width:110px;background:#24324a;border-radius:8px;margin:7px auto 9px;flex-shrink:0}.below-phone{text-align:center;color:#8a96a9;font-size:11px;margin-top:16px}.tag{background:#eaf0ff;color:#5573ad;padding:3px 8px;font-size:10px;border-radius:7px;flex-shrink:0}.ledger{width:100%;text-align:left;color:inherit;display:block;cursor:pointer}.ledger .big{font-size:34px;margin-top:6px}.ledger .muted{margin-top:5px}.ledger .row strong{overflow-wrap:anywhere}.gap{height:18px}.empty{text-align:center;padding:38px 10px;color:#8b97a9;font-size:13px}.tip{background:#eaf0fb;border-radius:12px;padding:13px;font-size:12px;color:#60759a;margin:14px 0}.line{padding:14px 0;border-bottom:1px solid #edf0f6}.line:last-child{border:0}.line .row{overflow-wrap:anywhere}.field{display:block;border-bottom:1px solid #dfe5f0;padding:16px 0}.field input,.field select{display:block;width:100%;border:0;background:transparent;color:#24324a;padding:9px 0 0;font-size:15px}.amount-field{display:flex;align-items:center;padding:16px 0 21px;border-bottom:1px solid #dfe5f0;font-size:25px}.amount-field input{min-width:0;width:100%;font-size:42px;background:none;border:0;padding:7px;color:#24324a}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.chip{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;background:white;border:1px solid #dce3ef;border-radius:12px;color:#667893;font-size:13px}.chip:has(input:checked){background:#eaf0ff;border-color:#3566d6;color:#3566d6}.chip input{accent-color:#3566d6;width:13px;margin:0}.error{color:#b95464;font-size:13px;padding-top:9px}.readonly{background:#eaf0fb;border-radius:10px;padding:11px;font-size:12px;color:#60759a;margin-bottom:15px}.brand-mini{width:46px;height:46px;border-radius:14px}.how-section{max-width:1120px;margin:auto;padding:66px 30px 45px;border-top:1px solid #e0e6f0}.how-section>h2{font-size:32px;letter-spacing:-1px;margin:10px 0 35px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.step-number{font-size:12px;color:#8191ad;letter-spacing:1px}.how-grid h3{font-size:20px;margin:12px 0}.how-grid p{font-size:14px;color:#7a879c}.scene-strip{max-width:1060px;margin:30px auto 70px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:23px 0;border-block:1px solid #e0e6f0;color:#6d7c93;font-size:13px}.scene-strip>div{display:flex;align-items:center;gap:13px}.faq-section{max-width:1120px;margin:auto;padding:0 30px 70px;display:grid;grid-template-columns:1fr 1.7fr;gap:60px}.faq-section h2{font-size:34px;line-height:1.4;margin:12px 0 18px}.faq-section>div>p{font-size:13px;color:#8591a3}.faq-list details{border-bottom:1px solid #dde4ef;padding:20px 0}.faq-list summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:10px}.faq-list summary::after{content:'＋';color:#8090a8}.faq-list details[open] summary::after{content:'−'}.faq-list p{color:#7a879c;font-size:14px;padding:13px 24px 0 0}footer{max-width:1180px;margin:auto;border-top:1px solid #e0e6f0;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:15px}footer>span,footer>a:last-child{font-size:12px;color:#8591a3}dialog{border:0;border-radius:24px;padding:25px;width:min(370px,calc(100vw - 32px));color:#24324a;background:#f8faff;box-shadow:0 25px 100px #1b2b4940;max-height:85vh;overflow:auto}dialog::backdrop{background:#15244166;backdrop-filter:blur(3px)}dialog h2{font-size:22px;line-height:1.4}dialog p{color:#74839b;font-size:13px;margin:12px 0}dialog .dialog-actions{display:flex;gap:10px;margin-top:22px}dialog .dialog-actions>*{flex:1}dialog input,dialog select{width:100%;padding:12px;border:1px solid #dce3ef;background:white;border-radius:10px;margin:15px 0 0;color:#24324a}dialog label{font-size:13px;display:block;margin-top:10px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#24324a;color:white;border-radius:14px;padding:12px 22px;font-size:13px;z-index:100;pointer-events:none;opacity:0;transition:opacity .2s;max-width:90vw}#toast.visible{opacity:1}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:14px}.calendar-grid>*{height:35px;display:flex;align-items:center;justify-content:center;font-size:12px}.calendar-grid button{border-radius:9px;background:#edf1f8}.calendar-grid button.selected{background:#3566d6;color:white}.calendar-grid button.today{box-shadow:inset 0 0 0 1px #3566d6}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.calendar-head button{background:none;color:#3566d6;padding:8px 14px}.date-button{width:100%;background:none;color:#24324a;text-align:left}.date-button>span:last-child{margin-left:auto;color:#60759a}.form-hint{font-size:11px;color:#8a96a9;padding-top:5px}
@media(min-width:1400px){.hero-section{gap:95px;margin-top:55px}.demo-column{max-width:430px}.phone{height:794px}.hero-copy h1{font-size:68px}}
@media(max-width:800px){.site-header{padding:20px 24px}.site-header nav{gap:18px}.site-header nav>a:not(.nav-demo){display:none}.hero-section{grid-template-columns:1fr;gap:35px;margin:30px auto 55px;padding:0 24px}.hero-copy{max-width:520px;margin:auto;width:100%;text-align:center}.eyebrow{justify-content:center;font-size:12px;margin-bottom:23px}h1{font-size:49px;letter-spacing:-2px}.lead{font-size:16px;margin-top:20px}.hero-actions,.hero-notes{justify-content:center}.demo-guide{margin-top:32px;padding-top:23px}.demo-guide h2{font-size:17px}.step-links{justify-content:center}.demo-column{justify-self:center;max-width:410px}.phone{height:730px}.how-grid{grid-template-columns:1fr;gap:28px}.how-section{padding:42px 26px}.how-section>h2{font-size:27px}.scene-strip{margin:0 26px 50px;display:grid;grid-template-columns:1fr 1fr}.faq-section{grid-template-columns:1fr;gap:12px;padding:0 26px 45px}.faq-section h2{font-size:28px}.faq-section h2 br{display:none}footer{padding:24px;flex-wrap:wrap}footer>span{order:3;width:100%}.brand{font-size:17px}.brand img{width:34px;height:34px}}
@media(max-width:380px){.hero-section{padding:0 12px}.phone{border-width:5px}.screen{padding-left:16px;padding-right:16px}h1{font-size:42px}.hero-notes{gap:10px;font-size:11px}.hero-actions{gap:18px}.cta{gap:25px}.site-header{padding:18px}.step-links button{padding:8px 12px}.big{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.screen h2,.screen .row>span,.screen .row>strong,.screen .row>b,.big{overflow-wrap:anywhere}.chip{max-width:100%;overflow-wrap:anywhere}.chip input{flex-shrink:0}dialog p,dialog h2{overflow-wrap:anywhere}
.wechat-section{max-width:1060px;margin:0 auto 64px;padding:32px 42px;border:1px solid #e1e7f2;border-radius:26px;background:#eef2fc;display:flex;align-items:center;justify-content:space-between;gap:35px}.wechat-section h2{font-size:30px;letter-spacing:-1px;margin:12px 0}.wechat-section p{font-size:14px;color:#74839b;margin-bottom:20px}.qr-card{background:#fff;border-radius:18px;padding:16px;flex-shrink:0;text-align:center}.qr-card img{display:block;width:192px;height:192px;object-fit:contain}.qr-card span{display:block;font-size:11px;color:#74839b;margin-top:8px}@media(max-width:800px){.wechat-section{margin:0 24px 42px;padding:25px;flex-direction:column;gap:22px;text-align:center}.wechat-section h2{font-size:25px}.site-header nav>a[href="#wechat"]{display:block;font-size:12px}.site-header nav{gap:10px}.nav-demo{padding:10px 12px}}@media(max-width:380px){.site-header{padding:15px 12px}.site-header .brand{font-size:14px;gap:6px}.site-header .nav-demo{font-size:11px;padding:9px}.site-header nav>a[href="#wechat"]{font-size:11px}.qr-card img{width:180px;height:180px}}