`,
confirmButtonText: '关闭',
showCloseButton: true,
});
});
}
}
});
} else {
const input = prompt('请输入授权码：');
if (!input) return false;
const result = this.authManager.activate(input);
if (!result.success) {
alert(result.msg);
return false;
}
result.isConfirmed = true;
}
if (result.isConfirmed) {
this.authorized = true;
this.enableUI();
this.authManager.startCountdownIfNeeded();
// ===== 修改点3：修复授权成功提示，使用 result.value.type =====
const authType = result.value ? result.value.type : null;
this.showAuthSuccessMessage(authType);
return true;
} else {
return false;
}
} catch (e) {
console.error('授权出错:', e);
return false;
}
}
showAuthSuccessMessage(type) {
let title, text;
if (type === 'temporary_30min') {
title = '⏳ 30分钟临时授权已生效';
text = '从现在开始倒计时30分钟，页面右上角显示剩余时间，刷新不受影响。';
} else if (type === 'daily') {
title = '🎉 恭喜你解锁今日授权';
text = '今日内您可无限使用，明日失效，请及时完成研修。';
} else if (type === 'permanent') {
title = '🔓 永久授权已生效';
text = '该码已绑定您的设备，其他设备无法使用。';
} else {
title = '✅ 授权成功';
text = '您已获得授权，可以开始学习。';
}
this.showSwal({ title, text, icon: 'success', timer: 3000, showConfirmButton: false });
}
clearAuth() {
this.authManager.clearAuth();
this.authorized = false;
this.lockAllFeatures();
if (!this.isTrainingHomePage()) {
window.location.href = 'https://basic.smartedu.cn/training/2026jjsqpx';
}
}
isTrainingHomePage() {
const url = window.location.href.split('?')[0];
return url === 'https://basic.smartedu.cn/training/2026jjsqpx';
}
parseCourseId() {
const params = new URLSearchParams(window.location.search);
const id = params.get('courseId');
if (id && id in COURSE_CREDIT_MAP) {
this.courseId = id;
this.targetCredit = COURSE_CREDIT_MAP[id];
this.targetSeconds = this.targetCredit * 2700;
} else {
this.courseId = null;
this.targetCredit = 0;
this.targetSeconds = 0;
}
}
showSwal(options) {
if (this.Swal) return this.Swal.fire(options);
else {
if (options.input) {
const val = prompt(options.title + '\n' + (options.text || '') + '\n' + (options.inputPlaceholder || ''));
if (val === null) return Promise.resolve({ dismiss: 'cancel' });
else return Promise.resolve({ value: val, isConfirmed: true });
} else {
alert(options.title + '\n' + (options.text || ''));
return Promise.resolve({ isConfirmed: true });
}
}
}
togglePopupBlock(enabled) {
if (this.isTrainingHomePage()) enabled = false;
this.popupBlockEnabled = enabled;
GM_setValue(POPUP_BLOCK_KEY, enabled);
if (enabled && !this.isTrainingHomePage()) {
this.startPopupObserver();
} else {
if (this.popupObserver) {
this.popupObserver.disconnect();
this.popupObserver = null;
}
}
const toggle = document.getElementById('qi-popup-toggle');
if (toggle) {
if (this.isTrainingHomePage()) {
toggle.disabled = true;
toggle.checked = false;
document.getElementById('qi-popup-status').textContent = '关(强制)';
} else {
toggle.disabled = false;
toggle.checked = enabled;
document.getElementById('qi-popup-status').textContent = enabled ? '开' : '关';
}
}
}
dismissAllPopups() {
if (!this.popupBlockEnabled) return;
const selectors = ['.el-message-box__wrapper', '.el-dialog__wrapper', '.vjs-modal-dialog', '.course-video-reload', '.speed-popup', '[class*="dialog"]', '[class*="modal"]'];
const keywords = ["关闭", "取消", "知道了", "确定", "继续", "重播", "再播", "倍速", "暂停学习", "close", "cancel", "我知道了"];
document.querySelectorAll(selectors.join(',')).forEach(el => {
if (getComputedStyle(el).display === 'none') return;
const closeBtns = el.querySelectorAll('button, div, span, i, a');
for (let btn of closeBtns) {
const text = btn.innerText?.trim() || '';
const cls = btn.className?.baseVal || btn.className || '';
if (keywords.some(kw => text.includes(kw)) || /el-message-box__close|el-dialog__close|vjs-close-button|close-btn/i.test(cls)) {
if (btn.offsetWidth > 0 && !btn.disabled) {
btn.click();
return;
}
}
}
el.style.display = 'none';
});
}
startPopupObserver() {
if (this.popupObserver) this.popupObserver.disconnect();
this.popupObserver = new MutationObserver(() => {
clearTimeout(this._popupTimer);
this._popupTimer = setTimeout(() => this.dismissAllPopups(), 100);
});
this.popupObserver.observe(document.body, { childList: true, subtree: true });
}
startHomeDetector() {
if (this._homeTimer) return;
this._homeTimer = setInterval(() => this.detectAndJump(), 1000);
setTimeout(() => this.detectAndJump(), 500);
}
stopHomeDetector() {
if (this._homeTimer) {
clearInterval(this._homeTimer);
this._homeTimer = null;
}
}
async detectAndJump() {
if (!this._autoMode || !this.isTrainingHomePage() || this._detecting) return;
this._detecting = true;
try {
const courseStatus = this.scanCourseCards();
if (!courseStatus || courseStatus.length === 0) {
this._detecting = false;
return;
}
const isAuthorized = this.authManager.getStatus();
const freeInfo = courseStatus.find(c => c.courseId === this.freeCourseId);
const freeCompleted = freeInfo && freeInfo.completed;
const freeCreditDone = freeInfo ? freeInfo.creditDone : 0;
const freeReallyDone = freeCompleted || freeCreditDone >= 3;
if (!isAuthorized) {
if (!freeReallyDone) {
this.jumpToCourse(this.freeCourseId);
this._detecting = false;
return;
} else {
if (!this._freePromptShown) {
this._freePromptShown = true;
this.stopHomeDetector();
this._autoMode = false;
this._started = false;
GM_setValue('qi_auto_mode', false);
await this.requestAuthorization();
if (this.authorized) location.reload();
}
this._detecting = false;
return;
}
}
if (freeReallyDone) {
GM_setValue('qi_free_done', true);
}
const freeDoneMark = GM_getValue('qi_free_done', false);
if (freeDoneMark || freeReallyDone) {
const requiredIds = COURSE_ORDER.filter(id => id !== this.freeCourseId);
const allRequiredCompleted = requiredIds.every(id => {
const info = courseStatus.find(c => c.courseId === id);
return info && info.completed;
});
if (allRequiredCompleted) {
this.finishStudy();
this._detecting = false;
return;
}
for (const courseId of requiredIds) {
const info = courseStatus.find(c => c.courseId === courseId);
if (!info || !info.completed) {
if (this._lastJumpedCourse === courseId && (Date.now() - this._lastJumpTime) < 30000) continue;
this.jumpToCourse(courseId);
this._detecting = false;
return;
}
}
if (requiredIds.every(id => {
const info = courseStatus.find(c => c.courseId === id);
return info && info.completed;
})) {
this.finishStudy();
}
this._detecting = false;
return;
}
if (!freeReallyDone) {
this.jumpToCourse(this.freeCourseId);
this._detecting = false;
return;
}
} catch (e) {
console.error('检测出错:', e);
} finally {
this._detecting = false;
}
}
scanCourseCards() {
const container = document.querySelector('div[class*="index-module_items_"]');
if (!container) return null;
const cards = container.children;
const results = [];
for (let card of cards) {
const courseId = this.getCourseIdFromDom(card);
if (!courseId || !ALL_COURSE_IDS.includes(courseId)) continue;
const creditInfo = this.extractCreditInfo(card);
if (!creditInfo) continue;
const { done, required } = creditInfo;
const completed = done >= required;
results.push({ courseId, creditDone: done, creditRequired: required, completed });
}
return results;
}
getCourseIdFromDom(el) {
const link = el.querySelector('a[href*="courseId"]');
if (link) {
const match = link.href.match(/courseId=([^&]+)/);
if (match) return match[1];
}
const dataId = el.getAttribute('data-course-id');
if (dataId) return dataId;
const fiberKey = Object.keys(el).find(p => p.startsWith('__reactFiber'));
if (fiberKey) {
let node = el[fiberKey];
while (node) {
if (node.key && ALL_COURSE_IDS.includes(node.key)) return node.key;
node = node.return;
}
}
return null;
}
extractCreditInfo(el) {
const text = el.innerText || '';
let match = text.match(/已认定\s*([\d.]+)\s*\/\s*认定\s*([\d.]+)\s*学时/);
if (match) {
return { done: parseFloat(match[1]), required: parseFloat(match[2]) };
}
match = text.match(/已学习\s*([\d.]+)\s*学时/);
if (match) {
return { done: parseFloat(match[1]), required: 3 };
}
match = text.match(/已学习\s*[\d.]+\s*已认定\s*([\d.]+)\s*\/\s*认定\s*([\d.]+)\s*学时/);
if (match) {
return { done: parseFloat(match[1]), required: parseFloat(match[2]) };
}
return null;
}
// ===== 修改点4：完成弹窗中的感谢作者按钮改为弹窗显示打赏码 =====
finishStudy() {
if (this._finished) return;
this._finished = true;
GM_setValue('qi_auto_mode', false);
this._autoMode = false;
this.stopHomeDetector();
if (this.autoPlayEnabled) this.stopAutoPlay();
const marqueeText = '🎊 恭喜您完成 2026 年暑期教师研修培训，祝你假期愉快！ 🎊';
this.Swal.fire({
title: '🎉 研修完成！',
html: `
`,
confirmButtonText: '关闭',
showCloseButton: true,
});
});
}
}).then(() => {
this.updateStartButtonVisibility();
});
}
jumpToCourse(courseId) {
this._lastJumpedCourse = courseId;
this._lastJumpTime = Date.now();
window.location.href = `https://basic.smartedu.cn/teacherTraining/courseIndex?courseId=${courseId}`;
}
checkCreditCompletion() {
if (this.targetSeconds > 0 && this.stats.totalDuration >= this.targetSeconds) {
if (this.courseId === this.freeCourseId) {
GM_setValue('qi_free_done', true);
this.stopAutoPlay();
if (this.authorized) {
this.showSwal({
title: '🎉 学科美育板块已完成',
text: '即将返回研修主页，继续学习其余课程。',
icon: 'success',
timer: 2000,
showConfirmButton: false
}).then(() => {
window.location.href = 'https://basic.smartedu.cn/training/2026jjsqpx';
});
} else {
this.stopHomeDetector();
this._autoMode = false;
this._started = false;
GM_setValue('qi_auto_mode', false);
this.authManager.clearAuth();
GM_setValue('qi_pending_auth', true);
this.showSwal({
title: '🎉 免费体验结束',
text: '您已完成“学科美育”3学时学习，如需继续其余课程，请获取授权码。',
icon: 'info',
timer: 2000,
showConfirmButton: false
}).then(() => {
window.location.href = 'https://basic.smartedu.cn/training/2026jjsqpx';
});
}
return;
} else {
this.stopAutoPlay();
this.showSwal({
title: '🎉 板块学时已达标',
text: `已完成 ${(this.stats.totalDuration / 2700).toFixed(3)} / ${this.targetCredit} 学时，即将返回研修主页。`,
icon: 'success',
timer: 3000,
showConfirmButton: false
}).then(() => {
if (this.popupBlockEnabled) this.togglePopupBlock(false);
window.location.href = 'https://basic.smartedu.cn/training/2026jjsqpx';
});
}
}
}
async expandAllMenus(maxRounds = 30) {
let round = 0;
while (round < maxRounds) {
const collapsed = document.querySelectorAll('div.fish-collapse-header[aria-expanded="false"]');
if (collapsed.length === 0) return;
collapsed.forEach(el => el.click());
round++;
await sleep(1200);
}
}
async startAutoPlay() {
if (this.autoPlayEnabled) return;
if (!this.authorized && this.courseId !== this.freeCourseId) return;
this.autoPlayEnabled = true;
this.isPlaying = false;
this.resetStats();
if (!this.isTrainingHomePage()) {
this.togglePopupBlock(true);
}
const toggle = document.getElementById('qi-auto-toggle');
if (toggle) toggle.checked = true;
document.getElementById('qi-auto-status').textContent = '开';
await this.expandAllMenus();
this.scanVideos();
this.playFirstUnfinished();
}
async doubleStartAutoPlay() {
if (!this.authorized && this.courseId !== this.freeCourseId) return;
if (this.autoPlayEnabled) {
this.stopAutoPlay();
await sleep(300);
}
await this.startAutoPlay();
await sleep(800);
this.stopAutoPlay();
await sleep(300);
await this.startAutoPlay();
}
stopAutoPlay() {
this.autoPlayEnabled = false;
if (!this.isTrainingHomePage()) {
this.togglePopupBlock(false);
}
const toggle = document.getElementById('qi-auto-toggle');
if (toggle) toggle.checked = false;
document.getElementById('qi-auto-status').textContent = '关';
}
toggleAutoPlay(enabled) {
if (!this.authorized && this.courseId !== this.freeCourseId) {
this.showSwal({ title: '⚠️ 未授权', text: '请先授权', icon: 'warning' });
return;
}
if (enabled) this.doubleStartAutoPlay();
else this.stopAutoPlay();
}
playFirstUnfinished() {
let items = document.querySelectorAll('.resource-item.resource-item-train');
if (!items || items.length === 0) {
items = document.querySelectorAll('.video-item, .course-video-list li, [class*="video"]');
}
if (!items || items.length === 0) {
setTimeout(() => this.playFirstUnfinished(), 3000);
return;
}
const isScience = this.courseId === SCIENCE_COURSE_ID;
let startIndex = isScience ? SCIENCE_SKIP_COUNT : 0;
if (isScience && items.length <= SCIENCE_SKIP_COUNT) startIndex = 0;
for (let i = startIndex; i < items.length; i++) {
const item = items[i];
if (!this.isItemFinished(item)) {
item.click();
return;
}
}
this.stopAutoPlay();
this.showSwal({ title: '🎉 所有视频已完成', icon: 'success', timer: 2000 });
}
isItemFinished(item) {
if (item.querySelector('i[title="已学完"]')) return true;
const icon = item.querySelector('i.icon_checkbox_linear, i.icon_checkbox_fill');
if (icon && icon.classList.contains('icon_checkbox_fill')) return true;
if (item.classList.contains('complete') || item.classList.contains('finished')) return true;
const text = item.innerText || '';
if (/已完成|100%|已学完/.test(text)) return true;
return false;
}
scanVideos() {
document.querySelectorAll('video').forEach(video => {
if (!this.processedVideos.has(video)) {
this.autoJumpVideo(video);
}
});
}
autoJumpVideo(video) {
if (this.processedVideos.has(video)) return;
this.processedVideos.add(video);
if (video.readyState < 2) {
video.addEventListener('loadedmetadata', () => this.doJump(video), { once: true });
} else {
this.doJump(video);
}
}
doJump(video) {
const duration = video.duration;
if (!duration || isNaN(duration) || duration === Infinity) {
setTimeout(() => {
if (video.duration && isFinite(video.duration)) this.doJump(video);
}, 500);
return;
}
if (duration < 10) {
let videoId = this.generateVideoId(video);
let videoName = this.getVideoName(video, videoId);
if (!videoId) videoId = `vid_${duration}_${Date.now()}_${Math.random().toString(36).substr(2,6)}`;
if (!this.isVideoCompleted(videoId)) {
this.addCompletedVideo(videoId, duration, videoName);
}
setTimeout(() => { this.playNextVideo(); }, 1500);
return;
}
const target = Math.max(0, duration - 3);
video.currentTime = target;
video.muted = true;
video.playbackRate = 2;
video.play().catch(() => {});
if (!video._pauseIntercepted) {
const origPause = video.pause;
video.pause = function() {
if (this.currentTime < this.duration - 0.5) {
this.play().catch(() => {});
return;
}
return origPause.apply(this, arguments);
};
video._pauseIntercepted = true;
}
let videoId = this.generateVideoId(video);
let videoName = this.getVideoName(video, videoId);
if (!videoId) videoId = `vid_${duration}_${Date.now()}_${Math.random().toString(36).substr(2,6)}`;
if (this.isVideoCompleted(videoId)) return;
let hasTriggered = false;
let forceSkipTimer = null;
const startForceTimer = () => {
if (forceSkipTimer) clearTimeout(forceSkipTimer);
forceSkipTimer = setTimeout(() => {
if (hasTriggered) return;
hasTriggered = true;
video.removeEventListener('ended', onEndedOrNearEnd);
video.removeEventListener('timeupdate', onEndedOrNearEnd);
const watched = Math.min(video.currentTime + 3, duration);
this.addCompletedVideo(videoId, watched, videoName);
setTimeout(() => { this.playNextVideo(); }, 1500);
}, 7000);
};
const onEndedOrNearEnd = () => {
if (hasTriggered) return;
const remaining = video.duration - video.currentTime;
if (remaining <= 1.0 || video.ended) {
hasTriggered = true;
if (forceSkipTimer) clearTimeout(forceSkipTimer);
video.removeEventListener('ended', onEndedOrNearEnd);
video.removeEventListener('timeupdate', onEndedOrNearEnd);
this.addCompletedVideo(videoId, duration, videoName);
setTimeout(() => { this.playNextVideo(); }, 3000);
}
};
video.addEventListener('ended', onEndedOrNearEnd);
video.addEventListener('timeupdate', onEndedOrNearEnd);
startForceTimer();
}
getVideoName(video, videoId) {
let name = null;
if (videoId && this.resourceMap.has(videoId)) {
name = this.resourceMap.get(videoId).name;
} else {
let parent = video.closest('[data-title], .video-title, .course-name, [class*="title"]');
if (parent) {
name = parent.dataset.title || parent.innerText.trim() || null;
} else {
const titleEl = document.querySelector('.video-title, .course-name, h1, h2');
if (titleEl) name = titleEl.innerText.trim();
}
if (!name) name = '未命名视频';
}
return name;
}
generateVideoId(video) {
let el = video.closest('[data-resource-id]');
if (el) {
const id = el.dataset.resourceId;
if (id && this.resourceMap.has(id)) return id;
}
let src = video.src || video.currentSrc || '';
if (src && !src.startsWith('blob:')) {
const match = src.match(/[\/?]resourceId=([^&]+)/);
if (match) return match[1];
}
try {
if (unsafeWindow.p && unsafeWindow.p.itemId) {
const id = unsafeWindow.p.itemId;
if (this.resourceMap.has(id)) return id;
}
} catch (e) {}
const params = new URLSearchParams(location.search);
if (params.get('videoId')) {
const id = params.get('videoId');
if (this.resourceMap.has(id)) return id;
}
return null;
}
playNextVideo() {
const nextKeywords = ["下一节", "下一课", "下一集", "下一页", "next", "下一章"];
const allButtons = document.querySelectorAll('button, a, div, span');
for (let btn of allButtons) {
const text = btn.innerText.trim();
if (nextKeywords.some(kw => text.includes(kw)) && btn.offsetWidth > 0 && !btn.disabled) {
btn.click();
return true;
}
}
const items = document.querySelectorAll('.resource-item.resource-item-train');
let foundActive = false;
for (let i = 0; i < items.length; i++) {
if (items[i].classList.contains('resource-item-active')) {
foundActive = true;
for (let j = i + 1; j < items.length; j++) {
if (!this.isItemFinished(items[j])) {
items[j].click();
return true;
}
}
break;
}
}
for (let item of items) {
if (!this.isItemFinished(item)) {
item.click();
return true;
}
}
this.stopAutoPlay();
this.showSwal({ title: '🎉 所有视频已完成', icon: 'success', timer: 2000 });
return false;
}
maintainVideo() {
const video = document.querySelector('video');
if (!video) return;
video.muted = true;
if (video.playbackRate !== 2) video.playbackRate = 2;
if (video.duration && video.duration > 10 && video.currentTime < 5 && !video.ended) {
video.currentTime = Math.max(0, video.duration - 3);
video.play().catch(() => {});
}
if (video.paused && !video.ended) video.play().catch(() => {});
if (!video._pauseIntercepted) {
const origPause = video.pause;
video.pause = function() {
if (this.currentTime < this.duration - 0.5) {
this.play().catch(() => {});
return;
}
return origPause.apply(this, arguments);
};
video._pauseIntercepted = true;
}
}
startKeepAlive() {
if (this.keepAliveTimer) clearInterval(this.keepAliveTimer);
this.keepAliveTimer = setInterval(() => this.maintainVideo(), 1500);
}
resetStats() {
this.stats.completedVideos = [];
this.stats.totalDuration = 0;
this.stats.totalCount = 0;
this.creditCompleted = 0;
}
isVideoCompleted(vid) {
return this.stats.completedVideos.includes(vid);
}
addCompletedVideo(vid, dur, name) {
if (this.isVideoCompleted(vid)) return false;
this.stats.completedVideos.push(vid);
this.stats.totalDuration += dur;
this.stats.totalCount++;
this.creditCompleted = this.stats.totalDuration / 2700;
this.showDanmaku(name, dur);
this.checkCreditCompletion();
return true;
}
showDanmaku(name, dur) {
const totalSec = this.stats.totalDuration;
const minutes = Math.floor(totalSec / 60);
const hours = Math.floor(minutes / 60);
let durationStr = hours > 0 ? `${hours}小时${minutes % 60}分钟` : `${minutes}分钟`;
const credit = this.creditCompleted;
const target = this.targetCredit;
const creditDisplay = target > 0 ? `${credit.toFixed(3)}/${target} 学时` : `${credit.toFixed(3)} 学时`;
const danmaku = document.createElement('div');
danmaku.style.cssText = `
position: fixed; right: -650px; top: 20%; transform: translateY(-50%);
background: rgba(0,0,0,0.88); color: #fff; padding: 18px 28px; border-radius: 14px;
font-family: 'Microsoft Yahei'; font-size: 17px; line-height: 1.8; z-index: 9999999;
box-shadow: 0 6px 28px rgba(0,0,0,0.6); border-left: 6px solid #4CAF50;
white-space: nowrap; transition: right 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
pointer-events: none; user-select: none; letter-spacing: 0.5px;
`;
danmaku.innerHTML = `
视频总数：${resources.length}
成功：${successCount} 个
失败：${failCount} 个
板块总时长：${totalTimeStr}
📊 板块总预估学时：${totalCredit.toFixed(3)} 学时
`,
confirmButtonText: '关闭',
showCloseButton: true,
});
}
createUI() {
const style = document.createElement('style');
style.textContent = `
.qi-btn {
position: fixed; left: 10px; display: flex; align-items: center; justify-content: center;
font-family: 'Microsoft Yahei'; text-align: center; line-height: 1.2; padding: 0;
z-index: 2147483647; border: none; cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s, background 0.3s;
user-select: none;
box-shadow: 0 2px 12px rgba(0,0,0,0.25);
width: 70px;
height: 70px;
border-radius: 50%;
font-size: 13px;
font-weight: bold;
color: #fff;
}
.qi-btn:hover { transform: scale(1.06); }
.qi-btn:active { transform: scale(0.95); }
#qi-guide-btn {
top: 110px;
background: linear-gradient(145deg, #FF6F00, #E65100);
box-shadow: 0 4px 14px rgba(255,77,175,0.3);
}
#qi-instant-btn {
top: 195px;
background: linear-gradient(145deg, #43A047, #388E3C);
box-shadow: 0 4px 16px rgba(76,175,80,0.4);
}
#qi-instant-btn:disabled {
background: #94d3a2;
cursor: default;
transform: none;
box-shadow: none;
}
#qi-screenshot-btn {
top: 280px;
background: linear-gradient(145deg, #9C27B0, #6A1B9A);
box-shadow: 0 4px 14px rgba(156,39,176,0.3);
}
#qi-donate-btn {
top: 365px;
background: linear-gradient(145deg, #FF4081, #C2185B);
box-shadow: 0 4px 14px rgba(255,64,129,0.3);
}
#qi-start-btn {
top: 470px;
width: 72px;
height: 72px;
border-radius: 50%;
background: linear-gradient(145deg, #FF9800, #E65100);
color: #fff;
font-size: 12px;
font-weight: bold;
box-shadow: 0 4px 14px rgba(255,152,0,0.4);
line-height: 1.3;
border: 2px solid #fff;
transition: background 0.3s, border-color 0.3s;
display: flex;
}
#qi-start-btn.active {
background: linear-gradient(145deg, #4CAF50, #2E7D32);
border-color: #4CAF50;
box-shadow: 0 0 20px rgba(76,175,80,0.6);
}
#qi-start-btn.completed {
background: linear-gradient(145deg, #9E9E9E, #616161);
border-color: #9E9E9E;
box-shadow: none;
cursor: default;
}
.qi-swal-confirm-btn {
font-size: 18px !important;
padding: 12px 40px !important;
}
.qi-toggle-wrapper {
position: fixed;
left: 10px;
z-index: 2147483647;
display: flex;
flex-direction: column;
gap: 8px;
background: rgba(0,0,0,0.7);
padding: 10px 16px;
border-radius: 16px;
backdrop-filter: blur(8px);
color: #fff;
font-family: 'Microsoft Yahei';
font-size: 13px;
user-select: none;
bottom: 30px;
}
.qi-toggle-item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-width: 140px;
}
.qi-toggle-label {
display: flex;
align-items: center;
gap: 6px;
white-space: nowrap;
}
.qi-toggle-switch {
position: relative;
width: 50px;
height: 30px;
flex-shrink: 0;
}
.qi-toggle-switch input {
opacity: 0;
width: 0;
height: 0;
}
.qi-toggle-slider {
position: absolute;
cursor: pointer;
inset: 0;
background: #ccc;
transition: 0.3s;
border-radius: 30px;
}
.qi-toggle-slider:before {
content: "";
position: absolute;
height: 26px;
width: 26px;
left: 2px;
bottom: 2px;
background: white;
transition: 0.3s;
border-radius: 50%;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.qi-toggle-switch input:checked + .qi-toggle-slider {
background: #4cd964;
}
.qi-toggle-switch input:checked + .qi-toggle-slider:before {
transform: translateX(20px);
}
.qi-toggle-status {
font-size: 12px;
opacity: 0.8;
min-width: 16px;
text-align: right;
}
.qi-toggle-divider {
border-top: 1px solid rgba(255,255,255,0.15);
margin: 2px 0;
}
`;
document.head.appendChild(style);
const btnData = [
{ id: 'qi-guide-btn', text: '使用