☰

微博帖子一键收藏

在微博网页端，为每个帖子创建一个收藏按钮，来试图解决帖子收藏的成本较高的问题。

目前為 2024-04-05 提交的版本，檢視 最新版本。

// ==UserScript==
// @name         微博帖子一键收藏
// @namespace    http://tampermonkey.net/
// @version      20240405
// @description  在微博网页端，为每个帖子创建一个收藏按钮，来试图解决帖子收藏的成本较高的问题。
// @author       Fat Cabbage
// @license      MIT
// @match        https://weibo.com/*
// @match        https://s.weibo.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=weibo.com
// @grant        none
// @require      https://code.jquery.com/jquery-3.5.1.min.js
// ==/UserScript==
/* globals jQuery, $, waitForKeyElements */

let blockConfig = new Map();
let onScrollFlag = false;

const buttonClassName = 'button_a656';
const buttonFavoriteClassName = 'button_a656_favorite';
const buttonOpenNewTabClassName = 'button_a656_open_new_tab';

let rootNodeClass;
let postNodeFullClass;
let postNodeQuerySelector;
let buttonLocateClass;

// let blogCaches = {};
let blogCaches = new Map();

let domain;
const domainWeibo = 'weibo.com';
const domainSWeibo = 's.weibo.com';

const CONST_ID = 'ID';
const CONST_BLOG_ID = 'blogID';
const CONST_IS_FAVORITE = 'isFavorites';
const CONST_IS_VISIBLE = 'isVisible';
const CONST_LAST_UPDATED = 'lastUpdated';
const CONST_OK = 'ok';

const promptTimeMs = 1000;


(function () {
    'use strict';

    domain = location.hostname;
    if (domain === domainWeibo) {
        rootNodeClass = 'vue-recycle-scroller__item-wrapper';
        rootNodeClass = 'Main_full';
        postNodeFullClass = `Feed_wrap`;
        buttonLocateClass = 'head_main';
    } else if (domain === domainSWeibo) {
        rootNodeClass = 'main-full';
        postNodeFullClass = 'card';
        buttonLocateClass = 'menu s-fr';
    } else {
        return;
    }

    setTimeout(() => {
        loadStyle();

        window.onscroll = () => {
            onScrollFlag = true;
        }

        updateFavoriteButton();
        listenRootBlock();

    }, 2000);
})();

function loadStyle() {
    let styleElement = document.createElement("style");
    document.body.parentElement.appendChild(styleElement);

    styleElement.sheet.insertRule(`.${buttonClassName}{${a565_button_style}}`, styleElement.sheet.cssRules.length);
}

function updateFavoriteButton() {
    onScrollFlag = true;
    setInterval(() => {
        if (onScrollFlag) {
            let visibleArticleNodeList = [];

            for (let [articleNode, config] of blockConfig) {
                let isVisible = isInViewPortOfOne(articleNode)
                blockConfig.get(articleNode)[CONST_IS_VISIBLE] = isVisible;

                if (isVisible) {


                    if (!config[CONST_LAST_UPDATED]) {
                        blockConfig.get(articleNode)[CONST_LAST_UPDATED] = true;
                        visibleArticleNodeList.push(articleNode);
                    }
                    // if (!config[CONST_LAST_UPDATED]) {
                    //     blockConfig.get(articleNode)[CONST_LAST_UPDATED] = true;
                    //     visibleArticleNodeList.push(articleNode);
                    // }

                    // } else {
                    //     blockConfig.get(articleNode)[CONST_LAST_UPDATED] = false;
                }
            }

            let i = 0;
            // Update one weibo per 100ms
            let timer2 = setInterval(() => {
                if (i < visibleArticleNodeList.length) {
                    let articleNode = visibleArticleNodeList[i++];
                    let blogID = getBlogID(articleNode);

                    let buttonNode = articleNode.querySelector(`button[class*="${buttonFavoriteClassName}"]`);

                    if (blogCaches.has(blogID)) {
                        let lastUpdate = getBlogCacheValue(blogID, CONST_LAST_UPDATED);
                        let time_diff = new Date() - new Date(lastUpdate);
                        time_diff /= 1000 * 60;

                        if (time_diff > 2) {
                            getFavoriteStatus(blogID).then(() => {
                                updateButtonText(blogID, buttonNode)
                            });
                        } else {
                            updateButtonText(blogID, buttonNode);
                        }

                    } else {
                        getFavoriteStatus(blogID).then(() => {
                            updateButtonText(blogID, buttonNode)
                        });
                    }
                } else {
                    onScrollFlag = false;
                    clearInterval(timer2);
                }
            }, 100);
        }
    }, 100);
}

function listenRootBlock() {
    setInterval(() => {
        let rootNode = document.querySelector(`div[class*="${rootNodeClass}"]`);
        if (rootNode == null) {
            return;
        }

        let isLoadEvent = rootNode.getAttribute('data_a656_is_load_event');
        if (isLoadEvent != null) {
            return;
        }

        rootNode.setAttribute('data_a656_is_load_event', true.toString());

        if (domain === domainWeibo) {

            rootNode.addEventListener('DOMNodeInserted', ev => {
                if (ev.target.nodeName === '#text' || ev.target.nodeName === '#comment') {
                    return;
                }

                let articleNode = getArticleNode(ev.target);
                if (articleNode == null) {
                    return;
                }

                if (blockConfig.get(articleNode) == null) {
                    blockConfig.set(articleNode, {});
                }

                placeFavoriteButton(articleNode);
            });
            onScrollFlag = true;

            let postList = rootNode.querySelectorAll(`article[class*="Feed_wrap"]`);
            postList.forEach(articleNode => {
                if (blockConfig.get(articleNode) == null) {
                    blockConfig.set(articleNode, {});
                }

                let blogID = getBlogID(articleNode);
                getFavoriteStatus(blogID);
                placeFavoriteButton(articleNode)
            });

        } else if (domain === domainSWeibo) {
            let postList = rootNode.querySelectorAll(`div[class="${postNodeFullClass}"]`);
            onScrollFlag = true;
            placeFavoriteButton(postList);
        }

    }, 500);
}

