q78kgblog 0.0.0-1732620965308 → 0.0.0-1732800108145

package/live2d-widget/waifu.css

@@ -1 +1,310 @@
-#waifu-toggle{background-color:#fa0;border-radius:5px;bottom:66px;color:#fff;cursor:pointer;font-size:12px;left:0;margin-left:-100px;padding:5px 2px 5px 5px;position:fixed;transition:margin-left 1s;width:60px;writing-mode:vertical-rl}#waifu-toggle.waifu-toggle-active{margin-left:-50px}#waifu-toggle.waifu-toggle-active:hover{margin-left:-30px}#waifu{bottom:-1000px;left:0;line-height:0;margin-bottom:-10px;position:fixed;transform:translateY(3px);transition:transform .3s ease-in-out,bottom 3s ease-in-out;z-index:999}#waifu:hover{transform:translateY(0)}#waifu-tips{animation:shake 50s ease-in-out 5s infinite;background-color:#ecd9bc80;border:1px solid rgba(224,186,140,.62);border-radius:12px;box-shadow:0 3px 15px 2px #bf9e7633;font-size:14px;line-height:24px;margin:-30px 20px;min-height:70px;opacity:0;overflow:hidden;padding:5px 10px;position:absolute;text-overflow:ellipsis;transition:opacity 1s;width:250px;word-break:break-all}#waifu-tips.waifu-tips-active{opacity:1;transition:opacity .2s}#waifu-tips span{color:#09c}#live2d{cursor:grab;height:300px;position:relative;width:300px}#live2d:active{cursor:grabbing}#waifu-tool{color:#aaa;opacity:0;position:absolute;right:-10px;top:70px;transition:opacity 1s}#waifu:hover #waifu-tool{opacity:1}#waifu-tool span{display:block;height:30px;text-align:center}#waifu-tool svg{fill:#7b8c9d;cursor:pointer;height:25px;transition:fill .3s}#waifu-tool svg:hover{fill:#0684bd}@keyframes shake{2%{transform:translate(.5px,-1.5px) rotate(-.5deg)}4%{transform:translate(.5px,1.5px) rotate(1.5deg)}6%{transform:translate(1.5px,1.5px) rotate(1.5deg)}8%{transform:translate(2.5px,1.5px) rotate(.5deg)}10%{transform:translate(.5px,2.5px) rotate(.5deg)}12%{transform:translate(1.5px,1.5px) rotate(.5deg)}14%{transform:translate(.5px,.5px) rotate(.5deg)}16%{transform:translate(-1.5px,-.5px) rotate(1.5deg)}18%{transform:translate(.5px,.5px) rotate(1.5deg)}20%{transform:translate(2.5px,2.5px) rotate(1.5deg)}22%{transform:translate(.5px,-1.5px) rotate(1.5deg)}24%{transform:translate(-1.5px,1.5px) rotate(-.5deg)}26%{transform:translate(1.5px,.5px) rotate(1.5deg)}28%{transform:translate(-.5px,-.5px) rotate(-.5deg)}30%{transform:translate(1.5px,-.5px) rotate(-.5deg)}32%{transform:translate(2.5px,-1.5px) rotate(1.5deg)}34%{transform:translate(2.5px,2.5px) rotate(-.5deg)}36%{transform:translate(.5px,-1.5px) rotate(.5deg)}38%{transform:translate(2.5px,-.5px) rotate(-.5deg)}40%{transform:translate(-.5px,2.5px) rotate(.5deg)}42%{transform:translate(-1.5px,2.5px) rotate(.5deg)}44%{transform:translate(-1.5px,1.5px) rotate(.5deg)}46%{transform:translate(1.5px,-.5px) rotate(-.5deg)}48%{transform:translate(2.5px,-.5px) rotate(.5deg)}50%{transform:translate(-1.5px,1.5px) rotate(.5deg)}52%{transform:translate(-.5px,1.5px) rotate(.5deg)}54%{transform:translate(-1.5px,1.5px) rotate(.5deg)}56%{transform:translate(.5px,2.5px) rotate(1.5deg)}58%{transform:translate(2.5px,2.5px) rotate(.5deg)}60%{transform:translate(2.5px,-1.5px) rotate(1.5deg)}62%{transform:translate(-1.5px,.5px) rotate(1.5deg)}64%{transform:translate(-1.5px,1.5px) rotate(1.5deg)}66%{transform:translate(.5px,2.5px) rotate(1.5deg)}68%{transform:translate(2.5px,-1.5px) rotate(1.5deg)}70%{transform:translate(2.5px,2.5px) rotate(.5deg)}72%{transform:translate(-.5px,-1.5px) rotate(1.5deg)}74%{transform:translate(-1.5px,2.5px) rotate(1.5deg)}76%{transform:translate(-1.5px,2.5px) rotate(1.5deg)}78%{transform:translate(-1.5px,2.5px) rotate(.5deg)}80%{transform:translate(-1.5px,.5px) rotate(-.5deg)}82%{transform:translate(-1.5px,.5px) rotate(-.5deg)}84%{transform:translate(-.5px,.5px) rotate(1.5deg)}86%{transform:translate(2.5px,1.5px) rotate(.5deg)}88%{transform:translate(-1.5px,.5px) rotate(1.5deg)}90%{transform:translate(-1.5px,-.5px) rotate(-.5deg)}92%{transform:translate(-1.5px,-1.5px) rotate(1.5deg)}94%{transform:translate(.5px,.5px) rotate(-.5deg)}96%{transform:translate(2.5px,-.5px) rotate(-.5deg)}98%{transform:translate(-1.5px,-1.5px) rotate(-.5deg)}0%,to{transform:translate(0) rotate(0)}}
+#waifu-toggle {
+	background-color: #fa0;
+	border-radius: 5px;
+	bottom: 66px;
+	color: #fff;
+	cursor: pointer;
+	font-size: 12px;
+	left: 0;
+	margin-left: -100px;
+	padding: 5px 2px 5px 5px;
+	position: fixed;
+	transition: margin-left 1s;
+	width: 60px;
+	writing-mode: vertical-rl;
+}
+
+#waifu-toggle.waifu-toggle-active {
+	margin-left: -50px;
+}
+
+#waifu-toggle.waifu-toggle-active:hover {
+	margin-left: -30px;
+}
+
+#waifu {
+	bottom: -1000px;
+	left: 0;
+	line-height: 0;
+	margin-bottom: -10px;
+	position: fixed;
+	transform: translateY(3px);
+	transition: transform .3s ease-in-out, bottom 3s ease-in-out;
+	z-index: 999;
+}
+
+#waifu:hover {
+	transform: translateY(0);
+}
+
+#waifu-tips {
+	animation: shake 50s ease-in-out 5s infinite;
+	background-color: rgba(236, 217, 188, .5);
+	border: 1px solid rgba(224, 186, 140, .62);
+	border-radius: 12px;
+	box-shadow: 0 3px 15px 2px rgba(191, 158, 118, .2);
+	font-size: 14px;
+	line-height: 24px;
+	margin: -30px 20px;
+	min-height: 70px;
+	opacity: 0;
+	overflow: hidden;
+	padding: 5px 10px;
+	position: absolute;
+	text-overflow: ellipsis;
+	transition: opacity 1s;
+	width: 250px;
+	word-break: break-all;
+}
+
+#waifu-tips.waifu-tips-active {
+	opacity: 1;
+	transition: opacity .2s;
+}
+
+#waifu-tips span {
+	color: #0099cc;
+}
+
+#live2d {
+	cursor: grab;
+	height: 300px;
+	position: relative;
+	width: 300px;
+}
+
+#live2d:active {
+	cursor: grabbing;
+}
+
+#waifu-tool {
+	color: #aaa;
+	opacity: 0;
+	position: absolute;
+	right: -10px;
+	top: 70px;
+	transition: opacity 1s;
+}
+
+#waifu:hover #waifu-tool {
+	opacity: 1;
+}
+
+#waifu-tool span {
+	display: block;
+	height: 30px;
+	text-align: center;
+}
+
+#waifu-tool svg {
+	fill: #7b8c9d;
+	cursor: pointer;
+	height: 25px;
+	transition: fill .3s;
+}
+
+#waifu-tool svg:hover {
+	fill: #0684bd; /* #34495e */
+}
+
+@keyframes shake {
+	2% {
+		transform: translate(.5px, -1.5px) rotate(-.5deg);
+	}
+
+	4% {
+		transform: translate(.5px, 1.5px) rotate(1.5deg);
+	}
+
+	6% {
+		transform: translate(1.5px, 1.5px) rotate(1.5deg);
+	}
+
+	8% {
+		transform: translate(2.5px, 1.5px) rotate(.5deg);
+	}
+
+	10% {
+		transform: translate(.5px, 2.5px) rotate(.5deg);
+	}
+
+	12% {
+		transform: translate(1.5px, 1.5px) rotate(.5deg);
+	}
+
+	14% {
+		transform: translate(.5px, .5px) rotate(.5deg);
+	}
+
+	16% {
+		transform: translate(-1.5px, -.5px) rotate(1.5deg);
+	}
+
+	18% {
+		transform: translate(.5px, .5px) rotate(1.5deg);
+	}
+
+	20% {
+		transform: translate(2.5px, 2.5px) rotate(1.5deg);
+	}
+
+	22% {
+		transform: translate(.5px, -1.5px) rotate(1.5deg);
+	}
+
+	24% {
+		transform: translate(-1.5px, 1.5px) rotate(-.5deg);
+	}
+
+	26% {
+		transform: translate(1.5px, .5px) rotate(1.5deg);
+	}
+
+	28% {
+		transform: translate(-.5px, -.5px) rotate(-.5deg);
+	}
+
+	30% {
+		transform: translate(1.5px, -.5px) rotate(-.5deg);
+	}
+
+	32% {
+		transform: translate(2.5px, -1.5px) rotate(1.5deg);
+	}
+
+	34% {
+		transform: translate(2.5px, 2.5px) rotate(-.5deg);
+	}
+
+	36% {
+		transform: translate(.5px, -1.5px) rotate(.5deg);
+	}
+
+	38% {
+		transform: translate(2.5px, -.5px) rotate(-.5deg);
+	}
+
+	40% {
+		transform: translate(-.5px, 2.5px) rotate(.5deg);
+	}
+
+	42% {
+		transform: translate(-1.5px, 2.5px) rotate(.5deg);
+	}
+
+	44% {
+		transform: translate(-1.5px, 1.5px) rotate(.5deg);
+	}
+
+	46% {
+		transform: translate(1.5px, -.5px) rotate(-.5deg);
+	}
+
+	48% {
+		transform: translate(2.5px, -.5px) rotate(.5deg);
+	}
+
+	50% {
+		transform: translate(-1.5px, 1.5px) rotate(.5deg);
+	}
+
+	52% {
+		transform: translate(-.5px, 1.5px) rotate(.5deg);
+	}
+
+	54% {
+		transform: translate(-1.5px, 1.5px) rotate(.5deg);
+	}
+
+	56% {
+		transform: translate(.5px, 2.5px) rotate(1.5deg);
+	}
+
+	58% {
+		transform: translate(2.5px, 2.5px) rotate(.5deg);
+	}
+
+	60% {
+		transform: translate(2.5px, -1.5px) rotate(1.5deg);
+	}
+
+	62% {
+		transform: translate(-1.5px, .5px) rotate(1.5deg);
+	}
+
+	64% {
+		transform: translate(-1.5px, 1.5px) rotate(1.5deg);
+	}
+
+	66% {
+		transform: translate(.5px, 2.5px) rotate(1.5deg);
+	}
+
+	68% {
+		transform: translate(2.5px, -1.5px) rotate(1.5deg);
+	}
+
+	70% {
+		transform: translate(2.5px, 2.5px) rotate(.5deg);
+	}
+
+	72% {
+		transform: translate(-.5px, -1.5px) rotate(1.5deg);
+	}
+
+	74% {
+		transform: translate(-1.5px, 2.5px) rotate(1.5deg);
+	}
+
+	76% {
+		transform: translate(-1.5px, 2.5px) rotate(1.5deg);
+	}
+
+	78% {
+		transform: translate(-1.5px, 2.5px) rotate(.5deg);
+	}
+
+	80% {
+		transform: translate(-1.5px, .5px) rotate(-.5deg);
+	}
+
+	82% {
+		transform: translate(-1.5px, .5px) rotate(-.5deg);
+	}
+
+	84% {
+		transform: translate(-.5px, .5px) rotate(1.5deg);
+	}
+
+	86% {
+		transform: translate(2.5px, 1.5px) rotate(.5deg);
+	}
+
+	88% {
+		transform: translate(-1.5px, .5px) rotate(1.5deg);
+	}
+
+	90% {
+		transform: translate(-1.5px, -.5px) rotate(-.5deg);
+	}
+
+	92% {
+		transform: translate(-1.5px, -1.5px) rotate(1.5deg);
+	}
+
+	94% {
+		transform: translate(.5px, .5px) rotate(-.5deg);
+	}
+
+	96% {
+		transform: translate(2.5px, -.5px) rotate(-.5deg);
+	}
+
+	98% {
+		transform: translate(-1.5px, -1.5px) rotate(-.5deg);
+	}
+
+	0%, 100% {
+		transform: translate(0, 0) rotate(0);
+	}
+}

