【素材】聖誕周刊素材

咖啡不加糖 2樓

咖啡不加糖 3樓

咖啡不加糖 4樓

咖啡不加糖 5樓

<a href="https://getpic/<%=(pic.Fields.Item("pic").Value)%>" target="_blank"><img src="getpic/<%=(pic.Fields.Item("pic").Value)% onerror="this.onerror=null;this.src='/images/blank.png';this.alt='图片已丢失';">" alt="图片" style="max-width:100%;max-height:400px;object-fit:contain;border-radius:8px;" loading="lazy"></a><a href="https://p.asp?id=<%=(pic.Fields.Item("id"" target="_blank">.Value)%>)播放繪畫過程</a>                                                                    </div>
                                <div class="post-footer">
                                    <span class="time">2011-12-06 14:51:49</span>
                                                                    </div>
                            </div>
                            
                            
                                                        
                                                    </div>
                        
                        
                        <div id="loadMoreStatus">
                                                        <div class="no-more">— 已加載全部回復 —</div>
                                                    </div>
                    </div>

<div class="locked-tip">本帖已被鎖定，無法回復</div>
                                    </div>
            </div>
        </div>
    </main>

<footer class="footer">
        <div class="container">
            <p>© 2024 7坛游戏社区 All Rights Reserved</p>
        </div>
    </footer>

<div id="floatReplyMask" class="float-reply-mask" style="display:none;" onclick="closeReplyBox()"></div>

<div id="shareGameModal" class="share-game-modal" style="display:none;">
        <div class="share-game-content">
            <div class="share-game-header">
                <h3>分享遊戲/帖子</h3>
                <a href="javascript:void(0);" class="close-share-game" onclick="closeShareGameModal()">×</a>
            </div>
            <div class="share-game-tabs">
                <button class="tab-btn active" data-type="game" onclick="switchShareTab('game')">遊戲</button>
                <button class="tab-btn" data-type="topic" onclick="switchShareTab('topic')">帖子</button>
            </div>
            <div class="share-game-search">
                <input type="text" id="shareSearchInput" placeholder="搜索遊戲/帖子..." onkeyup="handleShareSearch(event)">
                <button type="button" onclick="doShareSearch()">搜索</button>
            </div>
            <div class="share-game-results" id="shareGameResults">
                <div class="search-tip">輸入關鍵詞搜索遊戲或帖子</div>
            </div>
        </div>
    </div>
    <div id="shareGameMask" class="share-game-mask" style="display:none;" onclick="closeShareGameModal()"></div>

<div id="shareModal" class="share-modal" style="display:none;">
        <div class="share-content">
            <h3>分享到</h3>
            <div class="share-links">
                <a href="javascript:void(0);" class="share-link" onclick="shareToWeixin()">
                    <span class="share-icon">💚</span>
                    <span>微信</span>
                </a>
                <a href="javascript:void(0);" class="share-link" onclick="shareToWeibo()">
                    <span class="share-icon">🔴</span>
                    <span>微博</span>
                </a>
                <a href="javascript:void(0);" class="share-link" onclick="shareToQQ()">
                    <span class="share-icon">💬</span>
                    <span>QQ</span>
                </a>
                <a href="javascript:void(0);" class="share-link" onclick="copyLink()">
                    <span class="share-icon">🔗</span>
                    <span>復制鏈接</span>
                </a>
            </div>
            <button class="share-close" onclick="hideShareModal()">取消</button>
        </div>
    </div>

// ========== 浮动回复框功能 ==========
    let currentFloor = 0;
    let currentReplyToId = 0;

function openReplyBox(floor, replyToId) {
        currentFloor = floor;
        currentReplyToId = replyToId;
        const targetLabel = replyToId > 0 ? '回復 ' + floor + '樓' : '回復樓主';
        document.getElementById('replyTarget').textContent = targetLabel;
        document.getElementById('floatReplyContent').value = '';
        document.getElementById('floatReplyBox').style.display = 'block';
        document.getElementById('floatReplyMask').style.display = 'block';
        document.getElementById('floatReplyContent').focus();
        document.body.style.overflow = 'hidden';
    }

