.friends-btn{position:absolute;top:15px;left:15px;display:flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.3)}.friends-btn svg{width:18px;height:18px;color:currentColor}.friends-btn svg path{stroke:currentColor}.friends-btn:hover{background:rgba(0,0,0,.7);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.4)}.friends-btn:active{transform:translateY(0)}.search-btn{position:absolute;top:15px;right:15px;display:flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.3)}.search-btn svg{width:18px;height:18px;color:currentColor}.search-btn:hover{background:rgba(0,0,0,.7);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.4)}.search-btn:active{transform:translateY(0)}.friends-modal{position:fixed;z-index:101;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(10px)saturate(180%);-webkit-backdrop-filter:blur(10px)saturate(180%);display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.friends-container{width:100%;max-width:576px;max-height:80vh;background-color:var(--main-background,#ffffff);padding:30px;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);border:1px solid var(--line,#f3f4f6);animation:slideUp .3s ease;display:flex;flex-direction:column}@keyframes slideUp{from{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.friends-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #07c160;flex-shrink:0}.friends-modal-title{font-size:20px;font-weight:600;color:var(--text-color,#333333);display:flex;align-items:center;gap:8px}.friends-modal-title svg{color:#07c160}.friends-modal-close{background:0 0;border:none;font-size:28px;color:var(--text-sub-color,#555555);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;line-height:1}.friends-modal-close:hover{background:var(--primary-background,#F7F7F7);color:var(--text-color,#333333);transform:rotate(90deg)}.friends-section{flex:1;overflow-y:auto;max-height:calc(80vh - 100px)}.friends-section::-webkit-scrollbar{width:6px}.friends-section::-webkit-scrollbar-track{background:0 0}.friends-section::-webkit-scrollbar-thumb{background:var(--primary-background-hover,#DEDEDE);border-radius:3px}.friends-section::-webkit-scrollbar-thumb:hover{background:var(--text-sub-color,#555555)}#qexo-friends .qexo-friends{display:flex;flex-direction:column;gap:12px}#qexo-friends .qexo-friend{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;background-color:var(--primary-background,#F7F7F7);border:1px solid var(--line,#f3f4f6);transition:all .2s ease;text-decoration:none;color:inherit}#qexo-friends .qexo-friend:hover{background-color:var(--primary-background-hover,#DEDEDE);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}#qexo-friends .qexo-friend-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:var(--main-background,#ffffff);border:2px solid var(--line,#f3f4f6)}#qexo-friends .qexo-friend-avatar img{width:100%;height:100%;object-fit:cover}#qexo-friends .qexo-friend-info{flex:1;min-width:0}#qexo-friends .qexo-friend-name{font-size:15px;font-weight:600;color:var(--text-color,#333333);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#qexo-friends .qexo-friend-desc{font-size:13px;color:var(--text-sub-color,#555555);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-loading{padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.friends-loading .friends-spinner{animation:spin 1s linear infinite;color:#07c160}.friends-loading p{color:var(--text-sub-color,#555555);font-size:14px;margin:0}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.friends-error{padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.friends-error svg{color:#dc3545}.friends-error p{color:var(--text-sub-color,#555555);font-size:14px;margin:0}.friends-empty{padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.friends-empty svg{color:var(--text-sub-color,#555555)}.friends-empty p{color:var(--text-sub-color,#555555);font-size:14px;margin:0}.search-modal{position:fixed;z-index:102;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(10px)saturate(180%);-webkit-backdrop-filter:blur(10px)saturate(180%);display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .3s ease}.search-container-modal{width:100%;max-width:700px;max-height:80vh;background-color:var(--main-background,#ffffff);padding:30px;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);border:1px solid var(--line,#f3f4f6);animation:slideUp .3s ease;display:flex;flex-direction:column}.search-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #2980b9;flex-shrink:0}.search-modal-title{font-size:20px;font-weight:600;color:var(--text-color,#333333);display:flex;align-items:center;gap:8px}.search-modal-title svg{color:#2980b9}.search-modal-close{background:0 0;border:none;font-size:28px;color:var(--text-sub-color,#555555);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;line-height:1}.search-modal-close:hover{background:var(--primary-background,#F7F7F7);color:var(--text-color,#333333);transform:rotate(90deg)}.search-modal-body{flex:1;overflow-y:auto;max-height:calc(80vh - 100px)}.search-modal-body .search-loading-state,.search-modal-body .search-error-state{padding:40px 20px;text-align:center;color:var(--text-sub-color,#555555)}.search-modal-body .search-loading-state p,.search-modal-body .search-error-state p{margin:0;font-size:14px}.search-modal-body .search-error-state p:first-child{font-size:16px;font-weight:600;color:#dc3545;margin-bottom:10px}.search-modal-body .search-error-state code{font-family:courier new,monospace;background:#e0e0e0;padding:2px 6px;border-radius:3px;font-size:12px}.search-modal-body::-webkit-scrollbar{width:6px}.search-modal-body::-webkit-scrollbar-track{background:0 0}.search-modal-body::-webkit-scrollbar-thumb{background:var(--primary-background-hover,#DEDEDE);border-radius:3px}.search-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-sub-color,#555555)}.search-modal-body .pagefind-ui{--pagefind-ui-scale:1;--pagefind-ui-primary:#2980b9;--pagefind-ui-text:var(--text-color, #333333);--pagefind-ui-background:var(--main-background, #ffffff);--pagefind-ui-border:var(--line, rgba(243, 244, 246, 1));--pagefind-ui-tag:var(--primary-background, #F7F7F7);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:8px;--pagefind-ui-image-border-radius:8px;--pagefind-ui-image-box-ratio:3 / 2;--pagefind-ui-font:inherit}.search-modal-body .pagefind-ui__search-input{padding:12px 16px;font-size:16px;border:2px solid var(--line,#f3f4f6);border-radius:8px;background:var(--primary-background,#F7F7F7);color:var(--text-color,#333333)}.search-modal-body .pagefind-ui__search-input:focus{outline:none;border-color:#2980b9}.search-modal-body .pagefind-ui__search-clear{padding:8px 16px;background:var(--primary-background,#F7F7F7);border:1px solid var(--line,#f3f4f6);border-radius:6px;color:var(--text-sub-color,#555555);cursor:pointer;transition:all .2s ease}.search-modal-body .pagefind-ui__search-clear:hover{background:var(--primary-background-hover,#DEDEDE)}.search-modal-body .pagefind-ui__result{padding:16px;margin-bottom:12px;background:var(--primary-background,#F7F7F7);border:1px solid var(--line,#f3f4f6);border-radius:12px;transition:all .2s ease}.search-modal-body .pagefind-ui__result:hover{background:var(--primary-background-hover,#DEDEDE);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.search-modal-body .pagefind-ui__result-title{font-size:16px;font-weight:600;color:var(--text-color,#333333);margin-bottom:8px}.search-modal-body .pagefind-ui__result-excerpt{font-size:14px;color:var(--text-sub-color,#555555);line-height:1.6}.search-modal-body .pagefind-ui__button{padding:10px 20px;background:#2980b9;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.search-modal-body .pagefind-ui__button:hover{background:#1f6fa3}[data-theme=dark] .friends-btn{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}[data-theme=dark] .friends-btn:hover{background:rgba(255,255,255,.25)}[data-theme=dark] .search-btn{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}[data-theme=dark] .search-btn:hover{background:rgba(255,255,255,.25)}[data-theme=dark] .search-container-modal{box-shadow:0 20px 60px rgba(0,0,0,.6);background-color:#2d2d2d!important;border-color:#4a4a4a!important}[data-theme=dark] .search-modal-header{border-bottom-color:#2980b9}[data-theme=dark] .search-modal-title{color:#e0e0e0!important}[data-theme=dark] .search-modal-title svg{color:#2980b9!important}[data-theme=dark] .search-modal-close{color:#909090!important}[data-theme=dark] .search-modal-close:hover{background:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .search-modal-body::-webkit-scrollbar-thumb{background:#4a4a4a}[data-theme=dark] .search-modal-body::-webkit-scrollbar-thumb:hover{background:#909090}[data-theme=dark] .search-modal-body .pagefind-ui{--pagefind-ui-text:#e0e0e0;--pagefind-ui-background:#2d2d2d;--pagefind-ui-border:#4a4a4a;--pagefind-ui-tag:#3a3a3a}[data-theme=dark] .search-modal-body .pagefind-ui__search-input{background:#3a3a3a!important;border-color:#4a4a4a!important;color:#e0e0e0!important}[data-theme=dark] .search-modal-body .pagefind-ui__search-input:focus{border-color:#2980b9!important}[data-theme=dark] .search-modal-body .pagefind-ui__search-clear{background:#3a3a3a!important;border-color:#4a4a4a!important;color:#ccc!important}[data-theme=dark] .search-modal-body .pagefind-ui__search-clear:hover{background:#4a4a4a!important}[data-theme=dark] .search-modal-body .pagefind-ui__result{background:#3a3a3a!important;border-color:#4a4a4a!important}[data-theme=dark] .search-modal-body .pagefind-ui__result:hover{background:#4a4a4a!important}[data-theme=dark] .search-modal-body .pagefind-ui__result-title{color:#e0e0e0!important}[data-theme=dark] .search-modal-body .pagefind-ui__result-excerpt{color:#ccc!important}[data-theme=dark] .friends-container{box-shadow:0 20px 60px rgba(0,0,0,.6);background-color:#2d2d2d!important;border-color:#4a4a4a!important}[data-theme=dark] .friends-modal-header{border-bottom-color:#07c160}[data-theme=dark] .friends-modal-title{color:#e0e0e0!important}[data-theme=dark] .friends-modal-title svg{color:#07c160!important}[data-theme=dark] .friends-modal-close{color:#909090!important}[data-theme=dark] .friends-modal-close:hover{background:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .friends-section::-webkit-scrollbar-thumb{background:#4a4a4a}[data-theme=dark] .friends-section::-webkit-scrollbar-thumb:hover{background:#909090}[data-theme=dark] #qexo-friends .qexo-friends{background:0 0!important}[data-theme=dark] #qexo-friends .qexo-friend,[data-theme=dark] #qexo-friends a.qexo-friend,[data-theme=dark] #qexo-friends div.qexo-friend{background-color:#3a3a3a!important;border:1px solid #4a4a4a!important;color:#fff!important}[data-theme=dark] #qexo-friends .qexo-friend:hover,[data-theme=dark] #qexo-friends a.qexo-friend:hover,[data-theme=dark] #qexo-friends div.qexo-friend:hover{background-color:#4a4a4a!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important}[data-theme=dark] #qexo-friends .qexo-friend *,[data-theme=dark] #qexo-friends a.qexo-friend *,[data-theme=dark] #qexo-friends div.qexo-friend *{color:#fff!important}[data-theme=dark] #qexo-friends .qexo-friend-avatar{background-color:#2d2d2d!important;border:2px solid #4a4a4a!important}[data-theme=dark] #qexo-friends .qexo-friend-info{background:0 0!important}[data-theme=dark] #qexo-friends .qexo-friend-info *{color:#fff!important}[data-theme=dark] #qexo-friends .qexo-friend-name{color:#fff!important}[data-theme=dark] #qexo-friends .qexo-friend-name span,[data-theme=dark] #qexo-friends .qexo-friend-name div,[data-theme=dark] #qexo-friends .qexo-friend-name p,[data-theme=dark] #qexo-friends .qexo-friend-name a{color:#fff!important}[data-theme=dark] #qexo-friends .qexo-friend-desc{color:#ccc!important}[data-theme=dark] #qexo-friends .qexo-friend-desc span,[data-theme=dark] #qexo-friends .qexo-friend-desc div,[data-theme=dark] #qexo-friends .qexo-friend-desc p,[data-theme=dark] #qexo-friends .qexo-friend-desc a{color:#ccc!important}[data-theme=dark] #qexo-friends span,[data-theme=dark] #qexo-friends div,[data-theme=dark] #qexo-friends p,[data-theme=dark] #qexo-friends a,[data-theme=dark] #qexo-friends h1,[data-theme=dark] #qexo-friends h2,[data-theme=dark] #qexo-friends h3,[data-theme=dark] #qexo-friends h4,[data-theme=dark] #qexo-friends h5,[data-theme=dark] #qexo-friends h6{color:#fff!important}[data-theme=dark] .qexo-friends-container{background:0 0!important}[data-theme=dark] .qexo-friends-container *{color:#fff!important}[data-theme=dark] .qexo-friends-list{background:0 0!important}[data-theme=dark] .qexo-friends-list *{color:#fff!important}[data-theme=dark] .qexo-friends-item,[data-theme=dark] a.qexo-friends-item,[data-theme=dark] div.qexo-friends-item{background-color:#3a3a3a!important;border:1px solid #4a4a4a!important;color:#fff!important}[data-theme=dark] .qexo-friends-item:hover,[data-theme=dark] a.qexo-friends-item:hover,[data-theme=dark] div.qexo-friends-item:hover{background-color:#4a4a4a!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important}[data-theme=dark] .qexo-friends-item *,[data-theme=dark] a.qexo-friends-item *,[data-theme=dark] div.qexo-friends-item *{color:#fff!important}[data-theme=dark] #qexo-friends [style]{background-color:#3a3a3a!important;color:#fff!important}[data-theme=dark] .friends-section *{color:#fff!important}@media(max-width:768px){.friends-btn{top:10px;left:10px;padding:6px 10px;font-size:12px}.friends-btn svg{width:16px;height:16px}.friends-btn span{display:none}.friends-container{padding:20px;border-radius:12px;max-width:100%;margin:10px}.friends-modal-title{font-size:18px}.friends-section{max-height:70vh}.search-btn{top:10px;right:10px;padding:6px 10px;font-size:12px}.search-btn svg{width:16px;height:16px}.search-btn span{display:none}.search-container-modal{padding:20px;border-radius:12px;max-width:100%;margin:10px}.search-modal-title{font-size:18px}.search-modal-body{max-height:70vh}.search-modal-body .pagefind-ui__result{padding:12px}.search-modal-body .pagefind-ui__result-title{font-size:14px}.search-modal-body .pagefind-ui__result-excerpt{font-size:12px}#qexo-friends .qexo-friend{padding:12px;gap:12px}#qexo-friends .qexo-friend-avatar{width:40px;height:40px}#qexo-friends .qexo-friend-name{font-size:14px}#qexo-friends .qexo-friend-desc{font-size:12px}}.friends-cache-notice{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;margin-top:16px;background-color:var(--primary-background,#F7F7F7);border-radius:8px;border:1px solid var(--line,#f3f4f6);font-size:12px;color:var(--text-sub-color,#555555);flex-shrink:0}.friends-cache-notice .cache-icon{font-size:14px}.friends-cache-notice .cache-text{flex:1;text-align:center}.friends-cache-notice .cache-refresh-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:0 0;border:1px solid var(--line,#f3f4f6);border-radius:4px;font-size:11px;color:var(--text-sub-color,#555555);cursor:pointer;transition:all .2s ease}.friends-cache-notice .cache-refresh-btn svg{width:12px;height:12px}.friends-cache-notice .cache-refresh-btn:hover{background-color:var(--primary-background-hover,#DEDEDE);border-color:var(--text-sub-color,#555555);color:var(--text-color,#333333)}.friends-cache-notice .cache-refresh-btn:active{transform:scale(.95)}[data-theme=dark] .friends-cache-notice{background-color:#3a3a3a!important;border-color:#4a4a4a!important;color:#ccc!important}[data-theme=dark] .friends-cache-notice .cache-refresh-btn{border-color:#4a4a4a!important;color:#ccc!important}[data-theme=dark] .friends-cache-notice .cache-refresh-btn:hover{background-color:#4a4a4a!important;border-color:#909090!important;color:#fff!important}.qexo-friends-container{background:0 0!important;padding:0!important}.qexo-friends-list{display:flex;flex-direction:column;gap:12px}.qexo-friends-item{background-color:var(--primary-background,#F7F7F7)!important;border:1px solid var(--line,#f3f4f6)!important;border-radius:12px!important;padding:16px!important;transition:all .2s ease!important}.qexo-friends-item:hover{background-color:var(--primary-background-hover,#DEDEDE)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}