.notepad-list[data-v-8d95dc7b]{display:flex;flex-direction:column;height:100%}.search-bar[data-v-8d95dc7b]{display:flex;gap:8px;margin-bottom:16px}.loading-container[data-v-8d95dc7b]{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 0}.loading-spinner[data-v-8d95dc7b]{animation:spin-8d95dc7b .8s linear infinite;border:2px solid #2a2a2a;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}.loading-text[data-v-8d95dc7b]{color:#888;font-size:13px}@keyframes spin-8d95dc7b{to{transform:rotate(1turn)}}.empty-container[data-v-8d95dc7b]{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 0}.empty-icon[data-v-8d95dc7b]{color:#444;height:48px;width:48px}.empty-icon svg[data-v-8d95dc7b]{height:100%;width:100%}.empty-text[data-v-8d95dc7b]{color:#fff;font-size:14px}.note-list[data-v-8d95dc7b]{flex:1;overflow-y:auto;padding-right:4px}.note-item[data-v-8d95dc7b]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s}.note-item[data-v-8d95dc7b]:hover{background:#222;border-color:#333}.note-item.active[data-v-8d95dc7b]{background:#3b82f61a;border-color:#3b82f64d}.note-header[data-v-8d95dc7b]{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.note-title[data-v-8d95dc7b]{color:#fff;flex:1;font-size:14px;font-weight:600;margin:0 8px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-type-tag[data-v-8d95dc7b]{border-radius:4px;font-size:11px;font-weight:500;padding:2px 8px;white-space:nowrap}.note-content[data-v-8d95dc7b]{color:#888;display:-webkit-box;font-size:13px;-webkit-line-clamp:2;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.5;min-height:39px}.note-footer[data-v-8d95dc7b]{align-items:center;display:flex;justify-content:flex-end}.note-time[data-v-8d95dc7b]{color:#555;font-size:12px}.note-actions[data-v-8d95dc7b]{display:flex;gap:8px}.action-btn[data-v-8d95dc7b]{align-items:center;background:transparent!important;border:none!important;border-radius:4px;color:#666!important;cursor:pointer;display:flex!important;height:28px!important;justify-content:center;line-height:1!important;min-width:28px!important;padding:0!important;transition:all .2s;width:28px!important}.action-btn[data-v-8d95dc7b] .arco-btn-content{align-items:center;display:flex;justify-content:center}.action-btn svg[data-v-8d95dc7b]{height:16px;width:16px}.action-btn[data-v-8d95dc7b]:hover{background:#333!important;color:#fff!important}.action-btn.delete[data-v-8d95dc7b]:hover{background:#ef44441a!important;color:#ef4444!important}.pagination-container[data-v-8d95dc7b]{border-top:1px solid #2a2a2a;display:flex;justify-content:flex-end;padding-top:16px}:deep(.notepad-list){background:#0a0a0a}.dark-search .arco-input-wrapper{background:#1a1a1a!important;border-color:#2a2a2a!important}.dark-search .arco-input-wrapper:hover{border-color:#3a3a3a!important}.dark-search .arco-input-wrapper:focus-within{background:#0a0a0a!important;border-color:#3b82f6!important}.dark-search .arco-input-clear-btn{color:#fff!important}.dark-search .arco-input-clear-btn:hover{color:#ccc!important}.dark-search .arco-input{background:transparent!important;color:#fff!important}.dark-search .arco-input::-moz-placeholder{color:#fff!important}.dark-search .arco-input::placeholder{color:#fff!important}.dark-search .arco-input-search-btn{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.dark-search .arco-input-search-btn:hover{background:#2563eb!important;border-color:#2563eb!important}.dark-select .arco-select-popup{background:#1a1a1a!important;border:1px solid #2a2a2a!important;box-shadow:0 4px 20px #0009!important;max-height:200px}.dark-select .arco-select-option.arco-select-option-active{background:#2a2a2a!important}.dark-select .arco-select-empty{color:#666!important;padding:12px}.dark-pagination .arco-pagination-item{background:#1a1a1a!important;border-color:#2a2a2a!important;color:#888!important}.dark-pagination .arco-pagination-item:hover{background:#2a2a2a!important;color:#fff!important}.dark-pagination .arco-pagination-item.arco-pagination-item-active{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.dark-pagination .arco-pagination-jumper{color:#888!important}.dark-pagination .arco-pagination-jumper .arco-input-wrapper{background:#1a1a1a!important;border-color:#2a2a2a!important}.dark-pagination .arco-pagination-jumper .arco-input-wrapper .arco-input{color:#fff!important}.dark-pagination .arco-pagination-options .arco-select-view{background:#1a1a1a!important;border-color:#2a2a2a!important;color:#fff!important}.dark-pagination .arco-pagination-total-text{color:#666!important}.dark-popconfirm{z-index:10010!important}.dark-popconfirm.arco-popover{box-shadow:0 4px 20px #0009!important;z-index:10010!important}.dark-popconfirm .arco-popover-arrow:before,.dark-popconfirm.arco-popover{background:#1a1a1a!important;border:1px solid #2a2a2a!important}.dark-popconfirm .arco-popover-arrow:after,.dark-popconfirm .arco-popover-content{background:#1a1a1a!important}.dark-popconfirm .arco-popconfirm-body{align-items:center!important;background:transparent!important;display:flex!important;gap:8px!important}.dark-popconfirm .arco-popconfirm-body-icon{align-items:center!important;color:#faad14!important;display:flex!important;flex-shrink:0!important}.dark-popconfirm .arco-popconfirm-body-title{color:#fff!important;flex:1!important}.dark-popconfirm .arco-popconfirm-body-content{color:#ccc!important}.dark-popconfirm .arco-popconfirm-btn.arco-btn-secondary{background:#2a2a2a!important;border-color:#3a3a3a!important;color:#ccc!important}.dark-popconfirm .arco-popconfirm-btn.arco-btn-secondary:hover{background:#3a3a3a!important;border-color:#4a4a4a!important;color:#fff!important}.dark-popconfirm .arco-popconfirm-btn.arco-btn-primary{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.dark-popconfirm .arco-popconfirm-btn.arco-btn-primary:hover{background:#2563eb!important;border-color:#2563eb!important}.dark-popconfirm .arco-popconfirm-btn.arco-btn-warning{background:#faad14!important;border-color:#faad14!important;color:#fff!important}.dark-popconfirm .arco-popconfirm-btn.arco-btn-warning:hover{background:#d48806!important;border-color:#d48806!important}.dark-popconfirm .arco-btn.arco-btn-secondary{background:#2a2a2a!important;border-color:#3a3a3a!important;color:#ccc!important}.dark-popconfirm .arco-btn.arco-btn-secondary:hover{background:#3a3a3a!important;border-color:#4a4a4a!important;color:#fff!important}.dark-popconfirm .arco-btn.arco-btn-primary{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.dark-popconfirm .arco-btn.arco-btn-primary:hover{background:#2563eb!important;border-color:#2563eb!important}body>.arco-popconfirm,body>.arco-popover.arco-popconfirm.dark-popconfirm,body>.arco-popover.dark-popconfirm{background:#1a1a1a!important;border-color:#2a2a2a!important;z-index:10010!important}body>.arco-popconfirm .arco-popover-content,body>.arco-popover.arco-popconfirm.dark-popconfirm .arco-popover-content,body>.arco-popover.dark-popconfirm .arco-popover-content{background:#1a1a1a!important}body>.arco-popconfirm .arco-popover-arrow:before,body>.arco-popover.arco-popconfirm.dark-popconfirm .arco-popover-arrow:before,body>.arco-popover.dark-popconfirm .arco-popover-arrow:before{background:#1a1a1a!important;border-color:#2a2a2a!important}body>.arco-popconfirm .arco-popconfirm-body,body>.arco-popover.arco-popconfirm.dark-popconfirm .arco-popconfirm-body,body>.arco-popover.dark-popconfirm .arco-popconfirm-body{align-items:center!important;background:transparent!important;display:flex!important;gap:8px!important}body>.arco-popconfirm .arco-popconfirm-body-icon,body>.arco-popover.arco-popconfirm.dark-popconfirm .arco-popconfirm-body-icon,body>.arco-popover.dark-popconfirm .arco-popconfirm-body-icon{align-items:center!important;color:#faad14!important;display:flex!important;flex-shrink:0!important}body>.arco-popconfirm .arco-popconfirm-body-title,body>.arco-popover.arco-popconfirm.dark-popconfirm .arco-popconfirm-body-title,body>.arco-popover.dark-popconfirm .arco-popconfirm-body-title{color:#fff!important;flex:1!important}body>.arco-popconfirm .arco-popconfirm-body-content,body>.arco-popover.arco-popconfirm.dark-popconfirm .arco-popconfirm-body-content,body>.arco-popover.dark-popconfirm .arco-popconfirm-body-content{color:#ccc!important}body>.arco-popconfirm .arco-btn-secondary,body>.arco-popover.arco-popconfirm.dark-popconfirm .arco-btn-secondary,body>.arco-popover.dark-popconfirm .arco-btn-secondary{background:#2a2a2a!important;border-color:#3a3a3a!important;color:#ccc!important}body>.arco-popconfirm .arco-btn-secondary:hover,body>.arco-popover.arco-popconfirm.dark-popconfirm .arco-btn-secondary:hover,body>.arco-popover.dark-popconfirm .arco-btn-secondary:hover{background:#3a3a3a!important;border-color:#4a4a4a!important;color:#fff!important}body>.arco-popconfirm .arco-btn-primary,body>.arco-popover.arco-popconfirm.dark-popconfirm .arco-btn-primary,body>.arco-popover.dark-popconfirm .arco-btn-primary{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}body>.arco-popconfirm .arco-btn-primary:hover,body>.arco-popover.arco-popconfirm.dark-popconfirm .arco-btn-primary:hover,body>.arco-popover.dark-popconfirm .arco-btn-primary:hover{background:#2563eb!important;border-color:#2563eb!important}.notepad-form[data-v-92f84d12]{background:transparent;display:flex;flex-direction:column;height:100%;overflow:hidden}[data-v-92f84d12] .arco-form{display:flex;flex:1;flex-direction:column;overflow-y:hidden;padding-right:0}[data-v-92f84d12] .arco-form .content-form-item{flex:1;margin-bottom:0}[data-v-92f84d12] .arco-form .content-form-item .arco-form-item-content-wrapper{flex:1}[data-v-92f84d12] .arco-form .content-form-item .arco-form-item-content{height:100%}.form-actions[data-v-92f84d12]{border-top:1px solid #2a2a2a;display:flex;gap:12px;justify-content:flex-end;margin-top:auto;padding-top:16px}.btn-cancel[data-v-92f84d12]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;color:#888;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s}.btn-cancel[data-v-92f84d12]:hover{background:#222;border-color:#333;color:#fff}.btn-primary[data-v-92f84d12]{align-items:center;background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 12px;transition:all .2s}.btn-primary[data-v-92f84d12]:hover:not(:disabled){background:#2563eb}.btn-primary[data-v-92f84d12]:disabled{cursor:not-allowed;opacity:.6}.btn-spinner[data-v-92f84d12]{animation:spin-92f84d12 .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes spin-92f84d12{to{transform:rotate(1turn)}}.dark-form .arco-form-item-label{color:#fff!important;font-size:13px!important}.dark-form .arco-form-item-error-message{color:#ef4444!important}.notepad-form .dark-input .arco-input-wrapper,.notepad-form .dark-input.arco-input-wrapper,.notepad-form .dark-textarea .arco-textarea-wrapper,.notepad-form .dark-textarea.arco-textarea-wrapper{background-color:#1a1a1a!important;border-color:#2a2a2a!important;box-shadow:none!important}.notepad-form .dark-input .arco-input-wrapper:hover,.notepad-form .dark-input.arco-input-wrapper:hover,.notepad-form .dark-textarea .arco-textarea-wrapper:hover,.notepad-form .dark-textarea.arco-textarea-wrapper:hover{background-color:#1a1a1a!important;border-color:#3a3a3a!important}.notepad-form .dark-input .arco-input-wrapper:focus-within,.notepad-form .dark-input.arco-input-wrapper:focus-within,.notepad-form .dark-textarea .arco-textarea-wrapper:focus-within,.notepad-form .dark-textarea.arco-textarea-wrapper:focus-within{background-color:#1a1a1a!important;border-color:#3b82f6!important}.notepad-form .dark-input .arco-input,.notepad-form .dark-input.arco-input-wrapper .arco-input,.notepad-form .dark-textarea .arco-textarea,.notepad-form .dark-textarea.arco-textarea-wrapper .arco-textarea{background-color:transparent!important;color:#fff!important;font-size:12px!important}.notepad-form .dark-input .arco-input::-moz-placeholder,.notepad-form .dark-input.arco-input-wrapper .arco-input::-moz-placeholder,.notepad-form .dark-textarea .arco-textarea::-moz-placeholder,.notepad-form .dark-textarea.arco-textarea-wrapper .arco-textarea::-moz-placeholder{color:#fff!important}.notepad-form .dark-input .arco-input::placeholder,.notepad-form .dark-input.arco-input-wrapper .arco-input::placeholder,.notepad-form .dark-textarea .arco-textarea::placeholder,.notepad-form .dark-textarea.arco-textarea-wrapper .arco-textarea::placeholder{color:#fff!important}@media(max-width:768px){.notepad-form .dark-input .arco-input,.notepad-form .dark-input.arco-input-wrapper .arco-input,.notepad-form .dark-textarea .arco-textarea,.notepad-form .dark-textarea.arco-textarea-wrapper .arco-textarea{font-size:16px!important}}.notepad-form .dark-input .arco-input-word-limit,.notepad-form .dark-textarea .arco-textarea-word-limit{color:#888!important}.notepad-form .dark-input .arco-icon-hover,.notepad-form .dark-textarea .arco-icon-hover{color:#666!important}.notepad-form .dark-input .arco-icon-hover:hover,.notepad-form .dark-textarea .arco-icon-hover:hover{color:#888!important}.dark-select .arco-select-view{background:#1a1a1a!important;border-color:#2a2a2a!important;color:#fff!important}.dark-select .arco-select-view:hover{border-color:#3a3a3a!important}.dark-select .arco-select-view:focus-within{border-color:#3b82f6!important}.dark-select .arco-select-view .arco-select-view-input{color:#fff!important}.dark-select .arco-select-view .arco-select-view-placeholder{color:#666!important}.dark-select .arco-select-view .arco-select-view-value{color:#fff!important}.dark-select .arco-select-popup{background:#1a1a1a!important;border:1px solid #2a2a2a!important;box-shadow:0 4px 20px #0009!important}.dark-select .arco-select-list{background:#1a1a1a!important}.dark-select .arco-select-option{background:transparent!important;color:#ccc!important;padding:8px 12px!important}.dark-select .arco-select-option.arco-select-option-hover,.dark-select .arco-select-option:hover{background:#2a2a2a!important}.dark-select .arco-select-option.arco-select-option-selected{background:#3b82f633!important;color:#3b82f6!important;font-weight:500}.notepad-form .dark-textarea,.notepad-form .dark-textarea.arco-textarea-wrapper{height:100%}.notepad-form .dark-textarea .arco-textarea-wrapper,.notepad-form .dark-textarea.arco-textarea-wrapper{height:100%!important}.notepad-form .dark-textarea .arco-textarea-wrapper .arco-textarea,.notepad-form .dark-textarea.arco-textarea-wrapper .arco-textarea{line-height:1.6!important;resize:none!important}.notepad-popup-teleport-root.notepad-mobile-sheet[data-v-1ca52656]{align-items:flex-end;display:flex;inset:0;justify-content:stretch;pointer-events:none;position:fixed;z-index:10001}.notepad-sheet-backdrop[data-v-1ca52656]{display:none}.notepad-popup-teleport-root.notepad-mobile-sheet .notepad-sheet-backdrop[data-v-1ca52656]{background:#00000073;display:block;inset:0;pointer-events:auto;position:absolute}.notepad-popup-wrapper[data-v-1ca52656]{height:520px;left:calc(100vw - 416px);max-height:calc(100vh - 80px);position:fixed;top:calc(100vh - 580px);transition:all .3s cubic-bezier(.4,0,.2,1);width:400px;z-index:10001}.notepad-popup-wrapper.is-expanded[data-v-1ca52656]{height:600px;left:50%;max-height:80vh;top:50%;transform:translate(-50%,-50%);width:900px}.notepad-popup-container[data-v-1ca52656]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.notepad-popup-header[data-v-1ca52656]{align-items:center;background:repeating-linear-gradient(90deg,#0a0a0a,#0a0a0a 2px,#ffffff08 0 4.6px),#0a0a0a;border-bottom:1px solid #3a3a3a;color:#e8e8e8;display:flex;flex-shrink:0;justify-content:space-between;padding:4px 16px}.header-left[data-v-1ca52656],.header-right[data-v-1ca52656]{align-items:center;display:flex;gap:8px}.header-title[data-v-1ca52656]{font-size:15px;font-weight:600}.header-btn[data-v-1ca52656]{align-items:center;background:#ffffff0d;border:1px solid #3a3a3a;border-radius:8px;color:#a6a6a6;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.header-btn svg[data-v-1ca52656]{height:18px;width:18px}.header-btn[data-v-1ca52656]:hover{background:#ffffff1a;border-color:#4a4a4a;color:#e8e8e8;transform:scale(1.05)}.header-btn.close-btn[data-v-1ca52656]:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.notepad-popup-body[data-v-1ca52656]{background:#0a0a0a;display:flex;flex:1;flex-direction:column;overflow:hidden}.notepad-edit-view[data-v-1ca52656],.notepad-list-view[data-v-1ca52656]{display:flex;flex:1;flex-direction:column;overflow:hidden;padding:16px}.notepad-popup-enter-active[data-v-1ca52656],.notepad-popup-leave-active[data-v-1ca52656]{transition:all .25s cubic-bezier(.4,0,.2,1)}.notepad-popup-enter-from[data-v-1ca52656],.notepad-popup-leave-to[data-v-1ca52656]{opacity:0}.notepad-popup-enter-from[data-v-1ca52656]:not(.notepad-mobile-sheet),.notepad-popup-leave-to[data-v-1ca52656]:not(.notepad-mobile-sheet){transform:scale(.95) translateY(10px)}.notepad-popup-enter-active:not(.notepad-mobile-sheet) .notepad-popup-container[data-v-1ca52656],.notepad-popup-leave-active:not(.notepad-mobile-sheet) .notepad-popup-container[data-v-1ca52656]{transition:all .25s cubic-bezier(.4,0,.2,1)}.notepad-popup-enter-from:not(.notepad-mobile-sheet) .notepad-popup-container[data-v-1ca52656],.notepad-popup-leave-to:not(.notepad-mobile-sheet) .notepad-popup-container[data-v-1ca52656]{transform:scale(.95)}@keyframes notepad-mobile-backdrop-in-1ca52656{0%{opacity:0}to{opacity:1}}@keyframes notepad-mobile-backdrop-out-1ca52656{0%{opacity:1}to{opacity:0}}@keyframes notepad-mobile-sheet-in-1ca52656{0%{transform:translate3d(0,108%,0)}to{transform:translateZ(0)}}@keyframes notepad-mobile-sheet-out-1ca52656{0%{transform:translateZ(0)}to{transform:translate3d(0,108%,0)}}.notepad-popup-teleport-root.notepad-mobile-sheet.notepad-popup-enter-active .notepad-sheet-backdrop[data-v-1ca52656]{animation:notepad-mobile-backdrop-in-1ca52656 .4s cubic-bezier(.22,1,.36,1) both}.notepad-popup-teleport-root.notepad-mobile-sheet.notepad-popup-leave-active .notepad-sheet-backdrop[data-v-1ca52656]{animation:notepad-mobile-backdrop-out-1ca52656 .32s ease both}.notepad-popup-teleport-root.notepad-mobile-sheet.notepad-popup-enter-active .notepad-popup-wrapper[data-v-1ca52656]{animation:notepad-mobile-sheet-in-1ca52656 .48s cubic-bezier(.22,1,.36,1) both}.notepad-popup-teleport-root.notepad-mobile-sheet.notepad-popup-leave-active .notepad-popup-wrapper[data-v-1ca52656]{animation:notepad-mobile-sheet-out-1ca52656 .4s cubic-bezier(.32,.72,0,1) both}.notepad-popup-wrapper[data-v-1ca52656]{transform-origin:center center;transition:all .3s ease}@media(max-width:768px){.notepad-popup-teleport-root.notepad-mobile-sheet .notepad-popup-wrapper[data-v-1ca52656]{border-radius:0;box-sizing:border-box;height:min(74dvh,680px);inset:auto 0 0;margin-left:0;margin-right:0;max-height:calc(100dvh - env(safe-area-inset-top,0px));max-width:none;pointer-events:auto;position:relative;transition:none;width:100%;z-index:1}.notepad-popup-teleport-root.notepad-mobile-sheet .notepad-popup-wrapper.is-expanded[data-v-1ca52656]{border-radius:0;height:100dvh;height:100svh;inset:auto 0 0;max-height:none;transform:none;width:100%}.notepad-popup-teleport-root.notepad-mobile-sheet .notepad-popup-container[data-v-1ca52656]{border-bottom:none;border-left:none;border-radius:16px 16px 0 0;border-right:none}.notepad-popup-teleport-root.notepad-mobile-sheet .notepad-popup-wrapper.is-expanded .notepad-popup-container[data-v-1ca52656]{border-radius:0;height:100%}.notepad-edit-view[data-v-1ca52656],.notepad-list-view[data-v-1ca52656]{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}@media(max-width:480px){.notepad-popup-teleport-root.notepad-mobile-sheet .notepad-popup-wrapper[data-v-1ca52656]{height:min(72dvh,640px)}}.user-action-menu[data-v-a9f64158]{align-items:center;display:inline-flex;position:relative}.menu-toggle-btn[data-v-a9f64158]{align-items:center;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;height:20px;justify-content:center;margin-left:6px;padding:2px;transition:all .2s ease;width:20px}.menu-toggle-btn[data-v-a9f64158]:hover{background:var(--bg-hover,hsla(0,0%,100%,.1))}.toggle-icon[data-v-a9f64158]{height:14px;opacity:.7;transition:opacity .2s;width:14px}.menu-toggle-btn:hover .toggle-icon[data-v-a9f64158]{opacity:1}.user-dropdown-menu[data-v-a9f64158]{animation:menuSlideIn-a9f64158 .15s ease;background:var(--bg-card,#1a1a1a);border:1px solid var(--border-color,#333);border-radius:8px;box-shadow:0 4px 16px #0006;min-width:140px;overflow:hidden}@keyframes menuSlideIn-a9f64158{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-menu-item[data-v-a9f64158]{align-items:center;color:var(--text-primary,#e8e8e8);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 14px;transition:all .2s ease;white-space:nowrap}.user-menu-item[data-v-a9f64158]:hover{background:var(--bg-hover,hsla(0,0%,100%,.08))}.user-menu-item.is-active[data-v-a9f64158]{color:var(--theme-success,#52c41a)}.user-menu-item.is-danger[data-v-a9f64158]{color:var(--theme-danger,#ff4d4f)}.user-menu-item.is-danger[data-v-a9f64158]:hover{background:#ff4d4f1a}.menu-icon[data-v-a9f64158]{flex-shrink:0;height:16px;width:16px}@media(max-width:768px){.user-dropdown-menu[data-v-a9f64158]{min-width:130px}.user-menu-item[data-v-a9f64158]{font-size:14px;padding:12px 14px}.menu-icon[data-v-a9f64158]{height:18px;width:18px}}.floating-buttons-wrapper[data-v-8893ec00]{align-items:center;bottom:0;display:flex;gap:2px;position:fixed;right:2px;z-index:9999}.floating-buttons-wrapper[data-v-8893ec00],.floating-chat-container[data-v-8893ec00]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-button[data-v-8893ec00]{align-items:center;background:transparent;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4)) drop-shadow(0 2px 6px rgba(0,0,0,.3));height:38px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .3s ease;width:38px}.chat-button[data-v-8893ec00]:hover{filter:drop-shadow(0 6px 16px rgba(0,0,0,.5)) drop-shadow(0 3px 8px rgba(0,0,0,.4));transform:scale(1.05)}.chat-icon[data-v-8893ec00]{align-items:center;border-radius:12px;display:flex;height:38px;justify-content:center;overflow:hidden;position:relative;width:38px;z-index:2}.chat-icon img[data-v-8893ec00]{border-radius:12px;display:block;height:32px;-o-object-fit:contain;object-fit:contain;width:32px}.unread-badge[data-v-8893ec00]{background:var(--theme-danger,#ff4d4f);border-radius:7px;box-shadow:0 2px 6px #ff4d4f66;color:#fff;font-size:9px;font-weight:600;min-width:14px;padding:0 3px;z-index:100}.unread-badge[data-v-8893ec00],.ws-connecting-badge[data-v-8893ec00]{align-items:center;display:flex;height:14px;justify-content:center;pointer-events:none;position:absolute;right:-2px;top:-2px}.ws-connecting-badge[data-v-8893ec00]{background:#165dfff2;border-radius:50%;box-shadow:0 2px 6px #165dff73;width:14px;z-index:101}.ws-connecting-spinner[data-v-8893ec00]{animation:ws-connecting-spin-8893ec00 .65s linear infinite;border:1.5px solid hsla(0,0%,100%,.35);border-radius:50%;border-top-color:#fff;display:block;height:8px;width:8px}@keyframes ws-connecting-spin-8893ec00{to{transform:rotate(1turn)}}.network-error-badge[data-v-8893ec00]{align-items:center;animation:network-error-pulse-8893ec00 1.5s ease-in-out infinite;background:#f53f3f;border-radius:50%;box-shadow:0 2px 6px #f53f3f80;display:flex;height:14px;justify-content:center;pointer-events:none;position:absolute;right:-2px;top:-2px;width:14px;z-index:101}.network-error-badge svg[data-v-8893ec00]{height:8px;stroke:#fff;width:8px}@keyframes network-error-pulse-8893ec00{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.1)}}@media(max-width:768px){.ws-connecting-badge[data-v-8893ec00]{height:12px;right:0;top:0;width:12px}.ws-connecting-spinner[data-v-8893ec00]{border-width:1.5px;height:7px;width:7px}.network-error-badge[data-v-8893ec00]{height:12px;right:0;top:0;width:12px}.network-error-badge svg[data-v-8893ec00]{height:7px;width:7px}}.floating-notebook-container[data-v-8893ec00]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.notebook-button[data-v-8893ec00]{align-items:center;background:transparent;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4)) drop-shadow(0 2px 6px rgba(0,0,0,.3));height:38px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .3s ease;width:38px}.notebook-button[data-v-8893ec00]:hover{filter:drop-shadow(0 6px 16px rgba(0,0,0,.5)) drop-shadow(0 3px 8px rgba(0,0,0,.4));transform:scale(1.05)}.notebook-icon[data-v-8893ec00]{align-items:center;border-radius:12px;display:flex;height:38px;justify-content:center;overflow:hidden;width:38px}.notebook-icon img[data-v-8893ec00]{border-radius:12px;display:block;height:32px;-o-object-fit:contain;object-fit:contain;width:32px}@media(max-width:768px){.chat-icon[data-v-8893ec00]{height:38px;width:38px}.chat-icon[data-v-8893ec00],.chat-icon img[data-v-8893ec00],.notebook-icon[data-v-8893ec00],.notebook-icon img[data-v-8893ec00]{border-radius:12px}.unread-badge[data-v-8893ec00]{font-size:8px;height:12px;min-width:12px;right:0;top:0}.notebook-button[data-v-8893ec00],.notebook-icon[data-v-8893ec00]{height:38px;width:38px}}.notebook-popup-overlay[data-v-8893ec00]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;justify-content:center;inset:0;position:fixed;z-index:10001}.notebook-popup-content[data-v-8893ec00]{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:16px;box-shadow:0 8px 32px #00000080;max-width:90vw;overflow:hidden;width:360px}.notebook-popup-header[data-v-8893ec00]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.notebook-popup-title[data-v-8893ec00]{font-size:16px;font-weight:600}.notebook-popup-close[data-v-8893ec00]{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.notebook-popup-close[data-v-8893ec00]:hover{background:#ffffff4d}.notebook-popup-body[data-v-8893ec00]{padding:40px 20px}.notebook-placeholder[data-v-8893ec00]{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;text-align:center}.placeholder-icon[data-v-8893ec00]{font-size:48px;opacity:.8}.placeholder-text[data-v-8893ec00]{color:#e8e8e8;font-size:18px;font-weight:500}.placeholder-hint[data-v-8893ec00]{color:#737373;font-size:14px}.notebook-popup-enter-active[data-v-8893ec00],.notebook-popup-leave-active[data-v-8893ec00]{transition:all .3s ease}.notebook-popup-enter-from[data-v-8893ec00],.notebook-popup-leave-to[data-v-8893ec00]{opacity:0}.notebook-popup-enter-from .notebook-popup-content[data-v-8893ec00],.notebook-popup-leave-to .notebook-popup-content[data-v-8893ec00]{opacity:0;transform:scale(.9)}.chat-popup-teleport-root.chat-mobile-sheet[data-v-8893ec00]{align-items:flex-end;display:flex;inset:0;justify-content:stretch;pointer-events:none;position:fixed;z-index:10000}.chat-sheet-backdrop[data-v-8893ec00]{display:none}.chat-popup-teleport-root.chat-mobile-sheet .chat-sheet-backdrop[data-v-8893ec00]{background:#00000073;display:block;inset:0;pointer-events:auto;position:absolute}.chat-popup-wrapper[data-v-8893ec00]{height:520px;position:fixed;top:calc(100vh - 580px);transform-origin:center center;transition:all .3s ease;width:320px;z-index:10000}.chat-popup-wrapper.is-expanded[data-v-8893ec00]{height:70vh;inset:50% auto auto 50%;max-height:600px;transform:translate(-50%,-50%);width:800px}.chat-popup-container[data-v-8893ec00]{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:16px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.chat-popup-header[data-v-8893ec00]{align-items:center;background:repeating-linear-gradient(90deg,#0a0a0a,#0a0a0a 2px,#ffffff08 0 4.6px),#0a0a0a;border-bottom:1px solid var(--border-color,#3a3a3a);color:#e8e8e8;display:flex;flex-shrink:0;justify-content:space-between;padding:4px 16px}.header-left[data-v-8893ec00]{align-items:center;display:flex;gap:10px}.header-title[data-v-8893ec00]{font-size:15px;font-weight:600}.header-status-dot[data-v-8893ec00]{border:1px solid hsla(0,0%,100%,.2);border-radius:50%;display:inline-block;height:8px;margin-left:6px;width:8px}.header-status-dot.online[data-v-8893ec00]{background-color:#00b42a;box-shadow:0 0 6px #00b42a99}.header-status-dot.busy[data-v-8893ec00]{background-color:#ff7d00;box-shadow:0 0 6px #ff7d0099}.header-status-dot.offline[data-v-8893ec00]{background-color:#86909c}.header-left .user-action-menu[data-v-8893ec00]{margin-left:4px}.header-left .menu-toggle-btn[data-v-8893ec00]{margin-left:0}.header-right[data-v-8893ec00]{gap:8px}.header-btn[data-v-8893ec00],.header-right[data-v-8893ec00]{align-items:center;display:flex}.header-btn[data-v-8893ec00]{background:#ffffff0d;border:1px solid #3a3a3a;border-radius:8px;color:#a6a6a6;cursor:pointer;height:32px;justify-content:center;transition:all .2s ease;width:32px}.header-btn[data-v-8893ec00]:hover{background:#ffffff1a;border-color:#4a4a4a;color:#e8e8e8;transform:scale(1.05)}.header-btn svg[data-v-8893ec00]{height:18px;width:18px}.chat-popup-body[data-v-8893ec00]{display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative}.chat-tabs[data-v-8893ec00]{background:repeating-linear-gradient(90deg,#0a0a0a,#0a0a0a 2px,#ffffff08 0 4.6px),#0a0a0a;border-bottom:1px solid var(--border-color,#3a3a3a);padding:2px 4px}.chat-tabs[data-v-8893ec00],.tab-btn[data-v-8893ec00]{display:flex;gap:4px}.tab-btn[data-v-8893ec00]{align-items:center;background:transparent;border:none;border-radius:6px;color:#737373;cursor:pointer;flex:1;font-size:12px;justify-content:center;padding:6px 4px;position:relative;transition:all .2s ease}.tab-wrapper:hover .tab-btn[data-v-8893ec00]{color:#a6a6a6}.tab-wrapper.active .tab-btn[data-v-8893ec00]{color:#3370ff}.tab-icon[data-v-8893ec00]{font-size:14px}.tab-name[data-v-8893ec00]{font-weight:500}.tab-badge[data-v-8893ec00]{background:#f53f3f;border-radius:8px;color:#fff;font-size:10px;font-weight:600;height:16px;min-width:16px;padding:0 4px;position:absolute;right:2px;top:2px}.tab-badge[data-v-8893ec00],.tab-wrapper[data-v-8893ec00]{align-items:center;display:flex;justify-content:center}.tab-wrapper[data-v-8893ec00]{border-radius:6px;flex:1;position:relative;transition:all .2s ease}.tab-wrapper[data-v-8893ec00]:hover{background:#ffffff0d}.tab-wrapper.active[data-v-8893ec00]{background:#3370ff26}.tab-setting-btn[data-v-8893ec00]{align-items:center;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-left:2px;padding:0;transition:all .2s ease;width:18px}.tab-setting-btn[data-v-8893ec00]:hover{background:#ffffff1a}.tab-setting-btn .arrow-icon[data-v-8893ec00],.tab-setting-btn svg[data-v-8893ec00]{height:14px;width:14px}.tab-setting-btn .arrow-icon[data-v-8893ec00]{filter:brightness(0) saturate(100%) invert(65%) sepia(0) saturate(0) hue-rotate(0deg);transition:all .2s ease}.tab-setting-btn.has-notification .arrow-icon[data-v-8893ec00]{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(0) hue-rotate(0deg)}.tab-setting-btn.no-notification .arrow-icon[data-v-8893ec00]{filter:brightness(0) saturate(100%) invert(45%) sepia(0) saturate(0) hue-rotate(0deg)}.tab-setting-btn.is-open .arrow-icon[data-v-8893ec00]{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(0) hue-rotate(0deg)}.channel-setting-dropdown[data-v-8893ec00]{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;box-shadow:0 4px 16px #00000080;margin-top:4px;min-width:140px;padding:4px;position:fixed;z-index:10010}.setting-option[data-v-8893ec00]{align-items:center;background:transparent;border:none;border-radius:4px;color:#a6a6a6;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 12px;text-align:left;transition:all .2s ease;white-space:nowrap;width:100%}.setting-option[data-v-8893ec00]:hover{background:#ffffff0d;color:#e8e8e8}.setting-option.active[data-v-8893ec00]{background:#3370ff26;color:#3370ff}.setting-option svg[data-v-8893ec00]{flex-shrink:0;height:14px;width:14px}.search-bar[data-v-8893ec00]{background:#2a2a2a;border-bottom:1px solid #3a3a3a}.search-bar[data-v-8893ec00],.search-input-wrapper[data-v-8893ec00]{align-items:center;display:flex;gap:8px;padding:8px 12px}.search-input-wrapper[data-v-8893ec00]{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:20px;flex:1}.search-input-wrapper[data-v-8893ec00]:focus-within{border-color:#3370ff}.search-input[data-v-8893ec00]{background:transparent;border:none;color:#e8e8e8;flex:1;font-size:14px;outline:none}@media(max-width:768px){.search-input[data-v-8893ec00]{font-size:16px}}.search-input[data-v-8893ec00]::-moz-placeholder{color:#5a5a5a}.search-input[data-v-8893ec00]::placeholder{color:#5a5a5a}.search-clear[data-v-8893ec00]{align-items:center;background:#5a5a5a;border:none;border-radius:50%;color:#1a1a1a;cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;width:18px}.search-clear svg[data-v-8893ec00]{height:12px;width:12px}.search-submit[data-v-8893ec00]{align-items:center;background:#3370ff1a;border:1px solid #3370ff;border-radius:10px;color:#3370ff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.search-submit[data-v-8893ec00]:hover{background:#3370ff33}.search-submit svg[data-v-8893ec00]{height:18px;width:18px}.chat-content[data-v-8893ec00]{display:flex;flex:1;flex-direction:column;overflow:hidden}.chat-list-panel[data-v-8893ec00]{flex:1;min-height:0;overflow-y:auto}.private-list-content[data-v-8893ec00]{flex:1;overflow:visible;padding:8px}.private-list-content.compact[data-v-8893ec00]{padding:4px 6px}.list-section-title[data-v-8893ec00]{display:none}.private-chat-item[data-v-8893ec00]{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;margin-bottom:1px;padding:6px 8px;transition:all .2s ease}.private-chat-item[data-v-8893ec00]:hover{background:#ffffff0d}.private-chat-item.active[data-v-8893ec00]{background:#3370ff26}.friend-preview[data-v-8893ec00]{color:#737373;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-time[data-v-8893ec00]{color:#5a5a5a;font-size:9px}.empty-section[data-v-8893ec00]{color:#5a5a5a;font-size:11px;padding:12px;text-align:center}.list-header[data-v-8893ec00]{border-bottom:1px solid #3a3a3a;padding:12px}.header-action-btn[data-v-8893ec00]{align-items:center;background:#3370ff1a;border:1px dashed #3370ff;border-radius:10px;color:#3370ff;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px;transition:all .2s ease;width:100%}.header-action-btn[data-v-8893ec00]:hover{background:#3370ff26}.header-action-btn svg[data-v-8893ec00]{height:16px;width:16px}.channel-info-bar[data-v-8893ec00]{align-items:center;background:#3370ff14;border-bottom:1px solid #3a3a3a;display:flex;flex-shrink:0;gap:6px;padding:8px 12px}.channel-info-bar .channel-icon[data-v-8893ec00]{font-size:16px}.channel-info-bar .channel-name[data-v-8893ec00]{color:#e8e8e8;flex:1;font-size:13px;font-weight:600}.channel-info-bar .channel-online[data-v-8893ec00]{background:#00b42a1a;border-radius:8px;color:#00b42a;font-size:10px;padding:2px 6px}.recent-messages[data-v-8893ec00]{padding:12px}.recent-msg-item[data-v-8893ec00]{background:#ffffff08;border-radius:8px;font-size:13px;line-height:1.5;margin-bottom:8px;padding:10px 12px}.msg-sender[data-v-8893ec00]{color:#3370ff;font-weight:500}.msg-content[data-v-8893ec00]{color:#a6a6a6}.chat-list[data-v-8893ec00]{display:flex;flex-direction:column;height:100%}.stranger-list-content[data-v-8893ec00]{flex:1;overflow-y:auto;padding:8px}.stranger-chat-item[data-v-8893ec00]{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:8px;margin-bottom:2px;padding:8px;transition:all .2s ease}.stranger-chat-item[data-v-8893ec00]:hover{background:#ffffff0d}.stranger-chat-item.active[data-v-8893ec00]{background:#3370ff26}.chat-info[data-v-8893ec00]{flex:1;min-width:0}.chat-preview[data-v-8893ec00]{color:#737373;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-meta[data-v-8893ec00]{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.chat-time[data-v-8893ec00]{color:#5a5a5a;font-size:10px}.list-unread-badge[data-v-8893ec00]{background:#f53f3f;border-radius:8px;color:#fff;flex-shrink:0;font-size:10px;font-weight:600;height:16px;min-width:16px;padding:0 4px}.empty-channel[data-v-8893ec00],.empty-stranger[data-v-8893ec00],.list-unread-badge[data-v-8893ec00]{align-items:center;display:flex;justify-content:center}.empty-channel[data-v-8893ec00],.empty-stranger[data-v-8893ec00]{color:#737373;flex-direction:column;font-size:14px;height:100%;padding:40px;text-align:center}.empty-stranger[data-v-8893ec00]:before{content:"👻";font-size:48px;margin-bottom:16px;opacity:.5}.chat-view-panel[data-v-8893ec00]{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.friend-list-content[data-v-8893ec00]{flex:1;overflow-y:auto;padding:8px}.friend-item[data-v-8893ec00]{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:8px;margin-bottom:2px;padding:8px;position:relative;transition:all .2s ease}.friend-item[data-v-8893ec00]:hover{background:#ffffff0d}.friend-item.active[data-v-8893ec00]{background:#3370ff26}.friend-avatar-img[data-v-8893ec00]{border:2px solid var(--border-color);border-radius:50%;height:36px;-o-object-fit:cover;object-fit:cover;width:36px}.friend-avatar-small[data-v-8893ec00]{border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.friend-avatar-placeholder[data-v-8893ec00]{background:var(--bg-hover);color:var(--text-primary);font-size:14px;font-weight:600}.friend-avatar[data-v-8893ec00],.friend-avatar-placeholder[data-v-8893ec00]{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.friend-avatar[data-v-8893ec00]{background:linear-gradient(135deg,#3370ff,#14c0ff);overflow:hidden}.avatar-text[data-v-8893ec00]{color:#fff;font-size:14px;font-weight:600}.status-dot[data-v-8893ec00]{border:2px solid var(--bg-secondary);border-radius:50%;bottom:-1px;height:8px;position:absolute;right:-1px;width:8px}.status-dot.online[data-v-8893ec00]{background-color:var(--status-online);box-shadow:0 0 4px var(--status-online)}.status-dot.busy[data-v-8893ec00]{background-color:var(--status-busy);box-shadow:0 0 4px var(--status-busy)}.status-dot.offline[data-v-8893ec00]{background-color:var(--status-offline)}.status-dot-corner[data-v-8893ec00]{bottom:auto;height:7px;right:-2px;top:-2px;width:7px}.friend-meta[data-v-8893ec00]{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.friend-info[data-v-8893ec00]{flex:1;min-width:0}.friend-name-row[data-v-8893ec00]{align-items:center;display:flex;gap:6px;margin-bottom:2px}.friend-name[data-v-8893ec00]{color:#e8e8e8;font-size:13px;font-weight:500}.status-dot-inline[data-v-8893ec00]{border-radius:50%;flex-shrink:0;height:6px;width:6px}.status-dot-inline.online[data-v-8893ec00]{background-color:var(--status-online);box-shadow:0 0 3px var(--status-online)}.status-dot-inline.busy[data-v-8893ec00]{background-color:var(--status-busy);box-shadow:0 0 3px var(--status-busy)}.status-dot-inline.offline[data-v-8893ec00]{background-color:var(--status-offline)}.friend-status[data-v-8893ec00]{color:#a6a6a6;font-size:12px}.empty-friends[data-v-8893ec00]{align-items:center;color:#737373;display:flex;flex-direction:column;font-size:14px;height:100%;justify-content:center;padding:40px 20px;text-align:center}.empty-friends[data-v-8893ec00]:before{content:"👥";font-size:48px;margin-bottom:16px;opacity:.5}.empty-panel[data-v-8893ec00]{background:#0003}.empty-chat-state[data-v-8893ec00],.empty-panel[data-v-8893ec00]{align-items:center;display:flex;justify-content:center}.empty-chat-state[data-v-8893ec00]{flex-direction:column;padding:40px;text-align:center}.empty-icon[data-v-8893ec00]{font-size:64px;margin-bottom:20px;opacity:.4}.empty-text[data-v-8893ec00]{color:#a6a6a6;font-size:16px;font-weight:500;margin-bottom:8px}.empty-hint[data-v-8893ec00]{color:#5a5a5a;font-size:13px}.chat-panel[data-v-8893ec00]{background:#242424;display:none;flex-direction:column;width:100%}.chat-popup-wrapper:not(.is-expanded) .chat-panel.active[data-v-8893ec00]{display:flex}.message-list[data-v-8893ec00]{flex:1;overflow-y:auto;padding:8px 10px;position:relative}.message-list-loading-overlay[data-v-8893ec00]{background:#171717b8;color:#a3a3a3;flex-direction:column;font-size:12px;inset:0;pointer-events:none;position:absolute;z-index:3}.chat-history-loading-top[data-v-8893ec00],.message-list-loading-overlay[data-v-8893ec00]{align-items:center;display:flex;gap:8px;justify-content:center}.chat-history-loading-top[data-v-8893ec00]{color:#8a8a8a;font-size:11px;padding:8px 4px 10px}.chat-history-no-more[data-v-8893ec00]{color:#5a5a5a;font-size:10px;padding:6px 4px 10px;text-align:center}.private-list-panel-wrap[data-v-8893ec00]{position:relative}.private-list-loading-mask[data-v-8893ec00]{align-items:center;background:#1717178c;color:#a3a3a3;display:flex;flex-direction:column;font-size:12px;gap:8px;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}.private-session-list-end[data-v-8893ec00],.private-session-load-more[data-v-8893ec00]{align-items:center;color:#7a7a7a;display:flex;font-size:11px;gap:8px;justify-content:center;padding:10px 8px 6px}.private-session-list-end[data-v-8893ec00]{color:#5a5a5a}.empty-messages[data-v-8893ec00]{align-items:center;color:#737373;display:flex;font-size:12px;height:100%;justify-content:center}.input-area[data-v-8893ec00]{align-items:flex-end;background:#2a2a2a;border-top:1px solid #3a3a3a;display:flex;gap:8px;padding:8px 10px}.message-input[data-v-8893ec00]{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:16px;box-sizing:border-box;color:#e8e8e8;flex:1;font-size:13px;height:56px;line-height:1.5;max-height:122px;min-height:56px;outline:none;padding:8px 12px;resize:none;transition:border-color .2s ease,height .15s ease}@media(max-width:768px){.message-input[data-v-8893ec00]{font-size:16px;overflow-y:hidden}}.message-input[data-v-8893ec00]:focus{border-color:#3370ff;box-shadow:0 0 0 2px #3370ff33}.send-btn[data-v-8893ec00]{background:#3370ff;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-bottom:2px;min-height:40px;padding:8px 18px;transition:all .2s ease}.send-btn[data-v-8893ec00]:hover:not(:disabled){background:#2860d9;transform:translateY(-1px)}.send-btn[data-v-8893ec00]:disabled{cursor:not-allowed;opacity:.5}.send-btn.has-text[data-v-8893ec00]{background:#3370ff}.emoji-btn[data-v-8893ec00]{align-items:center;background:transparent;border:none;color:#737373;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-bottom:2px;transition:all .2s ease;width:32px}.emoji-btn[data-v-8893ec00]:hover{color:#3370ff;transform:scale(1.1)}.emoji-btn svg[data-v-8893ec00]{height:20px;width:20px}.ws-connecting-replacement[data-v-8893ec00]{align-items:center;background:#2a2a2a;border-top:1px solid #3a3a3a;display:flex;gap:10px;justify-content:center;min-height:48px;padding:12px 16px}.ws-connecting-inline-spinner[data-v-8893ec00]{animation:ws-connecting-spin-8893ec00 .7s linear infinite;border:2px solid rgba(22,93,255,.35);border-radius:50%;border-top-color:#165dff;flex-shrink:0;height:16px;width:16px}.ws-connecting-text[data-v-8893ec00]{color:#6aa1ff;font-size:13px;font-weight:500}.network-error-replacement[data-v-8893ec00]{align-items:center;background:#2a2a2a;border-top:1px solid #3a3a3a;display:flex;gap:8px;justify-content:center;min-height:48px;padding:12px 16px}.network-error-icon[data-v-8893ec00]{font-size:16px}.network-error-text[data-v-8893ec00]{color:#f53f3f;font-size:13px;font-weight:500}.send-block-tip[data-v-8893ec00]{background:#f53f3f1a;border-top:1px solid rgba(245,63,63,.2);color:#f53f3f;font-size:11px;padding:4px 12px;text-align:center}.chat-system-error[data-v-8893ec00]{animation:fadeIn-8893ec00 .3s ease;display:flex;justify-content:center;margin:8px 0;padding:12px 16px}@keyframes fadeIn-8893ec00{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.chat-error-line[data-v-8893ec00]{align-items:center;background:#0000004d;border-radius:4px;display:flex;gap:6px;padding:8px 14px}.chat-error-icon[data-v-8893ec00]{align-items:center;background:#f53f3f;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:14px;justify-content:center;width:14px}.chat-error-text[data-v-8893ec00]{color:#a6a6a6;font-size:12px;line-height:1.4}.emoji-picker[data-v-8893ec00]{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:10px;bottom:52px;box-shadow:0 -4px 20px #0006;left:8px;overflow:hidden;position:absolute;right:8px;z-index:100}.emoji-picker-header[data-v-8893ec00]{align-items:center;background:#242424;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;padding:8px 10px}.emoji-picker-title[data-v-8893ec00]{color:#e8e8e8;font-size:12px;font-weight:500}.emoji-picker-close[data-v-8893ec00]{align-items:center;background:#ffffff1a;border:none;border-radius:5px;color:#a6a6a6;cursor:pointer;display:flex;font-size:11px;height:22px;justify-content:center;width:22px}.emoji-picker-close[data-v-8893ec00]:hover{background:#ffffff26;color:#e8e8e8}.emoji-categories[data-v-8893ec00]{background:#1a1a1a;border-bottom:1px solid #3a3a3a;display:flex;gap:3px;padding:6px 10px}.emoji-category-btn[data-v-8893ec00]{align-items:center;background:transparent;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.emoji-category-btn[data-v-8893ec00]:hover{background:#ffffff0d}.emoji-category-btn.active[data-v-8893ec00]{background:#3370ff33}.emoji-list[data-v-8893ec00]{display:grid;gap:3px;grid-template-columns:repeat(8,1fr);max-height:120px;overflow-y:auto;padding:8px}.emoji-item[data-v-8893ec00]{align-items:center;background:transparent;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.emoji-item[data-v-8893ec00]:hover{background:#ffffff1a;transform:scale(1.1)}.emoji-image-item[data-v-8893ec00]{padding:2px}.emoji-image-item img[data-v-8893ec00]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.category-icon[data-v-8893ec00]{border-radius:3px;height:20px;-o-object-fit:cover;object-fit:cover;width:20px}.emoji-empty[data-v-8893ec00],.emoji-empty-categories[data-v-8893ec00],.emoji-loading[data-v-8893ec00]{color:#737373;font-size:12px;padding:20px;text-align:center}.emoji-loading[data-v-8893ec00]{color:#3370ff}@media(max-width:768px){.emoji-list[data-v-8893ec00]{grid-template-columns:repeat(6,1fr);max-height:100px}.emoji-item[data-v-8893ec00]{font-size:16px;height:26px;width:26px}}.chat-popup-enter-active[data-v-8893ec00],.chat-popup-leave-active[data-v-8893ec00]{transition:all .3s ease}.chat-popup-enter-from[data-v-8893ec00],.chat-popup-leave-to[data-v-8893ec00]{opacity:0}.chat-popup-enter-from:not(.chat-mobile-sheet) .chat-popup-container[data-v-8893ec00],.chat-popup-leave-to:not(.chat-mobile-sheet) .chat-popup-container[data-v-8893ec00]{opacity:0;transform:scale(.9) translateY(20px)}.chat-popup-enter-active:not(.chat-mobile-sheet) .chat-popup-container[data-v-8893ec00],.chat-popup-leave-active:not(.chat-mobile-sheet) .chat-popup-container[data-v-8893ec00]{transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .32s ease}@keyframes chat-mobile-backdrop-in-8893ec00{0%{opacity:0}to{opacity:1}}@keyframes chat-mobile-backdrop-out-8893ec00{0%{opacity:1}to{opacity:0}}@keyframes chat-mobile-sheet-in-8893ec00{0%{transform:translate3d(0,108%,0)}to{transform:translateZ(0)}}@keyframes chat-mobile-sheet-out-8893ec00{0%{transform:translateZ(0)}to{transform:translate3d(0,108%,0)}}.chat-popup-teleport-root.chat-mobile-sheet.chat-popup-enter-active .chat-sheet-backdrop[data-v-8893ec00]{animation:chat-mobile-backdrop-in-8893ec00 .4s cubic-bezier(.22,1,.36,1) both}.chat-popup-teleport-root.chat-mobile-sheet.chat-popup-leave-active .chat-sheet-backdrop[data-v-8893ec00]{animation:chat-mobile-backdrop-out-8893ec00 .32s ease both}.chat-popup-teleport-root.chat-mobile-sheet.chat-popup-enter-active .chat-popup-wrapper[data-v-8893ec00]{animation:chat-mobile-sheet-in-8893ec00 .48s cubic-bezier(.22,1,.36,1) both}.chat-popup-teleport-root.chat-mobile-sheet.chat-popup-leave-active .chat-popup-wrapper[data-v-8893ec00]{animation:chat-mobile-sheet-out-8893ec00 .4s cubic-bezier(.32,.72,0,1) both}.chat-popup-wrapper.is-expanded .has-left-panel[data-v-8893ec00]{flex-direction:row}.chat-popup-wrapper.is-expanded .has-left-panel .chat-list-panel[data-v-8893ec00]{border-right:1px solid #3a3a3a;display:flex!important;flex-direction:column;flex-shrink:0;max-width:220px;min-width:180px;width:25%}.chat-popup-wrapper.is-expanded .has-left-panel .chat-view-panel[data-v-8893ec00]{display:flex!important;flex:1;flex-direction:column;min-width:0}@media(max-width:768px){.chat-popup-teleport-root.chat-mobile-sheet .chat-popup-wrapper[data-v-8893ec00]{border-radius:0;box-sizing:border-box;height:min(74dvh,680px);inset:auto 0 0;margin-left:0;margin-right:0;max-height:calc(100dvh - env(safe-area-inset-top,0px));max-width:none;pointer-events:auto;position:relative;transition:none;width:100%;z-index:1}.chat-popup-teleport-root.chat-mobile-sheet .chat-popup-wrapper.is-expanded[data-v-8893ec00]{border-radius:0;height:100dvh;height:100svh;inset:auto 0 0;max-height:none;transform:none;width:100%}.chat-popup-teleport-root.chat-mobile-sheet .chat-popup-container[data-v-8893ec00]{border-bottom:none;border-left:none;border-radius:16px 16px 0 0;border-right:none}.chat-popup-teleport-root.chat-mobile-sheet .chat-popup-wrapper.is-expanded .chat-popup-container[data-v-8893ec00]{border-radius:0;height:100%}.chat-tabs[data-v-8893ec00]{background:#0a0a0a;gap:2px;padding:4px 6px}.tab-btn[data-v-8893ec00]{font-size:12px;min-height:40px;padding:8px 4px}.tab-setting-btn[data-v-8893ec00]{height:22px;width:22px}.message-list[data-v-8893ec00]{background:#1f1f1f}.input-area[data-v-8893ec00]{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.chat-popup-wrapper.is-expanded .chat-list-panel[data-v-8893ec00]{width:100%}.chat-popup-wrapper.is-expanded .chat-list-panel.hidden[data-v-8893ec00]{display:none!important}.chat-popup-wrapper.is-expanded .chat-view-panel[data-v-8893ec00]{display:none}.chat-popup-wrapper.is-expanded .chat-view-panel.active[data-v-8893ec00]{display:flex!important}}@media(max-width:480px){.chat-popup-teleport-root.chat-mobile-sheet .chat-popup-wrapper[data-v-8893ec00]{height:min(72dvh,640px)}.chat-popup-header[data-v-8893ec00]{padding:10px 12px}.header-btn[data-v-8893ec00]{height:32px;width:32px}.header-btn svg[data-v-8893ec00]{height:18px;width:18px}.header-title[data-v-8893ec00]{font-size:15px}.friend-avatar[data-v-8893ec00]{border-radius:50%;height:28px;width:28px}.avatar-text[data-v-8893ec00]{font-size:12px}.message-list[data-v-8893ec00]{padding:6px 8px}.input-area[data-v-8893ec00]{padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}}
