:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;color:#202522;background:#f4f1eb;font-synthesis:none;--bg:#f4f1eb;--paper:#fffdf9;--surface:#f7f5f0;--ink:#202522;--muted:#6f746f;--line:#e4ded4;--green:#167a55;--green-dark:#0f6042;--green-soft:#eaf5ef;--amber:#d89235;--red:#b74432;--ease:cubic-bezier(.23,1,.32,1);--soft-shadow:rgba(50,42,32,.04) 0 4px 18px,rgba(50,42,32,.027) 0 2px 8px,rgba(50,42,32,.02) 0 1px 3px,rgba(50,42,32,.01) 0 0 1px;--deep-shadow:rgba(50,42,32,.03) 0 3px 8px,rgba(50,42,32,.04) 0 8px 18px,rgba(50,42,32,.05) 0 22px 52px}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}button,input,textarea{font:inherit}button{touch-action:manipulation}.skip-link{position:fixed;left:12px;top:8px;z-index:100;padding:8px 12px;background:#fff;color:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}::selection{background:#cde7d9;color:#173626}.app-shell{min-height:100dvh;background:var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 22px;border-bottom:1px solid var(--line);background:var(--paper)}.brand,.top-actions,.chat-person,.online-status{display:flex;align-items:center}.brand{gap:12px}.brand-symbol{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--ink)}.brand-symbol i{position:absolute;width:16px;height:5px;border-radius:4px;background:#fff}.brand-symbol i:first-child{transform:translateY(-5px)}.brand-symbol i:last-child{transform:translateY(5px)}.brand strong{display:block;font-size:15px;font-weight:600}.brand small{display:block;margin-top:2px;color:var(--muted);font-size:11px}.top-actions{gap:10px}.online-status{gap:8px;margin-right:8px;color:var(--muted);font-size:12px}.online-status i,.chat-person span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34a95c;box-shadow:0 0 0 4px #34a95c1a}button{border:0}.primary-button,.secondary-button,.text-button{min-height:38px;padding:0 14px;border-radius:4px;font-weight:500;transition:transform .14s var(--ease),background-color .14s var(--ease)}.primary-button{background:var(--green);color:#fff}.primary-button:hover{background:var(--green-dark)}.primary-button:active,.secondary-button:active,.text-button:active{transform:scale(.97)}.primary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{border:1px solid var(--line);background:#fff;color:var(--ink)}.secondary-button:hover{background:#f3f0ea}.text-button{background:transparent;color:var(--muted)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}.workspace{display:grid;grid-template-columns:310px minmax(420px,1fr) 280px;height:calc(100dvh - 68px);min-height:560px}.conversation-list,.chat-panel,.profile-panel{min-width:0;background:var(--paper)}.conversation-list{border-right:1px solid var(--line)}.list-heading{padding:20px 16px 14px;border-bottom:1px solid var(--line)}.list-heading>div{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.list-heading h1{margin:0;font-size:19px;font-weight:600}.list-heading>div span{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.search{display:flex;align-items:center;gap:8px;height:38px;padding:0 11px;border:1px solid var(--line);border-radius:4px;background:#fff}.search:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #167a551f}.search span{color:#8a8f89;font-size:18px}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.search input::placeholder{color:#a09f9a}.list-body{height:calc(100% - 114px);overflow:auto;scrollbar-width:thin;scrollbar-color:#c9c5bd transparent}.conversation-row{position:relative;display:flex;align-items:center;width:100%;min-height:72px;padding:12px 14px;gap:11px;border-bottom:1px solid rgba(228,222,212,.7);background:transparent;color:var(--ink);text-align:left}.conversation-row:hover{background:#f7f4ee}.conversation-row.selected{border:1px solid #d9d1c5;background:#ece8e0;box-shadow:inset 0 0 0 1px #ffffffa6}.avatar{display:grid;flex:0 0 auto;place-items:center;object-fit:cover;border-radius:50%;background:#e4ece6;color:#31543c;font-size:13px;font-weight:600}.avatar-normal{width:42px;height:42px}.avatar-small{width:36px;height:36px}.avatar-large{width:68px;height:68px;font-size:20px}.row-copy{min-width:0;flex:1}.row-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.row-title strong{min-width:0;overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.row-title time{flex:0 0 auto;color:#959590;font-size:10px;font-variant-numeric:tabular-nums}.row-message{display:block;margin-top:5px;overflow:hidden;color:#777b76;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.unread{position:absolute;right:13px;bottom:9px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--green);color:#fff;font-size:10px;font-variant-numeric:tabular-nums}.chat-panel{display:flex;min-height:0;flex-direction:column}.chat-header{display:flex;flex:0 0 65px;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line)}.chat-person{gap:10px}.chat-person strong{display:block;font-size:14px;font-weight:600}.chat-person span{display:flex;align-items:center;gap:7px;margin-top:3px;color:var(--muted);font-size:11px}.conversation-code{color:#999b96;font-size:10px;font-variant-numeric:tabular-nums}.message-area{flex:1;overflow:auto;padding:22px 26px;background:#fbfaf7;scrollbar-width:thin;scrollbar-color:#c9c5bd transparent}.message-group>time{display:block;margin:16px 0 10px;color:#999b96;font-size:10px;text-align:center;font-variant-numeric:tabular-nums}.message{display:flex;margin:7px 0}.message.outgoing{justify-content:flex-end}.message-bubble{max-width:min(70%,560px);padding:10px 13px;border-radius:8px 8px 8px 3px;background:#edeae4;color:#2a2e2b;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.message.outgoing .message-bubble{border-radius:8px 8px 3px;background:var(--green);color:#fff}.composer{flex:0 0 auto;margin:0;padding:14px 18px 15px;border-top:1px solid var(--line);background:var(--paper)}.composer label{display:block;margin-bottom:7px;color:var(--muted);font-size:11px}.composer textarea{display:block;width:100%;min-height:62px;max-height:150px;padding:10px 11px;resize:vertical;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font-size:14px;line-height:1.5}.composer textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #167a551a;outline:0}.composer-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.composer-actions span{color:#9a9b96;font-size:10px}.profile-panel{padding:22px 20px;border-left:1px solid var(--line);background:#f8f6f1;overflow:auto}.profile-head{text-align:center}.profile-head .avatar{margin:0 auto}.profile-head h2{margin:11px 0 7px;font-size:17px;font-weight:600}.profile-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:var(--green-soft);color:#216646;font-size:10px;font-weight:500}.profile-badge.pending{background:#f7ebd7;color:#8b5a19}.profile-fields{margin:24px 0 0}.profile-fields div{padding:13px 0;border-top:1px solid var(--line)}.profile-fields dt{color:#93958f;font-size:10px}.profile-fields dd{margin:5px 0 0;color:#343835;font-size:12px;overflow-wrap:anywhere}.profile-note{margin-top:20px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.profile-note strong{font-size:12px;font-weight:600}.profile-note p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.65}.profile-placeholder,.empty-chat,.empty-state{color:var(--muted);text-align:center}.profile-placeholder{padding-top:80px;font-size:12px}.empty-chat{display:grid;flex:1;place-content:center}.empty-chat h2,.empty-state strong{margin:13px 0 0;color:var(--ink);font-size:16px;font-weight:600}.empty-chat p,.empty-state p{margin:7px auto 0;max-width:260px;font-size:12px;line-height:1.6}.empty-mark{display:grid;place-items:center;width:62px;height:52px;margin:0 auto;border-radius:12px;background:var(--green-soft);color:var(--green);font-size:25px;letter-spacing:4px}.empty-state{padding:50px 24px}.global-error{position:fixed;left:50%;top:80px;z-index:20;display:flex;align-items:center;gap:16px;max-width:560px;padding:11px 14px;border:1px solid #dfb7ae;border-radius:8px;background:#fff5f2;color:#7e2e21;box-shadow:var(--soft-shadow);transform:translate(-50%);font-size:12px}.global-error button{background:transparent;color:inherit;font-size:18px}.list-skeleton,.message-skeleton{padding:16px}.list-skeleton i,.message-skeleton i{display:block;height:50px;margin-bottom:10px;border-radius:6px;background:linear-gradient(100deg,#ece9e3 20%,#f7f5f0,#ece9e3 70%);background-size:200% 100%;animation:skeleton 1.3s linear infinite}.message-skeleton i{width:55%;height:42px}.message-skeleton i:nth-child(2){width:45%;margin-left:auto}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:#1f201d5c;overscroll-behavior:contain}.settings-dialog{width:min(510px,100%);padding:22px;border-radius:12px;background:#fff;box-shadow:var(--deep-shadow);animation:dialog-in .18s var(--ease)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dialog-header h2{margin:0;font-size:19px;font-weight:600}.dialog-header p{margin:6px 0 0;color:var(--muted);font-size:12px}.icon-button{display:grid;place-items:center;width:34px;height:34px;border-radius:4px;background:#f3f1ec;color:#5f645f;font-size:21px}.settings-dialog form{margin-top:22px}.settings-dialog label{display:block;margin-bottom:8px;font-size:12px;font-weight:500}.settings-dialog textarea{width:100%;min-height:120px;padding:11px;border:1px solid var(--line);border-radius:4px;resize:vertical;color:var(--ink);font-size:14px;line-height:1.6}.settings-dialog textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #167a551a;outline:0}.field-meta{display:flex;justify-content:space-between;gap:16px;margin-top:7px;color:#92948f;font-size:10px;font-variant-numeric:tabular-nums}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.form-error{margin:12px 0;padding:10px;border-radius:4px;background:#fff1ed;color:#8b3426;font-size:12px;line-height:1.5}.dialog-loading{padding:48px 0;color:var(--muted);font-size:13px;text-align:center}.login-page{position:relative;display:grid;min-height:100dvh;place-items:center;overflow:hidden;padding:24px;background:var(--bg)}.login-page:before{position:absolute;inset:0;background-image:linear-gradient(rgba(60,54,44,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(60,54,44,.035) 1px,transparent 1px);background-size:48px 48px;content:""}.login-mark{position:absolute;right:8vw;top:12vh;width:280px;height:210px;transform:rotate(-7deg)}.login-mark span{position:absolute;display:block;border:24px solid rgba(22,122,85,.11);border-radius:36px}.login-mark span:first-child{inset:0 40px 36px 0}.login-mark span:last-child{right:0;bottom:0;width:80px;height:80px;border-width:18px}.login-card{position:relative;width:min(420px,100%);padding:34px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:var(--deep-shadow)}.login-heading{margin-bottom:26px}.product-kicker{color:var(--green);font-size:12px;font-weight:600}.login-heading h1{margin:9px 0 0;font-size:30px;font-weight:600}.login-heading p{margin:8px 0 0;color:var(--muted);font-size:13px}.login-card label{display:grid;gap:7px;margin-top:15px;font-size:12px;font-weight:500}.login-card input{height:43px;padding:0 11px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink)}.login-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #167a551a;outline:0}.login-card>.primary-button{width:100%;margin-top:20px}@keyframes dialog-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes skeleton{to{background-position:-200% 0}}@media(max-width:1100px){.workspace{grid-template-columns:290px minmax(400px,1fr)}.profile-panel{display:none}}@media(max-width:760px){.topbar{height:62px;padding:0 14px}.brand small,.online-status,.top-actions .secondary-button{display:none}.workspace{grid-template-columns:1fr;height:calc(100dvh - 62px)}.conversation-list{display:block}.chat-panel{display:none}.app-shell:has(.conversation-row.selected) .conversation-list{display:none}.app-shell:has(.conversation-row.selected) .chat-panel{display:flex}.chat-header:before{content:"返回";margin-right:10px;color:var(--green);font-size:12px}.message-area{padding:18px 14px}.message-bubble{max-width:84%}.composer-actions span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(hover:hover)and (pointer:fine){.conversation-row:hover{background:#f7f4ee}.secondary-button:hover{background:#f3f0ea}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.composer-tools{display:flex;align-items:center;gap:9px}.image-upload-button{display:inline-flex;min-height:36px;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:#fff;color:#4f554f;font-size:12px;font-weight:500;transition:background-color .14s var(--ease),transform .14s var(--ease)}.image-upload-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.image-upload-button:hover{background:#f3f0ea}.image-upload-button:active{transform:scale(.97)}.image-upload-button:disabled{cursor:not-allowed;opacity:.55}.message.image-message{align-items:flex-start}.message-image-button{display:block;max-width:min(52%,300px);padding:0;overflow:hidden;border:1px solid #ded8ce;border-radius:8px;background:#eee9e1;cursor:zoom-in}.message-image-button img{display:block;width:auto;max-width:100%;height:auto;max-height:280px;object-fit:contain}.image-preview-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:54px 24px 24px;background:#181917d1;animation:dialog-in .16s var(--ease)}.image-preview-backdrop>img{display:block;max-width:min(1100px,96vw);max-height:88vh;border-radius:8px;object-fit:contain;box-shadow:var(--deep-shadow)}.image-preview-close{position:absolute;right:20px;top:16px;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#ffffff24;color:#fff;font-size:26px;line-height:1}.image-preview-close:hover{background:#ffffff3d}@media(max-width:760px){.message-image-button{max-width:76%}.composer-tools>span{display:none}.image-upload-button{min-height:38px}.image-preview-backdrop{padding:54px 12px 18px}}.settings-dialog{width:min(760px,100%);max-height:calc(100dvh - 36px);padding:18px;overflow:auto}.settings-dialog form{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:22px;align-items:start;margin-top:14px}.entry-mode-section{grid-row:1 / span 2;margin:0;padding:0 20px 0 0;border:0;border-right:1px solid var(--line)}.entry-mode-section legend,.service-settings-section h3{margin:0 0 5px;padding:0;color:var(--ink);font-size:13px;font-weight:600}.entry-mode-section>p{margin:0 0 12px;color:var(--muted);font-size:11px;line-height:1.5}.entry-mode-option{display:flex!important;align-items:flex-start;gap:9px;margin:8px 0 0!important;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.entry-mode-option.selected{border-color:#167a5580;background:var(--green-soft);box-shadow:inset 0 0 0 1px #167a5514}.entry-mode-option input{margin:3px 0 0;accent-color:var(--green)}.entry-mode-option span{min-width:0}.entry-mode-option strong,.entry-mode-option small{display:block}.entry-mode-option strong{font-size:12px;font-weight:600}.entry-mode-option small{margin-top:4px;color:var(--muted);font-size:10px;font-weight:400;line-height:1.55}.service-settings-section,.welcome-settings-section{display:grid;gap:8px}.service-settings-section,.welcome-settings-section{grid-column:2}.welcome-settings-section{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.welcome-settings-section textarea{min-height:68px}.settings-dialog .dialog-actions{grid-column:1 / -1;margin-top:10px}.settings-dialog .form-error{grid-column:1 / -1}.service-settings-section>label:not(:first-child){margin-top:8px}.service-settings-section>input{width:100%;height:42px;padding:0 11px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font-size:14px}.service-settings-section>input:focus{border-color:var(--green);outline:0;box-shadow:0 0 0 3px #167a551a}.service-avatar-setting{display:flex;align-items:center;gap:14px;padding:10px 12px;margin-bottom:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.service-avatar-setting>div{min-width:0;flex:1}.service-avatar-setting strong{display:block;font-size:13px;font-weight:600}.service-avatar-setting p{margin:3px 0 7px;color:var(--muted);font-size:11px;line-height:1.5}.service-avatar-preview,.service-mark-preview{display:grid;width:64px;height:64px;flex:0 0 64px;place-items:center;border-radius:14px;object-fit:cover}.service-avatar-preview{border:1px solid #d8d2c8;background:#fff}.service-mark-preview{position:relative;background:var(--ink)}.service-mark-preview i{position:absolute;width:32px;height:9px;border-radius:6px;background:#fff}.service-mark-preview i:first-child{transform:translateY(-10px)}.service-mark-preview i:last-child{transform:translateY(10px)}@media(max-width:560px){.settings-dialog{width:min(510px,100%);padding:18px}.settings-dialog form{display:block}.entry-mode-section{margin-bottom:14px;padding:0 0 14px;border-right:0;border-bottom:1px solid var(--line)}.service-avatar-setting{align-items:flex-start}.service-avatar-preview,.service-mark-preview{width:60px;height:60px;flex-basis:60px;border-radius:12px}}.chat-header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}.clear-conversation-button{padding:6px 8px;border-radius:4px;background:transparent;color:var(--red);font-size:11px;font-weight:500}.clear-conversation-button:active{transform:scale(.97);background:#fff1ed}.global-notice{position:fixed;left:50%;top:80px;z-index:21;padding:10px 14px;border:1px solid #c8dfd1;border-radius:8px;background:#f3fbf6;color:#235f42;box-shadow:var(--soft-shadow);transform:translate(-50%);font-size:12px}.clear-dialog{width:min(430px,100%);padding:24px;border-radius:12px;background:#fff;box-shadow:var(--deep-shadow);animation:dialog-in .18s var(--ease)}.clear-dialog-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#fff1ed;color:var(--red);font-size:23px;font-weight:500}.clear-dialog h2{margin:16px 0 0;color:var(--ink);font-size:19px;font-weight:600;line-height:1.4}.clear-dialog p{margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.danger-button{min-height:38px;padding:0 14px;border-radius:4px;background:var(--red);color:#fff;font-weight:500}.danger-button:active{transform:scale(.97);background:#943527}.danger-button:disabled{cursor:not-allowed;opacity:.55}@media(hover:hover)and (pointer:fine){.clear-conversation-button:hover{background:#fff1ed}.danger-button:hover{background:#943527}}@media(max-width:760px){.chat-person{min-width:0;flex:1}.chat-person>div{min-width:0}.chat-person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-actions{gap:4px}.conversation-code{display:none}.clear-conversation-button{padding:6px}.clear-dialog{padding:20px}}.mobile-back{display:none}@media(max-width:760px){.top-actions{gap:4px}.top-actions .secondary-button{display:inline-flex}.top-actions .secondary-button,.top-actions .text-button{align-items:center;min-height:34px;padding:0 9px;font-size:12px}.chat-header:before{content:none!important;display:none!important}.app-shell:not(.mobile-chat) .conversation-list{display:block!important}.app-shell:not(.mobile-chat) .chat-panel{display:none!important}.app-shell.mobile-chat .conversation-list{display:none!important}.app-shell.mobile-chat .chat-panel{display:flex!important}.mobile-back{display:block;margin-right:10px;background:transparent;color:var(--green);font-size:12px;font-weight:600}}html,body,#root{width:100%;height:100%;min-height:100%;overflow:hidden}.app-shell{height:100dvh;min-height:0;overflow:hidden}.workspace{grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}.conversation-list,.chat-panel,.profile-panel{min-height:0}.chat-panel{height:100%;overflow:hidden}.message-area{min-height:0;flex:1 1 auto;overscroll-behavior:contain}.composer{position:sticky;bottom:0;z-index:2;flex:0 0 auto;padding-bottom:max(15px,env(safe-area-inset-bottom));box-shadow:0 -8px 20px #322a2006}