Kadokawa TW: Blurs R-rated Covers

Blurs the covers of R-rated books at Kadokawa TW.
当前为 2024-06-07 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name               Kadokawa TW: Blurs R-rated Covers
// @name:zh-TW         台灣角川：模糊限制級封面
// @description        Blurs the covers of R-rated books at Kadokawa TW.
// @description:zh-TW  模糊台灣角川限制級書本的封面。
// @icon               https://wsrv.nl/?url=https://img.shoplineapp.com/media/image_clips/655dc24c5782ce002011c5db/original.png?1700643404
// @author             Jason Kwok
// @namespace          https://jasonhk.dev/
// @version            2.0.3
// @license            MIT
// @match              https://www.kadokawa.com.tw/
// @match              https://www.kadokawa.com.tw/products?*
// @match              https://www.kadokawa.com.tw/products/*
// @match              https://www.kadokawa.com.tw/categories/*
// @run-at             document-end
// @grant              none
// @require            https://update.gf.qytechs.cn/scripts/483122/1304475/style-shims.js
// @supportURL         https://gf.qytechs.cn/scripts/480474/feedback
// ==/UserScript==

GM.addStyle(`
    .product-item.nsfw .boxify-image
    {
        filter: blur(var(--nsfw-blur-radius, 7.5px));
        transition: 0.4s, filter var(--nsfw-transition-duration, 0.3s);
    }

    .product-item.nsfw:hover .boxify-image, .productitem.nsfw:focus-within .boxify-image
    {
        filter: blur(0px);
    }

    body:not(.ios) .product-item.nsfw .quick-cart-item:hover .boxify-image-wrapper.multi-image .boxify-image:nth-child(2)
    {
        animation: nsfw-looping-covers var(--nsfw-looping-covers-duration, 5s) infinite alternate;
    }

    body:not(.ios) .product-item.nsfw .quick-cart-item:hover .boxify-image-wrapper.multi-image .boxify-image:nth-child(3)
    {
        animation: nsfw-looping-covers var(--nsfw-looping-covers-duration, 5s) infinite alternate-reverse;
    }

    @keyframes nsfw-looping-covers
    {
        from
        {
            opacity: 0;
        }

        45%
        {
            opacity: 0;
        }

        55%
        {
            opacity: 1;
        }

        to
        {
            opacity: 1;
        }
    }
`);

const products = document.querySelectorAll(".product-item");
for (const product of products)
{
    const badges = product.querySelectorAll(".product-customized-labels-content");
    for (const badge of badges)
    {
        if (badge.innerText.trim() === "限制級")
        {
            product.classList.add("nsfw");
            break;
        }
    }
}
欢迎访问Greasy Fork镜像
