diff --git a/categories/index 2.html b/categories/index 2.html
new file mode 100644
index 0000000..ad35d78
--- /dev/null
+++ b/categories/index 2.html
@@ -0,0 +1,623 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/contact/index 2.html b/contact/index 2.html
new file mode 100644
index 0000000..22a1814
--- /dev/null
+++ b/contact/index 2.html
@@ -0,0 +1,653 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/css/barrager 2.css b/css/barrager 2.css
new file mode 100644
index 0000000..ba52628
--- /dev/null
+++ b/css/barrager 2.css
@@ -0,0 +1,81 @@
+.barrage {
+ position: fixed;
+ bottom: 70px;
+ right: -500px;
+ display: inline-block;
+ width: 500px;
+ z-index: 99999
+}
+
+.barrage_box {
+ background-color: rgba(0, 0, 0, .5);
+ padding-right: 8px;
+ height: 40px;
+ display: inline-block;
+ border-radius: 25px;
+ transition: all .3s;
+}
+
+.barrage_box .portrait {
+ display: inline-block;
+ margin-top: 4px;
+ margin-left: 4px;
+ width: 32px;
+ height: 32px;
+ border-radius: 50%;
+ overflow: hidden;
+}
+
+.barrage_box .portrait img {
+ width: 100%;
+ height: 100%;
+}
+
+.barrage_box div.p a {
+ margin-right: 2px;
+ font-size: 14px;
+ color: #fff;
+ line-height: 40px;
+ margin-left: 18px;
+}
+
+.barrage_box div.p a:hover {
+ text-decoration: underline;
+}
+
+.barrage_box .close {
+ visibility: hidden;
+ opacity: 0;
+ text-align: center;
+ width: 25px;
+ height: 25px;
+ margin-left: 20px;
+ border-radius: 50%;
+ background: rgba(255, 255, 255, .1);
+ margin-top: 8px;
+ background-image: url(/medias/barrager/close.png);
+}
+
+.barrage_box:hover .close {
+ visibility: visible;
+ opacity: 1;
+}
+
+.barrage_box .close a {
+ display: block;
+}
+
+.barrage_box .close .icon-close {
+ font-size: 14px;
+ color: rgba(255, 255, 255, .5);
+ display: inline-block;
+ margin-top: 5px;
+}
+
+.barrage .z {
+ float: left !important;
+}
+
+.barrage a {
+ text-decoration: none;
+}
\ No newline at end of file
diff --git a/css/bb 3.css b/css/bb 3.css
new file mode 100644
index 0000000..65ee179
--- /dev/null
+++ b/css/bb 3.css
@@ -0,0 +1,125 @@
+div.timenode {
+ position: relative;
+}
+
+div.timenode:before,
+div.timenode:after {
+ content: '';
+ z-index: 1;
+ position: absolute;
+ background: rgba(68, 215, 182, 0.5);
+ width: 2px;
+ left: 7px;
+}
+
+div.timenode:before {
+ top: 0px;
+ height: 6px;
+}
+
+div.timenode:after {
+ top: 26px;
+ height: calc(100% - 26px);
+}
+
+div.timenode:last-child:after {
+ height: calc(100% - 26px - 16px);
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+div.timenode .meta,
+div.timenode .body {
+ max-width: calc(100% - 24px);
+}
+
+div.timenode .meta {
+ position: relative;
+ color: var(--color-meta);
+ font-size: 0.875rem;
+ line-height: 32px;
+ height: 32px;
+}
+
+div.timenode .meta:before,
+div.timenode .meta:after {
+ content: '';
+ position: absolute;
+ top: 8px;
+ z-index: 2;
+}
+
+div.timenode .meta:before {
+ background: rgba(68, 215, 182, 0.5);
+ width: 16px;
+ height: 16px;
+ border-radius: 8px;
+}
+
+div.timenode .meta:after {
+ background: #44d7b6;
+ margin-left: 2px;
+ margin-top: 2px;
+ width: 12px;
+ height: 12px;
+ border-radius: 6px;
+ transform: scale(0.5);
+ transition: all 0.28s ease;
+ -moz-transition: all 0.28s ease;
+ -webkit-transition: all 0.28s ease;
+ -o-transition: all 0.28s ease;
+}
+
+div.timenode .meta p {
+ font-weight: bold;
+ margin: 0 0 0 24px;
+}
+
+div.timenode .body {
+ margin: 4px 0 16px 24px;
+ padding: 16px;
+ border-radius: 8px;
+ background: var(--color-block);
+ display: inline-block;
+}
+
+div.timenode .body:empty {
+ display: none;
+}
+
+div.timenode .body > *:first-child {
+ margin-top: 0.25em;
+}
+
+div.timenode .body > *:last-child {
+ margin-bottom: 0.25em;
+}
+
+div.timenode .body .highlight {
+ border: 1px solid #e4e4e4;
+}
+
+div.timenode:hover .meta {
+ color: var(--color-text);
+}
+
+div.timenode:hover .meta:before {
+ background: rgba(255, 87, 34, 0.5);
+}
+
+div.timenode:hover .meta:after {
+ background: #ff5722;
+ transform: scale(1);
+}
+
+div.timenode .body {
+ margin: 0 0 0 24px;
+ padding: 16px;
+ border-radius: 8px;
+ background: #f6f6f6;
+ display: inline-block;
+}
+
+div.timenode time {
+ margin-left: 20px;
+}
diff --git a/css/gitment 3.css b/css/gitment 3.css
new file mode 100644
index 0000000..25015c2
--- /dev/null
+++ b/css/gitment 3.css
@@ -0,0 +1,321 @@
+#gitment-content {
+ padding: 1px 20px;
+}
+
+.gitment-card {
+ margin-top: 20px;
+}
+
+.gitment-container {
+ color: #34495e !important;
+}
+
+.gitment-container .gitment-header-like-btn {
+ color: #ab47bc;
+}
+
+.gitment-container .gitment-header-like-btn svg {
+ fill: #ab47bc;
+}
+
+.gitment-header-container span {
+ color: #ab47bc;
+}
+
+.gitment-container .gitment-header-issue-link {
+ color: #ab47bc;
+ font-weight: 500;
+}
+
+.gitment-container a.gitment-header-issue-link,
+a.gitment-header-issue-link:visited {
+ color: #ab47bc;
+}
+
+.gitment-container .gitment-comment-main {
+ border: 1px solid #e1bee7;
+ border-radius: 5px;
+}
+
+.gitment-container .gitment-comment-main .gitment-comment-header {
+ background-color: #fff;
+}
+
+.gitment-container .gitment-comment-main .gitment-comment-like-btn {
+ color: #ab47bc;
+}
+
+.gitment-container .gitment-comment-main .gitment-comment-like-btn svg {
+ fill: #ab47bc;
+ stroke: #ab47bc;
+ stroke-width: 2px;
+}
+
+.gitment-editor-container .gitment-editor-avatar .gitment-github-icon {
+ background-color: #ab47bc;
+}
+
+.gitment-editor-container .gitment-editor-main {
+ border: 1px solid #e1bee7;
+ border-radius: 3px;
+}
+
+.gitment-editor-container .gitment-editor-header {
+ border-bottom: 0;
+ border-radius: 3px;
+}
+
+.gitment-editor-main::after,
+.gitment-comment-main::after {
+ border-right-color: #ab47bc !important;
+}
+
+.gitment-editor-main .gitment-editor-tabs {
+ margin-left: 0;
+ padding-left: 10px;
+ background: linear-gradient(60deg, #ab47bc, #7b1fa2);
+}
+
+.gitment-editor-main .gitment-editor-tabs .gitment-editor-tab {
+ color: #fff;
+ border-radius: 3px;
+}
+
+.gitment-editor-main .gitment-editor-tabs .gitment-selected {
+ background-color: rgba(255, 255, 255, 0.2);
+ transition: 0.3s background-color 0.2s;
+ border: 0 !important;
+ color: #fff !important;
+ font-weight: 500;
+}
+
+.gitment-editor-main .gitment-editor-login {
+ margin-top: -40px;
+ color: #ccc;
+}
+
+.gitment-editor-main .gitment-editor-login .gitment-editor-login-link {
+ color: #fff;
+}
+
+.gitment-comments-init-btn:disabled,
+.gitment-editor-submit:disabled {
+ background-color: #DFDFDF !important;
+ color: #9F9F9F !important;
+ border-radius: 0.2rem;
+ box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12) !important;
+}
+
+.gitment-editor-footer .gitment-editor-submit, .gitment-comments-init-btn {
+ color: #fff;
+ background-color: #9c27b0;
+ border-color: #9c27b0;
+ border-radius: 0.2rem;
+ box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
+}
+
+.gitment-footer-container {
+ color: #34495e !important;
+}
+
+.gitment-comments-pagination .gitment-comments-page-item {
+ display: inline-block;
+ cursor: pointer;
+ margin: 4px 5px;
+ padding: .25rem .5rem;
+ background-color: #9c27b0;
+ color: #fff;
+ border: 0;
+ border-radius: 2px !important;
+ box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2);
+}
+
+.gitment-footer-container a {
+ padding: 0 2px;
+ color: #ab47bc !important;
+ font-weight: 500;
+}
+
+.gitment-comment-main .gitment-markdown p {
+ color: #34495e;
+}
+
+.gitment-markdown p {
+ margin: 2px 2px 10px;
+ font-size: 1.05rem;
+ line-height: 1.78rem;
+}
+
+.gitment-markdown blockquote p {
+ text-indent: 0.2rem;
+}
+
+.gitment-markdown a {
+ padding: 0 2px;
+ color: #42b983;
+ font-weight: 500;
+ text-decoration: underline;
+}
+
+.gitment-markdown img {
+ max-width: 100%;
+ height: auto;
+ cursor: pointer;
+}
+
+.gitment-markdown ol li {
+ list-style-type: decimal;
+}
+
+.gitment-markdown ol,
+ul {
+ display: block;
+ padding-left: 2em;
+ word-spacing: 0.05rem;
+}
+
+.gitment-markdown ul li,
+ol li {
+ display: list-item;
+ line-height: 1.8rem;
+ font-size: 1rem;
+}
+
+.gitment-markdown ul li {
+ list-style-type: disc;
+}
+
+.gitment-markdown ul ul li {
+ list-style-type: circle;
+}
+
+.gitment-markdown table, th, td {
+ padding: 12px 13px;
+ border: 1px solid #dfe2e5;
+}
+
+.gitment-markdown table, th, td {
+ border: 0;
+}
+
+table tr:nth-child(2n), thead {
+ background-color: #fafafa;
+}
+
+.gitment-markdown table th {
+ background-color: #f2f2f2;
+ min-width: 80px;
+}
+
+.gitment-markdown table td {
+ min-width: 80px;
+}
+
+.gitment-markdown h1 {
+ font-size: 1.85rem;
+ font-weight: bold;
+ line-height: 2.2rem;
+}
+
+.gitment-markdown h2 {
+ font-size: 1.65rem;
+ font-weight: bold;
+ line-height: 1.9rem;
+}
+
+.gitment-markdown h3 {
+ font-size: 1.45rem;
+ font-weight: bold;
+ line-height: 1.7rem;
+}
+
+.gitment-markdown h4 {
+ font-size: 1.25rem;
+ font-weight: bold;
+ line-height: 1.5rem;
+}
+
+.gitment-markdown h5 {
+ font-size: 1.1rem;
+ font-weight: bold;
+ line-height: 1.4rem;
+}
+
+.gitment-markdown h6 {
+ font-size: 1rem;
+ line-height: 1.3rem;
+}
+
+.gitment-markdown p {
+ font-size: 1rem;
+ line-height: 1.5rem;
+}
+
+.gitment-markdown hr {
+ margin: 12px 0;
+ border: 0;
+ border-top: 1px solid #ccc;
+}
+
+.gitment-markdown blockquote {
+ margin: 15px 0;
+ border-left: 5px solid #42b983;
+ padding: 1rem 0.8rem 1rem 0.8rem;
+ color: #666;
+ background-color: rgba(66, 185, 131, .1);
+}
+
+.gitment-markdown pre {
+ padding: 1.2em;
+ margin: .5em 0;
+ background: #272822;
+ overflow: auto;
+ border-radius: 0.3em;
+ tab-size: 4;
+}
+
+.gitment-markdown code {
+ padding: 1px 1px;
+ font-size: 0.92rem;
+ color: #e96900;
+ background-color: #f8f8f8;
+ border-radius: 2px;
+}
+
+.gitment-markdown pre code {
+ padding: 0;
+ color: #e8eaf6;
+ background-color: #272822;
+}
+
+.gitment-markdown pre[class*="language-"] {
+ padding: 1.2em;
+ margin: .5em 0;
+}
+
+.gitment-markdown code[class*="language-"],
+pre[class*="language-"] {
+ color: #e8eaf6;
+}
+
+.gitment-markdown b,
+strong {
+ font-weight: bold;
+}
+
+.gitment-markdown dfn {
+ font-style: italic;
+}
+
+.gitment-markdown small {
+ font-size: 85%;
+}
+
+.gitment-markdown cite {
+ font-style: normal;
+}
+
+.gitment-markdown mark {
+ background-color: #fcf8e3;
+ padding: .2em;
+}
\ No newline at end of file
diff --git a/css/matery 3.css b/css/matery 3.css
new file mode 100644
index 0000000..dab1262
--- /dev/null
+++ b/css/matery 3.css
@@ -0,0 +1,2145 @@
+/*全局基础样式*/
+/*小屏幕下(手机类)的样式*/
+@media only screen and (max-width: 601px) {
+ .container {
+ width: 95%;
+ }
+}
+
+/*中等屏幕下(平板类)的样式*/
+@media only screen and (min-width: 600px) and (max-width: 992px) {
+ .container {
+ width: 90%;
+ }
+}
+
+/*大屏幕下(桌面类)的样式*/
+@media only screen and (min-width: 993px) {
+ .container {
+ width: 90%;
+ max-width: 1125px;
+ }
+
+ .head-container {
+ position: absolute;
+ padding: 0 30px;
+ width: 100%;
+ }
+
+ .post-container {
+ width: 90%;
+ margin: 0 auto;
+ max-width: 1250px;
+ }
+}
+
+body {
+ background-color: #eaeaea;
+ margin: 0;
+ color: #34495e;
+ overflow-x: hidden;
+ overflow-y: auto;
+}
+
+h1 {
+ margin: 48px 0 22px -5px;
+ font-size: 2.0rem;
+ font-weight: bold;
+ line-height: 2.0rem;
+}
+
+h2 {
+ margin: 42px 0 18px -5px;
+ font-size: 1.8rem;
+ font-weight: bold;
+ line-height: 1.8rem;
+}
+
+h3 {
+ margin: 38px 0 15px -4px;
+ font-size: 1.6rem;
+ font-weight: bold;
+ line-height: 1.7rem;
+}
+
+h4 {
+ margin: 32px 0 12px -4px;
+ font-size: 1.45rem;
+ font-weight: bold;
+ line-height: 1.45rem;
+}
+
+h5 {
+ margin: 28px 0 8px -4px;
+ font-size: 1.2rem;
+ font-weight: bold;
+ line-height: 1.2rem;
+}
+
+h6 {
+ margin: 22px 0 4px -4px;
+ font-size: 1.1rem;
+ line-height: 1.1rem;
+}
+
+p {
+ font-size: 1rem;
+ line-height: 1.5rem;
+}
+
+hr {
+ margin: 20px 0;
+ border: 0;
+ border-top: 1px solid #ccc;
+}
+
+blockquote {
+ border-left: 5px solid #42b983;
+ padding: 1rem 0.8rem 0.2rem 0.8rem;
+ color: #666;
+ background-color: rgba(66, 185, 131, .1);
+}
+
+pre {
+ padding: 2rem 1rem 1rem 1rem !important;
+ border-radius: 0.35rem;
+ tab-size: 4;
+}
+
+.code-area::after {
+ content: " ";
+ position: absolute;
+ border-radius: 50%;
+ background: #ff5f56;
+ width: 12px;
+ height: 12px;
+ top: 0;
+ left: 12px;
+ margin-top: 12px;
+ -webkit-box-shadow: 20px 0 #ffbd2e, 40px 0 #27c93f;
+ box-shadow: 20px 0 #ffbd2e, 40px 0 #27c93f;
+}
+
+code {
+ padding: 1px 5px;
+ top: 13px !important;
+ font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace;
+ font-size: 0.91rem;
+ color: #e96900;
+ background-color: #f8f8f8;
+ border-radius: 2px;
+}
+
+.code_copy {
+ position: absolute;
+ top: 0.7rem;
+ right: 25px;
+ z-index: 1;
+ filter: invert(50%);
+ cursor: pointer;
+}
+
+.codecopy_notice {
+ position: absolute;
+ top: 0.7rem;
+ right: 6px;
+ z-index: 1;
+ filter: invert(50%);
+ opacity: 0;
+}
+
+.code_lang {
+ position: absolute;
+ top: 1.2rem;
+ right: 46px;
+ line-height: 0;
+ font-weight: bold;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ z-index: 1;
+ filter: invert(50%);
+ cursor: pointer;
+}
+
+.code-expand {
+ position: absolute;
+ top: 4px;
+ right: 0;
+ filter: invert(50%);
+ padding: 7px;
+ z-index: 999 !important;
+ cursor: pointer;
+ transition: all .3s;
+ transform: rotate(0deg);
+}
+
+.code-closed .code-expand {
+ transform: rotate(-180deg) !important;
+ transition: all .3s;
+}
+
+.code-closed pre::before {
+ height: 0;
+}
+
+pre code {
+ padding: 0;
+ color: #e8eaf6;
+ background-color: #272822;
+}
+
+/* 键盘 kbd 标签样式 */
+kbd {
+ margin: 0 3px;
+ padding: 3px 5px;
+ border-radius: 3px;
+ border: 1px solid #b4b4b4;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 2px 1px 0 rgba(255, 255, 255, 0.6) inset;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ font-size: 0.9rem;
+ font-weight: 600;
+ background-color: #f8f8f8;
+ color: #34495e;
+ line-height: 1.8rem;
+ white-space: nowrap;
+}
+
+b,
+strong {
+ font-weight: bold;
+}
+
+dfn {
+ font-style: italic;
+}
+
+small {
+ font-size: 85%;
+}
+
+cite {
+ font-style: normal;
+}
+
+mark {
+ background-color: #fcf8e3;
+ padding: .2em;
+}
+
+.card {
+ border-radius: 10px;
+ box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07) !important;
+}
+
+.card .card-image img {
+ border-radius: 8px 8px 0 0;
+ /* 修改文章列表图片填充样式为 cover 以覆盖整个区域而不会被缩放 */
+ object-fit: cover;
+}
+
+.container .row {
+ margin-bottom: 0;
+}
+
+.bg-color {
+ background-image: linear-gradient(to right, #4cbf30 0%, #0f9d58 100%);
+}
+
+.text-color {
+ color: #0f9d58 !important;
+}
+
+.white-color {
+ color: #fff;
+}
+
+.progress-bar {
+ height: 4px;
+ position: fixed;
+ bottom: 0;
+ z-index: 300;
+ background: linear-gradient(to right, #4cbf30 0%, #0f9d58 100%);
+ opacity: 0.8;
+}
+
+.sidenav-overlay {
+ z-index: 500;
+}
+
+.pd-header {
+ margin-top: -64px;
+}
+
+header .side-nav {
+ width: 240px;
+ z-index: 999;
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 7px 10px 0 rgba(0, 0, 0, 0.12);
+}
+
+nav {
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 7px 10px 0 rgba(0, 0, 0, 0.12);
+}
+
+header .nav-transparent {
+ background-color: transparent !important;
+ background-image: none;
+ box-shadow: none;
+}
+
+header nav .brand-span {
+ font-size: 1.45rem;
+}
+
+header .brand-logo .logo-img {
+ height: 45px;
+ vertical-align: middle;
+ padding-bottom: 6px;
+}
+
+header .brand-logo .logo-span {
+ font-size: 1.6rem;
+}
+
+/*修改顶部 logo 的文字垂直对齐为 top,避免默认 middle 看起来偏下*/
+header .brand-logo .waves-effect {
+ vertical-align: top;
+}
+
+header .button-collapse i {
+ font-size: 1.5rem;
+}
+
+header .side-nav .mobile-head {
+ padding: 0 15px;
+}
+
+header .side-nav .mobile-head img {
+ margin-top: 30px;
+ width: 75px;
+ height: 75px;
+}
+
+header .side-nav .mobile-head .logo-name {
+ margin-top: -30px;
+ padding-left: 10px;
+ font-size: 1.5rem;
+}
+
+header .side-nav .mobile-head .logo-desc {
+ margin-top: -10px;
+ padding-left: 10px;
+ padding-bottom: 10px;
+ font-size: 0.8rem;
+ line-height: 1.3rem;
+ color: #e3e3e3;
+}
+
+header .side-nav .menu-list li {
+ padding: 0;
+ margin-left: -15px;
+}
+
+header .side-nav .menu-list a {
+ height: 50px;
+ line-height: 50px;
+ color: #34495e !important;
+}
+
+.mobile-menu-list a i {
+ margin-left: 8px !important;
+ font-size: 1.16rem;
+ color: #34495e !important;
+}
+
+header .side-nav .fa-fw {
+ width: 3.3rem;
+ text-align: left;
+}
+
+header .side-nav .social-link {
+ position: absolute;
+ bottom: 45px;
+ padding-left: 15px;
+}
+
+.social-link a {
+ font-size: 1.2rem;
+ display: inline;
+ padding: 0 12px;
+}
+
+.cover-btns {
+ position: relative;
+ top: 10vh;
+ text-align: center;
+}
+
+.cover-btns a {
+ margin: 10px 15px;
+ padding: 0 35px;
+ height: 45px;
+ line-height: 45px;
+ font-size: 1rem;
+ color: #fff;
+ border: 1px solid #fff;
+ background-color: transparent;
+ border-radius: 30px;
+ box-shadow: none;
+}
+
+.cover-btns a:hover {
+ border: 1px solid #f44336;
+ background-color: #f44336;
+ box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42),
+ 0 4px 23px 0 rgba(0, 0, 0, 0.12),
+ 0 8px 10px -5px rgba(233, 30, 99, 0.2);
+}
+
+.cover-btns a i {
+ font-size: 1.1rem;
+ padding-right: 5px;
+}
+
+.scroll-down {
+ background: #333;
+ margin: 100px auto;
+ -webkit-animation: scroll-down 1.5s infinite;
+ -moz-animation: scroll-down 1.5s infinite;
+ -o-animation: scroll-down 1.5s infinite;
+ animation: scroll-down 1.5s infinite;
+}
+
+@-moz-keyframes scroll-down {
+ 0% {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ top: 0;
+ }
+
+ 50% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ top: -16px;
+ }
+
+ 100% {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ top: 0;
+ }
+}
+
+@-webkit-keyframes scroll-down {
+ 0% {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ top: 0;
+ }
+
+ 50% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ top: -16px;
+ }
+
+ 100% {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ top: 0;
+ }
+}
+
+@-o-keyframes scroll-down {
+ 0% {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ top: 0;
+ }
+
+ 50% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ top: -16px;
+ }
+
+ 100% {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ top: 0;
+ }
+}
+
+@keyframes scroll-down {
+ 0% {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ top: 0;
+ }
+
+ 50% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ top: -16px;
+ }
+
+ 100% {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ top: 0;
+ }
+}
+
+.cover-social-link {
+ position: relative;
+ top: 23vh;
+ width: 100%;
+ text-align: center;
+}
+
+.cover-social-link a {
+ padding: 0 15px;
+ font-size: 1.35rem;
+ color: #fff;
+}
+
+header .go-back {
+ float: left;
+ position: relative;
+ padding-left: 5px;
+ padding-right: 5px;
+ z-index: 1;
+ height: 56px;
+}
+
+header .go-back i {
+ font-size: 1.6rem;
+ font-weight: 200;
+ line-height: 56px;
+}
+
+/* 背景图效果. */
+.bg-cover {
+ position: relative;
+ display: flex;
+ align-items: center;
+ height: 60vh;
+ padding: 0;
+ border: 0;
+ overflow: hidden;
+ background-position: center center;
+ background-size: cover;
+ transform: translate3d(0px, 0px, 0px);
+}
+
+.index-cover {
+ height: 100vh;
+}
+
+.post-cover {
+ height: 40vh !important;
+}
+
+.bg-cover:after {
+ /*-webkit-animation: rainbow 60s infinite;
+ animation: rainbow 60s infinite;*/
+}
+
+.bg-cover:before,
+.bg-cover:after {
+ position: absolute;
+ z-index: 1;
+ width: 100%;
+ height: 100%;
+ display: block;
+ left: 0;
+ top: 0;
+ content: "";
+}
+
+.bg-cover .container {
+ position: relative;
+ color: #fff;
+ z-index: 2;
+}
+
+.bg-cover .title {
+ font-size: 4rem;
+ line-height: 1.2em;
+ margin-bottom: 20px;
+ position: relative;
+}
+
+.bg-cover .description {
+ font-weight: 300;
+ font-size: 1.25rem;
+ line-height: 1.4em;
+ color: #eee;
+}
+
+.bg-cover .post-title {
+ margin: 0 auto;
+ font-size: 2.5rem;
+ font-weight: 400;
+}
+
+@-webkit-keyframes rainbow {
+
+ 0%,
+ 100% {
+ background: rgba(156, 39, 176, 0.75);
+ background: linear-gradient(45deg, rgba(156, 39, 176, 0.75) 0%, rgba(156, 39, 176, 0.65) 100%);
+ background: -moz-linear-gradient(135deg, rgba(156, 39, 176, 0.75) 0%, rgba(156, 39, 176, 0.65) 100%);
+ background: -webkit-linear-gradient(135deg, rgba(156, 39, 176, 0.75) 0%, rgba(156, 39, 176, 0.65) 100%);
+ }
+
+ 16% {
+ background: rgba(132, 13, 121, 0.75);
+ background: linear-gradient(45deg, rgba(132, 13, 121, 0.75) 0%, rgba(132, 13, 121, 0.65) 100%);
+ background: -moz-linear-gradient(135deg, rgba(132, 13, 121, 0.75) 0%, rgba(132, 13, 121, 0.65) 100%);
+ background: -webkit-linear-gradient(135deg, rgba(132, 13, 121, 0.75) 0%, rgba(132, 13, 121, 0.65) 100%);
+ }
+
+ 32% {
+ background: rgba(239, 83, 80, 0.75);
+ background: linear-gradient(45deg, rgba(239, 83, 80, 0.75) 0%, rgba(239, 83, 80, 0.65) 100%);
+ background: -moz-linear-gradient(135deg, rgba(239, 83, 80, 0.75) 0%, rgba(239, 83, 80, 0.65) 100%);
+ background: -webkit-linear-gradient(135deg, rgba(239, 83, 80, 0.75) 0%, rgba(239, 83, 80, 0.65) 100%);
+ }
+
+ 48% {
+ background: rgba(255, 87, 34, 0.75);
+ background: linear-gradient(45deg, rgba(255, 87, 34, 0.75) 0%, rgba(255, 87, 34, 0.65) 100%);
+ background: -moz-linear-gradient(135deg, rgba(255, 87, 34, 0.75) 0%, rgba(255, 87, 34, 0.65) 100%);
+ background: -webkit-linear-gradient(135deg, rgba(255, 87, 34, 0.75) 0%, rgba(255, 87, 34, 0.65) 100%);
+ }
+
+ 64% {
+ background: rgba(255, 160, 0, 0.75);
+ background: linear-gradient(45deg, rgba(255, 160, 0, 0.75) 0%, rgba(255, 160, 0, 0.65) 100%);
+ background: -moz-linear-gradient(135deg, rgba(255, 160, 0, 0.75) 0%, rgba(255, 112, 66, 0.65) 100%);
+ background: -webkit-linear-gradient(135deg, rgba(255, 160, 0, 0.75) 0%, rgba(255, 160, 0, 0.65) 100%);
+ }
+
+ 80% {
+ background: rgba(233, 30, 99, 0.75);
+ background: linear-gradient(45deg, rgba(233, 30, 99, 0.75) 0%, rgba(233, 30, 99, 0.65) 100%);
+ background: -moz-linear-gradient(135deg, rgba(233, 30, 99, 0.75) 0%, rgba(233, 30, 99, 0.65) 100%);
+ background: -webkit-linear-gradient(135deg, rgba(2233, 30, 99, 0.75) 0%, rgba(233, 30, 99, 0.65) 100%);
+ }
+}
+
+@keyframes rainbow {
+
+ 0%,
+ 100% {
+ background: rgba(156, 39, 176, 0.75);
+ background: linear-gradient(45deg, rgba(156, 39, 176, 0.75) 0%, rgba(156, 39, 176, 0.65) 100%);
+ background: -moz-linear-gradient(135deg, rgba(156, 39, 176, 0.75) 0%, rgba(156, 39, 176, 0.65) 100%);
+ background: -webkit-linear-gradient(135deg, rgba(156, 39, 176, 0.75) 0%, rgba(156, 39, 176, 0.65) 100%);
+ }
+
+ 16% {
+ background: rgba(132, 13, 121, 0.75);
+ background: linear-gradient(45deg, rgba(132, 13, 121, 0.75) 0%, rgba(132, 13, 121, 0.65) 100%);
+ background: -moz-linear-gradient(135deg, rgba(132, 13, 121, 0.75) 0%, rgba(132, 13, 121, 0.65) 100%);
+ background: -webkit-linear-gradient(135deg, rgba(132, 13, 121, 0.75) 0%, rgba(132, 13, 121, 0.65) 100%);
+ }
+
+ 32% {
+ background: rgba(239, 83, 80, 0.75);
+ background: linear-gradient(45deg, rgba(239, 83, 80, 0.75) 0%, rgba(239, 83, 80, 0.65) 100%);
+ background: -moz-linear-gradient(135deg, rgba(239, 83, 80, 0.75) 0%, rgba(239, 83, 80, 0.65) 100%);
+ background: -webkit-linear-gradient(135deg, rgba(239, 83, 80, 0.75) 0%, rgba(239, 83, 80, 0.65) 100%);
+ }
+
+ 48% {
+ background: rgba(255, 87, 34, 0.75);
+ background: linear-gradient(45deg, rgba(255, 87, 34, 0.75) 0%, rgba(255, 87, 34, 0.65) 100%);
+ background: -moz-linear-gradient(135deg, rgba(255, 87, 34, 0.75) 0%, rgba(255, 87, 34, 0.65) 100%);
+ background: -webkit-linear-gradient(135deg, rgba(255, 87, 34, 0.75) 0%, rgba(255, 87, 34, 0.65) 100%);
+ }
+
+ 64% {
+ background: rgba(255, 160, 0, 0.75);
+ background: linear-gradient(45deg, rgba(255, 160, 0, 0.75) 0%, rgba(255, 160, 0, 0.65) 100%);
+ background: -moz-linear-gradient(135deg, rgba(255, 160, 0, 0.75) 0%, rgba(255, 112, 66, 0.65) 100%);
+ background: -webkit-linear-gradient(135deg, rgba(255, 160, 0, 0.75) 0%, rgba(255, 160, 0, 0.65) 100%);
+ }
+
+ 80% {
+ background: rgba(233, 30, 99, 0.75);
+ background: linear-gradient(45deg, rgba(233, 30, 99, 0.75) 0%, rgba(233, 30, 99, 0.65) 100%);
+ background: -moz-linear-gradient(135deg, rgba(233, 30, 99, 0.75) 0%, rgba(233, 30, 99, 0.65) 100%);
+ background: -webkit-linear-gradient(135deg, rgba(2233, 30, 99, 0.75) 0%, rgba(233, 30, 99, 0.65) 100%);
+ }
+}
+
+.index-card {
+ margin-top: -10px;
+ padding-top: 20px;
+}
+
+.carousel-post .title {
+ font-size: 2.6rem;
+}
+
+.dream {
+ margin-top: 20px;
+ margin-bottom: 40px;
+}
+
+.dream .title,
+.music-player .title,
+.video-player .title {
+ margin-bottom: 20px;
+ font-size: 2rem;
+ font-weight: 700;
+}
+
+.dream .text {
+ opacity: .6;
+ font-size: 1.1rem;
+}
+
+.music-player,
+.video-player {
+ margin-top: 10px;
+ margin-bottom: 50px;
+}
+
+.music,
+.dplayer-video {
+ box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 10px 20px -12px rgba(0, 0, 0, .5) !important;
+}
+
+#recommend-sections {
+ margin-top: -30px;
+ padding-top: 30px;
+}
+
+.index-card .card .card-content {
+ padding: 20px 40px;
+}
+
+@media only screen and (min-width: 1418px) {
+ .recommend {
+ margin-top: 20px;
+ padding: 0 0.75rem;
+ }
+}
+
+@media only screen and (max-width: 601px) {
+ .index-card .card .card-content {
+ padding: 10px 10px;
+ }
+}
+
+/*中等屏幕下(平板类)的样式*/
+@media only screen and (min-width: 600px) and (max-width: 992px) {
+ .index-card .card .card-content {
+ padding: 20px 20px;
+ }
+}
+
+.recommend .row .col {
+ padding: 0 1.25rem;
+}
+
+.recommend .title {
+ margin-top: 25px;
+ margin-bottom: 25px;
+ text-align: center;
+ font-size: 1.8rem;
+ font-weight: 700;
+ line-height: 1.8rem;
+}
+
+.recommend .post-card:before {
+ position: absolute;
+ z-index: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ left: 0;
+ top: 0;
+ content: "";
+ background-color: rgba(0, 0, 0, .3);
+ border-radius: 10px;
+}
+
+.recommend .post-card {
+ position: relative;
+ width: 100%;
+ height: 300px;
+ max-height: 300px;
+ margin-bottom: 15px;
+ margin-top: 15px;
+ text-align: center;
+ border: 0;
+ border-radius: 10px;
+ color: rgba(0, 0, 0, .87);
+ background: #fff 50%;
+ background-size: cover;
+ box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
+}
+
+.recommend .post-card .post-body {
+ position: relative;
+ margin: 0 auto;
+ padding: 1.8rem 1.25rem;
+ z-index: 2;
+}
+
+.recommend .post-card .post-categories {
+ margin: 10px auto;
+}
+
+.recommend .post-card .post-categories .category {
+ padding: 0 8px;
+ color: hsla(0, 0%, 100%, .7) !important;
+ font-size: .75rem;
+ font-weight: 500;
+}
+
+.recommend .post-card a {
+ color: #fff;
+}
+
+.recommend .post-card .post-title {
+ height: 48px;
+ margin-top: 10px;
+ margin-bottom: 5px;
+}
+
+.recommend .post-card .post-description {
+ margin: 20px auto;
+ max-width: 500px;
+ height: 65px;
+ max-height: 65px;
+ font-size: 14px;
+ color: hsla(0, 0%, 100%, .78) !important;
+}
+
+.recommend .post-card .read-more {
+ height: 40px;
+ margin: .6rem 1px;
+ font-size: 0.9rem;
+ font-weight: 400;
+ line-height: 40px;
+ color: #fff;
+ border-radius: 30px;
+ box-shadow: 0 2px 2px 0 rgba(244, 67, 54, .14), 0 3px 1px -2px rgba(244, 67, 54, .2), 0 1px 5px 0 rgba(244, 67, 54, .12);
+}
+
+.recommend .post-card .read-more .icon {
+ font-size: 1.05rem;
+ padding-right: 10px;
+}
+
+.archive-calendar {
+ margin-top: -60px;
+ max-width: 820px;
+}
+
+#post-calendar {
+ width: 100%;
+ height: 225px;
+}
+
+.settings-content {
+ margin-top: -10px;
+}
+
+/*文章列表卡片各样式*/
+#articles {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+
+article a {
+ margin-right: 0 !important;
+ color: #525f7f;
+ text-transform: none !important;
+}
+
+article a:hover {
+ font-weight: bold;
+ color: #42b983;
+ text-decoration: underline;
+}
+
+.articles .row {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+article .card {
+ border-radius: 8px;
+ overflow: hidden;
+}
+
+article .card-image {
+ background-color: #222;
+ border-radius: 8px;
+}
+
+article .card-image img {
+ height: 220px;
+ border-radius: 0.3rem;
+ opacity: .7;
+}
+
+article .tag-image img {
+ height: 220px;
+}
+
+article .card .card-content {
+ padding: 15px 15px 12px 18px;
+}
+
+article .article-content .summary {
+ padding-bottom: 2px;
+ padding-left: 0;
+ margin-bottom: 6px;
+ word-break: break-all;
+}
+
+article .article-content .publish-author {
+ float: right;
+}
+
+.publish-date .icon-date {
+ padding-right: 5px;
+}
+
+.publish-author .icon-category {
+ padding-left: 10px;
+}
+
+.article-content .publish-author .post-category {
+ padding-left: 5px;
+}
+
+article .card .card-action {
+ padding: 10px 15px 10px 18px;
+ border-radius: 0 0 8px 8px !important;
+}
+
+article .article-tags .chip {
+ margin: 2px;
+ font-size: 0.8rem;
+ font-weight: 400;
+ height: 22px;
+ line-height: 22px;
+ color: #fff;
+ border-radius: 10px;
+}
+
+.prev-next {
+ margin-left: -0.75rem;
+}
+
+.prev-next .article-badge {
+ min-width: 3rem;
+ margin-top: 7px;
+ padding: 3px 10px 3px 8px;
+ text-align: center;
+ font-size: 1rem;
+ line-height: inherit;
+ position: absolute;
+ box-sizing: border-box;
+ z-index: 200;
+ background-color: #fff;
+ font-weight: 500;
+}
+
+.prev-next .left-badge {
+ border-radius: 8px 0 8px 0;
+}
+
+.prev-next .right-badge {
+ border-radius: 0 8px 0 8px;
+ right: 10px;
+}
+
+.paging {
+ margin-bottom: 15px;
+}
+
+.paging .row {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.paging .page-info {
+ font-size: 1.4rem;
+ color: #888;
+ padding-top: 1rem;
+}
+
+.paging i {
+ font-size: 2.5rem;
+}
+
+.paging .disabled {
+ background-color: #ccc !important;
+}
+
+.paging .disabled i {
+ color: #999 !important;
+}
+
+/*文章详情样式*/
+#artDetail {
+ margin-top: -60px;
+}
+
+/* 修改小屏幕下文章详情table样式. */
+@media only screen and (max-width: 550px) {
+ #articleContent table {
+ table-layout: fixed;
+ }
+}
+
+@media only screen and (min-width: 1418px) {
+ #artDetail {
+ margin-top: -60px;
+ padding: 0 0.75rem;
+ }
+}
+
+#artDetail .card {
+ box-shadow: 0 10px 35px 2px rgba(0, 0, 0, .15),
+ 0 5px 15px rgba(0, 0, 0, .07),
+ 0 2px 5px -5px rgba(0, 0, 0, .1) !important;
+}
+
+#artDetail .tag-cate {
+ padding-bottom: 15px;
+}
+
+#artDetail a {
+ margin-right: 0 !important;
+ text-transform: none !important;
+}
+
+#artDetail .article-info {
+ padding: 20px 30px 1px 40px;
+ margin-bottom: -5px;
+}
+
+#artDetail .article-tag .chip {
+ font-size: 1rem;
+ font-weight: 400;
+ height: 25px;
+ line-height: 24px;
+ color: #fff;
+ border-radius: 15px;
+ margin-right: 5px;
+ margin-bottom: 2px;
+}
+
+#artDetail .tag_share .article-tag .chip {
+ font-size: 1rem;
+ font-weight: 400;
+ height: 25px;
+ line-height: 23px;
+ border-radius: 15px;
+ margin-right: 5px;
+ margin-bottom: 2px;
+ color: #42b983;
+ background: #fff;
+ border: 1px solid;
+ transition: all 0.6s ease-in-out;
+}
+
+#artDetail .tag_share .article-tag .chip:hover {
+ color: #fff;
+ background: #42b983;
+}
+
+#artDetail .post-cate {
+ float: right;
+ color: #42b983;
+}
+
+#artDetail .post-cate a {
+ padding-right: 5px;
+ color: #42b983;
+ font-weight: 500;
+}
+
+#artDetail .post-cate a:hover {
+ text-decoration: underline;
+}
+
+#artDetail .post-info {
+ color: #525f7f;
+}
+
+#artDetail .post-info .post-category {
+ padding-right: 4px;
+ color: #525f7f;
+}
+
+#artDetail .post-info .post-category:hover {
+ font-weight: bold;
+ color: #42b983;
+ text-decoration: underline;
+}
+
+#artDetail .post-info .post-date {
+ color: #525f7f;
+}
+
+#artDetail .post-info .post-word-count {
+ margin-left: 15px;
+}
+
+#artDetail .post-info .post-read {
+ margin-left: 15px;
+ color: #525f7f;
+}
+
+#artDetail .article-card-content {
+ padding: 0 15px 20px 18px;
+}
+
+@media only screen and (max-width: 601px) {
+ #artDetail .article-info {
+ padding: 15px 15px 1px 15px;
+ margin-bottom: -5px;
+ }
+}
+
+@media only screen and (min-width: 600px) and (max-width: 992px) {
+ #artDetail .article-card-content {
+ padding: 0 30px 20px 32px;
+ }
+
+ #artDetail .article-info {
+ padding: 15px 20px 0 28px;
+ margin-bottom: -5px;
+ }
+}
+
+@media only screen and (min-width: 993px) {
+ #artDetail .article-card-content {
+ padding: 0 50px 20px 50px;
+ }
+}
+
+#artDetail .reprint {
+ margin: 15px 0 0.4rem;
+ padding: 0.5rem 0.8rem;
+ border: 1px solid #eee;
+ line-height: 2;
+ transition: box-shadow 0.3s ease-in-out
+}
+
+#artDetail .reprint-info {
+ word-break: break-word;
+}
+
+#artDetail .reprint:hover {
+ box-shadow: 0 0 10px 0 rgba(232, 237, 250, .6), 0 4px 8px 0 rgba(232, 237, 250, .5)
+}
+
+#artDetail .reprint a {
+ font-size: 1.05rem;
+ color: #42b983;
+ font-weight: 500;
+}
+
+#articleContent p {
+ margin: 2px 2px 10px;
+ font-size: 1.05rem;
+ line-height: 1.85rem;
+}
+
+#articleContent blockquote p {
+ text-indent: 0.2rem;
+}
+
+#articleContent a {
+ padding: 0 2px;
+ color: #42b983;
+ font-weight: 500;
+ text-decoration: underline;
+ word-wrap: break-word;
+}
+
+#articleContent .img-item {
+ text-align: center;
+}
+
+#articleContent img {
+ max-width: 100%;
+ height: auto;
+ cursor: pointer;
+}
+
+#articleContent video {
+ display: block;
+ margin: 30px auto;
+ box-shadow: 0 5px 35px 0 rgba(0, 0, 0, .2), 0 10px 35px -11px rgba(0, 0, 0, .6);
+ cursor: pointer;
+}
+
+#articleContent ol,
+#articleContent ul {
+ display: block;
+ padding-left: 2em !important;
+ word-spacing: 0.05rem;
+}
+
+#articleContent ul li,
+#articleContent ol li {
+ display: list-item;
+ line-height: 1.8rem;
+ font-size: 1rem;
+}
+
+#articleContent ul li {
+ list-style-type: disc;
+}
+
+#articleContent ul ul li {
+ list-style-type: circle;
+}
+
+#articleContent table {
+ width: 100%;
+ display: block;
+ border-collapse: collapse;
+ border-spacing: 0;
+ overflow: auto;
+}
+
+/**
+#articleContent table,
+th,
+td {
+ padding: 12px 13px;
+ border: 1px solid #dfe2e5;
+}
+**/
+
+table tr:nth-child(2n),
+thead {
+ background-color: #fafafa;
+}
+
+#articleContent table th {
+ background-color: #f2f2f2;
+ min-width: 80px;
+ border: 1px solid #dfe2e5;
+ padding: 6px 6px;
+}
+
+#articleContent table td {
+ min-width: 80px;
+ border: 1px solid #dfe2e5;
+ padding: 6px 6px;
+}
+
+#articleContent [type="checkbox"]:not(:checked),
+[type="checkbox"]:checked {
+ position: inherit;
+ margin-left: -1.3rem;
+ margin-right: 0.4rem;
+ margin-top: -1px;
+ vertical-align: middle;
+ left: unset;
+ visibility: visible;
+}
+
+@media only screen and (min-width: 600px) {
+ #article-share .social-share a {
+ margin-left: 15px !important;
+ }
+}
+
+.chip-container {
+ margin-top: -60px;
+}
+
+.chip-container .tag-title {
+ margin-bottom: 10px;
+ color: #3C4858;
+ font-size: 1.75rem;
+ font-weight: 400;
+}
+
+.chip-container .tag-chips {
+ margin: 1rem auto 0.5rem;
+ max-width: 850px;
+ text-align: center;
+}
+
+.chip-container .tags-posts {
+ margin-top: 20px;
+}
+
+.chip-container .chip-default {
+ color: #34495e;
+}
+
+.chip-container .chip-active {
+ color: #FFF !important;
+ background: linear-gradient(to bottom right, #FF5E3A 0%, #FF2A68 100%) !important;
+ box-shadow: 2px 5px 10px #aaa !important;
+}
+
+.chip-container .chip {
+ margin: 10px 10px;
+ padding: 19px 14px;
+ display: inline-flex;
+ line-height: 0;
+ font-size: 1rem;
+ font-weight: 500;
+ border-radius: 5px;
+ cursor: pointer;
+ box-shadow: 0 3px 5px rgba(0, 0, 0, .12);
+ z-index: 0;
+}
+
+.chip-container .chip:hover {
+ color: #fff;
+ background: linear-gradient(to right, #4cbf30 0%, #0f9d58 100%) !important;
+}
+
+.chip .tag-length {
+ margin-left: 5px;
+ margin-right: -2px;
+ font-size: 0.5rem;
+}
+
+.chip-default .tag-length {
+ color: #e91e63;
+ margin-top: 1px;
+}
+
+.chip-active .tag-length {
+ color: #fff;
+}
+
+/* archive page. */
+#cd-timeline .year {
+ position: relative;
+ width: 80px;
+ height: 80px;
+ margin: 10px 0 50px -20px;
+ padding: 21px 10px;
+ background-color: #ff5722;
+ color: #fff;
+ font-size: 1.8rem;
+ font-weight: 600;
+}
+
+#cd-timeline .year a {
+ color: #fff;
+}
+
+#cd-timeline .month {
+ position: relative;
+ width: 60px;
+ height: 60px;
+ margin: 10px 0 30px -10px;
+ padding: 14px 16px;
+ background-color: #ef6c00;
+ color: #fff;
+ font-size: 1.7rem;
+ font-weight: 600;
+}
+
+#cd-timeline .month a {
+ color: #fff;
+}
+
+#cd-timeline .day {
+ position: relative;
+ padding: 8px 10px;
+ background-color: #ffa726;
+ color: #fff;
+ font-size: 1.2rem;
+ font-weight: 500;
+}
+
+#cd-timeline {
+ /*width: 90%;*/
+ max-width: 820px;
+ position: relative;
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+}
+
+#cd-timeline::before {
+ /* this is the vertical line */
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 18px;
+ height: 100%;
+ width: 4px;
+ background: #0f9d58;
+}
+
+@media only screen and (min-width: 900px) {
+ #cd-timeline {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ }
+
+ #cd-timeline::before {
+ left: 50%;
+ margin-left: -2px;
+ }
+
+ #cd-timeline .year {
+ margin: 10px 0 50px -40px;
+ padding: 22px 11px;
+ }
+
+ #cd-timeline .month {
+ margin: 10px 0 30px -30px;
+ padding: 14px 16px;
+ }
+}
+
+.cd-timeline-block {
+ position: relative;
+ margin: 1em 0;
+}
+
+.cd-timeline-block::after {
+ clear: both;
+ content: "";
+ display: table;
+}
+
+.cd-timeline-block:first-child {
+ margin-top: 0;
+}
+
+.cd-timeline-block:last-child {
+ margin-bottom: 0;
+}
+
+@media only screen and (min-width: 870px) {
+ .cd-timeline-block {
+ margin: 1em 0;
+ }
+
+ .cd-timeline-block:first-child {
+ margin-top: 0;
+ }
+
+ .cd-timeline-block:last-child {
+ margin-bottom: 0;
+ }
+}
+
+.cd-timeline-img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
+}
+
+@media only screen and (min-width: 900px) {
+ .cd-timeline-img {
+ width: 40px;
+ height: 40px;
+ left: 50%;
+ margin-left: -20px;
+ /* Force Hardware Acceleration in WebKit */
+ -webkit-transform: translateZ(0);
+ -webkit-backface-visibility: hidden;
+ }
+
+ .cssanimations .cd-timeline-img.is-hidden {
+ visibility: hidden;
+ }
+
+ .cssanimations .cd-timeline-img.bounce-in {
+ visibility: visible;
+ -webkit-animation: cd-bounce-1 0.6s;
+ -moz-animation: cd-bounce-1 0.6s;
+ animation: cd-bounce-1 0.6s;
+ }
+}
+
+.cd-timeline-content {
+ position: relative;
+ margin-top: -40px;
+ margin-left: 60px;
+ padding: 0;
+ border-radius: 5px;
+ background: #ffffff;
+ box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07) !important;
+}
+
+.cd-timeline-content::after {
+ clear: both;
+ content: "";
+ display: table;
+}
+
+.cd-timeline-content .card {
+ margin: 0;
+}
+
+.cd-timeline-content::before {
+ content: '';
+ position: absolute;
+ top: 18px !important;
+ right: 100%;
+ height: 0;
+ width: 14px;
+ margin-left: 2px;
+ margin-right: 2px;
+ border: 1px dashed #ffa726;
+}
+
+@media only screen and (min-width: 768px) {
+ .cd-timeline-content h2 {
+ font-size: 1.25rem;
+ }
+
+ .cd-timeline-content p {
+ font-size: 1rem;
+ }
+
+ .cd-timeline-content .cd-read-more,
+ .cd-timeline-content .cd-date {
+ font-size: 0.875rem;
+ }
+}
+
+@media only screen and (min-width: 900px) {
+ .cd-timeline-content {
+ margin-left: 0;
+ padding: 0;
+ width: 45%;
+
+ }
+
+ .cd-timeline-content::before {
+ top: 24px;
+ left: 100%;
+ }
+
+ .cd-timeline-content .cd-read-more {
+ float: left;
+ }
+
+ .cd-timeline-block:nth-child(even) .cd-timeline-content {
+ float: right;
+ }
+
+ .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
+ top: 24px;
+ left: auto;
+ right: 100%;
+ border-color: #ffa726;
+ }
+
+ .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
+ float: right;
+ }
+
+ .cssanimations .cd-timeline-content.is-hidden {
+ visibility: hidden;
+ }
+
+ .cssanimations .cd-timeline-content.bounce-in {
+ visibility: visible;
+ -webkit-animation: cd-bounce-2 0.6s;
+ -moz-animation: cd-bounce-2 0.6s;
+ animation: cd-bounce-2 0.6s;
+ }
+}
+
+/* about page styles. */
+
+.about-container {
+ width: 90%;
+ max-width: 1225px;
+ margin-top: -60px;
+}
+
+@media only screen and (max-width: 601px) {
+ .about-container {
+ width: 95%;
+ }
+}
+
+.post-statis {
+ text-align: center;
+}
+
+.post-statis .statis {
+ display: inline-block;
+ padding: 0.3rem 0.8rem;
+ text-align: center;
+ letter-spacing: .03rem;
+}
+
+.post-statis .statis .count {
+ display: block;
+ font-size: 1.3rem;
+ font-weight: bold;
+ text-decoration: underline;
+}
+
+.post-statis .statis .count a {
+ color: #42b983;
+}
+
+.post-statis .statis .name {
+ font-size: 0.9rem;
+ color: #777;
+}
+
+#aboutme .social-link {
+ margin: 0.5rem 0;
+ text-align: center;
+}
+
+#aboutme .social-link a {
+ display: inline-block;
+ width: 2.3rem;
+ height: 2.3rem;
+ line-height: 2.2rem;
+ margin: 0 0.5rem;
+ padding: 0;
+ color: #fff;
+ border: 1px solid #0f9d58;
+ background: radial-gradient(#4cbf30, #0f9d58);
+ font-size: 0.9rem;
+ border-radius: 50%;
+ box-shadow: 0 4px 6px rgba(50, 50, 93, .21), 0 2px 3px rgba(0, 0, 0, .1);
+}
+
+.profile .avatar-img {
+ max-width: 160px;
+ width: 100%;
+ margin: 0 auto;
+ transform: translate3d(0, -65%, 0);
+}
+
+.profile .author {
+ margin-top: -80px;
+}
+
+.profile .author .post-statis {
+ margin: 0.5rem 0 1.4rem 0;
+}
+
+.profile .author .title {
+ margin-bottom: 0.1rem;
+ font-size: 1.8rem;
+ font-weight: 500;
+ color: #3C4858;
+}
+
+.profile .author .career {
+ margin: 8px 0;
+ font-size: 0.9rem;
+ font-weight: 400;
+ color: #777;
+}
+
+#aboutme .profile .social-link {
+ margin: 1.5rem 0 0.8rem 0;
+}
+
+#aboutme .introduction {
+ margin: 1.5rem auto 3rem;
+ max-width: 600px;
+ color: #999;
+}
+
+.post-charts,
+.my-projects,
+.my-skills,
+.post-charts {
+ padding: 3.8rem 1.5rem 0.8rem 1.5rem;
+}
+
+.post-charts,
+.title,
+.my-projects .title,
+.my-skills .title,
+.my-gallery .title {
+ font-size: 2rem;
+ margin-bottom: 2.25rem;
+}
+
+.my-projects .info {
+ max-width: 360px;
+ margin: 0 auto;
+ padding: 1rem 0 1rem;
+}
+
+.my-projects .info .icon {
+ display: inline-block;
+ width: 76px;
+ height: 76px;
+ text-align: center;
+ line-height: 76px;
+ color: #fff;
+ font-size: 1.75rem;
+ border-radius: 50%;
+}
+
+.my-projects .info .info-title {
+ margin: 1.25rem 0 0.875rem;
+ font-size: 1.25rem;
+ font-weight: 500;
+ line-height: 1.5em;
+}
+
+.my-projects .info .info-title a {
+ color: #34495e;
+}
+
+.my-projects .info .info-desc {
+ margin: 0 0 10px;
+ font-size: 0.9rem;
+ color: #999;
+}
+
+.my-skills .skillbar {
+ position: relative;
+ display: block;
+ max-width: 360px;
+ margin: 15px auto;
+ background: #eee;
+ height: 30px;
+ border-radius: 35px;
+ -moz-border-radius: 35px;
+ -webkit-border-radius: 35px;
+ -webkit-transition: 0.4s linear;
+ -moz-transition: 0.4s linear;
+ -o-transition: 0.4s linear;
+ transition: 0.4s linear;
+ -webkit-transition-property: width, background-color;
+ -moz-transition-property: width, background-color;
+ -o-transition-property: width, background-color;
+ transition-property: width, background-color;
+}
+
+.skillbar .skillbar-title {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 110px;
+ font-size: 0.9rem;
+ color: #ffffff;
+ border-radius: 35px;
+ -webkit-border-radius: 35px;
+ -moz-border-radius: 35px;
+}
+
+.skillbar .skillbar-title span {
+ display: block;
+ background: rgba(0, 0, 0, 0.15);
+ padding: 0 20px;
+ height: 30px;
+ line-height: 30px;
+ border-radius: 35px;
+ -webkit-border-radius: 35px;
+ -moz-border-radius: 35px;
+}
+
+.skillbar .skillbar-bar {
+ height: 30px;
+ width: 0;
+ border-radius: 35px;
+ -moz-border-radius: 35px;
+ -webkit-border-radius: 35px;
+}
+
+.skillbar .skill-bar-percent {
+ position: absolute;
+ right: 10px;
+ top: 0;
+ font-size: 12px;
+ height: 30px;
+ line-height: 30px;
+ color: #ffffff;
+ color: rgba(0, 0, 0, 0.5);
+}
+
+.my-skills .other-skills {
+ margin-top: 2rem;
+}
+
+.other-skills .sub-title {
+ font-size: 1.5rem;
+}
+
+.other-skills .tag-chips {
+ max-width: 600px;
+}
+
+.other-skills .chip {
+ background-color: #fff;
+ border: 1px solid #eee;
+}
+
+.other-skills .chip:hover {
+ color: #fff;
+ background: linear-gradient(to right, #4cbf30 0%, #0f9d58 100%);
+ border: 1px solid #4cbf30;
+ box-shadow: 0 5px 5px rgba(0, 0, 0, .25)
+}
+
+.my-gallery {
+ margin: 4.5rem auto 1rem;
+ padding: 0 1.2rem;
+ max-width: 1100px;
+}
+
+.my-gallery .photo {
+ margin: .5rem 0;
+}
+
+.my-gallery .photo img {
+ width: 100%;
+ height: 200px;
+ border-radius: 10px;
+ cursor: pointer;
+}
+
+/*尾部样式*/
+footer {
+ padding-bottom: 1px;
+}
+
+footer .social-statis {
+ margin-top: 10px;
+ position: relative;
+}
+
+footer a {
+ color: #fff;
+}
+
+footer .copy-right {
+ color: #dbdbdb;
+}
+
+/*搜索层样式*/
+#searchIcon {
+ font-size: 1.2rem;
+}
+
+#searchModal {
+ min-height: 500px;
+ width: 80%;
+}
+
+#searchModal .search-header .title {
+ font-size: 1.6rem;
+ color: #333;
+}
+
+#searchResult {
+ margin: -15px 0 10px 10px;
+}
+
+p.search-result-summary{
+ margin: 15px 0 0 -8px;
+}
+
+#searchResult .search-result-list {
+ margin-left: -8px;
+ margin-top: 0px;
+ padding-left: 0;
+ color: #666;
+}
+
+.search-result-list .search-result-title {
+ font-size: 1.4rem;
+ color: #42b983;
+}
+
+.search-result-list li {
+ border-bottom: 1px solid #e5e5e5;
+ padding: 15px 0 5px 0;
+}
+
+.search-result-list .search-keyword {
+ margin: 0 2px;
+ padding: 1px 5px 1px 4px;
+ border-radius: 2px;
+ background-color: #f2f2f2;
+ color: #e96900;
+ font-style: normal;
+ white-space: pre-wrap;
+}
+
+/*回到顶部按钮样式*/
+.top-scroll {
+ display: none;
+ position: fixed;
+ right: 15px;
+ bottom: 15px;
+ padding-top: 15px;
+ margin-bottom: 0;
+ z-index: 998;
+}
+
+.top-scroll .btn-floating {
+ background: linear-gradient(to bottom right, #FF5E3A 0%, #FF2A68 100%);
+ width: 48px;
+ height: 48px;
+}
+
+.top-scroll .btn-floating i {
+ line-height: 48px;
+ font-size: 1.8rem;
+}
+
+@media screen and (min-width: 368px) and (max-width: 767px) {
+ .info-break-policy {
+ word-break: keep-all;
+ float: left;
+ width: 50%;
+ }
+}
+
+@media screen and (min-width: 768px) {
+ .info-break-policy {
+ word-break: keep-all;
+ float: left;
+ margin-right: 15px;
+ }
+}
+
+@media screen and (max-width: 367px) {
+ .info-break-policy {
+ word-break: keep-all;
+ float: left;
+ width: 100%;
+ }
+
+ .custom-card {
+ padding: 0 2px !important;
+ }
+}
+
+.info-break-policy {
+ margin-bottom: 8px;
+}
+
+.clearfix {
+ clear: left;
+}
+
+.img-shadow {
+ box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .2), 0 10px 30px -11px rgba(0, 0, 0, .6)
+}
+
+.img-margin {
+ margin: 25px auto 10px auto;
+}
+
+.caption {
+ text-align: center;
+ margin: 0 auto 15px auto;
+}
+
+.center-caption {
+ color: #525f7f;
+ padding: 5px;
+ border-bottom: 1px solid #d9d9d9;
+}
+
+.lg-sub-html .center-caption {
+ color: #fff !important;
+ border-bottom: none;
+}
+
+.overflow-policy {
+ overflow: hidden;
+}
+
+/* styles for '...' */
+.block-with-text {
+ /* hide text if it more than N lines */
+ overflow: hidden;
+ /* for set '...' in absolute position */
+ position: relative;
+ /* use this value to count block height */
+ line-height: 1.5em;
+ /* max-height = line-height (1.2) * lines max number (3) */
+ max-height: 4.5em;
+ /* fix problem when last visible word doesn't adjoin right side */
+ text-align: justify;
+ /* place for '...' */
+ margin-right: -1em;
+ padding-right: 1em;
+}
+
+/* create the ... style */
+.block-with-text:before {
+ /* points in the end */
+ content: '...';
+ /* absolute position */
+ position: absolute;
+ /* set position to right bottom corner of block */
+ right: 0.2em;
+ bottom: 0;
+}
+
+/* hide ... if we have text, which is less than or equal to max lines */
+.block-with-text:after {
+ /* points in the end */
+ content: '';
+ /* absolute position */
+ position: absolute;
+ /* set position to right bottom corner of text */
+ right: 0;
+ /* set width and height */
+ width: 1em;
+ height: 1em;
+ /* fix the problem of hidden failure */
+ margin-top: 0.4em;
+ /* bg color = bg color under block */
+ background: white;
+}
+
+/*二级菜单*/
+
+.nav-menu {
+}
+
+.nav-menu li .sub-nav {
+ position: absolute;
+ top: 66px;
+ list-style: none;
+ margin-left: -20px;
+ display: none;
+}
+
+.nav-menu li .sub-nav li {
+ text-align: center;
+ clear: left;
+ width: 140px;
+ height: 35px;
+ line-height: 35px;
+ position: relative;
+}
+
+.nav-menu li .sub-nav li a {
+ height: 34px;
+ line-height: 34px;
+ width: 138px;
+ padding: 0;
+ display: inline-block;
+ border-radius: 5px;
+ color: #000;
+}
+
+.nav-show i[aria-hidden=true] {
+ -webkit-transform: rotate(180deg) !important;
+ -moz-transform: rotate(180deg) !important;
+ -o-transform: rotate(180deg) !important;
+ -ms-transform: rotate(180deg) !important;
+ transform: rotate(180deg) !important;
+ -webkit-transition: all .3s;
+ -moz-transition: all .3s;
+ -o-transition: all .3s;
+ transition: all .3s;
+}
+
+.menus_item_child {
+ background-color: rgba(255, 255, 255, .8);
+ width: fit-content;
+ border-radius: 10px;
+ -webkit-box-shadow: 0 5px 20px -4px rgba(0, 0, 0, .5);
+ box-shadow: 0 5px 20px -4px rgba(0, 0, 0, .5);
+ display: none;
+ opacity: 0.98;
+ -ms-filter: none;
+ filter: none;
+ -webkit-animation: sub_menus .3s .1s ease both;
+ -moz-animation: sub_menus .3s .1s ease both;
+ -o-animation: sub_menus .3s .1s ease both;
+ animation: sub_menus .3s .1s ease both;
+}
+
+.menus_item_child:before {
+ content: "";
+ position: absolute;
+ top: -20px;
+ left: 50%;
+ margin-left: -10px;
+ border-width: 10px;
+ border-style: solid;
+ border-color: transparent transparent rgba(255, 255, 255, .8)
+}
+
+.m-nav-item {
+ position: relative;
+}
+
+.m-nav-item ul {
+ display: none;
+}
+
+.m-nav-item ul li {
+ width: 255px;
+ height: 50px;
+ line-height: 50px;
+ text-align: center;
+}
+
+.m-nav-show .m-icon {
+ -webkit-transform: rotate(90deg) !important;
+ -moz-transform: rotate(90deg) !important;
+ -o-transform: rotate(90deg) !important;
+ -ms-transform: rotate(90deg) !important;
+ transform: rotate(90deg) !important;
+ -webkit-transition: all .3s;
+ -moz-transition: all .3s;
+ -o-transition: all .3s;
+ transition: all .3s;
+}
+
+.m-nav-show,
+.m-nav-item > a:hover {
+ color: #FFF;
+ background: rgba(255, 255, 255, .8);
+}
+
+.m-nav-show > a:before,
+.m-nav-item > a:hover:before {
+ opacity: 1;
+}
+
+.m-nav-item .m-icon {
+ position: absolute;
+ right: 15px;
+ height: 50px;
+ padding: 0;
+ margin: 0;
+}
diff --git a/css/my 3.css b/css/my 3.css
new file mode 100644
index 0000000..6d1a034
--- /dev/null
+++ b/css/my 3.css
@@ -0,0 +1 @@
+/* Here is your custom css styles. */
diff --git a/css/my-gitalk 3.css b/css/my-gitalk 3.css
new file mode 100644
index 0000000..637633b
--- /dev/null
+++ b/css/my-gitalk 3.css
@@ -0,0 +1,249 @@
+.gitalk-card {
+ margin: 1.25rem auto;
+}
+
+.gitalk-card .card-content {
+ padding: 1px 20px 20px 20px;
+}
+
+#gitalk-container .gt-no-init a {
+ color: #42b983;
+ text-decoration: underline;
+}
+
+#gitalk-container .gt-container .gt-btn,
+#gitalk-container .gt-btn-login,
+#gitalk-container .gt-container .gt-header-controls .gt-btn {
+ border: 1px solid #4caf50;
+ background-color: #4caf50;
+ box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12);
+}
+
+#gitalk-container .gt-container .gt-link {
+ color: #42b983;
+ text-decoration: underline;
+}
+
+#gitalk-container .gt-container .gt-btn-preview {
+ color: #4caf50;
+ background-color: #fff !important;
+ box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12);
+}
+
+#gitalk-container .gt-container .gt-header-textarea {
+ background-color: #f6f9fc;
+ border: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+#gitalk-container .gt-container .gt-svg svg {
+ fill: #42b983;
+}
+
+#gitalk-container .gt-container .gt-header-controls-tip,
+#gitalk-container .gt-container a,
+#gitalk-container .gt-container .gt-comment-username {
+ color: #42b983;
+}
+
+#gitalk-container .gt-container .gt-ico-text {
+ margin-left: 0.08rem;
+}
+
+#gitalk-container .gt-container .gt-comment-body {
+ color: #34495e !important;
+}
+
+#gitalk-container .gt-container .gt-header-preview {
+ border: 1px solid rgba(0, 0, 0, 0.02);
+ background-color: #f9f9f9;
+}
+
+.markdown-body p {
+ margin: 2px 2px 10px;
+ font-size: 1.05rem;
+ line-height: 1.78rem;
+}
+
+.markdown-body blockquote p {
+ text-indent: 0.2rem;
+}
+
+.markdown-body a {
+ padding: 0 2px;
+ color: #42b983;
+ font-weight: 500;
+ text-decoration: underline;
+}
+
+.markdown-body img {
+ max-width: 100%;
+ height: auto;
+ cursor: pointer;
+}
+
+.markdown-body ol li {
+ list-style-type: decimal;
+}
+
+.markdown-body ol,
+ul {
+ display: block;
+ padding-left: 2em;
+ word-spacing: 0.05rem;
+}
+
+.markdown-body ul li,
+ol li {
+ display: list-item;
+ line-height: 1.8rem;
+ font-size: 1rem;
+}
+
+.markdown-body ul li {
+ list-style-type: disc;
+}
+
+.markdown-body ul ul li {
+ list-style-type: circle;
+}
+
+.markdown-body table, th, td {
+ padding: 12px 13px;
+ border: 1px solid #dfe2e5;
+}
+
+.markdown-body table, th, td {
+ border: 0;
+}
+
+table tr:nth-child(2n), thead {
+ background-color: #fafafa;
+}
+
+.markdown-body table th {
+ background-color: #f2f2f2;
+ min-width: 80px;
+}
+
+.markdown-body table td {
+ min-width: 80px;
+}
+
+.markdown-body h1 {
+ font-size: 1.85rem;
+ font-weight: bold;
+ line-height: 2.2rem;
+}
+
+.markdown-body h2 {
+ font-size: 1.65rem;
+ font-weight: bold;
+ line-height: 1.9rem;
+}
+
+.markdown-body h3 {
+ font-size: 1.45rem;
+ font-weight: bold;
+ line-height: 1.7rem;
+}
+
+.markdown-body h4 {
+ font-size: 1.25rem;
+ font-weight: bold;
+ line-height: 1.5rem;
+}
+
+.markdown-body h5 {
+ font-size: 1.1rem;
+ font-weight: bold;
+ line-height: 1.4rem;
+}
+
+.markdown-body h6 {
+ font-size: 1rem;
+ line-height: 1.3rem;
+}
+
+.markdown-body p {
+ font-size: 1rem;
+ line-height: 1.5rem;
+}
+
+.markdown-body hr {
+ margin: 12px 0;
+ border: 0;
+ border-top: 1px solid #ccc;
+}
+
+.markdown-body blockquote {
+ margin: 15px 0;
+ border-left: 5px solid #42b983;
+ padding: 1rem 0.8rem 1rem 0.8rem;
+ color: #666;
+ background-color: rgba(66, 185, 131, .1);
+}
+
+.markdown-body pre {
+ padding: 1.2em;
+ margin: .5em 0;
+ background: #272822;
+ overflow: auto;
+ border-radius: 0.3em;
+ tab-size: 4;
+}
+
+.markdown-body code {
+ padding: 1px 1px;
+ font-size: 0.92rem;
+ color: #e96900;
+ background-color: #f8f8f8;
+ border-radius: 2px;
+}
+
+.markdown-body pre code {
+ padding: 0;
+ color: #e8eaf6;
+ background-color: #272822;
+}
+
+.markdown-body pre[class*="language-"] {
+ padding: 1.2em;
+ margin: .5em 0;
+}
+
+.markdown-body code[class*="language-"],
+pre[class*="language-"] {
+ color: #e8eaf6;
+}
+
+.markdown-body [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
+ position: inherit;
+ margin-left: -1.3rem;
+ margin-right: 0.4rem;
+ margin-top: -1px;
+ vertical-align: middle;
+ left: unset;
+ visibility: visible;
+}
+
+.markdown-body b,
+strong {
+ font-weight: bold;
+}
+
+.markdown-body dfn {
+ font-style: italic;
+}
+
+.markdown-body small {
+ font-size: 85%;
+}
+
+.markdown-body cite {
+ font-style: normal;
+}
+
+.markdown-body mark {
+ background-color: #fcf8e3;
+ padding: .2em;
+}
diff --git a/friends/index 2.html b/friends/index 2.html
new file mode 100644
index 0000000..0b9f2eb
--- /dev/null
+++ b/friends/index 2.html
@@ -0,0 +1,828 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/index.html b/index.html
index 9b11dc5..7ad45be 100644
--- a/index.html
+++ b/index.html
@@ -510,25 +510,25 @@
-
+
-

