:root{font-family:system-ui,-apple-system,"PingFang SC",sans-serif;color:#294b43;background:#f3f5ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding-bottom:95px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;background:#edf1e7;color:inherit;padding:10px;border-radius:10px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.chat-top{max-width:1240px;margin:auto;padding:26px 30px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:650}.brand small{display:block;font-size:11px;letter-spacing:1px;font-weight:400;color:#8a9a8c;margin-top:5px}#account-button{background:#fffdf6;border:1px solid #dfe5d7;padding:12px 17px;font-size:13px}main{max-width:1180px;margin:auto;padding:0 20px}.page-intro{display:flex;align-items:center;justify-content:space-between;padding:25px 0 32px;gap:15px}.page-intro small{font-size:10px;letter-spacing:2px;color:#8a9b82}.page-intro h1{font-family:"Songti SC",serif;font-size:30px;font-weight:500;margin:12px 0}.page-intro p{font-size:13px;color:#83917d}.page-intro>a{font-size:13px;white-space:nowrap}#chat-app{background:#fffdf7;border:1px solid #e0e5d8;border-radius:24px;overflow:hidden;box-shadow:0 15px 55px #3d5c3e08}.chat-top-search{padding:20px 24px;display:grid;grid-template-columns:auto 1fr;gap:10px 22px;align-items:center;border-bottom:1px solid #e5e9dc}.chat-top-search label{font-size:14px}.chat-top-search input{background:#f2f4eb;border:1px solid #e2e8d9;border-radius:12px;padding:14px 17px;font-size:14px;min-width:0;color:#294b43}.chat-top-search p{grid-column:2;font-size:11px;color:#8d9b86;margin:0}.chat-organized{display:grid;height:min(66dvh,680px);min-height:420px;grid-template-columns:330px minmax(0,1fr)}.conversation-list{overflow:auto;border-right:1px solid #e5e9dc}.chat-directory-tabs button[aria-pressed=true]{background:#dce8d8;color:#305944;box-shadow:none}.person{display:flex;width:100%;align-items:center;gap:12px;padding:15px 12px;background:none;text-align:left}.person:hover,.group-conversation:hover{background:#edf2e8}.person-text{flex:1;min-width:0}.person strong{font-size:14px;display:block}.person small{font-size:11px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#8b9882;margin-top:6px}.person b{background:#bf755b;color:#fff;border-radius:20px;padding:3px 6px;font-size:10px}.avatar{width:40px;height:40px;border-radius:50%;background:#e6ecdc;display:inline-grid;place-items:center;color:#65816a;font-size:16px;flex-shrink:0}.chat-placeholder{display:grid;place-content:center;text-align:center;height:100%;padding:30px}.chat-placeholder>span{display:block;font-size:64px;color:#bed0b6;margin-bottom:20px}.chat-placeholder p{color:#8a9782;font-size:12px}.chat-placeholder strong{font-size:20px}#conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.dm-head{display:flex;gap:10px;align-items:center;padding:17px 20px;border-bottom:1px solid #e7eadf}.dm-head>div{flex:1;min-width:0}.dm-head strong{display:block;font-size:15px}.dm-head small{display:block;font-size:10px;color:#8a9882;margin-top:5px}.dm-head button{font-size:12px}#dm-back{display:none}.dm-actions{display:flex;gap:7px;padding:10px 17px;flex-wrap:wrap}.dm-actions>*{font-size:11px;padding:7px;background:#f1f3e9;border-radius:8px}.dm-log{flex:1;min-height:0;overflow:auto;padding:15px 22px;overscroll-behavior:contain}.dm-message{display:flex;flex-direction:column;align-items:flex-start;margin:10px 0 20px}.dm-message.mine{align-items:flex-end}.dm-message small{font-size:9px;color:#9aa38f}.dm-message p{font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-width:85%;padding:11px 14px;border-radius:2px 14px 14px;background:#edf1e6;margin:6px 0 0}.dm-message.mine p{background:#d9e9d7;border-radius:14px 2px 14px 14px}.chat-compose{display:flex;padding:16px;gap:10px;border-top:1px solid #e5e9dc;margin:0}.chat-compose input{flex:1;min-width:0;padding:13px;border:1px solid #dde5d6;border-radius:11px;color:#294b43;background:white;font-size:16px}.primary{background:#356a53;color:#fff;border-radius:10px;padding:12px 20px}.dm-status{font-size:11px;color:#ad775e;margin:0;padding:0 17px}.hint{font-size:12px;line-height:1.8;color:#8a9782;padding:15px}.site-bottom{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fffdf5f2;border-top:1px solid #e3e8dc;padding:12px max(15px,calc((100vw - 700px)/2));padding-bottom:max(12px,env(safe-area-inset-bottom));display:flex;justify-content:space-around;backdrop-filter:blur(15px)}.site-bottom a{display:grid;gap:5px;text-align:center;place-items:center;font-size:20px;min-width:55px;color:#94a28b}.site-bottom a span{font-size:11px}.site-bottom .selected{color:#356a53}#login-gate{text-align:center;padding:65px 25px;background:#fffdf5;border:1px solid #e1e7d8;border-radius:24px}#login-gate>span{font-size:65px;color:#acc3a3}#login-gate h2{font-size:22px}#login-gate p{font-size:13px;line-height:1.9;color:#8a9782}#toast{position:fixed;z-index:100;top:22px;left:50%;transform:translate(-50%,-20px);max-width:90vw;background:#2a5549;color:#fff;padding:13px 22px;border-radius:30px;font-size:13px;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{color:#294b43;background:#fffdf5;border:1px solid #dce5d4;border-radius:20px;max-width:calc(100vw - 24px)}dialog::backdrop{background:#23473766;backdrop-filter:blur(4px)}dialog input,dialog textarea{border:1px solid #d6dfce;background:#fff;color:#294b43;border-radius:9px;padding:11px;max-width:100%}.group-message p{overflow-wrap:anywhere;white-space:pre-wrap}.group-chat-dialog .primary,.group-manager-dialog .primary,.group-form-dialog .primary{background:#356a53;color:white}.group-check input{width:auto}.group-member select{max-width:100px}.group-member{overflow-wrap:anywhere}.group-member>span{min-width:0}.group-number{overflow-wrap:anywhere}.group-form-dialog,.group-manager-dialog{width:min(540px,calc(100vw - 24px));max-height:85dvh;padding:24px;overflow:auto}.group-form-dialog .close,.group-manager-dialog .close{float:right}.group-form-dialog input{display:block;width:100%;margin:8px 0 16px}.group-conversation{width:100%}
@media(max-width:700px){body{padding-bottom:80px}.chat-top{padding:18px 18px 8px}.brand{font-size:22px}.brand small{font-size:9px}.page-intro{padding:19px 0 22px}.page-intro h1{font-size:23px}.page-intro p{font-size:11px;line-height:1.7}.page-intro>a{display:none}main{padding:0 12px}.chat-top-search{padding:17px;display:block}.chat-top-search label{font-size:12px;display:block;margin-bottom:10px}.chat-top-search input{width:100%}.chat-top-search p{margin-top:10px;font-size:10px}.chat-organized{display:block;height:calc(100dvh - 365px);min-height:300px}.conversation-list{height:100%;overflow:auto}#conversation{display:none}#conversation.open{display:flex;position:fixed;inset:0 0 74px;background:#fffdf7;z-index:30}#dm-back{display:block}.dm-head{padding:15px 12px}.dm-head small{font-size:9px}.dm-actions{padding:10px}.dm-log{padding:12px}.chat-compose{padding:12px;gap:8px}.chat-compose button{padding:12px}.group-chat-dialog{padding:0}.site-bottom{padding:10px 6px max(10px,env(safe-area-inset-bottom))}.site-bottom a span{font-size:10px}.chat-directory-tabs{position:relative}.group-chat-header strong{max-width:135px}}
@media(min-width:701px){.chat-top{padding-top:18px;padding-bottom:18px}.page-intro{padding:12px 0 20px}.page-intro h1{margin:8px 0;font-size:28px}.page-intro p{margin:6px 0 0}.chat-organized{height:calc(100dvh - 380px);min-height:310px;max-height:680px}}
.group-message.mine p{background:#d9e9d7}.group-notice{background:#edf2e5;color:#7d8c72}

.chat-placeholder>span svg,#login-gate>span svg{width:64px;height:64px}.site-bottom>a>svg{width:23px;height:23px}