+
+
+
+
个人介绍 博主: 青云依兮 | 性别: 男 | 邮箱: 1422756921@qq.com
+
我的书籍
+
+
我的社交账号
+
+
我的技能
+
+
其他站点
+
+
我的游戏
+
+
+
+
我的相册
+
+
+
+
+
+
+
+
+ 作者: 青云依兮
+
+
+ 文章链接:
+ https://1422756921.github.io/about/index.html
+
+
+ 版权声明:
+ 本网站所有文章除特别声明外,均采用 CC BY-NC-ND 4.0
+ 许可协议。转载请注明出处!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 你的赏识是我前进的动力
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
青云依兮
+
+
+
Hexo
+
+
+
+
青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/archives/2021/11/index.html b/archives/2021/11/index.html
new file mode 100644
index 0000000..77441c5
--- /dev/null
+++ b/archives/2021/11/index.html
@@ -0,0 +1,1664 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
归档: 2021/11 | 青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 11-18
+
+
Hello World
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/archives/2021/index.html b/archives/2021/index.html
new file mode 100644
index 0000000..2ece59a
--- /dev/null
+++ b/archives/2021/index.html
@@ -0,0 +1,1664 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
归档: 2021 | 青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 11-18
+
+
Hello World
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/archives/2023/07/index.html b/archives/2023/07/index.html
new file mode 100644
index 0000000..05ee430
--- /dev/null
+++ b/archives/2023/07/index.html
@@ -0,0 +1,1647 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
归档: 2023/7 | 青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/archives/2023/index.html b/archives/2023/index.html
new file mode 100644
index 0000000..c36b788
--- /dev/null
+++ b/archives/2023/index.html
@@ -0,0 +1,1647 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
归档: 2023 | 青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/archives/index.html b/archives/index.html
new file mode 100644
index 0000000..0c41c52
--- /dev/null
+++ b/archives/index.html
@@ -0,0 +1,1721 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
归档 | 青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 07-11
+
+
一个hexo博客后台–Qexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 11-18
+
+
Hello World
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/categories/index.html b/categories/index.html
new file mode 100644
index 0000000..8c13cfc
--- /dev/null
+++ b/categories/index.html
@@ -0,0 +1,1559 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
分类 | 青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/css/animate.min.css b/css/animate.min.css
new file mode 100644
index 0000000..9c8b335
--- /dev/null
+++ b/css/animate.min.css
@@ -0,0 +1,6 @@
+@charset "UTF-8";/*!
+Animate.css - http://daneden.me/animate
+Licensed under the MIT license - http://opensource.org/licenses/MIT
+
+Copyright (c) 2015 Daniel Eden
+*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
diff --git a/css/fancybox.css b/css/fancybox.css
new file mode 100644
index 0000000..994107d
--- /dev/null
+++ b/css/fancybox.css
@@ -0,0 +1 @@
+:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:.175s ease-out both f-throwOutUp}.f-throwOutDown{animation:.175s ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, -150px, 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, 150px, 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) ease both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:1050;outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:.25s ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:.35s ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:.15s ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:.35s ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden}.f-thumbs__track{display:flex;will-change:transform}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);min-width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--left, 0)*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern .f-thumbs__slide:focus-within:not(.is-selected){filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.is-modern .f-thumbs__slide>*{clip-path:var(--clip-path)}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide{transition:all .33s ease}.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{appearance:none;width:100%;height:100%;margin:0;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;margin:auto 0;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..93fec0a
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,8391 @@
+body {
+ font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Segoe UI, Microsoft YaHei, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, sans-serif;
+}
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+p,
+blockquote,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+pre,
+form,
+fieldset,
+legend,
+button,
+input,
+textarea,
+th,
+td {
+ margin: 0;
+ padding: 0;
+}
+body,
+button,
+input,
+select,
+textarea {
+ font: 12px/1.5tahoma, arial, 5 b8b 4 f53;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: 100%;
+}
+address,
+cite,
+dfn,
+em,
+var {
+ font-style: normal;
+}
+code,
+kbd,
+pre,
+samp {
+ font-family: couriernew, courier, monospace;
+}
+small {
+ font-size: 12px;
+}
+a {
+ text-decoration: none;
+}
+a:hover {
+ text-decoration: none;
+}
+*,
+a:active,
+a:hover {
+ outline: 0;
+}
+sup {
+ vertical-align: text-top;
+}
+sub {
+ vertical-align: text-bottom;
+}
+legend {
+ color: #000;
+}
+fieldset,
+img {
+ border: 0;
+}
+button,
+input,
+select,
+textarea {
+ font-size: 100%;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+html,
+*[cursor-default] {
+ background-color: #f2f2f2;
+ font-size: 16px;
+ cursor: url("https://zhutix.com/wp-content/themes/b2/x1.cur"), auto;
+}
+a:hover,
+.swiper-pagination-bullet,
+.danmuBtn,
+*[pointer] {
+ cursor: url("https://zhutix.com/wp-content/themes/b2/x2.cur"), pointer !important;
+}
+p,
+input,
+pre code,
+textarea,
+*[text] {
+ cursor: url(""), text;
+}
+.fancybox-container .fancybox-stage {
+ cursor: url(""), zoom-out !important;
+}
+.fancybox a,
+.fancybox-can-zoomIn .fancybox-content {
+ cursor: url(""), zoom-in !important;
+}
+.main {
+ min-height: calc(100vh - 130px);
+ box-sizing: border-box;
+}
+.bg-color {
+ background-color: rgba(66,185,133,0.8);
+}
+.top-btn-color {
+ background-color: rgba(66,185,133,0.8);
+}
+.color-primary {
+ color: rgba(66,185,133,0.8) !important;
+}
+a {
+ color: #42b983;
+ text-decoration: none;
+}
+[v-cloak] {
+ display: none;
+}
+.container {
+ max-width: 960px;
+ margin: 0 auto;
+}
+::-webkit-scrollbar-thumb {
+ background-color: rgba(66,185,133,0.8);
+ border-radius: 3em;
+}
+::-webkit-scrollbar {
+ width: 6px;
+ height: 6px;
+}
+pre::-webkit-scrollbar-thumb,
+.side_toc .toc-content::-webkit-scrollbar-thumb {
+ background: transparent;
+}
+pre:hover::-webkit-scrollbar-thumb,
+.side_toc .toc-content:hover::-webkit-scrollbar-thumb {
+ background-color: #ccc;
+}
+pre:hover::-webkit-scrollbar-thumb:hover,
+.side_toc .toc-content:hover::-webkit-scrollbar-thumb:hover {
+ background-color: rgba(66,185,133,0.8);
+}
+@media (max-width: 551px) {
+ html {
+ font-size: 14px;
+ }
+}
+::-moz-selection {
+ background: rgba(66,185,133,0.8);
+ color: #fff;
+}
+::selection {
+ background: rgba(66,185,133,0.8);
+ color: #fff;
+}
+.bg-floor {
+ background: url("https://pic2.zhimg.com/80/v2-a90e3e9f544549e244355039b96bd606_1440w.jpg");
+ background-size: cover;
+ transition: all 0.3s;
+}
+#l_main {
+ width: 70%;
+ margin: 0 auto;
+ margin-bottom: 20px;
+ display: flex;
+ box-sizing: border-box;
+ flex-direction: row-reverse;
+ justify-content: space-between;
+}
+#l_main .l_content {
+ flex: 1;
+ margin-left: 15px;
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+ padding-top: 15px;
+ box-sizing: border-box;
+}
+#l_main .l_content header {
+ border-top-left-radius: 10px;
+ border-top-right-radius: 10px;
+ padding: calc(16px - 2px);
+ font-weight: bold;
+ font-size: 0.875rem;
+ padding-bottom: 0;
+}
+#l_main .l_content header,
+#l_main .l_content header a {
+ color: #4c4948;
+ transition: all 0.3s;
+}
+#l_main .l_content header >a:hover {
+ color: rgba(66,185,133,0.8) !important;
+}
+#l_main .l_content header span.name {
+ margin-left: 8px;
+}
+#l_main .l_content .widget {
+ margin-bottom: 16px;
+ background: #fff;
+ border-radius: 10px;
+ box-shadow: 0 1px 20px -6px rgba(0,0,0,0.5);
+}
+#l_main .l_content .widget .content {
+ padding: 8px 16px;
+}
+@media screen and (max-width: 1200px) {
+ #l_main {
+ width: 80%;
+ }
+}
+@media screen and (max-width: 992px) {
+ #l_main {
+ width: 95%;
+ }
+}
+@media screen and (max-width: 992px) {
+ #l_main {
+ width: 95%;
+ flex-direction: column;
+ }
+ #l_main .l_content {
+ width: 100%;
+ margin: 0 auto;
+ }
+}
+#l_side {
+ width: 240px;
+ border-radius: 10px;
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ align-items: stretch;
+ box-sizing: border-box;
+}
+#l_side .layout_sticky {
+ position: sticky;
+ top: 60px;
+ display: flex;
+ flex-direction: column;
+ order: 10000000;
+}
+#l_side header {
+ border-top-left-radius: 10px;
+ border-top-right-radius: 10px;
+ padding: calc(16px - 2px);
+ font-weight: bold;
+ font-size: 0.875rem;
+ padding-bottom: 0;
+}
+#l_side header,
+#l_side header a {
+ color: #4c4948;
+ transition: all 0.3s;
+}
+#l_side header >a:hover {
+ color: rgba(66,185,133,0.8) !important;
+}
+#l_side header span.name {
+ margin-left: 8px;
+}
+#l_side .widget {
+ margin-top: 15px;
+ background: #fff;
+ border-radius: 10px;
+ box-shadow: 0 1px 20px -6px rgba(0,0,0,0.5);
+}
+#l_side .widget .content {
+ padding: 8px 16px;
+}
+#l_side .side_blogger {
+ order: ;
+}
+#l_side .side_blogger .content {
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ align-items: stretch;
+ border-radius: 10px;
+ background: #fff;
+}
+#l_side .side_blogger .content >.avatar {
+ align-self: center;
+ overflow: hidden;
+ position: relative;
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+ line-height: 0;
+}
+#l_side .side_blogger .content >.avatar img {
+ width: 100%;
+}
+#l_side .side_blogger .content >.avatar.circle {
+ border-radius: 100%;
+ width: 128px;
+ height: 128px;
+ margin-top: 16px;
+ margin-bottom: 1em;
+}
+#l_side .side_blogger .content >.avatar.circle img {
+ display: block;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+@media screen and (max-width: 992px) {
+ #l_side .side_blogger .content >.avatar {
+ width: 80px;
+ height: 80px;
+ border-radius: 100%;
+ border: 2px solid #fff;
+ margin-top: 16px;
+ }
+ #l_side .side_blogger .content >.avatar img {
+ display: block;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ position: absolute;
+ }
+}
+#l_side .side_blogger .content .text {
+ line-height: 1.6;
+ font-family: Titillium Web, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
+}
+#l_side .side_blogger .content .text :first-child {
+ margin-top: 16px;
+}
+#l_side .side_blogger .content h2 {
+ text-align: center;
+ font-weight: bold;
+ margin: 8px;
+ font-size: 1.5rem;
+}
+@media screen and (max-width: 992px) {
+ #l_side .side_blogger .content h2 {
+ margin: 8px;
+ }
+}
+#l_side .side_blogger .content p {
+ text-align: center;
+ font-weight: bold;
+ margin: 8px 8px 0 8px;
+ empty-cells: hide;
+}
+#l_side .side_blogger .content .social-wrapper {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ margin: 4px;
+}
+#l_side .side_blogger .content .social-wrapper a {
+ color: #000;
+ padding: 0;
+}
+#l_side .side_blogger .content .social-wrapper a:hover {
+ color: rgba(66,185,133,0.8);
+}
+#l_side .side_blogger .content .social-wrapper a.social {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 32px;
+ height: 32px;
+ margin: 4px;
+ border-radius: 100px;
+}
+#l_side .side_blogger .content .social-wrapper a.social:hover {
+ background: rgba(217,241,231,0.8);
+ color: rgba(66,185,133,0.8);
+}
+#l_side .side_toc {
+ min-height: auto;
+ order: -1;
+ background: #fff;
+}
+#l_side .side_toc .content .toc-main .toc-content {
+ font-size: 0.875rem;
+ max-height: calc(100vh - 140px);
+ overflow: auto;
+}
+#l_side .side_toc .content .toc-main .toc-content ol {
+ list-style: none;
+}
+#l_side .side_toc .content .toc-main .toc-content li:before {
+ color: #000;
+ font-family: Times New Roman;
+}
+#l_side .side_toc .content .toc-main .toc-content li {
+ counter-increment: a 1;
+}
+#l_side .side_toc .content .toc-main .toc-content li:before {
+ content: counter(a) ". ";
+}
+#l_side .side_toc .content .toc-main .toc-content li li {
+ counter-increment: b 1;
+}
+#l_side .side_toc .content .toc-main .toc-content li li:before {
+ content: counter(a) "." counter(b) ". ";
+}
+#l_side .side_toc .content .toc-main .toc-content li li li {
+ counter-increment: c 1;
+}
+#l_side .side_toc .content .toc-main .toc-content li li li:before {
+ content: counter(a) "." counter(b) "." counter(c) ". ";
+}
+#l_side .side_toc .content .toc-main .toc-content a:hover {
+ color: rgba(66,185,133,0.8);
+ transition: all 0.2s;
+}
+@media screen and (max-width: 992px) {
+ #l_side .side_toc {
+ position: fixed;
+ right: -100%;
+ bottom: 50px;
+ z-index: 100;
+ width: 300px;
+ background-color: #fff;
+ opacity: 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;
+ margin-top: 1rem;
+ padding-top: 0;
+ box-sizing: border-box;
+ z-index: 9999;
+ }
+ #l_side .side_toc .content .toc-main .toc-content {
+ max-height: calc(100vh - 180px);
+ }
+@-moz-keyframes toc-open {
+ 0% {
+ transform: scale(0.7);
+ }
+ 100% {
+ transform: scale(1);
+ }
+}
+@-webkit-keyframes toc-open {
+ 0% {
+ transform: scale(0.7);
+ }
+ 100% {
+ transform: scale(1);
+ }
+}
+@-o-keyframes toc-open {
+ 0% {
+ transform: scale(0.7);
+ }
+ 100% {
+ transform: scale(1);
+ }
+}
+@keyframes toc-open {
+ 0% {
+ transform: scale(0.7);
+ }
+ 100% {
+ transform: scale(1);
+ }
+}
+@-moz-keyframes toc-close {
+ 0% {
+ transform: scale(1);
+ }
+ 100% {
+ transform: scale(0.7);
+ }
+}
+@-webkit-keyframes toc-close {
+ 0% {
+ transform: scale(1);
+ }
+ 100% {
+ transform: scale(0.7);
+ }
+}
+@-o-keyframes toc-close {
+ 0% {
+ transform: scale(1);
+ }
+ 100% {
+ transform: scale(0.7);
+ }
+}
+@keyframes toc-close {
+ 0% {
+ transform: scale(1);
+ }
+ 100% {
+ transform: scale(0.7);
+ }
+}
+}
+#l_side #toc-mobile-btn {
+ display: none;
+}
+@media screen and (max-width: 992px) {
+ #l_side #toc-mobile-btn {
+ display: block;
+ position: fixed;
+ width: 50px;
+ height: 50px;
+ line-height: 50px;
+ bottom: 140px;
+ right: 17px;
+ text-align: center;
+ z-index: 9999999;
+ background-color: rgba(66,185,133,0.8);
+ color: #fff;
+ border-radius: 50%;
+ box-shadow: -2px 2px 2px 2px rgba(255,255,255,0.5);
+ }
+}
+@media screen and (max-width: 551px) {
+ #l_side #toc-mobile-btn {
+ width: 30px;
+ height: 30px;
+ line-height: 30px;
+ bottom: 100px;
+ right: 0;
+ }
+}
+#l_side .side_category {
+ min-height: auto;
+ order: ;
+ background: #fff;
+}
+#l_side .side_category .content {
+ padding: 8px 0;
+ min-height: none;
+}
+#l_side .side_category .content p {
+ margin-top: 1em;
+ margin-bottom: 1em;
+}
+#l_side .side_category .content p:first-child {
+ margin-top: 0.5em;
+}
+#l_side .side_category .content ul>li a {
+ color: #000;
+ padding: 0 16px;
+ padding-left: 12px;
+ line-height: 2;
+ display: flex;
+ justify-content: space-between;
+ align-content: center;
+ border-left: 2px solid transparent;
+ transition: all 0.3s;
+}
+#l_side .side_category .content ul.entry,
+#l_side .side_category .content ul.popular-posts {
+ list-style: none;
+}
+#l_side .side_category .content ul.entry a,
+#l_side .side_category .content ul.popular-posts a {
+ color: #000;
+}
+#l_side .side_category .content ul.entry a .name,
+#l_side .side_category .content ul.popular-posts a .name {
+ flex: auto;
+}
+#l_side .side_category .content ul.entry a .badge,
+#l_side .side_category .content ul.popular-posts a .badge {
+ flex: none;
+ font-weight: normal;
+ font-size: 0.875rem;
+ color: rgba(66,185,133,0.7);
+}
+#l_side .side_category .content ul.entry a.active,
+#l_side .side_category .content ul.popular-posts a.active {
+ border-left: 2px solid rgba(66,185,133,0.8);
+ color: rgba(66,185,133,0.8);
+ background: rgba(66,185,133,0.7);
+}
+#l_side .side_category .content ul.entry a.active .badge,
+#l_side .side_category .content ul.popular-posts a.active .badge {
+ color: rgba(66,185,133,0.9);
+}
+#l_side .side_category .content ul.entry a.child,
+#l_side .side_category .content ul.popular-posts a.child {
+ padding-left: 32px;
+}
+#l_side .side_category .content ul.entry a:hover,
+#l_side .side_category .content ul.popular-posts a:hover {
+ border-left: 2px solid rgba(66,185,133,0.8);
+ color: rgba(66,185,133,0.8);
+ background: rgba(217,241,231,0.8);
+}
+#l_side .side_tagcloud {
+ background: #fff;
+ order: ;
+}
+#l_side .side_tagcloud .content {
+ text-align: justify;
+ padding: 8px 16px;
+}
+#l_side .side_tagcloud .content a {
+ display: inline-block;
+ transition: all 0.3s;
+ line-height: 1.2em;
+ margin: 4px 0;
+ border-bottom: 1px solid transparent;
+}
+#l_side .side_tagcloud .content a:hover {
+ color: rgba(66,185,133,0.8) !important;
+ border-bottom: 1px solid rgba(66,185,133,0.8);
+}
+#l_side .side_recent_post {
+ order: ;
+ background: #fff;
+}
+#l_side .side_recent_post .aside-list .aside-list-item {
+ padding: 0.5rem 0;
+ list-style: none;
+ display: flex;
+ align-items: center;
+}
+#l_side .side_recent_post .aside-list .aside-list-item .post-img-box {
+ width: 4.2em;
+ height: 4.2em;
+ overflow: hidden;
+ border-radius: 5px;
+}
+#l_side .side_recent_post .aside-list .aside-list-item .post-img {
+ display: block;
+ width: 100%;
+ height: 100%;
+ transition: all 0.6s;
+}
+#l_side .side_recent_post .aside-list .aside-list-item .post-img:hover {
+ transform: scale(1.4);
+}
+#l_side .side_recent_post .aside-list .aside-list-item .post-date-title {
+ margin-left: 10px;
+ flex: 1;
+}
+#l_side .side_recent_post .aside-list .aside-list-item .post-date {
+ display: inline-block;
+ border-radius: 5px;
+}
+#l_side .side_recent_post .aside-list .aside-list-item .post-title {
+ color: #555;
+ transition: all 0.3s;
+ text-overflow: -o-ellipsis-lastline;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ line-clamp: 2;
+ -webkit-box-orient: vertical;
+ line-height: 1.5;
+ word-break: break-all;
+}
+#l_side .side_recent_post .aside-list .aside-list-item .post-title:hover {
+ color: rgba(66,185,133,0.8);
+}
+#l_side .side_archives {
+ order: ;
+ background: #fff;
+}
+#l_side .side_archives .card-archive-list {
+ list-style: none;
+ line-height: 2;
+ box-sizing: border-box;
+ overflow: hidden;
+}
+#l_side .side_archives .card-archive-list .card-archive-list-link {
+ transition: all 0.3s;
+ display: inline-block;
+ padding: 0.15rem 0.5rem;
+ width: 100%;
+ color: #4c4948;
+ -webkit-transition: all 0.4s;
+ -moz-transition: all 0.4s;
+ -o-transition: all 0.4s;
+ -ms-transition: all 0.4s;
+ transition: all 0.4s;
+ box-sizing: border-box;
+}
+#l_side .side_archives .card-archive-list .card-archive-list-link:hover {
+ padding: 0.15rem 0.85rem;
+ background-color: rgba(217,241,231,0.8);
+}
+#l_side .side_archives .card-archive-list .card-archive-list-link span {
+ display: inline-block;
+}
+#l_side .side_archives .card-archive-list .card-archive-list-link .card-archive-list-date {
+ width: 80%;
+}
+#l_side .side_archives .card-archive-list .card-archive-list-link .card-archive-list-count {
+ width: 20%;
+ text-align: right;
+}
+#l_side .side_webinfo {
+ order: ;
+ background: #fff;
+}
+#l_side .side_webinfo .webinfo-item {
+ display: block;
+ padding: 10px 0 0;
+ display: flex;
+ justify-content: space-between;
+}
+.darkModel .is-active-link {
+ color: rgba(66,185,133,0.8) !important;
+}
+.darkModel .toc-list-item:before {
+ color: #c9d1d9 !important;
+}
+@media screen and (max-width: 992px) {
+ #l_side {
+ width: 100%;
+ }
+}
+.fade-enter-active,
+.fade-leave-active {
+ transition: opacity 0.8s;
+}
+.fade-enter,
+.fade-leave-to {
+ opacity: 0;
+}
+.bounce-enter-active {
+ animation: bounce-in 0.5s;
+}
+.bounce-leave-active {
+ animation: bounce-in 0.5s reverse;
+}
+.translate-fade-enter-active,
+.translate-fade-leave-active {
+ transition: all 1s;
+}
+.translate-fade-enter,
+.translate-fade-leave-active {
+ opacity: 0;
+}
+.translate-fade-enter {
+ transform: translateX(31px);
+}
+.translate-fade-leave-active {
+ transform: translateX(-31px);
+}
+.scale-enter-active,
+.scale-leave-active {
+ transition: all 2s;
+}
+.scale-enter,
+.scale-leave-active {
+ opacity: 0;
+}
+.scale-enter {
+ transform: scale(1.5);
+}
+.scale-leave-active {
+ transform: scale(1);
+}
+@-moz-keyframes bounce-in {
+ 0% {
+ transform: scale(0);
+ }
+ 50% {
+ transform: scale(1.2);
+ }
+ 100% {
+ transform: scale(1);
+ }
+}
+@-webkit-keyframes bounce-in {
+ 0% {
+ transform: scale(0);
+ }
+ 50% {
+ transform: scale(1.2);
+ }
+ 100% {
+ transform: scale(1);
+ }
+}
+@-o-keyframes bounce-in {
+ 0% {
+ transform: scale(0);
+ }
+ 50% {
+ transform: scale(1.2);
+ }
+ 100% {
+ transform: scale(1);
+ }
+}
+@keyframes bounce-in {
+ 0% {
+ transform: scale(0);
+ }
+ 50% {
+ transform: scale(1.2);
+ }
+ 100% {
+ transform: scale(1);
+ }
+}
+.header-bg-color,
+.no-img-top,
+.no-swiper {
+ background: rgba(66,185,133,0.8);
+ transition: all 0.3s;
+}
+.header {
+ position: relative;
+ display: flex;
+ align-items: baseline;
+ justify-content: space-between;
+ align-items: center;
+ height: 60px;
+ box-sizing: border-box;
+ z-index: 2;
+ border-bottom: 1px solid rgba(60,60,60,0.122);
+}
+.header .header-content {
+ width: calc(70% + 260px);
+ height: 100%;
+ margin: 0 auto;
+ box-sizing: border-box;
+ padding: 0 20px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+.header .header-content .navbar {
+ height: 100%;
+ display: flex;
+}
+.header .header-content .navbar .menu {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ display: flex;
+}
+.header .header-content .navbar .menu .menu-item {
+ display: flex;
+ justify-content: center;
+ list-style: none;
+ height: 100%;
+ line-height: 60px;
+ padding: 0 10px;
+ transition: background-color 0.3s;
+}
+.header .header-content .navbar .menu .menu-item a {
+ color: #fff;
+ display: block;
+ overflow: hidden;
+ text-align: center;
+ width: 100%;
+ height: 100%;
+ font-size: 1em;
+ word-break: break-all;
+}
+.header .header-content .navbar .menu .menu-item a i {
+ transform: scale(0.8);
+}
+.header .header-content .navbar .menu .menu-item a .arrow {
+ transform: scale(0.8);
+ margin-left: -3px;
+ transition: all 0.3s;
+}
+.header .header-content .navbar .menu .menu-item:after {
+ content: "";
+ width: 0;
+ height: 3px;
+ background: #ff4500;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ transition: all 0.5s ease 0s;
+}
+.header .header-content .navbar .menu .menu-item:hover {
+ background-color: rgba(0,0,0,0.2);
+}
+.header .header-content .navbar .menu .menu-item:hover:after {
+ width: 100%;
+}
+.header .header-content .navbar .menu .menu-item:hover .arrow {
+ transform: scale(0.8) rotate(180deg);
+}
+.header .header-content .navbar .menu .menu-item:hover .sub-menu {
+ padding-top: 5px;
+ height: auto;
+ transform: translateY(0);
+ opacity: 1;
+}
+.header .header-content .navbar .menu .menu-item:hover .sub-menu a:hover {
+ transition: background-color 0.3s;
+ background-color: rgba(0,0,0,0.2);
+ text-decoration: none;
+}
+.header .header-content .navbar .menu .menu-item .sub-menu {
+ position: absolute;
+ top: 100%;
+ left: calc((140px - 100%) / -2);
+ border-radius: 10px;
+ height: 0;
+ overflow: hidden;
+ transform: translateY(30px);
+ transition: transform 0.3s, opacity 0.2s;
+ opacity: 0;
+}
+.header .header-content .navbar .menu .menu-item .sub-menu a {
+ color: #fff !important;
+ box-sizing: border-box;
+ padding: 15px 10px;
+}
+.header .header-content .navbar .menu .menu-item .sub-menu li {
+ background: rgba(66,185,133,0.8);
+ width: 140px;
+ text-align: center;
+ line-height: 1.2;
+}
+.header .header-content .navbar .menu .menu-item .sub-menu li:first-child {
+ overflow: hidden;
+ border-top-left-radius: 10px;
+ border-top-right-radius: 10px;
+}
+.header .blog-title {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 60px;
+ white-space: nowrap;
+ margin-left: 20px;
+}
+.header .blog-title .avatar {
+ border-radius: 50%;
+ overflow: hidden;
+ width: 35px;
+ height: 35px;
+}
+.header .blog-title img {
+ width: 100%;
+ height: 100%;
+}
+.header .blog-title a {
+ color: #fff;
+ margin-left: 5px;
+ display: inline-block;
+ font-size: 1.6em;
+ font-family: "Comic Sans MS", LiSu, sans-serif;
+ text-decoration: none;
+}
+.header #he-plugin-simple {
+ width: 100px;
+ margin-right: 60px !important;
+}
+.header #he-plugin-simple .s-sticker-tmp,
+.header #he-plugin-simple .s-sticker-city {
+ color: #fff !important;
+}
+@-moz-keyframes headerNoOpacity {
+ 0% {
+ transform: translateY(-50px);
+ }
+ 100% {
+ transform: translateY(0);
+ }
+}
+@-webkit-keyframes headerNoOpacity {
+ 0% {
+ transform: translateY(-50px);
+ }
+ 100% {
+ transform: translateY(0);
+ }
+}
+@-o-keyframes headerNoOpacity {
+ 0% {
+ transform: translateY(-50px);
+ }
+ 100% {
+ transform: translateY(0);
+ }
+}
+@keyframes headerNoOpacity {
+ 0% {
+ transform: translateY(-50px);
+ }
+ 100% {
+ transform: translateY(0);
+ }
+}
+.header-bg-color .header-content .navbar .menu .menu-item a,
+.header-bg-color .blog-title a {
+ color: #fff;
+}
+@media (min-width: 992px) {
+ .bars {
+ display: none;
+ }
+}
+@media (max-width: 992px) {
+ .header .header-content {
+ width: 100% !important;
+ }
+ .menu {
+ display: none !important;
+ }
+ .bars {
+ display: block;
+ }
+ .header {
+ padding: 0 20px;
+ }
+ .github-corner {
+ display: none;
+ }
+ .header #he-plugin-simple {
+ margin-right: 0;
+ }
+ .header .blog-title {
+ margin-left: 150px;
+ }
+}
+@media (max-width: 551px) {
+ .header #he-plugin-simple {
+ display: none;
+ }
+ .header .blog-title {
+ margin-left: 0;
+ }
+ .header .blog-title .avatar {
+ width: 25px;
+ height: 25px;
+ }
+}
+#l_main .posts {
+ width: 100%;
+}
+.posts {
+ width: 60%;
+ margin: 0 auto;
+ margin-bottom: 20px;
+}
+.posts h3 {
+ color: #273849;
+ border-bottom: 1px solid #273849;
+}
+.posts .post {
+ box-shadow: 0 1px 20px -6px rgba(0,0,0,0.5);
+ width: 100%;
+ height: 300px;
+ display: flex;
+ margin-bottom: 16px;
+ background: #fff;
+ border-radius: 10px;
+ overflow: hidden;
+}
+.posts .post .post-main {
+ flex: 1;
+ padding: 20px 40px;
+ box-sizing: border-box;
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+}
+.posts .post .post-img {
+ flex: 1;
+ height: 100%;
+ overflow: hidden;
+}
+.posts .post .post-img a {
+ display: block;
+ width: 100%;
+ height: 100%;
+ transition: all 0.5s;
+}
+.posts .post .post-img a:hover {
+ transform: scale(1.2);
+}
+.posts .post .post-img a img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+.posts .post-info {
+ flex: 1;
+}
+.posts .post-title {
+ font-size: 1.4em;
+ margin-top: 10px;
+}
+.posts .post-title .post-title-link {
+ color: #273849;
+ text-decoration: none;
+ font-weight: 700;
+ transition: all 0.3s;
+}
+.posts .post-title .post-title-link:hover {
+ color: rgba(66,185,133,0.8) !important;
+}
+.posts .post-meta {
+ overflow: hidden;
+ margin-top: 10px;
+}
+.posts .post-img-mobile {
+ display: none;
+ overflow: hidden;
+ height: 210px;
+ margin: 10px 0;
+ border-radius: 10px;
+}
+.posts .post-img-mobile a {
+ display: block;
+ width: 100%;
+ height: 100%;
+ transition: all 0.5s;
+}
+.posts .post-img-mobile a:hover {
+ transform: scale(1.2);
+}
+.posts .post-img-mobile a img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+.posts .post-more {
+ line-height: 30px;
+}
+.posts .post-more a {
+ color: #273849;
+}
+.posts .post-more i {
+ font-size: 1.8rem;
+ cursor: pointer;
+ transition: all 0.3s;
+}
+.posts .post-more i:hover {
+ color: #42b983;
+}
+.posts .post-content {
+ color: rgba(0,0,0,0.66);
+ margin-top: 10px;
+ min-height: 85px;
+ max-height: 105px;
+ line-height: 27px;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 4;
+ overflow: hidden;
+}
+.posts .post-content a {
+ text-decoration: none;
+}
+.posts .post-time {
+ color: #888;
+ font-size: 14px;
+}
+@media (max-width: 992px) {
+ .posts {
+ width: 100%;
+ }
+ .posts .post {
+ margin-top: 10px;
+ flex-direction: column !important;
+ height: auto;
+ }
+ .posts .post .post-main {
+ flex: none;
+ padding: 20px;
+ }
+ .posts .post .post-img-mobile {
+ display: block;
+ height: 350px;
+ }
+ .posts .post .post-img {
+ flex: none;
+ height: 210px;
+ margin: 10px 0;
+ border-radius: 10px;
+ display: none;
+ }
+ .posts .post-more {
+ display: none;
+ }
+}
+@media (max-width: 551px) {
+ .posts .post .post-img-mobile {
+ height: 210px;
+ }
+}
+.post-detail-header {
+ width: 100%;
+ overflow: hidden;
+ height: 450px;
+ position: relative;
+ background-color: rgba(66,185,133,0.8);
+ background-size: cover;
+ background-position: center center;
+ color: #fff;
+ font-weight: lighter;
+ font-family: Consolas, 'Courier New';
+}
+.post-detail-header .post-detail-header-mask {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-color: #000;
+ opacity: 0.4;
+ transition: all 0.2s;
+}
+.post-detail-header .title-box {
+ display: block;
+ z-index: 2;
+}
+.post-detail-header .title {
+ font-size: 2rem;
+ line-height: 1.5;
+ width: 100%;
+}
+.post-detail-header .typed-cursor {
+ font-size: 2rem;
+ color: #fff;
+}
+.post-detail-header .post-detail-header_info-box {
+ text-align: center;
+ position: absolute;
+ bottom: 50%;
+ left: 50%;
+ width: 85%;
+ transform: translate(-50%, 50%);
+ z-index: 2;
+}
+.post-detail-header .post-detail-header_info-box .post-detail-header_categories a {
+ color: #fff;
+}
+.post-detail-header .post-detail-header_info-box .post-detail-header_categories a:hover {
+ text-decoration: underline;
+ color: #42b983;
+}
+.post-detail-header .post-detail-header_wordcount {
+ z-index: 2;
+ margin-top: 10px;
+ flex-wrap: wrap;
+}
+@-moz-keyframes header-effect {
+ 0% {
+ opacity: 0;
+ transform: translateY(-50px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+@-webkit-keyframes header-effect {
+ 0% {
+ opacity: 0;
+ transform: translateY(-50px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+@-o-keyframes header-effect {
+ 0% {
+ opacity: 0;
+ transform: translateY(-50px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+@keyframes header-effect {
+ 0% {
+ opacity: 0;
+ transform: translateY(-50px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+@media (max-width: 551px) {
+ .post-detail-header {
+ height: 360px;
+ text-align: left;
+ line-height: 2;
+ }
+ .post-detail-header .title {
+ font-size: 2rem;
+ }
+ .post-detail-header .post-detail-header_info-box {
+ left: 0;
+ bottom: 2rem;
+ width: 100%;
+ transform: none;
+ text-align: left;
+ padding: 0 1.1rem;
+ box-sizing: border-box;
+ }
+ .post-detail-header .post-detail-header_wordcount,
+ .post-detail-header .post-detail-header_categories {
+ display: inline !important;
+ }
+}
+.post-row {
+ display: flex;
+ box-sizing: border-box;
+ flex-direction: row-reverse;
+}
+@media screen and (max-width: 992px) {
+ .post-row {
+ flex-direction: column;
+ }
+}
+.post-detail-content {
+ padding-bottom: 10px;
+ width: 75%;
+ justify-content: space-between;
+ margin: 0 auto;
+}
+@media screen and (max-width: 992px) {
+ .post-detail-content {
+ width: 100%;
+ }
+}
+.justify-position {
+ justify-content: space-between;
+}
+.main-content {
+ width: calc(100% - 255px);
+ margin-top: 15px;
+ transition: width 0.3s;
+}
+#waifu #live2d {
+ margin-left: -50px;
+}
+.post-detail {
+ padding: 20px 40px;
+ color: #273849;
+ -webkit-font-smoothing: antialiased;
+ line-height: 1.6rem;
+ letter-spacing: 0;
+ margin: 0;
+ overflow-x: hidden;
+ background-color: #fff;
+ border-radius: 8px;
+ box-shadow: 0 0 5px #ccc;
+ font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Segoe UI, Microsoft YaHei, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, sans-serif;
+ position: relative;
+/* 代码块复制按钮 */
+/* 代码块复制按钮 */
+}
+.post-detail .post-title {
+ text-align: center;
+ font-size: 1.6em;
+ color: #273849;
+ font-weight: 700;
+ margin: 10px 0 30px 0;
+}
+.post-detail .post-tags-categories {
+ display: flex;
+ justify-content: flex-end;
+ margin: 10px 0;
+}
+.post-detail .post-tags-categories .tags,
+.post-detail .post-tags-categories .category {
+ margin-right: 10px;
+}
+.post-detail .post-tags-categories .tags a {
+ display: inline-block;
+ border: 1px solid rgba(66,185,133,0.8);
+ color: rgba(66,185,133,0.8) !important;
+ padding: 2px 20px;
+ border-radius: 20px;
+ margin-top: 10px;
+}
+.post-detail .post-tags-categories .tags a:hover {
+ color: #fff !important;
+ background-color: rgba(66,185,133,0.8);
+}
+.post-detail .post-content {
+ margin-top: 20px;
+}
+.post-detail .post-content .headerlink {
+ position: relative;
+}
+.post-detail img:not(.swiper-slide-img) {
+ max-width: 100%;
+ margin: 0 auto;
+ display: block;
+}
+.post-detail .gallery img,
+.post-detail .btns img,
+.post-detail .site-card img {
+ margin: 0;
+ transform: translateX(0);
+}
+.post-detail blockquote {
+ border-left: 5px solid #42b983;
+ padding: 1rem 0.8rem 0.2rem 0.8rem;
+ background-color: rgba(66,185,131,0.1);
+ margin: 0;
+ word-break: break-all;
+}
+.post-detail code:not([class *='language'] ) {
+ padding: 0.15em 0.5em;
+ top: 13px !important;
+ font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace;
+ font-size: 1em;
+ color: #476582;
+ background: #f1f1f1;
+ border-radius: 4px;
+}
+.post-detail .codeBox {
+/* 方便copy代码按钮（btn-copy）的定位 */
+ position: relative;
+}
+.post-detail .codeBox .btn-copy {
+ display: inline-block;
+ cursor: pointer;
+ border-radius: 8px;
+ background-color: rgba(66,185,133,0.8);
+ border: 1px solid rgba(66,185,133,0.8);
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-appearance: none;
+ font-size: 13px;
+ font-weight: 700;
+ line-height: 20px;
+ color: #fff;
+ -webkit-transition: opacity 0.3s ease-in-out;
+ -o-transition: opacity 0.3s ease-in-out;
+ transition: opacity 0.3s ease-in-out;
+ padding: 2px 6px;
+ position: absolute;
+ right: 5px;
+ top: 5px;
+ opacity: 0;
+}
+.post-detail .codeBox .btn-copy span {
+ margin-left: 5px;
+}
+.post-detail .codeBox:hover .btn-copy {
+ opacity: 1;
+}
+.post-detail .codeBox:hover .btn-copy:hover {
+ background-color: $color-button20%0.5deg;
+}
+.post-detail :root {
+ --side-bar-bg-color: #fff;
+ --control-text-color: #777;
+ --font-sans-serif: 'Ubuntu', 'Source Sans Pro', sans-serif !important;
+ --font-monospace: 'Fira Code', 'Roboto Mono', monospace !important;
+}
+.post-detail a:not(.toc-link) {
+ color: #42b983;
+ font-weight: 600;
+ text-decoration: none;
+}
+.post-detail h1,
+.post-detail h2,
+.post-detail h3,
+.post-detail h4,
+.post-detail h5,
+.post-detail h6 {
+ position: relative;
+ box-sizing: border-box;
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ font-weight: bold;
+ line-height: 1.4;
+ cursor: url(""), text;
+ color: #213547;
+}
+.post-detail h1:focus,
+.post-detail h2:focus,
+.post-detail h3:focus,
+.post-detail h4:focus,
+.post-detail h5:focus,
+.post-detail h6:focus {
+ outline: none;
+}
+.post-detail h1:hover a.anchor,
+.post-detail h2:hover a.anchor,
+.post-detail h3:hover a.anchor,
+.post-detail h4:hover a.anchor,
+.post-detail h5:hover a.anchor,
+.post-detail h6:hover a.anchor {
+ text-decoration: none;
+}
+.post-detail h1 tt,
+.post-detail h1 code {
+ font-size: inherit !important;
+}
+.post-detail h2 tt,
+.post-detail h2 code {
+ font-size: inherit !important;
+}
+.post-detail h3 tt,
+.post-detail h3 code {
+ font-size: inherit !important;
+}
+.post-detail h4 tt,
+.post-detail h4 code {
+ font-size: inherit !important;
+}
+.post-detail h5 tt,
+.post-detail h5 code {
+ font-size: inherit !important;
+}
+.post-detail h6 tt,
+.post-detail h6 code {
+ font-size: inherit !important;
+}
+.post-detail h2 a,
+.post-detail h3 a {
+ color: #273849;
+}
+.post-detail h1 {
+ padding-bottom: 0.4rem;
+ font-size: 2.2rem;
+ line-height: 1.3;
+}
+.post-detail h1:not(.bamboo-h):not(.bamboo-h-b) {
+ color: #fff;
+ background-color: rgba(66,185,133,0.8);
+ width: fit-content;
+ border-bottom-right-radius: 100px;
+ margin-top: 47px;
+ margin-bottom: 16px;
+ padding: 4px 48px 4px 8px;
+ transition: all 0.3s ease-out;
+}
+.post-detail h2 {
+ font-size: 1.75rem;
+ line-height: 1.225;
+ margin: 35px 0 15px;
+ padding-bottom: 0.5em;
+}
+.post-detail h2:not(.bamboo-h):not(.bamboo-h-b):before {
+ content: '';
+ width: 100%;
+ padding: 0px 24px;
+ border-bottom: 1px solid #eee;
+ position: absolute;
+ bottom: -1px;
+ left: -24px;
+ box-sizing: unset;
+}
+.post-detail h2:not(.bamboo-h):not(.bamboo-h-b):after {
+ transition: all 0.35s ease-out;
+ content: '';
+ position: absolute;
+ background: rgba(66,185,133,0.8);
+ width: 1em;
+ height: 5px;
+ bottom: -3px;
+ left: 0;
+ border-radius: 10px;
+}
+.post-detail h2:not(.bamboo-h):not(.bamboo-h-b):hover:after {
+ width: 2em;
+}
+.post-detail h3 {
+ font-size: 1.4rem;
+ line-height: 1.43;
+ margin: 20px 0 7px;
+ padding-bottom: 0.5em;
+ border-bottom: 1px solid #ddd;
+}
+.post-detail h4 {
+ font-size: 1.2rem;
+ padding-left: 10px;
+}
+.post-detail h4:not(.bamboo-h):not(.bamboo-h-b) {
+ border-left: 5px solid rgba(66,185,133,0.8);
+}
+.post-detail h5 {
+ font-size: 1rem;
+}
+.post-detail h6 {
+ font-size: 1rem;
+ color: #777;
+}
+.post-detail p {
+ color: #213547;
+}
+.post-detail p,
+.post-detail blockquote,
+.post-detail ul,
+.post-detail ol,
+.post-detail dl,
+.post-detail table {
+ margin: 0.8em 0;
+}
+.post-detail li > ol,
+.post-detail li > ul {
+ margin: 0 0;
+}
+.post-detail hr {
+ height: 2px;
+ padding: 0;
+ margin: 16px 0;
+ background-color: #e7e7e7;
+ border: 0 none;
+ overflow: hidden;
+ box-sizing: content-box;
+}
+.post-detail a:first-child h1,
+.post-detail a:first-child h2,
+.post-detail a:first-child h3,
+.post-detail a:first-child h4,
+.post-detail a:first-child h5,
+.post-detail a:first-child h6 {
+ margin-top: 0;
+ padding-top: 0;
+}
+.post-detail h1 p,
+.post-detail h2 p,
+.post-detail h3 p,
+.post-detail h4 p,
+.post-detail h5 p,
+.post-detail h6 p {
+ margin-top: 0;
+}
+.post-detail li p.first {
+ display: inline-block;
+}
+.post-detail ul:last-child,
+.post-detail ol:last-child {
+ margin-bottom: 0;
+}
+.post-detail ul {
+ list-style: none;
+}
+.post-detail ul:not(.post-copyright):not(.nav-tabs) li {
+ position: relative;
+ padding: 8px 0;
+ padding-left: 25px;
+}
+.post-detail ul:not(.post-copyright):not(.nav-tabs) li::before {
+ content: '';
+ width: 14px;
+ height: 14px;
+ background: rgba(66,185,133,0.8);
+ display: inline-block;
+ vertical-align: middle;
+ margin-top: -2px;
+ margin-right: 11px;
+ margin-left: -25px;
+ border-radius: 100%;
+ border: 3px solid #fff;
+ position: relative;
+ box-sizing: border-box;
+}
+.post-detail ul:not(.post-copyright):not(.nav-tabs) li:not(:last-child)::after {
+ content: '';
+ height: 100%;
+ width: 2px;
+ background: rgba(66,185,133,0.8);
+ position: absolute;
+ left: 6px;
+ top: 20px;
+ box-sizing: border-box;
+}
+.post-detail ol {
+ list-style-type: none;
+ counter-reset: item;
+ box-sizing: border-box;
+ padding: 0 0 0 2.5em;
+}
+.post-detail ol > li {
+ position: relative;
+ padding: 0.4rem 0;
+}
+.post-detail ol > li::before {
+ content: counter(item);
+ counter-increment: item;
+ position: absolute;
+ top: 0.4rem;
+ left: -2.5em;
+ height: 1.6rem;
+ width: 1.6rem;
+ text-align: center;
+ border-radius: 8px;
+ line-height: 1.6rem;
+ background-color: rgba(217,241,231,0.8);
+ color: rgba(66,185,133,0.8);
+}
+.post-detail blockquote {
+ padding: 12px 24px 12px 30px;
+ border-left-width: 4px;
+ border-left-style: solid;
+ border-radius: 4px;
+ margin: 1rem 0;
+ background-color: rgba(66,185,131,0.1);
+ border-color: rgba(66,185,133,0.8);
+ position: relative;
+}
+.post-detail blockquote::before {
+ content: '\f129';
+ background-color: rgba(66,185,133,0.8);
+ position: absolute;
+ top: 14px;
+ left: -12px;
+ color: #fff;
+ width: 20px;
+ height: 20px;
+ border-radius: 100%;
+ text-align: center;
+ line-height: 20px;
+ font-weight: bold;
+ font-family: 'Font Awesome 6 Free';
+ font-weight: 600;
+ font-size: 14px;
+}
+.post-detail table {
+ padding: 0;
+ word-break: initial;
+ width: 100%;
+ table-layout: fixed;
+ border-collapse: collapse;
+ border-spacing: 0;
+ overflow: auto;
+ border: 1px solid rgba(217,241,231,0.8);
+}
+.post-detail table tr {
+ margin: 0;
+ padding: 0;
+}
+.post-detail table tr:nth-child(2n),
+.post-detail thead {
+ background-color: #f2faf6;
+}
+.post-detail table tr th {
+ font-weight: bold;
+ border: 1px solid rgba(217,241,231,0.8);
+ border-bottom: 0;
+ text-align: left;
+ margin: 0;
+ padding: 6px 13px;
+ background-color: rgba(217,241,231,0.8);
+ color: rgba(66,185,133,0.8);
+}
+.post-detail table tr td {
+ text-align: left;
+ margin: 0;
+ padding: 6px 13px;
+ word-wrap: break-word;
+ border: 1px solid rgba(217,241,231,0.8);
+}
+.post-detail table:not(.highlight table) tr:hover {
+ background-color: rgba(226,245,237,0.8);
+}
+.post-detail table tr th:first-child,
+.post-detail table tr td:first-child {
+ margin-top: 0;
+}
+.post-detail table tr th:last-child,
+.post-detail table tr td:last-child {
+ margin-bottom: 0;
+}
+.post-detail p {
+ margin: 2px 2px 10px;
+ font-size: 16px;
+ line-height: 1.7;
+}
+@media (max-width: 992px) {
+ .justify-center {
+ justify-content: center;
+ }
+ .main-content {
+ width: 100% !important;
+ margin: 0 auto !important;
+ margin-top: 10px !important;
+ }
+}
+@media (max-width: 551px) {
+ .post-detail {
+ padding: 15px 15px 20px 18px;
+ }
+}
+.footer {
+ min-height: 130px;
+ padding: 10px 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ color: #fff;
+ background: rgba(66,185,133,0.8);
+}
+.footer .footer-main {
+ text-align: center;
+}
+.footer .footer-main a {
+ color: #fff;
+}
+.footer .footer-main .link .social {
+ display: inline-block;
+ padding: 5px;
+ margin: 0 5px;
+}
+.footer .footer-main .link .social:hover {
+ color: #ff4500;
+ background: rgba(255,87,34,0.1);
+}
+.footer .footer-main .link i {
+ cursor: pointer;
+}
+.footer .footer-main .link img {
+ margin: 8px;
+ height: 24px;
+}
+.footer .footer-main .footer-copyright a {
+ text-decoration: underline;
+}
+.footer .footer-main .footer-copyright a:hover {
+ color: #ff4500;
+}
+.footer .footer-main .footer-custom a {
+ text-decoration: underline;
+}
+.footer .footer-main .footer-custom a:hover {
+ color: #ff4500;
+}
+#j-fish-skip {
+ margin-top: 15px;
+}
+.post-tags {
+ float: left;
+ color: #8a8a8a;
+ display: flex;
+ align-items: center;
+}
+.post-tags i {
+ margin-right: 5px;
+}
+.post-tags .article-tag-list li {
+ display: inline-block;
+ margin-right: 5px;
+}
+.post-tags .article-tag-list li a {
+ color: #8a8a8a;
+}
+.post-tags .article-tag-list li a:hover {
+ color: #42b983;
+}
+.bg-light-floor-tags {
+ background: ;
+ background-size: cover;
+ background-position: center center;
+}
+.tags-header {
+ position: relative;
+ width: 100%;
+ height: 60vh;
+ overflow: hidden;
+ background-size: cover;
+ background-position: center center;
+ background-color: rgba(66,185,133,0.8);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ color: #fff;
+}
+.tags-header .tags-header-title {
+ z-index: 2;
+ font-size: 2.5rem;
+ font-family: MV Boli;
+ color: #fff;
+}
+.tags-header .tags-header-desc {
+ z-index: 2;
+ font-weight: 500;
+ font-size: 1.25rem;
+ line-height: 1.4em;
+ font-family: 'Architects Daughter', cursive !important;
+ color: #fff;
+ min-height: 1.4em;
+}
+.tags-header .mask-box {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ background-color: #000;
+ opacity: 0.2;
+ z-index: 1;
+}
+.tags-video {
+ width: 100%;
+ height: 100vh;
+ color: #fff;
+}
+.tags-video video {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+.tags-video .video-header-title {
+ z-index: 2;
+ font-size: 2.5rem;
+ font-family: MV Boli;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ color: #fff;
+}
+.tags-video .video-header-desc {
+ z-index: 2;
+ font-weight: 500;
+ font-size: 1.25rem;
+ line-height: 1.4em;
+ font-family: 'Architects Daughter', cursive !important;
+ color: #fff;
+ min-height: 1.4em;
+ position: absolute;
+ left: 50%;
+ top: calc(50% + 50px);
+ transform: translate(-50%, -50%);
+}
+.tags-video .mask-box {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ background-color: #000;
+ opacity: 0.2;
+ z-index: 1;
+}
+@media (min-width: 992px) {
+ .tags-video {
+ display: none;
+ }
+ .tags-header {
+ display: flex;
+ }
+}
+@media (max-width: 992px) {
+ .tags-video {
+ display: none;
+ }
+ .tags-header {
+ display: flex;
+ }
+}
+#tags {
+ min-height: calc(70vh - 60px);
+}
+#tags .card .card-content {
+ margin: 20px 0 40px 0;
+}
+#tags .card .card-content .tag-title {
+ font-size: 1.6em;
+ color: #273849;
+ text-align: center;
+ padding: 15px 0;
+}
+#tags .card .card-content .tag-chips {
+ text-align: center;
+}
+#tags .card .card-content .tag-chips a {
+ margin: 0 5px;
+}
+#tags .card .card-content .tag-chips a .tag-content {
+ width: 30%;
+ padding: 5px 10px;
+ display: inline-block;
+ border-radius: 10px;
+ color: #273849;
+ box-shadow: 0 1px 10px -3px rgba(0,0,0,0.5);
+ transition: all 0.3s;
+ margin-top: 20px;
+}
+#tags .card .card-content .tag-chips a .tag-content:hover {
+ transform: scale(1.2);
+}
+#tags .card .card-content .tag-chips a .tag-content .tag-length {
+ color: #49b1f5;
+}
+.post-categories {
+ float: left;
+ color: #8a8a8a;
+}
+.post-categories .article-category .article-category-link {
+ color: #8a8a8a;
+}
+.post-categories .article-category .article-category-link:hover {
+ color: #42b983;
+}
+.bg-light-floor-categories {
+ background: ;
+ background-size: cover;
+ background-position: center center;
+}
+.categories-header {
+ position: relative;
+ width: 100%;
+ height: 60vh;
+ overflow: hidden;
+ background-size: cover;
+ background-position: center center;
+ background-color: rgba(66,185,133,0.8);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ color: #fff;
+}
+.categories-header .categories-header-title {
+ z-index: 2;
+ font-size: 2.5rem;
+ font-family: MV Boli;
+ color: #fff;
+}
+.categories-header .categories-header-desc {
+ z-index: 2;
+ font-weight: 500;
+ font-size: 1.25rem;
+ line-height: 1.4em;
+ font-family: 'Architects Daughter', cursive !important;
+ color: #fff;
+ min-height: 1.4em;
+}
+.categories-header .mask-box {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ background-color: #000;
+ opacity: 0.2;
+ z-index: 1;
+}
+.categories-video {
+ width: 100%;
+ height: 100vh;
+ color: #fff;
+}
+.categories-video video {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+.categories-video .video-header-title {
+ z-index: 2;
+ font-size: 2.5rem;
+ font-family: MV Boli;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ color: #fff;
+}
+.categories-video .video-header-desc {
+ z-index: 2;
+ font-weight: 500;
+ font-size: 1.25rem;
+ line-height: 1.4em;
+ font-family: 'Architects Daughter', cursive !important;
+ color: #fff;
+ min-height: 1.4em;
+ position: absolute;
+ left: 50%;
+ top: calc(50% + 50px);
+ transform: translate(-50%, -50%);
+}
+.categories-video .mask-box {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ background-color: #000;
+ opacity: 0.2;
+ z-index: 1;
+}
+@media (min-width: 992px) {
+ .categories-video {
+ display: none;
+ }
+ .categories-header {
+ display: flex;
+ }
+}
+@media (max-width: 992px) {
+ .categories-video {
+ display: none;
+ }
+ .categories-header {
+ display: flex;
+ }
+}
+#categories {
+ min-height: calc(70vh - 60px);
+}
+#categories .card .card-content {
+ margin: 20px 0 40px 0;
+}
+#categories .card .card-content .category-title {
+ font-size: 1.6em;
+ color: #273849;
+ text-align: center;
+ padding: 15px 0;
+}
+#categories .card .card-content .category-chips {
+ text-align: center;
+}
+#categories .card .card-content .category-chips a {
+ margin: 0 5px;
+}
+#categories .card .card-content .category-chips a .category-content {
+ width: 30%;
+ padding: 5px 10px;
+ display: inline-block;
+ border-radius: 10px;
+ color: #273849;
+ box-shadow: 0 1px 10px -3px rgba(0,0,0,0.5);
+ transition: all 0.3s;
+ margin-top: 20px;
+}
+#categories .card .card-content .category-chips a .category-content:hover {
+ transform: scale(1.2);
+}
+#categories .card .card-content .category-chips a .category-content .category-length {
+ color: #49b1f5;
+}
+.page-nav {
+ display: flex;
+ width: 100%;
+ margin: 0 auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+.page-nav .page-nav-pre,
+.page-nav .page-nav-next {
+ background-color: rgba(66,185,133,0.8);
+}
+.page-nav .page-nav-pre {
+ text-align: right;
+ border-top-right-radius: 32px;
+ border-bottom-right-radius: 32px;
+ padding: 10px;
+ color: #fff;
+}
+.page-nav .page-nav-pre .ml-5 {
+ margin-left: 5px;
+}
+.page-nav .page-nav-next {
+ text-align: right;
+ border-top-left-radius: 32px;
+ border-bottom-left-radius: 32px;
+ padding: 10px;
+ color: #fff;
+}
+.page-nav .page-nav-next .mr-5 {
+ margin-right: 5px;
+}
+.w-70 {
+ width: 70%;
+ margin: 0 auto;
+}
+@media (max-width: 551px) {
+ .w-70 {
+ width: 100%;
+ }
+}
+@media (max-width: 992px) {
+ .w-70 {
+ width: 90%;
+ }
+}
+.topArticle {
+ width: 100%;
+ margin-bottom: 16px;
+ background: #fff;
+ box-shadow: 0 1px 20px -6px rgba(0,0,0,0.5);
+ padding: 20px;
+ padding-bottom: 40px;
+ border-radius: 10px;
+ box-sizing: border-box;
+ transition: all 0.3s;
+}
+.topArticle h3 {
+ color: #273849;
+}
+.topArticle h3 i {
+ margin-right: 5px;
+}
+.topArticle .articles {
+ display: flex;
+ flex-wrap: wrap;
+}
+.topArticle .articles .article-link {
+ position: relative;
+ flex: 0 0 31.33333%;
+ margin: 0 1%;
+ display: block;
+ height: 180px;
+ margin-top: 20px;
+ box-shadow: 0 1px 20px -6px rgba(0,0,0,0.5);
+ border-radius: 10px;
+ overflow: hidden;
+ text-align: center;
+ background: #000;
+}
+.topArticle .articles .article-link .article {
+ width: 100%;
+ height: 100%;
+ opacity: 0.6;
+}
+.topArticle .articles .article-link .article img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+.topArticle .articles .article-link .text {
+ width: 80%;
+ height: 100%;
+ color: #fff;
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+ top: 0;
+ display: flex;
+ flex-direction: column;
+}
+.topArticle .articles .article-link .text .text-main {
+ flex: 1;
+}
+.topArticle .articles .article-link .text .title {
+ font-weight: 700;
+ font-size: 1.2em;
+ margin-top: 10px;
+ display: -webkit-box;
+ line-height: 30px;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ overflow: hidden;
+}
+.topArticle .articles .article-link .text .title a {
+ color: #fff;
+ transition: all 0.3s;
+}
+.topArticle .articles .article-link .text .title a:hover {
+ color: rgba(66,185,133,0.8) !important;
+}
+.topArticle .articles .article-link .text .content {
+ color: rgba(255,255,255,0.78);
+ margin-top: 10px;
+ display: -webkit-box;
+ line-height: 20px;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 3;
+ overflow: hidden;
+}
+.topArticle .articles .article-link .text .more {
+ display: block;
+ height: 30px;
+ margin: 5px;
+ border-radius: 20px;
+ color: #fff;
+ transition: all 0.3s;
+}
+.topArticle .articles .article-link .text .more i {
+ margin-right: 5px;
+}
+.topArticle .articles .article-link .text .more:hover {
+ color: rgba(66,185,133,0.8) !important;
+}
+@media (max-width: 992px) and (min-width: 625px) {
+ .topArticle {
+ width: 100%;
+ }
+ .topArticle .articles .article-link {
+ flex: 0 0 31.33333%;
+ margin-left: 1%;
+ margin-right: 1%;
+ height: 180px;
+ }
+}
+@media (max-width: 625px) and (min-width: 551px) {
+ .topArticle {
+ width: 100%;
+ }
+ .topArticle .articles .article-link {
+ flex: 0 0 100%;
+ height: 300px;
+ }
+ .topArticle .articles .article-link .text .title {
+ font-weight: 700;
+ font-size: 1.5em;
+ margin-bottom: 20px;
+ margin-top: 60px;
+ }
+ .topArticle .articles .article-link .text .content {
+ margin-bottom: 60px;
+ display: -webkit-box;
+ line-height: 20px;
+ font-size: 1.2em;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 3;
+ overflow: hidden;
+ }
+ .topArticle .articles .article-link .text .more {
+ padding: 10px 20px;
+ }
+}
+@media (max-width: 551px) {
+ .topArticle {
+ width: 100%;
+ }
+ .topArticle .articles .article-link {
+ flex: 0 0 100%;
+ height: 210px;
+ }
+ .topArticle .articles .article-link .text .title {
+ margin-top: 30px;
+ }
+ .topArticle .articles .article-link .text .content {
+ margin-bottom: 20px;
+ }
+}
+.motto {
+ width: 100%;
+ margin-bottom: 16px;
+ background: #fff;
+ box-shadow: 0 1px 20px -6px rgba(0,0,0,0.5);
+ padding: 20px;
+ border-radius: 10px;
+ box-sizing: border-box;
+ transition: all 0.3s;
+ position: relative;
+ background: url("https://img10.360buyimg.com/ddimg/jfs/t1/166587/8/21344/72069/6088c24fEda5fdeb6/f9730ab637b7ca47.png");
+}
+.motto .motto-title {
+ text-align: center;
+}
+.motto .motto-content {
+ text-align: center;
+ padding: 15px 20%;
+ color: #34495e;
+}
+@media (max-width: 551px) {
+ .motto .motto-content {
+ padding: 15px 10%;
+ }
+}
+.index-notice {
+ width: 100%;
+ margin-bottom: 16px;
+ background: #fff;
+ box-shadow: 0 1px 20px -6px rgba(0,0,0,0.5);
+ padding: 20px;
+ border-radius: 10px;
+ box-sizing: border-box;
+ transition: all 0.3s;
+ background: url("https://img10.360buyimg.com/ddimg/jfs/t1/166587/8/21344/72069/6088c24fEda5fdeb6/f9730ab637b7ca47.png");
+}
+.index-notice .index-notice-icon {
+ color: #f00;
+ font-size: 1.2rem;
+ margin-right: 5px;
+ animation: mymove 1.5s infinite;
+}
+@media (max-width: 992px) {
+ .index-notice {
+ width: 100%;
+ }
+}
+@-moz-keyframes mymove {
+ 0% {
+ transform: scale(1); /* 开始为原始大小 */
+ }
+ 25% {
+ transform: scale(1.2); /* 放大1.2倍 */
+ }
+ 50% {
+ transform: scale(1);
+ }
+ 75% {
+ transform: scale(1.2);
+ }
+}
+@-webkit-keyframes mymove {
+ 0% {
+ transform: scale(1); /* 开始为原始大小 */
+ }
+ 25% {
+ transform: scale(1.2); /* 放大1.2倍 */
+ }
+ 50% {
+ transform: scale(1);
+ }
+ 75% {
+ transform: scale(1.2);
+ }
+}
+@-o-keyframes mymove {
+ 0% {
+ transform: scale(1); /* 开始为原始大小 */
+ }
+ 25% {
+ transform: scale(1.2); /* 放大1.2倍 */
+ }
+ 50% {
+ transform: scale(1);
+ }
+ 75% {
+ transform: scale(1.2);
+ }
+}
+@keyframes mymove {
+ 0% {
+ transform: scale(1); /* 开始为原始大小 */
+ }
+ 25% {
+ transform: scale(1.2); /* 放大1.2倍 */
+ }
+ 50% {
+ transform: scale(1);
+ }
+ 75% {
+ transform: scale(1.2);
+ }
+}
+@-moz-keyframes mymove {
+ 0% {
+ transform: scale(1); /* 开始为原始大小 */
+ }
+ 25% {
+ transform: scale(1.2); /* 放大1.2倍 */
+ }
+ 50% {
+ transform: scale(1);
+ }
+ 75% {
+ transform: scale(1.2);
+ }
+}
+@-webkit-keyframes mymove {
+ 0% {
+ transform: scale(1); /* 开始为原始大小 */
+ }
+ 25% {
+ transform: scale(1.2); /* 放大1.2倍 */
+ }
+ 50% {
+ transform: scale(1);
+ }
+ 75% {
+ transform: scale(1.2);
+ }
+}
+@-o-keyframes mymove {
+ 0% {
+ transform: scale(1); /* 开始为原始大小 */
+ }
+ 25% {
+ transform: scale(1.2); /* 放大1.2倍 */
+ }
+ 50% {
+ transform: scale(1);
+ }
+ 75% {
+ transform: scale(1.2);
+ }
+}
+@keyframes mymove {
+ 0% {
+ transform: scale(1); /* 开始为原始大小 */
+ }
+ 25% {
+ transform: scale(1.2); /* 放大1.2倍 */
+ }
+ 50% {
+ transform: scale(1);
+ }
+ 75% {
+ transform: scale(1.2);
+ }
+}
+.post-nav {
+ margin: 20px 0;
+ overflow: hidden;
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ font-size: 90%;
+ border-radius: 60px;
+}
+.post-nav .post-nav-prev,
+.post-nav .post-nav-next {
+ background: #000;
+ flex: 1;
+ height: 150px;
+ position: relative;
+}
+.post-nav .post-nav-prev:hover .post-nav-img,
+.post-nav .post-nav-next:hover .post-nav-img {
+ opacity: 0.9;
+}
+.post-nav .post-nav-prev .post-nav-img,
+.post-nav .post-nav-next .post-nav-img {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ opacity: 0.6;
+ transition: all 0.3s;
+}
+.post-nav .post-nav-prev .post-nav-img img,
+.post-nav .post-nav-next .post-nav-img img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+.post-nav .post-nav-prev .post-nav-link,
+.post-nav .post-nav-next .post-nav-link {
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+}
+.post-nav .post-nav-prev .title {
+ text-align: left;
+ position: absolute;
+ top: 40px;
+ left: 20px;
+}
+.post-nav .post-nav-prev .title .title-text {
+ margin-top: 10px;
+}
+.post-nav .post-nav-prev .content {
+ text-align: left;
+}
+.post-nav .post-nav-prev a {
+ color: #fff;
+}
+.post-nav .post-nav-next .title {
+ text-align: right;
+ position: absolute;
+ top: 40px;
+ right: 20px;
+}
+.post-nav .post-nav-next .title .title-text {
+ margin-top: 10px;
+}
+.post-nav .post-nav-next .content {
+ text-align: right;
+}
+.post-nav .post-nav-next a {
+ color: #fff;
+}
+@media (max-width: 551px) {
+ .post-nav .post-nav-prev,
+ .post-nav .post-nav-next {
+ flex: 0 0 100%;
+ }
+}
+.copyright {
+ margin-top: 50px;
+}
+.post-copyright {
+ margin: 2em 0 0;
+ padding: 0.5em 1em;
+ border-left: 3px solid rgba(66,185,133,0.8);
+ background-color: #f9f9f9;
+ list-style: none;
+ margin-top: 20px;
+}
+.post-copyright li {
+ line-height: 30px;
+ word-break: break-all;
+}
+.bg-light-floor-archive {
+ background: ;
+ background-size: cover;
+ background-position: center center;
+}
+.archive-header {
+ position: relative;
+ width: 100%;
+ height: 60vh;
+ height: 100vh;
+ overflow: hidden;
+ background-size: cover;
+ background-position: center center;
+ background-color: rgba(66,185,133,0.8);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ color: #fff;
+}
+.archive-header .archive-header-title {
+ z-index: 2;
+ font-size: 2.5rem;
+ font-family: MV Boli;
+ color: #fff;
+}
+.archive-header .archive-header-desc {
+ z-index: 2;
+ font-weight: 500;
+ font-size: 1.25rem;
+ line-height: 1.4em;
+ font-family: 'Architects Daughter', cursive !important;
+ color: #fff;
+ min-height: 1.4em;
+}
+.archive-header .mask-box {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ background-color: #000;
+ opacity: 0.2;
+ z-index: 1;
+}
+.archive-video {
+ width: 100%;
+ height: 100vh;
+ color: #fff;
+}
+.archive-video video {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+.archive-video .video-header-title {
+ z-index: 2;
+ font-size: 2.5rem;
+ font-family: MV Boli;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ color: #fff;
+}
+.archive-video .video-header-desc {
+ z-index: 2;
+ font-weight: 500;
+ font-size: 1.25rem;
+ line-height: 1.4em;
+ font-family: 'Architects Daughter', cursive !important;
+ color: #fff;
+ min-height: 1.4em;
+ position: absolute;
+ left: 50%;
+ top: calc(50% + 50px);
+ transform: translate(-50%, -50%);
+}
+.archive-video .mask-box {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ background-color: #000;
+ opacity: 0.2;
+ z-index: 1;
+}
+@media (min-width: 992px) {
+ .archive-video {
+ display: none;
+ }
+ .archive-header {
+ display: flex;
+ }
+}
+@media (max-width: 992px) {
+ .archive-video {
+ display: none;
+ }
+ .archive-header {
+ display: flex;
+ }
+ .archive-content {
+ max-width: 100% !important;
+ }
+}
+.archive-main {
+ min-height: 60vh;
+}
+.archive {
+ padding: 0 40px 0 60px;
+ margin: 0 auto;
+ box-sizing: border-box;
+ display: flex;
+ justify-content: center;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.archive .archive-content {
+ position: relative;
+ max-width: 25%;
+}
+.archive .post-archive::before {
+ content: ' ';
+ height: 100%;
+ width: 1px;
+ background-color: #d9d9d9;
+ position: absolute;
+ top: 0;
+ left: -2.4em;
+ z-index: -1;
+}
+.archive .post-archive .year {
+ position: relative;
+ margin-bottom: 40px;
+}
+.archive .post-archive .year a {
+ color: #273849;
+ transition: color 0.3s;
+ font-weight: 700;
+ font-size: 2em;
+}
+.archive .post-archive .year a:hover {
+ color: rgba(66,185,133,0.8) !important;
+}
+.archive .post-archive .year .bullet {
+ width: 1rem;
+ height: 1rem;
+ box-sizing: border-box;
+ border-radius: 50%;
+ background: #bbb;
+ z-index: 1;
+ position: absolute;
+ left: -2.4em;
+ top: 50%;
+ transform: translate(-50%, -50%);
+}
+.archive .post-archive .post-item {
+ margin-bottom: 40px;
+ list-style: none;
+ display: flex;
+ align-items: center;
+}
+.archive .post-archive .post-item .post-img-box {
+ width: 80px;
+ height: 80px;
+ overflow: hidden;
+}
+.archive .post-archive .post-item .post-img-box img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+.archive .post-archive .post-item .post-img {
+ display: block;
+ width: 100%;
+ height: 100%;
+ transition: all 0.6s;
+}
+.archive .post-archive .post-item .post-img:hover {
+ transform: scale(1.4);
+}
+.archive .post-archive .post-item .post-date-title {
+ margin-left: 10px;
+ flex: 1;
+}
+.archive .post-archive .post-item .post-date {
+ display: inline-block;
+ padding: 0 5px;
+ background-color: rgba(66,185,133,0.8);
+ color: #fff;
+ border-radius: 5px;
+}
+.archive .post-archive .post-item .post-title {
+ color: #555;
+ transition: all 0.3s;
+ text-overflow: -o-ellipsis-lastline;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ line-clamp: 2;
+ -webkit-box-orient: vertical;
+ line-height: 2;
+}
+.archive .post-archive .post-item .post-title:hover {
+ color: rgba(66,185,133,0.8);
+}
+.archive .post-archive .post-item .post-title::before {
+ top: 10px;
+ width: 18px;
+ height: 18px;
+ content: '📚';
+ margin-right: 5px;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: 15px;
+ line-height: 18px;
+}
+.bg-light-floor-tagDetail {
+ background: ;
+ background-size: cover;
+ background-position: center center;
+}
+.tag-header {
+ position: relative;
+ width: 100%;
+ height: 60vh;
+ overflow: hidden;
+ background-size: cover;
+ background-position: center center;
+ background-color: rgba(66,185,133,0.8);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ color: #fff;
+}
+.tag-header .tag-header-title {
+ z-index: 2;
+ font-size: 2.5rem;
+ font-family: MV Boli;
+ color: #fff;
+}
+.tag-header .tag-header-desc {
+ z-index: 2;
+ font-weight: 500;
+ font-size: 1.25rem;
+ line-height: 1.4em;
+ font-family: 'Architects Daughter', cursive !important;
+ color: #fff;
+ min-height: 1.4em;
+}
+.tag-header .mask-box {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ background-color: #000;
+ opacity: 0.2;
+ z-index: 1;
+}
+.tag-video {
+ width: 100%;
+ height: 100vh;
+ color: #fff;
+}
+.tag-video video {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+.tag-video .video-header-title {
+ z-index: 2;
+ font-size: 2.5rem;
+ font-family: MV Boli;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ color: #fff;
+}
+.tag-video .video-header-desc {
+ z-index: 2;
+ font-weight: 500;
+ font-size: 1.25rem;
+ line-height: 1.4em;
+ font-family: 'Architects Daughter', cursive !important;
+ color: #fff;
+ min-height: 1.4em;
+ position: absolute;
+ left: 50%;
+ top: calc(50% + 50px);
+ transform: translate(-50%, -50%);
+}
+.tag-video .mask-box {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ background-color: #000;
+ opacity: 0.2;
+ z-index: 1;
+}
+@media (min-width: 992px) {
+ .tag-video {
+ display: none;
+ }
+ .tag-header {
+ display: flex;
+ }
+}
+@media (max-width: 992px) {
+ .tag-video {
+ display: none;
+ }
+ .tag-header {
+ display: flex;
+ }
+}
+.tag {
+ min-height: calc(100vh - 60px);
+ padding-bottom: 20px;
+}
+.tag .tag-name {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 15px;
+}
+.tag .tag-name .name {
+ display: inline-block;
+ background-color: #f00;
+ margin-top: 20px;
+ min-width: 30%;
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 1.6em;
+ color: #273849;
+ border-radius: 10px;
+}
+.bg-light-floor-categoryDetail {
+ background: ;
+ background-size: cover;
+ background-position: center center;
+}
+.category-header {
+ position: relative;
+ width: 100%;
+ height: 60vh;
+ overflow: hidden;
+ background-size: cover;
+ background-position: center center;
+ background-color: rgba(66,185,133,0.8);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ color: #fff;
+}
+.category-header .category-header-title {
+ z-index: 2;
+ font-size: 2.5rem;
+ font-family: MV Boli;
+ color: #fff;
+}
+.category-header .category-header-desc {
+ z-index: 2;
+ font-weight: 500;
+ font-size: 1.25rem;
+ line-height: 1.4em;
+ font-family: 'Architects Daughter', cursive !important;
+ color: #fff;
+ min-height: 1.4em;
+}
+.category-header .mask-box {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ background-color: #000;
+ opacity: 0.2;
+ z-index: 1;
+}
+.category-video {
+ width: 100%;
+ height: 100vh;
+ color: #fff;
+}
+.category-video video {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+.category-video .video-header-title {
+ z-index: 2;
+ font-size: 2.5rem;
+ font-family: MV Boli;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ color: #fff;
+}
+.category-video .video-header-desc {
+ z-index: 2;
+ font-weight: 500;
+ font-size: 1.25rem;
+ line-height: 1.4em;
+ font-family: 'Architects Daughter', cursive !important;
+ color: #fff;
+ min-height: 1.4em;
+ position: absolute;
+ left: 50%;
+ top: calc(50% + 50px);
+ transform: translate(-50%, -50%);
+}
+.category-video .mask-box {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ background-color: #000;
+ opacity: 0.2;
+ z-index: 1;
+}
+@media (min-width: 992px) {
+ .category-video {
+ display: none;
+ }
+ .category-header {
+ display: flex;
+ }
+}
+@media (max-width: 992px) {
+ .category-video {
+ display: none;
+ }
+ .category-header {
+ display: flex;
+ }
+}
+.category {
+ min-height: calc(100vh - 60px);
+ padding-bottom: 20px;
+}
+.category .category-name {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 10px;
+}
+.category .category-name .name {
+ display: inline-block;
+ background-color: #f00;
+ margin-top: 20px;
+ min-width: 30%;
+ padding: 10px 20px;
+ text-align: center;
+ font-size: 1.6em;
+ color: #273849;
+ border-radius: 10px;
+}
+.bg-light-floor-friends {
+ background: ;
+ background-size: cover;
+ background-position: center center;
+}
+.friends-title {
+ font-size: 1.6em;
+ color: #273849;
+ text-align: center;
+ padding: 15px 0;
+}
+.friends-header {
+ position: relative;
+ width: 100%;
+ height: 60vh;
+ overflow: hidden;
+ background-size: cover;
+ background-position: center center;
+ background-color: rgba(66,185,133,0.8);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ color: #fff;
+}
+.friends-header .friends-header-title {
+ z-index: 2;
+ font-size: 2.5rem;
+ font-family: MV Boli;
+ color: #fff;
+}
+.friends-header .friends-header-desc {
+ z-index: 2;
+ font-weight: 500;
+ font-size: 1.25rem;
+ line-height: 1.4em;
+ font-family: 'Architects Daughter', cursive !important;
+ color: #fff;
+ min-height: 1.4em;
+}
+.friends-header .mask-box {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ background-color: #000;
+ opacity: 0.2;
+ z-index: 1;
+}
+.friends-video {
+ width: 100%;
+ height: 100vh;
+ color: #fff;
+}
+.friends-video video {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+.friends-video .video-header-title {
+ z-index: 2;
+ font-size: 2.5rem;
+ font-family: MV Boli;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ color: #fff;
+}
+.friends-video .video-header-desc {
+ z-index: 2;
+ font-weight: 500;
+ font-size: 1.25rem;
+ line-height: 1.4em;
+ font-family: 'Architects Daughter', cursive !important;
+ color: #fff;
+ min-height: 1.4em;
+ position: absolute;
+ left: 50%;
+ top: calc(50% + 50px);
+ transform: translate(-50%, -50%);
+}
+.friends-video .mask-box {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ background-color: #000;
+ opacity: 0.2;
+ z-index: 1;
+}
+@media (min-width: 992px) {
+ .friends-video {
+ display: none;
+ }
+ .friends-header {
+ display: flex;
+ }
+}
+@media (max-width: 992px) {
+ .friends-video {
+ display: none;
+ }
+ .friends-header {
+ display: flex;
+ }
+}
+#friends {
+ min-height: calc(60vh - 60px);
+}
+.friends {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ padding: 15px;
+}
+.friends .friend {
+ width: 28%;
+ box-shadow: 0 1px 20px -6px rgba(0,0,0,0.5);
+ padding: 10px 15px;
+ display: flex;
+ background-color: #fff;
+ transition: all 0.5s;
+ margin-top: 10px;
+}
+.friends .friend:hover {
+ transform: scale(1.2);
+}
+.friends .friend .friend-avatar {
+ width: 60px;
+ height: 60px;
+ margin-right: 10px;
+}
+.friends .friend .friend-avatar img {
+ width: 100%;
+ height: 100%;
+}
+.friends .friend .friend-info {
+ flex: 1;
+}
+.friends .friend .friend-info .friend-introduction {
+ width: 100%;
+ word-break: break-all;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ overflow: hidden;
+ color: #a3a3a3;
+ font-size: 14px;
+}
+@media (max-width: 730px) {
+ .friends .friend {
+ width: 43%;
+ }
+}
+@media (max-width: 551px) {
+ .friends .friend {
+ width: 100%;
+ }
+}
+.bg-light-floor-about {
+ background: ;
+ background-size: cover;
+ background-position: center center;
+}
+.about-header {
+ position: relative;
+ width: 100%;
+ height: 60vh;
+ overflow: hidden;
+ background-size: cover;
+ background-position: center center;
+ background-color: rgba(66,185,133,0.8);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ color: #fff;
+}
+.about-header .about-header-title {
+ z-index: 2;
+ font-size: 2.5rem;
+ font-family: MV Boli;
+ color: #fff;
+}
+.about-header .about-header-desc {
+ z-index: 2;
+ font-weight: 500;
+ font-size: 1.25rem;
+ line-height: 1.4em;
+ font-family: 'Architects Daughter', cursive !important;
+ color: #fff;
+ min-height: 1.4em;
+}
+.about-header .mask-box {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ background-color: #000;
+ opacity: 0.2;
+ z-index: 1;
+}
+.about-video {
+ width: 100%;
+ height: 100vh;
+ color: #fff;
+}
+.about-video video {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+.about-video .video-header-title {
+ z-index: 2;
+ font-size: 2.5rem;
+ font-family: MV Boli;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ color: #fff;
+}
+.about-video .video-header-desc {
+ z-index: 2;
+ font-weight: 500;
+ font-size: 1.25rem;
+ line-height: 1.4em;
+ font-family: 'Architects Daughter', cursive !important;
+ color: #fff;
+ min-height: 1.4em;
+ position: absolute;
+ left: 50%;
+ top: calc(50% + 50px);
+ transform: translate(-50%, -50%);
+}
+.about-video .mask-box {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ background-color: #000;
+ opacity: 0.2;
+ z-index: 1;
+}
+@media (min-width: 992px) {
+ .about-video {
+ display: none;
+ }
+ .about-header {
+ display: flex;
+ }
+}
+@media (max-width: 992px) {
+ .about-video {
+ display: none;
+ }
+ .about-header {
+ display: flex;
+ }
+}
+#about .title {
+ text-align: center;
+ font-size: 1.6em;
+ color: #273849;
+ padding: 15px 0;
+}
+#about .subtitle {
+ color: #273849;
+ font-size: 1.4em;
+}
+#about .basic-info {
+ background-color: #fff;
+ padding: 20px;
+ border-radius: 10px;
+ margin: 20px 10px;
+}
+#about .basic-info .items {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+}
+#about .basic-info .items .item {
+ flex: 0 0 100px;
+ text-align: center;
+ color: #273849;
+}
+#about .basic-info .items .item .border {
+ border: 1px solid #273849;
+ width: 100px;
+ height: 100px;
+ border-radius: 50%;
+ font-size: 3.5em;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: 20px;
+}
+#about .basic-info .skill {
+ padding: 20px;
+ width: 100%;
+ display: flex;
+ flex-wrap: wrap;
+ box-sizing: border-box;
+}
+#about .basic-info .skill .bar-box {
+ position: relative;
+ width: 45%;
+ height: 20px;
+ background-color: #dddcdc;
+ border-radius: 10px;
+ overflow: hidden;
+ margin-top: 20px;
+ margin-right: 5%;
+}
+@media (max-width: 551px) {
+ #about .basic-info .skill .bar-box {
+ width: 100%;
+ margin-right: 0;
+ }
+}
+#about .basic-info .skill .bar-box .bar {
+ width: 35%;
+ height: 100%;
+ background-color: #42b983;
+ border-radius: 10px;
+}
+#about .basic-info .skill .bar-box .bar .bar-name {
+ color: #fff;
+ font-size: 14px;
+ margin-left: 15px;
+}
+#about .basic-info .skill .bar-box .bar-name {
+ color: #fff;
+ font-size: 14px;
+ position: absolute;
+ left: 15px;
+ top: 0;
+ line-height: 20px;
+}
+#about .basic-info .skill .bar-box .bar-number {
+ color: #fff;
+ font-size: 14px;
+ position: absolute;
+ right: 2%;
+ top: 0;
+}
+#about .basic-info .socialAccounts {
+ padding: 20px;
+ display: flex;
+ flex-wrap: wrap;
+}
+#about .basic-info .socialAccounts .account {
+ margin-right: 20px;
+ margin-top: 15px;
+}
+#about .basic-info .games {
+ padding: 20px;
+ display: flex;
+ flex-wrap: wrap;
+}
+#about .basic-info .games .game-item {
+ text-align: center;
+ margin-right: 5%;
+}
+#about .basic-info .games .game-item .logo {
+ width: 100px;
+ height: 100px;
+ border-radius: 10px;
+ overflow: hidden;
+}
+#about .basic-info .games .game-item .logo img {
+ width: 100%;
+}
+#about .basic-info .books {
+ padding: 20px;
+ display: flex;
+ flex-wrap: wrap;
+}
+#about .basic-info .books .book-item {
+ text-align: center;
+ margin-right: 5%;
+}
+#about .basic-info .books .book-item .logo {
+ width: 100px;
+ height: 110px;
+ overflow: hidden;
+}
+#about .basic-info .books .book-item .logo img {
+ width: 100%;
+ height: 100%;
+}
+.post figure.highlight,
+.post figure.highlight pre {
+ background: #292d3e;
+ padding: 15px article-padding;
+ border-style: solid;
+ border-color: color-border;
+ border-width: 1px 0;
+ overflow: auto;
+ color: #ccc;
+}
+.post figure.highlight .gutter pre,
+.post figure.highlight .gist .gist-file .gist-data .line-numbers {
+ color: #666;
+ font-size: 1em;
+}
+.post figure.highlight {
+ border-radius: 8px;
+ border: none;
+ margin: 0;
+}
+.post figure.highlight pre,
+.post figure.highlight code {
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+}
+.post figure.highlight code {
+ background: color-background;
+ text-shadow: 0 1px #fff;
+ padding: 0 0.3em;
+}
+.post figure.highlight pre code {
+ background: none;
+ text-shadow: none;
+ padding: 0;
+}
+.post figure.highlight pre {
+ border: none;
+ margin: 0;
+ padding: 1em;
+ overflow-y: hidden;
+}
+.post figure.highlight .gutter + .code pre {
+ padding: 1em 0;
+}
+.post figure.highlight table {
+ margin: 0;
+ width: 100%;
+ border-collapse: inherit;
+}
+.post figure.highlight .gutter {
+ width: 50px;
+}
+.post figure.highlight .gutter pre {
+ overflow: hidden;
+}
+.post figure.highlight td {
+ border: none;
+ padding: 0;
+ border: 0 !important;
+ padding: 0 !important;
+}
+.post figure.highlight figcaption {
+ font-size: 0.85em;
+ color: #999;
+ line-height: 1em;
+ margin-bottom: 1em;
+}
+.post figure.highlight figcaption a {
+ float: right;
+}
+.post figure.highlight .gutter pre {
+ text-align: right;
+ padding-right: 20px;
+}
+.post figure.highlight .line.marked {
+ background: #515151;
+}
+.post figure.highlight .gist {
+ border-style: solid;
+ border-color: color-border;
+ border-width: 1px 0;
+ background: #292d3e;
+ padding: 15px article-padding 15px 0;
+}
+.post figure.highlight .gist .gist-file {
+ border: none;
+ font-family: font-mono;
+ margin: 0;
+}
+.post figure.highlight .gist .gist-file .gist-data {
+ background: none;
+ border: none;
+}
+.post figure.highlight .gist .gist-file .gist-data .line-numbers {
+ background: none;
+ border: none;
+ padding: 0 20px 0 0;
+}
+.post figure.highlight .gist .gist-file .gist-data .line-data {
+ padding: 0 !important;
+}
+.post figure.highlight .gist .gist-file .highlight {
+ margin: 0;
+ padding: 0;
+ border: none;
+}
+.post figure.highlight .gist .gist-file .gist-meta {
+ background: #292d3e;
+ color: #999;
+ font: 0.85em font-sans;
+ text-shadow: 0 0;
+ padding: 0;
+ margin-top: 1em;
+ margin-left: article-padding;
+}
+.post figure.highlight .gist .gist-file .gist-meta a {
+ color: color-link;
+ font-weight: normal;
+}
+.post figure.highlight .gist .gist-file .gist-meta a:hover {
+ text-decoration: underline;
+}
+.post figure.highlight pre .comment,
+.post figure.highlight pre .title {
+ color: #999;
+}
+.post figure.highlight pre .variable,
+.post figure.highlight pre .attribute,
+.post figure.highlight pre .tag,
+.post figure.highlight pre .regexp,
+.post figure.highlight pre .ruby .constant,
+.post figure.highlight pre .xml .tag .title,
+.post figure.highlight pre .xml .pi,
+.post figure.highlight pre .xml .doctype,
+.post figure.highlight pre .html .doctype,
+.post figure.highlight pre .css .id,
+.post figure.highlight pre .css .class,
+.post figure.highlight pre .css .pseudo {
+ color: #f2777a;
+}
+.post figure.highlight pre .number,
+.post figure.highlight pre .preprocessor,
+.post figure.highlight pre .built_in,
+.post figure.highlight pre .literal,
+.post figure.highlight pre .params,
+.post figure.highlight pre .constant {
+ color: #f99157;
+}
+.post figure.highlight pre .class,
+.post figure.highlight pre .ruby .class .title,
+.post figure.highlight pre .css .rules .attribute {
+ color: #9c9;
+}
+.post figure.highlight pre .string,
+.post figure.highlight pre .value,
+.post figure.highlight pre .inheritance,
+.post figure.highlight pre .header,
+.post figure.highlight pre .ruby .symbol,
+.post figure.highlight pre .xml .cdata {
+ color: #9c9;
+}
+.post figure.highlight pre .css .hexcolor {
+ color: #6cc;
+}
+.post figure.highlight pre .function,
+.post figure.highlight pre .python .decorator,
+.post figure.highlight pre .python .title,
+.post figure.highlight pre .ruby .function .title,
+.post figure.highlight pre .ruby .title .keyword,
+.post figure.highlight pre .perl .sub,
+.post figure.highlight pre .javascript .title,
+.post figure.highlight pre .coffeescript .title {
+ color: #69c;
+}
+.post figure.highlight pre .keyword,
+.post figure.highlight pre .javascript .function {
+ color: #c9c;
+}
+.donate_bar {
+ text-align: center;
+}
+.donate_bar a.btn_donate {
+ display: inline-block;
+ width: 82px;
+ height: 82px;
+ margin-left: auto;
+ margin-right: auto;
+ background: url("http://img.t.sinajs.cn/t5/style/images/apps_PRF/e_media/btn_reward.gif") no-repeat;
+ -webkit-transition: background 0s;
+ -moz-transition: background 0s;
+ -o-transition: background 0s;
+ -ms-transition: background 0s;
+ transition: background 0s;
+}
+.donate_bar a.btn_donate:hover {
+ background-position: 0 -82px;
+}
+.donate_bar .donate_txt {
+ display: block;
+ color: #9d9d9d;
+ font: 14px/2 'Microsoft Yahei';
+}
+.post-donate {
+ display: flex;
+ justify-content: center;
+}
+.donate-box-mask {
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ background: rgba(0,0,0,0.5);
+ z-index: 11;
+}
+.donate-box {
+ position: fixed;
+ top: 15%;
+ width: 300px;
+ background-color: #fff;
+ z-index: 12;
+ overflow: hidden;
+ padding: 10px;
+}
+.donate-box .donate-box_close {
+ height: 20px;
+}
+.donate-box .donate-box_close i {
+ float: right;
+ color: #ccc;
+ cursor: pointer;
+}
+.donate-box .donate-box_close i:hover {
+ color: #000;
+}
+.donate-box .donate-box_title h4 {
+ text-align: center;
+ color: #273849;
+ font-size: 1.4rem;
+}
+.donate-box .donate-box_tab {
+ display: flex;
+ justify-content: center;
+ cursor: pointer;
+}
+.donate-box .donate-box_tab .Alipay,
+.donate-box .donate-box_tab .WeChatpay {
+ width: 20%;
+ line-height: 20px;
+ text-align: center;
+ background-color: #ccc;
+ padding: 10px 20px;
+ color: #fff;
+}
+.donate-box .donate-box_tab .Alipay.active {
+ background-color: #027aff;
+}
+.donate-box .donate-box_tab .WeChatpay.active {
+ background-color: #00bc0d;
+}
+.donate-box .donate-box_img {
+ width: 200px;
+ height: 200px;
+ overflow: hidden;
+ margin: 10px auto;
+}
+.donate-box .donate-box_img .AlipayImg,
+.donate-box .donate-box_img .WeChatpayImg {
+ width: 100%;
+ height: 100%;
+}
+.donate-box .donate-box_img .AlipayImg img,
+.donate-box .donate-box_img .WeChatpayImg img {
+ width: 100%;
+ height: 100%;
+}
+#vcomments textarea {
+ box-sizing: border-box;
+ background: url("/source/medias/comment_bg.png") 100% 100% no-repeat;
+}
+#gitalk-container {
+ background: rgba(255,255,255,0.8);
+ padding: 1em;
+}
+#gitment-ctn {
+ background: rgba(255,255,255,0.8);
+ padding: 1em;
+}
+#gitment-container {
+ background: rgba(255,255,255,0.8);
+ padding: 1em;
+ border-radius: 8px;
+}
+#beaudar_container {
+ background: rgba(255,255,255,0.8);
+ padding: 1em;
+ border-radius: 8px;
+}
+#beaudar_container .timeline,
+#beaudar_container .beaudar {
+ max-width: none !important;
+}
+#lv-container {
+ background: rgba(255,255,255,0.8);
+ padding: 1em;
+ border-radius: 8px;
+ margin: 0 !important;
+}
+#waline-box {
+ padding: 1em;
+ margin: 15px auto;
+ background: rgba(255,255,255,0.8);
+ --waline-theme-color: rgba(66,185,133,0.8) !important;
+}
+#waline-box .v[data-class=v] .vbtn.primary {
+ border-color: rgba(66,185,133,0.8);
+ background: rgba(66,185,133,0.8);
+ color: #fff;
+}
+#waline-box .v[data-class=v] .vbtn.primary:hover,
+#waline-box .v[data-class=v] .vbtn.primary:active {
+ color: #fff !important;
+}
+.darkModel #gitment-container,
+.darkModel #waline-box,
+.darkModel #beaudar_container {
+ background-color: #2d3032;
+}
+.darkModel #waline-comment .v[data-class=v] .vpanel,
+.darkModel .v[data-class=v] .veditor:focus,
+.darkModel .v[data-class=v] .vinput:focus {
+ background-color: #2d3032;
+}
+.darkModel #waline-comment .v[data-class=v] .vheader label,
+.darkModel #waline-comment .v[data-class=v] .vaction,
+.darkModel #waline-comment .vcount {
+ color: #fff;
+}
+.search {
+ color: #fff;
+ padding: 0 15px;
+ height: 100%;
+ line-height: 60px;
+ cursor: url("https://zhutix.com/wp-content/themes/b2/x2.cur"), pointer;
+ transition: background-color 0.3s;
+}
+.search:hover {
+ background-color: rgba(0,0,0,0.2);
+}
+.header-bg-color .search {
+ color: #fff;
+}
+.message-box_wrapper {
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ background: rgba(0,0,0,0.5);
+ display: flex;
+ justify-content: center;
+ z-index: 11;
+}
+.message-box_wrapper .message-box {
+ display: flex;
+ position: relative;
+ flex-direction: column;
+ width: 30rem;
+ max-height: 60%;
+ padding: 10px 20px;
+ margin-top: 100px;
+ background-color: #fff;
+}
+.message-box_wrapper .message-box h2 {
+ font-size: 1.5rem;
+ color: rgba(66,185,133,0.8);
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+.message-box_wrapper .message-box h2 .close {
+ cursor: pointer;
+ color: #ccc;
+ font-size: 1.2rem;
+}
+.message-box_wrapper .message-box h2 .close:hover {
+ color: rgba(66,185,133,0.8);
+}
+.message-box_wrapper .message-box #local-search-input {
+ position: relative;
+ width: 100%;
+ display: block;
+ background-color: transparent;
+ box-sizing: border-box;
+ font-size: 1rem;
+ z-index: 2;
+ padding: 0.25rem 0.7rem;
+ outline: 0;
+ border: 2px solid rgba(66,185,133,0.8);
+ border-radius: 2rem;
+ font-size: 14px;
+ margin-top: 15px;
+}
+.message-box_wrapper .result-wrapper {
+ max-height: 80%;
+ overflow: auto;
+ overflow-x: hidden;
+ margin-top: 10px;
+}
+.message-box_wrapper .result-wrapper .search-keyword {
+ color: #d63200;
+}
+.message-box_wrapper .result-wrapper p {
+ font-size: 1rem;
+ line-height: 1.5rem;
+ color: rgba(0,0,0,0.5);
+}
+.message-box_wrapper .result-wrapper ul {
+ list-style-type: none;
+ box-sizing: border-box;
+ padding: 10px;
+}
+.message-box_wrapper .result-wrapper ul li {
+ padding: 15px 20px;
+ border-radius: 10px;
+ margin-bottom: 15px;
+ box-shadow: 0 0 4px 1px rgba(0,0,0,0.12);
+ transition: all 0.3s;
+ word-wrap: break-word;
+}
+.message-box_wrapper .result-wrapper ul li:hover {
+ box-shadow: 0 0 8px 3px rgba(0,0,0,0.12);
+}
+@media (max-width: 551px) {
+ .message-box_wrapper .message-box {
+ width: 80%;
+ }
+}
+#appDrawer .fa-bars {
+ color: #fff;
+ padding: 10px;
+ cursor: pointer;
+}
+#appDrawer .drawer-box_mask {
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ background: rgba(0,0,0,0.5);
+ z-index: 999;
+}
+#appDrawer .drawer-box {
+ position: fixed;
+ box-sizing: border-box;
+ left: -240px;
+ top: 0;
+ width: 240px;
+ height: 100%;
+ z-index: 999;
+ background-color: #fff;
+ transition: left 0.3s;
+ overflow: auto;
+}
+#appDrawer .drawer-box.active {
+ left: 0;
+}
+#appDrawer .drawer-box .drawer-box-head {
+ padding: 20px 10px;
+ color: #fff;
+}
+#appDrawer .drawer-box .drawer-box-head .drawer-box-head_logo {
+ width: 100px;
+ height: 100px;
+ border-radius: 50%;
+ margin-left: 50%;
+ transform: translateX(-50%);
+}
+#appDrawer .drawer-box .drawer-box-head .drawer-box-head_title {
+ text-align: center;
+ font-size: 1.6em;
+ font-family: 'Comic Sans MS', cursive, LiSu, sans-serif;
+ text-decoration: none;
+}
+#appDrawer .drawer-box .drawer-box-head .drawer-box-head_desc {
+ font-size: 0.8em;
+ text-align: center;
+}
+#appDrawer .drawer-box .drawer-box-content .drawer-box-content_menu .drawer-box-content_item {
+ display: block;
+ box-sizing: border-box;
+ overflow: hidden;
+}
+#appDrawer .drawer-box .drawer-box-content .drawer-box-content_menu .drawer-box-content_item a {
+ color: #273849;
+ display: block;
+ width: 100%;
+ height: 100%;
+ position: relative;
+ box-sizing: border-box;
+ padding: 10px 20px;
+}
+#appDrawer .drawer-box .drawer-box-content .drawer-box-content_menu .drawer-box-content_item a .arrow {
+ transition: all 0.3s;
+}
+#appDrawer .drawer-box .drawer-box-content .drawer-box-content_menu .drawer-box-content_item a .icon-rotate {
+ transform: rotate(-90deg);
+}
+#appDrawer .drawer-box .drawer-box-content .drawer-box-content_menu .drawer-box-content_item a:hover {
+ background-color: rgba(0,0,0,0.1);
+}
+#appDrawer .drawer-box .drawer-box-content .drawer-box-content_menu .drawer-box-content_item .has-children {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+#appDrawer .drawer-box .drawer-box-content .drawer-box-content_menu .drawer-box-content_item .drawer-sub-menu {
+ padding-left: 15px;
+ list-style: none;
+}
+.goTop {
+ position: fixed;
+ width: 50px;
+ height: 50px;
+ line-height: 50px;
+ text-align: center;
+ cursor: pointer;
+ z-index: 1;
+ bottom: 20px;
+ right: 17px;
+ border-radius: 50%;
+ color: #fff;
+ transform: translateY(120px);
+ transition: transform 0.2s;
+ box-shadow: -2px 2px 2px 2px rgba(255,255,255,0.5);
+ z-index: 999;
+}
+@media (max-width: 551px) {
+ .goTop {
+ width: 30px;
+ height: 30px;
+ line-height: 30px;
+ right: 0;
+ }
+}
+.pace .pace-progress {
+ background: #f6a427; /* 进度条颜色 */
+ height: 3px;
+}
+.pace .pace-progress-inner {
+ box-shadow: 0 0 10px #1e92fb, 0 0 5px #1e92fb; /* 阴影颜色 */
+}
+.pace .pace-activity {
+ border-top-color: #1e92fb; /* 上边框颜色 */
+ border-left-color: #1e92fb; /* 左边框颜色 */
+}
+.deng-box {
+ position: fixed;
+ top: -40px;
+ right: -20px;
+ z-index: 1999;
+}
+.deng-box1 {
+ position: fixed;
+ top: -30px;
+ left: 10px;
+ z-index: 1999;
+}
+.deng-box1 .deng {
+ position: relative;
+ width: 120px;
+ height: 90px;
+ margin: 50px;
+ background: #d8000f;
+ background: rgba(216,0,15,0.8);
+ border-radius: 50% 50%;
+ -webkit-transform-origin: 50% -100px;
+ -webkit-animation: swing 5s infinite ease-in-out;
+ animation: swing 5s infinite ease-in-out;
+ box-shadow: -5px 5px 30px 4px #fc903d;
+}
+.deng {
+ position: relative;
+ width: 120px;
+ height: 90px;
+ margin: 50px;
+ background: #d8000f;
+ background: rgba(216,0,15,0.8);
+ border-radius: 50% 50%;
+ -webkit-transform-origin: 50% -100px;
+ -webkit-animation: swing 3s infinite ease-in-out;
+ animation: swing 3s infinite ease-in-out;
+ box-shadow: -5px 5px 50px 4px #fa6c00;
+}
+.deng-a {
+ width: 100px;
+ height: 90px;
+ background: #d8000f;
+ background: rgba(216,0,15,0.1);
+ margin: 12px 8px 8px 10px;
+ border-radius: 50% 50%;
+ border: 2px solid #dc8f03;
+}
+.deng-b {
+ width: 45px;
+ height: 90px;
+ background: #d8000f;
+ background: rgba(216,0,15,0.1);
+ margin: -4px 8px 8px 26px;
+ border-radius: 50% 50%;
+ border: 2px solid #dc8f03;
+}
+.xian {
+ position: absolute;
+ top: -20px;
+ left: 60px;
+ width: 2px;
+ height: 20px;
+ background: #dc8f03;
+}
+.shui-a {
+ position: relative;
+ width: 5px;
+ height: 20px;
+ margin: -5px 0 0 59px;
+ -webkit-animation: swing 4s infinite ease-in-out;
+ -webkit-transform-origin: 50% -45px;
+ background: #ffa500;
+ border-radius: 0 0 5px 5px;
+}
+.shui-b {
+ position: absolute;
+ top: 14px;
+ left: -2px;
+ width: 10px;
+ height: 10px;
+ background: #dc8f03;
+ border-radius: 50%;
+}
+.shui-c {
+ position: absolute;
+ top: 18px;
+ left: -2px;
+ width: 10px;
+ height: 35px;
+ background: #ffa500;
+ border-radius: 0 0 0 5px;
+}
+.deng:before {
+ position: absolute;
+ top: -7px;
+ left: 29px;
+ height: 12px;
+ width: 60px;
+ content: ' ';
+ display: block;
+ z-index: 1999;
+ border-radius: 5px 5px 0 0;
+ border: solid 1px #dc8f03;
+ background: #ffa500;
+ background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
+}
+.deng:after {
+ position: absolute;
+ bottom: -7px;
+ left: 10px;
+ height: 12px;
+ width: 60px;
+ content: ' ';
+ display: block;
+ margin-left: 20px;
+ border-radius: 0 0 5px 5px;
+ border: solid 1px #dc8f03;
+ background: #ffa500;
+ background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
+}
+.deng-t {
+ font-family: '华文行楷,Arial,Lucida Grande,Tahoma,sans-serif';
+ font-size: 3.2rem;
+ color: #dc8f03;
+ font-weight: bold;
+ line-height: 85px;
+ text-align: center;
+}
+.night .deng-t,
+.night .deng-box,
+.night .deng-box1 {
+ background: transparent !important;
+}
+@-moz-keyframes swing {
+ 0% {
+ transform: rotate(-10deg);
+ }
+ 50% {
+ transform: rotate(10deg);
+ }
+ 100% {
+ transform: rotate(-10deg);
+ }
+}
+@-webkit-keyframes swing {
+ 0% {
+ transform: rotate(-10deg);
+ }
+ 50% {
+ transform: rotate(10deg);
+ }
+ 100% {
+ transform: rotate(-10deg);
+ }
+}
+@-o-keyframes swing {
+ 0% {
+ transform: rotate(-10deg);
+ }
+ 50% {
+ transform: rotate(10deg);
+ }
+ 100% {
+ transform: rotate(-10deg);
+ }
+}
+@keyframes swing {
+ 0% {
+ transform: rotate(-10deg);
+ }
+ 50% {
+ transform: rotate(10deg);
+ }
+ 100% {
+ transform: rotate(-10deg);
+ }
+}
+@-moz-keyframes swing {
+ 0% {
+ -moz-transform: rotate(-10deg);
+ }
+ 50% {
+ -moz-transform: rotate(10deg);
+ }
+ 100% {
+ -moz-transform: rotate(-10deg);
+ }
+}
+@-webkit-keyframes swing {
+ 0% {
+ -moz-transform: rotate(-10deg);
+ }
+ 50% {
+ -moz-transform: rotate(10deg);
+ }
+ 100% {
+ -moz-transform: rotate(-10deg);
+ }
+}
+@-o-keyframes swing {
+ 0% {
+ -moz-transform: rotate(-10deg);
+ }
+ 50% {
+ -moz-transform: rotate(10deg);
+ }
+ 100% {
+ -moz-transform: rotate(-10deg);
+ }
+}
+@keyframes swing {
+ 0% {
+ -moz-transform: rotate(-10deg);
+ }
+ 50% {
+ -moz-transform: rotate(10deg);
+ }
+ 100% {
+ -moz-transform: rotate(-10deg);
+ }
+}
+@-moz-keyframes swing {
+ 0% {
+ -webkit-transform: rotate(-10deg);
+ }
+ 50% {
+ -webkit-transform: rotate(10deg);
+ }
+ 100% {
+ -webkit-transform: rotate(-10deg);
+ }
+}
+@-webkit-keyframes swing {
+ 0% {
+ -webkit-transform: rotate(-10deg);
+ }
+ 50% {
+ -webkit-transform: rotate(10deg);
+ }
+ 100% {
+ -webkit-transform: rotate(-10deg);
+ }
+}
+@-o-keyframes swing {
+ 0% {
+ -webkit-transform: rotate(-10deg);
+ }
+ 50% {
+ -webkit-transform: rotate(10deg);
+ }
+ 100% {
+ -webkit-transform: rotate(-10deg);
+ }
+}
+@keyframes swing {
+ 0% {
+ -webkit-transform: rotate(-10deg);
+ }
+ 50% {
+ -webkit-transform: rotate(10deg);
+ }
+ 100% {
+ -webkit-transform: rotate(-10deg);
+ }
+}
+.danmu {
+ color: #fff;
+ background-color: rgba(66,185,133,0.8);
+ position: fixed;
+ right: 0;
+ bottom: 140px;
+ right: 17px;
+ width: 50px;
+ height: 50px;
+ line-height: 50px;
+ border-radius: 50%;
+ line-height: 50px;
+ text-align: center;
+ box-shadow: -2px 2px 2px 2px rgba(255,255,255,0.5);
+ font-size: 14px;
+ cursor: url("https://zhutix.com/wp-content/themes/b2/x2.cur"), pointer;
+ transition: background-color 0.3s;
+ z-index: 999;
+}
+@media (max-width: 551px) {
+ .danmu {
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ bottom: 120px;
+ right: 5px;
+ }
+}
+.danmuBox {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.danmuBtn {
+ display: inline-block;
+ width: 50px;
+ height: 24px;
+ border-radius: 12px;
+ background-color: #fff;
+ font-size: 12px;
+ line-height: 24px;
+ text-align: left;
+ vertical-align: top;
+ cursor: pointer;
+ color: #ccc;
+ text-align: center;
+ transition: all 0.3s;
+}
+.danmuBtn.open {
+ color: #fa0;
+}
+.danmuBtn.open .danmuCircle {
+ background-color: #fa0;
+}
+.danmuBtn .danmuCircle {
+ display: inline-block;
+ width: 8px;
+ height: 8px;
+ border-radius: 50%;
+ background-color: #ccc;
+ margin-right: 2px;
+}
+.barrage .close.z {
+ background-size: cover !important;
+}
+.swiper-btn-color {
+ background-color: rgba(66,185,133,0.8);
+}
+.swiper-pagination-bullet-active {
+ background-color: rgba(66,185,133,0.8) !important;
+}
+.topArticle .more:hover {
+ color: rgba(66,185,133,0.8) !important;
+}
+.posts .post-title .post-title-link:hover {
+ color: rgba(66,185,133,0.8);
+}
+.posts .post-more i:hover {
+ color: rgba(66,185,133,0.8);
+}
+.post-tags .article-tag-list li a:hover {
+ color: rgba(66,185,133,0.8);
+}
+.post-categories .article-category .article-category-link:hover {
+ color: rgba(66,185,133,0.8);
+}
+.post-detail a {
+ color: #42b983 !important;
+}
+.post-detail blockquote {
+ border-left: 4px solid rgba(66,185,133,0.8);
+ background-color: #f3f5f7;
+}
+.toc-link.is-active-link::before {
+ background-color: rgba(66,185,133,0.8);
+}
+#vcomment .vcards .vcard .vh .vhead .vtag.vvisitor {
+ background-color: rgba(66,185,133,0.8) !important;
+}
+.v[data-class=v] .vbtn:active,
+.v[data-class=v] .vbtn:hover {
+ color: rgba(66,185,133,0.8) !important;
+ border-color: rgba(66,185,133,0.8) !important;
+}
+.dark {
+ color: #fff;
+ background-color: #222;
+ position: fixed;
+ right: 0;
+ bottom: 80px;
+ right: 17px;
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
+ line-height: 50px;
+ text-align: center;
+ box-shadow: -2px 2px 2px 2px rgba(255,255,255,0.5);
+ cursor: url("https://zhutix.com/wp-content/themes/b2/x2.cur"), pointer;
+ transition: background-color 0.3s;
+ z-index: 999;
+ box-sizing: border-box;
+}
+.dark .dark-content {
+ width: 100%;
+ height: 100%;
+}
+@media (max-width: 551px) {
+ .dark {
+ width: 30px;
+ height: 30px;
+ line-height: 30px;
+ bottom: 60px;
+ right: 0;
+ }
+}
+.darkModel .header .header-content .navbar .menu .menu-item a,
+.darkModel .dark,
+.darkModel .search,
+.darkModel .header .blog-title a,
+.darkModel .header #he-plugin-simple .s-sticker-tmp,
+.darkModel .header #he-plugin-simple .s-sticker-city,
+.darkModel .flag-text {
+ color: #f0f6fc;
+}
+.darkModel .dark {
+ background-color: #ffeb3b;
+ border: 2px solid #ffeb3b;
+}
+.darkModel .read-more {
+ color: #f0f6fc !important;
+}
+.darkModel .bg-floor,
+.darkModel .bg-dark-floor {
+ background: #282c34;
+}
+.darkModel .img-mask {
+ transition: opacity 0.3s;
+ opacity: 0.4;
+}
+.darkModel .swiper-bgmask {
+ transition: opacity 0.3s;
+ opacity: 0.4;
+ background: #000;
+}
+.darkModel .motto {
+ transition: background 0.3s;
+ background: #2d3032;
+}
+.darkModel .motto .motto-content {
+ color: #8b949e;
+}
+.darkModel .motto h3 {
+ color: #c9d1d9;
+}
+.darkModel .index-notice {
+ transition: background 0.3s;
+ background: #2d3032;
+}
+.darkModel .index-notice .index-notice-content__title a,
+.darkModel .index-notice .index-notice-content__title span,
+.darkModel .index-notice .index-notice-content__date {
+ color: #8b949e;
+}
+.darkModel .index-notice h3 {
+ color: #c9d1d9;
+}
+.darkModel .topArticle .articles .article-link .text .title a,
+.darkModel .topArticle .articles .article-link .text .more {
+ color: #c9d1d9;
+}
+.darkModel .topArticle .articles .article-link .text .content {
+ color: #8b949e;
+}
+.darkModel .topArticle {
+ transition: background 0.3s;
+ background: #2d3032;
+}
+.darkModel .topArticle h3 {
+ color: #c9d1d9;
+}
+.darkModel .posts .post {
+ transition: all 0.3s;
+ background-color: #2d3032;
+}
+.darkModel .posts .post .post-img a {
+ transition: all 0.3s;
+}
+.darkModel .posts .post-img-mobile a {
+ transition: all 0.3s;
+}
+.darkModel .posts .post-time {
+ color: #8b949e;
+}
+.darkModel .posts .post-title .post-title-link {
+ color: #c9d1d9;
+}
+.darkModel .posts .post-tags {
+ color: #8b949e;
+}
+.darkModel .posts .post-content {
+ color: #c9d1d9;
+}
+.darkModel .page-nav .page-nav-pre,
+.darkModel .page-nav .page-nav-next,
+.darkModel .page-nav .page-nav-prev {
+ background-color: #222;
+ color: #f0f6fc;
+ transition: background-color 0.3s;
+}
+.darkModel .page-nav .page-nav-pre:hover,
+.darkModel .page-nav .page-nav-next:hover,
+.darkModel .page-nav .page-nav-prev:hover {
+ background-color: rgba(66,185,133,0.8);
+}
+.darkModel .color-primary {
+ color: #222;
+}
+.darkModel .page-info-text {
+ color: #f0f6fc;
+}
+.darkModel .top-btn-color {
+ background-color: #222;
+ color: #f0f6fc;
+}
+.darkModel .top-btn-color:hover {
+ border: 1px solid #222;
+}
+.darkModel .swiper-btn-color {
+ transition: all 0.3s;
+}
+.darkModel .swiper-btn-color:hover {
+ background-color: rgba(66,185,133,0.8);
+}
+.darkModel .border-color {
+ border: 1px solid #222;
+}
+.darkModel .border-color:hover {
+ border: 1px solid rgba(66,185,133,0.8);
+}
+.darkModel .footer {
+ color: #f0f6fc;
+}
+.darkModel .post-detail-header {
+ position: relative;
+}
+.darkModel .post-detail-header .post-detail-header-mask {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-color: #000;
+ opacity: 0.6;
+}
+.darkModel .post-detail-header .title {
+ z-index: 2;
+ color: f0f6fc;
+}
+.darkModel .post-detail {
+ background-color: #2d3032;
+ color: #f0f6fc;
+}
+.darkModel .post-detail :not(pre)>code[class*=language-],
+.darkModel .post-detail pre[class*=language-] {
+ filter: brightness(0.8) !important;
+}
+.darkModel .post-detail .tagLink .link-card {
+ background: #222;
+}
+.darkModel .post-detail .post-title {
+ color: #f0f6fc;
+}
+.darkModel .post-detail p,
+.darkModel .post-detail .p {
+ color: #f0f6fc !important;
+}
+.darkModel .post-detail code:not([class *='language'] ),
+.darkModel .post-detail .pbg {
+ background-color: rgba(240,246,252,0.149);
+ color: #f0f6fc;
+}
+.darkModel .post-detail details {
+ border: 1px solid #222;
+ background: #222;
+}
+.darkModel .post-detail .timenode .body {
+ background-color: rgba(240,246,252,0.149);
+}
+.darkModel .post-detail pre code {
+ background-color: transparent;
+}
+.darkModel .post-detail blockquote,
+.darkModel .post-detail .note {
+ background-color: rgba(240,246,252,0.149);
+}
+.darkModel .post-detail div.tabs,
+.darkModel .post-detail div.tabs ul.nav-tabs,
+.darkModel .post-detail div.tabs ul.nav-tabs li.tab.active a {
+ background-color: rgba(240,246,252,0.149);
+}
+.darkModel .post-detail div.tabs ul.nav-tabs li.tab.active a {
+ border-bottom: 1px solid rgba(240,246,252,0.149);
+}
+.darkModel .post-detail div.btns a,
+.darkModel .post-detail .md div.btns a,
+.darkModel .post-detail span.btn a {
+ background-color: rgba(240,246,252,0.149) !important;
+}
+.darkModel .post-detail blockquote p {
+ color: #f0f6fc;
+}
+.darkModel .post-detail h1,
+.darkModel .post-detail h2,
+.darkModel .post-detail h3,
+.darkModel .post-detail h4,
+.darkModel .post-detail h5,
+.darkModel .post-detail h6 {
+ color: #f0f6fc;
+}
+.darkModel .post-detail table tr:nth-child(2n),
+.darkModel .post-detail thead {
+ background-color: rgba(240,246,252,0.149);
+}
+.darkModel .post-detail table tr th,
+.darkModel .post-detail table tr td {
+ border: 1px solid rgba(240,246,252,0.149);
+}
+.darkModel .post-detail .post-copyright {
+ background-color: rgba(240,246,252,0.149);
+}
+.darkModel .mermaid,
+.darkModel img {
+ filter: brightness(0.8);
+}
+.darkModel #lv-ad-976 #container .reply-content {
+ color: #f0f6fc;
+}
+.darkModel #comments {
+ background-color: #2d3032;
+ color: #f0f6fc;
+}
+.darkModel #vcomment .vheader .vnick {
+ color: #f0f6fc;
+}
+.darkModel #vcomment .vheader .vmail {
+ color: #f0f6fc;
+}
+.darkModel #vcomment .vheader .vlink {
+ color: #f0f6fc;
+}
+.darkModel .v[data-class=v] .status-bar,
+.darkModel .v[data-class=v] .veditor,
+.darkModel .v[data-class=v] .vinput,
+.darkModel .v[data-class=v] p,
+.darkModel .v[data-class=v] pre code {
+ color: #f0f6fc;
+}
+.darkModel .v[data-class=v] code {
+ background-color: rgba(240,246,252,0.149);
+}
+.darkModel .v[data-class=v] .vbtn {
+ color: #f0f6fc;
+}
+.darkModel .post-nav .post-nav-prev .post-nav-img,
+.darkModel .post-nav .post-nav-next .post-nav-img {
+ opacity: 0.4;
+}
+.darkModel .v[data-class=v] .vicon {
+ fill: #f0f6fc;
+}
+.darkModel .toc-aside {
+ background-color: rgba(45,48,50,0.6);
+ color: #f0f6fc;
+}
+.darkModel .toc-aside .is-active-link {
+ color: rgba(66,185,133,0.8);
+}
+.darkModel .archive .post-archive .year a {
+ color: #f0f6fc;
+}
+.darkModel .archive .post-archive .post-item .post-title {
+ color: #f0f6fc;
+}
+.darkModel #categories .card .card-content .category-title,
+.darkModel #tags .card .card-content .tag-title {
+ color: #f0f6fc;
+}
+.darkModel .tag-content {
+ background-color: #2d3032 !important;
+}
+.darkModel #tags .card .card-content .tag-chips a .tag-content {
+ color: #f0f6fc;
+}
+.darkModel .category-content {
+ background-color: #2d3032 !important;
+}
+.darkModel #categories .card .card-content .category-chips a .category-content {
+ color: #f0f6fc;
+}
+.darkModel .archive-header .mask-box,
+.darkModel .tags-header .mask-box,
+.darkModel .tag-header .mask-box,
+.darkModel .categories-header .mask-box,
+.darkModel .category-header .mask-box,
+.darkModel .about-header .mask-box,
+.darkModel .friends-header .mask-box {
+ opacity: 0.6;
+}
+.darkModel .tag-name .name,
+.darkModel .category-name .name,
+.darkModel .friends .friend {
+ background-color: #2d3032 !important;
+ color: #f0f6fc;
+}
+.darkModel .friends-title {
+ color: #f0f6fc;
+}
+.darkModel .friends .friend .friend-info .friend-introduction {
+ color: #8b949e;
+}
+.darkModel #about .title {
+ color: #f0f6fc;
+}
+.darkModel #about .basic-info {
+ background-color: #2d3032;
+ color: #f0f6fc;
+}
+.darkModel #about .subtitle,
+.darkModel #about .basic-info .items .item {
+ color: #f0f6fc;
+}
+.darkModel #about .basic-info .games .game-item,
+.darkModel #about .basic-info .books .book-item {
+ color: #8b949e;
+}
+.darkModel #about .basic-info .socialAccounts .account {
+ color: #8b949e;
+}
+.darkModel video {
+ filter: brightness(0.8);
+}
+.darkModel .message-box_wrapper .message-box {
+ background-color: #2d3032;
+}
+.darkModel .message-box_wrapper .message-box h2,
+.darkModel .message-box_wrapper .message-box .search-result,
+.darkModel .message-box_wrapper .message-box .close,
+.darkModel .message-box_wrapper .message-box #local-search-input {
+ color: #8b949e;
+}
+.darkModel .message-box_wrapper .message-box .result-wrapper .local-search-empty {
+ color: #8b949e;
+}
+.darkModel .message-box_wrapper .message-box .result-wrapper ul li {
+ box-shadow: 0 0 4px 1px rgba(255,255,255,0.12);
+}
+.darkModel .message-box_wrapper .message-box .result-wrapper ul li:hover {
+ box-shadow: 0 0 8px 3px rgba(255,255,255,0.12);
+}
+.darkModel .donate-box {
+ background-color: #2d3032;
+}
+.darkModel .donate-box .donate-box_title h4,
+.darkModel .donate-box .donate-box_close i {
+ color: #8b949e;
+}
+.darkModel #appDrawer .drawer-box {
+ background-color: #2d3032;
+}
+.darkModel #appDrawer .drawer-box .drawer-box-content .drawer-box-content_menu .drawer-box-content_item a {
+ color: #f0f6fc;
+}
+.darkModel .bg-color,
+.darkModel .header-bg-color,
+.darkModel .no-swiper,
+.darkModel .no-img-top,
+.darkModel .header .header-content .navbar .menu .menu-item .sub-menu li {
+ background: #222;
+}
+.darkModel .github-corner svg {
+ fill: #f0f6fc !important;
+ color: #222;
+}
+.darkModel .header #he-plugin-simple .s-sticker-tmp,
+.darkModel .header #he-plugin-simple .s-sticker-city {
+ color: #f0f6fc !important;
+}
+.darkModel .header .header-content .navbar .menu .menu-item .sub-menu a:hover,
+.darkModel .header .header-content .navbar .menu .menu-item:hover {
+ background-color: #000;
+}
+.darkModel .widget {
+ background-color: #2d3032 !important;
+ color: #c9d1d9 !important;
+}
+.darkModel .widget a:not('.is-active-link') {
+ color: #c9d1d9 !important;
+}
+.darkModel .widget header span,
+.darkModel .widget header i {
+ color: #c9d1d9;
+}
+.darkModel .widget.side_category li a .name {
+ color: #c9d1d9;
+}
+.darkModel .widget.side_category li a:hover {
+ background-color: rgba(201,209,217,0.2) !important;
+}
+.darkModel .widget.side_recent_post .post-title {
+ color: #c9d1d9 !important;
+}
+.darkModel .widget.side_recent_post .post-title:hover {
+ color: rgba(66,185,133,0.8) !important;
+}
+.darkModel .widget.side_archives .card-archive-list-link {
+ color: #c9d1d9 !important;
+}
+.darkModel .widget.side_archives .card-archive-list-link:hover {
+ background-color: rgba(201,209,217,0.2) !important;
+}
+.darkModel .widget.side_blogger .content {
+ background-color: #2d3032 !important;
+}
+.darkModel .widget.side_blogger .content .social-wrapper a {
+ color: #c9d1d9 !important;
+}
+.darkModel .widget.side_blogger .content .social-wrapper a:hover {
+ background-color: rgba(201,209,217,0.2) !important;
+}
+.preloader_5 {
+ position: fixed;
+ z-index: 1000;
+ width: 100vw;
+ height: 100vh;
+ background: #212121;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ overflow: hidden;
+}
+.preloader_5#loader.loading {
+ display: none;
+}
+.preloader_5 .cube {
+ position: relative;
+ width: 300px;
+ height: 300px;
+ transform-style: preserve-3d;
+ transform: rotateX(-30deg);
+ animation: animateD 8s linear infinite;
+}
+.preloader_5 .cube div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ transform-style: preserve-3d;
+}
+.preloader_5 .cube2 {
+ position: relative;
+ width: 150px;
+ height: 150px;
+ transform-style: preserve-3d;
+ animation: animateD2 5s ease-out infinite alternate;
+}
+.preloader_5 .cube2 div {
+ position: absolute;
+ top: 35px;
+ left: 0;
+ width: 65%;
+ height: 65%;
+ transform-style: preserve-3d;
+}
+.preloader_5 .cube2 div span {
+ position: absolute;
+ top: 20%;
+ left: 20%;
+ width: 65%;
+ height: 65%;
+ background: transparent;
+ border: 2px solid rgba(66,185,133,0.8);
+ transform: rotateY(calc(90deg * var(--i))) translateZ(62px);
+}
+.preloader_5 .cube3 {
+ position: absolute;
+ width: 300px;
+ height: 300px;
+ transform-style: preserve-3d;
+ transform: rotateX(-30deg);
+ animation: animateD3 1s ease-in-out infinite alternate;
+}
+.preloader_5 .cube3 div {
+ position: absolute;
+ top: 70px;
+ left: 70px;
+ width: 15%;
+ height: 15%;
+ transform-style: preserve-3d;
+}
+.preloader_5 .cube3 div span {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(66,185,133,0.8);
+ transform: rotateY(calc(90deg * var(--i))) translateZ(14px);
+ box-shadow: 0px 0px 7px rgba(66,185,133,0.8);
+}
+.preloader_5 .top3 {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: rgba(66,185,133,0.8);
+ transform: rotateX(90deg) translateZ(14px);
+ box-shadow: 0px 0px 10px rgba(66,185,133,0.8);
+}
+@-moz-keyframes animateD {
+ 0% {
+ transform: rotateX(-15deg) rotateY(0deg);
+ }
+ 100% {
+ transform: rotateX(-15deg) rotateY(-360deg);
+ }
+}
+@-webkit-keyframes animateD {
+ 0% {
+ transform: rotateX(-15deg) rotateY(0deg);
+ }
+ 100% {
+ transform: rotateX(-15deg) rotateY(-360deg);
+ }
+}
+@-o-keyframes animateD {
+ 0% {
+ transform: rotateX(-15deg) rotateY(0deg);
+ }
+ 100% {
+ transform: rotateX(-15deg) rotateY(-360deg);
+ }
+}
+@keyframes animateD {
+ 0% {
+ transform: rotateX(-15deg) rotateY(0deg);
+ }
+ 100% {
+ transform: rotateX(-15deg) rotateY(-360deg);
+ }
+}
+@-moz-keyframes animateD2 {
+ 0% {
+ transform: rotateX(0deg) rotateY(0deg);
+ }
+ 100% {
+ transform: rotateX(180deg) rotateY(-360deg);
+ }
+}
+@-webkit-keyframes animateD2 {
+ 0% {
+ transform: rotateX(0deg) rotateY(0deg);
+ }
+ 100% {
+ transform: rotateX(180deg) rotateY(-360deg);
+ }
+}
+@-o-keyframes animateD2 {
+ 0% {
+ transform: rotateX(0deg) rotateY(0deg);
+ }
+ 100% {
+ transform: rotateX(180deg) rotateY(-360deg);
+ }
+}
+@keyframes animateD2 {
+ 0% {
+ transform: rotateX(0deg) rotateY(0deg);
+ }
+ 100% {
+ transform: rotateX(180deg) rotateY(-360deg);
+ }
+}
+@-moz-keyframes animateD3 {
+ 0% {
+ transform: rotateX(-90deg) rotateY(0deg);
+ }
+ 100% {
+ transform: rotateX(90deg) rotateY(45deg);
+ }
+}
+@-webkit-keyframes animateD3 {
+ 0% {
+ transform: rotateX(-90deg) rotateY(0deg);
+ }
+ 100% {
+ transform: rotateX(90deg) rotateY(45deg);
+ }
+}
+@-o-keyframes animateD3 {
+ 0% {
+ transform: rotateX(-90deg) rotateY(0deg);
+ }
+ 100% {
+ transform: rotateX(90deg) rotateY(45deg);
+ }
+}
+@keyframes animateD3 {
+ 0% {
+ transform: rotateX(-90deg) rotateY(0deg);
+ }
+ 100% {
+ transform: rotateX(90deg) rotateY(45deg);
+ }
+}
+.note {
+ padding: 12px 24px 12px 30px;
+ border-left-width: 4px;
+ border-left-style: solid;
+ border-radius: 4px;
+ margin: 1rem 0;
+ background-color: #f3f5f7;
+ border-color: rgba(66,185,133,0.8);
+ color: #2c3e50;
+ position: relative;
+}
+.note::before {
+ font-family: "Font Awesome 6 Free";
+ font-weight: 600;
+}
+.note.warning {
+ border-color: #e6a23c;
+ background-color: #fdf6ec;
+}
+.note.info {
+ border-color: #409eff;
+ background-color: #edf6ff;
+}
+.note.info::before {
+ content: '\f129';
+ background-color: #409eff;
+ position: absolute;
+ top: 14px;
+ left: -12px;
+ color: #fff;
+ width: 20px;
+ height: 20px;
+ border-radius: 100%;
+ text-align: center;
+ line-height: 20px;
+ font-weight: bold;
+ font-size: 14px;
+}
+.note.quote::before {
+ content: '\f10d';
+ background-color: rgba(66,185,133,0.8);
+ position: absolute;
+ top: 14px;
+ left: -12px;
+ color: #fff;
+ width: 20px;
+ height: 20px;
+ border-radius: 100%;
+ text-align: center;
+ line-height: 20px;
+ font-weight: bold;
+ font-size: 14px;
+}
+.note.warning::before {
+ content: '\f12a';
+ background-color: #e6a23c;
+ position: absolute;
+ top: 14px;
+ left: -12px;
+ color: #fff;
+ width: 20px;
+ height: 20px;
+ border-radius: 100%;
+ text-align: center;
+ line-height: 20px;
+ font-weight: bold;
+ font-size: 14px;
+}
+.note.danger::before {
+ content: '\f188';
+ background-color: #f66;
+ position: absolute;
+ top: 14px;
+ left: -12px;
+ color: #fff;
+ width: 20px;
+ height: 20px;
+ border-radius: 100%;
+ text-align: center;
+ line-height: 20px;
+ font-weight: bold;
+ font-size: 14px;
+}
+.note.danger {
+ border-color: #f66;
+ background-color: #fff0f0;
+}
+.note.success {
+ border-color: #67c23a;
+ background-color: #f0f9ec;
+}
+.note.success::before {
+ content: '\f00c';
+ background-color: #67c23a;
+ position: absolute;
+ top: 14px;
+ left: -12px;
+ color: #fff;
+ width: 20px;
+ height: 20px;
+ border-radius: 100%;
+ text-align: center;
+ line-height: 20px;
+ font-weight: bold;
+ font-size: 14px;
+}
+.pbg.yellow {
+ background-color: #f9ed69;
+}
+.pbg {
+ background-color: rgba(66,185,133,0.8);
+}
+.pbg.info {
+ background-color: #409eff;
+}
+.pbg.warning {
+ background-color: #e6a23c;
+}
+.pbg.danger {
+ background-color: #f66;
+}
+.pbg.success {
+ background-color: #67c23a;
+}
+.pbg.red {
+ background-color: #f47983;
+}
+.pbg.green {
+ background-color: #16a951;
+}
+.pbg.blue {
+ background-color: #177cb0;
+}
+.p.yellow {
+ color: #f9ed69;
+}
+p.p.primary,
+span.p.primary {
+ color: rgba(66,185,133,0.8);
+}
+.p.info {
+ color: #409eff;
+}
+.p.warning {
+ color: #e6a23c;
+}
+.p.danger {
+ color: #f66;
+}
+.p.success {
+ color: #67c23a;
+}
+.p.red {
+ color: #f47983;
+}
+.p.green {
+ color: #16a951;
+}
+.p.blue {
+ color: #177cb0;
+}
+p.p.center,
+span.p.center {
+ display: block;
+ text-align: center;
+}
+p.p.large,
+span.p.large {
+ font-size: 2.5rem;
+ line-height: 1.4;
+}
+p.p.small,
+span.p.small {
+ font-size: 0.875rem;
+}
+.post-detail span.btn,
+.posts span.btn {
+ display: inline;
+}
+.post-detail span.btn a,
+.posts span.btn a {
+ text-decoration: none;
+ border-bottom: none;
+ display: inline-block;
+ padding: 3px 4px 2px 4px;
+ margin: 2px;
+ line-height: 1.1;
+ border-radius: 2px;
+ font-weight: normal;
+}
+.post-detail span.btn a i,
+.posts span.btn a i {
+ margin-right: 2px;
+}
+.post-detail span.btn a,
+.posts span.btn a,
+.post-detail span.btn.hollow a,
+.posts span.btn.hollow a {
+ color: rgba(66,185,133,0.8) !important;
+ border: 1px solid rgba(66,185,133,0.8);
+ transition: all 0.3s;
+}
+.post-detail span.btn a:hover,
+.posts span.btn a:hover,
+.post-detail span.btn.hollow a:hover,
+.posts span.btn.hollow a:hover {
+ color: #f66 !important;
+ border-color: #f66;
+}
+.post-detail span.btn a i,
+.posts span.btn a i,
+.post-detail span.btn.hollow a i,
+.posts span.btn.hollow a i {
+ margin-right: 4px;
+}
+.post-detail span.btn.hollow a,
+.posts span.btn.hollow a,
+.post-detail span.btn.solid a,
+.posts span.btn.solid a {
+ padding: 8px 12px;
+}
+.post-detail span.btn.solid a,
+.posts span.btn.solid a {
+ border: none;
+ background: rgba(66,185,133,0.8);
+ color: #fff !important;
+}
+.post-detail span.btn.solid a:hover,
+.posts span.btn.solid a:hover {
+ background: #f66;
+}
+.post-detail span.btn.large a,
+.posts span.btn.large a {
+ font-size: 1rem;
+ padding: 12px 32px;
+}
+.post-detail span.btn.large a i,
+.posts span.btn.large a i {
+ margin-right: 8px;
+}
+.post-detail span.btn.center,
+.posts span.btn.center {
+ display: block;
+ text-align: center;
+}
+.post-detail span.btn.round a,
+.posts span.btn.round a {
+ border-radius: 20px;
+}
+.post-detail span.btn.warning a,
+.posts span.btn.warning a {
+ background-color: #e6a23c;
+ color: #fff !important;
+ border: none;
+}
+.post-detail span.btn.warning a:hover,
+.posts span.btn.warning a:hover {
+ background-color: #ecb96b;
+}
+.post-detail span.btn.warning.hollow a,
+.posts span.btn.warning.hollow a {
+ border: 1px solid #eec17a;
+ background-color: #faecd8;
+ color: #e6a23c !important;
+}
+.post-detail span.btn.warning.hollow a:hover,
+.posts span.btn.warning.hollow a:hover {
+ background-color: #e6a23c;
+ color: #fff !important;
+}
+.post-detail span.btn.info a,
+.posts span.btn.info a {
+ background-color: #409eff;
+ color: #fff !important;
+ border: none;
+}
+.post-detail span.btn.info a:hover,
+.posts span.btn.info a:hover {
+ background-color: #6eb4ff;
+}
+.post-detail span.btn.info.hollow a,
+.posts span.btn.info.hollow a {
+ border: 1px solid #7dbcff;
+ background-color: #d9ecff;
+ color: #409eff !important;
+}
+.post-detail span.btn.info.hollow a:hover,
+.posts span.btn.info.hollow a:hover {
+ background-color: #409eff;
+ color: #fff !important;
+}
+.post-detail span.btn.success a,
+.posts span.btn.success a {
+ background-color: #67c23a;
+ color: #fff !important;
+ border: none;
+}
+.post-detail span.btn.success a:hover,
+.posts span.btn.success a:hover {
+ background-color: #8ad268;
+}
+.post-detail span.btn.success.hollow a,
+.posts span.btn.success.hollow a {
+ border: 1px solid #96d778;
+ background-color: #e0f3d7;
+ color: #67c23a !important;
+}
+.post-detail span.btn.success.hollow a:hover,
+.posts span.btn.success.hollow a:hover {
+ background-color: #67c23a;
+ color: #fff !important;
+}
+.post-detail span.btn.danger a,
+.posts span.btn.danger a {
+ background-color: #f66;
+ color: #fff !important;
+ border: none;
+}
+.post-detail span.btn.danger a:hover,
+.posts span.btn.danger a:hover {
+ background-color: #ff8c8b;
+}
+.post-detail span.btn.danger.hollow a,
+.posts span.btn.danger.hollow a {
+ border: 1px solid #ff9897;
+ background-color: #ffe0e0;
+ color: #f66 !important;
+}
+.post-detail span.btn.danger.hollow a:hover,
+.posts span.btn.danger.hollow a:hover {
+ background-color: #f66;
+ color: #fff !important;
+}
+.post-detail span.btn.cool-1 a,
+.posts span.btn.cool-1 a {
+ --color: rgba(66,185,133,0.8);
+ padding: 0.8em 1.7em;
+ background-color: transparent;
+ border-radius: 0.3em;
+ position: relative;
+ overflow: hidden;
+ cursor: pointer;
+ transition: 0.5s;
+ font-weight: 400;
+ font-size: 17px;
+ border: 1px solid;
+ font-family: inherit;
+ text-transform: uppercase;
+ color: var(--color);
+ z-index: 1;
+}
+.post-detail span.btn.cool-1 .button::before,
+.posts span.btn.cool-1 .button::before,
+.post-detail span.btn.cool-1 .button::after,
+.posts span.btn.cool-1 .button::after {
+ content: '';
+ display: block;
+ width: 50px;
+ height: 50px;
+ transform: translate(-50%, -50%);
+ position: absolute;
+ border-radius: 50%;
+ z-index: -1;
+ background-color: var(--color);
+ transition: 1s ease;
+}
+.post-detail span.btn.cool-1 .button::before,
+.posts span.btn.cool-1 .button::before {
+ top: -1em;
+ left: -1em;
+}
+.post-detail span.btn.cool-1 .button::after,
+.posts span.btn.cool-1 .button::after {
+ left: calc(100% + 1em);
+ top: calc(100% + 1em);
+}
+.post-detail span.btn.cool-1 .button:hover::before,
+.posts span.btn.cool-1 .button:hover::before,
+.post-detail span.btn.cool-1 .button:hover::after,
+.posts span.btn.cool-1 .button:hover::after {
+ height: 410px;
+ width: 410px;
+}
+.post-detail span.btn.cool-1 .button:hover,
+.posts span.btn.cool-1 .button:hover {
+ color: #0a191e !important;
+}
+.post-detail span.btn.cool-1 .button:active,
+.posts span.btn.cool-1 .button:active {
+ filter: brightness(0.8);
+}
+.post-detail span.btn.cool-10 .button,
+.posts span.btn.cool-10 .button {
+ --bg: #000;
+ --hover-bg: #ff90e8;
+ --hover-text: #000;
+ color: #fff !important;
+ border: 1px solid var(--bg);
+ border-radius: 4px;
+ padding: 0.8em 2em;
+ background: var(--bg);
+ transition: 0.2s;
+}
+.post-detail span.btn.cool-10 .button:hover,
+.posts span.btn.cool-10 .button:hover {
+ color: var(--hover-text);
+ transform: translate(-0.25rem, -0.25rem);
+ background: var(--hover-bg);
+ box-shadow: 0.25rem 0.25rem var(--bg);
+}
+.post-detail span.btn.cool-10 .button:active,
+.posts span.btn.cool-10 .button:active {
+ transform: translate(0);
+ box-shadow: none;
+}
+.post-detail span.btn.cool-11 .button,
+.posts span.btn.cool-11 .button,
+.post-detail span.btn.cool-11 .button::after,
+.posts span.btn.cool-11 .button::after {
+ padding: 16px 20px;
+ font-size: 18px;
+ background: linear-gradient(45deg, transparent 5%, #ff013c 5%);
+ border: 0;
+ color: #fff !important;
+ letter-spacing: 3px;
+ line-height: 1;
+ box-shadow: 6px 0px 0px #00e6f6;
+ outline: transparent;
+ position: relative;
+}
+.post-detail span.btn.cool-11 .button::after,
+.posts span.btn.cool-11 .button::after {
+ --slice-0: inset(50% 50% 50% 50%);
+ --slice-1: inset(80% -6px 0 0);
+ --slice-2: inset(50% -6px 30% 0);
+ --slice-3: inset(10% -6px 85% 0);
+ --slice-4: inset(40% -6px 43% 0);
+ --slice-5: inset(80% -6px 5% 0);
+ content: 'HOVER ME';
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: linear-gradient(45deg, transparent 3%, #00e6f6 3%, #00e6f6 5%, #ff013c 5%);
+ text-shadow: -3px -3px 0px #f8f005, 3px 3px 0px #00e6f6;
+ clip-path: var(--slice-0);
+}
+.post-detail span.btn.cool-11 .button:hover::after,
+.posts span.btn.cool-11 .button:hover::after {
+ animation: 1s glitch;
+ animation-timing-function: steps(2, end);
+}
+@-moz-keyframes glitch {
+ 0% {
+ clip-path: var(--slice-1);
+ transform: translate(-20px, -10px);
+ }
+ 10% {
+ clip-path: var(--slice-3);
+ transform: translate(10px, 10px);
+ }
+ 20% {
+ clip-path: var(--slice-1);
+ transform: translate(-10px, 10px);
+ }
+ 30% {
+ clip-path: var(--slice-3);
+ transform: translate(0px, 5px);
+ }
+ 40% {
+ clip-path: var(--slice-2);
+ transform: translate(-5px, 0px);
+ }
+ 50% {
+ clip-path: var(--slice-3);
+ transform: translate(5px, 0px);
+ }
+ 60% {
+ clip-path: var(--slice-4);
+ transform: translate(5px, 10px);
+ }
+ 70% {
+ clip-path: var(--slice-2);
+ transform: translate(-10px, 10px);
+ }
+ 80% {
+ clip-path: var(--slice-5);
+ transform: translate(20px, -10px);
+ }
+ 90% {
+ clip-path: var(--slice-1);
+ transform: translate(-10px, 0px);
+ }
+ 100% {
+ clip-path: var(--slice-1);
+ transform: translate(0);
+ }
+}
+@-webkit-keyframes glitch {
+ 0% {
+ clip-path: var(--slice-1);
+ transform: translate(-20px, -10px);
+ }
+ 10% {
+ clip-path: var(--slice-3);
+ transform: translate(10px, 10px);
+ }
+ 20% {
+ clip-path: var(--slice-1);
+ transform: translate(-10px, 10px);
+ }
+ 30% {
+ clip-path: var(--slice-3);
+ transform: translate(0px, 5px);
+ }
+ 40% {
+ clip-path: var(--slice-2);
+ transform: translate(-5px, 0px);
+ }
+ 50% {
+ clip-path: var(--slice-3);
+ transform: translate(5px, 0px);
+ }
+ 60% {
+ clip-path: var(--slice-4);
+ transform: translate(5px, 10px);
+ }
+ 70% {
+ clip-path: var(--slice-2);
+ transform: translate(-10px, 10px);
+ }
+ 80% {
+ clip-path: var(--slice-5);
+ transform: translate(20px, -10px);
+ }
+ 90% {
+ clip-path: var(--slice-1);
+ transform: translate(-10px, 0px);
+ }
+ 100% {
+ clip-path: var(--slice-1);
+ transform: translate(0);
+ }
+}
+@-o-keyframes glitch {
+ 0% {
+ clip-path: var(--slice-1);
+ transform: translate(-20px, -10px);
+ }
+ 10% {
+ clip-path: var(--slice-3);
+ transform: translate(10px, 10px);
+ }
+ 20% {
+ clip-path: var(--slice-1);
+ transform: translate(-10px, 10px);
+ }
+ 30% {
+ clip-path: var(--slice-3);
+ transform: translate(0px, 5px);
+ }
+ 40% {
+ clip-path: var(--slice-2);
+ transform: translate(-5px, 0px);
+ }
+ 50% {
+ clip-path: var(--slice-3);
+ transform: translate(5px, 0px);
+ }
+ 60% {
+ clip-path: var(--slice-4);
+ transform: translate(5px, 10px);
+ }
+ 70% {
+ clip-path: var(--slice-2);
+ transform: translate(-10px, 10px);
+ }
+ 80% {
+ clip-path: var(--slice-5);
+ transform: translate(20px, -10px);
+ }
+ 90% {
+ clip-path: var(--slice-1);
+ transform: translate(-10px, 0px);
+ }
+ 100% {
+ clip-path: var(--slice-1);
+ transform: translate(0);
+ }
+}
+@keyframes glitch {
+ 0% {
+ clip-path: var(--slice-1);
+ transform: translate(-20px, -10px);
+ }
+ 10% {
+ clip-path: var(--slice-3);
+ transform: translate(10px, 10px);
+ }
+ 20% {
+ clip-path: var(--slice-1);
+ transform: translate(-10px, 10px);
+ }
+ 30% {
+ clip-path: var(--slice-3);
+ transform: translate(0px, 5px);
+ }
+ 40% {
+ clip-path: var(--slice-2);
+ transform: translate(-5px, 0px);
+ }
+ 50% {
+ clip-path: var(--slice-3);
+ transform: translate(5px, 0px);
+ }
+ 60% {
+ clip-path: var(--slice-4);
+ transform: translate(5px, 10px);
+ }
+ 70% {
+ clip-path: var(--slice-2);
+ transform: translate(-10px, 10px);
+ }
+ 80% {
+ clip-path: var(--slice-5);
+ transform: translate(20px, -10px);
+ }
+ 90% {
+ clip-path: var(--slice-1);
+ transform: translate(-10px, 0px);
+ }
+ 100% {
+ clip-path: var(--slice-1);
+ transform: translate(0);
+ }
+}
+.post-detail span.btn.cool-12 .button,
+.posts span.btn.cool-12 .button {
+ height: 3em;
+ width: 8em;
+ line-height: 3em;
+ border: none;
+ border-radius: 10em;
+ background: #016dd9;
+ font-size: 17px;
+ color: #fff !important;
+ font-family: inherit;
+ font-weight: 500;
+}
+.post-detail span.btn.cool-12 .button:hover,
+.posts span.btn.cool-12 .button:hover {
+ animation: shake3856 0.3s linear infinite both;
+}
+@-moz-keyframes shake3856 {
+ 0% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ 20% {
+ -webkit-transform: translate(-2px, 2px);
+ transform: translate(-2px, 2px);
+ }
+ 40% {
+ -webkit-transform: translate(-2px, -2px);
+ transform: translate(-2px, -2px);
+ }
+ 60% {
+ -webkit-transform: translate(2px, 2px);
+ transform: translate(2px, 2px);
+ }
+ 80% {
+ -webkit-transform: translate(2px, -2px);
+ transform: translate(2px, -2px);
+ }
+ 100% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@-webkit-keyframes shake3856 {
+ 0% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ 20% {
+ -webkit-transform: translate(-2px, 2px);
+ transform: translate(-2px, 2px);
+ }
+ 40% {
+ -webkit-transform: translate(-2px, -2px);
+ transform: translate(-2px, -2px);
+ }
+ 60% {
+ -webkit-transform: translate(2px, 2px);
+ transform: translate(2px, 2px);
+ }
+ 80% {
+ -webkit-transform: translate(2px, -2px);
+ transform: translate(2px, -2px);
+ }
+ 100% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@-o-keyframes shake3856 {
+ 0% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ 20% {
+ -webkit-transform: translate(-2px, 2px);
+ transform: translate(-2px, 2px);
+ }
+ 40% {
+ -webkit-transform: translate(-2px, -2px);
+ transform: translate(-2px, -2px);
+ }
+ 60% {
+ -webkit-transform: translate(2px, 2px);
+ transform: translate(2px, 2px);
+ }
+ 80% {
+ -webkit-transform: translate(2px, -2px);
+ transform: translate(2px, -2px);
+ }
+ 100% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@keyframes shake3856 {
+ 0% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ 20% {
+ -webkit-transform: translate(-2px, 2px);
+ transform: translate(-2px, 2px);
+ }
+ 40% {
+ -webkit-transform: translate(-2px, -2px);
+ transform: translate(-2px, -2px);
+ }
+ 60% {
+ -webkit-transform: translate(2px, 2px);
+ transform: translate(2px, 2px);
+ }
+ 80% {
+ -webkit-transform: translate(2px, -2px);
+ transform: translate(2px, -2px);
+ }
+ 100% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+.post-detail span.btn.cool-13 .button,
+.posts span.btn.cool-13 .button {
+ --green: #1bfd9c;
+ font-size: 15px;
+ padding: 0.7em 2.7em;
+ letter-spacing: 0.06em;
+ position: relative;
+ font-family: inherit;
+ border-radius: 0.6em;
+ overflow: hidden;
+ transition: all 0.3s;
+ line-height: 1.4em;
+ border: 2px solid var(--green);
+ background: linear-gradient(to right, rgba(27,253,156,0.1) 1%, transparent 40%, transparent 60%, rgba(27,253,156,0.1) 100%);
+ color: var(--green) !important;
+ box-shadow: inset 0 0 10px rgba(27,253,156,0.4), 0 0 9px 3px rgba(27,253,156,0.1);
+}
+.post-detail span.btn.cool-13 .button:hover,
+.posts span.btn.cool-13 .button:hover {
+ color: #82ffc9;
+ box-shadow: inset 0 0 10px rgba(27,253,156,0.6), 0 0 9px 3px rgba(27,253,156,0.2);
+}
+.post-detail span.btn.cool-13 .button:before,
+.posts span.btn.cool-13 .button:before {
+ content: '';
+ position: absolute;
+ left: -4em;
+ width: 4em;
+ height: 100%;
+ top: 0;
+ transition: transform 0.4s ease-in-out;
+ background: linear-gradient(to right, transparent 1%, rgba(27,253,156,0.1) 40%, rgba(27,253,156,0.1) 60%, transparent 100%);
+}
+.post-detail span.btn.cool-13 .button:hover:before,
+.posts span.btn.cool-13 .button:hover:before {
+ transform: translateX(15em);
+}
+.post-detail span.btn.cool-14 .button,
+.posts span.btn.cool-14 .button {
+ width: 130px;
+ height: 40px;
+ line-height: 40px;
+ font-size: 1.1em;
+ cursor: pointer;
+ background-color: #171717;
+ color: #fff !important;
+ border: none;
+ border-radius: 5px;
+ transition: all 0.4s;
+}
+.post-detail span.btn.cool-14 .button:hover,
+.posts span.btn.cool-14 .button:hover {
+ border-radius: 5px;
+ transform: translateY(-10px);
+ box-shadow: 0 7px 0 -2px #f85959, 0 15px 0 -4px #39a2db, 0 16px 10px -3px #39a2db;
+}
+.post-detail span.btn.cool-14 .button:active,
+.posts span.btn.cool-14 .button:active {
+ transition: all 0.2s;
+ transform: translateY(-5px);
+ box-shadow: 0 2px 0 -2px #f85959, 0 8px 0 -4px #39a2db, 0 12px 10px -3px #39a2db;
+}
+.post-detail span.btn.cool-15 .button,
+.posts span.btn.cool-15 .button {
+ display: inline-block;
+ transition: all 0.2s ease-in;
+ position: relative;
+ overflow: hidden;
+ z-index: 1;
+ color: #090909 !important;
+ padding: 0.7em 1.7em;
+ font-size: 18px;
+ border-radius: 0.5em;
+ background: #e8e8e8;
+ border: 1px solid #e8e8e8;
+ box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #fff;
+}
+.post-detail span.btn.cool-15 .button:active,
+.posts span.btn.cool-15 .button:active {
+ color: #666;
+ box-shadow: inset 4px 4px 12px #c5c5c5, inset -4px -4px 12px #fff;
+}
+.post-detail span.btn.cool-15 .button:before,
+.posts span.btn.cool-15 .button:before {
+ content: '';
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%) scaleY(1) scaleX(1.25);
+ top: 100%;
+ width: 140%;
+ height: 180%;
+ background-color: rgba(0,0,0,0.05);
+ border-radius: 50%;
+ display: block;
+ transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
+ z-index: -1;
+}
+.post-detail span.btn.cool-15 .button:after,
+.posts span.btn.cool-15 .button:after {
+ content: '';
+ position: absolute;
+ left: 55%;
+ transform: translateX(-50%) scaleY(1) scaleX(1.45);
+ top: 180%;
+ width: 160%;
+ height: 190%;
+ background-color: #009087;
+ border-radius: 50%;
+ display: block;
+ transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
+ z-index: -1;
+}
+.post-detail span.btn.cool-15 .button:hover,
+.posts span.btn.cool-15 .button:hover {
+ color: #fff !important;
+ border: 1px solid #009087;
+}
+.post-detail span.btn.cool-15 .button:hover:before,
+.posts span.btn.cool-15 .button:hover:before {
+ top: -35%;
+ background-color: #009087;
+ transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
+}
+.post-detail span.btn.cool-15 .button:hover:after,
+.posts span.btn.cool-15 .button:hover:after {
+ top: -45%;
+ background-color: #009087;
+ transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
+}
+.post-detail span.btn.cool-2 .button,
+.posts span.btn.cool-2 .button {
+ padding: 1.1em 2em;
+ background: none;
+ border: 2px solid #fff;
+ font-size: 15px;
+ color: #131313 !important;
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+ transition: all 0.3s;
+ border-radius: 12px;
+ background-color: #ecd448;
+ font-weight: bolder;
+ box-shadow: 0 2px 0 2px #000;
+}
+.post-detail span.btn.cool-2 .button:before,
+.posts span.btn.cool-2 .button:before {
+ content: '';
+ position: absolute;
+ width: 100px;
+ height: 120%;
+ background-color: #ff6700;
+ top: 50%;
+ transform: skewX(30deg) translate(-150%, -50%);
+ transition: all 0.5s;
+}
+.post-detail span.btn.cool-2 .button:hover,
+.posts span.btn.cool-2 .button:hover {
+ background-color: #4cc9f0;
+ color: #fff !important;
+ box-shadow: 0 2px 0 2px #0d3b66;
+}
+.post-detail span.btn.cool-2 .button:hover::before,
+.posts span.btn.cool-2 .button:hover::before {
+ transform: skewX(30deg) translate(150%, -50%);
+ transition-delay: 0.1s;
+}
+.post-detail span.btn.cool-2 .button:active,
+.posts span.btn.cool-2 .button:active {
+ transform: scale(0.9);
+}
+.post-detail span.btn.cool-3 .button,
+.posts span.btn.cool-3 .button {
+ --width: 150px;
+ --timing: 2s;
+ border: 0;
+ width: var(--width);
+ padding: 15px;
+ color: #fff !important;
+ font-weight: bold;
+ font-size: 1em;
+ background: rgba(66,185,133,0.8);
+ transition: all 0.2s;
+ border-radius: 3px;
+}
+.post-detail span.btn.cool-3 .button:hover,
+.posts span.btn.cool-3 .button:hover {
+ background-image: linear-gradient(to right, #fa5252, #fa5252 16.65%, #be4bdb 16.65%, #be4bdb 33.3%, #4c6ef5 33.3%, #4c6ef5 49.95%, #40c057 49.95%, #40c057 66.6%, #fab005 66.6%, #fab005 83.25%, #fd7e14 83.25%, #fd7e14 100%, #fa5252 100%);
+ animation: var(--timing) linear dance6123 infinite;
+ transform: scale(1.1) translateY(-1px);
+}
+@-moz-keyframes dance6123 {
+ to {
+ background-position: var(--width);
+ }
+}
+@-webkit-keyframes dance6123 {
+ to {
+ background-position: var(--width);
+ }
+}
+@-o-keyframes dance6123 {
+ to {
+ background-position: var(--width);
+ }
+}
+@keyframes dance6123 {
+ to {
+ background-position: var(--width);
+ }
+}
+.post-detail span.btn.cool-4 .button,
+.posts span.btn.cool-4 .button {
+ display: inline-block;
+ padding: 0.9rem 1.8rem;
+ font-size: 16px;
+ font-weight: 700;
+ color: #fc4664 !important;
+ border: 3px solid #fc4664;
+ cursor: pointer;
+ position: relative;
+ background-color: transparent;
+ text-decoration: none;
+ overflow: hidden;
+ z-index: 1;
+ font-family: inherit;
+}
+.post-detail span.btn.cool-4 .button::before,
+.posts span.btn.cool-4 .button::before {
+ content: "";
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-color: #fc4664;
+ transform: translateX(-100%);
+ transition: all 0.3s;
+ z-index: -1;
+}
+.post-detail span.btn.cool-4 .button:hover,
+.posts span.btn.cool-4 .button:hover {
+ color: #fff !important;
+}
+.post-detail span.btn.cool-4 .button:hover::before,
+.posts span.btn.cool-4 .button:hover::before {
+ transform: translateX(0);
+}
+.post-detail span.btn.cool-5 .button,
+.posts span.btn.cool-5 .button {
+ position: relative;
+ display: inline-block;
+ cursor: pointer;
+ outline: none;
+ border: 0;
+ vertical-align: middle;
+ text-decoration: none;
+ font-family: inherit;
+ font-size: 15px;
+ box-sizing: border-box;
+ margin-bottom: 20px;
+}
+.post-detail span.btn.cool-5 .button,
+.posts span.btn.cool-5 .button {
+ font-weight: 600;
+ color: #382b22 !important;
+ text-transform: uppercase;
+ padding: 1.25em 2em;
+ background: #fff0f0;
+ border: 2px solid #b18597;
+ border-radius: 0.75em;
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ -webkit-transition: background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
+ transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
+}
+.post-detail span.btn.cool-5 .button::before,
+.posts span.btn.cool-5 .button::before {
+ position: absolute;
+ content: '';
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #f9c4d2;
+ border-radius: inherit;
+ -webkit-box-shadow: 0 0 0 2px #b18597, 0 0.625em 0 0 #ffe3e2;
+ box-shadow: 0 0 0 2px #b18597, 0 0.625em 0 0 #ffe3e2;
+ -webkit-transform: translate3d(0, 0.75em, -1em);
+ transform: translate3d(0, 0.75em, -1em);
+ transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
+}
+.post-detail span.btn.cool-5 .button:hover,
+.posts span.btn.cool-5 .button:hover {
+ background: #ffe9e9;
+ -webkit-transform: translate(0, 0.25em);
+ transform: translate(0, 0.25em);
+}
+.post-detail span.btn.cool-5 .button:hover::before,
+.posts span.btn.cool-5 .button:hover::before {
+ -webkit-box-shadow: 0 0 0 2px #b18597, 0 0.5em 0 0 #ffe3e2;
+ box-shadow: 0 0 0 2px #b18597, 0 0.5em 0 0 #ffe3e2;
+ -webkit-transform: translate3d(0, 0.5em, -1em);
+ transform: translate3d(0, 0.5em, -1em);
+}
+.post-detail span.btn.cool-5 .button:active,
+.posts span.btn.cool-5 .button:active {
+ background: #ffe9e9;
+ -webkit-transform: translate(0em, 0.75em);
+ transform: translate(0em, 0.75em);
+}
+.post-detail span.btn.cool-5 .button:active::before,
+.posts span.btn.cool-5 .button:active::before {
+ -webkit-box-shadow: 0 0 0 2px #b18597, 0 0 #ffe3e2;
+ box-shadow: 0 0 0 2px #b18597, 0 0 #ffe3e2;
+ -webkit-transform: translate3d(0, 0, -1em);
+ transform: translate3d(0, 0, -1em);
+}
+.post-detail span.btn.cool-6 .button,
+.posts span.btn.cool-6 .button {
+ height: 40px;
+ width: 100px;
+ line-height: 40px;
+ background: transparent;
+ -webkit-animation: jello-horizontal 0.9s both;
+ animation: jello-horizontal 0.9s both;
+ border: 2px solid #016dd9;
+ outline: none;
+ color: #016dd9 !important;
+ font-size: 17px;
+}
+.post-detail span.btn.cool-6 .button:hover,
+.posts span.btn.cool-6 .button:hover {
+ background: #016dd9;
+ color: #fff !important;
+ animation: squeeze3124 0.9s both;
+}
+@-moz-keyframes squeeze3124 {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+ 30% {
+ -webkit-transform: scale3d(1.25, 0.75, 1);
+ transform: scale3d(1.25, 0.75, 1);
+ }
+ 40% {
+ -webkit-transform: scale3d(0.75, 1.25, 1);
+ transform: scale3d(0.75, 1.25, 1);
+ }
+ 50% {
+ -webkit-transform: scale3d(1.15, 0.85, 1);
+ transform: scale3d(1.15, 0.85, 1);
+ }
+ 65% {
+ -webkit-transform: scale3d(0.95, 1.05, 1);
+ transform: scale3d(0.95, 1.05, 1);
+ }
+ 75% {
+ -webkit-transform: scale3d(1.05, 0.95, 1);
+ transform: scale3d(1.05, 0.95, 1);
+ }
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+@-webkit-keyframes squeeze3124 {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+ 30% {
+ -webkit-transform: scale3d(1.25, 0.75, 1);
+ transform: scale3d(1.25, 0.75, 1);
+ }
+ 40% {
+ -webkit-transform: scale3d(0.75, 1.25, 1);
+ transform: scale3d(0.75, 1.25, 1);
+ }
+ 50% {
+ -webkit-transform: scale3d(1.15, 0.85, 1);
+ transform: scale3d(1.15, 0.85, 1);
+ }
+ 65% {
+ -webkit-transform: scale3d(0.95, 1.05, 1);
+ transform: scale3d(0.95, 1.05, 1);
+ }
+ 75% {
+ -webkit-transform: scale3d(1.05, 0.95, 1);
+ transform: scale3d(1.05, 0.95, 1);
+ }
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+@-o-keyframes squeeze3124 {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+ 30% {
+ -webkit-transform: scale3d(1.25, 0.75, 1);
+ transform: scale3d(1.25, 0.75, 1);
+ }
+ 40% {
+ -webkit-transform: scale3d(0.75, 1.25, 1);
+ transform: scale3d(0.75, 1.25, 1);
+ }
+ 50% {
+ -webkit-transform: scale3d(1.15, 0.85, 1);
+ transform: scale3d(1.15, 0.85, 1);
+ }
+ 65% {
+ -webkit-transform: scale3d(0.95, 1.05, 1);
+ transform: scale3d(0.95, 1.05, 1);
+ }
+ 75% {
+ -webkit-transform: scale3d(1.05, 0.95, 1);
+ transform: scale3d(1.05, 0.95, 1);
+ }
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+@keyframes squeeze3124 {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+ 30% {
+ -webkit-transform: scale3d(1.25, 0.75, 1);
+ transform: scale3d(1.25, 0.75, 1);
+ }
+ 40% {
+ -webkit-transform: scale3d(0.75, 1.25, 1);
+ transform: scale3d(0.75, 1.25, 1);
+ }
+ 50% {
+ -webkit-transform: scale3d(1.15, 0.85, 1);
+ transform: scale3d(1.15, 0.85, 1);
+ }
+ 65% {
+ -webkit-transform: scale3d(0.95, 1.05, 1);
+ transform: scale3d(0.95, 1.05, 1);
+ }
+ 75% {
+ -webkit-transform: scale3d(1.05, 0.95, 1);
+ transform: scale3d(1.05, 0.95, 1);
+ }
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+.post-detail span.btn.cool-7 .button,
+.posts span.btn.cool-7 .button {
+ position: relative;
+ display: inline-block;
+ margin: 15px;
+ padding: 15px 30px;
+ text-align: center;
+ font-size: 18px;
+ letter-spacing: 1px;
+ text-decoration: none;
+ color: #725ac1 !important;
+ background: transparent;
+ cursor: pointer;
+ transition: ease-out 0.5s;
+ border: 2px solid #725ac1;
+ border-radius: 10px;
+ box-shadow: inset 0 0 0 0 #725ac1;
+}
+.post-detail span.btn.cool-7 .button:hover,
+.posts span.btn.cool-7 .button:hover {
+ color: #fff !important;
+ box-shadow: inset 0 -100px 0 0 #725ac1;
+}
+.post-detail span.btn.cool-7 .button:active,
+.posts span.btn.cool-7 .button:active {
+ transform: scale(0.9);
+}
+.post-detail span.btn.cool-8 .button,
+.posts span.btn.cool-8 .button {
+ perspective: 1000px;
+ padding: 1em 1em;
+ background: linear-gradient(#853916, #6b3019);
+ border: none;
+ outline: none;
+ font-size: 20px;
+ text-transform: uppercase;
+ letter-spacing: 4px;
+ color: #fff !important;
+ text-shadow: 0 10px 10px #000;
+ cursor: pointer;
+ transform: rotateX(70deg) rotateZ(30deg);
+ transform-style: preserve-3d;
+ transition: transform 0.5s;
+}
+.post-detail span.btn.cool-8 .button::before,
+.posts span.btn.cool-8 .button::before {
+ content: '';
+ width: 100%;
+ height: 15px;
+ background-color: #6b3019;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ transform: rotateX(90deg);
+ transform-origin: bottom;
+}
+.post-detail span.btn.cool-8 .button::after,
+.posts span.btn.cool-8 .button::after {
+ content: '';
+ width: 15px;
+ height: 100%;
+ background-color: #853916;
+ position: absolute;
+ top: 0;
+ right: 0;
+ transform: rotateY(-90deg);
+ transform-origin: right;
+}
+.post-detail span.btn.cool-8 .button:hover,
+.posts span.btn.cool-8 .button:hover {
+ transform: rotateX(30deg) rotateZ(0);
+}
+.post-detail span.btn.cool-9 .button,
+.posts span.btn.cool-9 .button {
+ padding: 0.6em 1em;
+ border: 4px solid #fa725a;
+ transition: ease-in-out 0.3s;
+ background-color: transparent;
+ color: #fa725a !important;
+ font-weight: bolder;
+ font-size: 16px;
+ margin-top: 10px;
+}
+.post-detail span.btn.cool-9 .button:hover,
+.posts span.btn.cool-9 .button:hover {
+ transform: scale(1.2) rotate(10deg);
+ background-color: #fa725a;
+ color: #fff !important;
+}
+.post-detail div.btns,
+.posts div.btns {
+ margin: 0 -8px;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: flex-start;
+ overflow: visible;
+ line-height: 1.8;
+}
+.post-detail div.btns,
+.posts div.btns,
+.post-detail div.btns p,
+.posts div.btns p,
+.post-detail div.btns a,
+.posts div.btns a {
+ font-size: 0.8125rem;
+ color: #444;
+}
+.post-detail div.btns b,
+.posts div.btns b {
+ font-size: 0.875rem;
+}
+.post-detail div.btns.wide>a,
+.posts div.btns.wide>a {
+ padding-left: 32px;
+ padding-right: 32px;
+}
+.post-detail div.btns.fill>a,
+.posts div.btns.fill>a {
+ flex-grow: 1;
+ width: auto;
+}
+.post-detail div.btns.around,
+.posts div.btns.around {
+ justify-content: space-around;
+}
+.post-detail div.btns.center,
+.posts div.btns.center {
+ justify-content: center;
+}
+.post-detail div.btns.grid2>a,
+.posts div.btns.grid2>a {
+ width: calc(50% - 32px);
+}
+.post-detail div.btns.grid3>a,
+.posts div.btns.grid3>a {
+ width: calc(100%/3 - 32px);
+}
+@media screen and (max-width: 551px) {
+ .post-detail div.btns.grid3>a,
+ .posts div.btns.grid3>a {
+ width: calc(50% - 32px);
+ }
+}
+.post-detail div.btns.grid4>a,
+.posts div.btns.grid4>a {
+ width: calc(100%/4 - 32px);
+}
+@media screen and (max-width: 551px) {
+ .post-detail div.btns.grid4>a,
+ .posts div.btns.grid4>a {
+ width: calc(50% - 32px);
+ }
+}
+.post-detail div.btns.grid5>a,
+.posts div.btns.grid5>a {
+ width: calc(100%/5 - 32px);
+}
+@media screen and (max-width: 551px) {
+ .post-detail div.btns.grid5>a,
+ .posts div.btns.grid5>a {
+ width: calc(50% - 32px);
+ }
+}
+.post-detail div.btns a,
+.posts div.btns a {
+ color: rgba(66,185,133,0.8) !important;
+ transition: all 0.3s;
+ text-decoration: none;
+ border-bottom: none;
+ margin: 8px;
+ margin-top: calc(1.25 * 16px + 32px);
+ font-weight: bold;
+ display: flex;
+ justify-content: flex-start;
+ align-content: center;
+ align-items: center;
+ flex-direction: column;
+ padding: 8px;
+ text-align: center;
+ background: #f6f6f6;
+ border-radius: 4px;
+}
+.post-detail div.btns a>img:first-child,
+.posts div.btns a>img:first-child,
+.post-detail div.btns a>i:first-child,
+.posts div.btns a>i:first-child {
+ transition: all 0.3s;
+ height: 64px;
+ width: 64px;
+ box-shadow: 0 1px 2px 0px 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;
+}
+.post-detail div.btns a>img:first-child.auto,
+.posts div.btns a>img:first-child.auto,
+.post-detail div.btns a>i:first-child.auto,
+.posts div.btns a>i:first-child.auto {
+ width: auto;
+}
+.post-detail div.btns a>i:first-child,
+.posts div.btns a>i:first-child {
+ color: #fff;
+ background: rgba(66,185,133,0.8);
+}
+.post-detail div.btns a p,
+.posts div.btns a p,
+.post-detail div.btns a b,
+.posts div.btns a b {
+ margin: 0.25em;
+ font-weight: normal;
+ line-height: 1.25;
+ word-wrap: break-word;
+}
+.post-detail div.btns a b,
+.posts div.btns a b {
+ font-weight: bold;
+ line-height: 1.3;
+}
+.post-detail div.btns a img,
+.posts div.btns a img {
+ margin: 0.4em auto;
+}
+.post-detail div.btns a:not([href]),
+.posts div.btns a:not([href]) {
+ cursor: default;
+ color: inherit;
+}
+.post-detail div.btns a[href]:hover,
+.posts div.btns a[href]:hover {
+ background: rgba(255,102,102,0.15);
+}
+.post-detail div.btns a[href]:hover,
+.posts div.btns a[href]:hover,
+.post-detail div.btns a[href]:hover b,
+.posts div.btns a[href]:hover b {
+ color: #f66;
+}
+.post-detail div.btns a[href]:hover>img:first-child,
+.posts div.btns a[href]:hover>img:first-child,
+.post-detail div.btns a[href]:hover>i:first-child,
+.posts div.btns a[href]:hover>i:first-child {
+ transform: scale(1.1) translateY(-8px);
+ box-shadow: 0 4px 8px 0px rgba(0,0,0,0.1);
+}
+.post-detail div.btns a[href]:hover>i:first-child,
+.posts div.btns a[href]:hover>i:first-child {
+ background: #f66;
+}
+.post-detail div.btns.circle a>img:first-child,
+.posts div.btns.circle a>img:first-child,
+.post-detail div.btns.circle a>i:first-child,
+.posts div.btns.circle a>i:first-child {
+ border-radius: 32px;
+}
+.post-detail div.btns.rounded a>img:first-child,
+.posts div.btns.rounded a>img:first-child,
+.post-detail div.btns.rounded a>i:first-child,
+.posts div.btns.rounded a>i:first-child {
+ border-radius: 16px;
+}
+.post-detail .tagLink {
+ margin-top: 1em;
+ margin-bottom: 1em;
+}
+.post-detail .tagLink .link-card {
+ margin-left: 50%;
+ transform: translateX(-50%);
+ margin-right: 1em;
+ background-color: #f6f6f6;
+ display: inline-flex;
+ align-items: center;
+ cursor: pointer;
+ border-radius: 8px;
+ width: 436px;
+ position: relative;
+ overflow: hidden;
+ box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);
+ transition: all 0.3s;
+}
+.post-detail .tagLink .link-card .link-card-backdrop {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-repeat: no-repeat;
+ -webkit-filter: blur(150px);
+ filter: blur(150px);
+ background-size: cover;
+ background-position: 50%;
+}
+@media (max-width: 551px) {
+ .post-detail .tagLink .link-card {
+ width: 100%;
+ }
+}
+.post-detail .tagLink .link-card:hover {
+ 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);
+}
+.post-detail .tagLink .link-card div.left,
+.post-detail .tagLink .link-card div.right {
+ pointer-events: none;
+}
+.post-detail .tagLink .link-card div.left {
+ width: 54px;
+ height: 54px;
+ margin: 12px;
+ overflow: hidden;
+ flex-shrink: 0;
+ position: relative;
+ left: 0;
+}
+.post-detail .tagLink .link-card div.left i {
+ font-size: 32px;
+ line-height: 48px;
+ margin-left: 4px;
+}
+.post-detail .tagLink .link-card div.left a {
+ display: block;
+ width: 100%;
+ height: 100%;
+}
+.post-detail .tagLink .link-card div.left img {
+ width: 100%;
+ height: 100%;
+ display: block;
+ position: absolute;
+ border-radius: 2px;
+ object-fit: cover;
+}
+.post-detail .tagLink .link-card div.right {
+ overflow: hidden;
+ margin-right: 16px;
+}
+.post-detail .tagLink .link-card p {
+ margin: 0;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.post-detail .tagLink .link-card p.text {
+ font-weight: bold;
+ color: #444;
+}
+.post-detail .tagLink .link-card p.url {
+ flex-shrink: 0;
+ color: #888;
+ font-size: 0.8125rem;
+}
+.post-detail .link-group {
+ display: grid;
+ grid-template-columns: 50% 50%;
+ grid-gap: 16px;
+}
+@media (max-width: 551px) {
+ .post-detail .link-group {
+ grid-template-columns: 100%;
+ }
+}
+.post-detail .link-group .tagLink {
+ margin: 0;
+}
+.post-detail .link-group .tagLink .link-card {
+ width: 97%;
+}
+.post-detail u {
+ text-decoration: none;
+ border-bottom: 1px solid #fe5f58;
+}
+.post-detail emp {
+ border-bottom: 4px dotted #fe5f58;
+}
+.post-detail wavy {
+ -webkit-text-decoration-style: wavy;
+ text-decoration-style: wavy;
+ -webkit-text-decoration-line: underline;
+ text-decoration-line: underline;
+ -webkit-text-decoration-color: #fe5f58;
+ text-decoration-color: #fe5f58;
+}
+.post-detail kbd {
+ border-radius: 4px;
+ border: 1px solid #d2d2d2;
+ border-bottom-width: 2px;
+ background: #fafafa;
+ padding-left: 4px;
+ padding-right: 4px;
+}
+.post-detail psw {
+ color: transparent;
+ background: #a1a1a1;
+ border-radius: 2px;
+ transition: all 0.28s ease;
+ -moz-transition: all 0.28s ease;
+ -webkit-transition: all 0.28s ease;
+ -o-transition: all 0.28s ease;
+}
+.post-detail psw:hover {
+ color: var(--color-p);
+ background: 0 0;
+}
+.post-detail .checkbox {
+ display: flex;
+ align-items: center;
+ margin-top: 1em;
+ margin-bottom: 1em;
+/* Checkbox */
+/* Radio */
+/* Colors */
+}
+.post-detail .checkbox+.checkbox {
+ margin-top: -1em;
+}
+.post-detail .checkbox input {
+ transform: translate(0, -1px);
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ position: relative;
+ height: 16px;
+ width: 16px;
+ transition: all 0.15s ease-out 0s;
+ cursor: pointer;
+ display: inline-block;
+ outline: none;
+ border-radius: 2px;
+ flex-shrink: 0;
+ margin-right: 8px;
+}
+.post-detail .checkbox input[type=checkbox]:before,
+.post-detail .checkbox input[type=checkbox]:after {
+ position: absolute;
+ content: "";
+ background: #fff;
+}
+.post-detail .checkbox input[type=checkbox]:before {
+ left: 1px;
+ top: 5px;
+ width: 0px;
+ height: 2px;
+ transition: all 0.2s ease-in;
+ transform: rotate(45deg);
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+}
+.post-detail .checkbox input[type=checkbox]:after {
+ right: 7px;
+ bottom: 3px;
+ width: 2px;
+ height: 0px;
+ transition: all 0.2s ease-out;
+ transform: rotate(40deg);
+ -webkit-transform: rotate(40deg);
+ -moz-transform: rotate(40deg);
+ -ms-transform: rotate(40deg);
+ -o-transform: rotate(40deg);
+ transition-delay: 0.25s;
+}
+.post-detail .checkbox input[type=checkbox]:checked:before {
+ left: 0px;
+ top: 7px;
+ width: 6px;
+ height: 2px;
+}
+.post-detail .checkbox input[type=checkbox]:checked:after {
+ right: 3px;
+ bottom: 1px;
+ width: 2px;
+ height: 10px;
+}
+.post-detail .checkbox.minus input[type=checkbox]:before {
+ transform: rotate(0);
+ left: 1px;
+ top: 5px;
+ width: 0px;
+ height: 2px;
+}
+.post-detail .checkbox.minus input[type=checkbox]:after {
+ transform: rotate(0);
+ left: 1px;
+ top: 5px;
+ width: 0px;
+ height: 2px;
+}
+.post-detail .checkbox.minus input[type=checkbox]:checked:before {
+ left: 1px;
+ top: 5px;
+ width: 10px;
+ height: 2px;
+}
+.post-detail .checkbox.minus input[type=checkbox]:checked:after {
+ left: 1px;
+ top: 5px;
+ width: 10px;
+ height: 2px;
+}
+.post-detail .checkbox.plus input[type=checkbox]:before {
+ transform: rotate(0);
+ left: 1px;
+ top: 5px;
+ width: 0px;
+ height: 2px;
+}
+.post-detail .checkbox.plus input[type=checkbox]:after {
+ transform: rotate(0);
+ left: 5px;
+ top: 1px;
+ width: 2px;
+ height: 0px;
+}
+.post-detail .checkbox.plus input[type=checkbox]:checked:before {
+ left: 1px;
+ top: 5px;
+ width: 10px;
+ height: 2px;
+}
+.post-detail .checkbox.plus input[type=checkbox]:checked:after {
+ left: 5px;
+ top: 1px;
+ width: 2px;
+ height: 10px;
+}
+.post-detail .checkbox.times input[type=checkbox]:before {
+ transform: rotate(45deg);
+ left: 3px;
+ top: 1px;
+ width: 0px;
+ height: 2px;
+}
+.post-detail .checkbox.times input[type=checkbox]:after {
+ transform: rotate(135deg);
+ right: 3px;
+ top: 1px;
+ width: 0px;
+ height: 2px;
+}
+.post-detail .checkbox.times input[type=checkbox]:checked:before {
+ left: 1px;
+ top: 5px;
+ width: 10px;
+ height: 2px;
+}
+.post-detail .checkbox.times input[type=checkbox]:checked:after {
+ right: 1px;
+ top: 5px;
+ width: 10px;
+ height: 2px;
+}
+.post-detail .checkbox input[type=radio] {
+ border-radius: 50%;
+}
+.post-detail .checkbox input[type=radio]:before {
+ content: "";
+ display: block;
+ width: 8px;
+ height: 8px;
+ border-radius: 50%;
+ margin: 2px;
+ transform: scale(0);
+ transition: all 0.25s ease-out;
+}
+.post-detail .checkbox input[type=radio]:checked:before {
+ transform: scale(1);
+}
+.post-detail .checkbox input {
+ border: 2px solid rgba(66,185,133,0.8);
+}
+.post-detail .checkbox input[type=checkbox]:checked {
+ background: rgba(66,185,133,0.8);
+}
+.post-detail .checkbox input[type=radio]:checked:before {
+ background: rgba(66,185,133,0.8);
+}
+.post-detail .checkbox.red input {
+ border-color: #f47983;
+}
+.post-detail .checkbox.red input[type=checkbox]:checked {
+ background: #f47983;
+}
+.post-detail .checkbox.red input[type=radio]:checked:before {
+ background: #f47983;
+}
+.post-detail .checkbox.green input {
+ border-color: #16a951;
+}
+.post-detail .checkbox.green input[type=checkbox]:checked {
+ background: #16a951;
+}
+.post-detail .checkbox.green input[type=radio]:checked:before {
+ background: #16a951;
+}
+.post-detail .checkbox.yellow input {
+ border-color: #e7d709;
+}
+.post-detail .checkbox.yellow input[type=checkbox]:checked {
+ background: #e7d709;
+}
+.post-detail .checkbox.yellow input[type=radio]:checked:before {
+ background: #e7d709;
+}
+.post-detail .checkbox.cyan input {
+ border-color: #00e09e;
+}
+.post-detail .checkbox.cyan input[type=checkbox]:checked {
+ background: #00e09e;
+}
+.post-detail .checkbox.cyan input[type=radio]:checked:before {
+ background: #00e09e;
+}
+.post-detail .checkbox.blue input {
+ border-color: #177cb0;
+}
+.post-detail .checkbox.blue input[type=checkbox]:checked {
+ background: #177cb0;
+}
+.post-detail .checkbox.blue input[type=radio]:checked:before {
+ background: #177cb0;
+}
+.post-detail .checkbox.warning input {
+ border-color: #e6a23c;
+}
+.post-detail .checkbox.warning input[type=checkbox]:checked {
+ background: #e6a23c;
+}
+.post-detail .checkbox.warning input[type=radio]:checked:before {
+ background: #e6a23c;
+}
+.post-detail .checkbox.success input {
+ border-color: #67c23a;
+}
+.post-detail .checkbox.success input[type=checkbox]:checked {
+ background: #67c23a;
+}
+.post-detail .checkbox.success input[type=radio]:checked:before {
+ background: #67c23a;
+}
+.post-detail .checkbox.danger input {
+ border-color: #f66;
+}
+.post-detail .checkbox.danger input[type=checkbox]:checked {
+ background: #f66;
+}
+.post-detail .checkbox.danger input[type=radio]:checked:before {
+ background: #f66;
+}
+.post-detail .checkbox.info input {
+ border-color: #409eff;
+}
+.post-detail .checkbox.info input[type=checkbox]:checked {
+ background: #409eff;
+}
+.post-detail .checkbox.info input[type=radio]:checked:before {
+ background: #409eff;
+}
+article .checkbox p {
+ display: inline-block;
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+}
+details {
+ display: block;
+ padding: 16px;
+ margin: 1em 0;
+ border-radius: 4px;
+ background: #fff;
+ font-size: 0.9375rem;
+ transition: all 0.3s;
+ border: 1px solid #f6f6f6;
+}
+details summary {
+ cursor: pointer;
+ padding: 16px;
+ margin: -16px;
+ border-radius: 4px;
+ color: rgba(68,68,68,0.7);
+ font-size: 0.875rem;
+ font-weight: bold;
+ position: relative;
+ line-height: normal;
+}
+details summary > p,
+details summary > h1,
+details summary > h2,
+details summary > h3,
+details summary > h4,
+details summary > h5,
+details summary > h6 {
+ display: inline;
+ border-bottom: none !important;
+}
+details summary:hover {
+ color: #444;
+}
+details summary:hover:after {
+ position: absolute;
+ content: '+';
+ text-align: center;
+ top: 50%;
+ transform: translateY(-50%);
+ right: 16px;
+}
+details >summary {
+ background: #f6f6f6;
+}
+details[blue] {
+ border-color: #c8e8f8;
+}
+details[blue] >summary {
+ background: #c8e8f8;
+}
+details[cyan] {
+ border-color: #c6ffee;
+}
+details[cyan] >summary {
+ background: #c6ffee;
+}
+details[green] {
+ border-color: #c7f8da;
+}
+details[green] >summary {
+ background: #c7f8da;
+}
+details[yellow] {
+ border-color: #fefbe1;
+}
+details[yellow] >summary {
+ background: #fefbe1;
+}
+details[red] {
+ border-color: #fde4e6;
+}
+details[red] >summary {
+ background: #fde4e6;
+}
+details[open] {
+ border-color: rgba(68,68,68,0.2);
+}
+details[open] >summary {
+ border-bottom: 1px solid rgba(68,68,68,0.2);
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+details[open][blue] {
+ border-color: rgba(23,124,176,0.3);
+}
+details[open][blue] >summary {
+ border-bottom-color: rgba(23,124,176,0.3);
+}
+details[open][cyan] {
+ border-color: rgba(0,224,158,0.3);
+}
+details[open][cyan] >summary {
+ border-bottom-color: rgba(0,224,158,0.3);
+}
+details[open][green] {
+ border-color: rgba(22,169,81,0.3);
+}
+details[open][green] >summary {
+ border-bottom-color: rgba(22,169,81,0.3);
+}
+details[open][yellow] {
+ border-color: rgba(249,237,105,0.3);
+}
+details[open][yellow] >summary {
+ border-bottom-color: rgba(249,237,105,0.3);
+}
+details[open][red] {
+ border-color: rgba(244,121,131,0.3);
+}
+details[open][red] >summary {
+ border-bottom-color: rgba(244,121,131,0.3);
+}
+details[open] >summary {
+ color: #444;
+ margin-bottom: 0;
+}
+details[open] >summary:hover:after {
+ content: '-';
+}
+details[open] >div.content {
+ padding: 16px;
+ margin: -16px;
+ margin-top: 0;
+}
+details[open] >div.content p>a:hover {
+ text-decoration: underline;
+}
+details[open] >div.content > p:first-child,
+details[open] >div.content > .tabs:first-child,
+details[open] >div.content > ul:first-child,
+details[open] >div.content > ol:first-child,
+details[open] >div.content > .highlight:first-child,
+details[open] >div.content > .note:first-child,
+details[open] >div.content > details:first-child {
+ margin-top: 0;
+}
+details[open] >div.content > p:last-child,
+details[open] >div.content > .tabs:last-child,
+details[open] >div.content > ul:last-child,
+details[open] >div.content > ol:last-child,
+details[open] >div.content > .highlight:last-child,
+details[open] >div.content > .note:last-child,
+details[open] >div.content > details:last-child {
+ margin-bottom: 0;
+}
+div.timenode {
+ position: relative;
+}
+div.timenode:before,
+div.timenode:after {
+ content: '';
+ z-index: 1;
+ position: absolute;
+ background: rgba(66,185,133,0.5);
+ width: 2px;
+ left: 7px;
+}
+div.timenode:before {
+ top: 0px;
+ height: 6px;
+}
+div.timenode:after {
+ top: 26px;
+ height: calc(100% - 26px);
+}
+div.timenode:last-child:after {
+ height: calc(100% - 26px - 16px);
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+div.timenode .meta,
+div.timenode .body {
+ max-width: calc(100% - 24px);
+}
+div.timenode .meta {
+ position: relative;
+ color: #888;
+ font-size: 0.875rem;
+ line-height: 32px;
+ height: 32px;
+}
+div.timenode .meta:before,
+div.timenode .meta:after {
+ content: '';
+ position: absolute;
+ top: 8px;
+ z-index: 2;
+}
+div.timenode .meta:before {
+ background: rgba(66,185,133,0.5);
+ width: 16px;
+ height: 16px;
+ border-radius: 8px;
+}
+div.timenode .meta:after {
+ background: rgba(66,185,133,0.8);
+ margin-left: 2px;
+ margin-top: 2px;
+ width: 12px;
+ height: 12px;
+ border-radius: 6px;
+ transform: scale(0.5);
+ transition: all 0.3s;
+}
+div.timenode .meta p {
+ font-weight: bold;
+ margin: 0 0 0 24px;
+}
+div.timenode .body {
+ margin: 4px 0 16px 24px;
+ padding: 16px;
+ border-radius: 12px;
+ background-color: #f6f6f6;
+ display: inline-block;
+}
+div.timenode .body:empty {
+ display: none;
+}
+div.timenode .body >*:first-child {
+ margin-top: 0.25em;
+}
+div.timenode .body >*:last-child {
+ margin-bottom: 0.25em;
+}
+div.timenode .body .highlight {
+ border: 1px solid #e4e4e4;
+}
+div.timenode:hover .meta:before {
+ background: rgba(255,87,34,0.5);
+}
+div.timenode:hover .meta:after {
+ background: #ff5722;
+ transform: scale(1);
+}
+.post-dedtail .img {
+ object-fit: contain;
+}
+img.inline {
+ display: inline !important;
+ vertical-align: middle;
+ transform: translateY(-4px);
+ margin: 0 !important;
+}
+.img-wrap {
+ text-align: center;
+ line-height: 0;
+}
+.img-wrap .img-bg a {
+ display: inline-block;
+ padding: 0;
+}
+.img-wrap .img-bg .image-caption {
+ display: none;
+}
+.img-wrap .image-caption {
+ display: block;
+ margin: 0.75rem auto;
+ font-size: 0.8125rem;
+ color: #888;
+}
+div.gallery {
+ margin: 1em 0;
+ overflow: hidden;
+}
+div.gallery+.gallery {
+ margin-top: -1em;
+}
+div.gallery >.fancybox,
+div.gallery >p>.fancybox {
+ margin: 1px;
+ padding: 0;
+ position: relative;
+}
+div.gallery >.fancybox a,
+div.gallery >p>.fancybox a {
+ height: 100%;
+ width: 100%;
+}
+div.gallery >.fancybox img,
+div.gallery >p>.fancybox img {
+ object-fit: cover;
+ height: 100%;
+ width: 100%;
+}
+div.gallery >.fancybox .image-caption,
+div.gallery >p>.fancybox .image-caption {
+ opacity: 0;
+ transform: translateY(100%);
+ transition: all 0.3s ease;
+ pointer-events: none;
+ position: absolute;
+ width: 100%;
+ bottom: 0;
+ text-align: center;
+ background: rgba(0,0,0,0.3);
+ color: #fff;
+}
+div.gallery >.fancybox .image-caption:empty,
+div.gallery >p>.fancybox .image-caption:empty {
+ display: none;
+}
+div.gallery >.fancybox:hover .image-caption,
+div.gallery >p>.fancybox:hover .image-caption {
+ opacity: 1;
+ transform: translateY(0);
+}
+div.gallery,
+div.gallery >p {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-wrap: nowrap;
+ padding: 0 !important;
+ align-items: stretch;
+}
+div.gallery[col]>p {
+ flex-wrap: wrap;
+ justify-content: flex-start;
+}
+div.gallery[col='2']>p>.fancybox {
+ width: calc(50% - 2 * 1px);
+}
+div.gallery[col='3']>p>.fancybox {
+ width: calc(33.33% - 2 * 1px);
+}
+div.gallery[col='4']>p>.fancybox {
+ width: calc(25% - 2 * 1px);
+}
+div.gallery[col='5']>p>.fancybox {
+ width: calc(20% - 2 * 1px);
+}
+div.gallery[col='6']>p>.fancybox {
+ width: calc(16.66% - 2 * 1px);
+}
+div.gallery[col='7']>p>.fancybox {
+ width: calc(14.2857% - 2 * 1px);
+}
+div.gallery[col='8']>p>.fancybox {
+ width: calc(12.5% - 2 * 1px);
+}
+div.gallery >p {
+ margin: 0;
+}
+div.gallery.left,
+div.gallery.left>p {
+ justify-content: flex-start;
+}
+div.gallery.center,
+div.gallery.center>p {
+ justify-content: center;
+}
+div.gallery.right,
+div.gallery.right>p {
+ justify-content: flex-end;
+}
+div.gallery.stretch,
+div.gallery.stretch>p {
+ align-items: stretch;
+}
+.fancybox-container .fancybox-stage {
+ cursor: zoom-out;
+}
+div.fancybox {
+ margin-top: 1em;
+ margin-bottom: 1em;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ flex-wrap: nowrap;
+ padding: 0 !important;
+ overflow: hidden;
+ border-radius: 2px;
+}
+@media screen and (max-width: 551px) {
+ div.fancybox {
+ border-radius: 1px;
+ }
+}
+div.fancybox a {
+ line-height: 0;
+ margin: 0 auto;
+ align-items: stretch;
+ cursor: zoom-in;
+}
+div.fancybox .gallery {
+ overflow: hidden;
+}
+div.fancybox .image-caption {
+ font-size: 0.8125rem;
+ padding-top: 0.5em;
+ padding-bottom: 1em;
+ color: #888;
+}
+div.fancybox .image-caption:empty {
+ display: none;
+}
+.waterfall-picture-container .gallery[col='1'],
+.waterfall-picture-container .gallery[col='1']>.fancybox {
+ width: 100%;
+}
+.waterfall-picture-container .gallery[col='2']>.fancybox {
+ width: calc(50% - 2 * 1px);
+}
+.waterfall-picture-container .gallery[col='3']>.fancybox {
+ width: calc(33.33% - 2 * 1px);
+}
+.waterfall-picture-container .gallery[col='4']>.fancybox {
+ width: calc(25% - 2 * 1px);
+}
+.waterfall-picture-container .gallery[col='5']>.fancybox {
+ width: calc(20% - 2 * 1px);
+}
+.waterfall-picture-container .gallery[col='6']>.fancybox {
+ width: calc(16.66% - 2 * 1px);
+}
+.waterfall-picture-container .gallery[col='7']>.fancybox {
+ width: calc(14.2857% - 2 * 1px);
+}
+.waterfall-picture-container .gallery[col='8']>.fancybox {
+ width: calc(12.5% - 2 * 1px);
+}
+figure.gallery-group {
+ position: relative;
+ float: left;
+ overflow: hidden;
+ margin: 0.3rem 0.2rem;
+ width: calc(50% - 0.4rem);
+ height: 250px;
+ border-radius: 8px;
+ background: #000;
+ -webkit-transform: translate3d(0, 0, 0);
+ box-sizing: border-box;
+}
+@media screen and (max-width: 551px) {
+ figure.gallery-group {
+ width: calc(100% - 0.4rem);
+ }
+}
+figure.gallery-group:hover img {
+ opacity: 0.4;
+ transform: translate3d(0, 0, 0) translateX(0) !important;
+}
+figure.gallery-group:hover .gallery-group-name::after {
+ transform: translate3d(0, 0, 0);
+}
+figure.gallery-group:hover p {
+ opacity: 1;
+ transform: translate3d(0, 0, 0);
+}
+figure.gallery-group img {
+ position: relative;
+ margin: 0;
+ max-width: none !important;
+ width: calc(100% + 20px);
+ height: 250px;
+ backface-visibility: hidden;
+ opacity: 0.8;
+ transition: opacity 0.35s, transform 0.35s;
+ transform: translate3d(-10px, 0, 0) translateX(0);
+ object-fit: cover;
+}
+figure.gallery-group figcaption {
+ box-sizing: border-box;
+ position: absolute;
+ top: 0;
+ left: 0;
+ padding: 1.5rem;
+ width: 100%;
+ height: 100%;
+ color: #fff;
+ text-transform: uppercase;
+ backface-visibility: hidden;
+}
+figure.gallery-group figcaption > a {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1000;
+ opacity: 0;
+}
+figure.gallery-group p {
+ display: -webkit-box;
+ overflow: hidden;
+ -webkit-box-orient: vertical;
+ margin: 0;
+ padding: 0.4rem 0 0;
+ letter-spacing: 1px;
+ font-size: 1.1em;
+ line-height: 1.5;
+ opacity: 0;
+ transition: opacity 0.35s, transform 0.35s;
+ transform: translate3d(100%, 0, 0);
+ -webkit-line-clamp: 4;
+ color: #fff;
+}
+figure.gallery-group .gallery-group-name {
+ display: -webkit-box;
+ overflow: hidden;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ position: relative;
+ margin: 0;
+ padding: 0.4rem 0;
+ font-weight: bold;
+ font-size: 1.65em;
+ line-height: 1.5;
+ -webkit-line-clamp: 2;
+}
+figure.gallery-group .gallery-group-name:after {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 2px;
+ background: #fff;
+ content: '';
+ transition: transform 0.35s;
+ transform: translate3d(-100%, 0, 0);
+}
+.gallery-group-main {
+ overflow: auto;
+ padding: 0 0 0.8rem;
+}
+.gallery-group-main img {
+ opacity: 0;
+}
+.gallery-group-main .img-alt {
+ display: none;
+}
+.gallery-group-main .fancybox {
+ margin-top: 0;
+}
+audio,
+video {
+ border-radius: 4px;
+ max-width: 100%;
+}
+video {
+ z-index: 1;
+}
+video:hover {
+ 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: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ 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 {
+ justify-content: flex-start;
+}
+div.videos.center {
+ justify-content: center;
+}
+div.videos.right {
+ justify-content: flex-end;
+}
+div.videos.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);
+}
+.site-card-group {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ margin: -0.5em;
+ align-items: stretch;
+}
+.site-card {
+ margin: 0.5em;
+ width: calc(100% / 4.2 - 1em);
+ display: block;
+ line-height: 1.4;
+ height: 100%;
+}
+@media screen and (min-width: 2048px) {
+ .site-card {
+ width: calc(100% / 5 - 1em);
+ }
+}
+@media screen and (max-width: 768px) {
+ .site-card {
+ width: calc(100% / 3 - 1em);
+ }
+}
+@media screen and (max-width: 551px) {
+ .site-card {
+ width: calc(100% / 2.1 - 1em);
+ }
+}
+.site-card .img {
+ width: 100%;
+ height: 120px;
+ overflow: hidden;
+ border-radius: 2px;
+ box-shadow: 0 1px 2px 0px rgba(0,0,0,0.2);
+ background: #3a3a3a;
+}
+@media screen and (max-width: 551px) {
+ .site-card .img {
+ height: 100px;
+ }
+}
+.site-card .img img {
+ width: 100%;
+ height: 100%;
+ transition: transform 2s ease;
+ object-fit: cover;
+}
+.site-card .info {
+ margin-top: 0.5em;
+}
+.site-card .info img {
+ width: 32px;
+ height: 32px;
+ 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: 0.9375rem;
+ color: #8f8d8d;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ -webkit-line-clamp: 1;
+ transition: all 0.3s;
+}
+.site-card .info .desc {
+ font-size: 0.8125rem;
+ 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 {
+ transition: all 0.3s;
+}
+.site-card:hover .img {
+ 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;
+}
+.post-detail .bamboo-h {
+ display: inline-block;
+ font-weight: 700;
+ background: rgba(66,185,133,0.8);
+ color: #fff !important;
+ padding: 6px 8px 0 0 !important;
+ border-top-right-radius: 6px;
+ margin-right: 2px;
+ box-shadow: 6px 3px 0 0 rgba(47,132,194,0.2);
+ position: static !important;
+}
+.post-detail .bamboo-h:before {
+ content: ' ';
+ display: inline-block;
+ width: 8px;
+}
+.post-detail .bamboo-h:after {
+ content: ' ';
+ position: absolute;
+ display: block;
+ width: calc(100% - 80px);
+ border-bottom: 3px solid rgba(66,185,133,0.8);
+}
+@media (max-width: 551px) {
+ .post-detail .bamboo-h:after {
+ width: calc(100% - 50px);
+ }
+}
+.post-detail .bamboo-h.warning {
+ background-color: #e6a23c;
+}
+.post-detail .bamboo-h.warning:after {
+ border-color: #e6a23c;
+}
+.post-detail .bamboo-h.success {
+ background-color: #67c23a;
+}
+.post-detail .bamboo-h.success:after {
+ border-color: #67c23a;
+}
+.post-detail .bamboo-h.info {
+ background-color: #409eff;
+}
+.post-detail .bamboo-h.info:after {
+ border-color: #409eff;
+}
+.post-detail .bamboo-h.danger {
+ background-color: #f66;
+}
+.post-detail .bamboo-h.danger:after {
+ border-color: #f66;
+}
+.post-detail .bamboo-h.yellow {
+ background-color: #f9ed69;
+}
+.post-detail .bamboo-h.yellow:after {
+ border-color: #f9ed69;
+}
+.post-detail .bamboo-h.red {
+ background-color: #f47983;
+}
+.post-detail .bamboo-h.red:after {
+ border-color: #f47983;
+}
+.post-detail .bamboo-h.blue {
+ background-color: #177cb0;
+}
+.post-detail .bamboo-h.blue:after {
+ border-color: #177cb0;
+}
+.post-detail .bamboo-h.cyan {
+ background-color: #00e09e;
+}
+.post-detail .bamboo-h.cyan:after {
+ border-color: #00e09e;
+}
+.post-detail .bamboo-h.green {
+ background-color: #16a951;
+}
+.post-detail .bamboo-h.green:after {
+ border-color: #16a951;
+}
+.post-detail .bamboo-h-b {
+ color: rgba(66,185,133,0.8) !important;
+ position: relative;
+ padding-left: 20px;
+ padding-right: 10px;
+ padding-bottom: 10px;
+ font-size: 24px;
+ margin-top: 36px;
+ margin-bottom: 10px;
+ line-height: 1.5;
+}
+.post-detail .bamboo-h-b:before {
+ content: '「';
+ position: absolute;
+ top: -6px;
+ left: -10px;
+}
+.post-detail .bamboo-h-b:after {
+ content: '」';
+ position: absolute;
+ top: 6px;
+ right: auto;
+}
+div.tabs {
+ display: block;
+ position: relative;
+ margin-top: 1em;
+ margin-bottom: 1em;
+ border-radius: 4px;
+ background: #fff;
+ border: 1px solid rgba(68,68,68,0.2);
+ font-size: 0.9375rem;
+}
+div.tabs .highlight,
+div.tabs p,
+div.tabs ul,
+div.tabs ol,
+div.tabs div.note,
+div.tabs details {
+ margin-top: 1em;
+ margin-bottom: 1em;
+}
+div.tabs ul.nav-tabs {
+ display: flex;
+ overflow-x: auto;
+ white-space: nowrap;
+ justify-content: flex-start;
+ margin: 0 !important;
+ padding: 8px 8px 0 8px;
+ background: #e4e7ed;
+ border-radius: 4px 4px 0 0;
+ line-height: 1.5;
+}
+div.tabs ul.nav-tabs li.tab {
+ list-style-type: none;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+div.tabs ul.nav-tabs li.tab:last-child {
+ padding-right: 16px;
+}
+div.tabs ul.nav-tabs li.tab a {
+ display: block;
+ cursor: pointer;
+ border-radius: 4px 4px 0 0;
+ padding: 8px;
+ text-align: center;
+ font-size: 0.875rem;
+ line-height: inherit;
+ font-weight: bold;
+ color: #909399 !important;
+ border: 1px solid transparent;
+ transition: all 0.2s;
+}
+div.tabs ul.nav-tabs li.tab a:hover {
+ color: rgba(66,185,133,0.8) !important;
+}
+div.tabs ul.nav-tabs li.tab a i {
+ pointer-events: none;
+}
+div.tabs ul.nav-tabs li.tab.active a {
+ cursor: default;
+ color: rgba(66,185,133,0.8) !important;
+ background: #fff;
+ border: 1px solid rgba(68,68,68,0.2);
+ border-bottom: 1px solid #fff;
+}
+div.tabs .tab-content {
+ border-top: 1px solid rgba(68,68,68,0.2);
+ margin-top: -1px;
+}
+div.tabs .tab-content .tab-pane {
+ padding: 16px;
+}
+div.tabs .tab-content .tab-pane:not(.active) {
+ display: none;
+}
+div.tabs .tab-content .tab-pane.active {
+ display: block;
+}
+div.tabs .tab-content .tab-pane > p:first-child,
+div.tabs .tab-content .tab-pane > .tabs:first-child,
+div.tabs .tab-content .tab-pane > ul:first-child,
+div.tabs .tab-content .tab-pane > ol:first-child,
+div.tabs .tab-content .tab-pane > .highlight:first-child,
+div.tabs .tab-content .tab-pane > .note:first-child {
+ margin-top: 0;
+}
+div.tabs .tab-content .tab-pane > p:last-child,
+div.tabs .tab-content .tab-pane > .tabs:last-child,
+div.tabs .tab-content .tab-pane > ul:last-child,
+div.tabs .tab-content .tab-pane > ol:last-child,
+div.tabs .tab-content .tab-pane > .highlight:last-child,
+div.tabs .tab-content .tab-pane > .note:last-child {
+ margin-bottom: 0;
+}
+.progress {
+ display: flex;
+ height: 1rem;
+ overflow: hidden;
+ font-size: 0.75rem;
+ background-color: #e9ecef;
+ border-radius: 0.25rem;
+ margin: 1rem 0;
+}
+.progress-bar-animated {
+ background-color: rgba(66,185,133,0.8) !important;
+}
+.progress-bar-animated {
+ animation: progress-bar-stripes 1s linear infinite;
+}
+.progress-bar-striped {
+ background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
+ background-size: 1rem 1rem;
+}
+.progress {
+ display: flex;
+ height: 1rem;
+ overflow: hidden;
+ font-size: 0.75rem;
+ background-color: #e9ecef;
+ border-radius: 0.25rem;
+}
+.progress-bar {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ overflow: hidden;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #0d6efd;
+ transition: width 0.6s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar {
+ transition: none;
+ }
+}
+.progress-bar-striped {
+ background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
+ background-size: 1rem 1rem;
+}
+.progress-bar-animated {
+ animation: progress-bar-stripes 1s linear infinite;
+}
+.progress p {
+ font-size: 10px !important;
+ margin: 0 !important;
+ margin-bottom: 9px;
+ color: #fff;
+}
+.bg-success {
+ background-color: #67c23a !important;
+}
+.bg-warning {
+ background-color: #e6a23c !important;
+}
+.bg-danger {
+ background-color: #f66 !important;
+}
+.bg-info {
+ background-color: #409eff !important;
+}
+.bg-primary {
+ background-color: rgba(66,185,133,0.8) !important;
+}
+@-moz-keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
+}
+@-webkit-keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
+}
+@-o-keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
+}
+@keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
+}
+.bamboo-circle {
+ display: inline-block;
+ position: relative;
+}
+.bamboo-circle .bamboo-circle-content {
+ width: 100%;
+ text-align: center;
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%);
+ line-height: 1;
+}
+.bamboo-circle .bamboo-circle-success {
+ color: #67c23a;
+}
+.bamboo-circle .bamboo-circle-success p {
+ color: #67c23a;
+}
+.bamboo-circle .bamboo-circle-info {
+ color: #409eff;
+}
+.bamboo-circle .bamboo-circle-info p {
+ color: #409eff;
+}
+.bamboo-circle .bamboo-circle-warning {
+ color: #e6a23c;
+}
+.bamboo-circle .bamboo-circle-warning p {
+ color: #e6a23c;
+}
+.bamboo-circle .bamboo-circle-danger {
+ color: #f66;
+}
+.bamboo-circle .bamboo-circle-danger p {
+ color: #f66;
+}
+.post-swiper-container {
+ width: 100%;
+ border-radius: 4px;
+ position: relative;
+ overflow: hidden;
+ --gap-p: 2rem;
+}
+.post-swiper-container:not(.swiper-container-initialized) {
+ display: none;
+}
+.post-swiper-container .swiper-wrapper,
+.post-swiper-container .swiper-pagination {
+ z-index: 0;
+}
+.post-swiper-container div.swiper-slide {
+ text-align: left;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: flex;
+ align-self: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ width: 50%;
+}
+.post-swiper-container div.swiper-slide img {
+ border-radius: 4px;
+ width: 100%;
+ object-fit: cover;
+}
+.post-swiper-container[width='max'] div.swiper-slide,
+.post-swiper-container[width='fill'] div.swiper-slide {
+ width: 100%;
+}
+.post-swiper-container[width='max'] div.swiper-slide,
+.post-swiper-container[width='multiple'] div.swiper-slide {
+ width: 25%;
+}
+.post-swiper-container[width='max'] div.swiper-slide .swiper-slide-href_tag .swiper-slide-desc_tag,
+.post-swiper-container[width='multiple'] div.swiper-slide .swiper-slide-href_tag .swiper-slide-desc_tag {
+ font-size: 18px !important;
+}
+.post-swiper-container .swiper-button-prev,
+.post-swiper-container .swiper-button-next {
+ padding: 1rem 0.5rem;
+ margin-top: -2rem !important;
+ border-radius: 4px;
+ background: rgba(255,255,255,0.25);
+ transition: background 0.2s ease-out;
+ z-index: 1;
+ --swiper-theme-color: #000 !important;
+}
+.post-swiper-container .swiper-button-prev:after,
+.post-swiper-container .swiper-button-next:after {
+ font-size: 1.2rem !important;
+ font-weight: 700 !important;
+}
+.post-swiper-container .swiper-button-prev:hover,
+.post-swiper-container .swiper-button-next:hover {
+ background: #fff !important;
+ --swiper-theme-color: rgba(66,185,133,0.8) !important;
+ transition: all 0.2s;
+}
+.post-swiper-container .swiper-slide-href_tag {
+ display: block;
+ position: relative;
+}
+.post-swiper-container .swiper-slide-href_tag .swiper-slide-desc_tag {
+ position: absolute;
+ top: 20px;
+ left: 0;
+ padding: 0 20px;
+ font-size: 24px;
+ color: #fff;
+ font-weight: 400;
+}
+@media (max-width: 551px) {
+ .post-swiper-container .swiper-slide-href_tag .swiper-slide-desc_tag {
+ font-size: 16px;
+ }
+}
+.getJsonTalk-api {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ width: 100%;
+}
+.talk-card {
+ width: 48%;
+ border: 1px solid #e3e8f7;
+ border-radius: 12px;
+ padding: 1rem;
+ padding-bottom: 0.5rem;
+ transition: 0.3s;
+ display: flex;
+ flex-direction: column;
+ flex-wrap: nowrap;
+ justify-content: space-between;
+ align-items: flex-start;
+ background: #fff;
+ box-shadow: 0 8px 16px -4px rgba(44,45,48,0.047);
+ margin-right: 2%;
+ box-sizing: border-box;
+ margin-bottom: 1rem;
+}
+@media screen and (max-width: 768px) {
+ .talk-card {
+ width: 100%;
+ margin-right: 0;
+ }
+}
+.talk-card:hover {
+ border: 1px solid rgba(66,185,133,0.8);
+}
+.talk-card .hr {
+ display: flex;
+ position: relative;
+ margin: 8px 0;
+ border-bottom: 1px dashed rgba(66,185,133,0.8);
+ width: 100%;
+ height: 1 !important;
+}
+.talk-card .talk-content {
+ display: flex;
+ flex-direction: initial;
+ flex-wrap: wrap;
+ border-radius: 12px;
+ width: 100%;
+ height: 100%;
+}
+.talk-card .talk-content p {
+ order: 0;
+ font-size: 0.8rem;
+ font-weight: bold;
+ color: var(--heo-fontcolor);
+ width: 100%;
+ line-height: 1.38;
+ border-radius: 12px;
+ margin-bottom: 0.5rem;
+ display: flex;
+ flex-direction: column;
+ text-align: justify;
+}
+.talk-card .talk-content .img {
+ width: 100%;
+ height: 100px;
+ margin: auto;
+ margin-top: 0.2rem;
+ margin-bottom: 0.3rem;
+ margin-left: 0;
+ border-radius: 12px;
+ overflow: hidden;
+ display: flex;
+ position: relative;
+}
+.talk-card .talk-content .img img {
+ object-fit: cover;
+ max-height: 100%;
+ border-radius: 12px;
+ margin-right: 5px;
+ margin: 0;
+}
+.talk-card .talk-content .fancybox {
+ margin: 0 !important;
+ align-items: flex-start;
+}
+.talk-card .talk-content .fancybox a {
+ height: 100%;
+}
+.talk-card .talk-content .music {
+ height: 100px;
+ display: inline-block;
+ width: 100%;
+}
+.talk-card .talk-bottom {
+ display: flex;
+ justify-content: space-between;
+ width: 100%;
+}
+.talk-card .talk-bottom .date-info {
+ display: flex;
+ align-items: center;
+}
+.talk-card .talk-bottom .date-info i {
+ margin-right: 8px;
+ font-size: 16px;
+}
+.talk-card .talk-bottom .date-info .time {
+ color: #363636;
+ font-size: 0.7rem;
+ background-color: rgba(153,153,153,0.169);
+ padding: 0 8px;
+ border-radius: 20px;
+ cursor: default;
+ display: flex;
+ align-items: center;
+}
+.talk-card .talk-bottom .date-info .link {
+ display: flex;
+ margin-left: 0.5rem;
+ font-size: 0.7rem;
+ align-items: center;
+ background-color: rgba(217,241,231,0.8);
+ color: rgba(66,185,133,0.8);
+ padding: 0 8px;
+ border-radius: 20px;
+}
+.talk-card .talk-bottom .date-info .link i {
+ margin-right: 3px;
+ font-size: 16px;
+}
+.darkModel .talk-card {
+ background-color: #2d3032;
+}
+.darkModel .talk-card .music {
+ color: #273849;
+}
+.darkModel .talk-card .music .aplayer-lrc-current {
+ color: rgba(66,185,133,0.8) !important;
+}
+.darkModel .talk-card .talk-bottom .date-info .time {
+ color: #f0f6fc;
+}
+#nprogress {
+ pointer-events: none;
+}
+#nprogress .bar {
+ background: #ff4500;
+ position: fixed;
+ z-index: 3000;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+#nprogress .peg {
+ display: block;
+ position: absolute;
+ right: 0px;
+ width: 100px;
+ height: 100%;
+ opacity: 1;
+ -webkit-transform: rotate(3deg) translate(0px, -4px);
+ -ms-transform: rotate(3deg) translate(0px, -4px);
+ transform: rotate(3deg) translate(0px, -4px);
+}
+#nprogress .spinner {
+ display: block;
+ position: fixed;
+ z-index: 3000;
+ top: 15px;
+ right: 15px;
+}
+#nprogress .spinner-icon {
+ width: 18px;
+ height: 18px;
+ box-sizing: border-box;
+ border: solid 2px transparent;
+ border-top-color: #29d;
+ border-left-color: #29d;
+ border-radius: 50%;
+ -webkit-animation: nprogress-spinner 400ms linear infinite;
+ animation: nprogress-spinner 400ms linear infinite;
+}
+.nprogress-custom-parent {
+ overflow: hidden;
+ position: relative;
+}
+.nprogress-custom-parent #nprogress .spinner,
+.nprogress-custom-parent #nprogress .bar {
+ position: absolute;
+}
+@-webkit-keyframes nprogress-spinner {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ }
+}
+#loading-bar-wrapper {
+ position: fixed;
+ width: 100px;
+ top: 8px;
+ left: 50%;
+ transform: translateX(-50%);
+ height: 8px;
+ border-radius: 8px;
+ z-index: 2000;
+ background: transparent;
+}
+#loading-bar-wrapper.nprogress-custom-parent {
+ background: #fff;
+ box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);
+}
+.loading-circle {
+ display: none;
+ height: 100%;
+ width: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 999999;
+ background-color: rgba(250,250,250,0.9);
+}
+.loading-circle img {
+ width: 280px;
+ height: 210px;
+ position: relative;
+ top: 45%;
+ left: 50%;
+ margin-left: -140px;
+ margin-top: -105px;
+}
+#loader-circle {
+ display: block;
+ position: relative;
+ left: 50%;
+ top: 50%;
+ width: 150px;
+ height: 150px;
+ margin: -75px 0 0 -75px;
+ border-radius: 50%;
+ border: 3px solid transparent;
+ border-top-color: #f66;
+ -webkit-animation: spin 1s linear infinite;
+ animation: spin 1s linear infinite;
+}
+#loader-circle:before {
+ content: "";
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ right: 5px;
+ bottom: 5px;
+ border-radius: 50%;
+ border: 3px solid transparent;
+ border-top-color: #67c23a;
+ -webkit-animation: spin 3s linear infinite;
+ animation: spin 3s linear infinite;
+}
+#loader-circle:after {
+ content: "";
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ right: 15px;
+ bottom: 15px;
+ border-radius: 50%;
+ border: 3px solid transparent;
+ border-top-color: #409eff;
+ -webkit-animation: spin 2s linear infinite;
+ animation: spin 2s linear infinite;
+}
+@-webkit-keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@-moz-keyframes nprogress-spinner {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+@-webkit-keyframes nprogress-spinner {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+@-o-keyframes nprogress-spinner {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+@keyframes nprogress-spinner {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+@-moz-keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@-webkit-keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@-o-keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+.article mjx-container {
+ font-family: 'Menlo, Monaco, monospace, courier, sans-serif';
+ padding: 16px 8px;
+ border-radius: 4px;
+ min-width: 0 !important;
+}
+.article mjx-container[jax="CHTML"][display="true"],
+.article .has-jax {
+ overflow: auto hidden;
+}
+.article mjx-container + br {
+ display: none;
+}
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..c11ddddc55a11ecafc725cfc0e4debee9e5f2434
GIT binary patch
literal 17344
zcmV*ZKvutrP)
<3_9080Su1E9W$$J`0vMF496JP+VG0M7u(7Qxsi1i1hioCtt}0W1S>
zkO9X;CxYZD08aw=hXIgFJ0KSz{fVo@5oSBgY*ocHz!4_uH;V7yGC41?gDTJfOpE_9hN#k76JIU
z*_IZ;cuIw6D!$EZFO~9xmMTE#r}%`~<`=*(6M*A*^VlL@wj9Y
z{V3O&Z9+R9Co({e2Ji&{rxn3iTpF0J2k-{~4^GtgGZ6tolkJzxHlql}>7Q2eXS
zHsMUe6Ad6I12_Y~@kKBemv)X;0k{gltrO|JO%#A|r8vuMjYTjXmv)WX0sO{n8z#a#
zoCpB+@I48Cx@!|2BoAgma2p6lOmX%M2ng@hm6C$U7C2b+)=yu-mxD2Sg#3xQe
zjvT9}8w-H&p}uFVRxY`;yL6c0r!kpqM;jmu0sN;MSLMxSP(
zg+>D)MD;h_|3a6>kiI!u(#l8!WVu0f(+FSJC6@-HCc}3l9=bG=0Aa$*f4HSTT^c9a
z&+y-f)=C>mfP4kONh5eYmt5LeI?3?ih|x#^u5Ylr06EKb2D((F^f|+yyG6SL
zki*@=ZY~u$oniQNmuXi4;x~%W0+&NvDq>n-_;i;;QFav|Uj*=Zmor?N0Q7moue(IM
z0+4yTbHj;7xm*rROXlYMp3P>FPN%_y<*b!MDr0}wjr+LeVD;P2&AE@~@i^yi&foc4
zGM#$Qd5Kg~&gB>~nM}X8>fFcAWHKrHl(>)MFC+Tmt~Pbu6@YxcoC+?GnFtJz#{;j|
zE1%qaJ|6;sfUvCB<3+$9kmGY!4wu@io)*%3z?2HJeiFoAaXD}nc45NnY*{I7hPRl=;-Lcwr$(c*48Er%)j*>
z1OR7xUZ3|-s;jHR!i5X5=bn3Fk3IH4eOOqqiH_uUWk=FLMx
zLjz*5m|Tm;k$4_KEI`un8PQNzkusubhJSYoAUm^y{EO*-T~^bN%I=(D6=s|6GU12-P;ybi%2Vw(9sQ1ML}S67u}A_1S@k8CCb
zkJl?;QNZrC=PWE)vIHldcp{EI`e<2g2s&Py$LWga1cdH$j-^Z}X?p3e9PZ-|7a*KA
zZv^m(a(bIE08#m!-}P_ZM-glD=FNEi`RDQQ!w<{$(n~KP+Seyc9S(=(9Fh0=u05W-
zIHbCa6CkSRzyO5j^IRUsPck=;iO1ve>GOEyH-cr>tXcT*hd+!@eBu+>XP;`wSU;4uUUzsI97
zxt8wdM)8Y4;kI(;GEr&4k}!C-Ng_xVs&Rh73e>FT3m7MWC(e1}3#Cg$-@5scte
zV3N5#W(6Vu1#FpY-i)hCK8fcM7-yYz7LGgaI2>}wA#$#BMJxn-8PV+kKE=g#s7D?S
zKt5x{tCA!>zcPx7He_0U=cnojx>1z6>86`-@4fe8&6+i$gD7*8VV&X=Ng1%vkD{A%
z=2vhym1n1Ub|8xNMf2d*P5m6aA3-vC@?@NI&N=w}=RYqi7Jt_<5@=l6P+*}egO%kJ
z(_&#z8V*3XdVF%!hg$?h=1_|fNyQj4PJqGnHJPJSnYk}-8grHOXMiWT_HZ+;`bjK;=B
zG1Url`+a%Qi07!aNKLlY)z$rGcx7H?V2VOK-?=$yD1cDJQr$wuEWNktFl2l(Jh#(M
zJ54}BJ%!g+$D-51rTU7lpe0IKqc#lMICLmK$j3?<95Civ^+`Bqf0z~Ew%cyQH@@)=
zY}&L*7>x|im4%E)#n~SW^z*JOgX_MO(M@2)FlBgUNYyKx=3VFgoesl+$a$`F<vHq(zGRg^*jqdG+_rx>LcC^$gl
z1jc#feN`c_K23HNPdK@#Kiz^?GIqa~*aKQx^i1My0kFI8VEnU@0n6?4l@KOfZ%oDy>w$|L})D;PT5a7u|#MIvI{D2))((&SMFv%Bre<
zj7(|9PSZUM)tpkkI&FF^q~oaWvgZn^#woB~kw8agfsWQMk=S()P|Q0UN{KYzX`
z@?2eD0IS}29#`U4E`}Uz9?ZMGBY?D+W+hWcb$CTUDh83^`Tf;bU&SB)_($A)^UYYl
ze!VbZO-+q343Fb?Zpz3N;c%WQomMPmd@@;~8JA2)<(HdN1Vh0pqPonWARs4KX>k2IiC}RQw%HvYZhmQI{-un`f*1(2%D4~FuLO^4su#*
z)~#EIl`B``&O7gv_$e~Vq)C%x72$ET`jCOhSky(xd`?feQ*=@>gz6DRNzb;XDR6fAbR~RwTA1uMjkmQZ<3IU&2Owx=p
zPG_>PygtD1!@UpOkE*&_1S4U*?|tt>q`DeiogD~ABKfdTGjjZtXZ+uBf9UoYcynqi%a_-K=c*{dY=p4DOq
zzSS}3vdD+3z@hwmy&>6u#~pWwjzSamg82*3P~RXEM<`epv8l%yzJIRphk^c=k1nO!
zx|$22tB4ZCCIX`}Qi+Q%z8IHXc9|%&B#I>jQ>6(NQIlsONX8;ud@w&%|NDCi(BjSi
z_o^R;`i_RBsKtx=2Sq8GuK)3mf8fe1ugqV;366n`1SLdGJ8JSY5I~M9r6-3YWSx2g
z9F`i=Bac3U-~RTuqO6i>{DA}sM)j7`|b1_j5awzsTMJ(F<>ZCfNPMXIudp4
z)Hk@Vsi{doa@}>;;o-kOj8yu)qG2I8N(>|e@_ivdmW^eD#IYi^?Zb#H>dT-ae&K}|
zO1Qe{C)uosUo?fLlF5EK6os>Y(Aey)Sp;1Du2_e#f@~)MHk5mOI^jn_VnOk8xAHW9XU`3=0boR0U%sT
zPc5s0iKvA`Y3HnY%PqG^#$Vcmo=<9S76u}4YU}Fq*@J~M=UA>Fg+(I@x1mTAyPOs_
zXLK?Zaay^Y9`wf^drZP=oFOw#OI?Xl*zkWp8VDdIMamRpeDwj4R;^kkRx8ew!B9xV
zFaAc6gR?E2Yt%)Q2Fm&yiJ4SajKY<}xemy^bM|IsbF$?fjh1)NEzO`q=6%qK$vk=n
zRZ>Kw*k-Ox(Tc_kf}^9gRo>Gte(?(l=XZwV7p@>BCSqYIfXv<9Ds;t2>Iigtm>E|^
ztJO2lJd@wY8I)jQXgI~MwQJW3XbL^sBMp$TAk9A^2sCkv`V}{gB+!7xurW-~NO9wh
zH}+dS%76|xILMO|AS{j2Sc>mJm2{10eel5tasU1I%RY_0QuD850w$B<;8PQ;W)x~*
zBN<3@IW%lU6QMMZL~}~ik*LW})NlA*Q)YRb7H*JgBoqma*Iuq+0jWe%d^bFfpNy^Q
z>*+-{ok1?^h0hy;*Aql4X_x-djjN&R7yPc`Ca=wL@Om5*K~os6&)=CT$yG%2=@lqC
z-VzkI8VgHWIsG7G(wKcbNG(=0XTJXW>ykIF3aRQOg^{yES*!Fnmi2L-R~X=@IVEI%
zGMX}@rr!o4Az^y8Oa%<1a>gf8E7{
z;f#uc;6Al>>FVGVp`4~o=YGG(i;Sh`SowXbH-v+syb?@iS3ge-L<
zqd2FGQp`jsf{5pFH6U?S%cRm$5Q2N^YU?m_`kr~qlvtT29HMOD}u{PEL2ONNg#+LkjWkm}5@?stD`NR{CN$5VEfP8j>t)F!c+bwj?aixuz
z$9MJQlTYG=<3HFhyRd|2Nro2o;Xhn&;ULY5{J}E_U~+PkjoVo!wFfh>^+!i(PGzCg2pj1)(JQe0uYacq|K4
zJonsl_`nA~kl$D0)fx9M1W3ttrd5XJe>|;Lue|a~o}tNTStA}fi#a>}1cl~Z1%Xyu
z3tI~WtXU-g9R<07v!Dwn~mfr{%GH$@<&xES==cB
zis~aCeqY||#!s5Bscb*>)KmGmG||mu74+pN5q)+Ah(0StG&)cz=BZJmL_O+o;(-8}
z4q);4j%V~pnSp_bEWV(k2^o@pkIL$*0aprTl)~H$1&$VANT=-r56*x<^h%_$f^821T))8E3vM4;k5O8z8)PB)fb%
zLrLKAn|fTnd@LG8wRk*g1IT1G78b43eH8l$R9gSudh0DI_Q1cnB9?Hz$YO(wcl@Rc
zPfZaFYE(!Qg_!Tb|6uh6Xi`wllY__a5wA0()J0ZiZRUD7^#=Zv?_Ntb9+$JSNF{)H
zv|Yrd>Z%&Fw{}R#_`dt@D~dFAfZ4NW%Rbc+;7o0W2Uao-Paq@=-`m%hcjS=?c}yY^
zmynR0mwiFfk|9XOrNYgsDtx9%jdlQbT}=%l;fU1nWr(|N9H7hU!f$?e71Hq>
ze1QO>6w!PhHgG`B${@#gV6iHFTJ)1lCM}|vr0Di_ISMGjAYAKbcrAt+T7UFlKOHlFd?dg%SJX^MH#a?^u
zh34kwyi<`P;g(IC(B0XIBt7u}-rclGz({lKi)+>(m&qW}7sLDC|9(5-*YC08y!byp
zcb+9t2jL|`y
z;W33{lnV8ktbmaBX=!Q6gQJA~A%cst0Ep$Niwgr7IR0~;AW<5w2u6|Wd*AzBzNj^s
ziDC$eRx4HNoz6KOgNS^7AG-T`r0W!C_UB)EL5`i$GC7|bEHP7oAbL8wP#vxmk%&GL
zUZc0WN5WA;COn1S@t$C}h(i?ZcnzPqH~km0X3mu7re#dJO;v>Y*Avd>kV|LsRywXi
z1aXr0>h0a0+h6)U4)Xw+HU486eR39Lc6yF?m&ky$=8%cCJP^eYekU_ItFpsU7+e2l
zF*>dow6M|Nz-w_8pq@cdO;!)fl4A%s{?0fm9?w;xFO`sMtbhA$spmx?Q5QMrfCEJo
zTCi}T?Jo)1dIr7k6tmX6_~LsK!enf@?fx6P)KS`iG=)u@wg~WezPI$t0TCB7{6nYx
zPkiz?3c5K-lu{1{6|sg2_2#Tks}gku&d?M=w2C2D1@6~mBvsT^+#?X;=@jBD9?gKn
zbXtHV`cfh(K%jEW>v6`Xc+}h7E!HmT8!S__^w5I^NPEwkCE^&*V{vV9Celo6qK0)0
z^r(OO)1St=4I6BoES-}owVs@@&hFofB*Y(Zylj{t!&SzH0)rkdg8
z<`%IwvCYCU#~dRo1A7uu3Fpedb7@9yp0S7MLG7mCM03+55xpAg8|3~1*t$B&F_*%3
zwY74+%dfmri~%*Kpq#VXqgeb>cBB9e00bV*)I5Igz4w+9NF-X@Xk9B|+M_H0qB;o0
zAu_ItSE82;lC`Qqi-i%sdHuwKc&51>fBf$|ifH1b{o_p@W)6YFC
z$B>a33X(JBL8njK1JkEZmt!eP?Xzefba!v0>p9T=8EW|eC4sZ?I!w#=9WER|t9
zJ1}5B2iqaQn2c-c>jfMhQ%hK)2ux5T&A@Dfz%oD7D}*cyEzK?B^(Q#lnTkFYMgY+B
z&z5o_69!Wz{c$IkJU}%2PtC2Cqx7d__hE2x%i|~#SD0?gYxi~bN{$IdEZ#$%fzAv(
zo==Vz%=a~|8nWl}a^=FXXmGtM{zTQ+Z#0u4N#x(pix(OgY1N$eL_2^zOD
z#%pd~S1NAzU-ySgI&iVMEJUo7nSJTF<7}C6%)s%?;H5*Ipi*F{HB5>?qgMj?sH`(A
z-D?{4Yet^4Aq~x>90$cC>IaO`YG`WAAInvT0O9d3JikUPR$QG360UxlIHiq3Ii~iG
zcDY}~WGXUAOZ_SmoTb5srZ+l_sK=m3CS0-W6j!J#ued_|99-47dQF;SXJ04d+uPHH
zLfcncaTEqio_(51{s~pz;4DoMhO$45xs{ALR0|;$uLi1%1=FC0prhH94QaGDxl=4t
z#w3#y6o(&vc%I4Wq2}tt^8%)-I?JDOmEd^?9dwY0JMejtwivAFL9im22Wi+S{`9=Z
zdu=~Vb3-G%;jo?4A<>VP#9F~L@Dbp`UXk`)vJcKZ=Nvrx$RpyIWXT`u9DO}@UVF=A
z+tA>lxsPG>=DEs1{~*Lt8(qI7TZI!9hKP;7~Iy$4GDp;4C|rq^hz?o`H%x&B*k*(D1Q7@PxP|SF!
z2^0c`$5Wr72*|FwWZX$D&34;p%aX=7s^A~EbSd_kzYzN`*$>gZ`mk>8TC}#e$y3n^
zHPE;THYSSsxS~WDx}L-dC!8QaY2CUFtM0iM??3#Ae8m$<74`?<5B1kK%0R@bW(&5G
zFM6brv7A{y_OXx2Y)?j%MmWLug2cH}IC}^xIUS0=oL9sl&bVxyKg4r`|AT<(?CzH9vDLy0FT5bNsR)?bdb`qNePg2>H*@ApQKlC!T7;TNmE^b3
zaux0Ak@IQIB7^f8CAZ$P@2i24EGudoFsPGcBs22D3xA65{pWeIYW?}of5xJH7Rs?)
zMHp^E9X*$}{Uov?`8*{W?VhK$lAi)}HYSm&DF1U-=4?#=gH}{@_9%D8WqGrKlR4W9T=a<%pi{-~IL~9CysIV(IDY?UmV=RS=ma$WLBT7%gWZQW3VRC9*9;JdQ2f
zwh55Q&{WiUFFO79p0$^Zh2~_fXT_C)`V`0I3s;C?DU-^;M{jx7gJ@SDs_Sae*B3)9
zn?-d)o%8{r=27Xf&AHuueV9~N2TL45wqN5*U-|-8t-42y4jbNGk41|Y8j%XHJSO}k
zB|c?*8ys7AZ!c=As}Z2M
zlLIn6wqB6W=SbPUnQ(<2+MY$}O6@S$=wrt%Z=TgC4ykvC>sEv^
zKm4zYP%T!LqsN~n2dO8X`w1A%`muNnGfO6k001BWNkl#p)Gy#qy9k(_SspJ8ou~cw~OAOYd--3aF
z`kS+moQhmp_C|Xf5=>gh*V3x!p$eIC2@;xK=`p9?Q{T`a-s$1wl~7lq?ja#1>2%(q
z$PT)3lj_QHJp>8OxLo~sPp)p2IX{|f>M?K04D@w&W80?9=-#vq&pi4B-g@OVEIa&A
z9QQ9LNyKiZFNPq+%5=ugyAQD@nC(a5b20>m_o0Z#phRb*p)#dRS%_FFD(HVU%kD6z
zfdGLKbDX{lRm$}o&A8JRW?UWkUBWxOK4f#YynobDN8!X1PZV&#VPYPPG{%Z68?VRv
zXx(4}By8HFab?m#OFASO6+lMr-PDH8&D+Eg+Faj=*?Z2i+dkJ+qkd8oe)qfIVbOj|
zFm2x6_GCcIGT%cg4WzTMeBOKx3JX=!aKRc~H2DrkL@aSimBky_-mudCBr~xH8ubx+
zj#cSSnyA;DsTIZ9Ulms}5ziwq$iO^KX8B-9l8_iz^~EoK5qs^ux7>pczbR9v_AgpB
z0A+G^glt_yy_j+}9G;$ThNyE42OM-D7A#trHxVmhi7j$r1uJk)iu4Gt>O&Y07C7MyLj9Fsl9(^kq*A~AB8tDweul{rQE5=xq~*{qez<@!A$
z_a&1_D;|$q=bwMR)!f`{nNG{H)zs8je!pM7MWHe;k1EldZP}5#!EhMU7Rke5i@@@tiS9
z&ixd*sGweY>7^p_uu=(?RDy$I3_(NDh4D%(kU-tzXFvNHKJ%H+2tdLnw1hqj6~V+@
zD-Ha!`Fj^yv}7E;qcLrGiaszGN8LkUc_>WFDfoLH;P$Gt*xzc
z3@H|i$tQpB>+2J7>WV9_5K)A@eb`}#S|Hjw8E@oGj4Au4o+8mSTaJ3oeo*1DOByNmSTtPVUY&@Nh6qeaP
z6u=WtKZ#Wj+%G)`+5REk*)3uj!*0$x>kKJ+r{a{xdpRqil<^93QOOIL0~LjH5-n6@
z2yHo#kFqt)LS`pe=#3^=zWL2>iq3Jv4L9J{TW^)rSjz1bzw)i7>9uzxTa6~Avzkup
zm!u{(1fp++K%m+7xtCwWZFk>^cQ&lgH^n((`Eq>fUrrXWs;Q}=-{`d1ggOt)oVJuj
zxcg9~mC|XNRi~g9b8o=XO+WDkrzURRGm*S)oKZ^PD=b^8w
z2UQI<5_ZFUbU3<4X|apK77%4dpD9~_=wp*1oW1u@;5*S{okgDcH-i$na;#hXc3zxe
zy(-q}J?W&A#8XeeIg8MZ20&8qprfY?wc$!6`(jve-3{W?U@kjXy*+2|jl)0ieuS$k
zar)_}WAdaXB%%p~!}c>LQi*)PCEo>CPhCYdnzxJrayS8!E1xPZJ5SCw(RRa}v@j17
znJ8{?A02ZZj~(z>Q(Y&k4J|{of;BYONdnTsg>&r+B^7?L4pmoI+L5)vO51rE4A>6K
zoUK2^Q+7<&mey_9x}^=>y*-#ZWroc3wKWa!O9ZY*bddJmn3N0+`TThMtvB)f>Svh3
zj)imPVc~*#s0>!1f-Tp4#?iw#ERUVb;Vsb3T*?z)%$@|uTP#xUzL$YXtC48g9)4%Q
zAWP=F`R1FV;4*r4{rY#L+2u3O*hL{&N6Id)W{X>Ob#~StJhsSHQ&T0OD{R8a-{UDe
z%q8nF%|yL+1aWUHifL14VBUiHIOxDbM6qsaY(_3?S3=wr?X&^LPF1lu*fpm*96=-;
zf-eVYkQ4IyWgObW5O4u93|b3dZ)#z0x&YZRX=JYwgZZwx<{GJv!bUli>lyjVNZvya
zJs8idULzTc^p|i&;Odf2b)u`Q2R%J~@cZq=taa-)0(fnEK(*J4DpqXwc@aw`Q4y|`
zVt42K$5*h=qWv&q&zbOfgW~Gw=!>GFB7$&b0J&%Ysf9bZWA>gX3ipYM6
z^nkoKml@GQ4X;PNK2N&gv1jdD^{$K;tUL%=c+&;@RQEL
zQ%*TW^3o-*JQ@`P09Tef?^-DXN(LDVFyQNq+Iq{CB3
zhs1Vq1>rsdMRVG@8figmUMCQ!MWm)$LeX<%V8%^V*TNg{OPKnM8I#c4%ayBL#!+GF
zd9f`)BH>3eYp*I^PZ05hof@3*2jR1Fi1qZKh6U-owk`z6Y64g17>WcJlu%!xzpSW-
zI*z2F@Y-L5s|f3BvCRR2kCh#b|exp%$zv`GiFT3+PBx?)mLA~j2U~1
z&Jc~p(bvoT^EeXmG&0H|~butnRrO#yZO-vJPQ=Ljn
z3>K`C?-I4E)MIcV0C@+%3ls7&#(nfwJI7-p}RYQOvY}lz}dgAkE@5hI@y_y
z>3nTqyDOF53eH)8+gU))^_1_BUNE@Gm;HLa_{LZqq^-%wump%QmnJ!}m-yt#Eh6R+
zECdJr9aE=HlV0QG%eUTo15>87h-sI<6Lf8Dt?>ESBhZ6%CI$=aQ=USOCMPctPiLer
zddlZTmZDcE2p_9BQlw)zy2mS9Utdc6Ar%Z~Pi5fsc*Q3}y(bu`5D;jrnK(s575Qh-
z3`#ec;yskdgH9pO700-Wk2Ir?3N4wNvpyM$g%eoE%InL@zBk`|3sWXfw`*K=_My4C
zMb4v0#_)L_OF*$0HTw?|aGdF-+KNe`wX#{!Q$m%MXzh)oqoW(astCOmP;*qFXTG8$
zh|bOwsw(Va5;P~**H)sTp$4s6wjt=V(A-dmNJRiX1SH&@fC+{o0v1^(u5~Q?`rKT#yQasLS-DDv}wu{Lckvu1)R*^(lP~I-R-EYt&vrxwysKM@t)px
z#Nyq6Cx!No&6qZ`5!q~9a?>rYOc_5iv5X`@)zwGPmo$D0%Tc?_uDu}M^U4YjkoF-N
zjiR}}3N@h`v~O(%A|cG)s~NqW3DG$^yVJ1JNi^2iqOQK4&_`EKH)^Wt%l*H2Aj;!G
z0rCuh)c_7CnjsbmY0w^LcqUO%w;%{uq=8Pt-__1a?3o;@>g>9^ebFdlIS-nuYhWePcGN?G7^EiJ&6}f`KD`#v
zo-j6V?m$z0ofKS1#(MGg+gnjp5kh@U6{@QkVO#|(mz7#xKA&ahw7XPDs|_B66d-)t
zPr3lvF;Ri05b7q}
zcs^GUtqrV=ebk4-)k(?#v0A(7?XF2n`nMLiPd69^v#Z&(J%P(Q&
ziWR7i)FK@4;reU;h>h>8$Nj7B#l3&N3-{jp7pz^ko~@!VYt~)@u4EU)ZvyMqt;6Q6+tAe;N4TmM^-V3vSYE{9X$09O
z!LqB)`#p44dZgqyL)R%GrPG$ghF$l^KjO|?ZpEbLW(jeB;_=7Owr#7_`0efP#OkM>
z#9tqL5Klh+q^x$6r?jB9x>iIsxByYQAHc7jJ3Iw8@NWY6`FM=1n292lI`;T|)v8re
z2IzqY9>AGro-KJH)2C0%`%COkk2nEi@jeNQXT-1lTSk<4PE5Ss*U$WdI0OTgRe(Q)
z#rqxz%NInJDYStKWG(wT%}q`6naLy&^!l*&tv6&WD{i{oPW{cKkWMCX>ZzZ_uYdh(
zy!P5FV)l(kd!>BQU3cAuKmF-X_{TqAw@4x>6>@#<7DYfGdRUnbdNW-a`x_ab1UZk@Y{DGid(a~7EsEn_E>M30K
zlM8VD_1B}dwF6tKB#n5kL6_mD#lL1Uer
z=i&lHRE!@3*y!9@7;8Wc{viM#8r!iIFF6apDFYEO#~ypEDAJc+`YS2muyW-sIQrh0?`jWj)Y{`obcjFVXjh)_i(f}t=huO*CIKPd`};#4St&Yo>@
zAD)|x#?aca6^}glAXfkL2@&Dezx^isA*KQQ1iY`j^a9R4^WVe}Ll8GM)Qhfk_St9S
z^wUnk`<5-m6_@`Ct(!L?mr9oVf3K4sGW_3<1`5Xcs|%3rq#_en1#M_a9fH->8OlC)
z?tBq(uD||T`TXZU|0yC9vrB(^nbYn?T}?H*`r_~eED2YS
z_x9Rt7gBL_w{_t4H(tTo*Iq$&IE1j5c_Q}e(U%P(l}JcYYBBkGECfOUR5sL!k7ncg
zwfK*7&z7+V{65rFSHjAbd>iNCQk&uX_s~E9VI0bR#^hV}r2WO!bM1_PRWCbhP_e%_
z8IhGuICH~@XVe)sZQ6pZ4F4d&j9aCrCnl9gsOWPg$bdb|=|F5kG?|g$#CXhZwZQ7@
z8{S!mOgxF4m6qZRFzLT_lcw6WffES{Phlb#+c7jZHpmLa@iFc9r5D$T!;+^3bl;s#+LuuKWoR!!Ze(s2z-Fl(ic2iuKs`bocZ>k$3cwY`
z4tBJI6nP%^1w3B+cgtgU(e)a~pg(|2GAS`$cJ!@e1L#i?BZ^<%4+7wqCmx8^J{@8Uae+^4@mo(}+}BWCa$
z9ESj4&?5IGlXe~n^^@7N=ZiO7L^7|v;>?}DAfLaXNmF(s(xf!#q;-sbkX$Z{Y$}ba
zNEpw)`woJBA5J^<6j`C@6JfTX*JDX1T&`SI;RtFfx7P{gGZ3&lqB2U${fpuE0co(5
zvOfbj3qbSOjI(%2r+AWHfEQ&RgCr_2*
zHIp!#wmVBnxVyA}v+}K=2^ekc>G5O{3EFjY2{7_4&+F>xl@&y~N>x?K>cy3bY~9$@
zB&&z^`XF#A{z;o@pD!OjR>ri=@c9mDFn};<>rMdwR?crwb&o;)fSmR(Y%nqpPPAsdNTe%hr`t`KB^nS5uErFbt1BD9*-soJFaF626klmVL0|
zokIob4waOA2Y@e{%KBwV>I2~{%$ZyxXYJx|>qLAZLo?ijb+YIrB;(WPz?qtb8tB)!
z?6S)wMCGZcpAyBL$MRfWo7Zw?3Od_PbH4OI_Lm=@{^yG
zJ|Sx9@_KDCsiC0``|Y;`zy8$~IP;9N468~
zmzP`$ub@QLCx3NzPMGdSA3XUlg0*q9uwt3O}{o
zGh@Eu$%I*1Ajfi5p*Y8}s8Y{1a+zetZhf$Jtz4G?P9#!t9>=uy&GoXP>GjK)hBfgI
z2OzfsxE;Vr<@hcYAY?%GsH-)Leh*4URFG*AA_H$PG-r!sl>eEv_ro9lP(n-^8=FML
zqQXv*ClK^WQMXWq9rMNL-`C%GHE&*y#Z$819|{OVr!%&Jpr)n{t({${t`18t#B4Hy
zoBnh&uKxWW1b_{bT5#y$@0WzZ0F3}y3!a<@D{j68Z53?S`+1
zq~QRBYyHjT3J~>wXz@5_Gk;cBWE3w$Oin%ZH0;0s{&J3O2F^;w5prm2YbVY<_gsmn
zrL3bSU#XbljpvMg;)zX81za#ErOU~@2u)h9cb39Jw)LzL%P}U_0Z((`Z~zww=C=C
za_r*BCYFVbEcrKkh)1JQ>y%SYv3x$C^{sDx%j)Ur$sfZ$?Aj1i8;Cluqx&pJ!_fBj
zcKPIWZ@cX_>wp6eu&S%8<=Sm+ZF0}en>S1I(7W!s%li4xe{P+A`svo<#f#-Q{&%w1
zc_0w5mMvRmJ^Spl`Rivg8SC!5@0OnEANarrtPLAB+VrmLZ|qV<
zQH<6x`c+iC<1y4-Xf0#h6;~l1$9OQ->Y{Ik{oHvS`b0PuTDNHNqKL=ixq4`1ahXxl
z@bR#tGRCVW#1nD+@yAQU%%A+^Cs?_1r7$dyp-4lWM8TmB
zMpeqSA0S03>M>NFzw(u@NF@~hO~)ROA#?LOY66CdGSw#JWX*X@gMeGUDW`tILO*Xc2Ad6FMXH!|`!E44C99Qzo?0@b6C1&I05i6ZQC?dQ25Kd(E6HJp
z9fk`oxIhx7D8_K3qRpsUdev2I;<03Mnr#`vPEaY?UUy4^3jg(A|5g6J;||-8MT?gm
zIv>f$d@0a$Md7(*crA}g@UiR#hCn)7{-IW9jVdl)tHfE74H!
z!4G~=3&q(5%>cBlD$SKWqzCdUDWX}3rHRw^NoX=1c=3!7@pgy84r@10f7hu>q#UbhtoYi?O!%?W1
z)09g;$&Y{hV<~ve`)IfegABP6NK;TCuWxWak2&IqBcygP^$u2FVJ9n&Nm6h(ZITca
zj)S^QnUo*BW|upu?Fy=lnd}cmFf)t^sY$lb)T=W$XJ{qvqlwpY%tI^@AV$Kvo$3#+8Mu)AHrZWd$j$*iwSIAM~W23E4#BkQb0KL{AB_$sXx6S>D;|0(@B|$#YqVUc
zw_U+mq5$~@fM4#;1$Gx8v@c#^a@bwkMM{~ZCNlJkB=`T@w*6`(SfdeD3f+#WT@K@y)hBDIR45ioN5JQmyOr4qf|Cu*a4w4w9
z;uuP61z|YJmjV24BrY~m03rR%6#sQ;Cy7k16;qTn+SjQ_4@6o-LL-hzPEn1khoOUm{5Eftm_DEf9B=asW12DT>!{T?96dc%rw|*$n(x@8F;?zB~qpq$J&gw{DC@&y5!O@
z=t;vrJ8X6{8Z_1=zV9))**_?!lwFs00T%=4{F|OIJsL7%p7i0+(E$Dn!1D39
zxl0p@{s!Q`$IH+&UH~B-2H-rmC%a375Zj|&FrEgU@dOBIUjY9Hz-PvD5H1xZ{RzN@
z0G=Pu!HqXSNP7bKj!BPn$t9RH?wpki5ddE^mM)jdgJ_}ppW*Zj9BV2@fROe9
z@Kpe36v0?r8eO^yz@@BpSB&quSOG$+Fx4rz%`AfPxHPh~-c-WjmMGSDTg(7a`Y?cV
zTz^SP5&avN1Nd{XKh#732x$g@v&`051mkgO*Qg!9Z_GBL#T7=2CJI25PBwbU@x?J5
zmv(|y8GU0|?U##%CK^CU(*b`Rf{T0Aa&3+*eBJflCb_N(`g_gxTg7$B;^rUIlQA
z*~T?2eYB`l0iv`Bz{kzDv^a)T67&p!+syV-DL-hb14N0Y;g1105x{Z9F{BAe_W`)e
z6m6SuCfi-1ash}^$b_tLJHaUTE)7l_O|gx?m@QdO@2lJZ;-tl9H96L7V_5>J*oobB
z?l&7(jTg%GMU*o@oV48dQTTa8@eFIs=@C;!)>3x^d!h
z+cbvbC^>QgGCI^^Lh+{=5b^J3)7Z2DKplV@qu)dfm;%OPpHO#-!gp_YB#TPlQ1mOPza)zxgS(>y}00000NkvXXu0mjfM?qTv
literal 0
HcmV?d00001
diff --git a/friends/index.html b/friends/index.html
new file mode 100644
index 0000000..2670188
--- /dev/null
+++ b/friends/index.html
@@ -0,0 +1,2299 @@
+
+
+
+
+
+
+
+
+ 友情链接 | 青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 作者: 青云依兮
+
+
+ 文章链接:
+ https://1422756921.github.io/friends/index.html
+
+
+ 版权声明:
+ 本网站所有文章除特别声明外,均采用 CC BY-NC-ND 4.0
+ 许可协议。转载请注明出处!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 你的赏识是我前进的动力
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
青云依兮
+
+
+
Hexo
+
+
+
+
青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/gallery/bizhi/index.html b/gallery/bizhi/index.html
new file mode 100644
index 0000000..4b2bf36
--- /dev/null
+++ b/gallery/bizhi/index.html
@@ -0,0 +1,2305 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
壁纸 | 青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 作者: 青云依兮
+
+
+ 文章链接:
+ https://1422756921.github.io/gallery/bizhi/index.html
+
+
+ 版权声明:
+ 本网站所有文章除特别声明外,均采用 CC BY-NC-ND 4.0
+ 许可协议。转载请注明出处!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 你的赏识是我前进的动力
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
青云依兮
+
+
+
Hexo
+
+
+
+
青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/gallery/fengjing/index.html b/gallery/fengjing/index.html
new file mode 100644
index 0000000..815c418
--- /dev/null
+++ b/gallery/fengjing/index.html
@@ -0,0 +1,2305 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
风景 | 青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 作者: 青云依兮
+
+
+ 文章链接:
+ https://1422756921.github.io/gallery/fengjing/index.html
+
+
+ 版权声明:
+ 本网站所有文章除特别声明外,均采用 CC BY-NC-ND 4.0
+ 许可协议。转载请注明出处!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 你的赏识是我前进的动力
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
青云依兮
+
+
+
Hexo
+
+
+
+
青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/gallery/gudian/index.html b/gallery/gudian/index.html
new file mode 100644
index 0000000..256758c
--- /dev/null
+++ b/gallery/gudian/index.html
@@ -0,0 +1,2305 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
古典 | 青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 作者: 青云依兮
+
+
+ 文章链接:
+ https://1422756921.github.io/gallery/gudian/index.html
+
+
+ 版权声明:
+ 本网站所有文章除特别声明外,均采用 CC BY-NC-ND 4.0
+ 许可协议。转载请注明出处!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 你的赏识是我前进的动力
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
青云依兮
+
+
+
Hexo
+
+
+
+
青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/gallery/index.html b/gallery/index.html
new file mode 100644
index 0000000..fc2db38
--- /dev/null
+++ b/gallery/index.html
@@ -0,0 +1,2329 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
相册 | 青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 壁纸
+ 收藏的一些壁纸
+
+
+
+
+
+
+ 古典图片
+ 中国古典图片
+
+
+
+
+
+
+ 风景
+ 风景图片
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 作者: 青云依兮
+
+
+ 文章链接:
+ https://1422756921.github.io/gallery/index.html
+
+
+ 版权声明:
+ 本网站所有文章除特别声明外,均采用 CC BY-NC-ND 4.0
+ 许可协议。转载请注明出处!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 你的赏识是我前进的动力
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
青云依兮
+
+
+
Hexo
+
+
+
+
青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..a8b8a82
--- /dev/null
+++ b/index.html
@@ -0,0 +1,2998 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 0
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
座右铭
+
+
+ 沉淀后我愿意做个温暖的人，有自己的喜好，有自己的原则，有自己的信仰，不急功近利，不浮夸轻薄。宠辱不惊，淡定安逸，心静如水，不忘初心，方得始终。——凌茜
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2023-07-13
+
+
+
+
+
+
+
+
+ 最近频繁使用到图床，搜集了自己使用过的比较好用的图床网站，有知名大站也有小众网站，使用体验都不错
+排名不分先后
+有备案域名有备案域名的先看这里，没有的往下拉
+七牛地址：https://www.qiniu.com/prices/kodo
+开通
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2023-07-11
+
+
+
+
+
+
+
+
+ Qexo，一个快速、美观、强大的在线hexo管理器，支持使用 Vercel 零成本一键部署,，您只需要配置一个免费数据库。特色功能：自定义图床上传图片，在线配置编辑，在线页面管理，开放 API，自动检查更新，在线一键更新，快速接入友情链接，
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2023-07-11
+
+
+
+
+
+
+
+
+ Github Action自动化部署是什么简单说，就是把hexo博客编译前的源代码上传到github代码仓库，Action在代码发生变动的时候，自动通过安装一系列nodejs环境和相关依赖，编译生成html页面到github pages仓库
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2021-11-24
+
+
+
+
+
+
+
+
+ Hexo是个快速、简洁且高效的博客框架，它是一款基于Node.js的静态博客生成程序，作者是中国台湾tommy351。它的安装运行等甚至生成文章页面 生成目录，网站配置都是在爱代码模式下进行的。还有就是要学会使用Hexo，就得学会使用Git
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2021-11-22
+
+
+
+
+
+
+
+
+ 原因：Github是基于 Git 做版本控制的代码托管平台，同时也是全球最大的代（同）码（性）托（交）管（友）网站。喜欢用GitHub的都知道，时常出现抽风现象，包括Pages功能也是如果你把网站托管到GitHub上，某天你想让用户浏览，用
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2021-11-20
+
+
+
+
+
+
+
+
+ Hexo博客Hello，这里是青云依兮的Hexo博客，是我所有站点中唯一一个不怕被攻击的
+Hexo是个快速、简洁且高效的博客框架，它是一款基于Node.js的静态博客生成程序，作者是中国台湾tommy351。
+它的安装运行等甚至生成文章页面
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2021-11-18
+
+
+
+
+
+
+
+
+ Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hex
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
青云依兮
+
+
+
Hexo
+
+
+
+
青云博客-Hexo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/js/activate-power-mode.js b/js/activate-power-mode.js
new file mode 100644
index 0000000..28f12ec
--- /dev/null
+++ b/js/activate-power-mode.js
@@ -0,0 +1,349 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+ if (typeof exports === "object" && typeof module === "object")
+ module.exports = factory();
+ else if (typeof define === "function" && define.amd) define([], factory);
+ else if (typeof exports === "object") exports["POWERMODE"] = factory();
+ else root["POWERMODE"] = factory();
+})(this, function () {
+ return /******/ (function (modules) {
+ // webpackBootstrap
+ /******/ // The module cache
+ /******/ var installedModules = {};
+
+ /******/ // The require function
+ /******/ function __webpack_require__(moduleId) {
+ /******/ // Check if module is in cache
+ /******/ if (installedModules[moduleId])
+ /******/ return installedModules[moduleId].exports;
+
+ /******/ // Create a new module (and put it into the cache)
+ /******/ var module = (installedModules[moduleId] = {
+ /******/ exports: {},
+ /******/ id: moduleId,
+ /******/ loaded: false,
+ /******/
+ });
+
+ /******/ // Execute the module function
+ /******/ modules[moduleId].call(
+ module.exports,
+ module,
+ module.exports,
+ __webpack_require__
+ );
+
+ /******/ // Flag the module as loaded
+ /******/ module.loaded = true;
+
+ /******/ // Return the exports of the module
+ /******/ return module.exports;
+ /******/
+ }
+
+ /******/ // expose the modules object (__webpack_modules__)
+ /******/ __webpack_require__.m = modules;
+
+ /******/ // expose the module cache
+ /******/ __webpack_require__.c = installedModules;
+
+ /******/ // __webpack_public_path__
+ /******/ __webpack_require__.p = "";
+
+ /******/ // Load entry module and return exports
+ /******/ return __webpack_require__(0);
+ /******/
+ })(
+ /************************************************************************/
+ /******/ [
+ /* 0 */
+ /***/ function (module, exports, __webpack_require__) {
+ "use strict";
+
+ var canvas = document.createElement("canvas");
+ canvas.width = window.innerWidth;
+ canvas.height = window.innerHeight;
+ canvas.style.cssText =
+ "position:fixed;top:0;left:0;pointer-events:none;z-index:999999";
+ window.addEventListener("resize", function () {
+ canvas.width = window.innerWidth;
+ canvas.height = window.innerHeight;
+ });
+ document.body.appendChild(canvas);
+ var context = canvas.getContext("2d");
+ var particles = [];
+ var particlePointer = 0;
+ var rendering = false;
+
+ POWERMODE.shake = true;
+
+ function getRandom(min, max) {
+ return Math.random() * (max - min) + min;
+ }
+
+ function getColor(el) {
+ if (POWERMODE.colorful) {
+ var u = getRandom(0, 360);
+ return (
+ "hsla(" +
+ getRandom(u - 10, u + 10) +
+ ", 100%, " +
+ getRandom(50, 80) +
+ "%, " +
+ 1 +
+ ")"
+ );
+ } else {
+ return window.getComputedStyle(el).color;
+ }
+ }
+
+ function getCaret() {
+ var el = document.activeElement;
+ var bcr;
+ if (
+ el.tagName === "TEXTAREA" ||
+ (el.tagName === "INPUT" && el.getAttribute("type") === "text")
+ ) {
+ var offset = __webpack_require__(1)(el, el.selectionEnd);
+ bcr = el.getBoundingClientRect();
+ return {
+ x: offset.left + bcr.left,
+ y: offset.top + bcr.top,
+ color: getColor(el),
+ };
+ }
+ var selection = window.getSelection();
+ if (selection.rangeCount) {
+ var range = selection.getRangeAt(0);
+ var startNode = range.startContainer;
+ if (startNode.nodeType === document.TEXT_NODE) {
+ startNode = startNode.parentNode;
+ }
+ bcr = range.getBoundingClientRect();
+ return {
+ x: bcr.left,
+ y: bcr.top,
+ color: getColor(startNode),
+ };
+ }
+ return { x: 0, y: 0, color: "transparent" };
+ }
+
+ function createParticle(x, y, color) {
+ return {
+ x: x,
+ y: y,
+ alpha: 1,
+ color: color,
+ velocity: {
+ x: -1 + Math.random() * 2,
+ y: -3.5 + Math.random() * 2,
+ },
+ };
+ }
+
+ function POWERMODE() {
+ {
+ // spawn particles
+ var caret = getCaret();
+ var numParticles = 5 + Math.round(Math.random() * 10);
+ while (numParticles--) {
+ particles[particlePointer] = createParticle(
+ caret.x,
+ caret.y,
+ caret.color
+ );
+ particlePointer = (particlePointer + 1) % 500;
+ }
+ }
+ {
+ // shake screen
+ if (POWERMODE.shake) {
+ var intensity = 1 + 2 * Math.random();
+ var x = intensity * (Math.random() > 0.5 ? -1 : 1);
+ var y = intensity * (Math.random() > 0.5 ? -1 : 1);
+ document.body.style.marginLeft = x + "px";
+ document.body.style.marginTop = y + "px";
+ setTimeout(function () {
+ document.body.style.marginLeft = "";
+ document.body.style.marginTop = "";
+ }, 75);
+ }
+ }
+ if (!rendering) {
+ requestAnimationFrame(loop);
+ }
+ }
+ POWERMODE.colorful = false;
+
+ function loop() {
+ rendering = true;
+ context.clearRect(0, 0, canvas.width, canvas.height);
+ var rendered = false;
+ var rect = canvas.getBoundingClientRect();
+ for (var i = 0; i < particles.length; ++i) {
+ var particle = particles[i];
+ if (particle.alpha <= 0.1) continue;
+ particle.velocity.y += 0.075;
+ particle.x += particle.velocity.x;
+ particle.y += particle.velocity.y;
+ particle.alpha *= 0.96;
+ context.globalAlpha = particle.alpha;
+ context.fillStyle = particle.color;
+ context.fillRect(
+ Math.round(particle.x - 1.5) - rect.left,
+ Math.round(particle.y - 1.5) - rect.top,
+ 3,
+ 3
+ );
+ rendered = true;
+ }
+ if (rendered) {
+ requestAnimationFrame(loop);
+ } else {
+ rendering = false;
+ }
+ }
+
+ module.exports = POWERMODE;
+
+ /***/
+ },
+ /* 1 */
+ /***/ function (module, exports) {
+ /* jshint browser: true */
+
+ (function () {
+ // The properties that we copy into a mirrored div.
+ // Note that some browsers, such as Firefox,
+ // do not concatenate properties, i.e. padding-top, bottom etc. -> padding,
+ // so we have to do every single property specifically.
+ var properties = [
+ "direction", // RTL support
+ "boxSizing",
+ "width", // on Chrome and IE, exclude the scrollbar, so the mirror div wraps exactly as the textarea does
+ "height",
+ "overflowX",
+ "overflowY", // copy the scrollbar for IE
+
+ "borderTopWidth",
+ "borderRightWidth",
+ "borderBottomWidth",
+ "borderLeftWidth",
+ "borderStyle",
+
+ "paddingTop",
+ "paddingRight",
+ "paddingBottom",
+ "paddingLeft",
+
+ // https://developer.mozilla.org/en-US/docs/Web/CSS/font
+ "fontStyle",
+ "fontVariant",
+ "fontWeight",
+ "fontStretch",
+ "fontSize",
+ "fontSizeAdjust",
+ "lineHeight",
+ "fontFamily",
+
+ "textAlign",
+ "textTransform",
+ "textIndent",
+ "textDecoration", // might not make a difference, but better be safe
+
+ "letterSpacing",
+ "wordSpacing",
+
+ "tabSize",
+ "MozTabSize",
+ ];
+
+ var isFirefox = window.mozInnerScreenX != null;
+
+ function getCaretCoordinates(element, position, options) {
+ var debug = (options && options.debug) || false;
+ if (debug) {
+ var el = document.querySelector(
+ "#input-textarea-caret-position-mirror-div"
+ );
+ if (el) {
+ el.parentNode.removeChild(el);
+ }
+ }
+
+ // mirrored div
+ var div = document.createElement("div");
+ div.id = "input-textarea-caret-position-mirror-div";
+ document.body.appendChild(div);
+
+ var style = div.style;
+ var computed = window.getComputedStyle
+ ? getComputedStyle(element)
+ : element.currentStyle; // currentStyle for IE < 9
+
+ // default textarea styles
+ style.whiteSpace = "pre-wrap";
+ if (element.nodeName !== "INPUT") style.wordWrap = "break-word"; // only for textarea-s
+
+ // position off-screen
+ style.position = "absolute"; // required to return coordinates properly
+ if (!debug) style.visibility = "hidden"; // not 'display: none' because we want rendering
+
+ // transfer the element's properties to the div
+ properties.forEach(function (prop) {
+ style[prop] = computed[prop];
+ });
+
+ if (isFirefox) {
+ // Firefox lies about the overflow property for textareas: https://bugzilla.mozilla.org/show_bug.cgi?id=984275
+ if (element.scrollHeight > parseInt(computed.height))
+ style.overflowY = "scroll";
+ } else {
+ style.overflow = "hidden"; // for Chrome to not render a scrollbar; IE keeps overflowY = 'scroll'
+ }
+
+ div.textContent = element.value.substring(0, position);
+ // the second special handling for input type="text" vs textarea: spaces need to be replaced with non-breaking spaces - http://stackoverflow.com/a/13402035/1269037
+ if (element.nodeName === "INPUT")
+ div.textContent = div.textContent.replace(/\s/g, "\u00a0");
+
+ var span = document.createElement("span");
+ // Wrapping must be replicated *exactly*, including when a long word gets
+ // onto the next line, with whitespace at the end of the line before (#7).
+ // The *only* reliable way to do that is to copy the *entire* rest of the
+ // textarea's content into the
created at the caret position.
+ // for inputs, just '.' would be enough, but why bother?
+ span.textContent = element.value.substring(position) || "."; // || because a completely empty faux span doesn't render at all
+ div.appendChild(span);
+
+ var coordinates = {
+ top: span.offsetTop + parseInt(computed["borderTopWidth"]),
+ left: span.offsetLeft + parseInt(computed["borderLeftWidth"]),
+ };
+
+ if (debug) {
+ span.style.backgroundColor = "#aaa";
+ } else {
+ document.body.removeChild(div);
+ }
+
+ return coordinates;
+ }
+
+ if (
+ typeof module != "undefined" &&
+ typeof module.exports != "undefined"
+ ) {
+ module.exports = getCaretCoordinates;
+ } else {
+ window.getCaretCoordinates = getCaretCoordinates;
+ }
+ })();
+
+ /***/
+ },
+ /******/
+ ]
+ );
+});
diff --git a/js/aplayer/APlayer@1.10.1.min.css b/js/aplayer/APlayer@1.10.1.min.css
new file mode 100644
index 0000000..12b5583
--- /dev/null
+++ b/js/aplayer/APlayer@1.10.1.min.css
@@ -0,0 +1,3 @@
+.aplayer{background:#fff;font-family:Arial,Helvetica,sans-serif;margin:5px;box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 1px 5px 0 rgba(0,0,0,.1);border-radius:2px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;position:relative}.aplayer *{box-sizing:content-box}.aplayer svg{width:100%;height:100%}.aplayer svg circle,.aplayer svg path{fill:#fff}.aplayer.aplayer-withlist .aplayer-info{border-bottom:1px solid #e9e9e9}.aplayer.aplayer-withlist .aplayer-list{display:block}.aplayer.aplayer-withlist .aplayer-icon-order,.aplayer.aplayer-withlist .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu{display:inline}.aplayer.aplayer-withlrc .aplayer-pic{height:90px;width:90px}.aplayer.aplayer-withlrc .aplayer-info{margin-left:90px;height:90px;padding:10px 7px 0}.aplayer.aplayer-withlrc .aplayer-lrc{display:block}.aplayer.aplayer-narrow{width:66px}.aplayer.aplayer-narrow .aplayer-info,.aplayer.aplayer-narrow .aplayer-list{display:none}.aplayer.aplayer-narrow .aplayer-body,.aplayer.aplayer-narrow .aplayer-pic{height:66px;width:66px}.aplayer.aplayer-fixed{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:99;overflow:visible;max-width:400px;box-shadow:none}.aplayer.aplayer-fixed .aplayer-list{margin-bottom:65px;border:1px solid #eee;border-bottom:none}.aplayer.aplayer-fixed .aplayer-body{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:99;background:#fff;padding-right:18px;transition:all .3s ease;max-width:400px}.aplayer.aplayer-fixed .aplayer-lrc{display:block;position:fixed;bottom:10px;left:0;right:0;margin:0;z-index:98;pointer-events:none;text-shadow:-1px -1px 0 #fff}.aplayer.aplayer-fixed .aplayer-lrc:after,.aplayer.aplayer-fixed .aplayer-lrc:before{display:none}.aplayer.aplayer-fixed .aplayer-info{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0;transition:all .3s ease;border-bottom:none;border-top:1px solid #e9e9e9}.aplayer.aplayer-fixed .aplayer-info .aplayer-music{width:calc(100% - 105px)}.aplayer.aplayer-fixed .aplayer-miniswitcher{display:block}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-info{display:block;-webkit-transform:scaleX(0);transform:scaleX(0)}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body{width:66px!important}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-miniswitcher .aplayer-icon{-webkit-transform:rotateY(0);transform:rotateY(0)}.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-lrc,.aplayer.aplayer-fixed .aplayer-icon-play{display:inline-block}.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-menu,.aplayer.aplayer-fixed .aplayer-icon-play{position:absolute;bottom:27px;width:20px;height:20px}.aplayer.aplayer-fixed .aplayer-icon-back{right:75px}.aplayer.aplayer-fixed .aplayer-icon-play{right:50px}.aplayer.aplayer-fixed .aplayer-icon-forward{right:25px}.aplayer.aplayer-fixed .aplayer-icon-menu{right:0}.aplayer.aplayer-arrow .aplayer-icon-loop,.aplayer.aplayer-arrow .aplayer-icon-order,.aplayer.aplayer-mobile .aplayer-icon-volume-down{display:none}.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-loading-icon{display:block}.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{-webkit-transform:scale(1);transform:scale(1)}.aplayer .aplayer-body{position:relative}.aplayer .aplayer-icon{width:15px;height:15px;border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;vertical-align:middle;padding:0;font-size:12px;margin:0;display:inline-block}.aplayer .aplayer-icon path{transition:all .2s ease-in-out}.aplayer .aplayer-icon-back,.aplayer .aplayer-icon-forward,.aplayer .aplayer-icon-lrc,.aplayer .aplayer-icon-order,.aplayer .aplayer-icon-play{display:none}.aplayer .aplayer-icon-lrc-inactivity svg{opacity:.4}.aplayer .aplayer-icon-forward{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.aplayer .aplayer-lrc-content{display:none}.aplayer .aplayer-pic{position:relative;float:left;height:66px;width:66px;background-size:cover;background-position:50%;transition:all .3s ease;cursor:pointer}.aplayer .aplayer-pic:hover .aplayer-button{opacity:1}.aplayer .aplayer-pic .aplayer-button{position:absolute;border-radius:50%;opacity:.8;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);background:rgba(0,0,0,.2);transition:all .1s ease}.aplayer .aplayer-pic .aplayer-button path{fill:#fff}.aplayer .aplayer-pic .aplayer-hide{display:none}.aplayer .aplayer-pic .aplayer-play{width:26px;height:26px;border:2px solid #fff;bottom:50%;right:50%;margin:0 -15px -15px 0}.aplayer .aplayer-pic .aplayer-play svg{position:absolute;top:3px;left:4px;height:20px;width:20px}.aplayer .aplayer-pic .aplayer-pause{width:16px;height:16px;border:2px solid #fff;bottom:4px;right:4px}.aplayer .aplayer-pic .aplayer-pause svg{position:absolute;top:2px;left:2px;height:12px;width:12px}.aplayer .aplayer-info{margin-left:66px;padding:14px 7px 0 10px;height:66px;box-sizing:border-box}.aplayer .aplayer-info .aplayer-music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 13px 5px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default;padding-bottom:2px;height:20px}.aplayer .aplayer-info .aplayer-music .aplayer-title{font-size:14px}.aplayer .aplayer-info .aplayer-music .aplayer-author{font-size:12px;color:#666}.aplayer .aplayer-info .aplayer-controller{position:relative;display:flex}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{margin:0 0 0 5px;padding:4px 0;cursor:pointer!important;flex:1}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb{-webkit-transform:scale(1);transform:scale(1)}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{position:relative;height:2px;width:100%;background:#cdcdcd}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:#aaa;height:2px;transition:all .5s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{position:absolute;left:0;top:0;bottom:0;height:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:10px;width:10px;border-radius:50%;cursor:pointer;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.aplayer .aplayer-info .aplayer-controller .aplayer-time{position:relative;right:0;bottom:4px;height:17px;color:#999;font-size:11px;padding-left:7px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner{vertical-align:middle}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon{cursor:pointer;transition:all .2s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path{fill:#666}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop{margin-right:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path{fill:#000}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap{height:40px}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap{position:absolute;bottom:15px;right:-3px;width:25px;height:0;z-index:99;overflow:hidden;transition:all .2s ease-in-out}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap.aplayer-volume-bar-wrap-active{height:40px}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar{position:absolute;bottom:0;right:10px;width:5px;height:35px;background:#aaa;border-radius:2.5px;overflow:hidden}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume{position:absolute;bottom:0;right:0;width:5px;transition:all .1s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon svg{position:absolute;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.aplayer .aplayer-lrc{display:none;position:relative;height:30px;text-align:center;overflow:hidden;margin:-10px 0 7px}.aplayer .aplayer-lrc:before{top:0;height:10%;background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0)}.aplayer .aplayer-lrc:after,.aplayer .aplayer-lrc:before{position:absolute;z-index:1;display:block;overflow:hidden;width:100%;content:" "}.aplayer .aplayer-lrc:after{bottom:0;height:33%;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.8));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ccffffff",GradientType=0)}.aplayer .aplayer-lrc p{font-size:12px;color:#666;line-height:16px!important;height:16px!important;padding:0!important;margin:0!important;transition:all .5s ease-out;opacity:.4;overflow:hidden}.aplayer .aplayer-lrc p.aplayer-lrc-current{opacity:1;overflow:visible;height:auto!important;min-height:16px}.aplayer .aplayer-lrc.aplayer-lrc-hide{display:none}.aplayer .aplayer-lrc .aplayer-lrc-contents{width:100%;transition:all .5s ease-out;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default}.aplayer .aplayer-list{overflow:auto;transition:all .5s ease;will-change:height;display:none;overflow:hidden}.aplayer .aplayer-list.aplayer-list-hide{max-height:0!important}.aplayer .aplayer-list ol{list-style-type:none;margin:0;padding:0;overflow-y:auto}.aplayer .aplayer-list ol::-webkit-scrollbar{width:5px}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb{border-radius:3px;background-color:#eee}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover{background-color:#ccc}.aplayer .aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;border-top:1px solid #e9e9e9;cursor:pointer;transition:all .2s ease;overflow:hidden;margin:0}.aplayer .aplayer-list ol li:first-child{border-top:none}.aplayer .aplayer-list ol li:hover{background:#efefef}.aplayer .aplayer-list ol li.aplayer-list-light{background:#e9e9e9}.aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur{display:inline-block}.aplayer .aplayer-list ol li .aplayer-list-cur{display:none;width:3px;height:22px;position:absolute;left:0;top:5px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-index{color:#666;margin-right:12px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-author{color:#666;float:right;cursor:pointer}.aplayer .aplayer-notice{opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:12px;border-radius:4px;padding:5px 10px;transition:all .3s ease-in-out;overflow:hidden;color:#fff;pointer-events:none;background-color:#f4f4f5;color:#909399}.aplayer .aplayer-miniswitcher{display:none;position:absolute;top:0;right:0;bottom:0;height:100%;background:#e6e6e6;width:18px;border-radius:0 2px 2px 0}.aplayer .aplayer-miniswitcher .aplayer-icon{height:100%;width:100%;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);transition:all .3s ease}.aplayer .aplayer-miniswitcher .aplayer-icon path{fill:#666}.aplayer .aplayer-miniswitcher .aplayer-icon:hover path{fill:#000}@-webkit-keyframes aplayer-roll{0%{left:0}to{left:-100%}}@keyframes aplayer-roll{0%{left:0}to{left:-100%}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
+
+/*# sourceMappingURL=APlayer.min.css.map*/
\ No newline at end of file
diff --git a/js/app.js b/js/app.js
new file mode 100644
index 0000000..67a4c1e
--- /dev/null
+++ b/js/app.js
@@ -0,0 +1,21 @@
+// 设置 tabs 标签
+function setTabs() {
+ $(".tabs .nav-tabs").on("click", "a", (e) => {
+ e.preventDefault();
+ e.stopPropagation();
+ const $tab = $(e.target.parentElement.parentElement.parentElement);
+ $tab.find(".nav-tabs .active").removeClass("active");
+ $tab.find(e.target.parentElement).addClass("active");
+ $tab.find(".tab-content .active").removeClass("active");
+ $tab.find($(e.target).attr("class")).addClass("active");
+ return false;
+ });
+}
+
+$(function () {
+ setTabs();
+});
+
+document.addEventListener('pjax:complete', function () {
+ setTabs();
+});
diff --git a/js/bubble/bubble.js b/js/bubble/bubble.js
new file mode 100644
index 0000000..34d7bf1
--- /dev/null
+++ b/js/bubble/bubble.js
@@ -0,0 +1,71 @@
+(function() {
+ var canvas, ctx, width, height, bubbles, animateHeader = true;
+ initHeader();
+ function initHeader() {
+ canvas = document.getElementById('header_canvas');
+ window_resize();
+ ctx = canvas.getContext('2d');
+ //建立泡泡
+ bubbles = [];
+ var num = width * 0.04;//气泡数量
+ for (var i = 0; i < num; i++) {
+ var c = new Bubble();
+ bubbles.push(c);
+ }
+ animate();
+ }
+ function animate() {
+ if (animateHeader) {
+ ctx.clearRect(0, 0, width, height);
+ for (var i in bubbles) {
+ bubbles[i].draw();
+ }
+ }
+ requestAnimationFrame(animate);
+ }
+ function window_resize() {
+ //canvas铺满窗口
+ //width = window.innerWidth;
+ //height = window.innerHeight;
+
+ //如果需要铺满内容可以换下面这个
+ var panel = document.getElementById('thumbnail_canvas');
+ width=panel ? panel.offsetWidth : 0;
+ height=panel ? panel.offsetHeight : 0;
+
+ canvas.width = width;
+ canvas.height = height;
+ }
+ window.onresize = function(){
+ window_resize();
+ }
+ function Bubble() {
+ var _this = this;
+ (function() {
+ _this.pos = {};
+ init();
+ })();
+ function init() {
+ _this.pos.x = Math.random() * width;
+ _this.pos.y = height + Math.random() * 100;
+ _this.alpha = 0.1 + Math.random() * 0.3;//气泡透明度
+ _this.alpha_change = 0.0002 + Math.random() * 0.0005;//气泡透明度变化速度
+ _this.scale = 0.2 + Math.random() * 0.2;//气泡大小
+ _this.scale_change = Math.random() * 0.002;//气泡大小变化速度
+ _this.speed = 0.1 + Math.random() * 1.5;//气泡上升速度
+ }
+ //气泡
+ this.draw = function() {
+ if (_this.alpha <= 0) {
+ init();
+ }
+ _this.pos.y -= _this.speed;
+ _this.alpha -= _this.alpha_change;
+ _this.scale += _this.scale_change;
+ ctx.beginPath();
+ ctx.arc(_this.pos.x, _this.pos.y, _this.scale * 10, 0, 2 * Math.PI, false);
+ ctx.fillStyle = 'rgba(255,255,255,' + _this.alpha + ')';
+ ctx.fill();
+ };
+ }
+})();
\ No newline at end of file
diff --git a/js/bubble/homeBubble.js b/js/bubble/homeBubble.js
new file mode 100644
index 0000000..06a920a
--- /dev/null
+++ b/js/bubble/homeBubble.js
@@ -0,0 +1,71 @@
+(function() {
+ var canvas, ctx, width, height, bubbles, animateHeader = true;
+ initHeader();
+ function initHeader() {
+ canvas = document.getElementById('header_canvas');
+ window_resize();
+ ctx = canvas.getContext('2d');
+ //建立泡泡
+ bubbles = [];
+ var num = width * 0.04;//气泡数量
+ for (var i = 0; i < num; i++) {
+ var c = new Bubble();
+ bubbles.push(c);
+ }
+ animate();
+ }
+ function animate() {
+ if (animateHeader) {
+ ctx.clearRect(0, 0, width, height);
+ for (var i in bubbles) {
+ bubbles[i].draw();
+ }
+ }
+ requestAnimationFrame(animate);
+ }
+ function window_resize() {
+ //canvas铺满窗口
+ width = window.innerWidth;
+ height = window.innerHeight;
+
+ //如果需要铺满内容可以换下面这个
+ // var panel = document.getElementById('appSwiper');
+ // width=panel.offsetWidth;
+ // height=panel.offsetHeight;
+
+ canvas.width = width;
+ canvas.height = height;
+ }
+ window.onresize = function(){
+ window_resize();
+ }
+ function Bubble() {
+ var _this = this;
+ (function() {
+ _this.pos = {};
+ init();
+ })();
+ function init() {
+ _this.pos.x = Math.random() * width;
+ _this.pos.y = height + Math.random() * 100;
+ _this.alpha = 0.1 + Math.random() * 0.3;//气泡透明度
+ _this.alpha_change = 0.0002 + Math.random() * 0.0005;//气泡透明度变化速度
+ _this.scale = 0.2 + Math.random() * 0.2;//气泡大小
+ _this.scale_change = Math.random() * 0.002;//气泡大小变化速度
+ _this.speed = 0.1 + Math.random() * 1.5;//气泡上升速度
+ }
+ //气泡
+ this.draw = function() {
+ if (_this.alpha <= 0) {
+ init();
+ }
+ _this.pos.y -= _this.speed;
+ _this.alpha -= _this.alpha_change;
+ _this.scale += _this.scale_change;
+ ctx.beginPath();
+ ctx.arc(_this.pos.x, _this.pos.y, _this.scale * 10, 0, 2 * Math.PI, false);
+ ctx.fillStyle = 'rgba(255,255,255,' + _this.alpha + ')';
+ ctx.fill();
+ };
+ }
+})();
\ No newline at end of file
diff --git a/js/clipboard/clipboard.min.js b/js/clipboard/clipboard.min.js
new file mode 100644
index 0000000..28650f3
--- /dev/null
+++ b/js/clipboard/clipboard.min.js
@@ -0,0 +1,7 @@
+/*!
+ * clipboard.js v2.0.6
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ClipboardJS=e():t.ClipboardJS=e()}(this,function(){return o={},r.m=n=[function(t,e){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var o=window.getSelection(),r=document.createRange();r.selectNodeContents(t),o.removeAllRanges(),o.addRange(r),e=o.toString()}return e}},function(t,e){function n(){}n.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var o=this;function r(){o.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,r=n.length;o {
+ if (circle.position.x > this.area.width || circle.position.y > this.area.height) {
+ return this.circles.splice(index, 1)
+ }
+ circle.move()
+ })
+ if (this.circles.length == 0) {
+ this.stop = true
+ }
+ }
+
+ draw() {
+ this.circles.forEach(circle => circle.draw())
+ }
+ }
+
+ class CursorSpecialEffects {
+ constructor() {
+ this.computerCanvas = document.createElement('canvas')
+ this.renderCanvas = document.createElement('canvas')
+
+ this.computerContext = this.computerCanvas.getContext('2d')
+ this.renderContext = this.renderCanvas.getContext('2d')
+
+ this.globalWidth = window.innerWidth
+ this.globalHeight = window.innerHeight
+
+ this.booms = []
+ this.running = false
+ }
+
+ handleMouseDown(e) {
+ const boom = new Boom({
+ origin: { x: e.clientX, y: e.clientY },
+ context: this.computerContext,
+ area: {
+ width: this.globalWidth,
+ height: this.globalHeight
+ }
+ })
+ boom.init()
+ this.booms.push(boom)
+ this.running || this.run()
+ }
+
+ handlePageHide() {
+ this.booms = []
+ this.running = false
+ }
+
+ init() {
+ const style = this.renderCanvas.style
+ style.position = 'fixed'
+ style.top = style.left = 0
+ style.zIndex = '999999999999999999999999999999999999999999'
+ style.pointerEvents = 'none'
+
+ style.width = this.renderCanvas.width = this.computerCanvas.width = this.globalWidth
+ style.height = this.renderCanvas.height = this.computerCanvas.height = this.globalHeight
+
+ document.body.append(this.renderCanvas)
+
+ window.addEventListener('mousedown', this.handleMouseDown.bind(this))
+ window.addEventListener('pagehide', this.handlePageHide.bind(this))
+ }
+
+ run() {
+ this.running = true
+ if (this.booms.length == 0) {
+ return this.running = false
+ }
+
+ requestAnimationFrame(this.run.bind(this))
+
+ this.computerContext.clearRect(0, 0, this.globalWidth, this.globalHeight)
+ this.renderContext.clearRect(0, 0, this.globalWidth, this.globalHeight)
+
+ this.booms.forEach((boom, index) => {
+ if (boom.stop) {
+ return this.booms.splice(index, 1)
+ }
+ boom.move()
+ boom.draw()
+ })
+ this.renderContext.drawImage(this.computerCanvas, 0, 0, this.globalWidth, this.globalHeight)
+ }
+ }
+
+ const cursorSpecialEffects = new CursorSpecialEffects()
+ cursorSpecialEffects.init()
+
\ No newline at end of file
diff --git a/js/cursor/text.js b/js/cursor/text.js
new file mode 100644
index 0000000..6c940c2
--- /dev/null
+++ b/js/cursor/text.js
@@ -0,0 +1,24 @@
+var a_idx = 0;
+jQuery(document).ready(function($) {
+ $("body").click(function(e) {
+ var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
+ var $i = $("4jH?!)lpoJvMcF%u{McCLGnh+HOd=af&2
z%-oVL!wRNQSY&Ed#|ZFw%)q<=GxOsM`22%z&>r46_QTC1M-To7o%TKjL=E)sDD5#?
z&@E8H&p-b0f3%PImwaWrWunaeX-12+U1GX@fOj7hB>_<^nTR4Jy>EgMy$X3Inn#0^
zT(_>8eN>%j8a1
zjO~M7&?l_k-FrmgZ4ofNk-g`%+3umtV7Cv#Kv*TEYs6+cEBYnBMHW|RoU{HQc@3}e
zI0p_EW(?L(65~9nV|r;rpREPGXO`*EU(T4V@w5~wl!vf+-tP%1L*9!}dWt3^i9q9{6oH?Vd8>+y|*+_d!eaehFIXhWw`F
zWcY&t_bL9!`TN-L&0uXt8@u{aqQgFDJ3*`ArY0FDi9E$&4~=r$c`;2x6B80|KPCEA
zhwN-SuehB!=@`b1*_GXGpcQXtN}EoSkPH?zWz2!6PFF3Fn{1ly~2nMww4J$1&XwicnF}-Ul(!Fz>7j+KgKHEv
zSi-jXf--Uu))K2Bc82=ii!$<65jc&sHk;=zs(1R21`(
ztjYQ$ZpEJzk@+x2ap)k*G5MAVlm82`C!y|&mpo9s!g;d5-=qh&sUcJlSM*dM)Uz8Y
z;g^#b_$vFfVA^UNDq1&Rmr31_!o%c`?|?`Bv-`wkne|B-O{G!PS|(UJgbz7?Mao;#
zTaNaU$480&(f3c2mP@wd`?bZNYk#z`U@XDwvA4WgE>W1C);2}>z%85mIHP4uRXDwk
z>Uc872^r;=8ZZP
zH;rSQue3`V=QW0%aM9uSo;HlbU}2^=(FtiQpF^`fgM$|ac%c1B4E))nolgy1Mu~RD
z5)d8Hbsu5xiu#uY24FBPToWyXT$pcUL7!AVDegK;<LNC-
z7VI)rveT3!Z}uG7ILn8eEEa5lfvx*+P8AM;3*kcV89(`VIucdGKWjswWgdzwC6jjD
z{mC`?yNnSLERw=3vD(aE2H>N*lYH;ef;s#zj)Y2yN~S`-ys&N=fXdj_duY>=)w;rr
z1k!_9_d#O$+pHQ)+K;K^7*`=M8R<5$m{Bxu{ou2<>6aQz%pdyv`sWxPY!oofEQ#6%
zho`?Z)sIJ`uRMB|LPP)hxAkyLu_@x$Zb(VbC}kKuGK|YJ;MdQ>6?Qa}hPecda|mSf
zrxyq$gjE=`FpE1;?q;~l7VFQ#Rw%+HX3JQ%f^TW&Vlhst-Hl!QAl03gyJHa^5ixLW
zEoJ?|)8sY#O+1kVul5ahXkb@3@q>mYA?H=rnCjY&`IV>bbWgRoP!g?PJZuatuSQ}@`6Tg{y%7w&P;+cBQB}>uSvph7%uGrsDmTqVQI9!|F57w2b85uV
z+2s8rA4PFUb?@Ww2&GX{wn<6~#wmH->3_2q4xhOgvd8mr7_D`m2+L(acu@~-Wb+hy
z?Sh)ngloYK6i2HpY%e<*6+9t|-hU7@nIezU92JBQCB8gOT7cNG>|s
zt1&LCL^+pm3$2zM?*^lys)N@)uhV3vs(#f9cUqW%bdi
z`wPrMLtH(U=Y;k_sP;@5?Z8Z2gE>ZjJ8*6WT%tiPjw`8j0F?`Hyt+_6JLbv==F@8fpXIKHhbld3wR>kKJ@3-`gY!i&m0
zH7lRv?^t9q>`hq|^&+FuV~P?2*iTAR*0u2d&Cuatwu6~h%2#?$#P
zjM(U0EF|VmJPa@F36(5Y9PRqL%0DmO9Fi^=-Zcw*U%;_${dO*U!E0%;KS>N5rx5Tm
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
ZaJnd%>l|5m$)lpH{*@O70J68o{{~Oq*aZLp
literal 0
HcmV?d00001
diff --git a/js/danmu/jquery.barrager.js b/js/danmu/jquery.barrager.js
new file mode 100644
index 0000000..df69342
--- /dev/null
+++ b/js/danmu/jquery.barrager.js
@@ -0,0 +1,7 @@
+/*!
+ *@name jquery.barrager.js
+ *@version 1.1
+ *@author yaseng@uauc.net
+ *@url https://github.com/yaseng/jquery.barrager.js
+ */
+(function($){$.fn.barrager=function(barrage){barrage=$.extend({close:true,bottom:0,max:10,speed:8,color:'#fff',old_ie_color:'#000000'},barrage||{});var time=new Date().getTime();var barrager_id='barrage_'+time;var id='#'+barrager_id;var div_barrager=$("
").appendTo($(this));var window_height=$(window).height()-100;var this_height=(window_height>this.height())?this.height():window_height;var window_width=$(window).width()+500;var this_width=(window_width>this.width())?this.width():window_width;var bottom=(barrage.bottom==0)?Math.floor(Math.random()*this_height+40):barrage.bottom;div_barrager.css("bottom",bottom+"px");div_barrager_box=$("
").appendTo(div_barrager);if(barrage.img){div_barrager_box.append("
");if(barrage.close){div_barrager_box.append("
")}var content=$("
').css({'position': 'absolute','z-index':'9999', 'top': '-50px'}).html('❄'),
+ documentHeight = $(document).height(),
+ documentWidth = $(document).width(),
+ defaults = {
+ minSize : 10,
+ maxSize : 20,
+ newOn : 1000,
+ flakeColor : "#AFDAEF" /* 此处可以定义雪花颜色，若要白色可以改为#FFFFFF */
+ },
+ options = $.extend({}, defaults, options);
+ snowInterval = setInterval( function(){
+ var startPositionLeft = Math.random() * documentWidth - 100,
+ startOpacity = 0.5 + Math.random(),
+ sizeFlake = options.minSize + Math.random() * options.maxSize,
+ endPositionTop = documentHeight - 200,
+ endPositionLeft = startPositionLeft - 500 + Math.random() * 500,
+ durationFall = documentHeight * 10 + Math.random() * 5000;
+ $flake.clone().appendTo('body').css({
+ left: startPositionLeft,
+ opacity: startOpacity,
+ 'font-size': sizeFlake,
+ color: options.flakeColor
+ }).animate({
+ top: endPositionTop,
+ left: endPositionLeft,
+ opacity: 0.2
+ },durationFall,'linear',function(){
+ $(this).remove()
+ });
+ }, options.newOn);
+ };
+})(jQuery);
+
+if ($('.snowbox').length <=0 && $('#home-bg-floor').length) {
+ $.fn.snow({
+ minSize: 5, /* 定义雪花最小尺寸 */
+ maxSize: 50,/* 定义雪花最大尺寸 */
+ newOn: 300 /* 定义密集程度，数字越小越密集 */
+ });
+}
+document.addEventListener('pjax:send', function (e) {
+ if ($('.snowbox').length) {
+ $('.snowbox').remove();
+ snowInterval && clearInterval(snowInterval)
+ }
+})
\ No newline at end of file
diff --git a/js/fancybox.umd.js b/js/fancybox.umd.js
new file mode 100644
index 0000000..e9dbe5e
--- /dev/null
+++ b/js/fancybox.umd.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).window=t.window||{})}(this,(function(t){"use strict";const e=(t,e=1e4)=>(t=parseFloat(t+"")||0,Math.round((t+Number.EPSILON)*e)/e),i=function(t){if(!(t&&t instanceof Element&&t.offsetParent))return!1;const e=t.scrollHeight>t.clientHeight,i=window.getComputedStyle(t).overflowY,n=-1!==i.indexOf("hidden"),s=-1!==i.indexOf("visible");return e&&!n&&!s},n=function(t,e=void 0){return!(!t||t===document.body||e&&t===e)&&(i(t)?t:n(t.parentElement,e))},s=function(t){var e=(new DOMParser).parseFromString(t,"text/html").body;if(e.childElementCount>1){for(var i=document.createElement("div");e.firstChild;)i.appendChild(e.firstChild);return i}return e.firstChild},o=t=>`${t||""}`.split(" ").filter((t=>!!t)),a=(t,e,i)=>{o(e).forEach((e=>{t&&t.classList.toggle(e,i||!1)}))};class r{constructor(t){Object.defineProperty(this,"pageX",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"pageY",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"clientX",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"clientY",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"id",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"time",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"nativePointer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.nativePointer=t,this.pageX=t.pageX,this.pageY=t.pageY,this.clientX=t.clientX,this.clientY=t.clientY,this.id=self.Touch&&t instanceof Touch?t.identifier:-1,this.time=Date.now()}}const l={passive:!1};class c{constructor(t,{start:e=(()=>!0),move:i=(()=>{}),end:n=(()=>{})}){Object.defineProperty(this,"element",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"startCallback",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"moveCallback",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"endCallback",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"currentPointers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"startPointers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),this.element=t,this.startCallback=e,this.moveCallback=i,this.endCallback=n;for(const t of["onPointerStart","onTouchStart","onMove","onTouchEnd","onPointerEnd","onWindowBlur"])this[t]=this[t].bind(this);this.element.addEventListener("mousedown",this.onPointerStart,l),this.element.addEventListener("touchstart",this.onTouchStart,l),this.element.addEventListener("touchmove",this.onMove,l),this.element.addEventListener("touchend",this.onTouchEnd),this.element.addEventListener("touchcancel",this.onTouchEnd)}onPointerStart(t){if(!t.buttons||0!==t.button)return;const e=new r(t);this.currentPointers.some((t=>t.id===e.id))||this.triggerPointerStart(e,t)&&(window.addEventListener("mousemove",this.onMove),window.addEventListener("mouseup",this.onPointerEnd),window.addEventListener("blur",this.onWindowBlur))}onTouchStart(t){for(const e of Array.from(t.changedTouches||[]))this.triggerPointerStart(new r(e),t);window.addEventListener("blur",this.onWindowBlur)}onMove(t){const e=this.currentPointers.slice(),i="changedTouches"in t?Array.from(t.changedTouches||[]).map((t=>new r(t))):[new r(t)],n=[];for(const t of i){const e=this.currentPointers.findIndex((e=>e.id===t.id));e<0||(n.push(t),this.currentPointers[e]=t)}n.length&&this.moveCallback(t,this.currentPointers.slice(),e)}onPointerEnd(t){t.buttons>0&&0!==t.button||(this.triggerPointerEnd(t,new r(t)),window.removeEventListener("mousemove",this.onMove),window.removeEventListener("mouseup",this.onPointerEnd),window.removeEventListener("blur",this.onWindowBlur))}onTouchEnd(t){for(const e of Array.from(t.changedTouches||[]))this.triggerPointerEnd(t,new r(e))}triggerPointerStart(t,e){return!!this.startCallback(e,t,this.currentPointers.slice())&&(this.currentPointers.push(t),this.startPointers.push(t),!0)}triggerPointerEnd(t,e){const i=this.currentPointers.findIndex((t=>t.id===e.id));i<0||(this.currentPointers.splice(i,1),this.startPointers.splice(i,1),this.endCallback(t,e,this.currentPointers.slice()))}onWindowBlur(){this.clear()}clear(){for(;this.currentPointers.length;){const t=this.currentPointers[this.currentPointers.length-1];this.currentPointers.splice(this.currentPointers.length-1,1),this.startPointers.splice(this.currentPointers.length-1,1),this.endCallback(new Event("touchend",{bubbles:!0,cancelable:!0,clientX:t.clientX,clientY:t.clientY}),t,this.currentPointers.slice())}}stop(){this.element.removeEventListener("mousedown",this.onPointerStart,l),this.element.removeEventListener("touchstart",this.onTouchStart,l),this.element.removeEventListener("touchmove",this.onMove,l),this.element.removeEventListener("touchend",this.onTouchEnd),this.element.removeEventListener("touchcancel",this.onTouchEnd),window.removeEventListener("mousemove",this.onMove),window.removeEventListener("mouseup",this.onPointerEnd),window.removeEventListener("blur",this.onWindowBlur)}}function h(t,e){return e?Math.sqrt(Math.pow(e.clientX-t.clientX,2)+Math.pow(e.clientY-t.clientY,2)):0}function d(t,e){return e?{clientX:(t.clientX+e.clientX)/2,clientY:(t.clientY+e.clientY)/2}:t}const u=t=>"object"==typeof t&&null!==t&&t.constructor===Object&&"[object Object]"===Object.prototype.toString.call(t),p=(t,...e)=>{const i=e.length;for(let n=0;n{const n=Array.isArray(i)?[]:{};t[e]||Object.assign(t,{[e]:n}),u(i)?Object.assign(t[e],p(n,i)):Array.isArray(i)?Object.assign(t,{[e]:[...i]}):Object.assign(t,{[e]:i})}))}return t},f=function(t,e){return t.split(".").reduce(((t,e)=>"object"==typeof t?t[e]:void 0),e)};class m{constructor(t={}){Object.defineProperty(this,"options",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(this,"events",{enumerable:!0,configurable:!0,writable:!0,value:new Map}),this.setOptions(t);for(const t of Object.getOwnPropertyNames(Object.getPrototypeOf(this)))t.startsWith("on")&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}setOptions(t){this.options=t?p({},this.constructor.defaults,t):{};for(const[t,e]of Object.entries(this.option("on")||{}))this.on(t,e)}option(t,...e){let i=f(t,this.options);return i&&"function"==typeof i&&(i=i.call(this,this,...e)),i}optionFor(t,e,i,...n){let s=f(e,t);var o;"string"!=typeof(o=s)||isNaN(o)||isNaN(parseFloat(o))||(s=parseFloat(s)),"true"===s&&(s=!0),"false"===s&&(s=!1),s&&"function"==typeof s&&(s=s.call(this,this,t,...n));let a=f(e,this.options);return a&&"function"==typeof a?s=a.call(this,this,t,...n,s):void 0===s&&(s=a),void 0===s?i:s}cn(t){const e=this.options.classes;return e&&e[t]||""}localize(t,e=[]){t=String(t).replace(/\{\{(\w+).?(\w+)?\}\}/g,((t,e,i)=>{let n="";return i?n=this.option(`${e[0]+e.toLowerCase().substring(1)}.l10n.${i}`):e&&(n=this.option(`l10n.${e}`)),n||(n=t),n}));for(let i=0;ie))}on(t,e){let i=[];"string"==typeof t?i=t.split(" "):Array.isArray(t)&&(i=t),this.events||(this.events=new Map),i.forEach((t=>{let i=this.events.get(t);i||(this.events.set(t,[]),i=[]),i.includes(e)||i.push(e),this.events.set(t,i)}))}off(t,e){let i=[];"string"==typeof t?i=t.split(" "):Array.isArray(t)&&(i=t),i.forEach((t=>{const i=this.events.get(t);if(Array.isArray(i)){const t=i.indexOf(e);t>-1&&i.splice(t,1)}}))}emit(t,...e){[...this.events.get(t)||[]].forEach((t=>t(this,...e))),"*"!==t&&this.emit("*",t,...e)}}Object.defineProperty(m,"version",{enumerable:!0,configurable:!0,writable:!0,value:"5.0.20"}),Object.defineProperty(m,"defaults",{enumerable:!0,configurable:!0,writable:!0,value:{}});class g extends m{constructor(t={}){super(t),Object.defineProperty(this,"plugins",{enumerable:!0,configurable:!0,writable:!0,value:{}})}attachPlugins(t={}){const e=new Map;for(const[i,n]of Object.entries(t)){const t=this.option(i),s=this.plugins[i];s||!1===t?s&&!1===t&&(s.detach(),delete this.plugins[i]):e.set(i,new n(this,t||{}))}for(const[t,i]of e)this.plugins[t]=i,i.attach();this.emit("attachPlugins")}detachPlugins(t){t=t||Object.keys(this.plugins);for(const e of t){const t=this.plugins[e];t&&t.detach(),delete this.plugins[e]}return this.emit("detachPlugins"),this}}var b;!function(t){t[t.Init=0]="Init",t[t.Error=1]="Error",t[t.Ready=2]="Ready",t[t.Panning=3]="Panning",t[t.Mousemove=4]="Mousemove",t[t.Destroy=5]="Destroy"}(b||(b={}));const v=["a","b","c","d","e","f"],y={PANUP:"Move up",PANDOWN:"Move down",PANLEFT:"Move left",PANRIGHT:"Move right",ZOOMIN:"Zoom in",ZOOMOUT:"Zoom out",TOGGLEZOOM:"Toggle zoom level",TOGGLE1TO1:"Toggle zoom level",ITERATEZOOM:"Toggle zoom level",ROTATECCW:"Rotate counterclockwise",ROTATECW:"Rotate clockwise",FLIPX:"Flip horizontally",FLIPY:"Flip vertically",FITX:"Fit horizontally",FITY:"Fit vertically",RESET:"Reset",TOGGLEFS:"Toggle fullscreen"},w={content:null,width:"auto",height:"auto",panMode:"drag",touch:!0,dragMinThreshold:3,lockAxis:!1,mouseMoveFactor:1,mouseMoveFriction:.12,zoom:!0,pinchToZoom:!0,panOnlyZoomed:"auto",minScale:1,maxScale:2,friction:.25,dragFriction:.35,decelFriction:.05,click:"toggleZoom",dblClick:!1,wheel:"zoom",wheelLimit:7,spinner:!0,bounds:"auto",infinite:!1,rubberband:!0,bounce:!0,maxVelocity:75,transformParent:!1,classes:{content:"f-panzoom__content",isLoading:"is-loading",canZoomIn:"can-zoom_in",canZoomOut:"can-zoom_out",isDraggable:"is-draggable",isDragging:"is-dragging",inFullscreen:"in-fullscreen",htmlHasFullscreen:"with-panzoom-in-fullscreen"},l10n:y},x='
',E=t=>t&&null!==t&&t instanceof Element&&"nodeType"in t,S=(t,e)=>{t&&o(e).forEach((e=>{t.classList.remove(e)}))},P=(t,e)=>{t&&o(e).forEach((e=>{t.classList.add(e)}))},C={a:1,b:0,c:0,d:1,e:0,f:0},M=1e5,T=1e3,O="mousemove",A="drag",z="content";let L=null,R=null;class k extends g{get isTouchDevice(){return null===R&&(R=window.matchMedia("(hover: none)").matches),R}get isMobile(){return null===L&&(L=/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)),L}get panMode(){return this.options.panMode!==O||this.isTouchDevice?A:O}get panOnlyZoomed(){const t=this.options.panOnlyZoomed;return"auto"===t?this.isTouchDevice:t}get isInfinite(){return this.option("infinite")}get angle(){return 180*Math.atan2(this.current.b,this.current.a)/Math.PI||0}get targetAngle(){return 180*Math.atan2(this.target.b,this.target.a)/Math.PI||0}get scale(){const{a:t,b:e}=this.current;return Math.sqrt(t*t+e*e)||1}get targetScale(){const{a:t,b:e}=this.target;return Math.sqrt(t*t+e*e)||1}get minScale(){return this.option("minScale")||1}get fullScale(){const{contentRect:t}=this;return t.fullWidth/t.fitWidth||1}get maxScale(){return this.fullScale*(this.option("maxScale")||1)||1}get coverScale(){const{containerRect:t,contentRect:e}=this,i=Math.max(t.height/e.fitHeight,t.width/e.fitWidth)||1;return Math.min(this.fullScale,i)}get isScaling(){return Math.abs(this.targetScale-this.scale)>1e-5&&!this.isResting}get isContentLoading(){const t=this.content;return!!(t&&t instanceof HTMLImageElement)&&!t.complete}get isResting(){if(this.isBouncingX||this.isBouncingY)return!1;for(const t of v){const e="e"==t||"f"===t?.001:1e-5;if(Math.abs(this.target[t]-this.current[t])>e)return!1}return!(!this.ignoreBounds&&!this.checkBounds().inBounds)}constructor(t,e={},i={}){var n;if(super(e),Object.defineProperty(this,"pointerTracker",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"resizeObserver",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"updateTimer",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"clickTimer",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"rAF",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"isTicking",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"friction",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"ignoreBounds",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"isBouncingX",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"isBouncingY",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"clicks",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"trackingPoints",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"pwt",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"cwd",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"pmme",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:b.Init}),Object.defineProperty(this,"isDragging",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"container",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"content",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"spinner",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"containerRect",{enumerable:!0,configurable:!0,writable:!0,value:{width:0,height:0,innerWidth:0,innerHeight:0}}),Object.defineProperty(this,"contentRect",{enumerable:!0,configurable:!0,writable:!0,value:{top:0,right:0,bottom:0,left:0,fullWidth:0,fullHeight:0,fitWidth:0,fitHeight:0,width:0,height:0}}),Object.defineProperty(this,"dragStart",{enumerable:!0,configurable:!0,writable:!0,value:{x:0,y:0,top:0,left:0,time:0}}),Object.defineProperty(this,"dragOffset",{enumerable:!0,configurable:!0,writable:!0,value:{x:0,y:0,time:0}}),Object.defineProperty(this,"current",{enumerable:!0,configurable:!0,writable:!0,value:Object.assign({},C)}),Object.defineProperty(this,"target",{enumerable:!0,configurable:!0,writable:!0,value:Object.assign({},C)}),Object.defineProperty(this,"velocity",{enumerable:!0,configurable:!0,writable:!0,value:{a:0,b:0,c:0,d:0,e:0,f:0}}),Object.defineProperty(this,"lockedAxis",{enumerable:!0,configurable:!0,writable:!0,value:!1}),!t)throw new Error("Container Element Not Found");this.container=t,this.initContent(),this.attachPlugins(Object.assign(Object.assign({},k.Plugins),i)),this.emit("init");const o=this.content;if(o.addEventListener("load",this.onLoad),o.addEventListener("error",this.onError),this.isContentLoading){if(this.option("spinner")){t.classList.add(this.cn("isLoading"));const e=s(x);!t.contains(o)||o.parentElement instanceof HTMLPictureElement?this.spinner=t.appendChild(e):this.spinner=(null===(n=o.parentElement)||void 0===n?void 0:n.insertBefore(e,o))||null}this.emit("beforeLoad")}else queueMicrotask((()=>{this.enable()}))}initContent(){const{container:t}=this,e=this.cn(z);let i=this.option(z)||t.querySelector(`.${e}`);if(i||(i=t.querySelector("img,picture")||t.firstElementChild,i&&P(i,e)),i instanceof HTMLPictureElement&&(i=i.querySelector("img")),!i)throw new Error("No content found");this.content=i}onLoad(){this.spinner&&(this.spinner.remove(),this.spinner=null),this.option("spinner")&&this.container.classList.remove(this.cn("isLoading")),this.emit("afterLoad"),this.state===b.Init?this.enable():this.updateMetrics()}onError(){this.state!==b.Destroy&&(this.spinner&&(this.spinner.remove(),this.spinner=null),this.stop(),this.detachEvents(),this.state=b.Error,this.emit("error"))}attachObserver(){var t;const e=()=>Math.abs(this.containerRect.width-this.container.getBoundingClientRect().width)>.1||Math.abs(this.containerRect.height-this.container.getBoundingClientRect().height)>.1;this.resizeObserver||void 0===window.ResizeObserver||(this.resizeObserver=new ResizeObserver((()=>{this.updateTimer||(e()?(this.onResize(),this.isMobile&&(this.updateTimer=setTimeout((()=>{e()&&this.onResize(),this.updateTimer=null}),500))):this.updateTimer&&(clearTimeout(this.updateTimer),this.updateTimer=null))}))),null===(t=this.resizeObserver)||void 0===t||t.observe(this.container)}detachObserver(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}attachEvents(){const{container:t}=this;t.addEventListener("click",this.onClick,{passive:!1,capture:!1}),t.addEventListener("wheel",this.onWheel,{passive:!1}),this.pointerTracker=new c(t,{start:this.onPointerDown,move:this.onPointerMove,end:this.onPointerUp}),document.addEventListener(O,this.onMouseMove)}detachEvents(){var t;const{container:e}=this;e.removeEventListener("click",this.onClick,{passive:!1,capture:!1}),e.removeEventListener("wheel",this.onWheel,{passive:!1}),null===(t=this.pointerTracker)||void 0===t||t.stop(),this.pointerTracker=null,document.removeEventListener(O,this.onMouseMove),document.removeEventListener("keydown",this.onKeydown,!0),this.clickTimer&&(clearTimeout(this.clickTimer),this.clickTimer=null),this.updateTimer&&(clearTimeout(this.updateTimer),this.updateTimer=null)}animate(){const t=this.friction;this.setTargetForce();const e=this.option("maxVelocity");for(const i of v)t?(this.velocity[i]*=1-t,e&&!this.isScaling&&(this.velocity[i]=Math.max(Math.min(this.velocity[i],e),-1*e)),this.current[i]+=this.velocity[i]):this.current[i]=this.target[i];this.setTransform(),this.setEdgeForce(),!this.isResting||this.isDragging?this.rAF=requestAnimationFrame((()=>this.animate())):this.stop("current")}setTargetForce(){for(const t of v)"e"===t&&this.isBouncingX||"f"===t&&this.isBouncingY||(this.velocity[t]=(1/(1-this.friction)-1)*(this.target[t]-this.current[t]))}checkBounds(t=0,e=0){const{current:i}=this,n=i.e+t,s=i.f+e,o=this.getBounds(),{x:a,y:r}=o,l=a.min,c=a.max,h=r.min,d=r.max;let u=0,p=0;return l!==1/0&&nc&&(u=c-n),h!==1/0&&sd&&(p=d-s),Math.abs(u)<.001&&(u=0),Math.abs(p)<.001&&(p=0),Object.assign(Object.assign({},o),{xDiff:u,yDiff:p,inBounds:!u&&!p})}clampTargetBounds(){const{target:t}=this,{x:e,y:i}=this.getBounds();e.min!==1/0&&(t.e=Math.max(t.e,e.min)),e.max!==1/0&&(t.e=Math.min(t.e,e.max)),i.min!==1/0&&(t.f=Math.max(t.f,i.min)),i.max!==1/0&&(t.f=Math.min(t.f,i.max))}calculateContentDim(t=this.current){const{content:e,contentRect:i}=this,{fitWidth:n,fitHeight:s,fullWidth:o,fullHeight:a}=i;let r=o,l=a;if(this.option("zoom")||0!==this.angle){const i=!(e instanceof HTMLImageElement)&&("none"===window.getComputedStyle(e).maxWidth||"none"===window.getComputedStyle(e).maxHeight),c=i?o:n,h=i?a:s,d=this.getMatrix(t),u=new DOMPoint(0,0).matrixTransform(d),p=new DOMPoint(0+c,0).matrixTransform(d),f=new DOMPoint(0+c,0+h).matrixTransform(d),m=new DOMPoint(0,0+h).matrixTransform(d),g=Math.abs(f.x-u.x),b=Math.abs(f.y-u.y),v=Math.abs(m.x-p.x),y=Math.abs(m.y-p.y);r=Math.max(g,v),l=Math.max(b,y)}return{contentWidth:r,contentHeight:l}}setEdgeForce(){if(this.ignoreBounds||this.isDragging||this.panMode===O||this.targetScale{const t=window.getSelection();return t&&"Range"===t.type})()&&!i.closest("button"))return;const n=i.closest("[data-panzoom-action]"),s=i.closest("[data-panzoom-change]"),o=n||s,a=o&&E(o)?o.dataset:null;if(a){const e=a.panzoomChange,i=a.panzoomAction;if((e||i)&&t.preventDefault(),e){let t={};try{t=JSON.parse(e)}catch(t){console&&console.warn("The given data was not valid JSON")}return void this.applyChange(t)}if(i)return void(this[i]&&this[i]())}if(Math.abs(this.dragOffset.x)>3||Math.abs(this.dragOffset.y)>3)return t.preventDefault(),void t.stopPropagation();const r=this.content.getBoundingClientRect();if(this.dragStart.time&&!this.canZoomOut()&&(Math.abs(r.x-this.dragStart.x)>2||Math.abs(r.y-this.dragStart.y)>2))return;this.dragStart.time=0;const l=e=>{this.option("zoom")&&e&&"string"==typeof e&&/(iterateZoom)|(toggle(Zoom|Full|Cover|Max)|(zoomTo(Fit|Cover|Max)))/.test(e)&&"function"==typeof this[e]&&(t.preventDefault(),this[e]({event:t}))},c=this.option("click",t),h=this.option("dblClick",t);h?(this.clicks++,1==this.clicks&&(this.clickTimer=setTimeout((()=>{1===this.clicks?(this.emit("click",t),!t.defaultPrevented&&c&&l(c)):(this.emit("dblClick",t),t.defaultPrevented||l(h)),this.clicks=0,this.clickTimer=null}),350))):(this.emit("click",t),!t.defaultPrevented&&c&&l(c))}addTrackingPoint(t){const e=this.trackingPoints.filter((t=>t.time>Date.now()-100));e.push(t),this.trackingPoints=e}onPointerDown(t,e,i){var n;this.pwt=0,this.dragOffset={x:0,y:0,time:0},this.trackingPoints=[];const s=this.content.getBoundingClientRect();if(this.dragStart={x:s.x,y:s.y,top:s.top,left:s.left,time:Date.now()},this.clickTimer)return!1;if(this.panMode===O&&this.targetScale>1)return t.preventDefault(),t.stopPropagation(),!1;if(!i.length){const e=t.composedPath()[0];if(["A","TEXTAREA","OPTION","INPUT","SELECT","VIDEO"].includes(e.nodeName)||e.closest("[contenteditable]")||e.closest("[data-selectable]")||e.closest("[data-draggable]")||e.closest("[data-clickable]")||e.closest("[data-panzoom-change]")||e.closest("[data-panzoom-action]"))return!1;null===(n=window.getSelection())||void 0===n||n.removeAllRanges()}if("mousedown"===t.type)t.preventDefault();else if(Math.abs(this.velocity.a)>.3)return!1;return this.target.e=this.current.e,this.target.f=this.current.f,this.stop(),this.isDragging||(this.isDragging=!0,this.addTrackingPoint(e),this.emit("touchStart",t)),!0}onPointerMove(t,i,s){if(!1===this.option("touch",t))return;if(!this.isDragging)return;if(i.length<2&&this.panOnlyZoomed&&e(this.targetScale)<=e(this.minScale))return;if(this.emit("touchMove",t),t.defaultPrevented)return;this.addTrackingPoint(i[0]);const{content:o}=this,a=d(s[0],s[1]),r=d(i[0],i[1]);let l=0,c=0;if(i.length>1){const t=o.getBoundingClientRect();l=a.clientX-t.left-.5*t.width,c=a.clientY-t.top-.5*t.height}const u=h(s[0],s[1]),p=h(i[0],i[1]);let f=u?p/u:1,m=r.clientX-a.clientX,g=r.clientY-a.clientY;this.dragOffset.x+=m,this.dragOffset.y+=g,this.dragOffset.time=Date.now()-this.dragStart.time;let b=e(this.targetScale)===e(this.minScale)&&this.option("lockAxis");if(b&&!this.lockedAxis)if("xy"===b||"y"===b||"touchmove"===t.type){if(Math.abs(this.dragOffset.x)<6&&Math.abs(this.dragOffset.y)<6)return void t.preventDefault();const e=Math.abs(180*Math.atan2(this.dragOffset.y,this.dragOffset.x)/Math.PI);this.lockedAxis=e>45&&e<135?"y":"x",this.dragOffset.x=0,this.dragOffset.y=0,m=0,g=0}else this.lockedAxis=b;if(n(t.target,this.content)&&(b="x",this.dragOffset.y=0),b&&"xy"!==b&&this.lockedAxis!==b&&e(this.targetScale)===e(this.minScale))return;t.cancelable&&t.preventDefault(),this.container.classList.add(this.cn("isDragging"));const v=this.checkBounds(m,g);this.option("rubberband")?("x"!==this.isInfinite&&(v.xDiff>0&&m<0||v.xDiff<0&&m>0)&&(m*=Math.max(0,.5-Math.abs(.75/this.contentRect.fitWidth*v.xDiff))),"y"!==this.isInfinite&&(v.yDiff>0&&g<0||v.yDiff<0&&g>0)&&(g*=Math.max(0,.5-Math.abs(.75/this.contentRect.fitHeight*v.yDiff)))):(v.xDiff&&(m=0),v.yDiff&&(g=0));const y=this.targetScale,w=this.minScale,x=this.maxScale;y<.5*w&&(f=Math.max(f,w)),y>1.5*x&&(f=Math.min(f,x)),"y"===this.lockedAxis&&e(y)===e(w)&&(m=0),"x"===this.lockedAxis&&e(y)===e(w)&&(g=0),this.applyChange({originX:l,originY:c,panX:m,panY:g,scale:f,friction:this.option("dragFriction"),ignoreBounds:!0})}onPointerUp(t,e,i){if(i.length)return this.dragOffset.x=0,this.dragOffset.y=0,void(this.trackingPoints=[]);this.container.classList.remove(this.cn("isDragging")),this.isDragging&&(this.addTrackingPoint(e),this.panOnlyZoomed&&this.contentRect.width-this.contentRect.fitWidth<1&&this.contentRect.height-this.contentRect.fitHeight<1&&(this.trackingPoints=[]),n(t.target,this.content)&&"y"===this.lockedAxis&&(this.trackingPoints=[]),this.emit("touchEnd",t),this.isDragging=!1,this.lockedAxis=!1,this.state!==b.Destroy&&(t.defaultPrevented||this.startDecelAnim()))}startDecelAnim(){var t;const i=this.isScaling;this.rAF&&(cancelAnimationFrame(this.rAF),this.rAF=null),this.isBouncingX=!1,this.isBouncingY=!1;for(const t of v)this.velocity[t]=0;this.target.e=this.current.e,this.target.f=this.current.f,S(this.container,"is-scaling"),S(this.container,"is-animating"),this.isTicking=!1;const{trackingPoints:n}=this,s=n[0],o=n[n.length-1];let a=0,r=0,l=0;o&&s&&(a=o.clientX-s.clientX,r=o.clientY-s.clientY,l=o.time-s.time);const c=(null===(t=window.visualViewport)||void 0===t?void 0:t.scale)||1;1!==c&&(a*=c,r*=c);let h=0,d=0,u=0,p=0,f=this.option("decelFriction");const m=this.targetScale;if(l>0){u=Math.abs(a)>3?a/(l/30):0,p=Math.abs(r)>3?r/(l/30):0;const t=this.option("maxVelocity");t&&(u=Math.max(Math.min(u,t),-1*t),p=Math.max(Math.min(p,t),-1*t))}u&&(h=u/(1/(1-f)-1)),p&&(d=p/(1/(1-f)-1)),("y"===this.option("lockAxis")||"xy"===this.option("lockAxis")&&"y"===this.lockedAxis&&e(m)===this.minScale)&&(h=u=0),("x"===this.option("lockAxis")||"xy"===this.option("lockAxis")&&"x"===this.lockedAxis&&e(m)===this.minScale)&&(d=p=0);const g=this.dragOffset.x,b=this.dragOffset.y,y=this.option("dragMinThreshold")||0;Math.abs(g)this.maxScale+1e-5||i&&!h&&!d)&&(f=.35),this.applyChange({panX:h,panY:d,friction:f}),this.emit("decel",u,p,g,b)}onWheel(t){var e=[-t.deltaX||0,-t.deltaY||0,-t.detail||0].reduce((function(t,e){return Math.abs(e)>Math.abs(t)?e:t}));const i=Math.max(-1,Math.min(1,e));if(this.emit("wheel",t,i),this.panMode===O)return;if(t.defaultPrevented)return;const n=this.option("wheel");"pan"===n?(t.preventDefault(),this.panOnlyZoomed&&!this.canZoomOut()||this.applyChange({panX:2*-t.deltaX,panY:2*-t.deltaY,bounce:!1})):"zoom"===n&&!1!==this.option("zoom")&&this.zoomWithWheel(t)}onMouseMove(t){this.panWithMouse(t)}onKeydown(t){"Escape"===t.key&&this.toggleFS()}onResize(){this.updateMetrics(),this.checkBounds().inBounds||this.requestTick()}setTransform(){this.emit("beforeTransform");const{current:t,target:i,content:n,contentRect:s}=this,o=Object.assign({},C);for(const n of v){const s="e"==n||"f"===n?T:M;o[n]=e(t[n],s),Math.abs(i[n]-t[n])<("e"==n||"f"===n?.51:.001)&&(t[n]=i[n])}let{a:a,b:r,c:l,d:c,e:h,f:d}=o,u=`matrix(${a}, ${r}, ${l}, ${c}, ${h}, ${d})`,p=n.parentElement instanceof HTMLPictureElement?n.parentElement:n;if(this.option("transformParent")&&(p=p.parentElement||p),p.style.transform===u)return;p.style.transform=u;const{contentWidth:f,contentHeight:m}=this.calculateContentDim();s.width=f,s.height=m,this.emit("afterTransform")}updateMetrics(t=!1){var i;if(!this||this.state===b.Destroy)return;if(this.isContentLoading)return;const n=Math.max(1,(null===(i=window.visualViewport)||void 0===i?void 0:i.scale)||1),{container:s,content:o}=this,a=o instanceof HTMLImageElement,r=s.getBoundingClientRect(),l=getComputedStyle(this.container);let c=r.width*n,h=r.height*n;const d=parseFloat(l.paddingTop)+parseFloat(l.paddingBottom),u=c-(parseFloat(l.paddingLeft)+parseFloat(l.paddingRight)),p=h-d;this.containerRect={width:c,height:h,innerWidth:u,innerHeight:p};let f=this.option("width")||"auto",m=this.option("height")||"auto";"auto"===f&&(f=parseFloat(o.dataset.width||"")||(t=>{let e=0;return e=t instanceof HTMLImageElement?t.naturalWidth:t instanceof SVGElement?t.width.baseVal.value:Math.max(t.offsetWidth,t.scrollWidth),e||0})(o)),"auto"===m&&(m=parseFloat(o.dataset.height||"")||(t=>{let e=0;return e=t instanceof HTMLImageElement?t.naturalHeight:t instanceof SVGElement?t.height.baseVal.value:Math.max(t.offsetHeight,t.scrollHeight),e||0})(o));let g=o.parentElement instanceof HTMLPictureElement?o.parentElement:o;this.option("transformParent")&&(g=g.parentElement||g);const v=g.getAttribute("style")||"";g.style.setProperty("transform","none","important"),a&&(g.style.width="",g.style.height=""),g.offsetHeight;const y=o.getBoundingClientRect();let w=y.width*n,x=y.height*n,E=0,S=0;a&&(Math.abs(f-w)>1||Math.abs(m-x)>1)&&({width:w,height:x,top:E,left:S}=((t,e,i,n)=>{const s=i/n;return s>t/e?(i=t,n=t/s):(i=e*s,n=e),{width:i,height:n,top:.5*(e-n),left:.5*(t-i)}})(w,x,f,m)),this.contentRect=Object.assign(Object.assign({},this.contentRect),{top:y.top-r.top+E,bottom:r.bottom-y.bottom+E,left:y.left-r.left+S,right:r.right-y.right+S,fitWidth:w,fitHeight:x,width:w,height:x,fullWidth:f,fullHeight:m}),g.style.cssText=v,a&&(g.style.width=`${w}px`,g.style.height=`${x}px`),this.setTransform(),!0!==t&&this.emit("refresh"),this.ignoreBounds||(e(this.targetScale)this.maxScale?this.zoomTo(this.maxScale,{friction:0}):this.state===b.Init||this.checkBounds().inBounds||this.requestTick()),this.updateControls()}getBounds(){const t=this.option("bounds");if("auto"!==t)return t;const{contentWidth:i,contentHeight:n}=this.calculateContentDim(this.target);let s=0,o=0,a=0,r=0;const l=this.option("infinite");if(!0===l||this.lockedAxis&&l===this.lockedAxis)s=-1/0,a=1/0,o=-1/0,r=1/0;else{let{containerRect:t,contentRect:l}=this,c=e(this.contentRect.fitWidth*this.targetScale,T),h=e(this.contentRect.fitHeight*this.targetScale,T),{innerWidth:d,innerHeight:u}=t;if(this.containerRect.width===c&&(d=t.width),this.containerRect.width===h&&(u=t.height),i>d){a=.5*(i-d),s=-1*a;let t=.5*(l.right-l.left);s+=t,a+=t}if(this.contentRect.fitWidth>d&&iu){r=.5*(n-u),o=-1*r;let t=.5*(l.bottom-l.top);o+=t,r+=t}this.contentRect.fitHeight>u&&ne(s.fitWidth,1)||e(s.height,1)>e(s.fitHeight,1))&&(f=!0),e(s.width*r,1)e(r),g=!m&&!f&&p&&e(d)i&&(n=i/t)}g=g.scale(n)}g=g.translate(-o,-a).translate(-p,-f).multiply(m),s&&(g=g.rotate(s)),l&&(g=g.scale(-1,1)),c&&(g=g.scale(1,-1));for(const t of v)"e"!==t&&"f"!==t&&(g[t]>this.minScale+1e-5||g[t].1||this.panMode===O||!1===d)&&!h&&this.clampTargetBounds(),this.isResting||(this.state=b.Panning,this.requestTick())}stop(t=!1){if(this.state===b.Init||this.state===b.Destroy)return;const e=this.isTicking;this.rAF&&(cancelAnimationFrame(this.rAF),this.rAF=null),this.isBouncingX=!1,this.isBouncingY=!1;for(const e of v)this.velocity[e]=0,"current"===t?this.current[e]=this.target[e]:"target"===t&&(this.target[e]=this.current[e]);this.setTransform(),S(this.container,"is-scaling"),S(this.container,"is-animating"),this.isTicking=!1,this.state=b.Ready,e&&(this.emit("endAnimation"),this.updateControls())}requestTick(){this.isTicking||(this.emit("startAnimation"),this.updateControls(),P(this.container,"is-animating"),this.isScaling&&P(this.container,"is-scaling")),this.isTicking=!0,this.rAF||(this.rAF=requestAnimationFrame((()=>this.animate())))}panWithMouse(t,i=this.option("mouseMoveFriction")){if(this.pmme=t,this.panMode!==O||!t)return;if(e(this.targetScale)<=e(this.minScale))return;this.emit("mouseMove",t);const{container:n,containerRect:s,contentRect:o}=this,a=s.width,r=s.height,l=n.getBoundingClientRect(),c=(t.clientX||0)-l.left,h=(t.clientY||0)-l.top;let{contentWidth:d,contentHeight:u}=this.calculateContentDim(this.target);const p=this.option("mouseMoveFactor");p>1&&(d!==a&&(d*=p),u!==r&&(u*=p));let f=.5*(d-a)-c/a*100/100*(d-a);f+=.5*(o.right-o.left);let m=.5*(u-r)-h/r*100/100*(u-r);m+=.5*(o.bottom-o.top),this.applyChange({panX:f-this.target.e,panY:m-this.target.f,friction:i})}zoomWithWheel(t){if(this.state===b.Destroy||this.state===b.Init)return;const i=Date.now();if(i-this.pwt<45)return void t.preventDefault();this.pwt=i;var n=[-t.deltaX||0,-t.deltaY||0,-t.detail||0].reduce((function(t,e){return Math.abs(e)>Math.abs(t)?e:t}));const s=Math.max(-1,Math.min(1,n)),{targetScale:o,maxScale:a,minScale:r}=this;let l=o*(100+45*s)/100;e(l)e(a)&&e(o)>=e(a)?(this.cwd+=Math.abs(s),l=a):(this.cwd=0,l=Math.max(Math.min(l,a),r)),this.cwd>this.option("wheelLimit")||(t.preventDefault(),e(l)!==e(o)&&this.zoomTo(l,{event:t}))}canZoomIn(){return this.option("zoom")&&(e(this.contentRect.width,1)e(this.minScale)}zoomIn(t=1.25,e){this.zoomTo(this.targetScale*t,e)}zoomOut(t=.8,e){this.zoomTo(this.targetScale*t,e)}zoomToFit(t){this.zoomTo("fit",t)}zoomToCover(t){this.zoomTo("cover",t)}zoomToFull(t){this.zoomTo("full",t)}zoomToMax(t){this.zoomTo("max",t)}toggleZoom(t){this.zoomTo(this.targetScale-this.minScale<.5*(this.fullScale-this.minScale)?"full":"fit",t)}toggleMax(t){this.zoomTo(this.targetScale-this.minScale<.5*(this.maxScale-this.minScale)?"max":"fit",t)}toggleCover(t){this.zoomTo(this.targetScale-this.minScale<.5*(this.coverScale-this.minScale)?"cover":"fit",t)}iterateZoom(t){this.zoomTo("next",t)}zoomTo(t=1,{friction:e="auto",originX:i=0,originY:n=0,event:s}={}){if(this.isContentLoading||this.state===b.Destroy)return;const{targetScale:o}=this;this.stop();let a=1;if(this.panMode===O&&(s=this.pmme||s),s){const t=this.content.getBoundingClientRect(),e=s.clientX||0,o=s.clientY||0;i=e-t.left-.5*t.width,n=o-t.top-.5*t.height}const r=this.fullScale,l=this.maxScale;let c=this.coverScale;"number"==typeof t?a=t/o:("next"===t&&(r-c<.2&&(c=r),t=o1?.15:.25:e,this.applyChange({scale:a,originX:i,originY:n,friction:e}),s&&this.panMode===O&&this.panWithMouse(s,e)}rotateCCW(){this.applyChange({angle:-90})}rotateCW(){this.applyChange({angle:90})}flipX(){this.applyChange({flipX:!0})}flipY(){this.applyChange({flipY:!0})}fitX(){this.stop("target");const{containerRect:t,contentRect:e,target:i}=this;this.applyChange({panX:.5*t.width-(e.left+.5*e.fitWidth)-i.e,panY:.5*t.height-(e.top+.5*e.fitHeight)-i.f,scale:t.width/e.fitWidth/this.targetScale,originX:0,originY:0,ignoreBounds:!0})}fitY(){this.stop("target");const{containerRect:t,contentRect:e,target:i}=this;this.applyChange({panX:.5*t.width-(e.left+.5*e.fitWidth)-i.e,panY:.5*t.innerHeight-(e.top+.5*e.fitHeight)-i.f,scale:t.height/e.fitHeight/this.targetScale,originX:0,originY:0,ignoreBounds:!0})}toggleFS(){const{container:t}=this,e=this.cn("inFullscreen"),i=this.cn("htmlHasFullscreen");t.classList.toggle(e);const n=t.classList.contains(e);n?(document.documentElement.classList.add(i),document.addEventListener("keydown",this.onKeydown,!0)):(document.documentElement.classList.remove(i),document.removeEventListener("keydown",this.onKeydown,!0)),this.updateMetrics(),this.emit(n?"enterFS":"exitFS")}getMatrix(t=this.current){const{a:e,b:i,c:n,d:s,e:o,f:a}=t;return new DOMMatrix([e,i,n,s,o,a])}reset(t){if(this.state!==b.Init&&this.state!==b.Destroy){this.stop("current");for(const t of v)this.target[t]=C[t];this.target.a=this.minScale,this.target.d=this.minScale,this.clampTargetBounds(),this.isResting||(this.friction=void 0===t?this.option("friction"):t,this.state=b.Panning,this.requestTick())}}destroy(){this.stop(),this.state=b.Destroy,this.detachEvents(),this.detachObserver();const{container:t,content:e}=this,i=this.option("classes")||{};for(const e of Object.values(i))t.classList.remove(e+"");e&&(e.removeEventListener("load",this.onLoad),e.removeEventListener("error",this.onError)),this.detachPlugins()}}Object.defineProperty(k,"defaults",{enumerable:!0,configurable:!0,writable:!0,value:w}),Object.defineProperty(k,"Plugins",{enumerable:!0,configurable:!0,writable:!0,value:{}});const I=function(t,e){let i=!0;return(...n)=>{i&&(i=!1,t(...n),setTimeout((()=>{i=!0}),e))}},D=(t,e)=>{let i=[];return t.childNodes.forEach((t=>{t.nodeType!==Node.ELEMENT_NODE||e&&!t.matches(e)||i.push(t)})),i},F={viewport:null,track:null,enabled:!0,slides:[],axis:"x",transition:"fade",preload:1,slidesPerPage:"auto",initialPage:0,friction:.12,Panzoom:{decelFriction:.12},center:!0,infinite:!0,fill:!0,dragFree:!1,adaptiveHeight:!1,direction:"ltr",classes:{container:"f-carousel",viewport:"f-carousel__viewport",track:"f-carousel__track",slide:"f-carousel__slide",isLTR:"is-ltr",isRTL:"is-rtl",isHorizontal:"is-horizontal",isVertical:"is-vertical",inTransition:"in-transition",isSelected:"is-selected"},l10n:{NEXT:"Next slide",PREV:"Previous slide",GOTO:"Go to slide #%d"}};var j;!function(t){t[t.Init=0]="Init",t[t.Ready=1]="Ready",t[t.Destroy=2]="Destroy"}(j||(j={}));const H=t=>{if("string"==typeof t&&(t={html:t}),!(t instanceof String||t instanceof HTMLElement)){const e=t.thumb;void 0!==e&&("string"==typeof e&&(t.thumbSrc=e),e instanceof HTMLImageElement&&(t.thumbEl=e,t.thumbElSrc=e.src,t.thumbSrc=e.src),delete t.thumb)}return Object.assign({html:"",el:null,isDom:!1,class:"",index:-1,dim:0,gap:0,pos:0,transition:!1},t)},B=(t={})=>Object.assign({index:-1,slides:[],dim:0,pos:-1},t);class N extends m{constructor(t,e){super(e),Object.defineProperty(this,"instance",{enumerable:!0,configurable:!0,writable:!0,value:t})}attach(){}detach(){}}const _={classes:{list:"f-carousel__dots",isDynamic:"is-dynamic",hasDots:"has-dots",dot:"f-carousel__dot",isBeforePrev:"is-before-prev",isPrev:"is-prev",isCurrent:"is-current",isNext:"is-next",isAfterNext:"is-after-next"},dotTpl:'
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+