哪吒美化存档

https://tz.senru.site

背景为视频

<meta name="referrer" content="no-referrer">
<div class="video-box">
  <video id="myVideo" muted
    src="https://video.senru.site/video.php"
    autoplay playsinline loop>
  </video>
</div>
<style>
:root {
  --custom-border-color: rgba(13, 11, 9, 0.1);
  --custom-background-color: rgba(13, 11, 9, 0.4);
  --custom-background-image: unset;
}
 
.bg-card {
  background-color: rgba(255, 255, 255, 0) !important; /* 透明 */
}
 
.bg-white {
  background-color: rgba(255, 255, 255, 0.5) !important; /* 半透明 */
}
 
.dark #root {
  background-color: unset !important;
}
 
.dark .bg-card {
  background-color: rgba(255, 255, 255, 0) !important; /* 透明 */
  backdrop-filter: blur(4px);
  border: 1px solid rgba(13, 11, 9, 0.1);
  box-shadow: 0 4px 6px rgba(13, 11, 9, 0.2);
}
 
.dark .bg-white {
  background-color: rgba(255, 255, 255, 0.5) !important; /* 半透明 */
}
 
html.dark * {
  border-color: var(--custom-border-color);
}
 
html.dark body {
  color: #f4f5f6;
  background: unset;
  position: relative;
}
 
img {
  border: none;
}
 
.dark .bg-secondary {
  background-color: unset;
}
 
.dark .bg-popover {
  background-color: unset;
}
 
.dark .bg-muted {
  background-color: var(--custom-border-color);
}
 
.dark .bg-border {
  background-color: var(--custom-border-color);
}
 
.dark .vps-info {
  border-radius: 12px;
  padding: 12px;
}
 
.dark\:border-neutral-800:is(.dark *) {
  border-color: var(--custom-border-color);
}
 
.dark\:text-stone-400:is(.dark *) {
  color: #fff;
}
 
