:root{color:#1d292d;background:#eef2f2;font-family:Microsoft YaHei UI,PingFang SC,Source Han Sans SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1d292d;--muted: #748085;--faint: #9aa4a8;--line: #e3e8e8;--paper: #f3f6f5;--surface: #ffffff;--accent: #287665;--accent-strong: #1b6657;--accent-soft: #dceee9;--coral: #de7656;--nav: #243036}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input,textarea{font:inherit}button{color:inherit}button,input,textarea{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px #28766533}button{border:0}.mobile-app{position:relative;display:flex;width:100%;height:100dvh;min-height:100%;flex-direction:column;overflow:hidden;background:var(--paper)}.icon-button{display:inline-flex;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;border-radius:50%;background:transparent;cursor:pointer}.icon-button:active{background:#1f353a14;transform:scale(.96)}.app-header{position:relative;z-index:5;display:flex;min-height:84px;flex:0 0 auto;align-items:flex-end;justify-content:space-between;padding:calc(11px + env(safe-area-inset-top)) 18px 12px;border-bottom:1px solid rgba(211,218,218,.72);background:#fffffff5}.header-copy{min-width:0}.header-kicker{margin:0 0 4px;color:var(--accent);font-family:Bahnschrift,Microsoft YaHei UI,sans-serif;font-size:9px;font-weight:700;letter-spacing:1.4px}.header-title-line{display:flex;align-items:baseline;gap:9px}.header-title-line h1{margin:0;color:#172226;font-size:26px;font-weight:760;line-height:1.15;letter-spacing:0}.header-subtitle{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;gap:4px}.header-button{margin-bottom:-3px;color:#23363a;background:#eef3f2}.home-content{position:relative;min-height:0;flex:1;overflow:hidden}.section-screen{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.section-screen::-webkit-scrollbar,.message-scroll::-webkit-scrollbar{display:none}.conversation-screen,.contacts-screen{background:var(--surface)}.search-box{display:flex;height:42px;align-items:center;gap:9px;margin:14px 16px 8px;padding:0 12px;border:1px solid transparent;border-radius:8px;color:#768286;background:#eef2f2;transition:border-color .16s ease,background .16s ease}.search-box:focus-within{border-color:#9fc9be;background:#fff}.search-box input{width:100%;min-width:0;border:0;color:var(--ink);background:transparent;font-size:14px}.search-box input::placeholder{color:#919b9e}.search-clear{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;border-radius:50%;background:#d9dfdf}.conversation-list{padding-bottom:14px}.conversation-row{position:relative;display:flex;width:100%;min-height:76px;align-items:center;gap:12px;padding:10px 16px;background:var(--surface);text-align:left;cursor:pointer}.conversation-row:after{position:absolute;right:16px;bottom:0;left:70px;height:1px;background:var(--line);content:""}.conversation-row:active{background:#f2f5f4}.avatar{--avatar-color: #557b78;position:relative;display:inline-flex;width:46px;height:46px;flex:0 0 46px;align-items:center;justify-content:center;overflow:visible;border-radius:7px;color:#fff;background:var(--avatar-color);box-shadow:inset 0 0 0 1px #ffffff2e;font-size:15px;font-weight:700}.group-avatar{font-size:12px}.presence-dot{position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;border:2px solid #ffffff;border-radius:50%;background:#22a66f}.conversation-main{min-width:0;flex:1}.conversation-heading,.conversation-preview{display:flex;min-width:0;align-items:center}.conversation-heading{justify-content:space-between;gap:12px;margin-bottom:7px}.conversation-heading strong{overflow:hidden;color:#1d282c;font-size:15px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.conversation-heading>span{flex:0 0 auto;color:#9ba4a6;font-family:Bahnschrift,Microsoft YaHei UI,sans-serif;font-size:10px}.conversation-preview{gap:8px;color:#9aa3a6}.conversation-preview p{overflow:hidden;min-width:0;flex:1;margin:0;color:#7e898c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.conversation-preview svg{flex:0 0 auto}.unread-badge{display:inline-flex;min-width:18px;height:18px;flex:0 0 auto;align-items:center;justify-content:center;padding:0 5px;border-radius:9px;color:#fff;background:var(--coral);font-family:Bahnschrift,sans-serif;font-size:10px;font-weight:700}.empty-state{display:flex;min-height:260px;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#9aa4a7}.empty-state p{margin:0;font-size:13px}.bottom-nav{z-index:8;display:grid;min-height:63px;flex:0 0 auto;grid-template-columns:repeat(3,1fr);padding:7px 10px calc(6px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);background:var(--nav)}.bottom-nav button{position:relative;display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:6px;color:#aab5b7;background:transparent;font-size:10px;cursor:pointer}.bottom-nav button.active{color:#86d4bd}.bottom-nav button:active{background:#ffffff0f}.nav-icon-wrap{position:relative;display:inline-flex}.nav-icon-wrap i{position:absolute;top:-2px;right:-4px;width:7px;height:7px;border:1px solid var(--nav);border-radius:50%;background:var(--coral)}.company-strip{display:flex;min-height:70px;align-items:center;gap:12px;margin:14px 16px 10px;padding:11px 13px;border:1px solid #d7e7e2;border-radius:8px;background:#eaf3f0}.company-mark{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:6px;color:#fff;background:var(--accent);font-family:STKaiti,KaiTi,serif;font-size:22px;font-weight:700}.company-strip>div:nth-child(2){min-width:0;flex:1}.company-strip strong{color:#203034;font-size:14px}.company-strip p{overflow:hidden;margin:4px 0 0;color:#758286;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.company-strip>svg{color:#8b989a}.contact-search{margin-top:8px}.contact-section-label{padding:12px 16px 6px;color:#8a9699;background:#f5f7f7;font-size:10px;font-weight:650}.contact-row{position:relative;display:flex;width:100%;min-height:68px;align-items:center;gap:12px;padding:9px 16px;background:#fff;text-align:left}.contact-row:after{position:absolute;right:16px;bottom:0;left:66px;height:1px;background:var(--line);content:""}.contact-row:active{background:#f2f5f4}.contact-avatar{width:42px;height:42px;flex-basis:42px;font-size:14px}.contact-copy{min-width:0;flex:1}.contact-copy strong{display:block;margin-bottom:4px;color:#233034;font-size:14px}.contact-copy p{overflow:hidden;margin:0;color:#879194;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.contact-status{flex:0 0 auto;color:#a0a8aa;font-size:10px}.contact-status.online{color:#25845f}.profile-screen{padding-bottom:22px;background:#f1f4f3}.profile-hero{display:flex;align-items:center;gap:14px;padding:24px 18px 20px;border-bottom:1px solid var(--line);background:#fff}.profile-avatar{--avatar-color: #3f7f6d;position:relative;display:grid;width:68px;height:68px;flex:0 0 68px;place-items:center;border-radius:8px;color:#fff;background:var(--avatar-color);box-shadow:0 8px 20px #24464029;font-size:24px;font-weight:700}.profile-avatar .presence-dot{right:-4px;bottom:-4px;width:14px;height:14px;border-width:3px}.profile-title{min-width:0}.profile-name-line{display:flex;align-items:center;gap:8px;margin-bottom:6px}.profile-name-line h2{margin:0;color:#192428;font-size:21px;letter-spacing:0}.verified-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 6px;border-radius:5px;color:#1e6d5c;background:#dfeeea;font-size:9px;font-weight:650}.profile-title>p{margin:0 0 5px;color:#536267;font-size:12px}.profile-title>span{display:block;overflow:hidden;color:#8a9497;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.status-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:12px 16px;overflow:hidden;border:1px solid #dce3e2;border-radius:7px;background:#dce3e2}.status-selector button{display:flex;height:38px;align-items:center;justify-content:center;gap:6px;color:#768285;background:#fff;font-size:12px}.status-selector button span{width:7px;height:7px;border-radius:50%;background:#b4bdbf}.status-selector button.active{color:#1d6959;background:#e5f1ee;font-weight:650}.status-selector button.active span{background:#2ba46f}.profile-block{margin:12px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.profile-row{position:relative;display:flex;min-height:62px;align-items:center;gap:13px;padding:10px 18px;color:#50716a}.profile-row:not(:last-child):after,.setting-row:not(:last-child):after{position:absolute;right:16px;bottom:0;left:50px;height:1px;background:var(--line);content:""}.profile-row>div{min-width:0;flex:1}.profile-row span{display:block;margin-bottom:3px;color:#939c9e;font-size:9px}.profile-row strong{display:block;overflow:hidden;color:#2a3539;font-size:12px;font-weight:560;text-overflow:ellipsis;white-space:nowrap}.compact-block{margin-top:12px}.setting-row{position:relative;display:flex;width:100%;min-height:52px;align-items:center;gap:13px;padding:8px 16px 8px 18px;color:#55726c;background:#fff;text-align:left}.setting-row span{flex:1;color:#29363a;font-size:13px}.setting-row strong{color:#8e989a;font-size:10px;font-weight:500}.setting-row>svg:last-child{color:#9ca5a7}.profile-version{margin:18px 0 0;color:#a3abad;font-size:9px;text-align:center}.chat-screen{display:flex;width:100%;height:100%;min-height:0;flex-direction:column;background:#edf2f0}.chat-header{z-index:5;display:flex;min-height:66px;flex:0 0 auto;align-items:flex-end;padding:calc(8px + env(safe-area-inset-top)) 8px 8px;border-bottom:1px solid #dce3e1;background:#fffffff7}.back-button{color:#26383c}.chat-person{display:flex;min-width:0;flex:1;align-items:center;gap:3px;padding:2px 4px;background:transparent;text-align:left}.chat-person>div{min-width:0}.chat-person h2{overflow:hidden;margin:0 0 3px;color:#1c282c;font-size:15px;font-weight:690;text-overflow:ellipsis;white-space:nowrap}.chat-person p{display:flex;align-items:center;gap:5px;margin:0;color:#8b9598;font-size:9px}.chat-person p span{width:6px;height:6px;border-radius:50%;background:#b7bfc1}.chat-person p span.online{background:#28a36e}.chat-person>svg{color:#99a3a5}.chat-actions{display:flex;flex:0 0 auto;gap:0}.chat-actions .icon-button{width:38px;height:38px;flex-basis:38px}.chat-search-bar{z-index:4;display:flex;min-height:48px;flex:0 0 auto;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid #dce3e1;background:#fff}.chat-search-bar label{display:flex;height:34px;min-width:0;flex:1;align-items:center;gap:7px;padding:0 10px;border-radius:7px;color:#7f8b8e;background:#eef2f2}.chat-search-bar input{width:100%;border:0;background:transparent;font-size:12px}.chat-search-bar>span{color:#879295;font-size:10px}.chat-search-bar>button{padding:7px 2px;color:var(--accent);background:transparent;font-size:12px}.message-scroll{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;padding:10px 12px 18px;scroll-behavior:smooth;scrollbar-width:none}.message-marker{width:fit-content;margin:11px auto 15px;padding:4px 8px;border-radius:4px;color:#8a9698;background:#ffffffad;font-family:Bahnschrift,Microsoft YaHei UI,sans-serif;font-size:9px}.message-row,.typing-row{display:flex;align-items:flex-start;gap:8px;margin:0 0 14px}.message-row.mine{flex-direction:row-reverse}.message-avatar{width:34px;height:34px;flex-basis:34px;border-radius:6px;font-size:11px}.message-stack{display:flex;max-width:calc(100% - 50px);align-items:flex-start;flex-direction:column}.message-row.mine .message-stack{align-items:flex-end}.sender-name{margin:0 0 4px 2px;color:#7d898c;font-size:9px}.message-bubble{position:relative;max-width:100%;padding:10px 12px;border:1px solid rgba(215,224,221,.82);border-radius:4px 11px 11px;color:#253236;background:#fff;box-shadow:0 2px 7px #2a3f3b0d}.message-row.mine .message-bubble{border-color:#c4e0d8;border-radius:11px 4px 11px 11px;color:#163e35;background:#d9eee8}.message-bubble p{margin:0;font-size:13px;line-height:1.62;white-space:pre-wrap;word-break:break-word}.message-stack time{margin-top:4px;color:#99a3a5;font-family:Bahnschrift,Microsoft YaHei UI,sans-serif;font-size:8px}.image-message{width:min(216px,calc(100vw - 86px));overflow:hidden;border:1px solid #d7dfdd;border-radius:7px;background:#fff;box-shadow:0 3px 10px #233d3812;text-align:left}.image-message img{display:block;width:100%;height:124px;object-fit:cover;object-position:center;background:#e6ecea}.image-message span{display:flex;align-items:center;gap:5px;padding:8px 9px;color:#58676b;font-size:10px;line-height:1.35}.file-message{display:flex;width:min(246px,calc(100vw - 84px));align-items:center;gap:9px;padding:10px;border:1px solid #d8e0de;border-radius:7px;background:#fff;box-shadow:0 3px 10px #233d380f;text-align:left}.file-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:6px;color:#b85c48;background:#f7e5e1}.file-copy{min-width:0;flex:1}.file-copy strong{display:block;overflow:hidden;margin-bottom:4px;color:#263438;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.file-copy small{color:#919b9d;font-size:8px}.file-message>svg{color:#a3acad}.typing-row{align-items:center}.typing-bubble{display:flex;height:34px;align-items:center;gap:4px;padding:0 13px;border-radius:4px 11px 11px;background:#fff}.typing-bubble i{width:5px;height:5px;border-radius:50%;background:#8c989a;animation:typing .9s infinite ease-in-out}.typing-bubble i:nth-child(2){animation-delay:.14s}.typing-bubble i:nth-child(3){animation-delay:.28s}.voice-message{display:flex;min-width:92px;height:38px;align-items:center;gap:11px;padding:0 11px;border:1px solid #c4e0d8;border-radius:11px 4px 11px 11px;color:#1d5f51;background:#d9eee8;text-align:left}.voice-bars{display:flex;height:18px;align-items:center;gap:2px}.voice-bars i{display:block;width:2px;border-radius:1px;background:currentColor}.voice-bars i:nth-child(1),.voice-bars i:nth-child(5){height:7px}.voice-bars i:nth-child(2),.voice-bars i:nth-child(4){height:13px}.voice-bars i:nth-child(3){height:18px}.voice-message strong{font-family:Bahnschrift,Microsoft YaHei UI,sans-serif;font-size:11px;font-weight:550}@keyframes typing{0%,70%,to{opacity:.45;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.attachment-picker{display:grid;flex:0 0 auto;grid-template-columns:repeat(2,1fr);gap:8px;padding:9px 10px;border-top:1px solid #dce3e1;background:#fff}.attachment-picker button{display:flex;height:38px;align-items:center;justify-content:center;gap:7px;border:1px solid #dce4e1;border-radius:6px;color:#49635f;background:#f6f9f8;font-size:11px}.attachment-picker button:active{border-color:#a9cec2;background:#e9f3ef}.emoji-picker{display:grid;flex:0 0 auto;grid-template-columns:repeat(6,1fr);gap:5px;padding:8px 10px;border-top:1px solid #dce3e1;background:#fff}.emoji-picker button{display:grid;min-width:0;height:34px;place-items:center;overflow:hidden;border-radius:6px;color:#4f5f63;background:#eef3f2;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.composer-bar{z-index:5;display:flex;min-height:58px;flex:0 0 auto;align-items:flex-end;gap:7px;padding:8px 9px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #d7dfdd;background:#f9fbfa}.composer-tool,.send-button{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:7px}.composer-tool{color:#526166;background:#e9efed}.send-button{color:#fff;background:var(--accent)}.send-button:active{background:var(--accent-strong)}.voice-glyph{display:grid;width:20px;height:20px;place-items:center;border:1px solid #748186;border-radius:50%;font-size:8px;font-weight:700}.composer-input-wrap{display:flex;min-height:38px;min-width:0;flex:1;align-items:flex-end;gap:2px;padding:4px 4px 4px 10px;border:1px solid #d8e0de;border-radius:7px;background:#fff}.composer-input-wrap:focus-within{border-color:#89b9ad}.composer-input-wrap textarea{width:100%;min-width:0;max-height:86px;resize:none;border:0;color:#263438;background:transparent;font-size:13px;line-height:28px}.composer-input-wrap textarea::placeholder{color:#9aa4a6}.emoji-button{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;color:#69777b;border-radius:5px;background:transparent}.sheet-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:stretch;background:#121b1e6b;animation:fade-in .15s ease-out}.bottom-sheet{width:100%;max-height:82dvh;overflow-y:auto;padding:8px 16px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -12px 38px #12231f2e;animation:sheet-up .21s cubic-bezier(.22,.72,.3,1)}.sheet-handle{width:34px;height:4px;margin:0 auto 8px;border-radius:2px;background:#d7dedd}.sheet-heading{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 14px}.sheet-heading h2{margin:0 0 4px;color:#1f2c30;font-size:17px}.sheet-heading p{margin:0;color:#879295;font-size:10px}.quick-contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px;padding:5px 0 6px}.quick-contact-grid button{display:flex;min-width:0;align-items:center;flex-direction:column;background:transparent}.quick-contact-grid .avatar{width:48px;height:48px;flex-basis:48px;margin-bottom:6px}.quick-contact-grid button>span:nth-child(2){overflow:hidden;width:100%;color:#2c383c;font-size:11px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.quick-contact-grid small{margin-top:2px;color:#98a1a4;font-size:8px}.member-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:8px 0 18px}.member-strip>div{display:flex;min-width:0;align-items:center;flex-direction:column;gap:5px}.member-strip .avatar,.direct-person-card .avatar{width:42px;height:42px;flex-basis:42px;font-size:12px}.member-strip small{overflow:hidden;width:100%;color:#758286;font-size:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.member-more{display:grid!important;width:42px;height:42px;place-items:center;align-self:start;border:1px dashed #bac6c3;border-radius:7px;color:#748184;font-size:10px}.direct-person-card{display:flex;align-items:center;gap:12px;padding:6px 2px 18px}.direct-person-card strong{color:#263337;font-size:14px}.direct-person-card p{margin:4px 0 0;color:#879295;font-size:10px}.chat-info-actions{overflow:hidden;border-top:1px solid var(--line)}.chat-info-actions button{position:relative;display:flex;width:100%;min-height:50px;align-items:center;gap:11px;color:#506e67;background:#fff;text-align:left}.chat-info-actions button:not(:last-child):after{position:absolute;right:0;bottom:0;left:30px;height:1px;background:var(--line);content:""}.chat-info-actions button>svg:first-child{flex:0 0 auto}.chat-info-actions button{font-size:12px}.chat-info-actions button>span{flex:1;color:#929c9e;font-size:9px;text-align:right}.chat-info-actions button>svg:last-child{margin-left:auto;color:#9da6a8}.lightbox{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom);background:#0d1214f5}.lightbox header{position:absolute;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:calc(11px + env(safe-area-inset-top)) 12px 11px 16px;color:#fff}.lightbox header>div{min-width:0}.lightbox header strong,.lightbox header span{display:block}.lightbox header strong{margin-bottom:3px;font-size:13px}.lightbox header span{overflow:hidden;color:#aeb7b9;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.lightbox .icon-button{color:#fff;background:#ffffff14}.lightbox>img{display:block;max-width:100%;max-height:78dvh;object-fit:contain}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(35px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}