function closeReplyBox() {
        document.getElementById('floatReplyBox').style.display = 'none';
        document.getElementById('floatReplyMask').style.display = 'none';
        document.body.style.overflow = '';
        document.getElementById('floatAttachUrl').value = '';
        document.getElementById('floatImagePreview').innerHTML = '';
    }

// ========== 图片上传处理（底部回复框） ==========
    async function handleImageUpload(input) {
        const file = input.files[0];
        if (!file) return;
        const preview = document.getElementById('imagePreview');
        preview.innerHTML = '<div class="upload-loading">上傳中...</div>';
        const formData = new FormData();
        formData.append('file', file);
        try {
            const response = await fetch('/zh-tw/bbs/upload.php', { method: 'POST', body: formData });
            const result = await response.json();
            if (result.code === 200) {
                document.getElementById('attachUrl').value = result.fileurl;
                preview.innerHTML = '<div class="preview-item"><img src="' + result.fileurl + '" alt="預覽"><span class="remove-btn" onclick="removeImage()">×</span></div>';
            } else { alert(result.msg || '上傳失敗'); preview.innerHTML = ''; }
        } catch (error) { console.error('上传失败:', error); alert('上傳失敗，請重試'); preview.innerHTML = ''; }
        input.value = '';
    }

function removeImage() {
        document.getElementById('attachUrl').value = '';
        document.getElementById('imagePreview').innerHTML = '';
    }

// ========== 图片上传处理（浮动回复框） ==========
    async function handleFloatImageUpload(input) {
        const file = input.files[0];
        if (!file) return;
        const preview = document.getElementById('floatImagePreview');
        preview.innerHTML = '<div class="upload-loading-sm">...</div>';
        const formData = new FormData();
        formData.append('file', file);
        try {
            const response = await fetch('/zh-tw/bbs/upload.php', { method: 'POST', body: formData });
            const result = await response.json();
            if (result.code === 200) {
                document.getElementById('floatAttachUrl').value = result.fileurl;
                preview.innerHTML = '<div class="preview-item-sm"><img src="' + result.fileurl + '" alt="預覽"><span class="remove-btn-sm" onclick="removeFloatImage()">×</span></div>';
            } else { alert(result.msg || '上傳失敗'); preview.innerHTML = ''; }
        } catch (error) { console.error('上传失败:', error); preview.innerHTML = ''; }
        input.value = '';
    }

function removeFloatImage() {
        document.getElementById('floatAttachUrl').value = '';
        document.getElementById('floatImagePreview').innerHTML = '';
    }

// ========== 表情相关函数 ==========
    function insertEmoji(emoji, textareaId) {
        const textarea = document.getElementById(textareaId);
        if (!textarea) return;
        const start = textarea.selectionStart;
        const end = textarea.selectionEnd;
        const text = textarea.value;
        textarea.value = text.substring(0, start) + emoji + text.substring(end);
        textarea.selectionStart = textarea.selectionEnd = start + emoji.length;
        textarea.focus();
        $('.modal-tooltip').fadeOut();
    }

$(function(){
        $(document).on("click", ".comment-icon", function(event){ $(this).find('.modal-tooltip').fadeIn(); event.stopPropagation(); });
        $(document).on("click", ".modal-tooltip span", function(event){
            event.stopPropagation(); event.preventDefault();
            var emoji = $(this).data('emoji'); if (!emoji) return;
            var replyBox = $(this).closest('.float-reply-box, .reply-box');
            if (replyBox.length) { var textarea = replyBox.find('textarea'); if (textarea.length) { insertEmoji(emoji, textarea.attr('id')); return; } }
            insertEmoji(emoji, 'replyContent');
        });
        $('body').on("click", function(event){ if (!$(event.target).closest('.modal-tooltip, .comment-icon').length) { $('.modal-tooltip').fadeOut(); } });
    });