.video-box {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
 
.video-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
</style>
 
<script>
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = 'https://cdn.bootcdn.net/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/style.min.css';
    document.head.appendChild(link);
</script>
<script>
(() => {
            function findNodeWithTimeout(selector, timeout = 5000) {
                return new Promise((resolve, reject) => {
                    const startTime = Date.now();
                    function find() {
                        const node = document.querySelector(selector);
                        if (node) {
                            resolve(node);
                            return;
                        }
                        // 检查是否超时
                        if (Date.now() - startTime >= timeout) {
                            resolve(null); // 超时返回 null
                            return;
                        }
                        setTimeout(find, 50); // 每隔 50ms 再检查一次
                    }
 
                    find(); // 开始查找
                });
            }
            const video = document.querySelector('.video-box video')
            video.addEventListener('click', () => {
                video.muted = false
            })
            findNodeWithTimeout('.min-h-screen .cursor-pointer').then(node => {
                node.addEventListener('click', () => {
                    video.muted = !video.muted
                })
            })
        })()
</script>
<script>
    window.CustomLogo = "https://tuchuang.senru.fun/imgs/2024/12/f10a605a06863b05.webp"; /* 自定义Logo */
    window.ShowNetTransfer  = "true"; /* 卡片显示上下行流量 */
    window.DisableAnimatedMan  = "true"; /* 关掉动画人物插图 */
    window.CustomDesc ="点此放音"; /* 自定义描述 */
</script>
<!-- 调整02半身图 -->
<script>
var observer = new MutationObserver(function(mutationsList, observer) {
    var xpath = "/html/body/div/div/main/div[2]/section[1]/div[4]/div";
    var container = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
 
    if (container) {
        observer.disconnect();
        var existingImg = container.querySelector("img");
        if (existingImg) {
            container.removeChild(existingImg);
        }
        var imgElement = document.createElement("img");
        imgElement.src = "https://tuchuang.senru.fun/imgs/2024/12/116d98a89f7b5786.png";  /* 02半身图 */
        imgElement.style.position = "absolute";
        imgElement.style.right = "-5px";
        imgElement.style.top = "-117px";
        imgElement.style.zIndex = "10";
        imgElement.style.width = "90px";
        container.appendChild(imgElement);
    }
});
var config = { childList: true, subtree: true };
observer.observe(document.body, config);
</script>

背景为图片

<!-- 网络波动外显 -->
<script>
const selectorButton = '#root > div > main > div.mx-auto.w-full.max-w-5xl.px-0.flex.flex-col.gap-4.server-info > section > div.flex.justify-center.w-full.max-w-\\[200px\\] > div > div > div.relative.cursor-pointer.rounded-3xl.px-2\\.5.py-\\[8px\\].text-\\[13px\\].font-\\[600\\].transition-all.duration-500.text-stone-400.dark\\:text-stone-500';
const selectorSection = '#root > div > main > div.mx-auto.w-full.max-w-5xl.px-0.flex.flex-col.gap-4.server-info > section';
const selector3 = '#root > div > main > div.mx-auto.w-full.max-w-5xl.px-0.flex.flex-col.gap-4.server-info > div:nth-child(3)';
const selector4 = '#root > div > main > div.mx-auto.w-full.max-w-5xl.px-0.flex.flex-col.gap-4.server-info > div:nth-child(4)';

let hasClicked = false;
let divVisible = false;
let swapping = false;

function forceBothVisible() {
  const div3 = document.querySelector(selector3);
  const div4 = document.querySelector(selector4);
  if (div3 && div4) {
    div3.style.display = 'block';
    div4.style.display = 'block';
  }
}

function hideSection() {
  const section = document.querySelector(selectorSection);
  if (section) {
    section.style.display = 'none';
  }
}

function tryClickButton() {
  const btn = document.querySelector(selectorButton);
  if (btn && !hasClicked) {
    btn.click();
    hasClicked = true;
    setTimeout(forceBothVisible, 500);
  }
}

function swapDiv3AndDiv4() {
  if (swapping) return;
  swapping = true;

  const div3 = document.querySelector(selector3);
  const div4 = document.querySelector(selector4);
  if (!div3 || !div4) {
    swapping = false;
    return;
  }
  const parent = div3.parentNode;
  if (parent !== div4.parentNode) {
    swapping = false;
    return;
  }

  // 交换 div3 和 div4 的位置
  parent.insertBefore(div4, div3);
  parent.insertBefore(div3, div4.nextSibling);

  swapping = false;
}

const observer = new MutationObserver(() => {
  const div3 = document.querySelector(selector3);
  const div4 = document.querySelector(selector4);

  const isDiv3Visible = div3 && getComputedStyle(div3).display !== 'none';
  const isDiv4Visible = div4 && getComputedStyle(div4).display !== 'none';

  const isAnyDivVisible = isDiv3Visible || isDiv4Visible;

  if (isAnyDivVisible && !divVisible) {
    hideSection();
    tryClickButton();
    setTimeout(swapDiv3AndDiv4, 100); 
  } else if (!isAnyDivVisible && divVisible) {
    hasClicked = false;
  }

  divVisible = isAnyDivVisible;

  if (div3 && div4) {
    if (!isDiv3Visible || !isDiv4Visible) {
      forceBothVisible();
    }
  }
});

const root = document.querySelector('#root');
if (root) {
  observer.observe(root, {
    childList: true,
    attributes: true,
    subtree: true,
    attributeFilter: ['style', 'class']
  });
}
</script>

<script>window.CustomBackgroundImage="https://api.senru.site/api/images/images.php"</script>
<style>
.bg-card {
    background-color: rgba(255, 255, 255, 0.7) !important;
}
 
.grid {
    gap: 16px;
}
 
.text-card-foreground {
    color: #333 !important;
}
 
.bg-white {
    background-color: rgba(255, 255, 255, 0.5) !important;
}
</style>
 
<script>
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = 'https://cdn.bootcdn.net/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/style.min.css';
    document.head.appendChild(link);
</script>
<script>
    window.CustomLogo = "https://tc.senru.site/imgs/2024/12/f10a605a06863b05.webp"; /* 自定义Logo */
    window.ShowNetTransfer  = "true"; /* 卡片显示上下行流量 */
    window.DisableAnimatedMan  = "true"; /* 关掉动画人物插图 */
    window.CustomDesc ="senru"; /* 自定义描述 */
</script>
<!-- 调整02半身图 -->
<script>
var observer = new MutationObserver(function(mutationsList, observer) {
    var xpath = "/html/body/div/div/main/div[2]/section[1]/div[4]/div";
    var container = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
 
    if (container) {
        observer.disconnect();
        var existingImg = container.querySelector("img");
        if (existingImg) {
            container.removeChild(existingImg);
        }
        var imgElement = document.createElement("img");
        imgElement.src = "https://tc.senru.site/imgs/2024/12/116d98a89f7b5786.png";  /* 02半身图 */
        imgElement.style.position = "absolute";
        imgElement.style.right = "-5px";
        imgElement.style.top = "-117px";
        imgElement.style.zIndex = "10";
        imgElement.style.width = "90px";
        container.appendChild(imgElement);
    }
});
var config = { childList: true, subtree: true };
observer.observe(document.body, config);
</script>

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇
Document