function placeFavoriteButton(node) {
    if (node == null) {
        return;
    }

    if (node.getAttribute('data_a656_value1') === 'true') {
        return;
    }

    node.setAttribute('data_a656_value1', true.toString());

    let favoriteButtonNode = createFavoriteButton();

    if (domain === domainWeibo) {
        let openButton = createOpenButton();

        let targetNode = node.querySelector(`div[class*="${buttonLocateClass}"]`);

        targetNode.parentNode.insertBefore(favoriteButtonNode, targetNode.nextSibling);
        targetNode.parentNode.insertBefore(openButton, targetNode.nextSibling);

    } else if (domain === domainSWeibo) {
        let targetNode = node.querySelector(`div[class*="${buttonLocateClass}"]`);
        targetNode.appendChild(favoriteButtonNode);
    }
}

function createFavoriteButton() {
    let buttonNode = document.createElement('button');
    buttonNode.classList.add(buttonClassName);
    buttonNode.classList.add(buttonFavoriteClassName);
    // buttonNode.style.cssText = a565_button_style;
    buttonNode.addEventListener('click', ev => {
        let buttonNode = ev.target;
        let articleNode = getArticleNode(buttonNode);
        let blogID = getBlogID(articleNode);
        let ID = getBlogCacheValue(blogID, CONST_ID)

        let isFavorites = getBlogCacheValue(blogID, CONST_IS_FAVORITE)

        let error = false;

        if (isFavorites) {
            let res = removeFavorite(ID);
            if (res) {
                updateBlogCaches(blogID, CONST_IS_FAVORITE, false);

                buttonNode.innerText = `已取消收藏`;

                setTimeout(() => {
                    buttonNode.innerText = `收藏`;
                }, promptTimeMs);
            } else {
                buttonNode.innerText = `取消收藏失败`;
                error = true;
            }
        } else {
            let res = setFavorite(ID);
            if (res) {
                updateBlogCaches(blogID, CONST_IS_FAVORITE, true);

                buttonNode.innerText = `已收藏`;

                setTimeout(() => {
                    buttonNode.innerText = `取消收藏`;
                }, promptTimeMs);
            } else {
                buttonNode.innerText = `收藏失败`;
                error = true;
            }
        }

        if (error) {
            // run getFavoriteStatus(), repeat once
        }
    });
    return buttonNode;
}

function createOpenButton() {
    let buttonNode = document.createElement('button');
    buttonNode.textContent = '新页面打开';
    buttonNode.classList.add(buttonClassName);
    buttonNode.classList.add(buttonOpenNewTabClassName);
    // buttonNode.style.cssText = a565_button_style;
    buttonNode.addEventListener('click', ev => {
        let buttonNode = ev.target;
        let articleNode = getArticleNode(buttonNode);
        let link = articleNode.querySelector('a[class^="head-info_time"]').href;
        window.open(link);
    });
    return buttonNode;
}

function getBlogID(article_node) {
    let time_a_node = article_node.querySelector('a[class^="head-info_time"]');
    let url = time_a_node.href;
    let index = url.lastIndexOf('/');
    return url.substring(index + 1);
}

function getFavoriteStatus(blogID) {
    return $.ajax({
        url: `https://weibo.com/ajax/statuses/show?id=${blogID}`,
        type: 'GET',
    }).done(res => {
        updateBlogCaches(blogID, CONST_ID, res.id);
        updateBlogCaches(blogID, CONST_BLOG_ID, blogID);
        updateBlogCaches(blogID, CONST_IS_FAVORITE, res.favorited);
    })
}

function setFavorite(ID) {
    let data = JSON.stringify({'id': `${ID}`});
    let token = getCookie('XSRF-TOKEN');
    return $.ajax({
        url: `https://weibo.com/ajax/statuses/createFavorites`,
        type: 'POST',
        data: data,
        headers: {
            'Content-Type': 'application/json; charset=utf-8',
            'X-Xsrf-Token': `${token}`
        },
    }).done(res => {
        return res[CONST_OK] === 1;
    }).fail(() => {
        return false;
    });
}

function removeFavorite(ID) {
    let data = JSON.stringify({'id': `${ID}`});
    let token = getCookie('XSRF-TOKEN');
    return $.ajax({
        url: `https://weibo.com/ajax/statuses/destoryFavorites`,
        type: 'POST',
        data: data,
        headers: {
            'Content-Type': 'application/json; charset=utf-8',
            'X-Xsrf-Token': `${token}`
        },
    }).done(res => {
        return res[CONST_OK] === 1;
    }).fail(() => {
        return false;
    });
}

function getBlogCacheValue(blogID, key) {
    return blogCaches.get(blogID)[key];
}

function updateBlogCaches(blogID, key, value) {
    let blogCache = blogCaches.get(blogID);
    if (blogCache == null) {
        blogCache = {};
    }
    blogCache[key] = value;
    blogCache[CONST_LAST_UPDATED] = new Date();
    blogCaches.set(blogID, blogCache);
}

function isInViewPortOfOne(el) {
    let viewPortHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight

    let screenTop = document.documentElement.scrollTop
    let screenBottom = screenTop + viewPortHeight

    let bounding = el.getBoundingClientRect();
    let top = screenTop + bounding.top;
    let bottom = bounding.bottom;

    return screenTop <= top && top <= screenBottom
}

function getArticleNode(node) {
    let postList = node.querySelectorAll(`article[class*="Feed_wrap"]`);
    if (postList.length > 0) {
        return postList[0];
    }
    while (node != null) {
        if (node.className == null) {
            return null;
        }
        if (node.className.indexOf(postNodeFullClass) >= 0) {
            return node;
        }
        node = node.parentNode;
    }
    return null;
}

