@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}:root{box-sizing:border-box;font-family:-apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial}*,::before,::after{box-sizing:inherit;font-family:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{margin:0;padding:0}html{font-size:12px;color:#333;word-break:break-word;text-rendering:optimizeLegibility}body{background-color:var(--jj-body-bg-color)}ul,ol,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}ul,ol{list-style:none}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}html{scroll-padding-top:80px}.main{padding-top:105px;padding-left:calc(100vw - 100%)}.main.no-nav{padding-top:60px}.container{max-width:1140px;margin:0 auto}.main-content{padding-top:20px;display:flex}.main-left{flex-grow:1;min-width:0}.main-right{flex-shrink:0;width:300px;margin-left:20px}@media screen and (max-width: 1000px){.main-right{display:none}}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}html,body{height:100%;background-color:var(--jj-body-bg-color);font-size:14px}a{text-decoration:none}.yublog_user_avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;cursor:pointer}.yublog_user_avatar img{width:100%;height:100%;border-radius:50%}.comment-pagination .page-navigator{padding:10px;list-style:none;display:flex;align-items:center;justify-content:center}.comment-pagination li+li{margin-left:8px}.comment-pagination li.current a{color:var(--jj-comment-pagination-a-hover);background-color:var(--jj-comment-pagination-a-bg-hover)}.comment-pagination a{display:block;width:35px;height:35px;line-height:35px;text-align:center;background-color:var(--jj-comment-pagination-a-bg);font-size:14px;color:var(--jj-comment-pagination-a);text-decoration:none;border-radius:4px;transition:all .3s}.comment-pagination a:hover{color:var(--jj-comment-pagination-a-hover);background-color:var(--jj-comment-pagination-a-bg-hover)}.comment-pagination a:active{opacity:.7}.comment-page{display:flex;justify-content:center}.comment-page a,.comment-page span,.comment-page em{display:block;width:35px !important;height:35px !important;line-height:35px !important;text-align:center;background:var(--jj-comment-pagination-a-bg-hover);font-size:14px;color:#fff;overflow:hidden;padding:0 10px;border-radius:2px;box-sizing:border-box;cursor:pointer;margin:0 4px}.comment-page span{background-color:#3385ff;background-image:linear-gradient(90deg, #006eff, #13adff)}.author_body{display:flex;justify-content:space-between}.article-author-body .date{font-size:18px}.article-author-body .date_desc{font-size:12px;margin-top:2px;color:#8a919f}.yublog_button{margin-left:10px;height:36px;padding:4px 16px;background-color:var(--jj-header-login-btn-bg);border:1px solid var(--jj-header-login-btn-border);border-radius:4px;outline:none;font-size:14px;color:var(--jj-header-login-btn-color);cursor:pointer;transition:background-color .1s linear}.aside_sticky{position:sticky !important;top:80px;z-index:99;width:inherit;transition:top .2s}
/* 亮色主题颜色变量 */
:root {
	/* 基本色 */
	--jj-body-bg-color: #f4f5f5;
	--jj-img-skeleton-bg: #eeeff2;

	/* 文章骨架 */
	--jj-skeleton-bg: #fff;
	--jj-skeleton-line-bg1: #e4e6eb;
	--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);

	/** 滚动条 */
	--jj-scroll-bar-bg1: #e4e6eb;

	/** 顶部导航栏 */
	--jj-header-bg-color: #fff;
	--jj-header-box-shadow: rgba(0, 0, 0, 0.05);
	--jj-header-text-color: #515767;
	--jj-header-text-hover: #252933;
	--jj-header-text-active: #1e80ff;
	--jj-header-nav-border-color: #ebebeb;
	--jj-header-nav-box-shadow: #ebebeb;
	--jj-header-article-btn-bg: #1e80ff;
	--jj-header-article-btn-bg-hover: #1171ee;
	--jj-header-article-btn-color: #fff;
	--jj-header-search-input-border: #c2c8d1;
	--jj-header-search-input-border-active: #1e80ff;
	--jj-header-search-input-color: #8a919f;
	--jj-header-search-placeholder-color: #c0c3cb;
	--jj-header-search-btn-color: #86909c;
	--jj-header-search-btn-color-active: #1e80ff;
	--jj-header-search-btn-bg: #f2f3f5;
	--jj-header-search-btn-bg-active: #eaf2ff;
	--jj-search-history-title-color: #869aab;
	--jj-search-history-clear-color: #1e80ff;
	--jj-search-history-text-color: #5e6369;
	--jj-search-history-item-bg: #eff2f5;
	--jj-header-comment-color: #8a919f;
	--jj-header-comment-color-active: #515767;
	--jj-mobile-search-bg: #fff;
	--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);
	--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);
	--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);
	--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);
	--jj-header-login-btn-color: #007fff;
	--jj-header-menu-text-color: #252933;
	--jj-header-menu-count-title-color: #8a919f;
	--jj-header-menu-item-bg-hover: #f7f8fa;
	--jj-header-menu-item-icon: #8a919f;
	--jj-header-menu-footer-text-color: #8a919f;
	--jj-header-menu-footer-text-color-hover: #1e80ff;

	/* 登录弹窗 */
	--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);
	--jj-login-dialog-content-bg: #fff;
	--jj-login-dialog-close-color: #8a919f;
	--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);
	--jj-login-dialog-title-color: #252933;
	--jj-login-dialog-input-color: #000;
	--jj-login-dialog-input-placeholder-color: #c4c7ce;
	--jj-login-dialog-input-border: #f2f3f5;
	--jj-login-dialog-input-bg: #f2f3f5;
	--jj-login-dialog-input-border-focus: #1e80ff;
	--jj-login-dialog-input-bg-focus: #fff;
	--jj-login-dialog-form-btn-bg: #1e80ff;
	--jj-login-dialog-form-btn-bg-hover: #1171ee;
	--jj-login-dialog-form-btn-color: #fff;
	--jj-login-dialog-body-right-border: #f1f2f5;
	--jj-login-dialog-qrcode-border: #e4e6eb;
	--jj-login-dialog-footer-color: #8a919f;
	--jj-login-dialog-link-color: #1e80ff;
	--jj-login-dialog-link-color-hover: #1171ee;
	--jj-login-dialog-input-checkbox-border: #c4c7ce;
	--jj-login-dialog-input-checkbox-border-active: #1e80ff;
	--jj-login-dialog-input-checkbox-bg-active: #1e80ff;
	--jj-login-dialog-input-checkbox-icon: #fff;
	--jj-login-dialog-input-checkbox-text-active: #1e80ff;

	/* nav */
	--jj-nav-bg-color: #fff;
	--jj-nav-border: #f1f1f1;
	--jj-nav-box-shadow: rgba(0, 0, 0, 0.05);
	--jj-nav-list-item-color: #71777c;
	--jj-nav-list-item-color-active: #007fff;
	--jj-nav-list-secondary-bg: #fff;
	--jj-nav-list-secondary-border: #ebebeb;
	--jj-nav-list-secondary-box-shadow: rgba(0, 0, 0, 0.15);
	--jj-nav-list-secondary-item-color: #71777d;
	--jj-nav-list-secondary-item-color-active: #007fff;
	--jj-nav-list-secondary-item-bg: #f4f5f5;

	/* secondary-nav */
	--jj-secondary-nav-item-bg: #fff;
	--jj-secondary-nav-item-bg-active: #007fff;
	--jj-secondary-nav-item-color: #8a9aa9;
	--jj-secondary-nav-item-color-hover: #007fff;
	--jj-secondary-nav-item-color-active: #fff;
	--jj-secondary-nav-item-box-shadow: rgba(0, 0, 0, 0.05);

	/* article-nav */
	--jj-article-nav-bg: #fff;
	--jj-article-nav-border: #e4e6eb;
	--jj-article-nav-item-color: #515767;
	--jj-article-nav-item-color-hover: #007fff;
	--jj-article-nav-item-color-active: #252933;
	--jj-article-nav-line-bg: #1e80ff;

	/* article-card */
	--jj-article-card-bg: #fff;
	--jj-article-card-bg-hover: #fafafa;
	--jj-article-card-border: #e5e6eb;
	--jj-article-card-head-color: #8a919f;
	--jj-article-card-head-border: #e5e6eb;
	--jj-article-card-user-color: #515767;
	--jj-article-card-category-color-hover: #1e80ff;
	--jj-article-card-title-color: #252933;
	--jj-article-card-sticky-tag-color: #fff;
	--jj-article-card-sticky-tag-bg: #1e80ff;
	--jj-article-card-desc-color: #8a919f;
	--jj-article-card-footer-color: #8a919f;
	--jj-article-card-footer-color-hover: #1e80ff;
	--jj-article-card-tag-color: #8a919f;
	--jj-article-card-tag-color-hover: #1171ee;
	--jj-article-card-tag-bg: #f2f3f5;

	/* article-pagination */
	--jj-article-pagination-bg: #fff;
	--jj-article-pagination-border: #e4e6eb;
	--jj-article-pagination-no-more-color: #8a919f;

	/* pagination-button */
	--jj-pagination-button-item-color: #86909c;
	--jj-pagination-button-item-color-hover: #fff;
	--jj-pagination-button-item-bg: #f2f3f5;
	--jj-pagination-button-item-bg-hover: #1e80ff;

	/* article-empty */
	--jj-article-empty-bg: #fff;
	--jj-article-empty-color: #8a919f;

	/* article-relevant-info */
	--jj-article-relevant-info: #515767;
	--jj-article-relevant-info-a-color1: #515767;
	--jj-article-relevant-info-a-bg1: #f2f3f5;
	--jj-article-relevant-info-a-bg1-hover: #e4e6eb;
	--jj-article-relevant-info-a-color2: #1e80ff;
	--jj-article-relevant-info-a-bg2: #eaf2ff;
	--jj-article-relevant-info-a-bg2-hover: rgba(30, 128, 255, 0.16);

	/* toast */
	--jj-toast-color: #333;
	--jj-toast-bg: #fff;
	--jj-toast-border: #ebebeb;
	--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);
	--jj-toast-color-info: #909399;
	--jj-toast-bg-info: #edf2fc;
	--jj-toast-border-info: #ebeef5;
	--jj-toast-color-success: #67c23a;
	--jj-toast-bg-success: #f0f9eb;
	--jj-toast-border-success: #e1f3d8;
	--jj-toast-color-warning: #e6a23c;
	--jj-toast-bg-warning: #fdf6ec;
	--jj-toast-border-warning: #faecd8;
	--jj-toast-color-error: #f56c6c;
	--jj-toast-bg-error: #fef0f0;
	--jj-toast-border-error: #fde2e2;

	/* recent-comments */
	--jj-recent-comments-bg: #fff;
	--jj-recent-comments-border: #e4e6eb;
	--jj-recent-comments-head-icon-color: #8a919f;
	--jj-recent-comments-title-color: #1d2129;
	--jj-recent-comments-list-placeholder-color: #8a919f;
	--jj-recent-comments-list-item-bg-hover: rgba(216, 216, 216, 0.1);
	--jj-recent-comments-list-item-title-color: #252933;
	--jj-recent-comments-list-item-msg-color: #8a919f;
	--jj-recent-comments-management-btn-color: #1e80ff;
	--jj-recent-comments-management-btn-color-hover: #1171ee;

	/** recommended_article */
	--jj-recommended-article-item-tag-bg: rgba(0, 0, 0, 0.2);
	--jj-recommended-article-item-tag-color: #fff;
	--jj-recommended-article-item-tag-border: #fff;

	/* theme-tool */
	--jj-theme-tool-bg: #fff;
	--jj-theme-tool-item-bg-hover: rgba(216, 216, 216, 0.1);
	--jj-theme-tool-item-img-bg: #f2f3f5;
	--jj-theme-tool-item-title-color: #333;

	/* footer */
	--jj-footer-color: #8a919f;
	--jj-footer-color-hover: #1d7dfa;

	/* fixed-tool */
	--jj-fixed-tool-item-bg: #fff;
	--jj-fixed-tool-item-color: #909090;
	--jj-fixed-tool-item-color-hover: #1e80ff;
	--jj-fixed-tool-item-border: #f1f1f1;
	--jj-fixed-tool-item-box-shadow: rgba(50, 50, 50, 0.04);
	--jj-fixed-tool-item-box-shadow-hover: #ddd;

	/* category-tips */
	--jj-category-tips-color: #71777c;
	--jj-category-tips-strong-color: #007fff;

	/** 404 */
	--jj-error-card-logo-bg: #dde7ff;
	--jj-error-card-title-color: #71777c;
	--jj-error-card-strong-color: #333;
	--jj-juejin-error-bg: #fff;
	--jj-juejin-error-card-btn-color: #1e80ff;

	/* article-content-wrapper */
	--jj-article-content-wrapper-bg: #fff;

	/* article-content */
	--jj-article-content-title: #252933;
	--jj-article-content-author-color: #8a919f;
	--jj-article-content-author-name: #515767;
	--jj-article-content-edit-btn: #1e80ff;

	/* article-author */
	--jj-article-author-bg: #fff;
	--jj-article-author-head-border: #e4e6eb;
	--jj-article-author-name-color: #252933;
	--jj-article-author-group-color: #8a919f;
	--jj-article-author-item-color: #252933;
	--jj-article-author-item-icon: #7bb9ff;
	--jj-article-author-item-icon-bg: #e1efff;

	/* latest-posts */
	--jj-latest-posts-bg: #fff;
	--jj-latest-posts-title: #1d2129;
	--jj-latest-posts-title-border: #e4e6eb;
	--jj-latest-posts-item-title: #252933;
	--jj-latest-posts-item-title-hover: #007fff;
	--jj-latest-posts-item-other: #8a919f;
	--jj-latest-posts-empty: #8a919f;

	/* directory-tree */
	--jj-directory-tree-bg: #fff;
	--jj-directory-tree-title: #1d2129;
	--jj-directory-tree-title-border: #e4e6eb;
	--jj-directory-tree-body-scroll: #e4e6eb;
	--jj-directory-tree-item1: #252933;
	--jj-directory-tree-item2: #515767;
	--jj-directory-tree-item3: #8a919f;
	--jj-directory-tree-item-active: #007fff;
	--jj-directory-tree-list-item-link-bg-hover: #f2f3f5;
	--jj-directory-tree-list-empty: #8a919f;

	/* mobile_directory_tree */
	--jj-mobile-directory-tree-mask-bg: rgba(0, 0, 0, 0.3);
	--jj-mobile-directory-tree-close-icon: #000;
	--jj-mobile-directory-tree-head-border: #e4e6eb;
	--jj-mobile-directory-tree-title: #000;
	--jj-mobile-directory-tree-content-bg: #fff;

	/* comment */
	--jj-comment-bg: #fff;
	--jj-comment-title: #252933;
	--jj-comment-off: #8a919f;

	/* comment-form */
	--jj-comment-form-input: #252933;
	--jj-comment-form-input-placeholder: #8a919f;
	--jj-comment-form-input-border: #f2f3f5;
	--jj-comment-form-input-border-focus: #1e80ff;
	--jj-comment-form-input-border-error: #f64242;
	--jj-comment-form-input-bg: #f2f3f5;
	--jj-comment-form-input-bg-focus: #fff;
	--jj-comment-form-btn: #fff;
	--jj-comment-form-submit-bg: #abcdff;
	--jj-comment-form-submit-bg-success: #1e80ff;
	--jj-comment-form-submit-bg-success-hover: #388eff;
	--jj-comment-form-cancel-bg: #ff5e54;

	/* comments-list */
	--jj-comments-list-title: #252933;
	--jj-comment-list-item-author: #252933;
	--jj-comment-list-item-secondary: #8a919f;
	--jj-comment-list-item-comment: #515767;
	--jj-comment-list-item-check: #f53f3f;
	--jj-comment-list-item-relation: #1e80ff;
	--jj-comment-list-item-relation-hover: #388eff;
	--jj-comment-list-item-reply: #8a919f;
	--jj-comment-list-item-bg: rgba(247, 248, 250, 0.7);

	/** comment-list-empty */
	--jj-comment-list-empty-text-color: #8a919f;

	/* comment-pagination */
	--jj-comment-pagination-a: #8a919f;
	--jj-comment-pagination-a-hover: #fff;
	--jj-comment-pagination-a-bg: #fff;
	--jj-comment-pagination-a-bg-hover: #1e80ff;

	/* copyright */
	--jj-copyright-bg: #f7f8fa;
	--jj-copyright-title: #252933;
	--jj-copyright-desc: #8a919f;
	--jj-copyright-a-hover: #1e80ff;

	/* articles-related */
	--jj-articles-related-bg: #fff;
	--jj-articles-related-title: #252933;
	--jj-articles-related-head-border: #e5e6eb;
	--jj-articles-related-empty: #8a919f;

	/* article-tool */
	--jj-article-tool-item-bg: #fff;
	--jj-article-tool-item-color: #8a919f;
	--jj-article-tool-item-color-hover: #515767;
	--jj-article-tool-item-color-active: #1e80ff;
	--jj-article-tool-item-box-shadow: rgba(0, 0, 0, 0.04);
	--jj-article-tool-item-badge: #fff;
	--jj-article-tool-item-badge-bg: #c2c8d1;
	--jj-article-tool-item-badge-bg-active: #1e80ff;
	--jj-article-tool-dividing-bg: #e4e6eb;
	--jj-article-tool-share-bg: #fff;
	--jj-article-tool-share-box-shadow: rgba(81, 87, 103, 0.16);
	--jj-article-tool-share-item: #515767;
	--jj-article-tool-share-item-bg-hover: #f2f3f5;
	--jj-article-tool-wx-qrcode-bg: #fff;
	--jj-article-tool-wx-qrcode-box-shadow: rgba(81, 87, 103, 0.16);
	--jj-article-tool-wx-qrcode-info: #515767;

	/* emoji */
	--jj-emoji-bg: #fff;
	--jj-emoji-btn: #8a919f;
	--jj-emoji-btn-hover: #1e80ff;
	--jj-emoji-picker-box-shadow: rgba(0, 0, 0, 0.1);
	--jj-emoji-picker-arrow-bg: #fff;
	--jj-emoji-picker-head-border: #e5e6eb;
	--jj-emoji-picker-head-item: #252933;
	--jj-emoji-picker-head-item-bg-hover: #f1f3f6;
	--jj-emoji-picker-head-item-bg-active: #e5e6eb;
	--jj-emoji-picker-body-item-bg: #e3e5e7;

	/* links */
	--jj-links-bg: #fff;
	--jj-links-title: #000;
	--jj-links-edit-btn: #1e80ff;
	--jj-links-item: #333;
	--jj-links-item-bg: #fff;
	--jj-links-item-border: #f1f1f1;
	--jj-links-item-border-hover: #45b4ff;
	--jj-links-blockquote: #515767;
	--jj-links-blockquote-bg: #f7f8fa;

	/* notification */
	--jj-notification-bg: #fff;
	--jj-notification-item-title: #2e3135;
	--jj-notification-list-item-link: #007fff;
	--jj-notification-list-item-msg: #333;
	--jj-notification-list-item-msg-border: #f1f1f2;
	--jj-notification-list-item-msg-bg: #fafbfc;
	--jj-notification-list-item-footer: #8a9aa9;
	--jj-notification-list-item-time: #8a9aa9;

	/* next-article */
	--jj-next-article-bg: #fff;
	--jj-next-article-title: #1d2129;
	--jj-next-article-title-border: #e4e6eb;
	--jj-next-article-link: #515767;
	--jj-next-article-link-hover: #007fff;

	/* docsearch */
	--jj-docsearch-primary-color: #2e89ff;

	/* articles_related */
	--jj-articles-related-list-item-footer: #515767;
	--jj-articles-related-list-item-other-hover: #1171ee;
	--jj-articles-related-list-item-other-border: #e4e6eb;
	--jj-articles-related-list-item-tag-color: #8a919f;
	--jj-articles-related-list-item-tag-color-hover: #1171ee;
	--jj-articles-related-list-item-tag-bg: #f2f3f5;

	/** article_detail_recommended */
	--jj-article-detail-recommended-item-tag-color: #fff;
	--jj-article-detail-recommended-item-tag-border: #fff;
	--jj-article-detail-recommended-item-tag-bg: rgba(0, 0, 0, 0.2);

	/* side links */
	--jj-side-links-color: #606266;
	--jj-side-links-hover-color: #1171ee;
}
/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */

