:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#191919;background:#dde4df;font-synthesis:none;--green:#07b75c;--muted:#9b9b9b;--line:#e7e7e7}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center}button,input,textarea,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #0ab766;outline-offset:2px}.phone{position:relative;display:flex;flex-direction:column;width:100%;max-width:430px;height:100dvh;background:#ededed;overflow:hidden}.header{flex:none;display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;border-bottom:1px solid #ddd}.header h1{font-size:18px;line-height:1.3;margin:0;font-weight:600}.header .head-title{text-align:center;min-width:0;overflow:hidden}.header small{display:block;font-size:10px;color:#8a8a8a;margin-top:4px;font-weight:400}.icon{border:0;background:none;color:inherit;width:30px;height:30px;display:grid;place-items:center;padding:2px;flex:none;font-size:26px}.icon svg,.svg-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.icon.small{font-size:18px}.banner{padding:7px 15px;font-size:10px;color:#718776;background:#e2ebe4;text-align:center;line-height:1.5}.view{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.nav{display:flex;flex:none;padding:9px 10px calc(9px + env(safe-area-inset-bottom));background:#f7f7f7;border-top:1px solid #d8d8d8;justify-content:space-around}.nav button{border:0;background:none;color:#737b76;display:flex;flex-direction:column;align-items:center;gap:5px;width:80px;font-size:10px;position:relative}.nav button.active{color:var(--green)}.nav svg{width:25px;height:25px}.nav .dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#fa5151;top:-2px;left:47px}.search{margin:12px;display:flex;gap:5px;align-items:center;justify-content:center;background:#fff;color:#aaa;border-radius:7px;font-size:13px;padding:9px}.search input{background:none;border:0;outline:0;min-width:0;width:100%;text-align:left;font-size:13px}.search svg{width:17px;height:17px}.list{background:#fff}.contact-row{width:100%;display:flex;align-items:center;gap:13px;padding:15px 17px;background:white;border:0;text-align:left;color:inherit;position:relative}.contact-row:after{content:"";position:absolute;left:82px;right:0;bottom:0;height:1px;background:#eee}.avatar{width:49px;height:49px;border-radius:7px;object-fit:cover;object-position:center 25%;flex:none;background:#e0e7e1}.avatar.placeholder{display:grid;place-items:center;color:#597360;font-size:22px}.contact-copy{min-width:0;flex:1}.contact-copy strong{font-size:16px;font-weight:500;display:flex;align-items:center;gap:6px}.contact-copy p{font-size:12px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 0 0}.contact-aside{align-self:stretch;text-align:right;display:flex;align-items:flex-end;flex-direction:column;gap:13px;font-size:10px;color:#aaa}.unread{min-width:16px;height:16px;padding:1px 4px;background:#fa5151;color:#fff;border-radius:10px;font-size:10px}.tag{font-size:9px;font-weight:400;padding:2px 5px;border-radius:3px;color:#648c71;background:#edf5ef}.section-label{padding:18px 18px 8px;font-size:11px;color:#929c96;letter-spacing:1px}.empty{padding:65px 25px;text-align:center;color:#a1aaa4;line-height:2;font-size:13px}.empty svg{width:48px;height:48px;margin-bottom:10px;opacity:.6}.subtle{font-size:11px;color:#a0a4a1;line-height:1.8;text-align:center;padding:20px}.action-row{width:100%;display:flex;align-items:center;gap:13px;padding:17px 18px;border:0;background:#fff;border-bottom:1px solid #f0f0f0;text-align:left;font-size:14px;color:#252a27}.action-row .svg-icon{color:#5c8a6b;width:23px;height:23px}.action-row .grow{flex:1}.action-row small{color:#999;font-size:11px}.chevron{color:#bbb;font-size:20px}.spacer{height:12px}.primary,.secondary,.danger-button{border:0;border-radius:6px;padding:13px 18px;font-size:14px;text-align:center}.primary{color:#fff;background:var(--green)}.secondary{background:#e9eee9;color:#39704c}.danger-button{color:#db5353;background:#fff}.block{display:block;width:100%}.pad{padding:18px}.card{background:#fff;border-radius:10px;padding:18px;margin-bottom:15px}.card h3{font-size:14px;margin:0 0 12px}.card p{font-size:12px;line-height:1.8;color:#8e9690}.error-note{color:#c85f4b!important}.auth-page{padding:55px 28px 25px;min-height:100%;background:#f7f9f7}.brand-icon{width:65px;height:65px;background:var(--green);color:white;display:grid;place-items:center;border-radius:19px;margin-bottom:30px;box-shadow:0 12px 25px #07b75c22}.brand-icon svg{width:35px;height:35px}.auth-page h2{font-weight:500;font-size:27px;margin:0 0 12px;letter-spacing:1px}.auth-page .intro{font-size:13px;color:#909a93;margin-bottom:35px;line-height:1.8}.form label{display:block;font-size:12px;color:#7c847e;margin:20px 0 8px}.form input,.form textarea,.form select{width:100%;border:1px solid #dfe5df;border-radius:6px;background:white;padding:12px;color:#252b27;min-height:43px;line-height:1.5}.form textarea{resize:vertical;min-height:110px}.form input[type=file]{font-size:12px}.form .primary{margin-top:25px}.form .help{font-size:11px;color:#9ba29d;line-height:1.8;margin:9px 0}.switch-auth{display:block;margin:22px auto 0;border:0;background:none;color:#528963;font-size:13px}.form-error{font-size:12px;color:#cc5348;line-height:1.7;min-height:20px}.gift-note{font-size:11px;color:#8caa96;text-align:center;margin-top:35px}.me-hero{background:white;padding:28px 22px;display:flex;align-items:center;gap:17px;border:0;width:100%;text-align:left}.me-hero .avatar{width:66px;height:66px;border-radius:10px}.me-hero h2{font-size:21px;margin:0 0 10px;font-weight:550}.me-hero p{font-size:11px;color:#999;margin:0}.balance-card{background:#fff;margin:13px;border-radius:11px;padding:20px;display:flex;align-items:center;justify-content:space-between;border:0;width:calc(100% - 26px);text-align:left}.balance-card small{font-size:11px;color:#9aa29b}.balance-card strong{display:block;font-size:32px;font-weight:500;margin-top:8px;letter-spacing:-1px;color:#27854b}.balance-card span{font-size:12px;color:#81988a}.ledger{background:#fff;padding:16px 18px;border-bottom:1px solid #f0f0f0;display:flex;gap:14px;justify-content:space-between}.ledger strong{display:block;font-size:13px;font-weight:500}.ledger p{font-size:11px;color:#999;margin:8px 0 0;line-height:1.5}.ledger .amount{font-size:18px;white-space:nowrap}.amount.positive{color:#08a653}.wallet-head{padding:30px;text-align:center;background:white}.wallet-head p{color:#999;font-size:12px}.wallet-head strong{display:block;font-size:47px;font-weight:500;margin:16px}.wallet-head small{color:#999;font-size:11px}.view.chat-view{display:flex;flex-direction:column;overflow:hidden}.chat-feed{flex:1;min-height:0;overflow:auto;padding:22px 14px;overscroll-behavior:contain}.time-label{text-align:center;font-size:10px;color:#a0a0a0;margin-bottom:24px}.message{display:flex;align-items:flex-start;gap:10px;margin-bottom:21px}.message.mine{flex-direction:row-reverse}.message .avatar{width:37px;height:37px;border-radius:5px}.message .avatar.placeholder{font-size:15px}.message-body{max-width:calc(100% - 91px);min-width:0}.bubble{padding:10px 13px;border-radius:5px;background:#fff;position:relative;font-size:15px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.bubble:before{content:"";position:absolute;left:-5px;top:13px;border-right:6px solid white;border-top:5px solid transparent;border-bottom:5px solid transparent}.mine .bubble{background:#95ec69}.mine .bubble:before{left:auto;right:-5px;border-left:6px solid #95ec69;border-right:0}.message.system{justify-content:center;color:#999;font-size:10px;line-height:1.8;text-align:center}.voice-bubble{border:0;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:105px;max-width:230px;height:43px}.voice-bubble svg{width:21px;height:21px}.voice-bubble span{font-size:13px}.voice-bubble.playing{color:#07994c}.voice-bubble.playing svg{animation:voice 1s infinite}.transcript-toggle{border:0;background:none;color:#8f9690;font-size:10px;padding:7px 0}.transcript{font-size:12px;line-height:1.8;color:#667168;background:#ffffff90;padding:8px 10px;border-radius:5px;white-space:pre-wrap}.message-meta{font-size:9px;color:#a1a1a1;padding-top:5px}.failed{color:#d0534b}.retry{border:0;background:none;color:#c9544b;font-size:11px;padding:4px}.typing{font-size:11px;color:#9d9d9d;padding:4px 16px 10px}.composer{flex:none;display:flex;align-items:flex-end;gap:8px;padding:9px 10px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #dadada;background:#f7f7f7}.composer .icon{height:36px;font-size:27px}.composer textarea{flex:1;min-width:0;width:0;border:0;border-radius:5px;background:#fff;resize:none;min-height:38px;max-height:100px;padding:8px 10px;line-height:21px}.composer .send{height:36px;padding:0 11px;border:0;border-radius:5px;color:white;background:var(--green);font-size:13px}.composer .send:disabled{background:#e3e5e3;color:#adb1ad;opacity:1}.hold-record{flex:1;min-width:0;border:1px solid #daddda;border-radius:5px;height:38px;background:#f9f9f9;color:#383d39;font-size:14px;touch-action:none;user-select:none;-webkit-user-select:none}.extras{flex:none;padding:20px 14px;display:flex;gap:24px;background:#f7f7f7;border-top:1px solid #eee}.extra-button{border:0;background:none;font-size:11px;color:#8e958f;display:flex;flex-direction:column;align-items:center;gap:8px}.extra-button span{width:55px;height:55px;display:grid;place-items:center;background:white;border-radius:11px;color:#59675d}.extra-button svg{width:27px;height:27px}.emoji-tray{display:flex;justify-content:space-around;padding:20px 10px;background:#f7f7f7}.emoji-tray button{font-size:25px;border:0;background:none}.detail-hero{text-align:center;background:white;padding:25px 25px 30px}.detail-hero img{width:100px;height:120px;object-fit:cover;object-position:center 25%;border-radius:12px}.detail-hero h2{font-size:20px;font-weight:500;margin:18px 0 10px}.detail-hero p{font-size:12px;color:#929d95;line-height:1.7}.detail-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.detail-actions button{font-size:12px;padding:10px 14px}.steps{display:flex;gap:7px;padding:18px}.steps span{flex:1;height:3px;background:#dce2dd;border-radius:3px}.steps .current{background:var(--green)}.image-upload-preview{width:100%;height:190px;object-fit:contain;background:#f1f4f1;border-radius:8px;margin-top:14px}.doc-card{background:#fff;margin-bottom:12px;padding:16px;border-radius:8px}.doc-card h3{font-size:13px;margin:0 0 7px;overflow-wrap:anywhere}.doc-card .doc-text{max-height:160px;overflow:auto;font-size:12px;line-height:1.7;white-space:pre-wrap;color:#748078}.doc-card p{font-size:11px;color:#9a9f9b;line-height:1.7}.doc-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:12px}.doc-actions button{font-size:11px;border:0;background:none;color:#759481;padding:5px}.doc-actions .danger{color:#d26258}.record-overlay{position:absolute;inset:0;z-index:12;background:#1c372beb;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;pointer-events:none}.record-overlay.cancel{background:#6b252aee}.record-wave{font-size:38px;letter-spacing:7px;animation:voice 1s infinite}.record-overlay strong{font-size:15px;font-weight:400}.record-overlay span{font-size:20px}.call-screen{position:absolute;inset:0;z-index:10;background:#23382b;color:white;overflow:hidden}.call-screen>img{width:100%;height:100%;object-fit:cover;filter:blur(18px) brightness(.5);transform:scale(1.1)}.call-screen.video.connected>img{filter:none;transform:none}.call-shade{position:absolute;inset:0;background:linear-gradient(#0003,transparent 40%,transparent 60%,#0008);pointer-events:none}.call-person{position:absolute;top:calc(115px + env(safe-area-inset-top));left:15px;right:15px;text-align:center}.call-person img{width:84px;height:84px;border-radius:16px;object-fit:cover;object-position:center 25%}.call-person h2{font-weight:500;font-size:23px;margin:20px 0 14px}.call-person p{color:#ffffffc0;font-size:13px}.call-person small{color:#ffffff90;font-size:11px;line-height:1.8;display:block}.call-screen.video.connected .call-person{top:calc(30px + env(safe-area-inset-top))}.call-screen.video.connected .call-person img,.call-screen.video.connected .call-person h2{display:none}.call-back{position:absolute;top:calc(20px + env(safe-area-inset-top));left:18px;z-index:2;color:white}.call-controls{position:absolute;bottom:calc(42px + env(safe-area-inset-bottom));left:10px;right:10px;display:flex;justify-content:space-around}.call-control{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:12px;color:white;width:90px}.call-control span{width:59px;height:59px;border-radius:50%;background:#ffffff22;display:grid;place-items:center;font-size:28px;backdrop-filter:blur(12px)}.call-control small{font-size:11px}.call-control.end span{background:#fa5151;font-size:39px;line-height:1;transform:rotate(180deg)}.call-control.active span{background:white;color:#26342c}.call-pill{position:absolute;right:13px;top:75px;z-index:8;border:0;border-radius:20px;background:var(--green);color:white;padding:11px 15px;font-size:12px;box-shadow:0 5px 20px #0002}#remoteVideo{position:absolute;inset:0}#remoteVideo video{width:100%;height:100%;object-fit:cover}#localVideo{position:absolute;top:85px;right:14px;width:95px;height:140px;object-fit:cover;border-radius:8px;transform:scaleX(-1);z-index:2}.allow-playback{position:absolute;left:20%;top:50%;width:60%;border:1px solid #fff6;color:white;background:#2229;padding:14px;border-radius:8px}.toast{position:absolute;bottom:140px;left:25px;right:25px;background:#172d24ec;color:white;padding:15px 18px;border-radius:9px;z-index:30;font-size:13px;text-align:center;line-height:1.7;pointer-events:none}dialog{border:0;border-radius:14px;padding:25px;width:calc(100% - 40px);max-width:370px;color:#26342b;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#0006}dialog h2{font-size:18px;font-weight:500;margin:0 0 15px}dialog p{font-size:13px;color:#89958d;line-height:1.9}dialog .dialog-actions{display:flex;gap:12px;margin-top:24px}dialog .dialog-actions button{flex:1}dialog input,dialog textarea{width:100%;padding:10px;border:1px solid #d9e1da;border-radius:5px}.loading{padding:60px;text-align:center;color:#9ca69f;font-size:13px}.link-button{border:0;background:none;color:#4a8a60;font-size:12px;padding:10px}.saved-notice{font-size:11px;line-height:1.7;color:#85958a;padding:12px 18px}.row-actions{display:flex;gap:10px}.row-actions>*{flex:1}.version{padding:30px;text-align:center;color:#a8b1aa;font-size:9px;letter-spacing:3px}@keyframes voice{50%{opacity:.45}}@media(min-width:600px){body{padding:22px;background:radial-gradient(ellipse at 25% 15%,#eff4ef,#d4dfd7 80%)}.phone{height:calc(100dvh - 44px);max-height:920px;border-radius:24px;border:1px solid #ffffffaa;box-shadow:0 25px 90px #405b4030}}@media(max-width:370px){.composer{gap:5px;padding-left:8px;padding-right:8px}.composer .icon{width:27px}.contact-row{padding:14px}.call-person{top:85px}}@media(max-height:600px){.call-person{top:60px}.call-person img{width:55px;height:55px}.call-controls{bottom:24px}.auth-page{padding-top:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}