package/noie.html

@@ -1 +1,69 @@
-<!doctype html><meta charset="utf-8"><center style="padding-top:20px">很抱歉IE已经停止支持，因此本博客不再支持IE浏览器，如果想要正常浏览，请换用新版Edge或Chrome、Firefox、Opera等现代浏览器</center><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="spm_prefix" content="888.7521"><title>浏览器升级提示 | 梦溯·镜影</title><link href="https://at.alicdn.com/t/font_1454899_pqhvobved2o.css" rel="stylesheet"><style>*{padding:0;margin:0;box-sizing:border-box}li,ul{list-style:none}a:hover{text-decoration:none}a,ins{text-decoration:none}:focus,a:focus{outline:0}.b-content{width:400px;margin:60px auto;font-size:14px;color:#999}.pic-box{padding-bottom:20px;border-bottom:1px solid #eee}.pic-box img{max-width:100%;margin-bottom:10px}.pic-box p{line-height:20px;font-size:12px}.text-box .title{text-align:center;margin:30px 0}.text-box .list{height:90px}.text-box .list li a{float:left;width:100px;text-align:center;line-height:24px;color:#666}.text-box .list li .iconfont{font-size:30px}.text-box .list li a span{font-size:12px;color:#999}.copyright{margin-top:20px;text-align:center}</style></head><body><div class="b-content"><div class="text-box"><div class="title">以下四款官方正版浏览器任君挑选</div><div class="list"><ul><li><a href="https://www.google.cn/intl/zh-CN/chrome" target="_blank"><i class="iconfont icon-chrome"></i><br>Chrome<br><span>谷歌</span></a></li><li><a href="https://www.mozilla.org/zh-CN/firefox/new" target="_blank"><i class="iconfont icon-firefox"></i><br>Firefox<br><span>火狐</span></a></li><li><a href="https://www.microsoft.com/edge" target="_blank"><i class="iconfont icon-edge"></i><br>Edge（新版）<br><span>微软</span></a></li><li><a href="https://www.opera.com/zh-cn" target="_blank"><i class="iconfont icon-opera"></i><br>Opera<br><span>欧朋</span></a></li></ul></div></div></div></body></html>
+<!DOCTYPE html>
+<meta charset="utf-8">
+<center style="padding-top:20px">很抱歉IE已经停止支持，因此本博客不再支持IE浏览器，如果想要正常浏览，请换用新版Edge或Chrome、Firefox、Opera等现代浏览器</center>
+
+<html lang="en"><head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="spm_prefix" content="888.7521">
+    <title>浏览器升级提示 | 梦溯·镜影</title>
+    <link href="https://at.alicdn.com/t/font_1454899_pqhvobved2o.css" rel="stylesheet" type="text/css">
+    <style>
+      * { padding: 0; margin: 0; box-sizing: border-box;}
+      ul, li { list-style: none; }
+      a:hover {text-decoration:none;}
+      ins,a {text-decoration:none;}
+      a:focus,*:focus {outline:none;}
+  
+      .b-content { width: 400px; margin: 60px auto; font-size: 14px; color: #999; }
+      .pic-box { padding-bottom: 20px; border-bottom: 1px solid #eee; }
+      .pic-box img { max-width:  100%; margin-bottom: 10px; }
+      .pic-box p { line-height: 20px; font-size: 12px;}
+      .text-box .title {text-align: center; margin: 30px 0;}
+      .text-box .list {height: 90px;}
+      .text-box .list li a { float: left; width: 100px; text-align: center; line-height: 24px; color: #666;}
+      .text-box .list li .iconfont{ font-size: 30px; }
+      .text-box .list li a span{ font-size: 12px; color: #999; }
+      .copyright {margin-top: 20px; text-align: center;}
+    </style>
+  </head>
+  <body>
+    <div class="b-content">
+      <div class="text-box">
+        <div class="title">以下四款官方正版浏览器任君挑选</div>
+        <div class="list">
+          <ul>
+            <li>
+              <a href="https://www.google.cn/intl/zh-CN/chrome" target="_blank">
+                <i class="iconfont icon-chrome"></i><br>
+                Chrome<br>
+                <span>谷歌</span>
+              </a>
+            </li>
+            <li>
+              <a href="https://www.mozilla.org/zh-CN/firefox/new" target="_blank">
+                <i class="iconfont icon-firefox"></i><br>
+                Firefox<br>
+                <span>火狐</span>
+              </a>
+            </li>
+            <li>
+              <a href="https://www.microsoft.com/edge" target="_blank">
+                <i class="iconfont icon-edge"></i><br>
+                Edge（新版）<br>
+                <span>微软</span>
+              </a>
+            </li>
+            <li>
+              <a href="https://www.opera.com/zh-cn" target="_blank">
+                <i class="iconfont icon-opera"></i><br>
+                Opera<br>
+                <span>欧朋</span>
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  
+  </body></html>