// ========== 提交回复 ==========
    async function submitReply() {
        const content = document.getElementById('floatReplyContent').value.trim();
        if (!content) { alert('請輸入回復內容'); return; }
        const formData = new FormData();
        formData.append('topic_id', topicId);
        formData.append('content', content);
        formData.append('floor', currentFloor);
        formData.append('parent_id', currentReplyToId);
        const attachUrl = document.getElementById('floatAttachUrl').value;
        if (attachUrl) { formData.append('attach_url', attachUrl); }
        try {
            const response = await fetch('/zh-tw/bbs/reply.php', { method: 'POST', headers: { 'X-Requested-With': 'XMLHttpRequest' }, body: formData });
            const result = await response.json();
            if (result.code === 200) { closeReplyBox(); window.location.reload(); }
            else { alert(result.msg || '提交失敗'); }
        } catch (error) { console.error('提交失败:', error); alert('提交失敗，請重試'); }
    }

// ========== 排序切换 ==========
    function changeSort(sort) { if (sort === currentSort) return; window.location.href = '/zh-tw/bbs/' + topicId + '/?sort=' + sort; }

// ========== 加載更多回復 ==========
    async function loadMoreReplies() {
        if (isLoading) return;
        if (currentPage >= totalPages) { document.getElementById('loadMoreStatus').innerHTML = '<div class="no-more">— 已加載全部回復 —</div>'; return; }
        isLoading = true;
        const statusDiv = document.getElementById('loadMoreStatus');
        statusDiv.innerHTML = '<div class="loading-more"><span class="spinner"></span>加載中...</div>';
        try {
            const formData = new FormData();
            formData.append('topic_id', topicId); formData.append('page', currentPage + 1); formData.append('sort', currentSort);
            const response = await fetch('/zh-tw/bbs/load_replies.php', { method: 'POST', body: formData });
            if (!response.ok) throw new Error('HTTP ' + response.status);
            const result = await response.json();
            if (result.code === 200 && result.data && result.data.length > 0) {
                const container = document.getElementById('repliesContainer');
                result.data.forEach(reply => {
                    const aiClass = reply.is_ai ? ' ai-post' : '';
                    const isChild = reply.type === 'child';
                    const floorClass = isChild ? ' sub-floor' : '';
                    const subRepliesClass = isChild ? ' sub-reply' : '';
                    const zanClass = reply.zaned ? ' zaned' : '';
                    const zanIcon = reply.zaned ? '💚' : '🤍';
                    let html = '<div class="post reply-post' + aiClass + subRepliesClass + '" id="reply-' + reply.id + '"><div class="post-header"><div class="post-author">' +
                        (reply.avatar ? '<img src="' + reply.avatar + '" alt="" class="avatar' + (isChild ? ' avatar-sm' : '') + '" onerror="this.style.display=\'none\'; this.nextElementSibling.style.display=\'flex\';">' : '') +
                        '<div class="avatar-fallback" style="' + (reply.avatar ? 'display:none;' : 'display:flex;') + ' width:' + (isChild ? '32px' : '40px') + '; height:' + (isChild ? '32px' : '40px') + '; border-radius:50%; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); align-items:center; justify-content:center; color:#fff; font-size:' + (isChild ? '14px' : '16px') + '; font-weight:bold; flex-shrink:0;">' + reply.username.charAt(0) + '</div>' +
                        '<div class="author-info"><span class="username">' + reply.username + '</span><span class="floor' + floorClass + '">' + reply.floor_display + '</span></div></div>' +
                        (reply.can_reply ? '<a href="javascript:void(0);" class="reply-link" onclick="openReplyBox(' + reply.floor_num + ', ' + reply.id + ')">回復</a>' : '') +
                        '</div><div class="post-content">' + reply.content + (reply.image ? '<div class="reply-images"><img src="' + reply.image + '" alt="附件圖片" class="reply-image" onclick="showImage(this.src)"></div>' : '') + '</div><div class="post-footer"><span class="time">' + reply.time + '</span>' +
                        '<a href="javascript:void(0);" class="action-btn reply-zan-btn' + zanClass + '" onclick="toggleZan(\'reply\', ' + reply.id + ', this)"><span class="zan-icon">' + zanIcon + '</span><span class="zan-count">' + reply.zan_count + '</span></a></div></div>';
                    container.insertAdjacentHTML('beforeend', html);
                });
                currentPage++;
                if (currentPage >= totalPages) { document.getElementById('loadMoreStatus').innerHTML = '<div class="no-more">— 已加載全部回復 —</div>'; }
                else { document.getElementById('loadMoreStatus').innerHTML = ''; }
            } else { document.getElementById('loadMoreStatus').innerHTML = '<div class="no-more">— 已加載全部回復 —</div>'; currentPage = totalPages; }
        } catch (error) { console.error('加载失败:', error); statusDiv.innerHTML = '<div class="loading-more" style="color:#e74c3c;">加載失敗，請滾動重試</div>'; }
        isLoading = false;
    }

