.chat-room-view{&[data-v-3b61e91a]{height:94vh;width:500px;background:#f5fffa;overflow-y:auto}.header{&[data-v-3b61e91a]{height:3.5rem;border-bottom:1px solid #e5e7eb;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);z-index:10}.header-title[data-v-3b61e91a]{display:flex;align-items:center;gap:.5rem}.header-title-text[data-v-3b61e91a]{font-weight:700;font-size:1.125rem;color:#1f2937}.header-member-count[data-v-3b61e91a]{background-color:#fee2e2;color:#ef4444;font-size:.75rem;padding:.125rem .5rem;border-radius:9999px}.header-close[data-v-3b61e91a]{color:#9ca3af;padding:.25rem;border-radius:9999px;background:transparent;border:none;cursor:pointer;transition:color .15s,background-color .15s}.header-close[data-v-3b61e91a]:hover{color:#ef4444;background-color:#f3f4f6}}.chat-message-list{&[data-v-3b61e91a]{background-color:transparent;width:100%;overflow-y:auto;height:calc(94vh - 3.5rem - 120px)}.chat-message-item{&[data-v-3b61e91a]{display:flex;flex-direction:column;width:100%;margin:12px auto 0;padding-bottom:12px}.message[data-v-3b61e91a]{display:flex;max-width:60%;padding-left:12px;padding-right:12px}.avatar[data-v-3b61e91a]{margin-top:8px;height:40px;width:40px}.message-avatar-right[data-v-3b61e91a]{margin-left:10px}.message-avatar-left[data-v-3b61e91a]{margin-right:10px}.user-info-right{&[data-v-3b61e91a]{margin-right:6px;display:flex;font-size:12px;justify-content:left}.user-name[data-v-3b61e91a]{color:#000}.time[data-v-3b61e91a]{margin-right:4px;color:#a9a9a9}}.user-info-left{&[data-v-3b61e91a]{margin-left:6px;display:flex;font-size:12px;justify-content:left}.user-name[data-v-3b61e91a]{color:#000}.time[data-v-3b61e91a]{margin-left:4px;color:#a9a9a9}}.message.received[data-v-3b61e91a]{align-self:flex-start}.message.sent[data-v-3b61e91a]{align-self:flex-end;flex-direction:row-reverse;text-align:end}.bubble{&[data-v-3b61e91a]{margin-top:6px;position:relative;padding:2px;border-radius:16px;line-height:1.5;word-break:break-word;max-width:100%;box-shadow:0 1px 2px rgba(0,0,0,.1);font-size:12px}.lottery-icon-content{&[data-v-3b61e91a]{display:flex}.lottery_icon[data-v-3b61e91a]{width:20px;height:20px}}.message-bubble-content{&[data-v-3b61e91a]{margin:4px;background-color:#95bcbc;color:#fff;border-radius:6px;width:210px;height:106px;overflow:hidden}.lottery-amount[data-v-3b61e91a]{font-size:12px;font-weight:400;padding-bottom:2px}.lottery-info[data-v-3b61e91a]{font-size:12px;font-weight:400}.ball-row[data-v-3b61e91a]{padding:2px;display:flex;flex-wrap:wrap;gap:2px;background-color:transparent;align-items:center}.ball[data-v-3b61e91a]{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18)}.ball-red[data-v-3b61e91a]{background:linear-gradient(135deg,#ff6b6b,#ff4f5b)}.lottery-gd[data-v-3b61e91a]{text-align:-webkit-right}.lottery-gd-btn[data-v-3b61e91a]{padding-top:4px;padding-bottom:4px;border-radius:12px;margin-top:6px;background:#fff;color:red;width:50px;text-align:center}}}.received .bubble[data-v-3b61e91a]{background-color:#fff;border-top-left-radius:4px}.sent .bubble[data-v-3b61e91a]{background-color:#95ec69;border-top-right-radius:4px}.bubble[data-v-3b61e91a]:after{top:10px;content:"";position:absolute;width:0;height:0;border:6px solid transparent}.received .bubble[data-v-3b61e91a]:after{left:-12px;border-right-color:#fff}.sent .bubble[data-v-3b61e91a]:after{right:-12px;border-left-color:#95ec69}}}.chat-input-content{&[data-v-3b61e91a]{height:120px;background-color:#fff;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;position:relative}.sent-status[data-v-3b61e91a]{padding:12px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#2f4f4f;background-color:rgba(0,0,0,.1)}.emoji-panel[data-v-3b61e91a]{position:absolute;bottom:100%;left:1rem;margin-bottom:.5rem;background-color:#fff;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.25rem;width:16rem;z-index:20}.emoji-btn[data-v-3b61e91a]{font-size:1.25rem;padding:.25rem;border-radius:.25rem;transition:background-color .15s;background:none;border:none;cursor:pointer}.emoji-btn[data-v-3b61e91a]:hover{background-color:#f3f4f6}.toolbar[data-v-3b61e91a]{background-color:#fafad2;padding:.5rem 1rem;display:flex;gap:1rem;border-bottom:1px solid #f9fafb}.tool-btn[data-v-3b61e91a]{color:#6b7280;background:none;border:none;cursor:pointer;transition:color .15s}.tool-btn[data-v-3b61e91a]:hover{color:#374151}.input-textarea[data-v-3b61e91a]{flex:1;resize:none;outline:none;font-size:.875rem;padding:1rem;color:#374151;border:none;width:100%;background:transparent}.send-area[data-v-3b61e91a]{padding:.5rem 1rem;display:flex;justify-content:flex-end}.send-btn[data-v-3b61e91a]{background-color:#f3f4f6;color:#16a34a;border:1px solid #e5e7eb;padding:.375rem 1.5rem;border-radius:.25rem;font-size:.875rem;transition:all .15s;font-weight:500;cursor:pointer}.send-btn-active[data-v-3b61e91a],.send-btn[data-v-3b61e91a]:hover{background-color:#22c55e;color:#fff;border-color:#22c55e}}}.follower{position:fixed;z-index:5001;background-color:transparent;align-content:center;text-align:center;cursor:move;overflow-y:auto}:root{--theme-color:#f0f0f0;--global-space:12px;--nav-bar-background-color:#fff;--nav-bar-height:48px;--nav-bar-font-size:18px;--nav-bar-font-weight:600;--nav-bar-text-color:#000;--container-item-background-color:#fff}