{
"type": "character",
"name": "滑稽酱",
"bio": "Q群来的直接点下方文章~\n保存此网站以免找不到回家的路喵~",
"avatars": [
"ipfs://bafybeifqx4vn5imdjb7j5oe2vc43en5xc4zjxofaj5hoi6gjptt2r7hibi"
],
"attributes": [
{
"value": "\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n@charset \"UTF-8\";\r\n@import url(\"https://cdnjs.cloudflare.com/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/lxgwwenkaiscreenr.css\");\r\n@import url(\"https://cdnjs.cloudflare.com/ajax/libs/hack-font/3.3.0/web/hack.min.css\");\r\n\r\n/* 按钮等部件的颜色 */\r\n\r\n:root {\r\n --theme-color: aqua !important;\r\n --font-fans: Noto Color Emoji;\r\n --card-height: 65vh;\r\n --card-width: calc(var(--card-height) / 1.5);\r\n /* --font-fans: 'SF Compact Rounded','PingFang SC','Microsoft YaHei',Lato,sans-serif;\r\n --header-height: max(50vh, 450px);\r\n cursor: url('https://img1.imgtp.com/2023/05/01/x2i3pilm.jpg') 0 0, auto; */\r\n}\r\n\r\n/* 按钮特效的转换 */\r\n\r\n.button:hover {\r\n transform: scale(1.2);\r\n -webkit-transform: scale(1.1);\r\n -moz-transform: scale(1.2);\r\n -o-transform: scale(1.2);\r\n -ms-transform: scale(1.2); \r\n\r\n}\r\n.xlog-post:hover {\r\n transform: scale(1.2);\r\n -webkit-transform: scale(1.1);\r\n -moz-transform: scale(1.2);\r\n -o-transform: scale(1.2);\r\n -ms-transform: scale(1.2);\r\n }\r\n.xlog-post {\r\n padding: 2rem;\r\n}\r\n\r\n\r\n/*--各种渐变色和彩色*/\r\n.whitespace-pre-wrap {\r\n background-image: -webkit-linear-gradient(left,#3dbfb7 25%,#39C5bb 50%,#1edbce 75%,#00ffee 100%);\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-animation: slide 2s infinite linear;\r\n animation: slide 5s infinite linear;\r\n /* color: #39C5bb !important; */\r\n text-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);\r\n}\r\n\r\n.break-words{\r\n background-image: -webkit-linear-gradient(left,#3dbfb7 25%,#39C5bb 50%,#1edbce 75%,#00ffee 100%);\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-animation: slide 2s infinite linear;\r\n animation: slide 5s infinite linear;\r\n}\r\n.xlog-post-title{\r\n background-image: -webkit-linear-gradient(left,#00ffeecd 25%,#17d9cce4 50%,#28cdc2d2 75%,#33bdb4 100%);\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-animation: slide 2s infinite linear;\r\n animation: slide 5s infinite linear;\r\n}\r\n\r\n/* 主页跳转到文章的按钮透明设置 */\r\n\r\n.xlog-post{\r\n background-color: transparent;\r\n}\r\n\r\n/* AI 生成的摘要 字体设置 */\r\n\r\n.leading-loose{\r\n font-weight: bolder; \r\n font-style: italic; \r\n color: aqua;\r\n}\r\n\r\n /*--导航条移到顶部*/\r\n.xlog-site-navigation {\r\n position:absolute;\r\n top:0px; \r\n}\r\n/*--连接按钮位置不变*/\r\n.pl-1 {\r\n margin-left:auto;\r\n}\r\n/*--调整横幅位置*/\r\n.py-12 {\r\n padding-bottom: 20px;\r\n padding-top: 45px; \r\n}\r\n/*--调整连接上下位置*/\r\n.flex.text-gray-500 {\r\n padding-bottom: 10px;\r\n\r\n}\r\n/* blockquote*/\r\n\r\n/* 缘之空 */\r\n\r\n/* body{ \r\n background-image: url(https://img1.imgtp.com/2023/04/29/jwGDuQ5w.jpg);\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n background-position: center ;\r\n background-attachment: fixed;\r\n} */\r\n\r\n/* 爱心 总之就是非常可爱 */\r\n\r\n/* body{ \r\n background-image: url(https://img1.imgtp.com/2023/05/01/NVnaZTNS.jpg);\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n background-position: center ;\r\n background-attachment: fixed;\r\n} */\r\n\r\n/* 蓝黄粉配色 总之就是非常可爱 */\r\n\r\n/* body{ \r\n background-image: url(https://img1.imgtp.com/2023/05/01/1xRo9a6B.jpg);\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n background-position: center ;\r\n background-attachment: fixed;\r\n} */\r\n\r\n/* 惠惠 */\r\n\r\n/* body{ \r\n background-image: url(https://img1.imgtp.com/2023/05/01/mhyoOtKF.jpg);\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n background-position: center ;\r\n background-attachment: fixed;\r\n} */\r\n\r\n/* 史莱姆 */\r\n\r\n/* body{\r\n background-image: url(https://i.328888.xyz/2023/04/29/iK3Jya.jpeg);\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n background-position: center ;\r\n background-attachment: fixed;\r\n} */\r\n\r\n\r\n.spoiler {\r\n filter: blur(8px);\r\n transition: filter .5s;\r\n}\r\n\r\n.spoiler:hover {\r\n filter: blur(0px);\r\n}\r\n\r\n/* #防剧透： */\r\n/* 使用案例：\r\n:span[This is a spoiler]{.spoiler} */\r\n.cm-line span{\r\n color: black;\r\n /* caret-color: transparent !important;\r\n display: block;\r\n padding: 0 2px 0 6px; */\r\n}\r\n\r\n/* #一般情况下的调用样式（有更多形式的，在173行） */\r\n\r\n.prose blockquote {\r\n border-radius: 0.1875rem;\r\n background: rgba(var(--tw-colors-i-gray-100),0.8);\r\n padding: .625rem 1.25rem;\r\n border-left: 0.25rem solid rgb(var(--tw-colors-i-gray-500));\r\n}\r\n\r\n/* #行内代码以及代码块 */\r\n\r\n:not(pre)>code, pre {\r\n background-color: #39ccb28f;\r\n color: rgb(223 235 34);\r\n}\r\n\r\n/* #设置最上方（名字的左右）为透明 注意：transparent为css内默认的透明颜色 */\r\n\r\n.border-zinc-100 {\r\n --banner-bg-color:transparent;\r\n}\r\n\r\n/* #普通，全局的字体设置 */\r\n\r\na {\r\n text-decoration: none; /* 取消链接下划线 */\r\n}\r\n\r\nh6{\r\n color: #fffb00;\r\n}\r\n\r\n\r\n\r\nh2{\r\n color: aqua;\r\n}\r\np{\r\n color: #39C5bb;\r\n}\r\ntime{\r\n color: #f8c3cd;\r\n}\r\n\r\n/* 不同颜色的调用框 普通为蓝色，error为红色，success为绿色 */\r\n\r\n.note {\r\n border-radius: 0.1875rem;\r\n margin: 1rem 0;\r\n padding: 1rem;\r\n position: relative;\r\n background: rgba(var(--tw-colors-i-gray-100),0.8);\r\n border-left: 0.25rem solid rgb(var(--tw-colors-i-blue-500));\r\n padding-left: 1rem;\r\n}\r\n\r\n.error {\r\n border-left: 0.25rem solid rgb(var(--tw-colors-i-rose-500));\r\n}\r\n\r\n.success {\r\n border-left: 0.25rem solid rgb(var(--tw-colors-i-teal-500));\r\n}\r\n\r\n/* 实例：\r\n:::div{.note}\r\nThis is info text block \r\n:::\r\n\r\n:::div{.note.error}\r\nThis is error text block\r\n:::\r\n\r\n:::div{.note.success}\r\nThis is success text block\r\n::: */\r\n\r\n/* 另外一种防剧透（黑幕）\r\n使用实例：<span class=\"heimu\" title=\"此处为悬浮在黑条上显示的字\">wssb</span> */\r\n\r\n.heimu, .heimu a, a .heimu, .heimu a.new {\r\n background-color: #39Ccb2;\r\n color: #39C5bb;\r\n text-shadow: none;\r\n}\r\n.heimu:hover, .heimu:active,\r\n.heimu:hover .heimu, .heimu:active .heimu {\r\n color: aqua !important;\r\n}\r\n.heimu:hover a, a:hover .heimu,\r\n.heimu:active a, a:active .heimu {\r\n color: lightblue !important;\r\n}\r\n.heimu:hover .new, .heimu .new:hover, .new:hover .heimu,\r\n.heimu:active .new, .heimu .new:active, .new:active .heimu {\r\n color: #BA0000 !important;\r\n}\r\n\r\n/* 评论区透明 */\r\n\r\n.input.is-block {\r\n width: 100%;\r\n background-color: #39ccb28f;\r\n color: aqua;\r\n}\r\n.placeholder{\r\n color: #36a29a;\r\n}\r\n\r\n/* 在各种地方加入自定义的话语 */\r\n\r\n.xlog-post-summary:after {\r\n content: \"警告：警惕人工智能夺走人类的语言归纳能力！！！\";\r\n font-weight: bolder; \r\n font-style: italic;\r\n color: red;\r\n}\r\n\r\n.xlog-comment-count:after {\r\n content: \" ·快来评论哼哼啊啊啊啊啊啊↓\";\r\n font-weight: bolder; \r\n font-style: italic;\r\n color: #39Ccb2;\r\n}\r\n\r\n.xlog-site-name:after {\r\n content: \"ᵀᴹ\";\r\n font-style: italic;\r\n color: #39Ccb2;\r\n}\r\n\r\n.mt-auto:before {\r\n content: \"关注滑稽酱喵~关注滑稽酱谢谢喵~\";\r\n text-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);\r\n font-style: italic;\r\n font-weight: bolder; \r\n color: wheat;\r\n}\r\n\r\n/* 鼠标样式的改变 */\r\n\r\nbutton {\r\n\r\n cursor:url(//bafkreigi37exnhfd7vzxt7tpqoykgocjlwutqx5rniigbroai5yuuymzwy), auto; \r\n}\r\n\r\n.cursor-pointer {\r\n\r\n cursor:url(ipfs://bafkreigi37exnhfd7vzxt7tpqoykgocjlwutqx5rniigbroai5yuuymzwy), auto; \r\n}\r\n.xlog-user {\r\n\r\n cursor:url(ipfs://bafkreigi37exnhfd7vzxt7tpqoykgocjlwutqx5rniigbroai5yuuymzwy), auto; \r\n}\r\n.flex.-mx-5 {\r\n\r\n cursor:url(ipfs://bafkreigi37exnhfd7vzxt7tpqoykgocjlwutqx5rniigbroai5yuuymzwy), auto; \r\n}\r\n.space-y-8 {\r\n\r\n cursor:url(ipfs://bafkreigi37exnhfd7vzxt7tpqoykgocjlwutqx5rniigbroai5yuuymzwy), auto; \r\n}\r\n\r\n/* 大图标:\r\nipfs://bafkreifda575gwwns4sq6xcxf537emdfou3nrxfbostiapwp5zmdizyr7q */\r\n\r\n/* 注释 使用实例 ：\r\n<p class=\"zhushi\">图片注释</p>\r\n\r\n*/\r\n\r\n.zhushi {\r\n margin: 1em 0; \r\n color: #555555; \r\n font-size: 0.75em; \r\n text-align: center; \r\n}\r\n\r\n/* 检测用户是否使用移动设备 */ \r\n @media only screen and (max-width: 767px) { \r\n /* 改变样式 */ \r\n body { \r\n background-image: url(https://img1.imgtp.com/2023/07/11/aSrViF8F.jpg);\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n background-position: center ;\r\n background-attachment: fixed; \r\n } \r\n .mt-auto:after {\r\n content: \"您当前采用“手机端”打开此网页\";\r\n text-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);\r\n font-style: italic;\r\n font-weight: bolder; \r\n color: wheat;\r\n}\r\n.whitespace-pre-wrap {\r\n /* background-image: -webkit-linear-gradient(left,#ffff,#f47920 10%,#d71345 20%,#f7acbc 30%,#ffd400 40%,#3498db 50%,#f47920 60%,#d71345 70%,#f7acbc 80%,#ffd400 90%,#3498db); */\r\n color:white;\r\n /* -webkit-background-clip: text; */\r\n /* -webkit-animation: slide 2s infinite linear; */\r\n /* animation: slide 5s infinite linear; */\r\n}\r\n/*--鼠标选择样式文章概要向上浮动*/\r\n.xlog-post:hover {\r\nbox-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15);/* 鼠标悬浮时盒子出现的阴影 */\r\ntransform: translate(0, -5px);/* 鼠标悬浮时盒子上移10px */\r\n\r\n}\r\n.text-zinc-500 {\r\n --tw-text-opacity: 1;\r\n color: beige;\r\n}\r\nspan {\r\n color: lightsteelblue;\r\n font-weight: bolder;\r\n}\r\nspan.align-middle {\r\n color: firebrick;\r\n}\r\n.xlog-post {\r\npadding: 1rem;\r\n}\r\n.align-middlem:after {\r\n content: \"(｡･ω･｡)ﾉ\";\r\n font-weight: bolder; \r\n font-style: italic;\r\n color: firebrick;\r\n}\r\n.text-zinc-700 {\r\n --tw-text-opacity: 1;\r\n /* color: rgb(var(--tw-color-zinc-700)/var(--tw-text-opacity)); */\r\n}\r\nh3.text-lg.font-bold.mb-1.text-zinc-700 {\r\n color: honeydew;\r\n}\r\n.text-zinc-700 {\r\n color:aliceblue;;\r\n}\r\n/*---鼠标选择样式归档文章列表向上浮动*/\r\n.items-center.-mx-2:hover {\r\nbox-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15);/* 鼠标悬浮时盒子出现的阴影 */\r\ntransform: translate(0, -10px);/* 鼠标悬浮时盒子上移10px */\r\n}\r\nspan.align-middle::after {\r\n content: \"\\1F338\";\r\n}\r\nspan.align-middle::before {\r\n content: \"\\1F47B\";\r\n}\r\n}\r\n/* 检测用户是否使用台式电脑 */ \r\n @media only screen and (min-width: 768px) and (max-width: 991px) { \r\n /* 改变样式 */ \r\n body { \r\n background-image: url(ipfs://bafkreiby45ux2fc7p6qhxsni5vmnzyrhdl7hpswmn2wsuvakdkghugm6fa);\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n background-position: center ;\r\n background-attachment: fixed; \r\n } \r\n span{\r\n color: #c519a8;\r\n font-weight: bolder;\r\n}\r\n\r\n .mt-auto:after {\r\n content: \"您当前采用“台式电脑”打开此网页\";\r\n text-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);\r\n font-style: italic;\r\n font-weight: bolder; \r\n color: wheat;\r\n}\r\n/*---鼠标选择样式归档文章列表动态变大*/\r\n.items-center.-mx-2:hover {\r\n transform: scale(1.2);\r\n -webkit-transform: scale(1.1);\r\n -moz-transform: scale(1.2);\r\n -o-transform: scale(1.2);\r\n -ms-transform: scale(1.2);\r\n}\r\n.text-zinc-500.ml-1::before {\r\n content: \"本博客由DECO*27独家\";\r\n}\r\n.text-zinc-500.ml-1::after {\r\n content: \"播出\";\r\n}\r\n.icon-\\[mingcute--thumb-up-2-fill\\] {\r\n --svg: url(ipfs://bafkreiedqpuu7meuifjsrl3ed5gda2zdisnguw3hhbma4kwrlgxgutbvau);\r\n}\r\n.icon-\\[mingcute--heart-fill\\] {\r\n --svg: url(ipfs://bafkreicxmx33d6weng7akn4cvnt5jvw237pqdjifgecq6e552x5njoctbi);\r\n}\r\n\r\n.icon-\\[mingcute--user-add-fill\\] {\r\n --svg: url(ipfs://bafkreicxmx33d6weng7akn4cvnt5jvw237pqdjifgecq6e552x5njoctbi);\r\n}\r\n\r\n}\r\n /* https://img1.imgtp.com/2023/05/01/EiUP9R8D.jpg */\r\n/* 检测用户是否使用笔记本电脑 */ \r\n @media only screen and (min-width: 992px) { \r\n /* 改变样式 */ \r\n body { \r\n background-image: url(ipfs://bafkreiby45ux2fc7p6qhxsni5vmnzyrhdl7hpswmn2wsuvakdkghugm6fa);\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n background-position: center ;\r\n background-attachment: fixed;\r\n } \r\n span{\r\n color: #c519a8;\r\n font-weight: bolder;\r\n}\r\n .mt-auto:after {\r\n content: \"您当前采用“笔记本电脑”打开此网页\";\r\n text-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);\r\n font-style: italic;\r\n font-weight: bolder; \r\n color: wheat;\r\n}\r\n/*---鼠标选择样式归档文章列表动态变大*/\r\n.items-center.-mx-2:hover {\r\n transform: scale(1.2);\r\n -webkit-transform: scale(1.1);\r\n -moz-transform: scale(1.2);\r\n -o-transform: scale(1.2);\r\n -ms-transform: scale(1.2);\r\n}\r\n.text-zinc-500.ml-1::before {\r\n content: \"本博客由DECO*27独家\";\r\n}\r\n.text-zinc-500.ml-1::after {\r\n content: \"播出\";\r\n}\r\n.icon-\\[mingcute--thumb-up-2-fill\\] {\r\n --svg: url(ipfs://bafkreiedqpuu7meuifjsrl3ed5gda2zdisnguw3hhbma4kwrlgxgutbvau);\r\n}\r\n.icon-\\[mingcute--heart-fill\\] {\r\n --svg: url(ipfs://bafkreicxmx33d6weng7akn4cvnt5jvw237pqdjifgecq6e552x5njoctbi);\r\n}\r\n\r\n.icon-\\[mingcute--user-add-fill\\] {\r\n --svg: url(ipfs://bafkreicxmx33d6weng7akn4cvnt5jvw237pqdjifgecq6e552x5njoctbi);\r\n}\r\n\r\n} \r\n\r\n/* 另一种调用 */\r\n\r\n/* SUCCESS:\r\n这是一条成功信息\r\nWARN:\r\n这是一条警告\r\nTIP:\r\n这是一个小贴士\r\nDANGER:\r\n这是一条错误提示 */\r\n\r\n/* 魔术卡 */\r\n\r\n/* .prose blockquote:not(.callout) {\r\n border: none !important;\r\n padding-left: calc(1.25rem + 4px);\r\n position: relative;\r\n background-color: rgb(var(--color-primary-extralight) / 0.3);\r\n border-radius: 0 .75rem .75rem 0;\r\n} */\r\n.prose blockquote:not(.callout)::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 5px;\r\n background:rgb(var(--color-primary) / 0.6);\r\n border-radius: 5px;\r\n}\r\n\r\n.prose .callout {\r\n position: relative;\r\n padding: 0 0 0 calc(1.25rem + 4px) !important;\r\n margin: 1.75rem 0 !important;\r\n border: none !important;\r\n border-radius: 0 .75rem .75rem 0;\r\n}\r\n\r\n.prose .callout::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 5px;\r\n border-radius: 5px;\r\n background:currentColor;\r\n}\r\n\r\n.prose .callout::before {\r\n content: \"\";\r\n display: inline-block;\r\n width: 1.2em;\r\n height: 1.2em;\r\n margin-bottom: -0.5rem;\r\n background-color: currentColor;\r\n -webkit-mask: no-repeat center / 100%;\r\n mask: no-repeat center / 100%;\r\n -webkit-mask-image: var(--svg);\r\n mask-image: var(--svg);\r\n}\r\n\r\n.prose .callout-success::before {\r\n --svg: url(ipfs://bafkreicxmx33d6weng7akn4cvnt5jvw237pqdjifgecq6e552x5njoctbi);\r\n}\r\n\r\n.prose .callout-warn::before {\r\n --svg: url(ipfs://bafkreiedqpuu7meuifjsrl3ed5gda2zdisnguw3hhbma4kwrlgxgutbvau);\r\n}\r\n\r\n.prose .callout-tip::before {\r\n --svg: url(ipfs://bafkreicxmx33d6weng7akn4cvnt5jvw237pqdjifgecq6e552x5njoctbi);\r\n}\r\n\r\n.prose .callout-danger::before {\r\n --svg: url(ipfs://bafkreiedqpuu7meuifjsrl3ed5gda2zdisnguw3hhbma4kwrlgxgutbvau);\r\n}\r\n\r\n/* 改图标 */\r\n\r\n/* .icon-\\[mingcute--thumb-up-2-fill\\] {\r\n --svg: url(ipfs://bafkreiedqpuu7meuifjsrl3ed5gda2zdisnguw3hhbma4kwrlgxgutbvau);\r\n}\r\n.icon-\\[mingcute--heart-fill\\] {\r\n --svg: url(ipfs://bafkreicxmx33d6weng7akn4cvnt5jvw237pqdjifgecq6e552x5njoctbi);\r\n}\r\n\r\n.icon-\\[mingcute--user-add-fill\\] {\r\n --svg: url(ipfs://bafkreicxmx33d6weng7akn4cvnt5jvw237pqdjifgecq6e552x5njoctbi);\r\n} */\r\n\r\n.card {\r\n background: #191c29;\r\n /* width: var(--card-width);\r\n height: var(--card-height); */\r\n padding: 3px;\r\n position: relative;\r\n border-radius: 6px;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n display: flex;\r\n font-size: 1.5em;\r\n color: rgb(88 199 250 / 0%);\r\n cursor: pointer;\r\n font-family: cursive;\r\n}\r\n\r\n.card:hover {\r\n color: rgb(88 199 250 / 100%);\r\n transition: color 1s;\r\n}\r\n.card:hover:before,\r\n.card:hover:after {\r\n animation: none;\r\n opacity: 0;\r\n}\r\n\r\n.card::before {\r\n content: \"\";\r\n width: 104%;\r\n height: 102%;\r\n border-radius: 8px;\r\n background-image: linear-gradient(\r\n var(--rotate),\r\n #5ddcff,\r\n #3c67e3 43%,\r\n #4e00c2\r\n );\r\n position: absolute;\r\n z-index: -1;\r\n top: -1%;\r\n left: -2%;\r\n animation: spin 2.5s linear infinite;\r\n}\r\n\r\n.card::after {\r\n position: absolute;\r\n content: \"\";\r\n top: calc(var(--card-height) / 6);\r\n left: 0;\r\n right: 0;\r\n z-index: -1;\r\n height: 100%;\r\n width: 100%;\r\n margin: 0 auto;\r\n transform: scale(0.8);\r\n filter: blur(calc(var(--card-height) / 6));\r\n background-image: linear-gradient(\r\n var(--rotate),\r\n #5ddcff,\r\n #3c67e3 43%,\r\n #4e00c2\r\n );\r\n opacity: 1;\r\n transition: opacity 0.5s;\r\n animation: spin 2.5s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n 0% {\r\n --rotate: 0deg;\r\n }\r\n 100% {\r\n --rotate: 360deg;\r\n }\r\n}\r\n\r\n/* 大标题 */\r\nh1::before {\r\n transform: scaleX(0);\r\n transform-origin: bottom right;\r\n }\r\n \r\n h1:hover::before {\r\n transform: scaleX(1);\r\n transform-origin: bottom left;\r\n }\r\n \r\n h1::before {\r\n content: \" \";\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n inset: 0 0 0 0;\r\n background: hsl(200 100% 80%);\r\n z-index: -1;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n h1 {\r\n position: relative;\r\n font-size: 3rem;\r\n }\r\n\r\n .typing-demo {\r\n width: 22ch;\r\n animation: typing 2s steps(22), blink .5s step-end infinite alternate;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n border-right: 3px solid;\r\n font-family: monospace;\r\n font-size: 2em;\r\n }\r\n \r\n @keyframes typing {\r\n from {\r\n width: 0\r\n }\r\n }\r\n \r\n @keyframes blink {\r\n 50% {\r\n border-color: transparent\r\n }\r\n }\r\n \r\n.hndm {\r\n background-image: linear-gradient(to right, rgb(50, 153, 210), rgb(239, 189, 181));\r\n background-position: initial;\r\n background-size: initial;\r\n background-repeat: initial;\r\n background-attachment: initial;\r\n background-origin: initial;\r\n background-clip: initial;\r\n color: rgb(255, 255, 255);\r\n padding-right: 4px;\r\n padding-left: 4px;\r\n display: inline-block;\r\n border-radius: 4px;\r\n margin-right: 2px;\r\n margin-left: 2px;\r\n letter-spacing: 1px;\r\n}\r\n/* \r\n目前参考的文献资料：\r\nhttps://mac.ncs.fun/mei-hua-xlog\r\nhttps://birdgg.me/xlog-cutom-css\r\nhttps://endercat.xlog.app/zai-bo-ke-shang-shi-yong-hei-tiao-zi-md\r\nhttps://mac.ncs.fun/mei-hua-xlog-ji-ben-ding-gao \r\n*/\r\n\r\n\r\n\r\n",
"trait_type": "xlog_css"
},
{
"value": "",
"trait_type": "xlog_ga"
},
{
"value": "",
"trait_type": "xlog_ua"
},
{
"value": "",
"trait_type": "xlog_uh"
},
{
"value": "滑稽酱的分流专用页",
"trait_type": "xlog_site_name"
}
]
}