.toastify {
    padding: 12px 20px;
    color: #ffffff;
    display: inline-block;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
    background: linear-gradient(135deg, #73a5ff, #5477f5);
    position: fixed;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none;
    max-width: calc(50% - 20px);
    z-index: 2147483647;
}

.toastify.on {
    opacity: 1;
}

.toast-close {
    background: transparent;
    border: 0;
    color: white;
    cursor: pointer;
    font-family: inherit;
    font-size: 1em;
    opacity: 0.4;
    padding: 0 5px;
}

.toastify-right {
    right: 15px;
}

.toastify-left {
    left: 15px;
}

.toastify-top {
    top: -150px;
}

.toastify-bottom {
    bottom: -150px;
}

.toastify-rounded {
    border-radius: 25px;
}

.toastify-avatar {
    width: 1.5em;
    height: 1.5em;
    margin: -7px 5px;
    border-radius: 2px;
}

.toastify-center {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: fit-content;
    max-width: -moz-fit-content;
}

@media only screen and (max-width: 360px) {
    .toastify-right, .toastify-left {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        max-width: -moz-fit-content;
        max-width: fit-content;
    }
}

@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}.jj-toast{padding:8px 16px;font-size:14px;color:var(--jj-toast-color);background:var(--jj-toast-bg);border:1px solid var(--jj-toast-border);border-radius:4px;box-shadow:0 0 5px var(--jj-toast-box-shadow)}.jj-toast.info{color:var(--jj-toast-color-info);border-color:var(--jj-toast-border-info);background:var(--jj-toast-bg-info)}.jj-toast.success{color:var(--jj-toast-color-success);border-color:var(--jj-toast-border-success);background:var(--jj-toast-bg-success)}.jj-toast.warning{color:var(--jj-toast-color-warning);border-color:var(--jj-toast-border-warning);background:var(--jj-toast-bg-warning)}.jj-toast.error{color:var(--jj-toast-color-error);border-color:var(--jj-toast-border-error);background:var(--jj-toast-bg-error)}@media only screen and (max-width: 360px){.jj-toast{width:fit-width;max-width:300px}}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}@keyframes rote{100%{transform:rotate(360deg)}}.header{position:fixed;top:0;left:0;right:0;z-index:2;background-color:var(--jj-header-bg-color);transition:transform .2s;padding-left:calc(100vw - 100%)}.header.hidden{transform:translate3D(0, -100%, 0)}.header_container{max-width:1440px;margin:0 auto}.header_content{height:60px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;color:var(--yublog_header_text_color)}.header_left{flex-grow:1;min-width:0;height:100%;display:flex;align-items:center}.header_left_logo{height:38px}.header_left_logo_pc{display:block;height:100%;margin-right:12px;pointer-events:none}.header_left_logo_mobile{display:none;height:100%;pointer-events:none}.header_left_nav{height:100%;position:relative}.header_left_nav_mobile_menu_wrap{display:none;height:100%}.header_left_nav_mobile_menu{height:100%;width:65px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--yublog_header_text_active);white-space:nowrap;cursor:pointer}.header_left_nav_mobile_menu .yublog_header_down{margin-left:4px}.header_left_nav_mobile_menu.active .yublog_header_down{transition:all .5s;transform:rotate(180deg)}.header_left_nav .header_nav_list{display:flex;align-items:center;white-space:nowrap}.header_left_nav .header_nav_list_item{position:relative;display:block;height:60px;line-height:60px;padding:0 10px;font-size:14px;color:var(--yublog_header_text_color);text-decoration:none;white-space:nowrap}.header_left_nav .header_nav_list_item::after{content:"";position:absolute;left:10px;bottom:0;right:10px;background-color:var(--yublog_header_text_active)}.header_left_nav .header_nav_list_item.active{color:var(--yublog_header_text_active)}.header_left_nav .header_nav_list_item:hover{color:var(--yublog_header_text_active)}.header_left_nav .header_nav_list_item:hover::after{height:2px}.header_right{display:flex;align-items:center}.header_right .header_search_icon_wrap{display:none}.header_right .header_search_icon_wrap .header_search_icon i{font-size:22px;cursor:pointer}.header_right .header_search_wrap{width:370px;height:100%;display:flex;align-items:center}.header_right .header_search_wrap.open_search .header_article_btn{margin-left:0;width:0;overflow:hidden}.header_right .header_menu_wrap{margin-left:10px;height:100%;position:relative}.header_right .header_menu_wrap .header_avatar{height:100%;width:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.header_right .header_menu_wrap .header_avatar img{width:36px;height:36px;border-radius:50%;overflow:hidden}.header_right .header-menu-body{position:absolute;top:120%;right:0;margin-top:-5px;width:260px;padding:20px;background-color:var(--yublog_header_bg_color);border:1px solid var(--yublog_header_nav_border_color);border-radius:4px;box-shadow:0 8px 24px var(--yublog_header_nav_box_shadow);display:none}.header_right .header-menu-body.visible{display:block}.header_right .header-menu-head{display:flex;align-items:center;margin-bottom:26px}.header_right .header-menu-avatar{flex-shrink:0;width:48px;height:48px;margin-right:12px}.header_right .header-menu-avatar img{width:100%;height:100%;vertical-align:top;border-radius:50%;background-color:var(--jj-img-skeleton-bg)}.header_right .header-menu-username{flex-grow:1;min-width:0;font-size:16px;color:var(--jj-header-menu-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header_right .header-menu-count{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--yublog_header_nav_border_color);margin-bottom:10px}.header_right .header-menu-count-item{width:1px;flex-grow:1;text-align:center}.header_right .header-menu-count-item+.header-menu-count-item{margin-left:10px}.header_right .header-menu-count-item-num{font-size:16px;color:var(--jj-header-menu-text-color);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header_right .header-menu-count-item-title{font-size:12px;color:var(--jj-header-menu-count-title-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header_right .header-menu-list{display:flex;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--yublog_header_nav_border_color)}.header_right .header-menu-list-item{flex-grow:1;width:calc(50% - 10px);height:40px;line-height:40px;text-align:center;font-size:14px;color:var(--jj-header-menu-text-color);text-decoration:none;border-radius:4px}.header_right .header-menu-list-item:nth-child(odd){margin-right:10px}.header_right .header-menu-list-item:nth-child(even){margin-left:10px}.header_right .header-menu-list-item:hover{background-color:var(--jj-header-menu-item-bg-hover)}.header_right .header-menu-list-item:active{opacity:.7}.header_right .header-menu-list-item-icon{font-size:16px;color:var(--jj-header-menu-item-icon);margin-right:4px;line-height:inherit}.header_right .header-menu-footer{margin-top:12px;display:flex;align-items:center;justify-content:space-between}.header_right .header-menu-footer-btn{font-size:12px;color:var(--jj-header-menu-footer-text-color);text-decoration:none}.header_right .header-menu-footer-btn:hover{color:var(--jj-header-menu-footer-text-color-hover)}.header_right .header-menu-footer-btn:active{opacity:.7}.header_right .header-login-btn{margin-left:10px;height:36px;padding:4px 16px;background-color:var(--jj-header-login-btn-bg);border:1px solid var(--jj-header-login-btn-border);border-radius:4px;outline:none;font-size:14px;color:var(--jj-header-login-btn-color);cursor:pointer;transition:background-color .1s linear}.header_right .header-login-btn:hover{background-color:var(--jj-header-login-btn-bg-hover)}.header_right .header-login-btn:active{opacity:.7}.header_search_form{flex-grow:1;min-width:0;display:flex;align-items:center;height:36px;position:relative}.header_search_form .header_search_input{display:block;width:100%;height:100%;border:1px solid var(--yublog_header_search_input_border);border-radius:3px;outline:none;padding:5px 53px 5px 10px;font-size:13px;color:var(--yublog_header_search_input_color);transition:width .2s}.header_search_form .header_search_input:focus{border:1px solid var(--yublog_header_search_input_border_active)}.header_search_form .header_search_input:focus+.header_search_btn{color:var(--yublog_header_search_btn_color_active);background-color:var(--yublog_header_search_btn_bg_active)}.header_search_form .header_search_btn{position:absolute;top:3px;right:3px;width:40px;height:30px;font-size:20px;color:var(--yublog_header_search_btn_color);background-color:var(--yublog_header_search_btn_bg);display:flex;align-items:center;justify-content:center;cursor:pointer}.header_search_form .header_search_btn i{font-size:20px}.header_article_btn{flex-shrink:0;margin-left:20px;width:70px;height:36px;line-height:36px;text-align:center;font-size:14px;text-decoration:none;background-color:var(--yublog_header_article_btn_bg);color:var(--yublog_header_article_btn_color);border-radius:3px;white-space:nowrap;transition:margin .2s,width .2s,background-color .1s linear}.header_article_btn:active{opacity:.7}.search_history{display:none;position:absolute;left:0;top:100%;width:100%;margin-top:1px;background-color:var(--yublog_header_bg_color);border:1px solid var(--yublog_header_nav_border_color);border-radius:4px;overflow:hidden;z-index:99}.search_history.visible{display:block}.search_history .search_history_head{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:12px;line-height:2;color:var(--yublog_search_history_title_color);border-bottom:1px solid var(--yublog_header_nav_border_color)}.search_history .search_history_head .search_history_clear_btn{cursor:pointer;color:var(--yublog_search_history_clear_color)}.search_history .search_history_list{font-size:12px;line-height:2;color:var(--yublog_search_history_text_color);cursor:pointer}.search_history .search_history_list .search_history_list_item{padding:6px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search_history .search_history_list .search_history_list_item:hover{background-color:var(--yublog_search_history_item_bg)}.mobile-search{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;display:none;overflow:hidden}.mobile-search.visible .mobile-search-mask{opacity:1}.mobile-search.visible .mobile-search-content{transform:translate3D(0, 0, 0)}.mobile-search-mask{height:100%;background-color:var(--jj-mobile-search-mask-bg);opacity:0;transition:opacity .2s ease-in-out}.mobile-search-content{position:absolute;top:0;left:0;right:0;height:120px;background-color:var(--jj-mobile-search-bg);transition:transform .15s ease-in-out;transform:translate3D(0, -100%, 0)}.mobile-search-close{position:absolute;top:10px;right:20px;font-size:20px;color:var(--jj-header-search-btn-color);cursor:pointer}.mobile-search-close:active{opacity:.7}.mobile-search-close-icon{font-size:inherit}.mobile-search-body{height:100%;padding:20px;display:flex;align-items:flex-end;justify-content:center}.login-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3;overflow:auto;display:none}.login-dialog.visible{display:block}.login-dialog-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--jj-login-dialog-mask-bg);opacity:0;transition:opacity .2s ease-in-out}.login-dialog-mask.visible{opacity:1}.login-dialog-content-wrap{min-height:100%;padding:120px 0 20px;display:flex;position:relative}.login-dialog-content{width:640px;margin:auto;background-color:var(--jj-login-dialog-content-bg);border-radius:8px;position:relative;opacity:0;transform:translate3D(0, -50%, 0);transform-origin:center bottom;transition:transform .15s,opacity .15s}.login-dialog-content.visible{opacity:1;transform:translate3D(0, 0, 0)}.login-dialog-content.hidden{opacity:0;transform:translate3D(0, 50%, 0)}.login-dialog-close{position:absolute;top:20px;right:27px;font-size:18px;color:var(--jj-login-dialog-close-color);cursor:pointer}.login-dialog-close:active{opacity:.7}.login-dialog-close-icon{font-size:inherit}.login-dialog-head{padding:20px 27px;border-bottom:1px solid var(--jj-login-dialog-head-border)}.login-dialog-title{font-size:20px;font-weight:normal;color:var(--jj-login-dialog-title-color)}.login-dialog-body{display:flex;padding:20px 27px 0}.login-dialog-body-left{flex-grow:1;min-width:0}.login-dialog-body-left-title{font-size:16px;color:var(--jj-login-dialog-title-color);margin-bottom:16px}.login-dialog-input-group input[type=text],.login-dialog-input-group input[type=password]{display:block;width:100%;height:40px;padding:10px;color:var(--jj-login-dialog-input-color);background-color:var(--jj-login-dialog-input-bg);border:1px solid var(--jj-login-dialog-input-border);border-radius:4px;outline:none}.login-dialog-input-group input[type=text]::placeholder,.login-dialog-input-group input[type=password]::placeholder{color:var(--jj-login-dialog-input-placeholder-color)}.login-dialog-input-group input[type=text]:focus,.login-dialog-input-group input[type=password]:focus{background-color:var(--jj-login-dialog-input-bg-focus);border-color:var(--jj-login-dialog-input-border-focus)}.login-dialog-input-group+.login-dialog-input-group{margin-top:20px}.login-dialog-input-group.submit{margin-top:30px}.login-dialog-input-group.remember{margin-top:15px}.login-dialog-input-group.remember{position:relative;display:flex}.login-dialog-input-group.remember .remember-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.login-dialog-input-group.remember input[type=checkbox]{position:absolute;width:0;height:0;margin:0;outline:none;z-index:-1;opacity:0}.login-dialog-input-group.remember input[type=checkbox]:checked+.login-dialog-input-checkbox{border-color:var(--jj-login-dialog-input-checkbox-border-active);background-color:var(--jj-login-dialog-input-checkbox-bg-active)}.login-dialog-input-group.remember input[type=checkbox]:checked+.login-dialog-input-checkbox .login-dialog-input-checkbox-icon{opacity:1;transform:scale(1)}.login-dialog-input-group.remember input[type=checkbox]:checked~.login-dialog-input-checkbox-text{color:var(--jj-login-dialog-input-checkbox-text-active)}.login-dialog-input-group.username:focus-within .greeting{display:block}.login-dialog-input-group.username:focus-within~.normal{display:none}.login-dialog-input-group.password:focus-within .blindfold{display:block}.login-dialog-input-group.password:focus-within~.normal{display:none}.login-dialog-input-checkbox{flex-shrink:0;margin-right:6px;width:16px;height:16px;border:1px solid var(--jj-login-dialog-input-checkbox-border);border-radius:2px;text-align:center;line-height:14px;transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.login-dialog-input-checkbox-icon{display:block;font-size:12px;color:var(--jj-login-dialog-input-checkbox-icon);transform:scale(0);transition:transform .2s ease-in-out}.login-dialog-input-checkbox-text{font-size:13px;color:var(--jj-login-dialog-title-color);line-height:1}.login-dialog-form-btn{display:block;width:100%;height:40px;background-color:var(--jj-login-dialog-form-btn-bg);border:none;border-radius:4px;font-size:14px;color:var(--jj-login-dialog-form-btn-color);cursor:pointer;transition:background-color .1s linear}.login-dialog-form-btn:hover{background-color:var(--jj-login-dialog-form-btn-bg-hover)}.login-dialog-form-btn:active{opacity:.7}.panfish-img{position:absolute;top:0;left:50%;width:120px;display:none}.panfish-img.normal{display:block;transform:translate(-50%, -83%)}.panfish-img.greeting{transform:translate(-50%, -75.8%)}.panfish-img.blindfold{transform:translate(-50%, -75%)}.login-dialog-body-right{flex-shrink:0;width:230px;padding-left:36px;margin-left:36px;border-left:1px solid var(--jj-login-dialog-body-right-border)}.login-dialog-qrcode-title{font-size:16px;color:#252933;margin-bottom:16px}.login-dialog-qrcode{margin-bottom:16px;border:1px solid var(--jj-login-dialog-qrcode-border);border-radius:4px;width:150px;height:150px;padding:5px;overflow:hidden}.login-dialog-qrcode-img{width:100%;height:100%;vertical-align:top}.login-dialog-qrcode-tips{font-size:16px;color:var(--jj-login-dialog-title-color)}.login-dialog-footer{margin-top:40px;padding-bottom:20px;font-size:14px;color:var(--jj-login-dialog-footer-color);text-align:center}.login-dialog-link{text-decoration:none;color:var(--jj-login-dialog-link-color);margin:0 5px}.login-dialog-link:hover{color:var(--jj-login-dialog-link-color-hover)}.login-dialog-link:active{opacity:.7}@media(max-width: 1200px){html{font-size:16px}.header_left_nav_mobile_menu_wrap{display:block}.header_left_nav .header_nav_list{position:absolute;top:80%;left:0;margin-left:-30px;width:140px;padding:8px;display:none;flex-direction:column;background-color:#fff;border:1px solid var(--yublog_header_nav_border_color);border-radius:4px;box-shadow:0 8px 24px var(--yublog_header_nav_box_shadow)}.header_left_nav .header_nav_list.visible{display:flex}.header_left_nav .header_nav_list .header_nav_list_item{height:36px;line-height:36px}}@media(max-width: 992px){html{font-size:14px}.header_left_logo_pc{display:none}.header_left_logo_mobile{display:block}.header_right .header_search_icon_wrap{display:block}.header_right .header_search_wrap{width:auto}.header_right .header_search_wrap .header_search_form{display:none}.login-dialog-content{width:80%}.login-dialog-body-right{display:none}}@media(max-width: 768px){html{font-size:14px}.header_right .header_search_wrap{display:none}}@media(max-width: 750px){html{font-size:14px}}@media(max-width: 400px){html{font-size:14px}}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}.nav{position:fixed;top:60px;left:0;right:0;background-color:var(--jj-nav-bg-color);border-top:1px solid var(--jj-nav-border);box-shadow:0 1px 2px 0 var(--jj-nav-box-shadow);z-index:1;padding-left:calc(100vw - 100%);transition:transform .2s}.nav.sticky{transform:translate3D(0, -60px, 0)}.nav a{text-decoration:none}.nav-container{max-width:1260px;margin:0 auto}.nav-content{height:45px;line-height:45px}.nav-list{height:100%;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden}.nav-list a{text-decoration:none}.nav-list-item{height:100%;padding:0 12px;white-space:nowrap;font-size:14px;color:var(--jj-nav-list-item-color);cursor:pointer;position:relative}.nav-list-item.nav-list-item-parent{padding:0}.nav-list-item:hover,.nav-list-item.active{color:var(--jj-nav-list-item-color-active)}.nav-list-item:not(.nav-list-item-parent):active,.nav-list-item:active .nav-list-item-parent-name{opacity:.7}.nav-list-item-parent-name{display:block;height:100%;padding:0 12px;color:inherit}.nav-list-secondary{position:absolute;width:max-content;max-width:360px;white-space:normal;line-height:normal;padding:14px 14px 2px 14px;background-color:var(--jj-nav-list-secondary-bg);border:1px solid var(--jj-nav-list-secondary-border);border-radius:2px;box-shadow:0 1px 5px 0 var(--jj-nav-list-secondary-box-shadow);display:none;opacity:0;transition:opacity .2s}.nav-list-secondary.visible{opacity:1}.nav-list-secondary-item{margin-right:12px;margin-bottom:12px;display:inline-block;vertical-align:top;height:24px;line-height:24px;padding:0 10px;font-size:13px;color:var(--jj-nav-list-secondary-item-color);background-color:var(--jj-nav-list-secondary-item-bg);border-radius:99999px}.nav-list-secondary-item:hover,.nav-list-secondary-item.active{color:var(--jj-nav-list-secondary-item-color-active)}.nav-list-secondary-item:active{opacity:.7}.nav-secondary-warp{height:0;overflow:hidden}@media screen and (max-width: 480px){.nav-list-item{padding:0 10px}}@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}.article-author{margin-bottom:20px}.article-author-content{background-color:var(--jj-article-author-bg);padding:20px;border-radius:4px}.article-author-head{padding-bottom:16px;border-bottom:1px solid var(--jj-article-author-head-border);margin-bottom:8px;display:flex;align-items:center;text-decoration:none}.article-author-avatar{flex-shrink:0;width:48px;height:48px;margin-right:16px}.article-author-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;vertical-align:top}.article-author-info{flex-grow:1;min-width:0}.article-author-name{font-size:16px;line-height:24px;color:var(--jj-article-author-name-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-author-group{font-size:12px;color:var(--jj-article-author-group-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-author-item{display:flex;align-items:center;font-size:14px;color:var(--jj-article-author-item-color)}.article-author-item+.article-author-item{margin-top:8px}.article-author-item-icon{flex-shrink:0;margin-right:12px;width:25px;height:25px;line-height:25px;text-align:center;background-color:var(--jj-article-author-item-icon-bg);border-radius:50%;font-size:16px;color:var(--jj-article-author-item-icon)}.article-author-item-text{flex-grow:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aside_container{position:relative;margin-bottom:15px;background-color:#fff;border-radius:6px;overflow:hidden;padding:10px}.aside_container:last-child{position:sticky;top:75px;margin-bottom:0;transition:top .35s}.aside_container .sidebar_title{display:flex;align-items:center;position:relative;margin-bottom:14px;font-weight:500;color:#333;padding-bottom:10px;border-bottom:1px solid #ebeef5}.aside_container .sidebar_title i{margin-right:10px;font-size:20px}.aside_container img{width:100%}.aside_list{display:flex;flex-wrap:wrap}.aside_list li{flex-shrink:0;margin:10px}.aside_list li a{font-size:16px;color:var(--jj-side-links-color)}.aside_list li a:hover{color:var(--jj-side-links-hover-color)}.aside_container.article .list .item .type_index{font-weight:800;min-width:18px;line-height:22px;color:#8a919f;font-family:Archivo;text-align:left}.aside_container.article .list .item:nth-child(1) .type_index{background:linear-gradient(180deg, #f64242 20%, rgba(246, 66, 66, 0.4) 80%);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.aside_container.article .list .item:nth-child(2) .type_index{background:linear-gradient(180deg, #ff7426 20%, rgba(255, 116, 38, 0.4) 80%);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.aside_container.article .list .item:nth-child(3) .type_index{background:linear-gradient(180deg, #ffac0c 20%, rgba(255, 172, 12, 0.4) 80%);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.aside_container.article .list .item a{color:var(--jj-side-links-color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px}.aside_container.article .list .item a:hover{color:var(--jj-side-links-hover-color)}.comments_list{position:relative}.comments_list .item{margin-bottom:15px;border-bottom:1px dashed #ebeef5;padding-bottom:15px}.comments_list .item .user{display:flex;margin-bottom:12px}.comments_list .item .user .avatar{width:40px;height:40px;min-width:40px;min-height:40px;margin-right:12px;border-radius:50%;border:1px solid #dcdfe6;padding:3px}.comments_list .item .user .info{display:flex;flex-direction:column;justify-content:space-between}.comments_list .item .user .info .author{font-weight:600;color:#303133}.comments_list .item .user .info .date{font-size:12px;color:#909399}.comments_list .item .reply{position:relative;padding:5px 10px;background:#f2f6fc;border-radius:6px}.comments_list .item .reply::before{content:"";width:0;height:0;border-bottom:6px solid #f2f6fc;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);position:absolute;left:15px;bottom:100%}.comments_list .item .reply .link{display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;color:#909399;font-size:13px;font-weight:500;line-height:24px;transition:all .35s;max-height:48px}.aside_container .calendar table{width:100%;margin:auto;text-align:center;border-collapse:collapse}.aside_container .calendar th,.aside_container .calendar td{border:2px solid #ecf5ff;height:35px;color:#6c757d;padding:2px}.aside_container .calendar .today{color:var(--jj-side-links-color);font-weight:900}.aside_container.sort .category_list{display:flex;flex-wrap:wrap}.aside_container.sort .category_list li{flex-shrink:0;width:33.3333333333%;margin:5px 0}.aside_container.record .record_list{flex-wrap:wrap}.aside_container.record .record_list li{flex-shrink:0;width:50%;margin:5px 0}.aside_twiter .twiter_content{font-size:14px;color:#909399;margin-left:35px}.sidebar_title.day{position:relative;padding-left:10px}.sidebar_title.day::after{position:absolute;left:0;content:"";width:3px;height:60%;background-color:var(--jj-side-links-color)}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}.article-nav{background-color:var(--jj-article-nav-bg);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:1px solid var(--jj-article-nav-border)}.article-nav-content{display:flex;position:relative}.article-nav-item{height:48px;line-height:48px;padding:0 20px;font-size:16px;color:var(--jj-article-nav-item-color);text-decoration:none}.article-nav-item:hover{color:var(--jj-article-nav-item-color-hover)}.article-nav-item:active{opacity:.7}.article-nav-item.active{color:var(--jj-article-nav-item-color-active)}.article-nav-line{position:absolute;left:0;bottom:0;width:16px;height:3px;background-color:var(--jj-article-nav-line-bg);border-radius:9999px;transition-duration:.3s;opacity:0}.article-nav-line.show{opacity:1}@media screen and (max-width: 640px){.article-nav-item{padding:0 12px}}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}.article-card-wrap.hidden{display:none}.article-card{padding:12px 20px;background-color:var(--jj-article-card-bg);position:relative;cursor:pointer}.article-card+.article-card::before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;margin-top:-0.5px;background-color:var(--jj-article-card-border)}.article-card:hover{background-color:var(--jj-article-card-bg-hover)}.article-card-hidden-a{display:none}.article-card-head{height:22px;line-height:22px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--jj-article-card-head-color)}.article-card-user,.article-card-time{flex-shrink:0}.article-card-user{color:var(--jj-article-card-user-color)}.article-card-time{position:relative;padding:0 12px;margin:0 12px}.article-card-time::before,.article-card-time::after{content:"";position:absolute;top:50%;width:1px;height:12px;background-color:var(--jj-article-card-head-border);transform:translateY(-50%)}.article-card-time::before{left:0}.article-card-time::after{right:0}.article-card-category a{text-decoration:none;color:inherit}.article-card-category a+a{margin-left:10px}.article-card-category a:hover{color:var(--jj-article-card-category-color-hover)}.article-card-category a:active{opacity:.7}.article-card-category-separator{margin:0 8px}.article-card-body{display:flex;align-items:center;margin-top:10px}.article-card-main{flex-grow:1;min-width:0}.article-card-title{margin-bottom:8px;font-size:16px;line-height:24px;font-weight:bold;color:var(--jj-article-card-title-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-card-sticky-tag{vertical-align:top;font-size:12px;font-weight:normal;margin-right:6px;color:var(--jj-article-card-sticky-tag-color);padding:2px 4px;background-color:var(--jj-article-card-sticky-tag-bg);border-radius:4px}.article-card-desc{margin-bottom:8px;font-size:13px;line-height:22px;color:var(--jj-article-card-desc-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-card-footer{font-size:13px;line-height:20px;color:var(--jj-article-card-footer-color);display:flex}.article-card-footer-left{flex-grow:1;min-width:0}.article-card-footer-item{color:inherit;text-decoration:none}.article-card-footer-item+.article-card-footer-item{margin-left:20px}a.article-card-footer-item:hover{color:var(--jj-article-card-footer-color-hover)}a.article-card-footer-item:active{opacity:.7}.article-card-footer-item-icon{font-size:inherit;line-height:inherit}.article-card-footer-right{flex-shrink:0}.article-card-tag{display:inline-block;vertical-align:top;height:18px;line-height:18px;padding:0 6px;background-color:var(--jj-article-card-tag-bg);border-radius:2px;font-size:12px;color:var(--jj-article-card-tag-color);white-space:nowrap;text-decoration:none}.article-card-tag+.article-card-tag{margin-left:6px}.article-card-tag:hover{color:var(--jj-article-card-tag-color-hover)}.article-card-thumb{flex-shrink:0;margin-left:24px;width:120px;height:80px;overflow:hidden}.article-card-thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}@media screen and (max-width: 640px){.article-nav{display:none}.article-card{padding:12px}.article-card+.article-card{margin-top:10px}.article-card+.article-card::before{display:none}.article-card-thumb{width:80px;height:54px;margin-left:12px}}@media screen and (max-width: 600px){.article-card-footer-right{display:none}}@media screen and (max-width: 480px){.article-card{padding:12px 10px}}@media screen and (max-width: 420px){.article-card+.article-card{margin-top:8px}}@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}.article-pagination{padding:20px;background:var(--jj-article-pagination-bg);border-top:1px solid var(--jj-article-pagination-border);border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-bottom:20px}.article-pagination.hidden{display:none}.article-pagination.no-more .article-pagination-content>a{display:none}.article-pagination.no-more .article-pagination-loading{display:none}.article-pagination.no-more .article-pagination-no-more{display:inline}.article-pagination-content{text-align:center}.article-pagination-content>a{display:none}.article-pagination-loading{height:20px;vertical-align:top}.article-pagination-no-more{display:none;font-size:14px;color:var(--jj-article-pagination-no-more-color)}.article-empty{background-color:var(--jj-article-empty-bg)}.article-empty+.article-pagination{display:none}.article-empty-content{display:flex;align-items:center;justify-content:center;height:120px;font-size:14px;color:var(--jj-article-empty-color)}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}.article-skeleton{background-color:var(--jj-skeleton-bg);padding:20px}.article-skeleton.hidden{display:none}.article-skeleton-line{height:14px;background-image:linear-gradient(90deg, var(--jj-skeleton-line-bg1), var(--jj-skeleton-line-bg2), var(--jj-skeleton-line-bg1));background-size:480px 480px;animation:article-skeleton-animation .6s linear infinite}.article-skeleton-line+.article-skeleton-line{margin-top:16px}.article-skeleton-line:nth-child(1){margin-top:8px;width:40%}.article-skeleton-line:nth-child(3){width:80%}.article-skeleton-line:nth-child(4){width:60%}@media screen and (max-width: 480px){.article-skeleton{padding:12px 10px}}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}.header{box-shadow:0 1px 2px 0 var(--jj-header-box-shadow)}.article-content-wrapper{background-color:var(--jj-article-content-wrapper-bg);padding:32px;border-radius:4px;margin-bottom:20px}.post-right-sticky{position:sticky;top:20px;width:inherit;transition:top .2s}.post-right-sticky.heighten{top:80px}@media screen and (max-width: 600px){.article-content-wrapper{padding:24px 12px}}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}.article-tool{position:fixed;top:140px;margin-left:-84px;z-index:2}.article-tool-item{display:block;width:48px;height:48px;line-height:48px;text-align:center;background-color:var(--jj-article-tool-item-bg);border-radius:50%;box-shadow:0 2px 4px 0 var(--jj-article-tool-item-box-shadow);font-size:20px;color:var(--jj-article-tool-item-color);text-decoration:none;transition:color .15s linear;cursor:pointer}.article-tool-item+.article-tool-item{margin-top:20px}.article-tool-item:hover{color:var(--jj-article-tool-item-color-hover)}.article-tool-item.active{color:var(--jj-article-tool-item-color-active)}.article-tool-item.badge{position:relative}.article-tool-item.badge::after{content:attr(badge);position:absolute;top:0;left:75%;min-width:17px;height:17px;line-height:17px;padding:0 5px;font-size:12px;color:var(--jj-article-tool-item-badge);background-color:var(--jj-article-tool-item-badge-bg);border-radius:9999px;white-space:nowrap;transition:all .15s linear}.article-tool-item.badge:active{opacity:.7}.article-tool-item.badge.active::after{background-color:var(--jj-article-tool-item-badge-bg-active)}.article-tool-item-icon{font-size:inherit;line-height:inherit}.article-tool-dividing{width:32px;height:1px;background-color:var(--jj-article-tool-dividing-bg);margin:20px auto}.article-tool-item.share{position:relative}.article-tool-item.share:hover .article-tool-share{display:block}.article-tool-share{display:none;position:absolute;top:0;left:100%;width:114px;margin-left:17px;padding:9px 0;background-color:var(--jj-article-tool-share-bg);border-radius:4px;box-shadow:0 8px 24px var(--jj-article-tool-share-box-shadow)}.article-tool-share::before{content:"";position:absolute;top:12px;left:0;margin-left:-24px;border:12px solid rgba(0,0,0,0);border-right-color:var(--jj-article-tool-share-bg)}.article-tool-share-item{display:flex;align-items:center;padding:0 15px;height:44px;font-size:14px;color:var(--jj-article-tool-share-item);text-decoration:none}.article-tool-share-item:hover{background-color:var(--jj-article-tool-share-item-bg-hover)}.article-tool-share-item-icon{flex-shrink:0;font-size:inherit;line-height:inherit;margin-right:8px}.article-tool-share-item-title{flex-grow:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-tool-share-item.wx{position:relative}.article-tool-share-item.wx:hover .article-tool-wx-qrcode{display:block}.article-tool-wx-qrcode{display:none;position:absolute;top:0;left:100%;margin-left:8px;width:120px;background-color:var(--jj-article-tool-wx-qrcode-bg);border-radius:4px;padding:20px 0;box-shadow:0 8px 24px var(--jj-article-tool-wx-qrcode-box-shadow)}.article-tool-wx-qrcode-img{display:block;width:80px;height:80px;margin:0 auto;margin-bottom:12px}.article-tool-wx-qrcode-info{font-size:14px;line-height:22px;color:var(--jj-article-tool-wx-qrcode-info)}.immersion-mode-btn:active{opacity:.7}@media screen and (max-width: 1000px){.article-tool{display:none}}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}pre{padding:0 !important}.article-content-card-head{margin-bottom:20px}.article-content-title{font-size:32px;line-height:1.3;color:var(--jj-article-content-title);margin-bottom:20px}.article-content-author{margin-bottom:8px;font-size:14px;line-height:1.57;color:var(--jj-article-content-author-color)}.article-content-author-name{margin-right:16px;color:var(--jj-article-content-author-name);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-content-time,.article-content-views,.article-content-reading-time{margin-right:16px}.article-content-views-icon,.article-content-reading-time-icon{margin-right:3px}.article-content-edit-btn{color:var(--jj-article-content-edit-btn);text-decoration:none}.article-content-edit-btn:hover{text-decoration:underline}.article-content-edit-btn:active{opacity:.7}.article-content-title-img{width:100%;vertical-align:top}.respond-visible a{margin-left:5px;margin-right:5px}@media screen and (max-width: 640px){.article-content-title{font-size:24px}}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}.markdown-body img{cursor:zoom-in}.jj-light-box{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;cursor:zoom-out;display:none}.jj-light-box.visible{display:block}.jj-light-box-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);opacity:0;transition:opacity .3s}.jj-light-box-mask.visible{opacity:1}.jj-light-box img{position:absolute;transition:transform .3s cubic-bezier(0.2, 0, 0.2, 1) !important;cursor:zoom-out;z-index:1;will-change:transform}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}.article-relevant-info{margin-top:16px}.article-relevant-info-item{margin-right:20px;font-size:14px;line-height:32px}.article-relevant-info-item-name{color:var(--jj-article-relevant-info);margin-right:8px;white-space:nowrap}.article-relevant-info-item-list a{display:inline-block;padding:0 12px;border-radius:4px;color:inherit;text-decoration:none;margin-right:12px;margin-bottom:12px;transition:color .3s,background-color .3s}.article-relevant-info-item-list a:active{opacity:.7}.article-relevant-info-item-list.category a{color:var(--jj-article-relevant-info-a-color1);background-color:var(--jj-article-relevant-info-a-bg1)}.article-relevant-info-item-list.category a:hover{background-color:var(--jj-article-relevant-info-a-bg1-hover)}.article-relevant-info-item-list.tag a{color:var(--jj-article-relevant-info-a-color2);background-color:var(--jj-article-relevant-info-a-bg2)}.article-relevant-info-item-list.tag a:hover{background-color:var(--jj-article-relevant-info-a-bg2-hover)}@media screen and (max-width: 600px){.article-relevant-info-item{display:block}}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}.copyright{margin-top:20px;margin-bottom:8px}.copyright-content{padding:16px;background-color:var(--jj-copyright-bg);border-radius:4px;position:relative}.copyright-content::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/9f971df663e70b60a04a.png);background-repeat:no-repeat;background-position:right -15px top -15px;background-size:contain;opacity:.1;pointer-events:none}.copyright-title{font-size:16px;line-height:22px;color:var(--jj-copyright-title);margin-bottom:12px}.copyright-desc{font-size:14px;line-height:22px;color:var(--jj-copyright-desc)}.copyright-desc a{color:inherit;text-decoration:none}.copyright-desc a:hover{color:var(--jj-copyright-a-hover)}.copyright-desc a:active{opacity:.7}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}.comment{margin-bottom:20px}.comment-content{padding:24px 32px;background-color:var(--jj-comment-bg);border-radius:4px}.comment-title{margin-bottom:24px;font-size:18px;line-height:30px;font-weight:bold;color:var(--jj-comment-title)}.comment-off{padding:16px 0;font-size:16px;text-align:center;color:var(--jj-comment-off)}@media screen and (max-width: 600px){.comment-content{padding:24px}}@media screen and (max-width: 480px){.comment-content{padding:12px}}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}.comment-list-wrapper{padding:40px 0 16px}.comments-list-title{font-size:18px;line-height:30px;font-weight:bold;color:var(--jj-comments-list-title);margin-bottom:8px}.comment-list{list-style:none}.comment-list-item{padding:16px 0}.comment-list-media-wrapper>.comment-form-wrap{margin-top:12px}.comment-list-media-wrapper>.comment-form-wrap .comment-form-avatar{display:none}.comment-list-media-wrapper>.comment-form-wrap .comment-form-content{padding-left:56px}.comment-list-media{display:flex;align-items:flex-start}.comment-list-media-avatar{flex-shrink:0;width:40px;height:40px;margin-right:16px}.comment-list-media-avatar img{width:100%;height:100%;border-radius:50%;vertical-align:top}.comment-list-media-content{flex-grow:1;min-width:0}.comment-list-media-head{display:flex;align-items:center;margin-bottom:8px}.comment-list-media-head-left{flex-grow:1;min-width:0;display:flex;align-items:center}.comment-list-item-author{font-size:15px;font-weight:normal;line-height:26px;color:var(--jj-comment-list-item-author);margin-right:8px;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-list-item-author a{color:inherit;text-decoration:none}.comment-list-item-browser,.comment-list-item-system{font-size:12px;line-height:1;color:var(--jj-comment-list-item-secondary)}.comment-list-item-browser+.comment-list-item-system{margin-left:4px}.comment-list-media-head-right{margin-left:20px;flex-shrink:0;font-size:14px;line-height:22px;color:var(--jj-comment-list-item-secondary)}.comment-list-item-comment{margin-bottom:8px;font-size:14px;line-height:24px;color:var(--jj-comment-list-item-comment);word-wrap:break-word}.comment-list-item-comment img{width:auto;height:20px;vertical-align:sub;margin:0 2px;position:relative;top:1px}.comment-list-item-comment img.big-emoji-img{width:50px;height:50px}.comment-list-item-check{margin-top:5px;font-size:12px;line-height:1;color:var(--jj-comment-list-item-check)}.comment-list-item-relation{display:inline;color:var(--jj-comment-list-item-relation);text-decoration:none;margin-right:4px}.comment-list-item-relation:hover{color:var(--jj-comment-list-item-relation-hover)}.comment-list-item-relation:active{opacity:.7}.comment-list-item-reply{font-size:14px;line-height:22px;color:var(--jj-comment-list-item-reply)}.comment-list-item-reply a{color:inherit;text-decoration:none}.comment-list-item-reply-icon{font-size:inherit;line-height:inherit;margin-right:4px}.comment-children .comment-list-item{padding:16px;background-color:var(--jj-comment-list-item-bg);margin-left:56px;border-radius:4px}.comment-form-cancel.hidden{display:none}.comment-pagination .page-navigator{padding:10px;list-style:none;display:flex;align-items:center;justify-content:center}.comment-pagination li+li{margin-left:8px}.comment-pagination li.current a{color:var(--jj-comment-pagination-a-hover);background-color:var(--jj-comment-pagination-a-bg-hover)}.comment-pagination a{display:block;width:35px;height:35px;line-height:35px;text-align:center;background-color:var(--jj-comment-pagination-a-bg);font-size:14px;color:var(--jj-comment-pagination-a);text-decoration:none;border-radius:4px;transition:all .3s}.comment-pagination a:hover{color:var(--jj-comment-pagination-a-hover);background-color:var(--jj-comment-pagination-a-bg-hover)}.comment-pagination a:active{opacity:.7}.comment-list-empty{margin-top:32px;text-align:center;padding-bottom:40px}.comment-list-empty-img{width:180px;height:180px;vertical-align:top}.comment-list-empty-text{margin-top:8px;font-size:16px;line-height:1.75;color:var(--jj-comment-list-empty-text-color)}@media screen and (max-width: 480px){.comment-list-item{padding:12px 0}.comment-list-media-avatar{width:30px;height:30px;margin-right:8px}.comment-children .comment-list-item{padding:5px;margin-left:38px}.comment-list-item-browser,.comment-list-item-system{display:none}.comment-list-media-wrapper>.comment-form-wrap{margin-top:10px}.comment-list-media-wrapper>.comment-form-wrap .comment-form-content{padding-left:38px}.comment-pagination .page-navigator a{width:30px;height:30px;line-height:30px}.comment-list-empty{margin-top:25px;padding-bottom:30px}}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}.comment-form-body{display:flex;align-items:flex-start}.comment-form-avatar{flex-shrink:0;width:40px;height:40px;margin-right:16px}.comment-form-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;vertical-align:top}.comment-form-content{flex-grow:1;min-width:0}.comment-form-input-group{display:flex;align-items:center;margin-bottom:12px}.comment-form-input{padding:8px 12px;font-size:14px;color:var(--jj-comment-form-input);background-color:var(--jj-comment-form-input-bg);border:1px solid var(--jj-comment-form-input-border);border-radius:4px;outline:none;transition:all .3s}.comment-form-input::placeholder{color:var(--jj-comment-form-input-placeholder)}.comment-form-input:focus{border-color:var(--jj-comment-form-input-border-focus);background-color:var(--jj-comment-form-input-bg-focus)}.comment-form-input{width:1px;flex-grow:1;line-height:1;height:36px}.comment-form-input+.comment-form-input{margin-left:8px}.comment-form-combination{position:relative;background-color:var(--jj-comment-form-input-bg);border:1px solid var(--jj-comment-form-input-border);border-radius:4px;padding:8px 12px 44px;transition:all .3s}.comment-form-combination:hover{background-color:#e4e6eb}.comment-form-combination.focused{border-color:var(--jj-comment-form-input-border-focus);background-color:var(--jj-comment-form-input-bg-focus)}.comment-form-combination.focused .comment-form-textarea{min-height:106px;max-height:300px}.comment-form-textarea{display:block;width:100%;font-size:14px;color:var(--jj-comment-form-input);min-height:44px;outline:none;border:none;background-color:rgba(0,0,0,0);resize:none;transition:all .3s}.comment-form-textarea::placeholder{color:var(--jj-comment-form-input-placeholder)}.comment-form-footer{position:absolute;left:12px;right:12px;bottom:6px;display:flex;align-items:center;justify-content:space-between}.comment-form-btn{height:32px;padding:0 16px;font-size:14px;color:var(--jj-comment-form-btn);border:none;border-radius:4px;outline:none;cursor:pointer}.comment-form-submit{background-color:var(--jj-comment-form-submit-bg)}.comment-form-cancel{background-color:var(--jj-comment-form-cancel-bg)}.comment-form input[required]:not(:placeholder-shown),.comment-form textarea[required]:not(:placeholder-shown){border-color:var(--jj-comment-form-input-border-error)}.comment-form input[required]:valid,.comment-form textarea[required]:valid{border-color:var(--jj-comment-form-input-border-focus)}.comment-form:valid .comment-form-submit{background-color:var(--jj-comment-form-submit-bg-success)}.comment-form:valid .comment-form-submit:hover{background-color:var(--jj-comment-form-submit-bg-success-hover)}.comment-form:valid .comment-form-submit:active{opacity:.7}@media screen and (max-width: 600px){.comment-form-avatar{display:none}}@media screen and (max-width: 480px){.comment-form-input-group{flex-wrap:wrap}.comment-form-input{width:100%}.comment-form-input+.comment-form-input{margin-left:0;margin-top:12px}.comment-form-btn{height:30px;padding:0 12px}}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}.directory-tree{margin-bottom:20px}.directory-tree-content{background-color:var(--jj-directory-tree-bg);border-radius:4px;overflow:hidden;padding-bottom:12px}.directory-tree-head{padding:0 20px;margin-bottom:8px}.directory-tree-title{padding:16px 0;font-size:16px;font-weight:none;line-height:24px;color:var(--jj-directory-tree-title);border-bottom:1px solid var(--jj-directory-tree-title-border)}.directory-tree-body{min-height:38px;max-height:calc(100vh - 234px);overflow:auto;margin-right:4px;position:relative}.directory-tree-body::-webkit-scrollbar{width:6px;height:6px}.directory-tree-body::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--jj-directory-tree-body-scroll)}@supports(scrollbar-width: thin){.directory-tree-body{scrollbar-color:var(--jj-directory-tree-body-scroll) rgba(0,0,0,0)}.directory-tree-body .directory-tree-list-item-container{padding-right:16px}}.directory-tree-list{padding:0;margin:0;list-style:none}.directory-tree-list-item{font-size:14px;line-height:22px;color:var(--jj-directory-tree-item1)}.directory-tree-list-item.depth-1{color:var(--jj-directory-tree-item1)}.directory-tree-list-item.depth-2{color:var(--jj-directory-tree-item2)}.directory-tree-list-item.depth-2>.directory-tree-list-item-link-wrapper{padding-left:26px}.directory-tree-list-item.depth-2>.directory-tree-list-item-link-wrapper .directory-tree-list-item-link{padding-top:2px;padding-bottom:2px}.directory-tree-list-item.depth-3{color:var(--jj-directory-tree-item3)}.directory-tree-list-item.depth-3>.directory-tree-list-item-link-wrapper{padding-left:41px}.directory-tree-list-item.depth-3>.directory-tree-list-item-link-wrapper .directory-tree-list-item-link{padding-top:2px;padding-bottom:2px}.directory-tree-list-item.active>.directory-tree-list-item-link-wrapper{color:var(--jj-directory-tree-item-active)}.directory-tree-list-item.active>.directory-tree-list-item-link-wrapper::before{content:"";position:absolute;top:50%;left:0;margin-top:-8px;width:4px;height:16px;background-color:var(--jj-directory-tree-item-active);border-radius:0 4px 4px 0}.directory-tree-list-item-link-wrapper{padding-left:11px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative;cursor:pointer}.directory-tree-list-item-link-wrapper:hover>.directory-tree-list-item-link{background-color:var(--jj-directory-tree-list-item-link-bg-hover)}.directory-tree-list-item-link{display:block;text-decoration:none;color:inherit;padding:4px 8px;border-radius:4px;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-tree-list-empty{padding:10px 20px;text-align:center;font-size:14px;color:var(--jj-directory-tree-list-empty)}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}.header{box-shadow:0 1px 2px 0 var(--jj-header-box-shadow)}.links-page-wrapper{margin-bottom:20px}.links-page-content{padding:32px;background-color:var(--jj-links-bg);border-radius:4px}.links-page-head{margin-top:40px;margin-bottom:50px}.links-page-title{font-size:32px;font-weight:normal;text-align:center;color:var(--jj-links-title)}.links-edit-btn{font-size:12px;color:var(--jj-links-edit-btn);text-decoration:none;margin-left:8px;vertical-align:super}.links-edit-btn:hover{text-decoration:underline}.links-edit-btn:active{opacity:.7}.links-page-body ul,.links-page-body ol{text-align:center}.links-page-body ul li,.links-page-body ol li{display:inline-block;margin:0 8px 16px 8px;width:180px;height:84px;background-color:var(--jj-links-item-bg);box-shadow:inset 0 0 0 1px var(--jj-links-item-border);overflow:hidden;padding:15px;position:relative}.links-page-body ul li img,.links-page-body ol li img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;vertical-align:top}.links-page-body ul li a,.links-page-body ol li a{position:absolute;top:5px;left:5px;right:5px;bottom:5px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1.5;text-decoration:none;color:var(--jj-links-item);background-color:var(--jj-links-bg);opacity:0;transition:opacity .2s}.links-page-body ul li:hover,.links-page-body ol li:hover{box-shadow:inset 0 0 0 2px var(--jj-links-item-border-hover)}.links-page-body ul li:hover img,.links-page-body ol li:hover img{display:none}.links-page-body ul li:hover a,.links-page-body ol li:hover a{opacity:1}.links-page-body ul li:active,.links-page-body ol li:active{opacity:.7}.links-page-body blockquote{margin:60px 0 16px;padding:15px;background-color:var(--jj-links-blockquote-bg);border-radius:4px;font-size:14px;line-height:28px;color:var(--jj-links-blockquote);position:relative}.links-page-body blockquote::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAABfVBMVEUAAAARce4Rce6rzf+rzf8Sce2rzv8RcO4Rce4QcO8Rce6rzv+rzf+szf+szv8Rce4Rce4Rce4Rce4RcO4Scu2rzf8Tcu4Rce4Rcu6qzP+ry/8Sfe+rzf8Rce4RcO4Rce4Rce4RcO6rzf8Scu0QcO8Rce4of/EQce+rzv8Scu0Qce+szv8eefCrzv+rzf8Rce6rzv8ScO0Wbemq0f+myv8Rce4Scu+szf8Rce5ko/irzv+rzf+rzv+qzf+szf8Qce8RcO6szP8Sce2qzf+rzf8Sbu0Qce+rzv+rzf+rzf9zrPkQce6rzv8Rce4Rce4Qce8Qce+rzf8Sce2szf8Qce+szv+tzf+rzf+iyP6Uv/2rzf+Hufs6ifNJk/QRcu6szf8Qce6rzf+szf+rzP8Qce+tzP+szv8Qb++Muvyrzf99svqrzv9fnvZCjvSrzf+AtfonfvERcu5mofiszf+rzP8je+9/sfmrzv8RcO6qzf94rfkyhPCtz/8Rce6rzf/ztFLfAAAAfXRSTlMA/fv8+lVUWFpd411bVlj4SPPnW1Pv2MVcWgoH9b2GOublvVdR7sW5moEuK83EtJKFJgsF/OHe3dLDwJWPZU1NNDEpJyEb6ujWzc3KubSimo6JY0VCPTgc8eLb1sG+r6uopKB9ekAzINzOzMrCvnJqamgR4c+0s4F2dVdXNXcmXGgAAAWTSURBVHja7dpnVxpBFAbgKyAqSaQokACC2KJYkWiMvUZjYu+9JZreezLz22P0HC+zw86sF5ZPPl/d4/veLbO7nIUbN2w0MdRctx10OYMP6waGJqHITge/cMHDrlYonuF2nkP7MBTH+hNuoq4YeyEywM25ujJgs9YZrtS+AbZ6EeQa02NgI7eLawXXIA/VjY8biPnYYAzoahmrJeaj6Q0gY+eo+ehNJq8C5HzUlVcB6/mxuuOlwaN++S+u1oIXuCOnHAxH4ELE/UxaE/MtoM/vPxXWB+PyvJJfAf3+HwRR5ljaBfQC+vmdQyA54YLWAhZwS/m3IIdm6xfCSG2yWlFAO/9tyCUjnAcPNetdSZm6gH5+2RrPpnpK8zBsoCugz0cdPMst1S2nBBsoCmj2v2yYZxkAhVLH/wYVqgL6+WWRGEfPgNDAWKBSOb/sme4sRGUXR6E8x9nhIc0vX4lBoDTw9fT46PnwgyMXAFCOAqp0yvtf40QuQG9wRzE/4RDoG9DnRx3CSUhsQJ8fMsHr3g/LLhpU0/JlKzxLM1huEACje9L+vwcWHPEsQ2BJvQML0NZf1CrUngBrGgIBH3V+eR1E00BDnx+6pGc2mkri/JVcsA5EK5T55XX7DRC1xoz5lZR87gaayExh8l8B0QB5/4vWgGbdyfnW2922kMfv94Tadh99oOU3A1H7y3e9TND3/Oz6+TMRoPnTxnK4n7hmfmwMSEbDzMRc6jr5LrMX04oAEyQbIEs0XsJMOVq0+fp1K+plBklA6RBTCk9Zzb8FlAKjAaZRmyLmo0+Nhn+Jh2DEy7QaE9R8vWoHs8Cfsjdfr2fK3ny9cNTefL3nNuSX5sj3t31ric/XyGemN61/bso/v2n2AV+Cc90jc8ygxv78th1+bgkuJZ4yUcLu/F2n4X7ayQT7Jvn3CpNf8pZf6seNfopbpG3Nf3R1R43gZovGC8Gt3f/0/CvDgITz4Kmt86MOQKPCjfqDbfkfnWYvFvsMNT2Qn5sp6qX8KmgXHqwzuLFPn5///BUAv7jJD41Rv/3zlwPApPhWeILb1xQlH+CAC46ursUFdmGPF+b6KzPJhzEuevICLsXZudBrrp6fnl+Gv3IZdLgjlwUcbY94ofJLTPNhMialxPqPl7q+v97kqNDn/11A77mC9vjT81G/1XxXQedHn7eLP79oIljU/CqQnE7r82NuXKaTTODxEfPR5PZ1PpLwMAMPNR9t1KnzZyZAUaDH8vXvqAczQzHF6T8YgSw+jyHf7BCsevXzo4kDs/z2v0CS8hvnLwWlsQ4nl83+BprukJyvs/H+q5j+cq83DEQLinyFj03vZne2Nje3dmb3mjyMlSSAJiHdf2nrRicQ9ZHmLzdeN6FuoKkuTL5/HIieFiTf4QOiUSYoJ+TjeUMhvuC2kJ/byWqFX35J88v3bV/S0wDWjAv/KFWg+ZP4MKnziWWZp81fpfkOxfoq6KPNr/gORa+GIX+UlE/5/gD1Cqcg+fqjN3jM0AL9uZXewMtQnDY/vYFcgD5/dWNgRPMljP4QzFPycT3zAKVBr/BTq0qVyXsrfuREOgr3GfJ2k+bHAoQG4r2olJSPBfTfocgqFPci1f53lIGuADZ4DObOWLZV0nsTFtB/hyITHsn7ohbnrwdVAfk7FIUWlu2QMD8WIEkzQRwky7r56QXwQkSHxmsxzpTz519glYn6hCOWCDPdexO9AD4SiGrKP8OF7oZ9ps3Pv8C4V04JHy4uzoe9TJVPLyBfCHqYrypAPwg6eP+3pcBUkjK//MUtXapRG655zF32+5chDwkLDbwNoBCNQl7GPbr8xlWw1VRYnd+XBru1eBWHvzMK9hs3vRzDo1Acibmc8SNQPOmWkJjeG09BkU1VLM6FAn5/IHS/c/kMbtywzz/2SOt9u2sTGwAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:right -15px top -15px;background-size:90px 90px;opacity:.1;pointer-events:none}@media screen and (max-width: 600px){.links-page-content{padding:24px 12px}.links-page-head{margin-top:20px;margin-bottom:30px}.links-page-body ul li,.links-page-body ol li{width:80%;margin-left:0;margin-right:0;margin-bottom:12px}}@media screen and (max-width: 420px){.links-page-body ul li,.links-page-body ol li{width:100%}}
@keyframes article-skeleton-animation{0%{background-position:0 0}100%{background-position:480px 0}}:root{--jj-img-skeleton-bg: #eeeff2;--jj-skeleton-bg: #fff;--jj-skeleton-line-bg1: #e4e6eb;--jj-skeleton-line-bg2: rgba(228, 230, 235, 0.5);--yublog_body_bg_color: #e4e6eb;--yublog_header_bg_color: #fff;--yublog_header_nav_border_color: #ebebeb;--yublog_header_nav_box_shadow: #ebebeb;--yublog_header_text_color: #515767;--yublog_header_text_active: #1e80ff;--yublog_header_article_btn_bg: #1e80ff;--yublog_header_article_btn_bg_hover: #1171ee;--yublog_header_article_btn_color: #fff;--yublog_header_search_input_border: #c2c8d1;--yublog_header_search_input_border_active: #1e80ff;--yublog_header_search_input_color: #8a919f;--yublog_header_search_placeholder_color: #c0c3cb;--yublog_header_search_btn_color: #86909c;--yublog_header_search_btn_color_active: #1e80ff;--yublog_header_search_btn_bg: #f2f3f5;--yublog_header_search_btn_bg_active: #eaf2ff;--yublog_search_history_title_color: #869aab;--yublog_search_history_clear_color: #1e80ff;--yublog_search_history_text_color: #5e6369;--yublog_search_history_item_bg: #eff2f5;--jj-header-menu-text-color: #252933;--jj-header-menu-count-title-color: #8a919f;--jj-header-menu-item-bg-hover: #f7f8fa;--jj-header-menu-item-icon: #8a919f;--jj-header-menu-footer-text-color: #8a919f;--jj-header-menu-footer-text-color-hover: #1e80ff;--jj-header-login-btn-bg: rgba(30, 128, 255, 0.05);--jj-header-login-btn-bg-hover: rgba(30, 128, 255, 0.1);--jj-header-login-btn-border: rgba(30, 128, 255, 0.3);--jj-header-login-btn-color: #007fff;--jj-mobile-search-bg: #fff;--jj-mobile-search-mask-bg: rgba(0, 0, 0, 0.6);--jj-login-dialog-mask-bg: rgba(0, 0, 0, 0.3);--jj-login-dialog-content-bg: #fff;--jj-login-dialog-close-color: #8a919f;--jj-login-dialog-head-border: rgba(228, 230, 235, 0.5);--jj-login-dialog-title-color: #252933;--jj-login-dialog-input-color: #000;--jj-login-dialog-input-placeholder-color: #c4c7ce;--jj-login-dialog-input-border: #f2f3f5;--jj-login-dialog-input-bg: #f2f3f5;--jj-login-dialog-input-border-focus: #1e80ff;--jj-login-dialog-input-bg-focus: #fff;--jj-login-dialog-form-btn-bg: #1e80ff;--jj-login-dialog-form-btn-bg-hover: #1171ee;--jj-login-dialog-form-btn-color: #fff;--jj-login-dialog-body-right-border: #f1f2f5;--jj-login-dialog-qrcode-border: #e4e6eb;--jj-login-dialog-footer-color: #8a919f;--jj-login-dialog-link-color: #1e80ff;--jj-login-dialog-link-color-hover: #1171ee;--jj-login-dialog-input-checkbox-border: #c4c7ce;--jj-login-dialog-input-checkbox-border-active: #1e80ff;--jj-login-dialog-input-checkbox-bg-active: #1e80ff;--jj-login-dialog-input-checkbox-icon: #fff;--jj-login-dialog-input-checkbox-text-active: #1e80ff;--jj-toast-color: #333;--jj-toast-bg: #fff;--jj-toast-border: #ebebeb;--jj-toast-box-shadow: rgba(0, 0, 0, 0.1);--jj-toast-color-info: #909399;--jj-toast-bg-info: #edf2fc;--jj-toast-border-info: #ebeef5;--jj-toast-color-success: #67c23a;--jj-toast-bg-success: #f0f9eb;--jj-toast-border-success: #e1f3d8;--jj-toast-color-warning: #e6a23c;--jj-toast-bg-warning: #fdf6ec;--jj-toast-border-warning: #faecd8;--jj-toast-color-error: #f56c6c;--jj-toast-bg-error: #fef0f0;--jj-toast-border-error: #fde2e2}.footer-content{font-size:12px;line-height:20px;color:var(--jj-footer-color)}.footer-content a{color:inherit;text-decoration:none}.footer-content a+a{margin-left:10px}.footer-content a:hover{color:var(--jj-footer-color-hover)}.footer-content a:active{opacity:.7}.footer-item+.footer-item{margin-top:5px}.waves{position:relative;width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px}.footer .content{position:relative;height:20vh;text-align:center;background-color:#fff;padding-top:40px;color:var(--jj-footer-color)}.parallax>use{animation:move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px, 0, 0)}100%{transform:translate3d(85px, 0, 0)}}@media(max-width: 768px){.waves{height:40px;min-height:40px}.footer .content{height:30vh}}