// ==UserScript==
// @name     active_hover
// @version  1.0
// ==/UserScript==
(function() {
  'use strict';

  const style = document.createElement('style');
  style.textContent = `
    /* 强制显示 group-hover 触发的元素 */
    .sm\\:group-hover\\:block,
    .group-hover\\:block {
      display: block !important;
    }
    
    .sm\\:group-hover\\:flex,
    .group-hover\\:flex {
      display: flex !important;
    }
    
    .sm\\:group-hover\\:opacity-100,
    .group-hover\\:opacity-100 {
      opacity: 1 !important;
    }
    
    .sm\\:group-hover\\:visible,
    .group-hover\\:visible {
      visibility: visible !important;
    }
  `;
  document.head.appendChild(style);
  
  console.log('[active_hover] Group hover elements forced visible');
})();

// ==UserScript==
// @name     active_hover
// @version  2.0
// ==/UserScript==
(function() {
  'use strict';

  // ============================================
  // 1. 注入 CSS 样式
  // ============================================
  const style = document.createElement('style');
  style.textContent = `
    /* ===== 强制显示 group-hover 元素 ===== */
    .sm\\:group-hover\\:block,
    .group-hover\\:block {
      display: block !important;
    }
    
    .sm\\:group-hover\\:flex,
    .group-hover\\:flex {
      display: flex !important;
    }
    
    .sm\\:group-hover\\:opacity-100,
    .group-hover\\:opacity-100 {
      opacity: 1 !important;
    }
    
    .sm\\:group-hover\\:visible,
    .group-hover\\:visible {
      visibility: visible !important;
    }

    /* ===== Memo 折叠功能 ===== */
    .markdown-content.memo-collapsed {
      display: -webkit-box !important;
      -webkit-box-orient: vertical !important;
      -webkit-line-clamp: 7 !important;
      line-height: 24px !important;
      overflow: hidden !important;
      -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
      mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
    }
    
    .markdown-content.memo-expanded {
      display: block !important;
      -webkit-line-clamp: unset !important;
      -webkit-mask-image: none !important;
      mask-image: none !important;
    }
    
    .memo-fold-btn {
      color: var(--primary) !important;
      cursor: pointer;
      font-size: 14px !important;
      user-select: none;
      z-index: 10;
      position: relative;
    }
    
    .memo-fold-btn:hover {
      filter: brightness(.8);
      text-shadow: .1px 0 .1px currentColor;
    }
    
    /* 有书签的不折叠 */
    .group:has(.lucide-bookmark) .markdown-content {
      -webkit-line-clamp: unset !important;
      -webkit-mask-image: none !important;
    }
    
    /* 有书签或瀑布流模式隐藏折叠按钮 */
    .group:has(.lucide-bookmark) .memo-fold-btn,
    [class*=grid-cols-]:not(.grid-cols-1) .memo-fold-btn {
      display: none !important;
    }
  `;
  document.head.appendChild(style);

  // ============================================
  // 2. Memo 折叠功能
  // ============================================
  const debounce = (fn, delay) => {
    let timer = null;
    return (...args) => {
      clearTimeout(timer);
      timer = setTimeout(() => fn.apply(this, args), delay);
    };
  };

  const applyFolding = () => {
    document.querySelectorAll('.markdown-content:not([data-fold-applied])').forEach((el) => {
      const card = el.closest('.group');
      if (!card || card.querySelector('.lucide-bookmark')) return;
      
      // 瀑布流模式跳过
      const grid = card.closest('.grid');
      if (grid && window.getComputedStyle(grid).gridTemplateColumns.split(' ').length > 1) return;
      
      // 内容高度超过 200px 才折叠
      if (el.scrollHeight > 200) {
        el.classList.add('memo-collapsed');
        el.dataset.foldApplied = "true";
        
        const btn = document.createElement('a');
        btn.className = 'memo-fold-btn';
        btn.innerText = '查看更多';
        btn.onclick = () => {
          const isFolded = el.classList.toggle('memo-collapsed');
          el.classList.toggle('memo-expanded', !isFolded);
          btn.innerText = isFolded ? '查看更多' : '收起';
          if (!isFolded) {
            card.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
          }
        };
        el.after(btn);
      }
    });
  };

  // ============================================
  // 3. 监听 DOM 变化
  // ============================================
  const observer = new MutationObserver(debounce(applyFolding, 300));
  observer.observe(document.body, { childList: true, subtree: true });
  
  // 延迟初始化
  setTimeout(applyFolding, 1000);

  console.log('[active_hover] v2.0 loaded - hover fix + memo folding');
})();