// ========== 展开/折叠子回复 ==========
    function toggleReplies(replyId) {
        const repliesDiv = document.getElementById('sub-replies-' + replyId);
        const toggleBtn = repliesDiv ? repliesDiv.previousElementSibling.querySelector('.toggle-replies-btn') : null;
        if (!repliesDiv) return;
        const isHidden = repliesDiv.style.display === 'none' || repliesDiv.style.display === '';
        if (isHidden) { repliesDiv.style.display = 'block'; if (toggleBtn) toggleBtn.innerHTML = '<span class="toggle-icon">▲</span> 收起回復'; }
        else { repliesDiv.style.display = 'none'; if (toggleBtn) toggleBtn.innerHTML = '<span class="toggle-icon">▼</span> 查看' + repliesDiv.children.length + '條回復'; }
    }

// ========== 点赞功能 ==========
    async function toggleZan(type, id, btnElement) {
        try {
            const formData = new FormData();
            formData.append('type', type); formData.append('id', id);
            const response = await fetch('/zh-tw/bbs/zan.php', { method: 'POST', body: formData });
            const result = await response.json();
            if (result.code === 200) {
                if (type === 'topic') {
                    const zanBtn = document.getElementById('topicZanBtn');
                    const zanIcon = document.getElementById('topicZanIcon');
                    const zanCount = document.getElementById('topicZanCount');
                    if (result.zaned) { zanBtn.classList.add('zaned'); zanIcon.textContent = '💚'; } else { zanBtn.classList.remove('zaned'); zanIcon.textContent = '🤍'; }
                    zanCount.textContent = result.zan_count;
                } else if (btnElement) {
                    const zanIcon = btnElement.querySelector('.zan-icon');
                    const zanCount = btnElement.querySelector('.zan-count');
                    if (result.zaned) { btnElement.classList.add('zaned'); zanIcon.textContent = '💚'; } else { btnElement.classList.remove('zaned'); zanIcon.textContent = '🤍'; }
                    zanCount.textContent = result.zan_count;
                }
            } else if (result.code === 401) { alert('請先登錄'); window.location.href = 'login.php?redirect=' + encodeURIComponent(window.location.pathname + '?id=' + topicId); }
            else { alert(result.msg || '操作失敗'); }
        } catch (error) { console.error('点赞失败:', error); alert('操作失敗，請重試'); }
    }

// ========== 现金任务接单 ==========
    async function applyCashTask(bbsPostId, taskId) {
        const btn = document.getElementById('btnApplyTask');
        if (!btn) return;
        btn.textContent = '處理中...';
        btn.style.pointerEvents = 'none';
        try {
            const formData = new FormData();
            formData.append('bbs_post_id', bbsPostId);
            formData.append('task_id', taskId);
            const response = await fetch('/zh-tw/bbs/task_apply.php', {
                method: 'POST',
                body: formData,
                credentials: 'include'
            });
            // 检查 HTTP 状态
            if (!response.ok) {
                throw new Error('HTTP ' + response.status);
            }
            // 检查 Content-Type 是否为 JSON
            const contentType = response.headers.get('content-type') || '';
            if (!contentType.includes('application/json')) {
                const text = await response.text();
                throw new Error('非JSON响应: ' + text.substring(0, 200));
            }
            const result = await response.json();
            if (result.code === 0) {
                btn.textContent = '已申請 ✓';
                btn.classList.add('applied');
                btn.style.pointerEvents = 'none';
                alert('接單成功！請等待金主確認。');
            } else if (result.code === 401) {
                alert('請先登錄');
                window.location.href = '/zh-tw/bbs/login.php?redirect=' + encodeURIComponent(window.location.pathname + '?id=' + topicId);
            } else if (result.code === 424) {
                if (confirm('參與現金任務需先完成實名認證，是否現在前往認證？')) {
                    window.location.href = '/zh-tw/bbs/user.php?tab=verify';
                }
                btn.textContent = '💰 接單';
                btn.style.pointerEvents = 'auto';
            } else {
                alert(result.msg || '接單失敗，請稍後重試');
                btn.textContent = '💰 接單';
                btn.style.pointerEvents = 'auto';
            }
        } catch (error) {
            console.error('接单失败:', error);
            alert('接單失敗: ' + (error.message || '請稍後重試'));
            btn.textContent = '💰 接單';
            btn.style.pointerEvents = 'auto';
        }
    }

