@kangsicj/dcinsideenhancer 1.1.1 → 1.2.1

package/dist/DCInsideEnhancer.user.js

@@ -2,7 +2,7 @@
 // @name         DCInside Enhancer
 // @name:ko      디시 인핸서
 // @namespace    https://github.com/kangsicj/DCInsideEnhancer
-// @version      1.1.1
+// @version      1.2.1
 // @description  DCInside filter & enhancer — mobile & PC. Block users/words/heads/notices/images & GIFs across posts, infinite list, zoom viewer, theme sync, encrypted multi-device sync.
 // @description:ko 디시인사이드 차단·편의 기능 (모바일·PC) - 유저·단어(제목/본문)·말머리·공지 차단, 같은/비슷한 이미지·움짤 모든 글 차단, 디시콘 제거, 차단 미디어 데이터 절약, 목록 자동 보충·무한 스크롤·뒤로 가기 위치 복원, 스크랩, 이미지 확대뷰 개선, 야간모드 자동 연동, 암호화 기기 간 동기화
 // @author       kangsicj
@@ -75,7 +75,7 @@
     // 0. 설정·상수
     // =========================================================
 
-    const SCRIPT_VERSION = '1.1.1';
+    const SCRIPT_VERSION = '1.2.1';
     const PROJECT_URL = 'https://github.com/kangsicj/DCInsideEnhancer';
     const DONATE_URL = 'https://fairy.hada.io/@jinny#support';
 
@@ -108,6 +108,7 @@
         recent: 'dc_recent_galls',
         recentNative: 'dc_recent_native',
         searchHistory: 'dc_search_history',
+        blockHits: 'dc_block_hits',
         alarmSeen: 'dc_alarm_marks',
         seenVersion: 'dc_seen_version'
     };
@@ -224,6 +225,8 @@
         alarmBubble: true,
         alarmKeepPolling: true,
         keyboardShortcuts: true,
+        hoverPreview: true,
+        alarmSystemNotify: false,
         pcFitWidth: true,
         autoHideScrollbar: true,
         scrapIntercept: true,
@@ -409,67 +412,76 @@
         html.dc-home-media-off .main-wrapping section.grid.media-group { display: none !important; }
         html.dc-footer-info-off footer.footer > .ft-btm { display: none !important; }
 