function updateButtonText(blogID, buttonNode) {
    let text;
    if (getBlogCacheValue(blogID, CONST_IS_FAVORITE)) {
        text = '取消收藏'
    } else {
        text = '收藏'
    }
    buttonNode.innerText = text;
}

function getCookie(name) {
    let cookies = document.cookie.split(';');
    for (let i = 0; i < cookies.length; i++) {
        let cookie = cookies[i].trim();
        if (cookie.startsWith(name + '=')) {
            return cookie.substring(name.length + 1);
        }
    }
    return null;
}


function toast(msg, duration) {
    duration = isNaN(duration) ? 3000 : duration;
    let m = document.createElement('div');
    m.innerHTML = msg;

    m.style.setProperty('font-size', '20px', 'important');
    m.style.setProperty('color', 'rgb(255, 255, 255)', 'important');
    m.style.setProperty('background-color', 'rgba(0,0,0,0.6)', 'important');
    m.style.setProperty('border-style', 'solid', 'important');
    m.style.setProperty('border-color', '#ffffff', 'important');
    m.style.setProperty('z-index', '256', 'important');

    m.style.cssText = 'font-size: 20px; ' +
        'color: rgb(255, 255, 255); ' +
        'background-color: rgba(0,0,0,0.6); ' +
        'border-style: solid; ' +
        'border-color: #ffffff; ' +
        'z-index: 256; ' +
        'padding: 10px 15px; ' +
        'margin: 0 0 0 -60px; ' +
        'border-radius: 4px; ' +
        'position: fixed; ' +
        'top: 50%; ' +
        'left: 50%; ' +
        'width: 130px; ' +
        'text-align: center;';

    document.body.appendChild(m);
    setTimeout(function () {
        var d = 0.5;
        m.style.opacity = '0';
        setTimeout(function () {
            document.body.removeChild(m)
        }, d * 1000);
    }, duration);
}

