涓囦汉缃?/title>  <link rel="icon" type="image/svg+xml" href="favicon.svg"> <link rel="apple-touch-icon" sizes="180x180" href="favicon.svg">  <link rel="dns-prefetch" href="//res.wx.qq.com"> <link rel="preconnect" href="https://res.wx.qq.com" crossorigin>  <link rel="preload" href="css/main.css?v=20260625223421" as="style"> <link rel="preload" href="js/app-core.js?v=20260625223421" as="script"> <link rel="preload" href="js/runtime/ui-runtime.js?v=20260625223421" as="script"> <link rel="preload" href="js/runtime/storage-runtime.js?v=20260625223421" as="script"> <link rel="preload" href="js/app-inline.js?v=20260625223421" as="script">  <link rel="stylesheet" href="css/main.css?v=20260625223421">  <style> /* 瀹夊叏鍖哄煙閫傞厤 */ body { padding: 0; } /* 闃叉鏂囧瓧閫夋嫨闂儊锛堜粎鎸夐挳绫诲厓绱狅級 */ button, a, [role="button"], .nav-action-mobile, .dropdown-item, .send-btn { -webkit-tap-highlight-color: transparent; touch-action: manipulation; } /* 浼樺寲瀛椾綋娓叉煋 */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* 鍏抽敭鍒濆鏍峰紡 - 榛樿閮介殣钘忥紝鐢盝S鍐冲畾鏄剧ず鍝釜 */ #loginPage { display: none; } #appContainer { display: none; } .sidebar { display: none; } @media (max-width: 768px) { .nav-actions { display: none !important; } .nav-actions-mobile { display: flex !important; } .desktop-chat-header { display: none !important; } .mobile-chat-header { display: none !important; } } </style> <script> // 绔嬪嵆妫€娴嬬櫥褰曠姸鎬侊紝鏈櫥褰曟椂鍙樉绀虹櫥褰曢〉 try { var u = localStorage.getItem('currentUser'); var parsedUser = u ? JSON.parse(u) : null; var sessionAge = parsedUser && parsedUser._loginTime ? Date.now() - parsedUser._loginTime : 0; var sessionValid = parsedUser && parsedUser.userId && (!parsedUser._loginTime || sessionAge < 7 * 24 * 60 * 60 * 1000); if (sessionValid) { document.write('<style>#appContainer{display:flex!important}#loginPage{display:none!important}</style>'); } else { document.write('<style>#loginPage{display:flex!important}#appContainer{display:none!important}</style>'); } } catch(e) { document.write('<style>#loginPage{display:flex!important}</style>'); } </script> <style> /* 鍒濆鍔犺浇鐘舵€?*/ .app-loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(145deg, #F6FAFF 0%, #F9F5FF 48%, #FFE9E5 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 99999; transition: opacity 0.3s ease; } .app-loading.hidden { opacity: 0; pointer-events: none; } .app-loading-spinner { width: 40px; height: 40px; border: 3px solid rgba(0,122,255,0.12); border-top-color: #007aff; border-radius: 50%; animation: spin 0.8s linear infinite; } .app-loading-text { color: #667085; margin-top: 15px; font-size: 14px; } @keyframes spin { to { transform: rotate(360deg); } } /* 缃戠粶鐘舵€佹寚绀哄櫒 */ .network-status { position: fixed; top: 0; left: 0; right: 0; background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%); color: white; padding: 10px 20px; display: flex; align-items: center; justify-content: center; gap: 10px; z-index: 100000; font-size: 14px; box-shadow: 0 2px 10px rgba(0,0,0,0.2); animation: slideDown 0.3s ease; } .network-status.online { background: linear-gradient(135deg, #52c41a 0%, #389e0d 100%); } .network-icon { font-size: 16px; animation: pulse 1.5s infinite; } @keyframes slideDown { from { transform: translateY(-100%); } to { transform: translateY(0); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } /* 涓嬫媺鍒锋柊鎸囩ず鍣?*/ .pull-refresh-indicator { position: absolute; top: -50px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.2s, transform 0.2s; z-index: 100; } .pull-refresh-indicator.visible { opacity: 1; transform: translateX(-50%) translateY(60px); } .pull-refresh-indicator.refreshing .refresh-spinner { animation: spin 0.8s linear infinite; } .refresh-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: #2aa992; border-radius: 50%; } .refresh-arrow { font-size: 20px; color: #2aa992; transition: transform 0.2s; } .pull-refresh-indicator.ready .refresh-arrow { transform: rotate(180deg); } /* 鍏ㄥ眬 Loading 閬僵 */ .global-loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 99998; opacity: 0; pointer-events: none; transition: opacity 0.2s ease; } .global-loading.visible { opacity: 1; pointer-events: auto; } .global-loading[hidden] { display: none !important; } .global-loading-content { background: white; padding: 30px 50px; border-radius: 12px; text-align: center; box-shadow: 0 10px 40px rgba(0,0,0,0.3); } .global-loading-spinner { width: 40px; height: 40px; border: 3px solid #f0f0f0; border-top-color: #2aa992; border-radius: 50%; animation: spin 0.8s linear infinite; margin: 0 auto 15px auto; } .global-loading-text { color: #333; font-size: 14px; } </style> </head> <body>  <noscript> <div class="noscript-warning" style="text-align:center;padding:40px 20px;font-size:16px;color:#666;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;"> <h2 style="color:#333;margin-bottom:15px;">璇峰惎鐢?JavaScript</h2> <p>涓囦汉缃戦渶瑕佸惎鐢?JavaScript 鎵嶈兘姝ｅ父浣跨敤銆?/p> <p style="margin-top:10px;">璇峰湪娴忚鍣ㄨ缃腑鍚敤 JavaScript 鍚庡埛鏂伴〉闈€?/p> </div> </noscript>  <div id="networkStatus" class="network-status" style="display: none;"> <span class="network-icon">馃摗</span> <span class="network-text">缃戠粶杩炴帴宸叉柇寮€锛屾鍦ㄥ皾璇曢噸鏂拌繛鎺?..</span> </div>  <div id="globalLoading" class="global-loading" hidden aria-hidden="true"> <div class="global-loading-content"> <div class="global-loading-spinner"></div> <div class="global-loading-text" id="globalLoadingText">澶勭悊涓?..</div> </div> </div>  <div id="appLoading" class="app-loading"> <div class="app-loading-spinner"></div> <div class="app-loading-text">姝ｅ湪鍔犺浇...</div> </div>  <div id="loginPage" class="login-page"> <div class="login-page-content"> <section class="login-card" aria-label="登录"> <div class="login-brand-row"> <div class="login-logo"> <img src="images/wanren-logo.svg" alt="万人网Logo" width="64" height="64"> </div> <div class="login-kicker">LOCAL COMMUNITY NETWORK</div> <div class="login-title">万人网</div> </div> <div class="login-subtitle">进入本地信息圈，查看群聊动态、发布内容并管理个人功能。</div> <div class="login-actions"> <button class="wx-login-btn" onclick="wxLogin()"> <span class="login-btn-icon" aria-hidden="true">↗</span> <span>登录进入群聊</span> </button> <button class="quick-login test-login-btn" onclick="quickLogin()">一键登录</button> </div> <div class="login-footnote">安全登录后展示群聊内容与个人功能</div> </section> </div> <div class="login-transition-brand" id="loginTransitionBrand">万人网</div> </div>  <div id="appContainer" class="app-container">   <button class="sidebar-toggle-btn" id="toggleSidebarBtn"> 鈽? </button>  <button class="mobile-menu-btn" id="mobileMenuBtn" style="display: none;"> 鈽? </button>  <div class="mobile-overlay" id="mobileOverlay"></div>  <div class="sidebar" id="sidebar"> <div class="sidebar-header"> <h3>涓囦汉缃?/h3> <div class="user-info"> <div class="user-avatar" id="userAvatar" onclick="editProfile()" style="cursor: pointer;" title="鐐瑰嚮缂栬緫璧勬枡">鎴?/div> <div class="user-details"> <div class="user-name" id="userName">鐢ㄦ埛</div> <div class="user-id" id="userId">ID: --</div> </div> </div> </div>  <div class="sidebar-search sidebar-search-history"> <button class="history-search-btn" onclick="openMessageSearch()"> <span class="history-search-icon">鈱?/span> <span class="history-search-copy"> <strong>鎼滅储鑱婂ぉ璁板綍</strong> <small>鏌ユ壘褰撳墠缇ゆ渶杩戞秷鎭?/small> </span> </button> </div> <div class="group-list" id="groupList">  </div>  <div class="user-stats-panel"> <div class="user-stats-grid"> <div class="user-stat-card post-quota-ui" data-post-quota-ui="true" onclick="showUserCenter()" style="display: none;"> <div class="stat-icon stat-icon-posts">馃摑</div> <div class="stat-content"> <span class="stat-value" id="remainingCount">50</span> <span class="stat-label">鍓╀綑娆℃暟</span> </div> </div> <div class="user-stat-card buy-posts-ui" data-post-quota-ui="true" onclick="buyPosts()" style="display: none; cursor: pointer;"> <div class="stat-content" style="display: flex; align-items: center; justify-content: center; height: 100%;"> <span style="font-size: 13px; font-weight: 600; color: #2aa992;">璐拱娆℃暟</span> </div> </div> </div> <div class="invite-friends-btn" onclick="showInviteCode()" style="margin-top: 10px; padding: 12px; background: linear-gradient(135deg, #ff6b35, #ff8c42); border-radius: 12px; cursor: pointer; text-align: center; color: white; font-size: 14px; font-weight: 600; box-shadow: 0 4px 12px rgba(255,107,53,0.3); transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; gap: 6px;"> <span>馃巵</span> <span>閭€璇峰ソ鍙?/span> </div> </div> </div>  <div class="main-content">  <div class="top-nav">  <div style="display: flex; align-items: center; gap: 10px;" class="nav-desktop"> <div class="nav-title" id="currentGroup">鍔犺浇涓?..</div> </div>  <div class="nav-actions-mobile">  <div class="nav-mobile-left"></div>  <div class="nav-mobile-center"> <div class="nav-action-mobile nav-dropdown mobile-group-picker" id="moreGroupsBtn" onclick="event.preventDefault(); event.stopPropagation(); toggleDropdown('groupDropdownMobile', event)"> <span class="nav-icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="2"/><rect x="14" y="3" width="7" height="7" rx="2"/><rect x="3" y="14" width="7" height="7" rx="2"/><rect x="14" y="14" width="7" height="7" rx="2"/></svg></span> <span class="mobile-group-picker-label" id="mobileGroupPickerLabel">閫夋嫨缇?/span> </div> </div>  <div class="nav-mobile-right">  <div id="myButtonMobile" class="nav-action-mobile nav-dropdown" onclick="event.preventDefault(); event.stopPropagation(); toggleDropdown('userDropdownMobile', event)"> <span class="nav-icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="4"/><path d="M5 21a7 7 0 0 1 14 0"/></svg></span> <span>鎴戠殑</span> </div>  <div onclick="event.stopPropagation(); showGroupMembers()" class="mobile-group-avatar"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="7" r="4"/><path d="M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2"/><circle cx="17" cy="7" r="3"/><path d="M21 21v-2a4 4 0 0 0-3-3.87"/></svg> </div> </div> </div>  <div class="nav-actions"> <div class="nav-action nav-dropdown" onclick="toggleDropdown('groupDropdown', event)"> <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="2"/><rect x="14" y="3" width="7" height="7" rx="2"/><rect x="3" y="14" width="7" height="7" rx="2"/><rect x="14" y="14" width="7" height="7" rx="2"/></svg></span> 閫夋嫨缇? <div class="dropdown-menu" id="groupDropdown"> <div class="dropdown-item" onclick="switchGroup('涓囦汉鎬荤兢')"> <span>馃彚</span> 涓囦汉鎬荤兢 </div> <div class="dropdown-item" onclick="switchGroup('鏈湴浜ゆ祦')"> <span>馃彔</span> 鏈湴浜ゆ祦 </div> <div class="dropdown-item" onclick="switchGroup('渚涢渶淇℃伅')"> <span>馃搶</span> 渚涢渶淇℃伅 </div> <div class="dropdown-item" onclick="switchGroup('浜屾墜浜ゆ槗')"> <span>馃泹锔?/span> 浜屾墜浜ゆ槗 </div> </div> </div> <div class="nav-action" onclick="showMemberCenter()"> <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M2 4l3 12h14l3-12-5 4-5-6-5 6z"/><path d="M5 16v4h14v-4"/></svg></span> 浼氬憳涓績 </div> <div class="nav-action nav-dropdown" onclick="toggleDropdown('userDropdown', event)"> <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="4"/><path d="M5 21a7 7 0 0 1 14 0"/></svg></span> 涓汉涓績 <div class="dropdown-menu" id="userDropdown"> <div class="dropdown-item" onclick="showPrivateMessageDialog()" id="privateMsgMenuItem" style="position: relative;"> <span>馃挰</span> 绉佷俊 <span class="private-msg-notification-menu" id="privateMsgNotification" style="display: none;">0</span> </div> <div class="dropdown-item" onclick="showMemberCenter()"> <span>馃憫</span> 浼氬憳涓績 </div> <div class="dropdown-item" onclick="editProfile()"> <span>鉁忥笍</span> 缂栬緫璧勬枡 </div> <div class="dropdown-item" onclick="showMySentMessages()"> <span>馃摛</span> 鍙戝竷绠＄悊 </div> <div class="dropdown-item" onclick="showMyFavoriteMessages(); event.stopPropagation();"> <span>⭐</span> 我的收藏 </div> <div class="dropdown-item" onclick="showInviteCode()" style="color: #ff6b35; font-weight: 600;"> <span>馃巵</span> 閭€璇锋湁濂? </div> <div class="dropdown-item" onclick="toggleChatViewStyle(event);" style="font-weight: 600;"> <span>馃帹</span> <span id="chatStyleMenuLabel">鍒囨崲鐣岄潰椋庢牸锛氱粡鍏搁鏍?/span> </div> <div class="dropdown-item" id="manageInfoItem" style="display: none;" onclick="showManageInfo(); event.stopPropagation();"> <span>馃洝锔?/span> 绠＄悊鎺у埗鍙? </div> </div> </div> </div>  <div class="dropdown-menu dropdown-menu-mobile" id="groupDropdownMobile"> <div class="dropdown-item" onclick="switchGroup('涓囦汉鎬荤兢'); event.stopPropagation();"> <span>馃彚</span> 涓囦汉鎬荤兢 </div> <div class="dropdown-item" onclick="switchGroup('鏈湴浜ゆ祦'); event.stopPropagation();"> <span>馃彔</span> 鏈湴浜ゆ祦 </div> <div class="dropdown-item" onclick="switchGroup('渚涢渶淇℃伅'); event.stopPropagation();"> <span>馃搶</span> 渚涢渶淇℃伅 </div> <div class="dropdown-item" onclick="switchGroup('浜屾墜浜ゆ槗'); event.stopPropagation();"> <span>馃泹锔?/span> 浜屾墜浜ゆ槗 </div> </div> <div class="dropdown-menu dropdown-menu-mobile" id="userDropdownMobile"> <div onclick="showPrivateMessageDialog(); event.stopPropagation();" id="privateMsgMenuItemMobile" style="position:relative;display:flex;align-items:center;gap:12px;padding:11px 14px;margin:2px 4px;border-radius:14px;cursor:pointer;transition:all 0.15s;" onpointerdown="this.style.background='rgba(42,169,146,0.08)';this.style.transform='scale(0.97)'" onpointerup="this.style.background='';this.style.transform=''" onpointerleave="this.style.background='';this.style.transform=''"> <div style="width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;">馃挰</div> <div style="flex:1;min-width:0;"> <div style="font-size:14px;font-weight:600;color:#0f172a;">绉佷俊</div> <div style="font-size:11px;color:#94a3b8;margin-top:1px;">鏌ョ湅绉佷俊娑堟伅</div> </div> <span class="private-msg-notification-menu" id="privateMsgNotificationMobile" style="display:none;position:absolute;top:8px;right:12px;background:#ef4444;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:700;">0</span> </div> <div onclick="showMemberCenter(); event.stopPropagation();" style="display:flex;align-items:center;gap:12px;padding:11px 14px;margin:2px 4px;border-radius:14px;cursor:pointer;transition:all 0.15s;" onpointerdown="this.style.background='rgba(42,169,146,0.08)';this.style.transform='scale(0.97)'" onpointerup="this.style.background='';this.style.transform=''" onpointerleave="this.style.background='';this.style.transform=''"> <div style="width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;">馃憫</div> <div style="flex:1;min-width:0;"> <div style="font-size:14px;font-weight:600;color:#0f172a;">浼氬憳涓績</div> <div style="font-size:11px;color:#94a3b8;margin-top:1px;">浼氬憳鏉冪泭涓庢湇鍔?/div> </div> </div> <div onclick="editProfile(); event.stopPropagation();" style="display:flex;align-items:center;gap:12px;padding:11px 14px;margin:2px 4px;border-radius:14px;cursor:pointer;transition:all 0.15s;" onpointerdown="this.style.background='rgba(42,169,146,0.08)';this.style.transform='scale(0.97)'" onpointerup="this.style.background='';this.style.transform=''" onpointerleave="this.style.background='';this.style.transform=''"> <div style="width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#fce7f3,#fbcfe8);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;">鉁忥笍</div> <div style="flex:1;min-width:0;"> <div style="font-size:14px;font-weight:600;color:#0f172a;">缂栬緫璧勬枡</div> <div style="font-size:11px;color:#94a3b8;margin-top:1px;">淇敼澶村儚涓庢樀绉?/div> </div> </div> <div style="height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:6px 16px;"></div> <div onclick="showMySentMessages(); event.stopPropagation();" style="display:flex;align-items:center;gap:12px;padding:11px 14px;margin:2px 4px;border-radius:14px;cursor:pointer;transition:all 0.15s;" onpointerdown="this.style.background='rgba(42,169,146,0.08)';this.style.transform='scale(0.97)'" onpointerup="this.style.background='';this.style.transform=''" onpointerleave="this.style.background='';this.style.transform=''"> <div style="width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;">馃摛</div> <div style="flex:1;min-width:0;"> <div style="font-size:14px;font-weight:600;color:#0f172a;">鍙戝竷绠＄悊</div> <div style="font-size:11px;color:#94a3b8;margin-top:1px;">娑堟伅璁板綍涓庡畾鏃?/div> </div> </div> <div onclick="showMyFavoriteMessages(); event.stopPropagation();" style="display:flex;align-items:center;gap:12px;padding:11px 14px;margin:2px 4px;border-radius:14px;cursor:pointer;transition:all 0.15s;" onpointerdown="this.style.background='rgba(255,193,7,0.10)';this.style.transform='scale(0.97)'" onpointerup="this.style.background='';this.style.transform=''" onpointerleave="this.style.background='';this.style.transform=''"> <div style="width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#fef9c3,#fde68a);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;">⭐</div> <div style="flex:1;min-width:0;"> <div style="font-size:14px;font-weight:600;color:#0f172a;">我的收藏</div> <div style="font-size:11px;color:#94a3b8;margin-top:1px;">30 天内保存的重要信息</div> </div> </div> <div onclick="showInviteCode(); event.stopPropagation();" style="display:flex;align-items:center;gap:12px;padding:11px 14px;margin:2px 4px;border-radius:14px;cursor:pointer;transition:all 0.15s;background:linear-gradient(135deg,rgba(255,107,53,0.04),rgba(255,107,53,0.02));" onpointerdown="this.style.background='rgba(255,107,53,0.1)';this.style.transform='scale(0.97)'" onpointerup="this.style.background='linear-gradient(135deg,rgba(255,107,53,0.04),rgba(255,107,53,0.02))';this.style.transform=''" onpointerleave="this.style.background='linear-gradient(135deg,rgba(255,107,53,0.04),rgba(255,107,53,0.02))';this.style.transform=''"> <div style="width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#fed7aa,#fdba74);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;">馃巵</div> <div style="flex:1;min-width:0;"> <div style="font-size:14px;font-weight:700;color:#ea580c;">閭€璇锋湁濂?/div> <div style="font-size:11px;color:#fb923c;margin-top:1px;">閭€璇峰ソ鍙嬭禋濂栧姳</div> </div> <div style="font-size:10px;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:white;padding:3px 8px;border-radius:8px;font-weight:700;flex-shrink:0;">HOT</div> </div> <div onclick="toggleChatViewStyle(event);" style="display:flex;align-items:center;gap:12px;padding:11px 14px;margin:2px 4px;border-radius:14px;cursor:pointer;transition:all 0.15s;" onpointerdown="this.style.background='rgba(0,122,255,0.08)';this.style.transform='scale(0.97)'" onpointerup="this.style.background='';this.style.transform=''" onpointerleave="this.style.background='';this.style.transform=''"> <div style="width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;">馃帹</div> <div style="flex:1;min-width:0;"> <div id="chatStyleMenuLabelMobile" style="font-size:14px;font-weight:600;color:#0f172a;">鍒囨崲鐣岄潰椋庢牸锛氱粡鍏搁鏍?/div> <div style="font-size:11px;color:#94a3b8;margin-top:1px;">缁忓吀椋庢牸 / 鏂板紡椋庢牸</div> </div> </div> <div id="manageInfoItemMobile" style="display:none;" onclick="showManageInfo(); event.stopPropagation();"> <div style="display:flex;align-items:center;gap:12px;padding:11px 14px;margin:2px 4px;border-radius:14px;cursor:pointer;transition:all 0.15s;" onpointerdown="this.parentElement.style.background='rgba(42,169,146,0.08)'" onpointerup="this.parentElement.style.background=''" onpointerleave="this.parentElement.style.background=''"> <div style="width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;">馃洝锔?/div> <div style="flex:1;min-width:0;"> <div style="font-size:14px;font-weight:600;color:#0f172a;">绠＄悊鎺у埗鍙?/div> <div style="font-size:11px;color:#94a3b8;margin-top:1px;">鍚庡彴绠＄悊鍏ュ彛</div> </div> </div> </div> </div> </div>  <div id="scrollToBottomBtn" class="scroll-to-bottom" onclick="scrollToBottom()"> <i class="bi bi-chevron-double-down"></i> <span id="unreadCountBadge" class="unread-count" style="display: none;">0</span> </div>  <div class="mobile-chat-header" id="mobileChatHeader"> <div onclick="showGroupMembers()" class="mobile-header-inner" title="鐐瑰嚮鏌ョ湅缇ゆ垚鍛?> <h4 id="mobileGroupName" class="mobile-group-name">鍔犺浇涓?..</h4> <span id="mobileGroupStatus" class="mobile-group-status">--浜哄湪绾?/span> </div> </div>  <div class="desktop-chat-header" id="desktopChatHeader"> <div class="chat-header-content"> <div class="chat-info" onclick="showGroupMembers()" style="cursor: pointer;" title="鐐瑰嚮鏌ョ湅缇ゆ垚鍛?> <div class="chat-group-icon">馃彚</div> <h3 id="desktopGroupName" class="chat-group-name">鍔犺浇涓?..</h3> <span class="chat-member-count" id="desktopMemberCount">-- 浜?/span> </div> <div class="chat-actions"> <button class="chat-action-btn" onclick="showGroupMembers()" title="缇ゆ垚鍛?> 馃懃 </button> </div> </div> </div>  <div class="welcome-notice-bar" id="welcomeNotice"> <span id="welcomeNoticeText">馃搵娆㈣繋鍔犲叆缇よ亰锛岃鏂囨槑浜ゆ祦锛岃鑼冨彂甯冧俊鎭?/span> </div>  <div class="message-area" id="messageArea">  </div>  <div class="image-preview-bar" id="imagePreviewBar"> <img id="pendingImagePreview" src="" alt="寰呭彂閫佸浘鐗?> <span style="font-size: 12px; color: #666; flex: 1;">鍥剧墖宸查€夋嫨锛岀偣鍑诲彂閫佷竴璧峰彂鍑?/span> <button class="remove-btn" onclick="removePendingImage()" title="绉婚櫎鍥剧墖">鉁?/button> </div>  <div class="input-area"> <textarea class="message-input" id="messageInput" placeholder="杈撳叆娑堟伅..." onkeydown="handleKeyDown(event)" oninput="autoResizeInput(this)" rows="1"></textarea> <button class="image-upload-btn" id="imageUploadBtn" onclick="triggerImageUpload()" title="鍙戦€佸浘鐗?> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="1.5"/> <circle cx="8.5" cy="8.5" r="1.5" fill="currentColor"/> <path d="M21 15L16 10L5 21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21 21L17 17L13 21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <input type="file" id="imageFileInput" accept="image/jpeg,image/png,image/gif,image/webp" multiple style="display:none;" onchange="handleImageSelected(event)"> <button class="send-btn" onclick="sendMessage()">鍙戦€?/button> </div> </div> </div>  <script type="module" src="js/utils/global-utils.js?v=20260625223421"></script> <script src="js/app-core.js?v=20260625223421" defer></script> <script src="js/runtime/ui-runtime.js?v=20260625223421" defer></script> <script src="js/runtime/storage-runtime.js?v=20260625223421" defer></script> <script src="js/app-inline.js?v=20260625223421" defer></script>  <script src="wechat-integration.js?v=20260625223421" defer></script>  <script> (function() { var script = document.createElement('script'); script.src = 'https://res.wx.qq.com/open/js/jweixin-1.6.0.js'; script.async = true; script.onload = function() { console.log('寰俊SDK鍔犺浇瀹屾垚'); if (typeof initWeChatSDK === 'function') { initWeChatSDK(); } }; script.onerror = function() { console.warn('寰俊SDK鍔犺浇澶辫触锛屽垎浜瓑鍔熻兘涓嶅彲鐢紝涓嶅奖鍝嶇櫥褰?); }; document.head.appendChild(script); })(); </script> </body> </html>