B站视频页 - UP主名字标签样式

修改新版视频页的UP主名字标签样式
Wrap lines
// ==UserScript==
// @name         B站视频页 - UP主名字标签样式
// @namespace    mscststs
// @version      0.8
// @license      ISC
// @description  修改新版视频页的UP主名字标签样式
// @author       mscststs
// @match        https://www.bilibili.com/video/*
// @match        https://www.bilibili.com/list/*
// @icon         https://www.bilibili.com/favicon.ico
// @require      https://greasyfork.org/scripts/38220-mscststs-tools/code/MSCSTSTS-TOOLS.js?version=713767
// @run-at       document-body
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    StartUpName();

    async function StartUpName(){
        await mscststs.wait(".up-info-container .up-detail-top .up-name")
        var upName = document.querySelector(".up-info-container .up-detail-top .up-name");

        function setUpName() {
            //alert(upName.style.color);
            if(upName.style.color != "rgb(251, 114, 153)") {
                upName.style.color = "#565a60";
                //upName.style.color = "#61666d";
            }
        }

        var upAvatar = document.querySelector(".up-info-container .up-avatar-wrap .up-avatar");
        upName.addEventListener('mouseover',function() {
            upUserNameCSS();
        });
        upAvatar.addEventListener('mouseover',function() {
            upUserNameCSS();
        });
        async function upUserNameCSS() {
            /*await mscststs.wait(".usercard-wrap .user-card-m-exp")//.user-card-m-exp
            var userCard = document.querySelector(".usercard-wrap .user-card-m-exp");
            userCard.style.width = "366px";*/

            await mscststs.wait(".usercard-wrap .user-info-wrapper .info .user .name")
            var userName = document.querySelector(".usercard-wrap .user-info-wrapper .info .user .name");
            userName.style.fontFamily = "-apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif";
            userName.style.fontWeight = "bold";
            userName.style.maxWidth = "160px";
            /*var computedStyle = document.defaultView.getComputedStyle(userName, null);
            //alert(computedStyle.maxWidth);
            var size = computedStyle.maxWidth.replaceAll(/[a-zA-Z]/g, "");
            userName.style.maxWidth = size + 4 + "px";*/
        }

        var options = { 'childList': true, 'subtree':true };
        const callback = function(mutationsList, observer) {
            setUpName();
        };
        const observer = new MutationObserver(callback);
        var article = document.querySelector("body");
        observer.observe(article, options);
        setUpName();
    }
})();