const a565_button_style = 'color-scheme: dark !important; ' +
    '--darkreader-neutral-background: #000000; ' +
    '--darkreader-neutral-text: #fffaf3; ' +
    '--darkreader-selection-background: #0036bd; ' +
    '--darkreader-selection-text: #ffffff; ' +
    '--w-picture-hover: rgba(0,0,0,0.15); ' +
    '--w-avatar-hover: rgba(0,0,0,0.15); ' +
    '--w-badge-size: 0.9375rem; ' +
    '--w-badge-text: var(--w-contrast); ' +
    '--w-liked-color: var(--w-special); ' +
    '--w-panel-background: var(--w-card-background); ' +
    '--w-radio-border: var(--w-disabled); ' +
    '--w-radio-check-color: var(--w-brand); ' +
    '--w-checkbox-border: var(--w-disabled); ' +
    '--w-checkbox-check-color: var(--w-brand); ' +
    '--w-layer-radius: 0.5rem; ' +
    '--w-layer-shadow: 0 0.125rem 0.25rem 0 rgba(0,0,0,0.1); ' +
    '--w-pop-wrap-radius: 0.4375rem; ' +
    '--w-pop-item-hover: var(--w-pophover-background); ' +
    '--w-switch-border-width: 0.09375em; ' +
    '--w-switch-height: 2em; ' +
    '--w-switch-inset: var(--w-switch-height); ' +
    '--w-switch-off-background: var(--w-contrast); ' +
    '--w-switch-off-border-color: var(--w-off-border); ' +
    '--w-switch-on-background: var(--w-brand); ' +
    '--w-tip-border: rgba(0,0,0,0.1); ' +
    '--w-tip-error-bg: rgba(255,237,219,0.95); ' +
    '--w-tip-warn-bg: #daeeff; ' +
    '--w-tip-warn: #507daf; ' +
    '--w-icon-size: 0.875em; ' +
    '--w-icon-an-dur: 2.1s; ' +
    '--w-icon-an-step: 15; ' +
    '--w-icon-an-count: 3; ' +
    '--darkreader-bg--w-picture-hover: rgba(0, 0, 0, 0.15); ' +
    '--w-avatar-size: 2.5em; ' +
    '--w-avatar-default: 1rem; ' +
    '--w-avatar-line: rgba(0,0,0,0.05); ' +
    '--w-avatar-cover: -0.5em -0.125em 0 -0.125em; ' +
    '--darkreader-bg--w-avatar-hover: rgba(0, 0, 0, 0.15); ' +
    '--darkreader-border--w-badge-size: 0.9375rem; ' +
    '--w-badge-gap: 0.125rem; ' +
    '--darkreader-text--w-badge-text: var(--darkreader-text--w-contrast); ' +
    '--w-badge-message: 0.75rem; ' +
    '--w-badge-dot: 0.625rem; ' +
    '--w-like-size: 1rem; ' +
    '--w-like-icon-size: 0.9375em; ' +
    '--w-like-font-size: 0.75em; ' +
    '--w-like-space: 0.625em; ' +
    '--darkreader-text--w-liked-color: var(--darkreader-text--w-special); ' +
    '--w-like-an-dur: 1s; ' +
    '--w-like-effect-size: 11.25rem; ' +
    '--darkreader-bg--w-panel-background: var(--darkreader-bg--w-card-background); ' +
    '--w-radio-size: 0.875em; ' +
    '--darkreader-text--w-radio-border: var(--darkreader-text--w-disabled); ' +
    '--w-radio-inset: 0.1875em; ' +
    '--darkreader-bg--w-radio-check-color: var(--darkreader-bg--w-brand); ' +
    '--darkreader-text--w-radio-check-color: var(--darkreader-text--w-brand); ' +
    '--w-radio-gap: 0.625em; ' +
    '--w-checkbox-size: 0.875em; ' +
    '--darkreader-text--w-checkbox-border: var(--darkreader-text--w-disabled); ' +
    '--w-checkbox-icon: 0.75em; ' +
    '--darkreader-bg--w-checkbox-check-color: var(--darkreader-bg--w-brand); ' +
    '--darkreader-text--w-checkbox-check-color: var(--darkreader-text--w-brand); ' +
    '--w-checkbox-gap: 0.625em; ' +
    '--w-checkbox-radius: 0.125em; ' +
    '--darkreader-border--w-layer-radius: 0.5rem; ' +
    '--darkreader-bg--w-layer-shadow: 0 0.125rem 0.25rem 0 rgba(0,0,0,0.1); ' +
    '--w-bubble-x: 1.25rem; ' +
    '--w-bubble-y: 1rem; ' +
    '--darkreader-border--w-pop-wrap-radius: 0.4375rem; ' +
    '--darkreader-bg--w-pop-item-hover: var(--darkreader-bg--w-pophover-background); ' +
    '--w-pop-item-icon: 1.125rem; ' +
    '--w-switch-default-size: 1rem; ' +
    '--darkreader-bg--w-switch-border-width: 0.09375em; ' +
    '--w-switch-width: 3.1875em; ' +
    '--darkreader-bg--w-switch-height: 2em; ' +
    '--w-switch-button: 1.875em; ' +
    '--w-switch-dur: 0.3s; ' +
    '--w-switch-radius: var(--w-switch-height); ' +
    '--darkreader-bg--w-switch-inset: var(--darkreader-bg--w-switch-height); ' +
    '--darkreader-bg--w-switch-off-background: var(--darkreader-bg--w-contrast); ' +
    '--darkreader-bg--w-switch-off-border-color: var(--darkreader-bg--w-off-border); ' +
    '--darkreader-bg--w-switch-on-background: var(--darkreader-bg--w-brand); ' +
    '--w-dialog-min-width: 15.375rem; ' +
    '--w-dialog-max-width: 25rem; ' +
    '--w-dialog-radius: 0.5rem; ' +
    '--w-dialog-close-color: var(--w-fonticon); ' +
    '--w-dialog-gap: 1.875rem; ' +
    '--w-tip-icon-size: 1rem; ' +
    '--darkreader-border--w-tip-border: rgba(146, 131, 109, 0.1); ' +
    '--darkreader-bg--w-tip-error-bg: rgba(48, 0, 0, 0.95); ' +
    '--darkreader-bg--w-tip-warn-bg: #000000; ' +
    '--darkreader-text--w-tip-warn: #6da9dc; ' +
    '--w-mask-background: rgba(0,0,0,0.5); ' +
    '--w-color-gray-3: #838383; ' +
    '--w-color-gray-8: #e9e9e9; ' +
    '--w-color-gray-9: #f8f8fb; ' +
    '--w-color-orange-3: #eb7350; ' +
    '--w-color-red: #e14123; ' +
    '--w-border-radius: 4px; ' +
    '--w-toast-text: var(--w-contrast); ' +
    '--w-toast-background: rgba(0,0,0,0.8); ' +
    '--w-color-orange-2: #ff5900; ' +
    '--w-b-flat-primary: var(--w-contrast); ' +
    '--w-b-flat-primary-bg: var(--w-brand); ' +
    '--w-b-flat-primary-bg-hover: var(--w-brand-hover); ' +
    '--w-b-flat-default: var(--w-main); ' +
    '--w-b-line-primary: var(--w-brand); ' +
    '--w-b-line-primary-bg-hover: rgba(51,51,51,0.1); ' +
    '--w-b-line-default: var(--w-main); ' +
    '--w-b-line-default-bg-hover: rgba(51,51,51,0.1); ' +
    '--w-color-light: #fff; ' +
    '--w-color-gray-1: #333; ' +
    '--w-color-gray-6: #f0f1f4; ' +
    '--w-color-gray-7: #ccc; ' +
    '--w-color-gray-2: #939393; ' +
    '--w-color-red-2: red; ' +
    '--w-color-orange-1: #ff8200; ' +
    '--darkreader-bg--w-mask-background: rgba(0, 0, 0, 0.5); ' +
    '--w-mask-opacity: 1; ' +
    '--w-modal-dur: 0.2s; ' +
    '--darkreader-text--w-color-gray-3: #a69986; ' +
    '--darkreader-border--w-color-gray-3: #3f494d; ' +
    '--w-color-gray-4: #f2f2f5; ' +
    '--w-color-gray-5: #fbfbfb; ' +
    '--darkreader-bg--w-color-gray-8: #000002; ' +
    '--darkreader-border--w-color-gray-8: #151c1f; ' +
    '--darkreader-bg--w-color-gray-9: #000000; ' +
    '--w-color-gray-10: #dfe1e8; ' +
    '--darkreader-bg--w-color-orange-3: #a20b00; ' +
    '--darkreader-text--w-color-orange-3: #ff7545; ' +
    '--darkreader-border--w-color-orange-3: #970800; ' +
    '--darkreader-text--w-color-red: #ff3f18; ' +
    '--w-gap: 8px; ' +
    '--darkreader-border--w-border-radius: 4px; ' +
    '--w-border-radius-l: 8px; ' +
    '--w-index-layer: 9999; ' +
    '--w-index-mask: 999; ' +
    '--w-index-nav: 99; ' +
    '--w-toast-width: 200px; ' +
    '--w-toast-height: 134px; ' +
    '--w-toast-radius: 8px; ' +
    '--darkreader-text--w-toast-text: var(--darkreader-text--w-contrast); ' +
    '--darkreader-bg--w-toast-background: rgba(0, 0, 0, 0.8); ' +
    '--w-toast-icon: 42px; ' +
    '--w-toast-message: 14px; ' +
    '--w-toast-message-line: 20px; ' +
    '--w-toast-message-gap: 14px; ' +
    '--w-toast-gap: 30px; ' +
    '--darkreader-bg--w-color-orange-2: #ee2e00; ' +
    '--darkreader-text--w-color-orange-2: #ff6000; ' +
    '--w-base-font-size: 16; ' +
    '--w-index-flow: 9; ' +
    '--w-color-schemes: primary,default; ' +
    '--darkreader-text--w-b-flat-primary: var(--darkreader-text--w-contrast); ' +
    '--darkreader-bg--w-b-flat-primary-bg: var(--darkreader-bg--w-brand); ' +
    '--darkreader-bg--w-b-flat-primary-bg-hover: var(--darkreader-bg--w-brand-hover); ' +
    '--darkreader-text--w-b-flat-default: var(--darkreader-text--w-main); ' +
    '--darkreader-text--w-b-line-primary: var(--darkreader-text--w-brand); ' +
    '--darkreader-bg--w-b-line-primary-bg-hover: rgba(0, 4, 5, 0.1); ' +
    '--w-b-line-primary-border: var(--w-brand-hover); ' +
    '--darkreader-text--w-b-line-default: var(--darkreader-text--w-main); ' +
    '--darkreader-bg--w-b-line-default-bg-hover: rgba(0, 4, 5, 0.1); ' +
    '--w-b-line-default-border: var(--w-sub); ' +
    '--w-button-round: 36px; ' +
    '--w-button-size: l,m,s; ' +
    '--w-button-padding: 16px 24px,9px 30px,8px 14px; ' +
    '--w-button-font-size: 16px,14px,12px; ' +
    '--w-button-hover: 0.8; ' +
    '--w-button-disabled: 0.5; ' +
    '--w-button-trans-dur: 0.2s; ' +
    '--w-button-icon-gap: calc(6em/var(--w-base-font-size)); ' +
    '--w-input-radius: 8px; ' +
    '--w-input-height: 38px; ' +
    '--w-input-indent: 12px; ' +
    '--w-input-font-size: 14px; ' +
    '--w-input-icon-size: 16px; ' +
    '--darkreader-bg--w-color-light: #000000; ' +
    '--darkreader-text--w-color-light: #ffffff; ' +
    '--darkreader-border--w-color-light: #0c1215; ' +
    '--darkreader-text--w-color-gray-1: #e9e1d7; ' +
    '--darkreader-bg--w-color-gray-6: #000000; ' +
    '--darkreader-border--w-color-gray-6: #12181b; ' +
    '--darkreader-bg--w-color-gray-7: #13191c; ' +
    '--darkreader-text--w-color-gray-7: #e9e1d7; ' +
    '--darkreader-border--w-color-gray-7: #21292c; ' +
    '--darkreader-text--w-color-gray-2: #b4a997; ' +
    '--darkreader-border--w-color-gray-2: #384246; ' +
    '--darkreader-text--w-color-red-2: #ff0000; ' +
    '--darkreader-border--w-color-red-2: #ca0000; ' +
    '--darkreader-bg--w-color-orange-1: #ee5d00; ' +
    '--darkreader-text--w-color-orange-1: #ff9600; ' +
    '--darkreader-border--w-color-orange-1: #ca4b00; ' +
    '--feed-skeleton-bg: var(--w-dividing-line); ' +
    '--feed-skeleton-shine-color: rgba(0,0,0,0.1); ' +
    '--feed-skeleton-shine-bg: linear-gradient(90deg,var(--feed-skeleton-bg),var(--feed-skeleton-shine-color) 50%,var(--feed-skeleton-bg)); ' +
    '--feed-picture-tag-bg: #eb7350; ' +
    '--feed-picture-mask-bg: rgba(0,0,0,0.5); ' +
    '--feed-picture-mask-color: #fff; ' +
    '--feed-video-story-text-color: #fff; ' +
    '--vote-skin-bd-item: var(--w-off-border); ' +
    '--vote-skin-bd-curr: var(--w-alink); ' +
    '--vote-skin-bg-item: var(--w-repost-background); ' +
    '--vote-skin-bg-curr: #f5e4dc; ' +
    '--vote-skin-icon-curr: var(--w-brand); ' +
    '--feed-title-color: var(--w-sub); ' +
    '--feed-title-trends-color: var(--w-alink); ' +
    '--feed-retweet-bg: var(--w-retweet-background); ' +
    '--feed-retweet-bg-hover: var(--w-repost-background); ' +
    '--feed-detail-og-color: var(--w-main); ' +
    '--weibo-top-nav-icon-badge-color: var(--w-badge-background); ' +
    '--weibo-top-nav-icon-active-color: var(--w-brand); ' +
    '--weibo-top-nav-icon-badge-border-color: var(--w-badge-border-color); ' +
    '--weibo-top-nav-aria-btn-color: var(--w-main); ' +
    '--weibo-top-nav-pub-icon-bg: linear-gradient(180deg,#f87c45,#f36126); ' +
    '--weibo-top-nav-search-bar-bg: var(--w-input-background); ' +
    '--weibo-top-nav-search-bar-bd: var(--w-input-background); ' +
    '--weibo-top-nav-search-bar-color: var(--w-main); ' +
    '--weibo-top-nav-search-bar-placeholder: var(--w-sub); ' +
    '--weibo-top-nav-search-bar-focus: var(--w-main); ' +
    '--weibo-top-nav-borderTop: 2px solid var(--w-brand); ' +
    '--weibo-top-nav-bgColor: transparent; ' +
    '--weibo-top-nav-boxShadow: none; ' +
    '--weibo-top-nav-loginBtn-bg: var(--w-brand); ' +
    '--weibo-top-nav-loginBtn-color: var(--w-contrast); ' +
    '--weibo-top-nav-registerBtn-color: var(--w-sub); ' +
    '--w-likediyed-color: var(--w-brand); ' +
    '--darkreader-bg--feed-skeleton-bg: var(--darkreader-bg--w-dividing-line); ' +
    '--darkreader-bgimg--feed-skeleton-bg: var(--darkreader-bg--w-dividing-line); ' +
    '--darkreader-bgimg--feed-skeleton-shine-color: rgba(0,0,0,0.1); ' +
    '--darkreader-bgimg--feed-skeleton-shine-bg: linear-gradient(90deg, var(--darkreader-bg--feed-skeleton-bg), var(--darkreader-bg--feed-skeleton-shine-color) 50%, var(--darkreader-bg--feed-skeleton-bg)); ' +
    '--frame-mod-gap-space: 8px; ' +
    '--darkreader-bg--feed-picture-tag-bg: #a20b00; ' +
    '--feed-picture-tag-font-size: 12px; ' +
    '--feed-picture-tag-line-height: 12px; ' +
    '--feed-picture-tag-border-radius: 8px 0 8px 0; ' +
    '--feed-picture-mask-border-width: 8px; ' +
    '--darkreader-bg--feed-picture-mask-bg: rgba(0, 0, 0, 0.5); ' +
    '--darkreader-text--feed-picture-mask-color: #ffffff; ' +
    '--feed-picture-mask-font-size: 20px; ' +
    '--feed-picture-mask-line-height: 20px; ' +
    '--feed-annotation-font-size: 12px; ' +
    '--feed-annotation-height: 24px; ' +
    '--feed-annotation-icon-size: 14px; ' +
    '--feed-video-detail-shadow: 0 0 4px rgba(0,0,0,0.1); ' +
    '--feed-video-story-logo-width: 80px; ' +
    '--darkreader-text--feed-video-story-text-color: #ffffff; ' +
    '--vote-pic-ani-width-l: 0; ' +
    '--vote-pic-ani-width-r: 0; ' +
    '--vote-skin-bg-o: var(--feed-retweet-bg); ' +
    '--darkreader-border--vote-skin-bd-item: var(--darkreader-border--w-off-border); ' +
    '--darkreader-border--vote-skin-bd-curr: var(--darkreader-border--w-alink); ' +
    '--darkreader-bg--vote-skin-bg-item: var(--darkreader-bg--w-repost-background); ' +
    '--darkreader-bg--vote-skin-bg-curr: #1f0000; ' +
    '--darkreader-text--vote-skin-icon-curr: var(--darkreader-text--w-brand); ' +
    '--header-height: var(--w-bar-height); ' +
    '--feed-outer-gap: 10px; ' +
    '--feed-inner-gap: 20px; ' +
    '--feed-inner-gap-bottom: 16px; ' +
    '--feed-row-gap: 10px; ' +
    '--feed-col-gap: 10px; ' +
    '--feed-title-width: 14px; ' +
    '--feed-title-height: 14px; ' +
    '--darkreader-text--feed-title-color: var(--darkreader-text--w-sub); ' +
    '--darkreader-text--feed-title-trends-color: var(--darkreader-text--w-alink); ' +
    '--feed-title-font-size: 12px; ' +
    '--feed-title-line-height: 16px; ' +
    '--darkreader-bg--feed-retweet-bg: var(--darkreader-bg--w-retweet-background); ' +
    '--darkreader-bg--feed-retweet-bg-hover: var(--darkreader-bg--w-repost-background); ' +
    '--feed-head-avatar-size: 50px; ' +
    '--feed-head-nick-font-size: 14px; ' +
    '--feed-head-nick-line-height: 20px; ' +
    '--feed-head-fast-line-height: 18px; ' +
    '--feed-head-info-font-size: 12px; ' +
    '--darkreader-text--feed-detail-og-color: var(--darkreader-text--w-main); ' +
    '--feed-detail-og-font-size: 14px; ' +
    '--feed-detail-og-line-height: 24px; ' +
    '--feed-detail-re-font-size: 12px; ' +
    '--feed-detail-re-line-height: 20px; ' +
    '--feed-slim-width: 66.6667%; ' +
    '--feed-tiny-width: 50%; ' +
    '--feed-toolbar-item-width: 88px; ' +
    '--feed-toolbar-height: 40px; ' +
    '--feed-toolbar-line-gap: 80px; ' +
    '--w-bar-height: 44px; ' +
    '--weibo-top-nav-icon-hover-width: 70px; ' +
    '--weibo-top-nav-icon-hover-height: 38px; ' +
    '--weibo-top-nav-icon-size: 30px; ' +
    '--darkreader-bg--weibo-top-nav-icon-badge-color: var(--darkreader-bg--w-badge-background); ' +
    '--darkreader-text--weibo-top-nav-icon-active-color: var(--darkreader-text--w-brand); ' +
    '--darkreader-border--weibo-top-nav-icon-badge-border-color: var(--darkreader-border--w-badge-border-color); ' +
    '--darkreader-text--weibo-top-nav-aria-btn-color: var(--darkreader-text--w-main); ' +
    '--bubble-bg: rgba(245,178,42,0.98); ' +
    '--bubble-text: hsla(0,0%,100%,0.85); ' +
    '--bubble-text-hover: #fff; ' +
    '--darkreader-bgimg--weibo-top-nav-pub-icon-bg: linear-gradient(180deg, #b01500, #ca1b00); ' +
    '--darkreader-bg--weibo-top-nav-search-bar-bg: var(--darkreader-bg--w-input-background); ' +
    '--darkreader-border--weibo-top-nav-search-bar-bd: var(--darkreader-border--w-input-background); ' +
    '--darkreader-text--weibo-top-nav-search-bar-color: var(--darkreader-text--w-main); ' +
    '--darkreader-text--weibo-top-nav-search-bar-placeholder: var(--darkreader-text--w-sub); ' +
    '--darkreader-text--weibo-top-nav-search-bar-focus: var(--darkreader-text--w-main); ' +
    '--full-width: 1320px; ' +
    '--main-width: 1122px; ' +
    '--simple-width: 832px; ' +
    '--mini-width: 790px; ' +
    '--weibo-top-nav-height: 60px; ' +
    '--weibo-top-nav-paddingTop: 0; ' +
    '--darkreader-border--weibo-top-nav-borderTop: 2px solid var(--darkreader-border--w-brand); ' +
    '--darkreader-bg--weibo-top-nav-bgColor: rgba(0, 0, 0, 0); ' +
    '--weibo-top-nav-bgImage: none; ' +
    '--darkreader-bg--weibo-top-nav-boxShadow: none; ' +
    '--weibo-top-nav-panel-bgColor: var(--w-card-background); ' +
    '--weibo-top-nav-panel-bd: var(--w-dividing-line); ' +
    '--weibo-top-nav-panel-bgImage: none; ' +
    '--weibo-top-nav-panel-bgImage-s: none; ' +
    '--darkreader-bg--weibo-top-nav-loginBtn-bg: var(--darkreader-bg--w-brand); ' +
    '--darkreader-text--weibo-top-nav-loginBtn-color: var(--darkreader-text--w-contrast); ' +
    '--darkreader-text--weibo-top-nav-registerBtn-color: var(--darkreader-text--w-sub); ' +
    '--feed-icon-height: 14px; ' +
    '--feed-icon-margin: 4px; ' +
    '--feed-icon-vertical: -3px; ' +
    '--w-likediy-size: 16px; ' +
    '--w-likediy-icon-size: 1em; ' +
    '--w-likediy-font-size: 0.75em; ' +
    '--w-likediy-space: 0.625em; ' +
    '--darkreader-text--w-likediyed-color: var(--darkreader-text--w-brand); ' +
    '--w-tip-green: #2aa045; ' +
    '--w-tip-green-bg: #1e2c20; ' +
    '--w-tip-green-a: #6290c3; ' +
    '--w-brand: #ea8011; ' +
    '--w-brand-hover: #e54f00; ' +
    '--w-main: #d3d3d3; ' +
    '--w-sub: #999; ' +
    '--w-hover: rgba(234,128,17,0.1); ' +
    '--w-contrast: #e5e5e5; ' +
    '--w-error: #d70000; ' +
    '--w-fonticon: #b2b2b2; ' +
    '--w-disabled: #939393; ' +
    '--w-alink: #d36747; ' +
    '--w-special: #ca3a1f; ' +
    '--w-retweet-background: #111114; ' +
    '--w-repost-background: #25252c; ' +
    '--w-card-background: #16161a; ' +
    '--w-input-background: #25252c; ' +
    '--w-pophover-background: #25252c; ' +
    '--w-whitebtn-background: hsla(0,0%,100%,0.2); ' +
    '--w-dividing-line: #202025; ' +
    '--w-card-border: #202025; ' +
    '--w-layer-border: #373741; ' +
    '--w-image-border: hsla(0,0%,100%,0.1); ' +
    '--w-off-border: #29292b; ' +
    '--w-off-border-new: #999; ' +
    '--w-badge-background: #e51c22; ' +
    '--w-badge-border-color: #16161a; ' +
    '--w-b-flat-default-bg: #25252c; ' +
    '--w-b-flat-default-bg-hover: #373741; ' +
    '--w-icon-skin: #16161a; ' +
    '--w-bubble-bg: rgba(209,133,10,0.98); ' +
    '--w-bubble-text: hsla(0,0%,82.7%,0.85); ' +
    '--w-bubble-text-hover: #d3d3d3; ' +
    '--frame-background: #0c0c0c; ' +
    '--weibo-top-nav-logo-color: #d3d3d3; ' +
    '--weibo-top-nav-configs-bg: #3e3e48; ' +
    '--weibo-top-nav-configs-bg-hover: #686877; ' +
    '--weibo-top-nav-configs-color: #d3d3d3; ' +
    '--weibo-top-nav-search-icon: #d3d3d3; ' +
    '--weibo-top-nav-search-bg: #3e3e48; ' +
    '--weibo-top-nav-icon-color: #d3d3d3; ' +
    '--weibo-top-nav-icon-bg-hover: #25252c; ' +
    '--weibo-top-nav-line: #202025; ' +
    '--weibo-logo-us: url(https://h5.sinaimg.cn/upload/1005/526/2021/09/09/logo_dark.png); ' +
    '--profile-tag-default-bg: #25252c; ' +
    '--viewer-button-color: rgba(54,54,54,0.8); ' +
    '--viewer-button-color-hover: rgba(30,30,30,0.9); ' +
    '--weibo-gradient-h1: linear-gradient(270deg,rgba(22,22,26,0),rgba(22,22,26,0.8) 50%,#16161a 75%,#16161a); ' +
    '--weibo-gradient-h2: linear-gradient(90deg,rgba(22,22,26,0),rgba(22,22,26,0.8) 50%,#16161a 75%,#16161a); ' +
    '--icon-bg-spe-1: #e58405; ' +
    '--icon-bg-spe-2: #e4354d; ' +
    '--icon-bg-spe-3: #e06000; ' +
    '--icon-bg-spe-4: #499de5; ' +
    '--icon-bg-spe-5: #930000; ' +
    '--icon-bg-spe-6: #e4b028; ' +
    '--darkreader-text--w-tip-green: #5cfe80; ' +
    '--darkreader-bg--w-tip-green-bg: #000000; ' +
    '--darkreader-text--w-tip-green-a: #63aae7; ' +
    '--w-tip-green-icon-opacity: 0.176; ' +
    '--w-tip-green-icon-color: #1e2c20; ' +
    '--darkreader-bg--w-brand: #d65b00; ' +
    '--darkreader-text--w-brand: #ff9706; ' +
    '--darkreader-border--w-brand: #ba4c00; ' +
    '--darkreader-bg--w-brand-hover: #d02200; ' +
    '--darkreader-text--w-brand-hover: #ff7006; ' +
    '--darkreader-text--w-main: #eee9de; ' +
    '--darkreader-text--w-sub: #baaf9f; ' +
    '--darkreader-border--w-sub: #363f43; ' +
    '--darkreader-bg--w-hover: rgba(214, 91, 0, 0.1); ' +
    '--darkreader-bg--w-contrast: #000406; ' +
    '--darkreader-text--w-contrast: #fffaf3; ' +
    '--darkreader-border--w-contrast: #161e21; ' +
    '--darkreader-text--w-error: #ff1515; ' +
    '--darkreader-border--w-error: #dc0000; ' +
    '--darkreader-text--w-fonticon: #d0c7ba; ' +
    '--darkreader-border--w-fonticon: #2c3538; ' +
    '--darkreader-bg--w-disabled: #424c52; ' +
    '--darkreader-text--w-disabled: #b4a997; ' +
    '--darkreader-border--w-disabled: #384246; ' +
    '--darkreader-bg--w-alink: #a32200; ' +
    '--darkreader-text--w-alink: #fd6d42; ' +
    '--darkreader-border--w-alink: #8f1900; ' +
    '--darkreader-text--w-special: #ff4f2b; ' +
    '--darkreader-bg--w-retweet-background: #000000; ' +
    '--darkreader-bg--w-repost-background: #000000; ' +
    '--darkreader-border--w-repost-background: #7f725d; ' +
    '--darkreader-bg--w-card-background: #000000; ' +
    '--darkreader-text--w-card-background: #fffdf6; ' +
    '--darkreader-border--w-card-background: #867965; ' +
    '--darkreader-bg--w-input-background: #000000; ' +
    '--darkreader-border--w-input-background: #7f725d; ' +
    '--w-drop-background: #25252c; ' +
    '--darkreader-bg--w-pophover-background: #000000; ' +
    '--darkreader-bg--w-whitebtn-background: rgba(0, 0, 0, 0.2); ' +
    '--darkreader-bg--w-dividing-line: #000000; ' +
    '--darkreader-text--w-dividing-line: #f7f1e9; ' +
    '--darkreader-border--w-dividing-line: #827360; ' +
    '--darkreader-bgimg--w-dividing-line: #202025; ' +
    '--darkreader-bg--w-card-border: #000000; ' +
    '--darkreader-border--w-card-border: #827360; ' +
    '--darkreader-border--w-layer-border: #756956; ' +
    '--darkreader-border--w-image-border: rgba(12, 18, 21, 0.1); ' +
    '--darkreader-bg--w-off-border: #000000; ' +
    '--darkreader-border--w-off-border: #7d705d; ' +
    '--darkreader-bg--w-off-border-new: #3e464c; ' +
    '--darkreader-bg--w-badge-background: #cf0000; ' +
    '--darkreader-border--w-badge-border-color: #867965; ' +
    '--darkreader-bg--w-b-flat-default-bg: #000000; ' +
    '--darkreader-bg--w-b-flat-default-bg-hover: #080e11; ' +
    '--darkreader-text--w-icon-skin: #fffdf6; ' +
    '--darkreader-bg--w-bubble-bg: rgba(185, 96, 0, 0.98); ' +
    '--darkreader-text--w-bubble-text: rgba(238, 233, 222, 0.85); ' +
    '--darkreader-text--w-bubble-text-hover: #eee9de; ' +
    '--darkreader-bg--frame-background: #000000; ' +
    '--darkreader-text--weibo-top-nav-logo-color: #eee9de; ' +
    '--darkreader-bg--weibo-top-nav-configs-bg: #0f1619; ' +
    '--darkreader-bg--weibo-top-nav-configs-bg-hover: #404b4f; ' +
    '--darkreader-text--weibo-top-nav-configs-color: #eee9de; ' +
    '--darkreader-text--weibo-top-nav-search-icon: #eee9de; ' +
    '--darkreader-bg--weibo-top-nav-search-bg: #0f1619; ' +
    '--darkreader-text--weibo-top-nav-icon-color: #eee9de; ' +
    '--darkreader-bg--weibo-top-nav-icon-bg-hover: #000000; ' +
    '--darkreader-text--weibo-top-nav-line: #f7f1e9; ' +
    '--darkreader-bgimg--weibo-logo-us: url("https://h5.sinaimg.cn/upload/1005/526/2021/09/09/logo_dark.png"); ' +
    '--darkreader-bg--profile-tag-default-bg: #000000; ' +
    '--comment-highlight: #25252c; ' +
    '--darkreader-bg--viewer-button-color: rgba(2, 6, 9, 0.8); ' +
    '--darkreader-bg--viewer-button-color-hover: rgba(0, 0, 0, 0.9); ' +
    '--feed-card-link-fliter: grayscale(100%) brightness(180%); ' +
    '--darkreader-bgimg--weibo-gradient-h1: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 50%, #000000 75%, #000000); ' +
    '--darkreader-bgimg--weibo-gradient-h2: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 50%, #000000 75%, #000000); ' +
    '--place-color: #43658d; ' +
    '--darkreader-bg--icon-bg-spe-1: #d06000; ' +
    '--darkreader-bg--icon-bg-spe-2: #b70004; ' +
    '--darkreader-bg--icon-bg-spe-3: #ca3600; ' +
    '--darkreader-bg--icon-bg-spe-4: #004da6; ' +
    '--darkreader-bg--icon-bg-spe-5: #720000; ' +
    '--darkreader-bg--icon-bg-spe-6: #855600; ' +
    '-webkit-box-direction: normal; ' +
    'box-sizing: border-box; ' +
    'cursor: pointer; ' +
    'line-height: 1; ' +
    'outline: 0; ' +
    'position: relative; ' +
    '-webkit-user-select: none; ' +
    'border: 1px solid; ' +
    'font-size: .75rem; ' +
    'font-weight: 400; ' +
    'background-color: transparent; ' +
    'outline-color: initial; ' +
    '-webkit-tap-highlight-color: rgba(255, 255, 255, 0); ' +
    'border-color: initial; ' +
    'width: 64px; ' +
    'height: 28px; ' +
    'padding: 0!important; ' +
    'border-radius: var(--w-button-round); ' +
    'color: var(--darkreader-text--w-b-line-primary); '