日式jk

https://www.jk.rs/

{
    "articleStyle": 1,
    "customOrder": 0,
    "enableJs": true,
    "enabled": true,
    "enabledCookieJar": true,
    "injectJs": "\/\/ 图片点击\ndocument.querySelectorAll('div img').forEach(img => {\n  img.onclick = () => {\n    const modal = document.createElement('div');\n    modal.className = 'modal show';\n    \n    const fullImg = new Image();\n    fullImg.src = img.src;\n    \n    \/\/ 动态居中\n    fullImg.onload = () => {\n      const isVertical = fullImg.naturalHeight > fullImg.naturalWidth;\n      fullImg.style.width = isVertical ? 'auto' : '100%';\n      fullImg.style.height = isVertical ? '100%' : 'auto';\n    };\n\n    modal.appendChild(fullImg);\n    document.body.appendChild(modal);\n\n    \/\/ 点击关闭\n    modal.onclick = () => modal.remove();\n  };\n});",
    "lastUpdateTime": 0,
    "loadWithBaseUrl": true,
    "ruleArticles": ".albums-block||.waterfall-item||.masonry-item",
    "ruleContent": "<!-- 在HTML头部添加禁止缩放 -->\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n\n<p>\n{{@@.post-tags@a@text}}\n<\/p>\n<div>\n{{@@.masonry-list@img@data-src}}\n<\/div>\n\n<script>\nconst div = document.querySelector('div');\nif (div) {\n  const urls = div.textContent.split(\/\\r?\\n\/)\n    .map(url => url.trim())\n    .filter(url => url); \n  div.innerHTML = urls.map(url => `<img src=\"${url}\">`).join('\\n');\n}\n\nconst p = document.querySelector('p');\nif (p) {\n  const lines = p.textContent.split(\/\\r?\\n\/)\n    .map(line => line.trim())\n    .filter(line => line); \n  p.innerHTML = lines.map(line => `<span>${line}<\/span>`).join('\\n');\n}\n<\/script>",
    "ruleImage": "img@data-src",
    "ruleLink": "a[href$=\"html\"]@href",
    "ruleNextPage": ".nav-links@a.-1@href",
    "ruleTitle": "a[href$=\"html\"]@text",
    "singleUrl": false,
    "sortUrl": "JK::\/jk\n日系::\/sunshine\n小清新::\/comely\n情绪::\/emotion",
    "sourceComment": ".masonry-list@img@data-src&&.post-tags@a@text",
    "sourceIcon": "https:\/\/c-ssl.dtstatic.com\/uploads\/blog\/202311\/10\/AvSVQPmgTw69lzD.thumb.300_0.png_webp",
    "sourceName": "日式jk",
    "sourceUrl": "https:\/\/www.jk.rs\/",
    "style": "body{\n\tbackground: #fdeff2;\n}\n\n\/* 缩略图 *\/\ndiv {\n  column-count: 3; \/* 3列 *\/\n  column-gap: 5px; \/* 列间距 *\/\n  padding: 0 8px 8px  8px;\n}\n\ndiv img {\n  width: 100%;\n  height: auto; \n  object-fit: cover;\n  border-radius: 4px;\n  cursor: pointer;\n  margin-bottom: 5px;  \/*上下间距 *\/\n}\n\n\n\/* 标签 *\/\np {\n  padding: 8px 8px 0 8px;\n  overflow-x: auto;\n  white-space: nowrap;\n  -webkit-overflow-scrolling: touch;\n}\n\np span {\n  position: relative; \n  display: inline-block;\n  padding-bottom: -1px; \n  font-size: 13px; \n  color: #778899; \n}\n\np span::after {\n  content: \"\"; \n  position: absolute;\n  left: 20%; \/* 下划线起点 *\/\n  right: 0%; \/* 下划线终点 *\/\n  bottom: 0; \n  height: 2px; \n  background: #ADD8E6; \n  border-radius: 1px; \n}\n\n\/* 简单模态框 *\/\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0,0,0,0.95);\n  display: none;\n  justify-content: center;\n  align-items: center;\n  z-index: 100;\n}\n\n.modal.show {\n  display: flex;\n}\n\n.modal img {\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  padding: 10px;\n  border: 5px solid #e0e0e0;\n  margin: 5px;\n}"
}