.h5-container.chat-page[data-v-b8b5d512]{background-color:#1a1a1a;display:flex;flex-direction:column;height:var(--chat-height,100dvh);overflow:hidden;box-sizing:border-box}.top-bar[data-v-b8b5d512]{background:linear-gradient(135deg,#d4af37,#b8860b);flex-shrink:0}.top-bar[data-v-b8b5d512] .van-nav-bar__title{color:#0f0f0f;font-weight:600}.top-bar[data-v-b8b5d512] .van-icon-arrow-left,.top-bar[data-v-b8b5d512] .van-nav-bar__text{color:#0f0f0f}.top-bar .status[data-v-b8b5d512]{font-size:3.2vw;color:#555}.top-bar .status.online[data-v-b8b5d512]{color:#52c41a}.chat-body[data-v-b8b5d512]{flex:1;overflow-y:auto;padding:3.2vw;padding-bottom:37.33333vw;background:#1a1a1a;min-height:0;-webkit-overflow-scrolling:touch}.chat-body .time-divider[data-v-b8b5d512]{text-align:center;margin:3.2vw 0}.chat-body .time-divider span[data-v-b8b5d512]{display:inline-block;padding:.53333vw 2.66667vw;font-size:2.93333vw;color:#888;background:hsla(0,0%,100%,.06);border-radius:1.06667vw}.chat-body .load-more[data-v-b8b5d512]{text-align:center;padding:2.66667vw;font-size:3.2vw;color:#666;cursor:pointer}.chat-body .msg-item[data-v-b8b5d512]{display:flex;margin-bottom:3.73333vw;align-items:flex-start}.chat-body .msg-item.mine[data-v-b8b5d512]{justify-content:flex-end}.chat-body .msg-item .avatar[data-v-b8b5d512]{width:8.53333vw;height:8.53333vw;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0 2.13333vw}.chat-body .msg-item .other-avatar[data-v-b8b5d512]{background:#2a2a2a;border:1px solid #d4af37}.chat-body .msg-item .mine-avatar[data-v-b8b5d512]{background:linear-gradient(135deg,#d4af37,#b8860b)}.chat-body .msg-item .msg-content[data-v-b8b5d512]{display:flex;flex-direction:column;max-width:70%;align-items:flex-start}.chat-body .msg-item .sender-name[data-v-b8b5d512]{font-size:2.93333vw;color:#888;margin-bottom:.8vw;padding:0 .53333vw}.chat-body .msg-item .bubble[data-v-b8b5d512]{max-width:100%;padding:2.4vw 3.46667vw;border-radius:2.13333vw;font-size:3.73333vw;line-height:1.5;word-break:break-all}.chat-body .msg-item.other .bubble[data-v-b8b5d512]{background:#2a2a2a;color:#e0e0e0}.chat-body .msg-item.mine .msg-content[data-v-b8b5d512]{align-items:flex-end}.chat-body .msg-item.mine .bubble[data-v-b8b5d512]{background:linear-gradient(135deg,#d4af37,#b8860b);color:#0f0f0f}.chat-body .msg-item .bubble-image[data-v-b8b5d512],.chat-body .msg-item .bubble-video[data-v-b8b5d512]{padding:0!important;background:transparent!important;max-width:60%!important;overflow:hidden;border-radius:2.13333vw}.chat-body .msg-item .msg-image[data-v-b8b5d512]{max-width:48vw;max-height:48vw;border-radius:2.13333vw;display:block;cursor:pointer}.chat-body .msg-item .msg-video[data-v-b8b5d512]{max-width:58.66667vw;max-height:58.66667vw;border-radius:2.13333vw;display:block}.image-preview[data-v-b8b5d512]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:9999;display:flex;align-items:center;justify-content:center}.image-preview .preview-img[data-v-b8b5d512]{max-width:95vw;max-height:95vh;object-fit:contain}.chat-footer[data-v-b8b5d512]{position:fixed;left:0;right:0;bottom:11.73333vw;display:flex;flex-direction:column;padding:2.66667vw 3.2vw;background:#1f1f1f;border-top:1px solid rgba(212,175,55,.12);box-shadow:0 -1.06667vw 4.26667vw rgba(0,0,0,.4);z-index:100;padding-bottom:calc(2.66667vw + env(safe-area-inset-bottom));gap:2.13333vw}.chat-footer .input-row[data-v-b8b5d512],.chat-footer .upload-row[data-v-b8b5d512]{display:flex;align-items:center;gap:2.66667vw}.chat-footer .upload-btn[data-v-b8b5d512]{display:inline-flex;align-items:center;gap:1.06667vw;padding:1.06667vw 2.66667vw;border:1px solid rgba(212,175,55,.25);background:#262626;border-radius:1.06667vw;cursor:pointer;transition:all .2s ease;color:#d4af37;font-size:3.2vw}.chat-footer .upload-btn[data-v-b8b5d512]:active{transform:scale(.92);background:#2e2e2e}.chat-footer .upload-btn[data-v-b8b5d512]:disabled{opacity:.4;cursor:not-allowed}.chat-footer .msg-input[data-v-b8b5d512]{flex:1;min-width:0;height:10.13333vw;border:1px solid #333;border-radius:5.06667vw;padding:0 4.26667vw;font-size:3.73333vw;outline:none;background:#1a1a1a;color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.chat-footer .msg-input[data-v-b8b5d512]::placeholder{color:#666}.chat-footer .msg-input[data-v-b8b5d512]:focus{border-color:rgba(212,175,55,.6);box-shadow:0 0 0 .53333vw rgba(212,175,55,.12)}.chat-footer .send-btn[data-v-b8b5d512]{height:10.13333vw;padding:0 5.33333vw;background:linear-gradient(135deg,#d4af37,#b8860b);color:#0f0f0f;border:none;border-radius:5.06667vw;font-size:3.73333vw;font-weight:600;letter-spacing:1px;cursor:pointer;flex-shrink:0;transition:transform .15s ease}.chat-footer .send-btn[data-v-b8b5d512]:active{transform:scale(.96)}.chat-footer .send-btn[data-v-b8b5d512]:disabled{background:#3a3a3a;color:#777;cursor:not-allowed;box-shadow:none}@media screen and (min-width:768px){.chat-page[data-v-b8b5d512]{align-items:stretch;justify-content:flex-start;height:calc(100vh - 80px);min-height:calc(100vh - 80px);padding-bottom:80px;box-shadow:0 0 24px rgba(0,0,0,.5)}.top-bar[data-v-b8b5d512]{height:70px}.chat-body[data-v-b8b5d512]{padding:16px}.chat-body .msg-item[data-v-b8b5d512]{margin-bottom:18px}.chat-body .msg-item .avatar[data-v-b8b5d512]{width:48px;height:48px}.chat-body .msg-item .msg-content[data-v-b8b5d512]{max-width:400px}.chat-body .msg-item .bubble[data-v-b8b5d512]{font-size:16px;padding:12px 16px}.chat-body .msg-item .msg-image[data-v-b8b5d512]{max-width:240px;max-height:240px}.chat-body .msg-item .msg-video[data-v-b8b5d512]{max-width:320px;max-height:320px}.chat-footer[data-v-b8b5d512]{flex-shrink:0;padding:14px 16px;padding-bottom:14px;gap:12px}.chat-footer .upload-btn[data-v-b8b5d512]{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid rgba(212,175,55,.25);background:#262626;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#d4af37;font-size:12px}.chat-footer .upload-btn[data-v-b8b5d512]:active{transform:scale(.92);background:#2e2e2e}.chat-footer .upload-btn[data-v-b8b5d512]:disabled{opacity:.4;cursor:not-allowed}.chat-footer .msg-input[data-v-b8b5d512]{height:48px;border-radius:24px;font-size:16px;padding:0 20px}.chat-footer .send-btn[data-v-b8b5d512]{height:48px;padding:0 28px;border-radius:24px;font-size:16px}}