// ========== 置顶回复功能 ==========
    async function togglePin(replyId, action, btnElement) {
        try {
            const formData = new FormData();
            formData.append('reply_id', replyId); formData.append('action', action);
            const response = await fetch('/zh-tw/bbs/pin.php', { method: 'POST', body: formData, credentials: 'include' });
            if (!response.ok) throw new Error('HTTP错误: ' + response.status);
            const result = await response.json();
            if (result.code === 200) {
                const replyPost = document.getElementById('reply-' + replyId);
                if (result.ding == 1) {
                    if (replyPost) replyPost.classList.add('pinned');
                    if (btnElement) { btnElement.classList.add('pinned'); const pinText = btnElement.querySelector('.pin-text'); if (pinText) pinText.textContent = '❎取消'; btnElement.title = '點擊取消置頂'; btnElement.setAttribute('onclick', 'togglePin(' + replyId + ', 0, this)'); }
                    const floorSpan = document.querySelector('#reply-' + replyId + ' .floor');
                    if (floorSpan && !floorSpan.nextElementSibling?.classList.contains('pinned-badge')) { const badge = document.createElement('span'); badge.className = 'pinned-badge'; badge.textContent = '置頂'; floorSpan.insertAdjacentElement('afterend', badge); }
                } else {
                    if (replyPost) replyPost.classList.remove('pinned');
                    if (btnElement) { btnElement.classList.remove('pinned'); const pinText = btnElement.querySelector('.pin-text'); if (pinText) pinText.textContent = '📌置頂'; btnElement.title = '點擊置頂'; btnElement.setAttribute('onclick', 'togglePin(' + replyId + ', 1, this)'); }
                    const badge = document.querySelector('#reply-' + replyId + ' .pinned-badge'); if (badge) badge.remove();
                }
            } else if (result.code === 403) { alert(result.msg || '只有樓主才能置頂回復'); }
            else if (result.code === 401) { alert('請先登錄'); window.location.href = 'login.php?redirect=' + encodeURIComponent(window.location.pathname + '?id=' + topicId); }
            else { alert(result.msg || '操作失敗，請刷新重試'); }
        } catch (error) { console.error('置顶失败:', error); alert('操作失敗: ' + error.message); }
    }

// ========== 版主操作 ==========
    async function toggleTopicAction(topicId, action) {
        try {
            const formData = new FormData();
            formData.append('topic_id', topicId); formData.append('action', action);
            const response = await fetch('/zh-tw/bbs/topic_action_debug.php', { method: 'POST', body: formData, credentials: 'include' });
            if (!response.ok) throw new Error('HTTP错误: ' + response.status);
            const result = await response.json();
            if (result.code === 200) {
                const isActive = result.value == 1;
                if (action === 'jing') { const btn = document.querySelector('.mod-jing'); if (btn) { btn.classList.toggle('active', isActive); btn.innerHTML = isActive ? '❎取消精華' : '⭐加精'; } }
                else if (action === 'ding') { const btn = document.querySelector('.mod-ding'); if (btn) { btn.classList.toggle('active', result.value == 1); btn.innerHTML = result.value == 1 ? '❎取消置頂' : '📌置頂'; } updateTopicTag('ding', result.value == 1); }
                else if (action === 'lock') { const btn = document.querySelector('.mod-lock'); if (btn) { btn.classList.toggle('active', result.value == 1); btn.innerHTML = result.value == 1 ? '🔓解鎖' : '🔒鎖定'; } updateTopicTag('lock', result.value == 1); const replyBtns = document.querySelectorAll('.btn-reply'); replyBtns.forEach(b => b.style.display = result.value == 1 ? 'none' : ''); if (result.value == 1) showLockTip(); else hideLockTip(); }
                else if (action === 'hide') { const btn = document.querySelector('.mod-hide'); if (btn) { btn.classList.toggle('active', result.value == 1); btn.innerHTML = result.value == 1 ? '👁️顯示' : '🚫隱藏'; } updateTopicTag('hide', result.value == 1); updateHiddenNotice(result.value == 1); }
            } else if (result.code === 403) { alert(result.msg || '無權限'); }
            else if (result.code === 401) { alert('請先登錄'); }
            else { alert(result.msg || '操作失敗'); }
        } catch (error) { console.error('版主操作失败:', error); alert('操作失敗: ' + error.message); }
    }

