body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background-color:#fff;font-family:Poppins,Helvetica,"sans-serif";margin:0;padding:0}#root,body,html{height:100%}.tc{text-align:center}.flex{display:flex}.flex1{flex:1 1}.flex-v-c{align-items:center}.flex-c,.flex-h-c{justify-content:center}.flex-c{align-items:center}.color-333{color:#333}.ant-app{height:100%}.layout-mode-float-action-button{align-items:center;background:#1bc5bd;border:1px solid #1bc5bd;border-radius:50%;box-shadow:0 2px 8px #1bc5bd66;color:#fff;cursor:pointer;display:none;font-size:14px;height:32px;justify-content:center;position:fixed;touch-action:none;transition:left .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none;width:32px;z-index:10000}.layout-mode-float-action-button:hover{transform:scale(1.15)}.layout-mode-float-action-button.dragging{transform:scale(1.05);transition:none}.layout-mode-sub-action-button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#999;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:fixed;-webkit-user-select:none;user-select:none;width:32px;z-index:10001}.layout-mode-sub-action-button:hover{color:#666;transform:scale(1.15)}.layout-mode-panel{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #00000026;padding:6px 0;position:fixed;z-index:10001}.layout-mode-panel .layout-mode-option{color:#bbb;cursor:pointer;font-size:12px;padding:6px 12px;white-space:nowrap}.layout-mode-panel .layout-mode-option:hover{color:#999}.layout-mode-panel .layout-mode-option.active{color:#666;font-weight:600}@media(min-width:768px){body:not(.wide-layout){background-color:#f0f2f5}body:not(.wide-layout) .base-page,body:not(.wide-layout) .chatting-container,body:not(.wide-layout) .second-page-container{background-color:#fff;box-shadow:0 0 24px #00000014;box-sizing:border-box;margin:0 auto;max-width:480px}body:not(.wide-layout) .base-page .header-container,body:not(.wide-layout) .chatting-container .header-container,body:not(.wide-layout) .footer-list,body:not(.wide-layout) .handler-wrapper,body:not(.wide-layout) .post-detail-input-bar,body:not(.wide-layout) .second-page-container .header-container,body:not(.wide-layout) .send-message-comp.handler-wrapper{box-sizing:border-box;left:0;margin-left:auto;margin-right:auto;max-width:480px;right:0;width:auto}body:not(.wide-layout) .typing-desc{left:calc(50% - 228px)}body:not(.wide-layout) .square-post-float-btn{right:calc(50% - 220px)!important}body:not(.wide-layout) .match-bell-icon{right:calc(50% - 224px)!important}.layout-mode-float-action-button{display:flex}}