-        html.dc-pc-fit { --dc-fit-gap: clamp(12px, 2vw, 32px); }
-        html.dc-pc-fit body,
-        html.dc-pc-fit .dcwrap { min-width: 0 !important; }
-        html.dc-pc-fit .dcwrap .dchead,
-        html.dc-pc-fit .dcwrap .gnb,
-        html.dc-pc-fit .dcwrap .gnb_depth2_list,
-        html.dc-pc-fit .dcwrap .info_policy,
-        html.dc-pc-fit .dcwrap .copyright,
-        html.dc-pc-fit .dcwrap .visit_bookmark {
-            width: auto !important;
-            max-width: none !important;
-            margin-left: var(--dc-fit-gap) !important;
-            margin-right: var(--dc-fit-gap) !important;
-        }
-
-        html.dc-pc-fit .dcwrap .gnb_bar { min-width: 0 !important; width: auto !important; margin: 0 !important; }
-        html.dc-pc-fit .dcwrap .gnb_list,
-        html.dc-pc-fit .dcwrap .dc_all { width: auto !important; }
-        html.dc-pc-fit .dcwrap .wrap_inner { width: auto !important; }
-        html.dc-pc-fit .dcwrap #container {
-            width: auto !important;
-            margin-left: var(--dc-fit-gap) !important;
-            margin-right: var(--dc-fit-gap) !important;
-        }
-        html.dc-pc-fit .dcwrap #container:has(> .left_content),
-        html.dc-pc-fit .dcwrap #container > .main_content:has(> .left_content) {
-            display: flex;
-            flex-wrap: wrap;
-            align-items: flex-start;
-            gap: 20px;
-            width: auto !important;
-        }
-        html.dc-pc-fit .dcwrap #container:has(> .left_content)::before,
-        html.dc-pc-fit .dcwrap #container:has(> .left_content)::after,
-        html.dc-pc-fit .dcwrap .main_content:has(> .left_content)::before,
-        html.dc-pc-fit .dcwrap .main_content:has(> .left_content)::after { display: none !important; }
-        html.dc-pc-fit .dcwrap #container:has(> .left_content) > :not(.left_content):not(.right_content),
-        html.dc-pc-fit .dcwrap .main_content:has(> .left_content) > :not(.left_content):not(.right_content) {
-            flex: 0 0 100%;
-            float: none !important;
-        }
-        html.dc-pc-fit .dcwrap :is(#container, .main_content) > .left_content {
-            float: none !important;
-            flex: 1 1 0;
-            width: auto !important;
-            min-width: 0;
-        }
-        html.dc-pc-fit .dcwrap :is(#container, .main_content) > .right_content {
-            float: none !important;
-            flex: 0 0 300px;
-            margin-left: 0 !important;
-        }
-        html.dc-pc-fit .dcwrap .issuebox,
-        html.dc-pc-fit .dcwrap .newvisit_history,
-        html.dc-pc-fit .dcwrap .trendalign { width: auto !important; }
-        html.dc-pc-fit .dcwrap .list_array_option { width: 100% !important; }
-        html.dc-pc-fit .dcwrap .stickyunit { display: none !important; }
-        html.dc-pc-fit .dcwrap .darkmodebox .pop_tipbox { left: auto !important; right: 0 !important; }
-
-        @media (max-width: 1240px) {
-            html.dc-pc-fit .dcwrap :is(#container, .main_content) > .right_content { display: none !important; }
+        @media (max-width: 1519.98px) {
+            html.dc-pc-fit { --dc-fit-gap: clamp(10px, 1.6vw, 24px); }
+            html.dc-pc-fit body,
+            html.dc-pc-fit .dcwrap { min-width: 0 !important; }
+            html.dc-pc-fit body { overflow-x: hidden; }
+            html.dc-pc-fit .dcwrap .dchead,
+            html.dc-pc-fit .dcwrap .gnb,
+            html.dc-pc-fit .dcwrap .gnb_depth2_list,
+            html.dc-pc-fit .dcwrap .info_policy,
+            html.dc-pc-fit .dcwrap .copyright,
+            html.dc-pc-fit .dcwrap .visit_bookmark {
+                width: auto !important;
+                max-width: none !important;
+                margin-left: var(--dc-fit-gap) !important;
+                margin-right: var(--dc-fit-gap) !important;
+            }
+
+            html.dc-pc-fit .dcwrap .gnb_bar { min-width: 0 !important; width: auto !important; margin: 0 !important; }
+            html.dc-pc-fit .dcwrap .gnb_list,
+            html.dc-pc-fit .dcwrap .dc_all,
+            html.dc-pc-fit .dcwrap .wrap_inner { width: auto !important; }
+            html.dc-pc-fit .dcwrap #container {
+                width: auto !important;
+                margin-left: var(--dc-fit-gap) !important;
+                margin-right: var(--dc-fit-gap) !important;
+            }
+
+            html.dc-pc-fit .dcwrap :is(#container, .main_content, #bottom_listwrap) > .right_content { display: none !important; }
+            html.dc-pc-fit .dcwrap :is(#container, .main_content, #bottom_listwrap) > .left_content {
+                float: none !important;
+                width: auto !important;
+                max-width: none !important;
+                min-width: 0;
+            }
+            html.dc-pc-fit .dcwrap .main_content { width: auto !important; }
+
+            html.dc-pc-fit .dcwrap :is(.view_content_wrap, .gallview_head, .writing_view_box, .view_comment, .comment_wrap,
+                .comment_box, .cmt_write_box, #bottom_listwrap, .listwrap, .gall_listwrap, .page_head, .issuebox,
+                .newvisit_history, .trendalign, .bottom_paging_wrap, .bottom_paging_box, .bottom_search, .btn_recommend_box) {
+                width: auto !important;
+                max-width: 100% !important;
+                box-sizing: border-box;
+            }
+            html.dc-pc-fit .dcwrap .write_div { max-width: 100% !important; }
+            html.dc-pc-fit .dcwrap .write_div img,
+            html.dc-pc-fit .dcwrap .write_div video,
+            html.dc-pc-fit .dcwrap .write_div iframe { max-width: 100% !important; }
+            html.dc-pc-fit .dcwrap .list_array_option { width: 100% !important; }
+            html.dc-pc-fit .dcwrap .stickyunit { display: none !important; }
+            html.dc-pc-fit .dcwrap .darkmodebox .pop_tipbox { left: auto !important; right: 0 !important; }
+
+            html.dc-pc-fit .dcwrap .cmt_info { display: flex !important; align-items: flex-start; }
+            html.dc-pc-fit .dcwrap .cmt_info::before,
+            html.dc-pc-fit .dcwrap .cmt_info::after { display: none !important; }
+            html.dc-pc-fit .dcwrap .cmt_info > .addbox { display: flex; flex: 1 1 auto; min-width: 0; width: auto !important; }
+            html.dc-pc-fit .dcwrap .cmt_info > .addbox > .cmt_nickbox { flex: 0 0 auto; float: none !important; }
+            html.dc-pc-fit .dcwrap .cmt_info > .addbox > .cmt_txtbox { flex: 1 1 auto; min-width: 0; float: none !important; width: auto !important; }
+            html.dc-pc-fit .dcwrap .cmt_info .cmt_txtbox .usertxt { float: none !important; width: auto !important; max-width: 100% !important; }
+            html.dc-pc-fit .dcwrap .cmt_info > .fr { flex: 0 0 auto; float: none !important; margin-left: 10px; }
+
+            html.dc-pc-fit .dcwrap .cmt_write_box > .fl { width: 142px; }
+            html.dc-pc-fit .dcwrap .cmt_write_box > .cmt_txt_cont {
+                float: right !important;
+                width: calc(100% - 158px) !important;
+            }
+            html.dc-pc-fit .dcwrap .cmt_write_box > .cmt_txt_cont .cmt_write,
+            html.dc-pc-fit .dcwrap .cmt_write_box > .cmt_txt_cont textarea,
+            html.dc-pc-fit .dcwrap .cmt_write_box > .cmt_txt_cont .cmt_cont_bottm { width: 100% !important; box-sizing: border-box; }
+
+            html.dc-pc-fit .dcwrap .cmt_write_box:not(:has(> .fl)) > .cmt_txt_cont { width: 100% !important; }
         }
 
         html.dc-footer-info-off .dcwrap footer.dcfoot,
@@ -1851,6 +1863,158 @@
 
         #dc-custom-modal .dc-row.dc-row-new .dc-row-title { font-weight: 800; }
 
+        #dc-preview {
+            position: fixed;
+            top: 50%;
+            left: 50%;
+            z-index: 99997;
+            display: flex;
+            flex-direction: column;
+            box-sizing: border-box;
+            width: clamp(520px, 52vw, 980px);
+            height: clamp(420px, 84vh, 1100px);
+            max-width: calc(100vw - 32px);
+            max-height: calc(100vh - 32px);
+            border: 1px solid var(--dc-border);
+            border-radius: 16px;
+            overflow: hidden;
+            background: var(--dc-surface);
+            color: var(--dc-text);
+            box-shadow: 0 18px 60px rgba(0,0,0,.28), var(--dc-shadow);
+            font-size: 14px;
+            line-height: 1.6;
+            opacity: 0;
+            visibility: hidden;
+            pointer-events: none;
+            transform: translate(-50%, -50%) scale(.97);
+            transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s;
+        }
+
+        #dc-preview.show {
+            opacity: 1;
+            visibility: visible;
+            pointer-events: auto;
+            transform: translate(-50%, -50%);
+            transition: opacity .16s ease, transform .16s ease, visibility 0s;
+        }
+
+        #dc-preview .dc-pv-head {
+            flex: 0 0 auto;
+            padding: 14px 18px 10px;
+            border-bottom: 1px solid var(--dc-border);
+            background: var(--dc-surface);
+        }
+
+        #dc-preview .dc-pv-title {
+            display: -webkit-box;
+            overflow: hidden;
+            -webkit-line-clamp: 2;
+            -webkit-box-orient: vertical;
+            font-size: 16px;
+            font-weight: 800;
+            line-height: 1.4;
+            word-break: break-all;
+        }
+
+        #dc-preview .dc-pv-meta {
+            margin-top: 3px;
+            color: var(--dc-text-dim);
+            font-size: 12px;
+        }
+
+        #dc-preview .dc-pv-actions {
+            display: flex;
+            flex-wrap: wrap;
+            align-items: center;
+            gap: 6px;
+            margin-top: 9px;
+        }
+
+        #dc-preview .dc-pv-hint { margin-left: auto; color: var(--dc-text-dim); font-size: 11.5px; }
+        #dc-preview .dc-pv-notes:empty { display: none; }
+        #dc-preview .dc-pv-notes { margin-top: 6px; }
+
+        #dc-preview .dc-btn {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            box-sizing: border-box;
+            height: 30px;
+            padding: 0 12px;
+            border: 1px solid var(--dc-border);
+            border-radius: 999px;
+            background: var(--dc-surface-2);
+            color: var(--dc-text);
+            font-size: 12.5px;
+            font-weight: 700;
+            line-height: 1;
+            text-decoration: none;
+            cursor: pointer;
+        }
+
+        #dc-preview .dc-btn:hover { border-color: var(--dc-accent-ink); color: var(--dc-accent-ink); }
+        #dc-preview .dc-btn.primary { border-color: var(--dc-accent); background: var(--dc-accent); color: var(--dc-on-accent); }
+        #dc-preview .dc-btn.primary:hover { color: var(--dc-on-accent); filter: brightness(1.08); }
+        #dc-preview .dc-btn.danger-ghost { color: var(--dc-danger-ink); }
+        #dc-preview .dc-btn.dc-pv-close { width: 30px; padding: 0; font-size: 14px; }
+
+        #dc-preview .dc-pv-body {
+            position: relative;
+            display: flex;
+            flex-direction: column;
+            flex: 1 1 auto;
+            min-height: 0;
+            background: var(--dc-surface);
+        }
+
+        #dc-preview .dc-pv-frame {
+            flex: 1 1 auto;
+            width: 100%;
+            min-height: 0;
+            border: 0;
+            background: var(--dc-surface);
+        }
+
+        #dc-preview .dc-pv-loading,
+        #dc-preview .dc-pv-note {
+            padding: 12px 18px;
+            color: var(--dc-text-dim);
+            font-size: 13px;
+        }
+
+        #dc-preview .dc-pv-notes .dc-pv-note { padding: 0; font-size: 12px; }
+
+        #dc-preview .dc-pv-loading::before {
+            content: '';
+            display: inline-block;
+            width: 12px;
+            height: 12px;
+            margin-right: 8px;
+            border: 2px solid var(--dc-border);
+            border-top-color: var(--dc-accent-ink);
+            border-radius: 50%;
+            vertical-align: -1px;
+            animation: dc-spin .7s linear infinite;
+        }
+
+        @keyframes dc-spin { to { transform: rotate(360deg); } }
+
+        #dc-preview .dc-pv-warn {
+            display: flex;
+            flex-wrap: wrap;
+            align-items: center;
+            gap: 8px;
+            margin: 14px 18px;
+            padding: 10px 12px;
+            border-radius: 10px;
+            background: var(--dc-danger-soft);
+            color: var(--dc-danger-ink);
+            font-size: 13px;
+            font-weight: 700;
+        }
+
+        .dc-pv-anchor { text-decoration: underline !important; text-decoration-color: var(--dc-accent-ink) !important; }
+
         .dc-key-cursor { outline: 2px solid var(--dc-accent-ink) !important; outline-offset: -2px; background: var(--dc-accent-soft) !important; }
 
         #dc-custom-modal .dc-about {