// ========== 分享弹窗 ==========
    function showShareModal() { document.getElementById('shareModal').classList.add('show'); }
    function hideShareModal() { document.getElementById('shareModal').classList.remove('show'); }
    function getShareUrl() { return window.location.href; }
    function shareToWeixin() { if (navigator.clipboard) { navigator.clipboard.writeText(getShareUrl()).then(() => { alert('鏈接已復制，可粘貼到微信分享'); }); } else { copyLink(); } hideShareModal(); }
    function copyLink() { if (navigator.clipboard) { navigator.clipboard.writeText(getShareUrl()).then(() => { alert('鏈接已復制到剪貼板'); }).catch(() => { prompt('請復制以下鏈接:', getShareUrl()); }); } else { prompt('請復制以下鏈接:', getShareUrl()); } hideShareModal(); }

// ========== 分享游戏功能 ==========
    let shareSearchType = 'game';
    let currentReplyBox = 'main';
    function openShareGameModal(replyBox) { currentReplyBox = replyBox || 'main'; document.getElementById('shareGameModal').style.display = 'block'; document.getElementById('shareGameMask').style.display = 'block'; document.getElementById('shareSearchInput').value = ''; document.getElementById('shareGameResults').innerHTML = '<div class="search-tip">輸入關鍵詞搜索遊戲或帖子</div>'; document.getElementById('shareSearchInput').focus(); }
    function closeShareGameModal() { document.getElementById('shareGameModal').style.display = 'none'; document.getElementById('shareGameMask').style.display = 'none'; }
    function switchShareTab(type) { shareSearchType = type; document.querySelectorAll('.share-game-tabs .tab-btn').forEach(btn => { btn.classList.toggle('active', btn.dataset.type === type); }); const keyword = document.getElementById('shareSearchInput').value.trim(); if (keyword) doShareSearch(); }
    function handleShareSearch(event) { if (event.key === 'Enter') doShareSearch(); }
    async function doShareSearch() {
        const keyword = document.getElementById('shareSearchInput').value.trim(); if (!keyword) { alert('請輸入搜索關鍵詞'); return; }
        const resultsDiv = document.getElementById('shareGameResults'); resultsDiv.innerHTML = '<div class="search-tip">🔍 搜索中...</div>';
        try {
            const response = await fetch('/zh-tw/bbs/share_search.php?ac=' + shareSearchType + '&keyword=' + encodeURIComponent(keyword), { credentials: 'include' });
            const result = await response.json();
            if (result.code === 401) { resultsDiv.innerHTML = '<div class="search-tip">請先登錄後再使用分享功能</div>'; return; }
            if (result.code === 200 && result.data.length > 0) {
                let html = '';
                result.data.forEach(item => {
                    const shareText = item.share_text.replace(/<br\s*\/?>/gi, '\n');
                    if (item.type === 'game') { html += '<div class="share-item" onclick="insertShareGame(this.dataset.text)" data-text="' + encodeURIComponent(shareText) + '"><img src="' + (item.logo || '/images/default-game.png') + '" alt="" class="share-item-img" onerror="this.src=\'/images/default-game.png\'"><div class="share-item-info"><div class="share-item-title">🎮 ' + escapeHtml(item.title) + '</div><div class="share-item-desc">' + escapeHtml(item.category) + '</div></div></div>'; }
                    else { html += '<div class="share-item" onclick="insertShareGame(this.dataset.text)" data-text="' + encodeURIComponent(shareText) + '"><div class="share-item-icon">📝</div><div class="share-item-info"><div class="share-item-title">📝 ' + escapeHtml(item.title) + '</div><div class="share-item-desc">來自 ' + escapeHtml(item.category) + ' · 回復 ' + item.reply_count + '</div></div></div>'; }
                });
                resultsDiv.innerHTML = html;
            } else { resultsDiv.innerHTML = '<div class="search-tip">沒有找到相關結果</div>'; }
        } catch (error) { console.error('搜索失败:', error); resultsDiv.innerHTML = '<div class="search-tip">搜索失敗，請確保已登錄後重試</div>'; }
    }
    function escapeHtml(str) { const div = document.createElement('div'); div.textContent = str; return div.innerHTML.replace(/'/g, "\\'"); }
    function insertShareGame(encodedText) {
        const shareText = decodeURIComponent(encodedText);
        if (currentReplyBox === 'float') { const textarea = document.getElementById('floatReplyContent'); textarea.value = (textarea.value ? textarea.value + '\n\n' : '') + shareText; }
        else { const textarea = document.getElementById('replyContent'); textarea.value = (textarea.value ? textarea.value + '\n\n' : '') + shareText; }
        closeShareGameModal();
    }

// ========== AI辅助回复 ==========
    async function getAISuggestion() {
        const btn = document.getElementById('aiHintBtn'); const suggestionsDiv = document.getElementById('aiSuggestions'); const suggestionList = document.getElementById('suggestionList');
        btn.classList.add('loading'); btn.innerHTML = '<span>⏳</span> AI生成中...';
        try {
            const formData = new FormData(); formData.append('title', topicTitle); formData.append('content', topicContent);
            const response = await fetch('/zh-tw/bbs/ai_suggest.php', { method: 'POST', body: formData });
            const result = await response.json();
            if (result.code === 200 && result.data) {
                const suggestions = result.data.split('\n').filter(s => s.trim()); suggestionList.innerHTML = '';
                if (suggestions.length > 0) { suggestions.forEach(suggestion => { const div = document.createElement('div'); div.className = 'ai-suggestion-item'; div.textContent = suggestion; div.onclick = function() { document.getElementById('replyContent').value = suggestion; suggestionsDiv.classList.remove('show'); }; suggestionList.appendChild(div); }); suggestionsDiv.classList.add('show'); }
                else { alert('暫無建議，可以直接回復哦~'); }
            } else { alert(result.msg || '获取建议失败'); }
        } catch (error) { console.error('AI建议错误:', error); alert('获取AI建议失败，请稍后重试'); }
        btn.classList.remove('loading'); btn.innerHTML = '<span>💡</span> AI建議';
    }

// ========== 附件预览功能 ==========
    function showImagePreview(index) { if (allImages.length === 0) return; currentImageIndex = index; updatePreviewImage(); document.getElementById('imagePreviewModal').classList.add('show'); document.body.style.overflow = 'hidden'; }
    function closeImagePreview() { document.getElementById('imagePreviewModal').classList.remove('show'); document.body.style.overflow = ''; }
    function showImage(src) { const modal = document.getElementById('imagePreviewModal'); const img = modal.querySelector('.preview-image'); if (img) { img.src = src; modal.classList.add('show'); document.body.style.overflow = 'hidden'; } }
    function updatePreviewImage() { document.getElementById('previewImage').src = allImages[currentImageIndex]; document.getElementById('previewCounter').textContent = (currentImageIndex + 1) + ' / ' + allImages.length; }
    function prevImage() { currentImageIndex = (currentImageIndex - 1 + allImages.length) % allImages.length; updatePreviewImage(); }
    function nextImage() { currentImageIndex = (currentImageIndex + 1) % allImages.length; updatePreviewImage(); }
    document.addEventListener('keydown', function(e) { if (!document.getElementById('imagePreviewModal').classList.contains('show')) return; if (e.key === 'Escape') closeImagePreview(); if (e.key === 'ArrowLeft') prevImage(); if (e.key === 'ArrowRight') nextImage(); });

// ========== 页面初始化 ==========
    document.addEventListener('DOMContentLoaded', function() {
        document.querySelectorAll('.post-content img, .reply-content img').forEach(function(img) {
            if (img.parentElement && img.parentElement.getAttribute('data-emoji')) return;
            if (img.width <= 30 && img.height <= 30) return;
            img.style.maxWidth = '100%'; img.style.maxHeight = '400px'; img.style.objectFit = 'contain'; img.style.borderRadius = '8px'; img.style.cursor = 'pointer';
            img.onerror = function() { this.style.display = 'none'; var placeholder = document.createElement('div'); placeholder.style.cssText = 'width:100%; height:60px; background:linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%); border-radius:8px; display:flex; align-items:center; justify-content:center; color:#999; font-size:12px; margin:10px 0;'; placeholder.innerHTML = '<span>📷 圖片加載失敗</span>'; this.parentNode.insertBefore(placeholder, this); };
        });
        document.getElementById('imagePreviewModal').addEventListener('click', function(e) { if (e.target === this) closeImagePreview(); });
        document.getElementById('shareGameModal').addEventListener('click', function(e) { if (e.target === this) closeShareGameModal(); });
        document.getElementById('shareModal').addEventListener('click', function(e) { if (e.target === this) hideShareModal(); });
    });

</script>
    <script>
    // PHP变量初始化
    const topicId = 9110;
    const totalReplies = 4;
    const totalPages = 1;
    const pageSize = 20;
    const isLocked = true;
    const isHidden = false;
    let currentPage = 1;
    let currentSort = 'asc';
    let isLoading = false;
    const topicTitle = "\u3010\u7d20\u6750\u3011\u8056\u8a95\u5468\u520a\u7d20\u6750";
    const topicContent = "\u5723\u8bde\u5468\u520a\u7d20\u6750\uff5e\uff5e\uff5e\uff5e\uff5e\uff5e";
    const allImages = ["\/bbs\/pic\/2011125O7401387.jpg","\/bbs\/pic\/2011125O7401335.jpg","\/bbs\/pic\/2011125O7401325.jpg","\/bbs\/pic\/2011125O7401380.jpg","\/bbs\/pic\/2011125O7401374.jpg","\/bbs\/pic\/2011125O7421998.jpg","\/bbs\/pic\/2011125O7421996.jpg","\/bbs\/pic\/2011125O7421990.jpg","\/bbs\/pic\/2011125O7421989.jpg","\/bbs\/pic\/2011125O7421933.jpg","\/bbs\/pic\/2011125O742961.jpg","\/bbs\/pic\/2011125O7429690.jpg","\/bbs\/pic\/2011125O7429633.jpg"];
    let currentImageIndex = 0;

// 初始状态检查
    if (isLocked) showLockTip();
    if (isHidden) updateHiddenNotice(true);

// shareToWeibo 需要 PHP 变量
    function shareToWeibo() {
        const title = "\u3010\u7d20\u6750\u3011\u8056\u8a95\u5468\u520a\u7d20\u6750";
        const url = getShareUrl();
        const weiboUrl = 'http://service.weibo.com/share/share.php?title=' + encodeURIComponent(title) + '&url=' + encodeURIComponent(url);
        window.open(weiboUrl, '_blank');
        hideShareModal();
    }

// shareToQQ 需要 PHP 变量
    function shareToQQ() {
        const title = "\u3010\u7d20\u6750\u3011\u8056\u8a95\u5468\u520a\u7d20\u6750";
        const url = getShareUrl();
        const qqUrl = 'http://connect.qq.com/widget/shareqq/index.html?url=' + encodeURIComponent(url) + '&title=' + encodeURIComponent(title);
        window.open(qqUrl, '_blank');
        hideShareModal();
    }
    </script>

<button class="back-to-top" id="backToTop" title="返回頂部">↑</button>
    <script src="/bbs/js/common.js"></script>
</body>
</html>

鎖定【素材】聖誕周刊素材

回復 (4)

鎖定 【素材】聖誕周刊素材

回復 (4)

鎖定【素材】聖誕周刊素材