From d393e62e5c27ffa4a6fab0d7e34e8d5339afb00e Mon Sep 17 00:00:00 2001 From: Takagi Date: Mon, 11 Dec 2023 11:29:51 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=9C=A8=E7=AC=AC=E4=B8=80=E5=B1=8F?= =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=B3=A2=E6=B5=AA=E5=8A=A8=E7=94=BB=20(#462)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * feat: 在第一屏增加波浪动画 * feat: 默认隐藏波浪动画并使其适配视频模式 --- settings.yaml | 12 ++++++++ src/css/common/components/screen/index.css | 2 ++ src/css/common/components/screen/wave.css | 33 +++++++++++++++++++++ src/page/index.ts | 6 ++++ templates/assets/dist/css/main.min.css | 2 +- templates/assets/dist/page/index.min.js | 2 +- templates/assets/images/wave/wave1.png | Bin 0 -> 5102 bytes templates/assets/images/wave/wave2.png | Bin 0 -> 4935 bytes templates/module/home/index.html | 3 ++ templates/module/home/wave.html | 8 +++++ 10 files changed, 66 insertions(+), 2 deletions(-) create mode 100644 src/css/common/components/screen/wave.css create mode 100644 templates/assets/images/wave/wave1.png create mode 100644 templates/assets/images/wave/wave2.png create mode 100644 templates/module/home/wave.html diff --git a/settings.yaml b/settings.yaml index 20fbe471..269ae37b 100644 --- a/settings.yaml +++ b/settings.yaml @@ -182,6 +182,18 @@ spec: label: 开启 - value: false label: 关闭 + - $formkit: radio + name: focus_wave + id: focus_wave + key: focus_wave + if: "$get(head_focus).value == true && $get(focus_height).value == true" + label: 波浪效果 + value: false + options: + - value: true + label: 开启 + - value: false + label: 关闭 - $formkit: attachment if: "$get(head_focus).value == true" name: focus_img_1 diff --git a/src/css/common/components/screen/index.css b/src/css/common/components/screen/index.css index 6f56e182..eb0aaabf 100644 --- a/src/css/common/components/screen/index.css +++ b/src/css/common/components/screen/index.css @@ -2,4 +2,6 @@ @import "video-box"; +@import "wave.css"; + @import "top-down.css"; \ No newline at end of file diff --git a/src/css/common/components/screen/wave.css b/src/css/common/components/screen/wave.css new file mode 100644 index 00000000..6ffc5784 --- /dev/null +++ b/src/css/common/components/screen/wave.css @@ -0,0 +1,33 @@ +.home-wave { + z-index: 1; + position: relative; + width: 400%; + transition: 0.4s ease all; + + & > div { + position: absolute; + bottom: 0; + width: 100%; + } + + & .wave-1 { + height: 65px; + left: -236px; + animation: wave 100s linear 0s infinite; + } + + & .wave-2 { + height: 80px; + left: 0px; + animation: wave 240s linear 0s infinite; + } +} + +@keyframes wave { + 0% { + transform: translateX(0%); + } + 100% { + transform: translateX(-50.5%); + } +} diff --git a/src/page/index.ts b/src/page/index.ts index cb25bf0c..6d6aea90 100644 --- a/src/page/index.ts +++ b/src/page/index.ts @@ -69,6 +69,7 @@ export default class Index { videoContainerElement.insertAdjacentElement("afterbegin", document.createElement("video")); const videoStatusElement = videoContainerElement.querySelector(".video-status") as HTMLDivElement; const focusInfoElement = document.querySelector(".focusinfo") as HTMLDivElement; + const homeWaveElement = document.querySelector(".home-wave") as HTMLDivElement; const videoPlayButtonElement = videoContainerElement.querySelector(".video-play") as HTMLDivElement; const videoPauseButtonElement = videoContainerElement.querySelector(".video-pause") as HTMLDivElement; @@ -99,6 +100,7 @@ export default class Index { videoPlayer.on("loadeddata", () => { videoStatusElement.style.bottom = "-100px"; + homeWaveElement.style.bottom = "-100px"; focusInfoElement.style.top = "-999px"; videoPlayButtonElement.style.display = "none"; videoPauseButtonElement.style.display = "block"; @@ -107,6 +109,7 @@ export default class Index { videoPlayer.on("play", () => { videoStatusElement.style.bottom = "-100px"; + homeWaveElement.style.bottom = "-100px"; focusInfoElement.style.top = "-999px"; videoPlayButtonElement.style.display = "none"; videoPauseButtonElement.style.display = "block"; @@ -115,6 +118,7 @@ export default class Index { videoPlayer.on("pause", () => { videoStatusElement.innerHTML = sakura.translate("home.video.statu_pause", "已暂停 ..."); videoStatusElement.style.bottom = "0"; + homeWaveElement.style.bottom = "0"; focusInfoElement.style.top = "0"; videoPlayButtonElement.style.display = "block"; videoPauseButtonElement.style.display = "none"; @@ -133,6 +137,7 @@ export default class Index { videoStatusElement.innerHTML = sakura.translate("home.video.statu_error", "视频播放错误"); setTimeout(() => { focusInfoElement.style.top = "0"; + homeWaveElement.style.bottom = "0"; videoStatusElement.style.bottom = "-100px"; videoPlayButtonElement.style.display = "block"; videoPauseButtonElement.style.display = "none"; @@ -144,6 +149,7 @@ export default class Index { videoPlayer.on("ended", () => { focusInfoElement.style.top = "0"; + homeWaveElement.style.bottom = "0"; videoStatusElement.style.bottom = "-100px"; videoPlayButtonElement.style.display = "block"; videoPauseButtonElement.style.display = "none"; diff --git a/templates/assets/dist/css/main.min.css b/templates/assets/dist/css/main.min.css index ab33d968..3bec6518 100644 --- a/templates/assets/dist/css/main.min.css +++ b/templates/assets/dist/css/main.min.css @@ -1 +1 @@ -:root{--theme-color: orange;--theme-brightness: 1;--site-content-max-width: 780px;--site-content-background-color: rgba(255, 255, 255, .8);--loading-image: none;--cursor-link: pointer;--cursor-link-active: inherit;--cursor-text: inherit;--cursor-normal: inherit;--cursor-hover: inherit;--cd-top-image: none no-repeat center;--cd-top-display: block;--mobile-cd-top-display: none;--mobile-cd-top-bottom: 70px;--standard-post-list-border-radius: 0;--first-screen-height: 100vh;--first-screen-after: none;--first-screen-filter-images: none;--first-screen-background-blend-overlay: none;--first-screen-header-info-text-color: #eaeadf;--first-screen-header-info-background-color: rgba(0, 0, 0, .5);--header-height: 4.6875rem;--yya-header-top: 0;--header-background: #fff;--body-color: #464646;--color: #666;--background-color: #fff;--header-user-option-hover-background-color: #fff;--notice-background-color: #fbfbfb50;--home-divider-border: 1px dashed #eee;--post-list-thumb-box-shadow: 0 1px 20px -6px rgba(0, 0, 0, .5);--post-list-thumb-title-color: #504e4e;--post-list-thumb-meta-color: #505050;--post-list-thumb-abstract-color: rgba(0, 0, 0, .66);--post-list-thumb-more-color: #666;--widget-background-color: #fff;--theme-item-background-color: #fff;--mobile-nav-toggle-background-color: var(--theme-color);--mobile-menu-text-color: #333;--minicode-color: #000;--entry-content-text-color: #7d7d7d;--entry-content-heading-color: #000;--entry-content-list-color: #666;--entry-content-table-color: #000;--card-container-box-shadow: 0 -15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);--card-container-title-color: #34495e;--photo-group-change-color: #ccc;--photo-group-change-active-color: #222;--links-description-color: #999}.dark{--theme-brightness: .7;--body-color: #eee;--header-background: rgba(49, 54, 59, .85);--header-user-option-hover-background-color: #31363b;--color: #eee;--background-color: #31363b;--first-screen-background-blend-overlay: var(--background-color);--first-screen-header-info-text-color: #fff;--first-screen-header-info-background-color: rgba(0, 0, 0, .7);--notice-background-color: #222;--home-divider-border: 6px dotted #535a63;--post-list-thumb-box-shadow: 0 1px 35px -8px rgba(0, 0, 0, .8);--post-list-thumb-title-color: #b0b0b0;--post-list-thumb-meta-color: #888;--post-list-thumb-abstract-color: #b0b0b0;--post-list-thumb-more-color: #888;--widget-background-color: rgba(38, 38, 38, .8);--theme-item-background-color: #31363b;--mobile-menu-text-color: #eee;--entry-content-heading-color: #ccc;--entry-content-text-color: #999;--entry-content-list-color: #999;--entry-content-table-color: #999;--card-container-box-shadow: 0 1px 35px -8px rgba(0, 0, 0, .8);--card-container-title-color: #ccc;--photo-group-change-color: #222;--photo-group-change-active-color: #ccc;--links-description-color: #b0b0b0;--site-content-background-color: transparent}.video-container{--video-play-image: none;--video-pause-image: none}.search-form{--search-form-image: none}.moments-container{--single-bg-and-btn-color: #e6e6fa;--single-font-color: #000000;--double-bg-and-btn-color: #f0ffff;--double-font-color: #000000;--moments-content-background: #e6e6fa}.aplayer{--aplayer-color: #000;--aplayer-background-color: #fff;--aplayer-list-border: 1px solid #eee;--aplayer-list-light-background-color: #e9e9e9;--aplayer-list-top-border: 1px solid var(--aplayer-list-light-background-color);--aplayer-list-author-color: #666;--aplayer-body-miniswitcher-background-color: #e6e6e6;--aplayer-lrc-text-shadow: -1px -1px 0 #fff;--aplayer-list-hover-background-color: #efefef}.dark .aplayer{--aplayer-color: #eee;--aplayer-background-color: #232629;--aplayer-list-border: none;--aplayer-list-light-background-color: #31363b;--aplayer-list-top-border: none;--aplayer-list-author-color: eee;--aplayer-body-miniswitcher-background-color: var(--aplayer-background-color);--aplayer-lrc-text-shadow: -1px -1px 0 #989898;--aplayer-list-hover-background-color: var(--theme-color)}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}::selection{background:#464646;color:#fff}::-moz-selection{background:#464646;color:#fff}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;word-break:break-all;box-sizing:border-box;font-size:100%}body,select,textarea{color:#464646;color:var(--body-color);font-size:1em;line-height:1.5}body{background:#fff;background:var(--background-color);background-attachment:fixed;margin:0;cursor:inherit;cursor:var(--cursor-normal);text-shadow:0px 0px 1px rgba(0,0,0,.1)}body.serif{font-family:"Noto Serif SC",Georgia,serif}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}details>summary:first-of-type{display:list-item}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;filter:brightness(1);filter:brightness(var(--theme-brightness))}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,samp{font-family:monospace;font-size:1em}optgroup,select,textarea{color:inherit;font:inherit;margin:0}select{text-transform:none;border:1px solid #ccc}fieldset{border:1px solid #b0b0b0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}td,th{padding:0}h1,h2,h3,h4,h5,h6{clear:both}p{margin-bottom:1.5em;cursor:inherit;cursor:var(--cursor-text);word-break:normal;overflow-wrap:break-word}dfn,cite,em,svg{font-style:italic}blockquote{margin:1em;padding:0 1em;color:#656d76;border-left:.25em solid #c6cbd1}blockquote p{margin:5px 0}address{margin:0 0 1.5em}kbd{display:inline-block;padding:3px 5px;font-size:1em;line-height:1em;color:#444d56;vertical-align:middle;background-color:#fff;border:solid 1px #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px #959da5;font-family:Source Code Pro,monospace,Helvetica,Tahoma,Arial,STXihei,STHeiti Light,Microsoft YaHei,sans-serif}code,kbd,tt,var{font-size:1em}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{background:#fefac7;text-decoration:none}big{font-size:125%}*:before,*:after{box-sizing:inherit}q:before,q:after{content:""}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ul,ol{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ul,li>ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}textarea{padding-left:3px;width:100%;color:#666;color:var(--color);border:1px solid #ccc;border-radius:3px}textarea:focus{color:#000}embed,iframe,object{max-width:100%}iframe{filter:brightness(1);filter:brightness(var(--theme-brightness))}.noselect{-webkit-user-select:none;-moz-user-select:none;user-select:none}.is-show{display:block!important}.is-hide{display:none}input{font-size:1rem;font:inherit;margin:0;line-height:normal}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}input[type=button],input[type=reset],input[type=submit]{cursor:pointer;border:1px solid;border-color:#ccc #ccc #b0b0b0;border-radius:3px;background:#ddd;box-shadow:none;color:#000c;font-size:.75rem;line-height:1;padding:.6em 1em .4em;-webkit-appearance:button}input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:#ccc #b0b0b0 #b0b0b0;box-shadow:none}input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{border-color:#b0b0b0 #b0b0b0 #b0b0b0;box-shadow:none}input[disabled]{cursor:default}input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color]{color:#666;color:var(--color);border:1px solid #ccc;border-radius:3px;padding:3px}input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=range]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=color]:focus{color:#000}a{background-color:transparent;text-decoration:none;color:#e67474;outline:none;cursor:pointer;cursor:var(--cursor-link);transition:color .2s ease-out,border .2s ease-out,opacity .2s ease-out}a:focus,a:active,a:hover{outline:none;color:orange;color:var(--theme-color)}a:active{cursor:inherit;cursor:var(--cursor-link-active)}button{margin:0;overflow:visible;font:inherit;cursor:pointer;border:1px solid;border-color:#ccc #ccc #b0b0b0;border-radius:3px;background:#ddd;box-shadow:none;color:#000c;font-size:.75rem;line-height:1;padding:.6em 1em .4em;text-transform:none;-webkit-appearance:button}button:hover{border-color:#ccc #b0b0b0 #b0b0b0;box-shadow:none}button:focus{border-color:#b0b0b0 #b0b0b0 #b0b0b0;box-shadow:none}button:active{border-color:#b0b0b0 #b0b0b0 #b0b0b0;box-shadow:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}table{border-collapse:collapse;border-spacing:0;width:100%}::-webkit-scrollbar{width:.375rem;height:.375rem;background-color:#eee}::-webkit-scrollbar-track{background-color:#eee}::-webkit-scrollbar-thumb{background-color:orange;background-color:var(--theme-color)}.iconify{display:inline-block;position:relative;top:-.125em;vertical-align:middle;font-size:1rem;height:1em;width:1em}.iconify.iconify--small{font-size:.875rem}.iconify.iconify--large{font-size:1.25rem}.iconify.iconify--xlarge{font-size:1.5rem}.iconify.iconify--xxlarge{font-size:2rem}.site-header{position:relative;right:0;height:4.6875rem;height:var(--header-height);width:100%;z-index:10}.site-header:before,.site-header:after{content:"";display:table;table-layout:fixed}.site-header:after{clear:both}.site-header.iconsearch{font-size:1.125rem;position:relative;z-index:10}.site-header.iconsearch:hover{cursor:pointer;color:orange;color:var(--theme-color)}.site-header .header-inner{height:4.6875rem;height:var(--header-height);width:100%;display:block;margin:0 auto;position:fixed;padding:0 1.25rem;box-sizing:border-box;top:0;transition:top .3s ease-in-out}@media (max-width: 768px){.site-header,.site-header .header-inner{height:2.5rem;position:absolute}.site-header .header-inner{padding:0}}.yya .header-inner{position:fixed;top:0;top:var(--yya-header-top);background:#fff;background:var(--header-background);box-shadow:0 1px 40px -8px #00000080}.yya.sabit .header-inner{top:0}@media (max-width: 768px){.yya .header-inner{background:transparent;box-shadow:none}}.site-nav-toggle{display:none}@media (max-width: 768px){.site-nav-toggle{transition-duration:.5s;height:2.5rem;position:absolute;top:0;z-index:10;display:block;background:0 0}.site-nav-toggle.open{display:none}.site-nav-toggle .nav-toggle{background:0 0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.site-nav-toggle .nav-toggle .icon{transition-duration:.2s;width:1.875rem;height:3px;background-color:orange;background-color:var(--mobile-nav-toggle-background-color)}.site-nav-toggle .nav-toggle .icon:before,.site-nav-toggle .nav-toggle .icon:after{transition-duration:.5s;background-color:orange;background-color:var(--mobile-nav-toggle-background-color);position:absolute;content:"";width:1.875rem;height:3px}.site-nav-toggle .nav-toggle .icon:before{top:10px}.site-nav-toggle .nav-toggle .icon:after{bottom:10px}}.site-branding{float:left;position:relative;line-height:4.6875rem;line-height:var(--header-height);animation:sitetop 1s}.site-branding .site-title{margin:0}.site-branding .site-title a{color:#464646;color:var(--body-color);font-weight:400}.site-branding .site-title a:hover{color:orange;color:var(--theme-color)}.site-branding .site-title img:hover{opacity:1}.site-branding .site-title a,.site-branding .site-title img{height:2.5rem;width:2.5rem;margin-top:1rem;opacity:.75;-o-object-fit:cover;object-fit:cover;transition:color .2s ease-out,border .2s ease-out,opacity .2s ease-out}@media (max-width: 768px){.site-branding{float:right;height:2.5rem;line-height:2.5rem}.site-branding .site-title{font-size:1.25rem;margin-right:10px}.site-branding .site-title img{height:2rem;width:2rem;border-radius:100%;margin:0;vertical-align:middle}}@keyframes sitetop{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.header-user-avatar{position:relative;float:right;margin-left:1.25rem;margin-top:1.375rem;animation:fadeInRight 1s}.header-user-avatar img{border-radius:100%;cursor:pointer;height:1.875rem;-o-object-fit:cover;object-fit:cover}.header-user-avatar:hover .header-user-menu{display:block}@media (max-width: 768px){.header-user-avatar{display:none}}.header-user-menu{position:absolute;right:-11px;top:44px;display:none;overflow:hidden;animation:header-user-menu .4s;box-shadow:0 1px 40px -8px #00000080;border-radius:5px;text-align:center;background:#fff;background:var(--widget-background-color);width:-moz-max-content;width:max-content}.header-user-menu .herder-user-name{font-size:.75rem;padding:10px;border-radius:4px 4px 0 0}.header-user-menu .herder-user-name .herder-user-name-u{font-weight:700;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user-menu:before{content:"";position:fixed;top:46px;right:25px;margin-left:-10px;border-width:10px;border-style:solid;border-color:transparent transparent #fff;border-color:transparent transparent var(--widget-background-color)}.header-user-menu .user-menu-option{padding:5px 0;border-radius:0 0 4px 4px}.header-user-menu .user-menu-option a:hover{background-color:#fff;background-color:var(--header-user-option-hover-background-color)}.header-user-menu a{display:block;padding:6px 10px;margin:2px 0;width:6.875rem;color:#666;color:var(--color);font-size:13px}.header-user-menu .no-logged{font-size:.8125rem;padding:15px 10px;border-radius:4px;border:0}.header-user-menu .no-logged a{display:initial;font-size:.875rem;padding:0 5px;font-weight:700;text-decoration:none}@keyframes header-user-menu{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.searchbox{float:right;height:4.75rem;line-height:4.75rem;margin-left:1.25rem;animation:fadeInRight 1s}.searchbox .iconsearch{color:#464646;color:var(--body-color);cursor:pointer;font-size:1.875rem;transition:all .3s ease-in-out}@media (max-width: 768px){.searchbox{display:none}}.lower-container{position:absolute;text-align:center;pointer-events:none;width:100%;height:100%}.lower-container .lower{display:inline-block;margin:1rem 0 0 10px;font-size:1rem;position:relative;pointer-events:auto;animation:fadeInRight 1s}.lower-container .lower nav{position:relative;float:right;animation:fadeInRight .2s}.lower-container .lower nav ul{margin:0;padding:0;list-style:none;display:block}.lower-container .lower nav ul li{float:left;padding:0 .875rem;position:relative;transition:all 1s ease}.lower-container .lower nav ul li:hover ul{display:inline-block!important;transition:all .4s}.lower-container .lower nav ul li ul{display:none;opacity:1;position:absolute;background:#fff;background:var(--background-color);padding:.625rem;top:2.875rem;--parent-width: 100%;--current-width: min-content;width:auto;text-align:center;z-index:10;border-radius:5px;box-shadow:0 1px 40px -8px #00000080;animation:fadeInUp .3s .1s ease both}.lower-container .lower nav ul li ul:before{content:"";position:absolute;top:-20px;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:transparent transparent;border-bottom-color:#fff;border-bottom-color:var(--background-color)}.lower-container .lower nav ul li ul li{width:100%;padding:0}.lower-container .lower nav ul li ul li a:after{content:"";display:none}.lower-container .lower nav ul li a{padding:10px 0;display:inline-block;color:#666;color:var(--color);width:auto;white-space:nowrap}.lower-container .lower nav ul li a:hover{color:orange;color:var(--theme-color)}.lower-container .lower nav ul li a:after{content:"";display:block;position:absolute;bottom:-1rem;height:6px;background-color:orange;background-color:var(--theme-color);width:100%;max-width:0;transition:max-width .25s ease-in-out}.lower-container .lower nav ul li a:hover:after{max-width:60%}@media (max-width: 768px){.lower-container .lower{display:none}.lower-container .lower nav ul li .animated-hover svg{display:inline}}@media (max-width: 1280px){.lower-container .lower{left:15px}.lower-container .lower nav.hide{display:none}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0)}}.main{position:relative}.wrapper{animation:fade-in;animation-duration:.5s}@media (max-width: 768px){.wrapper{transition-duration:.5s;width:100%;height:auto;position:relative}.wrapper section h1{font-weight:300;font-size:1.875rem;margin-bottom:.625rem}.wrapper section h2{font-weight:300;font-size:1.25rem;margin-bottom:2.5rem}.wrapper section p{margin-bottom:2.5rem}}@media screen and (max-width: 860px){.wrapper section .gallery-caption p{margin-bottom:0}}@keyframes fade-in{0%{opacity:0}40%{opacity:0}to{opacity:1}}.sidebar{position:absolute;height:100%;top:0;right:-20px}.sidebar .sidebar-inner .toc-container{width:12.5rem;height:100%;background-color:#fff0;transform:translate(0);position:absolute;padding-top:10px;padding-bottom:10px}.sidebar .sidebar-inner .toc-container .toc{overflow-y:auto;position:sticky;top:6.25rem;max-height:80vh;transition:background 1s}.sidebar .sidebar-inner .toc-container .toc>.toc-list{overflow:hidden;position:relative;margin:0;padding-left:10px}.sidebar .sidebar-inner .toc-container .toc>.toc-list li{list-style:none}.sidebar .sidebar-inner .toc-container .toc .toc-list{margin:0;padding-left:10px}.sidebar .sidebar-inner .toc-container .toc a.toc-link{color:#666;color:var(--entry-content-list-color);height:100%}.sidebar .sidebar-inner .toc-container .toc a.toc-link:before{background-color:#eee;content:" ";display:inline-block;height:inherit;left:0;margin-top:-1px;position:absolute;width:2px}@media (max-width: 768px){.sidebar .sidebar-inner .toc-container{display:none}}.site-content{max-width:780px;max-width:var(--site-content-max-width);margin-left:auto;margin-right:auto;background-color:#fffc;background-color:var(--site-content-background-color);padding:0 10px}.site-content:before,.site-content:after{content:"";display:table;table-layout:fixed}.site-content:after{clear:both}@media (max-width: 768px){.site-content{padding:0 4%}}.main-inner{position:relative}.site-footer{background-color:#fffc;background-color:var(--site-content-background-color);max-width:780px;max-width:var(--site-content-max-width);padding:0 10px 2%;margin:auto;position:relative}.site-footer:before,.site-footer:after{content:"";display:table;table-layout:fixed}.site-footer:after{clear:both}.site-footer .site-info{margin:2rem auto;text-align:center;font-size:.8125rem;color:#b0b0b0}.site-footer .site-info a{color:#b0b0b0}.site-footer .site-info a:hover{color:orange;color:var(--theme-color)}@media (max-width: 1024px){.site-footer{padding:30px}}.footer-logo p{width:2rem;height:2rem;opacity:.8;margin:0 auto;background-size:cover;background-position:center center;background-repeat:no-repeat;animation:poi-deg 12s infinite linear}@keyframes poi-deg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer-copyright p{font-family:Ubuntu,sans-serif}.footer-copyright p span .iconify{font-size:inherit;color:#e74c3c}.footer-copyright p span a{text-decoration:none}.footer-device{display:flex;justify-content:center}.footer-device p{margin:0 4px 0 0}.site-sidebar{width:0;height:100%;position:fixed;left:0;top:0;background-color:#fff;background-color:var(--background-color);overflow:hidden;z-index:9;pointer-events:none;transition:width .5s ease-out}.site-sidebar:after,.site-sidebar:before{transition:left .5s;background:orange;background:var(--theme-color);position:fixed;content:"";width:1.875rem;height:.1875rem;top:20px;left:-100px;pointer-events:auto;opacity:0}.site-sidebar.open{width:15.625rem}.site-sidebar.open:before,.site-sidebar.open:after{left:260px;opacity:1}.site-sidebar.open:before{transform:rotate(-45deg)}.site-sidebar.open:after{transform:rotate(45deg)}.site-sidebar .sidebar-inner{height:100%;width:100%;pointer-events:auto}.mobile-sidebar{display:flex;flex-direction:column;align-items:center;overflow:hidden;height:100%}.mobile-sidebar .avatar{padding:30px 0}.mobile-sidebar .avatar img{width:5.625rem;height:5.625rem;border-radius:100%;-o-object-fit:cover;object-fit:cover}.mobile-sidebar .glitch-text{text-align:center;color:#333;color:var(--mobile-menu-text-color);font-weight:900;font-family:Ubuntu,sans-serif;letter-spacing:1.5px}.mobile-sidebar .socials{display:flex;justify-content:center}.mobile-sidebar .socials .social-item{margin:0 10px}.mobile-sidebar .search form{position:relative;width:15.625rem;max-width:15.625rem;margin:0 0 20px;padding:8px 15px;background-color:#fff}.mobile-sidebar .search form input{width:100%;border:0;padding:5px;text-align:center;border-radius:3px;outline:none}.mobile-sidebar .navbar{overflow-x:hidden;overflow-y:auto;width:100%;height:100%}.mobile-sidebar .navbar ul,.mobile-sidebar .navbar li{display:flex;flex-direction:column;align-items:center;margin:0}.mobile-sidebar .navbar ul:hover li{color:#ffffff80}.mobile-sidebar .navbar ul li{transition-duration:.25s;padding:8px 0;color:#fff;letter-spacing:.02em}.mobile-sidebar .navbar ul li a{color:#333;color:var(--mobile-menu-text-color);font-size:1rem;width:4.375rem}.mobile-sidebar .navbar ul li a:hover{cursor:pointer;color:orange;color:var(--theme-color)}.mobile-sidebar .navbar li ul{margin:0}.mobile-sidebar .navbar li ul li{padding:5px 0}.mobile-sidebar .navbar li ul li a{font-size:.875rem}.mobile-sidebar .navbar>ul{margin-left:-2.5rem}.mobile-sidebar .footer{height:3.125rem;background:#fff;background:var(--background-color);width:100%;display:flex;align-items:center;justify-content:center;position:relative;bottom:0;box-shadow:0 0 4px #000000e6,0 2px 2px #0000003d}.mobile-sidebar .footer p{text-align:center;font-size:.875rem;color:#b0b0b0;width:100%;height:1.25rem}.comment{margin-top:1em}.container{transition:background 1s}@media (max-width: 768px){.container{transition-duration:.5s;position:relative;overflow:hidden;z-index:2}.container.open:before{content:"";width:100%;height:100%;position:fixed;background-color:#0006;z-index:9}}.loading{width:1.75rem;height:1.75rem;background-position:center;background-repeat:no-repeat;color:#504e4e;border:none;background-size:auto 100%;box-shadow:none;background-color:inherit;background-image:none;background-image:var(--loading-image)}.list-pagination{width:100%;text-align:center;display:inline-block;margin:5rem 0}.list-pagination a{padding:.6rem 2.5rem;border:1px solid #ccc;border-radius:3rem;color:#b0b0b0;display:inline-block}.list-pagination a:hover{border:1px solid orange;border:1px solid var(--theme-color);color:orange;color:var(--theme-color);box-shadow:0 0 4px orange;box-shadow:0 0 4px var(--theme-color)}.list-pagination a.loading{border:none;box-shadow:none}.list-pagination span{color:#999;font-size:1rem}.list-navigator{text-align:center;margin:4rem 0;display:block}.list-navigator a{display:inline-block;height:3rem;width:3rem;padding:.625rem;border:2px solid #ddd;border-radius:50%;box-sizing:border-box}.list-navigator a:hover{color:#fff;background:orange;background:var(--theme-color);border:2px solid orange;border:2px solid var(--theme-color);transition:all .2s ease-in-out}.list-navigator .iconify{font-size:1rem;color:#ccc}@media (max-width: 768px){.list-navigator{margin:0}}.post-pagination{overflow:hidden;width:100%;margin:3rem 0;background:#000;display:flex}.post-pagination .pagination-container{position:relative;flex:1;height:10rem}.post-pagination .pagination-container a{display:inline-block;height:100%;width:100%}.post-pagination .pagination-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.4;transition:opacity .15s ease-out}.post-pagination .pagination-container img:hover{opacity:.6}.post-pagination .pagination-container .label,.post-pagination .pagination-container .info{position:absolute;font-size:.875rem}.post-pagination .pagination-container .label{top:2.5em;display:block;text-transform:uppercase;color:#ffffffb3}.post-pagination .pagination-container .info{bottom:2.5em}.post-pagination .pagination-container .info h3{font-size:1rem;font-weight:400;line-height:2rem;margin:2em 0;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.post-pagination .previous .label,.post-pagination .previous .info{left:2.5em}.post-pagination .next .label,.post-pagination .next .info{right:2.5em}@media (max-width: 768px){.post-pagination{flex-direction:column}.post-pagination .pagination-container{flex:auto}}.cd-top{display:block;display:var(--cd-top-display);z-index:9;position:fixed;top:-900px;right:1.5rem;width:4.5rem;height:900px;background-size:contain;transition:all .5s ease-in-out;opacity:1;background:none no-repeat center;background:var(--cd-top-image);cursor:inherit;cursor:var(--cursor-hover)}.cd-top.cd-is-visible{top:-326px}.cd-top:hover,.cd-top.cd-fade-out,.cd-top.cd-is-visible{opacity:1}.cd-top span{display:none;color:#000;position:absolute;bottom:0;height:20px;width:50px;text-align:center}@media screen and (max-width: 860px){.cd-top{display:none;height:60px;width:50px}.cd-top span{height:10px;width:50px}}.m-cd-top{display:none;display:var(--mobile-cd-top-display);bottom:70px;bottom:var(--mobile-cd-top-bottom);opacity:0;position:fixed;font-size:1rem;right:10px;width:3rem;height:3rem;z-index:9;border:0;outline:0;background-color:#fff;background-color:var(--widget-background-color);color:orange;color:var(--theme-color);cursor:pointer;padding:1rem;border-radius:8px;box-shadow:0 0 2px #0000001f,0 2px 2px #0000003d;overflow:hidden;transition:all .3s ease}.m-cd-top.cd-is-visible{opacity:1}@media screen and (max-width: 860px){.m-cd-top{display:block}}.aplayer.aplayer-fixed{background:var(--aplayer-background-color);color:var(--aplayer-color)}.aplayer.aplayer-fixed .aplayer-list{border:var(--aplayer-list-border)!important}.aplayer.aplayer-fixed .aplayer-list ol li{border-top:var(--aplayer-list-top-border)}.aplayer.aplayer-fixed .aplayer-list ol li:hover{background:var(--aplayer-list-hover-background-color)}.aplayer.aplayer-fixed .aplayer-list ol li.aplayer-list-light{background:var(--aplayer-list-light-background-color)!important}.aplayer.aplayer-fixed .aplayer-list ol li .aplayer-list-author{color:var(--aplayer-list-author-color)}.aplayer.aplayer-fixed .aplayer-body{background:var(--aplayer-background-color)!important;color:var(--aplayer-color)}.aplayer.aplayer-fixed .aplayer-body .aplayer-info{border-top:var(--aplayer-list-top-border)}.aplayer.aplayer-fixed .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path{fill:orange;fill:var(--theme-color)}.aplayer.aplayer-fixed .aplayer-body .aplayer-miniswitcher{background:var(--aplayer-body-miniswitcher-background-color);color:var(--aplayer-color)}.aplayer.aplayer-fixed .aplayer-body .aplayer-miniswitcher:hover path{fill:orange;fill:var(--theme-color)}.aplayer.aplayer-fixed .aplayer-lrc{text-shadow:var(--aplayer-lrc-text-shadow)}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb{background-color:orange!important;background-color:var(--theme-color)!important}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover{background-color:orange!important;background-color:var(--theme-color)!important}.aplayer .aplayer-lrc{pointer-events:none}.aplayer .aplayer-lrc:before,.aplayer .aplayer-lrc:after{background:rgba(255,255,255,0);filter:none}.aplayer .aplayer-lrc .aplayer-lrc-current{color:orange;color:var(--theme-color);font-size:15px;font-weight:700}.aplayer .aplayer-icon,.aplayer .aplayer-miniswitcher{border-radius:0 6px 6px 0!important}.aplayer-narrow .ap-hover{border-radius:0 6px 6px 0!important;left:-66px!important}.aplayer-narrow .ap-hover:hover{left:0!important}.lazyload{filter:blur(0px);transition:.3s filter linear}.lazyload[src*="#lazyload-blur"],.lazyload[style*="#lazyload-blur"]{filter:blur(10px)}.blur-up{filter:blur(5px);transition:filter .4s}.blur-up.lazyloaded{filter:blur(0)}.change-skin-gear{position:fixed;bottom:-999px;right:5px;width:auto;height:auto;z-index:9;visibility:visible;white-space:nowrap;padding:10px;cursor:pointer;border-radius:10px 10px 0 0}.change-skin-gear svg{display:inline-block}@media (max-width: 768px){.change-skin-gear{display:none!important}.change-skin-gear span:before{content:""}.change-skin-gear svg{font-size:20px}}.rotating{animation:rotating 3s linear infinite}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-change-skin{display:none;position:fixed;bottom:1rem;right:10px;width:3rem;height:3rem;z-index:9;border:0;outline:0;opacity:0;background-color:#fff;background-color:var(--widget-background-color);color:orange;color:var(--theme-color);cursor:pointer;padding:1rem;border-radius:8px;box-shadow:0 0 2px #0000001f,0 2px 2px #0000003d;transition:all .3s ease}.mobile-change-skin.cd-is-visible{opacity:1}.mobile-change-skin svg{display:inline-block}@media (max-width: 768px){.mobile-change-skin{display:block}}.skin-menu{position:fixed;bottom:3rem;right:2rem;height:auto;width:14rem;border-radius:5px;background-color:#fff;background-color:var(--widget-background-color);box-shadow:0 1px 40px -8px #00000080;z-index:9;font-family:Ubuntu,sans-serif;transform:scaleX(0);transition:.5s}.skin-menu.show{transform:scaleX(1)}.skin-menu:after{content:"";position:absolute;bottom:-1rem;left:50%;margin-left:-.375rem;border-width:.5rem;border-style:solid;border-color:#fff transparent transparent;border-top-color:#fff;border-top-color:var(--widget-background-color)}.skin-menu .row-container{height:auto;margin:0;padding:0;text-align:center}.skin-menu .row-container.font-family-controls{padding:3px 12px 16px}.skin-menu .row-container .menu-list{display:block;text-align:center;padding:0;margin:10px auto}.skin-menu .menu-list li{display:inline-block;margin:6px;line-height:2.25rem;width:2.25rem;background-color:#fff;background-color:var( --theme-item-background-color);border-radius:50%;cursor:pointer}.skin-menu .menu-list li:hover{background-color:orange;background-color:var(--theme-color);color:orange;color:var(--theme-color)}.skin-menu .menu-list li:hover svg{color:#fff}@media (max-width: 768px){.skin-menu{bottom:1rem;right:70px;transform:scaleY(0)}.skin-menu.show{transform:scaleY(1)}.skin-menu:after{display:none}}.search-form.is-visible{visibility:visible;animation:search-visible .5s;background-repeat:no-repeat;background-position:bottom right}.search-form div{position:relative}.search-form svg{font-size:2rem;line-height:1;color:#ddd;position:absolute;bottom:1rem;margin-top:-1rem;left:1rem}.search-form input{font-size:1.5rem;background:#fff;background:var(--background-color);padding:.75rem 1.5rem .75rem 4rem;width:100%;outline:none;border-radius:50px;box-sizing:border-box;transition:background 1s}.search-form input::-webkit-input-placeholder,.search-form input::-moz-placeholder,.search-form input:-ms-input-placeholder{color:#ddd}.search-form .search_close{position:absolute;width:2.25rem;height:2.25rem;background:0 0;top:20px;right:15px;cursor:pointer}.search-form .search_close:before,.search-form .search_close:after{background-color:#222;position:absolute;content:"";width:1.875rem;height:.125rem;top:17px;left:2px;transform:rotate(-45deg)}.search-form-modal{transition:visibility .25s ease,opacity .25s ease;overflow:hidden;z-index:9;position:fixed;top:0;right:0;left:0;bottom:0;background:#fff;background:var(--background-color);visibility:hidden;opacity:0}.search-form-modal .search-form-inner{max-width:640px;padding:0 20px;margin:auto;text-align:left;position:absolute;width:100%;left:0;right:0;height:285px;top:0;bottom:0}.search-form-modal .search-form-inner p{padding-left:24px}@keyframes search-visible{0%{transform:scale(0)}55%{transform:scale(1)}70%{transform:scale(.98)}to{transform:scale(1)}}.centerbg{width:100%;height:100vh;height:var(--first-screen-height);margin:0;padding:0;position:relative}@media (max-width: 768px){.centerbg{height:18.75rem;background-attachment:scroll}}.centerbg .cover-bg{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.centerbg .blend-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;mix-blend-mode:hard-light;background:none;background:var(--first-screen-background-blend-overlay)}.focusinfo{position:relative;z-index:2;text-align:center;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.4s ease all}.focusinfo img{width:8.125rem;height:8.125rem;padding:2px;border-radius:100%}@media (max-width: 768px){.focusinfo{display:none}}.header-tou img{box-shadow:inset 0 0 10px #000;padding:.3125rem;opacity:1;transform:rotate(0);transition:all ease 1s}.header-tou img:hover{transform:rotate(360deg)}.center-text{margin:0;font-family:Ubuntu,sans-serif;font-size:5rem;transition:background 1s}.glitch{position:relative;color:#fff;mix-blend-mode:lighten;overflow:hidden;white-space:nowrap}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;width:100%;background:rgba(0,0,0,0);clip:rect(0,0,0,0)}.glitch:before{left:-1px;text-shadow:1px 0 #ff3b00}.glitch:after{left:1px;text-shadow:-1px 0 #00a1d6}.glitch:hover:before{text-shadow:4px 0 #ff3b00;animation:glitch-loop-1 .8s infinite ease-in-out alternate-reverse}.glitch:hover:after{text-shadow:-5px 0 #00a1d6;animation:glitch-loop-2 .8s infinite ease-in-out alternate-reverse}.glitch+.header-info:before{top:-1.875rem;content:""}@keyframes glitch-loop-1{0%{clip:rect(36px,9999px,9px,0)}25%{clip:rect(25px,9999px,99px,0)}50%{clip:rect(50px,9999px,102px,0)}75%{clip:rect(30px,9999px,92px,0)}to{clip:rect(91px,9999px,98px,0)}}@keyframes glitch-loop-2{0%{top:-1px;left:1px;clip:rect(65px,9999px,119px,0)}25%{top:-6px;left:4px;clip:rect(79px,9999px,19px,0)}50%{top:-3px;left:2px;clip:rect(68px,9999px,11px,0)}75%{top:0;left:-4px;clip:rect(95px,9999px,53px,0)}to{top:-1px;left:-1px;clip:rect(31px,9999px,149px,0)}}.header-info{max-width:30%;position:relative;margin:0;font-size:1rem;color:#eaeadf;color:var(--first-screen-header-info-text-color);background:rgba(0,0,0,.5);background:var(--first-screen-header-info-background-color);padding:1rem;letter-spacing:0;line-height:2rem;border-radius:10px;box-sizing:initial;white-space:nowrap;margin-top:1.25rem}.header-info:before{position:absolute;left:30%;border-width:15px;border-style:solid;border-color:transparent;border-bottom-color:#00000080;border-bottom-color:var(--first-screen-header-info-background-color)}.header-info p{margin:0;font-family:Ubuntu,sans-serif;font-weight:700;overflow:hidden;white-space:nowrap;transition:color .4s}.header-info .desc{overflow:hidden;white-space:normal;text-overflow:clip;word-break:keep-all;display:inline}.top-social{display:flex;justify-content:center;height:1.625rem;margin-top:1rem;list-style:none}.top-social img{height:1.75rem;width:1.75rem;padding:0;background:0 0}.top-social ul{list-style:none;margin:0;padding:0;display:flex}.top-social ul li{float:left;margin-right:10px}.top-social .flipx{transform:scaleX(-1);filter:FlipH}.top-social .social-image{height:2rem;width:2rem;position:relative}.top-social .social-image .social-image-inner{width:8rem;height:8rem;padding:.625rem;background:rgba(0,0,0,.4);left:-3.5rem;opacity:0;position:absolute;border-radius:8px;transition:.7s all ease;transform:translate3d(0,3rem,0)}.top-social .social-image .social-image-inner:before{content:"";position:absolute;top:-2rem;left:50%;margin-left:-1rem;border-width:1rem;border-style:solid;border-color:transparent transparent rgba(0,0,0,.4) transparent}.top-social .social-image .social-image-inner img{border-radius:0;width:8rem;height:8rem;padding:0;background:0 0}.top-social .social-image:hover .social-image-inner{transform:translate3d(0,16px,0);opacity:1;visibility:visible}.video-container{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100vh}.video-container video{z-index:0;width:100vw;height:100vh;-o-object-fit:fill;object-fit:fill}.video-container .controls{position:absolute;bottom:.625rem;right:.625rem;z-index:3}.video-container .controls .video-btn{background-position:center;background-size:cover;cursor:pointer;opacity:.8;animation:poi-face 10s linear infinite alternate;width:2rem;height:2rem}.video-container .controls .video-btn:hover{opacity:1}.video-container .controls .video-btn.video-play{background-image:var(--video-play-image)}.video-container .controls .video-btn.video-pause{background-image:var(--video-pause-image);display:none}.video-container .video-status{position:absolute;bottom:-6.25rem;left:0;right:0;margin:auto;padding:.625rem 0;text-align:center;color:#fff;width:100%;background-color:#000c;border-radius:0;font-size:1.125rem;transition:.4s ease all}@media (max-width: 768px){.video-container{display:none}}@keyframes poi-face{2%,24%,80%{transform:translateY(1.5px) rotate(1.5deg)}4%,68%,98%{transform:translateY(-1.5px) rotate(-.5deg)}38%,6%{transform:translateY(1.5px) rotate(-1.5deg)}8%,86%{transform:translateY(-1.5px) rotate(-1.5deg)}10%,72%{transform:translateY(2.5px) rotate(1.5deg)}12%,64%,78%,96%{transform:translateY(-.5px) rotate(1.5deg)}14%,54%{transform:translateY(-1.5px) rotate(1.5deg)}16%{transform:translateY(-.5px) rotate(-1.5deg)}18%,22%{transform:translateY(.5px) rotate(-1.5deg)}20%,36%,46%{transform:translateY(-1.5px) rotate(2.5deg)}26%,50%{transform:translateY(.5px) rotate(.5deg)}28%{transform:translateY(.5px) rotate(1.5deg)}30%,40%,62%,76%,88%{transform:translateY(-.5px) rotate(2.5deg)}32%,34%,66%{transform:translateY(1.5px) rotate(-.5deg)}42%{transform:translateY(2.5px) rotate(-1.5deg)}44%,70%{transform:translateY(1.5px) rotate(.5deg)}48%,74%,82%{transform:translateY(-.5px) rotate(.5deg)}52%,56%,60%{transform:translateY(2.5px) rotate(2.5deg)}58%{transform:translateY(.5px) rotate(2.5deg)}84%{transform:translateY(1.5px) rotate(2.5deg)}90%{transform:translateY(2.5px) rotate(-.5deg)}92%{transform:translateY(.5px) rotate(-.5deg)}94%{transform:translateY(2.5px) rotate(.5deg)}0%,to{transform:translate(0) rotate(0)}}.headertop-down{position:absolute;bottom:3.125rem;left:50%;cursor:pointer;z-index:3}.headertop-down .iconify{font-size:1.75rem;color:#fff;transform:scaleX(1.5) translate(-33.34%)}@media (max-width: 768px){.headertop-down{display:none}}h1 a{color:#504e4e}h1 a:hover{color:orange;color:var(--theme-color)}.entry-footer{list-style:none}.hotpost{color:#ff3b00}.page-header{position:relative;text-align:center;margin-bottom:3rem;color:#999}@media (max-width: 768px){.page-header{margin-bottom:0}}.post-list{margin:0 0 4rem;position:relative;animation:main .6s}.post-list p{min-height:3.75rem;font-size:.9375em;color:#000000a8;color:var(--post-list-thumb-abstract-color);letter-spacing:0;line-height:1.875rem;transition:color 1s;margin:0;padding:0;padding-left:1.25rem;display:-webkit-box}.post-list hr{width:30%;height:1px;margin:0 auto;border:0;background:#eee;margin-top:1.25rem;transition:background 1s}.post-list:hover .entry-footer .info-meta{transform:translate3d(-130px,0,0);opacity:1;visibility:visible}.post-list .feature{margin-top:1rem;float:left}.post-list .feature:hover .overlay .overlay-inner{opacity:1}.post-list .feature .overlay-inner{display:inline-block;position:absolute;font-size:1.5625rem;color:#fff;width:6.625rem;height:6.625rem;line-height:6.625rem;text-align:center;background:#bbe2db;opacity:0;z-index:1;border-radius:0;border-radius:var(--standard-post-list-border-radius);transition:opacity .4s ease-out}.post-list .feature .overlay-inner .iconify{font-size:1.875rem;background:transparent;color:orange;color:var(--theme-color)}.post-list .feature img{width:6.25rem;height:6.25rem;padding:2px;border:1px solid #ddd;box-sizing:content-box;position:relative;-o-object-fit:cover;object-fit:cover;border-radius:0;border-radius:var(--standard-post-list-border-radius)}.post-list h1.entry-title{font-size:1.25rem;font-weight:400;line-height:3.125rem;position:relative;z-index:1;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%;margin-left:1.25rem}.post-list h1.entry-title:hover{color:orange;color:var(--theme-color)}.post-list .entry-title a{color:#504e4e;color:var(--post-list-thumb-title-color)}.post-list .entry-footer .post-more{margin-top:.625rem;text-align:right}.post-list .entry-footer .post-more .iconify{font-size:1.875rem;color:#666;color:var(--post-list-thumb-more-color)}.post-list .entry-footer .post-more .iconify:hover{color:orange;color:var(--theme-color)}.post-list .entry-footer .info-meta{position:absolute;top:3rem;opacity:0;padding-top:.5rem;border-top:1px solid #ddd;visibility:hidden;transition:.6s all ease}.post-list .entry-footer .info-meta span{color:#999;font-size:.8125rem;vertical-align:bottom}.post-list .entry-footer .info-meta .iconify{margin-right:.625rem}.post-list .entry-footer .info-meta a{color:#999}.post-list .entry-footer .info-meta .comnum{float:left;width:100%}.post-list .entry-footer .p-time{position:absolute;right:0;top:1rem;font-size:.75rem;color:#999;letter-spacing:0}.post-list .entry-footer .p-time .iconify{scale:1.2;margin-right:5px}@media (max-width: 768px){.post-list p{font-size:.875rem;overflow:hidden}.post-list .feature img{width:3.25rem;height:3.25rem}.post-list .feature .overlay{display:none}.post-list h1.entry-title{font-size:1rem;line-height:1.875rem}.post-list .entry-footer .post-more{display:none}}@media (max-width: 1024px){.post-list .entry-footer .info-meta{display:none}}.post-list-thumb{display:flex;width:100%;height:18.75rem;position:relative;margin:1.25rem 0;border-radius:10px;background-color:#fff;background-color:var(--background-color);box-shadow:0 1px 20px -6px #00000080;box-shadow:var(--post-list-thumb-box-shadow);opacity:1;animation:main .6s;transition:box-shadow .3s ease}.post-list-thumb:hover img{transform:scale(1.1)}.post-list-thumb .post-thumb{min-width:55%}.post-list-thumb .post-thumb a{height:18.75rem;position:relative;display:block;background-repeat:no-repeat;background-size:cover;overflow:hidden;border-radius:0 10px 10px 0}.post-list-thumb .post-thumb a img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;transition:all .6s}.post-list-thumb .post-content-wrap{position:relative;display:inline-block;padding-left:0;width:100%;padding:0 1.875rem;margin-top:1.25rem}.post-list-thumb .post-content-wrap .post-date{color:#505050;color:var(--post-list-thumb-meta-color);font-size:.75rem;transition:background 1s}.post-list-thumb .post-content-wrap .post-meta,.post-list-thumb .post-content-wrap .post-meta a{color:#505050;color:var(--post-list-thumb-meta-color);font-size:.75rem}.post-list-thumb .post-content-wrap .post-meta .comments-number{margin:0 .625rem}.post-list-thumb .post-content-wrap .float-content{position:relative;width:100%;right:0;margin:0;padding:0;z-index:9;color:#000000a8;color:var(--post-list-thumb-abstract-color)}.post-list-thumb .post-content-wrap .float-content .post-text{display:inline-block;text-align:justify;font-size:.875rem}.post-list-thumb .post-content-wrap .float-content .iconify{font-size:1.875rem;color:#666;color:var(--post-list-thumb-more-color);margin-right:5px}.post-list-thumb .post-content-wrap .float-content .iconify:hover{color:orange;color:var(--theme-color)}.post-list-thumb .post-content-wrap .float-content p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:4.375rem;overflow:hidden;text-align:left;word-break:break-word}.post-list-thumb.post-list-thumb-right{flex-direction:row-reverse}.post-list-thumb.post-list-thumb-right .post-content-wrap,.post-list-thumb.post-list-thumb-right .post-content-wrap .float-content p{text-align:right}.post-list-thumb.post-list-thumb-right .post-thumb a{border-radius:10px 0 0 10px}.post-list-thumb .post-title{color:#504e4e;color:var(--post-list-thumb-title-color)}.post-list-thumb .post-title h1{font-size:1.17em;margin:1em 0;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-wrap:break-word}@media (max-width: 768px){.post-list-thumb{margin:0;height:auto;padding:0;border:0;margin-bottom:1.25rem}.post-list-thumb,.post-list-thumb.post-list-thumb-right{flex-direction:column-reverse}.post-list-thumb:before{content:"";width:1px;height:100px;background-color:#0000;position:absolute;left:0;right:0;margin:auto;bottom:-6.375rem;z-index:0}.post-list-thumb .post-thumb{width:100%;left:0}.post-list-thumb .post-thumb a{border-radius:10px 10px 0 0}.post-list-thumb .post-content-wrap{width:100%;left:0;text-align:left;margin:0;padding:1.25rem;float:none;box-shadow:none;box-sizing:border-box;border-top:0}.post-list-thumb .post-content-wrap .float-content{width:100%;left:0;box-shadow:none;padding:0;margin:0;transition:color 1s}.post-list-thumb .post-content-wrap .float-content p{height:auto;display:block}.post-list-thumb .post-content-wrap .float-content .post-bottom{display:none;text-align:right}.post-list-thumb.post-list-thumb-right .post-content-wrap,.post-list-thumb.post-list-thumb-right .post-content-wrap .float-content p{text-align:left}.post-list-thumb.post-list-thumb-right .post-thumb a{border-radius:10px 10px 0 0}}@media (max-width: 640px){.post-list-thumb .post-thumb a{height:13.125rem}.post-list-thumb .post-content-wrap .float-content .post-text{font-size:.8125rem;margin-bottom:1em}}.page-none-content{margin:1.5em 0 0}.page-none-content .page-header .page-title{font-size:1.25rem;font-weight:400;border:1px dashed #ddd;padding:.625rem .9375rem;color:#7d7d7d;margin-bottom:1.875rem}.meta-container{display:flex;margin:0;font-size:.875rem;padding:1.125rem 0 0}.meta-container .post-meta-item{display:flex;align-items:center}.meta-container .post-meta-item img{width:2.25rem;height:2.25rem;border-radius:100%;margin-right:.75rem;display:block;-o-object-fit:cover;object-fit:cover}.meta-container .post-meta-item:not(:last-child):after{content:"·";margin:0 .3125rem}@media (max-width: 768px){.meta-container{flex-wrap:wrap}}.entry-content{margin-top:1.25rem;position:relative}.entry-content:before,.entry-content:after{content:"";display:table;table-layout:fixed}.entry-content:after{clear:both}.entry-content .begin{float:left;font-size:3.6em;line-height:1em;margin-right:3px;margin-top:2px;font-weight:700}.entry-content h2:after{content:"¶";position:absolute;color:#ff6d6d;font-family:serif;padding-left:6px;font-size:1em}.entry-content h3{padding-bottom:.5em;border-bottom:1px dashed #ddd;color:#7d7d7d}.entry-content h3:after{content:"#"}.entry-content h4:after{content:"▌"}.entry-content h5:after{content:"♯"}.entry-content h3,.entry-content h4,.entry-content h5{padding-left:1em}.entry-content h3:after,.entry-content h4:after,.entry-content h5:after{left:0;position:absolute;color:#ff6d6d}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{color:#000;color:var(--entry-content-heading-color)}.entry-content a{color:#e67474;position:relative}.entry-content a:hover{color:orange;color:var(--theme-color);text-decoration:none}.entry-content a:hover:after{transform:scaleX(1);transform-origin:bottom left}.entry-content a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:orange;background-color:var(--theme-color);transform-origin:bottom right;transition:transform .25s ease-out}.entry-content a img.alignleft,.entry-content a img.alignright,.entry-content a img.aligncenter{cursor:-webkit-zoom-in}.entry-content p{color:#7d7d7d;color:var(--entry-content-text-color);line-height:1.875em}.entry-content hr{margin-top:2.5em;margin-bottom:2.5em;display:block;border:0;text-align:center;background:0 0}.entry-content hr:before{content:"...";display:inline-block;margin-left:.6em;color:#000c;position:relative;top:-1.875em;font-size:1.75em;letter-spacing:.6em}.entry-content code:not(.hljs){background:#fefac7;color:#e67474;word-break:break-word;font-family:Source Code Pro,monospace;padding:2px;text-shadow:none;border-radius:5px}.entry-content ol,.entry-content ul{list-style:disc;border:1px dashed #ddd;padding:1em .625em 1em 3.125em;color:#666;color:var(--entry-content-list-color);margin-left:0;border-radius:10px}.entry-content ol li,.entry-content ul li{padding:8px 0}.entry-content p,.entry-content ul,.entry-content ol{transition:color 1s}.entry-content .post-password-form{text-align:center}.entry-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}.entry-content .table-wrapper{overflow:auto;color:#000;color:var(--entry-content-table-color)}.entry-content .table-wrapper::-webkit-scrollbar{height:4px;width:4px}.entry-content .table-wrapper::-webkit-scrollbar-track-piece{background:transparent}.entry-content .table-wrapper::-webkit-scrollbar-thumb{background:rgba(176,176,176,.4);cursor:pointer;border-radius:2px}.entry-content .table-wrapper::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.entry-content .table-wrapper>table{border-collapse:collapse;overflow:auto;max-width:100%;margin-right:.5rem;vertical-align:text-top}.entry-content .table-wrapper>table th{background-color:#0000001a}.entry-content .table-wrapper>table tr{word-break:keep-all}.entry-content .table-wrapper>table tr:nth-child(2n){background-color:#fff;background-color:var(--background-color)}.entry-content .table-wrapper>table td,.entry-content .table-wrapper>table th{padding:.5em 1em;border:1px solid #ddd;line-height:1.5;font-size:.9em}.entry-content .table-wrapper>table tbody>tr{transition:all .28s ease}.entry-content .table-wrapper>table tbody>tr:hover{background-color:#0003}@media (max-width: 768px){.entry-content p{font-size:.875em}.entry-content .begin{margin-top:6px}}.serif .entry-content h2:after{font-size:1.13em}.post-footer .single-reward{position:relative;width:100%;margin:2.25rem auto;text-align:center;z-index:1}.post-footer .single-reward .reward-open{position:relative;width:2.5rem;height:2.5rem;font-size:1.125rem;color:#fff;line-height:2.5rem;display:inline-block;border-radius:100%;background:#d34836;cursor:pointer}.post-footer .single-reward .reward-open:hover .reward-main{display:block!important}.post-footer .single-reward .reward-main{position:absolute;left:-9.375rem;margin:0;padding:1rem 0 0;background:0 0;display:none;animation:main .4s}.post-footer .single-reward .reward-row{margin:0;background:#fff;display:flex;border-radius:4px;cursor:auto;padding:1rem}.post-footer .single-reward .reward-row:before{content:"";width:0;height:0;border-left:.8125rem solid transparent;border-right:.8125rem solid transparent;border-bottom:.8125rem solid #fff;position:absolute;top:.3rem;left:0;right:0;margin:0 auto}.post-footer .single-reward .reward-row li{list-style-type:none;padding:0 .75rem;display:inline-block}.post-footer .single-reward .reward-row li img{width:8.125rem;max-width:8.125rem;border-radius:3px;position:relative}.post-footer .single-reward .reward-row li .reward-name{display:block;line-height:normal;font-size:.8125rem;color:#504e4e}.post-footer .post-footer-meta{padding-top:1.25rem;padding-bottom:1.875rem;border-bottom:1px dashed #ddd;border-top:1px dashed #ddd;margin-top:1.875rem}@media (max-width: 768px){.post-footer p{font-size:.875rem}.post-footer .post-footer-meta{display:none}}.post-license{text-align:center;padding-bottom:5px;font-size:.875rem}.post-license a{color:#b0b0b0}.post-license a:hover{color:#888}.post-tags{float:left;font-size:.8125rem;color:#b0b0b0;text-transform:uppercase}.post-tags a{color:#b0b0b0;margin-right:5px}.post-tags a:hover{color:var(--threme-color)}.post-tags svg{margin-right:5px}@media (max-width: 768px){.post-tags{text-align:center;float:none;font-size:.75rem}}.author-profile{margin:3rem 0;text-align:center}.author-profile .info{overflow:hidden;text-align:center}.author-profile .info .profile{display:inline-block}.author-profile .info .profile img{width:4.375rem;height:4.375rem;padding:3px;border:1px solid #ddd;border-radius:100%;-o-object-fit:cover;object-fit:cover}.author-profile .info .meta{display:block;text-align:center}.author-profile .info .meta h3{margin:.625rem 0 0;text-transform:none}.author-profile .info .meta h3 a{display:block;font-size:1.125rem;font-weight:400;line-height:normal;letter-spacing:1px;color:#b0b0b0}.author-profile p{font-size:.815rem;margin:1rem 0 0;color:#7d8588;letter-spacing:0;display:inline-block;padding:1rem;border-top:1px solid #eee;border-bottom:1px solid #eee}.author-profile p .iconify{color:orange;color:var(--theme-color);margin-right:.625rem}@media (max-width: 768px){.author-profile{display:none}}.word_count{margin:0}.minicode{box-shadow:0 1px 2px #0003;border-radius:5px;margin:.625em 0;display:flex;align-items:center;color:#000;color:var(--minicode-color)}.minicode a{padding:5px}.minicode .content-toast{display:block;padding:.5em .5em .5em 1em;height:1.25em;word-break:keep-all;white-space:nowrap;overflow:hidden;width:95%;transition:width,padding .5s ease;overflow-x:auto}.minicode .hide-minicode{line-height:inherit;cursor:pointer;padding-right:5px}.minicode:hover{transform:scale(1.01);transition:all .5s ease}.minicode.hide{margin:0}.minicode.hide .content-toast{height:0;padding:0}.minicode.hide .hide-minicode{display:none}@keyframes main{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.highlight-wrap{display:flex;position:relative;background:#21252b;border-radius:6px;line-height:1.6;font-size:1em;margin-bottom:1.6em;max-width:100%;text-shadow:none;color:#000;padding-top:2em;box-shadow:0 .625em 2em #0006;filter:brightness(1);filter:brightness(var(--theme-brightness))}.highlight-wrap:before{content:" ";position:absolute;border-radius:50%;background:#fc625d;width:.75em;height:.75em;left:.75em;margin-top:-1.25em;box-shadow:1.25em 0 #fdbc40,2.5em 0 #35cd4b;z-index:1}.highlight-wrap code{word-break:break-word;font-family:Source Code Pro,monospace,Helvetica,Tahoma,Arial,STXihei,STHeiti Light,Microsoft YaHei,sans-serif;text-shadow:none;border-radius:0 0 6px 6px;width:100%;cursor:inherit;cursor:var(--cursor-text)}.highlight-wrap code::-webkit-scrollbar{height:.625rem;width:.625rem;background-color:#222}.highlight-wrap code::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#21252b}.highlight-wrap code::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);background-color:orange;background-color:var(--theme-color)}.highlight-wrap code[data-rel]:before{color:#fff;content:attr(data-rel);height:2.25em;line-height:2.25em;background:#21252b;font-size:1rem;position:absolute;top:0;left:0;width:100%;font-family:Ubuntu,sans-serif;font-weight:700;text-indent:1rem;text-align:center;float:left;border-radius:6px 6px 0 0;pointer-events:none}:is(.highlight-wrap code .hljs-ln-line,.highlight-wrap code .hljs-ln-line span)::-moz-selection{background:#fff;background:var(--background-color);color:#21252b}:is(.highlight-wrap code .hljs-ln-line,.highlight-wrap code .hljs-ln-line span)::selection{background:#fff;background:var(--background-color);color:#21252b}.highlight-wrap code .hljs-comment,.highlight-wrap code .hljs-quote{color:#888f96;font-style:italic}.highlight-wrap code .hljs-doctag,.highlight-wrap code .hljs-formula,.highlight-wrap code .hljs-keyword{color:#c678dd}.highlight-wrap code .hljs-deletion,.highlight-wrap code .hljs-name,.highlight-wrap code .hljs-section,.highlight-wrap code .hljs-selector-tag,.highlight-wrap code .hljs-subst{color:#e06c75}.highlight-wrap code .hljs-literal{color:#56b6c2}.highlight-wrap code .hljs-addition,.highlight-wrap code .hljs-attribute,.highlight-wrap code .hljs-meta-string,.highlight-wrap code .hljs-regexp,.highlight-wrap code .hljs-string{color:#98c379}.highlight-wrap code .hljs-built_in,.highlight-wrap code .hljs-class .hljs-title{color:#e6c07b}.highlight-wrap code .hljs-attr,.highlight-wrap code .hljs-number,.highlight-wrap code .hljs-selector-attr,.highlight-wrap code .hljs-selector-class,.highlight-wrap code .hljs-selector-id,.highlight-wrap code .hljs-selector-pseudo,.highlight-wrap code .hljs-template-variable,.highlight-wrap code .hljs-type,.highlight-wrap code .hljs-variable{color:#d19a66}.highlight-wrap code .hljs-bullet,.highlight-wrap code .hljs-link,.highlight-wrap code .hljs-meta,.highlight-wrap code .hljs-selector-tag{color:#61aeee}.highlight-wrap code .hljs-emphasis{font-style:italic}.highlight-wrap code .hljs-strong{font-weight:700}.highlight-wrap code .hljs-link{text-decoration:underline}.highlight-wrap code .hljs-ln{margin:.375em 0 0}.highlight-wrap code .hljs-ln .hljs-ln-line.hljs-ln-numbers{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;color:#888f96;font-family:Source Code Pro,monospace,Helvetica,Tahoma,Arial,STXihei,STHeiti Light,Microsoft YaHei,sans-serif;vertical-align:top;position:absolute;left:0;width:2em}.highlight-wrap code .hljs-ln .hljs-ln-line.hljs-ln-code{width:100vw;padding-left:1.625em}.highlight-wrap code .hljs-ln .hljs-ln-line.hljs-ln-code:hover{background-color:#ffffff1a}.code-block-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;min-width:100%;z-index:10;margin:0;animation:elastic 1s}.code-block-fullscreen code{--widthA: 100%;--widthB: calc(var(--widthA) - 30px);height:calc(100% - 30px);height:var(--widthB);min-height:99%;overflow:auto}.code-block-fullscreen-html-scroll{overflow:hidden}@keyframes elastic{0%{transform:scale(0)}55%{transform:scale(1)}70%{transform:scale(.98)}to{transform:scale(1)}}span.copy-code{color:#fff;position:absolute;right:.625em;display:inline-table;top:.375em;padding-right:.125em;font-size:1rem;z-index:1}span.copy-code:hover{color:#ffffff80}span.copy-code:after{display:none}.page-header{position:relative;display:flex;justify-content:center;align-items:center}.page-header .pattern-center{position:relative;width:100%;overflow:hidden;animation:header .5s}.page-header .pattern-center.single-center:after{display:none}.page-header .pattern-center:after{transition:background 1s}.page-header .pattern-center .pattern-attachment-img{height:400px}.page-header .pattern-center .pattern-attachment-img:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#0000004d;z-index:1}.page-header .pattern-center .pattern-attachment-img img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}@media (max-width: 768px){.page-header .pattern-center.single-center .pattern-attachment-img{height:17.5rem}.page-header .pattern-center.single-center .pattern-attachment-img:after{content:"";width:150%;height:4.375rem;background:#fff;background:var(--background-color);left:-25%;bottom:-2.875rem;border-radius:100%;position:absolute;z-index:1}.page-header .pattern-center.single-center .post-header h1{font-size:1.625rem;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.page-header .pattern-center .pattern-attachment-img img{height:17.5rem}}.page-header .pattern-title{margin-top:50px;color:#464646;color:var(--body-color)}.page-header .pattern-title h1{padding:0;border:0;margin:0;width:100%;text-align:center;font-size:1.5rem;font-weight:300}.page-header .pattern-title h1:before,.page-header .pattern-title h1:after{color:orange;color:var(--theme-color);font-size:1.5em;vertical-align:sub}.page-header .pattern-title h1:before{content:"{"}.page-header .pattern-title h1:after{content:"}"}.page-header.is-decorate .pattern-title{margin-top:0;position:absolute;text-shadow:2px 2px 10px #000;z-index:1}.page-header.is-decorate .pattern-title h1{font-size:2rem;color:#fff;font-weight:500}.page-header.is-decorate .pattern-title h1:before,.page-header.is-decorate .pattern-title h1:after{content:""}.page-header.is-decorate .site-content .pattern-header{position:sticky;z-index:1;text-shadow:2px 2px 10px #000}.page-header.is-decorate .site-content .post-header{margin-top:-8rem}.page-header.is-decorate .site-content .page-header{margin-top:-17.5rem;text-align:center;margin-bottom:12.5rem}.page-header.is-decorate .site-content .page-header.link-page-header{margin-top:-15.375rem}.page-header.is-decorate .site-content .page-header h1{font-size:2.5rem;color:#fff}.page-header.is-decorate .site-content .page-header h1:before,.page-header.is-decorate .site-content .page-header h1:after{content:""}.page-header.is-decorate .site-content .pattern-meta-container .entry-census,.page-header.is-decorate .site-content .pattern-meta-container .entry-census a{color:#fff}@media (max-width: 768px){.page-header.is-decorate .pattern-title h1{text-align:center!important}}@keyframes header{0%{transform:translateY(-50px)}to{transform:translateY(0)}}.post-share{float:right;list-style:none;margin-right:1.25rem}.post-share:hover .show-share,.post-share:hover .share-hidden{opacity:1;display:inline-block}.post-share img:hover{opacity:.8}.post-share ul{list-style:none;opacity:0;display:none;margin:0;vertical-align:middle;position:relative;transition:opacity .4s ease-out}.post-share ul li i{font-size:1.25rem}.post-share ul li a:hover{color:orange;color:var(--theme-color)}.post-share li{float:left;margin-right:1.875rem}.post-share li img{width:1.125rem;height:1.125rem;display:block}.post-share .social-share{opacity:0;display:none}.post-share .show-share{cursor:pointer;opacity:.6;transition:opacity .1s ease-out;color:orange;color:var(--theme-color)}@media (max-width: 768px){.post-share{display:none}}.post-share .s-wechat{position:relative}.post-share .s-wechat:hover .wechat-qrcode{display:block}.post-share .s-wechat .wechat-qrcode{display:none;border-radius:5px;border:1px solid #eee;position:absolute;top:-215px;left:-95px;width:200px;height:192px;color:#666;color:var(--color);font-size:12px;text-align:center;background-color:#fff;background-color:var(--background-color);box-shadow:0 2px 10px #b0b0b0;transition:all .2s}.post-share .s-wechat .wechat-qrcode:after{content:"";position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.post-share .s-wechat .wechat-qrcode h4{font-weight:400;height:26px;line-height:26px;font-size:12px;background-color:#fff;margin:0;padding:0;color:#7d7d7d}.post-share .s-wechat .wechat-qrcode img{width:auto;height:auto}.post-share .s-wechat .wechat-qrcode .qrcode{margin:1px auto}.post-share .s-wechat .wechat-qrcode .help p{font-weight:400;line-height:16px;padding:0;margin:0}.card-container{position:relative;text-align:center;border:0;border-radius:10px;color:#000000de;background:#fff;background:var(--background-color);background-size:cover;box-shadow:0 -15px 35px #32325d1a,0 5px 15px #00000012;box-shadow:var(--card-container-box-shadow)}.card-container .chip-container .card-content{padding:1.5rem;border-radius:0 0 2px 2px}.card-container .chip-container .card-content .chip{margin:.625rem;padding:1.25rem;display:inline-flex;line-height:0;font-size:1rem;font-weight:500;border-radius:5px;cursor:pointer;box-shadow:0 3px 5px #0000001f;z-index:0}.card-container .chip-container .card-content .chip:hover{color:#fff;background:linear-gradient(to right,#4cbf30 0%,#0f9d58 100%)}.card-container .chip-container .card-content .chip.chip-default{color:#34495e}.clearer{display:block;clear:both}#nprogress{pointer-events:none;z-index:10;position:absolute}#nprogress .bar{background:orange;background:var(--theme-color);position:fixed;z-index:10;top:0;left:0;width:100%;height:3px}#nprogress .bar .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px orange,0 0 5px orange;box-shadow:0 0 10px var(--theme-color),0 0 5px var(--theme-color);opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:10;top:1.625rem;right:1.5rem;left:inherit;width:auto;height:auto;margin:0}#nprogress .spinner .spinner-icon{width:1.25rem;height:1.25rem;box-sizing:border-box;border:solid 3px transparent;border-top-color:orange;border-top-color:var(--theme-color);border-left-color:orange;border-left-color:var(--theme-color);border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.is-collapsible{overflow:hidden;transition:all .3s ease-in-out}.is-collapsed{max-height:0}.is-position-fixed{position:fixed;top:0}.is-active-link{font-weight:700}.is-active-link:before{background-color:orange!important;background-color:var(--theme-color)!important}.headertop{position:relative;overflow:hidden;width:100%;animation:header 1s}.headertop:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background-attachment:fixed;background:none;background:var(--first-screen-filter-images)}.headertop:after{content:"";display:none;display:var(--first-screen-after);width:150%;height:4.375rem;background:#fff;background:var(--background-color);left:-25%;bottom:-2.875rem;border-radius:100%;position:absolute;z-index:1;transition:background 1s}@media (max-width: 768px){.headertop:after{display:block}}@keyframes header{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.notice{padding:20px;border:1px dashed #ddd;color:#666;color:var(--color);position:relative;display:block;background:#fbfbfb50;background:var(--notice-background-color);border-radius:10px;animation:main .6s}.notice .notice-content{display:contents;vertical-align:middle;width:100%}.notice .iconify{top:0;color:#999;font-size:18px;padding-right:10px;padding-bottom:5px}@media (max-width: 768px){.notice{margin-top:40px;margin-bottom:20px}}.top-feature{width:100%;height:auto;margin-top:55px;animation:main .6s}.top-feature .fes-title{color:#666;color:var(--color);font-size:16px;font-weight:400;padding-bottom:5px;margin-bottom:30px;border-bottom:1px dashed #eee;border-bottom:var(--home-divider-border);transition:border 1s}.top-feature .top-feature-inner{display:flex}.top-feature .top-feature-inner .top-feature-item{display:inline-block;height:160px;width:100%;margin:0 2px}.top-feature .top-feature-inner .top-feature-item .feature-container{position:relative;height:100%;box-shadow:1px 1px 3px #0000004d;overflow:hidden;border-radius:10px;transition:all .35s ease-in-out}.top-feature .top-feature-inner .top-feature-item .feature-container img{height:100%;width:100%;display:block;-o-object-fit:cover;object-fit:cover;transition:all .35s ease-in-out;transform:scale(1)}.top-feature .top-feature-inner .top-feature-item .feature-container .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;backface-visibility:hidden;background:rgba(0,0,0,.6);visibility:hidden;opacity:0;transition:all .35s ease-in-out}.top-feature .top-feature-inner .top-feature-item .feature-container .info h3{text-transform:uppercase;color:#fff;font-size:17px;padding:10px;background:#000000;margin:30px 0 0;text-align:center;transition:all .35s ease-in-out;transform:translate(-100%)}.top-feature .top-feature-inner .top-feature-item .feature-container .info p{font-style:italic;font-size:12px;position:relative;color:#b0b0b0;padding:20px;text-align:center;transition:all .35s .1s linear;transform:translate(100%)}.top-feature .top-feature-inner .top-feature-item .feature-container a:hover .img{transform:scale(1.2)}.top-feature .top-feature-inner .top-feature-item .feature-container a:hover .info{visibility:visible;opacity:1}.top-feature .top-feature-inner .top-feature-item .feature-container a:hover .info h3,.top-feature .top-feature-inner .top-feature-item .feature-container a:hover .info p{transform:translate(0)}.top-feature .top-feature-inner .top-feature-item .feature-container,.top-feature .top-feature-inner .top-feature-item .feature-container *{box-sizing:border-box}.top-feature .top-feature-inner .top-feature-item .feature-container a{color:#333}.top-feature .top-feature-inner .top-feature-item .feature-container a:hover{text-decoration:none}@media (max-width: 768px){.top-feature{display:none}}.site-main{padding:40px 0 0}.site-main .main-title{color:#666;color:var(--color);font-size:16px;font-weight:400;padding-bottom:5px;margin-bottom:30px;border-bottom:1px dashed #eee;border-bottom:var(--home-divider-border);transition:border 1s}@media (max-width: 768px){.site-main{padding:15px 0 0}}.is-homepage .site-header{position:fixed}.is-homepage .site-header.yya .header-inner .lower-container{display:block}.is-homepage .site-header .header-inner{transition:background 1s}.is-homepage .site-header .header-inner .lower-container{display:none}.is-homepage .site-header:hover .header-inner{position:fixed;top:0;background:#fff;background:var(--header-background)}.is-homepage .site-header:hover .header-inner .lower-container{display:block}@media (max-width: 768px){.is-homepage .site-header:hover .header-inner{background:transparent}}section:not(.is-homepage) .site-header .header-inner{box-shadow:0 1px 40px -8px #00000080}@media (max-width: 768px){section:not(.is-homepage) .site-header .header-inner{box-shadow:none}}.post-header{position:relative;display:flex;justify-content:center;flex-wrap:wrap}.post-header .post-meta,.post-header .pattern-title{width:780px}.post-header .page-header{width:100%}.post-header .post-meta .meta-container{justify-content:center}.post-header .is-decorate .pattern-title{bottom:2em}.post-header .is-decorate .pattern-title h1{text-align:left}.post-header .is-decorate .post-meta .meta-container{justify-content:inherit;padding:0}.post-header .is-decorate .post-meta .meta-container .post-meta-item *,.post-header .is-decorate .post-meta .meta-container .post-meta-item:after{color:#fff}@media (max-width: 768px){.post-header .post-meta,.post-header .pattern-title{width:100%}.post-header .is-decorate .pattern-title{bottom:auto}.post-header .is-decorate .pattern-title h1{text-align:inherit}.post-header .is-decorate .post-meta .meta-container{justify-content:center}.post-header h1{font-size:26px;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;text-align:center}}.single-page-header .page-header.is-decorate .pattern-title h1{font-size:40px}.single-page-header .page-header .pattern-title h1{font-size:24px;font-weight:700;text-transform:uppercase}.link-article .links{margin-bottom:80px}.link-article .links .link-title{font-weight:400;color:orange;color:var(--theme-color);padding-left:0;border-left:none;margin:50px 0 20px;transition:color 1s}.link-article .links .link-title span.fake-title{padding-left:10px;border-left:3px solid orange;border-left:3px solid var(--theme-color)}.link-article .links .link-items{margin:0;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}.link-article .links .link-items .link-item{border:1px solid #eee;padding:10px 30px;margin:4px;position:relative;overflow:hidden;transition:all .3s;border-radius:10px}.link-article .links .link-items .link-item:hover{color:var(theme-color);border:1px solid var(theme-color)}.link-article .links .link-items .link-item:hover:before{width:140%}.link-article .links .link-items .link-item:hover .link-item-inner img{transform:rotate(360deg)}.link-article .links .link-items .link-item:hover .link-item-inner .linkdes{border-top:1px dashed #fff}.link-article .links .link-items .link-item:before{content:"";background:orange;background:var(--theme-color);transform:skew(45deg);width:0;height:100%;position:absolute;top:0px;left:-50px;transition:all .5s;opacity:.2}.link-article .links .link-items .link-item .link-item-inner img{float:right;box-shadow:inset 0 0 10px #000;opacity:1;transform:rotate(0);transition:all ease 1s;margin-top:5px;width:61px;height:61px;padding:2px;border-radius:100%;-o-object-fit:cover;object-fit:cover}.link-article .links .link-items .link-item .link-item-inner .sitename{color:orange;color:var(--theme-color);padding-bottom:10px;display:block;transition:all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-article .links .link-items .link-item .link-item-inner .linkdes{color:#999;color:var(--links-description-color);font-size:13px;padding:10px 0;border-top:1px dashed #ddd;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:25px;transition:all .5s}@media (max-width: 640px){.link-article .links ul li{width:100%}}@media (max-width: 768px){.link-article .links ul li{width:48.6%}.link-article .links ul li:before{display:none}.link-article .links ul li:hover .sitename{color:--var(theme-color)}.link-article .links ul li:hover .linkdes{color:#999;border-top:1px dashed #ddd}}.archives-inner{margin-top:50px;margin-bottom:100px;position:relative}.archives-inner .archives-content:before{content:"";position:absolute;height:75%;border-left:1px dashed #fff;left:17px;top:30px}.archives-inner h2{font-weight:400;color:#666;padding-bottom:15px;border-bottom:1px dashed #fff;text-align:center}.archives-inner .archive-item.active .archive-posts{max-height:-moz-max-content;max-height:max-content;transition-timing-function:cubic-bezier(.5,0,.3,1)}.archives-inner .archive-item{margin-top:35px;position:relative;z-index:1}.archives-inner .archive-item .archive-title{display:flex;align-items:center}.archives-inner .archive-item .archive-title .archive-time svg{padding:10px;border-radius:100px;background:orange;background:var(--theme-color);color:#fff}.archives-inner .archive-item .archive-title h3{letter-spacing:2px;font-style:italic;font-size:20px;font-weight:400;color:orange;color:var(--theme-color);margin-left:10px}.archives-inner .archive-item .archive-title h3:hover{color:#ddd!important;cursor:pointer}.archives-inner .archive-item .archive-posts{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out}.archives-inner .archive-item .archive-posts .archive-post-item{position:relative}.archives-inner .archive-item .archive-posts .archive-post-item .archive-post-circle{height:11px;width:11px;background:orange;background:var(--theme-color);display:inline-block;position:absolute;margin-top:22px;border-radius:100px;left:12px}.archives-inner .archive-item .archive-posts .archive-post-item .arrow-left-ar{width:0;height:0;display:block;float:left;margin-top:10px;border-left:20px solid transparent;border-bottom:20px solid #f5f5f5;margin-left:26px}.archives-inner .archive-item .archive-posts .archive-post-item .brick{margin-left:46px}.archives-inner .archive-item .archive-posts .archive-post-item .brick a{color:#7d7d7d;padding:20px;background:#f5f5f5;margin-bottom:20px;display:block;letter-spacing:0px}.archives-inner .archive-item .archive-posts .archive-post-item .brick em{font-style:normal;margin-left:5px}.archives-inner .archive-item .archive-posts .archive-post-item .brick .time{float:right;color:#ccc}.archives-inner .archive-item .archive-posts .archive-post-item .brick .time svg{margin:3px}@media (max-width: 768px){.archives-inner{margin:0 20px}}.tag-wordcloud-container{position:relative;left:calc((100% - 100vw)/2)}.tag-wordcloud-container .wordcloud{width:100vw;height:500px}.tags-content{margin:50px 0}.tags-content .tag-title{margin-bottom:10px;color:#34495e;color:var(--card-container-title-color);font-size:1.75rem;font-weight:400}.tags-content .tag-chips{margin:1rem auto .5rem;max-width:850px;text-align:center}.tags-content .tag-chips .tag-length{color:#9b8b2a;margin-top:0;margin-left:5px;margin-right:-2px;font-size:.9rem}@media (max-width: 768px){.tags-content{margin:20px 0}}.tag-header .page-header .pattern-title h1{display:inline-block;font-size:25px;font-weight:400;color:#666;color:var(--color)}.tag-header .page-header .pattern-title h1:before{content:""}.tag-header .page-header .pattern-title h1:after{content:"";padding-right:15px;border-right:1px dashed #ddd;font-size:30px;vertical-align:middle}.categories-container .card-container{margin:36px auto}.categories-container .card-container.category-show{animation:card-show 1s ease-in-out}.categories-container .card-container .categories-title{margin-bottom:10px;color:#34495e;color:var(--card-container-title-color);font-size:1.75rem;font-weight:400}.categories-container .card-container .categories-chips{margin:1rem auto .5rem;max-width:850px;text-align:center}.categories-container .card-container .categories-chips .categories-length{color:#9b8b2a;margin-top:0;margin-left:5px;margin-right:-2px;font-size:.9rem}.categories-container .card-container .category-echarts{width:100%;height:360px}@keyframes card-show{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.category-header .page-header .pattern-title{display:flex;align-items:center}.category-header .page-header .pattern-title h1{display:inline-block;font-size:25px;font-weight:400;color:#666;width:auto}.category-header .page-header .pattern-title h1:before{content:""}.category-header .page-header .pattern-title h1:after{content:"";padding-right:15px;border-right:1px dashed #ddd;font-size:30px;vertical-align:middle}.category-header .page-header .pattern-title .cat-des{display:block;text-align:center;color:#999;margin-left:10px}.moments-container{margin:20px 0;filter:brightness(1);filter:brightness(var(--theme-brightness))}.moments-container .moments-inner{padding:0;margin:0;list-style:none;display:inline;position:relative}.moments-container .moments-inner .moments-item{margin-bottom:30px}.moments-container .moments-inner .moments-item:nth-child(odd) .moment-container .moment-inner{background:var(--single-bg-and-btn-color);color:var(--single-font-color)}.moments-container .moments-inner .moments-item:nth-child(odd) .moment-container .moment-inner:after{border-right-color:var(--single-bg-and-btn-color);color:#000}.moments-container .moments-inner .moments-item .moment-container{display:flex}.moments-container .moments-inner .moments-item .moment-container .avatar{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;border:1px solid #ddd;padding:2px;float:left;border-radius:100%;transition:transform .4s ease-out}.moments-container .moments-inner .moments-item .moment-container .avatar:hover{transform:rotate(360deg)}.moments-container .moments-inner .moments-item .moment-container .moment-inner{width:100%;margin:auto 15px;padding:.8em 1.2em;position:relative;background:var(--double-bg-and-btn-color);background-position:center;color:var(--double-font-color);border-radius:5px;box-shadow:0 1px 2px #00000026;transition:all .3s ease 0s}.moments-container .moments-inner .moments-item .moment-container .moment-inner:after{right:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-right-color:azure;border-width:10px;top:4px}.moments-container .moments-inner .moments-item .moment-container .moment-inner:hover{box-shadow:0 2px 16px #00000026}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-content{font-size:1.2em;font-weight:400;line-height:1.5}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-content>p{overflow:unset}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-content .comment-box{display:none}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium{width:66%;font-size:0;display:table}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium a{display:inline-block;border-radius:8px;overflow:hidden;float:left;position:relative}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium img,.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium video{aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-1 a{width:100%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-2 a,.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-4 a{width:46%;margin:2%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-3 a{width:29.33%;margin:2%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-3 a:nth-child(1){width:62.67%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-5 a,.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-8 a{width:29.33%;margin:2%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-5 a:nth-child(n + 1):nth-child(-n + 2),.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-8 a:nth-child(n + 1):nth-child(-n + 2){width:46%;margin:2%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-6 a{width:29.33%;margin:2.2% 2%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-6 a:nth-child(1){width:62.67%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-7 a{width:29.33%;margin:2%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-7 a:nth-child(n + 4):nth-child(-n + 7){width:21%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-9 a{width:29.33%;margin:2%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-footer{margin-top:10px;border-top:1px dashed #fff;padding-top:5px;font-size:14px;display:flex;justify-content:space-between}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-footer .moment-tools{margin-left:15px}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-footer .moment-tools .comment-js,.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-footer .moment-tools .moment-like{float:right;margin-left:15px}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-footer .moment-tools .comment-js,.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-footer .moment-tools .moment-like{cursor:pointer}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-footer .moment-tools .moment-like:hover,.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-footer .moment-tools .moment-like.on{color:#00a1d6}.moments-container .moments-inner .moments-item .moment-container .moment-inner .comment-box{display:none;padding-top:10px}.moments-container .pagination{display:flex;justify-content:center}.moments-container .pagination .at_button{background-color:#e6e6fa;border:none;padding:8px 16px;text-align:center;text-decoration:none;height:20px;display:inline-block;font-size:12px;border-radius:12px;outline:none;cursor:pointer;transition:box-shadow .5s ease 0s}.moments-container .pagination .at_button:hover{background-color:azure;box-shadow:0 4px 8px #0000003d,0 8px 16px #00000030}.moments-container .pagination .at_button.loading{background-color:unset;border:none}@media (max-width: 768px){.moments-container .moments-inner .moments-item .moment-container .avatar{display:none}.moments-container .moments-inner .moments-item .moment-container .moment-inner:after{display:none}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-content img{max-width:50%}}.code-block-fullscreen-html-scroll .moment-content{z-index:auto!important;transform:none!important}:host{display:inline-block;overflow:hidden;text-align:initial;white-space:nowrap}.photos-container{margin:50px 0;position:relative;z-index:1}.photos-container .photos-inner .loading{height:60px}.photos-container .photos-inner .loading .gallery{opacity:0}.photos-container .photos-inner .photos-content{display:flex;width:100%;justify-content:center}@media (max-width: 768px){.photos-container{padding-top:0;margin:30px 0}}.photos-group ul{list-style:none;padding:0;margin:0;font-size:1em;letter-spacing:.2em}.photos-group ul li{display:inline-block;vertical-align:bottom;margin:0 2em 1.5em 0}.photos-group ul li span{display:block;color:#666;color:var(--color);position:relative}.photos-group ul li span:after{content:"";display:block;border-bottom:2px solid orange;border-bottom:2px solid var(--theme-color);width:0;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0);transform-origin:50% 0;transition:transform .35s}.photos-group ul li span:hover:after,.photos-group ul li span.active:after{width:100%;transform:scale(1)}.gallery{clear:both;width:100%;margin:0;opacity:1;transform:translateZ(0);transition:transform,opacity .35s}.gallery .gallery-item .gallery-caption{height:100%;background:#222;opacity:0}.gallery .gallery-item:hover .gallery-caption{height:100%;opacity:.6;transition:opacity .2s ease}.gallery .gallery-item:hover .gallery-caption .entry-summary{opacity:1}.gallery .gallery-item:hover .gallery-caption .entry-summary h3,.gallery .gallery-item:hover .gallery-caption .entry-summary p{transform:translateZ(0)}.gallery .gallery-item .gallery-caption{position:absolute;left:0;right:0;bottom:0;width:100%;z-index:10;pointer-events:none}.gallery .gallery-item .gallery-caption .entry-summary{display:inline-block;position:absolute;width:100%;opacity:0;margin:0;transition:all .2s ease;text-align:center;bottom:0;padding-bottom:1em;font-size:.8em;color:#fff}.gallery .gallery-item .gallery-caption .entry-summary h3,.gallery .gallery-item .gallery-caption .entry-summary p{transition:transform .35s;padding:0;margin:0}.gallery .gallery-item .gallery-caption .entry-summary p{font-family:Times,serif;font-style:italic;font-size:.9em;opacity:.8;transform:translate3d(0,20px,0)}.gallery .gallery-item .gallery-caption .entry-summary h3{font-weight:700;text-transform:uppercase;font-size:.9em;letter-spacing:.05em;transform:translate3d(0,-20px,0);margin-bottom:.5em}@media (max-width: 768px){.gallery .gallery-item .gallery-caption{background:#22222255;opacity:1}.gallery .gallery-item .gallery-caption .entry-summary{opacity:1}.gallery .gallery-item .gallery-caption .entry-summary h3,.gallery .gallery-item .gallery-caption .entry-summary p{transform:none}}.masonry-container{margin:auto 4vw}.masonry-container .photos-content{margin:1.5em auto}.masonry-container .photos-content .gallery .gallery-item{margin:0 0 10px}.masonry-container .photos-content .gallery .gallery-item.col-3{width:calc((100% - (3 - 1) * 10px) / 3)}.masonry-container .photos-content .gallery .gallery-item.col-4{width:calc((100% - 30px)/4)}.masonry-container .photos-content .gallery .gallery-item.col-5{width:calc((100% - 40px)/5)}.masonry-container .photos-content .gallery .gallery-item.col-6{width:calc((100% - (6 - 1) * 10px) / 6)}.masonry-container .photos-content .gallery .gallery-item.col-7{width:calc((100% - (7 - 1) * 10px) / 7)}.masonry-container .photos-content .gallery .gallery-item.col-8{width:calc((100% - 70px)/8)}.masonry-container .photos-content .gallery .gallery-item .gallery-icon{position:relative;z-index:9;transition:opacity .2s ease;text-align:center}.masonry-container .photos-content .gallery .gallery-item .gallery-icon a{display:block;width:100%;height:100%;position:relative;z-index:9}.masonry-container .photos-content .gallery .gallery-item .gallery-icon img{width:100%;height:auto;margin:0 0 -5px}@media (max-width: 768px){.masonry-container .photos-content .gallery .gallery-item{width:100%!important}}.masonry-tools{display:flex;justify-content:space-between}.masonry-tools .grid-changer{float:right}.masonry-tools .grid-changer ul{list-style:none;padding:0;margin:0;font-size:.8em}.masonry-tools .grid-changer ul li{display:inline-block;margin-left:.2em}.masonry-tools .grid-changer ul li span{display:block;width:30px;height:30px;text-align:center;color:#ccc;color:var(--photo-group-change-color);position:relative;border:2px solid #ccc;border:2px solid var(--photo-group-change-color);transition:all .2s ease}.masonry-tools .grid-changer ul li span:hover{border-color:orange;border-color:var(--theme-color);color:orange;color:var(--theme-color)}.masonry-tools .grid-changer ul li span.active,.masonry-tools .grid-changer ul li span.active:hover{border-color:#222;border-color:var(--photo-group-change-active-color);color:#222;color:var(--photo-group-change-active-color)}.masonry-tools .grid-changer ul li span svg{fill:#222;fill:var(--photo-group-change-active-color)}@media (max-width: 768px){.masonry-tools{justify-content:center}.masonry-tools .grid-changer{display:none}}.justify-tools{text-align:center}.justify-wrapper{max-width:1024px;margin:0 auto}.error-404{margin-top:-120px;margin-bottom:20px}.error-404 .error-img,.error-404 .err-button{text-align:center}.error-404 .err-button.back a{padding:10px 30px;margin:0 10px;border:1px solid orange;border:1px solid var(--theme-color);color:orange;color:var(--theme-color);border-radius:50px}.error-404 .err-button.back a:hover{box-shadow:0 0 4px orange;box-shadow:0 0 4px var(--theme-color)}.error-404 .err-button.back .gohome{background:orange;background:var(--theme-color);color:#fff}@media (max-width: 768px){.error-404{margin-top:0}} +:root{--theme-color: orange;--theme-brightness: 1;--site-content-max-width: 780px;--site-content-background-color: rgba(255, 255, 255, .8);--loading-image: none;--cursor-link: pointer;--cursor-link-active: inherit;--cursor-text: inherit;--cursor-normal: inherit;--cursor-hover: inherit;--cd-top-image: none no-repeat center;--cd-top-display: block;--mobile-cd-top-display: none;--mobile-cd-top-bottom: 70px;--standard-post-list-border-radius: 0;--first-screen-height: 100vh;--first-screen-after: none;--first-screen-filter-images: none;--first-screen-background-blend-overlay: none;--first-screen-header-info-text-color: #eaeadf;--first-screen-header-info-background-color: rgba(0, 0, 0, .5);--header-height: 4.6875rem;--yya-header-top: 0;--header-background: #fff;--body-color: #464646;--color: #666;--background-color: #fff;--header-user-option-hover-background-color: #fff;--notice-background-color: #fbfbfb50;--home-divider-border: 1px dashed #eee;--post-list-thumb-box-shadow: 0 1px 20px -6px rgba(0, 0, 0, .5);--post-list-thumb-title-color: #504e4e;--post-list-thumb-meta-color: #505050;--post-list-thumb-abstract-color: rgba(0, 0, 0, .66);--post-list-thumb-more-color: #666;--widget-background-color: #fff;--theme-item-background-color: #fff;--mobile-nav-toggle-background-color: var(--theme-color);--mobile-menu-text-color: #333;--minicode-color: #000;--entry-content-text-color: #7d7d7d;--entry-content-heading-color: #000;--entry-content-list-color: #666;--entry-content-table-color: #000;--card-container-box-shadow: 0 -15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);--card-container-title-color: #34495e;--photo-group-change-color: #ccc;--photo-group-change-active-color: #222;--links-description-color: #999}.dark{--theme-brightness: .7;--body-color: #eee;--header-background: rgba(49, 54, 59, .85);--header-user-option-hover-background-color: #31363b;--color: #eee;--background-color: #31363b;--first-screen-background-blend-overlay: var(--background-color);--first-screen-header-info-text-color: #fff;--first-screen-header-info-background-color: rgba(0, 0, 0, .7);--notice-background-color: #222;--home-divider-border: 6px dotted #535a63;--post-list-thumb-box-shadow: 0 1px 35px -8px rgba(0, 0, 0, .8);--post-list-thumb-title-color: #b0b0b0;--post-list-thumb-meta-color: #888;--post-list-thumb-abstract-color: #b0b0b0;--post-list-thumb-more-color: #888;--widget-background-color: rgba(38, 38, 38, .8);--theme-item-background-color: #31363b;--mobile-menu-text-color: #eee;--entry-content-heading-color: #ccc;--entry-content-text-color: #999;--entry-content-list-color: #999;--entry-content-table-color: #999;--card-container-box-shadow: 0 1px 35px -8px rgba(0, 0, 0, .8);--card-container-title-color: #ccc;--photo-group-change-color: #222;--photo-group-change-active-color: #ccc;--links-description-color: #b0b0b0;--site-content-background-color: transparent}.video-container{--video-play-image: none;--video-pause-image: none}.search-form{--search-form-image: none}.moments-container{--single-bg-and-btn-color: #e6e6fa;--single-font-color: #000000;--double-bg-and-btn-color: #f0ffff;--double-font-color: #000000;--moments-content-background: #e6e6fa}.aplayer{--aplayer-color: #000;--aplayer-background-color: #fff;--aplayer-list-border: 1px solid #eee;--aplayer-list-light-background-color: #e9e9e9;--aplayer-list-top-border: 1px solid var(--aplayer-list-light-background-color);--aplayer-list-author-color: #666;--aplayer-body-miniswitcher-background-color: #e6e6e6;--aplayer-lrc-text-shadow: -1px -1px 0 #fff;--aplayer-list-hover-background-color: #efefef}.dark .aplayer{--aplayer-color: #eee;--aplayer-background-color: #232629;--aplayer-list-border: none;--aplayer-list-light-background-color: #31363b;--aplayer-list-top-border: none;--aplayer-list-author-color: eee;--aplayer-body-miniswitcher-background-color: var(--aplayer-background-color);--aplayer-lrc-text-shadow: -1px -1px 0 #989898;--aplayer-list-hover-background-color: var(--theme-color)}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}::selection{background:#464646;color:#fff}::-moz-selection{background:#464646;color:#fff}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;word-break:break-all;box-sizing:border-box;font-size:100%}body,select,textarea{color:#464646;color:var(--body-color);font-size:1em;line-height:1.5}body{background:#fff;background:var(--background-color);background-attachment:fixed;margin:0;cursor:inherit;cursor:var(--cursor-normal);text-shadow:0px 0px 1px rgba(0,0,0,.1)}body.serif{font-family:"Noto Serif SC",Georgia,serif}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}details>summary:first-of-type{display:list-item}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;filter:brightness(1);filter:brightness(var(--theme-brightness))}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,samp{font-family:monospace;font-size:1em}optgroup,select,textarea{color:inherit;font:inherit;margin:0}select{text-transform:none;border:1px solid #ccc}fieldset{border:1px solid #b0b0b0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}td,th{padding:0}h1,h2,h3,h4,h5,h6{clear:both}p{margin-bottom:1.5em;cursor:inherit;cursor:var(--cursor-text);word-break:normal;overflow-wrap:break-word}dfn,cite,em,svg{font-style:italic}blockquote{margin:1em;padding:0 1em;color:#656d76;border-left:.25em solid #c6cbd1}blockquote p{margin:5px 0}address{margin:0 0 1.5em}kbd{display:inline-block;padding:3px 5px;font-size:1em;line-height:1em;color:#444d56;vertical-align:middle;background-color:#fff;border:solid 1px #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px #959da5;font-family:Source Code Pro,monospace,Helvetica,Tahoma,Arial,STXihei,STHeiti Light,Microsoft YaHei,sans-serif}code,kbd,tt,var{font-size:1em}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{background:#fefac7;text-decoration:none}big{font-size:125%}*:before,*:after{box-sizing:inherit}q:before,q:after{content:""}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ul,ol{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ul,li>ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}textarea{padding-left:3px;width:100%;color:#666;color:var(--color);border:1px solid #ccc;border-radius:3px}textarea:focus{color:#000}embed,iframe,object{max-width:100%}iframe{filter:brightness(1);filter:brightness(var(--theme-brightness))}.noselect{-webkit-user-select:none;-moz-user-select:none;user-select:none}.is-show{display:block!important}.is-hide{display:none}input{font-size:1rem;font:inherit;margin:0;line-height:normal}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}input[type=button],input[type=reset],input[type=submit]{cursor:pointer;border:1px solid;border-color:#ccc #ccc #b0b0b0;border-radius:3px;background:#ddd;box-shadow:none;color:#000c;font-size:.75rem;line-height:1;padding:.6em 1em .4em;-webkit-appearance:button}input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:#ccc #b0b0b0 #b0b0b0;box-shadow:none}input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{border-color:#b0b0b0 #b0b0b0 #b0b0b0;box-shadow:none}input[disabled]{cursor:default}input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color]{color:#666;color:var(--color);border:1px solid #ccc;border-radius:3px;padding:3px}input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=range]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=color]:focus{color:#000}a{background-color:transparent;text-decoration:none;color:#e67474;outline:none;cursor:pointer;cursor:var(--cursor-link);transition:color .2s ease-out,border .2s ease-out,opacity .2s ease-out}a:focus,a:active,a:hover{outline:none;color:orange;color:var(--theme-color)}a:active{cursor:inherit;cursor:var(--cursor-link-active)}button{margin:0;overflow:visible;font:inherit;cursor:pointer;border:1px solid;border-color:#ccc #ccc #b0b0b0;border-radius:3px;background:#ddd;box-shadow:none;color:#000c;font-size:.75rem;line-height:1;padding:.6em 1em .4em;text-transform:none;-webkit-appearance:button}button:hover{border-color:#ccc #b0b0b0 #b0b0b0;box-shadow:none}button:focus{border-color:#b0b0b0 #b0b0b0 #b0b0b0;box-shadow:none}button:active{border-color:#b0b0b0 #b0b0b0 #b0b0b0;box-shadow:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}table{border-collapse:collapse;border-spacing:0;width:100%}::-webkit-scrollbar{width:.375rem;height:.375rem;background-color:#eee}::-webkit-scrollbar-track{background-color:#eee}::-webkit-scrollbar-thumb{background-color:orange;background-color:var(--theme-color)}.iconify{display:inline-block;position:relative;top:-.125em;vertical-align:middle;font-size:1rem;height:1em;width:1em}.iconify.iconify--small{font-size:.875rem}.iconify.iconify--large{font-size:1.25rem}.iconify.iconify--xlarge{font-size:1.5rem}.iconify.iconify--xxlarge{font-size:2rem}.site-header{position:relative;right:0;height:4.6875rem;height:var(--header-height);width:100%;z-index:10}.site-header:before,.site-header:after{content:"";display:table;table-layout:fixed}.site-header:after{clear:both}.site-header.iconsearch{font-size:1.125rem;position:relative;z-index:10}.site-header.iconsearch:hover{cursor:pointer;color:orange;color:var(--theme-color)}.site-header .header-inner{height:4.6875rem;height:var(--header-height);width:100%;display:block;margin:0 auto;position:fixed;padding:0 1.25rem;box-sizing:border-box;top:0;transition:top .3s ease-in-out}@media (max-width: 768px){.site-header,.site-header .header-inner{height:2.5rem;position:absolute}.site-header .header-inner{padding:0}}.yya .header-inner{position:fixed;top:0;top:var(--yya-header-top);background:#fff;background:var(--header-background);box-shadow:0 1px 40px -8px #00000080}.yya.sabit .header-inner{top:0}@media (max-width: 768px){.yya .header-inner{background:transparent;box-shadow:none}}.site-nav-toggle{display:none}@media (max-width: 768px){.site-nav-toggle{transition-duration:.5s;height:2.5rem;position:absolute;top:0;z-index:10;display:block;background:0 0}.site-nav-toggle.open{display:none}.site-nav-toggle .nav-toggle{background:0 0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.site-nav-toggle .nav-toggle .icon{transition-duration:.2s;width:1.875rem;height:3px;background-color:orange;background-color:var(--mobile-nav-toggle-background-color)}.site-nav-toggle .nav-toggle .icon:before,.site-nav-toggle .nav-toggle .icon:after{transition-duration:.5s;background-color:orange;background-color:var(--mobile-nav-toggle-background-color);position:absolute;content:"";width:1.875rem;height:3px}.site-nav-toggle .nav-toggle .icon:before{top:10px}.site-nav-toggle .nav-toggle .icon:after{bottom:10px}}.site-branding{float:left;position:relative;line-height:4.6875rem;line-height:var(--header-height);animation:sitetop 1s}.site-branding .site-title{margin:0}.site-branding .site-title a{color:#464646;color:var(--body-color);font-weight:400}.site-branding .site-title a:hover{color:orange;color:var(--theme-color)}.site-branding .site-title img:hover{opacity:1}.site-branding .site-title a,.site-branding .site-title img{height:2.5rem;width:2.5rem;margin-top:1rem;opacity:.75;-o-object-fit:cover;object-fit:cover;transition:color .2s ease-out,border .2s ease-out,opacity .2s ease-out}@media (max-width: 768px){.site-branding{float:right;height:2.5rem;line-height:2.5rem}.site-branding .site-title{font-size:1.25rem;margin-right:10px}.site-branding .site-title img{height:2rem;width:2rem;border-radius:100%;margin:0;vertical-align:middle}}@keyframes sitetop{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.header-user-avatar{position:relative;float:right;margin-left:1.25rem;margin-top:1.375rem;animation:fadeInRight 1s}.header-user-avatar img{border-radius:100%;cursor:pointer;height:1.875rem;-o-object-fit:cover;object-fit:cover}.header-user-avatar:hover .header-user-menu{display:block}@media (max-width: 768px){.header-user-avatar{display:none}}.header-user-menu{position:absolute;right:-11px;top:44px;display:none;overflow:hidden;animation:header-user-menu .4s;box-shadow:0 1px 40px -8px #00000080;border-radius:5px;text-align:center;background:#fff;background:var(--widget-background-color);width:-moz-max-content;width:max-content}.header-user-menu .herder-user-name{font-size:.75rem;padding:10px;border-radius:4px 4px 0 0}.header-user-menu .herder-user-name .herder-user-name-u{font-weight:700;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user-menu:before{content:"";position:fixed;top:46px;right:25px;margin-left:-10px;border-width:10px;border-style:solid;border-color:transparent transparent #fff;border-color:transparent transparent var(--widget-background-color)}.header-user-menu .user-menu-option{padding:5px 0;border-radius:0 0 4px 4px}.header-user-menu .user-menu-option a:hover{background-color:#fff;background-color:var(--header-user-option-hover-background-color)}.header-user-menu a{display:block;padding:6px 10px;margin:2px 0;width:6.875rem;color:#666;color:var(--color);font-size:13px}.header-user-menu .no-logged{font-size:.8125rem;padding:15px 10px;border-radius:4px;border:0}.header-user-menu .no-logged a{display:initial;font-size:.875rem;padding:0 5px;font-weight:700;text-decoration:none}@keyframes header-user-menu{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.searchbox{float:right;height:4.75rem;line-height:4.75rem;margin-left:1.25rem;animation:fadeInRight 1s}.searchbox .iconsearch{color:#464646;color:var(--body-color);cursor:pointer;font-size:1.875rem;transition:all .3s ease-in-out}@media (max-width: 768px){.searchbox{display:none}}.lower-container{position:absolute;text-align:center;pointer-events:none;width:100%;height:100%}.lower-container .lower{display:inline-block;margin:1rem 0 0 10px;font-size:1rem;position:relative;pointer-events:auto;animation:fadeInRight 1s}.lower-container .lower nav{position:relative;float:right;animation:fadeInRight .2s}.lower-container .lower nav ul{margin:0;padding:0;list-style:none;display:block}.lower-container .lower nav ul li{float:left;padding:0 .875rem;position:relative;transition:all 1s ease}.lower-container .lower nav ul li:hover ul{display:inline-block!important;transition:all .4s}.lower-container .lower nav ul li ul{display:none;opacity:1;position:absolute;background:#fff;background:var(--background-color);padding:.625rem;top:2.875rem;--parent-width: 100%;--current-width: min-content;width:auto;text-align:center;z-index:10;border-radius:5px;box-shadow:0 1px 40px -8px #00000080;animation:fadeInUp .3s .1s ease both}.lower-container .lower nav ul li ul:before{content:"";position:absolute;top:-20px;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:transparent transparent;border-bottom-color:#fff;border-bottom-color:var(--background-color)}.lower-container .lower nav ul li ul li{width:100%;padding:0}.lower-container .lower nav ul li ul li a:after{content:"";display:none}.lower-container .lower nav ul li a{padding:10px 0;display:inline-block;color:#666;color:var(--color);width:auto;white-space:nowrap}.lower-container .lower nav ul li a:hover{color:orange;color:var(--theme-color)}.lower-container .lower nav ul li a:after{content:"";display:block;position:absolute;bottom:-1rem;height:6px;background-color:orange;background-color:var(--theme-color);width:100%;max-width:0;transition:max-width .25s ease-in-out}.lower-container .lower nav ul li a:hover:after{max-width:60%}@media (max-width: 768px){.lower-container .lower{display:none}.lower-container .lower nav ul li .animated-hover svg{display:inline}}@media (max-width: 1280px){.lower-container .lower{left:15px}.lower-container .lower nav.hide{display:none}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0)}}.main{position:relative}.wrapper{animation:fade-in;animation-duration:.5s}@media (max-width: 768px){.wrapper{transition-duration:.5s;width:100%;height:auto;position:relative}.wrapper section h1{font-weight:300;font-size:1.875rem;margin-bottom:.625rem}.wrapper section h2{font-weight:300;font-size:1.25rem;margin-bottom:2.5rem}.wrapper section p{margin-bottom:2.5rem}}@media screen and (max-width: 860px){.wrapper section .gallery-caption p{margin-bottom:0}}@keyframes fade-in{0%{opacity:0}40%{opacity:0}to{opacity:1}}.sidebar{position:absolute;height:100%;top:0;right:-20px}.sidebar .sidebar-inner .toc-container{width:12.5rem;height:100%;background-color:#fff0;transform:translate(0);position:absolute;padding-top:10px;padding-bottom:10px}.sidebar .sidebar-inner .toc-container .toc{overflow-y:auto;position:sticky;top:6.25rem;max-height:80vh;transition:background 1s}.sidebar .sidebar-inner .toc-container .toc>.toc-list{overflow:hidden;position:relative;margin:0;padding-left:10px}.sidebar .sidebar-inner .toc-container .toc>.toc-list li{list-style:none}.sidebar .sidebar-inner .toc-container .toc .toc-list{margin:0;padding-left:10px}.sidebar .sidebar-inner .toc-container .toc a.toc-link{color:#666;color:var(--entry-content-list-color);height:100%}.sidebar .sidebar-inner .toc-container .toc a.toc-link:before{background-color:#eee;content:" ";display:inline-block;height:inherit;left:0;margin-top:-1px;position:absolute;width:2px}@media (max-width: 768px){.sidebar .sidebar-inner .toc-container{display:none}}.site-content{max-width:780px;max-width:var(--site-content-max-width);margin-left:auto;margin-right:auto;background-color:#fffc;background-color:var(--site-content-background-color);padding:0 10px}.site-content:before,.site-content:after{content:"";display:table;table-layout:fixed}.site-content:after{clear:both}@media (max-width: 768px){.site-content{padding:0 4%}}.main-inner{position:relative}.site-footer{background-color:#fffc;background-color:var(--site-content-background-color);max-width:780px;max-width:var(--site-content-max-width);padding:0 10px 2%;margin:auto;position:relative}.site-footer:before,.site-footer:after{content:"";display:table;table-layout:fixed}.site-footer:after{clear:both}.site-footer .site-info{margin:2rem auto;text-align:center;font-size:.8125rem;color:#b0b0b0}.site-footer .site-info a{color:#b0b0b0}.site-footer .site-info a:hover{color:orange;color:var(--theme-color)}@media (max-width: 1024px){.site-footer{padding:30px}}.footer-logo p{width:2rem;height:2rem;opacity:.8;margin:0 auto;background-size:cover;background-position:center center;background-repeat:no-repeat;animation:poi-deg 12s infinite linear}@keyframes poi-deg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer-copyright p{font-family:Ubuntu,sans-serif}.footer-copyright p span .iconify{font-size:inherit;color:#e74c3c}.footer-copyright p span a{text-decoration:none}.footer-device{display:flex;justify-content:center}.footer-device p{margin:0 4px 0 0}.site-sidebar{width:0;height:100%;position:fixed;left:0;top:0;background-color:#fff;background-color:var(--background-color);overflow:hidden;z-index:9;pointer-events:none;transition:width .5s ease-out}.site-sidebar:after,.site-sidebar:before{transition:left .5s;background:orange;background:var(--theme-color);position:fixed;content:"";width:1.875rem;height:.1875rem;top:20px;left:-100px;pointer-events:auto;opacity:0}.site-sidebar.open{width:15.625rem}.site-sidebar.open:before,.site-sidebar.open:after{left:260px;opacity:1}.site-sidebar.open:before{transform:rotate(-45deg)}.site-sidebar.open:after{transform:rotate(45deg)}.site-sidebar .sidebar-inner{height:100%;width:100%;pointer-events:auto}.mobile-sidebar{display:flex;flex-direction:column;align-items:center;overflow:hidden;height:100%}.mobile-sidebar .avatar{padding:30px 0}.mobile-sidebar .avatar img{width:5.625rem;height:5.625rem;border-radius:100%;-o-object-fit:cover;object-fit:cover}.mobile-sidebar .glitch-text{text-align:center;color:#333;color:var(--mobile-menu-text-color);font-weight:900;font-family:Ubuntu,sans-serif;letter-spacing:1.5px}.mobile-sidebar .socials{display:flex;justify-content:center}.mobile-sidebar .socials .social-item{margin:0 10px}.mobile-sidebar .search form{position:relative;width:15.625rem;max-width:15.625rem;margin:0 0 20px;padding:8px 15px;background-color:#fff}.mobile-sidebar .search form input{width:100%;border:0;padding:5px;text-align:center;border-radius:3px;outline:none}.mobile-sidebar .navbar{overflow-x:hidden;overflow-y:auto;width:100%;height:100%}.mobile-sidebar .navbar ul,.mobile-sidebar .navbar li{display:flex;flex-direction:column;align-items:center;margin:0}.mobile-sidebar .navbar ul:hover li{color:#ffffff80}.mobile-sidebar .navbar ul li{transition-duration:.25s;padding:8px 0;color:#fff;letter-spacing:.02em}.mobile-sidebar .navbar ul li a{color:#333;color:var(--mobile-menu-text-color);font-size:1rem;width:4.375rem}.mobile-sidebar .navbar ul li a:hover{cursor:pointer;color:orange;color:var(--theme-color)}.mobile-sidebar .navbar li ul{margin:0}.mobile-sidebar .navbar li ul li{padding:5px 0}.mobile-sidebar .navbar li ul li a{font-size:.875rem}.mobile-sidebar .navbar>ul{margin-left:-2.5rem}.mobile-sidebar .footer{height:3.125rem;background:#fff;background:var(--background-color);width:100%;display:flex;align-items:center;justify-content:center;position:relative;bottom:0;box-shadow:0 0 4px #000000e6,0 2px 2px #0000003d}.mobile-sidebar .footer p{text-align:center;font-size:.875rem;color:#b0b0b0;width:100%;height:1.25rem}.comment{margin-top:1em}.container{transition:background 1s}@media (max-width: 768px){.container{transition-duration:.5s;position:relative;overflow:hidden;z-index:2}.container.open:before{content:"";width:100%;height:100%;position:fixed;background-color:#0006;z-index:9}}.loading{width:1.75rem;height:1.75rem;background-position:center;background-repeat:no-repeat;color:#504e4e;border:none;background-size:auto 100%;box-shadow:none;background-color:inherit;background-image:none;background-image:var(--loading-image)}.list-pagination{width:100%;text-align:center;display:inline-block;margin:5rem 0}.list-pagination a{padding:.6rem 2.5rem;border:1px solid #ccc;border-radius:3rem;color:#b0b0b0;display:inline-block}.list-pagination a:hover{border:1px solid orange;border:1px solid var(--theme-color);color:orange;color:var(--theme-color);box-shadow:0 0 4px orange;box-shadow:0 0 4px var(--theme-color)}.list-pagination a.loading{border:none;box-shadow:none}.list-pagination span{color:#999;font-size:1rem}.list-navigator{text-align:center;margin:4rem 0;display:block}.list-navigator a{display:inline-block;height:3rem;width:3rem;padding:.625rem;border:2px solid #ddd;border-radius:50%;box-sizing:border-box}.list-navigator a:hover{color:#fff;background:orange;background:var(--theme-color);border:2px solid orange;border:2px solid var(--theme-color);transition:all .2s ease-in-out}.list-navigator .iconify{font-size:1rem;color:#ccc}@media (max-width: 768px){.list-navigator{margin:0}}.post-pagination{overflow:hidden;width:100%;margin:3rem 0;background:#000;display:flex}.post-pagination .pagination-container{position:relative;flex:1;height:10rem}.post-pagination .pagination-container a{display:inline-block;height:100%;width:100%}.post-pagination .pagination-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.4;transition:opacity .15s ease-out}.post-pagination .pagination-container img:hover{opacity:.6}.post-pagination .pagination-container .label,.post-pagination .pagination-container .info{position:absolute;font-size:.875rem}.post-pagination .pagination-container .label{top:2.5em;display:block;text-transform:uppercase;color:#ffffffb3}.post-pagination .pagination-container .info{bottom:2.5em}.post-pagination .pagination-container .info h3{font-size:1rem;font-weight:400;line-height:2rem;margin:2em 0;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.post-pagination .previous .label,.post-pagination .previous .info{left:2.5em}.post-pagination .next .label,.post-pagination .next .info{right:2.5em}@media (max-width: 768px){.post-pagination{flex-direction:column}.post-pagination .pagination-container{flex:auto}}.cd-top{display:block;display:var(--cd-top-display);z-index:9;position:fixed;top:-900px;right:1.5rem;width:4.5rem;height:900px;background-size:contain;transition:all .5s ease-in-out;opacity:1;background:none no-repeat center;background:var(--cd-top-image);cursor:inherit;cursor:var(--cursor-hover)}.cd-top.cd-is-visible{top:-326px}.cd-top:hover,.cd-top.cd-fade-out,.cd-top.cd-is-visible{opacity:1}.cd-top span{display:none;color:#000;position:absolute;bottom:0;height:20px;width:50px;text-align:center}@media screen and (max-width: 860px){.cd-top{display:none;height:60px;width:50px}.cd-top span{height:10px;width:50px}}.m-cd-top{display:none;display:var(--mobile-cd-top-display);bottom:70px;bottom:var(--mobile-cd-top-bottom);opacity:0;position:fixed;font-size:1rem;right:10px;width:3rem;height:3rem;z-index:9;border:0;outline:0;background-color:#fff;background-color:var(--widget-background-color);color:orange;color:var(--theme-color);cursor:pointer;padding:1rem;border-radius:8px;box-shadow:0 0 2px #0000001f,0 2px 2px #0000003d;overflow:hidden;transition:all .3s ease}.m-cd-top.cd-is-visible{opacity:1}@media screen and (max-width: 860px){.m-cd-top{display:block}}.aplayer.aplayer-fixed{background:var(--aplayer-background-color);color:var(--aplayer-color)}.aplayer.aplayer-fixed .aplayer-list{border:var(--aplayer-list-border)!important}.aplayer.aplayer-fixed .aplayer-list ol li{border-top:var(--aplayer-list-top-border)}.aplayer.aplayer-fixed .aplayer-list ol li:hover{background:var(--aplayer-list-hover-background-color)}.aplayer.aplayer-fixed .aplayer-list ol li.aplayer-list-light{background:var(--aplayer-list-light-background-color)!important}.aplayer.aplayer-fixed .aplayer-list ol li .aplayer-list-author{color:var(--aplayer-list-author-color)}.aplayer.aplayer-fixed .aplayer-body{background:var(--aplayer-background-color)!important;color:var(--aplayer-color)}.aplayer.aplayer-fixed .aplayer-body .aplayer-info{border-top:var(--aplayer-list-top-border)}.aplayer.aplayer-fixed .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path{fill:orange;fill:var(--theme-color)}.aplayer.aplayer-fixed .aplayer-body .aplayer-miniswitcher{background:var(--aplayer-body-miniswitcher-background-color);color:var(--aplayer-color)}.aplayer.aplayer-fixed .aplayer-body .aplayer-miniswitcher:hover path{fill:orange;fill:var(--theme-color)}.aplayer.aplayer-fixed .aplayer-lrc{text-shadow:var(--aplayer-lrc-text-shadow)}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb{background-color:orange!important;background-color:var(--theme-color)!important}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover{background-color:orange!important;background-color:var(--theme-color)!important}.aplayer .aplayer-lrc{pointer-events:none}.aplayer .aplayer-lrc:before,.aplayer .aplayer-lrc:after{background:rgba(255,255,255,0);filter:none}.aplayer .aplayer-lrc .aplayer-lrc-current{color:orange;color:var(--theme-color);font-size:15px;font-weight:700}.aplayer .aplayer-icon,.aplayer .aplayer-miniswitcher{border-radius:0 6px 6px 0!important}.aplayer-narrow .ap-hover{border-radius:0 6px 6px 0!important;left:-66px!important}.aplayer-narrow .ap-hover:hover{left:0!important}.lazyload{filter:blur(0px);transition:.3s filter linear}.lazyload[src*="#lazyload-blur"],.lazyload[style*="#lazyload-blur"]{filter:blur(10px)}.blur-up{filter:blur(5px);transition:filter .4s}.blur-up.lazyloaded{filter:blur(0)}.change-skin-gear{position:fixed;bottom:-999px;right:5px;width:auto;height:auto;z-index:9;visibility:visible;white-space:nowrap;padding:10px;cursor:pointer;border-radius:10px 10px 0 0}.change-skin-gear svg{display:inline-block}@media (max-width: 768px){.change-skin-gear{display:none!important}.change-skin-gear span:before{content:""}.change-skin-gear svg{font-size:20px}}.rotating{animation:rotating 3s linear infinite}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-change-skin{display:none;position:fixed;bottom:1rem;right:10px;width:3rem;height:3rem;z-index:9;border:0;outline:0;opacity:0;background-color:#fff;background-color:var(--widget-background-color);color:orange;color:var(--theme-color);cursor:pointer;padding:1rem;border-radius:8px;box-shadow:0 0 2px #0000001f,0 2px 2px #0000003d;transition:all .3s ease}.mobile-change-skin.cd-is-visible{opacity:1}.mobile-change-skin svg{display:inline-block}@media (max-width: 768px){.mobile-change-skin{display:block}}.skin-menu{position:fixed;bottom:3rem;right:2rem;height:auto;width:14rem;border-radius:5px;background-color:#fff;background-color:var(--widget-background-color);box-shadow:0 1px 40px -8px #00000080;z-index:9;font-family:Ubuntu,sans-serif;transform:scaleX(0);transition:.5s}.skin-menu.show{transform:scaleX(1)}.skin-menu:after{content:"";position:absolute;bottom:-1rem;left:50%;margin-left:-.375rem;border-width:.5rem;border-style:solid;border-color:#fff transparent transparent;border-top-color:#fff;border-top-color:var(--widget-background-color)}.skin-menu .row-container{height:auto;margin:0;padding:0;text-align:center}.skin-menu .row-container.font-family-controls{padding:3px 12px 16px}.skin-menu .row-container .menu-list{display:block;text-align:center;padding:0;margin:10px auto}.skin-menu .menu-list li{display:inline-block;margin:6px;line-height:2.25rem;width:2.25rem;background-color:#fff;background-color:var( --theme-item-background-color);border-radius:50%;cursor:pointer}.skin-menu .menu-list li:hover{background-color:orange;background-color:var(--theme-color);color:orange;color:var(--theme-color)}.skin-menu .menu-list li:hover svg{color:#fff}@media (max-width: 768px){.skin-menu{bottom:1rem;right:70px;transform:scaleY(0)}.skin-menu.show{transform:scaleY(1)}.skin-menu:after{display:none}}.search-form.is-visible{visibility:visible;animation:search-visible .5s;background-repeat:no-repeat;background-position:bottom right}.search-form div{position:relative}.search-form svg{font-size:2rem;line-height:1;color:#ddd;position:absolute;bottom:1rem;margin-top:-1rem;left:1rem}.search-form input{font-size:1.5rem;background:#fff;background:var(--background-color);padding:.75rem 1.5rem .75rem 4rem;width:100%;outline:none;border-radius:50px;box-sizing:border-box;transition:background 1s}.search-form input::-webkit-input-placeholder,.search-form input::-moz-placeholder,.search-form input:-ms-input-placeholder{color:#ddd}.search-form .search_close{position:absolute;width:2.25rem;height:2.25rem;background:0 0;top:20px;right:15px;cursor:pointer}.search-form .search_close:before,.search-form .search_close:after{background-color:#222;position:absolute;content:"";width:1.875rem;height:.125rem;top:17px;left:2px;transform:rotate(-45deg)}.search-form-modal{transition:visibility .25s ease,opacity .25s ease;overflow:hidden;z-index:9;position:fixed;top:0;right:0;left:0;bottom:0;background:#fff;background:var(--background-color);visibility:hidden;opacity:0}.search-form-modal .search-form-inner{max-width:640px;padding:0 20px;margin:auto;text-align:left;position:absolute;width:100%;left:0;right:0;height:285px;top:0;bottom:0}.search-form-modal .search-form-inner p{padding-left:24px}@keyframes search-visible{0%{transform:scale(0)}55%{transform:scale(1)}70%{transform:scale(.98)}to{transform:scale(1)}}.centerbg{width:100%;height:100vh;height:var(--first-screen-height);margin:0;padding:0;position:relative}@media (max-width: 768px){.centerbg{height:18.75rem;background-attachment:scroll}}.centerbg .cover-bg{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.centerbg .blend-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;mix-blend-mode:hard-light;background:none;background:var(--first-screen-background-blend-overlay)}.focusinfo{position:relative;z-index:2;text-align:center;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.4s ease all}.focusinfo img{width:8.125rem;height:8.125rem;padding:2px;border-radius:100%}@media (max-width: 768px){.focusinfo{display:none}}.header-tou img{box-shadow:inset 0 0 10px #000;padding:.3125rem;opacity:1;transform:rotate(0);transition:all ease 1s}.header-tou img:hover{transform:rotate(360deg)}.center-text{margin:0;font-family:Ubuntu,sans-serif;font-size:5rem;transition:background 1s}.glitch{position:relative;color:#fff;mix-blend-mode:lighten;overflow:hidden;white-space:nowrap}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;width:100%;background:rgba(0,0,0,0);clip:rect(0,0,0,0)}.glitch:before{left:-1px;text-shadow:1px 0 #ff3b00}.glitch:after{left:1px;text-shadow:-1px 0 #00a1d6}.glitch:hover:before{text-shadow:4px 0 #ff3b00;animation:glitch-loop-1 .8s infinite ease-in-out alternate-reverse}.glitch:hover:after{text-shadow:-5px 0 #00a1d6;animation:glitch-loop-2 .8s infinite ease-in-out alternate-reverse}.glitch+.header-info:before{top:-1.875rem;content:""}@keyframes glitch-loop-1{0%{clip:rect(36px,9999px,9px,0)}25%{clip:rect(25px,9999px,99px,0)}50%{clip:rect(50px,9999px,102px,0)}75%{clip:rect(30px,9999px,92px,0)}to{clip:rect(91px,9999px,98px,0)}}@keyframes glitch-loop-2{0%{top:-1px;left:1px;clip:rect(65px,9999px,119px,0)}25%{top:-6px;left:4px;clip:rect(79px,9999px,19px,0)}50%{top:-3px;left:2px;clip:rect(68px,9999px,11px,0)}75%{top:0;left:-4px;clip:rect(95px,9999px,53px,0)}to{top:-1px;left:-1px;clip:rect(31px,9999px,149px,0)}}.header-info{max-width:30%;position:relative;margin:0;font-size:1rem;color:#eaeadf;color:var(--first-screen-header-info-text-color);background:rgba(0,0,0,.5);background:var(--first-screen-header-info-background-color);padding:1rem;letter-spacing:0;line-height:2rem;border-radius:10px;box-sizing:initial;white-space:nowrap;margin-top:1.25rem}.header-info:before{position:absolute;left:30%;border-width:15px;border-style:solid;border-color:transparent;border-bottom-color:#00000080;border-bottom-color:var(--first-screen-header-info-background-color)}.header-info p{margin:0;font-family:Ubuntu,sans-serif;font-weight:700;overflow:hidden;white-space:nowrap;transition:color .4s}.header-info .desc{overflow:hidden;white-space:normal;text-overflow:clip;word-break:keep-all;display:inline}.top-social{display:flex;justify-content:center;height:1.625rem;margin-top:1rem;list-style:none}.top-social img{height:1.75rem;width:1.75rem;padding:0;background:0 0}.top-social ul{list-style:none;margin:0;padding:0;display:flex}.top-social ul li{float:left;margin-right:10px}.top-social .flipx{transform:scaleX(-1);filter:FlipH}.top-social .social-image{height:2rem;width:2rem;position:relative}.top-social .social-image .social-image-inner{width:8rem;height:8rem;padding:.625rem;background:rgba(0,0,0,.4);left:-3.5rem;opacity:0;position:absolute;border-radius:8px;transition:.7s all ease;transform:translate3d(0,3rem,0)}.top-social .social-image .social-image-inner:before{content:"";position:absolute;top:-2rem;left:50%;margin-left:-1rem;border-width:1rem;border-style:solid;border-color:transparent transparent rgba(0,0,0,.4) transparent}.top-social .social-image .social-image-inner img{border-radius:0;width:8rem;height:8rem;padding:0;background:0 0}.top-social .social-image:hover .social-image-inner{transform:translate3d(0,16px,0);opacity:1;visibility:visible}.video-container{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100vh}.video-container video{z-index:0;width:100vw;height:100vh;-o-object-fit:fill;object-fit:fill}.video-container .controls{position:absolute;bottom:.625rem;right:.625rem;z-index:3}.video-container .controls .video-btn{background-position:center;background-size:cover;cursor:pointer;opacity:.8;animation:poi-face 10s linear infinite alternate;width:2rem;height:2rem}.video-container .controls .video-btn:hover{opacity:1}.video-container .controls .video-btn.video-play{background-image:var(--video-play-image)}.video-container .controls .video-btn.video-pause{background-image:var(--video-pause-image);display:none}.video-container .video-status{position:absolute;bottom:-6.25rem;left:0;right:0;margin:auto;padding:.625rem 0;text-align:center;color:#fff;width:100%;background-color:#000c;border-radius:0;font-size:1.125rem;transition:.4s ease all}@media (max-width: 768px){.video-container{display:none}}@keyframes poi-face{2%,24%,80%{transform:translateY(1.5px) rotate(1.5deg)}4%,68%,98%{transform:translateY(-1.5px) rotate(-.5deg)}38%,6%{transform:translateY(1.5px) rotate(-1.5deg)}8%,86%{transform:translateY(-1.5px) rotate(-1.5deg)}10%,72%{transform:translateY(2.5px) rotate(1.5deg)}12%,64%,78%,96%{transform:translateY(-.5px) rotate(1.5deg)}14%,54%{transform:translateY(-1.5px) rotate(1.5deg)}16%{transform:translateY(-.5px) rotate(-1.5deg)}18%,22%{transform:translateY(.5px) rotate(-1.5deg)}20%,36%,46%{transform:translateY(-1.5px) rotate(2.5deg)}26%,50%{transform:translateY(.5px) rotate(.5deg)}28%{transform:translateY(.5px) rotate(1.5deg)}30%,40%,62%,76%,88%{transform:translateY(-.5px) rotate(2.5deg)}32%,34%,66%{transform:translateY(1.5px) rotate(-.5deg)}42%{transform:translateY(2.5px) rotate(-1.5deg)}44%,70%{transform:translateY(1.5px) rotate(.5deg)}48%,74%,82%{transform:translateY(-.5px) rotate(.5deg)}52%,56%,60%{transform:translateY(2.5px) rotate(2.5deg)}58%{transform:translateY(.5px) rotate(2.5deg)}84%{transform:translateY(1.5px) rotate(2.5deg)}90%{transform:translateY(2.5px) rotate(-.5deg)}92%{transform:translateY(.5px) rotate(-.5deg)}94%{transform:translateY(2.5px) rotate(.5deg)}0%,to{transform:translate(0) rotate(0)}}.home-wave{z-index:1;position:relative;width:400%;transition:.4s ease all}.home-wave>div{position:absolute;bottom:0;width:100%}.home-wave .wave-1{height:65px;left:-236px;animation:wave 100s linear 0s infinite}.home-wave .wave-2{height:80px;left:0px;animation:wave 240s linear 0s infinite}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-50.5%)}}.headertop-down{position:absolute;bottom:3.125rem;left:50%;cursor:pointer;z-index:3}.headertop-down .iconify{font-size:1.75rem;color:#fff;transform:scaleX(1.5) translate(-33.34%)}@media (max-width: 768px){.headertop-down{display:none}}h1 a{color:#504e4e}h1 a:hover{color:orange;color:var(--theme-color)}.entry-footer{list-style:none}.hotpost{color:#ff3b00}.page-header{position:relative;text-align:center;margin-bottom:3rem;color:#999}@media (max-width: 768px){.page-header{margin-bottom:0}}.post-list{margin:0 0 4rem;position:relative;animation:main .6s}.post-list p{min-height:3.75rem;font-size:.9375em;color:#000000a8;color:var(--post-list-thumb-abstract-color);letter-spacing:0;line-height:1.875rem;transition:color 1s;margin:0;padding:0;padding-left:1.25rem;display:-webkit-box}.post-list hr{width:30%;height:1px;margin:0 auto;border:0;background:#eee;margin-top:1.25rem;transition:background 1s}.post-list:hover .entry-footer .info-meta{transform:translate3d(-130px,0,0);opacity:1;visibility:visible}.post-list .feature{margin-top:1rem;float:left}.post-list .feature:hover .overlay .overlay-inner{opacity:1}.post-list .feature .overlay-inner{display:inline-block;position:absolute;font-size:1.5625rem;color:#fff;width:6.625rem;height:6.625rem;line-height:6.625rem;text-align:center;background:#bbe2db;opacity:0;z-index:1;border-radius:0;border-radius:var(--standard-post-list-border-radius);transition:opacity .4s ease-out}.post-list .feature .overlay-inner .iconify{font-size:1.875rem;background:transparent;color:orange;color:var(--theme-color)}.post-list .feature img{width:6.25rem;height:6.25rem;padding:2px;border:1px solid #ddd;box-sizing:content-box;position:relative;-o-object-fit:cover;object-fit:cover;border-radius:0;border-radius:var(--standard-post-list-border-radius)}.post-list h1.entry-title{font-size:1.25rem;font-weight:400;line-height:3.125rem;position:relative;z-index:1;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%;margin-left:1.25rem}.post-list h1.entry-title:hover{color:orange;color:var(--theme-color)}.post-list .entry-title a{color:#504e4e;color:var(--post-list-thumb-title-color)}.post-list .entry-footer .post-more{margin-top:.625rem;text-align:right}.post-list .entry-footer .post-more .iconify{font-size:1.875rem;color:#666;color:var(--post-list-thumb-more-color)}.post-list .entry-footer .post-more .iconify:hover{color:orange;color:var(--theme-color)}.post-list .entry-footer .info-meta{position:absolute;top:3rem;opacity:0;padding-top:.5rem;border-top:1px solid #ddd;visibility:hidden;transition:.6s all ease}.post-list .entry-footer .info-meta span{color:#999;font-size:.8125rem;vertical-align:bottom}.post-list .entry-footer .info-meta .iconify{margin-right:.625rem}.post-list .entry-footer .info-meta a{color:#999}.post-list .entry-footer .info-meta .comnum{float:left;width:100%}.post-list .entry-footer .p-time{position:absolute;right:0;top:1rem;font-size:.75rem;color:#999;letter-spacing:0}.post-list .entry-footer .p-time .iconify{scale:1.2;margin-right:5px}@media (max-width: 768px){.post-list p{font-size:.875rem;overflow:hidden}.post-list .feature img{width:3.25rem;height:3.25rem}.post-list .feature .overlay{display:none}.post-list h1.entry-title{font-size:1rem;line-height:1.875rem}.post-list .entry-footer .post-more{display:none}}@media (max-width: 1024px){.post-list .entry-footer .info-meta{display:none}}.post-list-thumb{display:flex;width:100%;height:18.75rem;position:relative;margin:1.25rem 0;border-radius:10px;background-color:#fff;background-color:var(--background-color);box-shadow:0 1px 20px -6px #00000080;box-shadow:var(--post-list-thumb-box-shadow);opacity:1;animation:main .6s;transition:box-shadow .3s ease}.post-list-thumb:hover img{transform:scale(1.1)}.post-list-thumb .post-thumb{min-width:55%}.post-list-thumb .post-thumb a{height:18.75rem;position:relative;display:block;background-repeat:no-repeat;background-size:cover;overflow:hidden;border-radius:0 10px 10px 0}.post-list-thumb .post-thumb a img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;transition:all .6s}.post-list-thumb .post-content-wrap{position:relative;display:inline-block;padding-left:0;width:100%;padding:0 1.875rem;margin-top:1.25rem}.post-list-thumb .post-content-wrap .post-date{color:#505050;color:var(--post-list-thumb-meta-color);font-size:.75rem;transition:background 1s}.post-list-thumb .post-content-wrap .post-meta,.post-list-thumb .post-content-wrap .post-meta a{color:#505050;color:var(--post-list-thumb-meta-color);font-size:.75rem}.post-list-thumb .post-content-wrap .post-meta .comments-number{margin:0 .625rem}.post-list-thumb .post-content-wrap .float-content{position:relative;width:100%;right:0;margin:0;padding:0;z-index:9;color:#000000a8;color:var(--post-list-thumb-abstract-color)}.post-list-thumb .post-content-wrap .float-content .post-text{display:inline-block;text-align:justify;font-size:.875rem}.post-list-thumb .post-content-wrap .float-content .iconify{font-size:1.875rem;color:#666;color:var(--post-list-thumb-more-color);margin-right:5px}.post-list-thumb .post-content-wrap .float-content .iconify:hover{color:orange;color:var(--theme-color)}.post-list-thumb .post-content-wrap .float-content p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:4.375rem;overflow:hidden;text-align:left;word-break:break-word}.post-list-thumb.post-list-thumb-right{flex-direction:row-reverse}.post-list-thumb.post-list-thumb-right .post-content-wrap,.post-list-thumb.post-list-thumb-right .post-content-wrap .float-content p{text-align:right}.post-list-thumb.post-list-thumb-right .post-thumb a{border-radius:10px 0 0 10px}.post-list-thumb .post-title{color:#504e4e;color:var(--post-list-thumb-title-color)}.post-list-thumb .post-title h1{font-size:1.17em;margin:1em 0;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-wrap:break-word}@media (max-width: 768px){.post-list-thumb{margin:0;height:auto;padding:0;border:0;margin-bottom:1.25rem}.post-list-thumb,.post-list-thumb.post-list-thumb-right{flex-direction:column-reverse}.post-list-thumb:before{content:"";width:1px;height:100px;background-color:#0000;position:absolute;left:0;right:0;margin:auto;bottom:-6.375rem;z-index:0}.post-list-thumb .post-thumb{width:100%;left:0}.post-list-thumb .post-thumb a{border-radius:10px 10px 0 0}.post-list-thumb .post-content-wrap{width:100%;left:0;text-align:left;margin:0;padding:1.25rem;float:none;box-shadow:none;box-sizing:border-box;border-top:0}.post-list-thumb .post-content-wrap .float-content{width:100%;left:0;box-shadow:none;padding:0;margin:0;transition:color 1s}.post-list-thumb .post-content-wrap .float-content p{height:auto;display:block}.post-list-thumb .post-content-wrap .float-content .post-bottom{display:none;text-align:right}.post-list-thumb.post-list-thumb-right .post-content-wrap,.post-list-thumb.post-list-thumb-right .post-content-wrap .float-content p{text-align:left}.post-list-thumb.post-list-thumb-right .post-thumb a{border-radius:10px 10px 0 0}}@media (max-width: 640px){.post-list-thumb .post-thumb a{height:13.125rem}.post-list-thumb .post-content-wrap .float-content .post-text{font-size:.8125rem;margin-bottom:1em}}.page-none-content{margin:1.5em 0 0}.page-none-content .page-header .page-title{font-size:1.25rem;font-weight:400;border:1px dashed #ddd;padding:.625rem .9375rem;color:#7d7d7d;margin-bottom:1.875rem}.meta-container{display:flex;margin:0;font-size:.875rem;padding:1.125rem 0 0}.meta-container .post-meta-item{display:flex;align-items:center}.meta-container .post-meta-item img{width:2.25rem;height:2.25rem;border-radius:100%;margin-right:.75rem;display:block;-o-object-fit:cover;object-fit:cover}.meta-container .post-meta-item:not(:last-child):after{content:"·";margin:0 .3125rem}@media (max-width: 768px){.meta-container{flex-wrap:wrap}}.entry-content{margin-top:1.25rem;position:relative}.entry-content:before,.entry-content:after{content:"";display:table;table-layout:fixed}.entry-content:after{clear:both}.entry-content .begin{float:left;font-size:3.6em;line-height:1em;margin-right:3px;margin-top:2px;font-weight:700}.entry-content h2:after{content:"¶";position:absolute;color:#ff6d6d;font-family:serif;padding-left:6px;font-size:1em}.entry-content h3{padding-bottom:.5em;border-bottom:1px dashed #ddd;color:#7d7d7d}.entry-content h3:after{content:"#"}.entry-content h4:after{content:"▌"}.entry-content h5:after{content:"♯"}.entry-content h3,.entry-content h4,.entry-content h5{padding-left:1em}.entry-content h3:after,.entry-content h4:after,.entry-content h5:after{left:0;position:absolute;color:#ff6d6d}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{color:#000;color:var(--entry-content-heading-color)}.entry-content a{color:#e67474;position:relative}.entry-content a:hover{color:orange;color:var(--theme-color);text-decoration:none}.entry-content a:hover:after{transform:scaleX(1);transform-origin:bottom left}.entry-content a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:orange;background-color:var(--theme-color);transform-origin:bottom right;transition:transform .25s ease-out}.entry-content a img.alignleft,.entry-content a img.alignright,.entry-content a img.aligncenter{cursor:-webkit-zoom-in}.entry-content p{color:#7d7d7d;color:var(--entry-content-text-color);line-height:1.875em}.entry-content hr{margin-top:2.5em;margin-bottom:2.5em;display:block;border:0;text-align:center;background:0 0}.entry-content hr:before{content:"...";display:inline-block;margin-left:.6em;color:#000c;position:relative;top:-1.875em;font-size:1.75em;letter-spacing:.6em}.entry-content code:not(.hljs){background:#fefac7;color:#e67474;word-break:break-word;font-family:Source Code Pro,monospace;padding:2px;text-shadow:none;border-radius:5px}.entry-content ol,.entry-content ul{list-style:disc;border:1px dashed #ddd;padding:1em .625em 1em 3.125em;color:#666;color:var(--entry-content-list-color);margin-left:0;border-radius:10px}.entry-content ol li,.entry-content ul li{padding:8px 0}.entry-content p,.entry-content ul,.entry-content ol{transition:color 1s}.entry-content .post-password-form{text-align:center}.entry-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}.entry-content .table-wrapper{overflow:auto;color:#000;color:var(--entry-content-table-color)}.entry-content .table-wrapper::-webkit-scrollbar{height:4px;width:4px}.entry-content .table-wrapper::-webkit-scrollbar-track-piece{background:transparent}.entry-content .table-wrapper::-webkit-scrollbar-thumb{background:rgba(176,176,176,.4);cursor:pointer;border-radius:2px}.entry-content .table-wrapper::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.entry-content .table-wrapper>table{border-collapse:collapse;overflow:auto;max-width:100%;margin-right:.5rem;vertical-align:text-top}.entry-content .table-wrapper>table th{background-color:#0000001a}.entry-content .table-wrapper>table tr{word-break:keep-all}.entry-content .table-wrapper>table tr:nth-child(2n){background-color:#fff;background-color:var(--background-color)}.entry-content .table-wrapper>table td,.entry-content .table-wrapper>table th{padding:.5em 1em;border:1px solid #ddd;line-height:1.5;font-size:.9em}.entry-content .table-wrapper>table tbody>tr{transition:all .28s ease}.entry-content .table-wrapper>table tbody>tr:hover{background-color:#0003}@media (max-width: 768px){.entry-content p{font-size:.875em}.entry-content .begin{margin-top:6px}}.serif .entry-content h2:after{font-size:1.13em}.post-footer .single-reward{position:relative;width:100%;margin:2.25rem auto;text-align:center;z-index:1}.post-footer .single-reward .reward-open{position:relative;width:2.5rem;height:2.5rem;font-size:1.125rem;color:#fff;line-height:2.5rem;display:inline-block;border-radius:100%;background:#d34836;cursor:pointer}.post-footer .single-reward .reward-open:hover .reward-main{display:block!important}.post-footer .single-reward .reward-main{position:absolute;left:-9.375rem;margin:0;padding:1rem 0 0;background:0 0;display:none;animation:main .4s}.post-footer .single-reward .reward-row{margin:0;background:#fff;display:flex;border-radius:4px;cursor:auto;padding:1rem}.post-footer .single-reward .reward-row:before{content:"";width:0;height:0;border-left:.8125rem solid transparent;border-right:.8125rem solid transparent;border-bottom:.8125rem solid #fff;position:absolute;top:.3rem;left:0;right:0;margin:0 auto}.post-footer .single-reward .reward-row li{list-style-type:none;padding:0 .75rem;display:inline-block}.post-footer .single-reward .reward-row li img{width:8.125rem;max-width:8.125rem;border-radius:3px;position:relative}.post-footer .single-reward .reward-row li .reward-name{display:block;line-height:normal;font-size:.8125rem;color:#504e4e}.post-footer .post-footer-meta{padding-top:1.25rem;padding-bottom:1.875rem;border-bottom:1px dashed #ddd;border-top:1px dashed #ddd;margin-top:1.875rem}@media (max-width: 768px){.post-footer p{font-size:.875rem}.post-footer .post-footer-meta{display:none}}.post-license{text-align:center;padding-bottom:5px;font-size:.875rem}.post-license a{color:#b0b0b0}.post-license a:hover{color:#888}.post-tags{float:left;font-size:.8125rem;color:#b0b0b0;text-transform:uppercase}.post-tags a{color:#b0b0b0;margin-right:5px}.post-tags a:hover{color:var(--threme-color)}.post-tags svg{margin-right:5px}@media (max-width: 768px){.post-tags{text-align:center;float:none;font-size:.75rem}}.author-profile{margin:3rem 0;text-align:center}.author-profile .info{overflow:hidden;text-align:center}.author-profile .info .profile{display:inline-block}.author-profile .info .profile img{width:4.375rem;height:4.375rem;padding:3px;border:1px solid #ddd;border-radius:100%;-o-object-fit:cover;object-fit:cover}.author-profile .info .meta{display:block;text-align:center}.author-profile .info .meta h3{margin:.625rem 0 0;text-transform:none}.author-profile .info .meta h3 a{display:block;font-size:1.125rem;font-weight:400;line-height:normal;letter-spacing:1px;color:#b0b0b0}.author-profile p{font-size:.815rem;margin:1rem 0 0;color:#7d8588;letter-spacing:0;display:inline-block;padding:1rem;border-top:1px solid #eee;border-bottom:1px solid #eee}.author-profile p .iconify{color:orange;color:var(--theme-color);margin-right:.625rem}@media (max-width: 768px){.author-profile{display:none}}.word_count{margin:0}.minicode{box-shadow:0 1px 2px #0003;border-radius:5px;margin:.625em 0;display:flex;align-items:center;color:#000;color:var(--minicode-color)}.minicode a{padding:5px}.minicode .content-toast{display:block;padding:.5em .5em .5em 1em;height:1.25em;word-break:keep-all;white-space:nowrap;overflow:hidden;width:95%;transition:width,padding .5s ease;overflow-x:auto}.minicode .hide-minicode{line-height:inherit;cursor:pointer;padding-right:5px}.minicode:hover{transform:scale(1.01);transition:all .5s ease}.minicode.hide{margin:0}.minicode.hide .content-toast{height:0;padding:0}.minicode.hide .hide-minicode{display:none}@keyframes main{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.highlight-wrap{display:flex;position:relative;background:#21252b;border-radius:6px;line-height:1.6;font-size:1em;margin-bottom:1.6em;max-width:100%;text-shadow:none;color:#000;padding-top:2em;box-shadow:0 .625em 2em #0006;filter:brightness(1);filter:brightness(var(--theme-brightness))}.highlight-wrap:before{content:" ";position:absolute;border-radius:50%;background:#fc625d;width:.75em;height:.75em;left:.75em;margin-top:-1.25em;box-shadow:1.25em 0 #fdbc40,2.5em 0 #35cd4b;z-index:1}.highlight-wrap code{word-break:break-word;font-family:Source Code Pro,monospace,Helvetica,Tahoma,Arial,STXihei,STHeiti Light,Microsoft YaHei,sans-serif;text-shadow:none;border-radius:0 0 6px 6px;width:100%;cursor:inherit;cursor:var(--cursor-text)}.highlight-wrap code::-webkit-scrollbar{height:.625rem;width:.625rem;background-color:#222}.highlight-wrap code::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#21252b}.highlight-wrap code::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);background-color:orange;background-color:var(--theme-color)}.highlight-wrap code[data-rel]:before{color:#fff;content:attr(data-rel);height:2.25em;line-height:2.25em;background:#21252b;font-size:1rem;position:absolute;top:0;left:0;width:100%;font-family:Ubuntu,sans-serif;font-weight:700;text-indent:1rem;text-align:center;float:left;border-radius:6px 6px 0 0;pointer-events:none}:is(.highlight-wrap code .hljs-ln-line,.highlight-wrap code .hljs-ln-line span)::-moz-selection{background:#fff;background:var(--background-color);color:#21252b}:is(.highlight-wrap code .hljs-ln-line,.highlight-wrap code .hljs-ln-line span)::selection{background:#fff;background:var(--background-color);color:#21252b}.highlight-wrap code .hljs-comment,.highlight-wrap code .hljs-quote{color:#888f96;font-style:italic}.highlight-wrap code .hljs-doctag,.highlight-wrap code .hljs-formula,.highlight-wrap code .hljs-keyword{color:#c678dd}.highlight-wrap code .hljs-deletion,.highlight-wrap code .hljs-name,.highlight-wrap code .hljs-section,.highlight-wrap code .hljs-selector-tag,.highlight-wrap code .hljs-subst{color:#e06c75}.highlight-wrap code .hljs-literal{color:#56b6c2}.highlight-wrap code .hljs-addition,.highlight-wrap code .hljs-attribute,.highlight-wrap code .hljs-meta-string,.highlight-wrap code .hljs-regexp,.highlight-wrap code .hljs-string{color:#98c379}.highlight-wrap code .hljs-built_in,.highlight-wrap code .hljs-class .hljs-title{color:#e6c07b}.highlight-wrap code .hljs-attr,.highlight-wrap code .hljs-number,.highlight-wrap code .hljs-selector-attr,.highlight-wrap code .hljs-selector-class,.highlight-wrap code .hljs-selector-id,.highlight-wrap code .hljs-selector-pseudo,.highlight-wrap code .hljs-template-variable,.highlight-wrap code .hljs-type,.highlight-wrap code .hljs-variable{color:#d19a66}.highlight-wrap code .hljs-bullet,.highlight-wrap code .hljs-link,.highlight-wrap code .hljs-meta,.highlight-wrap code .hljs-selector-tag{color:#61aeee}.highlight-wrap code .hljs-emphasis{font-style:italic}.highlight-wrap code .hljs-strong{font-weight:700}.highlight-wrap code .hljs-link{text-decoration:underline}.highlight-wrap code .hljs-ln{margin:.375em 0 0}.highlight-wrap code .hljs-ln .hljs-ln-line.hljs-ln-numbers{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;color:#888f96;font-family:Source Code Pro,monospace,Helvetica,Tahoma,Arial,STXihei,STHeiti Light,Microsoft YaHei,sans-serif;vertical-align:top;position:absolute;left:0;width:2em}.highlight-wrap code .hljs-ln .hljs-ln-line.hljs-ln-code{width:100vw;padding-left:1.625em}.highlight-wrap code .hljs-ln .hljs-ln-line.hljs-ln-code:hover{background-color:#ffffff1a}.code-block-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;min-width:100%;z-index:10;margin:0;animation:elastic 1s}.code-block-fullscreen code{--widthA: 100%;--widthB: calc(var(--widthA) - 30px);height:calc(100% - 30px);height:var(--widthB);min-height:99%;overflow:auto}.code-block-fullscreen-html-scroll{overflow:hidden}@keyframes elastic{0%{transform:scale(0)}55%{transform:scale(1)}70%{transform:scale(.98)}to{transform:scale(1)}}span.copy-code{color:#fff;position:absolute;right:.625em;display:inline-table;top:.375em;padding-right:.125em;font-size:1rem;z-index:1}span.copy-code:hover{color:#ffffff80}span.copy-code:after{display:none}.page-header{position:relative;display:flex;justify-content:center;align-items:center}.page-header .pattern-center{position:relative;width:100%;overflow:hidden;animation:header .5s}.page-header .pattern-center.single-center:after{display:none}.page-header .pattern-center:after{transition:background 1s}.page-header .pattern-center .pattern-attachment-img{height:400px}.page-header .pattern-center .pattern-attachment-img:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#0000004d;z-index:1}.page-header .pattern-center .pattern-attachment-img img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}@media (max-width: 768px){.page-header .pattern-center.single-center .pattern-attachment-img{height:17.5rem}.page-header .pattern-center.single-center .pattern-attachment-img:after{content:"";width:150%;height:4.375rem;background:#fff;background:var(--background-color);left:-25%;bottom:-2.875rem;border-radius:100%;position:absolute;z-index:1}.page-header .pattern-center.single-center .post-header h1{font-size:1.625rem;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.page-header .pattern-center .pattern-attachment-img img{height:17.5rem}}.page-header .pattern-title{margin-top:50px;color:#464646;color:var(--body-color)}.page-header .pattern-title h1{padding:0;border:0;margin:0;width:100%;text-align:center;font-size:1.5rem;font-weight:300}.page-header .pattern-title h1:before,.page-header .pattern-title h1:after{color:orange;color:var(--theme-color);font-size:1.5em;vertical-align:sub}.page-header .pattern-title h1:before{content:"{"}.page-header .pattern-title h1:after{content:"}"}.page-header.is-decorate .pattern-title{margin-top:0;position:absolute;text-shadow:2px 2px 10px #000;z-index:1}.page-header.is-decorate .pattern-title h1{font-size:2rem;color:#fff;font-weight:500}.page-header.is-decorate .pattern-title h1:before,.page-header.is-decorate .pattern-title h1:after{content:""}.page-header.is-decorate .site-content .pattern-header{position:sticky;z-index:1;text-shadow:2px 2px 10px #000}.page-header.is-decorate .site-content .post-header{margin-top:-8rem}.page-header.is-decorate .site-content .page-header{margin-top:-17.5rem;text-align:center;margin-bottom:12.5rem}.page-header.is-decorate .site-content .page-header.link-page-header{margin-top:-15.375rem}.page-header.is-decorate .site-content .page-header h1{font-size:2.5rem;color:#fff}.page-header.is-decorate .site-content .page-header h1:before,.page-header.is-decorate .site-content .page-header h1:after{content:""}.page-header.is-decorate .site-content .pattern-meta-container .entry-census,.page-header.is-decorate .site-content .pattern-meta-container .entry-census a{color:#fff}@media (max-width: 768px){.page-header.is-decorate .pattern-title h1{text-align:center!important}}@keyframes header{0%{transform:translateY(-50px)}to{transform:translateY(0)}}.post-share{float:right;list-style:none;margin-right:1.25rem}.post-share:hover .show-share,.post-share:hover .share-hidden{opacity:1;display:inline-block}.post-share img:hover{opacity:.8}.post-share ul{list-style:none;opacity:0;display:none;margin:0;vertical-align:middle;position:relative;transition:opacity .4s ease-out}.post-share ul li i{font-size:1.25rem}.post-share ul li a:hover{color:orange;color:var(--theme-color)}.post-share li{float:left;margin-right:1.875rem}.post-share li img{width:1.125rem;height:1.125rem;display:block}.post-share .social-share{opacity:0;display:none}.post-share .show-share{cursor:pointer;opacity:.6;transition:opacity .1s ease-out;color:orange;color:var(--theme-color)}@media (max-width: 768px){.post-share{display:none}}.post-share .s-wechat{position:relative}.post-share .s-wechat:hover .wechat-qrcode{display:block}.post-share .s-wechat .wechat-qrcode{display:none;border-radius:5px;border:1px solid #eee;position:absolute;top:-215px;left:-95px;width:200px;height:192px;color:#666;color:var(--color);font-size:12px;text-align:center;background-color:#fff;background-color:var(--background-color);box-shadow:0 2px 10px #b0b0b0;transition:all .2s}.post-share .s-wechat .wechat-qrcode:after{content:"";position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.post-share .s-wechat .wechat-qrcode h4{font-weight:400;height:26px;line-height:26px;font-size:12px;background-color:#fff;margin:0;padding:0;color:#7d7d7d}.post-share .s-wechat .wechat-qrcode img{width:auto;height:auto}.post-share .s-wechat .wechat-qrcode .qrcode{margin:1px auto}.post-share .s-wechat .wechat-qrcode .help p{font-weight:400;line-height:16px;padding:0;margin:0}.card-container{position:relative;text-align:center;border:0;border-radius:10px;color:#000000de;background:#fff;background:var(--background-color);background-size:cover;box-shadow:0 -15px 35px #32325d1a,0 5px 15px #00000012;box-shadow:var(--card-container-box-shadow)}.card-container .chip-container .card-content{padding:1.5rem;border-radius:0 0 2px 2px}.card-container .chip-container .card-content .chip{margin:.625rem;padding:1.25rem;display:inline-flex;line-height:0;font-size:1rem;font-weight:500;border-radius:5px;cursor:pointer;box-shadow:0 3px 5px #0000001f;z-index:0}.card-container .chip-container .card-content .chip:hover{color:#fff;background:linear-gradient(to right,#4cbf30 0%,#0f9d58 100%)}.card-container .chip-container .card-content .chip.chip-default{color:#34495e}.clearer{display:block;clear:both}#nprogress{pointer-events:none;z-index:10;position:absolute}#nprogress .bar{background:orange;background:var(--theme-color);position:fixed;z-index:10;top:0;left:0;width:100%;height:3px}#nprogress .bar .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px orange,0 0 5px orange;box-shadow:0 0 10px var(--theme-color),0 0 5px var(--theme-color);opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:10;top:1.625rem;right:1.5rem;left:inherit;width:auto;height:auto;margin:0}#nprogress .spinner .spinner-icon{width:1.25rem;height:1.25rem;box-sizing:border-box;border:solid 3px transparent;border-top-color:orange;border-top-color:var(--theme-color);border-left-color:orange;border-left-color:var(--theme-color);border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.is-collapsible{overflow:hidden;transition:all .3s ease-in-out}.is-collapsed{max-height:0}.is-position-fixed{position:fixed;top:0}.is-active-link{font-weight:700}.is-active-link:before{background-color:orange!important;background-color:var(--theme-color)!important}.headertop{position:relative;overflow:hidden;width:100%;animation:header 1s}.headertop:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background-attachment:fixed;background:none;background:var(--first-screen-filter-images)}.headertop:after{content:"";display:none;display:var(--first-screen-after);width:150%;height:4.375rem;background:#fff;background:var(--background-color);left:-25%;bottom:-2.875rem;border-radius:100%;position:absolute;z-index:1;transition:background 1s}@media (max-width: 768px){.headertop:after{display:block}}@keyframes header{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.notice{padding:20px;border:1px dashed #ddd;color:#666;color:var(--color);position:relative;display:block;background:#fbfbfb50;background:var(--notice-background-color);border-radius:10px;animation:main .6s}.notice .notice-content{display:contents;vertical-align:middle;width:100%}.notice .iconify{top:0;color:#999;font-size:18px;padding-right:10px;padding-bottom:5px}@media (max-width: 768px){.notice{margin-top:40px;margin-bottom:20px}}.top-feature{width:100%;height:auto;margin-top:55px;animation:main .6s}.top-feature .fes-title{color:#666;color:var(--color);font-size:16px;font-weight:400;padding-bottom:5px;margin-bottom:30px;border-bottom:1px dashed #eee;border-bottom:var(--home-divider-border);transition:border 1s}.top-feature .top-feature-inner{display:flex}.top-feature .top-feature-inner .top-feature-item{display:inline-block;height:160px;width:100%;margin:0 2px}.top-feature .top-feature-inner .top-feature-item .feature-container{position:relative;height:100%;box-shadow:1px 1px 3px #0000004d;overflow:hidden;border-radius:10px;transition:all .35s ease-in-out}.top-feature .top-feature-inner .top-feature-item .feature-container img{height:100%;width:100%;display:block;-o-object-fit:cover;object-fit:cover;transition:all .35s ease-in-out;transform:scale(1)}.top-feature .top-feature-inner .top-feature-item .feature-container .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;backface-visibility:hidden;background:rgba(0,0,0,.6);visibility:hidden;opacity:0;transition:all .35s ease-in-out}.top-feature .top-feature-inner .top-feature-item .feature-container .info h3{text-transform:uppercase;color:#fff;font-size:17px;padding:10px;background:#000000;margin:30px 0 0;text-align:center;transition:all .35s ease-in-out;transform:translate(-100%)}.top-feature .top-feature-inner .top-feature-item .feature-container .info p{font-style:italic;font-size:12px;position:relative;color:#b0b0b0;padding:20px;text-align:center;transition:all .35s .1s linear;transform:translate(100%)}.top-feature .top-feature-inner .top-feature-item .feature-container a:hover .img{transform:scale(1.2)}.top-feature .top-feature-inner .top-feature-item .feature-container a:hover .info{visibility:visible;opacity:1}.top-feature .top-feature-inner .top-feature-item .feature-container a:hover .info h3,.top-feature .top-feature-inner .top-feature-item .feature-container a:hover .info p{transform:translate(0)}.top-feature .top-feature-inner .top-feature-item .feature-container,.top-feature .top-feature-inner .top-feature-item .feature-container *{box-sizing:border-box}.top-feature .top-feature-inner .top-feature-item .feature-container a{color:#333}.top-feature .top-feature-inner .top-feature-item .feature-container a:hover{text-decoration:none}@media (max-width: 768px){.top-feature{display:none}}.site-main{padding:40px 0 0}.site-main .main-title{color:#666;color:var(--color);font-size:16px;font-weight:400;padding-bottom:5px;margin-bottom:30px;border-bottom:1px dashed #eee;border-bottom:var(--home-divider-border);transition:border 1s}@media (max-width: 768px){.site-main{padding:15px 0 0}}.is-homepage .site-header{position:fixed}.is-homepage .site-header.yya .header-inner .lower-container{display:block}.is-homepage .site-header .header-inner{transition:background 1s}.is-homepage .site-header .header-inner .lower-container{display:none}.is-homepage .site-header:hover .header-inner{position:fixed;top:0;background:#fff;background:var(--header-background)}.is-homepage .site-header:hover .header-inner .lower-container{display:block}@media (max-width: 768px){.is-homepage .site-header:hover .header-inner{background:transparent}}section:not(.is-homepage) .site-header .header-inner{box-shadow:0 1px 40px -8px #00000080}@media (max-width: 768px){section:not(.is-homepage) .site-header .header-inner{box-shadow:none}}.post-header{position:relative;display:flex;justify-content:center;flex-wrap:wrap}.post-header .post-meta,.post-header .pattern-title{width:780px}.post-header .page-header{width:100%}.post-header .post-meta .meta-container{justify-content:center}.post-header .is-decorate .pattern-title{bottom:2em}.post-header .is-decorate .pattern-title h1{text-align:left}.post-header .is-decorate .post-meta .meta-container{justify-content:inherit;padding:0}.post-header .is-decorate .post-meta .meta-container .post-meta-item *,.post-header .is-decorate .post-meta .meta-container .post-meta-item:after{color:#fff}@media (max-width: 768px){.post-header .post-meta,.post-header .pattern-title{width:100%}.post-header .is-decorate .pattern-title{bottom:auto}.post-header .is-decorate .pattern-title h1{text-align:inherit}.post-header .is-decorate .post-meta .meta-container{justify-content:center}.post-header h1{font-size:26px;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;text-align:center}}.single-page-header .page-header.is-decorate .pattern-title h1{font-size:40px}.single-page-header .page-header .pattern-title h1{font-size:24px;font-weight:700;text-transform:uppercase}.link-article .links{margin-bottom:80px}.link-article .links .link-title{font-weight:400;color:orange;color:var(--theme-color);padding-left:0;border-left:none;margin:50px 0 20px;transition:color 1s}.link-article .links .link-title span.fake-title{padding-left:10px;border-left:3px solid orange;border-left:3px solid var(--theme-color)}.link-article .links .link-items{margin:0;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}.link-article .links .link-items .link-item{border:1px solid #eee;padding:10px 30px;margin:4px;position:relative;overflow:hidden;transition:all .3s;border-radius:10px}.link-article .links .link-items .link-item:hover{color:var(theme-color);border:1px solid var(theme-color)}.link-article .links .link-items .link-item:hover:before{width:140%}.link-article .links .link-items .link-item:hover .link-item-inner img{transform:rotate(360deg)}.link-article .links .link-items .link-item:hover .link-item-inner .linkdes{border-top:1px dashed #fff}.link-article .links .link-items .link-item:before{content:"";background:orange;background:var(--theme-color);transform:skew(45deg);width:0;height:100%;position:absolute;top:0px;left:-50px;transition:all .5s;opacity:.2}.link-article .links .link-items .link-item .link-item-inner img{float:right;box-shadow:inset 0 0 10px #000;opacity:1;transform:rotate(0);transition:all ease 1s;margin-top:5px;width:61px;height:61px;padding:2px;border-radius:100%;-o-object-fit:cover;object-fit:cover}.link-article .links .link-items .link-item .link-item-inner .sitename{color:orange;color:var(--theme-color);padding-bottom:10px;display:block;transition:all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-article .links .link-items .link-item .link-item-inner .linkdes{color:#999;color:var(--links-description-color);font-size:13px;padding:10px 0;border-top:1px dashed #ddd;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:25px;transition:all .5s}@media (max-width: 640px){.link-article .links ul li{width:100%}}@media (max-width: 768px){.link-article .links ul li{width:48.6%}.link-article .links ul li:before{display:none}.link-article .links ul li:hover .sitename{color:--var(theme-color)}.link-article .links ul li:hover .linkdes{color:#999;border-top:1px dashed #ddd}}.archives-inner{margin-top:50px;margin-bottom:100px;position:relative}.archives-inner .archives-content:before{content:"";position:absolute;height:75%;border-left:1px dashed #fff;left:17px;top:30px}.archives-inner h2{font-weight:400;color:#666;padding-bottom:15px;border-bottom:1px dashed #fff;text-align:center}.archives-inner .archive-item.active .archive-posts{max-height:-moz-max-content;max-height:max-content;transition-timing-function:cubic-bezier(.5,0,.3,1)}.archives-inner .archive-item{margin-top:35px;position:relative;z-index:1}.archives-inner .archive-item .archive-title{display:flex;align-items:center}.archives-inner .archive-item .archive-title .archive-time svg{padding:10px;border-radius:100px;background:orange;background:var(--theme-color);color:#fff}.archives-inner .archive-item .archive-title h3{letter-spacing:2px;font-style:italic;font-size:20px;font-weight:400;color:orange;color:var(--theme-color);margin-left:10px}.archives-inner .archive-item .archive-title h3:hover{color:#ddd!important;cursor:pointer}.archives-inner .archive-item .archive-posts{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out}.archives-inner .archive-item .archive-posts .archive-post-item{position:relative}.archives-inner .archive-item .archive-posts .archive-post-item .archive-post-circle{height:11px;width:11px;background:orange;background:var(--theme-color);display:inline-block;position:absolute;margin-top:22px;border-radius:100px;left:12px}.archives-inner .archive-item .archive-posts .archive-post-item .arrow-left-ar{width:0;height:0;display:block;float:left;margin-top:10px;border-left:20px solid transparent;border-bottom:20px solid #f5f5f5;margin-left:26px}.archives-inner .archive-item .archive-posts .archive-post-item .brick{margin-left:46px}.archives-inner .archive-item .archive-posts .archive-post-item .brick a{color:#7d7d7d;padding:20px;background:#f5f5f5;margin-bottom:20px;display:block;letter-spacing:0px}.archives-inner .archive-item .archive-posts .archive-post-item .brick em{font-style:normal;margin-left:5px}.archives-inner .archive-item .archive-posts .archive-post-item .brick .time{float:right;color:#ccc}.archives-inner .archive-item .archive-posts .archive-post-item .brick .time svg{margin:3px}@media (max-width: 768px){.archives-inner{margin:0 20px}}.tag-wordcloud-container{position:relative;left:calc((100% - 100vw)/2)}.tag-wordcloud-container .wordcloud{width:100vw;height:500px}.tags-content{margin:50px 0}.tags-content .tag-title{margin-bottom:10px;color:#34495e;color:var(--card-container-title-color);font-size:1.75rem;font-weight:400}.tags-content .tag-chips{margin:1rem auto .5rem;max-width:850px;text-align:center}.tags-content .tag-chips .tag-length{color:#9b8b2a;margin-top:0;margin-left:5px;margin-right:-2px;font-size:.9rem}@media (max-width: 768px){.tags-content{margin:20px 0}}.tag-header .page-header .pattern-title h1{display:inline-block;font-size:25px;font-weight:400;color:#666;color:var(--color)}.tag-header .page-header .pattern-title h1:before{content:""}.tag-header .page-header .pattern-title h1:after{content:"";padding-right:15px;border-right:1px dashed #ddd;font-size:30px;vertical-align:middle}.categories-container .card-container{margin:36px auto}.categories-container .card-container.category-show{animation:card-show 1s ease-in-out}.categories-container .card-container .categories-title{margin-bottom:10px;color:#34495e;color:var(--card-container-title-color);font-size:1.75rem;font-weight:400}.categories-container .card-container .categories-chips{margin:1rem auto .5rem;max-width:850px;text-align:center}.categories-container .card-container .categories-chips .categories-length{color:#9b8b2a;margin-top:0;margin-left:5px;margin-right:-2px;font-size:.9rem}.categories-container .card-container .category-echarts{width:100%;height:360px}@keyframes card-show{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.category-header .page-header .pattern-title{display:flex;align-items:center}.category-header .page-header .pattern-title h1{display:inline-block;font-size:25px;font-weight:400;color:#666;width:auto}.category-header .page-header .pattern-title h1:before{content:""}.category-header .page-header .pattern-title h1:after{content:"";padding-right:15px;border-right:1px dashed #ddd;font-size:30px;vertical-align:middle}.category-header .page-header .pattern-title .cat-des{display:block;text-align:center;color:#999;margin-left:10px}.moments-container{margin:20px 0;filter:brightness(1);filter:brightness(var(--theme-brightness))}.moments-container .moments-inner{padding:0;margin:0;list-style:none;display:inline;position:relative}.moments-container .moments-inner .moments-item{margin-bottom:30px}.moments-container .moments-inner .moments-item:nth-child(odd) .moment-container .moment-inner{background:var(--single-bg-and-btn-color);color:var(--single-font-color)}.moments-container .moments-inner .moments-item:nth-child(odd) .moment-container .moment-inner:after{border-right-color:var(--single-bg-and-btn-color);color:#000}.moments-container .moments-inner .moments-item .moment-container{display:flex}.moments-container .moments-inner .moments-item .moment-container .avatar{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;border:1px solid #ddd;padding:2px;float:left;border-radius:100%;transition:transform .4s ease-out}.moments-container .moments-inner .moments-item .moment-container .avatar:hover{transform:rotate(360deg)}.moments-container .moments-inner .moments-item .moment-container .moment-inner{width:100%;margin:auto 15px;padding:.8em 1.2em;position:relative;background:var(--double-bg-and-btn-color);background-position:center;color:var(--double-font-color);border-radius:5px;box-shadow:0 1px 2px #00000026;transition:all .3s ease 0s}.moments-container .moments-inner .moments-item .moment-container .moment-inner:after{right:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-right-color:azure;border-width:10px;top:4px}.moments-container .moments-inner .moments-item .moment-container .moment-inner:hover{box-shadow:0 2px 16px #00000026}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-content{font-size:1.2em;font-weight:400;line-height:1.5}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-content>p{overflow:unset}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-content .comment-box{display:none}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium{width:66%;font-size:0;display:table}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium a{display:inline-block;border-radius:8px;overflow:hidden;float:left;position:relative}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium img,.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium video{aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-1 a{width:100%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-2 a,.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-4 a{width:46%;margin:2%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-3 a{width:29.33%;margin:2%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-3 a:nth-child(1){width:62.67%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-5 a,.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-8 a{width:29.33%;margin:2%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-5 a:nth-child(n + 1):nth-child(-n + 2),.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-8 a:nth-child(n + 1):nth-child(-n + 2){width:46%;margin:2%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-6 a{width:29.33%;margin:2.2% 2%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-6 a:nth-child(1){width:62.67%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-7 a{width:29.33%;margin:2%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-7 a:nth-child(n + 4):nth-child(-n + 7){width:21%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-medium.medium-9 a{width:29.33%;margin:2%}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-footer{margin-top:10px;border-top:1px dashed #fff;padding-top:5px;font-size:14px;display:flex;justify-content:space-between}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-footer .moment-tools{margin-left:15px}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-footer .moment-tools .comment-js,.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-footer .moment-tools .moment-like{float:right;margin-left:15px}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-footer .moment-tools .comment-js,.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-footer .moment-tools .moment-like{cursor:pointer}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-footer .moment-tools .moment-like:hover,.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-footer .moment-tools .moment-like.on{color:#00a1d6}.moments-container .moments-inner .moments-item .moment-container .moment-inner .comment-box{display:none;padding-top:10px}.moments-container .pagination{display:flex;justify-content:center}.moments-container .pagination .at_button{background-color:#e6e6fa;border:none;padding:8px 16px;text-align:center;text-decoration:none;height:20px;display:inline-block;font-size:12px;border-radius:12px;outline:none;cursor:pointer;transition:box-shadow .5s ease 0s}.moments-container .pagination .at_button:hover{background-color:azure;box-shadow:0 4px 8px #0000003d,0 8px 16px #00000030}.moments-container .pagination .at_button.loading{background-color:unset;border:none}@media (max-width: 768px){.moments-container .moments-inner .moments-item .moment-container .avatar{display:none}.moments-container .moments-inner .moments-item .moment-container .moment-inner:after{display:none}.moments-container .moments-inner .moments-item .moment-container .moment-inner .moment-content img{max-width:50%}}.code-block-fullscreen-html-scroll .moment-content{z-index:auto!important;transform:none!important}:host{display:inline-block;overflow:hidden;text-align:initial;white-space:nowrap}.photos-container{margin:50px 0;position:relative;z-index:1}.photos-container .photos-inner .loading{height:60px}.photos-container .photos-inner .loading .gallery{opacity:0}.photos-container .photos-inner .photos-content{display:flex;width:100%;justify-content:center}@media (max-width: 768px){.photos-container{padding-top:0;margin:30px 0}}.photos-group ul{list-style:none;padding:0;margin:0;font-size:1em;letter-spacing:.2em}.photos-group ul li{display:inline-block;vertical-align:bottom;margin:0 2em 1.5em 0}.photos-group ul li span{display:block;color:#666;color:var(--color);position:relative}.photos-group ul li span:after{content:"";display:block;border-bottom:2px solid orange;border-bottom:2px solid var(--theme-color);width:0;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0);transform-origin:50% 0;transition:transform .35s}.photos-group ul li span:hover:after,.photos-group ul li span.active:after{width:100%;transform:scale(1)}.gallery{clear:both;width:100%;margin:0;opacity:1;transform:translateZ(0);transition:transform,opacity .35s}.gallery .gallery-item .gallery-caption{height:100%;background:#222;opacity:0}.gallery .gallery-item:hover .gallery-caption{height:100%;opacity:.6;transition:opacity .2s ease}.gallery .gallery-item:hover .gallery-caption .entry-summary{opacity:1}.gallery .gallery-item:hover .gallery-caption .entry-summary h3,.gallery .gallery-item:hover .gallery-caption .entry-summary p{transform:translateZ(0)}.gallery .gallery-item .gallery-caption{position:absolute;left:0;right:0;bottom:0;width:100%;z-index:10;pointer-events:none}.gallery .gallery-item .gallery-caption .entry-summary{display:inline-block;position:absolute;width:100%;opacity:0;margin:0;transition:all .2s ease;text-align:center;bottom:0;padding-bottom:1em;font-size:.8em;color:#fff}.gallery .gallery-item .gallery-caption .entry-summary h3,.gallery .gallery-item .gallery-caption .entry-summary p{transition:transform .35s;padding:0;margin:0}.gallery .gallery-item .gallery-caption .entry-summary p{font-family:Times,serif;font-style:italic;font-size:.9em;opacity:.8;transform:translate3d(0,20px,0)}.gallery .gallery-item .gallery-caption .entry-summary h3{font-weight:700;text-transform:uppercase;font-size:.9em;letter-spacing:.05em;transform:translate3d(0,-20px,0);margin-bottom:.5em}@media (max-width: 768px){.gallery .gallery-item .gallery-caption{background:#22222255;opacity:1}.gallery .gallery-item .gallery-caption .entry-summary{opacity:1}.gallery .gallery-item .gallery-caption .entry-summary h3,.gallery .gallery-item .gallery-caption .entry-summary p{transform:none}}.masonry-container{margin:auto 4vw}.masonry-container .photos-content{margin:1.5em auto}.masonry-container .photos-content .gallery .gallery-item{margin:0 0 10px}.masonry-container .photos-content .gallery .gallery-item.col-3{width:calc((100% - (3 - 1) * 10px) / 3)}.masonry-container .photos-content .gallery .gallery-item.col-4{width:calc((100% - 30px)/4)}.masonry-container .photos-content .gallery .gallery-item.col-5{width:calc((100% - 40px)/5)}.masonry-container .photos-content .gallery .gallery-item.col-6{width:calc((100% - (6 - 1) * 10px) / 6)}.masonry-container .photos-content .gallery .gallery-item.col-7{width:calc((100% - (7 - 1) * 10px) / 7)}.masonry-container .photos-content .gallery .gallery-item.col-8{width:calc((100% - 70px)/8)}.masonry-container .photos-content .gallery .gallery-item .gallery-icon{position:relative;z-index:9;transition:opacity .2s ease;text-align:center}.masonry-container .photos-content .gallery .gallery-item .gallery-icon a{display:block;width:100%;height:100%;position:relative;z-index:9}.masonry-container .photos-content .gallery .gallery-item .gallery-icon img{width:100%;height:auto;margin:0 0 -5px}@media (max-width: 768px){.masonry-container .photos-content .gallery .gallery-item{width:100%!important}}.masonry-tools{display:flex;justify-content:space-between}.masonry-tools .grid-changer{float:right}.masonry-tools .grid-changer ul{list-style:none;padding:0;margin:0;font-size:.8em}.masonry-tools .grid-changer ul li{display:inline-block;margin-left:.2em}.masonry-tools .grid-changer ul li span{display:block;width:30px;height:30px;text-align:center;color:#ccc;color:var(--photo-group-change-color);position:relative;border:2px solid #ccc;border:2px solid var(--photo-group-change-color);transition:all .2s ease}.masonry-tools .grid-changer ul li span:hover{border-color:orange;border-color:var(--theme-color);color:orange;color:var(--theme-color)}.masonry-tools .grid-changer ul li span.active,.masonry-tools .grid-changer ul li span.active:hover{border-color:#222;border-color:var(--photo-group-change-active-color);color:#222;color:var(--photo-group-change-active-color)}.masonry-tools .grid-changer ul li span svg{fill:#222;fill:var(--photo-group-change-active-color)}@media (max-width: 768px){.masonry-tools{justify-content:center}.masonry-tools .grid-changer{display:none}}.justify-tools{text-align:center}.justify-wrapper{max-width:1024px;margin:0 auto}.error-404{margin-top:-120px;margin-bottom:20px}.error-404 .error-img,.error-404 .err-button{text-align:center}.error-404 .err-button.back a{padding:10px 30px;margin:0 10px;border:1px solid orange;border:1px solid var(--theme-color);color:orange;color:var(--theme-color);border-radius:50px}.error-404 .err-button.back a:hover{box-shadow:0 0 4px orange;box-shadow:0 0 4px var(--theme-color)}.error-404 .err-button.back .gohome{background:orange;background:var(--theme-color);color:#fff}@media (max-width: 768px){.error-404{margin-top:0}} diff --git a/templates/assets/dist/page/index.min.js b/templates/assets/dist/page/index.min.js index ebdfcdca..015c84e4 100644 --- a/templates/assets/dist/page/index.min.js +++ b/templates/assets/dist/page/index.min.js @@ -1 +1 @@ -import{d,_ as m,s as a}from"../main.min.js";import"../assets/_commonjsHelpers-042e6b4d.js";var y=Object.defineProperty,g=Object.getOwnPropertyDescriptor,c=(i,t,o,n)=>{for(var r=n>1?void 0:n?g(t,o):t,s=i.length-1,e;s>=0;s--)(e=i[s])&&(r=(n?e(t,o,r):e(r))||r);return n&&r&&y(t,o,r),r};class u{registerArrowDown(){const t=document.querySelector(".headertop-down");t&&m(()=>Promise.resolve({}),["css/font-awesome-animation.min.min.css"]),t==null||t.addEventListener("click",()=>{var n;const o=((n=document.querySelector(".site-content"))==null?void 0:n.getBoundingClientRect().top)||0;window.scrollTo({top:o+ +window.pageYOffset,behavior:"smooth"})})}registerBackgroundChangeEvent(){const t=document.querySelector(".bg-change-js");if(!t)return;const o=document.getElementById("bg-next"),n=document.getElementById("bg-prev"),r=(a.getThemeConfig("random_image","rimage_cover_back_num",Number)||0).valueOf();o==null||o.addEventListener("click",()=>{let e=Number(t.getAttribute("data-currIndex"));r===0?e=Math.ceil(Math.random()*99):e=(e+1)%r,s(e)}),n==null||n.addEventListener("click",()=>{let e=Number(t.getAttribute("data-currIndex"));r===0?e=Math.ceil(Math.random()*99):e=(e-1+r)%r,s(e)});const s=e=>{const l=t.getAttribute("data-url");t.src=`${l}&t=${e}`,t.setAttribute("data-currIndex",`${e}`)}}registerBackgroundVideo(){const t=document.querySelector(".video-container");if(!t)return;t.insertAdjacentElement("afterbegin",document.createElement("video"));const o=t.querySelector(".video-status"),n=document.querySelector(".focusinfo"),r=t.querySelector(".video-play"),s=t.querySelector(".video-pause");let e;r==null||r.addEventListener("click",async()=>{o.innerHTML=a.translate("home.video.loading","正在载入视频 ..."),o.style.bottom="0",m(()=>import("../assets/video.es-db0fa9e7.js"),["assets/video.es-db0fa9e7.js","assets/_commonjsHelpers-042e6b4d.js"]).then(l=>{var p;if(e){e.play();return}e=l.default(t.querySelector("video"),{controls:!1,controlsBar:!1,children:["MediaLoader"],autoplay:!1,preload:"auto",muted:!1,loop:!1,sources:[{src:(p=a.getThemeConfig("mainScreen","bgvideo_url",String))==null?void 0:p.toString()}]}),e.on("loadeddata",()=>{o.style.bottom="-100px",n.style.top="-999px",r.style.display="none",s.style.display="block",e.play()}),e.on("play",()=>{o.style.bottom="-100px",n.style.top="-999px",r.style.display="none",s.style.display="block"}),e.on("pause",()=>{o.innerHTML=a.translate("home.video.statu_pause","已暂停 ..."),o.style.bottom="0",n.style.top="0",r.style.display="block",s.style.display="none"}),e.on("waiting",()=>{o.innerHTML=a.translate("home.video.statu_waiting","加载中 ..."),o.style.bottom="0"}),e.on("canplay",()=>{o.style.bottom="-100px"}),e.on("error",()=>{o.innerHTML=a.translate("home.video.statu_error","视频播放错误"),setTimeout(()=>{n.style.top="0",o.style.bottom="-100px",r.style.display="block",s.style.display="none",e.dispose(),e=void 0,t.insertAdjacentElement("afterbegin",document.createElement("video"))},2e3)}),e.on("ended",()=>{n.style.top="0",o.style.bottom="-100px",r.style.display="block",s.style.display="none",e.dispose(),e=void 0,t.insertAdjacentElement("afterbegin",document.createElement("video"))})}).catch(l=>{console.error(l),o.innerHTML=a.translate("home.video.statu_error","视频加载失败"),o.style.bottom="0",setTimeout(()=>{o.style.bottom="-100px"},2e3)})}),s==null||s.addEventListener("click",()=>{e&&e.pause()})}}c([d()],u.prototype,"registerArrowDown",1);c([d()],u.prototype,"registerBackgroundChangeEvent",1);c([d()],u.prototype,"registerBackgroundVideo",1); +import{d as c,_ as p,s as a}from"../main.min.js";import"../assets/_commonjsHelpers-042e6b4d.js";var g=Object.defineProperty,v=Object.getOwnPropertyDescriptor,u=(i,e,t,s)=>{for(var n=s>1?void 0:s?v(e,t):e,l=i.length-1,o;l>=0;l--)(o=i[l])&&(n=(s?o(e,t,n):o(n))||n);return s&&n&&g(e,t,n),n};class m{registerArrowDown(){const e=document.querySelector(".headertop-down");e&&p(()=>Promise.resolve({}),["css/font-awesome-animation.min.min.css"]),e==null||e.addEventListener("click",()=>{var s;const t=((s=document.querySelector(".site-content"))==null?void 0:s.getBoundingClientRect().top)||0;window.scrollTo({top:t+ +window.pageYOffset,behavior:"smooth"})})}registerBackgroundChangeEvent(){const e=document.querySelector(".bg-change-js");if(!e)return;const t=document.getElementById("bg-next"),s=document.getElementById("bg-prev"),n=(a.getThemeConfig("random_image","rimage_cover_back_num",Number)||0).valueOf();t==null||t.addEventListener("click",()=>{let o=Number(e.getAttribute("data-currIndex"));n===0?o=Math.ceil(Math.random()*99):o=(o+1)%n,l(o)}),s==null||s.addEventListener("click",()=>{let o=Number(e.getAttribute("data-currIndex"));n===0?o=Math.ceil(Math.random()*99):o=(o-1+n)%n,l(o)});const l=o=>{const r=e.getAttribute("data-url");e.src=`${r}&t=${o}`,e.setAttribute("data-currIndex",`${o}`)}}registerBackgroundVideo(){const e=document.querySelector(".video-container");if(!e)return;e.insertAdjacentElement("afterbegin",document.createElement("video"));const t=e.querySelector(".video-status"),s=document.querySelector(".focusinfo"),n=document.querySelector(".home-wave"),l=e.querySelector(".video-play"),o=e.querySelector(".video-pause");let r;l==null||l.addEventListener("click",async()=>{t.innerHTML=a.translate("home.video.loading","正在载入视频 ..."),t.style.bottom="0",p(()=>import("../assets/video.es-db0fa9e7.js"),["assets/video.es-db0fa9e7.js","assets/_commonjsHelpers-042e6b4d.js"]).then(d=>{var y;if(r){r.play();return}r=d.default(e.querySelector("video"),{controls:!1,controlsBar:!1,children:["MediaLoader"],autoplay:!1,preload:"auto",muted:!1,loop:!1,sources:[{src:(y=a.getThemeConfig("mainScreen","bgvideo_url",String))==null?void 0:y.toString()}]}),r.on("loadeddata",()=>{t.style.bottom="-100px",n.style.bottom="-100px",s.style.top="-999px",l.style.display="none",o.style.display="block",r.play()}),r.on("play",()=>{t.style.bottom="-100px",n.style.bottom="-100px",s.style.top="-999px",l.style.display="none",o.style.display="block"}),r.on("pause",()=>{t.innerHTML=a.translate("home.video.statu_pause","已暂停 ..."),t.style.bottom="0",n.style.bottom="0",s.style.top="0",l.style.display="block",o.style.display="none"}),r.on("waiting",()=>{t.innerHTML=a.translate("home.video.statu_waiting","加载中 ..."),t.style.bottom="0"}),r.on("canplay",()=>{t.style.bottom="-100px"}),r.on("error",()=>{t.innerHTML=a.translate("home.video.statu_error","视频播放错误"),setTimeout(()=>{s.style.top="0",n.style.bottom="0",t.style.bottom="-100px",l.style.display="block",o.style.display="none",r.dispose(),r=void 0,e.insertAdjacentElement("afterbegin",document.createElement("video"))},2e3)}),r.on("ended",()=>{s.style.top="0",n.style.bottom="0",t.style.bottom="-100px",l.style.display="block",o.style.display="none",r.dispose(),r=void 0,e.insertAdjacentElement("afterbegin",document.createElement("video"))})}).catch(d=>{console.error(d),t.innerHTML=a.translate("home.video.statu_error","视频加载失败"),t.style.bottom="0",setTimeout(()=>{t.style.bottom="-100px"},2e3)})}),o==null||o.addEventListener("click",()=>{r&&r.pause()})}}u([c()],m.prototype,"registerArrowDown",1);u([c()],m.prototype,"registerBackgroundChangeEvent",1);u([c()],m.prototype,"registerBackgroundVideo",1); diff --git a/templates/assets/images/wave/wave1.png b/templates/assets/images/wave/wave1.png new file mode 100644 index 0000000000000000000000000000000000000000..106831b7a38b331883e52e908c5a8e16a327a966 GIT binary patch literal 5102 zcmbVQXH-*5*AAe9L5j2}3Rt*+AV%p@1w}-qY ziqbA{B_JgbNCHMm5)u#yLFya5zCXS{?~iY5Xf*005pj&buAoA-)ZKRfb$yJ!!Xp}Gdu7X%>V`xcn z{i*t;2_tJ_^Zj==p#{|gSI33=bw5j>9fGqUXYN+89 z-`wkFcr-K`lhTY0$MQF@RoCKm0Dvo3rqP7$?QiWT5~{*a&CMq}PqT<8#`Ub^5~0HV zhOw}u02~greD)lT*;G~)%|1+dXo4P0JtF`BIA#{NNk4)PXa*A0;Gc8Vf5@E%gR6ZA z^}ecU=2^#8y`H4Wws{|n|9FyeHQM&wA9Loae4hFK`#Wn^*~h!u_xGmC7veI?9jc*= zkbV0L$zf1v<1s3e*|xq|_;&83+n^f;DVh&o#mIu`vwOG zbJhLr(=&2Zy%Xgua@AanBUWFYv;8D@Sp3K2R^ESbKDd-VP;Y~adnTljak z@;#=E_>zYBO0+|z(^%F`N0_d=$S4;8FgvwPUDN6vge{X?RA9{M(w3H%$H1{iC6-8S z6GNT-cKSs`*5r{ul~l+)W+c5_1PzE6g|E;LdSF|1d z`NS{q#2!-=*XiSxd3#ImaT2&ZO-OojWGoP#1&nMYCC;BS$E|%3w*cXbJEIgknq08Z z%JTO1c5G{FE1X3elS=>2o=`Xt##tp>+3p$S&ZB`W<;&{o>T6fg){Y+|vW#HQ#vime zJ@=%-|30Sr`TnVTm{NTKUb}`;-M*(?zVLw?{wOez(E@S}pWU&}(<~GpH&oy~NCHM~ z&L-VyB1gfYrlzKIS7ydV?P3cmm|>y$5;Tp3jUaIvlY=#E^2{!^qyXB=Cczyt#XZ|= zf{qITMtyqusIT&G=Lhj$kEv?XiP>Kr0MALD1*25GEz#qiEl!yU;uvo~3wysHStBf? zhE1i86?x{3$AiXvmv2_^Rtv!TRj35vCn44|g~L88Dd4uJenq+_h2QQdu8Pxw7Gz0f z_OJHeT!GOn{N5+89cDQDks1S?*XBRxfrW0pbmu7u9pUnORFkRdQDeqA4-fKo;ww}OlVLNdv*=D zfGd!>6$`eH1zRoAQSLoJL!!jDvj_yjMChbe@X|ARl$JZaOsS|On(L4jU}WtE?eq@4 zy4}^<$w}L);c=qi9pG^r&_C%YOG&My&T!dAV8Z7aw~bSUhJM4odZ4r$|42vrii{Ge zc4;)c*1YF3+N2aZF2BeSKNU083)IH@M7SbYV>!eNEWZQ~0lI5PmqQiG0MCmSlrM`C$4d4zN?&VAM-pI1^;R7C2* z8wE&>&7fjN^JRC-4M0YOa@_OAh6X9@+MrI}7v&{1rQa z@~N;!mJm)_oSzxV{e-an`hFnY+fQvRUvKBe$JVP{d#lz#)yH~crBVxcd8d+B8BOGQ zunVSMS4m0fP0!Q7pjWb299+~JP1PIcc7CiWn>?4+%Lq559ig5Tq@8*x+D3%f zxAK4R9LN%AXr8tMZa59!-=<-Yt)M! zH?{p^)Yi%Z{=FMywq$053}pHNLS&N2N9>ib%LAJa%-`FgTTRp} zIgJRN6q3=OR=rr3!^HE)?vhFEwf<^>S5qV;B(B@>_p5WcW65(~0Wq(mE)CmM;}_v0 zRtCGHi>h1FYdhyfFT4}&KTKv`FjJF6dRS?LFI-6XS(-+@z2nsh`*ToJp~GaU8Ot2l z>4p|W_DmzL6S*XaBw=RdEJ09>RoO&xdWX4-UTL-FXC{>Ooqkj}i>aqmZ~HXiEugTl zu!gABK6xaGo^Y3vSEznSh`U*jZHVv4qTfY@1RDOh$986&A{T*#M;W^`0YV|E=xQRp z2|^}qelY{P+|bBTn`M`X_D`|{twzs-!O!2-Wcy_}lzoyu&NLEQGR3P0G+;s~pw`jL z9{k`!W?xLLEqmj2Jg<;_DUWNZV7TX*7?UGk9>}&4QH}vZMqi$Fe|ByR@MZJU_4zH> zaiRxSy7rcxA+2HPjcA7nr~6j=xS7Mo7mGu064xnZXcj?oGQ3v`rWQ{7x+x8p=lpo> z+e~bnaf-xWijmpARyNnprWZ#jeqQ8ayrlrC?NhspDIjpwqXX*`T28OyA{dCcsIaYG zndsEp_V)JYVjO%vBFuWmyd-kG103;2@9mH*!35U0d_iPgOL6fW*@GBT&^_NQJu4f7 z_5YYIrITD%Ue4eO*zmktOf#I*5}Ju=%_%el>zt@J*bR4aaoOz@GKkdvtCn4hymscL z?cd$%{oh&_ex632P;%4t+FDSAtZJZ{&L34F?9CuKrbYNVOqF zP|%%!Yl%l_iHL2gC@U*7a*mgv9rU&Ps*!xoOZQ9#Oz=tASX(BeE@ZBM+~YJNlIgH; zAk+ci@ZJNR`v=tQX7RY6Mhs3R=7Hk5OBa(bt_`gYt4{8diH) zG5P1A;3+PAM5R%~{n;UItqwCw_|v;?ORcfB?AgSS~h^u!5M=J8kPK(_>h# z^7~E?Z^zWK-JjL6BXAQsC9QCy%f^vUx7&VlnOinCM{{&wK{*nk&#vO-rr!vrDkDeU ztPf4T_h!>$@(3(Cp8eQz@mq&hs-F}rwa_^>7W8&DIK1}yFvx#-;f&|z-AD1Ul?IZr zkOuirbQDVzgQ;|J!9%5r9zS$+XzF{xtwV2|xle>_iv)3w)T3eT1B@=WuLsse9;tGr zwoV0YU4j#~7Yd?DGsoeue0s(uL!`Czi`m2=$mx4^9;P|K7AYO@NZ#l>REYCV8mQy% zTbYn z<(t5|ZXt;rAA4CMKA|JZ`%m|DERpB}JHSo_5=*OyJ8}|?uqU~WseVKWivUo*`xmJW z$<-o1kN8}@Ud9BrN~D5ansTXK()VcpNIO07;D_#epam1Nn>UlyKHaW3<61Q1QfwrB z>vX|`M4tPnBkUlC{tbZ2F`otfG{rEX*$yq?Pqxw~_}0-D4qI9lk^1CeGMrt;WB)*f z$MMNVk6Uff!HrC(rvwC@C?zFTvW#7BgIdi%55aoLkE1LjVNcEaKSl({dXQVuQ*5ke zy}Y2?=(<_0oP?QJ+t~;%Z!FnHwF;mH7aPs9lR1IKVmV}zH0^`aSS^jOwb6>qv}T6K z(-0M}@8O-@kG>Z>lI)3=2_JoPZoS+Kr+S(9R_>@)j7EbQYpqTxSVvzfmbkmz zhau?i&+|?8MYH#|mvQ&nA|Gc2l|J($+W+a;ByP17cH)YOOT)0GmjO7hUdadv1ki5?gZ!wo92lMD%7T&*Jp~+?C52u&-V3E3mR|Nt`d;dT{OEX8y`--9v zu0zLVh=h_KI1U4JI*BHH#~wXgwCb{b12i2npnOOBlxA6no{1D>N}*5aQ2d&xgYY2> zAYf>-*3hM)+D6nweuFUu`^q7{`V`Twk=3_HPW1Qc2b(3w>iGKLOLJ`1J_(;Yf4*KG z3Gxppy=JUibf#^{<7A9pwv)B=Xled_lQ#}Uw!4u@Op}(8IgPx~Odj))L9E*h?y|}E zGLgvEYy9iRWmI)9S%5@&pk&6rv(@t`rs|nXQrGbTA|fuE(iC)Vq}{%Zm848#UTeT) zoi618-W!M?37i<0tn7Fi2X&MgS>J9cj8qi>jAtR7oHgjai*&lbe$-BQ{HlAl_o{p) zH&$Ry|3Snn_>-<$@ZZNL8ng!Nd6gX~^LC1~Nkv+V;^JS5^OF?#-J|!_Op&NvCt2w| z4w0v;Wrd!m7-@4&12N1)jhc7PyMEZzVDL9^@GfH{c!mC~GhfM%+AWX0w5cXa7A0C| z3lf)HvCu&FMQ$wI|Hbp>@XmGFf|w=o8;p_NwJVE*eSLlSSC7*-cXAngdx7jzXj%>~R6?q+|P%?^dFp0pF?V}|8Fa0**@GhI23 zV_PQ=L8aOzDN8jadpR$5$lMWLf+ea?#umNKZQz`0nC^JG^H@IT#eZTmk zX;CeGx&S~-2PwaqRA(}hudMA+Wrla&Yw;T^YZQaDJS`DvTzGW=ZuH~qb6pV?({J5clr)NC1qsY{I_m524V7<lE=!0M(;hE0j&`yv#YvD%`(+ z5pbW6CW(M>$YddgCPmmEDYezqaj3dGnM*6p>*QFwQv==2yO%VzU7Cq237n`oU6F}9 zOA812FMY6ffxs!orMYxf^IT49r(W^^N`jz@H89#Y_8o#`1kb?LPQ9B!CM;+IR&CW>DdYYxnYzeSx7 z`>dj!^)>d|dQmCueav!uRuj>1X=?s_2uyRHMtkx}RBaS%kR+sYdFq}vtc+AWBI=l&|2i& z9C2jm+^@X;JDEcN_4U7Ve|zZI)c*B3^#3B%gZ~#W$#r$#rNEw>-yejyY6%DbIub}6J0hI0TuuNz^1RKeHQ>= z*rx4WfhTF-;h5@Q000lWzP5%%sKeI0U4rF`VBdEA?&dhgN5oyls-!^Y4R_W>wu?>| zxLlnb6_8dXToaEbjJ>skJb)|48i7vQ&QGn)Y+uBANoYU2T6|j2XFzci~KYuxD`xN(=yi#{9WHQ@?xp^x%rl zcDD09vGFl|#4Dr+i=wo{K>X^1?q6>$-+h^OfJ^x%Y>b!MQBZC+PI)rg=H}*|a>gBI zVqk@S3D?l^=OEL|r%xtw?-Nz`{XTOd5C}qNr+PtAk@x}@tJ)O4|1+BF9?mk=Q4JOs z8r9fXBI?(17`$}2x6pV*?BYZ-sVi1f509$Ng14QxWF9+tdX|AzV>2Ue-n#YGBjG25 z<`F1;WQ{t$LC#mX%rclEg|8}zX9NJwS7(a@ajU~Q%7@Q*rC93g>f&O%9MzGUp`$kv zt#S!?%Ch-$lwJGz`_o(at*tFJ1SJscb$qWa!|_g8m0euu4|TqNt#2EpdGdLP-I*V6 z^wTtds(7-*cWW>&L@=*Wm@WEZyQo9ejNw*bdcDsbKc3$T-hA2maAkllB??@ztVIt1 zaDGMYx{j9^v&P3Qlk<7?3~qDhnMu^eNH?o4EG*<%t&QXn5eM6Sq`nl9J>YJTc>|caeDFvxCDJ*f zgx>k+eA4k5W#+`77^qKpB(5sX@YO(+3q?_N60CelhVS;m6f=ke8-w9@?%X;0FrtdL z?}#{b1QDmz6PWtm8mgD)`S&FtqUrl?sb~ zqWBKeM1bg99dzZ?el5l(oW3je@x_)+&l<_*=9SX7DGO672k^%rS8qZJy2-BNgw9eey`p3n=a#--y~;=0MMZ$$1! ze%kY)#YCqne0MWJO0L4nDk#U4*y5*zG;n*fVWdNxKznlmGc|Kn(VQHbt<51sY^Qz5{Fx_xOO*2oo{m*n!$o{( zNt9mX{z@jusvLcmnZ(0XQMGbKw|0!3)ldtT6dW?;Nc3(Bu~*15x-{P%&(VtMcA3i# zpg)&7-HdNnSO~u%=`vr)jVa>BK#F*4!1&ZdTiZRKZgw)w;*v{fq4te_iM&LkEZK`< zf(FW*KyBQbo{DR1&d|z35E!w8Eb42LJiAUeHT~YMQNEwdW+y+>U@^UgMv6y@&oNs@ z9&GFSZGZn%*_TRnx`(5CyYYek(9rFx|ABsf$axx)c&NiLJu`&L3`fP{uCzkgOeZ?4I=u0uyK0=Tl z0yozj0BXd-e3I1{qC|xQ#U@)f1J;I1gR_~UVtmWS(QT4DXhUg5C~9YF^rqDs z-IO(HqTHNogM5xPzI$b-zMqfR1lWJ_=Iq#5Dl${prbPkF7}FZ~JVkGOG0x5Adh+Kh zua>;>kJs`d(Y1LaI4eeq66*uNzRf4OK2pNqK{}{n%)<$ZMdY>%W#YEDis$#y)z9a9?WWK@a-@% zhUC1v3KDm&?bVSQ^xoYM7j@C}zpM9_%->8|+MI2aE<&jQ$@PiUtrS&?=Y2WD2PsM0 z+AOAV`uaD zgg758rKnvB%Be8TXA;fT(Z?j12pslwe|xY$Ts-nJwDUQ>rTl}(NU%?-#m8_q@uuvK zBZ|-RV?n>s)-C^z1(ECCT!NEr$s-d<-ZxLcIOmE(bV82~_66p6cu?(8<=P)-IwB+Q zu8pQR{pLS>fDDtl8kU< zHmR4&3nbd@4)%_pc)~(D-vnJ~2mKh;;`nr1Q&}}di-U`EUE=}t+KG@3vn6$sDKlBA z_S(*mZjMqxn5z)Y6P5G2Zow{cse0=byV^xT3MaGO`}|uPAhQ|i2As{ytQ$F#m`P!|Wcui%o+muzQ&aac)un-iq0GHefVFrBmC))ZH85e3FVVw;DaP@< z02D4IIExEYPmc26l-R3Os%j;)oOZ&p3at!gkn+F@tzly_g%!Q2;v4SB_P-~8|8sUPnVV_Sc_Qo z|76O23XoiJU0_aae>ttG;`)Mjr*#AnyxIEm%YT@nb2afG?y*WgkLuf^B?z} z4Q?)K^O^v1u9NoLNQ2THr>>0h;3WK#nvajDJT=xvea81ZljtrF>%~)rnaRU6UyoBJ z%YI+2(aOHkU?Ns1M-|Z${5&P&)tIGX6r8jZFp;|$@nf-TR48O_tgvX&m8~HO!$gnB zJ4vAh;k&gAJHL&|HdTL1*e+bD-kBD4Lz6YVfW(UNof;Gh@l_lT+>Q%&8?a`yQ~Erc z;dXn+0S*xwV{B5$8**Y+KmOe5k+} zvaj7ZN6AvF)n1`M=y(1Yrqyt*Dzv6rkZCCKRt6rmR3Vnz2`BC3nhM<#fKiy zs+enEyfc#u9|yM{X(@Ml^3WpajlY5SYy(7V(k#croMw-3*fQ6=g@mhA`#_1n;#U;D z1ypV!NgY-ux?W7+RnbK0RzoYsk?=hN8x~GPJ@J$isH&oF0YcUdjkoW1t8~4I)JmvA zeri<-UVn7fp}H9Dz`ixsYu`i1dx*ti3A8u2z-Ok`4S@u2HrED{*Ub!*doGHl>TSM) zCj#1@e_1B&zZRB4eZPhZDU)WRwn$B^=R%iyla#LOWpnfimh8)PGM5-B3k3vfAeVOavrNBTwXG{_q=)+9zcZ#Mda&q|Izz+E?Li^4bW?K7yOqAqq>rG; zqwok?A413l!Jl@Y+E}XV3}b>qwD)>=?sz&jYHQ!QM=PkFUpD}hp$BbWB4{Znpq7_? zQZtW>ZQGK20@X3?vdzkSHKAu|JHeMl>d>NgfIZ4A2s7{Ss>IcO=oNDNR&w#voq&Z2 z<+?#su=1stF2}mvDfg(yVZ{%KPgU9WHUeQ~_4V~c=g=ykxxjsSeNuD&Yix}xi21X` z1rhjb24%qMixX=XCf3gN^>58J-)ME}eyn-ZK^M)bHYJLvbF$BhXBT1_cq}7E)v)iB zZiBpUFklBHyXfbKxE_VWUOo%2u_e5M#Rm{q^I_rjDq}_M(;iXRO&)0$fMbrL!cVS* zM&!jEYMKQG1}-NZi}R@6Z+;eOvrfxE#O?-2w$2lB53nCI<_a9F{a8D~y3VJ+&tF-{ ztO2;ZxNJW?xwO~Jz{I|M4HN+`ct8~Telr0q9#GdYjibC)4A6X{E#^Ag@Oa16+&t~J zW0ff2sla-@R-Js>Pu1j=LzM1Uk^UA)GC9Q7tz)AkyFv%bP8%BBs(*vfSza=z9*LxG zHHK|OsNISIIoSAXgLKF@aIJ>eFD`w_HfUdy*cRa@EF0NVFvKhiU}edABM?Ixf}BWx z`|7cRd2-S|v7PG2hW}=I`HfFqao+I}oYwurlJu%a3`L3$ngiB;K07NN45Fu$?MAI$ z)~d7dmiumpf(2dXeYP*2swcw<{1y9=Ry)+yMr^b50Di2>XAiY_48Qizyk?I9_rpsb zUtYM0%<89T*7tM&{18q*08KnW6G50>TUp{|IRTMJOIyj1AP@+{V5YRl4|XC}w5?pO zuzPPYmcxO!;bK(w@6IpL@N2{SWBGa|@o#hKDQ<~;fCtkCs(XpAC4FOF; zHm`wrL1jKNz-yOZre~6n^| + + + diff --git a/templates/module/home/wave.html b/templates/module/home/wave.html new file mode 100644 index 00000000..b3d49911 --- /dev/null +++ b/templates/module/home/wave.html @@ -0,0 +1,8 @@ + +
+
+
+
+