From 9665332226278fc6d5b4d372da30ea08dd5215a0 Mon Sep 17 00:00:00 2001 From: nanhaoluo <3075912108@qq.com> Date: Fri, 16 Jan 2026 14:54:27 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20CSS=20=E9=80=89?= =?UTF-8?q?=E6=8B=A9=E5=99=A8=E5=92=8C=E5=B1=9E=E6=80=A7=E4=B9=8B=E9=97=B4?= =?UTF-8?q?=E7=9A=84=E7=A9=BA=E8=A1=8C=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 修复选择器逗号后跟空行导致的 CSS 解析错误 - 修复规则块内属性之间的多余空行 - 修复 #leftbar_catalog 相关选择器的格式问题 - 删除 3790 行多余空行，恢复正确的 CSS 格式 --- style.css | 3790 ----------------------------------------------------- 1 file changed, 3790 deletions(-) diff --git a/style.css b/style.css index 2a5b409..d3f84b2 100644 --- a/style.css +++ b/style.css @@ -24,33 +24,19 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, :root { - --themecolor: #5e72e4; - --themecolor-R: 94; - --themecolor-G: 114; - --themecolor-B: 228; - --themecolor-H: 231; - --themecolor-S: 71; - --themecolor-L: 63; - --themecolor-rgbstr: var(--themecolor-R), var(--themecolor-G), var(--themecolor-B); - --themecolor-dark0: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), max(calc(var(--themecolor-L) * 1% - 2.5%), 0%)); - --themecolor-dark: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), max(calc(var(--themecolor-L) * 1% - 5%), 0%)); - --themecolor-dark2: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), max(calc(var(--themecolor-L) * 1% - 10%), 0%)); - --themecolor-dark3: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), max(calc(var(--themecolor-L) * 1% - 15%), 0%)); - --themecolor-light: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), min(calc(var(--themecolor-L) * 1% + 10%), 100%)); - --themecolor-gradient: linear-gradient(150deg, var(--themecolor-light) 15%, var(--themecolor) 70%, var(--themecolor-dark0) 94%); @@ -62,7 +48,6 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.7), calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.7); - --color-tint-78: calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.78), @@ -70,7 +55,6 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.78), calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.78); - --color-tint-80: calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.8), @@ -78,7 +62,6 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.8), calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.8); - --color-tint-82: calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.82), @@ -86,7 +69,6 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.82), calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.82); - --color-tint-86: calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.86), @@ -94,7 +76,6 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.86), calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.86); - --color-tint-92: calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.92), @@ -102,7 +83,6 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.92), calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.92); - --color-tint-95: calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.95), @@ -110,7 +90,6 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.95), calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.95); - --color-shade-70: calc(30 * 0.7 + var(--themecolor-R) * (1 - 0.7)), @@ -118,7 +97,6 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, calc(30 * 0.7 + var(--themecolor-G) * (1 - 0.7)), calc(30 * 0.7 + var(--themecolor-B) * (1 - 0.7)); - --color-shade-75: calc(30 * 0.75 + var(--themecolor-R) * (1 - 0.75)), @@ -126,7 +104,6 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, calc(30 * 0.75 + var(--themecolor-G) * (1 - 0.75)), calc(30 * 0.75 + var(--themecolor-B) * (1 - 0.75)); - --color-shade-80: calc(30 * 0.8 + var(--themecolor-R) * (1 - 0.8)), @@ -134,7 +111,6 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, calc(30 * 0.8 + var(--themecolor-G) * (1 - 0.8)), calc(30 * 0.8 + var(--themecolor-B) * (1 - 0.8)); - --color-shade-82: calc(30 * 0.82 + var(--themecolor-R) * (1 - 0.82)), @@ -142,7 +118,6 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, calc(30 * 0.82 + var(--themecolor-G) * (1 - 0.82)), calc(30 * 0.82 + var(--themecolor-B) * (1 - 0.82)); - --color-shade-86: calc(30 * 0.86 + var(--themecolor-R) * (1 - 0.86)), @@ -150,7 +125,6 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, calc(30 * 0.86 + var(--themecolor-G) * (1 - 0.86)), calc(30 * 0.86 + var(--themecolor-B) * (1 - 0.86)); - --color-shade-90: calc(30 * 0.9 + var(--themecolor-R) * (1 - 0.9)), @@ -158,7 +132,6 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, calc(30 * 0.9 + var(--themecolor-G) * (1 - 0.9)), calc(30 * 0.9 + var(--themecolor-B) * (1 - 0.9)); - --color-shade-94: calc(30 * 0.94 + var(--themecolor-R) * (1 - 0.94)), @@ -166,7 +139,6 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, calc(30 * 0.94 + var(--themecolor-G) * (1 - 0.94)), calc(30 * 0.94 + var(--themecolor-B) * (1 - 0.94)); - --color-shade-96: calc(30 * 0.96 + var(--themecolor-R) * (1 - 0.96)), @@ -174,7 +146,6 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, calc(30 * 0.96 + var(--themecolor-G) * (1 - 0.96)), calc(30 * 0.96 + var(--themecolor-B) * (1 - 0.96)); - --color-tint-blue: calc(204 * 0.6 + var(--themecolor-R) * (1 - 0.6)), @@ -186,23 +157,14 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, --color-background: #f4f5f7; - --color-foreground: #fff; - --color-widgets: #fff; - --color-widgets-disabled: #e9ecef; - --color-border: #dce0e5; - --color-border-on-foreground: #f3f3f3; - --color-border-on-foreground-deeper: #eee; - --color-text-deeper: #212529; - --color-selection: #cce2ff; - /* ========== 统一动画系统 - 桌面端和移动端一致 ========== */ /* 动画时长 - 基于 Material Design 3 规范 */ --animation-instant: 100ms; @@ -210,7 +172,6 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, --animation-normal: 250ms; --animation-slow: 400ms; --animation-slower: 600ms; - /* 缓动函数 - Material 3 标准曲线 */ --ease-standard: cubic-bezier(0.2, 0, 0, 1); --ease-standard-decelerate: cubic-bezier(0, 0, 0, 1); @@ -218,12 +179,10 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, --ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --ease-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1); --ease-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15); - /* 弹性缓动 - 用于交互反馈 */ --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55); --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1); - /* 状态层透明度 - Material 3 */ --state-hover-opacity: 0.08; --state-focus-opacity: 0.12; @@ -232,111 +191,66 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, } html.darkmode body { - --color-background: #282828; - --color-foreground: #424242; - --color-widgets: #555; - --color-widgets-disabled: #474747; - --color-border: #777; - --color-border-on-foreground: #555; - --color-border-on-foreground-deeper: #777; - --color-text-deeper: #eee; - --color-darkmode-toolbar: 33, 33, 33; - --color-darkmode-banner: #212121; - --color-selection: #607799; - } html.darkmode.amoled-dark body, - html.darkmode.amoled-dark.immersion-color body { - --color-background: #111; - --color-foreground: #000; - --color-widgets: #151515; - --color-widgets-disabled: #000; - --color-border: #222; - --color-border-on-foreground: #181818; - --color-border-on-foreground-deeper: #252525; - --color-text-deeper: #eee; - --color-selection: #607799; --color-darkmode-toolbar: 0, 0, 0; - --color-darkmode-banner: #131313; - } html.immersion-color body { - --color-background: rgb(var(--color-tint-86)); - --color-foreground: rgb(var(--color-tint-92)); - --color-widgets: rgb(var(--color-tint-95)); - --color-widgets-disabled: rgb(var(--color-tint-86)); - --color-border: rgb(var(--color-tint-78)); - --color-border-on-foreground: rgb(var(--color-tint-86)); - --color-border-on-foreground-deeper: rgb(var(--color-tint-80)); - --color-text-deeper: rgb(var(--color-shade-82)); - --color-selection: rgb(var(--color-tint-70)); - } html.immersion-color.darkmode body { - --color-background: rgb(var(--color-shade-94)); - --color-foreground: rgb(var(--color-shade-90)); - --color-widgets: rgb(var(--color-shade-86)); - --color-widgets-disabled: rgb(var(--color-shade-82)); - --color-border: rgb(var(--color-shade-80)); - --color-border-on-foreground: rgb(var(--color-shade-82)); - --color-border-on-foreground-deeper: rgb(var(--color-shade-75)); - --color-text-deeper: rgb(var(--color-tint-82)); - --color-selection: rgb(var(--color-shade-70)); --color-darkmode-toolbar: var(--color-shade-90); - --color-darkmode-banner: rgb(var(--color-shade-96)); - } /* 主题切换过渡效果 (Dark/Light Mode Transition) */ @@ -359,65 +273,40 @@ html.theme-transitioning *::after { /*Argon CSS Override*/ .bg-white, - .card, - .dropdown-menu, - .dropdown-menu:before { - background-color: var(--color-foreground) !important; - } .form-control, - .form-control:focus, - .focused .input-group-text, - .btn-neutral, - .input-group-text, - .page-link, - .modal-content, - .custom-control-label::before, - .btn-secondary { - background-color: var(--color-widgets); - } .page-link { - border-color: var(--color-border) !important; - } .modal-header, - .custom-control-label::before { - border-color: var(--color-border-on-foreground-deeper) !important; - } .page-link:hover { - background-color: var(--color-widgets-disabled); - } .form-control:disabled, - .form-control[readonly] { - background-color: var(--color-widgets-disabled); - } @@ -425,787 +314,478 @@ html.theme-transitioning *::after { /* Main CSS */ :root { - --card-radius: 4px; - --font: "Open Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif; - } html.themecolor-toodark.darkmode { - --themecolor: #5e72e4 !important; - --themecolor-light: #8a98eb !important; - } body { - background: var(--color-background) !important; - font-family: var(--font); - overflow: overlay; - } a { - transition: color var(--animation-normal) var(--ease-standard); - } audio, - canvas, - progress, - video { - display: inline-block; - vertical-align: baseline; - } article .post-content { - margin-top: 6px; - } article .post-content p { - line-height: 1.8; - word-wrap: break-word; - } article h1, - article h2, - article h3, - article h4, - article h5, - article h6, - article strong { - font-weight: 600; - } article h1, - article h2, - article h3, - article h4, - article h5, - article h6 { - margin-top: 18px !important; - margin-bottom: 15px; - } article h1 { - font-size: 30px; - } article h2 { - font-size: 26px; - } article h3 { - font-size: 22px; - } article h4 { - font-size: 18px; - } article h5 { - font-size: 15px; - } article h6 { - font-size: 13px; - } article figcaption { - text-align: center; - opacity: 0.65; - margin-top: 10px; - } article img, - .shuoshuo-preview-container img { - max-width: 100%; - height: auto; - } .shuoshuo-preview-container img { - border-radius: var(--card-radius); - } .shuoshuo-preview-container p + p > img:first-child { - margin-top: 12px; - } article .wp-block-image figcaption, - .shuoshuo-preview-container .wp-block-image figcaption { - text-align: center; - font-size: 14px; - opacity: 0.6; - } article video, - .shuoshuo-preview-container video { - max-width: 100%; - outline: none; - } article .wp-caption, - .shuoshuo-preview-container .wp-caption { - max-width: 100%; - } article .post-content a { - position: relative; - } article .post-content a:before { - content: " "; - position: absolute; - top: auto; - bottom: 0px; - left: 0; - width: 100%; - height: 1px; - background-color: var(--themecolor); - transition: all 0.2s; - transform: scaleX(0); - backface-visibility: hidden; - } article .post-content a[class*="button"]:before { - display: none; - } article .post-content a:hover:before { - transform: scaleX(1); - } article .post-content a.no-hover-underline:before { - display: none; - } html:not(.disable-codeblock-style) article pre:not(.hljs-codeblock) { - font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace; - font-size: 14px; - line-height: 1.375; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - tab-size: 4; - hyphens: none; - color: #5e6687; - background: var(--color-border-on-foreground); - direction: ltr; - border: 1px solid var(--color-border-on-foreground-deeper); - padding: 14px; - border-radius: 3px; - } article .post-content blockquote { - padding-left: 1em; - margin: 1em 3em 1em 0; - font-weight: 400; - border-left: 4px solid var(--color-border-on-foreground-deeper); - } article .post-content mark { - padding: 2px; - margin: 0 5px; - background: #fffdd1; - border-bottom: 1px solid #ffedce; - } article .post-content u, - article .post-content ins { - text-decoration: none; - border-bottom: 1px solid; - } html:not(.disable-codeblock-style) article code:not([hljs-codeblock-inner]) { - font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace; - color: #5e6687; - background: var(--color-border-on-foreground); - border: 1px solid var(--color-border-on-foreground-deeper); - direction: ltr; - border-radius: 3px; - padding: 0 4px; - } html:not(.disable-codeblock-style) article .post-content > code:not([hljs-codeblock-inner]), - article .post-content > p > code:not([hljs-codeblock-inner]) { - padding: 2px 5px; - } article .post-content abbr[title] { - text-decoration: none; - cursor: help; - border-bottom: 1px dotted; - } article .post-content kbd { - padding: 2px 6px; - font-size: 90%; - color: #fff; - background-color: #333; - border-radius: 3px; - } article .wp-embedded-content, - article .blocks-gallery-grid, - article .wp-block-gallery, - article .wp-block-media-text { - max-width: 100%; - } article .blocks-gallery-grid.is-cropped .blocks-gallery-image .fancybox-wrapper, - article .blocks-gallery-grid.is-cropped .blocks-gallery-item .fancybox-wrapper, - article .wp-block-gallery.is-cropped .blocks-gallery-image .fancybox-wrapper, - article .wp-block-gallery.is-cropped .blocks-gallery-item .fancybox-wrapper { - height: 100%; - flex: 1; - -o-object-fit: cover; - object-fit: cover; - } article .wp-block-cover, - article .wp-block-cover-image { - padding: 0; - } article .wp-block-cover-image .wp-block-cover__inner-container, - article .wp-block-cover .wp-block-cover__inner-container { - position: absolute; - } article table { - max-width: 100%; - word-break: break-word; - } article table > tbody > tr > td, - article table > tbody > tr > th, - article table > tfoot > tr > td, - article table > tfoot > tr > th, - article table > thead > tr > td, - article table > thead > tr > th { - padding: 1rem; - vertical-align: top; - border: 1px solid var(--color-border-on-foreground-deeper); - } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { - background-color: var(--color-border-on-foreground) !important; - } article figure.is-style-stripes table > tbody > tr > td, - article figure.is-style-stripes table > tbody > tr > th, - article figure.is-style-stripes table > tfoot > tr > td, - article figure.is-style-stripes table > tfoot > tr > th, - article figure.is-style-stripes table > thead > tr > td, - article figure.is-style-stripes table > thead > tr > th { - border: none !important; - } .wp-block-table.is-style-stripes { - border-bottom: none !important; - } article hr, - article .wp-block-separator { - border-top: 0.0625rem solid var(--color-border-on-foreground-deeper); - border-bottom: none; - } ::-webkit-scrollbar { - width: 10px; - height: 8px; - background-color: rgba(0, 0, 0, 0); - } ::-webkit-scrollbar-track { - background-color: transparent; - } ::-webkit-scrollbar-thumb { - background-color: rgba(0, 0, 0, 0.25); - border-radius: 100px; - border: 2px solid transparent; - background-clip: content-box; - } ::-webkit-scrollbar-thumb:hover { - background-color: rgba(var(--themecolor-rgbstr), 0.7) !important; - } *::selection { - background-color: var(--color-selection); - } *::-moz-selection { - background-color: var(--color-selection); - } *::-webkit-selection { - background-color: var(--color-selection); - } html.darkmode *::selection { - background-color: var(--color-selection); - } html.darkmode *::-moz-selection { - background-color: var(--color-selection); - } html.darkmode *::-webkit-selection { - background-color: var(--color-selection); - } html.use-serif body { - --font: "Noto Serif SC", serif, system-ui; - } html.use-big-shadow *.shadow-sm { - box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important; - } /*标题样式*/ .article-header-style-1 article h1, - .article-header-style-1 article h2, - .article-header-style-1 article h3 { - position: relative; - } .article-header-style-1 article h1:after, - .article-header-style-1 article h2:after, - .article-header-style-1 article h3:after { - content: ""; - display: block; - position: absolute; - background: var(--themecolor); - opacity: 0.25; - pointer-events: none; - border-radius: 15px; - left: -2px; - bottom: 0px; - } .article-header-style-1 article h1:after { - width: 45px; - height: 13px; - } .article-header-style-1 article h2:after { - width: 40px; - height: 11px; - } .article-header-style-1 article h3:after { - width: 30px; - height: 9px; - } .article-header-style-1 article h1.text-center:after, - .article-header-style-1 article h1[style*="text-align: center"]:after, - .article-header-style-1 article h1[style*="text-align:center"]:after, - .article-header-style-1 article h1[class*="text-align-center"]:after, - .article-header-style-1 article h2.text-center:after, - .article-header-style-1 article h2[style*="text-align: center"]:after, - .article-header-style-1 article h2[style*="text-align:center"]:after, - .article-header-style-1 article h2[class*="text-align-center"]:after, - .article-header-style-1 article h3.text-center:after, - .article-header-style-1 article h3[style*="text-align: center"]:after, - .article-header-style-1 article h3[style*="text-align:center"]:after, - .article-header-style-1 article h3[class*="text-align-center"]:after { - left: 50%; - transform: translateX(-50%); - } .article-header-style-1 article h1.text-right:after, - .article-header-style-1 article h1[style*="text-align: right"]:after, - .article-header-style-1 article h1[style*="text-align:right"]:after, - .article-header-style-1 article h1[class*="text-align-right"]:after, - .article-header-style-1 article h2.text-right:after, - .article-header-style-1 article h2[style*="text-align: right"]:after, - .article-header-style-1 article h2[style*="text-align:right"]:after, - .article-header-style-1 article h2[class*="text-align-right"]:after, - .article-header-style-1 article h3.text-right:after, - .article-header-style-1 article h3[style*="text-align: right"]:after, - .article-header-style-1 article h3[style*="text-align:right"]:after, - .article-header-style-1 article h3[class*="text-align-right"]:after { - left: unset; - right: -2px; - } .article-header-style-2 article h1:before, - .article-header-style-2 article h2:before, - .article-header-style-2 article h3:before { - content: ""; - display: inline-block; - background: var(--themecolor); - opacity: 1; - pointer-events: none; - border-radius: 15px; - width: 6px; - vertical-align: middle; - margin-right: 15px; - } .article-header-style-2 article h1:before { - height: 25px; - transform: translateY(-1px); - } .article-header-style-2 article h2:before { - height: 20px; - transform: translateY(-2px); - } .article-header-style-2 article h3:before { - height: 16px; - transform: translateY(-1px); - } .no-results header h1:after { - display: none !important; - } /*卡片圆角*/ .card { - border-radius: var(--card-radius); - } /*主题色适配*/ .text-primary { - color: var(--themecolor) !important; - } a, - .btn-neutral { - color: var(--themecolor); - } a:hover { - color: var(--themecolor-dark); - } a.text-primary:focus, - a.text-primary:hover { - color: var(--themecolor) !important; - } .btn-primary.disabled, @@ -1312,109 +892,70 @@ a.text-primary:hover { } .page-item.active .page-link, - .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, - .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before, - .custom-control-input:not(:disabled):active ~ .custom-control-label::before { - border-color: var(--themecolor) !important; - background-color: var(--themecolor); - } /*页面框架*/ #content { - padding: 0 5px; - max-width: 1200px; - margin: auto; - margin-top: -30vh; - } html.no-banner #content { - margin-top: 85px; - } html.banner-mini #content, - html.is-home.banner-as-cover #content { - margin-top: unset; - } @media screen and (min-width: 1700px) { - #content { - max-width: 1500px; - } } @media screen and (max-width: 900px) { - html.no-banner #content { - margin-top: 60px; - } } #primary { - width: calc(100% - 280px); - float: right; - } #leftbar { - padding-left: 20px; - padding-right: 20px; - width: 280px; - float: left; - margin-bottom: 25px; - } #main { - padding: 0 20px; - overflow: visible; - position: relative; - } #main.waterflow { - padding: 0; - } .waterflow-placeholder { - pointer-events: none; - } @@ -1422,23 +963,17 @@ html.is-home.banner-as-cover #content { /*双栏反转布局*/ html.double-column-reverse #leftbar { - float: right; - } html.double-column-reverse #primary { - float: left; - } /*单栏布局*/ html.single-column #leftbar { - display: none; - } /* 单栏布局 - 移动端侧边栏支持 */ @@ -1468,27 +1003,18 @@ html.single-column #leftbar { } html.single-column #primary { - width: 100%; - float: none; - max-width: 1200px; - margin: auto; - } html.single-column #primary.waterflow { - max-width: 1500px; - } html.single-column #main { - padding: 0; - } /* 单栏布局 - 桌面端隐藏侧边栏按钮 */ @@ -1499,15 +1025,10 @@ html.single-column #main { } html.single-column .page-information-card { - width: 100%; - max-width: 1200px; - margin-left: auto; - margin-right: auto; - } /* 单栏布局 - 桌面端隐藏顶栏侧边栏按钮 */ @@ -1520,97 +1041,63 @@ html.single-column .page-information-card { /*三栏布局*/ #rightbar { - padding-left: 0; - padding-right: 0; - width: 280px; - float: right; - margin-bottom: 25px; - } #rightbar > .card { - margin-left: 10px; - margin-right: 20px; - margin-bottom: 15px; - padding: 20px 25px; - } #rightbar > .card ul { - list-style: none; - padding-inline-start: 0; - } #rightbar > .card ul li { - margin-bottom: 5px; - } #rightbar > .card > h6 { - margin-bottom: 15px; - } @media screen and (min-width: 1100px) { - html.triple-column #leftbar { - padding-right: 10px; - } html.triple-column #leftbar_part2.sticky { - width: 250px; - } html.triple-column #primary { - width: calc(100% - 560px); - float: left; - } } html.triple-column #content { - max-width: 1500px; - } @media screen and (min-width: 1700px) { - html.triple-column #content { - max-width: 1600px; - } } @media screen and (max-width: 1100px) { - #rightbar { - display: none; - } } @@ -1620,560 +1107,354 @@ html.triple-column #content { /*Pjax加载动画 & 卡片动画*/ @keyframes card-show { - 0% { - opacity: 0; - transform: scale(0.95) translateY(8px); - } 100% { - opacity: 1; - transform: none; - } } #primary { - transition: all var(--animation-normal) var(--ease-standard); - } .card { - animation: card-show var(--animation-normal) var(--ease-emphasized-decelerate); - transform-origin: center top; - } .card .card { - animation: none; - } /*顶栏和 Banner 部分*/ #navbar-main { - --toolbar-color: var(--themecolor-rgbstr); - } .headroom--pinned { - z-index: 100; - } html.darkmode #navbar-main { - --toolbar-color: var(--color-darkmode-toolbar); - } @media (min-width: 1700px) { - .navbar-main .container { - max-width: 1500px !important; - } } @media (min-width: 1200px) and (max-width: 1700px) { - .navbar-main .container { - max-width: 1200px !important; - } } @media (min-width: 900px) { - .navbar-main .container { - max-width: 100%; - } } .dropdown-menu .dropdown-item { - line-height: 1.5; - } .dropdown-item:focus, - .dropdown-item:hover { - background: var(--color-border-on-foreground); - } .dropdown-item:active { - background: var(--themecolor); - } .navbar-brand { - text-transform: none; - vertical-align: middle; - } .navbar-brand:focus, - .navbar-brand:hover { - color: #fff !important; - } .navbar-brand.navbar-icon-mobile { - display: none; - } #navbar-main { - transition: background 0s, padding 0.15s ease; - background-color: var(--toolbar-color) !important; - padding-top: 0.5rem; - padding-bottom: 0.5rem; - transition: all var(--animation-normal) var(--ease-standard); - } #navbar-main.navbar-ontop { - padding-top: 1rem; - padding-bottom: 1rem; - } body.leftbar-can-headroom.headroom---unpinned #navbar-main { - transform: translateY(-100%); - } #navbar_search_input_container:not(.open) { - cursor: pointer; - } #navbar_search_input_container .input-group { - box-shadow: none; - border-radius: 20px; - overflow: hidden; - transition: all var(--animation-normal) var(--ease-standard); - } #navbar_search_input_container:not(.open) .input-group { - background: transparent; - } #navbar_search_input_container:not(.open) .input-group:hover { - background: rgba(255, 255, 255, 0.15); - } #navbar_search_input_container.open .input-group { - background: rgba(255, 255, 255, 0.2); - backdrop-filter: blur(12px); - -webkit-backdrop-filter: blur(12px); - } #navbar_search_input_container.open .input-group:hover, - #navbar_search_input_container.open .input-group:focus-within { - background: rgba(255, 255, 255, 0.95); - backdrop-filter: none; - } #navbar_search_input_container:not(.open) .input-group-text { - background: transparent; - color: #fff; - } #navbar_search_input_container.open .input-group-text { - background: transparent; - color: #fff; - transition: color var(--animation-normal) var(--ease-standard); - } #navbar_search_input_container.open .input-group:hover .input-group-text, - #navbar_search_input_container.open .input-group:focus-within .input-group-text { - color: #666; - } #navbar_search_input_container .input-group-text i.fa { - font-size: 16px; - } #navbar_search_input_container:not(.open) input.form-control { - width: 0 !important; - padding: 0 !important; - background: transparent; - } #navbar_search_input_container.open input.form-control { - background: transparent; - color: #fff; - transition: color var(--animation-normal) var(--ease-standard); - } #navbar_search_input_container.open input.form-control::placeholder { - color: rgba(255, 255, 255, 0.7); - transition: color var(--animation-normal) var(--ease-standard); - } #navbar_search_input_container.open .input-group:hover input.form-control, - #navbar_search_input_container.open .input-group:focus-within input.form-control { - color: #333; - } #navbar_search_input_container.open .input-group:hover input.form-control::placeholder, - #navbar_search_input_container.open .input-group:focus-within input.form-control::placeholder { - color: #999; - } #navbar_search_input_container .input-group-prepend { - margin-right: 0px; - } #navbar_search_input_container .input-group-text { - transition: all var(--animation-slow) var(--ease-emphasized); - } #navbar_search_input_container input.form-control { - width: 200px; - transition: all 0.5s cubic-bezier(0.4, 0, 0, 1); - } #navbar_search_btn_mobile { - display: none; - } #navbar_menu_mask { - display: none; - } html.navbar-absolute #navbar-main { - position: absolute !important; - } html.navbar-absolute:not(.no-banner) #navbar-main { - background-color: transparent; - box-shadow: none; - } html.no-banner #navbar-main { - background-color: rgba(var(--themecolor-rgbstr), 0.82) !important; - } html.no-banner.toolbar-blur #navbar-main { - background-color: rgba(var(--themecolor-rgbstr), 0.6) !important; - backdrop-filter: blur(20px) saturate(130%); -webkit-backdrop-filter: blur(20px) saturate(130%); - } html.no-banner.toolbar-blur #navbar-main.navbar-no-blur { - background-color: rgba(var(--themecolor-rgbstr), 0.85) !important; - backdrop-filter: blur(0px); - } .banner { - margin-bottom: 25px; - height: 71.8vh; - overflow: hidden; - background-position: center; - background-repeat: no-repeat; - background-size: cover; - } .banner-container { - height: calc(40vh - 120px) !important; - } .banner-title { - font-size: 1.8em; - vertical-align: middle; - position: absolute; - top: 50%; - transform: translateY(-50%); - width: 100%; - left: 0; - } .banner-subtitle { - margin-top: 10px; - font-size: 16px; - opacity: 0.9; - } .banner-title-inner.typing-effect:after, - .banner-subtitle.typing-effect:after { - content: ""; - width: 0px; - height: 30px; - display: inline-block; - transform: translateX(5px) translateY(5px); - animation: cursor-flash-effect 1s; - animation-fill-mode: forwards; - outline: 1px solid #fff; - animation-iteration-count: var(--animation-cnt); - } .banner-subtitle.typing-effect:after { - height: 16px; - transform: translateX(5px) translateY(2px); - outline: 0.5px solid #fff; - opacity: 0.9; - } @keyframes cursor-flash-effect { - 0% { - opacity: 0; - } 15% { - opacity: 1; - } 50% { - opacity: 1; - } 65% { - opacity: 0; - } 100% { - opacity: 0; - } } html.no-banner .banner { - display: none; - } html.banner-mini .banner { - height: unset; - } html.banner-mini .banner > .banner-container { - height: unset !important; - } html.banner-mini .banner > .banner-container > .banner-title { - position: unset; - top: unset; - transform: unset; - } html.is-home.banner-as-cover.banner-as-cover .banner { - height: 100vh; - } html.is-home.banner-as-cover.banner-as-cover .banner-container { - height: 100% !important; - } .cover-scroll-down { - display: block; - width: max-content; - color: #fff; - position: absolute; - left: 50%; - bottom: 10px; - transform: translateX(-50%); - cursor: pointer; - font-size: 36px; - transition: opacity 0.3s ease; - } html:not(.is-home) .cover-scroll-down { - opacity: 0; - pointer-events: none; - } .cover-scroll-down.hidden { - opacity: 0; - pointer-events: none; - } @@ -2181,935 +1462,555 @@ html:not(.is-home) .cover-scroll-down { /*左侧栏*/ .leftbar-banner { - /*background: linear-gradient(150deg,#7795f8 15%,#6772e5 70%,#555abf 94%);*/ background: var(--themecolor-gradient); - text-align: center; - border-radius: var(--card-radius) var(--card-radius) 0 0; - } .leftbar-banner-title { - font-size: 20px; - display: block; - } .leftbar-banner-subtitle { - margin-top: 15px; - margin-bottom: 8px; - font-size: 13px; - opacity: 0.8; - display: block; - } .leftbar-menu { - margin-top: 10px; - margin-left: 0; - margin-right: 0; - padding: 0; - } .leftbar-menu-item { - height: 36px; - line-height: 36px; - list-style: none; - padding: 0; - position: relative; - } .leftbar-menu-item:hover > .leftbar-menu-subitem { - opacity: 1; - transform: none; - pointer-events: unset; - } .leftbar-menu-subitem { - position: absolute; - left: calc(100% + 8px); - top: 0; - background: var(--color-foreground); - width: max-content; - min-width: 150px; - z-index: 1; - height: unset; - border-radius: 3px; - padding: 6px 0; - opacity: 0; - transform: translateX(-8px); - pointer-events: none; - transition: all 0.3s ease; - } .leftbar-menu-subitem:before { - content: ""; - width: 8px; - height: calc(100% + 12px); - display: block; - position: absolute; - top: 0; - left: -8px; - } #leftbar_part1_menu > .leftbar-menu-item > .leftbar-menu-subitem { - left: calc(100% + 12px); - } #leftbar_part1_menu > .leftbar-menu-item > .leftbar-menu-subitem:before { - width: 12px; - left: -12px; - } .leftbar-menu-subitem > .leftbar-menu-item:first-child a { - border-radius: 3px 3px 0 0; - } .leftbar-menu-subitem > .leftbar-menu-item:last-child a { - border-radius: 0 0 3px 3px; - } .leftbar-menu-item > a { - display: block; - height: 100%; - width: 100%; - margin: 0; - padding: 0 20px; - overflow-wrap: break-word; - word-wrap: break-word; - background-color: transparent; - color: #32325d !important; - text-decoration: none; - outline: none; - cursor: pointer; - font-size: 14px; - transition: background var(--animation-fast) var(--ease-standard); - } .leftbar-menu-item > a:hover, - .leftbar-menu-item.current > a { - background-color: var(--color-border-on-foreground); - } .leftbar-menu-item > a > i { - margin-right: 8px; - width: 15px; - text-align: center; - } .leftbar-menu-item.leftbar-menu-item-haschildren:after { - content: "\f0da"; - font: normal normal normal 14px/1 FontAwesome; - font-size: 14px; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - position: absolute; - right: 16px; - top: 0; - line-height: 36px; - opacity: 0.6; - transform: translateY(1px); - transition: all 0.3s ease; - pointer-events: none; - } .leftbar-search-button { - padding-top: 0; - transition: all 0.3s cubic-bezier(0.4, 0, 0, 1); - } .leftbar-search-button.open { - padding: 0 15px 18px 15px; - margin-top: -9px; - } #leftbar_search_container { - transition: width var(--animation-normal) var(--ease-emphasized), height var(--animation-normal) var(--ease-emphasized), box-shadow var(--animation-fast) var(--ease-standard), transform var(--animation-fast) var(--ease-standard); - height: 30px; - transform: unset !important; - text-transform: capitalize; - background-color: var(--color-border-on-foreground-deeper); - color: var(--color-text-deeper); - } html.darkmode.amoled-dark #leftbar_search_container { - background: #151515; - } .leftbar-search-button.open #leftbar_search_container { - height: 45px; - } .leftbar-search-button:not(.open) #leftbar_search_container:focus-within { - box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); - } #leftbar_search_input { - position: absolute; - left: -1px; - top: -1px; - width: calc(100% + 2px); - height: calc(100% + 2px); - transition: all 0.3s cubic-bezier(0.4, 0, 0, 1); - opacity: 0; - cursor: pointer; - user-select: none; - } .leftbar-search-button.open #leftbar_search_input { - opacity: 1; - cursor: text; - user-select: all; - box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); - } #leftbar_part2 { - margin-top: 10px; - transition: all var(--animation-normal) var(--ease-standard); - } #leftbar_part2.sticky { - position: fixed; - width: 240px; - top: 80px; - } body.leftbar-can-headroom.headroom---unpinned #leftbar_part2.sticky { - top: 10px; - } html.navbar-absolute #leftbar_part2.sticky { - top: 10px !important; - } #leftbar_part2_inner { - max-height: calc(100vh - 110px); - overflow-y: auto; - padding: 10px; - } #leftbar_part2_inner::-webkit-scrollbar { - width: 6px; - } #leftbar_part2_inner::-webkit-scrollbar-track { - background: transparent; - } #leftbar_part2_inner::-webkit-scrollbar-thumb { - border-width: 1px; - background-color: rgba(0, 0, 0, 0.2); - } html.darkmode #leftbar_part2_inner::-webkit-scrollbar-thumb { - border-width: 1px; - background-color: rgba(255, 255, 255, 0.2); - } #leftbar_part2_inner::-webkit-scrollbar-button { - height: 5px; - pointer-events: none; - } .sidebar-tab-switcher { - font-size: 13px; - padding: 0 !important; - } .sidebar-tab-switcher > a { - padding-bottom: 5px; - border-bottom: 1px solid transparent; - transition: border-bottom var(--animation-fast) var(--ease-standard); - } .sidebar-tab-switcher > a.active { - border-bottom: 1px solid var(--themecolor); - } html.darkmode .sidebar-tab-switcher > a.active { - border-bottom: 1px solid var(--themecolor-light); - } #leftbar_overview_author_image { - width: 100px; - height: 100px; - margin: auto; - background-position: center; - background-repeat: no-repeat; - background-size: cover; - background-color: rgba(127, 127, 127, 0.1); - } #leftbar_overview_author_name { - margin-top: 15px; - font-size: 18px; - } #leftbar_overview_author_description { - font-size: 14px; - margin-top: -4px; - opacity: 0.8; - } .site-state { - overflow: hidden; - line-height: 1.4; - white-space: nowrap; - text-align: center; - margin-top: 15px; - } .site-state-item { - display: inline-block; - border-left: 1px solid var(--color-border-on-foreground-deeper); - padding: 0 10px; - } .site-state-item:first-child { - border-left: none !important; - } .site-state-item > a { - cursor: pointer; - } .site-state-item-count { - display: block; - text-align: center; - color: #32325d; - font-weight: bold; - font-size: 16px; - } .site-state-item-name { - font-size: 13px; - color: #525f82; - } .tag.badge { - font-size: 14px; - text-transform: none; - transition: background var(--animation-fast) var(--ease-standard); - background: var(--color-border-on-foreground); - border: 1px solid var(--color-border-on-foreground-deeper); - padding: 5px 10px; - margin-right: 12px; - margin-bottom: 15px; - } .tag.badge:hover { - background: var(--color-border-on-foreground-deeper); - } .tag-num { - font-size: 12px; - opacity: 0.7; - } .site-author-links { - display: flex; - flex-wrap: wrap; - justify-content: left; - margin-top: 15px; - } .site-author-links-item { - display: inline-block; - width: 50%; - border-radius: 4px; - margin-top: 5px; - transition: background var(--animation-fast) var(--ease-standard); - background: transparent; - } .site-author-links-item:hover { - background: var(--color-border-on-foreground); - } .site-author-links-item > a { - display: block; - width: 100%; - padding: 2px 8px; - font-size: 15px; - color: #32325d !important; - text-align: left; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } .site-friend-links-title { - margin-top: 25px; - border-top: 1px dotted var(--color-border-on-foreground-deeper); - padding-top: 15px; - } .site-friend-links-ul { - margin-top: 8px; - padding: 3px 0 0; - } .site-friend-links-item { - margin: 0; - padding: 0; - list-style: none; - margin-bottom: 3px; - } .site-friend-links-item > a { - max-width: 280px; - box-sizing: border-box; - display: inline-block; - max-width: 100%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - color: #32325d; - border-bottom: 1px solid #999; - } #leftbar_announcement { - margin-bottom: 10px; - background: var(--themecolor-gradient); - } html.darkmode #leftbar_announcement { - background: var(--color-foreground); - } .leftbar-announcement-body { - padding: 15px 1.2em; - padding-bottom: 22px; - } .leftbar-announcement-title { - font-size: 18px; - } .leftbar-announcement-content { - font-size: 15px; - line-height: 1.8; - padding-top: 8px; - opacity: 0.9; - } #leftbar_tab_tools ul, - #leftbar_tab_tools ol { - list-style: none; - padding: 0; - } #leftbar_tab_tools ul li { - padding-top: 10px; - padding-bottom: 10px; - border-bottom: var(--color-border-on-foreground) solid 1px; - } #leftbar_tab_tools ul li:first-child { - padding-top: 5px; - } #leftbar_tab_tools > div > h6:first-child, - #leftbar_tab_tools .wp-block-group__inner-container > h6:first-child { - font-size: 17px; - font-weight: 600; - position: relative; - display: block; - width: max-content; - } #leftbar_tab_tools > div > h6:first-child:after, - #leftbar_tab_tools .wp-block-group__inner-container > h6:first-child:after { - content: ""; - display: block; - background: var(--themecolor); - width: 30px; - height: 9px; - position: absolute; - left: 0; - bottom: -1px; - border-radius: 10px; - opacity: 0.25; - pointer-events: none; - } .wp-calendar-table caption { - font-size: 14px; - text-align: center; - opacity: 0.7; - } .wp-block-calendar table * { - background: transparent !important; - border: none !important; - padding-top: 5px; - padding-bottom: 8px; - } .wp-block-calendar table th { - opacity: 0.6; - } .wp-block-calendar tbody td a { - position: relative; - text-decoration: none; - } .wp-block-calendar tbody td a:before { - content: ""; - display: block; - background: var(--themecolor); - position: absolute; - width: 25px; - height: 25px; - border-radius: 20px; - opacity: 0.2; - transform: translateX(-2px); - z-index: 0; - } .wp-calendar-nav-prev a, - .wp-calendar-nav-next a { - text-decoration: none !important; - border: 1px solid var(--themecolor); - color: var(--themecolor); - padding: 1px 8px; - border-radius: 19px; - font-size: 14px; - transition: all var(--animation-normal) var(--ease-standard); - user-select: none; - } .wp-calendar-nav-prev a:hover, - .wp-calendar-nav-next a:hover { - background-color: var(--themecolor); - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; - } .wp-calendar-nav { - padding-bottom: 12px; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: center; - align-items: center; - align-content: center; - } html.darkmode .wp-calendar-table caption, - html.darkmode .wp-block-calendar tbody td { - color: #eee; - } /*底栏*/ #footer { - background: var(--themecolor-gradient); - color: #fff; - width: 100%; - float: right; - margin-bottom: 25px; - text-align: center; - padding: 3px 20px 20px; - line-height: 1.8; - transition: none; - user-select: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - } #footer a { - color: #fff; - } @@ -3423,104 +2324,64 @@ html.darkmode #fabtn_blog_settings_popup { } #blog_setting_toggle_darkmode_and_amoledarkmode { - cursor: pointer; - } html:not(.amoled-dark) #blog_setting_toggle_darkmode_and_amoledarkmode span:nth-of-type(2) { - display: none; - } html.amoled-dark #blog_setting_toggle_darkmode_and_amoledarkmode span:first-of-type { - display: none; - } #blog_setting_toggle_darkmode_and_amoledarkmode:before { - content: attr(tooltip-switch-to-blackmode); - position: absolute; - top: -32px; - left: 50%; - line-height: 22px; - font-weight: normal; - color: #fff; - background: #32325d; - padding: 3px 10px; - font-size: 12px; - border-radius: 3px; - transition: all 0.3s ease; - transform: translateX(-50%) translateY(5px); - opacity: 0; - width: max-content; - width: -moz-max-content; - pointer-events: none; - } html.amoled-dark #blog_setting_toggle_darkmode_and_amoledarkmode:before { - content: attr(tooltip-switch-to-darkmode); - } #blog_setting_toggle_darkmode_and_amoledarkmode:hover:before { - transform: translateX(-50%); - opacity: 0.7; - } .blog-setting-font, - .blog-setting-shadow { - text-transform: none; - padding: 3px 10px; - } .blog-setting-font:hover, - .blog-setting-shadow:hover { - color: #fff /*var(--themecolor)*/; - /*background-color: transparent !important;*/ } /* 设置面板分段选择器优化 */ .blog-setting-selector-left { - margin-right: 0 !important; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - transform: none !important; border-radius: 8px 0 0 8px; @@ -3532,19 +2393,13 @@ html.amoled-dark #blog_setting_toggle_darkmode_and_amoledarkmode:before { font-weight: 500; transition: all var(--animation-fast) var(--ease-standard); - } .blog-setting-selector-right { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - margin-left: 0 !important; - transform: none !important; - border-left: 0; border-radius: 0 8px 8px 0; @@ -3556,135 +2411,90 @@ html.amoled-dark #blog_setting_toggle_darkmode_and_amoledarkmode:before { font-weight: 500; transition: all var(--animation-fast) var(--ease-standard); - } html:not(.use-serif) #blog_setting_font_sans_serif { - color: #fff; - background: var(--themecolor); box-shadow: 0 2px 6px rgba(var(--themecolor-rgbstr), 0.3); - } html.use-serif #blog_setting_font_serif { - color: #fff; - background: var(--themecolor); box-shadow: 0 2px 6px rgba(var(--themecolor-rgbstr), 0.3); - } html:not(.use-big-shadow) #blog_setting_shadow_small { - color: #fff; - background: var(--themecolor); box-shadow: 0 2px 6px rgba(var(--themecolor-rgbstr), 0.3); - } html.use-big-shadow #blog_setting_shadow_big { - color: #fff; - background: var(--themecolor); box-shadow: 0 2px 6px rgba(var(--themecolor-rgbstr), 0.3); - } .blog-setting-filter-btn { - border-radius: 12px; - outline: none !important; - border: 2px solid transparent; - height: 44px; - width: 44px; - margin-left: 6px; - cursor: pointer; - font-size: 12px; font-weight: 500; - transition: all var(--animation-fast) var(--ease-standard); - } .blog-setting-filter-btn:hover { - box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); transform: translateY(-2px); - } #blog_setting_filter_off { - background: rgba(var(--themecolor-rgbstr), 0.05); - color: var(--themecolor); - } #blog_setting_filter_sunset { - background: rgba(255, 255, 200, 1); - color: #6e5a00; - } #blog_setting_filter_darkness { - background: rgba(80, 80, 80, 0.7); - color: #eee; - } #blog_setting_filter_grayscale { - background: rgba(200, 200, 200, 0.8); - color: #333; - } #blog_setting_filter_off.active { - border: 1px solid var(--themecolor); - } #blog_setting_filter_sunset.active { - border: 1px solid #6e5a00; - } #blog_setting_filter_darkness.active { - border: 1px solid #111; - } #blog_setting_filter_grayscale.active { - border: 1px solid #333; - } /* 风格选择按钮 */ @@ -3729,123 +2539,73 @@ html.darkmode .blog-setting-style-btn.active { } html.filter-sunset { - filter: sepia(30%); - } html.filter-darkness #primary:after { - content: ""; - position: fixed; - left: 0; - top: 0; - right: 0; - bottom: 0; - height: 100vh; - width: 100vw; - background: rgba(0, 0, 0, 0.4); - z-index: 999999999; - pointer-events: none; - } html.filter-grayscale { - filter: grayscale(1); - } #blog_setting_card_radius_to_default { - position: relative; - } #blog_setting_card_radius_to_default:before { - content: attr(tooltip); - position: absolute; - top: -30px; - left: 50%; - line-height: 15px; - font-weight: normal; - color: #fff; - background: #32325d; - padding: 3px 10px; - font-size: 12px; - border-radius: 3px; - transition: all 0.3s ease; - transform: translateX(-50%) translateY(5px); - opacity: 0; - width: max-content; - width: -moz-max-content; - pointer-events: none; - } #blog_setting_card_radius_to_default:hover:before { - transform: translateX(-50%); - opacity: 0.7; - } /*页码*/ .pagination { - width: max-content; - width: -moz-max-content; - padding-top: 15px; - padding-bottom: 15px; - margin: auto; - margin-bottom: 25px; - } .pagination.pagination-mobile { - display: none; - } .page-link { - transition: background-color var(--animation-fast) var(--ease-standard); - } @@ -3853,159 +2613,98 @@ html.filter-grayscale { /*文章*/ .post { - margin-bottom: 25px; - padding: 30px 30px; - padding-bottom: 35px; - } .post-preview { - transition: all var(--animation-slow) var(--ease-emphasized); - } .post-preview .loading-css-animation { - padding-top: 20px; - padding-bottom: 10px; - width: 100%; - } .post-preview.post-pjax-loading { - opacity: 1 !important; - } .post-list-pjax-loading .post-preview { - opacity: 0; - pointer-events: none; - } .post-title { - font-size: 26px; - letter-spacing: 0.5px; - transition: all var(--animation-normal) var(--ease-standard); - } .post-title:hover { - letter-spacing: 1px; - } #main.waterflow .post-title { - transition: all var(--animation-normal) var(--ease-standard); - display: inline-block; - } #main.waterflow .post-title:hover { - letter-spacing: 0.5px; - transform: scale(1.02); - text-rendering: optimizeLegibility; - } .post-header { - margin-bottom: 20px; - } .post-meta { - margin-top: 10px; - } .post-meta-detail { - font-size: 14.5px; - line-height: 24px; - opacity: 0.8; - display: inline-block; - } .post-meta-detail i { - margin-right: 3px; - } .post-meta-devide { - display: inline-block; - font-size: 14.5px; - line-height: 24px; - margin-left: 3px; - margin-right: 3px; - opacity: 0.5; - user-select: none; - } .post-meta-detail-categories-space { - margin-left: 2px; - margin-right: 2px; - } .post-header.post-header-with-thumbnail { - margin: -30px -30px 35px -30px; - border-radius: var(--card-radius) var(--card-radius) 0 0; - overflow: hidden; - position: relative; - } .post-thumbnail { - width: 100%; - min-height: 250px; - max-height: 25vh; - object-fit: cover; - pointer-events: none; - } /* 图片加载过渡效果 */ @@ -4014,449 +2713,279 @@ html.filter-grayscale { } .single .post-thumbnail, - .page .post-thumbnail { - max-height: 30vh; - min-height: 250px; - } .post-header.post-header-with-thumbnail .post-header-text-container { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - color: #fff; - opacity: 0.9; - padding-bottom: 35px; - padding-top: 35px; - background: rgba(0, 0, 0, 0.05); - background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0)); - } .post-header.post-header-with-thumbnail .post-header-text-container .post-title { - color: rgba(255, 255, 255, 0.95) !important; - /*text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);*/ filter: drop-shadow(0px 1px 5px #0005); - } .post-header.post-header-with-thumbnail .post-header-text-container .post-meta { - text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); - } .post-outdated-info { - color: var(--themecolor); - border-left: 2px solid var(--themecolor); - padding: 5px 20px; - margin-top: 10px; - margin-bottom: 25px; - background: rgba(var(--themecolor-rgbstr), 0.1); - } .post-outdated-info > i { - font-size: 20px; - margin-right: 15px; - transform: translateY(2px); - } .post-header-with-thumbnail + .post-content > .post-outdated-info { - margin-top: -15px; - } .post-content { - line-height: 1.8; - margin-bottom: 10px; - } .post-content p { - font-weight: normal; - } .post-tags { - margin-top: 15px; - margin-bottom: -4px; - } .post-tags > i { - margin-right: 5px; - } .tag.post-meta-detail-tag { - margin-bottom: 4px; - margin-right: 7px; - font-size: 12px; - } .additional-content-after-post + .post-tags { - margin-top: 25px; - } /* 文章预览样式 2 */ article.post-preview-layout-2 { - display: flex; - flex-direction: row; - padding: 0; - min-height: 200px; - overflow: visible; - } article.post-preview-layout-2 .post-header.post-header-with-thumbnail { - margin: 0; - border-radius: var(--card-radius) 0 0 var(--card-radius); - text-align: left; - width: 300px; - height: 200px; - flex-shrink: 0; - overflow: hidden; - } article.post-preview-layout-2 .post-thumbnail { - width: 100%; - height: 200px !important; - max-height: 200px !important; - object-fit: cover; - object-position: center center; - } article.post-preview-layout-2 .post-content-container { - padding: 20px 28px; - flex: 1; - display: flex; - flex-direction: column; - max-width: 100%; - overflow: hidden; - } article.post-preview-layout-2 .post-content { - flex: 1; - margin-top: 10px; - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - overflow: hidden; - } article.post-preview-layout-2 .post-title { - max-width: max-content; - } article.post-preview-layout-2 .loading-css-animation { - position: absolute; - bottom: -8px; - } /* 文章预览样式 3 */ article.post-preview-layout-3 .post-header { - margin-bottom: 10px; - } article.post-preview-layout-3 .post-header.post-header-with-thumbnail { - margin-bottom: 25px; - } article.post-preview-layout-3 .post-thumbnail { - max-height: 20vh; - } /*Reference*/ sup.reference { - white-space: nowrap; - transition: box-shadow 0.3s ease; - border-radius: 1px; - } sup.reference:focus { - box-shadow: 0 0 0 2px var(--color-widgets), 0 0 0 4px rgba(var(--themecolor-rgbstr), 0.3); - outline: none; - } .tippy-box[data-theme~="scroll-y"] .tippy-content { - max-height: 200px; - overflow-y: auto; - } .tippy-box[data-theme~="light"] { - background-color: var(--color-widgets); - } .tippy-box[data-theme~="light"][data-placement^="top"] > .tippy-arrow:before { - border-top-color: var(--color-widgets); - } .tippy-box[data-theme~="light"][data-placement^="bottom"] > .tippy-arrow:before { - border-bottom-color: var(--color-widgets); - } .tippy-box[data-theme~="light"][data-placement^="left"] > .tippy-arrow:before { - border-left-color: var(--color-widgets); - } .tippy-box[data-theme~="light"][data-placement^="right"] > .tippy-arrow:before { - border-right-color: var(--color-widgets); - } .tippy-box[data-theme~="light"] > .tippy-backdrop { - background-color: var(--color-widgets); - } .tippy-box[data-theme~="light"] > .tippy-svg-arrow { - fill: var(--color-widgets); - } html.darkmode .tippy-box[data-theme~="light"] { - color: #eee; - background-color: var(--color-widgets); - } .reference-list { - padding-left: 0; - list-style: inside none; - counter-reset: ol; - margin-bottom: 0; - } .reference-list li { - font-size: 14px; - position: relative; - display: flex; - } .reference-list li .space { - pointer-events: none; - } .reference-list li .space:before { - content: ""; - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - display: block; - border-radius: 3px; - transition: background 0.3s ease; - pointer-events: none; - background: transparent; - } .reference-list li .space:focus:before { - background: rgba(var(--themecolor-rgbstr), 0.15); - } .reference-list li:before { - text-align: right; - counter-increment: ol; - content: counter(ol) ". "; - white-space: pre; - } .reference-list li > div > *:first-child { - margin-right: 5px; - } .reference-list li > div > sup { - margin-left: 1px; - } .reference-list li > div > sup:last-of-type { - margin-right: 5px; - } /*文章输入密码界面*/ .post-password-form { - margin-top: 45px; - margin-bottom: 55px; - } .post-password-form-text { - margin: auto; - margin-bottom: 15px; - } .post-password-form-input { - margin: auto; - margin-bottom: 20px; - } .post-password-hint { - margin-top: 10px; - color: var(--themecolor); - opacity: 0.9; - } /*侧栏文章目录*/ @@ -4492,57 +3021,35 @@ html.darkmode #leftbar_catalog::-webkit-scrollbar-thumb { } #leftbar_catalog .index-item, - #leftbar_catalog .index-link { - width: 100%; - display: block; - color: #32325d; - text-decoration: none; - box-sizing: border-box; - } #leftbar_catalog .index-link { - font-size: 15px; - padding: 4px 8px 4px 8px; - cursor: pointer; - transition: background-color 0.3s ease, border-left-color 0.3s ease, color 0.3s ease; - border-left: 3px solid transparent; - word-break: break-all; - border-radius: 3px; - } #leftbar_catalog .index-item.current > .index-link { - color: var(--themecolor); - font-weight: bold; - } #leftbar_catalog .index-link:hover { - background-color: var(--color-border-on-foreground-deeper); - } #leftbar_catalog .index-subItem-box .index-item { - padding-left: 20px; - } @@ -4550,27 +3057,18 @@ html.darkmode #leftbar_catalog::-webkit-scrollbar-thumb { /*搜索等页面的标题卡片*/ .page-information-card { - margin: 30px 20px; - margin-top: 0px; - background: var(--color-foreground) !important; - } .search-filter-wrapper { - display: inline-block; - margin-right: 12px; - } .search-filter-wrapper > .custom-control-label { - line-height: 25px; - } @@ -4578,345 +3076,209 @@ html.darkmode #leftbar_catalog::-webkit-scrollbar-thumb { /*文章导航 (上/下一篇文章)*/ .post-navigation { - margin-bottom: 25px; - padding: 30px 25px; - padding-top: 25px; - font-size: 18px; - display: block !important; - } .post-navigation-item { - width: calc(50%); - display: inline-block; - vertical-align: top; - } .page-navigation-extra-text { - font-size: 22px; - opacity: 0.85; - display: block; - margin-bottom: 15px; - } .post-navigation-pre .page-navigation-extra-text i { - margin-right: 10px; - } .post-navigation-next .page-navigation-extra-text i { - margin-left: 10px; - } .post-navigation-pre { - padding-right: 10px; - } .post-navigation-next { - padding-left: 10px; - text-align: right; - } /*相关文章*/ .related-posts { - display: block; - white-space: nowrap; - margin-bottom: 25px; - padding: 0; - padding-bottom: 0; - } .related-post-card { - display: inline-block; - height: 105px; - width: 180px; - border-radius: 5px; - margin-right: 10px; - font-size: 16px; - line-height: 27px; - white-space: normal; - transition: all 0.3s ease; - position: relative; - background: var(--themecolor-gradient); - overflow: hidden; - } .related-post-card:hover { - filter: brightness(0.9); - box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); - border-color: transparent; - } .related-post-title.clamp { - color: white; - } .related-post-card-container { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - padding: 10px 15px; - } .related-post-card-container.has-thumbnail { - background: rgba(0, 0, 0, 0.2); - color: #fff; - transition: all 0.3s ease; - } .related-post-card-container.has-thumbnail:hover { - background: rgba(0, 0, 0, 0.3); - } .related-post-title { - max-height: 81px; - overflow: hidden; - } .related-post-arrow { - position: absolute; - right: 15px; - bottom: 15px; - font-size: 15px; - pointer-events: none; - } .related-post-thumbnail { - width: 100%; - height: 100%; - object-fit: cover; - } i.related-post-arrow.fa.fa-chevron-right { - color: white; - } img.related-post-thumbnail { - vertical-align: unset; - } html.darkmode a.related-post-card { - background: var(--color-border-on-foreground-deeper); - opacity: 0.7; - border-radius: 5px; - } html.darkmode .related-post-title.clamp { - color: var(--themecolor-light); - } html.darkmode .has-thumbnail .related-post-title.clamp { - color: #eee; - } /*文章赞赏*/ .post-donate { - text-align: center; - position: relative; - } .post-donate img { - /*width: max-content; - width: -moz-max-content;*/ max-width: min(30vw, 500px); - } .post-donate .donate-qrcode { - width: max-content; - width: -moz-max-content; - position: absolute; - left: 50%; - bottom: 100px; - padding: 25px; - z-index: 2; - transition: all 0.3s ease; - transform: translate(-50%, 10px) scale(0.9); - transform-origin: bottom; - opacity: 0; - pointer-events: none; - background-color: var(--color-widgets) !important; - } .post-donate .donate-btn:focus ~ .donate-qrcode { - transform: translateX(-50%); - opacity: 1; - } .post-donate .donate-btn { - margin-right: 0; - margin-top: 20px; - margin-bottom: 30px; - } .post-donate .donate-qrcode:before { - position: absolute; - z-index: 3; - bottom: 0; - left: 50%; - display: block; - width: 16px; - height: 16px; - content: ""; - transform: translate(-50%, 8px) rotate(-45deg); - border-radius: 0.2rem; - background: var(--color-widgets); - z-index: 1; - box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.1); - } /*文末附加内容*/ .additional-content-after-post { - border-left: 3px solid var(--themecolor); - padding: 15px 20px; - background: rgba(var(--themecolor-rgbstr), 0.1); - border-radius: 3px; - margin-top: 10px; - } /*评论区*/ #comments { - margin-bottom: 25px; - } /* 评论折叠功能 - Material 3 动画优化 */ @@ -4975,995 +3337,601 @@ html.darkmode .has-thumbnail .related-post-title.clamp { } #comments > .card-body { - transition: opacity 0.5s ease; - } #comments.comments-loading > .card-body { - opacity: 0.5; - pointer-events: none; - } #comments li { - list-style: none; - position: relative; - } #comments .comment-item:target:before, #comments .comment-item:before { - content: ""; - display: block; - position: absolute; - left: -10px; - right: -10px; - top: 0; - bottom: 0; - background-color: var(--themecolor); - opacity: 0.15; - border-radius: var(--card-radius); - pointer-events: none; - animation: comment-focus-breath 2s linear; - animation-fill-mode: forwards; - } #comments .comment-item:before{ - animation: none; - opacity: 0; - transition: opacity 0.25s ease; - } #comments .comment-item.highlight:before{ - opacity: 0.2; - } @keyframes comment-focus-breath { - 0% { - opacity: 0.5; - } 33% { - opacity: 0.05; - } 66% { - opacity: 0.3; - } 100% { - opacity: 0.15; - } } .comments-title { - font-size: 20px; - } .comments-title i { - margin-right: 5px; - } .comment-list { - padding: 0; - } .comment-item { - margin-bottom: 1px; - display: flex; - } .comment-item-left-wrapper { - display: block; - width: 40px; - margin-top: 26px; - margin-right: 15px; - position: relative; - } .comment-avatar-vertical-center .comment-item-left-wrapper { - margin: auto; - margin-right: 15px; - } .comment-item-avatar .avatar { - height: 40px; - width: 40px; - } .text-avatar { - user-select: none; - display: inline-flex !important; - align-items: center; - justify-content: center; - } .comment-item-inner { - display: block; - position: relative; - margin-top: 20px; - padding-bottom: 18px; - border-bottom: var(--color-border-on-foreground) solid 1px; - position: relative; - width: calc(100% - 55px); - flex: 1; - min-width: 0; - overflow-wrap: break-word; - word-wrap: break-word; - word-break: break-word; - } #comments .comment-item:last-child .comment-item-inner { - border-bottom: 0; - } .comment-item-title { - font-size: 16px; - display: flex; - flex-wrap: wrap; - align-items: center; - margin-bottom: 3px; - } .comment-item-title .badge-admin, - .comment-item-title .badge-pinned, - .comment-item-title .badge-private-comment, - .comment-item-title .badge-unapproved { - transform: translateY(-2px); - margin-left: 5px; - } .comment-item-text p:last-child { - margin-bottom: 0; - } .comment-item-text { - min-height: 24px; - margin-bottom: 1rem; - overflow-wrap: break-word; - word-wrap: break-word; - word-break: break-word; - } .comment-name { - flex: 1; - font-weight: bold; - } .comment-author, .comment-parent-info{ - display: inline-block; - } .comment-parent-info{ - opacity: 0.6; - margin-left: 4px; - transition: opacity 0.3s ease; - } .comment-item:hover .comment-parent-info{ - opacity: 0.8; - } .comment-info { - margin-top: 2px; - font-size: 12px; - font-weight: normal; - margin-left: 3px; - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 8px; - } .comment-info > div { - display: inline-block; - white-space: nowrap; - flex-shrink: 0; - } .comment-time-details { - pointer-events: none; - position: absolute; - top: -35px; - right: 0; - width: max-content; - width: -moz-max-content; - line-height: 22px; - color: #fff; - background: #32325d; - padding: 3px 10px; - font-size: 12px; - border-radius: 3px; - transition: all 0.3s ease; - transform: translateY(5px); - opacity: 0; - } .comment-time:hover .comment-time-details { - transform: translateY(0); - opacity: 0.7; - } .comment-edited { - margin-right: 3px; - opacity: 0.6; - } .comment-edited > i { - margin-right: 4px; - } .comment-edited.comment-edithistory-accessible { - cursor: pointer; - } .comment-operations { - position: absolute; - right: 0; - bottom: 12px; - font-size: 12px; - padding: 2px 6px; - transition: all 0.3s ease; - opacity: 0; - } .comment-item:hover .comment-operations { - opacity: 1; - } .comment-useragent { - display: inline-flex; - align-items: center; - font-weight: normal; - padding-left: 4px; - font-size: 14px; - flex-shrink: 0; - } .comment-useragent > svg { - height: 18px; - width: 18px; - transform: translateY(-1px); - margin-left: 4px; - margin-right: 1px; - flex-shrink: 0; - } .comment-upvote { - white-space: nowrap; - border-radius: 100px; - height: 18px; - line-height: 16px; - padding: 0px 4px; - border-color: transparent !important; - color: var(--themecolor); - background-color: rgba(var(--themecolor-rgbstr), 0.15); - text-align: center; - position: absolute; - left: 50%; - top: 45px; - transform: translateX(-50%) !important; - min-width: 30px; - } html.darkmode .comment-upvote { - background-color: rgba(var(--themecolor-rgbstr), 0.25); - color: var(--themecolor-light); - } .comment-upvote:hover { - background-color: var(--themecolor) !important; - color: #fff !important; - } .comment-upvote.upvoted { - color: #fff !important; - background-color: var(--themecolor) !important; - pointer-events: none; - } .comment-upvote .btn-inner--text { - margin-left: -2px !important; - } .comment-upvote.comment-upvoting { - opacity: 0.5; - pointer-events: none; - } /*评论内容*/ .comment-item-text .comment-sticker { - max-height: 60px; - transition: all 0.3s ease; - transition-delay: 0s; - transform: none; - } .comment-item-text .comment-sticker:active { - transition-delay: 0.3s; - transform: scale(2); - box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); - background: var(--color-widgets); - } .comment-item-text .comment-image br { - display: none; - } .comment-item-text .comment-image { - color: var(--themecolor) !important; - cursor: pointer; - user-select: none; - position: relative; - } .comment-image-preview-mask { - display: none; - } .comment-item-text .comment-image.comment-image-preview-zoomed .comment-image-preview-mask { - display: block; - background: transparent; - position: fixed; - left: 0; - right: 0; - top: 0; - bottom: 0; - width: 100vw; - height: 100vh; - z-index: 1501; - cursor: zoom-out; - } .comment-item-text .comment-image .comment-image-preview { - width: 22px; - height: 22px; - position: absolute; - left: 0; - opacity: 0; - /*pointer-events: none;*/ } .comment-item-text .comment-image.comment-image-preview-zoomed .comment-image-preview { - z-index: 1502; - opacity: 1; - pointer-events: unset; - } .comment-item-text b, - .comment-item-text strong { - font-weight: 600; - opacity: 0.78; - } .comment-item-text pre { - font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace; - font-size: 14px; - line-height: 1.375; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - tab-size: 4; - hyphens: none; - color: #5e6687; - background: var(--color-widgets); - direction: ltr; - border: 1px solid var(--color-border-on-foreground); - padding: 14px; - border-radius: 3px; - margin-top: 15px; - } html.darkmode .comment-item-text pre { - color: #eee; - } .comment-item-text blockquote { - padding-left: 1.2em; - margin: 1em 3em 1em 0; - font-weight: 400; - border-left: 3px solid rgba(0, 0, 0, 0.12); - } html.darkmode .comment-item-text blockquote { - border-color: rgba(255, 255, 255, 0.2); - } .comment-item-text ol li { - list-style-type: decimal !important; - } .comment-item-text ul, - .comment-item-text ol { - padding-inline-start: 20px; - } .comment-item-text ul li { - list-style-type: disc !important; - } .comment-item-text ul ul li { - list-style-type: square !important; - } .comment-item-text h1, - .comment-item-text h2, - .comment-item-text h3, - .comment-item-text h4, - .comment-item-text h5, - .comment-item-text h6 { - font-weight: 600; - opacity: 0.6; - font-size: inherit; - margin-top: 10px; - margin-bottom: 5px; - transition: opacity 0.3s ease; - } .comment-item-text:hover h1, - .comment-item-text:hover h2, - .comment-item-text:hover h3, - .comment-item-text:hover h4, - .comment-item-text:hover h5, - .comment-item-text:hover h6 { - font-weight: 600; - opacity: 0.8; - } .comment-item-text h1 { - font-size: 20px; - } .comment-item-text h2 { - font-size: 19px; - } .comment-item-text h3 { - font-size: 18px; - } .comment-item-text h4 { - font-size: 17px; - } .comment-item-text h5 { - font-size: 16px; - } .comment-item-text h6 { - font-size: 15px; - } /*评论折叠*/ .comment-item-inner.comment-folded { - max-height: 200px; - overflow: hidden; - } .comment-item-inner.comment-folded:after { - content: ""; - display: block; - position: absolute; - left: 0; - right: 0; - bottom: 0; - height: 80px; - background: linear-gradient(180deg, transparent 0%, var(--color-foreground) 100%); - pointer-events: none; - } .comment-item-inner.comment-folded .comment-operations { - display: none; - } .comment-item-inner.comment-folded .show-full-comment { - position: absolute; - bottom: 0; - left: 0; - right: 0; - height: 35px; - color: var(--themecolor); - z-index: 2; - text-align: left; - cursor: pointer; - user-select: none; - opacity: 0.6; - transition: opacity 0.25s ease; - } .comment-item-inner.comment-folded:hover .show-full-comment { - opacity: 1; - } .comment-item-inner:not(.comment-folded) .show-full-comment { - display: none; - } /*评论区页码*/ .comments-navigation .page-item > div { - cursor: pointer; - } /*评论区更多*/ #comments_more { - width: 52px; - height: 52px; - display: block; - margin: 30px auto 10px auto; - } #comments_more:disabled { - animation: breath 2s ease infinite; - } @keyframes breath { - 0% { - transform: scale(1); - } 50% { - transform: scale(1.2); - } 100% { - transform: scale(1); - } } .comments-navigation-more .comments-navigation-nomore { - text-align: center; - margin-top: 30px; - margin-bottom: 10px; - opacity: 0.6; - } /*评论编辑记录*/ .comment-edit-history-item { - border-bottom: 1px solid #e9ecef; - margin-bottom: 22px; - padding-bottom: 30px; - padding-left: 5px; - padding-right: 5px; - } html.darkmode .comment-edit-history-item { - border-bottom-color: #666; - } .comment-edit-history-title { - margin-bottom: 6px; - } .comment-edit-history-id { - font-size: 22px; - font-weight: bold; - display: inline-block; - } .comment-edit-history-title .badge { - transform: translateY(-3px); - margin-left: 8px; - display: inline-block; - } .comment-edit-history-time { - opacity: 0.6; - font-size: 15px; - margin-bottom: 12px; - } #comment_edit_history .modal-body .comment-edit-history-item:last-child { - border: navajowhite; - padding-bottom: 0; - } /*发送评论区域*/ #post_comment { - margin-bottom: 25px; - } /* 发送评论卡片优化 */ @@ -6002,47 +3970,32 @@ html.darkmode #post_comment.card:hover { } .post-comment-title { - font-size: 18px; font-weight: 600; margin-bottom: 12px; - } .post-comment-title i { - margin-right: 8px; color: var(--themecolor); - } .post-comment-reply { - margin-top: 12px; margin-bottom: 12px; - border: 1px solid rgba(var(--themecolor-rgbstr), 0.15); - border-radius: 10px; - padding: 12px 16px; background: rgba(var(--themecolor-rgbstr), 0.03); - } .post-comment-reply-preview { - margin-top: 10px; - border-left: 3px solid var(--themecolor); - padding: 10px 14px; - max-height: 150px; - overflow: hidden; - position: relative; background: rgba(var(--themecolor-rgbstr), 0.02); @@ -6050,35 +4003,22 @@ html.darkmode #post_comment.card:hover { border-radius: 0 8px 8px 0; font-size: 13px; - } #post_comment_reply_preview:after { - content: ""; - background: linear-gradient(180deg, transparent 0%, var(--color-foreground) 100%); - display: block; - left: 0; - right: 0; - bottom: 0; - height: 30px; - position: absolute; - pointer-events: none; - transition: all 0.3s ease; - } #post_comment_reply_cancel { - margin-top: 10px; border-radius: 8px; @@ -6086,25 +4026,16 @@ html.darkmode #post_comment.card:hover { padding: 6px 14px; font-size: 13px; - } #post_comment_content { - transition: height 0.15s ease, box-shadow var(--animation-normal) var(--ease-standard), border-color var(--animation-normal) var(--ease-standard); - overflow: hidden; - min-height: 80px; - resize: none; - white-space: pre-wrap; - word-wrap: break-word; - margin-bottom: 12px; - margin-top: 0; border-radius: 10px; @@ -6118,7 +4049,6 @@ html.darkmode #post_comment.card:hover { line-height: 1.6; background-color: var(--color-widgets); - } #post_comment_content:focus { @@ -6162,309 +4092,187 @@ html.darkmode #post_comment.card:hover { } #post_comment_content_hidden { - font-family: inherit !important; - font-weight: 400; - line-height: 1.5; - font-size: 14px; - padding: 0.625rem 0.75rem; - width: calc(100% - 30px); - overflow: hidden; - white-space: pre-wrap; - word-wrap: break-word; - position: absolute; - pointer-events: none; - opacity: 0; - } .post-comment-link-container:before, - .post-comment-captcha-container:before, - #post_comment_toggle_extra_input:before, - .comment-post-checkbox:before { - pointer-events: none; - position: absolute; - top: -35px; - left: 0px; - line-height: 25px; - font-weight: normal; - color: #fff; - background: #32325d; - padding: 3px 10px; - font-size: 14px; - border-radius: 3px; - z-index: 3; - transition: all 0.3s ease; - transform: translateY(5px); - opacity: 0; - width: max-content; - width: -moz-max-content; - } .post-comment-link-container:hover:before, - .post-comment-link-container.active:before, - .post-comment-captcha-container:hover:before, - .post-comment-captcha-container.active:before, - #post_comment_toggle_extra_input:hover:before, - .comment-post-checkbox:hover:before { - transform: translateY(0); - opacity: 0.7; - } .post-comment-link-container:before { - content: "http(s)://"; - } #post_comment_toggle_extra_input:before { - content: attr(tooltip-show-extra-field); - text-transform: none; - } .show-extra-input #post_comment_toggle_extra_input:before { - content: attr(tooltip-hide-extra-field); - } #post_comment_toggle_extra_input { - border-radius: 100px; - padding: 5px 20px; - } #post_comment_toggle_extra_input i { - transition: all 0.3s ease; - } .show-extra-input #post_comment_toggle_extra_input i { - transform: rotateZ(180deg); - } #post_comment.logged #post_comment_name, - #post_comment.logged #post_comment_email { - opacity: 1; - background-color: var(--color-widgets-disabled); - pointer-events: none; - } .comment-post-checkbox { - display: inline-block; - margin-top: 8px; - height: 28px; - margin-right: 8px; - } .comment-post-checkbox .custom-control-label { - line-height: 26px; font-size: 13px; - } #post_comment.post-comment-force-privatemode-on .comment-post-privatemode { - opacity: 0.6; - pointer-events: none; - } #post_comment.post-comment-force-privatemode-on .comment-post-privatemode .custom-control-label::before { - border-color: var(--themecolor); - background-color: var(--themecolor); - color: #fff; - box-shadow: none; - } #post_comment.post-comment-force-privatemode-on .comment-post-privatemode .custom-control-label::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); - } #post_comment.post-comment-force-privatemode-off .comment-post-privatemode { - opacity: 0.6; - pointer-events: none; - } #post_comment.post-comment-force-privatemode-off .comment-post-privatemode .custom-control-label::before { - border-color: var(--color-widgets-disabled); - } html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-privatemode .custom-control-label::before { - background: #555; - border-color: #666; - } #post_comment.post-comment-force-privatemode-off .comment-post-privatemode .custom-control-label::after { - background-image: unset; - } .comment-post-privatemode:before { - content: attr(tooltip); - } .comment-post-mailnotice:before { - content: attr(tooltip); - } #post_comment.sending .comment-post-checkbox { - opacity: 0.6; - pointer-events: none; - } .comment-btn { - margin-top: 0; - margin-right: 8px; - } /*发送评论区域-编辑评论*/ #post_comment:not(.editing) .hide-on-comment-not-editing { - display: none !important; - } #post_comment.editing .hide-on-comment-editing { - display: none !important; - } #post_comment.editing .comment-post-use-markdown { - pointer-events: none; - opacity: 0.6; - } #post_comment.editing .comment-post-mailnotice { - display: none; - } /*评论表情*/ #comment_emotion_btn { - border-radius: 100px; - width: 38px; - height: 38px; - padding: 0; - font-size: 22px; - background: transparent !important; - box-shadow: none; - color: inherit; - border: none; - transform: none; - opacity: 0.7; - margin-top: 0; - margin-right: 8px; - transition: all 0.3s ease; - } #comment_emotion_btn:hover { @@ -6473,131 +4281,78 @@ html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-pri } #comment_emotion_btn.comment-emotion-keyboard-open { - border-radius: 100px; - color: var(--themecolor); opacity: 1; - } .emotion-keyboard { - max-width: min(500px, calc(100vw - 40px)); - min-width: min(300px, calc(100vw - 40px)); - display: flex; - height: 300px; - flex-direction: column; - overflow: hidden; - position: absolute; - z-index: 2; - right: 0; - bottom: -10px; - transform: translateY(100%) scale(0.9); - transform-origin: top; - transition: all 0.3s ease; - opacity: 0; - pointer-events: none; - } #comment_emotion_btn.comment-emotion-keyboard-open + .emotion-keyboard { - opacity: 1; - transform: translateY(100%); - pointer-events: all; - } .emotion-keyboard-content { - flex: 1; - overflow-y: auto; - } .emotion-group { - padding: 15px 15px; - padding-bottom: 10px; - } .emotion-item { - display: inline-block; - background: var(--color-border-on-foreground); - border-radius: 5px; - user-select: none; - margin-right: 12px; - margin-bottom: 12px; - padding: 2px 10px; - cursor: pointer; - transition: all 0.3s ease; - } .emotion-item.emotion-item-sticker { - padding: 2px; - background: rgba(126, 126, 126, 0.15); - } .emotion-item > img { - max-height: 60px; - border-radius: 3px; - transition: filter 0.3s ease, transform 0.3s ease; - transition-delay: 0s; - background: var(--color-widgets); - } .emotion-item.emotion-item-sticker:hover > img[src^="data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iZW1vdGlvbi1sb2FkaW5nI"] { - filter: brightness(2); - } .emotion-item:hover { - background: var(--themecolor); - color: #fff; - } .emotion-group:active @@ -6605,107 +4360,65 @@ html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-pri .emotion-item:hover > img:not([src^="data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iZW1vdGlvbi1sb2FkaW5nI"]) { - transition: all 0.3s ease; - transition-delay: 0.3s; - transform: scale(1.5); - box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); - } .emotion-group-description { - text-align: right; - font-size: 14px; - opacity: 0.6; - } .emotion-keyboard-bar { - overflow-x: auto; - white-space: nowrap; - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.06); - transform: scaleY(-1); - } .emotion-keyboard-bar::-webkit-scrollbar-track { - background: transparent; - } .emotion-keyboard-bar::-webkit-scrollbar { - height: 5px; - } .emotion-keyboard-bar::-webkit-scrollbar-thumb { - background-color: rgba(0, 0, 0, 0.2); - border: none; - } .emotion-keyboard-bar::-webkit-scrollbar-thumb:hover { - background-color: var(--themecolor); - } .emotion-group-name { - display: inline-block; - padding: 10px 20px; - cursor: pointer; - transition: all 0.3s ease; - position: relative; - user-select: none; - transform: scaleY(-1); - } .emotion-group-name:hover { - background: var(--color-border-on-foreground); - } .emotion-group-name.active:after { - content: ""; - position: absolute; - left: 0; - right: 0; - bottom: 0; - background: var(--themecolor); - height: 3px; - pointer-events: none; - } /*短代码适配*/ @@ -6713,41 +4426,27 @@ html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-pri /*短代码-checkbox*/ .shortcode-todo { - cursor: default; - margin: 3px 0; - } .shortcode-todo .custom-control-input { - pointer-events: none; - } .shortcode-todo * { - cursor: default !important; - } .shortcode-todo .custom-control-label span { - transform: translateY(-2.5px); - display: block; - cursor: text !important; - } .shortcode-todo.inline { - display: inline-block; - margin-right: 10px; - } @@ -6755,201 +4454,125 @@ html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-pri /*短代码-警告与折叠块*/ .admonition, - .collapse-block { - border-radius: 3px; - border-left-width: 3px; - border-left-style: solid; - margin-bottom: 20px; - background-color: var(--color-widgets) !important; - } .admonition i:first-child, - .collapse-block .collapse-block-title i:first-child { - margin-right: 5px; - } .collapse-block.hide-border-left { - border-left: none; - } .collapse-block .collapse-icon { - position: absolute; - right: 15px; - bottom: 15px; - transform: rotateZ(180deg); - transition: all 0.2s ease; - } .collapse-block.collapsed .collapse-icon { - transform: rotateZ(0deg); - } .admonition-title, - .collapse-block-title { - padding: 10px 15px; - font-weight: bold; - } .collapse-block-title-inner { - max-width: calc(100% - 20px); - display: inline-block; - } .collapse-block-title { - cursor: pointer; - position: relative; - } .admonition-body, - .collapse-block-body { - padding: 20px 15px; - padding-bottom: 20px; - } .admonition-primary, - .collapse-block-primary { - border-left-color: #7889e8; - } .admonition-primary > .admonition-title, - .collapse-block-primary > .collapse-block-title { - background: #7889e833; - } .admonition-success, - .collapse-block-success { - border-left-color: #4fd69c; - } .admonition-success > .admonition-title, - .collapse-block-success > .collapse-block-title { - background: #4fd69c33; - } .admonition-danger, - .collapse-block-danger { - border-left-color: #f75676; - } .admonition-danger > .admonition-title, - .collapse-block-danger > .collapse-block-title { - background: #f7567633; - } .admonition-info, - .collapse-block-info { - border-left-color: #37d5f2; - } .admonition-info > .admonition-title, - .collapse-block-info > .collapse-block-title { - background: #37d5f233; - } .admonition-warning, - .collapse-block-warning { - border-left-color: #fc7c5f; - } .admonition-warning > .admonition-title, - .collapse-block-warning > .collapse-block-title { - background: #fc7c5f33; - } .admonition-default, - .collapse-block-default { - border-left-color: #3c4d69; - } .admonition-default > .admonition-title, - .collapse-block-default > .collapse-block-title { - background: #3c4d6933; - } .admonition-grey, - .collapse-block-grey { - border-left-color: #888888; - } .admonition-grey > .admonition-title, - .collapse-block-grey > .collapse-block-title { - background: #88888833; - } @@ -6957,59 +4580,38 @@ html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-pri /*短代码-友链-简洁*/ .friend-links-simple .friend-category-title { - font-size: 22px; - text-align: center; - font-weight: bold; - margin-top: 20px; - margin-bottom: 25px; - } .friend-links-simple .link { - padding: 0 10px; - } .friend-links-simple .link .card { - padding: 12px 12px; - } .friend-links-simple .link .friend-link-avatar { - margin-top: 8px; - } .friend-links-simple .link .card img { - border: none; - max-width: unset; - } .friend-links-simple .link .friend-link-title { - font-size: 17px; - font-weight: bold; - margin-bottom: 5px; - } .friend-links-simple .link a:before { - display: none; - } @@ -7017,263 +4619,160 @@ html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-pri /*短代码-友链*/ .friend-links .link { - padding-left: 10px; - padding-right: 10px; - padding-bottom: 15px; - } .friend-links .friend-link-container { - display: block; - overflow: hidden; - white-space: nowrap; - background-color: var(--color-widgets) !important; - } .friend-links .link a:before { - display: none; - } /*短代码-友链-样式 1*/ .friend-links-style1 .friend-link-avatar { - display: inline-block; - width: 125px; - height: 140px; - border-radius: 0 65px 65px 0; - object-fit: cover; - pointer-events: none; - } .friend-links-style1 .friend-link-content { - display: inline-block; - width: calc(100% - 125px); - height: 140px; - vertical-align: middle; - padding: 10px 15px 10px 15px; - white-space: normal; - } .friend-links-style1 .no-avatar .friend-link-content { - width: 100%; - } .friend-links-style1 .friend-link-title { - font-weight: bold; - font-size: 18px; - height: 36px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } .friend-links-style1 .friend-link-description { - height: 50px; - overflow: hidden; - line-height: 25px; - position: relative; - } .friend-links-style1 .friend-link-description:after { - content: ""; - width: 45px; - height: 22px; - display: block; - position: absolute; - right: 0; - top: 25px; - pointer-events: none; - background: linear-gradient(90deg, transparent 0%, var(--color-widgets) 100%); - } .friend-links-style1 .friend-link-links { - height: 32px; - overflow: hidden; - font-size: 18px; - margin-top: 2px; - } .friend-links-style1 .friend-link-links > a { - margin-right: 12px; - } /*短代码-友链-样式 1-方形头像*/ .friend-links-style1.friend-links-style1-square .friend-link-avatar { - border-radius: 0; - width: 130px; - } .friend-links-style1.friend-links-style1-square .friend-link-content { - width: calc(100% - 130px); - } .friend-links-style1.friend-links-style1-square .no-avatar .friend-link-content { - width: 100%; - } /*短代码-友链-样式 2*/ .friend-links-style2 .friend-link-avatar { - display: block; - width: 100%; - height: 160px; - object-fit: cover; - pointer-events: none; - } .friend-links-style2 .friend-link-content { - display: block; - width: 100%; - padding: 10px 15px 12px 15px; - } .friend-links-style2 .friend-link-title { - font-weight: bold; - font-size: 18px; - height: 36px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } .friend-links-style2 .friend-link-description { - height: 25px; - line-height: 25px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } .friend-links-style2 .friend-link-links { - height: 30px; - overflow: hidden; - font-size: 18px; - margin-top: 8px; - } .friend-links-style2 .friend-link-links > a { - margin-right: 15px; - } /*短代码-友链-样式 2-大头像*/ .friend-links-style2.friend-links-style2-big .friend-link-avatar { - height: calc(100vw * 0.2); - min-height: 200px; - max-height: 250px; - } .friend-links-style2.friend-links-style2-big .friend-link-links > a { - margin-right: 12px; - } @media (min-width: 900px) { - .friend-links.friend-links-style2-big .link { - max-width: 33.33333%; - flex: 0 0 33.33333%; - } } @@ -7283,77 +4782,45 @@ html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-pri /*短代码-时间线*/ .argon-timeline { - margin-left: 110px; - border-left: 3px solid rgba(var(--themecolor-rgbstr), 0.2); - padding-left: 25px; - position: relative; - padding-top: 30px; - padding-bottom: 10px; - } .argon-timeline-time { - position: absolute !important; - left: -110px; - margin-top: 12px; - width: 85px; - text-align: right; - font-size: 15px; - line-height: 26px; - } .argon-timeline-card { - margin-bottom: 35px; - padding: 18px 25px; - background: var(--color-widgets) !important; - } .argon-timeline-card:before { - content: ""; - position: absolute; - left: -35px; - top: 17px; - background: var(--themecolor); - width: 14px; - height: 14px; - border-radius: 50%; - } .argon-timeline-title { - font-size: 17px; - font-weight: bold; - margin-bottom: 5px; - } @@ -7361,41 +4828,27 @@ html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-pri /*短代码-隐藏文本*/ .argon-hidden-text { - transition: all 0.3s ease; - } .argon-hidden-text.argon-hidden-text-blur { - filter: blur(4px); - } .argon-hidden-text.argon-hidden-text-blur:hover { - filter: blur(0px); - } .argon-hidden-text.argon-hidden-text-background { - background: #000; - color: transparent; - border-radius: 1px; - } .argon-hidden-text.argon-hidden-text-background:hover { - background: transparent; - color: inherit; - border-radius: 0px; - } @@ -7403,169 +4856,106 @@ html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-pri /*短代码-Github*/ .github-info-card { - background: #24292e !important; - margin-top: 20px; - margin-bottom: 20px; - padding: 20px 25px; - color: #eee; - } .github-info-card a { - color: var(--themecolor-light); - } .github-info-card-header { - margin-bottom: 5px; - } .github-info-card-header a { - color: #eee !important; - font-size: 16px; - } .github-info-card-header a:before { - display: none; - } .github-info-card-header a i { - margin-right: 2px; - } .github-info-card-name-a { - font-size: 20px; - } .github-info-card-bottom { - margin-top: 15px; - } .github-info-card-bottom .github-info-card-meta { - margin-right: 10px; - opacity: 0.7; - } .github-info-card-bottom .github-info-card-meta i { - margin-right: 2px; - } /*短代码-Github-Mini*/ .github-info-card-mini { - display: flex; - flex-direction: row; - white-space: nowrap; - align-items: center; - padding: 15px 20px; - } .github-info-card-mini .github-info-card-name-a { - display: inline-block; - margin-right: 12px; - font-size: 19px; - } .github-info-card-mini .github-info-card-description { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - word-break: break-all; - display: inline-block; - } .github-info-card-mini .github-info-card-body { - flex: 1; - white-space: nowrap; - overflow: hidden; - display: flex; - align-items: center; - } .github-info-card-mini .github-info-card-bottom { - display: inline-block; - margin-top: 0; - margin-left: 10px; - } .github-info-card-mini .github-info-card-header { - margin-right: 7px; - margin-bottom: 0; - } .github-info-card-mini .github-info-card-header a i { - font-size: 19px; - transform: translateY(2px); - margin-right: 2px; - } .github-info-card-mini .github-info-card-bottom .github-info-card-meta-forks { - display: none; - } .github-info-card-mini .github-info-card-bottom .github-info-card-meta-stars { - margin-right: 0; - } @@ -7573,99 +4963,63 @@ html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-pri /*短代码-进度条*/ .progress { - background: var(--color-border-on-foreground-deeper); - } /*Gutenburg 区块-Tab 面板*/ .argon-tabpanel { - margin-bottom: 20px; - } .argon-tabpanel > .tabpanel-header { - padding: 0; - } .argon-tabpanel > .tabpanel-body { - background-color: var(--color-widgets) !important; - } .argon-tabpanel .nav { - display: flex; - justify-content: flex-start; - align-content: center; - flex-wrap: wrap; - } .argon-tabpanel .nav-pills .nav-item { - padding: 0; - flex: 0; - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - margin-bottom: 0; - } .argon-tabpanel .nav-pills .nav-link { - box-shadow: none; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - background-color: var(--color-widgets); - border: solid 1px var(--color-border-on-foreground); - border-bottom: none; - padding: 8px 16px; - white-space: nowrap; - } html.darkmode .argon-tabpanel .nav-pills .nav-link { - color: #fff; - } .argon-tabpanel .nav-pills .nav-link:not(:first-of-type) { - border-left: none; - } .argon-tabpanel .nav-pills .nav-link:before { - display: none; - } .argon-tabpanel .nav-pills .nav-link.active, - .argon-tabpanel .nav-pills .show > .nav-link { - background-color: var(--themecolor) !important; - } @@ -7673,49 +5027,30 @@ html.darkmode .argon-tabpanel .nav-pills .nav-link { /*noUiSlidebar*/ .noUi-connect, - .noUi-handle { - background: var(--themecolor) !important; - } .noUi-handle:before { - content: attr(aria-valuenow) " px"; - position: absolute; - left: -36px; - top: -20px; - font-size: 10px; - display: block; - width: 90px; - text-align: center; - transition: opacity 0.15s ease; - opacity: 0; - pointer-events: none; - } .noUi-handle.noUi-active:before { - opacity: 1; - } .noUi-target { - background: var(--color-border-on-foreground-deeper); - } @@ -7723,139 +5058,84 @@ html.darkmode .argon-tabpanel .nav-pills .nav-link { /*nprogress 加载进度条*/ #nprogress { - pointer-events: none; - } #nprogress .bar { - background: rgba(255, 255, 255, 0.67); - position: fixed; - z-index: 1031; - top: 0; - left: 0; - width: 100%; - height: 2px; - } body.leftbar-can-headroom.headroom---unpinned #nprogress .bar { - background: rgba(var(--themecolor-rgbstr), 0.67); - } #nprogress .peg { - display: block; - position: absolute; - right: 0px; - width: 100px; - height: 100%; - box-shadow: 0 0 10px rgba(255, 255, 255, 0.67), 0 0 5px rgba(255, 255, 255, 0.67); - opacity: 1; - -webkit-transform: rotate(3deg) translate(0px, -4px); - -ms-transform: rotate(3deg) translate(0px, -4px); - transform: rotate(3deg) translate(0px, -4px); - } #nprogress .spinner { - display: block; - position: fixed; - z-index: 1031; - top: 15px; - right: 15px; - } #nprogress .spinner-icon { - width: 18px; - height: 18px; - box-sizing: border-box; - border: solid 2px transparent; - border-top-color: rgba(255, 255, 255, 0.67); - border-left-color: rgba(255, 255, 255, 0.67); - border-radius: 50%; - -webkit-animation: nprogress-spinner 400ms linear infinite; - animation: nprogress-spinner 400ms linear infinite; - } .nprogress-custom-parent { - overflow: hidden; - position: relative; - } .nprogress-custom-parent #nprogress .spinner, - .nprogress-custom-parent #nprogress .bar { - position: absolute; - } @-webkit-keyframes nprogress-spinner { - 0% { - -webkit-transform: rotate(0deg); - } 100% { - -webkit-transform: rotate(360deg); - } } @keyframes nprogress-spinner { - 0% { - transform: rotate(0deg); - } 100% { - transform: rotate(360deg); - } } @@ -7865,71 +5145,47 @@ body.leftbar-can-headroom.headroom---unpinned #nprogress .bar { /*iziToast*/ .iziToast:after { - box-shadow: none !important; - } .iziToast > .iziToast-close { - opacity: 0.9 !important; - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTcwODgxMzc1MTA3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0MTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwMCIgaGVpZ2h0PSIxMDAwIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik05NTQuMzA0IDE5MC4zMzZhMTUuNTUyIDE1LjU1MiAwIDAgMSAwIDIxLjk1MmwtMzAwLjAzMiAzMDAuMDMyIDI5OC41NiAyOTguNTZhMTUuNjE2IDE1LjYxNiAwIDAgMSAwIDIyLjAxNmwtMTIwLjk2IDEyMC44OTZhMTUuNTUyIDE1LjU1MiAwIDAgMS0yMS45NTIgMEw1MTEuMzYgNjU1LjIzMiAyMTQuMjcyIDk1Mi4zMmExNS41NTIgMTUuNTUyIDAgMCAxLTIxLjk1MiAwbC0xMjAuODk2LTEyMC44OTZhMTUuNDg4IDE1LjQ4OCAwIDAgMSAwLTIxLjk1MmwyOTcuMTUyLTI5Ny4xNTJMNjkuODg4IDIxMy43NmExNS41NTIgMTUuNTUyIDAgMCAxIDAtMjEuOTUybDEyMC44OTYtMTIwLjg5NmExNS41NTIgMTUuNTUyIDAgMCAxIDIxLjk1MiAwTDUxMS4zNiAzNjkuNDcybDMwMC4wOTYtMzAwLjAzMmExNS4zNiAxNS4zNiAwIDAgMSAyMS45NTIgMGwxMjAuODk2IDEyMC44OTZ6IiBwLWlkPSIzNDExIiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+) no-repeat 50% 50% !important; - background-size: 10px !important; - } .iziToast > .iziToast-body .iziToast-icon { - font-size: 18px !important; - } .iziToast > .iziToast-body i.fa-spin:before { - animation: fa-spin 2s infinite linear; - display: inline-block; - } .iziToast.iziToast-noprogressbar .iziToast-progressbar { - display: none; - } /*Mathjax 相关*/ .MathJax { - outline: none !important; - } #MathJax_Zoom { - background: var(--color-widgets) !important; - border: var(--color-border-on-foreground-deeper) solid 1px !important; - border-radius: 3px !important; - box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important; - } .CtxtMenu_Menu { - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; - border: none !important; - border-radius: 5px !important; - } @@ -7937,91 +5193,60 @@ body.leftbar-can-headroom.headroom---unpinned #nprogress .bar { /*LazyLoad 加载样式*/ article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"] { - width: 100%; - max-height: 60vh; - background-color: var(--color-border-on-foreground); - background-repeat: no-repeat; - background-position: 50% 50%; - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"]:not([srcset]) { - height: 500px; - pointer-events: none; - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-1 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iOC4wNDIlIiB5MT0iMCUiIHgyPSI2NS42ODIlIiB5Mj0iMjMuODY1JSIgaWQ9ImEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNWU3MmU0IiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMCUiLz4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzVlNzJlNCIgc3RvcC1vcGFjaXR5PSIuNjMxIiBvZmZzZXQ9IjYzLjE0NiUiLz4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzVlNzJlNCIgb2Zmc2V0PSIxMDAlIi8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCIgaWQ9Ik92YWwtMiIgc3Ryb2tlPSJ1cmwoI2EpIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0KICAgICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iCiAgICAgICAgICAgICAgICAgICAgdHlwZT0icm90YXRlIgogICAgICAgICAgICAgICAgICAgIGZyb209IjAgMTggMTgiCiAgICAgICAgICAgICAgICAgICAgdG89IjM2MCAxOCAxOCIKICAgICAgICAgICAgICAgICAgICBkdXI9IjAuOXMiCiAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvcGF0aD4KICAgICAgICAgICAgPGNpcmNsZSBmaWxsPSIjNWU3MmU0IiBjeD0iMzYiIGN5PSIxOCIgcj0iMSI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybQogICAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIKICAgICAgICAgICAgICAgICAgICB0eXBlPSJyb3RhdGUiCiAgICAgICAgICAgICAgICAgICAgZnJvbT0iMCAxOCAxOCIKICAgICAgICAgICAgICAgICAgICB0bz0iMzYwIDE4IDE4IgogICAgICAgICAgICAgICAgICAgIGR1cj0iMC45cyIKICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-2 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM1ZTcyZTQiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgIDxjaXJjbGUgY3g9IjIyIiBjeT0iMjIiIHI9IjEiPgogICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIgogICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuOHMiCiAgICAgICAgICAgICAgICB2YWx1ZXM9IjE7IDIwIgogICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIKICAgICAgICAgICAgICAgIGtleVRpbWVzPSIwOyAxIgogICAgICAgICAgICAgICAga2V5U3BsaW5lcz0iMC4xNjUsIDAuODQsIDAuNDQsIDEiCiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLW9wYWNpdHkiCiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS44cyIKICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIKICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJzcGxpbmUiCiAgICAgICAgICAgICAgICBrZXlUaW1lcz0iMDsgMSIKICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiCiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8L2NpcmNsZT4KICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIKICAgICAgICAgICAgICAgIGJlZ2luPSItMC45cyIgZHVyPSIxLjhzIgogICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIKICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJzcGxpbmUiCiAgICAgICAgICAgICAgICBrZXlUaW1lcz0iMDsgMSIKICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIgogICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1vcGFjaXR5IgogICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuOHMiCiAgICAgICAgICAgICAgICB2YWx1ZXM9IjE7IDAiCiAgICAgICAgICAgICAgICBjYWxjTW9kZT0ic3BsaW5lIgogICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiCiAgICAgICAgICAgICAgICBrZXlTcGxpbmVzPSIwLjMsIDAuNjEsIDAuMzU1LCAxIgogICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPC9jaXJjbGU+CiAgICA8L2c+Cjwvc3ZnPg==); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-3 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDYuNSIgdmlld0JveD0iMCAwIDEzNSAxNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzVlNzJlNCI+CiAgICA8cmVjdCB5PSIxMCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjEyMCIgcng9IjYiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIKICAgICAgICAgICAgIGJlZ2luPSIwLjVzIiBkdXI9IjFzIgogICAgICAgICAgICAgdmFsdWVzPSIxMjA7MTEwOzEwMDs5MDs4MDs3MDs2MDs1MDs0MDsxNDA7MTIwIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ieSIKICAgICAgICAgICAgIGJlZ2luPSIwLjVzIiBkdXI9IjFzIgogICAgICAgICAgICAgdmFsdWVzPSIxMDsxNTsyMDsyNTszMDszNTs0MDs0NTs1MDswOzEwIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSIzMCIgeT0iMTAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMjAiIHJ4PSI2Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICBiZWdpbj0iMC4yNXMiIGR1cj0iMXMiCiAgICAgICAgICAgICB2YWx1ZXM9IjEyMDsxMTA7MTAwOzkwOzgwOzcwOzYwOzUwOzQwOzE0MDsxMjAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ5IgogICAgICAgICAgICAgYmVnaW49IjAuMjVzIiBkdXI9IjFzIgogICAgICAgICAgICAgdmFsdWVzPSIxMDsxNTsyMDsyNTszMDszNTs0MDs0NTs1MDswOzEwIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSI2MCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE0MCIgcng9IjYiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIKICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTIwOzExMDsxMDA7OTA7ODA7NzA7NjA7NTA7NDA7MTQwOzEyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiCiAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMXMiCiAgICAgICAgICAgICB2YWx1ZXM9IjEwOzE1OzIwOzI1OzMwOzM1OzQwOzQ1OzUwOzA7MTAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9IjkwIiB5PSIxMCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjEyMCIgcng9IjYiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIKICAgICAgICAgICAgIGJlZ2luPSIwLjI1cyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTIwOzExMDsxMDA7OTA7ODA7NzA7NjA7NTA7NDA7MTQwOzEyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiCiAgICAgICAgICAgICBiZWdpbj0iMC4yNXMiIGR1cj0iMXMiCiAgICAgICAgICAgICB2YWx1ZXM9IjEwOzE1OzIwOzI1OzMwOzM1OzQwOzQ1OzUwOzA7MTAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9IjEyMCIgeT0iMTAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMjAiIHJ4PSI2Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICBiZWdpbj0iMC41cyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTIwOzExMDsxMDA7OTA7ODA7NzA7NjA7NTA7NDA7MTQwOzEyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiCiAgICAgICAgICAgICBiZWdpbj0iMC41cyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTA7MTU7MjA7MjU7MzA7MzU7NDA7NDU7NTA7MDsxMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9yZWN0Pgo8L3N2Zz4K); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-4 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM1ZTcyZTQiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuNSIgY3g9IjE4IiBjeT0iMTgiIHI9IjE4Ii8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybQogICAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIKICAgICAgICAgICAgICAgICAgICB0eXBlPSJyb3RhdGUiCiAgICAgICAgICAgICAgICAgICAgZnJvbT0iMCAxOCAxOCIKICAgICAgICAgICAgICAgICAgICB0bz0iMzYwIDE4IDE4IgogICAgICAgICAgICAgICAgICAgIGR1cj0iMXMiCiAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgICAgICAgICAgPC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-5 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iNjUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM1ZTcyZTQiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgIDxjaXJjbGUgY3g9IjIyIiBjeT0iMjIiIHI9IjYiIHN0cm9rZS1vcGFjaXR5PSIwIj4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIKICAgICAgICAgICAgICAgICBiZWdpbj0iMS41cyIgZHVyPSIzcyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjY7MjIiCiAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLW9wYWNpdHkiCiAgICAgICAgICAgICAgICAgYmVnaW49IjEuNXMiIGR1cj0iM3MiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSIxOzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS13aWR0aCIKICAgICAgICAgICAgICAgICBiZWdpbj0iMS41cyIgZHVyPSIzcyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjI7MCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8L2NpcmNsZT4KICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSI2IiBzdHJva2Utb3BhY2l0eT0iMCI+CiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiCiAgICAgICAgICAgICAgICAgYmVnaW49IjNzIiBkdXI9IjNzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iNjsyMiIKICAgICAgICAgICAgICAgICBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIKICAgICAgICAgICAgICAgICBiZWdpbj0iM3MiIGR1cj0iM3MiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSIxOzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS13aWR0aCIKICAgICAgICAgICAgICAgICBiZWdpbj0iM3MiIGR1cj0iM3MiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSIyOzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgPGNpcmNsZSBjeD0iMjIiIGN5PSIyMiIgcj0iOCI+CiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNXMiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSI2OzE7MjszOzQ7NTs2IgogICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPC9jaXJjbGU+CiAgICA8L2c+Cjwvc3ZnPg==); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-6 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMjAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzVlNzJlNCI+CiAgICA8Y2lyY2xlIGN4PSIxNSIgY3k9IjE1IiByPSIxNSI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgZnJvbT0iMTUiIHRvPSIxNSIKICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMC44cyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjE1Ozk7MTUiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IiBmcm9tPSIxIiB0bz0iMSIKICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMC44cyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjE7LjU7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iNjAiIGN5PSIxNSIgcj0iOSIgZmlsbC1vcGFjaXR5PSIwLjMiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIGZyb209IjkiIHRvPSI5IgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIwLjhzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iOTsxNTs5IiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIgZnJvbT0iMC41IiB0bz0iMC41IgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIwLjhzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iLjU7MTsuNSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iMTA1IiBjeT0iMTUiIHI9IjE1Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBmcm9tPSIxNSIgdG89IjE1IgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIwLjhzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iMTU7OTsxNSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGZyb209IjEiIHRvPSIxIgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIwLjhzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsuNTsxIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9jaXJjbGU+Cjwvc3ZnPgo=); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-7 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA1NSA4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjNWU3MmU0Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgODApIj4KICAgICAgICA8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMjAiIHJ4PSIzIj4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0IgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSI0LjNzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iMjA7NDU7NTc7ODA7NjQ7MzI7NjY7NDU7NjQ7MjM7NjY7MTM7NjQ7NTY7MzQ7MzQ7MjsyMzs3Njs3OTsyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8L3JlY3Q+CiAgICAgICAgPHJlY3QgeD0iMTUiIHdpZHRoPSIxMCIgaGVpZ2h0PSI4MCIgcng9IjMiPgogICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjJzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iODA7NTU7MzM7NTs3NTsyMzs3MzszMzsxMjsxNDs2MDs4MCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8L3JlY3Q+CiAgICAgICAgPHJlY3QgeD0iMzAiIHdpZHRoPSIxMCIgaGVpZ2h0PSI1MCIgcng9IjMiPgogICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNHMiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSI1MDszNDs3ODsyMzs1NjsyMzszNDs3Njs4MDs1NDsyMTs1MCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8L3JlY3Q+CiAgICAgICAgPHJlY3QgeD0iNDUiIHdpZHRoPSIxMCIgaGVpZ2h0PSIzMCIgcng9IjMiPgogICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjJzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iMzA7NDU7MTM7ODA7NTY7NzI7NDU7NzY7MzQ7MjM7Njc7MzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPC9yZWN0PgogICAgPC9nPgo8L3N2Zz4=); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-8 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAxMDUgMTA1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM1ZTcyZTQiPgogICAgPGNpcmNsZSBjeD0iMTIuNSIgY3k9IjEyLjUiIHI9IjEyLjUiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjFzIgogICAgICAgICB2YWx1ZXM9IjE7LjI7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjEyLjUiIGN5PSI1Mi41IiByPSIxMi41IiBmaWxsLW9wYWNpdHk9Ii41Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgIGJlZ2luPSIxMDBtcyIgZHVyPSIxcyIKICAgICAgICAgdmFsdWVzPSIxOy4yOzEiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSI1Mi41IiBjeT0iMTIuNSIgcj0iMTIuNSI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICBiZWdpbj0iMzAwbXMiIGR1cj0iMXMiCiAgICAgICAgIHZhbHVlcz0iMTsuMjsxIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iNTIuNSIgY3k9IjUyLjUiIHI9IjEyLjUiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgYmVnaW49IjYwMG1zIiBkdXI9IjFzIgogICAgICAgICB2YWx1ZXM9IjE7LjI7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjkyLjUiIGN5PSIxMi41IiByPSIxMi41Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgIGJlZ2luPSI4MDBtcyIgZHVyPSIxcyIKICAgICAgICAgdmFsdWVzPSIxOy4yOzEiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSI5Mi41IiBjeT0iNTIuNSIgcj0iMTIuNSI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICBiZWdpbj0iNDAwbXMiIGR1cj0iMXMiCiAgICAgICAgIHZhbHVlcz0iMTsuMjsxIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iMTIuNSIgY3k9IjkyLjUiIHI9IjEyLjUiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgYmVnaW49IjcwMG1zIiBkdXI9IjFzIgogICAgICAgICB2YWx1ZXM9IjE7LjI7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjUyLjUiIGN5PSI5Mi41IiByPSIxMi41Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgIGJlZ2luPSI1MDBtcyIgZHVyPSIxcyIKICAgICAgICAgdmFsdWVzPSIxOy4yOzEiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSI5Mi41IiBjeT0iOTIuNSIgcj0iMTIuNSI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICBiZWdpbj0iMjAwbXMiIGR1cj0iMXMiCiAgICAgICAgIHZhbHVlcz0iMTsuMjsxIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgo8L3N2Zz4K); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-9 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA1OCA1OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAxKSIgc3Ryb2tlPSIjNWU3MmU0IiBzdHJva2Utd2lkdGg9IjEuNSI+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjQyLjYwMSIgY3k9IjExLjQ2MiIgcj0iNSIgZmlsbC1vcGFjaXR5PSIxIiBmaWxsPSIjNWU3MmU0Ij4KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuM3MiCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iMTswOzA7MDswOzA7MDswIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjQ5LjA2MyIgY3k9IjI3LjA2MyIgcj0iNSIgZmlsbC1vcGFjaXR5PSIwIiBmaWxsPSIjNWU3MmU0Ij4KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuM3MiCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iMDsxOzA7MDswOzA7MDswIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjQyLjYwMSIgY3k9IjQyLjY2MyIgcj0iNSIgZmlsbC1vcGFjaXR5PSIwIiBmaWxsPSIjNWU3MmU0Ij4KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuM3MiCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iMDswOzE7MDswOzA7MDswIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjI3IiBjeT0iNDkuMTI1IiByPSI1IiBmaWxsLW9wYWNpdHk9IjAiIGZpbGw9IiM1ZTcyZTQiPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS4zcyIKICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSIwOzA7MDsxOzA7MDswOzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICA8L2NpcmNsZT4KICAgICAgICAgICAgPGNpcmNsZSBjeD0iMTEuMzk5IiBjeT0iNDIuNjYzIiByPSI1IiBmaWxsLW9wYWNpdHk9IjAiIGZpbGw9IiM1ZTcyZTQiPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS4zcyIKICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSIwOzA7MDswOzE7MDswOzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICA8L2NpcmNsZT4KICAgICAgICAgICAgPGNpcmNsZSBjeD0iNC45MzgiIGN5PSIyNy4wNjMiIHI9IjUiIGZpbGwtb3BhY2l0eT0iMCIgZmlsbD0iIzVlNzJlNCI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxLjNzIgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjA7MDswOzA7MDsxOzA7MCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSIxMS4zOTkiIGN5PSIxMS40NjIiIHI9IjUiIGZpbGwtb3BhY2l0eT0iMCIgZmlsbD0iIzVlNzJlNCI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxLjNzIgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjA7MDswOzA7MDswOzE7MCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSIyNyIgY3k9IjUiIHI9IjUiIGZpbGwtb3BhY2l0eT0iMCIgZmlsbD0iIzVlNzJlNCI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxLjNzIgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjA7MDswOzA7MDswOzA7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-10 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAxMzUgMTM1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM1ZTcyZTQiPgogICAgPHBhdGggZD0iTTY3LjQ0NyA1OGM1LjUyMyAwIDEwLTQuNDc3IDEwLTEwcy00LjQ3Ny0xMC0xMC0xMC0xMCA0LjQ3Ny0xMCAxMCA0LjQ3NyAxMCAxMCAxMHptOS40NDggOS40NDdjMCA1LjUyMyA0LjQ3NyAxMCAxMCAxMCA1LjUyMiAwIDEwLTQuNDc3IDEwLTEwcy00LjQ3OC0xMC0xMC0xMGMtNS41MjMgMC0xMCA0LjQ3Ny0xMCAxMHptLTkuNDQ4IDkuNDQ4Yy01LjUyMyAwLTEwIDQuNDc3LTEwIDEwIDAgNS41MjIgNC40NzcgMTAgMTAgMTBzMTAtNC40NzggMTAtMTBjMC01LjUyMy00LjQ3Ny0xMC0xMC0xMHpNNTggNjcuNDQ3YzAtNS41MjMtNC40NzctMTAtMTAtMTBzLTEwIDQuNDc3LTEwIDEwIDQuNDc3IDEwIDEwIDEwIDEwLTQuNDc3IDEwLTEweiI+CiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0KICAgICAgICAgICAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIgogICAgICAgICAgICB0eXBlPSJyb3RhdGUiCiAgICAgICAgICAgIGZyb209IjAgNjcgNjciCiAgICAgICAgICAgIHRvPSItMzYwIDY3IDY3IgogICAgICAgICAgICBkdXI9IjIuNXMiCiAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L3BhdGg+CiAgICA8cGF0aCBkPSJNMjguMTkgNDAuMzFjNi42MjcgMCAxMi01LjM3NCAxMi0xMiAwLTYuNjI4LTUuMzczLTEyLTEyLTEyLTYuNjI4IDAtMTIgNS4zNzItMTIgMTIgMCA2LjYyNiA1LjM3MiAxMiAxMiAxMnptMzAuNzItMTkuODI1YzQuNjg2IDQuNjg3IDEyLjI4NCA0LjY4NyAxNi45NyAwIDQuNjg2LTQuNjg2IDQuNjg2LTEyLjI4NCAwLTE2Ljk3LTQuNjg2LTQuNjg3LTEyLjI4NC00LjY4Ny0xNi45NyAwLTQuNjg3IDQuNjg2LTQuNjg3IDEyLjI4NCAwIDE2Ljk3em0zNS43NCA3LjcwNWMwIDYuNjI3IDUuMzcgMTIgMTIgMTIgNi42MjYgMCAxMi01LjM3MyAxMi0xMiAwLTYuNjI4LTUuMzc0LTEyLTEyLTEyLTYuNjMgMC0xMiA1LjM3Mi0xMiAxMnptMTkuODIyIDMwLjcyYy00LjY4NiA0LjY4Ni00LjY4NiAxMi4yODQgMCAxNi45NyA0LjY4NyA0LjY4NiAxMi4yODUgNC42ODYgMTYuOTcgMCA0LjY4Ny00LjY4NiA0LjY4Ny0xMi4yODQgMC0xNi45Ny00LjY4NS00LjY4Ny0xMi4yODMtNC42ODctMTYuOTcgMHptLTcuNzA0IDM1Ljc0Yy02LjYyNyAwLTEyIDUuMzctMTIgMTIgMCA2LjYyNiA1LjM3MyAxMiAxMiAxMnMxMi01LjM3NCAxMi0xMmMwLTYuNjMtNS4zNzMtMTItMTItMTJ6bS0zMC43MiAxOS44MjJjLTQuNjg2LTQuNjg2LTEyLjI4NC00LjY4Ni0xNi45NyAwLTQuNjg2IDQuNjg3LTQuNjg2IDEyLjI4NSAwIDE2Ljk3IDQuNjg2IDQuNjg3IDEyLjI4NCA0LjY4NyAxNi45NyAwIDQuNjg3LTQuNjg1IDQuNjg3LTEyLjI4MyAwLTE2Ljk3em0tMzUuNzQtNy43MDRjMC02LjYyNy01LjM3Mi0xMi0xMi0xMi02LjYyNiAwLTEyIDUuMzczLTEyIDEyczUuMzc0IDEyIDEyIDEyYzYuNjI4IDAgMTItNS4zNzMgMTItMTJ6bS0xOS44MjMtMzAuNzJjNC42ODctNC42ODYgNC42ODctMTIuMjg0IDAtMTYuOTctNC42ODYtNC42ODYtMTIuMjg0LTQuNjg2LTE2Ljk3IDAtNC42ODcgNC42ODYtNC42ODcgMTIuMjg0IDAgMTYuOTcgNC42ODYgNC42ODcgMTIuMjg0IDQuNjg3IDE2Ljk3IDB6Ij4KICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybQogICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iCiAgICAgICAgICAgIHR5cGU9InJvdGF0ZSIKICAgICAgICAgICAgZnJvbT0iMCA2NyA2NyIKICAgICAgICAgICAgdG89IjM2MCA2NyA2NyIKICAgICAgICAgICAgZHVyPSI4cyIKICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgIDwvcGF0aD4KPC9zdmc+Cg==); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-11 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA1NyA1NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM1ZTcyZTQiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSI1IiBjeT0iNTAiIHI9IjUiPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3kiCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjUwOzU7NTA7NTAiCiAgICAgICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjU7Mjc7NDk7NSIKICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSIyNyIgY3k9IjUiIHI9IjUiPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3kiCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIgogICAgICAgICAgICAgICAgICAgICBmcm9tPSI1IiB0bz0iNSIKICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSI1OzUwOzUwOzUiCiAgICAgICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIgogICAgICAgICAgICAgICAgICAgICBmcm9tPSIyNyIgdG89IjI3IgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjI3OzQ5OzU7MjciCiAgICAgICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICA8L2NpcmNsZT4KICAgICAgICAgICAgPGNpcmNsZSBjeD0iNDkiIGN5PSI1MCIgcj0iNSI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeSIKICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjIuMnMiCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iNTA7NTA7NTs1MCIKICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeCIKICAgICAgICAgICAgICAgICAgICAgZnJvbT0iNDkiIHRvPSI0OSIKICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjIuMnMiCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iNDk7NTsyNzs0OSIKICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); - } @@ -8029,121 +5254,74 @@ article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg" /*Fancybox 样式*/ .fancybox-wrapper { - width: max-content; - max-width: 100%; - } figure > .fancybox-wrapper, - figure > a > .fancybox-wrapper { - width: unset; - } .fancybox-wrapper.lazyload-container-unload { - width: 100%; - } .fancybox-wrapper > img { - cursor: pointer; - cursor: -webkit-zoom-in; - cursor: zoom-in; - } /*Zoomify 样式*/ .zoomify { - cursor: pointer; - cursor: -webkit-zoom-in; - cursor: zoom-in; - } .zoomify.zoomed { - cursor: -webkit-zoom-out; - cursor: zoom-out; - padding: 0; - margin: 0; - border: none; - border-radius: 0; - box-shadow: none; - position: relative; - z-index: 1501; - } .zoomify-shadow { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - display: block; - z-index: 1500; - background: rgba(0, 0, 0, 0.3); - opacity: 0; - } .zoomify-shadow.zoomed { - opacity: 1; - cursor: pointer; - cursor: -webkit-zoom-out; - cursor: zoom-out; - } .noscroll { - overflow: hidden !important; - } body.noscroll:before { - opacity: 0 !important; - } @@ -8197,45 +5375,26 @@ body.noscroll:before { } #share, - #share_show { - width: max-content; - width: -moz-max-content; - transition: transform var(--animation-normal) var(--ease-emphasized), opacity var(--animation-normal) var(--ease-standard); - } #share { - position: absolute; - right: 0; - top: 0; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: flex-end; - align-items: center; - gap: 6px; - transform: translateY(-10px); - opacity: 0; - pointer-events: none; - will-change: transform, opacity; - } /* 分享按钮子元素初始状态 */ @@ -8309,320 +5468,190 @@ body.noscroll:before { } #share_show { - opacity: 1; - height: 38px; - width: 38px; - display: inline-flex; - align-items: center; - justify-content: center; - transform: translateY(0); - background-color: var(--themecolor) !important; - border-color: var(--themecolor) !important; - } #share_show:hover { - background-color: var(--themecolor-dark) !important; - border-color: var(--themecolor-dark) !important; - } #share_show:active { - background-color: var(--themecolor-dark2) !important; - border-color: var(--themecolor-dark2) !important; - } #share_container.opened #share { - transform: translateY(0); - opacity: 1; - pointer-events: unset; - } #share_container.opened #share_show { - transform: rotate(45deg) scale(0.9); - opacity: 0.7; - pointer-events: none; - } #share_container .btn { - height: 38px; - padding: 0 15px; - line-height: 38px; - margin-left: 5px; - margin-right: 0; - margin-bottom: 0; - min-width: 50px; - } #share .btn { - margin-bottom: 0; - height: 38px; - width: 50px; - padding: 0; - display: inline-flex; - align-items: center; - justify-content: center; - } #share .icon-wechat, #share .icon-copy-link { - position: relative; - } #share .icon-wechat .wechat-qrcode, #share .icon-copy-link .wechat-qrcode { - position: absolute; - z-index: 2; - bottom: 50px; - right: 0px; - width: max-content; - width: -moz-max-content; - background: var(--color-widgets); - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - text-align: center; - padding: 15px 30px; - transition: visibility 0.25s, opacity 0.25s, transform 0.25s; - transform: translate(0, -10px) perspective(100px) rotateX(3deg); - opacity: 0; - border-radius: 3px; - pointer-events: none; - } #share .icon-wechat:hover .wechat-qrcode, #share .icon-copy-link:hover .wechat-qrcode { - transform: translate(0, 0); - opacity: 1; - } #share .wechat-qrcode:before { - position: absolute; - z-index: 3; - top: calc(100% - 1em - 2px); - right: 35px; - display: block; - width: 16px; - height: 16px; - content: ""; - transform: rotate(-45deg) translateY(1rem); - border-radius: 0.2rem; - background: var(--color-widgets); - } #share .qrcode img { - margin: auto; - } #share .wechat-qrcode h4 { - font-size: 18px; - padding-bottom: 10px; - } #share .wechat-qrcode .help { - color: #000; - padding-top: 20px; - padding-bottom: 5px; - } #share > a { - position: relative; - } #share > a:before, - #share_show:before { - pointer-events: none; - position: absolute; - top: -35px; - right: 0px; - line-height: 25px; - width: max-content; - width: -moz-max-content; - text-align: center; - font-weight: normal; - color: #fff; - background: #32325d; - padding: 3px 10px; - font-size: 14px; - border-radius: 3px; - z-index: 3; - transition: all 0.3s ease; - transform: translateY(5px); - opacity: 0; - } #share > a:hover:before, - #share_show:hover:before { - transform: translateY(0); - opacity: 0.7; - } #share_show:before { - content: attr(tooltip); - top: -40px; - height: max-content; - height: -moz-max-content; - text-transform: none; - } #share .icon-douban:before { - content: attr(tooltip); - } #share .icon-qq:before { - content: attr(tooltip); - } #share .icon-qzone:before { - content: attr(tooltip); - } #share .icon-weibo:before { - content: attr(tooltip); - } #share .icon-facebook:before { - content: attr(tooltip); - } #share .icon-twitter:before { - content: attr(tooltip); - } #share .icon-telegram:before { - content: attr(tooltip); - } #share .icon-copy-link:before { - display: none !important; - } @@ -8630,77 +5659,45 @@ body.noscroll:before { /*Wordpress Adminbar*/ #wpadminbar { - position: fixed !important; - width: max-content !important; - height: max-content !important; - width: -moz-max-content !important; - height: -moz-max-content !important; - min-height: 55px; - max-width: 100vw; - background: var(--themecolor) !important; - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; - border-radius: 0 100px 100px 0; - padding: 10px 20px; - top: calc(50vh - 27.5px) !important; - left: 0 !important; - transform: translateX(calc(-100% + 25px)); - transition: all 0.3s ease; - } #wpadminbar:hover { - transform: none !important; - } #wpadminbar:after { - content: "\f105"; - font: normal normal normal 20px/1 FontAwesome; - position: absolute; - top: 50%; - transform: translateY(calc(-50% - 2px)); - right: 10px; - transition: all 0.3s ease; - color: #fff; - } #wpadminbar:hover:after { - opacity: 0; - } html[class], - html[lang] { - margin-top: 0 !important; - } @@ -8708,631 +5705,386 @@ html[lang] { /*说说*/ .shuoshuo-container { - margin-bottom: 25px; - } .shuoshuo-meta { - text-align: center; - background: var(--color-foreground); - border-radius: 5px 5px 0 0; - width: max-content; - width: -moz-max-content; - padding: 3px 15px; - font-size: 15px; - opacity: 0.95; - } .shuoshuo-meta i.fa { - margin-right: 3px; - } .shuoshuo-date-date, - .shuoshuo-date-month { - font-size: 18px; - } .shuoshuo-main { - border-top-left-radius: 0; - padding: 20px 20px; - } .shuoshuo-title { - font-size: 18px; - color: #555; - font-weight: bold; - margin-bottom: 10px; - width: max-content; - width: -moz-max-content; - max-width: 100%; - } .shuoshuo-content { - padding-bottom: 10px; - } .shuoshuo-content p { - margin-bottom: 0; - line-height: 1.8; - } .shuoshuo-content * { - max-width: 100%; - } .shuoshuo-comments { - font-size: 14px; - opacity: 0.85; - margin-top: 10px; - } .shuoshuo-comments li { - list-style: none; - } .shuoshuo-comment-item-title { - font-weight: bold; - } .shuoshuo-comment-item-title .badge-admin, - .shuoshuo-comment-item-title .badge-private-comment, - .shuoshuo-comment-item-title .badge-unapproved { - transform: translateY(-2px); - padding: 3px 5px; - } .shuoshuo-comments .comment-item-inner { - margin-top: 2px; - padding-bottom: 3px; - border: none !important; - } .shuoshuo-comments ul.children { - padding-inline-start: 20px; - } .shuoshuo-operations { - margin-top: 5px; - margin-left: auto; - width: max-content; - width: -moz-max-content; - } .shuoshuo-operations button { - margin-left: 3px; - } .shuoshuo-operations button.upvoted { - color: #fff; - border-color: var(--themecolor); - background-color: var(--themecolor); - pointer-events: none; - } @keyframes shuoshuo-upvoted-animation { - 0% { - transform: none; - } 50% { - transform: scale(1.35); - } 100% { - transform: none; - } } .shuoshuo-upvoted-animation i.fa { - animation: shuoshuo-upvoted-animation 1s ease; - } .shuoshuo-upvote i.fa-spin { - display: none; - } .shuoshuo-upvote.shuoshuo-upvoting i.fa-spin { - display: inline-block; - } .shuoshuo-upvote.shuoshuo-upvoting { - opacity: 0.8; - pointer-events: none; - } .shuoshuo-preview-container { - margin-bottom: 20px; - padding: 25px 35px; - transition: opacity 0.5s ease; - } .shuoshuo-preview-container:before { - content: ""; - display: block; - position: absolute; - left: -20px; - top: -10px; - width: 40px; - height: 30px; - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTgzNDIzNDcwNTE4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMwOTciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNzc1Ljk5MTUxIDQzNy43MjYzOWM0OC4xMzEyMDctNzQuODg3NTk0IDExNi4yODY0Ny0xMzguMjQ5NjkxIDE4My4wMzg3OC0xODMuNTU2NTczbC03NS4xMzQyMTEtNzkuNDAxMzk4Yy0xNzIuNDgwMzA2IDY3LjY0MDU0LTMzNi43ODMzNzMgMjQyLjYxMTU3My0zMzYuNzgzMzczIDQ0OC40MzkzODJsMS4zMjcyMjggMGMtMC41Njg5NTggNi4yMzE5MzUtMC44NzQ5MjcgMTIuNTQwNjE3LTAuODc0OTI3IDE4LjkyMDkzMiAwIDExMy41ODU5NjUgOTIuMDc3MDkyIDIwNS42NjMwNTYgMjA1LjY2MzA1NiAyMDUuNjYzMDU2IDExMy41ODE4NzEgMCAyMDUuNjYzMDU2LTkyLjA3NzA5MiAyMDUuNjYzMDU2LTIwNS42NjMwNTZDOTU4Ljg5MjE0MyA1MzYuMjM5MDU0IDg3OC44NjAzODkgNDQ5LjA1NTQxMiA3NzUuOTkxNTEgNDM3LjcyNjM5ek00NzIuOTE2ODY2IDI1NC4xNjk4MTdsLTc1LjEzNDIxMS03OS40MDEzOThjLTE3Mi40ODAzMDYgNjcuNjQwNTQtMzM2Ljc4MzM3MyAyNDIuNjExNTczLTMzNi43ODMzNzMgNDQ4LjQzOTM4MmwxLjMyNzIyOCAwYy0wLjU2ODk1OCA2LjIzMTkzNS0wLjg3NDkyNyAxMi41NDA2MTctMC44NzQ5MjcgMTguOTIwOTMyIDAgMTEzLjU4NTk2NSA5Mi4wNzcwOTIgMjA1LjY2MzA1NiAyMDUuNjYzMDU2IDIwNS42NjMwNTZzMjA1LjY2MzA1Ni05Mi4wNzcwOTIgMjA1LjY2MzA1Ni0yMDUuNjYzMDU2YzAtMTA1Ljg5MDcwMi04MC4wMjg2ODUtMTkzLjA3NTM2Ny0xODIuOTAwNjMzLTIwNC40MDMzNjdDMzM4LjAwODI3IDM2Mi44Mzg3OTUgNDA2LjE2MzUzMyAyOTkuNDc2Njk5IDQ3Mi45MTY4NjYgMjU0LjE2OTgxN3oiIHAtaWQ9IjMwOTgiIGZpbGw9IiNmZmZmZmYiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guNzc4MTA2OS4wLmkyIiBjbGFzcz0ic2VsZWN0ZWQiPjwvcGF0aD48L3N2Zz4=); - background-color: var(--themecolor); - background-position: 40% 35%; - border-radius: 20px; - background-size: 32%; - background-repeat: no-repeat; - transition: all 0.3s ease; - } .shuoshuo-preview-container:hover:before { - left: -20px; - top: -10px; - width: 40px; - height: 40px; - background-position: 45% 45%; - border-radius: 20px; - background-size: 40%; - background-repeat: no-repeat; - } .shuoshuo-preview-meta { - font-size: 14px; - opacity: 0.6; - transition: all 0.3s ease; - margin-top: 10px; - } .shuoshuo-preview-container .shuoshuo-preview-meta:hover { - opacity: 0.8; - } .shuoshuo-preview-meta .shuoshuo-date-date, - .shuoshuo-preview-meta .shuoshuo-date-month { - font-size: 14px; - } .shuoshuo-preview-link { - position: absolute; - right: 20px; - bottom: 25px; - opacity: 0; - transition: all 0.3s ease; - } .shuoshuo-preview-container:hover .shuoshuo-preview-link { - opacity: 1; - } .post-list-pjax-loading .shuoshuo-preview-container { - opacity: 0; - pointer-events: none; - } .shuoshuo-content.shuoshuo-folded { - position: relative; - max-height: 400px; - overflow: hidden; - } .shuoshuo-content.shuoshuo-folded:after { - content: ""; - display: block; - position: absolute; - left: 0; - right: 0; - bottom: 0; - height: 150px; - background: linear-gradient(180deg, transparent 0%, var(--color-foreground) 100%); - pointer-events: none; - } .shuoshuo-content.shuoshuo-folded .show-full-shuoshuo { - position: absolute; - bottom: 10px; - right: 50%; - transform: translateX(50%); - color: var(--themecolor); - z-index: 2; - text-align: left; - cursor: pointer; - user-select: none; - opacity: 1; - } .shuoshuo-content.shuoshuo-folded .show-full-shuoshuo > button { - border-radius: var(--card-radius); - padding: 5px 20px; - opacity: 0.8; - } .shuoshuo-content.shuoshuo-folded .show-full-shuoshuo button:hover { - opacity: 1; - } .shuoshuo-content:not(.shuoshuo-folded) .show-full-shuoshuo { - display: none; - } /*归档时间轴*/ .archive-timeline { - padding-top: 10px; - } .archive-timeline-title { - box-shadow: none; - border: none; - background: transparent !important; - font-size: 18px; - padding: 0; - margin-left: 1px; - margin-bottom: 25px; - padding-top: 7px; - } .archive-timeline-year { - font-size: 30px; - color: var(--themecolor); - margin-top: 12px !important; - margin-bottom: 0; - } .archive-timeline-month { - font-size: 24px; - color: var(--themecolor); - opacity: 0.8; - margin-top: 12px !important; - margin-bottom: 0; - font-weight: unset; - } .archive-timeline-year + .archive-timeline-title { - height: 50px; - margin-top: 30px; - } .archive-timeline *:not(.archive-timeline-year) + .archive-timeline-title:before { - width: 12px; - height: 12px; - left: -34px; - top: 18px; - } .archive-timeline-month + .archive-timeline-title { - height: 30px; - } .archive-timeline-month.first-month-of-year + .archive-timeline-title { - margin-top: -10px; - } .archive-timeline-title > a { - width: max-content; - max-width: 100%; - } .argon-timeline-time > a:before, - .archive-timeline-title > a:before { - display: none; - } .argon-timeline-node:first-child > .archive-timeline-year + .archive-timeline-title { - margin-top: 0; - } .archive-timeline h2:before, - .archive-timeline h3:before, - .archive-timeline h2:after, - .archive-timeline h3:after { - display: none !important; - } /*Loading Dot*/ .loading-css-animation { - text-align: center; - } .loading-dot { - display: inline-block; - background: var(--themecolor); - height: 6px; - width: 6px; - opacity: 0; - border-radius: 50%; - transform: translateX(-300px); - animation: loading-animation 4s infinite ease; - } .loading-dot-1 { - animation-delay: 0.8s; - } .loading-dot-2 { - animation-delay: 0.7s; - } .loading-dot-3 { - animation-delay: 0.6s; - } .loading-dot-4 { - animation-delay: 0.5s; - } .loading-dot-5 { - animation-delay: 0.4s; - } .loading-dot-6 { - animation-delay: 0.3s; - } .loading-dot-7 { - animation-delay: 0.2s; - } .loading-dot-8 { - animation-delay: 0.1s; - } @keyframes loading-animation { - 40% { - transform: translateX(0); - opacity: 0.8; - } 100% { - transform: translateX(300px); - opacity: 0; - } } @@ -9340,523 +6092,315 @@ html[lang] { /*Loading Spinner*/ @keyframes spin { - to { - transform: rotate(1turn); - } } .spinner-border { - display: inline-block; - width: 2rem; - height: 2rem; - vertical-align: text-bottom; - border: 0.25em solid currentColor; - border-right-color: transparent; - border-radius: 50%; - animation: spin 0.75s linear infinite; - } .spinner-border-sm { - width: 1rem; - height: 1rem; - border-width: 0.2em; - } /*Loading Spinner Grow*/ @keyframes grow { - 0% { - transform: scale(0); - } 50% { - opacity: 1; - } } .spinner-grow { - display: inline-block; - width: 2rem; - height: 2rem; - vertical-align: text-bottom; - background-color: currentColor; - border-radius: 50%; - opacity: 0; - animation: grow 0.75s linear infinite; - } .spinner-grow-sm { - width: 1rem; - height: 1rem; - } /*Highlight.js*/ article table.hljs-ln > tbody > tr > td, - article table.hljs-ln > tbody > tr > th, - article table.hljs-ln > tfoot > tr > td, - article table.hljs-ln > tfoot > tr > th, - article table.hljs-ln > thead > tr > td, - article table.hljs-ln > thead > tr > th { - padding: unset; - vertical-align: unset; - border: unset !important; - } .hljs { - overflow-x: auto; - } pre.hljs-codeblock { - overflow: visible; - position: relative; - tab-size: 4; - } pre.hljs-codeblock:before { - content: ""; - position: absolute; - background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDU0IDE0Ij48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPjxjaXJjbGUgY3g9IjYiIGN5PSI2IiByPSI2IiBmaWxsPSIjRkY1RjU2IiBzdHJva2U9IiNFMDQ0M0UiIHN0cm9rZS13aWR0aD0iLjUiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjI2IiBjeT0iNiIgcj0iNiIgZmlsbD0iI0ZGQkQyRSIgc3Ryb2tlPSIjREVBMTIzIiBzdHJva2Utd2lkdGg9Ii41Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI0NiIgY3k9IjYiIHI9IjYiIGZpbGw9IiMyN0M5M0YiIHN0cm9rZT0iIzFBQUIyOSIgc3Ryb2tlLXdpZHRoPSIuNSI+PC9jaXJjbGU+PC9nPjwvc3ZnPg==) no-repeat; - background-position-y: center; - top: 22px; - left: 20px; - height: 14px; - width: 54px; - margin-left: 5px; - display: block; - } code[hljs-codeblock-inner] { - line-height: 1.5; - font-size: 16px; - padding: 22px 20px !important; - border-radius: 8px; - box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px; - margin-top: 15px !important; - margin-bottom: 15px !important; - padding-top: 55px !important; - display: block; - } .hljs-ln-numbers { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - text-align: center; - vertical-align: top; - padding-right: 12px !important; - position: absolute; - left: 20px; - width: 30px; - overflow-x: visible !important; - white-space: nowrap; - transition: all 0.3s ease; - } .hljs-ln-numbers:before { - content: ""; - position: absolute; - left: -20px; - width: 20px; - height: 100%; - background: inherit; - } pre.hljs-codeblock.hljs-transparent-linenumber .hljs-ln-numbers { - background: transparent !important; - } .hljs-ln-code { - padding-left: 30px !important; - transition: all 0.3s ease; - } pre.hljs-codeblock.hljs-break-line .hljs-ln-code { - line-break: anywhere; - white-space: break-spaces; - } pre.hljs-codeblock:not(.hljs-break-line) .hljs-ln-code { - white-space: pre; - } code[hljs-codeblock-inner]::-webkit-scrollbar-track { - border: none; - background: transparent !important; - } code[hljs-codeblock-inner]::-webkit-scrollbar-thumb { - background: rgba(255, 255, 255, 0.3) !important; - box-shadow: none !important; - border: none !important; - border-radius: 10px; - transition: background 0.3s ease; - } code[hljs-codeblock-inner]::-webkit-scrollbar-thumb:hover { - background: rgba(255, 255, 255, 0.5) !important; - } code[hljs-codeblock-inner]::-webkit-scrollbar { - background: transparent; - height: 6px; - } code[hljs-codeblock-inner] *::selection { - background-color: rgba(204, 226, 255, 0.2) !important; - } pre.hljs-codeblock.hljs-codeblock-fullscreen { - position: fixed; - left: 0; - right: 0; - top: 0; - bottom: 0; - z-index: 10000; - margin: 0 !important; - animation: codeblock-fullscreen 0.5s cubic-bezier(0.18, 0.89, 0.37, 1.12); - } pre.hljs-codeblock.hljs-codeblock-fullscreen > code[hljs-codeblock-inner] { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - border-radius: 0; - margin: 0 !important; - } pre.hljs-codeblock.hljs-codeblock-fullscreen:before { - z-index: 10001; - } @keyframes codeblock-fullscreen { - 0% { - transform: scale(0.5); - opacity: 1; - } 100% { - transform: none; - opacity: 1; - } } pre.hljs-codeblock.hljs-hide-linenumber .hljs-ln-numbers.hljs { - width: 0px; - opacity: 0; - } pre.hljs-codeblock.hljs-hide-linenumber .hljs-ln-code { - padding-left: 4px !important; - } pre.hljs-codeblock .hljs-control { - display: block; - position: absolute; - top: 16px !important; - right: 20px !important; - user-select: none; - opacity: 0; - transition: all 0.2s ease; - white-space: nowrap; - overflow: visible; - background: transparent; - padding: 0; - margin: 0; - } pre.hljs-codeblock:hover .hljs-control { - opacity: 0.4; - } pre.hljs-codeblock:hover .hljs-control:hover { - opacity: 1; - } pre.hljs-codeblock .hljs-control i.fa { - font: normal normal normal 14px/1 FontAwesome !important; - } .hljs-control .hljs-control-btn { - display: inline-block; - opacity: 0.8; - transition: all 0.2s ease; - cursor: pointer; - margin-left: 15px; - width: 12px; - position: relative; - } .hljs-control .hljs-control-btn:hover { - opacity: 0.5; - } .hljs-control-btn:before { - position: absolute; - top: 22px; - left: -40px; - width: 92px; - text-align: center; - opacity: 0; - pointer-events: none; - transition: all 0.2s ease; - font-size: 12px; - font-family: sans-serif; - } .hljs-control-btn:hover:before { - opacity: 1; - top: 25px; - } .hljs-control-toggle-linenumber:before { - content: attr(tooltip-hide-linenumber); - } pre.hljs-codeblock.hljs-hide-linenumber .hljs-control-toggle-linenumber:before { - content: attr(tooltip-show-linenumber); - } .hljs-control-toggle-break-line:before { - content: attr(tooltip-enable-breakline); - } pre.hljs-codeblock.hljs-break-line .hljs-control-toggle-break-line:before { - content: attr(tooltip-disable-breakline); - } .hljs-control-copy:before { - content: attr(tooltip); - } .hljs-control-fullscreen:before { - content: attr(tooltip-fullscreen); - } pre.hljs-codeblock.hljs-codeblock-fullscreen .hljs-control-fullscreen:before { - content: attr(tooltip-exit-fullscreen); - } pre.hljs-codeblock.hljs-codeblock-fullscreen .hljs-control-fullscreen > i:before { - content: "\f066"; - } @@ -9866,283 +6410,184 @@ pre.hljs-codeblock.hljs-codeblock-fullscreen .hljs-control-fullscreen > i:before html.darkmode body { - color: #eee; - } html.darkmode body:before { - content: ""; - position: fixed; - left: 0; - top: 0; - right: 0; - bottom: 0; - height: 100vh; - width: 100vw; - background: rgba(0, 0, 0, 0.2); - z-index: 999999999; - pointer-events: none; - transition: background 0.3s ease; - } html.darkmode body.fancybox-active:before { - background: rgba(0, 0, 0, 0); - } html.darkmode .h1, - html.darkmode .h2, - html.darkmode .h3, - html.darkmode .h4, - html.darkmode .h5, - html.darkmode .h6, - html.darkmode h1, - html.darkmode h2, - html.darkmode h3, - html.darkmode h4, - html.darkmode h5, - html.darkmode h6 { - color: #eee; - } html.darkmode a { - color: var(--themecolor-light); - } html.darkmode a:hover { - color: var(--themecolor); - } html.darkmode ::-webkit-scrollbar { - background-color: rgba(255, 255, 255, 0); - } html.darkmode ::-webkit-scrollbar-thumb { - background-color: rgba(255, 255, 255, 0.25); - } html.darkmode .leftbar-menu-item > a { - color: #eee !important; - } html.darkmode .site-state-item-count, - html.darkmode .site-author-links-item > a, - html.darkmode .site-friend-links-item > a { - color: #eee !important; - } html.darkmode .site-state-item-name { - color: #aaa; - } html.darkmode .banner { - background-color: var(--color-darkmode-banner); - } html.darkmode .leftbar-banner { - background: var(--color-widgets); - } html.darkmode #footer { - background: var(--color-foreground) !important; - } html.darkmode .close > span:not(.sr-only) { - color: #eee; - } html.darkmode .tag.badge { - color: #eee; - } html.darkmode .dropdown-item:active { - background: var(--color-border-on-foreground-deeper); - } html.darkmode .dropdown-item { - color: #eee !important; - } - - html.darkmode #leftbar_catalog .index-item, - html.darkmode #leftbar_catalog .index-link { - color: #eee; - } html.darkmode #leftbar_catalog .index-item.current > .index-link { - color: var(--themecolor-light); - } - - html.darkmode article .post-content pre:not(.hljs-codeblock) { - color: #eee; - } html.darkmode article .post-content code:not([hljs-codeblock-inner]) { - color: #eee; - } html.darkmode .form-control { - color: #eee; - } html.darkmode input[disabled], - html.darkmode textarea[disabled], - html.darkmode #post_comment.logged #post_comment_name, - html.darkmode #post_comment.logged #post_comment_email { - opacity: 0.3; - } html.darkmode .comment-item-text .comment-image { - color: var(--themecolor-light) !important; - } html.darkmode #blog_setting_darkmode_switch .custom-toggle-slider { - border-color: var(--themecolor); - } html.darkmode #blog_setting_darkmode_switch .custom-toggle-slider:before { - transform: translateX(1.625rem); - background-color: var(--themecolor); - } html.darkmode .badge { - color: #eee; - } html.darkmode .page-link { - color: #eee !important; - } html.darkmode .zoomify-shadow { - background: rgba(0, 0, 0, 0.6); - } html.darkmode #share .wechat-qrcode .help { - color: #eee; - } html.darkmode .github-info-card { - background: #24292e !important; - } html.darkmode .CtxtMenu_Menu { - filter: invert(0.8); - } @@ -10152,23 +6597,16 @@ html.darkmode .CtxtMenu_Menu { html.darkmode.amoled-dark .leftbar-banner { - background: var(--color-foreground); - } html.darkmode.amoled-dark .github-info-card { - background: #000 !important; - border: 1px solid #222; - } html.darkmode.amoled-dark #content:before, - html.darkmode.amoled-dark #content:after { - display: none; } @@ -10185,7 +6623,6 @@ html.darkmode.amoled-dark #content:after { /*==========Style-Mobile==========*/ @media screen and (max-width: 900px) { - /* 移动端隐藏桌面端侧边栏内容，只显示移动端导航 */ .leftbar-desktop-content { display: none !important; @@ -11345,129 +7782,83 @@ html.darkmode.amoled-dark #content:after { } .leftbar-menu-item:hover .leftbar-menu-subitem { - position: static; - width: 100%; - box-shadow: none; - } .leftbar-banner { - padding-top: 40px; - padding-bottom: 40px; - padding-left: 20px; - text-align: left; - border-radius: 0; - } .leftbar-banner-subtitle { - margin-top: 10px; - } #leftbar_announcement { - border-radius: 0; - margin-bottom: 0; - background: linear-gradient(180deg, var(--themecolor-dark), var(--themecolor) 90%); - } html.darkmode #leftbar_announcement { - background: var(--color-border-on-foreground) !important; - } #leftbar_announcement:after { - content: ""; - height: 1px; - background: #fff; - opacity: 0.15; - margin-left: 15px; - margin-right: 15px; - } .leftbar-announcement-body { - opacity: 0.8; - padding-top: 20px; - } #leftbar_announcement ~ #leftbar_part1 .leftbar-banner { - background: var(--themecolor) !important; - padding-top: 25px; - padding-bottom: 25px; - } html.darkmode #leftbar_announcement ~ #leftbar_part1 .leftbar-banner { - background: var(--color-border-on-foreground) !important; - } #primary { - width: 100%; - } #main { - padding: 5px; - } .post-header.post-header-with-thumbnail .post-header-text-container { - padding-bottom: 20px; - } .post-thumbnail { - max-height: 30vh; - } .post-header.post-header-with-thumbnail .post-header-text-container { - padding-bottom: 20px; - } .post-donate img { - max-width: 70vw; - } @@ -11784,67 +8175,45 @@ html.darkmode.amoled-dark #content:after { } @media screen and (max-width: 1000px) { - .navbar-main { - padding-left: 10px; - padding-right: 10px; - } .navbar-main .container { - margin: 0; - max-width: 100vw; - } .navbar-toggler-icon { - width: 20px; - height: 20px; - } } @media screen and (max-width: 900px) { - .navbar-toggler { - outline: none !important; - } .navbar-collapse-header { - border: none !important; - } .navbar-collapse .navbar-collapse-header { - margin-bottom: 0 !important; - } html.darkmode #navbar_global * { - color: #eee; - } html.darkmode #navbar_global .navbar-toggler * { - background: #eee; - } html.darkmode .navbar-collapse .navbar-collapse-header { - /*border-bottom: 1px solid rgba(255,255,255,.1);*/ } @@ -11852,301 +8221,191 @@ html.darkmode.amoled-dark #content:after { /*.navbar-brand.navbar-icon { - display: none; - } .navbar-brand.navbar-icon-mobile { - display: block; - margin-right: 5px; - }*/ .navbar-title { - margin-right: 0; - } #navbar_search_btn_mobile { - display: list-item; - } #navbar_search_container { - display: none; - } #navbar_global.show + #navbar_menu_mask { - display: block; - position: fixed; - left: 0; - top: 0; - height: 100vh; - width: 100vw; - z-index: 1049; - background: transparent; - } .navbar-nav:not(#navbar_search_btn_mobile) > .nav-item i:not(.d-lg-none) { - margin-right: 8px; - text-align: center; - width: 14px; - } .navbar-nav:not(#navbar_search_btn_mobile) > .nav-item i:not(.d-lg-none) { - margin-right: 8px; - text-align: center; - width: 14px; - } .navbar-transparent .navbar-toggler-icon { - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iNi4zIiB5MT0iNCIgeDI9IjI3LjEiIHkyPSI0Ii8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjYuMyIgeTE9IjEyLjUiIHgyPSIyNy4xIiB5Mj0iMTIuNSIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI2LjMiIHkxPSIyMSIgeDI9IjI3LjEiIHkyPSIyMSIvPg0KPC9zdmc+DQo=); - } .navbar-toggler-searcg-icon { - background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Y2lyY2xlIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgY3g9IjE0IiBjeT0iMTEuNiIgcj0iOC44Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyMC43IiB5MT0iMTcuNCIgeDI9IjI3LjMiIHkyPSIyNCIvPjwvZz48L3N2Zz4=) !important; - } } @media screen and (min-width: 900px) and (max-width: 1000px) { - #leftbar_part2.sticky { - transform: translateY(-25px); - } body.leftbar-can-headroom.headroom---unpinned #leftbar_part2.sticky { - transform: translateY(-5px); - } } @media screen and (max-width: 900px) { - /*TimeLine*/ .argon-timeline { - margin-left: 75px; - } } @media screen and (max-width: 450px) { - /*Fab 设置菜单*/ #fabtn_blog_settings_popup { - position: fixed; - left: 0 !important; - right: 0 !important; - bottom: 0 !important; - z-index: 1005; - width: 100vw; - padding: 10px 25px; - opacity: 0; - max-width: unset; - pointer-events: none; - transform: translateY(15px); - transition: all 0.3s ease; - animation: none !important; - border-radius: var(--card-radius) var(--card-radius) 0 0; - } #close_blog_settings { - margin-right: -10px; - } } @media screen and (max-width: 600px) { - /*浮动操作按钮透明*/ #float_action_buttons { - opacity: 0.5; - } #float_action_buttons:hover, #float_action_buttons.blog_settings_opened { - opacity: 1; - } /*文章边界缩小*/ .post-full { - margin-left: -10px; - margin-right: -10px; - } /*显示更少的页码*/ .pagination:not(.pagination-mobile) { - display: none; - } .pagination.pagination-mobile { - display: flex; - } } @media screen and (max-width: 690px) { - /*文章分享的浮动二维码*/ #share .icon-wechat .wechat-qrcode { - position: fixed; - z-index: 2000; - left: 50%; - top: 50%; - bottom: unset; - right: unset; - width: max-content; - width: -moz-max-content; - background: var(--color-foreground); - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - text-align: center; - padding: 15px 30px; - transition: visibility 0.25s, opacity 0.25s, transform 0.25s; - transform: translate(-50%, calc(-50% + 10px)); - opacity: 0; - pointer-events: none; - } #share .icon-wechat:hover .wechat-qrcode { - transform: translate(-50%, -50%); - opacity: 1; - } #share .wechat-qrcode:before { - display: none; - } #share .icon-wechat:before { - content: ""; - display: block; - position: fixed; - left: 0; - top: 0; - right: 0; - bottom: 0; - height: 100%; - width: 100%; - z-index: 1999; - pointer-events: none; - transform: none; - background: rgba(0, 0, 0, 0.6); - opacity: 0; - } #share .icon-wechat:hover:before { - opacity: 1; - } } @@ -12156,7 +8415,6 @@ html.darkmode.amoled-dark #content:after { /*打印样式优化*/ @media print { - #leftbar, #post_comment, @@ -12166,55 +8424,38 @@ html.darkmode.amoled-dark #content:after { #toolbar, #share_container { - display: none !important; - } #primary { - width: 100% !important; - } #content { - max-width: unset !important; - } article { - width: 100% !important; - } article .post-content a { - text-decoration: underline !important; - } article a::after { - content: " (" attr(href) ")"; - } html > body { - background-color: white !important; - } article p { - color: rgba(0, 0, 0, 0.8) !important; - } article { - font: 13pt Georgia, "Nimbus Roman No9 L", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", @@ -12222,7 +8463,6 @@ html.darkmode.amoled-dark #content:after { "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif !important; - } } @@ -12230,15 +8470,11 @@ html.darkmode.amoled-dark #content:after { /*Noscript*/ html.no-js article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"] { - display: none; - } html.no-js .comment-item-text .comment-sticker.lazyload { - display: none; - } @@ -12246,69 +8482,43 @@ html.no-js .comment-item-text .comment-sticker.lazyload { /*Safari 兼容*/ html.using-safari #float_action_buttons .fabtn:before, - html.using-safari #share > a:before, - html.using-safari #share_show:before, - html.using-safari .post-comment-link-container:before, - html.using-safari .post-comment-captcha-container:before, - html.using-safari #post_comment_toggle_extra_input:before, - html.using-safari .comment-post-checkbox:before, - html.using-safari .comment-time-details, - html.using-safari #share .icon-wechat .wechat-qrcode { - -webkit-transform: translate3d(0, 0, 0) !important; - width: unset !important; - white-space: nowrap; - } @media screen and (max-width: 690px) { - html.using-safari #share .icon-wechat .wechat-qrcode { - transform: translate3d(-50%, -50%, 0) !important; - } } html.using-safari .post-donate .donate-btn:hover ~ .donate-qrcode { - transform: translateX(-50%); - opacity: 1; - } html.using-safari #fabtn_blog_settings_popup { - -webkit-transform: translate3d(0, 0, 0) !important; - } html.using-safari #blog_setting_toggle_darkmode_and_amoledarkmode:before, - html.using-safari #blog_setting_card_radius_to_default:before { - transform: translate3d(-50%, 0, 0) !important; - white-space: nowrap; - } html.using-safari .friend-link-description:after { - display: none; - }