+

-
Hello World
+
Writing
- Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hex
+ 时间: 2021.8.11日夜, 天气晴, 瑞士天为穹庐地为床,清凉如水的夜,灿烂浩瀚的星空,银河第一次清晰地呈现在我的面前,同样地,还有银河两旁等待着相会的牛郎和织女。夜空像一块巨大的荧幕,银河横亘其中点缀着漫天星辰,而那一闪而逝的流星们
- 2021-08-25
+ 2021-08-27
@@ -540,6 +540,14 @@
+
+
diff --git a/js/jquery.barrager 2.js b/js/jquery.barrager 2.js
new file mode 100644
index 0000000..9f645b1
--- /dev/null
+++ b/js/jquery.barrager 2.js
@@ -0,0 +1,83 @@
+/**
+ *@name jquery.barrager.js
+ *@version 1.1
+ *@author yaseng@uauc.net
+ *@url https://github.com/yaseng/jquery.barrager.js
+ */
+(function($) {
+ $.fn.barrager = function(barrage) {
+ barrage = $.extend({
+ close: true,
+ max: 10,
+ speed: 16,
+ color: '#ffffff',
+ }, barrage || {});
+
+ const time = new Date().getTime();
+ const barrager_id = 'barrage_' + time;
+ const id = '#' + barrager_id;
+ const div_barrager = $("
").appendTo($(this));
+ const this_height = $(window).height() * 0.35;
+ const this_width = $(window).width() + 100;
+ const array = [
+ (this_height / 5) + $(window).height() * 0.5,
+ 2*(this_height / 5) + $(window).height() * 0.5,
+ 3*(this_height / 5) + $(window).height() * 0.5,
+ 4*(this_height / 5) + $(window).height() * 0.5,
+ 5*(this_height / 5) + $(window).height() * 0.5
+ ]
+ const bottom =array[Math.floor(Math.random()*5)];
+
+ div_barrager.css("bottom", bottom + "px");
+ div_barrager_box = $("
").appendTo(div_barrager);
+ if(barrage.img){
+ div_barrager_box.append("
");
+ const img = $("
![]()
").appendTo(id + " .barrage_box .portrait");
+ img.attr('src', barrage.img);
+ }
+ div_barrager_box.append("
");
+ if(barrage.close){
+ div_barrager_box.append("
");
+ }
+
+ const content = $("
").appendTo(id + " .barrage_box .p");
+ content.attr({
+ 'href': barrage.href,
+ 'id': barrage.id
+ }).empty().append(barrage.info);
+ content.css('color', barrage.color);
+
+ const i = 0;
+ div_barrager.css('margin-right', 0);
+
+ $(id).animate({right:this_width},barrage.speed*1000,function()
+ {
+ $(id).remove();
+ });
+
+ div_barrager_box.mouseover(function()
+ {
+ $(id).stop(true);
+ });
+
+ div_barrager_box.mouseout(function()
+ {
+ $(id).animate({right:this_width},barrage.speed*1000,function()
+ {
+ $(id).remove();
+ });
+ });
+
+ $(id+'.barrage .barrage_box .close').click(function()
+ {
+ $(id).remove();
+ })
+ }
+
+
+ $.fn.barrager.removeAll=function()
+ {
+ $('.barrage').remove();
+ }
+
+})(jQuery);
diff --git a/js/matery 3.js b/js/matery 3.js
new file mode 100644
index 0000000..231f259
--- /dev/null
+++ b/js/matery 3.js
@@ -0,0 +1,172 @@
+$(function () {
+ /**
+ * 添加文章卡片hover效果.
+ */
+ let articleCardHover = function () {
+ let animateClass = 'animated pulse';
+ $('article .article').hover(function () {
+ $(this).addClass(animateClass);
+ }, function () {
+ $(this).removeClass(animateClass);
+ });
+ };
+ articleCardHover();
+
+ /*菜单切换*/
+ $('.sidenav').sidenav();
+
+ /* 修复文章卡片 div 的宽度. */
+ let fixPostCardWidth = function (srcId, targetId) {
+ let srcDiv = $('#' + srcId);
+ if (srcDiv.length === 0) {
+ return;
+ }
+
+ let w = srcDiv.width();
+ if (w >= 450) {
+ w = w + 21;
+ } else if (w >= 350 && w < 450) {
+ w = w + 18;
+ } else if (w >= 300 && w < 350) {
+ w = w + 16;
+ } else {
+ w = w + 14;
+ }
+ $('#' + targetId).width(w);
+ };
+
+ /**
+ * 修复footer部分的位置,使得在内容比较少时,footer也会在底部.
+ */
+ let fixFooterPosition = function () {
+ $('.content').css('min-height', window.innerHeight - 165);
+ };
+
+ /**
+ * 修复样式.
+ */
+ let fixStyles = function () {
+ fixPostCardWidth('navContainer');
+ fixPostCardWidth('artDetail', 'prenext-posts');
+ fixFooterPosition();
+ };
+ fixStyles();
+
+ /*调整屏幕宽度时重新设置文章列的宽度,修复小间距问题*/
+ $(window).resize(function () {
+ fixStyles();
+ });
+
+ /*初始化瀑布流布局*/
+ $('#articles').masonry({
+ itemSelector: '.article'
+ });
+
+ AOS.init({
+ easing: 'ease-in-out-sine',
+ duration: 700,
+ delay: 100
+ });
+
+ /*文章内容详情的一些初始化特性*/
+ let articleInit = function () {
+ $('#articleContent a').attr('target', '_blank');
+
+ $('#articleContent img').each(function () {
+ let imgPath = $(this).attr('src');
+ $(this).wrap('
');
+ // 图片添加阴影
+ $(this).addClass("img-shadow img-margin");
+ // 图片添加字幕
+ let alt = $(this).attr('alt');
+ let title = $(this).attr('title');
+ let captionText = "";
+ // 如果alt为空,title来替
+ if (alt === undefined || alt === "") {
+ if (title !== undefined && title !== "") {
+ captionText = title;
+ }
+ } else {
+ captionText = alt;
+ }
+ // 字幕不空,添加之
+ if (captionText !== "") {
+ let captionDiv = document.createElement('div');
+ captionDiv.className = 'caption';
+ let captionEle = document.createElement('b');
+ captionEle.className = 'center-caption';
+ captionEle.innerText = captionText;
+ captionDiv.appendChild(captionEle);
+ this.insertAdjacentElement('afterend', captionDiv)
+ }
+ });
+ $('#articleContent, #myGallery').lightGallery({
+ selector: '.img-item',
+ // 启用字幕
+ subHtmlSelectorRelative: true
+ });
+
+ // progress bar init
+ const progressElement = window.document.querySelector('.progress-bar');
+ if (progressElement) {
+ new ScrollProgress((x, y) => {
+ progressElement.style.width = y * 100 + '%';
+ });
+ }
+ };
+ articleInit();
+
+ $('.modal').modal();
+
+ /*回到顶部*/
+ $('#backTop').click(function () {
+ $('body,html').animate({scrollTop: 0}, 400);
+ return false;
+ });
+
+ /*监听滚动条位置*/
+ let $nav = $('#headNav');
+ let $backTop = $('.top-scroll');
+ // 当页面处于文章中部的时候刷新页面,因为此时无滚动,所以需要判断位置,给导航加上绿色。
+ showOrHideNavBg($(window).scrollTop());
+ $(window).scroll(function () {
+ /* 回到顶部按钮根据滚动条的位置的显示和隐藏.*/
+ let scroll = $(window).scrollTop();
+ showOrHideNavBg(scroll);
+ });
+
+ function showOrHideNavBg(position) {
+ let showPosition = 100;
+ if (position < showPosition) {
+ $nav.addClass('nav-transparent');
+ $backTop.slideUp(300);
+ } else {
+ $nav.removeClass('nav-transparent');
+ $backTop.slideDown(300);
+ }
+ }
+
+
+ $(".nav-menu>li").hover(function(){
+ $(this).children('ul').stop(true,true).show();
+ $(this).addClass('nav-show').siblings('li').removeClass('nav-show');
+
+ },function(){
+ $(this).children('ul').stop(true,true).hide();
+ $('.nav-item.nav-show').removeClass('nav-show');
+ })
+
+ $('.m-nav-item>a').on('click',function(){
+ if ($(this).next('ul').css('display') == "none") {
+ $('.m-nav-item').children('ul').slideUp(300);
+ $(this).next('ul').slideDown(100);
+ $(this).parent('li').addClass('m-nav-show').siblings('li').removeClass('m-nav-show');
+ }else{
+ $(this).next('ul').slideUp(100);
+ $('.m-nav-item.m-nav-show').removeClass('m-nav-show');
+ }
+ });
+
+ // 初始化加载 tooltipped.
+ $('.tooltipped').tooltip();
+});
diff --git a/js/search 3.js b/js/search 3.js
new file mode 100644
index 0000000..f8486d7
--- /dev/null
+++ b/js/search 3.js
@@ -0,0 +1,82 @@
+var searchFunc = function (path, search_id, content_id) {
+ 'use strict';
+ $.ajax({
+ url: path,
+ dataType: "xml",
+ success: function (xmlResponse) {
+ // get the contents from search data
+ var datas = $("entry", xmlResponse).map(function () {
+ return {
+ title: $("title", this).text(),
+ content: $("content", this).text(),
+ url: $("url", this).text()
+ };
+ }).get();
+ var $input = document.getElementById(search_id);
+ var $resultContent = document.getElementById(content_id);
+ $input.addEventListener('input', function () {
+ var str = '
';
+ var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
+ $resultContent.innerHTML = "";
+ if (this.value.trim().length <= 0) {
+ return;
+ }
+ // perform local searching
+ var cnt = 1;
+ datas.forEach(function (data) {
+ var isMatch = true;
+ var content_index = [];
+ var data_title = data.title.trim().toLowerCase();
+ var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase();
+ var data_url = data.url;
+ var index_title = -1;
+ var index_content = -1;
+ var first_occur = -1;
+ // only match artiles with not empty titles and contents
+ if (data_title != '' && data_content != '') {
+ keywords.forEach(function (keyword, i) {
+ index_title = data_title.indexOf(keyword);
+ index_content = data_content.indexOf(keyword);
+ if (index_title < 0 && index_content < 0) {
+ isMatch = false;
+ } else {
+ if (index_content < 0) {
+ index_content = 0;
+ }
+ if (i == 0) {
+ first_occur = index_content;
+ }
+ }
+ });
+ }
+ // show search results
+ if (isMatch) {
+ str += "- " + String(cnt) + ". " + data_title + "";
+ cnt += 1;
+
+ var content = data.content.trim().replace(/<[^>]+>/g, "");
+ if (first_occur >= 0) {
+ // cut out 100 characters
+ var start = first_occur - 20;
+ if (start < 0) {
+ start = 0;
+ }
+ var match_content = content.substr(start, 100);
+ // highlight all keywords
+ keywords.forEach(function (keyword) {
+ var regS = new RegExp(keyword, "gi");
+ match_content = match_content.replace(regS, "" + keyword + "");
+ });
+
+ str += "
" + match_content + "...
"
+ }
+ str += " ";
+ }
+ });
+ str += "
";
+ str = "
共找到" + String(cnt-1) + "条结果
" + str;
+ $resultContent.innerHTML = str;
+ });
+ }
+ });
+}
diff --git a/libs/animate/animate.min 3.css b/libs/animate/animate.min 3.css
new file mode 100644
index 0000000..b6f6129
--- /dev/null
+++ b/libs/animate/animate.min 3.css
@@ -0,0 +1,11 @@
+@charset "UTF-8";
+
+/*!
+ * animate.css -http://daneden.me/animate
+ * Version - 3.5.1
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2016 Daniel Eden
+ */
+
+.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
\ No newline at end of file
diff --git a/libs/aos/aos 3.css b/libs/aos/aos 3.css
new file mode 100644
index 0000000..fbb2682
--- /dev/null
+++ b/libs/aos/aos 3.css
@@ -0,0 +1,2 @@
+[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-duration='50'],body[data-aos-duration='50'] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-duration='100'],body[data-aos-duration='100'] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-duration='150'],body[data-aos-duration='150'] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-duration='200'],body[data-aos-duration='200'] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-duration='250'],body[data-aos-duration='250'] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-duration='300'],body[data-aos-duration='300'] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-duration='350'],body[data-aos-duration='350'] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-duration='400'],body[data-aos-duration='400'] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-duration='450'],body[data-aos-duration='450'] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-duration='500'],body[data-aos-duration='500'] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-duration='550'],body[data-aos-duration='550'] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-duration='600'],body[data-aos-duration='600'] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-duration='650'],body[data-aos-duration='650'] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-duration='700'],body[data-aos-duration='700'] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-duration='750'],body[data-aos-duration='750'] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-duration='800'],body[data-aos-duration='800'] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-duration='850'],body[data-aos-duration='850'] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-duration='900'],body[data-aos-duration='900'] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-duration='950'],body[data-aos-duration='950'] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-duration='1000'],body[data-aos-duration='1000'] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-duration='1050'],body[data-aos-duration='1050'] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-duration='1100'],body[data-aos-duration='1100'] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-duration='1150'],body[data-aos-duration='1150'] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-duration='1200'],body[data-aos-duration='1200'] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-duration='1250'],body[data-aos-duration='1250'] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-duration='1300'],body[data-aos-duration='1300'] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-duration='1350'],body[data-aos-duration='1350'] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-duration='1400'],body[data-aos-duration='1400'] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-duration='1450'],body[data-aos-duration='1450'] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-duration='1500'],body[data-aos-duration='1500'] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-duration='1550'],body[data-aos-duration='1550'] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-duration='1600'],body[data-aos-duration='1600'] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-duration='1650'],body[data-aos-duration='1650'] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-duration='1700'],body[data-aos-duration='1700'] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-duration='1750'],body[data-aos-duration='1750'] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-duration='1800'],body[data-aos-duration='1800'] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-duration='1850'],body[data-aos-duration='1850'] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-duration='1900'],body[data-aos-duration='1900'] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-duration='1950'],body[data-aos-duration='1950'] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-duration='2000'],body[data-aos-duration='2000'] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-duration='2050'],body[data-aos-duration='2050'] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-duration='2100'],body[data-aos-duration='2100'] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-duration='2150'],body[data-aos-duration='2150'] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-duration='2200'],body[data-aos-duration='2200'] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-duration='2250'],body[data-aos-duration='2250'] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-duration='2300'],body[data-aos-duration='2300'] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-duration='2350'],body[data-aos-duration='2350'] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-duration='2400'],body[data-aos-duration='2400'] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-duration='2450'],body[data-aos-duration='2450'] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-duration='2500'],body[data-aos-duration='2500'] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-duration='2550'],body[data-aos-duration='2550'] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-duration='2600'],body[data-aos-duration='2600'] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-duration='2650'],body[data-aos-duration='2650'] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-duration='2700'],body[data-aos-duration='2700'] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-duration='2750'],body[data-aos-duration='2750'] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-duration='2800'],body[data-aos-duration='2800'] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-duration='2850'],body[data-aos-duration='2850'] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-duration='2900'],body[data-aos-duration='2900'] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-duration='2950'],body[data-aos-duration='2950'] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-duration='3000'],body[data-aos-duration='3000'] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay='50'],body[data-aos-delay='50'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='50'].aos-animate,body[data-aos-delay='50'] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-delay='100'],body[data-aos-delay='100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='100'].aos-animate,body[data-aos-delay='100'] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-delay='150'],body[data-aos-delay='150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='150'].aos-animate,body[data-aos-delay='150'] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-delay='200'],body[data-aos-delay='200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='200'].aos-animate,body[data-aos-delay='200'] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-delay='250'],body[data-aos-delay='250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='250'].aos-animate,body[data-aos-delay='250'] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-delay='300'],body[data-aos-delay='300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='300'].aos-animate,body[data-aos-delay='300'] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-delay='350'],body[data-aos-delay='350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='350'].aos-animate,body[data-aos-delay='350'] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-delay='400'],body[data-aos-delay='400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='400'].aos-animate,body[data-aos-delay='400'] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-delay='450'],body[data-aos-delay='450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='450'].aos-animate,body[data-aos-delay='450'] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-delay='500'],body[data-aos-delay='500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='500'].aos-animate,body[data-aos-delay='500'] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-delay='550'],body[data-aos-delay='550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='550'].aos-animate,body[data-aos-delay='550'] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-delay='600'],body[data-aos-delay='600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='600'].aos-animate,body[data-aos-delay='600'] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-delay='650'],body[data-aos-delay='650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='650'].aos-animate,body[data-aos-delay='650'] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-delay='700'],body[data-aos-delay='700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='700'].aos-animate,body[data-aos-delay='700'] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-delay='750'],body[data-aos-delay='750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='750'].aos-animate,body[data-aos-delay='750'] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-delay='800'],body[data-aos-delay='800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='800'].aos-animate,body[data-aos-delay='800'] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-delay='850'],body[data-aos-delay='850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='850'].aos-animate,body[data-aos-delay='850'] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-delay='900'],body[data-aos-delay='900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='900'].aos-animate,body[data-aos-delay='900'] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-delay='950'],body[data-aos-delay='950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='950'].aos-animate,body[data-aos-delay='950'] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-delay='1000'],body[data-aos-delay='1000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1000'].aos-animate,body[data-aos-delay='1000'] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-delay='1050'],body[data-aos-delay='1050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1050'].aos-animate,body[data-aos-delay='1050'] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-delay='1100'],body[data-aos-delay='1100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1100'].aos-animate,body[data-aos-delay='1100'] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-delay='1150'],body[data-aos-delay='1150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1150'].aos-animate,body[data-aos-delay='1150'] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-delay='1200'],body[data-aos-delay='1200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1200'].aos-animate,body[data-aos-delay='1200'] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-delay='1250'],body[data-aos-delay='1250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1250'].aos-animate,body[data-aos-delay='1250'] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-delay='1300'],body[data-aos-delay='1300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1300'].aos-animate,body[data-aos-delay='1300'] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-delay='1350'],body[data-aos-delay='1350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1350'].aos-animate,body[data-aos-delay='1350'] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-delay='1400'],body[data-aos-delay='1400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1400'].aos-animate,body[data-aos-delay='1400'] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-delay='1450'],body[data-aos-delay='1450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1450'].aos-animate,body[data-aos-delay='1450'] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-delay='1500'],body[data-aos-delay='1500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1500'].aos-animate,body[data-aos-delay='1500'] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-delay='1550'],body[data-aos-delay='1550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1550'].aos-animate,body[data-aos-delay='1550'] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-delay='1600'],body[data-aos-delay='1600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1600'].aos-animate,body[data-aos-delay='1600'] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-delay='1650'],body[data-aos-delay='1650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1650'].aos-animate,body[data-aos-delay='1650'] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-delay='1700'],body[data-aos-delay='1700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1700'].aos-animate,body[data-aos-delay='1700'] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-delay='1750'],body[data-aos-delay='1750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1750'].aos-animate,body[data-aos-delay='1750'] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-delay='1800'],body[data-aos-delay='1800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1800'].aos-animate,body[data-aos-delay='1800'] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-delay='1850'],body[data-aos-delay='1850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1850'].aos-animate,body[data-aos-delay='1850'] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-delay='1900'],body[data-aos-delay='1900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1900'].aos-animate,body[data-aos-delay='1900'] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-delay='1950'],body[data-aos-delay='1950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1950'].aos-animate,body[data-aos-delay='1950'] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-delay='2000'],body[data-aos-delay='2000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2000'].aos-animate,body[data-aos-delay='2000'] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-delay='2050'],body[data-aos-delay='2050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2050'].aos-animate,body[data-aos-delay='2050'] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-delay='2100'],body[data-aos-delay='2100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2100'].aos-animate,body[data-aos-delay='2100'] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-delay='2150'],body[data-aos-delay='2150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2150'].aos-animate,body[data-aos-delay='2150'] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-delay='2200'],body[data-aos-delay='2200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2200'].aos-animate,body[data-aos-delay='2200'] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-delay='2250'],body[data-aos-delay='2250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2250'].aos-animate,body[data-aos-delay='2250'] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-delay='2300'],body[data-aos-delay='2300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2300'].aos-animate,body[data-aos-delay='2300'] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-delay='2350'],body[data-aos-delay='2350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2350'].aos-animate,body[data-aos-delay='2350'] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-delay='2400'],body[data-aos-delay='2400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2400'].aos-animate,body[data-aos-delay='2400'] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-delay='2450'],body[data-aos-delay='2450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2450'].aos-animate,body[data-aos-delay='2450'] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-delay='2500'],body[data-aos-delay='2500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2500'].aos-animate,body[data-aos-delay='2500'] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-delay='2550'],body[data-aos-delay='2550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2550'].aos-animate,body[data-aos-delay='2550'] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-delay='2600'],body[data-aos-delay='2600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2600'].aos-animate,body[data-aos-delay='2600'] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-delay='2650'],body[data-aos-delay='2650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2650'].aos-animate,body[data-aos-delay='2650'] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-delay='2700'],body[data-aos-delay='2700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2700'].aos-animate,body[data-aos-delay='2700'] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-delay='2750'],body[data-aos-delay='2750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2750'].aos-animate,body[data-aos-delay='2750'] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-delay='2800'],body[data-aos-delay='2800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2800'].aos-animate,body[data-aos-delay='2800'] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-delay='2850'],body[data-aos-delay='2850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2850'].aos-animate,body[data-aos-delay='2850'] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-delay='2900'],body[data-aos-delay='2900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2900'].aos-animate,body[data-aos-delay='2900'] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-delay='2950'],body[data-aos-delay='2950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2950'].aos-animate,body[data-aos-delay='2950'] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-delay='3000'],body[data-aos-delay='3000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='3000'].aos-animate,body[data-aos-delay='3000'] [data-aos].aos-animate{transition-delay:3s}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
+/*# sourceMappingURL=aos.css.map*/
\ No newline at end of file
diff --git a/libs/aos/aos 3.js b/libs/aos/aos 3.js
new file mode 100644
index 0000000..fc849cb
--- /dev/null
+++ b/libs/aos/aos 3.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AOS=t():e.AOS=t()}(this,function(){return function(e){function t(n){if(o[n])return o[n].exports;var i=o[n]={exports:{},id:n,loaded:!1};return e[n].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var o={};return t.m=e,t.c=o,t.p="dist/",t(0)}([function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}var i=Object.assign||function(e){for(var t=1;t
-1?O(!0):document.addEventListener(j.startEvent,function(){O(!0)}),window.addEventListener("resize",(0,s["default"])(O,50,!0)),window.addEventListener("orientationchange",(0,s["default"])(O,50,!0)),window.addEventListener("scroll",(0,c["default"])(function(){(0,b["default"])(h,j.once)},99)),document.addEventListener("DOMNodeRemoved",function(e){var t=e.target;t&&1===t.nodeType&&t.hasAttribute&&t.hasAttribute("data-aos")&&(0,s["default"])(_,50,!0)}),(0,f["default"])("[data-aos]",_),h)};e.exports={init:S,refresh:O,refreshHard:_}},function(e,t){},,,,function(e,t,o){"use strict";function n(e,t,o){var n=!0,a=!0;if("function"!=typeof e)throw new TypeError(c);return i(o)&&(n="leading"in o?!!o.leading:n,a="trailing"in o?!!o.trailing:a),r(e,t,{leading:n,maxWait:t,trailing:a})}function i(e){var t="undefined"==typeof e?"undefined":a(e);return!!e&&("object"==t||"function"==t)}var a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e},r=o(6),c="Expected a function";e.exports=n},function(e,t){"use strict";function o(e,t,o){function n(t){var o=b,n=v;return b=v=void 0,O=t,y=e.apply(n,o)}function a(e){return O=e,w=setTimeout(d,t),_?n(e):y}function r(e){var o=e-h,n=e-O,i=t-o;return z?x(i,g-n):i}function u(e){var o=e-h,n=e-O;return!h||o>=t||0>o||z&&n>=g}function d(){var e=j();return u(e)?f(e):void(w=setTimeout(d,r(e)))}function f(e){return clearTimeout(w),w=void 0,A&&b?n(e):(b=v=void 0,y)}function l(){void 0!==w&&clearTimeout(w),h=O=0,b=v=w=void 0}function m(){return void 0===w?y:f(j())}function p(){var e=j(),o=u(e);if(b=arguments,v=this,h=e,o){if(void 0===w)return a(h);if(z)return clearTimeout(w),w=setTimeout(d,t),n(h)}return void 0===w&&(w=setTimeout(d,t)),y}var b,v,g,y,w,h=0,O=0,_=!1,z=!1,A=!0;if("function"!=typeof e)throw new TypeError(s);return t=c(t)||0,i(o)&&(_=!!o.leading,z="maxWait"in o,g=z?k(c(o.maxWait)||0,t):g,A="trailing"in o?!!o.trailing:A),p.cancel=l,p.flush=m,p}function n(e){var t=i(e)?h.call(e):"";return t==f||t==l}function i(e){var t="undefined"==typeof e?"undefined":u(e);return!!e&&("object"==t||"function"==t)}function a(e){return!!e&&"object"==("undefined"==typeof e?"undefined":u(e))}function r(e){return"symbol"==("undefined"==typeof e?"undefined":u(e))||a(e)&&h.call(e)==m}function c(e){if("number"==typeof e)return e;if(r(e))return d;if(i(e)){var t=n(e.valueOf)?e.valueOf():e;e=i(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(p,"");var o=v.test(e);return o||g.test(e)?y(e.slice(2),o?2:8):b.test(e)?d:+e}var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e},s="Expected a function",d=NaN,f="[object Function]",l="[object GeneratorFunction]",m="[object Symbol]",p=/^\s+|\s+$/g,b=/^[-+]0x[0-9a-f]+$/i,v=/^0b[01]+$/i,g=/^0o[0-7]+$/i,y=parseInt,w=Object.prototype,h=w.toString,k=Math.max,x=Math.min,j=Date.now;e.exports=o},function(e,t){"use strict";function o(e,t){r.push({selector:e,fn:t}),!c&&a&&(c=new a(n),c.observe(i.documentElement,{childList:!0,subtree:!0,removedNodes:!0})),n()}function n(){for(var e,t,o=0,n=r.length;n>o;o++){e=r[o],t=i.querySelectorAll(e.selector);for(var a,c=0,u=t.length;u>c;c++)a=t[c],a.ready||(a.ready=!0,e.fn.call(a,a))}}Object.defineProperty(t,"__esModule",{value:!0});var i=window.document,a=window.MutationObserver||window.WebKitMutationObserver,r=[],c=void 0;t["default"]=o},function(e,t){"use strict";function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var o=0;oe.position?e.node.classList.add("aos-animate"):"undefined"!=typeof n&&("false"===n||!o&&"true"!==n)&&e.node.classList.remove("aos-animate")},n=function(e,t){var n=window.pageYOffset,i=window.innerHeight;e.forEach(function(e,a){o(e,i+n,t)})};t["default"]=n},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var i=o(11),a=n(i),r=function(e,t){return e.forEach(function(e,o){e.node.classList.add("aos-init"),e.position=(0,a["default"])(e.node,t.offset)}),e};t["default"]=r},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var i=o(12),a=n(i),r=function(e,t){var o=0,n=0,i=window.innerHeight,r={offset:e.getAttribute("data-aos-offset"),anchor:e.getAttribute("data-aos-anchor"),anchorPlacement:e.getAttribute("data-aos-anchor-placement")};switch(r.offset&&!isNaN(r.offset)&&(n=parseInt(r.offset)),r.anchor&&document.querySelectorAll(r.anchor)&&(e=document.querySelectorAll(r.anchor)[0]),o=(0,a["default"])(e).top,r.anchorPlacement){case"top-bottom":break;case"center-bottom":o+=e.offsetHeight/2;break;case"bottom-bottom":o+=e.offsetHeight;break;case"top-center":o+=i/2;break;case"bottom-center":o+=i/2+e.offsetHeight;break;case"center-center":o+=i/2+e.offsetHeight/2;break;case"top-top":o+=i;break;case"bottom-top":o+=e.offsetHeight+i;break;case"center-top":o+=e.offsetHeight/2+i}return r.anchorPlacement||r.offset||isNaN(t)||(n=t),o+n};t["default"]=r},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(e){for(var t=0,o=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-("BODY"!=e.tagName?e.scrollLeft:0),o+=e.offsetTop-("BODY"!=e.tagName?e.scrollTop:0),e=e.offsetParent;return{top:o,left:t}};t["default"]=o},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(e){e=e||document.querySelectorAll("[data-aos]");var t=[];return[].forEach.call(e,function(e,o){t.push({node:e})}),t};t["default"]=o}])});
+//# sourceMappingURL=aos.js.map
\ No newline at end of file
diff --git a/libs/aplayer/APlayer.min 3.css b/libs/aplayer/APlayer.min 3.css
new file mode 100644
index 0000000..12b5583
--- /dev/null
+++ b/libs/aplayer/APlayer.min 3.css
@@ -0,0 +1,3 @@
+.aplayer{background:#fff;font-family:Arial,Helvetica,sans-serif;margin:5px;box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 1px 5px 0 rgba(0,0,0,.1);border-radius:2px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;position:relative}.aplayer *{box-sizing:content-box}.aplayer svg{width:100%;height:100%}.aplayer svg circle,.aplayer svg path{fill:#fff}.aplayer.aplayer-withlist .aplayer-info{border-bottom:1px solid #e9e9e9}.aplayer.aplayer-withlist .aplayer-list{display:block}.aplayer.aplayer-withlist .aplayer-icon-order,.aplayer.aplayer-withlist .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu{display:inline}.aplayer.aplayer-withlrc .aplayer-pic{height:90px;width:90px}.aplayer.aplayer-withlrc .aplayer-info{margin-left:90px;height:90px;padding:10px 7px 0}.aplayer.aplayer-withlrc .aplayer-lrc{display:block}.aplayer.aplayer-narrow{width:66px}.aplayer.aplayer-narrow .aplayer-info,.aplayer.aplayer-narrow .aplayer-list{display:none}.aplayer.aplayer-narrow .aplayer-body,.aplayer.aplayer-narrow .aplayer-pic{height:66px;width:66px}.aplayer.aplayer-fixed{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:99;overflow:visible;max-width:400px;box-shadow:none}.aplayer.aplayer-fixed .aplayer-list{margin-bottom:65px;border:1px solid #eee;border-bottom:none}.aplayer.aplayer-fixed .aplayer-body{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:99;background:#fff;padding-right:18px;transition:all .3s ease;max-width:400px}.aplayer.aplayer-fixed .aplayer-lrc{display:block;position:fixed;bottom:10px;left:0;right:0;margin:0;z-index:98;pointer-events:none;text-shadow:-1px -1px 0 #fff}.aplayer.aplayer-fixed .aplayer-lrc:after,.aplayer.aplayer-fixed .aplayer-lrc:before{display:none}.aplayer.aplayer-fixed .aplayer-info{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0;transition:all .3s ease;border-bottom:none;border-top:1px solid #e9e9e9}.aplayer.aplayer-fixed .aplayer-info .aplayer-music{width:calc(100% - 105px)}.aplayer.aplayer-fixed .aplayer-miniswitcher{display:block}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-info{display:block;-webkit-transform:scaleX(0);transform:scaleX(0)}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body{width:66px!important}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-miniswitcher .aplayer-icon{-webkit-transform:rotateY(0);transform:rotateY(0)}.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-lrc,.aplayer.aplayer-fixed .aplayer-icon-play{display:inline-block}.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-menu,.aplayer.aplayer-fixed .aplayer-icon-play{position:absolute;bottom:27px;width:20px;height:20px}.aplayer.aplayer-fixed .aplayer-icon-back{right:75px}.aplayer.aplayer-fixed .aplayer-icon-play{right:50px}.aplayer.aplayer-fixed .aplayer-icon-forward{right:25px}.aplayer.aplayer-fixed .aplayer-icon-menu{right:0}.aplayer.aplayer-arrow .aplayer-icon-loop,.aplayer.aplayer-arrow .aplayer-icon-order,.aplayer.aplayer-mobile .aplayer-icon-volume-down{display:none}.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-loading-icon{display:block}.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{-webkit-transform:scale(1);transform:scale(1)}.aplayer .aplayer-body{position:relative}.aplayer .aplayer-icon{width:15px;height:15px;border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;vertical-align:middle;padding:0;font-size:12px;margin:0;display:inline-block}.aplayer .aplayer-icon path{transition:all .2s ease-in-out}.aplayer .aplayer-icon-back,.aplayer .aplayer-icon-forward,.aplayer .aplayer-icon-lrc,.aplayer .aplayer-icon-order,.aplayer .aplayer-icon-play{display:none}.aplayer .aplayer-icon-lrc-inactivity svg{opacity:.4}.aplayer .aplayer-icon-forward{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.aplayer .aplayer-lrc-content{display:none}.aplayer .aplayer-pic{position:relative;float:left;height:66px;width:66px;background-size:cover;background-position:50%;transition:all .3s ease;cursor:pointer}.aplayer .aplayer-pic:hover .aplayer-button{opacity:1}.aplayer .aplayer-pic .aplayer-button{position:absolute;border-radius:50%;opacity:.8;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);background:rgba(0,0,0,.2);transition:all .1s ease}.aplayer .aplayer-pic .aplayer-button path{fill:#fff}.aplayer .aplayer-pic .aplayer-hide{display:none}.aplayer .aplayer-pic .aplayer-play{width:26px;height:26px;border:2px solid #fff;bottom:50%;right:50%;margin:0 -15px -15px 0}.aplayer .aplayer-pic .aplayer-play svg{position:absolute;top:3px;left:4px;height:20px;width:20px}.aplayer .aplayer-pic .aplayer-pause{width:16px;height:16px;border:2px solid #fff;bottom:4px;right:4px}.aplayer .aplayer-pic .aplayer-pause svg{position:absolute;top:2px;left:2px;height:12px;width:12px}.aplayer .aplayer-info{margin-left:66px;padding:14px 7px 0 10px;height:66px;box-sizing:border-box}.aplayer .aplayer-info .aplayer-music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 13px 5px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default;padding-bottom:2px;height:20px}.aplayer .aplayer-info .aplayer-music .aplayer-title{font-size:14px}.aplayer .aplayer-info .aplayer-music .aplayer-author{font-size:12px;color:#666}.aplayer .aplayer-info .aplayer-controller{position:relative;display:flex}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{margin:0 0 0 5px;padding:4px 0;cursor:pointer!important;flex:1}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb{-webkit-transform:scale(1);transform:scale(1)}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{position:relative;height:2px;width:100%;background:#cdcdcd}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:#aaa;height:2px;transition:all .5s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{position:absolute;left:0;top:0;bottom:0;height:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:10px;width:10px;border-radius:50%;cursor:pointer;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.aplayer .aplayer-info .aplayer-controller .aplayer-time{position:relative;right:0;bottom:4px;height:17px;color:#999;font-size:11px;padding-left:7px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner{vertical-align:middle}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon{cursor:pointer;transition:all .2s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path{fill:#666}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop{margin-right:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path{fill:#000}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap{height:40px}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap{position:absolute;bottom:15px;right:-3px;width:25px;height:0;z-index:99;overflow:hidden;transition:all .2s ease-in-out}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap.aplayer-volume-bar-wrap-active{height:40px}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar{position:absolute;bottom:0;right:10px;width:5px;height:35px;background:#aaa;border-radius:2.5px;overflow:hidden}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume{position:absolute;bottom:0;right:0;width:5px;transition:all .1s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon svg{position:absolute;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.aplayer .aplayer-lrc{display:none;position:relative;height:30px;text-align:center;overflow:hidden;margin:-10px 0 7px}.aplayer .aplayer-lrc:before{top:0;height:10%;background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0)}.aplayer .aplayer-lrc:after,.aplayer .aplayer-lrc:before{position:absolute;z-index:1;display:block;overflow:hidden;width:100%;content:" "}.aplayer .aplayer-lrc:after{bottom:0;height:33%;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.8));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ccffffff",GradientType=0)}.aplayer .aplayer-lrc p{font-size:12px;color:#666;line-height:16px!important;height:16px!important;padding:0!important;margin:0!important;transition:all .5s ease-out;opacity:.4;overflow:hidden}.aplayer .aplayer-lrc p.aplayer-lrc-current{opacity:1;overflow:visible;height:auto!important;min-height:16px}.aplayer .aplayer-lrc.aplayer-lrc-hide{display:none}.aplayer .aplayer-lrc .aplayer-lrc-contents{width:100%;transition:all .5s ease-out;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default}.aplayer .aplayer-list{overflow:auto;transition:all .5s ease;will-change:height;display:none;overflow:hidden}.aplayer .aplayer-list.aplayer-list-hide{max-height:0!important}.aplayer .aplayer-list ol{list-style-type:none;margin:0;padding:0;overflow-y:auto}.aplayer .aplayer-list ol::-webkit-scrollbar{width:5px}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb{border-radius:3px;background-color:#eee}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover{background-color:#ccc}.aplayer .aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;border-top:1px solid #e9e9e9;cursor:pointer;transition:all .2s ease;overflow:hidden;margin:0}.aplayer .aplayer-list ol li:first-child{border-top:none}.aplayer .aplayer-list ol li:hover{background:#efefef}.aplayer .aplayer-list ol li.aplayer-list-light{background:#e9e9e9}.aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur{display:inline-block}.aplayer .aplayer-list ol li .aplayer-list-cur{display:none;width:3px;height:22px;position:absolute;left:0;top:5px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-index{color:#666;margin-right:12px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-author{color:#666;float:right;cursor:pointer}.aplayer .aplayer-notice{opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:12px;border-radius:4px;padding:5px 10px;transition:all .3s ease-in-out;overflow:hidden;color:#fff;pointer-events:none;background-color:#f4f4f5;color:#909399}.aplayer .aplayer-miniswitcher{display:none;position:absolute;top:0;right:0;bottom:0;height:100%;background:#e6e6e6;width:18px;border-radius:0 2px 2px 0}.aplayer .aplayer-miniswitcher .aplayer-icon{height:100%;width:100%;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);transition:all .3s ease}.aplayer .aplayer-miniswitcher .aplayer-icon path{fill:#666}.aplayer .aplayer-miniswitcher .aplayer-icon:hover path{fill:#000}@-webkit-keyframes aplayer-roll{0%{left:0}to{left:-100%}}@keyframes aplayer-roll{0%{left:0}to{left:-100%}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
+
+/*# sourceMappingURL=APlayer.min.css.map*/
\ No newline at end of file
diff --git a/libs/aplayer/APlayer.min 3.js b/libs/aplayer/APlayer.min 3.js
new file mode 100644
index 0000000..6ba17e3
--- /dev/null
+++ b/libs/aplayer/APlayer.min 3.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("APlayer",[],t):"object"==typeof exports?exports.APlayer=t():e.APlayer=t()}(window,function(){return function(e){var t={};function n(i){if(t[i])return t[i].exports;var a=t[i]={i:i,l:!1,exports:{}};return e[i].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:i})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=41)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=/mobile/i.test(window.navigator.userAgent),a={secondToTime:function(e){var t=Math.floor(e/3600),n=Math.floor((e-3600*t)/60),i=Math.floor(e-3600*t-60*n);return(t>0?[t,n,i]:[n,i]).map(function(e){return e<10?"0"+e:""+e}).join(":")},getElementViewLeft:function(e){var t=e.offsetLeft,n=e.offsetParent,i=document.body.scrollLeft+document.documentElement.scrollLeft;if(document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement)for(;null!==n&&n!==e;)t+=n.offsetLeft,n=n.offsetParent;else for(;null!==n;)t+=n.offsetLeft,n=n.offsetParent;return t-i},getElementViewTop:function(e,t){for(var n,i=e.offsetTop,a=e.offsetParent;null!==a;)i+=a.offsetTop,a=a.offsetParent;return n=document.body.scrollTop+document.documentElement.scrollTop,t?i:i-n},isMobile:i,storage:{set:function(e,t){localStorage.setItem(e,t)},get:function(e){return localStorage.getItem(e)}},nameMap:{dragStart:i?"touchstart":"mousedown",dragMove:i?"touchmove":"mousemove",dragEnd:i?"touchend":"mouseup"},randomOrder:function(e){return function(e){for(var t=e.length-1;t>=0;t--){var n=Math.floor(Math.random()*(t+1)),i=e[n];e[n]=e[t],e[t]=i}return e}([].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t\n \n ',t+=r(n+s),t+='\n ',t+=r(e.name),t+='\n ',t+=r(e.artist),t+="\n\n"}),t}},function(e,t,n){"use strict";e.exports=n(15)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=g(n(33)),a=g(n(32)),r=g(n(31)),o=g(n(30)),s=g(n(29)),l=g(n(28)),u=g(n(27)),c=g(n(26)),p=g(n(25)),d=g(n(24)),h=g(n(23)),y=g(n(22)),f=g(n(21)),v=g(n(20)),m=g(n(19));function g(e){return e&&e.__esModule?e:{default:e}}var w={play:i.default,pause:a.default,volumeUp:r.default,volumeDown:o.default,volumeOff:s.default,orderRandom:l.default,orderList:u.default,menu:c.default,loopAll:p.default,loopOne:d.default,loopNone:h.default,loading:y.default,right:f.default,skip:v.default,lrc:m.default};t.default=w},function(e,t,n){"use strict";var i,a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};i=function(){return this}();try{i=i||Function("return this")()||(0,eval)("this")}catch(e){"object"===("undefined"==typeof window?"undefined":a(window))&&(i=window)}e.exports=i},function(e,t,n){"use strict";var i,a,r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};void 0===(a="function"==typeof(i=function(){if("object"===("undefined"==typeof window?"undefined":r(window))&&void 0!==document.querySelectorAll&&void 0!==window.pageYOffset&&void 0!==history.pushState){var e=function(e,t,n,i){return n>i?t:e+(t-e)*((a=n/i)<.5?4*a*a*a:(a-1)*(2*a-2)*(2*a-2)+1);var a},t=function(t,n,i,a){n=n||500;var r=(a=a||window).scrollTop||window.pageYOffset;if("number"==typeof t)var o=parseInt(t);else var o=function(e,t){return"HTML"===e.nodeName?-t:e.getBoundingClientRect().top+t}(t,r);var s=Date.now(),l=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(e){window.setTimeout(e,15)};!function u(){var c=Date.now()-s;a!==window?a.scrollTop=e(r,o,c,n):window.scroll(0,e(r,o,c,n)),c>n?"function"==typeof i&&i(t):l(u)}()},n=function(e){if(!e.defaultPrevented){e.preventDefault(),location.hash!==this.hash&&window.history.pushState(null,null,this.hash);var n=document.getElementById(this.hash.substring(1));if(!n)return;t(n,500,function(e){location.replace("#"+e.id)})}};return document.addEventListener("DOMContentLoaded",function(){for(var e,t=document.querySelectorAll('a[href^="#"]:not([href="#"])'),i=t.length;e=t[--i];)e.addEventListener("click",n,!1)}),t}})?i.call(t,n,t,e):i)||(e.exports=a)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;n1),n=0===this.audios.length;this.player.template.listOl.innerHTML+=(0,a.default)({theme:this.player.options.theme,audio:e,index:this.audios.length+1}),this.audios=this.audios.concat(e),t&&this.audios.length>1&&this.player.container.classList.add("aplayer-withlist"),this.player.randomOrder=r.default.randomOrder(this.audios.length),this.player.template.listCurs=this.player.container.querySelectorAll(".aplayer-list-cur"),this.player.template.listCurs[this.audios.length-1].style.backgroundColor=e.theme||this.player.options.theme,n&&("random"===this.player.options.order?this.switch(this.player.randomOrder[0]):this.switch(0))}},{key:"remove",value:function(e){if(this.player.events.trigger("listremove",{index:e}),this.audios[e])if(this.audios.length>1){var t=this.player.container.querySelectorAll(".aplayer-list li");t[e].remove(),this.audios.splice(e,1),this.player.lrc&&this.player.lrc.remove(e),e===this.index&&(this.audios[e]?this.switch(e):this.switch(e-1)),this.index>e&&this.index--;for(var n=e;nt&&!e.player.audio.paused&&(e.player.container.classList.remove("aplayer-loading"),i=!1),t=n)},100)}},{key:"enable",value:function(e){this["enable"+e+"Checker"]=!0,"fps"===e&&this.initfpsChecker()}},{key:"disable",value:function(e){this["enable"+e+"Checker"]=!1}},{key:"destroy",value:function(){var e=this;this.types.forEach(function(t){e["enable"+t+"Checker"]=!1,e[t+"Checker"]&&clearInterval(e[t+"Checker"])})}}]),e}();t.default=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;n1?"one"===e.player.options.loop?(e.player.options.loop="none",e.player.template.loop.innerHTML=r.default.loopNone):"none"===e.player.options.loop?(e.player.options.loop="all",e.player.template.loop.innerHTML=r.default.loopAll):"all"===e.player.options.loop&&(e.player.options.loop="one",e.player.template.loop.innerHTML=r.default.loopOne):"one"===e.player.options.loop||"all"===e.player.options.loop?(e.player.options.loop="none",e.player.template.loop.innerHTML=r.default.loopNone):"none"===e.player.options.loop&&(e.player.options.loop="all",e.player.template.loop.innerHTML=r.default.loopAll)})}},{key:"initMenuButton",value:function(){var e=this;this.player.template.menu.addEventListener("click",function(){e.player.list.toggle()})}},{key:"initMiniSwitcher",value:function(){var e=this;this.player.template.miniSwitcher.addEventListener("click",function(){e.player.setMode("mini"===e.player.mode?"normal":"mini")})}},{key:"initSkipButton",value:function(){var e=this;this.player.template.skipBackButton.addEventListener("click",function(){e.player.skipBack()}),this.player.template.skipForwardButton.addEventListener("click",function(){e.player.skipForward()}),this.player.template.skipPlayButton.addEventListener("click",function(){e.player.toggle()})}},{key:"initLrcButton",value:function(){var e=this;this.player.template.lrcButton.addEventListener("click",function(){e.player.template.lrcButton.classList.contains("aplayer-icon-lrc-inactivity")?(e.player.template.lrcButton.classList.remove("aplayer-icon-lrc-inactivity"),e.player.lrc&&e.player.lrc.show()):(e.player.template.lrcButton.classList.add("aplayer-icon-lrc-inactivity"),e.player.lrc&&e.player.lrc.hide())})}}]),e}();t.default=s},function(e,t,n){var i=n(2);e.exports=function(e){"use strict";e=e||{};var t="",n=i.$each,a=e.lyrics,r=(e.$value,e.$index,i.$escape);return n(a,function(e,n){t+="\n ",t+=r(e[1]),t+="
\n"}),t}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i,a=function(){function e(e,t){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:this.player.audio.currentTime;if(this.index>this.current.length-1||e=this.current[this.index+1][0])for(var t=0;t=this.current[t][0]&&(!this.current[t+1]||e=200&&n.status<300||304===n.status?t.parsed[e]=t.parse(n.responseText):(t.player.notice("LRC file request fails: status "+n.status),t.parsed[e]=[["00:00","Not available"]]),t.container.innerHTML=(0,o.default)({lyrics:t.parsed[e]}),t.update(0),t.current=t.parsed[e])};var i=this.player.list.audios[e].lrc;n.open("get",i,!0),n.send(null)}else this.player.list.audios[e].lrc?this.parsed[e]=this.parse(this.player.list.audios[e].lrc):this.parsed[e]=[["00:00","Not available"]];this.container.innerHTML=(0,o.default)({lyrics:this.parsed[e]}),this.update(0),this.current=this.parsed[e]}},{key:"parse",value:function(e){if(e){for(var t=(e=e.replace(/([^\]^\n])\[/g,function(e,t){return t+"\n["})).split("\n"),n=[],i=t.length,a=0;a/g,"").replace(/^\s+|\s+$/g,"");if(r)for(var s=r.length,l=0;l]/;a.$escape=function(e){return function(e){var t=""+e,n=r.exec(t);if(!n)return e;var i="",a=void 0,o=void 0,s=void 0;for(a=n.index,o=0;a\n \n ",l(n(1)(u({theme:a.theme,audio:a.audio,index:1}))),t+='\n
\n \n"),t}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;n