document.addEventListener('DOMContentLoaded', function() {
  
  const shareButtons = document.querySelectorAll('.tags .tag');
  
  shareButtons.forEach(function(button) {
    if (button.textContent.trim() === '收藏分享') {
      
      button.style.cursor = 'pointer';
      
      button.addEventListener('click', function(e) {
        
        if (!button.hasAttribute('href')) {
          e.preventDefault();
          
          
          const isWechat = /MicroMessenger/i.test(navigator.userAgent);
          
          if (isWechat) {
            
            showWechatShareTip();
          } else {
            
            showShareUrl();
          }
        }
      });
    }
  });
});


function showWechatShareTip() {
  
  if (document.querySelector('.share-overlay')) {
    return;
  }
  
  
  const overlay = document.createElement('div');
  overlay.className = 'share-overlay';
  overlay.style.cssText = `
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  `;
  
  
  const tipContainer = document.createElement('div');
  tipContainer.className = 'share-tip-container';
  tipContainer.style.cssText = `
    color: white;
    text-align: center;
    padding: 20px;
    max-width: 80%;
  `;
  
  
  const arrow = document.createElement('div');
  arrow.innerHTML = '↗️';
  arrow.style.cssText = `
    position: absolute;
    top: 20px;
    right: 40px;
    font-size: 40px;
    color: white;
  `;
  
  
  const tipText = document.createElement('p');
  tipText.textContent = '请点击微信右上角的···按钮，然后选择"收藏"或"转发给朋友"';
  tipText.style.cssText = `
    font-size: 16px;
    margin-bottom: 20px;
  `;
  
  
  const closeButton = document.createElement('button');
  closeButton.textContent = '我知道了';
  closeButton.style.cssText = `
    padding: 8px 16px;
    background-color: #07C160;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
  `;
  
  closeButton.addEventListener('click', function() {
    document.body.removeChild(overlay);
  });
  
  
  overlay.addEventListener('click', function(e) {
    if (e.target === overlay) {
      document.body.removeChild(overlay);
    }
  });
  
  
  tipContainer.appendChild(tipText);
  tipContainer.appendChild(closeButton);
  overlay.appendChild(arrow);
  overlay.appendChild(tipContainer);
  
  document.body.appendChild(overlay);
}


function showShareUrl() {
  
  if (document.querySelector('.share-overlay')) {
    return;
  }
  
  
  const overlay = document.createElement('div');
  overlay.className = 'share-overlay';
  overlay.style.cssText = `
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
  `;
  
  
  const container = document.createElement('div');
  container.className = 'share-url-container';
  container.style.cssText = `
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    max-width: 90%;
    width: 300px;
  `;
  
  
  const title = document.createElement('h3');
  title.textContent = '分享链接';
  title.style.cssText = `
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 18px;
    text-align: center;
  `;
  
  
  const urlInput = document.createElement('input');
  urlInput.type = 'text';
  urlInput.value = window.location.href;
  urlInput.readOnly = true;
  urlInput.style.cssText = `
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 16px;
  `;
  
  
  const copyButton = document.createElement('button');
  copyButton.textContent = '点此复制网址保存';
  copyButton.style.cssText = `
    width: 100%;
    padding: 10px;
    background-color: #1677ff;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 10px;
  `;
  
 
  const closeButton = document.createElement('button');
  closeButton.textContent = '关闭';
  closeButton.style.cssText = `
    width: 100%;
    padding: 10px;
    background-color: #f5f5f5;
    color: #333;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
  `;
  
  
  copyButton.addEventListener('click', function() {
    urlInput.select();
    document.execCommand('copy');
    copyButton.textContent = '复制成功,请粘贴到备忘录保存或粘贴给朋友';
    setTimeout(function() {
      copyButton.textContent = '复制链接';
    }, 100000);
  });
  
  
  closeButton.addEventListener('click', function() {
    document.body.removeChild(overlay);
  });
  
  
  overlay.addEventListener('click', function(e) {
    if (e.target === overlay) {
      document.body.removeChild(overlay);
    }
  });
  
  // 组装DOM
  container.appendChild(title);
  container.appendChild(urlInput);
  container.appendChild(copyButton);
  container.appendChild(closeButton);
  overlay.appendChild(container);
  
  document.body.appendChild(overlay);
}
  
  
  