@@ -6462,7 +6626,97 @@
 
     const currentPostKey = () => extractPostPath(location.href) || location.pathname;
 
-    const computeBlockReason = el => {
+    const HIT_DAY_MS = 86400000;
+    const hitToday = () => Math.floor(Date.now() / HIT_DAY_MS);
+
+    const readBlockHits = () => {
+        const stored = readObject(STORAGE.blockHits);
+
+        return {
+            since: Number(stored.since) || hitToday(),
+            k: stored.k && typeof stored.k === 'object' && !Array.isArray(stored.k) ? { ...stored.k } : {}
+        };
+    };
+
+    let blockHits = readBlockHits();
+    let blockHitsDirty = !readObject(STORAGE.blockHits).since;
+    let blockHitsTimer = null;
+
+    const blockHitKeys = () => [
+        ...blockedUsers,
+        ...blockedTitles.map(word => `t:${word}`),
+        ...blockedKeywords.map(word => `w:${word}`)
+    ];
+
+    const flushBlockHits = () => {
+        clearTimeout(blockHitsTimer);
+        blockHitsTimer = null;
+
+        if (!blockHitsDirty) {
+            return;
+        }
+
+        blockHitsDirty = false;
+
+        const today = hitToday();
+        const next = {};
+
+        blockHitKeys().forEach(key => {
+            next[key] = Number(blockHits.k[key]) || today;
+        });
+
+        blockHits = { since: blockHits.since, k: next };
+        writeJson(STORAGE.blockHits, blockHits);
+    };
+
+    const scheduleBlockHitsFlush = () => {
+        blockHitsDirty = true;
+
+        if (!blockHitsTimer) {
+            blockHitsTimer = setTimeout(flushBlockHits, 20000);
+        }
+    };
+
+    const noteBlockHit = reason => {
+        if (!reason) {
+            return reason;
+        }
+
+        const keys = reason.type === 'user'
+            ? reason.userKeys || []
+            : reason.type === 'title'
+                ? [`t:${reason.word}`]
+                : reason.type === 'keyword'
+                    ? [blockedTitles.includes(reason.word) && !blockedKeywords.includes(reason.word) ? `t:${reason.word}` : `w:${reason.word}`]
+                    : [];
+        const today = hitToday();
+
+        keys.forEach(key => {
+            if (blockHits.k[key] !== today) {
+                blockHits.k[key] = today;
+                scheduleBlockHitsFlush();
+            }
+        });
+
+        return reason;
+    };
+
+    window.addEventListener('pagehide', flushBlockHits);
+    document.addEventListener('visibilitychange', () => {
+        if (document.visibilityState === 'hidden') {
+            flushBlockHits();
+        }
+    });
+
+    storageWriteListeners.push(key => {
+        if (key === STORAGE.users || key === STORAGE.keywords || key === STORAGE.titles) {
+            scheduleBlockHitsFlush();
+        }
+    });
+
+    const computeBlockReason = el => noteBlockHit(computeBlockReasonRaw(el));
+
+    const computeBlockReasonRaw = el => {
         const hits = buildBlockKeys({
             nickname: el.dataset.dcNick || '',
             ip: el.dataset.dcIp || '',
@@ -9987,6 +10241,7 @@
         });
 
         area.appendChild(seg);
+        renderCleanupHelper(area);
         (renderBlockSections[blockSection] || renderBlockSections.keywords)(area);
     };
 
@@ -10173,6 +10428,15 @@
             off: '사이트 기본 한 줄 알림을 그대로 씁니다.',
             refresh: 'root'
         },
+        {
+            group: 'alarm',
+            key: 'alarmSystemNotify',
+            parent: 'alarmBubble',
+            name: '다른 탭을 볼 때 기기 알림으로도 (PC)',
+            on: '이 탭을 보고 있지 않을 때 디시 알림이 오면 윈도우·맥 알림으로 띄웁니다. 누르면 이 탭으로 돌아와 해당 글로 갑니다. 처음 켤 때 브라우저가 권한을 묻습니다.',
+            off: '이 탭을 볼 때 말풍선으로만 알립니다.',
+            refresh: 'root'
+        },
         {
             group: 'alarm',
             key: 'alarmKeepPolling',
@@ -10206,6 +10470,14 @@
             off: '단축키를 쓰지 않습니다.',
             refresh: 'none'
         },
+        {
+            group: 'list',
+            key: 'hoverPreview',
+            name: '제목에 마우스를 올리면 글 미리보기 (PC)',
+            on: '목록 제목 위에 잠깐 머무르면 글 전체를 옆 창에 보여 줍니다. 창 안에서 스크롤해 읽고, 스크랩·작성자 차단도 바로 할 수 있습니다. 차단한 이미지·단어는 미리보기에서도 가립니다. 키보드로 고른 글은 P 로 엽니다.',
+            off: '제목을 눌러야 글을 봅니다.',
+            refresh: 'root'
+        },
         {
             group: 'list',
             key: 'autoFillList',
@@ -10403,6 +10675,20 @@
                     paintAlarmBadge();
                 }
 
