
.orig-chat .page{min-height:100vh;background-color:#f5f7fa}
.orig-chat .status-bar{width:100%;height:var(--status-bar-height);background:#fff}
.orig-chat .container{height:calc(100vh - var(--status-bar-height));display:flex;flex-direction:column}
.orig-chat .chat-header{padding:.9375rem 1.25rem;background:#fff;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 .125rem .625rem rgba(0,0,0,.02)}
.orig-chat .header-left{display:flex;align-items:center;gap:.5rem}
.orig-chat .header-title{font-size:1.375rem;font-weight:800;color:#1f2937;letter-spacing:.03125rem}
.orig-chat .unread-tag{background:#ffe4e6;padding:.125rem .5rem;border-radius:.9375rem;display:flex;align-items:center;gap:.1875rem}
.orig-chat .unread-num{font-size:.75rem;font-weight:800;color:#f43f5e}
.orig-chat .unread-label{font-size:.625rem;color:#f43f5e;font-weight:500}
.orig-chat .action-icon-box{width:2.25rem;height:2.25rem;border-radius:1.125rem;background:#f3f4f6;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s}
.orig-chat .action-icon-box:active{transform:scale(.95);background:#e5e7eb}
.orig-chat .action-icon{width:1.125rem;height:1.125rem;opacity:.6}
.orig-chat .notification-svg-icon{width:1.375rem;height:1.375rem;opacity:1}
.orig-chat .notification-badge{position:absolute;top:-.1875rem;right:-.25rem;min-width:.9375rem;height:.9375rem;line-height:.9375rem;padding:0 .25rem;border-radius:31.21875rem;background:#ff3b30;color:#fff;font-size:.625rem;font-weight:700;text-align:center;border:.0625rem solid #fff;box-sizing:border-box}
.orig-chat .scroll-container{flex:1;background:#f5f7fa}
.orig-chat .chat-list{padding:.625rem .9375rem 1.25rem}
.orig-chat .chat-skeleton-list,.orig-chat .chat-list .chat-skeleton-list{padding:.5625rem .75rem 1.25rem}
.orig-chat .chat-skeleton-card{display:flex;align-items:center;gap:.6875rem;padding:.875rem .75rem;margin-bottom:.5625rem;background:#fff;border-radius:.5625rem}
.orig-chat .chat-skeleton-avatar{width:3rem;height:3rem;border-radius:.625rem;background:#e8ece8;flex-shrink:0}
.orig-chat .chat-skeleton-content{flex:1;min-width:0}
.orig-chat .chat-skeleton-top{display:flex;align-items:center;justify-content:space-between;gap:.5625rem;margin-bottom:.6875rem}
.orig-chat .chat-skeleton-line{height:.8125rem;background:#e8ece8;border-radius:31.21875rem}
.orig-chat .chat-skeleton-line.title{width:56%;height:1rem}
.orig-chat .chat-skeleton-line.msg{width:78%}
.orig-chat .chat-skeleton-time{width:2.8125rem;height:.6875rem;background:#e8ece8;border-radius:31.21875rem;flex-shrink:0}
.orig-chat .shimmer{position:relative;overflow:hidden}
.orig-chat .shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:shimmer-9b74e99a 1.2s infinite}@keyframes shimmer-9b74e99a{to{left:100%}}
.orig-chat .section-block{margin-bottom:.125rem}
.orig-chat .section-divider{display:flex;align-items:center;gap:.5rem;padding:.625rem 0 .5rem}
.orig-chat .divider-line{flex:1;height:.03125rem;background:#e5e7eb}
.orig-chat .divider-label{font-size:.6875rem;color:#999;white-space:nowrap}
.orig-chat .official-room{border-left:.125rem solid #FF4D4F}
.orig-chat .chat-item-wrapper{margin-bottom:.75rem}
.orig-chat .chat-room-card{background:#fff;border-radius:.75rem;padding:.9375rem;display:flex;gap:.75rem;position:relative;transition:all .2s;box-shadow:0 .0625rem .25rem rgba(0,0,0,.02)}
.orig-chat .chat-room-card:active{transform:scale(.99);background:#fafafa}
.orig-chat .chat-room-card.pinned{background:#f0f9ff;border:.0625rem solid #e0f2fe}
.orig-chat .room-avatar-box{position:relative;flex-shrink:0}
.orig-chat .avatar{width:3.125rem;height:3.125rem;border-radius:.625rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:.03125rem solid #e5e7eb}
.orig-chat .official-avatar{background:#f0f9ff;border:.0625rem solid #bae0ff}
.orig-chat .avatar-img{width:100%;height:100%;border-radius:.625rem}
.orig-chat .product-avatar{width:3.125rem;height:3.125rem;border-radius:.625rem;background:#f3f4f6;border:.03125rem solid #e5e7eb;flex-shrink:0}
.orig-chat .default-avatar{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}
.orig-chat .avatar-text{font-size:.8125rem;color:#fff;font-weight:600}
.orig-chat .online-dot{position:absolute;bottom:.25rem;right:.25rem;width:.5rem;height:.5rem;border:.09375rem solid #ffffff;border-radius:50%}
.orig-chat .online-dot.online{background:#22c55e}
.orig-chat .online-dot.offline{background:#c7cdd1}
.orig-chat .badge-wrapper{position:absolute;top:-.3125rem;right:-.3125rem;background:#ef4444;padding:0 .3125rem;height:1.125rem;min-width:1.125rem;border-radius:.5625rem;display:flex;align-items:center;justify-content:center;border:.09375rem solid #ffffff;box-sizing:border-box}
.orig-chat .badge-count{font-size:.625rem;color:#fff;font-weight:700;line-height:1}
.orig-chat .merchant-mark{position:absolute;bottom:-.1875rem;right:-.1875rem;width:1rem;height:1rem;background:#f59e0b;border-radius:50%;display:flex;align-items:center;justify-content:center;border:.09375rem solid #ffffff}
.orig-chat .merchant-icon{font-size:.5625rem;color:#fff;font-weight:800}
.orig-chat .room-content{position:relative;min-height:2.875rem;border-bottom:.03125rem solid rgba(7,20,11,.06);padding:.0625rem 0 .5625rem}
.orig-chat .chat-item-wrapper:last-child .room-content{border-bottom:none}
.orig-chat .room-top{align-items:center;margin-bottom:.25rem}
.orig-chat .title-row{gap:.25rem}
.orig-chat .room-bottom{align-items:center}
.orig-chat .message-preview.unread{color:#66706a;font-weight:500}
.orig-chat .official-badge,.orig-chat .consultation-badge,.orig-chat .pin-tag{display:none}
.orig-chat .status-container{display:flex;align-items:center;flex-shrink:0}
.orig-chat .badge-wrapper{top:-.125rem;right:-.125rem;height:1rem;min-width:1rem;border-radius:.5rem}
.orig-chat .badge-count{font-size:.5625rem}
.orig-chat .merchant-mark{display:none}
.orig-chat .chat-room-card:active{background:rgba(255,255,255,.48);transform:none}
.orig-chat .official-avatar,.orig-chat .default-avatar{background:#f8faf8}
.orig-chat .avatar-text{color:#0d7a3a}
.orig-chat .product-avatar{background:#f8faf8}
.orig-chat .room-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:.125rem 0}
.orig-chat .room-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}
.orig-chat .title-row{flex:1;display:flex;align-items:center;gap:.375rem;min-width:0}
.orig-chat .product-name{font-size:.9375rem;font-weight:700;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orig-chat .pin-tag{font-size:.625rem;color:#0ea5e9;background:#e0f2fe;padding:.0625rem .25rem;border-radius:.1875rem;flex-shrink:0}
.orig-chat .official-badge,.orig-chat .consultation-badge{font-size:.625rem;color:#fff;padding:.0625rem .25rem;border-radius:.1875rem;flex-shrink:0}
.orig-chat .official-badge{background:#ff4d4f}
.orig-chat .consultation-badge{background:#10b981}
.orig-chat .room-time{font-size:.75rem;color:#9ca3af;flex-shrink:0}
.orig-chat .room-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:.5rem}
.orig-chat .message-preview{font-size:.8125rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.orig-chat .message-preview.unread{color:#1f2937;font-weight:500}
.orig-chat .status-text{font-size:.6875rem;font-weight:500}
.orig-chat .status-text.official{color:#ff4d4f;font-weight:600}
.orig-chat .status-text.online{color:#18b45a;font-weight:700}
.orig-chat .status-text.offline{color:#9ca3af;font-weight:600}
.orig-chat .status-text.pending{color:#f59e0b}
.orig-chat .status-text.waiting{color:#3b82f6}
.orig-chat .status-text.active{color:#10b981}
.orig-chat .status-text.completed{color:#9ca3af}
.orig-chat .status-text.cancelled{color:#ef4444}
.orig-chat .not-logged-in,.orig-chat .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.125rem 0}
.orig-chat .empty-state-box{display:flex;flex-direction:column;align-items:center}
.orig-chat .empty-image,.orig-chat .empty-image-small{width:7.5rem;height:7.5rem;margin-bottom:.9375rem;opacity:.8}
.orig-chat .empty-image-small{width:5.625rem;height:5.625rem}
.orig-chat .empty-title{font-size:1rem;font-weight:700;color:#1f2937;margin-bottom:.375rem}
.orig-chat .empty-desc,.orig-chat .empty-text,.orig-chat .empty-hint{font-size:.8125rem;color:#9ca3af;text-align:center}
.orig-chat .empty-hint{margin-top:.375rem;max-width:12.5rem}
.orig-chat .login-btn{margin-top:1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.875rem;font-weight:600;padding:0 1.875rem;height:2.5rem;line-height:2.5rem;border-radius:1.25rem;box-shadow:0 .125rem .375rem rgba(37,99,235,.3)}
.orig-chat .fade-in{animation:fadeIn-9b74e99a .5s ease-out forwards;opacity:0}
.orig-chat .fade-in-down{animation:fadeInDown-9b74e99a .5s ease-out forwards;opacity:0}@keyframes fadeIn-9b74e99a{to{opacity:1}}@keyframes fadeInDown-9b74e99a{0%{opacity:0;transform:translateY(-.625rem)}
.orig-chat to{opacity:1;transform:translateY(0)}}
.orig-chat .loading-more,.orig-chat .no-more{padding:.9375rem 0;display:flex;justify-content:center;align-items:center;gap:.375rem}
.orig-chat .loading-spinner{width:1rem;height:1rem;border:.09375rem solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin-9b74e99a .8s linear infinite}@keyframes spin-9b74e99a{to{transform:rotate(360deg)}}
.orig-chat .no-more-line{width:1.25rem;height:.0625rem;background:#e5e7eb}
.orig-chat .no-more-text{font-size:.75rem;color:#9ca3af}
.orig-chat .page{background:#eef1ed}
.orig-chat .status-bar{background:#fff}
.orig-chat .container{background:#eef1ed}
.orig-chat .chat-header{padding:.5625rem .875rem .4375rem;background:#fff;box-shadow:none;border-bottom:.03125rem solid rgba(7,20,11,.08);position:relative}
.orig-chat .header-title{font-size:1.125rem;color:#07140b;font-weight:900}
.orig-chat .unread-tag{background:#e7f8ee;border:.03125rem solid rgba(13,122,58,.18);border-radius:.25rem}
.orig-chat .unread-num,.orig-chat .unread-label{color:#0d7a3a}
.orig-chat .action-icon-box{width:2rem;height:2rem;border-radius:.375rem;background:#f2f5f2;border:.03125rem solid rgba(7,20,11,.08);position:relative}
.orig-chat .action-icon{opacity:.55}
.orig-chat .message-tabs{display:flex;align-items:center;gap:1.0625rem;padding:.375rem .9375rem .5625rem;background:#fff;border-bottom:none;flex-shrink:0}
.orig-chat .message-tab{height:1.75rem;padding:0 .125rem;display:flex;align-items:center;justify-content:center;border-radius:0;background:transparent;border:none;position:relative}
.orig-chat .message-tab uni-text{font-size:.8125rem;color:#6d786f;font-weight:650}
.orig-chat .message-tab.active{background:transparent;border-color:transparent}
.orig-chat .message-tab.active uni-text{color:#07140b;font-weight:900}
.orig-chat .message-tab.active:after{content:"";position:absolute;left:.25rem;right:.25rem;bottom:.0625rem;height:.21875rem;border-radius:31.21875rem;background:#26d46f;opacity:.9}
.orig-chat .scroll-container{background:#eef1ed}
.orig-chat .chat-item-wrapper{margin-bottom:0}
.orig-chat .chat-room-card.pinned{background:rgba(255,255,255,.36);border:none}
.orig-chat .official-avatar,.orig-chat .default-avatar{background:linear-gradient(135deg,#0f2a18,#07140b);border:none}
.orig-chat .product-avatar{background:#eef1ed;border:none}
.orig-chat .avatar-text{color:#2cff78;font-size:.75rem;font-weight:900}
.orig-chat .online-dot.online{background:#2cff78;box-shadow:0 0 .25rem rgba(44,255,120,.45)}
.orig-chat .online-dot.offline{background:#9ca3af;box-shadow:none}
.orig-chat .badge-wrapper{background:#ff4d4f;border-color:#fff}
.orig-chat .merchant-mark{background:#0d7a3a;border-color:#fff}
.orig-chat .product-name{color:#07140b;font-size:.9375rem;font-weight:900}
.orig-chat .official-badge,.orig-chat .consultation-badge,.orig-chat .pin-tag{border-radius:31.21875rem;font-weight:800;padding:.09375rem .3125rem}
.orig-chat .official-badge{background:#07140b;color:#2cff78}
.orig-chat .consultation-badge{background:#e7f8ee;color:#0d7a3a}
.orig-chat .pin-tag{background:#fff7e8;color:#c47700}
.orig-chat .room-time{color:#9aa69e;font-size:.6875rem}
.orig-chat .message-preview{color:#7a867e;font-size:.78125rem}
.orig-chat .message-preview.unread{color:#07140b;font-weight:800}
.orig-chat .status-text.official,.orig-chat .status-text.active,.orig-chat .status-text.paid{color:#0d7a3a}
.orig-chat .status-text.pending,.orig-chat .status-text.waiting,.orig-chat .status-text.confirming,.orig-chat .status-text.refunding{color:#c47700}
.orig-chat .status-text.completed{color:#69746d}
.orig-chat .status-text.cancelled{color:#d9363e}
.orig-chat .fade-in,.orig-chat .fade-in-down{animation:none;opacity:1}
.orig-chat .loading-spinner{border-color:#dfe5df;border-top-color:#0d7a3a}
.orig-chat .chat-list{padding:0 0 1.25rem;background:#eef1ed}
.orig-chat .chat-room-card{padding:.6875rem .875rem;gap:.6875rem;border-radius:0;background:transparent;border:none;box-shadow:none;align-items:center}
.orig-chat .room-content{flex:1;min-width:0;min-height:2.875rem;display:flex;flex-direction:column;justify-content:center;padding:0 0 .5625rem;border-bottom:.03125rem solid rgba(7,20,11,.06)}
.orig-chat .room-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}
.orig-chat .room-bottom{display:flex;align-items:center;justify-content:space-between}
.orig-chat .product-name{color:#161d19;font-size:.96875rem;font-weight:500}
.orig-chat .room-time{color:#a8b0aa;font-size:.75rem}
.orig-chat .message-preview{color:#8b948e;font-size:.84375rem;line-height:1.25}
.orig-chat .official-badge,.orig-chat .consultation-badge,.orig-chat .pin-tag,.orig-chat .merchant-mark{display:none}
.orig-chat .avatar{width:2.875rem;height:2.875rem;border-radius:50%}
