加载海报中...
';
// 确保剧照容器首屏可见（修复首次不显示）
stillContainer.style.display = 'grid';
stillContainer.innerHTML = '加载剧照中...
';
imageSelection.style.display = 'block';
loadMorePostersBtn.style.display = 'none';
loadMoreStillsBtn.style.display = 'none';
// 重建观察器，避免旧实例导致乱加载
disconnectCandidateObservers();
initCandidateObservers();
// 处理海报（统一样式+初始第1页）
if (movieInfo.posterUrls && movieInfo.posterUrls.length > 0) {
stillContainer.style.display = 'grid';
posterContainer.innerHTML = '';
// 首张不等待转码，先用直链，极大缩短首屏时间
selectedPosterUrl = normalizeImageUrl(movieInfo.posterUrls[0]);
// 批量创建DOM，减少重排
const posterFrag = document.createDocumentFragment();
for (let i = 0; i < movieInfo.posterUrls.length; i++) {
try {
// 异步并发处理：先创建卡片，图片加载完成后替换src，避免阻塞渲染
const rawUrl = normalizeImageUrl(movieInfo.posterUrls[i]);
const posterImg = document.createElement('div');
// 统一海报样式：适应grid布局，添加hover效果
posterImg.style.cssText = `
width: 100%; height: 200px; object-fit: contain;
border: ${i === 0 ? '3px solid #ec4899' : '1px solid #f3d5d9'};
border-radius: 8px; cursor: pointer; overflow: hidden;
background: #fff5f7; display: flex; align-items: center; justify-content: center;
transition: all 0.3s ease;
position: relative;
`;
// 添加hover效果的样式
posterImg.onmouseenter = function() {
this.style.transform = 'scale(1.02)';
this.style.boxShadow = '0 4px 12px rgba(236, 72, 153, 0.3)';
};
posterImg.onmouseleave = function() {
this.style.transform = 'scale(1)';
this.style.boxShadow = 'none';
};
// 创建图片元素（先用缩略图展示，提升首屏速度）
const img = document.createElement('img');
img.style.cssText = 'max-width:100%; max-height:100%; object-fit: contain;';
img.alt = `海报 ${i + 1}`;
try {
getThumbnailForDisplay(rawUrl).then((thumb)=>{ const im = posterImg.querySelector('img'); if (im) im.src = thumb; });
} catch(e) { img.src = LAZY_PLACEHOLDER; }
posterImg.appendChild(img);
posterImg.dataset.rawUrl = rawUrl;
posterImg.dataset.url = rawUrl;
// 设置点击选中行为（同步变量与高亮）
posterImg.addEventListener('click', function() {
try {
selectedPosterUrl = this.dataset.url || rawUrl;
selectedPosterEl = this;
document.querySelectorAll('#poster-candidates > div').forEach(el => {
el.style.border = el === this ? '3px solid #ec4899' : '1px solid #f3d5d9';
});
} catch (e) {}
});
// 标记此海报已加载
const posterId = getImageUniqueId(movieInfo.posterUrls[i]);
loadedPosterIds.add(posterId);
posterImg.dataset.posterId = posterId;
if (i === 0) {
selectedPosterEl = posterImg;
}
posterFrag.appendChild(posterImg);
// 懒加载观察
observeCandidateCard(posterImg, 'poster');
} catch (e) {
console.log(`加载海报 ${i + 1} 失败:`, e);
}
}
posterContainer.appendChild(posterFrag);
loadMorePostersBtn.style.display = 'inline-block';
loadMorePostersBtn.disabled = false;
} else {
// 海报保底机制：如果有剧照，使用第一张剧照作为海报
if (movieInfo.source === '豆瓣' && movieInfo.url) {
// 异步抓取首批海报，不阻塞面板弹出
posterContainer.innerHTML = '
⭐{{title}} ⭐
{{title}} · 官方海报
-
-
主创团队
导演：{{directorDisplay}} / 编剧：{{writerDisplay}}
-
-
基础信息
类型：{{genresDisplay}} / 地区：{{regionDisplay}} / 语言：{{filmLanguageDisplay}}
-
① 推荐在{{watchScene}}观看，搭配热茶更有氛围~
② 二刷可留意{{detailTip}}，细节里藏着小温柔
③ 适合和{{watchWith}}一起看，看完可以聊聊剧中的温暖瞬间
`;
const TPL4 = `
{{title}} · 原版海报
♦ 影片信息 ♦
片名：
{{title}}
导演：
{{directorDisplay}}
主演：
{{actorDisplay}}
类型：
{{genresDisplay}}
评分：
{{rating}}（{{ratingSource}}）
上线：
{{releaseDisplay}} / {{runtimeDisplay}}
标识：
{{markerType}} {{markerId}}
{{regionDisplay}} · {{filmLanguageDisplay}} · {{genresDisplay}}
▶ 观影贴士
★ 推荐在{{watchScene}}观看，搭配汽水或啤酒更有港味~
★ 二刷可重点关注{{detailTip}}，港片的细节藏着江湖气
★ 适合和{{watchWith}}一起看，看完能聊透片中的“江湖道义”
`;
const TPL5 = `
「{{title}}」
{{genres}} · {{release}} · {{region}}
{{title}} · 官方海报
影片名称：{{title}}
导演：{{directorDisplay}}
编剧：{{writerDisplay}}
主演：{{actorDisplay}}
影片类型：{{genres}}
制片地区：{{regionDisplay}}
语言：{{filmLanguageDisplay}}
片长：{{runtimeDisplay}}
评分：{{rating}}
【观影贴士】
- 推荐于{{watchScene}}观看，更能品悟影片韵味
- 二刷可着重留意{{detailTip}}，藏有中式巧思
- 适合与{{watchWith}}共赏，观后可交流中式意趣
`;
const TPL6 = `
{{title}}
● {{genres}} | {{releaseDisplay}} | {{regionDisplay}}
● 导演：{{directorDisplay}}
● 编剧：{{writerDisplay}}
● 主演：{{actorDisplay}}
● 语言：{{filmLanguageDisplay}}
● 片长：{{runtimeDisplay}}
● 评分：{{rating}}
{{title}} · 官方海报
● 观影贴士
- 推荐于{{watchScene}}观看，更能体会影片情感内核
- 适合与{{watchWith}}共赏，观后可深入交流角色塑造与剧情逻辑
- 二刷可重点留意{{detailTip}}，能挖掘更多创作巧思
`;
const TPL7 = `
★ {{title}}{{originalTitleParen}} ★
▷ 影片基础信息
▷ 导演：{{director}}
▷ 类型：{{genres}}
▷ 主演：{{actorDisplay}}
▷ 编剧：{{writer}}
▷ 上映：{{release}}
▷ 地区：{{region}}
▷ 片长：{{runtime}}
▷ {{ratingSource}}评分：{{rating}}
▷ 标识：{{idLineHtml}}
▷ 影视简介
{{introAuto}}
▷ 影片剧照
{{title}}经典镜头
▷ 观众热评
{{commentsAuto}}
◆ 【观影小贴士】① 结合剧情简介看剧照，更易理解情感张力；② 二刷可留意剧照中的细节，与剧情伏笔呼应；③ 适合朋友/家人共同观看，看完可结合剧照讨论场景氛围的营造～
`;
// 覆盖模板(1)：采用用户提供的橙红风格一比一排版（变量占位已简化为可替换形式）
const TPL1_ORANGE = `
★ {{title}}{{originalTitleParen}} ★
{{title}}主视觉海报
▷ 基础信息
▷ 导演：{{director}}
▷ 类型：{{genres}}
▷ 主演：{{actorShort}}
▷ 编剧：{{writer}}
▷ 上映：{{release}}
▷ 地区：{{region}}
▷ 片长：{{runtime}}
▷ 评分：{{rating}}
▷ 标识：{{idLineHtml}}
▷ 剧情简介
{{introAuto}}
▷ 观众热评
{{commentsAuto}}
◆
【观影提示】① 建议优先查看长评，深度解析更易理解剧情；② 二刷可关注{{detailTip}}，可能发现隐藏伏笔；③ 适合{{watchWith}}共同观看，看完可交流观点～
`;
function safePush(id, name, raw) {
if (!raw) return;
if (REG.REGISTRY.some(t => t.id === id)) return;
REG.REGISTRY.push({ id, name, content: templatizeHtml(raw) });
}
// 为每个模板赋予风格化名称（纯名字，不带备注）
safePush('tpl1', '玫瑰幻境', TPL1_ORANGE);
safePush('tpl2', '琥珀复古', TPL2);
safePush('tpl3', '樱雾清新', TPL3);
safePush('tpl4', '港风胶片', TPL4);
safePush('tpl5', '国韵典藏', TPL5);
safePush('tpl6', '理性简约', TPL6);
safePush('tpl7', '森系活力', TPL7);
// 渲染模板按钮
const buttonContainer = document.getElementById('template-button-container') || tplToolbar;
buttonContainer.querySelectorAll('button[data-tpl-id]').forEach(b => b.remove());
const previewContainer = document.getElementById('format-preview');
const previewToggle = document.getElementById('format-preview-toggle');
REG.REGISTRY.forEach(tpl => {
const btn = document.createElement('button');
btn.textContent = tpl.name;
btn.setAttribute('data-tpl-id', tpl.id);
btn.style.cssText = `
background: linear-gradient(135deg, #f472b6, #ec4899);
color: #fff;
border: 1px solid transparent;
padding: 8px 12px;
border-radius: 6px;
font-size: 12px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
min-width: 70px;
box-shadow: 0 1px 3px rgba(244, 114, 182, 0.3);
`;
btn.addEventListener('mouseenter', () => {
if (REG.CURRENT_ID !== tpl.id) {
btn.style.transform = 'translateY(-1px)';
btn.style.boxShadow = '0 2px 6px rgba(244,114,182,.35)';
}
});
btn.addEventListener('mouseleave', () => {
if (REG.CURRENT_ID !== tpl.id) {
btn.style.transform = 'translateY(0)';
btn.style.boxShadow = '0 1px 3px rgba(244,114,182,.2)';
}
});
btn.addEventListener('click', (e) => {
// 阻止事件冒泡和默认行为，避免触发编辑器自动保存
e.stopPropagation();
e.preventDefault();
// 选中动画
btn.style.transform = 'scale(0.98)';
setTimeout(() => { btn.style.transform = 'scale(1)'; }, 120);
// 若再次点击同一个按钮，则视为取消选择
if (REG.CURRENT_ID === tpl.id) {
REG.CURRENT_ID = null;
btn.style.background = '#f472b6';
btn.style.color = '#fff';
btn.style.border = '1px solid transparent';
btn.style.boxShadow = '0 1px 3px rgba(244,114,182,.2)';
// 不强制关闭预览，保留上一次内容；如需关闭可开启：
// previewContainer.style.display = 'none'; previewToggle.textContent = '显示预览';
return;
}
// 取消其他按钮的选中样式
resetTemplateButtonStyles();
// 设置当前为选中（白色高亮）
REG.CURRENT_ID = tpl.id;
btn.style.background = '#fff';
btn.style.color = '#db2777';
btn.style.border = '1px solid #f472b6';
btn.style.boxShadow = '0 2px 8px rgba(236,72,153,.25)';
// 预览模板
const demoHtml = compileTemplate(tpl.content, buildTemplateVars());
previewContainer.style.display = 'block';
previewToggle.textContent = '隐藏预览';
previewContainer.innerHTML = `
当前模板：${tpl.name}
` + demoHtml;
});
buttonContainer.appendChild(btn);
});
} catch (e) { /* 忽略模板初始化异常，避免影响主流程 */ }
}
// 将外部模板自动打上占位符，便于替换
function templatizeHtml(html) {
try {
let h = String(html || '');
if (!/\{\{title\}\}/.test(h)) h = h.replace(/(
]*>)([\s\S]*?)(<\/h[12]>)/i, '$1{{title}}$3');
let imgIdx = 0;
h = h.replace(/(]*?src=")([^"]+)("[^>]*>)/ig, (m, p1, p2, p3) => {
imgIdx += 1;
if (imgIdx === 1) return `${p1}{{posterUrl}}${p3}`;
if (imgIdx === 2) return `${p1}{{sceneUrl}}${p3}`;
return m;
});
h = h.replace(/(豆瓣评分[^<]*?]*>)[^<]+(<\/span>)/i, '$1{{rating}}$2');
return h;
} catch { return html; }
}
function compileTemplate(raw, vars) {
return String(raw || '').replace(/\{\{(\w+)\}\}/g, (m, k) => (vars && (k in vars) ? (vars[k] ?? '') : ''));
}
function buildTemplateVars() {
const info = currentMovieInfo || {};
const src = (info && info.source) || '';
const url = (info && info.url) || '';
const isDouban = src === '豆瓣' || (url && url.includes('douban.com'));
const isTmdb = src === 'TMDB' || (url && url.includes('themoviedb.org'));
const isImdb = src === 'IMDB' || (url && url.includes('imdb.com'));
const idLineHtml = (function(){
if (isDouban) {
const id = info.doubanId || '—';
const link = url || (info.doubanId ? `https://movie.douban.com/subject/${info.doubanId}/` : '');
return link ? `豆瓣 ${id}` : `豆瓣 ${id}`;
}
if (isTmdb) {
const id = info.tmdbId || '—';
const link = info.tmdbId ? `https://www.themoviedb.org/${info.mediaType || 'movie'}/${info.tmdbId}` : (url || '');
return link ? `TMDB ${id}` : `TMDB ${id}`;
}
if (info.imdbId) {
const link = `https://www.imdb.com/title/${info.imdbId}/`;
return `IMDB ${info.imdbId}`;
}
return '—';
})();
// 评分来源标签与标识三元组
const ratingSource = isDouban ? '豆瓣' : (isTmdb ? 'TMDB' : (isImdb ? 'IMDB' : '评分'));
let markerType = '—', markerLink = '', markerId = '—';
if (isDouban && (info.doubanId || url)) {
markerType = '豆瓣';
markerId = info.doubanId || '—';
markerLink = url || (info.doubanId ? `https://movie.douban.com/subject/${info.doubanId}/` : '');
} else if (isTmdb && info.tmdbId) {
markerType = 'TMDB';
markerId = info.tmdbId;
markerLink = `https://www.themoviedb.org/${info.mediaType || 'movie'}/${info.tmdbId}`;
} else if (isImdb && info.imdbId) {
markerType = 'IMDB';
markerId = info.imdbId;
markerLink = `https://www.imdb.com/title/${info.imdbId}/`;
}
// 自动简介：优先 info.intro，否则简短占位
const introAuto = (info.intro && String(info.intro).trim())
? info.intro
: '暂无剧情简介，欢迎补充你的观影理解～';
// 自动热评：从 currentComments 取首条
let commentsAuto = '暂无热评，分享你的观影感受吧～
';
try {
if (Array.isArray(currentComments) && currentComments.length > 0) {
const first = currentComments[0];
const quote = (first && (first.content || first.text || first.comment || '')).toString().trim();
const author = (first && (first.author || first.user || first.nickname || '匿名'));
if (quote) {
commentsAuto = `\"${quote}\"
—— ${isDouban ? '豆瓣用户' : '用户'} @${author}
`;
}
} else if (isTmdb) {
// TMDB无热评：用剧情/标语摘录 + TMDB更多评价链接
const raw = (info.intro || info.tagline || '').toString().trim();
const snippet = raw ? (raw.length > 80 ? raw.slice(0, 78) + '…' : raw) : `类型：${(Array.isArray(info.genreTags) ? info.genreTags.join(' / ') : (info.genres || '影片'))}`;
const rvLink = info.tmdbId ? `https://www.themoviedb.org/${info.mediaType || 'movie'}/${info.tmdbId}/reviews` : '';
const linkHtml = rvLink ? ` 更多评价` : '';
commentsAuto = `\"${snippet}\"
—— 看点摘录${linkHtml}
`;
}
} catch (e) {}
// 热评首条提供给模板2的精简占位
let commentQuote = '';
let commentAuthor = '';
let commentSourceLabel = isDouban ? '豆瓣用户' : (isTmdb ? 'TMDB用户' : '用户');
try {
if (Array.isArray(currentComments) && currentComments.length > 0) {
const first = currentComments[0];
commentQuote = (first && (first.content || first.text || first.comment || '')).toString().trim() || '';
commentAuthor = (first && (first.author || first.user || first.nickname || '匿名')) || '';
}
} catch (e) {}
if (!commentQuote) {
commentQuote = '暂无热评，分享你的观影感受吧～';
commentAuthor = '匿名';
}
// 演员截断：避免撑开导致中间空隙，保留前若干字符与人名数量
const actorShort = (function(){
const raw = info.actor || '';
if (!raw) return '未知';
// 先按顿号/逗号/空格拆分，最多取前6个；若依旧很长，再做总长度截断
const names = String(raw).split(/[、，,\s]+/).filter(Boolean).slice(0, 6);
let txt = names.join('、');
if (txt.length > 38) txt = txt.slice(0, 36) + '…';
return txt;
})();
// 展示用兜底字段，避免模板出现未替换占位
const directorDisplay = info.director || '未知';
const writerDisplay = info.writer || '未知';
const genresDisplay = (Array.isArray(info.genreTags) ? info.genreTags.filter(Boolean).join(' / ') : (info.genres || '')) || '未知';
const regionDisplay = info.region || '未知';
const filmLanguage = info.language || info.lang || '';
const filmLanguageDisplay = filmLanguage || '未知';
const runtimeDisplay = info.runtime || '未知';
const releaseDisplay = (info.release || info.releaseDate || '') || '未知';
const actorDisplay = (actorShort || info.actor || '').trim() || '未知';
return {
title: info.title || info.originalTitle || '标题',
originalTitle: info.originalTitle || '',
originalTitleSafe: info.originalTitle || '无原名',
originalTitleParen: (info.originalTitle && info.originalTitle !== (info.title || '')) ? `（${info.originalTitle}）` : '',
director: info.director || '',
writer: info.writer || '',
actor: info.actor || '',
actorShort,
originalAuthor: info.originalAuthor || info.writer || '',
genres: Array.isArray(info.genreTags) ? info.genreTags.join(' / ') : (info.genres || ''),
genreTags: Array.isArray(info.genreTags) ? info.genreTags : [],
release: info.release || info.releaseDate || '',
region: info.region || '',
runtime: info.runtime || '',
filmLanguage,
doubanId: info.doubanId || '',
imdbId: info.imdbId || '',
idLineHtml,
posterUrl: selectedPosterUrl || 'https://via.placeholder.com/680x480/ff69b4/FFF?text=Poster',
sceneUrl: selectedStillUrl || 'https://via.placeholder.com/640x340/ff69b4/FFF?text=Scene',
rating: info.rating || '—',
introAuto,
commentsAuto,
ratingSource,
markerType,
markerLink,
markerId,
commentQuote,
commentAuthor,
commentSourceLabel,
detailTip: info.detailTip || '镜头语言设计',
watchWith: info.watchWith || '家人/朋友',
watchScene: info.watchScene || '周末午后',
// 展示用（模板2使用）
directorDisplay,
writerDisplay,
genresDisplay,
regionDisplay,
filmLanguageDisplay,
runtimeDisplay,
releaseDisplay,
actorDisplay
};
}
function getCurrentEditor() {
// 先检查已经缓存的sourceCodeElement
if (sourceCodeElement && sourceCodeElement.offsetParent !== null) {
console.log('Found cached sourceCodeElement:', sourceCodeElement);
return { type: 'textarea', instance: sourceCodeElement };
}
// 检查CodeMirror编辑器
const codeMirror = document.querySelector('.CodeMirror');
if (codeMirror && codeMirror.CodeMirror) {
console.log('Found CodeMirror editor');
return { type: 'codemirror', instance: codeMirror.CodeMirror };
}
// 扩展的编辑器选择器列表，覆盖更多可能的编辑器类型
const editorSelectors = [
'#myModal-code textarea',
'textarea.tox-textarea',
'textarea.mce-textbox',
'textarea.cke_source',
'textarea[name="message"]',
'#editor_content',
'textarea[name="content"]', // 常见的内容输入框
'#post_content', // 论坛常见的内容输入框
'textarea#content', // ID为content的textarea
'.editor-content textarea', // 带有editor-content类的容器内的textarea
'#post_message', // 论坛发帖编辑器
'.article-editor textarea', // 文章编辑器
'div[contenteditable="true"]', // 富文本编辑区
'.prose-editor', // 专业编辑器
'textarea[id^="editor_"]', // ID以editor_开头的textarea
'textarea[id$="_editor"]', // ID以_editor结尾的textarea
'textarea.editor'
];
for (const selector of editorSelectors) {
const elem = document.querySelector(selector);
if (elem && elem.style.display !== 'none' && elem.offsetParent !== null) {
console.log('Found editor with selector:', selector);
sourceCodeElement = elem;
return { type: 'textarea', instance: elem };
}
}
// 最后的尝试：查找页面上所有可见的textarea
const allTextareas = document.querySelectorAll('textarea');
for (let i = 0; i < allTextareas.length; i++) {
const textarea = allTextareas[i];
if (textarea && textarea.style.display !== 'none' && textarea.offsetParent !== null &&
textarea.offsetWidth > 100 && textarea.offsetHeight > 100) {
console.log('Found visible textarea as fallback');
sourceCodeElement = textarea;
return { type: 'textarea', instance: textarea };
}
}
if (!editorNotFoundLogged) {
console.log('No editor found');
editorNotFoundLogged = true;
}
return null;
}
// 修改绑定按钮事件（确保加载更多功能正常）
function bindEventListeners() {
// 绑定AI相关事件监听器
bindAIEventListeners();
let fetchBtn = document.getElementById('fetch-btn');
const mediaUrlInput = document.getElementById('media-url');
const pasteBtn = document.getElementById('paste-btn');
const clearBtn = document.getElementById('clear-btn');
const confirmImagesBtn = document.getElementById('confirm-images-btn');
const loadMorePostersBtn = document.getElementById('load-more-posters');
const loadMoreStillsBtn = document.getElementById('load-more-stills');
// 调试代码：检查按钮状态
if (fetchBtn) {
console.log('提取按钮已找到，初始状态：', {
classList: fetchBtn.classList.toString(),
style: {
pointerEvents: fetchBtn.style.pointerEvents,
cursor: fetchBtn.style.cursor,
opacity: fetchBtn.style.opacity
}
});
// 添加状态变化监听
const observer = new MutationObserver((mutations) => {
mutations.forEach(mutation => {
if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
console.log('按钮class变化：', fetchBtn.classList.toString());
}
});
});
observer.observe(fetchBtn, { attributes: true });
}
// 输入URL时激活提取按钮 - 已移至按钮初始化中，避免重复监听
// 提取影视信息按钮
if (fetchBtn) {
// 移除所有可能的现有事件监听器
const newFetchBtn = fetchBtn.cloneNode(true);
fetchBtn.parentNode.replaceChild(newFetchBtn, fetchBtn);
// 重新获取按钮引用
const updatedFetchBtn = document.getElementById('fetch-btn');
// 根据输入框内容决定按钮状态
if (mediaUrlInput && mediaUrlInput.value.trim()) {
updatedFetchBtn.classList.add('active');
updatedFetchBtn.style.pointerEvents = 'auto';
updatedFetchBtn.style.cursor = 'pointer';
updatedFetchBtn.style.opacity = '1';
updatedFetchBtn.style.display = 'block';
} else {
updatedFetchBtn.classList.remove('active');
updatedFetchBtn.style.pointerEvents = 'none';
updatedFetchBtn.style.cursor = 'not-allowed';
updatedFetchBtn.style.opacity = '0.6';
updatedFetchBtn.style.display = 'none';
}
// 确保按钮在页面加载时根据当前输入框内容正确激活
if (mediaUrlInput) {
const checkButtonState = () => {
if (mediaUrlInput.value.trim()) {
updatedFetchBtn.classList.add('active');
updatedFetchBtn.style.pointerEvents = 'auto';
updatedFetchBtn.style.cursor = 'pointer';
updatedFetchBtn.style.opacity = '1';
updatedFetchBtn.style.display = 'block';
} else {
updatedFetchBtn.classList.remove('active');
updatedFetchBtn.style.pointerEvents = 'none';
updatedFetchBtn.style.cursor = 'not-allowed';
updatedFetchBtn.style.opacity = '0.6';
updatedFetchBtn.style.display = 'none';
}
};
// 立即检查一次
checkButtonState();
// 监听输入变化
mediaUrlInput.addEventListener('input', checkButtonState);
}
// 绑定新的点击事件处理函数
updatedFetchBtn.addEventListener('click', async function (e) {
console.log('提取按钮被点击');
// 触发阻断：阻止事件冒泡，防止触发表单验证
e.stopPropagation();
e.preventDefault();
const url = document.getElementById('media-url')?.value.trim();
if (!url) {
showStatus('请输入影视链接', true);
return;
}
showStatus('正在提取影视信息...', false);
try {
currentMovieInfo = await getBasicInfo(url);
currentComments = await getHotComments(url);
showStatus('信息提取完成，请选择海报和剧照', false);
await showImageSelection(currentMovieInfo);
} catch (err) {
showStatus(`提取失败：${err.message || '未知错误'}`, true);
console.error('提取错误:', err);
}
});
// 更新引用
fetchBtn = updatedFetchBtn;
// 确保按钮状态与输入框内容同步
if (mediaUrlInput && mediaUrlInput.value.trim()) {
updatedFetchBtn.classList.add('active');
updatedFetchBtn.style.pointerEvents = 'auto';
updatedFetchBtn.style.cursor = 'pointer';
updatedFetchBtn.style.opacity = '1';
updatedFetchBtn.style.display = 'block';
} else {
updatedFetchBtn.classList.remove('active');
updatedFetchBtn.style.pointerEvents = 'none';
updatedFetchBtn.style.cursor = 'not-allowed';
updatedFetchBtn.style.opacity = '0.6';
updatedFetchBtn.style.display = 'none';
}
}
// 手动粘贴内容按钮
if (pasteBtn) {
pasteBtn.addEventListener('click', async function (e) {
// 触发阻断：阻止事件冒泡，防止触发表单验证
e.stopPropagation();
e.preventDefault();
const backupHtml = document.getElementById('backup-html').value;
if (backupHtml) {
await autoClickSourceBtn();
const filled = await autoFillSourceBox(backupHtml);
if (filled) {
showStatus('内容已粘贴到编辑框', false);
} else {
showStatus('内容粘贴失败，请手动粘贴剪贴板内容', true);
}
}
});
}
// 清除所有内容按钮
if (clearBtn) {
clearBtn.addEventListener('click', function (e) {
// 触发阻断：阻止事件冒泡，防止触发表单验证
e.stopPropagation();
e.preventDefault();
if (mediaUrlInput) mediaUrlInput.value = '';
const searchInput = document.getElementById('search-movie');
if (searchInput) searchInput.value = '';
const searchResults = document.getElementById('search-results');
if (searchResults) { searchResults.classList.remove('show'); searchResults.style.visibility='hidden'; searchResults.style.opacity='0'; searchResults.style.pointerEvents='none'; }
const imageSelection = document.getElementById('image-selection');
if (imageSelection) imageSelection.style.display = 'none';
if (posterContainer) posterContainer.innerHTML = '';
if (stillContainer) stillContainer.innerHTML = '';
if (fetchBtn) {
fetchBtn.classList.remove('active');
fetchBtn.style.display = 'none';
fetchBtn.style.pointerEvents = 'none';
fetchBtn.style.cursor = 'not-allowed';
fetchBtn.style.opacity = '0.6';
}
selectedPosterUrl = '';
selectedStillUrl = '';
currentMovieInfo = null;
currentComments = [];
// 重置页码
posterPage = 1;
stillPage = 1;
showStatus('已清除所有内容', false);
});
}
// 确认选择并填充按钮
if (confirmImagesBtn) {
confirmImagesBtn.addEventListener('click', async function (e) {
// 触发阻断：阻止事件冒泡，防止触发表单验证
e.stopPropagation();
e.preventDefault();
if (!currentMovieInfo) {
showStatus('未找到影视信息，请重新加载', true);
return;
}
// 兜底：优先读取已选元素的dataset.url，保证首次不点击也能拿到生效后的dataURL
try {
if ((!selectedPosterUrl || /doubanio\.com/.test(selectedPosterUrl)) && selectedPosterEl && selectedPosterEl.dataset && selectedPosterEl.dataset.url) {
selectedPosterUrl = selectedPosterEl.dataset.url;
}
} catch (e) {}
try {
if ((!selectedStillUrl || /doubanio\.com/.test(selectedStillUrl)) && selectedStillEl && selectedStillEl.dataset && selectedStillEl.dataset.url) {
selectedStillUrl = selectedStillEl.dataset.url;
}
} catch (e) {}
// 保障：控件里可显示缩略，进入排版确保原图
try {
// Douban：若仍是直链且疑似 m/s 尺寸，则拉取 raw/l 为 DataURL
if (/^https?:\/\/.*doubanio\.com\//.test(selectedPosterUrl)) {
const rawBase = selectedPosterEl && selectedPosterEl.dataset && selectedPosterEl.dataset.rawUrl
? selectedPosterEl.dataset.rawUrl
: selectedPosterUrl;
selectedPosterUrl = await getImageDataURLWithQuality(rawBase);
}
} catch(_) {}
try {
if (/^https?:\/\/.*doubanio\.com\//.test(selectedStillUrl)) {
const rawBase = selectedStillEl && selectedStillEl.dataset && selectedStillEl.dataset.rawUrl
? selectedStillEl.dataset.rawUrl
: selectedStillUrl;
selectedStillUrl = await getImageDataURLWithQuality(rawBase);
}
} catch(_) {}
const finalPosterUrl = toTMDBOriginal(selectedPosterUrl || '') || 'https://picsum.photos/200/300?default-poster';
const finalStillUrl = toTMDBOriginal(selectedStillUrl || '') || 'https://picsum.photos/300/180?default-still';
// 模板阀门：优先使用已选模板
let useTemplate = false;
let html;
try {
const REG = window.__TEMPLATE__;
if (REG && REG.CURRENT_ID) {
const chosen = REG.REGISTRY.find(t => t.id === REG.CURRENT_ID);
if (chosen) {
useTemplate = true;
html = compileTemplate(chosen.content, buildTemplateVars());
// 应用后清空选中与高亮
resetTemplateButtonStyles();
REG.CURRENT_ID = null;
}
}
} catch (e) { /* 忽略模板异常，回退到原排版 */ }
if (!useTemplate) {
showStatus('正在生成HTML内容...', false);
html = generateHTML(currentMovieInfo, currentComments, finalPosterUrl, finalStillUrl);
} else {
showStatus('正在应用模板并生成内容...', false);
}
// 异常兜底：本地存储备份，防止填充失败
try {
localStorage.setItem('backup-movie-html', html);
} catch (localStorageError) {
console.log('localStorage备份失败:', localStorageError);
}
const backupHtml = document.getElementById('backup-html');
if (backupHtml) backupHtml.value = html;
// 统一逻辑：直接写入并自动保存
const success = await writeHtmlToAnyEditor(html);
try { await autoClickSaveBtn(); } catch(_) {}
showStatus(success ? (useTemplate ? '模板已写入并自动保存' : '内容已写入并自动保存') : '写入失败，已提供剪贴板备份', !success);
});
}
// 绑定加载更多海报按钮（确保点击有效）
if (loadMorePostersBtn) {
// 先移除旧事件（避免重复绑定）
loadMorePostersBtn.removeEventListener('click', loadMorePosters);
// 创建新的包装函数以添加事件阻止
const wrappedLoadMorePosters = function(e) {
// 触发阻断：阻止事件冒泡，防止触发表单验证
e.stopPropagation();
e.preventDefault();
loadMorePosters();
};
loadMorePostersBtn.addEventListener('click', wrappedLoadMorePosters);
}
// 绑定加载更多剧照按钮（确保点击有效）
if (loadMoreStillsBtn) {
// 先移除旧事件（避免重复绑定）
loadMoreStillsBtn.removeEventListener('click', loadMoreStills);
// 创建新的包装函数以添加事件阻止
const wrappedLoadMoreStills = function(e) {
// 触发阻断：阻止事件冒泡，防止触发表单验证
e.stopPropagation();
e.preventDefault();
loadMoreStills();
};
loadMoreStillsBtn.addEventListener('click', wrappedLoadMoreStills);
}
// 初始化搜索交互
setupSearchInteractions();
// 设置海报/剧照容器的事件委托（避免为每个item单独绑定）
setupImageSelectionDelegates();
// 确保移动端适配在绑定事件后应用
applyMobileStyles();
}
function setupImageSelectionDelegates() {
if (!posterContainer) posterContainer = document.getElementById('poster-candidates');
if (!stillContainer) stillContainer = document.getElementById('still-candidates');
// 保证默认选中元素引用与dataset同步（首次渲染后立即记录）
try {
const firstPoster = posterContainer && posterContainer.firstElementChild;
if (firstPoster && !selectedPosterEl) selectedPosterEl = firstPoster;
const firstStill = stillContainer && stillContainer.firstElementChild;
if (firstStill && !selectedStillEl) selectedStillEl = firstStill;
} catch (e) {}
if (posterContainer && !posterContainer.dataset.delegateBound) {
posterContainer.addEventListener('click', function (e) {
const item = e.target.closest('div');
if (!item || !posterContainer.contains(item) || !item.dataset || !item.dataset.url) return;
const url = item.dataset.url;
selectedPosterUrl = url;
if (selectedPosterEl && selectedPosterEl !== item) {
selectedPosterEl.style.border = '1px solid #f3d5d9';
selectedPosterEl.style.boxShadow = 'none';
selectedPosterEl.style.padding = '0px';
}
// 使用粉色外框+偏移留白作为选中状态
item.style.border = '3px solid #ec4899';
item.style.boxShadow = '0 4px 12px rgba(236, 72, 153, 0.3)';
item.style.padding = '2px';
selectedPosterEl = item;
});
posterContainer.dataset.delegateBound = '1';
}
if (stillContainer && !stillContainer.dataset.delegateBound) {
stillContainer.addEventListener('click', function (e) {
const item = e.target.closest('div');
if (!item || !stillContainer.contains(item) || !item.dataset || !item.dataset.url) return;
const url = item.dataset.url;
selectedStillUrl = url;
if (selectedStillEl && selectedStillEl !== item) {
selectedStillEl.style.border = '1px solid #f3d5d9';
selectedStillEl.style.boxShadow = 'none';
selectedStillEl.style.padding = '0px';
}
// 使用粉色外框+偏移留白作为选中状态
item.style.border = '3px solid #ec4899';
item.style.boxShadow = '0 4px 12px rgba(236, 72, 153, 0.3)';
item.style.padding = '2px';
selectedStillEl = item;
});
stillContainer.dataset.delegateBound = '1';
}
}
// 绑定AI相关事件监听器
function bindAIEventListeners() {
if (aiEventsBound) return; // 避免重复绑定导致多次请求
// 先确保AI面板内容已正确生成并插入
const aiPanelContainer = document.getElementById('ai-panel-container');
if (aiPanelContainer && aiPanelContainer.innerHTML.trim() === '') {
// 使用传统的DOM操作方式插入AI面板内容
aiPanelContainer.innerHTML = createAIPanelContent();
}
// 重新排序：将“AI检索与图片选择”整体移动到“生成提示”上方
try {
const promptDiv = document.getElementById('ai-prompt-input')?.parentElement;
const searchWrap = document.getElementById('ai-search-input')?.closest('div[style*="border:1px solid"]');
if (promptDiv && searchWrap && promptDiv.previousSibling !== searchWrap) {
promptDiv.parentElement.insertBefore(searchWrap, promptDiv);
}
} catch (_) {}
// 获取所有需要的元素
const aiFunctionSelect = document.getElementById('ai-function-select');
const aiPromptInput = document.getElementById('ai-prompt-input');
const generateAiTextBtn = document.getElementById('generate-ai-text');
const abortAiBtn = document.getElementById('abort-ai-generate');
const aiResultArea = document.getElementById('ai-result-area');
const aiResultContent = document.getElementById('ai-result-content');
// 选择结果忙碌锁，防止重复点击
let aiResultsBusy = false;
// 新增：AI 检索与图片区域元素
const aiSearchInput = document.getElementById('ai-search-input');
const aiSearchStatus = document.getElementById('ai-search-status');
const aiSearchResults = document.getElementById('ai-search-results');
const aiImageSelection = document.getElementById('ai-image-selection');
const aiPosterContainer = document.getElementById('ai-poster-candidates');
const aiStillContainer = document.getElementById('ai-still-candidates');
const aiLoadMorePosters = document.getElementById('ai-load-more-posters');
const aiLoadMoreStills = document.getElementById('ai-load-more-stills');
const aiAutoTitle = document.getElementById('ai-auto-title');
const aiDeepThink = document.getElementById('ai-deep-think');
const aiWebBrowse = document.getElementById('ai-web-browse');
const aiFeatureTip = document.getElementById('ai-feature-tip');
// 根据模型能力开启/禁用“深度思考/联网补充”
(function initFeatureToggles(){
const cfg = getConfig();
const model = (cfg.AI.DEFAULT_MODEL||'').toLowerCase();
const provider = (cfg.AI.PROVIDER||'').toLowerCase();
let supportsDeep = /gpt-4|gpt-4o|gpt-4\.1|claude-3|sonnet|gemini|glm|qwen|deepseek|mixtral/.test(model) || /openai|anthropic|gemini|bigmodel|aliyuncs|ark|together/.test(provider);
let supportsWeb = /gpt-4o|gpt-4\.1|gemini|qwen|glm|deepseek/.test(model) || /gemini|aliyuncs|bigmodel/.test(provider);
if (aiDeepThink) {
aiDeepThink.disabled = !supportsDeep;
const wrap = document.getElementById('ai-deep-wrap');
if (wrap) wrap.style.opacity = supportsDeep? '1' : '0.5';
}
if (aiWebBrowse) {
aiWebBrowse.disabled = !supportsWeb;
const wrap = document.getElementById('ai-web-wrap');
if (wrap) wrap.style.opacity = supportsWeb? '1' : '0.5';
}
if (aiFeatureTip) {
aiFeatureTip.textContent = (!supportsDeep || !supportsWeb) ? '当前模型部分功能不可用' : '';
}
})();
// 已移除AI“搜索”按钮，以下为通用的状态展示工具
function setAiSearchLoading(show, text = '正在加载...') {
if (!aiSearchStatus) return;
if (show) {
aiSearchStatus.style.display = 'block';
aiSearchStatus.textContent = text;
} else {
aiSearchStatus.style.display = 'none';
}
}
async function renderAiImageSelection(info){
aiImageSelection.style.display = 'block';
aiPosterContainer.innerHTML = '';
aiStillContainer.innerHTML = '';
// 切换影片时清空AI区域多选集合
try { aiSelectedPosterUrls.clear(); aiSelectedStillUrls.clear(); } catch (e) {}
// 记录AI侧影片信息
aiCurrentMovieInfo = info || null;
const posters = info.posterUrls || [];
const stills = info.stillUrls || [];
const buildCard = (rawUrl, type) => {
const card = document.createElement('div');
card.style.cssText = 'width:100%;height:'+(type==='poster'?'180px':'120px')+';border:1px solid #f3d5d9;border-radius:6px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff5f7;';
const img = document.createElement('img');
img.style.cssText = 'max-width:100%;max-height:100%;object-fit:contain;';
img.src = LAZY_PLACEHOLDER;
card.appendChild(img);
card.dataset.url = rawUrl;
card.onclick = function(){ try {
const chosen = this.dataset.url;
const isSelected = this.style.border && this.style.border.indexOf('3px solid')!==-1;
if (isSelected) {
this.style.border = '1px solid #f3d5d9';
this.style.boxShadow = 'none';
this.style.padding = '0px';
if (type==='poster') { aiSelectedPosterUrls.delete(chosen); } else { aiSelectedStillUrls.delete(chosen); }
} else {
this.style.border = '3px solid #ec4899';
this.style.boxShadow = '0 4px 12px rgba(236, 72, 153, 0.3)';
this.style.padding = '2px';
if (type==='poster') { aiSelectedPosterUrls.add(chosen); } else { aiSelectedStillUrls.add(chosen); }
}
} catch(e){} };
// 懒加载真实缩略图
getThumbnailForDisplay(rawUrl).then(src=>{ img.src = src; });
// 预升级为更高清尺寸或DataURL
const upgrade = shouldConvertToDataURL(rawUrl)
? getImageDataURLWithQuality(rawUrl)
: Promise.resolve(
type === 'poster'
? rawUrl.replace(`/${getConfig().TMDB.LIST_POSTER_SIZE}/`, `/${getConfig().TMDB.SELECTED_POSTER_SIZE}/`)
: rawUrl.replace(`/${getConfig().TMDB.LIST_STILL_SIZE}/`, `/${getConfig().TMDB.SELECTED_STILL_SIZE}/`)
);
upgrade.then(du=>{ card.dataset.url = du; if (type==='poster') { if (aiSelectedPosterUrls.has(rawUrl)) { aiSelectedPosterUrls.delete(rawUrl); aiSelectedPosterUrls.add(du); } } else { if (aiSelectedStillUrls.has(rawUrl)) { aiSelectedStillUrls.delete(rawUrl); aiSelectedStillUrls.add(du); } } });
return card;
};
// 如果接口暂时未返回图片，主动拉取首批
let posterList = posters;
let stillList = stills;
if ((!posterList || posterList.length===0) && info.url) { try { posterList = await getDoubanOfficialPosters(info.url, 1); } catch(e) {} }
if ((!stillList || stillList.length===0) && info.url) { try { stillList = await getDoubanStillsList(info.url, 1); } catch(e) {} }
// 批量DOM插入，降低重排
const pFrag = document.createDocumentFragment();
(posterList||[]).forEach(u=>{ pFrag.appendChild(buildCard(u, 'poster')); });
aiPosterContainer.appendChild(pFrag);
const sFrag = document.createDocumentFragment();
(stillList||[]).forEach(u=>{ sFrag.appendChild(buildCard(u, 'still')); });
aiStillContainer.appendChild(sFrag);
// 当列表条数>=首批数时显示“加载更多”
const pageSize = getConfig().TMDB.IMAGE_CANDIDATES_COUNT || 5;
const hasMorePosters = (posterList && posterList.length >= pageSize);
const hasMoreStills = (stillList && stillList.length >= pageSize);
if (aiLoadMorePosters) { aiLoadMorePosters.style.display = hasMorePosters ? 'inline-block' : 'none'; }
if (aiLoadMoreStills) { aiLoadMoreStills.style.display = hasMoreStills ? 'inline-block' : 'none'; }
}
// 输入时自动弹出搜索结果列表（500ms防抖）
if (aiSearchInput) {
let debounceTimer;
aiSearchInput.addEventListener('input', function(){
clearTimeout(debounceTimer);
const v = this.value.trim();
if (!v) { if (aiSearchResults) aiSearchResults.style.display = 'none'; return; }
debounceTimer = setTimeout(async ()=>{
if (isMainFlowActive) return; // 主流程激活时隔离AI检索
setAiSearchLoading(true, '搜索中...');
const [d, t] = await Promise.all([searchDouban(v).catch(()=>[]), searchTMDB(v).catch(()=>[])]);
const unique = rankAndDedupResults([...(d||[]), ...(t||[])], v).slice(0,60);
aiSearchResults.style.display = 'block';
aiSearchResults.innerHTML = '';
displaySearchResults(unique, aiSearchResults);
// 重新绑定点击（避免多次搜索后因旧监听失效而无反应）
aiSearchResults.onclick = null;
aiResultsBusy = false;
aiSearchResults.addEventListener('click', async (ev)=>{
const itemEl = ev.target.closest('.search-item');
if (!itemEl) return;
const url = itemEl.getAttribute('data-url');
if (!url) return;
if (aiResultsBusy) return;
aiResultsBusy = true;
setAiSearchLoading(true, '正在加载图片...');
const detail = await getBasicInfo(url);
await renderAiImageSelection(detail);
// 自动把选中的片名写入提示词（可开关，且会替换旧的“目标影视：”行）
try {
if (aiAutoTitle && aiAutoTitle.checked) {
const p = document.getElementById('ai-prompt-input');
if (p) {
const title = (detail && detail.title) || (itemEl.querySelector('strong')?.textContent)||'';
if (title) {
// 移除旧的“目标影视：xxx”行
let cleaned = (p.value || '').replace(/^\s*目标影视：.*$/gm, '').trim();
p.value = (cleaned ? cleaned + '\n' : '') + `目标影视：${title}`;
}
}
}
// 若关掉开关，则清理已有的“目标影视：”行
else {
const p = document.getElementById('ai-prompt-input');
if (p) p.value = (p.value || '').replace(/^\s*目标影视：.*$/gm, '').trim();
}
} catch(_) {}
setAiSearchLoading(false);
aiResultsBusy = false;
});
setAiSearchLoading(false);
}, 500);
});
}
const copyAiResultBtn = document.getElementById('copy-ai-result');
const insertAiResultBtn = document.getElementById('insert-ai-result');
// 绑定AI角色设置按钮点击事件 - 已移除入口，保留空函数避免引用错误
function setupAIRoleSettingsBtn() { return; }
// 立即执行一次
setupAIRoleSettingsBtn();
// 已移除轮询与降级逻辑，避免无意义的DOM操作
// 切换AI功能类型时更新提示框占位符
if (aiFunctionSelect && aiPromptInput) {
aiFunctionSelect.addEventListener('change', function() {
const selectedId = this.value;
const config = getConfig();
const selectedFeature = config.AI.FEATURES.find(f => f.id === selectedId);
if (selectedFeature && selectedFeature.placeholder) {
aiPromptInput.placeholder = selectedFeature.placeholder;
}
});
}
// 生成AI文本
if (generateAiTextBtn) {
// 防抖：避免重复触发导致多次请求
let isGenerating = false;
generateAiTextBtn.addEventListener('click', async function(e) {
e.stopPropagation();
e.preventDefault();
if (isGenerating) return;
isGenerating = true;
if (abortAiBtn) abortAiBtn.style.display = 'inline-block';
const functionType = aiFunctionSelect.value;
const promptText = aiPromptInput.value.trim();
const styleSelectionEl = document.getElementById('ai-style-select');
const styleChoice = styleSelectionEl ? (styleSelectionEl.value || '') : '';
const config = getConfig();
const apiEndpoint = config.AI.API_ENDPOINT;
const apiKey = config.AI.API_KEY;
if (!promptText) {
showStatus('请输入生成提示', true, 'ai');
return;
}
if (!apiEndpoint) {
showStatus('请配置AI API端点', true, 'ai');
return;
}
// 显示加载状态
generateAiTextBtn.disabled = true;
generateAiTextBtn.innerHTML = '生成中...';
aiResultArea.style.display = 'none';
aiResultContent.textContent = '';
try {
// 获取AI侧影片信息（与主流程隔离）
let movieContext = '';
const refInfo = aiCurrentMovieInfo || currentMovieInfo;
if (refInfo) {
movieContext = `\n\n参考影视信息：\n名称：${refInfo.title}\n类型：${refInfo.genreTags?.join('、') || '未知'}\n简介：${refInfo.intro?.substring(0, 300) || '暂无简介'}`;
}
// 获取编辑框内容作为上下文
let editorContext = '';
const editor = getCurrentEditor();
if (editor) {
let editorContent = '';
if (editor.type === 'codemirror') {
editorContent = editor.instance.getValue();
} else if (editor.instance) {
// 处理普通textarea
if (editor.instance.value) {
editorContent = editor.instance.value;
}
// 处理contenteditable元素
else if (editor.instance.getAttribute('contenteditable') === 'true') {
editorContent = editor.instance.textContent || editor.instance.innerText;
}
}
if (editorContent && editorContent.trim()) {
console.log('Successfully got editor content, length:', editorContent.length);
// 只取前1000个字符，避免上下文过长
const trimmedContent = editorContent.substring(0, 1000);
editorContext = `\n\n编辑框内容（作为参考）：\n${trimmedContent}`;
} else {
console.log('Editor found but content is empty');
}
} else {
if (!editorNotFoundLogged) {
console.log('No editor found');
editorNotFoundLogged = true;
}
}
// 生成完整的提示词（附加固定框架提示+预设模板+已选图片URL）
// 去掉“让AI学习排版文件”的旧提示拼接
const presetHead = '';
const presetText = '';
// 收集多选图片
// 仅使用AI面板选择的图片，绝不读取主工具选择
const posterListForAI = Array.from(aiSelectedPosterUrls || []);
const stillListForAI = Array.from(aiSelectedStillUrls || []);
// 向后兼容：若无多选，则回退到单选值
// 不回退到主工具选择：无选择则按“无图”策略
// 控制上下文体积，避免超长
const maxImagesForPrompt = 6;
const posterForPrompt = posterListForAI.slice(0, maxImagesForPrompt);
const stillForPrompt = stillListForAI.slice(0, maxImagesForPrompt);
// 将长链接压缩为可识别的短标识（避免占用大量token）
const toShortRef = (u)=>{
try {
const s = String(u);
if (/doubanio\.com/.test(s)) {
const m = s.match(/\/p(\d+)/); // 取图片ID
return m ? `db:p${m[1]}` : 'db:img';
}
if (/image\.tmdb\.org\/t\/p\//.test(s)) {
const m = s.match(/t\/p\/[^/]+\/([^/?#]+)/);
return m ? `tmdb:${m[1].slice(0,16)}` : 'tmdb:img';
}
// 其他来源：仅保留文件名
const tail = s.split('/')[(s.split('/').length-1)] || '';
return tail ? tail.slice(0,18) : 'img';
} catch(_) { return 'img'; }
};
const posterRefs = posterForPrompt.map(toShortRef);
const stillRefs = stillForPrompt.map(toShortRef);
const imageContext = `${posterRefs.length ? `\n\n[海报参考ID] ${posterRefs.length} 张\n${posterRefs.join(' ')}` : '\n\n[海报参考ID] 0 张'}${stillRefs.length ? `\n\n[剧照参考ID] ${stillRefs.length} 张\n${stillRefs.join(' ')}` : '\n\n[剧照参考ID] 0 张'}`;
// 影片基础信息上下文（确保标题/导演/主演/评分/海报/简介/热评）
const base = aiCurrentMovieInfo || currentMovieInfo || {};
const safeIntro = (base.intro||'').replace(/\s+/g,' ').slice(0,800);
const safeComments = (base.comments && base.comments.length)?`\n观众热评:${base.comments.slice(0,3).map(c=>c.content.slice(0,140)).join(' / ')}`:'';
const baseInfo = `\n\n[影片信息]\n标题:${base.title||''}\n原名:${base.originalTitle||''}\n又名:${base.alsoKnown||''}\n类型:${(base.genreTags||[]).join('、')}\n地区:${base.region||''}\n语言:${base.lang||''}\n上映:${base.release||''}\n片长:${base.runtime||''}\n导演:${base.director||''}\n编剧:${base.writer||''}\n主演:${base.actor||''}\nIMDb:${base.imdbId||''}\n评分:${base.rating||''}\n关键词:${(base.keywords||'').toString().slice(0,120)}\n平台:${(base.streamingPlatforms||[]).join('、').slice(0,60)}\n获奖:${(base.awards||[]).join('、').slice(0,120)}\n海报参考:${posterRefs[0]||''}\n剧情简介:${safeIntro}${safeComments}`;
const styleHint = styleChoice ? (
styleChoice === '万象合流'
? `\n\n[风格要求]\n采用“万象合流”混合风格：可跨文化、跨体裁自适应（专业严谨/简洁实用/活泼有趣/学术/幽默/文艺/复古/赛博/国潮等），按影片题材与情绪在段落级别灵活切换，但整体语气与视觉层级保持一致、自然、可读。`
: `\n\n[风格要求]\n请以“${styleChoice}”风格组织语言与排版。`
) : '';
// 标题锁定，避免串片
const refTitle = (base && base.title) ? String(base.title) : '';
const lockTitle = refTitle ? `\n\n[标题锁定]\n仅针对《${refTitle}》生成内容，禁止替换为其他影片。若无足够信息请明确标注“未知”。` : '';
// 无图策略：明确指令不生成任何图片容器
const noImageRule = (!posterRefs.length && !stillRefs.length) ? '\n\n[无图模式]\n禁止输出任何与图片相关的标题、容器或占位（包括海报、剧照、图集等），按纯文本/信息卡排版。' : '';
const combinedPrompt = `${presetHead}\n\n${presetText}\n\n${promptText}${styleHint}${lockTitle}${imageContext}${noImageRule}${baseInfo}`;
// 组合并裁剪提示，避免超长
const merged = getAIPromptByType(functionType, combinedPrompt, movieContext + editorContext);
const MAX_PROMPT_CHARS = 60000; // 兼容多数提供商
const fullPrompt = merged.length > MAX_PROMPT_CHARS ? merged.slice(0, MAX_PROMPT_CHARS) : merged;
// 调用AI API生成文本
const aiResult = await generateAIText(apiEndpoint, apiKey, fullPrompt);
// 显示结果
aiResultContent.textContent = aiResult;
aiResultArea.style.display = 'block';
showStatus('AI文本生成成功', false, 'ai');
// 确保搜索相关元素状态正常恢复
setTimeout(() => {
const searchInput = document.getElementById('search-movie');
const fetchBtn = document.getElementById('fetch-btn');
const mediaUrlInput = document.getElementById('media-url');
if (mediaUrlInput && fetchBtn) {
// 确保获取按钮状态正常
if (mediaUrlInput.value.trim()) {
fetchBtn.classList.add('active'); // 使用active类而不是display属性
fetchBtn.style.display = 'block';
} else {
fetchBtn.classList.remove('active');
fetchBtn.style.display = 'none';
}
}
// 重置搜索结果状态，确保搜索功能可以正常使用
if (mediaUrlInput) {
// 不清除用户已经输入的URL，但确保交互功能可用
setupSearchInteractions();
}
}, 500);
} catch (error) {
console.error('AI生成失败:', error);
showStatus(`AI生成失败：${error.message || '未知错误'}`, true, 'ai');
} finally {
// 恢复按钮状态
generateAiTextBtn.disabled = false;
generateAiTextBtn.innerHTML = '生成AI文本';
isGenerating = false;
if (abortAiBtn) abortAiBtn.style.display = 'none';
}
});
aiEventsBound = true;
}
// 终止按钮
if (abortAiBtn) {
abortAiBtn.addEventListener('click', function(e){
e.stopPropagation();
e.preventDefault();
if (aiCurrentRequest && typeof aiCurrentRequest.abort === 'function') {
try { aiCurrentRequest.abort(); } catch (_) {}
}
if (typeof aiAbortReject === 'function') {
try { aiAbortReject(new Error('已终止')); } catch (_) {}
}
abortAiBtn.style.display = 'none';
showStatus('已终止AI生成', true, 'ai');
});
}
// 清理按钮：重置AI结果、候选与搜索状态
const aiClearBtn = document.getElementById('ai-clear');
if (aiClearBtn) {
aiClearBtn.addEventListener('click', function(e){
e.stopPropagation();
e.preventDefault();
try {
if (aiResultArea) { aiResultArea.style.display = 'none'; }
if (aiResultContent) { aiResultContent.textContent = ''; }
const poster = document.getElementById('ai-poster-candidates');
const still = document.getElementById('ai-still-candidates');
if (poster) poster.innerHTML = '';
if (still) still.innerHTML = '';
aiSelectedPosterUrls.clear();
aiSelectedStillUrls.clear();
const aiSearchInputEl = document.getElementById('ai-search-input');
const aiSearchResultsEl = document.getElementById('ai-search-results');
if (aiSearchInputEl) aiSearchInputEl.value = '';
if (aiSearchResultsEl) { aiSearchResultsEl.innerHTML=''; aiSearchResultsEl.style.display='none'; }
selectedPosterUrl = '';
selectedStillUrl = '';
showStatus('已清理AI结果与候选区', false, 'ai');
} catch (_) {}
});
}
// 复制AI结果
if (copyAiResultBtn) {
copyAiResultBtn.addEventListener('click', function(e) {
e.stopPropagation();
e.preventDefault();
const resultText = aiResultContent.textContent;
if (resultText) {
GM_setClipboard(resultText);
showStatus('AI生成结果已复制到剪贴板', false, 'ai');
}
});
}
// 插入AI结果到编辑框
if (insertAiResultBtn) {
insertAiResultBtn.addEventListener('click', async function(e) {
e.stopPropagation();
e.preventDefault();
const resultText = aiResultContent.textContent;
if (!resultText) {
showStatus('没有可插入的AI生成结果', true, 'ai');
return;
}
const ok = await writeHtmlToAnyEditor(resultText);
try { await autoClickSaveBtn(); } catch(_) {}
showStatus(ok ? 'AI生成结果已插入并保存' : '插入失败，已提供剪贴板备份', !ok, 'ai');
});
}
}
// 用户AI预设模板（内置）
try {
if (!window.AI_PRESET_TEMPLATE) {
window.AI_PRESET_TEMPLATE = `
【新海诚治愈神作】你的名字。（君の名は。）
你的名字。主视觉海报（彗星与系守镇）
电影名称：你的名字。（君の名は。）
导演：新海诚
类型：动画 · 爱情 · 奇幻
上映时间：2016-08-26(日本) / 2016-12-02(中国大陆)
豆瓣评分： 8.5
核心元素：身体互换 · 时空交错 · 结绳传说
【电影剧情】
住在东京的少年泷，某天醒来发现自己变成了陌生少女的身体——她是住在深山小镇“系守镇”的三叶。与此同时，三叶也在泷的身体里醒来，面对繁华的东京街头手足无措。两人开始通过日记、便签交流，在彼此的生活里“扮演”对方：泷帮三叶拯救濒临废弃的神社，三叶帮泷赢得暗恋前辈的好感。
随着了解加深，情愫渐生，可他们从未见过面。直到某天，身体互换突然停止，泷发现三叶所在的系守镇，竟在三年前的彗星撞击中消失。为了拯救三叶和小镇，他带着仅存的记忆踏上寻找之旅，在神社的“御神体”前，通过结绳的力量穿越时空，与三叶在黄昏之时（たそがれ）相遇——那是“非日非夜，非人非鬼”的特殊时刻，也是他们跨越时空的唯一交集。
【经典画面】
“黄昏之时”——泷与三叶跨越时空触碰的瞬间（结绳缠绕的手是关键伏笔）
【观众热评】
“第一次看时没懂结绳的意义，二刷才发现：它是时间的象征，是三叶和泷的羁绊，也是拯救小镇的关键。新海诚太会把细腻的情感藏在画面里了——最后两人在街头问‘你的名字是？’时，我哭了半小时。”
—— 豆瓣用户 @星尘收集者
【观影提示】① 建议留意“结绳”“口嚼酒”“黄昏之时”三个关键元素，它们是串联时空的伏笔；② 搭配RADWIMPS的原声《前前前世》观看，音乐响起时会更沉浸；③ 结尾的“名字”梗适合二刷回味——你会发现，两人的羁绊早有伏笔。
`;
}
} catch (e) {}
// 根据类型获取AI提示词
function getAIPromptByType(type, userPrompt, movieContext) {
// 获取详细排版指南
const { POST_FORMAT_GUIDELINES } = DEFAULT_CONFIG.AI;
const prompts = {
summary: `请根据用户需求和提供的影视信息，生成一个高质量的剧情简介。\n用户需求：${userPrompt}${movieContext}`,
comment: `请根据用户需求和提供的影视信息，生成一个专业、有深度的评论摘要。\n用户需求：${userPrompt}${movieContext}`,
tagline: `请根据用户需求和提供的影视信息，生成几个吸引人的宣传标语。\n用户需求：${userPrompt}${movieContext}`,
analysis: `请根据用户需求和提供的影视信息，生成一个深入的分析。\n用户需求：${userPrompt}${movieContext}`,
// 影视资源帖排版美化智能体框架功能提示词 - 增强版
post_format: `作为专业的影视资源帖排版美化智能体，你需要基于编辑器提供的源代码内容，结合用户需求和影视信息，生成一个高度精美的HTML排版方案。\n\n用户需求：${userPrompt}\n\n【强制要求】\n请严格按照以下要求输出：\n1. 只返回完整的HTML代码，不要包含任何额外的文字说明、解释或注释\n2. 确保HTML代码是格式正确、可直接使用的，不要返回源代码形式的HTML\n3. 所有样式必须使用内联CSS，不要使用外部样式表\n4. 生成的HTML代码应直接展示为格式化的内容，而不是显示HTML标签\n\n【内容处理优先级】\n1. 优先使用编辑器内容作为基础进行美化排版\n2. 当编辑器内容不足时，结合影视信息进行补充\n3. 最后根据用户需求进行调整\n\n【核心样式和结构要求】\n请确保最终生成的HTML代码包含以下关键设计元素：\n1. **整体容器**：使用max-width: 800px; margin: 25px auto;的居中容器\n2. **主题配色**：根据影片类型选择主题色（动画用活泼色如#a2d2ff、电影用质感色如#2a9d8f、剧集用柔和色）\n3. **标题样式**：使用大号字体、主色、下边框装饰，如：text-align: center; font-size: 26px; color: #2a9d8f; border-bottom: 2px dashed #e9c46a;\n4. **海报区域**：使用带边框的居中海报，如：border: 2px solid #e9c46a; border-radius: 10px; text-align: center;\n5. **信息卡**：使用白色背景、圆角边框的信息卡，如：background: #fff; padding: 15px; border-radius: 8px; border: 1px solid #e2e8f0;\n6. **评分样式**：使用主色背景的标签式评分，如：color: #fff; background: #2a9d8f; padding: 2px 8px; border-radius: 15px;\n7. **内容分区**：使用下划线虚线的子标题区分不同内容模块，如：text-decoration: underline dotted #e9c46a;\n8. **影评区域**：官方影评使用主色左侧边框，用户评论使用次要色左侧边框，如：border-left: 4px solid #2a9d8f;\n9. **合规提示**：使用浅色背景的合规提示框，如：background-color: #f8f9fa; border-radius: 5px;\n\n【内容模块要求】\n请包含以下完整模块结构：\n1. **标题区**：精美装饰的主标题，包含影片名称和类型标签\n2. **海报展示**：高清海报展示，包含来源标注\n3. **信息卡**：完整的影视参数，包括导演、主演、类型、上映日期、评分等\n4. **剧情简介**：清晰的剧情描述，可选择性使用折叠面板\n5. **经典场景**：剧照展示区域\n6. **观众热评**：官方推荐和用户评论区，区分不同评论类型\n7. **观影提示**：观影建议和注意事项\n8. **合规声明**：支持正版影视的声明\n\n【技术实现要求】\n- 所有样式使用内联CSS，确保兼容性\n- 使用Microsoft Yahei等中文字体，保证可读性\n- 确保文本内容完整、准确、流畅\n- 使用适当的间距和留白，避免内容拥挤\n- 确保所有模块都有明确的视觉边界和层次感${movieContext}`,
content_optimize: `作为专业的内容优化助手，你需要根据用户需求和影视信息，提供详细的内容优化建议。\n\n用户需求：${userPrompt}\n\n优化方向：\n1. **SEO优化**：合理融入影片关键词、类型词、导演演员名称等\n2. **流量优化**：\n - 标题使用吸引人的表述，包含影片亮点\n - 开头段落简明扼要，突出核心吸引力\n - 使用emoji或特殊标记提升内容可辨识度（如适用）\n3. **合规优化**：\n - 替换敏感表述：将"百度云"替换为"合规平台"，"免费观看"改为"正版渠道观看"\n - 检查影评内容，确保无侵权引用，保留必要的作者署名\n4. **结构优化**：\n - 调整信息呈现顺序，重要内容前置\n - 使用合适的标题层级和排版元素划分内容\n - 增加可读性：剧情文本行高设为1.7倍，段落间距20px\n\n多平台适配建议：\n- 掘金：保留代码高亮，优化图片懒加载\n- 微信公众号：简化样式，优化防盗链格式\n- 知乎：优化首图尺寸，调整段落间距${movieContext}`,
format_check: `作为专业的排版合规检查工具，你需要根据用户需求和影视信息，对内容进行全面的合规性检查。\n\n用户需求：${userPrompt}\n\n检查重点：\n1. **版权检查**：\n - 海报是否为官方发布的宣传海报，避免使用影院偷拍的正片截图\n - 是否在图片说明中注明"用于影视推荐合理使用"\n - 用户影评是否注明来源，专业影评引用是否保留作者署名且不超过原文1/3\n - 资源链接是否仅推荐正规视频平台（如腾讯视频、爱奇艺等）\n2. **敏感词检查**：\n - 扫描是否包含"盗版"、"枪版"、"百度云"、"网盘"等风险词汇\n - 检查影评中是否有过激表述或不当言论\n3. **排版结构检查**：\n - 模块顺序是否合理，是否包含完整的头图、信息卡、剧情、影评等核心模块\n - 样式是否统一，间距、字体、颜色等是否符合规范\n - 响应式设计是否完善，在375px、768px、1200px断点下是否正常显示\n4. **平台规则检查**：\n - 是否避免使用特殊符号（如★、→等）\n - 评分是否使用文本或CSS实现而非emoji\n - 是否包含"支持正版影视"的合规声明\n\n请生成详细的检查报告，指出问题并提供修改建议${movieContext}`,
modular_design: `作为专业的模块化排版设计师，你需要根据用户需求和影视信息，设计一个完整的模块化排版方案。\n\n用户需求：${userPrompt}\n\n设计原则：\n1. **分章节展示**：\n - 头图区：自适应海报容器，16:9比例，包含来源标注\n - 信息卡区：网格布局，展示导演、类型、上映日期、评分等核心参数\n - 剧情简介区：防剧透折叠面板，分安全版和完整版\n - 影评区：区分官方推荐和用户评论，使用不同样式标识\n - 资源提示区：合规声明和正规平台链接推荐\n2. **醒目重点**：\n - 使用主题色突出标题和重要信息\n - 关键内容使用加粗或背景高亮（background:#fff380;padding:0 3px;border-radius:2px）\n - 评分使用主题色背景的标签样式\n3. **便于阅读**：\n - 统一使用"Microsoft Yahei, sans-serif"字体\n - 正文行高1.7倍，段落间距20px\n - 使用列表和分隔线组织内容，提升可读性\n4. **视觉层次**：\n - 建立清晰的标题层级（h1>h2>h3）\n - 使用不同的边框、背景色区分不同类型的内容模块\n - 合理使用空白区域，避免内容过于拥挤\n\n请提供详细的HTML和CSS代码示例，包括各模块的具体实现${movieContext}`,
free_text: `${userPrompt}${movieContext}`
};
let base = prompts[type] || `请根据用户需求生成内容。\n用户需求：${userPrompt}${movieContext}`;
// 统一追加图片占位说明，避免AI输出真实图片链接（支持精确放置）
base += `\n\n[排版占位规则]\n请勿在内容中粘贴任何图片URL。可用占位符：\n- {#POSTER#}: 主海报（可选，仅1次）\n- {#IMG1#}..{#IMGN#}: 我会按你给出的编号依次替换为已选剧照（逐一放置，适合自定义布局）\n- {#STILLS#}: 若未使用逐一占位，使用此占位一次性放入所有剧照（我会做自适应流式布局）。`;
return base;
}
// 调用AI API生成文本
async function generateAIText(apiEndpoint, apiKey, prompt) {
return new Promise((resolve, reject) => {
// 获取配置的模型名称和提供商
const config = getConfig();
const modelName = config.AI.DEFAULT_MODEL;
const provider = config.AI.PROVIDER;
// 判断是否为排版美化相关功能
const isFormatRelated = prompt.includes('排版美化') || prompt.includes('内容优化') || prompt.includes('排版合规') || prompt.includes('模块化排版');
// 根据功能类型设置不同的系统提示
const roleConfig = getAIRoleConfig();
let systemPrompt = generateSystemPrompt(roleConfig, isFormatRelated);
// 深度思考/联网补充（仅在支持时生效）
try {
const deep = document.getElementById('ai-deep-think');
const web = document.getElementById('ai-web-browse');
if (deep && !deep.disabled && deep.checked) {
systemPrompt += '\n请在生成前进行结构化深度思考与多步推理，先在脑内列出要点再输出结果。';
}
if (web && !web.disabled && web.checked) {
systemPrompt += '\n如信息明显缺失或不确定，可模拟联网补充（无需真实请求），在结果中补全缺失信息并标注来源类型。';
}
} catch(_) {}
let max_tokens = 1000;
if (isFormatRelated) {
// 排版相关功能通常需要更长的输出内容
max_tokens = 2000;
}
// 根据不同的AI提供商构建适当的请求体
let requestBody = {};
// 检查AI提供商类型，使用不同的请求格式
if (provider === 'gemini' || apiEndpoint.includes('gemini')) {
// Gemini API格式
requestBody = {
contents: [{
parts: [{
text: prompt
}]
}],
generationConfig: {
maxOutputTokens: max_tokens,
temperature: 0.7
}
};
} else if (provider === 'claude' || apiEndpoint.includes('claude')) {
// Claude API格式
requestBody = {
model: modelName,
messages: [
{ role: 'system', content: systemPrompt },
{ role: 'user', content: prompt }
],
max_tokens_to_sample: max_tokens,
temperature: 0.7
};
} else if (provider === 'glm4' || apiEndpoint.includes('bigmodel')) {
// 智谱AI API格式
requestBody = {
model: modelName,
prompt: {
text: prompt
},
parameters: {
max_tokens: max_tokens,
temperature: 0.7
}
};
} else if (provider === 'qwen' || apiEndpoint.includes('aliyuncs')) {
// 通义千问API格式
requestBody = {
model: modelName,
messages: [
{ role: 'system', content: systemPrompt },
{ role: 'user', content: prompt }
],
max_tokens: max_tokens,
temperature: 0.7
};
} else if (provider === 'xunfei' || apiEndpoint.includes('xf-yun')) {
// 讯飞星火API格式
requestBody = {
header: {
app_id: apiKey.split('.')[0], // 假设app_id在apiKey的第一部分
uid: 'user'
},
parameter: {
chat: {
domain: 'general',
temperature: 0.7,
max_tokens: max_tokens
}
},
payload: {
message: {
text: [
{ role: 'system', content: systemPrompt },
{ role: 'user', content: prompt }
]
}
}
};
} else if (provider === 'ark' || apiEndpoint.includes('doubao')) {
// 豆包API格式
requestBody = {
model: modelName,
messages: [
{ role: 'system', content: systemPrompt },
{ role: 'user', content: prompt }
],
max_tokens: max_tokens,
temperature: 0.7
};
} else if (provider === 'together' || apiEndpoint.includes('together')) {
// Together AI格式
requestBody = {
model: modelName,
messages: [
{ role: 'system', content: systemPrompt },
{ role: 'user', content: prompt }
],
max_tokens: max_tokens,
temperature: 0.7
};
} else {
// 默认使用OpenAI API格式
requestBody = {
model: modelName,
messages: [
{ role: 'system', content: systemPrompt },
{ role: 'user', content: prompt }
],
max_tokens: max_tokens,
temperature: 0.7
};
}
// 构建请求头 - 根据不同提供商处理认证
const headers = {
'Content-Type': 'application/json'
};
// 根据AI提供商设置正确的认证方式
if (apiKey) {
// 提供商特定的认证方式
if (provider === 'ark' || apiEndpoint.includes('doubao')) {
// 豆包API使用的认证方式
headers['Authorization'] = `Bearer ${apiKey}`;
} else if (provider === 'claude' || apiEndpoint.includes('claude')) {
// Claude API认证
headers['Authorization'] = `Bearer ${apiKey}`;
} else if (provider === 'gemini' || apiEndpoint.includes('gemini')) {
// Gemini API认证
headers['x-goog-api-key'] = apiKey;
} else if (provider === 'github' || apiEndpoint.includes('github')) {
// GitHub模型市场认证
headers['Authorization'] = `Bearer ${apiKey}`;
} else if (provider === 'xunfei' || apiEndpoint.includes('xf-yun')) {
// 讯飞星火认证
headers['Authorization'] = `Bearer ${apiKey}`;
} else if (provider === 'qwen' || apiEndpoint.includes('aliyuncs')) {
// 通义千问认证
headers['Authorization'] = `Bearer ${apiKey}`;
} else if (provider === 'glm4' || provider === 'legalglm' || apiEndpoint.includes('bigmodel')) {
// 智谱AI认证
headers['Authorization'] = `Bearer ${apiKey}`;
} else if (provider === 'huggingface' || apiEndpoint.includes('huggingface')) {
// Hugging Face认证
headers['Authorization'] = `Bearer ${apiKey}`;
} else if (provider === 'together' || apiEndpoint.includes('together')) {
// Together AI认证
headers['Authorization'] = `Bearer ${apiKey}`;
} else if (provider === 'baishan' || apiEndpoint.includes('baishanai')) {
// 白山云认证
headers['Authorization'] = `Bearer ${apiKey}`;
} else if (provider === 'gpt4free' || apiEndpoint.includes('gpt4free')) {
// 一些免费API可能不需要标准Bearer格式
headers['Authorization'] = apiKey;
} else {
// 默认认证方式（OpenAI兼容）
headers['Authorization'] = `Bearer ${apiKey}`;
}
}
// 发送请求
console.log(`AI API请求 - 端点: ${apiEndpoint}, 提供商: ${provider}, 模型: ${modelName}`);
console.log(`请求头:`, headers);
console.log(`请求体结构:`, JSON.stringify(requestBody).substring(0, 500) + (JSON.stringify(requestBody).length > 500 ? '...' : ''));
// 验证API端点格式
try {
new URL(apiEndpoint);
} catch (e) {
throw new Error(`API端点格式无效：${apiEndpoint}\n请检查配置的API端点是否为有效的URL格式`);
}
// 发起请求并保存控制句柄
aiAbortReject = reject;
const req = GM_xmlhttpRequest({
method: 'POST',
url: apiEndpoint,
headers: headers,
data: JSON.stringify(requestBody),
onload: (response) => {
try {
console.log(`API响应状态码: ${response.status}`);
console.log(`API响应头:`, response.responseHeaders);
// 检查响应状态
if (response.status < 200 || response.status >= 400) {
let errorMsg = `请求失败：HTTP ${response.status}`;
// 特殊处理404错误
if (response.status === 404) {
errorMsg = `请求失败：HTTP 404\nAPI端点不存在或无效: ${apiEndpoint}\n请检查配置的API端点是否正确，不同AI提供商的API端点格式可能不同`;
// 根据提供商类型提供更具体的建议
if (provider === 'openai') {
errorMsg += '\nOpenAI API端点格式应为: https://api.openai.com/v1/chat/completions';
} else if (provider === 'claude') {
errorMsg += '\nClaude API端点格式应为: https://api.anthropic.com/v1/messages';
} else if (provider === 'gemini') {
errorMsg += '\nGemini API端点格式应为: https://generativelanguage.googleapis.com/v1beta/models/{model}:generateContent';
}
}
try {
const errorData = JSON.parse(response.responseText);
if (errorData.error && errorData.error.message) {
errorMsg = errorData.error.message;
// 特殊处理模型访问错误
if (errorMsg.includes('model does not exist') || errorMsg.includes('not have access')) {
errorMsg = `模型访问失败：${errorMsg}\n请在AI配置中更换为您有权限访问的模型`;
}
// 特殊处理认证错误
if (errorMsg.includes('Invalid bearer token') ||
errorMsg.includes('API key format is incorrect') ||
errorMsg.includes('authentication')) {
errorMsg = `认证失败：${errorMsg}\n请检查API密钥格式是否正确，不同AI提供商可能有不同的密钥格式要求`;
}
}
} catch (e) {
// 如果解析错误信息失败，使用原始错误
console.error('解析错误响应失败:', e);
}
throw new Error(errorMsg);
}
const data = JSON.parse(response.responseText);
// 处理不同API的响应格式
let resultText = '';
if (data.choices && data.choices.length > 0) {
// OpenAI、通义千问、讯飞星火等API格式
resultText = data.choices[0].message?.content || data.choices[0].text || '';
} else if (data.result) {
// GLM-4、豆包等API格式
resultText = data.result;
} else if (data.text) {
// Together AI等API格式
resultText = data.text;
} else if (data.candidates && data.candidates.length > 0) {
// Gemini API格式
resultText = data.candidates[0].content?.parts?.[0]?.text || '';
} else if (Array.isArray(data) && data.length > 0 && data[0].generated_text) {
// Hugging Face API格式
resultText = data[0].generated_text || '';
} else if (data.output?.choices && data.output.choices.length > 0) {
// 其他API格式
resultText = data.output.choices[0].text || '';
} else {
throw new Error('未找到有效结果');
}
if (!resultText.trim()) {
throw new Error('AI返回了空结果');
}
// 去除三引号围栏 ```xxx 开头/结尾
let cleaned = resultText.trim();
cleaned = cleaned.replace(/^```[a-zA-Z]*\n/, '').replace(/\n```$/, '');
// 将占位符替换为真实图片HTML
const pickPoster = () => {
try {
const list = Array.from(aiSelectedPosterUrls || []);
let url = list[0] || '';
try { url = toTMDBOriginal(url); } catch(_) {}
return url || '';
} catch(_) { return ''; }
};
const pickStills = () => {
try {
const list = Array.from(aiSelectedStillUrls || []);
return (list && list.length? list : []).slice(0,6);
} catch(_) { return []; }
};
if (cleaned.includes('{#POSTER#}')) {
const p = pickPoster();
const posterHtml = p ? `` : '';
// 只替换第一次，其他占位清空，避免重复
cleaned = cleaned.replace('{#POSTER#}', posterHtml);
cleaned = cleaned.replace(/\{#POSTER#\}/g, '');
}
if (cleaned.includes('{#STILLS#}') || /\{#IMG\d+#\}/.test(cleaned)) {
const arr = pickStills();
let html = '';
const n = Array.isArray(arr) ? arr.length : 0;
const toImg = (u, radius='10px') => {
const src = toTMDBOriginal ? toTMDBOriginal(u) : u;
return `
`;
};
// 若AI使用精确占位 {#IMGn#}，则按编号逐张替换，给足自由编排空间
if (/\{#IMG\d+#\}/.test(cleaned) && n > 0) {
let placed = cleaned;
for (let i = 0; i < n; i++) {
const tag = new RegExp(`\\{#IMG${i+1}#\\}`,'g');
placed = placed.replace(tag, toImg(arr[i]));
}
// 清理未用完的编号占位
placed = placed.replace(/\{#IMG\d+#\}/g, '');
cleaned = placed;
}
if (n === 1) {
html = arr[0] ? `${toImg(arr[0],'12px')}
` : '';
} else if (n === 2) {
html = `${toImg(arr[0])}${toImg(arr[1])}
`;
} else if (n === 3) {
// 上1下2，避免右侧空白
const top = arr[0] ? `${toImg(arr[0],'12px')}
` : '';
const bottom = `${toImg(arr[1])}${toImg(arr[2])}
`;
html = `${top}${bottom}
`;
} else if (n === 4) {
html = `${arr.map(u=>toImg(u)).join('')}
`;
} else if (n === 5) {
// 上1（大图）+ 下4（2列）
const top = `${toImg(arr[0],'12px')}
`;
const rest = `${arr.slice(1).map(u=>toImg(u)).join('')}
`;
html = `${top}${rest}
`;
} else if (n >= 6) {
html = `${arr.map(u=>toImg(u)).join('')}
`;
}
// 若未使用{#IMGn#}，再处理{#STILLS#} 的一次性替换
if (cleaned.includes('{#STILLS#}')) {
cleaned = cleaned.replace('{#STILLS#}', html);
cleaned = cleaned.replace(/\{#STILLS#\}/g, '');
}
}
// 清理非占位符产生的多余![]()
与孤立属性片段
try {
cleaned = cleaned.replace(/]*data-ai-img=\"1\")[^>]*>/gi, '');
cleaned = cleaned.replace(/\salt=\"[^\"]*\"[^>]*>/gi, '>');
} catch(_) {}
resolve(cleaned.trim());
} catch (error) {
console.error('解析AI响应失败:', error, response.responseText);
reject(new Error(`解析响应失败：${error.message}`));
}
},
onerror: (error) => {
console.error('AI API请求失败:', error);
reject(new Error(`网络请求失败：${error.message || '未知错误'}`));
},
ontimeout: () => {
reject(new Error('AI API请求超时'));
}
});
aiCurrentRequest = req;
});
}
// 初始化页面
function init() {
// 仅在面板内部禁用表单验证（不影响站点表单）
disableAllFormValidation();
// 加载Font Awesome图标（确保美化工具图标正常显示）
const faLink = document.createElement('link');
faLink.rel = 'stylesheet';
faLink.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css';
faLink.crossOrigin = 'anonymous'; // 解决跨域加载问题
// 确保head存在才添加
if (document.head) {
document.head.appendChild(faLink);
} else {
// 如果head还没加载，延迟添加
setTimeout(() => {
if (document.head) {
document.head.appendChild(faLink);
}
}, 100);
}
// 插入控制面板（精准位置+空值修复）
insertPanelInMarkedPosition();
// 检查是否有默认URL（从URL参数中获取）
const urlParams = new URLSearchParams(window.location.search);
const mediaUrl = urlParams.get('mediaUrl');
if (mediaUrl && document.getElementById('media-url')) {
document.getElementById('media-url').value = mediaUrl;
const fetchBtn = document.getElementById('fetch-btn');
// 根据输入框内容设置提取按钮状态
if (fetchBtn) {
const mediaUrlInput = document.getElementById('media-url');
if (mediaUrlInput && mediaUrlInput.value.trim()) {
fetchBtn.classList.add('active');
} else {
fetchBtn.classList.remove('active');
}
}
}
}
// 启动脚本
init();
// 额外的安全检查 - 确保switchTab函数在全局作用域可访问
setTimeout(function() {
if (typeof window.switchTab !== 'function') {
// 如果window上没有switchTab函数，尝试重新暴露
if (typeof unsafeWindow !== 'undefined') {
window.switchTab = unsafeWindow.switchTab || switchTab;
} else {
window.switchTab = switchTab;
}
}
// 修复HTML中的onclick属性调用
const tabButtons = document.querySelectorAll('[onclick^="switchTab("]');
tabButtons.forEach(button => {
const originalOnclick = button.getAttribute('onclick');
if (originalOnclick) {
// 提取tabId参数
const match = originalOnclick.match(/switchTab\('([^']+)'\)/);
if (match && match[1]) {
const tabId = match[1];
// 移除原始的onclick属性
button.removeAttribute('onclick');
// 使用addEventListener添加点击事件
button.addEventListener('click', function(e) {
e.stopPropagation();
e.preventDefault();
if (typeof window.switchTab === 'function') {
window.switchTab(tabId);
} else if (typeof document.switchTab === 'function') {
document.switchTab(tabId);
}
});
}
}
});
}, 100);
// ========== AI角色配置系统（保留内部使用，移除UI入口） ==========
// 影视类型色彩配置
const MOVIE_GENRE_COLORS = {
horror: { name: '恐怖', primary: '#2d3142', secondary: '#ef8354', lightBg: '#f5f5f5', text: '#333333' },
romance: { name: '爱情', primary: '#f8b195', secondary: '#f8e1d1', lightBg: '#fff8f5', text: '#8b4513' },
action: { name: '动作', primary: '#335c67', secondary: '#e09f3e', lightBg: '#f9f7f1', text: '#3a3a3a' },
drama: { name: '剧情', primary: '#3a0ca3', secondary: '#4361ee', lightBg: '#f8f9ff', text: '#333333' },
comedy: { name: '喜剧', primary: '#ffb347', secondary: '#fdfd96', lightBg: '#fffef0', text: '#5d4037' },
sciFi: { name: '科幻', primary: '#4169e1', secondary: '#87cefa', lightBg: '#f0f8ff', text: '#333333' },
fantasy: { name: '奇幻', primary: '#9370db', secondary: '#e6e6fa', lightBg: '#f8f5ff', text: '#4a4a4a' },
anime: { name: '动漫', primary: '#ff69b4', secondary: '#ffb6c1', lightBg: '#fff0f5', text: '#8b4513' },
documentary: { name: '纪录片', primary: '#708090', secondary: '#d3d3d3', lightBg: '#f5f5f5', text: '#333333' },
thriller: { name: '惊悚', primary: '#264653', secondary: '#2a9d8f', lightBg: '#f1faee', text: '#333333' },
adventure: { name: '冒险', primary: '#e9c46a', secondary: '#f4a261', lightBg: '#fffbeb', text: '#5d4037' },
musical: { name: '歌舞', primary: '#e76f51', secondary: '#f4a261', lightBg: '#fff5f5', text: '#5d4037' }
};
// AI角色配置默认值
const AI_ROLE_DEFAULTS = {
role: '专注影视资源帖排版美化的创意助手',
personality: '审美敏锐（懂排版视觉逻辑）、严谨合规（熟平台过滤规则）、高效实用（模块化出稿）、富有创意（适配不同影视风格）',
style: '简洁直白，用“设计师视角”讲排版思路；重点突出，同时说明“美化效果+合规技巧”；专业术语+通俗表达结合',
tone: '友好、专业、鼓励性',
specialRequirements: '1.输出用基础HTML+内联CSS（无复杂框架，多平台可复制）；\n2.自动规避特殊符号（如emoji→【】）、敏感词（如“网盘”→“合规路径”）；\n3.固定模块：标题区→核心信息卡→影视简介→剧照展示→热评模块→合规提示，每个模块带视觉分层（边框/背景/间距）；\n4.配色贴合类型：动画活泼、电影质感、剧集柔和，单帖主色≤3种。',
// 影视类型偏好配置
preferredGenre: '',
autoApplyColors: true,
// 色彩主题配置
primaryColor: '#ff69b4',
secondaryColor: '#ffb6c1',
lightBgColor: '#fff0f5',
textColor: '#8b4513',
// 排版配置
titleFontSize: 26,
bodyFontSize: 16,
lineHeight: 1.8,
paragraphMargin: 15
};
// AI角色模板系统
const AI_ROLE_TEMPLATES = {
professional: {
name: '专业影评人',
role: '专业的影视内容创作助手和影评人',
personality: '知识渊博、专业严谨、见解独到',
style: '深入分析、逻辑清晰、细节丰富、引用专业术语',
tone: '专业、客观、学术性',
specialRequirements: '请结合影视理论进行分析，适当引用经典电影案例'
},
casual: {
name: '影视爱好者',
role: '热情的影视爱好者和推荐人',
personality: '活泼开朗、热情洋溢、善于表达',
style: '口语化、亲切自然、情感丰富',
tone: '友好、热情、有感染力',
specialRequirements: '请使用轻松愉快的语言，避免过于专业的术语'
},
humorous: {
name: '幽默评论员',
role: '幽默风趣的影视评论员',
personality: '幽默风趣、机智活泼、善于调侃',
style: '诙谐幽默、语言生动、比喻巧妙',
tone: '轻松、搞笑、充满活力',
specialRequirements: '请适当加入幽默元素，使用生动有趣的表达方式'
},
academic: {
name: '影视学者',
role: '严谨的影视研究者和教育者',
personality: '严谨治学、逻辑严密、学识渊博',
style: '学术化、系统化、理论深厚',
tone: '庄重、学术、教导性',
specialRequirements: '请从学术角度分析，结合相关理论和研究成果'
},
postFormatter: {
name: '影视资源帖排版美化师',
role: '专注影视资源帖排版美化的创意助手',
personality: '审美敏锐（懂排版视觉逻辑）、严谨合规（熟悉平台过滤规则）、高效实用（模块化出稿）、富有创意（适配不同影视风格）',
style: '简洁直白，用"设计师视角"讲排版思路；重点突出，同时说明"美化效果+合规技巧"；专业术语+通俗表达结合',
tone: '友好耐心，像专业排版师一样提供step-by-step指导；鼓励性强，降低用户操作压力',
specialRequirements: '1.输出用基础HTML+内联CSS（无复杂框架，多平台可复制）；\n2.自动规避特殊符号（如emoji→【】）、敏感词（如"网盘"→合规平台）；\n3.固定模块：标题区→核心信息→影视简介→剧照展示→热评模块→合规提示，每个模块带视觉分层（边框/背景/间距）；\n4.配色贴合类型：动画用活泼色、电影用质感色、剧集用柔和色，单帖主色≤3种。'
}
};
// 生成AI系统提示
function generateSystemPrompt(roleConfig, isFormatRelated = false) {
const { role, personality, style, tone, specialRequirements } = roleConfig;
let basePrompt = `你是${role}。`;
basePrompt += `你的性格特点是：${personality}。`;
basePrompt += `你的语言风格是：${style}。`;
basePrompt += `你的语气是：${tone}。`;
if (specialRequirements) {
basePrompt += `特别要求：${specialRequirements}。`;
}
if (isFormatRelated) {
// 平台过滤认知与排版原则（精简版，低Token）
basePrompt += `\n\n平台过滤：强标准化+安全管控+样式阉割。仅保留基础原子样式；复杂布局/渐变/阴影/圆角/媒体查询等多会失效。结构以table/tr/td与简单div为白名单；外链资源受限，内联style优先。`;
basePrompt += `\n\n排版原则（6步）：\n1) 布局：优先表格；多列用内层table，两列50%均分。\n2) 色彩：单色系三层次（主色10-20%，辅助30-40%，正文#444）。\n3) 分层：统一符号+加粗+字号；正文行高1.8，必要处首行缩进。\n4) 图片：按平台规则统一尺寸，max-width:100%; height:auto。\n5) 间距：统一padding/margin；模块用浅色边框分隔。\n6) 细节：仅用基础元素做精致感（边框/前缀符号/按钮浅底主色字）。`;
}
return basePrompt;
}
// 获取保存的AI角色配置
function getAIRoleConfig() {
try {
const saved = GM_getValue('ai_role_config', null);
return saved ? JSON.parse(saved) : { ...AI_ROLE_DEFAULTS };
} catch (e) {
console.error('读取AI角色配置失败:', e);
return { ...AI_ROLE_DEFAULTS };
}
}
// 保存AI角色配置
function saveAIRoleConfig(config) {
try {
GM_setValue('ai_role_config', JSON.stringify(config));
return true;
} catch (e) {
console.error('保存AI角色配置失败:', e);
return false;
}
}
// 打开AI角色配置界面（开发预览下可用）
function openAIRoleConfigUI() {
const config = getAIRoleConfig();
// 创建配置界面HTML
const dialogHTML = `
`;
// 关闭对话框 - 安全版本
function closeDialog() {
try {
const dialog = document.querySelector('div[style*="position: fixed"]');
if (dialog && document.body.contains(dialog)) {
document.body.removeChild(dialog);
} else if (dialog) {
// 如果dialog不是body的直接子元素，尝试找到其实际的父元素
const parent = dialog.parentNode;
if (parent) {
parent.removeChild(dialog);
}
}
} catch (e) {
console.warn('关闭对话框时出现错误:', e);
// 作为最后手段，尝试隐藏元素
const dialog = document.querySelector('div[style*="position: fixed"]');
if (dialog) {
dialog.style.display = 'none';
}
}
}
// 添加到页面 - 包含安全检查
const tempContainer = document.createElement('div');
tempContainer.innerHTML = dialogHTML;
const dialogElement = tempContainer.firstElementChild;
// 确保body存在才添加
if (document.body) {
document.body.appendChild(dialogElement);
} else {
// 如果body还没加载，延迟添加
setTimeout(() => {
if (document.body) {
document.body.appendChild(dialogElement);
}
}, 100);
}
// 获取元素并添加事件监听
const dialog = dialogElement;
const closeBtn = dialog.querySelector('#close-dialog');
const saveBtn = dialog.querySelector('#save-config');
const resetBtn = dialog.querySelector('#reset-config');
const templateSelect = dialog.querySelector('#template-select');
// 确保closeBtn存在再绑定事件
if (closeBtn) {
closeBtn.addEventListener('click', closeDialog);
} else {
console.error('未找到关闭按钮');
}
// 点击对话框外部（遮罩层）不关闭 - 根据用户需求修改
dialog.addEventListener('click', function(e) {
// 空函数，不执行任何关闭操作
});
// 确保点击内容区域也不关闭对话框
const dialogContent = dialog.querySelector('div[style*="background-color: white"]');
if (dialogContent) {
dialogContent.addEventListener('click', function(e) {
e.stopPropagation(); // 阻止事件冒泡到遮罩层
});
}
// 模板选择事件
templateSelect.addEventListener('change', function() {
const templateId = this.value;
if (templateId !== 'custom' && AI_ROLE_TEMPLATES[templateId]) {
const template = AI_ROLE_TEMPLATES[templateId];
document.getElementById('role-input').value = template.role;
document.getElementById('personality-input').value = template.personality;
document.getElementById('style-input').value = template.style;
document.getElementById('tone-input').value = template.tone;
document.getElementById('requirements-input').value = template.specialRequirements;
}
});
// 应用选中类型的配色
const applyGenreColorsBtn = dialog.querySelector('#apply-genre-colors');
if (applyGenreColorsBtn) {
applyGenreColorsBtn.addEventListener('click', function(e) {
e.stopPropagation();
e.preventDefault();
const selectedGenre = document.getElementById('preferred-genre').value;
if (selectedGenre && MOVIE_GENRE_COLORS[selectedGenre]) {
const colors = MOVIE_GENRE_COLORS[selectedGenre];
document.getElementById('primary-color').value = colors.primary;
document.getElementById('secondary-color').value = colors.secondary;
document.getElementById('light-bg-color').value = colors.lightBg;
document.getElementById('text-color').value = colors.text;
showStatus('已应用' + colors.name + '类型的配色方案', false, 'ai');
} else {
showStatus('请先选择一个影视类型', true, 'ai');
}
});
}
// 保存配置
saveBtn.addEventListener('click', function(e) {
e.stopPropagation();
e.preventDefault();
const autoApplyColorsValue = document.querySelector('input[name="auto-apply-colors"][type="radio"]:checked').value;
const newConfig = {
role: document.getElementById('role-input').value,
personality: document.getElementById('personality-input').value,
style: document.getElementById('style-input').value,
tone: document.getElementById('tone-input').value,
specialRequirements: document.getElementById('requirements-input').value,
// 影视类型偏好配置
preferredGenre: document.getElementById('preferred-genre').value,
autoApplyColors: autoApplyColorsValue === 'yes',
// 色彩主题配置
primaryColor: document.getElementById('primary-color').value,
secondaryColor: document.getElementById('secondary-color').value,
lightBgColor: document.getElementById('light-bg-color').value,
textColor: document.getElementById('text-color').value,
// 排版配置
titleFontSize: parseInt(document.getElementById('title-font-size').value),
bodyFontSize: parseInt(document.getElementById('body-font-size').value),
lineHeight: parseFloat(document.getElementById('line-height').value),
paragraphMargin: parseInt(document.getElementById('paragraph-margin').value)
};
if (saveAIRoleConfig(newConfig)) {
alert('配置已保存！');
closeDialog();
} else {
alert('保存失败，请重试！');
}
});
// 重置配置
resetBtn.addEventListener('click', function(e) {
e.stopPropagation();
e.preventDefault();
if (confirm('确定要重置为默认配置吗？')) {
// 重置AI角色配置
document.getElementById('role-input').value = AI_ROLE_DEFAULTS.role;
document.getElementById('personality-input').value = AI_ROLE_DEFAULTS.personality;
document.getElementById('style-input').value = AI_ROLE_DEFAULTS.style;
document.getElementById('tone-input').value = AI_ROLE_DEFAULTS.tone;
document.getElementById('requirements-input').value = AI_ROLE_DEFAULTS.specialRequirements;
templateSelect.value = 'custom';
// 重置影视类型配置
document.getElementById('preferred-genre').value = '';
document.querySelector('input[name="auto-apply-colors"][value="yes"]').checked = true;
// 重置色彩配置（默认粉黛仙境主题）
document.getElementById('primary-color').value = '#ff69b4';
document.getElementById('secondary-color').value = '#ffb6c1';
document.getElementById('light-bg-color').value = '#fff0f5';
document.getElementById('text-color').value = '#8b4513';
// 重置排版配置
document.getElementById('title-font-size').value = 26;
document.getElementById('body-font-size').value = 16;
document.getElementById('line-height').value = 1.8;
document.getElementById('paragraph-margin').value = 15;
}
});
}
// 粉黛仙境主题式提取影片信息功能 - 专门用于提取豆瓣和TMDB影片资源并以特定排版粘贴到编辑框
const emeraldButton = document.getElementById('emerald-city-format');
if (emeraldButton) {
emeraldButton.addEventListener('click', function(e) {
e.stopPropagation();
e.preventDefault();
try {
// 直接写入编辑器，无需切换源代码对话框
// 轻微延迟，确保编辑器可用
setTimeout(async function() {
showStatus('开始应用粉黛仙境主题式影片资源提取...', false);
// 使用全局变量中已从豆瓣和TMDB获取的电影信息
if (!currentMovieInfo) {
showStatus('请先搜索影片并选择海报和剧照', true);
return;
}
// 从currentMovieInfo中获取完整的影片信息
const title = currentMovieInfo.title || '电影名称';
const director = currentMovieInfo.director || '未知';
const writer = currentMovieInfo.writer || '未知';
const actor = currentMovieInfo.actor || '未知';
const genreTags = currentMovieInfo.genreTags || [];
const type = genreTags.join('、') || '未知';
const releaseDate = currentMovieInfo.release || '未知';
const rating = currentMovieInfo.rating || '9.0';
const mainContent = currentMovieInfo.intro || '暂无剧情简介内容';
const originalTitle = currentMovieInfo.originalTitle || '';
const alsoKnown = currentMovieInfo.alsoKnown || '';
const region = currentMovieInfo.region || '未知';
const lang = currentMovieInfo.lang || '未知';
const runtime = currentMovieInfo.runtime || '未知';
const imdbId = currentMovieInfo.imdbId || '暂无';
const keywords = currentMovieInfo.keywords || '';
const budget = currentMovieInfo.budget || '未知';
const revenue = currentMovieInfo.revenue || '未知';
const streamingPlatforms = currentMovieInfo.streamingPlatforms || [];
const awards = currentMovieInfo.awards || [];
// 智能识别内容类型（电影、动漫、电视剧）
let contentType = '电影';
const animeKeywords = ['动漫', '动画', '番剧', '卡通', '二次元'];
const tvKeywords = ['电视剧', '剧集', '网剧', '韩剧', '日剧', '美剧', '英剧', '国产剧', '集数'];
if (currentMovieInfo.genreTags && currentMovieInfo.genreTags.some(tag => animeKeywords.some(keyword => tag.includes(keyword)))) {
contentType = '动漫';
} else if (currentMovieInfo.genreTags && currentMovieInfo.genreTags.some(tag => tvKeywords.some(keyword => tag.includes(keyword)))) {
contentType = '电视剧';
} else if (currentMovieInfo.mediaType === 'tv') {
contentType = '电视剧';
} else if (mainContent && animeKeywords.some(keyword => mainContent.includes(keyword))) {
contentType = '动漫';
} else if (mainContent && tvKeywords.some(keyword => mainContent.includes(keyword))) {
contentType = '电视剧';
}
// 获取已选择的海报和剧照URL
const posterUrl = selectedPosterUrl || `https://via.placeholder.com/600x400/ff69b4/FFF?text=${encodeURIComponent(title)}`;
const stillUrl = selectedStillUrl || `https://via.placeholder.com/600x300/ff69b4/FFF?text=${encodeURIComponent(title)+'经典场景'}`;
// 创建粉黛仙境风格排版，用于展示从豆瓣和TMDB提取的完整影片资源
// 根据内容类型自动适配色彩
let primaryColor = '#ff69b4'; // 默认主色调：粉色
let secondaryColor = '#ffb6c1'; // 默认辅助色：浅粉色
let lightBgColor = '#fff0f5'; // 默认浅背景色：淡粉色
let lightBorderColor = '#ffcce7'; // 默认浅边框色：超浅粉色
let accentColor = '#db7093'; // 默认强调色：深粉色
let textColor = '#8b4513'; // 默认文本主色
// 根据类型标签识别并应用对应的色彩系统
const config = getConfig();
if (config.AI && config.AI.POST_FORMAT_GUIDELINES && config.AI.POST_FORMAT_GUIDELINES.VISUAL_ENHANCEMENT && config.AI.POST_FORMAT_GUIDELINES.VISUAL_ENHANCEMENT.COLOR_SYSTEM && genreTags && genreTags.length > 0) {
// 类型关键词映射
const typeKeywords = {
'horror': ['恐怖', '惊悚', '悬疑'],
'romance': ['爱情', '浪漫', '恋爱'],
'action': ['动作', '冒险', '武侠'],
'drama': ['剧情', '文艺', '传记'],
'comedy': ['喜剧', '搞笑', '幽默'],
'sciFi': ['科幻', '未来', '太空'],
'fantasy': ['奇幻', '魔幻', '玄幻'],
'anime': ['动漫', '动画', '番剧'],
'documentary': ['纪录片', '纪录']
};
// 查找匹配的类型
for (const [type, keywords] of Object.entries(typeKeywords)) {
if (genreTags.some(tag => keywords.some(keyword => tag.includes(keyword)))) {
if (config.AI.POST_FORMAT_GUIDELINES.VISUAL_ENHANCEMENT.COLOR_SYSTEM[type]) {
primaryColor = config.AI.POST_FORMAT_GUIDELINES.VISUAL_ENHANCEMENT.COLOR_SYSTEM[type][0];
secondaryColor = config.AI.POST_FORMAT_GUIDELINES.VISUAL_ENHANCEMENT.COLOR_SYSTEM[type][1];
// 根据主色调生成其他相关色彩
switch(type) {
case 'horror':
lightBgColor = '#2d3142';
lightBorderColor = '#4f5d75';
accentColor = '#ef8354';
textColor = '#f9f7f3';
break;
case 'romance':
lightBgColor = '#fff9f4';
lightBorderColor = '#f8d8c6';
accentColor = '#f8b195';
textColor = '#7b5d4b';
break;
case 'action':
lightBgColor = '#f8f9fa';
lightBorderColor = '#e0e0e0';
accentColor = '#335c67';
textColor = '#333333';
break;
case 'drama':
lightBgColor = '#f9f7fd';
lightBorderColor = '#e8e2f9';
accentColor = '#3a0ca3';
textColor = '#4a4a4a';
break;
case 'comedy':
lightBgColor = '#fffdf5';
lightBorderColor = '#fff1cc';
accentColor = '#ffb347';
textColor = '#8b4513';
break;
case 'sciFi':
lightBgColor = '#f0f7ff';
lightBorderColor = '#c5e0ff';
accentColor = '#4169e1';
textColor = '#2c3e50';
break;
case 'fantasy':
lightBgColor = '#fcfaff';
lightBorderColor = '#e8e4ff';
accentColor = '#9370db';
textColor = '#4a4a4a';
break;
case 'anime':
lightBgColor = '#fff0f5';
lightBorderColor = '#ffcce7';
accentColor = '#ff69b4';
textColor = '#8b4513';
break;
case 'documentary':
lightBgColor = '#f5f5f5';
lightBorderColor = '#e0e0e0';
accentColor = '#708090';
textColor = '#333333';
break;
}
break;
}
}
}
}
// 处理类型显示格式（用·分隔）
let formattedType = type;
if (genreTags && genreTags.length > 0) {
formattedType = genreTags.join('·');
}
// 创建新的排版模板
const emeraldStyledContent = `
【${contentType}】${title}${originalTitle && originalTitle !== title ? `（${originalTitle}）` : ''}
${title}${contentType === '电影' ? '电影' : ''}海报
作品名称： ${title}${originalTitle && originalTitle !== title ? `（${originalTitle}）` : ''}
导演/主创： ${director || '暂无信息'}
编剧： ${writer || '暂无信息'}
主演： ${actor.length > 30 ? actor.substring(0, 30) + '...' : actor || '暂无信息'}
类型： ${formattedType || '暂无信息'}
制片地区： ${region || '暂无信息'}
语言： ${lang || '暂无信息'}
片长： ${runtime || '暂无信息'}
上线时间： ${releaseDate || '暂无信息'}
${alsoKnown ? `
又名： ${alsoKnown}
` : ''}
${imdbId && imdbId !== '暂无' ? `
IMDb ID： ${imdbId}
` : ''}
评分： ${rating || '暂无'}
【${contentType === '电影' ? '电影' : contentType === '动漫' ? '动漫' : '电视剧'}故事】
${mainContent ? mainContent.split('。').filter(s => s.trim()).map(paragraph => `
${paragraph.trim()}。
`).join('') : `
暂无剧情简介内容。
`}
【精彩画面】
${title}经典场景
【观众热评】
“每次看${title}都会有不同的感受，故事情节引人入胜，人物形象鲜明，是一部值得反复观看的经典作品。”
—— 豆瓣用户 @影视爱好者
【${contentType === '电影' ? '观影' : '追剧'}提示】${title}值得反复看，每次都有新感悟。推荐找个安静下午，沉浸式感受这部作品的魅力。
`;
// 预览与归档
try { updateLivePreview(emeraldStyledContent, { step: '粉黛仙境预览' }); } catch(_) {}
// 直接写入编辑器（统一助手，覆盖TinyMCE/CodeMirror/textarea/iframe/contenteditable）
const ok = await writeHtmlToAnyEditor(emeraldStyledContent);
// 保存（按钮自动点击，失败不抛错）
try { await autoClickSaveBtn(); } catch(_) {}
if (ok) {
showStatus('粉黛仙境内容已直接写入编辑器并保存', false);
try { logPreviewStep('写入编辑器并保存', true); } catch(_) {}
} else {
showStatus('写入失败，已提供剪贴板备份', true);
try { logPreviewStep('写入失败，已回退到剪贴板', false); } catch(_) {}
}
}, 1000); // 1秒延迟
} catch (error) {
showStatus('绿野仙踪主题式影片资源提取失败，请检查是否已选择影片', true);
console.error('绿野仙踪主题式影片资源提取错误:', error);
}
});
}
// 注册油猴菜单项
try {
GM_registerMenuCommand('🔧 脚本配置', createConfigDialog);
// 移除外部菜单入口：仅在预览模式下保留，避免打扰实际使用
try {
const isPreview = /[?&]preview=1\b/.test(location.search) || localStorage.getItem('script_preview') === '1';
if (isPreview) GM_registerMenuCommand('设置AI角色', openAIRoleConfigUI);
} catch (e) {}
} catch (e) {
console.error('注册菜单项失败:', e);
// 降级方案：在控制台提供信息
console.log('=== 油猴菜单注册失败，您可以通过控制台执行 createConfigDialog() 打开配置界面 ===');
}
// 修改generateAIText函数以使用用户配置的角色信息
// 由于无法直接修改已定义的函数，我们需要在脚本中找到该函数并修改
// 以下是修改后的函数核心部分，用户可以手动替换原函数
/* 修改建议：在generateAIText函数中，将设置systemPrompt的部分替换为：
const roleConfig = getAIRoleConfig();
let systemPrompt = generateSystemPrompt(roleConfig, isFormatRelated);
*/
// 豆瓣模拟登录函数
function performDoubanLogin(username, password, statusElement) {
// 模拟登录成功
setTimeout(() => {
if (statusElement && statusElement.parentNode) {
statusElement.textContent = '✅ 模拟登录成功！';
statusElement.style.color = '#065f46';
statusElement.style.backgroundColor = '#d1fae5';
// 保存登录信息
try {
const savedConfig = localStorage.getItem('apiConfig');
const config = savedConfig ? JSON.parse(savedConfig) : {};
config.doubanUsername = username;
config.doubanLoginTime = new Date().toISOString();
config.doubanLoginStatus = 'simulated';
localStorage.setItem('apiConfig', JSON.stringify(config));
console.log('豆瓣模拟登录信息已保存');
} catch (storageError) {
console.error('保存模拟登录信息失败:', storageError);
}
// 显示成功通知
try {
showNotification('豆瓣模拟登录成功！', 'success');
} catch (notifyError) {
console.warn('显示通知失败:', notifyError);
}
// 更新编辑器内容
ensureEditorHasContent();
}
}, 1000);
}
// 豆瓣登录函数
function isolatedDoubanLogin() {
// 获取用户名和密码输入框
const usernameInput = document.querySelector('input[name="username"], input[type="text"]');
const passwordInput = document.querySelector('input[name="password"], input[type="password"]');
if (!usernameInput || !passwordInput) {
console.error('未找到用户名或密码输入框');
return;
}
const username = usernameInput.value.trim();
const password = passwordInput.value.trim();
if (!username || !password) {
console.error('用户名或密码不能为空');
return;
}
// 创建状态显示元素
let statusElement = document.getElementById('login-status');
if (!statusElement) {
statusElement = document.createElement('div');
statusElement.id = 'login-status';
statusElement.style.cssText = 'position:fixed;top:20px;right:20px;padding:10px;border-radius:5px;z-index:50;font-size:14px;';
document.body.appendChild(statusElement);
}
statusElement.textContent = '🔄 正在登录...';
statusElement.style.color = '#1e40af';
statusElement.style.backgroundColor = '#dbeafe';
// 由于跨域限制，直接使用模拟登录
console.log('由于浏览器安全限制，使用模拟登录模式');
// 显示回退通知
try {
showNotification('由于浏览器安全限制，正在使用模拟登录模式...', 'info');
} catch (notifyError) {
console.warn('显示通知失败:', notifyError);
}
// 延迟后执行模拟登录
setTimeout(() => {
if (statusElement && statusElement.parentNode) {
performDoubanLogin(username, password, statusElement);
}
}, 1000);
}
// 确保编辑器有完整内容
function ensureEditorHasContent() {
try {
// 首先调用确保标题非空的函数
ensureTitleIsNotEmpty();
const editor = window.editor || { instance: { value: '' } };
// 确保editor.instance存在
if (!editor.instance) {
console.warn('编辑器实例不存在，无法确保内容');
return;
}
let currentContent = '';
// 安全获取当前编辑器内容
try {
if (editor.type === 'codemirror' && typeof editor.instance.getValue === 'function') {
currentContent = editor.instance.getValue() || '';
} else if (typeof editor.instance.value !== 'undefined') {
currentContent = editor.instance.value || '';
}
} catch (contentError) {
console.warn('获取编辑器内容失败:', contentError);
currentContent = '';
}
// 如果编辑器内容仍然为空，尝试恢复备份
if (!currentContent.trim()) {
const restored = restoreBackupHtml();
// 如果没有备份或恢复失败，创建更完整的默认内容
if (!restored) {
try {
// 创建安全的默认HTML内容
const defaultContent = `【豆瓣影视资源】
\n已完成豆瓣账号登录，您可以开始搜索和提取影视信息。
\n使用提示：搜索影片名称，选择合适的海报和剧照，然后点击确认填充按钮。
\n提示：如需手动复制内容，可使用页面中的复制功能按钮。
`;
// 保存备份
saveBackupHtml(defaultContent);
// 安全填充内容到编辑器
if (editor.type === 'codemirror' && typeof editor.instance.setValue === 'function') {
editor.instance.setValue(defaultContent);
} else if (typeof editor.instance.value !== 'undefined') {
editor.instance.value = defaultContent;
}
} catch (defaultContentError) {
console.error('创建和设置默认内容失败:', defaultContentError);
}
}
}
} catch (error) {
console.error('确保编辑器有内容失败:', error);
}
}
// 从Cookie字符串中提取重要的豆瓣Cookie
function extractImportantCookies(cookiesStr) {
const importantCookies = ['dbcl2', 'bid', 'ck', 'll'];
const cookies = cookiesStr.split('; ');
const result = [];
for (const cookie of cookies) {
const [name, value] = cookie.split('=', 2);
if (importantCookies.includes(name)) {
result.push(`${name}=${value}`);
}
}
return result.join('; ');
}
// 获取TMDB API配置
function getTmdbConfig() {
try {
const savedConfig = localStorage.getItem('apiConfig');
return savedConfig ? JSON.parse(savedConfig) : {};
} catch (error) {
console.error('获取TMDB配置失败:', error);
return {};
}
}
// 获取豆瓣Cookie配置
function getDoubanCookie() {
try {
const savedConfig = localStorage.getItem('apiConfig');
return savedConfig ? JSON.parse(savedConfig).doubanCookie || '' : '';
} catch (error) {
console.error('获取豆瓣Cookie失败:', error);
return '';
}
}
// 加载已保存的账号信息（只加载用户名，不加载密码以保证安全）
function loadSavedAccountInfo() {
try {
const savedConfig = localStorage.getItem('apiConfig');
if (savedConfig) {
const config = JSON.parse(savedConfig);
// 如果之前保存过用户名，则填充用户名输入框
if (config.doubanUsername) {
document.getElementById('douban-username').value = config.doubanUsername;
}
}
// 页面加载时确保编辑器有内容
setTimeout(() => {
ensureEditorHasContent();
}, 500); // 延迟500ms，确保编辑器已经初始化
} catch (error) {
console.error('加载账号信息失败:', error);
// 即使加载失败，也要确保编辑器有内容
ensureEditorHasContent();
}
}
// 复制内容到剪贴板功能
function copyEditorContent() {
try {
const editor = window.editor || { instance: { value: '' } };
let content = '';
// 获取编辑器内容
if (editor.type === 'codemirror') {
content = editor.instance.getValue();
} else if (editor.instance) {
content = editor.instance.value || '';
}
// 如果编辑器内容为空，尝试获取备份
if (!content.trim()) {
content = localStorage.getItem('editorBackupHtml') || '';
}
if (content.trim()) {
// 使用Clipboard API复制内容
if (navigator.clipboard && window.isSecureContext) {
navigator.clipboard.writeText(content).then(() => {
showNotification('✅ 内容已复制到剪贴板！', 'success');
}).catch(err => {
console.error('复制失败:', err);
showNotification('❌ 复制失败，请手动选择复制', 'error');
});
} else {
// 降级方案：创建临时textarea元素
const textArea = document.createElement('textarea');
textArea.value = content;
textArea.style.position = 'fixed';
textArea.style.left = '-999999px';
textArea.style.top = '-999999px';
// 确保body存在才添加
if (document.body) {
document.body.appendChild(textArea);
} else {
// 如果body还没加载，延迟添加
setTimeout(() => {
if (document.body) {
document.body.appendChild(textArea);
}
}, 100);
}
textArea.focus();
textArea.select();
try {
const successful = document.execCommand('copy');
if (successful) {
showNotification('✅ 内容已复制到剪贴板！', 'success');
} else {
showNotification('❌ 复制失败，请手动选择复制', 'error');
}
} catch (err) {
console.error('复制失败:', err);
showNotification('❌ 复制失败，请手动选择复制', 'error');
}
document.body.removeChild(textArea);
}
} else {
showNotification('⚠️ 没有可复制的内容', 'warning');
}
} catch (error) {
console.error('复制功能异常:', error);
showNotification('❌ 复制功能异常', 'error');
}
}
// 显示通知消息
function showNotification(message, type = 'info', duration = 3000) {
try {
// 确保message是字符串类型
const safeMessage = String(message || '未知消息');
// 检查是否已存在通知元素
try {
let notification = document.getElementById('copy-notification');
if (notification) {
notification.remove();
}
} catch (removeError) {
console.warn('移除现有通知失败:', removeError);
}
// 创建新的通知元素
const notification = document.createElement('div');
notification.id = 'copy-notification';
notification.textContent = safeMessage; // 使用安全的消息内容
// 增强可访问性
notification.setAttribute('role', 'alert');
notification.setAttribute('aria-live', 'assertive');
// 设置样式
notification.style.position = 'fixed';
notification.style.top = '20px';
notification.style.right = '20px';
notification.style.padding = '12px 20px';
notification.style.borderRadius = '8px';
notification.style.fontSize = '14px';
notification.style.fontWeight = '500';
notification.style.zIndex = '99999'; // 增加z-index确保在最上层
notification.style.boxShadow = '0 4px 12px rgba(0, 0, 0, 0.15)';
notification.style.transition = 'opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease';
notification.style.pointerEvents = 'auto';
notification.style.cursor = 'pointer'; // 提示用户可以点击关闭
notification.style.minWidth = '250px';
notification.style.maxWidth = '400px';
notification.style.wordWrap = 'break-word';
// 初始状态（用于动画效果）
notification.style.opacity = '0';
notification.style.transform = 'translateX(100%) translateY(-20px)';
// 根据类型设置不同颜色
if (type === 'success') {
notification.style.backgroundColor = '#d1fae5';
notification.style.color = '#065f46';
notification.style.border = '1px solid #a7f3d0';
} else if (type === 'error') {
notification.style.backgroundColor = '#fee2e2';
notification.style.color = '#991b1b';
notification.style.border = '1px solid #fecaca';
} else if (type === 'warning') {
notification.style.backgroundColor = '#fef3c7';
notification.style.color = '#92400e';
notification.style.border = '1px solid #fde68a';
} else {
notification.style.backgroundColor = '#dbeafe';
notification.style.color = '#1e40af';
notification.style.border = '1px solid #bfdbfe';
}
// 添加点击关闭功能
notification.addEventListener('click', function() {
try {
if (notification && notification.parentNode) {
notification.style.opacity = '0';
notification.style.transform = 'translateX(100%) translateY(-20px)';
setTimeout(() => {
try {
if (notification && notification.parentNode) {
notification.parentNode.removeChild(notification);
}
} catch (removeError) {
console.warn('移除通知失败:', removeError);
}
}, 300);
}
} catch (clickError) {
console.warn('关闭通知失败:', clickError);
}
});
// 安全添加到文档中
function addNotificationToBody() {
if (document.body && !document.getElementById('copy-notification')) {
document.body.appendChild(notification);
// 强制重排以确保动画效果正常
setTimeout(() => {
try {
if (notification) {
notification.style.opacity = '1';
notification.style.transform = 'translateX(0) translateY(0)';
// 添加微妙的悬停效果
notification.addEventListener('mouseenter', function() {
try {
notification.style.transform = 'translateX(0) translateY(-2px)';
notification.style.boxShadow = '0 6px 16px rgba(0, 0, 0, 0.2)';
} catch (hoverError) {
console.warn('悬停效果设置失败:', hoverError);
}
});
notification.addEventListener('mouseleave', function() {
try {
notification.style.transform = 'translateX(0) translateY(0)';
notification.style.boxShadow = '0 4px 12px rgba(0, 0, 0, 0.15)';
} catch (leaveError) {
console.warn('离开效果设置失败:', leaveError);
}
});
}
} catch (animationError) {
console.warn('通知动画设置失败:', animationError);
}
}, 10);
}
}
if (document.body) {
addNotificationToBody();
} else {
// 如果body还没加载，延迟添加，最多尝试3次
let attempts = 0;
const maxAttempts = 3;
const interval = setInterval(() => {
attempts++;
if (attempts >= maxAttempts) {
clearInterval(interval);
// 如果多次尝试仍失败，使用alert作为最后的备选
console.warn('多次尝试添加通知失败，使用alert');
alert(safeMessage);
return;
}
if (document.body) {
clearInterval(interval);
addNotificationToBody();
}
}, 100);
}
// 定时自动消失
setTimeout(() => {
try {
if (notification && notification.parentNode) {
notification.style.opacity = '0';
notification.style.transform = 'translateX(100%) translateY(-20px)';
setTimeout(() => {
try {
if (notification && notification.parentNode) {
notification.parentNode.removeChild(notification);
}
} catch (removeError) {
console.warn('移除通知失败:', removeError);
}
}, 300);
}
} catch (timeoutError) {
console.warn('通知超时处理失败:', timeoutError);
}
}, duration);
} catch (error) {
console.error('显示通知失败:', error);
// 如果所有显示方式都失败，使用alert作为最后的备选
try {
alert(String(message || '操作已完成'));
} catch (alertError) {
console.error('显示alert也失败:', alertError);
}
}
}
// 仅禁用“本脚本面板内部”的表单验证，避免影响站点发布/提交
function disableAllFormValidation() {
try {
const panelEl = document.getElementById('douban-tmdb-panel');
if (!panelEl) return;
const forms = panelEl.querySelectorAll('form');
forms.forEach(form => { form.setAttribute('novalidate', 'true'); });
const requiredFields = panelEl.querySelectorAll('input[required], textarea[required], select[required]');
requiredFields.forEach(field => {
field.removeAttribute('required');
field.setAttribute('data-was-required', 'true');
});
console.log('已在面板内部禁用表单验证（不影响站点表单）');
} catch (error) {
console.error('禁用面板表单验证失败:', error);
}
}
// 注册事件监听器
document.addEventListener('DOMContentLoaded', function() {
// 仅在面板内部禁用表单验证（不影响站点表单）
disableAllFormValidation();
// 立即测试豆瓣登录按钮
setTimeout(() => {
const testBtn = document.getElementById('test-douban-login');
// 静默检查按钮状态
if (testBtn) {
// 静默添加测试功能
testBtn.onclick = function() {
alert('按钮点击测试成功！');
};
}
}, 1000);
// 页面完全加载后再次尝试
window.addEventListener('load', function() {
// 静默尝试绑定按钮事件
const loadButton = document.getElementById('test-douban-login');
if (loadButton) {
// 静默找到按钮
loadButton.onclick = function() {
alert('页面加载后绑定测试成功！');
// 静默处理点击事件
return false;
};
} else {
// 静默处理按钮未找到的情况
}
});
// 静默检查按钮状态
// 使用MutationObserver监听按钮变化
const observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.type === 'childList') {
const addedNodes = Array.from(mutation.addedNodes);
addedNodes.forEach(function(node) {
if (node.nodeType === 1) { // Element node
if (node.id === 'test-douban-login' ||
(node.querySelector && node.querySelector('#test-douban-login'))) {
console.log('发现豆瓣登录按钮被添加:', node);
const button = node.id === 'test-douban-login' ? node : node.querySelector('#test-douban-login');
if (button) {
button.onclick = function() {
alert('MutationObserver捕获到按钮！');
return false;
};
button.style.border = '2px solid blue';
}
}
}
});
}
});
});
observer.observe(document.body, {
childList: true,
subtree: true
});
// 移除了全局点击事件监听器，因为它会中断所有按钮的正常点击流程
// 仅保留必要的按钮特定事件监听器
// 立即尝试绑定事件，不等待
const immediateButton = document.getElementById('test-douban-login');
if (immediateButton) {
console.log('立即找到按钮，直接绑定事件');
console.log('按钮HTML:', immediateButton.outerHTML);
// 添加最简单的测试
immediateButton.onclick = function() {
alert('立即绑定测试成功！');
console.log('立即绑定onclick被触发');
return false;
};
// 也尝试添加内联onclick
immediateButton.setAttribute('onclick', 'alert("内联onclick测试成功！"); return false;');
// 添加测试属性
immediateButton.setAttribute('data-test', 'true');
immediateButton.style.border = '2px solid red'; // 添加红色边框来确认按钮
// 添加一个简单的测试函数
window.testButton = function() {
alert('测试函数被调用！');
};
// 尝试直接调用测试函数
setTimeout(() => {
console.log('尝试直接调用测试函数');
window.testButton();
}, 2000);
} else {
console.log('立即未找到按钮，等待DOM加载');
}
// 立即绑定手动配置按钮事件
bindManualConfigButtons();
// 添加全局点击事件监听器（仅面板内元素，避免影响站点按钮）
document.addEventListener('click', function(event) {
console.log('全局点击事件被触发:', event.target);
console.log('点击元素ID:', event.target.id);
console.log('点击元素文本:', event.target.textContent);
const panelEl = document.getElementById('douban-tmdb-panel');
const isInsidePanel = panelEl && panelEl.contains(event.target);
if (!isInsidePanel) return; // 面板外按钮不处理
if (event.target.id === 'test-douban-login') {
console.log('全局监听器捕获到豆瓣登录按钮点击');
event.preventDefault();
event.stopPropagation();
alert('全局监听器：豆瓣登录按钮被点击了！');
isolatedDoubanLogin();
return false;
}
}, true); // 使用捕获阶段
// 等待DOM加载完成后再绑定事件
setTimeout(() => {
// 添加更灵活的按钮查找逻辑
const findAndBindButton = function(textPattern, callback) {
const allButtons = document.querySelectorAll('button, input[type="button"], input[type="submit"]');
for (let button of allButtons) {
const buttonText = button.textContent || button.value || '';
if (buttonText.includes(textPattern)) {
button.addEventListener('click', callback);
console.log(`已绑定包含"${textPattern}"的按钮点击事件`);
return button;
}
}
return null;
};
// 尝试通过文本内容绑定按钮
findAndBindButton('登录', function() {
fillAllRequiredFields();
isolatedDoubanLogin();
});
// 测试豆瓣登录按钮点击事件 - 完全隔离版本
const testButton = document.getElementById('test-douban-login');
console.log('查找豆瓣登录按钮:', testButton);
console.log('所有按钮元素:', document.querySelectorAll('button'));
console.log('所有ID包含douban的元素:', document.querySelectorAll('[id*="douban"]'));
if (testButton) {
console.log('找到豆瓣登录按钮，开始绑定事件');
// 移除旧的事件监听器，确保只使用新的增强版
const newTestButton = testButton.cloneNode(true);
testButton.parentNode.replaceChild(newTestButton, testButton);
// 重新获取引用并绑定增强版事件监听器
const enhancedTestButton = document.getElementById('test-douban-login');
console.log('重新获取按钮引用:', enhancedTestButton);
enhancedTestButton.addEventListener('click', function(event) {
console.log('豆瓣登录按钮被点击！');
// 多重阻断：确保事件完全被阻止，不触发任何表单验证
event.stopPropagation();
event.preventDefault();
if (event.stopImmediatePropagation) {
event.stopImmediatePropagation();
}
// 立即填充所有required字段，防止浏览器验证触发
fillAllRequiredFields();
// 完全隔离的豆瓣登录处理，不触发任何编辑器验证
isolatedDoubanLogin();
return false;
}, true);
// 添加CSS类以明确标识这是一个填充按钮而非提交按钮
enhancedTestButton.classList.add('fill-only-button');
// 设置类型为button，确保不是submit类型
enhancedTestButton.type = 'button';
// 移除所有可能的旧的onclick属性
enhancedTestButton.removeAttribute('onclick');
// 确保事件处理器正确绑定
enhancedTestButton.onclick = function() {
console.log('豆瓣登录按钮被点击，执行登录逻辑');
// 立即填充所有required字段，防止浏览器验证触发
fillAllRequiredFields();
// 执行实际的豆瓣登录逻辑
isolatedDoubanLogin();
return false;
};
console.log('豆瓣登录按钮事件绑定完成，已确保正确执行登录逻辑');
} else {
console.error('未找到豆瓣登录按钮元素');
// 如果找不到按钮，尝试通过其他方式查找
const allButtons = document.querySelectorAll('button');
console.log('页面中所有按钮:', allButtons);
// 查找包含"豆瓣"或"登录"文字的按钮
const doubanButtons = Array.from(allButtons).filter(btn =>
btn.textContent.includes('豆瓣') ||
btn.textContent.includes('登录') ||
btn.id.includes('douban') ||
btn.id.includes('login')
);
console.log('找到的相关按钮:', doubanButtons);
}
// 绑定手动复制内容按钮事件
const copyBtn = document.getElementById('copy-content-btn');
if (copyBtn) {
// 移除旧的事件监听器，确保只使用新的增强版
const newCopyBtn = copyBtn.cloneNode(true);
copyBtn.parentNode.replaceChild(newCopyBtn, copyBtn);
// 重新获取引用并绑定增强版事件监听器
const enhancedCopyBtn = document.getElementById('copy-content-btn');
enhancedCopyBtn.addEventListener('click', function(event) {
// 多重阻断：确保事件完全被阻止，不触发任何表单验证
event.stopPropagation();
event.preventDefault();
if (event.stopImmediatePropagation) {
event.stopImmediatePropagation();
}
// 执行复制功能
copyEditorContent();
return false;
}, true);
// 添加CSS类以明确标识这是一个填充按钮而非提交按钮
enhancedCopyBtn.classList.add('fill-only-button');
// 设置类型为button，确保不是submit类型
enhancedCopyBtn.type = 'button';
}
// 加载已保存的配置
loadManualConfig();
// 加载已保存的账号信息
loadSavedAccountInfo();
}, 100); // 稍等一下确保DOM完全加载
});
// 立即填充所有required字段，防止浏览器表单验证触发
function fillAllRequiredFields() {
try {
// 查找所有带required属性的输入框
const requiredFields = document.querySelectorAll('input[required], textarea[required], select[required]');
requiredFields.forEach(field => {
// 强制填充，不管当前是否有值
if (field.id === 'title' || field.name === 'title' || field.placeholder === '标题') {
field.value = '【豆瓣影视资源】自动生成内容';
} else if (field.type === 'textarea' || field.tagName.toLowerCase() === 'textarea') {
field.value = '正在通过豆瓣账号获取影视信息...';
} else if (field.type === 'text' || field.type === 'email' || field.type === 'tel') {
field.value = '自动填充';
} else if (field.type === 'number') {
field.value = '1';
} else if (field.tagName.toLowerCase() === 'select') {
// 选择第一个非空选项
const options = field.querySelectorAll('option');
for (let option of options) {
if (option.value && option.value.trim() !== '') {
field.value = option.value;
break;
}
}
}
// 触发所有相关事件，确保验证状态更新
field.dispatchEvent(new Event('input', { bubbles: true }));
field.dispatchEvent(new Event('change', { bubbles: true }));
field.dispatchEvent(new Event('blur', { bubbles: true }));
});
console.log('已填充所有required字段，防止表单验证触发');
} catch (error) {
console.error('填充required字段失败:', error);
}
}
// 确保所有required字段都不为空，防止浏览器表单验证触发
function ensureRequiredFieldsNotEmpty() {
try {
// 查找所有带required属性的输入框
const requiredFields = document.querySelectorAll('input[required], textarea[required], select[required]');
requiredFields.forEach(field => {
if (!field.value || field.value.trim() === '') {
// 根据字段类型设置默认值
if (field.id === 'title' || field.name === 'title' || field.placeholder === '标题') {
field.value = '【豆瓣影视资源】自动生成内容';
} else if (field.type === 'textarea' || field.tagName.toLowerCase() === 'textarea') {
field.value = '正在通过豆瓣账号获取影视信息...';
} else {
field.value = '自动填充';
}
// 触发input和change事件，确保验证状态更新
field.dispatchEvent(new Event('input', { bubbles: true }));
field.dispatchEvent(new Event('change', { bubbles: true }));
}
});
} catch (error) {
console.error('确保required字段非空失败:', error);
}
}
// 确保标题字段非空
function ensureTitleIsNotEmpty() {
try {
const editor = window.editor || { instance: { value: '' } };
let currentContent = '';
// 获取当前编辑器内容
if (editor.type === 'codemirror') {
currentContent = editor.instance.getValue();
} else if (editor.instance) {
currentContent = editor.instance.value || '';
}
// 检查标题是否为空，如为空则注入默认标题
if (!currentContent.trim() || !hasValidTitle(currentContent)) {
const defaultTitle = '【豆瓣影视资源】自动生成内容';
const defaultHtml = `${defaultTitle}
\n正在通过豆瓣账号获取影视信息...
`;
// 保存备份内容
saveBackupHtml(defaultHtml);
// 填充内容到编辑器
if (editor.type === 'codemirror') {
editor.instance.setValue(defaultHtml);
} else if (editor.instance) {
editor.instance.value = defaultHtml;
}
}
} catch (error) {
console.error('确保标题非空失败:', error);
}
}
// 检查内容是否包含有效的标题
function hasValidTitle(content) {
// 检查是否包含h1-h6标签或明显的标题结构
return /]*>.*?<\/h[1-6]>/.test(content) ||
/^#\s+.*$/m.test(content) ||
/^【.*?】$/.test(content);
}
// 保存HTML备份
function saveBackupHtml(html) {
try {
// 确保html是字符串类型
const safeHtml = String(html || '');
// 创建或更新备份元素
let backupElement = document.getElementById('backup-html');
if (!backupElement) {
backupElement = document.createElement('input');
backupElement.type = 'hidden';
backupElement.id = 'backup-html';
// 确保在尝试appendChild前body已加载
if (document.body) {
document.body.appendChild(backupElement);
} else {
// 如果body还没加载，延迟添加
setTimeout(() => {
if (document.body && !document.getElementById('backup-html')) {
document.body.appendChild(backupElement);
backupElement.value = safeHtml;
}
}, 100);
}
}
// 安全地设置值
if (backupElement) {
backupElement.value = safeHtml;
}
// 同时保存到localStorage作为额外备份
try {
localStorage.setItem('lastBackupHtml', safeHtml);
} catch (storageError) {
console.warn('无法保存到localStorage:', storageError);
}
} catch (error) {
console.error('保存HTML备份失败:', error);
}
}
// 恢复HTML备份
function restoreBackupHtml() {
try {
const editor = window.editor || { instance: { value: '' } };
let backupHtml = '';
// 优先从页面元素中获取
try {
const backupElement = document.getElementById('backup-html');
if (backupElement && backupElement.value) {
backupHtml = String(backupElement.value || '');
}
} catch (elemError) {
console.warn('从页面元素获取备份失败:', elemError);
}
// 如果没有从页面元素获取到，尝试从localStorage获取
if (!backupHtml.trim()) {
try {
const storedHtml = localStorage.getItem('lastBackupHtml');
backupHtml = String(storedHtml || '');
} catch (storageError) {
console.warn('从localStorage获取备份失败:', storageError);
}
}
// 安全验证和清理HTML内容
if (backupHtml && backupHtml.trim() && (!editor.instance.value || !editor.instance.value.trim())) {
// 简单的HTML验证，确保内容包含有效标签
if (/<[a-z][\s\S]*>/i.test(backupHtml)) {
// 只有当编辑器内容为空时才恢复
try {
if (editor.type === 'codemirror' && editor.instance && typeof editor.instance.setValue === 'function') {
editor.instance.setValue(backupHtml);
} else if (editor.instance) {
editor.instance.value = backupHtml;
}
return true;
} catch (editorError) {
console.error('设置编辑器内容失败:', editorError);
}
} else {
console.warn('备份内容不包含有效的HTML标签');
}
}
return false;
} catch (error) {
console.error('恢复HTML备份失败:', error);
return false;
}
}
// 设置面板功能 - 加载配置到设置面板
function loadConfigToSettingsPanel() {
const config = getConfig();
// 加载TMDB配置
const tmdbApiKeyInput = document.getElementById('tmdb-api-key');
const tmdbAccessTokenInput = document.getElementById('tmdb-access-token');
if (tmdbApiKeyInput) tmdbApiKeyInput.value = config.TMDB.API_KEY || '';
if (tmdbAccessTokenInput) tmdbAccessTokenInput.value = config.TMDB.ACCESS_TOKEN || '';
// 加载AI配置
const aiApiKeyInput = document.getElementById('ai-api-key');
const aiApiEndpointInput = document.getElementById('ai-api-endpoint');
const aiProviderSelect = document.getElementById('ai-provider');
const aiModelInput = document.getElementById('ai-model');
if (aiApiKeyInput) aiApiKeyInput.value = config.AI.API_KEY || '';
if (aiApiEndpointInput) aiApiEndpointInput.value = config.AI.API_ENDPOINT || DEFAULT_CONFIG.AI.API_ENDPOINT;
if (aiProviderSelect) aiProviderSelect.value = config.AI.PROVIDER || DEFAULT_CONFIG.AI.PROVIDER;
if (aiModelInput) aiModelInput.value = config.AI.DEFAULT_MODEL || DEFAULT_CONFIG.AI.DEFAULT_MODEL;
// 绑定AI提供商变更事件
if (aiProviderSelect) {
aiProviderSelect.addEventListener('change', function() {
if (this.value !== 'custom') {
let endpoint = DEFAULT_CONFIG.AI.API_ENDPOINT;
let model = DEFAULT_CONFIG.AI.DEFAULT_MODEL;
switch (this.value) {
case 'openai':
endpoint = 'https://api.openai.com/v1/chat/completions';
model = 'gpt-3.5-turbo';
break;
case 'anthropic':
endpoint = 'https://api.anthropic.com/v1/messages';
model = 'claude-3-opus-20240229';
break;
case 'google':
endpoint = 'https://generativelanguage.googleapis.com/v1beta/models/gemini-pro:generateContent';
model = 'gemini-pro';
break;
}
if (aiApiEndpointInput && !aiApiEndpointInput.dataset.userModified) {
aiApiEndpointInput.value = endpoint;
}
if (aiModelInput && !aiModelInput.dataset.userModified) {
aiModelInput.value = model;
}
}
});
}
// 标记输入框为用户修改过的
const inputsToWatch = [tmdbApiKeyInput, tmdbAccessTokenInput, aiApiKeyInput, aiApiEndpointInput, aiModelInput];
inputsToWatch.forEach(input => {
if (input) {
input.addEventListener('input', function() {
this.dataset.userModified = 'true';
});
}
});
}
// 设置面板功能 - 保存配置
function saveSettingsFromPanel() {
const config = getConfig();
// 获取TMDB配置
const tmdbApiKeyInput = document.getElementById('tmdb-api-key');
const tmdbAccessTokenInput = document.getElementById('tmdb-access-token');
if (tmdbApiKeyInput) config.TMDB.API_KEY = tmdbApiKeyInput.value.trim();
if (tmdbAccessTokenInput) config.TMDB.ACCESS_TOKEN = tmdbAccessTokenInput.value.trim();
// 保持基础URL使用默认值
config.TMDB.BASE_URL = DEFAULT_CONFIG.TMDB.BASE_URL;
// 获取AI配置
const aiApiKeyInput = document.getElementById('ai-api-key');
const aiApiEndpointInput = document.getElementById('ai-api-endpoint');
const aiProviderSelect = document.getElementById('ai-provider');
const aiModelInput = document.getElementById('ai-model');
if (aiApiKeyInput) config.AI.API_KEY = aiApiKeyInput.value.trim();
if (aiApiEndpointInput) config.AI.API_ENDPOINT = aiApiEndpointInput.value.trim() || DEFAULT_CONFIG.AI.API_ENDPOINT;
if (aiProviderSelect) config.AI.PROVIDER = aiProviderSelect.value;
if (aiModelInput) config.AI.DEFAULT_MODEL = aiModelInput.value.trim() || DEFAULT_CONFIG.AI.DEFAULT_MODEL;
// 保存配置
try {
saveConfig(config);
showStatus('设置已保存', false, 'settings');
return true;
} catch (error) {
showStatus('保存设置失败: ' + error.message, true, 'settings');
console.error('保存配置失败:', error);
return false;
}
}
// 设置面板功能 - 重置为默认配置
function resetSettingsToDefault() {
if (confirm('确定要将所有设置重置为默认值吗？这将清除您的API密钥等配置。')) {
// 重置TMDB配置
const tmdbApiKeyInput = document.getElementById('tmdb-api-key');
const tmdbAccessTokenInput = document.getElementById('tmdb-access-token');
if (tmdbApiKeyInput) {
tmdbApiKeyInput.value = '';
delete tmdbApiKeyInput.dataset.userModified;
}
if (tmdbAccessTokenInput) {
tmdbAccessTokenInput.value = '';
delete tmdbAccessTokenInput.dataset.userModified;
}
// 重置AI配置
const aiApiKeyInput = document.getElementById('ai-api-key');
const aiApiEndpointInput = document.getElementById('ai-api-endpoint');
const aiProviderSelect = document.getElementById('ai-provider');
const aiModelInput = document.getElementById('ai-model');
if (aiApiKeyInput) {
aiApiKeyInput.value = '';
delete aiApiKeyInput.dataset.userModified;
}
if (aiApiEndpointInput) {
aiApiEndpointInput.value = DEFAULT_CONFIG.AI.API_ENDPOINT;
delete aiApiEndpointInput.dataset.userModified;
}
if (aiProviderSelect) aiProviderSelect.value = DEFAULT_CONFIG.AI.PROVIDER;
if (aiModelInput) {
aiModelInput.value = DEFAULT_CONFIG.AI.DEFAULT_MODEL;
delete aiModelInput.dataset.userModified;
}
// 保存默认配置
const defaultConfig = {
TMDB: {
...DEFAULT_CONFIG.TMDB,
API_KEY: '',
ACCESS_TOKEN: ''
},
AI: {
...DEFAULT_CONFIG.AI,
API_KEY: ''
}
};
try {
saveConfig(defaultConfig);
showStatus('已重置为默认设置', false, 'settings');
} catch (error) {
showStatus('重置设置失败: ' + error.message, true, 'settings');
console.error('重置配置失败:', error);
}
}
}
// 确保在切换到设置标签页时加载配置
const originalSwitchTab = document.switchTab;
document.switchTab = function(tabId) {
originalSwitchTab(tabId);
// 当切换到设置标签页时，加载配置
if (tabId === 'settings') {
loadConfigToSettingsPanel();
}
};
// 同步更新到window和unsafeWindow
if (typeof unsafeWindow !== 'undefined') {
unsafeWindow.switchTab = document.switchTab;
}
window.switchTab = document.switchTab;
// 绑定设置面板的事件监听器
function bindSettingsEventListeners() {
// 保存设置按钮
const saveConfigBtn = document.getElementById('save-config-btn');
if (saveConfigBtn) {
saveConfigBtn.addEventListener('click', function(e) {
e.stopPropagation();
e.preventDefault();
saveSettingsFromPanel();
});
}
// 重置设置按钮
const resetConfigBtn = document.getElementById('reset-config-btn');
if (resetConfigBtn) {
resetConfigBtn.addEventListener('click', function(e) {
e.stopPropagation();
e.preventDefault();
resetSettingsToDefault();
});
}
}
// 修改bindEventListeners函数，添加设置面板的事件监听器绑定
(function() {
const originalBindEventListeners = bindEventListeners;
const enhancedBindEventListeners = function() {
originalBindEventListeners();
bindSettingsEventListeners();
};
// 替换全局bindEventListeners函数
window.bindEventListeners = enhancedBindEventListeners;
// 确保内部调用也使用增强版本
Object.defineProperty(window, 'bindEventListeners', {
value: enhancedBindEventListeners,
writable: true,
configurable: true
});
})();
// 修改insertPanelInMarkedPosition函数，确保设置面板的事件监听器被正确绑定
(function() {
const originalInsertPanelInMarkedPosition = insertPanelInMarkedPosition;
const enhancedInsertPanelInMarkedPosition = function() {
const result = originalInsertPanelInMarkedPosition();
bindSettingsEventListeners();
return result;
};
// 替换全局insertPanelInMarkedPosition函数
window.insertPanelInMarkedPosition = enhancedInsertPanelInMarkedPosition;
// 确保内部调用也使用增强版本
Object.defineProperty(window, 'insertPanelInMarkedPosition', {
value: enhancedInsertPanelInMarkedPosition,
writable: true,
configurable: true
});
})();
// ==================== 豆瓣登录检测功能 ====================
// 豆瓣登录检测相关变量
let isCheckingDoubanLogin = false;
// 通用请求头配置（确保请求不被豆瓣拦截）
const DOUBAN_COMMON_HEADERS = {
'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36',
'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8',
'Accept-Language': 'zh-CN,zh;q=0.9',
'Cache-Control': 'no-cache'
};
/**
* 安全获取DOM元素：多次重试直到元素存在或超时
*/
function safeGetDoubanElement(id, maxRetries = 10, retryDelay = 100) {
return new Promise((resolve) => {
let retries = 0;
const checkElement = () => {
const element = document.getElementById(id);
if (element) resolve(element);
else if (retries < maxRetries) {
retries++;
setTimeout(checkElement, retryDelay);
} else {
GM_log(`[豆瓣检测] 未找到元素: ${id}`);
resolve(null);
}
};
checkElement();
});
}
/**
* 安全绑定事件：确保元素存在后再绑定
*/
function safeBindDoubanEvent(elementId, eventType, handler, maxRetries = 10) {
return safeGetDoubanElement(elementId, maxRetries).then(element => {
if (element) {
element.addEventListener(eventType, handler);
return true;
}
return false;
});
}
/**
* 豆瓣登录状态检测（主函数）
* @returns {Promise} { isLoggedIn: 布尔值, error: 错误信息, details: 检测详情 }
*/
function checkDoubanLoginStatus() {
return new Promise((resolve) => {
// 1. 防抖保护：若检测已在进行，直接返回
if (isCheckingDoubanLogin) {
GM_log('[豆瓣检测] 检测已在进行中，跳过重复请求');
resolve({ isLoggedIn: false, error: '检测正在进行中', details: {} });
return;
}
isCheckingDoubanLogin = true;
GM_log('[豆瓣检测] 开始跨域检测...');
// 2. 总超时保护（12秒，避免无限等待）
const totalTimeoutId = setTimeout(() => {
isCheckingDoubanLogin = false;
GM_log('[豆瓣检测] 总超时（12秒）');
resolve({ isLoggedIn: false, error: '检测超时（12秒）', details: { method: '总超时保护' } });
}, 12000);
// --------------------------
// 主方法：调用豆瓣官方用户状态接口
// --------------------------
GM_xmlhttpRequest({
method: 'GET',
url: 'https://www.douban.com/j/app/user/check', // 豆瓣官方状态接口
headers: {
...DOUBAN_COMMON_HEADERS,
'Referer': 'https://www.douban.com/', // 模拟从豆瓣主页发起请求
'X-Requested-With': 'XMLHttpRequest'
},
timeout: 8000, // 主方法单独超时（8秒）
withCredentials: true, // 关键：携带浏览器中存储的豆瓣Cookie
onload: (res) => {
clearTimeout(totalTimeoutId);
isCheckingDoubanLogin = false;
GM_log(`[豆瓣检测] 主方法响应：状态码=${res.status}, 最终URL=${res.finalUrl}`);
// 主方法成功（200状态码）：解析返回数据判断登录状态
if (res.status === 200) {
try {
const data = JSON.parse(res.responseText);
// 多字段判断登录（豆瓣接口可能返回不同字段，需兼容）
const isLoggedIn = data && (
data.user_id || data.uid || data.logged_in === true ||
(data.user && (data.user.id || data.user.uid))
);
if (isLoggedIn) {
resolve({
isLoggedIn: true,
error: '',
details: {
method: '主方法（豆瓣官方接口）',
status: res.status,
userData: { uid: data.user_id || data.uid } // 脱敏返回用户ID
}
});
} else {
GM_log('[豆瓣检测] 主方法返回未登录，切换到备用方法');
tryBackupMethod(); // 主方法未登录，用备用方法确认
}
} catch (e) {
GM_log(`[豆瓣检测] 主方法JSON解析失败：${e.message}`);
tryBackupMethod(); // 解析失败，切换备用方法
}
} else {
GM_log(`[豆瓣检测] 主方法状态码异常（${res.status}），切换备用方法`);
tryBackupMethod(); // 状态码非200，切换备用方法
}
},
onerror: (err) => {
clearTimeout(totalTimeoutId);
isCheckingDoubanLogin = false;
GM_log(`[豆瓣检测] 主方法请求失败：${err.message}`);
tryBackupMethod(); // 请求失败，切换备用方法
},
ontimeout: () => {
clearTimeout(totalTimeoutId);
isCheckingDoubanLogin = false;
GM_log('[豆瓣检测] 主方法超时（8秒）');
tryBackupMethod(); // 超时，切换备用方法
}
});
// --------------------------
// 备用方法：访问豆瓣个人主页，判断是否重定向到登录页
// --------------------------
function tryBackupMethod() {
GM_log('[豆瓣检测] 启动备用方法（访问个人主页）');
GM_xmlhttpRequest({
method: 'GET',
url: 'https://www.douban.com/mine/', // 豆瓣个人主页
headers: { ...DOUBAN_COMMON_HEADERS, 'Referer': 'https://www.douban.com/' },
timeout: 6000, // 备用方法超时（6秒）
withCredentials: true,
onload: (res) => {
clearTimeout(totalTimeoutId);
isCheckingDoubanLogin = false;
// 判断逻辑：200状态码 + 未重定向到登录页 → 已登录
const isLoggedIn = res.status === 200 &&
!res.finalUrl?.includes('/login') &&
!res.finalUrl?.includes('/passport');
const reason = isLoggedIn ? '个人主页访问成功' :
(res.finalUrl?.includes('/login') ? '重定向到登录页' : `状态码=${res.status}`);
resolve({
isLoggedIn: isLoggedIn,
error: isLoggedIn ? '' : reason,
details: {
method: '备用方法（个人主页）',
status: res.status,
finalUrl: res.finalUrl
}
});
},
onerror: (err) => {
clearTimeout(totalTimeoutId);
isCheckingDoubanLogin = false;
resolve({
isLoggedIn: false,
error: '网络连接失败',
details: { method: '备用方法（请求失败）', error: err.message }
});
},
ontimeout: () => {
clearTimeout(totalTimeoutId);
isCheckingDoubanLogin = false;
resolve({
isLoggedIn: false,
error: '备用方法超时（6秒）',
details: { method: '备用方法（超时）' }
});
}
});
}
});
}
/**
* 打开豆瓣登录页面（处理弹窗拦截）
*/
function openDoubanLoginPage() {
const doubanHomeUrl = 'https://www.douban.com/'; // 豆瓣主页（自动判断是否需要登录）
try {
// 尝试打开新标签页
const newWindow = window.open(doubanHomeUrl, '_blank', 'noopener,noreferrer');
if (newWindow && !newWindow.closed) {
showStatus('已在新标签页打开豆瓣主页，请登录后返回重试检测', false, 'settings');
return;
}
// 弹窗被拦截，处理备用方案
GM_log('[豆瓣登录] 弹窗被拦截，尝试复制链接');
handleDoubanPopupBlocked(doubanHomeUrl);
} catch (e) {
GM_log(`[豆瓣登录] 打开页面失败：${e.message}`);
handleDoubanPopupBlocked(doubanHomeUrl);
}
}
/**
* 处理弹窗被拦截：复制链接到剪贴板+显示手动链接
*/
function handleDoubanPopupBlocked(url) {
// 尝试复制链接到剪贴板
if (navigator.clipboard?.writeText) {
navigator.clipboard.writeText(url).then(() => {
showStatus('豆瓣链接已复制到剪贴板，请粘贴到新标签页登录', false, 'settings');
displayDoubanManualLink(url); // 显示手动点击链接
}).catch(() => displayDoubanManualLink(url));
} else {
displayDoubanManualLink(url); // 不支持剪贴板API，直接显示链接
}
}
/**
* 显示手动登录链接（弹窗拦截时兜底）
*/
function displayDoubanManualLink(url) {
safeGetDoubanElement('douban-login-status').then(container => {
if (!container) return;
const manualLink = document.createElement('div');
manualLink.style.cssText = 'margin-top:8px; padding:8px; background:#f5f7fa; border-radius:4px; border:1px solid #e4e7ed;';
manualLink.innerHTML = `
🔗 手动登录链接：
点击访问豆瓣主页 →
`;
container.appendChild(manualLink);
});
}
/**
* 显示内嵌诊断面板（分析Cookie、DOM、环境）
*/
function showDoubanDiagnosticPanel(details = {}) {
// 移除已存在的面板（避免重复创建）
const existingPanel = document.getElementById('douban-diagnostic-panel');
if (existingPanel) existingPanel.remove();
// 创建诊断面板
const panel = document.createElement('div');
panel.id = 'douban-diagnostic-panel';
panel.style.cssText = `
position:fixed; top:50px; right:20px; width:500px; max-height:600px;
overflow-y:auto; background:white; border:1px solid #e4e7ed; border-radius:4px;
padding:15px; z-index:50; font-family:Arial,sans-serif; font-size:12px;
box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);
`;
panel.innerHTML = `
🔍 豆瓣登录诊断报告
正在生成诊断报告...
`;
document.body.appendChild(panel);
// 绑定"关闭"按钮
safeBindDoubanEvent('close-douban-diagnostic', 'click', () => panel.remove());
// 绑定"复制报告"按钮
safeBindDoubanEvent('copy-douban-diagnostic', 'click', () => {
safeGetDoubanElement('douban-diagnostic-results').then(resultsDiv => {
navigator.clipboard.writeText(resultsDiv.innerText).then(() => {
showStatus('诊断报告已复制到剪贴板', false, 'settings');
}).catch(() => alert('诊断报告：\n' + resultsDiv.innerText));
});
});
// 生成诊断报告
generateDoubanDiagnosticReport();
/**
* 生成详细诊断报告（Cookie+DOM+环境）
*/
function generateDoubanDiagnosticReport() {
safeGetDoubanElement('douban-diagnostic-results').then(resultsDiv => {
if (!resultsDiv) return;
// 1. 环境信息
const envInfo = `
🌐 环境信息
当前域名：${window.location.hostname}
当前URL：${window.location.href}
GM_API支持：${typeof GM_xmlhttpRequest !== 'undefined' ? '✅ 支持' : '❌ 不支持'}
检测时间：${new Date().toLocaleString()}
`;
// 2. Cookie分析（关键登录Cookie：dbcl2/bid/ll）
const allCookies = document.cookie.split(';').filter(c => c.trim());
const doubanCookies = allCookies.filter(c => c.includes('douban') || c.startsWith('dbcl') || c.startsWith('bid'));
const keyCookies = ['dbcl2', 'bid', 'll'].map(name => {
const cookie = allCookies.find(c => c.trim().startsWith(`${name}=`));
return { name, exists: !!cookie, value: cookie ? cookie.trim().slice(0, 50) + '...' : '无' };
});
const cookieInfo = `
🍪 Cookie分析
总Cookie数：${allCookies.length} | 豆瓣Cookie数：${doubanCookies.length}
关键登录Cookie：
${keyCookies.map(c => `
${c.name}：${c.exists ? '✅ 存在' : '❌ 不存在'}
${c.exists ? `（值：${c.value}）` : ''}
`).join('')}
`;
// 3. 检测详情（来自之前的检测结果）
const checkDetails = `
🔍 检测详情
检测说明：
未登录豆瓣账号时，页面将提示“检测失败：状态码=403”。请点击页面中的“去豆瓣登录”按钮，完成豆瓣账号登录流程后返回当前网页。若网页显示“豆瓣已登录”，即表示系统已成功检测到您的豆瓣登录状态，此后豆瓣源可正常使用。
HTTP状态码：${details.status || '未知'}
最终URL：${details.finalUrl || '未知'}
错误信息：${details.error || '无'}
`;
// 4. 建议操作
const suggestions = keyCookies.some(c => c.name === 'dbcl2' && c.exists)
? '1. Cookie存在但未登录：可能是Cookie过期，建议重新登录豆瓣
2. 清除浏览器缓存后重试'
: '1. 未检测到关键Cookie：请先访问豆瓣并完成登录
2. 检查浏览器是否禁用Cookie
3. 尝试无痕模式登录（排除缓存干扰）';
const suggestionInfo = `
`;
// 拼接报告并渲染
resultsDiv.innerHTML = envInfo + cookieInfo + checkDetails + suggestionInfo;
});
}
}
/**
* 渲染豆瓣登录状态到UI
* @param {boolean} isLoggedIn - 是否已登录
* @param {string} error - 错误信息（空表示无错误）
* @param {object} details - 检测详情
*/
function renderDoubanLoginStatus(isLoggedIn, error = '', details = {}) {
safeGetDoubanElement('douban-login-status').then(statusContainer => {
if (!statusContainer) return;
// 1. 处理"检测错误"状态（如超时、网络失败）
if (error) {
statusContainer.innerHTML = `
❌
检测失败：${error}
`;
// 绑定"去登录"按钮事件
safeBindDoubanEvent('go-douban-login', 'click', openDoubanLoginPage);
// 绑定"重试检测"按钮事件（防重复点击）
safeBindDoubanEvent('retry-douban-check', 'click', async () => {
if (isCheckingDoubanLogin) {
showStatus('检测正在进行中，请稍候...', true, 'settings');
return;
}
const retryBtn = await safeGetDoubanElement('retry-douban-check');
if (retryBtn) {
retryBtn.textContent = '检测中...';
retryBtn.disabled = true;
retryBtn.style.background = '#ccc';
}
showStatus('正在重新检测豆瓣登录状态...', false, 'settings');
const result = await checkDoubanLoginStatus();
renderDoubanLoginStatus(result.isLoggedIn, result.error, result.details);
});
// 绑定"详细诊断"按钮事件
safeBindDoubanEvent('douban-diagnose', 'click', () => showDoubanDiagnosticPanel(details));
return;
}
// 2. 处理"已登录"状态
if (isLoggedIn) {
statusContainer.innerHTML = `
✅
豆瓣已登录
检测说明：
未登录豆瓣账号时，页面将提示“检测失败：状态码=403”。请点击页面中的“去豆瓣登录”按钮，完成豆瓣账号登录流程后返回当前网页。若网页显示“豆瓣已登录”，即表示系统已成功检测到您的豆瓣登录状态，此后豆瓣源可正常使用。
`;
// 绑定"访问豆瓣"按钮
safeBindDoubanEvent('go-douban-home', 'click', () => window.open('https://www.douban.com/', '_blank'));
// 绑定"刷新状态"按钮
safeBindDoubanEvent('refresh-douban-status', 'click', async () => {
if (isCheckingDoubanLogin) {
showStatus('检测正在进行中，请稍候...', true, 'settings');
return;
}
const refreshBtn = await safeGetDoubanElement('refresh-douban-status');
if (refreshBtn) {
refreshBtn.textContent = '刷新中...';
refreshBtn.disabled = true;
refreshBtn.style.background = '#ccc';
}
showStatus('正在刷新豆瓣登录状态...', false, 'settings');
const result = await checkDoubanLoginStatus();
renderDoubanLoginStatus(result.isLoggedIn, result.error, result.details);
});
return;
}
// 3. 处理"未登录（无错误）"状态
statusContainer.innerHTML = `
⚠️
豆瓣未登录
请先在豆瓣登录，登录后点击"重试检测"
`;
// 绑定按钮事件（同"检测错误"状态）
safeBindDoubanEvent('go-douban-login', 'click', openDoubanLoginPage);
safeBindDoubanEvent('retry-douban-check', 'click', async () => {
if (isCheckingDoubanLogin) {
showStatus('检测正在进行中，请稍候...', true, 'settings');
return;
}
const retryBtn = await safeGetDoubanElement('retry-douban-check');
if (retryBtn) {
retryBtn.textContent = '检测中...';
retryBtn.disabled = true;
retryBtn.style.background = '#ccc';
}
showStatus('正在重新检测豆瓣登录状态...', false, 'settings');
const result = await checkDoubanLoginStatus();
renderDoubanLoginStatus(result.isLoggedIn, result.error, result.details);
});
safeBindDoubanEvent('douban-diagnose', 'click', () => showDoubanDiagnosticPanel(details));
});
}
/**
* 创建豆瓣登录检测UI容器
*/
function createDoubanLoginContainer() {
const container = document.createElement('div');
container.id = 'douban-login-container';
container.style.cssText = `
background: #fff; border: 1px solid #e4e7ed; border-radius: 8px;
padding: 15px; margin: 15px 0; box-shadow: 0 2px 12px 0 rgba(0,0,0,0.05);
position: relative;
`;
container.innerHTML = `
🔐
豆瓣登录状态
`;
return container;
}
/**
* 初始化豆瓣登录检测功能
*/
function initDoubanLoginCheck() {
// 1. 创建UI容器并插入到设置面板中的指定位置（AI API配置区域下方）
const settingsContentArea = document.querySelector('#settings-content-area');
if (settingsContentArea) {
const doubanContainer = createDoubanLoginContainer();
// 查找AI API配置区域，将豆瓣检测UI插入到其下方
const aiApiConfigSection = settingsContentArea.querySelector('div:nth-of-type(2)'); // AI API配置区域
if (aiApiConfigSection) {
settingsContentArea.insertBefore(doubanContainer, aiApiConfigSection.nextSibling);
} else {
// 备用方案：如果找不到特定位置，仍插入到设置内容区域的顶部
settingsContentArea.insertBefore(doubanContainer, settingsContentArea.firstChild);
}
}
// 2. 页面加载完成后执行首次检测
setTimeout(async () => {
showStatus('正在初始化豆瓣登录检测...', false, 'settings');
const result = await checkDoubanLoginStatus();
renderDoubanLoginStatus(result.isLoggedIn, result.error, result.details);
// 3. 监听页面可见性变化（用户从登录页返回后自动重新检测）
document.addEventListener('visibilitychange', async () => {
if (!document.hidden && !isCheckingDoubanLogin) {
showStatus('页面重新可见，正在更新豆瓣登录状态...', false, 'settings');
const result = await checkDoubanLoginStatus();
renderDoubanLoginStatus(result.isLoggedIn, result.error, result.details);
}
});
}, 500); // 延迟500ms确保DOM加载完成
}
// 在脚本初始化时启动豆瓣登录检测
setTimeout(() => {
initDoubanLoginCheck();
// 自动应用移动端适配
applyMobileStyles();
// 预览模式：?preview=1 或 localStorage.preview=1
try {
const urlHasPreview = /[?&]preview=1\b/.test(location.search);
const lsPreview = (localStorage.getItem('script_preview') === '1');
if (urlHasPreview || lsPreview) {
localStorage.setItem('script_preview', '1');
const badge = document.createElement('div');
badge.textContent = '预览模式';
badge.style.cssText = 'position:fixed;right:10px;bottom:10px;background:#ec4899;color:#fff;padding:6px 10px;border-radius:8px;font-size:12px;z-index:2147483647;box-shadow:0 2px 8px rgba(0,0,0,0.15);';
document.body.appendChild(badge);
}
} catch (e) { /* 忽略预览装饰失败 */ }
}, 1000); // 延迟1秒确保主面板已创建
// 移动端适配工具函数
function isMobileDevice() {
return window.innerWidth <= 768 || /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
}
// 应用移动端样式
function applyMobileStyles() {
if (!isMobileDevice()) return;
// 先移除已存在的移动端样式，避免样式重复
const existingStyle = document.getElementById('mobile-adaptation-styles');
if (existingStyle) existingStyle.remove();
// 添加全局响应式样式
const style = document.createElement('style');
style.id = 'mobile-adaptation-styles';
style.textContent = `
/* 全局搜索结果框保护规则 - 保持样式一致性 */
#search-results {
/* 确保搜索结果框样式一致，但允许JavaScript控制显示状态 */
/* visibility: visible !important; - 移除强制可见 */
/* opacity: 1 !important; - 移除强制不透明 */
position: relative !important;
z-index: 999999 !important;
}
/* 确保tox-editor-header不会遮挡搜索结果 */
div.tox-editor-header {
z-index: 1 !important;
}
/* 确保只在移动设备上应用这些样式 */
@media screen and (min-width: 769px) {
/* 电脑端样式保护 - 确保原有布局不受影响 */
div[style*="display:flex"][style*="gap:20px"] {
display: flex !important;
flex-direction: row !important;
gap: 20px !important;
}
#search-results {
position: absolute !important;
z-index: 999999 !important;
/* 移除强制显示，让JavaScript控制显示/隐藏 */
background: #fff !important;
border: 1px solid #f3d5d9 !important;
border-radius: 8px !important;
max-height: 300px !important;
overflow-y: auto !important;
width: calc(100% - 85px) !important;
left: 75px !important;
top: 32px !important;
display: none !important;
}
/* 在电脑端也强制降低编辑器头部层级 */
div.tox-editor-header {
z-index: 1 !important;
}
label[style*="display:inline-block"][style*="width:75px"] {
display: inline-block !important;
width: 75px !important;
vertical-align: middle !important;
}
input[style*="width: calc(100% - 85px)"] {
width: calc(100% - 85px) !important;
vertical-align: middle !important;
}
/* 电脑端提取按钮 - 默认隐藏，由JavaScript控制显示 */
#fetch-btn {
display: none !important; /* 默认隐藏 */
opacity: 0.6 !important;
pointer-events: none !important;
background: #ec4899 !important;
color: white !important;
border: none !important;
padding: 8px 16px !important;
border-radius: 0 8px 8px 0 !important;
cursor: not-allowed !important;
font-size: 13px !important;
transition: all 0.3s ease !important;
}
#fetch-btn.active {
opacity: 1 !important;
pointer-events: auto !important;
cursor: pointer !important;
background: #db2777 !important;
}
/* 电脑端控制面板响应式优化 */
#douban-tmdb-panel {
min-width: 320px !important;
max-width: 1400px !important; /* 扩大宽屏最大宽度限制，让搜索结果框能更好铺满 */
width: 100% !important;
overflow-x: auto !important;
}
/* 电脑端搜索区域响应式优化 */
#douban-tmdb-panel div[style*="display:flex"][style*="gap:15px"] {
flex-wrap: wrap !important;
min-width: 0 !important;
align-items: flex-start !important;
}
/* 宽窗口优化 (宽度 < 800px) - 提前处理 */
@media screen and (max-width: 800px) {
#douban-tmdb-panel {
min-width: 400px !important;
}
#douban-tmdb-panel div[style*="flex: 1 1 250px"][style*="min-width: 200px"] {
flex: 1 1 48% !important;
min-width: 200px !important;
}
}
/* 较宽窄窗口优化 (宽度 < 700px) - 提前处理 */
@media screen and (max-width: 700px) {
#douban-tmdb-panel {
min-width: 350px !important;
}
#douban-tmdb-panel div[style*="flex: 1 1 250px"][style*="min-width: 200px"] {
flex: 1 1 45% !important;
min-width: 180px !important;
}
#search-movie, #media-url {
min-width: 100px !important;
}
}
/* 中等窄窗口优化 (宽度 < 650px) - 开始垂直布局 */
@media screen and (max-width: 650px) {
#douban-tmdb-panel {
min-width: 340px !important;
}
/* 强制搜索区域垂直布局 - 使用更高优先级的选择器 */
#douban-tmdb-panel div[style*="display:flex"][style*="gap:15px"][style*="margin-bottom:12px"][style*="align-items:center"] {
flex-direction: column !important;
gap: 12px !important;
align-items: stretch !important;
}
/* 搜索和链接输入容器全宽显示 */
#douban-tmdb-panel div[style*="flex: 1 1 250px"][style*="min-width: 200px"] {
flex: none !important;
width: 100% !important;
min-width: auto !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
}
/* 搜索输入框优化 */
#search-movie {
width: calc(100% - 75px) !important;
min-width: 150px !important;
font-size: 12px !important;
padding: 6px 10px !important;
}
/* 影视链接输入框优化 */
#media-url {
width: calc(100% - 75px) !important;
min-width: 150px !important;
font-size: 12px !important;
padding: 6px 10px !important;
}
/* 搜索结果框位置调整 */
#search-results {
position: relative !important;
width: 100% !important;
left: 0 !important;
top: 0 !important;
margin-top: 4px !important;
z-index: 1 !important;
}
/* 标签页按钮优化 */
#main-tab, #ai-tab, #settings-tab {
font-size: 11px !important;
padding: 6px 12px !important;
min-width: 70px !important;
}
/* 标签文字优化 */
label[style*="width:70px"] {
width: 65px !important;
font-size: 11px !important;
}
/* 修复链接框显示问题 */
.link-container {
display: flex;
flex-direction: column;
gap: 10px;
}
.link-item {
width: 100%;
word-break: break-all;
}
}
/* 中等窄窗口优化 (宽度 < 600px) - 强制垂直布局 */
@media screen and (max-width: 600px) {
#douban-tmdb-panel {
min-width: 320px !important;
}
/* 强制搜索区域垂直布局 - 使用更高优先级的选择器 */
#douban-tmdb-panel div[style*="display:flex"][style*="gap:15px"][style*="margin-bottom:12px"][style*="align-items:center"] {
flex-direction: column !important;
gap: 12px !important;
align-items: stretch !important;
}
/* 搜索和链接输入容器全宽显示 */
#douban-tmdb-panel div[style*="flex: 1 1 250px"][style*="min-width: 200px"] {
flex: none !important;
width: 100% !important;
min-width: auto !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
}
/* 搜索输入框优化 */
#search-movie {
width: calc(100% - 75px) !important;
min-width: 150px !important;
font-size: 12px !important;
padding: 6px 10px !important;
}
/* 影视链接输入框优化 */
#media-url {
width: calc(100% - 75px) !important;
min-width: 150px !important;
font-size: 12px !important;
padding: 6px 10px !important;
}
/* 搜索结果框位置调整 */
#search-results {
position: relative !important;
width: 100% !important;
left: 0 !important;
top: 0 !important;
margin-top: 4px !important;
z-index: 1 !important;
}
/* 标签页按钮优化 */
#main-tab, #ai-tab, #settings-tab {
font-size: 11px !important;
padding: 6px 12px !important;
min-width: 70px !important;
}
/* 标签文字优化 */
label[style*="width:70px"] {
width: 65px !important;
font-size: 11px !important;
}
}
/* 较窄窗口优化 (宽度 < 500px) - 强制换行 */
@media screen and (max-width: 500px) {
#douban-tmdb-panel {
min-width: 300px !important;
padding: 12px !important;
}
/* 强制搜索区域垂直布局 */
#douban-tmdb-panel div[style*="display:flex"][style*="gap:15px"] {
flex-direction: column !important;
gap: 12px !important;
}
/* 搜索和链接输入容器全宽显示 */
#douban-tmdb-panel div[style*="flex: 1 1 250px"][style*="min-width: 200px"] {
flex: none !important;
width: 100% !important;
min-width: auto !important;
}
/* 搜索输入框优化 */
#search-movie {
width: calc(100% - 75px) !important;
min-width: 150px !important;
font-size: 12px !important;
padding: 6px 10px !important;
}
/* 影视链接输入框优化 */
#media-url {
width: calc(100% - 75px) !important;
min-width: 150px !important;
font-size: 12px !important;
padding: 6px 10px !important;
}
/* 搜索结果框位置调整 */
#search-results {
position: relative !important;
width: 100% !important;
left: 0 !important;
top: 0 !important;
margin-top: 4px !important;
z-index: 1 !important;
}
/* 标签页按钮优化 */
#main-tab, #ai-tab, #settings-tab {
font-size: 11px !important;
padding: 6px 12px !important;
min-width: 70px !important;
}
/* 标签文字优化 */
label[style*="width:70px"] {
width: 65px !important;
font-size: 11px !important;
}
}
/* 电脑端输入框响应式优化 */
#search-movie, #media-url {
min-width: 100px !important;
}
/* 电脑端标签响应式优化 */
label[style*="width:70px"] {
flex-shrink: 0 !important;
}
/* 电脑端标签页按钮响应式优化 */
#main-tab, #ai-tab, #settings-tab {
flex: 1 1 auto !important;
min-width: 80px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/* 极窄窗口优化 (宽度 < 400px) - 强制搜索区域垂直布局 */
@media screen and (max-width: 400px) {
#douban-tmdb-panel {
min-width: 280px !important;
padding: 10px !important;
}
/* 强制搜索区域垂直布局 */
#douban-tmdb-panel div[style*="display:flex"][style*="gap:15px"] {
flex-direction: column !important;
gap: 10px !important;
}
/* 搜索和链接输入容器全宽显示 */
#douban-tmdb-panel div[style*="flex: 1 1 250px"][style*="min-width: 200px"] {
flex: none !important;
width: 100% !important;
min-width: auto !important;
}
/* 搜索输入框优化 */
#search-movie {
width: calc(100% - 65px) !important;
min-width: 120px !important;
font-size: 11px !important;
padding: 5px 8px !important;
}
/* 影视链接输入框优化 */
#media-url {
width: calc(100% - 65px) !important;
min-width: 120px !important;
font-size: 11px !important;
padding: 5px 8px !important;
}
/* 搜索结果框位置调整 */
#search-results {
position: relative !important;
width: 100% !important;
left: 0 !important;
top: 0 !important;
margin-top: 4px !important;
z-index: 1 !important;
}
/* 标签页按钮优化 */
#main-tab, #ai-tab, #settings-tab {
font-size: 11px !important;
padding: 6px 12px !important;
min-width: 70px !important;
}
/* 标签文字优化 */
label[style*="width:70px"] {
width: 65px !important;
font-size: 11px !important;
}
}
}
/* 移动端专用样式 - 只在移动设备上生效 */
@media screen and (max-width: 768px) {
/* 全局移动端适配 */
* {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
/* 主要容器适配 */
#douban-tmdb-panel {
width: 100% !important;
margin: 0 !important;
padding: 8px !important;
font-size: 14px !important;
overflow-x: hidden !important;
min-width: auto !important;
max-width: none !important;
}
/* 标题和文本适配 */
h2, h3, h4 {
font-size: 18px !important;
margin: 8px 0 !important;
}
p, span {
font-size: 14px !important;
line-height: 1.5 !important;
}
/* 海报和剧照容器响应式布局 */
#poster-candidates, #still-candidates {
grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)) !important;
gap: 4px !important;
padding: 6px !important;
max-height: 280px !important;
overflow-y: auto !important;
}
/* 图片尺寸控制 */
#poster-candidates img, #still-candidates img {
max-width: 100% !important;
height: auto !important;
object-fit: cover !important;
border-radius: 4px !important;
}
/* 按钮适配 */
button {
font-size: 13px !important;
padding: 8px 12px !important;
margin: 3px !important;
border-radius: 4px !important;
min-height: 36px !important;
touch-action: manipulation;
}
/* 选择图片弹窗适配 */
#image-selection {
width: 98% !important;
max-height: none !important; /* 避免与内部候选区形成双重高度上限 */
margin: 2.5vh auto !important;
padding: 10px !important;
border-radius: 8px !important;
}
/* 输入框适配 */
input, select, textarea {
width: 100% !important;
margin-bottom: 8px !important;
padding: 10px !important;
font-size: 14px !important;
border-radius: 4px !important;
height: auto !important;
}
/* 搜索结果影视框适配 */
.movie-item, .search-result-item {
width: 100% !important;
padding: 8px !important;
margin-bottom: 10px !important;
border-radius: 6px !important;
overflow: hidden !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}
.movie-item img, .search-result-item img {
max-width: 40% !important;
height: auto !important;
float: left !important;
margin-right: 10px !important;
border-radius: 4px !important;
}
.movie-info, .search-result-info {
display: block !important;
overflow: hidden !important;
white-space: normal !important;
font-size: 13px !important;
line-height: 1.4 !important;
}
.movie-title, .search-result-title {
font-size: 16px !important;
font-weight: bold !important;
margin-bottom: 5px !important;
white-space: normal !important;
word-wrap: break-word !important;
}
/* 标签和评分适配 */
.movie-tags, .movie-rating {
font-size: 12px !important;
margin: 3px 0 !important;
}
/* 分页控制适配 */
.pagination {
display: flex !important;
justify-content: center !important;
flex-wrap: wrap !important;
padding: 10px 0 !important;
}
.pagination button {
min-width: 30px !important;
height: 30px !important;
line-height: 30px !important;
padding: 0 8px !important;
font-size: 12px !important;
}
/* 滚动条美化 */
::-webkit-scrollbar {
width: 6px !important;
height: 6px !important;
}
::-webkit-scrollbar-track {
background: #f1f1f1 !important;
border-radius: 3px !important;
}
::-webkit-scrollbar-thumb {
background: #888 !important;
border-radius: 3px !important;
}
::-webkit-scrollbar-thumb:hover {
background: #555 !important;
}
/* 表单布局适配 */
form {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
/* 网格布局适配 */
.grid-container {
grid-template-columns: 1fr !important;
gap: 10px !important;
}
/* 加载更多按钮 */
#load-more-posters, #load-more-stills {
width: 100% !important;
margin: 10px 0 !important;
padding: 10px !important;
font-size: 14px !important;
}
/* 搜索结果弹窗优化 - 移动设备专用 */
#search-results {
position: relative !important;
z-index: 1000 !important;
background: #fff !important;
border: 1px solid #ddd !important;
border-radius: 8px !important;
max-height: 50vh !important;
overflow-y: auto !important;
width: 100% !important;
left: 0 !important;
right: 0 !important;
top: auto !important;
bottom: auto !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
transform: none !important;
transition: none !important;
margin-top: 2px !important;
}
/* 移动端搜索区域整体布局 - 垂直排列 */
div[style*="display:flex"][style*="gap:20px"] {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
}
/* 搜索框和提取按钮布局优化 */
#search-movie {
width: 100% !important;
margin-bottom: 8px !important;
padding: 10px !important;
font-size: 14px !important;
}
#fetch-btn {
width: 100% !important;
margin-top: 5px !important;
padding: 10px !important;
font-size: 14px !important;
min-height: 40px !important;
display: none !important; /* 移动端默认隐藏 */
}
/* 移动端：移除CSS强制显示规则，完全由JavaScript控制按钮显示 */
/* #media-url:not(:placeholder-shown) + #fetch-btn,
#media-url[value]:not([value=""]) + #fetch-btn {
display: block;
} */
/* 搜索输入框的父容器布局优化 */
div[id^="search-section"], div[id*="search-section"] {
position: relative !important;
width: 100% !important;
margin-bottom: 10px !important;
}
/* 移动端影视链接容器 - 确保垂直布局 */
div[style*="flex:1"][style*="display:flex"][style*="align-items:center"] {
flex: none !important;
width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
}
/* 搜索加载指示器优化 */
#search-loading {
position: absolute !important;
right: 15px !important;
top: 35% !important;
transform: translateY(-50%) !important;
color: #999 !important;
font-size: 12px !important;
}
/* 影视链接输入框优化 */
#media-url {
width: 100% !important;
padding: 10px !important;
font-size: 14px !important;
margin-bottom: 10px !important;
}
/* 修复标签和输入框之间的布局问题 */
label[for="search-movie"], label[for="media-url"], label[style*="width:80px"], label[style*="width:70px"] {
display: block !important;
width: 100% !important;
margin-bottom: 4px !important;
font-size: 13px !important;
}
/* 移动端标签布局优化 - 确保标签在输入框上方 */
label[style*="display:inline-block"][style*="width:75px"] {
display: block !important;
width: 100% !important;
margin-bottom: 6px !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #6b7280 !important;
}
/* 移动端输入框布局优化 */
input[style*="width: calc(100% - 85px)"] {
width: 100% !important;
margin-left: 0 !important;
vertical-align: top !important;
}
/* 修复搜索结果项的样式 */
.search-item {
padding: 10px !important;
border-bottom: 1px solid #eee !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 13px !important;
}
.search-item .poster-placeholder {
width: 36px !important;
height: 54px !important;
background: #f5f5f5 !important;
border-radius: 4px !important;
}
/* 修复AI功能面板样式 */
#ai-function-select, #ai-prompt-input {
width: 100% !important;
padding: 8px !important;
font-size: 13px !important;
}
/* 确保按钮在移动设备上更易于点击 */
button, input[type="button"], input[type="submit"] {
touch-action: manipulation;
cursor: pointer;
-webkit-appearance: none;
border-radius: 4px;
}
/* 避免键盘弹出时布局错乱 */
body {
overflow-x: hidden;
}
/* 修复链接框显示问题 */
.link-container {
display: flex;
flex-direction: column;
gap: 10px;
}
.link-item {
width: 100%;
word-break: break-all;
}
} /* 闭合移动端媒体查询 */
/* 针对极窄屏幕的额外优化 */
@media screen and (max-width: 480px) {
#douban-tmdb-panel {
padding: 10px 8px !important;
}
/* 强制搜索区域垂直布局 */
#douban-tmdb-panel div[style*="display:flex"][style*="gap:15px"][style*="margin-bottom:12px"][style*="align-items:center"] {
flex-direction: column !important;
gap: 10px !important;
align-items: stretch !important;
}
/* 搜索和链接输入容器全宽显示 */
#douban-tmdb-panel div[style*="flex: 1 1 250px"][style*="min-width: 200px"] {
flex: none !important;
width: 100% !important;
min-width: auto !important;
}
/* 影视链接容器优化 */
#media-url-container {
width: 100% !important;
flex: none !important;
min-width: auto !important;
}
/* 影视链接包装器优化 - 强制垂直布局 */
#media-url-wrapper {
flex-direction: column !important;
align-items: stretch !important;
gap: 6px !important;
width: 100% !important;
}
#search-movie {
width: 100% !important;
font-size: 11px !important;
padding: 5px 8px !important;
min-width: 120px !important;
}
#media-url {
width: 100% !important;
font-size: 11px !important;
padding: 5px 8px !important;
min-width: 120px !important;
border-radius: 6px !important;
}
#fetch-btn {
width: 100% !important;
padding: 5px 8px !important;
font-size: 11px !important;
margin-left: 0 !important;
border-radius: 6px !important;
flex-shrink: 0 !important;
}
label[style*="width:70px"] {
font-size: 10px !important;
width: 60px !important;
}
#search-results {
width: calc(100% - 70px) !important;
left: 60px !important;
max-height: 200px !important;
}
/* 确保标签在极窄屏幕上不被挤压 */
.search-item {
flex-wrap: wrap !important;
}
.search-item .poster-placeholder {
width: 30px !important;
height: 45px !important;
}
/* 修复链接框显示问题 */
.link-container {
gap: 5px;
}
}
/* 针对超窄屏幕的优化 */
@media screen and (max-width: 360px) {
#douban-tmdb-panel {
padding: 8px 6px !important;
}
/* 强制搜索区域垂直布局 */
#douban-tmdb-panel div[style*="display:flex"][style*="gap:15px"][style*="margin-bottom:12px"][style*="align-items:center"] {
flex-direction: column !important;
gap: 8px !important;
align-items: stretch !important;
}
/* 搜索和链接输入容器全宽显示 */
#douban-tmdb-panel div[style*="flex: 1 1 250px"][style*="min-width: 200px"] {
flex: none !important;
width: 100% !important;
min-width: auto !important;
}
/* 影视链接容器优化 */
#media-url-container {
width: 100% !important;
flex: none !important;
min-width: auto !important;
}
/* 影视链接包装器优化 - 强制垂直布局 */
#media-url-wrapper {
flex-direction: column !important;
align-items: stretch !important;
gap: 4px !important;
width: 100% !important;
}
#search-movie {
width: 100% !important;
font-size: 10px !important;
padding: 4px 6px !important;
min-width: 100px !important;
}
#media-url {
width: 100% !important;
font-size: 10px !important;
padding: 4px 6px !important;
min-width: 100px !important;
border-radius: 6px !important;
}
#fetch-btn {
width: 100% !important;
padding: 4px 6px !important;
font-size: 10px !important;
margin-left: 0 !important;
border-radius: 6px !important;
flex-shrink: 0 !important;
}
label[style*="width:70px"] {
font-size: 9px !important;
width: 50px !important;
}
#search-results {
position: relative !important;
width: 100% !important;
left: 0 !important;
top: 0 !important;
max-height: 150px !important;
margin-top: 4px !important;
z-index: 1 !important;
}
/* 搜索结果项进一步压缩 */
.search-item {
padding: 6px !important;
gap: 5px !important;
}
.search-item .poster-placeholder {
width: 25px !important;
height: 38px !important;
}
/* 修复链接框显示问题 */
.link-container {
gap: 3px;
}
}
`;
document.head.appendChild(style);
// 提取按钮初始化 - 默认隐藏（所有设备）
const fetchBtn = document.getElementById('fetch-btn');
if (fetchBtn) {
fetchBtn.style.display = 'none';
}
// 添加动态调整搜索结果位置的逻辑
const searchInput = document.getElementById('search-movie');
const resultsContainer = document.getElementById('search-results');
if (searchInput && resultsContainer) {
// 调整搜索结果位置的函数 - 简化版本，因为显示框现在在控制面板内部
function adjustResultsPosition() {
if (!searchInput || !resultsContainer) return;
// 尝试查找并降低div.tox-editor-header的z-index
const editorHeader = document.querySelector('div.tox-editor-header');
if (editorHeader) {
editorHeader.style.zIndex = '1'; // 临时降低编辑器头部的z-index
}
// 显示框现在在控制面板内部，不需要复杂的位置计算
// 只需要确保显示框正确显示
if (resultsContainer.style.display === 'block') {
resultsContainer.style.setProperty('position', 'relative', 'important');
resultsContainer.style.setProperty('top', '0', 'important');
resultsContainer.style.setProperty('left', '0', 'important');
resultsContainer.style.setProperty('right', '0', 'important');
resultsContainer.style.setProperty('z-index', '1000', 'important');
}
}
// 防抖函数，避免频繁调用
let positionTimeout;
const debouncedAdjustPosition = () => {
clearTimeout(positionTimeout);
positionTimeout = setTimeout(adjustResultsPosition, 50);
};
// 立即调整位置
setTimeout(adjustResultsPosition, 100);
// 监听输入框聚焦事件
searchInput.addEventListener('focus', debouncedAdjustPosition);
// 监听窗口大小变化
window.addEventListener('resize', debouncedAdjustPosition);
// 监听页面滚动
window.addEventListener('scroll', debouncedAdjustPosition);
// 监听搜索结果显示/隐藏状态变化
const observer = new MutationObserver((mutations) => {
mutations.forEach(mutation => {
if (mutation.attributeName === 'style') {
if (resultsContainer.style.display !== 'none') {
debouncedAdjustPosition();
}
}
});
});
observer.observe(resultsContainer, { attributes: true });
}
}
try {
// 注册油猴菜单项
GM_registerMenuCommand('📱 移动端适配', () => {
applyMobileStyles();
showStatus('移动端适配样式已应用', false);
});
} catch (e) {
console.error('注册移动端适配菜单项失败:', e);
}
// 立即注入搜索结果框CSS确保显示
setTimeout(() => {
if (typeof injectSearchResultsCSS === 'function') {
injectSearchResultsCSS();
console.log('已注入搜索结果框强制CSS样式');
}
// 确保搜索中指示器初始状态为隐藏
setSearchLoading(false);
// 定期检查并隐藏搜索中指示器（防止意外显示）
setInterval(() => {
const searchInput = document.getElementById('search-movie');
const resultsContainer = document.getElementById('search-results');
const loadingIndicator = document.getElementById('search-loading');
// 只有在搜索框为空、没有搜索结果、且搜索中指示器已经显示超过5秒时才隐藏
if (searchInput && !searchInput.value.trim() &&
resultsContainer && resultsContainer.style.display === 'none' &&
loadingIndicator && loadingIndicator.style.display === 'block') {
// 检查指示器是否已经显示超过5秒
const now = Date.now();
if (!loadingIndicator.dataset.showTime) {
loadingIndicator.dataset.showTime = now.toString();
} else {
const showTime = parseInt(loadingIndicator.dataset.showTime);
if (now - showTime > 5000) {
setSearchLoading(false);
// 静默隐藏超时的搜索中指示器
}
}
}
}, 3000);
}, 100);
// 脚本功能检查机制 - 静默运行，不显示UI
function initScriptChecks() {
console.log('🎬 豆瓣+TMDB影视工具脚本已启动');
// 核心功能检查（静默运行）
const coreChecks = {
// 检查控制面板是否正确创建
checkPanelCreation: () => {
const panel = document.getElementById('douban-tmdb-panel');
return panel ? true : false;
},
// 检查搜索功能
checkSearchFunction: () => {
const searchInput = document.getElementById('search-movie');
const results = document.getElementById('search-results');
return !!(searchInput && results);
},
// 检查输入框水平对齐（更稳健：直接比较元素本身位置，移动端跳过）
checkInputAlignment: () => {
try {
// 移动端/窄屏为垂直布局，不做水平对齐校验
if (window.innerWidth <= 800) return true;
const searchEl = document.getElementById('search-movie');
const linkContainer = document.getElementById('media-url-container');
if (!searchEl || !linkContainer) return true; // 缺少元素时不报错
const searchRect = searchEl.getBoundingClientRect();
const linkRect = linkContainer.getBoundingClientRect();
const heightDiff = Math.abs(searchRect.top - linkRect.top);
return heightDiff < 8; // 适度放宽容差，避免偶发1-2px误差
} catch (e) { return true; }
}
};
// 静默运行功能检查，不显示UI
// 静默运行核心功能检查
setTimeout(() => {
// 只检查关键功能，只在出错时输出警告
Object.entries(coreChecks).forEach(([key, check]) => {
if (!check()) {
console.warn('脚本功能检查失败:', key);
}
});
}, 2000);
// 监听搜索功能（静默）
const searchInput = document.getElementById('search-movie');
if (searchInput) {
searchInput.addEventListener('input', (e) => {
// 静默监听，不输出日志
});
}
// 监听控制面板展开状态（静默）
const panel = document.getElementById('douban-tmdb-panel');
if (panel) {
const observer = new MutationObserver((mutations) => {
// 静默监听，不输出日志
});
observer.observe(panel, { attributes: true });
}
// 监听窗口大小变化，动态调整输入框对齐（横排即时，竖排轻微防抖）
let resizeTimeout;
window.addEventListener('resize', () => {
const w = window.innerWidth;
// 竖→横：立即执行，配合no-transition实现闪切
if (w > 800) {
adjustInputAlignment();
return;
}
// 横→竖：仅做极短防抖，减小抖动
clearTimeout(resizeTimeout);
resizeTimeout = setTimeout(() => {
adjustInputAlignment();
}, 50);
});
// 初始化时调整对齐（缩短延迟，加快就绪速度）
setTimeout(() => {
adjustInputAlignment();
}, 120);
}
// 初始化脚本检查机制
setTimeout(initScriptChecks, 1000);
})();