如果您看到这篇文章,表示您的 blog 已经安装成功.
https://www.css-js.com/tools/rgba.html
/* 全局字体:优先调用苹果苹方、微软雅黑,确保清晰度 */
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
/* 标题字体:加粗并稍微拉开字间距,提升视觉质感 */
#site-title, #site-subtitle, .article-title, h1, h2, h3 {
font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
font-weight: 700;
letter-spacing: 0.5px;
}/* --- 基础样式(白天模式) --- */
#footer {
/* 使用微透的浅灰色,比纯灰色更有质感 */
background: rgba(246, 248, 250, 0.8) !important;
background-image: none !important;
backdrop-filter: blur(10px); /* 玻璃拟态效果,提升高级感 */
transition: all 0.3s ease; /* 切换模式时的平滑过渡 */
}
#footer-wrap {
color: #191970 !important; /* 你喜欢的午夜蓝 */
}
/* 链接颜色适配 */
#footer-wrap a {
color: #191970 !important;
opacity: 0.8;
}
/* --- 暗黑模式适配(自动触发) --- */
[data-theme='dark'] #footer {
/* 深色背景,这里使用深黑色 */
background: rgba(24, 24, 24, 0.9) !important;
background-image: none !important;
}
[data-theme='dark'] #footer-wrap,
[data-theme='dark'] #footer-wrap a {
/* 暗黑模式下文字转为浅灰色/白色,确保清晰度 */
color: #efefef !important;
}
/* 装饰性分割线适配 */
.footer-separator {
margin: 0 5px;
color: #191970;
}
[data-theme='dark'] .footer-separator {
color: #efefef;
}(function() {
var a_idx = 0;
window.onclick = function(event) {
var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治", "爱国", "敬业", "诚信", "友善");
var heart = document.createElement("b"); // 创建一个 b 标签
heart.onselectstart = new Function('event.returnValue=false'); // 防止选中
document.body.appendChild(heart).innerHTML = a[a_idx]; // 将文字插入到 b 标签
a_idx = (a_idx + 1) % a.length;
var x = event.pageX, y = event.pageY; // 获取鼠标位置
heart.style.cssText = "z-index: 9999; top: " + (y - 20) + "px; left: " + x + "px; position: absolute; font-weight: bold; color: #ff6651;"; // 设置 CSS
var f = 16, // 字体大小
t = y - 180, // 飘动终点
c = 1, // 透明度
p = 0; // 偏移
var timer = setInterval(function() {
if (c <= 0) {
document.body.removeChild(heart);
clearInterval(timer);
} else {
heart.style.cssText += "font-size: " + f + "px; top: " + (y - p) + "px; opacity: " + c + ";";
p++;
c -= 0.015;
}
}, 12);
}
})();
欢迎加入 Typecho 大家族
ssss