document.addEventListener('DOMContentLoaded', function() {
  
  const categoryButtons = document.querySelectorAll('.tags .tag');
  
  categoryButtons.forEach(function(button) {
    if (button.textContent.trim() === '全部栏目') {
      
      button.style.cursor = 'pointer';
      
      button.addEventListener('click', function(e) {
        
        if (!button.hasAttribute('href')) {
          e.preventDefault();
          showCategoryPopup();
        }
      });
    }
  });
});


function showCategoryPopup() {
  
  if (document.querySelector('.category-overlay')) {
    return;
  }
  
  
  const overlay = document.createElement('div');
  overlay.className = 'category-overlay';
  overlay.style.cssText = `
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
  `;
  
  
  const container = document.createElement('div');
  container.className = 'category-container';
  container.style.cssText = `
    background-color: white;
    border-radius: 12px;
    max-width: 90%;
    width: 360px;
    max-height: 70vh;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    display: flex;
    flex-direction: column;
  `;
  
  
  const header = document.createElement('div');
  header.className = 'category-header';
  header.style.cssText = `
    padding: 16px 20px;
    border-bottom: 1px solid #eaeaea;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f9f9f9;
  `;
  
  
  const title = document.createElement('h3');
  title.textContent = '栏目导航';
  title.style.cssText = `
    margin: 0;
    font-size: 16px;
    color: #333;
    font-weight: 600;
  `;
  
  
  const closeBtn = document.createElement('button');
  closeBtn.innerHTML = '✕';
  closeBtn.style.cssText = `
    background: none;
    border: none;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 50%;
    line-height: 1;
  `;
  
  closeBtn.addEventListener('click', function() {
    document.body.removeChild(overlay);
  });
  
  
  const content = document.createElement('div');
  content.className = 'category-content';
  content.style.cssText = `
    padding: 20px;
    overflow-y: auto;
    flex: 1;
  `;
  
  
  const categoryData = [{
    title: '佛菩萨圣号',
  links: [
    {name: '阿弥陀佛圣号', url: '/b1.htm'},
    {name: '观音菩萨圣号', url: '/b2.htm'},
    {name: '地藏菩萨圣号', url: '/b3.htm'},
    {name: '释迦牟尼佛圣号', url: '/b4.htm'},
    {name: '药师佛圣号', url: '/b5.htm'},
    {name: '东林佛号唱诵', url: '/b84.htm'},
    {name: '开松老和尚佛号', url: '/b91.htm'}
  ]
},{
  title: '咒语',
  links: [
    {name: '药师咒', url: '/b10.htm'},
    {name: '准提咒', url: '/b11.htm'},
    {name: '文殊菩萨心咒', url: '/b38.htm'},
    {name: '大悲咒', url: '/b6.htm'},
    {name: '楞严咒', url: '/b7.htm'},
    {name: '六字大明咒', url: '/b8.htm'},
    {name: '往生咒', url: '/b9.htm'},
    {name: '地藏菩萨灭定业真言', url: '/b98.htm'}
  ]
},{
  title: '歌曲',
  links: [
    {name: '许俊华歌曲', url: '/b100.htm'},
    {name: '齐豫歌曲', url: '/b101.htm'},
    {name: '传愿法师歌曲', url: '/b102.htm'},
    {name: '孟庭苇歌曲', url: '/b103.htm'},
    {name: '心悦法师歌曲', url: '/b104.htm'},
    {name: '龚玥歌曲', url: '/b105.htm'},
    {name: '陈振国歌曲', url: '/b106.htm'},
    {name: '周亮歌曲', url: '/b107.htm'},
    {name: '耀一法师歌曲', url: '/b23.htm'},
    {name: '黄慧音歌曲', url: '/b24.htm'},
    {name: '黄帅歌曲', url: '/b25.htm'},
    {name: '慧普法师歌曲', url: '/b26.htm'},
    {name: '童声歌曲', url: '/b27.htm'},
    {name: '印良法师歌曲', url: '/b28.htm'},
    {name: '印能法师歌曲', url: '/b29.htm'},
    {name: '则旭法师歌曲', url: '/b30.htm'},
    {name: '桑吉平措歌曲', url: '/b39.htm'},
    {name: '怀静法师歌曲', url: '/b42.htm'},
    {name: '乔安舞歌曲', url: '/b51.htm'},
    {name: '柯佩磊歌曲', url: '/b52.htm'},
    {name: '李佳宁歌曲', url: '/b53.htm'},
    {name: '李文发歌曲', url: '/b54.htm'},
    {name: '门盛法师歌曲', url: '/b55.htm'},
    {name: '宗铄法师歌曲', url: '/b58.htm'},
    {name: '果慧法师歌曲', url: '/b88.htm'},
    {name: '衍祥法师歌曲', url: '/b89.htm'},
    {name: '莲歌子歌曲', url: '/b92.htm'},
    {name: '李娜歌曲', url: '/b93.htm'},
    {name: '上官萍歌曲', url: '/b94.htm'},
    {name: '任静歌曲', url: '/b95.htm'},
    {name: '圣净法师歌曲', url: '/b96.htm'}
  ]
},{
  title: '佛菩萨',
  links: [
    {name: '阿弥陀佛', url: '/b108.htm'},
    {name: '观音菩萨', url: '/b109.htm'},
    {name: '地藏菩萨', url: '/b110.htm'},
    {name: '释迦牟尼佛', url: '/b111.htm'},
    {name: '弥勒菩萨', url: '/b112.htm'},
    {name: '药师佛', url: '/b113.htm'},
    {name: '文殊菩萨', url: '/b114.htm'},
    {name: '普贤菩萨', url: '/b115.htm'},
    {name: '八十八佛', url: '/b116.htm'}
  ]
},{
  title: '佛经念诵',
  links: [
    {name: '栴檀居士念诵', url: '/b117.htm'},
    {name: '莲唤居士念诵', url: '/b118.htm'},
    {name: '《阿弥陀经》念诵', url: '/b12.htm'},
    {name: '《地藏经》念诵', url: '/b13.htm'},
    {name: '《法华经》念诵', url: '/b14.htm'},
    {name: '《华严经》念诵', url: '/b15.htm'},
    {name: '《金刚经》念诵', url: '/b16.htm'},
    {name: '《楞严经》念诵', url: '/b17.htm'},
    {name: '《普门品》念诵', url: '/b18.htm'},
    {name: '《无量寿经》念诵', url: '/b19.htm'},
    {name: '《心经》念诵', url: '/b20.htm'},
    {name: '《药师经》念诵', url: '/b21.htm'},
    {name: '早晚课', url: '/b22.htm'},
    {name: '《普贤行愿品》念诵', url: '/b37.htm'},
    {name: '《涅槃经》念诵', url: '/b40.htm'},
    {name: '慧律法师念诵', url: '/b43.htm'},
    {name: '仁炟法师唱诵', url: '/b46.htm'},
    {name: '聆志居士佛经念诵', url: '/b47.htm'},
    {name: '善音居士佛经念诵', url: '/b48.htm'},
    {name: '妙喜居士佛经念诵', url: '/b49.htm'},
    {name: '慧平法师佛经念诵', url: '/b50.htm'},
    {name: '佛光山唱诵', url: '/b86.htm'},
    {name: '法鼓山唱诵', url: '/b87.htm'},
    {name: '文殊讲堂唱诵', url: '/b90.htm'}
  ]
},{
  title: '唱诵',
  links: [
    {name: '道明法师唱诵', url: '/b31.htm'},
    {name: '隆根长老唱诵', url: '/b32.htm'},
    {name: '瑜伽焰口', url: '/b33.htm'},
    {name: '宗谛法师唱诵', url: '/b34.htm'},
    {name: '大悲忏', url: '/b35.htm'},
    {name: '梁皇宝忏唱诵', url: '/b36.htm'}
  ]
},{
  title: '偈赞',
  links: [
    {name: '心安禅寺唱诵', url: '/b41.htm'},
    {name: '宗泽法师唱诵', url: '/b44.htm'},
    {name: '华严字母唱诵', url: '/b45.htm'},
    {name: '明谷法师唱诵', url: '/b56.htm'},
    {name: '文殊院上江腔梵呗', url: '/b57.htm'},
    {name: '晨钟暮鼓', url: '/b85.htm'},
    {name: '水陆法会', url: '/b97.htm'},
    {name: '忏悔', url: '/b99.htm'}
  ]
},{
  title: '法师讲座',
  links: [
    {name: '大安法师讲座', url: '/jz59.htm'},
    {name: '道证法师讲座', url: '/jz60.htm'},
    {name: '宏海法师讲座', url: '/jz61.htm'},
    {name: '惠空法师讲座', url: '/jz62.htm'},
    {name: '慧律法师讲座', url: '/jz63.htm'},
    {name: '界诠法师讲座', url: '/jz64.htm'},
    {name: '净界法师讲座', url: '/jz65.htm'},
    {name: '梦参老和尚讲座', url: '/jz66.htm'},
    {name: '妙华法师讲座', url: '/jz67.htm'},
    {name: '显明法师讲座', url: '/jz68.htm'},
    {name: '智海长老讲座', url: '/jz69.htm'},
    {name: '慧律法师第一义谛', url: '/jz70.htm'},
    {name: '慧律法师楞伽经', url: '/jz71.htm'},
    {name: '梦参老和尚华严经', url: '/jz72.htm'},
    {name: '大安法师问答', url: '/jz74.htm'},
    {name: '慧律法师楞严经', url: '/jz75.htm'},
    {name: '印光大师讲座', url: '/jz76.htm'},
    {name: '慧律法师华严经', url: '/jz77.htm'},
    {name: '慧律法师圆觉经', url: '/jz78.htm'}
  ]
},{
  title: '佛经开示',
  links: [
    {name: '地藏经讲座', url: '/jz73.htm'},
    {name: '阿弥陀经讲座', url: '/jz79.htm'},
    {name: '楞严经讲座', url: '/jz80.htm'},
    {name: '金刚经讲座', url: '/jz81.htm'},
    {name: '临终讲座', url: '/jz82.htm'},
    {name: '心经讲座', url: '/jz83.htm'}
  ]
}];


  
  
  categoryData.forEach(function(category, index) {
    // 类别标题
    const categoryTitle = document.createElement('div');
    categoryTitle.className = 'category-title';
    categoryTitle.style.cssText = `
      font-weight: bold;
      font-size: 15px;
      color: #333;
      margin-bottom: 10px;
      margin-top: ${index > 0 ? '20px' : '0'};
    `;
    categoryTitle.textContent = category.title;
    content.appendChild(categoryTitle);
    
    // 链接容器
    const linkContainer = document.createElement('div');
    linkContainer.className = 'category-links';
    linkContainer.style.cssText = `
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
      margin-bottom: 5px;
      padding-bottom: 15px;
      border-bottom: ${index < categoryData.length - 1 ? '1px dashed #eaeaea' : 'none'};
    `;
    
    // 添加链接
    category.links.forEach(function(link) {
      const linkElem = document.createElement('a');
      linkElem.href = link.url;
      linkElem.textContent = link.name;
      linkElem.style.cssText = `
        text-decoration: none;
        color: #555;
        padding: 6px 12px;
        background-color: #f5f5f5;
        border-radius: 15px;
        font-size: 12px;
        transition: all 0.2s ease;
        display: inline-block;
      `;
      
      // 添加悬停效果
      linkElem.addEventListener('mouseover', function() {
        this.style.backgroundColor = '#e9e9e9';
        this.style.color = '#222';
      });
      
      linkElem.addEventListener('mouseout', function() {
        this.style.backgroundColor = '#f5f5f5';
        this.style.color = '#555';
      });
      
      linkContainer.appendChild(linkElem);
    });
    
    content.appendChild(linkContainer);
  });
  
  // 组装DOM
  header.appendChild(title);
  header.appendChild(closeBtn);
  container.appendChild(header);
  container.appendChild(content);
  overlay.appendChild(container);
  
  
  overlay.addEventListener('click', function(e) {
    if (e.target === overlay) {
      document.body.removeChild(overlay);
    }
  });
  
  document.body.appendChild(overlay);
}