diff --git a/404.html b/404.html index 751c3b9..80a379a 100644 --- a/404.html +++ b/404.html @@ -1,340 +1,106 @@ -页面没有找到 | K-Black小站
加载头像

404

请尝试站内搜索寻找文章
回到主页
本站正在试运行:从手搓到hexo
引用到评论
随便逛逛博客分类文章标签
复制地址关闭热评深色模式轉為繁體
\ No newline at end of file + .container { + padding: 20px; + width: 85%; + } + } + + + +
+

404

+

哎呀，页面跑丢了！ | Oops, Page Got Lost!

+

这页面可能去星际旅行了，或者被外星人绑架了... 要不回首页看看？
Looks like this page took a cosmic detour or got abducted by aliens... Wanna head back home?

+ 返回首页 | Back to Home +
+ + \ No newline at end of file diff --git a/README.md b/README.md index 6fedeb1..524b366 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,34 @@ -# ciallo_web -Ciallo～(∠・ω< )⌒★ +# 账号救援模板 -这个项目是由 https://ciallo.cc 修改过来哒~ -Cloudflare Pages 部署的网站 https://ciallo.mikoto.zip +这是一个简单的网页，用于展示账号救援邮件的回复模板。 + +## 在线访问 + +你可以通过 **GitHub Pages** 在线访问该页面。 +部署完成后，访问地址格式如下： + +``` +https://github.com/K-Blaaaack/K-Blaaaack.github.io/tree/BlueArchive-Account-Recovery +``` + +## 使用方法 + +1. 下载或克隆本仓库。 +2. 将 `index.html` 保存在仓库根目录。 +3. 在 GitHub 仓库设置中，找到 **Pages**，将分支设置为 `main`（或 `gh-pages`），并选择根目录。 +4. 保存后等待几分钟，即可通过 GitHub Pages 访问。 + +## 文件说明 + +- `index.html` ：主网页文件，包含账号救援模板。 + +## 效果截图 + +页面包含： +- 标题 **账号救援模板** +- 提示信息：提交了申诉之后，他发回个邮件告诉要补充信息，就用这个模板去回复 +- 白色卡片区域展示完整的模板文本 + +--- + +如果要修改模板内容，只需直接编辑 `index.html` 中的 `
 ...
` 部分即可。 diff --git a/css/index.css b/css/index.css deleted file mode 100644 index 3b6d0fe..0000000 --- a/css/index.css +++ /dev/null @@ -1,27349 +0,0 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ -html { - line-height: 1.15; - -webkit-text-size-adjust: 100%; -} - -/* 滚动条轨道样式 */ -::-webkit-scrollbar-track { - background-color: transparent; -} - -/* 滚动条滑块样式 */ -::-webkit-scrollbar-thumb { - background-color: #888; - opacity: 1; - transition: opacity 0.5s; -} - -/* 滚动条消失动画 */ -@keyframes fadeOut { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - } -} - -/* 在滚动容器上应用动画 */ -html:hover::-webkit-scrollbar-thumb { - animation: fadeOut 1s 1s forwards; -} - -body { - margin: 0; - padding: 0; - overflow-x: clip; - overscroll-behavior: none; -} - -main { - display: block; -} - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -hr { - box-sizing: content-box; - height: 0; - overflow: visible; -} - -pre { - font-family: monospace, monospace; - font-size: 1em; -} - -a { - background-color: transparent; -} - -abbr[title] { - border-bottom: none; - text-decoration: underline; - text-decoration: underline dotted; -} - -b, -strong { - font-weight: bolder; -} - -code, -kbd, -samp { - font-family: monospace, monospace; - font-size: 1em; -} - -small { - font-size: 80%; -} - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -img { - border-style: none; - border-radius: 8px; - max-width: 100%; - transition: all 0.2s ease 0s; - -webkit-user-drag: none; /* WebKit */ - -khtml-user-drag: none; /* KHTML */ - -moz-user-drag: none; /* Gecko */ - -ms-user-drag: none; /* Trident/Edge */ - user-drag: none; -} - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; - font-size: 100%; - line-height: 1.15; - margin: 0; -} - -button, -input { - overflow: visible; -} - -button, -select { - text-transform: none; -} - -[type="button"], -[type="reset"], -[type="submit"], -button { - -webkit-appearance: button; -} - -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner, -button::-moz-focus-inner { - border-style: none; - padding: 0; -} - -img.fancybox__image { - border-radius: 0; -} -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring, -button:-moz-focusring { - outline: 1px dotted ButtonText; -} - -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -legend { - box-sizing: border-box; - color: inherit; - display: table; - max-width: 100%; - padding: 0; - white-space: normal; -} - -progress { - vertical-align: baseline; -} - -textarea { - overflow: auto; -} - -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; - padding: 0; -} - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -[type="search"] { - -webkit-appearance: textfield; - outline-offset: -2px; -} - -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -::-webkit-file-upload-button { - -webkit-appearance: button; - font: inherit; -} - -details { - display: block; -} - -summary { - display: list-item; -} - -template { - display: none; -} - -[hidden] { - display: none; -} - -.limit-one-line, -#article-container .anzhiyu-flink-list .flink-list-item .flink-item-info .flink-item-name, -#article-container .anzhiyu-flink-list .flink-list-item .flink-item-info .flink-item-desc, -#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a span, -#aside-content .card-categories ul.card-category-list > .card-category-list-item a span, -.site-data > a .headline, -#pagination .prev_info, -#pagination .next_info, -#sidebar #sidebar-menus .menus_items .site-page { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - white-space: nowrap; -} -.limit-more-line, -.error404 #error-wrap .error-content .error-info .error_subtitle, -.article-sort-item-title, -#recent-posts > .recent-post-item >.recent-post-info > .content, -#aside-content .aside-list > .aside-list-item .content > .name, -#aside-content .aside-list > .aside-list-item .content > .title, -#aside-content .aside-list > .aside-list-item .content > .comment, -#post-info .post-title, -.relatedPosts > .relatedPosts-list .content .title, -#content-inner figure.gallery-group p, -#content-inner figure.gallery-group .gallery-group-name { - display: -webkit-box; - overflow: hidden; - -webkit-box-orient: vertical; -} -.fontbold { - font-weight: bold; -} -.anzhiyu-icon-spinner { - margin: 0; - width: 16px; - line-height: 16px; - height: 16px; -} -.anzhiyufont, -hr:before, -#article-container a.headerlink::before, -#post .post-outdate-notice:before, -.note:not(.no-icon)::before { - font-family: "anzhiyufont"; - font-size: 16px; - font-style: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.anzhiyufont::before { - font-family: "anzhiyufont" !important; - font-style: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.cardHover, -.error404 #error-wrap .error-content, -#recent-posts > .recent-post-item, -#aside-content .card-widget, -.layout > .recent-posts .pagination > *:not(.space):not(pangu) { - border-radius: 8px; - background: var(--card-bg); - -webkit-box-shadow: var(--card-box-shadow); - box-shadow: var(--card-box-shadow); - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - -ms-transition: all 0.3s; - transition: all 0.3s; -} -.imgHover, -.error404 #error-wrap .error-content .error-img img, -.article-sort-item-img img, -#aside-content .aside-list > .aside-list-item .thumbnail > img { - width: 100%; - height: 100%; - -webkit-transition: filter 375ms ease-in 0.2s, -webkit-transform 0.6s; - -moz-transition: filter 375ms ease-in 0.2s, -moz-transform 0.6s; - -o-transition: filter 375ms ease-in 0.2s, -o-transform 0.6s; - -ms-transition: filter 375ms ease-in 0.2s, -ms-transform 0.6s; - transition: filter 375ms ease-in 0.2s, transform 0.6s; - object-fit: cover; -} -.imgHover:hover, -.error404 #error-wrap .error-content .error-img img:hover, -.article-sort-item-img img:hover, -#aside-content .aside-list > .aside-list-item .thumbnail > img:hover { - -webkit-transform: scale(1.1); - -moz-transform: scale(1.1); - -o-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); -} -.postImgHover:hover img, -#pagination .prev-post:hover img, -#pagination .next-post:hover img, -.relatedPosts > .relatedPosts-list > div:hover img { - opacity: 0.8; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; - filter: alpha(opacity=80); - -webkit-transform: scale(1.1); - -moz-transform: scale(1.1); - -o-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); -} -.postImgHover img, -#pagination .prev-post img, -#pagination .next-post img, -.relatedPosts > .relatedPosts-list > div img { - position: absolute; - width: 100%; - height: 100%; - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; - filter: alpha(opacity=40); - -webkit-transition: all 0.6s, filter 375ms ease-in 0.2s; - -moz-transition: all 0.6s, filter 375ms ease-in 0.2s; - -o-transition: all 0.6s, filter 375ms ease-in 0.2s; - -ms-transition: all 0.6s, filter 375ms ease-in 0.2s; - transition: all 0.6s, filter 375ms ease-in 0.2s; - object-fit: cover; - border-radius: 0; -} -.list-beauty, -.category-lists ul { - list-style: none; -} -.list-beauty li, -.category-lists ul li { - position: relative; - padding: 0.12em 0.4em 0.12em 1.4em; -} -.list-beauty li:hover:before, -.category-lists ul li:hover:before { - border-color: var(--pseudo-hover); -} -.list-beauty li:before, -.category-lists ul li:before { - position: absolute; - top: 0.67em; - left: 0; - width: 0.43em; - height: 0.43em; - border: 0.215em solid #425aef; - border-radius: 0.43em; - background: transparent; - content: ''; - cursor: pointer; - -webkit-transition: all 0.3s ease-out; - -moz-transition: all 0.3s ease-out; - -o-transition: all 0.3s ease-out; - -ms-transition: all 0.3s ease-out; - transition: all 0.3s ease-out; -} -.scroll-down-effects { - -webkit-animation: scroll-down-effect 1.5s infinite; - -moz-animation: scroll-down-effect 1.5s infinite; - -o-animation: scroll-down-effect 1.5s infinite; - -ms-animation: scroll-down-effect 1.5s infinite; - animation: scroll-down-effect 1.5s infinite; -} -.anzhiyu-spin { - display: inline-block; - -webkit-transform-origin: 50% 50%; - -moz-transform-origin: 50% 50%; - -o-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-animation-name: anzhiyu-spin; - -moz-animation-name: anzhiyu-spin; - -o-animation-name: anzhiyu-spin; - -ms-animation-name: anzhiyu-spin; - animation-name: anzhiyu-spin; - -webkit-animation-duration: var(--anzhiyu-animation-duration, 2s); - -moz-animation-duration: var(--anzhiyu-animation-duration, 2s); - -o-animation-duration: var(--anzhiyu-animation-duration, 2s); - -ms-animation-duration: var(--anzhiyu-animation-duration, 2s); - animation-duration: var(--anzhiyu-animation-duration, 2s); - -webkit-animation-iteration-count: var(--anzhiyu-animation-iteration-count, infinite); - -moz-animation-iteration-count: var(--anzhiyu-animation-iteration-count, infinite); - -o-animation-iteration-count: var(--anzhiyu-animation-iteration-count, infinite); - -ms-animation-iteration-count: var(--anzhiyu-animation-iteration-count, infinite); - animation-iteration-count: var(--anzhiyu-animation-iteration-count, infinite); - -webkit-animation-timing-function: var(--anzhiyu-animation-timing, linear); - -moz-animation-timing-function: var(--anzhiyu-animation-timing, linear); - -o-animation-timing-function: var(--anzhiyu-animation-timing, linear); - -ms-animation-timing-function: var(--anzhiyu-animation-timing, linear); - animation-timing-function: var(--anzhiyu-animation-timing, linear); -} -.anzhiyu-pulse-icon { - -webkit-animation: anzhiyu-pulse-animation 1s infinite linear; - -moz-animation: anzhiyu-pulse-animation 1s infinite linear; - -o-animation: anzhiyu-pulse-animation 1s infinite linear; - -ms-animation: anzhiyu-pulse-animation 1s infinite linear; - animation: anzhiyu-pulse-animation 1s infinite linear; -} -.anzhiyu-shake:hover { - -webkit-animation: shake 0.8s; - -moz-animation: shake 0.8s; - -o-animation: shake 0.8s; - -ms-animation: shake 0.8s; - animation: shake 0.8s; -} -.reward-main { - -webkit-animation: donate_effcet 0.3s 0.1s ease both; - -moz-animation: donate_effcet 0.3s 0.1s ease both; - -o-animation: donate_effcet 0.3s 0.1s ease both; - -ms-animation: donate_effcet 0.3s 0.1s ease both; - animation: donate_effcet 0.3s 0.1s ease both; -} -@property --anzhiyu-header-translateY { - syntax: ""; - inherits: true; - initial-value: 0px; -} -@property --anzhiyu-header-info-scale { - syntax: ""; - inherits: true; - initial-value: 1; -} -@property --anzhiyu-header-cover-scale { - syntax: ""; - inherits: true; - initial-value: 2; -} -@-moz-keyframes anzhiyu-shake { - 0% { - -webkit-transform: translate(1px, 1px) rotate(0deg); - -moz-transform: translate(1px, 1px) rotate(0deg); - -o-transform: translate(1px, 1px) rotate(0deg); - -ms-transform: translate(1px, 1px) rotate(0deg); - transform: translate(1px, 1px) rotate(0deg); - } - 10% { - -webkit-transform: translate(-1px, -2px) rotate(-1deg); - -moz-transform: translate(-1px, -2px) rotate(-1deg); - -o-transform: translate(-1px, -2px) rotate(-1deg); - -ms-transform: translate(-1px, -2px) rotate(-1deg); - transform: translate(-1px, -2px) rotate(-1deg); - } - 20% { - -webkit-transform: translate(-3px, 0px) rotate(1deg); - -moz-transform: translate(-3px, 0px) rotate(1deg); - -o-transform: translate(-3px, 0px) rotate(1deg); - -ms-transform: translate(-3px, 0px) rotate(1deg); - transform: translate(-3px, 0px) rotate(1deg); - } - 30% { - -webkit-transform: translate(3px, 2px) rotate(0deg); - -moz-transform: translate(3px, 2px) rotate(0deg); - -o-transform: translate(3px, 2px) rotate(0deg); - -ms-transform: translate(3px, 2px) rotate(0deg); - transform: translate(3px, 2px) rotate(0deg); - } - 40% { - -webkit-transform: translate(1px, -1px) rotate(1deg); - -moz-transform: translate(1px, -1px) rotate(1deg); - -o-transform: translate(1px, -1px) rotate(1deg); - -ms-transform: translate(1px, -1px) rotate(1deg); - transform: translate(1px, -1px) rotate(1deg); - } - 50% { - -webkit-transform: translate(-1px, 2px) rotate(-1deg); - -moz-transform: translate(-1px, 2px) rotate(-1deg); - -o-transform: translate(-1px, 2px) rotate(-1deg); - -ms-transform: translate(-1px, 2px) rotate(-1deg); - transform: translate(-1px, 2px) rotate(-1deg); - } - 60% { - -webkit-transform: translate(-3px, 1px) rotate(0deg); - -moz-transform: translate(-3px, 1px) rotate(0deg); - -o-transform: translate(-3px, 1px) rotate(0deg); - -ms-transform: translate(-3px, 1px) rotate(0deg); - transform: translate(-3px, 1px) rotate(0deg); - } - 70% { - -webkit-transform: translate(3px, 1px) rotate(-1deg); - -moz-transform: translate(3px, 1px) rotate(-1deg); - -o-transform: translate(3px, 1px) rotate(-1deg); - -ms-transform: translate(3px, 1px) rotate(-1deg); - transform: translate(3px, 1px) rotate(-1deg); - } - 80% { - -webkit-transform: translate(-1px, -1px) rotate(1deg); - -moz-transform: translate(-1px, -1px) rotate(1deg); - -o-transform: translate(-1px, -1px) rotate(1deg); - -ms-transform: translate(-1px, -1px) rotate(1deg); - transform: translate(-1px, -1px) rotate(1deg); - } - 90% { - -webkit-transform: translate(1px, 2px) rotate(0deg); - -moz-transform: translate(1px, 2px) rotate(0deg); - -o-transform: translate(1px, 2px) rotate(0deg); - -ms-transform: translate(1px, 2px) rotate(0deg); - transform: translate(1px, 2px) rotate(0deg); - } - 100% { - -webkit-transform: translate(1px, -2px) rotate(-1deg); - -moz-transform: translate(1px, -2px) rotate(-1deg); - -o-transform: translate(1px, -2px) rotate(-1deg); - -ms-transform: translate(1px, -2px) rotate(-1deg); - transform: translate(1px, -2px) rotate(-1deg); - } -} -@-webkit-keyframes anzhiyu-shake { - 0% { - -webkit-transform: translate(1px, 1px) rotate(0deg); - -moz-transform: translate(1px, 1px) rotate(0deg); - -o-transform: translate(1px, 1px) rotate(0deg); - -ms-transform: translate(1px, 1px) rotate(0deg); - transform: translate(1px, 1px) rotate(0deg); - } - 10% { - -webkit-transform: translate(-1px, -2px) rotate(-1deg); - -moz-transform: translate(-1px, -2px) rotate(-1deg); - -o-transform: translate(-1px, -2px) rotate(-1deg); - -ms-transform: translate(-1px, -2px) rotate(-1deg); - transform: translate(-1px, -2px) rotate(-1deg); - } - 20% { - -webkit-transform: translate(-3px, 0px) rotate(1deg); - -moz-transform: translate(-3px, 0px) rotate(1deg); - -o-transform: translate(-3px, 0px) rotate(1deg); - -ms-transform: translate(-3px, 0px) rotate(1deg); - transform: translate(-3px, 0px) rotate(1deg); - } - 30% { - -webkit-transform: translate(3px, 2px) rotate(0deg); - -moz-transform: translate(3px, 2px) rotate(0deg); - -o-transform: translate(3px, 2px) rotate(0deg); - -ms-transform: translate(3px, 2px) rotate(0deg); - transform: translate(3px, 2px) rotate(0deg); - } - 40% { - -webkit-transform: translate(1px, -1px) rotate(1deg); - -moz-transform: translate(1px, -1px) rotate(1deg); - -o-transform: translate(1px, -1px) rotate(1deg); - -ms-transform: translate(1px, -1px) rotate(1deg); - transform: translate(1px, -1px) rotate(1deg); - } - 50% { - -webkit-transform: translate(-1px, 2px) rotate(-1deg); - -moz-transform: translate(-1px, 2px) rotate(-1deg); - -o-transform: translate(-1px, 2px) rotate(-1deg); - -ms-transform: translate(-1px, 2px) rotate(-1deg); - transform: translate(-1px, 2px) rotate(-1deg); - } - 60% { - -webkit-transform: translate(-3px, 1px) rotate(0deg); - -moz-transform: translate(-3px, 1px) rotate(0deg); - -o-transform: translate(-3px, 1px) rotate(0deg); - -ms-transform: translate(-3px, 1px) rotate(0deg); - transform: translate(-3px, 1px) rotate(0deg); - } - 70% { - -webkit-transform: translate(3px, 1px) rotate(-1deg); - -moz-transform: translate(3px, 1px) rotate(-1deg); - -o-transform: translate(3px, 1px) rotate(-1deg); - -ms-transform: translate(3px, 1px) rotate(-1deg); - transform: translate(3px, 1px) rotate(-1deg); - } - 80% { - -webkit-transform: translate(-1px, -1px) rotate(1deg); - -moz-transform: translate(-1px, -1px) rotate(1deg); - -o-transform: translate(-1px, -1px) rotate(1deg); - -ms-transform: translate(-1px, -1px) rotate(1deg); - transform: translate(-1px, -1px) rotate(1deg); - } - 90% { - -webkit-transform: translate(1px, 2px) rotate(0deg); - -moz-transform: translate(1px, 2px) rotate(0deg); - -o-transform: translate(1px, 2px) rotate(0deg); - -ms-transform: translate(1px, 2px) rotate(0deg); - transform: translate(1px, 2px) rotate(0deg); - } - 100% { - -webkit-transform: translate(1px, -2px) rotate(-1deg); - -moz-transform: translate(1px, -2px) rotate(-1deg); - -o-transform: translate(1px, -2px) rotate(-1deg); - -ms-transform: translate(1px, -2px) rotate(-1deg); - transform: translate(1px, -2px) rotate(-1deg); - } -} -@-o-keyframes anzhiyu-shake { - 0% { - -webkit-transform: translate(1px, 1px) rotate(0deg); - -moz-transform: translate(1px, 1px) rotate(0deg); - -o-transform: translate(1px, 1px) rotate(0deg); - -ms-transform: translate(1px, 1px) rotate(0deg); - transform: translate(1px, 1px) rotate(0deg); - } - 10% { - -webkit-transform: translate(-1px, -2px) rotate(-1deg); - -moz-transform: translate(-1px, -2px) rotate(-1deg); - -o-transform: translate(-1px, -2px) rotate(-1deg); - -ms-transform: translate(-1px, -2px) rotate(-1deg); - transform: translate(-1px, -2px) rotate(-1deg); - } - 20% { - -webkit-transform: translate(-3px, 0px) rotate(1deg); - -moz-transform: translate(-3px, 0px) rotate(1deg); - -o-transform: translate(-3px, 0px) rotate(1deg); - -ms-transform: translate(-3px, 0px) rotate(1deg); - transform: translate(-3px, 0px) rotate(1deg); - } - 30% { - -webkit-transform: translate(3px, 2px) rotate(0deg); - -moz-transform: translate(3px, 2px) rotate(0deg); - -o-transform: translate(3px, 2px) rotate(0deg); - -ms-transform: translate(3px, 2px) rotate(0deg); - transform: translate(3px, 2px) rotate(0deg); - } - 40% { - -webkit-transform: translate(1px, -1px) rotate(1deg); - -moz-transform: translate(1px, -1px) rotate(1deg); - -o-transform: translate(1px, -1px) rotate(1deg); - -ms-transform: translate(1px, -1px) rotate(1deg); - transform: translate(1px, -1px) rotate(1deg); - } - 50% { - -webkit-transform: translate(-1px, 2px) rotate(-1deg); - -moz-transform: translate(-1px, 2px) rotate(-1deg); - -o-transform: translate(-1px, 2px) rotate(-1deg); - -ms-transform: translate(-1px, 2px) rotate(-1deg); - transform: translate(-1px, 2px) rotate(-1deg); - } - 60% { - -webkit-transform: translate(-3px, 1px) rotate(0deg); - -moz-transform: translate(-3px, 1px) rotate(0deg); - -o-transform: translate(-3px, 1px) rotate(0deg); - -ms-transform: translate(-3px, 1px) rotate(0deg); - transform: translate(-3px, 1px) rotate(0deg); - } - 70% { - -webkit-transform: translate(3px, 1px) rotate(-1deg); - -moz-transform: translate(3px, 1px) rotate(-1deg); - -o-transform: translate(3px, 1px) rotate(-1deg); - -ms-transform: translate(3px, 1px) rotate(-1deg); - transform: translate(3px, 1px) rotate(-1deg); - } - 80% { - -webkit-transform: translate(-1px, -1px) rotate(1deg); - -moz-transform: translate(-1px, -1px) rotate(1deg); - -o-transform: translate(-1px, -1px) rotate(1deg); - -ms-transform: translate(-1px, -1px) rotate(1deg); - transform: translate(-1px, -1px) rotate(1deg); - } - 90% { - -webkit-transform: translate(1px, 2px) rotate(0deg); - -moz-transform: translate(1px, 2px) rotate(0deg); - -o-transform: translate(1px, 2px) rotate(0deg); - -ms-transform: translate(1px, 2px) rotate(0deg); - transform: translate(1px, 2px) rotate(0deg); - } - 100% { - -webkit-transform: translate(1px, -2px) rotate(-1deg); - -moz-transform: translate(1px, -2px) rotate(-1deg); - -o-transform: translate(1px, -2px) rotate(-1deg); - -ms-transform: translate(1px, -2px) rotate(-1deg); - transform: translate(1px, -2px) rotate(-1deg); - } -} -@keyframes anzhiyu-shake { - 0% { - -webkit-transform: translate(1px, 1px) rotate(0deg); - -moz-transform: translate(1px, 1px) rotate(0deg); - -o-transform: translate(1px, 1px) rotate(0deg); - -ms-transform: translate(1px, 1px) rotate(0deg); - transform: translate(1px, 1px) rotate(0deg); - } - 10% { - -webkit-transform: translate(-1px, -2px) rotate(-1deg); - -moz-transform: translate(-1px, -2px) rotate(-1deg); - -o-transform: translate(-1px, -2px) rotate(-1deg); - -ms-transform: translate(-1px, -2px) rotate(-1deg); - transform: translate(-1px, -2px) rotate(-1deg); - } - 20% { - -webkit-transform: translate(-3px, 0px) rotate(1deg); - -moz-transform: translate(-3px, 0px) rotate(1deg); - -o-transform: translate(-3px, 0px) rotate(1deg); - -ms-transform: translate(-3px, 0px) rotate(1deg); - transform: translate(-3px, 0px) rotate(1deg); - } - 30% { - -webkit-transform: translate(3px, 2px) rotate(0deg); - -moz-transform: translate(3px, 2px) rotate(0deg); - -o-transform: translate(3px, 2px) rotate(0deg); - -ms-transform: translate(3px, 2px) rotate(0deg); - transform: translate(3px, 2px) rotate(0deg); - } - 40% { - -webkit-transform: translate(1px, -1px) rotate(1deg); - -moz-transform: translate(1px, -1px) rotate(1deg); - -o-transform: translate(1px, -1px) rotate(1deg); - -ms-transform: translate(1px, -1px) rotate(1deg); - transform: translate(1px, -1px) rotate(1deg); - } - 50% { - -webkit-transform: translate(-1px, 2px) rotate(-1deg); - -moz-transform: translate(-1px, 2px) rotate(-1deg); - -o-transform: translate(-1px, 2px) rotate(-1deg); - -ms-transform: translate(-1px, 2px) rotate(-1deg); - transform: translate(-1px, 2px) rotate(-1deg); - } - 60% { - -webkit-transform: translate(-3px, 1px) rotate(0deg); - -moz-transform: translate(-3px, 1px) rotate(0deg); - -o-transform: translate(-3px, 1px) rotate(0deg); - -ms-transform: translate(-3px, 1px) rotate(0deg); - transform: translate(-3px, 1px) rotate(0deg); - } - 70% { - -webkit-transform: translate(3px, 1px) rotate(-1deg); - -moz-transform: translate(3px, 1px) rotate(-1deg); - -o-transform: translate(3px, 1px) rotate(-1deg); - -ms-transform: translate(3px, 1px) rotate(-1deg); - transform: translate(3px, 1px) rotate(-1deg); - } - 80% { - -webkit-transform: translate(-1px, -1px) rotate(1deg); - -moz-transform: translate(-1px, -1px) rotate(1deg); - -o-transform: translate(-1px, -1px) rotate(1deg); - -ms-transform: translate(-1px, -1px) rotate(1deg); - transform: translate(-1px, -1px) rotate(1deg); - } - 90% { - -webkit-transform: translate(1px, 2px) rotate(0deg); - -moz-transform: translate(1px, 2px) rotate(0deg); - -o-transform: translate(1px, 2px) rotate(0deg); - -ms-transform: translate(1px, 2px) rotate(0deg); - transform: translate(1px, 2px) rotate(0deg); - } - 100% { - -webkit-transform: translate(1px, -2px) rotate(-1deg); - -moz-transform: translate(1px, -2px) rotate(-1deg); - -o-transform: translate(1px, -2px) rotate(-1deg); - -ms-transform: translate(1px, -2px) rotate(-1deg); - transform: translate(1px, -2px) rotate(-1deg); - } -} -@-moz-keyframes anzhiyu-pulse-animation { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -o-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-webkit-keyframes anzhiyu-pulse-animation { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -o-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-o-keyframes anzhiyu-pulse-animation { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -o-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes anzhiyu-pulse-animation { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -o-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-moz-keyframes anzhiyu-spin { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(1turn); - -moz-transform: rotate(1turn); - -o-transform: rotate(1turn); - -ms-transform: rotate(1turn); - transform: rotate(1turn); - } -} -@-webkit-keyframes anzhiyu-spin { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(1turn); - -moz-transform: rotate(1turn); - -o-transform: rotate(1turn); - -ms-transform: rotate(1turn); - transform: rotate(1turn); - } -} -@-o-keyframes anzhiyu-spin { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(1turn); - -moz-transform: rotate(1turn); - -o-transform: rotate(1turn); - -ms-transform: rotate(1turn); - transform: rotate(1turn); - } -} -@keyframes anzhiyu-spin { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(1turn); - -moz-transform: rotate(1turn); - -o-transform: rotate(1turn); - -ms-transform: rotate(1turn); - transform: rotate(1turn); - } -} -@-moz-keyframes scroll-down-effect { - 0% { - top: 0; - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; - filter: alpha(opacity=40); - } - 50% { - top: -16px; - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - top: 0; - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; - filter: alpha(opacity=40); - } -} -@-webkit-keyframes scroll-down-effect { - 0% { - top: 0; - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; - filter: alpha(opacity=40); - } - 50% { - top: -16px; - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - top: 0; - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; - filter: alpha(opacity=40); - } -} -@-o-keyframes scroll-down-effect { - 0% { - top: 0; - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; - filter: alpha(opacity=40); - } - 50% { - top: -16px; - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - top: 0; - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; - filter: alpha(opacity=40); - } -} -@keyframes scroll-down-effect { - 0% { - top: 0; - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; - filter: alpha(opacity=40); - } - 50% { - top: -16px; - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - top: 0; - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; - filter: alpha(opacity=40); - } -} -@-moz-keyframes header-effect { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: translateY(-50px); - -moz-transform: translateY(-50px); - -o-transform: translateY(-50px); - -ms-transform: translateY(-50px); - transform: translateY(-50px); - } - 100% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} -@-webkit-keyframes header-effect { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: translateY(-50px); - -moz-transform: translateY(-50px); - -o-transform: translateY(-50px); - -ms-transform: translateY(-50px); - transform: translateY(-50px); - } - 100% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} -@-o-keyframes header-effect { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: translateY(-50px); - -moz-transform: translateY(-50px); - -o-transform: translateY(-50px); - -ms-transform: translateY(-50px); - transform: translateY(-50px); - } - 100% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} -@keyframes header-effect { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: translateY(-50px); - -moz-transform: translateY(-50px); - -o-transform: translateY(-50px); - -ms-transform: translateY(-50px); - transform: translateY(-50px); - } - 100% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} -@-moz-keyframes headerNoOpacity { - 0% { - -webkit-transform: translateY(-50px); - -moz-transform: translateY(-50px); - -o-transform: translateY(-50px); - -ms-transform: translateY(-50px); - transform: translateY(-50px); - } - 100% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} -@-webkit-keyframes headerNoOpacity { - 0% { - -webkit-transform: translateY(-50px); - -moz-transform: translateY(-50px); - -o-transform: translateY(-50px); - -ms-transform: translateY(-50px); - transform: translateY(-50px); - } - 100% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} -@-o-keyframes headerNoOpacity { - 0% { - -webkit-transform: translateY(-50px); - -moz-transform: translateY(-50px); - -o-transform: translateY(-50px); - -ms-transform: translateY(-50px); - transform: translateY(-50px); - } - 100% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} -@keyframes headerNoOpacity { - 0% { - -webkit-transform: translateY(-50px); - -moz-transform: translateY(-50px); - -o-transform: translateY(-50px); - -ms-transform: translateY(-50px); - transform: translateY(-50px); - } - 100% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} -@-moz-keyframes bottom-top { - 0% { - margin-top: 50px; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - margin-top: 0; - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@-webkit-keyframes bottom-top { - 0% { - margin-top: 50px; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - margin-top: 0; - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@-o-keyframes bottom-top { - 0% { - margin-top: 50px; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - margin-top: 0; - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@keyframes bottom-top { - 0% { - margin-top: 50px; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - margin-top: 0; - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@-moz-keyframes titleScale { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: scale(0.7); - -moz-transform: scale(0.7); - -o-transform: scale(0.7); - -ms-transform: scale(0.7); - transform: scale(0.7); - } - 100% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } -} -@-webkit-keyframes titleScale { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: scale(0.7); - -moz-transform: scale(0.7); - -o-transform: scale(0.7); - -ms-transform: scale(0.7); - transform: scale(0.7); - } - 100% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } -} -@-o-keyframes titleScale { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: scale(0.7); - -moz-transform: scale(0.7); - -o-transform: scale(0.7); - -ms-transform: scale(0.7); - transform: scale(0.7); - } - 100% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } -} -@keyframes titleScale { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: scale(0.7); - -moz-transform: scale(0.7); - -o-transform: scale(0.7); - -ms-transform: scale(0.7); - transform: scale(0.7); - } - 100% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } -} -@-moz-keyframes search_close { - 0% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - 100% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - } -} -@-webkit-keyframes search_close { - 0% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - 100% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - } -} -@-o-keyframes search_close { - 0% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - 100% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - } -} -@keyframes search_close { - 0% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - 100% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - } -} -@-moz-keyframes to_show { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@-webkit-keyframes to_show { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@-o-keyframes to_show { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@keyframes to_show { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@-moz-keyframes to_hide { - 0% { - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } -} -@-webkit-keyframes to_hide { - 0% { - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } -} -@-o-keyframes to_hide { - 0% { - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } -} -@keyframes to_hide { - 0% { - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } -} -@-moz-keyframes ribbon_to_show { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - } -} -@-webkit-keyframes ribbon_to_show { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - } -} -@-o-keyframes ribbon_to_show { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - } -} -@keyframes ribbon_to_show { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - } -} -@-moz-keyframes avatar_turn_around { - from { - -webkit-transform: rotate(0); - -moz-transform: rotate(0); - -o-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -o-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-webkit-keyframes avatar_turn_around { - from { - -webkit-transform: rotate(0); - -moz-transform: rotate(0); - -o-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -o-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-o-keyframes avatar_turn_around { - from { - -webkit-transform: rotate(0); - -moz-transform: rotate(0); - -o-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -o-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes avatar_turn_around { - from { - -webkit-transform: rotate(0); - -moz-transform: rotate(0); - -o-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -o-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-moz-keyframes donate_effcet { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: translateY(-20px); - -moz-transform: translateY(-20px); - -o-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px); - } - 100% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} -@-webkit-keyframes donate_effcet { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: translateY(-20px); - -moz-transform: translateY(-20px); - -o-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px); - } - 100% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} -@-o-keyframes donate_effcet { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: translateY(-20px); - -moz-transform: translateY(-20px); - -o-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px); - } - 100% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} -@keyframes donate_effcet { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: translateY(-20px); - -moz-transform: translateY(-20px); - -o-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px); - } - 100% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} -@-moz-keyframes sidebarItem { - 0% { - -webkit-transform: translateX(200px); - -moz-transform: translateX(200px); - -o-transform: translateX(200px); - -ms-transform: translateX(200px); - transform: translateX(200px); - } - 100% { - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -o-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} -@-webkit-keyframes sidebarItem { - 0% { - -webkit-transform: translateX(200px); - -moz-transform: translateX(200px); - -o-transform: translateX(200px); - -ms-transform: translateX(200px); - transform: translateX(200px); - } - 100% { - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -o-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} -@-o-keyframes sidebarItem { - 0% { - -webkit-transform: translateX(200px); - -moz-transform: translateX(200px); - -o-transform: translateX(200px); - -ms-transform: translateX(200px); - transform: translateX(200px); - } - 100% { - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -o-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} -@keyframes sidebarItem { - 0% { - -webkit-transform: translateX(200px); - -moz-transform: translateX(200px); - -o-transform: translateX(200px); - -ms-transform: translateX(200px); - transform: translateX(200px); - } - 100% { - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -o-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} -@-moz-keyframes sidebarItem { - 0% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } -} -@-webkit-keyframes sidebarItem { - 0% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } -} -@-o-keyframes sidebarItem { - 0% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } -} -@keyframes sidebarItem { - 0% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } -} -@-moz-keyframes barrageIn { - 0% { - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@-webkit-keyframes barrageIn { - 0% { - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@-o-keyframes barrageIn { - 0% { - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@keyframes barrageIn { - 0% { - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@-moz-keyframes barrageOut { - 0% { - -webkit-transform: translateY(0px); - -moz-transform: translateY(0px); - -o-transform: translateY(0px); - -ms-transform: translateY(0px); - transform: translateY(0px); - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } -} -@-webkit-keyframes barrageOut { - 0% { - -webkit-transform: translateY(0px); - -moz-transform: translateY(0px); - -o-transform: translateY(0px); - -ms-transform: translateY(0px); - transform: translateY(0px); - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } -} -@-o-keyframes barrageOut { - 0% { - -webkit-transform: translateY(0px); - -moz-transform: translateY(0px); - -o-transform: translateY(0px); - -ms-transform: translateY(0px); - transform: translateY(0px); - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } -} -@keyframes barrageOut { - 0% { - -webkit-transform: translateY(0px); - -moz-transform: translateY(0px); - -o-transform: translateY(0px); - -ms-transform: translateY(0px); - transform: translateY(0px); - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } -} -@-moz-keyframes toLeftFull { - 0% { - -webkit-transform: translateX(200%); - -moz-transform: translateX(200%); - -o-transform: translateX(200%); - -ms-transform: translateX(200%); - transform: translateX(200%); - } - 100% { - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -o-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} -@-webkit-keyframes toLeftFull { - 0% { - -webkit-transform: translateX(200%); - -moz-transform: translateX(200%); - -o-transform: translateX(200%); - -ms-transform: translateX(200%); - transform: translateX(200%); - } - 100% { - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -o-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} -@-o-keyframes toLeftFull { - 0% { - -webkit-transform: translateX(200%); - -moz-transform: translateX(200%); - -o-transform: translateX(200%); - -ms-transform: translateX(200%); - transform: translateX(200%); - } - 100% { - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -o-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} -@keyframes toLeftFull { - 0% { - -webkit-transform: translateX(200%); - -moz-transform: translateX(200%); - -o-transform: translateX(200%); - -ms-transform: translateX(200%); - transform: translateX(200%); - } - 100% { - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -o-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} -@-moz-keyframes toRightFull { - 0% { - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -o-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - 100% { - -webkit-transform: translateX(200%); - -moz-transform: translateX(200%); - -o-transform: translateX(200%); - -ms-transform: translateX(200%); - transform: translateX(200%); - } -} -@-webkit-keyframes toRightFull { - 0% { - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -o-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - 100% { - -webkit-transform: translateX(200%); - -moz-transform: translateX(200%); - -o-transform: translateX(200%); - -ms-transform: translateX(200%); - transform: translateX(200%); - } -} -@-o-keyframes toRightFull { - 0% { - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -o-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - 100% { - -webkit-transform: translateX(200%); - -moz-transform: translateX(200%); - -o-transform: translateX(200%); - -ms-transform: translateX(200%); - transform: translateX(200%); - } -} -@keyframes toRightFull { - 0% { - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -o-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - 100% { - -webkit-transform: translateX(200%); - -moz-transform: translateX(200%); - -o-transform: translateX(200%); - -ms-transform: translateX(200%); - transform: translateX(200%); - } -} -@-moz-keyframes breathe { - 0% { - -webkit-transform: scale(0.97); - -moz-transform: scale(0.97); - -o-transform: scale(0.97); - -ms-transform: scale(0.97); - transform: scale(0.97); - } - 50% { - -webkit-transform: scale(1.1); - -moz-transform: scale(1.1); - -o-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - } - 100% { - -webkit-transform: scale(0.97); - -moz-transform: scale(0.97); - -o-transform: scale(0.97); - -ms-transform: scale(0.97); - transform: scale(0.97); - } -} -@-webkit-keyframes breathe { - 0% { - -webkit-transform: scale(0.97); - -moz-transform: scale(0.97); - -o-transform: scale(0.97); - -ms-transform: scale(0.97); - transform: scale(0.97); - } - 50% { - -webkit-transform: scale(1.1); - -moz-transform: scale(1.1); - -o-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - } - 100% { - -webkit-transform: scale(0.97); - -moz-transform: scale(0.97); - -o-transform: scale(0.97); - -ms-transform: scale(0.97); - transform: scale(0.97); - } -} -@-o-keyframes breathe { - 0% { - -webkit-transform: scale(0.97); - -moz-transform: scale(0.97); - -o-transform: scale(0.97); - -ms-transform: scale(0.97); - transform: scale(0.97); - } - 50% { - -webkit-transform: scale(1.1); - -moz-transform: scale(1.1); - -o-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - } - 100% { - -webkit-transform: scale(0.97); - -moz-transform: scale(0.97); - -o-transform: scale(0.97); - -ms-transform: scale(0.97); - transform: scale(0.97); - } -} -@keyframes breathe { - 0% { - -webkit-transform: scale(0.97); - -moz-transform: scale(0.97); - -o-transform: scale(0.97); - -ms-transform: scale(0.97); - transform: scale(0.97); - } - 50% { - -webkit-transform: scale(1.1); - -moz-transform: scale(1.1); - -o-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - } - 100% { - -webkit-transform: scale(0.97); - -moz-transform: scale(0.97); - -o-transform: scale(0.97); - -ms-transform: scale(0.97); - transform: scale(0.97); - } -} -@-moz-keyframes animate-in-and-out { - entry 0% { - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); - -webkit-transform: scaleX(0.9); - -moz-transform: scaleX(0.9); - -o-transform: scaleX(0.9); - -ms-transform: scaleX(0.9); - transform: scaleX(0.9); - } - entry 100% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: scaleX(1); - -moz-transform: scaleX(1); - -o-transform: scaleX(1); - -ms-transform: scaleX(1); - transform: scaleX(1); - } -} -@-webkit-keyframes animate-in-and-out { - entry 0% { - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); - -webkit-transform: scaleX(0.9); - -moz-transform: scaleX(0.9); - -o-transform: scaleX(0.9); - -ms-transform: scaleX(0.9); - transform: scaleX(0.9); - } - entry 100% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: scaleX(1); - -moz-transform: scaleX(1); - -o-transform: scaleX(1); - -ms-transform: scaleX(1); - transform: scaleX(1); - } -} -@-o-keyframes animate-in-and-out { - entry 0% { - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); - -webkit-transform: scaleX(0.9); - -moz-transform: scaleX(0.9); - -o-transform: scaleX(0.9); - -ms-transform: scaleX(0.9); - transform: scaleX(0.9); - } - entry 100% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: scaleX(1); - -moz-transform: scaleX(1); - -o-transform: scaleX(1); - -ms-transform: scaleX(1); - transform: scaleX(1); - } -} -@keyframes animate-in-and-out { - entry 0% { - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); - -webkit-transform: scaleX(0.9); - -moz-transform: scaleX(0.9); - -o-transform: scaleX(0.9); - -ms-transform: scaleX(0.9); - transform: scaleX(0.9); - } - entry 100% { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: scaleX(1); - -moz-transform: scaleX(1); - -o-transform: scaleX(1); - -ms-transform: scaleX(1); - transform: scaleX(1); - } -} -@-moz-keyframes header { - entry 0% { - --anzhiyu-header-translateY: 160px; - --anzhiyu-header-info-scale: 0.7; - --anzhiyu-header-cover-scale: 1; - } - entry 100% { - --anzhiyu-header-translateY: 0px; - --anzhiyu-header-info-scale: 1; - --anzhiyu-header-cover-scale: 2; - } - exit 100% { - --anzhiyu-header-translateY: 160px; - --anzhiyu-header-info-scale: 0.7; - --anzhiyu-header-cover-scale: 1; - } - exit 0% { - --anzhiyu-header-translateY: 0px; - --anzhiyu-header-info-scale: 1; - --anzhiyu-header-cover-scale: 2; - } -} -@-webkit-keyframes header { - entry 0% { - --anzhiyu-header-translateY: 160px; - --anzhiyu-header-info-scale: 0.7; - --anzhiyu-header-cover-scale: 1; - } - entry 100% { - --anzhiyu-header-translateY: 0px; - --anzhiyu-header-info-scale: 1; - --anzhiyu-header-cover-scale: 2; - } - exit 100% { - --anzhiyu-header-translateY: 160px; - --anzhiyu-header-info-scale: 0.7; - --anzhiyu-header-cover-scale: 1; - } - exit 0% { - --anzhiyu-header-translateY: 0px; - --anzhiyu-header-info-scale: 1; - --anzhiyu-header-cover-scale: 2; - } -} -@-o-keyframes header { - entry 0% { - --anzhiyu-header-translateY: 160px; - --anzhiyu-header-info-scale: 0.7; - --anzhiyu-header-cover-scale: 1; - } - entry 100% { - --anzhiyu-header-translateY: 0px; - --anzhiyu-header-info-scale: 1; - --anzhiyu-header-cover-scale: 2; - } - exit 100% { - --anzhiyu-header-translateY: 160px; - --anzhiyu-header-info-scale: 0.7; - --anzhiyu-header-cover-scale: 1; - } - exit 0% { - --anzhiyu-header-translateY: 0px; - --anzhiyu-header-info-scale: 1; - --anzhiyu-header-cover-scale: 2; - } -} -@keyframes header { - entry 0% { - --anzhiyu-header-translateY: 160px; - --anzhiyu-header-info-scale: 0.7; - --anzhiyu-header-cover-scale: 1; - } - entry 100% { - --anzhiyu-header-translateY: 0px; - --anzhiyu-header-info-scale: 1; - --anzhiyu-header-cover-scale: 2; - } - exit 100% { - --anzhiyu-header-translateY: 160px; - --anzhiyu-header-info-scale: 0.7; - --anzhiyu-header-cover-scale: 1; - } - exit 0% { - --anzhiyu-header-translateY: 0px; - --anzhiyu-header-info-scale: 1; - --anzhiyu-header-cover-scale: 2; - } -} -@-moz-keyframes post-info-slide-in { - 0% { - -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@-webkit-keyframes post-info-slide-in { - 0% { - -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@-o-keyframes post-info-slide-in { - 0% { - -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@keyframes post-info-slide-in { - 0% { - -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - transform: scale(var(--anzhiyu-header-info-scale)) translateY(0); - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@-moz-keyframes slide-in { - 0% { - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@-webkit-keyframes slide-in { - 0% { - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@-o-keyframes slide-in { - 0% { - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@keyframes slide-in { - 0% { - -webkit-transform: translateY(20px); - -moz-transform: translateY(20px); - -o-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } - 100% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - opacity: 1; - -ms-filter: none; - filter: none; - } -} -@-moz-keyframes floating { - 0% { - -webkit-transform: translate(0, -4px); - -moz-transform: translate(0, -4px); - -o-transform: translate(0, -4px); - -ms-transform: translate(0, -4px); - transform: translate(0, -4px); - } - 50% { - -webkit-transform: translate(0, 4px); - -moz-transform: translate(0, 4px); - -o-transform: translate(0, 4px); - -ms-transform: translate(0, 4px); - transform: translate(0, 4px); - } - 100% { - -webkit-transform: translate(0, -4px); - -moz-transform: translate(0, -4px); - -o-transform: translate(0, -4px); - -ms-transform: translate(0, -4px); - transform: translate(0, -4px); - } -} -@-webkit-keyframes floating { - 0% { - -webkit-transform: translate(0, -4px); - -moz-transform: translate(0, -4px); - -o-transform: translate(0, -4px); - -ms-transform: translate(0, -4px); - transform: translate(0, -4px); - } - 50% { - -webkit-transform: translate(0, 4px); - -moz-transform: translate(0, 4px); - -o-transform: translate(0, 4px); - -ms-transform: translate(0, 4px); - transform: translate(0, 4px); - } - 100% { - -webkit-transform: translate(0, -4px); - -moz-transform: translate(0, -4px); - -o-transform: translate(0, -4px); - -ms-transform: translate(0, -4px); - transform: translate(0, -4px); - } -} -@-o-keyframes floating { - 0% { - -webkit-transform: translate(0, -4px); - -moz-transform: translate(0, -4px); - -o-transform: translate(0, -4px); - -ms-transform: translate(0, -4px); - transform: translate(0, -4px); - } - 50% { - -webkit-transform: translate(0, 4px); - -moz-transform: translate(0, 4px); - -o-transform: translate(0, 4px); - -ms-transform: translate(0, 4px); - transform: translate(0, 4px); - } - 100% { - -webkit-transform: translate(0, -4px); - -moz-transform: translate(0, -4px); - -o-transform: translate(0, -4px); - -ms-transform: translate(0, -4px); - transform: translate(0, -4px); - } -} -@keyframes floating { - 0% { - -webkit-transform: translate(0, -4px); - -moz-transform: translate(0, -4px); - -o-transform: translate(0, -4px); - -ms-transform: translate(0, -4px); - transform: translate(0, -4px); - } - 50% { - -webkit-transform: translate(0, 4px); - -moz-transform: translate(0, 4px); - -o-transform: translate(0, 4px); - -ms-transform: translate(0, 4px); - transform: translate(0, 4px); - } - 100% { - -webkit-transform: translate(0, -4px); - -moz-transform: translate(0, -4px); - -o-transform: translate(0, -4px); - -ms-transform: translate(0, -4px); - transform: translate(0, -4px); - } -} -i.anzhiyu-icon-hashtag { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - font-size: 13px; -} -:root { - --animation-on: cubic-bezier(0.6, 0.1, 0, 1); - --animation-in: cubic-bezier(0.6, 0.2, 0.25, 1); - --animation-ot: opacity 0.5s var(--animation-in) backwards, transform 1s var(--animation-in) backwards; - --animation-otf: opacity 0.5s var(--animation-in) backwards, transform 1s var(--animation-in) backwards, filter 0.7s var(--animation-in) backwards; - --global-font-size: 16px; - --global-bg: #fff; - --font-color: #4c4948; - --hr-border: rgba(161,172,247,0.137); - --hr-before-color: rgba(123,139,244,0.137); - --search-bg: #f6f8fa; - --search-input-color: #4c4948; - --search-result-title: #4c4948; - --preloader-bg: #37474f; - --preloader-color: #fff; - --tab-border-color: #f0f0f0; - --tab-botton-bg: #f0f0f0; - --tab-botton-color: #1f2d3d; - --tab-button-hover-bg: #dcdcdc; - --tab-button-active-bg: #fff; - --card-bg: #fff; - --sidebar-bg: #f6f8fa; - --btn-hover-color: #ff7242; - --btn-color: #fff; - --btn-bg: var(--anzhiyu-main); - --text-bg-hover: rgba(66,90,239,0.7); - --light-grey: #eee; - --dark-grey: #cacaca; - --white: #fff; - --text-highlight-color: #1f2d3d; - --blockquote-color: #6a737d; - --blockquote-bg: rgba(66,90,239,0.1); - --reward-pop: #f5f5f5; - --toc-link-color: #666261; - --card-box-shadow: 0 3px 8px 6px rgba(7,17,27,0.05); - --card-hover-box-shadow: 0 3px 8px 6px rgba(7,17,27,0.09); - --pseudo-hover: #ff7242; - --headline-presudo: var(--anzhiyu-fontcolor); - --scrollbar-color: var(--anzhiyu-scrollbar); - --anzhiyu-snackbar-time: 2000ms; - --anzhiyu-deep-purple: #405589; - --anzhiyu-meta-theme-color: #f7f9fe; - --anzhiyu-bar-background: var(--anzhiyu-main); - --anzhiyu-theme-op: rgba(66,89,239,0.137); - --anzhiyu-card-bg-none: rgba(255,255,255,0); - --anzhiyu-main-op-deep: var(--anzhiyu-theme-op-deep) !important; - --anzhiyu-gray-op: rgba(153,153,153,0.169); - --anzhiyu-theme-top: var(--anzhiyu-theme); - --anzhiyu-white: #fff; - --anzhiyu-white-op: rgba(255,255,255,0.2); - --anzhiyu-black: #000; - --anzhiyu-black-op: rgba(0,0,0,0.2); - --anzhiyu-none: rgba(0,0,0,0); - --anzhiyu-gray: #999; - --anzhiyu-yellow: #ffc93e; - --anzhiyu-orange: #e38100; - --anzhiyu-blue-hover: #5390e6; - --anzhiyu-radius-full: 50px; - --anzhiyu-radius: 8px; - --anzhiyu-border-radius: 8px; - --anzhiyu-main: var(--anzhiyu-theme); - --anzhiyu-main-op: var(--anzhiyu-theme-op); - --anzhiyu-shadow-theme: 0 8px 12px -3px var(--anzhiyu-theme-op); - --anzhiyu-shadow-main: 0 8px 12px -3px var(--anzhiyu-main-op); - --anzhiyu-shadow-blue: 0 8px 12px -3px rgba(40,109,234,0.2); - --anzhiyu-shadow-white: 0 8px 12px -3px rgba(255,255,255,0.2); - --anzhiyu-shadow-black: 0 0 12px 4px rgba(0,0,0,0.05); - --anzhiyu-shadow-yellow: 0px 38px 77px -26px rgba(255,201,62,0.12); - --anzhiyu-shadow-red: 0 8px 12px -3px rgba(238,125,121,0.212); - --anzhiyu-shadow-green: 0 8px 12px -3px rgba(135,238,121,0.212); - --anzhiyu-shadow-border: 0 8px 16px -4px rgba(44,45,48,0.047); - --anzhiyu-shadow-blackdeep: 0 2px 16px -3px rgba(0,0,0,0.15); - --anzhiyu-logo-color: linear-gradient(215deg, #4584ff 0%, #cf0db9 100%); - --anzhiyu-code-stress: var(--anzhiyu-main); - --style-border: 1px solid var(--anzhiyu-card-border); - --anzhiyu-blue-main: #425aef; - --style-border-hover: 1px solid var(--anzhiyu-main); - --style-border-dashed: 1px dashed var(--anzhiyu-theme-op); - --style-border-avatar: 5px solid var(--anzhiyu-white); - --style-border-always: 1px solid var(--anzhiyu-card-border); - --style-border-none: 1px solid transparent; - --style-border-deep-ash: 1px solid #d0d7de; - --style-border-hover-always: 1px solid var(--anzhiyu-main); - --anzhiyu-main-none: rgba(184,184,184,0) !important; - --anzhiyu-wihite-font: #fff; -} -@media (prefers-color-scheme: light) { -} -[data-theme="light"] { - --anzhiyu-meta-theme-post-color: #fff; - --anzhiyu-meta-theme-color: #f7f9fe; - --anzhiyu-theme-op-deep: rgba(66,89,239,0.867); - --global-bg: #f7f9fe; - --anzhiyu-theme: #425aef; - --anzhiyu-theme-deep: #1856fb; - --anzhiyu-theme-op: rgba(66,89,239,0.137); - --anzhiyu-blue: #5ca1ff; - --anzhiyu-blue-tint: rgba(92,161,255,0.1); - --anzhiyu-red: #d8213c; - --anzhiyu-pink: #ff7c7c; - --anzhiyu-green: #57bd6a; - --anzhiyu-fontcolor: #363636; - --anzhiyu-background: #f7f9fe; - --anzhiyu-reverse: #000; - --anzhiyu-maskbg: rgba(255,255,255,0.6); - --anzhiyu-maskbgdeep: rgba(255,255,255,0.85); - --anzhiyu-scrollbar: rgba(60,60,67,0.4); - --anzhiyu-hovertext: var(--anzhiyu-theme); - --anzhiyu-ahoverbg: #f7f7fa; - --anzhiyu-lighttext: var(--anzhiyu-main); - --anzhiyu-secondtext: rgba(60,60,67,0.8); - --anzhiyu-scrollbar: rgba(60,60,67,0.4); - --anzhiyu-card-btn-bg: #edf0f7; - --anzhiyu-post-blockquote-bg: #fafcff; - --anzhiyu-post-tabs-bg: #f2f5f8; - --anzhiyu-secondbg: #f7f7f9; - --anzhiyu-shadow-nav: 0 5px 12px -5px rgba(102,68,68,0.05); - --anzhiyu-card-bg: #fff; - --anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102,68,68,0); - --anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102,68,68,0); - --anzhiyu-card-border: #e3e8f7; - --anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102,68,68,0); - --anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102,68,68,0); - --anzhiyu-wihite-font: #fff; -} -@media (prefers-color-scheme: dark) { -} -[data-theme="dark"] { - --anzhiyu-meta-theme-post-color: #1d1e22; - --anzhiyu-meta-theme-color: #000; - --anzhiyu-blue: #5ca1ff; - --anzhiyu-blue-tint: rgba(92,161,255,0.1); - --anzhiyu-theme-op-deep: rgba(0,132,255,0.867); - --global-bg: #18171d; - --anzhiyu-theme: #f2b94b; - --anzhiyu-theme-deep: #0076e5; - --anzhiyu-theme-op: rgba(242,185,75,0.137); - --anzhiyu-blue: #0084ff; - --anzhiyu-red: #ff3842; - --anzhiyu-pink: #ff7c7c; - --anzhiyu-green: #57bd6a; - --anzhiyu-fontcolor: #f7f7fa; - --anzhiyu-background: #18171d; - --anzhiyu-reverse: #fff; - --anzhiyu-maskbg: rgba(0,0,0,0.6); - --anzhiyu-maskbgdeep: rgba(0,0,0,0.85); - --anzhiyu-hovertext: #0a84ff; - --anzhiyu-ahoverbg: #fff; - --anzhiyu-scrollbar: rgba(200,200,223,0.4); - --anzhiyu-lighttext: #f2b94b; - --anzhiyu-secondtext: #a1a2b8; - --anzhiyu-scrollbar: rgba(200,200,223,0.4); - --anzhiyu-card-btn-bg: #30343f; - --anzhiyu-post-blockquote-bg: #000; - --anzhiyu-post-tabs-bg: #121212; - --anzhiyu-secondbg: #21232a; - --anzhiyu-shadow-nav: 0 5px 20px 0px rgba(28,28,28,0.4); - --anzhiyu-card-bg: #1d1e22; - --anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102,68,68,0); - --anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102,68,68,0); - --anzhiyu-card-border: #42444a; - --anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102,68,68,0); - --anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102,68,68,0); - --anzhiyu-wihite-font: #f6f6f6; -} -body { - position: relative; - min-height: 100%; - background: var(--global-bg); - color: var(--font-color); - font-size: var(--global-font-size); - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Lato, Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif; - line-height: 2; - -webkit-tap-highlight-color: rgba(0,0,0,0); -} -*::-webkit-scrollbar { - width: 6px; - height: 6px; -} -*::-webkit-scrollbar-thumb { - background: var(--scrollbar-color); - border-radius: 8px; - cursor: pointer; -} -*::-webkit-scrollbar-track { - background-color: transparent; -} -::-webkit-scrollbar-corner { - background-color: transparent; -} -* { - scrollbar-width: thin; - scrollbar-color: var(--scrollbar-color) transparent; -} -input::placeholder { - color: var(--font-color); -} -#web_bg { - position: fixed; - z-index: -999; - width: 200%; - height: 200%; - top: -50%; - left: -50%; - -webkit-transform: rotate(-1deg); - -moz-transform: rotate(-1deg); - -o-transform: rotate(-1deg); - -ms-transform: rotate(-1deg); - transform: rotate(-1deg); - -webkit-overflow-scrolling: touch; - background: var(--anzhiyu-background); - background-attachment: local; - background-position: center; - background-size: cover; - background-repeat: no-repeat; -} -h1, -h2, -h3, -h4, -h5, -h6 { - position: relative; - margin: 20px 0 14px; - color: var(--text-highlight-color); - font-weight: bold; -} -h1 code, -h2 code, -h3 code, -h4 code, -h5 code, -h6 code { - font-size: inherit !important; -} -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -hr { - position: relative; - margin: 40px auto; - border: 2px dashed var(--hr-border); - width: calc(100% - 4px); -} -hr:hover:before { - left: calc(95% - 20px); -} -hr:before { - position: absolute; - top: -10px; - left: 5%; - z-index: 1; - color: var(--hr-before-color); - content: '\f0c4'; - font-size: 16px; - line-height: 1; - -webkit-transition: all 1s ease-in-out; - -moz-transition: all 1s ease-in-out; - -o-transition: all 1s ease-in-out; - -ms-transition: all 1s ease-in-out; - transition: all 1s ease-in-out; -} -html { - overflow-y: overlay; -} -.table-wrap { - overflow-x: scroll; - margin: 1rem 0; - border-radius: 8px; -} -table { - display: table; - width: 100%; - border-spacing: 0; - border-collapse: collapse; - empty-cells: show; -} -table thead { - background: var(--anzhiyu-secondbg); -} -table th, -table td { - padding: 0.3rem 0.6rem; - vertical-align: middle; - border: var(--style-border-always); -} -*::selection { - background: #2128bd; - color: #f7f7f7; -} -button { - padding: 0; - outline: 0; - border: none; - background: none; - cursor: pointer; - touch-action: manipulation; -} -a { - color: var(--anzhiyu-fontcolor); - text-decoration: none; - word-wrap: break-word; - -webkit-transition: all 0.2s ease 0s; - -moz-transition: all 0.2s ease 0s; - -o-transition: all 0.2s ease 0s; - -ms-transition: all 0.2s ease 0s; - transition: all 0.2s ease 0s; - overflow-wrap: break-word; -} -a:hover { - color: #425aef; -} -#site-title, -#site-subtitle, -#site-name, -#aside-content .author-info__name, -#aside-content .author-info__description { - font-family: PingFang SC, 'Hiragino Sans GB', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif; -} -.is-center { - text-align: center; -} -.copy-true { - -webkit-user-select: all; - -moz-user-select: all; - -ms-user-select: all; - user-select: all; -} -.pull-left { - float: left; -} -.pull-right { - float: right; -} -img[src=''], -img:not([src]) { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); -} -img[data-lazy-src]:not(.loaded) { - filter: blur(8px) brightness(1); -} -img[data-lazy-src].error { - filter: none; - opacity: 1 !important; - -ms-filter: none !important; - filter: none !important; -} -img[data-lazy-src]:not(.loaded) { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); -} -img[src=''], -img:not([src]) { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); -} -.img-alt { - font-size: 12px; - margin: 0; - margin-top: 8px; - color: var(--anzhiyu-secondtext); -} -.img-alt:hover { - text-decoration: none !important; -} -blockquote { - margin: 0 0 20px; - padding: 12px 15px; - border-left: 3px solid #425aef; - background-color: var(--blockquote-bg); - color: var(--blockquote-color); -} -blockquote footer cite:before { - padding: 0 5px; - content: '—'; -} -blockquote > :last-child { - margin-bottom: 0 !important; -} -.time_hidden { - display: none !important; -} -#single_top { - padding: 1.875rem 1.5rem 0; - max-width: 1400px; - width: 100%; - margin: 0 auto; -} -@media screen and (max-width: 768px) { - #single_top + #content-inner { - padding: 1.875rem 0rem 0; - } -} -.loading-bg { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - width: 100%; - height: 100%; - position: fixed; - background: var(--anzhiyu-card-bg); - z-index: 1001; - opacity: 1; - -ms-filter: none; - filter: none; - overflow: hidden; - -webkit-transition: 0.2s; - -moz-transition: 0.2s; - -o-transition: 0.2s; - -ms-transition: 0.2s; - transition: 0.2s; - -webkit-animation: showLoading 0.3s 0s backwards; - -moz-animation: showLoading 0.3s 0s backwards; - -o-animation: showLoading 0.3s 0s backwards; - -ms-animation: showLoading 0.3s 0s backwards; - animation: showLoading 0.3s 0s backwards; -} -.loading-bg::-webkit-scrollbar { - display: none; -} -#loading-box { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -#loading-box .loading-img { - width: 100px; - height: 100px; - border-radius: 50%; - margin: auto; - border: 4px solid #f0f0f2; - -webkit-animation-duration: 0.2s; - -moz-animation-duration: 0.2s; - -o-animation-duration: 0.2s; - -ms-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-name: loadingAction; - -moz-animation-name: loadingAction; - -o-animation-name: loadingAction; - -ms-animation-name: loadingAction; - animation-name: loadingAction; - -webkit-animation-iteration-count: infinite; - -moz-animation-iteration-count: infinite; - -o-animation-iteration-count: infinite; - -ms-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-direction: alternate; - -moz-animation-direction: alternate; - -o-animation-direction: alternate; - -ms-animation-direction: alternate; - animation-direction: alternate; -} -#loading-box .loading-image-dot { - width: 30px; - height: 30px; - background: #6bdf8f; - position: absolute; - border-radius: 50%; - border: 6px solid #fff; - top: 50%; - left: 50%; - -webkit-transform: translate(18px, 24px); - -moz-transform: translate(18px, 24px); - -o-transform: translate(18px, 24px); - -ms-transform: translate(18px, 24px); - transform: translate(18px, 24px); -} -#loading-box.loaded .loading-bg { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - z-index: -1000; -} -@-moz-keyframes loadingAction { - 0% { - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; - filter: alpha(opacity=40); - } -} -@-webkit-keyframes loadingAction { - 0% { - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; - filter: alpha(opacity=40); - } -} -@-o-keyframes loadingAction { - 0% { - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; - filter: alpha(opacity=40); - } -} -@keyframes loadingAction { - 0% { - opacity: 1; - -ms-filter: none; - filter: none; - } - 100% { - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; - filter: alpha(opacity=40); - } -} -:root { - --hl-color: #90a4ae; - --hl-bg: #f6f8fa; - --hltools-bg: var(--anzhiyu-secondbg); - --hltools-color: var(--anzhiyu-fontcolor); - --hlnumber-bg: #f6f8fa; - --hlnumber-color: rgba(144,164,174,0.5); - --hlscrollbar-bg: #dce4eb; - --hlexpand-bg: linear-gradient(180deg, rgba(246,248,250,0.6), rgba(246,248,250,0.9)); -} -[data-theme='dark'] { - --hl-color: rgba(255,255,255,0.7); - --hl-bg: #171717; - --hltools-bg: #1a1a1a; - --hltools-color: #90a4ae; - --hlnumber-bg: #171717; - --hlnumber-color: rgba(255,255,255,0.4); - --hlscrollbar-bg: #1f1f1f; - --hlexpand-bg: linear-gradient(180deg, rgba(23,23,23,0.6), rgba(23,23,23,0.9)); -} -figure.highlight table { - scrollbar-color: var(--hlscrollbar-bg) transparent; -} -figure.highlight table::-webkit-scrollbar-thumb { - background: var(--hlscrollbar-bg); -} -figure.highlight pre .deletion { - color: #bf42bf; -} -figure.highlight pre .addition { - color: #105ede; -} -figure.highlight pre .meta { - color: #7c4dff; -} -figure.highlight pre .comment { - color: #969896; -} -figure.highlight pre .variable, -figure.highlight pre .attribute, -figure.highlight pre .regexp, -figure.highlight pre .ruby .constant, -figure.highlight pre .xml .tag .title, -figure.highlight pre .xml .pi, -figure.highlight pre .xml .doctype, -figure.highlight pre .html .doctype, -figure.highlight pre .css .id, -figure.highlight pre .tag .name, -figure.highlight pre .css .class, -figure.highlight pre .css .pseudo { - color: #e53935; -} -figure.highlight pre .tag { - color: #39adb5; -} -figure.highlight pre .number, -figure.highlight pre .preprocessor, -figure.highlight pre .literal, -figure.highlight pre .params, -figure.highlight pre .constant, -figure.highlight pre .command { - color: #f76d47; -} -figure.highlight pre .built_in { - color: #ffb62c; -} -figure.highlight pre .ruby .class .title, -figure.highlight pre .css .rules .attribute, -figure.highlight pre .string, -figure.highlight pre .value, -figure.highlight pre .inheritance, -figure.highlight pre .header, -figure.highlight pre .ruby .symbol, -figure.highlight pre .xml .cdata, -figure.highlight pre .special, -figure.highlight pre .number, -figure.highlight pre .formula { - color: #91b859; -} -figure.highlight pre .keyword, -figure.highlight pre .title, -figure.highlight pre .css .hexcolor { - color: #39adb5; -} -figure.highlight pre .function, -figure.highlight pre .python .decorator, -figure.highlight pre .python .title, -figure.highlight pre .ruby .function .title, -figure.highlight pre .ruby .title .keyword, -figure.highlight pre .perl .sub, -figure.highlight pre .javascript .title, -figure.highlight pre .coffeescript .title { - color: #6182b8; -} -figure.highlight pre .tag .attr, -figure.highlight pre .javascript .function { - color: #7c4dff; -} -#article-container figure.highlight .line.marked { - background-color: rgba(128,203,196,0.251); -} -#article-container figure.highlight table { - display: block; - overflow: auto; - border: none; -} -#article-container figure.highlight table td { - padding: 0; - border: none; -} -#article-container figure.highlight .gutter pre { - padding-right: 0.625rem; - padding-left: 1.25rem; - background: var(--anzhiyu-secondbg); - background-color: var(--anzhiyu-secondbg); - border-right: var(--style-border-always); - padding-right: 0.5rem; - padding-left: 0.5rem; - color: var(--hlnumber-color); - text-align: right; -} -#article-container figure.highlight .code pre { - padding-right: 10px; - padding-left: 10px; - width: 100%; -} -#article-container pre, -#article-container figure.highlight { - overflow: auto; - margin: 0 0 20px; - padding: 0; - background: var(--anzhiyu-card-bg); - border: var(--style-border-always); - color: var(--hl-color); - line-height: 1.6; -} -#article-container pre, -#article-container code { - font-size: var(--global-font-size); - font-family: consolas, Menlo, "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif !important; -} -#article-container code { - padding: 2px 4px; - background: var(--anzhiyu-code-stress); - color: #fff; -} -#article-container pre { - padding: 10px 20px; -} -#article-container pre code { - padding: 0; - background: none; - color: var(--hl-color); - text-shadow: none; -} -#article-container figure.highlight { - position: relative; -} -#article-container figure.highlight pre { - margin: 0; - padding: 8px 0; - border: none; -} -#article-container figure.highlight figcaption, -#article-container figure.highlight .caption { - padding: 6px 0 2px 14px; - font-size: var(--global-font-size); - line-height: 1em; -} -#article-container figure.highlight figcaption a, -#article-container figure.highlight .caption a { - float: right; - padding-right: 10px; - color: var(--hl-color); -} -#article-container figure.highlight figcaption a:hover, -#article-container figure.highlight .caption a:hover { - border-bottom-color: var(--hl-color); -} -#article-container .highlight-tools { - position: relative; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - overflow: hidden; - min-height: 24px; - height: 2.15em; - background: var(--hltools-bg); - color: var(--hltools-color); - font-size: var(--global-font-size); - border-bottom: var(--style-border-always); -} -#article-container .highlight-tools.closed { - border-bottom: 1px solid transparent; - height: calc(2.15em - 1px); -} -#article-container .highlight-tools.closed ~ * { - display: none; -} -#article-container .highlight-tools.closed .expand { - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - -ms-transition: all 0.3s; - transition: all 0.3s; - -webkit-transform: rotate(-90deg) !important; - -moz-transform: rotate(-90deg) !important; - -o-transform: rotate(-90deg) !important; - -ms-transform: rotate(-90deg) !important; - transform: rotate(-90deg) !important; -} -#article-container .highlight-tools .expand { - position: absolute; - padding: 0.57em 0.7em; - cursor: pointer; - -webkit-transition: -webkit-transform 0.3s; - -moz-transition: -moz-transform 0.3s; - -o-transition: -o-transform 0.3s; - -ms-transition: -ms-transform 0.3s; - transition: transform 0.3s; -} -#article-container .highlight-tools .expand + .code-lang { - left: 1.7em; -} -#article-container .highlight-tools .code-lang { - position: absolute; - left: 14px; - text-transform: uppercase; - font-weight: bold; - font-size: 1.15em; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -#article-container .highlight-tools .copy-notice { - position: absolute; - right: 2.4em; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transition: opacity 0.4s; - -moz-transition: opacity 0.4s; - -o-transition: opacity 0.4s; - -ms-transition: opacity 0.4s; - transition: opacity 0.4s; -} -#article-container .highlight-tools .copy-button { - position: absolute; - right: 14px; - cursor: pointer; - -webkit-transition: color 0.2s; - -moz-transition: color 0.2s; - -o-transition: color 0.2s; - -ms-transition: color 0.2s; - transition: color 0.2s; -} -#article-container .highlight-tools .copy-button:hover { - color: var(--anzhiyu-main); -} -#article-container .gutter { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -#article-container .gist table { - width: auto; -} -#article-container .gist table td { - border: none; -} -#article-container .code-expand-btn { - position: absolute; - bottom: 0px; - z-index: 10; - width: 100%; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - -ms-transition: all 0.3s; - transition: all 0.3s; - font-size: 20px; - background: var(--anzhiyu-secondbg); - text-align: center; - font-size: var(--global-font-size); - cursor: pointer; - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -o-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - position: absolute; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - height: 32px; - font-size: 16px; -} -#article-container .code-expand-btn:hover { - background: var(--anzhiyu-main); -} -#article-container .code-expand-btn:hover i { - color: var(--anzhiyu-white); -} -#article-container .code-expand-btn i { - color: var(--anzhiyu-fontcolor); - -webkit-animation: 1.2s ease 0s infinite normal none running code-expand-key; - -moz-animation: 1.2s ease 0s infinite normal none running code-expand-key; - -o-animation: 1.2s ease 0s infinite normal none running code-expand-key; - -ms-animation: 1.2s ease 0s infinite normal none running code-expand-key; - animation: 1.2s ease 0s infinite normal none running code-expand-key; -} -#article-container .code-expand-btn.expand-done { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - -webkit-transition: all 0s, background 0.3s; - -moz-transition: all 0s, background 0.3s; - -o-transition: all 0s, background 0.3s; - -ms-transition: all 0s, background 0.3s; - transition: all 0s, background 0.3s; -} -#article-container .code-expand-btn.expand-done + table, -#article-container .code-expand-btn.expand-done + pre { - margin-bottom: 1.8em; -} -#article-container .code-expand-btn:not(.expand-done) ~ table, -#article-container .code-expand-btn:not(.expand-done) ~ pre { - overflow: hidden; - height: 330px; -} -@-moz-keyframes code-expand-key { - 0% { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - } - 50% { - opacity: 0.1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; - filter: alpha(opacity=10); - } - 100% { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - } -} -@-webkit-keyframes code-expand-key { - 0% { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - } - 50% { - opacity: 0.1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; - filter: alpha(opacity=10); - } - 100% { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - } -} -@-o-keyframes code-expand-key { - 0% { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - } - 50% { - opacity: 0.1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; - filter: alpha(opacity=10); - } - 100% { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - } -} -@keyframes code-expand-key { - 0% { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - } - 50% { - opacity: 0.1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; - filter: alpha(opacity=10); - } - 100% { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - } -} -.error404 #error-wrap { - position: absolute; - top: 50%; - right: 0; - left: 0; - margin: 0 auto; - padding: 60px 20px 0; - max-width: 1000px; - -webkit-transform: translate(0, -50%); - -moz-transform: translate(0, -50%); - -o-transform: translate(0, -50%); - -ms-transform: translate(0, -50%); - transform: translate(0, -50%); -} -.error404 #error-wrap .error-content { - overflow: hidden; - margin: 0 20px; - height: 360px; -} -@media screen and (max-width: 768px) { - .error404 #error-wrap .error-content { - margin: 0; - height: 500px; - } -} -.error404 #error-wrap .error-content .error-img { - display: inline-block; - overflow: hidden; - width: 50%; - height: 100%; -} -@media screen and (max-width: 768px) { - .error404 #error-wrap .error-content .error-img { - width: 100%; - height: 45%; - } -} -.error404 #error-wrap .error-content .error-img img { - background-color: #425aef; -} -.error404 #error-wrap .error-content .error-info { - display: -webkit-inline-box; - display: -moz-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-box; - display: inline-flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -ms-flex-line-pack: center; - -webkit-align-content: center; - align-content: center; - width: 50%; - height: 100%; - vertical-align: top; - text-align: center; - font-family: PingFang SC, 'Hiragino Sans GB', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif; -} -@media screen and (max-width: 768px) { - .error404 #error-wrap .error-content .error-info { - width: 100%; - height: 55%; - } -} -.error404 #error-wrap .error-content .error-info .error_title { - margin-top: -0.6em; - font-size: 9em; -} -@media screen and (max-width: 768px) { - .error404 #error-wrap .error-content .error-info .error_title { - font-size: 8em; - } -} -.error404 #error-wrap .error-content .error-info .error_subtitle { - margin-top: -3em; - word-break: break-word; - font-size: 1.6em; - -webkit-line-clamp: 2; -} -.error404 + #rightside { - display: none; -} -body[data-type='about'] #page { - border: 0; - -webkit-box-shadow: none !important; - box-shadow: none !important; - padding: 0 !important; - background: transparent !important; -} -body[data-type='about'] #page .page-title { - display: none; -} -body[data-type='about'] .page #footer-wrap { - opacity: 1; - -ms-filter: none; - filter: none; - overflow: visible; - height: auto !important; - min-height: 16px; - color: #666; -} -body[data-type='about'] #web_bg { - background: var(--anzhiyu-background); -} -#about-page { - padding-top: 1rem; -} -#about-page .author-box { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - margin: 0 0 16px 0; -} -#about-page .author-box .author-tag-left { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: end; - -moz-box-align: end; - -o-box-align: end; - -ms-flex-align: end; - -webkit-align-items: flex-end; - align-items: flex-end; -} -@media screen and (max-width: 768px) { - #about-page .author-box .author-tag-left { - display: none; - } -} -#about-page .author-box .author-tag-left .author-tag:first-child, -#about-page .author-box .author-tag-left .author-tag:last-child { - margin-right: -16px; -} -#about-page .author-box .author-tag-right { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -moz-box-align: start; - -o-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; -} -@media screen and (max-width: 768px) { - #about-page .author-box .author-tag-right { - display: none; - } -} -#about-page .author-box .author-tag-right .author-tag:first-child, -#about-page .author-box .author-tag-right .author-tag:last-child { - margin-left: -16px; -} -#about-page .author-box .author-tag { - -webkit-transform: translate(0, -4px); - -moz-transform: translate(0, -4px); - -o-transform: translate(0, -4px); - -ms-transform: translate(0, -4px); - transform: translate(0, -4px); - padding: 1px 8px; - background: var(--anzhiyu-card-bg); - border: var(--style-border-always); - border-radius: 40px; - margin-top: 6px; - font-size: 14px; - font-weight: 700; - -webkit-box-shadow: var(--anzhiyu-shadow-lightblack); - box-shadow: var(--anzhiyu-shadow-lightblack); - -webkit-animation: 6s ease-in-out 0s infinite normal none running floating; - -moz-animation: 6s ease-in-out 0s infinite normal none running floating; - -o-animation: 6s ease-in-out 0s infinite normal none running floating; - -ms-animation: 6s ease-in-out 0s infinite normal none running floating; - animation: 6s ease-in-out 0s infinite normal none running floating; -} -#about-page .author-box .author-tag:nth-child(1) { - -webkit-animation-delay: 0s; - -moz-animation-delay: 0s; - -o-animation-delay: 0s; - -ms-animation-delay: 0s; - animation-delay: 0s; -} -#about-page .author-box .author-tag:nth-child(2) { - -webkit-animation-delay: 0.6s; - -moz-animation-delay: 0.6s; - -o-animation-delay: 0.6s; - -ms-animation-delay: 0.6s; - animation-delay: 0.6s; -} -#about-page .author-box .author-tag:nth-child(3) { - -webkit-animation-delay: 1.2s; - -moz-animation-delay: 1.2s; - -o-animation-delay: 1.2s; - -ms-animation-delay: 1.2s; - animation-delay: 1.2s; -} -#about-page .author-box .author-tag:nth-child(4) { - -webkit-animation-delay: 1.8s; - -moz-animation-delay: 1.8s; - -o-animation-delay: 1.8s; - -ms-animation-delay: 1.8s; - animation-delay: 1.8s; -} -#about-page .author-box .author-img { - margin: 0 30px; - border-radius: 50%; - width: 180px; - height: 180px; - position: relative; - background: var(--anzhiyu-secondbg); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -@media screen and (max-width: 768px) { - #about-page .author-box .author-img { - width: 120px; - height: 120px; - } -} -#about-page .author-box .author-img img { - border-radius: 50%; - overflow: hidden; - width: 180px; - height: 180px; -} -@media screen and (max-width: 768px) { - #about-page .author-box .author-img img { - width: 120px; - height: 120px; - } -} -#about-page .author-box .author-img:hover { - -webkit-transform: scale(1.1); - -moz-transform: scale(1.1); - -o-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); -} -#about-page .author-box .author-img:before { - content: ''; - -webkit-transition: 1s; - -moz-transition: 1s; - -o-transition: 1s; - -ms-transition: 1s; - transition: 1s; - width: 30px; - height: 30px; - background: var(--anzhiyu-green); - position: absolute; - border-radius: 50%; - border: 5px solid var(--anzhiyu-background); - bottom: 5px; - right: 10px; - z-index: 2; -} -@media screen and (max-width: 768px) { - #about-page .author-box .author-img:before { - bottom: -5px; - right: -5px; - } -} -.author-content { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - width: 100%; - margin-top: 1rem; -} -#about-page .myInfoAndSayHello { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - color: var(--anzhiyu-white); - background: -webkit-linear-gradient(330deg, #5b27ff 0, #00d4ff 100%); - background: -moz-linear-gradient(330deg, #5b27ff 0, #00d4ff 100%); - background: -o-linear-gradient(330deg, #5b27ff 0, #00d4ff 100%); - background: -ms-linear-gradient(330deg, #5b27ff 0, #00d4ff 100%); - background: linear-gradient(120deg, #5b27ff 0, #00d4ff 100%); - background-size: 200%; - -webkit-animation: gradient 15s ease infinite; - -moz-animation: gradient 15s ease infinite; - -o-animation: gradient 15s ease infinite; - -ms-animation: gradient 15s ease infinite; - animation: gradient 15s ease infinite; - width: 59%; -} -.author-content-item { - width: 49%; - border-radius: 24px; - background: var(--anzhiyu-card-bg); - border: var(--style-border-always); - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); - position: relative; - padding: 1rem 2rem; - overflow: hidden; -} -#about-page .myInfoAndSayHello .title1 { - opacity: 0.8; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; - filter: alpha(opacity=80); - line-height: 1.3; -} -#about-page .myInfoAndSayHello .title2 { - font-size: 36px; - font-weight: 700; - line-height: 1.1; - margin: 0.5rem 0; -} -.inline-word { - word-break: keep-all; - white-space: nowrap; -} -#about-page .myInfoAndSayHello .title1 { - opacity: 0.8; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; - filter: alpha(opacity=80); - line-height: 1.3; -} -.author-content-item.aboutsiteTips { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: start; - -moz-box-align: start; - -o-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 39%; -} -.aboutsiteTips h2 { - margin-right: auto; - font-size: 36px; - font-family: Helvetica; - line-height: 1.06; - letter-spacing: -0.02em; - color: var(--font-color); - margin-top: 0; -} -.aboutsiteTips .mask { - height: 36px; - position: relative; - overflow: hidden; - margin-top: 4px; -} -.aboutsiteTips .mask span { - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - position: absolute; - top: 36px; - padding-bottom: var(--offset); - background-size: 100% 100%; - -webkit-background-clip: text; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - background-repeat: no-repeat; -} -.aboutsiteTips .mask span[data-show] { - -webkit-transform: translateY(-100%); - -moz-transform: translateY(-100%); - -o-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); - -webkit-transition: 0.5s -webkit-transform ease-in-out; - -moz-transition: 0.5s -moz-transform ease-in-out; - -o-transition: 0.5s -o-transform ease-in-out; - -ms-transition: 0.5s -ms-transform ease-in-out; - transition: 0.5s transform ease-in-out; -} -.aboutsiteTips .mask span[data-up] { - -webkit-transform: translateY(-200%); - -moz-transform: translateY(-200%); - -o-transform: translateY(-200%); - -ms-transform: translateY(-200%); - transform: translateY(-200%); - -webkit-transition: 0.5s -webkit-transform ease-in-out; - -moz-transition: 0.5s -moz-transform ease-in-out; - -o-transition: 0.5s -o-transform ease-in-out; - -ms-transition: 0.5s -ms-transform ease-in-out; - transition: 0.5s transform ease-in-out; -} -.aboutsiteTips .mask span:nth-child(1) { - background-image: -webkit-linear-gradient(45deg, #0ecffe 50%, #07a6f1); - background-image: -moz-linear-gradient(45deg, #0ecffe 50%, #07a6f1); - background-image: -o-linear-gradient(45deg, #0ecffe 50%, #07a6f1); - background-image: -ms-linear-gradient(45deg, #0ecffe 50%, #07a6f1); - background-image: linear-gradient(45deg, #0ecffe 50%, #07a6f1); -} -.aboutsiteTips .mask span:nth-child(2) { - background-image: -webkit-linear-gradient(45deg, #18e198 50%, #0ec15d); - background-image: -moz-linear-gradient(45deg, #18e198 50%, #0ec15d); - background-image: -o-linear-gradient(45deg, #18e198 50%, #0ec15d); - background-image: -ms-linear-gradient(45deg, #18e198 50%, #0ec15d); - background-image: linear-gradient(45deg, #18e198 50%, #0ec15d); -} -.aboutsiteTips .mask span:nth-child(3) { - background-image: -webkit-linear-gradient(45deg, #8a7cfb 50%, #633e9c); - background-image: -moz-linear-gradient(45deg, #8a7cfb 50%, #633e9c); - background-image: -o-linear-gradient(45deg, #8a7cfb 50%, #633e9c); - background-image: -ms-linear-gradient(45deg, #8a7cfb 50%, #633e9c); - background-image: linear-gradient(45deg, #8a7cfb 50%, #633e9c); -} -.aboutsiteTips .mask span:nth-child(4) { - background-image: -webkit-linear-gradient(45deg, #fa7671 50%, #f45f7f); - background-image: -moz-linear-gradient(45deg, #fa7671 50%, #f45f7f); - background-image: -o-linear-gradient(45deg, #fa7671 50%, #f45f7f); - background-image: -ms-linear-gradient(45deg, #fa7671 50%, #f45f7f); - background-image: linear-gradient(45deg, #fa7671 50%, #f45f7f); -} -@media screen and (max-width: 768px) { - .author-content-item.map { - margin-bottom: 0; - } -} -#about-page .about-statistic { - min-height: 380px; - width: 39%; - background-size: cover; - color: var(--anzhiyu-white); - overflow: hidden; -} -#about-page .about-statistic::after { - -webkit-box-shadow: 0 -159px 173px 71px #0c1c2c inset; - box-shadow: 0 -159px 173px 71px #0c1c2c inset; - position: absolute; - content: ''; - width: 100%; - height: 100%; - top: 0; - left: 0; -} -.author-content-item .card-content { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 2; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 1rem 2rem; -} -.author-content-item .card-content .author-content-item-title { - margin-bottom: 0.5rem; -} -.author-content-item .author-content-item-title { - font-size: 36px; - font-weight: 700; - line-height: 1; -} -#statistic { - font-size: 16px; - border-radius: 15px; - width: 100%; - color: var(--anzhiyu-white); - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-top: 1rem; - margin-bottom: 2rem; -} -#statistic div span:first-child { - opacity: 0.8; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; - filter: alpha(opacity=80); - font-size: 12px; -} -#statistic div span:last-child { - font-weight: 700; - font-size: 34px; - line-height: 1; - white-space: nowrap; -} -#statistic div { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 50%; - margin-bottom: 0.5rem; -} -.post-tips { - color: var(--anzhiyu-gray); - font-size: 14px; - position: absolute; - bottom: 1rem; - left: 2rem; -} -.post-tips a { - color: var(--anzhiyu-gray) !important; - border: none !important; -} -.author-content-item .card-content .banner-button-group { - position: absolute; - bottom: 1.5rem; - right: 2rem; -} -.author-content-item .card-content .banner-button-group .banner-button { - height: 40px; - border-radius: 20px; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - background: var(--anzhiyu-white-op); - color: var(--anzhiyu-white); - display: -webkit-inline-box; - display: -moz-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-box; - display: inline-flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - z-index: 1; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - cursor: pointer; - border-bottom: 0 !important; - backdrop-filter: saturate(180%) blur(20px); - -webkit-backdrop-filter: blur(20px); - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -o-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); -} -.author-content-item .card-content .banner-button-group .banner-button i, -.author-content-item .card-content .banner-button-group .banner-button svg { - margin-right: 0.25rem; - font-size: 22px; -} -.author-content-item .card-content .banner-button-group .banner-button .banner-button-text { - margin-left: 4px; -} -#about-page .author-content-item .card-content .banner-button-group .banner-button i, -#about-page .author-content-item .card-content .banner-button-group .banner-button svg { - font-size: 22px; - margin-right: 0.25rem; - height: 40px; - max-width: 40px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - border-radius: 50px; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -.author-content-item .card-content .banner-button-group .banner-button:hover { - background: var(--anzhiyu-main); - color: var(--anzhiyu-white); - border-radius: 20px !important; -} -.author-content-item .card-content .banner-button-group .banner-button:hover i, -.author-content-item .card-content .banner-button-group .banner-button:hover svg .author-content-item.personalities { - background: none !important; -} -.author-content-item.personalities { - width: 59%; -} -.author-content-item.personalities .image { - position: absolute; - right: 30px; - top: 10px; - width: 220px; - -webkit-transition: -webkit-transform 2s cubic-bezier(0.13, 0.45, 0.21, 1.02); - -moz-transition: -moz-transform 2s cubic-bezier(0.13, 0.45, 0.21, 1.02); - -o-transition: -o-transform 2s cubic-bezier(0.13, 0.45, 0.21, 1.02); - -ms-transition: -ms-transform 2s cubic-bezier(0.13, 0.45, 0.21, 1.02); - transition: transform 2s cubic-bezier(0.13, 0.45, 0.21, 1.02); -} -.author-content-item.personalities .image img { - display: block; - margin: 0 auto 20px; - max-width: 100%; - -webkit-transition: filter 375ms ease-in 0.2s; - -moz-transition: filter 375ms ease-in 0.2s; - -o-transition: filter 375ms ease-in 0.2s; - -ms-transition: filter 375ms ease-in 0.2s; - transition: filter 375ms ease-in 0.2s; -} -.author-content-item.personalities:hover .image { - -webkit-transform: rotate(-10deg); - -moz-transform: rotate(-10deg); - -o-transform: rotate(-10deg); - -ms-transform: rotate(-10deg); - transform: rotate(-10deg); -} -.author-content-item.myphoto { - height: 60%; - min-height: 240px; - position: relative; - overflow: hidden; - width: 39%; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -.author-content-item.myphoto img { - position: absolute; - min-width: 100%; - object-fit: cover; - -webkit-transition: 0.6s; - -moz-transition: 0.6s; - -o-transition: 0.6s; - -ms-transition: 0.6s; - transition: 0.6s; - -webkit-animation: coverIn 2s ease-out forwards; - -moz-animation: coverIn 2s ease-out forwards; - -o-animation: coverIn 2s ease-out forwards; - -ms-animation: coverIn 2s ease-out forwards; - animation: coverIn 2s ease-out forwards; - -webkit-transition: -webkit-transform 2s ease-out !important; - -moz-transition: -moz-transform 2s ease-out !important; - -o-transition: -o-transform 2s ease-out !important; - -ms-transition: -ms-transform 2s ease-out !important; - transition: transform 2s ease-out !important; -} -.author-content-item.myphoto:hover img { - -webkit-transform: scale(1.1); - -moz-transform: scale(1.1); - -o-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); -} -.author-content-item:hover .card-background-icon { - -webkit-transform: rotate(20deg); - -moz-transform: rotate(20deg); - -o-transform: rotate(20deg); - -ms-transform: rotate(20deg); - transform: rotate(20deg); -} -.author-content-item.personalities .title2 { - font-size: 36px; - font-weight: 700; - line-height: 1.1; -} -.author-content-item.map { - min-height: 160px; - max-height: 400px; - position: relative; - overflow: hidden; - margin-bottom: 0.5rem; - height: 60%; - -webkit-transition: 1s ease-in-out; - -moz-transition: 1s ease-in-out; - -o-transition: 1s ease-in-out; - -ms-transition: 1s ease-in-out; - transition: 1s ease-in-out; - background-size: 100%; - background-repeat: no-repeat; - background-position: center; -} -.author-content-item.single { - width: 100%; -} -.author-content-item.map .map-title { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - color: var(--font-color); - background: var(--anzhiyu-maskbg); - padding: 0.5rem 2rem; - backdrop-filter: saturate(180%) blur(20px); - -webkit-backdrop-filter: blur(20px); - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -o-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - -webkit-transition: all 1s, color 0s ease-in-out; - -moz-transition: all 1s, color 0s ease-in-out; - -o-transition: all 1s, color 0s ease-in-out; - -ms-transition: all 1s, color 0s ease-in-out; - transition: all 1s, color 0s ease-in-out; - font-size: 20px; -} -.author-content-item.map .map-title b { - color: var(--font-color); -} -.author-content-item.selfInfo { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - min-height: 100px; - max-height: 400px; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - height: -webkit-fill-available; - height: 40%; -} -.author-content-item.selfInfo div { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0.5rem 2rem 0.5rem 0; - min-width: 120px; -} -.author-content-item.selfInfo .selfInfo-title { - opacity: 0.8; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; - filter: alpha(opacity=80); - font-size: 12px; - line-height: 1; - margin-bottom: 8px; -} -.author-content-item.selfInfo .selfInfo-content { - font-weight: 700; - font-size: 34px; - line-height: 1; -} -.author-content-item-group.column.mapAndInfo { - width: 59%; -} -.author-content-item.map:hover { - background-size: 120%; - -webkit-transition: 4s ease-in-out; - -moz-transition: 4s ease-in-out; - -o-transition: 4s ease-in-out; - -ms-transition: 4s ease-in-out; - transition: 4s ease-in-out; - background-position-x: 0; - background-position-y: 36%; -} -.author-content-item.map:hover .map-title { - bottom: -100%; -} -.author-content-item-group.column { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 49%; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; -} -.post-tips a:hover { - color: var(--anzhiyu-main) !important; - background: none !important; -} -.author-content-item.single.reward .reward-list-updateDate { - color: var(--anzhiyu-gray); - font-size: 14px; -} -.author-content-item.maxim { - font-size: 36px; - font-weight: 700; - line-height: 1.1; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: start; - -moz-box-align: start; - -o-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - width: 39%; -} -.author-content-item .author-content-item-tips { - opacity: 0.8; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; - filter: alpha(opacity=80); - font-size: 12px; - margin-bottom: 0.5rem; -} -.author-content-item.maxim .maxim-title { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.author-content-item.buff { - height: 200px; - font-size: 36px; - font-weight: 700; - line-height: 1.1; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: start; - -moz-box-align: start; - -o-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - background: -webkit-linear-gradient(330deg, #ff27e8 0, #ff8000 100%); - background: -moz-linear-gradient(330deg, #ff27e8 0, #ff8000 100%); - background: -o-linear-gradient(330deg, #ff27e8 0, #ff8000 100%); - background: -ms-linear-gradient(330deg, #ff27e8 0, #ff8000 100%); - background: linear-gradient(120deg, #ff27e8 0, #ff8000 100%); - color: var(--anzhiyu-white); - background-size: 200%; - -webkit-animation: gradient 15s ease infinite; - -moz-animation: gradient 15s ease infinite; - -o-animation: gradient 15s ease infinite; - -ms-animation: gradient 15s ease infinite; - animation: gradient 15s ease infinite; - min-height: 200px; - height: fit-content; - width: 59%; -} -.author-content-item.buff .card-content { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -.author-content-item.buff .buff-title { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.card-background-icon { - font-size: 12rem; - opacity: 0.2; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; - filter: alpha(opacity=20); - position: absolute; - right: 0; - bottom: -40%; - -webkit-transform: rotate(30deg); - -moz-transform: rotate(30deg); - -o-transform: rotate(30deg); - -ms-transform: rotate(30deg); - transform: rotate(30deg); - -webkit-transition: 2s ease-in-out; - -moz-transition: 2s ease-in-out; - -o-transition: 2s ease-in-out; - -ms-transition: 2s ease-in-out; - transition: 2s ease-in-out; -} -.card-background-icon i { - font-size: 12rem; -} -.author-content-item.game-yuanshen { - background-size: cover; - min-height: 300px; - overflow: hidden; - color: var(--anzhiyu-white); - width: 59%; -} -.author-content-item .content-bottom { - margin-top: auto; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; -} -.author-content-item .content-bottom .icon-group { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - position: relative; -} -.author-content-item .content-bottom .icon-group i { - display: inline-block; - width: 143px; - height: 18px; - margin-right: 0.5rem; -} -.author-content-item.game-yuanshen::after { - -webkit-box-shadow: 0 -69px 203px 11px #575d8b inset; - box-shadow: 0 -69px 203px 11px #575d8b inset; - position: absolute; - content: ''; - width: 100%; - height: 100%; - top: 0; - left: 0; -} -.author-content-item.comic-content { - width: 39%; - min-height: 300px; - overflow: hidden; -} -.author-content-item.comic-content .comic-box { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - width: 120%; - height: 100%; - position: absolute; - left: 50%; - top: 0; - -webkit-transform: translateX(-50%); - -moz-transform: translateX(-50%); - -o-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} -.author-content-item.comic-content .author-content-item-tips, -.author-content-item.comic-content .author-content-item-title { - z-index: 2; - color: var(--anzhiyu-white); - pointer-events: none; -} -.author-content-item.comic-content .comic-item { - height: 100%; - color: #fff; - width: 20%; - -webkit-transform: skew(-10deg, 0deg); - -moz-transform: skew(-10deg, 0deg); - -o-transform: skew(-10deg, 0deg); - -ms-transform: skew(-10deg, 0deg); - transform: skew(-10deg, 0deg); - -webkit-transition: 0.8s; - -moz-transition: 0.8s; - -o-transition: 0.8s; - -ms-transition: 0.8s; - transition: 0.8s; - position: relative; - overflow: hidden; -} -.author-content-item.comic-content .comic-item:hover { - width: 46%; -} -.author-content-item.comic-content .comic-item:hover .comic-item-cover { - left: 16%; - -webkit-transform: skew(10deg, 0deg) scale(1.6); - -moz-transform: skew(10deg, 0deg) scale(1.6); - -o-transform: skew(10deg, 0deg) scale(1.6); - -ms-transform: skew(10deg, 0deg) scale(1.6); - transform: skew(10deg, 0deg) scale(1.6); -} -.author-content-item.comic-content .comic-item .comic-item-cover { - position: absolute; - top: 0; - left: -50%; - height: 100%; - -webkit-transform: skew(10deg, 0deg); - -moz-transform: skew(10deg, 0deg); - -o-transform: skew(10deg, 0deg); - -ms-transform: skew(10deg, 0deg); - transform: skew(10deg, 0deg); - object-fit: cover; - -webkit-transition: scale 0.2s, all 0.8s; - -moz-transition: scale 0.2s, all 0.8s; - -o-transition: scale 0.2s, all 0.8s; - -ms-transition: scale 0.2s, all 0.8s; - transition: scale 0.2s, all 0.8s; -} -.author-content-item.comic-content .comic-item .comic-item-cover img { - height: 100%; - -webkit-transition: 0.8s; - -moz-transition: 0.8s; - -o-transition: 0.8s; - -ms-transition: 0.8s; - transition: 0.8s; - max-width: none; - border-radius: 0px; -} -.author-content-item.comic-content::after { - -webkit-box-shadow: 0 -48px 203px 11px #fbe9b8 inset; - box-shadow: 0 -48px 203px 11px #fbe9b8 inset; - position: absolute; - content: ''; - width: 100%; - height: 100%; - top: 0; - left: 0; -} -.author-content-item.like-technology { - min-height: 230px; - color: var(--anzhiyu-white); -} -.author-content-item.like-music { - min-height: 400px; - color: var(--anzhiyu-white); - overflow: hidden; -} -.author-content-item.like-music::after { - -webkit-box-shadow: 0 -69px 203px 11px #453e38 inset; - box-shadow: 0 -69px 203px 11px #453e38 inset; - position: absolute; - content: ''; - width: 100%; - height: 100%; - top: 0; - left: 0; -} -@media screen and (max-width: 1200px) { - .author-content-item.personalities .image { - width: 180px; - } -} -@media screen and (max-width: 768px) { - #gitcalendar { - display: none; - } - [data-theme='dark'] .author-content-item .card-content .banner-button-group .banner-button { - color: var(--anzhiyu-black) !important; - } - .author-content-item .card-content .banner-button-group .banner-button:hover { - background: none !important; - } - .author-content-item.game-yuanshen .content-bottom { - padding-bottom: 10px; - } - .author-content-item.game-yuanshen .game-yuanshen-uid { - display: none; - } - .author-content { - margin-top: 0; - } - .author-content-item { - width: 100% !important; - margin-top: 1rem; - padding: 1rem; - } - .author-content-item.map { - margin-bottom: 0; - } - .author-content-item-group.column { - width: 100% !important; - } - .author-content-item.selfInfo { - height: 95%; - } - .author-content-item.personalities { - height: 200px; - } - .post-tips { - left: auto; - } - .author-content-item.personalities .image { - width: 125px; - } - .site-card-group > a { - width: 100% !important; - } - body[data-type='about'] .post-reward { - display: none; - } - .reward-list-item { - width: 100% !important; - } - .author-content-item .card-content .banner-button-group .banner-button-text { - display: none; - } - .author-content-item .card-content .banner-button-group { - right: 1rem; - bottom: 1rem; - } - .author-content-item .card-content .banner-button-group .banner-button { - background: none; - padding: 0; - width: auto; - backdrop-filter: unset; - } - .author-content-item .card-content .banner-button-group .banner-button i, - .author-content-item .card-content .banner-button-group .banner-button svg { - margin-right: 0.25rem; - font-size: 1.5rem; - background: #fff; - border-radius: 50%; - padding: 6px; - margin-left: 80px; - height: 40px; - width: 40px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - color: var(--anzhiyu-fontcolor); - } - .author-content-item .card-content .banner-button-group .banner-button:hover i { - background: var(--anzhiyu-background) !important; - color: var(--anzhiyu-theme); - } - #selfInfo-content-year { - width: 90px; - } -} -@media screen and (min-width: 768px) and (max-width: 896px) { - .author-content-item.like-music .content-bottom .tips { - display: none; - } -} -.reward-list-all { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - margin-top: 1rem; - margin-bottom: 0.5rem; - margin-left: -0.25rem; - margin-right: -0.25rem; -} -.reward-list-item { - padding: 1rem; - border-radius: 12px; - border: var(--style-border-always); - width: calc((100% / 5) - 0.5rem); - margin: 0 0.25rem 0.5rem 0.25rem; - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); -} -@media screen and (max-width: 1200px) { - .reward-list-item { - width: calc((100% / 3) - 0.5rem); - } -} -.reward-list-item .reward-list-item-name { - font-size: 1rem; - font-weight: 700; - line-height: 1; - margin-bottom: 0.5rem; -} -.reward-list-item .reward-list-bottom-group { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; -} -.reward-list-item .reward-list-item-money { - padding: 4px; - background: var(--font-color); - color: var(--card-bg); - font-size: 12px; - line-height: 1; - border-radius: 4px; - margin-right: 4px; - white-space: nowrap; -} -.reward-list-item .reward-list-item-time { - font-size: 12px; - color: var(--anzhiyu-secondtext); - white-space: nowrap; -} -.skills { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: start; - -moz-box-align: start; - -o-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 50%; - min-height: 450px; -} -.skills .skill-icon { - width: 32px; - height: 32px; - border-radius: 32px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - margin-right: 8px; -} -.skills .skills-list { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - position: absolute; - width: 100%; - top: 0; - left: 0; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - margin-top: 10px; -} -.skills .skill-info { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - margin-right: 10px; - margin-top: 10px; - background: var(--anzhiyu-background); - border-radius: 40px; - padding: 4px 12px 4px 8px; - border: var(--style-border); - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); -} -.skills .skill-icon img { - width: 18px; - height: 18px; - margin: 0 auto !important; -} -.skills .skills-style-group { - position: relative; -} -.author-content-item.skills .skills-style-group { - position: relative; -} -.skills:hover .skills-style-group #skills-tags-group-all { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); -} -.skills:hover .skills-style-group .skills-list { - opacity: 1; - -ms-filter: none; - filter: none; -} -.author-content-item.careers { - min-height: 400px; - background-size: contain; - background-repeat: no-repeat; - background-position-x: right; - background-position-y: bottom; -} -.author-content-item.careers .careers-group { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: 100%; - margin-top: 12px; - margin-bottom: 12px; -} -.author-content-item.careers .career-item { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: start; - -moz-box-pack: start; - -o-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -.author-content-item.careers .career-item .circle { - width: 16px; - height: 16px; - margin-top: 3px; - margin-right: 8px; - border-radius: 50%; -} -.author-content-item.careers .career-item .text { - color: var(--anzhiyu-secondtext); -} -.author-content-item.careers .careers-item { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -.author-content-item.careers .careers-item .circle { - width: 16px; - height: 16px; - margin-right: 8px; - border-radius: 16px; -} -.author-content-item.careers .careers-item .name { - color: var(--anzhiyu-secondtext); -} -.author-content-item.careers img { - position: absolute; - left: 0; - bottom: 20px; - width: 100%; - -webkit-transition: 0.6s; - -moz-transition: 0.6s; - -o-transition: 0.6s; - -ms-transition: 0.6s; - transition: 0.6s; - z-index: -1; -} -:root { - --loadingbar-background-color: #2c2b30; - --loadingbar-prospect-color: #ece5d8; -} -.loading-bar { - position: absolute; - top: 50%; - left: 50%; - width: 500px; - height: 62.5px; - -webkit-transform: translate(-25%, -50%) scale(0.5); - -moz-transform: translate(-25%, -50%) scale(0.5); - -o-transform: translate(-25%, -50%) scale(0.5); - -ms-transform: translate(-25%, -50%) scale(0.5); - transform: translate(-25%, -50%) scale(0.5); - -webkit-transition: all 0.5s; - -moz-transition: all 0.5s; - -o-transition: all 0.5s; - -ms-transition: all 0.5s; - transition: all 0.5s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - overflow: hidden; -} -.loading-bar::after { - content: ''; - position: absolute; - top: 500px; - left: 0; - filter: drop-shadow(0 -500px 0 var(--loadingbar-prospect-color)); - width: 500px; - height: 62.5px; - background: url("https://yuanshen.site/imgs/loading-bar.png") no-repeat left 100%; - background-size: 500px 62.5px; - background-position-x: 0; -} -.author-content-item.game-yuanshen:hover .loading-bar::after { - -webkit-animation: loading-bar 3.5s cubic-bezier(0.28, 0.11, 0.32, 1) infinite forwards; - -moz-animation: loading-bar 3.5s cubic-bezier(0.28, 0.11, 0.32, 1) infinite forwards; - -o-animation: loading-bar 3.5s cubic-bezier(0.28, 0.11, 0.32, 1) infinite forwards; - -ms-animation: loading-bar 3.5s cubic-bezier(0.28, 0.11, 0.32, 1) infinite forwards; - animation: loading-bar 3.5s cubic-bezier(0.28, 0.11, 0.32, 1) infinite forwards; -} -@media screen and (max-width: 719px) { - .loading-bar .loading-bar { - display: none; - } -} -@media screen and (max-width: 719px) and (orientation: landscape) { - .loading-bar .loading-bar { - display: block !important; - -webkit-transform: translate(-50%, -50%) scale(0.7) !important; - -moz-transform: translate(-50%, -50%) scale(0.7) !important; - -o-transform: translate(-50%, -50%) scale(0.7) !important; - -ms-transform: translate(-50%, -50%) scale(0.7) !important; - transform: translate(-50%, -50%) scale(0.7) !important; - } -} -@supports not (filter: drop-shadow(0 0 0 #fff)) { - .loading-bar:before { - content: 'Your browser does not support the animation'; - } -} -.hello-about { - margin: 20px auto; - border-radius: 24px; - background: var(--anzhiyu-card-bg); - border: var(--style-border-always); - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); - position: relative; - overflow: hidden; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.shapes { - position: relative; - height: 315px; - width: 100%; - background: #2128bd; - overflow: hidden; -} -.shape { - will-change: transform; - position: absolute; - border-radius: 50%; -} -.shape.shape-1 { - background: #005ffe; - width: 650px; - height: 650px; - margin: -325px 0 0 -325px; -} -.shape.shape-2 { - background: #ffe5e3; - width: 440px; - height: 440px; - margin: -220px 0 0 -220px; -} -.shape.shape-3 { - background: #ffcc57; - width: 270px; - height: 270px; - margin: -135px 0 0 -135px; -} -.hello-about .content { - top: 0; - left: 0; - position: absolute; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - height: 315px; - width: 100%; - background: #fff; - mix-blend-mode: screen; -} -[data-theme='dark'] .hello-about .content { - background: transparent; -} -[data-theme='dark'] .hello-about h1 { - color: var(--anzhiyu-white); -} -.hello-about h1 { - font-size: 200px; - color: #000; - margin: 0; - text-align: center; - font: inherit; - vertical-align: baseline; - line-height: 1; - font-size: calc(0.0989119683 * 100vw + 58.5558852621px); - width: 100%; - height: 100%; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -@media (min-width: 419px) { - .hello-about h1 { - font-size: calc(0.0989119683 * 100vw + 58.5558852621px); - } -} -@media (max-width: 768px) { - .hello-about { - margin: 20px 0 auto; - } -} -.cursor { - position: absolute; - background: #2128bd; - width: 20px; - height: 20px; - margin: -10px 0 0 -10px; - border-radius: 50%; - will-change: transform; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - z-index: 3; -} -#about-page .author-content-item-group.column.mapAndInfo { - width: 100%; -} -#about-page .author-content-item-group.column { - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; -} -#about-page .author-content-item.map { - width: 50%; -} -#about-page .author-content-item.selfInfo { - height: 100%; - width: 49%; -} -@-moz-keyframes loading-bar { - 0% { - width: 0; - background-size: 500px 62.5px; - } - 83% { - width: 475px; - } - 83.1% { - width: 475px; - } - 83.2% { - width: 475px; - } - 83.3% { - width: 475px; - } - 83.4% { - width: 475px; - } - 83.5% { - width: 475px; - } - 83.6% { - width: 475px; - } - 83.7% { - width: 475px; - } - 83.8% { - width: 475px; - } - 83.9% { - width: 475px; - } - 84% { - width: 475px; - } - 85% { - width: 475px; - } - 86% { - width: 475px; - } - 87% { - width: 475px; - } - 100% { - width: 500px; - } -} -@-webkit-keyframes loading-bar { - 0% { - width: 0; - background-size: 500px 62.5px; - } - 83% { - width: 475px; - } - 83.1% { - width: 475px; - } - 83.2% { - width: 475px; - } - 83.3% { - width: 475px; - } - 83.4% { - width: 475px; - } - 83.5% { - width: 475px; - } - 83.6% { - width: 475px; - } - 83.7% { - width: 475px; - } - 83.8% { - width: 475px; - } - 83.9% { - width: 475px; - } - 84% { - width: 475px; - } - 85% { - width: 475px; - } - 86% { - width: 475px; - } - 87% { - width: 475px; - } - 100% { - width: 500px; - } -} -@-o-keyframes loading-bar { - 0% { - width: 0; - background-size: 500px 62.5px; - } - 83% { - width: 475px; - } - 83.1% { - width: 475px; - } - 83.2% { - width: 475px; - } - 83.3% { - width: 475px; - } - 83.4% { - width: 475px; - } - 83.5% { - width: 475px; - } - 83.6% { - width: 475px; - } - 83.7% { - width: 475px; - } - 83.8% { - width: 475px; - } - 83.9% { - width: 475px; - } - 84% { - width: 475px; - } - 85% { - width: 475px; - } - 86% { - width: 475px; - } - 87% { - width: 475px; - } - 100% { - width: 500px; - } -} -@keyframes loading-bar { - 0% { - width: 0; - background-size: 500px 62.5px; - } - 83% { - width: 475px; - } - 83.1% { - width: 475px; - } - 83.2% { - width: 475px; - } - 83.3% { - width: 475px; - } - 83.4% { - width: 475px; - } - 83.5% { - width: 475px; - } - 83.6% { - width: 475px; - } - 83.7% { - width: 475px; - } - 83.8% { - width: 475px; - } - 83.9% { - width: 475px; - } - 84% { - width: 475px; - } - 85% { - width: 475px; - } - 86% { - width: 475px; - } - 87% { - width: 475px; - } - 100% { - width: 500px; - } -} -.article-sort { - margin: 0.25rem; -} -.article-sort-title { - margin: 0.25rem; - padding: 0; - border: none; - font-weight: bold; - font-size: 2em; -} -.article-sort-item { - position: relative; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-transition: all 0.2s ease-in-out 0s; - -moz-transition: all 0.2s ease-in-out 0s; - -o-transition: all 0.2s ease-in-out 0s; - -ms-transition: all 0.2s ease-in-out 0s; - transition: all 0.2s ease-in-out 0s; - border: none; - margin: 0 0 1rem 0rem; - overflow: hidden; - border-radius: 12px; -} -.article-sort-item.no-article-cover { - height: 80px; -} -.article-sort-item.no-article-cover .article-sort-item-info { - padding: 0; -} -.article-sort-item.year { - font-size: 1rem; - color: var(--anzhiyu-secondtext); - margin-bottom: 0.25rem; -} -.article-sort-item.year:hover:before { - border-color: #425aef; -} -.article-sort-item.year:before { - border-color: var(--pseudo-hover); -} -.article-sort-item-time { - color: var(--anzhiyu-fontcolor); - font-size: 95%; -} -.article-sort-item-time time { - padding-left: 6px; - cursor: default; -} -.article-sort-item-title { - color: var(--font-color); - font-size: 1.1em; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - -ms-transition: all 0.3s; - transition: all 0.3s; - -webkit-line-clamp: 1; - margin-right: auto; - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - -webkit-box-ordinal-group: 0; - -moz-box-ordinal-group: 0; - -o-box-ordinal-group: 0; - -ms-flex-order: 0; - -webkit-order: 0; - order: 0; - font-weight: bold; - line-height: 1.3; -} -.article-sort-item-title:hover { - color: var(--anzhiyu-lighttext); -} -.article-sort-item-index { - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); - position: absolute; - top: 0.5rem; - right: 0.5rem; - font-style: italic; - font-size: 2.5rem; - line-height: 1.5rem; -} -.article-sort-item-img { - overflow: hidden; - width: 151px; - height: 80px; - border-radius: 12px; - min-width: 151px; - min-height: 80px; - background: var(--anzhiyu-secondbg); - -webkit-mask-image: -webkit-radial-gradient(center, #fff, #000); -} -.article-sort-item-info { - padding: 0 0.8rem; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - max-height: 80px; - height: 80px; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; -} -@media screen and (max-width: 768px) { - .article-sort-item-info .article-sort-item-index { - display: none; - } -} -.article-sort-item-info .article-sort-item-title { - height: 30%; -} -@media screen and (max-width: 768px) { - .article-sort-item-info .article-sort-item-title { - font-size: 0.9em; - height: 25%; - } -} -.article-sort-item-info .article-meta-wrap { - height: 35%; -} -.article-sort-item-info .article-meta-wrap .article-sort-item-tags a { - color: var(--anzhiyu-fontcolor); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - margin-right: auto; - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - padding: 0 0.2rem; - padding-left: 0; -} -.article-sort-item-info .article-meta-wrap .article-sort-item-tags a span { - font-size: 12px; - margin-right: 1px; - pointer-events: none; -} -.article-sort-item-info .article-meta-wrap .article-sort-item-time { - font-size: 12px; -} -.category-lists .category-title { - font-size: 2.57em; -} -@media screen and (max-width: 768px) { - .category-lists .category-title { - font-size: 2em; - } -} -.category-lists .category-list { - margin-bottom: 0; -} -.category-lists .category-list a { - color: var(--font-color); -} -.category-lists .category-list a:hover { - color: #425aef; -} -.category-lists .category-list .category-list-count { - margin-left: 8px; - color: var(--anzhiyu-fontcolor); -} -.category-lists .category-list .category-list-count:before { - content: '('; -} -.category-lists .category-list .category-list-count:after { - content: ')'; -} -.category-lists ul { - padding: 0 0 0 20px; -} -.category-lists ul ul { - padding-left: 4px; -} -.category-lists ul li { - position: relative; - margin: 6px 0; - padding: 0.12em 0.4em 0.12em 1.4em; -} -@media screen and (max-width: 768px) { - .post .layout#content-inner { - background: var(--anzhiyu-main); - } -} -#body-wrap { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - min-height: 100vh; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; -} -@media screen and (max-width: 768px) { - #body-wrap .layout { - padding: 0; - } - #body-wrap #archive { - background: var(--anzhiyu-background); - border: none; - padding-top: 0px; - } -} -.layout { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-flex: 1; - -moz-box-flex: 1; - -o-box-flex: 1; - box-flex: 1; - -webkit-flex: 1 auto; - -ms-flex: 1 auto; - flex: 1 auto; - margin: 0 auto; - padding: 1.25rem 1.5rem; - max-width: 1200px; - width: 100%; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -@media screen and (max-width: 1200px) { - .layout { - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding-top: 10px; - } -} -@media screen and (max-width: 768px) { - .layout { - padding: 20px 15px; - z-index: 3; - } -} -@media screen and (min-width: 2000px) { - .layout { - max-width: 1700px; - } -} -.layout > div:first-child:not(.recent-posts) { - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); - padding: 2rem 2.5rem; - border-radius: 12px; - background: var(--anzhiyu-card-bg); - border: var(--style-border); - width: calc(100% - 300px); - -webkit-align-self: flex-start; - align-self: flex-start; - -ms-flex-item-align: start; - -webkit-animation: slide-in 0.6s 0.1s backwards; - -moz-animation: slide-in 0.6s 0.1s backwards; - -o-animation: slide-in 0.6s 0.1s backwards; - -ms-animation: slide-in 0.6s 0.1s backwards; - animation: slide-in 0.6s 0.1s backwards; -} -@media screen and (max-width: 768px) { - .layout > div:first-child:not(.recent-posts) { - padding: 1rem 1rem; - -webkit-box-shadow: none; - box-shadow: none; - background: var(--anzhiyu-background); - } -} -.layout > div:first-child { - width: calc(100% - 300px); - -webkit-transition: all 0.3s ease 0s; - -moz-transition: all 0.3s ease 0s; - -o-transition: all 0.3s ease 0s; - -ms-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; -} -@media screen and (max-width: 900px) { - .layout > div:first-child { - width: 100% !important; - } -} -.layout.hide-aside { - max-width: 1000px; -} -@media screen and (min-width: 2000px) { - .layout.hide-aside { - max-width: 1200px; - } -} -.layout.hide-aside > div { - width: 100% !important; -} -.apple #page-header.full_page { - background-attachment: scroll !important; -} -.apple .recent-post-item, -.apple .avatar-img, -.apple .flink-item-icon { - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -o-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); -} -.goodthings-title { - margin: 1rem 0; - line-height: 1; -} -.equipment-item .equipment-item-content { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -8px; -} -.equipment-item .equipment-item-content .equipment-item-content-item { - width: calc(25% - 12px); - border-radius: 12px; - border: var(--style-border-always); - overflow: hidden; - margin: 8px 6px; - background: var(--anzhiyu-card-bg); - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); - min-height: 400px; - position: relative; -} -@media screen and (max-width: 1200px) { - .equipment-item .equipment-item-content .equipment-item-content-item { - width: calc(50% - 12px); - } -} -@media screen and (max-width: 768px) { - .equipment-item .equipment-item-content .equipment-item-content-item { - width: 100%; - } -} -.equipment-item .equipment-item-content .equipment-item-content-item .equipment-item-content-item-info { - padding: 8px 16px 16px 16px; - margin-top: 12px; -} -.equipment-item .equipment-item-content .equipment-item-content-item .equipment-item-content-item-name { - font-size: 18px; - font-weight: bold; - line-height: 1; - margin-bottom: 8px; - white-space: nowrap; - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - width: fit-content; - cursor: pointer; -} -.equipment-item .equipment-item-content .equipment-item-content-item .equipment-item-content-item-name:hover { - color: var(--anzhiyu-main); -} -.equipment-item .equipment-item-content .equipment-item-content-item .equipment-item-content-item-specification { - font-size: 12px; - color: var(--anzhiyu-secondtext); - line-height: 16px; - margin-bottom: 5px; - white-space: nowrap; - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; -} -.equipment-item .equipment-item-content .equipment-item-content-item .equipment-item-content-item-description { - line-height: 20px; - color: var(--anzhiyu-secondtext); - height: 60px; - display: -webkit-box; - overflow: hidden; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - font-size: 14px; -} -.equipment-item .equipment-item-content .equipment-item-content-item a.equipment-item-content-item-link { - font-size: 12px; - background: var(--anzhiyu-gray-op); - padding: 4px 8px; - border-radius: 8px; - cursor: pointer; -} -.equipment-item .equipment-item-content .equipment-item-content-item a.equipment-item-content-item-link:hover { - background: var(--anzhiyu-main); - color: var(--anzhiyu-white); -} -.equipment-item .equipment-item-content .equipment-item-content-item .equipment-item-content-item-cover { - width: 100%; - height: 200px; - background: var(--anzhiyu-secondbg); - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -.equipment-item .equipment-item-content .equipment-item-content-item img.equipment-item-content-item-image { - object-fit: contain; - height: 80%; - width: 260px; -} -.equipment-item .equipment-item-content .equipment-item-content-item .equipment-item-content-item-toolbar { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - position: absolute; - bottom: 12px; - left: 0; - width: 100%; - padding: 0 16px; -} -body[data-type="equipment"] #web_bg { - background: var(--anzhiyu-background); -} -body[data-type="equipment"] #page { - border: 0; - -webkit-box-shadow: none !important; - box-shadow: none !important; - padding: 0 !important; - background: 0 0 !important; -} -body[data-type="equipment"] #page .page-title { - display: none; -} -body[data-type="link"] #page .page-title { - display: none; -} -#flink-banners { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - width: 100%; - height: 76%; - background: var(--anzhiyu-card-bg); - padding: 1.5rem; - border: var(--style-border); - border-radius: 12px; - overflow: hidden; - position: relative; - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - overflow: hidden; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - will-change: transform; - -webkit-animation: slide-in 0.6s 0.2s backwards; - -moz-animation: slide-in 0.6s 0.2s backwards; - -o-animation: slide-in 0.6s 0.2s backwards; - -ms-animation: slide-in 0.6s 0.2s backwards; - animation: slide-in 0.6s 0.2s backwards; -} -#flink-banners .flink .banners-title { - top: 1.5rem; -} -#flink-banners .banner-top-box { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; -} -#flink-banners .banner-button-group { - position: absolute; - right: 2rem; - top: 2.5rem; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; -} -@media screen and (max-width: 768px) { - #flink-banners .banner-button-group { - display: none; - } -} -#flink-banners .banner-button-group .banner-button { - color: var(--anzhiyu-card-bg); -} -#flink-banners .banner-button-group .banner-button.secondary { - color: var(--anzhiyu-fontcolor); -} -#flink-banners .banner-button-group .banner-button:hover { - background: var(--anzhiyu-theme); - color: var(--anzhiyu-white); -} -#flink-banners .banner-button-group .banner-button i { - margin-right: 8px; - font-size: 1rem; -} -#flink-banners #skills-tags-group-all .img-alt { - display: none; -} -#flink-banners #skills-tags-group-all .tags-group-wrapper { - -webkit-animation: rowup 120s linear infinite; - -moz-animation: rowup 120s linear infinite; - -o-animation: rowup 120s linear infinite; - -ms-animation: rowup 120s linear infinite; - animation: rowup 120s linear infinite; -} -#flink-banners #skills-tags-group-all .tags-group-icon { - border-radius: 50%; -} -#flink-banners #skills-tags-group-all .tags-group-icon img { - min-width: 100%; - min-height: 100%; - border-radius: 50%; - object-fit: cover; -} -.flink-desc { - margin: 0.2rem 0 0.5rem; -} -#article-container .anzhiyu-flink-list { - overflow: auto; - margin: -6px; - text-align: center; -} -#article-container .anzhiyu-flink-list .img-alt { - display: none; -} -#article-container .anzhiyu-flink-list.cf-friends-lost-contact .flink-list-item { - height: 60px; -} -#article-container .anzhiyu-flink-list.cf-friends-lost-contact .flink-list-item:hover .cf-friends-link img { - width: 0; - height: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - margin: 0.5rem; - min-width: 0px; - min-height: 0px; -} -#article-container .anzhiyu-flink-list.cf-friends-lost-contact .flink-list-item .cf-friends-link img { - width: 30px; - height: 30px; - min-width: 30px; - min-height: 30px; -} -#article-container .anzhiyu-flink-list .flink-list-item { - margin: 6px 6px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - border-radius: 12px; - -webkit-transition-timing-function: ease-in-out; - -moz-transition-timing-function: ease-in-out; - -o-transition-timing-function: ease-in-out; - -ms-transition-timing-function: ease-in-out; - transition-timing-function: ease-in-out; - position: relative; - width: calc(20% - 12px); - border: var(--style-border); - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); - background: var(--anzhiyu-card-bg); - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - float: left; - overflow: hidden; - height: 90px; - line-height: 17px; - -webkit-transform: translateZ(0px); - -moz-transform: translateZ(0px); - -o-transform: translateZ(0px); - -ms-transform: translateZ(0px); - transform: translateZ(0px); -} -#article-container .anzhiyu-flink-list .flink-list-item .cf-friends-link { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - border: none; - width: 100%; - height: 100%; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - color: var(--anzhiyu-fontcolor); - text-decoration: none; - font-weight: bold; - padding: 0 4px; - border-radius: 4px 4px 0 0; -} -#article-container .anzhiyu-flink-list .flink-list-item .cf-friends-link img { - border-radius: 32px; - margin: 15px 20px 15px 15px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - background: var(--anzhiyu-background); - min-width: 60px; - min-height: 60px; - width: 60px; - height: 60px; - float: left; - object-fit: cover; -} -@media screen and (max-width: 1200px) { - #article-container .anzhiyu-flink-list .flink-list-item { - width: calc(50% - 15px) !important; - } -} -@media screen and (max-width: 600px) { - #article-container .anzhiyu-flink-list .flink-list-item { - width: calc(100% - 15px) !important; - } -} -#article-container .anzhiyu-flink-list .flink-list-item:hover:before, -#article-container .anzhiyu-flink-list .flink-list-item:focus:before, -#article-container .anzhiyu-flink-list .flink-list-item:active:before { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); -} -#article-container .anzhiyu-flink-list .flink-list-item .flink-item-info { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - width: calc(100% - 90px); - height: fit-content; -} -#article-container .anzhiyu-flink-list .flink-list-item .flink-item-info .flink-item-name { - text-align: left; - line-height: 20px; - color: var(--anzhiyu-fontcolor); - display: block; - padding: 0px 10px 0px 0px; - font-weight: 700; - font-size: 19px; - max-width: calc(100% - 12px); - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - white-space: nowrap; -} -#article-container .anzhiyu-flink-list .flink-list-item .flink-item-info .flink-item-desc { - white-space: normal; - padding: 5px 10px 16px 0; - color: var(--anzhiyu-fontcolor); - text-align: left; - font-size: 0.93em; - height: 40px; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - opacity: 0.7; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; - filter: alpha(opacity=70); - display: -webkit-box; - overflow: hidden; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; -} -#article-container .anzhiyu-flink-list .flink-list-item:hover { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - background: var(--anzhiyu-theme); - border: var(--style-border-hover); - -webkit-box-shadow: var(--anzhiyu-shadow-main); - box-shadow: var(--anzhiyu-shadow-main); -} -#article-container .anzhiyu-flink-list .flink-list-item:hover .site-card-tag { - left: -70px; -} -#article-container .anzhiyu-flink-list .flink-list-item:hover a img { - -webkit-transition: 0.6s; - -moz-transition: 0.6s; - -o-transition: 0.6s; - -ms-transition: 0.6s; - transition: 0.6s; - width: 0; - height: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - margin: 0.5rem; - min-width: 0px; - min-height: 0px; -} -#article-container .anzhiyu-flink-list .flink-list-item:hover a .flink-item-info { - min-width: calc(100% - 20px); -} -#article-container .anzhiyu-flink-list .flink-list-item:hover a .flink-item-name { - color: var(--anzhiyu-white); -} -#article-container .anzhiyu-flink-list .flink-list-item:hover a .flink-item-desc { - overflow: hidden; - width: 100%; - color: var(--anzhiyu-white); -} -.flink-name { - margin-bottom: 5px; - font-weight: bold; - font-size: 1.5em; -} -#article-container img { - margin-bottom: 0.5rem; - object-fit: cover; - max-height: 900px; -} -.flexcard-flink-list { - overflow: hidden; -} -.flexcard-flink-list .flink-list-card .wrapper img { - -webkit-transition: -webkit-transform 0.5s ease-out !important; - -moz-transition: -moz-transform 0.5s ease-out !important; - -o-transition: -o-transform 0.5s ease-out !important; - -ms-transition: -ms-transform 0.5s ease-out !important; - transition: transform 0.5s ease-out !important; -} -.flexcard-flink-list .flink-list-card:hover { - border-color: var(--anzhiyu-main) !important; - background-color: var(--anzhiyu-main) !important; - -webkit-box-shadow: var(--anzhiyu-shadow-theme) !important; - box-shadow: var(--anzhiyu-shadow-theme) !important; -} -.flexcard-flink-list > a { - width: calc(100% / 5 - 0.5rem); - height: 150px; - position: relative; - display: block; - margin: 0.5rem 0.25rem; - float: left; - overflow: hidden; - padding: 0; - border-radius: 8px; - -webkit-transition: all 0.3s ease 0s, -webkit-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; - -moz-transition: all 0.3s ease 0s, -moz-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; - -o-transition: all 0.3s ease 0s, -o-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; - -ms-transition: all 0.3s ease 0s, -ms-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; - transition: all 0.3s ease 0s, transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; - -webkit-box-shadow: none; - box-shadow: none; - border: var(--style-border) !important; -} -.flexcard-flink-list > a:hover .info { - -webkit-transform: translateY(-100%); - -moz-transform: translateY(-100%); - -o-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); -} -.flexcard-flink-list > a:hover .wrapper img { - -webkit-transform: scale(1.2); - -moz-transform: scale(1.2); - -o-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); -} -.flexcard-flink-list > a:hover::before { - position: fixed; - width: inherit; - margin: auto; - left: 0; - right: 0; - top: 10%; - border-radius: 10px; - text-align: center; - z-index: 100; - content: attr(data-title); - font-size: 20px; - color: #fff; - padding: 10px; - background-color: rgba(66,90,239,0.8); -} -.flexcard-flink-list > a .cover { - width: 100%; - -webkit-transition: -webkit-transform 0.5s ease-out; - -moz-transition: -moz-transform 0.5s ease-out; - -o-transition: -o-transform 0.5s ease-out; - -ms-transition: -ms-transform 0.5s ease-out; - transition: transform 0.5s ease-out; -} -.flexcard-flink-list > a .wrapper { - position: relative; -} -.flexcard-flink-list > a .wrapper .fadeIn { - -webkit-animation: coverIn 0.8s ease-out forwards; - -moz-animation: coverIn 0.8s ease-out forwards; - -o-animation: coverIn 0.8s ease-out forwards; - -ms-animation: coverIn 0.8s ease-out forwards; - animation: coverIn 0.8s ease-out forwards; -} -.flexcard-flink-list > a .wrapper img { - height: 150px; - pointer-events: none; -} -.flexcard-flink-list > a .info { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - width: 100%; - height: 100%; - overflow: hidden; - border-radius: 3px; - background-color: rgba(255,255,255,0.7); - -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; - -moz-transition: -moz-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; - -o-transition: -o-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; - -ms-transition: -ms-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; - transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; -} -.flexcard-flink-list > a .info img { - position: relative; - top: 45px; - width: 80px; - height: 80px; - border-radius: 50% !important; - -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); - box-shadow: 0 0 10px rgba(0,0,0,0.3); - z-index: 1; - text-align: center; - pointer-events: none; -} -.flexcard-flink-list > a .info span { - padding: 20px 10% 60px 10%; - font-size: 16px; - width: 100%; - text-align: center; - -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); - box-shadow: 0 0 10px rgba(0,0,0,0.3); - background-color: rgba(255,255,255,0.7); - color: var(--font-color); - white-space: nowrap; - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; -} -.flexcard-flink-list>a .info, -.flexcard-flink-list>a .wrapper .cover { - position: absolute; - top: 0; - left: 0; -} -@media screen and (max-width: 1024px) { - .flexcard-flink-list > a { - width: calc(33.33333% - 15px); - } -} -@media screen and (max-width: 600px) { - .flexcard-flink-list > a { - width: calc(50% - 15px); - } -} -[data-theme=dark] .flexcard-flink-list a .info, -[data-theme=dark] .flexcard-flink-list a .info span { - background-color: rgba(0,0,0,0.6); -} -[data-theme=dark] .flexcard-flink-list > a:hover:before { - background-color: rgba(18,18,18,0.8); -} -.justified-gallery > div > img, -.justified-gallery > figure > img, -.justified-gallery > a > a > img, -.justified-gallery > div > a > img, -.justified-gallery > figure > a > img, -.justified-gallery > a > svg, -.justified-gallery > div > svg, -.justified-gallery > figure > svg, -.justified-gallery > a > a > svg, -.justified-gallery > div > a > svg, -.justified-gallery > figure > a > svg { - position: static !important; -} -.site-card-tag { - position: absolute; - top: 0; - left: 0; - padding: 4px 8px; - background-color: var(--anzhiyu-theme); - -webkit-box-shadow: var(--anzhiyu-shadow-blue); - box-shadow: var(--anzhiyu-shadow-blue); - color: var(--anzhiyu-white); - z-index: 1; - border-radius: 11px 0 12px 0; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - font-size: 12px; -} -.site-card-tag.speed { - background: var(--anzhiyu-green); - -webkit-box-shadow: var(--anzhiyu-shadow-green); - box-shadow: var(--anzhiyu-shadow-green); -} -.site-card-tag.vip { - background: -webkit-linear-gradient(52deg, #e5b085 0%, #d48f16 100%); - background: -moz-linear-gradient(52deg, #e5b085 0%, #d48f16 100%); - background: -o-linear-gradient(52deg, #e5b085 0%, #d48f16 100%); - background: -ms-linear-gradient(52deg, #e5b085 0%, #d48f16 100%); - background: linear-gradient(38deg, #e5b085 0%, #d48f16 100%); - overflow: hidden; - -webkit-box-shadow: var(--anzhiyu-shadow-yellow); - box-shadow: var(--anzhiyu-shadow-yellow); -} -.site-card-tag i.light { - cursor: pointer; - position: absolute; - top: 0; - width: 100px; - height: 50px; - background-image: -webkit--webkit-linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); - background-image: -webkit--moz-linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); - background-image: -webkit--o-linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); - background-image: -webkit--ms-linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); - background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); - -webkit-animation: light_tag 4s both infinite; - -moz-animation: light_tag 4s both infinite; - -o-animation: light_tag 4s both infinite; - -ms-animation: light_tag 4s both infinite; - animation: light_tag 4s both infinite; - will-change: transform; -} -#article-container .telescopic-site-card-group { - padding: 20px 0; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -webkit-box-pack: start; - -moz-box-pack: start; - -o-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - margin: -8px; - -webkit-box-align: stretch; - -webkit-box-align: stretch; - -moz-box-align: stretch; - -o-box-align: stretch; - -ms-flex-align: stretch; - -webkit-align-items: stretch; - align-items: stretch; -} -#article-container .telescopic-site-card-group .site-card { - border: var(--style-border); - border-radius: 12px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - -webkit-transition-timing-function: ease-in-out; - -moz-transition-timing-function: ease-in-out; - -o-transition-timing-function: ease-in-out; - -ms-transition-timing-function: ease-in-out; - transition-timing-function: ease-in-out; - overflow: hidden; - height: 200px; - position: relative; - width: calc(100% / 7 - 16px); - background: var(--anzhiyu-card-bg); - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); -} -#article-container .telescopic-site-card-group .site-card .img-alt { - display: none; -} -@media screen and (max-width: 1200px) { - #article-container .telescopic-site-card-group .site-card { - width: calc(20% - 16px) !important; - } -} -@media screen and (max-width: 900px) { - #article-container .telescopic-site-card-group .site-card { - width: calc(25% - 16px) !important; - } -} -@media screen and (max-width: 768px) { - #article-container .telescopic-site-card-group .site-card { - width: calc(33.3333% - 16px) !important; - } -} -@media screen and (max-width: 600px) { - #article-container .telescopic-site-card-group .site-card { - width: calc(50% - 16px) !important; - } -} -#article-container .telescopic-site-card-group .site-card:hover { - border: var(--style-border-hover); - -webkit-box-shadow: var(--anzhiyu-shadow-main); - box-shadow: var(--anzhiyu-shadow-main); -} -#article-container .telescopic-site-card-group .site-card:hover .info { - background: var(--anzhiyu-theme); - height: 120px; -} -#article-container .telescopic-site-card-group .site-card:hover .info .site-card-text .title { - color: var(--anzhiyu-white); -} -#article-container .telescopic-site-card-group .site-card:hover .info .site-card-text .desc { - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - color: var(--anzhiyu-white); - width: 100%; -} -@media screen and (min-width: 768px) { - #article-container .telescopic-site-card-group .site-card:hover .info .site-card-text .desc { - -webkit-line-clamp: 4; - } -} -#article-container .telescopic-site-card-group .site-card:hover .site-card-tag { - left: -50px; -} -#article-container .telescopic-site-card-group .site-card:hover .img { - height: 80px; -} -#article-container .telescopic-site-card-group .site-card:hover .img img { - -webkit-transform: scale(1.1); - -moz-transform: scale(1.1); - -o-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - filter: brightness(0.3); -} -#article-container .telescopic-site-card-group .site-card .info { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - border: none; - padding: 0.7rem; - width: 100%; - height: 90px; - margin: 0; - border-radius: 0 0 12px 12px; -} -#article-container .telescopic-site-card-group .site-card .info .site-card-text { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -moz-box-align: start; - -o-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; -} -#article-container .telescopic-site-card-group .site-card .info .site-card-text .title { - color: var(--anzhiyu-fontcolor); - text-align: left; - font-weight: 600; - display: -webkit-box; - -webkit-box-orient: vertical; - overflow: hidden; - -webkit-line-clamp: 1; - -webkit-transition: all 0.3s ease 0s; - -moz-transition: all 0.3s ease 0s; - -o-transition: all 0.3s ease 0s; - -ms-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; -} -#article-container .telescopic-site-card-group .site-card .info .site-card-text .desc { - font-size: 0.9rem; - color: var(--anzhiyu-fontcolor); - opacity: 0.7; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; - filter: alpha(opacity=70); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - text-align: left; - overflow-wrap: break-word; - line-height: 1.2; - display: -webkit-box; - -webkit-box-orient: vertical; - overflow: hidden; - -webkit-line-clamp: 2; -} -#article-container .telescopic-site-card-group .site-card .info .img-alt { - display: none; -} -#article-container .telescopic-site-card-group .site-card .info img { - border-radius: 32px; - -webkit-transition: 0.3s !important; - -moz-transition: 0.3s !important; - -o-transition: 0.3s !important; - -ms-transition: 0.3s !important; - transition: 0.3s !important; - margin: 2px 8px 0 0; - width: 20px; - height: 20px; - min-width: 20px; - min-height: 20px; - background: var(--anzhiyu-secondbg); -} -#article-container .telescopic-site-card-group .site-card .img { - -webkit-mask-image: -webkit-radial-gradient(center, #fff, #000); - border-radius: 0; - height: 120px; - width: 100%; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - border: none; - padding: 0 !important; - -webkit-transition: all 0.3s ease 0s; - -moz-transition: all 0.3s ease 0s; - -o-transition: all 0.3s ease 0s; - -ms-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; -} -#article-container .telescopic-site-card-group .site-card .img img { - border-radius: 0; - -webkit-transform: scale(1.03); - -moz-transform: scale(1.03); - -o-transform: scale(1.03); - -ms-transform: scale(1.03); - transform: scale(1.03); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - margin: 0; - max-width: 100%; -} -@-moz-keyframes light_tag { - 0% { - -webkit-transform: skewx(0) translateX(-150px); - -moz-transform: skewx(0) translateX(-150px); - -o-transform: skewx(0) translateX(-150px); - -ms-transform: skewx(0) translateX(-150px); - transform: skewx(0) translateX(-150px); - } - 99% { - -webkit-transform: skewx(-25deg) translateX(50px); - -moz-transform: skewx(-25deg) translateX(50px); - -o-transform: skewx(-25deg) translateX(50px); - -ms-transform: skewx(-25deg) translateX(50px); - transform: skewx(-25deg) translateX(50px); - } -} -@-webkit-keyframes light_tag { - 0% { - -webkit-transform: skewx(0) translateX(-150px); - -moz-transform: skewx(0) translateX(-150px); - -o-transform: skewx(0) translateX(-150px); - -ms-transform: skewx(0) translateX(-150px); - transform: skewx(0) translateX(-150px); - } - 99% { - -webkit-transform: skewx(-25deg) translateX(50px); - -moz-transform: skewx(-25deg) translateX(50px); - -o-transform: skewx(-25deg) translateX(50px); - -ms-transform: skewx(-25deg) translateX(50px); - transform: skewx(-25deg) translateX(50px); - } -} -@-o-keyframes light_tag { - 0% { - -webkit-transform: skewx(0) translateX(-150px); - -moz-transform: skewx(0) translateX(-150px); - -o-transform: skewx(0) translateX(-150px); - -ms-transform: skewx(0) translateX(-150px); - transform: skewx(0) translateX(-150px); - } - 99% { - -webkit-transform: skewx(-25deg) translateX(50px); - -moz-transform: skewx(-25deg) translateX(50px); - -o-transform: skewx(-25deg) translateX(50px); - -ms-transform: skewx(-25deg) translateX(50px); - transform: skewx(-25deg) translateX(50px); - } -} -@keyframes light_tag { - 0% { - -webkit-transform: skewx(0) translateX(-150px); - -moz-transform: skewx(0) translateX(-150px); - -o-transform: skewx(0) translateX(-150px); - -ms-transform: skewx(0) translateX(-150px); - transform: skewx(0) translateX(-150px); - } - 99% { - -webkit-transform: skewx(-25deg) translateX(50px); - -moz-transform: skewx(-25deg) translateX(50px); - -o-transform: skewx(-25deg) translateX(50px); - -ms-transform: skewx(-25deg) translateX(50px); - transform: skewx(-25deg) translateX(50px); - } -} -#recent-posts > .recent-post-item:not(:first-child) { - margin-top: 20px; - -webkit-animation: slide-in 0.6s 0.4s backwards; - -moz-animation: slide-in 0.6s 0.4s backwards; - -o-animation: slide-in 0.6s 0.4s backwards; - -ms-animation: slide-in 0.6s 0.4s backwards; - animation: slide-in 0.6s 0.4s backwards; - will-change: transform; -} -@media screen and (max-width: 768px) { - #recent-posts > .recent-post-item:not(:first-child) { - margin: 20px 20px 0; - } -} -#recent-posts > .recent-post-item { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - overflow: hidden; - height: 18em; - position: relative; - border-radius: 12px; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: all 0.3s ease 0s; - -moz-transition: all 0.3s ease 0s; - -o-transition: all 0.3s ease 0s; - -ms-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; -} -#recent-posts > .recent-post-item .recent-post-info-top-tips { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - margin-top: 20px; -} -#recent-posts > .recent-post-item .unvisited-post { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - color: var(--anzhiyu-secondtext); - font-size: 0.75rem; - position: relative; -} -#recent-posts > .recent-post-item .unvisited-post:visited { - color: var(--anzhiyu-card-bg); -} -#recent-posts > .recent-post-item .recent-post-info { - margin-top: 0px; - position: relative; -} -#recent-posts > .recent-post-item .recent-post-info .recent-post-info-top { - position: relative; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - padding: 0 32px; - width: 100%; -} -#recent-posts > .recent-post-item .recent-post-info .recent-post-info-top .article-categories-original { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - color: var(--anzhiyu-secondtext); - font-size: 0.75rem; - position: relative; - margin-right: 8px; -} -#recent-posts > .recent-post-item .recent-post-info .recent-post-info-top .newPost { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - color: var(--anzhiyu-secondtext); - font-size: 0.75rem; - position: relative; - margin-right: 8px; -} -#recent-posts > .recent-post-item .recent-post-info .article-title { - font-size: 20px; - -webkit-line-clamp: 2; - line-height: 30px; - margin-top: 0; - font-weight: 700; - color: var(--anzhiyu-fontcolor); - margin-bottom: 0; - width: 100%; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - display: -webkit-box; - overflow: hidden; - -webkit-box-orient: vertical; -} -@media screen and (max-width: 768px) { - #recent-posts > .recent-post-item .recent-post-info .article-title { - font-size: 19px; - } -} -@media screen and (max-width: 768px) { - #recent-posts > .recent-post-item { - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: auto; - } - #recent-posts > .recent-post-item.lastestpost-item { - margin-top: 10px !important; - } -} -#recent-posts > .recent-post-item:hover img.post_bg { - filter: brightness(0.82) !important; - -webkit-transform: scale(1.03) !important; - -moz-transform: scale(1.03) !important; - -o-transform: scale(1.03) !important; - -ms-transform: scale(1.03) !important; - transform: scale(1.03) !important; - -webkit-transition: 0.3s ease-in-out; - -moz-transition: 0.3s ease-in-out; - -o-transition: 0.3s ease-in-out; - -ms-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; -} -#recent-posts > .recent-post-item.ads-wrap { - display: block !important; - height: auto !important; -} -#recent-posts > .recent-post-item .post_cover { - overflow: hidden; - width: 70%; - height: 200px; -} -@media screen and (max-width: 768px) { - #recent-posts > .recent-post-item .post_cover { - width: 100%; - height: 200px; - } -} -#recent-posts > .recent-post-item .post_cover img.post_bg { - border-radius: 0px; - height: 100%; - width: 100%; - -webkit-transition: all 0.6s ease 0s; - -moz-transition: all 0.6s ease 0s; - -o-transition: all 0.6s ease 0s; - -ms-transition: all 0.6s ease 0s; - transition: all 0.6s ease 0s; - object-fit: cover; -} -#recent-posts > .recent-post-item .post_cover.right { - -webkit-box-ordinal-group: 1; - -moz-box-ordinal-group: 1; - -o-box-ordinal-group: 1; - -ms-flex-order: 1; - -webkit-order: 1; - order: 1; -} -@media screen and (max-width: 768px) { - #recent-posts > .recent-post-item .post_cover.right { - -webkit-box-ordinal-group: 0; - -moz-box-ordinal-group: 0; - -o-box-ordinal-group: 0; - -ms-flex-order: 0; - -webkit-order: 0; - order: 0; - } -} -#recent-posts > .recent-post-item >.recent-post-info { - height: 174px; - width: 100%; - cursor: pointer; - position: relative; - padding: 0; - display: inline-block; - overflow: hidden; -} -#recent-posts > .recent-post-item >.recent-post-info .sticky-warp { - line-height: 23px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - margin-right: 8px; -} -#recent-posts > .recent-post-item >.recent-post-info .sticky-warp .sticky { - color: #ff7242; - font-size: 12px; -} -@media screen and (max-width: 768px) { - #recent-posts > .recent-post-item >.recent-post-info { - width: 100%; - min-height: 140px; - } -} -#recent-posts > .recent-post-item >.recent-post-info.no-cover { - width: 100%; -} -@media screen and (max-width: 768px) { - #recent-posts > .recent-post-item >.recent-post-info.no-cover { - padding: 30px 20px; - } -} -#recent-posts > .recent-post-item >.recent-post-info.no-cover:hover { - color: #425aef; -} -#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap { - color: var(--anzhiyu-fontcolor); - font-size: 0.7rem; - position: absolute; - padding: 0 32px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-lines: single; - -moz-box-lines: single; - -o-box-lines: single; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - width: 100%; - left: 0; - -webkit-box-direction: reverse; - -moz-box-direction: reverse; - -o-box-direction: reverse; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - bottom: 30px; -} -#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap .article-meta { - margin: 0 8px 0 0; - white-space: nowrap; - overflow: hidden; - display: inline-block; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; -} -#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap > .post-meta-date { - color: var(--anzhiyu-fontcolor); - font-size: 0.875rem; - white-space: nowrap; -} -@media screen and (max-width: 500px) { - #recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap > .post-meta-date { - font-size: 13px; - } -} -#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap i { - margin: 0 4px 0 0; -} -#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap .article-meta-label { - display: none; -} -#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap .article-meta-separator { - margin: 0 6px; -} -#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap .article-meta-link { - margin: 0 4px; -} -#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap a { - color: var(--anzhiyu-fontcolor); - font-size: 14px; - margin-right: 4px; -} -#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap a span { - pointer-events: none; -} -#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap a:hover { - color: #425aef; -} -#recent-posts > .recent-post-item >.recent-post-info > .content { - -webkit-line-clamp: 2; -} -#topPostGroup { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - margin-top: 10px; - height: 128px; - -ms-flex-line-pack: justify; - -webkit-align-content: space-between; - align-content: space-between; - width: 100%; -} -#home_top { - margin: 0 auto 0; - padding: 0px 1.5rem 0px; - max-width: 1400px; - width: 100%; - -webkit-animation: slide-in 0.6s 0.1s backwards; - -moz-animation: slide-in 0.6s 0.1s backwards; - -o-animation: slide-in 0.6s 0.1s backwards; - -ms-animation: slide-in 0.6s 0.1s backwards; - animation: slide-in 0.6s 0.1s backwards; - overflow: hidden; -} -@media screen and (max-width: 768px) { - #topPostGroup { - height: 240px; - } - #swiper_container_blog { - padding: 10px; - } - #home_top { - padding: 0px 20px 0px; - } -} -#content-inner #recent-posts > .recent-post-item > .recent-post-info > .content { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - height: 0; -} -@media screen and (max-width: 1200px) { - #recent-posts > .recent-post-item >.recent-post-info > .article-title { - line-height: 30px; - font-weight: bold; - color: var(--anzhiyu-fontcolor); - width: 100%; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - font-size: 1.2rem; - -webkit-line-clamp: 2; - display: -webkit-box; - overflow: hidden; - -webkit-box-orient: vertical; - } -} -@media screen and (max-width: 768px) { - #content-inner #recent-posts > .recent-post-item > .recent-post-info > .content { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - height: 0; - } -} -@media screen and (min-width: 1201px) { - #recent-posts { - -ms-flex-line-pack: start; - -webkit-align-content: flex-start; - align-content: flex-start; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - } - #recent-posts>.recent-post-item { - margin-top: 1rem; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - height: auto; - width: 49%; - -webkit-flex-direction: column; - -ms-flex-direction: column; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: auto !important; - } - #recent-posts>.recent-post-item .recent-post-info .content { - display: none; - } - #recent-posts>.recent-post-item .post_cover { - width: 100%; - height: 225px; - -webkit-transition: 1s !important; - -moz-transition: 1s !important; - -o-transition: 1s !important; - -ms-transition: 1s !important; - transition: 1s !important; - } - #recent-posts>.recent-post-item .post_cover img.post_bg { - width: 100%; - height: 100%; - } - #recent-posts>.recent-post-item .left_radius { - border-radius: 8px 8px 0 0; - } - #recent-posts>.recent-post-item .right_radius { - border-radius: 8px 8px 0 0; - } -} -#content-inner #recent-posts > .recent-post-item > .recent-post-info > .content { - -webkit-transition: all 0.3s ease 0s; - -moz-transition: all 0.3s ease 0s; - -o-transition: all 0.3s ease 0s; - -ms-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - display: -webkit-box; - overflow: hidden; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; - line-height: 1.4; - color: var(--anzhiyu-secondtext); - margin-top: 0.5rem; - font-size: 14px; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - height: 0; -} -#popup-window { - min-width: 300px; - background: var(--anzhiyu-maskbgdeep); - color: var(--anzhiyu-fontcolor); - padding: 8px 16px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - bottom: 20px; - right: 20px; - position: fixed; - border-radius: 12px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - z-index: 1002; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - backdrop-filter: saturate(180%) blur(20px); - -webkit-backdrop-filter: saturate(180%) blur(20px); - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -o-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - border: var(--style-border); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - pointer-events: none; -} -#popup-window.show-popup-window { - -webkit-animation: barrageIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - -moz-animation: barrageIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - -o-animation: barrageIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - -ms-animation: barrageIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - animation: barrageIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - opacity: 1; - -ms-filter: none; - filter: none; - pointer-events: all; - cursor: pointer; -} -#popup-window.no-url:hover { - background: var(--anzhiyu-maskbgdeep); - color: var(--anzhiyu-fontcolor); - border: var(--style-border); - cursor: pointer; -} -#popup-window.no-url .popup-window-content .popup-link { - display: none; -} -#popup-window:hover { - background: var(--anzhiyu-main); - color: var(--anzhiyu-white); - border: var(--style-border-hover); -} -#popup-window:hover .popup-window-content .popup-link i { - color: var(--anzhiyu-white); -} -#popup-window.popup-hide { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-animation: barrageOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - -moz-animation: barrageOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - -o-animation: barrageOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - -ms-animation: barrageOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - animation: barrageOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); -} -#popup-window .popup-window-title { - font-size: 12px; - font-weight: 700; - color: var(--anzhiyu-card-bg); - margin-right: 8px; - background: var(--anzhiyu-fontcolor); - line-height: 1; - padding: 4px; - border-radius: 4px; - width: fit-content; -} -#popup-window .popup-window-divider { - width: 100%; - border-bottom: var(--style-border); - margin-top: 6px; -} -#popup-window .popup-window-content { - font-size: 14px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: distribute; - -moz-box-pack: distribute; - -o-box-pack: distribute; - -ms-flex-pack: distribute; - -webkit-justify-content: space-around; - justify-content: space-around; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -#popup-window .popup-window-content .popup-link { - margin-left: auto; - font-size: 16px; -} -#popup-window .popup-window-content .popup-link i { - font-size: 16px; -} -body[data-type="post"] #popup-window { - top: 70px; - bottom: auto; -} -body[data-type="post"] #popup-window.show-popup-window { - -webkit-animation: toLeftFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - -moz-animation: toLeftFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - -o-animation: toLeftFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - -ms-animation: toLeftFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - animation: toLeftFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - opacity: 1; - -ms-filter: none; - filter: none; -} -body[data-type="post"] #popup-window.popup-hide { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-animation: toRightFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - -moz-animation: toRightFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - -o-animation: toRightFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - -ms-animation: toRightFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - animation: toRightFull 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); -} -body[data-type="music"] { - background: #0d0d0d; -} -body[data-type="music"] #body-wrap { - -webkit-box-pack: start; - -moz-box-pack: start; - -o-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; -} -body[data-type="music"] #center-console + label i { - background: var(--anzhiyu-white) !important; -} -body[data-type="music"] .layout { - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; -} -body[data-type="music"] #page { - border: 0; - -webkit-box-shadow: none !important; - box-shadow: none !important; - padding: 0 !important; - background: transparent !important; -} -body[data-type="music"] #page .page-title { - display: none; -} -body[data-type="music"] #page-header #nav { - backdrop-filter: none !important; - background: 0 0 !important; - border-bottom: none !important; -} -body[data-type="music"] #page-header #nav #blog_name a, -body[data-type="music"] #page-header #nav .mask-name-container a, -body[data-type="music"] #page-header #nav #menus a, -body[data-type="music"] #page-header #nav #nav-right .nav-button a, -body[data-type="music"] #page-header #nav #nav-right #toggle-menu a, -body[data-type="music"] #page-header #nav #blog_name .back-home-button, -body[data-type="music"] #page-header #nav .mask-name-container .back-home-button, -body[data-type="music"] #page-header #nav #menus .back-home-button, -body[data-type="music"] #page-header #nav #nav-right .nav-button .back-home-button, -body[data-type="music"] #page-header #nav #nav-right #toggle-menu .back-home-button { - color: var(--anzhiyu-white); -} -body[data-type="music"] #footer, -body[data-type="music"] #nav-music { - display: none; -} -body[data-type="music"] #an_music_bg { - display: block; -} -body[data-type="music"] #web_bg { - display: none; -} -body[data-type="music"] .s-sticker div { - color: var(--anzhiyu-white) !important; -} -[data-theme="dark"] body[data-type="music"] .page #page-header:before { - background-color: transparent; -} -#an_music_bg { - display: none; - filter: blur(63px); - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - position: fixed; - z-index: -999; - background-attachment: local; - background-position: center center; - background-size: cover; - background-repeat: no-repeat; - width: 200%; - height: 200%; - top: -50%; - left: -50%; - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -body:has(#console.show) #nav-music { - display: none !important; -} -@media screen and (max-width: 1400px) { - body #anMusic-page #anMusicSwitching, - body #anMusic-page #anMusicRefreshBtn, - body #anMusic-page #anMusicBtnGetSong { - right: 7vw; - } - body #anMusic-page #anMusicSwitching { - bottom: 100px; - } - body #anMusic-page #anMusicRefreshBtn { - bottom: 160px; - } - body #anMusic-page #anMusicBtnGetSong { - bottom: 220px; - } -} -#anMusic-page #anMusicRefreshBtn, -#anMusic-page #anMusicBtnGetSong, -#anMusic-page #anMusicSwitching { - position: fixed; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - width: 50px; - height: 50px; - bottom: 100px; - padding: 5px; - background: var(--anzhiyu-white-op); - backdrop-filter: saturate(180%) blur(20px); - -webkit-backdrop-filter: blur(20px); - border-radius: 50%; - color: #fff; - text-align: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - cursor: pointer; - z-index: 2; -} -#anMusic-page #anMusicBtnGetSong { - right: 11vw; -} -#anMusic-page #anMusicRefreshBtn { - right: 7vw; -} -#anMusic-page #anMusicSwitching { - right: 15vw; -} -@media screen and (max-width: 768px) { - #anMusic-page div#anMusicBtnGetSong { - right: 80px; - bottom: 150px; - } - #anMusic-page div#anMusicRefreshBtn { - right: 20px; - bottom: 150px; - } - #anMusic-page div#anMusicSwitching { - right: 140px; - bottom: 150px; - } -} -#anMusic-page meting-js .aplayer { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-direction: reverse; - -moz-box-direction: reverse; - -o-box-direction: reverse; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - background: rgba(0,0,0,0); - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} -#anMusic-page meting-js .aplayer .aplayer-body { - width: 40%; - height: calc(100vh - 169px); -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-pic { - float: none; - width: 180px; - height: 180px; - border-radius: 12px; - margin: auto; - left: 0; - right: 0; - -webkit-transition: background-image 0.5s ease-in-out; - -moz-transition: background-image 0.5s ease-in-out; - -o-transition: background-image 0.5s ease-in-out; - -ms-transition: background-image 0.5s ease-in-out; - transition: background-image 0.5s ease-in-out; - background-size: cover; - background-color: transparent !important; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info { - margin: 0 20px 0 20px; - border-bottom: none; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-music { - text-align: center; - height: auto; - margin: 15px; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-music .aplayer-author, -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-music .aplayer-title { - font-size: 2rem; - font-weight: 700; - color: #fff; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-lrc { - height: 800%; - margin-top: 10px; - mask-image: linear-gradient(to bottom, #000, #000, #000, #000, #000, #000, #000, #000, #000, #000, rgba(0,0,0,0), rgba(0,0,0,0)); -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-lrc p { - font-size: 20px; - line-height: 20px !important; - height: 20px !important; - margin: 20px 0 !important; - color: #fff; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-lrc p.aplayer-lrc-current { - min-height: 20px; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-lrc::after, -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-lrc::before { - display: none; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller { - position: fixed; - max-width: 1500px; - margin: auto; - left: 0; - right: 0; - bottom: 50px; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap { - margin: 0 160px 0 150px; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar { - height: 6px; - border-radius: 4px; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played { - height: 6px; - border-radius: 4px; - background: var(--anzhiyu-white) !important; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb { - width: 20px; - height: 20px; - margin-top: -7px; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - -ms-transform: none; - transform: none; - background: #fff !important; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded { - height: 6px; - border-radius: 4px; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time { - position: absolute; - width: 100%; - bottom: 21px; - height: 0; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: end; - -moz-box-pack: end; - -o-box-pack: end; - -ms-flex-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-volume-wrap .aplayer-volume-bar-wrap { - bottom: 0; - right: -5px; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon { - width: 2rem; - height: 2rem; - margin-left: 15px; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path { - fill: var(--anzhiyu-white); - opacity: 0.8; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; - filter: alpha(opacity=80); -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop { - margin-right: 15px; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner { - margin-right: 18px; - margin-top: -8px; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-back { - position: absolute; - left: 0; - display: inline; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-play { - position: absolute; - left: 40px; - display: inline; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-forward { - position: absolute; - left: 80px; - display: inline; -} -#anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-menu { - display: none; -} -#anMusic-page meting-js .aplayer .aplayer-list { - width: 60%; - height: 100%; -} -#anMusic-page meting-js .aplayer ol { - padding-right: 25px; -} -#anMusic-page meting-js .aplayer ol > li { - border-top: 1px solid transparent; - font-size: 14px; -} -#anMusic-page meting-js .aplayer ol > li:hover { - background: rgba(255,255,255,0.2); - border-radius: 6px; -} -#anMusic-page meting-js .aplayer ol > li.aplayer-list-light { - background: rgba(255,255,255,0.2); - border-radius: 6px; - padding: 20px 15px; -} -#anMusic-page meting-js .aplayer ol > li.aplayer-list-light span.aplayer-list-title { - font-weight: bolder; -} -#anMusic-page meting-js .aplayer ol > li.aplayer-list-light .aplayer-list-cur { - display: none; -} -#anMusic-page meting-js .aplayer ol > li span { - color: var(--anzhiyu-white); -} -#anMusic-page meting-js .aplayer ol > li span.aplayer-list-author { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); -} -@media screen and (max-width: 768px) { - body[data-type="music"] #rightside { - display: none; - } - body[data-type="music"] #content-inner, - body[data-type="music"] #page { - z-index: auto; - } - #anMusic-page meting-js .aplayer .aplayer-list { - position: fixed; - z-index: 1002; - width: 100%; - bottom: -88%; - left: 0; - background: var(--sidebar-bg); - height: auto; - border-radius: 15px 15px 0px 0px; - padding: 15px 0px; - } - #anMusic-page meting-js .aplayer .aplayer-list.aplayer-list-hide { - bottom: 0% !important; - } - #anMusic-page meting-js .aplayer .aplayer-list ol { - max-height: 60vh !important; - padding-right: 0px; - } - #anMusic-page meting-js .aplayer .aplayer-list ol > li { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - margin: 0 10px; - } - #anMusic-page meting-js .aplayer .aplayer-list ol > li span { - color: var(--font-color); - } - #anMusic-page meting-js .aplayer .aplayer-list ol > li span.aplayer-list-title { - width: 30%; - max-width: 55%; - width: auto; - display: -webkit-box; - -webkit-line-clamp: 1; - overflow: hidden; - -webkit-box-orient: vertical; - } - #anMusic-page meting-js .aplayer .aplayer-list ol > li span.aplayer-list-author { - position: absolute; - right: 10px; - width: auto; - max-width: 35%; - display: -webkit-box; - -webkit-line-clamp: 1; - overflow: hidden; - -webkit-box-orient: vertical; - } - #anMusic-page meting-js .aplayer .aplayer-list ol > li.aplayer-list-light { - background: #33a673; - padding: 5px 20px; - border-radius: 10px; - } - #anMusic-page meting-js .aplayer .aplayer-list ol > li.aplayer-list-light span { - color: #fff; - } - #anMusic-page meting-js .aplayer .aplayer-list ol > li.aplayer-list-light span.aplayer-list-author { - right: 15px; - } - #anMusic-page meting-js .aplayer .aplayer-body { - width: 100%; - position: fixed; - margin: auto; - left: 0; - right: 0; - top: 100px; - } - #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-lrc { - margin-top: 40px; - height: auto; - max-height: 200%; - min-height: 100%; - mask-image: linear-gradient(to bottom, #000, #000, #000, #000, rgba(0,0,0,0), rgba(0,0,0,0)); - } - #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-lrc p.aplayer-lrc-current { - color: #33a673; - } - #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller { - width: 100%; - bottom: 100px; - } - #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-volume-wrap { - left: -66px; - } - #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap { - bottom: 0px; - right: 7px; - } - #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-bar-wrap { - margin: 0 30px; - } - #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time { - bottom: -40px; - } - #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner { - position: absolute; - width: 100%; - margin-right: 0; - margin-top: -33px; - } - #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner .aplayer-dtime { - position: absolute; - right: 30px; - } - #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner .aplayer-ptime { - position: absolute; - left: 35px; - } - #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-back { - margin: auto; - right: 110px; - } - #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-play { - margin: auto; - right: 0; - left: 0; - } - #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-forward { - margin: auto; - left: 110px; - right: 0; - } - #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-order { - position: absolute; - left: 22px; - } - #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-loop { - position: absolute; - right: 25px; - } - #anMusic-page meting-js .aplayer .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon-menu { - display: inline; - position: absolute; - right: 25px; - top: -90px; - } -} -.reward #con { - width: 350px; - height: 85px; - position: relative; - border-radius: 4px; -} -.reward #TA-con { - width: 157px; - height: 50px; - background-color: #f25d8e; - -webkit-box-shadow: 0 4px 4px rgba(255,112,159,0.3); - box-shadow: 0 4px 4px rgba(255,112,159,0.3); - position: absolute; - top: 50%; - left: 10%; - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); - border-radius: 4px; - cursor: pointer; -} -@media screen and (max-width: 768px) { - .reward #TA-con { - width: 125px; - left: 54px; - } -} -.reward #TA-con:hover { - background-color: #ff6b9a; -} -.reward #text-con { - width: 100px; - height: 100%; - margin: 0 auto; - position: relative; -} -.reward #linght { - width: 0; - height: 0; - position: absolute; - top: 36%; - left: 4px; - border-color: transparent; - border-style: solid; - border-width: 10px; - border-top: 10px solid #fff; - border-radius: 4px; - -webkit-transform: rotate(-55deg); - -moz-transform: rotate(-55deg); - -o-transform: rotate(-55deg); - -ms-transform: rotate(-55deg); - transform: rotate(-55deg); -} -.reward #linght::after { - position: absolute; - top: -13px; - left: -11px; - content: ""; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - border-width: 10px; - border-top: 10px solid #fff; - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - border-radius: 4px; -} -.reward #TA { - float: right; - line-height: 50px; - font-size: 15px; - color: #fff; -} -.reward #tube-con { - width: 157px; - height: 55px; - position: absolute; - right: -5px; - top: 15px; -} -.reward svg { - width: 100%; - height: 100%; -} -.reward #mask { - width: 0px; - height: 100%; - overflow: hidden; - position: absolute; - top: 0; - left: 0; - -webkit-transition: all 0.5s; - -moz-transition: all 0.5s; - -o-transition: all 0.5s; - -ms-transition: all 0.5s; - transition: all 0.5s; -} -.reward #mask svg { - width: 157px; - height: 55px; -} -.reward #TA-con:hover + #tube-con > #mask { - width: 157px; -} -.reward #TA-con:hover + #tube-con > #orange-mask { - -webkit-animation: move1 0.5s linear 0.2s infinite; - -moz-animation: move1 0.5s linear 0.2s infinite; - -o-animation: move1 0.5s linear 0.2s infinite; - -ms-animation: move1 0.5s linear 0.2s infinite; - animation: move1 0.5s linear 0.2s infinite; -} -.reward #TA-con:hover + #tube-con > #orange-mask svg { - -webkit-animation: movetwo 0.5s linear 0.2s infinite; - -moz-animation: movetwo 0.5s linear 0.2s infinite; - -o-animation: movetwo 0.5s linear 0.2s infinite; - -ms-animation: movetwo 0.5s linear 0.2s infinite; - animation: movetwo 0.5s linear 0.2s infinite; -} -.reward #orange-mask { - width: 18px; - height: 100%; - overflow: hidden; - position: absolute; - left: -15px; - top: 0px; -} -.reward #orange-mask svg { - position: absolute; - top: 0; - left: 15px; - width: 157px; - height: 55px; -} -.reward #people { - position: absolute; - right: 10px; - top: 4px; - font-size: 12px; - font-family: "雅黑"; - color: #aaa; -} -.reward #people > b { - color: #777; -} -@-moz-keyframes move1 { - 0% { - -webkit-transform: translateX(-15px); - -moz-transform: translateX(-15px); - -o-transform: translateX(-15px); - -ms-transform: translateX(-15px); - transform: translateX(-15px); - } - 100% { - -webkit-transform: translateX(140px); - -moz-transform: translateX(140px); - -o-transform: translateX(140px); - -ms-transform: translateX(140px); - transform: translateX(140px); - } -} -@-webkit-keyframes move1 { - 0% { - -webkit-transform: translateX(-15px); - -moz-transform: translateX(-15px); - -o-transform: translateX(-15px); - -ms-transform: translateX(-15px); - transform: translateX(-15px); - } - 100% { - -webkit-transform: translateX(140px); - -moz-transform: translateX(140px); - -o-transform: translateX(140px); - -ms-transform: translateX(140px); - transform: translateX(140px); - } -} -@-o-keyframes move1 { - 0% { - -webkit-transform: translateX(-15px); - -moz-transform: translateX(-15px); - -o-transform: translateX(-15px); - -ms-transform: translateX(-15px); - transform: translateX(-15px); - } - 100% { - -webkit-transform: translateX(140px); - -moz-transform: translateX(140px); - -o-transform: translateX(140px); - -ms-transform: translateX(140px); - transform: translateX(140px); - } -} -@keyframes move1 { - 0% { - -webkit-transform: translateX(-15px); - -moz-transform: translateX(-15px); - -o-transform: translateX(-15px); - -ms-transform: translateX(-15px); - transform: translateX(-15px); - } - 100% { - -webkit-transform: translateX(140px); - -moz-transform: translateX(140px); - -o-transform: translateX(140px); - -ms-transform: translateX(140px); - transform: translateX(140px); - } -} -@-moz-keyframes movetwo { - 0% { - -webkit-transform: translateX(15px); - -moz-transform: translateX(15px); - -o-transform: translateX(15px); - -ms-transform: translateX(15px); - transform: translateX(15px); - } - 100% { - -webkit-transform: translateX(-140px); - -moz-transform: translateX(-140px); - -o-transform: translateX(-140px); - -ms-transform: translateX(-140px); - transform: translateX(-140px); - } -} -@-webkit-keyframes movetwo { - 0% { - -webkit-transform: translateX(15px); - -moz-transform: translateX(15px); - -o-transform: translateX(15px); - -ms-transform: translateX(15px); - transform: translateX(15px); - } - 100% { - -webkit-transform: translateX(-140px); - -moz-transform: translateX(-140px); - -o-transform: translateX(-140px); - -ms-transform: translateX(-140px); - transform: translateX(-140px); - } -} -@-o-keyframes movetwo { - 0% { - -webkit-transform: translateX(15px); - -moz-transform: translateX(15px); - -o-transform: translateX(15px); - -ms-transform: translateX(15px); - transform: translateX(15px); - } - 100% { - -webkit-transform: translateX(-140px); - -moz-transform: translateX(-140px); - -o-transform: translateX(-140px); - -ms-transform: translateX(-140px); - transform: translateX(-140px); - } -} -@keyframes movetwo { - 0% { - -webkit-transform: translateX(15px); - -moz-transform: translateX(15px); - -o-transform: translateX(15px); - -ms-transform: translateX(15px); - transform: translateX(15px); - } - 100% { - -webkit-transform: translateX(-140px); - -moz-transform: translateX(-140px); - -o-transform: translateX(-140px); - -ms-transform: translateX(-140px); - transform: translateX(-140px); - } -} -#tag #tag-page-tags { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-flow: row wrap; - -ms-flex-flow: row wrap; - flex-flow: row wrap; -} -#tag #tag-page-tags a { - line-height: 1.6; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - color: var(--anzhiyu-fontcolor) !important; - padding: 0.1rem 0.5rem; - margin: 0.25rem; - border-radius: 8px; - border: var(--style-border-always); -} -#tag #tag-page-tags a.selected { - -webkit-box-shadow: var(--anzhiyu-shadow-theme); - box-shadow: var(--anzhiyu-shadow-theme); - color: var(--anzhiyu-white) !important; - background: var(--anzhiyu-theme); - border: var(--style-border-none); -} -#tag #tag-page-tags a.select .tagsPageCount { - background: var(--anzhiyu-card-bg); - color: var(--anzhiyu-lighttext); -} -#post .tag_share .post-meta__box__tags span.tagsPageCount, -#tag-page-tags .tagsPageCount { - padding: 4px 6px; - background: var(--anzhiyu-secondbg); - border: var(--style-border-always); - min-width: 22.5px; - display: inline-block; - border-radius: 4px; - line-height: 0.6rem; - text-align: center; - font-size: 0.7rem; - color: var(--anzhiyu-fontcolor); - margin-left: 4px; -} -#tag #tag-page-tags a:hover .tagsPageCount, -#post .tag_share .post-meta__box__tags:hover span.tagsPageCount { - background: var(--anzhiyu-card-bg); - color: var(--anzhiyu-lighttext); -} -#tag #tag-page-tags a { - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Lato, Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif; - font-size: 0.9em; -} -#tag #tag-page-tags a:hover { - -webkit-box-shadow: var(--anzhiyu-shadow-theme); - box-shadow: var(--anzhiyu-shadow-theme); - color: var(--anzhiyu-white) !important; - background: var(--anzhiyu-theme); - border: var(--style-border-none); -} -span.tags-punctuation, -span.categoryes-punctuation { - margin-right: 4px; -} -span.tags-punctuation .icon-biaoqian, -span.categoryes-punctuation .icon-biaoqian { - font-size: 13px; -} -.tagsPageCount { - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Lato, Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif; -} -[data-theme="light"] #post .tag_share .post-meta__box__tags span.tagsPageCount { - background-color: transparent; - color: #fff; -} -[data-theme="light"] #post .tag_share .post-meta__box__categoryes span.categoryesPageCount { - background-color: transparent; - color: #fff; -} -#post .tag_share .post-meta__box__categoryes span.categoryesPageCount { - padding: 4px 6px; - background: var(--anzhiyu-secondbg); - border: var(--style-border-always); - min-width: 22.5px; - display: inline-block; - border-radius: 4px; - line-height: 0.6rem; - text-align: center; - font-size: 0.7rem; - color: var(--anzhiyu-fontcolor); - margin-left: 4px; -} -.post-meta__box__categories { - border-radius: 12px; -} -.post-meta__box a { - color: var(--anzhiyu-white); - border: none; -} -[data-theme="dark"] .post-meta__box a { - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); -} -[data-theme="dark"] .post-reward .reward-button, -[data-theme="dark"] .reward-link.mode { - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); -} -.post-meta__box__tag-list a:nth-child(5n) { - background-color: #4a4a4a; - color: #fff; -} -.post-meta__box__tag-list a:nth-child(5n + 1) { - background-color: #ff5e5c; - color: #fff; -} -.post-meta__box__tag-list a:nth-child(5n + 2) { - background-color: #ffbb50; - color: #fff; -} -.post-meta__box__tag-list a:nth-child(5n + 3) { - background-color: #1ac756; - color: #fff; -} -.post-meta__box__tag-list a:nth-child(5n + 4) { - background-color: #19b5fe; - color: #fff; -} -.post-meta__box__tag-list a:hover { - background-color: var(--anzhiyu-main); - color: #fff; -} -[data-theme="dark"] .post-meta__box__tag-list a:hover { - color: #fff; -} -.post-meta__box__category-list a:nth-child(5n) { - background-color: #4a4a4a; - color: #fff; -} -.post-meta__box__category-list a:nth-child(5n + 1) { - background-color: #1ac756; - color: #fff; -} -.post-meta__box__category-list a:nth-child(5n + 2) { - background-color: #ffbb50; - color: #fff; -} -.post-meta__box__category-list a:nth-child(5n + 3) { - background-color: #19b5fe; - color: #fff; -} -.post-meta__box__category-list a:nth-child(5n + 4) { - background-color: #ff5e5c; - color: #fff; -} -body[data-type="tags"] #page, -body[data-type="categories"] #page { - border-radius: 12px; -} -@media screen and (max-width: 768px) { - body[data-type="tags"] #page #tag, - body[data-type="categories"] #page #tag { - padding: 0px 15px 20px; - } - body[data-type="tags"] #page .page-title, - body[data-type="categories"] #page .page-title { - margin: 8px 0 0px; - } -} -@media screen and (max-width: 768px) { - body[data-type="tags"] #body-wrap .layout, - body[data-type="categories"] #body-wrap .layout { - padding: 0 20px 15px; - } -} -body[data-type="tags"] #tag #tag-page-tags, -body[data-type="categories"] #tag #tag-page-tags { - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -body[data-type="tags"] #tag #tag-page-tags a, -body[data-type="categories"] #tag #tag-page-tags a { - font-size: 1.4rem; - margin: 0.3rem 0.65rem; -} -@media screen and (max-width: 768px) { - body[data-type="tags"] #tag #tag-page-tags a, - body[data-type="categories"] #tag #tag-page-tags a { - font-size: 1.8rem; - margin: 0.6rem 0.8rem; - } -} -.tag-cloud-list a { - display: inline-block; - padding: 0 8px; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - -ms-transition: all 0.3s; - transition: all 0.3s; -} -.tag-cloud-list a:hover { - color: #425aef !important; - -webkit-transform: scale(1.1); - -moz-transform: scale(1.1); - -o-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); -} -@media screen and (max-width: 768px) { - .tag-cloud-list a { - zoom: 0.85; - } -} -.tag-cloud-title { - font-size: 2.57em; -} -@media screen and (max-width: 768px) { - .tag-cloud-title { - font-size: 2em; - } -} -h1.page-title + .tag-cloud-list { - text-align: left; -} -@media screen and (min-width: 1201px) and (max-width: 768px) { - #recent-posts>.recent-post-item { - width: 100%; - } - #recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap > .tags > .article-meta__separator { - display: none; - } -} -#error-wrap { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - width: 100%; - margin-top: 1rem; - position: relative; -} -@media screen and (max-width: 768px) { - #error-wrap { - margin-top: 0; - } -} -#error-wrap .error-content { - -webkit-box-shadow: none !important; - box-shadow: none !important; - border-radius: 12px; - background: var(--anzhiyu-card-bg) !important; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - margin: 0px 1rem; - height: 22rem; - max-width: 800px; - border-radius: 5px; - background: var(--anzhiyu-card-bg); - -webkit-box-shadow: var(--card-box-shadow); - box-shadow: var(--card-box-shadow); - -webkit-transition: all 0.3s ease 0s; - -moz-transition: all 0.3s ease 0s; - -o-transition: all 0.3s ease 0s; - -ms-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - border: var(--style-border-always); - position: relative; - width: 100%; -} -@media screen and (max-width: 768px) { - #error-wrap .error-content { - -webkit-box-orient: vertical; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0px; - height: 25rem; - width: 100%; - } -} -#error-wrap .error-content .error-img { - -webkit-box-flex: 1; - -moz-box-flex: 1; - -o-box-flex: 1; - box-flex: 1; - -webkit-flex: 1 1 0%; - -ms-flex: 1 1 0%; - flex: 1 1 0%; - height: 90%; - width: 600px; - border-top-left-radius: 8px; - border-bottom-left-radius: 8px; - background-color: #307af6; - background-position: center center; - background-size: cover; - height: 100%; -} -@media screen and (max-width: 768px) { - #error-wrap .error-content .error-img { - -webkit-box-flex: 1; - -webkit-box-flex: 1; - -moz-box-flex: 1; - -o-box-flex: 1; - box-flex: 1; - -webkit-flex: 1 1 0%; - -ms-flex: 1 1 0%; - flex: 1 1 0%; - width: 100%; - border-radius: 12px; - } -} -#error-wrap .error-content .error-info { - -webkit-box-flex: 1; - -moz-box-flex: 1; - -o-box-flex: 1; - box-flex: 1; - -webkit-flex: 1 1 0%; - -ms-flex: 1 1 0%; - flex: 1 1 0%; - padding: 0.5rem; - text-align: center; - font-size: 14px; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Lato, Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif; -} -@media screen and (max-width: 768px) { - #error-wrap .error-content .error-info { - -webkit-box-flex: 1.1; - -webkit-box-flex: 1.1; - -moz-box-flex: 1.1; - -o-box-flex: 1.1; - box-flex: 1.1; - -webkit-flex: 1.1 1 0%; - -ms-flex: 1.1 1 0%; - flex: 1.1 1 0%; - width: 100%; - padding-bottom: 2rem; - } -} -#error-wrap .error-content .error-info .error_title { - font-size: 9em; - line-height: 1; -} -@media screen and (max-width: 768px) { - #error-wrap .error-content .error-info .error_title { - font-size: 4rem; - } -} -#error-wrap .error-content .error-info .error_subtitle { - word-break: break-word; - font-size: 1.6em; - -webkit-line-clamp: 2; -} -#error-wrap .error-content .error-info a { - display: inline-block; - margin-top: 0.5rem; - padding: 0.3rem 1.5rem; - background: var(--btn-bg); - color: var(--btn-color); -} -#error-wrap .error-content .error-info a i { - padding-right: 0.3rem; -} -.button--animated { - border-radius: 8px !important; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - position: relative; - z-index: 1; - -webkit-transition: color 1s ease 0s; - -moz-transition: color 1s ease 0s; - -o-transition: color 1s ease 0s; - -ms-transition: color 1s ease 0s; - transition: color 1s ease 0s; -} -#body-wrap .error-box { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - padding: 1rem; - padding-top: 0px; - position: relative; -} -#body-wrap .error-box .aside-list { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-lines: single; - -moz-box-lines: single; - -o-box-lines: single; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - margin: 1rem; - max-width: 100%; -} -@media screen and (max-width: 768px) { - #body-wrap .error-box .aside-list { - margin: 0; - } -} -#body-wrap .error-box .aside-list .aside-list-group { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 800px; - margin: 0 auto; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; -} -#body-wrap .error-box .aside-list .aside-list-item { - padding: 0.5rem 0; - width: 49%; -} -#body-wrap .error-box .aside-list .aside-list-item .thumbnail { - overflow: hidden; - width: 100%; - height: 200px; - background: var(--anzhiyu-card-bg); - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - border-radius: 12px; -} -@media screen and (max-width: 768px) { - #body-wrap .error-box .aside-list .aside-list-item .thumbnail { - height: 100px; - } -} -#body-wrap .error-box .aside-list .aside-list-item img { - width: 100%; - object-fit: cover; - border-radius: 12px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - -webkit-transition: filter 300ms ease-in 0.2s, -webkit-transform 0.6s; - -moz-transition: filter 300ms ease-in 0.2s, -moz-transform 0.6s; - -o-transition: filter 300ms ease-in 0.2s, -o-transform 0.6s; - -ms-transition: filter 300ms ease-in 0.2s, -ms-transform 0.6s; - transition: filter 300ms ease-in 0.2s, transform 0.6s; -} -#body-wrap .error-box .aside-list .aside-list-item:hover img { - -webkit-transform: scale(1.1); - -moz-transform: scale(1.1); - -o-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - filter: brightness(0.82); -} -#body-wrap .error-box .aside-list .aside-list-item .content .title { - -webkit-line-clamp: 2; - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - line-height: 1.5; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: end; - -moz-box-align: end; - -o-box-align: end; - -ms-flex-align: end; - -webkit-align-items: flex-end; - align-items: flex-end; - -ms-flex-line-pack: center; - -webkit-align-content: center; - align-content: center; - padding-top: 0.5rem; - font-size: 16px; - font-weight: bold; -} -#body-wrap .error-box .aside-list .aside-list-item .content time { - display: none; -} -@media screen and (max-width: 768px) { - .post #aside-content { - background: var(--anzhiyu-background); - border: none; - z-index: 99; - margin-top: -1px; - } -} -#aside-content { - width: 300px; - -webkit-animation: slide-in 0.6s 0.3s backwards; - -moz-animation: slide-in 0.6s 0.3s backwards; - -o-animation: slide-in 0.6s 0.3s backwards; - -ms-animation: slide-in 0.6s 0.3s backwards; - animation: slide-in 0.6s 0.3s backwards; -} -@media screen and (min-width: 1200px) { - #aside-content { - padding-left: 15px; - } -} -@media screen and (max-width: 1200px) { - #aside-content { - width: 100%; - padding: 20px; - } -} -@media screen and (max-width: 768px) { - #aside-content { - padding: 0 20px 20px; - } -} -#aside-content > .card-widget:first-child { - margin-top: 0; -} -@media screen and (max-width: 1200px) { - #aside-content > .card-widget:first-child { - margin-top: 20px; - } -} -@media screen and (max-width: 768px) { - #aside-content > .card-widget:first-child { - margin-top: 0px; - } -} -#aside-content .card-widget { - position: relative; - overflow: hidden; - margin-top: 20px; - padding: 20px 24px; -} -#aside-content .card-widget .author-info__bottom-group { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - width: 100%; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -#aside-content .card-widget .author-info__bottom-group .author-info__name { - text-align: left; - font-weight: 700; - color: var(--anzhiyu-white); - font-size: 20px; - line-height: 1; - margin-bottom: 5px; - margin-top: 0; -} -#aside-content .card-widget .author-info__bottom-group .author-info__desc { - font-size: 12px; - color: var(--anzhiyu-white); - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - line-height: 1; -} -#aside-content .card-widget .author-info__description { - position: absolute; - top: 50px; - width: 100%; - left: 0; - padding: 1rem 1.2rem; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - color: var(--anzhiyu-white); -} -#aside-content .card-widget .banner-button-group .banner-button { - padding: 20px 12px; - color: var(--anzhiyu-white); - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - z-index: 1; - -webkit-transition: all 0.3s ease 0s; - -moz-transition: all 0.3s ease 0s; - -o-transition: all 0.3s ease 0s; - -ms-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - cursor: pointer; -} -#aside-content .card-widget .banner-button-group .banner-button .anzhiyufont .anzhiyu-icon-arrow-circle-right { - font-size: 1.3rem; - margin-right: 10px; -} -#aside-content .card-widget .author-info-avatar { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -#aside-content .card-widget .author-info-avatar img { - filter: blur(0) brightness(1); -} -#aside-content .card-widget .author-info-avatar .author-status { - position: absolute; - bottom: 2px; - right: 2px; - width: 33px; - height: 33px; - border-radius: 2em; - background-color: var(--anzhiyu-white); - overflow: hidden; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-transition: 0.3s 0.2s; - -moz-transition: 0.3s 0.2s; - -o-transition: 0.3s 0.2s; - -ms-transition: 0.3s 0.2s; - transition: 0.3s 0.2s; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); -} -#aside-content .card-widget .author-info-avatar .author-status img { - width: 26px; - height: 26px; - border-radius: 0px; - -webkit-transition: 0s; - -moz-transition: 0s; - -o-transition: 0s; - -ms-transition: 0s; - transition: 0s; -} -#aside-content .card-widget .card-info-social-icons { - margin: 0; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: start; - -moz-box-pack: start; - -o-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - cursor: pointer; -} -#aside-content .card-widget .card-info-social-icons .social-icon { - margin: 0 0 0 10px; - color: var(--anzhiyu-fontcolor); - font-size: 1.4em; - cursor: pointer; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; -} -#aside-content .card-widget .card-info-social-icons .social-icon i, -#aside-content .card-widget .card-info-social-icons .social-icon svg { - background: var(--anzhiyu-white-op); - color: var(--anzhiyu-white); - font-size: 1rem; - width: 40px; - height: 40px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-transition: all 0.3s ease 0s; - -moz-transition: all 0.3s ease 0s; - -o-transition: all 0.3s ease 0s; - -ms-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - padding: 8px; - border-radius: 32px; -} -#aside-content .card-widget .card-info-social-icons .social-icon i:hover, -#aside-content .card-widget .card-info-social-icons .social-icon svg:hover { - background: var(--anzhiyu-secondbg); - -webkit-transform: scale(1.1); - -moz-transform: scale(1.1); - -o-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - color: var(--anzhiyu-main); - -webkit-box-shadow: none; - box-shadow: none; -} -#aside-content .card-widget #card-info-btn { - display: block; - margin-top: 14px; - background-color: var(--btn-bg); - color: var(--btn-color); - text-align: center; - line-height: 2.4; -} -#aside-content .card-widget #card-info-btn:hover { - background-color: var(--btn-hover-color); -} -#aside-content .card-widget #card-info-btn span { - padding-left: 10px; -} -#aside-content .item-headline { - padding-bottom: 0; - margin-left: 8px; - font-size: 1em; - font-weight: bold; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -#aside-content .item-headline span { - margin-left: 6px; -} -@media screen and (min-width: 1200px) { - #aside-content .sticky_layout { - position: sticky; - position: -webkit-sticky; - top: 20px; - -webkit-transition: top 0.3s; - -moz-transition: top 0.3s; - -o-transition: top 0.3s; - -ms-transition: top 0.3s; - transition: top 0.3s; - } -} -#aside-content .card-tag-cloud a { - display: inline-block; - padding: 0 4px; -} -#aside-content .card-tag-cloud a:hover { - color: #425aef !important; -} -#aside-content .aside-list > span { - display: block; - margin-bottom: 10px; - text-align: center; -} -#aside-content .aside-list > .aside-list-item { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - padding: 6px 0; -} -#aside-content .aside-list > .aside-list-item:first-child { - padding-top: 0; -} -#aside-content .aside-list > .aside-list-item:not(:last-child) { - border-bottom: 1px dashed #f5f5f5; -} -#aside-content .aside-list > .aside-list-item:last-child { - padding-bottom: 0; -} -#aside-content .aside-list > .aside-list-item .thumbnail { - overflow: hidden; - width: 4.2em; - height: 4.2em; -} -#aside-content .aside-list > .aside-list-item .content { - -webkit-box-flex: 1; - -moz-box-flex: 1; - -o-box-flex: 1; - box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding-left: 10px; - word-break: break-all; - width: 4.2em; - height: 4.2em; -} -#aside-content .aside-list > .aside-list-item .content > .name { - -webkit-line-clamp: 1; -} -#aside-content .aside-list > .aside-list-item .content > time, -#aside-content .aside-list > .aside-list-item .content > .name { - display: block; - color: var(--anzhiyu-fontcolor); - font-size: 85%; -} -#aside-content .aside-list > .aside-list-item .content > .title, -#aside-content .aside-list > .aside-list-item .content > .comment { - color: var(--font-color); - font-size: 95%; - line-height: 1.5; - -webkit-line-clamp: 2; -} -#aside-content .aside-list > .aside-list-item .content > .title:hover, -#aside-content .aside-list > .aside-list-item .content > .comment:hover { - color: #425aef; -} -#aside-content .aside-list > .aside-list-item.no-cover { - min-height: 4.4em; -} -#aside-content .card-archives ul.card-archive-list, -#aside-content .card-categories ul.card-category-list { - margin: 0; - padding: 0; - list-style: none; -} -#aside-content .card-archives .item-headline { - display: none; -} -#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a, -#aside-content .card-categories ul.card-category-list > .card-category-list-item a { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - padding: 3px 10px; - color: var(--font-color); - -webkit-transition: all 0.2s; - -moz-transition: all 0.2s; - -o-transition: all 0.2s; - -ms-transition: all 0.2s; - transition: all 0.2s; -} -#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a:hover, -#aside-content .card-categories ul.card-category-list > .card-category-list-item a:hover { - background-color: var(--text-bg-hover); -} -#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a span:first-child, -#aside-content .card-categories ul.card-category-list > .card-category-list-item a span:first-child { - -webkit-box-flex: 1; - -moz-box-flex: 1; - -o-box-flex: 1; - box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -#aside-content .card-categories .card-category-list.child { - padding: 0 0 0 16px; -} -#aside-content .card-categories .card-category-list > .parent > a.expand i { - -webkit-transform: rotate(-90deg); - -moz-transform: rotate(-90deg); - -o-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); -} -#aside-content .card-categories .card-category-list > .parent > a.expand + .child { - display: block; -} -#aside-content .card-categories .card-category-list > .parent > a .card-category-list-name { - width: 70% !important; -} -#aside-content .card-categories .card-category-list > .parent > a .card-category-list-count { - width: calc(100% - 70% - 20px); - text-align: right; -} -#aside-content .card-categories .card-category-list > .parent > a i { - float: right; - margin-right: -0.5em; - padding: 0.5em; - -webkit-transition: -webkit-transform 0.3s; - -moz-transition: -moz-transform 0.3s; - -o-transition: -o-transform 0.3s; - -ms-transition: -ms-transform 0.3s; - transition: transform 0.3s; - -webkit-transform: rotate(0); - -moz-transform: rotate(0); - -o-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); -} -#aside-content .card-webinfo .item-headline { - display: none; -} -#aside-content .card-webinfo .webinfo .webinfo-item { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - padding: 2px 10px 0; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; -} -#aside-content .card-webinfo .webinfo .webinfo-item .webinfo-item-title { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; -} -#aside-content .card-webinfo .webinfo .webinfo-item .webinfo-item-title i { - line-height: 2; - margin-right: 6px; - width: 16px; - text-align: center; -} -#aside-content .card-webinfo .webinfo .webinfo-item div:first-child { - -webkit-box-flex: 1; - -moz-box-flex: 1; - -o-box-flex: 1; - box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding-right: 20px; -} -@media screen and (min-width: 901px) { - #aside-content #card-toc { - right: 0 !important; - max-height: calc(100vh - 100px); - } -} -@media screen and (max-width: 1200px) { - #aside-content #card-toc { - position: fixed; - right: 55px; - bottom: 30px; - z-index: 100; - max-width: 380px; - max-height: calc(100% - 60px); - width: calc(100% - 80px); - -webkit-transition: -webkit-transform 0.3s; - -moz-transition: -moz-transform 0.3s; - -o-transition: -o-transform 0.3s; - -ms-transition: -ms-transform 0.3s; - transition: transform 0.3s; - -webkit-transform: scale(0); - -moz-transform: scale(0); - -o-transform: scale(0); - -ms-transform: scale(0); - transform: scale(0); - -webkit-transform-origin: right bottom; - -moz-transform-origin: right bottom; - -o-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - } - #aside-content #card-toc.open { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } -} -#aside-content #card-toc .toc-percentage { - display: none; - float: right; - margin-top: -9px; - color: #a9a9a9; - font-style: italic; - font-size: 140%; -} -#aside-content #card-toc .toc-content { - overflow-y: scroll; - overflow-y: overlay; - margin: 0 -24px; - max-height: calc(100vh - 120px); - width: calc(100% + 48px); -} -@media screen and (max-width: 1200px) { - #aside-content #card-toc .toc-content { - max-height: calc(100vh - 140px); - } -} -#aside-content #card-toc .toc-content > * { - margin: 0 20px !important; -} -#aside-content #card-toc .toc-content > * > .toc-item > .toc-child { - margin-left: 10px; - padding-left: 10px; -} -#aside-content #card-toc .toc-content:not(.is-expand) .toc-child { - display: none; -} -@media screen and (max-width: 1200px) { - #aside-content #card-toc .toc-content:not(.is-expand) .toc-child { - display: block !important; - } -} -#aside-content #card-toc .toc-content:not(.is-expand) .toc-item.active .toc-child { - display: block; -} -#aside-content #card-toc .toc-content ol, -#aside-content #card-toc .toc-content li { - list-style: none; -} -#aside-content #card-toc .toc-content > ol { - padding: 0 !important; -} -#aside-content #card-toc .toc-content ol { - margin: 0; - padding-left: 18px; -} -#aside-content #card-toc .toc-content .toc-link { - display: block; - margin: 4px 0; - padding: 1px 6px; - color: var(--toc-link-color); - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -#aside-content #card-toc .toc-content .toc-link:hover { - color: var(--anzhiyu-lighttext); -} -#aside-content #card-toc .toc-content .toc-link.active { - background: #425aef; - color: #fff; -} -#aside-content :only-child > .card-widget { - margin-top: 0; -} -#aside-content .card-more-btn { - float: right; - color: inherit; -} -#aside-content .card-more-btn:hover { - -webkit-animation: more-btn-move 1s infinite; - -moz-animation: more-btn-move 1s infinite; - -o-animation: more-btn-move 1s infinite; - -ms-animation: more-btn-move 1s infinite; - animation: more-btn-move 1s infinite; -} -#aside-content .card-announcement .item-headline i { - color: #f00; -} -.avatar-img { - width: 118px; - height: 118px; - right: 0; - top: 0; - border-radius: 500px; - object-fit: cover; - position: absolute; - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - border: var(--style-border-avatar); -} -.avatar-img img { - width: 100%; - height: 100%; - -webkit-transition: filter 375ms ease-in 0.2s, -webkit-transform 0.3s; - -moz-transition: filter 375ms ease-in 0.2s, -moz-transform 0.3s; - -o-transition: filter 375ms ease-in 0.2s, -o-transform 0.3s; - -ms-transition: filter 375ms ease-in 0.2s, -ms-transform 0.3s; - transition: filter 375ms ease-in 0.2s, transform 0.3s; - object-fit: cover; -} -.site-data { - display: table; - width: 100%; - table-layout: fixed; -} -.site-data > a { - display: table-cell; -} -.site-data > a div { - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - -ms-transition: all 0.3s; - transition: all 0.3s; -} -.site-data > a:hover div { - color: #425aef !important; -} -.site-data > a .headline { - color: var(--font-color); -} -.site-data > a .length-num { - margin-top: -0.32em; - color: var(--text-highlight-color); - font-size: 1.2em; -} -@media screen and (min-width: 1200px) { - html.hide-aside .layout { - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - } - html.hide-aside .layout > .aside-content { - display: none; - } - html.hide-aside .layout > div:first-child { - width: 80%; - } -} -@media screen and (max-width: 1200px) { - .aside-content { - max-width: none !important; - display: none; - } -} -@media screen and (max-width: 768px) { - .aside-content { - display: block; - } -} -.page .sticky_layout { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -#aside-content >.card-widget.card-info { - background: var(--anzhiyu-card-bg); - -webkit-box-shadow: var(--anzhiyu-shadow-black); - box-shadow: var(--anzhiyu-shadow-black); - position: relative; - padding: 0; -} -@media screen and (max-width: 768px) { - #aside-content >.card-widget.card-info { - display: none; - } -} -#aside-content >.card-widget.card-info > .card-content { - padding: 1rem 1.2rem; - min-height: 320px; - position: relative; -} -#aside-content >.card-widget.card-info::before { - background: -webkit-linear-gradient(115deg, var(--anzhiyu-main), var(--anzhiyu-main-op-deep), var(--anzhiyu-main), var(--anzhiyu-main-op-deep)); - background: -moz-linear-gradient(115deg, var(--anzhiyu-main), var(--anzhiyu-main-op-deep), var(--anzhiyu-main), var(--anzhiyu-main-op-deep)); - background: -o-linear-gradient(115deg, var(--anzhiyu-main), var(--anzhiyu-main-op-deep), var(--anzhiyu-main), var(--anzhiyu-main-op-deep)); - background: -ms-linear-gradient(115deg, var(--anzhiyu-main), var(--anzhiyu-main-op-deep), var(--anzhiyu-main), var(--anzhiyu-main-op-deep)); - background: linear-gradient(-25deg, var(--anzhiyu-main), var(--anzhiyu-main-op-deep), var(--anzhiyu-main), var(--anzhiyu-main-op-deep)); - background-size: 400%; - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - content: ''; - -webkit-animation: gradient 15s ease infinite; - -moz-animation: gradient 15s ease infinite; - -o-animation: gradient 15s ease infinite; - -ms-animation: gradient 15s ease infinite; - animation: gradient 15s ease infinite; -} -#aside-content .card-info:hover .author-info-avatar { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: scale(0); - -moz-transform: scale(0); - -o-transform: scale(0); - -ms-transform: scale(0); - transform: scale(0); -} -#aside-content .card-info:hover .author-info__description { - opacity: 1; - -ms-filter: none; - filter: none; -} -#aside-content .card-info:hover .author-status { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: scale(0); - -moz-transform: scale(0); - -o-transform: scale(0); - -ms-transform: scale(0); - transform: scale(0); -} -#aside-content .card-info .author-info-avatar { - margin: 45px auto; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - width: 118px; - height: 118px; - -webkit-transition: cubic-bezier(0.69, 0.39, 0, 1.21) 0.3s; - -moz-transition: cubic-bezier(0.69, 0.39, 0, 1.21) 0.3s; - -o-transition: cubic-bezier(0.69, 0.39, 0, 1.21) 0.3s; - -ms-transition: cubic-bezier(0.69, 0.39, 0, 1.21) 0.3s; - transition: cubic-bezier(0.69, 0.39, 0, 1.21) 0.3s; - -webkit-transform-origin: bottom; - -moz-transform-origin: bottom; - -o-transform-origin: bottom; - -ms-transform-origin: bottom; - transform-origin: bottom; - position: relative; -} -@media screen and (max-width: 768px) { - #aside-content .card-info .author-info-avatar { - display: none; - } -} -#aside-content .card-info #author-info__sayhi { - text-align: left; - color: var(--anzhiyu-white); - background: var(--anzhiyu-white-op); - font-size: 12px; - margin: auto; - padding: 2px 8px; - border-radius: 12px; - width: fit-content; - cursor: pointer; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -#aside-content .card-info #author-info__sayhi:hover { - background: var(--anzhiyu-card-bg); - color: var(--anzhiyu-fontcolor); - -webkit-transform: scale(1.1); - -moz-transform: scale(1.1); - -o-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); -} -#aside-content .card-info .banner-button-group .banner-button { - border-radius: 35px; - background: var(--anzhiyu-white-op); -} -#aside-content .card-info .banner-button-group .banner-button:hover { - background: var(--anzhiyu-white); - color: var(--anzhiyu-black); -} -[data-theme="dark"] #aside-content > .card-info { - background: var(--anzhiyu-card-bg); -} -@media screen and (max-width: 992px) { - #aside-content > .card-info { - background-size: 100% 70%; - } -} -@-moz-keyframes more-btn-move { - 0%, 100% { - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -o-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - 50% { - -webkit-transform: translateX(3px); - -moz-transform: translateX(3px); - -o-transform: translateX(3px); - -ms-transform: translateX(3px); - transform: translateX(3px); - } -} -@-webkit-keyframes more-btn-move { - 0%, 100% { - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -o-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - 50% { - -webkit-transform: translateX(3px); - -moz-transform: translateX(3px); - -o-transform: translateX(3px); - -ms-transform: translateX(3px); - transform: translateX(3px); - } -} -@-o-keyframes more-btn-move { - 0%, 100% { - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -o-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - 50% { - -webkit-transform: translateX(3px); - -moz-transform: translateX(3px); - -o-transform: translateX(3px); - -ms-transform: translateX(3px); - transform: translateX(3px); - } -} -@keyframes more-btn-move { - 0%, 100% { - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -o-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - 50% { - -webkit-transform: translateX(3px); - -moz-transform: translateX(3px); - -o-transform: translateX(3px); - -ms-transform: translateX(3px); - transform: translateX(3px); - } -} -@-moz-keyframes toc-open { - 0% { - -webkit-transform: scale(0.7); - -moz-transform: scale(0.7); - -o-transform: scale(0.7); - -ms-transform: scale(0.7); - transform: scale(0.7); - } - 100% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } -} -@-webkit-keyframes toc-open { - 0% { - -webkit-transform: scale(0.7); - -moz-transform: scale(0.7); - -o-transform: scale(0.7); - -ms-transform: scale(0.7); - transform: scale(0.7); - } - 100% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } -} -@-o-keyframes toc-open { - 0% { - -webkit-transform: scale(0.7); - -moz-transform: scale(0.7); - -o-transform: scale(0.7); - -ms-transform: scale(0.7); - transform: scale(0.7); - } - 100% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } -} -@keyframes toc-open { - 0% { - -webkit-transform: scale(0.7); - -moz-transform: scale(0.7); - -o-transform: scale(0.7); - -ms-transform: scale(0.7); - transform: scale(0.7); - } - 100% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } -} -@-moz-keyframes toc-close { - 0% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } - 100% { - -webkit-transform: scale(0.7); - -moz-transform: scale(0.7); - -o-transform: scale(0.7); - -ms-transform: scale(0.7); - transform: scale(0.7); - } -} -@-webkit-keyframes toc-close { - 0% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } - 100% { - -webkit-transform: scale(0.7); - -moz-transform: scale(0.7); - -o-transform: scale(0.7); - -ms-transform: scale(0.7); - transform: scale(0.7); - } -} -@-o-keyframes toc-close { - 0% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } - 100% { - -webkit-transform: scale(0.7); - -moz-transform: scale(0.7); - -o-transform: scale(0.7); - -ms-transform: scale(0.7); - transform: scale(0.7); - } -} -@keyframes toc-close { - 0% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } - 100% { - -webkit-transform: scale(0.7); - -moz-transform: scale(0.7); - -o-transform: scale(0.7); - -ms-transform: scale(0.7); - transform: scale(0.7); - } -} -.banners-title { - top: 2.9rem; - left: 3rem; - position: absolute; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.banners-title-big { - font-size: 36px; - line-height: 1; - font-weight: bold; - margin-bottom: 8px; -} -.banners-title-small { - font-size: 12px; - line-height: 1; - color: var(--anzhiyu-secondtext); - margin-top: 8px; - margin-bottom: 0.5rem; -} -.banner-button { - padding: 8px 12px; - background: var(--anzhiyu-fontcolor); - border-radius: 12px; - color: var(--anzhiyu-card-bg); - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - z-index: 1; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - cursor: pointer; - -webkit-box-shadow: var(--anzhiyu-shadow-black); - box-shadow: var(--anzhiyu-shadow-black); -} -.banner-button.secondary { - background: var(--anzhiyu-secondbg); - border: var(--style-border-always); - color: var(--anzhiyu-lighttext); - margin-right: 1rem; - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); -} -#article-container > header { - height: 0; - text-indent: -9999px; -} -#article-container > header time, -#article-container > header span { - height: 0; - display: block; -} -#article-container > header h1 { - z-index: -1; - pointer-events: none; -} -#article-container > header a { - background: none !important; - border-bottom: none !important; -} -#post-comment .comment-head { - margin-bottom: 20px; - font-size: 0.8em !important; - margin-bottom: 0.5rem; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -#post-comment .comment-head .comment-headline { - display: inline-block; - vertical-align: middle; - font-weight: 700; - font-size: 1.43em; -} -#post-comment .comment-head .comment-randomInfo { - margin-left: auto; - font-size: 13px; -} -#post-comment .comment-head .comment-switch { - display: inline-block; - float: right; - margin: 2px auto 0; - padding: 4px 16px; - width: max-content; - border-radius: 8px; - background: #f6f8fa; -} -#post-comment .comment-head .comment-switch .first-comment { - color: #425aef; -} -#post-comment .comment-head .comment-switch .second-comment { - color: #ff7242; -} -#post-comment .comment-head .comment-switch #switch-btn { - position: relative; - display: inline-block; - margin: -4px 8px 0; - width: 42px; - height: 22px; - border-radius: 34px; - background-color: #425aef; - vertical-align: middle; - cursor: pointer; - -webkit-transition: 0.4s; - -moz-transition: 0.4s; - -o-transition: 0.4s; - -ms-transition: 0.4s; - transition: 0.4s; -} -#post-comment .comment-head .comment-switch #switch-btn:before { - position: absolute; - bottom: 4px; - left: 4px; - width: 14px; - height: 14px; - border-radius: 50%; - background-color: #fff; - content: ''; - -webkit-transition: 0.4s; - -moz-transition: 0.4s; - -o-transition: 0.4s; - -ms-transition: 0.4s; - transition: 0.4s; -} -#post-comment .comment-wrap > div { - -webkit-animation: tabshow 0.5s; - -moz-animation: tabshow 0.5s; - -o-animation: tabshow 0.5s; - -ms-animation: tabshow 0.5s; - animation: tabshow 0.5s; -} -#post-comment .comment-wrap > div:nth-child(2) { - display: none; -} -#post-comment.move #switch-btn { - background-color: #ff7242; -} -#post-comment.move #switch-btn:before { - -webkit-transform: translateX(20px); - -moz-transform: translateX(20px); - -o-transform: translateX(20px); - -ms-transform: translateX(20px); - transform: translateX(20px); -} -#post-comment.move .comment-wrap > div:first-child { - display: none; -} -#post-comment.move .comment-wrap > div:last-child { - display: block; -} -#footer { - position: relative; - background: -webkit-linear-gradient(270deg, var(--anzhiyu-card-bg-none) 0%, var(--anzhiyu-card-bg) 25%); - background: -moz-linear-gradient(270deg, var(--anzhiyu-card-bg-none) 0%, var(--anzhiyu-card-bg) 25%); - background: -o-linear-gradient(270deg, var(--anzhiyu-card-bg-none) 0%, var(--anzhiyu-card-bg) 25%); - background: -ms-linear-gradient(270deg, var(--anzhiyu-card-bg-none) 0%, var(--anzhiyu-card-bg) 25%); - background: linear-gradient(180deg, var(--anzhiyu-card-bg-none) 0%, var(--anzhiyu-card-bg) 25%); - background-attachment: scroll; - background-position: bottom; - background-size: cover; -} -@media screen and (max-width: 768px) { - #footer { - z-index: 3; - margin-top: -1px; - } -} -#footer-bar { - padding: 1rem; - color: var(--anzhiyu-fontcolor); - margin-top: 1rem; - background: var(--anzhiyu-secondbg); - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - overflow: hidden; - z-index: 1002; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -#footer-bar a:hover { - color: var(--anzhiyu-lighttext); -} -#footer-bar .footer-bar-link { - margin-top: 8px; - margin-bottom: 8px; - margin-right: 1rem; - color: var(--anzhiyu-fontcolor); - font-size: 1rem; - font-weight: bold; - white-space: nowrap; -} -#footer-bar .footer-bar-link.cc i { - margin-right: 0.7rem; - font-size: 18px; -} -#footer-bar .footer-bar-links { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - max-width: 1400px; - width: 100%; - margin: 0 auto; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - line-height: 1; -} -#footer-bar .footer-bar-links .footer-bar-left { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - min-height: 32px; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -#footer-bar .footer-bar-links .footer-bar-right { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -#footer-wrap { - position: relative; - padding: 40px 20px 0; - color: var(--light-grey); - text-align: center; -} -@media screen and (max-width: 768px) { - #footer-wrap { - padding: 0; - } -} -#footer-wrap #footer_deal { - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -@media screen and (max-width: 768px) { - #footer-wrap #footer_deal { - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - } -} -#footer-wrap #footer_deal .deal_link { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - margin: 1rem 27px; - color: var(--anzhiyu-card-bg); - border-radius: 3rem; - width: 32px; - height: 32px; - background: var(--anzhiyu-fontcolor); - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -#footer-wrap #footer_deal .deal_link:hover { - color: var(--anzhiyu-white); - background: var(--anzhiyu-main); -} -#footer-wrap #footer_deal .footer_mini_logo { - width: 50px; - height: 50px; - object-fit: cover; - border-radius: 50%; - margin: 0 1rem; - cursor: pointer; - -webkit-transition: cubic-bezier(0, 0, 0, 1.29) 0.5s; - -moz-transition: cubic-bezier(0, 0, 0, 1.29) 0.5s; - -o-transition: cubic-bezier(0, 0, 0, 1.29) 0.5s; - -ms-transition: cubic-bezier(0, 0, 0, 1.29) 0.5s; - transition: cubic-bezier(0, 0, 0, 1.29) 0.5s; - -webkit-user-select: none; -} -@media screen and (max-width: 768px) { - #footer-wrap #footer_deal .footer_mini_logo { - display: none; - } -} -#footer-wrap #anzhiyu-footer { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - width: 100%; - max-width: 1200px; - margin: 1rem auto; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 2rem; -} -#footer-wrap #anzhiyu-footer .footer-group { - min-width: 120px; -} -#footer-wrap #anzhiyu-footer .footer-group .footer-title-group { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -#footer-wrap #anzhiyu-footer .footer-group .footer-title-group a { - margin-left: 8px; - line-height: 32px; -} -#footer-wrap #anzhiyu-footer .footer-group .footer-title-group i { - line-height: 1; - color: var(--anzhiyu-secondtext); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - font-size: 16px; - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); -} -#footer-wrap #anzhiyu-footer .footer-title { - color: var(--anzhiyu-secondtext); - font-size: 1rem; - text-align: left; - font-weight: 600; - margin: 1rem 0; -} -#footer-wrap #anzhiyu-footer .footer-links { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -#footer-wrap #anzhiyu-footer .footer-item { - font-size: 1rem; - line-height: 1rem; - margin: 8px 0; - color: var(--anzhiyu-fontcolor); - margin-right: auto; - overflow: hidden; - white-space: nowrap; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - max-width: 120px; - cursor: pointer; - padding: 2px 0; - text-decoration: none; -} -#footer-wrap #anzhiyu-footer .footer-item:hover { - color: var(--anzhiyu-theme); -} -#footer-wrap a { - color: var(--light-grey); -} -#footer-wrap i { - font-size: 1rem; - line-height: 1rem; - height: 1rem; -} -#footer-wrap .footer-separator { - margin: 0 4px; -} -#footer-wrap .icp-icon { - padding: 0 4px; - max-height: 1.4em; - width: auto; - vertical-align: text-bottom; -} -@media screen and (max-width: 768px) { - [data-theme=light] .post #footer { - background: -webkit-linear-gradient(270deg, var(--anzhiyu-background) 0%, var(--anzhiyu-card-bg) 25%); - background: -moz-linear-gradient(270deg, var(--anzhiyu-background) 0%, var(--anzhiyu-card-bg) 25%); - background: -o-linear-gradient(270deg, var(--anzhiyu-background) 0%, var(--anzhiyu-card-bg) 25%); - background: -ms-linear-gradient(270deg, var(--anzhiyu-background) 0%, var(--anzhiyu-card-bg) 25%); - background: linear-gradient(180deg, var(--anzhiyu-background) 0%, var(--anzhiyu-card-bg) 25%); - } -} -#page-header { - position: relative; - width: 100%; - -webkit-transition: all 0.5s ease 0s; - -moz-transition: all 0.5s ease 0s; - -o-transition: all 0.5s ease 0s; - -ms-transition: all 0.5s ease 0s; - transition: all 0.5s ease 0s; -} -#page-header #nav { - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -#page-header.full_page { - height: 100vh; - background-attachment: fixed; - border-radius: 0; -} -#page-header #site-title, -#page-header #site-subtitle, -#page-header #scroll-down .scroll-down-effects { - text-align: center; - text-shadow: 2px 2px 4px rgba(0,0,0,0.15); - line-height: 1.5; -} -#page-header #site-title { - margin: 0; - color: var(--white); - font-size: 1.85em; -} -@media screen and (min-width: 768px) { - #page-header #site-title { - font-size: 2.85em; - } -} -#page-header #site-subtitle { - color: var(--light-grey); - font-size: 1.15em; -} -@media screen and (min-width: 768px) { - #page-header #site-subtitle { - font-size: 1.72em; - } -} -#page-header #site_social_icons { - display: none; - margin: 0 auto; - width: 300px; - text-align: center; -} -@media screen and (max-width: 768px) { - #page-header #site_social_icons { - display: block; - } -} -#page-header #site_social_icons .social-icon { - margin: 0 10px; - color: var(--light-grey); - text-shadow: 2px 2px 4px rgba(0,0,0,0.15); - font-size: 1.43em; -} -#page-header #scroll-down { - position: absolute; - bottom: 0; - width: 100%; - cursor: pointer; - z-index: 11; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -#page-header #scroll-down .scroll-down-effects { - position: relative; - width: 100%; - color: var(--light-grey); - font-size: 30px; -} -#page-header.not-home-page { - height: 400px; -} -@media screen and (max-width: 768px) { - #page-header.not-home-page { - height: 280px; - } -} -#page-header #page-site-info { - position: absolute; - top: 200px; - padding: 0 10px; - width: 100%; -} -@media screen and (max-width: 768px) { - #page-header #page-site-info { - top: 140px; - } -} -#page-header.post-bg { - height: 31.25rem; - -webkit-transition: 0.6s; - -moz-transition: 0.6s; - -o-transition: 0.6s; - -ms-transition: 0.6s; - transition: 0.6s; - overflow: hidden; - background-color: transparent; -} -#page-header.post-bg #nav { - -webkit-transition: all 0.5s, border 0.3s; - -moz-transition: all 0.5s, border 0.3s; - -o-transition: all 0.5s, border 0.3s; - -ms-transition: all 0.5s, border 0.3s; - transition: all 0.5s, border 0.3s; -} -#page-header.post-bg .post-meta:has(.bldbanner), -#page-header.post-bg .post-meta:has(.bili-banner), -#page-header.post-bg .post-meta:has(.blqbanner) { - pointer-events: all; -} -#page-header.post-bg .bili-banner { - margin-top: 0 !important; -} -#page-header.post-bg #post-info:has(.bldbanner), -#page-header.post-bg #post-info:has(.bili-banner), -#page-header.post-bg #post-info:has(.blqbanner) { - pointer-events: none; -} -#page-header.post-bg:has(.bldbanner), -#page-header.post-bg:has(.blqbanner) { - height: 15rem; -} -#page-header.post-bg:has(.bldbanner) img, -#page-header.post-bg:has(.blqbanner) img { - border-radius: 0px; -} -#page-header.post-bg:has(.bili-banner) { - height: 11rem; -} -#page-header.post-bg:has(.bili-banner) img { - border-radius: 0px; -} -#page-header.post-bg #post-top-cover { - width: 70%; - height: 100%; - position: relative; - margin: 0 -20% 0 auto; - overflow: hidden; - margin-bottom: 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - -moz-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - -o-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - -ms-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - will-change: transform; - filter: blur(10px) brightness(60%); - -webkit-animation: none; - -moz-animation: none; - -o-animation: none; - -ms-animation: none; - animation: none; - -webkit-transition: filter 0s; - -moz-transition: filter 0s; - -o-transition: filter 0s; - -ms-transition: filter 0s; - transition: filter 0s; - margin: auto; - width: auto; -} -#page-header.post-bg #post-top-cover::after { - display: none; -} -#page-header.post-bg #post-top-cover img { - border-radius: 0; -} -@media screen and (max-width: 768px) { - #page-header.post-bg #post-top-cover { - margin: 0 0 0 auto; - -webkit-transform: rotate(0deg) translateY(0) scale(1); - -moz-transform: rotate(0deg) translateY(0) scale(1); - -o-transform: rotate(0deg) translateY(0) scale(1); - -ms-transform: rotate(0deg) translateY(0) scale(1); - transform: rotate(0deg) translateY(0) scale(1); - filter: blur(0px); - width: 100%; - position: absolute; - height: 100vh; - z-index: 1; - } -} -#page-header.post-bg #post-top-cover::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - top: 0; - left: 0; - -webkit-box-shadow: 110px -130px 300px 60px var(--anzhiyu-bar-background) inset; - box-shadow: 110px -130px 300px 60px var(--anzhiyu-bar-background) inset; -} -@media screen and (max-width: 768px) { - #page-header.post-bg #post-top-cover::after { - -webkit-box-shadow: 0 0 205px 59px var(--anzhiyu-main) inset; - box-shadow: 0 0 205px 59px var(--anzhiyu-main) inset; - } -} -#page-header.post-bg #post-top-cover #post-top-bg { - width: 100%; - height: 100%; - object-fit: cover; - min-width: 50vw; - min-height: 20rem; -} -@media screen and (min-width: 768px) { - #page-header.post-bg #post-top-cover #post-top-bg { - -webkit-animation: slide-in 0.6s 0.3s backwards; - -moz-animation: slide-in 0.6s 0.3s backwards; - -o-animation: slide-in 0.6s 0.3s backwards; - -ms-animation: slide-in 0.6s 0.3s backwards; - animation: slide-in 0.6s 0.3s backwards; - } -} -@media screen and (max-width: 768px) { - #page-header.post-bg #post-top-cover #post-top-bg { - min-height: 15rem !important; - height: 100% !important; - opacity: 1 !important; - -ms-filter: none !important; - filter: none !important; - } -} -#page-header.post-bg #nav { - backdrop-filter: none; - background: transparent; - border-bottom: none; -} -#page-header.post-bg.nav-fixed #nav { - background: var(--anzhiyu-card-bg); - outline: 1px solid var(--anzhiyu-card-border); - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -o-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); -} -@media screen and (max-width: 768px) { - #page-header.post-bg.nav-fixed #nav { - border-bottom: none; - } -} -@media screen and (max-width: 768px) { - #page-header.post-bg { - margin-bottom: -12px; - -webkit-transition: 0s !important; - -moz-transition: 0s !important; - -o-transition: 0s !important; - -ms-transition: 0s !important; - transition: 0s !important; - min-height: 450px; - } - #page-header.post-bg.nav-fixed #nav { - background: var(--anzhiyu-card-bg); - outline: 1px solid var(--anzhiyu-card-border); - } -} -#page-header #post-info { - position: absolute; - top: 0; - left: calc((100% - 1400px + 3rem) / 2); - width: calc(100% - (100% - 1400px + 3rem)); - height: 100%; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: start; - -moz-box-align: start; - -o-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - z-index: 3; -} -@media screen and (min-width: 768px) { - #page-header #post-info { - --anzhiyu-header-translateY: 0; - -webkit-animation: post-info-slide-in 0.6s 0.3s backwards; - -moz-animation: post-info-slide-in 0.6s 0.3s backwards; - -o-animation: post-info-slide-in 0.6s 0.3s backwards; - -ms-animation: post-info-slide-in 0.6s 0.3s backwards; - animation: post-info-slide-in 0.6s 0.3s backwards; - -webkit-transform: scale(var(--anzhiyu-header-info-scale)) translateY(var(--anzhiyu-header-translateY)); - -moz-transform: scale(var(--anzhiyu-header-info-scale)) translateY(var(--anzhiyu-header-translateY)); - -o-transform: scale(var(--anzhiyu-header-info-scale)) translateY(var(--anzhiyu-header-translateY)); - -ms-transform: scale(var(--anzhiyu-header-info-scale)) translateY(var(--anzhiyu-header-translateY)); - transform: scale(var(--anzhiyu-header-info-scale)) translateY(var(--anzhiyu-header-translateY)); - -webkit-transform-origin: left top; - -moz-transform-origin: left top; - -o-transform-origin: left top; - -ms-transform-origin: left top; - transform-origin: left top; - will-change: transform; - } -} -@media screen and (max-width: 1400px) { - #page-header #post-info { - padding: 0 3.5rem; - width: 100%; - left: 0; - } -} -@media screen and (max-width: 768px) { - #page-header #post-info { - padding: 11rem 6% 0; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - } -} -#page-header.not-top-img { - margin-bottom: 10px; - height: 60px; - background: 0; -} -#page-header.not-top-img #nav #menus .menus_item:hover > a { - background: var(--anzhiyu-main); -} -#page-header.not-top-img #travellings_button::after { - background: var(--anzhiyu-main) !important; -} -#page-header.not-top-img #nav #blog_name .back-home-button:hover, -#page-header.not-top-img #nav #blog_name #site-name:hover, -#page-header.not-top-img #nav #nav-right .nav-button a:hover, -#page-header.not-top-img #nav #nav-right #toggle-menu:hover { - color: var(--anzhiyu-white); - background: var(--anzhiyu-main); - -webkit-box-shadow: var(--anzhiyu-shadow-main); - box-shadow: var(--anzhiyu-shadow-main); -} -#page-header.not-top-img .post-meta-categories { - background: rgba(0,0,0,0.2); -} -#page-header.not-top-img #nav #blog_name a, -#page-header.not-top-img #nav .mask-name-container a, -#page-header.not-top-img #nav #menus a, -#page-header.not-top-img #nav #nav-right .nav-button a, -#page-header.not-top-img #nav #nav-right #toggle-menu a { - color: var(--font-color); - text-shadow: none; -} -#page-header.not-top-img #nav #center-console + label i { - background: var(--font-color); -} -#page-header.nav-fixed #nav { - position: fixed; - z-index: 91; - background: var(--anzhiyu-card-bg); - outline: 1px solid var(--anzhiyu-card-border); - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -o-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - top: 0; -} -#page-header.nav-fixed #nav #toggle-menu { - color: var(--font-color); - text-shadow: none; - -webkit-transition: background 0.3s ease-in-out, color 0s ease-in-out; - -moz-transition: background 0.3s ease-in-out, color 0s ease-in-out; - -o-transition: background 0.3s ease-in-out, color 0s ease-in-out; - -ms-transition: background 0.3s ease-in-out, color 0s ease-in-out; - transition: background 0.3s ease-in-out, color 0s ease-in-out; -} -#page-header.nav-fixed #nav #blog_name a, -#page-header.nav-fixed #nav .mask-name-container a, -#page-header.nav-fixed #nav #menus a, -#page-header.nav-fixed #nav #nav-right .nav-button a, -#page-header.nav-fixed #nav #nav-right #toggle-menu a { - color: var(--font-color); - text-shadow: none; - -webkit-transition: background 0.3s ease-in-out, color 0s ease-in-out; - -moz-transition: background 0.3s ease-in-out, color 0s ease-in-out; - -o-transition: background 0.3s ease-in-out, color 0s ease-in-out; - -ms-transition: background 0.3s ease-in-out, color 0s ease-in-out; - transition: background 0.3s ease-in-out, color 0s ease-in-out; -} -#page-header.nav-fixed #name-container { - z-index: 101; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - top: 10px; -} -#page-header.nav-fixed #name-container #page-name { - display: inline; - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - line-height: 2; -} -@media screen and (min-width: 768px) { - #page-header.nav-fixed #name-container #page-name { - max-width: 15.5rem; - } -} -@media screen and (min-width: 900px) { - #page-header.nav-fixed #name-container #page-name { - max-width: 25.5rem; - } -} -@media screen and (min-width: 1200px) { - #page-header.nav-fixed #name-container #page-name { - max-width: 35.5rem; - } -} -@media screen and (min-width: 2000px) { - #page-header.nav-fixed #name-container #page-name { - max-width: 45.5rem; - } -} -#page-header.nav-fixed #nav #menus { - z-index: 100; -} -#page-header.nav-fixed #nav #menus div.menus_items { - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - height: 40px; - margin: auto 0; - -webkit-transform: translateY(-60px); - -moz-transform: translateY(-60px); - -o-transform: translateY(-60px); - -ms-transform: translateY(-60px); - transform: translateY(-60px); - will-change: transform; -} -#page-header.nav-fixed.nav-visible #page-name { - z-index: 100; - top: 60px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -#page-header.nav-fixed.nav-visible #nav #menus div.menus_items { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - -webkit-transform: translateY(0px); - -moz-transform: translateY(0px); - -o-transform: translateY(0px); - -ms-transform: translateY(0px); - transform: translateY(0px); - will-change: transform; -} -#page h1.page-title { - margin: 8px 0 20px; -} -#post > #post-info { - margin-bottom: 30px; -} -#post > #post-info .post-title { - border-bottom: 1px solid var(--light-grey); - color: var(--text-highlight-color); -} -#post > #post-info .post-title .post-edit-link { - float: right; -} -#post > #post-info #post-meta, -#post > #post-info #post-meta a { - color: #78818a; -} -@media screen and (max-width: 768px) { - #post-info:after { - display: none; - -webkit-transition: 0; - -moz-transition: 0; - -o-transition: 0; - -ms-transition: 0; - transition: 0; - } -} -#post-info .post-title { - color: var(--white); - line-height: 1.5; - font-weight: 700; - font-size: 3.3rem; - text-align: left; - margin: 1rem 0 1rem 0; - -webkit-line-clamp: 2; - padding: 0; - overflow: hidden; -} -@media screen and (max-width: 768px) { - #post-info .post-title { - font-size: 1.5rem; - -webkit-line-clamp: 3; - margin: 0.2rem auto !important; - text-align: center; - z-index: 4; - } -} -#post-info .post-title .post-edit-link { - padding-left: 10px; -} -#post-info #post-meta { - color: var(--light-grey); - font-size: 95%; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - width: 50rem; - max-width: 100%; - -webkit-box-align: start; - -moz-box-align: start; - -o-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -@media screen and (min-width: 768px) { - #post-info #post-meta > .meta-secondline > span:first-child { - display: none; - } -} -@media screen and (max-width: 768px) { - #post-info #post-meta { - font-size: 90%; - z-index: 4; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - } - #post-info #post-meta > .meta-firstline, - #post-info #post-meta > .meta-secondline { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - font-size: 90%; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - } -} -#post-info #post-meta .post-meta-separator { - margin: 0 8px; -} -#post-info #post-meta .post-meta-icon { - margin-right: 4px; -} -#post-info #post-meta .post-meta-label { - margin-right: 4px; -} -#post-info #post-meta .post-meta-categories a:not([data-fancybox="gallery"]) { - font-weight: 500; - text-decoration: none; - padding: 0 0.2em; -} -#post-info #post-meta .post-meta-categories a:not([data-fancybox="gallery"]):hover { - color: var(--anzhiyu-white); - background-color: var(--anzhiyu-main); - border-radius: 4px; -} -#post-info #post-meta a { - color: var(--light-grey); - -webkit-transition: all 0.3s ease-out; - -moz-transition: all 0.3s ease-out; - -o-transition: all 0.3s ease-out; - -ms-transition: all 0.3s ease-out; - transition: all 0.3s ease-out; -} -#post-info #post-meta a:hover { - color: #425aef; - text-decoration: underline; -} -#nav { - position: fixed; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - top: 0; - z-index: 90; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - padding: 0 calc((100% - 1400px + 3rem) / 2); - width: 100%; - height: 60px; - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - outline: 1px solid var(--anzhiyu-none); -} -#nav i { - font-size: 1.2rem; - font-weight: bold; -} -@media screen and (max-width: 768px) { - #nav { - padding: 0 16px; - } -} -#nav #toggle-menu { - display: none; - padding: 2px 0 0 6px; - vertical-align: top; - border-radius: 50px; -} -#nav #toggle-menu:hover { - color: var(--white) !important; -} -#nav #blog_name a, -#nav .mask-name-container a, -#nav #menus a, -#nav #nav-right .nav-button a, -#nav #nav-right #toggle-menu a { - color: var(--light-grey); -} -#nav #blog_name a:hover, -#nav .mask-name-container a:hover, -#nav #menus a:hover, -#nav #nav-right .nav-button a:hover, -#nav #nav-right #toggle-menu a:hover { - color: var(--white); -} -#nav #site-name { - font-weight: bold; - cursor: pointer; - -webkit-transition: 0.3s !important; - -moz-transition: 0.3s !important; - -o-transition: 0.3s !important; - -ms-transition: 0.3s !important; - transition: 0.3s !important; -} -#nav .menus_items { - display: inline; - font-size: 1.3em; -} -#nav .menus_items .menus_item { - padding: 0 0.4rem; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - margin: auto; - position: relative; - border-radius: 30px; -} -#nav .menus_items .menus_item:first-child .menus_item_child::after { - position: absolute; - top: -60px; - left: 0; - width: 50%; - height: 60px; - content: ""; -} -#nav .menus_items .menus_item:last-child .menus_item_child::after { - position: absolute; - top: -60px; - right: 0; - width: 50%; - height: 60px; - content: ""; -} -#nav .menus_items .menus_item:hover .menus_item_child { - border: var(--style-border-hover); - -webkit-box-shadow: var(--anzhiyu-shadow-main); - box-shadow: var(--anzhiyu-shadow-main); - opacity: 1; - -ms-filter: none; - filter: none; - pointer-events: all; - -webkit-transform: translateY(0) scale(1); - -moz-transform: translateY(0) scale(1); - -o-transform: translateY(0) scale(1); - -ms-transform: translateY(0) scale(1); - transform: translateY(0) scale(1); -} -#nav .menus_items .menus_item:hover > a > i:last-child { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} -#nav .menus_items .menus_item > a > i:last-child { - padding: 4px; - -webkit-transition: -webkit-transform 0.2s; - -moz-transition: -moz-transform 0.2s; - -o-transition: -o-transform 0.2s; - -ms-transition: -ms-transform 0.2s; - transition: transform 0.2s; -} -#nav .menus_items .menus_item .menus_item_child { - position: absolute; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - width: max-content; - border-radius: 5px; - top: 35px; - -webkit-box-shadow: var(--anzhiyu-shadow-black); - box-shadow: var(--anzhiyu-shadow-black); - border: var(--style-border); - -webkit-transition: 0.2s; - -moz-transition: 0.2s; - -o-transition: 0.2s; - -ms-transition: 0.2s; - transition: 0.2s; - background-color: var(--anzhiyu-card-bg); - border-radius: 50px; - right: auto; - left: auto; - padding: 6px 4px; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - line-height: 35px; - -webkit-transform: translateY(-10px) scale(0); - -moz-transform: translateY(-10px) scale(0); - -o-transform: translateY(-10px) scale(0); - -ms-transform: translateY(-10px) scale(0); - transform: translateY(-10px) scale(0); - -webkit-transform-origin: top; - -moz-transform-origin: top; - -o-transform-origin: top; - -ms-transform-origin: top; - transform-origin: top; - pointer-events: none; - margin-top: 8px; -} -#nav .menus_items .menus_item .menus_item_child:before { - position: absolute; - top: -12px; - left: 0; - width: 100%; - height: 16px; - content: ''; -} -#nav .menus_items .menus_item .menus_item_child li { - list-style: none; -} -#nav .menus_items .menus_item .menus_item_child li:hover { - background: var(--text-bg-hover); -} -#nav .menus_items .menus_item .menus_item_child li:first-child { - border-top-left-radius: 50px; - border-top-right-radius: 50px; -} -#nav .menus_items .menus_item .menus_item_child li:last-child { - border-bottom-right-radius: 50px; - border-bottom-left-radius: 50px; -} -#nav .menus_items .menus_item .menus_item_child li a { - display: inline-block; - padding: 0.5625rem 1rem; - width: 100%; - color: var(--font-color) !important; - text-shadow: none !important; -} -#nav .menus_items .menus_item .menus_item_child li a:hover { - color: var(--anzhiyu-white) !important; - padding: 0.125rem 1.25rem; - -webkit-transform: scale(1) !important; - -moz-transform: scale(1) !important; - -o-transform: scale(1) !important; - -ms-transform: scale(1) !important; - transform: scale(1) !important; - background: var(--anzhiyu-main) !important; - -webkit-box-shadow: var(--anzhiyu-shadow-main); - box-shadow: var(--anzhiyu-shadow-main); - -webkit-transform: scale(1) !important; - -moz-transform: scale(1) !important; - -o-transform: scale(1) !important; - -ms-transform: scale(1) !important; - transform: scale(1) !important; -} -#nav.hide-menu #toggle-menu { - display: inline-block !important; -} -#nav.hide-menu #toggle-menu .site-page { - font-size: inherit; - width: 30px; - height: 30px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -#nav.hide-menu #toggle-menu .site-page i { - font-size: 1.35rem; -} -#nav.hide-menu .menus_items { - display: none; -} -#nav.hide-menu #search-button span { - display: none; -} -#nav #search-button { - display: inline; - padding: 0 0 0 14px; -} -#nav .site-page { - position: relative; - padding-bottom: 6px; - font-size: 0.78em; - cursor: pointer; -} -#nav .site-page:hover { - color: var(--anzhiyu-white) !important; -} -.main-hero-waves-area { - width: 100%; - position: absolute; - left: 0; - bottom: -11px; - z-index: 5; - pointer-events: none; -} -.waves-area .waves-svg { - width: 100%; - height: 3.75rem; -} -.parallax > use { - -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; - -moz-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; - -o-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; - -ms-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; - animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; - will-change: transform; -} -.parallax > use:nth-child(1) { - -webkit-animation-delay: -2s; - -moz-animation-delay: -2s; - -o-animation-delay: -2s; - -ms-animation-delay: -2s; - animation-delay: -2s; - -webkit-animation-duration: 7s; - -moz-animation-duration: 7s; - -o-animation-duration: 7s; - -ms-animation-duration: 7s; - animation-duration: 7s; - fill: rgba(247,249,254,0.741); -} -.parallax > use:nth-child(2) { - -webkit-animation-delay: -3s; - -moz-animation-delay: -3s; - -o-animation-delay: -3s; - -ms-animation-delay: -3s; - animation-delay: -3s; - -webkit-animation-duration: 10s; - -moz-animation-duration: 10s; - -o-animation-duration: 10s; - -ms-animation-duration: 10s; - animation-duration: 10s; - fill: rgba(247,249,254,0.51); -} -.parallax > use:nth-child(3) { - -webkit-animation-delay: -4s; - -moz-animation-delay: -4s; - -o-animation-delay: -4s; - -ms-animation-delay: -4s; - animation-delay: -4s; - -webkit-animation-duration: 13s; - -moz-animation-duration: 13s; - -o-animation-duration: 13s; - -ms-animation-duration: 13s; - animation-duration: 13s; - fill: rgba(247,249,254,0.212); -} -.parallax > use:nth-child(4) { - -webkit-animation-delay: -5s; - -moz-animation-delay: -5s; - -o-animation-delay: -5s; - -ms-animation-delay: -5s; - animation-delay: -5s; - -webkit-animation-duration: 20s; - -moz-animation-duration: 20s; - -o-animation-duration: 20s; - -ms-animation-duration: 20s; - animation-duration: 20s; - fill: #f7f9fe; -} -[data-theme="dark"] .parallax > use:nth-child(1) { - fill: rgba(24,23,29,0.784); -} -[data-theme="dark"] .parallax > use:nth-child(2) { - fill: rgba(24,23,29,0.502); -} -[data-theme="dark"] .parallax > use:nth-child(3) { - fill: rgba(24,23,29,0.243); -} -[data-theme="dark"] .parallax > use:nth-child(4) { - fill: #000; -} -#post-firstinfo { - text-align: left; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - white-space: nowrap; - -webkit-user-select: none; -} -@media screen and (max-width: 768px) { - #post-firstinfo { - z-index: 4; - } -} -#post-firstinfo .meta-firstline { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - height: 32px; -} -#post-firstinfo .meta-firstline a.post-meta-original { - background: var(--anzhiyu-white-op); - color: var(--anzhiyu-white); - padding: 0 0.7rem; - font-size: 0.9rem; - margin: auto; - border-radius: 8px; - font-weight: bold; - height: 32px; - line-height: 32px; - width: 100%; - height: 100%; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; -} -#post-firstinfo .meta-firstline span.post-meta-categories { - color: var(--anzhiyu-white); - font-size: 0.9rem; - margin: auto; - font-weight: bold; - height: 32px; - line-height: 32px; - width: 100%; - height: 100%; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; -} -#post-firstinfo .meta-firstline span.post-meta-categories i { - display: none; -} -#post-firstinfo .meta-firstline span.post-meta-categories a.post-meta-categories { - border-radius: 8px; - padding: 0 0.7rem; - background: var(--anzhiyu-white-op); - color: var(--anzhiyu-white); - font-size: 0.9rem; - width: 100%; - height: 100%; - font-weight: bold; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - margin-left: 0.4rem; -} -#post-firstinfo .meta-firstline .article-meta.tags { - margin-left: 1.2rem; -} -@media screen and (max-width: 768px) { - #post-firstinfo .meta-firstline .article-meta.tags { - display: none; - } -} -#post-firstinfo .meta-firstline .article-meta__tags { - color: var(--anzhiyu-white); - opacity: 0.8; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; - filter: alpha(opacity=80); - margin-right: 8px; -} -#post-firstinfo .meta-firstline .anzhiyu-icon-hashtag:before { - font-size: 17px; -} -#post-firstinfo .meta-firstline .anzhiyu-icon-location-dot { - margin-right: 4px; -} -#post #post-info #post-firstinfo .meta-firstline a.post-meta-original { - background: var(--anzhiyu-black); -} -#post #post-info #post-firstinfo .meta-firstline .article-meta__tags { - color: var(--anzhiyu-black); -} -@media screen and (max-width: 768px) { - .layout > div:first-child:not(.recent-posts) { - z-index: 10; - } - .post-bg:has(.bldbanner) #post-info:after, - .post-bg:has(.bili-banner) #post-info:after, - .post-bg:has(.blqbanner) #post-info:after { - -webkit-box-shadow: 0px -214px 287px 45px var(--anzhiyu-black-op) inset; - box-shadow: 0px -214px 287px 45px var(--anzhiyu-black-op) inset; - } - .waves-area .waves-svg { - height: 40px; - min-height: 40px; - } - .main-hero-waves-area { - display: none; - visibility: hidden; - } -} -@-moz-keyframes move-forever { - 0% { - -webkit-transform: translate3d(-90px, 0, 0); - -moz-transform: translate3d(-90px, 0, 0); - -o-transform: translate3d(-90px, 0, 0); - -ms-transform: translate3d(-90px, 0, 0); - transform: translate3d(-90px, 0, 0); - } - 100% { - -webkit-transform: translate3d(85px, 0, 0); - -moz-transform: translate3d(85px, 0, 0); - -o-transform: translate3d(85px, 0, 0); - -ms-transform: translate3d(85px, 0, 0); - transform: translate3d(85px, 0, 0); - } -} -@-webkit-keyframes move-forever { - 0% { - -webkit-transform: translate3d(-90px, 0, 0); - -moz-transform: translate3d(-90px, 0, 0); - -o-transform: translate3d(-90px, 0, 0); - -ms-transform: translate3d(-90px, 0, 0); - transform: translate3d(-90px, 0, 0); - } - 100% { - -webkit-transform: translate3d(85px, 0, 0); - -moz-transform: translate3d(85px, 0, 0); - -o-transform: translate3d(85px, 0, 0); - -ms-transform: translate3d(85px, 0, 0); - transform: translate3d(85px, 0, 0); - } -} -@-o-keyframes move-forever { - 0% { - -webkit-transform: translate3d(-90px, 0, 0); - -moz-transform: translate3d(-90px, 0, 0); - -o-transform: translate3d(-90px, 0, 0); - -ms-transform: translate3d(-90px, 0, 0); - transform: translate3d(-90px, 0, 0); - } - 100% { - -webkit-transform: translate3d(85px, 0, 0); - -moz-transform: translate3d(85px, 0, 0); - -o-transform: translate3d(85px, 0, 0); - -ms-transform: translate3d(85px, 0, 0); - transform: translate3d(85px, 0, 0); - } -} -@keyframes move-forever { - 0% { - -webkit-transform: translate3d(-90px, 0, 0); - -moz-transform: translate3d(-90px, 0, 0); - -o-transform: translate3d(-90px, 0, 0); - -ms-transform: translate3d(-90px, 0, 0); - transform: translate3d(-90px, 0, 0); - } - 100% { - -webkit-transform: translate3d(85px, 0, 0); - -moz-transform: translate3d(85px, 0, 0); - -o-transform: translate3d(85px, 0, 0); - -ms-transform: translate3d(85px, 0, 0); - transform: translate3d(85px, 0, 0); - } -} -@-moz-keyframes showCover { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - -moz-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - -o-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - -ms-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - } - 100% { - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); - -webkit-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - -moz-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - -o-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - -ms-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - } -} -@-webkit-keyframes showCover { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - -moz-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - -o-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - -ms-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - } - 100% { - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); - -webkit-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - -moz-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - -o-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - -ms-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - } -} -@-o-keyframes showCover { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - -moz-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - -o-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - -ms-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - } - 100% { - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); - -webkit-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - -moz-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - -o-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - -ms-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - } -} -@keyframes showCover { - 0% { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - -moz-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - -o-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - -ms-transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - transform: rotate(10deg) translateY(-8%) scale(var(--anzhiyu-header-cover-scale)); - } - 100% { - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); - -webkit-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - -moz-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - -o-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - -ms-transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - transform: rotate(10deg) translateY(-10%) scale(var(--anzhiyu-header-cover-scale)); - } -} -#random-banner { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - width: 100%; - height: 76%; - background: var(--anzhiyu-card-bg); - margin-bottom: 0.5rem; - border: var(--style-border); - border-radius: 12px; - overflow: hidden; - position: relative; - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - overflow: hidden; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - will-change: transform; -} -#random-banner:hover { - -webkit-box-shadow: var(--anzhiyu-shadow-main); - box-shadow: var(--anzhiyu-shadow-main); -} -#random-banner:hover #random-hover { - opacity: 1; - -ms-filter: none; - filter: none; - padding-left: 2rem; - background: var(--anzhiyu-theme-op-deep); - backdrop-filter: blur(15px); - -webkit-backdrop-filter: blur(15px); - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -o-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-transform-style: preserve-3d; - -moz-transform-style: preserve-3d; - -o-transform-style: preserve-3d; - -ms-transform-style: preserve-3d; - transform-style: preserve-3d; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - background-size: 200%; - cursor: pointer; -} -#random-banner #skills-tags-group-all .tags-group-wrapper { - margin-top: 7rem; -} -#random-banner #skills-tags-group-all { - -webkit-transform: rotate(-30deg); - -moz-transform: rotate(-30deg); - -o-transform: rotate(-30deg); - -ms-transform: rotate(-30deg); - transform: rotate(-30deg); -} -#random-banner #random-hover { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background: var(--anzhiyu-theme); - color: var(--anzhiyu-white); - padding-left: 0.5rem; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transition: cubic-bezier(0.71, 0.15, 0.16, 1.15) 0.6s; - -moz-transition: cubic-bezier(0.71, 0.15, 0.16, 1.15) 0.6s; - -o-transition: cubic-bezier(0.71, 0.15, 0.16, 1.15) 0.6s; - -ms-transition: cubic-bezier(0.71, 0.15, 0.16, 1.15) 0.6s; - transition: cubic-bezier(0.71, 0.15, 0.16, 1.15) 0.6s; - font-size: 60px; -} -#random-banner #random-hover .bannerText { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -#random-banner #random-hover i { - font-size: 80px; - margin-left: 10px; - line-height: 1; -} -@media screen and (max-width: 1200px) { - #random-banner { - display: none; - } -} -#sidebar #sidebar-menus .menus_items .menus_item_child { - margin: 0px; - list-style: none; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -#sidebar #sidebar-menus .menus_item_child li { - width: calc(50% - 8px); - margin: 4px; -} -#sidebar #sidebar-menus .menus_item_child .site-page.child { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - padding: 8px; - border-radius: 12px; - border: var(--style-border-always); - background: var(--anzhiyu-card-bg); - font-size: 14px; - height: 4.2rem; - width: 7rem; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; -} -#sidebar .menus_item ul { - padding-left: 0px; -} -#nav-group { - max-width: 1400px; - width: 100%; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - position: relative; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -#page-header.nav-fixed #center-console + label i { - background: var(--font-color); -} -#center-console { - display: none; -} -#center-console + label { - --icon-size: 1.375rem; - position: relative; - right: 0; - top: 0; - bottom: 0; - height: var(--icon-size); - width: var(--icon-size); - cursor: pointer; - -webkit-transition: 1s; - -moz-transition: 1s; - -o-transition: 1s; - -ms-transition: 1s; - transition: 1s; - margin-left: 1rem; -} -#center-console + label:hover i.left { - width: calc(var(--icon-size) / 2.5); -} -#center-console + label:hover i.center { - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); - width: calc(var(--icon-size) / 2.5); -} -#center-console + label:hover i.right { - width: calc(var(--icon-size) / 2.5); - height: calc(var(--icon-size) / 1.15); - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - -ms-transform: none; - transform: none; -} -#center-console + label i { - background: var(--light-grey); - position: absolute; - border-radius: calc(var(--icon-size) * 0.15); - -webkit-transition: 0.5s var(--animation-on); - -moz-transition: 0.5s var(--animation-on); - -o-transition: 0.5s var(--animation-on); - -ms-transition: 0.5s var(--animation-on); - transition: 0.5s var(--animation-on); - inset: 0; - margin: auto; - right: auto; - width: calc(var(--icon-size) / 3); - height: calc(var(--icon-size) / 3); - -webkit-transform: translateY(calc(var(--icon-size) / 4)); - -moz-transform: translateY(calc(var(--icon-size) / 4)); - -o-transform: translateY(calc(var(--icon-size) / 4)); - -ms-transform: translateY(calc(var(--icon-size) / 4)); - transform: translateY(calc(var(--icon-size) / 4)); -} -#center-console + label i.left { - width: 100%; - -webkit-transform: translateY(calc(var(--icon-size) / -4)); - -moz-transform: translateY(calc(var(--icon-size) / -4)); - -o-transform: translateY(calc(var(--icon-size) / -4)); - -ms-transform: translateY(calc(var(--icon-size) / -4)); - transform: translateY(calc(var(--icon-size) / -4)); -} -#center-console + label i.right { - left: auto; - right: 0; - width: calc(var(--icon-size) / 2); -} -#center-console:checked + label { - right: 0; - top: 0.5rem; - z-index: 31; -} -#center-console:checked + label:hover::after { - background: var(--anzhiyu-main) !important; -} -#center-console:checked + label::after { - content: ""; - width: 35px; - height: 35px; - display: block; - position: absolute; - z-index: -1; - top: -6px; - left: -6.3px; - background: var(--anzhiyu-fontcolor) !important; - border-radius: 50px; -} -#center-console:checked + label:is(.widget, -#center-console:checked + label .widget:hover) i { - height: calc(var(--icon-size) / 4.5); - background: var(--anzhiyu-white) !important; -} -#center-console:checked + label i.left { - width: 100% !important; - -webkit-transform: rotate(-45deg) !important; - -moz-transform: rotate(-45deg) !important; - -o-transform: rotate(-45deg) !important; - -ms-transform: rotate(-45deg) !important; - transform: rotate(-45deg) !important; -} -#center-console:checked + label i.center { - width: 0 !important; -} -#center-console:checked + label i.right { - width: 100% !important; - -webkit-transform: rotate(45deg) !important; - -moz-transform: rotate(45deg) !important; - -o-transform: rotate(45deg) !important; - -ms-transform: rotate(45deg) !important; - transform: rotate(45deg) !important; -} -[data-theme="dark"] #center-console:checked + label:is(.widget, -#center-console:checked + label .widget:hover) i { - background: var(--anzhiyu-black) !important; -} -#body-wrap .nav-fixed #travellings_button::after { - background: var(--anzhiyu-main) !important; -} -#body-wrap #travellings_button { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; -} -#body-wrap #travellings_button:hover::after { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - -ms-transform: none; - transform: none; - visibility: visible; -} -#body-wrap #travellings_button:hover a { - background: var(--anzhiyu-main); - -webkit-box-shadow: var(--anzhiyu-shadow-main); - -webkit-box-shadow: var(--anzhiyu-shadow-main); - box-shadow: var(--anzhiyu-shadow-main); -} -#body-wrap #travellings_button:hover a i { - color: var(--anzhiyu-white); -} -#body-wrap #travellings_button::after { - --height: 2rem; - content: attr(title); - position: fixed; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - color: var(--anzhiyu-white); - background: var(--anzhiyu-white-op) !important; - -webkit-box-shadow: var(--anzhiyu-shadow-nav); - box-shadow: var(--anzhiyu-shadow-nav); - border-radius: var(--anzhiyu-radius-full); - width: fit-content; - height: var(--height); - font-size: var(--global-font-size); - white-space: nowrap; - margin: auto; - padding: 0 4em; - top: calc((60px - var(--height)) / 2); - right: 0; - left: 0; - line-height: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - z-index: 1; - visibility: hidden; - -webkit-transform: scaleX(1.1); - -moz-transform: scaleX(1.1); - -o-transform: scaleX(1.1); - -ms-transform: scaleX(1.1); - transform: scaleX(1.1); - pointer-events: none; - -webkit-transition: 0.5s; - -moz-transition: 0.5s; - -o-transition: 0.5s; - -ms-transition: 0.5s; - transition: 0.5s; -} -@media screen and (max-width: 900px) { - #body-wrap #travellings_button::after { - padding: 0 2em; - } -} -#body-wrap:has(#travellings_button:hover) #page-name, -#body-wrap:has(#travellings_button:hover) #nav #menus { - display: none; -} -#body-wrap .page #travellings_button:hover::after { - background: var(--anzhiyu-main) !important; -} -@media screen and (max-width: 768px) { - #page-header #nav { - padding: 20px; - } - .cardHover, - .error404 #error-wrap .error-content, - .layout > div:first-child:not(.recent-posts), - #recent-posts > .recent-post-item, - #aside-content .card-widget, - .layout > .recent-posts .pagination > *:not(.space), - .layout > .recent-posts .pagination > *:not(.space):not(pangu) { - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - #sidebar #sidebar-menus .menus_items .site-page:hover { - background: none; - } - div#travellings_button { - display: none !important; - } -} -#nav #blog_name a:hover, -#nav .mask-name-container a:hover, -#nav #menus a:hover, -#nav #nav-right .nav-button a:hover, -#nav #nav-right #toggle-menu a:hover { - background: var(--anzhiyu-main); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -#page-header.not-top-img { - margin-bottom: 0px; -} -#page-header:not(.nav-fixed) #percent { - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -#page-header #nav #nav-right > div { - margin-left: 1rem; - padding: 0; -} -.nav-button { - cursor: pointer; -} -#nav #menus { - padding: 0 calc((100% - 1400px + 3rem) / 2); - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - width: 100%; - position: absolute; - height: 60px; - left: 0; - margin: 0; - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -o-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - will-change: auto; -} -#nav .site-page { - padding-bottom: 0px; -} -#nav *::after { - background-color: transparent !important; -} -#nav .menus_items .menus_item a { - border-radius: 50px; -} -#nav .menus_items .menus_item .menus_item_child li a { - padding: 2px 16px; - border-radius: 50px; - -webkit-transition: 0.3s !important; - -moz-transition: 0.3s !important; - -o-transition: 0.3s !important; - -ms-transition: 0.3s !important; - transition: 0.3s !important; -} -#nav .menus_items .menus_item .menus_item_child li:hover a { - color: #fff !important; -} -#nav .menus_items .menus_item .menus_item_child li { - border-radius: 50px; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - -ms-transition: all 0.3s; - transition: all 0.3s; - display: inline-block; - margin: 0 3px; -} -#site-name, -.shuoshuo { - white-space: nowrap; - overflow: hidden; -} -#site-name { - padding: 0 2px; - height: 35px; - line-height: 35px; - position: relative; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -#nav .menus_items { - position: relative; - width: fit-content; - text-align: center; - left: 0px; - right: 0px; - top: 0px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -#nav #blog_name a, -#nav .mask-name-container a, -#nav #menus a, -#nav #nav-right .nav-button a, -#nav #nav-right #toggle-menu a { - border-radius: 50px; -} -.page #nav #blog_name a:hover, -.page #nav .mask-name-container a:hover, -.page #nav #menus a:hover, -.page #nav #nav-right .nav-button a:hover, -.page #nav #nav-right #toggle-menu a:hover { - color: var(--anzhiyu-white); - background: var(--anzhiyu-main); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - -webkit-box-shadow: var(--anzhiyu-shadow-main); - box-shadow: var(--anzhiyu-shadow-main); -} -.post #nav #blog_name .back-home-button:hover, -.post #nav #blog_name #site-name:hover, -.post #nav #nav-right .nav-button a:hover, -.post #nav #nav-right #toggle-menu:hover { - color: var(--anzhiyu-white); - background: var(--anzhiyu-white-op); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -.post #nav #menus .menus_item:hover > a { - color: var(--anzhiyu-white); - background: var(--anzhiyu-white-op); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -.post .nav-fixed #nav #menus .menus_item:hover > a.site-page { - color: var(--anzhiyu-white); - background: var(--anzhiyu-main); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - -webkit-box-shadow: var(--anzhiyu-shadow-main); - box-shadow: var(--anzhiyu-shadow-main); -} -.post .nav-fixed #nav #blog_name #site-name:hover, -.post .nav-fixed #nav #blog_name .back-home-button:hover, -.post .nav-fixed #nav #nav-right .nav-button a:hover, -.post .nav-fixed #nav #nav-right #toggle-menu:hover { - color: var(--anzhiyu-white); - background: var(--anzhiyu-main); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - -webkit-box-shadow: var(--anzhiyu-shadow-main); - box-shadow: var(--anzhiyu-shadow-main); -} -#page-header.nav-fixed #nav #page-name { - background: none; - text-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: bold; - border-radius: 100px; - min-width: 100px; - line-height: 1.5rem; -} -#name-container { - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - border-radius: 12px; - height: 40px; - position: absolute; - top: 62px; - left: 0px; - right: 0px; - margin: auto; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-animation-timing-function: ease-out; - -moz-animation-timing-function: ease-out; - -o-animation-timing-function: ease-out; - -ms-animation-timing-function: ease-out; - animation-timing-function: ease-out; - -webkit-animation-timing-function: ease-out; -} -#page-header.nav-fixed.nav-visible #name-container { - z-index: 100; - top: 60px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -#page-header.nav-fixed #nav #page-name:hover { - color: var(--anzhiyu-main); -} -@media screen and (min-width: 900px) { - #page-header.nav-fixed #nav #page-name::after { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - content: "回到顶部"; - -webkit-transition: 0.2s; - -moz-transition: 0.2s; - -o-transition: 0.2s; - -ms-transition: 0.2s; - transition: 0.2s; - position: absolute; - left: 0; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); - margin: auto; - color: var(--anzhiyu-white) !important; - font-weight: 700; - line-height: 2; - } -} -@media screen and (min-width: 1200px) { - #page-header.nav-fixed #nav #page-name:hover:after { - opacity: 1; - -ms-filter: none; - filter: none; - } - #page-header.nav-fixed #nav #page-name:hover { - background: var(--anzhiyu-main); - } -} -#page-header #nav #page-name { - display: inline; - font-weight: bold; - padding: 4px 8px; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transition: 0.1s; - -moz-transition: 0.1s; - -o-transition: 0.1s; - -ms-transition: 0.1s; - transition: 0.1s; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - position: relative; - text-align: center; - cursor: pointer; - top: 0; - font-size: 1.1rem; - -webkit-animation-timing-function: ease-in; - -moz-animation-timing-function: ease-in; - -o-animation-timing-function: ease-in; - -ms-animation-timing-function: ease-in; - animation-timing-function: ease-in; - -webkit-animation-timing-function: ease-in; -} -#menus > div.menus_items > div > a { - letter-spacing: 0.3rem; - font-weight: 700; - padding: 0em 0.8em 0em 1em; - height: 35px; - line-height: 35px; - -webkit-transition: color 0s !important; - -moz-transition: color 0s !important; - -o-transition: color 0s !important; - -ms-transition: color 0s !important; - transition: color 0s !important; -} -#nav div#toggle-menu { - padding: 2px 0 4px 6px; -} -#page-name:hover:before { - opacity: 1; - -ms-filter: none; - filter: none; -} -::backdrop { - display: block; - position: fixed; - top: 0px; -} -.mask-name-container { - width: 100%; - height: 100%; - position: absolute; - overflow: hidden; - left: 0; -} -#nav .menus_items .menus_item > a > i:last-child { - display: none; -} -#nav #search-button { - font-size: 1.3em; -} -.back-home-button:hover { - background: var(--anzhiyu-main); - color: var(--anzhiyu-white) !important; -} -.back-home-button { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - width: 35px; - height: 35px; - padding: 0 !important; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - margin-right: 4px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - border-radius: 8px; -} -.back-home-button:hover .back-menu-list-groups { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - top: 55px; - pointer-events: auto; - left: 0rem; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); -} -.back-home-button .back-menu-list-groups { - position: absolute; - top: 45px; - -webkit-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - -ms-transform: scale(0.8); - transform: scale(0.8); - -webkit-transform-origin: top left; - -moz-transform-origin: top left; - -o-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - left: 0rem; - background-color: var(--anzhiyu-maskbgdeep); - border-radius: 12px; - border: var(--style-border); - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 12px; - color: var(--anzhiyu-secondtext); - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); - -webkit-transition: 0.1s; - -moz-transition: 0.1s; - -o-transition: 0.1s; - -ms-transition: 0.1s; - transition: 0.1s; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - pointer-events: none; - backdrop-filter: blur(20px); -} -.back-home-button .back-menu-list-group { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.back-home-button .back-menu-list-group .back-menu-list-title { - margin: 8px 0 0 16px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -.back-home-button .back-menu-list { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 340px; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; -} -.back-home-button .back-menu-list::before { - position: absolute; - top: -24px; - left: 0px; - width: 100%; - height: 25px; - content: ""; - -webkit-transition: 0s; - -moz-transition: 0s; - -o-transition: 0s; - -ms-transition: 0s; - transition: 0s; -} -.back-home-button .back-menu-list-groups .back-menu-list-group:last-child .back-menu-list { - margin: 0 0 8px; -} -.back-home-button .back-menu-list-group:hover .back-menu-list-title { - color: var(--anzhiyu-main); -} -.back-home-button .back-menu-list-groups:hover { - border: var(--style-border-hover); -} -.back-home-button .back-menu-list .back-menu-item { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - margin: 4px 8px; - padding: 4px 8px !important; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - width: 150px; - border-radius: 8px !important; - -webkit-transition: 0.2s !important; - -moz-transition: 0.2s !important; - -o-transition: 0.2s !important; - -ms-transition: 0.2s !important; - transition: 0.2s !important; -} -.back-menu-list-groups .back-menu-list .back-menu-item .back-menu-item-text { - font-size: var(--global-font-size); - margin-left: 0.5rem; - color: var(--anzhiyu-fontcolor); - white-space: nowrap; -} -@media screen and (max-width: 768px) { - .back-menu-list-groups .back-menu-list .back-menu-item .back-menu-item-text { - font-size: 14px; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - } -} -.back-menu-list-groups .back-menu-list .back-menu-item .back-menu-item-icon { - width: 24px; - height: 24px; - border-radius: 24px; - background: var(--anzhiyu-secondbg); -} -#page-header #nav .back-home-button { - cursor: pointer; - position: relative; -} -#page-header:not(.not-top-img) #nav .back-home-button { - color: var(--light-grey); -} -#page-header.nav-fixed:not(.not-top-img) #nav .back-home-button { - color: var(--font-color); -} -.back-home-button .back-menu-list .back-menu-item:hover .back-menu-item-text { - color: var(--anzhiyu-white); -} -.back-menu-item-icon.loading img { - width: 25px; -} -#page-header #nav #menus .nav-button.long a.totopbtn span { - border-radius: 35px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - white-space: nowrap; -} -#page-header #nav #menus .nav-button.long a.totopbtn:hover { - border-radius: 35px; - height: 30px; -} -#nav #search-button { - padding-left: 0; -} -#search-button a.site-page.social-icon.search span { - display: none; -} -#nav .nav-button a:hover { - color: var(--anzhiyu-white) !important; -} -#menus > div.menus_items a { - font-weight: bold; -} -#menus .menus_item .menus_item_child .site-page.child.faa-parent.animated-hover .anzhiyu-icon-fan.faa-tada { - -webkit-animation: rotate 1.6s linear infinite; - -moz-animation: rotate 1.6s linear infinite; - -o-animation: rotate 1.6s linear infinite; - -ms-animation: rotate 1.6s linear infinite; - animation: rotate 1.6s linear infinite; -} -#nav-right { - z-index: 102; - position: absolute; - right: 0; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - height: 100%; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -#nav #blog_name { - -webkit-box-lines: single; - -moz-box-lines: single; - -o-box-lines: single; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - height: 60px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - z-index: 102; -} -#blog_name #site-name i { - position: absolute; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - font-size: 1rem; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); -} -#blog_name #site-name:hover .title { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); -} -#blog_name #site-name .title { - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - letter-spacing: normal; - font-size: 1.2rem; - padding: 0 5px; - line-height: 2rem; - -webkit-transition: color 0s; - -moz-transition: color 0s; - -o-transition: color 0s; - -ms-transition: color 0s; - transition: color 0s; -} -.post #blog_name #site-name .title { - -webkit-transition: 0s; - -moz-transition: 0s; - -o-transition: 0s; - -ms-transition: 0s; - transition: 0s; -} -#blog_name #site-name:hover i { - color: #fff; - opacity: 1; - -ms-filter: none; - filter: none; -} -#page-header #nav #nav-right .nav-button a i, -#page-header #nav #nav-left .nav-button a i { - line-height: 1; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -#page-header #nav #nav-right .nav-button a:hover i, -#page-header #nav #nav-left .nav-button a:hover i { - color: var(--anzhiyu-white); - -webkit-transition: background 0.35s ease-in-out, color 0.2s ease-in-out; - -moz-transition: background 0.35s ease-in-out, color 0.2s ease-in-out; - -o-transition: background 0.35s ease-in-out, color 0.2s ease-in-out; - -ms-transition: background 0.35s ease-in-out, color 0.2s ease-in-out; - transition: background 0.35s ease-in-out, color 0.2s ease-in-out; -} -@media screen and (max-width: 768px) { - [data-theme="dark"] #page-header #nav #nav-right .nav-button a i, - [data-theme="dark"] #page-header #nav #nav-left .nav-button a i, - [data-theme="dark"] #page-header.nav-fixed:not(.not-top-img) #nav .back-home-button { - color: #c9c9c9 !important; - } -} -#nav-totop { - width: 35px; - height: 35px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - border-radius: 50px; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: distribute; - -moz-box-pack: distribute; - -o-box-pack: distribute; - -ms-flex-pack: distribute; - -webkit-justify-content: space-around; - justify-content: space-around; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; -} -#page-header #nav #nav-right .nav-button a.totopbtn { - width: 25px; - height: 25px; - border-radius: 40px; - background: var(--font-color); - color: var(--card-bg); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; -} -#page-header #nav #nav-right .nav-button:not(.long) a.totopbtn:hover { - height: 35px; - width: 35px; -} -#page-header #nav #nav-right .nav-button:not(.long):hover a.totopbtn { - width: 35px; - height: 35px; - top: 0; - right: 0; -} -#page-header #nav .nav-button a { - height: 35px; - width: 35px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-transition: background 0.3s ease-in-out, color 0s ease-in-out; - -moz-transition: background 0.3s ease-in-out, color 0s ease-in-out; - -o-transition: background 0.3s ease-in-out, color 0s ease-in-out; - -ms-transition: background 0.3s ease-in-out, color 0s ease-in-out; - transition: background 0.3s ease-in-out, color 0s ease-in-out; -} -.nav-fixed #nav-totop #percent, -.page #nav-totop #percent { - font-size: 13px; - border-radius: 35px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - white-space: nowrap; - color: var(--card-bg); - width: 25px; - height: 25px; -} -#nav-totop #percent { - font-weight: 700; -} -#page-header #nav #nav-right .nav-button:hover a.totopbtn { - background: var(--anzhiyu-main); -} -#nav-totop:hover .totopbtn i { - opacity: 1; - -ms-filter: none; - filter: none; - color: var(--anzhiyu-white); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -#nav-totop .totopbtn i { - position: absolute; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); -} -#nav-totop.long .totopbtn i { - font-size: 1rem; -} -#nav-totop:hover #percent { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); - font-weight: 700; -} -#page-header:not(.nav-fixed) #nav-totop { - width: 0; - -webkit-transform: scale(0); - -moz-transform: scale(0); - -o-transform: scale(0); - -ms-transform: scale(0); - transform: scale(0); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - margin-left: 0 !important; - overflow: hidden; - -webkit-transition: 0.3s ease-in; - -moz-transition: 0.3s ease-in; - -o-transition: 0.3s ease-in; - -ms-transition: 0.3s ease-in; - transition: 0.3s ease-in; -} -#page-header #nav #nav-right .nav-button.long, -#page-header #nav #nav-right .nav-button.long a.totopbtn, -#page-header #nav #nav-right .nav-button.long a.totopbtn span { - width: 70px; -} -#page-header #nav #nav-right .long#nav-totop:hover { - background-color: transparent; -} -@media screen and (max-width: 1390px) { - #nav { - padding: 0 1.5rem; - } - #nav .mask-name-container { - padding: 0 1.5rem; - } - div#menus { - padding: 0 1.5rem; - } -} -@media screen and (min-width: 900px) { - #nav .back-home-button:hover { - -webkit-box-shadow: var(--anzhiyu-shadow-main); - box-shadow: var(--anzhiyu-shadow-main); - } -} -@media screen and (max-width: 768px) { - .mask-name-container { - display: none; - } - #menus { - padding: 20px; - } - #page-header.not-top-img { - margin-bottom: 10px; - } - #nav { - border-bottom: none; - background: var(--anzhiyu-background); - } - #page-header #nav #nav-right div { - margin-left: 0.5rem; - } -} -@media screen and (min-width: 768px) { - .menus_item:hover > a.site-page { - color: var(--anzhiyu-white) !important; - background: var(--anzhiyu-main); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - -webkit-box-shadow: var(--anzhiyu-shadow-main); - box-shadow: var(--anzhiyu-shadow-main); - } -} -#pagination .toPageGroup { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - position: relative; - margin: 0; - -webkit-box-shadow: none; - box-shadow: none; - width: auto; -} -#pagination .toPageGroup:hover { - background: none; -} -#pagination .pagination { - text-align: center; -} -#pagination .pagination .extend.next .pagination_tips_next { - margin-left: -32px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); -} -#pagination .page-number.current { - background: #425aef; - color: var(--white); -} -#pagination .pagination-info { - position: absolute; - top: 50%; - padding: 20px 40px; - width: 100%; - -webkit-transform: translate(0, -50%); - -moz-transform: translate(0, -50%); - -o-transform: translate(0, -50%); - -ms-transform: translate(0, -50%); - transform: translate(0, -50%); -} -#pagination .prev_info, -#pagination .next_info { - color: var(--white); - font-weight: 500; -} -#pagination .next-post .pagination-info { - text-align: right; -} -#pagination .pull-full { - width: 100% !important; -} -#pagination .prev-post .label, -#pagination .next-post .label { - color: var(--light-grey); - text-transform: uppercase; - font-size: 90%; -} -#pagination .prev-post, -#pagination .next-post { - width: 50%; -} -@media screen and (max-width: 768px) { - #pagination .prev-post, - #pagination .next-post { - width: 100%; - } -} -#pagination .prev-post a, -#pagination .next-post a { - position: relative; - display: block; - overflow: hidden; - height: 150px; -} -#pagination.pagination-post { - overflow: hidden; - margin-top: 1.25rem; - width: 100%; - background: #000; - border-radius: 10px; -} -@media screen and (max-width: 768px) { - #pagination .toPageGroup { - display: none; - } - #pagination .page-number { - display: none !important; - } - #pagination .space { - display: none !important; - } - #pagination .pagination .extend.next { - width: 100%; - height: 3rem; - margin: 0; - border-radius: 12px; - line-height: 3rem; - background: var(--anzhiyu-card-bg); - border: var(--style-border-always); - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); - margin: 0 20px; - } - #pagination .pagination .extend.next:hover { - background: var(--anzhiyu-theme); - color: var(--anzhiyu-white); - } - #pagination .pagination .extend.next i { - display: none; - } - #pagination .pagination .extend.next .pagination_tips_next { - opacity: 1; - -ms-filter: none; - filter: none; - margin-left: 0; - } - #pagination .pagination .extend.prev { - width: 100%; - height: 3rem; - border-radius: 12px; - line-height: 3rem; - background: var(--anzhiyu-card-bg); - border: var(--style-border-always); - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); - margin: 0 20px; - } - #pagination .pagination .extend.prev i { - display: none; - } - #pagination .pagination .extend.prev .pagination_tips_prev { - opacity: 1; - -ms-filter: none; - filter: none; - margin-right: 0; - } -} -.layout > .recent-posts .pagination > *:not(pangu) { - display: inline-block; - width: 2.5em; - height: 2.5em; - line-height: 2.5em; -} -.layout > .recent-posts .pagination > *:not(.space):not(pangu) { - -webkit-transition: 0s; - -moz-transition: 0s; - -o-transition: 0s; - -ms-transition: 0s; - transition: 0s; -} -.layout > div:not(.recent-posts) .pagination .page-number { - display: inline-block; - margin: 0 4px; - min-width: 2.5em; - height: 2.5em; - text-align: center; - line-height: 2.5em; - cursor: pointer; -} -@media screen and (min-width: 1200px) { - #pagination a.extend.next:hover, - #pagination a.extend.prev:hover { - -webkit-transform: scale(1.03); - -moz-transform: scale(1.03); - -o-transform: scale(1.03); - -ms-transform: scale(1.03); - transform: scale(1.03); - } -} -@media screen and (min-width: 768px) { - #pagination .page-number.current:hover { - background: var(--anzhiyu-theme); - -webkit-box-shadow: var(--anzhiyu-shadow-theme); - box-shadow: var(--anzhiyu-shadow-theme); - color: var(--anzhiyu-white); - } - #pagination a.extend.next:hover, - #pagination a.extend.prev:hover { - color: var(--anzhiyu-theme); - border: var(--style-border-hover); - -webkit-transform: scale(1.03); - -moz-transform: scale(1.03); - -o-transform: scale(1.03); - -ms-transform: scale(1.03); - transform: scale(1.03); - } - nav#pagination { - overflow: visible; - } - #pagination .page-number.current { - background: var(--anzhiyu-theme); - border: var(--style-border-hover); - -webkit-box-shadow: var(--anzhiyu-shadow-theme); - box-shadow: var(--anzhiyu-shadow-theme); - } - #pagination a.extend.next { - overflow: hidden; - height: 2.5em; - line-height: 2.5em; - } - #pagination a.extend.next, - #pagination a.extend.prev { - width: 5rem !important; - line-height: 1.9rem !important; - border-radius: 8px !important; - background: var(--anzhiyu-card-bg); - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); - border: var(--style-border); - display: -webkit-box !important; - display: -moz-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: box !important; - display: flex !important; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - overflow: hidden; - -webkit-transition: all 0.3s, color 0s; - -moz-transition: all 0.3s, color 0s; - -o-transition: all 0.3s, color 0s; - -ms-transition: all 0.3s, color 0s; - transition: all 0.3s, color 0s; - position: absolute; - } - #pagination .page-number { - background: var(--anzhiyu-card-bg); - border-radius: 8px !important; - margin: 0 0.3rem; - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); - border: var(--style-border); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - } - #pagination .page-number:hover { - color: var(--anzhiyu-theme); - border: var(--style-border-hover); - -webkit-box-shadow: var(--anzhiyu-shadow-main); - box-shadow: var(--anzhiyu-shadow-main); - } -} -#pagination .pagination { - position: relative; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -#pagination a.extend.next:hover .pagination_tips_next { - margin-left: 2px; - opacity: 1; - -ms-filter: none; - filter: none; - white-space: nowrap; -} -#pagination a.extend.prev .pagination_tips_prev { - margin-right: -32px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); -} -#pagination a.extend.prev:hover .pagination_tips_prev { - margin-right: 2px; - opacity: 1; - -ms-filter: none; - filter: none; - white-space: nowrap; -} -a.extend.prev { - left: 0; -} -a.extend.next { - right: 0; -} -#pagination { - overflow: hidden; - margin-top: 1rem; - width: 100%; -} -@media screen and (max-width: 768px) { - #site-name { - padding: 0 !important; - } -} -#pagination .pagination input { - width: 2.5em; - height: 2.5em; - border-radius: 8px; - border: var(--style-border-always); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - outline-style: none; - font-size: 16px; - padding-left: 12px; -} -a#toPageButton { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - position: absolute; - width: 2.5em; - height: 2.5em; - right: 0px; - top: 0px; - border-radius: 8px; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - background: var(--anzhiyu-card-bg); - border: var(--style-border-always); - cursor: pointer; -} -#pagination .pagination .toPageGroup:hover input, -#pagination .pagination .toPageGroup input:focus { - border: var(--style-border-hover-always); - outline-style: none; - width: 100px; -} -#pagination .toPageGroup:hover a#toPageButton, -#pagination .toPageGroup:focus-within a#toPageButton { - width: 30px; - height: 30px; - right: 4px; - top: 5px; - background: var(--anzhiyu-secondbg); - border: 1px solid var(--anzhiyu-none); - border-radius: 4px; -} -blockquote { - border: var(--style-border-always); - background-color: var(--anzhiyu-secondbg); - color: var(--anzhiyu-secondtext); - border-radius: 8px; - margin: 1rem 0; - padding: 0.5rem 0.8rem; -} -#article-container { - word-wrap: break-word; - overflow-wrap: break-word; -} -#article-container h1 .post-content, -#article-container h2 .post-content, -#article-container h3 .post-content, -#article-container h4 .post-content, -#article-container h5 .post-content, -#article-container h6 .post-content { - line-height: 1.6; - border-top: 1px dashed var(--anzhiyu-theme-op); - padding-top: 1.5rem; - padding-left: 0; -} -#article-container a { - color: var(--anzhiyu-fontcolor); -} -#article-container a:hover { - text-decoration: underline; -} -#article-container img { - display: block; - margin: 0 auto 20px; - max-width: 100%; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - border-radius: 8px; -} -#article-container p { - margin: 0 0 16px; -} -#article-container iframe { - margin: 0 0 20px; - border-radius: 12px; -} -#article-container kbd { - margin: 0 3px; - padding: 3px 5px; - border: 1px solid #b4b4b4; - border-radius: 3px; - background-color: #f8f8f8; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25), 0 2px 1px 0 rgba(255,255,255,0.6) inset; - box-shadow: 0 1px 3px rgba(0,0,0,0.25), 0 2px 1px 0 rgba(255,255,255,0.6) inset; - color: #34495e; - white-space: nowrap; - font-weight: 600; - font-size: 0.9em; - font-family: Monaco, 'Ubuntu Mono', monospace; - line-height: 1em; -} -#article-container h1 .headerlink { - float: right; - opacity: 0.08; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; - filter: alpha(opacity=8); - position: relative; - padding: 0px; - border: none; - line-height: 2; - font-size: 2rem; - border-radius: 8px !important; - text-decoration: none; - font-weight: 700; -} -#article-container h1 .headerlink::before { - font-size: 2rem; -} -#article-container > :first-child:is(h2) { - border-top: none; - padding-top: 0; - margin-top: 0; -} -#article-container h2 .headerlink { - float: right; - opacity: 0.08; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; - filter: alpha(opacity=8); - position: relative; - padding: 0px; - border: none; - line-height: 2; - font-size: 1.8rem; - border-radius: 8px !important; - text-decoration: none; - font-weight: 700; -} -#article-container h2 .headerlink::before { - font-size: 1.8rem; -} -#article-container h3 .headerlink, -#article-container h4 .headerlink, -#article-container h5 .headerlink, -#article-container h6 .headerlink { - float: right; - opacity: 0.08; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; - filter: alpha(opacity=8); - position: relative; - padding: 0px; - border: none; - line-height: 2; - font-size: 1.3rem; - border-radius: 8px !important; - text-decoration: none; - font-weight: 700; -} -#article-container h3 .headerlink::before, -#article-container h4 .headerlink::before, -#article-container h5 .headerlink::before, -#article-container h6 .headerlink::before { - font-size: 1.3rem; -} -#article-container a.headerlink::before { - content: '\f0c1'; - float: right; - color: var(--headline-presudo); - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - -ms-transition: all 0.3s; - transition: all 0.3s; -} -#article-container a.headerlink:hover:after { - color: var(--pseudo-hover); -} -#article-container a.headerlink h1:hover a.headerlink:after, -#article-container a.headerlink h2:hover a.headerlink:after, -#article-container a.headerlink h3:hover a.headerlink:after, -#article-container a.headerlink h4:hover a.headerlink:after, -#article-container a.headerlink h5:hover a.headerlink:after, -#article-container a.headerlink h6:hover a.headerlink:after { - opacity: 1; - -ms-filter: none; - filter: none; -} -#article-container ol ol, -#article-container ul ol, -#article-container ol ul, -#article-container ul ul { - padding-left: 20px; -} -#article-container ol li, -#article-container ul li { - margin: 4px 0; -} -#article-container ol p, -#article-container ul p { - margin: 0 0 8px; -} -#article-container.post-content h1:before { - margin-left: -26px; - font-size: 20px; -} -#article-container.post-content h1:hover:before { - color: #425aef; -} -#article-container.post-content h2:before { - margin-left: -24px; - font-size: 18px; -} -#article-container.post-content h2:hover:before { - color: #425aef; -} -#article-container.post-content h3:before { - margin-left: -22px; - font-size: 16px; -} -#article-container.post-content h3:hover:before { - color: #425aef; -} -#article-container.post-content h4:before { - margin-left: -20px; - font-size: 14px; -} -#article-container.post-content h4:hover:before { - color: #425aef; -} -#article-container.post-content h5:before { - margin-left: -18px; - font-size: 12px; -} -#article-container.post-content h5:hover:before { - color: #425aef; -} -#article-container.post-content h6:before { - margin-left: -18px; - font-size: 12px; -} -#article-container.post-content h6:hover:before { - color: #425aef; -} -#article-container.post-content ol p, -#article-container.post-content ul p { - margin: 0 0 8px; -} -#article-container.post-content li::marker { - color: #425aef; - font-weight: 600; - font-size: 1.05em; -} -#article-container.post-content li:hover::marker { - color: var(--pseudo-hover); -} -#article-container > :last-child { - margin-bottom: 0 !important; -} -@media screen and (max-width: 768px) { - #post { - background: var(--anzhiyu-background) !important; - border: none; - } -} -#post .post_share { - margin: 8px 0 0; - width: fit-content; - min-width: 205px; -} -#post .tag_share { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - width: 100%; -} -#post .tag_share .post-meta__box { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 100%; -} -#post .tag_share .post-meta__box__tag-list, -#post .tag_share .post-meta__box__category-list { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - width: 100%; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -#post .tag_share .post-meta__box__tags, -#post .tag_share .post-meta__box__categoryes { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - padding: 4px 12px; - width: fit-content; - border-radius: 8px; - font-size: 0.85em; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -@media screen and (max-width: 768px) { - #post .tag_share .post-meta__box__tags, - #post .tag_share .post-meta__box__categoryes { - margin: 4px 8px 4px 0 !important; - } -} -#post .tag_share .post-meta__box__tags { - margin: 0px 8px 0px 0; -} -#post .tag_share .post-meta__box__categoryes { - margin: 0px 8px 4px 0; -} -#post .tag_share .post-meta__box__categoryes:hover { - background: #425aef; - color: var(--white); -} -#post .tag_share .post-meta .social-share { - font-size: 0.85em; -} -#post .tag_share .post-meta .social-share .social-share-icon { - margin: 0 4px; - width: 1.85em; - height: 1.85em; - font-size: 1.2em; - line-height: 1.85em; -} -#post .post-copyright { - background: var(--anzhiyu-secondbg); - padding: 1rem 1.3rem; - border: var(--style-border); - border-width: 1px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - position: relative; - margin: 80px 0 30px; - border-radius: 12px; -} -#post .post-copyright .copyright-cc-box { - position: absolute; - right: 0; - overflow: hidden; - width: 100%; - height: 100%; - top: 0; - pointer-events: none; -} -#post .post-copyright__author_box { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-top: 1.5rem; -} -#post .post-copyright__author_box .post-copyright__author_img { - width: 66px; - height: 66px; - margin: auto; - border-radius: 66px; - overflow: hidden; - position: absolute; - left: calc(50% - 33px); - top: -33px; - border: var(--style-border-always); - -webkit-box-shadow: var(--anzhiyu-shadow-main); - box-shadow: var(--anzhiyu-shadow-main); -} -#post .post-copyright__author_box .post-copyright__author_img:hover img.post-copyright__author_img_back { - z-index: 21; - -webkit-transform: translateY(0px); - -moz-transform: translateY(0px); - -o-transform: translateY(0px); - -ms-transform: translateY(0px); - transform: translateY(0px); -} -#post .post-copyright__author_box .post-copyright__author_img img.post-copyright__author_img_front { - z-index: 20; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -#post .post-copyright__author_box .post-copyright__author_img img.post-copyright__author_img_back { - border-radius: 66px; - z-index: 10; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -#post .post-copyright__author_box .post-copyright__author_img img { - position: absolute; - bottom: 0; - left: 0; -} -#post .post-copyright__author_box .post-copyright__author_name { - text-align: center; - font-size: 20px; - font-weight: 700; - color: var(--anzhiyu-fontcolor); - line-height: 1; -} -#post .post-copyright__author_box .post-copyright__author_desc { - text-align: center; - font-size: 14px; - color: var(--anzhiyu-secondtext); - margin-top: 4px; -} -#post .post-copyright__post__info { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - margin-top: 0.2rem; -} -#post .post-copyright__original, -#post .post-copyright__reprint { - background: var(--anzhiyu-main); - color: var(--anzhiyu-wihite-font); - padding: 0.2rem 1rem; - font-size: 0.8rem; - border-radius: 8px; - margin-right: 0.5rem; - font-weight: bold; - line-height: 1.5; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -#post .post-copyright .anzhiyufont.anzhiyu-icon-copyright { - position: absolute; - font-size: 1.3em; - top: -71px; - right: -20px; - font-size: 8.3em; - z-index: -1; - color: var(--anzhiyu-main); -} -@media screen and (min-width: 1365px) { - #post .post-copyright .anzhiyufont.anzhiyu-icon-copyright { - z-index: 0; - } -} -#post .post-copyright-title { - white-space: nowrap; - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - font-weight: 500; - max-width: 70%; -} -#post .post-copyright-title span { - cursor: pointer; -} -#post .post-copyright-title:hover { - color: var(--anzhiyu-fontcolor); -} -#post .post-copyright .post-copyright__notice { - font-size: 12px; -} -#post .post-copyright .post-copyright__notice .post-copyright-info { - padding-left: 0; - color: var(--anzhiyu-secondtext); - overflow: hidden; - display: -webkit-box; - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; - text-align: center; -} -@media screen and (max-width: 768px) { - #post .post-copyright .post-copyright__notice .post-copyright-info { - -webkit-line-clamp: 2; - } -} -#post .post-copyright .post-copyright__notice .post-copyright-info a:hover { - color: var(--anzhiyu-main); -} -#post .post-outdate-notice { - position: relative; - margin: 0 0 20px; - padding: 0.5em 1.2em; - border-radius: 3px; - background-color: #ffe6e6; - color: #f66; - padding: 0.5em 1em 0.5em 2.6em; - border-left: 5px solid #ff8080; -} -#post .post-outdate-notice:before { - content: '\e66f'; - position: absolute; - top: 50%; - left: 0.9em; - color: #ff8080; - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); -} -#post .ads-wrap { - margin: 40px 0; -} -#post #content-inner.layout #article-container h1, -#post #content-inner.layout #article-container h2, -#post #content-inner.layout #article-container h3, -#post #content-inner.layout #article-container h4, -#post #content-inner.layout #article-container h5, -#post #content-inner.layout #article-container h6 { - padding-left: 0; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-box-direction: reverse; - -moz-box-direction: reverse; - -o-box-direction: reverse; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; -} -.post-ai-description { - background: var(--anzhiyu-secondbg); - border-radius: 12px; - padding: 12px 16px; - line-height: 1.3; - border: var(--style-border-always); - margin-bottom: 10px; -} -.ai-title { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - color: var(--font-color); - border-radius: 8px; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - padding: 0 5px; -} -.ai-title i { - font-weight: 800; - font-size: 20px; - line-height: 20px; - height: 20px; -} -.ai-title .anzhiyufont.anzhiyu-icon-circle-dot { - margin-left: auto; - margin-right: 4px; - font-size: 14px; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); -} -.ai-title .anzhiyufont.anzhiyu-icon-circle-dot:active { - -webkit-transform: scale(0.97); - -moz-transform: scale(0.97); - -o-transform: scale(0.97); - -ms-transform: scale(0.97); - transform: scale(0.97); -} -.ai-title .anzhiyufont.anzhiyu-icon-arrow-rotate-right { - font-size: 14px; - margin-left: 4px; - cursor: pointer; -} -.ai-title .ai-title-text { - font-weight: bold; - margin-left: 8px; -} -#ai-tag { - font-size: 12px; - background-color: var(--anzhiyu-lighttext); - color: rgba(255,255,255,0.9); - border-radius: 4px; - line-height: 1; - padding: 4px 5px; - cursor: pointer; -} -#ai-Toggle { - font-size: 12px; - background: var(--anzhiyu-lighttext); - color: var(--anzhiyu-card-bg); - padding: 4px; - border-radius: 4px; - margin-left: 6px; - -webkit-transform: scale(0.8); - -moz-transform: scale(0.8); - -o-transform: scale(0.8); - -ms-transform: scale(0.8); - transform: scale(0.8); - cursor: pointer; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - font-weight: bold; -} -#ai-Toggle:hover { - background: var(--anzhiyu-fontcolor); - color: var(--anzhiyu-card-bg); -} -#go-tianli-blog { - display: none; -} -.ai-explanation { - margin-top: 12px; - padding: 8px 12px; - background: var(--anzhiyu-card-bg); - border-radius: 8px; - border: var(--style-border-always); - font-size: 15px; - line-height: 1.4; -} -.ai-cursor { - display: inline-block; - width: 7px; - background: #333; - height: 16px; - margin-bottom: -2px; - opacity: 0.95; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; - filter: alpha(opacity=95); - margin-left: 3px; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - -ms-transition: all 0.3s; - transition: all 0.3s; -} -[data-theme="dark"] .ai-cursor { - background: #fff; -} -.ai-btn-box { - font-size: 15.5px; - width: 100%; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.ai-btn-item { - padding: 5px 10px; - margin: 10px 16px 0px 5px; - width: fit-content; - line-height: 1; - background: var(--anzhiyu-main); - color: #fff; - border-radius: 6px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - -ms-transition: all 0.3s; - transition: all 0.3s; - cursor: pointer; -} -.ai-btn-item:hover { - background: var(--anzhiyu-theme); -} -.ai-recommend { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.ai-recommend .ai-recommend-item { - width: calc(50% - 20px); - margin: 10px; - background: var(--anzhiyu-secondbg); - border-radius: 4px; - padding: 10px; - cursor: pointer; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - -webkit-animation: slide-in 0.6s 0.1s backwards; - -moz-animation: slide-in 0.6s 0.1s backwards; - -o-animation: slide-in 0.6s 0.1s backwards; - -ms-animation: slide-in 0.6s 0.1s backwards; - animation: slide-in 0.6s 0.1s backwards; -} -.ai-recommend .ai-recommend-item span.index { - padding: 4px; -} -.ai-recommend .ai-recommend-item:hover { - color: var(--anzhiyu-white); - background: var(--anzhiyu-theme); -} -.ai-recommend .ai-recommend-item:hover a { - color: var(--anzhiyu-white); -} -@media screen and (max-width: 768px) { - .ai-btn-box { - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - } - .ai-recommend .ai-recommend-item { - width: 100%; - } -} -.post-tools { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - width: 100%; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-user-select: none; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -.post-tools .post-tools-left { - white-space: nowrap; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-bottom: 0.5rem; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -.post-tools .post-tools-left .rewardLeftButton, -.post-tools .post-tools-left .shareRight { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - margin: 10px; -} -@media screen and (max-width: 768px) { - .post-tools .post-tools-left { - margin-top: 1rem; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - width: 100%; - } - .post-tools .post-tools-left > div { - margin: 8px; - } -} -.post-tools-right { - padding-right: 0px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - margin-bottom: 0.5rem; -} -@media screen and (max-width: 768px) { - .post-tools-right { - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.share-link { - margin-left: 0.5rem; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - position: relative; - text-align: center; -} -.share-link.mobile:hover .share-button { - background: var(--anzhiyu-green); - border-color: var(--anzhiyu-green); - -webkit-box-shadow: var(--anzhiyu-shadow-green); - box-shadow: var(--anzhiyu-shadow-green); - color: var(--anzhiyu-white); -} -.share-link.mobile:hover .share-main { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); -} -.share-link .share-qrcode { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -.share-link .share-button { - background: var(--anzhiyu-card-bg); - border: var(--style-border); - color: var(--anzhiyu-fontcolor); - border-radius: 8px; - cursor: pointer; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - width: 56px; - height: 40px; -} -.share-link .share-button:hover { - background: var(--anzhiyu-main); - border-color: var(--anzhiyu-main); - color: var(--anzhiyu-white); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - -webkit-box-shadow: var(--anzhiyu-shadow-blue); - box-shadow: var(--anzhiyu-shadow-blue); -} -.share-link .share-button i { - line-height: 38px; - font-size: 1.1rem; -} -.share-link .share-main { - position: absolute; - bottom: 40px; - z-index: 100; - padding-bottom: 15px; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - pointer-events: none; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - -webkit-transform: translateY(8px); - -moz-transform: translateY(8px); - -o-transform: translateY(8px); - -ms-transform: translateY(8px); - transform: translateY(8px); -} -.share-link .share-main .share-main-all { - padding: 12px; - border-radius: 12px; - background: var(--anzhiyu-background); - -webkit-animation: donate_effcet 0.3s 0.1s ease both; - -moz-animation: donate_effcet 0.3s 0.1s ease both; - -o-animation: donate_effcet 0.3s 0.1s ease both; - -ms-animation: donate_effcet 0.3s 0.1s ease both; - animation: donate_effcet 0.3s 0.1s ease both; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border: var(--style-border-always); -} -.share-link .share-main .share-main-all #qrcode { - width: 150px; - height: 150px; - min-width: 150px; - min-height: 150px; - background: var(--anzhiyu-white); - padding: 8px; - border-radius: 8px; - margin-bottom: 8px; - border: var(--style-border-always); -} -.share-link .share-main .share-main-all .reward-dec { - font-size: 12px; -} -.post-tools .post-tools-left > div { - margin: 0; -} -.post-tools .post-tools-left { - width: auto; -} -.relatedPosts { - margin-top: 1.25rem; -} -.relatedPosts > .headline { - margin-bottom: 5px; - font-weight: 700; - font-size: 1.43em; -} -.relatedPosts > .relatedPosts-list > div { - position: relative; - display: inline-block; - overflow: hidden; - margin: 3px; - width: calc(33.333% - 6px); - height: 200px; - background: #000; - vertical-align: bottom; -} -@media screen and (max-width: 768px) { - .relatedPosts > .relatedPosts-list > div { - margin: 2px; - width: calc(50% - 4px); - height: 150px; - } -} -@media screen and (max-width: 600px) { - .relatedPosts > .relatedPosts-list > div { - width: calc(100% - 4px); - } -} -.relatedPosts > .relatedPosts-list .content { - position: absolute; - top: 50%; - padding: 0 20px; - width: 100%; - -webkit-transform: translate(0, -50%); - -moz-transform: translate(0, -50%); - -o-transform: translate(0, -50%); - -ms-transform: translate(0, -50%); - transform: translate(0, -50%); -} -.relatedPosts > .relatedPosts-list .content .date { - color: var(--light-grey); - font-size: 90%; -} -.relatedPosts > .relatedPosts-list .content .title { - color: var(--white); - -webkit-line-clamp: 2; -} -.post-reward { - position: relative; - text-align: center; - margin-top: 0rem; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -.post-reward:hover .reward-button { - color: var(--anzhiyu-white); - background: var(--anzhiyu-theme); - -webkit-box-shadow: none; - box-shadow: none; -} -.post-reward:hover .reward-main { - display: -webkit-box !important; - display: -moz-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: box !important; - display: flex !important; - -webkit-box-pack: left; - -moz-box-pack: left; - -o-box-pack: left; - -ms-flex-pack: left; - -webkit-justify-content: left; - justify-content: left; -} -.post-reward > * { - pointer-events: auto; -} -.post-reward .reward-button { - border-radius: 8px; - background: var(--anzhiyu-red); - color: var(--anzhiyu-white); - padding: 0; - margin-right: 0.5rem; - width: 126px; - height: 40px; - line-height: 39px; - -webkit-box-shadow: var(--anzhiyu-shadow-red); - box-shadow: var(--anzhiyu-shadow-red); - display: inline-block; - cursor: pointer; - -webkit-transition: all 0.4s ease 0s; - -moz-transition: all 0.4s ease 0s; - -o-transition: all 0.4s ease 0s; - -ms-transition: all 0.4s ease 0s; - transition: all 0.4s ease 0s; -} -.post-reward .reward-main { - position: absolute; - bottom: 40px; - left: -70%; - z-index: 90; - display: none; - padding: 0px 0px 15px; - width: 100%; -} -.post-reward .reward-main .reward-all { - border-radius: 12px; - background: var(--anzhiyu-background); - border: var(--style-border-always); - padding: 0.8rem; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - margin: 0px; - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -.post-reward .reward-main .reward-all::before { - position: absolute; - bottom: -10px; - left: 0px; - width: 100%; - height: 20px; - content: ""; -} -.post-reward .reward-main .reward-all .reward-title { - font-weight: bold; - color: var(--anzhiyu-red); -} -.post-reward .reward-main .reward-all .reward-group { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - margin-top: 0.5rem; - padding: 0; -} -.post-reward .reward-main .reward-all .reward-group .reward-item { - display: inline-block; - padding: 0px 8px; - list-style-type: none; - vertical-align: top; -} -.post-reward .reward-main .reward-all .reward-group .reward-item .post-qr-code-img { - -webkit-box-shadow: var(--anzhiyu-shadow-lightblack); - box-shadow: var(--anzhiyu-shadow-lightblack); - border-radius: 12px; - border: var(--style-border-always); -} -.post-reward .reward-main .reward-all .reward-group .reward-item .post-qr-code-desc { - padding-top: 0rem; - margin-top: -8px; - margin-bottom: 8px; -} -.post-reward .reward-main .reward-all .reward-group .reward-item img { - width: 130px; - height: 130px; - max-width: fit-content; -} -.post-reward .reward-main .reward-all .reward-group .reward-item:first-child img { - border-color: var(--anzhiyu-green); -} -.post-reward .reward-main .reward-all .reward-group .reward-item:last-child img { - border-color: var(--anzhiyu-blue); -} -.post-reward .reward-main .reward-all .reward-main-btn { - background: var(--anzhiyu-secondbg); - color: var(--anzhiyu-fontcolor); - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - padding: 4px 0; - border: var(--style-border-always); - margin: 8px; - width: 100%; -} -.post-reward .reward-main .reward-all .reward-main-btn:hover { - color: var(--anzhiyu-white); - background: var(--anzhiyu-red); - -webkit-box-shadow: var(--anzhiyu-shadow-red); - box-shadow: var(--anzhiyu-shadow-red); -} -.post-reward .reward-main .reward-all .reward-main-btn .reward-text { - margin-bottom: 0rem; - font-weight: bold; -} -.post-reward .reward-main .reward-all .reward-main-btn .reward-dec { - font-size: 12px; -} -.reward-link.mode { - background: var(--anzhiyu-green); - color: var(--anzhiyu-white); - padding: 0; - width: 173px; - height: 40px; - line-height: 39px; - -webkit-box-shadow: var(--anzhiyu-shadow-green); - box-shadow: var(--anzhiyu-shadow-green); - border-radius: 8px; - text-align: center; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -.reward-link.mode:hover { - background: var(--anzhiyu-theme); - -webkit-box-shadow: none; - box-shadow: none; -} -.reward-link.mode a { - color: var(--anzhiyu-white); - height: 100%; - width: 100%; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -.reward-link.mode i { - margin-right: 4px; -} -#quit-box { - position: fixed; - width: 100vw; - height: 100vh; - background: rgba(0,0,0,0.2); - top: 0; - left: 0; - display: none; - z-index: 101; - margin: 0; -} -#rightMenu { - display: none; - position: fixed; - padding: 0 0.25rem; - width: 11rem; - height: fit-content; - top: 10%; - left: 10%; - background-color: var(--anzhiyu-card-bg); - color: var(--anzhiyu-fontcolor); - border-radius: 12px; - z-index: 10002; - border: var(--style-border); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -#rightMenu a { - color: var(--anzhiyu-fontcolor); -} -#rightMenu:hover { - border: var(--style-border-hover); - -webkit-box-shadow: var(--anzhiyu-shadow-theme); - box-shadow: var(--anzhiyu-shadow-theme); -} -#rightMenu .rightMenu-group { - padding: 0.35rem 0.3rem; -} -#rightMenu .rightMenu-group:not(:nth-last-child(1)) { - border-bottom: 2px dashed var(--anzhiyu-theme-op); -} -#rightMenu .rightMenu-group.rightMenu-small { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; -} -#rightMenu .rightMenu-group .rightMenu-item { - border-radius: 8px; - -webkit-transition: 0.1s; - -moz-transition: 0.1s; - -o-transition: 0.1s; - -ms-transition: 0.1s; - transition: 0.1s; - cursor: pointer; - padding: 0 6px; -} -#rightMenu .rightMenu-line .rightMenu-item { - margin: 0.25rem 0; - padding: 0.25rem 0; -} -#rightMenu .rightMenu-group.rightMenu-line .rightMenu-item { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - padding: 8px; -} -#rightMenu .rightMenu-group .rightMenu-item:hover { - background-color: var(--anzhiyu-main); - color: var(--anzhiyu-white); - -webkit-box-shadow: var(--anzhiyu-shadow-theme); - box-shadow: var(--anzhiyu-shadow-theme); -} -#rightMenu .rightMenu-group .rightMenu-item i { - display: inline-block; - text-align: center; - line-height: 1.5rem; - width: 1.5rem; - padding: 0 0.25rem; - font-size: 1.1rem; -} -#rightMenu .rightMenu-line .rightMenu-item i { - margin: 0 0.5rem 0 0.25rem; -} -#rightMenu .rightMenu-group .rightMenu-item span { - line-height: 1.5rem; -} -#rightmenu-mask { - position: fixed; - width: 100vw; - height: 100vh; - background: none; -/* background: var(--anzhiyu-maskbg); */ - top: 0; - left: 0; - display: none; - z-index: 10001; - margin: 0 !important; -} -@media screen and (max-width: 768px) { - :root { - --style-border: 1px solid var(--anzhiyu-card-border); - --style-border-hover: 1px solid var(--anzhiyu-theme); - } -} -#rightside { - position: fixed; - right: -48px; - bottom: 100px; - z-index: 100; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transition: all 0.5s; - -moz-transition: all 0.5s; - -o-transition: all 0.5s; - -ms-transition: all 0.5s; - transition: all 0.5s; -} -@media screen and (max-width: 768px) { - #rightside #switch-commentBarrage { - display: none; - } -} -#rightside i { - font-size: 1rem; -} -#rightside #rightside-config-hide { - height: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transition: -webkit-transform 0.4s; - -moz-transition: -moz-transform 0.4s; - -o-transition: -o-transform 0.4s; - -ms-transition: -ms-transform 0.4s; - transition: transform 0.4s; - -webkit-transform: translate(45px, 0); - -moz-transform: translate(45px, 0); - -o-transform: translate(45px, 0); - -ms-transform: translate(45px, 0); - transform: translate(45px, 0); -} -#rightside #rightside-config-hide.show { - height: auto; - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: translate(0, 0); - -moz-transform: translate(0, 0); - -o-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); -} -#rightside #rightside-config-hide.status { - height: auto; - opacity: 1; - -ms-filter: none; - filter: none; -} -#rightside > div > button, -#rightside > div > a { - display: block; - margin-bottom: 5px; - width: 35px; - height: 35px; - border-radius: 5px; - background-color: var(--btn-bg); - color: var(--btn-color); - text-align: center; - font-size: 16px; - line-height: 35px; -} -#rightside > div > button:hover, -#rightside > div > a:hover { - background-color: var(--btn-hover-color); -} -#rightside #mobile-toc-button { - display: none; -} -@media screen and (max-width: 900px) { - #rightside #mobile-toc-button { - display: block; - } -} -@media screen and (max-width: 900px) { - #rightside #hide-aside-btn { - display: none; - } -} -#keyboard-tips { - position: fixed; - top: 80px; - left: 20px; - z-index: 999; - background: var(--anzhiyu-maskbgdeep); - border-radius: 12px; - border: var(--style-border); - padding: 20px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - backdrop-filter: saturate(180%) blur(20px); - -webkit-backdrop-filter: blur(20px); - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -o-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - pointer-events: none; - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -@media screen and (max-width: 768px) { - #keyboard-tips { - display: none !important; - } -} -#keyboard-tips.show { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transition: 0.1s; - -moz-transition: 0.1s; - -o-transition: 0.1s; - -ms-transition: 0.1s; - transition: 0.1s; -} -#keyboard-tips .keyboardTitle { - font-size: 12px; - color: var(--anzhiyu-secondtext); - line-height: 1; -} -#keyboard-tips .keybordList { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-top: 8px; -} -#keyboard-tips .keybordItem { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - margin-top: 4px; -} -#keyboard-tips .keyGroup { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - width: 90px; -} -#keyboard-tips .keyGroup .key { - padding: 0.2em 0.4em; - font-family: inherit; - background-color: var(--anzhiyu-card-bg); - color: var(--anzhiyu-fontcolor); - border: var(--style-border); - border-color: var(--anzhiyu-secondtext); - border-bottom: 2px solid var(--anzhiyu-secondtext); - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); - border-radius: 0.25rem; - overflow-wrap: break-word; - overflow-x: auto; - font-weight: 500; - font-size: 0.875em; - margin-right: 4px; - vertical-align: baseline; - line-height: 1; - height: 24px; -} -#menu-mask { - position: fixed; - z-index: 102; - display: none; - width: 100%; - height: 100%; - background: var(--anzhiyu-maskbg); - backdrop-filter: saturate(180%) blur(20px); - -webkit-backdrop-filter: blur(20px); - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -o-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - -webkit-animation: 0.6s ease 0s 1 normal none running to_show; - -moz-animation: 0.6s ease 0s 1 normal none running to_show; - -o-animation: 0.6s ease 0s 1 normal none running to_show; - -ms-animation: 0.6s ease 0s 1 normal none running to_show; - animation: 0.6s ease 0s 1 normal none running to_show; - -webkit-transform-style: preserve-3d; -} -#sidebar { - position: absolute; - top: 0; -} -#sidebar #sidebar-menus { - position: fixed; - top: 0; - right: -300px; - z-index: 103; - overflow: hidden auto; - width: 300px; - height: 100%; - background: var(--anzhiyu-background); - -webkit-transition: all 0.5s ease 0s; - -moz-transition: all 0.5s ease 0s; - -o-transition: all 0.5s ease 0s; - -ms-transition: all 0.5s ease 0s; - transition: all 0.5s ease 0s; - padding-top: 30px; - border-left: var(--style-border-always); -} -#sidebar #sidebar-menus .sidebar-menu-item a.menu-child span { - margin-left: 10px; -} -#sidebar #sidebar-menus .back-menu-list-groups { - padding: 0 16px; -} -#sidebar #sidebar-menus .back-menu-list-groups .back-menu-list-title { - font-size: 12px; - color: var(--anzhiyu-secondtext); -} -#sidebar #sidebar-menus .back-menu-list-groups .back-menu-list { - width: calc(100% + 16px); - -webkit-box-pack: start; - -moz-box-pack: start; - -o-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - margin: 0 -8px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -#sidebar #sidebar-menus .back-menu-list-groups .back-menu-list .back-menu-item { - width: calc(50% - 16px); - background: var(--anzhiyu-card-bg); - border: var(--style-border-always); - border-radius: 8px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - margin: 4px 8px; - padding: 4px 8px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -#sidebar #sidebar-menus .sidebar-menu-item { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 0 16px; - margin-bottom: 6px; -} -#sidebar #sidebar-menus .sidebar-menu-item a.darkmode_switchbutton { - padding: 4px 8px; - cursor: pointer; - margin: 0; - font-size: 0.9rem; - color: var(--anzhiyu-fontcolor); - width: 100%; - background: var(--anzhiyu-card-bg); - border-radius: 8px; - border: var(--style-border-always); - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - font-size: 14px; -} -#sidebar #sidebar-menus span.sidebar-menu-item-title { - font-size: 12px; - color: var(--anzhiyu-secondtext); - margin-left: 16px; -} -#sidebar #sidebar-menus .card-tag-cloud { - padding: 0 11px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-bottom: 60px; -} -#sidebar #sidebar-menus .card-tag-cloud a { - color: var(--anzhiyu-fontcolor); - padding: 2px 8px 2px 12px; - margin: 4px; - border-radius: 8px; - border: var(--style-border-always); - background: var(--anzhiyu-card-bg); -} -#sidebar #sidebar-menus .card-tag-cloud a sup { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - margin-left: 4px; -} -#sidebar #sidebar-menus.open { - -webkit-transform: translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0); - -o-transform: translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} -#sidebar #sidebar-menus .sidebar-site-data { - padding: 0 10px; -} -#sidebar #sidebar-menus hr { - margin: 20px auto; -} -#sidebar #sidebar-menus .menus_items { - padding: 0 10px; -} -#sidebar #sidebar-menus .menus_items .site-page { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - font-size: 12px; - position: relative; - padding-left: 0.3rem; - color: var(--anzhiyu-fontcolor); -} -#sidebar #sidebar-menus .menus_items .site-page i:first-child { - width: 15%; - text-align: left; - max-height: 20px; - font-size: 16px; -} -#sidebar #sidebar-menus .menus_items .site-page.group > i:last-child { - position: absolute; - top: 0.78em; - right: 18px; - -webkit-transition: -webkit-transform 0.3s; - -moz-transition: -moz-transform 0.3s; - -o-transition: -o-transform 0.3s; - -ms-transition: -ms-transform 0.3s; - transition: transform 0.3s; -} -#sidebar #sidebar-menus .menus_items .site-page.group.hide > i:last-child { - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -o-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); -} -#sidebar #sidebar-menus .menus_items .site-page.group.hide + .menus_item_child { - display: none; -} -#sidebar #sidebar-menus .menus_items .menus_item_child { - margin: 0; - list-style: none; -} -#sidebar #sidebar-menus .menus_items .menus_item_child .site-page.child { - background: var(--anzhiyu-card-bg); -} -#aside-content .card-tag-cloud a { - border-radius: var(--anzhiyu-border-radius); - display: inline-block; - margin-right: 4px; -} -#aside-content .card-tag-cloud a:hover { - background: var(--anzhiyu-theme); - color: var(--anzhiyu-white) !important; - -webkit-box-shadow: var(--anzhiyu-shadow-theme); - box-shadow: var(--anzhiyu-shadow-theme); -} -@media screen and (min-width: 1200px) { - #aside-content .card-tag-cloud a:active { - -webkit-transform: scale(0.97); - -moz-transform: scale(0.97); - -o-transform: scale(0.97); - -ms-transform: scale(0.97); - transform: scale(0.97); - } -} -#aside-content .card-tag-cloud a sup { - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; - filter: alpha(opacity=40); - margin-left: 2px; -} -span.card-archive-list-count { - width: auto; - text-align: left; - font-size: 1.5rem; - line-height: 0.9; - font-weight: 700; -} -.card-archive-list-count-group { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: baseline; - -moz-box-align: baseline; - -o-box-align: baseline; - -ms-flex-align: baseline; - -webkit-align-items: baseline; - align-items: baseline; -} -#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a span:last-child, -#aside-content .card-categories ul.card-category-list > .card-category-list-item a span:last-child { - width: fit-content; - margin-left: 4px; -} -span.card-archive-list-count { - width: auto; - text-align: left; - font-size: 1.1rem; - line-height: 0.9; - font-weight: 700; -} -.card-archive-list-date, -span.card-category-list-name { - font-size: 13px; - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); -} -li.card-archive-list-item, -li.card-category-list-item { - width: 100%; - -webkit-box-flex: 1; - -moz-box-flex: 1; - -o-box-flex: 1; - box-flex: 1; - -webkit-flex: 0 0 48%; - -ms-flex: 0 0 48%; - flex: 0 0 48%; -} -#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a:hover, -#aside-content .card-categories ul.card-category-list > .card-category-list-item a:hover { - color: var(--anzhiyu-white); - background-color: var(--anzhiyu-theme); - border-radius: var(--anzhiyu-border-radius); - border: 1px solid transparent; -} -@media screen and (min-width: 1200px) { - #aside-content .card-archives ul.card-archive-list > .card-archive-list-item a:active, - #aside-content .card-categories ul.card-category-list > .card-category-list-item a:active { - -webkit-transform: scale(0.97); - -moz-transform: scale(0.97); - -o-transform: scale(0.97); - -ms-transform: scale(0.97); - transform: scale(0.97); - } -} -#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a, -#aside-content .card-categories ul.card-category-list > .card-category-list-item a { - border-radius: var(--anzhiyu-border-radius); - margin: 4px 0; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-line-pack: justify; - -webkit-align-content: space-between; - align-content: space-between; - border: var(--style-border); -} -#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a span:first-child, -#aside-content .card-categories ul.card-category-list > .card-category-list-item a span:first-child { - width: auto; - -webkit-box-flex: inherit; - -moz-box-flex: inherit; - -o-box-flex: inherit; - box-flex: inherit; - -webkit-flex: inherit; - -ms-flex: inherit; - flex: inherit; -} -#aside-content .card-archives ul.card-archive-list, -#aside-content .card-categories ul.card-category-list { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -o-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -#aside-content .card-info #card-info-btn { - border-radius: var(--anzhiyu-border-radius); -} -#aside-content .aside-list > .aside-list-item .content > time { - display: none; -} -#aside-content .aside-list > .aside-list-item .content > .title { - -webkit-line-clamp: 3; - font-weight: 700; - padding: 2px 0; - width: 100%; - height: 100%; - display: -webkit-box; -} -#aside-content .aside-list > .aside-list-item { - padding: 8px; - padding-top: 6px !important; - padding-bottom: 6px !important; - border-radius: 12px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - margin: 6px 0; - cursor: pointer; -} -@media screen and (min-width: 1200px) { - #aside-content .aside-list > .aside-list-item:hover { - -webkit-transform: scale(1.03); - -moz-transform: scale(1.03); - -o-transform: scale(1.03); - -ms-transform: scale(1.03); - transform: scale(1.03); - } - #aside-content .aside-list > .aside-list-item:active { - -webkit-transform: scale(0.97); - -moz-transform: scale(0.97); - -o-transform: scale(0.97); - -ms-transform: scale(0.97); - transform: scale(0.97); - } -} -#aside-content .aside-list > .aside-list-item:hover .thumbnail > img { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); -} -#aside-content .aside-list > .aside-list-item:not(:last-child) { - border-bottom: 0 dashed var(--anzhiyu-background) !important; -} -#aside-content .aside-list > .aside-list-item .thumbnail { - border-radius: var(--anzhiyu-border-radius); - border: var(--style-border); -} -#aside-content .aside-list > .aside-list-item:hover { - background: var(--anzhiyu-main); - color: var(--anzhiyu-white); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - -webkit-box-shadow: var(--anzhiyu-shadow-main); - box-shadow: var(--anzhiyu-shadow-main); -} -#aside-content .aside-list > .aside-list-item:hover a { - color: var(--anzhiyu-white) !important; -} -.card-widget.card-recent-post { - padding: 0.4rem 1rem !important; -} -#aside-content #card-toc .toc-content .toc-link.active { - border-radius: var(--anzhiyu-border-radius); -} -#aside-content #card-toc .toc-content { - overflow-y: auto; -} -#aside-content #card-toc span.toc-number { - display: none; -} -#aside-content #card-toc .toc-content .toc-link.active { - line-height: 1.2; - border-radius: 12px; - border-left-color: var(--anzhiyu-hovertext); - background-color: var(--anzhiyu-card-bg); - color: var(--anzhiyu-lighttext); - font-weight: 700; - font-size: 20px; -} -[data-theme="dark"].toc .toc-item.active .toc-link .toc-text { - color: var(--anzhiyu-white); -} -#aside-content #card-toc .toc-content .toc-item.active .toc-link { - opacity: 1; - -ms-filter: none; - filter: none; - border-radius: 8px; -} -#aside-content #card-toc .toc-content .toc-link { - line-height: 1.2; - padding: 8px; - border-left: 0 solid transparent; - border-radius: 12px; - color: var(--anzhiyu-secondtext); - cursor: default; -} -#aside-content #card-toc .toc-content .toc-link:not(.active) span { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - cursor: pointer; - filter: blur(1px); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -#aside-content #card-toc:hover .toc-content .toc-link:not(.active) span { - filter: blur(0); - opacity: 1; - -ms-filter: none; - filter: none; -} -#aside-content #card-toc .toc-content .toc-link:not(.active) span:hover { - color: var(--anzhiyu-lighttext); -} -.site-data > a .headline, -.site-data > a .length-num { - color: var(--anzhiyu-white); -} -#sidebar-menus.open .site-data > a .headline, -#sidebar-menus.open .site-data > a .length-num { - color: var(--anzhiyu-fontcolor); -} -@media screen and (min-width: 900px) { - #aside-content .sticky_layout { - top: 60px; - } - .post #aside-content .sticky_layout { - top: 80px; - } -} -@media screen and (min-width: 900px) { - #aside-content .card-archives ul.card-archive-list > .card-archive-list-item a, - #aside-content .card-categories ul.card-category-list > .card-category-list-item a { - padding: 3px 10px; - } -} -#aside-content .card-widget { - border-radius: 12px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -#aside-content .card-widget { - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); - background: var(--anzhiyu-card-bg); - border: var(--style-border); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; -} -#aside-content hr { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - position: relative; - margin: 1rem 0; - border: 1px dashed var(--anzhiyu-theme-op); -} -#aside-content hr:before { - content: none; -} -#article-container hr:before { - content: none; -} -@media screen and (max-width: 768px) { - #anMusic-page-meting .aplayer.aplayer-withlist .aplayer-list { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - } -} -#body-wrap.open { - -webkit-transition-property: -webkit-transform, border-radius; - -moz-transition-property: -moz-transform, border-radius; - -o-transition-property: -o-transform, border-radius; - -ms-transition-property: -ms-transform, border-radius; - transition-property: transform, border-radius; - -webkit-transition-duration: 0ms; - -moz-transition-duration: 0ms; - -o-transition-duration: 0ms; - -ms-transition-duration: 0ms; - transition-duration: 0ms; - -webkit-transform-origin: 0 46%; - -moz-transform-origin: 0 46%; - -o-transform-origin: 0 46%; - -ms-transform-origin: 0 46%; - transform-origin: 0 46%; - -webkit-transform: translate3d(300px, 0px, 0px) scale3d(0.86, 0.86, 1); - -moz-transform: translate3d(300px, 0px, 0px) scale3d(0.86, 0.86, 1); - -o-transform: translate3d(300px, 0px, 0px) scale3d(0.86, 0.86, 1); - -ms-transform: translate3d(300px, 0px, 0px) scale3d(0.86, 0.86, 1); - transform: translate3d(300px, 0px, 0px) scale3d(0.86, 0.86, 1); - border-radius: 12px; - -webkit-transition: 0.3s ease-out; - -moz-transition: 0.3s ease-out; - -o-transition: 0.3s ease-out; - -ms-transition: 0.3s ease-out; - transition: 0.3s ease-out; - z-index: 2; -} -#body-wrap.open #menu-mask { - display: block; -} -#body-wrap.open #post-top-cover { - display: none; - overflow-y: overlay; - -webkit-transition: 0s; - -moz-transition: 0s; - -o-transition: 0s; - -ms-transition: 0s; - transition: 0s; - border-radius: 12px; -} -#body-wrap.open #anMusic-page-meting .aplayer.aplayer-withlist .aplayer-list { - display: none; -} -#vcomment { - font-size: 1.1em; -} -#vcomment .vbtn { - border: none; - background: var(--btn-bg); - color: var(--btn-color); -} -#vcomment .vbtn:hover { - background: var(--btn-hover-color); -} -#vcomment .vimg { - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - -ms-transition: all 0.3s; - transition: all 0.3s; -} -#vcomment .vimg:hover { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -o-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); -} -#vcomment .vcards .vcard .vcontent.expand:before, -#vcomment .vcards .vcard .vcontent.expand:after { - z-index: 22; -} -#waline-wrap { - --waline-font-size: 1.1em; - --waline-theme-color: var(--anzhiyu-main); - --waline-active-color: #ff7242; -} -#waline-wrap .vuser { - -webkit-transition: all 0.5s; - -moz-transition: all 0.5s; - -o-transition: all 0.5s; - -ms-transition: all 0.5s; - transition: all 0.5s; -} -#waline-wrap .vuser:hover { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -o-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); -} -#vcomment textarea { - background: url("/img/comment_bg.png") 100% 100% no-repeat; -} -#vcomment textarea:focus { - background-image: none; -} -.fireworks { - position: fixed; - top: 0; - left: 0; - z-index: 9999; - pointer-events: none; -} -.medium-zoom-image--opened { - z-index: 99999 !important; - margin: 0 !important; -} -.medium-zoom-overlay { - z-index: 99999 !important; -} -.mermaid-wrap { - margin: 0 0 20px; - text-align: center; -} -.mermaid-wrap > svg { - height: 100%; -} -.fb-comments iframe { - width: 100% !important; -} -.katex-wrap { - overflow: auto; -} -.katex-wrap::-webkit-scrollbar { - display: none; -} -mjx-container[display], -.has-jax { - overflow-x: auto; - overflow-y: hidden; - line-height: normal !important; -} -.aplayer { - color: #4c4948; -} -#article-container .aplayer { - margin: 0 0 20px; -} -#article-container .aplayer ol, -#article-container .aplayer ul { - margin: 0; - padding: 0; -} -#article-container .aplayer ol li, -#article-container .aplayer ul li { - margin: 0; - padding: 0 15px; -} -#article-container .aplayer ol li:before, -#article-container .aplayer ul li:before { - content: none; -} -.snackbar-css { - border-radius: 5px !important; -} -.bilibili_box { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - background: var(--card-bg); - border: var(--style-border); - border-radius: 12px !important; - overflow: hidden; - color: var(--font-color) !important; - text-decoration: none !important; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - border-bottom: var(--style-border) !important; - padding: 0 !important; - height: 143px; -} -.bilibili_box:hover { - border-color: var(--anzhiyu-main) !important; - color: var(--anzhiyu-white) !important; -} -.bilibili_box:hover .bilibili_info .stat svg path { - fill: var(--anzhiyu-white) !important; -} -@media screen and (max-width: 768px) { - .bilibili_box { - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.bilibili_box .bilibili_cover { - width: 234px; - position: relative; -} -@media screen and (max-width: 768px) { - .bilibili_box .bilibili_cover { - width: 100%; - } -} -.bilibili_box .bilibili_cover img { - width: 100%; - filter: none; - margin: 0 !important; - border-radius: 0 !important; -} -.bilibili_box .bilibili_cover .play_icon { - position: absolute; - width: 45px; - height: 45px; - opacity: 0.8; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; - filter: alpha(opacity=80); - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - -moz-transform: translate(-50%, -50%); - -o-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); -} -.bilibili_box .bilibili_cover span { - position: absolute; - bottom: 0px; - right: 5px; - color: var(--anzhiyu-white); -} -.bilibili_box .bilibili_info { - padding: 10px 10px 10px 18px; - line-height: 1; - width: calc(100% - 200px); - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: distribute; - -moz-box-pack: distribute; - -o-box-pack: distribute; - -ms-flex-pack: distribute; - -webkit-justify-content: space-around; - justify-content: space-around; -} -@media screen and (max-width: 768px) { - .bilibili_box .bilibili_info { - width: 100%; - padding-bottom: 25px; - line-height: 1.5; - } -} -.bilibili_box .bilibili_info .title { - font-size: 1.2rem; - font-weight: bold; - white-space: nowrap; - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - line-height: 1.5; -} -.bilibili_box .bilibili_info .desc { - font-size: 15px; - margin: 2px 0 4px; - white-space: nowrap; - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; -} -@media screen and (max-width: 768px) { - .bilibili_box .bilibili_info .desc { - white-space: normal; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; - } -} -.bilibili_box .bilibili_info .stat { - font-size: 15px; -} -.bilibili_box .bilibili_info .stat svg { - margin-right: 3px; - font-size: 18px; - width: 1em; - height: 1em; -} -.bilibili_box .bilibili_info .stat svg path { - fill: var(--font-color); -} -.bilibili_box .bilibili_info .stat span { - margin-right: 10px; - display: -webkit-inline-box; - display: -moz-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-box; - display: inline-flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -.bilibili_box .bilibili_info .owner { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - line-height: 1; - font-size: 15px; -} -.bilibili_box .bilibili_info .owner .tip { - color: #f69; - border: 1px solid; - padding: 3px 6px; - font-size: 12px; - border-radius: 5px; - margin: 0 10px 0 0; - background: none; - -webkit-box-shadow: none; - box-shadow: none; -} -.bilibili_box .bilibili_info .owner img { - width: 22px; - height: 22px; - border-radius: 50% !important; - object-fit: cover; - margin: 0 5px 0 0 !important; -} -[data-theme='light'] .bilibili_box .bilibili_info .stat svg, -[data-theme='dark'] .bilibili_cover { - opacity: 0.8; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; - filter: alpha(opacity=80); -} -[data-theme="dark"] div.btns { - filter: brightness(0.7); -} -[data-theme="dark"] div.btns a { - background: 0 0; -} -div.btns { - margin: 0 -8px; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -moz-box-align: start; - -o-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; - overflow: visible; - line-height: 1.8; -} -div.btns b { - font-size: 0.875rem; -} -div.btns.wide > a { - padding-left: 32px; - padding-right: 32px; -} -div.btns.fill > a { - -webkit-box-flex: 1; - -moz-box-flex: 1; - -o-box-flex: 1; - -ms-box-flex: 1; - box-flex: 1; - -webkit-flex-grow: 1; - flex-grow: 1; - width: auto; -} -div.btns.around { - -webkit-box-pack: distribute; - -moz-box-pack: distribute; - -o-box-pack: distribute; - -ms-flex-pack: distribute; - -webkit-justify-content: space-around; - justify-content: space-around; -} -div.btns.center { - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -div.btns.grid2 > a { - width: calc(100% / 2 - 16px); -} -div.btns.grid3 > a { - width: calc(100% / 3 - 16px); -} -div.btns.grid4 > a { - width: calc(100% / 4 - 16px); -} -div.btns.grid5 > a { - width: calc(100% / 5 - 16px); -} -div.btns a { - -webkit-transition: all 0.28s ease; - -moz-transition: all 0.28s ease; - -o-transition: all 0.28s ease; - -ms-transition: all 0.28s ease; - transition: all 0.28s ease; - -moz-transition: all 0.28s ease; - -webkit-transition: all 0.28s ease; - -o-transition: all 0.28s ease; - margin: 8px; - margin-top: calc(1.25 * 16px + 32px); - min-width: 120px; - font-weight: bold; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: start; - -moz-box-pack: start; - -o-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - -ms-flex-line-pack: center; - -webkit-align-content: center; - align-content: center; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 8px; - text-align: center; - background: #f6f6f6; - border-radius: 4px; -} -div.btns a > i { - background: #2196f3 !important; -} -div.btns a > i:first-child { - color: #fff; - background: #2196f3; -} -div.btns a b { - font-weight: bold; - line-height: 1.3; -} -div.btns a img { - margin: 0.4em auto !important; -} -div.btns a:not([href]) { - cursor: default; - color: inherit; -} -div.btns a[href]:hover { - background: var(--anzhiyu-main); - color: var(--anzhiyu-white) !important; -} -div.btns a[href]:hover > i:first-child { - background: var(--anzhiyu-main); -} -div.btns, -div.btns p, -div.btns a { - font-size: 0.8125rem; - color: #555; -} -@media screen and (max-width: 1200px) { - div.btns.grid2 > a { - width: calc(100% / 2 - 16px); - } -} -@media screen and (max-width: 768px) { - div.btns.grid2 > a { - width: calc(100% / 2 - 16px); - } -} -@media screen and (max-width: 500px) { - div.btns.grid2 > a { - width: calc(100% / 1 - 16px); - } -} -@media screen and (max-width: 1200px) { - div.btns.grid3 > a { - width: calc(100% / 3 - 16px); - } -} -@media screen and (max-width: 768px) { - div.btns.grid3 > a { - width: calc(100% / 3 - 16px); - } -} -@media screen and (max-width: 500px) { - div.btns.grid3 > a { - width: calc(100% / 1 - 16px); - } -} -@media screen and (max-width: 1200px) { - div.btns.grid4 > a { - width: calc(100% / 3 - 16px); - } -} -@media screen and (max-width: 768px) { - div.btns.grid4 > a { - width: calc(100% / 3 - 16px); - } -} -@media screen and (max-width: 500px) { - div.btns.grid4 > a { - width: calc(100% / 2 - 16px); - } -} -@media screen and (max-width: 1200px) { - div.btns.grid5 > a { - width: calc(100% / 4 - 16px); - } -} -@media screen and (max-width: 768px) { - div.btns.grid5 > a { - width: calc(100% / 3 - 16px); - } -} -@media screen and (max-width: 500px) { - div.btns.grid5 > a { - width: calc(100% / 2 - 16px); - } -} -div.btns a > img:first-child, -div.btns a > i:first-child { - -webkit-transition: all 0.28s ease; - -moz-transition: all 0.28s ease; - -o-transition: all 0.28s ease; - -ms-transition: all 0.28s ease; - transition: all 0.28s ease; - -moz-transition: all 0.28s ease; - -webkit-transition: all 0.28s ease; - -o-transition: all 0.28s ease; - height: 64px; - width: 64px; - -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); - box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); - margin: 16px 8px 4px 8px; - margin-top: calc(-1.25 * 16px - 32px); - border: 2px solid #fff; - background: #fff; - line-height: 60px; - font-size: 28px; -} -div.btns a > img:first-child.auto, -div.btns a > i:first-child.auto { - width: auto; -} -div.btns a p, -div.btns a b { - margin: 0.25em; - font-weight: normal; - line-height: 1.25; - word-wrap: break-word; -} -div.btns a[href]:hover, -div.btns a[href]:hover b { - color: #ff5722; -} -div.btns a[href]:hover > img:first-child, -div.btns a[href]:hover > i:first-child { - -webkit-transform: scale(1.1) translateY(-8px); - -moz-transform: scale(1.1) translateY(-8px); - -o-transform: scale(1.1) translateY(-8px); - -ms-transform: scale(1.1) translateY(-8px); - transform: scale(1.1) translateY(-8px); - -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); - box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); -} -div.btns.circle a > img:first-child, -div.btns.circle a > i:first-child { - border-radius: 32px; -} -div.btns.rounded a > img:first-child, -div.btns.rounded a > i:first-child { - border-radius: 16px; -} -#article-container .btn-center { - margin: 0 0 20px; - text-align: center; -} -#article-container .btn-anzhiyu { - display: inline-block; - margin: 0 4px 6px; - padding: 0 15px; - background-color: var(--btn-anzhiyu-color, #2323ef); - color: #fff; - line-height: 2; - border-radius: 8px; -} -#article-container .btn-anzhiyu.blue { - --btn-anzhiyu-color: #428bca; -} -#article-container .btn-anzhiyu.pink { - --btn-anzhiyu-color: #ff69b4; -} -#article-container .btn-anzhiyu.red { - --btn-anzhiyu-color: #f00; -} -#article-container .btn-anzhiyu.purple { - --btn-anzhiyu-color: #6f42c1; -} -#article-container .btn-anzhiyu.orange { - --btn-anzhiyu-color: #ff8c00; -} -#article-container .btn-anzhiyu.green { - --btn-anzhiyu-color: #5cb85c; -} -#article-container .btn-anzhiyu:hover { - background-color: var(--btn-hover-color); -} -#article-container .btn-anzhiyu i + span { - margin-left: 6px; -} -#article-container .btn-anzhiyu:not(.block) + .btn-anzhiyu:not(.block) { - margin: 0 4px 20px; -} -#article-container .btn-anzhiyu.block { - display: block; - margin: 0 0 20px; - width: fit-content; - width: -moz-fit-content; -} -#article-container .btn-anzhiyu.block.center { - margin: 0 auto 20px; -} -#article-container .btn-anzhiyu.block.right { - margin: 0 0 20px auto; -} -#article-container .btn-anzhiyu.larger { - padding: 6px 15px; -} -#article-container .btn-anzhiyu:hover { - text-decoration: none; -} -#article-container .btn-anzhiyu.outline { - border: 1px solid transparent; - border-color: var(--btn-anzhiyu-color, #2323ef); - background-color: transparent; - color: var(--btn-anzhiyu-color, #2323ef); -} -#article-container .btn-anzhiyu.outline:hover { - background-color: var(--btn-anzhiyu-color, #2323ef); -} -#article-container .btn-anzhiyu.outline:hover { - color: #fff !important; -} -.checkbox { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -.checkbox input { - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - -o-appearance: none; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - position: relative; - height: 16px; - width: 16px; - -webkit-transition: all 0.15s ease-out 0s; - -moz-transition: all 0.15s ease-out 0s; - -o-transition: all 0.15s ease-out 0s; - -ms-transition: all 0.15s ease-out 0s; - transition: all 0.15s ease-out 0s; - cursor: pointer; - display: inline-block; - outline: none; - border-radius: 2px; - -webkit-flex-shrink: 0; - flex-shrink: 0; - margin-right: 8px; - border: 2px solid #2196f3; - pointer-events: none; -} -.checkbox input[type="checkbox"]:before { - left: 1px; - top: 5px; - width: 0; - height: 2px; - -webkit-transition: all 0.2s ease-in; - -moz-transition: all 0.2s ease-in; - -o-transition: all 0.2s ease-in; - -ms-transition: all 0.2s ease-in; - transition: all 0.2s ease-in; - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -o-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); -} -.checkbox input[type="checkbox"]:after { - right: 7px; - bottom: 3px; - width: 2px; - height: 0; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - -o-transition: all 0.2s ease-out; - -ms-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - -webkit-transform: rotate(40deg); - -moz-transform: rotate(40deg); - -o-transform: rotate(40deg); - -ms-transform: rotate(40deg); - transform: rotate(40deg); - -webkit-transform: rotate(40deg); - -moz-transform: rotate(40deg); - -ms-transform: rotate(40deg); - -o-transform: rotate(40deg); - -webkit-transition-delay: 0.25s; - -moz-transition-delay: 0.25s; - -o-transition-delay: 0.25s; - -ms-transition-delay: 0.25s; - transition-delay: 0.25s; -} -.checkbox input[type="checkbox"]:checked { - background: #2196f3; -} -.checkbox input[type="checkbox"]:checked:before { - left: 0; - top: 7px; - width: 6px; - height: 2px; -} -.checkbox input[type="checkbox"]:checked:after { - right: 3px; - bottom: 1px; - width: 2px; - height: 10px; -} -.checkbox.minus input[type="checkbox"]:before { - -webkit-transform: rotate(0); - -moz-transform: rotate(0); - -o-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - left: 1px; - top: 5px; - width: 0; - height: 2px; -} -.checkbox.minus input[type="checkbox"]:after { - -webkit-transform: rotate(0); - -moz-transform: rotate(0); - -o-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - left: 1px; - top: 5px; - width: 0; - height: 2px; -} -.checkbox.minus input[type="checkbox"]:checked:before { - left: 1px; - top: 5px; - width: 10px; - height: 2px; -} -.checkbox.minus input[type="checkbox"]:checked:after { - left: 1px; - top: 5px; - width: 10px; - height: 2px; -} -.checkbox.plus input[type="checkbox"]:before { - -webkit-transform: rotate(0); - -moz-transform: rotate(0); - -o-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - left: 1px; - top: 5px; - width: 0; - height: 2px; -} -.checkbox.plus input[type="checkbox"]:after { - -webkit-transform: rotate(0); - -moz-transform: rotate(0); - -o-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - left: 5px; - top: 1px; - width: 2px; - height: 0; -} -.checkbox.plus input[type="checkbox"]:checked:before { - left: 1px; - top: 5px; - width: 10px; - height: 2px; -} -.checkbox.plus input[type="checkbox"]:checked:after { - left: 5px; - top: 1px; - width: 2px; - height: 10px; -} -.checkbox.times input[type="checkbox"]:before { - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -o-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); - left: 3px; - top: 1px; - width: 0; - height: 2px; -} -.checkbox.times input[type="checkbox"]:after { - -webkit-transform: rotate(135deg); - -moz-transform: rotate(135deg); - -o-transform: rotate(135deg); - -ms-transform: rotate(135deg); - transform: rotate(135deg); - right: 3px; - top: 1px; - width: 0; - height: 2px; -} -.checkbox.times input[type="checkbox"]:checked:before { - left: 1px; - top: 5px; - width: 10px; - height: 2px; -} -.checkbox.times input[type="checkbox"]:checked:after { - right: 1px; - top: 5px; - width: 10px; - height: 2px; -} -.checkbox input[type="radio"] { - border-radius: 50%; -} -.checkbox input[type="radio"]:before { - content: ""; - display: block; - width: 8px; - height: 8px; - border-radius: 50%; - margin: 2px; - -webkit-transform: scale(0); - -moz-transform: scale(0); - -o-transform: scale(0); - -ms-transform: scale(0); - transform: scale(0); - -webkit-transition: all 0.25s ease-out; - -moz-transition: all 0.25s ease-out; - -o-transition: all 0.25s ease-out; - -ms-transition: all 0.25s ease-out; - transition: all 0.25s ease-out; -} -.checkbox input[type="radio"]:checked:before { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - background: var(--text-bg-hover); -} -.checkbox.red input { - border-color: #fe5f58; -} -.checkbox.red input[type="checkbox"]:checked { - background: #fe5f58; -} -.checkbox.red input[type="radio"]:checked:before { - background: #fe5f58; -} -.checkbox.green input { - border-color: #3dc550; -} -.checkbox.green input[type="checkbox"]:checked { - background: #3dc550; -} -.checkbox.green input[type="radio"]:checked:before { - background: #3dc550; -} -.checkbox.yellow input { - border-color: #ffbd2b; -} -.checkbox.yellow input[type="checkbox"]:checked { - background: #ffbd2b; -} -.checkbox.yellow input[type="radio"]:checked:before { - background: #ffbd2b; -} -.checkbox.cyan input { - border-color: #1bcdfc; -} -.checkbox.cyan input[type="checkbox"]:checked { - background: #1bcdfc; -} -.checkbox.cyan input[type="radio"]:checked:before { - background: #1bcdfc; -} -.checkbox.blue input { - border-color: #2196f3; -} -.checkbox.blue input[type="checkbox"]:checked { - background: #2196f3; -} -.checkbox.blue input[type="radio"]:checked:before { - background: #2196f3; -} -.checkbox p { - display: inline-block; - margin-top: 2px !important; - margin-bottom: 0 !important; -} -.checkbox input[type="checkbox"]:before, -.checkbox input[type="checkbox"]:after { - position: absolute; - content: ""; - background: #fff; -} -details[open]:not(.tk-admin-config-group) { - background: var(--anzhiyu-card-bg); -} -[data-theme="dark"] details.folding-tag { - background: transparent; -} -details.folding-tag { - display: block; - padding: 16px; - margin: 1em 0; - border-radius: 4px; - font-size: var(--global-font-size); - -webkit-transition: all 0.28s ease; - -moz-transition: all 0.28s ease; - -o-transition: all 0.28s ease; - -ms-transition: all 0.28s ease; - transition: all 0.28s ease; - -moz-transition: all 0.28s ease; - -webkit-transition: all 0.28s ease; - -o-transition: all 0.28s ease; - border: 1px solid #f6f6f6; -} -details.folding-tag summary { - cursor: pointer; - padding: 16px; - margin: -16px; - border-radius: 4px; - color: rgba(68,68,68,0.7); - font-size: 0.875rem !important; - font-weight: bold; - position: relative; - line-height: normal; -} -details.folding-tag summary > p, -details.folding-tag summary > h1, -details.folding-tag summary > h2, -details.folding-tag summary > h3, -details.folding-tag summary > h4, -details.folding-tag summary > h5, -details.folding-tag summary > h6 { - display: inline; - border-bottom: none !important; -} -details.folding-tag summary:hover { - color: #444; -} -details.folding-tag summary:hover:after { - position: absolute; - content: '+'; - text-align: center; - top: 50%; - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); - right: 16px; -} -details.folding-tag >summary { - background: var(--anzhiyu-card-bg); -} -details.folding-tag[purple] { - border-color: #fae7fd; -} -details.folding-tag[purple] >summary { - background: #fae7fd; -} -details.folding-tag[blue] { - border-color: #e8f4fd; -} -details.folding-tag[blue] >summary { - background: #e8f4fd; -} -details.folding-tag[cyan] { - border-color: #e8fafe; -} -details.folding-tag[cyan] >summary { - background: #e8fafe; -} -details.folding-tag[green] { - border-color: #ebf9ed; -} -details.folding-tag[green] >summary { - background: #ebf9ed; -} -details.folding-tag[yellow] { - border-color: #fff8e9; -} -details.folding-tag[yellow] >summary { - background: #fff8e9; -} -details.folding-tag[orange] { - border-color: #fdf1e7; -} -details.folding-tag[orange] >summary { - background: #fdf1e7; -} -details.folding-tag[red] { - border-color: #feefee; -} -details.folding-tag[red] >summary { - background: #feefee; -} -details.folding-tag[open] { - border-color: rgba(68,68,68,0.2); -} -details.folding-tag[open] >summary { - border-bottom: 1px solid rgba(68,68,68,0.2); - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} -details.folding-tag[open][purple] { - border-color: rgba(208,23,238,0.3); -} -details.folding-tag[open][purple] >summary { - border-bottom-color: rgba(208,23,238,0.3); -} -details.folding-tag[open][blue] { - border-color: rgba(33,150,243,0.3); -} -details.folding-tag[open][blue] >summary { - border-bottom-color: rgba(33,150,243,0.3); -} -details.folding-tag[open][cyan] { - border-color: rgba(27,205,252,0.3); -} -details.folding-tag[open][cyan] >summary { - border-bottom-color: rgba(27,205,252,0.3); -} -details.folding-tag[open][green] { - border-color: rgba(61,197,80,0.3); -} -details.folding-tag[open][green] >summary { - border-bottom-color: rgba(61,197,80,0.3); -} -details.folding-tag[open][yellow] { - border-color: rgba(255,189,43,0.3); -} -details.folding-tag[open][yellow] >summary { - border-bottom-color: rgba(255,189,43,0.3); -} -details.folding-tag[open][orange] { - border-color: rgba(236,118,22,0.3); -} -details.folding-tag[open][orange] >summary { - border-bottom-color: rgba(236,118,22,0.3); -} -details.folding-tag[open][red] { - border-color: rgba(254,95,88,0.3); -} -details.folding-tag[open][red] >summary { - border-bottom-color: rgba(254,95,88,0.3); -} -details.folding-tag[open] >summary { - color: #444; - margin-bottom: 0; -} -details.folding-tag[open] >summary:hover:after { - content: '-'; -} -details.folding-tag[open] >div.content { - padding: 16px; - margin: -16px; - margin-top: 0; -} -details.folding-tag[open] >div.content p>a:hover { - text-decoration: underline; -} -details.folding-tag[open] >div.content > p:first-child, -details.folding-tag[open] >div.content > .tabs:first-child, -details.folding-tag[open] >div.content > ul:first-child, -details.folding-tag[open] >div.content > ol:first-child, -details.folding-tag[open] >div.content > .highlight:first-child, -details.folding-tag[open] >div.content > .note:first-child, -details.folding-tag[open] >div.content > details:first-child { - margin-top: 0; -} -details.folding-tag[open] >div.content > p:last-child, -details.folding-tag[open] >div.content > .tabs:last-child, -details.folding-tag[open] >div.content > ul:last-child, -details.folding-tag[open] >div.content > ol:last-child, -details.folding-tag[open] >div.content > .highlight:last-child, -details.folding-tag[open] >div.content > .note:last-child, -details.folding-tag[open] >div.content > details:last-child { - margin-bottom: 0; -} -[data-theme="dark"] details[open] > div.content { - padding: 16px; - margin: -16px; - margin-top: 0; - background: transparent; - color: rgba(255,255,255,0.6); -} -[data-theme="dark"] details > summary { - filter: brightness(1); - background: var(--anzhiyu-card-bg) !important; -} -#content-inner figure.gallery-group { - position: relative; - float: left; - overflow: hidden; - margin: 6px 4px; - width: calc(50% - 8px); - height: 250px; - border-radius: 8px; - background: #000; - -webkit-transform: translate3d(0, 0, 0); -} -@media screen and (max-width: 600px) { - #content-inner figure.gallery-group { - width: calc(100% - 8px); - } -} -#content-inner figure.gallery-group:hover img { - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; - filter: alpha(opacity=40); - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -#content-inner figure.gallery-group:hover .gallery-group-name::after { - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -#content-inner figure.gallery-group:hover p { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -#content-inner figure.gallery-group img { - position: relative; - margin: 0; - max-width: none; - width: calc(100% + 20px); - height: 250px; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - backface-visibility: hidden; - opacity: 0.8; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; - filter: alpha(opacity=80); - -webkit-transition: all 0.3s, filter 375ms ease-in 0.2s; - -moz-transition: all 0.3s, filter 375ms ease-in 0.2s; - -o-transition: all 0.3s, filter 375ms ease-in 0.2s; - -ms-transition: all 0.3s, filter 375ms ease-in 0.2s; - transition: all 0.3s, filter 375ms ease-in 0.2s; - -webkit-transform: translate3d(-10px, 0, 0); - -moz-transform: translate3d(-10px, 0, 0); - -o-transform: translate3d(-10px, 0, 0); - -ms-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - object-fit: cover; -} -#content-inner figure.gallery-group figcaption { - position: absolute; - top: 0; - left: 0; - padding: 30px; - width: 100%; - height: 100%; - color: #fff; - text-transform: uppercase; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - backface-visibility: hidden; -} -#content-inner figure.gallery-group figcaption > a { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1000; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); -} -#content-inner figure.gallery-group p { - margin: 0; - padding: 8px 0 0; - letter-spacing: 1px; - font-size: 1.1em; - line-height: 1.5; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; - -moz-transition: opacity 0.35s, -moz-transform 0.35s; - -o-transition: opacity 0.35s, -o-transform 0.35s; - -ms-transition: opacity 0.35s, -ms-transform 0.35s; - transition: opacity 0.35s, transform 0.35s; - -webkit-transform: translate3d(100%, 0, 0); - -moz-transform: translate3d(100%, 0, 0); - -o-transform: translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - -webkit-line-clamp: 4; -} -#content-inner figure.gallery-group .gallery-group-name { - position: relative; - margin: 0; - padding: 8px 0; - font-weight: bold; - font-size: 1.65em; - line-height: 1.5; - -webkit-line-clamp: 2; -} -#content-inner figure.gallery-group .gallery-group-name:after { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 2px; - background: #fff; - content: ''; - -webkit-transition: -webkit-transform 0.35s; - -moz-transition: -moz-transform 0.35s; - -o-transition: -o-transform 0.35s; - -ms-transition: -ms-transform 0.35s; - transition: transform 0.35s; - -webkit-transform: translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0); - -o-transform: translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} -#content-inner .gallery-group-main { - overflow: auto; - padding: 0 0 16px; -} -#content-inner .gallery { - margin: 0 0 16px; - text-align: center; -} -#content-inner .gallery .fj-gallery { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); -} -#content-inner .gallery .fj-gallery .img-alt { - display: none; -} -#content-inner .gallery .fj-gallery.lazyload + button { - display: inline-block; -} -#content-inner .gallery .fj-gallery .gallery-data { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - visibility: hidden; -} -#content-inner .gallery button { - display: none; - margin-top: 25px; - padding: 10px; - width: 9em; - border-radius: 5px; - background: var(--btn-bg); - color: var(--btn-color); - font-weight: bold; - font-size: 1.1em; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - -ms-transition: all 0.3s; - transition: all 0.3s; -} -#content-inner .gallery button > * { - -webkit-transition: all 0.4s; - -moz-transition: all 0.4s; - -o-transition: all 0.4s; - -ms-transition: all 0.4s; - transition: all 0.4s; -} -#content-inner .gallery button i { - opacity: 1; - -ms-filter: none; - filter: none; - font-size: 1.1rem; -} -#content-inner .gallery button:hover { - background: var(--btn-hover-color); -} -#content-inner .gallery button:hover i { - margin-left: 2px; -} -blockquote.pullquote { - position: relative; - max-width: 45%; - font-size: 110%; -} -blockquote.pullquote.left { - float: left; - margin: 1em 0.5em 0 0; -} -blockquote.pullquote.right { - float: right; - margin: 1em 0 0 0.5em; -} -.video-container { - position: relative; - overflow: hidden; - margin-bottom: 16px; - padding-top: 56.25%; - height: 0; -} -.video-container iframe { - position: absolute; - top: 0; - left: 0; - margin-top: 0; - width: 100%; - height: 100%; -} -.hide-inline > .hide-button, -.hide-block > .hide-button { - display: inline-block; - padding: 5px 18px; - background: #425aef; - color: var(--white); -} -.hide-inline > .hide-button:hover, -.hide-block > .hide-button:hover { - background-color: var(--btn-hover-color); -} -.hide-inline > .hide-button.open, -.hide-block > .hide-button.open { - display: none; -} -.hide-inline > .hide-button.open + div, -.hide-block > .hide-button.open + div { - display: block; -} -.hide-inline > .hide-button.open + span, -.hide-block > .hide-button.open + span { - display: inline; -} -.hide-inline > .hide-content, -.hide-block > .hide-content { - display: none; -} -.hide { - display: none; -} -.hide-inline > .hide-button { - margin: 0 6px; -} -.hide-inline > .hide-content { - margin: 0 6px; -} -.hide-block { - margin: 0 0 16px; -} -.toggle { - margin-bottom: 20px; - border: 1px solid #f0f0f0; -} -.toggle > .toggle-button { - padding: 6px 15px; - background: #f0f0f0; - color: #1f2d3d; - cursor: pointer; -} -.toggle > .toggle-content { - margin: 30px 24px; -} -.md .img { - object-fit: contain; -} -img.inline { - display: inline !important; - vertical-align: middle; - -webkit-transform: translateY(-4px); - -moz-transform: translateY(-4px); - -o-transform: translateY(-4px); - -ms-transform: translateY(-4px); - transform: translateY(-4px); -} -p .img-alt { - display: inline-block; - width: 100%; -} -s, -del { - color: #8e8e8e; - text-decoration-color: #8e8e8e; -} -u { - color: #444; - text-decoration: none; - border-bottom: 1px solid #fe5f58; -} -emp { - color: #444; - border-bottom: 4px dotted #fe5f58; -} -wavy { - color: #444; - text-decoration-style: wavy; - text-decoration-line: underline; - text-decoration-color: #fe5f58; -} -psw { - color: transparent; - background: #a1a1a1; - border-radius: 2px; - -webkit-transition: all 0.28s ease; - -moz-transition: all 0.28s ease; - -o-transition: all 0.28s ease; - -ms-transition: all 0.28s ease; - transition: all 0.28s ease; - -moz-transition: all 0.28s ease; - -webkit-transition: all 0.28s ease; - -o-transition: all 0.28s ease; -} -psw:hover { - color: var(--anzhiyu-font); - background: none; -} -kbd { - display: inline-block; - color: #666; - font: bold 9pt arial; - text-decoration: none; - text-align: center; - padding: 2px 5px; - margin: 0 5px; - background: #eff0f2; - -moz-border-radius: 4px; - border-radius: 4px; - border-top: 1px solid #f5f5f5; - -webkit-box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333; - -moz-box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333; - -webkit-box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333; - -webkit-box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333; - box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333; - text-shadow: 0 1px 0 #f5f5f5; -} -#article-container .inline-img { - display: inline; - margin: 0 3px; - height: 1.1em; - vertical-align: text-bottom; -} -.introduction-card { - position: relative; -} -.introduction-card .img-alt { - display: none; -} -.introduction-card-bottom { - background-color: transparent; - color: inherit; - -webkit-transition: background-color 0.3s ease, color 0.3s ease; - -moz-transition: background-color 0.3s ease, color 0.3s ease; - -o-transition: background-color 0.3s ease, color 0.3s ease; - -ms-transition: background-color 0.3s ease, color 0.3s ease; - transition: background-color 0.3s ease, color 0.3s ease; -} -.introduction-card:active .introduction-card-bottom { - background-color: var(--anzhiyu-main); - color: #fff; -} -.introduction-card:active .introduction-card-bottom .left .info .subTitle { - color: #fff !important; -} -.introduction-card:active .introduction-card-bottom { - -webkit-animation: resetAnimation 3s 1s forwards; - -moz-animation: resetAnimation 3s 1s forwards; - -o-animation: resetAnimation 3s 1s forwards; - -ms-animation: resetAnimation 3s 1s forwards; - animation: resetAnimation 3s 1s forwards; -} -.introduction-card { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - width: 60%; - margin: 0 auto; - border-radius: 15px; - -webkit-box-shadow: var(--anzhiyu-shadow-blackdeep); - box-shadow: var(--anzhiyu-shadow-blackdeep); - height: 520px; - -webkit-transition: all 0.3s ease 0s; - -moz-transition: all 0.3s ease 0s; - -o-transition: all 0.3s ease 0s; - -ms-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - cursor: pointer; -} -@media screen and (max-width: 1200px) { - .introduction-card { - width: 80%; - } -} -@media screen and (max-width: 768px) { - .introduction-card { - width: 100%; - } -} -.introduction-card:active { - -webkit-transform: scale(0.97); - -moz-transform: scale(0.97); - -o-transform: scale(0.97); - -ms-transform: scale(0.97); - transform: scale(0.97); -} -.introduction-card .introduction-card-top { - height: 80%; - width: 100%; - overflow: hidden; - border-radius: 15px 15px 0 0; - position: relative; -} -.introduction-card .introduction-card-top .int-card-info { - position: absolute; - padding: 20px; -} -.introduction-card .introduction-card-top .int-card-info .int-tip { - opacity: 0.8; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; - filter: alpha(opacity=80); - font-size: 0.6rem; - margin-bottom: 0.5rem; - color: var(--anzhiyu-white); -} -.introduction-card .introduction-card-top .int-card-info .int-cardTitle { - font-size: 36px; - color: var(--anzhiyu-white); - font-weight: 700; - line-height: 1.1; -} -.introduction-card .introduction-card-top img { - width: 100%; - height: 100%; - border-radius: 0px !important; - margin: 0 !important; -} -.introduction-card .introduction-card-bottom { - height: 20%; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - width: 100%; - border-radius: 0 0 15px 15px; -} -.introduction-card .introduction-card-bottom .left { - width: 70%; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -.introduction-card .introduction-card-bottom .left .info { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.introduction-card .introduction-card-bottom .left .info .title { - font-weight: 600; - line-height: 26px; -} -.introduction-card .introduction-card-bottom .left .info .subTitle { - line-height: 14px; - font-size: 14px; - color: var(--anzhiyu-gray); - opacity: 0.8; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; - filter: alpha(opacity=80); -} -.introduction-card .introduction-card-bottom .left img { - width: 2.875rem; - height: 2.875rem; - margin: 0 20px !important; - border-radius: 12px !important; -} -.introduction-card .introduction-card-bottom .right { - width: 30%; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -.introduction-card .introduction-card-bottom .right a { - width: 100%; - text-align: center; - background: #efeef2; - color: var(--anzhiyu-main) !important; - border-radius: 50px; - height: 35px; - line-height: 35px; - margin-right: 20px; -} -.introduction-card .introduction-card-bottom .right a:hover { - background: var(--anzhiyu-main); - color: var(--anzhiyu-white) !important; -} -@-moz-keyframes resetAnimation { - 0% { - background-color: var(--anzhiyu-main); - color: #fff; - } - 100% { - background-color: transparent; - color: inherit; - } -} -@-webkit-keyframes resetAnimation { - 0% { - background-color: var(--anzhiyu-main); - color: #fff; - } - 100% { - background-color: transparent; - color: inherit; - } -} -@-o-keyframes resetAnimation { - 0% { - background-color: var(--anzhiyu-main); - color: #fff; - } - 100% { - background-color: transparent; - color: inherit; - } -} -@keyframes resetAnimation { - 0% { - background-color: var(--anzhiyu-main); - color: #fff; - } - 100% { - background-color: transparent; - color: inherit; - } -} -.hl-label { - padding: 2px 4px; - border-radius: 3px; - color: #fff; -} -.hl-label.default { - background-color: #2323ef; -} -.hl-label.blue { - background-color: #428bca; -} -.hl-label.pink { - background-color: #ff69b4; -} -.hl-label.red { - background-color: #f00; -} -.hl-label.purple { - background-color: #6f42c1; -} -.hl-label.orange { - background-color: #ff8c00; -} -.hl-label.green { - background-color: #5cb85c; -} -audio, -video { - border-radius: 4px; - max-width: 100%; -} -video { - z-index: 1; - -webkit-transition: all 0.28s ease; - -moz-transition: all 0.28s ease; - -o-transition: all 0.28s ease; - -ms-transition: all 0.28s ease; - transition: all 0.28s ease; - -moz-transition: all 0.28s ease; - -webkit-transition: all 0.28s ease; - -o-transition: all 0.28s ease; -} -video:hover { - -webkit-box-shadow: 0 4px 8px 0px rgba(0,0,0,0.24), 0 8px 16px 0px rgba(0,0,0,0.24); - box-shadow: 0 4px 8px 0px rgba(0,0,0,0.24), 0 8px 16px 0px rgba(0,0,0,0.24); -} -div.video { - line-height: 0; - text-align: center; -} -div.videos { - max-width: calc(100% + 2 * 4px); - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -moz-box-pack: start; - -o-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - -webkit-box-align: end; - -moz-box-align: end; - -o-box-align: end; - -ms-flex-align: end; - -webkit-align-items: flex-end; - align-items: flex-end; - margin: 1em -4px; -} -div.videos .video, -div.videos iframe { - width: 100%; - margin: 4px; -} -div.videos iframe { - border-radius: 4px; - width: 100%; - min-height: 300px; -} -div.videos.left { - -webkit-box-pack: start; - -moz-box-pack: start; - -o-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; -} -div.videos.center { - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -div.videos.right { - -webkit-box-pack: end; - -moz-box-pack: end; - -o-box-pack: end; - -ms-flex-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; -} -div.videos.stretch { - -webkit-box-align: stretch; - -moz-box-align: stretch; - -o-box-align: stretch; - -ms-flex-align: stretch; - -webkit-align-items: stretch; - align-items: stretch; -} -div.videos[col='1'] .video, -div.videos[col='1'] iframe { - width: 100%; -} -div.videos[col='2'] .video, -div.videos[col='2'] iframe { - width: calc(50% - 2 * 4px); -} -div.videos[col='3'] .video, -div.videos[col='3'] iframe { - width: calc(33.33% - 2 * 4px); -} -div.videos[col='4'] .video, -div.videos[col='4'] iframe { - width: calc(25% - 2 * 4px); -} -[data-theme="dark"] audio, -[data-theme="dark"] video { - filter: brightness(0.7); -} -.note { - position: relative; - margin: 0 0 20px; - padding: 15px; - border-radius: 3px; -} -.note.icon-padding { - padding-left: 3em; -} -.note > .note-icon { - position: absolute; - top: calc(50% - 0.5em); - left: 0.8em; - font-size: larger; -} -.note.blue { - color: #4c4948; -} -.note.blue.disabled { - background: #e3eef7 !important; -} -.note.blue:not(.disabled) { - border-left-color: #428bca !important; -} -.note.blue:not(.disabled).modern { - border-left-color: transparent !important; - color: #428bca; -} -.note.blue:not(.disabled):not(.simple) { - background: #e3eef7 !important; -} -.note.blue::before { - color: #428bca; -} -.note.blue > .note-icon { - color: #428bca; -} -.note.pink { - color: #4c4948; -} -.note.pink.disabled { - background: #ffe9f4 !important; -} -.note.pink:not(.disabled) { - border-left-color: #ff69b4 !important; -} -.note.pink:not(.disabled).modern { - border-left-color: transparent !important; - color: #ff69b4; -} -.note.pink:not(.disabled):not(.simple) { - background: #ffe9f4 !important; -} -.note.pink::before { - color: #ff69b4; -} -.note.pink > .note-icon { - color: #ff69b4; -} -.note.red { - color: #4c4948; -} -.note.red.disabled { - background: #ffd9d9 !important; -} -.note.red:not(.disabled) { - border-left-color: #f00 !important; -} -.note.red:not(.disabled).modern { - border-left-color: transparent !important; - color: #f00; -} -.note.red:not(.disabled):not(.simple) { - background: #ffd9d9 !important; -} -.note.red::before { - color: #f00; -} -.note.red > .note-icon { - color: #f00; -} -.note.purple { - color: #4c4948; -} -.note.purple.disabled { - background: #e9e3f6 !important; -} -.note.purple:not(.disabled) { - border-left-color: #6f42c1 !important; -} -.note.purple:not(.disabled).modern { - border-left-color: transparent !important; - color: #6f42c1; -} -.note.purple:not(.disabled):not(.simple) { - background: #e9e3f6 !important; -} -.note.purple::before { - color: #6f42c1; -} -.note.purple > .note-icon { - color: #6f42c1; -} -.note.orange { - color: #4c4948; -} -.note.orange.disabled { - background: #ffeed9 !important; -} -.note.orange:not(.disabled) { - border-left-color: #ff8c00 !important; -} -.note.orange:not(.disabled).modern { - border-left-color: transparent !important; - color: #ff8c00; -} -.note.orange:not(.disabled):not(.simple) { - background: #ffeed9 !important; -} -.note.orange::before { - color: #ff8c00; -} -.note.orange > .note-icon { - color: #ff8c00; -} -.note.green { - color: #4c4948; -} -.note.green.disabled { - background: #e7f4e7 !important; -} -.note.green:not(.disabled) { - border-left-color: #5cb85c !important; -} -.note.green:not(.disabled).modern { - border-left-color: transparent !important; - color: #5cb85c; -} -.note.green:not(.disabled):not(.simple) { - background: #e7f4e7 !important; -} -.note.green::before { - color: #5cb85c; -} -.note.green > .note-icon { - color: #5cb85c; -} -.note.simple { - border: 1px solid #eee; - border-left-width: 5px; - color: var(--font-color); -} -.note.modern { - border: 1px solid transparent !important; - background-color: #f5f5f5; - color: #4c4948; -} -.note.flat { - border: initial; - border-left: 5px solid #eee; - background-color: #f9f9f9; - color: #4c4948; -} -.note.flat a { - color: #4c4948 !important; -} -.note.flat a:hover { - color: var(--anzhiyu-white) !important; -} -.note h2, -.note h3, -.note h4, -.note h5, -.note h6 { - margin-top: 3px; - margin-bottom: 0; - padding-top: 0 !important; - border-bottom: initial; -} -.note p:first-child, -.note ul:first-child, -.note ol:first-child, -.note table:first-child, -.note pre:first-child, -.note blockquote:first-child, -.note img:first-child { - margin-top: 0 !important; -} -.note p:last-child, -.note ul:last-child, -.note ol:last-child, -.note table:last-child, -.note pre:last-child, -.note blockquote:last-child, -.note img:last-child { - margin-bottom: 0 !important; -} -.note:not(.no-icon) { - padding-left: 3em; -} -.note:not(.no-icon)::before { - position: absolute; - top: calc(50% - 0.95em); - left: 0.8em; - font-size: larger; -} -.note.default.flat { - background: #f7f7f7; -} -.note.default.modern { - border-color: #e1e1e1; - background: #f3f3f3; - color: #666; -} -.note.default.modern a:not(.btn) { - color: #666; -} -.note.default.modern a:not(.btn):hover { - color: #454545; -} -.note.default:not(.modern) { - border-left-color: #777; -} -.note.default:not(.modern) h2, -.note.default:not(.modern) h3, -.note.default:not(.modern) h4, -.note.default:not(.modern) h5, -.note.default:not(.modern) h6 { - color: #777; -} -.note.default:not(.no-icon)::before { - content: '\f0a9'; -} -.note.default:not(.no-icon):not(.modern)::before { - color: #777; -} -.note.primary.flat { - background: #f5f0fa; -} -.note.primary.modern { - border-color: #e1c2ff; - background: #f3daff; - color: #6f42c1; -} -.note.primary.modern a:not(.btn) { - color: #6f42c1; -} -.note.primary.modern a:not(.btn):hover { - color: #453298; -} -.note.primary:not(.modern) { - border-left-color: #6f42c1; -} -.note.primary:not(.modern) h2, -.note.primary:not(.modern) h3, -.note.primary:not(.modern) h4, -.note.primary:not(.modern) h5, -.note.primary:not(.modern) h6 { - color: #6f42c1; -} -.note.primary:not(.no-icon)::before { - content: '\f055'; -} -.note.primary:not(.no-icon):not(.modern)::before { - color: #6f42c1; -} -.note.info.flat { - background: #eef7fa; -} -.note.info.modern { - border-color: #b3e5ef; - background: #d9edf7; - color: #31708f; -} -.note.info.modern a:not(.btn) { - color: #31708f; -} -.note.info.modern a:not(.btn):hover { - color: #215761; -} -.note.info:not(.modern) { - border-left-color: #428bca; -} -.note.info:not(.modern) h2, -.note.info:not(.modern) h3, -.note.info:not(.modern) h4, -.note.info:not(.modern) h5, -.note.info:not(.modern) h6 { - color: #428bca; -} -.note.info:not(.no-icon)::before { - content: '\f05a'; -} -.note.info:not(.no-icon):not(.modern)::before { - color: #428bca; -} -.note.success.flat { - background: #eff8f0; -} -.note.success.modern { - border-color: #d0e6be; - background: #dff0d8; - color: #3c763d; -} -.note.success.modern a:not(.btn) { - color: #3c763d; -} -.note.success.modern a:not(.btn):hover { - color: #32562c; -} -.note.success:not(.modern) { - border-left-color: #5cb85c; -} -.note.success:not(.modern) h2, -.note.success:not(.modern) h3, -.note.success:not(.modern) h4, -.note.success:not(.modern) h5, -.note.success:not(.modern) h6 { - color: #5cb85c; -} -.note.success:not(.no-icon)::before { - content: '\f058'; -} -.note.success:not(.no-icon):not(.modern)::before { - color: #5cb85c; -} -.note.warning.flat { - background: #fdf8ea; -} -.note.warning.modern { - border-color: #fae4cd; - background: #fcf4e3; - color: #8a6d3b; -} -.note.warning.modern a:not(.btn) { - color: #8a6d3b; -} -.note.warning.modern a:not(.btn):hover { - color: #714f30; -} -.note.warning:not(.modern) { - border-left-color: #f0ad4e; -} -.note.warning:not(.modern) h2, -.note.warning:not(.modern) h3, -.note.warning:not(.modern) h4, -.note.warning:not(.modern) h5, -.note.warning:not(.modern) h6 { - color: #f0ad4e; -} -.note.warning:not(.no-icon)::before { - content: '\f06a'; -} -.note.warning:not(.no-icon):not(.modern)::before { - color: #f0ad4e; -} -.note.danger.flat { - background: #fcf1f2; -} -.note.danger.modern { - border-color: #ebcdd2; - background: #f2dfdf; - color: #a94442; -} -.note.danger.modern a:not(.btn) { - color: #a94442; -} -.note.danger.modern a:not(.btn):hover { - color: #84333f; -} -.note.danger:not(.modern) { - border-left-color: #d9534f; -} -.note.danger:not(.modern) h2, -.note.danger:not(.modern) h3, -.note.danger:not(.modern) h4, -.note.danger:not(.modern) h5, -.note.danger:not(.modern) h6 { - color: #d9534f; -} -.note.danger:not(.no-icon)::before { - content: '\f056'; -} -.note.danger:not(.no-icon):not(.modern)::before { - color: #d9534f; -} -.site-card-group { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -moz-box-pack: start; - -o-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - margin: -8px; - -webkit-box-align: stretch; - -moz-box-align: stretch; - -o-box-align: stretch; - -ms-flex-align: stretch; - -webkit-align-items: stretch; - align-items: stretch; -} -.site-card { - margin: 8px; - width: calc(100% / 4 - 16px); - display: block; - line-height: 1.4; - height: 100%; -} -@media screen and (min-width: 2048px) { - .site-card { - width: calc(100% / 5 - 16px); - } -} -@media screen and (max-width: 768px) { - .site-card { - width: calc(100% / 3 - 16px); - } -} -@media screen and (max-width: 500px) { - .site-card { - width: calc(100% / 2 - 16px); - } -} -.site-card .img { - width: 100%; - height: 120px; - overflow: hidden; - border-radius: 6px; - -webkit-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.2); - box-shadow: 0 1px 2px 0px rgba(0,0,0,0.2); - background: #f6f6f6; -} -@media screen and (max-width: 500px) { - .site-card .img { - height: 100px; - } -} -.site-card .img img { - width: 100%; - height: 100%; - pointer-events: none; - -webkit-transition: -webkit-transform 2s ease; - -moz-transition: -moz-transform 2s ease; - -o-transition: -o-transform 2s ease; - -ms-transition: -ms-transform 2s ease; - transition: transform 2s ease; - object-fit: cover; -} -.site-card .info { - margin-top: 8px; -} -.site-card .info img { - width: 32px; - height: 32px; - pointer-events: none; - border-radius: 16px; - float: left; - margin-right: 8px; - margin-top: 2px; -} -.site-card .info span { - display: block; -} -.site-card .info .title { - font-weight: 600; - font-size: var(--global-font-size); - color: #444; - display: -webkit-box; - -webkit-box-orient: vertical; - overflow: hidden; - -webkit-line-clamp: 1; - -webkit-transition: all 0.28s ease; - -moz-transition: all 0.28s ease; - -o-transition: all 0.28s ease; - -ms-transition: all 0.28s ease; - transition: all 0.28s ease; - -moz-transition: all 0.28s ease; - -webkit-transition: all 0.28s ease; - -o-transition: all 0.28s ease; -} -.site-card .info .desc { - font-size: var(--global-font-size); - word-wrap: break-word; - line-height: 1.2; - color: #888; - display: -webkit-box; - -webkit-box-orient: vertical; - overflow: hidden; - -webkit-line-clamp: 2; -} -.site-card .img { - -webkit-transition: all 0.28s ease; - -moz-transition: all 0.28s ease; - -o-transition: all 0.28s ease; - -ms-transition: all 0.28s ease; - transition: all 0.28s ease; - -moz-transition: all 0.28s ease; - -webkit-transition: all 0.28s ease; - -o-transition: all 0.28s ease; -} -.site-card:hover .img { - -webkit-box-shadow: 0 4px 8px 0px rgba(0,0,0,0.1), 0 2px 4px 0px rgba(0,0,0,0.1), 0 4px 8px 0px rgba(0,0,0,0.1), 0 8px 16px 0px rgba(0,0,0,0.1); - box-shadow: 0 4px 8px 0px rgba(0,0,0,0.1), 0 2px 4px 0px rgba(0,0,0,0.1), 0 4px 8px 0px rgba(0,0,0,0.1), 0 8px 16px 0px rgba(0,0,0,0.1); -} -.site-card:hover .info .title { - color: #ff5722; -} -p.p.subtitle { - font-weight: bold; - color: #44b299; - font-size: 1.25rem !important; - padding-top: 1.5rem; -} -p.p.subtitle:first-child { - padding-top: 1rem; -} -span.p.left, -p.p.left { - display: block; - text-align: left; -} -span.p.center, -p.p.center { - display: block; - text-align: center; -} -span.p.right, -p.p.right { - display: block; - text-align: right; -} -span.p.small, -p.p.small { - font-size: var(--global-font-size); -} -span.p.large, -p.p.large { - font-size: 2.5rem; - line-height: 1.4; -} -span.p.huge, -p.p.huge { - font-size: 4rem; - line-height: 1.4; -} -span.p.ultra, -p.p.ultra { - font-size: 6rem; - line-height: 1.4; -} -span.p.small, -p.p.small, -span.p.large, -p.p.large, -span.p.huge, -p.p.huge, -span.p.ultra, -p.p.ultra { - margin: 0; - padding: 0; -} -span.p.bold, -p.p.bold { - font-weight: bold; -} -span.p.h1, -p.p.h1, -span.p.h2, -p.p.h2 { - padding-bottom: 0.2rem; - font-weight: 500; -} -span.p.h1, -p.p.h1 { - font-size: 1.625rem; - color: var(--color-h1); - padding-top: 2em; -} -span.p.h2, -p.p.h2 { - font-size: 1.625rem; - color: var(--color-h2); - padding-top: 2em; - border-bottom: 1px solid rgba(68,68,68,0.1); -} -span.p.h3, -p.p.h3 { - font-size: 1.375rem; - color: var(--color-h3); - padding-top: 2em; -} -span.p.h4, -p.p.h4 { - font-size: 1.125rem; - color: var(--color-h4); - padding-top: 2em; -} -span.p.h5, -p.p.h5 { - font-size: 1rem; - color: var(--color-h5); - padding-top: 1.5em; -} -span.p.red, -p.p.red { - color: #e8453c; -} -span.p.yellow, -p.p.yellow { - color: #fcec60; -} -span.p.green, -p.p.green { - color: #3dc550; -} -span.p.cyan, -p.p.cyan { - color: #1bcdfc; -} -span.p.blue, -p.p.blue { - color: #2196f3; -} -span.p.purple, -p.p.purple { - color: #9c27b0; -} -span.p.gray, -p.p.gray { - color: #999; -} -#article-container .tabs { - position: relative; - margin: 0 0 20px; - border: 3px solid var(--anzhiyu-secondbg); - margin: 1rem 0 !important; - border-radius: 12px; - overflow: hidden; - -webkit-box-shadow: var(--anzhiyu-shadow-border); - box-shadow: var(--anzhiyu-shadow-border); - background: var(--anzhiyu-card-bg); - padding: 8px; -} -#article-container .tabs > .nav-tabs { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-lines: multiple; - -moz-box-lines: multiple; - -o-box-lines: multiple; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - margin: 0; - padding: 16px; - background: var(--anzhiyu-card-bg); -} -#article-container .tabs > .nav-tabs > .tab { - padding: 8px 18px; - background: var(--anzhiyu-secondbg); - color: var(--anzhiyu-fontcolor); - line-height: 1; - -webkit-transition: all 0.4s; - -moz-transition: all 0.4s; - -o-transition: all 0.4s; - -ms-transition: all 0.4s; - transition: all 0.4s; - margin: 4px; - border: var(--style-border-always); - border-radius: 8px; -} -#article-container .tabs > .nav-tabs > .tab i { - width: 1.5em; -} -#article-container .tabs > .nav-tabs > .tab.active { - border: var(--style-border-hover-always); - background: var(--anzhiyu-background); - border-radius: 8px; - cursor: default; -} -#article-container .tabs > .nav-tabs > .tab:not(.active):hover { - background: var(--anzhiyu-main); - color: var(--anzhiyu-white); - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - border: var(--style-border-hover-always); -} -#article-container .tabs > .nav-tabs.no-default ~ .tab-to-top { - display: none; -} -#article-container .tabs > .tab-contents .tab-item-content { - position: relative; - display: none; - background: var(--anzhiyu-background); - border: var(--style-border-always); - padding: 1.2rem 1.2rem; - border-radius: 8px; -} -@media screen and (max-width: 768px) { - #article-container .tabs > .tab-contents .tab-item-content { - padding: 24px 14px; - } -} -#article-container .tabs > .tab-contents .tab-item-content.active { - display: block; -} -#article-container .tabs > .tab-to-top { - padding: 0 16px 10px 0; - width: 100%; - text-align: right; -} -#article-container .tabs > .tab-to-top button { - color: #99a9bf; -} -#article-container .tabs > .tab-to-top button:hover { - color: #425aef; -} -@-moz-keyframes tabshow { - 0% { - -webkit-transform: translateY(15px); - -moz-transform: translateY(15px); - -o-transform: translateY(15px); - -ms-transform: translateY(15px); - transform: translateY(15px); - } - 100% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} -@-webkit-keyframes tabshow { - 0% { - -webkit-transform: translateY(15px); - -moz-transform: translateY(15px); - -o-transform: translateY(15px); - -ms-transform: translateY(15px); - transform: translateY(15px); - } - 100% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} -@-o-keyframes tabshow { - 0% { - -webkit-transform: translateY(15px); - -moz-transform: translateY(15px); - -o-transform: translateY(15px); - -ms-transform: translateY(15px); - transform: translateY(15px); - } - 100% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} -@keyframes tabshow { - 0% { - -webkit-transform: translateY(15px); - -moz-transform: translateY(15px); - -o-transform: translateY(15px); - -ms-transform: translateY(15px); - transform: translateY(15px); - } - 100% { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} -#article-container .timeline { - margin: 0 0 20px 10px; - padding: 14px 20px 5px; - border-left: 2px solid var(--timeline-color, #425aef); -} -#article-container .timeline.blue { - --timeline-color: #428bca; - --timeline-bg: rgba(66,139,202, 0.2); -} -#article-container .timeline.pink { - --timeline-color: #ff69b4; - --timeline-bg: rgba(255,105,180, 0.2); -} -#article-container .timeline.red { - --timeline-color: #f00; - --timeline-bg: rgba(255,0,0, 0.2); -} -#article-container .timeline.purple { - --timeline-color: #6f42c1; - --timeline-bg: rgba(111,66,193, 0.2); -} -#article-container .timeline.orange { - --timeline-color: #ff8c00; - --timeline-bg: rgba(255,140,0, 0.2); -} -#article-container .timeline.green { - --timeline-color: #5cb85c; - --timeline-bg: rgba(92,184,92, 0.2); -} -#article-container .timeline .timeline-item { - margin: 0 0 15px; -} -#article-container .timeline .timeline-item:hover .item-circle:before { - border-color: var(--timeline-color, #425aef); -} -#article-container .timeline .timeline-item.headline .timeline-item-title .item-circle > p { - font-weight: 600; - font-size: 1.2em; -} -#article-container .timeline .timeline-item.headline .timeline-item-title .item-circle:before { - left: -28px; - border: 4px solid var(--timeline-color, #425aef); -} -#article-container .timeline .timeline-item.headline:hover .item-circle:before { - border-color: var(--pseudo-hover); -} -#article-container .timeline .timeline-item .timeline-item-title { - position: relative; -} -#article-container .timeline .timeline-item .item-circle:before { - position: absolute; - top: 50%; - left: -27px; - width: 6px; - height: 6px; - border: 3px solid var(--pseudo-hover); - border-radius: 50%; - background: var(--card-bg); - content: ''; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - -ms-transition: all 0.3s; - transition: all 0.3s; - -webkit-transform: translate(0, -50%); - -moz-transform: translate(0, -50%); - -o-transform: translate(0, -50%); - -ms-transform: translate(0, -50%); - transform: translate(0, -50%); -} -#article-container .timeline .timeline-item .item-circle > p { - margin: 0 0 8px; - font-weight: 500; -} -#article-container .timeline .timeline-item .timeline-item-content { - position: relative; - padding: 12px 15px; - border-radius: 0.5rem; - border: var(--style-border-always); - font-size: 0.93em; -} -#article-container .timeline .timeline-item .timeline-item-content > :last-child { - margin-bottom: 0; -} -#article-container .timeline + .timeline { - margin-top: -20px; -} -.tip { - padding: 6px 20px; - position: relative; - color: #fff; - margin-bottom: 20px; - background: -webkit-linear-gradient(0deg, #41363c, #494648); - background: -moz-linear-gradient(0deg, #41363c, #494648); - background: -o-linear-gradient(0deg, #41363c, #494648); - background: -ms-linear-gradient(0deg, #41363c, #494648); - background: linear-gradient(90deg, #41363c, #494648); - padding: 6px 20px; - border-radius: 10px; - -webkit-box-shadow: 0 3px 5px rgba(50,50,50,0.5); - -webkit-box-shadow: 0 3px 5px rgba(50,50,50,0.5); - box-shadow: 0 3px 5px rgba(50,50,50,0.5); -} -.tip p { - margin: 0 !important; - padding: 0.5rem 0; -} -.tip:before { - background: -webkit-linear-gradient(90deg, #41363c, #494648); - background: -moz-linear-gradient(90deg, #41363c, #494648); - background: -o-linear-gradient(90deg, #41363c, #494648); - background: -ms-linear-gradient(90deg, #41363c, #494648); - background: linear-gradient(0deg, #41363c, #494648); - text-shadow: 0 -1px #41363c; - border-radius: 50%; - color: #fff; - font-size: 12px; - position: absolute; - width: 24px; - height: 24px; - line-height: 24.5px; - left: -12px; - top: -12px; - -webkit-box-shadow: 0 0 0 2.5px #f7f8f9; - box-shadow: 0 0 0 2.5px #f7f8f9; - font-weight: 600; - font-family: "Font Awesome 6 Free"; - text-align: center; -} -.tip ol { - margin: 0; -} -.tip.info { - background: #20a0ff; - background: -webkit-linear-gradient(0deg, #20a0ff, #20b8ff); - background: -moz-linear-gradient(0deg, #20a0ff, #20b8ff); - background: -o-linear-gradient(0deg, #20a0ff, #20b8ff); - background: -ms-linear-gradient(0deg, #20a0ff, #20b8ff); - background: linear-gradient(90deg, #20a0ff, #20b8ff); - padding: 6px 20px; - border-radius: 10px; - -webkit-box-shadow: 0 3px 5px rgba(32,160,255,0.5); - -webkit-box-shadow: 0 3px 5px rgba(32,160,255,0.5); - box-shadow: 0 3px 5px rgba(32,160,255,0.5); -} -.tip.info:before { - background: #20a0ff; - background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff)); - background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff)); - background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff)); - background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff)); - background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff)); - background: -webkit-linear-gradient(90deg, #0092ff, #20b8ff); - background: -moz-linear-gradient(90deg, #0092ff, #20b8ff); - background: -o-linear-gradient(90deg, #0092ff, #20b8ff); - background: -ms-linear-gradient(90deg, #0092ff, #20b8ff); - background: linear-gradient(0deg, #0092ff, #20b8ff); - content: "\f05a"; - font-family: anzhiyufont; - text-shadow: 0 -1px #20a0ff; -} -.tip.success { - background: -webkit-linear-gradient(0deg, #61be33, #8fce44); - background: -moz-linear-gradient(0deg, #61be33, #8fce44); - background: -o-linear-gradient(0deg, #61be33, #8fce44); - background: -ms-linear-gradient(0deg, #61be33, #8fce44); - background: linear-gradient(90deg, #61be33, #8fce44); - text-shadow: 0 -1px #61be33; - -webkit-box-shadow: 0 3px 5px rgba(104,195,59,0.5); - -webkit-box-shadow: 0 3px 5px rgba(104,195,59,0.5); - box-shadow: 0 3px 5px rgba(104,195,59,0.5); -} -.tip.success:before { - background: -webkit-linear-gradient(90deg, #52bb1d, #95d34b); - background: -moz-linear-gradient(90deg, #52bb1d, #95d34b); - background: -o-linear-gradient(90deg, #52bb1d, #95d34b); - background: -ms-linear-gradient(90deg, #52bb1d, #95d34b); - background: linear-gradient(0deg, #52bb1d, #95d34b); - content: "\f058"; - text-shadow: 0 -1px #61be33; - font-family: anzhiyufont; -} -.tip.warning { - background: #ff953f; - background: -webkit-linear-gradient(0deg, #ff953f, #ffb449); - background: -moz-linear-gradient(0deg, #ff953f, #ffb449); - background: -o-linear-gradient(0deg, #ff953f, #ffb449); - background: -ms-linear-gradient(0deg, #ff953f, #ffb449); - background: linear-gradient(90deg, #ff953f, #ffb449); - text-shadow: 0 -1px #ff953f; - -webkit-box-shadow: 0 3px 5px rgba(255,154,73,0.5); - box-shadow: 0 3px 5px rgba(255,154,73,0.5); -} -.tip.warning::before { - background: -webkit-linear-gradient(90deg, #ff8f35, #ffc149); - background: -moz-linear-gradient(90deg, #ff8f35, #ffc149); - background: -o-linear-gradient(90deg, #ff8f35, #ffc149); - background: -ms-linear-gradient(90deg, #ff8f35, #ffc149); - background: linear-gradient(0deg, #ff8f35, #ffc149); - content: '\f06a'; - text-shadow: 0 -1px #ff953f; - font-family: anzhiyufont; -} -.tip.error { - background: #ff4949; - background: -webkit-linear-gradient(0deg, #ff4949, #ff7849); - background: -moz-linear-gradient(0deg, #ff4949, #ff7849); - background: -o-linear-gradient(0deg, #ff4949, #ff7849); - background: -ms-linear-gradient(0deg, #ff4949, #ff7849); - background: linear-gradient(90deg, #ff4949, #ff7849); - text-shadow: 0 -1px #ff4949; - -webkit-box-shadow: 0 3px 5px rgba(255,73,73,0.5); - box-shadow: 0 3px 5px rgba(255,73,73,0.5); -} -.tip.error:before { - background: -webkit-linear-gradient(90deg, #ff3838, #ff7849); - background: -moz-linear-gradient(90deg, #ff3838, #ff7849); - background: -o-linear-gradient(90deg, #ff3838, #ff7849); - background: -ms-linear-gradient(90deg, #ff3838, #ff7849); - background: linear-gradient(0deg, #ff3838, #ff7849); - content: $note-error-icon; - text-shadow: 0 -1px #ff4949; - font-family: anzhiyufont; -} -.tip.bolt { - background: -webkit-linear-gradient(80deg, #78ca33, #25822c); - background: -moz-linear-gradient(80deg, #78ca33, #25822c); - background: -o-linear-gradient(80deg, #78ca33, #25822c); - background: -ms-linear-gradient(80deg, #78ca33, #25822c); - background: linear-gradient(530deg, #78ca33, #25822c); - content: "\f058"; - text-shadow: 0 -1px #4cf706; -} -.tip.bolt:before { - background: -webkit-linear-gradient(326deg, #78ca33, #25822c); - background: -moz-linear-gradient(326deg, #78ca33, #25822c); - background: -o-linear-gradient(326deg, #78ca33, #25822c); - background: -ms-linear-gradient(326deg, #78ca33, #25822c); - background: linear-gradient(776deg, #78ca33, #25822c); - content: "\f058"; - text-shadow: 0 -1px #4cf706; - font-family: anzhiyufont; -} -.tip.ban { - background: -webkit-linear-gradient(0deg, #ff4949, #f03b49); - background: -moz-linear-gradient(0deg, #ff4949, #f03b49); - background: -o-linear-gradient(0deg, #ff4949, #f03b49); - background: -ms-linear-gradient(0deg, #ff4949, #f03b49); - background: linear-gradient(90deg, #ff4949, #f03b49); - text-shadow: 0 -1px #ff4949; - -webkit-box-shadow: 0 3px 5px rgba(255,73,73,0.5); - box-shadow: 0 3px 5px rgba(255,73,73,0.5); -} -.tip.ban:before { - background: -webkit-linear-gradient(90deg, #ff3838, #ff1022); - background: -moz-linear-gradient(90deg, #ff3838, #ff1022); - background: -o-linear-gradient(90deg, #ff3838, #ff1022); - background: -ms-linear-gradient(90deg, #ff3838, #ff1022); - background: linear-gradient(0deg, #ff3838, #ff1022); - content: "\f056"; - text-shadow: 0 -1px #ff4949; - font-family: anzhiyufont; -} -.tip.home { - background: #15e5ff; - background: -webkit-linear-gradient(0deg, #0ec0ef, #80e0f7); - background: -moz-linear-gradient(0deg, #0ec0ef, #80e0f7); - background: -o-linear-gradient(0deg, #0ec0ef, #80e0f7); - background: -ms-linear-gradient(0deg, #0ec0ef, #80e0f7); - background: linear-gradient(90deg, #0ec0ef, #80e0f7); - text-shadow: 0 -1px #0ec0ef; - -webkit-box-shadow: 0 3px 5px #01caff; - -webkit-box-shadow: 0 3px 5px #01caff; - box-shadow: 0 3px 5px #01caff; -} -.tip.home:before { - background: -webkit-linear-gradient(90deg, #0ec0ee, #0ec0ea); - background: -moz-linear-gradient(90deg, #0ec0ee, #0ec0ea); - background: -o-linear-gradient(90deg, #0ec0ee, #0ec0ea); - background: -ms-linear-gradient(90deg, #0ec0ee, #0ec0ea); - background: linear-gradient(0deg, #0ec0ee, #0ec0ea); - content: "\e606"; - font-family: anzhiyufont; - text-shadow: 0 -1px #0ec0ea; -} -.tip.sync { - background: #00a9ff; - background: -webkit-linear-gradient(220deg, #47c0e0, #2dc342); - background: -moz-linear-gradient(220deg, #47c0e0, #2dc342); - background: -o-linear-gradient(220deg, #47c0e0, #2dc342); - background: -ms-linear-gradient(220deg, #47c0e0, #2dc342); - background: linear-gradient(230deg, #47c0e0, #2dc342); - text-shadow: 0 -1px #1bcdfc; - -webkit-box-shadow: 0 3px 5px #1bcdfc; - -webkit-box-shadow: 0 3px 5px #20b1ad; - box-shadow: 0 3px 5px #20b1ad; -} -.tip.sync:before { - background: -webkit-linear-gradient(180deg, #40c0e2, #3dc550); - background: -moz-linear-gradient(180deg, #40c0e2, #3dc550); - background: -o-linear-gradient(180deg, #40c0e2, #3dc550); - background: -ms-linear-gradient(180deg, #40c0e2, #3dc550); - background: linear-gradient(270deg, #40c0e2, #3dc550); - content: "\e66b"; - font-family: anzhiyufont; - text-shadow: 0 -1px #17cfff; -} -.tip.cogs { - background: -webkit-linear-gradient(220deg, #40c0e2, #5247e2); - background: -moz-linear-gradient(220deg, #40c0e2, #5247e2); - background: -o-linear-gradient(220deg, #40c0e2, #5247e2); - background: -ms-linear-gradient(220deg, #40c0e2, #5247e2); - background: linear-gradient(230deg, #40c0e2, #5247e2); - text-shadow: 0 -1px #8278fd; - -webkit-box-shadow: 0 3px 5px #4037a7; - -webkit-box-shadow: 1 3px 5px #5e52ec; - box-shadow: 1 3px 5px #5e52ec; -} -.tip.cogs:before { - background: -webkit-linear-gradient(110deg, #40c0e2, #5246e2); - background: -moz-linear-gradient(110deg, #40c0e2, #5246e2); - background: -o-linear-gradient(110deg, #40c0e2, #5246e2); - background: -ms-linear-gradient(110deg, #40c0e2, #5246e2); - background: linear-gradient(560deg, #40c0e2, #5246e2); - content: "\e638"; - font-family: anzhiyufont; - text-shadow: 0 -1px #098cf5; -} -.tip.key { - background: #25c33b; - background: -webkit-linear-gradient(220deg, #90a4ae, #b7a7a7); - background: -moz-linear-gradient(220deg, #90a4ae, #b7a7a7); - background: -o-linear-gradient(220deg, #90a4ae, #b7a7a7); - background: -ms-linear-gradient(220deg, #90a4ae, #b7a7a7); - background: linear-gradient(230deg, #90a4ae, #b7a7a7); - text-shadow: 0 -1px #c1c0d4; - -webkit-box-shadow: 0 3px 5px #d3d2de; - -webkit-box-shadow: 1 3px 5px #d5d4de; - box-shadow: 1 3px 5px #d5d4de; -} -.tip.key:before { - background: -webkit-linear-gradient(110deg, #bccdd2, #cfced4); - background: -moz-linear-gradient(110deg, #bccdd2, #cfced4); - background: -o-linear-gradient(110deg, #bccdd2, #cfced4); - background: -ms-linear-gradient(110deg, #bccdd2, #cfced4); - background: linear-gradient(560deg, #bccdd2, #cfced4); - content: "\e673"; - font-family: anzhiyufont; - text-shadow: 0 -1px #a9b2b9; -} -.tip.bell { - background: -webkit-linear-gradient(220deg, #ffaa0d, #deb455); - background: -moz-linear-gradient(220deg, #ffaa0d, #deb455); - background: -o-linear-gradient(220deg, #ffaa0d, #deb455); - background: -ms-linear-gradient(220deg, #ffaa0d, #deb455); - background: linear-gradient(230deg, #ffaa0d, #deb455); - text-shadow: 0 -1px #c1c0d4; - -webkit-box-shadow: 1 3px 5px #d5d4de; - box-shadow: 1 3px 5px #d5d4de; -} -.tip.bell:before { - background: -webkit-linear-gradient(110deg, #f9ae07, #ffb615); - background: -moz-linear-gradient(110deg, #f9ae07, #ffb615); - background: -o-linear-gradient(110deg, #f9ae07, #ffb615); - background: -ms-linear-gradient(110deg, #f9ae07, #ffb615); - background: linear-gradient(560deg, #f9ae07, #ffb615); - content: "\e635"; - font-family: anzhiyufont; - text-shadow: 0 -1px #ffb81b; -} -[data-theme="dark"] .tip { - filter: brightness(0.7); -} -#article-container .tip a { - color: #e6eaed; -} -[data-theme='dark'] { - --global-bg: #0d0d0d; - --font-color: rgba(255,255,255,0.7); - --hr-border: rgba(255,255,255,0.4); - --hr-before-color: rgba(255,255,255,0.7); - --search-bg: #121212; - --search-input-color: rgba(255,255,255,0.7); - --search-result-title: rgba(255,255,255,0.9); - --preloader-bg: #0d0d0d; - --preloader-color: rgba(255,255,255,0.7); - --tab-border-color: #2c2c2c; - --tab-botton-bg: #2c2c2c; - --tab-botton-color: rgba(255,255,255,0.7); - --tab-button-hover-bg: #383838; - --tab-button-active-bg: #121212; - --card-bg: #121212; - --sidebar-bg: #121212; - --btn-hover-color: #787878; - --btn-color: rgba(255,255,255,0.7); - --btn-bg: #1f1f1f; - --text-bg-hover: #383838; - --light-grey: rgba(255,255,255,0.7); - --dark-grey: rgba(255,255,255,0.2); - --white: rgba(255,255,255,0.9); - --text-highlight-color: rgba(255,255,255,0.9); - --blockquote-color: rgba(255,255,255,0.7); - --blockquote-bg: #2c2c2c; - --reward-pop: #2c2c2c; - --toc-link-color: rgba(255,255,255,0.6); - --scrollbar-color: #1f1f1f; - --timeline-bg: #1f1f1f; -} -[data-theme='dark'] #web_bg:before, -[data-theme='dark'] #footer:before, -[data-theme='dark'] #page-header:before { - position: absolute; - width: 100%; - height: 100%; - background-color: rgba(0,0,0,0.3); - content: ''; - z-index: 2; - pointer-events: none; -} -[data-theme='dark'] #footer { - background-color: var(--anzhiyu-card-bg); -} -[data-theme='dark'] #article-container pre > code { - background: #171717; -} -[data-theme='dark'] #article-container figure.highlight { - -webkit-box-shadow: none; - box-shadow: none; -} -[data-theme='dark'] #article-container .note code { - background: var(--anzhiyu-code-stress); -} -[data-theme='dark'] #article-container .aplayer { - filter: brightness(0.8); -} -[data-theme='dark'] #article-container kbd { - border-color: #696969; - background-color: #525252; - color: #e2f1ff; -} -[data-theme='dark'] #page-header.nav-fixed > #nav, -[data-theme='dark'] #page-header.not-top-img > #nav { - background: var(--anzhiyu-black); - -webkit-box-shadow: 0 5px 6px -5px rgba(133,133,133,0); - box-shadow: 0 5px 6px -5px rgba(133,133,133,0); -} -[data-theme='dark'] .post #page-header.nav-fixed > #nav { - background: var(--anzhiyu-card-bg); - -webkit-box-shadow: none; - box-shadow: none; -} -[data-theme='dark'] #post-comment .comment-switch { - background: #2c2c2c !important; -} -[data-theme='dark'] #post-comment .comment-switch #switch-btn { - filter: brightness(0.8); -} -[data-theme='dark'] .note { - filter: brightness(0.8); -} -[data-theme='dark'] .hide-button, -[data-theme='dark'] .btn-anzhiyu, -[data-theme='dark'] .hl-label, -[data-theme='dark'] .post-outdate-notice, -[data-theme='dark'] .error-img, -[data-theme='dark'] #article-container iframe, -[data-theme='dark'] .gist, -[data-theme='dark'] .ads-wrap { - filter: brightness(0.8); -} -[data-theme='dark'] img { - filter: blur(0) brightness(0.8); -} -[data-theme='dark'] #aside-content .aside-list > .aside-list-item:not(:last-child) { - border-bottom: 1px dashed rgba(255,255,255,0.1); -} -@media screen and (max-width: 768px) { - [data-theme='dark'] .post #aside-content { - background: var(--anzhiyu-card-bg); - } -} -[data-theme='dark'] #artitalk_main #lazy { - background: #121212; -} -[data-theme='dark'] #operare_artitalk .c2 { - background: #121212; -} -@media screen and (max-width: 900px) { - [data-theme='dark'] #card-toc { - background: #1f1f1f; - } -} -.read-mode { - --font-color: #4c4948; - --readmode-light-color: #fff; - --white: var(--anzhiyu-white); - --light-grey: #4c4948; - --gray: #d6dbdf; - --hr-border: #d6dbdf; - --hr-before-color: #b9c2c9; - --highlight-bg: #f7f7f7; - --exit-btn-bg: #c0c0c0; - --exit-btn-color: #fff; - --exit-btn-hover: #8d8d8d; - --pseudo-hover: none; -} -[data-theme='dark'] .read-mode { - --font-color: rgba(255,255,255,0.7); - --readmode-light-color: #0d0d0d; - --white: rgba(255,255,255,0.9); - --light-grey: rgba(255,255,255,0.7); - --gray: rgba(255,255,255,0.7); - --hr-border: rgba(255,255,255,0.5); - --hr-before-color: rgba(255,255,255,0.7); - --highlight-bg: #171717; - --exit-btn-bg: #1f1f1f; - --exit-btn-color: rgba(255,255,255,0.9); - --exit-btn-hover: #525252; -} -.read-mode { - background: var(--readmode-light-color); -} -.read-mode .exit-readmode { - position: fixed; - top: 30px; - right: 30px; - z-index: 100; - width: 40px; - height: 40px; - border-radius: 8px; - background: var(--exit-btn-bg); - color: var(--exit-btn-color); - font-size: 16px; - -webkit-transition: background 0.3s; - -moz-transition: background 0.3s; - -o-transition: background 0.3s; - -ms-transition: background 0.3s; - transition: background 0.3s; -} -@media screen and (max-width: 768px) { - .read-mode .exit-readmode { - top: initial; - bottom: 30px; - } -} -.read-mode .exit-readmode:hover { - background: var(--exit-btn-hover); -} -.read-mode #aside-content { - display: none; -} -.read-mode #post-firstinfo .meta-firstline a.post-meta-original { - color: var(--white) !important; -} -.read-mode #post-firstinfo .meta-firstline a.post-meta-categories { - color: var(--white) !important; -} -.read-mode #post-firstinfo .meta-firstline a.article-meta__tags { - color: var(--white) !important; -} -.read-mode #post-info #post-meta { - color: var(--white) !important; -} -.read-mode #page-header.post-bg { - background-color: transparent; - background-image: none !important; -} -.read-mode #page-header.post-bg:before { - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); -} -.read-mode #page-header.post-bg > #post-info { - text-align: center; -} -.read-mode #post { - margin: 0 auto; - background: transparent; - -webkit-box-shadow: none; - box-shadow: none; -} -.read-mode #post:hover { - -webkit-box-shadow: none; - box-shadow: none; -} -.read-mode > canvas { - display: none !important; -} -.read-mode .highlight-tools, -.read-mode #footer, -.read-mode #post > *:not(#post-info):not(.post-content), -.read-mode #nav, -.read-mode .post-outdate-notice, -.read-mode #web_bg, -.read-mode #rightside, -.read-mode .not-top-img { - display: none !important; -} -.read-mode #article-container a { - color: #99a9bf; -} -.read-mode #article-container pre, -.read-mode #article-container .highlight:not(.js-file-line-container) { - background: var(--highlight-bg) !important; -} -.read-mode #article-container pre *, -.read-mode #article-container .highlight:not(.js-file-line-container) * { - color: var(--font-color) !important; -} -.read-mode #article-container figure.highlight { - border-radius: 0 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -.read-mode #article-container figure.highlight > :not(.highlight-tools) { - display: block !important; -} -.read-mode #article-container figure.highlight .line:before { - color: var(--font-color) !important; -} -.read-mode #article-container figure.highlight .hljs { - background: var(-highlight-bg) !important; -} -.read-mode #article-container h1, -.read-mode #article-container h2, -.read-mode #article-container h3, -.read-mode #article-container h4, -.read-mode #article-container h5, -.read-mode #article-container h6 { - padding: 0; -} -.read-mode #article-container h1:before, -.read-mode #article-container h2:before, -.read-mode #article-container h3:before, -.read-mode #article-container h4:before, -.read-mode #article-container h5:before, -.read-mode #article-container h6:before { - content: ''; -} -.read-mode #article-container h1:hover, -.read-mode #article-container h2:hover, -.read-mode #article-container h3:hover, -.read-mode #article-container h4:hover, -.read-mode #article-container h5:hover, -.read-mode #article-container h6:hover { - padding: 0; -} -.read-mode #article-container ul:hover:before, -.read-mode #article-container li:hover:before, -.read-mode #article-container ol:hover:before { - -webkit-transform: none !important; - -moz-transform: none !important; - -o-transform: none !important; - -ms-transform: none !important; - transform: none !important; -} -.read-mode #article-container ol:before, -.read-mode #article-container li:before { - background: transparent !important; - color: var(--font-color) !important; -} -.read-mode #article-container ul >li:before { - border-color: var(--gray) !important; -} -.read-mode #article-container .tabs { - border: 2px solid var(--tab-border-color); -} -.read-mode #article-container .tabs > .nav-tabs { - background: transparent; -} -.read-mode #article-container .tabs > .nav-tabs > .tab { - border-top: none !important; -} -.read-mode #article-container .tabs > .tab-contents .tab-item-content.active { - -webkit-animation: none; - -moz-animation: none; - -o-animation: none; - -ms-animation: none; - animation: none; -} -.read-mode #article-container code { - color: var(--font-color); -} -.read-mode #article-container blockquote { - border-color: var(--gray); - background-color: var(--readmode-light-color); -} -.read-mode #article-container kbd { - border: 1px solid var(--gray); - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--font-color); -} -.read-mode #article-container .hide-toggle { - border: 1px solid var(--gray) !important; -} -.read-mode #article-container .hide-button, -.read-mode #article-container .btn-anzhiyu, -.read-mode #article-container .hl-label { - border: 1px solid var(--gray) !important; - background: var(--readmode-light-color) !important; - color: var(--font-color) !important; -} -.read-mode #article-container .note { - border: 2px solid var(--gray); - border-left-color: var(--gray) !important; - filter: none; - background-color: var(--readmode-light-color) !important; - color: var(--font-color); -} -.read-mode #article-container .note:before, -.read-mode #article-container .note .note-icon { - color: var(--font-color); -} -body .snackbar-container { - background: var(--anzhiyu-main) !important; - color: var(--anzhiyu-white) !important; - border-radius: 0 !important; - display: -webkit-box !important; - display: -moz-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: box !important; - display: flex !important; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - max-width: none !important; - min-width: 100% !important; - margin: 0 !important; - left: 0 !important; - height: 61px !important; - -webkit-transform: none !important; - -moz-transform: none !important; - -o-transform: none !important; - -ms-transform: none !important; - transform: none !important; - margin: 0 !important; - z-index: 99999; -} -body .snackbar-container p { - font-weight: 700 !important; - text-align: center !important; - font-size: 1.1rem !important; -} -body .snackbar-container .action { - color: var(--anzhiyu-white) !important; - padding: 4px 6px !important; - font-weight: 700; - border-radius: 8px; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - border: var(--style-border) !important; -} -body .snackbar-container .action:hover { - color: var(--anzhiyu-main) !important; - background: var(--anzhiyu-white); -} -body .snackbar-container::after { - position: absolute; - height: 100%; - width: 100%; - left: 0; - top: 0; - background: var(--anzhiyu-white); - opacity: 0.1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; - filter: alpha(opacity=10); - content: ""; - -webkit-animation: snackbar-progress var(--anzhiyu-snackbar-time) linear forwards; - -moz-animation: snackbar-progress var(--anzhiyu-snackbar-time) linear forwards; - -o-animation: snackbar-progress var(--anzhiyu-snackbar-time) linear forwards; - -ms-animation: snackbar-progress var(--anzhiyu-snackbar-time) linear forwards; - animation: snackbar-progress var(--anzhiyu-snackbar-time) linear forwards; - pointer-events: none; - will-change: transform; - -webkit-transform-origin: left; - -moz-transform-origin: left; - -o-transform-origin: left; - -ms-transform-origin: left; - transform-origin: left; -} -@-moz-keyframes snackbar-progress { - from { - -webkit-transform: scaleX(0); - -moz-transform: scaleX(0); - -o-transform: scaleX(0); - -ms-transform: scaleX(0); - transform: scaleX(0); - } - to { - -webkit-transform: scaleX(1); - -moz-transform: scaleX(1); - -o-transform: scaleX(1); - -ms-transform: scaleX(1); - transform: scaleX(1); - } -} -@-webkit-keyframes snackbar-progress { - from { - -webkit-transform: scaleX(0); - -moz-transform: scaleX(0); - -o-transform: scaleX(0); - -ms-transform: scaleX(0); - transform: scaleX(0); - } - to { - -webkit-transform: scaleX(1); - -moz-transform: scaleX(1); - -o-transform: scaleX(1); - -ms-transform: scaleX(1); - transform: scaleX(1); - } -} -@-o-keyframes snackbar-progress { - from { - -webkit-transform: scaleX(0); - -moz-transform: scaleX(0); - -o-transform: scaleX(0); - -ms-transform: scaleX(0); - transform: scaleX(0); - } - to { - -webkit-transform: scaleX(1); - -moz-transform: scaleX(1); - -o-transform: scaleX(1); - -ms-transform: scaleX(1); - transform: scaleX(1); - } -} -@keyframes snackbar-progress { - from { - -webkit-transform: scaleX(0); - -moz-transform: scaleX(0); - -o-transform: scaleX(0); - -ms-transform: scaleX(0); - transform: scaleX(0); - } - to { - -webkit-transform: scaleX(1); - -moz-transform: scaleX(1); - -o-transform: scaleX(1); - -ms-transform: scaleX(1); - transform: scaleX(1); - } -} -/* 处理单页背景 */ -body[data-type="album_detail"] #web_bg { - background: var(--anzhiyu-background); -} -body[data-type="album_detail"] #page { - border: 0; - box-shadow: none !important; - padding: 0 !important; - background: 0 0 !important; -} -body[data-type="album_detail"] #page .page-title { - display: none; -} - -/* 处理页面样式 */ -#album_detail .album-container-img { - display: flex; - align-items: center; - justify-content: space-around; - width: 100%; - height: 100%; - flex-wrap: wrap; - margin-bottom: 0.3rem; -} -#album_detail .album-container-img .album-content-noimg { - width: calc(100% / 2 - 5px); -} - -#album_detail .album-content-img img { - object-fit: cover; - max-width: 100%; - border-radius: 12px; - margin: 10px 0; -} - -#album_detail .album-content-img { - height: 100%; - max-height: 300px; - border-radius: 12px; - overflow: hidden; - display: flex; - position: relative; -} - -#album_detail .album-content .datacont { - order: 0; - font-size: 0.8rem; - font-weight: 700; - color: var(--anzhiyu-fontcolor); - width: 100%; - line-height: 1.38; - border-radius: 12px; - margin-bottom: 0.5rem; - display: flex; - flex-direction: column; - text-align: justify; -} -#album_detail p { - margin: 0px; -} -#album_detail div.album-content { - display: flex; - flex-flow: wrap; - border-radius: 12px; - width: 100%; - height: 100%; -} -#album_detail .timeline ul li.album-item { - position: relative; - width: 32%; - border: var(--style-border-always); - border-radius: 12px; - padding: 1rem 1rem 0.5rem; - transition: all 0.3s ease 0s; - display: flex; - flex-flow: column nowrap; - justify-content: space-between; - align-items: flex-start; - background: var(--anzhiyu-card-bg); - box-shadow: var(--anzhiyu-shadow-border); - margin-right: 2%; -} -#album_detail .timeline #waterfall.show { - opacity: 1; -} -#album_detail .timeline #waterfall { - opacity: 0; - transition: all 0.3s ease 0s; -} -#album_detail ul.list { - display: flex; - flex-flow: row wrap; - justify-content: space-between; -} -#album_detail { - margin-top: 1rem; - width: 100%; -} -#album_detail > section > ul > li.album-item { - margin-bottom: 1rem; -} - -#album-tips { - font-size: 14px; - display: flex; - justify-content: center; - margin-top: 1rem; -} - -#album_detail .timeline ul li.album-item hr { - display: flex; - position: relative; - margin: 8px 0px; - border: 1px dashed var(--anzhiyu-theme-op); - width: 100%; -} - -#album_detail .album-info { - display: flex; - flex-direction: row; - flex-wrap: wrap; - align-items: center; - width: 95%; -} - -#album_detail > section > ul > li > div .album-info-time, -#album_detail > section > ul > li > div .album-info-address, -#album_detail > section > ul > li > div .album-info-from { - color: var(--anzhiyu-fontcolor); - font-size: 0.7rem; - background-color: var(--anzhiyu-gray-op); - padding: 0px 8px; - border-radius: 20px; - cursor: default; - display: flex; - align-items: center; - height: 35px; - line-height: 35px; - margin: 4px; - overflow: hidden; -} -#album_detail > section > ul > li > div .album-info-time time { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} - -#album_detail > section > ul > li > div .album-info-address, -#album_detail > section > ul > li > div .album-info-from { - margin-left: 4px; -} -#album_detail > section > ul > li > div .album-info-address span, -#album_detail > section > ul > li > div .album-info-from span { - margin-left: 4px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -#album_detail .album-info .anzhiyufont.anzhiyu-icon-instagram { - margin-right: 8px; -} - -#album_detail .album-bottom { - display: flex; - justify-content: space-between; - width: 100%; - margin-top: 10px; -} - -#album_detail .album-bottom .album-reply { - cursor: pointer; - width: 5%; -} - -#album_detail .timeline ul li.album-item:hover { - border: var(--style-border-hover); -} - -#album_detail .album-content-link { - display: flex; - margin-left: 0.5rem; - font-size: 0.7rem; - align-items: center; - background-color: rgba(245, 108, 108, 0.13); - color: rgb(245, 108, 108); - padding: 0px 8px; - border-radius: 20px; -} -#album_detail .album-content-link i { - margin-right: 3px; -} -#album_detail .album-content-link:hover { - background-color: var(--anzhiyu-main); - color: var(--anzhiyu-white); -} -#album_detail .album-music { - width: 100%; - height: 90px; - margin: 0.5rem 0; - border-radius: 8px; - overflow: hidden; - border: var(--style-border-always); - background: var(--anzhiyu-secondbg); -} -#album_detail .aplayer { - margin: 0; -} - -#album_detail .aplayer.aplayer-withlrc .aplayer-pic { - height: 82px; - width: 82px; - margin: 4px; - border-radius: 4px; -} -.album-music .aplayer.aplayer-withlrc .aplayer-info { - padding: 5px 7px 0; -} -#album_detail .aplayer .aplayer-info .aplayer-music { - height: 23px; -} -#album_detail .aplayer .aplayer-info .aplayer-music .aplayer-title { - font-size: 0.8rem; - font-weight: 700; - margin: 0; - color: var(--anzhiyu-fontcolor); -} - -#album_detail .aplayer .aplayer-info .aplayer-controller { - align-items: center; -} -#album_detail .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap { - padding: 0; -} -#album_detail .aplayer .aplayer-info .aplayer-controller .aplayer-time { - position: initial; -} -#album_detail .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar { - background: var(--anzhiyu-gray); - height: 8px; - border-radius: 12px; - transition: 0.3s; - overflow: hidden; -} -#album_detail .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded { - height: 100%; - border-radius: 12px; -} -#album_detail .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played { - height: 100%; - border-radius: 12px; -} -#album_detail .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb { - display: none; -} -#album_detail .aplayer .aplayer-info .aplayer-controller .aplayer-time { - position: initial; -} - -body[data-type="album_detail"] #page .author-content-item .card-content .banner-button-group .banner-button:hover { - color: var(--anzhiyu-white); - border-radius: 20px !important; -} - -/* 响应式 */ -@media screen and (max-width: 1200px) { - #album_detail .timeline ul li.album-item { - width: 49%; - margin-right: 1%; - } -} -@media screen and (max-width: 768px) { - #album_detail .timeline ul li.album-item { - width: 100%; - margin-right: 0px; - } -} -[data-theme="dark"] #album_detail .album-music .aplayer, -[data-theme="dark"] #album_detail .aplayer .aplayer-lrc:before, -[data-theme="dark"] #album_detail .aplayer .aplayer-lrc:after { - background: var(--anzhiyu-card-bg); - color: var(--anzhiyu-fontcolor); -} -#album_detail .aplayer .aplayer-lrc p { - color: var(--anzhiyu-fontcolor); -} - -#album_detail .type-gallery { - overflow: hidden; - margin-top: 40px; -} - -#album_detail_gallery_load_more { - opacity: 0; -} - -#album_detail .tag-address { - display: flex; - position: absolute; - left: 8px; - top: 8px; - padding: 4px 6px; - border-radius: 8px; - background: var(--anzhiyu-black-op); - font-size: 12px; - color: var(--anzhiyu-white); - transition: 0.3s; - z-index: 1; - user-select: none; -} - -/* 处理单页背景 */ -body[data-type="album"] #web_bg { - background: var(--anzhiyu-background); -} -body[data-type="album"] #page { - border: 0; - box-shadow: none !important; - padding: 0 !important; - background: 0 0 !important; -} -body[data-type="album"] #page .page-title { - display: none; -} - -/* 变量定义 */ -:root { - --album-background-dark: #2d3548; - --album-text-light: rgba(255, 255, 255, 0.6); - --album-text-lighter: rgba(255, 255, 255, 0.9); - --album-spacing-s: 8px; - --album-spacing-m: 16px; - --album-spacing-l: 24px; - --album-spacing-xl: 32px; - --album-spacing-xxl: 64px; -} - -/* 卡片样式 */ -#album .card-album { - width: 100%; - display: flex; - flex-wrap: wrap; - justify-content: space-around; - margin: var(--album-spacing-xxl) 0 0; -} -#album .card-album .album-content-nocover { - width: calc(100% / 4 - 40px); -} - -#album .card-album .card { - list-style: none; - position: relative; - display: flex; - width: calc(100% / 4 - 10px); - padding: 10px; -} -#album .card-album .card:hover { - cursor: pointer; -} - -#album .card_cover { - border-radius: var(--album-spacing-l); - filter: brightness(0.75) saturate(1.2) contrast(0.85); - transform-origin: center; - transform: scale(1) translateZ(0); - transition: filter 200ms linear, transform 200ms linear; - max-width: 100%; - overflow: hidden; - height: 550px; - width: 100%; - max-width: 100%; - object-fit: cover; - border-radius: var(--album-spacing-l); -} - -#album .card:hover .card_cover { - transform: scale(1.05) translateZ(0); - filter: brightness(0.9) saturate(1.2) contrast(1); -} - -#album .card-album:hover > .card:not(:hover) .card_cover { - filter: brightness(0.5) saturate(0.9) contrast(1.2) blur(20px); -} - -#album .card__content { - left: 0; - padding: var(--album-spacing-l); - position: absolute; - top: 0; -} - -#album .card__category { - color: var(--album-text-light); - font-size: 0.9rem; - margin-bottom: var(--album-spacing-s); - text-transform: uppercase; -} - -#album .card__heading { - color: var(--album-text-lighter); - font-size: 1.9rem; - text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2); - line-height: 1.4; - word-spacing: 100vw; -} - -@media (min-width: 1024px) { - #album img.card_cover { - height: 600px; - } -} - -@media (max-width: 960px) { - #album .card-album .card { - width: calc(100% / 2 - 40px); - } -} - -@media (max-width: 540px) { - #album .card-album .card { - width: calc(100%); - } -} - -@media (max-width: 768px) { - #album .card-album { - margin-top: 10px; - } - #album .card-album .card { - padding: 10px 0px; - } -} - -h1#site-title { - font-size: 3em !important; -} - -.iconfont { - font-family: "iconfont" !important; - font-size: 3em; - /* 可以定义图标大小 */ - font-style: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -/* 时间轴生肖icon */ -svg.icon { - width: 1em; - height: 1em; - /* width和height定义图标的默认宽度和高度*/ - vertical-align: -0.15em; - fill: currentColor; - overflow: hidden; -} - -.icon-zhongbiao::before { - color: #f7c768; -} - -/* 解决artitalk的图标问题 */ -#uploadSource > svg { - width: 1.19em; - height: 1.5em; -} - -/*top-img黑色透明玻璃效果移除，不建议加，除非你执着于完全一图流或者背景图对比色明显 */ -/* #page-header:not(.not-top-img):before { - background-color: transparent !important; -} */ - -/* 文章页面正文背景 */ -div#post { - background: rgba(255, 255, 255, 0.9); -} -#recent-posts > .recent-post-item:not(:first-child):active { - transform: scale(0.97); -} -/* 分页页面 */ -div#page { - background: rgba(255, 255, 255, 0.9); -} - -/* 归档页面 */ -div#archive { - background: rgba(255, 255, 255, 0.9); -} - -/* 标签页面 */ -div#tag { - background: rgba(255, 255, 255, 0.9); -} - -/* 分类页面 */ -div#category { - background: rgba(255, 255, 255, 0.9); -} - -/*夜间模式伪类遮罩层透明*/ -[data-theme="dark"] #recent-posts > .recent-post-item { - background: #121212; -} - -[data-theme="dark"] .card-widget { - background: var(--anzhiyu-card-bg); -} - -[data-theme="dark"] div#post { - background: var(--anzhiyu-card-bg); -} - -[data-theme="dark"] div#tag { - background: var(--anzhiyu-card-bg); -} - -[data-theme="dark"] div#archive { - background: var(--anzhiyu-card-bg); -} - -[data-theme="dark"] div#page { - background: var(--anzhiyu-card-bg); -} - -[data-theme="dark"] div#category { - background: var(--anzhiyu-card-bg); -} - -[data-theme="dark"] div#category { - background: transparent !important; -} - -/* md网站下划线 */ -#article-container a:hover { - text-decoration: none !important; -} - -#article-container #hpp_talk p img { - display: inline; -} - -/* 宽屏适配 */ -.page .layout, -.post .layout { - max-width: 1400px; -} - -.card-widget.card-clock { - font-size: 14px; -} - -#article-container - a:not([data-fancybox="gallery"]):not(.headerlink):not(.cf-friends-link):not(.tag-Link):not(.btn-anzhiyu):not( - .no-text-decoration - ) { - font-weight: 500; - border-bottom: solid 2px var(--anzhiyu-lighttext); - color: var(--anzhiyu-fontcolor); - padding: 0 0.2em; - text-decoration: none; - font-family: auto; -} -#article-container - a:not([data-fancybox="gallery"]):not(.headerlink):not(.cf-friends-link):not(.btn-anzhiyu):not( - .no-text-decoration - ):hover { - color: var(--anzhiyu-white); - background: var(--anzhiyu-main); - box-shadow: var(--anzhiyu-shadow-lightblack); - border-radius: 0.25em; - text-decoration: none; -} - -html.hide-aside .layout > div:first-child { - width: 100%; -} - -/* 动画wowjs兼容调整 */ -.animate__animated { - -webkit-animation-fill-mode: backwards !important; - animation-fill-mode: backwards !important; -} - -/* 文章hover边框 */ -#recent-posts .recent-post-item:hover { - border: var(--style-border-hover); -} -#recent-posts .recent-post-item:hover .recent-post-info .article-title { - color: var(--anzhiyu-theme); -} -#recent-posts .recent-post-item { - height: fit-content; - background: var(--anzhiyu-card-bg); - border-radius: 12px; - cursor: pointer; - border: var(--style-border); - box-shadow: var(--anzhiyu-shadow-border); - user-select: none; -} -/* 移动端容器padding */ -@media screen and (max-width: 768px) { - #body-wrap .layout #page { - padding: 20px 15px !important; - } -} -/* 首页文章宽度 */ -@media screen and (max-width: 1200px) { - .layout > div:first-child { - width: 100% !important; - } -} - -[data-theme="dark"] #footer:before { - content: none; -} - -@media screen and (max-width: 768px) { - .layout > div:first-child:not(.recent-posts) { - border-radius: 12px 12px 0 0; - } -} - -.banners-title { - animation: slide-in 0.6s 0.3s backwards; -} -#algolia-search .search-dialog { - animation: slide-in 0.6s ease 0s 1 normal none running; -} - -@media screen and (min-width: 1200px) { - #page > div:not(.author-content-item) { - animation: slide-in 0.6s 0.2s backwards; - } -} - -@media screen and (min-width: 1200px) { - .author-content-item { - animation: slide-in 0.6s 0s backwards; - } -} - -/* 元素透明度改变 */ -@keyframes slide-in-op { - from { - opacity: 0; - } - to { - opacity: 1; - } -} - -#aside-content .card-widget#card-wechat { - background: #57bd6a; - display: flex; - justify-content: center; - align-content: center; - padding: 0; - cursor: pointer; - border: none; - height: 110px; -} -[data-theme="dark"] #aside-content .card-widget#card-wechat { - background-color: #121121; - border: var(--style-border); -} - -#flip-wrapper { - -webkit-perspective: 1000; - perspective: 1000; -} - -#flip-wrapper { - position: relative; - width: 235px; - height: 110px; - z-index: 1; -} -#flip-content { - width: 100%; - height: 100%; - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; - transition: cubic-bezier(0, 0, 0, 1.29) 0.3s; -} -#aside-content #flip-wrapper #flip-content .face { - position: absolute; - width: 100%; - height: 100%; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - background-size: 100%; -} - -#aside-content #flip-wrapper #flip-content .back.face { - display: block; - -webkit-transform: rotateY(180deg); - transform: rotateY(180deg); - box-sizing: border-box; - background-size: 100%; -} -#flip-wrapper:hover #flip-content { - -webkit-transform: rotateY(180deg); - transform: rotateY(180deg); -} - -/* 分类目录条、标签目录条 */ -#catalog-bar { - border-radius: var(--anzhiyu-border-radius); - display: flex; - border: var(--anzhiyu-border-radius); - margin-bottom: 1rem; - justify-content: flex-start; - align-items: center; -} - -#catalog-bar:hover { - border-color: var(--anzhiyu-theme); -} - -#catalog-bar i { - line-height: inherit; -} - -#catalog-list { - /* 分类/标签较少时，可以选择不设置 width，居中显示 catalog-list-item */ - display: flex; - white-space: nowrap; - overflow-x: scroll; -} - -#catalog-list::-webkit-scrollbar { - display: none; -} - -.catalog-list-item a { - margin-right: 0.3rem; - font-weight: bold; - color: var(--font-color); - transition: all 0.3s ease-in-out; - display: flex; - align-items: center; - padding: 0.1rem 0.5rem; - border-radius: 8px; - height: 30px; - line-height: 30px; -} -.catalog-list-item { - display: flex; - align-items: center; -} - -.catalog-list-item.selected a { - background: var(--anzhiyu-lighttext); - color: var(--anzhiyu-white); -} - -a.catalog-more { - min-width: fit-content; - font-weight: bold; - color: var(--anzhiyu-fontcolor); - margin-left: 16px; -} - -a.catalog-more:hover { - color: var(--anzhiyu-theme); -} - -#categoryBar { - width: 100%; - display: flex; -} - -#category-bar { - padding: 0.5rem 10px; - background: var(--anzhiyu-card-bg); - display: flex; - white-space: nowrap; - overflow: hidden; - border: var(--style-border); - width: 100%; - height: 50px; - border-radius: 12px; - transition: all 0.3s ease 0s; - animation: slide-in 0.6s 0.3s backwards; -} - -.category-bar-next { - margin-left: 16px; - cursor: pointer; - display: flex; -} - -.category-bar-next:hover { - color: var(--anzhiyu-lighttext); -} - -#category-bar #catalog-bar { - margin-bottom: 0; - overflow-y: hidden; - margin: -0.2rem 0; -} - -#category-bar.category-bar:hover { - border: var(--style-border-hover); - box-shadow: var(--anzhiyu-shadow-main); -} - -#category #category-bar { - padding: 0; - border: none; -} - -#category a.catalog-list-item.select a { - display: none; -} - -#category #catalog-list .catalog-list-item:first-child { - margin-left: 5px; -} - -.catalog-list-item:hover a { - background: var(--anzhiyu-main); - color: var(--anzhiyu-white); -} - -.catalog-list-item.select a { - background: var(--anzhiyu-main); - color: var(--anzhiyu-white); - border-radius: 8px; -} - -.category-bar-more { - margin-left: 1rem; - font-weight: bold; -} - -[data-theme="dark"] #category-bar.category-bar { - background: var(--anzhiyu-background); -} - -@media screen and (max-width: 768px) { - #catalog-bar i { - margin-right: 5px; - } - #categoryBar { - margin-bottom: 0; - position: -webkit-sticky; - position: sticky; - top: 60px; - z-index: 2; - align-items: center; - margin-top: 0; - } - #category-bar.category-bar { - width: 100%; - } - #category-bar.category-bar { - background: var(--anzhiyu-background); - } - [data-theme="dark"] #category-bar.category-bar { - background: var(--anzhiyu-black); - } - #category-bar.category-bar:hover { - border: none; - box-shadow: none; - } - #category-bar { - border: none; - border-radius: 0px; - padding: 0.5rem 20px; - } -} - -/*和风天气 */ -#he-plugin-simple { - z-index: 92; - transition: 0.3s; - position: fixed !important; -} - -#he-plugin-simple.shown { - opacity: 0.5; - pointer-events: unset; -} - -#he-plugin-simple .sticker-important { - color: var(--anzhiyu-white) !important; -} - -.s-sticker div[data-v-41ba7e2c]:not(:first-child):not(:last-child) { - padding: 0 0.07em !important; -} - -body:has(#sidebar-menus.open) #he-plugin-simple { - z-index: 104; - left: 95px !important; - opacity: 1; - display: block; - transition: 0.3s; -} - -div.s-sticker { - background-color: transparent !important; -} -.s-sticker div { - color: var(--font-color) !important; - font-weight: bold; -} -body:has(.post-bg.nav-fixed) #he-plugin-simple .s-sticker div { - color: var(--font-color) !important; -} -body:has(.post-bg) #he-plugin-simple .s-sticker div { - color: var(--anzhiyu-white) !important; -} -[data-theme="dark"] body:has(.post-bg) #he-plugin-simple .s-sticker div { - color: var(--font-color) !important; -} - -#weather-view-he { - height: 285px !important; - padding: 10px !important; - border-radius: 10px !important; - background-color: var(--anzhiyu-card-bg) !important; - box-shadow: rgba(0, 0, 0, 0.1) 0 0 20px; - margin-top: 20px !important; - transform: 0.3s; - opacity: 1; -} -.s-sticker ~ [data-v-41ba7e2c] { - opacity: 0; -} -[data-v-41ba7e2c]:has([data-v-db6ccf64][data-v-41ba7e2c]) { - opacity: 1; -} -[data-v-db6ccf64][data-v-41ba7e2c] { - top: 38px !important; -} -.wv-lt-location, -.wv-lt-refresh { - display: inline-block; -} -.wv-lt-location a { - padding: 0 5px; - border-radius: 3px; - color: var(--anzhiyu-blue) !important; - background-color: var(--anzhiyu-blue-tint); - text-decoration: none !important; -} -.wv-lt-col-5 { - text-align: right; -} -.wv-lt-refresh a { - font-size: 0 !important; -} -.wv-lt-refresh a::after { - content: "\5b89\77e5\9c7c\548c\98ce"; - font-size: small !important; -} -.vw-f-cell a, -.wv-n-h-now-rain-text, -.wv-n-h-now-tmp span, -.wv-n-h-now-txt span, -.wv-n-h-now-txt-t { - color: var(--anzhiyu-fontcolor) !important; -} -.wv-f-table div .vw-f-cell:nth-child(1) a { - color: #9b9b9b !important; -} -.wv-top-backdrop { - height: 285px !important; - padding-top: 50px !important; -} -.wv-top-backdrop::after { - content: "\8BF7\4F7F\7528\952E\76D8\2191\2193\9009\62E9\FF0C\56DE\8F66\9009\5B9A" !important; - padding-left: 5%; -} -.wv-top-button, -.wv-top-select { - height: 36px !important; - border: none !important; - border-radius: 5px !important; - cursor: pointer; - transition: 0.25s; -} -.wv-top-select { - padding-left: 10px !important; -} -.wv-top-button { - background-color: var(--anzhiyu-blue) !important; - color: #fff !important; -} - -.wv-top-button:hover { - background-color: var(--anzhiyu-blue-hover) !important; -} -.wv-top-button:active { - background-color: var(--anzhiyu-blue-hover) !important; -} - -@media screen and (max-width: 1400px) { - #he-plugin-simple { - display: none; - } -} - -@media screen and (min-width: 1400px) and (max-width: 1690px) { - #he-plugin-simple { - left: 262px !important; - } -} - -#article-container ol, -#article-container ul { - margin-top: 0.4rem; - padding: 0px 0px 0px 0.8rem; - list-style: none; - counter-reset: li 0; -} -#article-container code { - padding: 0.2rem 0.4rem; - border-radius: 4px; - margin: 0 4px; - line-height: 2; - box-shadow: var(--anzhiyu-shadow-border); -} -#article-container.post-content li::marker { - content: none; -} -#article-container ol li:not(.tab), -#article-container ul li:not(.tab) { - position: relative; - margin: 0.2rem 0px; -} -#article-container ul > li:not(.tab) { - padding: 0.2em 0.2em 0.2em 1.4em; -} -#article-container ul > li:not(.tab):before { - border: 0.21em solid var(--anzhiyu-lighttext); - background: var(--anzhiyu-lighttext); -} -#article-container ul > li:not(.tab)::before { - top: 0.78em; - width: 0.42em; - height: 0.42em; - border-radius: 0.42em; - content: ""; - line-height: 0.42em; -} - -#article-container ol li::before, -#article-container ul li::before { - position: absolute; - top: 0px; - left: 0px; - background: var(--anzhiyu-main); - color: rgb(255, 255, 255); - transition: all 0.3s ease-out 0s; -} -#article-container ol > li::before { - margin-top: 0.65em; - width: 1.45em; - height: 1.45em; - border-radius: 0.725em; - content: counter(li); - counter-increment: li 1; - text-align: center; - font-size: 0.85em; - line-height: 1.45em; -} -#article-container ol[start] { - counter-reset: unset; -} -#article-container ol li:not(.tab), -#article-container ul li:not(.tab) { - position: relative; - margin: 0.2rem 0px; -} -#article-container ol > li:not(.tab) { - padding: 0.2em 0.2em 0.2em 1.8em; -} - -/* 代码框主题 */ -#article-container figure.highlight { - border-radius: 10px; -} -#post-comment blockquote { - background: var(--anzhiyu-secondbg); - border: var(--style-border); - box-shadow: none; - margin: 0px 0px 0.5rem; - font-size: 12px; - color: var(--anzhiyu-secondtext); - border-radius: 8px; -} - -details.folding-tag[open] { - border-radius: 15px !important; - border-color: var(--anzhiyu-main) !important; - border: 1px solid var(--anzhiyu-main) !important; -} - -li details.folding-tag { - border-radius: 8px; -} - -li details.folding-tag summary { - border-radius: 8px; -} - -details.folding-tag { - transition: border 0s ease !important; - border: none !important; -} - -details.folding-tag[open] > summary { - color: var(--anzhiyu-white) !important; - background: var(--anzhiyu-main) !important; - border: 1px solid var(--anzhiyu-main) !important; - border-top: none !important; - border-left: none !important; - border-right: none !important; - border-bottom-left-radius: 0 !important; - border-bottom-right-radius: 0 !important; -} -details.folding-tag > summary { - border: var(--style-border) !important; - background: var(--anzhiyu-card-bg); - border-radius: 14px !important; - box-shadow: var(--anzhiyu-shadow-border); - color: var(--font-color) !important; - user-select: none; -} -details.folding-tag > summary::marker { - color: var(--anzhiyu-main); - font-size: 16px; -} -details.folding-tag > summary::before { - content: " "; - margin-right: 2px; -} -details.folding-tag[open] > div.content { - border-radius: 0 0 16px 16px; -} -details.folding-tag summary:hover::marker { - color: var(--anzhiyu-white); -} -details.folding-tag[open] > summary::marker { - color: var(--anzhiyu-white); -} -details.folding-tag summary:hover { - cursor: pointer; - background: var(--anzhiyu-main) !important; - color: var(--anzhiyu-white) !important; - transition: 0.3s; - box-shadow: var(--anzhiyu-shadow-main); -} -details .content > *:nth-child(1) { - margin-top: 0 !important; -} - -.flink details.folding-tag[open] > div.content { - padding: 20px; - margin: 0px; - margin-top: 0; -} - -.comment-barrage { - position: fixed; - bottom: 0; - right: 60px; - padding: 0 0 20px 10px; - z-index: 100; - display: flex; - flex-direction: column; - justify-content: end; - align-items: flex-end; - z-index: 999; - transition: 0.3s; -} -@media screen and (max-width: 768px) { - .comment-barrage { - display: none !important; - } -} -.comment-barrage-item { - min-width: 300px; - max-width: 300px; - width: fit-content; - min-height: 80px; - max-height: 150px; - margin: 4px; - padding: 8px 14px; - background: var(--anzhiyu-maskbgdeep); - border-radius: 8px; - color: var(--anzhiyu-fontcolor); - animation: barrageIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); - transition: 0.3s; - display: flex; - flex-direction: column; - border: var(--style-border); - backdrop-filter: saturate(180%) blur(20px); - -webkit-backdrop-filter: blur(20px); - transform: translateZ(0); - position: fixed; - box-shadow: var(--anzhiyu-shadow-border); -} -.comment-barrage-item:hover { - border: var(--style-border-hover); - box-shadow: var(--anzhiyu-shadow-main); -} -.comment-barrage-item.out { - opacity: 0; - animation: barrageOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); -} -.comment-barrage-item a.barrageContent:hover { - color: var(--anzhiyu-main); -} -.comment-barrage-item.hovered { - opacity: 0; -} -.comment-barrage-item .comment-barrage-close { - color: var(--anzhiyu-secondtext); - cursor: pointer; - line-height: 1; - padding: 4px; -} -.comment-barrage-item .comment-barrage-close:hover { - color: var(--anzhiyu-main); -} -.comment-barrage-item pre { - display: none; -} -.comment-barrage-item p img:not(.tk-owo-emotion) { - display: none; -} - -.comment-barrage-item .barrageHead { - height: 30px; - padding: 0; - line-height: 30px; - font-size: 12px; - border-bottom: var(--style-border); - display: flex; - justify-content: space-between; - align-items: center; - font-weight: 700; - padding-bottom: 6px; -} -.comment-barrage-item .barrageHead .barrageTitle { - color: var(--anzhiyu-card-bg); - margin-right: 8px; - background: var(--anzhiyu-fontcolor); - line-height: 1; - padding: 4px; - border-radius: 4px; -} -.comment-barrage-item .barrageHead .barrageTitle.barrageBloggerTitle { - background: var(--anzhiyu-orange); -} -.comment-barrage-item .barrageAvatar { - width: 16px; - height: 16px; - margin: 0; - margin-left: auto; - margin-right: 8px; - border-radius: 50%; - background: var(--anzhiyu-secondbg); -} -.comment-barrage-item .barrageContent { - font-size: 14px !important; - font-weight: 400 !important; - height: calc(100% - 30px); - overflow: scroll; - cursor: pointer; -} -.comment-barrage-item .barrageContent::-webkit-scrollbar { - height: 0; - width: 4px; -} -.comment-barrage-item .barrageContent::-webkit-scrollbar-button { - display: none; -} -.comment-barrage-item .barrageContent p { - margin: 8px 0; - line-height: 1.3; - overflow: hidden; - text-overflow: ellipsis; - -webkit-line-clamp: 2; - display: -webkit-box; - -webkit-box-orient: vertical; -} -.comment-barrage-item .barrageContent blockquote p { - margin: 0; -} -.comment-barrage-item .barrageContent h1, -.comment-barrage-item .barrageContent h2, -.comment-barrage-item .barrageContent h3, -.comment-barrage-item .barrageContent h4 { - font-size: 14px !important; - font-weight: 400 !important; - margin: 8px 0 !important; -} - -/* 中控台 */ -#console { - display: flex; - position: fixed; - width: 100vw; - height: 100vh; - top: 0; - left: 0; - justify-content: center; - opacity: 0; - transition: 0.3s ease-out, color 0s; - flex-direction: column; - align-items: center; - pointer-events: none; - margin: 0 !important; - z-index: 2; -} -#console-music-bg { - display: none; -} - -#console.show, -#console.reward-show { - opacity: 1; - pointer-events: all; -} - -#console.reward-show .console-card-group { - pointer-events: none; -} - -#console .console-card-group { - display: flex; - justify-content: space-between; - align-items: center; - margin: 0 30px; - transform: translateY(20px); - transition: 0.3s; - opacity: 0; - max-width: 80%; - max-height: 70%; -} - -#console.show .console-card-group { - transform: translateY(0px); - opacity: 1; - transition-delay: 0.1s; -} - -#console .console-card-group-left { - margin-right: 0.5rem; - width: 40%; - height: 100%; -} - -#console .console-card-group-right { - display: flex; - flex-direction: column; - justify-content: space-between; - height: 100%; - width: 60%; - overflow: hidden; - min-width: 575px; -} - -#console .console-card { - background: var(--card-bg); - border-radius: 12px; - overflow: hidden; - border: var(--style-border); - box-shadow: var(--anzhiyu-shadow-border); - padding: 40px; -} - -#console .console-card.tags { - height: calc(100% - 172px); -} - -#console .console-mask { - background: var(--anzhiyu-maskbgdeep); - backdrop-filter: saturate(100%) blur(0px); - -webkit-backdrop-filter: blur(0px); - width: 100vw; - height: 100vh; - top: 0; - left: 0; - position: absolute; - z-index: -1; - transition: 0.3s; - margin: 0px !important; -} - -#console.show .console-mask, -#console.reward-show .console-mask { - backdrop-filter: saturate(180%) blur(20px); - -webkit-backdrop-filter: blur(20px); - transform: translateZ(0); -} - -#card-newest-comments .aside-list-item .thumbnail img { - width: 20px; - height: 20px; - margin-right: 8px; - border-radius: 20px; -} - -#card-newest-comments .aside-list-item { - background: var(--anzhiyu-card-bg); - border-radius: 12px; - border: var(--style-border); - padding: 12px 16px; - width: 49%; - display: flex; - flex-direction: column; - height: 150px; - transition: 0.3s; - cursor: pointer; -} - -#card-newest-comments .aside-list-item:not(:last-child) { - margin-bottom: 0.5rem; -} - -#card-newest-comments .aside-list-item .name { - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - width: 130px; - font-weight: bold; -} - -#console .author-content-item-tips { - opacity: 0.8; - font-size: 12px; - margin-bottom: 0.5rem; - color: var(--font-color); -} - -#console .author-content-item-title { - font-size: 27px; - font-weight: 700; - line-height: 1; - color: var(--font-color); -} - -#console .aside-list-item .thumbnail { - display: flex; - align-items: center; - width: fit-content; -} - -#console .aside-list-item .content { - display: flex; - flex-direction: column; - height: 100%; - margin-top: 0.5rem; -} - -#card-newest-comments .aside-list-item:hover { - background: var(--anzhiyu-main); - color: var(--anzhiyu-white); -} - -#console .aside-list-item .content .comment { - -webkit-line-clamp: 2; - display: -webkit-box; - overflow: hidden; - -webkit-box-orient: vertical; - line-height: 24px; - font-size: 14px; - border-radius: 0px; -} - -#console .aside-list-item:hover .thumbnail, -#console .aside-list-item:hover .content .comment, -#console .aside-list-item:hover .content time { - color: var(--anzhiyu-white); -} - -#console .aside-list-item .content time { - font-size: 12px; - margin-top: auto; - color: var(--anzhiyu-fontcolor); -} - -#console .aside-list { - display: flex; - flex-wrap: wrap; - flex-direction: row; - justify-content: space-between; - margin-top: 0.5rem; -} - -#console .button-group { - display: flex; - margin: 1rem auto 0 auto; - justify-content: center; - width: fit-content; -} - -#console .button-group .console-btn-item { - width: 60px; - height: 60px; - transition: 0.3s; - cursor: pointer; -} - -#console .button-group .console-btn-item:not(:last-child) { - margin-right: 0.5rem; -} - -#console .button-group .console-btn-item a { - width: 100%; - height: 100%; - background: var(--card-bg); - border: var(--style-border); - border-radius: 60px; - display: flex; - align-items: center; - justify-content: center; - color: var(--anzhiyu-fontcolor); -} - -#console .button-group .console-btn-item.on a { - background: var(--anzhiyu-orange); - color: var(--anzhiyu-white); - transition: 0.3s; -} - -.console-card.tags .card-tag-cloud { - margin-top: 1.5rem; - display: flex; - flex-wrap: wrap; - max-height: 230px; - overflow: hidden; -} - -.console-card.tags .card-tag-cloud a { - color: var(--anzhiyu-fontcolor) !important; - margin: 6px 4px; - padding: 2px 8px; - border-radius: 8px; - background: var(--anzhiyu-secondbg); - border: var(--style-border); - font-size: 14px !important; - font-weight: bold; -} - -.console-card.tags .card-tag-cloud a:hover { - background: var(--anzhiyu-main); - color: var(--anzhiyu-white) !important; -} - -.console-card.tags .card-tag-cloud a sup { - opacity: 0.6; -} - -#console .console-card.history { - margin-top: 8px; - padding: 0; - background: none; - box-shadow: none; - border: none; - overflow: hidden; - min-width: 575px; -} - -#console .console-card.history .item-headline { - display: none; -} - -#console .console-card.history .card-archive-list { - display: flex; - flex-direction: row; - flex-wrap: wrap; -} - -#console .console-card.history .card-archive-list li.card-archive-list-item { - flex: 0 0 25%; -} - -#console .console-card.history .card-archive-list .card-archive-list-link { - border-radius: 8px; - margin: 4px; - display: flex; - flex-direction: column; - align-content: space-between; - border: var(--style-border); - background: var(--card-bg); - padding: 8px 16px; -} - -#console .console-card.history .card-archive-list .card-archive-list-link:hover { - background: var(--anzhiyu-main); - color: var(--anzhiyu-white); -} - -#console #card-newest-comments { - height: 100%; - min-height: 580px; -} - -#console .button-group i { - font-size: 1rem; -} - -#console hr { - display: none; -} - -#console ul { - padding-left: 0; -} -#console ul li { - list-style: none; -} -#console .console-card.history ul.card-archive-list { - margin: -4px; -} - -[data-theme="dark"] #console .button-group .console-btn-item a.darkmode_switchbutton { - background: var(--anzhiyu-orange); - color: var(--anzhiyu-white); -} - -/* 控制台音乐css */ -body:has(#console.show) - #nav-music - .aplayer - .aplayer-info - .aplayer-controller - .aplayer-bar-wrap:hover - .aplayer-bar - .aplayer-played - .aplayer-thumb { - display: inline; -} - -body:has(#console.show) .aplayer.aplayer-arrow .aplayer-icon-loop, -.aplayer.aplayer-arrow .aplayer-icon-order { - display: inline; -} -body:has(#console.show) .aplayer-volume-wrap { - display: none; -} -body:has(#console.show) #nav-music { - z-index: 10000; - left: 45%; - top: 23%; - box-shadow: none; - align-items: flex-start; - transition: 0s; - height: 35%; - width: 42%; - opacity: 1 !important; - justify-content: center; -} - -body:has(#console.show) #nav-music:active { - transform: scale(1); -} -body:has(#console.show) #nav-music .aplayer.aplayer-withlrc .aplayer-lrc { - opacity: 1; - width: 100%; - height: 180px; - margin: 0; - padding: 0; -} -body:has(#console.show) #nav-music .aplayer .aplayer-lrc p.aplayer-lrc-current, -body:has(#console.show) #nav-music .aplayer .aplayer-lrc p { - color: var(--anzhiyu-fontcolor); -} -body:has(#console.show) #nav-music #nav-music-hoverTips { - opacity: 0; - height: 70px; - width: 70px; - margin-left: 0px; - border-radius: 50%; - box-shadow: 0 0 14px #ffffffa6; - transform: rotate(0deg) scale(1.1); - border: var(--style-border-always); - animation: changeright 24s linear infinite; - margin-top: 10px; - left: auto; -} -body:has(#console.show) - #nav-music - .aplayer - .aplayer-info - .aplayer-controller - .aplayer-bar-wrap - .aplayer-bar - .aplayer-loaded { - display: block; - border-radius: 10px; - height: 10px; -} -body:has(#console.show) meting-js { - height: 100%; - width: 100%; -} -body:has(#console.show) #nav-music .aplayer .aplayer-body { - align-items: center; - flex-direction: column; - width: 100%; - cursor: auto; -} -body:has(#console.show) #nav-music .aplayer { - height: 100%; - width: 100%; - padding: 10px 10px 0; -} -body:has(#console.show) #nav-music .aplayer { - background: none; - border: none; -} -body:has(#console.show) #nav-music.playing { - animation: none; -} -body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-music { - height: auto; - margin-bottom: 10px; -} -body:has(#console.show) #nav-music .aplayer.aplayer-withlrc .aplayer-info { - flex-direction: column; - height: auto; - position: relative; -} - -body:has(#console.show) .aplayer .aplayer-pic .aplayer-play { - width: 30px; - height: 30px; -} -body:has(#console.show) .aplayer .aplayer-pic .aplayer-play svg { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-44%, -50%); -} -body:has(#console.show) #nav-music .aplayer.aplayer-withlrc .aplayer-pic { - height: 70px; - width: 70px; - margin-left: 0px; - border-radius: 50%; -} -body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-music .aplayer-author { - display: inline; -} -body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-music .aplayer-title { - color: var(--anzhiyu-fontcolor); - cursor: auto; - line-height: 2; - display: inline-block; - white-space: nowrap; - max-width: 300px; - overflow: hidden; - text-overflow: ellipsis; - transition: 0.3s; - user-select: none; - margin-right: 3px; -} -body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-controller { - width: 100%; - height: auto; - top: 26px; - align-items: center; -} -body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar { - height: 10px; - border-radius: 10px; - background: #cdcdcd; -} -body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-time { - display: block; - bottom: 0; -} -body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap { - margin: 0; - padding: 0; -} -body:has(#console.show) - #nav-music - .aplayer.aplayer-withlist - .aplayer-info - .aplayer-controller - .aplayer-time - .aplayer-icon.aplayer-icon-menu { - display: none; -} -body:has(#console.show) - #nav-music - .aplayer - .aplayer-info - .aplayer-controller - .aplayer-bar-wrap - .aplayer-bar - .aplayer-played { - background: var(--anzhiyu-main) !important; - opacity: 0.8; - animation: none; - border-radius: 10px; -} -body:has(#console.show) - #nav-music - .aplayer - .aplayer-info - .aplayer-controller - .aplayer-bar-wrap - .aplayer-bar - .aplayer-played - .aplayer-thumb { - margin-top: -2px; - width: 15px; - height: 15px; -} -body:has(#console.show) #nav-music .aplayer .aplayer-lrc .aplayer-lrc-contents { - margin-top: 80px; -} - -@media screen and (min-width: 1200px) and (max-width: 1450px) { - body:has(#console.show) #nav-music { - left: 45%; - } -} - -/* 赞赏部分控制台css */ -.console-card-group-reward { - opacity: 0; - display: none; -} -.reward-show .console-card-group-reward { - opacity: 1; - display: block; - position: absolute; -} -.console-card-group-reward .reward-all { - display: flex; - align-items: center; - justify-content: center; -} -.console-card-group-reward .reward-all .reward-item { - display: flex; - flex-direction: column; - align-items: center; - margin: 0.625rem; -} -.console-card-group-reward .reward-all .reward-item img { - width: 230px; - height: 230px; -} - -@media screen and (max-width: 1200px) { - /* 移动端音乐列表 */ - body:has(#console.show) #nav-music .aplayer-list { - display: block; - position: absolute; - z-index: 1; - background: white; - left: 0; - } - body:has(#console.show) .aplayer-list { - max-height: none !important; - } - body:has(#console.show) .aplayer-list { - position: fixed; - display: none; - width: 100%; - bottom: -76%; - left: 0; - background: var(--sidebar-bg); - height: auto; - border-radius: 15px 15px 0px 0px; - padding: 15px 0px; - } - body:has(#console.show) .aplayer-list.aplayer-list-hide { - bottom: 0% !important; - } - body:has(#console.show) ol > li { - display: flex; - margin: 0 10px; - } - body:has(#console.show) ol > li span.aplayer-list-title { - width: 30%; - } - body:has(#console.show) ol > li.aplayer-list-light { - background: #33a673; - padding: 5px 20px; - border-radius: 10px; - } - - body:has(#console.show) ol > li.aplayer-list-light span { - color: #fff; - } - body:has(#console.show) ol > li span.aplayer-list-title { - max-width: 55%; - width: auto; - display: -webkit-box; - -webkit-line-clamp: 1; - overflow: hidden; - -webkit-box-orient: vertical; - } - body:has(#console.show) ol > li span.aplayer-list-author { - position: absolute; - right: 10px; - width: auto; - max-width: 35%; - display: -webkit-box; - -webkit-line-clamp: 1; - overflow: hidden; - -webkit-box-orient: vertical; - } - body:has(#console.show) ol > li.aplayer-list-light span.aplayer-list-author { - right: 15px; - } - /* 移动端音乐 */ - body:has(#console.show) meting-js { - position: relative; - } - #console .console-card-group { - justify-content: center; - } - - #console .console-card-group { - display: none; - } - - #console .console-card-group-right { - width: 100%; - margin: 0; - } - - #consoleCommentBarrage { - display: none; - } - - #console .button-group { - position: absolute; - bottom: 70px; - } - body:has(#console.show) #nav-music #nav-music-hoverTips { - display: none; - } - body:has(#console.show) #nav-music { - position: fixed; - display: block !important; - left: 5.2%; - top: 3.9rem !important; - height: 70%; - width: 85%; - } - body:has(#console.show) #console-music-bg { - display: block; - filter: blur(33px); - display: block; - background: #000000; - opacity: 0.58; - width: 100%; - height: 100%; - position: absolute; - top: 0; - transform: scale(1.2); - } - [data-theme="dark"] body:has(#console.show) #console-music-bg { - background: var(--anzhiyu-white); - } - body:has(#console.show) #console-music-bg::after { - box-shadow: inset 0 0px 10px 116px #000000; - position: absolute; - content: ""; - width: 100%; - height: 100%; - top: 0; - left: 0; - } - [data-theme="dark"] body:has(#console.show) #console-music-bg::after { - box-shadow: inset 0 0px 10px 116px var(--anzhiyu-white); - } - body:has(#console.show) #nav-music .aplayer.aplayer-withlrc .aplayer-pic { - height: 100px; - width: 100px; - border-radius: 50%; - animation: none; - border: none; - transform: none !important; - box-shadow: none; - margin-top: 80px; - } - - body:has(#console.show) #nav-music .aplayer { - padding: 30px; - border-radius: 0; - } - body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-music .aplayer-title, - body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-music .aplayer-author { - color: var(--anzhiyu-white); - } - body:has(#console.show) #nav-music .aplayer.aplayer-withlrc .aplayer-info { - width: 100%; - height: 45%; - } - body:has(#console.show) #nav-music .aplayer .aplayer-body { - justify-content: space-between; - } - body:has(#console.show) #nav-music .aplayer.aplayer-withlrc .aplayer-info::after { - position: absolute; - content: "iPhone"; - top: -20px; - left: 0; - color: #b5b8bc; - } - body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-music { - padding: 25px 0 0; - position: absolute; - left: 0; - } - body:has(#console.show) #nav-music .aplayer.aplayer-withlrc .aplayer-lrc { - height: 25px; - text-align: left; - } - - body:has(#console.show) #nav-music .aplayer .aplayer-lrc p.aplayer-lrc-current { - color: var(--anzhiyu-white); - font-size: 20px; - line-height: 25px !important; - float: left; - white-space: nowrap; - animation: an-text-roll 4s cubic-bezier(0.6, 0, 0.5, 1) alternate infinite; - min-width: 100%; - /* margin: 0; */ - } - body:has(#console.show) #nav-music .aplayer .aplayer-lrc p { - color: var(--anzhiyu-white); - font-size: 16px; - margin: 0; - margin-top: 20px; - margin-bottom: 20px; - } - body:has(#console.show) #nav-music .aplayer .aplayer-lrc .aplayer-lrc-contents { - margin: -40px 0px 0; - } - body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-time { - color: var(--anzhiyu-white); - left: 50%; - transform: translateX(-50%); - top: 15px; - position: absolute; - width: 100%; - padding: 0; - } - body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-controller { - top: 58px; - } - body:has(#console.show) .aplayer .aplayer-icon-back, - body:has(#console.show) .aplayer .aplayer-icon-forward, - body:has(#console.show) .aplayer .aplayer-icon-order, - body:has(#console.show) .aplayer .aplayer-icon-play, - body:has(#console.show) - #nav-music - .aplayer.aplayer-withlist - .aplayer-info - .aplayer-controller - .aplayer-time - .aplayer-icon.aplayer-icon-menu, - body:has(#console.show) .aplayer.aplayer-mobile .aplayer-icon-volume-down { - display: inline-block; - opacity: 1; - } - body:has(#console.show) .aplayer .aplayer-icon-volume-down { - width: 36px; - height: 30px; - } - body:has(#console.show) .aplayer-volume-wrap { - position: absolute; - top: 150px; - left: 50%; - transform: translateX(-50%); - width: 75px; - } - body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar { - height: 10px; - border-radius: 10px; - } - body:has(#console.show) - #nav-music - .aplayer - .aplayer-info - .aplayer-controller - .aplayer-bar-wrap - .aplayer-bar - .aplayer-loaded { - display: block; - height: 10px; - border-radius: 10px; - } - - body:has(#console.show) .aplayer .aplayer-icon-back { - left: 0; - } - body:has(#console.show) .aplayer .aplayer-icon-forward { - right: 0; - } - body:has(#console.show) .aplayer .aplayer-icon-forward, - body:has(#console.show) .aplayer .aplayer-icon-back { - height: 40px; - width: 33%; - margin: 15px 0; - position: absolute; - } - - body:has(#console.show) .aplayer .aplayer-pic .aplayer-play { - width: 120px; - height: 120px; - } - body:has(#console.show) .aplayer .aplayer-pic .aplayer-pause { - width: 100px; - height: 100px; - } - body:has(#console.show) .aplayer .aplayer-pic .aplayer-play svg { - width: 60px; - height: 60px; - } - body:has(#console.show) .aplayer .aplayer-pic .aplayer-pause svg { - width: 50px; - height: 50px; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - } - - body:has(#console.show) .aplayer .aplayer-icon-play { - height: 50px; - width: 33%; - margin: 10px 0; - position: absolute; - left: 50%; - transform: translateX(-50%); - } - - body:has(#console.show) - .aplayer.aplayer-withlist - .aplayer-info - .aplayer-controller - .aplayer-time - .aplayer-icon.aplayer-icon-menu { - right: 0; - } - body:has(#console.show) .aplayer.aplayer-arrow .aplayer-icon-order { - left: 0; - } - body:has(#console.show) - .aplayer.aplayer-withlist - .aplayer-info - .aplayer-controller - .aplayer-time - .aplayer-icon.aplayer-icon-menu, - body:has(#console.show) .aplayer.aplayer-arrow .aplayer-icon-order { - height: 40px; - width: 33%; - top: 80px; - position: absolute; - } - - body:has(#console.show) .aplayer.aplayer-arrow .aplayer-icon-loop { - height: 40px; - width: 33%; - position: absolute; - left: 50%; - top: 80px; - transform: translateX(-50%); - } - - body:has(#console.show) #nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap { - margin: 0; - padding: 0; - } - body:has(#console.show) .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner { - position: relative; - width: 100%; - display: flex; - justify-content: space-between; - align-items: center; - } - body:has(#console.show) .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path { - fill: var(--anzhiyu-white); - } - body:has(#console.show) .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap { - overflow: visible; - bottom: 0px; - left: 45px; - right: auto; - } - body:has(#console.show) - .aplayer - .aplayer-info - .aplayer-controller - .aplayer-volume-wrap - .aplayer-volume-bar-wrap - .aplayer-volume-bar, - body:has(#console.show) - .aplayer - .aplayer-info - .aplayer-controller - .aplayer-volume-wrap - .aplayer-volume-bar-wrap - .aplayer-volume-bar - .aplayer-volume { - width: 20px; - border-radius: 4px; - } -} - -@media screen and (max-width: 867px) { - #center-console:checked + label { - display: none; - } - #console .console-card-group { - display: none; - } - - #consoleHideAside { - display: none; - } - .console-card-group-reward .reward-all .reward-item img { - width: 130px; - height: 130px; - } - #console #consoleKeyboard { - display: none; - } -} - -@media screen and (max-height: 800px) { - #console .console-card-group { - display: none; - } - - #consoleMusic { - display: none; - } - - #consoleCommentBarrage { - display: none; - } - - body:has(#console.show) #nav-music { - display: none; - } -} - -@media screen and (min-width: 768px) { - #console .button-group .console-btn-item a:hover { - background: var(--anzhiyu-main) !important; - } - #console .button-group .console-btn-item:hover a { - background: var(--anzhiyu-main); - color: var(--anzhiyu-white); - } -} -@media screen and (max-width: 768px) { - body:has(#console.show) #nav-music { - width: 90%; - } - #center-console + label { - display: none; - } -} -/* 歌词超出文本滚动动画 */ -@keyframes an-text-roll { - from { - margin-left: 0; - } - to { - margin-left: 100%; - transform: translateX(-100%); - } -} - -body[data-type="essay"] #page { - border: 0; - box-shadow: none !important; - padding: 0 !important; - background: transparent !important; -} -body[data-type="essay"] #page .page-title { - display: none; -} -body[data-type="essay"] #web_bg { - background: var(--anzhiyu-background); -} -#bber .bber-container-img { - display: flex; - align-items: center; - justify-content: space-around; - width: 100%; - flex-wrap: wrap; - margin-bottom: 0.3rem; -} -#bber .bber-container-img .bber-content-noimg { - width: calc(100% / 4 - 5px); -} - -#bber .bber-content-img img { - object-fit: cover; - max-height: 100%; -} - -#bber .bber-content-img, -#bber .bber-content-video { - height: 100px; - border-radius: 8px; - overflow: hidden; - display: flex; - justify-content: center; - position: relative; - width: calc(100% / 4 - 5px); - margin-bottom: 10px; -} - -#bber .bber-content-video video { - border-radius: 8px; - object-fit: cover; - max-height: 100%; -} -#bber .bber-content-video::after { - content: "视频"; - display: inline-block; - padding: 1px 6px; - background: var(--anzhiyu-black-op); - border-radius: 8px; - margin-left: 4px; - font-size: 12px; - font-weight: 700; - color: var(--anzhiyu-white); - backdrop-filter: saturate(180%) blur(20px); - -webkit-backdrop-filter: blur(20px); - transform: translateZ(0); - position: absolute; - left: 0; - top: 4px; - z-index: 2; -} - -#bber .bber-content .datacont { - order: 0; - font-size: 0.8rem; - font-weight: 700; - color: var(--anzhiyu-fontcolor); - width: 100%; - line-height: 1.38; - border-radius: 12px; - margin-bottom: 0.5rem; - display: flex; - flex-direction: column; - text-align: justify; -} -#bber p { - margin: 0px; -} -#bber div.bber-content { - display: flex; - flex-flow: wrap; - border-radius: 12px; - width: 100%; - height: 100%; -} -#bber .timeline ul li.bber-item { - position: relative; - width: 32%; - border: var(--style-border-always); - border-radius: 12px; - padding: 1rem 1rem 0.5rem; - transition: all 0.3s ease 0s; - display: flex; - flex-flow: column nowrap; - justify-content: space-between; - align-items: flex-start; - background: var(--anzhiyu-card-bg); - box-shadow: var(--anzhiyu-shadow-border); - margin-right: 2%; -} -#bber .timeline #waterfall.show { - opacity: 1; -} -#bber .timeline #waterfall { - opacity: 0; - transition: all 0.3s ease 0s; -} -#bber ul.list { - display: flex; - flex-flow: row wrap; - justify-content: space-between; -} -#bber { - margin-top: 1rem; - width: 100%; -} -#bber > section > ul > li.bber-item { - margin-bottom: 1rem; -} - -#bber-tips { - font-size: 14px; - display: flex; - justify-content: center; - margin-top: 1rem; -} - -#bber .timeline ul li.bber-item hr { - display: flex; - position: relative; - margin: 8px 0px; - border: 1px dashed var(--anzhiyu-theme-op); - width: 100%; -} - -#bber .bber-info { - display: flex; - align-items: center; -} - -#bber > section > ul > li > div .bber-info-time, -#bber > section > ul > li > div .bber-info-from { - color: var(--anzhiyu-fontcolor); - font-size: 0.7rem; - background-color: var(--anzhiyu-gray-op); - padding: 0px 8px; - border-radius: 20px; - cursor: default; - display: flex; - align-items: center; -} - -#bber .bber-info .anzhiyufont.anzhiyu-icon-clock { - margin-right: 4px; - font-size: 0.7rem; -} -#bber > section > ul > li > div .bber-info-from span, -#bber > section > ul > li > div .bber-info-from { - margin-left: 4px; -} -#bber > section > ul > li > div .bber-info-from i { - font-size: 0.7rem; -} -#bber .bber-item hr::before { - display: none; -} - -#bber .bber-bottom { - display: flex; - justify-content: space-between; - width: 100%; - margin-top: 10px; -} - -.bber-reply { - cursor: pointer !important; -} - -.bber-reply:hover { - color: var(--anzhiyu-main); - max-height: 35px; -} - -#bber .timeline ul li.bber-item:hover { - border: var(--style-border-hover); -} - -#bber .bber-content-link { - display: flex; - margin-left: 0.5rem; - font-size: 0.7rem; - align-items: center; - background-color: rgba(245, 108, 108, 0.13); - color: rgb(245, 108, 108); - padding: 0px 8px; - border-radius: 20px; -} -#bber .bber-content-link i { - margin-right: 3px; - font-size: 0.7rem; -} -#bber .bber-content-link:hover { - background-color: var(--anzhiyu-main); - color: var(--anzhiyu-white); -} -#bber .bber-music { - width: 100%; - height: 90px; - margin: 0.5rem 0; - border-radius: 8px; - overflow: hidden; - border: var(--style-border-always); - background: var(--anzhiyu-secondbg); -} -#bber .aplayer { - margin: 0; -} - -#bber .aplayer.aplayer-withlrc .aplayer-pic { - height: 82px; - width: 82px; - margin: 4px; - border-radius: 4px; -} -.bber-music .aplayer.aplayer-withlrc .aplayer-info { - padding: 5px 7px 0; -} -#bber .aplayer .aplayer-info .aplayer-music { - height: 23px; -} -#bber .aplayer .aplayer-info .aplayer-music .aplayer-title { - font-size: 0.8rem; - font-weight: 700; - margin: 0; - color: var(--anzhiyu-fontcolor); -} - -#bber .aplayer .aplayer-info .aplayer-controller { - align-items: center; -} -#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap { - padding: 0; -} -#bber .aplayer .aplayer-info .aplayer-controller .aplayer-time { - position: initial; -} -#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar { - background: var(--anzhiyu-gray); - height: 8px; - border-radius: 12px; - transition: 0.3s; - overflow: hidden; -} -#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded { - height: 100%; - border-radius: 12px; -} -#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played { - height: 100%; - border-radius: 12px; -} -#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb { - display: none; -} -#bber .aplayer .aplayer-info .aplayer-controller .aplayer-time { - position: initial; -} - -/* 顶部样式 */ -.author-content.author-content-item.essayPage { - height: 19rem; - color: var(--anzhiyu-white); - overflow: hidden; - margin-top: 0px; -} -body[data-type="essay"] #page .author-content-item .card-content .banner-button-group .banner-button:hover { - color: var(--anzhiyu-white); - border-radius: 20px !important; -} - -/* 响应式 */ -@media screen and (max-width: 1200px) { - #bber .timeline ul li.bber-item { - width: 49%; - margin-right: 1%; - } -} -@media screen and (max-width: 768px) { - #bber .timeline ul li.bber-item { - width: 100%; - margin-right: 0px; - } -} -[data-theme="dark"] #bber .bber-music .aplayer, -[data-theme="dark"] #bber .aplayer .aplayer-lrc:before, -[data-theme="dark"] #bber .aplayer .aplayer-lrc:after { - background: var(--anzhiyu-card-bg); - color: var(--anzhiyu-fontcolor); -} -#bber .aplayer .aplayer-lrc p { - color: var(--anzhiyu-fontcolor); - min-height: 40px; - line-height: 30px !important; - height: 40px !important; - margin: 0 !important; -} - -#bbTimeList { - background: var(--anzhiyu-white); - color: var(--anzhiyu-fontcolor); - padding: 0.5rem 1rem; - border-radius: 12px; - box-shadow: var(--anzhiyu-shadow-lightblack); - display: flex; - transition: all 0.3s ease 0s; - margin: 1rem auto 0; - border: var(--style-border); - align-items: center; - height: 50px; - width: 100%; - max-width: calc(1400px - 3rem); - animation: slide-in .6s 0s backwards; -} -@media screen and (max-width: 1400px) { - #bbTimeList { - max-width: calc(100% - 3rem); - animation: slide-in 0.6s 0s backwards; - } -} -@media screen and (max-width: 768px) { - div#bbTimeList { - margin: 0 20px 15px; - } -} -[data-theme="dark"] #bbTimeList { - background: #000 !important; -} -#bbtalk { - width: 100%; -} -#bber-talk { - width: 100%; - height: 30px; - line-height: 30px; - display: flex; - flex-direction: column; -} -i.bber-logo { - font-size: 2rem; - line-height: 22px; - margin-right: 1rem; - transition: all 0.3s ease 0s; - cursor: pointer !important; -} -i.bber-logo:hover, -i.bber-gotobb:hover { - color: var(--anzhiyu-main); -} - -i.bber-gotobb { - line-height: 30px; - margin-left: 1rem; - transition: all 0.3s ease 0s; - cursor: pointer; -} - -#bber-talk .li-style { - width: 100%; - max-width: 100%; - text-align: center; - overflow: hidden; - text-overflow: ellipsis; - transition: 0.3s; - font-weight: 700; - margin: auto; - cursor: pointer; - white-space: nowrap; -} -#bber-talk .li-style:hover { - color: var(--anzhiyu-main); -} - -#bbTimeList:hover { - border: var(--style-border-hover); - box-shadow: var(--anzhiyu-shadow-main); -} - -/* 文章页H1-H6图标样式效果 */ -@-webkit-keyframes rotate { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(-1turn); - transform: rotate(-1turn); - } -} -@keyframes rotate { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(-1turn); - transform: rotate(-1turn); - } -} - -/* 音乐播放器 */ - -.aplayer.aplayer-narrow .aplayer-body, -.aplayer.aplayer-narrow .aplayer-pic { - height: 66px; - width: 66px; -} - -/* 导航栏音乐 */ -@media screen and (max-width: 1200px) { - #nav-music { - display: none !important; - } -} - -#nav-music { - display: flex; - align-items: center; - z-index: 9; - position: fixed; - bottom: 20px; - left: 20px; - cursor: pointer; - transition: all 0.5s, left 0s; - transform-origin: left bottom; - box-shadow: var(--anzhiyu-shadow-border); - border-radius: 40px; - overflow: hidden; -} - -#nav-music:active { - transform: scale(0.97); -} - -#nav-music.playing { - border: var(--style-border); - box-shadow: 0 0px 12px -3px var(--anzhiyu-none); - animation: playingShadow 5s linear infinite; -} - -@keyframes playingShadow { - 0% { - box-shadow: 0 0px 12px -3px var(--anzhiyu-none); - } - - 50% { - box-shadow: 0 0px 12px 0px var(--anzhiyu-main); - } - - 100% { - box-shadow: 0 0px 12px -3px var(--anzhiyu-none); - } -} - -#nav-music .aplayer.aplayer-withlrc .aplayer-pic { - height: 25px; - width: 25px; - border-radius: 40px; - z-index: 1; - transition: 0.3s; - transform: rotate(0deg) scale(1); - border: var(--style-border-always); - animation: changeright 24s linear infinite; - animation-play-state: paused; -} - -#nav-music.playing .aplayer.aplayer-withlrc .aplayer-pic { - box-shadow: 0 0 14px #ffffffa6; - transform: rotate(0deg) scale(1.1); - border-color: var(--anzhiyu-white); - animation-play-state: running; -} - -@keyframes changeright { - 0% { - transform: rotate(0deg) scale(1.1); - box-shadow: 0 0 2px #ffffff00; - } - - 25% { - transform: rotate(90deg) scale(1.1); - box-shadow: 0 0 14px #ffffff; - } - - 50% { - transform: rotate(180deg) scale(1.1); - box-shadow: 0 0 2px #ffffff00; - } - - 75% { - transform: rotate(270deg) scale(1.1); - box-shadow: 0 0 14px #ffffff; - } - - 100% { - transform: rotate(360deg) scale(1.1); - box-shadow: 0 0 2px #ffffff00; - } -} - -#nav-music .aplayer.aplayer-withlrc .aplayer-info { - height: 100%; - color: var(--anzhiyu-fontcolor); - margin: 0; - padding: 0; - display: flex; - align-items: center; -} - -#nav-music.playing .aplayer.aplayer-withlrc .aplayer-info { - color: var(--anzhiyu-white); -} - -#nav-music.playing #nav-music-hoverTips { - width: 0; - opacity: 0; -} -#nav-music #nav-music-hoverTips { - color: var(--anzhiyu-white); - background: var(--anzhiyu-main); - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - align-items: center; - justify-content: center; - display: flex; - border-radius: 40px; - opacity: 0; - font-size: 12px; - z-index: 2; - transition: 0.3s; -} - -#nav-music:hover:not(.playing) #nav-music-hoverTips { - opacity: 1; -} - -#nav-music - .aplayer - .aplayer-info - .aplayer-controller - .aplayer-bar-wrap:hover - .aplayer-bar - .aplayer-played - .aplayer-thumb { - display: none; -} - -#nav-music .aplayer { - background: var(--card-bg); - border-radius: 60px; - height: 41px; - display: flex; - margin: 0; - transition: 0.3s; - border: var(--style-border); - box-shadow: none; -} - -#nav-music.playing .aplayer { - background: var(--anzhiyu-main); - border: var(--style-border-hover); - backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: blur(20px); - transform: translateZ(0); -} - -#nav-music .aplayer .aplayer-notice { - display: none; -} - -#nav-music .aplayer .aplayer-miniswitcher { - display: none; -} - -#nav-music .aplayer .aplayer-body { - position: relative; - display: flex; - align-items: center; -} - -#nav-music .aplayer-list { - display: none; -} - -#nav-music .aplayer .aplayer-info .aplayer-music { - margin: 0; - display: flex; - align-items: center; - padding: 0 12px 0 8px; - cursor: pointer; - z-index: 1; - height: 100%; -} - -#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-time { - display: none; -} - -#nav-music .aplayer .aplayer-info .aplayer-music .aplayer-author { - display: none; -} - -#nav-music .aplayer.aplayer-withlist .aplayer-info { - border: none; -} - -#nav-music .aplayer .aplayer-pic .aplayer-button { - bottom: 50%; - right: 50%; - transform: translate(50%, 50%); - margin: 0; - transition: 0.3s; -} -#nav-music .aplayer .aplayer-pic:has(.aplayer-button.aplayer-play) { - animation-play-state: paused; - transform: rotate(0deg) scale(1) !important; -} -#nav-music .aplayer.aplayer-withlrc .aplayer-pic { - margin-left: 8px; -} -#nav-music .aplayer .aplayer-info .aplayer-music .aplayer-title { - cursor: pointer; - line-height: 1; - display: inline-block; - white-space: nowrap; - max-width: 120px; - overflow: hidden; - text-overflow: ellipsis; - transition: 0.3s; - user-select: none; -} - -#nav-music .aplayer .aplayer-info .aplayer-controller { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; -} - -#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap { - margin: 0; - padding: 0; -} - -#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar { - height: 100%; - background: 0 0; -} - -#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded { - display: none; -} - -#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played { - height: 100%; - opacity: 0.1; - background-color: var(--anzhiyu-white) !important; - animation: lightBar 5s ease infinite; - animation-play-state: paused; -} - -#nav-music.playing .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played { - animation-play-state: running; -} - -@keyframes lightBar { - 0% { - opacity: 0.1; - } - - 60% { - opacity: 0.3; - } - - 100% { - opacity: 0.1; - } -} - -/* 歌词 */ -#nav-music .aplayer.aplayer-withlrc .aplayer-lrc { - width: 0; - opacity: 0; - transition: 0.3s; - margin-top: -2px; - padding: 5px 0; -} -#nav-music.stretch .aplayer.aplayer-withlrc .aplayer-lrc { - width: 200px; - margin-left: 8px; - opacity: 1; -} - -#nav-music .aplayer .aplayer-lrc p.aplayer-lrc-current { - color: var(--anzhiyu-white); - border: none; - min-height: 20px; -} - -#nav-music .aplayer .aplayer-lrc:after, -#nav-music .aplayer .aplayer-lrc:before { - display: none; -} - -#nav-music .aplayer .aplayer-lrc p { - color: #ffffffb3; - line-height: 40px !important; - height: 40px !important; - margin: 0px 0; - vertical-align: top; - /* display: inline-block; */ -} - -#nav-music .aplayer .aplayer-pic { - pointer-events: none; -} -#nav-music .aplayer .aplayer-pic .aplayer-button { - pointer-events: all; -} - -/* bilibli番剧插件 */ -#page #article-container .bangumi-tab.bangumi-active { - background: var(--anzhiyu-theme); - color: var(--anzhiyu-ahoverbg); - border-radius: 10px; -} -#page #article-container .bangumi-tabs .bangumi-tab { - border-bottom: none; - border-radius: 10px; -} -#page #article-container .bangumi-tabs a.bangumi-tab:hover { - text-decoration: none !important; - border-radius: 10px; - column-gap: var(--anzhiyu-ahoverbg); -} -#page #article-container .bangumi-pagination a.bangumi-button { - border-bottom: none; - border-radius: 10px; -} -.bangumi-button:hover { - background: var(--anzhiyu-theme) !important; - border-radius: 10px !important; - color: var(--anzhiyu-ahoverbg) !important; -} -a.bangumi-button.bangumi-nextpage:hover { - text-decoration: none !important; -} -.bangumi-button { - padding: 5px 10px !important; -} - -a.bangumi-tab { - padding: 5px 10px !important; -} -svg.icon.faa-tada { - font-size: 1.1em; -} -.bangumi-info-item { - border-right: 1px solid #f2b94b; -} -.bangumi-info-item span { - color: #f2b94b; -} -.bangumi-info-item em { - color: #f2b94b; -} - -/*哔哩哔哩视频适配*/ -.aspect-ratio { - position: relative; - width: 100%; - height: 0; - padding-bottom: 75%; - margin: 3% auto; - text-align: center; -} -.aspect-ratio iframe { - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; -} -#page:has(#lib-cards):has(#libCategories) #post-comment .tk-comments-container > .tk-comment { - border: none; - box-shadow: none; -} -@media screen and (max-width: 768px) { - #libCategories { - margin-top: 0 !important; - } - #page:has(#lib-cards):has(#libCategories) h1.page-title { - margin-bottom: 0; - } - body[data-type="categories"] #body-wrap #category { - padding: 20px 15px 20px; - } -} - -.card-glass .card-background { - box-shadow: none; - margin: 0 15px; -} -[data-theme="dark"] .card-glass .card-background { - background-color: transparent; -} - -/* 留言板样式补丁 */ -#maincontent #form-wrap .formmain .comments-main h3.title3 { - justify-content: center; -} - -body[data-type="envelope"] #page #post-comment .tk-comments-container > .tk-comment { - border: none; - box-shadow: none; -} - -[data-theme="dark"] #universe { - display: block; - position: fixed; - margin: 0; - padding: 0; - border: 0; - outline: 0; - left: 0; - top: 0; - width: 100%; - height: 100%; - pointer-events: none; - z-index: 1; -} -canvas#universe { - display: none; -} - -@media screen and (max-width: 768px) { - #page .fcircle_page .author-content-item .card-content .banner-button-group .banner-button i, - #page .fcircle_page .author-content-item .card-content .banner-button-group .banner-button svg { - margin-left: 140px; - margin-top: 15px; - } -} - -#gitcalendar #git_container ul li { - margin: 0 !important; -} -#gitcalendar #git_container ul li::before{ - content: none !important; -} -.dplayer-video-wrap, -.dplayer { - border-radius: 12px; -} - -.note .hide-block { - margin: 0; -} -.note .hide-block button { - border-radius: 30px; -} - -body[data-type="link"] main #page { - border: 0; - box-shadow: none !important; - padding: 0 !important; - background: transparent !important; -} - -[data-theme="dark"] body[data-type="link"] #page { - background: transparent; -} - -.flink .anzhiyu-flink-list { - padding: 0; -} - -/* 修复时间轴wowjs超出盒子 */ -div#archive { - overflow: hidden; - padding: 22px; -} -/* 修复加载时图片太大超出范围 */ -.aplayer.aplayer-fixed { - overflow: hidden; -} - -@media screen and (max-width: 768px) { - #page .fcircle_page .author-content-item .card-content .banner-button-group .banner-button { - background-color: transparent !important; - } -} - -.relatedPosts > .relatedPosts-list > div { - border-radius: var(--anzhiyu-border-radius); -} - -/* 侧边栏按钮圆角 */ -#rightside > div > button { - border-radius: 5px; -} - -/* site-card样式修复 */ -#article-container .site-card-group a { - padding: 0; - border-bottom: 0; - font-weight: 400; -} -#article-container .site-card-group .site-card { - background: #fff !important; - border-radius: 8px; -} -#article-container .site-card-group a:hover { - padding: 0; - border-bottom: 0; - font-weight: 400; -} -[data-theme="light"] #footer-wrap { - color: var(--font-color); -} -#footer-wrap .anzhiyufont.anzhiyu-icon-heartbeat { - transition: 0.3s; - animation: heartbeat-bounce 2s ease-in-out infinite; - -webkit-font-smoothing: antialiased; - display: var(--fa-display, inline-block); - font-style: normal; - font-variant: normal; - line-height: 1; - text-rendering: auto; -} -@keyframes heartbeat-bounce { - 0%, - 100% { - transform: scale(1); - } - - 10%, - 30% { - transform: scale(0.9); - } - 20%, - 40%, - 60%, - 80% { - transform: scale(1.1); - } - 50%, - 70% { - transform: scale(1.1); - } -} - -/* 顶部样式 */ -.fcircle_page .author-content.fcirclePage { - height: 19rem; - color: var(--anzhiyu-white); - overflow: hidden; - margin-top: 0px; -} -body[data-type="fcircle"] #web_bg { - background-color: #f7f9fe; -} - -[data-theme="dark"] body[data-type="fcircle"] #web_bg { - background-color: #000; -} - -body[data-type="fcircle"] #page .page-title { - display: none; -} - -body[data-type="fcircle"] #page { - border: 0; - box-shadow: none !important; - padding: 0 !important; - background: transparent !important; -} -.fcircle_page a { - border-bottom: none !important; -} -.fcircle_page .cf-article-avatar a:hover { - background: none !important; - color: var(--anzhiyu-fontcolor) !important; -} -/* 随机文章样式 */ - -.title-h2-a { - display: flex; - align-items: center; - justify-content: space-between; - margin-top: 0.5rem; -} -.title-h2-a-left { - display: flex; - align-items: center; -} -.title-h2-a-left h2 { - margin-top: 0 !important; - margin-bottom: 0 !important; -} -.title-h2-a a { - margin-left: 0.5rem; - color: var(--anzhiyu-fontcolor); - font-weight: 700; -} -#random-post { - min-height: 32px; - background: var(--card-bg); - border: var(--style-border-always); - box-shadow: var(--anzhiyu-shadow-border); - padding: 20px 30px; - border-radius: 12px; - margin-top: 8px; -} -#random-post .random-friends-post { - text-decoration: none; - border-bottom: 2px solid var(--anzhiyu-lighttext) !important; - color: var(--anzhiyu-fontcolor); - font-weight: 700; - padding: 0 4px; -} - -#random-post .random-friends-post:hover { - text-decoration: none; - border-bottom: 2px solid var(--anzhiyu-none) !important; - color: var(--anzhiyu-white) !important; - background: var(--anzhiyu-main) !important; - border-radius: 4px; - box-shadow: var(--anzhiyu-shadow-main); -} -#article-container .title-h2-a a:hover { - color: var(--anzhiyu-hovertext) !important; -} -.fcircle_page .title-h2-a-right a.random-post-all { - color: var(--anzhiyu-fontcolor); -} -#cf-overshow.cf-show-now p a.cf-article-title:hover, -.fcircle_page #fcircleContainer .cf-article a.cf-article-title:hover, -.fcircle_page .title-h2-a-right a.random-post-all:hover, -.fcircle_page .title-h2-a-left a.random-post-start:hover { - background: none; - box-shadow: none; - color: var(--anzhiyu-theme); -} -.fcircle_page .fish-pond-item .cf-article .cf-article-title { - line-height: 2; -} - -#greetingBox { - position: fixed; - top: 10px; - left: 15%; - width: 400px; - text-align: center; - z-index: 999; - pointer-events: none; -} -@media screen and (max-width: 768px) { - #greetingBox { - display: none; - } -} - -#greeting { - display: inline-block; - position: relative; - opacity: 0; - top: -110px; - padding: 5px 40px; - border-radius: 50px; - background-color: white; - color: black; - font-size: small; - transition: 0.5s; - box-shadow: rgb(0 0 0 / 5%) 0 10px 20px; -} - -#greeting.shown { - opacity: 1; - top: 0; -} - -/* 首页分类框展示 */ -.categoryGroup { - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - min-width: 200px; - height: 24%; - width: 100%; - - animation: slide-in 0.6s 0.2s backwards; -} -.categoryItem:last-child { - margin-right: 0; -} -.categoryItem { - width: calc(100% / 3 - 0.33rem); - height: 100%; - margin-right: 0.5rem; -} - -.categoryItem { - overflow: hidden; - transform: scale(1); - transition: all 0.8s cubic-bezier(0.65, 0.15, 0.37, 1.19); - height: 100%; - border-radius: 12px; -} - -a.categoryButton { - height: 100%; - width: 100%; - background: var(--anzhiyu-card-bg); - border-radius: 12px; - display: inline-block; - text-align: left; - line-height: 4em; - font-weight: 700; - font-size: 1.1rem; - color: var(--anzhiyu-white); - transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); - transform: scale(1); - overflow: hidden; - font-family: inherit; -} -.categoryButtonText { - padding-left: 21px; -} -a.categoryButton svg, -a.categoryButton i { - font-size: 5rem; - opacity: 0.2; - position: absolute; - right: 0; - top: 20%; - transition: 0.3s; - width: 100px; - text-align: center; - filter: blur(2px); - transform: scale(1) rotate(15deg); -} - -a.categoryButton.blue { - background: linear-gradient(to right, #358bff, #15c6ff); - background-size: 200%; -} -a.categoryButton.red { - background: linear-gradient(to right, #f65, #ffbf37); - background-size: 200%; -} -a.categoryButton.green { - background: linear-gradient(to right, #18e7ae, #1eebeb); - background-size: 200%; -} - -.categoryItem:hover { - width: 50%; -} - -.categoryItem:hover svg, -.categoryItem:hover i { - opacity: 0.8; - transition: 0.8s; - transition-delay: 0.15s; - transform: scale(1.03); - font-size: 2.5rem; - filter: blur(0); - top: 15%; -} -a.categoryButton:after { - top: 47px; - width: 1rem; - left: 21px; - height: 2px; - background: var(--anzhiyu-white); - content: ""; - border-radius: 1px; - position: absolute; -} - -@media screen and (max-width: 768px) { - .categoryGroup { - display: none; - } -} - -[data-theme="dark"] a.categoryButton.blue { - background: linear-gradient(to right, #0653b8, #2fcbff); - background-size: 200%; -} -[data-theme="dark"] a.categoryButton.red { - background: linear-gradient(to right, #e22a16, #da980c); - background-size: 200%; -} -[data-theme="dark"] a.categoryButton.green { - background: linear-gradient(to right, #099e74, #0ea4a4); - background-size: 200%; -} - -#topPostGroup .top-group-list-item { - display: flex; - width: calc(100% / 4 - 5px); - flex-direction: column; - align-items: flex-start; - background: var(--anzhiyu-card-bg); - border-radius: 12px; - overflow: hidden; - height: 128px; - max-height: 128px; - border: var(--style-border-always); - transition: 0.3s; - box-shadow: var(--anzhiyu-shadow-border); -} -#topPostGroup .post_cover { - width: 100%; -} -#topPostGroup .post_cover img { - object-fit: cover; - width: 100%; - height: 80px; - background: var(--anzhiyu-secondbg); - border-radius: 12px 12px 0 0; -} - -#topPostGroup .top-group-list-item .post_cover a { - height: 80px; - overflow: hidden; - display: flex; - position: relative; -} - -span.top-group-text { - position: absolute; - top: 0; - left: -40px; - display: flex; - z-index: 1; - background: var(--anzhiyu-theme); - color: var(--anzhiyu-white); - padding: 2px 8px; - font-size: 12px; - border-radius: 12px 0 12px 0; - transition: 0.3s; - cursor: pointer; -} -.top-group-list-item:hover span.top-group-text { - left: 0; -} - -#topPostGroup .top-group-list-item .top-group-info { - padding: 0.3rem 0.5rem 0.3rem 0.5rem !important; - transition: 0.3s; -} - -#topPostGroup .top-group-list-item .top-group-info .article-title { - -webkit-line-clamp: 2; - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - line-height: 1.5; - justify-content: center; - align-items: flex-end; - align-content: center; - padding-top: 0.5rem; - font-weight: 700; - font-size: 0.8rem !important; - padding: 0 !important; -} - -#topPostGroup .top-group-list-item:hover { - border: var(--style-border-hover); - box-shadow: var(--anzhiyu-shadow-main); - transform: scale(1.03); -} - -#topPostGroup .top-group-list-item:hover .article-title { - color: var(--anzhiyu-theme); -} - -.top-group-list-none { - width: calc(100% / 4 - 5px); -} -#topPostGroup .topPostGroupTime { - font-size: 12px; -} - -@media screen and (max-width: 1450px) { - #topPostGroup .top-group-list-item { - width: calc(100% / 4 - 20px) !important; - } -} -@media screen and (max-width: 768px) { - #topPostGroup .top-group-list-item { - width: calc(100% / 2 - 5px) !important; - margin: 2px; - } -} -@media screen and (max-width: 768px) { - #topGroup { - display: none; - } -} - -a span.top-group-text { - border-radius: 0px 0 12px 0; -} - -div#bannerGroup { - width: calc(100% - 600px - 2rem); - height: 340px; - display: flex; - flex-direction: column; - justify-content: space-between; -} - -#swiper_container_blog { - width: 49%; - transition: all 0.3s, width 0s; - border-radius: 12px; -} -.swiper-wrapper { - align-items: center; -} -div#swiper_container { - transition: 0.3s; -} -/* 防止轮播图css未加载完时的超度横行滚动条 */ -#swiper_container { - overflow: hidden !important; -} -div.swiper_container_card { - margin: 1rem auto 0; -} -@media screen and (max-width: 768px) { - div.swiper_container_card { - margin: 0.2rem auto 0; - } -} -div#swiper_container { - background: rgba(255, 255, 255, 0); - width: 100%; - padding: 0; - overflow: initial; - background: var(--card-bg); - border-radius: 12px; - border: var(--style-border); -} -div#swiper_container:hover { - border: var(--style-border-hover); - box-shadow: var(--anzhiyu-shadow-main); -} -.blog-slider { - width: 100%; - position: relative; - border-radius: 12px 8px 8px 12px; - margin: 0 auto; -} -.blog-slider__item { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -.blog-slider__item.swiper-slide-active .blog-slider__img img { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transition-delay: 0.3s; - -moz-transition-delay: 0.3s; - -o-transition-delay: 0.3s; - -ms-transition-delay: 0.3s; - transition-delay: 0.3s; -} -.blog-slider__item.swiper-slide-active .blog-slider__content > * { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - -ms-transform: none; - transform: none; -} -.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(1) { - -webkit-transition-delay: 0.3s; - -moz-transition-delay: 0.3s; - -o-transition-delay: 0.3s; - -ms-transition-delay: 0.3s; - transition-delay: 0.3s; -} -.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(2) { - -webkit-transition-delay: 0.4s; - -moz-transition-delay: 0.4s; - -o-transition-delay: 0.4s; - -ms-transition-delay: 0.4s; - transition-delay: 0.4s; -} -.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(3) { - -webkit-transition-delay: 0.5s; - -moz-transition-delay: 0.5s; - -o-transition-delay: 0.5s; - -ms-transition-delay: 0.5s; - transition-delay: 0.5s; -} -.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(4) { - -webkit-transition-delay: 0.6s; - -moz-transition-delay: 0.6s; - -o-transition-delay: 0.6s; - -ms-transition-delay: 0.6s; - transition-delay: 0.6s; -} -.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(5) { - -webkit-transition-delay: 0.7s; - -moz-transition-delay: 0.7s; - -o-transition-delay: 0.7s; - -ms-transition-delay: 0.7s; - transition-delay: 0.7s; -} -.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(6) { - -webkit-transition-delay: 0.8s; - -moz-transition-delay: 0.8s; - -o-transition-delay: 0.8s; - -ms-transition-delay: 0.8s; - transition-delay: 0.8s; -} -.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(7) { - -webkit-transition-delay: 0.9s; - -moz-transition-delay: 0.9s; - -o-transition-delay: 0.9s; - -ms-transition-delay: 0.9s; - transition-delay: 0.9s; -} -.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(8) { - -webkit-transition-delay: 1s; - -moz-transition-delay: 1s; - -o-transition-delay: 1s; - -ms-transition-delay: 1s; - transition-delay: 1s; -} -.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(9) { - -webkit-transition-delay: 1.1s; - -moz-transition-delay: 1.1s; - -o-transition-delay: 1.1s; - -ms-transition-delay: 1.1s; - transition-delay: 1.1s; -} -.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(10) { - -webkit-transition-delay: 1.2s; - -moz-transition-delay: 1.2s; - -o-transition-delay: 1.2s; - -ms-transition-delay: 1.2s; - transition-delay: 1.2s; -} -.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(11) { - -webkit-transition-delay: 1.3s; - -moz-transition-delay: 1.3s; - -o-transition-delay: 1.3s; - -ms-transition-delay: 1.3s; - transition-delay: 1.3s; -} -.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(12) { - -webkit-transition-delay: 1.4s; - -moz-transition-delay: 1.4s; - -o-transition-delay: 1.4s; - -ms-transition-delay: 1.4s; - transition-delay: 1.4s; -} -.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(13) { - -webkit-transition-delay: 1.5s; - -moz-transition-delay: 1.5s; - -o-transition-delay: 1.5s; - -ms-transition-delay: 1.5s; - transition-delay: 1.5s; -} -.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(14) { - -webkit-transition-delay: 1.6s; - -moz-transition-delay: 1.6s; - -o-transition-delay: 1.6s; - -ms-transition-delay: 1.6s; - transition-delay: 1.6s; -} -.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(15) { - -webkit-transition-delay: 1.7s; - -moz-transition-delay: 1.7s; - -o-transition-delay: 1.7s; - -ms-transition-delay: 1.7s; - transition-delay: 1.7s; -} -.blog-slider__img { - width: 290px; - -webkit-flex-shrink: 0; - flex-shrink: 0; - height: 200px; - padding: 10px; - border-radius: 5px; - transform: translateX(0); - overflow: hidden; -} -.blog-slider__img:after { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 5px; - opacity: 0.8; -} -.blog-slider__img img { - width: 100%; - height: 100%; - object-fit: cover; - display: block; - opacity: 0; - border-radius: 5px; - transition: all 0.3s; -} -.blog-slider__content { - padding-right: 50px; - padding-left: 50px; -} -.blog-slider__content > * { - opacity: 0; - -webkit-transform: translateY(25px); - -moz-transform: translateY(25px); - -o-transform: translateY(25px); - -ms-transform: translateY(25px); - transform: translateY(25px); - -webkit-transition: all 0.4s; - -moz-transition: all 0.4s; - -o-transition: all 0.4s; - -ms-transition: all 0.4s; - transition: all 0.4s; -} -.blog-slider__code { - color: var(--font-color); - margin-bottom: 0; - display: block; - font-weight: 500; -} -.blog-slider__title { - font-size: 18px; - font-weight: 700; - color: var(--font-color); - margin-bottom: 15px; - -webkit-line-clamp: 1; - display: -webkit-box; - overflow: hidden; - -webkit-box-orient: vertical; -} -.blog-slider__text { - color: var(--font-color); - margin-bottom: 15px; - line-height: 1.5em; - width: 100%; - height: 50px; - word-break: break-all; - word-wrap: break-word; - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; -} -.blog-slider__button { - display: -webkit-inline-box; - display: -moz-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-box; - display: inline-flex; - background-color: var(--btn-bg); - padding: 4px 14px; - border-radius: 8px; - color: var(--btn-color); - text-decoration: none; - font-weight: 500; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - text-align: center; - letter-spacing: 1px; - display: none; -} -.blog-slider__button:hover { - background-color: var(--btn-hover-color); - color: var(--btn-color); -} -.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, -.blog-slider .swiper-pagination-custom, -.blog-slider .swiper-pagination-fraction { - bottom: 10px; - left: 0; - width: 100%; -} -.blog-slider__pagination { - position: absolute; - z-index: 21; - right: 20px; - width: 11px !important; - text-align: center; - left: auto !important; - top: 50%; - bottom: auto !important; - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); -} -.blog-slider .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet { - margin: 8px 0; -} -.blog-slider__pagination .swiper-pagination-bullet { - width: 11px; - height: 11px; - display: block; - border-radius: 10px; - background: #858585; - opacity: 0.2; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - -ms-transition: all 0.3s; - transition: all 0.3s; -} -.blog-slider__pagination .swiper-pagination-bullet-active { - opacity: 1; - -ms-filter: none; - filter: none; - background: var(--btn-bg); - height: 30px; -} -@media screen and (max-width: 768px) { - .blog-slider__pagination { - -webkit-transform: translateX(-50%); - -moz-transform: translateX(-50%); - -o-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); - left: 50% !important; - top: 320px; - width: 100% !important; - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - } - .blog-slider .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet { - margin: 0 5px; - } - .blog-slider__pagination .swiper-pagination-bullet-active { - height: 11px; - width: 30px; - } - .blog-slider__button { - display: -webkit-inline-box; - display: -moz-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-box; - display: inline-flex; - width: 100%; - } - .blog-slider { - min-height: 350px; - height: auto; - margin-bottom: 10px; - } - .blog-slider__content { - text-align: center; - padding: 0 30px; - } - .blog-slider__item { - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - .blog-slider__img { - width: 100%; - padding-top: 0; - } - .blog-slider__content { - padding-left: 10px; - padding-right: 10px; - margin-top: 15px; - } - .blog-slider__pagination.swiper-pagination-clickable.swiper-pagination-bullets { - top: 218px; - } - - .swiper_container_card #swiper_container_blog div#swiper_container.blog-slider { - padding: 10px; - overflow: hidden; - } - .blog-slider__item .blog-slider__content .blog-slider__code { - margin-top: 10px; - } - .blog-slider__title { - margin-bottom: 0; - } -} -@media screen and (min-width: 768px) { - .blog-slider { - height: 200px; - } - .blog-slider__img { - height: 200px; - } -} - -@media screen and (max-width: 1200px) { - div#swiper_container { - width: 100%; - } - #swiper_container_blog { - width: 99%; - } -} - -.swiper_container_card { - display: flex !important; - justify-content: space-around; - flex-direction: row !important; - user-select: none; -} - -.todayCard-title, -.todayCard-tips, -.topGroup .banner-button { - color: #ffffff; -} - -.topGroup { - height: 340px; - display: flex; - flex-direction: row; - flex-wrap: wrap; - width: calc(600px + 1.5rem); - position: relative; - align-content: space-between; -} -.topGroup .todayCard { - position: absolute; - width: calc(600px + 1rem); - height: 100%; - z-index: 1; - top: 0; - left: 0; - background: var(--anzhiyu-card-bg); - border-radius: 12px; - margin-left: 0.5rem; - overflow: hidden; - transition: 0.3s; - display: flex; - cursor: pointer; - pointer-events: all; -} - -.topGroup .todayCard .todayCard-info { - position: absolute; - bottom: 2rem; - left: 2rem; - z-index: 2; - color: var(--anzhiyu-white); - max-width: 60%; - transition: 0.3s; -} - -.topGroup .todayCard .todayCard-info .todayCard-tips { - opacity: 0.8; - font-size: 12px; -} - -.topGroup .todayCard .todayCard-info .todayCard-title { - font-size: 28px; - font-weight: bold; - line-height: 36px; -} -.topGroup .todayCard .todayCard-cover { - position: absolute; - min-width: 100%; - min-height: 100%; - top: 0; - left: 0; - background-size: cover; - z-index: -1; - transition: 0.3s; -} - -.topGroup .banner-button-group { - position: absolute; - right: 2rem; - bottom: 2rem; - display: flex; - transition: 0.3s; -} - -.topGroup .todayCard.hide .todayCard-cover { - transform: scale(1.2); -} - -.topGroup .banner-button { - background: var(--anzhiyu-white-op); - border-radius: 20px; - color: var(--anzhiyu-white); - display: flex; - align-items: center; - z-index: 1; - transition: 0.3s; - cursor: pointer; - backdrop-filter: saturate(180%) blur(20px); - -webkit-backdrop-filter: blur(20px); - transform: translateZ(0); - height: 40px; - width: 125px; - justify-content: center; -} -.topGroup .banner-button-group .banner-button .banner-button-text { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.topGroup .banner-button i, -.topGroup .banner-button svg { - margin-right: 8px; - font-size: 22px; -} -.topGroup .todayCard::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - top: 0; - left: 0; - box-shadow: 0 -109px 133px -9px #000000 inset; -} - -.topGroup .todayCard.hide { - opacity: 0; - pointer-events: none; -} -.topGroup .todayCard img { - object-fit: cover; - width: 100%; - height: 80px; - background: var(--anzhiyu-secondbg); - border-radius: 12px 12px 0 0; -} -.topGroup .recent-post-item:nth-child(4), -.topGroup .recent-post-item:nth-child(5), -.topGroup .recent-post-item:nth-child(6) { - margin-bottom: 0; - margin-top: 4px; -} - -.topGroup .recent-post-item { - display: none; - width: 200px; - flex-direction: column; - align-items: flex-start; - background: var(--anzhiyu-card-bg); - border-radius: 12px; - overflow: hidden; - min-width: 200px; - height: 164px !important; - max-height: 164px; - border: var(--style-border-always); - transition: 0.3s; - position: relative; - box-shadow: var(--anzhiyu-shadow-border); - margin-left: 0.5rem; - margin-right: 0px; - margin-bottom: 0.5rem; - cursor: pointer; -} -.topGroup .recent-post-item:hover .recent-post-info .article-title { - color: var(--anzhiyu-main); -} -.topGroup .recent-post-item .post_cover { - width: 100%; -} -.topGroup .recent-post-item .post_cover a { - height: 100px; - overflow: hidden; - display: flex; -} -.topGroup span.recent-post-top-text { - position: absolute; - top: 0; - left: -40px; - display: flex; - z-index: 1; - background: var(--anzhiyu-theme); - color: var(--anzhiyu-white); - padding: 2px 8px; - font-size: 12px; - border-radius: 12px 0 12px 0; - transition: 0.3s; - cursor: pointer; -} - -.topGroup .recent-post-item .post_cover img { - object-fit: cover; - width: 100%; - background: var(--anzhiyu-secondbg); - border-radius: 12px 12px 0 0; -} -.topGroup .recent-post-item .recent-post-info { - padding: 0.3rem 0.5rem 0.3rem 0.5rem; - transition: 0.3s; -} -.topGroup .recent-post-item .recent-post-info .article-title { - -webkit-line-clamp: 2; - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - line-height: 1.5; - justify-content: center; - align-items: flex-end; - align-content: center; - padding-top: 0.5rem; - font-weight: bold; - font-size: 1rem !important; - padding: 0 !important; -} - -.topGroup .recent-post-item:hover .recent-post-top-text { - left: 0; -} - -@media screen and (max-width: 1200px) { - .topGroup .todayCard { - background: #0e57d5; - } - - div#bannerGroup { - height: auto; - width: auto; - } - - .topGroup .recent-post-item { - display: flex; - } - - .categoryGroup .categoryItem:nth-child(3) { - display: none; - } - .categoryGroup { - flex-direction: column; - height: 95%; - } - .topGroup { - display: flex; - flex-wrap: nowrap; - width: auto; - height: auto; - } - - .topGroup .todayCard { - display: none; - } - - .swiper_container_card { - display: flex; - flex-direction: row !important; - justify-content: flex-start !important; - flex-wrap: nowrap; - width: 100%; - overflow-x: scroll; - } - - .categoryItem { - height: 48%; - min-width: 200px; - box-shadow: none !important; - } - .categoryGroup { - display: flex !important; - } - #bbTimeList { - margin: 0 1.5rem; - max-width: 100%; - width: auto; - } -} - -.swiper_container_card::-webkit-scrollbar { - display: none; -} - -.topGroup .banner-button:hover { - background: var(--anzhiyu-theme); - color: var(--anzhiyu-white); -} - -#local-search .search-dialog .local-search__hit-item:before { - content: none !important; -} -#local-search .search-dialog .local-search__hit-item { - padding: 10px !important; - border-radius: 8px; - border: var(--style-border); - margin-bottom: 10px; - display: flex; - justify-content: space-between; - align-items: center; -} -#local-search .search-dialog .local-search__hit-item .search-left { - width: 35%; -} -#local-search .search-dialog .local-search__hit-item .search-right { - width: 60%; -} -#local-search .search-dialog .local-search__hit-item .search-left img { - object-fit: cover; - width: 100%; - background: var(--anzhiyu-secondbg); - border-radius: 8px; -} -#local-search .search-dialog .local-search__hit-item .search-result { - cursor: pointer; -} -#local-search .tag-list { - padding: 4px 8px; - border-radius: 8px; - margin-right: 0.5rem; - margin-top: 0.5rem; - border: var(--style-border); - cursor: pointer; -} -#local-search .search-dialog .local-search__hit-item .tag-list { - display: inline; -} -#local-search .search-dialog .local-search__hit-item .tag-list:hover { - background: var(--anzhiyu-main); - color: var(--anzhiyu-white); -} - -b, strong { - color: var(--anzhiyu-lighttext); -} -.about-reward { - position: absolute; - top: 1rem; - right: 2rem; -} -@media screen and (max-width: 768px) { - .reward .about-reward #con { - width: 170px; - } - .reward #tube-con { - display: none; - } -} - -[data-theme="dark"] body[data-type="room"] #page { - background: #000 !important; -} -body[data-type="room"] #page { - border: 0; - box-shadow: none !important; - padding: 0 !important; - background: transparent !important; -} -body[data-type="room"] #page .page-title { - display: none; -} -#room_page .banner-button-group { - position: absolute; - bottom: 0.8rem; - right: 2rem; -} -#room_page .banner-button-group .banner-button:hover { - background: var(--anzhiyu-card-bg); - color: var(--font-color); -} -#room_page .banner-button-group .banner-button i, -#room_page .banner-button-group .banner-button svg { - margin-right: 8px; -} -#room_page .banner-button-group .banner-button { - height: 40px; - width: 140px; - border-radius: 20px; - justify-content: center; - color: var(--anzhiyu-white); - background: var(--anzhiyu-theme); - display: flex; - align-items: center; - z-index: 1; - transition: 0.3s; - cursor: pointer; - border-bottom: 0 !important; -} - -#room_page .description { - margin: 20px auto 20px; - border-radius: 24px; - background: var(--anzhiyu-card-bg); - border: var(--style-border-always); - box-shadow: var(--anzhiyu-shadow-border); - position: relative; - padding: 1rem 2rem; - overflow: hidden; -} - -#room_page *, -#room_page *::after, -#room_page *::before { - margin: 0; - padding: 0; - box-sizing: border-box; - user-select: none; - transform-style: preserve-3d; - -webkit-tap-highlight-color: transparent; -} - -/* Generic */ -#room_page { - margin-top: 590px; -} - -#room_page .face { - position: absolute; -} - -/***************/ -#room_page .house { - position: absolute; - width: 28vw; - height: 28vw; - transform: perspective(90vw) rotateX(75deg) rotateZ(45deg) translateZ(-9vw); - left: 45%; - top: 100px; -} - -#room_page .h-shadow { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: 1.5vw -3vw 3vw black, 1.5vw 0.5vw 1.5vw black; -} - -#room_page .h-lights { - position: absolute; - top: 50%; - left: 50%; - transform: translateX(-50%) translateY(-50%); - width: 45vw; - height: 45vw; -} - -.h-light { - position: absolute; -} - -.h-light:nth-of-type(1) { - bottom: 5vw; - right: 0; - width: 14vw; - height: 14vw; - border-radius: 50%; - background-image: radial-gradient(#1b182a, transparent); - filter: blur(1vw); -} - -.h-light:nth-of-type(2) { - bottom: 18vw; - right: -1vw; - width: 2vw; - height: 12vw; - border-radius: 50%; - transform: rotateZ(-50deg); - background-image: radial-gradient(rgba(81, 137, 251, 0.45) 50%, rgba(40, 125, 210, 0.45), transparent); - box-shadow: -1vw -1vw 2vw 1vw rgba(131, 171, 252, 0.1); - filter: blur(1vw); -} - -.h-light:nth-of-type(3) { - bottom: -2vw; - right: 17vw; - width: 5vw; - height: 12vw; - border-radius: 50%; - transform: rotateZ(-50deg); - background-image: radial-gradient(rgba(81, 137, 251, 0.5) 50%, rgba(40, 125, 210, 0.5), transparent); - filter: blur(2vw); -} - -.h-light:nth-of-type(3)::before, -.h-light:nth-of-type(3)::after { - content: ""; - position: absolute; - width: 200%; - top: -6vw; - height: 150%; - background-image: linear-gradient(to bottom, rgba(40, 125, 210, 0.1), rgba(81, 137, 251, 0.1), transparent); - border-top-left-radius: 10vw; - border-top-right-radius: 10vw; - filter: blur(1.5vw); -} - -.h-light:nth-of-type(3)::before { - right: -50%; - transform-origin: top right; - transform: rotateZ(15deg); - box-shadow: -2vw -2vw 0 rgba(81, 137, 251, 0.075); -} - -.h-light:nth-of-type(3)::after { - left: -50%; - transform-origin: top left; - transform: rotateZ(-15deg); - box-shadow: 2vw -2vw 0 rgba(81, 137, 251, 0.075); -} - -.h-light:nth-of-type(4) { - bottom: 5vw; - left: 8vw; - width: 28vw; - height: 4vw; - transform-origin: top left; - transform: skewX(58deg); - background-image: linear-gradient( - to right, - rgba(81, 137, 251, 0.075) 10%, - transparent 25%, - transparent, - rgba(0, 0, 0, 0.15) - ); - filter: blur(0.25vw); -} - -.h-light:nth-of-type(6) { - bottom: 14vw; - right: 2vw; - width: 8vw; - height: 16vw; - transform-origin: bottom left; - transform: skewY(49deg); - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)); - filter: blur(0.35vw); -} - -/***************/ -/***************/ -.alt { - position: absolute; - left: 0; - top: 0; - width: 27vw; - height: 27vw; -} - -.alt__front { - width: 27vw; - height: 0.5vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(26.5vw); -} - -.alt__back { - width: 27vw; - height: 0.5vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-27vw) translateY(-0.5vw); -} - -.alt__right { - width: 27vw; - height: 0.5vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(27vw) translateX(-27vw) translateY(-0.5vw); -} - -.alt__left { - width: 27vw; - height: 0.5vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.5vw); -} - -.alt__top { - width: 27vw; - height: 27vw; - transform-origin: top left; - transform: translateZ(0.5vw); -} - -.alt__bottom { - width: 27vw; - height: 27vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-27vw); -} - -.alt__front { - background-color: #9e99c1; -} - -.alt__back { - background-color: #383358; -} - -.alt__right { - background-color: #383358; -} - -.alt__left { - background-color: #fbfafe; -} - -.alt__top { - background-image: linear-gradient(to bottom, #0b0c1f, #383358, #9e99c1); -} - -.alt__top .light:nth-of-type(1) { - position: absolute; - height: 100%; - width: 100%; - background-image: linear-gradient(to bottom, rgba(20, 61, 103, 0.75), rgba(81, 137, 251, 0.75), transparent); -} - -.alt__top .light:nth-of-type(2) { - position: absolute; - left: 4vw; - height: 100%; - width: 6vw; - background-image: linear-gradient(to bottom, transparent 20%, rgba(40, 125, 210, 0.75), rgba(81, 137, 251, 0.25) 80%); - filter: blur(0.1vw); -} - -.alt__top .light:nth-of-type(3) { - position: absolute; - bottom: 10vw; - left: 5vw; - width: 6vw; - height: 3vw; - border-radius: 50%; - transform: rotateZ(42deg); - background-image: radial-gradient(rgba(131, 171, 252, 0.75) 50%, rgba(32, 99, 167, 0.75)); - filter: blur(0.55vw); -} - -.alt__top .light:nth-of-type(4) { - position: absolute; - bottom: 7vw; - left: 4vw; - width: 8.5vw; - height: 2vw; - border-radius: 50%; - transform: rotateZ(40deg); - background-image: radial-gradient(rgba(131, 171, 252, 0.75) 50%, rgba(32, 99, 167, 0.75)); - filter: blur(0.55vw); -} - -.alt__top .light:nth-of-type(5) { - position: absolute; - bottom: 3.5vw; - left: 4.5vw; - width: 6vw; - height: 2vw; - border-radius: 50%; - transform: rotateZ(40deg); - background-image: radial-gradient(rgba(141, 178, 252, 0.75) 50%, rgba(32, 99, 167, 0.75)); - filter: blur(0.75vw); -} - -.alt__top .light:nth-of-type(6) { - position: absolute; - bottom: 3vw; - left: 0.5vw; - width: 4vw; - height: 2vw; - border-radius: 50%; - transform: rotateZ(40deg); - background-image: radial-gradient(rgba(141, 178, 252, 0.75) 50%, rgba(32, 99, 167, 0.75)); - filter: blur(0.35vw); -} - -.alt__top .light:nth-of-type(7) { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - background-image: linear-gradient(to right, black, #5189fb 10%, transparent 20%); -} - -.alt__top .light:nth-of-type(7)::before { - content: ""; - position: absolute; - width: 20%; - height: 100%; - background-image: linear-gradient(to right, rgba(5, 70, 199, 0.6), transparent 60%); -} - -.alt__top .light:nth-of-type(7)::after { - content: ""; - position: absolute; - width: 100%; - height: 20%; - background-image: linear-gradient(to bottom, rgba(6, 78, 224, 0.5), transparent 60%); -} - -.alt__top .light:nth-of-type(8) { - position: absolute; - bottom: 5vw; - left: 10vw; - width: 6vw; - height: 4vw; - border-radius: 50%; - transform: rotateZ(40deg); - background-image: radial-gradient(rgba(255, 255, 255, 0.1) 50%, rgba(128, 121, 174, 0.1)); - filter: blur(0.8vw); -} - -.alt__bottom { - background-color: #383358; -} - -.alb { - position: absolute; - left: 0; - bottom: 0; - width: 27vw; - height: 1vw; -} - -.alb__front { - width: 27vw; - height: 2vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(-1vw); -} - -.alb__back { - width: 27vw; - height: 2vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-27vw) translateY(-2vw); -} - -.alb__right { - width: 1vw; - height: 2vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(27vw) translateX(-1vw) translateY(-2vw); -} - -.alb__left { - width: 1vw; - height: 2vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-2vw); -} - -.alb__top { - width: 27vw; - height: 1vw; - transform-origin: top left; - transform: translateZ(2vw); -} - -.alb__bottom { - width: 27vw; - height: 1vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-27vw); -} - -.alb__front { - background-image: linear-gradient(to right, #9e99c1 40%, #8f89b7); -} - -.alb__back { - background-color: #383358; -} - -.alb__right { - background-color: #383358; -} - -.alb__left { - background-color: #fbfafe; -} - -.alb__top { - background-image: linear-gradient(to right, #fbfafe 40%, #eae5fa); -} - -.alb__bottom { - background-color: #383358; -} - -.arb { - position: absolute; - right: 0; - bottom: 0; - width: 1vw; - height: 28vw; -} - -.arb__front { - width: 1vw; - height: 2vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(26vw); -} - -.arb__back { - width: 1vw; - height: 2vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-2vw); -} - -.arb__right { - width: 28vw; - height: 2vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-28vw) translateY(-2vw); -} - -.arb__left { - width: 28vw; - height: 2vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-2vw); -} - -.arb__top { - width: 1vw; - height: 28vw; - transform-origin: top left; - transform: translateZ(2vw); -} - -.arb__bottom { - width: 1vw; - height: 28vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-1vw); -} - -.arb__front { - background-color: #8f89b7; -} - -.arb__back { - background-color: #383358; -} - -.arb__right { - background-image: linear-gradient(to right, #282347 40%, #0f0e17); -} - -.arb__left { - background-color: #9e99c1; -} - -.arb__top { - background-image: linear-gradient(to top, #fbfafe, #3b3469 25%, #2e2a48 75%, #9e99c1); -} - -.arb__top::before { - content: ""; - position: absolute; - width: 100%; - height: 30%; - top: 0; - background-image: linear-gradient(to bottom, transparent, rgba(81, 137, 251, 0.85), transparent); -} - -.arb__bottom { - background-color: #383358; -} - -/***************/ -/***************/ -.blt { - position: absolute; - left: 0; - top: 0; - width: 1vw; - height: 27vw; - transform: translateZ(0.5vw); -} - -.blt__front { - width: 1vw; - height: 20vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(7vw); -} - -.blt__back { - width: 1vw; - height: 20vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-20vw); -} - -.blt__right { - width: 27vw; - height: 20vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-27vw) translateY(-20vw); -} - -.blt__left { - width: 27vw; - height: 20vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-20vw); -} - -.blt__top { - width: 1vw; - height: 27vw; - transform-origin: top left; - transform: translateZ(20vw); -} - -.blt__bottom { - width: 1vw; - height: 27vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-1vw); -} - -.blt__front { - background-image: linear-gradient(to bottom, #383358, #9e99c1); -} - -.blt__back { - background-color: #383358; -} - -.blt__right { - background-image: linear-gradient(to bottom, #151225, #383358, #383358 90%, #242040); -} - -.blt__right::before { - content: ""; - position: absolute; - bottom: 0; - width: 100%; - height: 0.75vw; - background-image: linear-gradient(to bottom, #8f89b7, #287dd2); - border-top: 0.1vw solid #282347; - border-bottom: 0.1vw solid #282347; -} - -.blt__right::after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient( - to bottom, - rgba(6, 78, 224, 0.35), - transparent 30%, - transparent 70%, - rgba(40, 125, 210, 0.35) - ); -} - -.blt__left { - background-color: #fbfafe; -} - -.blt__bottom { - background-color: #383358; -} - -.blt2 { - position: absolute; - left: 0; - top: 0; - width: 2vw; - height: 27vw; - transform: translateZ(20.5vw); -} - -.blt2__front { - width: 2vw; - height: 0.75vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(26.25vw); -} - -.blt2__back { - width: 2vw; - height: 0.75vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-2vw) translateY(-0.75vw); -} - -.blt2__right { - width: 27vw; - height: 0.75vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(2vw) translateX(-27vw) translateY(-0.75vw); -} - -.blt2__left { - width: 27vw; - height: 0.75vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw); -} - -.blt2__top { - width: 2vw; - height: 27vw; - transform-origin: top left; - transform: translateZ(0.75vw); -} - -.blt2__bottom { - width: 2vw; - height: 27vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-2vw); -} - -.blt2__front { - background-color: #383358; -} - -.blt2__back { - background-color: #383358; -} - -.blt2__right { - background-image: linear-gradient(to right, #8f89b7, #9e99c1, #7169a4); -} - -.blt2__right::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - border-bottom: 0.1vw solid rgba(251, 250, 254, 0.75); - background-image: linear-gradient(to top, rgba(81, 137, 251, 0.35), transparent); -} - -.blt2__left { - background-color: #fbfafe; -} - -.blt2__top { - background-image: linear-gradient(to top, #9e99c1, #fbfafe); -} - -.blt2__bottom { - background-color: #383358; -} - -.blb { - position: absolute; - left: 1vw; - top: 0; - width: 26vw; - height: 1vw; - transform: translateZ(0.5vw); -} - -.blb__front { - width: 26vw; - height: 20vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(-19vw); -} - -.blb__back { - width: 26vw; - height: 20vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-26vw) translateY(-20vw); -} - -.blb__right { - width: 1vw; - height: 20vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(26vw) translateX(-1vw) translateY(-20vw); -} - -.blb__left { - width: 1vw; - height: 20vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-20vw); -} - -.blb__top { - width: 26vw; - height: 1vw; - transform-origin: top left; - transform: translateZ(20vw); -} - -.blb__bottom { - width: 26vw; - height: 1vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-26vw); -} - -.blb__front { - background-image: linear-gradient(to bottom, #4b4572, #595388 20%, #4b4572); -} - -.blb__front::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient( - to bottom, - rgba(40, 125, 210, 0.25), - transparent 20%, - transparent 80%, - rgba(40, 125, 210, 0.5) - ), - linear-gradient(to right, rgba(31, 33, 88, 0.35), transparent), - linear-gradient(to bottom, rgba(31, 33, 88, 0.35), transparent), - linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent 20%, transparent 80%, rgba(40, 125, 210, 0.25)); -} - -.blb__front::after { - content: ""; - position: absolute; - bottom: 0; - width: 100%; - height: 0.75vw; - background-image: linear-gradient(to bottom, #8f89b7, #287dd2); - border-top: 0.1vw solid #282347; - border-bottom: 0.1vw solid #282347; -} - -.blb__back { - background-color: #383358; -} - -.blb__right { - background-image: linear-gradient(to bottom, #151225, #0f0e17 80%, #151225); -} - -.blb__bottom { - background-color: #383358; -} - -.blb2 { - position: absolute; - left: 2vw; - top: 0; - width: 25vw; - height: 1vw; - transform: translateZ(20.5vw); -} - -.blb2__front { - width: 25vw; - height: 0.75vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(1.25vw); -} - -.blb2__back { - width: 25vw; - height: 0.75vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-25vw) translateY(-0.75vw); -} - -.blb2__right { - width: 2vw; - height: 0.75vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(25vw) translateX(-2vw) translateY(-0.75vw); -} - -.blb2__left { - width: 2vw; - height: 0.75vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw); -} - -.blb2__top { - width: 25vw; - height: 2vw; - transform-origin: top left; - transform: translateZ(0.75vw); -} - -.blb2__bottom { - width: 25vw; - height: 2vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-25vw); -} - -.blb2__front { - background-image: linear-gradient(to right, #7169a4, #9e99c1, #8f89b7); -} - -.blb2__front::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - border-bottom: 0.1vw solid rgba(251, 250, 254, 0.75); - background-image: linear-gradient(to top, rgba(40, 125, 210, 0.25), transparent); -} - -.blb2__back { - background-color: #383358; -} - -.blb2__right { - background-color: #151225; -} - -.blb2__left { - background-color: #9e99c1; -} - -.blb2__top { - background-image: linear-gradient(to left, #9e99c1, #fbfafe); -} - -.blb2__bottom { - background-color: #383358; -} - -/***************/ -/***************/ -.bocina-l, -.bocina-r { - position: absolute; - left: 1.5vw; - bottom: 5.25vw; - width: 0.75vw; - height: 1.5vw; - transform: translateZ(8vw); -} - -.bocina-l__front, -.bocina-r__front { - width: 0.75vw; - height: 6vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(-4.5vw); -} - -.bocina-l__back, -.bocina-r__back { - width: 0.75vw; - height: 6vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-0.75vw) translateY(-6vw); -} - -.bocina-l__right, -.bocina-r__right { - width: 1.5vw; - height: 6vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.75vw) translateX(-1.5vw) translateY(-6vw); -} - -.bocina-l__left, -.bocina-r__left { - width: 1.5vw; - height: 6vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-6vw); -} - -.bocina-l__top, -.bocina-r__top { - width: 0.75vw; - height: 1.5vw; - transform-origin: top left; - transform: translateZ(6vw); -} - -.bocina-l__bottom, -.bocina-r__bottom { - width: 0.75vw; - height: 1.5vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-0.75vw); -} - -.bocina-l__right, -.bocina-r__right { - background-image: radial-gradient(black, black); -} - -.bocina-l__top, -.bocina-r__top { - background-image: linear-gradient(to left, #d9d0f6, #9e99c1, #7169a4); -} - -.bocina-l__bottom, -.bocina-r__bottom { - background-color: #383358; -} - -.bocina-l__front { - background-image: linear-gradient(to right, #5189fb, #595388 30%, #b7a5ed); -} - -.bocina-l__back { - background-image: linear-gradient(to right, #383358, #232038); -} - -.bocina-l__back::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to right, rgba(81, 137, 251, 0.35) 65%, rgba(81, 137, 251, 0.95)); -} - -.bocina-l__left { - background-color: #282347; -} - -.bocina-l__left::before { - content: ""; - position: absolute; - top: -10%; - left: 20%; - width: 120%; - height: 120%; - background-image: linear-gradient(to left, rgba(7, 23, 39, 0.75), rgba(0, 0, 0, 0.75)); - filter: blur(0.5vw); -} - -.bocina-r { - top: 5.25vw; -} - -.bocina-r__front { - background-image: linear-gradient(to right, #383358, #0f0e17); -} - -.bocina-r__front::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to left, rgba(81, 137, 251, 0.35) 65%, rgba(81, 137, 251, 0.95)); -} - -.bocina-r__back { - background-image: linear-gradient(to right, #595388, #b7a5ed); -} - -.bocina-r__left { - background-color: #282347; -} - -.bocina-r__left::before { - content: ""; - position: absolute; - top: -10%; - left: -20%; - width: 120%; - height: 120%; - background-image: linear-gradient(to right, rgba(7, 23, 39, 0.75), rgba(0, 0, 0, 0.75)); - filter: blur(0.5vw); -} - -.repisa-t, -.repisa-b { - position: absolute; - left: 1.5vw; - top: 9vw; - width: 1.5vw; - height: 10vw; - transform: translateZ(16vw); -} - -.repisa-t__front, -.repisa-b__front { - width: 1.5vw; - height: 0.25vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(9.75vw); -} - -.repisa-t__back, -.repisa-b__back { - width: 1.5vw; - height: 0.25vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-1.5vw) translateY(-0.25vw); -} - -.repisa-t__right, -.repisa-b__right { - width: 10vw; - height: 0.25vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(1.5vw) translateX(-10vw) translateY(-0.25vw); -} - -.repisa-t__left, -.repisa-b__left { - width: 10vw; - height: 0.25vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.25vw); -} - -.repisa-t__top, -.repisa-b__top { - width: 1.5vw; - height: 10vw; - transform-origin: top left; - transform: translateZ(0.25vw); -} - -.repisa-t__bottom, -.repisa-b__bottom { - width: 1.5vw; - height: 10vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-1.5vw); -} - -.repisa-t__front, -.repisa-b__front { - background-color: #9e99c1; -} - -.repisa-t__back, -.repisa-b__back { - background-color: #fbfafe; -} - -.repisa-t__right, -.repisa-b__right { - background-color: #8079ae; -} - -.repisa-t__left, -.repisa-b__left { - background-color: #fbfafe; -} - -.repisa-t__top, -.repisa-b__top { - background-color: #d9d0f6; -} - -.repisa-t__top::before, -.repisa-b__top::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to right, rgba(6, 78, 224, 0.75), transparent); -} - -.repisa-t__bottom, -.repisa-b__bottom { - background-color: #383358; -} - -.repisa-t__bottom::before, -.repisa-b__bottom::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to right, rgba(6, 78, 224, 0.75), transparent); -} - -.repisa-b { - transform: translateZ(5vw); -} - -.tv { - position: absolute; - left: 1.51vw; - top: 8vw; - width: 0.5vw; - height: 12vw; - transform: translateZ(8vw); -} - -.tv__front { - width: 0.5vw; - height: 6vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(6vw); -} - -.tv__back { - width: 0.5vw; - height: 6vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-0.5vw) translateY(-6vw); -} - -.tv__right { - width: 12vw; - height: 6vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.5vw) translateX(-12vw) translateY(-6vw); -} - -.tv__left { - width: 12vw; - height: 6vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-6vw); -} - -.tv__top { - width: 0.5vw; - height: 12vw; - transform-origin: top left; - transform: translateZ(6vw); -} - -.tv__bottom { - width: 0.5vw; - height: 12vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-0.5vw); -} - -.tv__front { - background-color: #0b0c1f; -} - -.tv__back { - background-color: #0b0c1f; -} - -.tv__right { - background-color: #9cbcfc; - border: 0.125vw solid black; - animation: pantalla-tv 0.25s infinite alternate; -} - -.tv__right::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - box-shadow: 0.125vw 0.125vw 1vw rgba(81, 137, 251, 0.5), -0.125vw 0.125vw 1vw rgba(81, 137, 251, 0.5), - 0.125vw -0.125vw 1vw rgba(81, 137, 251, 0.5), -0.125vw -0.125vw 1vw rgba(81, 137, 251, 0.5); - background-image: url("https://img02.anheyu.com/adminuploads/1/2022/10/20/6351038493d46.gif"); - background-size: cover; - background-repeat: no-repeat; - background-position: bottom; - opacity: 0.8; -} - -.tv__left { - display: flex; - justify-content: center; - align-items: center; - background-color: #0b0c1f; -} - -.tv__left::before { - content: ""; - position: absolute; - width: 13vw; - height: 7vw; - background-image: radial-gradient(rgba(36, 112, 188, 0.95), rgba(56, 121, 250, 0.95)); - filter: blur(1.25vw); - animation: luz-tv 0.25s infinite alternate; -} - -.tv__top { - background-color: #0b0c1f; -} - -.tv__bottom { - background-color: #0b0c1f; -} - -.librero { - position: absolute; - left: 13vw; - top: 1vw; - width: 12vw; - height: 0.5vw; - transform: translateZ(7vw); -} - -.librero__front { - width: 12vw; - height: 0.25vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(1.25vw); -} - -.librero__back { - width: 12vw; - height: 0.25vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-12vw) translateY(-0.25vw); -} - -.librero__right { - width: 1.5vw; - height: 0.25vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(12vw) translateX(-1.5vw) translateY(-0.25vw); -} - -.librero__left { - width: 1.5vw; - height: 0.25vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.25vw); -} - -.librero__top { - width: 12vw; - height: 1.5vw; - transform-origin: top left; - transform: translateZ(0.25vw); -} - -.librero__bottom { - width: 12vw; - height: 1.5vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-12vw); -} - -.librero__front { - background-color: #9e99c1; -} - -.librero__back { - background-color: #383358; -} - -.librero__back::before { - content: ""; - position: absolute; - width: 100%; - height: 4vw; - border-radius: 50%; - background-image: radial-gradient(rgba(106, 154, 251, 0.7) 50%, rgba(32, 99, 167, 0.6), transparent); - filter: blur(1.25vw); -} - -.librero__right { - background-color: #383358; -} - -.librero__left { - background-color: #9e99c1; -} - -.librero__top { - background-color: #d9d0f6; -} - -.librero__top::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to bottom, rgba(31, 104, 249, 0.75), transparent); -} - -.librero__bottom { - background-color: #383358; -} - -.librero__bottom::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to bottom, rgba(31, 104, 249, 0.75), transparent); -} - -.libros { - position: absolute; -} - -.libro { - position: absolute; - top: 1vw; - width: 0.5vw; - height: 1vw; - transform: translateZ(7.25vw); -} - -.libro__front { - width: 0.5vw; - height: 1.5vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(-0.5vw); -} - -.libro__back { - width: 0.5vw; - height: 1.5vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-0.5vw) translateY(-1.5vw); -} - -.libro__right { - width: 1vw; - height: 1.5vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.5vw) translateX(-1vw) translateY(-1.5vw); -} - -.libro__left { - width: 1vw; - height: 1.5vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-1.5vw); -} - -.libro__top { - width: 0.5vw; - height: 1vw; - transform-origin: top left; - transform: translateZ(1.5vw); -} - -.libro__bottom { - width: 0.5vw; - height: 1vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-0.5vw); -} - -.libro__front { - background-image: linear-gradient(to bottom, #9e99c1, #8079ae); -} - -.libro__front::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to bottom, rgba(81, 137, 251, 0.4), transparent); -} - -.libro__back { - background-color: #fbfafe; -} - -.libro__right { - background-color: #645c98; -} - -.libro__right::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to bottom, rgba(81, 137, 251, 0.85), rgba(40, 125, 210, 0.35)); -} - -.libro__left { - background-color: #9e99c1; -} - -.libro__top { - background-color: #d9d0f6; -} - -.libro__top::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to bottom, rgba(81, 137, 251, 0.85), rgba(40, 125, 210, 0.35)); -} - -.libro__bottom { - background-color: #554d85; -} - -.libro:nth-of-type(1) { - left: 16vw; - transform-origin: left; - transform: translateZ(7.25vw) rotateZ(-10deg); -} - -.libro:nth-of-type(2) { - left: 17vw; - transform: translateZ(7.25vw) rotateZ(2deg); -} - -.libro:nth-of-type(3) { - left: 17.75vw; - transform: translateZ(7.25vw) rotateZ(5deg); -} - -.libro:nth-of-type(4) { - left: 19vw; - transform-origin: left; - transform: translateZ(7.25vw) rotateZ(10deg); -} - -.libro:nth-of-type(5) { - left: 20vw; - transform-origin: left; - transform: translateZ(7.25vw) rotateZ(10deg); -} - -.libro:nth-of-type(6) { - left: 23vw; - transform-origin: left; - transform: translateZ(7.25vw) rotateY(-90deg); -} - -.fotos { - position: absolute; -} - -.foto { - position: absolute; - width: 0.125vw; - height: 2vw; - left: 2vw; - top: 11vw; - transform: translateZ(5.26vw); -} - -.foto__front { - width: 0.125vw; - height: 1.125vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(1.125vw); -} - -.foto__back { - width: 0.125vw; - height: 1.125vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-0.125vw) translateY(-1.125vw); -} - -.foto__right { - width: 2.25vw; - height: 1.125vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.125vw) translateX(-2.25vw) translateY(-1.125vw); -} - -.foto__left { - width: 2.25vw; - height: 1.125vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-1.125vw); -} - -.foto__top { - width: 0.125vw; - height: 2.25vw; - transform-origin: top left; - transform: translateZ(1.125vw); -} - -.foto__bottom { - width: 0.125vw; - height: 2.25vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-0.125vw); -} - -.foto__front { - background-image: linear-gradient(to bottom, #9e99c1, #8079ae); -} - -.foto__front::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to bottom, rgba(81, 137, 251, 0.4), transparent); -} - -.foto__back { - background-color: #fbfafe; -} - -.foto__right { - display: flex; - justify-content: center; - align-items: center; - background-color: #8f89b7; - border: 0.15vw solid #1f2158; -} - -.foto__right::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: repeating-linear-gradient(to bottom, #9e99c1 0.1vw, #b7a5ed 0.2vw); -} - -.foto__left { - background-color: #9e99c1; -} - -.foto__top { - background-color: #d9d0f6; -} - -.foto__top::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to bottom, rgba(81, 137, 251, 0.85), rgba(40, 125, 210, 0.35)); -} - -.foto__bottom { - background-color: #595388; -} - -.foto__bottom::before { - content: ""; - position: absolute; - right: -100%; - width: 400%; - height: 100%; - background-color: rgba(11, 12, 31, 0.75); - filter: blur(0.15vw); -} - -.foto:nth-of-type(1) { - top: 10.5vw; - transform: translateZ(5.26vw) rotateZ(5deg); -} - -.foto:nth-of-type(2) { - top: 15vw; - transform: translateZ(5.26vw) rotateZ(-15deg); -} - -.cajas { - position: absolute; -} - -.caja { - position: absolute; - width: 1vw; - height: 1.5vw; - left: 2vw; - transform: translateZ(16.35vw); -} - -.caja__front { - width: 1vw; - height: 0.75vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(0.75vw); -} - -.caja__back { - width: 1vw; - height: 0.75vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-0.75vw); -} - -.caja__right { - width: 1.5vw; - height: 0.75vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-1.5vw) translateY(-0.75vw); -} - -.caja__left { - width: 1.5vw; - height: 0.75vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw); -} - -.caja__top { - width: 1vw; - height: 1.5vw; - transform-origin: top left; - transform: translateZ(0.75vw); -} - -.caja__bottom { - width: 1vw; - height: 1.5vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-1vw); -} - -.caja__front { - background-image: linear-gradient(to bottom, #9e99c1, #8079ae); -} - -.caja__front::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to bottom, rgba(81, 137, 251, 0.4), transparent); -} - -.caja__back { - background-color: #9e99c1; -} - -.caja__right { - background-color: #645c98; -} - -.caja__right::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to bottom, rgba(81, 137, 251, 0.85), rgba(40, 125, 210, 0.35)); -} - -.caja__left { - background-color: #9e99c1; -} - -.caja__top { - background-color: #d9d0f6; -} - -.caja__top::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to bottom, rgba(81, 137, 251, 0.85), rgba(40, 125, 210, 0.35)); -} - -.caja__bottom { - background-color: #595388; -} - -.caja__bottom::before { - content: ""; - position: absolute; - right: -50%; - width: 150%; - height: 120%; - background-color: rgba(31, 33, 88, 0.5); - filter: blur(0.15vw); -} - -.caja:nth-of-type(1) { - top: 11.6vw; -} - -.caja:nth-of-type(2) { - top: 13.5vw; -} - -.caja:nth-of-type(3) { - top: 17vw; -} - -.cuadro-l, -.cuadro-r { - position: absolute; - left: 13vw; - top: 1vw; - width: 5vw; - height: 0.5vw; - transform: translateZ(10vw); -} - -.cuadro-l__front, -.cuadro-r__front { - width: 5vw; - height: 7vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(-6.75vw); -} - -.cuadro-l__back, -.cuadro-r__back { - width: 5vw; - height: 7vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-5vw) translateY(-7vw); -} - -.cuadro-l__right, -.cuadro-r__right { - width: 0.25vw; - height: 7vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(5vw) translateX(-0.25vw) translateY(-7vw); -} - -.cuadro-l__left, -.cuadro-r__left { - width: 0.25vw; - height: 7vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-7vw); -} - -.cuadro-l__top, -.cuadro-r__top { - width: 5vw; - height: 0.25vw; - transform-origin: top left; - transform: translateZ(7vw); -} - -.cuadro-l__bottom, -.cuadro-r__bottom { - width: 5vw; - height: 0.25vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-5vw); -} - -.cuadro-l__front, -.cuadro-r__front { - background-repeat: no-repeat; - background-size: contain; - background-position: center; -} - -.cuadro-l__back, -.cuadro-r__back { - background-color: #383358; - box-shadow: 0.35vw 0.35vw 0.35vw rgba(81, 137, 251, 0.2), -0.35vw 0.35vw 0.35vw rgba(81, 137, 251, 0.2), - -0.35vw -0.35vw 0.35vw rgba(81, 137, 251, 0.2), 0.35vw -0.35vw 0.35vw rgba(81, 137, 251, 0.2); -} - -.cuadro-l__right, -.cuadro-r__right { - background-color: #383358; -} - -.cuadro-l__left, -.cuadro-r__left { - background-color: #9e99c1; -} - -.cuadro-l__top, -.cuadro-r__top { - background-color: #9e99c1; -} - -.cuadro-l__bottom, -.cuadro-r__bottom { - background-color: #383358; -} - -.cuadro-l__front { - background-image: url("https://img02.anheyu.com/adminuploads/1/2022/10/20/63510384967db.jpg"); - background-color: #d51e24; - border: 1vw solid #d51e24; -} - -.cuadro-l__front::before { - content: ""; - position: absolute; - top: -1vw; - left: -1vw; - width: 5vw; - height: 7vw; - background-origin: padding-box; - background-image: linear-gradient(to bottom, rgba(40, 125, 210, 0.15), rgba(40, 125, 210, 0.15)); -} - -.cuadro-r { - left: 20vw; -} - -.cuadro-r__front { - background-image: url("https://img02.anheyu.com/adminuploads/1/2022/10/20/6351038496f25.jpg"); - background-color: #0f1110; - border: 0.5vw solid #0f1110; -} - -.cuadro-r__front::before { - content: ""; - position: absolute; - top: -0.5vw; - left: -0.5vw; - width: 5vw; - height: 7vw; - background-origin: padding-box; - background-image: linear-gradient(to bottom, rgba(40, 125, 210, 0.15), rgba(40, 125, 210, 0.15)); -} - -.puerta-c { - position: absolute; - left: 3vw; - top: 1vw; - width: 8vw; - height: 0.5vw; - transform: translateZ(0.5vw); -} - -.puerta-c::before { - content: ""; - position: absolute; - width: 100%; - height: 200%; - background-color: rgba(0, 0, 0, 0.65); - filter: blur(0.5vw); -} - -.puerta { - position: absolute; - left: 0.5vw; - top: 0; - width: 7vw; - height: 0.5vw; -} - -.puerta__front { - width: 7vw; - height: 16vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(-15.75vw); -} - -.puerta__back { - width: 7vw; - height: 16vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-7vw) translateY(-16vw); -} - -.puerta__right { - width: 0.25vw; - height: 16vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(7vw) translateX(-0.25vw) translateY(-16vw); -} - -.puerta__left { - width: 0.25vw; - height: 16vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-16vw); -} - -.puerta__top { - width: 7vw; - height: 0.25vw; - transform-origin: top left; - transform: translateZ(16vw); -} - -.puerta__bottom { - width: 7vw; - height: 0.25vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-7vw); -} - -.puerta__front { - background-image: linear-gradient(to bottom, #0f1110, #121332); - border: 0.125vw solid #5189fb; -} - -.puerta__front::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: radial-gradient(transparent 50%, rgba(4, 61, 174, 0.25)); - box-shadow: 0.65vw 0.65vw 0.5vw rgba(81, 137, 251, 0.6), -0.65vw 0.65vw 0.5vw rgba(81, 137, 251, 0.6), - -0.65vw -0.65vw 0.5vw rgba(81, 137, 251, 0.6), 0.65vw -0.65vw 0.5vw rgba(81, 137, 251, 0.6); -} - -.puerta__front::after { - content: ""; - position: absolute; - top: 50%; - right: 0.75vw; - width: 1vw; - height: 0.25vw; - background-color: #9e99c1; - box-shadow: 0.125vw 0.125vw 0.25vw rgba(81, 137, 251, 0.6), -0.125vw 0.125vw 0.25vw rgba(81, 137, 251, 0.6), - -0.125vw -0.125vw 0.25vw rgba(81, 137, 251, 0.6), 0.125vw -0.125vw 0.25vw rgba(81, 137, 251, 0.6); -} - -.puerta-l, -.puerta-r { - position: absolute; - left: 0; - top: 0; - width: 0.5vw; - height: 0.5vw; -} - -.puerta-l__front, -.puerta-r__front { - width: 0.5vw; - height: 16vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(-15.5vw); -} - -.puerta-l__back, -.puerta-r__back { - width: 0.5vw; - height: 16vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-0.5vw) translateY(-16vw); -} - -.puerta-l__right, -.puerta-r__right { - width: 0.5vw; - height: 16vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.5vw) translateX(-0.5vw) translateY(-16vw); -} - -.puerta-l__left, -.puerta-r__left { - width: 0.5vw; - height: 16vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-16vw); -} - -.puerta-l__top, -.puerta-r__top { - width: 0.5vw; - height: 0.5vw; - transform-origin: top left; - transform: translateZ(16vw); -} - -.puerta-l__bottom, -.puerta-r__bottom { - width: 0.5vw; - height: 0.5vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-0.5vw); -} - -.puerta-l__front, -.puerta-r__front { - background-color: #121332; -} - -.puerta-l__back, -.puerta-r__back { - background-color: #0b0c1f; -} - -.puerta-l__right, -.puerta-r__right { - background-color: #0b0c1f; -} - -.puerta-l__left, -.puerta-r__left { - background-color: #121332; -} - -.puerta-l__bottom, -.puerta-r__bottom { - background-color: #0b0c1f; -} - -.puerta-r { - left: calc(100% - 0.5vw); -} - -.puerta-t { - left: 0; - top: 0; - width: 8vw; - height: 0.5vw; - transform: translateZ(16vw); -} - -.puerta-t__front { - width: 8vw; - height: 0.5vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(0vw); -} - -.puerta-t__back { - width: 8vw; - height: 0.5vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-8vw) translateY(-0.5vw); -} - -.puerta-t__right { - width: 0.5vw; - height: 0.5vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(8vw) translateX(-0.5vw) translateY(-0.5vw); -} - -.puerta-t__left { - width: 0.5vw; - height: 0.5vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.5vw); -} - -.puerta-t__top { - width: 8vw; - height: 0.5vw; - transform-origin: top left; - transform: translateZ(0.5vw); -} - -.puerta-t__bottom { - width: 8vw; - height: 0.5vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-8vw); -} - -.puerta-t__front { - background-color: #121332; -} - -.puerta-t__back { - background-color: #0b0c1f; -} - -.puerta-t__right { - background-color: #0b0c1f; -} - -.puerta-t__left { - background-color: #121332; -} - -.puerta-t__top { - background-color: #1f2158; -} - -.puerta-t__bottom { - background-color: #0b0c1f; -} - -.muro { - position: absolute; - left: 1vw; - top: 6vw; - width: 0.5vw; - height: 16vw; - transform: translateZ(0.51vw); -} - -.muro__front { - width: 0.5vw; - height: 18vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(-2vw); -} - -.muro__back { - width: 0.5vw; - height: 18vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-0.5vw) translateY(-18vw); -} - -.muro__right { - width: 16vw; - height: 18vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.5vw) translateX(-16vw) translateY(-18vw); -} - -.muro__left { - width: 16vw; - height: 18vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-18vw); -} - -.muro__top { - width: 0.5vw; - height: 16vw; - transform-origin: top left; - transform: translateZ(18vw); -} - -.muro__bottom { - width: 0.5vw; - height: 16vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-0.5vw); -} - -.muro__front { - background-color: #0b0c1f; -} - -.muro__back { - background-color: #0b0c1f; -} - -.muro__right { - display: flex; - justify-content: center; - background-image: radial-gradient(circle, #1f2158, #0b0c1f); - overflow: hidden; -} - -.muro__right::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient( - to bottom, - rgba(40, 125, 210, 0.25), - transparent 30%, - transparent 70%, - rgba(40, 125, 210, 0.15) - ); -} - -.muro__right::after { - content: ""; - position: absolute; - bottom: 0; - left: 5%; - width: 90%; - height: 25%; - background-image: linear-gradient(to bottom, rgba(4, 5, 13, 0.75), rgba(4, 5, 13, 0.95)); - filter: blur(0.75vw); -} - -.muro__left { - background-color: #0b0c1f; - box-shadow: 0.5vw 0.5vw 0.6vw rgba(81, 137, 251, 0.3), 0.5vw -0.5vw 0.6vw rgba(81, 137, 251, 0.3), - -0.5vw 0.5vw 0.6vw rgba(81, 137, 251, 0.3), -0.5vw -0.5vw 0.6vw rgba(81, 137, 251, 0.3); -} - -.muro__top { - background-color: #0b0c1f; -} - -.muro__top::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - background-image: linear-gradient(to left, rgba(40, 125, 210, 0.5), rgba(81, 137, 251, 0.25)); -} - -.muro__bottom { - background-color: #0b0c1f; -} - -.muro__bottom::before { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 5vw; - height: 100%; - background-image: linear-gradient(to left, #0b0c1f, transparent 50%); - transform-origin: right bottom; - transform: skewY(-20deg); - filter: blur(0.25vw); -} - -.sillon-c { - position: absolute; - right: 2vw; - bottom: 6vw; - width: 6vw; - height: 16vw; - transform: translateZ(0.5vw); -} - -.sillon-c::before { - content: ""; - position: absolute; - top: -10%; - left: -10%; - width: 120%; - height: 120%; - background-color: rgba(11, 12, 31, 0.85); - filter: blur(0.75vw); -} - -.sillon-b { - position: absolute; - left: 0; - top: 1vw; - width: 6vw; - height: 14vw; -} - -.sillon-b__front { - width: 6vw; - height: 3vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(11vw); -} - -.sillon-b__back { - width: 6vw; - height: 3vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-6vw) translateY(-3vw); -} - -.sillon-b__right { - width: 14vw; - height: 3vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(6vw) translateX(-14vw) translateY(-3vw); -} - -.sillon-b__left { - width: 14vw; - height: 3vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-3vw); -} - -.sillon-b__top { - width: 6vw; - height: 14vw; - transform-origin: top left; - transform: translateZ(3vw); -} - -.sillon-b__bottom { - width: 6vw; - height: 14vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-6vw); -} - -.sillon-b__front { - background-color: #121332; -} - -.sillon-b__back { - background-color: #0b0c1f; -} - -.sillon-b__right { - background-color: #0b0c1f; -} - -.sillon-b__left { - background-image: linear-gradient(to bottom, #121332, #0b0c1f); -} - -.sillon-b__left::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to bottom, rgba(40, 125, 210, 0.1), transparent); -} - -.sillon-b__top { - background-image: linear-gradient(to right, #1f2158, #121332); - border-left: 0.1vw solid rgba(158, 153, 193, 0.5); -} - -.sillon-b__top::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to right, rgba(40, 125, 210, 0.25), transparent); -} - -.sillon-b__bottom { - background-color: #0b0c1f; -} - -.sillon-l, -.sillon-r { - position: absolute; - left: 0; - bottom: 0; - width: 6vw; - height: 1vw; -} - -.sillon-l__front, -.sillon-r__front { - width: 6vw; - height: 4.5vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(-3.5vw); -} - -.sillon-l__back, -.sillon-r__back { - width: 6vw; - height: 4.5vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-6vw) translateY(-4.5vw); -} - -.sillon-l__right, -.sillon-r__right { - width: 1vw; - height: 4.5vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(6vw) translateX(-1vw) translateY(-4.5vw); -} - -.sillon-l__left, -.sillon-r__left { - width: 1vw; - height: 4.5vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-4.5vw); -} - -.sillon-l__top, -.sillon-r__top { - width: 6vw; - height: 1vw; - transform-origin: top left; - transform: translateZ(4.5vw); -} - -.sillon-l__bottom, -.sillon-r__bottom { - width: 6vw; - height: 1vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-6vw); -} - -.sillon-l__front, -.sillon-r__front { - background-image: linear-gradient(to bottom, #121332, #0b0c1f); -} - -.sillon-l__back, -.sillon-r__back { - background-color: #0b0c1f; -} - -.sillon-l__right, -.sillon-r__right { - background-image: linear-gradient(to bottom, #0b0c1f, black); -} - -.sillon-l__left, -.sillon-r__left { - background-image: linear-gradient(to bottom, #121332, #0b0c1f); -} - -.sillon-l__top, -.sillon-r__top { - background-image: linear-gradient(to right, #1f2158, #0f102b); - border-bottom: 0.1vw solid rgba(158, 153, 193, 0.5); -} - -.sillon-l__top::before, -.sillon-r__top::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to right, rgba(40, 125, 210, 0.75), transparent); -} - -.sillon-l__bottom, -.sillon-r__bottom { - background-color: #0b0c1f; -} - -.sillon-r { - top: 0; -} - -.sillon-t { - position: absolute; - right: 0; - top: 1vw; - width: 1vw; - height: 1vw; - transform-origin: right; - transform: rotateY(7deg); -} - -.sillon-t__front { - width: 1vw; - height: 6.5vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(7.5vw); -} - -.sillon-t__back { - width: 1vw; - height: 6.5vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-6.5vw); -} - -.sillon-t__right { - width: 14vw; - height: 6.5vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-14vw) translateY(-6.5vw); -} - -.sillon-t__left { - width: 14vw; - height: 6.5vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-6.5vw); -} - -.sillon-t__top { - width: 1vw; - height: 14vw; - transform-origin: top left; - transform: translateZ(6.5vw); -} - -.sillon-t__bottom { - width: 1vw; - height: 14vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-1vw); -} - -.sillon-t__front { - background-image: linear-gradient(to bottom, #0b0c1f, #070814); -} - -.sillon-t__back { - background-image: linear-gradient(to bottom, #0b0c1f, #0b0c1f); -} - -.sillon-t__right { - background-image: linear-gradient(to bottom, #0b0c1f, black); -} - -.sillon-t__left { - background-color: #121332; -} - -.sillon-t__top { - background-image: linear-gradient(to right, #1f2158, #0f102b); - border-bottom: 0.1vw solid rgba(158, 153, 193, 0.5); -} - -.sillon-t__top::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(to right, rgba(40, 125, 210, 0.5), transparent); -} - -.sillon-t__bottom { - background-color: #0b0c1f; -} - -.mesa-c { - position: absolute; - left: 7vw; - top: 9.5vw; - width: 10vw; - height: 9vw; - transform: translateZ(0.5vw); -} - -.mesa-shadow { - position: absolute; - width: 100%; - height: 100%; - border-radius: 10%; - background-color: rgba(11, 12, 31, 0.95); - filter: blur(1vw); - transform: translateZ(0); -} - -.mesa { - position: absolute; - left: 0; - top: 0; - width: 10vw; - height: 9vw; - transform: translateZ(2vw); -} - -.mesa__front { - width: 10vw; - height: 0.5vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(8.5vw); -} - -.mesa__back { - width: 10vw; - height: 0.5vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-10vw) translateY(-0.5vw); -} - -.mesa__right { - width: 9vw; - height: 0.5vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(10vw) translateX(-9vw) translateY(-0.5vw); -} - -.mesa__left { - width: 9vw; - height: 0.5vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.5vw); -} - -.mesa__top { - width: 10vw; - height: 9vw; - transform-origin: top left; - transform: translateZ(0.5vw); -} - -.mesa__bottom { - width: 10vw; - height: 9vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-10vw); -} - -.mesa__front { - background-image: linear-gradient(to right, #0b0c1f, black); -} - -.mesa__front::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-image: linear-gradient(45deg, rgba(81, 137, 251, 0.125), rgba(180, 205, 253, 0.25), transparent 55%); -} - -.mesa__back { - background-color: #0b0c1f; -} - -.mesa__right { - background-color: black; -} - -.mesa__left { - background-color: #121332; -} - -.mesa__top { - background-image: linear-gradient(45deg, #0e0f27, #04050d); - overflow: hidden; -} - -.mesa__top::before { - content: ""; - position: absolute; - bottom: 0; - width: 50%; - height: 50%; - background-image: linear-gradient(45deg, rgba(81, 137, 251, 0.5), rgba(251, 250, 254, 0.125) 50%, transparent 55%); - filter: blur(0.5vw); -} - -.mesa__top::after { - content: ""; - position: absolute; - left: 2vw; - top: 2vw; - width: 20%; - height: 50%; - border-radius: 50%; - background-color: rgba(40, 125, 210, 0.079); - transform: rotateZ(-40deg); - filter: blur(0.75vw); -} - -.mesa__bottom { - background-color: #0b0c1f; -} - -.mesa-p { - position: absolute; - width: 0.25vw; - height: 0.25vw; -} - -.mesa-p__front { - width: 0.25vw; - height: 1.75vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(-1.5vw); -} - -.mesa-p__back { - width: 0.25vw; - height: 1.75vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-0.25vw) translateY(-1.75vw); -} - -.mesa-p__right { - width: 0.25vw; - height: 1.75vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.25vw) translateX(-0.25vw) translateY(-1.75vw); -} - -.mesa-p__left { - width: 0.25vw; - height: 1.75vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-1.75vw); -} - -.mesa-p__top { - width: 0.25vw; - height: 0.25vw; - transform-origin: top left; - transform: translateZ(1.75vw); -} - -.mesa-p__bottom { - width: 0.25vw; - height: 0.25vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-0.25vw); -} - -.mesa-p__front { - background-color: #0b0c1f; -} - -.mesa-p__back { - background-color: #0b0c1f; -} - -.mesa-p__right { - background-color: black; -} - -.mesa-p__left { - background-color: #121332; -} - -.mesa-p__top { - background-color: #1f2158; -} - -.mesa-p__bottom { - background-color: #0b0c1f; -} - -.mesa-p__bottom::before { - content: ""; - position: absolute; - width: 600%; - height: 200%; - top: 0; - right: 0; - border-radius: 10%; - transform: translateZ(-0.1vw); - background-color: rgba(0, 0, 0, 0.75); - filter: blur(0.35vw); -} - -.mesa-p:nth-of-type(1) { - left: 0.5vw; - top: 0.5vw; -} - -.mesa-p:nth-of-type(2) { - right: 0.5vw; - top: 0.5vw; -} - -.mesa-p:nth-of-type(3) { - left: 0.5vw; - bottom: 0.5vw; -} - -.mesa-p:nth-of-type(4) { - right: 0.5vw; - bottom: 0.5vw; -} - -.tablet { - position: absolute; - left: 13vw; - top: 12vw; - width: 2vw; - height: 2.5vw; - transform: translateZ(3.01vw) rotateZ(15deg); -} - -.tablet__front { - width: 2vw; - height: 0.125vw; - transform-origin: bottom left; - transform: rotateX(-90deg) translateZ(2.375vw); -} - -.tablet__back { - width: 2vw; - height: 0.125vw; - transform-origin: top left; - transform: rotateX(-90deg) rotateY(180deg) translateX(-2vw) translateY(-0.125vw); -} - -.tablet__right { - width: 2.5vw; - height: 0.125vw; - transform-origin: top left; - transform: rotateY(90deg) rotateZ(-90deg) translateZ(2vw) translateX(-2.5vw) translateY(-0.125vw); -} - -.tablet__left { - width: 2.5vw; - height: 0.125vw; - transform-origin: top left; - transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.125vw); -} - -.tablet__top { - width: 2vw; - height: 2.5vw; - transform-origin: top left; - transform: translateZ(0.125vw); -} - -.tablet__bottom { - width: 2vw; - height: 2.5vw; - transform-origin: top left; - transform: rotateY(180deg) translateX(-2vw); -} - -.tablet__front { - background-color: #8079ae; -} - -.tablet__back { - background-color: #383358; -} - -.tablet__right { - background-color: #383358; -} - -.tablet__left { - background-color: #9e99c1; -} - -.tablet__top { - background-color: #83abfc; - border: 0.2vw solid rgba(81, 137, 251, 0.25); - animation: pantalla-tablet 0.25s infinite; -} - -.tablet__bottom { - background-color: black; - box-shadow: 0.25vw 0.25vw 0.5vw rgba(24, 74, 124, 0.75), -0.25vw 0.25vw 0.5vw rgba(24, 74, 124, 0.75), - -0.25vw -0.25vw 0.5vw rgba(24, 74, 124, 0.75), 0.25vw -0.25vw 0.5vw rgba(24, 74, 124, 0.75); -} - -/**********************/ -/**********************/ -@keyframes pantalla-tablet { - from { - background-color: #6a9afb; - } -} - -@keyframes pantalla-tv { - from { - background-color: #6a9afb; - box-shadow: 0.125vw 0.125vw 0vw rgba(81, 137, 251, 0), -0.125vw 0.125vw 0vw rgba(81, 137, 251, 0), - 0.125vw -0.125vw 0vw rgba(81, 137, 251, 0), -0.125vw -0.125vw 0vw rgba(81, 137, 251, 0); - } -} - -@keyframes luz-tv { - from { - background-image: radial-gradient(rgba(36, 112, 188, 0.8), rgba(56, 121, 250, 0.8)); - } -} - -div#runtime { - width: 180px; - margin: auto; - color: #fff; - padding-inline: 5px; - border-radius: 10px; - background-color: rgba(0, 0, 0, 0.7); -} -#workboard { - font-size: 12px; -} -[data-theme="dark"] div#runtime { - color: #28b4c8; - box-shadow: 0 0 5px rgba(28, 69, 218, 0.71); - animation: flashlight 1s linear infinite alternate; -} -#ghbdages .github-badge img { - height: 20px; - max-width: 150px; - border-radius: 4px; - pointer-events: none; -} -#workboard img.boardsign { - width: 100%; - max-width: 130px; - border-radius: 0px; -} -@-moz-keyframes flashlight { - from { - box-shadow: 0 0 5px #1478d2; - } - to { - box-shadow: 0 0 2px #1478d2; - } -} -@-webkit-keyframes flashlight { - from { - box-shadow: 0 0 5px #1478d2; - } - to { - box-shadow: 0 0 2px #1478d2; - } -} -@-o-keyframes flashlight { - from { - box-shadow: 0 0 5px #1478d2; - } - to { - box-shadow: 0 0 2px #1478d2; - } -} -@keyframes flashlight { - from { - box-shadow: 0 0 5px #1478d2; - } - to { - box-shadow: 0 0 2px #1478d2; - } -} - -.author-content.author-content-item { - height: 19rem; - background-color: var(--anzhiyu-main); - background-position: left 28%; - background-repeat: no-repeat; - background-size: cover; - color: var(--anzhiyu-white); - overflow: hidden; - margin-top: 0; - background-image: linear-gradient(-45deg, var(--anzhiyu-main), #0f4667, #2a6973 150%, #67044d); - background-size: 400%; - animation: gradient 15s ease infinite; -} - -#skills-tags-group-all { - display: flex; - transform: rotate(0); - transition: 0.3s; -} -#skills-tags-group-all .tags-group-wrapper { - margin-top: 40px; - display: flex; - flex-wrap: nowrap; - animation: rowup 60s linear infinite; -} -#skills-tags-group-all .tags-group-icon-pair { - margin-left: 1rem; -} -#skills-tags-group-all .tags-group-icon { - display: flex; - align-items: center; - justify-content: center; - color: #fff; - font-size: 66px; - font-weight: 700; - box-shadow: var(--anzhiyu-shadow-blackdeep); - width: 120px; - height: 120px; - border-radius: 30px; -} -#skills-tags-group-all .tags-group-icon img { - width: 60px; - margin: 0 auto !important; -} -[data-theme="dark"] #skills-tags-group-all .tags-group-icon img { - filter: none; -} -#skills-tags-group-all .tags-group-icon-pair .tags-group-icon:nth-child(even) { - margin-top: 1rem; - transform: translate(-60px); -} - -#skills-tags-group-all .etc { - margin-right: 10px; - margin-top: 10px; -} - -@keyframes rowup { - 0% { - transform: translateX(0); - } - 100% { - transform: translateX(-50%); - } -} - -#article-container .tag-Link { - background: var(--anzhiyu-secondbg); - border-radius: 8px !important; - display: flex; - border: var(--style-border); - flex-direction: column; - padding: 0.5rem 1rem !important; - border-width: 1px !important; - margin: 1rem 0; -} - -#article-container .tag-Link:hover { - border: var(--style-border-hover); -} - -#article-container .tag-Link .tag-link-tips { - border-bottom: var(--style-border); - padding-bottom: 4px; - font-size: 12px; - color: var(--anzhiyu-gray); - font-weight: normal; -} - -#article-container .tag-Link:hover .tag-link-tips { - color: var(--anzhiyu-white); -} - -#article-container .tag-Link .tag-link-bottom { - display: flex; - margin-top: 0.5rem; - align-items: center; - justify-content: space-around; -} - -#article-container .tag-Link .tag-link-bottom .tag-link-left { - width: 60px; - min-width: 60px; - height: 60px; - background-size: cover; - border-radius: var(--anzhiyu-border-radius); - background-color: var(--anzhiyu-card-bg); - display: flex; - align-items: center; - justify-content: center; -} -#article-container .tag-Link .tag-link-bottom .tag-link-left i { - margin: 0; - padding: 0; - margin: auto; - font-size: 24px; - color: var(--anzhiyu-fontcolor); -} - -#article-container .tag-Link .tag-link-bottom .tag-link-right { - margin-left: 1rem; - max-width: calc(100% - 76px - 1rem); -} - -#article-container .tag-Link .tag-link-bottom .tag-link-right .tag-link-title { - font-size: 1rem; - line-height: 1.2; -} - -#article-container .tag-Link .tag-link-bottom .tag-link-right .tag-link-sitename { - font-size: 0.7rem; - color: var(--anzhiyu-gray); - font-weight: normal; - margin-top: 4px; -} - -#article-container .tag-Link:hover .tag-link-bottom .tag-link-right .tag-link-sitename { - color: var(--anzhiyu-white); -} - -#article-container .tag-Link .tag-link-bottom i { - margin-left: auto; -} - -.site-card-group .site-card .info { - margin-top: 0; -} -.site-card-group > a { - width: calc(100% / 4 - 0.5rem); - height: 150px; - position: relative; - display: block; - margin: 0.5rem 0.25rem; - float: left; - overflow: hidden; - padding: 0; - border-radius: 8px; - transition: all 0.3s ease 0s, transform cubic-bezier(0.71, 0.15, 0.16, 1.15) 0.6s; - box-shadow: none; - border: var(--style-border) !important; -} - -.site-card-group > a .wrapper { - position: relative; -} - -.site-card-group > a .cover { - width: 100%; - -webkit-transition: -webkit-transform 0.5s ease-out; - -moz-transition: -moz-transform 0.5s ease-out; - -o-transition: -o-transform 0.5s ease-out; - -ms-transition: -ms-transform 0.5s ease-out; - transition: transform 0.5s ease-out; -} - -.site-card-group > a .info, -.site-card-group > a .wrapper .cover { - position: absolute; - top: 0; - left: 0; -} - -.site-card-group > a .info { - display: -webkit-box; - display: -moz-box; - display: -webkit-flex; - display: -ms-flexbox; - display: box; - display: flex; - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - width: 100%; - height: 100%; - overflow: hidden; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.7); - -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; - -moz-transition: -moz-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; - -o-transition: -o-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; - -ms-transition: -ms-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; - transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; -} - -.site-card-group > a .info img { - position: relative; - top: 19px; - width: 80px; - height: 80px; - border-radius: 50%; - -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 30%); - box-shadow: 0 0 10px rgb(0 0 0 / 30%); - z-index: 1; - text-align: center; - pointer-events: none; -} - -.site-card-group > a .info span { - padding: 20px 10% 60px 10%; - font-size: 16px; - width: 100%; - text-align: center; - -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 30%); - box-shadow: 0 0 10px rgb(0 0 0 / 30%); - background-color: rgba(255, 255, 255, 0.7); - color: var(--font-color); - white-space: nowrap; - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; -} - -.site-card-group .site-card:hover { - border-color: var(--anzhiyu-main) !important; - background-color: var(--anzhiyu-main) !important; - -webkit-box-shadow: var(--anzhiyu-shadow-theme) !important; - box-shadow: var(--anzhiyu-shadow-theme) !important; -} -.site-card-group > a:hover .wrapper img { - -webkit-transform: scale(1.2); - -moz-transform: scale(1.2); - -o-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); -} - -.site-card-group > a .cover { - width: 100%; - -webkit-transition: -webkit-transform 0.5s ease-out; - -moz-transition: -moz-transform 0.5s ease-out; - -o-transition: -o-transform 0.5s ease-out; - -ms-transition: -ms-transform 0.5s ease-out; - transition: transform 0.5s ease-out; -} -.site-card-group > a .wrapper img { - height: 150px; - pointer-events: none; -} -.site-card-group .site-card .wrapper img { - -webkit-transition: -webkit-transform 0.5s ease-out !important; - -moz-transition: -moz-transform 0.5s ease-out !important; - -o-transition: -o-transform 0.5s ease-out !important; - -ms-transition: -ms-transform 0.5s ease-out !important; - transition: transform 0.5s ease-out !important; -} -.site-card-group > a .wrapper .fadeIn { - -webkit-animation: coverIn 0.8s ease-out forwards; - -moz-animation: coverIn 0.8s ease-out forwards; - -o-animation: coverIn 0.8s ease-out forwards; - -ms-animation: coverIn 0.8s ease-out forwards; - animation: coverIn 0.8s ease-out forwards; -} - -.site-card-group > a:hover .info { - -webkit-transform: translateY(-100%); - -moz-transform: translateY(-100%); - -o-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); -} - diff --git a/css/tanchuang.css b/css/tanchuang.css new file mode 100644 index 0000000..313215d --- /dev/null +++ b/css/tanchuang.css @@ -0,0 +1,109 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background: #f0f0f0; + } + + /* 弹窗遮罩 */ + .popup-overlay { + position: fixed; + top: 0; left: 0; + width: 100%; height: 100%; + background: rgba(0, 0, 0, 0.4); + backdrop-filter: blur(6px); + display: none; + justify-content: center; + align-items: center; + z-index: 1000; + } + + /* 弹窗主体 */ + .popup { + background: rgba(255, 255, 255, 0.88); + backdrop-filter: blur(10px); + border-radius: 16px; + padding: 20px 30px; + width: 400px; + max-width: 90%; + box-shadow: 0 8px 20px rgba(0,0,0,0.2); + transform: scale(0.9); + opacity: 0; + transition: all 0.3s ease; + } + + /* 弹窗显示状态 */ + .popup.show { + opacity: 1; + transform: scale(1); + } + + /* 弹窗隐藏动画 */ + .popup.hide { + opacity: 0; + transform: scale(0.9); + } + + .popup h2 { + margin-top: 0; + font-size: 20px; + border-bottom: 1px solid #ddd; + padding-bottom: 6px; + color: #222; /* 深色标题 */ + } + + .popup ul { + list-style: none; + padding: 0; + margin: 10px 0 20px 0; + } + + .popup ul li { + margin: 6px 0; + } + + .popup ul li a { + text-decoration: none; + color: #007BFF; + font-size: 15px; + transition: 0.2s; + } + + .popup ul li a:hover { + text-decoration: underline; + } + + /* 关闭按钮 */ + .close-btn { + display: block; + text-align: right; + margin-top: -10px; + margin-bottom: 10px; + } + .close-btn button { + background: transparent; + border: none; + font-size: 22px; + cursor: pointer; + color: #666; + transition: 0.2s; + padding: 4px 8px; + } + .close-btn button:hover { + color: #000; + } + + /* 移动端优化 */ + @media (max-width: 480px) { + .popup { + width: 90%; + padding: 16px 20px; + } + .popup h2 { + font-size: 18px; + } + .popup ul li a { + font-size: 16px; + } + } + \ No newline at end of file diff --git a/favicon.ico b/favicon.ico index cfb292e..ad2966a 100644 Binary files a/favicon.ico and b/favicon.ico differ diff --git a/index.html b/index.html index 24ac2fe..6389fb9 100644 --- a/index.html +++ b/index.html @@ -1,109 +1,457 @@ - - - - - 装逼让你飞起来 - - - - -
- -
- - - - + + + + + + 账号救援模板 + + + + + +
+
+ +
+ + + + K-Black + +
+ + + +
+
+
+

如何申诉账号？

+

+ 请访问 + + 蓝档案账号申诉页面 + ， + 按照提示提交信息，并耐心等待官方回复邮件。 +

+
+ + + + +

账号申诉模板

+ +

+ 提交了申诉之后，他发回个邮件告诉要补充信息，就用这个模板去回复,提示：用的时候建议把那些填写提示删掉，比如:[...]。 +

+ +
+ 
+アカウント復旧に関するご依頼（UID：Xxxxxx）
+「ブルーアーカイブ」運営事務局 様
+
+お世話になっております。ニジュイシゲジバ（UID：xxxxxx）と申します。アカウント復旧に関するご案内をありがとうございます。以下に、必要情報を記載いたしますので、アカウントの復旧手続きをお願いいたします。
+
+1. UID
+xxxxxxx
+
+2. ゲームユーザーID
+［填写账号ID，若不知道，填写“不明”］
+
+3. Yostar ID
+［填写你的Youstar ID,若不清楚或者因为无法登录看不到，写“不明（ログインできないため確認できません）”］
+
+4. フレンドコード
+[填写您的好友代码，若不清楚请写“不明”]
+
+5. 呼び名
+［填写你的游戏账号的名字］
+
+6. 連携コード発行時のスクリーンショット
+[若有截图，请写“添付ファイルにてスクリーンショットを送信いたします”；若无，请写“スクリーンショットはございません”]
+
+7. ゲーム内の「アカウントを削除」機能を使用したか
+[填写是否使用过，例如“使用していません”或“使用した記憶があります”]
+
+8. 連携に使用したXアカウント
+[填写绑定的X账号，例如“@example”，若无请写“使用していません”]
+
+9. Yostar連携に使用したメールアドレス
+［邮箱］
+[若有其他曾用过的邮箱，请补充，例如“以前使用したメールアドレス：example2@gmail.com”]
+
+10. 挨拶（アカウント情報のコメント）
+[填写游戏内设置的问候语，若无请写“設定していません”或“不明”]
+
+11. ゲーム内で設定した生年月日
+［填生日，没写或者忘了填未設定］
+
+12. 星5に神秘開放したキャラクター
+[填写已解锁神秘的五星角色，例如“聖園ミカ（水着）”或其他，若无请写“なし”]
+
+13. 星4に神秘開放したキャラクター
+[填写已解锁神秘的四星角色，若无请写“なし”]
+
+14. 所持青輝石数
+[填写持有的青辉石数量，例如“約5000個”，若不清楚请写“不明”]
+
+補足情報
+ゲーム開始日時：2024年1月1日 00:00 （想不到就随便填大概就行）
+最終ログイン日時：2025年8月4日 18:00（最好是真实日期时间）
+
+所持キャラクター例：
+[填写等级，例如“聖園ミカ（水着）Lv70”或“不明”]
+
+問題の詳細：以前（以前的邮箱）で認証コードを取得しログインしていましたが、今日ログインしたところYostarアカウントに切り替わっており、Googleアカウントでログインすると新しいデフォルトアカウントになってしまいました。別のメールアドレスでYostarを登録し直そうとしましたが「既に連携済み」と表示されます。以前のアカウントに戻したいです。
+
+不足している情報がある場合、大変恐縮ですが追加でご案内いただけますと幸いです。キャラクターたちは私にとって非常に大切な存在ですので、復旧のほど何卒よろしくお願い申し上げます。
+
+お名前
+（游戏名字）
+
+連絡先メールアドレス
+（你用来联系的邮箱）
+
+
+ + + + + + + + + + diff --git a/info.html b/info.html new file mode 100644 index 0000000..e4a0635 --- /dev/null +++ b/info.html @@ -0,0 +1,206 @@ + + + + + + 花里胡哨的网站详情页 + + + +
+

这个网站是干啥的？

+

I‘m K-Black

+

这是一个用来恢复蔚蓝档案日服账号的申诉模板参考网站

+

本站使用 Cloudflare Workers 部署至全球网络！

+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/other_links_test.html b/other_links_test.html new file mode 100644 index 0000000..f55a167 --- /dev/null +++ b/other_links_test.html @@ -0,0 +1,183 @@ + + + + + 弹窗示例 + + + + + + + + + + + + + + diff --git a/test.html b/test.html new file mode 100644 index 0000000..41fabc7 --- /dev/null +++ b/test.html @@ -0,0 +1,129 @@ + + + + + + Hello World + + + +

Hello, World!

+ + + + + + + diff --git a/wip.html b/wip.html new file mode 100644 index 0000000..fb59cbd --- /dev/null +++ b/wip.html @@ -0,0 +1,98 @@ + + + + + + 页面开发中 + + + +
+

页面开发中

+

抱歉，这个功能或页面还没有开发完成。请稍后再试，或者联系管理员。

+ 返回主页 +
我懒得写了，这个页面是AI写的
+
+ + \ No newline at end of file diff --git a/zhuangbi.mp3 b/zhuangbi.mp3 deleted file mode 100644 index e8747e4..0000000 Binary files a/zhuangbi.mp3 and /dev/null differ