.direct-im-page{display:block;min-height:calc(100vh - 44px);padding:20px 16px;background:#f5f6f8;color:#17191d;font-family:SimHei,'Microsoft YaHei',sans-serif;box-sizing:border-box}
.direct-im-page *{box-sizing:border-box}
.direct-im-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.direct-im-toolbar h2{margin:0;font-size:21px;font-weight:700}
.direct-im-toolbar p{margin:6px 0 0;color:#8a8e97;font-size:12px}
.direct-im-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border:1px solid #202226;border-radius:5px;background:#202226;color:#fff;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;white-space:nowrap}
.direct-im-button.secondary{background:#fff;border-color:#e1e3e8;color:#484c55}
.direct-im-button:active,.direct-im-row:active{opacity:.7}
.direct-im-empty,.direct-im-error{padding:45px 10px;text-align:center;color:#8b909b;font-size:13px}
.direct-im-empty p{margin:0 0 20px}
.direct-im-search{display:flex;gap:8px;margin-bottom:16px}
.direct-im-search input{flex:1;min-width:0;height:38px;padding:0 12px;border:1px solid #e2e5ea;border-radius:5px;outline:none;background:white;font:13px sans-serif}
.direct-im-search input:focus{border-color:#8d919b}
.direct-im-rows{overflow:hidden;border-radius:7px;background:white}
.direct-im-row{display:flex;align-items:center;gap:12px;width:100%;min-height:85px;padding:14px 12px;border:0;border-bottom:1px solid #f0f1f3;border-radius:0;background:#fff;text-align:left;font:inherit;cursor:pointer}
.direct-im-row:last-child{border-bottom:0}
.direct-im-avatar-wrap{position:relative;flex:0 0 47px;width:47px;height:47px;overflow:visible}
.direct-im-avatar{display:block;width:47px;height:47px;border-radius:4px;object-fit:cover;background:#eceef2}
.direct-im-body{flex:1;min-width:0}
.direct-im-name{display:flex;align-items:center;gap:5px;min-width:0;font-size:14px;font-weight:700}
.direct-im-name>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.direct-im-tag{flex-shrink:0;padding:2px 4px;border-radius:3px;background:#e3f7eb;color:#229153;font-size:9px;font-weight:500}
.direct-im-tag.goon{color:#a87500;background:#fff3c7}
.direct-im-preview{overflow:hidden;margin:7px 0 0;color:#9a9ea6;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.direct-im-meta{display:flex;flex-shrink:0;align-items:flex-end;align-self:stretch;justify-content:center;flex-direction:column;gap:8px;color:#9da3ad;font-size:10px}
.direct-im-avatar-wrap .direct-im-unread{position:absolute;top:-5px;right:-6px;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border:1.5px solid white;border-radius:10px;background:#f0444c;color:white;font:600 11px/1 Arial,sans-serif;white-space:nowrap;pointer-events:none}
.direct-chat-header{display:flex;flex-direction:row!important;align-items:center;flex-shrink:0;gap:12px;min-height:56px;padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top));border-bottom:1px solid #e0e1e3;background:#f6f6f6}
.direct-chat-back{width:30px;height:36px;padding:0;border:0;background:transparent;color:#25262a;font-size:30px;line-height:32px;cursor:pointer}
.direct-chat-heading{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.direct-chat-name{overflow:hidden;color:#202226;font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.direct-chat-subtitle{color:#90949b;font-size:10px}
.direct-chat-start{padding:45px 15px;color:#a0a3ab;text-align:center;font-size:12px}
.page-container[data-v-bdef4f12] .im-filter-row{flex-direction:row;align-items:center;justify-content:center;gap:12px}
.direct-im-compose{flex-shrink:0;margin:0}

/* 聊天扩展入口 */
.page-root .more-panel .more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px;padding:20px 16px}
.page-root button.more-cell{display:flex;flex-direction:column;align-items:center;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;font:inherit;cursor:pointer}
.page-root .more-panel .more-cell-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin-bottom:9px;border-radius:13px;background:#202124;box-shadow:0 4px 10px rgba(0,0,0,.15);transition:transform .15s,background .15s}
.page-root .more-cell:active .more-cell-icon{transform:scale(.94);background:#090a0b}
.page-root .chat-action-icon{display:block;width:33px;height:33px;object-fit:contain}
.page-root .more-panel .more-cell-label{font-size:12px;color:#666;line-height:18px}
.page-root .more-cell:focus-visible{outline:2px solid #777;outline-offset:4px;border-radius:13px}
.page-root .bubble.order,.page-root .bubble.goods,.page-root .bubble.mine.order,.page-root .bubble.mine.goods{padding:0;background:transparent;border-radius:10px;overflow:hidden}
.page-root .bubble.order::before,.page-root .bubble.goods::before,.page-root .bubble.order::after,.page-root .bubble.goods::after{display:none}
.chat-shared-card{display:block;box-sizing:border-box;width:242px;max-width:calc(100vw - 112px);margin:0;padding:12px;border:1px solid #e6e7e9;border-radius:10px;background:#fff;color:#232427;font:inherit;text-align:left;line-height:1.4;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.chat-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;color:#777;font-size:11px}
.chat-card-status{color:#52565e;font-size:10px}
.chat-card-body{display:flex;align-items:center;gap:10px;min-width:0}
.chat-card-image{display:block;flex:0 0 54px;width:54px;height:54px;border-radius:7px;background:#f2f3f5;object-fit:cover}
.chat-card-info{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}
.chat-card-title{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#232427;font-size:13px;font-weight:600;line-height:19px;overflow-wrap:anywhere}
.chat-card-price{color:#f04444;font-size:14px;font-weight:700}
.chat-card-number{display:block;overflow:hidden;margin-top:10px;color:#96999f;font-size:10px;white-space:nowrap;text-overflow:ellipsis}
.chat-card-footer{display:block;margin-top:10px;padding-top:8px;border-top:1px solid #f0f0f0;color:#8a8e95;font-size:10px}
.chat-share-mask{position:fixed;inset:0;z-index:1600;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.42);font-family:SimHei,'Microsoft YaHei',sans-serif}
.chat-share-sheet{display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:520px;max-height:82vh;max-height:82dvh;padding:0;border-radius:16px 16px 0 0;background:#fff;color:#222;overflow:hidden;animation:chat-share-enter .2s ease-out}
.chat-share-header{display:flex;align-items:center;justify-content:space-between;flex:0 0 54px;padding:0 18px;border-bottom:1px solid #f0f0f0;font-size:16px}
.chat-share-header button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0;padding:0;border:0;border-radius:5px;background:transparent;color:#656970;font-size:26px;line-height:1;cursor:pointer}
.chat-share-search{display:flex;flex-shrink:0;gap:8px;margin:0;padding:12px 16px}
.chat-share-search input{box-sizing:border-box;flex:1;min-width:0;height:38px;margin:0;padding:0 10px;border:1px solid #e6e7e9;border-radius:6px;background:#f7f8fa;font-family:inherit;font-size:14px}
.chat-share-search button,.chat-share-state button,.chat-share-load-more{margin:0;padding:8px 13px;border:1px solid #e4e5e7;border-radius:5px;background:#f7f8fa;color:#555;font-family:inherit;font-size:13px;cursor:pointer}
.chat-share-list{flex:1;min-height:160px;overflow:auto;padding:0 16px 12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.chat-share-row{display:flex;box-sizing:border-box;align-items:center;gap:10px;width:100%;margin:0 0 9px;padding:11px;border:1px solid #ebedf0;border-radius:8px;background:#fff;text-align:left;font:inherit;cursor:pointer}
.chat-share-row.selected{border-color:#25262a;background:#f5f5f6}
.chat-share-meta{overflow:hidden;color:#94979d;font-size:10px;text-overflow:ellipsis;white-space:nowrap;line-height:16px}
.chat-share-check{display:flex;flex:0 0 18px;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;border:1px solid #d6d7db;border-radius:50%;color:#fff;font-size:12px}
.selected .chat-share-check{border-color:#222;background:#222}
.chat-share-state{margin:0;padding:24px 0;text-align:center;color:#999;font-size:13px}
.chat-share-load-more{display:block;margin:8px auto}
.chat-share-bottom{flex-shrink:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #eee}
.chat-share-send{display:block;width:100%;height:42px;margin:0;padding:0 12px;border:0;border-radius:5px;background:#202124;color:#fff;font:600 14px SimHei,'Microsoft YaHei',sans-serif;cursor:pointer}
.chat-share-send:disabled{background:#bfc1c6;cursor:default}
.chat-order-preview>.chat-card-body{padding:18px 18px 8px}
.chat-order-fields{margin:0;padding:8px 18px 18px;overflow:auto}
.chat-order-fields>div{display:flex;gap:16px;justify-content:space-between;padding:10px 0;font-size:12px;line-height:18px}
.chat-order-fields dt{flex-shrink:0;color:#94979d}
.chat-order-fields dd{margin:0;text-align:right;color:#393c42;overflow-wrap:anywhere}
@keyframes chat-share-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.chat-share-sheet{animation:none}.page-root .more-cell-icon{transition:none}}