diff --git "a/2024/10/23/1.\345\210\233\345\273\272vite\351\241\271\347\233\256/index.html" "b/2024/10/23/1.\345\210\233\345\273\272vite\351\241\271\347\233\256/index.html" index a747762..4f455ff 100644 --- "a/2024/10/23/1.\345\210\233\345\273\272vite\351\241\271\347\233\256/index.html" +++ "b/2024/10/23/1.\345\210\233\345\273\272vite\351\241\271\347\233\256/index.html" @@ -1,222 +1,355 @@ - - - - - - - hainoir's blog - - - - - - - - - - - - - - - - - - - - - +hainoir's blog | hainoir's blog
加载头像
原创

无题

发表于更新于
长沙

无题

1.创建vite项目

1
npm create vite
- - - - -
-

归档

-
- -
-
- - -
-

最新文章

-
-
    - -
  • - (no title) -
    • - -
  • - (no title) -
    • - -
  • - (no title) -
    • - -
  • - (no title) -
    • +

    2.安装项目所有的依赖

    npm install（简写：npm i）

    +

    1.vue基础入门

    1.数据的双向绑定：ref（单个变量），reactive（对象）
    2.冒号（：） 表示传进去的参数
    艾特（@） 表示zu’jian
头像头像
hainoir
原创hainoir's blog
打赏作者
感谢你赐予我前进的力量
  • 微信
    微信
  • 支付宝
    支付宝
赞赏者名单
因为你们的支持让我意识到写文章的价值🙏
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 hainoir's blog！
avatar
最近发布
无题
无题
无题
无题
无题
引用到评论
随便逛逛博客分类文章标签
复制地址关闭热评深色模式轉為繁體
+ setTimeout(Log.bind(console, "%c W23-12 %c 你已打开控制台.", "color:white; background-color:#4f90d9", "")); + setTimeout( + console.warn.bind(console, "%c S013-782 %c 你现在正处于监控中.", "color:white; background-color:#d9534f", "") + ); +});
+ if (window.aplayers) { + for (let i = 0; i < window.aplayers.length; i++) { + if (!window.aplayers[i].options.fixed) { + window.aplayers[i].destroy() + } + } + } + + typeof typed === 'object' && typed.destroy() + + //reset readmode + const $bodyClassList = document.body.classList + $bodyClassList.contains('read-mode') && $bodyClassList.remove('read-mode') +}) +document.addEventListener('pjax:complete', function () { + window.refreshFn() + document.querySelectorAll('script[data-pjax]').forEach(item => { + const newScript = document.createElement('script') + const content = item.text || item.textContent || item.innerHTML || "" + Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value)) + newScript.appendChild(document.createTextNode(content)) + item.parentNode.replaceChild(newScript, item) + }) + GLOBAL_CONFIG.islazyload && window.lazyLoadInstance.update() - + typeof panguInit === 'function' && panguInit() + // google analytics + typeof gtag === 'function' && gtag('config', '', {'page_path': window.location.pathname}); + // baidu analytics + typeof _hmt === 'object' && _hmt.push(['_trackPageview',window.location.pathname]); + typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting() + // prismjs + typeof Prism === 'object' && Prism.highlightAll() +}) -
- - \ No newline at end of file +document.addEventListener('pjax:error', e => { + if (e.request.status === 404) { + pjax.loadUrl('/404.html') + } +}) \ No newline at end of file diff --git "a/2024/10/23/1.\345\211\215\347\274\200\345\222\214\344\270\216\345\267\256\345\210\206/index.html" "b/2024/10/23/1.\345\211\215\347\274\200\345\222\214\344\270\216\345\267\256\345\210\206/index.html" index ef6d7f5..cf8cbb0 100644 --- "a/2024/10/23/1.\345\211\215\347\274\200\345\222\214\344\270\216\345\267\256\345\210\206/index.html" +++ "b/2024/10/23/1.\345\211\215\347\274\200\345\222\214\344\270\216\345\267\256\345\210\206/index.html" @@ -1,89 +1,209 @@ - - - - - - - hainoir's blog - - - - - - - - - - - - - - - - - - - - - +hainoir's blog | hainoir's blog
加载头像
原创

无题

发表于更新于
长沙

无题

1.prefix 前缀和数组

p[i] = p[i-1] + a[i];

优点：便于数组查找

2.diff 差分数组

d[i] = a[i] - a[i-1];

优点：便于数组修改

@@ -96,135 +216,148 @@

- 分享 - - - - -

- - -
引用到评论
随便逛逛博客分类文章标签
复制地址关闭热评深色模式轉為繁體
- - - - - + //reset readmode + const $bodyClassList = document.body.classList + $bodyClassList.contains('read-mode') && $bodyClassList.remove('read-mode') +}) +document.addEventListener('pjax:complete', function () { + window.refreshFn() + document.querySelectorAll('script[data-pjax]').forEach(item => { + const newScript = document.createElement('script') + const content = item.text || item.textContent || item.innerHTML || "" + Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value)) + newScript.appendChild(document.createTextNode(content)) + item.parentNode.replaceChild(newScript, item) + }) + GLOBAL_CONFIG.islazyload && window.lazyLoadInstance.update() - + typeof panguInit === 'function' && panguInit() + // google analytics + typeof gtag === 'function' && gtag('config', '', {'page_path': window.location.pathname}); + // baidu analytics + typeof _hmt === 'object' && _hmt.push(['_trackPageview',window.location.pathname]); + typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting() + // prismjs + typeof Prism === 'object' && Prism.highlightAll() +}) -
- - \ No newline at end of file +document.addEventListener('pjax:error', e => { + if (e.request.status === 404) { + pjax.loadUrl('/404.html') + } +}) \ No newline at end of file diff --git "a/2024/10/23/2.\344\275\215\350\277\220\347\256\227\345\217\214\346\214\207\351\222\210\346\216\222\345\272\217\344\272\214\345\210\206/index.html" "b/2024/10/23/2.\344\275\215\350\277\220\347\256\227\345\217\214\346\214\207\351\222\210\346\216\222\345\272\217\344\272\214\345\210\206/index.html" index d4a16da..f4f38d5 100644 --- "a/2024/10/23/2.\344\275\215\350\277\220\347\256\227\345\217\214\346\214\207\351\222\210\346\216\222\345\272\217\344\272\214\345\210\206/index.html" +++ "b/2024/10/23/2.\344\275\215\350\277\220\347\256\227\345\217\214\346\214\207\351\222\210\346\216\222\345\272\217\344\272\214\345\210\206/index.html" @@ -1,89 +1,209 @@ - - - - - - - hainoir's blog - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
\ No newline at end of file diff --git "a/2024/10/23/C++\344\270\255\345\220\204\347\261\273\345\207\275\346\225\260\347\232\204\347\224\250\346\263\225/index.html" "b/2024/10/23/C++\344\270\255\345\220\204\347\261\273\345\207\275\346\225\260\347\232\204\347\224\250\346\263\225/index.html" index a28ae12..918efba 100644 --- "a/2024/10/23/C++\344\270\255\345\220\204\347\261\273\345\207\275\346\225\260\347\232\204\347\224\250\346\263\225/index.html" +++ "b/2024/10/23/C++\344\270\255\345\220\204\347\261\273\345\207\275\346\225\260\347\232\204\347\224\250\346\263\225/index.html" @@ -1,89 +1,209 @@ - - - - - - - hainoir's blog - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
\ No newline at end of file diff --git "a/2024/10/23/Java\345\255\227\347\254\246\344\270\262\346\226\271\346\263\225/index.html" "b/2024/10/23/Java\345\255\227\347\254\246\344\270\262\346\226\271\346\263\225/index.html" index 20bf3f3..380e22d 100644 --- "a/2024/10/23/Java\345\255\227\347\254\246\344\270\262\346\226\271\346\263\225/index.html" +++ "b/2024/10/23/Java\345\255\227\347\254\246\344\270\262\346\226\271\346\263\225/index.html" @@ -1,89 +1,209 @@ - - - - - - - hainoir's blog - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
\ No newline at end of file diff --git a/2024/10/23/hello-world/index.html b/2024/10/23/hello-world/index.html index 49e9107..a38f7ea 100644 --- a/2024/10/23/hello-world/index.html +++ b/2024/10/23/hello-world/index.html @@ -1,99 +1,209 @@ - - - - - - - Hello World | hainoir's blog - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
\ No newline at end of file diff --git "a/2024/10/23/vue \344\270\255 ref\345\222\214reactive/index.html" "b/2024/10/23/vue \344\270\255 ref\345\222\214reactive/index.html" index 733fe07..14a8d45 100644 --- "a/2024/10/23/vue \344\270\255 ref\345\222\214reactive/index.html" +++ "b/2024/10/23/vue \344\270\255 ref\345\222\214reactive/index.html" @@ -1,221 +1,354 @@ - - - - - - - hainoir's blog - - - - - - - - - - - - - - - - - - - - - +hainoir's blog | hainoir's blog
加载头像
原创

无题

发表于更新于
长沙

无题

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<template>
  <div>
    <h1>count:{{ obj2.name }}</h1>
    <button @click="handClick">点击</button>
  </div>
</template>

<script setup>
import { reactive, ref } from "vue";

const obj1 = reactive({
  name:"hainoir",
})//reactive 对多个变量使用

const obj2 = ref({
  name:"noirkl",
})//ref 对单个变量使用；使用ref对多变量操作时，需要取value；

const handClick =  () => {
  obj2.value.name = "noir";
}

</script>
- - -
-

最新文章

-
-
    - -
  • - (no title) -
    • - -
  • - (no title) -
    • - -
  • - (no title) -
    • - -
  • - (no title) -
    • +
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <template>
      <div>
        <h1>count:{{ count }}</h1>
        <button @click="count++">点击</button>  // 此处不取value，因为在template中，ref自动取value
      </div>
    </template>

    <script setup>
    import { ref } from "vue";
        
    const count = ref(0)
    </script>
    + +
头像头像
hainoir
原创hainoir's blog
打赏作者
感谢你赐予我前进的力量
  • 微信
    微信
  • 支付宝
    支付宝
赞赏者名单
因为你们的支持让我意识到写文章的价值🙏
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 hainoir's blog！
avatar
最近发布
无题
无题
无题
无题
无题
引用到评论
随便逛逛博客分类文章标签
复制地址关闭热评深色模式轉為繁體
+ setTimeout(Log.bind(console, "%c W23-12 %c 你已打开控制台.", "color:white; background-color:#4f90d9", "")); + setTimeout( + console.warn.bind(console, "%c S013-782 %c 你现在正处于监控中.", "color:white; background-color:#d9534f", "") + ); +});
+ if (window.aplayers) { + for (let i = 0; i < window.aplayers.length; i++) { + if (!window.aplayers[i].options.fixed) { + window.aplayers[i].destroy() + } + } + } + + typeof typed === 'object' && typed.destroy() + + //reset readmode + const $bodyClassList = document.body.classList + $bodyClassList.contains('read-mode') && $bodyClassList.remove('read-mode') +}) +document.addEventListener('pjax:complete', function () { + window.refreshFn() + document.querySelectorAll('script[data-pjax]').forEach(item => { + const newScript = document.createElement('script') + const content = item.text || item.textContent || item.innerHTML || "" + Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value)) + newScript.appendChild(document.createTextNode(content)) + item.parentNode.replaceChild(newScript, item) + }) + GLOBAL_CONFIG.islazyload && window.lazyLoadInstance.update() - + typeof panguInit === 'function' && panguInit() + // google analytics + typeof gtag === 'function' && gtag('config', '', {'page_path': window.location.pathname}); + // baidu analytics + typeof _hmt === 'object' && _hmt.push(['_trackPageview',window.location.pathname]); + typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting() + // prismjs + typeof Prism === 'object' && Prism.highlightAll() +}) -
- - \ No newline at end of file +document.addEventListener('pjax:error', e => { + if (e.request.status === 404) { + pjax.loadUrl('/404.html') + } +})
\ No newline at end of file diff --git a/404.html b/404.html new file mode 100644 index 0000000..911155d --- /dev/null +++ b/404.html @@ -0,0 +1,341 @@ +页面没有找到 | hainoir's blog
加载头像

404

请尝试站内搜索寻找文章
回到主页
无题
无题
无题
无题
无题
无题
引用到评论
随便逛逛博客分类文章标签
复制地址关闭热评深色模式轉為繁體
\ No newline at end of file diff --git a/anzhiyu/random.js b/anzhiyu/random.js new file mode 100644 index 0000000..45effdf --- /dev/null +++ b/anzhiyu/random.js @@ -0,0 +1,3 @@ +var posts=["2024/10/23/1.创建vite项目/","2024/10/23/1.前缀和与差分/","2024/10/23/2.位运算双指针排序二分/","2024/10/23/Java字符串方法/","2024/10/23/hello-world/","2024/10/23/C++中各类函数的用法/","2024/10/23/vue 中 ref和reactive/"];function toRandomPost(){ + pjax.loadUrl('/'+posts[Math.floor(Math.random() * posts.length)]); + }; \ No newline at end of file diff --git a/archives/2024/10/index.html b/archives/2024/10/index.html index 0cda2ca..a288a3e 100644 --- a/archives/2024/10/index.html +++ b/archives/2024/10/index.html @@ -1,279 +1,341 @@ - - - - - - - 归档: 2024/10 | hainoir's blog - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
- +十月 2024 | hainoir's blog
加载头像
文章总览 - 7
2024
无题1
无题2
无题3
无题4
无题5
无题6
Hello World7
avatar
归档
网站资讯
文章总数 :
7
建站天数 :
引用到评论
随便逛逛博客分类文章标签
复制地址关闭热评深色模式轉為繁體
+ setTimeout(Log.bind(console, "%c W23-12 %c 你已打开控制台.", "color:white; background-color:#4f90d9", "")); + setTimeout( + console.warn.bind(console, "%c S013-782 %c 你现在正处于监控中.", "color:white; background-color:#d9534f", "") + ); +});
+ document.getElementById('rightside').classList.remove('rightside-show') + + if (window.aplayers) { + for (let i = 0; i < window.aplayers.length; i++) { + if (!window.aplayers[i].options.fixed) { + window.aplayers[i].destroy() + } + } + } + + typeof typed === 'object' && typed.destroy() + + //reset readmode + const $bodyClassList = document.body.classList + $bodyClassList.contains('read-mode') && $bodyClassList.remove('read-mode') +}) +document.addEventListener('pjax:complete', function () { + window.refreshFn() + document.querySelectorAll('script[data-pjax]').forEach(item => { + const newScript = document.createElement('script') + const content = item.text || item.textContent || item.innerHTML || "" + Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value)) + newScript.appendChild(document.createTextNode(content)) + item.parentNode.replaceChild(newScript, item) + }) + GLOBAL_CONFIG.islazyload && window.lazyLoadInstance.update() - + typeof panguInit === 'function' && panguInit() + // google analytics + typeof gtag === 'function' && gtag('config', '', {'page_path': window.location.pathname}); + // baidu analytics + typeof _hmt === 'object' && _hmt.push(['_trackPageview',window.location.pathname]); + typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting() + // prismjs + typeof Prism === 'object' && Prism.highlightAll() +}) -
- - \ No newline at end of file +document.addEventListener('pjax:error', e => { + if (e.request.status === 404) { + pjax.loadUrl('/404.html') + } +})
\ No newline at end of file diff --git a/archives/2024/index.html b/archives/2024/index.html index 2e4c8a9..6ccdd56 100644 --- a/archives/2024/index.html +++ b/archives/2024/index.html @@ -1,279 +1,341 @@ - - - - - - - 归档: 2024 | hainoir's blog - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
- +2024 | hainoir's blog
加载头像
文章总览 - 7
2024
无题1
无题2
无题3
无题4
无题5
无题6
Hello World7
avatar
归档
网站资讯
文章总数 :
7
建站天数 :
引用到评论
随便逛逛博客分类文章标签
复制地址关闭热评深色模式轉為繁體
+ setTimeout(Log.bind(console, "%c W23-12 %c 你已打开控制台.", "color:white; background-color:#4f90d9", "")); + setTimeout( + console.warn.bind(console, "%c S013-782 %c 你现在正处于监控中.", "color:white; background-color:#d9534f", "") + ); +});
+ document.getElementById('rightside').classList.remove('rightside-show') + + if (window.aplayers) { + for (let i = 0; i < window.aplayers.length; i++) { + if (!window.aplayers[i].options.fixed) { + window.aplayers[i].destroy() + } + } + } + + typeof typed === 'object' && typed.destroy() + + //reset readmode + const $bodyClassList = document.body.classList + $bodyClassList.contains('read-mode') && $bodyClassList.remove('read-mode') +}) +document.addEventListener('pjax:complete', function () { + window.refreshFn() + document.querySelectorAll('script[data-pjax]').forEach(item => { + const newScript = document.createElement('script') + const content = item.text || item.textContent || item.innerHTML || "" + Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value)) + newScript.appendChild(document.createTextNode(content)) + item.parentNode.replaceChild(newScript, item) + }) + GLOBAL_CONFIG.islazyload && window.lazyLoadInstance.update() - + typeof panguInit === 'function' && panguInit() + // google analytics + typeof gtag === 'function' && gtag('config', '', {'page_path': window.location.pathname}); + // baidu analytics + typeof _hmt === 'object' && _hmt.push(['_trackPageview',window.location.pathname]); + typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting() + // prismjs + typeof Prism === 'object' && Prism.highlightAll() +}) -
- - \ No newline at end of file +document.addEventListener('pjax:error', e => { + if (e.request.status === 404) { + pjax.loadUrl('/404.html') + } +})
\ No newline at end of file diff --git a/archives/index.html b/archives/index.html index 8ce9dad..381c097 100644 --- a/archives/index.html +++ b/archives/index.html @@ -1,279 +1,341 @@ - - - - - - - 归档 | hainoir's blog - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
- +归档 | hainoir's blog
加载头像
文章总览 - 7
2024
无题1
无题2
无题3
无题4
无题5
无题6
Hello World7
avatar
归档
网站资讯
文章总数 :
7
建站天数 :
引用到评论
随便逛逛博客分类文章标签
复制地址关闭热评深色模式轉為繁體
+ setTimeout(Log.bind(console, "%c W23-12 %c 你已打开控制台.", "color:white; background-color:#4f90d9", "")); + setTimeout( + console.warn.bind(console, "%c S013-782 %c 你现在正处于监控中.", "color:white; background-color:#d9534f", "") + ); +});
+ document.getElementById('rightside').classList.remove('rightside-show') + + if (window.aplayers) { + for (let i = 0; i < window.aplayers.length; i++) { + if (!window.aplayers[i].options.fixed) { + window.aplayers[i].destroy() + } + } + } + + typeof typed === 'object' && typed.destroy() + + //reset readmode + const $bodyClassList = document.body.classList + $bodyClassList.contains('read-mode') && $bodyClassList.remove('read-mode') +}) +document.addEventListener('pjax:complete', function () { + window.refreshFn() + document.querySelectorAll('script[data-pjax]').forEach(item => { + const newScript = document.createElement('script') + const content = item.text || item.textContent || item.innerHTML || "" + Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value)) + newScript.appendChild(document.createTextNode(content)) + item.parentNode.replaceChild(newScript, item) + }) + GLOBAL_CONFIG.islazyload && window.lazyLoadInstance.update() - + typeof panguInit === 'function' && panguInit() + // google analytics + typeof gtag === 'function' && gtag('config', '', {'page_path': window.location.pathname}); + // baidu analytics + typeof _hmt === 'object' && _hmt.push(['_trackPageview',window.location.pathname]); + typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting() + // prismjs + typeof Prism === 'object' && Prism.highlightAll() +}) -
- - \ No newline at end of file +document.addEventListener('pjax:error', e => { + if (e.request.status === 404) { + pjax.loadUrl('/404.html') + } +})
\ No newline at end of file diff --git a/css/images/banner.jpg b/css/images/banner.jpg deleted file mode 100644 index b963e06..0000000 Binary files a/css/images/banner.jpg and /dev/null differ diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..b4b1ac0 --- /dev/null +++ b/css/index.css @@ -0,0 +1,27352 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ +html { + line-height: 1.15; + -webkit-text-size-adjust: 100%; +} + +/* 滚动条轨道样式 */ +::-webkit-scrollbar-track { + background-color: transparent; +} + +/* 滚动条滑块样式 */ +::-webkit-scrollbar-thumb { + background-color: #888; + opacity: 1; + transition: opacity 0.5s; +} + +/* 滚动条消失动画 */ +@keyframes fadeOut { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} + +/* 在滚动容器上应用动画 */ +html:hover::-webkit-scrollbar-thumb { + animation: fadeOut 1s 1s forwards; +} + +body { + margin: 0; + padding: 0; + overflow-x: clip; + overscroll-behavior: none; +} + +main { + display: block; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +pre { + font-family: monospace, monospace; + font-size: 1em; +} + +a { + background-color: transparent; +} + +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; +} + +b, +strong { + font-weight: bolder; +} + +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +img { + border-style: none; + border-radius: 8px; + max-width: 100%; + transition: all 0.2s ease 0s; + -webkit-user-drag: none; /* WebKit */ + -khtml-user-drag: none; /* KHTML */ + -moz-user-drag: none; /* Gecko */ + -ms-user-drag: none; /* Trident/Edge */ + user-drag: none; +} + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + font-size: 100%; + line-height: 1.15; + margin: 0; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +[type="button"], +[type="reset"], +[type="submit"], +button { + -webkit-appearance: button; +} + +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner, +button::-moz-focus-inner { + border-style: none; + padding: 0; +} + +img.fancybox__image { + border-radius: 0; +} +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring, +button:-moz-focusring { + outline: 1px dotted ButtonText; +} + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +textarea { + overflow: auto; +} + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +[type="search"] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +details { + display: block; +} + +summary { + display: list-item; +} + +template { + display: none; +} + +[hidden] { + display: none; +} + +.limit-one-line, +#article-container .anzhiyu-flink-list .flink-list-item .flink-item-info .flink-item-name, +#article-container .anzhiyu-flink-list .flink-list-item .flink-item-info .flink-item-desc, +#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a span, +#aside-content .card-categories ul.card-category-list > .card-category-list-item a span, +.site-data > a .headline, +#pagination .prev_info, +#pagination .next_info, +#sidebar #sidebar-menus .menus_items .site-page { + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + white-space: nowrap; +} +.limit-more-line, +.error404 #error-wrap .error-content .error-info .error_subtitle, +.article-sort-item-title, +#recent-posts > .recent-post-item >.recent-post-info > .content, +#aside-content .aside-list > .aside-list-item .content > .name, +#aside-content .aside-list > .aside-list-item .content > .title, +#aside-content .aside-list > .aside-list-item .content > .comment, +#post-info .post-title, +.relatedPosts > .relatedPosts-list .content .title, +#content-inner figure.gallery-group p, +#content-inner figure.gallery-group .gallery-group-name { + display: -webkit-box; + overflow: hidden; + -webkit-box-orient: vertical; +} +.fontbold { + font-weight: bold; +} +.anzhiyu-icon-spinner { + margin: 0; + width: 16px; + line-height: 16px; + height: 16px; +} +.anzhiyufont, +hr:before, +#article-container a.headerlink::before, +#post .post-outdate-notice:before, +.note:not(.no-icon)::before { + font-family: "anzhiyufont"; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.anzhiyufont::before { + font-family: "anzhiyufont" !important; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.cardHover, +.error404 #error-wrap .error-content, +#recent-posts > .recent-post-item, +#aside-content .card-widget, +.layout > .recent-posts .pagination > *:not(.space):not(pangu) { + border-radius: 8px; + background: var(--card-bg); + -webkit-box-shadow: var(--card-box-shadow); + box-shadow: var(--card-box-shadow); + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -ms-transition: all 0.3s; + transition: all 0.3s; +} +.imgHover, +.error404 #error-wrap .error-content .error-img img, +.article-sort-item-img img, +#aside-content .aside-list > .aside-list-item .thumbnail > img { + width: 100%; + height: 100%; + -webkit-transition: filter 375ms ease-in 0.2s, -webkit-transform 0.6s; + -moz-transition: filter 375ms ease-in 0.2s, -moz-transform 0.6s; + -o-transition: filter 375ms ease-in 0.2s, -o-transform 0.6s; + -ms-transition: filter 375ms ease-in 0.2s, -ms-transform 0.6s; + transition: filter 375ms ease-in 0.2s, transform 0.6s; + object-fit: cover; +} +.imgHover:hover, +.error404 #error-wrap .error-content .error-img img:hover, +.article-sort-item-img img:hover, +#aside-content .aside-list > .aside-list-item .thumbnail > img:hover { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} +.postImgHover:hover img, +#pagination .prev-post:hover img, +#pagination .next-post:hover img, +.relatedPosts > .relatedPosts-list > div:hover img { + opacity: 0.8; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + filter: alpha(opacity=80); + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} +.postImgHover img, +#pagination .prev-post img, +#pagination .next-post img, +.relatedPosts > .relatedPosts-list > div img { + position: absolute; + width: 100%; + height: 100%; + opacity: 0.4; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter: alpha(opacity=40); + -webkit-transition: all 0.6s, filter 375ms ease-in 0.2s; + -moz-transition: all 0.6s, filter 375ms ease-in 0.2s; + -o-transition: all 0.6s, filter 375ms ease-in 0.2s; + -ms-transition: all 0.6s, filter 375ms ease-in 0.2s; + transition: all 0.6s, filter 375ms ease-in 0.2s; + object-fit: cover; + border-radius: 0; +} +.list-beauty, +.category-lists ul { + list-style: none; +} +.list-beauty li, +.category-lists ul li { + position: relative; + padding: 0.12em 0.4em 0.12em 1.4em; +} +.list-beauty li:hover:before, +.category-lists ul li:hover:before { + border-color: var(--pseudo-hover); +} +.list-beauty li:before, +.category-lists ul li:before { + position: absolute; + top: 0.67em; + left: 0; + width: 0.43em; + height: 0.43em; + border: 0.215em solid #425aef; + border-radius: 0.43em; + background: transparent; + content: ''; + cursor: pointer; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + -ms-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} +.scroll-down-effects { + -webkit-animation: scroll-down-effect 1.5s infinite; + -moz-animation: scroll-down-effect 1.5s infinite; + -o-animation: scroll-down-effect 1.5s infinite; + -ms-animation: scroll-down-effect 1.5s infinite; + animation: scroll-down-effect 1.5s infinite; +} +.anzhiyu-spin { + display: inline-block; + -webkit-transform-origin: 50% 50%; + -moz-transform-origin: 50% 50%; + -o-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-animation-name: anzhiyu-spin; + -moz-animation-name: anzhiyu-spin; + -o-animation-name: anzhiyu-spin; + -ms-animation-name: anzhiyu-spin; + animation-name: anzhiyu-spin; + -webkit-animation-duration: var(--anzhiyu-animation-duration, 2s); + -moz-animation-duration: var(--anzhiyu-animation-duration, 2s); + -o-animation-duration: var(--anzhiyu-animation-duration, 2s); + -ms-animation-duration: var(--anzhiyu-animation-duration, 2s); + animation-duration: var(--anzhiyu-animation-duration, 2s); + -webkit-animation-iteration-count: var(--anzhiyu-animation-iteration-count, infinite); + -moz-animation-iteration-count: var(--anzhiyu-animation-iteration-count, infinite); + -o-animation-iteration-count: var(--anzhiyu-animation-iteration-count, infinite); + -ms-animation-iteration-count: var(--anzhiyu-animation-iteration-count, infinite); + animation-iteration-count: var(--anzhiyu-animation-iteration-count, infinite); + -webkit-animation-timing-function: var(--anzhiyu-animation-timing, linear); + -moz-animation-timing-function: var(--anzhiyu-animation-timing, linear); + -o-animation-timing-function: var(--anzhiyu-animation-timing, linear); + -ms-animation-timing-function: var(--anzhiyu-animation-timing, linear); + animation-timing-function: var(--anzhiyu-animation-timing, linear); +} +.anzhiyu-pulse-icon { + -webkit-animation: anzhiyu-pulse-animation 1s infinite linear; + -moz-animation: anzhiyu-pulse-animation 1s infinite linear; + -o-animation: anzhiyu-pulse-animation 1s infinite linear; + -ms-animation: anzhiyu-pulse-animation 1s infinite linear; + animation: anzhiyu-pulse-animation 1s infinite linear; +} +.anzhiyu-shake:hover { + -webkit-animation: shake 0.8s; + -moz-animation: shake 0.8s; + -o-animation: shake 0.8s; + -ms-animation: shake 0.8s; + animation: shake 0.8s; +} +.reward-main { + -webkit-animation: donate_effcet 0.3s 0.1s ease both; + -moz-animation: donate_effcet 0.3s 0.1s ease both; + -o-animation: donate_effcet 0.3s 0.1s ease both; + -ms-animation: donate_effcet 0.3s 0.1s ease both; + animation: donate_effcet 0.3s 0.1s ease both; +} +@property --anzhiyu-header-translateY { + syntax: ""; + inherits: true; + initial-value: 0px; +} +@property --anzhiyu-header-info-scale { + syntax: ""; + inherits: true; + initial-value: 1; +} +@property --anzhiyu-header-cover-scale { + syntax: ""; + inherits: true; + initial-value: 2; +} +@-moz-keyframes anzhiyu-shake { + 0% { + -webkit-transform: translate(1px, 1px) rotate(0deg); + -moz-transform: translate(1px, 1px) rotate(0deg); + -o-transform: translate(1px, 1px) rotate(0deg); + -ms-transform: translate(1px, 1px) rotate(0deg); + transform: translate(1px, 1px) rotate(0deg); + } + 10% { + -webkit-transform: translate(-1px, -2px) rotate(-1deg); + -moz-transform: translate(-1px, -2px) rotate(-1deg); + -o-transform: translate(-1px, -2px) rotate(-1deg); + -ms-transform: translate(-1px, -2px) rotate(-1deg); + transform: translate(-1px, -2px) rotate(-1deg); + } + 20% { + -webkit-transform: translate(-3px, 0px) rotate(1deg); + -moz-transform: translate(-3px, 0px) rotate(1deg); + -o-transform: translate(-3px, 0px) rotate(1deg); + -ms-transform: translate(-3px, 0px) rotate(1deg); + transform: translate(-3px, 0px) rotate(1deg); + } + 30% { + -webkit-transform: translate(3px, 2px) rotate(0deg); + -moz-transform: translate(3px, 2px) rotate(0deg); + -o-transform: translate(3px, 2px) rotate(0deg); + -ms-transform: translate(3px, 2px) rotate(0deg); + transform: translate(3px, 2px) rotate(0deg); + } + 40% { + -webkit-transform: translate(1px, -1px) rotate(1deg); + -moz-transform: translate(1px, -1px) rotate(1deg); + -o-transform: translate(1px, -1px) rotate(1deg); + -ms-transform: translate(1px, -1px) rotate(1deg); + transform: translate(1px, -1px) rotate(1deg); + } + 50% { + -webkit-transform: translate(-1px, 2px) rotate(-1deg); + -moz-transform: translate(-1px, 2px) rotate(-1deg); + -o-transform: translate(-1px, 2px) rotate(-1deg); + -ms-transform: translate(-1px, 2px) rotate(-1deg); + transform: translate(-1px, 2px) rotate(-1deg); + } + 60% { + -webkit-transform: translate(-3px, 1px) rotate(0deg); + -moz-transform: translate(-3px, 1px) rotate(0deg); + -o-transform: translate(-3px, 1px) rotate(0deg); + -ms-transform: translate(-3px, 1px) rotate(0deg); + transform: translate(-3px, 1px) rotate(0deg); + } + 70% { + -webkit-transform: translate(3px, 1px) rotate(-1deg); + -moz-transform: translate(3px, 1px) rotate(-1deg); + -o-transform: translate(3px, 1px) rotate(-1deg); + -ms-transform: translate(3px, 1px) rotate(-1deg); + transform: translate(3px, 1px) rotate(-1deg); + } + 80% { + -webkit-transform: translate(-1px, -1px) rotate(1deg); + -moz-transform: translate(-1px, -1px) rotate(1deg); + -o-transform: translate(-1px, -1px) rotate(1deg); + -ms-transform: translate(-1px, -1px) rotate(1deg); + transform: translate(-1px, -1px) rotate(1deg); + } + 90% { + -webkit-transform: translate(1px, 2px) rotate(0deg); + -moz-transform: translate(1px, 2px) rotate(0deg); + -o-transform: translate(1px, 2px) rotate(0deg); + -ms-transform: translate(1px, 2px) rotate(0deg); + transform: translate(1px, 2px) rotate(0deg); + } + 100% { + -webkit-transform: translate(1px, -2px) rotate(-1deg); + -moz-transform: translate(1px, -2px) rotate(-1deg); + -o-transform: translate(1px, -2px) rotate(-1deg); + -ms-transform: translate(1px, -2px) rotate(-1deg); + transform: translate(1px, -2px) rotate(-1deg); + } +} +@-webkit-keyframes anzhiyu-shake { + 0% { + -webkit-transform: translate(1px, 1px) rotate(0deg); + -moz-transform: translate(1px, 1px) rotate(0deg); + -o-transform: translate(1px, 1px) rotate(0deg); + -ms-transform: translate(1px, 1px) rotate(0deg); + transform: translate(1px, 1px) rotate(0deg); + } + 10% { + -webkit-transform: translate(-1px, -2px) rotate(-1deg); + -moz-transform: translate(-1px, -2px) rotate(-1deg); + -o-transform: translate(-1px, -2px) rotate(-1deg); + -ms-transform: translate(-1px, -2px) rotate(-1deg); + transform: translate(-1px, -2px) rotate(-1deg); + } + 20% { + -webkit-transform: translate(-3px, 0px) rotate(1deg); + -moz-transform: translate(-3px, 0px) rotate(1deg); + -o-transform: translate(-3px, 0px) rotate(1deg); + -ms-transform: translate(-3px, 0px) rotate(1deg); + transform: translate(-3px, 0px) rotate(1deg); + } + 30% { + -webkit-transform: translate(3px, 2px) rotate(0deg); + -moz-transform: translate(3px, 2px) rotate(0deg); + -o-transform: translate(3px, 2px) rotate(0deg); + -ms-transform: translate(3px, 2px) rotate(0deg); + transform: translate(3px, 2px) rotate(0deg); + } + 40% { + -webkit-transform: translate(1px, -1px) rotate(1deg); + -moz-transform: translate(1px, -1px) rotate(1deg); + -o-transform: translate(1px, -1px) rotate(1deg); + -ms-transform: translate(1px, -1px) rotate(1deg); + transform: translate(1px, -1px) rotate(1deg); + } + 50% { + -webkit-transform: translate(-1px, 2px) rotate(-1deg); + -moz-transform: translate(-1px, 2px) rotate(-1deg); + -o-transform: translate(-1px, 2px) rotate(-1deg); + -ms-transform: translate(-1px, 2px) rotate(-1deg); + transform: translate(-1px, 2px) rotate(-1deg); + } + 60% { + -webkit-transform: translate(-3px, 1px) rotate(0deg); + -moz-transform: translate(-3px, 1px) rotate(0deg); + -o-transform: translate(-3px, 1px) rotate(0deg); + -ms-transform: translate(-3px, 1px) rotate(0deg); + transform: translate(-3px, 1px) rotate(0deg); + } + 70% { + -webkit-transform: translate(3px, 1px) rotate(-1deg); + -moz-transform: translate(3px, 1px) rotate(-1deg); + -o-transform: translate(3px, 1px) rotate(-1deg); + -ms-transform: translate(3px, 1px) rotate(-1deg); + transform: translate(3px, 1px) rotate(-1deg); + } + 80% { + -webkit-transform: translate(-1px, -1px) rotate(1deg); + -moz-transform: translate(-1px, -1px) rotate(1deg); + -o-transform: translate(-1px, -1px) rotate(1deg); + -ms-transform: translate(-1px, -1px) rotate(1deg); + transform: translate(-1px, -1px) rotate(1deg); + } + 90% { + -webkit-transform: translate(1px, 2px) rotate(0deg); + -moz-transform: translate(1px, 2px) rotate(0deg); + -o-transform: translate(1px, 2px) rotate(0deg); + -ms-transform: translate(1px, 2px) rotate(0deg); + transform: translate(1px, 2px) rotate(0deg); + } + 100% { + -webkit-transform: translate(1px, -2px) rotate(-1deg); + -moz-transform: translate(1px, -2px) rotate(-1deg); + -o-transform: translate(1px, -2px) rotate(-1deg); + -ms-transform: translate(1px, -2px) rotate(-1deg); + transform: translate(1px, -2px) rotate(-1deg); + } +} +@-o-keyframes anzhiyu-shake { + 0% { + -webkit-transform: translate(1px, 1px) rotate(0deg); + -moz-transform: translate(1px, 1px) rotate(0deg); + -o-transform: translate(1px, 1px) rotate(0deg); + -ms-transform: translate(1px, 1px) rotate(0deg); + transform: translate(1px, 1px) rotate(0deg); + } + 10% { + -webkit-transform: translate(-1px, -2px) rotate(-1deg); + -moz-transform: translate(-1px, -2px) rotate(-1deg); + -o-transform: translate(-1px, -2px) rotate(-1deg); + -ms-transform: translate(-1px, -2px) rotate(-1deg); + transform: translate(-1px, -2px) rotate(-1deg); + } + 20% { + -webkit-transform: translate(-3px, 0px) rotate(1deg); + -moz-transform: translate(-3px, 0px) rotate(1deg); + -o-transform: translate(-3px, 0px) rotate(1deg); + -ms-transform: translate(-3px, 0px) rotate(1deg); + transform: translate(-3px, 0px) rotate(1deg); + } + 30% { + -webkit-transform: translate(3px, 2px) rotate(0deg); + -moz-transform: translate(3px, 2px) rotate(0deg); + -o-transform: translate(3px, 2px) rotate(0deg); + -ms-transform: translate(3px, 2px) rotate(0deg); + transform: translate(3px, 2px) rotate(0deg); + } + 40% { + -webkit-transform: translate(1px, -1px) rotate(1deg); + -moz-transform: translate(1px, -1px) rotate(1deg); + -o-transform: translate(1px, -1px) rotate(1deg); + -ms-transform: translate(1px, -1px) rotate(1deg); + transform: translate(1px, -1px) rotate(1deg); + } + 50% { + -webkit-transform: translate(-1px, 2px) rotate(-1deg); + -moz-transform: translate(-1px, 2px) rotate(-1deg); + -o-transform: translate(-1px, 2px) rotate(-1deg); + -ms-transform: translate(-1px, 2px) rotate(-1deg); + transform: translate(-1px, 2px) rotate(-1deg); + } + 60% { + -webkit-transform: translate(-3px, 1px) rotate(0deg); + -moz-transform: translate(-3px, 1px) rotate(0deg); + -o-transform: translate(-3px, 1px) rotate(0deg); + -ms-transform: translate(-3px, 1px) rotate(0deg); + transform: translate(-3px, 1px) rotate(0deg); + } + 70% { + -webkit-transform: translate(3px, 1px) rotate(-1deg); + -moz-transform: translate(3px, 1px) rotate(-1deg); + -o-transform: translate(3px, 1px) rotate(-1deg); + -ms-transform: translate(3px, 1px) rotate(-1deg); + transform: translate(3px, 1px) rotate(-1deg); + } + 80% { + -webkit-transform: translate(-1px, -1px) rotate(1deg); + -moz-transform: translate(-1px, -1px) rotate(1deg); + -o-transform: translate(-1px, -1px) rotate(1deg); + -ms-transform: translate(-1px, -1px) rotate(1deg); + transform: translate(-1px, -1px) rotate(1deg); + } + 90% { + -webkit-transform: translate(1px, 2px) rotate(0deg); + -moz-transform: translate(1px, 2px) rotate(0deg); + -o-transform: translate(1px, 2px) rotate(0deg); + -ms-transform: translate(1px, 2px) rotate(0deg); + transform: translate(1px, 2px) rotate(0deg); + } + 100% { + -webkit-transform: translate(1px, -2px) rotate(-1deg); + -moz-transform: translate(1px, -2px) rotate(-1deg); + -o-transform: translate(1px, -2px) rotate(-1deg); + -ms-transform: translate(1px, -2px) rotate(-1deg); + transform: translate(1px, -2px) rotate(-1deg); + } +} +@keyframes anzhiyu-shake { + 0% { + -webkit-transform: translate(1px, 1px) rotate(0deg); + -moz-transform: translate(1px, 1px) rotate(0deg); + -o-transform: translate(1px, 1px) rotate(0deg); + -ms-transform: translate(1px, 1px) rotate(0deg); + transform: translate(1px, 1px) rotate(0deg); + } + 10% { + -webkit-transform: translate(-1px, -2px) rotate(-1deg); + -moz-transform: translate(-1px, -2px) rotate(-1deg); + -o-transform: translate(-1px, -2px) rotate(-1deg); + -ms-transform: translate(-1px, -2px) rotate(-1deg); + transform: translate(-1px, -2px) rotate(-1deg); + } + 20% { + -webkit-transform: translate(-3px, 0px) rotate(1deg); + -moz-transform: translate(-3px, 0px) rotate(1deg); + -o-transform: translate(-3px, 0px) rotate(1deg); + -ms-transform: translate(-3px, 0px) rotate(1deg); + transform: translate(-3px, 0px) rotate(1deg); + } + 30% { + -webkit-transform: translate(3px, 2px) rotate(0deg); + -moz-transform: translate(3px, 2px) rotate(0deg); + -o-transform: translate(3px, 2px) rotate(0deg); + -ms-transform: translate(3px, 2px) rotate(0deg); + transform: translate(3px, 2px) rotate(0deg); + } + 40% { + -webkit-transform: translate(1px, -1px) rotate(1deg); + -moz-transform: translate(1px, -1px) rotate(1deg); + -o-transform: translate(1px, -1px) rotate(1deg); + -ms-transform: translate(1px, -1px) rotate(1deg); + transform: translate(1px, -1px) rotate(1deg); + } + 50% { + -webkit-transform: translate(-1px, 2px) rotate(-1deg); + -moz-transform: translate(-1px, 2px) rotate(-1deg); + -o-transform: translate(-1px, 2px) rotate(-1deg); + -ms-transform: translate(-1px, 2px) rotate(-1deg); + transform: translate(-1px, 2px) rotate(-1deg); + } + 60% { + -webkit-transform: translate(-3px, 1px) rotate(0deg); + -moz-transform: translate(-3px, 1px) rotate(0deg); + -o-transform: translate(-3px, 1px) rotate(0deg); + -ms-transform: translate(-3px, 1px) rotate(0deg); + transform: translate(-3px, 1px) rotate(0deg); + } + 70% { + -webkit-transform: translate(3px, 1px) rotate(-1deg); + -moz-transform: translate(3px, 1px) rotate(-1deg); + -o-transform: translate(3px, 1px) rotate(-1deg); + -ms-transform: translate(3px, 1px) rotate(-1deg); + transform: translate(3px, 1px) rotate(-1deg); + } + 80% { + -webkit-transform: translate(-1px, -1px) rotate(1deg); + -moz-transform: translate(-1px, -1px) rotate(1deg); + -o-transform: translate(-1px, -1px) rotate(1deg); + -ms-transform: translate(-1px, -1px) rotate(1deg); + transform: translate(-1px, -1px) rotate(1deg); + } + 90% { + -webkit-transform: translate(1px, 2px) rotate(0deg); + -moz-transform: translate(1px, 2px) rotate(0deg); + -o-transform: translate(1px, 2px) rotate(0deg); + -ms-transform: translate(1px, 2px) rotate(0deg); + transform: translate(1px, 2px) rotate(0deg); + } + 100% { + -webkit-transform: translate(1px, -2px) rotate(-1deg); + -moz-transform: translate(1px, -2px) rotate(-1deg); + -o-transform: translate(1px, -2px) rotate(-1deg); + -ms-transform: translate(1px, -2px) rotate(-1deg); + transform: translate(1px, -2px) rotate(-1deg); + } +} +@-moz-keyframes anzhiyu-pulse-animation { + 0% { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes anzhiyu-pulse-animation { + 0% { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-o-keyframes anzhiyu-pulse-animation { + 0% { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes anzhiyu-pulse-animation { + 0% { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-moz-keyframes anzhiyu-spin { + 0% { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(1turn); + -moz-transform: rotate(1turn); + -o-transform: rotate(1turn); + -ms-transform: rotate(1turn); + transform: rotate(1turn); + } +} +@-webkit-keyframes anzhiyu-spin { + 0% { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(1turn); + -moz-transform: rotate(1turn); + -o-transform: rotate(1turn); + -ms-transform: rotate(1turn); + transform: rotate(1turn); + } +} +@-o-keyframes anzhiyu-spin { + 0% { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(1turn); + -moz-transform: rotate(1turn); + -o-transform: rotate(1turn); + -ms-transform: rotate(1turn); + transform: rotate(1turn); + } +} +@keyframes anzhiyu-spin { + 0% { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(1turn); + -moz-transform: rotate(1turn); + -o-transform: rotate(1turn); + -ms-transform: rotate(1turn); + transform: rotate(1turn); + } +} +@-moz-keyframes scroll-down-effect { + 0% { + top: 0; + opacity: 0.4; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter: alpha(opacity=40); + } + 50% { + top: -16px; + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + top: 0; + opacity: 0.4; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter: alpha(opacity=40); + } +} +@-webkit-keyframes scroll-down-effect { + 0% { + top: 0; + opacity: 0.4; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter: alpha(opacity=40); + } + 50% { + top: -16px; + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + top: 0; + opacity: 0.4; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter: alpha(opacity=40); + } +} +@-o-keyframes scroll-down-effect { + 0% { + top: 0; + opacity: 0.4; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter: alpha(opacity=40); + } + 50% { + top: -16px; + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + top: 0; + opacity: 0.4; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter: alpha(opacity=40); + } +} +@keyframes scroll-down-effect { + 0% { + top: 0; + opacity: 0.4; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter: alpha(opacity=40); + } + 50% { + top: -16px; + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + top: 0; + opacity: 0.4; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter: alpha(opacity=40); + } +} +@-moz-keyframes header-effect { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: translateY(-50px); + -moz-transform: translateY(-50px); + -o-transform: translateY(-50px); + -ms-transform: translateY(-50px); + transform: translateY(-50px); + } + 100% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@-webkit-keyframes header-effect { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: translateY(-50px); + -moz-transform: translateY(-50px); + -o-transform: translateY(-50px); + -ms-transform: translateY(-50px); + transform: translateY(-50px); + } + 100% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@-o-keyframes header-effect { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: translateY(-50px); + -moz-transform: translateY(-50px); + -o-transform: translateY(-50px); + -ms-transform: translateY(-50px); + transform: translateY(-50px); + } + 100% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes header-effect { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: translateY(-50px); + -moz-transform: translateY(-50px); + -o-transform: translateY(-50px); + -ms-transform: translateY(-50px); + transform: translateY(-50px); + } + 100% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@-moz-keyframes headerNoOpacity { + 0% { + -webkit-transform: translateY(-50px); + -moz-transform: translateY(-50px); + -o-transform: translateY(-50px); + -ms-transform: translateY(-50px); + transform: translateY(-50px); + } + 100% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@-webkit-keyframes headerNoOpacity { + 0% { + -webkit-transform: translateY(-50px); + -moz-transform: translateY(-50px); + -o-transform: translateY(-50px); + -ms-transform: translateY(-50px); + transform: translateY(-50px); + } + 100% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@-o-keyframes headerNoOpacity { + 0% { + -webkit-transform: translateY(-50px); + -moz-transform: translateY(-50px); + -o-transform: translateY(-50px); + -ms-transform: translateY(-50px); + transform: translateY(-50px); + } + 100% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes headerNoOpacity { + 0% { + -webkit-transform: translateY(-50px); + -moz-transform: translateY(-50px); + -o-transform: translateY(-50px); + -ms-transform: translateY(-50px); + transform: translateY(-50px); + } + 100% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@-moz-keyframes bottom-top { + 0% { + margin-top: 50px; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + margin-top: 0; + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@-webkit-keyframes bottom-top { + 0% { + margin-top: 50px; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + margin-top: 0; + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@-o-keyframes bottom-top { + 0% { + margin-top: 50px; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + margin-top: 0; + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@keyframes bottom-top { + 0% { + margin-top: 50px; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + margin-top: 0; + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@-moz-keyframes titleScale { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: scale(0.7); + -moz-transform: scale(0.7); + -o-transform: scale(0.7); + -ms-transform: scale(0.7); + transform: scale(0.7); + } + 100% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} +@-webkit-keyframes titleScale { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: scale(0.7); + -moz-transform: scale(0.7); + -o-transform: scale(0.7); + -ms-transform: scale(0.7); + transform: scale(0.7); + } + 100% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} +@-o-keyframes titleScale { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: scale(0.7); + -moz-transform: scale(0.7); + -o-transform: scale(0.7); + -ms-transform: scale(0.7); + transform: scale(0.7); + } + 100% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} +@keyframes titleScale { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: scale(0.7); + -moz-transform: scale(0.7); + -o-transform: scale(0.7); + -ms-transform: scale(0.7); + transform: scale(0.7); + } + 100% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} +@-moz-keyframes search_close { + 0% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + 100% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } +} +@-webkit-keyframes search_close { + 0% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + 100% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } +} +@-o-keyframes search_close { + 0% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + 100% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } +} +@keyframes search_close { + 0% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + 100% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } +} +@-moz-keyframes to_show { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@-webkit-keyframes to_show { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@-o-keyframes to_show { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@keyframes to_show { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@-moz-keyframes to_hide { + 0% { + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } +} +@-webkit-keyframes to_hide { + 0% { + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } +} +@-o-keyframes to_hide { + 0% { + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } +} +@keyframes to_hide { + 0% { + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } +} +@-moz-keyframes ribbon_to_show { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); + } +} +@-webkit-keyframes ribbon_to_show { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); + } +} +@-o-keyframes ribbon_to_show { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); + } +} +@keyframes ribbon_to_show { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); + } +} +@-moz-keyframes avatar_turn_around { + from { + -webkit-transform: rotate(0); + -moz-transform: rotate(0); + -o-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + } + to { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes avatar_turn_around { + from { + -webkit-transform: rotate(0); + -moz-transform: rotate(0); + -o-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + } + to { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-o-keyframes avatar_turn_around { + from { + -webkit-transform: rotate(0); + -moz-transform: rotate(0); + -o-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + } + to { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes avatar_turn_around { + from { + -webkit-transform: rotate(0); + -moz-transform: rotate(0); + -o-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + } + to { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-moz-keyframes donate_effcet { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: translateY(-20px); + -moz-transform: translateY(-20px); + -o-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } + 100% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@-webkit-keyframes donate_effcet { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: translateY(-20px); + -moz-transform: translateY(-20px); + -o-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } + 100% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@-o-keyframes donate_effcet { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: translateY(-20px); + -moz-transform: translateY(-20px); + -o-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } + 100% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes donate_effcet { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: translateY(-20px); + -moz-transform: translateY(-20px); + -o-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } + 100% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@-moz-keyframes sidebarItem { + 0% { + -webkit-transform: translateX(200px); + -moz-transform: translateX(200px); + -o-transform: translateX(200px); + -ms-transform: translateX(200px); + transform: translateX(200px); + } + 100% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -o-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} +@-webkit-keyframes sidebarItem { + 0% { + -webkit-transform: translateX(200px); + -moz-transform: translateX(200px); + -o-transform: translateX(200px); + -ms-transform: translateX(200px); + transform: translateX(200px); + } + 100% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -o-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} +@-o-keyframes sidebarItem { + 0% { + -webkit-transform: translateX(200px); + -moz-transform: translateX(200px); + -o-transform: translateX(200px); + -ms-transform: translateX(200px); + transform: translateX(200px); + } + 100% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -o-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes sidebarItem { + 0% { + -webkit-transform: translateX(200px); + -moz-transform: translateX(200px); + -o-transform: translateX(200px); + -ms-transform: translateX(200px); + transform: translateX(200px); + } + 100% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -o-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} +@-moz-keyframes sidebarItem { + 0% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } +} +@-webkit-keyframes sidebarItem { + 0% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } +} +@-o-keyframes sidebarItem { + 0% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } +} +@keyframes sidebarItem { + 0% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } +} +@-moz-keyframes barrageIn { + 0% { + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@-webkit-keyframes barrageIn { + 0% { + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@-o-keyframes barrageIn { + 0% { + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@keyframes barrageIn { + 0% { + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@-moz-keyframes barrageOut { + 0% { + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -o-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } +} +@-webkit-keyframes barrageOut { + 0% { + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -o-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } +} +@-o-keyframes barrageOut { + 0% { + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -o-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } +} +@keyframes barrageOut { + 0% { + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -o-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } +} +@-moz-keyframes toLeftFull { + 0% { + -webkit-transform: translateX(200%); + -moz-transform: translateX(200%); + -o-transform: translateX(200%); + -ms-transform: translateX(200%); + transform: translateX(200%); + } + 100% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -o-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} +@-webkit-keyframes toLeftFull { + 0% { + -webkit-transform: translateX(200%); + -moz-transform: translateX(200%); + -o-transform: translateX(200%); + -ms-transform: translateX(200%); + transform: translateX(200%); + } + 100% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -o-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} +@-o-keyframes toLeftFull { + 0% { + -webkit-transform: translateX(200%); + -moz-transform: translateX(200%); + -o-transform: translateX(200%); + -ms-transform: translateX(200%); + transform: translateX(200%); + } + 100% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -o-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes toLeftFull { + 0% { + -webkit-transform: translateX(200%); + -moz-transform: translateX(200%); + -o-transform: translateX(200%); + -ms-transform: translateX(200%); + transform: translateX(200%); + } + 100% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -o-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} +@-moz-keyframes toRightFull { + 0% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -o-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + 100% { + -webkit-transform: translateX(200%); + -moz-transform: translateX(200%); + -o-transform: translateX(200%); + -ms-transform: translateX(200%); + transform: translateX(200%); + } +} +@-webkit-keyframes toRightFull { + 0% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -o-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + 100% { + -webkit-transform: translateX(200%); + -moz-transform: translateX(200%); + -o-transform: translateX(200%); + -ms-transform: translateX(200%); + transform: translateX(200%); + } +} +@-o-keyframes toRightFull { + 0% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -o-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + 100% { + -webkit-transform: translateX(200%); + -moz-transform: translateX(200%); + -o-transform: translateX(200%); + -ms-transform: translateX(200%); + transform: translateX(200%); + } +} +@keyframes toRightFull { + 0% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -o-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + 100% { + -webkit-transform: translateX(200%); + -moz-transform: translateX(200%); + -o-transform: translateX(200%); + -ms-transform: translateX(200%); + transform: translateX(200%); + } +} +@-moz-keyframes breathe { + 0% { + -webkit-transform: scale(0.97); + -moz-transform: scale(0.97); + -o-transform: scale(0.97); + -ms-transform: scale(0.97); + transform: scale(0.97); + } + 50% { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + } + 100% { + -webkit-transform: scale(0.97); + -moz-transform: scale(0.97); + -o-transform: scale(0.97); + -ms-transform: scale(0.97); + transform: scale(0.97); + } +} +@-webkit-keyframes breathe { + 0% { + -webkit-transform: scale(0.97); + -moz-transform: scale(0.97); + -o-transform: scale(0.97); + -ms-transform: scale(0.97); + transform: scale(0.97); + } + 50% { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + } + 100% { + -webkit-transform: scale(0.97); + -moz-transform: scale(0.97); + -o-transform: scale(0.97); + -ms-transform: scale(0.97); + transform: scale(0.97); + } +} +@-o-keyframes breathe { + 0% { + -webkit-transform: scale(0.97); + -moz-transform: scale(0.97); + -o-transform: scale(0.97); + -ms-transform: scale(0.97); + transform: scale(0.97); + } + 50% { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + } + 100% { + -webkit-transform: scale(0.97); + -moz-transform: scale(0.97); + -o-transform: scale(0.97); + -ms-transform: scale(0.97); + transform: scale(0.97); + } +} +@keyframes breathe { + 0% { + -webkit-transform: scale(0.97); + -moz-transform: scale(0.97); + -o-transform: scale(0.97); + -ms-transform: scale(0.97); + transform: scale(0.97); + } + 50% { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + } + 100% { + -webkit-transform: scale(0.97); + -moz-transform: scale(0.97); + -o-transform: scale(0.97); + -ms-transform: scale(0.97); + transform: scale(0.97); + } +} +@-moz-keyframes animate-in-and-out { + entry 0% { + opacity: 0.5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); + -webkit-transform: scaleX(0.9); + -moz-transform: scaleX(0.9); + -o-transform: scaleX(0.9); + -ms-transform: scaleX(0.9); + transform: scaleX(0.9); + } + entry 100% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: scaleX(1); + -moz-transform: scaleX(1); + -o-transform: scaleX(1); + -ms-transform: scaleX(1); + transform: scaleX(1); + } +} +@-webkit-keyframes animate-in-and-out { + entry 0% { + opacity: 0.5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); + -webkit-transform: scaleX(0.9); + -moz-transform: scaleX(0.9); + -o-transform: scaleX(0.9); + -ms-transform: scaleX(0.9); + transform: scaleX(0.9); + } + entry 100% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: scaleX(1); + -moz-transform: scaleX(1); + -o-transform: scaleX(1); + -ms-transform: scaleX(1); + transform: scaleX(1); + } +} +@-o-keyframes animate-in-and-out { + entry 0% { + opacity: 0.5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); + -webkit-transform: scaleX(0.9); + -moz-transform: scaleX(0.9); + -o-transform: scaleX(0.9); + -ms-transform: scaleX(0.9); + transform: scaleX(0.9); + } + entry 100% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: scaleX(1); + -moz-transform: scaleX(1); + -o-transform: scaleX(1); + -ms-transform: scaleX(1); + transform: scaleX(1); + } +} +@keyframes animate-in-and-out { + entry 0% { + opacity: 0.5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); + -webkit-transform: scaleX(0.9); + -moz-transform: scaleX(0.9); + -o-transform: scaleX(0.9); + -ms-transform: scaleX(0.9); + transform: scaleX(0.9); + } + entry 100% { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: scaleX(1); + -moz-transform: scaleX(1); + -o-transform: scaleX(1); + -ms-transform: scaleX(1); + transform: scaleX(1); + } +} +@-moz-keyframes header { + entry 0% { + --anzhiyu-header-translateY: 160px; + --anzhiyu-header-info-scale: 0.7; + --anzhiyu-header-cover-scale: 1; + } + entry 100% { + --anzhiyu-header-translateY: 0px; + --anzhiyu-header-info-scale: 1; + --anzhiyu-header-cover-scale: 2; + } + exit 100% { + --anzhiyu-header-translateY: 160px; + --anzhiyu-header-info-scale: 0.7; + --anzhiyu-header-cover-scale: 1; + } + exit 0% { + --anzhiyu-header-translateY: 0px; + --anzhiyu-header-info-scale: 1; + --anzhiyu-header-cover-scale: 2; + } +} +@-webkit-keyframes header { + entry 0% { + --anzhiyu-header-translateY: 160px; + --anzhiyu-header-info-scale: 0.7; + --anzhiyu-header-cover-scale: 1; + } + entry 100% { + --anzhiyu-header-translateY: 0px; + --anzhiyu-header-info-scale: 1; + --anzhiyu-header-cover-scale: 2; + } + exit 100% { + --anzhiyu-header-translateY: 160px; + --anzhiyu-header-info-scale: 0.7; + --anzhiyu-header-cover-scale: 1; + } + exit 0% { + --anzhiyu-header-translateY: 0px; + --anzhiyu-header-info-scale: 1; + --anzhiyu-header-cover-scale: 2; + } +} +@-o-keyframes header { + entry 0% { + --anzhiyu-header-translateY: 160px; + --anzhiyu-header-info-scale: 0.7; + --anzhiyu-header-cover-scale: 1; + } + entry 100% { + --anzhiyu-header-translateY: 0px; + --anzhiyu-header-info-scale: 1; + --anzhiyu-header-cover-scale: 2; + } + exit 100% { + --anzhiyu-header-translateY: 160px; + --anzhiyu-header-info-scale: 0.7; + --anzhiyu-header-cover-scale: 1; + } + exit 0% { + --anzhiyu-header-translateY: 0px; + --anzhiyu-header-info-scale: 1; + --anzhiyu-header-cover-scale: 2; + } +} +@keyframes header { + entry 0% { + --anzhiyu-header-translateY: 160px; + --anzhiyu-header-info-scale: 0.7; + --anzhiyu-header-cover-scale: 1; + } + entry 100% { + --anzhiyu-header-translateY: 0px; + --anzhiyu-header-info-scale: 1; + --anzhiyu-header-cover-scale: 2; + } + exit 100% { + --anzhiyu-header-translateY: 160px; + --anzhiyu-header-info-scale: 0.7; + --anzhiyu-header-cover-scale: 1; + } + exit 0% { + --anzhiyu-header-translateY: 0px; + --anzhiyu-header-info-scale: 1; + --anzhiyu-header-cover-scale: 2; + } +} +@-moz-keyframes post-info-slide-in { + 0% { + -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@-webkit-keyframes post-info-slide-in { + 0% { + -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@-o-keyframes post-info-slide-in { + 0% { + -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@keyframes post-info-slide-in { + 0% { + -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@-moz-keyframes slide-in { + 0% { + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@-webkit-keyframes slide-in { + 0% { + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@-o-keyframes slide-in { + 0% { + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@keyframes slide-in { + 0% { + -webkit-transform: translateY(20px); + -moz-transform: translateY(20px); + -o-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } + 100% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; + -ms-filter: none; + filter: none; + } +} +@-moz-keyframes floating { + 0% { + -webkit-transform: translate(0, -4px); + -moz-transform: translate(0, -4px); + -o-transform: translate(0, -4px); + -ms-transform: translate(0, -4px); + transform: translate(0, -4px); + } + 50% { + -webkit-transform: translate(0, 4px); + -moz-transform: translate(0, 4px); + -o-transform: translate(0, 4px); + -ms-transform: translate(0, 4px); + transform: translate(0, 4px); + } + 100% { + -webkit-transform: translate(0, -4px); + -moz-transform: translate(0, -4px); + -o-transform: translate(0, -4px); + -ms-transform: translate(0, -4px); + transform: translate(0, -4px); + } +} +@-webkit-keyframes floating { + 0% { + -webkit-transform: translate(0, -4px); + -moz-transform: translate(0, -4px); + -o-transform: translate(0, -4px); + -ms-transform: translate(0, -4px); + transform: translate(0, -4px); + } + 50% { + -webkit-transform: translate(0, 4px); + -moz-transform: translate(0, 4px); + -o-transform: translate(0, 4px); + -ms-transform: translate(0, 4px); + transform: translate(0, 4px); + } + 100% { + -webkit-transform: translate(0, -4px); + -moz-transform: translate(0, -4px); + -o-transform: translate(0, -4px); + -ms-transform: translate(0, -4px); + transform: translate(0, -4px); + } +} +@-o-keyframes floating { + 0% { + -webkit-transform: translate(0, -4px); + -moz-transform: translate(0, -4px); + -o-transform: translate(0, -4px); + -ms-transform: translate(0, -4px); + transform: translate(0, -4px); + } + 50% { + -webkit-transform: translate(0, 4px); + -moz-transform: translate(0, 4px); + -o-transform: translate(0, 4px); + -ms-transform: translate(0, 4px); + transform: translate(0, 4px); + } + 100% { + -webkit-transform: translate(0, -4px); + -moz-transform: translate(0, -4px); + -o-transform: translate(0, -4px); + -ms-transform: translate(0, -4px); + transform: translate(0, -4px); + } +} +@keyframes floating { + 0% { + -webkit-transform: translate(0, -4px); + -moz-transform: translate(0, -4px); + -o-transform: translate(0, -4px); + -ms-transform: translate(0, -4px); + transform: translate(0, -4px); + } + 50% { + -webkit-transform: translate(0, 4px); + -moz-transform: translate(0, 4px); + -o-transform: translate(0, 4px); + -ms-transform: translate(0, 4px); + transform: translate(0, 4px); + } + 100% { + -webkit-transform: translate(0, -4px); + -moz-transform: translate(0, -4px); + -o-transform: translate(0, -4px); + -ms-transform: translate(0, -4px); + transform: translate(0, -4px); + } +} +i.anzhiyu-icon-hashtag { + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); + font-size: 13px; +} +:root { + --animation-on: cubic-bezier(0.6, 0.1, 0, 1); + --animation-in: cubic-bezier(0.6, 0.2, 0.25, 1); + --animation-ot: opacity 0.5s var(--animation-in) backwards, transform 1s var(--animation-in) backwards; + --animation-otf: opacity 0.5s var(--animation-in) backwards, transform 1s var(--animation-in) backwards, filter 0.7s var(--animation-in) backwards; + --global-font-size: 16px; + --global-bg: #fff; + --font-color: #4c4948; + --hr-border: rgba(161,172,247,0.137); + --hr-before-color: rgba(123,139,244,0.137); + --search-bg: #f6f8fa; + --search-input-color: #4c4948; + --search-result-title: #4c4948; + --preloader-bg: #37474f; + --preloader-color: #fff; + --tab-border-color: #f0f0f0; + --tab-botton-bg: #f0f0f0; + --tab-botton-color: #1f2d3d; + --tab-button-hover-bg: #dcdcdc; + --tab-button-active-bg: #fff; + --card-bg: #fff; + --sidebar-bg: #f6f8fa; + --btn-hover-color: #ff7242; + --btn-color: #fff; + --btn-bg: var(--anzhiyu-main); + --text-bg-hover: rgba(66,90,239,0.7); + --light-grey: #eee; + --dark-grey: #cacaca; + --white: #fff; + --text-highlight-color: #1f2d3d; + --blockquote-color: #6a737d; + --blockquote-bg: rgba(66,90,239,0.1); + --reward-pop: #f5f5f5; + --toc-link-color: #666261; + --card-box-shadow: 0 3px 8px 6px rgba(7,17,27,0.05); + --card-hover-box-shadow: 0 3px 8px 6px rgba(7,17,27,0.09); + --pseudo-hover: #ff7242; + --headline-presudo: var(--anzhiyu-fontcolor); + --scrollbar-color: var(--anzhiyu-scrollbar); + --anzhiyu-snackbar-time: 2000ms; + --anzhiyu-deep-purple: #405589; + --anzhiyu-meta-theme-color: #f7f9fe; + --anzhiyu-bar-background: var(--anzhiyu-main); + --anzhiyu-theme-op: rgba(66,89,239,0.137); + --anzhiyu-card-bg-none: rgba(255,255,255,0); + --anzhiyu-main-op-deep: var(--anzhiyu-theme-op-deep) !important; + --anzhiyu-gray-op: rgba(153,153,153,0.169); + --anzhiyu-theme-top: var(--anzhiyu-theme); + --anzhiyu-white: #fff; + --anzhiyu-white-op: rgba(255,255,255,0.2); + --anzhiyu-black: #000; + --anzhiyu-black-op: rgba(0,0,0,0.2); + --anzhiyu-none: rgba(0,0,0,0); + --anzhiyu-gray: #999; + --anzhiyu-yellow: #ffc93e; + --anzhiyu-orange: #e38100; + --anzhiyu-blue-hover: #5390e6; + --anzhiyu-radius-full: 50px; + --anzhiyu-radius: 8px; + --anzhiyu-border-radius: 8px; + --anzhiyu-main: var(--anzhiyu-theme); + --anzhiyu-main-op: var(--anzhiyu-theme-op); + --anzhiyu-shadow-theme: 0 8px 12px -3px var(--anzhiyu-theme-op); + --anzhiyu-shadow-main: 0 8px 12px -3px var(--anzhiyu-main-op); + --anzhiyu-shadow-blue: 0 8px 12px -3px rgba(40,109,234,0.2); + --anzhiyu-shadow-white: 0 8px 12px -3px rgba(255,255,255,0.2); + --anzhiyu-shadow-black: 0 0 12px 4px rgba(0,0,0,0.05); + --anzhiyu-shadow-yellow: 0px 38px 77px -26px rgba(255,201,62,0.12); + --anzhiyu-shadow-red: 0 8px 12px -3px rgba(238,125,121,0.212); + --anzhiyu-shadow-green: 0 8px 12px -3px rgba(135,238,121,0.212); + --anzhiyu-shadow-border: 0 8px 16px -4px rgba(44,45,48,0.047); + --anzhiyu-shadow-blackdeep: 0 2px 16px -3px rgba(0,0,0,0.15); + --anzhiyu-logo-color: linear-gradient(215deg, #4584ff 0%, #cf0db9 100%); + --anzhiyu-code-stress: var(--anzhiyu-main); + --style-border: 1px solid var(--anzhiyu-card-border); + --anzhiyu-blue-main: #425aef; + --style-border-hover: 1px solid var(--anzhiyu-main); + --style-border-dashed: 1px dashed var(--anzhiyu-theme-op); + --style-border-avatar: 5px solid var(--anzhiyu-white); + --style-border-always: 1px solid var(--anzhiyu-card-border); + --style-border-none: 1px solid transparent; + --style-border-deep-ash: 1px solid #d0d7de; + --style-border-hover-always: 1px solid var(--anzhiyu-main); + --anzhiyu-main-none: rgba(184,184,184,0) !important; + --anzhiyu-wihite-font: #fff; +} +@media (prefers-color-scheme: light) { +} +[data-theme="light"] { + --anzhiyu-meta-theme-post-color: #fff; + --anzhiyu-meta-theme-color: #f7f9fe; + --anzhiyu-theme-op-deep: rgba(66,89,239,0.867); + --global-bg: #f7f9fe; + --anzhiyu-theme: #425aef; + --anzhiyu-theme-deep: #1856fb; + --anzhiyu-theme-op: rgba(66,89,239,0.137); + --anzhiyu-blue: #5ca1ff; + --anzhiyu-blue-tint: rgba(92,161,255,0.1); + --anzhiyu-red: #d8213c; + --anzhiyu-pink: #ff7c7c; + --anzhiyu-green: #57bd6a; + --anzhiyu-fontcolor: #363636; + --anzhiyu-background: #f7f9fe; + --anzhiyu-reverse: #000; + --anzhiyu-maskbg: rgba(255,255,255,0.6); + --anzhiyu-maskbgdeep: rgba(255,255,255,0.85); + --anzhiyu-scrollbar: rgba(60,60,67,0.4); + --anzhiyu-hovertext: var(--anzhiyu-theme); + --anzhiyu-ahoverbg: #f7f7fa; + --anzhiyu-lighttext: var(--anzhiyu-main); + --anzhiyu-secondtext: rgba(60,60,67,0.8); + --anzhiyu-scrollbar: rgba(60,60,67,0.4); + --anzhiyu-card-btn-bg: #edf0f7; + --anzhiyu-post-blockquote-bg: #fafcff; + --anzhiyu-post-tabs-bg: #f2f5f8; + --anzhiyu-secondbg: #f7f7f9; + --anzhiyu-shadow-nav: 0 5px 12px -5px rgba(102,68,68,0.05); + --anzhiyu-card-bg: #fff; + --anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102,68,68,0); + --anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102,68,68,0); + --anzhiyu-card-border: #e3e8f7; + --anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102,68,68,0); + --anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102,68,68,0); + --anzhiyu-wihite-font: #fff; +} +@media (prefers-color-scheme: dark) { +} +[data-theme="dark"] { + --anzhiyu-meta-theme-post-color: #1d1e22; + --anzhiyu-meta-theme-color: #000; + --anzhiyu-blue: #5ca1ff; + --anzhiyu-blue-tint: rgba(92,161,255,0.1); + --anzhiyu-theme-op-deep: rgba(0,132,255,0.867); + --global-bg: #18171d; + --anzhiyu-theme: #f2b94b; + --anzhiyu-theme-deep: #0076e5; + --anzhiyu-theme-op: rgba(242,185,75,0.137); + --anzhiyu-blue: #0084ff; + --anzhiyu-red: #ff3842; + --anzhiyu-pink: #ff7c7c; + --anzhiyu-green: #57bd6a; + --anzhiyu-fontcolor: #f7f7fa; + --anzhiyu-background: #18171d; + --anzhiyu-reverse: #fff; + --anzhiyu-maskbg: rgba(0,0,0,0.6); + --anzhiyu-maskbgdeep: rgba(0,0,0,0.85); + --anzhiyu-hovertext: #0a84ff; + --anzhiyu-ahoverbg: #fff; + --anzhiyu-scrollbar: rgba(200,200,223,0.4); + --anzhiyu-lighttext: #f2b94b; + --anzhiyu-secondtext: #a1a2b8; + --anzhiyu-scrollbar: rgba(200,200,223,0.4); + --anzhiyu-card-btn-bg: #30343f; + --anzhiyu-post-blockquote-bg: #000; + --anzhiyu-post-tabs-bg: #121212; + --anzhiyu-secondbg: #21232a; + --anzhiyu-shadow-nav: 0 5px 20px 0px rgba(28,28,28,0.4); + --anzhiyu-card-bg: #1d1e22; + --anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102,68,68,0); + --anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102,68,68,0); + --anzhiyu-card-border: #42444a; + --anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102,68,68,0); + --anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102,68,68,0); + --anzhiyu-wihite-font: #f6f6f6; +} +body { + position: relative; + min-height: 100%; + background: var(--global-bg); + color: var(--font-color); + font-size: var(--global-font-size); + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Lato, Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif; + line-height: 2; + -webkit-tap-highlight-color: rgba(0,0,0,0); +} +*::-webkit-scrollbar { + width: 6px; + height: 6px; +} +*::-webkit-scrollbar-thumb { + background: var(--scrollbar-color); + border-radius: 8px; + cursor: pointer; +} +*::-webkit-scrollbar-track { + background-color: transparent; +} +::-webkit-scrollbar-corner { + background-color: transparent; +} +* { + scrollbar-width: thin; + scrollbar-color: var(--scrollbar-color) transparent; +} +input::placeholder { + color: var(--font-color); +} +#web_bg { + position: fixed; + z-index: -999; + width: 200%; + height: 200%; + top: -50%; + left: -50%; + -webkit-transform: rotate(-1deg); + -moz-transform: rotate(-1deg); + -o-transform: rotate(-1deg); + -ms-transform: rotate(-1deg); + transform: rotate(-1deg); + -webkit-overflow-scrolling: touch; + background: var(--anzhiyu-background); + background-attachment: local; + background-position: center; + background-size: cover; + background-repeat: no-repeat; +} +h1, +h2, +h3, +h4, +h5, +h6 { + position: relative; + margin: 20px 0 14px; + color: var(--text-highlight-color); + font-weight: bold; +} +h1 code, +h2 code, +h3 code, +h4 code, +h5 code, +h6 code { + font-size: inherit !important; +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +hr { + position: relative; + margin: 40px auto; + border: 2px dashed var(--hr-border); + width: calc(100% - 4px); +} +hr:hover:before { + left: calc(95% - 20px); +} +hr:before { + position: absolute; + top: -10px; + left: 5%; + z-index: 1; + color: var(--hr-before-color); + content: '\f0c4'; + font-size: 16px; + line-height: 1; + -webkit-transition: all 1s ease-in-out; + -moz-transition: all 1s ease-in-out; + -o-transition: all 1s ease-in-out; + -ms-transition: all 1s ease-in-out; + transition: all 1s ease-in-out; +} +html { + overflow-y: overlay; +} +.table-wrap { + overflow-x: scroll; + margin: 1rem 0; + border-radius: 8px; +} +table { + display: table; + width: 100%; + border-spacing: 0; + border-collapse: collapse; + empty-cells: show; +} +table thead { + background: var(--anzhiyu-secondbg); +} +table th, +table td { + padding: 0.3rem 0.6rem; + vertical-align: middle; + border: var(--style-border-always); +} +*::selection { + background: #2128bd; + color: #f7f7f7; +} +button { + padding: 0; + outline: 0; + border: none; + background: none; + cursor: pointer; + touch-action: manipulation; +} +a { + color: var(--anzhiyu-fontcolor); + text-decoration: none; + word-wrap: break-word; + -webkit-transition: all 0.2s ease 0s; + -moz-transition: all 0.2s ease 0s; + -o-transition: all 0.2s ease 0s; + -ms-transition: all 0.2s ease 0s; + transition: all 0.2s ease 0s; + overflow-wrap: break-word; +} +a:hover { + color: #425aef; +} +#site-title, +#site-subtitle, +#site-name, +#aside-content .author-info__name, +#aside-content .author-info__description { + font-family: PingFang SC, 'Hiragino Sans GB', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif; +} +.is-center { + text-align: center; +} +.copy-true { + -webkit-user-select: all; + -moz-user-select: all; + -ms-user-select: all; + user-select: all; +} +.pull-left { + float: left; +} +.pull-right { + float: right; +} +img[src=''], +img:not([src]) { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); +} +img[data-lazy-src]:not(.loaded) { + filter: blur(8px) brightness(1); +} +img[data-lazy-src].error { + filter: none; + opacity: 1 !important; + -ms-filter: none !important; + filter: none !important; +} +img[data-lazy-src]:not(.loaded) { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); +} +img[src=''], +img:not([src]) { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); +} +.img-alt { + font-size: 12px; + margin: 0; + margin-top: 8px; + color: var(--anzhiyu-secondtext); +} +.img-alt:hover { + text-decoration: none !important; +} +blockquote { + margin: 0 0 20px; + padding: 12px 15px; + border-left: 3px solid #425aef; + background-color: var(--blockquote-bg); + color: var(--blockquote-color); +} +blockquote footer cite:before { + padding: 0 5px; + content: '—'; +} +blockquote > :last-child { + margin-bottom: 0 !important; +} +.time_hidden { + display: none !important; +} +#single_top { + padding: 1.875rem 1.5rem 0; + max-width: 1400px; + width: 100%; + margin: 0 auto; +} +@media screen and (max-width: 768px) { + #single_top + #content-inner { + padding: 1.875rem 0rem 0; + } +} +.loading-bg { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + width: 100%; + height: 100%; + position: fixed; + background: var(--anzhiyu-card-bg); + z-index: 1001; + opacity: 1; + -ms-filter: none; + filter: none; + overflow: hidden; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -o-transition: 0.2s; + -ms-transition: 0.2s; + transition: 0.2s; + -webkit-animation: showLoading 0.3s 0s backwards; + -moz-animation: showLoading 0.3s 0s backwards; + -o-animation: showLoading 0.3s 0s backwards; + -ms-animation: showLoading 0.3s 0s backwards; + animation: showLoading 0.3s 0s backwards; +} +.loading-bg::-webkit-scrollbar { + display: none; +} +#loading-box { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +#loading-box .loading-img { + width: 100px; + height: 100px; + border-radius: 50%; + margin: auto; + border: 4px solid #f0f0f2; + -webkit-animation-duration: 0.2s; + -moz-animation-duration: 0.2s; + -o-animation-duration: 0.2s; + -ms-animation-duration: 0.2s; + animation-duration: 0.2s; + -webkit-animation-name: loadingAction; + -moz-animation-name: loadingAction; + -o-animation-name: loadingAction; + -ms-animation-name: loadingAction; + animation-name: loadingAction; + -webkit-animation-iteration-count: infinite; + -moz-animation-iteration-count: infinite; + -o-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-direction: alternate; + -moz-animation-direction: alternate; + -o-animation-direction: alternate; + -ms-animation-direction: alternate; + animation-direction: alternate; +} +#loading-box .loading-image-dot { + width: 30px; + height: 30px; + background: #6bdf8f; + position: absolute; + border-radius: 50%; + border: 6px solid #fff; + top: 50%; + left: 50%; + -webkit-transform: translate(18px, 24px); + -moz-transform: translate(18px, 24px); + -o-transform: translate(18px, 24px); + -ms-transform: translate(18px, 24px); + transform: translate(18px, 24px); +} +#loading-box.loaded .loading-bg { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + z-index: -1000; +} +@-moz-keyframes loadingAction { + 0% { + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + opacity: 0.4; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter: alpha(opacity=40); + } +} +@-webkit-keyframes loadingAction { + 0% { + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + opacity: 0.4; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter: alpha(opacity=40); + } +} +@-o-keyframes loadingAction { + 0% { + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + opacity: 0.4; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter: alpha(opacity=40); + } +} +@keyframes loadingAction { + 0% { + opacity: 1; + -ms-filter: none; + filter: none; + } + 100% { + opacity: 0.4; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter: alpha(opacity=40); + } +} +:root { + --hl-color: #90a4ae; + --hl-bg: #f6f8fa; + --hltools-bg: var(--anzhiyu-secondbg); + --hltools-color: var(--anzhiyu-fontcolor); + --hlnumber-bg: #f6f8fa; + --hlnumber-color: rgba(144,164,174,0.5); + --hlscrollbar-bg: #dce4eb; + --hlexpand-bg: linear-gradient(180deg, rgba(246,248,250,0.6), rgba(246,248,250,0.9)); +} +[data-theme='dark'] { + --hl-color: rgba(255,255,255,0.7); + --hl-bg: #171717; + --hltools-bg: #1a1a1a; + --hltools-color: #90a4ae; + --hlnumber-bg: #171717; + --hlnumber-color: rgba(255,255,255,0.4); + --hlscrollbar-bg: #1f1f1f; + --hlexpand-bg: linear-gradient(180deg, rgba(23,23,23,0.6), rgba(23,23,23,0.9)); +} +figure.highlight table { + scrollbar-color: var(--hlscrollbar-bg) transparent; +} +figure.highlight table::-webkit-scrollbar-thumb { + background: var(--hlscrollbar-bg); +} +figure.highlight pre .deletion { + color: #bf42bf; +} +figure.highlight pre .addition { + color: #105ede; +} +figure.highlight pre .meta { + color: #7c4dff; +} +figure.highlight pre .comment { + color: #969896; +} +figure.highlight pre .variable, +figure.highlight pre .attribute, +figure.highlight pre .regexp, +figure.highlight pre .ruby .constant, +figure.highlight pre .xml .tag .title, +figure.highlight pre .xml .pi, +figure.highlight pre .xml .doctype, +figure.highlight pre .html .doctype, +figure.highlight pre .css .id, +figure.highlight pre .tag .name, +figure.highlight pre .css .class, +figure.highlight pre .css .pseudo { + color: #e53935; +} +figure.highlight pre .tag { + color: #39adb5; +} +figure.highlight pre .number, +figure.highlight pre .preprocessor, +figure.highlight pre .literal, +figure.highlight pre .params, +figure.highlight pre .constant, +figure.highlight pre .command { + color: #f76d47; +} +figure.highlight pre .built_in { + color: #ffb62c; +} +figure.highlight pre .ruby .class .title, +figure.highlight pre .css .rules .attribute, +figure.highlight pre .string, +figure.highlight pre .value, +figure.highlight pre .inheritance, +figure.highlight pre .header, +figure.highlight pre .ruby .symbol, +figure.highlight pre .xml .cdata, +figure.highlight pre .special, +figure.highlight pre .number, +figure.highlight pre .formula { + color: #91b859; +} +figure.highlight pre .keyword, +figure.highlight pre .title, +figure.highlight pre .css .hexcolor { + color: #39adb5; +} +figure.highlight pre .function, +figure.highlight pre .python .decorator, +figure.highlight pre .python .title, +figure.highlight pre .ruby .function .title, +figure.highlight pre .ruby .title .keyword, +figure.highlight pre .perl .sub, +figure.highlight pre .javascript .title, +figure.highlight pre .coffeescript .title { + color: #6182b8; +} +figure.highlight pre .tag .attr, +figure.highlight pre .javascript .function { + color: #7c4dff; +} +#article-container figure.highlight .line.marked { + background-color: rgba(128,203,196,0.251); +} +#article-container figure.highlight table { + display: block; + overflow: auto; + border: none; +} +#article-container figure.highlight table td { + padding: 0; + border: none; +} +#article-container figure.highlight .gutter pre { + padding-right: 0.625rem; + padding-left: 1.25rem; + background: var(--anzhiyu-secondbg); + background-color: var(--anzhiyu-secondbg); + border-right: var(--style-border-always); + padding-right: 0.5rem; + padding-left: 0.5rem; + color: var(--hlnumber-color); + text-align: right; +} +#article-container figure.highlight .code pre { + padding-right: 10px; + padding-left: 10px; + width: 100%; +} +#article-container pre, +#article-container figure.highlight { + overflow: auto; + margin: 0 0 20px; + padding: 0; + background: var(--anzhiyu-card-bg); + border: var(--style-border-always); + color: var(--hl-color); + line-height: 1.6; +} +#article-container pre, +#article-container code { + font-size: var(--global-font-size); + font-family: consolas, Menlo, "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif !important; +} +#article-container code { + padding: 2px 4px; + background: var(--anzhiyu-code-stress); + color: #fff; +} +#article-container pre { + padding: 10px 20px; +} +#article-container pre code { + padding: 0; + background: none; + color: var(--hl-color); + text-shadow: none; +} +#article-container figure.highlight { + position: relative; +} +#article-container figure.highlight pre { + margin: 0; + padding: 8px 0; + border: none; +} +#article-container figure.highlight figcaption, +#article-container figure.highlight .caption { + padding: 6px 0 2px 14px; + font-size: var(--global-font-size); + line-height: 1em; +} +#article-container figure.highlight figcaption a, +#article-container figure.highlight .caption a { + float: right; + padding-right: 10px; + color: var(--hl-color); +} +#article-container figure.highlight figcaption a:hover, +#article-container figure.highlight .caption a:hover { + border-bottom-color: var(--hl-color); +} +#article-container .highlight-tools { + position: relative; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + overflow: hidden; + min-height: 24px; + height: 2.15em; + background: var(--hltools-bg); + color: var(--hltools-color); + font-size: var(--global-font-size); + border-bottom: var(--style-border-always); +} +#article-container .highlight-tools.closed { + border-bottom: 1px solid transparent; + height: calc(2.15em - 1px); +} +#article-container .highlight-tools.closed ~ * { + display: none; +} +#article-container .highlight-tools.closed .expand { + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -ms-transition: all 0.3s; + transition: all 0.3s; + -webkit-transform: rotate(-90deg) !important; + -moz-transform: rotate(-90deg) !important; + -o-transform: rotate(-90deg) !important; + -ms-transform: rotate(-90deg) !important; + transform: rotate(-90deg) !important; +} +#article-container .highlight-tools .expand { + position: absolute; + padding: 0.57em 0.7em; + cursor: pointer; + -webkit-transition: -webkit-transform 0.3s; + -moz-transition: -moz-transform 0.3s; + -o-transition: -o-transform 0.3s; + -ms-transition: -ms-transform 0.3s; + transition: transform 0.3s; +} +#article-container .highlight-tools .expand + .code-lang { + left: 1.7em; +} +#article-container .highlight-tools .code-lang { + position: absolute; + left: 14px; + text-transform: uppercase; + font-weight: bold; + font-size: 1.15em; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +#article-container .highlight-tools .copy-notice { + position: absolute; + right: 2.4em; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transition: opacity 0.4s; + -moz-transition: opacity 0.4s; + -o-transition: opacity 0.4s; + -ms-transition: opacity 0.4s; + transition: opacity 0.4s; +} +#article-container .highlight-tools .copy-button { + position: absolute; + right: 14px; + cursor: pointer; + -webkit-transition: color 0.2s; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -ms-transition: color 0.2s; + transition: color 0.2s; +} +#article-container .highlight-tools .copy-button:hover { + color: var(--anzhiyu-main); +} +#article-container .gutter { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +#article-container .gist table { + width: auto; +} +#article-container .gist table td { + border: none; +} +#article-container .code-expand-btn { + position: absolute; + bottom: 0px; + z-index: 10; + width: 100%; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -ms-transition: all 0.3s; + transition: all 0.3s; + font-size: 20px; + background: var(--anzhiyu-secondbg); + text-align: center; + font-size: var(--global-font-size); + cursor: pointer; + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -o-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + position: absolute; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + height: 32px; + font-size: 16px; +} +#article-container .code-expand-btn:hover { + background: var(--anzhiyu-main); +} +#article-container .code-expand-btn:hover i { + color: var(--anzhiyu-white); +} +#article-container .code-expand-btn i { + color: var(--anzhiyu-fontcolor); + -webkit-animation: 1.2s ease 0s infinite normal none running code-expand-key; + -moz-animation: 1.2s ease 0s infinite normal none running code-expand-key; + -o-animation: 1.2s ease 0s infinite normal none running code-expand-key; + -ms-animation: 1.2s ease 0s infinite normal none running code-expand-key; + animation: 1.2s ease 0s infinite normal none running code-expand-key; +} +#article-container .code-expand-btn.expand-done { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); + -webkit-transition: all 0s, background 0.3s; + -moz-transition: all 0s, background 0.3s; + -o-transition: all 0s, background 0.3s; + -ms-transition: all 0s, background 0.3s; + transition: all 0s, background 0.3s; +} +#article-container .code-expand-btn.expand-done + table, +#article-container .code-expand-btn.expand-done + pre { + margin-bottom: 1.8em; +} +#article-container .code-expand-btn:not(.expand-done) ~ table, +#article-container .code-expand-btn:not(.expand-done) ~ pre { + overflow: hidden; + height: 330px; +} +@-moz-keyframes code-expand-key { + 0% { + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); + } + 50% { + opacity: 0.1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; + filter: alpha(opacity=10); + } + 100% { + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); + } +} +@-webkit-keyframes code-expand-key { + 0% { + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); + } + 50% { + opacity: 0.1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; + filter: alpha(opacity=10); + } + 100% { + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); + } +} +@-o-keyframes code-expand-key { + 0% { + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); + } + 50% { + opacity: 0.1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; + filter: alpha(opacity=10); + } + 100% { + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); + } +} +@keyframes code-expand-key { + 0% { + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); + } + 50% { + opacity: 0.1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; + filter: alpha(opacity=10); + } + 100% { + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); + } +} +.error404 #error-wrap { + position: absolute; + top: 50%; + right: 0; + left: 0; + margin: 0 auto; + padding: 60px 20px 0; + max-width: 1000px; + -webkit-transform: translate(0, -50%); + -moz-transform: translate(0, -50%); + -o-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.error404 #error-wrap .error-content { + overflow: hidden; + margin: 0 20px; + height: 360px; +} +@media screen and (max-width: 768px) { + .error404 #error-wrap .error-content { + margin: 0; + height: 500px; + } +} +.error404 #error-wrap .error-content .error-img { + display: inline-block; + overflow: hidden; + width: 50%; + height: 100%; +} +@media screen and (max-width: 768px) { + .error404 #error-wrap .error-content .error-img { + width: 100%; + height: 45%; + } +} +.error404 #error-wrap .error-content .error-img img { + background-color: #425aef; +} +.error404 #error-wrap .error-content .error-info { + display: -webkit-inline-box; + display: -moz-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-box; + display: inline-flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex-line-pack: center; + -webkit-align-content: center; + align-content: center; + width: 50%; + height: 100%; + vertical-align: top; + text-align: center; + font-family: PingFang SC, 'Hiragino Sans GB', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif; +} +@media screen and (max-width: 768px) { + .error404 #error-wrap .error-content .error-info { + width: 100%; + height: 55%; + } +} +.error404 #error-wrap .error-content .error-info .error_title { + margin-top: -0.6em; + font-size: 9em; +} +@media screen and (max-width: 768px) { + .error404 #error-wrap .error-content .error-info .error_title { + font-size: 8em; + } +} +.error404 #error-wrap .error-content .error-info .error_subtitle { + margin-top: -3em; + word-break: break-word; + font-size: 1.6em; + -webkit-line-clamp: 2; +} +.error404 + #rightside { + display: none; +} +body[data-type='about'] #page { + border: 0; + -webkit-box-shadow: none !important; + box-shadow: none !important; + padding: 0 !important; + background: transparent !important; +} +body[data-type='about'] #page .page-title { + display: none; +} +body[data-type='about'] .page #footer-wrap { + opacity: 1; + -ms-filter: none; + filter: none; + overflow: visible; + height: auto !important; + min-height: 16px; + color: #666; +} +body[data-type='about'] #web_bg { + background: var(--anzhiyu-background); +} +#about-page { + padding-top: 1rem; +} +#about-page .author-box { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + margin: 0 0 16px 0; +} +#about-page .author-box .author-tag-left { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: end; + -moz-box-align: end; + -o-box-align: end; + -ms-flex-align: end; + -webkit-align-items: flex-end; + align-items: flex-end; +} +@media screen and (max-width: 768px) { + #about-page .author-box .author-tag-left { + display: none; + } +} +#about-page .author-box .author-tag-left .author-tag:first-child, +#about-page .author-box .author-tag-left .author-tag:last-child { + margin-right: -16px; +} +#about-page .author-box .author-tag-right { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -moz-box-align: start; + -o-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; +} +@media screen and (max-width: 768px) { + #about-page .author-box .author-tag-right { + display: none; + } +} +#about-page .author-box .author-tag-right .author-tag:first-child, +#about-page .author-box .author-tag-right .author-tag:last-child { + margin-left: -16px; +} +#about-page .author-box .author-tag { + -webkit-transform: translate(0, -4px); + -moz-transform: translate(0, -4px); + -o-transform: translate(0, -4px); + -ms-transform: translate(0, -4px); + transform: translate(0, -4px); + padding: 1px 8px; + background: var(--anzhiyu-card-bg); + border: var(--style-border-always); + border-radius: 40px; + margin-top: 6px; + font-size: 14px; + font-weight: 700; + -webkit-box-shadow: var(--anzhiyu-shadow-lightblack); + box-shadow: var(--anzhiyu-shadow-lightblack); + -webkit-animation: 6s ease-in-out 0s infinite normal none running floating; + -moz-animation: 6s ease-in-out 0s infinite normal none running floating; + -o-animation: 6s ease-in-out 0s infinite normal none running floating; + -ms-animation: 6s ease-in-out 0s infinite normal none running floating; + animation: 6s ease-in-out 0s infinite normal none running floating; +} +#about-page .author-box .author-tag:nth-child(1) { + -webkit-animation-delay: 0s; + -moz-animation-delay: 0s; + -o-animation-delay: 0s; + -ms-animation-delay: 0s; + animation-delay: 0s; +} +#about-page .author-box .author-tag:nth-child(2) { + -webkit-animation-delay: 0.6s; + -moz-animation-delay: 0.6s; + -o-animation-delay: 0.6s; + -ms-animation-delay: 0.6s; + animation-delay: 0.6s; +} +#about-page .author-box .author-tag:nth-child(3) { + -webkit-animation-delay: 1.2s; + -moz-animation-delay: 1.2s; + -o-animation-delay: 1.2s; + -ms-animation-delay: 1.2s; + animation-delay: 1.2s; +} +#about-page .author-box .author-tag:nth-child(4) { + -webkit-animation-delay: 1.8s; + -moz-animation-delay: 1.8s; + -o-animation-delay: 1.8s; + -ms-animation-delay: 1.8s; + animation-delay: 1.8s; +} +#about-page .author-box .author-img { + margin: 0 30px; + border-radius: 50%; + width: 180px; + height: 180px; + position: relative; + background: var(--anzhiyu-secondbg); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +@media screen and (max-width: 768px) { + #about-page .author-box .author-img { + width: 120px; + height: 120px; + } +} +#about-page .author-box .author-img img { + border-radius: 50%; + overflow: hidden; + width: 180px; + height: 180px; +} +@media screen and (max-width: 768px) { + #about-page .author-box .author-img img { + width: 120px; + height: 120px; + } +} +#about-page .author-box .author-img:hover { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} +#about-page .author-box .author-img:before { + content: ''; + -webkit-transition: 1s; + -moz-transition: 1s; + -o-transition: 1s; + -ms-transition: 1s; + transition: 1s; + width: 30px; + height: 30px; + background: var(--anzhiyu-green); + position: absolute; + border-radius: 50%; + border: 5px solid var(--anzhiyu-background); + bottom: 5px; + right: 10px; + z-index: 2; +} +@media screen and (max-width: 768px) { + #about-page .author-box .author-img:before { + bottom: -5px; + right: -5px; + } +} +.author-content { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + width: 100%; + margin-top: 1rem; +} +#about-page .myInfoAndSayHello { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + color: var(--anzhiyu-white); + background: -webkit-linear-gradient(330deg, #5b27ff 0, #00d4ff 100%); + background: -moz-linear-gradient(330deg, #5b27ff 0, #00d4ff 100%); + background: -o-linear-gradient(330deg, #5b27ff 0, #00d4ff 100%); + background: -ms-linear-gradient(330deg, #5b27ff 0, #00d4ff 100%); + background: linear-gradient(120deg, #5b27ff 0, #00d4ff 100%); + background-size: 200%; + -webkit-animation: gradient 15s ease infinite; + -moz-animation: gradient 15s ease infinite; + -o-animation: gradient 15s ease infinite; + -ms-animation: gradient 15s ease infinite; + animation: gradient 15s ease infinite; + width: 59%; +} +.author-content-item { + width: 49%; + border-radius: 24px; + background: var(--anzhiyu-card-bg); + border: var(--style-border-always); + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); + position: relative; + padding: 1rem 2rem; + overflow: hidden; +} +#about-page .myInfoAndSayHello .title1 { + opacity: 0.8; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + filter: alpha(opacity=80); + line-height: 1.3; +} +#about-page .myInfoAndSayHello .title2 { + font-size: 36px; + font-weight: 700; + line-height: 1.1; + margin: 0.5rem 0; +} +.inline-word { + word-break: keep-all; + white-space: nowrap; +} +#about-page .myInfoAndSayHello .title1 { + opacity: 0.8; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + filter: alpha(opacity=80); + line-height: 1.3; +} +.author-content-item.aboutsiteTips { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: start; + -moz-box-align: start; + -o-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 39%; +} +.aboutsiteTips h2 { + margin-right: auto; + font-size: 36px; + font-family: Helvetica; + line-height: 1.06; + letter-spacing: -0.02em; + color: var(--font-color); + margin-top: 0; +} +.aboutsiteTips .mask { + height: 36px; + position: relative; + overflow: hidden; + margin-top: 4px; +} +.aboutsiteTips .mask span { + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + top: 36px; + padding-bottom: var(--offset); + background-size: 100% 100%; + -webkit-background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-repeat: no-repeat; +} +.aboutsiteTips .mask span[data-show] { + -webkit-transform: translateY(-100%); + -moz-transform: translateY(-100%); + -o-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); + -webkit-transition: 0.5s -webkit-transform ease-in-out; + -moz-transition: 0.5s -moz-transform ease-in-out; + -o-transition: 0.5s -o-transform ease-in-out; + -ms-transition: 0.5s -ms-transform ease-in-out; + transition: 0.5s transform ease-in-out; +} +.aboutsiteTips .mask span[data-up] { + -webkit-transform: translateY(-200%); + -moz-transform: translateY(-200%); + -o-transform: translateY(-200%); + -ms-transform: translateY(-200%); + transform: translateY(-200%); + -webkit-transition: 0.5s -webkit-transform ease-in-out; + -moz-transition: 0.5s -moz-transform ease-in-out; + -o-transition: 0.5s -o-transform ease-in-out; + -ms-transition: 0.5s -ms-transform ease-in-out; + transition: 0.5s transform ease-in-out; +} +.aboutsiteTips .mask span:nth-child(1) { + background-image: -webkit-linear-gradient(45deg, #0ecffe 50%, #07a6f1); + background-image: -moz-linear-gradient(45deg, #0ecffe 50%, #07a6f1); + background-image: -o-linear-gradient(45deg, #0ecffe 50%, #07a6f1); + background-image: -ms-linear-gradient(45deg, #0ecffe 50%, #07a6f1); + background-image: linear-gradient(45deg, #0ecffe 50%, #07a6f1); +} +.aboutsiteTips .mask span:nth-child(2) { + background-image: -webkit-linear-gradient(45deg, #18e198 50%, #0ec15d); + background-image: -moz-linear-gradient(45deg, #18e198 50%, #0ec15d); + background-image: -o-linear-gradient(45deg, #18e198 50%, #0ec15d); + background-image: -ms-linear-gradient(45deg, #18e198 50%, #0ec15d); + background-image: linear-gradient(45deg, #18e198 50%, #0ec15d); +} +.aboutsiteTips .mask span:nth-child(3) { + background-image: -webkit-linear-gradient(45deg, #8a7cfb 50%, #633e9c); + background-image: -moz-linear-gradient(45deg, #8a7cfb 50%, #633e9c); + background-image: -o-linear-gradient(45deg, #8a7cfb 50%, #633e9c); + background-image: -ms-linear-gradient(45deg, #8a7cfb 50%, #633e9c); + background-image: linear-gradient(45deg, #8a7cfb 50%, #633e9c); +} +.aboutsiteTips .mask span:nth-child(4) { + background-image: -webkit-linear-gradient(45deg, #fa7671 50%, #f45f7f); + background-image: -moz-linear-gradient(45deg, #fa7671 50%, #f45f7f); + background-image: -o-linear-gradient(45deg, #fa7671 50%, #f45f7f); + background-image: -ms-linear-gradient(45deg, #fa7671 50%, #f45f7f); + background-image: linear-gradient(45deg, #fa7671 50%, #f45f7f); +} +@media screen and (max-width: 768px) { + .author-content-item.map { + margin-bottom: 0; + } +} +#about-page .about-statistic { + min-height: 380px; + width: 39%; + background-size: cover; + color: var(--anzhiyu-white); + overflow: hidden; +} +#about-page .about-statistic::after { + -webkit-box-shadow: 0 -159px 173px 71px #0c1c2c inset; + box-shadow: 0 -159px 173px 71px #0c1c2c inset; + position: absolute; + content: ''; + width: 100%; + height: 100%; + top: 0; + left: 0; +} +.author-content-item .card-content { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 2; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 1rem 2rem; +} +.author-content-item .card-content .author-content-item-title { + margin-bottom: 0.5rem; +} +.author-content-item .author-content-item-title { + font-size: 36px; + font-weight: 700; + line-height: 1; +} +#statistic { + font-size: 16px; + border-radius: 15px; + width: 100%; + color: var(--anzhiyu-white); + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-top: 1rem; + margin-bottom: 2rem; +} +#statistic div span:first-child { + opacity: 0.8; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + filter: alpha(opacity=80); + font-size: 12px; +} +#statistic div span:last-child { + font-weight: 700; + font-size: 34px; + line-height: 1; + white-space: nowrap; +} +#statistic div { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 50%; + margin-bottom: 0.5rem; +} +.post-tips { + color: var(--anzhiyu-gray); + font-size: 14px; + position: absolute; + bottom: 1rem; + left: 2rem; +} +.post-tips a { + color: var(--anzhiyu-gray) !important; + border: none !important; +} +.author-content-item .card-content .banner-button-group { + position: absolute; + bottom: 1.5rem; + right: 2rem; +} +.author-content-item .card-content .banner-button-group .banner-button { + height: 40px; + border-radius: 20px; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + background: var(--anzhiyu-white-op); + color: var(--anzhiyu-white); + display: -webkit-inline-box; + display: -moz-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-box; + display: inline-flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + z-index: 1; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + cursor: pointer; + border-bottom: 0 !important; + backdrop-filter: saturate(180%) blur(20px); + -webkit-backdrop-filter: blur(20px); + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -o-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); +} +.author-content-item .card-content .banner-button-group .banner-button i, +.author-content-item .card-content .banner-button-group .banner-button svg { + margin-right: 0.25rem; + font-size: 22px; +} +.author-content-item .card-content .banner-button-group .banner-button .banner-button-text { + margin-left: 4px; +} +#about-page .author-content-item .card-content .banner-button-group .banner-button i, +#about-page .author-content-item .card-content .banner-button-group .banner-button svg { + font-size: 22px; + margin-right: 0.25rem; + height: 40px; + max-width: 40px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + border-radius: 50px; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +.author-content-item .card-content .banner-button-group .banner-button:hover { + background: var(--anzhiyu-main); + color: var(--anzhiyu-white); + border-radius: 20px !important; +} +.author-content-item .card-content .banner-button-group .banner-button:hover i, +.author-content-item .card-content .banner-button-group .banner-button:hover svg .author-content-item.personalities { + background: none !important; +} +.author-content-item.personalities { + width: 59%; +} +.author-content-item.personalities .image { + position: absolute; + right: 30px; + top: 10px; + width: 220px; + -webkit-transition: -webkit-transform 2s cubic-bezier(0.13, 0.45, 0.21, 1.02); + -moz-transition: -moz-transform 2s cubic-bezier(0.13, 0.45, 0.21, 1.02); + -o-transition: -o-transform 2s cubic-bezier(0.13, 0.45, 0.21, 1.02); + -ms-transition: -ms-transform 2s cubic-bezier(0.13, 0.45, 0.21, 1.02); + transition: transform 2s cubic-bezier(0.13, 0.45, 0.21, 1.02); +} +.author-content-item.personalities .image img { + display: block; + margin: 0 auto 20px; + max-width: 100%; + -webkit-transition: filter 375ms ease-in 0.2s; + -moz-transition: filter 375ms ease-in 0.2s; + -o-transition: filter 375ms ease-in 0.2s; + -ms-transition: filter 375ms ease-in 0.2s; + transition: filter 375ms ease-in 0.2s; +} +.author-content-item.personalities:hover .image { + -webkit-transform: rotate(-10deg); + -moz-transform: rotate(-10deg); + -o-transform: rotate(-10deg); + -ms-transform: rotate(-10deg); + transform: rotate(-10deg); +} +.author-content-item.myphoto { + height: 60%; + min-height: 240px; + position: relative; + overflow: hidden; + width: 39%; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +.author-content-item.myphoto img { + position: absolute; + min-width: 100%; + object-fit: cover; + -webkit-transition: 0.6s; + -moz-transition: 0.6s; + -o-transition: 0.6s; + -ms-transition: 0.6s; + transition: 0.6s; + -webkit-animation: coverIn 2s ease-out forwards; + -moz-animation: coverIn 2s ease-out forwards; + -o-animation: coverIn 2s ease-out forwards; + -ms-animation: coverIn 2s ease-out forwards; + animation: coverIn 2s ease-out forwards; + -webkit-transition: -webkit-transform 2s ease-out !important; + -moz-transition: -moz-transform 2s ease-out !important; + -o-transition: -o-transform 2s ease-out !important; + -ms-transition: -ms-transform 2s ease-out !important; + transition: transform 2s ease-out !important; +} +.author-content-item.myphoto:hover img { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} +.author-content-item:hover .card-background-icon { + -webkit-transform: rotate(20deg); + -moz-transform: rotate(20deg); + -o-transform: rotate(20deg); + -ms-transform: rotate(20deg); + transform: rotate(20deg); +} +.author-content-item.personalities .title2 { + font-size: 36px; + font-weight: 700; + line-height: 1.1; +} +.author-content-item.map { + min-height: 160px; + max-height: 400px; + position: relative; + overflow: hidden; + margin-bottom: 0.5rem; + height: 60%; + -webkit-transition: 1s ease-in-out; + -moz-transition: 1s ease-in-out; + -o-transition: 1s ease-in-out; + -ms-transition: 1s ease-in-out; + transition: 1s ease-in-out; + background-size: 100%; + background-repeat: no-repeat; + background-position: center; +} +.author-content-item.single { + width: 100%; +} +.author-content-item.map .map-title { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + color: var(--font-color); + background: var(--anzhiyu-maskbg); + padding: 0.5rem 2rem; + backdrop-filter: saturate(180%) blur(20px); + -webkit-backdrop-filter: blur(20px); + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -o-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition: all 1s, color 0s ease-in-out; + -moz-transition: all 1s, color 0s ease-in-out; + -o-transition: all 1s, color 0s ease-in-out; + -ms-transition: all 1s, color 0s ease-in-out; + transition: all 1s, color 0s ease-in-out; + font-size: 20px; +} +.author-content-item.map .map-title b { + color: var(--font-color); +} +.author-content-item.selfInfo { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + min-height: 100px; + max-height: 400px; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + height: -webkit-fill-available; + height: 40%; +} +.author-content-item.selfInfo div { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 0.5rem 2rem 0.5rem 0; + min-width: 120px; +} +.author-content-item.selfInfo .selfInfo-title { + opacity: 0.8; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + filter: alpha(opacity=80); + font-size: 12px; + line-height: 1; + margin-bottom: 8px; +} +.author-content-item.selfInfo .selfInfo-content { + font-weight: 700; + font-size: 34px; + line-height: 1; +} +.author-content-item-group.column.mapAndInfo { + width: 59%; +} +.author-content-item.map:hover { + background-size: 120%; + -webkit-transition: 4s ease-in-out; + -moz-transition: 4s ease-in-out; + -o-transition: 4s ease-in-out; + -ms-transition: 4s ease-in-out; + transition: 4s ease-in-out; + background-position-x: 0; + background-position-y: 36%; +} +.author-content-item.map:hover .map-title { + bottom: -100%; +} +.author-content-item-group.column { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 49%; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; +} +.post-tips a:hover { + color: var(--anzhiyu-main) !important; + background: none !important; +} +.author-content-item.single.reward .reward-list-updateDate { + color: var(--anzhiyu-gray); + font-size: 14px; +} +.author-content-item.maxim { + font-size: 36px; + font-weight: 700; + line-height: 1.1; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: start; + -moz-box-align: start; + -o-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + width: 39%; +} +.author-content-item .author-content-item-tips { + opacity: 0.8; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + filter: alpha(opacity=80); + font-size: 12px; + margin-bottom: 0.5rem; +} +.author-content-item.maxim .maxim-title { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.author-content-item.buff { + height: 200px; + font-size: 36px; + font-weight: 700; + line-height: 1.1; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: start; + -moz-box-align: start; + -o-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + background: -webkit-linear-gradient(330deg, #ff27e8 0, #ff8000 100%); + background: -moz-linear-gradient(330deg, #ff27e8 0, #ff8000 100%); + background: -o-linear-gradient(330deg, #ff27e8 0, #ff8000 100%); + background: -ms-linear-gradient(330deg, #ff27e8 0, #ff8000 100%); + background: linear-gradient(120deg, #ff27e8 0, #ff8000 100%); + color: var(--anzhiyu-white); + background-size: 200%; + -webkit-animation: gradient 15s ease infinite; + -moz-animation: gradient 15s ease infinite; + -o-animation: gradient 15s ease infinite; + -ms-animation: gradient 15s ease infinite; + animation: gradient 15s ease infinite; + min-height: 200px; + height: fit-content; + width: 59%; +} +.author-content-item.buff .card-content { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +.author-content-item.buff .buff-title { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.card-background-icon { + font-size: 12rem; + opacity: 0.2; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; + filter: alpha(opacity=20); + position: absolute; + right: 0; + bottom: -40%; + -webkit-transform: rotate(30deg); + -moz-transform: rotate(30deg); + -o-transform: rotate(30deg); + -ms-transform: rotate(30deg); + transform: rotate(30deg); + -webkit-transition: 2s ease-in-out; + -moz-transition: 2s ease-in-out; + -o-transition: 2s ease-in-out; + -ms-transition: 2s ease-in-out; + transition: 2s ease-in-out; +} +.card-background-icon i { + font-size: 12rem; +} +.author-content-item.game-yuanshen { + background-size: cover; + min-height: 300px; + overflow: hidden; + color: var(--anzhiyu-white); + width: 59%; +} +.author-content-item .content-bottom { + margin-top: auto; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; +} +.author-content-item .content-bottom .icon-group { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + position: relative; +} +.author-content-item .content-bottom .icon-group i { + display: inline-block; + width: 143px; + height: 18px; + margin-right: 0.5rem; +} +.author-content-item.game-yuanshen::after { + -webkit-box-shadow: 0 -69px 203px 11px #575d8b inset; + box-shadow: 0 -69px 203px 11px #575d8b inset; + position: absolute; + content: ''; + width: 100%; + height: 100%; + top: 0; + left: 0; +} +.author-content-item.comic-content { + width: 39%; + min-height: 300px; + overflow: hidden; +} +.author-content-item.comic-content .comic-box { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + width: 120%; + height: 100%; + position: absolute; + left: 50%; + top: 0; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -o-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} +.author-content-item.comic-content .author-content-item-tips, +.author-content-item.comic-content .author-content-item-title { + z-index: 2; + color: var(--anzhiyu-white); + pointer-events: none; +} +.author-content-item.comic-content .comic-item { + height: 100%; + color: #fff; + width: 20%; + -webkit-transform: skew(-10deg, 0deg); + -moz-transform: skew(-10deg, 0deg); + -o-transform: skew(-10deg, 0deg); + -ms-transform: skew(-10deg, 0deg); + transform: skew(-10deg, 0deg); + -webkit-transition: 0.8s; + -moz-transition: 0.8s; + -o-transition: 0.8s; + -ms-transition: 0.8s; + transition: 0.8s; + position: relative; + overflow: hidden; +} +.author-content-item.comic-content .comic-item:hover { + width: 46%; +} +.author-content-item.comic-content .comic-item:hover .comic-item-cover { + left: 16%; + -webkit-transform: skew(10deg, 0deg) scale(1.6); + -moz-transform: skew(10deg, 0deg) scale(1.6); + -o-transform: skew(10deg, 0deg) scale(1.6); + -ms-transform: skew(10deg, 0deg) scale(1.6); + transform: skew(10deg, 0deg) scale(1.6); +} +.author-content-item.comic-content .comic-item .comic-item-cover { + position: absolute; + top: 0; + left: -50%; + height: 100%; + -webkit-transform: skew(10deg, 0deg); + -moz-transform: skew(10deg, 0deg); + -o-transform: skew(10deg, 0deg); + -ms-transform: skew(10deg, 0deg); + transform: skew(10deg, 0deg); + object-fit: cover; + -webkit-transition: scale 0.2s, all 0.8s; + -moz-transition: scale 0.2s, all 0.8s; + -o-transition: scale 0.2s, all 0.8s; + -ms-transition: scale 0.2s, all 0.8s; + transition: scale 0.2s, all 0.8s; +} +.author-content-item.comic-content .comic-item .comic-item-cover img { + height: 100%; + -webkit-transition: 0.8s; + -moz-transition: 0.8s; + -o-transition: 0.8s; + -ms-transition: 0.8s; + transition: 0.8s; + max-width: none; + border-radius: 0px; +} +.author-content-item.comic-content::after { + -webkit-box-shadow: 0 -48px 203px 11px #fbe9b8 inset; + box-shadow: 0 -48px 203px 11px #fbe9b8 inset; + position: absolute; + content: ''; + width: 100%; + height: 100%; + top: 0; + left: 0; +} +.author-content-item.like-technology { + min-height: 230px; + color: var(--anzhiyu-white); +} +.author-content-item.like-music { + min-height: 400px; + color: var(--anzhiyu-white); + overflow: hidden; +} +.author-content-item.like-music::after { + -webkit-box-shadow: 0 -69px 203px 11px #453e38 inset; + box-shadow: 0 -69px 203px 11px #453e38 inset; + position: absolute; + content: ''; + width: 100%; + height: 100%; + top: 0; + left: 0; +} +@media screen and (max-width: 1200px) { + .author-content-item.personalities .image { + width: 180px; + } +} +@media screen and (max-width: 768px) { + #gitcalendar { + display: none; + } + [data-theme='dark'] .author-content-item .card-content .banner-button-group .banner-button { + color: var(--anzhiyu-black) !important; + } + .author-content-item .card-content .banner-button-group .banner-button:hover { + background: none !important; + } + .author-content-item.game-yuanshen .content-bottom { + padding-bottom: 10px; + } + .author-content-item.game-yuanshen .game-yuanshen-uid { + display: none; + } + .author-content { + margin-top: 0; + } + .author-content-item { + width: 100% !important; + margin-top: 1rem; + padding: 1rem; + } + .author-content-item.map { + margin-bottom: 0; + } + .author-content-item-group.column { + width: 100% !important; + } + .author-content-item.selfInfo { + height: 95%; + } + .author-content-item.personalities { + height: 200px; + } + .post-tips { + left: auto; + } + .author-content-item.personalities .image { + width: 125px; + } + .site-card-group > a { + width: 100% !important; + } + body[data-type='about'] .post-reward { + display: none; + } + .reward-list-item { + width: 100% !important; + } + .author-content-item .card-content .banner-button-group .banner-button-text { + display: none; + } + .author-content-item .card-content .banner-button-group { + right: 1rem; + bottom: 1rem; + } + .author-content-item .card-content .banner-button-group .banner-button { + background: none; + padding: 0; + width: auto; + backdrop-filter: unset; + } + .author-content-item .card-content .banner-button-group .banner-button i, + .author-content-item .card-content .banner-button-group .banner-button svg { + margin-right: 0.25rem; + font-size: 1.5rem; + background: #fff; + border-radius: 50%; + padding: 6px; + margin-left: 80px; + height: 40px; + width: 40px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + color: var(--anzhiyu-fontcolor); + } + .author-content-item .card-content .banner-button-group .banner-button:hover i { + background: var(--anzhiyu-background) !important; + color: var(--anzhiyu-theme); + } + #selfInfo-content-year { + width: 90px; + } +} +@media screen and (min-width: 768px) and (max-width: 896px) { + .author-content-item.like-music .content-bottom .tips { + display: none; + } +} +.reward-list-all { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-top: 1rem; + margin-bottom: 0.5rem; + margin-left: -0.25rem; + margin-right: -0.25rem; +} +.reward-list-item { + padding: 1rem; + border-radius: 12px; + border: var(--style-border-always); + width: calc((100% / 5) - 0.5rem); + margin: 0 0.25rem 0.5rem 0.25rem; + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); +} +@media screen and (max-width: 1200px) { + .reward-list-item { + width: calc((100% / 3) - 0.5rem); + } +} +.reward-list-item .reward-list-item-name { + font-size: 1rem; + font-weight: 700; + line-height: 1; + margin-bottom: 0.5rem; +} +.reward-list-item .reward-list-bottom-group { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; +} +.reward-list-item .reward-list-item-money { + padding: 4px; + background: var(--font-color); + color: var(--card-bg); + font-size: 12px; + line-height: 1; + border-radius: 4px; + margin-right: 4px; + white-space: nowrap; +} +.reward-list-item .reward-list-item-time { + font-size: 12px; + color: var(--anzhiyu-secondtext); + white-space: nowrap; +} +.skills { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: start; + -moz-box-align: start; + -o-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 50%; + min-height: 450px; +} +.skills .skill-icon { + width: 32px; + height: 32px; + border-radius: 32px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + margin-right: 8px; +} +.skills .skills-list { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + position: absolute; + width: 100%; + top: 0; + left: 0; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-top: 10px; +} +.skills .skill-info { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + margin-right: 10px; + margin-top: 10px; + background: var(--anzhiyu-background); + border-radius: 40px; + padding: 4px 12px 4px 8px; + border: var(--style-border); + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); +} +.skills .skill-icon img { + width: 18px; + height: 18px; + margin: 0 auto !important; +} +.skills .skills-style-group { + position: relative; +} +.author-content-item.skills .skills-style-group { + position: relative; +} +.skills:hover .skills-style-group #skills-tags-group-all { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); +} +.skills:hover .skills-style-group .skills-list { + opacity: 1; + -ms-filter: none; + filter: none; +} +.author-content-item.careers { + min-height: 400px; + background-size: contain; + background-repeat: no-repeat; + background-position-x: right; + background-position-y: bottom; +} +.author-content-item.careers .careers-group { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + margin-top: 12px; + margin-bottom: 12px; +} +.author-content-item.careers .career-item { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: start; + -moz-box-pack: start; + -o-box-pack: start; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +.author-content-item.careers .career-item .circle { + width: 16px; + height: 16px; + margin-top: 3px; + margin-right: 8px; + border-radius: 50%; +} +.author-content-item.careers .career-item .text { + color: var(--anzhiyu-secondtext); +} +.author-content-item.careers .careers-item { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +.author-content-item.careers .careers-item .circle { + width: 16px; + height: 16px; + margin-right: 8px; + border-radius: 16px; +} +.author-content-item.careers .careers-item .name { + color: var(--anzhiyu-secondtext); +} +.author-content-item.careers img { + position: absolute; + left: 0; + bottom: 20px; + width: 100%; + -webkit-transition: 0.6s; + -moz-transition: 0.6s; + -o-transition: 0.6s; + -ms-transition: 0.6s; + transition: 0.6s; + z-index: -1; +} +:root { + --loadingbar-background-color: #2c2b30; + --loadingbar-prospect-color: #ece5d8; +} +.loading-bar { + position: absolute; + top: 50%; + left: 50%; + width: 500px; + height: 62.5px; + -webkit-transform: translate(-25%, -50%) scale(0.5); + -moz-transform: translate(-25%, -50%) scale(0.5); + -o-transform: translate(-25%, -50%) scale(0.5); + -ms-transform: translate(-25%, -50%) scale(0.5); + transform: translate(-25%, -50%) scale(0.5); + -webkit-transition: all 0.5s; + -moz-transition: all 0.5s; + -o-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + overflow: hidden; +} +.loading-bar::after { + content: ''; + position: absolute; + top: 500px; + left: 0; + filter: drop-shadow(0 -500px 0 var(--loadingbar-prospect-color)); + width: 500px; + height: 62.5px; + background: url("https://yuanshen.site/imgs/loading-bar.png") no-repeat left 100%; + background-size: 500px 62.5px; + background-position-x: 0; +} +.author-content-item.game-yuanshen:hover .loading-bar::after { + -webkit-animation: loading-bar 3.5s cubic-bezier(0.28, 0.11, 0.32, 1) infinite forwards; + -moz-animation: loading-bar 3.5s cubic-bezier(0.28, 0.11, 0.32, 1) infinite forwards; + -o-animation: loading-bar 3.5s cubic-bezier(0.28, 0.11, 0.32, 1) infinite forwards; + -ms-animation: loading-bar 3.5s cubic-bezier(0.28, 0.11, 0.32, 1) infinite forwards; + animation: loading-bar 3.5s cubic-bezier(0.28, 0.11, 0.32, 1) infinite forwards; +} +@media screen and (max-width: 719px) { + .loading-bar .loading-bar { + display: none; + } +} +@media screen and (max-width: 719px) and (orientation: landscape) { + .loading-bar .loading-bar { + display: block !important; + -webkit-transform: translate(-50%, -50%) scale(0.7) !important; + -moz-transform: translate(-50%, -50%) scale(0.7) !important; + -o-transform: translate(-50%, -50%) scale(0.7) !important; + -ms-transform: translate(-50%, -50%) scale(0.7) !important; + transform: translate(-50%, -50%) scale(0.7) !important; + } +} +@supports not (filter: drop-shadow(0 0 0 #fff)) { + .loading-bar:before { + content: 'Your browser does not support the animation'; + } +} +.hello-about { + margin: 20px auto; + border-radius: 24px; + background: var(--anzhiyu-card-bg); + border: var(--style-border-always); + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); + position: relative; + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.shapes { + position: relative; + height: 315px; + width: 100%; + background: #2128bd; + overflow: hidden; +} +.shape { + will-change: transform; + position: absolute; + border-radius: 50%; +} +.shape.shape-1 { + background: #005ffe; + width: 650px; + height: 650px; + margin: -325px 0 0 -325px; +} +.shape.shape-2 { + background: #ffe5e3; + width: 440px; + height: 440px; + margin: -220px 0 0 -220px; +} +.shape.shape-3 { + background: #ffcc57; + width: 270px; + height: 270px; + margin: -135px 0 0 -135px; +} +.hello-about .content { + top: 0; + left: 0; + position: absolute; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + height: 315px; + width: 100%; + background: #fff; + mix-blend-mode: screen; +} +[data-theme='dark'] .hello-about .content { + background: transparent; +} +[data-theme='dark'] .hello-about h1 { + color: var(--anzhiyu-white); +} +.hello-about h1 { + font-size: 200px; + color: #000; + margin: 0; + text-align: center; + font: inherit; + vertical-align: baseline; + line-height: 1; + font-size: calc(0.0989119683 * 100vw + 58.5558852621px); + width: 100%; + height: 100%; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +@media (min-width: 419px) { + .hello-about h1 { + font-size: calc(0.0989119683 * 100vw + 58.5558852621px); + } +} +@media (max-width: 768px) { + .hello-about { + margin: 20px 0 auto; + } +} +.cursor { + position: absolute; + background: #2128bd; + width: 20px; + height: 20px; + margin: -10px 0 0 -10px; + border-radius: 50%; + will-change: transform; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + z-index: 3; +} +#about-page .author-content-item-group.column.mapAndInfo { + width: 100%; +} +#about-page .author-content-item-group.column { + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +#about-page .author-content-item.map { + width: 50%; +} +#about-page .author-content-item.selfInfo { + height: 100%; + width: 49%; +} +@-moz-keyframes loading-bar { + 0% { + width: 0; + background-size: 500px 62.5px; + } + 83% { + width: 475px; + } + 83.1% { + width: 475px; + } + 83.2% { + width: 475px; + } + 83.3% { + width: 475px; + } + 83.4% { + width: 475px; + } + 83.5% { + width: 475px; + } + 83.6% { + width: 475px; + } + 83.7% { + width: 475px; + } + 83.8% { + width: 475px; + } + 83.9% { + width: 475px; + } + 84% { + width: 475px; + } + 85% { + width: 475px; + } + 86% { + width: 475px; + } + 87% { + width: 475px; + } + 100% { + width: 500px; + } +} +@-webkit-keyframes loading-bar { + 0% { + width: 0; + background-size: 500px 62.5px; + } + 83% { + width: 475px; + } + 83.1% { + width: 475px; + } + 83.2% { + width: 475px; + } + 83.3% { + width: 475px; + } + 83.4% { + width: 475px; + } + 83.5% { + width: 475px; + } + 83.6% { + width: 475px; + } + 83.7% { + width: 475px; + } + 83.8% { + width: 475px; + } + 83.9% { + width: 475px; + } + 84% { + width: 475px; + } + 85% { + width: 475px; + } + 86% { + width: 475px; + } + 87% { + width: 475px; + } + 100% { + width: 500px; + } +} +@-o-keyframes loading-bar { + 0% { + width: 0; + background-size: 500px 62.5px; + } + 83% { + width: 475px; + } + 83.1% { + width: 475px; + } + 83.2% { + width: 475px; + } + 83.3% { + width: 475px; + } + 83.4% { + width: 475px; + } + 83.5% { + width: 475px; + } + 83.6% { + width: 475px; + } + 83.7% { + width: 475px; + } + 83.8% { + width: 475px; + } + 83.9% { + width: 475px; + } + 84% { + width: 475px; + } + 85% { + width: 475px; + } + 86% { + width: 475px; + } + 87% { + width: 475px; + } + 100% { + width: 500px; + } +} +@keyframes loading-bar { + 0% { + width: 0; + background-size: 500px 62.5px; + } + 83% { + width: 475px; + } + 83.1% { + width: 475px; + } + 83.2% { + width: 475px; + } + 83.3% { + width: 475px; + } + 83.4% { + width: 475px; + } + 83.5% { + width: 475px; + } + 83.6% { + width: 475px; + } + 83.7% { + width: 475px; + } + 83.8% { + width: 475px; + } + 83.9% { + width: 475px; + } + 84% { + width: 475px; + } + 85% { + width: 475px; + } + 86% { + width: 475px; + } + 87% { + width: 475px; + } + 100% { + width: 500px; + } +} +.article-sort { + margin: 0.25rem; +} +.article-sort-title { + margin: 0.25rem; + padding: 0; + border: none; + font-weight: bold; + font-size: 2em; +} +.article-sort-item { + position: relative; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; + -o-transition: all 0.2s ease-in-out 0s; + -ms-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; + border: none; + margin: 0 0 1rem 0rem; + overflow: hidden; + border-radius: 12px; +} +.article-sort-item.no-article-cover { + height: 80px; +} +.article-sort-item.no-article-cover .article-sort-item-info { + padding: 0; +} +.article-sort-item.year { + font-size: 1rem; + color: var(--anzhiyu-secondtext); + margin-bottom: 0.25rem; +} +.article-sort-item.year:hover:before { + border-color: #425aef; +} +.article-sort-item.year:before { + border-color: var(--pseudo-hover); +} +.article-sort-item-time { + color: var(--anzhiyu-fontcolor); + font-size: 95%; +} +.article-sort-item-time time { + padding-left: 6px; + cursor: default; +} +.article-sort-item-title { + color: var(--font-color); + font-size: 1.1em; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -ms-transition: all 0.3s; + transition: all 0.3s; + -webkit-line-clamp: 1; + margin-right: auto; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + -webkit-box-ordinal-group: 0; + -moz-box-ordinal-group: 0; + -o-box-ordinal-group: 0; + -ms-flex-order: 0; + -webkit-order: 0; + order: 0; + font-weight: bold; + line-height: 1.3; +} +.article-sort-item-title:hover { + color: var(--anzhiyu-lighttext); +} +.article-sort-item-index { + opacity: 0.5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); + position: absolute; + top: 0.5rem; + right: 0.5rem; + font-style: italic; + font-size: 2.5rem; + line-height: 1.5rem; +} +.article-sort-item-img { + overflow: hidden; + width: 151px; + height: 80px; + border-radius: 12px; + min-width: 151px; + min-height: 80px; + background: var(--anzhiyu-secondbg); + -webkit-mask-image: -webkit-radial-gradient(center, #fff, #000); +} +.article-sort-item-info { + padding: 0 0.8rem; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + max-height: 80px; + height: 80px; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; +} +@media screen and (max-width: 768px) { + .article-sort-item-info .article-sort-item-index { + display: none; + } +} +.article-sort-item-info .article-sort-item-title { + height: 30%; +} +@media screen and (max-width: 768px) { + .article-sort-item-info .article-sort-item-title { + font-size: 0.9em; + height: 25%; + } +} +.article-sort-item-info .article-meta-wrap { + height: 35%; +} +.article-sort-item-info .article-meta-wrap .article-sort-item-tags a { + color: var(--anzhiyu-fontcolor); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + margin-right: auto; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + padding: 0 0.2rem; + padding-left: 0; +} +.article-sort-item-info .article-meta-wrap .article-sort-item-tags a span { + font-size: 12px; + margin-right: 1px; + pointer-events: none; +} +.article-sort-item-info .article-meta-wrap .article-sort-item-time { + font-size: 12px; +} +.category-lists .category-title { + font-size: 2.57em; +} +@media screen and (max-width: 768px) { + .category-lists .category-title { + font-size: 2em; + } +} +.category-lists .category-list { + margin-bottom: 0; +} +.category-lists .category-list a { + color: var(--font-color); +} +.category-lists .category-list a:hover { + color: #425aef; +} +.category-lists .category-list .category-list-count { + margin-left: 8px; + color: var(--anzhiyu-fontcolor); +} +.category-lists .category-list .category-list-count:before { + content: '('; +} +.category-lists .category-list .category-list-count:after { + content: ')'; +} +.category-lists ul { + padding: 0 0 0 20px; +} +.category-lists ul ul { + padding-left: 4px; +} +.category-lists ul li { + position: relative; + margin: 6px 0; + padding: 0.12em 0.4em 0.12em 1.4em; +} +@media screen and (max-width: 768px) { + .post .layout#content-inner { + background: var(--anzhiyu-main); + } +} +#body-wrap { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + min-height: 100vh; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; +} +@media screen and (max-width: 768px) { + #body-wrap .layout { + padding: 0; + } + #body-wrap #archive { + background: var(--anzhiyu-background); + border: none; + padding-top: 0px; + } +} +.layout { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + box-flex: 1; + -webkit-flex: 1 auto; + -ms-flex: 1 auto; + flex: 1 auto; + margin: 0 auto; + padding: 1.25rem 1.5rem; + max-width: 1200px; + width: 100%; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +@media screen and (max-width: 1200px) { + .layout { + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding-top: 10px; + } +} +@media screen and (max-width: 768px) { + .layout { + padding: 20px 15px; + z-index: 3; + } +} +@media screen and (min-width: 2000px) { + .layout { + max-width: 1700px; + } +} +.layout > div:first-child:not(.recent-posts) { + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); + padding: 2rem 2.5rem; + border-radius: 12px; + background: var(--anzhiyu-card-bg); + border: var(--style-border); + width: calc(100% - 300px); + -webkit-align-self: flex-start; + align-self: flex-start; + -ms-flex-item-align: start; + -webkit-animation: slide-in 0.6s 0.1s backwards; + -moz-animation: slide-in 0.6s 0.1s backwards; + -o-animation: slide-in 0.6s 0.1s backwards; + -ms-animation: slide-in 0.6s 0.1s backwards; + animation: slide-in 0.6s 0.1s backwards; +} +@media screen and (max-width: 768px) { + .layout > div:first-child:not(.recent-posts) { + padding: 1rem 1rem; + -webkit-box-shadow: none; + box-shadow: none; + background: var(--anzhiyu-background); + } +} +.layout > div:first-child { + width: calc(100% - 300px); + -webkit-transition: all 0.3s ease 0s; + -moz-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + -ms-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; +} +@media screen and (max-width: 900px) { + .layout > div:first-child { + width: 100% !important; + } +} +.layout.hide-aside { + max-width: 1000px; +} +@media screen and (min-width: 2000px) { + .layout.hide-aside { + max-width: 1200px; + } +} +.layout.hide-aside > div { + width: 100% !important; +} +.apple #page-header.full_page { + background-attachment: scroll !important; +} +.apple .recent-post-item, +.apple .avatar-img, +.apple .flink-item-icon { + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -o-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); +} +.goodthings-title { + margin: 1rem 0; + line-height: 1; +} +.equipment-item .equipment-item-content { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -8px; +} +.equipment-item .equipment-item-content .equipment-item-content-item { + width: calc(25% - 12px); + border-radius: 12px; + border: var(--style-border-always); + overflow: hidden; + margin: 8px 6px; + background: var(--anzhiyu-card-bg); + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); + min-height: 400px; + position: relative; +} +@media screen and (max-width: 1200px) { + .equipment-item .equipment-item-content .equipment-item-content-item { + width: calc(50% - 12px); + } +} +@media screen and (max-width: 768px) { + .equipment-item .equipment-item-content .equipment-item-content-item { + width: 100%; + } +} +.equipment-item .equipment-item-content .equipment-item-content-item .equipment-item-content-item-info { + padding: 8px 16px 16px 16px; + margin-top: 12px; +} +.equipment-item .equipment-item-content .equipment-item-content-item .equipment-item-content-item-name { + font-size: 18px; + font-weight: bold; + line-height: 1; + margin-bottom: 8px; + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + width: fit-content; + cursor: pointer; +} +.equipment-item .equipment-item-content .equipment-item-content-item .equipment-item-content-item-name:hover { + color: var(--anzhiyu-main); +} +.equipment-item .equipment-item-content .equipment-item-content-item .equipment-item-content-item-specification { + font-size: 12px; + color: var(--anzhiyu-secondtext); + line-height: 16px; + margin-bottom: 5px; + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; +} +.equipment-item .equipment-item-content .equipment-item-content-item .equipment-item-content-item-description { + line-height: 20px; + color: var(--anzhiyu-secondtext); + height: 60px; + display: -webkit-box; + overflow: hidden; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + font-size: 14px; +} +.equipment-item .equipment-item-content .equipment-item-content-item a.equipment-item-content-item-link { + font-size: 12px; + background: var(--anzhiyu-gray-op); + padding: 4px 8px; + border-radius: 8px; + cursor: pointer; +} +.equipment-item .equipment-item-content .equipment-item-content-item a.equipment-item-content-item-link:hover { + background: var(--anzhiyu-main); + color: var(--anzhiyu-white); +} +.equipment-item .equipment-item-content .equipment-item-content-item .equipment-item-content-item-cover { + width: 100%; + height: 200px; + background: var(--anzhiyu-secondbg); + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +.equipment-item .equipment-item-content .equipment-item-content-item img.equipment-item-content-item-image { + object-fit: contain; + height: 80%; + width: 260px; +} +.equipment-item .equipment-item-content .equipment-item-content-item .equipment-item-content-item-toolbar { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + position: absolute; + bottom: 12px; + left: 0; + width: 100%; + padding: 0 16px; +} +body[data-type="equipment"] #web_bg { + background: var(--anzhiyu-background); +} +body[data-type="equipment"] #page { + border: 0; + -webkit-box-shadow: none !important; + box-shadow: none !important; + padding: 0 !important; + background: 0 0 !important; +} +body[data-type="equipment"] #page .page-title { + display: none; +} +body[data-type="link"] #page .page-title { + display: none; +} +#flink-banners { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + width: 100%; + height: 76%; + background: var(--anzhiyu-card-bg); + padding: 1.5rem; + border: var(--style-border); + border-radius: 12px; + overflow: hidden; + position: relative; + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + overflow: hidden; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + will-change: transform; + -webkit-animation: slide-in 0.6s 0.2s backwards; + -moz-animation: slide-in 0.6s 0.2s backwards; + -o-animation: slide-in 0.6s 0.2s backwards; + -ms-animation: slide-in 0.6s 0.2s backwards; + animation: slide-in 0.6s 0.2s backwards; +} +#flink-banners .flink .banners-title { + top: 1.5rem; +} +#flink-banners .banner-top-box { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; +} +#flink-banners .banner-button-group { + position: absolute; + right: 2rem; + top: 2.5rem; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; +} +@media screen and (max-width: 768px) { + #flink-banners .banner-button-group { + display: none; + } +} +#flink-banners .banner-button-group .banner-button { + color: var(--anzhiyu-card-bg); +} +#flink-banners .banner-button-group .banner-button.secondary { + color: var(--anzhiyu-fontcolor); +} +#flink-banners .banner-button-group .banner-button:hover { + background: var(--anzhiyu-theme); + color: var(--anzhiyu-white); +} +#flink-banners .banner-button-group .banner-button i { + margin-right: 8px; + font-size: 1rem; +} +#flink-banners #skills-tags-group-all .img-alt { + display: none; +} +#flink-banners #skills-tags-group-all .tags-group-wrapper { + -webkit-animation: rowup 120s linear infinite; + -moz-animation: rowup 120s linear infinite; + -o-animation: rowup 120s linear infinite; + -ms-animation: rowup 120s linear infinite; + animation: rowup 120s linear infinite; +} +#flink-banners #skills-tags-group-all .tags-group-icon { + border-radius: 50%; +} +#flink-banners #skills-tags-group-all .tags-group-icon img { + min-width: 100%; + min-height: 100%; + border-radius: 50%; + object-fit: cover; +} +.flink-desc { + margin: 0.2rem 0 0.5rem; +} +#article-container .anzhiyu-flink-list { + overflow: auto; + margin: -6px; + text-align: center; +} +#article-container .anzhiyu-flink-list .img-alt { + display: none; +} +#article-container .anzhiyu-flink-list.cf-friends-lost-contact .flink-list-item { + height: 60px; +} +#article-container .anzhiyu-flink-list.cf-friends-lost-contact .flink-list-item:hover .cf-friends-link img { + width: 0; + height: 0; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + margin: 0.5rem; + min-width: 0px; + min-height: 0px; +} +#article-container .anzhiyu-flink-list.cf-friends-lost-contact .flink-list-item .cf-friends-link img { + width: 30px; + height: 30px; + min-width: 30px; + min-height: 30px; +} +#article-container .anzhiyu-flink-list .flink-list-item { + margin: 6px 6px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + border-radius: 12px; + -webkit-transition-timing-function: ease-in-out; + -moz-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + -ms-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + position: relative; + width: calc(20% - 12px); + border: var(--style-border); + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); + background: var(--anzhiyu-card-bg); + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + float: left; + overflow: hidden; + height: 90px; + line-height: 17px; + -webkit-transform: translateZ(0px); + -moz-transform: translateZ(0px); + -o-transform: translateZ(0px); + -ms-transform: translateZ(0px); + transform: translateZ(0px); +} +#article-container .anzhiyu-flink-list .flink-list-item .cf-friends-link { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + border: none; + width: 100%; + height: 100%; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + color: var(--anzhiyu-fontcolor); + text-decoration: none; + font-weight: bold; + padding: 0 4px; + border-radius: 4px 4px 0 0; +} +#article-container .anzhiyu-flink-list .flink-list-item .cf-friends-link img { + border-radius: 32px; + margin: 15px 20px 15px 15px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + background: var(--anzhiyu-background); + min-width: 60px; + min-height: 60px; + width: 60px; + height: 60px; + float: left; + object-fit: cover; +} +@media screen and (max-width: 1200px) { + #article-container .anzhiyu-flink-list .flink-list-item { + width: calc(50% - 15px) !important; + } +} +@media screen and (max-width: 600px) { + #article-container .anzhiyu-flink-list .flink-list-item { + width: calc(100% - 15px) !important; + } +} +#article-container .anzhiyu-flink-list .flink-list-item:hover:before, +#article-container .anzhiyu-flink-list .flink-list-item:focus:before, +#article-container .anzhiyu-flink-list .flink-list-item:active:before { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); +} +#article-container .anzhiyu-flink-list .flink-list-item .flink-item-info { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + width: calc(100% - 90px); + height: fit-content; +} +#article-container .anzhiyu-flink-list .flink-list-item .flink-item-info .flink-item-name { + text-align: left; + line-height: 20px; + color: var(--anzhiyu-fontcolor); + display: block; + padding: 0px 10px 0px 0px; + font-weight: 700; + font-size: 19px; + max-width: calc(100% - 12px); + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + white-space: nowrap; +} +#article-container .anzhiyu-flink-list .flink-list-item .flink-item-info .flink-item-desc { + white-space: normal; + padding: 5px 10px 16px 0; + color: var(--anzhiyu-fontcolor); + text-align: left; + font-size: 0.93em; + height: 40px; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + opacity: 0.7; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=70); + display: -webkit-box; + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} +#article-container .anzhiyu-flink-list .flink-list-item:hover { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + background: var(--anzhiyu-theme); + border: var(--style-border-hover); + -webkit-box-shadow: var(--anzhiyu-shadow-main); + box-shadow: var(--anzhiyu-shadow-main); +} +#article-container .anzhiyu-flink-list .flink-list-item:hover .site-card-tag { + left: -70px; +} +#article-container .anzhiyu-flink-list .flink-list-item:hover a img { + -webkit-transition: 0.6s; + -moz-transition: 0.6s; + -o-transition: 0.6s; + -ms-transition: 0.6s; + transition: 0.6s; + width: 0; + height: 0; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + margin: 0.5rem; + min-width: 0px; + min-height: 0px; +} +#article-container .anzhiyu-flink-list .flink-list-item:hover a .flink-item-info { + min-width: calc(100% - 20px); +} +#article-container .anzhiyu-flink-list .flink-list-item:hover a .flink-item-name { + color: var(--anzhiyu-white); +} +#article-container .anzhiyu-flink-list .flink-list-item:hover a .flink-item-desc { + overflow: hidden; + width: 100%; + color: var(--anzhiyu-white); +} +.flink-name { + margin-bottom: 5px; + font-weight: bold; + font-size: 1.5em; +} +#article-container img { + margin-bottom: 0.5rem; + object-fit: cover; + max-height: 900px; +} +.flexcard-flink-list { + overflow: hidden; +} +.flexcard-flink-list .flink-list-card .wrapper img { + -webkit-transition: -webkit-transform 0.5s ease-out !important; + -moz-transition: -moz-transform 0.5s ease-out !important; + -o-transition: -o-transform 0.5s ease-out !important; + -ms-transition: -ms-transform 0.5s ease-out !important; + transition: transform 0.5s ease-out !important; +} +.flexcard-flink-list .flink-list-card:hover { + border-color: var(--anzhiyu-main) !important; + background-color: var(--anzhiyu-main) !important; + -webkit-box-shadow: var(--anzhiyu-shadow-theme) !important; + box-shadow: var(--anzhiyu-shadow-theme) !important; +} +.flexcard-flink-list > a { + width: calc(100% / 5 - 0.5rem); + height: 150px; + position: relative; + display: block; + margin: 0.5rem 0.25rem; + float: left; + overflow: hidden; + padding: 0; + border-radius: 8px; + -webkit-transition: all 0.3s ease 0s, -webkit-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; + -moz-transition: all 0.3s ease 0s, -moz-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; + -o-transition: all 0.3s ease 0s, -o-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; + -ms-transition: all 0.3s ease 0s, -ms-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; + transition: all 0.3s ease 0s, transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; + -webkit-box-shadow: none; + box-shadow: none; + border: var(--style-border) !important; +} +.flexcard-flink-list > a:hover .info { + -webkit-transform: translateY(-100%); + -moz-transform: translateY(-100%); + -o-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); +} +.flexcard-flink-list > a:hover .wrapper img { + -webkit-transform: scale(1.2); + -moz-transform: scale(1.2); + -o-transform: scale(1.2); + -ms-transform: scale(1.2); + transform: scale(1.2); +} +.flexcard-flink-list > a:hover::before { + position: fixed; + width: inherit; + margin: auto; + left: 0; + right: 0; + top: 10%; + border-radius: 10px; + text-align: center; + z-index: 100; + content: attr(data-title); + font-size: 20px; + color: #fff; + padding: 10px; + background-color: rgba(66,90,239,0.8); +} +.flexcard-flink-list > a .cover { + width: 100%; + -webkit-transition: -webkit-transform 0.5s ease-out; + -moz-transition: -moz-transform 0.5s ease-out; + -o-transition: -o-transform 0.5s ease-out; + -ms-transition: -ms-transform 0.5s ease-out; + transition: transform 0.5s ease-out; +} +.flexcard-flink-list > a .wrapper { + position: relative; +} +.flexcard-flink-list > a .wrapper .fadeIn { + -webkit-animation: coverIn 0.8s ease-out forwards; + -moz-animation: coverIn 0.8s ease-out forwards; + -o-animation: coverIn 0.8s ease-out forwards; + -ms-animation: coverIn 0.8s ease-out forwards; + animation: coverIn 0.8s ease-out forwards; +} +.flexcard-flink-list > a .wrapper img { + height: 150px; + pointer-events: none; +} +.flexcard-flink-list > a .info { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + width: 100%; + height: 100%; + overflow: hidden; + border-radius: 3px; + background-color: rgba(255,255,255,0.7); + -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; + -moz-transition: -moz-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; + -o-transition: -o-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; + -ms-transition: -ms-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; + transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; +} +.flexcard-flink-list > a .info img { + position: relative; + top: 45px; + width: 80px; + height: 80px; + border-radius: 50% !important; + -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); + box-shadow: 0 0 10px rgba(0,0,0,0.3); + z-index: 1; + text-align: center; + pointer-events: none; +} +.flexcard-flink-list > a .info span { + padding: 20px 10% 60px 10%; + font-size: 16px; + width: 100%; + text-align: center; + -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); + box-shadow: 0 0 10px rgba(0,0,0,0.3); + background-color: rgba(255,255,255,0.7); + color: var(--font-color); + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; +} +.flexcard-flink-list>a .info, +.flexcard-flink-list>a .wrapper .cover { + position: absolute; + top: 0; + left: 0; +} +@media screen and (max-width: 1024px) { + .flexcard-flink-list > a { + width: calc(33.33333% - 15px); + } +} +@media screen and (max-width: 600px) { + .flexcard-flink-list > a { + width: calc(50% - 15px); + } +} +[data-theme=dark] .flexcard-flink-list a .info, +[data-theme=dark] .flexcard-flink-list a .info span { + background-color: rgba(0,0,0,0.6); +} +[data-theme=dark] .flexcard-flink-list > a:hover:before { + background-color: rgba(18,18,18,0.8); +} +.justified-gallery > div > img, +.justified-gallery > figure > img, +.justified-gallery > a > a > img, +.justified-gallery > div > a > img, +.justified-gallery > figure > a > img, +.justified-gallery > a > svg, +.justified-gallery > div > svg, +.justified-gallery > figure > svg, +.justified-gallery > a > a > svg, +.justified-gallery > div > a > svg, +.justified-gallery > figure > a > svg { + position: static !important; +} +.site-card-tag { + position: absolute; + top: 0; + left: 0; + padding: 4px 8px; + background-color: var(--anzhiyu-theme); + -webkit-box-shadow: var(--anzhiyu-shadow-blue); + box-shadow: var(--anzhiyu-shadow-blue); + color: var(--anzhiyu-white); + z-index: 1; + border-radius: 11px 0 12px 0; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + font-size: 12px; +} +.site-card-tag.speed { + background: var(--anzhiyu-green); + -webkit-box-shadow: var(--anzhiyu-shadow-green); + box-shadow: var(--anzhiyu-shadow-green); +} +.site-card-tag.vip { + background: -webkit-linear-gradient(52deg, #e5b085 0%, #d48f16 100%); + background: -moz-linear-gradient(52deg, #e5b085 0%, #d48f16 100%); + background: -o-linear-gradient(52deg, #e5b085 0%, #d48f16 100%); + background: -ms-linear-gradient(52deg, #e5b085 0%, #d48f16 100%); + background: linear-gradient(38deg, #e5b085 0%, #d48f16 100%); + overflow: hidden; + -webkit-box-shadow: var(--anzhiyu-shadow-yellow); + box-shadow: var(--anzhiyu-shadow-yellow); +} +.site-card-tag i.light { + cursor: pointer; + position: absolute; + top: 0; + width: 100px; + height: 50px; + background-image: -webkit--webkit-linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); + background-image: -webkit--moz-linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); + background-image: -webkit--o-linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); + background-image: -webkit--ms-linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); + background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); + -webkit-animation: light_tag 4s both infinite; + -moz-animation: light_tag 4s both infinite; + -o-animation: light_tag 4s both infinite; + -ms-animation: light_tag 4s both infinite; + animation: light_tag 4s both infinite; + will-change: transform; +} +#article-container .telescopic-site-card-group { + padding: 20px 0; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -webkit-box-pack: start; + -moz-box-pack: start; + -o-box-pack: start; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + margin: -8px; + -webkit-box-align: stretch; + -webkit-box-align: stretch; + -moz-box-align: stretch; + -o-box-align: stretch; + -ms-flex-align: stretch; + -webkit-align-items: stretch; + align-items: stretch; +} +#article-container .telescopic-site-card-group .site-card { + border: var(--style-border); + border-radius: 12px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + -webkit-transition-timing-function: ease-in-out; + -moz-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + -ms-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + overflow: hidden; + height: 200px; + position: relative; + width: calc(100% / 7 - 16px); + background: var(--anzhiyu-card-bg); + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); +} +#article-container .telescopic-site-card-group .site-card .img-alt { + display: none; +} +@media screen and (max-width: 1200px) { + #article-container .telescopic-site-card-group .site-card { + width: calc(20% - 16px) !important; + } +} +@media screen and (max-width: 900px) { + #article-container .telescopic-site-card-group .site-card { + width: calc(25% - 16px) !important; + } +} +@media screen and (max-width: 768px) { + #article-container .telescopic-site-card-group .site-card { + width: calc(33.3333% - 16px) !important; + } +} +@media screen and (max-width: 600px) { + #article-container .telescopic-site-card-group .site-card { + width: calc(50% - 16px) !important; + } +} +#article-container .telescopic-site-card-group .site-card:hover { + border: var(--style-border-hover); + -webkit-box-shadow: var(--anzhiyu-shadow-main); + box-shadow: var(--anzhiyu-shadow-main); +} +#article-container .telescopic-site-card-group .site-card:hover .info { + background: var(--anzhiyu-theme); + height: 120px; +} +#article-container .telescopic-site-card-group .site-card:hover .info .site-card-text .title { + color: var(--anzhiyu-white); +} +#article-container .telescopic-site-card-group .site-card:hover .info .site-card-text .desc { + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + color: var(--anzhiyu-white); + width: 100%; +} +@media screen and (min-width: 768px) { + #article-container .telescopic-site-card-group .site-card:hover .info .site-card-text .desc { + -webkit-line-clamp: 4; + } +} +#article-container .telescopic-site-card-group .site-card:hover .site-card-tag { + left: -50px; +} +#article-container .telescopic-site-card-group .site-card:hover .img { + height: 80px; +} +#article-container .telescopic-site-card-group .site-card:hover .img img { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + filter: brightness(0.3); +} +#article-container .telescopic-site-card-group .site-card .info { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + border: none; + padding: 0.7rem; + width: 100%; + height: 90px; + margin: 0; + border-radius: 0 0 12px 12px; +} +#article-container .telescopic-site-card-group .site-card .info .site-card-text { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -moz-box-align: start; + -o-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; +} +#article-container .telescopic-site-card-group .site-card .info .site-card-text .title { + color: var(--anzhiyu-fontcolor); + text-align: left; + font-weight: 600; + display: -webkit-box; + -webkit-box-orient: vertical; + overflow: hidden; + -webkit-line-clamp: 1; + -webkit-transition: all 0.3s ease 0s; + -moz-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + -ms-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; +} +#article-container .telescopic-site-card-group .site-card .info .site-card-text .desc { + font-size: 0.9rem; + color: var(--anzhiyu-fontcolor); + opacity: 0.7; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=70); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + text-align: left; + overflow-wrap: break-word; + line-height: 1.2; + display: -webkit-box; + -webkit-box-orient: vertical; + overflow: hidden; + -webkit-line-clamp: 2; +} +#article-container .telescopic-site-card-group .site-card .info .img-alt { + display: none; +} +#article-container .telescopic-site-card-group .site-card .info img { + border-radius: 32px; + -webkit-transition: 0.3s !important; + -moz-transition: 0.3s !important; + -o-transition: 0.3s !important; + -ms-transition: 0.3s !important; + transition: 0.3s !important; + margin: 2px 8px 0 0; + width: 20px; + height: 20px; + min-width: 20px; + min-height: 20px; + background: var(--anzhiyu-secondbg); +} +#article-container .telescopic-site-card-group .site-card .img { + -webkit-mask-image: -webkit-radial-gradient(center, #fff, #000); + border-radius: 0; + height: 120px; + width: 100%; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + border: none; + padding: 0 !important; + -webkit-transition: all 0.3s ease 0s; + -moz-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + -ms-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; +} +#article-container .telescopic-site-card-group .site-card .img img { + border-radius: 0; + -webkit-transform: scale(1.03); + -moz-transform: scale(1.03); + -o-transform: scale(1.03); + -ms-transform: scale(1.03); + transform: scale(1.03); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + margin: 0; + max-width: 100%; +} +@-moz-keyframes light_tag { + 0% { + -webkit-transform: skewx(0) translateX(-150px); + -moz-transform: skewx(0) translateX(-150px); + -o-transform: skewx(0) translateX(-150px); + -ms-transform: skewx(0) translateX(-150px); + transform: skewx(0) translateX(-150px); + } + 99% { + -webkit-transform: skewx(-25deg) translateX(50px); + -moz-transform: skewx(-25deg) translateX(50px); + -o-transform: skewx(-25deg) translateX(50px); + -ms-transform: skewx(-25deg) translateX(50px); + transform: skewx(-25deg) translateX(50px); + } +} +@-webkit-keyframes light_tag { + 0% { + -webkit-transform: skewx(0) translateX(-150px); + -moz-transform: skewx(0) translateX(-150px); + -o-transform: skewx(0) translateX(-150px); + -ms-transform: skewx(0) translateX(-150px); + transform: skewx(0) translateX(-150px); + } + 99% { + -webkit-transform: skewx(-25deg) translateX(50px); + -moz-transform: skewx(-25deg) translateX(50px); + -o-transform: skewx(-25deg) translateX(50px); + -ms-transform: skewx(-25deg) translateX(50px); + transform: skewx(-25deg) translateX(50px); + } +} +@-o-keyframes light_tag { + 0% { + -webkit-transform: skewx(0) translateX(-150px); + -moz-transform: skewx(0) translateX(-150px); + -o-transform: skewx(0) translateX(-150px); + -ms-transform: skewx(0) translateX(-150px); + transform: skewx(0) translateX(-150px); + } + 99% { + -webkit-transform: skewx(-25deg) translateX(50px); + -moz-transform: skewx(-25deg) translateX(50px); + -o-transform: skewx(-25deg) translateX(50px); + -ms-transform: skewx(-25deg) translateX(50px); + transform: skewx(-25deg) translateX(50px); + } +} +@keyframes light_tag { + 0% { + -webkit-transform: skewx(0) translateX(-150px); + -moz-transform: skewx(0) translateX(-150px); + -o-transform: skewx(0) translateX(-150px); + -ms-transform: skewx(0) translateX(-150px); + transform: skewx(0) translateX(-150px); + } + 99% { + -webkit-transform: skewx(-25deg) translateX(50px); + -moz-transform: skewx(-25deg) translateX(50px); + -o-transform: skewx(-25deg) translateX(50px); + -ms-transform: skewx(-25deg) translateX(50px); + transform: skewx(-25deg) translateX(50px); + } +} +#recent-posts > .recent-post-item:not(:first-child) { + margin-top: 20px; + -webkit-animation: slide-in 0.6s 0.4s backwards; + -moz-animation: slide-in 0.6s 0.4s backwards; + -o-animation: slide-in 0.6s 0.4s backwards; + -ms-animation: slide-in 0.6s 0.4s backwards; + animation: slide-in 0.6s 0.4s backwards; + will-change: transform; +} +@media screen and (max-width: 768px) { + #recent-posts > .recent-post-item:not(:first-child) { + margin: 20px 20px 0; + } +} +#recent-posts > .recent-post-item { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + overflow: hidden; + height: 18em; + position: relative; + border-radius: 12px; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transition: all 0.3s ease 0s; + -moz-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + -ms-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; +} +#recent-posts > .recent-post-item .recent-post-info-top-tips { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + margin-top: 20px; +} +#recent-posts > .recent-post-item .unvisited-post { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + color: var(--anzhiyu-secondtext); + font-size: 0.75rem; + position: relative; +} +#recent-posts > .recent-post-item .unvisited-post:visited { + color: var(--anzhiyu-card-bg); +} +#recent-posts > .recent-post-item .recent-post-info { + margin-top: 0px; + position: relative; +} +#recent-posts > .recent-post-item .recent-post-info .recent-post-info-top { + position: relative; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + padding: 0 32px; + width: 100%; +} +#recent-posts > .recent-post-item .recent-post-info .recent-post-info-top .article-categories-original { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + color: var(--anzhiyu-secondtext); + font-size: 0.75rem; + position: relative; + margin-right: 8px; +} +#recent-posts > .recent-post-item .recent-post-info .recent-post-info-top .newPost { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + color: var(--anzhiyu-secondtext); + font-size: 0.75rem; + position: relative; + margin-right: 8px; +} +#recent-posts > .recent-post-item .recent-post-info .article-title { + font-size: 20px; + -webkit-line-clamp: 2; + line-height: 30px; + margin-top: 0; + font-weight: 700; + color: var(--anzhiyu-fontcolor); + margin-bottom: 0; + width: 100%; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + display: -webkit-box; + overflow: hidden; + -webkit-box-orient: vertical; +} +@media screen and (max-width: 768px) { + #recent-posts > .recent-post-item .recent-post-info .article-title { + font-size: 19px; + } +} +@media screen and (max-width: 768px) { + #recent-posts > .recent-post-item { + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: auto; + } + #recent-posts > .recent-post-item.lastestpost-item { + margin-top: 10px !important; + } +} +#recent-posts > .recent-post-item:hover img.post_bg { + filter: brightness(0.82) !important; + -webkit-transform: scale(1.03) !important; + -moz-transform: scale(1.03) !important; + -o-transform: scale(1.03) !important; + -ms-transform: scale(1.03) !important; + transform: scale(1.03) !important; + -webkit-transition: 0.3s ease-in-out; + -moz-transition: 0.3s ease-in-out; + -o-transition: 0.3s ease-in-out; + -ms-transition: 0.3s ease-in-out; + transition: 0.3s ease-in-out; +} +#recent-posts > .recent-post-item.ads-wrap { + display: block !important; + height: auto !important; +} +#recent-posts > .recent-post-item .post_cover { + overflow: hidden; + width: 70%; + height: 200px; +} +@media screen and (max-width: 768px) { + #recent-posts > .recent-post-item .post_cover { + width: 100%; + height: 200px; + } +} +#recent-posts > .recent-post-item .post_cover img.post_bg { + border-radius: 0px; + height: 100%; + width: 100%; + -webkit-transition: all 0.6s ease 0s; + -moz-transition: all 0.6s ease 0s; + -o-transition: all 0.6s ease 0s; + -ms-transition: all 0.6s ease 0s; + transition: all 0.6s ease 0s; + object-fit: cover; +} +#recent-posts > .recent-post-item .post_cover.right { + -webkit-box-ordinal-group: 1; + -moz-box-ordinal-group: 1; + -o-box-ordinal-group: 1; + -ms-flex-order: 1; + -webkit-order: 1; + order: 1; +} +@media screen and (max-width: 768px) { + #recent-posts > .recent-post-item .post_cover.right { + -webkit-box-ordinal-group: 0; + -moz-box-ordinal-group: 0; + -o-box-ordinal-group: 0; + -ms-flex-order: 0; + -webkit-order: 0; + order: 0; + } +} +#recent-posts > .recent-post-item >.recent-post-info { + height: 174px; + width: 100%; + cursor: pointer; + position: relative; + padding: 0; + display: inline-block; + overflow: hidden; +} +#recent-posts > .recent-post-item >.recent-post-info .sticky-warp { + line-height: 23px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + margin-right: 8px; +} +#recent-posts > .recent-post-item >.recent-post-info .sticky-warp .sticky { + color: #ff7242; + font-size: 12px; +} +@media screen and (max-width: 768px) { + #recent-posts > .recent-post-item >.recent-post-info { + width: 100%; + min-height: 140px; + } +} +#recent-posts > .recent-post-item >.recent-post-info.no-cover { + width: 100%; +} +@media screen and (max-width: 768px) { + #recent-posts > .recent-post-item >.recent-post-info.no-cover { + padding: 30px 20px; + } +} +#recent-posts > .recent-post-item >.recent-post-info.no-cover:hover { + color: #425aef; +} +#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap { + color: var(--anzhiyu-fontcolor); + font-size: 0.7rem; + position: absolute; + padding: 0 32px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-lines: single; + -moz-box-lines: single; + -o-box-lines: single; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + width: 100%; + left: 0; + -webkit-box-direction: reverse; + -moz-box-direction: reverse; + -o-box-direction: reverse; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + bottom: 30px; +} +#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap .article-meta { + margin: 0 8px 0 0; + white-space: nowrap; + overflow: hidden; + display: inline-block; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; +} +#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap > .post-meta-date { + color: var(--anzhiyu-fontcolor); + font-size: 0.875rem; + white-space: nowrap; +} +@media screen and (max-width: 500px) { + #recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap > .post-meta-date { + font-size: 13px; + } +} +#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap i { + margin: 0 4px 0 0; +} +#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap .article-meta-label { + display: none; +} +#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap .article-meta-separator { + margin: 0 6px; +} +#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap .article-meta-link { + margin: 0 4px; +} +#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap a { + color: var(--anzhiyu-fontcolor); + font-size: 14px; + margin-right: 4px; +} +#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap a span { + pointer-events: none; +} +#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap a:hover { + color: #425aef; +} +#recent-posts > .recent-post-item >.recent-post-info > .content { + -webkit-line-clamp: 2; +} +#topPostGroup { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + margin-top: 10px; + height: 128px; + -ms-flex-line-pack: justify; + -webkit-align-content: space-between; + align-content: space-between; + width: 100%; +} +#home_top { + margin: 0 auto 0; + padding: 0px 1.5rem 0px; + max-width: 1400px; + width: 100%; + -webkit-animation: slide-in 0.6s 0.1s backwards; + -moz-animation: slide-in 0.6s 0.1s backwards; + -o-animation: slide-in 0.6s 0.1s backwards; + -ms-animation: slide-in 0.6s 0.1s backwards; + animation: slide-in 0.6s 0.1s backwards; + overflow: hidden; +} +@media screen and (max-width: 768px) { + #topPostGroup { + height: 240px; + } + #swiper_container_blog { + padding: 10px; + } + #home_top { + padding: 0px 20px 0px; + } +} +#content-inner #recent-posts > .recent-post-item > .recent-post-info > .content { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + height: 0; +} +@media screen and (max-width: 1200px) { + #recent-posts > .recent-post-item >.recent-post-info > .article-title { + line-height: 30px; + font-weight: bold; + color: var(--anzhiyu-fontcolor); + width: 100%; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + font-size: 1.2rem; + -webkit-line-clamp: 2; + display: -webkit-box; + overflow: hidden; + -webkit-box-orient: vertical; + } +} +@media screen and (max-width: 768px) { + #content-inner #recent-posts > .recent-post-item > .recent-post-info > .content { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + height: 0; + } +} +@media screen and (min-width: 1201px) { + #recent-posts { + -ms-flex-line-pack: start; + -webkit-align-content: flex-start; + align-content: flex-start; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + #recent-posts>.recent-post-item { + margin-top: 1rem; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + height: auto; + width: 49%; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: auto !important; + } + #recent-posts>.recent-post-item .recent-post-info .content { + display: none; + } + #recent-posts>.recent-post-item .post_cover { + width: 100%; + height: 225px; + -webkit-transition: 1s !important; + -moz-transition: 1s !important; + -o-transition: 1s !important; + -ms-transition: 1s !important; + transition: 1s !important; + } + #recent-posts>.recent-post-item .post_cover img.post_bg { + width: 100%; + height: 100%; + } + #recent-posts>.recent-post-item .left_radius { + border-radius: 8px 8px 0 0; + } + #recent-posts>.recent-post-item .right_radius { + border-radius: 8px 8px 0 0; + } +} +#content-inner #recent-posts > .recent-post-item > .recent-post-info > .content { + -webkit-transition: all 0.3s ease 0s; + -moz-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + -ms-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + display: -webkit-box; + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + line-height: 1.4; + color: var(--anzhiyu-secondtext); + margin-top: 0.5rem; + font-size: 14px; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + height: 0; +} +#popup-window { + min-width: 300px; + background: var(--anzhiyu-maskbgdeep); + color: var(--anzhiyu-fontcolor); + padding: 8px 16px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + bottom: 20px; + right: 20px; + position: fixed; + border-radius: 12px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + z-index: 1002; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + backdrop-filter: saturate(180%) blur(20px); + -webkit-backdrop-filter: saturate(180%) blur(20px); + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -o-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + border: var(--style-border); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + pointer-events: none; +} +#popup-window.show-popup-window { + -webkit-animation: barrageIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + -moz-animation: barrageIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + -o-animation: barrageIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + -ms-animation: barrageIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + animation: barrageIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + opacity: 1; + -ms-filter: none; + filter: none; + pointer-events: all; + cursor: pointer; +} +#popup-window.no-url:hover { + background: var(--anzhiyu-maskbgdeep); + color: var(--anzhiyu-fontcolor); + border: var(--style-border); + cursor: pointer; +} +#popup-window.no-url .popup-window-content .popup-link { + display: none; +} +#popup-window:hover { + background: var(--anzhiyu-main); + color: var(--anzhiyu-white); + border: var(--style-border-hover); +} +#popup-window:hover .popup-window-content .popup-link i { + color: var(--anzhiyu-white); +} +#popup-window.popup-hide { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-animation: barrageOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + -moz-animation: barrageOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + -o-animation: barrageOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + -ms-animation: barrageOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + animation: barrageOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); +} +#popup-window .popup-window-title { + font-size: 12px; + font-weight: 700; + color: var(--anzhiyu-card-bg); + margin-right: 8px; + background: var(--anzhiyu-fontcolor); + line-height: 1; + padding: 4px; + border-radius: 4px; + width: fit-content; +} +#popup-window .popup-window-divider { + width: 100%; + border-bottom: var(--style-border); + margin-top: 6px; +} +#popup-window .popup-window-content { + font-size: 14px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: distribute; + -moz-box-pack: distribute; + -o-box-pack: distribute; + -ms-flex-pack: distribute; + -webkit-justify-content: space-around; + justify-content: space-around; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +#popup-window .popup-window-content .popup-link { + margin-left: auto; + font-size: 16px; +} +#popup-window .popup-window-content .popup-link i { + font-size: 16px; +} +body[data-type="post"] #popup-window { + top: 70px; + bottom: auto; +} +body[data-type="post"] #popup-window.show-popup-window { + -webkit-animation: toLeftFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + -moz-animation: toLeftFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + -o-animation: toLeftFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + -ms-animation: toLeftFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + animation: toLeftFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + opacity: 1; + -ms-filter: none; + filter: none; +} +body[data-type="post"] #popup-window.popup-hide { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-animation: toRightFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + -moz-animation: toRightFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + -o-animation: toRightFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + -ms-animation: toRightFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + animation: toRightFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); +} +body[data-type="music"] { + background: #0d0d0d; +} +body[data-type="music"] #body-wrap { + -webkit-box-pack: start; + -moz-box-pack: start; + -o-box-pack: start; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; +} +body[data-type="music"] #center-console + label i { + background: var(--anzhiyu-white) !important; +} +body[data-type="music"] .layout { + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +body[data-type="music"] #page { + border: 0; + -webkit-box-shadow: none !important; + box-shadow: none !important; + padding: 0 !important; + background: transparent !important; +} +body[data-type="music"] #page .page-title { + display: none; +} +body[data-type="music"] #page-header #nav { + backdrop-filter: none !important; + background: 0 0 !important; + border-bottom: none !important; +} +body[data-type="music"] #page-header #nav #blog_name a, +body[data-type="music"] #page-header #nav .mask-name-container a, +body[data-type="music"] #page-header #nav #menus a, +body[data-type="music"] #page-header #nav #nav-right .nav-button a, +body[data-type="music"] #page-header #nav #nav-right #toggle-menu a, +body[data-type="music"] #page-header #nav #blog_name .back-home-button, +body[data-type="music"] #page-header #nav .mask-name-container .back-home-button, +body[data-type="music"] #page-header #nav #menus .back-home-button, +body[data-type="music"] #page-header #nav #nav-right .nav-button .back-home-button, +body[data-type="music"] #page-header #nav #nav-right #toggle-menu .back-home-button { + color: var(--anzhiyu-white); +} +body[data-type="music"] #footer, +body[data-type="music"] #nav-music { + display: none; +} +body[data-type="music"] #an_music_bg { + display: block; +} +body[data-type="music"] #web_bg { + display: none; +} +body[data-type="music"] .s-sticker div { + color: var(--anzhiyu-white) !important; +} +[data-theme="dark"] body[data-type="music"] .page #page-header:before { + background-color: transparent; +} +#an_music_bg { + display: none; + filter: blur(63px); + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); + position: fixed; + z-index: -999; + background-attachment: local; + background-position: center center; + background-size: cover; + background-repeat: no-repeat; + width: 200%; + height: 200%; + top: -50%; + left: -50%; + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +body:has(#console.show) #nav-music { + display: none !important; +} +@media screen and (max-width: 1400px) { + body #anMusic-page #anMusicSwitching, + body #anMusic-page #anMusicRefreshBtn, + body #anMusic-page #anMusicBtnGetSong { + right: 7vw; + } + body #anMusic-page #anMusicSwitching { + bottom: 100px; + } + body #anMusic-page #anMusicRefreshBtn { + bottom: 160px; + } + body #anMusic-page #anMusicBtnGetSong { + bottom: 220px; + } +} +#anMusic-page #anMusicRefreshBtn, +#anMusic-page #anMusicBtnGetSong, +#anMusic-page #anMusicSwitching { + position: fixed; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + width: 50px; + height: 50px; + bottom: 100px; + padding: 5px; + background: var(--anzhiyu-white-op); + backdrop-filter: saturate(180%) blur(20px); + -webkit-backdrop-filter: blur(20px); + border-radius: 50%; + color: #fff; + text-align: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + cursor: pointer; + z-index: 2; +} +#anMusic-page #anMusicBtnGetSong { + right: 11vw; +} +#anMusic-page #anMusicRefreshBtn { + right: 7vw; +} +#anMusic-page #anMusicSwitching { + right: 15vw; +} +@media screen and (max-width: 768px) { + #anMusic-page div#anMusicBtnGetSong { + right: 80px; + bottom: 150px; + } + #anMusic-page div#anMusicRefreshBtn { + right: 20px; + bottom: 150px; + } + #anMusic-page div#anMusicSwitching { + right: 140px; + bottom: 150px; + } +} +#anMusic-page meting-js .aplayer { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-direction: reverse; + -moz-box-direction: reverse; + -o-box-direction: reverse; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + background: rgba(0,0,0,0); + border: none; + -webkit-box-shadow: none; + box-shadow: none; +} +#anMusic-page meting-js .aplayer .aplayer-body { + width: 40%; + height: calc(100vh - 169px); +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-pic { + float: none; + width: 180px; + height: 180px; + border-radius: 12px; + margin: auto; + left: 0; + right: 0; + -webkit-transition: background-image 0.5s ease-in-out; + -moz-transition: background-image 0.5s ease-in-out; + -o-transition: background-image 0.5s ease-in-out; + -ms-transition: background-image 0.5s ease-in-out; + transition: background-image 0.5s ease-in-out; + background-size: cover; + background-color: transparent !important; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info { + margin: 0 20px 0 20px; + border-bottom: none; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-music { + text-align: center; + height: auto; + margin: 15px; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-music .aplayer-author, +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-music .aplayer-title { + font-size: 2rem; + font-weight: 700; + color: #fff; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-lrc { + height: 800%; + margin-top: 10px; + mask-image: linear-gradient(to bottom, #000, #000, #000, #000, #000, #000, #000, #000, #000, #000, rgba(0,0,0,0), rgba(0,0,0,0)); +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-lrc p { + font-size: 20px; + line-height: 20px !important; + height: 20px !important; + margin: 20px 0 !important; + color: #fff; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-lrc p.aplayer-lrc-current { + min-height: 20px; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-lrc::after, +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-lrc::before { + display: none; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller { + position: fixed; + max-width: 1500px; + margin: auto; + left: 0; + right: 0; + bottom: 50px; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap { + margin: 0 160px 0 150px; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar { + height: 6px; + border-radius: 4px; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played { + height: 6px; + border-radius: 4px; + background: var(--anzhiyu-white) !important; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb { + width: 20px; + height: 20px; + margin-top: -7px; + -webkit-transform: none; + -moz-transform: none; + -o-transform: none; + -ms-transform: none; + transform: none; + background: #fff !important; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded { + height: 6px; + border-radius: 4px; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time { + position: absolute; + width: 100%; + bottom: 21px; + height: 0; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: end; + -moz-box-pack: end; + -o-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-volume-wrap .aplayer-volume-bar-wrap { + bottom: 0; + right: -5px; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon { + width: 2rem; + height: 2rem; + margin-left: 15px; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path { + fill: var(--anzhiyu-white); + opacity: 0.8; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + filter: alpha(opacity=80); +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop { + margin-right: 15px; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner { + margin-right: 18px; + margin-top: -8px; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-back { + position: absolute; + left: 0; + display: inline; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-play { + position: absolute; + left: 40px; + display: inline; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-forward { + position: absolute; + left: 80px; + display: inline; +} +#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-menu { + display: none; +} +#anMusic-page meting-js .aplayer .aplayer-list { + width: 60%; + height: 100%; +} +#anMusic-page meting-js .aplayer ol { + padding-right: 25px; +} +#anMusic-page meting-js .aplayer ol > li { + border-top: 1px solid transparent; + font-size: 14px; +} +#anMusic-page meting-js .aplayer ol > li:hover { + background: rgba(255,255,255,0.2); + border-radius: 6px; +} +#anMusic-page meting-js .aplayer ol > li.aplayer-list-light { + background: rgba(255,255,255,0.2); + border-radius: 6px; + padding: 20px 15px; +} +#anMusic-page meting-js .aplayer ol > li.aplayer-list-light span.aplayer-list-title { + font-weight: bolder; +} +#anMusic-page meting-js .aplayer ol > li.aplayer-list-light .aplayer-list-cur { + display: none; +} +#anMusic-page meting-js .aplayer ol > li span { + color: var(--anzhiyu-white); +} +#anMusic-page meting-js .aplayer ol > li span.aplayer-list-author { + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); +} +@media screen and (max-width: 768px) { + body[data-type="music"] #rightside { + display: none; + } + body[data-type="music"] #content-inner, + body[data-type="music"] #page { + z-index: auto; + } + #anMusic-page meting-js .aplayer .aplayer-list { + position: fixed; + z-index: 1002; + width: 100%; + bottom: -88%; + left: 0; + background: var(--sidebar-bg); + height: auto; + border-radius: 15px 15px 0px 0px; + padding: 15px 0px; + } + #anMusic-page meting-js .aplayer .aplayer-list.aplayer-list-hide { + bottom: 0% !important; + } + #anMusic-page meting-js .aplayer .aplayer-list ol { + max-height: 60vh !important; + padding-right: 0px; + } + #anMusic-page meting-js .aplayer .aplayer-list ol > li { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + margin: 0 10px; + } + #anMusic-page meting-js .aplayer .aplayer-list ol > li span { + color: var(--font-color); + } + #anMusic-page meting-js .aplayer .aplayer-list ol > li span.aplayer-list-title { + width: 30%; + max-width: 55%; + width: auto; + display: -webkit-box; + -webkit-line-clamp: 1; + overflow: hidden; + -webkit-box-orient: vertical; + } + #anMusic-page meting-js .aplayer .aplayer-list ol > li span.aplayer-list-author { + position: absolute; + right: 10px; + width: auto; + max-width: 35%; + display: -webkit-box; + -webkit-line-clamp: 1; + overflow: hidden; + -webkit-box-orient: vertical; + } + #anMusic-page meting-js .aplayer .aplayer-list ol > li.aplayer-list-light { + background: #33a673; + padding: 5px 20px; + border-radius: 10px; + } + #anMusic-page meting-js .aplayer .aplayer-list ol > li.aplayer-list-light span { + color: #fff; + } + #anMusic-page meting-js .aplayer .aplayer-list ol > li.aplayer-list-light span.aplayer-list-author { + right: 15px; + } + #anMusic-page meting-js .aplayer .aplayer-body { + width: 100%; + position: fixed; + margin: auto; + left: 0; + right: 0; + top: 100px; + } + #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-lrc { + margin-top: 40px; + height: auto; + max-height: 200%; + min-height: 100%; + mask-image: linear-gradient(to bottom, #000, #000, #000, #000, rgba(0,0,0,0), rgba(0,0,0,0)); + } + #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-lrc p.aplayer-lrc-current { + color: #33a673; + } + #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller { + width: 100%; + bottom: 100px; + } + #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-volume-wrap { + left: -66px; + } + #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap { + bottom: 0px; + right: 7px; + } + #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap { + margin: 0 30px; + } + #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time { + bottom: -40px; + } + #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner { + position: absolute; + width: 100%; + margin-right: 0; + margin-top: -33px; + } + #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner .aplayer-dtime { + position: absolute; + right: 30px; + } + #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner .aplayer-ptime { + position: absolute; + left: 35px; + } + #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-back { + margin: auto; + right: 110px; + } + #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-play { + margin: auto; + right: 0; + left: 0; + } + #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-forward { + margin: auto; + left: 110px; + right: 0; + } + #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-order { + position: absolute; + left: 22px; + } + #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-loop { + position: absolute; + right: 25px; + } + #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-menu { + display: inline; + position: absolute; + right: 25px; + top: -90px; + } +} +.reward #con { + width: 350px; + height: 85px; + position: relative; + border-radius: 4px; +} +.reward #TA-con { + width: 157px; + height: 50px; + background-color: #f25d8e; + -webkit-box-shadow: 0 4px 4px rgba(255,112,159,0.3); + box-shadow: 0 4px 4px rgba(255,112,159,0.3); + position: absolute; + top: 50%; + left: 10%; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + border-radius: 4px; + cursor: pointer; +} +@media screen and (max-width: 768px) { + .reward #TA-con { + width: 125px; + left: 54px; + } +} +.reward #TA-con:hover { + background-color: #ff6b9a; +} +.reward #text-con { + width: 100px; + height: 100%; + margin: 0 auto; + position: relative; +} +.reward #linght { + width: 0; + height: 0; + position: absolute; + top: 36%; + left: 4px; + border-color: transparent; + border-style: solid; + border-width: 10px; + border-top: 10px solid #fff; + border-radius: 4px; + -webkit-transform: rotate(-55deg); + -moz-transform: rotate(-55deg); + -o-transform: rotate(-55deg); + -ms-transform: rotate(-55deg); + transform: rotate(-55deg); +} +.reward #linght::after { + position: absolute; + top: -13px; + left: -11px; + content: ""; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 10px; + border-top: 10px solid #fff; + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); + border-radius: 4px; +} +.reward #TA { + float: right; + line-height: 50px; + font-size: 15px; + color: #fff; +} +.reward #tube-con { + width: 157px; + height: 55px; + position: absolute; + right: -5px; + top: 15px; +} +.reward svg { + width: 100%; + height: 100%; +} +.reward #mask { + width: 0px; + height: 100%; + overflow: hidden; + position: absolute; + top: 0; + left: 0; + -webkit-transition: all 0.5s; + -moz-transition: all 0.5s; + -o-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; +} +.reward #mask svg { + width: 157px; + height: 55px; +} +.reward #TA-con:hover + #tube-con > #mask { + width: 157px; +} +.reward #TA-con:hover + #tube-con > #orange-mask { + -webkit-animation: move1 0.5s linear 0.2s infinite; + -moz-animation: move1 0.5s linear 0.2s infinite; + -o-animation: move1 0.5s linear 0.2s infinite; + -ms-animation: move1 0.5s linear 0.2s infinite; + animation: move1 0.5s linear 0.2s infinite; +} +.reward #TA-con:hover + #tube-con > #orange-mask svg { + -webkit-animation: movetwo 0.5s linear 0.2s infinite; + -moz-animation: movetwo 0.5s linear 0.2s infinite; + -o-animation: movetwo 0.5s linear 0.2s infinite; + -ms-animation: movetwo 0.5s linear 0.2s infinite; + animation: movetwo 0.5s linear 0.2s infinite; +} +.reward #orange-mask { + width: 18px; + height: 100%; + overflow: hidden; + position: absolute; + left: -15px; + top: 0px; +} +.reward #orange-mask svg { + position: absolute; + top: 0; + left: 15px; + width: 157px; + height: 55px; +} +.reward #people { + position: absolute; + right: 10px; + top: 4px; + font-size: 12px; + font-family: "雅黑"; + color: #aaa; +} +.reward #people > b { + color: #777; +} +@-moz-keyframes move1 { + 0% { + -webkit-transform: translateX(-15px); + -moz-transform: translateX(-15px); + -o-transform: translateX(-15px); + -ms-transform: translateX(-15px); + transform: translateX(-15px); + } + 100% { + -webkit-transform: translateX(140px); + -moz-transform: translateX(140px); + -o-transform: translateX(140px); + -ms-transform: translateX(140px); + transform: translateX(140px); + } +} +@-webkit-keyframes move1 { + 0% { + -webkit-transform: translateX(-15px); + -moz-transform: translateX(-15px); + -o-transform: translateX(-15px); + -ms-transform: translateX(-15px); + transform: translateX(-15px); + } + 100% { + -webkit-transform: translateX(140px); + -moz-transform: translateX(140px); + -o-transform: translateX(140px); + -ms-transform: translateX(140px); + transform: translateX(140px); + } +} +@-o-keyframes move1 { + 0% { + -webkit-transform: translateX(-15px); + -moz-transform: translateX(-15px); + -o-transform: translateX(-15px); + -ms-transform: translateX(-15px); + transform: translateX(-15px); + } + 100% { + -webkit-transform: translateX(140px); + -moz-transform: translateX(140px); + -o-transform: translateX(140px); + -ms-transform: translateX(140px); + transform: translateX(140px); + } +} +@keyframes move1 { + 0% { + -webkit-transform: translateX(-15px); + -moz-transform: translateX(-15px); + -o-transform: translateX(-15px); + -ms-transform: translateX(-15px); + transform: translateX(-15px); + } + 100% { + -webkit-transform: translateX(140px); + -moz-transform: translateX(140px); + -o-transform: translateX(140px); + -ms-transform: translateX(140px); + transform: translateX(140px); + } +} +@-moz-keyframes movetwo { + 0% { + -webkit-transform: translateX(15px); + -moz-transform: translateX(15px); + -o-transform: translateX(15px); + -ms-transform: translateX(15px); + transform: translateX(15px); + } + 100% { + -webkit-transform: translateX(-140px); + -moz-transform: translateX(-140px); + -o-transform: translateX(-140px); + -ms-transform: translateX(-140px); + transform: translateX(-140px); + } +} +@-webkit-keyframes movetwo { + 0% { + -webkit-transform: translateX(15px); + -moz-transform: translateX(15px); + -o-transform: translateX(15px); + -ms-transform: translateX(15px); + transform: translateX(15px); + } + 100% { + -webkit-transform: translateX(-140px); + -moz-transform: translateX(-140px); + -o-transform: translateX(-140px); + -ms-transform: translateX(-140px); + transform: translateX(-140px); + } +} +@-o-keyframes movetwo { + 0% { + -webkit-transform: translateX(15px); + -moz-transform: translateX(15px); + -o-transform: translateX(15px); + -ms-transform: translateX(15px); + transform: translateX(15px); + } + 100% { + -webkit-transform: translateX(-140px); + -moz-transform: translateX(-140px); + -o-transform: translateX(-140px); + -ms-transform: translateX(-140px); + transform: translateX(-140px); + } +} +@keyframes movetwo { + 0% { + -webkit-transform: translateX(15px); + -moz-transform: translateX(15px); + -o-transform: translateX(15px); + -ms-transform: translateX(15px); + transform: translateX(15px); + } + 100% { + -webkit-transform: translateX(-140px); + -moz-transform: translateX(-140px); + -o-transform: translateX(-140px); + -ms-transform: translateX(-140px); + transform: translateX(-140px); + } +} +#tag #tag-page-tags { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; +} +#tag #tag-page-tags a { + line-height: 1.6; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + color: var(--anzhiyu-fontcolor) !important; + padding: 0.1rem 0.5rem; + margin: 0.25rem; + border-radius: 8px; + border: var(--style-border-always); +} +#tag #tag-page-tags a.selected { + -webkit-box-shadow: var(--anzhiyu-shadow-theme); + box-shadow: var(--anzhiyu-shadow-theme); + color: var(--anzhiyu-white) !important; + background: var(--anzhiyu-theme); + border: var(--style-border-none); +} +#tag #tag-page-tags a.select .tagsPageCount { + background: var(--anzhiyu-card-bg); + color: var(--anzhiyu-lighttext); +} +#post .tag_share .post-meta__box__tags span.tagsPageCount, +#tag-page-tags .tagsPageCount { + padding: 4px 6px; + background: var(--anzhiyu-secondbg); + border: var(--style-border-always); + min-width: 22.5px; + display: inline-block; + border-radius: 4px; + line-height: 0.6rem; + text-align: center; + font-size: 0.7rem; + color: var(--anzhiyu-fontcolor); + margin-left: 4px; +} +#tag #tag-page-tags a:hover .tagsPageCount, +#post .tag_share .post-meta__box__tags:hover span.tagsPageCount { + background: var(--anzhiyu-card-bg); + color: var(--anzhiyu-lighttext); +} +#tag #tag-page-tags a { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Lato, Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif; + font-size: 0.9em; +} +#tag #tag-page-tags a:hover { + -webkit-box-shadow: var(--anzhiyu-shadow-theme); + box-shadow: var(--anzhiyu-shadow-theme); + color: var(--anzhiyu-white) !important; + background: var(--anzhiyu-theme); + border: var(--style-border-none); +} +span.tags-punctuation, +span.categoryes-punctuation { + margin-right: 4px; +} +span.tags-punctuation .icon-biaoqian, +span.categoryes-punctuation .icon-biaoqian { + font-size: 13px; +} +.tagsPageCount { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Lato, Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif; +} +[data-theme="light"] #post .tag_share .post-meta__box__tags span.tagsPageCount { + background-color: transparent; + color: #fff; +} +[data-theme="light"] #post .tag_share .post-meta__box__categoryes span.categoryesPageCount { + background-color: transparent; + color: #fff; +} +#post .tag_share .post-meta__box__categoryes span.categoryesPageCount { + padding: 4px 6px; + background: var(--anzhiyu-secondbg); + border: var(--style-border-always); + min-width: 22.5px; + display: inline-block; + border-radius: 4px; + line-height: 0.6rem; + text-align: center; + font-size: 0.7rem; + color: var(--anzhiyu-fontcolor); + margin-left: 4px; +} +.post-meta__box__categories { + border-radius: 12px; +} +.post-meta__box a { + color: var(--anzhiyu-white); + border: none; +} +[data-theme="dark"] .post-meta__box a { + opacity: 0.5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); +} +[data-theme="dark"] .post-reward .reward-button, +[data-theme="dark"] .reward-link.mode { + opacity: 0.5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); +} +.post-meta__box__tag-list a:nth-child(5n) { + background-color: #4a4a4a; + color: #fff; +} +.post-meta__box__tag-list a:nth-child(5n + 1) { + background-color: #ff5e5c; + color: #fff; +} +.post-meta__box__tag-list a:nth-child(5n + 2) { + background-color: #ffbb50; + color: #fff; +} +.post-meta__box__tag-list a:nth-child(5n + 3) { + background-color: #1ac756; + color: #fff; +} +.post-meta__box__tag-list a:nth-child(5n + 4) { + background-color: #19b5fe; + color: #fff; +} +.post-meta__box__tag-list a:hover { + background-color: var(--anzhiyu-main); + color: #fff; +} +[data-theme="dark"] .post-meta__box__tag-list a:hover { + color: #fff; +} +.post-meta__box__category-list a:nth-child(5n) { + background-color: #4a4a4a; + color: #fff; +} +.post-meta__box__category-list a:nth-child(5n + 1) { + background-color: #1ac756; + color: #fff; +} +.post-meta__box__category-list a:nth-child(5n + 2) { + background-color: #ffbb50; + color: #fff; +} +.post-meta__box__category-list a:nth-child(5n + 3) { + background-color: #19b5fe; + color: #fff; +} +.post-meta__box__category-list a:nth-child(5n + 4) { + background-color: #ff5e5c; + color: #fff; +} +body[data-type="tags"] #page, +body[data-type="categories"] #page { + border-radius: 12px; +} +@media screen and (max-width: 768px) { + body[data-type="tags"] #page #tag, + body[data-type="categories"] #page #tag { + padding: 0px 15px 20px; + } + body[data-type="tags"] #page .page-title, + body[data-type="categories"] #page .page-title { + margin: 8px 0 0px; + } +} +@media screen and (max-width: 768px) { + body[data-type="tags"] #body-wrap .layout, + body[data-type="categories"] #body-wrap .layout { + padding: 0 20px 15px; + } +} +body[data-type="tags"] #tag #tag-page-tags, +body[data-type="categories"] #tag #tag-page-tags { + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +body[data-type="tags"] #tag #tag-page-tags a, +body[data-type="categories"] #tag #tag-page-tags a { + font-size: 1.4rem; + margin: 0.3rem 0.65rem; +} +@media screen and (max-width: 768px) { + body[data-type="tags"] #tag #tag-page-tags a, + body[data-type="categories"] #tag #tag-page-tags a { + font-size: 1.8rem; + margin: 0.6rem 0.8rem; + } +} +.tag-cloud-list a { + display: inline-block; + padding: 0 8px; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -ms-transition: all 0.3s; + transition: all 0.3s; +} +.tag-cloud-list a:hover { + color: #425aef !important; + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} +@media screen and (max-width: 768px) { + .tag-cloud-list a { + zoom: 0.85; + } +} +.tag-cloud-title { + font-size: 2.57em; +} +@media screen and (max-width: 768px) { + .tag-cloud-title { + font-size: 2em; + } +} +h1.page-title + .tag-cloud-list { + text-align: left; +} +@media screen and (min-width: 1201px) and (max-width: 768px) { + #recent-posts>.recent-post-item { + width: 100%; + } + #recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap > .tags > .article-meta__separator { + display: none; + } +} +#error-wrap { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + width: 100%; + margin-top: 1rem; + position: relative; +} +@media screen and (max-width: 768px) { + #error-wrap { + margin-top: 0; + } +} +#error-wrap .error-content { + -webkit-box-shadow: none !important; + box-shadow: none !important; + border-radius: 12px; + background: var(--anzhiyu-card-bg) !important; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + margin: 0px 1rem; + height: 22rem; + max-width: 800px; + border-radius: 5px; + background: var(--anzhiyu-card-bg); + -webkit-box-shadow: var(--card-box-shadow); + box-shadow: var(--card-box-shadow); + -webkit-transition: all 0.3s ease 0s; + -moz-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + -ms-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + border: var(--style-border-always); + position: relative; + width: 100%; +} +@media screen and (max-width: 768px) { + #error-wrap .error-content { + -webkit-box-orient: vertical; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 0px; + height: 25rem; + width: 100%; + } +} +#error-wrap .error-content .error-img { + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + box-flex: 1; + -webkit-flex: 1 1 0%; + -ms-flex: 1 1 0%; + flex: 1 1 0%; + height: 90%; + width: 600px; + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; + background-color: #307af6; + background-position: center center; + background-size: cover; + height: 100%; +} +@media screen and (max-width: 768px) { + #error-wrap .error-content .error-img { + -webkit-box-flex: 1; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + box-flex: 1; + -webkit-flex: 1 1 0%; + -ms-flex: 1 1 0%; + flex: 1 1 0%; + width: 100%; + border-radius: 12px; + } +} +#error-wrap .error-content .error-info { + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + box-flex: 1; + -webkit-flex: 1 1 0%; + -ms-flex: 1 1 0%; + flex: 1 1 0%; + padding: 0.5rem; + text-align: center; + font-size: 14px; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Lato, Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif; +} +@media screen and (max-width: 768px) { + #error-wrap .error-content .error-info { + -webkit-box-flex: 1.1; + -webkit-box-flex: 1.1; + -moz-box-flex: 1.1; + -o-box-flex: 1.1; + box-flex: 1.1; + -webkit-flex: 1.1 1 0%; + -ms-flex: 1.1 1 0%; + flex: 1.1 1 0%; + width: 100%; + padding-bottom: 2rem; + } +} +#error-wrap .error-content .error-info .error_title { + font-size: 9em; + line-height: 1; +} +@media screen and (max-width: 768px) { + #error-wrap .error-content .error-info .error_title { + font-size: 4rem; + } +} +#error-wrap .error-content .error-info .error_subtitle { + word-break: break-word; + font-size: 1.6em; + -webkit-line-clamp: 2; +} +#error-wrap .error-content .error-info a { + display: inline-block; + margin-top: 0.5rem; + padding: 0.3rem 1.5rem; + background: var(--btn-bg); + color: var(--btn-color); +} +#error-wrap .error-content .error-info a i { + padding-right: 0.3rem; +} +.button--animated { + border-radius: 8px !important; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + position: relative; + z-index: 1; + -webkit-transition: color 1s ease 0s; + -moz-transition: color 1s ease 0s; + -o-transition: color 1s ease 0s; + -ms-transition: color 1s ease 0s; + transition: color 1s ease 0s; +} +#body-wrap .error-box { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + padding: 1rem; + padding-top: 0px; + position: relative; +} +#body-wrap .error-box .aside-list { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-lines: single; + -moz-box-lines: single; + -o-box-lines: single; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + margin: 1rem; + max-width: 100%; +} +@media screen and (max-width: 768px) { + #body-wrap .error-box .aside-list { + margin: 0; + } +} +#body-wrap .error-box .aside-list .aside-list-group { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + max-width: 800px; + margin: 0 auto; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; +} +#body-wrap .error-box .aside-list .aside-list-item { + padding: 0.5rem 0; + width: 49%; +} +#body-wrap .error-box .aside-list .aside-list-item .thumbnail { + overflow: hidden; + width: 100%; + height: 200px; + background: var(--anzhiyu-card-bg); + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + border-radius: 12px; +} +@media screen and (max-width: 768px) { + #body-wrap .error-box .aside-list .aside-list-item .thumbnail { + height: 100px; + } +} +#body-wrap .error-box .aside-list .aside-list-item img { + width: 100%; + object-fit: cover; + border-radius: 12px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + -webkit-transition: filter 300ms ease-in 0.2s, -webkit-transform 0.6s; + -moz-transition: filter 300ms ease-in 0.2s, -moz-transform 0.6s; + -o-transition: filter 300ms ease-in 0.2s, -o-transform 0.6s; + -ms-transition: filter 300ms ease-in 0.2s, -ms-transform 0.6s; + transition: filter 300ms ease-in 0.2s, transform 0.6s; +} +#body-wrap .error-box .aside-list .aside-list-item:hover img { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + filter: brightness(0.82); +} +#body-wrap .error-box .aside-list .aside-list-item .content .title { + -webkit-line-clamp: 2; + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + line-height: 1.5; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: end; + -moz-box-align: end; + -o-box-align: end; + -ms-flex-align: end; + -webkit-align-items: flex-end; + align-items: flex-end; + -ms-flex-line-pack: center; + -webkit-align-content: center; + align-content: center; + padding-top: 0.5rem; + font-size: 16px; + font-weight: bold; +} +#body-wrap .error-box .aside-list .aside-list-item .content time { + display: none; +} +@media screen and (max-width: 768px) { + .post #aside-content { + background: var(--anzhiyu-background); + border: none; + z-index: 99; + margin-top: -1px; + } +} +#aside-content { + width: 300px; + -webkit-animation: slide-in 0.6s 0.3s backwards; + -moz-animation: slide-in 0.6s 0.3s backwards; + -o-animation: slide-in 0.6s 0.3s backwards; + -ms-animation: slide-in 0.6s 0.3s backwards; + animation: slide-in 0.6s 0.3s backwards; +} +@media screen and (min-width: 1200px) { + #aside-content { + padding-left: 15px; + } +} +@media screen and (max-width: 1200px) { + #aside-content { + width: 100%; + padding: 20px; + } +} +@media screen and (max-width: 768px) { + #aside-content { + padding: 0 20px 20px; + } +} +#aside-content > .card-widget:first-child { + margin-top: 0; +} +@media screen and (max-width: 1200px) { + #aside-content > .card-widget:first-child { + margin-top: 20px; + } +} +@media screen and (max-width: 768px) { + #aside-content > .card-widget:first-child { + margin-top: 0px; + } +} +#aside-content .card-widget { + position: relative; + overflow: hidden; + margin-top: 20px; + padding: 20px 24px; +} +#aside-content .card-widget .author-info__bottom-group { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + width: 100%; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +#aside-content .card-widget .author-info__bottom-group .author-info__name { + text-align: left; + font-weight: 700; + color: var(--anzhiyu-white); + font-size: 20px; + line-height: 1; + margin-bottom: 5px; + margin-top: 0; +} +#aside-content .card-widget .author-info__bottom-group .author-info__desc { + font-size: 12px; + color: var(--anzhiyu-white); + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); + line-height: 1; +} +#aside-content .card-widget .author-info__description { + position: absolute; + top: 50px; + width: 100%; + left: 0; + padding: 1rem 1.2rem; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + color: var(--anzhiyu-white); +} +#aside-content .card-widget .banner-button-group .banner-button { + padding: 20px 12px; + color: var(--anzhiyu-white); + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + z-index: 1; + -webkit-transition: all 0.3s ease 0s; + -moz-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + -ms-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + cursor: pointer; +} +#aside-content .card-widget .banner-button-group .banner-button .anzhiyufont .anzhiyu-icon-arrow-circle-right { + font-size: 1.3rem; + margin-right: 10px; +} +#aside-content .card-widget .author-info-avatar { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +#aside-content .card-widget .author-info-avatar img { + filter: blur(0) brightness(1); +} +#aside-content .card-widget .author-info-avatar .author-status { + position: absolute; + bottom: 2px; + right: 2px; + width: 33px; + height: 33px; + border-radius: 2em; + background-color: var(--anzhiyu-white); + overflow: hidden; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-transition: 0.3s 0.2s; + -moz-transition: 0.3s 0.2s; + -o-transition: 0.3s 0.2s; + -ms-transition: 0.3s 0.2s; + transition: 0.3s 0.2s; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); +} +#aside-content .card-widget .author-info-avatar .author-status img { + width: 26px; + height: 26px; + border-radius: 0px; + -webkit-transition: 0s; + -moz-transition: 0s; + -o-transition: 0s; + -ms-transition: 0s; + transition: 0s; +} +#aside-content .card-widget .card-info-social-icons { + margin: 0; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: start; + -moz-box-pack: start; + -o-box-pack: start; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + cursor: pointer; +} +#aside-content .card-widget .card-info-social-icons .social-icon { + margin: 0 0 0 10px; + color: var(--anzhiyu-fontcolor); + font-size: 1.4em; + cursor: pointer; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; +} +#aside-content .card-widget .card-info-social-icons .social-icon i, +#aside-content .card-widget .card-info-social-icons .social-icon svg { + background: var(--anzhiyu-white-op); + color: var(--anzhiyu-white); + font-size: 1rem; + width: 40px; + height: 40px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-transition: all 0.3s ease 0s; + -moz-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + -ms-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + padding: 8px; + border-radius: 32px; +} +#aside-content .card-widget .card-info-social-icons .social-icon i:hover, +#aside-content .card-widget .card-info-social-icons .social-icon svg:hover { + background: var(--anzhiyu-secondbg); + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + color: var(--anzhiyu-main); + -webkit-box-shadow: none; + box-shadow: none; +} +#aside-content .card-widget #card-info-btn { + display: block; + margin-top: 14px; + background-color: var(--btn-bg); + color: var(--btn-color); + text-align: center; + line-height: 2.4; +} +#aside-content .card-widget #card-info-btn:hover { + background-color: var(--btn-hover-color); +} +#aside-content .card-widget #card-info-btn span { + padding-left: 10px; +} +#aside-content .item-headline { + padding-bottom: 0; + margin-left: 8px; + font-size: 1em; + font-weight: bold; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +#aside-content .item-headline span { + margin-left: 6px; +} +@media screen and (min-width: 1200px) { + #aside-content .sticky_layout { + position: sticky; + position: -webkit-sticky; + top: 20px; + -webkit-transition: top 0.3s; + -moz-transition: top 0.3s; + -o-transition: top 0.3s; + -ms-transition: top 0.3s; + transition: top 0.3s; + } +} +#aside-content .card-tag-cloud a { + display: inline-block; + padding: 0 4px; +} +#aside-content .card-tag-cloud a:hover { + color: #425aef !important; +} +#aside-content .aside-list > span { + display: block; + margin-bottom: 10px; + text-align: center; +} +#aside-content .aside-list > .aside-list-item { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + padding: 6px 0; +} +#aside-content .aside-list > .aside-list-item:first-child { + padding-top: 0; +} +#aside-content .aside-list > .aside-list-item:not(:last-child) { + border-bottom: 1px dashed #f5f5f5; +} +#aside-content .aside-list > .aside-list-item:last-child { + padding-bottom: 0; +} +#aside-content .aside-list > .aside-list-item .thumbnail { + overflow: hidden; + width: 4.2em; + height: 4.2em; +} +#aside-content .aside-list > .aside-list-item .content { + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding-left: 10px; + word-break: break-all; + width: 4.2em; + height: 4.2em; +} +#aside-content .aside-list > .aside-list-item .content > .name { + -webkit-line-clamp: 1; +} +#aside-content .aside-list > .aside-list-item .content > time, +#aside-content .aside-list > .aside-list-item .content > .name { + display: block; + color: var(--anzhiyu-fontcolor); + font-size: 85%; +} +#aside-content .aside-list > .aside-list-item .content > .title, +#aside-content .aside-list > .aside-list-item .content > .comment { + color: var(--font-color); + font-size: 95%; + line-height: 1.5; + -webkit-line-clamp: 2; +} +#aside-content .aside-list > .aside-list-item .content > .title:hover, +#aside-content .aside-list > .aside-list-item .content > .comment:hover { + color: #425aef; +} +#aside-content .aside-list > .aside-list-item.no-cover { + min-height: 4.4em; +} +#aside-content .card-archives ul.card-archive-list, +#aside-content .card-categories ul.card-category-list { + margin: 0; + padding: 0; + list-style: none; +} +#aside-content .card-archives .item-headline { + display: none; +} +#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a, +#aside-content .card-categories ul.card-category-list > .card-category-list-item a { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + padding: 3px 10px; + color: var(--font-color); + -webkit-transition: all 0.2s; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + -ms-transition: all 0.2s; + transition: all 0.2s; +} +#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a:hover, +#aside-content .card-categories ul.card-category-list > .card-category-list-item a:hover { + background-color: var(--text-bg-hover); +} +#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a span:first-child, +#aside-content .card-categories ul.card-category-list > .card-category-list-item a span:first-child { + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +#aside-content .card-categories .card-category-list.child { + padding: 0 0 0 16px; +} +#aside-content .card-categories .card-category-list > .parent > a.expand i { + -webkit-transform: rotate(-90deg); + -moz-transform: rotate(-90deg); + -o-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); +} +#aside-content .card-categories .card-category-list > .parent > a.expand + .child { + display: block; +} +#aside-content .card-categories .card-category-list > .parent > a .card-category-list-name { + width: 70% !important; +} +#aside-content .card-categories .card-category-list > .parent > a .card-category-list-count { + width: calc(100% - 70% - 20px); + text-align: right; +} +#aside-content .card-categories .card-category-list > .parent > a i { + float: right; + margin-right: -0.5em; + padding: 0.5em; + -webkit-transition: -webkit-transform 0.3s; + -moz-transition: -moz-transform 0.3s; + -o-transition: -o-transform 0.3s; + -ms-transition: -ms-transform 0.3s; + transition: transform 0.3s; + -webkit-transform: rotate(0); + -moz-transform: rotate(0); + -o-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); +} +#aside-content .card-webinfo .item-headline { + display: none; +} +#aside-content .card-webinfo .webinfo .webinfo-item { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + padding: 2px 10px 0; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; +} +#aside-content .card-webinfo .webinfo .webinfo-item .webinfo-item-title { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; +} +#aside-content .card-webinfo .webinfo .webinfo-item .webinfo-item-title i { + line-height: 2; + margin-right: 6px; + width: 16px; + text-align: center; +} +#aside-content .card-webinfo .webinfo .webinfo-item div:first-child { + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding-right: 20px; +} +@media screen and (min-width: 901px) { + #aside-content #card-toc { + right: 0 !important; + max-height: calc(100vh - 100px); + } +} +@media screen and (max-width: 1200px) { + #aside-content #card-toc { + position: fixed; + right: 55px; + bottom: 30px; + z-index: 100; + max-width: 380px; + max-height: calc(100% - 60px); + width: calc(100% - 80px); + -webkit-transition: -webkit-transform 0.3s; + -moz-transition: -moz-transform 0.3s; + -o-transition: -o-transform 0.3s; + -ms-transition: -ms-transform 0.3s; + transition: transform 0.3s; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -o-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: right bottom; + -moz-transform-origin: right bottom; + -o-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + } + #aside-content #card-toc.open { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} +#aside-content #card-toc .toc-percentage { + display: none; + float: right; + margin-top: -9px; + color: #a9a9a9; + font-style: italic; + font-size: 140%; +} +#aside-content #card-toc .toc-content { + overflow-y: scroll; + overflow-y: overlay; + margin: 0 -24px; + max-height: calc(100vh - 120px); + width: calc(100% + 48px); +} +@media screen and (max-width: 1200px) { + #aside-content #card-toc .toc-content { + max-height: calc(100vh - 140px); + } +} +#aside-content #card-toc .toc-content > * { + margin: 0 20px !important; +} +#aside-content #card-toc .toc-content > * > .toc-item > .toc-child { + margin-left: 10px; + padding-left: 10px; +} +#aside-content #card-toc .toc-content:not(.is-expand) .toc-child { + display: none; +} +@media screen and (max-width: 1200px) { + #aside-content #card-toc .toc-content:not(.is-expand) .toc-child { + display: block !important; + } +} +#aside-content #card-toc .toc-content:not(.is-expand) .toc-item.active .toc-child { + display: block; +} +#aside-content #card-toc .toc-content ol, +#aside-content #card-toc .toc-content li { + list-style: none; +} +#aside-content #card-toc .toc-content > ol { + padding: 0 !important; +} +#aside-content #card-toc .toc-content ol { + margin: 0; + padding-left: 18px; +} +#aside-content #card-toc .toc-content .toc-link { + display: block; + margin: 4px 0; + padding: 1px 6px; + color: var(--toc-link-color); + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +#aside-content #card-toc .toc-content .toc-link:hover { + color: var(--anzhiyu-lighttext); +} +#aside-content #card-toc .toc-content .toc-link.active { + background: #425aef; + color: #fff; +} +#aside-content :only-child > .card-widget { + margin-top: 0; +} +#aside-content .card-more-btn { + float: right; + color: inherit; +} +#aside-content .card-more-btn:hover { + -webkit-animation: more-btn-move 1s infinite; + -moz-animation: more-btn-move 1s infinite; + -o-animation: more-btn-move 1s infinite; + -ms-animation: more-btn-move 1s infinite; + animation: more-btn-move 1s infinite; +} +#aside-content .card-announcement .item-headline i { + color: #f00; +} +.avatar-img { + width: 118px; + height: 118px; + right: 0; + top: 0; + border-radius: 500px; + object-fit: cover; + position: absolute; + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + border: var(--style-border-avatar); +} +.avatar-img img { + width: 100%; + height: 100%; + -webkit-transition: filter 375ms ease-in 0.2s, -webkit-transform 0.3s; + -moz-transition: filter 375ms ease-in 0.2s, -moz-transform 0.3s; + -o-transition: filter 375ms ease-in 0.2s, -o-transform 0.3s; + -ms-transition: filter 375ms ease-in 0.2s, -ms-transform 0.3s; + transition: filter 375ms ease-in 0.2s, transform 0.3s; + object-fit: cover; +} +.site-data { + display: table; + width: 100%; + table-layout: fixed; +} +.site-data > a { + display: table-cell; +} +.site-data > a div { + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -ms-transition: all 0.3s; + transition: all 0.3s; +} +.site-data > a:hover div { + color: #425aef !important; +} +.site-data > a .headline { + color: var(--font-color); +} +.site-data > a .length-num { + margin-top: -0.32em; + color: var(--text-highlight-color); + font-size: 1.2em; +} +@media screen and (min-width: 1200px) { + html.hide-aside .layout { + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + html.hide-aside .layout > .aside-content { + display: none; + } + html.hide-aside .layout > div:first-child { + width: 80%; + } +} +@media screen and (max-width: 1200px) { + .aside-content { + max-width: none !important; + display: none; + } +} +@media screen and (max-width: 768px) { + .aside-content { + display: block; + } +} +.page .sticky_layout { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +#aside-content >.card-widget.card-info { + background: var(--anzhiyu-card-bg); + -webkit-box-shadow: var(--anzhiyu-shadow-black); + box-shadow: var(--anzhiyu-shadow-black); + position: relative; + padding: 0; +} +@media screen and (max-width: 768px) { + #aside-content >.card-widget.card-info { + display: none; + } +} +#aside-content >.card-widget.card-info > .card-content { + padding: 1rem 1.2rem; + min-height: 320px; + position: relative; +} +#aside-content >.card-widget.card-info::before { + background: -webkit-linear-gradient(115deg, var(--anzhiyu-main), var(--anzhiyu-main-op-deep), var(--anzhiyu-main), var(--anzhiyu-main-op-deep)); + background: -moz-linear-gradient(115deg, var(--anzhiyu-main), var(--anzhiyu-main-op-deep), var(--anzhiyu-main), var(--anzhiyu-main-op-deep)); + background: -o-linear-gradient(115deg, var(--anzhiyu-main), var(--anzhiyu-main-op-deep), var(--anzhiyu-main), var(--anzhiyu-main-op-deep)); + background: -ms-linear-gradient(115deg, var(--anzhiyu-main), var(--anzhiyu-main-op-deep), var(--anzhiyu-main), var(--anzhiyu-main-op-deep)); + background: linear-gradient(-25deg, var(--anzhiyu-main), var(--anzhiyu-main-op-deep), var(--anzhiyu-main), var(--anzhiyu-main-op-deep)); + background-size: 400%; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + content: ''; + -webkit-animation: gradient 15s ease infinite; + -moz-animation: gradient 15s ease infinite; + -o-animation: gradient 15s ease infinite; + -ms-animation: gradient 15s ease infinite; + animation: gradient 15s ease infinite; +} +#aside-content .card-info:hover .author-info-avatar { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: scale(0); + -moz-transform: scale(0); + -o-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); +} +#aside-content .card-info:hover .author-info__description { + opacity: 1; + -ms-filter: none; + filter: none; +} +#aside-content .card-info:hover .author-status { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: scale(0); + -moz-transform: scale(0); + -o-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); +} +#aside-content .card-info .author-info-avatar { + margin: 45px auto; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + width: 118px; + height: 118px; + -webkit-transition: cubic-bezier(0.69, 0.39, 0, 1.21) 0.3s; + -moz-transition: cubic-bezier(0.69, 0.39, 0, 1.21) 0.3s; + -o-transition: cubic-bezier(0.69, 0.39, 0, 1.21) 0.3s; + -ms-transition: cubic-bezier(0.69, 0.39, 0, 1.21) 0.3s; + transition: cubic-bezier(0.69, 0.39, 0, 1.21) 0.3s; + -webkit-transform-origin: bottom; + -moz-transform-origin: bottom; + -o-transform-origin: bottom; + -ms-transform-origin: bottom; + transform-origin: bottom; + position: relative; +} +@media screen and (max-width: 768px) { + #aside-content .card-info .author-info-avatar { + display: none; + } +} +#aside-content .card-info #author-info__sayhi { + text-align: left; + color: var(--anzhiyu-white); + background: var(--anzhiyu-white-op); + font-size: 12px; + margin: auto; + padding: 2px 8px; + border-radius: 12px; + width: fit-content; + cursor: pointer; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +#aside-content .card-info #author-info__sayhi:hover { + background: var(--anzhiyu-card-bg); + color: var(--anzhiyu-fontcolor); + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} +#aside-content .card-info .banner-button-group .banner-button { + border-radius: 35px; + background: var(--anzhiyu-white-op); +} +#aside-content .card-info .banner-button-group .banner-button:hover { + background: var(--anzhiyu-white); + color: var(--anzhiyu-black); +} +[data-theme="dark"] #aside-content > .card-info { + background: var(--anzhiyu-card-bg); +} +@media screen and (max-width: 992px) { + #aside-content > .card-info { + background-size: 100% 70%; + } +} +@-moz-keyframes more-btn-move { + 0%, 100% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -o-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + 50% { + -webkit-transform: translateX(3px); + -moz-transform: translateX(3px); + -o-transform: translateX(3px); + -ms-transform: translateX(3px); + transform: translateX(3px); + } +} +@-webkit-keyframes more-btn-move { + 0%, 100% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -o-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + 50% { + -webkit-transform: translateX(3px); + -moz-transform: translateX(3px); + -o-transform: translateX(3px); + -ms-transform: translateX(3px); + transform: translateX(3px); + } +} +@-o-keyframes more-btn-move { + 0%, 100% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -o-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + 50% { + -webkit-transform: translateX(3px); + -moz-transform: translateX(3px); + -o-transform: translateX(3px); + -ms-transform: translateX(3px); + transform: translateX(3px); + } +} +@keyframes more-btn-move { + 0%, 100% { + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -o-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + 50% { + -webkit-transform: translateX(3px); + -moz-transform: translateX(3px); + -o-transform: translateX(3px); + -ms-transform: translateX(3px); + transform: translateX(3px); + } +} +@-moz-keyframes toc-open { + 0% { + -webkit-transform: scale(0.7); + -moz-transform: scale(0.7); + -o-transform: scale(0.7); + -ms-transform: scale(0.7); + transform: scale(0.7); + } + 100% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} +@-webkit-keyframes toc-open { + 0% { + -webkit-transform: scale(0.7); + -moz-transform: scale(0.7); + -o-transform: scale(0.7); + -ms-transform: scale(0.7); + transform: scale(0.7); + } + 100% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} +@-o-keyframes toc-open { + 0% { + -webkit-transform: scale(0.7); + -moz-transform: scale(0.7); + -o-transform: scale(0.7); + -ms-transform: scale(0.7); + transform: scale(0.7); + } + 100% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} +@keyframes toc-open { + 0% { + -webkit-transform: scale(0.7); + -moz-transform: scale(0.7); + -o-transform: scale(0.7); + -ms-transform: scale(0.7); + transform: scale(0.7); + } + 100% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} +@-moz-keyframes toc-close { + 0% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + 100% { + -webkit-transform: scale(0.7); + -moz-transform: scale(0.7); + -o-transform: scale(0.7); + -ms-transform: scale(0.7); + transform: scale(0.7); + } +} +@-webkit-keyframes toc-close { + 0% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + 100% { + -webkit-transform: scale(0.7); + -moz-transform: scale(0.7); + -o-transform: scale(0.7); + -ms-transform: scale(0.7); + transform: scale(0.7); + } +} +@-o-keyframes toc-close { + 0% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + 100% { + -webkit-transform: scale(0.7); + -moz-transform: scale(0.7); + -o-transform: scale(0.7); + -ms-transform: scale(0.7); + transform: scale(0.7); + } +} +@keyframes toc-close { + 0% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + 100% { + -webkit-transform: scale(0.7); + -moz-transform: scale(0.7); + -o-transform: scale(0.7); + -ms-transform: scale(0.7); + transform: scale(0.7); + } +} +.banners-title { + top: 2.9rem; + left: 3rem; + position: absolute; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.banners-title-big { + font-size: 36px; + line-height: 1; + font-weight: bold; + margin-bottom: 8px; +} +.banners-title-small { + font-size: 12px; + line-height: 1; + color: var(--anzhiyu-secondtext); + margin-top: 8px; + margin-bottom: 0.5rem; +} +.banner-button { + padding: 8px 12px; + background: var(--anzhiyu-fontcolor); + border-radius: 12px; + color: var(--anzhiyu-card-bg); + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + z-index: 1; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + cursor: pointer; + -webkit-box-shadow: var(--anzhiyu-shadow-black); + box-shadow: var(--anzhiyu-shadow-black); +} +.banner-button.secondary { + background: var(--anzhiyu-secondbg); + border: var(--style-border-always); + color: var(--anzhiyu-lighttext); + margin-right: 1rem; + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); +} +#article-container > header { + height: 0; + text-indent: -9999px; +} +#article-container > header time, +#article-container > header span { + height: 0; + display: block; +} +#article-container > header h1 { + z-index: -1; + pointer-events: none; +} +#article-container > header a { + background: none !important; + border-bottom: none !important; +} +#post-comment .comment-head { + margin-bottom: 20px; + font-size: 0.8em !important; + margin-bottom: 0.5rem; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +#post-comment .comment-head .comment-headline { + display: inline-block; + vertical-align: middle; + font-weight: 700; + font-size: 1.43em; +} +#post-comment .comment-head .comment-randomInfo { + margin-left: auto; + font-size: 13px; +} +#post-comment .comment-head .comment-switch { + display: inline-block; + float: right; + margin: 2px auto 0; + padding: 4px 16px; + width: max-content; + border-radius: 8px; + background: #f6f8fa; +} +#post-comment .comment-head .comment-switch .first-comment { + color: #425aef; +} +#post-comment .comment-head .comment-switch .second-comment { + color: #ff7242; +} +#post-comment .comment-head .comment-switch #switch-btn { + position: relative; + display: inline-block; + margin: -4px 8px 0; + width: 42px; + height: 22px; + border-radius: 34px; + background-color: #425aef; + vertical-align: middle; + cursor: pointer; + -webkit-transition: 0.4s; + -moz-transition: 0.4s; + -o-transition: 0.4s; + -ms-transition: 0.4s; + transition: 0.4s; +} +#post-comment .comment-head .comment-switch #switch-btn:before { + position: absolute; + bottom: 4px; + left: 4px; + width: 14px; + height: 14px; + border-radius: 50%; + background-color: #fff; + content: ''; + -webkit-transition: 0.4s; + -moz-transition: 0.4s; + -o-transition: 0.4s; + -ms-transition: 0.4s; + transition: 0.4s; +} +#post-comment .comment-wrap > div { + -webkit-animation: tabshow 0.5s; + -moz-animation: tabshow 0.5s; + -o-animation: tabshow 0.5s; + -ms-animation: tabshow 0.5s; + animation: tabshow 0.5s; +} +#post-comment .comment-wrap > div:nth-child(2) { + display: none; +} +#post-comment.move #switch-btn { + background-color: #ff7242; +} +#post-comment.move #switch-btn:before { + -webkit-transform: translateX(20px); + -moz-transform: translateX(20px); + -o-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); +} +#post-comment.move .comment-wrap > div:first-child { + display: none; +} +#post-comment.move .comment-wrap > div:last-child { + display: block; +} +#footer { + position: relative; + background: -webkit-linear-gradient(270deg, var(--anzhiyu-card-bg-none) 0%, var(--anzhiyu-card-bg) 25%); + background: -moz-linear-gradient(270deg, var(--anzhiyu-card-bg-none) 0%, var(--anzhiyu-card-bg) 25%); + background: -o-linear-gradient(270deg, var(--anzhiyu-card-bg-none) 0%, var(--anzhiyu-card-bg) 25%); + background: -ms-linear-gradient(270deg, var(--anzhiyu-card-bg-none) 0%, var(--anzhiyu-card-bg) 25%); + background: linear-gradient(180deg, var(--anzhiyu-card-bg-none) 0%, var(--anzhiyu-card-bg) 25%); + background-attachment: scroll; + background-position: bottom; + background-size: cover; +} +@media screen and (max-width: 768px) { + #footer { + z-index: 3; + margin-top: -1px; + } +} +#footer-bar { + padding: 1rem; + color: var(--anzhiyu-fontcolor); + margin-top: 1rem; + background: var(--anzhiyu-secondbg); + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + overflow: hidden; + z-index: 1002; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +#footer-bar a:hover { + color: var(--anzhiyu-lighttext); +} +#footer-bar .footer-bar-link { + margin-top: 8px; + margin-bottom: 8px; + margin-right: 1rem; + color: var(--anzhiyu-fontcolor); + font-size: 1rem; + font-weight: bold; + white-space: nowrap; +} +#footer-bar .footer-bar-link.cc i { + margin-right: 0.7rem; + font-size: 18px; +} +#footer-bar .footer-bar-links { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + max-width: 1400px; + width: 100%; + margin: 0 auto; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + line-height: 1; +} +#footer-bar .footer-bar-links .footer-bar-left { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-height: 32px; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +#footer-bar .footer-bar-links .footer-bar-right { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +#footer-wrap { + position: relative; + padding: 40px 20px 0; + color: var(--light-grey); + text-align: center; +} +@media screen and (max-width: 768px) { + #footer-wrap { + padding: 0; + } +} +#footer-wrap #footer_deal { + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +@media screen and (max-width: 768px) { + #footer-wrap #footer_deal { + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } +} +#footer-wrap #footer_deal .deal_link { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + margin: 1rem 27px; + color: var(--anzhiyu-card-bg); + border-radius: 3rem; + width: 32px; + height: 32px; + background: var(--anzhiyu-fontcolor); + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +#footer-wrap #footer_deal .deal_link:hover { + color: var(--anzhiyu-white); + background: var(--anzhiyu-main); +} +#footer-wrap #footer_deal .footer_mini_logo { + width: 50px; + height: 50px; + object-fit: cover; + border-radius: 50%; + margin: 0 1rem; + cursor: pointer; + -webkit-transition: cubic-bezier(0, 0, 0, 1.29) 0.5s; + -moz-transition: cubic-bezier(0, 0, 0, 1.29) 0.5s; + -o-transition: cubic-bezier(0, 0, 0, 1.29) 0.5s; + -ms-transition: cubic-bezier(0, 0, 0, 1.29) 0.5s; + transition: cubic-bezier(0, 0, 0, 1.29) 0.5s; + -webkit-user-select: none; +} +@media screen and (max-width: 768px) { + #footer-wrap #footer_deal .footer_mini_logo { + display: none; + } +} +#footer-wrap #anzhiyu-footer { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + width: 100%; + max-width: 1200px; + margin: 1rem auto; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0 2rem; +} +#footer-wrap #anzhiyu-footer .footer-group { + min-width: 120px; +} +#footer-wrap #anzhiyu-footer .footer-group .footer-title-group { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +#footer-wrap #anzhiyu-footer .footer-group .footer-title-group a { + margin-left: 8px; + line-height: 32px; +} +#footer-wrap #anzhiyu-footer .footer-group .footer-title-group i { + line-height: 1; + color: var(--anzhiyu-secondtext); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + font-size: 16px; + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); +} +#footer-wrap #anzhiyu-footer .footer-title { + color: var(--anzhiyu-secondtext); + font-size: 1rem; + text-align: left; + font-weight: 600; + margin: 1rem 0; +} +#footer-wrap #anzhiyu-footer .footer-links { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +#footer-wrap #anzhiyu-footer .footer-item { + font-size: 1rem; + line-height: 1rem; + margin: 8px 0; + color: var(--anzhiyu-fontcolor); + margin-right: auto; + overflow: hidden; + white-space: nowrap; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + max-width: 120px; + cursor: pointer; + padding: 2px 0; + text-decoration: none; +} +#footer-wrap #anzhiyu-footer .footer-item:hover { + color: var(--anzhiyu-theme); +} +#footer-wrap a { + color: var(--light-grey); +} +#footer-wrap i { + font-size: 1rem; + line-height: 1rem; + height: 1rem; +} +#footer-wrap .footer-separator { + margin: 0 4px; +} +#footer-wrap .icp-icon { + padding: 0 4px; + max-height: 1.4em; + width: auto; + vertical-align: text-bottom; +} +@media screen and (max-width: 768px) { + [data-theme=light] .post #footer { + background: -webkit-linear-gradient(270deg, var(--anzhiyu-background) 0%, var(--anzhiyu-card-bg) 25%); + background: -moz-linear-gradient(270deg, var(--anzhiyu-background) 0%, var(--anzhiyu-card-bg) 25%); + background: -o-linear-gradient(270deg, var(--anzhiyu-background) 0%, var(--anzhiyu-card-bg) 25%); + background: -ms-linear-gradient(270deg, var(--anzhiyu-background) 0%, var(--anzhiyu-card-bg) 25%); + background: linear-gradient(180deg, var(--anzhiyu-background) 0%, var(--anzhiyu-card-bg) 25%); + } +} +#page-header { + position: relative; + width: 100%; + -webkit-transition: all 0.5s ease 0s; + -moz-transition: all 0.5s ease 0s; + -o-transition: all 0.5s ease 0s; + -ms-transition: all 0.5s ease 0s; + transition: all 0.5s ease 0s; +} +#page-header #nav { + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +#page-header.full_page { + height: 100vh; + background-attachment: fixed; + border-radius: 0; +} +#page-header #site-title, +#page-header #site-subtitle, +#page-header #scroll-down .scroll-down-effects { + text-align: center; + text-shadow: 2px 2px 4px rgba(0,0,0,0.15); + line-height: 1.5; +} +#page-header #site-title { + margin: 0; + color: var(--white); + font-size: 1.85em; +} +@media screen and (min-width: 768px) { + #page-header #site-title { + font-size: 2.85em; + } +} +#page-header #site-subtitle { + color: var(--light-grey); + font-size: 1.15em; +} +@media screen and (min-width: 768px) { + #page-header #site-subtitle { + font-size: 1.72em; + } +} +#page-header #site_social_icons { + display: none; + margin: 0 auto; + width: 300px; + text-align: center; +} +@media screen and (max-width: 768px) { + #page-header #site_social_icons { + display: block; + } +} +#page-header #site_social_icons .social-icon { + margin: 0 10px; + color: var(--light-grey); + text-shadow: 2px 2px 4px rgba(0,0,0,0.15); + font-size: 1.43em; +} +#page-header #scroll-down { + position: absolute; + bottom: 0; + width: 100%; + cursor: pointer; + z-index: 11; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +#page-header #scroll-down .scroll-down-effects { + position: relative; + width: 100%; + color: var(--light-grey); + font-size: 30px; +} +#page-header.not-home-page { + height: 400px; +} +@media screen and (max-width: 768px) { + #page-header.not-home-page { + height: 280px; + } +} +#page-header #page-site-info { + position: absolute; + top: 200px; + padding: 0 10px; + width: 100%; +} +@media screen and (max-width: 768px) { + #page-header #page-site-info { + top: 140px; + } +} +#page-header.post-bg { + height: 31.25rem; + -webkit-transition: 0.6s; + -moz-transition: 0.6s; + -o-transition: 0.6s; + -ms-transition: 0.6s; + transition: 0.6s; + overflow: hidden; + background-color: transparent; +} +#page-header.post-bg #nav { + -webkit-transition: all 0.5s, border 0.3s; + -moz-transition: all 0.5s, border 0.3s; + -o-transition: all 0.5s, border 0.3s; + -ms-transition: all 0.5s, border 0.3s; + transition: all 0.5s, border 0.3s; +} +#page-header.post-bg .post-meta:has(.bldbanner), +#page-header.post-bg .post-meta:has(.bili-banner), +#page-header.post-bg .post-meta:has(.blqbanner) { + pointer-events: all; +} +#page-header.post-bg .bili-banner { + margin-top: 0 !important; +} +#page-header.post-bg #post-info:has(.bldbanner), +#page-header.post-bg #post-info:has(.bili-banner), +#page-header.post-bg #post-info:has(.blqbanner) { + pointer-events: none; +} +#page-header.post-bg:has(.bldbanner), +#page-header.post-bg:has(.blqbanner) { + height: 15rem; +} +#page-header.post-bg:has(.bldbanner) img, +#page-header.post-bg:has(.blqbanner) img { + border-radius: 0px; +} +#page-header.post-bg:has(.bili-banner) { + height: 11rem; +} +#page-header.post-bg:has(.bili-banner) img { + border-radius: 0px; +} +#page-header.post-bg #post-top-cover { + width: 70%; + height: 100%; + position: relative; + margin: 0 -20% 0 auto; + overflow: hidden; + margin-bottom: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + -moz-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + -o-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + -ms-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + will-change: transform; + filter: blur(10px) brightness(60%); + -webkit-animation: none; + -moz-animation: none; + -o-animation: none; + -ms-animation: none; + animation: none; + -webkit-transition: filter 0s; + -moz-transition: filter 0s; + -o-transition: filter 0s; + -ms-transition: filter 0s; + transition: filter 0s; + margin: auto; + width: auto; +} +#page-header.post-bg #post-top-cover::after { + display: none; +} +#page-header.post-bg #post-top-cover img { + border-radius: 0; +} +@media screen and (max-width: 768px) { + #page-header.post-bg #post-top-cover { + margin: 0 0 0 auto; + -webkit-transform: rotate(0deg) translateY(0) scale(1); + -moz-transform: rotate(0deg) translateY(0) scale(1); + -o-transform: rotate(0deg) translateY(0) scale(1); + -ms-transform: rotate(0deg) translateY(0) scale(1); + transform: rotate(0deg) translateY(0) scale(1); + filter: blur(0px); + width: 100%; + position: absolute; + height: 100vh; + z-index: 1; + } +} +#page-header.post-bg #post-top-cover::after { + position: absolute; + content: ""; + width: 100%; + height: 100%; + top: 0; + left: 0; + -webkit-box-shadow: 110px -130px 300px 60px var(--anzhiyu-bar-background) inset; + box-shadow: 110px -130px 300px 60px var(--anzhiyu-bar-background) inset; +} +@media screen and (max-width: 768px) { + #page-header.post-bg #post-top-cover::after { + -webkit-box-shadow: 0 0 205px 59px var(--anzhiyu-main) inset; + box-shadow: 0 0 205px 59px var(--anzhiyu-main) inset; + } +} +#page-header.post-bg #post-top-cover #post-top-bg { + width: 100%; + height: 100%; + object-fit: cover; + min-width: 50vw; + min-height: 20rem; +} +@media screen and (min-width: 768px) { + #page-header.post-bg #post-top-cover #post-top-bg { + -webkit-animation: slide-in 0.6s 0.3s backwards; + -moz-animation: slide-in 0.6s 0.3s backwards; + -o-animation: slide-in 0.6s 0.3s backwards; + -ms-animation: slide-in 0.6s 0.3s backwards; + animation: slide-in 0.6s 0.3s backwards; + } +} +@media screen and (max-width: 768px) { + #page-header.post-bg #post-top-cover #post-top-bg { + min-height: 15rem !important; + height: 100% !important; + opacity: 1 !important; + -ms-filter: none !important; + filter: none !important; + } +} +#page-header.post-bg #nav { + backdrop-filter: none; + background: transparent; + border-bottom: none; +} +#page-header.post-bg.nav-fixed #nav { + background: var(--anzhiyu-card-bg); + outline: 1px solid var(--anzhiyu-card-border); + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -o-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); +} +@media screen and (max-width: 768px) { + #page-header.post-bg.nav-fixed #nav { + border-bottom: none; + } +} +@media screen and (max-width: 768px) { + #page-header.post-bg { + margin-bottom: -12px; + -webkit-transition: 0s !important; + -moz-transition: 0s !important; + -o-transition: 0s !important; + -ms-transition: 0s !important; + transition: 0s !important; + min-height: 450px; + } + #page-header.post-bg.nav-fixed #nav { + background: var(--anzhiyu-card-bg); + outline: 1px solid var(--anzhiyu-card-border); + } +} +#page-header #post-info { + position: absolute; + top: 0; + left: calc((100% - 1400px + 3rem) / 2); + width: calc(100% - (100% - 1400px + 3rem)); + height: 100%; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: start; + -moz-box-align: start; + -o-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + z-index: 3; +} +@media screen and (min-width: 768px) { + #page-header #post-info { + --anzhiyu-header-translateY: 0; + -webkit-animation: post-info-slide-in 0.6s 0.3s backwards; + -moz-animation: post-info-slide-in 0.6s 0.3s backwards; + -o-animation: post-info-slide-in 0.6s 0.3s backwards; + -ms-animation: post-info-slide-in 0.6s 0.3s backwards; + animation: post-info-slide-in 0.6s 0.3s backwards; + -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(var(--anzhiyu-header-translateY)); + -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(var(--anzhiyu-header-translateY)); + -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(var(--anzhiyu-header-translateY)); + -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(var(--anzhiyu-header-translateY)); + transform: scale(var(--anzhiyu-header-info-scale)) translateY(var(--anzhiyu-header-translateY)); + -webkit-transform-origin: left top; + -moz-transform-origin: left top; + -o-transform-origin: left top; + -ms-transform-origin: left top; + transform-origin: left top; + will-change: transform; + } +} +@media screen and (max-width: 1400px) { + #page-header #post-info { + padding: 0 3.5rem; + width: 100%; + left: 0; + } +} +@media screen and (max-width: 768px) { + #page-header #post-info { + padding: 11rem 6% 0; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } +} +#page-header.not-top-img { + margin-bottom: 10px; + height: 60px; + background: 0; +} +#page-header.not-top-img #nav #menus .menus_item:hover > a { + background: var(--anzhiyu-main); +} +#page-header.not-top-img #travellings_button::after { + background: var(--anzhiyu-main) !important; +} +#page-header.not-top-img #nav #blog_name .back-home-button:hover, +#page-header.not-top-img #nav #blog_name #site-name:hover, +#page-header.not-top-img #nav #nav-right .nav-button a:hover, +#page-header.not-top-img #nav #nav-right #toggle-menu:hover { + color: var(--anzhiyu-white); + background: var(--anzhiyu-main); + -webkit-box-shadow: var(--anzhiyu-shadow-main); + box-shadow: var(--anzhiyu-shadow-main); +} +#page-header.not-top-img .post-meta-categories { + background: rgba(0,0,0,0.2); +} +#page-header.not-top-img #nav #blog_name a, +#page-header.not-top-img #nav .mask-name-container a, +#page-header.not-top-img #nav #menus a, +#page-header.not-top-img #nav #nav-right .nav-button a, +#page-header.not-top-img #nav #nav-right #toggle-menu a { + color: var(--font-color); + text-shadow: none; +} +#page-header.not-top-img #nav #center-console + label i { + background: var(--font-color); +} +#page-header.nav-fixed #nav { + position: fixed; + z-index: 91; + background: var(--anzhiyu-card-bg); + outline: 1px solid var(--anzhiyu-card-border); + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -o-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + top: 0; +} +#page-header.nav-fixed #nav #toggle-menu { + color: var(--font-color); + text-shadow: none; + -webkit-transition: background 0.3s ease-in-out, color 0s ease-in-out; + -moz-transition: background 0.3s ease-in-out, color 0s ease-in-out; + -o-transition: background 0.3s ease-in-out, color 0s ease-in-out; + -ms-transition: background 0.3s ease-in-out, color 0s ease-in-out; + transition: background 0.3s ease-in-out, color 0s ease-in-out; +} +#page-header.nav-fixed #nav #blog_name a, +#page-header.nav-fixed #nav .mask-name-container a, +#page-header.nav-fixed #nav #menus a, +#page-header.nav-fixed #nav #nav-right .nav-button a, +#page-header.nav-fixed #nav #nav-right #toggle-menu a { + color: var(--font-color); + text-shadow: none; + -webkit-transition: background 0.3s ease-in-out, color 0s ease-in-out; + -moz-transition: background 0.3s ease-in-out, color 0s ease-in-out; + -o-transition: background 0.3s ease-in-out, color 0s ease-in-out; + -ms-transition: background 0.3s ease-in-out, color 0s ease-in-out; + transition: background 0.3s ease-in-out, color 0s ease-in-out; +} +#page-header.nav-fixed #name-container { + z-index: 101; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + top: 10px; +} +#page-header.nav-fixed #name-container #page-name { + display: inline; + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + line-height: 2; +} +@media screen and (min-width: 768px) { + #page-header.nav-fixed #name-container #page-name { + max-width: 15.5rem; + } +} +@media screen and (min-width: 900px) { + #page-header.nav-fixed #name-container #page-name { + max-width: 25.5rem; + } +} +@media screen and (min-width: 1200px) { + #page-header.nav-fixed #name-container #page-name { + max-width: 35.5rem; + } +} +@media screen and (min-width: 2000px) { + #page-header.nav-fixed #name-container #page-name { + max-width: 45.5rem; + } +} +#page-header.nav-fixed #nav #menus { + z-index: 100; +} +#page-header.nav-fixed #nav #menus div.menus_items { + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + height: 40px; + margin: auto 0; + -webkit-transform: translateY(-60px); + -moz-transform: translateY(-60px); + -o-transform: translateY(-60px); + -ms-transform: translateY(-60px); + transform: translateY(-60px); + will-change: transform; +} +#page-header.nav-fixed.nav-visible #page-name { + z-index: 100; + top: 60px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +#page-header.nav-fixed.nav-visible #nav #menus div.menus_items { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -o-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); + will-change: transform; +} +#page h1.page-title { + margin: 8px 0 20px; +} +#post > #post-info { + margin-bottom: 30px; +} +#post > #post-info .post-title { + border-bottom: 1px solid var(--light-grey); + color: var(--text-highlight-color); +} +#post > #post-info .post-title .post-edit-link { + float: right; +} +#post > #post-info #post-meta, +#post > #post-info #post-meta a { + color: #78818a; +} +@media screen and (max-width: 768px) { + #post-info:after { + display: none; + -webkit-transition: 0; + -moz-transition: 0; + -o-transition: 0; + -ms-transition: 0; + transition: 0; + } +} +#post-info .post-title { + color: var(--white); + line-height: 1.5; + font-weight: 700; + font-size: 3.3rem; + text-align: left; + margin: 1rem 0 1rem 0; + -webkit-line-clamp: 2; + padding: 0; + overflow: hidden; +} +@media screen and (max-width: 768px) { + #post-info .post-title { + font-size: 1.5rem; + -webkit-line-clamp: 3; + margin: 0.2rem auto !important; + text-align: center; + z-index: 4; + } +} +#post-info .post-title .post-edit-link { + padding-left: 10px; +} +#post-info #post-meta { + color: var(--light-grey); + font-size: 95%; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + width: 50rem; + max-width: 100%; + -webkit-box-align: start; + -moz-box-align: start; + -o-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +@media screen and (min-width: 768px) { + #post-info #post-meta > .meta-secondline > span:first-child { + display: none; + } +} +@media screen and (max-width: 768px) { + #post-info #post-meta { + font-size: 90%; + z-index: 4; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + #post-info #post-meta > .meta-firstline, + #post-info #post-meta > .meta-secondline { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + font-size: 90%; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } +} +#post-info #post-meta .post-meta-separator { + margin: 0 8px; +} +#post-info #post-meta .post-meta-icon { + margin-right: 4px; +} +#post-info #post-meta .post-meta-label { + margin-right: 4px; +} +#post-info #post-meta .post-meta-categories a:not([data-fancybox="gallery"]) { + font-weight: 500; + text-decoration: none; + padding: 0 0.2em; +} +#post-info #post-meta .post-meta-categories a:not([data-fancybox="gallery"]):hover { + color: var(--anzhiyu-white); + background-color: var(--anzhiyu-main); + border-radius: 4px; +} +#post-info #post-meta a { + color: var(--light-grey); + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + -ms-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} +#post-info #post-meta a:hover { + color: #425aef; + text-decoration: underline; +} +#nav { + position: fixed; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + top: 0; + z-index: 90; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + padding: 0 calc((100% - 1400px + 3rem) / 2); + width: 100%; + height: 60px; + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + outline: 1px solid var(--anzhiyu-none); +} +#nav i { + font-size: 1.2rem; + font-weight: bold; +} +@media screen and (max-width: 768px) { + #nav { + padding: 0 16px; + } +} +#nav #toggle-menu { + display: none; + padding: 2px 0 0 6px; + vertical-align: top; + border-radius: 50px; +} +#nav #toggle-menu:hover { + color: var(--white) !important; +} +#nav #blog_name a, +#nav .mask-name-container a, +#nav #menus a, +#nav #nav-right .nav-button a, +#nav #nav-right #toggle-menu a { + color: var(--light-grey); +} +#nav #blog_name a:hover, +#nav .mask-name-container a:hover, +#nav #menus a:hover, +#nav #nav-right .nav-button a:hover, +#nav #nav-right #toggle-menu a:hover { + color: var(--white); +} +#nav #site-name { + font-weight: bold; + cursor: pointer; + -webkit-transition: 0.3s !important; + -moz-transition: 0.3s !important; + -o-transition: 0.3s !important; + -ms-transition: 0.3s !important; + transition: 0.3s !important; +} +#nav .menus_items { + display: inline; + font-size: 1.3em; +} +#nav .menus_items .menus_item { + padding: 0 0.4rem; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + margin: auto; + position: relative; + border-radius: 30px; +} +#nav .menus_items .menus_item:first-child .menus_item_child::after { + position: absolute; + top: -60px; + left: 0; + width: 50%; + height: 60px; + content: ""; +} +#nav .menus_items .menus_item:last-child .menus_item_child::after { + position: absolute; + top: -60px; + right: 0; + width: 50%; + height: 60px; + content: ""; +} +#nav .menus_items .menus_item:hover .menus_item_child { + border: var(--style-border-hover); + -webkit-box-shadow: var(--anzhiyu-shadow-main); + box-shadow: var(--anzhiyu-shadow-main); + opacity: 1; + -ms-filter: none; + filter: none; + pointer-events: all; + -webkit-transform: translateY(0) scale(1); + -moz-transform: translateY(0) scale(1); + -o-transform: translateY(0) scale(1); + -ms-transform: translateY(0) scale(1); + transform: translateY(0) scale(1); +} +#nav .menus_items .menus_item:hover > a > i:last-child { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +#nav .menus_items .menus_item > a > i:last-child { + padding: 4px; + -webkit-transition: -webkit-transform 0.2s; + -moz-transition: -moz-transform 0.2s; + -o-transition: -o-transform 0.2s; + -ms-transition: -ms-transform 0.2s; + transition: transform 0.2s; +} +#nav .menus_items .menus_item .menus_item_child { + position: absolute; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + width: max-content; + border-radius: 5px; + top: 35px; + -webkit-box-shadow: var(--anzhiyu-shadow-black); + box-shadow: var(--anzhiyu-shadow-black); + border: var(--style-border); + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -o-transition: 0.2s; + -ms-transition: 0.2s; + transition: 0.2s; + background-color: var(--anzhiyu-card-bg); + border-radius: 50px; + right: auto; + left: auto; + padding: 6px 4px; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + line-height: 35px; + -webkit-transform: translateY(-10px) scale(0); + -moz-transform: translateY(-10px) scale(0); + -o-transform: translateY(-10px) scale(0); + -ms-transform: translateY(-10px) scale(0); + transform: translateY(-10px) scale(0); + -webkit-transform-origin: top; + -moz-transform-origin: top; + -o-transform-origin: top; + -ms-transform-origin: top; + transform-origin: top; + pointer-events: none; + margin-top: 8px; +} +#nav .menus_items .menus_item .menus_item_child:before { + position: absolute; + top: -12px; + left: 0; + width: 100%; + height: 16px; + content: ''; +} +#nav .menus_items .menus_item .menus_item_child li { + list-style: none; +} +#nav .menus_items .menus_item .menus_item_child li:hover { + background: var(--text-bg-hover); +} +#nav .menus_items .menus_item .menus_item_child li:first-child { + border-top-left-radius: 50px; + border-top-right-radius: 50px; +} +#nav .menus_items .menus_item .menus_item_child li:last-child { + border-bottom-right-radius: 50px; + border-bottom-left-radius: 50px; +} +#nav .menus_items .menus_item .menus_item_child li a { + display: inline-block; + padding: 0.5625rem 1rem; + width: 100%; + color: var(--font-color) !important; + text-shadow: none !important; +} +#nav .menus_items .menus_item .menus_item_child li a:hover { + color: var(--anzhiyu-white) !important; + padding: 0.125rem 1.25rem; + -webkit-transform: scale(1) !important; + -moz-transform: scale(1) !important; + -o-transform: scale(1) !important; + -ms-transform: scale(1) !important; + transform: scale(1) !important; + background: var(--anzhiyu-main) !important; + -webkit-box-shadow: var(--anzhiyu-shadow-main); + box-shadow: var(--anzhiyu-shadow-main); + -webkit-transform: scale(1) !important; + -moz-transform: scale(1) !important; + -o-transform: scale(1) !important; + -ms-transform: scale(1) !important; + transform: scale(1) !important; +} +#nav.hide-menu #toggle-menu { + display: inline-block !important; +} +#nav.hide-menu #toggle-menu .site-page { + font-size: inherit; + width: 30px; + height: 30px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +#nav.hide-menu #toggle-menu .site-page i { + font-size: 1.35rem; +} +#nav.hide-menu .menus_items { + display: none; +} +#nav.hide-menu #search-button span { + display: none; +} +#nav #search-button { + display: inline; + padding: 0 0 0 14px; +} +#nav .site-page { + position: relative; + padding-bottom: 6px; + font-size: 0.78em; + cursor: pointer; +} +#nav .site-page:hover { + color: var(--anzhiyu-white) !important; +} +.main-hero-waves-area { + width: 100%; + position: absolute; + left: 0; + bottom: -11px; + z-index: 5; + pointer-events: none; +} +.waves-area .waves-svg { + width: 100%; + height: 3.75rem; +} +.parallax > use { + -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; + -moz-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; + -o-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; + -ms-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; + animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; + will-change: transform; +} +.parallax > use:nth-child(1) { + -webkit-animation-delay: -2s; + -moz-animation-delay: -2s; + -o-animation-delay: -2s; + -ms-animation-delay: -2s; + animation-delay: -2s; + -webkit-animation-duration: 7s; + -moz-animation-duration: 7s; + -o-animation-duration: 7s; + -ms-animation-duration: 7s; + animation-duration: 7s; + fill: rgba(247,249,254,0.741); +} +.parallax > use:nth-child(2) { + -webkit-animation-delay: -3s; + -moz-animation-delay: -3s; + -o-animation-delay: -3s; + -ms-animation-delay: -3s; + animation-delay: -3s; + -webkit-animation-duration: 10s; + -moz-animation-duration: 10s; + -o-animation-duration: 10s; + -ms-animation-duration: 10s; + animation-duration: 10s; + fill: rgba(247,249,254,0.51); +} +.parallax > use:nth-child(3) { + -webkit-animation-delay: -4s; + -moz-animation-delay: -4s; + -o-animation-delay: -4s; + -ms-animation-delay: -4s; + animation-delay: -4s; + -webkit-animation-duration: 13s; + -moz-animation-duration: 13s; + -o-animation-duration: 13s; + -ms-animation-duration: 13s; + animation-duration: 13s; + fill: rgba(247,249,254,0.212); +} +.parallax > use:nth-child(4) { + -webkit-animation-delay: -5s; + -moz-animation-delay: -5s; + -o-animation-delay: -5s; + -ms-animation-delay: -5s; + animation-delay: -5s; + -webkit-animation-duration: 20s; + -moz-animation-duration: 20s; + -o-animation-duration: 20s; + -ms-animation-duration: 20s; + animation-duration: 20s; + fill: #f7f9fe; +} +[data-theme="dark"] .parallax > use:nth-child(1) { + fill: rgba(24,23,29,0.784); +} +[data-theme="dark"] .parallax > use:nth-child(2) { + fill: rgba(24,23,29,0.502); +} +[data-theme="dark"] .parallax > use:nth-child(3) { + fill: rgba(24,23,29,0.243); +} +[data-theme="dark"] .parallax > use:nth-child(4) { + fill: #000; +} +#post-firstinfo { + text-align: left; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + white-space: nowrap; + -webkit-user-select: none; +} +@media screen and (max-width: 768px) { + #post-firstinfo { + z-index: 4; + } +} +#post-firstinfo .meta-firstline { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + height: 32px; +} +#post-firstinfo .meta-firstline a.post-meta-original { + background: var(--anzhiyu-white-op); + color: var(--anzhiyu-white); + padding: 0 0.7rem; + font-size: 0.9rem; + margin: auto; + border-radius: 8px; + font-weight: bold; + height: 32px; + line-height: 32px; + width: 100%; + height: 100%; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; +} +#post-firstinfo .meta-firstline span.post-meta-categories { + color: var(--anzhiyu-white); + font-size: 0.9rem; + margin: auto; + font-weight: bold; + height: 32px; + line-height: 32px; + width: 100%; + height: 100%; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; +} +#post-firstinfo .meta-firstline span.post-meta-categories i { + display: none; +} +#post-firstinfo .meta-firstline span.post-meta-categories a.post-meta-categories { + border-radius: 8px; + padding: 0 0.7rem; + background: var(--anzhiyu-white-op); + color: var(--anzhiyu-white); + font-size: 0.9rem; + width: 100%; + height: 100%; + font-weight: bold; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + margin-left: 0.4rem; +} +#post-firstinfo .meta-firstline .article-meta.tags { + margin-left: 1.2rem; +} +@media screen and (max-width: 768px) { + #post-firstinfo .meta-firstline .article-meta.tags { + display: none; + } +} +#post-firstinfo .meta-firstline .article-meta__tags { + color: var(--anzhiyu-white); + opacity: 0.8; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + filter: alpha(opacity=80); + margin-right: 8px; +} +#post-firstinfo .meta-firstline .anzhiyu-icon-hashtag:before { + font-size: 17px; +} +#post-firstinfo .meta-firstline .anzhiyu-icon-location-dot { + margin-right: 4px; +} +#post #post-info #post-firstinfo .meta-firstline a.post-meta-original { + background: var(--anzhiyu-black); +} +#post #post-info #post-firstinfo .meta-firstline a.post-meta-categories { + background: var(--anzhiyu-black); +} +#post #post-info #post-firstinfo .meta-firstline .article-meta__tags { + color: var(--anzhiyu-black); +} +@media screen and (max-width: 768px) { + .layout > div:first-child:not(.recent-posts) { + z-index: 10; + } + .post-bg:has(.bldbanner) #post-info:after, + .post-bg:has(.bili-banner) #post-info:after, + .post-bg:has(.blqbanner) #post-info:after { + -webkit-box-shadow: 0px -214px 287px 45px var(--anzhiyu-black-op) inset; + box-shadow: 0px -214px 287px 45px var(--anzhiyu-black-op) inset; + } + .waves-area .waves-svg { + height: 40px; + min-height: 40px; + } + .main-hero-waves-area { + display: none; + visibility: hidden; + } +} +@-moz-keyframes move-forever { + 0% { + -webkit-transform: translate3d(-90px, 0, 0); + -moz-transform: translate3d(-90px, 0, 0); + -o-transform: translate3d(-90px, 0, 0); + -ms-transform: translate3d(-90px, 0, 0); + transform: translate3d(-90px, 0, 0); + } + 100% { + -webkit-transform: translate3d(85px, 0, 0); + -moz-transform: translate3d(85px, 0, 0); + -o-transform: translate3d(85px, 0, 0); + -ms-transform: translate3d(85px, 0, 0); + transform: translate3d(85px, 0, 0); + } +} +@-webkit-keyframes move-forever { + 0% { + -webkit-transform: translate3d(-90px, 0, 0); + -moz-transform: translate3d(-90px, 0, 0); + -o-transform: translate3d(-90px, 0, 0); + -ms-transform: translate3d(-90px, 0, 0); + transform: translate3d(-90px, 0, 0); + } + 100% { + -webkit-transform: translate3d(85px, 0, 0); + -moz-transform: translate3d(85px, 0, 0); + -o-transform: translate3d(85px, 0, 0); + -ms-transform: translate3d(85px, 0, 0); + transform: translate3d(85px, 0, 0); + } +} +@-o-keyframes move-forever { + 0% { + -webkit-transform: translate3d(-90px, 0, 0); + -moz-transform: translate3d(-90px, 0, 0); + -o-transform: translate3d(-90px, 0, 0); + -ms-transform: translate3d(-90px, 0, 0); + transform: translate3d(-90px, 0, 0); + } + 100% { + -webkit-transform: translate3d(85px, 0, 0); + -moz-transform: translate3d(85px, 0, 0); + -o-transform: translate3d(85px, 0, 0); + -ms-transform: translate3d(85px, 0, 0); + transform: translate3d(85px, 0, 0); + } +} +@keyframes move-forever { + 0% { + -webkit-transform: translate3d(-90px, 0, 0); + -moz-transform: translate3d(-90px, 0, 0); + -o-transform: translate3d(-90px, 0, 0); + -ms-transform: translate3d(-90px, 0, 0); + transform: translate3d(-90px, 0, 0); + } + 100% { + -webkit-transform: translate3d(85px, 0, 0); + -moz-transform: translate3d(85px, 0, 0); + -o-transform: translate3d(85px, 0, 0); + -ms-transform: translate3d(85px, 0, 0); + transform: translate3d(85px, 0, 0); + } +} +@-moz-keyframes showCover { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + -moz-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + -o-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + -ms-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + } + 100% { + opacity: 0.5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); + -webkit-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + -moz-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + -o-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + -ms-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + } +} +@-webkit-keyframes showCover { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + -moz-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + -o-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + -ms-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + } + 100% { + opacity: 0.5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); + -webkit-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + -moz-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + -o-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + -ms-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + } +} +@-o-keyframes showCover { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + -moz-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + -o-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + -ms-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + } + 100% { + opacity: 0.5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); + -webkit-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + -moz-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + -o-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + -ms-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + } +} +@keyframes showCover { + 0% { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + -moz-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + -o-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + -ms-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); + } + 100% { + opacity: 0.5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); + -webkit-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + -moz-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + -o-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + -ms-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); + } +} +#random-banner { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + width: 100%; + height: 76%; + background: var(--anzhiyu-card-bg); + margin-bottom: 0.5rem; + border: var(--style-border); + border-radius: 12px; + overflow: hidden; + position: relative; + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + overflow: hidden; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + will-change: transform; +} +#random-banner:hover { + -webkit-box-shadow: var(--anzhiyu-shadow-main); + box-shadow: var(--anzhiyu-shadow-main); +} +#random-banner:hover #random-hover { + opacity: 1; + -ms-filter: none; + filter: none; + padding-left: 2rem; + background: var(--anzhiyu-theme-op-deep); + backdrop-filter: blur(15px); + -webkit-backdrop-filter: blur(15px); + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -o-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + -o-transform-style: preserve-3d; + -ms-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + background-size: 200%; + cursor: pointer; +} +#random-banner #skills-tags-group-all .tags-group-wrapper { + margin-top: 7rem; +} +#random-banner #skills-tags-group-all { + -webkit-transform: rotate(-30deg); + -moz-transform: rotate(-30deg); + -o-transform: rotate(-30deg); + -ms-transform: rotate(-30deg); + transform: rotate(-30deg); +} +#random-banner #random-hover { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: var(--anzhiyu-theme); + color: var(--anzhiyu-white); + padding-left: 0.5rem; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transition: cubic-bezier(0.71, 0.15, 0.16, 1.15) 0.6s; + -moz-transition: cubic-bezier(0.71, 0.15, 0.16, 1.15) 0.6s; + -o-transition: cubic-bezier(0.71, 0.15, 0.16, 1.15) 0.6s; + -ms-transition: cubic-bezier(0.71, 0.15, 0.16, 1.15) 0.6s; + transition: cubic-bezier(0.71, 0.15, 0.16, 1.15) 0.6s; + font-size: 60px; +} +#random-banner #random-hover .bannerText { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +#random-banner #random-hover i { + font-size: 80px; + margin-left: 10px; + line-height: 1; +} +@media screen and (max-width: 1200px) { + #random-banner { + display: none; + } +} +#sidebar #sidebar-menus .menus_items .menus_item_child { + margin: 0px; + list-style: none; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +#sidebar #sidebar-menus .menus_item_child li { + width: calc(50% - 8px); + margin: 4px; +} +#sidebar #sidebar-menus .menus_item_child .site-page.child { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + padding: 8px; + border-radius: 12px; + border: var(--style-border-always); + background: var(--anzhiyu-card-bg); + font-size: 14px; + height: 4.2rem; + width: 7rem; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; +} +#sidebar .menus_item ul { + padding-left: 0px; +} +#nav-group { + max-width: 1400px; + width: 100%; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + position: relative; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +#page-header.nav-fixed #center-console + label i { + background: var(--font-color); +} +#center-console { + display: none; +} +#center-console + label { + --icon-size: 1.375rem; + position: relative; + right: 0; + top: 0; + bottom: 0; + height: var(--icon-size); + width: var(--icon-size); + cursor: pointer; + -webkit-transition: 1s; + -moz-transition: 1s; + -o-transition: 1s; + -ms-transition: 1s; + transition: 1s; + margin-left: 1rem; +} +#center-console + label:hover i.left { + width: calc(var(--icon-size) / 2.5); +} +#center-console + label:hover i.center { + opacity: 0.5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); + width: calc(var(--icon-size) / 2.5); +} +#center-console + label:hover i.right { + width: calc(var(--icon-size) / 2.5); + height: calc(var(--icon-size) / 1.15); + -webkit-transform: none; + -moz-transform: none; + -o-transform: none; + -ms-transform: none; + transform: none; +} +#center-console + label i { + background: var(--light-grey); + position: absolute; + border-radius: calc(var(--icon-size) * 0.15); + -webkit-transition: 0.5s var(--animation-on); + -moz-transition: 0.5s var(--animation-on); + -o-transition: 0.5s var(--animation-on); + -ms-transition: 0.5s var(--animation-on); + transition: 0.5s var(--animation-on); + inset: 0; + margin: auto; + right: auto; + width: calc(var(--icon-size) / 3); + height: calc(var(--icon-size) / 3); + -webkit-transform: translateY(calc(var(--icon-size) / 4)); + -moz-transform: translateY(calc(var(--icon-size) / 4)); + -o-transform: translateY(calc(var(--icon-size) / 4)); + -ms-transform: translateY(calc(var(--icon-size) / 4)); + transform: translateY(calc(var(--icon-size) / 4)); +} +#center-console + label i.left { + width: 100%; + -webkit-transform: translateY(calc(var(--icon-size) / -4)); + -moz-transform: translateY(calc(var(--icon-size) / -4)); + -o-transform: translateY(calc(var(--icon-size) / -4)); + -ms-transform: translateY(calc(var(--icon-size) / -4)); + transform: translateY(calc(var(--icon-size) / -4)); +} +#center-console + label i.right { + left: auto; + right: 0; + width: calc(var(--icon-size) / 2); +} +#center-console:checked + label { + right: 0; + top: 0.5rem; + z-index: 31; +} +#center-console:checked + label:hover::after { + background: var(--anzhiyu-main) !important; +} +#center-console:checked + label::after { + content: ""; + width: 35px; + height: 35px; + display: block; + position: absolute; + z-index: -1; + top: -6px; + left: -6.3px; + background: var(--anzhiyu-fontcolor) !important; + border-radius: 50px; +} +#center-console:checked + label:is(.widget, +#center-console:checked + label .widget:hover) i { + height: calc(var(--icon-size) / 4.5); + background: var(--anzhiyu-white) !important; +} +#center-console:checked + label i.left { + width: 100% !important; + -webkit-transform: rotate(-45deg) !important; + -moz-transform: rotate(-45deg) !important; + -o-transform: rotate(-45deg) !important; + -ms-transform: rotate(-45deg) !important; + transform: rotate(-45deg) !important; +} +#center-console:checked + label i.center { + width: 0 !important; +} +#center-console:checked + label i.right { + width: 100% !important; + -webkit-transform: rotate(45deg) !important; + -moz-transform: rotate(45deg) !important; + -o-transform: rotate(45deg) !important; + -ms-transform: rotate(45deg) !important; + transform: rotate(45deg) !important; +} +[data-theme="dark"] #center-console:checked + label:is(.widget, +#center-console:checked + label .widget:hover) i { + background: var(--anzhiyu-black) !important; +} +#body-wrap .nav-fixed #travellings_button::after { + background: var(--anzhiyu-main) !important; +} +#body-wrap #travellings_button { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; +} +#body-wrap #travellings_button:hover::after { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: none; + -moz-transform: none; + -o-transform: none; + -ms-transform: none; + transform: none; + visibility: visible; +} +#body-wrap #travellings_button:hover a { + background: var(--anzhiyu-main); + -webkit-box-shadow: var(--anzhiyu-shadow-main); + -webkit-box-shadow: var(--anzhiyu-shadow-main); + box-shadow: var(--anzhiyu-shadow-main); +} +#body-wrap #travellings_button:hover a i { + color: var(--anzhiyu-white); +} +#body-wrap #travellings_button::after { + --height: 2rem; + content: attr(title); + position: fixed; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + color: var(--anzhiyu-white); + background: var(--anzhiyu-white-op) !important; + -webkit-box-shadow: var(--anzhiyu-shadow-nav); + box-shadow: var(--anzhiyu-shadow-nav); + border-radius: var(--anzhiyu-radius-full); + width: fit-content; + height: var(--height); + font-size: var(--global-font-size); + white-space: nowrap; + margin: auto; + padding: 0 4em; + top: calc((60px - var(--height)) / 2); + right: 0; + left: 0; + line-height: 0; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + z-index: 1; + visibility: hidden; + -webkit-transform: scaleX(1.1); + -moz-transform: scaleX(1.1); + -o-transform: scaleX(1.1); + -ms-transform: scaleX(1.1); + transform: scaleX(1.1); + pointer-events: none; + -webkit-transition: 0.5s; + -moz-transition: 0.5s; + -o-transition: 0.5s; + -ms-transition: 0.5s; + transition: 0.5s; +} +@media screen and (max-width: 900px) { + #body-wrap #travellings_button::after { + padding: 0 2em; + } +} +#body-wrap:has(#travellings_button:hover) #page-name, +#body-wrap:has(#travellings_button:hover) #nav #menus { + display: none; +} +#body-wrap .page #travellings_button:hover::after { + background: var(--anzhiyu-main) !important; +} +@media screen and (max-width: 768px) { + #page-header #nav { + padding: 20px; + } + .cardHover, + .error404 #error-wrap .error-content, + .layout > div:first-child:not(.recent-posts), + #recent-posts > .recent-post-item, + #aside-content .card-widget, + .layout > .recent-posts .pagination > *:not(.space), + .layout > .recent-posts .pagination > *:not(.space):not(pangu) { + -webkit-box-shadow: none !important; + box-shadow: none !important; + } + #sidebar #sidebar-menus .menus_items .site-page:hover { + background: none; + } + div#travellings_button { + display: none !important; + } +} +#nav #blog_name a:hover, +#nav .mask-name-container a:hover, +#nav #menus a:hover, +#nav #nav-right .nav-button a:hover, +#nav #nav-right #toggle-menu a:hover { + background: var(--anzhiyu-main); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +#page-header.not-top-img { + margin-bottom: 0px; +} +#page-header:not(.nav-fixed) #percent { + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +#page-header #nav #nav-right > div { + margin-left: 1rem; + padding: 0; +} +.nav-button { + cursor: pointer; +} +#nav #menus { + padding: 0 calc((100% - 1400px + 3rem) / 2); + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + width: 100%; + position: absolute; + height: 60px; + left: 0; + margin: 0; + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -o-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + will-change: auto; +} +#nav .site-page { + padding-bottom: 0px; +} +#nav *::after { + background-color: transparent !important; +} +#nav .menus_items .menus_item a { + border-radius: 50px; +} +#nav .menus_items .menus_item .menus_item_child li a { + padding: 2px 16px; + border-radius: 50px; + -webkit-transition: 0.3s !important; + -moz-transition: 0.3s !important; + -o-transition: 0.3s !important; + -ms-transition: 0.3s !important; + transition: 0.3s !important; +} +#nav .menus_items .menus_item .menus_item_child li:hover a { + color: #fff !important; +} +#nav .menus_items .menus_item .menus_item_child li { + border-radius: 50px; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -ms-transition: all 0.3s; + transition: all 0.3s; + display: inline-block; + margin: 0 3px; +} +#site-name, +.shuoshuo { + white-space: nowrap; + overflow: hidden; +} +#site-name { + padding: 0 2px; + height: 35px; + line-height: 35px; + position: relative; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +#nav .menus_items { + position: relative; + width: fit-content; + text-align: center; + left: 0px; + right: 0px; + top: 0px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +#nav #blog_name a, +#nav .mask-name-container a, +#nav #menus a, +#nav #nav-right .nav-button a, +#nav #nav-right #toggle-menu a { + border-radius: 50px; +} +.page #nav #blog_name a:hover, +.page #nav .mask-name-container a:hover, +.page #nav #menus a:hover, +.page #nav #nav-right .nav-button a:hover, +.page #nav #nav-right #toggle-menu a:hover { + color: var(--anzhiyu-white); + background: var(--anzhiyu-main); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + -webkit-box-shadow: var(--anzhiyu-shadow-main); + box-shadow: var(--anzhiyu-shadow-main); +} +.post #nav #blog_name .back-home-button:hover, +.post #nav #blog_name #site-name:hover, +.post #nav #nav-right .nav-button a:hover, +.post #nav #nav-right #toggle-menu:hover { + color: var(--anzhiyu-white); + background: var(--anzhiyu-white-op); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +.post #nav #menus .menus_item:hover > a { + color: var(--anzhiyu-white); + background: var(--anzhiyu-white-op); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +.post .nav-fixed #nav #menus .menus_item:hover > a.site-page { + color: var(--anzhiyu-white); + background: var(--anzhiyu-main); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + -webkit-box-shadow: var(--anzhiyu-shadow-main); + box-shadow: var(--anzhiyu-shadow-main); +} +.post .nav-fixed #nav #blog_name #site-name:hover, +.post .nav-fixed #nav #blog_name .back-home-button:hover, +.post .nav-fixed #nav #nav-right .nav-button a:hover, +.post .nav-fixed #nav #nav-right #toggle-menu:hover { + color: var(--anzhiyu-white); + background: var(--anzhiyu-main); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + -webkit-box-shadow: var(--anzhiyu-shadow-main); + box-shadow: var(--anzhiyu-shadow-main); +} +#page-header.nav-fixed #nav #page-name { + background: none; + text-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + font-weight: bold; + border-radius: 100px; + min-width: 100px; + line-height: 1.5rem; +} +#name-container { + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + border-radius: 12px; + height: 40px; + position: absolute; + top: 62px; + left: 0px; + right: 0px; + margin: auto; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-animation-timing-function: ease-out; + -moz-animation-timing-function: ease-out; + -o-animation-timing-function: ease-out; + -ms-animation-timing-function: ease-out; + animation-timing-function: ease-out; + -webkit-animation-timing-function: ease-out; +} +#page-header.nav-fixed.nav-visible #name-container { + z-index: 100; + top: 60px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +#page-header.nav-fixed #nav #page-name:hover { + color: var(--anzhiyu-main); +} +@media screen and (min-width: 900px) { + #page-header.nav-fixed #nav #page-name::after { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + content: "回到顶部"; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -o-transition: 0.2s; + -ms-transition: 0.2s; + transition: 0.2s; + position: absolute; + left: 0; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + margin: auto; + color: var(--anzhiyu-white) !important; + font-weight: 700; + line-height: 2; + } +} +@media screen and (min-width: 1200px) { + #page-header.nav-fixed #nav #page-name:hover:after { + opacity: 1; + -ms-filter: none; + filter: none; + } + #page-header.nav-fixed #nav #page-name:hover { + background: var(--anzhiyu-main); + } +} +#page-header #nav #page-name { + display: inline; + font-weight: bold; + padding: 4px 8px; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transition: 0.1s; + -moz-transition: 0.1s; + -o-transition: 0.1s; + -ms-transition: 0.1s; + transition: 0.1s; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + position: relative; + text-align: center; + cursor: pointer; + top: 0; + font-size: 1.1rem; + -webkit-animation-timing-function: ease-in; + -moz-animation-timing-function: ease-in; + -o-animation-timing-function: ease-in; + -ms-animation-timing-function: ease-in; + animation-timing-function: ease-in; + -webkit-animation-timing-function: ease-in; +} +#menus > div.menus_items > div > a { + letter-spacing: 0.3rem; + font-weight: 700; + padding: 0em 0.8em 0em 1em; + height: 35px; + line-height: 35px; + -webkit-transition: color 0s !important; + -moz-transition: color 0s !important; + -o-transition: color 0s !important; + -ms-transition: color 0s !important; + transition: color 0s !important; +} +#nav div#toggle-menu { + padding: 2px 0 4px 6px; +} +#page-name:hover:before { + opacity: 1; + -ms-filter: none; + filter: none; +} +::backdrop { + display: block; + position: fixed; + top: 0px; +} +.mask-name-container { + width: 100%; + height: 100%; + position: absolute; + overflow: hidden; + left: 0; +} +#nav .menus_items .menus_item > a > i:last-child { + display: none; +} +#nav #search-button { + font-size: 1.3em; +} +.back-home-button:hover { + background: var(--anzhiyu-main); + color: var(--anzhiyu-white) !important; +} +.back-home-button { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + width: 35px; + height: 35px; + padding: 0 !important; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + margin-right: 4px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + border-radius: 8px; +} +.back-home-button:hover .back-menu-list-groups { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + top: 55px; + pointer-events: auto; + left: 0rem; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); +} +.back-home-button .back-menu-list-groups { + position: absolute; + top: 45px; + -webkit-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + -ms-transform: scale(0.8); + transform: scale(0.8); + -webkit-transform-origin: top left; + -moz-transform-origin: top left; + -o-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + left: 0rem; + background-color: var(--anzhiyu-maskbgdeep); + border-radius: 12px; + border: var(--style-border); + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + font-size: 12px; + color: var(--anzhiyu-secondtext); + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); + -webkit-transition: 0.1s; + -moz-transition: 0.1s; + -o-transition: 0.1s; + -ms-transition: 0.1s; + transition: 0.1s; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + pointer-events: none; + backdrop-filter: blur(20px); +} +.back-home-button .back-menu-list-group { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.back-home-button .back-menu-list-group .back-menu-list-title { + margin: 8px 0 0 16px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +.back-home-button .back-menu-list { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 340px; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; +} +.back-home-button .back-menu-list::before { + position: absolute; + top: -24px; + left: 0px; + width: 100%; + height: 25px; + content: ""; + -webkit-transition: 0s; + -moz-transition: 0s; + -o-transition: 0s; + -ms-transition: 0s; + transition: 0s; +} +.back-home-button .back-menu-list-groups .back-menu-list-group:last-child .back-menu-list { + margin: 0 0 8px; +} +.back-home-button .back-menu-list-group:hover .back-menu-list-title { + color: var(--anzhiyu-main); +} +.back-home-button .back-menu-list-groups:hover { + border: var(--style-border-hover); +} +.back-home-button .back-menu-list .back-menu-item { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + margin: 4px 8px; + padding: 4px 8px !important; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + width: 150px; + border-radius: 8px !important; + -webkit-transition: 0.2s !important; + -moz-transition: 0.2s !important; + -o-transition: 0.2s !important; + -ms-transition: 0.2s !important; + transition: 0.2s !important; +} +.back-menu-list-groups .back-menu-list .back-menu-item .back-menu-item-text { + font-size: var(--global-font-size); + margin-left: 0.5rem; + color: var(--anzhiyu-fontcolor); + white-space: nowrap; +} +@media screen and (max-width: 768px) { + .back-menu-list-groups .back-menu-list .back-menu-item .back-menu-item-text { + font-size: 14px; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } +} +.back-menu-list-groups .back-menu-list .back-menu-item .back-menu-item-icon { + width: 24px; + height: 24px; + border-radius: 24px; + background: var(--anzhiyu-secondbg); +} +#page-header #nav .back-home-button { + cursor: pointer; + position: relative; +} +#page-header:not(.not-top-img) #nav .back-home-button { + color: var(--light-grey); +} +#page-header.nav-fixed:not(.not-top-img) #nav .back-home-button { + color: var(--font-color); +} +.back-home-button .back-menu-list .back-menu-item:hover .back-menu-item-text { + color: var(--anzhiyu-white); +} +.back-menu-item-icon.loading img { + width: 25px; +} +#page-header #nav #menus .nav-button.long a.totopbtn span { + border-radius: 35px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + white-space: nowrap; +} +#page-header #nav #menus .nav-button.long a.totopbtn:hover { + border-radius: 35px; + height: 30px; +} +#nav #search-button { + padding-left: 0; +} +#search-button a.site-page.social-icon.search span { + display: none; +} +#nav .nav-button a:hover { + color: var(--anzhiyu-white) !important; +} +#menus > div.menus_items a { + font-weight: bold; +} +#menus .menus_item .menus_item_child .site-page.child.faa-parent.animated-hover .anzhiyu-icon-fan.faa-tada { + -webkit-animation: rotate 1.6s linear infinite; + -moz-animation: rotate 1.6s linear infinite; + -o-animation: rotate 1.6s linear infinite; + -ms-animation: rotate 1.6s linear infinite; + animation: rotate 1.6s linear infinite; +} +#nav-right { + z-index: 102; + position: absolute; + right: 0; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + height: 100%; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +#nav #blog_name { + -webkit-box-lines: single; + -moz-box-lines: single; + -o-box-lines: single; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + height: 60px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + z-index: 102; +} +#blog_name #site-name i { + position: absolute; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + font-size: 1rem; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); +} +#blog_name #site-name:hover .title { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); +} +#blog_name #site-name .title { + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + letter-spacing: normal; + font-size: 1.2rem; + padding: 0 5px; + line-height: 2rem; + -webkit-transition: color 0s; + -moz-transition: color 0s; + -o-transition: color 0s; + -ms-transition: color 0s; + transition: color 0s; +} +.post #blog_name #site-name .title { + -webkit-transition: 0s; + -moz-transition: 0s; + -o-transition: 0s; + -ms-transition: 0s; + transition: 0s; +} +#blog_name #site-name:hover i { + color: #fff; + opacity: 1; + -ms-filter: none; + filter: none; +} +#page-header #nav #nav-right .nav-button a i, +#page-header #nav #nav-left .nav-button a i { + line-height: 1; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +#page-header #nav #nav-right .nav-button a:hover i, +#page-header #nav #nav-left .nav-button a:hover i { + color: var(--anzhiyu-white); + -webkit-transition: background 0.35s ease-in-out, color 0.2s ease-in-out; + -moz-transition: background 0.35s ease-in-out, color 0.2s ease-in-out; + -o-transition: background 0.35s ease-in-out, color 0.2s ease-in-out; + -ms-transition: background 0.35s ease-in-out, color 0.2s ease-in-out; + transition: background 0.35s ease-in-out, color 0.2s ease-in-out; +} +@media screen and (max-width: 768px) { + [data-theme="dark"] #page-header #nav #nav-right .nav-button a i, + [data-theme="dark"] #page-header #nav #nav-left .nav-button a i, + [data-theme="dark"] #page-header.nav-fixed:not(.not-top-img) #nav .back-home-button { + color: #c9c9c9 !important; + } +} +#nav-totop { + width: 35px; + height: 35px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + border-radius: 50px; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: distribute; + -moz-box-pack: distribute; + -o-box-pack: distribute; + -ms-flex-pack: distribute; + -webkit-justify-content: space-around; + justify-content: space-around; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} +#page-header #nav #nav-right .nav-button a.totopbtn { + width: 25px; + height: 25px; + border-radius: 40px; + background: var(--font-color); + color: var(--card-bg); + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} +#page-header #nav #nav-right .nav-button:not(.long) a.totopbtn:hover { + height: 35px; + width: 35px; +} +#page-header #nav #nav-right .nav-button:not(.long):hover a.totopbtn { + width: 35px; + height: 35px; + top: 0; + right: 0; +} +#page-header #nav .nav-button a { + height: 35px; + width: 35px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-transition: background 0.3s ease-in-out, color 0s ease-in-out; + -moz-transition: background 0.3s ease-in-out, color 0s ease-in-out; + -o-transition: background 0.3s ease-in-out, color 0s ease-in-out; + -ms-transition: background 0.3s ease-in-out, color 0s ease-in-out; + transition: background 0.3s ease-in-out, color 0s ease-in-out; +} +.nav-fixed #nav-totop #percent, +.page #nav-totop #percent { + font-size: 13px; + border-radius: 35px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + white-space: nowrap; + color: var(--card-bg); + width: 25px; + height: 25px; +} +#nav-totop #percent { + font-weight: 700; +} +#page-header #nav #nav-right .nav-button:hover a.totopbtn { + background: var(--anzhiyu-main); +} +#nav-totop:hover .totopbtn i { + opacity: 1; + -ms-filter: none; + filter: none; + color: var(--anzhiyu-white); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +#nav-totop .totopbtn i { + position: absolute; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); +} +#nav-totop.long .totopbtn i { + font-size: 1rem; +} +#nav-totop:hover #percent { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); + font-weight: 700; +} +#page-header:not(.nav-fixed) #nav-totop { + width: 0; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -o-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + margin-left: 0 !important; + overflow: hidden; + -webkit-transition: 0.3s ease-in; + -moz-transition: 0.3s ease-in; + -o-transition: 0.3s ease-in; + -ms-transition: 0.3s ease-in; + transition: 0.3s ease-in; +} +#page-header #nav #nav-right .nav-button.long, +#page-header #nav #nav-right .nav-button.long a.totopbtn, +#page-header #nav #nav-right .nav-button.long a.totopbtn span { + width: 70px; +} +#page-header #nav #nav-right .long#nav-totop:hover { + background-color: transparent; +} +@media screen and (max-width: 1390px) { + #nav { + padding: 0 1.5rem; + } + #nav .mask-name-container { + padding: 0 1.5rem; + } + div#menus { + padding: 0 1.5rem; + } +} +@media screen and (min-width: 900px) { + #nav .back-home-button:hover { + -webkit-box-shadow: var(--anzhiyu-shadow-main); + box-shadow: var(--anzhiyu-shadow-main); + } +} +@media screen and (max-width: 768px) { + .mask-name-container { + display: none; + } + #menus { + padding: 20px; + } + #page-header.not-top-img { + margin-bottom: 10px; + } + #nav { + border-bottom: none; + background: var(--anzhiyu-background); + } + #page-header #nav #nav-right div { + margin-left: 0.5rem; + } +} +@media screen and (min-width: 768px) { + .menus_item:hover > a.site-page { + color: var(--anzhiyu-white) !important; + background: var(--anzhiyu-main); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + -webkit-box-shadow: var(--anzhiyu-shadow-main); + box-shadow: var(--anzhiyu-shadow-main); + } +} +#pagination .toPageGroup { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + position: relative; + margin: 0; + -webkit-box-shadow: none; + box-shadow: none; + width: auto; +} +#pagination .toPageGroup:hover { + background: none; +} +#pagination .pagination { + text-align: center; +} +#pagination .pagination .extend.next .pagination_tips_next { + margin-left: -32px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); +} +#pagination .page-number.current { + background: #425aef; + color: var(--white); +} +#pagination .pagination-info { + position: absolute; + top: 50%; + padding: 20px 40px; + width: 100%; + -webkit-transform: translate(0, -50%); + -moz-transform: translate(0, -50%); + -o-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); +} +#pagination .prev_info, +#pagination .next_info { + color: var(--white); + font-weight: 500; +} +#pagination .next-post .pagination-info { + text-align: right; +} +#pagination .pull-full { + width: 100% !important; +} +#pagination .prev-post .label, +#pagination .next-post .label { + color: var(--light-grey); + text-transform: uppercase; + font-size: 90%; +} +#pagination .prev-post, +#pagination .next-post { + width: 50%; +} +@media screen and (max-width: 768px) { + #pagination .prev-post, + #pagination .next-post { + width: 100%; + } +} +#pagination .prev-post a, +#pagination .next-post a { + position: relative; + display: block; + overflow: hidden; + height: 150px; +} +#pagination.pagination-post { + overflow: hidden; + margin-top: 1.25rem; + width: 100%; + background: #000; + border-radius: 10px; +} +@media screen and (max-width: 768px) { + #pagination .toPageGroup { + display: none; + } + #pagination .page-number { + display: none !important; + } + #pagination .space { + display: none !important; + } + #pagination .pagination .extend.next { + width: 100%; + height: 3rem; + margin: 0; + border-radius: 12px; + line-height: 3rem; + background: var(--anzhiyu-card-bg); + border: var(--style-border-always); + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); + margin: 0 20px; + } + #pagination .pagination .extend.next:hover { + background: var(--anzhiyu-theme); + color: var(--anzhiyu-white); + } + #pagination .pagination .extend.next i { + display: none; + } + #pagination .pagination .extend.next .pagination_tips_next { + opacity: 1; + -ms-filter: none; + filter: none; + margin-left: 0; + } + #pagination .pagination .extend.prev { + width: 100%; + height: 3rem; + border-radius: 12px; + line-height: 3rem; + background: var(--anzhiyu-card-bg); + border: var(--style-border-always); + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); + margin: 0 20px; + } + #pagination .pagination .extend.prev i { + display: none; + } + #pagination .pagination .extend.prev .pagination_tips_prev { + opacity: 1; + -ms-filter: none; + filter: none; + margin-right: 0; + } +} +.layout > .recent-posts .pagination > *:not(pangu) { + display: inline-block; + width: 2.5em; + height: 2.5em; + line-height: 2.5em; +} +.layout > .recent-posts .pagination > *:not(.space):not(pangu) { + -webkit-transition: 0s; + -moz-transition: 0s; + -o-transition: 0s; + -ms-transition: 0s; + transition: 0s; +} +.layout > div:not(.recent-posts) .pagination .page-number { + display: inline-block; + margin: 0 4px; + min-width: 2.5em; + height: 2.5em; + text-align: center; + line-height: 2.5em; + cursor: pointer; +} +@media screen and (min-width: 1200px) { + #pagination a.extend.next:hover, + #pagination a.extend.prev:hover { + -webkit-transform: scale(1.03); + -moz-transform: scale(1.03); + -o-transform: scale(1.03); + -ms-transform: scale(1.03); + transform: scale(1.03); + } +} +@media screen and (min-width: 768px) { + #pagination .page-number.current:hover { + background: var(--anzhiyu-theme); + -webkit-box-shadow: var(--anzhiyu-shadow-theme); + box-shadow: var(--anzhiyu-shadow-theme); + color: var(--anzhiyu-white); + } + #pagination a.extend.next:hover, + #pagination a.extend.prev:hover { + color: var(--anzhiyu-theme); + border: var(--style-border-hover); + -webkit-transform: scale(1.03); + -moz-transform: scale(1.03); + -o-transform: scale(1.03); + -ms-transform: scale(1.03); + transform: scale(1.03); + } + nav#pagination { + overflow: visible; + } + #pagination .page-number.current { + background: var(--anzhiyu-theme); + border: var(--style-border-hover); + -webkit-box-shadow: var(--anzhiyu-shadow-theme); + box-shadow: var(--anzhiyu-shadow-theme); + } + #pagination a.extend.next { + overflow: hidden; + height: 2.5em; + line-height: 2.5em; + } + #pagination a.extend.next, + #pagination a.extend.prev { + width: 5rem !important; + line-height: 1.9rem !important; + border-radius: 8px !important; + background: var(--anzhiyu-card-bg); + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); + border: var(--style-border); + display: -webkit-box !important; + display: -moz-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: box !important; + display: flex !important; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + overflow: hidden; + -webkit-transition: all 0.3s, color 0s; + -moz-transition: all 0.3s, color 0s; + -o-transition: all 0.3s, color 0s; + -ms-transition: all 0.3s, color 0s; + transition: all 0.3s, color 0s; + position: absolute; + } + #pagination .page-number { + background: var(--anzhiyu-card-bg); + border-radius: 8px !important; + margin: 0 0.3rem; + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); + border: var(--style-border); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + } + #pagination .page-number:hover { + color: var(--anzhiyu-theme); + border: var(--style-border-hover); + -webkit-box-shadow: var(--anzhiyu-shadow-main); + box-shadow: var(--anzhiyu-shadow-main); + } +} +#pagination .pagination { + position: relative; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +#pagination a.extend.next:hover .pagination_tips_next { + margin-left: 2px; + opacity: 1; + -ms-filter: none; + filter: none; + white-space: nowrap; +} +#pagination a.extend.prev .pagination_tips_prev { + margin-right: -32px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); +} +#pagination a.extend.prev:hover .pagination_tips_prev { + margin-right: 2px; + opacity: 1; + -ms-filter: none; + filter: none; + white-space: nowrap; +} +a.extend.prev { + left: 0; +} +a.extend.next { + right: 0; +} +#pagination { + overflow: hidden; + margin-top: 1rem; + width: 100%; +} +@media screen and (max-width: 768px) { + #site-name { + padding: 0 !important; + } +} +#pagination .pagination input { + width: 2.5em; + height: 2.5em; + border-radius: 8px; + border: var(--style-border-always); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + outline-style: none; + font-size: 16px; + padding-left: 12px; +} +a#toPageButton { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + position: absolute; + width: 2.5em; + height: 2.5em; + right: 0px; + top: 0px; + border-radius: 8px; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + background: var(--anzhiyu-card-bg); + border: var(--style-border-always); + cursor: pointer; +} +#pagination .pagination .toPageGroup:hover input, +#pagination .pagination .toPageGroup input:focus { + border: var(--style-border-hover-always); + outline-style: none; + width: 100px; +} +#pagination .toPageGroup:hover a#toPageButton, +#pagination .toPageGroup:focus-within a#toPageButton { + width: 30px; + height: 30px; + right: 4px; + top: 5px; + background: var(--anzhiyu-secondbg); + border: 1px solid var(--anzhiyu-none); + border-radius: 4px; +} +blockquote { + border: var(--style-border-always); + background-color: var(--anzhiyu-secondbg); + color: var(--anzhiyu-secondtext); + border-radius: 8px; + margin: 1rem 0; + padding: 0.5rem 0.8rem; +} +#article-container { + word-wrap: break-word; + overflow-wrap: break-word; +} +#article-container h1 .post-content, +#article-container h2 .post-content, +#article-container h3 .post-content, +#article-container h4 .post-content, +#article-container h5 .post-content, +#article-container h6 .post-content { + line-height: 1.6; + border-top: 1px dashed var(--anzhiyu-theme-op); + padding-top: 1.5rem; + padding-left: 0; +} +#article-container a { + color: var(--anzhiyu-fontcolor); +} +#article-container a:hover { + text-decoration: underline; +} +#article-container img { + display: block; + margin: 0 auto 20px; + max-width: 100%; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + border-radius: 8px; +} +#article-container p { + margin: 0 0 16px; +} +#article-container iframe { + margin: 0 0 20px; + border-radius: 12px; +} +#article-container kbd { + margin: 0 3px; + padding: 3px 5px; + border: 1px solid #b4b4b4; + border-radius: 3px; + background-color: #f8f8f8; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25), 0 2px 1px 0 rgba(255,255,255,0.6) inset; + box-shadow: 0 1px 3px rgba(0,0,0,0.25), 0 2px 1px 0 rgba(255,255,255,0.6) inset; + color: #34495e; + white-space: nowrap; + font-weight: 600; + font-size: 0.9em; + font-family: Monaco, 'Ubuntu Mono', monospace; + line-height: 1em; +} +#article-container h1 .headerlink { + float: right; + opacity: 0.08; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; + filter: alpha(opacity=8); + position: relative; + padding: 0px; + border: none; + line-height: 2; + font-size: 2rem; + border-radius: 8px !important; + text-decoration: none; + font-weight: 700; +} +#article-container h1 .headerlink::before { + font-size: 2rem; +} +#article-container > :first-child:is(h2) { + border-top: none; + padding-top: 0; + margin-top: 0; +} +#article-container h2 .headerlink { + float: right; + opacity: 0.08; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; + filter: alpha(opacity=8); + position: relative; + padding: 0px; + border: none; + line-height: 2; + font-size: 1.8rem; + border-radius: 8px !important; + text-decoration: none; + font-weight: 700; +} +#article-container h2 .headerlink::before { + font-size: 1.8rem; +} +#article-container h3 .headerlink, +#article-container h4 .headerlink, +#article-container h5 .headerlink, +#article-container h6 .headerlink { + float: right; + opacity: 0.08; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; + filter: alpha(opacity=8); + position: relative; + padding: 0px; + border: none; + line-height: 2; + font-size: 1.3rem; + border-radius: 8px !important; + text-decoration: none; + font-weight: 700; +} +#article-container h3 .headerlink::before, +#article-container h4 .headerlink::before, +#article-container h5 .headerlink::before, +#article-container h6 .headerlink::before { + font-size: 1.3rem; +} +#article-container a.headerlink::before { + content: '\f0c1'; + float: right; + color: var(--headline-presudo); + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -ms-transition: all 0.3s; + transition: all 0.3s; +} +#article-container a.headerlink:hover:after { + color: var(--pseudo-hover); +} +#article-container a.headerlink h1:hover a.headerlink:after, +#article-container a.headerlink h2:hover a.headerlink:after, +#article-container a.headerlink h3:hover a.headerlink:after, +#article-container a.headerlink h4:hover a.headerlink:after, +#article-container a.headerlink h5:hover a.headerlink:after, +#article-container a.headerlink h6:hover a.headerlink:after { + opacity: 1; + -ms-filter: none; + filter: none; +} +#article-container ol ol, +#article-container ul ol, +#article-container ol ul, +#article-container ul ul { + padding-left: 20px; +} +#article-container ol li, +#article-container ul li { + margin: 4px 0; +} +#article-container ol p, +#article-container ul p { + margin: 0 0 8px; +} +#article-container.post-content h1:before { + margin-left: -26px; + font-size: 20px; +} +#article-container.post-content h1:hover:before { + color: #425aef; +} +#article-container.post-content h2:before { + margin-left: -24px; + font-size: 18px; +} +#article-container.post-content h2:hover:before { + color: #425aef; +} +#article-container.post-content h3:before { + margin-left: -22px; + font-size: 16px; +} +#article-container.post-content h3:hover:before { + color: #425aef; +} +#article-container.post-content h4:before { + margin-left: -20px; + font-size: 14px; +} +#article-container.post-content h4:hover:before { + color: #425aef; +} +#article-container.post-content h5:before { + margin-left: -18px; + font-size: 12px; +} +#article-container.post-content h5:hover:before { + color: #425aef; +} +#article-container.post-content h6:before { + margin-left: -18px; + font-size: 12px; +} +#article-container.post-content h6:hover:before { + color: #425aef; +} +#article-container.post-content ol p, +#article-container.post-content ul p { + margin: 0 0 8px; +} +#article-container.post-content li::marker { + color: #425aef; + font-weight: 600; + font-size: 1.05em; +} +#article-container.post-content li:hover::marker { + color: var(--pseudo-hover); +} +#article-container > :last-child { + margin-bottom: 0 !important; +} +@media screen and (max-width: 768px) { + #post { + background: var(--anzhiyu-background) !important; + border: none; + } +} +#post .post_share { + margin: 8px 0 0; + width: fit-content; + min-width: 205px; +} +#post .tag_share { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + width: 100%; +} +#post .tag_share .post-meta__box { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; +} +#post .tag_share .post-meta__box__tag-list, +#post .tag_share .post-meta__box__category-list { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + width: 100%; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +#post .tag_share .post-meta__box__tags, +#post .tag_share .post-meta__box__categoryes { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + padding: 4px 12px; + width: fit-content; + border-radius: 8px; + font-size: 0.85em; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +@media screen and (max-width: 768px) { + #post .tag_share .post-meta__box__tags, + #post .tag_share .post-meta__box__categoryes { + margin: 4px 8px 4px 0 !important; + } +} +#post .tag_share .post-meta__box__tags { + margin: 0px 8px 0px 0; +} +#post .tag_share .post-meta__box__categoryes { + margin: 0px 8px 4px 0; +} +#post .tag_share .post-meta__box__categoryes:hover { + background: #425aef; + color: var(--white); +} +#post .tag_share .post-meta .social-share { + font-size: 0.85em; +} +#post .tag_share .post-meta .social-share .social-share-icon { + margin: 0 4px; + width: 1.85em; + height: 1.85em; + font-size: 1.2em; + line-height: 1.85em; +} +#post .post-copyright { + background: var(--anzhiyu-secondbg); + padding: 1rem 1.3rem; + border: var(--style-border); + border-width: 1px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + position: relative; + margin: 80px 0 30px; + border-radius: 12px; +} +#post .post-copyright .copyright-cc-box { + position: absolute; + right: 0; + overflow: hidden; + width: 100%; + height: 100%; + top: 0; + pointer-events: none; +} +#post .post-copyright__author_box { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-top: 1.5rem; +} +#post .post-copyright__author_box .post-copyright__author_img { + width: 66px; + height: 66px; + margin: auto; + border-radius: 66px; + overflow: hidden; + position: absolute; + left: calc(50% - 33px); + top: -33px; + border: var(--style-border-always); + -webkit-box-shadow: var(--anzhiyu-shadow-main); + box-shadow: var(--anzhiyu-shadow-main); +} +#post .post-copyright__author_box .post-copyright__author_img:hover img.post-copyright__author_img_back { + z-index: 21; + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -o-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} +#post .post-copyright__author_box .post-copyright__author_img img.post-copyright__author_img_front { + z-index: 20; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +#post .post-copyright__author_box .post-copyright__author_img img.post-copyright__author_img_back { + border-radius: 66px; + z-index: 10; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +#post .post-copyright__author_box .post-copyright__author_img img { + position: absolute; + bottom: 0; + left: 0; +} +#post .post-copyright__author_box .post-copyright__author_name { + text-align: center; + font-size: 20px; + font-weight: 700; + color: var(--anzhiyu-fontcolor); + line-height: 1; +} +#post .post-copyright__author_box .post-copyright__author_desc { + text-align: center; + font-size: 14px; + color: var(--anzhiyu-secondtext); + margin-top: 4px; +} +#post .post-copyright__post__info { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + margin-top: 0.2rem; +} +#post .post-copyright__original, +#post .post-copyright__reprint { + background: var(--anzhiyu-main); + color: var(--anzhiyu-wihite-font); + padding: 0.2rem 1rem; + font-size: 0.8rem; + border-radius: 8px; + margin-right: 0.5rem; + font-weight: bold; + line-height: 1.5; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +#post .post-copyright .anzhiyufont.anzhiyu-icon-copyright { + position: absolute; + font-size: 1.3em; + top: -71px; + right: -20px; + font-size: 8.3em; + z-index: -1; + color: var(--anzhiyu-main); +} +@media screen and (min-width: 1365px) { + #post .post-copyright .anzhiyufont.anzhiyu-icon-copyright { + z-index: 0; + } +} +#post .post-copyright-title { + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + font-weight: 500; + max-width: 70%; +} +#post .post-copyright-title span { + cursor: pointer; +} +#post .post-copyright-title:hover { + color: var(--anzhiyu-fontcolor); +} +#post .post-copyright .post-copyright__notice { + font-size: 12px; +} +#post .post-copyright .post-copyright__notice .post-copyright-info { + padding-left: 0; + color: var(--anzhiyu-secondtext); + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + text-align: center; +} +@media screen and (max-width: 768px) { + #post .post-copyright .post-copyright__notice .post-copyright-info { + -webkit-line-clamp: 2; + } +} +#post .post-copyright .post-copyright__notice .post-copyright-info a:hover { + color: var(--anzhiyu-main); +} +#post .post-outdate-notice { + position: relative; + margin: 0 0 20px; + padding: 0.5em 1.2em; + border-radius: 3px; + background-color: #ffe6e6; + color: #f66; + padding: 0.5em 1em 0.5em 2.6em; + border-left: 5px solid #ff8080; +} +#post .post-outdate-notice:before { + content: '\e66f'; + position: absolute; + top: 50%; + left: 0.9em; + color: #ff8080; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} +#post .ads-wrap { + margin: 40px 0; +} +#post #content-inner.layout #article-container h1, +#post #content-inner.layout #article-container h2, +#post #content-inner.layout #article-container h3, +#post #content-inner.layout #article-container h4, +#post #content-inner.layout #article-container h5, +#post #content-inner.layout #article-container h6 { + padding-left: 0; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -webkit-box-direction: reverse; + -moz-box-direction: reverse; + -o-box-direction: reverse; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.post-ai-description { + background: var(--anzhiyu-secondbg); + border-radius: 12px; + padding: 12px 16px; + line-height: 1.3; + border: var(--style-border-always); + margin-bottom: 10px; +} +.ai-title { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + color: var(--font-color); + border-radius: 8px; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + padding: 0 5px; +} +.ai-title i { + font-weight: 800; + font-size: 20px; + line-height: 20px; + height: 20px; +} +.ai-title .anzhiyufont.anzhiyu-icon-circle-dot { + margin-left: auto; + margin-right: 4px; + font-size: 14px; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); +} +.ai-title .anzhiyufont.anzhiyu-icon-circle-dot:active { + -webkit-transform: scale(0.97); + -moz-transform: scale(0.97); + -o-transform: scale(0.97); + -ms-transform: scale(0.97); + transform: scale(0.97); +} +.ai-title .anzhiyufont.anzhiyu-icon-arrow-rotate-right { + font-size: 14px; + margin-left: 4px; + cursor: pointer; +} +.ai-title .ai-title-text { + font-weight: bold; + margin-left: 8px; +} +#ai-tag { + font-size: 12px; + background-color: var(--anzhiyu-lighttext); + color: rgba(255,255,255,0.9); + border-radius: 4px; + line-height: 1; + padding: 4px 5px; + cursor: pointer; +} +#ai-Toggle { + font-size: 12px; + background: var(--anzhiyu-lighttext); + color: var(--anzhiyu-card-bg); + padding: 4px; + border-radius: 4px; + margin-left: 6px; + -webkit-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + -ms-transform: scale(0.8); + transform: scale(0.8); + cursor: pointer; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + font-weight: bold; +} +#ai-Toggle:hover { + background: var(--anzhiyu-fontcolor); + color: var(--anzhiyu-card-bg); +} +#go-tianli-blog { + display: none; +} +.ai-explanation { + margin-top: 12px; + padding: 8px 12px; + background: var(--anzhiyu-card-bg); + border-radius: 8px; + border: var(--style-border-always); + font-size: 15px; + line-height: 1.4; +} +.ai-cursor { + display: inline-block; + width: 7px; + background: #333; + height: 16px; + margin-bottom: -2px; + opacity: 0.95; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; + filter: alpha(opacity=95); + margin-left: 3px; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -ms-transition: all 0.3s; + transition: all 0.3s; +} +[data-theme="dark"] .ai-cursor { + background: #fff; +} +.ai-btn-box { + font-size: 15.5px; + width: 100%; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.ai-btn-item { + padding: 5px 10px; + margin: 10px 16px 0px 5px; + width: fit-content; + line-height: 1; + background: var(--anzhiyu-main); + color: #fff; + border-radius: 6px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -ms-transition: all 0.3s; + transition: all 0.3s; + cursor: pointer; +} +.ai-btn-item:hover { + background: var(--anzhiyu-theme); +} +.ai-recommend { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.ai-recommend .ai-recommend-item { + width: calc(50% - 20px); + margin: 10px; + background: var(--anzhiyu-secondbg); + border-radius: 4px; + padding: 10px; + cursor: pointer; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + -webkit-animation: slide-in 0.6s 0.1s backwards; + -moz-animation: slide-in 0.6s 0.1s backwards; + -o-animation: slide-in 0.6s 0.1s backwards; + -ms-animation: slide-in 0.6s 0.1s backwards; + animation: slide-in 0.6s 0.1s backwards; +} +.ai-recommend .ai-recommend-item span.index { + padding: 4px; +} +.ai-recommend .ai-recommend-item:hover { + color: var(--anzhiyu-white); + background: var(--anzhiyu-theme); +} +.ai-recommend .ai-recommend-item:hover a { + color: var(--anzhiyu-white); +} +@media screen and (max-width: 768px) { + .ai-btn-box { + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + .ai-recommend .ai-recommend-item { + width: 100%; + } +} +.post-tools { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + width: 100%; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +.post-tools .post-tools-left { + white-space: nowrap; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 0.5rem; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +.post-tools .post-tools-left .rewardLeftButton, +.post-tools .post-tools-left .shareRight { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + margin: 10px; +} +@media screen and (max-width: 768px) { + .post-tools .post-tools-left { + margin-top: 1rem; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + width: 100%; + } + .post-tools .post-tools-left > div { + margin: 8px; + } +} +.post-tools-right { + padding-right: 0px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + margin-bottom: 0.5rem; +} +@media screen and (max-width: 768px) { + .post-tools-right { + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.share-link { + margin-left: 0.5rem; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + text-align: center; +} +.share-link.mobile:hover .share-button { + background: var(--anzhiyu-green); + border-color: var(--anzhiyu-green); + -webkit-box-shadow: var(--anzhiyu-shadow-green); + box-shadow: var(--anzhiyu-shadow-green); + color: var(--anzhiyu-white); +} +.share-link.mobile:hover .share-main { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); +} +.share-link .share-qrcode { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +.share-link .share-button { + background: var(--anzhiyu-card-bg); + border: var(--style-border); + color: var(--anzhiyu-fontcolor); + border-radius: 8px; + cursor: pointer; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + width: 56px; + height: 40px; +} +.share-link .share-button:hover { + background: var(--anzhiyu-main); + border-color: var(--anzhiyu-main); + color: var(--anzhiyu-white); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + -webkit-box-shadow: var(--anzhiyu-shadow-blue); + box-shadow: var(--anzhiyu-shadow-blue); +} +.share-link .share-button i { + line-height: 38px; + font-size: 1.1rem; +} +.share-link .share-main { + position: absolute; + bottom: 40px; + z-index: 100; + padding-bottom: 15px; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + pointer-events: none; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + -webkit-transform: translateY(8px); + -moz-transform: translateY(8px); + -o-transform: translateY(8px); + -ms-transform: translateY(8px); + transform: translateY(8px); +} +.share-link .share-main .share-main-all { + padding: 12px; + border-radius: 12px; + background: var(--anzhiyu-background); + -webkit-animation: donate_effcet 0.3s 0.1s ease both; + -moz-animation: donate_effcet 0.3s 0.1s ease both; + -o-animation: donate_effcet 0.3s 0.1s ease both; + -ms-animation: donate_effcet 0.3s 0.1s ease both; + animation: donate_effcet 0.3s 0.1s ease both; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border: var(--style-border-always); +} +.share-link .share-main .share-main-all #qrcode { + width: 150px; + height: 150px; + min-width: 150px; + min-height: 150px; + background: var(--anzhiyu-white); + padding: 8px; + border-radius: 8px; + margin-bottom: 8px; + border: var(--style-border-always); +} +.share-link .share-main .share-main-all .reward-dec { + font-size: 12px; +} +.post-tools .post-tools-left > div { + margin: 0; +} +.post-tools .post-tools-left { + width: auto; +} +.relatedPosts { + margin-top: 1.25rem; +} +.relatedPosts > .headline { + margin-bottom: 5px; + font-weight: 700; + font-size: 1.43em; +} +.relatedPosts > .relatedPosts-list > div { + position: relative; + display: inline-block; + overflow: hidden; + margin: 3px; + width: calc(33.333% - 6px); + height: 200px; + background: #000; + vertical-align: bottom; +} +@media screen and (max-width: 768px) { + .relatedPosts > .relatedPosts-list > div { + margin: 2px; + width: calc(50% - 4px); + height: 150px; + } +} +@media screen and (max-width: 600px) { + .relatedPosts > .relatedPosts-list > div { + width: calc(100% - 4px); + } +} +.relatedPosts > .relatedPosts-list .content { + position: absolute; + top: 50%; + padding: 0 20px; + width: 100%; + -webkit-transform: translate(0, -50%); + -moz-transform: translate(0, -50%); + -o-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.relatedPosts > .relatedPosts-list .content .date { + color: var(--light-grey); + font-size: 90%; +} +.relatedPosts > .relatedPosts-list .content .title { + color: var(--white); + -webkit-line-clamp: 2; +} +.post-reward { + position: relative; + text-align: center; + margin-top: 0rem; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +.post-reward:hover .reward-button { + color: var(--anzhiyu-white); + background: var(--anzhiyu-theme); + -webkit-box-shadow: none; + box-shadow: none; +} +.post-reward:hover .reward-main { + display: -webkit-box !important; + display: -moz-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: box !important; + display: flex !important; + -webkit-box-pack: left; + -moz-box-pack: left; + -o-box-pack: left; + -ms-flex-pack: left; + -webkit-justify-content: left; + justify-content: left; +} +.post-reward > * { + pointer-events: auto; +} +.post-reward .reward-button { + border-radius: 8px; + background: var(--anzhiyu-red); + color: var(--anzhiyu-white); + padding: 0; + margin-right: 0.5rem; + width: 126px; + height: 40px; + line-height: 39px; + -webkit-box-shadow: var(--anzhiyu-shadow-red); + box-shadow: var(--anzhiyu-shadow-red); + display: inline-block; + cursor: pointer; + -webkit-transition: all 0.4s ease 0s; + -moz-transition: all 0.4s ease 0s; + -o-transition: all 0.4s ease 0s; + -ms-transition: all 0.4s ease 0s; + transition: all 0.4s ease 0s; +} +.post-reward .reward-main { + position: absolute; + bottom: 40px; + left: -70%; + z-index: 90; + display: none; + padding: 0px 0px 15px; + width: 100%; +} +.post-reward .reward-main .reward-all { + border-radius: 12px; + background: var(--anzhiyu-background); + border: var(--style-border-always); + padding: 0.8rem; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + margin: 0px; + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +.post-reward .reward-main .reward-all::before { + position: absolute; + bottom: -10px; + left: 0px; + width: 100%; + height: 20px; + content: ""; +} +.post-reward .reward-main .reward-all .reward-title { + font-weight: bold; + color: var(--anzhiyu-red); +} +.post-reward .reward-main .reward-all .reward-group { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + margin-top: 0.5rem; + padding: 0; +} +.post-reward .reward-main .reward-all .reward-group .reward-item { + display: inline-block; + padding: 0px 8px; + list-style-type: none; + vertical-align: top; +} +.post-reward .reward-main .reward-all .reward-group .reward-item .post-qr-code-img { + -webkit-box-shadow: var(--anzhiyu-shadow-lightblack); + box-shadow: var(--anzhiyu-shadow-lightblack); + border-radius: 12px; + border: var(--style-border-always); +} +.post-reward .reward-main .reward-all .reward-group .reward-item .post-qr-code-desc { + padding-top: 0rem; + margin-top: -8px; + margin-bottom: 8px; +} +.post-reward .reward-main .reward-all .reward-group .reward-item img { + width: 130px; + height: 130px; + max-width: fit-content; +} +.post-reward .reward-main .reward-all .reward-group .reward-item:first-child img { + border-color: var(--anzhiyu-green); +} +.post-reward .reward-main .reward-all .reward-group .reward-item:last-child img { + border-color: var(--anzhiyu-blue); +} +.post-reward .reward-main .reward-all .reward-main-btn { + background: var(--anzhiyu-secondbg); + color: var(--anzhiyu-fontcolor); + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 12px; + padding: 4px 0; + border: var(--style-border-always); + margin: 8px; + width: 100%; +} +.post-reward .reward-main .reward-all .reward-main-btn:hover { + color: var(--anzhiyu-white); + background: var(--anzhiyu-red); + -webkit-box-shadow: var(--anzhiyu-shadow-red); + box-shadow: var(--anzhiyu-shadow-red); +} +.post-reward .reward-main .reward-all .reward-main-btn .reward-text { + margin-bottom: 0rem; + font-weight: bold; +} +.post-reward .reward-main .reward-all .reward-main-btn .reward-dec { + font-size: 12px; +} +.reward-link.mode { + background: var(--anzhiyu-green); + color: var(--anzhiyu-white); + padding: 0; + width: 173px; + height: 40px; + line-height: 39px; + -webkit-box-shadow: var(--anzhiyu-shadow-green); + box-shadow: var(--anzhiyu-shadow-green); + border-radius: 8px; + text-align: center; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +.reward-link.mode:hover { + background: var(--anzhiyu-theme); + -webkit-box-shadow: none; + box-shadow: none; +} +.reward-link.mode a { + color: var(--anzhiyu-white); + height: 100%; + width: 100%; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +.reward-link.mode i { + margin-right: 4px; +} +#quit-box { + position: fixed; + width: 100vw; + height: 100vh; + background: rgba(0,0,0,0.2); + top: 0; + left: 0; + display: none; + z-index: 101; + margin: 0; +} +#rightMenu { + display: none; + position: fixed; + padding: 0 0.25rem; + width: 11rem; + height: fit-content; + top: 10%; + left: 10%; + background-color: var(--anzhiyu-card-bg); + color: var(--anzhiyu-fontcolor); + border-radius: 12px; + z-index: 10002; + border: var(--style-border); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +#rightMenu a { + color: var(--anzhiyu-fontcolor); +} +#rightMenu:hover { + border: var(--style-border-hover); + -webkit-box-shadow: var(--anzhiyu-shadow-theme); + box-shadow: var(--anzhiyu-shadow-theme); +} +#rightMenu .rightMenu-group { + padding: 0.35rem 0.3rem; +} +#rightMenu .rightMenu-group:not(:nth-last-child(1)) { + border-bottom: 2px dashed var(--anzhiyu-theme-op); +} +#rightMenu .rightMenu-group.rightMenu-small { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; +} +#rightMenu .rightMenu-group .rightMenu-item { + border-radius: 8px; + -webkit-transition: 0.1s; + -moz-transition: 0.1s; + -o-transition: 0.1s; + -ms-transition: 0.1s; + transition: 0.1s; + cursor: pointer; + padding: 0 6px; +} +#rightMenu .rightMenu-line .rightMenu-item { + margin: 0.25rem 0; + padding: 0.25rem 0; +} +#rightMenu .rightMenu-group.rightMenu-line .rightMenu-item { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + padding: 8px; +} +#rightMenu .rightMenu-group .rightMenu-item:hover { + background-color: var(--anzhiyu-main); + color: var(--anzhiyu-white); + -webkit-box-shadow: var(--anzhiyu-shadow-theme); + box-shadow: var(--anzhiyu-shadow-theme); +} +#rightMenu .rightMenu-group .rightMenu-item i { + display: inline-block; + text-align: center; + line-height: 1.5rem; + width: 1.5rem; + padding: 0 0.25rem; + font-size: 1.1rem; +} +#rightMenu .rightMenu-line .rightMenu-item i { + margin: 0 0.5rem 0 0.25rem; +} +#rightMenu .rightMenu-group .rightMenu-item span { + line-height: 1.5rem; +} +#rightmenu-mask { + position: fixed; + width: 100vw; + height: 100vh; + background: none; +/* background: var(--anzhiyu-maskbg); */ + top: 0; + left: 0; + display: none; + z-index: 10001; + margin: 0 !important; +} +@media screen and (max-width: 768px) { + :root { + --style-border: 1px solid var(--anzhiyu-card-border); + --style-border-hover: 1px solid var(--anzhiyu-theme); + } +} +#rightside { + position: fixed; + right: -48px; + bottom: 100px; + z-index: 100; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transition: all 0.5s; + -moz-transition: all 0.5s; + -o-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; +} +@media screen and (max-width: 768px) { + #rightside #switch-commentBarrage { + display: none; + } +} +#rightside i { + font-size: 1rem; +} +#rightside #rightside-config-hide { + height: 0; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transition: -webkit-transform 0.4s; + -moz-transition: -moz-transform 0.4s; + -o-transition: -o-transform 0.4s; + -ms-transition: -ms-transform 0.4s; + transition: transform 0.4s; + -webkit-transform: translate(45px, 0); + -moz-transform: translate(45px, 0); + -o-transform: translate(45px, 0); + -ms-transform: translate(45px, 0); + transform: translate(45px, 0); +} +#rightside #rightside-config-hide.show { + height: auto; + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: translate(0, 0); + -moz-transform: translate(0, 0); + -o-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); +} +#rightside #rightside-config-hide.status { + height: auto; + opacity: 1; + -ms-filter: none; + filter: none; +} +#rightside > div > button, +#rightside > div > a { + display: block; + margin-bottom: 5px; + width: 35px; + height: 35px; + border-radius: 5px; + background-color: var(--btn-bg); + color: var(--btn-color); + text-align: center; + font-size: 16px; + line-height: 35px; +} +#rightside > div > button:hover, +#rightside > div > a:hover { + background-color: var(--btn-hover-color); +} +#rightside #mobile-toc-button { + display: none; +} +@media screen and (max-width: 900px) { + #rightside #mobile-toc-button { + display: block; + } +} +@media screen and (max-width: 900px) { + #rightside #hide-aside-btn { + display: none; + } +} +#keyboard-tips { + position: fixed; + top: 80px; + left: 20px; + z-index: 999; + background: var(--anzhiyu-maskbgdeep); + border-radius: 12px; + border: var(--style-border); + padding: 20px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + backdrop-filter: saturate(180%) blur(20px); + -webkit-backdrop-filter: blur(20px); + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -o-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + pointer-events: none; + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +@media screen and (max-width: 768px) { + #keyboard-tips { + display: none !important; + } +} +#keyboard-tips.show { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transition: 0.1s; + -moz-transition: 0.1s; + -o-transition: 0.1s; + -ms-transition: 0.1s; + transition: 0.1s; +} +#keyboard-tips .keyboardTitle { + font-size: 12px; + color: var(--anzhiyu-secondtext); + line-height: 1; +} +#keyboard-tips .keybordList { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-top: 8px; +} +#keyboard-tips .keybordItem { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + margin-top: 4px; +} +#keyboard-tips .keyGroup { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + width: 90px; +} +#keyboard-tips .keyGroup .key { + padding: 0.2em 0.4em; + font-family: inherit; + background-color: var(--anzhiyu-card-bg); + color: var(--anzhiyu-fontcolor); + border: var(--style-border); + border-color: var(--anzhiyu-secondtext); + border-bottom: 2px solid var(--anzhiyu-secondtext); + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); + border-radius: 0.25rem; + overflow-wrap: break-word; + overflow-x: auto; + font-weight: 500; + font-size: 0.875em; + margin-right: 4px; + vertical-align: baseline; + line-height: 1; + height: 24px; +} +#menu-mask { + position: fixed; + z-index: 102; + display: none; + width: 100%; + height: 100%; + background: var(--anzhiyu-maskbg); + backdrop-filter: saturate(180%) blur(20px); + -webkit-backdrop-filter: blur(20px); + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -o-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-animation: 0.6s ease 0s 1 normal none running to_show; + -moz-animation: 0.6s ease 0s 1 normal none running to_show; + -o-animation: 0.6s ease 0s 1 normal none running to_show; + -ms-animation: 0.6s ease 0s 1 normal none running to_show; + animation: 0.6s ease 0s 1 normal none running to_show; + -webkit-transform-style: preserve-3d; +} +#sidebar { + position: absolute; + top: 0; +} +#sidebar #sidebar-menus { + position: fixed; + top: 0; + right: -300px; + z-index: 103; + overflow: hidden auto; + width: 300px; + height: 100%; + background: var(--anzhiyu-background); + -webkit-transition: all 0.5s ease 0s; + -moz-transition: all 0.5s ease 0s; + -o-transition: all 0.5s ease 0s; + -ms-transition: all 0.5s ease 0s; + transition: all 0.5s ease 0s; + padding-top: 30px; + border-left: var(--style-border-always); +} +#sidebar #sidebar-menus .sidebar-menu-item a.menu-child span { + margin-left: 10px; +} +#sidebar #sidebar-menus .back-menu-list-groups { + padding: 0 16px; +} +#sidebar #sidebar-menus .back-menu-list-groups .back-menu-list-title { + font-size: 12px; + color: var(--anzhiyu-secondtext); +} +#sidebar #sidebar-menus .back-menu-list-groups .back-menu-list { + width: calc(100% + 16px); + -webkit-box-pack: start; + -moz-box-pack: start; + -o-box-pack: start; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + margin: 0 -8px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +#sidebar #sidebar-menus .back-menu-list-groups .back-menu-list .back-menu-item { + width: calc(50% - 16px); + background: var(--anzhiyu-card-bg); + border: var(--style-border-always); + border-radius: 8px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + margin: 4px 8px; + padding: 4px 8px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +#sidebar #sidebar-menus .sidebar-menu-item { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 0 16px; + margin-bottom: 6px; +} +#sidebar #sidebar-menus .sidebar-menu-item a.darkmode_switchbutton { + padding: 4px 8px; + cursor: pointer; + margin: 0; + font-size: 0.9rem; + color: var(--anzhiyu-fontcolor); + width: 100%; + background: var(--anzhiyu-card-bg); + border-radius: 8px; + border: var(--style-border-always); + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + font-size: 14px; +} +#sidebar #sidebar-menus span.sidebar-menu-item-title { + font-size: 12px; + color: var(--anzhiyu-secondtext); + margin-left: 16px; +} +#sidebar #sidebar-menus .card-tag-cloud { + padding: 0 11px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 60px; +} +#sidebar #sidebar-menus .card-tag-cloud a { + color: var(--anzhiyu-fontcolor); + padding: 2px 8px 2px 12px; + margin: 4px; + border-radius: 8px; + border: var(--style-border-always); + background: var(--anzhiyu-card-bg); +} +#sidebar #sidebar-menus .card-tag-cloud a sup { + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); + margin-left: 4px; +} +#sidebar #sidebar-menus.open { + -webkit-transform: translate3d(-100%, 0, 0); + -moz-transform: translate3d(-100%, 0, 0); + -o-transform: translate3d(-100%, 0, 0); + -ms-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +#sidebar #sidebar-menus .sidebar-site-data { + padding: 0 10px; +} +#sidebar #sidebar-menus hr { + margin: 20px auto; +} +#sidebar #sidebar-menus .menus_items { + padding: 0 10px; +} +#sidebar #sidebar-menus .menus_items .site-page { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + font-size: 12px; + position: relative; + padding-left: 0.3rem; + color: var(--anzhiyu-fontcolor); +} +#sidebar #sidebar-menus .menus_items .site-page i:first-child { + width: 15%; + text-align: left; + max-height: 20px; + font-size: 16px; +} +#sidebar #sidebar-menus .menus_items .site-page.group > i:last-child { + position: absolute; + top: 0.78em; + right: 18px; + -webkit-transition: -webkit-transform 0.3s; + -moz-transition: -moz-transform 0.3s; + -o-transition: -o-transform 0.3s; + -ms-transition: -ms-transform 0.3s; + transition: transform 0.3s; +} +#sidebar #sidebar-menus .menus_items .site-page.group.hide > i:last-child { + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -o-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +#sidebar #sidebar-menus .menus_items .site-page.group.hide + .menus_item_child { + display: none; +} +#sidebar #sidebar-menus .menus_items .menus_item_child { + margin: 0; + list-style: none; +} +#sidebar #sidebar-menus .menus_items .menus_item_child .site-page.child { + background: var(--anzhiyu-card-bg); +} +#aside-content .card-tag-cloud a { + border-radius: var(--anzhiyu-border-radius); + display: inline-block; + margin-right: 4px; +} +#aside-content .card-tag-cloud a:hover { + background: var(--anzhiyu-theme); + color: var(--anzhiyu-white) !important; + -webkit-box-shadow: var(--anzhiyu-shadow-theme); + box-shadow: var(--anzhiyu-shadow-theme); +} +@media screen and (min-width: 1200px) { + #aside-content .card-tag-cloud a:active { + -webkit-transform: scale(0.97); + -moz-transform: scale(0.97); + -o-transform: scale(0.97); + -ms-transform: scale(0.97); + transform: scale(0.97); + } +} +#aside-content .card-tag-cloud a sup { + opacity: 0.4; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter: alpha(opacity=40); + margin-left: 2px; +} +span.card-archive-list-count { + width: auto; + text-align: left; + font-size: 1.5rem; + line-height: 0.9; + font-weight: 700; +} +.card-archive-list-count-group { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: baseline; + -moz-box-align: baseline; + -o-box-align: baseline; + -ms-flex-align: baseline; + -webkit-align-items: baseline; + align-items: baseline; +} +#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a span:last-child, +#aside-content .card-categories ul.card-category-list > .card-category-list-item a span:last-child { + width: fit-content; + margin-left: 4px; +} +span.card-archive-list-count { + width: auto; + text-align: left; + font-size: 1.1rem; + line-height: 0.9; + font-weight: 700; +} +.card-archive-list-date, +span.card-category-list-name { + font-size: 13px; + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); +} +li.card-archive-list-item, +li.card-category-list-item { + width: 100%; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + box-flex: 1; + -webkit-flex: 0 0 48%; + -ms-flex: 0 0 48%; + flex: 0 0 48%; +} +#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a:hover, +#aside-content .card-categories ul.card-category-list > .card-category-list-item a:hover { + color: var(--anzhiyu-white); + background-color: var(--anzhiyu-theme); + border-radius: var(--anzhiyu-border-radius); + border: 1px solid transparent; +} +@media screen and (min-width: 1200px) { + #aside-content .card-archives ul.card-archive-list > .card-archive-list-item a:active, + #aside-content .card-categories ul.card-category-list > .card-category-list-item a:active { + -webkit-transform: scale(0.97); + -moz-transform: scale(0.97); + -o-transform: scale(0.97); + -ms-transform: scale(0.97); + transform: scale(0.97); + } +} +#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a, +#aside-content .card-categories ul.card-category-list > .card-category-list-item a { + border-radius: var(--anzhiyu-border-radius); + margin: 4px 0; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-line-pack: justify; + -webkit-align-content: space-between; + align-content: space-between; + border: var(--style-border); +} +#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a span:first-child, +#aside-content .card-categories ul.card-category-list > .card-category-list-item a span:first-child { + width: auto; + -webkit-box-flex: inherit; + -moz-box-flex: inherit; + -o-box-flex: inherit; + box-flex: inherit; + -webkit-flex: inherit; + -ms-flex: inherit; + flex: inherit; +} +#aside-content .card-archives ul.card-archive-list, +#aside-content .card-categories ul.card-category-list { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +#aside-content .card-info #card-info-btn { + border-radius: var(--anzhiyu-border-radius); +} +#aside-content .aside-list > .aside-list-item .content > time { + display: none; +} +#aside-content .aside-list > .aside-list-item .content > .title { + -webkit-line-clamp: 3; + font-weight: 700; + padding: 2px 0; + width: 100%; + height: 100%; + display: -webkit-box; +} +#aside-content .aside-list > .aside-list-item { + padding: 8px; + padding-top: 6px !important; + padding-bottom: 6px !important; + border-radius: 12px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + margin: 6px 0; + cursor: pointer; +} +@media screen and (min-width: 1200px) { + #aside-content .aside-list > .aside-list-item:hover { + -webkit-transform: scale(1.03); + -moz-transform: scale(1.03); + -o-transform: scale(1.03); + -ms-transform: scale(1.03); + transform: scale(1.03); + } + #aside-content .aside-list > .aside-list-item:active { + -webkit-transform: scale(0.97); + -moz-transform: scale(0.97); + -o-transform: scale(0.97); + -ms-transform: scale(0.97); + transform: scale(0.97); + } +} +#aside-content .aside-list > .aside-list-item:hover .thumbnail > img { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); +} +#aside-content .aside-list > .aside-list-item:not(:last-child) { + border-bottom: 0 dashed var(--anzhiyu-background) !important; +} +#aside-content .aside-list > .aside-list-item .thumbnail { + border-radius: var(--anzhiyu-border-radius); + border: var(--style-border); +} +#aside-content .aside-list > .aside-list-item:hover { + background: var(--anzhiyu-main); + color: var(--anzhiyu-white); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + -webkit-box-shadow: var(--anzhiyu-shadow-main); + box-shadow: var(--anzhiyu-shadow-main); +} +#aside-content .aside-list > .aside-list-item:hover a { + color: var(--anzhiyu-white) !important; +} +.card-widget.card-recent-post { + padding: 0.4rem 1rem !important; +} +#aside-content #card-toc .toc-content .toc-link.active { + border-radius: var(--anzhiyu-border-radius); +} +#aside-content #card-toc .toc-content { + overflow-y: auto; +} +#aside-content #card-toc span.toc-number { + display: none; +} +#aside-content #card-toc .toc-content .toc-link.active { + line-height: 1.2; + border-radius: 12px; + border-left-color: var(--anzhiyu-hovertext); + background-color: var(--anzhiyu-card-bg); + color: var(--anzhiyu-lighttext); + font-weight: 700; + font-size: 20px; +} +[data-theme="dark"].toc .toc-item.active .toc-link .toc-text { + color: var(--anzhiyu-white); +} +#aside-content #card-toc .toc-content .toc-item.active .toc-link { + opacity: 1; + -ms-filter: none; + filter: none; + border-radius: 8px; +} +#aside-content #card-toc .toc-content .toc-link { + line-height: 1.2; + padding: 8px; + border-left: 0 solid transparent; + border-radius: 12px; + color: var(--anzhiyu-secondtext); + cursor: default; +} +#aside-content #card-toc .toc-content .toc-link:not(.active) span { + opacity: 0.6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; + filter: alpha(opacity=60); + cursor: pointer; + filter: blur(1px); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +#aside-content #card-toc:hover .toc-content .toc-link:not(.active) span { + filter: blur(0); + opacity: 1; + -ms-filter: none; + filter: none; +} +#aside-content #card-toc .toc-content .toc-link:not(.active) span:hover { + color: var(--anzhiyu-lighttext); +} +.site-data > a .headline, +.site-data > a .length-num { + color: var(--anzhiyu-white); +} +#sidebar-menus.open .site-data > a .headline, +#sidebar-menus.open .site-data > a .length-num { + color: var(--anzhiyu-fontcolor); +} +@media screen and (min-width: 900px) { + #aside-content .sticky_layout { + top: 60px; + } + .post #aside-content .sticky_layout { + top: 80px; + } +} +@media screen and (min-width: 900px) { + #aside-content .card-archives ul.card-archive-list > .card-archive-list-item a, + #aside-content .card-categories ul.card-category-list > .card-category-list-item a { + padding: 3px 10px; + } +} +#aside-content .card-widget { + border-radius: 12px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +#aside-content .card-widget { + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); + background: var(--anzhiyu-card-bg); + border: var(--style-border); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; +} +#aside-content hr { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + position: relative; + margin: 1rem 0; + border: 1px dashed var(--anzhiyu-theme-op); +} +#aside-content hr:before { + content: none; +} +#article-container hr:before { + content: none; +} +@media screen and (max-width: 768px) { + #anMusic-page-meting .aplayer.aplayer-withlist .aplayer-list { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + } +} +#body-wrap.open { + -webkit-transition-property: -webkit-transform, border-radius; + -moz-transition-property: -moz-transform, border-radius; + -o-transition-property: -o-transform, border-radius; + -ms-transition-property: -ms-transform, border-radius; + transition-property: transform, border-radius; + -webkit-transition-duration: 0ms; + -moz-transition-duration: 0ms; + -o-transition-duration: 0ms; + -ms-transition-duration: 0ms; + transition-duration: 0ms; + -webkit-transform-origin: 0 46%; + -moz-transform-origin: 0 46%; + -o-transform-origin: 0 46%; + -ms-transform-origin: 0 46%; + transform-origin: 0 46%; + -webkit-transform: translate3d(300px, 0px, 0px) scale3d(0.86, 0.86, 1); + -moz-transform: translate3d(300px, 0px, 0px) scale3d(0.86, 0.86, 1); + -o-transform: translate3d(300px, 0px, 0px) scale3d(0.86, 0.86, 1); + -ms-transform: translate3d(300px, 0px, 0px) scale3d(0.86, 0.86, 1); + transform: translate3d(300px, 0px, 0px) scale3d(0.86, 0.86, 1); + border-radius: 12px; + -webkit-transition: 0.3s ease-out; + -moz-transition: 0.3s ease-out; + -o-transition: 0.3s ease-out; + -ms-transition: 0.3s ease-out; + transition: 0.3s ease-out; + z-index: 2; +} +#body-wrap.open #menu-mask { + display: block; +} +#body-wrap.open #post-top-cover { + display: none; + overflow-y: overlay; + -webkit-transition: 0s; + -moz-transition: 0s; + -o-transition: 0s; + -ms-transition: 0s; + transition: 0s; + border-radius: 12px; +} +#body-wrap.open #anMusic-page-meting .aplayer.aplayer-withlist .aplayer-list { + display: none; +} +#vcomment { + font-size: 1.1em; +} +#vcomment .vbtn { + border: none; + background: var(--btn-bg); + color: var(--btn-color); +} +#vcomment .vbtn:hover { + background: var(--btn-hover-color); +} +#vcomment .vimg { + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -ms-transition: all 0.3s; + transition: all 0.3s; +} +#vcomment .vimg:hover { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); +} +#vcomment .vcards .vcard .vcontent.expand:before, +#vcomment .vcards .vcard .vcontent.expand:after { + z-index: 22; +} +#waline-wrap { + --waline-font-size: 1.1em; + --waline-theme-color: var(--anzhiyu-main); + --waline-active-color: #ff7242; +} +#waline-wrap .vuser { + -webkit-transition: all 0.5s; + -moz-transition: all 0.5s; + -o-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; +} +#waline-wrap .vuser:hover { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); +} +#vcomment textarea { + background: url("/img/comment_bg.png") 100% 100% no-repeat; +} +#vcomment textarea:focus { + background-image: none; +} +.fireworks { + position: fixed; + top: 0; + left: 0; + z-index: 9999; + pointer-events: none; +} +.medium-zoom-image--opened { + z-index: 99999 !important; + margin: 0 !important; +} +.medium-zoom-overlay { + z-index: 99999 !important; +} +.mermaid-wrap { + margin: 0 0 20px; + text-align: center; +} +.mermaid-wrap > svg { + height: 100%; +} +.fb-comments iframe { + width: 100% !important; +} +.katex-wrap { + overflow: auto; +} +.katex-wrap::-webkit-scrollbar { + display: none; +} +mjx-container[display], +.has-jax { + overflow-x: auto; + overflow-y: hidden; + line-height: normal !important; +} +.aplayer { + color: #4c4948; +} +#article-container .aplayer { + margin: 0 0 20px; +} +#article-container .aplayer ol, +#article-container .aplayer ul { + margin: 0; + padding: 0; +} +#article-container .aplayer ol li, +#article-container .aplayer ul li { + margin: 0; + padding: 0 15px; +} +#article-container .aplayer ol li:before, +#article-container .aplayer ul li:before { + content: none; +} +.snackbar-css { + border-radius: 5px !important; +} +.bilibili_box { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + background: var(--card-bg); + border: var(--style-border); + border-radius: 12px !important; + overflow: hidden; + color: var(--font-color) !important; + text-decoration: none !important; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + border-bottom: var(--style-border) !important; + padding: 0 !important; + height: 143px; +} +.bilibili_box:hover { + border-color: var(--anzhiyu-main) !important; + color: var(--anzhiyu-white) !important; +} +.bilibili_box:hover .bilibili_info .stat svg path { + fill: var(--anzhiyu-white) !important; +} +@media screen and (max-width: 768px) { + .bilibili_box { + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.bilibili_box .bilibili_cover { + width: 234px; + position: relative; +} +@media screen and (max-width: 768px) { + .bilibili_box .bilibili_cover { + width: 100%; + } +} +.bilibili_box .bilibili_cover img { + width: 100%; + filter: none; + margin: 0 !important; + border-radius: 0 !important; +} +.bilibili_box .bilibili_cover .play_icon { + position: absolute; + width: 45px; + height: 45px; + opacity: 0.8; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + filter: alpha(opacity=80); + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.bilibili_box .bilibili_cover span { + position: absolute; + bottom: 0px; + right: 5px; + color: var(--anzhiyu-white); +} +.bilibili_box .bilibili_info { + padding: 10px 10px 10px 18px; + line-height: 1; + width: calc(100% - 200px); + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: distribute; + -moz-box-pack: distribute; + -o-box-pack: distribute; + -ms-flex-pack: distribute; + -webkit-justify-content: space-around; + justify-content: space-around; +} +@media screen and (max-width: 768px) { + .bilibili_box .bilibili_info { + width: 100%; + padding-bottom: 25px; + line-height: 1.5; + } +} +.bilibili_box .bilibili_info .title { + font-size: 1.2rem; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + line-height: 1.5; +} +.bilibili_box .bilibili_info .desc { + font-size: 15px; + margin: 2px 0 4px; + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; +} +@media screen and (max-width: 768px) { + .bilibili_box .bilibili_info .desc { + white-space: normal; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + } +} +.bilibili_box .bilibili_info .stat { + font-size: 15px; +} +.bilibili_box .bilibili_info .stat svg { + margin-right: 3px; + font-size: 18px; + width: 1em; + height: 1em; +} +.bilibili_box .bilibili_info .stat svg path { + fill: var(--font-color); +} +.bilibili_box .bilibili_info .stat span { + margin-right: 10px; + display: -webkit-inline-box; + display: -moz-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-box; + display: inline-flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +.bilibili_box .bilibili_info .owner { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + line-height: 1; + font-size: 15px; +} +.bilibili_box .bilibili_info .owner .tip { + color: #f69; + border: 1px solid; + padding: 3px 6px; + font-size: 12px; + border-radius: 5px; + margin: 0 10px 0 0; + background: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.bilibili_box .bilibili_info .owner img { + width: 22px; + height: 22px; + border-radius: 50% !important; + object-fit: cover; + margin: 0 5px 0 0 !important; +} +[data-theme='light'] .bilibili_box .bilibili_info .stat svg, +[data-theme='dark'] .bilibili_cover { + opacity: 0.8; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + filter: alpha(opacity=80); +} +[data-theme="dark"] div.btns { + filter: brightness(0.7); +} +[data-theme="dark"] div.btns a { + background: 0 0; +} +div.btns { + margin: 0 -8px; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -moz-box-align: start; + -o-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + overflow: visible; + line-height: 1.8; +} +div.btns b { + font-size: 0.875rem; +} +div.btns.wide > a { + padding-left: 32px; + padding-right: 32px; +} +div.btns.fill > a { + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + -ms-box-flex: 1; + box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + width: auto; +} +div.btns.around { + -webkit-box-pack: distribute; + -moz-box-pack: distribute; + -o-box-pack: distribute; + -ms-flex-pack: distribute; + -webkit-justify-content: space-around; + justify-content: space-around; +} +div.btns.center { + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +div.btns.grid2 > a { + width: calc(100% / 2 - 16px); +} +div.btns.grid3 > a { + width: calc(100% / 3 - 16px); +} +div.btns.grid4 > a { + width: calc(100% / 4 - 16px); +} +div.btns.grid5 > a { + width: calc(100% / 5 - 16px); +} +div.btns a { + -webkit-transition: all 0.28s ease; + -moz-transition: all 0.28s ease; + -o-transition: all 0.28s ease; + -ms-transition: all 0.28s ease; + transition: all 0.28s ease; + -moz-transition: all 0.28s ease; + -webkit-transition: all 0.28s ease; + -o-transition: all 0.28s ease; + margin: 8px; + margin-top: calc(1.25 * 16px + 32px); + min-width: 120px; + font-weight: bold; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: start; + -moz-box-pack: start; + -o-box-pack: start; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + -ms-flex-line-pack: center; + -webkit-align-content: center; + align-content: center; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 8px; + text-align: center; + background: #f6f6f6; + border-radius: 4px; +} +div.btns a > i { + background: #2196f3 !important; +} +div.btns a > i:first-child { + color: #fff; + background: #2196f3; +} +div.btns a b { + font-weight: bold; + line-height: 1.3; +} +div.btns a img { + margin: 0.4em auto !important; +} +div.btns a:not([href]) { + cursor: default; + color: inherit; +} +div.btns a[href]:hover { + background: var(--anzhiyu-main); + color: var(--anzhiyu-white) !important; +} +div.btns a[href]:hover > i:first-child { + background: var(--anzhiyu-main); +} +div.btns, +div.btns p, +div.btns a { + font-size: 0.8125rem; + color: #555; +} +@media screen and (max-width: 1200px) { + div.btns.grid2 > a { + width: calc(100% / 2 - 16px); + } +} +@media screen and (max-width: 768px) { + div.btns.grid2 > a { + width: calc(100% / 2 - 16px); + } +} +@media screen and (max-width: 500px) { + div.btns.grid2 > a { + width: calc(100% / 1 - 16px); + } +} +@media screen and (max-width: 1200px) { + div.btns.grid3 > a { + width: calc(100% / 3 - 16px); + } +} +@media screen and (max-width: 768px) { + div.btns.grid3 > a { + width: calc(100% / 3 - 16px); + } +} +@media screen and (max-width: 500px) { + div.btns.grid3 > a { + width: calc(100% / 1 - 16px); + } +} +@media screen and (max-width: 1200px) { + div.btns.grid4 > a { + width: calc(100% / 3 - 16px); + } +} +@media screen and (max-width: 768px) { + div.btns.grid4 > a { + width: calc(100% / 3 - 16px); + } +} +@media screen and (max-width: 500px) { + div.btns.grid4 > a { + width: calc(100% / 2 - 16px); + } +} +@media screen and (max-width: 1200px) { + div.btns.grid5 > a { + width: calc(100% / 4 - 16px); + } +} +@media screen and (max-width: 768px) { + div.btns.grid5 > a { + width: calc(100% / 3 - 16px); + } +} +@media screen and (max-width: 500px) { + div.btns.grid5 > a { + width: calc(100% / 2 - 16px); + } +} +div.btns a > img:first-child, +div.btns a > i:first-child { + -webkit-transition: all 0.28s ease; + -moz-transition: all 0.28s ease; + -o-transition: all 0.28s ease; + -ms-transition: all 0.28s ease; + transition: all 0.28s ease; + -moz-transition: all 0.28s ease; + -webkit-transition: all 0.28s ease; + -o-transition: all 0.28s ease; + height: 64px; + width: 64px; + -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); + box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); + margin: 16px 8px 4px 8px; + margin-top: calc(-1.25 * 16px - 32px); + border: 2px solid #fff; + background: #fff; + line-height: 60px; + font-size: 28px; +} +div.btns a > img:first-child.auto, +div.btns a > i:first-child.auto { + width: auto; +} +div.btns a p, +div.btns a b { + margin: 0.25em; + font-weight: normal; + line-height: 1.25; + word-wrap: break-word; +} +div.btns a[href]:hover, +div.btns a[href]:hover b { + color: #ff5722; +} +div.btns a[href]:hover > img:first-child, +div.btns a[href]:hover > i:first-child { + -webkit-transform: scale(1.1) translateY(-8px); + -moz-transform: scale(1.1) translateY(-8px); + -o-transform: scale(1.1) translateY(-8px); + -ms-transform: scale(1.1) translateY(-8px); + transform: scale(1.1) translateY(-8px); + -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); + box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); +} +div.btns.circle a > img:first-child, +div.btns.circle a > i:first-child { + border-radius: 32px; +} +div.btns.rounded a > img:first-child, +div.btns.rounded a > i:first-child { + border-radius: 16px; +} +#article-container .btn-center { + margin: 0 0 20px; + text-align: center; +} +#article-container .btn-anzhiyu { + display: inline-block; + margin: 0 4px 6px; + padding: 0 15px; + background-color: var(--btn-anzhiyu-color, #2323ef); + color: #fff; + line-height: 2; + border-radius: 8px; +} +#article-container .btn-anzhiyu.blue { + --btn-anzhiyu-color: #428bca; +} +#article-container .btn-anzhiyu.pink { + --btn-anzhiyu-color: #ff69b4; +} +#article-container .btn-anzhiyu.red { + --btn-anzhiyu-color: #f00; +} +#article-container .btn-anzhiyu.purple { + --btn-anzhiyu-color: #6f42c1; +} +#article-container .btn-anzhiyu.orange { + --btn-anzhiyu-color: #ff8c00; +} +#article-container .btn-anzhiyu.green { + --btn-anzhiyu-color: #5cb85c; +} +#article-container .btn-anzhiyu:hover { + background-color: var(--btn-hover-color); +} +#article-container .btn-anzhiyu i + span { + margin-left: 6px; +} +#article-container .btn-anzhiyu:not(.block) + .btn-anzhiyu:not(.block) { + margin: 0 4px 20px; +} +#article-container .btn-anzhiyu.block { + display: block; + margin: 0 0 20px; + width: fit-content; + width: -moz-fit-content; +} +#article-container .btn-anzhiyu.block.center { + margin: 0 auto 20px; +} +#article-container .btn-anzhiyu.block.right { + margin: 0 0 20px auto; +} +#article-container .btn-anzhiyu.larger { + padding: 6px 15px; +} +#article-container .btn-anzhiyu:hover { + text-decoration: none; +} +#article-container .btn-anzhiyu.outline { + border: 1px solid transparent; + border-color: var(--btn-anzhiyu-color, #2323ef); + background-color: transparent; + color: var(--btn-anzhiyu-color, #2323ef); +} +#article-container .btn-anzhiyu.outline:hover { + background-color: var(--btn-anzhiyu-color, #2323ef); +} +#article-container .btn-anzhiyu.outline:hover { + color: #fff !important; +} +.checkbox { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +.checkbox input { + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + -o-appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + position: relative; + height: 16px; + width: 16px; + -webkit-transition: all 0.15s ease-out 0s; + -moz-transition: all 0.15s ease-out 0s; + -o-transition: all 0.15s ease-out 0s; + -ms-transition: all 0.15s ease-out 0s; + transition: all 0.15s ease-out 0s; + cursor: pointer; + display: inline-block; + outline: none; + border-radius: 2px; + -webkit-flex-shrink: 0; + flex-shrink: 0; + margin-right: 8px; + border: 2px solid #2196f3; + pointer-events: none; +} +.checkbox input[type="checkbox"]:before { + left: 1px; + top: 5px; + width: 0; + height: 2px; + -webkit-transition: all 0.2s ease-in; + -moz-transition: all 0.2s ease-in; + -o-transition: all 0.2s ease-in; + -ms-transition: all 0.2s ease-in; + transition: all 0.2s ease-in; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); +} +.checkbox input[type="checkbox"]:after { + right: 7px; + bottom: 3px; + width: 2px; + height: 0; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + -o-transition: all 0.2s ease-out; + -ms-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + -webkit-transform: rotate(40deg); + -moz-transform: rotate(40deg); + -o-transform: rotate(40deg); + -ms-transform: rotate(40deg); + transform: rotate(40deg); + -webkit-transform: rotate(40deg); + -moz-transform: rotate(40deg); + -ms-transform: rotate(40deg); + -o-transform: rotate(40deg); + -webkit-transition-delay: 0.25s; + -moz-transition-delay: 0.25s; + -o-transition-delay: 0.25s; + -ms-transition-delay: 0.25s; + transition-delay: 0.25s; +} +.checkbox input[type="checkbox"]:checked { + background: #2196f3; +} +.checkbox input[type="checkbox"]:checked:before { + left: 0; + top: 7px; + width: 6px; + height: 2px; +} +.checkbox input[type="checkbox"]:checked:after { + right: 3px; + bottom: 1px; + width: 2px; + height: 10px; +} +.checkbox.minus input[type="checkbox"]:before { + -webkit-transform: rotate(0); + -moz-transform: rotate(0); + -o-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + left: 1px; + top: 5px; + width: 0; + height: 2px; +} +.checkbox.minus input[type="checkbox"]:after { + -webkit-transform: rotate(0); + -moz-transform: rotate(0); + -o-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + left: 1px; + top: 5px; + width: 0; + height: 2px; +} +.checkbox.minus input[type="checkbox"]:checked:before { + left: 1px; + top: 5px; + width: 10px; + height: 2px; +} +.checkbox.minus input[type="checkbox"]:checked:after { + left: 1px; + top: 5px; + width: 10px; + height: 2px; +} +.checkbox.plus input[type="checkbox"]:before { + -webkit-transform: rotate(0); + -moz-transform: rotate(0); + -o-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + left: 1px; + top: 5px; + width: 0; + height: 2px; +} +.checkbox.plus input[type="checkbox"]:after { + -webkit-transform: rotate(0); + -moz-transform: rotate(0); + -o-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + left: 5px; + top: 1px; + width: 2px; + height: 0; +} +.checkbox.plus input[type="checkbox"]:checked:before { + left: 1px; + top: 5px; + width: 10px; + height: 2px; +} +.checkbox.plus input[type="checkbox"]:checked:after { + left: 5px; + top: 1px; + width: 2px; + height: 10px; +} +.checkbox.times input[type="checkbox"]:before { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + left: 3px; + top: 1px; + width: 0; + height: 2px; +} +.checkbox.times input[type="checkbox"]:after { + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + -o-transform: rotate(135deg); + -ms-transform: rotate(135deg); + transform: rotate(135deg); + right: 3px; + top: 1px; + width: 0; + height: 2px; +} +.checkbox.times input[type="checkbox"]:checked:before { + left: 1px; + top: 5px; + width: 10px; + height: 2px; +} +.checkbox.times input[type="checkbox"]:checked:after { + right: 1px; + top: 5px; + width: 10px; + height: 2px; +} +.checkbox input[type="radio"] { + border-radius: 50%; +} +.checkbox input[type="radio"]:before { + content: ""; + display: block; + width: 8px; + height: 8px; + border-radius: 50%; + margin: 2px; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -o-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); + -webkit-transition: all 0.25s ease-out; + -moz-transition: all 0.25s ease-out; + -o-transition: all 0.25s ease-out; + -ms-transition: all 0.25s ease-out; + transition: all 0.25s ease-out; +} +.checkbox input[type="radio"]:checked:before { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + background: var(--text-bg-hover); +} +.checkbox.red input { + border-color: #fe5f58; +} +.checkbox.red input[type="checkbox"]:checked { + background: #fe5f58; +} +.checkbox.red input[type="radio"]:checked:before { + background: #fe5f58; +} +.checkbox.green input { + border-color: #3dc550; +} +.checkbox.green input[type="checkbox"]:checked { + background: #3dc550; +} +.checkbox.green input[type="radio"]:checked:before { + background: #3dc550; +} +.checkbox.yellow input { + border-color: #ffbd2b; +} +.checkbox.yellow input[type="checkbox"]:checked { + background: #ffbd2b; +} +.checkbox.yellow input[type="radio"]:checked:before { + background: #ffbd2b; +} +.checkbox.cyan input { + border-color: #1bcdfc; +} +.checkbox.cyan input[type="checkbox"]:checked { + background: #1bcdfc; +} +.checkbox.cyan input[type="radio"]:checked:before { + background: #1bcdfc; +} +.checkbox.blue input { + border-color: #2196f3; +} +.checkbox.blue input[type="checkbox"]:checked { + background: #2196f3; +} +.checkbox.blue input[type="radio"]:checked:before { + background: #2196f3; +} +.checkbox p { + display: inline-block; + margin-top: 2px !important; + margin-bottom: 0 !important; +} +.checkbox input[type="checkbox"]:before, +.checkbox input[type="checkbox"]:after { + position: absolute; + content: ""; + background: #fff; +} +details[open]:not(.tk-admin-config-group) { + background: var(--anzhiyu-card-bg); +} +[data-theme="dark"] details.folding-tag { + background: transparent; +} +details.folding-tag { + display: block; + padding: 16px; + margin: 1em 0; + border-radius: 4px; + font-size: var(--global-font-size); + -webkit-transition: all 0.28s ease; + -moz-transition: all 0.28s ease; + -o-transition: all 0.28s ease; + -ms-transition: all 0.28s ease; + transition: all 0.28s ease; + -moz-transition: all 0.28s ease; + -webkit-transition: all 0.28s ease; + -o-transition: all 0.28s ease; + border: 1px solid #f6f6f6; +} +details.folding-tag summary { + cursor: pointer; + padding: 16px; + margin: -16px; + border-radius: 4px; + color: rgba(68,68,68,0.7); + font-size: 0.875rem !important; + font-weight: bold; + position: relative; + line-height: normal; +} +details.folding-tag summary > p, +details.folding-tag summary > h1, +details.folding-tag summary > h2, +details.folding-tag summary > h3, +details.folding-tag summary > h4, +details.folding-tag summary > h5, +details.folding-tag summary > h6 { + display: inline; + border-bottom: none !important; +} +details.folding-tag summary:hover { + color: #444; +} +details.folding-tag summary:hover:after { + position: absolute; + content: '+'; + text-align: center; + top: 50%; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + right: 16px; +} +details.folding-tag >summary { + background: var(--anzhiyu-card-bg); +} +details.folding-tag[purple] { + border-color: #fae7fd; +} +details.folding-tag[purple] >summary { + background: #fae7fd; +} +details.folding-tag[blue] { + border-color: #e8f4fd; +} +details.folding-tag[blue] >summary { + background: #e8f4fd; +} +details.folding-tag[cyan] { + border-color: #e8fafe; +} +details.folding-tag[cyan] >summary { + background: #e8fafe; +} +details.folding-tag[green] { + border-color: #ebf9ed; +} +details.folding-tag[green] >summary { + background: #ebf9ed; +} +details.folding-tag[yellow] { + border-color: #fff8e9; +} +details.folding-tag[yellow] >summary { + background: #fff8e9; +} +details.folding-tag[orange] { + border-color: #fdf1e7; +} +details.folding-tag[orange] >summary { + background: #fdf1e7; +} +details.folding-tag[red] { + border-color: #feefee; +} +details.folding-tag[red] >summary { + background: #feefee; +} +details.folding-tag[open] { + border-color: rgba(68,68,68,0.2); +} +details.folding-tag[open] >summary { + border-bottom: 1px solid rgba(68,68,68,0.2); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +details.folding-tag[open][purple] { + border-color: rgba(208,23,238,0.3); +} +details.folding-tag[open][purple] >summary { + border-bottom-color: rgba(208,23,238,0.3); +} +details.folding-tag[open][blue] { + border-color: rgba(33,150,243,0.3); +} +details.folding-tag[open][blue] >summary { + border-bottom-color: rgba(33,150,243,0.3); +} +details.folding-tag[open][cyan] { + border-color: rgba(27,205,252,0.3); +} +details.folding-tag[open][cyan] >summary { + border-bottom-color: rgba(27,205,252,0.3); +} +details.folding-tag[open][green] { + border-color: rgba(61,197,80,0.3); +} +details.folding-tag[open][green] >summary { + border-bottom-color: rgba(61,197,80,0.3); +} +details.folding-tag[open][yellow] { + border-color: rgba(255,189,43,0.3); +} +details.folding-tag[open][yellow] >summary { + border-bottom-color: rgba(255,189,43,0.3); +} +details.folding-tag[open][orange] { + border-color: rgba(236,118,22,0.3); +} +details.folding-tag[open][orange] >summary { + border-bottom-color: rgba(236,118,22,0.3); +} +details.folding-tag[open][red] { + border-color: rgba(254,95,88,0.3); +} +details.folding-tag[open][red] >summary { + border-bottom-color: rgba(254,95,88,0.3); +} +details.folding-tag[open] >summary { + color: #444; + margin-bottom: 0; +} +details.folding-tag[open] >summary:hover:after { + content: '-'; +} +details.folding-tag[open] >div.content { + padding: 16px; + margin: -16px; + margin-top: 0; +} +details.folding-tag[open] >div.content p>a:hover { + text-decoration: underline; +} +details.folding-tag[open] >div.content > p:first-child, +details.folding-tag[open] >div.content > .tabs:first-child, +details.folding-tag[open] >div.content > ul:first-child, +details.folding-tag[open] >div.content > ol:first-child, +details.folding-tag[open] >div.content > .highlight:first-child, +details.folding-tag[open] >div.content > .note:first-child, +details.folding-tag[open] >div.content > details:first-child { + margin-top: 0; +} +details.folding-tag[open] >div.content > p:last-child, +details.folding-tag[open] >div.content > .tabs:last-child, +details.folding-tag[open] >div.content > ul:last-child, +details.folding-tag[open] >div.content > ol:last-child, +details.folding-tag[open] >div.content > .highlight:last-child, +details.folding-tag[open] >div.content > .note:last-child, +details.folding-tag[open] >div.content > details:last-child { + margin-bottom: 0; +} +[data-theme="dark"] details[open] > div.content { + padding: 16px; + margin: -16px; + margin-top: 0; + background: transparent; + color: rgba(255,255,255,0.6); +} +[data-theme="dark"] details > summary { + filter: brightness(1); + background: var(--anzhiyu-card-bg) !important; +} +#content-inner figure.gallery-group { + position: relative; + float: left; + overflow: hidden; + margin: 6px 4px; + width: calc(50% - 8px); + height: 250px; + border-radius: 8px; + background: #000; + -webkit-transform: translate3d(0, 0, 0); +} +@media screen and (max-width: 600px) { + #content-inner figure.gallery-group { + width: calc(100% - 8px); + } +} +#content-inner figure.gallery-group:hover img { + opacity: 0.4; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter: alpha(opacity=40); + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +#content-inner figure.gallery-group:hover .gallery-group-name::after { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +#content-inner figure.gallery-group:hover p { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +#content-inner figure.gallery-group img { + position: relative; + margin: 0; + max-width: none; + width: calc(100% + 20px); + height: 250px; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; + opacity: 0.8; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + filter: alpha(opacity=80); + -webkit-transition: all 0.3s, filter 375ms ease-in 0.2s; + -moz-transition: all 0.3s, filter 375ms ease-in 0.2s; + -o-transition: all 0.3s, filter 375ms ease-in 0.2s; + -ms-transition: all 0.3s, filter 375ms ease-in 0.2s; + transition: all 0.3s, filter 375ms ease-in 0.2s; + -webkit-transform: translate3d(-10px, 0, 0); + -moz-transform: translate3d(-10px, 0, 0); + -o-transform: translate3d(-10px, 0, 0); + -ms-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + object-fit: cover; +} +#content-inner figure.gallery-group figcaption { + position: absolute; + top: 0; + left: 0; + padding: 30px; + width: 100%; + height: 100%; + color: #fff; + text-transform: uppercase; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; +} +#content-inner figure.gallery-group figcaption > a { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1000; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); +} +#content-inner figure.gallery-group p { + margin: 0; + padding: 8px 0 0; + letter-spacing: 1px; + font-size: 1.1em; + line-height: 1.5; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + -ms-transition: opacity 0.35s, -ms-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(100%, 0, 0); + -moz-transform: translate3d(100%, 0, 0); + -o-transform: translate3d(100%, 0, 0); + -ms-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + -webkit-line-clamp: 4; +} +#content-inner figure.gallery-group .gallery-group-name { + position: relative; + margin: 0; + padding: 8px 0; + font-weight: bold; + font-size: 1.65em; + line-height: 1.5; + -webkit-line-clamp: 2; +} +#content-inner figure.gallery-group .gallery-group-name:after { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 2px; + background: #fff; + content: ''; + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + -ms-transition: -ms-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: translate3d(-100%, 0, 0); + -moz-transform: translate3d(-100%, 0, 0); + -o-transform: translate3d(-100%, 0, 0); + -ms-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +#content-inner .gallery-group-main { + overflow: auto; + padding: 0 0 16px; +} +#content-inner .gallery { + margin: 0 0 16px; + text-align: center; +} +#content-inner .gallery .fj-gallery { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); +} +#content-inner .gallery .fj-gallery .img-alt { + display: none; +} +#content-inner .gallery .fj-gallery.lazyload + button { + display: inline-block; +} +#content-inner .gallery .fj-gallery .gallery-data { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + visibility: hidden; +} +#content-inner .gallery button { + display: none; + margin-top: 25px; + padding: 10px; + width: 9em; + border-radius: 5px; + background: var(--btn-bg); + color: var(--btn-color); + font-weight: bold; + font-size: 1.1em; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -ms-transition: all 0.3s; + transition: all 0.3s; +} +#content-inner .gallery button > * { + -webkit-transition: all 0.4s; + -moz-transition: all 0.4s; + -o-transition: all 0.4s; + -ms-transition: all 0.4s; + transition: all 0.4s; +} +#content-inner .gallery button i { + opacity: 1; + -ms-filter: none; + filter: none; + font-size: 1.1rem; +} +#content-inner .gallery button:hover { + background: var(--btn-hover-color); +} +#content-inner .gallery button:hover i { + margin-left: 2px; +} +blockquote.pullquote { + position: relative; + max-width: 45%; + font-size: 110%; +} +blockquote.pullquote.left { + float: left; + margin: 1em 0.5em 0 0; +} +blockquote.pullquote.right { + float: right; + margin: 1em 0 0 0.5em; +} +.video-container { + position: relative; + overflow: hidden; + margin-bottom: 16px; + padding-top: 56.25%; + height: 0; +} +.video-container iframe { + position: absolute; + top: 0; + left: 0; + margin-top: 0; + width: 100%; + height: 100%; +} +.hide-inline > .hide-button, +.hide-block > .hide-button { + display: inline-block; + padding: 5px 18px; + background: #425aef; + color: var(--white); +} +.hide-inline > .hide-button:hover, +.hide-block > .hide-button:hover { + background-color: var(--btn-hover-color); +} +.hide-inline > .hide-button.open, +.hide-block > .hide-button.open { + display: none; +} +.hide-inline > .hide-button.open + div, +.hide-block > .hide-button.open + div { + display: block; +} +.hide-inline > .hide-button.open + span, +.hide-block > .hide-button.open + span { + display: inline; +} +.hide-inline > .hide-content, +.hide-block > .hide-content { + display: none; +} +.hide { + display: none; +} +.hide-inline > .hide-button { + margin: 0 6px; +} +.hide-inline > .hide-content { + margin: 0 6px; +} +.hide-block { + margin: 0 0 16px; +} +.toggle { + margin-bottom: 20px; + border: 1px solid #f0f0f0; +} +.toggle > .toggle-button { + padding: 6px 15px; + background: #f0f0f0; + color: #1f2d3d; + cursor: pointer; +} +.toggle > .toggle-content { + margin: 30px 24px; +} +.md .img { + object-fit: contain; +} +img.inline { + display: inline !important; + vertical-align: middle; + -webkit-transform: translateY(-4px); + -moz-transform: translateY(-4px); + -o-transform: translateY(-4px); + -ms-transform: translateY(-4px); + transform: translateY(-4px); +} +p .img-alt { + display: inline-block; + width: 100%; +} +s, +del { + color: #8e8e8e; + text-decoration-color: #8e8e8e; +} +u { + color: #444; + text-decoration: none; + border-bottom: 1px solid #fe5f58; +} +emp { + color: #444; + border-bottom: 4px dotted #fe5f58; +} +wavy { + color: #444; + text-decoration-style: wavy; + text-decoration-line: underline; + text-decoration-color: #fe5f58; +} +psw { + color: transparent; + background: #a1a1a1; + border-radius: 2px; + -webkit-transition: all 0.28s ease; + -moz-transition: all 0.28s ease; + -o-transition: all 0.28s ease; + -ms-transition: all 0.28s ease; + transition: all 0.28s ease; + -moz-transition: all 0.28s ease; + -webkit-transition: all 0.28s ease; + -o-transition: all 0.28s ease; +} +psw:hover { + color: var(--anzhiyu-font); + background: none; +} +kbd { + display: inline-block; + color: #666; + font: bold 9pt arial; + text-decoration: none; + text-align: center; + padding: 2px 5px; + margin: 0 5px; + background: #eff0f2; + -moz-border-radius: 4px; + border-radius: 4px; + border-top: 1px solid #f5f5f5; + -webkit-box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333; + -moz-box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333; + -webkit-box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333; + -webkit-box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333; + box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333; + text-shadow: 0 1px 0 #f5f5f5; +} +#article-container .inline-img { + display: inline; + margin: 0 3px; + height: 1.1em; + vertical-align: text-bottom; +} +.introduction-card { + position: relative; +} +.introduction-card .img-alt { + display: none; +} +.introduction-card-bottom { + background-color: transparent; + color: inherit; + -webkit-transition: background-color 0.3s ease, color 0.3s ease; + -moz-transition: background-color 0.3s ease, color 0.3s ease; + -o-transition: background-color 0.3s ease, color 0.3s ease; + -ms-transition: background-color 0.3s ease, color 0.3s ease; + transition: background-color 0.3s ease, color 0.3s ease; +} +.introduction-card:active .introduction-card-bottom { + background-color: var(--anzhiyu-main); + color: #fff; +} +.introduction-card:active .introduction-card-bottom .left .info .subTitle { + color: #fff !important; +} +.introduction-card:active .introduction-card-bottom { + -webkit-animation: resetAnimation 3s 1s forwards; + -moz-animation: resetAnimation 3s 1s forwards; + -o-animation: resetAnimation 3s 1s forwards; + -ms-animation: resetAnimation 3s 1s forwards; + animation: resetAnimation 3s 1s forwards; +} +.introduction-card { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + width: 60%; + margin: 0 auto; + border-radius: 15px; + -webkit-box-shadow: var(--anzhiyu-shadow-blackdeep); + box-shadow: var(--anzhiyu-shadow-blackdeep); + height: 520px; + -webkit-transition: all 0.3s ease 0s; + -moz-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + -ms-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + cursor: pointer; +} +@media screen and (max-width: 1200px) { + .introduction-card { + width: 80%; + } +} +@media screen and (max-width: 768px) { + .introduction-card { + width: 100%; + } +} +.introduction-card:active { + -webkit-transform: scale(0.97); + -moz-transform: scale(0.97); + -o-transform: scale(0.97); + -ms-transform: scale(0.97); + transform: scale(0.97); +} +.introduction-card .introduction-card-top { + height: 80%; + width: 100%; + overflow: hidden; + border-radius: 15px 15px 0 0; + position: relative; +} +.introduction-card .introduction-card-top .int-card-info { + position: absolute; + padding: 20px; +} +.introduction-card .introduction-card-top .int-card-info .int-tip { + opacity: 0.8; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + filter: alpha(opacity=80); + font-size: 0.6rem; + margin-bottom: 0.5rem; + color: var(--anzhiyu-white); +} +.introduction-card .introduction-card-top .int-card-info .int-cardTitle { + font-size: 36px; + color: var(--anzhiyu-white); + font-weight: 700; + line-height: 1.1; +} +.introduction-card .introduction-card-top img { + width: 100%; + height: 100%; + border-radius: 0px !important; + margin: 0 !important; +} +.introduction-card .introduction-card-bottom { + height: 20%; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + width: 100%; + border-radius: 0 0 15px 15px; +} +.introduction-card .introduction-card-bottom .left { + width: 70%; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +.introduction-card .introduction-card-bottom .left .info { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.introduction-card .introduction-card-bottom .left .info .title { + font-weight: 600; + line-height: 26px; +} +.introduction-card .introduction-card-bottom .left .info .subTitle { + line-height: 14px; + font-size: 14px; + color: var(--anzhiyu-gray); + opacity: 0.8; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; + filter: alpha(opacity=80); +} +.introduction-card .introduction-card-bottom .left img { + width: 2.875rem; + height: 2.875rem; + margin: 0 20px !important; + border-radius: 12px !important; +} +.introduction-card .introduction-card-bottom .right { + width: 30%; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +.introduction-card .introduction-card-bottom .right a { + width: 100%; + text-align: center; + background: #efeef2; + color: var(--anzhiyu-main) !important; + border-radius: 50px; + height: 35px; + line-height: 35px; + margin-right: 20px; +} +.introduction-card .introduction-card-bottom .right a:hover { + background: var(--anzhiyu-main); + color: var(--anzhiyu-white) !important; +} +@-moz-keyframes resetAnimation { + 0% { + background-color: var(--anzhiyu-main); + color: #fff; + } + 100% { + background-color: transparent; + color: inherit; + } +} +@-webkit-keyframes resetAnimation { + 0% { + background-color: var(--anzhiyu-main); + color: #fff; + } + 100% { + background-color: transparent; + color: inherit; + } +} +@-o-keyframes resetAnimation { + 0% { + background-color: var(--anzhiyu-main); + color: #fff; + } + 100% { + background-color: transparent; + color: inherit; + } +} +@keyframes resetAnimation { + 0% { + background-color: var(--anzhiyu-main); + color: #fff; + } + 100% { + background-color: transparent; + color: inherit; + } +} +.hl-label { + padding: 2px 4px; + border-radius: 3px; + color: #fff; +} +.hl-label.default { + background-color: #2323ef; +} +.hl-label.blue { + background-color: #428bca; +} +.hl-label.pink { + background-color: #ff69b4; +} +.hl-label.red { + background-color: #f00; +} +.hl-label.purple { + background-color: #6f42c1; +} +.hl-label.orange { + background-color: #ff8c00; +} +.hl-label.green { + background-color: #5cb85c; +} +audio, +video { + border-radius: 4px; + max-width: 100%; +} +video { + z-index: 1; + -webkit-transition: all 0.28s ease; + -moz-transition: all 0.28s ease; + -o-transition: all 0.28s ease; + -ms-transition: all 0.28s ease; + transition: all 0.28s ease; + -moz-transition: all 0.28s ease; + -webkit-transition: all 0.28s ease; + -o-transition: all 0.28s ease; +} +video:hover { + -webkit-box-shadow: 0 4px 8px 0px rgba(0,0,0,0.24), 0 8px 16px 0px rgba(0,0,0,0.24); + box-shadow: 0 4px 8px 0px rgba(0,0,0,0.24), 0 8px 16px 0px rgba(0,0,0,0.24); +} +div.video { + line-height: 0; + text-align: center; +} +div.videos { + max-width: calc(100% + 2 * 4px); + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -moz-box-pack: start; + -o-box-pack: start; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + -webkit-box-align: end; + -moz-box-align: end; + -o-box-align: end; + -ms-flex-align: end; + -webkit-align-items: flex-end; + align-items: flex-end; + margin: 1em -4px; +} +div.videos .video, +div.videos iframe { + width: 100%; + margin: 4px; +} +div.videos iframe { + border-radius: 4px; + width: 100%; + min-height: 300px; +} +div.videos.left { + -webkit-box-pack: start; + -moz-box-pack: start; + -o-box-pack: start; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; +} +div.videos.center { + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +div.videos.right { + -webkit-box-pack: end; + -moz-box-pack: end; + -o-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} +div.videos.stretch { + -webkit-box-align: stretch; + -moz-box-align: stretch; + -o-box-align: stretch; + -ms-flex-align: stretch; + -webkit-align-items: stretch; + align-items: stretch; +} +div.videos[col='1'] .video, +div.videos[col='1'] iframe { + width: 100%; +} +div.videos[col='2'] .video, +div.videos[col='2'] iframe { + width: calc(50% - 2 * 4px); +} +div.videos[col='3'] .video, +div.videos[col='3'] iframe { + width: calc(33.33% - 2 * 4px); +} +div.videos[col='4'] .video, +div.videos[col='4'] iframe { + width: calc(25% - 2 * 4px); +} +[data-theme="dark"] audio, +[data-theme="dark"] video { + filter: brightness(0.7); +} +.note { + position: relative; + margin: 0 0 20px; + padding: 15px; + border-radius: 3px; +} +.note.icon-padding { + padding-left: 3em; +} +.note > .note-icon { + position: absolute; + top: calc(50% - 0.5em); + left: 0.8em; + font-size: larger; +} +.note.blue { + color: #4c4948; +} +.note.blue.disabled { + background: #e3eef7 !important; +} +.note.blue:not(.disabled) { + border-left-color: #428bca !important; +} +.note.blue:not(.disabled).modern { + border-left-color: transparent !important; + color: #428bca; +} +.note.blue:not(.disabled):not(.simple) { + background: #e3eef7 !important; +} +.note.blue::before { + color: #428bca; +} +.note.blue > .note-icon { + color: #428bca; +} +.note.pink { + color: #4c4948; +} +.note.pink.disabled { + background: #ffe9f4 !important; +} +.note.pink:not(.disabled) { + border-left-color: #ff69b4 !important; +} +.note.pink:not(.disabled).modern { + border-left-color: transparent !important; + color: #ff69b4; +} +.note.pink:not(.disabled):not(.simple) { + background: #ffe9f4 !important; +} +.note.pink::before { + color: #ff69b4; +} +.note.pink > .note-icon { + color: #ff69b4; +} +.note.red { + color: #4c4948; +} +.note.red.disabled { + background: #ffd9d9 !important; +} +.note.red:not(.disabled) { + border-left-color: #f00 !important; +} +.note.red:not(.disabled).modern { + border-left-color: transparent !important; + color: #f00; +} +.note.red:not(.disabled):not(.simple) { + background: #ffd9d9 !important; +} +.note.red::before { + color: #f00; +} +.note.red > .note-icon { + color: #f00; +} +.note.purple { + color: #4c4948; +} +.note.purple.disabled { + background: #e9e3f6 !important; +} +.note.purple:not(.disabled) { + border-left-color: #6f42c1 !important; +} +.note.purple:not(.disabled).modern { + border-left-color: transparent !important; + color: #6f42c1; +} +.note.purple:not(.disabled):not(.simple) { + background: #e9e3f6 !important; +} +.note.purple::before { + color: #6f42c1; +} +.note.purple > .note-icon { + color: #6f42c1; +} +.note.orange { + color: #4c4948; +} +.note.orange.disabled { + background: #ffeed9 !important; +} +.note.orange:not(.disabled) { + border-left-color: #ff8c00 !important; +} +.note.orange:not(.disabled).modern { + border-left-color: transparent !important; + color: #ff8c00; +} +.note.orange:not(.disabled):not(.simple) { + background: #ffeed9 !important; +} +.note.orange::before { + color: #ff8c00; +} +.note.orange > .note-icon { + color: #ff8c00; +} +.note.green { + color: #4c4948; +} +.note.green.disabled { + background: #e7f4e7 !important; +} +.note.green:not(.disabled) { + border-left-color: #5cb85c !important; +} +.note.green:not(.disabled).modern { + border-left-color: transparent !important; + color: #5cb85c; +} +.note.green:not(.disabled):not(.simple) { + background: #e7f4e7 !important; +} +.note.green::before { + color: #5cb85c; +} +.note.green > .note-icon { + color: #5cb85c; +} +.note.simple { + border: 1px solid #eee; + border-left-width: 5px; + color: var(--font-color); +} +.note.modern { + border: 1px solid transparent !important; + background-color: #f5f5f5; + color: #4c4948; +} +.note.flat { + border: initial; + border-left: 5px solid #eee; + background-color: #f9f9f9; + color: #4c4948; +} +.note.flat a { + color: #4c4948 !important; +} +.note.flat a:hover { + color: var(--anzhiyu-white) !important; +} +.note h2, +.note h3, +.note h4, +.note h5, +.note h6 { + margin-top: 3px; + margin-bottom: 0; + padding-top: 0 !important; + border-bottom: initial; +} +.note p:first-child, +.note ul:first-child, +.note ol:first-child, +.note table:first-child, +.note pre:first-child, +.note blockquote:first-child, +.note img:first-child { + margin-top: 0 !important; +} +.note p:last-child, +.note ul:last-child, +.note ol:last-child, +.note table:last-child, +.note pre:last-child, +.note blockquote:last-child, +.note img:last-child { + margin-bottom: 0 !important; +} +.note:not(.no-icon) { + padding-left: 3em; +} +.note:not(.no-icon)::before { + position: absolute; + top: calc(50% - 0.95em); + left: 0.8em; + font-size: larger; +} +.note.default.flat { + background: #f7f7f7; +} +.note.default.modern { + border-color: #e1e1e1; + background: #f3f3f3; + color: #666; +} +.note.default.modern a:not(.btn) { + color: #666; +} +.note.default.modern a:not(.btn):hover { + color: #454545; +} +.note.default:not(.modern) { + border-left-color: #777; +} +.note.default:not(.modern) h2, +.note.default:not(.modern) h3, +.note.default:not(.modern) h4, +.note.default:not(.modern) h5, +.note.default:not(.modern) h6 { + color: #777; +} +.note.default:not(.no-icon)::before { + content: '\f0a9'; +} +.note.default:not(.no-icon):not(.modern)::before { + color: #777; +} +.note.primary.flat { + background: #f5f0fa; +} +.note.primary.modern { + border-color: #e1c2ff; + background: #f3daff; + color: #6f42c1; +} +.note.primary.modern a:not(.btn) { + color: #6f42c1; +} +.note.primary.modern a:not(.btn):hover { + color: #453298; +} +.note.primary:not(.modern) { + border-left-color: #6f42c1; +} +.note.primary:not(.modern) h2, +.note.primary:not(.modern) h3, +.note.primary:not(.modern) h4, +.note.primary:not(.modern) h5, +.note.primary:not(.modern) h6 { + color: #6f42c1; +} +.note.primary:not(.no-icon)::before { + content: '\f055'; +} +.note.primary:not(.no-icon):not(.modern)::before { + color: #6f42c1; +} +.note.info.flat { + background: #eef7fa; +} +.note.info.modern { + border-color: #b3e5ef; + background: #d9edf7; + color: #31708f; +} +.note.info.modern a:not(.btn) { + color: #31708f; +} +.note.info.modern a:not(.btn):hover { + color: #215761; +} +.note.info:not(.modern) { + border-left-color: #428bca; +} +.note.info:not(.modern) h2, +.note.info:not(.modern) h3, +.note.info:not(.modern) h4, +.note.info:not(.modern) h5, +.note.info:not(.modern) h6 { + color: #428bca; +} +.note.info:not(.no-icon)::before { + content: '\f05a'; +} +.note.info:not(.no-icon):not(.modern)::before { + color: #428bca; +} +.note.success.flat { + background: #eff8f0; +} +.note.success.modern { + border-color: #d0e6be; + background: #dff0d8; + color: #3c763d; +} +.note.success.modern a:not(.btn) { + color: #3c763d; +} +.note.success.modern a:not(.btn):hover { + color: #32562c; +} +.note.success:not(.modern) { + border-left-color: #5cb85c; +} +.note.success:not(.modern) h2, +.note.success:not(.modern) h3, +.note.success:not(.modern) h4, +.note.success:not(.modern) h5, +.note.success:not(.modern) h6 { + color: #5cb85c; +} +.note.success:not(.no-icon)::before { + content: '\f058'; +} +.note.success:not(.no-icon):not(.modern)::before { + color: #5cb85c; +} +.note.warning.flat { + background: #fdf8ea; +} +.note.warning.modern { + border-color: #fae4cd; + background: #fcf4e3; + color: #8a6d3b; +} +.note.warning.modern a:not(.btn) { + color: #8a6d3b; +} +.note.warning.modern a:not(.btn):hover { + color: #714f30; +} +.note.warning:not(.modern) { + border-left-color: #f0ad4e; +} +.note.warning:not(.modern) h2, +.note.warning:not(.modern) h3, +.note.warning:not(.modern) h4, +.note.warning:not(.modern) h5, +.note.warning:not(.modern) h6 { + color: #f0ad4e; +} +.note.warning:not(.no-icon)::before { + content: '\f06a'; +} +.note.warning:not(.no-icon):not(.modern)::before { + color: #f0ad4e; +} +.note.danger.flat { + background: #fcf1f2; +} +.note.danger.modern { + border-color: #ebcdd2; + background: #f2dfdf; + color: #a94442; +} +.note.danger.modern a:not(.btn) { + color: #a94442; +} +.note.danger.modern a:not(.btn):hover { + color: #84333f; +} +.note.danger:not(.modern) { + border-left-color: #d9534f; +} +.note.danger:not(.modern) h2, +.note.danger:not(.modern) h3, +.note.danger:not(.modern) h4, +.note.danger:not(.modern) h5, +.note.danger:not(.modern) h6 { + color: #d9534f; +} +.note.danger:not(.no-icon)::before { + content: '\f056'; +} +.note.danger:not(.no-icon):not(.modern)::before { + color: #d9534f; +} +.site-card-group { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -moz-box-pack: start; + -o-box-pack: start; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + margin: -8px; + -webkit-box-align: stretch; + -moz-box-align: stretch; + -o-box-align: stretch; + -ms-flex-align: stretch; + -webkit-align-items: stretch; + align-items: stretch; +} +.site-card { + margin: 8px; + width: calc(100% / 4 - 16px); + display: block; + line-height: 1.4; + height: 100%; +} +@media screen and (min-width: 2048px) { + .site-card { + width: calc(100% / 5 - 16px); + } +} +@media screen and (max-width: 768px) { + .site-card { + width: calc(100% / 3 - 16px); + } +} +@media screen and (max-width: 500px) { + .site-card { + width: calc(100% / 2 - 16px); + } +} +.site-card .img { + width: 100%; + height: 120px; + overflow: hidden; + border-radius: 6px; + -webkit-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.2); + box-shadow: 0 1px 2px 0px rgba(0,0,0,0.2); + background: #f6f6f6; +} +@media screen and (max-width: 500px) { + .site-card .img { + height: 100px; + } +} +.site-card .img img { + width: 100%; + height: 100%; + pointer-events: none; + -webkit-transition: -webkit-transform 2s ease; + -moz-transition: -moz-transform 2s ease; + -o-transition: -o-transform 2s ease; + -ms-transition: -ms-transform 2s ease; + transition: transform 2s ease; + object-fit: cover; +} +.site-card .info { + margin-top: 8px; +} +.site-card .info img { + width: 32px; + height: 32px; + pointer-events: none; + border-radius: 16px; + float: left; + margin-right: 8px; + margin-top: 2px; +} +.site-card .info span { + display: block; +} +.site-card .info .title { + font-weight: 600; + font-size: var(--global-font-size); + color: #444; + display: -webkit-box; + -webkit-box-orient: vertical; + overflow: hidden; + -webkit-line-clamp: 1; + -webkit-transition: all 0.28s ease; + -moz-transition: all 0.28s ease; + -o-transition: all 0.28s ease; + -ms-transition: all 0.28s ease; + transition: all 0.28s ease; + -moz-transition: all 0.28s ease; + -webkit-transition: all 0.28s ease; + -o-transition: all 0.28s ease; +} +.site-card .info .desc { + font-size: var(--global-font-size); + word-wrap: break-word; + line-height: 1.2; + color: #888; + display: -webkit-box; + -webkit-box-orient: vertical; + overflow: hidden; + -webkit-line-clamp: 2; +} +.site-card .img { + -webkit-transition: all 0.28s ease; + -moz-transition: all 0.28s ease; + -o-transition: all 0.28s ease; + -ms-transition: all 0.28s ease; + transition: all 0.28s ease; + -moz-transition: all 0.28s ease; + -webkit-transition: all 0.28s ease; + -o-transition: all 0.28s ease; +} +.site-card:hover .img { + -webkit-box-shadow: 0 4px 8px 0px rgba(0,0,0,0.1), 0 2px 4px 0px rgba(0,0,0,0.1), 0 4px 8px 0px rgba(0,0,0,0.1), 0 8px 16px 0px rgba(0,0,0,0.1); + box-shadow: 0 4px 8px 0px rgba(0,0,0,0.1), 0 2px 4px 0px rgba(0,0,0,0.1), 0 4px 8px 0px rgba(0,0,0,0.1), 0 8px 16px 0px rgba(0,0,0,0.1); +} +.site-card:hover .info .title { + color: #ff5722; +} +p.p.subtitle { + font-weight: bold; + color: #44b299; + font-size: 1.25rem !important; + padding-top: 1.5rem; +} +p.p.subtitle:first-child { + padding-top: 1rem; +} +span.p.left, +p.p.left { + display: block; + text-align: left; +} +span.p.center, +p.p.center { + display: block; + text-align: center; +} +span.p.right, +p.p.right { + display: block; + text-align: right; +} +span.p.small, +p.p.small { + font-size: var(--global-font-size); +} +span.p.large, +p.p.large { + font-size: 2.5rem; + line-height: 1.4; +} +span.p.huge, +p.p.huge { + font-size: 4rem; + line-height: 1.4; +} +span.p.ultra, +p.p.ultra { + font-size: 6rem; + line-height: 1.4; +} +span.p.small, +p.p.small, +span.p.large, +p.p.large, +span.p.huge, +p.p.huge, +span.p.ultra, +p.p.ultra { + margin: 0; + padding: 0; +} +span.p.bold, +p.p.bold { + font-weight: bold; +} +span.p.h1, +p.p.h1, +span.p.h2, +p.p.h2 { + padding-bottom: 0.2rem; + font-weight: 500; +} +span.p.h1, +p.p.h1 { + font-size: 1.625rem; + color: var(--color-h1); + padding-top: 2em; +} +span.p.h2, +p.p.h2 { + font-size: 1.625rem; + color: var(--color-h2); + padding-top: 2em; + border-bottom: 1px solid rgba(68,68,68,0.1); +} +span.p.h3, +p.p.h3 { + font-size: 1.375rem; + color: var(--color-h3); + padding-top: 2em; +} +span.p.h4, +p.p.h4 { + font-size: 1.125rem; + color: var(--color-h4); + padding-top: 2em; +} +span.p.h5, +p.p.h5 { + font-size: 1rem; + color: var(--color-h5); + padding-top: 1.5em; +} +span.p.red, +p.p.red { + color: #e8453c; +} +span.p.yellow, +p.p.yellow { + color: #fcec60; +} +span.p.green, +p.p.green { + color: #3dc550; +} +span.p.cyan, +p.p.cyan { + color: #1bcdfc; +} +span.p.blue, +p.p.blue { + color: #2196f3; +} +span.p.purple, +p.p.purple { + color: #9c27b0; +} +span.p.gray, +p.p.gray { + color: #999; +} +#article-container .tabs { + position: relative; + margin: 0 0 20px; + border: 3px solid var(--anzhiyu-secondbg); + margin: 1rem 0 !important; + border-radius: 12px; + overflow: hidden; + -webkit-box-shadow: var(--anzhiyu-shadow-border); + box-shadow: var(--anzhiyu-shadow-border); + background: var(--anzhiyu-card-bg); + padding: 8px; +} +#article-container .tabs > .nav-tabs { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + margin: 0; + padding: 16px; + background: var(--anzhiyu-card-bg); +} +#article-container .tabs > .nav-tabs > .tab { + padding: 8px 18px; + background: var(--anzhiyu-secondbg); + color: var(--anzhiyu-fontcolor); + line-height: 1; + -webkit-transition: all 0.4s; + -moz-transition: all 0.4s; + -o-transition: all 0.4s; + -ms-transition: all 0.4s; + transition: all 0.4s; + margin: 4px; + border: var(--style-border-always); + border-radius: 8px; +} +#article-container .tabs > .nav-tabs > .tab i { + width: 1.5em; +} +#article-container .tabs > .nav-tabs > .tab.active { + border: var(--style-border-hover-always); + background: var(--anzhiyu-background); + border-radius: 8px; + cursor: default; +} +#article-container .tabs > .nav-tabs > .tab:not(.active):hover { + background: var(--anzhiyu-main); + color: var(--anzhiyu-white); + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + border: var(--style-border-hover-always); +} +#article-container .tabs > .nav-tabs.no-default ~ .tab-to-top { + display: none; +} +#article-container .tabs > .tab-contents .tab-item-content { + position: relative; + display: none; + background: var(--anzhiyu-background); + border: var(--style-border-always); + padding: 1.2rem 1.2rem; + border-radius: 8px; +} +@media screen and (max-width: 768px) { + #article-container .tabs > .tab-contents .tab-item-content { + padding: 24px 14px; + } +} +#article-container .tabs > .tab-contents .tab-item-content.active { + display: block; +} +#article-container .tabs > .tab-to-top { + padding: 0 16px 10px 0; + width: 100%; + text-align: right; +} +#article-container .tabs > .tab-to-top button { + color: #99a9bf; +} +#article-container .tabs > .tab-to-top button:hover { + color: #425aef; +} +@-moz-keyframes tabshow { + 0% { + -webkit-transform: translateY(15px); + -moz-transform: translateY(15px); + -o-transform: translateY(15px); + -ms-transform: translateY(15px); + transform: translateY(15px); + } + 100% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@-webkit-keyframes tabshow { + 0% { + -webkit-transform: translateY(15px); + -moz-transform: translateY(15px); + -o-transform: translateY(15px); + -ms-transform: translateY(15px); + transform: translateY(15px); + } + 100% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@-o-keyframes tabshow { + 0% { + -webkit-transform: translateY(15px); + -moz-transform: translateY(15px); + -o-transform: translateY(15px); + -ms-transform: translateY(15px); + transform: translateY(15px); + } + 100% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes tabshow { + 0% { + -webkit-transform: translateY(15px); + -moz-transform: translateY(15px); + -o-transform: translateY(15px); + -ms-transform: translateY(15px); + transform: translateY(15px); + } + 100% { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +#article-container .timeline { + margin: 0 0 20px 10px; + padding: 14px 20px 5px; + border-left: 2px solid var(--timeline-color, #425aef); +} +#article-container .timeline.blue { + --timeline-color: #428bca; + --timeline-bg: rgba(66,139,202, 0.2); +} +#article-container .timeline.pink { + --timeline-color: #ff69b4; + --timeline-bg: rgba(255,105,180, 0.2); +} +#article-container .timeline.red { + --timeline-color: #f00; + --timeline-bg: rgba(255,0,0, 0.2); +} +#article-container .timeline.purple { + --timeline-color: #6f42c1; + --timeline-bg: rgba(111,66,193, 0.2); +} +#article-container .timeline.orange { + --timeline-color: #ff8c00; + --timeline-bg: rgba(255,140,0, 0.2); +} +#article-container .timeline.green { + --timeline-color: #5cb85c; + --timeline-bg: rgba(92,184,92, 0.2); +} +#article-container .timeline .timeline-item { + margin: 0 0 15px; +} +#article-container .timeline .timeline-item:hover .item-circle:before { + border-color: var(--timeline-color, #425aef); +} +#article-container .timeline .timeline-item.headline .timeline-item-title .item-circle > p { + font-weight: 600; + font-size: 1.2em; +} +#article-container .timeline .timeline-item.headline .timeline-item-title .item-circle:before { + left: -28px; + border: 4px solid var(--timeline-color, #425aef); +} +#article-container .timeline .timeline-item.headline:hover .item-circle:before { + border-color: var(--pseudo-hover); +} +#article-container .timeline .timeline-item .timeline-item-title { + position: relative; +} +#article-container .timeline .timeline-item .item-circle:before { + position: absolute; + top: 50%; + left: -27px; + width: 6px; + height: 6px; + border: 3px solid var(--pseudo-hover); + border-radius: 50%; + background: var(--card-bg); + content: ''; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -ms-transition: all 0.3s; + transition: all 0.3s; + -webkit-transform: translate(0, -50%); + -moz-transform: translate(0, -50%); + -o-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); +} +#article-container .timeline .timeline-item .item-circle > p { + margin: 0 0 8px; + font-weight: 500; +} +#article-container .timeline .timeline-item .timeline-item-content { + position: relative; + padding: 12px 15px; + border-radius: 0.5rem; + border: var(--style-border-always); + font-size: 0.93em; +} +#article-container .timeline .timeline-item .timeline-item-content > :last-child { + margin-bottom: 0; +} +#article-container .timeline + .timeline { + margin-top: -20px; +} +.tip { + padding: 6px 20px; + position: relative; + color: #fff; + margin-bottom: 20px; + background: -webkit-linear-gradient(0deg, #41363c, #494648); + background: -moz-linear-gradient(0deg, #41363c, #494648); + background: -o-linear-gradient(0deg, #41363c, #494648); + background: -ms-linear-gradient(0deg, #41363c, #494648); + background: linear-gradient(90deg, #41363c, #494648); + padding: 6px 20px; + border-radius: 10px; + -webkit-box-shadow: 0 3px 5px rgba(50,50,50,0.5); + -webkit-box-shadow: 0 3px 5px rgba(50,50,50,0.5); + box-shadow: 0 3px 5px rgba(50,50,50,0.5); +} +.tip p { + margin: 0 !important; + padding: 0.5rem 0; +} +.tip:before { + background: -webkit-linear-gradient(90deg, #41363c, #494648); + background: -moz-linear-gradient(90deg, #41363c, #494648); + background: -o-linear-gradient(90deg, #41363c, #494648); + background: -ms-linear-gradient(90deg, #41363c, #494648); + background: linear-gradient(0deg, #41363c, #494648); + text-shadow: 0 -1px #41363c; + border-radius: 50%; + color: #fff; + font-size: 12px; + position: absolute; + width: 24px; + height: 24px; + line-height: 24.5px; + left: -12px; + top: -12px; + -webkit-box-shadow: 0 0 0 2.5px #f7f8f9; + box-shadow: 0 0 0 2.5px #f7f8f9; + font-weight: 600; + font-family: "Font Awesome 6 Free"; + text-align: center; +} +.tip ol { + margin: 0; +} +.tip.info { + background: #20a0ff; + background: -webkit-linear-gradient(0deg, #20a0ff, #20b8ff); + background: -moz-linear-gradient(0deg, #20a0ff, #20b8ff); + background: -o-linear-gradient(0deg, #20a0ff, #20b8ff); + background: -ms-linear-gradient(0deg, #20a0ff, #20b8ff); + background: linear-gradient(90deg, #20a0ff, #20b8ff); + padding: 6px 20px; + border-radius: 10px; + -webkit-box-shadow: 0 3px 5px rgba(32,160,255,0.5); + -webkit-box-shadow: 0 3px 5px rgba(32,160,255,0.5); + box-shadow: 0 3px 5px rgba(32,160,255,0.5); +} +.tip.info:before { + background: #20a0ff; + background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff)); + background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff)); + background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff)); + background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff)); + background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff)); + background: -webkit-linear-gradient(90deg, #0092ff, #20b8ff); + background: -moz-linear-gradient(90deg, #0092ff, #20b8ff); + background: -o-linear-gradient(90deg, #0092ff, #20b8ff); + background: -ms-linear-gradient(90deg, #0092ff, #20b8ff); + background: linear-gradient(0deg, #0092ff, #20b8ff); + content: "\f05a"; + font-family: anzhiyufont; + text-shadow: 0 -1px #20a0ff; +} +.tip.success { + background: -webkit-linear-gradient(0deg, #61be33, #8fce44); + background: -moz-linear-gradient(0deg, #61be33, #8fce44); + background: -o-linear-gradient(0deg, #61be33, #8fce44); + background: -ms-linear-gradient(0deg, #61be33, #8fce44); + background: linear-gradient(90deg, #61be33, #8fce44); + text-shadow: 0 -1px #61be33; + -webkit-box-shadow: 0 3px 5px rgba(104,195,59,0.5); + -webkit-box-shadow: 0 3px 5px rgba(104,195,59,0.5); + box-shadow: 0 3px 5px rgba(104,195,59,0.5); +} +.tip.success:before { + background: -webkit-linear-gradient(90deg, #52bb1d, #95d34b); + background: -moz-linear-gradient(90deg, #52bb1d, #95d34b); + background: -o-linear-gradient(90deg, #52bb1d, #95d34b); + background: -ms-linear-gradient(90deg, #52bb1d, #95d34b); + background: linear-gradient(0deg, #52bb1d, #95d34b); + content: "\f058"; + text-shadow: 0 -1px #61be33; + font-family: anzhiyufont; +} +.tip.warning { + background: #ff953f; + background: -webkit-linear-gradient(0deg, #ff953f, #ffb449); + background: -moz-linear-gradient(0deg, #ff953f, #ffb449); + background: -o-linear-gradient(0deg, #ff953f, #ffb449); + background: -ms-linear-gradient(0deg, #ff953f, #ffb449); + background: linear-gradient(90deg, #ff953f, #ffb449); + text-shadow: 0 -1px #ff953f; + -webkit-box-shadow: 0 3px 5px rgba(255,154,73,0.5); + box-shadow: 0 3px 5px rgba(255,154,73,0.5); +} +.tip.warning::before { + background: -webkit-linear-gradient(90deg, #ff8f35, #ffc149); + background: -moz-linear-gradient(90deg, #ff8f35, #ffc149); + background: -o-linear-gradient(90deg, #ff8f35, #ffc149); + background: -ms-linear-gradient(90deg, #ff8f35, #ffc149); + background: linear-gradient(0deg, #ff8f35, #ffc149); + content: '\f06a'; + text-shadow: 0 -1px #ff953f; + font-family: anzhiyufont; +} +.tip.error { + background: #ff4949; + background: -webkit-linear-gradient(0deg, #ff4949, #ff7849); + background: -moz-linear-gradient(0deg, #ff4949, #ff7849); + background: -o-linear-gradient(0deg, #ff4949, #ff7849); + background: -ms-linear-gradient(0deg, #ff4949, #ff7849); + background: linear-gradient(90deg, #ff4949, #ff7849); + text-shadow: 0 -1px #ff4949; + -webkit-box-shadow: 0 3px 5px rgba(255,73,73,0.5); + box-shadow: 0 3px 5px rgba(255,73,73,0.5); +} +.tip.error:before { + background: -webkit-linear-gradient(90deg, #ff3838, #ff7849); + background: -moz-linear-gradient(90deg, #ff3838, #ff7849); + background: -o-linear-gradient(90deg, #ff3838, #ff7849); + background: -ms-linear-gradient(90deg, #ff3838, #ff7849); + background: linear-gradient(0deg, #ff3838, #ff7849); + content: $note-error-icon; + text-shadow: 0 -1px #ff4949; + font-family: anzhiyufont; +} +.tip.bolt { + background: -webkit-linear-gradient(80deg, #78ca33, #25822c); + background: -moz-linear-gradient(80deg, #78ca33, #25822c); + background: -o-linear-gradient(80deg, #78ca33, #25822c); + background: -ms-linear-gradient(80deg, #78ca33, #25822c); + background: linear-gradient(530deg, #78ca33, #25822c); + content: "\f058"; + text-shadow: 0 -1px #4cf706; +} +.tip.bolt:before { + background: -webkit-linear-gradient(326deg, #78ca33, #25822c); + background: -moz-linear-gradient(326deg, #78ca33, #25822c); + background: -o-linear-gradient(326deg, #78ca33, #25822c); + background: -ms-linear-gradient(326deg, #78ca33, #25822c); + background: linear-gradient(776deg, #78ca33, #25822c); + content: "\f058"; + text-shadow: 0 -1px #4cf706; + font-family: anzhiyufont; +} +.tip.ban { + background: -webkit-linear-gradient(0deg, #ff4949, #f03b49); + background: -moz-linear-gradient(0deg, #ff4949, #f03b49); + background: -o-linear-gradient(0deg, #ff4949, #f03b49); + background: -ms-linear-gradient(0deg, #ff4949, #f03b49); + background: linear-gradient(90deg, #ff4949, #f03b49); + text-shadow: 0 -1px #ff4949; + -webkit-box-shadow: 0 3px 5px rgba(255,73,73,0.5); + box-shadow: 0 3px 5px rgba(255,73,73,0.5); +} +.tip.ban:before { + background: -webkit-linear-gradient(90deg, #ff3838, #ff1022); + background: -moz-linear-gradient(90deg, #ff3838, #ff1022); + background: -o-linear-gradient(90deg, #ff3838, #ff1022); + background: -ms-linear-gradient(90deg, #ff3838, #ff1022); + background: linear-gradient(0deg, #ff3838, #ff1022); + content: "\f056"; + text-shadow: 0 -1px #ff4949; + font-family: anzhiyufont; +} +.tip.home { + background: #15e5ff; + background: -webkit-linear-gradient(0deg, #0ec0ef, #80e0f7); + background: -moz-linear-gradient(0deg, #0ec0ef, #80e0f7); + background: -o-linear-gradient(0deg, #0ec0ef, #80e0f7); + background: -ms-linear-gradient(0deg, #0ec0ef, #80e0f7); + background: linear-gradient(90deg, #0ec0ef, #80e0f7); + text-shadow: 0 -1px #0ec0ef; + -webkit-box-shadow: 0 3px 5px #01caff; + -webkit-box-shadow: 0 3px 5px #01caff; + box-shadow: 0 3px 5px #01caff; +} +.tip.home:before { + background: -webkit-linear-gradient(90deg, #0ec0ee, #0ec0ea); + background: -moz-linear-gradient(90deg, #0ec0ee, #0ec0ea); + background: -o-linear-gradient(90deg, #0ec0ee, #0ec0ea); + background: -ms-linear-gradient(90deg, #0ec0ee, #0ec0ea); + background: linear-gradient(0deg, #0ec0ee, #0ec0ea); + content: "\e606"; + font-family: anzhiyufont; + text-shadow: 0 -1px #0ec0ea; +} +.tip.sync { + background: #00a9ff; + background: -webkit-linear-gradient(220deg, #47c0e0, #2dc342); + background: -moz-linear-gradient(220deg, #47c0e0, #2dc342); + background: -o-linear-gradient(220deg, #47c0e0, #2dc342); + background: -ms-linear-gradient(220deg, #47c0e0, #2dc342); + background: linear-gradient(230deg, #47c0e0, #2dc342); + text-shadow: 0 -1px #1bcdfc; + -webkit-box-shadow: 0 3px 5px #1bcdfc; + -webkit-box-shadow: 0 3px 5px #20b1ad; + box-shadow: 0 3px 5px #20b1ad; +} +.tip.sync:before { + background: -webkit-linear-gradient(180deg, #40c0e2, #3dc550); + background: -moz-linear-gradient(180deg, #40c0e2, #3dc550); + background: -o-linear-gradient(180deg, #40c0e2, #3dc550); + background: -ms-linear-gradient(180deg, #40c0e2, #3dc550); + background: linear-gradient(270deg, #40c0e2, #3dc550); + content: "\e66b"; + font-family: anzhiyufont; + text-shadow: 0 -1px #17cfff; +} +.tip.cogs { + background: -webkit-linear-gradient(220deg, #40c0e2, #5247e2); + background: -moz-linear-gradient(220deg, #40c0e2, #5247e2); + background: -o-linear-gradient(220deg, #40c0e2, #5247e2); + background: -ms-linear-gradient(220deg, #40c0e2, #5247e2); + background: linear-gradient(230deg, #40c0e2, #5247e2); + text-shadow: 0 -1px #8278fd; + -webkit-box-shadow: 0 3px 5px #4037a7; + -webkit-box-shadow: 1 3px 5px #5e52ec; + box-shadow: 1 3px 5px #5e52ec; +} +.tip.cogs:before { + background: -webkit-linear-gradient(110deg, #40c0e2, #5246e2); + background: -moz-linear-gradient(110deg, #40c0e2, #5246e2); + background: -o-linear-gradient(110deg, #40c0e2, #5246e2); + background: -ms-linear-gradient(110deg, #40c0e2, #5246e2); + background: linear-gradient(560deg, #40c0e2, #5246e2); + content: "\e638"; + font-family: anzhiyufont; + text-shadow: 0 -1px #098cf5; +} +.tip.key { + background: #25c33b; + background: -webkit-linear-gradient(220deg, #90a4ae, #b7a7a7); + background: -moz-linear-gradient(220deg, #90a4ae, #b7a7a7); + background: -o-linear-gradient(220deg, #90a4ae, #b7a7a7); + background: -ms-linear-gradient(220deg, #90a4ae, #b7a7a7); + background: linear-gradient(230deg, #90a4ae, #b7a7a7); + text-shadow: 0 -1px #c1c0d4; + -webkit-box-shadow: 0 3px 5px #d3d2de; + -webkit-box-shadow: 1 3px 5px #d5d4de; + box-shadow: 1 3px 5px #d5d4de; +} +.tip.key:before { + background: -webkit-linear-gradient(110deg, #bccdd2, #cfced4); + background: -moz-linear-gradient(110deg, #bccdd2, #cfced4); + background: -o-linear-gradient(110deg, #bccdd2, #cfced4); + background: -ms-linear-gradient(110deg, #bccdd2, #cfced4); + background: linear-gradient(560deg, #bccdd2, #cfced4); + content: "\e673"; + font-family: anzhiyufont; + text-shadow: 0 -1px #a9b2b9; +} +.tip.bell { + background: -webkit-linear-gradient(220deg, #ffaa0d, #deb455); + background: -moz-linear-gradient(220deg, #ffaa0d, #deb455); + background: -o-linear-gradient(220deg, #ffaa0d, #deb455); + background: -ms-linear-gradient(220deg, #ffaa0d, #deb455); + background: linear-gradient(230deg, #ffaa0d, #deb455); + text-shadow: 0 -1px #c1c0d4; + -webkit-box-shadow: 1 3px 5px #d5d4de; + box-shadow: 1 3px 5px #d5d4de; +} +.tip.bell:before { + background: -webkit-linear-gradient(110deg, #f9ae07, #ffb615); + background: -moz-linear-gradient(110deg, #f9ae07, #ffb615); + background: -o-linear-gradient(110deg, #f9ae07, #ffb615); + background: -ms-linear-gradient(110deg, #f9ae07, #ffb615); + background: linear-gradient(560deg, #f9ae07, #ffb615); + content: "\e635"; + font-family: anzhiyufont; + text-shadow: 0 -1px #ffb81b; +} +[data-theme="dark"] .tip { + filter: brightness(0.7); +} +#article-container .tip a { + color: #e6eaed; +} +[data-theme='dark'] { + --global-bg: #0d0d0d; + --font-color: rgba(255,255,255,0.7); + --hr-border: rgba(255,255,255,0.4); + --hr-before-color: rgba(255,255,255,0.7); + --search-bg: #121212; + --search-input-color: rgba(255,255,255,0.7); + --search-result-title: rgba(255,255,255,0.9); + --preloader-bg: #0d0d0d; + --preloader-color: rgba(255,255,255,0.7); + --tab-border-color: #2c2c2c; + --tab-botton-bg: #2c2c2c; + --tab-botton-color: rgba(255,255,255,0.7); + --tab-button-hover-bg: #383838; + --tab-button-active-bg: #121212; + --card-bg: #121212; + --sidebar-bg: #121212; + --btn-hover-color: #787878; + --btn-color: rgba(255,255,255,0.7); + --btn-bg: #1f1f1f; + --text-bg-hover: #383838; + --light-grey: rgba(255,255,255,0.7); + --dark-grey: rgba(255,255,255,0.2); + --white: rgba(255,255,255,0.9); + --text-highlight-color: rgba(255,255,255,0.9); + --blockquote-color: rgba(255,255,255,0.7); + --blockquote-bg: #2c2c2c; + --reward-pop: #2c2c2c; + --toc-link-color: rgba(255,255,255,0.6); + --scrollbar-color: #1f1f1f; + --timeline-bg: #1f1f1f; +} +[data-theme='dark'] #web_bg:before, +[data-theme='dark'] #footer:before, +[data-theme='dark'] #page-header:before { + position: absolute; + width: 100%; + height: 100%; + background-color: rgba(0,0,0,0.3); + content: ''; + z-index: 2; + pointer-events: none; +} +[data-theme='dark'] #footer { + background-color: var(--anzhiyu-card-bg); +} +[data-theme='dark'] #article-container pre > code { + background: #171717; +} +[data-theme='dark'] #article-container figure.highlight { + -webkit-box-shadow: none; + box-shadow: none; +} +[data-theme='dark'] #article-container .note code { + background: var(--anzhiyu-code-stress); +} +[data-theme='dark'] #article-container .aplayer { + filter: brightness(0.8); +} +[data-theme='dark'] #article-container kbd { + border-color: #696969; + background-color: #525252; + color: #e2f1ff; +} +[data-theme='dark'] #page-header.nav-fixed > #nav, +[data-theme='dark'] #page-header.not-top-img > #nav { + background: var(--anzhiyu-black); + -webkit-box-shadow: 0 5px 6px -5px rgba(133,133,133,0); + box-shadow: 0 5px 6px -5px rgba(133,133,133,0); +} +[data-theme='dark'] .post #page-header.nav-fixed > #nav { + background: var(--anzhiyu-card-bg); + -webkit-box-shadow: none; + box-shadow: none; +} +[data-theme='dark'] #post-comment .comment-switch { + background: #2c2c2c !important; +} +[data-theme='dark'] #post-comment .comment-switch #switch-btn { + filter: brightness(0.8); +} +[data-theme='dark'] .note { + filter: brightness(0.8); +} +[data-theme='dark'] .hide-button, +[data-theme='dark'] .btn-anzhiyu, +[data-theme='dark'] .hl-label, +[data-theme='dark'] .post-outdate-notice, +[data-theme='dark'] .error-img, +[data-theme='dark'] #article-container iframe, +[data-theme='dark'] .gist, +[data-theme='dark'] .ads-wrap { + filter: brightness(0.8); +} +[data-theme='dark'] img { + filter: blur(0) brightness(0.8); +} +[data-theme='dark'] #aside-content .aside-list > .aside-list-item:not(:last-child) { + border-bottom: 1px dashed rgba(255,255,255,0.1); +} +@media screen and (max-width: 768px) { + [data-theme='dark'] .post #aside-content { + background: var(--anzhiyu-card-bg); + } +} +[data-theme='dark'] #artitalk_main #lazy { + background: #121212; +} +[data-theme='dark'] #operare_artitalk .c2 { + background: #121212; +} +@media screen and (max-width: 900px) { + [data-theme='dark'] #card-toc { + background: #1f1f1f; + } +} +.read-mode { + --font-color: #4c4948; + --readmode-light-color: #fff; + --white: var(--anzhiyu-white); + --light-grey: #4c4948; + --gray: #d6dbdf; + --hr-border: #d6dbdf; + --hr-before-color: #b9c2c9; + --highlight-bg: #f7f7f7; + --exit-btn-bg: #c0c0c0; + --exit-btn-color: #fff; + --exit-btn-hover: #8d8d8d; + --pseudo-hover: none; +} +[data-theme='dark'] .read-mode { + --font-color: rgba(255,255,255,0.7); + --readmode-light-color: #0d0d0d; + --white: rgba(255,255,255,0.9); + --light-grey: rgba(255,255,255,0.7); + --gray: rgba(255,255,255,0.7); + --hr-border: rgba(255,255,255,0.5); + --hr-before-color: rgba(255,255,255,0.7); + --highlight-bg: #171717; + --exit-btn-bg: #1f1f1f; + --exit-btn-color: rgba(255,255,255,0.9); + --exit-btn-hover: #525252; +} +.read-mode { + background: var(--readmode-light-color); +} +.read-mode .exit-readmode { + position: fixed; + top: 30px; + right: 30px; + z-index: 100; + width: 40px; + height: 40px; + border-radius: 8px; + background: var(--exit-btn-bg); + color: var(--exit-btn-color); + font-size: 16px; + -webkit-transition: background 0.3s; + -moz-transition: background 0.3s; + -o-transition: background 0.3s; + -ms-transition: background 0.3s; + transition: background 0.3s; +} +@media screen and (max-width: 768px) { + .read-mode .exit-readmode { + top: initial; + bottom: 30px; + } +} +.read-mode .exit-readmode:hover { + background: var(--exit-btn-hover); +} +.read-mode #aside-content { + display: none; +} +.read-mode #post-firstinfo .meta-firstline a.post-meta-original { + color: var(--white) !important; +} +.read-mode #post-firstinfo .meta-firstline a.post-meta-categories { + color: var(--white) !important; +} +.read-mode #post-firstinfo .meta-firstline a.article-meta__tags { + color: var(--white) !important; +} +.read-mode #post-info #post-meta { + color: var(--white) !important; +} +.read-mode #page-header.post-bg { + background-color: transparent; + background-image: none !important; +} +.read-mode #page-header.post-bg:before { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); +} +.read-mode #page-header.post-bg > #post-info { + text-align: center; +} +.read-mode #post { + margin: 0 auto; + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +.read-mode #post:hover { + -webkit-box-shadow: none; + box-shadow: none; +} +.read-mode > canvas { + display: none !important; +} +.read-mode .highlight-tools, +.read-mode #footer, +.read-mode #post > *:not(#post-info):not(.post-content), +.read-mode #nav, +.read-mode .post-outdate-notice, +.read-mode #web_bg, +.read-mode #rightside, +.read-mode .not-top-img { + display: none !important; +} +.read-mode #article-container a { + color: #99a9bf; +} +.read-mode #article-container pre, +.read-mode #article-container .highlight:not(.js-file-line-container) { + background: var(--highlight-bg) !important; +} +.read-mode #article-container pre *, +.read-mode #article-container .highlight:not(.js-file-line-container) * { + color: var(--font-color) !important; +} +.read-mode #article-container figure.highlight { + border-radius: 0 !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.read-mode #article-container figure.highlight > :not(.highlight-tools) { + display: block !important; +} +.read-mode #article-container figure.highlight .line:before { + color: var(--font-color) !important; +} +.read-mode #article-container figure.highlight .hljs { + background: var(-highlight-bg) !important; +} +.read-mode #article-container h1, +.read-mode #article-container h2, +.read-mode #article-container h3, +.read-mode #article-container h4, +.read-mode #article-container h5, +.read-mode #article-container h6 { + padding: 0; +} +.read-mode #article-container h1:before, +.read-mode #article-container h2:before, +.read-mode #article-container h3:before, +.read-mode #article-container h4:before, +.read-mode #article-container h5:before, +.read-mode #article-container h6:before { + content: ''; +} +.read-mode #article-container h1:hover, +.read-mode #article-container h2:hover, +.read-mode #article-container h3:hover, +.read-mode #article-container h4:hover, +.read-mode #article-container h5:hover, +.read-mode #article-container h6:hover { + padding: 0; +} +.read-mode #article-container ul:hover:before, +.read-mode #article-container li:hover:before, +.read-mode #article-container ol:hover:before { + -webkit-transform: none !important; + -moz-transform: none !important; + -o-transform: none !important; + -ms-transform: none !important; + transform: none !important; +} +.read-mode #article-container ol:before, +.read-mode #article-container li:before { + background: transparent !important; + color: var(--font-color) !important; +} +.read-mode #article-container ul >li:before { + border-color: var(--gray) !important; +} +.read-mode #article-container .tabs { + border: 2px solid var(--tab-border-color); +} +.read-mode #article-container .tabs > .nav-tabs { + background: transparent; +} +.read-mode #article-container .tabs > .nav-tabs > .tab { + border-top: none !important; +} +.read-mode #article-container .tabs > .tab-contents .tab-item-content.active { + -webkit-animation: none; + -moz-animation: none; + -o-animation: none; + -ms-animation: none; + animation: none; +} +.read-mode #article-container code { + color: var(--font-color); +} +.read-mode #article-container blockquote { + border-color: var(--gray); + background-color: var(--readmode-light-color); +} +.read-mode #article-container kbd { + border: 1px solid var(--gray); + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: var(--font-color); +} +.read-mode #article-container .hide-toggle { + border: 1px solid var(--gray) !important; +} +.read-mode #article-container .hide-button, +.read-mode #article-container .btn-anzhiyu, +.read-mode #article-container .hl-label { + border: 1px solid var(--gray) !important; + background: var(--readmode-light-color) !important; + color: var(--font-color) !important; +} +.read-mode #article-container .note { + border: 2px solid var(--gray); + border-left-color: var(--gray) !important; + filter: none; + background-color: var(--readmode-light-color) !important; + color: var(--font-color); +} +.read-mode #article-container .note:before, +.read-mode #article-container .note .note-icon { + color: var(--font-color); +} +body .snackbar-container { + background: var(--anzhiyu-main) !important; + color: var(--anzhiyu-white) !important; + border-radius: 0 !important; + display: -webkit-box !important; + display: -moz-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: box !important; + display: flex !important; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + max-width: none !important; + min-width: 100% !important; + margin: 0 !important; + left: 0 !important; + height: 61px !important; + -webkit-transform: none !important; + -moz-transform: none !important; + -o-transform: none !important; + -ms-transform: none !important; + transform: none !important; + margin: 0 !important; + z-index: 99999; +} +body .snackbar-container p { + font-weight: 700 !important; + text-align: center !important; + font-size: 1.1rem !important; +} +body .snackbar-container .action { + color: var(--anzhiyu-white) !important; + padding: 4px 6px !important; + font-weight: 700; + border-radius: 8px; + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; + border: var(--style-border) !important; +} +body .snackbar-container .action:hover { + color: var(--anzhiyu-main) !important; + background: var(--anzhiyu-white); +} +body .snackbar-container::after { + position: absolute; + height: 100%; + width: 100%; + left: 0; + top: 0; + background: var(--anzhiyu-white); + opacity: 0.1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; + filter: alpha(opacity=10); + content: ""; + -webkit-animation: snackbar-progress var(--anzhiyu-snackbar-time) linear forwards; + -moz-animation: snackbar-progress var(--anzhiyu-snackbar-time) linear forwards; + -o-animation: snackbar-progress var(--anzhiyu-snackbar-time) linear forwards; + -ms-animation: snackbar-progress var(--anzhiyu-snackbar-time) linear forwards; + animation: snackbar-progress var(--anzhiyu-snackbar-time) linear forwards; + pointer-events: none; + will-change: transform; + -webkit-transform-origin: left; + -moz-transform-origin: left; + -o-transform-origin: left; + -ms-transform-origin: left; + transform-origin: left; +} +@-moz-keyframes snackbar-progress { + from { + -webkit-transform: scaleX(0); + -moz-transform: scaleX(0); + -o-transform: scaleX(0); + -ms-transform: scaleX(0); + transform: scaleX(0); + } + to { + -webkit-transform: scaleX(1); + -moz-transform: scaleX(1); + -o-transform: scaleX(1); + -ms-transform: scaleX(1); + transform: scaleX(1); + } +} +@-webkit-keyframes snackbar-progress { + from { + -webkit-transform: scaleX(0); + -moz-transform: scaleX(0); + -o-transform: scaleX(0); + -ms-transform: scaleX(0); + transform: scaleX(0); + } + to { + -webkit-transform: scaleX(1); + -moz-transform: scaleX(1); + -o-transform: scaleX(1); + -ms-transform: scaleX(1); + transform: scaleX(1); + } +} +@-o-keyframes snackbar-progress { + from { + -webkit-transform: scaleX(0); + -moz-transform: scaleX(0); + -o-transform: scaleX(0); + -ms-transform: scaleX(0); + transform: scaleX(0); + } + to { + -webkit-transform: scaleX(1); + -moz-transform: scaleX(1); + -o-transform: scaleX(1); + -ms-transform: scaleX(1); + transform: scaleX(1); + } +} +@keyframes snackbar-progress { + from { + -webkit-transform: scaleX(0); + -moz-transform: scaleX(0); + -o-transform: scaleX(0); + -ms-transform: scaleX(0); + transform: scaleX(0); + } + to { + -webkit-transform: scaleX(1); + -moz-transform: scaleX(1); + -o-transform: scaleX(1); + -ms-transform: scaleX(1); + transform: scaleX(1); + } +} +/* 处理单页背景 */ +body[data-type="album_detail"] #web_bg { + background: var(--anzhiyu-background); +} +body[data-type="album_detail"] #page { + border: 0; + box-shadow: none !important; + padding: 0 !important; + background: 0 0 !important; +} +body[data-type="album_detail"] #page .page-title { + display: none; +} + +/* 处理页面样式 */ +#album_detail .album-container-img { + display: flex; + align-items: center; + justify-content: space-around; + width: 100%; + height: 100%; + flex-wrap: wrap; + margin-bottom: 0.3rem; +} +#album_detail .album-container-img .album-content-noimg { + width: calc(100% / 2 - 5px); +} + +#album_detail .album-content-img img { + object-fit: cover; + max-width: 100%; + border-radius: 12px; + margin: 10px 0; +} + +#album_detail .album-content-img { + height: 100%; + max-height: 300px; + border-radius: 12px; + overflow: hidden; + display: flex; + position: relative; +} + +#album_detail .album-content .datacont { + order: 0; + font-size: 0.8rem; + font-weight: 700; + color: var(--anzhiyu-fontcolor); + width: 100%; + line-height: 1.38; + border-radius: 12px; + margin-bottom: 0.5rem; + display: flex; + flex-direction: column; + text-align: justify; +} +#album_detail p { + margin: 0px; +} +#album_detail div.album-content { + display: flex; + flex-flow: wrap; + border-radius: 12px; + width: 100%; + height: 100%; +} +#album_detail .timeline ul li.album-item { + position: relative; + width: 32%; + border: var(--style-border-always); + border-radius: 12px; + padding: 1rem 1rem 0.5rem; + transition: all 0.3s ease 0s; + display: flex; + flex-flow: column nowrap; + justify-content: space-between; + align-items: flex-start; + background: var(--anzhiyu-card-bg); + box-shadow: var(--anzhiyu-shadow-border); + margin-right: 2%; +} +#album_detail .timeline #waterfall.show { + opacity: 1; +} +#album_detail .timeline #waterfall { + opacity: 0; + transition: all 0.3s ease 0s; +} +#album_detail ul.list { + display: flex; + flex-flow: row wrap; + justify-content: space-between; +} +#album_detail { + margin-top: 1rem; + width: 100%; +} +#album_detail > section > ul > li.album-item { + margin-bottom: 1rem; +} + +#album-tips { + font-size: 14px; + display: flex; + justify-content: center; + margin-top: 1rem; +} + +#album_detail .timeline ul li.album-item hr { + display: flex; + position: relative; + margin: 8px 0px; + border: 1px dashed var(--anzhiyu-theme-op); + width: 100%; +} + +#album_detail .album-info { + display: flex; + flex-direction: row; + flex-wrap: wrap; + align-items: center; + width: 95%; +} + +#album_detail > section > ul > li > div .album-info-time, +#album_detail > section > ul > li > div .album-info-address, +#album_detail > section > ul > li > div .album-info-from { + color: var(--anzhiyu-fontcolor); + font-size: 0.7rem; + background-color: var(--anzhiyu-gray-op); + padding: 0px 8px; + border-radius: 20px; + cursor: default; + display: flex; + align-items: center; + height: 35px; + line-height: 35px; + margin: 4px; + overflow: hidden; +} +#album_detail > section > ul > li > div .album-info-time time { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +#album_detail > section > ul > li > div .album-info-address, +#album_detail > section > ul > li > div .album-info-from { + margin-left: 4px; +} +#album_detail > section > ul > li > div .album-info-address span, +#album_detail > section > ul > li > div .album-info-from span { + margin-left: 4px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +#album_detail .album-info .anzhiyufont.anzhiyu-icon-instagram { + margin-right: 8px; +} + +#album_detail .album-bottom { + display: flex; + justify-content: space-between; + width: 100%; + margin-top: 10px; +} + +#album_detail .album-bottom .album-reply { + cursor: pointer; + width: 5%; +} + +#album_detail .timeline ul li.album-item:hover { + border: var(--style-border-hover); +} + +#album_detail .album-content-link { + display: flex; + margin-left: 0.5rem; + font-size: 0.7rem; + align-items: center; + background-color: rgba(245, 108, 108, 0.13); + color: rgb(245, 108, 108); + padding: 0px 8px; + border-radius: 20px; +} +#album_detail .album-content-link i { + margin-right: 3px; +} +#album_detail .album-content-link:hover { + background-color: var(--anzhiyu-main); + color: var(--anzhiyu-white); +} +#album_detail .album-music { + width: 100%; + height: 90px; + margin: 0.5rem 0; + border-radius: 8px; + overflow: hidden; + border: var(--style-border-always); + background: var(--anzhiyu-secondbg); +} +#album_detail .aplayer { + margin: 0; +} + +#album_detail .aplayer.aplayer-withlrc .aplayer-pic { + height: 82px; + width: 82px; + margin: 4px; + border-radius: 4px; +} +.album-music .aplayer.aplayer-withlrc .aplayer-info { + padding: 5px 7px 0; +} +#album_detail .aplayer .aplayer-info .aplayer-music { + height: 23px; +} +#album_detail .aplayer .aplayer-info .aplayer-music .aplayer-title { + font-size: 0.8rem; + font-weight: 700; + margin: 0; + color: var(--anzhiyu-fontcolor); +} + +#album_detail .aplayer .aplayer-info .aplayer-controller { + align-items: center; +} +#album_detail .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap { + padding: 0; +} +#album_detail .aplayer .aplayer-info .aplayer-controller .aplayer-time { + position: initial; +} +#album_detail .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar { + background: var(--anzhiyu-gray); + height: 8px; + border-radius: 12px; + transition: 0.3s; + overflow: hidden; +} +#album_detail .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded { + height: 100%; + border-radius: 12px; +} +#album_detail .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played { + height: 100%; + border-radius: 12px; +} +#album_detail .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb { + display: none; +} +#album_detail .aplayer .aplayer-info .aplayer-controller .aplayer-time { + position: initial; +} + +body[data-type="album_detail"] #page .author-content-item .card-content .banner-button-group .banner-button:hover { + color: var(--anzhiyu-white); + border-radius: 20px !important; +} + +/* 响应式 */ +@media screen and (max-width: 1200px) { + #album_detail .timeline ul li.album-item { + width: 49%; + margin-right: 1%; + } +} +@media screen and (max-width: 768px) { + #album_detail .timeline ul li.album-item { + width: 100%; + margin-right: 0px; + } +} +[data-theme="dark"] #album_detail .album-music .aplayer, +[data-theme="dark"] #album_detail .aplayer .aplayer-lrc:before, +[data-theme="dark"] #album_detail .aplayer .aplayer-lrc:after { + background: var(--anzhiyu-card-bg); + color: var(--anzhiyu-fontcolor); +} +#album_detail .aplayer .aplayer-lrc p { + color: var(--anzhiyu-fontcolor); +} + +#album_detail .type-gallery { + overflow: hidden; + margin-top: 40px; +} + +#album_detail_gallery_load_more { + opacity: 0; +} + +#album_detail .tag-address { + display: flex; + position: absolute; + left: 8px; + top: 8px; + padding: 4px 6px; + border-radius: 8px; + background: var(--anzhiyu-black-op); + font-size: 12px; + color: var(--anzhiyu-white); + transition: 0.3s; + z-index: 1; + user-select: none; +} + +/* 处理单页背景 */ +body[data-type="album"] #web_bg { + background: var(--anzhiyu-background); +} +body[data-type="album"] #page { + border: 0; + box-shadow: none !important; + padding: 0 !important; + background: 0 0 !important; +} +body[data-type="album"] #page .page-title { + display: none; +} + +/* 变量定义 */ +:root { + --album-background-dark: #2d3548; + --album-text-light: rgba(255, 255, 255, 0.6); + --album-text-lighter: rgba(255, 255, 255, 0.9); + --album-spacing-s: 8px; + --album-spacing-m: 16px; + --album-spacing-l: 24px; + --album-spacing-xl: 32px; + --album-spacing-xxl: 64px; +} + +/* 卡片样式 */ +#album .card-album { + width: 100%; + display: flex; + flex-wrap: wrap; + justify-content: space-around; + margin: var(--album-spacing-xxl) 0 0; +} +#album .card-album .album-content-nocover { + width: calc(100% / 4 - 40px); +} + +#album .card-album .card { + list-style: none; + position: relative; + display: flex; + width: calc(100% / 4 - 10px); + padding: 10px; +} +#album .card-album .card:hover { + cursor: pointer; +} + +#album .card_cover { + border-radius: var(--album-spacing-l); + filter: brightness(0.75) saturate(1.2) contrast(0.85); + transform-origin: center; + transform: scale(1) translateZ(0); + transition: filter 200ms linear, transform 200ms linear; + max-width: 100%; + overflow: hidden; + height: 550px; + width: 100%; + max-width: 100%; + object-fit: cover; + border-radius: var(--album-spacing-l); +} + +#album .card:hover .card_cover { + transform: scale(1.05) translateZ(0); + filter: brightness(0.9) saturate(1.2) contrast(1); +} + +#album .card-album:hover > .card:not(:hover) .card_cover { + filter: brightness(0.5) saturate(0.9) contrast(1.2) blur(20px); +} + +#album .card__content { + left: 0; + padding: var(--album-spacing-l); + position: absolute; + top: 0; +} + +#album .card__category { + color: var(--album-text-light); + font-size: 0.9rem; + margin-bottom: var(--album-spacing-s); + text-transform: uppercase; +} + +#album .card__heading { + color: var(--album-text-lighter); + font-size: 1.9rem; + text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2); + line-height: 1.4; + word-spacing: 100vw; +} + +@media (min-width: 1024px) { + #album img.card_cover { + height: 600px; + } +} + +@media (max-width: 960px) { + #album .card-album .card { + width: calc(100% / 2 - 40px); + } +} + +@media (max-width: 540px) { + #album .card-album .card { + width: calc(100%); + } +} + +@media (max-width: 768px) { + #album .card-album { + margin-top: 10px; + } + #album .card-album .card { + padding: 10px 0px; + } +} + +h1#site-title { + font-size: 3em !important; +} + +.iconfont { + font-family: "iconfont" !important; + font-size: 3em; + /* 可以定义图标大小 */ + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* 时间轴生肖icon */ +svg.icon { + width: 1em; + height: 1em; + /* width和height定义图标的默认宽度和高度*/ + vertical-align: -0.15em; + fill: currentColor; + overflow: hidden; +} + +.icon-zhongbiao::before { + color: #f7c768; +} + +/* 解决artitalk的图标问题 */ +#uploadSource > svg { + width: 1.19em; + height: 1.5em; +} + +/*top-img黑色透明玻璃效果移除，不建议加，除非你执着于完全一图流或者背景图对比色明显 */ +/* #page-header:not(.not-top-img):before { + background-color: transparent !important; +} */ + +/* 文章页面正文背景 */ +div#post { + background: rgba(255, 255, 255, 0.9); +} +#recent-posts > .recent-post-item:not(:first-child):active { + transform: scale(0.97); +} +/* 分页页面 */ +div#page { + background: rgba(255, 255, 255, 0.9); +} + +/* 归档页面 */ +div#archive { + background: rgba(255, 255, 255, 0.9); +} + +/* 标签页面 */ +div#tag { + background: rgba(255, 255, 255, 0.9); +} + +/* 分类页面 */ +div#category { + background: rgba(255, 255, 255, 0.9); +} + +/*夜间模式伪类遮罩层透明*/ +[data-theme="dark"] #recent-posts > .recent-post-item { + background: #121212; +} + +[data-theme="dark"] .card-widget { + background: var(--anzhiyu-card-bg); +} + +[data-theme="dark"] div#post { + background: var(--anzhiyu-card-bg); +} + +[data-theme="dark"] div#tag { + background: var(--anzhiyu-card-bg); +} + +[data-theme="dark"] div#archive { + background: var(--anzhiyu-card-bg); +} + +[data-theme="dark"] div#page { + background: var(--anzhiyu-card-bg); +} + +[data-theme="dark"] div#category { + background: var(--anzhiyu-card-bg); +} + +[data-theme="dark"] div#category { + background: transparent !important; +} + +/* md网站下划线 */ +#article-container a:hover { + text-decoration: none !important; +} + +#article-container #hpp_talk p img { + display: inline; +} + +/* 宽屏适配 */ +.page .layout, +.post .layout { + max-width: 1400px; +} + +.card-widget.card-clock { + font-size: 14px; +} + +#article-container + a:not([data-fancybox="gallery"]):not(.headerlink):not(.cf-friends-link):not(.tag-Link):not(.btn-anzhiyu):not( + .no-text-decoration + ) { + font-weight: 500; + border-bottom: solid 2px var(--anzhiyu-lighttext); + color: var(--anzhiyu-fontcolor); + padding: 0 0.2em; + text-decoration: none; + font-family: inherit; +} +#article-container + a:not([data-fancybox="gallery"]):not(.headerlink):not(.cf-friends-link):not(.btn-anzhiyu):not( + .no-text-decoration + ):hover { + color: var(--anzhiyu-white); + background: var(--anzhiyu-main); + box-shadow: var(--anzhiyu-shadow-lightblack); + border-radius: 0.25em; + text-decoration: none; +} + +html.hide-aside .layout > div:first-child { + width: 100%; +} + +/* 动画wowjs兼容调整 */ +.animate__animated { + -webkit-animation-fill-mode: backwards !important; + animation-fill-mode: backwards !important; +} + +/* 文章hover边框 */ +#recent-posts .recent-post-item:hover { + border: var(--style-border-hover); +} +#recent-posts .recent-post-item:hover .recent-post-info .article-title { + color: var(--anzhiyu-theme); +} +#recent-posts .recent-post-item { + height: fit-content; + background: var(--anzhiyu-card-bg); + border-radius: 12px; + cursor: pointer; + border: var(--style-border); + box-shadow: var(--anzhiyu-shadow-border); + user-select: none; +} +/* 移动端容器padding */ +@media screen and (max-width: 768px) { + #body-wrap .layout #page { + padding: 20px 15px !important; + } +} +/* 首页文章宽度 */ +@media screen and (max-width: 1200px) { + .layout > div:first-child { + width: 100% !important; + } +} + +[data-theme="dark"] #footer:before { + content: none; +} + +@media screen and (max-width: 768px) { + .layout > div:first-child:not(.recent-posts) { + border-radius: 12px 12px 0 0; + } +} + +.banners-title { + animation: slide-in 0.6s 0.3s backwards; +} +#algolia-search .search-dialog { + animation: slide-in 0.6s ease 0s 1 normal none running; +} + +@media screen and (min-width: 1200px) { + #page > div:not(.author-content-item) { + animation: slide-in 0.6s 0.2s backwards; + } +} + +@media screen and (min-width: 1200px) { + .author-content-item { + animation: slide-in 0.6s 0s backwards; + } +} + +/* 元素透明度改变 */ +@keyframes slide-in-op { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +#aside-content .card-widget#card-wechat { + background: #57bd6a; + display: flex; + justify-content: center; + align-content: center; + padding: 0; + cursor: pointer; + border: none; + height: 110px; +} +[data-theme="dark"] #aside-content .card-widget#card-wechat { + background-color: #121121; + border: var(--style-border); +} + +#flip-wrapper { + -webkit-perspective: 1000; + perspective: 1000; +} + +#flip-wrapper { + position: relative; + width: 235px; + height: 110px; + z-index: 1; +} +#flip-content { + width: 100%; + height: 100%; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + transition: cubic-bezier(0, 0, 0, 1.29) 0.3s; +} +#aside-content #flip-wrapper #flip-content .face { + position: absolute; + width: 100%; + height: 100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + background-size: 100%; +} + +#aside-content #flip-wrapper #flip-content .back.face { + display: block; + -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); + box-sizing: border-box; + background-size: 100%; +} +#flip-wrapper:hover #flip-content { + -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); +} + +/* 分类目录条、标签目录条 */ +#catalog-bar { + border-radius: var(--anzhiyu-border-radius); + display: flex; + border: var(--anzhiyu-border-radius); + margin-bottom: 1rem; + justify-content: flex-start; + align-items: center; +} + +#catalog-bar:hover { + border-color: var(--anzhiyu-theme); +} + +#catalog-bar i { + line-height: inherit; +} + +#catalog-list { + /* 分类/标签较少时，可以选择不设置 width，居中显示 catalog-list-item */ + display: flex; + white-space: nowrap; + overflow-x: hidden; +} + +#catalog-list::-webkit-scrollbar { + display: none; +} + +.catalog-list-item a { + margin-right: 0.3rem; + font-weight: bold; + color: var(--font-color); + transition: all 0.3s ease-in-out; + display: flex; + align-items: center; + padding: 0.1rem 0.5rem; + border-radius: 8px; + height: 30px; + line-height: 30px; +} +.catalog-list-item { + display: flex; + align-items: center; +} + +.catalog-list-item.selected a { + background: var(--anzhiyu-lighttext); + color: var(--anzhiyu-white); +} + +a.catalog-more { + min-width: fit-content; + font-weight: bold; + color: var(--anzhiyu-fontcolor); + margin-left: 16px; +} + +a.catalog-more:hover { + color: var(--anzhiyu-theme); +} + +#categoryBar { + width: 100%; + display: flex; +} + +#category-bar { + padding: 0.5rem 10px; + background: var(--anzhiyu-card-bg); + display: flex; + white-space: nowrap; + overflow: hidden; + border: var(--style-border); + width: 100%; + height: 50px; + border-radius: 12px; + transition: all 0.3s ease 0s; + animation: slide-in 0.6s 0.3s backwards; +} + +.category-bar-next { + margin-left: 16px; + cursor: pointer; + display: flex; +} + +.category-bar-next:hover { + color: var(--anzhiyu-lighttext); +} + +#category-bar #catalog-bar { + margin-bottom: 0; + overflow-y: hidden; + margin: -0.2rem 0; +} + +#category-bar.category-bar:hover { + border: var(--style-border-hover); + box-shadow: var(--anzhiyu-shadow-main); +} + +#category #category-bar { + padding: 0; + border: none; +} + +#category a.catalog-list-item.select a { + display: none; +} + +#category #catalog-list .catalog-list-item:first-child { + margin-left: 5px; +} + +.catalog-list-item:hover a { + background: var(--anzhiyu-main); + color: var(--anzhiyu-white); +} + +.catalog-list-item.select a { + background: var(--anzhiyu-main); + color: var(--anzhiyu-white); + border-radius: 8px; +} + +.category-bar-more { + margin-left: 1rem; + font-weight: bold; +} + +[data-theme="dark"] #category-bar.category-bar { + background: var(--anzhiyu-background); +} + +@media screen and (max-width: 768px) { + #catalog-bar i { + margin-right: 5px; + } + #categoryBar { + margin-bottom: 0; + position: -webkit-sticky; + position: sticky; + top: 60px; + z-index: 2; + align-items: center; + margin-top: 0; + } + #category-bar.category-bar { + width: 100%; + } + #category-bar.category-bar { + background: var(--anzhiyu-background); + } + [data-theme="dark"] #category-bar.category-bar { + background: var(--anzhiyu-black); + } + #category-bar.category-bar:hover { + border: none; + box-shadow: none; + } + #category-bar { + border: none; + border-radius: 0px; + padding: 0.5rem 20px; + } +} + +/*和风天气 */ +#he-plugin-simple { + z-index: 92; + transition: 0.3s; + position: fixed !important; +} + +#he-plugin-simple.shown { + opacity: 0.5; + pointer-events: unset; +} + +#he-plugin-simple .sticker-important { + color: var(--anzhiyu-white) !important; +} + +.s-sticker div[data-v-41ba7e2c]:not(:first-child):not(:last-child) { + padding: 0 0.07em !important; +} + +body:has(#sidebar-menus.open) #he-plugin-simple { + z-index: 104; + left: 95px !important; + opacity: 1; + display: block; + transition: 0.3s; +} + +div.s-sticker { + background-color: transparent !important; +} +.s-sticker div { + color: var(--font-color) !important; + font-weight: bold; +} +body:has(.post-bg.nav-fixed) #he-plugin-simple .s-sticker div { + color: var(--font-color) !important; +} +body:has(.post-bg) #he-plugin-simple .s-sticker div { + color: var(--anzhiyu-white) !important; +} +[data-theme="dark"] body:has(.post-bg) #he-plugin-simple .s-sticker div { + color: var(--font-color) !important; +} + +#weather-view-he { + height: 285px !important; + padding: 10px !important; + border-radius: 10px !important; + background-color: var(--anzhiyu-card-bg) !important; + box-shadow: rgba(0, 0, 0, 0.1) 0 0 20px; + margin-top: 20px !important; + transform: 0.3s; + opacity: 1; +} +.s-sticker ~ [data-v-41ba7e2c] { + opacity: 0; +} +[data-v-41ba7e2c]:has([data-v-db6ccf64][data-v-41ba7e2c]) { + opacity: 1; +} +[data-v-db6ccf64][data-v-41ba7e2c] { + top: 38px !important; +} +.wv-lt-location, +.wv-lt-refresh { + display: inline-block; +} +.wv-lt-location a { + padding: 0 5px; + border-radius: 3px; + color: var(--anzhiyu-blue) !important; + background-color: var(--anzhiyu-blue-tint); + text-decoration: none !important; +} +.wv-lt-col-5 { + text-align: right; +} +.wv-lt-refresh a { + font-size: 0 !important; +} +.wv-lt-refresh a::after { + content: "\5b89\77e5\9c7c\548c\98ce"; + font-size: small !important; +} +.vw-f-cell a, +.wv-n-h-now-rain-text, +.wv-n-h-now-tmp span, +.wv-n-h-now-txt span, +.wv-n-h-now-txt-t { + color: var(--anzhiyu-fontcolor) !important; +} +.wv-f-table div .vw-f-cell:nth-child(1) a { + color: #9b9b9b !important; +} +.wv-top-backdrop { + height: 285px !important; + padding-top: 50px !important; +} +.wv-top-backdrop::after { + content: "\8BF7\4F7F\7528\952E\76D8\2191\2193\9009\62E9\FF0C\56DE\8F66\9009\5B9A" !important; + padding-left: 5%; +} +.wv-top-button, +.wv-top-select { + height: 36px !important; + border: none !important; + border-radius: 5px !important; + cursor: pointer; + transition: 0.25s; +} +.wv-top-select { + padding-left: 10px !important; +} +.wv-top-button { + background-color: var(--anzhiyu-blue) !important; + color: #fff !important; +} + +.wv-top-button:hover { + background-color: var(--anzhiyu-blue-hover) !important; +} +.wv-top-button:active { + background-color: var(--anzhiyu-blue-hover) !important; +} + +@media screen and (max-width: 1400px) { + #he-plugin-simple { + display: none; + } +} + +@media screen and (min-width: 1400px) and (max-width: 1690px) { + #he-plugin-simple { + left: 262px !important; + } +} + +#article-container ol, +#article-container ul { + margin-top: 0.4rem; + padding: 0px 0px 0px 0.8rem; + list-style: none; + counter-reset: li 0; +} +#article-container code { + padding: 0.2rem 0.4rem; + border-radius: 4px; + margin: 0 4px; + line-height: 2; + box-shadow: var(--anzhiyu-shadow-border); +} +#article-container.post-content li::marker { + content: none; +} +#article-container ol li:not(.tab), +#article-container ul li:not(.tab) { + position: relative; + margin: 0.2rem 0px; +} +#article-container ul > li:not(.tab) { + padding: 0.2em 0.2em 0.2em 1.4em; +} +#article-container ul > li:not(.tab):before { + border: 0.21em solid var(--anzhiyu-lighttext); + background: var(--anzhiyu-lighttext); +} +#article-container ul > li:not(.tab)::before { + top: 0.78em; + width: 0.42em; + height: 0.42em; + border-radius: 0.42em; + content: ""; + line-height: 0.42em; +} + +#article-container ol li::before, +#article-container ul li::before { + position: absolute; + top: 0px; + left: 0px; + background: var(--anzhiyu-main); + color: rgb(255, 255, 255); + transition: all 0.3s ease-out 0s; +} +#article-container ol > li::before { + margin-top: 0.65em; + width: 1.45em; + height: 1.45em; + border-radius: 0.725em; + content: counter(li); + counter-increment: li 1; + text-align: center; + font-size: 0.85em; + line-height: 1.45em; +} +#article-container ol[start] { + counter-reset: unset; +} +#article-container ol li:not(.tab), +#article-container ul li:not(.tab) { + position: relative; + margin: 0.2rem 0px; +} +#article-container ol > li:not(.tab) { + padding: 0.2em 0.2em 0.2em 1.8em; +} + +/* 代码框主题 */ +#article-container figure.highlight { + border-radius: 10px; +} +#post-comment blockquote { + background: var(--anzhiyu-secondbg); + border: var(--style-border); + box-shadow: none; + margin: 0px 0px 0.5rem; + font-size: 12px; + color: var(--anzhiyu-secondtext); + border-radius: 8px; +} + +details.folding-tag[open] { + border-radius: 15px !important; + border-color: var(--anzhiyu-main) !important; + border: 1px solid var(--anzhiyu-main) !important; +} + +li details.folding-tag { + border-radius: 8px; +} + +li details.folding-tag summary { + border-radius: 8px; +} + +details.folding-tag { + transition: border 0s ease !important; + border: none !important; +} + +details.folding-tag[open] > summary { + color: var(--anzhiyu-white) !important; + background: var(--anzhiyu-main) !important; + border: 1px solid var(--anzhiyu-main) !important; + border-top: none !important; + border-left: none !important; + border-right: none !important; + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} +details.folding-tag > summary { + border: var(--style-border) !important; + background: var(--anzhiyu-card-bg); + border-radius: 14px !important; + box-shadow: var(--anzhiyu-shadow-border); + color: var(--font-color) !important; + user-select: none; +} +details.folding-tag > summary::marker { + color: var(--anzhiyu-main); + font-size: 16px; +} +details.folding-tag > summary::before { + content: " "; + margin-right: 2px; +} +details.folding-tag[open] > div.content { + border-radius: 0 0 16px 16px; +} +details.folding-tag summary:hover::marker { + color: var(--anzhiyu-white); +} +details.folding-tag[open] > summary::marker { + color: var(--anzhiyu-white); +} +details.folding-tag summary:hover { + cursor: pointer; + background: var(--anzhiyu-main) !important; + color: var(--anzhiyu-white) !important; + transition: 0.3s; + box-shadow: var(--anzhiyu-shadow-main); +} +details .content > *:nth-child(1) { + margin-top: 0 !important; +} + +.flink details.folding-tag[open] > div.content { + padding: 20px; + margin: 0px; + margin-top: 0; +} + +.comment-barrage { + position: fixed; + bottom: 0; + right: 60px; + padding: 0 0 20px 10px; + z-index: 100; + display: flex; + flex-direction: column; + justify-content: end; + align-items: flex-end; + z-index: 999; + transition: 0.3s; +} +@media screen and (max-width: 768px) { + .comment-barrage { + display: none !important; + } +} +.comment-barrage-item { + min-width: 300px; + max-width: 300px; + width: fit-content; + min-height: 80px; + max-height: 150px; + margin: 4px; + padding: 8px 14px; + background: var(--anzhiyu-maskbgdeep); + border-radius: 8px; + color: var(--anzhiyu-fontcolor); + animation: barrageIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); + transition: 0.3s; + display: flex; + flex-direction: column; + border: var(--style-border); + backdrop-filter: saturate(180%) blur(20px); + -webkit-backdrop-filter: blur(20px); + transform: translateZ(0); + position: fixed; + box-shadow: var(--anzhiyu-shadow-border); +} +.comment-barrage-item:hover { + border: var(--style-border-hover); + box-shadow: var(--anzhiyu-shadow-main); +} +.comment-barrage-item.out { + opacity: 0; + animation: barrageOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); +} +.comment-barrage-item a.barrageContent:hover { + color: var(--anzhiyu-main); +} +.comment-barrage-item.hovered { + opacity: 0; +} +.comment-barrage-item .comment-barrage-close { + color: var(--anzhiyu-secondtext); + cursor: pointer; + line-height: 1; + padding: 4px; +} +.comment-barrage-item .comment-barrage-close:hover { + color: var(--anzhiyu-main); +} +.comment-barrage-item pre { + display: none; +} +.comment-barrage-item p img:not(.tk-owo-emotion) { + display: none; +} + +.comment-barrage-item .barrageHead { + height: 30px; + padding: 0; + line-height: 30px; + font-size: 12px; + border-bottom: var(--style-border); + display: flex; + justify-content: space-between; + align-items: center; + font-weight: 700; + padding-bottom: 6px; +} +.comment-barrage-item .barrageHead .barrageTitle { + color: var(--anzhiyu-card-bg); + margin-right: 8px; + background: var(--anzhiyu-fontcolor); + line-height: 1; + padding: 4px; + border-radius: 4px; +} +.comment-barrage-item .barrageHead .barrageTitle.barrageBloggerTitle { + background: var(--anzhiyu-orange); +} +.comment-barrage-item .barrageAvatar { + width: 16px; + height: 16px; + margin: 0; + margin-left: auto; + margin-right: 8px; + border-radius: 50%; + background: var(--anzhiyu-secondbg); +} +.comment-barrage-item .barrageContent { + font-size: 14px !important; + font-weight: 400 !important; + height: calc(100% - 30px); + overflow: scroll; + cursor: pointer; +} +.comment-barrage-item .barrageContent::-webkit-scrollbar { + height: 0; + width: 4px; +} +.comment-barrage-item .barrageContent::-webkit-scrollbar-button { + display: none; +} +.comment-barrage-item .barrageContent p { + margin: 8px 0; + line-height: 1.3; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 2; + display: -webkit-box; + -webkit-box-orient: vertical; +} +.comment-barrage-item .barrageContent blockquote p { + margin: 0; +} +.comment-barrage-item .barrageContent h1, +.comment-barrage-item .barrageContent h2, +.comment-barrage-item .barrageContent h3, +.comment-barrage-item .barrageContent h4 { + font-size: 14px !important; + font-weight: 400 !important; + margin: 8px 0 !important; +} + +/* 中控台 */ +#console { + display: flex; + position: fixed; + width: 100vw; + height: 100vh; + top: 0; + left: 0; + justify-content: center; + opacity: 0; + transition: 0.3s ease-out, color 0s; + flex-direction: column; + align-items: center; + pointer-events: none; + margin: 0 !important; + z-index: 2; +} +#console-music-bg { + display: none; +} + +#console.show, +#console.reward-show { + opacity: 1; + pointer-events: all; +} + +#console.reward-show .console-card-group { + pointer-events: none; +} + +#console .console-card-group { + display: flex; + justify-content: space-between; + align-items: center; + margin: 0 30px; + transform: translateY(20px); + transition: 0.3s; + opacity: 0; + max-width: 80%; + max-height: 70%; +} + +#console.show .console-card-group { + transform: translateY(0px); + opacity: 1; + transition-delay: 0.1s; +} + +#console .console-card-group-left { + margin-right: 0.5rem; + width: 40%; + height: 100%; +} + +#console .console-card-group-right { + display: flex; + flex-direction: column; + justify-content: space-between; + height: 100%; + width: 60%; + overflow: hidden; + min-width: 575px; +} + +#console .console-card { + background: var(--card-bg); + border-radius: 12px; + overflow: hidden; + border: var(--style-border); + box-shadow: var(--anzhiyu-shadow-border); + padding: 40px; +} + +#console .console-card.tags { + height: calc(100% - 172px); +} + +#console .console-mask { + background: var(--anzhiyu-maskbgdeep); + backdrop-filter: saturate(100%) blur(0px); + -webkit-backdrop-filter: blur(0px); + width: 100vw; + height: 100vh; + top: 0; + left: 0; + position: absolute; + z-index: -1; + transition: 0.3s; + margin: 0px !important; +} + +#console.show .console-mask, +#console.reward-show .console-mask { + backdrop-filter: saturate(180%) blur(20px); + -webkit-backdrop-filter: blur(20px); + transform: translateZ(0); +} + +#card-newest-comments .aside-list-item .thumbnail img { + width: 20px; + height: 20px; + margin-right: 8px; + border-radius: 20px; +} + +#card-newest-comments .aside-list-item { + background: var(--anzhiyu-card-bg); + border-radius: 12px; + border: var(--style-border); + padding: 12px 16px; + width: 49%; + display: flex; + flex-direction: column; + height: 150px; + transition: 0.3s; + cursor: pointer; +} + +#card-newest-comments .aside-list-item:not(:last-child) { + margin-bottom: 0.5rem; +} + +#card-newest-comments .aside-list-item .name { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + width: 130px; + font-weight: bold; +} + +#console .author-content-item-tips { + opacity: 0.8; + font-size: 12px; + margin-bottom: 0.5rem; + color: var(--font-color); +} + +#console .author-content-item-title { + font-size: 27px; + font-weight: 700; + line-height: 1; + color: var(--font-color); +} + +#console .aside-list-item .thumbnail { + display: flex; + align-items: center; + width: fit-content; +} + +#console .aside-list-item .content { + display: flex; + flex-direction: column; + height: 100%; + margin-top: 0.5rem; +} + +#card-newest-comments .aside-list-item:hover { + background: var(--anzhiyu-main); + color: var(--anzhiyu-white); +} + +#console .aside-list-item .content .comment { + -webkit-line-clamp: 2; + display: -webkit-box; + overflow: hidden; + -webkit-box-orient: vertical; + line-height: 24px; + font-size: 14px; + border-radius: 0px; +} + +#console .aside-list-item:hover .thumbnail, +#console .aside-list-item:hover .content .comment, +#console .aside-list-item:hover .content time { + color: var(--anzhiyu-white); +} + +#console .aside-list-item .content time { + font-size: 12px; + margin-top: auto; + color: var(--anzhiyu-fontcolor); +} + +#console .aside-list { + display: flex; + flex-wrap: wrap; + flex-direction: row; + justify-content: space-between; + margin-top: 0.5rem; +} + +#console .button-group { + display: flex; + margin: 1rem auto 0 auto; + justify-content: center; + width: fit-content; +} + +#console .button-group .console-btn-item { + width: 60px; + height: 60px; + transition: 0.3s; + cursor: pointer; +} + +#console .button-group .console-btn-item:not(:last-child) { + margin-right: 0.5rem; +} + +#console .button-group .console-btn-item a { + width: 100%; + height: 100%; + background: var(--card-bg); + border: var(--style-border); + border-radius: 60px; + display: flex; + align-items: center; + justify-content: center; + color: var(--anzhiyu-fontcolor); +} + +#console .button-group .console-btn-item.on a { + background: var(--anzhiyu-orange); + color: var(--anzhiyu-white); + transition: 0.3s; +} + +.console-card.tags .card-tag-cloud { + margin-top: 1.5rem; + display: flex; + flex-wrap: wrap; + max-height: 230px; + overflow: hidden; +} + +.console-card.tags .card-tag-cloud a { + color: var(--anzhiyu-fontcolor) !important; + margin: 6px 4px; + padding: 2px 8px; + border-radius: 8px; + background: var(--anzhiyu-secondbg); + border: var(--style-border); + font-size: 14px !important; + font-weight: bold; +} + +.console-card.tags .card-tag-cloud a:hover { + background: var(--anzhiyu-main); + color: var(--anzhiyu-white) !important; +} + +.console-card.tags .card-tag-cloud a sup { + opacity: 0.6; +} + +#console .console-card.history { + margin-top: 8px; + padding: 0; + background: none; + box-shadow: none; + border: none; + overflow: hidden; + min-width: 575px; +} + +#console .console-card.history .item-headline { + display: none; +} + +#console .console-card.history .card-archive-list { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} + +#console .console-card.history .card-archive-list li.card-archive-list-item { + flex: 0 0 25%; +} + +#console .console-card.history .card-archive-list .card-archive-list-link { + border-radius: 8px; + margin: 4px; + display: flex; + flex-direction: column; + align-content: space-between; + border: var(--style-border); + background: var(--card-bg); + padding: 8px 16px; +} + +#console .console-card.history .card-archive-list .card-archive-list-link:hover { + background: var(--anzhiyu-main); + color: var(--anzhiyu-white); +} + +#console #card-newest-comments { + height: 100%; + min-height: 580px; +} + +#console .button-group i { + font-size: 1rem; +} + +#console hr { + display: none; +} + +#console ul { + padding-left: 0; +} +#console ul li { + list-style: none; +} +#console .console-card.history ul.card-archive-list { + margin: -4px; +} + +[data-theme="dark"] #console .button-group .console-btn-item a.darkmode_switchbutton { + background: var(--anzhiyu-orange); + color: var(--anzhiyu-white); +} + +/* 控制台音乐css */ +body:has(#console.show) + #nav-music + .aplayer + .aplayer-info + .aplayer-controller + .aplayer-bar-wrap:hover + .aplayer-bar + .aplayer-played + .aplayer-thumb { + display: inline; +} + +body:has(#console.show) .aplayer.aplayer-arrow .aplayer-icon-loop, +.aplayer.aplayer-arrow .aplayer-icon-order { + display: inline; +} +body:has(#console.show) .aplayer-volume-wrap { + display: none; +} +body:has(#console.show) #nav-music { + z-index: 10000; + left: 45%; + top: 23%; + box-shadow: none; + align-items: flex-start; + transition: 0s; + height: 35%; + width: 42%; + opacity: 1 !important; + justify-content: center; +} + +body:has(#console.show) #nav-music:active { + transform: scale(1); +} +body:has(#console.show) #nav-music .aplayer.aplayer-withlrc .aplayer-lrc { + opacity: 1; + width: 100%; + height: 180px; + margin: 0; + padding: 0; +} +body:has(#console.show) #nav-music .aplayer .aplayer-lrc p.aplayer-lrc-current, +body:has(#console.show) #nav-music .aplayer .aplayer-lrc p { + color: var(--anzhiyu-fontcolor); +} +body:has(#console.show) #nav-music #nav-music-hoverTips { + opacity: 0; + height: 70px; + width: 70px; + margin-left: 0px; + border-radius: 50%; + box-shadow: 0 0 14px #ffffffa6; + transform: rotate(0deg) scale(1.1); + border: var(--style-border-always); + animation: changeright 24s linear infinite; + margin-top: 10px; + left: auto; +} +body:has(#console.show) + #nav-music + .aplayer + .aplayer-info + .aplayer-controller + .aplayer-bar-wrap + .aplayer-bar + .aplayer-loaded { + display: block; + border-radius: 10px; + height: 10px; +} +body:has(#console.show) meting-js { + height: 100%; + width: 100%; +} +body:has(#console.show) #nav-music .aplayer .aplayer-body { + align-items: center; + flex-direction: column; + width: 100%; + cursor: auto; +} +body:has(#console.show) #nav-music .aplayer { + height: 100%; + width: 100%; + padding: 10px 10px 0; +} +body:has(#console.show) #nav-music .aplayer { + background: none; + border: none; +} +body:has(#console.show) #nav-music.playing { + animation: none; +} +body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-music { + height: auto; + margin-bottom: 10px; +} +body:has(#console.show) #nav-music .aplayer.aplayer-withlrc .aplayer-info { + flex-direction: column; + height: auto; + position: relative; +} + +body:has(#console.show) .aplayer .aplayer-pic .aplayer-play { + width: 30px; + height: 30px; +} +body:has(#console.show) .aplayer .aplayer-pic .aplayer-play svg { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-44%, -50%); +} +body:has(#console.show) #nav-music .aplayer.aplayer-withlrc .aplayer-pic { + height: 70px; + width: 70px; + margin-left: 0px; + border-radius: 50%; +} +body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-music .aplayer-author { + display: inline; +} +body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-music .aplayer-title { + color: var(--anzhiyu-fontcolor); + cursor: auto; + line-height: 2; + display: inline-block; + white-space: nowrap; + max-width: 300px; + overflow: hidden; + text-overflow: ellipsis; + transition: 0.3s; + user-select: none; + margin-right: 3px; +} +body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-controller { + width: 100%; + height: auto; + top: 26px; + align-items: center; +} +body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar { + height: 10px; + border-radius: 10px; + background: #cdcdcd; +} +body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-time { + display: block; + bottom: 0; +} +body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap { + margin: 0; + padding: 0; +} +body:has(#console.show) + #nav-music + .aplayer.aplayer-withlist + .aplayer-info + .aplayer-controller + .aplayer-time + .aplayer-icon.aplayer-icon-menu { + display: none; +} +body:has(#console.show) + #nav-music + .aplayer + .aplayer-info + .aplayer-controller + .aplayer-bar-wrap + .aplayer-bar + .aplayer-played { + background: var(--anzhiyu-main) !important; + opacity: 0.8; + animation: none; + border-radius: 10px; +} +body:has(#console.show) + #nav-music + .aplayer + .aplayer-info + .aplayer-controller + .aplayer-bar-wrap + .aplayer-bar + .aplayer-played + .aplayer-thumb { + margin-top: -2px; + width: 15px; + height: 15px; +} +body:has(#console.show) #nav-music .aplayer .aplayer-lrc .aplayer-lrc-contents { + margin-top: 80px; +} + +@media screen and (min-width: 1200px) and (max-width: 1450px) { + body:has(#console.show) #nav-music { + left: 45%; + } +} + +/* 赞赏部分控制台css */ +.console-card-group-reward { + opacity: 0; + display: none; +} +.reward-show .console-card-group-reward { + opacity: 1; + display: block; + position: absolute; +} +.console-card-group-reward .reward-all { + display: flex; + align-items: center; + justify-content: center; +} +.console-card-group-reward .reward-all .reward-item { + display: flex; + flex-direction: column; + align-items: center; + margin: 0.625rem; +} +.console-card-group-reward .reward-all .reward-item img { + width: 230px; + height: 230px; +} + +@media screen and (max-width: 1200px) { + /* 移动端音乐列表 */ + body:has(#console.show) #nav-music .aplayer-list { + display: block; + position: absolute; + z-index: 1; + background: white; + left: 0; + } + body:has(#console.show) .aplayer-list { + max-height: none !important; + } + body:has(#console.show) .aplayer-list { + position: fixed; + display: none; + width: 100%; + bottom: -76%; + left: 0; + background: var(--sidebar-bg); + height: auto; + border-radius: 15px 15px 0px 0px; + padding: 15px 0px; + } + body:has(#console.show) .aplayer-list.aplayer-list-hide { + bottom: 0% !important; + } + body:has(#console.show) ol > li { + display: flex; + margin: 0 10px; + } + body:has(#console.show) ol > li span.aplayer-list-title { + width: 30%; + } + body:has(#console.show) ol > li.aplayer-list-light { + background: #33a673; + padding: 5px 20px; + border-radius: 10px; + } + + body:has(#console.show) ol > li.aplayer-list-light span { + color: #fff; + } + body:has(#console.show) ol > li span.aplayer-list-title { + max-width: 55%; + width: auto; + display: -webkit-box; + -webkit-line-clamp: 1; + overflow: hidden; + -webkit-box-orient: vertical; + } + body:has(#console.show) ol > li span.aplayer-list-author { + position: absolute; + right: 10px; + width: auto; + max-width: 35%; + display: -webkit-box; + -webkit-line-clamp: 1; + overflow: hidden; + -webkit-box-orient: vertical; + } + body:has(#console.show) ol > li.aplayer-list-light span.aplayer-list-author { + right: 15px; + } + /* 移动端音乐 */ + body:has(#console.show) meting-js { + position: relative; + } + #console .console-card-group { + justify-content: center; + } + + #console .console-card-group { + display: none; + } + + #console .console-card-group-right { + width: 100%; + margin: 0; + } + + #consoleCommentBarrage { + display: none; + } + + #console .button-group { + position: absolute; + bottom: 70px; + } + body:has(#console.show) #nav-music #nav-music-hoverTips { + display: none; + } + body:has(#console.show) #nav-music { + position: fixed; + display: block !important; + left: 5.2%; + top: 3.9rem !important; + height: 70%; + width: 85%; + } + body:has(#console.show) #console-music-bg { + display: block; + filter: blur(33px); + display: block; + background: #000000; + opacity: 0.58; + width: 100%; + height: 100%; + position: absolute; + top: 0; + transform: scale(1.2); + } + [data-theme="dark"] body:has(#console.show) #console-music-bg { + background: var(--anzhiyu-white); + } + body:has(#console.show) #console-music-bg::after { + box-shadow: inset 0 0px 10px 116px #000000; + position: absolute; + content: ""; + width: 100%; + height: 100%; + top: 0; + left: 0; + } + [data-theme="dark"] body:has(#console.show) #console-music-bg::after { + box-shadow: inset 0 0px 10px 116px var(--anzhiyu-white); + } + body:has(#console.show) #nav-music .aplayer.aplayer-withlrc .aplayer-pic { + height: 100px; + width: 100px; + border-radius: 50%; + animation: none; + border: none; + transform: none !important; + box-shadow: none; + margin-top: 80px; + } + + body:has(#console.show) #nav-music .aplayer { + padding: 30px; + border-radius: 0; + } + body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-music .aplayer-title, + body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-music .aplayer-author { + color: var(--anzhiyu-white); + } + body:has(#console.show) #nav-music .aplayer.aplayer-withlrc .aplayer-info { + width: 100%; + height: 45%; + } + body:has(#console.show) #nav-music .aplayer .aplayer-body { + justify-content: space-between; + } + body:has(#console.show) #nav-music .aplayer.aplayer-withlrc .aplayer-info::after { + position: absolute; + content: "iPhone"; + top: -20px; + left: 0; + color: #b5b8bc; + } + body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-music { + padding: 25px 0 0; + position: absolute; + left: 0; + } + body:has(#console.show) #nav-music .aplayer.aplayer-withlrc .aplayer-lrc { + height: 25px; + text-align: left; + } + + body:has(#console.show) #nav-music .aplayer .aplayer-lrc p.aplayer-lrc-current { + color: var(--anzhiyu-white); + font-size: 20px; + line-height: 25px !important; + float: left; + white-space: nowrap; + animation: an-text-roll 4s cubic-bezier(0.6, 0, 0.5, 1) alternate infinite; + min-width: 100%; + /* margin: 0; */ + } + body:has(#console.show) #nav-music .aplayer .aplayer-lrc p { + color: var(--anzhiyu-white); + font-size: 16px; + margin: 0; + margin-top: 20px; + margin-bottom: 20px; + } + body:has(#console.show) #nav-music .aplayer .aplayer-lrc .aplayer-lrc-contents { + margin: -40px 0px 0; + } + body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-time { + color: var(--anzhiyu-white); + left: 50%; + transform: translateX(-50%); + top: 15px; + position: absolute; + width: 100%; + padding: 0; + } + body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-controller { + top: 58px; + } + body:has(#console.show) .aplayer .aplayer-icon-back, + body:has(#console.show) .aplayer .aplayer-icon-forward, + body:has(#console.show) .aplayer .aplayer-icon-order, + body:has(#console.show) .aplayer .aplayer-icon-play, + body:has(#console.show) + #nav-music + .aplayer.aplayer-withlist + .aplayer-info + .aplayer-controller + .aplayer-time + .aplayer-icon.aplayer-icon-menu, + body:has(#console.show) .aplayer.aplayer-mobile .aplayer-icon-volume-down { + display: inline-block; + opacity: 1; + } + body:has(#console.show) .aplayer .aplayer-icon-volume-down { + width: 36px; + height: 30px; + } + body:has(#console.show) .aplayer-volume-wrap { + position: absolute; + top: 150px; + left: 50%; + transform: translateX(-50%); + width: 75px; + } + body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar { + height: 10px; + border-radius: 10px; + } + body:has(#console.show) + #nav-music + .aplayer + .aplayer-info + .aplayer-controller + .aplayer-bar-wrap + .aplayer-bar + .aplayer-loaded { + display: block; + height: 10px; + border-radius: 10px; + } + + body:has(#console.show) .aplayer .aplayer-icon-back { + left: 0; + } + body:has(#console.show) .aplayer .aplayer-icon-forward { + right: 0; + } + body:has(#console.show) .aplayer .aplayer-icon-forward, + body:has(#console.show) .aplayer .aplayer-icon-back { + height: 40px; + width: 33%; + margin: 15px 0; + position: absolute; + } + + body:has(#console.show) .aplayer .aplayer-pic .aplayer-play { + width: 120px; + height: 120px; + } + body:has(#console.show) .aplayer .aplayer-pic .aplayer-pause { + width: 100px; + height: 100px; + } + body:has(#console.show) .aplayer .aplayer-pic .aplayer-play svg { + width: 60px; + height: 60px; + } + body:has(#console.show) .aplayer .aplayer-pic .aplayer-pause svg { + width: 50px; + height: 50px; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + } + + body:has(#console.show) .aplayer .aplayer-icon-play { + height: 50px; + width: 33%; + margin: 10px 0; + position: absolute; + left: 50%; + transform: translateX(-50%); + } + + body:has(#console.show) + .aplayer.aplayer-withlist + .aplayer-info + .aplayer-controller + .aplayer-time + .aplayer-icon.aplayer-icon-menu { + right: 0; + } + body:has(#console.show) .aplayer.aplayer-arrow .aplayer-icon-order { + left: 0; + } + body:has(#console.show) + .aplayer.aplayer-withlist + .aplayer-info + .aplayer-controller + .aplayer-time + .aplayer-icon.aplayer-icon-menu, + body:has(#console.show) .aplayer.aplayer-arrow .aplayer-icon-order { + height: 40px; + width: 33%; + top: 80px; + position: absolute; + } + + body:has(#console.show) .aplayer.aplayer-arrow .aplayer-icon-loop { + height: 40px; + width: 33%; + position: absolute; + left: 50%; + top: 80px; + transform: translateX(-50%); + } + + body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap { + margin: 0; + padding: 0; + } + body:has(#console.show) .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner { + position: relative; + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + } + body:has(#console.show) .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path { + fill: var(--anzhiyu-white); + } + body:has(#console.show) .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap { + overflow: visible; + bottom: 0px; + left: 45px; + right: auto; + } + body:has(#console.show) + .aplayer + .aplayer-info + .aplayer-controller + .aplayer-volume-wrap + .aplayer-volume-bar-wrap + .aplayer-volume-bar, + body:has(#console.show) + .aplayer + .aplayer-info + .aplayer-controller + .aplayer-volume-wrap + .aplayer-volume-bar-wrap + .aplayer-volume-bar + .aplayer-volume { + width: 20px; + border-radius: 4px; + } +} + +@media screen and (max-width: 867px) { + #center-console:checked + label { + display: none; + } + #console .console-card-group { + display: none; + } + + #consoleHideAside { + display: none; + } + .console-card-group-reward .reward-all .reward-item img { + width: 130px; + height: 130px; + } + #console #consoleKeyboard { + display: none; + } +} + +@media screen and (max-height: 800px) { + #console .console-card-group { + display: none; + } + + #consoleMusic { + display: none; + } + + #consoleCommentBarrage { + display: none; + } + + body:has(#console.show) #nav-music { + display: none; + } +} + +@media screen and (min-width: 768px) { + #console .button-group .console-btn-item a:hover { + background: var(--anzhiyu-main) !important; + } + #console .button-group .console-btn-item:hover a { + background: var(--anzhiyu-main); + color: var(--anzhiyu-white); + } +} +@media screen and (max-width: 768px) { + body:has(#console.show) #nav-music { + width: 90%; + } + #center-console + label { + display: none; + } +} +/* 歌词超出文本滚动动画 */ +@keyframes an-text-roll { + from { + margin-left: 0; + } + to { + margin-left: 100%; + transform: translateX(-100%); + } +} + +body[data-type="essay"] #page { + border: 0; + box-shadow: none !important; + padding: 0 !important; + background: transparent !important; +} +body[data-type="essay"] #page .page-title { + display: none; +} +body[data-type="essay"] #web_bg { + background: var(--anzhiyu-background); +} +#bber .bber-container-img { + display: flex; + align-items: center; + justify-content: space-around; + width: 100%; + flex-wrap: wrap; + margin-bottom: 0.3rem; +} +#bber .bber-container-img .bber-content-noimg { + width: calc(100% / 4 - 5px); +} + +#bber .bber-content-img img { + object-fit: cover; + max-height: 100%; +} + +#bber .bber-content-img, +#bber .bber-content-video { + height: 100px; + border-radius: 8px; + overflow: hidden; + display: flex; + justify-content: center; + position: relative; + width: calc(100% / 4 - 5px); + margin-bottom: 10px; +} + +#bber .bber-content-video video { + border-radius: 8px; + object-fit: cover; + max-height: 100%; +} +#bber .bber-content-video::after { + content: "视频"; + display: inline-block; + padding: 1px 6px; + background: var(--anzhiyu-black-op); + border-radius: 8px; + margin-left: 4px; + font-size: 12px; + font-weight: 700; + color: var(--anzhiyu-white); + backdrop-filter: saturate(180%) blur(20px); + -webkit-backdrop-filter: blur(20px); + transform: translateZ(0); + position: absolute; + left: 0; + top: 4px; + z-index: 2; +} + +#bber .bber-content .datacont { + order: 0; + font-size: 0.8rem; + font-weight: 700; + color: var(--anzhiyu-fontcolor); + width: 100%; + line-height: 1.38; + border-radius: 12px; + margin-bottom: 0.5rem; + display: flex; + flex-direction: column; + text-align: justify; +} +#bber p { + margin: 0px; +} +#bber div.bber-content { + display: flex; + flex-flow: wrap; + border-radius: 12px; + width: 100%; + height: 100%; +} +#bber .timeline ul li.bber-item { + position: relative; + width: 32%; + border: var(--style-border-always); + border-radius: 12px; + padding: 1rem 1rem 0.5rem; + transition: all 0.3s ease 0s; + display: flex; + flex-flow: column nowrap; + justify-content: space-between; + align-items: flex-start; + background: var(--anzhiyu-card-bg); + box-shadow: var(--anzhiyu-shadow-border); + margin-right: 2%; +} +#bber .timeline #waterfall.show { + opacity: 1; +} +#bber .timeline #waterfall { + opacity: 0; + transition: all 0.3s ease 0s; +} +#bber ul.list { + display: flex; + flex-flow: row wrap; + justify-content: space-between; +} +#bber { + margin-top: 1rem; + width: 100%; +} +#bber > section > ul > li.bber-item { + margin-bottom: 1rem; +} + +#bber-tips { + font-size: 14px; + display: flex; + justify-content: center; + margin-top: 1rem; +} + +#bber .timeline ul li.bber-item hr { + display: flex; + position: relative; + margin: 8px 0px; + border: 1px dashed var(--anzhiyu-theme-op); + width: 100%; +} + +#bber .bber-info { + display: flex; + align-items: center; +} + +#bber > section > ul > li > div .bber-info-time, +#bber > section > ul > li > div .bber-info-from { + color: var(--anzhiyu-fontcolor); + font-size: 0.7rem; + background-color: var(--anzhiyu-gray-op); + padding: 0px 8px; + border-radius: 20px; + cursor: default; + display: flex; + align-items: center; +} + +#bber .bber-info .anzhiyufont.anzhiyu-icon-clock { + margin-right: 4px; + font-size: 0.7rem; +} +#bber > section > ul > li > div .bber-info-from span, +#bber > section > ul > li > div .bber-info-from { + margin-left: 4px; +} +#bber > section > ul > li > div .bber-info-from i { + font-size: 0.7rem; +} +#bber .bber-item hr::before { + display: none; +} + +#bber .bber-bottom { + display: flex; + justify-content: space-between; + width: 100%; + margin-top: 10px; +} + +.bber-reply { + cursor: pointer !important; +} + +.bber-reply:hover { + color: var(--anzhiyu-main); + max-height: 35px; +} + +#bber .timeline ul li.bber-item:hover { + border: var(--style-border-hover); +} + +#bber .bber-content-link { + display: flex; + margin-left: 0.5rem; + font-size: 0.7rem; + align-items: center; + background-color: rgba(245, 108, 108, 0.13); + color: rgb(245, 108, 108); + padding: 0px 8px; + border-radius: 20px; +} +#bber .bber-content-link i { + margin-right: 3px; + font-size: 0.7rem; +} +#bber .bber-content-link:hover { + background-color: var(--anzhiyu-main); + color: var(--anzhiyu-white); +} +#bber .bber-music { + width: 100%; + height: 90px; + margin: 0.5rem 0; + border-radius: 8px; + overflow: hidden; + border: var(--style-border-always); + background: var(--anzhiyu-secondbg); +} +#bber .aplayer { + margin: 0; +} + +#bber .aplayer.aplayer-withlrc .aplayer-pic { + height: 82px; + width: 82px; + margin: 4px; + border-radius: 4px; +} +.bber-music .aplayer.aplayer-withlrc .aplayer-info { + padding: 5px 7px 0; +} +#bber .aplayer .aplayer-info .aplayer-music { + height: 23px; +} +#bber .aplayer .aplayer-info .aplayer-music .aplayer-title { + font-size: 0.8rem; + font-weight: 700; + margin: 0; + color: var(--anzhiyu-fontcolor); +} + +#bber .aplayer .aplayer-info .aplayer-controller { + align-items: center; +} +#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap { + padding: 0; +} +#bber .aplayer .aplayer-info .aplayer-controller .aplayer-time { + position: initial; +} +#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar { + background: var(--anzhiyu-gray); + height: 8px; + border-radius: 12px; + transition: 0.3s; + overflow: hidden; +} +#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded { + height: 100%; + border-radius: 12px; +} +#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played { + height: 100%; + border-radius: 12px; +} +#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb { + display: none; +} +#bber .aplayer .aplayer-info .aplayer-controller .aplayer-time { + position: initial; +} + +/* 顶部样式 */ +.author-content.author-content-item.essayPage { + height: 19rem; + color: var(--anzhiyu-white); + overflow: hidden; + margin-top: 0px; +} +body[data-type="essay"] #page .author-content-item .card-content .banner-button-group .banner-button:hover { + color: var(--anzhiyu-white); + border-radius: 20px !important; +} + +/* 响应式 */ +@media screen and (max-width: 1200px) { + #bber .timeline ul li.bber-item { + width: 49%; + margin-right: 1%; + } +} +@media screen and (max-width: 768px) { + #bber .timeline ul li.bber-item { + width: 100%; + margin-right: 0px; + } +} +[data-theme="dark"] #bber .bber-music .aplayer, +[data-theme="dark"] #bber .aplayer .aplayer-lrc:before, +[data-theme="dark"] #bber .aplayer .aplayer-lrc:after { + background: var(--anzhiyu-card-bg); + color: var(--anzhiyu-fontcolor); +} +#bber .aplayer .aplayer-lrc p { + color: var(--anzhiyu-fontcolor); + min-height: 40px; + line-height: 30px !important; + height: 40px !important; + margin: 0 !important; +} + +#bbTimeList { + background: var(--anzhiyu-white); + color: var(--anzhiyu-fontcolor); + padding: 0.5rem 1rem; + border-radius: 12px; + box-shadow: var(--anzhiyu-shadow-lightblack); + display: flex; + transition: all 0.3s ease 0s; + margin: 1rem auto 0; + border: var(--style-border); + align-items: center; + height: 50px; + width: 100%; + max-width: calc(1400px - 3rem); + animation: slide-in .6s 0s backwards; +} +@media screen and (max-width: 1400px) { + #bbTimeList { + max-width: calc(100% - 3rem); + animation: slide-in 0.6s 0s backwards; + } +} +@media screen and (max-width: 768px) { + div#bbTimeList { + margin: 0 20px 15px; + } +} +[data-theme="dark"] #bbTimeList { + background: #000 !important; +} +#bbtalk { + width: 100%; +} +#bber-talk { + width: 100%; + height: 30px; + line-height: 30px; + display: flex; + flex-direction: column; +} +i.bber-logo { + font-size: 2rem; + line-height: 22px; + margin-right: 1rem; + transition: all 0.3s ease 0s; + cursor: pointer !important; +} +i.bber-logo:hover, +i.bber-gotobb:hover { + color: var(--anzhiyu-main); +} + +i.bber-gotobb { + line-height: 30px; + margin-left: 1rem; + transition: all 0.3s ease 0s; + cursor: pointer; +} + +#bber-talk .li-style { + width: 100%; + max-width: 100%; + text-align: center; + overflow: hidden; + text-overflow: ellipsis; + transition: 0.3s; + font-weight: 700; + margin: auto; + cursor: pointer; + white-space: nowrap; +} +#bber-talk .li-style:hover { + color: var(--anzhiyu-main); +} + +#bbTimeList:hover { + border: var(--style-border-hover); + box-shadow: var(--anzhiyu-shadow-main); +} + +/* 文章页H1-H6图标样式效果 */ +@-webkit-keyframes rotate { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(-1turn); + transform: rotate(-1turn); + } +} +@keyframes rotate { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(-1turn); + transform: rotate(-1turn); + } +} + +/* 音乐播放器 */ + +.aplayer.aplayer-narrow .aplayer-body, +.aplayer.aplayer-narrow .aplayer-pic { + height: 66px; + width: 66px; +} + +/* 导航栏音乐 */ +@media screen and (max-width: 1200px) { + #nav-music { + display: none !important; + } +} + +#nav-music { + display: flex; + align-items: center; + z-index: 9; + position: fixed; + bottom: 20px; + left: 20px; + cursor: pointer; + transition: all 0.5s, left 0s; + transform-origin: left bottom; + box-shadow: var(--anzhiyu-shadow-border); + border-radius: 40px; + overflow: hidden; +} + +#nav-music:active { + transform: scale(0.97); +} + +#nav-music.playing { + border: var(--style-border); + box-shadow: 0 0px 12px -3px var(--anzhiyu-none); + animation: playingShadow 5s linear infinite; +} + +@keyframes playingShadow { + 0% { + box-shadow: 0 0px 12px -3px var(--anzhiyu-none); + } + + 50% { + box-shadow: 0 0px 12px 0px var(--anzhiyu-main); + } + + 100% { + box-shadow: 0 0px 12px -3px var(--anzhiyu-none); + } +} + +#nav-music .aplayer.aplayer-withlrc .aplayer-pic { + height: 25px; + width: 25px; + border-radius: 40px; + z-index: 1; + transition: 0.3s; + transform: rotate(0deg) scale(1); + border: var(--style-border-always); + animation: changeright 24s linear infinite; + animation-play-state: paused; +} + +#nav-music.playing .aplayer.aplayer-withlrc .aplayer-pic { + box-shadow: 0 0 14px #ffffffa6; + transform: rotate(0deg) scale(1.1); + border-color: var(--anzhiyu-white); + animation-play-state: running; +} + +@keyframes changeright { + 0% { + transform: rotate(0deg) scale(1.1); + box-shadow: 0 0 2px #ffffff00; + } + + 25% { + transform: rotate(90deg) scale(1.1); + box-shadow: 0 0 14px #ffffff; + } + + 50% { + transform: rotate(180deg) scale(1.1); + box-shadow: 0 0 2px #ffffff00; + } + + 75% { + transform: rotate(270deg) scale(1.1); + box-shadow: 0 0 14px #ffffff; + } + + 100% { + transform: rotate(360deg) scale(1.1); + box-shadow: 0 0 2px #ffffff00; + } +} + +#nav-music .aplayer.aplayer-withlrc .aplayer-info { + height: 100%; + color: var(--anzhiyu-fontcolor); + margin: 0; + padding: 0; + display: flex; + align-items: center; +} + +#nav-music.playing .aplayer.aplayer-withlrc .aplayer-info { + color: var(--anzhiyu-white); +} + +#nav-music.playing #nav-music-hoverTips { + width: 0; + opacity: 0; +} +#nav-music #nav-music-hoverTips { + color: var(--anzhiyu-white); + background: var(--anzhiyu-main); + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + align-items: center; + justify-content: center; + display: flex; + border-radius: 40px; + opacity: 0; + font-size: 12px; + z-index: 2; + transition: 0.3s; +} + +#nav-music:hover:not(.playing) #nav-music-hoverTips { + opacity: 1; +} + +#nav-music + .aplayer + .aplayer-info + .aplayer-controller + .aplayer-bar-wrap:hover + .aplayer-bar + .aplayer-played + .aplayer-thumb { + display: none; +} + +#nav-music .aplayer { + background: var(--card-bg); + border-radius: 60px; + height: 41px; + display: flex; + margin: 0; + transition: 0.3s; + border: var(--style-border); + box-shadow: none; +} + +#nav-music.playing .aplayer { + background: var(--anzhiyu-main); + border: var(--style-border-hover); + backdrop-filter: saturate(180%) blur(20px); + backdrop-filter: blur(20px); + transform: translateZ(0); +} + +#nav-music .aplayer .aplayer-notice { + display: none; +} + +#nav-music .aplayer .aplayer-miniswitcher { + display: none; +} + +#nav-music .aplayer .aplayer-body { + position: relative; + display: flex; + align-items: center; +} + +#nav-music .aplayer-list { + display: none; +} + +#nav-music .aplayer .aplayer-info .aplayer-music { + margin: 0; + display: flex; + align-items: center; + padding: 0 12px 0 8px; + cursor: pointer; + z-index: 1; + height: 100%; +} + +#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-time { + display: none; +} + +#nav-music .aplayer .aplayer-info .aplayer-music .aplayer-author { + display: none; +} + +#nav-music .aplayer.aplayer-withlist .aplayer-info { + border: none; +} + +#nav-music .aplayer .aplayer-pic .aplayer-button { + bottom: 50%; + right: 50%; + transform: translate(50%, 50%); + margin: 0; + transition: 0.3s; +} +#nav-music .aplayer .aplayer-pic:has(.aplayer-button.aplayer-play) { + animation-play-state: paused; + transform: rotate(0deg) scale(1) !important; +} +#nav-music .aplayer.aplayer-withlrc .aplayer-pic { + margin-left: 8px; +} +#nav-music .aplayer .aplayer-info .aplayer-music .aplayer-title { + cursor: pointer; + line-height: 1; + display: inline-block; + white-space: nowrap; + max-width: 120px; + overflow: hidden; + text-overflow: ellipsis; + transition: 0.3s; + user-select: none; +} + +#nav-music .aplayer .aplayer-info .aplayer-controller { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; +} + +#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap { + margin: 0; + padding: 0; +} + +#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar { + height: 100%; + background: 0 0; +} + +#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded { + display: none; +} + +#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played { + height: 100%; + opacity: 0.1; + background-color: var(--anzhiyu-white) !important; + animation: lightBar 5s ease infinite; + animation-play-state: paused; +} + +#nav-music.playing .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played { + animation-play-state: running; +} + +@keyframes lightBar { + 0% { + opacity: 0.1; + } + + 60% { + opacity: 0.3; + } + + 100% { + opacity: 0.1; + } +} + +/* 歌词 */ +#nav-music .aplayer.aplayer-withlrc .aplayer-lrc { + width: 0; + opacity: 0; + transition: 0.3s; + margin-top: -2px; + padding: 5px 0; +} +#nav-music.stretch .aplayer.aplayer-withlrc .aplayer-lrc { + width: 200px; + margin-left: 8px; + opacity: 1; +} + +#nav-music .aplayer .aplayer-lrc p.aplayer-lrc-current { + color: var(--anzhiyu-white); + border: none; + min-height: 20px; +} + +#nav-music .aplayer .aplayer-lrc:after, +#nav-music .aplayer .aplayer-lrc:before { + display: none; +} + +#nav-music .aplayer .aplayer-lrc p { + color: #ffffffb3; + line-height: 40px !important; + height: 40px !important; + margin: 0px 0; + vertical-align: top; + /* display: inline-block; */ +} + +#nav-music .aplayer .aplayer-pic { + pointer-events: none; +} +#nav-music .aplayer .aplayer-pic .aplayer-button { + pointer-events: all; +} + +/* bilibli番剧插件 */ +#page #article-container .bangumi-tab.bangumi-active { + background: var(--anzhiyu-theme); + color: var(--anzhiyu-ahoverbg); + border-radius: 10px; +} +#page #article-container .bangumi-tabs .bangumi-tab { + border-bottom: none; + border-radius: 10px; +} +#page #article-container .bangumi-tabs a.bangumi-tab:hover { + text-decoration: none !important; + border-radius: 10px; + column-gap: var(--anzhiyu-ahoverbg); +} +#page #article-container .bangumi-pagination a.bangumi-button { + border-bottom: none; + border-radius: 10px; +} +.bangumi-button:hover { + background: var(--anzhiyu-theme) !important; + border-radius: 10px !important; + color: var(--anzhiyu-ahoverbg) !important; +} +a.bangumi-button.bangumi-nextpage:hover { + text-decoration: none !important; +} +.bangumi-button { + padding: 5px 10px !important; +} + +a.bangumi-tab { + padding: 5px 10px !important; +} +svg.icon.faa-tada { + font-size: 1.1em; +} +.bangumi-info-item { + border-right: 1px solid #f2b94b; +} +.bangumi-info-item span { + color: #f2b94b; +} +.bangumi-info-item em { + color: #f2b94b; +} + +/*哔哩哔哩视频适配*/ +.aspect-ratio { + position: relative; + width: 100%; + height: 0; + padding-bottom: 75%; + margin: 3% auto; + text-align: center; +} +.aspect-ratio iframe { + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; +} +#page:has(#lib-cards):has(#libCategories) #post-comment .tk-comments-container > .tk-comment { + border: none; + box-shadow: none; +} +@media screen and (max-width: 768px) { + #libCategories { + margin-top: 0 !important; + } + #page:has(#lib-cards):has(#libCategories) h1.page-title { + margin-bottom: 0; + } + body[data-type="categories"] #body-wrap #category { + padding: 20px 15px 20px; + } +} + +.card-glass .card-background { + box-shadow: none; + margin: 0 15px; +} +[data-theme="dark"] .card-glass .card-background { + background-color: transparent; +} + +/* 留言板样式补丁 */ +#maincontent #form-wrap .formmain .comments-main h3.title3 { + justify-content: center; +} + +body[data-type="envelope"] #page #post-comment .tk-comments-container > .tk-comment { + border: none; + box-shadow: none; +} + +[data-theme="dark"] #universe { + display: block; + position: fixed; + margin: 0; + padding: 0; + border: 0; + outline: 0; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 1; +} +canvas#universe { + display: none; +} + +@media screen and (max-width: 768px) { + #page .fcircle_page .author-content-item .card-content .banner-button-group .banner-button i, + #page .fcircle_page .author-content-item .card-content .banner-button-group .banner-button svg { + margin-left: 140px; + margin-top: 15px; + } +} + +#gitcalendar #git_container ul li { + margin: 0 !important; +} +#gitcalendar #git_container ul li::before{ + content: none !important; +} +.dplayer-video-wrap, +.dplayer { + border-radius: 12px; +} + +.note .hide-block { + margin: 0; +} +.note .hide-block button { + border-radius: 30px; +} + +body[data-type="link"] main #page { + border: 0; + box-shadow: none !important; + padding: 0 !important; + background: transparent !important; +} + +[data-theme="dark"] body[data-type="link"] #page { + background: transparent; +} + +.flink .anzhiyu-flink-list { + padding: 0; +} + +/* 修复时间轴wowjs超出盒子 */ +div#archive { + overflow: hidden; + padding: 22px; +} +/* 修复加载时图片太大超出范围 */ +.aplayer.aplayer-fixed { + overflow: hidden; +} + +@media screen and (max-width: 768px) { + #page .fcircle_page .author-content-item .card-content .banner-button-group .banner-button { + background-color: transparent !important; + } +} + +.relatedPosts > .relatedPosts-list > div { + border-radius: var(--anzhiyu-border-radius); +} + +/* 侧边栏按钮圆角 */ +#rightside > div > button { + border-radius: 5px; +} + +/* site-card样式修复 */ +#article-container .site-card-group a { + padding: 0; + border-bottom: 0; + font-weight: 400; +} +#article-container .site-card-group .site-card { + background: #fff !important; + border-radius: 8px; +} +#article-container .site-card-group a:hover { + padding: 0; + border-bottom: 0; + font-weight: 400; +} +[data-theme="light"] #footer-wrap { + color: var(--font-color); +} +#footer-wrap .anzhiyufont.anzhiyu-icon-heartbeat { + transition: 0.3s; + animation: heartbeat-bounce 2s ease-in-out infinite; + -webkit-font-smoothing: antialiased; + display: var(--fa-display, inline-block); + font-style: normal; + font-variant: normal; + line-height: 1; + text-rendering: auto; +} +@keyframes heartbeat-bounce { + 0%, + 100% { + transform: scale(1); + } + + 10%, + 30% { + transform: scale(0.9); + } + 20%, + 40%, + 60%, + 80% { + transform: scale(1.1); + } + 50%, + 70% { + transform: scale(1.1); + } +} + +/* 顶部样式 */ +.fcircle_page .author-content.fcirclePage { + height: 19rem; + color: var(--anzhiyu-white); + overflow: hidden; + margin-top: 0px; +} +body[data-type="fcircle"] #web_bg { + background-color: #f7f9fe; +} + +[data-theme="dark"] body[data-type="fcircle"] #web_bg { + background-color: #000; +} + +body[data-type="fcircle"] #page .page-title { + display: none; +} + +body[data-type="fcircle"] #page { + border: 0; + box-shadow: none !important; + padding: 0 !important; + background: transparent !important; +} +.fcircle_page a { + border-bottom: none !important; +} +.fcircle_page .cf-article-avatar a:hover { + background: none !important; + color: var(--anzhiyu-fontcolor) !important; +} +/* 随机文章样式 */ + +.title-h2-a { + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 0.5rem; +} +.title-h2-a-left { + display: flex; + align-items: center; +} +.title-h2-a-left h2 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.title-h2-a a { + margin-left: 0.5rem; + color: var(--anzhiyu-fontcolor); + font-weight: 700; +} +#random-post { + min-height: 32px; + background: var(--card-bg); + border: var(--style-border-always); + box-shadow: var(--anzhiyu-shadow-border); + padding: 20px 30px; + border-radius: 12px; + margin-top: 8px; +} +#random-post .random-friends-post { + text-decoration: none; + border-bottom: 2px solid var(--anzhiyu-lighttext) !important; + color: var(--anzhiyu-fontcolor); + font-weight: 700; + padding: 0 4px; +} + +#random-post .random-friends-post:hover { + text-decoration: none; + border-bottom: 2px solid var(--anzhiyu-none) !important; + color: var(--anzhiyu-white) !important; + background: var(--anzhiyu-main) !important; + border-radius: 4px; + box-shadow: var(--anzhiyu-shadow-main); +} +#article-container .title-h2-a a:hover { + color: var(--anzhiyu-hovertext) !important; +} +.fcircle_page .title-h2-a-right a.random-post-all { + color: var(--anzhiyu-fontcolor); +} +#cf-overshow.cf-show-now p a.cf-article-title:hover, +.fcircle_page #fcircleContainer .cf-article a.cf-article-title:hover, +.fcircle_page .title-h2-a-right a.random-post-all:hover, +.fcircle_page .title-h2-a-left a.random-post-start:hover { + background: none; + box-shadow: none; + color: var(--anzhiyu-theme); +} +.fcircle_page .fish-pond-item .cf-article .cf-article-title { + line-height: 2; +} + +#greetingBox { + position: fixed; + top: 10px; + left: 15%; + width: 400px; + text-align: center; + z-index: 999; + pointer-events: none; +} +@media screen and (max-width: 768px) { + #greetingBox { + display: none; + } +} + +#greeting { + display: inline-block; + position: relative; + opacity: 0; + top: -110px; + padding: 5px 40px; + border-radius: 50px; + background-color: white; + color: black; + font-size: small; + transition: 0.5s; + box-shadow: rgb(0 0 0 / 5%) 0 10px 20px; +} + +#greeting.shown { + opacity: 1; + top: 0; +} + +/* 首页分类框展示 */ +.categoryGroup { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + min-width: 200px; + height: 24%; + width: 100%; + + animation: slide-in 0.6s 0.2s backwards; +} +.categoryItem:last-child { + margin-right: 0; +} +.categoryItem { + width: calc(100% / 3 - 0.33rem); + height: 100%; + margin-right: 0.5rem; +} + +.categoryItem { + overflow: hidden; + transform: scale(1); + transition: all 0.8s cubic-bezier(0.65, 0.15, 0.37, 1.19); + height: 100%; + border-radius: 12px; +} + +a.categoryButton { + height: 100%; + width: 100%; + background: var(--anzhiyu-card-bg); + border-radius: 12px; + display: inline-block; + text-align: left; + line-height: 4em; + font-weight: 700; + font-size: 1.1rem; + color: var(--anzhiyu-white); + transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); + transform: scale(1); + overflow: hidden; + font-family: inherit; +} +.categoryButtonText { + padding-left: 21px; +} +a.categoryButton svg, +a.categoryButton i { + font-size: 5rem; + opacity: 0.2; + position: absolute; + right: 0; + top: 20%; + transition: 0.3s; + width: 100px; + text-align: center; + filter: blur(2px); + transform: scale(1) rotate(15deg); +} + +a.categoryButton.blue { + background: linear-gradient(to right, #358bff, #15c6ff); + background-size: 200%; +} +a.categoryButton.red { + background: linear-gradient(to right, #f65, #ffbf37); + background-size: 200%; +} +a.categoryButton.green { + background: linear-gradient(to right, #18e7ae, #1eebeb); + background-size: 200%; +} + +.categoryItem:hover { + width: 50%; +} + +.categoryItem:hover svg, +.categoryItem:hover i { + opacity: 0.8; + transition: 0.8s; + transition-delay: 0.15s; + transform: scale(1.03); + font-size: 2.5rem; + filter: blur(0); + top: 15%; +} +a.categoryButton:after { + top: 47px; + width: 1rem; + left: 21px; + height: 2px; + background: var(--anzhiyu-white); + content: ""; + border-radius: 1px; + position: absolute; +} + +@media screen and (max-width: 768px) { + .categoryGroup { + display: none; + } +} + +[data-theme="dark"] a.categoryButton.blue { + background: linear-gradient(to right, #0653b8, #2fcbff); + background-size: 200%; +} +[data-theme="dark"] a.categoryButton.red { + background: linear-gradient(to right, #e22a16, #da980c); + background-size: 200%; +} +[data-theme="dark"] a.categoryButton.green { + background: linear-gradient(to right, #099e74, #0ea4a4); + background-size: 200%; +} + +#topPostGroup .top-group-list-item { + display: flex; + width: calc(100% / 4 - 5px); + flex-direction: column; + align-items: flex-start; + background: var(--anzhiyu-card-bg); + border-radius: 12px; + overflow: hidden; + height: 128px; + max-height: 128px; + border: var(--style-border-always); + transition: 0.3s; + box-shadow: var(--anzhiyu-shadow-border); +} +#topPostGroup .post_cover { + width: 100%; +} +#topPostGroup .post_cover img { + object-fit: cover; + width: 100%; + height: 80px; + background: var(--anzhiyu-secondbg); + border-radius: 12px 12px 0 0; +} + +#topPostGroup .top-group-list-item .post_cover a { + height: 80px; + overflow: hidden; + display: flex; + position: relative; +} + +span.top-group-text { + position: absolute; + top: 0; + left: -40px; + display: flex; + z-index: 1; + background: var(--anzhiyu-theme); + color: var(--anzhiyu-white); + padding: 2px 8px; + font-size: 12px; + border-radius: 12px 0 12px 0; + transition: 0.3s; + cursor: pointer; +} +.top-group-list-item:hover span.top-group-text { + left: 0; +} + +#topPostGroup .top-group-list-item .top-group-info { + padding: 0.3rem 0.5rem 0.3rem 0.5rem !important; + transition: 0.3s; +} + +#topPostGroup .top-group-list-item .top-group-info .article-title { + -webkit-line-clamp: 2; + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + line-height: 1.5; + justify-content: center; + align-items: flex-end; + align-content: center; + padding-top: 0.5rem; + font-weight: 700; + font-size: 0.8rem !important; + padding: 0 !important; +} + +#topPostGroup .top-group-list-item:hover { + border: var(--style-border-hover); + box-shadow: var(--anzhiyu-shadow-main); + transform: scale(1.03); +} + +#topPostGroup .top-group-list-item:hover .article-title { + color: var(--anzhiyu-theme); +} + +.top-group-list-none { + width: calc(100% / 4 - 5px); +} +#topPostGroup .topPostGroupTime { + font-size: 12px; +} + +@media screen and (max-width: 1450px) { + #topPostGroup .top-group-list-item { + width: calc(100% / 4 - 20px) !important; + } +} +@media screen and (max-width: 768px) { + #topPostGroup .top-group-list-item { + width: calc(100% / 2 - 5px) !important; + margin: 2px; + } +} +@media screen and (max-width: 768px) { + #topGroup { + display: none; + } +} + +a span.top-group-text { + border-radius: 0px 0 12px 0; +} + +div#bannerGroup { + width: calc(100% - 600px - 2rem); + height: 340px; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +#swiper_container_blog { + width: 49%; + transition: all 0.3s, width 0s; + border-radius: 12px; +} +.swiper-wrapper { + align-items: center; +} +div#swiper_container { + transition: 0.3s; +} +/* 防止轮播图css未加载完时的超度横行滚动条 */ +#swiper_container { + overflow: hidden !important; +} +div.swiper_container_card { + margin: 1rem auto 0; +} +@media screen and (max-width: 768px) { + div.swiper_container_card { + margin: 0.2rem auto 0; + } +} +div#swiper_container { + background: rgba(255, 255, 255, 0); + width: 100%; + padding: 0; + overflow: initial; + background: var(--card-bg); + border-radius: 12px; + border: var(--style-border); +} +div#swiper_container:hover { + border: var(--style-border-hover); + box-shadow: var(--anzhiyu-shadow-main); +} +.blog-slider { + width: 100%; + position: relative; + border-radius: 12px 8px 8px 12px; + margin: 0 auto; +} +.blog-slider__item { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +.blog-slider__item.swiper-slide-active .blog-slider__img img { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transition-delay: 0.3s; + -moz-transition-delay: 0.3s; + -o-transition-delay: 0.3s; + -ms-transition-delay: 0.3s; + transition-delay: 0.3s; +} +.blog-slider__item.swiper-slide-active .blog-slider__content > * { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transform: none; + -moz-transform: none; + -o-transform: none; + -ms-transform: none; + transform: none; +} +.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(1) { + -webkit-transition-delay: 0.3s; + -moz-transition-delay: 0.3s; + -o-transition-delay: 0.3s; + -ms-transition-delay: 0.3s; + transition-delay: 0.3s; +} +.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(2) { + -webkit-transition-delay: 0.4s; + -moz-transition-delay: 0.4s; + -o-transition-delay: 0.4s; + -ms-transition-delay: 0.4s; + transition-delay: 0.4s; +} +.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(3) { + -webkit-transition-delay: 0.5s; + -moz-transition-delay: 0.5s; + -o-transition-delay: 0.5s; + -ms-transition-delay: 0.5s; + transition-delay: 0.5s; +} +.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(4) { + -webkit-transition-delay: 0.6s; + -moz-transition-delay: 0.6s; + -o-transition-delay: 0.6s; + -ms-transition-delay: 0.6s; + transition-delay: 0.6s; +} +.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(5) { + -webkit-transition-delay: 0.7s; + -moz-transition-delay: 0.7s; + -o-transition-delay: 0.7s; + -ms-transition-delay: 0.7s; + transition-delay: 0.7s; +} +.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(6) { + -webkit-transition-delay: 0.8s; + -moz-transition-delay: 0.8s; + -o-transition-delay: 0.8s; + -ms-transition-delay: 0.8s; + transition-delay: 0.8s; +} +.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(7) { + -webkit-transition-delay: 0.9s; + -moz-transition-delay: 0.9s; + -o-transition-delay: 0.9s; + -ms-transition-delay: 0.9s; + transition-delay: 0.9s; +} +.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(8) { + -webkit-transition-delay: 1s; + -moz-transition-delay: 1s; + -o-transition-delay: 1s; + -ms-transition-delay: 1s; + transition-delay: 1s; +} +.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(9) { + -webkit-transition-delay: 1.1s; + -moz-transition-delay: 1.1s; + -o-transition-delay: 1.1s; + -ms-transition-delay: 1.1s; + transition-delay: 1.1s; +} +.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(10) { + -webkit-transition-delay: 1.2s; + -moz-transition-delay: 1.2s; + -o-transition-delay: 1.2s; + -ms-transition-delay: 1.2s; + transition-delay: 1.2s; +} +.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(11) { + -webkit-transition-delay: 1.3s; + -moz-transition-delay: 1.3s; + -o-transition-delay: 1.3s; + -ms-transition-delay: 1.3s; + transition-delay: 1.3s; +} +.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(12) { + -webkit-transition-delay: 1.4s; + -moz-transition-delay: 1.4s; + -o-transition-delay: 1.4s; + -ms-transition-delay: 1.4s; + transition-delay: 1.4s; +} +.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(13) { + -webkit-transition-delay: 1.5s; + -moz-transition-delay: 1.5s; + -o-transition-delay: 1.5s; + -ms-transition-delay: 1.5s; + transition-delay: 1.5s; +} +.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(14) { + -webkit-transition-delay: 1.6s; + -moz-transition-delay: 1.6s; + -o-transition-delay: 1.6s; + -ms-transition-delay: 1.6s; + transition-delay: 1.6s; +} +.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(15) { + -webkit-transition-delay: 1.7s; + -moz-transition-delay: 1.7s; + -o-transition-delay: 1.7s; + -ms-transition-delay: 1.7s; + transition-delay: 1.7s; +} +.blog-slider__img { + width: 290px; + -webkit-flex-shrink: 0; + flex-shrink: 0; + height: 200px; + padding: 10px; + border-radius: 5px; + transform: translateX(0); + overflow: hidden; +} +.blog-slider__img:after { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border-radius: 5px; + opacity: 0.8; +} +.blog-slider__img img { + width: 100%; + height: 100%; + object-fit: cover; + display: block; + opacity: 0; + border-radius: 5px; + transition: all 0.3s; +} +.blog-slider__content { + padding-right: 50px; + padding-left: 50px; +} +.blog-slider__content > * { + opacity: 0; + -webkit-transform: translateY(25px); + -moz-transform: translateY(25px); + -o-transform: translateY(25px); + -ms-transform: translateY(25px); + transform: translateY(25px); + -webkit-transition: all 0.4s; + -moz-transition: all 0.4s; + -o-transition: all 0.4s; + -ms-transition: all 0.4s; + transition: all 0.4s; +} +.blog-slider__code { + color: var(--font-color); + margin-bottom: 0; + display: block; + font-weight: 500; +} +.blog-slider__title { + font-size: 18px; + font-weight: 700; + color: var(--font-color); + margin-bottom: 15px; + -webkit-line-clamp: 1; + display: -webkit-box; + overflow: hidden; + -webkit-box-orient: vertical; +} +.blog-slider__text { + color: var(--font-color); + margin-bottom: 15px; + line-height: 1.5em; + width: 100%; + height: 50px; + word-break: break-all; + word-wrap: break-word; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} +.blog-slider__button { + display: -webkit-inline-box; + display: -moz-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-box; + display: inline-flex; + background-color: var(--btn-bg); + padding: 4px 14px; + border-radius: 8px; + color: var(--btn-color); + text-decoration: none; + font-weight: 500; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + text-align: center; + letter-spacing: 1px; + display: none; +} +.blog-slider__button:hover { + background-color: var(--btn-hover-color); + color: var(--btn-color); +} +.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, +.blog-slider .swiper-pagination-custom, +.blog-slider .swiper-pagination-fraction { + bottom: 10px; + left: 0; + width: 100%; +} +.blog-slider__pagination { + position: absolute; + z-index: 21; + right: 20px; + width: 11px !important; + text-align: center; + left: auto !important; + top: 50%; + bottom: auto !important; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} +.blog-slider .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet { + margin: 8px 0; +} +.blog-slider__pagination .swiper-pagination-bullet { + width: 11px; + height: 11px; + display: block; + border-radius: 10px; + background: #858585; + opacity: 0.2; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -ms-transition: all 0.3s; + transition: all 0.3s; +} +.blog-slider__pagination .swiper-pagination-bullet-active { + opacity: 1; + -ms-filter: none; + filter: none; + background: var(--btn-bg); + height: 30px; +} +@media screen and (max-width: 768px) { + .blog-slider__pagination { + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -o-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + left: 50% !important; + top: 320px; + width: 100% !important; + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + .blog-slider .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 5px; + } + .blog-slider__pagination .swiper-pagination-bullet-active { + height: 11px; + width: 30px; + } + .blog-slider__button { + display: -webkit-inline-box; + display: -moz-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-box; + display: inline-flex; + width: 100%; + } + .blog-slider { + min-height: 350px; + height: auto; + margin-bottom: 10px; + } + .blog-slider__content { + text-align: center; + padding: 0 30px; + } + .blog-slider__item { + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .blog-slider__img { + width: 100%; + padding-top: 0; + } + .blog-slider__content { + padding-left: 10px; + padding-right: 10px; + margin-top: 15px; + } + .blog-slider__pagination.swiper-pagination-clickable.swiper-pagination-bullets { + top: 218px; + } + + .swiper_container_card #swiper_container_blog div#swiper_container.blog-slider { + padding: 10px; + overflow: hidden; + } + .blog-slider__item .blog-slider__content .blog-slider__code { + margin-top: 10px; + } + .blog-slider__title { + margin-bottom: 0; + } +} +@media screen and (min-width: 768px) { + .blog-slider { + height: 200px; + } + .blog-slider__img { + height: 200px; + } +} + +@media screen and (max-width: 1200px) { + div#swiper_container { + width: 100%; + } + #swiper_container_blog { + width: 99%; + } +} + +.swiper_container_card { + display: flex !important; + justify-content: space-around; + flex-direction: row !important; + user-select: none; +} + +.todayCard-title, +.todayCard-tips, +.topGroup .banner-button { + color: #ffffff; +} + +.topGroup { + height: 340px; + display: flex; + flex-direction: row; + flex-wrap: wrap; + width: calc(600px + 1.5rem); + position: relative; + align-content: space-between; +} +.topGroup .todayCard { + position: absolute; + width: calc(600px + 1rem); + height: 100%; + z-index: 1; + top: 0; + left: 0; + background: var(--anzhiyu-card-bg); + border-radius: 12px; + margin-left: 0.5rem; + overflow: hidden; + transition: 0.3s; + display: flex; + cursor: pointer; + pointer-events: all; +} + +.topGroup .todayCard .todayCard-info { + position: absolute; + bottom: 2rem; + left: 2rem; + z-index: 2; + color: var(--anzhiyu-white); + max-width: 60%; + transition: 0.3s; +} + +.topGroup .todayCard .todayCard-info .todayCard-tips { + opacity: 0.8; + font-size: 12px; +} + +.topGroup .todayCard .todayCard-info .todayCard-title { + font-size: 28px; + font-weight: bold; + line-height: 36px; +} +.topGroup .todayCard .todayCard-cover { + position: absolute; + min-width: 100%; + min-height: 100%; + top: 0; + left: 0; + background-size: cover; + z-index: -1; + transition: 0.3s; +} + +.topGroup .banner-button-group { + position: absolute; + right: 2rem; + bottom: 2rem; + display: flex; + transition: 0.3s; +} + +.topGroup .todayCard.hide .todayCard-cover { + transform: scale(1.2); +} + +.topGroup .banner-button { + background: var(--anzhiyu-white-op); + border-radius: 20px; + color: var(--anzhiyu-white); + display: flex; + align-items: center; + z-index: 1; + transition: 0.3s; + cursor: pointer; + backdrop-filter: saturate(180%) blur(20px); + -webkit-backdrop-filter: blur(20px); + transform: translateZ(0); + height: 40px; + width: 125px; + justify-content: center; +} +.topGroup .banner-button-group .banner-button .banner-button-text { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.topGroup .banner-button i, +.topGroup .banner-button svg { + margin-right: 8px; + font-size: 22px; +} +.topGroup .todayCard::after { + position: absolute; + content: ""; + width: 100%; + height: 100%; + top: 0; + left: 0; + box-shadow: 0 -109px 133px -9px #000000 inset; +} + +.topGroup .todayCard.hide { + opacity: 0; + pointer-events: none; +} +.topGroup .todayCard img { + object-fit: cover; + width: 100%; + height: 80px; + background: var(--anzhiyu-secondbg); + border-radius: 12px 12px 0 0; +} +.topGroup .recent-post-item:nth-child(4), +.topGroup .recent-post-item:nth-child(5), +.topGroup .recent-post-item:nth-child(6) { + margin-bottom: 0; + margin-top: 4px; +} + +.topGroup .recent-post-item { + display: none; + width: 200px; + flex-direction: column; + align-items: flex-start; + background: var(--anzhiyu-card-bg); + border-radius: 12px; + overflow: hidden; + min-width: 200px; + height: 164px !important; + max-height: 164px; + border: var(--style-border-always); + transition: 0.3s; + position: relative; + box-shadow: var(--anzhiyu-shadow-border); + margin-left: 0.5rem; + margin-right: 0px; + margin-bottom: 0.5rem; + cursor: pointer; +} +.topGroup .recent-post-item:hover .recent-post-info .article-title { + color: var(--anzhiyu-main); +} +.topGroup .recent-post-item .post_cover { + width: 100%; +} +.topGroup .recent-post-item .post_cover a { + height: 100px; + overflow: hidden; + display: flex; +} +.topGroup span.recent-post-top-text { + position: absolute; + top: 0; + left: -40px; + display: flex; + z-index: 1; + background: var(--anzhiyu-theme); + color: var(--anzhiyu-white); + padding: 2px 8px; + font-size: 12px; + border-radius: 12px 0 12px 0; + transition: 0.3s; + cursor: pointer; +} + +.topGroup .recent-post-item .post_cover img { + object-fit: cover; + width: 100%; + background: var(--anzhiyu-secondbg); + border-radius: 12px 12px 0 0; +} +.topGroup .recent-post-item .recent-post-info { + padding: 0.3rem 0.5rem 0.3rem 0.5rem; + transition: 0.3s; +} +.topGroup .recent-post-item .recent-post-info .article-title { + -webkit-line-clamp: 2; + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + line-height: 1.5; + justify-content: center; + align-items: flex-end; + align-content: center; + padding-top: 0.5rem; + font-weight: bold; + font-size: 1rem !important; + padding: 0 !important; +} + +.topGroup .recent-post-item:hover .recent-post-top-text { + left: 0; +} + +@media screen and (max-width: 1200px) { + .topGroup .todayCard { + background: #0e57d5; + } + + div#bannerGroup { + height: auto; + width: auto; + } + + .topGroup .recent-post-item { + display: flex; + } + + .categoryGroup .categoryItem:nth-child(3) { + display: none; + } + .categoryGroup { + flex-direction: column; + height: 95%; + } + .topGroup { + display: flex; + flex-wrap: nowrap; + width: auto; + height: auto; + } + + .topGroup .todayCard { + display: none; + } + + .swiper_container_card { + display: flex; + flex-direction: row !important; + justify-content: flex-start !important; + flex-wrap: nowrap; + width: 100%; + overflow-x: scroll; + } + + .categoryItem { + height: 48%; + min-width: 200px; + box-shadow: none !important; + } + .categoryGroup { + display: flex !important; + } + #bbTimeList { + margin: 0 1.5rem; + max-width: 100%; + width: auto; + } +} + +.swiper_container_card::-webkit-scrollbar { + display: none; +} + +.topGroup .banner-button:hover { + background: var(--anzhiyu-theme); + color: var(--anzhiyu-white); +} + +#local-search .search-dialog .local-search__hit-item:before { + content: none !important; +} +#local-search .search-dialog .local-search__hit-item { + padding: 10px !important; + border-radius: 8px; + border: var(--style-border); + margin-bottom: 10px; + display: flex; + justify-content: space-between; + align-items: center; +} +#local-search .search-dialog .local-search__hit-item .search-left { + width: 35%; +} +#local-search .search-dialog .local-search__hit-item .search-right { + width: 60%; +} +#local-search .search-dialog .local-search__hit-item .search-left img { + object-fit: cover; + width: 100%; + background: var(--anzhiyu-secondbg); + border-radius: 8px; +} +#local-search .search-dialog .local-search__hit-item .search-result { + cursor: pointer; +} +#local-search .tag-list { + padding: 4px 8px; + border-radius: 8px; + margin-right: 0.5rem; + margin-top: 0.5rem; + border: var(--style-border); + cursor: pointer; +} +#local-search .search-dialog .local-search__hit-item .tag-list { + display: inline; +} +#local-search .search-dialog .local-search__hit-item .tag-list:hover { + background: var(--anzhiyu-main); + color: var(--anzhiyu-white); +} + +b, strong { + color: var(--anzhiyu-lighttext); +} +.about-reward { + position: absolute; + top: 1rem; + right: 2rem; +} +@media screen and (max-width: 768px) { + .reward .about-reward #con { + width: 170px; + } + .reward #tube-con { + display: none; + } +} + +[data-theme="dark"] body[data-type="room"] #page { + background: #000 !important; +} +body[data-type="room"] #page { + border: 0; + box-shadow: none !important; + padding: 0 !important; + background: transparent !important; +} +body[data-type="room"] #page .page-title { + display: none; +} +#room_page .banner-button-group { + position: absolute; + bottom: 0.8rem; + right: 2rem; +} +#room_page .banner-button-group .banner-button:hover { + background: var(--anzhiyu-card-bg); + color: var(--font-color); +} +#room_page .banner-button-group .banner-button i, +#room_page .banner-button-group .banner-button svg { + margin-right: 8px; +} +#room_page .banner-button-group .banner-button { + height: 40px; + width: 140px; + border-radius: 20px; + justify-content: center; + color: var(--anzhiyu-white); + background: var(--anzhiyu-theme); + display: flex; + align-items: center; + z-index: 1; + transition: 0.3s; + cursor: pointer; + border-bottom: 0 !important; +} + +#room_page .description { + margin: 20px auto 20px; + border-radius: 24px; + background: var(--anzhiyu-card-bg); + border: var(--style-border-always); + box-shadow: var(--anzhiyu-shadow-border); + position: relative; + padding: 1rem 2rem; + overflow: hidden; +} + +#room_page *, +#room_page *::after, +#room_page *::before { + margin: 0; + padding: 0; + box-sizing: border-box; + user-select: none; + transform-style: preserve-3d; + -webkit-tap-highlight-color: transparent; +} + +/* Generic */ +#room_page { + margin-top: 590px; +} + +#room_page .face { + position: absolute; +} + +/***************/ +#room_page .house { + position: absolute; + width: 28vw; + height: 28vw; + transform: perspective(90vw) rotateX(75deg) rotateZ(45deg) translateZ(-9vw); + left: 45%; + top: 100px; +} + +#room_page .h-shadow { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 1.5vw -3vw 3vw black, 1.5vw 0.5vw 1.5vw black; +} + +#room_page .h-lights { + position: absolute; + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%); + width: 45vw; + height: 45vw; +} + +.h-light { + position: absolute; +} + +.h-light:nth-of-type(1) { + bottom: 5vw; + right: 0; + width: 14vw; + height: 14vw; + border-radius: 50%; + background-image: radial-gradient(#1b182a, transparent); + filter: blur(1vw); +} + +.h-light:nth-of-type(2) { + bottom: 18vw; + right: -1vw; + width: 2vw; + height: 12vw; + border-radius: 50%; + transform: rotateZ(-50deg); + background-image: radial-gradient(rgba(81, 137, 251, 0.45) 50%, rgba(40, 125, 210, 0.45), transparent); + box-shadow: -1vw -1vw 2vw 1vw rgba(131, 171, 252, 0.1); + filter: blur(1vw); +} + +.h-light:nth-of-type(3) { + bottom: -2vw; + right: 17vw; + width: 5vw; + height: 12vw; + border-radius: 50%; + transform: rotateZ(-50deg); + background-image: radial-gradient(rgba(81, 137, 251, 0.5) 50%, rgba(40, 125, 210, 0.5), transparent); + filter: blur(2vw); +} + +.h-light:nth-of-type(3)::before, +.h-light:nth-of-type(3)::after { + content: ""; + position: absolute; + width: 200%; + top: -6vw; + height: 150%; + background-image: linear-gradient(to bottom, rgba(40, 125, 210, 0.1), rgba(81, 137, 251, 0.1), transparent); + border-top-left-radius: 10vw; + border-top-right-radius: 10vw; + filter: blur(1.5vw); +} + +.h-light:nth-of-type(3)::before { + right: -50%; + transform-origin: top right; + transform: rotateZ(15deg); + box-shadow: -2vw -2vw 0 rgba(81, 137, 251, 0.075); +} + +.h-light:nth-of-type(3)::after { + left: -50%; + transform-origin: top left; + transform: rotateZ(-15deg); + box-shadow: 2vw -2vw 0 rgba(81, 137, 251, 0.075); +} + +.h-light:nth-of-type(4) { + bottom: 5vw; + left: 8vw; + width: 28vw; + height: 4vw; + transform-origin: top left; + transform: skewX(58deg); + background-image: linear-gradient( + to right, + rgba(81, 137, 251, 0.075) 10%, + transparent 25%, + transparent, + rgba(0, 0, 0, 0.15) + ); + filter: blur(0.25vw); +} + +.h-light:nth-of-type(6) { + bottom: 14vw; + right: 2vw; + width: 8vw; + height: 16vw; + transform-origin: bottom left; + transform: skewY(49deg); + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)); + filter: blur(0.35vw); +} + +/***************/ +/***************/ +.alt { + position: absolute; + left: 0; + top: 0; + width: 27vw; + height: 27vw; +} + +.alt__front { + width: 27vw; + height: 0.5vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(26.5vw); +} + +.alt__back { + width: 27vw; + height: 0.5vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-27vw) translateY(-0.5vw); +} + +.alt__right { + width: 27vw; + height: 0.5vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(27vw) translateX(-27vw) translateY(-0.5vw); +} + +.alt__left { + width: 27vw; + height: 0.5vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.5vw); +} + +.alt__top { + width: 27vw; + height: 27vw; + transform-origin: top left; + transform: translateZ(0.5vw); +} + +.alt__bottom { + width: 27vw; + height: 27vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-27vw); +} + +.alt__front { + background-color: #9e99c1; +} + +.alt__back { + background-color: #383358; +} + +.alt__right { + background-color: #383358; +} + +.alt__left { + background-color: #fbfafe; +} + +.alt__top { + background-image: linear-gradient(to bottom, #0b0c1f, #383358, #9e99c1); +} + +.alt__top .light:nth-of-type(1) { + position: absolute; + height: 100%; + width: 100%; + background-image: linear-gradient(to bottom, rgba(20, 61, 103, 0.75), rgba(81, 137, 251, 0.75), transparent); +} + +.alt__top .light:nth-of-type(2) { + position: absolute; + left: 4vw; + height: 100%; + width: 6vw; + background-image: linear-gradient(to bottom, transparent 20%, rgba(40, 125, 210, 0.75), rgba(81, 137, 251, 0.25) 80%); + filter: blur(0.1vw); +} + +.alt__top .light:nth-of-type(3) { + position: absolute; + bottom: 10vw; + left: 5vw; + width: 6vw; + height: 3vw; + border-radius: 50%; + transform: rotateZ(42deg); + background-image: radial-gradient(rgba(131, 171, 252, 0.75) 50%, rgba(32, 99, 167, 0.75)); + filter: blur(0.55vw); +} + +.alt__top .light:nth-of-type(4) { + position: absolute; + bottom: 7vw; + left: 4vw; + width: 8.5vw; + height: 2vw; + border-radius: 50%; + transform: rotateZ(40deg); + background-image: radial-gradient(rgba(131, 171, 252, 0.75) 50%, rgba(32, 99, 167, 0.75)); + filter: blur(0.55vw); +} + +.alt__top .light:nth-of-type(5) { + position: absolute; + bottom: 3.5vw; + left: 4.5vw; + width: 6vw; + height: 2vw; + border-radius: 50%; + transform: rotateZ(40deg); + background-image: radial-gradient(rgba(141, 178, 252, 0.75) 50%, rgba(32, 99, 167, 0.75)); + filter: blur(0.75vw); +} + +.alt__top .light:nth-of-type(6) { + position: absolute; + bottom: 3vw; + left: 0.5vw; + width: 4vw; + height: 2vw; + border-radius: 50%; + transform: rotateZ(40deg); + background-image: radial-gradient(rgba(141, 178, 252, 0.75) 50%, rgba(32, 99, 167, 0.75)); + filter: blur(0.35vw); +} + +.alt__top .light:nth-of-type(7) { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + background-image: linear-gradient(to right, black, #5189fb 10%, transparent 20%); +} + +.alt__top .light:nth-of-type(7)::before { + content: ""; + position: absolute; + width: 20%; + height: 100%; + background-image: linear-gradient(to right, rgba(5, 70, 199, 0.6), transparent 60%); +} + +.alt__top .light:nth-of-type(7)::after { + content: ""; + position: absolute; + width: 100%; + height: 20%; + background-image: linear-gradient(to bottom, rgba(6, 78, 224, 0.5), transparent 60%); +} + +.alt__top .light:nth-of-type(8) { + position: absolute; + bottom: 5vw; + left: 10vw; + width: 6vw; + height: 4vw; + border-radius: 50%; + transform: rotateZ(40deg); + background-image: radial-gradient(rgba(255, 255, 255, 0.1) 50%, rgba(128, 121, 174, 0.1)); + filter: blur(0.8vw); +} + +.alt__bottom { + background-color: #383358; +} + +.alb { + position: absolute; + left: 0; + bottom: 0; + width: 27vw; + height: 1vw; +} + +.alb__front { + width: 27vw; + height: 2vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(-1vw); +} + +.alb__back { + width: 27vw; + height: 2vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-27vw) translateY(-2vw); +} + +.alb__right { + width: 1vw; + height: 2vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(27vw) translateX(-1vw) translateY(-2vw); +} + +.alb__left { + width: 1vw; + height: 2vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-2vw); +} + +.alb__top { + width: 27vw; + height: 1vw; + transform-origin: top left; + transform: translateZ(2vw); +} + +.alb__bottom { + width: 27vw; + height: 1vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-27vw); +} + +.alb__front { + background-image: linear-gradient(to right, #9e99c1 40%, #8f89b7); +} + +.alb__back { + background-color: #383358; +} + +.alb__right { + background-color: #383358; +} + +.alb__left { + background-color: #fbfafe; +} + +.alb__top { + background-image: linear-gradient(to right, #fbfafe 40%, #eae5fa); +} + +.alb__bottom { + background-color: #383358; +} + +.arb { + position: absolute; + right: 0; + bottom: 0; + width: 1vw; + height: 28vw; +} + +.arb__front { + width: 1vw; + height: 2vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(26vw); +} + +.arb__back { + width: 1vw; + height: 2vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-2vw); +} + +.arb__right { + width: 28vw; + height: 2vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-28vw) translateY(-2vw); +} + +.arb__left { + width: 28vw; + height: 2vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-2vw); +} + +.arb__top { + width: 1vw; + height: 28vw; + transform-origin: top left; + transform: translateZ(2vw); +} + +.arb__bottom { + width: 1vw; + height: 28vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-1vw); +} + +.arb__front { + background-color: #8f89b7; +} + +.arb__back { + background-color: #383358; +} + +.arb__right { + background-image: linear-gradient(to right, #282347 40%, #0f0e17); +} + +.arb__left { + background-color: #9e99c1; +} + +.arb__top { + background-image: linear-gradient(to top, #fbfafe, #3b3469 25%, #2e2a48 75%, #9e99c1); +} + +.arb__top::before { + content: ""; + position: absolute; + width: 100%; + height: 30%; + top: 0; + background-image: linear-gradient(to bottom, transparent, rgba(81, 137, 251, 0.85), transparent); +} + +.arb__bottom { + background-color: #383358; +} + +/***************/ +/***************/ +.blt { + position: absolute; + left: 0; + top: 0; + width: 1vw; + height: 27vw; + transform: translateZ(0.5vw); +} + +.blt__front { + width: 1vw; + height: 20vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(7vw); +} + +.blt__back { + width: 1vw; + height: 20vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-20vw); +} + +.blt__right { + width: 27vw; + height: 20vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-27vw) translateY(-20vw); +} + +.blt__left { + width: 27vw; + height: 20vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-20vw); +} + +.blt__top { + width: 1vw; + height: 27vw; + transform-origin: top left; + transform: translateZ(20vw); +} + +.blt__bottom { + width: 1vw; + height: 27vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-1vw); +} + +.blt__front { + background-image: linear-gradient(to bottom, #383358, #9e99c1); +} + +.blt__back { + background-color: #383358; +} + +.blt__right { + background-image: linear-gradient(to bottom, #151225, #383358, #383358 90%, #242040); +} + +.blt__right::before { + content: ""; + position: absolute; + bottom: 0; + width: 100%; + height: 0.75vw; + background-image: linear-gradient(to bottom, #8f89b7, #287dd2); + border-top: 0.1vw solid #282347; + border-bottom: 0.1vw solid #282347; +} + +.blt__right::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient( + to bottom, + rgba(6, 78, 224, 0.35), + transparent 30%, + transparent 70%, + rgba(40, 125, 210, 0.35) + ); +} + +.blt__left { + background-color: #fbfafe; +} + +.blt__bottom { + background-color: #383358; +} + +.blt2 { + position: absolute; + left: 0; + top: 0; + width: 2vw; + height: 27vw; + transform: translateZ(20.5vw); +} + +.blt2__front { + width: 2vw; + height: 0.75vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(26.25vw); +} + +.blt2__back { + width: 2vw; + height: 0.75vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-2vw) translateY(-0.75vw); +} + +.blt2__right { + width: 27vw; + height: 0.75vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(2vw) translateX(-27vw) translateY(-0.75vw); +} + +.blt2__left { + width: 27vw; + height: 0.75vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw); +} + +.blt2__top { + width: 2vw; + height: 27vw; + transform-origin: top left; + transform: translateZ(0.75vw); +} + +.blt2__bottom { + width: 2vw; + height: 27vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-2vw); +} + +.blt2__front { + background-color: #383358; +} + +.blt2__back { + background-color: #383358; +} + +.blt2__right { + background-image: linear-gradient(to right, #8f89b7, #9e99c1, #7169a4); +} + +.blt2__right::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + border-bottom: 0.1vw solid rgba(251, 250, 254, 0.75); + background-image: linear-gradient(to top, rgba(81, 137, 251, 0.35), transparent); +} + +.blt2__left { + background-color: #fbfafe; +} + +.blt2__top { + background-image: linear-gradient(to top, #9e99c1, #fbfafe); +} + +.blt2__bottom { + background-color: #383358; +} + +.blb { + position: absolute; + left: 1vw; + top: 0; + width: 26vw; + height: 1vw; + transform: translateZ(0.5vw); +} + +.blb__front { + width: 26vw; + height: 20vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(-19vw); +} + +.blb__back { + width: 26vw; + height: 20vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-26vw) translateY(-20vw); +} + +.blb__right { + width: 1vw; + height: 20vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(26vw) translateX(-1vw) translateY(-20vw); +} + +.blb__left { + width: 1vw; + height: 20vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-20vw); +} + +.blb__top { + width: 26vw; + height: 1vw; + transform-origin: top left; + transform: translateZ(20vw); +} + +.blb__bottom { + width: 26vw; + height: 1vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-26vw); +} + +.blb__front { + background-image: linear-gradient(to bottom, #4b4572, #595388 20%, #4b4572); +} + +.blb__front::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient( + to bottom, + rgba(40, 125, 210, 0.25), + transparent 20%, + transparent 80%, + rgba(40, 125, 210, 0.5) + ), + linear-gradient(to right, rgba(31, 33, 88, 0.35), transparent), + linear-gradient(to bottom, rgba(31, 33, 88, 0.35), transparent), + linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent 20%, transparent 80%, rgba(40, 125, 210, 0.25)); +} + +.blb__front::after { + content: ""; + position: absolute; + bottom: 0; + width: 100%; + height: 0.75vw; + background-image: linear-gradient(to bottom, #8f89b7, #287dd2); + border-top: 0.1vw solid #282347; + border-bottom: 0.1vw solid #282347; +} + +.blb__back { + background-color: #383358; +} + +.blb__right { + background-image: linear-gradient(to bottom, #151225, #0f0e17 80%, #151225); +} + +.blb__bottom { + background-color: #383358; +} + +.blb2 { + position: absolute; + left: 2vw; + top: 0; + width: 25vw; + height: 1vw; + transform: translateZ(20.5vw); +} + +.blb2__front { + width: 25vw; + height: 0.75vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(1.25vw); +} + +.blb2__back { + width: 25vw; + height: 0.75vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-25vw) translateY(-0.75vw); +} + +.blb2__right { + width: 2vw; + height: 0.75vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(25vw) translateX(-2vw) translateY(-0.75vw); +} + +.blb2__left { + width: 2vw; + height: 0.75vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw); +} + +.blb2__top { + width: 25vw; + height: 2vw; + transform-origin: top left; + transform: translateZ(0.75vw); +} + +.blb2__bottom { + width: 25vw; + height: 2vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-25vw); +} + +.blb2__front { + background-image: linear-gradient(to right, #7169a4, #9e99c1, #8f89b7); +} + +.blb2__front::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + border-bottom: 0.1vw solid rgba(251, 250, 254, 0.75); + background-image: linear-gradient(to top, rgba(40, 125, 210, 0.25), transparent); +} + +.blb2__back { + background-color: #383358; +} + +.blb2__right { + background-color: #151225; +} + +.blb2__left { + background-color: #9e99c1; +} + +.blb2__top { + background-image: linear-gradient(to left, #9e99c1, #fbfafe); +} + +.blb2__bottom { + background-color: #383358; +} + +/***************/ +/***************/ +.bocina-l, +.bocina-r { + position: absolute; + left: 1.5vw; + bottom: 5.25vw; + width: 0.75vw; + height: 1.5vw; + transform: translateZ(8vw); +} + +.bocina-l__front, +.bocina-r__front { + width: 0.75vw; + height: 6vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(-4.5vw); +} + +.bocina-l__back, +.bocina-r__back { + width: 0.75vw; + height: 6vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-0.75vw) translateY(-6vw); +} + +.bocina-l__right, +.bocina-r__right { + width: 1.5vw; + height: 6vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.75vw) translateX(-1.5vw) translateY(-6vw); +} + +.bocina-l__left, +.bocina-r__left { + width: 1.5vw; + height: 6vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-6vw); +} + +.bocina-l__top, +.bocina-r__top { + width: 0.75vw; + height: 1.5vw; + transform-origin: top left; + transform: translateZ(6vw); +} + +.bocina-l__bottom, +.bocina-r__bottom { + width: 0.75vw; + height: 1.5vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-0.75vw); +} + +.bocina-l__right, +.bocina-r__right { + background-image: radial-gradient(black, black); +} + +.bocina-l__top, +.bocina-r__top { + background-image: linear-gradient(to left, #d9d0f6, #9e99c1, #7169a4); +} + +.bocina-l__bottom, +.bocina-r__bottom { + background-color: #383358; +} + +.bocina-l__front { + background-image: linear-gradient(to right, #5189fb, #595388 30%, #b7a5ed); +} + +.bocina-l__back { + background-image: linear-gradient(to right, #383358, #232038); +} + +.bocina-l__back::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to right, rgba(81, 137, 251, 0.35) 65%, rgba(81, 137, 251, 0.95)); +} + +.bocina-l__left { + background-color: #282347; +} + +.bocina-l__left::before { + content: ""; + position: absolute; + top: -10%; + left: 20%; + width: 120%; + height: 120%; + background-image: linear-gradient(to left, rgba(7, 23, 39, 0.75), rgba(0, 0, 0, 0.75)); + filter: blur(0.5vw); +} + +.bocina-r { + top: 5.25vw; +} + +.bocina-r__front { + background-image: linear-gradient(to right, #383358, #0f0e17); +} + +.bocina-r__front::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to left, rgba(81, 137, 251, 0.35) 65%, rgba(81, 137, 251, 0.95)); +} + +.bocina-r__back { + background-image: linear-gradient(to right, #595388, #b7a5ed); +} + +.bocina-r__left { + background-color: #282347; +} + +.bocina-r__left::before { + content: ""; + position: absolute; + top: -10%; + left: -20%; + width: 120%; + height: 120%; + background-image: linear-gradient(to right, rgba(7, 23, 39, 0.75), rgba(0, 0, 0, 0.75)); + filter: blur(0.5vw); +} + +.repisa-t, +.repisa-b { + position: absolute; + left: 1.5vw; + top: 9vw; + width: 1.5vw; + height: 10vw; + transform: translateZ(16vw); +} + +.repisa-t__front, +.repisa-b__front { + width: 1.5vw; + height: 0.25vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(9.75vw); +} + +.repisa-t__back, +.repisa-b__back { + width: 1.5vw; + height: 0.25vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-1.5vw) translateY(-0.25vw); +} + +.repisa-t__right, +.repisa-b__right { + width: 10vw; + height: 0.25vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(1.5vw) translateX(-10vw) translateY(-0.25vw); +} + +.repisa-t__left, +.repisa-b__left { + width: 10vw; + height: 0.25vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.25vw); +} + +.repisa-t__top, +.repisa-b__top { + width: 1.5vw; + height: 10vw; + transform-origin: top left; + transform: translateZ(0.25vw); +} + +.repisa-t__bottom, +.repisa-b__bottom { + width: 1.5vw; + height: 10vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-1.5vw); +} + +.repisa-t__front, +.repisa-b__front { + background-color: #9e99c1; +} + +.repisa-t__back, +.repisa-b__back { + background-color: #fbfafe; +} + +.repisa-t__right, +.repisa-b__right { + background-color: #8079ae; +} + +.repisa-t__left, +.repisa-b__left { + background-color: #fbfafe; +} + +.repisa-t__top, +.repisa-b__top { + background-color: #d9d0f6; +} + +.repisa-t__top::before, +.repisa-b__top::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to right, rgba(6, 78, 224, 0.75), transparent); +} + +.repisa-t__bottom, +.repisa-b__bottom { + background-color: #383358; +} + +.repisa-t__bottom::before, +.repisa-b__bottom::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to right, rgba(6, 78, 224, 0.75), transparent); +} + +.repisa-b { + transform: translateZ(5vw); +} + +.tv { + position: absolute; + left: 1.51vw; + top: 8vw; + width: 0.5vw; + height: 12vw; + transform: translateZ(8vw); +} + +.tv__front { + width: 0.5vw; + height: 6vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(6vw); +} + +.tv__back { + width: 0.5vw; + height: 6vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-0.5vw) translateY(-6vw); +} + +.tv__right { + width: 12vw; + height: 6vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.5vw) translateX(-12vw) translateY(-6vw); +} + +.tv__left { + width: 12vw; + height: 6vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-6vw); +} + +.tv__top { + width: 0.5vw; + height: 12vw; + transform-origin: top left; + transform: translateZ(6vw); +} + +.tv__bottom { + width: 0.5vw; + height: 12vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-0.5vw); +} + +.tv__front { + background-color: #0b0c1f; +} + +.tv__back { + background-color: #0b0c1f; +} + +.tv__right { + background-color: #9cbcfc; + border: 0.125vw solid black; + animation: pantalla-tv 0.25s infinite alternate; +} + +.tv__right::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + box-shadow: 0.125vw 0.125vw 1vw rgba(81, 137, 251, 0.5), -0.125vw 0.125vw 1vw rgba(81, 137, 251, 0.5), + 0.125vw -0.125vw 1vw rgba(81, 137, 251, 0.5), -0.125vw -0.125vw 1vw rgba(81, 137, 251, 0.5); + background-image: url("https://img02.anheyu.com/adminuploads/1/2022/10/20/6351038493d46.gif"); + background-size: cover; + background-repeat: no-repeat; + background-position: bottom; + opacity: 0.8; +} + +.tv__left { + display: flex; + justify-content: center; + align-items: center; + background-color: #0b0c1f; +} + +.tv__left::before { + content: ""; + position: absolute; + width: 13vw; + height: 7vw; + background-image: radial-gradient(rgba(36, 112, 188, 0.95), rgba(56, 121, 250, 0.95)); + filter: blur(1.25vw); + animation: luz-tv 0.25s infinite alternate; +} + +.tv__top { + background-color: #0b0c1f; +} + +.tv__bottom { + background-color: #0b0c1f; +} + +.librero { + position: absolute; + left: 13vw; + top: 1vw; + width: 12vw; + height: 0.5vw; + transform: translateZ(7vw); +} + +.librero__front { + width: 12vw; + height: 0.25vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(1.25vw); +} + +.librero__back { + width: 12vw; + height: 0.25vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-12vw) translateY(-0.25vw); +} + +.librero__right { + width: 1.5vw; + height: 0.25vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(12vw) translateX(-1.5vw) translateY(-0.25vw); +} + +.librero__left { + width: 1.5vw; + height: 0.25vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.25vw); +} + +.librero__top { + width: 12vw; + height: 1.5vw; + transform-origin: top left; + transform: translateZ(0.25vw); +} + +.librero__bottom { + width: 12vw; + height: 1.5vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-12vw); +} + +.librero__front { + background-color: #9e99c1; +} + +.librero__back { + background-color: #383358; +} + +.librero__back::before { + content: ""; + position: absolute; + width: 100%; + height: 4vw; + border-radius: 50%; + background-image: radial-gradient(rgba(106, 154, 251, 0.7) 50%, rgba(32, 99, 167, 0.6), transparent); + filter: blur(1.25vw); +} + +.librero__right { + background-color: #383358; +} + +.librero__left { + background-color: #9e99c1; +} + +.librero__top { + background-color: #d9d0f6; +} + +.librero__top::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, rgba(31, 104, 249, 0.75), transparent); +} + +.librero__bottom { + background-color: #383358; +} + +.librero__bottom::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, rgba(31, 104, 249, 0.75), transparent); +} + +.libros { + position: absolute; +} + +.libro { + position: absolute; + top: 1vw; + width: 0.5vw; + height: 1vw; + transform: translateZ(7.25vw); +} + +.libro__front { + width: 0.5vw; + height: 1.5vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(-0.5vw); +} + +.libro__back { + width: 0.5vw; + height: 1.5vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-0.5vw) translateY(-1.5vw); +} + +.libro__right { + width: 1vw; + height: 1.5vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.5vw) translateX(-1vw) translateY(-1.5vw); +} + +.libro__left { + width: 1vw; + height: 1.5vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-1.5vw); +} + +.libro__top { + width: 0.5vw; + height: 1vw; + transform-origin: top left; + transform: translateZ(1.5vw); +} + +.libro__bottom { + width: 0.5vw; + height: 1vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-0.5vw); +} + +.libro__front { + background-image: linear-gradient(to bottom, #9e99c1, #8079ae); +} + +.libro__front::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, rgba(81, 137, 251, 0.4), transparent); +} + +.libro__back { + background-color: #fbfafe; +} + +.libro__right { + background-color: #645c98; +} + +.libro__right::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, rgba(81, 137, 251, 0.85), rgba(40, 125, 210, 0.35)); +} + +.libro__left { + background-color: #9e99c1; +} + +.libro__top { + background-color: #d9d0f6; +} + +.libro__top::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, rgba(81, 137, 251, 0.85), rgba(40, 125, 210, 0.35)); +} + +.libro__bottom { + background-color: #554d85; +} + +.libro:nth-of-type(1) { + left: 16vw; + transform-origin: left; + transform: translateZ(7.25vw) rotateZ(-10deg); +} + +.libro:nth-of-type(2) { + left: 17vw; + transform: translateZ(7.25vw) rotateZ(2deg); +} + +.libro:nth-of-type(3) { + left: 17.75vw; + transform: translateZ(7.25vw) rotateZ(5deg); +} + +.libro:nth-of-type(4) { + left: 19vw; + transform-origin: left; + transform: translateZ(7.25vw) rotateZ(10deg); +} + +.libro:nth-of-type(5) { + left: 20vw; + transform-origin: left; + transform: translateZ(7.25vw) rotateZ(10deg); +} + +.libro:nth-of-type(6) { + left: 23vw; + transform-origin: left; + transform: translateZ(7.25vw) rotateY(-90deg); +} + +.fotos { + position: absolute; +} + +.foto { + position: absolute; + width: 0.125vw; + height: 2vw; + left: 2vw; + top: 11vw; + transform: translateZ(5.26vw); +} + +.foto__front { + width: 0.125vw; + height: 1.125vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(1.125vw); +} + +.foto__back { + width: 0.125vw; + height: 1.125vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-0.125vw) translateY(-1.125vw); +} + +.foto__right { + width: 2.25vw; + height: 1.125vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.125vw) translateX(-2.25vw) translateY(-1.125vw); +} + +.foto__left { + width: 2.25vw; + height: 1.125vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-1.125vw); +} + +.foto__top { + width: 0.125vw; + height: 2.25vw; + transform-origin: top left; + transform: translateZ(1.125vw); +} + +.foto__bottom { + width: 0.125vw; + height: 2.25vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-0.125vw); +} + +.foto__front { + background-image: linear-gradient(to bottom, #9e99c1, #8079ae); +} + +.foto__front::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, rgba(81, 137, 251, 0.4), transparent); +} + +.foto__back { + background-color: #fbfafe; +} + +.foto__right { + display: flex; + justify-content: center; + align-items: center; + background-color: #8f89b7; + border: 0.15vw solid #1f2158; +} + +.foto__right::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: repeating-linear-gradient(to bottom, #9e99c1 0.1vw, #b7a5ed 0.2vw); +} + +.foto__left { + background-color: #9e99c1; +} + +.foto__top { + background-color: #d9d0f6; +} + +.foto__top::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, rgba(81, 137, 251, 0.85), rgba(40, 125, 210, 0.35)); +} + +.foto__bottom { + background-color: #595388; +} + +.foto__bottom::before { + content: ""; + position: absolute; + right: -100%; + width: 400%; + height: 100%; + background-color: rgba(11, 12, 31, 0.75); + filter: blur(0.15vw); +} + +.foto:nth-of-type(1) { + top: 10.5vw; + transform: translateZ(5.26vw) rotateZ(5deg); +} + +.foto:nth-of-type(2) { + top: 15vw; + transform: translateZ(5.26vw) rotateZ(-15deg); +} + +.cajas { + position: absolute; +} + +.caja { + position: absolute; + width: 1vw; + height: 1.5vw; + left: 2vw; + transform: translateZ(16.35vw); +} + +.caja__front { + width: 1vw; + height: 0.75vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(0.75vw); +} + +.caja__back { + width: 1vw; + height: 0.75vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-0.75vw); +} + +.caja__right { + width: 1.5vw; + height: 0.75vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-1.5vw) translateY(-0.75vw); +} + +.caja__left { + width: 1.5vw; + height: 0.75vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw); +} + +.caja__top { + width: 1vw; + height: 1.5vw; + transform-origin: top left; + transform: translateZ(0.75vw); +} + +.caja__bottom { + width: 1vw; + height: 1.5vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-1vw); +} + +.caja__front { + background-image: linear-gradient(to bottom, #9e99c1, #8079ae); +} + +.caja__front::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, rgba(81, 137, 251, 0.4), transparent); +} + +.caja__back { + background-color: #9e99c1; +} + +.caja__right { + background-color: #645c98; +} + +.caja__right::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, rgba(81, 137, 251, 0.85), rgba(40, 125, 210, 0.35)); +} + +.caja__left { + background-color: #9e99c1; +} + +.caja__top { + background-color: #d9d0f6; +} + +.caja__top::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, rgba(81, 137, 251, 0.85), rgba(40, 125, 210, 0.35)); +} + +.caja__bottom { + background-color: #595388; +} + +.caja__bottom::before { + content: ""; + position: absolute; + right: -50%; + width: 150%; + height: 120%; + background-color: rgba(31, 33, 88, 0.5); + filter: blur(0.15vw); +} + +.caja:nth-of-type(1) { + top: 11.6vw; +} + +.caja:nth-of-type(2) { + top: 13.5vw; +} + +.caja:nth-of-type(3) { + top: 17vw; +} + +.cuadro-l, +.cuadro-r { + position: absolute; + left: 13vw; + top: 1vw; + width: 5vw; + height: 0.5vw; + transform: translateZ(10vw); +} + +.cuadro-l__front, +.cuadro-r__front { + width: 5vw; + height: 7vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(-6.75vw); +} + +.cuadro-l__back, +.cuadro-r__back { + width: 5vw; + height: 7vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-5vw) translateY(-7vw); +} + +.cuadro-l__right, +.cuadro-r__right { + width: 0.25vw; + height: 7vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(5vw) translateX(-0.25vw) translateY(-7vw); +} + +.cuadro-l__left, +.cuadro-r__left { + width: 0.25vw; + height: 7vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-7vw); +} + +.cuadro-l__top, +.cuadro-r__top { + width: 5vw; + height: 0.25vw; + transform-origin: top left; + transform: translateZ(7vw); +} + +.cuadro-l__bottom, +.cuadro-r__bottom { + width: 5vw; + height: 0.25vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-5vw); +} + +.cuadro-l__front, +.cuadro-r__front { + background-repeat: no-repeat; + background-size: contain; + background-position: center; +} + +.cuadro-l__back, +.cuadro-r__back { + background-color: #383358; + box-shadow: 0.35vw 0.35vw 0.35vw rgba(81, 137, 251, 0.2), -0.35vw 0.35vw 0.35vw rgba(81, 137, 251, 0.2), + -0.35vw -0.35vw 0.35vw rgba(81, 137, 251, 0.2), 0.35vw -0.35vw 0.35vw rgba(81, 137, 251, 0.2); +} + +.cuadro-l__right, +.cuadro-r__right { + background-color: #383358; +} + +.cuadro-l__left, +.cuadro-r__left { + background-color: #9e99c1; +} + +.cuadro-l__top, +.cuadro-r__top { + background-color: #9e99c1; +} + +.cuadro-l__bottom, +.cuadro-r__bottom { + background-color: #383358; +} + +.cuadro-l__front { + background-image: url("https://img02.anheyu.com/adminuploads/1/2022/10/20/63510384967db.jpg"); + background-color: #d51e24; + border: 1vw solid #d51e24; +} + +.cuadro-l__front::before { + content: ""; + position: absolute; + top: -1vw; + left: -1vw; + width: 5vw; + height: 7vw; + background-origin: padding-box; + background-image: linear-gradient(to bottom, rgba(40, 125, 210, 0.15), rgba(40, 125, 210, 0.15)); +} + +.cuadro-r { + left: 20vw; +} + +.cuadro-r__front { + background-image: url("https://img02.anheyu.com/adminuploads/1/2022/10/20/6351038496f25.jpg"); + background-color: #0f1110; + border: 0.5vw solid #0f1110; +} + +.cuadro-r__front::before { + content: ""; + position: absolute; + top: -0.5vw; + left: -0.5vw; + width: 5vw; + height: 7vw; + background-origin: padding-box; + background-image: linear-gradient(to bottom, rgba(40, 125, 210, 0.15), rgba(40, 125, 210, 0.15)); +} + +.puerta-c { + position: absolute; + left: 3vw; + top: 1vw; + width: 8vw; + height: 0.5vw; + transform: translateZ(0.5vw); +} + +.puerta-c::before { + content: ""; + position: absolute; + width: 100%; + height: 200%; + background-color: rgba(0, 0, 0, 0.65); + filter: blur(0.5vw); +} + +.puerta { + position: absolute; + left: 0.5vw; + top: 0; + width: 7vw; + height: 0.5vw; +} + +.puerta__front { + width: 7vw; + height: 16vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(-15.75vw); +} + +.puerta__back { + width: 7vw; + height: 16vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-7vw) translateY(-16vw); +} + +.puerta__right { + width: 0.25vw; + height: 16vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(7vw) translateX(-0.25vw) translateY(-16vw); +} + +.puerta__left { + width: 0.25vw; + height: 16vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-16vw); +} + +.puerta__top { + width: 7vw; + height: 0.25vw; + transform-origin: top left; + transform: translateZ(16vw); +} + +.puerta__bottom { + width: 7vw; + height: 0.25vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-7vw); +} + +.puerta__front { + background-image: linear-gradient(to bottom, #0f1110, #121332); + border: 0.125vw solid #5189fb; +} + +.puerta__front::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: radial-gradient(transparent 50%, rgba(4, 61, 174, 0.25)); + box-shadow: 0.65vw 0.65vw 0.5vw rgba(81, 137, 251, 0.6), -0.65vw 0.65vw 0.5vw rgba(81, 137, 251, 0.6), + -0.65vw -0.65vw 0.5vw rgba(81, 137, 251, 0.6), 0.65vw -0.65vw 0.5vw rgba(81, 137, 251, 0.6); +} + +.puerta__front::after { + content: ""; + position: absolute; + top: 50%; + right: 0.75vw; + width: 1vw; + height: 0.25vw; + background-color: #9e99c1; + box-shadow: 0.125vw 0.125vw 0.25vw rgba(81, 137, 251, 0.6), -0.125vw 0.125vw 0.25vw rgba(81, 137, 251, 0.6), + -0.125vw -0.125vw 0.25vw rgba(81, 137, 251, 0.6), 0.125vw -0.125vw 0.25vw rgba(81, 137, 251, 0.6); +} + +.puerta-l, +.puerta-r { + position: absolute; + left: 0; + top: 0; + width: 0.5vw; + height: 0.5vw; +} + +.puerta-l__front, +.puerta-r__front { + width: 0.5vw; + height: 16vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(-15.5vw); +} + +.puerta-l__back, +.puerta-r__back { + width: 0.5vw; + height: 16vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-0.5vw) translateY(-16vw); +} + +.puerta-l__right, +.puerta-r__right { + width: 0.5vw; + height: 16vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.5vw) translateX(-0.5vw) translateY(-16vw); +} + +.puerta-l__left, +.puerta-r__left { + width: 0.5vw; + height: 16vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-16vw); +} + +.puerta-l__top, +.puerta-r__top { + width: 0.5vw; + height: 0.5vw; + transform-origin: top left; + transform: translateZ(16vw); +} + +.puerta-l__bottom, +.puerta-r__bottom { + width: 0.5vw; + height: 0.5vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-0.5vw); +} + +.puerta-l__front, +.puerta-r__front { + background-color: #121332; +} + +.puerta-l__back, +.puerta-r__back { + background-color: #0b0c1f; +} + +.puerta-l__right, +.puerta-r__right { + background-color: #0b0c1f; +} + +.puerta-l__left, +.puerta-r__left { + background-color: #121332; +} + +.puerta-l__bottom, +.puerta-r__bottom { + background-color: #0b0c1f; +} + +.puerta-r { + left: calc(100% - 0.5vw); +} + +.puerta-t { + left: 0; + top: 0; + width: 8vw; + height: 0.5vw; + transform: translateZ(16vw); +} + +.puerta-t__front { + width: 8vw; + height: 0.5vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(0vw); +} + +.puerta-t__back { + width: 8vw; + height: 0.5vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-8vw) translateY(-0.5vw); +} + +.puerta-t__right { + width: 0.5vw; + height: 0.5vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(8vw) translateX(-0.5vw) translateY(-0.5vw); +} + +.puerta-t__left { + width: 0.5vw; + height: 0.5vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.5vw); +} + +.puerta-t__top { + width: 8vw; + height: 0.5vw; + transform-origin: top left; + transform: translateZ(0.5vw); +} + +.puerta-t__bottom { + width: 8vw; + height: 0.5vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-8vw); +} + +.puerta-t__front { + background-color: #121332; +} + +.puerta-t__back { + background-color: #0b0c1f; +} + +.puerta-t__right { + background-color: #0b0c1f; +} + +.puerta-t__left { + background-color: #121332; +} + +.puerta-t__top { + background-color: #1f2158; +} + +.puerta-t__bottom { + background-color: #0b0c1f; +} + +.muro { + position: absolute; + left: 1vw; + top: 6vw; + width: 0.5vw; + height: 16vw; + transform: translateZ(0.51vw); +} + +.muro__front { + width: 0.5vw; + height: 18vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(-2vw); +} + +.muro__back { + width: 0.5vw; + height: 18vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-0.5vw) translateY(-18vw); +} + +.muro__right { + width: 16vw; + height: 18vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.5vw) translateX(-16vw) translateY(-18vw); +} + +.muro__left { + width: 16vw; + height: 18vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-18vw); +} + +.muro__top { + width: 0.5vw; + height: 16vw; + transform-origin: top left; + transform: translateZ(18vw); +} + +.muro__bottom { + width: 0.5vw; + height: 16vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-0.5vw); +} + +.muro__front { + background-color: #0b0c1f; +} + +.muro__back { + background-color: #0b0c1f; +} + +.muro__right { + display: flex; + justify-content: center; + background-image: radial-gradient(circle, #1f2158, #0b0c1f); + overflow: hidden; +} + +.muro__right::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient( + to bottom, + rgba(40, 125, 210, 0.25), + transparent 30%, + transparent 70%, + rgba(40, 125, 210, 0.15) + ); +} + +.muro__right::after { + content: ""; + position: absolute; + bottom: 0; + left: 5%; + width: 90%; + height: 25%; + background-image: linear-gradient(to bottom, rgba(4, 5, 13, 0.75), rgba(4, 5, 13, 0.95)); + filter: blur(0.75vw); +} + +.muro__left { + background-color: #0b0c1f; + box-shadow: 0.5vw 0.5vw 0.6vw rgba(81, 137, 251, 0.3), 0.5vw -0.5vw 0.6vw rgba(81, 137, 251, 0.3), + -0.5vw 0.5vw 0.6vw rgba(81, 137, 251, 0.3), -0.5vw -0.5vw 0.6vw rgba(81, 137, 251, 0.3); +} + +.muro__top { + background-color: #0b0c1f; +} + +.muro__top::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + background-image: linear-gradient(to left, rgba(40, 125, 210, 0.5), rgba(81, 137, 251, 0.25)); +} + +.muro__bottom { + background-color: #0b0c1f; +} + +.muro__bottom::before { + content: ""; + position: absolute; + top: 0; + right: 0; + width: 5vw; + height: 100%; + background-image: linear-gradient(to left, #0b0c1f, transparent 50%); + transform-origin: right bottom; + transform: skewY(-20deg); + filter: blur(0.25vw); +} + +.sillon-c { + position: absolute; + right: 2vw; + bottom: 6vw; + width: 6vw; + height: 16vw; + transform: translateZ(0.5vw); +} + +.sillon-c::before { + content: ""; + position: absolute; + top: -10%; + left: -10%; + width: 120%; + height: 120%; + background-color: rgba(11, 12, 31, 0.85); + filter: blur(0.75vw); +} + +.sillon-b { + position: absolute; + left: 0; + top: 1vw; + width: 6vw; + height: 14vw; +} + +.sillon-b__front { + width: 6vw; + height: 3vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(11vw); +} + +.sillon-b__back { + width: 6vw; + height: 3vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-6vw) translateY(-3vw); +} + +.sillon-b__right { + width: 14vw; + height: 3vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(6vw) translateX(-14vw) translateY(-3vw); +} + +.sillon-b__left { + width: 14vw; + height: 3vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-3vw); +} + +.sillon-b__top { + width: 6vw; + height: 14vw; + transform-origin: top left; + transform: translateZ(3vw); +} + +.sillon-b__bottom { + width: 6vw; + height: 14vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-6vw); +} + +.sillon-b__front { + background-color: #121332; +} + +.sillon-b__back { + background-color: #0b0c1f; +} + +.sillon-b__right { + background-color: #0b0c1f; +} + +.sillon-b__left { + background-image: linear-gradient(to bottom, #121332, #0b0c1f); +} + +.sillon-b__left::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, rgba(40, 125, 210, 0.1), transparent); +} + +.sillon-b__top { + background-image: linear-gradient(to right, #1f2158, #121332); + border-left: 0.1vw solid rgba(158, 153, 193, 0.5); +} + +.sillon-b__top::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to right, rgba(40, 125, 210, 0.25), transparent); +} + +.sillon-b__bottom { + background-color: #0b0c1f; +} + +.sillon-l, +.sillon-r { + position: absolute; + left: 0; + bottom: 0; + width: 6vw; + height: 1vw; +} + +.sillon-l__front, +.sillon-r__front { + width: 6vw; + height: 4.5vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(-3.5vw); +} + +.sillon-l__back, +.sillon-r__back { + width: 6vw; + height: 4.5vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-6vw) translateY(-4.5vw); +} + +.sillon-l__right, +.sillon-r__right { + width: 1vw; + height: 4.5vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(6vw) translateX(-1vw) translateY(-4.5vw); +} + +.sillon-l__left, +.sillon-r__left { + width: 1vw; + height: 4.5vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-4.5vw); +} + +.sillon-l__top, +.sillon-r__top { + width: 6vw; + height: 1vw; + transform-origin: top left; + transform: translateZ(4.5vw); +} + +.sillon-l__bottom, +.sillon-r__bottom { + width: 6vw; + height: 1vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-6vw); +} + +.sillon-l__front, +.sillon-r__front { + background-image: linear-gradient(to bottom, #121332, #0b0c1f); +} + +.sillon-l__back, +.sillon-r__back { + background-color: #0b0c1f; +} + +.sillon-l__right, +.sillon-r__right { + background-image: linear-gradient(to bottom, #0b0c1f, black); +} + +.sillon-l__left, +.sillon-r__left { + background-image: linear-gradient(to bottom, #121332, #0b0c1f); +} + +.sillon-l__top, +.sillon-r__top { + background-image: linear-gradient(to right, #1f2158, #0f102b); + border-bottom: 0.1vw solid rgba(158, 153, 193, 0.5); +} + +.sillon-l__top::before, +.sillon-r__top::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to right, rgba(40, 125, 210, 0.75), transparent); +} + +.sillon-l__bottom, +.sillon-r__bottom { + background-color: #0b0c1f; +} + +.sillon-r { + top: 0; +} + +.sillon-t { + position: absolute; + right: 0; + top: 1vw; + width: 1vw; + height: 1vw; + transform-origin: right; + transform: rotateY(7deg); +} + +.sillon-t__front { + width: 1vw; + height: 6.5vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(7.5vw); +} + +.sillon-t__back { + width: 1vw; + height: 6.5vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-6.5vw); +} + +.sillon-t__right { + width: 14vw; + height: 6.5vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-14vw) translateY(-6.5vw); +} + +.sillon-t__left { + width: 14vw; + height: 6.5vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-6.5vw); +} + +.sillon-t__top { + width: 1vw; + height: 14vw; + transform-origin: top left; + transform: translateZ(6.5vw); +} + +.sillon-t__bottom { + width: 1vw; + height: 14vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-1vw); +} + +.sillon-t__front { + background-image: linear-gradient(to bottom, #0b0c1f, #070814); +} + +.sillon-t__back { + background-image: linear-gradient(to bottom, #0b0c1f, #0b0c1f); +} + +.sillon-t__right { + background-image: linear-gradient(to bottom, #0b0c1f, black); +} + +.sillon-t__left { + background-color: #121332; +} + +.sillon-t__top { + background-image: linear-gradient(to right, #1f2158, #0f102b); + border-bottom: 0.1vw solid rgba(158, 153, 193, 0.5); +} + +.sillon-t__top::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(to right, rgba(40, 125, 210, 0.5), transparent); +} + +.sillon-t__bottom { + background-color: #0b0c1f; +} + +.mesa-c { + position: absolute; + left: 7vw; + top: 9.5vw; + width: 10vw; + height: 9vw; + transform: translateZ(0.5vw); +} + +.mesa-shadow { + position: absolute; + width: 100%; + height: 100%; + border-radius: 10%; + background-color: rgba(11, 12, 31, 0.95); + filter: blur(1vw); + transform: translateZ(0); +} + +.mesa { + position: absolute; + left: 0; + top: 0; + width: 10vw; + height: 9vw; + transform: translateZ(2vw); +} + +.mesa__front { + width: 10vw; + height: 0.5vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(8.5vw); +} + +.mesa__back { + width: 10vw; + height: 0.5vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-10vw) translateY(-0.5vw); +} + +.mesa__right { + width: 9vw; + height: 0.5vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(10vw) translateX(-9vw) translateY(-0.5vw); +} + +.mesa__left { + width: 9vw; + height: 0.5vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.5vw); +} + +.mesa__top { + width: 10vw; + height: 9vw; + transform-origin: top left; + transform: translateZ(0.5vw); +} + +.mesa__bottom { + width: 10vw; + height: 9vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-10vw); +} + +.mesa__front { + background-image: linear-gradient(to right, #0b0c1f, black); +} + +.mesa__front::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-image: linear-gradient(45deg, rgba(81, 137, 251, 0.125), rgba(180, 205, 253, 0.25), transparent 55%); +} + +.mesa__back { + background-color: #0b0c1f; +} + +.mesa__right { + background-color: black; +} + +.mesa__left { + background-color: #121332; +} + +.mesa__top { + background-image: linear-gradient(45deg, #0e0f27, #04050d); + overflow: hidden; +} + +.mesa__top::before { + content: ""; + position: absolute; + bottom: 0; + width: 50%; + height: 50%; + background-image: linear-gradient(45deg, rgba(81, 137, 251, 0.5), rgba(251, 250, 254, 0.125) 50%, transparent 55%); + filter: blur(0.5vw); +} + +.mesa__top::after { + content: ""; + position: absolute; + left: 2vw; + top: 2vw; + width: 20%; + height: 50%; + border-radius: 50%; + background-color: rgba(40, 125, 210, 0.079); + transform: rotateZ(-40deg); + filter: blur(0.75vw); +} + +.mesa__bottom { + background-color: #0b0c1f; +} + +.mesa-p { + position: absolute; + width: 0.25vw; + height: 0.25vw; +} + +.mesa-p__front { + width: 0.25vw; + height: 1.75vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(-1.5vw); +} + +.mesa-p__back { + width: 0.25vw; + height: 1.75vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-0.25vw) translateY(-1.75vw); +} + +.mesa-p__right { + width: 0.25vw; + height: 1.75vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.25vw) translateX(-0.25vw) translateY(-1.75vw); +} + +.mesa-p__left { + width: 0.25vw; + height: 1.75vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-1.75vw); +} + +.mesa-p__top { + width: 0.25vw; + height: 0.25vw; + transform-origin: top left; + transform: translateZ(1.75vw); +} + +.mesa-p__bottom { + width: 0.25vw; + height: 0.25vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-0.25vw); +} + +.mesa-p__front { + background-color: #0b0c1f; +} + +.mesa-p__back { + background-color: #0b0c1f; +} + +.mesa-p__right { + background-color: black; +} + +.mesa-p__left { + background-color: #121332; +} + +.mesa-p__top { + background-color: #1f2158; +} + +.mesa-p__bottom { + background-color: #0b0c1f; +} + +.mesa-p__bottom::before { + content: ""; + position: absolute; + width: 600%; + height: 200%; + top: 0; + right: 0; + border-radius: 10%; + transform: translateZ(-0.1vw); + background-color: rgba(0, 0, 0, 0.75); + filter: blur(0.35vw); +} + +.mesa-p:nth-of-type(1) { + left: 0.5vw; + top: 0.5vw; +} + +.mesa-p:nth-of-type(2) { + right: 0.5vw; + top: 0.5vw; +} + +.mesa-p:nth-of-type(3) { + left: 0.5vw; + bottom: 0.5vw; +} + +.mesa-p:nth-of-type(4) { + right: 0.5vw; + bottom: 0.5vw; +} + +.tablet { + position: absolute; + left: 13vw; + top: 12vw; + width: 2vw; + height: 2.5vw; + transform: translateZ(3.01vw) rotateZ(15deg); +} + +.tablet__front { + width: 2vw; + height: 0.125vw; + transform-origin: bottom left; + transform: rotateX(-90deg) translateZ(2.375vw); +} + +.tablet__back { + width: 2vw; + height: 0.125vw; + transform-origin: top left; + transform: rotateX(-90deg) rotateY(180deg) translateX(-2vw) translateY(-0.125vw); +} + +.tablet__right { + width: 2.5vw; + height: 0.125vw; + transform-origin: top left; + transform: rotateY(90deg) rotateZ(-90deg) translateZ(2vw) translateX(-2.5vw) translateY(-0.125vw); +} + +.tablet__left { + width: 2.5vw; + height: 0.125vw; + transform-origin: top left; + transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.125vw); +} + +.tablet__top { + width: 2vw; + height: 2.5vw; + transform-origin: top left; + transform: translateZ(0.125vw); +} + +.tablet__bottom { + width: 2vw; + height: 2.5vw; + transform-origin: top left; + transform: rotateY(180deg) translateX(-2vw); +} + +.tablet__front { + background-color: #8079ae; +} + +.tablet__back { + background-color: #383358; +} + +.tablet__right { + background-color: #383358; +} + +.tablet__left { + background-color: #9e99c1; +} + +.tablet__top { + background-color: #83abfc; + border: 0.2vw solid rgba(81, 137, 251, 0.25); + animation: pantalla-tablet 0.25s infinite; +} + +.tablet__bottom { + background-color: black; + box-shadow: 0.25vw 0.25vw 0.5vw rgba(24, 74, 124, 0.75), -0.25vw 0.25vw 0.5vw rgba(24, 74, 124, 0.75), + -0.25vw -0.25vw 0.5vw rgba(24, 74, 124, 0.75), 0.25vw -0.25vw 0.5vw rgba(24, 74, 124, 0.75); +} + +/**********************/ +/**********************/ +@keyframes pantalla-tablet { + from { + background-color: #6a9afb; + } +} + +@keyframes pantalla-tv { + from { + background-color: #6a9afb; + box-shadow: 0.125vw 0.125vw 0vw rgba(81, 137, 251, 0), -0.125vw 0.125vw 0vw rgba(81, 137, 251, 0), + 0.125vw -0.125vw 0vw rgba(81, 137, 251, 0), -0.125vw -0.125vw 0vw rgba(81, 137, 251, 0); + } +} + +@keyframes luz-tv { + from { + background-image: radial-gradient(rgba(36, 112, 188, 0.8), rgba(56, 121, 250, 0.8)); + } +} + +div#runtime { + width: 180px; + margin: auto; + color: #fff; + padding-inline: 5px; + border-radius: 10px; + background-color: rgba(0, 0, 0, 0.7); +} +#workboard { + font-size: 12px; +} +[data-theme="dark"] div#runtime { + color: #28b4c8; + box-shadow: 0 0 5px rgba(28, 69, 218, 0.71); + animation: flashlight 1s linear infinite alternate; +} +#ghbdages .github-badge img { + height: 20px; + max-width: 150px; + border-radius: 4px; + pointer-events: none; +} +#workboard img.boardsign { + width: 100%; + max-width: 130px; + border-radius: 0px; +} +@-moz-keyframes flashlight { + from { + box-shadow: 0 0 5px #1478d2; + } + to { + box-shadow: 0 0 2px #1478d2; + } +} +@-webkit-keyframes flashlight { + from { + box-shadow: 0 0 5px #1478d2; + } + to { + box-shadow: 0 0 2px #1478d2; + } +} +@-o-keyframes flashlight { + from { + box-shadow: 0 0 5px #1478d2; + } + to { + box-shadow: 0 0 2px #1478d2; + } +} +@keyframes flashlight { + from { + box-shadow: 0 0 5px #1478d2; + } + to { + box-shadow: 0 0 2px #1478d2; + } +} + +.author-content.author-content-item { + height: 19rem; + background-color: var(--anzhiyu-main); + background-position: left 28%; + background-repeat: no-repeat; + background-size: cover; + color: var(--anzhiyu-white); + overflow: hidden; + margin-top: 0; + background-image: linear-gradient(-45deg, var(--anzhiyu-main), #0f4667, #2a6973 150%, #67044d); + background-size: 400%; + animation: gradient 15s ease infinite; +} + +#skills-tags-group-all { + display: flex; + transform: rotate(0); + transition: 0.3s; +} +#skills-tags-group-all .tags-group-wrapper { + margin-top: 40px; + display: flex; + flex-wrap: nowrap; + animation: rowup 60s linear infinite; +} +#skills-tags-group-all .tags-group-icon-pair { + margin-left: 1rem; +} +#skills-tags-group-all .tags-group-icon { + display: flex; + align-items: center; + justify-content: center; + color: #fff; + font-size: 66px; + font-weight: 700; + box-shadow: var(--anzhiyu-shadow-blackdeep); + width: 120px; + height: 120px; + border-radius: 30px; +} +#skills-tags-group-all .tags-group-icon img { + width: 60px; + margin: 0 auto !important; +} +[data-theme="dark"] #skills-tags-group-all .tags-group-icon img { + filter: none; +} +#skills-tags-group-all .tags-group-icon-pair .tags-group-icon:nth-child(even) { + margin-top: 1rem; + transform: translate(-60px); +} + +#skills-tags-group-all .etc { + margin-right: 10px; + margin-top: 10px; +} + +@keyframes rowup { + 0% { + transform: translateX(0); + } + 100% { + transform: translateX(-50%); + } +} + +#article-container .tag-Link { + background: var(--anzhiyu-secondbg); + border-radius: 8px !important; + display: flex; + border: var(--style-border); + flex-direction: column; + padding: 0.5rem 1rem !important; + border-width: 1px !important; + margin: 1rem 0; +} + +#article-container .tag-Link:hover { + border: var(--style-border-hover); +} + +#article-container .tag-Link .tag-link-tips { + border-bottom: var(--style-border); + padding-bottom: 4px; + font-size: 12px; + color: var(--anzhiyu-gray); + font-weight: normal; +} + +#article-container .tag-Link:hover .tag-link-tips { + color: var(--anzhiyu-white); +} + +#article-container .tag-Link .tag-link-bottom { + display: flex; + margin-top: 0.5rem; + align-items: center; + justify-content: space-around; +} + +#article-container .tag-Link .tag-link-bottom .tag-link-left { + width: 60px; + min-width: 60px; + height: 60px; + background-size: cover; + border-radius: var(--anzhiyu-border-radius); + background-color: var(--anzhiyu-card-bg); + display: flex; + align-items: center; + justify-content: center; +} +#article-container .tag-Link .tag-link-bottom .tag-link-left i { + margin: 0; + padding: 0; + margin: auto; + font-size: 24px; + color: var(--anzhiyu-fontcolor); +} + +#article-container .tag-Link .tag-link-bottom .tag-link-right { + margin-left: 1rem; + max-width: calc(100% - 76px - 1rem); +} + +#article-container .tag-Link .tag-link-bottom .tag-link-right .tag-link-title { + font-size: 1rem; + line-height: 1.2; +} + +#article-container .tag-Link .tag-link-bottom .tag-link-right .tag-link-sitename { + font-size: 0.7rem; + color: var(--anzhiyu-gray); + font-weight: normal; + margin-top: 4px; +} + +#article-container .tag-Link:hover .tag-link-bottom .tag-link-right .tag-link-sitename { + color: var(--anzhiyu-white); +} + +#article-container .tag-Link .tag-link-bottom i { + margin-left: auto; +} + +.site-card-group .site-card .info { + margin-top: 0; +} +.site-card-group > a { + width: calc(100% / 4 - 0.5rem); + height: 150px; + position: relative; + display: block; + margin: 0.5rem 0.25rem; + float: left; + overflow: hidden; + padding: 0; + border-radius: 8px; + transition: all 0.3s ease 0s, transform cubic-bezier(0.71, 0.15, 0.16, 1.15) 0.6s; + box-shadow: none; + border: var(--style-border) !important; +} + +.site-card-group > a .wrapper { + position: relative; +} + +.site-card-group > a .cover { + width: 100%; + -webkit-transition: -webkit-transform 0.5s ease-out; + -moz-transition: -moz-transform 0.5s ease-out; + -o-transition: -o-transform 0.5s ease-out; + -ms-transition: -ms-transform 0.5s ease-out; + transition: transform 0.5s ease-out; +} + +.site-card-group > a .info, +.site-card-group > a .wrapper .cover { + position: absolute; + top: 0; + left: 0; +} + +.site-card-group > a .info { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + width: 100%; + height: 100%; + overflow: hidden; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.7); + -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; + -moz-transition: -moz-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; + -o-transition: -o-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; + -ms-transition: -ms-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; + transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; +} + +.site-card-group > a .info img { + position: relative; + top: 19px; + width: 80px; + height: 80px; + border-radius: 50%; + -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 30%); + box-shadow: 0 0 10px rgb(0 0 0 / 30%); + z-index: 1; + text-align: center; + pointer-events: none; +} + +.site-card-group > a .info span { + padding: 20px 10% 60px 10%; + font-size: 16px; + width: 100%; + text-align: center; + -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 30%); + box-shadow: 0 0 10px rgb(0 0 0 / 30%); + background-color: rgba(255, 255, 255, 0.7); + color: var(--font-color); + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; +} + +.site-card-group .site-card:hover { + border-color: var(--anzhiyu-main) !important; + background-color: var(--anzhiyu-main) !important; + -webkit-box-shadow: var(--anzhiyu-shadow-theme) !important; + box-shadow: var(--anzhiyu-shadow-theme) !important; +} +.site-card-group > a:hover .wrapper img { + -webkit-transform: scale(1.2); + -moz-transform: scale(1.2); + -o-transform: scale(1.2); + -ms-transform: scale(1.2); + transform: scale(1.2); +} + +.site-card-group > a .cover { + width: 100%; + -webkit-transition: -webkit-transform 0.5s ease-out; + -moz-transition: -moz-transform 0.5s ease-out; + -o-transition: -o-transform 0.5s ease-out; + -ms-transition: -ms-transform 0.5s ease-out; + transition: transform 0.5s ease-out; +} +.site-card-group > a .wrapper img { + height: 150px; + pointer-events: none; +} +.site-card-group .site-card .wrapper img { + -webkit-transition: -webkit-transform 0.5s ease-out !important; + -moz-transition: -moz-transform 0.5s ease-out !important; + -o-transition: -o-transform 0.5s ease-out !important; + -ms-transition: -ms-transform 0.5s ease-out !important; + transition: transform 0.5s ease-out !important; +} +.site-card-group > a .wrapper .fadeIn { + -webkit-animation: coverIn 0.8s ease-out forwards; + -moz-animation: coverIn 0.8s ease-out forwards; + -o-animation: coverIn 0.8s ease-out forwards; + -ms-animation: coverIn 0.8s ease-out forwards; + animation: coverIn 0.8s ease-out forwards; +} + +.site-card-group > a:hover .info { + -webkit-transform: translateY(-100%); + -moz-transform: translateY(-100%); + -o-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); +} + diff --git a/css/style.css b/css/style.css deleted file mode 100644 index 2fead12..0000000 --- a/css/style.css +++ /dev/null @@ -1,1346 +0,0 @@ -body { - width: 100%; -} -body:before, -body:after { - content: ""; - display: table; -} -body:after { - clear: both; -} -html, -body, -div, -span, -applet, -object, -iframe, -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -a, -abbr, -acronym, -address, -big, -cite, -code, -del, -dfn, -em, -img, -ins, -kbd, -q, -s, -samp, -small, -strike, -strong, -sub, -sup, -tt, -var, -dl, -dt, -dd, -ol, -ul, -li, -fieldset, -form, -label, -legend, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td { - margin: 0; - padding: 0; - border: 0; - outline: 0; - font-weight: inherit; - font-style: inherit; - font-family: inherit; - font-size: 100%; - vertical-align: baseline; -} -body { - line-height: 1; - color: #000; - background: #fff; -} -ol, -ul { - list-style: none; -} -table { - border-collapse: separate; - border-spacing: 0; - vertical-align: middle; -} -caption, -th, -td { - text-align: left; - font-weight: normal; - vertical-align: middle; -} -a img { - border: none; -} -input, -button { - margin: 0; - padding: 0; -} -input::-moz-focus-inner, -button::-moz-focus-inner { - border: 0; - padding: 0; -} -html, -body, -#container { - height: 100%; -} -body { - background: #eee; - font: 14px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - -webkit-text-size-adjust: 100%; -} -.outer { - max-width: 1220px; - margin: 0 auto; - padding: 0 20px; -} -.outer:before, -.outer:after { - content: ""; - display: table; -} -.outer:after { - clear: both; -} -.inner { - display: inline; - float: left; - width: 98.33333333333333%; - margin: 0 0.833333333333333%; -} -.left, -.alignleft { - float: left; -} -.right, -.alignright { - float: right; -} -.clear { - clear: both; -} -#container { - position: relative; -} -.mobile-nav-on { - overflow: hidden; -} -#wrap { - height: 100%; - width: 100%; - position: absolute; - top: 0; - left: 0; - -webkit-transition: 0.2s ease-out; - -moz-transition: 0.2s ease-out; - -ms-transition: 0.2s ease-out; - transition: 0.2s ease-out; - z-index: 1; - background: #eee; -} -.mobile-nav-on #wrap { - left: 280px; -} -@media screen and (min-width: 768px) { - #main { - display: inline; - float: left; - width: 73.33333333333333%; - margin: 0 0.833333333333333%; - } -} -.article-date, -.article-category-link, -.archive-year, -.widget-title { - text-decoration: none; - text-transform: uppercase; - letter-spacing: 2px; - color: #999; - margin-bottom: 1em; - margin-left: 5px; - line-height: 1em; - text-shadow: 0 1px #fff; - font-weight: bold; -} -.article-inner, -.archive-article-inner { - background: #fff; - -webkit-box-shadow: 1px 2px 3px #ddd; - box-shadow: 1px 2px 3px #ddd; - border: 1px solid #ddd; - border-radius: 3px; -} -.article-entry h1, -.widget h1 { - font-size: 2em; -} -.article-entry h2, -.widget h2 { - font-size: 1.5em; -} -.article-entry h3, -.widget h3 { - font-size: 1.3em; -} -.article-entry h4, -.widget h4 { - font-size: 1.2em; -} -.article-entry h5, -.widget h5 { - font-size: 1em; -} -.article-entry h6, -.widget h6 { - font-size: 1em; - color: #999; -} -.article-entry hr, -.widget hr { - border: 1px dashed #ddd; -} -.article-entry strong, -.widget strong { - font-weight: bold; -} -.article-entry em, -.widget em, -.article-entry cite, -.widget cite { - font-style: italic; -} -.article-entry sup, -.widget sup, -.article-entry sub, -.widget sub { - font-size: 0.75em; - line-height: 0; - position: relative; - vertical-align: baseline; -} -.article-entry sup, -.widget sup { - top: -0.5em; -} -.article-entry sub, -.widget sub { - bottom: -0.2em; -} -.article-entry small, -.widget small { - font-size: 0.85em; -} -.article-entry acronym, -.widget acronym, -.article-entry abbr, -.widget abbr { - border-bottom: 1px dotted; -} -.article-entry ul, -.widget ul, -.article-entry ol, -.widget ol, -.article-entry dl, -.widget dl { - margin: 0 20px; - line-height: 1.6em; -} -.article-entry ul ul, -.widget ul ul, -.article-entry ol ul, -.widget ol ul, -.article-entry ul ol, -.widget ul ol, -.article-entry ol ol, -.widget ol ol { - margin-top: 0; - margin-bottom: 0; -} -.article-entry ul, -.widget ul { - list-style: disc; -} -.article-entry ol, -.widget ol { - list-style: decimal; -} -.article-entry dt, -.widget dt { - font-weight: bold; -} -#header { - height: 300px; - position: relative; - border-bottom: 1px solid #ddd; -} -#header:before, -#header:after { - content: ""; - position: absolute; - left: 0; - right: 0; - height: 40px; -} -#header:before { - top: 0; - background: -webkit-linear-gradient(rgba(0,0,0,0.2), transparent); - background: -moz-linear-gradient(rgba(0,0,0,0.2), transparent); - background: -ms-linear-gradient(rgba(0,0,0,0.2), transparent); - background: linear-gradient(rgba(0,0,0,0.2), transparent); -} -#header:after { - bottom: 0; - background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.2)); - background: -moz-linear-gradient(transparent, rgba(0,0,0,0.2)); - background: -ms-linear-gradient(transparent, rgba(0,0,0,0.2)); - background: linear-gradient(transparent, rgba(0,0,0,0.2)); -} -#header-outer { - height: 100%; - position: relative; -} -#header-inner { - position: relative; - overflow: hidden; -} -#banner { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: url("images/banner.jpg") center #000; - background-size: cover; - z-index: -1; -} -#header-title { - text-align: center; - height: 40px; - position: absolute; - top: 50%; - left: 0; - margin-top: -20px; -} -#logo, -#subtitle { - text-decoration: none; - color: #fff; - font-weight: 300; - text-shadow: 0 1px 4px rgba(0,0,0,0.3); -} -#logo { - font-size: 40px; - line-height: 40px; - letter-spacing: 2px; -} -#subtitle { - font-size: 16px; - line-height: 16px; - letter-spacing: 1px; -} -#subtitle-wrap { - margin-top: 16px; -} -#main-nav { - float: left; - margin-left: -15px; -} -.nav-icon, -.main-nav-link { - float: left; - color: #fff; - opacity: 0.6; - text-decoration: none; - text-shadow: 0 1px rgba(0,0,0,0.2); - -webkit-transition: opacity 0.2s; - -moz-transition: opacity 0.2s; - -ms-transition: opacity 0.2s; - transition: opacity 0.2s; - display: block; - padding: 20px 15px; -} -.nav-icon:hover, -.main-nav-link:hover { - opacity: 1; -} -.nav-icon { - text-align: center; - font-size: 14px; - width: 14px; - height: 14px; - padding: 20px 15px; - position: relative; - cursor: pointer; -} -.main-nav-link { - font-weight: 300; - letter-spacing: 1px; -} -@media screen and (max-width: 479px) { - .main-nav-link { - display: none; - } -} -#main-nav-toggle { - display: none; -} -@media screen and (max-width: 479px) { - #main-nav-toggle { - display: block; - } -} -#sub-nav { - float: right; - margin-right: -15px; -} -#search-form-wrap { - position: absolute; - top: 15px; - width: 150px; - height: 30px; - right: -150px; - opacity: 0; - -webkit-transition: 0.2s ease-out; - -moz-transition: 0.2s ease-out; - -ms-transition: 0.2s ease-out; - transition: 0.2s ease-out; -} -#search-form-wrap.on { - opacity: 1; - right: 0; -} -@media screen and (max-width: 479px) { - #search-form-wrap { - width: 100%; - right: -100%; - } -} -.search-form { - position: absolute; - top: 0; - left: 0; - right: 0; - background: #fff; - padding: 5px 15px; - border-radius: 15px; - -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); - box-shadow: 0 0 10px rgba(0,0,0,0.3); -} -.search-form-input { - border: none; - background: none; - color: #555; - width: 100%; - font: 13px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - outline: none; -} -.search-form-input::-webkit-search-results-decoration, -.search-form-input::-webkit-search-cancel-button { - -webkit-appearance: none; -} -.search-form-submit { - position: absolute; - top: 50%; - right: 10px; - margin-top: -7px; - font: 13px ForkAwesome; - border: none; - background: none; - color: #bbb; - cursor: pointer; -} -.search-form-submit:hover, -.search-form-submit:focus { - color: #777; -} -.article { - margin: 50px 0; -} -.article-inner { - overflow: hidden; -} -.article-meta:before, -.article-meta:after { - content: ""; - display: table; -} -.article-meta:after { - clear: both; -} -.article-date { - float: left; -} -.article-category { - float: left; - line-height: 1em; - color: #ccc; - text-shadow: 0 1px #fff; - margin-left: 8px; -} -.article-category:before { - content: "\2022"; -} -.article-category-link { - margin: 0 12px 1em; -} -.article-header { - padding: 20px 20px 0; -} -.article-title { - text-decoration: none; - font-size: 2em; - font-weight: bold; - color: #555; - line-height: 1.1em; - -webkit-transition: color 0.2s; - -moz-transition: color 0.2s; - -ms-transition: color 0.2s; - transition: color 0.2s; -} -a.article-title:hover { - color: #258fb8; -} -.article-entry { - color: #555; - padding: 0 20px; -} -.article-entry:before, -.article-entry:after { - content: ""; - display: table; -} -.article-entry:after { - clear: both; -} -.article-entry p, -.article-entry table { - line-height: 1.6em; - margin: 1.6em 0; -} -.article-entry h1, -.article-entry h2, -.article-entry h3, -.article-entry h4, -.article-entry h5, -.article-entry h6 { - font-weight: bold; -} -.article-entry h1, -.article-entry h2, -.article-entry h3, -.article-entry h4, -.article-entry h5, -.article-entry h6 { - line-height: 1.1em; - margin: 1.1em 0; -} -.article-entry a { - color: #258fb8; - text-decoration: none; -} -.article-entry a:hover { - text-decoration: underline; -} -.article-entry ul, -.article-entry ol, -.article-entry dl { - margin-top: 1.6em; - margin-bottom: 1.6em; -} -.article-entry img, -.article-entry video { - max-width: 100%; - height: auto; - display: block; - margin: auto; -} -.article-entry iframe { - border: none; -} -.article-entry table { - width: 100%; - border-collapse: collapse; - border-spacing: 0; -} -.article-entry th { - font-weight: bold; - border-bottom: 3px solid #ddd; - padding-bottom: 0.5em; -} -.article-entry td { - border-bottom: 1px solid #ddd; - padding: 10px 0; -} -.article-entry blockquote { - font-family: Georgia, "Times New Roman", serif; - margin: 1.6em 20px; - text-align: center; -} -.article-entry blockquote footer { - font-size: 14px; - margin: 1.6em 0; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; -} -.article-entry blockquote footer cite:before { - content: "—"; - padding: 0 0.5em; -} -.article-entry .pullquote { - text-align: left; - width: 45%; - margin: 0; -} -.article-entry .pullquote.left { - margin-left: 0.5em; - margin-right: 1em; -} -.article-entry .pullquote.right { - margin-right: 0.5em; - margin-left: 1em; -} -.article-entry .caption { - color: #999; - display: block; - font-size: 0.9em; - margin-top: 0.5em; - position: relative; - text-align: center; -} -.article-entry .video-container { - position: relative; - padding-top: 56.25%; - height: 0; - overflow: hidden; -} -.article-entry .video-container iframe, -.article-entry .video-container object, -.article-entry .video-container embed { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - margin-top: 0; -} -.article-more-link a { - display: inline-block; - line-height: 1em; - padding: 6px 15px; - border-radius: 15px; - background: #eee; - color: #999; - text-shadow: 0 1px #fff; - text-decoration: none; -} -.article-more-link a:hover { - background: #258fb8; - color: #fff; - text-decoration: none; - text-shadow: 0 1px #1e7293; -} -.article-footer { - font-size: 0.85em; - line-height: 1.6em; - border-top: 1px solid #ddd; - padding-top: 1.6em; - margin: 0 20px 20px; -} -.article-footer:before, -.article-footer:after { - content: ""; - display: table; -} -.article-footer:after { - clear: both; -} -.article-footer a { - color: #999; - text-decoration: none; -} -.article-footer a:hover { - color: #555; -} -.article-tag-list-item { - float: left; - margin-right: 10px; -} -.article-tag-list-link:before { - content: "#"; -} -.article-comment-link { - float: right; -} -.article-comment-link:before { - padding-right: 8px; -} -.article-share-link { - cursor: pointer; - float: right; - margin-left: 20px; -} -.article-share-link:before { - padding-right: 6px; -} -#article-nav { - position: relative; -} -#article-nav:before, -#article-nav:after { - content: ""; - display: table; -} -#article-nav:after { - clear: both; -} -@media screen and (min-width: 768px) { - #article-nav { - margin: 50px 0; - } - #article-nav:before { - width: 8px; - height: 8px; - position: absolute; - top: 50%; - left: 50%; - margin-top: -4px; - margin-left: -4px; - content: ""; - border-radius: 50%; - background: #ddd; - -webkit-box-shadow: 0 1px 2px #fff; - box-shadow: 0 1px 2px #fff; - } -} -.article-nav-link-wrap { - text-decoration: none; - text-shadow: 0 1px #fff; - color: #999; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-top: 50px; - text-align: center; - display: block; -} -.article-nav-link-wrap:hover { - color: #555; -} -@media screen and (min-width: 768px) { - .article-nav-link-wrap { - width: 50%; - margin-top: 0; - } -} -@media screen and (min-width: 768px) { - #article-nav-newer { - float: left; - text-align: right; - padding-right: 20px; - } -} -@media screen and (min-width: 768px) { - #article-nav-older { - float: right; - text-align: left; - padding-left: 20px; - } -} -.article-nav-caption { - text-transform: uppercase; - letter-spacing: 2px; - color: #ddd; - line-height: 1em; - font-weight: bold; -} -#article-nav-newer .article-nav-caption { - margin-right: -2px; -} -.article-nav-title { - font-size: 0.85em; - line-height: 1.6em; - margin-top: 0.5em; -} -.article-share-box { - position: absolute; - display: none; - background: #fff; - -webkit-box-shadow: 1px 2px 10px rgba(0,0,0,0.2); - box-shadow: 1px 2px 10px rgba(0,0,0,0.2); - border-radius: 3px; - margin-left: -145px; - overflow: hidden; - z-index: 1; -} -.article-share-box.on { - display: block; -} -.article-share-input { - width: 100%; - background: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - font: 14px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - padding: 0 15px; - color: #555; - outline: none; - border: 1px solid #ddd; - border-radius: 3px 3px 0 0; - height: 36px; - line-height: 36px; -} -.article-share-links { - background: #eee; -} -.article-share-links:before, -.article-share-links:after { - content: ""; - display: table; -} -.article-share-links:after { - clear: both; -} -.article-share-twitter, -.article-share-facebook, -.article-share-pinterest, -.article-share-linkedin { - width: 50px; - height: 36px; - display: block; - float: left; - position: relative; - color: #999; - text-shadow: 0 1px #fff; -} -.article-share-twitter:before, -.article-share-facebook:before, -.article-share-pinterest:before, -.article-share-linkedin:before { - font-size: 20px; - width: 20px; - height: 20px; - position: absolute; - top: 50%; - left: 50%; - margin-top: -10px; - margin-left: -10px; - text-align: center; -} -.article-share-twitter:hover, -.article-share-facebook:hover, -.article-share-pinterest:hover, -.article-share-linkedin:hover { - color: #fff; -} -.article-share-twitter:hover { - background: #00aced; - text-shadow: 0 1px #008abe; -} -.article-share-facebook:hover { - background: #3b5998; - text-shadow: 0 1px #2f477a; -} -.article-share-pinterest:hover { - background: #cb2027; - text-shadow: 0 1px #a21a1f; -} -.article-share-linkedin:hover { - background: #0077b5; - text-shadow: 0 1px #005f91; -} -.article-gallery { - background: #000; - position: relative; -} -.article-gallery-photos { - position: relative; - overflow: hidden; -} -.article-gallery-img { - display: none; - max-width: 100%; -} -.article-gallery-img:first-child { - display: block; -} -.article-gallery-img.loaded { - position: absolute; - display: block; -} -.article-gallery-img img { - display: block; - max-width: 100%; - margin: 0 auto; -} -#comments { - background: #fff; - -webkit-box-shadow: 1px 2px 3px #ddd; - box-shadow: 1px 2px 3px #ddd; - padding: 20px; - border: 1px solid #ddd; - border-radius: 3px; - margin: 50px 0; -} -#comments a { - color: #258fb8; -} -.archives-wrap { - margin: 50px 0; -} -.archives:before, -.archives:after { - content: ""; - display: table; -} -.archives:after { - clear: both; -} -.archive-year-wrap { - margin-bottom: 1em; -} -.archives { - -webkit-column-gap: 10px; - -moz-column-gap: 10px; - column-gap: 10px; -} -@media screen and (min-width: 480px) and (max-width: 767px) { - .archives { - -webkit-column-count: 2; - -moz-column-count: 2; - column-count: 2; - } -} -@media screen and (min-width: 768px) { - .archives { - -webkit-column-count: 3; - -moz-column-count: 3; - column-count: 3; - } -} -.archive-article { - -webkit-column-break-inside: avoid; - page-break-inside: avoid; - overflow: hidden; - break-inside: avoid-column; -} -.archive-article-inner { - padding: 10px; - margin-bottom: 15px; -} -.archive-article-title { - text-decoration: none; - font-weight: bold; - color: #555; - -webkit-transition: color 0.2s; - -moz-transition: color 0.2s; - -ms-transition: color 0.2s; - transition: color 0.2s; - line-height: 1.6em; -} -.archive-article-title:hover { - color: #258fb8; -} -.archive-article-footer { - margin-top: 1em; -} -.archive-article-date { - color: #999; - text-decoration: none; - font-size: 0.85em; - line-height: 1em; - margin-bottom: 0.5em; - display: block; -} -#page-nav { - margin: 50px auto; - background: #fff; - -webkit-box-shadow: 1px 2px 3px #ddd; - box-shadow: 1px 2px 3px #ddd; - border: 1px solid #ddd; - border-radius: 3px; - text-align: center; - color: #999; - overflow: hidden; -} -#page-nav:before, -#page-nav:after { - content: ""; - display: table; -} -#page-nav:after { - clear: both; -} -#page-nav a, -#page-nav span { - padding: 10px 20px; - line-height: 1; - height: 2ex; -} -#page-nav a { - color: #999; - text-decoration: none; -} -#page-nav a:hover { - background: #999; - color: #fff; -} -#page-nav .prev { - float: left; -} -#page-nav .next { - float: right; -} -#page-nav .page-number { - display: inline-block; -} -@media screen and (max-width: 479px) { - #page-nav .page-number { - display: none; - } -} -#page-nav .current { - color: #555; - font-weight: bold; -} -#page-nav .space { - color: #ddd; -} -#footer { - background: #262a30; - padding: 50px 0; - border-top: 1px solid #ddd; - color: #999; -} -#footer a { - color: #258fb8; - text-decoration: none; -} -#footer a:hover { - text-decoration: underline; -} -#footer-info { - line-height: 1.6em; - font-size: 0.85em; -} -.article-entry pre, -.article-entry .highlight { - background: #2d2d2d; - margin: 0 -20px; - padding: 15px 20px; - border-style: solid; - border-color: #ddd; - border-width: 1px 0; - overflow: auto; - color: #ccc; - line-height: 22.400000000000002px; -} -.article-entry .highlight .gutter pre, -.article-entry .gist .gist-file .gist-data .line-numbers { - color: #666; - font-size: 0.85em; -} -.article-entry pre, -.article-entry code { - font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace; -} -.article-entry code { - background: #eee; - text-shadow: 0 1px #fff; - padding: 0 0.3em; -} -.article-entry pre code { - background: none; - text-shadow: none; - padding: 0; -} -.article-entry .highlight pre { - border: none; - margin: 0; - padding: 0; -} -.article-entry .highlight table { - margin: 0; - width: auto; -} -.article-entry .highlight td { - border: none; - padding: 0; -} -.article-entry .highlight figcaption { - font-size: 0.85em; - color: #999; - line-height: 1em; - margin-bottom: 1em; -} -.article-entry .highlight figcaption:before, -.article-entry .highlight figcaption:after { - content: ""; - display: table; -} -.article-entry .highlight figcaption:after { - clear: both; -} -.article-entry .highlight figcaption a { - float: right; -} -.article-entry .highlight .gutter { - -moz-user-select: none; - -ms-user-select: none; - -webkit-user-select: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.article-entry .highlight .gutter pre { - text-align: right; - padding-right: 20px; -} -.article-entry .highlight .line { - height: 22.400000000000002px; -} -.article-entry .highlight .line.marked { - background: #515151; -} -.article-entry .gist { - margin: 0 -20px; - border-style: solid; - border-color: #ddd; - border-width: 1px 0; - background: #2d2d2d; - padding: 15px 20px 15px 0; -} -.article-entry .gist .gist-file { - border: none; - font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace; - margin: 0; -} -.article-entry .gist .gist-file .gist-data { - background: none; - border: none; -} -.article-entry .gist .gist-file .gist-data .line-numbers { - background: none; - border: none; - padding: 0 20px 0 0; -} -.article-entry .gist .gist-file .gist-data .line-data { - padding: 0 !important; -} -.article-entry .gist .gist-file .highlight { - margin: 0; - padding: 0; - border: none; -} -.article-entry .gist .gist-file .gist-meta { - background: #2d2d2d; - color: #999; - font: 0.85em -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - text-shadow: 0 0; - padding: 0; - margin-top: 1em; - margin-left: 20px; -} -.article-entry .gist .gist-file .gist-meta a { - color: #258fb8; - font-weight: normal; -} -.article-entry .gist .gist-file .gist-meta a:hover { - text-decoration: underline; -} -pre .comment, -pre .title { - color: #999; -} -pre .variable, -pre .attribute, -pre .tag, -pre .regexp, -pre .ruby .constant, -pre .xml .tag .title, -pre .xml .pi, -pre .xml .doctype, -pre .html .doctype, -pre .css .id, -pre .css .class, -pre .css .pseudo { - color: #f2777a; -} -pre .number, -pre .preprocessor, -pre .built_in, -pre .literal, -pre .params, -pre .constant { - color: #f99157; -} -pre .class, -pre .ruby .class .title, -pre .css .rules .attribute { - color: #9c9; -} -pre .string, -pre .value, -pre .inheritance, -pre .header, -pre .ruby .symbol, -pre .xml .cdata { - color: #9c9; -} -pre .css .hexcolor { - color: #6cc; -} -pre .function, -pre .python .decorator, -pre .python .title, -pre .ruby .function .title, -pre .ruby .title .keyword, -pre .perl .sub, -pre .javascript .title, -pre .coffeescript .title { - color: #69c; -} -pre .keyword, -pre .javascript .function { - color: #c9c; -} -@media screen and (max-width: 479px) { - #mobile-nav { - position: absolute; - top: 0; - left: 0; - width: 280px; - height: 100%; - background: #191919; - border-right: 1px solid #fff; - } -} -@media screen and (max-width: 479px) { - .mobile-nav-link { - display: block; - color: #999; - text-decoration: none; - padding: 15px 20px; - font-weight: bold; - } - .mobile-nav-link:hover { - color: #fff; - } -} -@media screen and (min-width: 768px) { - #sidebar { - display: inline; - float: left; - width: 23.333333333333332%; - margin: 0 0.833333333333333%; - } -} -.widget-wrap { - margin: 50px 0; -} -.widget { - color: #777; - text-shadow: 0 1px #fff; - background: #ddd; - -webkit-box-shadow: 0 -1px 4px #ccc inset; - box-shadow: 0 -1px 4px #ccc inset; - border: 1px solid #ccc; - padding: 15px; - border-radius: 3px; -} -.widget a { - color: #258fb8; - text-decoration: none; -} -.widget a:hover { - text-decoration: underline; -} -.widget ul ul, -.widget ol ul, -.widget dl ul, -.widget ul ol, -.widget ol ol, -.widget dl ol, -.widget ul dl, -.widget ol dl, -.widget dl dl { - margin-left: 15px; - list-style: disc; -} -.widget { - line-height: 1.6em; - word-wrap: break-word; - font-size: 0.9em; -} -.widget ul, -.widget ol { - list-style: none; - margin: 0; -} -.widget ul ul, -.widget ol ul, -.widget ul ol, -.widget ol ol { - margin: 0 20px; -} -.widget ul ul, -.widget ol ul { - list-style: disc; -} -.widget ul ol, -.widget ol ol { - list-style: decimal; -} -.category-list-count, -.tag-list-count, -.archive-list-count { - padding-left: 5px; - color: #999; - font-size: 0.85em; -} -.category-list-count:before, -.tag-list-count:before, -.archive-list-count:before { - content: "("; -} -.category-list-count:after, -.tag-list-count:after, -.archive-list-count:after { - content: ")"; -} -.tagcloud a { - margin-right: 5px; - display: inline-block; -} diff --git a/css/var.css b/css/var.css new file mode 100644 index 0000000..e69de29 diff --git a/fancybox/jquery.fancybox.min.css b/fancybox/jquery.fancybox.min.css deleted file mode 100644 index 7cc60b2..0000000 --- a/fancybox/jquery.fancybox.min.css +++ /dev/null @@ -1 +0,0 @@ -body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} \ No newline at end of file diff --git a/fancybox/jquery.fancybox.min.js b/fancybox/jquery.fancybox.min.js deleted file mode 100644 index d5d10f6..0000000 --- a/fancybox/jquery.fancybox.min.js +++ /dev/null @@ -1,13 +0,0 @@ -// ================================================== -// fancyBox v3.5.7 -// -// Licensed GPLv3 for open source use -// or fancyBox Commercial License for commercial use -// -// http://fancyapps.com/fancybox/ -// Copyright 2019 fancyApps -// -// ================================================== -!function(t,e,n,o){"use strict";function i(t,e){var o,i,a,s=[],r=0;t&&t.isDefaultPrevented()||(t.preventDefault(),e=e||{},t&&t.data&&(e=h(t.data.options,e)),o=e.$target||n(t.currentTarget).trigger("blur"),(a=n.fancybox.getInstance())&&a.$trigger&&a.$trigger.is(o)||(e.selector?s=n(e.selector):(i=o.attr("data-fancybox")||"",i?(s=t.data?t.data.items:[],s=s.length?s.filter('[data-fancybox="'+i+'"]'):n('[data-fancybox="'+i+'"]')):s=[o]),r=n(s).index(o),r<0&&(r=0),a=n.fancybox.open(s,e,r),a.$trigger=o))}if(t.console=t.console||{info:function(t){}},n){if(n.fn.fancybox)return void console.info("fancyBox already initialized");var a={closeExisting:!1,loop:!1,gutter:50,keyboard:!0,preventCaptionOverlap:!0,arrows:!0,infobar:!0,smallBtn:"auto",toolbar:"auto",buttons:["zoom","slideShow","thumbs","close"],idleTime:3,protect:!1,modal:!1,image:{preload:!1},ajax:{settings:{data:{fancybox:!0}}},iframe:{tpl:'',preload:!0,css:{},attr:{scrolling:"auto"}},video:{tpl:'',format:"",autoStart:!0},defaultType:"image",animationEffect:"zoom",animationDuration:366,zoomOpacity:"auto",transitionEffect:"fade",transitionDuration:366,slideClass:"",baseClass:"",baseTpl:'',spinnerTpl:'
',errorTpl:'

{{ERROR}}

',btnTpl:{download:'',zoom:'',close:'',arrowLeft:'',arrowRight:'',smallBtn:''},parentEl:"body",hideScrollbar:!0,autoFocus:!0,backFocus:!0,trapFocus:!0,fullScreen:{autoStart:!1},touch:{vertical:!0,momentum:!0},hash:null,media:{},slideShow:{autoStart:!1,speed:3e3},thumbs:{autoStart:!1,hideOnClose:!0,parentEl:".fancybox-container",axis:"y"},wheel:"auto",onInit:n.noop,beforeLoad:n.noop,afterLoad:n.noop,beforeShow:n.noop,afterShow:n.noop,beforeClose:n.noop,afterClose:n.noop,onActivate:n.noop,onDeactivate:n.noop,clickContent:function(t,e){return"image"===t.type&&"zoom"},clickSlide:"close",clickOutside:"close",dblclickContent:!1,dblclickSlide:!1,dblclickOutside:!1,mobile:{preventCaptionOverlap:!1,idleTime:!1,clickContent:function(t,e){return"image"===t.type&&"toggleControls"},clickSlide:function(t,e){return"image"===t.type?"toggleControls":"close"},dblclickContent:function(t,e){return"image"===t.type&&"zoom"},dblclickSlide:function(t,e){return"image"===t.type&&"zoom"}},lang:"en",i18n:{en:{CLOSE:"Close",NEXT:"Next",PREV:"Previous",ERROR:"The requested content cannot be loaded.
Please try again later.",PLAY_START:"Start slideshow",PLAY_STOP:"Pause slideshow",FULL_SCREEN:"Full screen",THUMBS:"Thumbnails",DOWNLOAD:"Download",SHARE:"Share",ZOOM:"Zoom"},de:{CLOSE:"Schließen",NEXT:"Weiter",PREV:"Zurück",ERROR:"Die angeforderten Daten konnten nicht geladen werden.
Bitte versuchen Sie es später nochmal.",PLAY_START:"Diaschau starten",PLAY_STOP:"Diaschau beenden",FULL_SCREEN:"Vollbild",THUMBS:"Vorschaubilder",DOWNLOAD:"Herunterladen",SHARE:"Teilen",ZOOM:"Vergrößern"}}},s=n(t),r=n(e),c=0,l=function(t){return t&&t.hasOwnProperty&&t instanceof n},d=function(){return t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||t.oRequestAnimationFrame||function(e){return t.setTimeout(e,1e3/60)}}(),u=function(){return t.cancelAnimationFrame||t.webkitCancelAnimationFrame||t.mozCancelAnimationFrame||t.oCancelAnimationFrame||function(e){t.clearTimeout(e)}}(),f=function(){var t,n=e.createElement("fakeelement"),o={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(t in o)if(void 0!==n.style[t])return o[t];return"transitionend"}(),p=function(t){return t&&t.length&&t[0].offsetHeight},h=function(t,e){var o=n.extend(!0,{},t,e);return n.each(e,function(t,e){n.isArray(e)&&(o[t]=e)}),o},g=function(t){var o,i;return!(!t||t.ownerDocument!==e)&&(n(".fancybox-container").css("pointer-events","none"),o={x:t.getBoundingClientRect().left+t.offsetWidth/2,y:t.getBoundingClientRect().top+t.offsetHeight/2},i=e.elementFromPoint(o.x,o.y)===t,n(".fancybox-container").css("pointer-events",""),i)},b=function(t,e,o){var i=this;i.opts=h({index:o},n.fancybox.defaults),n.isPlainObject(e)&&(i.opts=h(i.opts,e)),n.fancybox.isMobile&&(i.opts=h(i.opts,i.opts.mobile)),i.id=i.opts.id||++c,i.currIndex=parseInt(i.opts.index,10)||0,i.prevIndex=null,i.prevPos=null,i.currPos=0,i.firstRun=!0,i.group=[],i.slides={},i.addContent(t),i.group.length&&i.init()};n.extend(b.prototype,{init:function(){var o,i,a=this,s=a.group[a.currIndex],r=s.opts;r.closeExisting&&n.fancybox.close(!0),n("body").addClass("fancybox-active"),!n.fancybox.getInstance()&&!1!==r.hideScrollbar&&!n.fancybox.isMobile&&e.body.scrollHeight>t.innerHeight&&(n("head").append('"),n("body").addClass("compensate-for-scrollbar")),i="",n.each(r.buttons,function(t,e){i+=r.btnTpl[e]||""}),o=n(a.translate(a,r.baseTpl.replace("{{buttons}}",i).replace("{{arrows}}",r.btnTpl.arrowLeft+r.btnTpl.arrowRight))).attr("id","fancybox-container-"+a.id).addClass(r.baseClass).data("FancyBox",a).appendTo(r.parentEl),a.$refs={container:o},["bg","inner","infobar","toolbar","stage","caption","navigation"].forEach(function(t){a.$refs[t]=o.find(".fancybox-"+t)}),a.trigger("onInit"),a.activate(),a.jumpTo(a.currIndex)},translate:function(t,e){var n=t.opts.i18n[t.opts.lang]||t.opts.i18n.en;return e.replace(/\{\{(\w+)\}\}/g,function(t,e){return void 0===n[e]?t:n[e]})},addContent:function(t){var e,o=this,i=n.makeArray(t);n.each(i,function(t,e){var i,a,s,r,c,l={},d={};n.isPlainObject(e)?(l=e,d=e.opts||e):"object"===n.type(e)&&n(e).length?(i=n(e),d=i.data()||{},d=n.extend(!0,{},d,d.options),d.$orig=i,l.src=o.opts.src||d.src||i.attr("href"),l.type||l.src||(l.type="inline",l.src=e)):l={type:"html",src:e+""},l.opts=n.extend(!0,{},o.opts,d),n.isArray(d.buttons)&&(l.opts.buttons=d.buttons),n.fancybox.isMobile&&l.opts.mobile&&(l.opts=h(l.opts,l.opts.mobile)),a=l.type||l.opts.type,r=l.src||"",!a&&r&&((s=r.match(/\.(mp4|mov|ogv|webm)((\?|#).*)?$/i))?(a="video",l.opts.video.format||(l.opts.video.format="video/"+("ogv"===s[1]?"ogg":s[1]))):r.match(/(^data:image\/[a-z0-9+\/=]*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg|ico)((\?|#).*)?$)/i)?a="image":r.match(/\.(pdf)((\?|#).*)?$/i)?(a="iframe",l=n.extend(!0,l,{contentType:"pdf",opts:{iframe:{preload:!1}}})):"#"===r.charAt(0)&&(a="inline")),a?l.type=a:o.trigger("objectNeedsType",l),l.contentType||(l.contentType=n.inArray(l.type,["html","inline","ajax"])>-1?"html":l.type),l.index=o.group.length,"auto"==l.opts.smallBtn&&(l.opts.smallBtn=n.inArray(l.type,["html","inline","ajax"])>-1),"auto"===l.opts.toolbar&&(l.opts.toolbar=!l.opts.smallBtn),l.$thumb=l.opts.$thumb||null,l.opts.$trigger&&l.index===o.opts.index&&(l.$thumb=l.opts.$trigger.find("img:first"),l.$thumb.length&&(l.opts.$orig=l.opts.$trigger)),l.$thumb&&l.$thumb.length||!l.opts.$orig||(l.$thumb=l.opts.$orig.find("img:first")),l.$thumb&&!l.$thumb.length&&(l.$thumb=null),l.thumb=l.opts.thumb||(l.$thumb?l.$thumb[0].src:null),"function"===n.type(l.opts.caption)&&(l.opts.caption=l.opts.caption.apply(e,[o,l])),"function"===n.type(o.opts.caption)&&(l.opts.caption=o.opts.caption.apply(e,[o,l])),l.opts.caption instanceof n||(l.opts.caption=void 0===l.opts.caption?"":l.opts.caption+""),"ajax"===l.type&&(c=r.split(/\s+/,2),c.length>1&&(l.src=c.shift(),l.opts.filter=c.shift())),l.opts.modal&&(l.opts=n.extend(!0,l.opts,{trapFocus:!0,infobar:0,toolbar:0,smallBtn:0,keyboard:0,slideShow:0,fullScreen:0,thumbs:0,touch:0,clickContent:!1,clickSlide:!1,clickOutside:!1,dblclickContent:!1,dblclickSlide:!1,dblclickOutside:!1})),o.group.push(l)}),Object.keys(o.slides).length&&(o.updateControls(),(e=o.Thumbs)&&e.isActive&&(e.create(),e.focus()))},addEvents:function(){var e=this;e.removeEvents(),e.$refs.container.on("click.fb-close","[data-fancybox-close]",function(t){t.stopPropagation(),t.preventDefault(),e.close(t)}).on("touchstart.fb-prev click.fb-prev","[data-fancybox-prev]",function(t){t.stopPropagation(),t.preventDefault(),e.previous()}).on("touchstart.fb-next click.fb-next","[data-fancybox-next]",function(t){t.stopPropagation(),t.preventDefault(),e.next()}).on("click.fb","[data-fancybox-zoom]",function(t){e[e.isScaledDown()?"scaleToActual":"scaleToFit"]()}),s.on("orientationchange.fb resize.fb",function(t){t&&t.originalEvent&&"resize"===t.originalEvent.type?(e.requestId&&u(e.requestId),e.requestId=d(function(){e.update(t)})):(e.current&&"iframe"===e.current.type&&e.$refs.stage.hide(),setTimeout(function(){e.$refs.stage.show(),e.update(t)},n.fancybox.isMobile?600:250))}),r.on("keydown.fb",function(t){var o=n.fancybox?n.fancybox.getInstance():null,i=o.current,a=t.keyCode||t.which;if(9==a)return void(i.opts.trapFocus&&e.focus(t));if(!(!i.opts.keyboard||t.ctrlKey||t.altKey||t.shiftKey||n(t.target).is("input,textarea,video,audio,select")))return 8===a||27===a?(t.preventDefault(),void e.close(t)):37===a||38===a?(t.preventDefault(),void e.previous()):39===a||40===a?(t.preventDefault(),void e.next()):void e.trigger("afterKeydown",t,a)}),e.group[e.currIndex].opts.idleTime&&(e.idleSecondsCounter=0,r.on("mousemove.fb-idle mouseleave.fb-idle mousedown.fb-idle touchstart.fb-idle touchmove.fb-idle scroll.fb-idle keydown.fb-idle",function(t){e.idleSecondsCounter=0,e.isIdle&&e.showControls(),e.isIdle=!1}),e.idleInterval=t.setInterval(function(){++e.idleSecondsCounter>=e.group[e.currIndex].opts.idleTime&&!e.isDragging&&(e.isIdle=!0,e.idleSecondsCounter=0,e.hideControls())},1e3))},removeEvents:function(){var e=this;s.off("orientationchange.fb resize.fb"),r.off("keydown.fb .fb-idle"),this.$refs.container.off(".fb-close .fb-prev .fb-next"),e.idleInterval&&(t.clearInterval(e.idleInterval),e.idleInterval=null)},previous:function(t){return this.jumpTo(this.currPos-1,t)},next:function(t){return this.jumpTo(this.currPos+1,t)},jumpTo:function(t,e){var o,i,a,s,r,c,l,d,u,f=this,h=f.group.length;if(!(f.isDragging||f.isClosing||f.isAnimating&&f.firstRun)){if(t=parseInt(t,10),!(a=f.current?f.current.opts.loop:f.opts.loop)&&(t<0||t>=h))return!1;if(o=f.firstRun=!Object.keys(f.slides).length,r=f.current,f.prevIndex=f.currIndex,f.prevPos=f.currPos,s=f.createSlide(t),h>1&&((a||s.index0)&&f.createSlide(t-1)),f.current=s,f.currIndex=s.index,f.currPos=s.pos,f.trigger("beforeShow",o),f.updateControls(),s.forcedDuration=void 0,n.isNumeric(e)?s.forcedDuration=e:e=s.opts[o?"animationDuration":"transitionDuration"],e=parseInt(e,10),i=f.isMoved(s),s.$slide.addClass("fancybox-slide--current"),o)return s.opts.animationEffect&&e&&f.$refs.container.css("transition-duration",e+"ms"),f.$refs.container.addClass("fancybox-is-open").trigger("focus"),f.loadSlide(s),void f.preload("image");c=n.fancybox.getTranslate(r.$slide),l=n.fancybox.getTranslate(f.$refs.stage),n.each(f.slides,function(t,e){n.fancybox.stop(e.$slide,!0)}),r.pos!==s.pos&&(r.isComplete=!1),r.$slide.removeClass("fancybox-slide--complete fancybox-slide--current"),i?(u=c.left-(r.pos*c.width+r.pos*r.opts.gutter),n.each(f.slides,function(t,o){o.$slide.removeClass("fancybox-animated").removeClass(function(t,e){return(e.match(/(^|\s)fancybox-fx-\S+/g)||[]).join(" ")});var i=o.pos*c.width+o.pos*o.opts.gutter;n.fancybox.setTranslate(o.$slide,{top:0,left:i-l.left+u}),o.pos!==s.pos&&o.$slide.addClass("fancybox-slide--"+(o.pos>s.pos?"next":"previous")),p(o.$slide),n.fancybox.animate(o.$slide,{top:0,left:(o.pos-s.pos)*c.width+(o.pos-s.pos)*o.opts.gutter},e,function(){o.$slide.css({transform:"",opacity:""}).removeClass("fancybox-slide--next fancybox-slide--previous"),o.pos===f.currPos&&f.complete()})})):e&&s.opts.transitionEffect&&(d="fancybox-animated fancybox-fx-"+s.opts.transitionEffect,r.$slide.addClass("fancybox-slide--"+(r.pos>s.pos?"next":"previous")),n.fancybox.animate(r.$slide,d,e,function(){r.$slide.removeClass(d).removeClass("fancybox-slide--next fancybox-slide--previous")},!1)),s.isLoaded?f.revealContent(s):f.loadSlide(s),f.preload("image")}},createSlide:function(t){var e,o,i=this;return o=t%i.group.length,o=o<0?i.group.length+o:o,!i.slides[t]&&i.group[o]&&(e=n('
').appendTo(i.$refs.stage),i.slides[t]=n.extend(!0,{},i.group[o],{pos:t,$slide:e,isLoaded:!1}),i.updateSlide(i.slides[t])),i.slides[t]},scaleToActual:function(t,e,o){var i,a,s,r,c,l=this,d=l.current,u=d.$content,f=n.fancybox.getTranslate(d.$slide).width,p=n.fancybox.getTranslate(d.$slide).height,h=d.width,g=d.height;l.isAnimating||l.isMoved()||!u||"image"!=d.type||!d.isLoaded||d.hasError||(l.isAnimating=!0,n.fancybox.stop(u),t=void 0===t?.5*f:t,e=void 0===e?.5*p:e,i=n.fancybox.getTranslate(u),i.top-=n.fancybox.getTranslate(d.$slide).top,i.left-=n.fancybox.getTranslate(d.$slide).left,r=h/i.width,c=g/i.height,a=.5*f-.5*h,s=.5*p-.5*g,h>f&&(a=i.left*r-(t*r-t),a>0&&(a=0),ap&&(s=i.top*c-(e*c-e),s>0&&(s=0),se-.5&&(l=e),d>o-.5&&(d=o),"image"===t.type?(u.top=Math.floor(.5*(o-d))+parseFloat(c.css("paddingTop")),u.left=Math.floor(.5*(e-l))+parseFloat(c.css("paddingLeft"))):"video"===t.contentType&&(a=t.opts.width&&t.opts.height?l/d:t.opts.ratio||16/9,d>l/a?d=l/a:l>d*a&&(l=d*a)),u.width=l,u.height=d,u)},update:function(t){var e=this;n.each(e.slides,function(n,o){e.updateSlide(o,t)})},updateSlide:function(t,e){var o=this,i=t&&t.$content,a=t.width||t.opts.width,s=t.height||t.opts.height,r=t.$slide;o.adjustCaption(t),i&&(a||s||"video"===t.contentType)&&!t.hasError&&(n.fancybox.stop(i),n.fancybox.setTranslate(i,o.getFitPos(t)),t.pos===o.currPos&&(o.isAnimating=!1,o.updateCursor())),o.adjustLayout(t),r.length&&(r.trigger("refresh"),t.pos===o.currPos&&o.$refs.toolbar.add(o.$refs.navigation.find(".fancybox-button--arrow_right")).toggleClass("compensate-for-scrollbar",r.get(0).scrollHeight>r.get(0).clientHeight)),o.trigger("onUpdate",t,e)},centerSlide:function(t){var e=this,o=e.current,i=o.$slide;!e.isClosing&&o&&(i.siblings().css({transform:"",opacity:""}),i.parent().children().removeClass("fancybox-slide--previous fancybox-slide--next"),n.fancybox.animate(i,{top:0,left:0,opacity:1},void 0===t?0:t,function(){i.css({transform:"",opacity:""}),o.isComplete||e.complete()},!1))},isMoved:function(t){var e,o,i=t||this.current;return!!i&&(o=n.fancybox.getTranslate(this.$refs.stage),e=n.fancybox.getTranslate(i.$slide),!i.$slide.hasClass("fancybox-animated")&&(Math.abs(e.top-o.top)>.5||Math.abs(e.left-o.left)>.5))},updateCursor:function(t,e){var o,i,a=this,s=a.current,r=a.$refs.container;s&&!a.isClosing&&a.Guestures&&(r.removeClass("fancybox-is-zoomable fancybox-can-zoomIn fancybox-can-zoomOut fancybox-can-swipe fancybox-can-pan"),o=a.canPan(t,e),i=!!o||a.isZoomable(),r.toggleClass("fancybox-is-zoomable",i),n("[data-fancybox-zoom]").prop("disabled",!i),o?r.addClass("fancybox-can-pan"):i&&("zoom"===s.opts.clickContent||n.isFunction(s.opts.clickContent)&&"zoom"==s.opts.clickContent(s))?r.addClass("fancybox-can-zoomIn"):s.opts.touch&&(s.opts.touch.vertical||a.group.length>1)&&"video"!==s.contentType&&r.addClass("fancybox-can-swipe"))},isZoomable:function(){var t,e=this,n=e.current;if(n&&!e.isClosing&&"image"===n.type&&!n.hasError){if(!n.isLoaded)return!0;if((t=e.getFitPos(n))&&(n.width>t.width||n.height>t.height))return!0}return!1},isScaledDown:function(t,e){var o=this,i=!1,a=o.current,s=a.$content;return void 0!==t&&void 0!==e?i=t1.5||Math.abs(a.height-s.height)>1.5)),s},loadSlide:function(t){var e,o,i,a=this;if(!t.isLoading&&!t.isLoaded){if(t.isLoading=!0,!1===a.trigger("beforeLoad",t))return t.isLoading=!1,!1;switch(e=t.type,o=t.$slide,o.off("refresh").trigger("onReset").addClass(t.opts.slideClass),e){case"image":a.setImage(t);break;case"iframe":a.setIframe(t);break;case"html":a.setContent(t,t.src||t.content);break;case"video":a.setContent(t,t.opts.video.tpl.replace(/\{\{src\}\}/gi,t.src).replace("{{format}}",t.opts.videoFormat||t.opts.video.format||"").replace("{{poster}}",t.thumb||""));break;case"inline":n(t.src).length?a.setContent(t,n(t.src)):a.setError(t);break;case"ajax":a.showLoading(t),i=n.ajax(n.extend({},t.opts.ajax.settings,{url:t.src,success:function(e,n){"success"===n&&a.setContent(t,e)},error:function(e,n){e&&"abort"!==n&&a.setError(t)}})),o.one("onReset",function(){i.abort()});break;default:a.setError(t)}return!0}},setImage:function(t){var o,i=this;setTimeout(function(){var e=t.$image;i.isClosing||!t.isLoading||e&&e.length&&e[0].complete||t.hasError||i.showLoading(t)},50),i.checkSrcset(t),t.$content=n('
').addClass("fancybox-is-hidden").appendTo(t.$slide.addClass("fancybox-slide--image")),!1!==t.opts.preload&&t.opts.width&&t.opts.height&&t.thumb&&(t.width=t.opts.width,t.height=t.opts.height,o=e.createElement("img"),o.onerror=function(){n(this).remove(),t.$ghost=null},o.onload=function(){i.afterLoad(t)},t.$ghost=n(o).addClass("fancybox-image").appendTo(t.$content).attr("src",t.thumb)),i.setBigImage(t)},checkSrcset:function(e){var n,o,i,a,s=e.opts.srcset||e.opts.image.srcset;if(s){i=t.devicePixelRatio||1,a=t.innerWidth*i,o=s.split(",").map(function(t){var e={};return t.trim().split(/\s+/).forEach(function(t,n){var o=parseInt(t.substring(0,t.length-1),10);if(0===n)return e.url=t;o&&(e.value=o,e.postfix=t[t.length-1])}),e}),o.sort(function(t,e){return t.value-e.value});for(var r=0;r=a||"x"===c.postfix&&c.value>=i){n=c;break}}!n&&o.length&&(n=o[o.length-1]),n&&(e.src=n.url,e.width&&e.height&&"w"==n.postfix&&(e.height=e.width/e.height*n.value,e.width=n.value),e.opts.srcset=s)}},setBigImage:function(t){var o=this,i=e.createElement("img"),a=n(i);t.$image=a.one("error",function(){o.setError(t)}).one("load",function(){var e;t.$ghost||(o.resolveImageSlideSize(t,this.naturalWidth,this.naturalHeight),o.afterLoad(t)),o.isClosing||(t.opts.srcset&&(e=t.opts.sizes,e&&"auto"!==e||(e=(t.width/t.height>1&&s.width()/s.height()>1?"100":Math.round(t.width/t.height*100))+"vw"),a.attr("sizes",e).attr("srcset",t.opts.srcset)),t.$ghost&&setTimeout(function(){t.$ghost&&!o.isClosing&&t.$ghost.hide()},Math.min(300,Math.max(1e3,t.height/1600))),o.hideLoading(t))}).addClass("fancybox-image").attr("src",t.src).appendTo(t.$content),(i.complete||"complete"==i.readyState)&&a.naturalWidth&&a.naturalHeight?a.trigger("load"):i.error&&a.trigger("error")},resolveImageSlideSize:function(t,e,n){var o=parseInt(t.opts.width,10),i=parseInt(t.opts.height,10);t.width=e,t.height=n,o>0&&(t.width=o,t.height=Math.floor(o*n/e)),i>0&&(t.width=Math.floor(i*e/n),t.height=i)},setIframe:function(t){var e,o=this,i=t.opts.iframe,a=t.$slide;t.$content=n('
').css(i.css).appendTo(a),a.addClass("fancybox-slide--"+t.contentType),t.$iframe=e=n(i.tpl.replace(/\{rnd\}/g,(new Date).getTime())).attr(i.attr).appendTo(t.$content),i.preload?(o.showLoading(t),e.on("load.fb error.fb",function(e){this.isReady=1,t.$slide.trigger("refresh"),o.afterLoad(t)}),a.on("refresh.fb",function(){var n,o,s=t.$content,r=i.css.width,c=i.css.height;if(1===e[0].isReady){try{n=e.contents(),o=n.find("body")}catch(t){}o&&o.length&&o.children().length&&(a.css("overflow","visible"),s.css({width:"100%","max-width":"100%",height:"9999px"}),void 0===r&&(r=Math.ceil(Math.max(o[0].clientWidth,o.outerWidth(!0)))),s.css("width",r||"").css("max-width",""),void 0===c&&(c=Math.ceil(Math.max(o[0].clientHeight,o.outerHeight(!0)))),s.css("height",c||""),a.css("overflow","auto")),s.removeClass("fancybox-is-hidden")}})):o.afterLoad(t),e.attr("src",t.src),a.one("onReset",function(){try{n(this).find("iframe").hide().unbind().attr("src","//about:blank")}catch(t){}n(this).off("refresh.fb").empty(),t.isLoaded=!1,t.isRevealed=!1})},setContent:function(t,e){var o=this;o.isClosing||(o.hideLoading(t),t.$content&&n.fancybox.stop(t.$content),t.$slide.empty(),l(e)&&e.parent().length?((e.hasClass("fancybox-content")||e.parent().hasClass("fancybox-content"))&&e.parents(".fancybox-slide").trigger("onReset"),t.$placeholder=n("
").hide().insertAfter(e),e.css("display","inline-block")):t.hasError||("string"===n.type(e)&&(e=n("
").append(n.trim(e)).contents()),t.opts.filter&&(e=n("
").html(e).find(t.opts.filter))),t.$slide.one("onReset",function(){n(this).find("video,audio").trigger("pause"),t.$placeholder&&(t.$placeholder.after(e.removeClass("fancybox-content").hide()).remove(),t.$placeholder=null),t.$smallBtn&&(t.$smallBtn.remove(),t.$smallBtn=null),t.hasError||(n(this).empty(),t.isLoaded=!1,t.isRevealed=!1)}),n(e).appendTo(t.$slide),n(e).is("video,audio")&&(n(e).addClass("fancybox-video"),n(e).wrap("
"),t.contentType="video",t.opts.width=t.opts.width||n(e).attr("width"),t.opts.height=t.opts.height||n(e).attr("height")),t.$content=t.$slide.children().filter("div,form,main,video,audio,article,.fancybox-content").first(),t.$content.siblings().hide(),t.$content.length||(t.$content=t.$slide.wrapInner("
").children().first()),t.$content.addClass("fancybox-content"),t.$slide.addClass("fancybox-slide--"+t.contentType),o.afterLoad(t))},setError:function(t){t.hasError=!0,t.$slide.trigger("onReset").removeClass("fancybox-slide--"+t.contentType).addClass("fancybox-slide--error"),t.contentType="html",this.setContent(t,this.translate(t,t.opts.errorTpl)),t.pos===this.currPos&&(this.isAnimating=!1)},showLoading:function(t){var e=this;(t=t||e.current)&&!t.$spinner&&(t.$spinner=n(e.translate(e,e.opts.spinnerTpl)).appendTo(t.$slide).hide().fadeIn("fast"))},hideLoading:function(t){var e=this;(t=t||e.current)&&t.$spinner&&(t.$spinner.stop().remove(),delete t.$spinner)},afterLoad:function(t){var e=this;e.isClosing||(t.isLoading=!1,t.isLoaded=!0,e.trigger("afterLoad",t),e.hideLoading(t),!t.opts.smallBtn||t.$smallBtn&&t.$smallBtn.length||(t.$smallBtn=n(e.translate(t,t.opts.btnTpl.smallBtn)).appendTo(t.$content)),t.opts.protect&&t.$content&&!t.hasError&&(t.$content.on("contextmenu.fb",function(t){return 2==t.button&&t.preventDefault(),!0}),"image"===t.type&&n('
').appendTo(t.$content)),e.adjustCaption(t),e.adjustLayout(t),t.pos===e.currPos&&e.updateCursor(),e.revealContent(t))},adjustCaption:function(t){var e,n=this,o=t||n.current,i=o.opts.caption,a=o.opts.preventCaptionOverlap,s=n.$refs.caption,r=!1;s.toggleClass("fancybox-caption--separate",a),a&&i&&i.length&&(o.pos!==n.currPos?(e=s.clone().appendTo(s.parent()),e.children().eq(0).empty().html(i),r=e.outerHeight(!0),e.empty().remove()):n.$caption&&(r=n.$caption.outerHeight(!0)),o.$slide.css("padding-bottom",r||""))},adjustLayout:function(t){var e,n,o,i,a=this,s=t||a.current;s.isLoaded&&!0!==s.opts.disableLayoutFix&&(s.$content.css("margin-bottom",""),s.$content.outerHeight()>s.$slide.height()+.5&&(o=s.$slide[0].style["padding-bottom"],i=s.$slide.css("padding-bottom"),parseFloat(i)>0&&(e=s.$slide[0].scrollHeight,s.$slide.css("padding-bottom",0),Math.abs(e-s.$slide[0].scrollHeight)<1&&(n=i),s.$slide.css("padding-bottom",o))),s.$content.css("margin-bottom",n))},revealContent:function(t){var e,o,i,a,s=this,r=t.$slide,c=!1,l=!1,d=s.isMoved(t),u=t.isRevealed;return t.isRevealed=!0,e=t.opts[s.firstRun?"animationEffect":"transitionEffect"],i=t.opts[s.firstRun?"animationDuration":"transitionDuration"],i=parseInt(void 0===t.forcedDuration?i:t.forcedDuration,10),!d&&t.pos===s.currPos&&i||(e=!1),"zoom"===e&&(t.pos===s.currPos&&i&&"image"===t.type&&!t.hasError&&(l=s.getThumbPos(t))?c=s.getFitPos(t):e="fade"),"zoom"===e?(s.isAnimating=!0,c.scaleX=c.width/l.width,c.scaleY=c.height/l.height,a=t.opts.zoomOpacity,"auto"==a&&(a=Math.abs(t.width/t.height-l.width/l.height)>.1),a&&(l.opacity=.1,c.opacity=1),n.fancybox.setTranslate(t.$content.removeClass("fancybox-is-hidden"),l),p(t.$content),void n.fancybox.animate(t.$content,c,i,function(){s.isAnimating=!1,s.complete()})):(s.updateSlide(t),e?(n.fancybox.stop(r),o="fancybox-slide--"+(t.pos>=s.prevPos?"next":"previous")+" fancybox-animated fancybox-fx-"+e,r.addClass(o).removeClass("fancybox-slide--current"),t.$content.removeClass("fancybox-is-hidden"),p(r),"image"!==t.type&&t.$content.hide().show(0),void n.fancybox.animate(r,"fancybox-slide--current",i,function(){r.removeClass(o).css({transform:"",opacity:""}),t.pos===s.currPos&&s.complete()},!0)):(t.$content.removeClass("fancybox-is-hidden"),u||!d||"image"!==t.type||t.hasError||t.$content.hide().fadeIn("fast"),void(t.pos===s.currPos&&s.complete())))},getThumbPos:function(t){var e,o,i,a,s,r=!1,c=t.$thumb;return!(!c||!g(c[0]))&&(e=n.fancybox.getTranslate(c),o=parseFloat(c.css("border-top-width")||0),i=parseFloat(c.css("border-right-width")||0),a=parseFloat(c.css("border-bottom-width")||0),s=parseFloat(c.css("border-left-width")||0),r={top:e.top+o,left:e.left+s,width:e.width-i-s,height:e.height-o-a,scaleX:1,scaleY:1},e.width>0&&e.height>0&&r)},complete:function(){var t,e=this,o=e.current,i={};!e.isMoved()&&o.isLoaded&&(o.isComplete||(o.isComplete=!0,o.$slide.siblings().trigger("onReset"),e.preload("inline"),p(o.$slide),o.$slide.addClass("fancybox-slide--complete"),n.each(e.slides,function(t,o){o.pos>=e.currPos-1&&o.pos<=e.currPos+1?i[o.pos]=o:o&&(n.fancybox.stop(o.$slide),o.$slide.off().remove())}),e.slides=i),e.isAnimating=!1,e.updateCursor(),e.trigger("afterShow"),o.opts.video.autoStart&&o.$slide.find("video,audio").filter(":visible:first").trigger("play").one("ended",function(){Document.exitFullscreen?Document.exitFullscreen():this.webkitExitFullscreen&&this.webkitExitFullscreen(),e.next()}),o.opts.autoFocus&&"html"===o.contentType&&(t=o.$content.find("input[autofocus]:enabled:visible:first"),t.length?t.trigger("focus"):e.focus(null,!0)),o.$slide.scrollTop(0).scrollLeft(0))},preload:function(t){var e,n,o=this;o.group.length<2||(n=o.slides[o.currPos+1],e=o.slides[o.currPos-1],e&&e.type===t&&o.loadSlide(e),n&&n.type===t&&o.loadSlide(n))},focus:function(t,o){var i,a,s=this,r=["a[href]","area[href]",'input:not([disabled]):not([type="hidden"]):not([aria-hidden])',"select:not([disabled]):not([aria-hidden])","textarea:not([disabled]):not([aria-hidden])","button:not([disabled]):not([aria-hidden])","iframe","object","embed","video","audio","[contenteditable]",'[tabindex]:not([tabindex^="-"])'].join(",");s.isClosing||(i=!t&&s.current&&s.current.isComplete?s.current.$slide.find("*:visible"+(o?":not(.fancybox-close-small)":"")):s.$refs.container.find("*:visible"),i=i.filter(r).filter(function(){return"hidden"!==n(this).css("visibility")&&!n(this).hasClass("disabled")}),i.length?(a=i.index(e.activeElement),t&&t.shiftKey?(a<0||0==a)&&(t.preventDefault(),i.eq(i.length-1).trigger("focus")):(a<0||a==i.length-1)&&(t&&t.preventDefault(),i.eq(0).trigger("focus"))):s.$refs.container.trigger("focus"))},activate:function(){var t=this;n(".fancybox-container").each(function(){var e=n(this).data("FancyBox");e&&e.id!==t.id&&!e.isClosing&&(e.trigger("onDeactivate"),e.removeEvents(),e.isVisible=!1)}),t.isVisible=!0,(t.current||t.isIdle)&&(t.update(),t.updateControls()),t.trigger("onActivate"),t.addEvents()},close:function(t,e){var o,i,a,s,r,c,l,u=this,f=u.current,h=function(){u.cleanUp(t)};return!u.isClosing&&(u.isClosing=!0,!1===u.trigger("beforeClose",t)?(u.isClosing=!1,d(function(){u.update()}),!1):(u.removeEvents(),a=f.$content,o=f.opts.animationEffect,i=n.isNumeric(e)?e:o?f.opts.animationDuration:0,f.$slide.removeClass("fancybox-slide--complete fancybox-slide--next fancybox-slide--previous fancybox-animated"),!0!==t?n.fancybox.stop(f.$slide):o=!1,f.$slide.siblings().trigger("onReset").remove(),i&&u.$refs.container.removeClass("fancybox-is-open").addClass("fancybox-is-closing").css("transition-duration",i+"ms"),u.hideLoading(f),u.hideControls(!0),u.updateCursor(),"zoom"!==o||a&&i&&"image"===f.type&&!u.isMoved()&&!f.hasError&&(l=u.getThumbPos(f))||(o="fade"),"zoom"===o?(n.fancybox.stop(a),s=n.fancybox.getTranslate(a),c={top:s.top,left:s.left,scaleX:s.width/l.width,scaleY:s.height/l.height,width:l.width,height:l.height},r=f.opts.zoomOpacity, -"auto"==r&&(r=Math.abs(f.width/f.height-l.width/l.height)>.1),r&&(l.opacity=0),n.fancybox.setTranslate(a,c),p(a),n.fancybox.animate(a,l,i,h),!0):(o&&i?n.fancybox.animate(f.$slide.addClass("fancybox-slide--previous").removeClass("fancybox-slide--current"),"fancybox-animated fancybox-fx-"+o,i,h):!0===t?setTimeout(h,i):h(),!0)))},cleanUp:function(e){var o,i,a,s=this,r=s.current.opts.$orig;s.current.$slide.trigger("onReset"),s.$refs.container.empty().remove(),s.trigger("afterClose",e),s.current.opts.backFocus&&(r&&r.length&&r.is(":visible")||(r=s.$trigger),r&&r.length&&(i=t.scrollX,a=t.scrollY,r.trigger("focus"),n("html, body").scrollTop(a).scrollLeft(i))),s.current=null,o=n.fancybox.getInstance(),o?o.activate():(n("body").removeClass("fancybox-active compensate-for-scrollbar"),n("#fancybox-style-noscroll").remove())},trigger:function(t,e){var o,i=Array.prototype.slice.call(arguments,1),a=this,s=e&&e.opts?e:a.current;if(s?i.unshift(s):s=a,i.unshift(a),n.isFunction(s.opts[t])&&(o=s.opts[t].apply(s,i)),!1===o)return o;"afterClose"!==t&&a.$refs?a.$refs.container.trigger(t+".fb",i):r.trigger(t+".fb",i)},updateControls:function(){var t=this,o=t.current,i=o.index,a=t.$refs.container,s=t.$refs.caption,r=o.opts.caption;o.$slide.trigger("refresh"),r&&r.length?(t.$caption=s,s.children().eq(0).html(r)):t.$caption=null,t.hasHiddenControls||t.isIdle||t.showControls(),a.find("[data-fancybox-count]").html(t.group.length),a.find("[data-fancybox-index]").html(i+1),a.find("[data-fancybox-prev]").prop("disabled",!o.opts.loop&&i<=0),a.find("[data-fancybox-next]").prop("disabled",!o.opts.loop&&i>=t.group.length-1),"image"===o.type?a.find("[data-fancybox-zoom]").show().end().find("[data-fancybox-download]").attr("href",o.opts.image.src||o.src).show():o.opts.toolbar&&a.find("[data-fancybox-download],[data-fancybox-zoom]").hide(),n(e.activeElement).is(":hidden,[disabled]")&&t.$refs.container.trigger("focus")},hideControls:function(t){var e=this,n=["infobar","toolbar","nav"];!t&&e.current.opts.preventCaptionOverlap||n.push("caption"),this.$refs.container.removeClass(n.map(function(t){return"fancybox-show-"+t}).join(" ")),this.hasHiddenControls=!0},showControls:function(){var t=this,e=t.current?t.current.opts:t.opts,n=t.$refs.container;t.hasHiddenControls=!1,t.idleSecondsCounter=0,n.toggleClass("fancybox-show-toolbar",!(!e.toolbar||!e.buttons)).toggleClass("fancybox-show-infobar",!!(e.infobar&&t.group.length>1)).toggleClass("fancybox-show-caption",!!t.$caption).toggleClass("fancybox-show-nav",!!(e.arrows&&t.group.length>1)).toggleClass("fancybox-is-modal",!!e.modal)},toggleControls:function(){this.hasHiddenControls?this.showControls():this.hideControls()}}),n.fancybox={version:"3.5.7",defaults:a,getInstance:function(t){var e=n('.fancybox-container:not(".fancybox-is-closing"):last').data("FancyBox"),o=Array.prototype.slice.call(arguments,1);return e instanceof b&&("string"===n.type(t)?e[t].apply(e,o):"function"===n.type(t)&&t.apply(e,o),e)},open:function(t,e,n){return new b(t,e,n)},close:function(t){var e=this.getInstance();e&&(e.close(),!0===t&&this.close(t))},destroy:function(){this.close(!0),r.add("body").off("click.fb-start","**")},isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),use3d:function(){var n=e.createElement("div");return t.getComputedStyle&&t.getComputedStyle(n)&&t.getComputedStyle(n).getPropertyValue("transform")&&!(e.documentMode&&e.documentMode<11)}(),getTranslate:function(t){var e;return!(!t||!t.length)&&(e=t[0].getBoundingClientRect(),{top:e.top||0,left:e.left||0,width:e.width,height:e.height,opacity:parseFloat(t.css("opacity"))})},setTranslate:function(t,e){var n="",o={};if(t&&e)return void 0===e.left&&void 0===e.top||(n=(void 0===e.left?t.position().left:e.left)+"px, "+(void 0===e.top?t.position().top:e.top)+"px",n=this.use3d?"translate3d("+n+", 0px)":"translate("+n+")"),void 0!==e.scaleX&&void 0!==e.scaleY?n+=" scale("+e.scaleX+", "+e.scaleY+")":void 0!==e.scaleX&&(n+=" scaleX("+e.scaleX+")"),n.length&&(o.transform=n),void 0!==e.opacity&&(o.opacity=e.opacity),void 0!==e.width&&(o.width=e.width),void 0!==e.height&&(o.height=e.height),t.css(o)},animate:function(t,e,o,i,a){var s,r=this;n.isFunction(o)&&(i=o,o=null),r.stop(t),s=r.getTranslate(t),t.on(f,function(c){(!c||!c.originalEvent||t.is(c.originalEvent.target)&&"z-index"!=c.originalEvent.propertyName)&&(r.stop(t),n.isNumeric(o)&&t.css("transition-duration",""),n.isPlainObject(e)?void 0!==e.scaleX&&void 0!==e.scaleY&&r.setTranslate(t,{top:e.top,left:e.left,width:s.width*e.scaleX,height:s.height*e.scaleY,scaleX:1,scaleY:1}):!0!==a&&t.removeClass(e),n.isFunction(i)&&i(c))}),n.isNumeric(o)&&t.css("transition-duration",o+"ms"),n.isPlainObject(e)?(void 0!==e.scaleX&&void 0!==e.scaleY&&(delete e.width,delete e.height,t.parent().hasClass("fancybox-slide--image")&&t.parent().addClass("fancybox-is-scaling")),n.fancybox.setTranslate(t,e)):t.addClass(e),t.data("timer",setTimeout(function(){t.trigger(f)},o+33))},stop:function(t,e){t&&t.length&&(clearTimeout(t.data("timer")),e&&t.trigger(f),t.off(f).css("transition-duration",""),t.parent().removeClass("fancybox-is-scaling"))}},n.fn.fancybox=function(t){var e;return t=t||{},e=t.selector||!1,e?n("body").off("click.fb-start",e).on("click.fb-start",e,{options:t},i):this.off("click.fb-start").on("click.fb-start",{items:this,options:t},i),this},r.on("click.fb-start","[data-fancybox]",i),r.on("click.fb-start","[data-fancybox-trigger]",function(t){n('[data-fancybox="'+n(this).attr("data-fancybox-trigger")+'"]').eq(n(this).attr("data-fancybox-index")||0).trigger("click.fb-start",{$trigger:n(this)})}),function(){var t=null;r.on("mousedown mouseup focus blur",".fancybox-button",function(e){switch(e.type){case"mousedown":t=n(this);break;case"mouseup":t=null;break;case"focusin":n(".fancybox-button").removeClass("fancybox-focus"),n(this).is(t)||n(this).is("[disabled]")||n(this).addClass("fancybox-focus");break;case"focusout":n(".fancybox-button").removeClass("fancybox-focus")}})}()}}(window,document,jQuery),function(t){"use strict";var e={youtube:{matcher:/(youtube\.com|youtu\.be|youtube\-nocookie\.com)\/(watch\?(.*&)?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*))(.*)/i,params:{autoplay:1,autohide:1,fs:1,rel:0,hd:1,wmode:"transparent",enablejsapi:1,html5:1},paramPlace:8,type:"iframe",url:"https://www.youtube-nocookie.com/embed/$4",thumb:"https://img.youtube.com/vi/$4/hqdefault.jpg"},vimeo:{matcher:/^.+vimeo.com\/(.*\/)?([\d]+)(.*)?/,params:{autoplay:1,hd:1,show_title:1,show_byline:1,show_portrait:0,fullscreen:1},paramPlace:3,type:"iframe",url:"//player.vimeo.com/video/$2"},instagram:{matcher:/(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i,type:"image",url:"//$1/p/$2/media/?size=l"},gmap_place:{matcher:/(maps\.)?google\.([a-z]{2,3}(\.[a-z]{2})?)\/(((maps\/(place\/(.*)\/)?\@(.*),(\d+.?\d+?)z))|(\?ll=))(.*)?/i,type:"iframe",url:function(t){return"//maps.google."+t[2]+"/?ll="+(t[9]?t[9]+"&z="+Math.floor(t[10])+(t[12]?t[12].replace(/^\//,"&"):""):t[12]+"").replace(/\?/,"&")+"&output="+(t[12]&&t[12].indexOf("layer=c")>0?"svembed":"embed")}},gmap_search:{matcher:/(maps\.)?google\.([a-z]{2,3}(\.[a-z]{2})?)\/(maps\/search\/)(.*)/i,type:"iframe",url:function(t){return"//maps.google."+t[2]+"/maps?q="+t[5].replace("query=","q=").replace("api=1","")+"&output=embed"}}},n=function(e,n,o){if(e)return o=o||"","object"===t.type(o)&&(o=t.param(o,!0)),t.each(n,function(t,n){e=e.replace("$"+t,n||"")}),o.length&&(e+=(e.indexOf("?")>0?"&":"?")+o),e};t(document).on("objectNeedsType.fb",function(o,i,a){var s,r,c,l,d,u,f,p=a.src||"",h=!1;s=t.extend(!0,{},e,a.opts.media),t.each(s,function(e,o){if(c=p.match(o.matcher)){if(h=o.type,f=e,u={},o.paramPlace&&c[o.paramPlace]){d=c[o.paramPlace],"?"==d[0]&&(d=d.substring(1)),d=d.split("&");for(var i=0;i1&&("youtube"===n.contentSource||"vimeo"===n.contentSource)&&o.load(n.contentSource)}})}(jQuery),function(t,e,n){"use strict";var o=function(){return t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||t.oRequestAnimationFrame||function(e){return t.setTimeout(e,1e3/60)}}(),i=function(){return t.cancelAnimationFrame||t.webkitCancelAnimationFrame||t.mozCancelAnimationFrame||t.oCancelAnimationFrame||function(e){t.clearTimeout(e)}}(),a=function(e){var n=[];e=e.originalEvent||e||t.e,e=e.touches&&e.touches.length?e.touches:e.changedTouches&&e.changedTouches.length?e.changedTouches:[e];for(var o in e)e[o].pageX?n.push({x:e[o].pageX,y:e[o].pageY}):e[o].clientX&&n.push({x:e[o].clientX,y:e[o].clientY});return n},s=function(t,e,n){return e&&t?"x"===n?t.x-e.x:"y"===n?t.y-e.y:Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2)):0},r=function(t){if(t.is('a,area,button,[role="button"],input,label,select,summary,textarea,video,audio,iframe')||n.isFunction(t.get(0).onclick)||t.data("selectable"))return!0;for(var e=0,o=t[0].attributes,i=o.length;ee.clientHeight,a=("scroll"===o||"auto"===o)&&e.scrollWidth>e.clientWidth;return i||a},l=function(t){for(var e=!1;;){if(e=c(t.get(0)))break;if(t=t.parent(),!t.length||t.hasClass("fancybox-stage")||t.is("body"))break}return e},d=function(t){var e=this;e.instance=t,e.$bg=t.$refs.bg,e.$stage=t.$refs.stage,e.$container=t.$refs.container,e.destroy(),e.$container.on("touchstart.fb.touch mousedown.fb.touch",n.proxy(e,"ontouchstart"))};d.prototype.destroy=function(){var t=this;t.$container.off(".fb.touch"),n(e).off(".fb.touch"),t.requestId&&(i(t.requestId),t.requestId=null),t.tapped&&(clearTimeout(t.tapped),t.tapped=null)},d.prototype.ontouchstart=function(o){var i=this,c=n(o.target),d=i.instance,u=d.current,f=u.$slide,p=u.$content,h="touchstart"==o.type;if(h&&i.$container.off("mousedown.fb.touch"),(!o.originalEvent||2!=o.originalEvent.button)&&f.length&&c.length&&!r(c)&&!r(c.parent())&&(c.is("img")||!(o.originalEvent.clientX>c[0].clientWidth+c.offset().left))){if(!u||d.isAnimating||u.$slide.hasClass("fancybox-animated"))return o.stopPropagation(),void o.preventDefault();i.realPoints=i.startPoints=a(o),i.startPoints.length&&(u.touch&&o.stopPropagation(),i.startEvent=o,i.canTap=!0,i.$target=c,i.$content=p,i.opts=u.opts.touch,i.isPanning=!1,i.isSwiping=!1,i.isZooming=!1,i.isScrolling=!1,i.canPan=d.canPan(),i.startTime=(new Date).getTime(),i.distanceX=i.distanceY=i.distance=0,i.canvasWidth=Math.round(f[0].clientWidth),i.canvasHeight=Math.round(f[0].clientHeight),i.contentLastPos=null,i.contentStartPos=n.fancybox.getTranslate(i.$content)||{top:0,left:0},i.sliderStartPos=n.fancybox.getTranslate(f),i.stagePos=n.fancybox.getTranslate(d.$refs.stage),i.sliderStartPos.top-=i.stagePos.top,i.sliderStartPos.left-=i.stagePos.left,i.contentStartPos.top-=i.stagePos.top,i.contentStartPos.left-=i.stagePos.left,n(e).off(".fb.touch").on(h?"touchend.fb.touch touchcancel.fb.touch":"mouseup.fb.touch mouseleave.fb.touch",n.proxy(i,"ontouchend")).on(h?"touchmove.fb.touch":"mousemove.fb.touch",n.proxy(i,"ontouchmove")),n.fancybox.isMobile&&e.addEventListener("scroll",i.onscroll,!0),((i.opts||i.canPan)&&(c.is(i.$stage)||i.$stage.find(c).length)||(c.is(".fancybox-image")&&o.preventDefault(),n.fancybox.isMobile&&c.parents(".fancybox-caption").length))&&(i.isScrollable=l(c)||l(c.parent()),n.fancybox.isMobile&&i.isScrollable||o.preventDefault(),(1===i.startPoints.length||u.hasError)&&(i.canPan?(n.fancybox.stop(i.$content),i.isPanning=!0):i.isSwiping=!0,i.$container.addClass("fancybox-is-grabbing")),2===i.startPoints.length&&"image"===u.type&&(u.isLoaded||u.$ghost)&&(i.canTap=!1,i.isSwiping=!1,i.isPanning=!1,i.isZooming=!0,n.fancybox.stop(i.$content),i.centerPointStartX=.5*(i.startPoints[0].x+i.startPoints[1].x)-n(t).scrollLeft(),i.centerPointStartY=.5*(i.startPoints[0].y+i.startPoints[1].y)-n(t).scrollTop(),i.percentageOfImageAtPinchPointX=(i.centerPointStartX-i.contentStartPos.left)/i.contentStartPos.width,i.percentageOfImageAtPinchPointY=(i.centerPointStartY-i.contentStartPos.top)/i.contentStartPos.height,i.startDistanceBetweenFingers=s(i.startPoints[0],i.startPoints[1]))))}},d.prototype.onscroll=function(t){var n=this;n.isScrolling=!0,e.removeEventListener("scroll",n.onscroll,!0)},d.prototype.ontouchmove=function(t){var e=this;return void 0!==t.originalEvent.buttons&&0===t.originalEvent.buttons?void e.ontouchend(t):e.isScrolling?void(e.canTap=!1):(e.newPoints=a(t),void((e.opts||e.canPan)&&e.newPoints.length&&e.newPoints.length&&(e.isSwiping&&!0===e.isSwiping||t.preventDefault(),e.distanceX=s(e.newPoints[0],e.startPoints[0],"x"),e.distanceY=s(e.newPoints[0],e.startPoints[0],"y"),e.distance=s(e.newPoints[0],e.startPoints[0]),e.distance>0&&(e.isSwiping?e.onSwipe(t):e.isPanning?e.onPan():e.isZooming&&e.onZoom()))))},d.prototype.onSwipe=function(e){var a,s=this,r=s.instance,c=s.isSwiping,l=s.sliderStartPos.left||0;if(!0!==c)"x"==c&&(s.distanceX>0&&(s.instance.group.length<2||0===s.instance.current.index&&!s.instance.current.opts.loop)?l+=Math.pow(s.distanceX,.8):s.distanceX<0&&(s.instance.group.length<2||s.instance.current.index===s.instance.group.length-1&&!s.instance.current.opts.loop)?l-=Math.pow(-s.distanceX,.8):l+=s.distanceX),s.sliderLastPos={top:"x"==c?0:s.sliderStartPos.top+s.distanceY,left:l},s.requestId&&(i(s.requestId),s.requestId=null),s.requestId=o(function(){s.sliderLastPos&&(n.each(s.instance.slides,function(t,e){var o=e.pos-s.instance.currPos;n.fancybox.setTranslate(e.$slide,{top:s.sliderLastPos.top,left:s.sliderLastPos.left+o*s.canvasWidth+o*e.opts.gutter})}),s.$container.addClass("fancybox-is-sliding"))});else if(Math.abs(s.distance)>10){if(s.canTap=!1,r.group.length<2&&s.opts.vertical?s.isSwiping="y":r.isDragging||!1===s.opts.vertical||"auto"===s.opts.vertical&&n(t).width()>800?s.isSwiping="x":(a=Math.abs(180*Math.atan2(s.distanceY,s.distanceX)/Math.PI),s.isSwiping=a>45&&a<135?"y":"x"),"y"===s.isSwiping&&n.fancybox.isMobile&&s.isScrollable)return void(s.isScrolling=!0);r.isDragging=s.isSwiping,s.startPoints=s.newPoints,n.each(r.slides,function(t,e){var o,i;n.fancybox.stop(e.$slide),o=n.fancybox.getTranslate(e.$slide),i=n.fancybox.getTranslate(r.$refs.stage),e.$slide.css({transform:"",opacity:"","transition-duration":""}).removeClass("fancybox-animated").removeClass(function(t,e){return(e.match(/(^|\s)fancybox-fx-\S+/g)||[]).join(" ")}),e.pos===r.current.pos&&(s.sliderStartPos.top=o.top-i.top,s.sliderStartPos.left=o.left-i.left),n.fancybox.setTranslate(e.$slide,{top:o.top-i.top,left:o.left-i.left})}),r.SlideShow&&r.SlideShow.isActive&&r.SlideShow.stop()}},d.prototype.onPan=function(){var t=this;if(s(t.newPoints[0],t.realPoints[0])<(n.fancybox.isMobile?10:5))return void(t.startPoints=t.newPoints);t.canTap=!1,t.contentLastPos=t.limitMovement(),t.requestId&&i(t.requestId),t.requestId=o(function(){n.fancybox.setTranslate(t.$content,t.contentLastPos)})},d.prototype.limitMovement=function(){var t,e,n,o,i,a,s=this,r=s.canvasWidth,c=s.canvasHeight,l=s.distanceX,d=s.distanceY,u=s.contentStartPos,f=u.left,p=u.top,h=u.width,g=u.height;return i=h>r?f+l:f,a=p+d,t=Math.max(0,.5*r-.5*h),e=Math.max(0,.5*c-.5*g),n=Math.min(r-h,.5*r-.5*h),o=Math.min(c-g,.5*c-.5*g),l>0&&i>t&&(i=t-1+Math.pow(-t+f+l,.8)||0),l<0&&i0&&a>e&&(a=e-1+Math.pow(-e+p+d,.8)||0),d<0&&aa?(t=t>0?0:t,t=ts?(e=e>0?0:e,e=e1&&(o.dMs>130&&s>10||s>50);o.sliderLastPos=null,"y"==t&&!e&&Math.abs(o.distanceY)>50?(n.fancybox.animate(o.instance.current.$slide,{top:o.sliderStartPos.top+o.distanceY+150*o.velocityY,opacity:0},200),i=o.instance.close(!0,250)):r&&o.distanceX>0?i=o.instance.previous(300):r&&o.distanceX<0&&(i=o.instance.next(300)),!1!==i||"x"!=t&&"y"!=t||o.instance.centerSlide(200),o.$container.removeClass("fancybox-is-sliding")},d.prototype.endPanning=function(){var t,e,o,i=this;i.contentLastPos&&(!1===i.opts.momentum||i.dMs>350?(t=i.contentLastPos.left,e=i.contentLastPos.top):(t=i.contentLastPos.left+500*i.velocityX,e=i.contentLastPos.top+500*i.velocityY),o=i.limitPosition(t,e,i.contentStartPos.width,i.contentStartPos.height),o.width=i.contentStartPos.width,o.height=i.contentStartPos.height,n.fancybox.animate(i.$content,o,366))},d.prototype.endZooming=function(){var t,e,o,i,a=this,s=a.instance.current,r=a.newWidth,c=a.newHeight;a.contentLastPos&&(t=a.contentLastPos.left,e=a.contentLastPos.top,i={top:e,left:t,width:r,height:c,scaleX:1,scaleY:1},n.fancybox.setTranslate(a.$content,i),rs.width||c>s.height?a.instance.scaleToActual(a.centerPointStartX,a.centerPointStartY,150):(o=a.limitPosition(t,e,r,c),n.fancybox.animate(a.$content,o,150)))},d.prototype.onTap=function(e){var o,i=this,s=n(e.target),r=i.instance,c=r.current,l=e&&a(e)||i.startPoints,d=l[0]?l[0].x-n(t).scrollLeft()-i.stagePos.left:0,u=l[0]?l[0].y-n(t).scrollTop()-i.stagePos.top:0,f=function(t){var o=c.opts[t];if(n.isFunction(o)&&(o=o.apply(r,[c,e])),o)switch(o){case"close":r.close(i.startEvent);break;case"toggleControls":r.toggleControls();break;case"next":r.next();break;case"nextOrClose":r.group.length>1?r.next():r.close(i.startEvent);break;case"zoom":"image"==c.type&&(c.isLoaded||c.$ghost)&&(r.canPan()?r.scaleToFit():r.isScaledDown()?r.scaleToActual(d,u):r.group.length<2&&r.close(i.startEvent))}};if((!e.originalEvent||2!=e.originalEvent.button)&&(s.is("img")||!(d>s[0].clientWidth+s.offset().left))){if(s.is(".fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-container"))o="Outside";else if(s.is(".fancybox-slide"))o="Slide";else{if(!r.current.$content||!r.current.$content.find(s).addBack().filter(s).length)return;o="Content"}if(i.tapped){if(clearTimeout(i.tapped),i.tapped=null,Math.abs(d-i.tapX)>50||Math.abs(u-i.tapY)>50)return this;f("dblclick"+o)}else i.tapX=d,i.tapY=u,c.opts["dblclick"+o]&&c.opts["dblclick"+o]!==c.opts["click"+o]?i.tapped=setTimeout(function(){i.tapped=null,r.isAnimating||f("click"+o)},500):f("click"+o);return this}},n(e).on("onActivate.fb",function(t,e){e&&!e.Guestures&&(e.Guestures=new d(e))}).on("beforeClose.fb",function(t,e){e&&e.Guestures&&e.Guestures.destroy()})}(window,document,jQuery),function(t,e){"use strict";e.extend(!0,e.fancybox.defaults,{btnTpl:{slideShow:''},slideShow:{autoStart:!1,speed:3e3,progress:!0}});var n=function(t){this.instance=t,this.init()};e.extend(n.prototype,{timer:null,isActive:!1,$button:null,init:function(){var t=this,n=t.instance,o=n.group[n.currIndex].opts.slideShow;t.$button=n.$refs.toolbar.find("[data-fancybox-play]").on("click",function(){t.toggle()}),n.group.length<2||!o?t.$button.hide():o.progress&&(t.$progress=e('
').appendTo(n.$refs.inner))},set:function(t){var n=this,o=n.instance,i=o.current;i&&(!0===t||i.opts.loop||o.currIndex'},fullScreen:{autoStart:!1}}),e(t).on(n.fullscreenchange,function(){var t=o.isFullscreen(),n=e.fancybox.getInstance();n&&(n.current&&"image"===n.current.type&&n.isAnimating&&(n.isAnimating=!1,n.update(!0,!0,0),n.isComplete||n.complete()),n.trigger("onFullscreenChange",t),n.$refs.container.toggleClass("fancybox-is-fullscreen",t),n.$refs.toolbar.find("[data-fancybox-fullscreen]").toggleClass("fancybox-button--fsenter",!t).toggleClass("fancybox-button--fsexit",t))})}e(t).on({"onInit.fb":function(t,e){var i;if(!n)return void e.$refs.toolbar.find("[data-fancybox-fullscreen]").remove();e&&e.group[e.currIndex].opts.fullScreen?(i=e.$refs.container,i.on("click.fb-fullscreen","[data-fancybox-fullscreen]",function(t){t.stopPropagation(),t.preventDefault(),o.toggle()}),e.opts.fullScreen&&!0===e.opts.fullScreen.autoStart&&o.request(),e.FullScreen=o):e&&e.$refs.toolbar.find("[data-fancybox-fullscreen]").hide()},"afterKeydown.fb":function(t,e,n,o,i){e&&e.FullScreen&&70===i&&(o.preventDefault(),e.FullScreen.toggle())},"beforeClose.fb":function(t,e){e&&e.FullScreen&&e.$refs.container.hasClass("fancybox-is-fullscreen")&&o.exit()}})}(document,jQuery),function(t,e){"use strict";var n="fancybox-thumbs";e.fancybox.defaults=e.extend(!0,{btnTpl:{thumbs:''},thumbs:{autoStart:!1,hideOnClose:!0,parentEl:".fancybox-container",axis:"y"}},e.fancybox.defaults);var o=function(t){this.init(t)};e.extend(o.prototype,{$button:null,$grid:null,$list:null,isVisible:!1,isActive:!1,init:function(t){var e=this,n=t.group,o=0;e.instance=t,e.opts=n[t.currIndex].opts.thumbs,t.Thumbs=e,e.$button=t.$refs.toolbar.find("[data-fancybox-thumbs]");for(var i=0,a=n.length;i1));i++);o>1&&e.opts?(e.$button.removeAttr("style").on("click",function(){e.toggle()}),e.isActive=!0):e.$button.hide()},create:function(){var t,o=this,i=o.instance,a=o.opts.parentEl,s=[];o.$grid||(o.$grid=e('
').appendTo(i.$refs.container.find(a).addBack().filter(a)),o.$grid.on("click","a",function(){i.jumpTo(e(this).attr("data-index"))})),o.$list||(o.$list=e('
').appendTo(o.$grid)),e.each(i.group,function(e,n){t=n.thumb,t||"image"!==n.type||(t=n.src),s.push('")}),o.$list[0].innerHTML=s.join(""),"x"===o.opts.axis&&o.$list.width(parseInt(o.$grid.css("padding-right"),10)+i.group.length*o.$list.children().eq(0).outerWidth(!0))},focus:function(t){var e,n,o=this,i=o.$list,a=o.$grid;o.instance.current&&(e=i.children().removeClass("fancybox-thumbs-active").filter('[data-index="'+o.instance.current.index+'"]').addClass("fancybox-thumbs-active"),n=e.position(),"y"===o.opts.axis&&(n.top<0||n.top>i.height()-e.outerHeight())?i.stop().animate({scrollTop:i.scrollTop()+n.top},t):"x"===o.opts.axis&&(n.lefta.scrollLeft()+(a.width()-e.outerWidth()))&&i.parent().stop().animate({scrollLeft:n.left},t))},update:function(){var t=this;t.instance.$refs.container.toggleClass("fancybox-show-thumbs",this.isVisible),t.isVisible?(t.$grid||t.create(),t.instance.trigger("onThumbsShow"),t.focus(0)):t.$grid&&t.instance.trigger("onThumbsHide"),t.instance.update()},hide:function(){this.isVisible=!1,this.update()},show:function(){this.isVisible=!0,this.update()},toggle:function(){this.isVisible=!this.isVisible,this.update()}}),e(t).on({"onInit.fb":function(t,e){var n;e&&!e.Thumbs&&(n=new o(e),n.isActive&&!0===n.opts.autoStart&&n.show())},"beforeShow.fb":function(t,e,n,o){var i=e&&e.Thumbs;i&&i.isVisible&&i.focus(o?0:250)},"afterKeydown.fb":function(t,e,n,o,i){var a=e&&e.Thumbs;a&&a.isActive&&71===i&&(o.preventDefault(),a.toggle())},"beforeClose.fb":function(t,e){var n=e&&e.Thumbs;n&&n.isVisible&&!1!==n.opts.hideOnClose&&n.$grid.hide()}})}(document,jQuery),function(t,e){"use strict";function n(t){var e={"&":"&","<":"<",">":">",'"':""","'":"'","/":"/","`":"`","=":"="};return String(t).replace(/[&<>"'`=\/]/g,function(t){return e[t]})}e.extend(!0,e.fancybox.defaults,{btnTpl:{share:''},share:{url:function(t,e){return!t.currentHash&&"inline"!==e.type&&"html"!==e.type&&(e.origSrc||e.src)||window.location}, -tpl:'

{{SHARE}}

FacebookTwitterPinterest

'}}),e(t).on("click","[data-fancybox-share]",function(){var t,o,i=e.fancybox.getInstance(),a=i.current||null;a&&("function"===e.type(a.opts.share.url)&&(t=a.opts.share.url.apply(a,[i,a])),o=a.opts.share.tpl.replace(/\{\{media\}\}/g,"image"===a.type?encodeURIComponent(a.src):"").replace(/\{\{url\}\}/g,encodeURIComponent(t)).replace(/\{\{url_raw\}\}/g,n(t)).replace(/\{\{descr\}\}/g,i.$caption?encodeURIComponent(i.$caption.text()):""),e.fancybox.open({src:i.translate(i,o),type:"html",opts:{touch:!1,animationEffect:!1,afterLoad:function(t,e){i.$refs.container.one("beforeClose.fb",function(){t.close(null,0)}),e.$content.find(".fancybox-share__button").click(function(){return window.open(this.href,"Share","width=550, height=450"),!1})},mobile:{autoFocus:!1}}}))})}(document,jQuery),function(t,e,n){"use strict";function o(){var e=t.location.hash.substr(1),n=e.split("-"),o=n.length>1&&/^\+?\d+$/.test(n[n.length-1])?parseInt(n.pop(-1),10)||1:1,i=n.join("-");return{hash:e,index:o<1?1:o,gallery:i}}function i(t){""!==t.gallery&&n("[data-fancybox='"+n.escapeSelector(t.gallery)+"']").eq(t.index-1).focus().trigger("click.fb-start")}function a(t){var e,n;return!!t&&(e=t.current?t.current.opts:t.opts,""!==(n=e.hash||(e.$orig?e.$orig.data("fancybox")||e.$orig.data("fancybox-trigger"):""))&&n)}n.escapeSelector||(n.escapeSelector=function(t){return(t+"").replace(/([\0-\x1f\x7f]|^-?\d)|^-$|[^\x80-\uFFFF\w-]/g,function(t,e){return e?"\0"===t?"�":t.slice(0,-1)+"\\"+t.charCodeAt(t.length-1).toString(16)+" ":"\\"+t})}),n(function(){!1!==n.fancybox.defaults.hash&&(n(e).on({"onInit.fb":function(t,e){var n,i;!1!==e.group[e.currIndex].opts.hash&&(n=o(),(i=a(e))&&n.gallery&&i==n.gallery&&(e.currIndex=n.index-1))},"beforeShow.fb":function(n,o,i,s){var r;i&&!1!==i.opts.hash&&(r=a(o))&&(o.currentHash=r+(o.group.length>1?"-"+(i.index+1):""),t.location.hash!=="#"+o.currentHash&&(s&&!o.origHash&&(o.origHash=t.location.hash),o.hashTimer&&clearTimeout(o.hashTimer),o.hashTimer=setTimeout(function(){"replaceState"in t.history?(t.history[s?"pushState":"replaceState"]({},e.title,t.location.pathname+t.location.search+"#"+o.currentHash),s&&(o.hasCreatedHistory=!0)):t.location.hash=o.currentHash,o.hashTimer=null},300)))},"beforeClose.fb":function(n,o,i){i&&!1!==i.opts.hash&&(clearTimeout(o.hashTimer),o.currentHash&&o.hasCreatedHistory?t.history.back():o.currentHash&&("replaceState"in t.history?t.history.replaceState({},e.title,t.location.pathname+t.location.search+(o.origHash||"")):t.location.hash=o.origHash),o.currentHash=null)}}),n(t).on("hashchange.fb",function(){var t=o(),e=null;n.each(n(".fancybox-container").get().reverse(),function(t,o){var i=n(o).data("FancyBox");if(i&&i.currentHash)return e=i,!1}),e?e.currentHash===t.gallery+"-"+t.index||1===t.index&&e.currentHash==t.gallery||(e.currentHash=null,e.close()):""!==t.gallery&&i(t)}),setTimeout(function(){n.fancybox.getInstance()||i(o())},50))})}(window,document,jQuery),function(t,e){"use strict";var n=(new Date).getTime();e(t).on({"onInit.fb":function(t,e,o){e.$refs.stage.on("mousewheel DOMMouseScroll wheel MozMousePixelScroll",function(t){var o=e.current,i=(new Date).getTime();e.group.length<2||!1===o.opts.wheel||"auto"===o.opts.wheel&&"image"!==o.type||(t.preventDefault(),t.stopPropagation(),o.$slide.hasClass("fancybox-animated")||(t=t.originalEvent||t,i-n<250||(n=i,e[(-t.deltaY||-t.deltaX||t.wheelDelta||-t.detail)<0?"next":"previous"]())))})}})}(document,jQuery); \ No newline at end of file diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..cd8205b Binary files /dev/null and b/favicon.ico differ diff --git a/img/404.jpg b/img/404.jpg new file mode 100644 index 0000000..4d22708 Binary files /dev/null and b/img/404.jpg differ diff --git a/img/512.png b/img/512.png new file mode 100644 index 0000000..c38a1c0 Binary files /dev/null and b/img/512.png differ diff --git a/img/algolia.svg b/img/algolia.svg new file mode 100644 index 0000000..4702423 --- /dev/null +++ b/img/algolia.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/img/comment_bg.png b/img/comment_bg.png new file mode 100644 index 0000000..3b0d5d5 Binary files /dev/null and b/img/comment_bg.png differ diff --git a/img/default_cover.jpg b/img/default_cover.jpg new file mode 100644 index 0000000..297f5ca Binary files /dev/null and b/img/default_cover.jpg differ diff --git a/img/favicon.ico b/img/favicon.ico new file mode 100644 index 0000000..cd8205b Binary files /dev/null and b/img/favicon.ico differ diff --git a/img/friend_404.gif b/img/friend_404.gif new file mode 100644 index 0000000..8b2de5e Binary files /dev/null and b/img/friend_404.gif differ diff --git a/img/loading.gif b/img/loading.gif new file mode 100644 index 0000000..e17ef6e Binary files /dev/null and b/img/loading.gif differ diff --git a/img/siteicon/16.png b/img/siteicon/16.png new file mode 100644 index 0000000..16afd7e Binary files /dev/null and b/img/siteicon/16.png differ diff --git a/img/siteicon/32.png b/img/siteicon/32.png new file mode 100644 index 0000000..180fd76 Binary files /dev/null and b/img/siteicon/32.png differ diff --git a/img/siteicon/apple-icon-180.png b/img/siteicon/apple-icon-180.png new file mode 100644 index 0000000..2007e6d Binary files /dev/null and b/img/siteicon/apple-icon-180.png differ diff --git a/img/siteicon/manifest-icon-192.maskable.png b/img/siteicon/manifest-icon-192.maskable.png new file mode 100644 index 0000000..a4d7056 Binary files /dev/null and b/img/siteicon/manifest-icon-192.maskable.png differ diff --git a/img/siteicon/manifest-icon-512.maskable.png b/img/siteicon/manifest-icon-512.maskable.png new file mode 100644 index 0000000..2a24339 Binary files /dev/null and b/img/siteicon/manifest-icon-512.maskable.png differ diff --git a/index.html b/index.html index cb89afd..d7e14a1 100644 --- a/index.html +++ b/index.html @@ -1,486 +1,425 @@ - - - - - - - hainoir's blog - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
- - -
-
- -
-
- - - - -
-
- - -
- -

Java字符串方法

1.equals

-

eg：

-
1
2
3
4
5
String name = "Bro";

boolean res = name.equals("Bro");

System.out.println(res);
- -

equal可以比较两个字符串是否相同，得到的结果是布尔值，即true or false。

-

2.length

-

得到字符串长度

-

3.charAt

-

eg:

-
1
2
3
String name = "hainoir";

char res = name.charAt(0);
- -

可得到对应参数的字符，结果是h

-

4.indexOf

-

eg:

-
1
2
3
String name = "hainoir";

int res = name.indexOf(h);
- -

可以得到参数字符的位置，结果是0；

-

5.isEmpty

-

eg:

-
1
2
3
String name = "";

boolean res = name.isEmpty();
- -

可以判断字符串是否为空，结果类型是布尔值，得到true；

-

6.toUpperCase

-

eg：

-
1
2
3
String name = "hainoir";

String res = name.toUpperCase();
- -

可以将字符串全部变为大写，即HAINOIR

-

小写用toLowerCase();

-

7.trim

-

将删除字符串中的所有空格

-

8.replace

-

eg：

-
1
2
3
String name = "hainoir";

String res = name.replace('o','a');
- -

replace 中的两个参数，将第一个全部替换为第二个，故结果为hainair；

- - -
- -
- -
- - - - -
-
- - - - -
-
- - -
- - 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<template>
  <div>
    <h1>count:{{ obj2.name }}</h1>
    <button @click="handClick">点击</button>
  </div>
</template>

<script setup>
import { reactive, ref } from "vue";

const obj1 = reactive({
  name:"hainoir",
})//reactive 对多个变量使用

const obj2 = ref({
  name:"noirkl",
})//ref 对单个变量使用；使用ref对多变量操作时，需要取value；

const handClick =  () => {
  obj2.value.name = "noir";
}

</script>
- -
1
2
3
4
5
6
7
8
9
10
11
12
<template>
  <div>
    <h1>count:{{ count }}</h1>
    <button @click="count++">点击</button>  // 此处不取value，因为在template中，ref自动取value
  </div>
</template>

<script setup>
import { ref } from "vue";
    
const count = ref(0)
</script>
- - - -
- -
- -
- - - - -
-
- - - - -
-
- - -
- -

1.创建vite项目

1
npm create vite
- - - -

2.安装项目所有的依赖

npm install（简写：npm i）

-

1.vue基础入门

1.数据的双向绑定：ref（单个变量），reactive（对象）
2.冒号（：） 表示传进去的参数
艾特（@） 表示zu’jian
- -
- -
- -
- - - - -
-
- - - - -
-
- - -
- -

1.prefix 前缀和数组

p[i] = p[i-1] + a[i];

-

优点：便于数组查找

-

2.diff 差分数组

d[i] = a[i] - a[i-1];

-

优点：便于数组修改

-

3.二位前缀和

p[i][j] = p[i-1][j] + p[i][j-1] - p[i-1][j-1] + a[i][j];

-

4.二维差分

1.差分求法

d[i][j] = a[i][j] - a[i-1][j] - a[i][j-1] + a[i-1][j-1]

-

以上这个求法，是将原式作为所求差分的前缀和。

-

2.标准求法

d[i][j] += a[i][j];

-

d[i + 1][j] -= a[i][j];

-

d[i][j + 1] -= a[i][j];

-

d[i + 1][j + 1] += a[i][j];

-

两种求法一样，可以互相推导

-

eg：d[i + 1][j] -= a[i][j]; = d[i][j] -= a[i-1][j]

- - -
- -
- -
- - - - -
-
- - - - -
-
- - -
- -

C++中各类函数的用法

1.bitset

1
bitset<n>(x) //将x转换为n进制数
- - - -

2.vector

1
2
3
4
5
6
7
vector<int> a;             //可以自动维护数组长度，适合用在增删查改数组上

vector中的方法：
    a.push_back(n)         //将放入a的最后一位
    a.begin()			   //代指a的第一个数据的位置
    a.end()				   //代指a的最后一个数据的位置
    a.erase(x,y)		   //将a中的x——y范围的数据全部删除，此时vector会自动维护长度
- - - -

3.reverse

1
reverse(x,y); 					//翻转数组中范围为x——y的元素
- - - -

4.memset

1
memset(c, 0 ,sizeof(int) * (n + 1) ); //将c中在n+1之前的所有元素更改为0
- - - -
- -
- -
- - - - -
-
- - - - -
-
- - -
- -

2.位运算双指针排序二分

1.位运算

​ 与：&

-

​ 或：|

-

​ 非：！

-

​ 异或：^ （任何数，与0进行异或都等于0）eg:【a + b = 2（a & b）+ (a ^ b)】

-

​ 移位：<< (左移)，>>(右移)

-

​ 取反：~

-
1
2
bitset<n>(x)   //将x转换为n进制
x <<= 1 	   //将x左移一位
- - - -

2.排序

数组去重排序模板：

-
1
2
3
4
5
6
7
8
9
10
vector<int> a;
for(int i = 1;i <= n;i++)
	{
		int num;cin >> num;
		a.push_back(num); 							//push_back,是vector数组的方法，且vector会自动更新长度
	}
sort(a.begin(),a.end()); 							//从小到大排序
a.erase(unique(a.begin(),a.end()),a.end()); 		//unique作用：(将a里的重复元素放到末尾并返回最后有效元素的下一位)
													//erase作用： (将传入两个参数所含的部分清除掉)
for(auto &i : a) cout << i << '\n';    				//以i为索引遍历每一个数组a的元素，并将其输出
- -
1
reverse(a + 1,a + 1 + n); 							//翻转a数组中的元素
- -

遇见一个元素中有多个数据，且需要排列不同元素时，就需要使用cmp或struct；

-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
struct book{                                        //结构体
	int a,b,c;
	bool operator < (const book &u)const{			//重载运算符
		if(u.a == a && u.b == b) return u.c < c;
		if(u.a == a) return u.b < b;
		else return u.a < a;
	}
}p[N];

bool cmp(const book &u,const book &v){				//cmp函数，用在sort(a.begin(),a.end(),cmp)
	if(u.a == v.a && u.b == v.b) return u.c > v.c;
	if(u.a == v.a) return u.b > v.b;
	else return u.a > v.a;
}
- - - - - -

3.双指针

​ 1.只往一个方向走

-

​ 2.一快一慢

-

​ 3.在区间内

-

4.二分

​

- - -
- -
- -
- - - - -
-
- - - +hainoir's blog
加载头像
最新未读
无题
发表于
Java字符串方法1.equals +eg： +12345String name = "Bro";boolean res = name.equals("Bro");System.out.println(res); + +equal可以比较两个字符串是否相同，得到的结果是布尔值，即true or false。 +2.length + 得到字符串长度 +3.charAt +eg: +123String name = "hainoir";char res = name.charAt(0); + +可得到对应参数的字符，结果是h +4.indexOf +eg: +123String name = "hainoir";int res = name.indexOf(h); + +可以得到参数字符的位置，结果是0； +5.isEmpty +eg: +123String name = "";boolean res = name.isEmpty(); + +可以判断字符串是否为空，结果类型是布尔值，得到true； +6.toUpperCase ...
未读
无题
发表于
1234567891011121314151617181920212223<template> <div> <h1>count:{{ obj2.name }}</h1> <button @click="handClick">点击</button> </div></template><script setup>import { reactive, ref } from "vue";const obj1 = reactive({ name:"hainoir",})//reactive 对多个变量使用const obj2 = ref({ name:"noirkl",})//ref 对单个变量使用；使用ref对多变量操作时，需要取value；const handClick = () =&g ...
未读
无题
发表于
1.创建vite项目1npm create vite + + + +2.安装项目所有的依赖npm install（简写：npm i） +1.vue基础入门1.数据的双向绑定：ref（单个变量），reactive（对象）2.冒号（：） 表示传进去的参数艾特（@） 表示zu’jian
未读
无题
发表于
1.prefix 前缀和数组 p[i] = p[i-1] + a[i]; +优点：便于数组查找 +2.diff 差分数组d[i] = a[i] - a[i-1]; +优点：便于数组修改 +3.二位前缀和p[i][j] = p[i-1][j] + p[i][j-1] - p[i-1][j-1] + a[i][j]; +4.二维差分1.差分求法d[i][j] = a[i][j] - a[i-1][j] - a[i][j-1] + a[i-1][j-1] +以上这个求法，是将原式作为所求差分的前缀和。 +2.标准求法d[i][j] += a[i][j]; +d[i + 1][j] -= a[i][j]; +d[i][j + 1] -= a[i][j]; + d[i + 1][j + 1] += a[i][j]; +两种求法一样，可以互相推导 +eg：d[i + 1][j] -= a[i][j]; = d[i][j] -= a[i-1][j] +
未读
无题
发表于
2.位运算双指针排序二分1.位运算​ 与：& +​ 或：| +​ 非：！ +​ 异或：^ （任何数，与0进行异或都等于0）eg:【a + b = 2（a & b）+ (a ^ b)】 +​ 移位：<< (左移)，>>(右移) +​ 取反：~ +12bitset<n>(x) //将x转换为n进制x <<= 1 //将x左移一位 + + + +2.排序数组去重排序模板： +12345678910vector<int> a;for(int i = 1;i <= n;i++) { int num;cin >> num; a.push_back(num); //push_back,是vector数组的方法，且vector会自动更新长度 }sort(a.begin(),a.end()); //从小到大排序a.erase(unique(a.begin(),a.end()),a.end()); //unique作用： ...
未读
无题
发表于
C++中各类函数的用法1.bitset1bitset<n>(x) //将x转换为n进制数 + + + +2.vector1234567vector<int> a; //可以自动维护数组长度，适合用在增删查改数组上vector中的方法： a.push_back(n) //将放入a的最后一位 a.begin() //代指a的第一个数据的位置 a.end() //代指a的最后一个数据的位置 a.erase(x,y) //将a中的x——y范围的数据全部删除，此时vector会自动维护长度 + + + +3.reverse1reverse(x,y); //翻转数组中范围为x——y的元素 + + + +4.memset1memset(c, 0 ,sizeof(int) * (n + 1) ); //将c中在n+1之前的所有元素更改为0 + +
未读
Hello World
发表于
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. +Quick StartCreate a new post1$ hexo new "My New Post" + +More info: Writing +Run server1$ hexo server + +More info: Server +Generate static files1$ hexo generate + +More info: Generating +Deploy to remote sites1$ hexo deploy + +More info: Deployment +
avatar
归档
网站资讯
文章总数 :
7
建站天数 :
引用到评论
随便逛逛博客分类文章标签
复制地址关闭热评深色模式轉為繁體
- - - - - - - - - - - - - - - -
- - \ No newline at end of file + `, + "已上线", + dnum, + "天", + "©2020 By 安知鱼 V1.6.14", + ]; + const ascll2 = [`NCC2-036`, `调用前置摄像头拍照成功，识别为【小笨蛋】.`, `Photo captured: `, `🤪`]; + + setTimeout( + Log.bind( + console, + `\n%c${ascll[0]} %c ${ascll[1]} %c ${ascll[2]} %c${ascll[3]}%c ${ascll[4]}%c ${ascll[5]}\n\n%c ${ascll[6]}\n`, + "color:#425AEF", + "", + "color:#425AEF", + "color:#425AEF", + "", + "color:#425AEF", + "" + ) + ); + setTimeout( + Log.bind( + console, + `%c ${ascll2[0]} %c ${ascll2[1]} %c \n${ascll2[2]} %c\n${ascll2[3]}\n`, + "color:white; background-color:#4fd953", + "", + "", + 'background:url("https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/tinggge.gif") no-repeat;font-size:450%' + ) + ); + + setTimeout(Log.bind(console, "%c WELCOME %c 你好，小笨蛋.", "color:white; background-color:#4f90d9", "")); + + setTimeout( + console.warn.bind( + console, + "%c ⚡ Powered by 安知鱼 %c 你正在访问 hainoir 的博客.", + "color:white; background-color:#f0ad4e", + "" + ) + ); + + setTimeout(Log.bind(console, "%c W23-12 %c 你已打开控制台.", "color:white; background-color:#4f90d9", "")); + + setTimeout( + console.warn.bind(console, "%c S013-782 %c 你现在正处于监控中.", "color:white; background-color:#d9534f", "") + ); +});
\ No newline at end of file diff --git a/js/anzhiyu/ai_abstract.js b/js/anzhiyu/ai_abstract.js new file mode 100644 index 0000000..e018047 --- /dev/null +++ b/js/anzhiyu/ai_abstract.js @@ -0,0 +1,438 @@ +(function () { + const { + randomNum, + basicWordCount, + btnLink, + key: AIKey, + Referer: AIReferer, + gptName, + switchBtn, + mode: initialMode, + } = GLOBAL_CONFIG.postHeadAiDescription; + + const { title, postAI, pageFillDescription } = GLOBAL_CONFIG_SITE; + + let lastAiRandomIndex = -1; + let animationRunning = true; + let mode = initialMode; + let refreshNum = 0; + let prevParam; + let audio = null; + let isPaused = false; + let summaryID = null; + + const post_ai = document.querySelector(".post-ai-description"); + const aiTitleRefreshIcon = post_ai.querySelector(".ai-title .anzhiyufont.anzhiyu-icon-arrow-rotate-right"); + let aiReadAloudIcon = post_ai.querySelector(".anzhiyu-icon-circle-dot"); + const explanation = post_ai.querySelector(".ai-explanation"); + + let aiStr = ""; + let aiStrLength = ""; + let delayInit = 600; + let indexI = 0; + let indexJ = 0; + let timeouts = []; + let elapsed = 0; + + const observer = createIntersectionObserver(); + const aiFunctions = [introduce, aiTitleRefreshIconClick, aiRecommend, aiGoHome]; + + const aiBtnList = post_ai.querySelectorAll(".ai-btn-item"); + const filteredHeadings = Array.from(aiBtnList).filter(heading => heading.id !== "go-tianli-blog"); + filteredHeadings.forEach((item, index) => { + item.addEventListener("click", () => { + aiFunctions[index](); + }); + }); + + document.getElementById("ai-tag").addEventListener("click", onAiTagClick); + aiTitleRefreshIcon.addEventListener("click", onAiTitleRefreshIconClick); + document.getElementById("go-tianli-blog").addEventListener("click", () => { + window.open(btnLink, "_blank"); + }); + aiReadAloudIcon.addEventListener("click", readAloud); + + async function readAloud() { + if (!summaryID) { + anzhiyu.snackbarShow("摘要还没加载完呢，请稍后。。。"); + return; + } + aiReadAloudIcon = post_ai.querySelector(".anzhiyu-icon-circle-dot"); + aiReadAloudIcon.style.opacity = "0.2"; + if (audio && !isPaused) { + audio.pause(); + isPaused = true; + aiReadAloudIcon.style.opacity = "1"; + aiReadAloudIcon.style.animation = ""; + aiReadAloudIcon.style.cssText = "animation: ''; opacity: 1;cursor: pointer;"; + return; + } + + if (audio && isPaused) { + audio.play(); + isPaused = false; + aiReadAloudIcon.style.cssText = "animation: breathe .5s linear infinite; opacity: 0.2;cursor: pointer"; + return; + } + + const options = { + key: AIKey, + Referer: AIReferer, + }; + const requestParams = new URLSearchParams({ + key: options.key, + id: summaryID, + }); + + const requestOptions = { + method: "GET", + headers: { + "Content-Type": "application/json", + Referer: options.Referer, + }, + }; + + try { + const response = await fetch(`https://summary.tianli0.top/audio?${requestParams}`, requestOptions); + if (response.status === 403) { + console.error("403 refer与key不匹配。"); + } else if (response.status === 500) { + console.error("500 系统内部错误"); + } else { + const audioBlob = await response.blob(); + const audioURL = URL.createObjectURL(audioBlob); + audio = new Audio(audioURL); + audio.play(); + aiReadAloudIcon.style.cssText = "animation: breathe .5s linear infinite; opacity: 0.2;cursor: pointer"; + audio.addEventListener("ended", () => { + audio = null; + aiReadAloudIcon.style.opacity = "1"; + aiReadAloudIcon.style.animation = ""; + }); + } + } catch (error) { + console.error("请求发生错误❎"); + } + } + if (switchBtn) { + document.getElementById("ai-Toggle").addEventListener("click", changeShowMode); + } + + aiAbstract(); + showAiBtn(); + + function createIntersectionObserver() { + return new IntersectionObserver( + entries => { + let isVisible = entries[0].isIntersecting; + animationRunning = isVisible; + if (animationRunning) { + delayInit = indexI === 0 ? 200 : 20; + timeouts[1] = setTimeout(() => { + if (indexJ) { + indexI = 0; + indexJ = 0; + } + if (indexI === 0) { + explanation.innerHTML = aiStr.charAt(0); + } + requestAnimationFrame(animate); + }, delayInit); + } + }, + { threshold: 0 } + ); + } + + function animate(timestamp) { + if (!animationRunning) { + return; + } + if (!animate.start) animate.start = timestamp; + elapsed = timestamp - animate.start; + if (elapsed >= 20) { + animate.start = timestamp; + if (indexI < aiStrLength - 1) { + let char = aiStr.charAt(indexI + 1); + let delay = /[,.，。!?！？]/.test(char) ? 150 : 20; + if (explanation.firstElementChild) { + explanation.removeChild(explanation.firstElementChild); + } + explanation.innerHTML += char; + let div = document.createElement("div"); + div.className = "ai-cursor"; + explanation.appendChild(div); + indexI++; + if (delay === 150) { + post_ai.querySelector(".ai-explanation .ai-cursor").style.opacity = "0.2"; + } + if (indexI === aiStrLength - 1) { + observer.disconnect(); + explanation.removeChild(explanation.firstElementChild); + } + timeouts[0] = setTimeout(() => { + requestAnimationFrame(animate); + }, delay); + } + } else { + requestAnimationFrame(animate); + } + } + + function clearTimeouts() { + if (timeouts.length) { + timeouts.forEach(item => { + if (item) { + clearTimeout(item); + } + }); + } + } + + function startAI(str, df = true) { + indexI = 0; + indexJ = 1; + clearTimeouts(); + animationRunning = false; + elapsed = 0; + observer.disconnect(); + explanation.innerHTML = df ? "生成中. . ." : "请等待. . ."; + aiStr = str; + aiStrLength = aiStr.length; + observer.observe(post_ai); + } + + async function aiAbstract(num = basicWordCount) { + if (mode === "tianli") { + await aiAbstractTianli(num); + } else { + aiAbstractLocal(); + } + } + + async function aiAbstractTianli(num) { + indexI = 0; + indexJ = 1; + clearTimeouts(); + animationRunning = false; + elapsed = 0; + observer.disconnect(); + + num = Math.max(10, Math.min(2000, num)); + const options = { + key: AIKey, + Referer: AIReferer, + }; + const truncateDescription = (title + pageFillDescription).trim().substring(0, num); + + const requestBody = { + key: options.key, + content: truncateDescription, + url: location.href, + }; + + const requestOptions = { + method: "POST", + headers: { + "Content-Type": "application/json", + Referer: options.Referer, + }, + body: JSON.stringify(requestBody), + }; + console.info(truncateDescription.length); + try { + let animationInterval = null; + let summary; + if (animationInterval) clearInterval(animationInterval); + animationInterval = setInterval(() => { + const animationText = "生成中" + ".".repeat(indexJ); + explanation.innerHTML = animationText; + indexJ = (indexJ % 3) + 1; + }, 500); + const response = await fetch(`https://summary.tianli0.top/`, requestOptions); + let result; + if (response.status === 403) { + result = { + summary: "403 refer与key不匹配。", + }; + } else if (response.status === 500) { + result = { + summary: "500 系统内部错误", + }; + } else { + result = await response.json(); + } + + summary = result.summary.trim(); + summaryID = result.id; + + setTimeout(() => { + aiTitleRefreshIcon.style.opacity = "1"; + }, 300); + if (summary) { + startAI(summary); + } else { + startAI("摘要获取失败!!!请检查Tianli服务是否正常!!!"); + } + clearInterval(animationInterval); + } catch (error) { + console.error(error); + explanation.innerHTML = "发生异常" + error; + } + } + + function aiAbstractLocal() { + const strArr = postAI.split(",").map(item => item.trim()); + if (strArr.length !== 1) { + let randomIndex = Math.floor(Math.random() * strArr.length); + while (randomIndex === lastAiRandomIndex) { + randomIndex = Math.floor(Math.random() * strArr.length); + } + lastAiRandomIndex = randomIndex; + startAI(strArr[randomIndex]); + } else { + startAI(strArr[0]); + } + setTimeout(() => { + aiTitleRefreshIcon.style.opacity = "1"; + }, 600); + } + + function aiRecommend() { + indexI = 0; + indexJ = 1; + clearTimeouts(); + animationRunning = false; + elapsed = 0; + explanation.innerHTML = "生成中. . ."; + aiStr = ""; + aiStrLength = ""; + observer.disconnect(); + timeouts[2] = setTimeout(() => { + explanation.innerHTML = recommendList(); + }, 600); + } + + function recommendList() { + let thumbnail = document.querySelectorAll(".relatedPosts-list a"); + if (!thumbnail.length) { + const cardRecentPost = document.querySelector(".card-widget.card-recent-post"); + if (!cardRecentPost) return ""; + + thumbnail = cardRecentPost.querySelectorAll(".aside-list-item a"); + + let list = ""; + for (let i = 0; i < thumbnail.length; i++) { + const item = thumbnail[i]; + list += `
${ + i + 1 + }：${item.title}
`; + } + + return `很抱歉，无法找到类似的文章，你也可以看看本站最新发布的文章：
${list}
`; + } + + let list = ""; + for (let i = 0; i < thumbnail.length; i++) { + const item = thumbnail[i]; + list += `
推荐${ + i + 1 + }：${item.title}
`; + } + + return `推荐文章：
${list}
`; + } + + function aiGoHome() { + startAI("正在前往博客主页...", false); + timeouts[2] = setTimeout(() => { + if (window.pjax) { + pjax.loadUrl("/"); + } else { + location.href = location.origin; + } + }, 1000); + } + + function introduce() { + if (mode == "tianli") { + startAI("我是文章辅助AI: TianliGPT，点击下方的按钮，让我生成本文简介、推荐相关文章等。"); + } else { + startAI(`我是文章辅助AI: ${gptName} GPT，点击下方的按钮，让我生成本文简介、推荐相关文章等。`); + } + } + + function aiTitleRefreshIconClick() { + aiTitleRefreshIcon.click(); + } + + function onAiTagClick() { + if (mode === "tianli") { + post_ai.querySelectorAll(".ai-btn-item").forEach(item => (item.style.display = "none")); + document.getElementById("go-tianli-blog").style.display = "block"; + startAI( + "你好，我是Tianli开发的摘要生成助理TianliGPT，是一个基于GPT-4的生成式AI。我在这里只负责摘要的预生成和显示，你无法与我直接沟通，如果你也需要一个这样的AI摘要接口，可以在下方购买。" + ); + } else { + post_ai.querySelectorAll(".ai-btn-item").forEach(item => (item.style.display = "block")); + document.getElementById("go-tianli-blog").style.display = "none"; + startAI( + `你好，我是本站摘要生成助理${gptName} GPT，是一个基于GPT-4的生成式AI。我在这里只负责摘要的预生成和显示，你无法与我直接沟通。` + ); + } + } + + function onAiTitleRefreshIconClick() { + const truncateDescription = (title + pageFillDescription).trim().substring(0, basicWordCount); + + aiTitleRefreshIcon.style.opacity = "0.2"; + aiTitleRefreshIcon.style.transitionDuration = "0.3s"; + aiTitleRefreshIcon.style.transform = "rotate(" + 360 * refreshNum + "deg)"; + if (truncateDescription.length <= basicWordCount) { + let param = truncateDescription.length - Math.floor(Math.random() * randomNum); + while (param === prevParam || truncateDescription.length - param === prevParam) { + param = truncateDescription.length - Math.floor(Math.random() * randomNum); + } + prevParam = param; + aiAbstract(param); + } else { + let value = Math.floor(Math.random() * randomNum) + basicWordCount; + while (value === prevParam || truncateDescription.length - value === prevParam) { + value = Math.floor(Math.random() * randomNum) + basicWordCount; + } + aiAbstract(value); + } + refreshNum++; + } + + function changeShowMode() { + mode = mode === "tianli" ? "local" : "tianli"; + if (mode === "tianli") { + document.getElementById("ai-tag").innerHTML = "TianliGPT"; + + aiReadAloudIcon.style.opacity = "1"; + aiReadAloudIcon.style.cursor = "pointer"; + } else { + aiReadAloudIcon.style.opacity = "0"; + aiReadAloudIcon.style.cursor = "auto"; + if ((document.getElementById("go-tianli-blog").style.display = "block")) { + document.querySelectorAll(".ai-btn-item").forEach(item => (item.style.display = "block")); + document.getElementById("go-tianli-blog").style.display = "none"; + } + document.getElementById("ai-tag").innerHTML = gptName + " GPT"; + } + aiAbstract(); + } + + function showAiBtn() { + if (mode === "tianli") { + document.getElementById("ai-tag").innerHTML = "TianliGPT"; + } else { + document.getElementById("ai-tag").innerHTML = gptName + " GPT"; + } + } +})(); diff --git a/js/anzhiyu/comment_barrage.js b/js/anzhiyu/comment_barrage.js new file mode 100644 index 0000000..b7e456f --- /dev/null +++ b/js/anzhiyu/comment_barrage.js @@ -0,0 +1,179 @@ +if (document.querySelector(".comment-barrage")) { + var commentBarrageConfig = { + maxBarrage: GLOBAL_CONFIG.commentBarrageConfig.maxBarrage, + barrageTime: GLOBAL_CONFIG.commentBarrageConfig.barrageTime, + twikooUrl: GLOBAL_CONFIG.twikooEnvId, + accessToken: GLOBAL_CONFIG.commentBarrageConfig.accessToken, + mailMd5: GLOBAL_CONFIG.commentBarrageConfig.mailMd5, + pageUrl: window.location.pathname, + barrageTimer: [], + barrageList: [], + barrageIndex: 0, + dom: document.querySelector(".comment-barrage"), + }; + var commentInterval = null; + var hoverOnCommentBarrage = false; + + document.querySelector(".comment-barrage").addEventListener("mouseenter", function () { + hoverOnCommentBarrage = true; + }); + document.querySelector(".comment-barrage").addEventListener("mouseleave", function () { + hoverOnCommentBarrage = false; + }); + + function initCommentBarrage() { + if (!commentBarrageConfig.dom) return; + + var data = JSON.stringify({ + event: "COMMENT_GET", + "commentBarrageConfig.accessToken": commentBarrageConfig.accessToken, + url: commentBarrageConfig.pageUrl, + }); + var xhr = new XMLHttpRequest(); + xhr.withCredentials = true; + xhr.addEventListener("readystatechange", function () { + if (this.readyState === 4 && this.responseText) { + commentBarrageConfig.barrageList = commentLinkFilter(JSON.parse(this.responseText).data); + commentBarrageConfig.dom.innerHTML = ""; + } + }); + xhr.open("POST", commentBarrageConfig.twikooUrl); + xhr.setRequestHeader("Content-Type", "application/json"); + xhr.send(data); + + clearInterval(commentInterval); + commentInterval = null; + + commentInterval = setInterval(() => { + if (commentBarrageConfig.barrageList.length && !hoverOnCommentBarrage) { + popCommentBarrage(commentBarrageConfig.barrageList[commentBarrageConfig.barrageIndex]); + commentBarrageConfig.barrageIndex += 1; + commentBarrageConfig.barrageIndex %= commentBarrageConfig.barrageList.length; + } + if ( + commentBarrageConfig.barrageTimer.length > + (commentBarrageConfig.barrageList.length > commentBarrageConfig.maxBarrage + ? commentBarrageConfig.maxBarrage + : commentBarrageConfig.barrageList.length) && + !hoverOnCommentBarrage + ) { + removeCommentBarrage(commentBarrageConfig.barrageTimer.shift()); + } + }, commentBarrageConfig.barrageTime); + } + + function commentLinkFilter(data) { + data.sort((a, b) => { + return a.created - b.created; + }); + let newData = []; + data.forEach(item => { + newData.push(...getCommentReplies(item)); + }); + return newData; + } + + function getCommentReplies(item) { + if (item.replies) { + let replies = [item]; + item.replies.forEach(item => { + replies.push(...getCommentReplies(item)); + }); + return replies; + } else { + return []; + } + } + + function popCommentBarrage(data) { + let barrage = document.createElement("div"); + barrage.className = "comment-barrage-item"; + barrage.innerHTML = ` +
+ + ${data.mailMd5 === commentBarrageConfig.mailMd5 ? "博主" : "热评"} + +
${data.nick}
+ + +
+ + ${data.comment} + + `; + + // 获取anzhiyu标签内的所有pre元素 + let anzhiyuPres = barrage.querySelectorAll("anzhiyu pre"); + + // 遍历每个pre元素，将其替换为"【代码】" + anzhiyuPres.forEach(pre => { + let codePlaceholder = document.createElement("span"); + codePlaceholder.innerText = "【代码】"; + pre.parentNode.replaceChild(codePlaceholder, pre); + }); + + // 获取anzhiyu标签内的所有图片元素 + let anzhiyuImages = barrage.querySelectorAll("anzhiyu img"); + + // 遍历每个图片元素，将其替换为"【图片】"，但排除带有class=tk-owo-emotion的图片 + anzhiyuImages.forEach(image => { + if (!image.classList.contains("tk-owo-emotion")) { + image.style.display = "none"; // 隐藏图片 + let placeholder = document.createElement("span"); + placeholder.innerText = "【图片】"; + image.parentNode.replaceChild(placeholder, image); + } + }); + commentBarrageConfig.barrageTimer.push(barrage); + commentBarrageConfig.dom.append(barrage); + } + + function removeCommentBarrage(barrage) { + barrage.className = "comment-barrage-item out"; + + setTimeout(() => { + if (commentBarrageConfig.dom && commentBarrageConfig.dom.contains(barrage)) { + commentBarrageConfig.dom.removeChild(barrage); + } + }, 1000); + } + + // 自动隐藏 + const commentEntryCallback = entries => { + const commentBarrage = document.querySelector(".comment-barrage"); + const postComment = document.getElementById("post-comment"); + + entries.forEach(entry => { + if (postComment && commentBarrage && document.body.clientWidth > 768) { + commentBarrage.style.bottom = entry.isIntersecting ? `-${commentBarrageConfig.maxBarrage * 200}px` : "0"; + } + }); + }; + // 创建IntersectionObserver实例 + const observer = new IntersectionObserver(commentEntryCallback, { + root: null, + rootMargin: "0px", + threshold: 0, + }); + // 监视目标元素 + const postCommentTarget = document.getElementById("post-comment"); + if (postCommentTarget) { + observer.observe(postCommentTarget); + } + + initCommentBarrage(); + + if (localStorage.getItem("commentBarrageSwitch") !== "false") { + document.querySelector(".comment-barrage").style.display = "flex"; + document.querySelector(".menu-commentBarrage-text").textContent = "关闭热评"; + } else { + document.querySelector(".comment-barrage").style.display = "none"; + document.querySelector(".menu-commentBarrage-text").textContent = "显示热评"; + } + + document.addEventListener("pjax:send", function () { + clearInterval(commentInterval); + }); +} diff --git a/js/anzhiyu/people.js b/js/anzhiyu/people.js new file mode 100644 index 0000000..bf90d9b --- /dev/null +++ b/js/anzhiyu/people.js @@ -0,0 +1,271 @@ +"use strict"; +function _toConsumableArray(e) { + return _arrayWithoutHoles(e) || _iterableToArray(e) || _unsupportedIterableToArray(e) || _nonIterableSpread(); +} + +function _nonIterableSpread() { + throw new TypeError( + "Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method." + ); +} + +function _unsupportedIterableToArray(e, r) { + if (e) { + if ("string" == typeof e) return _arrayLikeToArray(e, r); + var t = Object.prototype.toString.call(e).slice(8, -1); + return ( + "Object" === t && e.constructor && (t = e.constructor.name), + "Map" === t || "Set" === t + ? Array.from(e) + : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) + ? _arrayLikeToArray(e, r) + : void 0 + ); + } +} + +function _iterableToArray(e) { + if (("undefined" != typeof Symbol && null != e[Symbol.iterator]) || null != e["@@iterator"]) return Array.from(e); +} + +function _arrayWithoutHoles(e) { + if (Array.isArray(e)) return _arrayLikeToArray(e); +} + +function _arrayLikeToArray(e, r) { + (null == r || r > e.length) && (r = e.length); + for (var t = 0, a = new Array(r); t < r; t++) a[t] = e[t]; + return a; +} + +function _classCallCheck(e, r) { + if (!(e instanceof r)) throw new TypeError("Cannot call a class as a function"); +} + +function _defineProperties(e, r) { + for (var t = 0; t < r.length; t++) { + var a = r[t]; + (a.enumerable = a.enumerable || !1), + (a.configurable = !0), + "value" in a && (a.writable = !0), + Object.defineProperty(e, a.key, a); + } +} + +function _createClass(e, r, t) { + return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), e; +} +var peopleConfig = { + src: GLOBAL_CONFIG.peoplecanvas.img, + rows: 15, + cols: 7, + }, + randomRange = function (e, r) { + return e + Math.random() * (r - e); + }, + randomIndex = function (e) { + return 0 | randomRange(0, e.length); + }, + removeFromArray = function (e, r) { + return e.splice(r, 1)[0]; + }, + removeItemFromArray = function (e, r) { + return removeFromArray(e, e.indexOf(r)); + }, + removeRandomFromArray = function (e) { + return removeFromArray(e, randomIndex(e)); + }, + getRandomFromArray = function (e) { + return e[0 | randomIndex(e)]; + }, + resetPeep = function (e) { + var r, + t, + a = e.stage, + n = e.peep, + o = 0.5 < Math.random() ? 1 : -1, + i = 100 - 250 * gsap.parseEase("power2.in")(Math.random()), + s = a.height - n.height + i; + return ( + 1 == o ? ((r = -n.width), (t = a.width), (n.scaleX = 1)) : ((r = a.width + n.width), (t = 0), (n.scaleX = -1)), + (n.x = r), + (n.y = s), + { + startX: r, + startY: (n.anchorY = s), + endX: t, + } + ); + }, + normalWalk = function (e) { + var r = e.peep, + t = e.props, + a = (t.startX, t.startY), + n = t.endX, + o = gsap.timeline(); + return ( + o.timeScale(randomRange(0.5, 1.5)), + o.to( + r, + { + duration: 10, + x: n, + ease: "none", + }, + 0 + ), + o.to( + r, + { + duration: 0.25, + repeat: 40, + yoyo: !0, + y: a - 10, + }, + 0 + ), + o + ); + }, + walks = [normalWalk], + Peep = (function () { + function a(e) { + var r = e.image, + t = e.rect; + _classCallCheck(this, a), + (this.image = r), + this.setRect(t), + (this.x = 0), + (this.y = 0), + (this.anchorY = 0), + (this.scaleX = 1), + (this.walk = null); + } + return ( + _createClass(a, [ + { + key: "setRect", + value: function (e) { + (this.rect = e), + (this.width = e[2]), + (this.height = e[3]), + (this.drawArgs = [this.image].concat(_toConsumableArray(e), [0, 0, this.width, this.height])); + }, + }, + { + key: "render", + value: function (e) { + e.save(), + e.translate(this.x, this.y), + e.scale(this.scaleX, 1), + e.drawImage.apply(e, _toConsumableArray(this.drawArgs)), + e.restore(); + }, + }, + ]), + a + ); + })(), + img = document.createElement("img"); +(img.onload = init), (img.src = peopleConfig.src); +let peoplecanvasEl = document.getElementById("peoplecanvas"); + +let ctx = peoplecanvasEl ? peoplecanvasEl.getContext("2d") : undefined, + stage = { + width: 0, + height: 0, + }, + allPeeps = [], + availablePeeps = [], + crowd = []; + +function init() { + if (!peoplecanvasEl) return; + createPeeps(), resize(), gsap.ticker.add(render), window.addEventListener("resize", resize); +} +document.addEventListener("pjax:success", e => { + peoplecanvasEl = document.getElementById("peoplecanvas"); + if (peoplecanvasEl) { + (ctx = peoplecanvasEl ? peoplecanvasEl.getContext("2d") : undefined), window.removeEventListener("resize", resize); + gsap.ticker.remove(render); + setTimeout(() => { + if (!peoplecanvasEl) return; + resize(), gsap.ticker.add(render), window.addEventListener("resize", resize); + }, 300); + } +}); + +function createPeeps() { + for ( + var e = peopleConfig.rows, + r = peopleConfig.cols, + t = e * r, + a = img.naturalWidth / e, + n = img.naturalHeight / r, + o = 0; + o < t; + o++ + ) + allPeeps.push( + new Peep({ + image: img, + rect: [(o % e) * a, ((o / e) | 0) * n, a, n], + }) + ); +} + +function resize() { + if (peoplecanvasEl && peoplecanvasEl.clientWidth != 0) { + (stage.width = peoplecanvasEl.clientWidth), + (stage.height = peoplecanvasEl.clientHeight), + (peoplecanvasEl.width = stage.width * devicePixelRatio), + (peoplecanvasEl.height = stage.height * devicePixelRatio), + crowd.forEach(function (e) { + e.walk.kill(); + }), + (crowd.length = 0), + (availablePeeps.length = 0), + availablePeeps.push.apply(availablePeeps, allPeeps), + initCrowd(); + } +} + +function initCrowd() { + for (; availablePeeps.length; ) addPeepToCrowd().walk.progress(Math.random()); +} + +function addPeepToCrowd() { + var e = removeRandomFromArray(availablePeeps), + r = getRandomFromArray(walks)({ + peep: e, + props: resetPeep({ + peep: e, + stage: stage, + }), + }).eventCallback("onComplete", function () { + removePeepFromCrowd(e), addPeepToCrowd(); + }); + return ( + (e.walk = r), + crowd.push(e), + crowd.sort(function (e, r) { + return e.anchorY - r.anchorY; + }), + e + ); +} + +function removePeepFromCrowd(e) { + removeItemFromArray(crowd, e), availablePeeps.push(e); +} + +function render() { + if (!peoplecanvasEl) return; + (peoplecanvasEl.width = peoplecanvasEl.width), + ctx.save(), + ctx.scale(devicePixelRatio, devicePixelRatio), + crowd.forEach(function (e) { + e.render(ctx); + }), + ctx.restore(); +} diff --git a/js/anzhiyu/random_friends_post.js b/js/anzhiyu/random_friends_post.js new file mode 100644 index 0000000..d717ec2 --- /dev/null +++ b/js/anzhiyu/random_friends_post.js @@ -0,0 +1,215 @@ +var fdata = { + apiurl: GLOBAL_CONFIG.friends_vue_info.apiurl, + defaultFish: 100, + hungryFish: 100, +}; +//可通过 var fdataUser 替换默认值 +if (typeof fdataUser !== "undefined") { + for (var key in fdataUser) { + if (fdataUser[key]) { + fdata[key] = fdataUser[key]; + } + } +} +var randomPostTimes = 0; +var randomPostWorking = false; +var randomPostTips = [ + "钓到了绝世好文！", + "在河边打了个喷嚏，吓跑了", + "你和小伙伴抢夺着", + "你击败了巨龙，在巢穴中发现了", + "挖掘秦始皇坟时找到了", + "在路边闲逛的时候随手买了一个", + "从学校班主任那拿来了孩子上课偷偷看的", + "你的同桌无情的从你的语文书中撕下了那篇你最喜欢的", + "考古学家近日发现了", + "外星人降临地球学习地球文化，落地时被你塞了", + "从图书馆顶层的隐秘角落里发现了闪着金光的", + "徒弟修炼走火入魔，为师立刻掏出了", + "在大山中唱山歌，隔壁的阿妹跑来了，带着", + "隔壁家的孩子数学考了满分，都是因为看了", + "隔壁家的孩子英语考了满分，都是因为看了", + "小米研发了全新一代MIX手机，据说灵感", + "修炼渡劫成功，还好提前看了", + "库克坐上了苹果CEO的宝座，因为他面试的时候看了", + "阿里巴巴大喊芝麻开门，映入眼帘的就是", + "师傅说练武要先炼心，然后让我好生研读", + "科考队在南极大陆发现了被冰封的", + "飞机窗户似乎被一张纸糊上了，仔细一看是", + "历史上满写的仁义道德四个字，透过字缝里却全是", + "十几年前的录音机似乎还能够使用，插上电发现正在播的是", + "新版语文书拟增加一篇熟读并背诵的", + "经调查，99%的受访者都没有背诵过", + "今年的高考满分作文是", + "唐僧揭开了佛祖压在五指山上的", + "科学家发现能够解决衰老的秘密，就是每日研读", + "英特尔发布了全新的至强处理器，其芯片的制造原理都是", + "新的iPhone产能很足，新的进货渠道是", + "今年亩产突破了八千万斤，多亏了", + "陆隐一统天上宗，在无数祖境高手的目光下宣读了", + "黑钻风跟白钻风说道，吃了唐僧肉能长生不老，他知道是因为看了", + "上卫生间没带纸，直接提裤跑路也不愿意玷污手中", + "种下一篇文章就会产生很多很多文章，我种下了", + "三十年河东，三十年河西，莫欺我没有看过", + "踏破铁血无觅处，得来全靠", + "今日双色球中了两千万，预测全靠", + "因为卷子上没写名字，老师罚抄", + "为了抗议世间的不公，割破手指写下了", + "在艺术大街上被贴满了相同的纸，走近一看是", + "这区区迷阵岂能难得住我？其实能走出来多亏了", + "今日被一篇文章顶上了微博热搜，它是", + "你送给乞丐一个暴富秘籍，它是", + "UZI一个走A拿下五杀，在事后采访时说他当时回想起了", + "科学家解刨了第一个感染丧尸病毒的人，发现丧尸抗体存在于", + "如果你有梦想的话，就要努力去看", + "决定我们成为什么样人的，不是我们的能力，而是是否看过", + "有信心不一定会成功，没信心就去看", + "你真正是谁并不重要，重要的是你看没看过", + "玄天境重要的是锻体，为师赠你此书，好好修炼去吧，这是", + "上百祖境高手在天威湖大战三天三夜为了抢夺", + "这化仙池水乃上古真仙对后人的考校，要求熟读并背诵", + "庆氏三千年根基差点竟被你小子毁于一旦，能够被我拯救全是因为我看了", + "我就是神奇宝贝大师！我这只皮卡丘可是", + "我就是神奇宝贝大师！我这只小火龙可是", + "我就是神奇宝贝大师！我这只可达鸭可是", + "我就是神奇宝贝大师！我这只杰尼龟可是", + "上古遗迹中写道，只要习得此书，便得成功。你定睛一看，原来是", + "奶奶的，玩阴的是吧，我就是双料特工代号穿山甲，", + "你的背景太假了，我的就逼真多了，学到这个技术全是因为看了", + "我是云南的，云南怒江的，怒江芦水市，芦水市六库，六库傈僳族，傈僳族是", + "我真的栓Q了，我真的会谢如果你看", + "你已经习得退退退神功，接下来的心法已经被记录在", + "人生无常大肠包小肠，小肠包住了", + "你抽到了普通文章，它是", + "你收到了稀有文章，它是", + "你抽到了金色普通文章，它是", + "你抽到了金色稀有文章，它是", + "你抽到了传说文章！它是", + "哇！金色传说！你抽到了金色传说文章，它是", + "报告！侦察兵说在前往300米有一个男子在偷偷看一本书，上面赫然写着", + "芷莲姑娘大摆擂台，谁若是能读完此书，便可娶了她。然后从背后掏出了", + "请问你的梦想是什么？我的梦想是能读到", + "读什么才能增智慧？当然是读", + "纳兰嫣然掏出了退婚书，可是发现出门带错了，结果拿出了一本", + "你要尽全力保护你的梦想。那些嘲笑你的人，他们必定会失败，他们想把你变成和他们一样的人。如果你有梦想的话，就要努力去读", + "走人生的路就像爬山一样，看起来走了许多冤枉的路，崎岖的路，但终究需要读完", + "游戏的规则就是这么的简单，你听懂了吗？管你听没听懂，快去看", +]; +var randomPostClick = 0; +function fetchRandomPost() { + if (!document.getElementById("random-post")) return; + if (randomPostWorking == false) { + randomPostWorking = true; + //获取旋转角度 + let randomRotate = randomPostTimes * 360; + let randomPostTipsItem = randomPostTips[Math.floor(Math.random() * randomPostTips.length)]; + let randomPostLevel = ""; + if (randomPostTimes > 10000) { + randomPostLevel = "愿者上钩"; + } else if (randomPostTimes > 1000) { + randomPostLevel = "俯览天下"; + } else if (randomPostTimes > 1000) { + randomPostLevel = "超越神了"; + } else if (randomPostTimes > 100) { + randomPostLevel = "绝世渔夫"; + } else if (randomPostTimes > 75) { + randomPostLevel = "钓鱼王者"; + } else if (randomPostTimes > 50) { + randomPostLevel = "钓鱼宗师"; + } else if (randomPostTimes > 20) { + randomPostLevel = "钓鱼专家"; + } else if (randomPostTimes > 5) { + randomPostLevel = "钓鱼高手"; + } else { + randomPostLevel = "钓鱼新手"; + } + if (randomPostTimes >= 5) { + document.getElementById("random-post").innerHTML = + `钓鱼中... （Lv.` + randomPostTimes + ` 当前称号：` + randomPostLevel + `）`; + } else { + document.getElementById("random-post").innerHTML = `钓鱼中...`; + } + + let randomTime = randomNum(1000, 3000); + + if (randomPostTimes == 0) { + randomTime = 0; + } + + document.querySelector(".random-post-start").style.opacity = "0.2"; + document.querySelector(".random-post-start").style.transitionDuration = "0.3s"; + document.querySelector(".random-post-start").style.transform = "rotate(" + randomRotate + "deg)"; + + //判断是否饥饿 + if ( + document.getElementById("random-post") && + randomPostClick * fdata.hungryFish + fdata.defaultFish < randomPostTimes && + Math.round(Math.random()) == 0 + ) { + document.getElementById("random-post").innerHTML = + "因为只钓鱼不吃鱼，过分饥饿导致本次钓鱼失败...(点击任意一篇钓鱼获得的文章即可恢复）"; + randomPostWorking = false; + } else { + var fetchUrl = fdata.apiurl + "randompost"; + fetch(fetchUrl) + .then(res => res.json()) + .then(json => { + var title = json.title; + var link = json.link; + var author = json.author; + if (document.getElementById("random-post")) { + window.setTimeout(function () { + document.getElementById("random-post").innerHTML = + randomPostTipsItem + + `来自友链 ` + + author + + ` 的文章：` + + title + + ``; + randomPostTimes += 1; + localStorage.setItem("randomPostTimes", randomPostTimes); + document.querySelector(".random-post-start").style.opacity = "1"; + }, randomTime); + } + }); + randomPostWorking = false; + } + } +} + +//初始化检查 +function initRandomPost() { + // 获取已经存储的数据 + if (localStorage.randomPostTimes) { + randomPostTimes = parseInt(localStorage.randomPostTimes); + randomPostClick = parseInt(localStorage.randomPostClick); + document.querySelector(".random-post-start").style.transitionDuration = "0.3s"; + document.querySelector(".random-post-start").style.transform = "rotate(" + 360 * randomPostTimes + "deg)"; + } + fetchRandomPost(); +} + +initRandomPost(); + +//添加点击统计 +function randomClickLink() { + randomPostClick += 1; + localStorage.setItem("randomPostClick", randomPostClick); +} + +// 生成随机数 +function randomNum(minNum, maxNum) { + switch (arguments.length) { + case 1: + return parseInt(Math.random() * minNum + 1, 10); + break; + case 2: + return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10); + break; + default: + return 0; + break; + } +} diff --git a/js/anzhiyu/right_click_menu.js b/js/anzhiyu/right_click_menu.js new file mode 100644 index 0000000..9cae0ff --- /dev/null +++ b/js/anzhiyu/right_click_menu.js @@ -0,0 +1,479 @@ +// 初始化函数 +rm = {}; + +//禁止图片与超链接拖拽 +let aElements = document.getElementsByTagName("a"); +for (let i = 0; i < aElements.length; i++) { + aElements[i].setAttribute("draggable", "false"); + let imgElements = aElements[i].getElementsByTagName("img"); + for (let j = 0; j < imgElements.length; j++) { + imgElements[j].setAttribute("draggable", "false"); + } +} + +// 显示菜单 +rm.showRightMenu = function (isTrue, x = 0, y = 0) { + console.info(x, y); + let rightMenu = document.getElementById("rightMenu"); + rightMenu.style.top = x + "px"; + rightMenu.style.left = y + "px"; + if (isTrue) { + rightMenu.style.display = "block"; + stopMaskScroll(); + } else { + rightMenu.style.display = "none"; + } +}; + +// 隐藏菜单 +rm.hideRightMenu = function () { + rm.showRightMenu(false); + let rightMenuMask = document.querySelector("#rightmenu-mask"); + rightMenuMask.style.display = "none"; +}; + +// 尺寸 +let rmWidth = document.getElementById("rightMenu").offsetWidth; +let rmHeight = document.getElementById("rightMenu").offsetHeight; + +// 重新定义尺寸 +rm.reloadrmSize = function () { + rightMenu.style.visibility = "hidden"; + rightMenu.style.display = "block"; + // 获取宽度和高度 + rmWidth = document.getElementById("rightMenu").offsetWidth; + rmHeight = document.getElementById("rightMenu").offsetHeight; + rightMenu.style.visibility = "visible"; +}; + +// 获取点击的href +let domhref = ""; +let domImgSrc = ""; +let globalEvent = null; + +var oncontextmenuFunction = function (event) { + if (document.body.clientWidth > 768) { + let pageX = event.clientX + 10; //加10是为了防止显示时鼠标遮在菜单上 + let pageY = event.clientY; + + //其他额外菜单 + const $rightMenuOther = document.querySelector(".rightMenuOther"); + const $rightMenuPlugin = document.querySelector(".rightMenuPlugin"); + const $rightMenuCopyText = document.querySelector("#menu-copytext"); + const $rightMenuPasteText = document.querySelector("#menu-pastetext"); + const $rightMenuCommentText = document.querySelector("#menu-commenttext"); + const $rightMenuNewWindow = document.querySelector("#menu-newwindow"); + const $rightMenuNewWindowImg = document.querySelector("#menu-newwindowimg"); + const $rightMenuCopyLink = document.querySelector("#menu-copylink"); + const $rightMenuCopyImg = document.querySelector("#menu-copyimg"); + const $rightMenuDownloadImg = document.querySelector("#menu-downloadimg"); + const $rightMenuSearch = document.querySelector("#menu-search"); + const $rightMenuSearchBaidu = document.querySelector("#menu-searchBaidu"); + const $rightMenuMusicToggle = document.querySelector("#menu-music-toggle"); + const $rightMenuMusicBack = document.querySelector("#menu-music-back"); + const $rightMenuMusicForward = document.querySelector("#menu-music-forward"); + const $rightMenuMusicPlaylist = document.querySelector("#menu-music-playlist"); + const $rightMenuMusicCopyMusicName = document.querySelector("#menu-music-copyMusicName"); + + let href = event.target.href; + let imgsrc = event.target.currentSrc; + + // 判断模式 扩展模式为有事件 + let pluginMode = false; + $rightMenuOther.style.display = "block"; + globalEvent = event; + + // 检查是否需要复制 是否有选中文本 + if (selectTextNow && window.getSelection()) { + pluginMode = true; + $rightMenuCopyText.style.display = "block"; + $rightMenuCommentText.style.display = "block"; + $rightMenuSearch.style.display = "block"; + $rightMenuSearchBaidu.style.display = "block"; + } else { + $rightMenuCopyText.style.display = "none"; + $rightMenuCommentText.style.display = "none"; + $rightMenuSearchBaidu.style.display = "none"; + $rightMenuSearch.style.display = "none"; + } + + //检查是否右键点击了链接a标签 + if (href) { + pluginMode = true; + $rightMenuNewWindow.style.display = "block"; + $rightMenuCopyLink.style.display = "block"; + domhref = href; + } else { + $rightMenuNewWindow.style.display = "none"; + $rightMenuCopyLink.style.display = "none"; + } + + //检查是否需要复制图片 + if (imgsrc) { + pluginMode = true; + $rightMenuCopyImg.style.display = "block"; + $rightMenuDownloadImg.style.display = "block"; + $rightMenuNewWindowImg.style.display = "block"; + document.getElementById("rightMenu").style.width = "12rem"; + domImgSrc = imgsrc; + } else { + $rightMenuCopyImg.style.display = "none"; + $rightMenuDownloadImg.style.display = "none"; + $rightMenuNewWindowImg.style.display = "none"; + } + + // 判断是否为输入框 + if (event.target.tagName.toLowerCase() === "input" || event.target.tagName.toLowerCase() === "textarea") { + pluginMode = true; + $rightMenuPasteText.style.display = "block"; + } else { + $rightMenuPasteText.style.display = "none"; + } + const navMusicEl = document.querySelector("#nav-music"); + //判断是否是音乐 + if (navMusicEl && navMusicEl.contains(event.target)) { + pluginMode = true; + $rightMenuMusicToggle.style.display = "block"; + $rightMenuMusicBack.style.display = "block"; + $rightMenuMusicForward.style.display = "block"; + $rightMenuMusicPlaylist.style.display = "block"; + $rightMenuMusicCopyMusicName.style.display = "block"; + } else { + $rightMenuMusicToggle.style.display = "none"; + $rightMenuMusicBack.style.display = "none"; + $rightMenuMusicForward.style.display = "none"; + $rightMenuMusicPlaylist.style.display = "none"; + $rightMenuMusicCopyMusicName.style.display = "none"; + } + + // 如果不是扩展模式则隐藏扩展模块 + if (pluginMode) { + $rightMenuOther.style.display = "none"; + $rightMenuPlugin.style.display = "block"; + } else { + $rightMenuPlugin.style.display = "none"; + } + + rm.reloadrmSize(); + + // 鼠标默认显示在鼠标右下方，当鼠标靠右或靠下时，将菜单显示在鼠标左方\上方 + if (pageX + rmWidth > window.innerWidth) { + pageX -= rmWidth + 10; + } + if (pageY + rmHeight > window.innerHeight) { + pageY -= pageY + rmHeight - window.innerHeight; + } + + rm.showRightMenu(true, pageY, pageX); + document.getElementById("rightmenu-mask").style.display = "flex"; + return false; + } +}; + +// 监听右键初始化 +window.oncontextmenu = oncontextmenuFunction; + +// 下载图片状态 +rm.downloadimging = false; + +// 复制图片到剪贴板 +rm.writeClipImg = function (imgsrc) { + console.log("按下复制"); + rm.hideRightMenu(); + anzhiyu.snackbarShow("正在下载中，请稍后", false, 10000); + if (rm.downloadimging == false) { + rm.downloadimging = true; + setTimeout(function () { + copyImage(imgsrc); + anzhiyu.snackbarShow("复制成功！图片已添加盲水印，请遵守版权协议"); + rm.downloadimging = false; + }, "10000"); + } +}; + +function imageToBlob(imageURL) { + const img = new Image(); + const c = document.createElement("canvas"); + const ctx = c.getContext("2d"); + img.crossOrigin = ""; + img.src = imageURL; + return new Promise(resolve => { + img.onload = function () { + c.width = this.naturalWidth; + c.height = this.naturalHeight; + ctx.drawImage(this, 0, 0); + c.toBlob( + blob => { + // here the image is a blob + resolve(blob); + }, + "image/png", + 0.75 + ); + }; + }); +} + +async function copyImage(imageURL) { + const blob = await imageToBlob(imageURL); + const item = new ClipboardItem({ "image/png": blob }); + navigator.clipboard.write([item]); +} + +rm.copyUrl = function (id) { + const input = document.createElement("input"); // Create a new element + input.id = "copyVal"; // Set the id of the new element to "copyVal" + document.body.appendChild(input); // Append the new element to the end of the element + + const text = id; + input.value = text; + input.select(); + input.setSelectionRange(0, input.value.length); + document.execCommand("copy"); + + input.remove(); // Remove the element from the DOM +}; + +function stopMaskScroll() { + if (document.getElementById("rightmenu-mask")) { + let xscroll = document.getElementById("rightmenu-mask"); + xscroll.addEventListener( + "mousewheel", + function (e) { + //阻止浏览器默认方法 + rm.hideRightMenu(); + // e.preventDefault(); + }, + { passive: true } + ); + } + if (document.getElementById("rightMenu")) { + let xscroll = document.getElementById("rightMenu"); + xscroll.addEventListener( + "mousewheel", + function (e) { + //阻止浏览器默认方法 + rm.hideRightMenu(); + // e.preventDefault(); + }, + { passive: true } + ); + } +} + +rm.rightmenuCopyText = function (txt) { + if (navigator.clipboard) { + navigator.clipboard.writeText(txt); + } + rm.hideRightMenu(); +}; + +rm.copyPageUrl = function (url) { + if (!url) { + url = window.location.href; + } + rm.copyUrl(url); + anzhiyu.snackbarShow("复制链接地址成功", false, 2000); + rm.hideRightMenu(); +}; + +// 复制当前选中文本 +var selectTextNow = ""; +document.onmouseup = document.ondblclick = selceText; + +function selceText() { + var txt; + if (document.selection) { + txt = document.selection.createRange().text; + } else { + txt = window.getSelection().toString(); + } + selectTextNow = txt !== "" ? txt : ""; +} + +// 读取剪切板 +rm.readClipboard = function () { + if (navigator.clipboard) { + navigator.clipboard.readText().then(clipText => rm.insertAtCaret(globalEvent.target, clipText)); + } +}; + +// 粘贴文本到焦点 +rm.insertAtCaret = function (elemt, value) { + const startPos = elemt.selectionStart, + endPos = elemt.selectionEnd; + if (document.selection) { + elemt.focus(); + var sel = document.selection.createRange(); + sel.text = value; + elemt.focus(); + } else { + if (startPos || startPos == "0") { + var scrollTop = elemt.scrollTop; + elemt.value = elemt.value.substring(0, startPos) + value + elemt.value.substring(endPos, elemt.value.length); + elemt.focus(); + elemt.selectionStart = startPos + value.length; + elemt.selectionEnd = startPos + value.length; + elemt.scrollTop = scrollTop; + } else { + elemt.value += value; + elemt.focus(); + } + } +}; + +//粘贴文本 +rm.pasteText = function () { + const result = rm.readClipboard() || ""; + rm.hideRightMenu(); +}; + +//引用到评论 +rm.rightMenuCommentText = function (txt) { + rm.hideRightMenu(); + const postCommentDom = document.getElementById("post-comment"); + var domTop = postCommentDom.offsetTop; + window.scrollTo(0, domTop - 80); + if (txt == "undefined" || txt == "null") txt = "好棒！"; + function setText() { + setTimeout(() => { + var input = document.getElementsByClassName("el-textarea__inner")[0]; + if (!input) setText(); + let evt = document.createEvent("HTMLEvents"); + evt.initEvent("input", true, true); + let inputValue = replaceAll(txt, "\n", "\n> "); + input.value = "> " + inputValue + "\n\n"; + input.dispatchEvent(evt); + input.focus(); + input.setSelectionRange(-1, -1); + if (document.getElementById("comment-tips")) { + document.getElementById("comment-tips").classList.add("show"); + } + }, 100); + } + setText(); +}; + +//替换所有内容 +function replaceAll(string, search, replace) { + return string.split(search).join(replace); +} + +// 百度搜索 +rm.searchBaidu = function () { + anzhiyu.snackbarShow("即将跳转到百度搜索", false, 2000); + setTimeout(function () { + window.open("https://www.baidu.com/s?wd=" + selectTextNow); + }, "2000"); + rm.hideRightMenu(); +}; + +//分享链接 +rm.copyLink = function () { + rm.rightmenuCopyText(domhref); + anzhiyu.snackbarShow("已复制链接地址"); +}; + +function addRightMenuClickEvent() { + // 添加点击事件 + document.getElementById("menu-backward").addEventListener("click", function () { + window.history.back(); + rm.hideRightMenu(); + }); + + document.getElementById("menu-forward").addEventListener("click", function () { + window.history.forward(); + rm.hideRightMenu(); + }); + + document.getElementById("menu-refresh").addEventListener("click", function () { + window.location.reload(); + }); + + document.getElementById("menu-top").addEventListener("click", function () { + anzhiyu.scrollToDest(0, 500); + rm.hideRightMenu(); + }); + + document.getElementById("menu-translate").addEventListener("click", function () { + window.translateFn.translatePage(); + rm.hideRightMenu(); + }); + + const menuLinks = document.querySelectorAll(".menu-link"); + menuLinks.forEach(function (link) { + link.addEventListener("click", rm.hideRightMenu); + }); + + document.getElementById("menu-home") && + document.getElementById("menu-home").addEventListener("click", function () { + window.location.href = window.location.origin; + }); + + document.getElementById("menu-randomPost").addEventListener("click", function () { + toRandomPost(); + }); + + document.getElementById("menu-commentBarrage").addEventListener("click", anzhiyu.switchCommentBarrage); + + document.getElementById("rightmenu-mask").addEventListener("click", rm.hideRightMenu); + + document.getElementById("rightmenu-mask").addEventListener("contextmenu", function (event) { + rm.hideRightMenu(); + event.preventDefault(); // Prevent the default context menu from appearing + }); + + document.getElementById("menu-copy").addEventListener("click", () => { + rm.copyPageUrl(); + }); + + document.getElementById("menu-pastetext").addEventListener("click", rm.pasteText); + + document.getElementById("menu-copytext").addEventListener("click", function () { + rm.rightmenuCopyText(selectTextNow); + const copyright = GLOBAL_CONFIG.copyright; + if (copyright.copy) { + anzhiyu.snackbarShow(copyright.languages.copySuccess); + } + }); + + document.getElementById("menu-commenttext").addEventListener("click", function () { + rm.rightMenuCommentText(selectTextNow); + }); + + document.getElementById("menu-newwindow").addEventListener("click", function () { + window.open(domhref, "_blank"); + rm.hideRightMenu(); + }); + + document.getElementById("menu-copylink").addEventListener("click", rm.copyLink); + + document.getElementById("menu-downloadimg").addEventListener("click", function () { + anzhiyu.downloadImage(domImgSrc, "anzhiyu"); + }); + + document.getElementById("menu-newwindowimg").addEventListener("click", function () { + window.open(domImgSrc, "_blank"); + rm.hideRightMenu(); + }); + + document.getElementById("menu-copyimg").addEventListener("click", function () { + rm.writeClipImg(domImgSrc); + }); + + document.getElementById("menu-searchBaidu").addEventListener("click", rm.searchBaidu); + + //音乐 + document.getElementById("menu-music-toggle").addEventListener("click", anzhiyu.musicToggle); + + document.getElementById("menu-music-back").addEventListener("click", anzhiyu.musicSkipBack); + + document.getElementById("menu-music-forward").addEventListener("click", anzhiyu.musicSkipForward); + + document.getElementById("menu-music-copyMusicName").addEventListener("click", function () { + rm.rightmenuCopyText(anzhiyu.musicGetName()); + anzhiyu.snackbarShow("复制歌曲名称成功", false, 3000); + }); +} + +addRightMenuClickEvent(); diff --git a/js/jquery-3.6.4.min.js b/js/jquery-3.6.4.min.js deleted file mode 100644 index 0de648e..0000000 --- a/js/jquery-3.6.4.min.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! jQuery v3.6.4 | (c) OpenJS Foundation and other contributors | jquery.org/license */ -!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,y=n.hasOwnProperty,a=y.toString,l=a.call(Object),v={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.4",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&v(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!y||!y.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ve(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace(B,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ye(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ve(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.cssHas=ce(function(){try{return C.querySelector(":has(*,:jqfake)"),!1}catch(e){return!0}}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],y=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&y.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||y.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||y.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||y.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||y.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||y.push(".#.+[+~]"),e.querySelectorAll("\\\f"),y.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&y.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&y.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&y.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),y.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),d.cssHas||y.push(":has"),y=y.length&&new RegExp(y.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),v=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType&&e.documentElement||e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&v(p,e)?-1:t==C||t.ownerDocument==p&&v(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!y||!y.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,D=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),v.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",v.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",v.option=!!ce.lastChild;var ge={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function ye(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ve(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Ut,Xt=[],Vt=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Xt.pop()||S.expando+"_"+Ct.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Vt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Vt,"$1"+r):!1!==e.jsonp&&(e.url+=(Et.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Xt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),v.createHTMLDocument=((Ut=E.implementation.createHTMLDocument("").body).innerHTML="
",2===Ut.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(v.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return B(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=_e(v.pixelPosition,function(e,t){if(t)return t=Be(e,n),Pe.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return B(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0 { + const getAllWidth = ele => { + return Array.from(ele).reduce((width, i) => width + i.offsetWidth, 0); + }; + + if (init) { + const blogInfoWidth = getAllWidth(document.querySelector("#blog_name > a").children); + const menusWidth = getAllWidth(document.getElementById("menus").children); + headerContentWidth = blogInfoWidth + menusWidth; + $nav = document.getElementById("nav"); + } + + const hideMenuIndex = window.innerWidth <= 768 || headerContentWidth > $nav.offsetWidth - 120; + $nav.classList.toggle("hide-menu", hideMenuIndex); + }; + + // 初始化header + const initAdjust = () => { + adjustMenu(true); + $nav.classList.add("show"); + }; + + // sidebar menus + const sidebarFn = { + open: () => { + anzhiyu.sidebarPaddingR(); + anzhiyu.animateIn(document.getElementById("menu-mask"), "to_show 0.5s"); + document.getElementById("sidebar-menus").classList.add("open"); + mobileSidebarOpen = true; + }, + close: () => { + const $body = document.body; + $body.style.paddingRight = ""; + anzhiyu.animateOut(document.getElementById("menu-mask"), "to_hide 0.5s"); + document.getElementById("sidebar-menus").classList.remove("open"); + mobileSidebarOpen = false; + }, + }; + + /** + * 首頁top_img底下的箭頭 + */ + const scrollDownInIndex = () => { + const handleScrollToDest = () => { + const bbTimeList = document.getElementById("bbTimeList"); + if (bbTimeList) { + anzhiyu.scrollToDest(bbTimeList.offsetTop - 62, 300); + } else { + anzhiyu.scrollToDest(document.getElementById("home_top").offsetTop - 60, 300); + } + }; + + const $scrollDownEle = document.getElementById("scroll-down"); + $scrollDownEle && anzhiyu.addEventListenerPjax($scrollDownEle, "click", handleScrollToDest); + }; + + /** + * 代码 + * 只适用于Hexo默认的代码渲染 + */ + const addHighlightTool = function () { + const highLight = GLOBAL_CONFIG.highlight; + if (!highLight) return; + + const { highlightCopy, highlightLang, highlightHeightLimit, plugin } = highLight; + const isHighlightShrink = GLOBAL_CONFIG_SITE.isHighlightShrink; + const isShowTool = highlightCopy || highlightLang || isHighlightShrink !== undefined; + const $figureHighlight = + plugin === "highlight.js" + ? document.querySelectorAll("figure.highlight") + : document.querySelectorAll('pre[class*="language-"]'); + + if (!((isShowTool || highlightHeightLimit) && $figureHighlight.length)) return; + + const isPrismjs = plugin === "prismjs"; + const highlightShrinkClass = isHighlightShrink === true ? "closed" : ""; + const highlightShrinkEle = + isHighlightShrink !== undefined + ? '' + : ""; + const highlightCopyEle = highlightCopy + ? '
' + : ""; + + const alertInfo = (ele, text) => { + if (GLOBAL_CONFIG.Snackbar !== undefined) { + anzhiyu.snackbarShow(text); + } else { + const prevEle = ele.previousElementSibling; + prevEle.textContent = text; + prevEle.style.opacity = 1; + setTimeout(() => { + prevEle.style.opacity = 0; + }, 800); + } + }; + + const copy = ctx => { + if (document.queryCommandSupported && document.queryCommandSupported("copy")) { + document.execCommand("copy"); + alertInfo(ctx, GLOBAL_CONFIG.copy.success); + } else { + alertInfo(ctx, GLOBAL_CONFIG.copy.noSupport); + } + }; + + // click events + const highlightCopyFn = ele => { + const $buttonParent = ele.parentNode; + $buttonParent.classList.add("copy-true"); + const selection = window.getSelection(); + const range = document.createRange(); + const preCodeSelector = isPrismjs ? "pre code" : "table .code pre"; + range.selectNodeContents($buttonParent.querySelectorAll(`${preCodeSelector}`)[0]); + selection.removeAllRanges(); + selection.addRange(range); + copy(ele.lastChild); + selection.removeAllRanges(); + $buttonParent.classList.remove("copy-true"); + }; + + const highlightShrinkFn = ele => { + ele.classList.toggle("closed"); + }; + + const highlightToolsFn = function (e) { + const $target = e.target.classList; + if ($target.contains("expand")) highlightShrinkFn(this); + else if ($target.contains("copy-button")) highlightCopyFn(this); + }; + + const expandCode = function () { + this.classList.toggle("expand-done"); + }; + + const createEle = (lang, item, service) => { + const fragment = document.createDocumentFragment(); + + if (isShowTool) { + const hlTools = document.createElement("div"); + hlTools.className = `highlight-tools ${highlightShrinkClass}`; + hlTools.innerHTML = highlightShrinkEle + lang + highlightCopyEle; + anzhiyu.addEventListenerPjax(hlTools, "click", highlightToolsFn); + fragment.appendChild(hlTools); + } + + if (highlightHeightLimit && item.offsetHeight > highlightHeightLimit + 30) { + const ele = document.createElement("div"); + ele.className = "code-expand-btn"; + ele.innerHTML = ''; + anzhiyu.addEventListenerPjax(ele, "click", expandCode); + fragment.appendChild(ele); + } + + if (service === "hl") { + item.insertBefore(fragment, item.firstChild); + } else { + item.parentNode.insertBefore(fragment, item); + } + }; + + if (isPrismjs) { + $figureHighlight.forEach(item => { + if (highlightLang) { + const langName = item.getAttribute("data-language") || "Code"; + const highlightLangEle = `
${langName}
`; + anzhiyu.wrap(item, "figure", { class: "highlight" }); + createEle(highlightLangEle, item); + } else { + anzhiyu.wrap(item, "figure", { class: "highlight" }); + createEle("", item); + } + }); + } else { + $figureHighlight.forEach(item => { + if (highlightLang) { + let langName = item.getAttribute("class").split(" ")[1]; + if (langName === "plain" || langName === undefined) langName = "Code"; + const highlightLangEle = `
${langName}
`; + createEle(highlightLangEle, item, "hl"); + } else { + createEle("", item, "hl"); + } + }); + } + }; + + /** + * PhotoFigcaption + */ + function addPhotoFigcaption() { + document.querySelectorAll("#article-container img").forEach(function (item) { + const parentEle = item.parentNode; + const altValue = item.title || item.alt; + if (altValue && !parentEle.parentNode.classList.contains("justified-gallery")) { + const ele = document.createElement("div"); + ele.className = "img-alt is-center"; + ele.textContent = altValue; + parentEle.insertBefore(ele, item.nextSibling); + } + }); + } + + /** + * Lightbox + */ + const runLightbox = () => { + anzhiyu.loadLightbox(document.querySelectorAll("#article-container img:not(.no-lightbox)")); + }; + + /** + * justified-gallery 圖庫排版 + */ + const runJustifiedGallery = function (ele) { + const htmlStr = arr => { + let str = ""; + const replaceDq = str => str.replace(/"/g, """); // replace double quotes to " + arr.forEach(i => { + const alt = i.alt ? `alt="${replaceDq(i.alt)}"` : ""; + const title = i.title ? `title="${replaceDq(i.title)}"` : ""; + const address = i.address ? i.address : ""; + const galleryItem = ` +
+ ${address ? `
${address}
` : ""} + +
+ `; + str += galleryItem; + }); + + return str; + }; + + const lazyloadFn = (i, arr, limit) => { + const loadItem = Number(limit); + const arrLength = arr.length; + if (arrLength > loadItem) i.insertAdjacentHTML("beforeend", htmlStr(arr.splice(0, loadItem))); + else { + i.insertAdjacentHTML("beforeend", htmlStr(arr)); + i.classList.remove("lazyload"); + } + window.lazyLoadInstance && window.lazyLoadInstance.update(); + return arrLength > loadItem ? loadItem : arrLength; + }; + + const fetchUrl = async url => { + const response = await fetch(url); + return await response.json(); + }; + + const runJustifiedGallery = (item, arr) => { + const limit = item.getAttribute("data-limit") ?? arr.length; + if (!item.classList.contains("lazyload") || arr.length < limit) { + // 不懒加载 + item.innerHTML = htmlStr(arr); + item.nextElementSibling.style.display = "none"; + } else { + if (!item.classList.contains("btn_album_detail_lazyload") || item.classList.contains("page_img_lazyload")) { + // 滚动懒加载 + lazyloadFn(item, arr, limit); + const clickBtnFn = () => { + const lastItemLength = lazyloadFn(item, arr, limit); + fjGallery( + item, + "appendImages", + item.querySelectorAll(`.fj-gallery-item:nth-last-child(-n+${lastItemLength})`) + ); + anzhiyu.loadLightbox(item.querySelectorAll("img")); + if (lastItemLength < Number(limit)) { + observer.unobserve(item.nextElementSibling); + } + }; + + // 创建IntersectionObserver实例 + const observer = new IntersectionObserver((entries, observer) => { + entries.forEach(entry => { + // 如果元素进入视口 + if (entry.isIntersecting) { + // 执行clickBtnFn函数 + setTimeout(clickBtnFn(), 100); + } + }); + }); + observer.observe(item.nextElementSibling); + } else { + // 相册详情 按钮懒加载 + lazyloadFn(item, arr, limit); + const clickBtnFn = () => { + const lastItemLength = lazyloadFn(item, arr, limit); + fjGallery( + item, + "appendImages", + item.querySelectorAll(`.fj-gallery-item:nth-last-child(-n+${lastItemLength})`) + ); + anzhiyu.loadLightbox(item.querySelectorAll("img")); + lastItemLength < limit && item.nextElementSibling.removeEventListener("click", clickBtnFn); + }; + item.nextElementSibling.addEventListener("click", clickBtnFn); + } + } + + anzhiyu.initJustifiedGallery(item); + anzhiyu.loadLightbox(item.querySelectorAll("img")); + window.lazyLoadInstance && window.lazyLoadInstance.update(); + }; + + const addJustifiedGallery = () => { + ele.forEach(item => { + item.classList.contains("url") + ? fetchUrl(item.textContent).then(res => { + runJustifiedGallery(item, res); + }) + : runJustifiedGallery(item, JSON.parse(item.textContent)); + }); + }; + + if (window.fjGallery) { + addJustifiedGallery(); + return; + } + + getCSS(`${GLOBAL_CONFIG.source.justifiedGallery.css}`); + getScript(`${GLOBAL_CONFIG.source.justifiedGallery.js}`).then(addJustifiedGallery); + }; + + /** + * 滚动处理 + */ + const scrollFn = function () { + const $rightside = document.getElementById("rightside"); + const innerHeight = window.innerHeight + 56; + let lastScrollTop = 0; + + if (document.body.scrollHeight <= innerHeight) { + $rightside.style.cssText = "opacity: 1; transform: translateX(-58px)"; + } + + // find the scroll direction + function scrollDirection(currentTop) { + const result = currentTop > initTop; // true is down & false is up + initTop = currentTop; + return result; + } + + let initTop = 0; + let isChatShow = true; + const $header = document.getElementById("page-header"); + const $popupWindow = document.getElementById("popup-window"); + const isChatBtnHide = typeof chatBtnHide === "function"; + const isChatBtnShow = typeof chatBtnShow === "function"; + + // 第一次滑动到底部的标识符 + let scrollBottomFirstFlag = false; + // 缓存常用dom元素 + const musicDom = document.getElementById("nav-music"), + footerDom = document.getElementById("footer"), + waterfallDom = document.getElementById("waterfall"), + $percentBtn = document.getElementById("percent"), + $navTotop = document.getElementById("nav-totop"), + $bodyWrap = document.getElementById("body-wrap"); + // 页面底部Dom是否存在 + let pageBottomDomFlag = document.getElementById("post-comment") || document.getElementById("footer"); + + function percentageScrollFn(currentTop) { + // 处理滚动百分比 + let docHeight = $bodyWrap.clientHeight; + const winHeight = document.documentElement.clientHeight; + const contentMath = + docHeight > winHeight ? docHeight - winHeight : document.documentElement.scrollHeight - winHeight; + const scrollPercent = currentTop / contentMath; + const scrollPercentRounded = Math.round(scrollPercent * 100); + const percentage = scrollPercentRounded > 100 ? 100 : scrollPercentRounded <= 0 ? 1 : scrollPercentRounded; + $percentBtn.textContent = percentage; + + function isInViewPortOfOneNoDis(el) { + if (!el) return; + const elDisplay = window.getComputedStyle(el).getPropertyValue("display"); + if (elDisplay == "none") { + return; + } + const viewPortHeight = + window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; + const offsetTop = el.offsetTop; + const scrollTop = document.documentElement.scrollTop; + const top = offsetTop - scrollTop; + return top <= viewPortHeight; + } + + if (isInViewPortOfOneNoDis(pageBottomDomFlag || percentage > 90) && currentTop > 20) { + $navTotop.classList.add("long"); + $percentBtn.textContent = "返回顶部"; + } else { + $navTotop.classList.remove("long"); + $percentBtn.textContent = percentage; + } + + // 如果当前页面需要瀑布流，就处理瀑布流 + if (waterfallDom) { + const waterfallResult = currentTop % document.documentElement.clientHeight; // 卷去一个视口 + if (!scrollBottomFirstFlag && waterfallResult + 100 >= document.documentElement.clientHeight) { + console.info(waterfallResult, document.documentElement.clientHeight); + setTimeout(() => { + waterfall("#waterfall"); + }, 500); + } else { + setTimeout(() => { + waterfallDom && waterfall("#waterfall"); + }, 500); + } + } + } + + const scrollTask = anzhiyu.throttle(() => { + const currentTop = window.scrollY || document.documentElement.scrollTop; + const isDown = scrollDirection(currentTop); + + const delta = Math.abs(lastScrollTop - currentTop); + if (currentTop > 60 && delta < 20 && delta != 0) { + // ignore small scrolls + return; + } + if ( + $popupWindow && + $popupWindow.classList.contains("show-popup-window") && + currentTop > 60 && + delta > 20 && + lastScrollTop != 0 + ) { + // 滚动后延迟1s关闭弹窗 + anzhiyu.throttle(() => { + if (popupWindowTimer) clearTimeout(popupWindowTimer); + popupWindowTimer = setTimeout(() => { + if (!$popupWindow.classList.contains("popup-hide")) { + $popupWindow.classList.add("popup-hide"); + } + setTimeout(() => { + $popupWindow.classList.remove("popup-hide"); + $popupWindow.classList.remove("show-popup-window"); + }, 1000); + }, 1000); + }, 1000)(); + } + lastScrollTop = currentTop; + + if (currentTop > 26) { + if (isDown) { + if ($header.classList.contains("nav-visible")) $header.classList.remove("nav-visible"); + if (isChatBtnShow && isChatShow === true) { + chatBtnHide(); + isChatShow = false; + } + } else { + if (!$header.classList.contains("nav-visible")) $header.classList.add("nav-visible"); + if (isChatBtnHide && isChatShow === false) { + chatBtnShow(); + isChatShow = true; + } + } + requestAnimationFrame(() => { + anzhiyu.initThemeColor(); + $header.classList.add("nav-fixed"); + }); + if (window.getComputedStyle($rightside).getPropertyValue("opacity") === "0") { + $rightside.style.cssText = "opacity: 0.8; transform: translateX(-58px)"; + } + } else { + if (currentTop <= 5) { + requestAnimationFrame(() => { + $header.classList.remove("nav-fixed"); + $header.classList.remove("nav-visible"); + // 修改顶栏颜色 + anzhiyu.initThemeColor(); + }); + } + $rightside.style.cssText = "opacity: ''; transform: ''"; + } + + if (document.body.scrollHeight <= innerHeight) { + $rightside.style.cssText = "opacity: 0.8; transform: translateX(-58px)"; + } + + percentageScrollFn(currentTop); + }, 96); + + // 进入footer隐藏音乐 + if (footerDom) { + anzhiyu + .intersectionObserver( + () => { + if (footerDom && musicDom && 768 < document.body.clientWidth) { + musicDom.style.bottom = "-10px"; + musicDom.style.opacity = "0"; + } + scrollBottomFirstFlag = true; + }, + () => { + if (footerDom && musicDom && 768 < document.body.clientWidth) { + musicDom.style.bottom = "20px"; + musicDom.style.opacity = "1"; + } + } + )() + .observe(footerDom); + } + + scrollTask(); + anzhiyu.addEventListenerPjax(window, "scroll", scrollTask, { passive: true }); + }; + + /** + * toc,anchor + */ + const scrollFnToDo = function () { + const isToc = GLOBAL_CONFIG_SITE.isToc; + const isAnchor = GLOBAL_CONFIG.isAnchor; + const $article = document.getElementById("article-container"); + + if (!($article && (isToc || isAnchor))) return; + + let $tocLink, $cardToc, autoScrollToc, isExpand; + if (isToc) { + const $cardTocLayout = document.getElementById("card-toc"); + $cardToc = $cardTocLayout.querySelector(".toc-content"); + $tocLink = $cardToc.querySelectorAll(".toc-link"); + isExpand = $cardToc.classList.contains("is-expand"); + + // toc元素點擊 + const tocItemClickFn = e => { + const target = e.target.closest(".toc-link"); + if (!target) return; + + e.preventDefault(); + anzhiyu.scrollToDest( + anzhiyu.getEleTop(document.getElementById(decodeURI(target.getAttribute("href")).replace("#", ""))) - 60, + 300 + ); + if (window.innerWidth < 900) { + $cardTocLayout.classList.remove("open"); + } + }; + + anzhiyu.addEventListenerPjax($cardToc, "click", tocItemClickFn); + + autoScrollToc = item => { + const activePosition = item.getBoundingClientRect().top; + const sidebarScrollTop = $cardToc.scrollTop; + if (activePosition > document.documentElement.clientHeight - 100) { + $cardToc.scrollTop = sidebarScrollTop + 150; + } + if (activePosition < 100) { + $cardToc.scrollTop = sidebarScrollTop - 150; + } + }; + } + + // find head position & add active class + const list = $article.querySelectorAll("h1,h2,h3,h4,h5,h6"); + const filteredHeadings = Array.from(list).filter(heading => heading.id !== "CrawlerTitle"); + let detectItem = ""; + const findHeadPosition = function (top) { + if (top === 0) { + return false; + } + + let currentId = ""; + let currentIndex = ""; + + filteredHeadings.forEach(function (ele, index) { + if (top > anzhiyu.getEleTop(ele) - 80) { + const id = ele.id; + currentId = id ? "#" + encodeURI(id) : ""; + currentIndex = index; + } + }); + if (detectItem === currentIndex) return; + if (isAnchor) anzhiyu.updateAnchor(currentId); + detectItem = currentIndex; + if (isToc) { + $cardToc.querySelectorAll(".active").forEach(i => { + i.classList.remove("active"); + }); + + if (currentId === "") { + return; + } + const currentActive = $tocLink[currentIndex]; + currentActive.classList.add("active"); + + setTimeout(() => { + autoScrollToc(currentActive); + }, 0); + + if (isExpand) return; + let parent = currentActive.parentNode; + + for (; !parent.matches(".toc"); parent = parent.parentNode) { + if (parent.matches("li")) parent.classList.add("active"); + } + } + }; + + // main of scroll + const tocScrollFn = anzhiyu.throttle(() => { + const currentTop = window.scrollY || document.documentElement.scrollTop; + findHeadPosition(currentTop); + }, 100); + + anzhiyu.addEventListenerPjax(window, "scroll", tocScrollFn, { passive: true }); + }; + + const handleThemeChange = mode => { + const globalFn = window.globalFn || {}; + const themeChange = globalFn.themeChange || {}; + if (!themeChange) { + return; + } + + Object.keys(themeChange).forEach(key => { + const themeChangeFn = themeChange[key]; + themeChangeFn(mode); + }); + + rm && rm.hideRightMenu(); + + const menuDarkmodeText = $rightMenu.querySelector(".menu-darkmode-text"); + if (mode === "light") { + menuDarkmodeText.textContent = "深色模式"; + } else { + menuDarkmodeText.textContent = "浅色模式"; + } + + if (!GLOBAL_CONFIG_SITE.isPost) { + const root = document.querySelector(":root"); + root.style.setProperty("--anzhiyu-bar-background", "var(--anzhiyu-meta-theme-color)"); + requestAnimationFrame(() => { + anzhiyu.initThemeColor(); + }); + + // 要改回来默认主色; + document.documentElement.style.setProperty( + "--anzhiyu-main", + getComputedStyle(document.documentElement).getPropertyValue("--anzhiyu-theme") + ); + document.documentElement.style.setProperty( + "--anzhiyu-theme-op", + getComputedStyle(document.documentElement).getPropertyValue("--anzhiyu-main") + "23" + ); + document.documentElement.style.setProperty( + "--anzhiyu-theme-op-deep", + getComputedStyle(document.documentElement).getPropertyValue("--anzhiyu-main") + "dd" + ); + } + }; + + /** + * Rightside + */ + const rightSideFn = { + readmode: () => { + // read mode + const $body = document.body; + $body.classList.add("read-mode"); + const newEle = document.createElement("button"); + newEle.type = "button"; + newEle.className = "anzhiyufont anzhiyu-icon-xmark exit-readmode"; + $body.appendChild(newEle); + + const clickFn = () => { + $body.classList.remove("read-mode"); + newEle.remove(); + newEle.removeEventListener("click", clickFn); + }; + + newEle.addEventListener("click", clickFn); + }, + darkmode: () => { + // switch between light and dark mode + const willChangeMode = document.documentElement.getAttribute("data-theme") === "dark" ? "light" : "dark"; + if (willChangeMode === "dark") { + activateDarkMode(); + GLOBAL_CONFIG.Snackbar !== undefined && anzhiyu.snackbarShow(GLOBAL_CONFIG.Snackbar.day_to_night); + } else { + activateLightMode(); + GLOBAL_CONFIG.Snackbar !== undefined && anzhiyu.snackbarShow(GLOBAL_CONFIG.Snackbar.night_to_day); + } + saveToLocal.set("theme", willChangeMode, 2); + handleThemeChange(willChangeMode); + }, + "rightside-config": item => { + // Show or hide rightside-hide-btn + const hideLayout = item.firstElementChild; + if (hideLayout.classList.contains("show")) { + hideLayout.classList.add("status"); + setTimeout(() => { + hideLayout.classList.remove("status"); + }, 300); + } + + hideLayout.classList.toggle("show"); + }, + "go-up": () => { + // Back to top + anzhiyu.scrollToDest(0, 500); + }, + "hide-aside-btn": () => { + // Hide aside + const $htmlDom = document.documentElement.classList; + const saveStatus = $htmlDom.contains("hide-aside") ? "show" : "hide"; + saveToLocal.set("aside-status", saveStatus, 2); + $htmlDom.toggle("hide-aside"); + }, + "mobile-toc-button": item => { + // Show mobile toc + const tocEle = document.getElementById("card-toc"); + tocEle.style.transformOrigin = `right ${item.getBoundingClientRect().top + 17}px`; + tocEle.style.transition = "transform 0.3s ease-in-out"; + tocEle.classList.toggle("open"); + tocEle.addEventListener( + "transitionend", + () => { + tocEle.style.transition = ""; + tocEle.style.transformOrigin = ""; + }, + { once: true } + ); + }, + "chat-btn": () => { + // Show chat + window.chatBtnFn(); + }, + translateLink: () => { + // switch between traditional and simplified chinese + window.translateFn.translatePage(); + }, + }; + + document.getElementById("rightside").addEventListener("click", function (e) { + const $target = e.target.closest("[id]"); + if ($target && rightSideFn[$target.id]) { + rightSideFn[$target.id](this); + } + }); + + //监听蒙版关闭 + document.addEventListener( + "touchstart", + e => { + anzhiyu.removeRewardMask(); + }, + { passive: true } + ); + + /** + * menu + * 側邊欄sub-menu 展開/收縮 + */ + const clickFnOfSubMenu = () => { + const handleClickOfSubMenu = e => { + const target = e.target.closest(".site-page.group"); + if (!target) return; + target.classList.toggle("hide"); + }; + + document.querySelector("#sidebar-menus .menus_items") && + document.querySelector("#sidebar-menus .menus_items").addEventListener("click", handleClickOfSubMenu); + }; + + /** + * 手机端目录点击 + */ + const openMobileMenu = () => { + const handleClick = () => { + sidebarFn.open(); + }; + anzhiyu.addEventListenerPjax(document.getElementById("toggle-menu"), "click", handleClick); + }; + + /** + * 複製時加上版權信息 + */ + const addCopyright = () => { + const { limitCount, languages, copy, copyrightEbable } = GLOBAL_CONFIG.copyright; + + const handleCopy = e => { + if (copy) { + anzhiyu.snackbarShow(languages.copySuccess); + } + if (copyrightEbable) { + e.preventDefault(); + const copyFont = window.getSelection(0).toString(); + let textFont = copyFont; + if (copyFont.length > limitCount) { + textFont = `${copyFont}\n\n\n${languages.author}\n${languages.link}${window.location.href}\n${languages.source}\n${languages.info}`; + } + if (e.clipboardData) { + return e.clipboardData.setData("text", textFont); + } else { + return window.clipboardData.setData("text", textFont); + } + } + }; + + document.body.addEventListener("copy", handleCopy); + }; + + /** + * 網頁運行時間 + */ + const addRuntime = () => { + const $runtimeCount = document.getElementById("runtimeshow"); + if ($runtimeCount) { + const publishDate = $runtimeCount.getAttribute("data-publishDate"); + $runtimeCount.textContent = `${anzhiyu.diffDate(publishDate)} ${GLOBAL_CONFIG.runtime}`; + } + }; + + /** + * 最後一次更新時間 + */ + const addLastPushDate = () => { + const $lastPushDateItem = document.getElementById("last-push-date"); + if ($lastPushDateItem) { + const lastPushDate = $lastPushDateItem.getAttribute("data-lastPushDate"); + $lastPushDateItem.textContent = anzhiyu.diffDate(lastPushDate, true); + } + }; + + /** + * table overflow + */ + const addTableWrap = () => { + const $table = document.querySelectorAll("#article-container table"); + if (!$table.length) return; + + $table.forEach(item => { + if (!item.closest(".highlight")) { + anzhiyu.wrap(item, "div", { class: "table-wrap" }); + } + }); + }; + + /** + * tag-hide + */ + const clickFnOfTagHide = () => { + const hideButtons = document.querySelectorAll("#article-container .hide-button"); + if (!hideButtons.length) return; + const handleClick = function (e) { + const $this = this; + $this.classList.add("open"); + const $fjGallery = $this.nextElementSibling.querySelectorAll(".gallery-container"); + $fjGallery.length && addJustifiedGallery($fjGallery); + }; + + hideButtons.forEach(item => { + item.addEventListener("click", handleClick, { once: true }); + }); + }; + + const tabsFn = () => { + const navTabsElement = document.querySelectorAll("#article-container .tabs"); + if (!navTabsElement.length) return; + + const removeAndAddActiveClass = (elements, detect) => { + Array.from(elements).forEach(element => { + element.classList.remove("active"); + if (element === detect || element.id === detect) { + element.classList.add("active"); + } + }); + }; + + const addTabNavEventListener = (item, isJustifiedGallery) => { + const navClickHandler = function (e) { + const target = e.target.closest("button"); + if (target.classList.contains("active")) return; + removeAndAddActiveClass(this.children, target); + this.classList.remove("no-default"); + const tabId = target.getAttribute("data-href"); + const tabContent = this.nextElementSibling; + removeAndAddActiveClass(tabContent.children, tabId); + if (isJustifiedGallery) { + const $isTabJustifiedGallery = tabContent.querySelectorAll(`#${tabId} .fj-gallery`); + if ($isTabJustifiedGallery.length > 0) { + anzhiyu.initJustifiedGallery($isTabJustifiedGallery); + } + } + }; + anzhiyu.addEventListenerPjax(item.firstElementChild, "click", navClickHandler); + }; + + const addTabToTopEventListener = item => { + const btnClickHandler = e => { + const target = e.target.closest("button"); + if (!target) return; + anzhiyu.scrollToDest(anzhiyu.getEleTop(item), 300); + }; + anzhiyu.addEventListenerPjax(item.lastElementChild, "click", btnClickHandler); + }; + + navTabsElement.forEach(item => { + const isJustifiedGallery = !!item.querySelectorAll(".gallery-container"); + addTabNavEventListener(item, isJustifiedGallery); + addTabToTopEventListener(item); + }); + }; + + const toggleCardCategory = () => { + const cardCategory = document.querySelector("#aside-cat-list.expandBtn"); + if (!cardCategory) return; + + const handleToggleBtn = e => { + const target = e.target; + if (target.nodeName === "I") { + e.preventDefault(); + target.parentNode.classList.toggle("expand"); + } + }; + anzhiyu.addEventListenerPjax(cardCategory, "click", handleToggleBtn, true); + }; + + const switchComments = () => { + const switchBtn = document.getElementById("switch-btn"); + if (!switchBtn) return; + let switchDone = false; + const commentContainer = document.getElementById("post-comment"); + const handleSwitchBtn = () => { + commentContainer.classList.toggle("move"); + if (!switchDone && typeof loadOtherComment === "function") { + switchDone = true; + loadOtherComment(); + } + }; + anzhiyu.addEventListenerPjax(switchBtn, "click", handleSwitchBtn); + }; + + const addPostOutdateNotice = function () { + const data = GLOBAL_CONFIG.noticeOutdate; + const diffDay = anzhiyu.diffDate(GLOBAL_CONFIG_SITE.postUpdate); + if (diffDay >= data.limitDay) { + const ele = document.createElement("div"); + ele.className = "post-outdate-notice"; + ele.textContent = data.messagePrev + " " + diffDay + " " + data.messageNext; + const $targetEle = document.getElementById("article-container"); + if (data.position === "top") { + $targetEle.insertBefore(ele, $targetEle.firstChild); + } else { + $targetEle.appendChild(ele); + } + } + }; + + const lazyloadImg = () => { + window.lazyLoadInstance = new LazyLoad({ + elements_selector: "img", + threshold: 0, + data_src: "lazy-src", + }); + }; + + const relativeDate = function (selector) { + selector.forEach(item => { + const timeVal = item.getAttribute("datetime"); + item.textContent = anzhiyu.diffDate(timeVal, true); + item.style.display = "inline"; + }); + }; + + const mouseleaveHomeCard = function () { + const topGroup = document.querySelector(".topGroup"); + if (!topGroup) return; + //首页大卡片恢复显示 + topGroup.addEventListener("mouseleave", function () { + document.getElementById("todayCard").classList.remove("hide"); + document.getElementById("todayCard").style.zIndex = 1; + }); + }; + + // 表情放大 + const owoBig = function () { + let flag = 1, // 设置节流阀 + owo_time = "", // 设置计时器 + m = 3; // 设置放大倍数 + // 创建盒子 + let div = document.createElement("div"); + // 设置ID + div.id = "owo-big"; + // 插入盒子 + let body = document.querySelector("body"); + body.appendChild(div); + + // 监听 post-comment 元素的子元素添加事件 + const observer = new MutationObserver(mutations => { + mutations.forEach(mutation => { + const addedNodes = mutation.addedNodes; + // 判断新增的节点中是否包含 OwO-body 类名的元素 + for (let i = 0; i < addedNodes.length; i++) { + const node = addedNodes[i]; + if ( + node.nodeType === Node.ELEMENT_NODE && + node.classList.contains("OwO-body") && + !node.classList.contains("comment-barrage") + ) { + const owo_body = node; + // 禁用右键（手机端长按会出现右键菜单，为了体验给禁用掉） + owo_body.addEventListener("contextmenu", e => e.preventDefault()); + // 鼠标移入 + owo_body.addEventListener("mouseover", handleMouseOver); + // 鼠标移出 + owo_body.addEventListener("mouseout", handleMouseOut); + } + } + }); + }); + + // 配置 MutationObserver 选项 + const config = { childList: true, subtree: true }; + + // 开始监听 + observer.observe(document.getElementById("post-comment"), config); + + function handleMouseOver(e) { + if (e.target.tagName == "IMG" && flag) { + flag = 0; + // 移入100毫秒后显示盒子 + owo_time = setTimeout(() => { + let height = e.target.clientHeight * m; // 盒子高 + let width = e.target.clientWidth * m; // 盒子宽 + let left = e.x - e.offsetX - (width - e.target.clientWidth) / 2; // 盒子与屏幕左边距离 + if (left + width > body.clientWidth) { + left -= left + width - body.clientWidth + 10; + } // 右边缘检测，防止超出屏幕 + if (left < 0) left = 10; // 左边缘检测，防止超出屏幕 + let top = e.y - e.offsetY; // 盒子与屏幕顶部距离 + + // 设置盒子样式 + div.style.height = height + "px"; + div.style.width = width + "px"; + div.style.left = left + "px"; + div.style.top = top + "px"; + div.style.display = "flex"; + // 在盒子中插入图片 + div.innerHTML = ``; + }, 100); + } + } + + function handleMouseOut(e) { + // 隐藏盒子 + div.style.display = "none"; + flag = 1; + clearTimeout(owo_time); + } + }; + + //封面纯色 + const coverColor = async () => { + const root = document.querySelector(":root"); + const path = document.getElementById("post-top-bg")?.src; + if (!path) { + // 非文章情况，直接设置不需要请求了 + root.style.setProperty("--anzhiyu-bar-background", "var(--anzhiyu-meta-theme-color)"); + requestAnimationFrame(() => { + anzhiyu.initThemeColor(); + }); + + // 要改回来默认主色 + document.documentElement.style.setProperty( + "--anzhiyu-main", + getComputedStyle(document.documentElement).getPropertyValue("--anzhiyu-theme") + ); + document.documentElement.style.setProperty( + "--anzhiyu-theme-op", + getComputedStyle(document.documentElement).getPropertyValue("--anzhiyu-main") + "23" + ); + document.documentElement.style.setProperty( + "--anzhiyu-theme-op-deep", + getComputedStyle(document.documentElement).getPropertyValue("--anzhiyu-main") + "dd" + ); + + return; + } + + // 文章内 + if (GLOBAL_CONFIG.mainTone) { + if (GLOBAL_CONFIG_SITE.postMainColor) { + let value = GLOBAL_CONFIG_SITE.postMainColor; + if (getContrastYIQ(value) === "light") { + value = LightenDarkenColor(colorHex(value), -40); + } + + root.style.setProperty("--anzhiyu-bar-background", value); + requestAnimationFrame(() => { + anzhiyu.initThemeColor(); + }); + + if (GLOBAL_CONFIG.mainTone.cover_change) { + document.documentElement.style.setProperty("--anzhiyu-main", value); + document.documentElement.style.setProperty( + "--anzhiyu-theme-op", + getComputedStyle(document.documentElement).getPropertyValue("--anzhiyu-main") + "23" + ); + document.documentElement.style.setProperty( + "--anzhiyu-theme-op-deep", + getComputedStyle(document.documentElement).getPropertyValue("--anzhiyu-main") + "dd" + ); + } + } else { + const fallbackValue = "var(--anzhiyu-theme)"; + let fetchPath = ""; + if (GLOBAL_CONFIG.mainTone.mode == "cdn" || GLOBAL_CONFIG.mainTone.mode == "both") { + fetchPath = path + "?imageAve"; + } else if (GLOBAL_CONFIG.mainTone.mode == "api") { + fetchPath = GLOBAL_CONFIG.mainTone.api + path; + } + // cdn/api模式请求 + try { + const response = await fetch(fetchPath); + if (response.ok && response.headers.get("content-type")?.includes("application/json")) { + const obj = await response.json(); + let value = + GLOBAL_CONFIG.mainTone.mode == "cdn" || GLOBAL_CONFIG.mainTone.mode == "both" + ? "#" + obj.RGB.slice(2) + : obj.RGB; + if (getContrastYIQ(value) === "light") { + value = LightenDarkenColor(colorHex(value), -40); + } + + root.style.setProperty("--anzhiyu-bar-background", value); + requestAnimationFrame(() => { + anzhiyu.initThemeColor(); + }); + + if (GLOBAL_CONFIG.mainTone.cover_change) { + document.documentElement.style.setProperty("--anzhiyu-main", value); + document.documentElement.style.setProperty( + "--anzhiyu-theme-op", + getComputedStyle(document.documentElement).getPropertyValue("--anzhiyu-main") + "23" + ); + document.documentElement.style.setProperty( + "--anzhiyu-theme-op-deep", + getComputedStyle(document.documentElement).getPropertyValue("--anzhiyu-main") + "dd" + ); + } + } else { + if (GLOBAL_CONFIG.mainTone.mode == "both") { + // both继续请求 + try { + const response = await fetch(GLOBAL_CONFIG.mainTone.api + path); + if (response.ok && response.headers.get("content-type")?.includes("application/json")) { + const obj = await response.json(); + let value = obj.RGB; + + if (getContrastYIQ(value) === "light") { + value = LightenDarkenColor(colorHex(value), -40); + } + + root.style.setProperty("--anzhiyu-bar-background", value); + requestAnimationFrame(() => { + anzhiyu.initThemeColor(); + }); + + if (GLOBAL_CONFIG.mainTone.cover_change) { + document.documentElement.style.setProperty("--anzhiyu-main", value); + document.documentElement.style.setProperty( + "--anzhiyu-theme-op", + getComputedStyle(document.documentElement).getPropertyValue("--anzhiyu-main") + "23" + ); + document.documentElement.style.setProperty( + "--anzhiyu-theme-op-deep", + getComputedStyle(document.documentElement).getPropertyValue("--anzhiyu-main") + "dd" + ); + } + } else { + root.style.setProperty("--anzhiyu-bar-background", fallbackValue); + requestAnimationFrame(() => { + anzhiyu.initThemeColor(); + }); + document.documentElement.style.setProperty("--anzhiyu-main", fallbackValue); + } + } catch { + root.style.setProperty("--anzhiyu-bar-background", fallbackValue); + requestAnimationFrame(() => { + anzhiyu.initThemeColor(); + }); + document.documentElement.style.setProperty("--anzhiyu-main", fallbackValue); + } + } else { + root.style.setProperty("--anzhiyu-bar-background", fallbackValue); + requestAnimationFrame(() => { + anzhiyu.initThemeColor(); + }); + document.documentElement.style.setProperty("--anzhiyu-main", fallbackValue); + } + } + } catch (err) { + console.error("Error fetching data:", err); + root.style.setProperty("--anzhiyu-bar-background", fallbackValue); + requestAnimationFrame(() => { + anzhiyu.initThemeColor(); + }); + document.documentElement.style.setProperty("--anzhiyu-main", fallbackValue); + } + } + } + }; + + //RGB颜色转化为16进制颜色 + const colorHex = str => { + const hexRegex = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/; + + if (/^(rgb|RGB)/.test(str)) { + const aColor = str.replace(/(?:\(|\)|rgb|RGB)*/g, "").split(","); + return aColor.reduce((acc, val) => { + const hex = Number(val).toString(16).padStart(2, "0"); + return acc + hex; + }, "#"); + } + + if (hexRegex.test(str)) { + if (str.length === 4) { + return Array.from(str.slice(1)).reduce((acc, val) => acc + val + val, "#"); + } + return str; + } + + return str; + }; + + // Lighten or darken a color + const LightenDarkenColor = (col, amt) => { + const usePound = col.startsWith("#"); + + if (usePound) { + col = col.slice(1); + } + + let num = parseInt(col, 16); + + const processColor = (colorValue, amount) => { + colorValue += amount; + return colorValue > 255 ? 255 : colorValue < 0 ? 0 : colorValue; + }; + + const r = processColor(num >> 16, amt); + const b = processColor((num >> 8) & 0x00ff, amt); + const g = processColor(num & 0x0000ff, amt); + + return (usePound ? "#" : "") + String("000000" + (g | (b << 8) | (r << 16)).toString(16)).slice(-6); + }; + + // Determine whether a color is light or dark + const getContrastYIQ = hexcolor => { + const colorRgb = color => { + const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i; + color = color.replace(shorthandRegex, (m, r, g, b) => r + r + g + g + b + b); + + const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(color); + return result ? `rgb(${parseInt(result[1], 16)}, ${parseInt(result[2], 16)}, ${parseInt(result[3], 16)})` : null; + }; + + const colorrgb = colorRgb(hexcolor); + const colors = colorrgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); + + const [_, red, green, blue] = colors; + + const brightness = (red * 299 + green * 587 + blue * 114) / 255000; + + return brightness >= 0.5 ? "light" : "dark"; + }; + + //监听跳转页面输入框是否按下回车 + const listenToPageInputPress = function () { + var input = document.getElementById("toPageText"); + if (input) { + input.addEventListener("keydown", event => { + if (event.keyCode === 13) { + // 如果按下的是回车键，则执行特定的函数 + anzhiyu.toPage(); + var link = document.getElementById("toPageButton"); + var href = link.href; + pjax.loadUrl(href); + } + }); + } + }; + + // 监听nav是否被其他音频暂停⏸️ + const listenNavMusicPause = function () { + const timer = setInterval(() => { + if (navMusicEl && navMusicEl.querySelector("#nav-music meting-js").aplayer) { + clearInterval(timer); + let msgPlay = '播放音乐'; + let msgPause = '暂停音乐'; + navMusicEl.querySelector("#nav-music meting-js").aplayer.on("pause", function () { + navMusicEl.classList.remove("playing"); + document.getElementById("menu-music-toggle").innerHTML = msgPlay; + document.getElementById("nav-music-hoverTips").innerHTML = "音乐已暂停"; + document.querySelector("#consoleMusic").classList.remove("on"); + anzhiyu_musicPlaying = false; + navMusicEl.classList.remove("stretch"); + }); + navMusicEl.querySelector("#nav-music meting-js").aplayer.on("play", function () { + navMusicEl.classList.add("playing"); + document.getElementById("menu-music-toggle").innerHTML = msgPause; + document.querySelector("#consoleMusic").classList.add("on"); + anzhiyu_musicPlaying = true; + // navMusicEl.classList.add("stretch"); + }); + } + }, 16); + }; + + // 开发者工具键盘监听 + window.onkeydown = function (e) { + 123 === e.keyCode && anzhiyu.snackbarShow("开发者模式已打开，请遵循GPL协议", !1); + }; + + // 欢迎语 + function greetingInit() { + const greetingBoxInfo = GLOBAL_CONFIG.greetingBox.list; + const greetingBoxDefault = GLOBAL_CONFIG.greetingBox.default; + //- 创建盒子 + let div = document.createElement("div"); + //- 设置ID + div.id = "greeting"; + //- 设置class + setTimeout(() => { + div.classList.add("shown"); + }, 1000); + //- 插入盒子 + let greetingBox = document.getElementById("greetingBox"); + if (!greetingBox) return; + greetingBox.appendChild(div); + const nowTime = new Date().getHours(); + let greetings = greetingBoxDefault; + for (let i = 0; i < greetingBoxInfo.length; i++) { + if (nowTime >= greetingBoxInfo[i].startTime && nowTime <= greetingBoxInfo[i].endTime) { + greetings = greetingBoxInfo[i].greeting; + break; + } + } + div.innerHTML = greetings; + setTimeout(() => { + div.classList.remove("shown"); + setTimeout(() => { + greetingBox.remove(); + }, 500); + }, 3000); + } + function statistics51aInit() { + const loadScript = (url, charset = "UTF-8", crossorigin, id) => { + return new Promise((resolve, reject) => { + const script = document.createElement("script"); + script.src = url; + script.async = true; + if (id) { + script.setAttribute("id", id); + } + if (charset) { + script.setAttribute("charset", charset); + } + if (crossorigin) { + script.setAttribute("crossorigin", crossorigin); + } + script.onerror = reject; + script.onload = script.onreadystatechange = function () { + const loadState = this.readyState; + if (loadState && loadState !== "loaded" && loadState !== "complete") return; + script.onload = script.onreadystatechange = null; + resolve(); + }; + document.head.appendChild(script); + }); + }; + + const scriptUrls = [ + { url: "https://sdk.51.la/js-sdk-pro.min.js", charset: "UTF-8", crossorigin: false, id: "LA_COLLECT" }, + { url: "https://sdk.51.la/perf/js-sdk-perf.min.js", crossorigin: "anonymous" }, + ]; + + Promise.all(scriptUrls.map(({ url, charset, crossorigin, id }) => loadScript(url, charset, crossorigin, id))) + .then(() => { + LA.init({ id: GLOBAL_CONFIG.LA51.ck, ck: GLOBAL_CONFIG.LA51.ck }); + new LingQue.Monitor().init({ id: GLOBAL_CONFIG.LA51.LingQueMonitorID, sendSuspicious: true }); + }) + .catch(error => { + console.error("加载51a统计异常，本地加载403是正常情况:", error); + }); + } + + function setInputFocusListener() { + const inputs = document.querySelectorAll("input, textarea"); + const filteredinputs = Array.from(inputs).filter(heading => { + if (heading.id !== "center-console" || heading.id !== "page-type") { + return; + } + }); + filteredinputs.forEach(input => { + input.addEventListener("focus", () => { + anzhiyu_intype = true; + }); + + input.addEventListener("blur", () => { + anzhiyu_intype = false; + }); + }); + } + + // 是否开启快捷键 + function executeShortcutKeyFunction() { + // 是否开启快捷键 + anzhiyu_keyboard = localStorage.getItem("keyboardToggle") ? localStorage.getItem("keyboardToggle") : false; + function addKeyShotListener() { + const windowObject = window; + windowObject.removeEventListener("keydown", keyDownEvent); + windowObject.removeEventListener("keyup", keyUpEvent); + windowObject.addEventListener("keydown", keyDownEvent); + windowObject.addEventListener("keyup", keyUpEvent); + } + + function keyDownEvent(event) { + const isEscapeKeyPressed = event.keyCode === 27; + const isShiftKeyPressed = event.shiftKey; + const isKeyboardEnabled = anzhiyu_keyboard; + const isInInputField = anzhiyu_intype; + + if (isEscapeKeyPressed) { + anzhiyu.hideLoading(); + anzhiyu.hideConsole(); + rm && rm.hideRightMenu(); + } + const shortcutKeyDelay = GLOBAL_CONFIG.shortcutKey.delay ? GLOBAL_CONFIG.shortcutKey.delay : 100; + const shortcutKeyShiftDelay = GLOBAL_CONFIG.shortcutKey.shiftDelay ? GLOBAL_CONFIG.shortcutKey.shiftDelay : 200; + if (isKeyboardEnabled && isShiftKeyPressed && !isInInputField) { + anzhiyu_keyUpShiftDelayEvent_timeoutId = setTimeout(() => { + switch (event.keyCode) { + case 16: + anzhiyu_keyUpEvent_timeoutId = setTimeout(() => { + document.querySelector("#keyboard-tips").classList.add("show"); + }, shortcutKeyShiftDelay); + break; + case 65: + anzhiyu.switchConsole(); + break; + case 77: + anzhiyu.musicToggle(); + break; + case 75: + anzhiyu.keyboardToggle(); + break; + case 73: + anzhiyu.rightMenuToggle(); + break; + case 82: + toRandomPost(); + break; + case 72: + pjax.loadUrl("/"); + break; + case 68: + rightSideFn.darkmode(); + break; + case 70: + pjax.loadUrl("/fcircle/"); + break; + case 76: + pjax.loadUrl("/link/"); + break; + case 80: + pjax.loadUrl("/about/"); + break; + default: + break; + } + event.preventDefault(); + }, shortcutKeyDelay); + } + } + + window.onfocus = function () { + document.getElementById("keyboard-tips").classList.remove("show"); + }; + + function keyUpEvent(event) { + anzhiyu_keyUpEvent_timeoutId && clearTimeout(anzhiyu_keyUpEvent_timeoutId); + anzhiyu_keyUpShiftDelayEvent_timeoutId && clearTimeout(anzhiyu_keyUpShiftDelayEvent_timeoutId); + if (event.keyCode === 16) { + const keyboardTips = document.querySelector("#keyboard-tips"); + keyboardTips.classList.remove("show"); + } + } + + addKeyShotListener(); + } + + function changeDocumentTitle() { + let leaveTitle = GLOBAL_CONFIG.diytitle.leaveTitle; + let backTitle = GLOBAL_CONFIG.diytitle.backTitle; + let OriginTitile = document.title; + let titleTime; + + document.addEventListener("visibilitychange", function () { + if (document.hidden) { + //离开当前页面时标签显示内容 + document.title = leaveTitle; + clearTimeout(titleTime); + } else { + //返回当前页面时标签显示内容 + document.title = backTitle + OriginTitile; + //两秒后变回正常标题 + titleTime = setTimeout(function () { + document.title = OriginTitile; + }, 2000); + } + }); + } + + function addDarkModeEventListener(elementId, childSelector) { + const element = document.getElementById(elementId); + if (element && childSelector) { + const childElement = element.querySelector(childSelector); + childElement && childElement.addEventListener("click", rightSideFn.darkmode); + } else if (element) { + element.addEventListener("click", rightSideFn.darkmode); + } + } + + const unRefreshFn = function () { + window.addEventListener("resize", () => { + adjustMenu(false); + mobileSidebarOpen && anzhiyu.isHidden(document.getElementById("toggle-menu")) && sidebarFn.close(); + }); + + document.getElementById("menu-mask").addEventListener("click", e => { + sidebarFn.close(); + }); + + // 处理右键 + $rightMenu = document.getElementById("rightMenu"); + addDarkModeEventListener("menu-darkmode"); + addDarkModeEventListener("sidebar", ".darkmode_switchbutton"); + + clickFnOfSubMenu(); + GLOBAL_CONFIG.islazyload && lazyloadImg(); + GLOBAL_CONFIG.copyright !== undefined && addCopyright(); + GLOBAL_CONFIG.navMusic && listenNavMusicPause(); + if (GLOBAL_CONFIG.shortcutKey && document.getElementById("consoleKeyboard")) { + localStorage.setItem("keyboardToggle", "true"); + document.getElementById("consoleKeyboard").classList.add("on"); + anzhiyu_keyboard = true; + executeShortcutKeyFunction(); + } + if (GLOBAL_CONFIG.autoDarkmode) { + window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", e => { + if (saveToLocal.get("theme") !== undefined) return; + e.matches ? handleThemeChange("dark") : handleThemeChange("light"); + }); + } + // 欢迎语 + GLOBAL_CONFIG.greetingBox && greetingInit(); + // 51la统计&灵雀统计 + GLOBAL_CONFIG.LA51 && statistics51aInit(); + }; + + window.refreshFn = function () { + initAdjust(); + themeColorMeta = document.querySelector('meta[name="theme-color"]'); + pageHeaderEl = document.getElementById("page-header"); + navMusicEl = document.getElementById("nav-music"); + consoleEl = document.getElementById("console"); + + addDarkModeEventListener("console", ".darkmode_switchbutton"); + + if (GLOBAL_CONFIG_SITE.isPost) { + GLOBAL_CONFIG.noticeOutdate !== undefined && addPostOutdateNotice(); + GLOBAL_CONFIG.relativeDate.post && relativeDate(document.querySelectorAll("#post-meta time")); + } else { + if (GLOBAL_CONFIG.relativeDate.homepage) { + relativeDate(document.querySelectorAll("#recent-posts time")); + } else if (GLOBAL_CONFIG.relativeDate.simplehomepage) { + relativeDate(document.querySelectorAll("#recent-posts time"), true); + } + GLOBAL_CONFIG.runtime && addRuntime(); + addLastPushDate(); + toggleCardCategory(); + } + + GLOBAL_CONFIG.diytitle && changeDocumentTitle(); + scrollFnToDo(); + GLOBAL_CONFIG_SITE.isHome && scrollDownInIndex(); + addHighlightTool(); + GLOBAL_CONFIG.isPhotoFigcaption && addPhotoFigcaption(); + scrollFn(); + + // 刷新时第一次滚动百分比 + window.scrollCollect && window.scrollCollect(); + + const $jgEle = document.querySelectorAll("#content-inner .fj-gallery"); + $jgEle.length && runJustifiedGallery($jgEle); + + runLightbox(); + addTableWrap(); + clickFnOfTagHide(); + tabsFn(); + switchComments(); + document.getElementById("toggle-menu").addEventListener("click", () => { + sidebarFn.open(); + }); + + // 如果当前页有评论就执行函数 + if (document.getElementById("post-comment")) owoBig(); + + mouseleaveHomeCard(); + coverColor(); + listenToPageInputPress(); + openMobileMenu(); + + // needRefresh + // nav中间的标题变化 + document.getElementById("page-name").innerText = document.title.split(` | ${GLOBAL_CONFIG_SITE.configTitle}`)[0]; + anzhiyu.initIndexEssay(); + anzhiyu.changeTimeInEssay(); + anzhiyu.removeBodyPaceClass(); + anzhiyu.qrcodeCreate(); + anzhiyu.changeTimeInAlbumDetail(); + anzhiyu.reflashEssayWaterFall(); + anzhiyu.sayhi(); + anzhiyu.stopImgRightDrag(); + anzhiyu.addNavBackgroundInit(); + anzhiyu.setValueToBodyType(); + anzhiyu.catalogActive(); + anzhiyu.tagsPageActive(); + anzhiyu.categoriesBarActive(); + anzhiyu.topCategoriesBarScroll(); + anzhiyu.switchRightClickMenuHotReview(); + anzhiyu.getCustomPlayList(); + anzhiyu.addEventListenerConsoleMusicList(false); + anzhiyu.initPaginationObserver(); + + setTimeout(() => { + setInputFocusListener(); + if (typeof addFriendLinksInFooter === "function") { + addFriendLinksInFooter(); + } + }, 200); + }; + + refreshFn(); + unRefreshFn(); +}); diff --git a/js/script.js b/js/script.js deleted file mode 100644 index 6c1bd0e..0000000 --- a/js/script.js +++ /dev/null @@ -1,138 +0,0 @@ -(function($){ - // Search - var $searchWrap = $('#search-form-wrap'), - isSearchAnim = false, - searchAnimDuration = 200; - - var startSearchAnim = function(){ - isSearchAnim = true; - }; - - var stopSearchAnim = function(callback){ - setTimeout(function(){ - isSearchAnim = false; - callback && callback(); - }, searchAnimDuration); - }; - - $('.nav-search-btn').on('click', function(){ - if (isSearchAnim) return; - - startSearchAnim(); - $searchWrap.addClass('on'); - stopSearchAnim(function(){ - $('.search-form-input').focus(); - }); - }); - - $('.search-form-input').on('blur', function(){ - startSearchAnim(); - $searchWrap.removeClass('on'); - stopSearchAnim(); - }); - - // Share - $('body').on('click', function(){ - $('.article-share-box.on').removeClass('on'); - }).on('click', '.article-share-link', function(e){ - e.stopPropagation(); - - var $this = $(this), - url = $this.attr('data-url'), - encodedUrl = encodeURIComponent(url), - id = 'article-share-box-' + $this.attr('data-id'), - title = $this.attr('data-title'), - offset = $this.offset(); - - if ($('#' + id).length){ - var box = $('#' + id); - - if (box.hasClass('on')){ - box.removeClass('on'); - return; - } - } else { - var html = [ - '
', - '', - '
', - '', - '', - '', - '', - '
', - '
' - ].join(''); - - var box = $(html); - - $('body').append(box); - } - - $('.article-share-box.on').hide(); - - box.css({ - top: offset.top + 25, - left: offset.left - }).addClass('on'); - }).on('click', '.article-share-box', function(e){ - e.stopPropagation(); - }).on('click', '.article-share-box-input', function(){ - $(this).select(); - }).on('click', '.article-share-box-link', function(e){ - e.preventDefault(); - e.stopPropagation(); - - window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450'); - }); - - // Caption - $('.article-entry').each(function(i){ - $(this).find('img').each(function(){ - if ($(this).parent().hasClass('fancybox') || $(this).parent().is('a')) return; - - var alt = this.alt; - - if (alt) $(this).after('' + alt + ''); - - $(this).wrap('') - }); - - $(this).find('.fancybox').each(function(){ - $(this).attr('rel', 'article' + i); - }); - }); - - if ($.fancybox){ - $('.fancybox').fancybox(); - } - - // Mobile nav - var $container = $('#container'), - isMobileNavAnim = false, - mobileNavAnimDuration = 200; - - var startMobileNavAnim = function(){ - isMobileNavAnim = true; - }; - - var stopMobileNavAnim = function(){ - setTimeout(function(){ - isMobileNavAnim = false; - }, mobileNavAnimDuration); - } - - $('#main-nav-toggle').on('click', function(){ - if (isMobileNavAnim) return; - - startMobileNavAnim(); - $container.toggleClass('mobile-nav-on'); - stopMobileNavAnim(); - }); - - $('#wrap').on('click', function(){ - if (isMobileNavAnim || !$container.hasClass('mobile-nav-on')) return; - - $container.removeClass('mobile-nav-on'); - }); -})(jQuery); \ No newline at end of file diff --git a/js/search/algolia.js b/js/search/algolia.js new file mode 100644 index 0000000..e004701 --- /dev/null +++ b/js/search/algolia.js @@ -0,0 +1,192 @@ +window.addEventListener("load", () => { + const $searchMask = document.getElementById("search-mask"); + const $searchDialog = document.querySelector("#algolia-search .search-dialog"); + + const openSearch = () => { + anzhiyu.animateIn($searchMask, "to_show 0.5s"); + $searchDialog.style.display = "block"; + setTimeout(() => { + document.querySelector("#algolia-search .ais-SearchBox-input").focus(); + }, 100); + + // shortcut: ESC + document.addEventListener("keydown", function f(event) { + if (event.code === "Escape") { + closeSearch(); + document.removeEventListener("keydown", f); + } + }); + + fixSafariHeight(); + window.addEventListener("resize", fixSafariHeight); + }; + + // shortcut: shift+S + if (anzhiyu_keyboard) { + window.addEventListener("keydown", function (event) { + if (event.keyCode == 83 && event.shiftKey) { + console.info(selectTextNow); + if (selectTextNow) { + openSearch(); + const t = document.querySelector("#algolia-search-input > div > form > input"); + t.value = selectTextNow; + t.dispatchEvent(new Event("input")); + setTimeout(() => { + document.querySelector("#algolia-search-input > div > form > button.ais-SearchBox-submit").click(); + }, 64); + } else { + openSearch(); + } + + return false; + } + }); + } + + const closeSearch = () => { + anzhiyu.animateOut($searchDialog, "search_close .5s"); + anzhiyu.animateOut($searchMask, "to_hide 0.5s"); + window.removeEventListener("resize", fixSafariHeight); + }; + + // fix safari + const fixSafariHeight = () => { + if (window.innerWidth < 768) { + $searchDialog.style.setProperty("--search-height", window.innerHeight + "px"); + } + }; + + const searchClickFn = () => { + anzhiyu.addEventListenerPjax(document.querySelector("#search-button > .search"), "click", openSearch); + }; + + const searchFnOnce = () => { + $searchMask.addEventListener("click", closeSearch); + document.querySelector("#algolia-search .search-close-button").addEventListener("click", closeSearch); + }; + + const algolia = GLOBAL_CONFIG.algolia; + const isAlgoliaValid = algolia.appId && algolia.apiKey && algolia.indexName; + if (!isAlgoliaValid) { + return console.error("Algolia setting is invalid!"); + } + + const search = instantsearch({ + indexName: algolia.indexName, + /* global algoliasearch */ + searchClient: algoliasearch(algolia.appId, algolia.apiKey), + searchFunction(helper) { + if (helper.state.query) { + let innerLoading = ''; + document.getElementById("algolia-hits").innerHTML = innerLoading; + helper.search(); + } + }, + }); + + const configure = instantsearch.widgets.configure({ + hitsPerPage: algolia.hits.per_page ?? 5, + }); + + const searchBox = instantsearch.widgets.searchBox({ + container: "#algolia-search-input", + showReset: false, + showSubmit: false, + placeholder: algolia.languages.input_placeholder, + showLoadingIndicator: true, + searchOnEnterKeyPressOnly: true, + searchAsYouType: false, + }); + + const hits = instantsearch.widgets.hits({ + container: "#algolia-hits", + templates: { + item(data) { + const link = data.permalink ? data.permalink : GLOBAL_CONFIG.root + data.path; + const result = data._highlightResult; + const loadingLogo = document.querySelector("#algolia-hits .anzhiyu-spin"); + if (loadingLogo) { + loadingLogo.style.display = "none"; + } + setTimeout(() => { + document.querySelector("#algolia-search .ais-SearchBox-input").focus(); + }, 200); + return ` + + ${result.title.value || "no-title"} + `; + }, + empty: function (data) { + const loadingLogo = document.querySelector("#algolia-hits .anzhiyu-spin"); + console.info(loadingLogo); + if (loadingLogo) { + loadingLogo.style.display = "none"; + } + setTimeout(() => { + document.querySelector("#algolia-search .ais-SearchBox-input").focus(); + }, 200); + return ( + '
' + + GLOBAL_CONFIG.algolia.languages.hits_empty.replace(/\$\{query}/, data.query) + + "
" + ); + }, + }, + cssClasses: { + item: "algolia-hit-item", + }, + }); + + const stats = instantsearch.widgets.stats({ + container: "#algolia-info > .algolia-stats", + templates: { + text: function (data) { + const stats = GLOBAL_CONFIG.algolia.languages.hits_stats + .replace(/\$\{hits}/, data.nbHits) + .replace(/\$\{time}/, data.processingTimeMS); + return `
${stats}`; + }, + }, + }); + + const powerBy = instantsearch.widgets.poweredBy({ + container: "#algolia-info > .algolia-poweredBy", + }); + + const pagination = instantsearch.widgets.pagination({ + container: "#algolia-pagination", + totalPages: algolia.hits.per_page ?? 5, + templates: { + first: '', + last: '', + previous: '', + next: '', + }, + scrollTo: false, + showFirstLast: false, + cssClasses: { + root: "pagination", + item: "pagination-item", + link: "page-number", + active: "current", + disabled: "disabled-item", + }, + }); + + search.addWidgets([configure, searchBox, hits, stats, powerBy, pagination]); // add the widgets to the instantsearch instance + + search.start(); + + searchClickFn(); + searchFnOnce(); + + window.addEventListener("pjax:complete", () => { + !anzhiyu.isHidden($searchMask) && closeSearch(); + searchClickFn(); + }); + + window.pjax && + search.on("render", () => { + window.pjax.refresh(document.getElementById("algolia-hits")); + }); +}); diff --git a/js/search/local-search.js b/js/search/local-search.js new file mode 100644 index 0000000..44b5d62 --- /dev/null +++ b/js/search/local-search.js @@ -0,0 +1,270 @@ +window.addEventListener("load", () => { + let loadFlag = false; + let dataObj = []; + const $searchMask = document.getElementById("search-mask"); + + const openSearch = () => { + const bodyStyle = document.body.style; + bodyStyle.width = "100%"; + bodyStyle.overflow = "hidden"; + anzhiyu.animateIn($searchMask, "to_show 0.5s"); + anzhiyu.animateIn(document.querySelector("#local-search .search-dialog"), "titleScale 0.5s"); + setTimeout(() => { + document.querySelector("#local-search-input input").focus(); + }, 100); + if (!loadFlag) { + search(); + loadFlag = true; + } + // shortcut: ESC + document.addEventListener("keydown", function f(event) { + if (event.code === "Escape") { + closeSearch(); + document.removeEventListener("keydown", f); + } + }); + }; + + const closeSearch = () => { + const bodyStyle = document.body.style; + bodyStyle.width = ""; + bodyStyle.overflow = ""; + anzhiyu.animateOut(document.querySelector("#local-search .search-dialog"), "search_close .5s"); + anzhiyu.animateOut($searchMask, "to_hide 0.5s"); + }; + + const searchClickFn = () => { + document.querySelector("#search-button > .search").addEventListener("click", openSearch); + document.querySelector("#menu-search").addEventListener("click", openSearch); + }; + + const searchClickFnOnce = () => { + document.querySelector("#local-search .search-close-button").addEventListener("click", closeSearch); + $searchMask.addEventListener("click", closeSearch); + if (GLOBAL_CONFIG.localSearch.preload) dataObj = fetchData(GLOBAL_CONFIG.localSearch.path); + }; + + // check url is json or not + const isJson = url => { + const reg = /\.json$/; + return reg.test(url); + }; + + const fetchData = async path => { + let data = []; + const response = await fetch(path); + if (isJson(path)) { + data = await response.json(); + } else { + const res = await response.text(); + const t = await new window.DOMParser().parseFromString(res, "text/xml"); + const a = await t; + + data = [...a.querySelectorAll("entry")].map(item => { + let tagsArr = []; + if (item.querySelector("tags") && item.querySelector("tags").getElementsByTagName("tag")) { + Array.prototype.forEach.call(item.querySelector("tags").getElementsByTagName("tag"), function (item, index) { + tagsArr.push(item.textContent); + }); + } + let content = item.querySelector("content") && item.querySelector("content").textContent; + let imgReg = /|\/>)/gi; //匹配图片中的img标签 + let srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i; // 匹配图片中的src + let arr = content.match(imgReg); //筛选出所有的img + + let srcArr = []; + if (arr) { + for (let i = 0; i < arr.length; i++) { + let src = arr[i].match(srcReg); + // 获取图片地址 + if (!src[1].indexOf("http")) srcArr.push(src[1]); + } + } + + return { + title: item.querySelector("title").textContent, + content: content, + url: item.querySelector("url").textContent, + tags: tagsArr, + oneImage: srcArr && srcArr[0], + }; + }); + } + if (response.ok) { + const $loadDataItem = document.getElementById("loading-database"); + $loadDataItem.nextElementSibling.style.display = "block"; + $loadDataItem.remove(); + } + return data; + }; + + const search = () => { + if (!GLOBAL_CONFIG.localSearch.preload) { + dataObj = fetchData(GLOBAL_CONFIG.localSearch.path); + } + const $input = document.querySelector("#local-search-input input"); + const $resultContent = document.getElementById("local-search-results"); + const $loadingStatus = document.getElementById("loading-status"); + + $input.addEventListener("input", function () { + const keywords = this.value.trim().toLowerCase().split(/[\s]+/); + if (keywords[0] !== "") + $loadingStatus.innerHTML = ''; + + $resultContent.innerHTML = ""; + let str = '
'; + if (keywords.length <= 0) return; + let count = 0; + // perform local searching + dataObj.then(data => { + data.forEach(data => { + let isMatch = true; + let dataTitle = data.title ? data.title.trim().toLowerCase() : ""; + let dataTags = data.tags; + let oneImage = data.oneImage ?? ""; + const dataContent = data.content + ? data.content + .trim() + .replace(/<[^>]+>/g, "") + .toLowerCase() + : ""; + const dataUrl = data.url.startsWith("/") ? data.url : GLOBAL_CONFIG.root + data.url; + let indexTitle = -1; + let indexContent = -1; + let firstOccur = -1; + // only match articles with not empty titles and contents + if (dataTitle !== "" || dataContent !== "") { + keywords.forEach((keyword, i) => { + indexTitle = dataTitle.indexOf(keyword); + indexContent = dataContent.indexOf(keyword); + if (indexTitle < 0 && indexContent < 0) { + isMatch = false; + } else { + if (indexContent < 0) { + indexContent = 0; + } + if (i === 0) { + firstOccur = indexContent; + } + } + }); + } else { + isMatch = false; + } + + // show search results + if (isMatch) { + if (firstOccur >= 0) { + // cut out 130 characters + // let start = firstOccur - 30 < 0 ? 0 : firstOccur - 30 + // let end = firstOccur + 50 > dataContent.length ? dataContent.length : firstOccur + 50 + let start = firstOccur - 30; + let end = firstOccur + 100; + let pre = ""; + let post = ""; + + if (start < 0) { + start = 0; + } + + if (start === 0) { + end = 100; + } else { + pre = "..."; + } + + if (end > dataContent.length) { + end = dataContent.length; + } else { + post = "..."; + } + + let matchContent = dataContent.substring(start, end); + + // highlight all keywords + keywords.forEach(keyword => { + const regS = new RegExp(keyword, "gi"); + matchContent = matchContent.replace(regS, '' + keyword + ""); + dataTitle = dataTitle.replace(regS, '' + keyword + ""); + }); + + str += '
'; + if (oneImage) { + str += `
${dataTitle}`; + } else { + str += '
'; + } + + str += "
"; + + if (oneImage) { + str += + '
' + + dataTitle + + ""; + } else { + str += + '
' + + dataTitle + + ""; + } + + count += 1; + + if (dataContent !== "") { + str += + '

' + + pre + + matchContent + + post + + "

"; + } + if (dataTags.length) { + str += '
'; + + for (let i = 0; i < dataTags.length; i++) { + const element = dataTags[i].trim(); + + str += + '#' + + element + + ""; + } + + str += "
"; + } + } + str += "
"; + } + }); + if (count === 0) { + str += + '
' + + GLOBAL_CONFIG.localSearch.languages.hits_empty.replace(/\$\{query}/, this.value.trim()) + + "
"; + } + str += "
"; + $resultContent.innerHTML = str; + if (keywords[0] !== "") $loadingStatus.innerHTML = ""; + window.pjax && window.pjax.refresh($resultContent); + }); + }); + }; + + searchClickFn(); + searchClickFnOnce(); + + // pjax + window.addEventListener("pjax:complete", () => { + !anzhiyu.isHidden($searchMask) && closeSearch(); + searchClickFn(); + }); +}); diff --git a/js/tw_cn.js b/js/tw_cn.js new file mode 100644 index 0000000..86a0d7b --- /dev/null +++ b/js/tw_cn.js @@ -0,0 +1,130 @@ +document.addEventListener('DOMContentLoaded', function () { + const { defaultEncoding, translateDelay, msgToTraditionalChinese, msgToSimplifiedChinese } = GLOBAL_CONFIG.translate + const snackbarData = GLOBAL_CONFIG.Snackbar + let currentEncoding = defaultEncoding + const targetEncodingCookie = 'translate-chn-cht' + let targetEncoding = + saveToLocal.get(targetEncodingCookie) === undefined + ? defaultEncoding + : Number(saveToLocal.get('translate-chn-cht')) + let translateButtonObject, translateRightMenuButtonObject; + const isSnackbar = snackbarData !== undefined + + function setLang () { + document.documentElement.lang = targetEncoding === 1 ? 'zh-TW' : 'zh-CN' + } + + function translateText (txt) { + if (txt === '' || txt == null) return '' + if (currentEncoding === 1 && targetEncoding === 2) return Simplized(txt) + else if (currentEncoding === 2 && targetEncoding === 1) { + return Traditionalized(txt) + } else return txt + } + + function translateBody (fobj) { + let objs + if (typeof fobj === 'object') objs = fobj.childNodes + else objs = document.body.childNodes + for (let i = 0; i < objs.length; i++) { + const obj = objs.item(i) + if ( + '||BR|HR|'.indexOf('|' + obj.tagName + '|') > 0 || + obj === translateButtonObject + ) { + continue + } + if (obj.title !== '' && obj.title != null) { + obj.title = translateText(obj.title) + } + if (obj.alt !== '' && obj.alt != null) obj.alt = translateText(obj.alt) + if (obj.placeholder !== '' && obj.placeholder != null) { obj.placeholder = translateText(obj.placeholder) } + if ( + obj.tagName === 'INPUT' && + obj.value !== '' && + obj.type !== 'text' && + obj.type !== 'hidden' + ) { + obj.value = translateText(obj.value) + } + if (obj.nodeType === 3) obj.data = translateText(obj.data) + else translateBody(obj) + } + } + function translatePage () { + if (targetEncoding === 1) { + currentEncoding = 1 + targetEncoding = 2 + translateButtonObject.textContent = msgToTraditionalChinese + isSnackbar && anzhiyu.snackbarShow(snackbarData.cht_to_chs) + } else if (targetEncoding === 2) { + currentEncoding = 2 + targetEncoding = 1 + translateButtonObject.textContent = msgToSimplifiedChinese + isSnackbar && anzhiyu.snackbarShow(snackbarData.chs_to_cht) + } + saveToLocal.set(targetEncodingCookie, targetEncoding, 2) + setLang() + translateBody() + } + + function JTPYStr () { + return '万与丑专业丛东丝丢两严丧个丬丰临为丽举么义乌乐乔习乡书买乱争于亏云亘亚产亩亲亵亸亿仅从仑仓仪们价众优伙会伛伞伟传伤伥伦伧伪伫体余佣佥侠侣侥侦侧侨侩侪侬俣俦俨俩俪俭债倾偬偻偾偿傥傧储傩儿兑兖党兰关兴兹养兽冁内冈册写军农冢冯冲决况冻净凄凉凌减凑凛几凤凫凭凯击凼凿刍划刘则刚创删别刬刭刽刿剀剂剐剑剥剧劝办务劢动励劲劳势勋勐勚匀匦匮区医华协单卖卢卤卧卫却卺厂厅历厉压厌厍厕厢厣厦厨厩厮县参叆叇双发变叙叠叶号叹叽吁后吓吕吗吣吨听启吴呒呓呕呖呗员呙呛呜咏咔咙咛咝咤咴咸哌响哑哒哓哔哕哗哙哜哝哟唛唝唠唡唢唣唤唿啧啬啭啮啰啴啸喷喽喾嗫呵嗳嘘嘤嘱噜噼嚣嚯团园囱围囵国图圆圣圹场坂坏块坚坛坜坝坞坟坠垄垅垆垒垦垧垩垫垭垯垱垲垴埘埙埚埝埯堑堕塆墙壮声壳壶壸处备复够头夸夹夺奁奂奋奖奥妆妇妈妩妪妫姗姜娄娅娆娇娈娱娲娴婳婴婵婶媪嫒嫔嫱嬷孙学孪宁宝实宠审宪宫宽宾寝对寻导寿将尔尘尧尴尸尽层屃屉届属屡屦屿岁岂岖岗岘岙岚岛岭岳岽岿峃峄峡峣峤峥峦崂崃崄崭嵘嵚嵛嵝嵴巅巩巯币帅师帏帐帘帜带帧帮帱帻帼幂幞干并广庄庆庐庑库应庙庞废庼廪开异弃张弥弪弯弹强归当录彟彦彻径徕御忆忏忧忾怀态怂怃怄怅怆怜总怼怿恋恳恶恸恹恺恻恼恽悦悫悬悭悯惊惧惨惩惫惬惭惮惯愍愠愤愦愿慑慭憷懑懒懔戆戋戏戗战戬户扎扑扦执扩扪扫扬扰抚抛抟抠抡抢护报担拟拢拣拥拦拧拨择挂挚挛挜挝挞挟挠挡挢挣挤挥挦捞损捡换捣据捻掳掴掷掸掺掼揸揽揿搀搁搂搅携摄摅摆摇摈摊撄撑撵撷撸撺擞攒敌敛数斋斓斗斩断无旧时旷旸昙昼昽显晋晒晓晔晕晖暂暧札术朴机杀杂权条来杨杩杰极构枞枢枣枥枧枨枪枫枭柜柠柽栀栅标栈栉栊栋栌栎栏树栖样栾桊桠桡桢档桤桥桦桧桨桩梦梼梾检棂椁椟椠椤椭楼榄榇榈榉槚槛槟槠横樯樱橥橱橹橼檐檩欢欤欧歼殁殇残殒殓殚殡殴毁毂毕毙毡毵氇气氢氩氲汇汉污汤汹沓沟没沣沤沥沦沧沨沩沪沵泞泪泶泷泸泺泻泼泽泾洁洒洼浃浅浆浇浈浉浊测浍济浏浐浑浒浓浔浕涂涌涛涝涞涟涠涡涢涣涤润涧涨涩淀渊渌渍渎渐渑渔渖渗温游湾湿溃溅溆溇滗滚滞滟滠满滢滤滥滦滨滩滪漤潆潇潋潍潜潴澜濑濒灏灭灯灵灾灿炀炉炖炜炝点炼炽烁烂烃烛烟烦烧烨烩烫烬热焕焖焘煅煳熘爱爷牍牦牵牺犊犟状犷犸犹狈狍狝狞独狭狮狯狰狱狲猃猎猕猡猪猫猬献獭玑玙玚玛玮环现玱玺珉珏珐珑珰珲琎琏琐琼瑶瑷璇璎瓒瓮瓯电画畅畲畴疖疗疟疠疡疬疮疯疱疴痈痉痒痖痨痪痫痴瘅瘆瘗瘘瘪瘫瘾瘿癞癣癫癯皑皱皲盏盐监盖盗盘眍眦眬着睁睐睑瞒瞩矫矶矾矿砀码砖砗砚砜砺砻砾础硁硅硕硖硗硙硚确硷碍碛碜碱碹磙礼祎祢祯祷祸禀禄禅离秃秆种积称秽秾稆税稣稳穑穷窃窍窑窜窝窥窦窭竖竞笃笋笔笕笺笼笾筑筚筛筜筝筹签简箓箦箧箨箩箪箫篑篓篮篱簖籁籴类籼粜粝粤粪粮糁糇紧絷纟纠纡红纣纤纥约级纨纩纪纫纬纭纮纯纰纱纲纳纴纵纶纷纸纹纺纻纼纽纾线绀绁绂练组绅细织终绉绊绋绌绍绎经绐绑绒结绔绕绖绗绘给绚绛络绝绞统绠绡绢绣绤绥绦继绨绩绪绫绬续绮绯绰绱绲绳维绵绶绷绸绹绺绻综绽绾绿缀缁缂缃缄缅缆缇缈缉缊缋缌缍缎缏缐缑缒缓缔缕编缗缘缙缚缛缜缝缞缟缠缡缢缣缤缥缦缧缨缩缪缫缬缭缮缯缰缱缲缳缴缵罂网罗罚罢罴羁羟羡翘翙翚耢耧耸耻聂聋职聍联聩聪肃肠肤肷肾肿胀胁胆胜胧胨胪胫胶脉脍脏脐脑脓脔脚脱脶脸腊腌腘腭腻腼腽腾膑臜舆舣舰舱舻艰艳艹艺节芈芗芜芦苁苇苈苋苌苍苎苏苘苹茎茏茑茔茕茧荆荐荙荚荛荜荞荟荠荡荣荤荥荦荧荨荩荪荫荬荭荮药莅莜莱莲莳莴莶获莸莹莺莼萚萝萤营萦萧萨葱蒇蒉蒋蒌蓝蓟蓠蓣蓥蓦蔷蔹蔺蔼蕲蕴薮藁藓虏虑虚虫虬虮虽虾虿蚀蚁蚂蚕蚝蚬蛊蛎蛏蛮蛰蛱蛲蛳蛴蜕蜗蜡蝇蝈蝉蝎蝼蝾螀螨蟏衅衔补衬衮袄袅袆袜袭袯装裆裈裢裣裤裥褛褴襁襕见观觃规觅视觇览觉觊觋觌觍觎觏觐觑觞触觯詟誉誊讠计订讣认讥讦讧讨让讪讫训议讯记讱讲讳讴讵讶讷许讹论讻讼讽设访诀证诂诃评诅识诇诈诉诊诋诌词诎诏诐译诒诓诔试诖诗诘诙诚诛诜话诞诟诠诡询诣诤该详诧诨诩诪诫诬语诮误诰诱诲诳说诵诶请诸诹诺读诼诽课诿谀谁谂调谄谅谆谇谈谊谋谌谍谎谏谐谑谒谓谔谕谖谗谘谙谚谛谜谝谞谟谠谡谢谣谤谥谦谧谨谩谪谫谬谭谮谯谰谱谲谳谴谵谶谷豮贝贞负贠贡财责贤败账货质贩贪贫贬购贮贯贰贱贲贳贴贵贶贷贸费贺贻贼贽贾贿赀赁赂赃资赅赆赇赈赉赊赋赌赍赎赏赐赑赒赓赔赕赖赗赘赙赚赛赜赝赞赟赠赡赢赣赪赵赶趋趱趸跃跄跖跞践跶跷跸跹跻踊踌踪踬踯蹑蹒蹰蹿躏躜躯车轧轨轩轪轫转轭轮软轰轱轲轳轴轵轶轷轸轹轺轻轼载轾轿辀辁辂较辄辅辆辇辈辉辊辋辌辍辎辏辐辑辒输辔辕辖辗辘辙辚辞辩辫边辽达迁过迈运还这进远违连迟迩迳迹适选逊递逦逻遗遥邓邝邬邮邹邺邻郁郄郏郐郑郓郦郧郸酝酦酱酽酾酿释里鉅鉴銮錾钆钇针钉钊钋钌钍钎钏钐钑钒钓钔钕钖钗钘钙钚钛钝钞钟钠钡钢钣钤钥钦钧钨钩钪钫钬钭钮钯钰钱钲钳钴钵钶钷钸钹钺钻钼钽钾钿铀铁铂铃铄铅铆铈铉铊铋铍铎铏铐铑铒铕铗铘铙铚铛铜铝铞铟铠铡铢铣铤铥铦铧铨铪铫铬铭铮铯铰铱铲铳铴铵银铷铸铹铺铻铼铽链铿销锁锂锃锄锅锆锇锈锉锊锋锌锍锎锏锐锑锒锓锔锕锖锗错锚锜锞锟锠锡锢锣锤锥锦锨锩锫锬锭键锯锰锱锲锳锴锵锶锷锸锹锺锻锼锽锾锿镀镁镂镃镆镇镈镉镊镌镍镎镏镐镑镒镕镖镗镙镚镛镜镝镞镟镠镡镢镣镤镥镦镧镨镩镪镫镬镭镮镯镰镱镲镳镴镶长门闩闪闫闬闭问闯闰闱闲闳间闵闶闷闸闹闺闻闼闽闾闿阀阁阂阃阄阅阆阇阈阉阊阋阌阍阎阏阐阑阒阓阔阕阖阗阘阙阚阛队阳阴阵阶际陆陇陈陉陕陧陨险随隐隶隽难雏雠雳雾霁霉霭靓静靥鞑鞒鞯鞴韦韧韨韩韪韫韬韵页顶顷顸项顺须顼顽顾顿颀颁颂颃预颅领颇颈颉颊颋颌颍颎颏颐频颒颓颔颕颖颗题颙颚颛颜额颞颟颠颡颢颣颤颥颦颧风飏飐飑飒飓飔飕飖飗飘飙飚飞飨餍饤饥饦饧饨饩饪饫饬饭饮饯饰饱饲饳饴饵饶饷饸饹饺饻饼饽饾饿馀馁馂馃馄馅馆馇馈馉馊馋馌馍馎馏馐馑馒馓馔馕马驭驮驯驰驱驲驳驴驵驶驷驸驹驺驻驼驽驾驿骀骁骂骃骄骅骆骇骈骉骊骋验骍骎骏骐骑骒骓骔骕骖骗骘骙骚骛骜骝骞骟骠骡骢骣骤骥骦骧髅髋髌鬓魇魉鱼鱽鱾鱿鲀鲁鲂鲄鲅鲆鲇鲈鲉鲊鲋鲌鲍鲎鲏鲐鲑鲒鲓鲔鲕鲖鲗鲘鲙鲚鲛鲜鲝鲞鲟鲠鲡鲢鲣鲤鲥鲦鲧鲨鲩鲪鲫鲬鲭鲮鲯鲰鲱鲲鲳鲴鲵鲶鲷鲸鲹鲺鲻鲼鲽鲾鲿鳀鳁鳂鳃鳄鳅鳆鳇鳈鳉鳊鳋鳌鳍鳎鳏鳐鳑鳒鳓鳔鳕鳖鳗鳘鳙鳛鳜鳝鳞鳟鳠鳡鳢鳣鸟鸠鸡鸢鸣鸤鸥鸦鸧鸨鸩鸪鸫鸬鸭鸮鸯鸰鸱鸲鸳鸴鸵鸶鸷鸸鸹鸺鸻鸼鸽鸾鸿鹀鹁鹂鹃鹄鹅鹆鹇鹈鹉鹊鹋鹌鹍鹎鹏鹐鹑鹒鹓鹔鹕鹖鹗鹘鹚鹛鹜鹝鹞鹟鹠鹡鹢鹣鹤鹥鹦鹧鹨鹩鹪鹫鹬鹭鹯鹰鹱鹲鹳鹴鹾麦麸黄黉黡黩黪黾龙历志制一台皋准复猛钟注范签' + } + function FTPYStr () { + return '萬與醜專業叢東絲丟兩嚴喪個爿豐臨為麗舉麼義烏樂喬習鄉書買亂爭於虧雲亙亞產畝親褻嚲億僅從侖倉儀們價眾優夥會傴傘偉傳傷倀倫傖偽佇體餘傭僉俠侶僥偵側僑儈儕儂俁儔儼倆儷儉債傾傯僂僨償儻儐儲儺兒兌兗黨蘭關興茲養獸囅內岡冊寫軍農塚馮衝決況凍淨淒涼淩減湊凜幾鳳鳧憑凱擊氹鑿芻劃劉則剛創刪別剗剄劊劌剴劑剮劍剝劇勸辦務勱動勵勁勞勢勳猛勩勻匭匱區醫華協單賣盧鹵臥衛卻巹廠廳曆厲壓厭厙廁廂厴廈廚廄廝縣參靉靆雙發變敘疊葉號歎嘰籲後嚇呂嗎唚噸聽啟吳嘸囈嘔嚦唄員咼嗆嗚詠哢嚨嚀噝吒噅鹹呱響啞噠嘵嗶噦嘩噲嚌噥喲嘜嗊嘮啢嗩唕喚呼嘖嗇囀齧囉嘽嘯噴嘍嚳囁嗬噯噓嚶囑嚕劈囂謔團園囪圍圇國圖圓聖壙場阪壞塊堅壇壢壩塢墳墜壟壟壚壘墾坰堊墊埡墶壋塏堖塒塤堝墊垵塹墮壪牆壯聲殼壺壼處備複夠頭誇夾奪奩奐奮獎奧妝婦媽嫵嫗媯姍薑婁婭嬈嬌孌娛媧嫻嫿嬰嬋嬸媼嬡嬪嬙嬤孫學孿寧寶實寵審憲宮寬賓寢對尋導壽將爾塵堯尷屍盡層屭屜屆屬屢屨嶼歲豈嶇崗峴嶴嵐島嶺嶽崠巋嶨嶧峽嶢嶠崢巒嶗崍嶮嶄嶸嶔崳嶁脊巔鞏巰幣帥師幃帳簾幟帶幀幫幬幘幗冪襆幹並廣莊慶廬廡庫應廟龐廢廎廩開異棄張彌弳彎彈強歸當錄彠彥徹徑徠禦憶懺憂愾懷態慫憮慪悵愴憐總懟懌戀懇惡慟懨愷惻惱惲悅愨懸慳憫驚懼慘懲憊愜慚憚慣湣慍憤憒願懾憖怵懣懶懍戇戔戲戧戰戩戶紮撲扡執擴捫掃揚擾撫拋摶摳掄搶護報擔擬攏揀擁攔擰撥擇掛摯攣掗撾撻挾撓擋撟掙擠揮撏撈損撿換搗據撚擄摑擲撣摻摜摣攬撳攙擱摟攪攜攝攄擺搖擯攤攖撐攆擷擼攛擻攢敵斂數齋斕鬥斬斷無舊時曠暘曇晝曨顯晉曬曉曄暈暉暫曖劄術樸機殺雜權條來楊榪傑極構樅樞棗櫪梘棖槍楓梟櫃檸檉梔柵標棧櫛櫳棟櫨櫟欄樹棲樣欒棬椏橈楨檔榿橋樺檜槳樁夢檮棶檢欞槨櫝槧欏橢樓欖櫬櫚櫸檟檻檳櫧橫檣櫻櫫櫥櫓櫞簷檁歡歟歐殲歿殤殘殞殮殫殯毆毀轂畢斃氈毿氌氣氫氬氳彙漢汙湯洶遝溝沒灃漚瀝淪滄渢溈滬濔濘淚澩瀧瀘濼瀉潑澤涇潔灑窪浹淺漿澆湞溮濁測澮濟瀏滻渾滸濃潯濜塗湧濤澇淶漣潿渦溳渙滌潤澗漲澀澱淵淥漬瀆漸澠漁瀋滲溫遊灣濕潰濺漵漊潷滾滯灩灄滿瀅濾濫灤濱灘澦濫瀠瀟瀲濰潛瀦瀾瀨瀕灝滅燈靈災燦煬爐燉煒熗點煉熾爍爛烴燭煙煩燒燁燴燙燼熱煥燜燾煆糊溜愛爺牘犛牽犧犢強狀獷獁猶狽麅獮獰獨狹獅獪猙獄猻獫獵獼玀豬貓蝟獻獺璣璵瑒瑪瑋環現瑲璽瑉玨琺瓏璫琿璡璉瑣瓊瑤璦璿瓔瓚甕甌電畫暢佘疇癤療瘧癘瘍鬁瘡瘋皰屙癰痙癢瘂癆瘓癇癡癉瘮瘞瘺癟癱癮癭癩癬癲臒皚皺皸盞鹽監蓋盜盤瞘眥矓著睜睞瞼瞞矚矯磯礬礦碭碼磚硨硯碸礪礱礫礎硜矽碩硤磽磑礄確鹼礙磧磣堿镟滾禮禕禰禎禱禍稟祿禪離禿稈種積稱穢穠穭稅穌穩穡窮竊竅窯竄窩窺竇窶豎競篤筍筆筧箋籠籩築篳篩簹箏籌簽簡籙簀篋籜籮簞簫簣簍籃籬籪籟糴類秈糶糲粵糞糧糝餱緊縶糸糾紆紅紂纖紇約級紈纊紀紉緯紜紘純紕紗綱納紝縱綸紛紙紋紡紵紖紐紓線紺絏紱練組紳細織終縐絆紼絀紹繹經紿綁絨結絝繞絰絎繪給絢絳絡絕絞統綆綃絹繡綌綏絛繼綈績緒綾緓續綺緋綽緔緄繩維綿綬繃綢綯綹綣綜綻綰綠綴緇緙緗緘緬纜緹緲緝縕繢緦綞緞緶線緱縋緩締縷編緡緣縉縛縟縝縫縗縞纏縭縊縑繽縹縵縲纓縮繆繅纈繚繕繒韁繾繰繯繳纘罌網羅罰罷羆羈羥羨翹翽翬耮耬聳恥聶聾職聹聯聵聰肅腸膚膁腎腫脹脅膽勝朧腖臚脛膠脈膾髒臍腦膿臠腳脫腡臉臘醃膕齶膩靦膃騰臏臢輿艤艦艙艫艱豔艸藝節羋薌蕪蘆蓯葦藶莧萇蒼苧蘇檾蘋莖蘢蔦塋煢繭荊薦薘莢蕘蓽蕎薈薺蕩榮葷滎犖熒蕁藎蓀蔭蕒葒葤藥蒞蓧萊蓮蒔萵薟獲蕕瑩鶯蓴蘀蘿螢營縈蕭薩蔥蕆蕢蔣蔞藍薊蘺蕷鎣驀薔蘞藺藹蘄蘊藪槁蘚虜慮虛蟲虯蟣雖蝦蠆蝕蟻螞蠶蠔蜆蠱蠣蟶蠻蟄蛺蟯螄蠐蛻蝸蠟蠅蟈蟬蠍螻蠑螿蟎蠨釁銜補襯袞襖嫋褘襪襲襏裝襠褌褳襝褲襇褸襤繈襴見觀覎規覓視覘覽覺覬覡覿覥覦覯覲覷觴觸觶讋譽謄訁計訂訃認譏訐訌討讓訕訖訓議訊記訒講諱謳詎訝訥許訛論訩訟諷設訪訣證詁訶評詛識詗詐訴診詆謅詞詘詔詖譯詒誆誄試詿詩詰詼誠誅詵話誕詬詮詭詢詣諍該詳詫諢詡譸誡誣語誚誤誥誘誨誑說誦誒請諸諏諾讀諑誹課諉諛誰諗調諂諒諄誶談誼謀諶諜謊諫諧謔謁謂諤諭諼讒諮諳諺諦謎諞諝謨讜謖謝謠謗諡謙謐謹謾謫譾謬譚譖譙讕譜譎讞譴譫讖穀豶貝貞負貟貢財責賢敗賬貨質販貪貧貶購貯貫貳賤賁貰貼貴貺貸貿費賀貽賊贄賈賄貲賃賂贓資賅贐賕賑賚賒賦賭齎贖賞賜贔賙賡賠賧賴賵贅賻賺賽賾贗讚贇贈贍贏贛赬趙趕趨趲躉躍蹌蹠躒踐躂蹺蹕躚躋踴躊蹤躓躑躡蹣躕躥躪躦軀車軋軌軒軑軔轉軛輪軟轟軲軻轤軸軹軼軤軫轢軺輕軾載輊轎輈輇輅較輒輔輛輦輩輝輥輞輬輟輜輳輻輯轀輸轡轅轄輾轆轍轔辭辯辮邊遼達遷過邁運還這進遠違連遲邇逕跡適選遜遞邐邏遺遙鄧鄺鄔郵鄒鄴鄰鬱郤郟鄶鄭鄆酈鄖鄲醞醱醬釅釃釀釋裏钜鑒鑾鏨釓釔針釘釗釙釕釷釺釧釤鈒釩釣鍆釹鍚釵鈃鈣鈈鈦鈍鈔鍾鈉鋇鋼鈑鈐鑰欽鈞鎢鉤鈧鈁鈥鈄鈕鈀鈺錢鉦鉗鈷缽鈳鉕鈽鈸鉞鑽鉬鉭鉀鈿鈾鐵鉑鈴鑠鉛鉚鈰鉉鉈鉍鈹鐸鉶銬銠鉺銪鋏鋣鐃銍鐺銅鋁銱銦鎧鍘銖銑鋌銩銛鏵銓鉿銚鉻銘錚銫鉸銥鏟銃鐋銨銀銣鑄鐒鋪鋙錸鋱鏈鏗銷鎖鋰鋥鋤鍋鋯鋨鏽銼鋝鋒鋅鋶鐦鐧銳銻鋃鋟鋦錒錆鍺錯錨錡錁錕錩錫錮鑼錘錐錦鍁錈錇錟錠鍵鋸錳錙鍥鍈鍇鏘鍶鍔鍤鍬鍾鍛鎪鍠鍰鎄鍍鎂鏤鎡鏌鎮鎛鎘鑷鐫鎳鎿鎦鎬鎊鎰鎔鏢鏜鏍鏰鏞鏡鏑鏃鏇鏐鐔钁鐐鏷鑥鐓鑭鐠鑹鏹鐙鑊鐳鐶鐲鐮鐿鑔鑣鑞鑲長門閂閃閆閈閉問闖閏闈閑閎間閔閌悶閘鬧閨聞闥閩閭闓閥閣閡閫鬮閱閬闍閾閹閶鬩閿閽閻閼闡闌闃闠闊闋闔闐闒闕闞闤隊陽陰陣階際陸隴陳陘陝隉隕險隨隱隸雋難雛讎靂霧霽黴靄靚靜靨韃鞽韉韝韋韌韍韓韙韞韜韻頁頂頃頇項順須頊頑顧頓頎頒頌頏預顱領頗頸頡頰頲頜潁熲頦頤頻頮頹頷頴穎顆題顒顎顓顏額顳顢顛顙顥纇顫顬顰顴風颺颭颮颯颶颸颼颻飀飄飆飆飛饗饜飣饑飥餳飩餼飪飫飭飯飲餞飾飽飼飿飴餌饒餉餄餎餃餏餅餑餖餓餘餒餕餜餛餡館餷饋餶餿饞饁饃餺餾饈饉饅饊饌饢馬馭馱馴馳驅馹駁驢駔駛駟駙駒騶駐駝駑駕驛駘驍罵駰驕驊駱駭駢驫驪騁驗騂駸駿騏騎騍騅騌驌驂騙騭騤騷騖驁騮騫騸驃騾驄驏驟驥驦驤髏髖髕鬢魘魎魚魛魢魷魨魯魴魺鮁鮃鯰鱸鮋鮓鮒鮊鮑鱟鮍鮐鮭鮚鮳鮪鮞鮦鰂鮜鱠鱭鮫鮮鮺鯗鱘鯁鱺鰱鰹鯉鰣鰷鯀鯊鯇鮶鯽鯒鯖鯪鯕鯫鯡鯤鯧鯝鯢鯰鯛鯨鯵鯴鯔鱝鰈鰏鱨鯷鰮鰃鰓鱷鰍鰒鰉鰁鱂鯿鰠鼇鰭鰨鰥鰩鰟鰜鰳鰾鱈鱉鰻鰵鱅鰼鱖鱔鱗鱒鱯鱤鱧鱣鳥鳩雞鳶鳴鳲鷗鴉鶬鴇鴆鴣鶇鸕鴨鴞鴦鴒鴟鴝鴛鴬鴕鷥鷙鴯鴰鵂鴴鵃鴿鸞鴻鵐鵓鸝鵑鵠鵝鵒鷳鵜鵡鵲鶓鵪鶤鵯鵬鵮鶉鶊鵷鷫鶘鶡鶚鶻鶿鶥鶩鷊鷂鶲鶹鶺鷁鶼鶴鷖鸚鷓鷚鷯鷦鷲鷸鷺鸇鷹鸌鸏鸛鸘鹺麥麩黃黌黶黷黲黽龍歷誌製壹臺臯準復勐鐘註範籤' + } + function Traditionalized (cc) { + let str = '' + const ss = JTPYStr() + const tt = FTPYStr() + for (let i = 0; i < cc.length; i++) { + if (cc.charCodeAt(i) > 10000 && ss.indexOf(cc.charAt(i)) !== -1) { + str += tt.charAt(ss.indexOf(cc.charAt(i))) + } else str += cc.charAt(i) + } + return str + } + function Simplized (cc) { + let str = '' + const ss = JTPYStr() + const tt = FTPYStr() + for (let i = 0; i < cc.length; i++) { + if (cc.charCodeAt(i) > 10000 && tt.indexOf(cc.charAt(i)) !== -1) { + str += ss.charAt(tt.indexOf(cc.charAt(i))) + } else str += cc.charAt(i) + } + return str + } + + function translateInitialization() { + translateButtonObject = document.getElementById('translateLink'); + translateRightMenuButtonObject = document.getElementById('menu-translate').querySelector('span'); + + if (translateButtonObject || translateRightMenuButtonObject) { + if (currentEncoding !== targetEncoding) { + const textContent = targetEncoding === 1 ? msgToSimplifiedChinese : msgToTraditionalChinese; + + if (translateButtonObject) { + translateButtonObject.textContent = textContent; + } + + if (translateRightMenuButtonObject) { + translateRightMenuButtonObject.textContent = textContent; + } + + setLang(); + setTimeout(translateBody, translateDelay); + } + } + } + + window.translateFn = { + translatePage, + Traditionalized, + Simplized + } + + translateInitialization() + document.addEventListener('pjax:complete', translateInitialization) +}) \ No newline at end of file diff --git a/js/utils.js b/js/utils.js new file mode 100644 index 0000000..e54673d --- /dev/null +++ b/js/utils.js @@ -0,0 +1,1440 @@ +const anzhiyu = { + debounce: (func, wait = 0, immediate = false) => { + let timeout; + return (...args) => { + const later = () => { + timeout = null; + if (!immediate) func(...args); + }; + const callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func(...args); + }; + }, + + throttle: function (func, wait, options = {}) { + let timeout, context, args; + let previous = 0; + + const later = () => { + previous = options.leading === false ? 0 : new Date().getTime(); + timeout = null; + func.apply(context, args); + if (!timeout) context = args = null; + }; + + const throttled = (...params) => { + const now = new Date().getTime(); + if (!previous && options.leading === false) previous = now; + const remaining = wait - (now - previous); + context = this; + args = params; + if (remaining <= 0 || remaining > wait) { + if (timeout) { + clearTimeout(timeout); + timeout = null; + } + previous = now; + func.apply(context, args); + if (!timeout) context = args = null; + } else if (!timeout && options.trailing !== false) { + timeout = setTimeout(later, remaining); + } + }; + + return throttled; + }, + + sidebarPaddingR: () => { + const innerWidth = window.innerWidth; + const clientWidth = document.body.clientWidth; + const paddingRight = innerWidth - clientWidth; + if (innerWidth !== clientWidth) { + document.body.style.paddingRight = paddingRight + "px"; + } + }, + + snackbarShow: (text, showActionFunction = false, duration = 2000, actionText = false) => { + const { position, bgLight, bgDark } = GLOBAL_CONFIG.Snackbar; + const bg = document.documentElement.getAttribute("data-theme") === "light" ? bgLight : bgDark; + const root = document.querySelector(":root"); + root.style.setProperty("--anzhiyu-snackbar-time", duration + "ms"); + + Snackbar.show({ + text: text, + backgroundColor: bg, + onActionClick: showActionFunction, + actionText: actionText, + showAction: actionText, + duration: duration, + pos: position, + customClass: "snackbar-css", + }); + }, + + loadComment: (dom, callback) => { + if ("IntersectionObserver" in window) { + const observerItem = new IntersectionObserver( + entries => { + if (entries[0].isIntersecting) { + callback(); + observerItem.disconnect(); + } + }, + { threshold: [0] } + ); + observerItem.observe(dom); + } else { + callback(); + } + }, + + scrollToDest: (pos, time = 500) => { + const currentPos = window.pageYOffset; + if ("scrollBehavior" in document.documentElement.style) { + window.scrollTo({ + top: pos, + behavior: "smooth", + }); + return; + } + + let start = null; + pos = +pos; + window.requestAnimationFrame(function step(currentTime) { + start = !start ? currentTime : start; + const progress = currentTime - start; + if (currentPos < pos) { + window.scrollTo(0, ((pos - currentPos) * progress) / time + currentPos); + } else { + window.scrollTo(0, currentPos - ((currentPos - pos) * progress) / time); + } + if (progress < time) { + window.requestAnimationFrame(step); + } else { + window.scrollTo(0, pos); + } + }); + }, + + initJustifiedGallery: function (selector) { + const runJustifiedGallery = i => { + if (!anzhiyu.isHidden(i)) { + fjGallery(i, { + itemSelector: ".fj-gallery-item", + rowHeight: i.getAttribute("data-rowHeight"), + gutter: 4, + onJustify: function () { + this.$container.style.opacity = "1"; + }, + }); + } + }; + + if (Array.from(selector).length === 0) runJustifiedGallery(selector); + else + selector.forEach(i => { + runJustifiedGallery(i); + }); + }, + + animateIn: (ele, text) => { + ele.style.display = "block"; + ele.style.animation = text; + }, + + animateOut: (ele, text) => { + ele.addEventListener("animationend", function f() { + ele.style.display = ""; + ele.style.animation = ""; + ele.removeEventListener("animationend", f); + }); + ele.style.animation = text; + }, + + /** + * @param {*} selector + * @param {*} eleType the type of create element + * @param {*} options object key: value + */ + wrap: (selector, eleType, options) => { + const creatEle = document.createElement(eleType); + for (const [key, value] of Object.entries(options)) { + creatEle.setAttribute(key, value); + } + selector.parentNode.insertBefore(creatEle, selector); + creatEle.appendChild(selector); + }, + + isHidden: ele => ele.offsetHeight === 0 && ele.offsetWidth === 0, + + getEleTop: ele => { + let actualTop = ele.offsetTop; + let current = ele.offsetParent; + + while (current !== null) { + actualTop += current.offsetTop; + current = current.offsetParent; + } + + return actualTop; + }, + + loadLightbox: ele => { + const service = GLOBAL_CONFIG.lightbox; + + if (service === "mediumZoom") { + const zoom = mediumZoom(ele); + zoom.on("open", e => { + const photoBg = document.documentElement.getAttribute("data-theme") === "dark" ? "#121212" : "#fff"; + zoom.update({ + background: photoBg, + }); + }); + } + + if (service === "fancybox") { + Array.from(ele).forEach(i => { + if (i.parentNode.tagName !== "A") { + const dataSrc = i.dataset.lazySrc || i.src; + const dataCaption = i.title || i.alt || ""; + anzhiyu.wrap(i, "a", { + href: dataSrc, + "data-fancybox": "gallery", + "data-caption": dataCaption, + "data-thumb": dataSrc, + }); + } + }); + + if (!window.fancyboxRun) { + Fancybox.bind("[data-fancybox]", { + Hash: false, + Thumbs: { + autoStart: false, + }, + }); + window.fancyboxRun = true; + } + } + }, + + setLoading: { + add: ele => { + const html = ` +
+
+
+
+
+ `; + ele.insertAdjacentHTML("afterend", html); + }, + remove: ele => { + ele.nextElementSibling.remove(); + }, + }, + + updateAnchor: anchor => { + if (anchor !== window.location.hash) { + if (!anchor) anchor = location.pathname; + const title = GLOBAL_CONFIG_SITE.title; + window.history.replaceState( + { + url: location.href, + title, + }, + title, + anchor + ); + } + }, + + getScrollPercent: (currentTop, ele) => { + const docHeight = ele.clientHeight; + const winHeight = document.documentElement.clientHeight; + const headerHeight = ele.offsetTop; + const contentMath = + docHeight > winHeight ? docHeight - winHeight : document.documentElement.scrollHeight - winHeight; + const scrollPercent = (currentTop - headerHeight) / contentMath; + const scrollPercentRounded = Math.round(scrollPercent * 100); + const percentage = scrollPercentRounded > 100 ? 100 : scrollPercentRounded <= 0 ? 0 : scrollPercentRounded; + return percentage; + }, + + addGlobalFn: (key, fn, name = false, parent = window) => { + const globalFn = parent.globalFn || {}; + const keyObj = globalFn[key] || {}; + + if (name && keyObj[name]) return; + + name = name || Object.keys(keyObj).length; + keyObj[name] = fn; + globalFn[key] = keyObj; + parent.globalFn = globalFn; + }, + + addEventListenerPjax: (ele, event, fn, option = false) => { + ele.addEventListener(event, fn, option); + anzhiyu.addGlobalFn("pjax", () => { + ele.removeEventListener(event, fn, option); + }); + }, + + removeGlobalFnEvent: (key, parent = window) => { + const { globalFn = {} } = parent; + const keyObj = globalFn[key] || {}; + const keyArr = Object.keys(keyObj); + if (!keyArr.length) return; + keyArr.forEach(i => { + keyObj[i](); + }); + delete parent.globalFn[key]; + }, + + //更改主题色 + changeThemeMetaColor: function (color) { + // console.info(`%c ${color}`, `font-size:36px;color:${color};`); + if (themeColorMeta !== null) { + themeColorMeta.setAttribute("content", color); + } + }, + + //顶栏自适应主题色 + initThemeColor: function () { + let themeColor = getComputedStyle(document.documentElement) + .getPropertyValue("--anzhiyu-bar-background") + .trim() + .replace('"', "") + .replace('"', ""); + const currentTop = window.scrollY || document.documentElement.scrollTop; + if (currentTop > 26) { + if (anzhiyu.is_Post()) { + themeColor = getComputedStyle(document.documentElement) + .getPropertyValue("--anzhiyu-meta-theme-post-color") + .trim() + .replace('"', "") + .replace('"', ""); + } + if (themeColorMeta.getAttribute("content") === themeColor) return; + this.changeThemeMetaColor(themeColor); + } else { + if (themeColorMeta.getAttribute("content") === themeColor) return; + this.changeThemeMetaColor(themeColor); + } + }, + //是否是文章页 + is_Post: function () { + var url = window.location.href; //获取url + if (url.indexOf("/posts/") >= 0) { + //判断url地址中是否包含code字符串 + return true; + } else { + return false; + } + }, + //监测是否在页面开头 + addNavBackgroundInit: function () { + var scrollTop = 0, + bodyScrollTop = 0, + documentScrollTop = 0; + if ($bodyWrap) { + bodyScrollTop = $bodyWrap.scrollTop; + } + if (document.documentElement) { + documentScrollTop = document.documentElement.scrollTop; + } + scrollTop = bodyScrollTop - documentScrollTop > 0 ? bodyScrollTop : documentScrollTop; + + if (scrollTop != 0) { + pageHeaderEl.classList.add("nav-fixed"); + pageHeaderEl.classList.add("nav-visible"); + } + }, + // 下载图片 + downloadImage: function (imgsrc, name) { + //下载图片地址和图片名 + rm.hideRightMenu(); + if (rm.downloadimging == false) { + rm.downloadimging = true; + anzhiyu.snackbarShow("正在下载中，请稍后", false, 10000); + setTimeout(function () { + let image = new Image(); + // 解决跨域 Canvas 污染问题 + image.setAttribute("crossOrigin", "anonymous"); + image.onload = function () { + let canvas = document.createElement("canvas"); + canvas.width = image.width; + canvas.height = image.height; + let context = canvas.getContext("2d"); + context.drawImage(image, 0, 0, image.width, image.height); + let url = canvas.toDataURL("image/png"); //得到图片的base64编码数据 + let a = document.createElement("a"); // 生成一个a元素 + let event = new MouseEvent("click"); // 创建一个单击事件 + a.download = name || "photo"; // 设置图片名称 + a.href = url; // 将生成的URL设置为a.href属性 + a.dispatchEvent(event); // 触发a的单击事件 + }; + image.src = imgsrc; + anzhiyu.snackbarShow("图片已添加盲水印，请遵守版权协议"); + rm.downloadimging = false; + }, "10000"); + } else { + anzhiyu.snackbarShow("有正在进行中的下载，请稍后再试"); + } + }, + //禁止图片右键单击 + stopImgRightDrag: function () { + var img = document.getElementsByTagName("img"); + for (var i = 0; i < img.length; i++) { + img[i].addEventListener("dragstart", function () { + return false; + }); + } + }, + //滚动到指定id + scrollTo: function (id) { + var domTop = document.querySelector(id).offsetTop; + window.scrollTo(0, domTop - 80); + }, + //隐藏侧边栏 + hideAsideBtn: () => { + // Hide aside + const $htmlDom = document.documentElement.classList; + $htmlDom.contains("hide-aside") + ? saveToLocal.set("aside-status", "show", 2) + : saveToLocal.set("aside-status", "hide", 2); + $htmlDom.toggle("hide-aside"); + $htmlDom.contains("hide-aside") + ? document.querySelector("#consoleHideAside").classList.add("on") + : document.querySelector("#consoleHideAside").classList.remove("on"); + }, + // 热评切换 + switchCommentBarrage: function () { + let commentBarrage = document.querySelector(".comment-barrage"); + if (commentBarrage) { + if (window.getComputedStyle(commentBarrage).display === "flex") { + commentBarrage.style.display = "none"; + anzhiyu.snackbarShow("✨ 已关闭评论弹幕"); + document.querySelector(".menu-commentBarrage-text").textContent = "显示热评"; + document.querySelector("#consoleCommentBarrage").classList.remove("on"); + localStorage.setItem("commentBarrageSwitch", "false"); + } else { + commentBarrage.style.display = "flex"; + document.querySelector(".menu-commentBarrage-text").textContent = "关闭热评"; + document.querySelector("#consoleCommentBarrage").classList.add("on"); + anzhiyu.snackbarShow("✨ 已开启评论弹幕"); + localStorage.removeItem("commentBarrageSwitch"); + } + } + rm && rm.hideRightMenu(); + }, + initPaginationObserver: () => { + const commentElement = document.getElementById("post-comment"); + const paginationElement = document.getElementById("pagination"); + + if (commentElement && paginationElement) { + new IntersectionObserver(entries => { + const commentBarrage = document.querySelector(".comment-barrage"); + + entries.forEach(entry => { + if (entry.isIntersecting) { + paginationElement.classList.add("show-window"); + if (commentBarrage) { + commentBarrage.style.bottom = "-200px"; + } + } else { + paginationElement.classList.remove("show-window"); + if (commentBarrage) { + commentBarrage.style.bottom = "0px"; + } + } + }); + }).observe(commentElement); + } + }, + // 初始化即刻 + initIndexEssay: function () { + if (!document.getElementById("bbTimeList")) return; + setTimeout(() => { + let essay_bar_swiper = new Swiper(".essay_bar_swiper_container", { + passiveListeners: true, + direction: "vertical", + loop: true, + autoplay: { + disableOnInteraction: true, + delay: 3000, + }, + mousewheel: true, + }); + + let essay_bar_comtainer = document.getElementById("bbtalk"); + if (essay_bar_comtainer !== null) { + essay_bar_comtainer.onmouseenter = function () { + essay_bar_swiper.autoplay.stop(); + }; + essay_bar_comtainer.onmouseleave = function () { + essay_bar_swiper.autoplay.start(); + }; + } + }, 100); + }, + scrollByMouseWheel: function ($list, $target) { + const scrollHandler = function (e) { + $list.scrollLeft -= e.wheelDelta / 2; + e.preventDefault(); + }; + $list.addEventListener("mousewheel", scrollHandler, { passive: false }); + if ($target) { + $target.classList.add("selected"); + $list.scrollLeft = $target.offsetLeft - $list.offsetLeft - ($list.offsetWidth - $target.offsetWidth) / 2; + } + }, + // catalog激活 + catalogActive: function () { + const $list = document.getElementById("catalog-list"); + if ($list) { + const pathname = decodeURIComponent(window.location.pathname); + const catalogListItems = $list.querySelectorAll(".catalog-list-item"); + + let $catalog = null; + catalogListItems.forEach(item => { + if (pathname.startsWith(item.id)) { + $catalog = item; + return; + } + }); + + anzhiyu.scrollByMouseWheel($list, $catalog); + } + }, + // Page Tag 激活 + tagsPageActive: function () { + const $list = document.getElementById("tag-page-tags"); + if ($list) { + const $tagPageTags = document.getElementById(decodeURIComponent(window.location.pathname)); + anzhiyu.scrollByMouseWheel($list, $tagPageTags); + } + }, + // 修改时间显示"最近" + diffDate: function (d, more = false, simple = false) { + const dateNow = new Date(); + const datePost = new Date(d); + const dateDiff = dateNow.getTime() - datePost.getTime(); + const minute = 1000 * 60; + const hour = minute * 60; + const day = hour * 24; + const month = day * 30; + + let result; + if (more) { + const monthCount = dateDiff / month; + const dayCount = dateDiff / day; + const hourCount = dateDiff / hour; + const minuteCount = dateDiff / minute; + + if (monthCount >= 1) { + result = datePost.toLocaleDateString().replace(/\//g, "-"); + } else if (dayCount >= 1) { + result = parseInt(dayCount) + " " + GLOBAL_CONFIG.date_suffix.day; + } else if (hourCount >= 1) { + result = parseInt(hourCount) + " " + GLOBAL_CONFIG.date_suffix.hour; + } else if (minuteCount >= 1) { + result = parseInt(minuteCount) + " " + GLOBAL_CONFIG.date_suffix.min; + } else { + result = GLOBAL_CONFIG.date_suffix.just; + } + } else if (simple) { + const monthCount = dateDiff / month; + const dayCount = dateDiff / day; + const hourCount = dateDiff / hour; + const minuteCount = dateDiff / minute; + if (monthCount >= 1) { + result = datePost.toLocaleDateString().replace(/\//g, "-"); + } else if (dayCount >= 1 && dayCount <= 3) { + result = parseInt(dayCount) + " " + GLOBAL_CONFIG.date_suffix.day; + } else if (dayCount > 3) { + result = datePost.getMonth() + 1 + "/" + datePost.getDate(); + } else if (hourCount >= 1) { + result = parseInt(hourCount) + " " + GLOBAL_CONFIG.date_suffix.hour; + } else if (minuteCount >= 1) { + result = parseInt(minuteCount) + " " + GLOBAL_CONFIG.date_suffix.min; + } else { + result = GLOBAL_CONFIG.date_suffix.just; + } + } else { + result = parseInt(dateDiff / day); + } + return result; + }, + + // 修改即刻中的时间显示 + changeTimeInEssay: function () { + document.querySelector("#bber") && + document.querySelectorAll("#bber time").forEach(function (e) { + var t = e, + datetime = t.getAttribute("datetime"); + (t.innerText = anzhiyu.diffDate(datetime, true)), (t.style.display = "inline"); + }); + }, + // 修改相册集中的时间 + changeTimeInAlbumDetail: function () { + document.querySelector("#album_detail") && + document.querySelectorAll("#album_detail time").forEach(function (e) { + var t = e, + datetime = t.getAttribute("datetime"); + (t.innerText = anzhiyu.diffDate(datetime, true)), (t.style.display = "inline"); + }); + }, + // 刷新瀑布流 + reflashEssayWaterFall: function () { + const waterfallEl = document.getElementById("waterfall"); + if (waterfallEl) { + setTimeout(function () { + waterfall(waterfallEl); + waterfallEl.classList.add("show"); + }, 800); + } + }, + sayhi: function () { + const $sayhiEl = document.getElementById("author-info__sayhi"); + + const getTimeState = () => { + const hour = new Date().getHours(); + let message = ""; + + if (hour >= 0 && hour <= 5) { + message = "睡个好觉，保证精力充沛"; + } else if (hour > 5 && hour <= 10) { + message = "一日之计在于晨"; + } else if (hour > 10 && hour <= 14) { + message = "吃饱了才有力气干活"; + } else if (hour > 14 && hour <= 18) { + message = "集中精力，攻克难关"; + } else if (hour > 18 && hour <= 24) { + message = "不要太劳累了，早睡更健康"; + } + + return message; + }; + + if ($sayhiEl) { + $sayhiEl.innerHTML = getTimeState(); + } + }, + + // 友链注入预设评论 + addFriendLink() { + var input = document.getElementsByClassName("el-textarea__inner")[0]; + if (!input) return; + const evt = new Event("input", { cancelable: true, bubbles: true }); + const defaultPlaceholder = + "昵称（请勿包含博客等字样）：\n网站地址（要求博客地址，请勿提交个人主页）：\n头像图片url（请提供尽可能清晰的图片，我会上传到我自己的图床）：\n描述：\n站点截图（可选）：\n"; + input.value = this.getConfigIfPresent(GLOBAL_CONFIG.linkPageTop, "addFriendPlaceholder", defaultPlaceholder); + input.dispatchEvent(evt); + input.focus(); + input.setSelectionRange(-1, -1); + }, + // 获取配置，如果为空则返回默认值 + getConfigIfPresent: function (config, configKey, defaultValue) { + if (!config) return defaultValue; + if (!config.hasOwnProperty(configKey)) return defaultValue; + if (!config[configKey]) return defaultValue; + return config[configKey]; + }, + //切换音乐播放状态 + musicToggle: function (changePaly = true) { + if (!anzhiyu_musicFirst) { + anzhiyu.musicBindEvent(); + anzhiyu_musicFirst = true; + } + let msgPlay = '播放音乐'; + let msgPause = '暂停音乐'; + if (anzhiyu_musicPlaying) { + navMusicEl.classList.remove("playing"); + document.getElementById("menu-music-toggle").innerHTML = msgPlay; + document.getElementById("nav-music-hoverTips").innerHTML = "音乐已暂停"; + document.querySelector("#consoleMusic").classList.remove("on"); + anzhiyu_musicPlaying = false; + navMusicEl.classList.remove("stretch"); + } else { + navMusicEl.classList.add("playing"); + document.getElementById("menu-music-toggle").innerHTML = msgPause; + document.querySelector("#consoleMusic").classList.add("on"); + anzhiyu_musicPlaying = true; + navMusicEl.classList.add("stretch"); + } + if (changePaly) document.querySelector("#nav-music meting-js").aplayer.toggle(); + rm && rm.hideRightMenu(); + }, + // 音乐伸缩 + musicTelescopic: function () { + if (navMusicEl.classList.contains("stretch")) { + navMusicEl.classList.remove("stretch"); + } else { + navMusicEl.classList.add("stretch"); + } + }, + + //音乐上一曲 + musicSkipBack: function () { + navMusicEl.querySelector("meting-js").aplayer.skipBack(); + rm && rm.hideRightMenu(); + }, + + //音乐下一曲 + musicSkipForward: function () { + navMusicEl.querySelector("meting-js").aplayer.skipForward(); + rm && rm.hideRightMenu(); + }, + + //获取音乐中的名称 + musicGetName: function () { + var x = document.querySelectorAll(".aplayer-title"); + var arr = []; + for (var i = x.length - 1; i >= 0; i--) { + arr[i] = x[i].innerText; + } + return arr[0]; + }, + + //初始化console图标 + initConsoleState: function () { + //初始化隐藏边栏 + const $htmlDomClassList = document.documentElement.classList; + $htmlDomClassList.contains("hide-aside") + ? document.querySelector("#consoleHideAside").classList.add("on") + : document.querySelector("#consoleHideAside").classList.remove("on"); + }, + + // 显示打赏中控台 + rewardShowConsole: function () { + // 判断是否为赞赏打开控制台 + consoleEl.classList.add("reward-show"); + anzhiyu.initConsoleState(); + }, + // 显示中控台 + showConsole: function () { + consoleEl.classList.add("show"); + anzhiyu.initConsoleState(); + }, + + //隐藏中控台 + hideConsole: function () { + if (consoleEl.classList.contains("show")) { + // 如果是一般控制台，就关闭一般控制台 + consoleEl.classList.remove("show"); + } else if (consoleEl.classList.contains("reward-show")) { + // 如果是打赏控制台，就关闭打赏控制台 + consoleEl.classList.remove("reward-show"); + } + // 获取center-console元素 + const centerConsole = document.getElementById("center-console"); + + // 检查center-console是否被选中 + if (centerConsole.checked) { + // 取消选中状态 + centerConsole.checked = false; + } + }, + // 取消加载动画 + hideLoading: function () { + document.getElementById("loading-box").classList.add("loaded"); + }, + // 将音乐缓存播放 + cacheAndPlayMusic() { + let data = localStorage.getItem("musicData"); + if (data) { + data = JSON.parse(data); + const currentTime = new Date().getTime(); + if (currentTime - data.timestamp < 24 * 60 * 60 * 1000) { + // 如果缓存的数据没有过期，直接使用 + anzhiyu.playMusic(data.songs); + return; + } + } + + // 否则重新从服务器获取数据 + fetch("/json/music.json") + .then(response => response.json()) + .then(songs => { + const cacheData = { + timestamp: new Date().getTime(), + songs: songs, + }; + localStorage.setItem("musicData", JSON.stringify(cacheData)); + anzhiyu.playMusic(songs); + }); + }, + // 播放音乐 + playMusic(songs) { + const anMusicPage = document.getElementById("anMusic-page"); + const metingAplayer = anMusicPage.querySelector("meting-js").aplayer; + const randomIndex = Math.floor(Math.random() * songs.length); + const randomSong = songs[randomIndex]; + const allAudios = metingAplayer.list.audios; + if (!selectRandomSong.includes(randomSong.name)) { + // 如果随机到的歌曲已经未被随机到过，就添加进metingAplayer.list + metingAplayer.list.add([randomSong]); + // 播放最后一首(因为是添加到了最后) + metingAplayer.list.switch(allAudios.length); + // 添加到已被随机的歌曲列表 + selectRandomSong.push(randomSong.name); + } else { + // 随机到的歌曲已经在播放列表中了 + // 直接继续随机直到随机到没有随机过的歌曲，如果全部随机过了就切换到对应的歌曲播放即可 + let songFound = false; + while (!songFound) { + const newRandomIndex = Math.floor(Math.random() * songs.length); + const newRandomSong = songs[newRandomIndex]; + if (!selectRandomSong.includes(newRandomSong.name)) { + metingAplayer.list.add([newRandomSong]); + metingAplayer.list.switch(allAudios.length); + selectRandomSong.push(newRandomSong.name); + songFound = true; + } + // 如果全部歌曲都已被随机过，跳出循环 + if (selectRandomSong.length === songs.length) { + break; + } + } + if (!songFound) { + // 如果全部歌曲都已被随机过，切换到对应的歌曲播放 + const palyMusicIndex = allAudios.findIndex(song => song.name === randomSong.name); + if (palyMusicIndex != -1) metingAplayer.list.switch(palyMusicIndex); + } + } + + console.info("已随机歌曲：", selectRandomSong, "本次随机歌曲：", randomSong.name); + }, + // 音乐节目切换背景 + changeMusicBg: function (isChangeBg = true) { + const anMusicBg = document.getElementById("an_music_bg"); + + if (isChangeBg) { + // player listswitch 会进入此处 + const musiccover = document.querySelector("#anMusic-page .aplayer-pic"); + anMusicBg.style.backgroundImage = musiccover.style.backgroundImage; + } else { + // 第一次进入，绑定事件，改背景 + let timer = setInterval(() => { + const musiccover = document.querySelector("#anMusic-page .aplayer-pic"); + // 确保player加载完成 + if (musiccover) { + clearInterval(timer); + // 绑定事件 + anzhiyu.addEventListenerMusic(); + // 确保第一次能够正确替换背景 + anzhiyu.changeMusicBg(); + + // 暂停nav的音乐 + if ( + document.querySelector("#nav-music meting-js").aplayer && + !document.querySelector("#nav-music meting-js").aplayer.audio.paused + ) { + anzhiyu.musicToggle(); + } + } + }, 100); + } + }, + // 获取自定义播放列表 + getCustomPlayList: function () { + if (!window.location.pathname.startsWith("/music/")) { + return; + } + const urlParams = new URLSearchParams(window.location.search); + const userId = "8152976493"; + const userServer = "netease"; + const anMusicPageMeting = document.getElementById("anMusic-page-meting"); + if (urlParams.get("id") && urlParams.get("server")) { + const id = urlParams.get("id"); + const server = urlParams.get("server"); + anMusicPageMeting.innerHTML = ``; + } else { + anMusicPageMeting.innerHTML = ``; + } + anzhiyu.changeMusicBg(false); + }, + //隐藏今日推荐 + hideTodayCard: function () { + if (document.getElementById("todayCard")) { + document.getElementById("todayCard").classList.add("hide"); + const topGroup = document.querySelector(".topGroup"); + const recentPostItems = topGroup.querySelectorAll(".recent-post-item"); + recentPostItems.forEach(item => { + item.style.display = "flex"; + }); + } + }, + + // 监听音乐背景改变 + addEventListenerMusic: function () { + const anMusicPage = document.getElementById("anMusic-page"); + const aplayerIconMenu = anMusicPage.querySelector(".aplayer-info .aplayer-time .aplayer-icon-menu"); + const anMusicBtnGetSong = anMusicPage.querySelector("#anMusicBtnGetSong"); + const anMusicRefreshBtn = anMusicPage.querySelector("#anMusicRefreshBtn"); + const anMusicSwitchingBtn = anMusicPage.querySelector("#anMusicSwitching"); + const metingAplayer = anMusicPage.querySelector("meting-js").aplayer; + //初始化音量 + metingAplayer.volume(0.8, true); + metingAplayer.on("loadeddata", function () { + anzhiyu.changeMusicBg(); + }); + + aplayerIconMenu.addEventListener("click", function () { + document.getElementById("menu-mask").style.display = "block"; + document.getElementById("menu-mask").style.animation = "0.5s ease 0s 1 normal none running to_show"; + anMusicPage.querySelector(".aplayer.aplayer-withlist .aplayer-list").style.opacity = "1"; + }); + + function anMusicPageMenuAask() { + if (window.location.pathname != "/music/") { + document.getElementById("menu-mask").removeEventListener("click", anMusicPageMenuAask); + return; + } + + anMusicPage.querySelector(".aplayer-list").classList.remove("aplayer-list-hide"); + } + + document.getElementById("menu-mask").addEventListener("click", anMusicPageMenuAask); + + // 监听增加单曲按钮 + anMusicBtnGetSong.addEventListener("click", () => { + if (changeMusicListFlag) { + const anMusicPage = document.getElementById("anMusic-page"); + const metingAplayer = anMusicPage.querySelector("meting-js").aplayer; + const allAudios = metingAplayer.list.audios; + const randomIndex = Math.floor(Math.random() * allAudios.length); + // 随机播放一首 + metingAplayer.list.switch(randomIndex); + } else { + anzhiyu.cacheAndPlayMusic(); + } + }); + anMusicRefreshBtn.addEventListener("click", () => { + localStorage.removeItem("musicData"); + anzhiyu.snackbarShow("已移除相关缓存歌曲"); + }); + anMusicSwitchingBtn.addEventListener("click", () => { + anzhiyu.changeMusicList(); + }); + + // 默认加载的歌单 + if (GLOBAL_CONFIG.music_page_default === "custom") { + anzhiyu.changeMusicList(); + } + + // 监听键盘事件 + //空格控制音乐 + document.addEventListener("keydown", function (event) { + //暂停开启音乐 + if (event.code === "Space") { + event.preventDefault(); + metingAplayer.toggle(); + } + //切换下一曲 + if (event.keyCode === 39) { + event.preventDefault(); + metingAplayer.skipForward(); + } + //切换上一曲 + if (event.keyCode === 37) { + event.preventDefault(); + metingAplayer.skipBack(); + } + //增加音量 + if (event.keyCode === 38) { + if (musicVolume <= 1) { + musicVolume += 0.1; + metingAplayer.volume(musicVolume, true); + } + } + //减小音量 + if (event.keyCode === 40) { + if (musicVolume >= 0) { + musicVolume += -0.1; + metingAplayer.volume(musicVolume, true); + } + } + }); + }, + // 切换歌单 + changeMusicList: async function () { + const anMusicPage = document.getElementById("anMusic-page"); + const metingAplayer = anMusicPage.querySelector("meting-js").aplayer; + const currentTime = new Date().getTime(); + const cacheData = JSON.parse(localStorage.getItem("musicData")) || { timestamp: 0 }; + let songs = []; + + if (changeMusicListFlag) { + songs = defaultPlayMusicList; + } else { + // 保存当前默认播放列表，以使下次可以切换回来 + defaultPlayMusicList = metingAplayer.list.audios; + // 如果缓存的数据没有过期，直接使用 + if (currentTime - cacheData.timestamp < 24 * 60 * 60 * 1000) { + songs = cacheData.songs; + } else { + // 否则重新从服务器获取数据 + const response = await fetch("/json/music.json"); + songs = await response.json(); + cacheData.timestamp = currentTime; + cacheData.songs = songs; + localStorage.setItem("musicData", JSON.stringify(cacheData)); + } + } + + // 清除当前播放列表并添加新的歌曲 + metingAplayer.list.clear(); + metingAplayer.list.add(songs); + + // 切换标志位 + changeMusicListFlag = !changeMusicListFlag; + }, + // 控制台音乐列表监听 + addEventListenerConsoleMusicList: function () { + const navMusic = document.getElementById("nav-music"); + if (!navMusic) return; + navMusic.addEventListener("click", e => { + const aplayerList = navMusic.querySelector(".aplayer-list"); + const listBtn = navMusic.querySelector( + "div.aplayer-info > div.aplayer-controller > div.aplayer-time.aplayer-time-narrow > button.aplayer-icon.aplayer-icon-menu svg" + ); + if (e.target != listBtn && aplayerList.classList.contains("aplayer-list-hide")) { + aplayerList.classList.remove("aplayer-list-hide"); + } + }); + }, + // 监听按键 + toPage: function () { + var toPageText = document.getElementById("toPageText"), + toPageButton = document.getElementById("toPageButton"), + pageNumbers = document.querySelectorAll(".page-number"), + lastPageNumber = Number(pageNumbers[pageNumbers.length - 1].innerHTML), + pageNumber = Number(toPageText.value); + + if (!isNaN(pageNumber) && pageNumber >= 1 && Number.isInteger(pageNumber)) { + var url = "/page/" + (pageNumber > lastPageNumber ? lastPageNumber : pageNumber) + "/"; + toPageButton.href = pageNumber === 1 ? "/" : url; + } else { + toPageButton.href = "javascript:void(0);"; + } + }, + + //删除多余的class + removeBodyPaceClass: function () { + document.body.className = "pace-done"; + }, + // 修改body的type类型以适配css + setValueToBodyType: function () { + const input = document.getElementById("page-type"); // 获取input元素 + const value = input.value; // 获取input的value值 + document.body.dataset.type = value; // 将value值赋值到body的type属性上 + }, + //匿名评论 + addRandomCommentInfo: function () { + // 从形容词数组中随机取一个值 + const randomAdjective = adjectives[Math.floor(Math.random() * adjectives.length)]; + + // 从蔬菜水果动物名字数组中随机取一个值 + const randomName = vegetablesAndFruits[Math.floor(Math.random() * vegetablesAndFruits.length)]; + + // 将两个值组合成一个字符串 + const name = `${randomAdjective}${randomName}`; + + function dr_js_autofill_commentinfos() { + var lauthor = [ + "#author", + "input[name='comname']", + "#inpName", + "input[name='author']", + "#ds-dialog-name", + "#name", + "input[name='nick']", + "#comment_author", + ], + lmail = [ + "#mail", + "#email", + "input[name='commail']", + "#inpEmail", + "input[name='email']", + "#ds-dialog-email", + "input[name='mail']", + "#comment_email", + ], + lurl = [ + "#url", + "input[name='comurl']", + "#inpHomePage", + "#ds-dialog-url", + "input[name='url']", + "input[name='website']", + "#website", + "input[name='link']", + "#comment_url", + ]; + for (var i = 0; i < lauthor.length; i++) { + var author = document.querySelector(lauthor[i]); + if (author != null) { + author.value = name; + author.dispatchEvent(new Event("input")); + author.dispatchEvent(new Event("change")); + break; + } + } + for (var j = 0; j < lmail.length; j++) { + var mail = document.querySelector(lmail[j]); + if (mail != null) { + mail.value = visitorMail; + mail.dispatchEvent(new Event("input")); + mail.dispatchEvent(new Event("change")); + break; + } + } + return !1; + } + + dr_js_autofill_commentinfos(); + var input = document.getElementsByClassName("el-textarea__inner")[0]; + input.focus(); + input.setSelectionRange(-1, -1); + }, + + // 跳转开往 + totraveling: function () { + anzhiyu.snackbarShow( + "即将跳转到「开往」项目的成员博客，不保证跳转网站的安全性和可用性", + element => { + element.style.opacity = 0; + travellingsTimer && clearTimeout(travellingsTimer); + }, + 5000, + "取消" + ); + travellingsTimer = setTimeout(function () { + window.open("https://www.travellings.cn/go.html", "_blank"); + }, "5000"); + }, + + // 工具函数替换字符串 + replaceAll: function (e, n, t) { + return e.split(n).join(t); + }, + + // 音乐绑定事件 + musicBindEvent: function () { + document.querySelector("#nav-music .aplayer-music").addEventListener("click", function () { + anzhiyu.musicTelescopic(); + }); + document.querySelector("#nav-music .aplayer-button").addEventListener("click", function () { + anzhiyu.musicToggle(false); + }); + }, + + // 判断是否是移动端 + hasMobile: function () { + let isMobile = false; + if ( + navigator.userAgent.match( + /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i + ) || + document.body.clientWidth < 800 + ) { + // 移动端 + isMobile = true; + } + return isMobile; + }, + + // 创建二维码 + qrcodeCreate: function () { + if (document.getElementById("qrcode")) { + document.getElementById("qrcode").innerHTML = ""; + var qrcode = new QRCode(document.getElementById("qrcode"), { + text: window.location.href, + width: 250, + height: 250, + colorDark: "#000", + colorLight: "#ffffff", + correctLevel: QRCode.CorrectLevel.H, + }); + } + }, + + // 判断是否在el内 + isInViewPortOfOne: function (el) { + if (!el) return; + const viewPortHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; + const offsetTop = el.offsetTop; + const scrollTop = document.documentElement.scrollTop; + const top = offsetTop - scrollTop; + return top <= viewPortHeight; + }, + //添加赞赏蒙版 + addRewardMask: function () { + if (!document.querySelector(".reward-main")) return; + document.querySelector(".reward-main").style.display = "flex"; + document.querySelector(".reward-main").style.zIndex = "102"; + document.getElementById("quit-box").style.display = "flex"; + }, + // 移除赞赏蒙版 + removeRewardMask: function () { + if (!document.querySelector(".reward-main")) return; + document.querySelector(".reward-main").style.display = "none"; + document.getElementById("quit-box").style.display = "none"; + }, + + keyboardToggle: function () { + const isKeyboardOn = anzhiyu_keyboard; + + if (isKeyboardOn) { + const consoleKeyboard = document.querySelector("#consoleKeyboard"); + consoleKeyboard.classList.remove("on"); + anzhiyu_keyboard = false; + } else { + const consoleKeyboard = document.querySelector("#consoleKeyboard"); + consoleKeyboard.classList.add("on"); + anzhiyu_keyboard = true; + } + + localStorage.setItem("keyboardToggle", isKeyboardOn ? "false" : "true"); + }, + rightMenuToggle: function () { + if (window.oncontextmenu) { + window.oncontextmenu = null; + } else if (!window.oncontextmenu && oncontextmenuFunction) { + window.oncontextmenu = oncontextmenuFunction; + } + }, + switchConsole: () => { + // switch console + const consoleEl = document.getElementById("console"); + //初始化隐藏边栏 + const $htmlDom = document.documentElement.classList; + $htmlDom.contains("hide-aside") + ? document.querySelector("#consoleHideAside").classList.add("on") + : document.querySelector("#consoleHideAside").classList.remove("on"); + if (consoleEl.classList.contains("show")) { + consoleEl.classList.remove("show"); + } else { + consoleEl.classList.add("show"); + } + const consoleKeyboard = document.querySelector("#consoleKeyboard"); + + if (consoleKeyboard) { + if (localStorage.getItem("keyboardToggle") === "true") { + consoleKeyboard.classList.add("on"); + anzhiyu_keyboard = true; + } else { + consoleKeyboard.classList.remove("on"); + anzhiyu_keyboard = false; + } + } + }, + // 定义 intersectionObserver 函数，并接收两个可选参数 + intersectionObserver: function (enterCallback, leaveCallback) { + let observer; + return () => { + if (!observer) { + observer = new IntersectionObserver(entries => { + entries.forEach(entry => { + if (entry.intersectionRatio > 0) { + enterCallback?.(); + } else { + leaveCallback?.(); + } + }); + }); + } else { + // 如果 observer 对象已经存在，则先取消对之前元素的观察 + observer.disconnect(); + } + return observer; + }; + }, + // CategoryBar滚动 + scrollCategoryBarToRight: function () { + // 获取需要操作的元素 + const items = document.getElementById("catalog-list"); + const nextButton = document.getElementById("category-bar-next"); + + // 检查元素是否存在 + if (items && nextButton) { + const itemsWidth = items.clientWidth; + + // 判断是否已经滚动到最右侧 + if (items.scrollLeft + items.clientWidth + 1 >= items.scrollWidth) { + // 滚动到初始位置并更新按钮内容 + items.scroll({ + left: 0, + behavior: "smooth", + }); + nextButton.innerHTML = ''; + } else { + // 滚动到下一个视图 + items.scrollBy({ + left: itemsWidth, + behavior: "smooth", + }); + } + } else { + console.error("Element(s) not found: 'catalog-list' and/or 'category-bar-next'."); + } + }, + // 分类条 + categoriesBarActive: function () { + const urlinfo = decodeURIComponent(window.location.pathname); + const $categoryBar = document.getElementById("category-bar"); + if (!$categoryBar) return; + + if (urlinfo === "/") { + $categoryBar.querySelector("#首页").classList.add("select"); + } else { + const pattern = /\/categories\/.*?\//; + const patbool = pattern.test(urlinfo); + if (!patbool) return; + + const nowCategorie = urlinfo.split("/")[2]; + $categoryBar.querySelector(`#${nowCategorie}`).classList.add("select"); + } + }, + topCategoriesBarScroll: function () { + const $categoryBarItems = document.getElementById("category-bar-items"); + if (!$categoryBarItems) return; + + $categoryBarItems.addEventListener("mousewheel", function (e) { + const v = -e.wheelDelta / 2; + this.scrollLeft += v; + e.preventDefault(); + }); + }, + // 切换菜单显示热评 + switchRightClickMenuHotReview: function () { + const postComment = document.getElementById("post-comment"); + const menuCommentBarrageDom = document.getElementById("menu-commentBarrage"); + if (postComment) { + menuCommentBarrageDom.style.display = "flex"; + } else { + menuCommentBarrageDom.style.display = "none"; + } + }, + // 切换作者卡片状态文字 + changeSayHelloText: function () { + const greetings = GLOBAL_CONFIG.authorStatus.skills; + + const authorInfoSayHiElement = document.getElementById("author-info__sayhi"); + + // 如果只有一个问候语，设置为默认值 + if (greetings.length === 1) { + authorInfoSayHiElement.textContent = greetings[0]; + return; + } + + let lastSayHello = authorInfoSayHiElement.textContent; + + let randomGreeting = lastSayHello; + while (randomGreeting === lastSayHello) { + randomGreeting = greetings[Math.floor(Math.random() * greetings.length)]; + } + authorInfoSayHiElement.textContent = randomGreeting; + }, +}; + +const anzhiyuPopupManager = { + queue: [], + processing: false, + Jump: false, + + enqueuePopup(title, tip, url, duration = 3000) { + this.queue.push({ title, tip, url, duration }); + if (!this.processing) { + this.processQueue(); + } + }, + + processQueue() { + if (this.queue.length > 0 && !this.processing) { + this.processing = true; + const { title, tip, url, duration } = this.queue.shift(); + this.popupShow(title, tip, url, duration); + } + }, + + popupShow(title, tip, url, duration) { + const popupWindow = document.getElementById("popup-window"); + if (!popupWindow) return; + const windowTitle = popupWindow.querySelector(".popup-window-title"); + const windowContent = popupWindow.querySelector(".popup-window-content"); + const cookiesTip = windowContent.querySelector(".popup-tip"); + if (popupWindow.classList.contains("show-popup-window")) { + popupWindow.classList.add("popup-hide"); + } + + // 等待上一个弹窗完全消失 + setTimeout(() => { + // 移除之前的点击事件处理程序 + popupWindow.removeEventListener("click", this.clickEventHandler); + if (url) { + if (window.pjax) { + this.clickEventHandler = event => { + event.preventDefault(); + pjax.loadUrl(url); + popupWindow.classList.remove("show-popup-window"); + popupWindow.classList.remove("popup-hide"); + this.Jump = true; + + // 处理队列中的下一个弹出窗口 + this.processing = false; + this.processQueue(); + }; + + popupWindow.addEventListener("click", this.clickEventHandler); + } else { + this.clickEventHandler = () => { + window.location.href = url; + }; + popupWindow.addEventListener("click", this.clickEventHandler); + } + if (popupWindow.classList.contains("no-url")) { + popupWindow.classList.remove("no-url"); + } + } else { + if (!popupWindow.classList.contains("no-url")) { + popupWindow.classList.add("no-url"); + } + + this.clickEventHandler = () => { + popupWindow.classList.add("popup-hide"); + setTimeout(() => { + popupWindow.classList.remove("popup-hide"); + popupWindow.classList.remove("show-popup-window"); + }, 1000); + }; + popupWindow.addEventListener("click", this.clickEventHandler); + } + + if (popupWindow.classList.contains("popup-hide")) { + popupWindow.classList.remove("popup-hide"); + } + popupWindow.classList.add("show-popup-window"); + windowTitle.textContent = title; + cookiesTip.textContent = tip; + }, 800); + + setTimeout(() => { + if (url && !this.Jump) { + this.Jump = false; + } + if (!popupWindow.classList.contains("popup-hide") && popupWindow.className != "") { + popupWindow.classList.add("popup-hide"); + } + + // 处理队列中的下一个弹出窗口 + this.processing = false; + this.processQueue(); + }, duration); + }, +};