+                if (item.key === 'hoverPreview' && settings.hoverPreview === false) {
+                    closePreview();
+                }
+
+                if (item.key === 'alarmSystemNotify' && settings.alarmSystemNotify === true) {
+                    requestSystemNotify().then(granted => {
+                        if (!granted) {
+                            settings.alarmSystemNotify = false;
+                            saveSettings();
+                            rerenderModal();
+                        }
+                    });
+                }
+
                 break;
 
             case 'log':
@@ -11626,7 +11912,8 @@
         scraps: scraps.map(item => ({ ...item })),
         settings: syncedSettings(),
         recent: collectRecentForSync(),
-        search: collectSearchForSync()
+        search: collectSearchForSync(),
+        hits: collectHitsForSync()
     });
 
     const skippedFields = skip => SYNC_PARTS.filter(part => skip.includes(part.key)).flatMap(part => part.fields);
@@ -11734,7 +12021,8 @@
             scraps: mergeScraps(local.scraps, base && base.scraps, remote && remote.scraps),
             settings: mergeSettings(local.settings, base && base.settings, remote && remote.settings),
             recent: mergeRecent(local.recent, base && base.recent, remote && remote.recent),
-            search: mergeSearchHistory(local.search, base && base.search, remote && remote.search)
+            search: mergeSearchHistory(local.search, base && base.search, remote && remote.search),
+            hits: mergeBlockHits(local.hits, remote && remote.hits)
         };
 
         skippedFields(skip).forEach(field => {
@@ -11789,6 +12077,7 @@
 
         delete data.recent;
         delete data.search;
+        delete data.hits;
 
         return JSON.stringify(data);
     };
@@ -11796,6 +12085,7 @@
     const applySyncData = data => {
         const recentChanged = data && 'recent' in data ? applyRecentFromSync(data.recent) : false;
         const searchChanged = data && 'search' in data ? applySearchFromSync(data.search) : false;
+        const hitsChanged = data && 'hits' in data ? applyHitsFromSync(data.hits) : false;
         const clean = sanitizeBackup({ app: BACKUP_APP, ...data });
         const before = blockSyncData();
 
@@ -11850,7 +12140,7 @@
             refreshAfterBlockChange();
         }
 
-        return changed || recentChanged || searchChanged;
+        return changed || recentChanged || searchChanged || hitsChanged;
     };
 
     const saveSyncUndo = (before, incoming, summary, from) => {
@@ -13751,7 +14041,9 @@
     let alarmWatchTimer = null;
 
     const checkSiteAlarms = () => {
-        if (settings.alarmBubble === false || document.visibilityState === 'hidden') {
+        const away = document.visibilityState === 'hidden' || (typeof document.hasFocus === 'function' && !document.hasFocus());
+
+        if (settings.alarmBubble === false || (document.visibilityState === 'hidden' && !canSystemNotify())) {
             return;
         }
 
@@ -13779,7 +14071,11 @@
             writeAlarmMarks({ shown: latest });
         }
 
-        if (fresh.length) {
+        if (fresh.length && away && canSystemNotify()) {
+            showSystemAlarm(fresh[0], fresh.length - 1);
+        }
+
+        if (fresh.length && document.visibilityState !== 'hidden') {
             showAlarmBubble(fresh[0], fresh.length > ALARM_BUBBLE_MAX ? fresh.length - 1 : 0);
 
             if (fresh.length > 1 && fresh.length <= ALARM_BUBBLE_MAX) {
@@ -13990,7 +14286,7 @@
 
     // =========================================================
 
-    const KEY_HELP = 'J/K 다음·이전 글 · Enter 열기 · S 스크랩 · / 검색 · B 차단 관리';
+    const KEY_HELP = 'J/K 다음·이전 글 · Enter 열기 · P 미리보기 · S 스크랩 · / 검색 · B 차단 관리';
 
     const typingTarget = el =>
         !!el && (el.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(el.tagName) || !!el.closest?.('[contenteditable="true"]'));
@@ -14008,6 +14304,10 @@
     let keyCursor = null;
 
     const moveKeyCursor = step => {
+        if (previewOpen()) {
+            closePreview();
+        }
+
         const rows = visibleListRows();
 
         if (!rows.length) {
@@ -14091,6 +14391,8 @@
             } else if (key === 'b' || key === 'B') {
                 openBlockModal(document.getElementById('dc-custom-fab')?.dataset.dcAlarm ? 'recent' : 'overview');
                 handled = true;
+            } else if ((key === 'p' || key === 'P') && togglePreviewForCursor()) {
+                handled = true;
             } else if (key === '?') {
                 showToast(`⌨️ ${KEY_HELP}`, { duration: 6000 });
                 handled = true;
@@ -14159,6 +14461,831 @@
 
         return true;
     };
+
+    // =========================================================
+    // 13-4. 차단 목록 정리 도우미 · 기기 알림 · PC 글 미리보기
+    // =========================================================
+
+    const collectHitsForSync = () => {
+        flushBlockHits();
+
+        return { since: blockHits.since, k: { ...blockHits.k } };
+    };
+
+    const mergeBlockHits = (local, remote) => {
+        if (!remote || typeof remote !== 'object' || !remote.k) {
+            return local;
+        }
+
+        const k = { ...(remote.k || {}) };
+
+        Object.entries((local && local.k) || {}).forEach(([key, day]) => {
+            k[key] = Math.max(Number(k[key]) || 0, Number(day) || 0);
+        });
+
+        return { since: Math.min(Number(local && local.since) || hitToday(), Number(remote.since) || hitToday()), k };
+    };
+
+    const applyHitsFromSync = data => {
+        if (!data || typeof data !== 'object' || !data.k) {
+            return false;
+        }
+
+        const merged = mergeBlockHits(blockHits, data);
+
+        if (JSON.stringify(merged) === JSON.stringify(blockHits)) {
+            return false;
+        }
+
+        blockHits = merged;
+        blockHitsDirty = true;
+        flushBlockHits();
+
+        return true;
+    };
+
+    // =========================================================
+
+    // =========================================================
+
+    const CLEANUP_IDLE_DAYS = 60;
+
+    const cleanupSuggestions = () => {
+        flushBlockHits();
+
+        const today = hitToday();
+        const tracked = today - blockHits.since;
+        const idle = [];
+
+        if (tracked >= CLEANUP_IDLE_DAYS) {
+            blockHitKeys().forEach(key => {
+                const day = Number(blockHits.k[key]) || today;
+
+                if (today - day >= CLEANUP_IDLE_DAYS) {
+                    idle.push({ key, days: today - day });
+                }
+            });
+        }
+
+        const redundant = [];
+
+        blockedKeywords.forEach(word => {
+            const cover = blockedKeywords.find(other => other !== word && other.length < word.length && word.includes(other));
+
+            if (cover) {
+                redundant.push({ key: `w:${word}`, cover });
+            }
+        });
+
+        blockedTitles.forEach(word => {
+            const cover = [...blockedKeywords, ...blockedTitles].find(other => other !== word && other.length < word.length && word.includes(other));
+
+            if (cover) {
+                redundant.push({ key: `t:${word}`, cover });
+            }
+        });
+
+        return { idle: idle.sort((a, b) => b.days - a.days), redundant, tracked };
+    };
+
+    const describeHitKey = key => {
+        if (key.startsWith('w:')) {
+            return { label: key.slice(2), kind: '단어' };
+        }
+
+        if (key.startsWith('t:')) {
+            return { label: key.slice(2), kind: '제목 단어' };
+        }
+
+        const parsed = parseBlockKey(key);
+
+        return { label: parsed.value, kind: BLOCK_TYPE_LABELS[parsed.type] || '유저' };
+    };
+
+    const removeBlockKeys = keys => {
+        const before = { users: [...blockedUsers], keywords: [...blockedKeywords], titles: [...blockedTitles] };
+        const drop = new Set(keys);
+
+        blockedUsers = blockedUsers.filter(key => !drop.has(key));
+        blockedKeywords = blockedKeywords.filter(word => !drop.has(`w:${word}`));
+        blockedTitles = blockedTitles.filter(word => !drop.has(`t:${word}`));
+        saveUsers();
+        saveKeywords();
+        saveTitles();
+        refreshAfterBlockChange();
+
+        showToast(`🧹 ${keys.length}개 정리함`, {
+            actionLabel: '되돌리기',
+            duration: 6000,
+            onAction: () => {
+                blockedUsers = before.users;
+                blockedKeywords = before.keywords;
+                blockedTitles = before.titles;
+                saveUsers();
+                saveKeywords();
+                saveTitles();
+                refreshAfterBlockChange();
+                rerenderModal();
+            }
+        });
+    };
+
+    const renderCleanupHelper = area => {
+        const { idle, redundant, tracked } = cleanupSuggestions();
+        const count = idle.length + redundant.length;
+        const waitDays = Math.max(0, CLEANUP_IDLE_DAYS - tracked);
+
+        if (!count && !waitDays) {
+            return;
+        }
+
+        area.appendChild(makeFoldSection({
+            id: 'cleanup',
+            title: `🧹 정리 도우미${count ? '' : ' · 준비 중'}`,
+            count,
+            defaultOpen: false,
+            render: body => {
+                if (waitDays) {
+                    body.appendChild(makeNote(`어떤 차단이 실제로 쓰이는지 기록을 모으는 중입니다. ${waitDays}일 뒤부터 오래 안 걸린 항목을 추천합니다.`));
+                }
+
+                const group = (title, items, meta) => {
+                    if (!items.length) {
+                        return;
+                    }
+
+                    body.appendChild(makeSectionTitle(`${title} · ${items.length}개`));
+                    renderPaged(body, items, item => {
+                        const info = describeHitKey(item.key);
+
+                        return makeRow({
+                            title: info.label,
+                            chip: info.kind,
+                            chipClass: 'scope',
+                            meta: meta(item),
+                            actions: [{ label: '해제', className: 'on', onClick: () => {
+                                removeBlockKeys([item.key]);
+                                rerenderModal();
+                            } }]
+                        });
+                    });
+                    body.appendChild(makeButton(`${title} 모두 해제`, 'wide', () => {
+                        if (confirm(`${title} ${items.length}개를 차단 목록에서 뺄까요? (바로 되돌릴 수 있습니다)`)) {
+                            removeBlockKeys(items.map(item => item.key));
+                            rerenderModal();
+                        }
+                    }));
+                };
+
+                group('필요 없는 단어', redundant, item => `"${item.cover}" 가 이미 걸러 줌`);
+                group(`${CLEANUP_IDLE_DAYS}일 넘게 안 걸린 항목`, idle, item => `${item.days}일 동안 걸린 글·댓글 없음 (모든 기기)`);
+            }
+        }));
+    };
+
+    // =========================================================
+
+    // =========================================================
+
+    const systemNotifySupported = () => typeof window.Notification === 'function';
+
+    const canSystemNotify = () =>
+        settings.alarmSystemNotify === true && systemNotifySupported() && window.Notification.permission === 'granted';
+
+    const showSystemAlarm = (item, extra = 0) => {
+        try {
+            const note = new window.Notification(`디시 알림 · ${item.tag}`, {
+                body: extra ? `${item.text}\n외 ${extra}개` : item.text,
+                tag: `dcx-${item.key}`,
+                silent: false
+            });
+
+            note.onclick = () => {
+                try {
+                    window.focus();
+                } catch {
+                }
+
+                note.close();
+
+                if (extra) {
+                    openBlockModal('recent');
+                } else {
+                    openAlarm(item);
+                }
+            };
+        } catch {
+        }
+    };
+
+    const requestSystemNotify = async () => {
+        if (!systemNotifySupported()) {
+            showToast('이 브라우저는 기기 알림을 지원하지 않습니다');
+            return false;
+        }
+
+        let permission = window.Notification.permission;
+
+        if (permission === 'default') {
+            try {
+                permission = await window.Notification.requestPermission();
+            } catch {
+                permission = 'denied';
+            }
+        }
+
+        if (permission !== 'granted') {
+            showToast('🔕 브라우저에서 이 사이트의 알림을 허용해야 기기 알림을 띄울 수 있습니다', { duration: 6000 });
+            return false;
+        }
+
+        showToast('🔔 다른 탭을 보고 있어도 디시 알림을 기기 알림으로 띄웁니다');
+        return true;
+    };
+
+    // =========================================================
+
+    // =========================================================
+
+    const PREVIEW_DELAY = 450;
+    const PREVIEW_CLOSE_DELAY = 380;
+    const PREVIEW_CACHE_MS = 5 * 60 * 1000;
+    const PREVIEW_CACHE_MAX = 30;
+    const PREVIEW_TITLE_SELECTOR = 'table.gall_list td.gall_tit > a:not(.reply_numbox)';
+    const PREVIEW_MOVIE_RE = /^https:\/\/gall\.dcinside\.com\/board\/movie\//i;
+
+    const previewCache = new Map();
+    let previewEl = null;
+    let previewKey = '';
+    let previewHref = '';
+    let previewAnchor = null;
+    let previewHoverTimer = null;
+    let previewCloseTimer = null;
+    let previewThemeObserver = null;
+
+    const previewEnabled = () => IS_PC_SITE && settings.hoverPreview !== false;
+    const previewOpen = () => !!previewEl && previewEl.classList.contains('show');
+
+    const ensurePreviewEl = () => {
+        if (previewEl && previewEl.isConnected) {
+            return previewEl;
+        }
+
+        previewEl = h('div', 'dc-ui');
+        previewEl.id = 'dc-preview';
+        previewEl.setAttribute('role', 'dialog');
+        previewEl.setAttribute('aria-label', '글 미리보기');
+        previewEl.innerHTML =
+            '<div class="dc-pv-head">' +
+            '<div class="dc-pv-title"></div>' +
+            '<div class="dc-pv-meta"></div>' +
+            '<div class="dc-pv-actions"></div>' +
+            '<div class="dc-pv-notes"></div>' +
+            '</div>' +
+            '<div class="dc-pv-body"></div>';
+        previewEl.addEventListener('mouseenter', () => clearTimeout(previewCloseTimer));
+        previewEl.addEventListener('mouseleave', () => schedulePreviewClose());
+        document.body.appendChild(previewEl);
+
+        return previewEl;
+    };
+
+    const stopPreviewTheme = () => {
+        previewThemeObserver?.disconnect();
+        previewThemeObserver = null;
+    };
+
+    const closePreview = () => {
+        clearTimeout(previewHoverTimer);
+        clearTimeout(previewCloseTimer);
+        stopPreviewTheme();
+
+        if (previewEl) {
+            previewEl.classList.remove('show');
+
+            previewEl.querySelector('.dc-pv-body').textContent = '';
+            previewEl.querySelector('.dc-pv-notes').textContent = '';
+        }
+
+        previewAnchor?.classList.remove('dc-pv-anchor');
+        previewAnchor = null;
+        previewKey = '';
+    };
+
+    const schedulePreviewClose = () => {
+        clearTimeout(previewCloseTimer);
+        previewCloseTimer = setTimeout(closePreview, PREVIEW_CLOSE_DELAY);
+    };
+
+    const goToPreviewPost = () => {
+        const href = previewHref;
+
+        closePreview();
+
+        if (href) {
+            location.href = href;
+        }
+    };
+
+    const cleanPreviewBody = source => {
+        const body = source.cloneNode(true);
+        let hiddenMedia = 0;
+
+        body.removeAttribute('style');
+
+        body.querySelectorAll('script, style, link, object, embed, form, noscript, .dc-ui, #zzbang_div').forEach(node => node.remove());
+
+        body.querySelectorAll('iframe').forEach(node => {
+            let src = node.getAttribute('src') || '';
+
+            try {
+                src = new URL(src, 'https://gall.dcinside.com/').href;
+            } catch {
+                src = '';
+            }
+
+            if (PREVIEW_MOVIE_RE.test(src)) {
+                node.setAttribute('src', src);
+                node.removeAttribute('style');
+                node.removeAttribute('width');
+                node.removeAttribute('height');
+                node.setAttribute('allowfullscreen', '');
+                node.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture');
+                node.className = 'dc-pv-movie';
+                return;
+            }
+
+            const link = body.ownerDocument.createElement('a');
+
+            link.href = src;
+            link.textContent = '🎬 삽입된 동영상 열기';
+            link.className = 'dc-pv-embed';
+            node.replaceWith(link);
+        });
+
+        body.querySelectorAll('*').forEach(node => {
+            [...node.attributes].forEach(attr => {
+                if (/^on/i.test(attr.name) || (/^(href|src)$/i.test(attr.name) && /^\s*javascript:/i.test(attr.value))) {
+                    node.removeAttribute(attr.name);
+                }
+            });
+        });
+
+        body.querySelectorAll('img, video').forEach(media => {
+            const lazy = media.getAttribute('data-original') || media.getAttribute('data-src') || media.getAttribute('data-lazy-src');
+
+            if (media.tagName === 'IMG' && lazy && /^https?:\/\//.test(lazy)) {
+                media.setAttribute('src', lazy);
+            }
+
+            const candidates = collectMediaCandidates(media);
+
+            if (isDcconElement(media, candidates)) {
+                if (settings.blockDccon !== false) {
+                    media.remove();
+                }
+
+                return;
+            }
+
+            if (findBlockedMediaKey(resolveMediaIds(media, candidates))) {
+                const stub = body.ownerDocument.createElement('div');
+
+                stub.className = 'dc-pv-blocked';
+                stub.textContent = '🚫 차단한 이미지';
+                (media.closest('a') || media).replaceWith(stub);
+                hiddenMedia += 1;
+                return;
+            }
+
+            media.removeAttribute('loading');
+            media.removeAttribute('width');
+            media.removeAttribute('height');
+
+            if (media.tagName === 'VIDEO') {
+                media.setAttribute('playsinline', '');
+
+                if (media.hasAttribute('loop') && media.hasAttribute('muted')) {
+                    media.setAttribute('autoplay', '');
+                    media.muted = true;
+                } else {
+                    media.removeAttribute('autoplay');
+                    media.setAttribute('controls', '');
+                    media.setAttribute('preload', 'metadata');
+                }
+            }
+        });
+
+        return { body, hiddenMedia };
+    };
+
+    const previewFrameCss = () => {
+        const root = getComputedStyle(document.documentElement);
+        const token = name => root.getPropertyValue(name).trim();
+        const font = getComputedStyle(document.body).fontFamily || 'sans-serif';
+        const dark = document.documentElement.classList.contains('dc-dark');
+
+        return `
+            html { color-scheme: ${dark ? 'dark' : 'light'}; }
+            html, body { margin: 0; padding: 0; background: ${token('--dc-surface')}; color: ${token('--dc-text')}; }
+            body { padding: 14px 18px 28px; font: 14px/1.7 ${font}; word-break: break-word; overflow-wrap: anywhere; cursor: pointer; }
+            ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-thumb { background: ${token('--dc-border')}; border-radius: 4px; }
+            * { max-width: 100% !important; box-sizing: border-box; white-space: normal !important; }
+            pre, pre * { white-space: pre-wrap !important; }
+            [style*="width"] { width: auto !important; }
+            p { margin: 0 0 4px; }
+            img, video { display: block; height: auto !important; margin: 6px 0; border-radius: 6px; }
+            a { color: ${token('--dc-accent-ink')}; cursor: pointer; }
+            video, iframe, a, button { cursor: auto; }
+            a { cursor: pointer; }
+            .dc-pv-movie { display: block; width: 100% !important; aspect-ratio: 16 / 9; height: auto; border: 0; border-radius: 8px; background: #000; }
+            .dc-pv-embed { display: inline-block; margin: 6px 0; font-weight: 700; }
+            .dc-pv-blocked { margin: 6px 0; padding: 14px; border: 1px dashed ${token('--dc-border')}; border-radius: 8px; color: ${token('--dc-text-dim')}; font-size: 12px; text-align: center; }
+            ${dark ? `[style*="background"] { background: transparent !important; }
+            [style*="color: rgb(0, 0, 0)"], [style*="color:#000"], [style*="color: #000"], [style*="color:black"], font[color="#000000"] { color: inherit !important; }` : ''}
+        `;
+    };
+
+    const mountPreviewFrame = (container, data, href) => {
+        const { body, hiddenMedia } = cleanPreviewBody(data.source);
+        const frame = document.createElement('iframe');
+
+        frame.className = 'dc-pv-frame';
+        frame.setAttribute('title', '글 본문');
+        container.appendChild(frame);
+
+        const win = frame.contentWindow;
+        const doc = frame.contentDocument;
+
+        if (!win || !doc) {
+            return hiddenMedia;
+        }
+
+        doc.open();
+        doc.write('<!doctype html><html><head><meta charset="utf-8"><base target="_blank"><style id="dc-pv-css"></style></head><body></body></html>');
+        doc.close();
+
+        try {
+            const target = new URL(href, location.href);
+
+            win.history.replaceState(null, '', target.pathname + target.search);
+        } catch {
+        }
+
+        doc.getElementById('dc-pv-css').textContent = previewFrameCss();
+        doc.body.appendChild(doc.importNode(body, true));
+
+        doc.querySelectorAll('video[data-src]').forEach(video => {
+            const gif = video.getAttribute('data-src');
+            let swapped = false;
+            const toGif = () => {
+                if (swapped || !video.isConnected) {
+                    return;
+                }
+
+                swapped = true;
+
+                const img = doc.createElement('img');
+
+                img.src = gif;
+                img.alt = '움짤';
+                video.replaceWith(img);
+            };
+
+            if (!video.canPlayType('video/mp4')) {
+                toGif();
+                return;
+            }
+
+            video.addEventListener('error', toGif, true);
+            video.querySelectorAll('source').forEach(source => source.addEventListener('error', toGif));
+        });
+
+        doc.addEventListener('click', event => {
+            const target = event.target;
+
+            if (target && target.closest && target.closest('a[href], video, iframe, button, input, textarea, select, summary')) {
+                return;
+            }
+
+            event.preventDefault();
+            goToPreviewPost();
+        });
+
+        doc.addEventListener('keydown', event => {
+            if (event.key === 'Escape') {
+                closePreview();
+            }
+        });
+
+        doc.documentElement.style.overscrollBehavior = 'contain';
+
+        stopPreviewTheme();
+        previewThemeObserver = new MutationObserver(() => {
+            const css = doc.getElementById('dc-pv-css');
+
+            if (css) {
+                css.textContent = previewFrameCss();
+            }
+        });
+        previewThemeObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });
+
+        return hiddenMedia;
+    };
+
+    const readPreviewDoc = (html, key) => {
+        const doc = new DOMParser().parseFromString(html, 'text/html');
+        const source = doc.querySelector('.write_div') || doc.querySelector(POST_BODY_SELECTOR);
+        const head = doc.querySelector('.gallview_head');
+
+        if (!source) {
+            return { missing: true };
+        }
+
+        const writer = head?.querySelector('.gall_writer');
+        const text = normalizeWord(`${head?.querySelector('.title_subject')?.textContent || ''} ${source.textContent}`).slice(0, BODY_TEXT_LIMIT);
+        const word = findWord(blockedKeywords, text);
+
+        if (key) {
+            bodyScanCache[key] = { s: bodyScanSignature(), w: word, m: '', t: Date.now() };
+            saveBodyScanSoon();
+        }
+
+        return {
+            title: cleanText(head?.querySelector('.title_subject')?.textContent || ''),
+            head: cleanText(head?.querySelector('.title_headtext')?.textContent || '').replace(/^\[|\]$/g, ''),
+            nick: writer?.getAttribute('data-nick') || cleanText(writer?.querySelector('.nickname')?.textContent || ''),
+            ip: writer?.getAttribute('data-ip') || '',
+            code: writer?.getAttribute('data-uid') || '',
+            date: head?.querySelector('.gall_date')?.getAttribute('title') || cleanText(head?.querySelector('.gall_date')?.textContent || ''),
+            stats: (cleanText(head?.querySelector('.fr')?.textContent || '').match(/(조회|추천|댓글)\s*[\d,]+/g) || []).join(' · '),
+            source,
+            word
+        };
+    };
+
+    const renderPreview = (data, href, key) => {
+        const el = ensurePreviewEl();
+        const titleEl = el.querySelector('.dc-pv-title');
+        const metaEl = el.querySelector('.dc-pv-meta');
+        const actions = el.querySelector('.dc-pv-actions');
+        const notes = el.querySelector('.dc-pv-notes');
+        const bodyEl = el.querySelector('.dc-pv-body');
+
+        previewHref = href;
+        actions.textContent = '';
+        notes.textContent = '';
+        bodyEl.textContent = '';
+        stopPreviewTheme();
+
+        if (data.missing) {
+            titleEl.textContent = '본문을 불러올 수 없습니다';
+            metaEl.textContent = '삭제됐거나 성인 인증이 필요한 글입니다.';
+        } else {
+            titleEl.textContent = `${data.head ? `[${data.head}] ` : ''}${data.title || '(제목 없음)'}`;
+            metaEl.textContent = [data.nick && `${data.nick}${data.ip ? `(${data.ip})` : ''}`, data.date, data.stats].filter(Boolean).join(' · ');
+
+            const showBody = () => {
+                const hidden = mountPreviewFrame(bodyEl, data, href);
+
+                if (hidden) {
+                    notes.appendChild(h('div', 'dc-pv-note', `차단한 이미지 ${hidden}개를 뺐습니다`));
+                }
+            };
+
+            if (data.word) {
+                const warn = h('div', 'dc-pv-warn', `🚫 본문에 차단 단어 "${data.word}" 가 있어 가렸습니다${settings.prefetchBodies !== false ? ' · 목록에서도 가려집니다' : ''}`);
+
+                warn.appendChild(makeButton('그래도 보기', 'mini', () => {
+                    warn.remove();
+                    showBody();
+                }));
+                bodyEl.appendChild(warn);
+            } else {
+                showBody();
+            }
+        }
+
+        const open = h('a', 'dc-btn mini primary', '글 열기');
+
+        open.href = href;
+        open.addEventListener('click', event => {
+            if (!event.ctrlKey && !event.metaKey && !event.shiftKey && event.button === 0) {
+                event.preventDefault();
+                goToPreviewPost();
+            }
+        });
+        actions.appendChild(open);
+
+        if (!data.missing && key) {
+            const match = /[?&]id=([^&]+)&no=(\d+)/.exec(href) || [];
+            const kind = /\/mgallery\//.test(href) ? 'M' : /\/mini\//.test(href) ? 'N' : /\/person\//.test(href) ? 'P' : 'G';
+            const info = match[1] ? normalizeScrap({ k: kind, id: decodeURIComponent(match[1]), no: match[2], t: data.title, g: '', d: Date.now() }) : null;
+
+            if (info && isValidScrap(info)) {
+                const scrapBtn = makeButton(isScrapped(info) ? '📌 스크랩됨' : '📌 스크랩', 'mini', () => {
+                    toggleScrap(info);
+                    scrapBtn.textContent = isScrapped(info) ? '📌 스크랩됨' : '📌 스크랩';
+                });
+
+                actions.appendChild(scrapBtn);
+            }
+
+            const userKey = data.code ? `id::${data.code}` : data.ip ? `ip::${data.ip}` : data.nick ? `nick::${data.nick}` : '';
+
+            if (userKey && !blockedUsers.includes(userKey)) {
+                actions.appendChild(makeButton('🚫 작성자 차단', 'mini danger-ghost', () => {
+                    blockedUsers = sortUserKeys([...blockedUsers, userKey]);
+                    saveUsers();
+                    refreshAfterBlockChange();
+                    closePreview();
+                    offerUndo(`✓ ${describeHitKey(userKey).kind} ${describeHitKey(userKey).label} 차단`, () => {
+                        blockedUsers = blockedUsers.filter(item => item !== userKey);
+                        saveUsers();
+                        refreshAfterBlockChange();
+                    });
+                }));
+            }
+        }
+
+        actions.appendChild(h('span', 'dc-pv-hint', '본문을 누르면 글로 이동'));
+
+        const close = makeButton('✕', 'mini dc-pv-close', closePreview);
+
+        close.setAttribute('aria-label', '미리보기 닫기');
+        actions.appendChild(close);
+    };
+
+    const showPreviewFor = async anchor => {
+        if (!previewEnabled() || !anchor || !anchor.isConnected) {
+            return;
+        }
+
+        const row = anchor.closest('tr');
+
+        if (row && ((row.classList.contains('dc-user-blocked') && !row.classList.contains('dc-user-revealed')) || row.classList.contains('dc-head-hidden'))) {
+            return;
+        }
+
+        const href = anchor.href;
+        const key = extractPostPath(href);
+
+        if (!key) {
+            return;
+        }
+
+        previewAnchor?.classList.remove('dc-pv-anchor');
+        previewAnchor = anchor;
+        previewKey = key;
+        previewHref = href;
+        anchor.classList.add('dc-pv-anchor');
+
+        const el = ensurePreviewEl();
+
+        el.classList.add('show');
+
+        const cached = previewCache.get(key);
+
+        if (cached && Date.now() - cached.at < PREVIEW_CACHE_MS) {
+            renderPreview(cached.data, href, key);
+            return;
+        }
+
+        stopPreviewTheme();
+        el.querySelector('.dc-pv-title').textContent = cleanText(anchor.textContent);
+        el.querySelector('.dc-pv-meta').textContent = '';
+        el.querySelector('.dc-pv-actions').textContent = '';
+        el.querySelector('.dc-pv-notes').textContent = '';
+
+        const body = el.querySelector('.dc-pv-body');
+        const paused = netPausedUntil();
+
+        body.textContent = '';
+
+        if (paused) {
+            body.appendChild(h('div', 'dc-pv-note', `⏸ 디시 요청 제한 중이라 ${Math.max(1, Math.ceil((paused - Date.now()) / 60000))}분 뒤에 미리볼 수 있습니다`));
+            return;
+        }
+
+        body.appendChild(h('div', 'dc-pv-loading', '불러오는 중…'));
+
+        try {
+            const html = await siteFetchText(href, { credentials: 'same-origin', cache: 'no-cache' });
+            const data = readPreviewDoc(html, key);
+
+            previewCache.set(key, { at: Date.now(), data });
+
+            while (previewCache.size > PREVIEW_CACHE_MAX) {
+                previewCache.delete(previewCache.keys().next().value);
+            }
+
+            if (previewKey === key) {
+                renderPreview(data, href, key);
+
+                if (data.word && settings.prefetchBodies !== false) {
+                    refreshAfterBlockChange();
+                }
+            }
+        } catch (error) {
+            if (previewKey !== key) {
+                return;
+            }
+
+            body.textContent = '';
+            body.appendChild(h('div', 'dc-pv-note', error instanceof NetPausedError
+                ? '⏸ 디시 요청 제한 중이라 잠시 뒤에 미리볼 수 있습니다'
+                : '불러오지 못했습니다. 잠시 뒤 다시 올려 보세요.'));
+        }
+    };
+
+    const initHoverPreview = () => {
+        if (!IS_PC_SITE) {
+            return;
+        }
+
+        document.addEventListener('mouseover', event => {
+            if (!previewEnabled()) {
+                return;
+            }
+
+            const anchor = event.target instanceof Element ? event.target.closest(PREVIEW_TITLE_SELECTOR) : null;
+
+            if (!anchor || anchor.closest('.dc-ui')) {
+                return;
+            }
+
+            if (anchor === previewAnchor) {
+                clearTimeout(previewCloseTimer);
+                return;
+            }
+
+            clearTimeout(previewHoverTimer);
+            previewHoverTimer = setTimeout(() => {
+                clearTimeout(previewCloseTimer);
+                showPreviewFor(anchor);
+            }, PREVIEW_DELAY);
+        });
+
+        document.addEventListener('mouseout', event => {
+            const anchor = event.target instanceof Element ? event.target.closest(PREVIEW_TITLE_SELECTOR) : null;
+
+            if (!anchor || (event.relatedTarget instanceof Node && anchor.contains(event.relatedTarget))) {
+                return;
+            }
+
+            clearTimeout(previewHoverTimer);
+
+            if (previewOpen() && !(event.relatedTarget instanceof Node && previewEl.contains(event.relatedTarget))) {
+                schedulePreviewClose();
+            }
+        });
+
+        document.addEventListener('mousedown', event => {
+            if (previewOpen() && !(event.target instanceof Node && previewEl.contains(event.target))) {
+                closePreview();
+            }
+        }, true);
+
+        window.addEventListener('scroll', () => {
+            if (previewOpen() && !previewEl.matches(':hover')) {
+                closePreview();
+            }
+        }, { passive: true });
+
+        window.addEventListener('resize', () => {
+            if (previewOpen()) {
+                closePreview();
+            }
+        });
+
+        document.addEventListener('keydown', event => {
+            if (event.key === 'Escape' && previewOpen()) {
+                closePreview();
+            }
+        });
+
+        window.addEventListener('pagehide', closePreview);
+    };
+
+    const togglePreviewForCursor = () => {
+        if (!previewEnabled()) {
+            return false;
+        }
+
+        if (previewOpen()) {
+            closePreview();
+            return true;
+        }
+
+        const anchor = keyCursor && keyCursor.isConnected ? keyCursor.querySelector('td.gall_tit > a:not(.reply_numbox)') : null;
+
+        if (!anchor) {
+            return false;
+        }
+
+        showPreviewFor(anchor);
+        return true;
+    };
     // =========================================================
     // 14. 플로팅 버튼
     // =========================================================
@@ -15147,6 +16274,7 @@
         initRecent();
         initSiteAlarms();
         initKeyboardShortcuts();
+        initHoverPreview();
         restoreListSnapshot();
         processElements();