1. 我的博客美化 JSON

注意：可复制一键导入

别忘记在主题设置页面修改头像、背景以及底部信息等设置哦（博客背景 url 已失效，需自己填写）

建议主题设置全局里 CDN 选择不使用或更换为自己的，否则可能出现 CSS 样式失效

{"argon_theme_color":"#5e72e4","argon_theme_color_hex_preview":"#5e72e4","argon_show_customize_theme_color_picker":true,"argon_enable_immersion_color":"true","argon_darkmode_autoswitch":"time","argon_enable_amoled_dark":"false","argon_card_radius":"15","argon_card_shadow":"default","argon_page_layout":"double","argon_article_list_waterflow":"1","argon_article_list_layout":"1","argon_font":"serif","argon_assets_path":"jsdelivr_fastly","argon_custom_assets_path":"","argon_wp_path":"/","argon_dateformat":"YMD","argon_enable_headroom":"true","argon_toolbar_title":"Daling","argon_toolbar_icon":"","argon_toolbar_icon_link":" ","argon_toolbar_blur":"true","argon_banner_title":"Daling‘s blog","argon_banner_subtitle":"风起于青萍之末，浪成于微澜之间。","argon_banner_size":"fullscreen","argon_page_background_banner_style":"transparent","argon_show_toolbar_mask":true,"argon_banner_background_url":"https://img.zcool.cn/community/0370d58567bb3b232f8759f0436c267.jpg","argon_banner_background_color_type":"shape-primary","argon_banner_background_hide_shapes":true,"argon_enable_banner_title_typing_effect":"true","argon_banner_typing_effect_interval":"100","argon_page_background_url":"https://img.zcool.cn/community/0370d58567bb3b232f8759f0436c267.jpg","argon_page_background_dark_url":"","argon_page_background_opacity":"1","argon_sidebar_banner_title":"Daling","argon_sidebar_banner_subtitle":"跌谷底也要开花，沉海底也要前行","argon_sidebar_auther_name":"Daling","argon_sidebar_auther_image":"http://idaling.cn/wp-content/uploads/2023/11/个人头像1.jpg","argon_sidebar_author_description":"假如我年少有为。。。","argon_sidebar_announcement":"<div class=\"github-badge-big\">\n <span class=\"badge-subject\"><i class=\"fa fa-chain\"></i> 如需互友友链，请私信。 </span>\n <span class=\"badge-subject\"><i class=\"fa fa-cny\"></i> 如blog内容对您有所帮助，也可打赏一下哟。 </span>\n <span class=\"badge-subject\"><i class=\"fa fa-coffee\"></i> Enjoy Daling's Blog </span>\n</div>","argon_fab_show_settings_button":"false","argon_fab_show_darkmode_button":"true","argon_fab_show_gotocomment_button":"false","argon_seo_description":"达令的博客","argon_seo_keywords":"达令,大令,idaling","argon_article_meta":"time|categories|views","argon_show_readingtime":"true","argon_reading_speed":"580","argon_reading_speed_en":"80","argon_reading_speed_code":"10","argon_show_thumbnail_in_banner_in_content_page":"false","argon_first_image_as_thumbnail_by_default":"true","argon_reference_list_title":"参考","argon_show_sharebtn":"true","argon_show_headindex_number":"false","argon_donate_qrcode_url":"","argon_additional_content_after_post":"文末附加内容","argon_related_post":"category,tag","argon_related_post_sort_orderby":"meta_value_num","argon_related_post_sort_order":"DESC","argon_related_post_limit":"10","argon_article_header_style":"article-header-style-2","argon_outdated_info_time_type":"createdtime","argon_outdated_info_days":"1","argon_outdated_info_tip_type":"inpost","argon_outdated_info_tip_content":"本文最后更新于%modify_date_delta% 天前，其中的信息可能已经过时，如有错误请发送邮件到gedaling@foxmail.com","argon_archives_timeline_show_month":"true","argon_archives_timeline_url":"http://idaling.cn/file/","argon_footer_html":"<style>\n/* 核心样式 */\n.github-badge {\n\tdisplay: inline-block;\n\tborder-radius: 4px;\n\ttext-shadow: none;\n\tfont-size: 13.1px;\n\tcolor: #fff;\n\tline-height: 15px;\n\tmargin-bottom: 5px;\n\tfont-family: \"Open Sans\", sans-serif;\n}\n\n.github-badge .badge-subject {\n\tdisplay: inline-block;\n\tbackground-color: #4d4d4d;\n\tpadding: 4px 4px 4px 6px;\n\tborder-top-left-radius: 4px;\n\tborder-bottom-left-radius: 4px;\n\tfont-family: \"Open Sans\", sans-serif;\n}\n\n.github-badge .badge-value {\n\tdisplay: inline-block;\n\tpadding: 4px 6px 4px 4px;\n\tborder-top-right-radius: 4px;\n\tborder-bottom-right-radius: 4px;\n\tfont-family: \"Open Sans\", sans-serif;\n}\n\n.github-badge-big {\n\tdisplay: inline-block;\n\tborder-radius: 6px;\n\ttext-shadow: none;\n\tfont-size: 14.1px;\n\tcolor: #fff;\n\tline-height: 18px;\n\tmargin-bottom: 7px;\n}\n\n.github-badge-big .badge-subject {\n\tdisplay: inline-block;\n\tbackground-color: #4d4d4d;\n\tpadding: 4px 4px 4px 6px;\n\tborder-top-left-radius: 4px;\n\tborder-bottom-left-radius: 4px;\n}\n\n.github-badge-big .badge-value {\n\tdisplay: inline-block;\n\tpadding: 4px 6px 4px 4px;\n\tborder-top-right-radius: 4px;\n\tborder-bottom-right-radius: 4px;\n}\n \n/* 颜色定义 */ \n.bg-orange {\n\tbackground-color: #ec8a64 !important;\n} \n.bg-red {\n\tbackground-color: #cb7574 !important;\n} \n.bg-apricots {\n\tbackground-color: #f7c280 !important;\n} \n.bg-casein {\n\tbackground-color: #dfe291 !important;\n}\n.bg-shallots {\n\tbackground-color: #97c3c6 !important;\n} \n.bg-ogling {\n\tbackground-color: #95c7e0 !important;\n}\n.bg-haze {\n\tbackground-color: #9aaec7 !important;\n}\n.bg-mountain-terrier {\n\tbackground-color: #99a5cd !important;\n}\n</style>\n\n\n<div class=\"github-badge-big\">\n <span class=\"badge-subject\"><i class=\"fa fa-id-card\"></i> 备案号 </span>\n <span class=\"badge-value bg-orange\"><a href=\"https://beian.miit.gov.cn/\" target=\"_blank\" one-link-mark=\"yes\">豫ICP备2023035591号</a>|\n <a href=\"http://www.beian.gov.cn/portal/registerSystemInfo?recordcode= 32072202010255\" target=\"_blank\" one-link-mark=\"yes\">豫公网安备 00000000000000号</a>\n </span>\n</div>\n\n<div class=\"github-badge-big\">\n <span class=\"badge-subject\"><i class=\"fa fa-cloud\" aria-hidden=\"true\"></i> 图床</span>\n <span class=\"badge-value bg-shallots\">\n <a href=\"\" target=\"_blank\" one-link-mark=\"yes\"></a>\n <a href=\"https://gitee.com/\" target=\"_blank\" one-link-mark=\"yes\"\n>Gitee</a>\n </span>\n \n <span class=\"badge-subject\"><i class=\"fa fa-wordpress\"></i> Powered</span>\n <span class=\"badge-value bg-green\"><a href=\"https://cn.wordpress.org/\" target=\"_blank\" one-link-mark=\"yes\">WordPress</a>\n </span>\n \n <span class=\"badge-subject\"><i class=\"fa fa-copyright\" aria-hidden=\"true\"></i> Copyright</span>\n <span class=\"badge-value bg-red\">\n <a href=\"https://idaling.cn/\" target=\"_blank\" one-link-mark=\"yes\">@ 2023 Daling</a>\n </span>\n\n</div>\n\n<div class=\"github-badge-big\">\n <span class=\"badge-subject\"><i class=\"fa fa-clock-o\"></i> Running Time</span>\n <span class=\"badge-value bg-apricots\">\n <span id=\"blog_running_days\" class=\"odometer odometer-auto-theme\"></span> days\n <span id=\"blog_running_hours\" class=\"odometer odometer-auto-theme\"></span> H\n <span id=\"blog_running_mins\" class=\"odometer odometer-auto-theme\"></span> M\n <span id=\"blog_running_secs\" class=\"odometer odometer-auto-theme\"></span> S\n </span>\n\n <script no-pjax=\"\">\nvar blog_running_days = document.getElementById(\"blog_running_days\");\nvar blog_running_hours = document.getElementById(\"blog_running_hours\");\nvar blog_running_mins = document.getElementById(\"blog_running_mins\");\nvar blog_running_secs = document.getElementById(\"blog_running_secs\");\nfunction refresh_blog_running_time()\n{\nvar time = new Date() - new Date(2023, 10,21, 0, 0, 0);\nvar d = parseInt(time / 24 / 60 / 60 / 1000);\nvar h = parseInt((time % (24 * 60 * 60 * 1000)) / 60 / 60 / 1000);\nvar m = parseInt((time % (60 * 60 * 1000)) / 60 / 1000);\nvar s = parseInt((time % (60 * 1000)) / 1000);\nblog_running_days.innerHTML = d;\nblog_running_hours.innerHTML = h;\nblog_running_mins.innerHTML = m;\nblog_running_secs.innerHTML = s;\n}\nrefresh_blog_running_time();\nif (typeof bottomTimeIntervalHasSet == \"undefined\") \n{\nvar bottomTimeIntervalHasSet = true;\nsetInterval(function () {\nrefresh_blog_running_time();\n}, 500);\n}\n</script>\n</div>","argon_enable_code_highlight":"true","argon_code_theme":"vs2015","argon_code_highlight_hide_linenumber":"true","argon_code_highlight_break_line":"false","argon_code_highlight_transparent_linenumber":"false","argon_math_render":"none","argon_mathjax_cdn_url":"//cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js","argon_mathjax_v2_cdn_url":"//cdn.jsdelivr.net/npm/mathjax@2.7.5/MathJax.js?config=TeX-AMS_HTML","argon_katex_cdn_url":"//cdn.jsdelivr.net/npm/katex@0.11.1/dist/","argon_enable_lazyload":"true","argon_lazyload_threshold":"800","argon_lazyload_effect":"fadeIn","argon_lazyload_loading_style":"1","argon_enable_fancybox":"true","argon_enable_zoomify":"false","argon_zoomify_duration":"200","argon_zoomify_easing":"cubic-bezier(0.4,0,0,1)","argon_zoomify_scale":"0.9","argon_enable_pangu":"article","argon_custom_html_head":" <!-- 自定义右键内容开始 -->\n<style type=\"text/css\">\n\ta {text-decoration: none;}\n\tdiv.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba\n(0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9;border-radius: 5px;}\n\tdiv.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block}\n\tdiv.usercm ul li{margin:0px;padding:0px;line-height:35px;}\n\tdiv.usercm ul li a{color:#666;padding:0 15px;display:block}\n\tdiv.usercm ul li a:hover{color:#fff;background:rgba(9,145,113,0.88);border-radius: 5px}\n\tdiv.usercm ul li a i{margin-right:10px}\n\ta.disabled{color:#c8c8c8!important;cursor:not-allowed}\n\ta.disabled:hover{background-color:rgba(255,11,11,0)!important}\n\tdiv.usercm{background:#fff !important;}\n</style>\n\n<div class=\"usercm\" style=\"left: 199px; top: 5px; display: none;\">\n<ul>\n\t<li><a href=\"idaling.cn/\"><i class=\"fa fa-home fa-fw\"></i><span>首页</span></a></li>\n\t<li><a href=\"javascript:void(0);\" onclick=\"getSelect();\"><i class=\"fa fa-file fa-fw\"></i><span>复制</span></a></li>\n\t<li><a href=\"javascript:void(0);\" onclick=\"baiduSearch();\"><i class=\"fa fa-search fa-fw\"></i><span>Bing一下</span></a></li>\n\t<li><a href=\"javascript:history.go(1);\"><i class=\"fa fa-arrow-right fa-fw\"></i><span>前进</span></a></li>\n\t<li><a href=\"javascript:history.go(-1);\"><i class=\"fa fa-arrow-left fa-fw\"></i><span>后退</span></a></li>\n\t<li style=\"border-bottom:1px solid gray\"><a href=\"javascript:window.location.reload();\"><i class=\"fa fa-refresh fa-fw\"></i><span>刷新</span></a></li>\n\t<li><a href=\"idaling.cn/friends/\"><i class=\"fa fa-user fa-fw\"></i><span>和我当邻居</span></a></li> \n\t<li><a href=\"idaling.cn/message/\"><i class=\"fa fa-pencil fa-fw\"></i><span>给我留言吧</span></a></li>\n</ul>\n</div>\n\n<script type=\"text/javascript\" src=\"https://cdn.staticfile.org/layer/3.1.1/layer.js\"></script>\n<script type=\"text/javascript\">\n\t(function(a) {\n\t\ta.extend({\n\t\t\tmouseMoveShow: function(b) {\n\t\t\t\tvar d = 0,\n\t\t\t\tc = 0,\n\t\t\t\th = 0,\n\t\t\t\tk = 0,\n\t\t\t\te = 0,\n\t\t\t\tf = 0;\n\t\t\t\ta(window).mousemove(function(g) {\n\t\t\t\t\td = a(window).width();\n\t\t\t\t\tc = a(window).height();\n\t\t\t\t\th = g.clientX;\n\t\t\t\t\tk = g.clientY;\n\t\t\t\t\te = g.pageX;\n\t\t\t\t\tf = g.pageY;\n\t\t\t\t\th + a(b).width() >= d && (e = e - a(b).width() - 5);\n\t\t\t\t\tk + a(b).height() >= c && (f = f - a(b).height() - 5);\n\t\t\t\t\ta(\"html\").on({\n\t\t\t\t\t\tcontextmenu: function(c) {\n\t\t\t\t\t\t\t3 == c.which && a(b).css({\n\t\t\t\t\t\t\t\tleft: e,\n\t\t\t\t\t\t\t\ttop: f\n\t\t\t\t\t\t\t}).show()\n },\n\t\t\t\t\t\tclick: function() {\n\t\t\t\t\t\t\ta(b).hide()\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t},\n\t\t\tdisabledContextMenu: function() {\n\t\t\t\twindow.oncontextmenu = function() {\n\t\t\t\t\treturn !1\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t})(jQuery);\n \n\tfunction getSelect() {\n\t\t\"\" == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? layer.msg(\"请选择需要复制的内容！\") : document.execCommand(\"Copy\")\n\t}\n \n\tfunction baiduSearch() {\n\t\tvar a = window.getSelection ? window.getSelection() : document.selection.createRange().text;\n \"\" == a ? layer.msg(\"请选择需要Bing的内容！\") : window.open(\"https://cn.bing.com/search?q=\" + a)\n\t}\n \n\t$(function() {\n\t\tfor (var a = navigator.userAgent, b = \"Android;iPhone;SymbianOS;Windows Phone;iPad;iPod\".split(\";\"), d = !0, c = 0; c < b.length; c++) if (0 < a.indexOf(b[c])) {\n\t\t\td = !1;\n\t\tbreak\n\t}\n\td && ($.mouseMoveShow(\".usercm\"), $.disabledContextMenu())\n\t});\n</script>\n <!-- 自定义右键内容结束 -->","argon_custom_html_foot":"<!--滚动模糊特效开始-->\n<script>\nwindow.addEventListener(\"scroll\", function (e) {\n if (window.scrollY > window.innerHeight * 0.3) {\n document.querySelector(\"#content\").classList.add(\"scrolled\");\n } else {\n document.querySelector(\"#content\").classList.remove(\"scrolled\");\n }\n});\n</script>\n\n<style>\n#content.scrolled::before, #content.scrolled::after {\n filter: blur(6px); /*数字越大虚化越明显*/\n transform: scale(1.02); /*数字越大背景放大越明显*/\n}\n#content::before, #content::after {\n transition: filter .3s ease, transform .3s ease !important;\n filter: blur(0px);\n transform: scale(1.02);\n}\n</style>\n<!--滚动模糊特效结束-->\n\n\n<!--文字输入撒花特效开始-->\n<script src=\"https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/js/input-with-fire.js\"></script>\n<!--文字输入撒花特效结束-->\n","argon_enable_smoothscroll_type":"1_pulse","argon_enable_into_article_animation":"true","argon_disable_pjax_animation":"false","argon_comment_pagination_type":"page","argon_comment_emotion_keyboard":"true","argon_hide_name_email_site_input":"false","argon_comment_need_captcha":"false","argon_get_captcha_by_ajax":"false","argon_comment_allow_markdown":"true","argon_comment_allow_editing":"true","argon_comment_allow_privatemode":"true","argon_comment_allow_mailnotice":"true","argon_comment_mailnotice_checkbox_checked":true,"argon_comment_enable_qq_avatar":"true","argon_comment_avatar_vcenter":"false","argon_who_can_visit_comment_edit_history":"commentsender","argon_enable_comment_pinning":"true","argon_enable_comment_upvote":"true","argon_comment_ua":"platform,browser","argon_show_comment_parent_info":"true","argon_fold_long_comments":"true","argon_gravatar_cdn":"gravatar.pho.ink/avatar/","argon_text_gravatar":"true","argon_enable_search_filters":"true","argon_search_filters_type":"*post,*page,shuoshuo","argon_pjax_disabled":"false","argon_hide_categories":"","argon_enable_login_css":"true","argon_home_show_shuoshuo":"false","argon_fold_long_shuoshuo":"true","argon_enable_timezone_fix":"false","argon_hide_shortcode_in_preview":"true","argon_trim_words_count":"0","argon_enable_mobile_scale":"false","argon_disable_googlefont":"false","argon_disable_codeblock_style":"false","argon_update_source":"github","argon_hide_footer_author":"true"}

2.我的额外CSS代码

在外观—自定义—额外CSS内添加：

/* Banner 条高度 */
.banner {
	/* 宽度自动填充整个浏览器, 这里只设置高度 */
	height: 800px;
}

/* Banner下方小箭头滚动效果 */
@keyframes up-down-move {
	0% {
		opacity:0;
		transform:translate(-50%,-150px); 
	}
	50% {
		opacity:1;
		transform:translate(-50%,-130px); 
	}
	100% {
		opacity:0;
		transform:translate(-50%,-110px); 
	}
}

.cover-scroll-down .fa-angle-down{
	font-size: 3rem;
	text-shadow: 0px 0px 8px #dc1111;
	position:absolute;
	transform: translate(-50%,-80px);
	opacity:0;
}

.cover-scroll-down #pointer1{
	animation: up-down-move 3s linear infinite;
}

.cover-scroll-down #pointer2{
	animation: up-down-move 3s 1s linear infinite;
}

.cover-scroll-down #pointer3{
	animation: up-down-move 3s 2s linear infinite;
}



/* 网站字体css */

/* 设置网站字体 */
@font-face {
	font-family: myFont;
	src:url(https://img.crowya.com/font/FZFWZZAY.woff2) format('woff2');
	font-display: swap;
}

body,
.nav-link-inner--text {
	font-family: myFont;
}

.navbar-brand {
	font-size: 1.25rem;
	font-weight: 100;
	margin-right: 3rem;
	padding-bottom: 0.2rem;
}

/*========网页字体css===========*/

/* 横幅字体大小 */
/*========网页字体css===========*/

/* 横幅字体大小 */
.banner-title {
	font-size: 2.5em;
}
.banner-subtitle{
	font-size: 30px;
	-webkit-text-fill-color: transparent;
background: linear-gradient(94.75deg,rgb(60, 172, 247) 0%,rgb(131, 101, 253) 43.66%,rgb(255, 141, 112) 64.23%,rgb(247, 201, 102) 83.76%,rgb(172, 143, 100) 100%);
	-webkit-background-clip: text;
}

/* 文章标题字体大小 */
.post-title {
	font-size: 50px
}

/* 正文字体大小（不包含代码）*/
.post-content p{
	font-size: 1.25rem;
}
li{
	font-size: 1.2rem;	
}

/* 评论区字体大小 */
p {
	font-size: 0.8rem			
}

/* 评论发送区字体大小 */
.form-control{
	font-size: 1.2rem
}
 
/* 评论勾选项目字体大小 */
.custom-checkbox .custom-control-input~.custom-control-label{
	font-size: 1.2rem
}

/*评论区代码的强调色*/
code {
	color: rgba(var(--themecolor-rgbstr));
}
 
/* 说说字体大小和颜色设置 */
.shuoshuo-title {
	font-size: 25px;
/*	color: rgba(var(--themecolor-rgbstr)); */
}

/* 尾注字体大小 */
.additional-content-after-post{
	font-size: 1.2rem
}
 
/* 公告居中 */
.leftbar-announcement-title {
    font-size: 25px;
/*	text-align: center; */
	color: #00FFFF
}
.leftbar-announcement-content {
    font-size: 15px;
    line-height: 1.8;
    padding-top: 8px;
    opacity: 0.8;
/*	text-align: center; */
	color:#00FFFF;
}
 
/* 一言居中 */
.leftbar-banner-title {
	font-size: 25px;
	display: block;
	text-align: center;
	opacity: 0.8;
}

/* 个性签名居中 */
.leftbar-banner-subtitle {
	margin-top: 15px;
	margin-bottom: 8px;
	font-size: 12px;
	opacity: 0.8;
	display: block;
	text-align: center;
}

/*========颜色设置css===========*/

/* 设置加粗字体颜色 */
strong {
    /*白天*/
    color: #A7727D;
}
html.darkmode strong {
    /*夜晚*/
    color: #FAAB78;
}

/* 引文属性设置 */
blockquote {
	/*添加弱主题色为背景色*/
	background: rgba(var(--themecolor-rgbstr), 0.1) !important;
	width: 100%
}

/* 引文颜色，建议用主题色 */
:root {
	/*也可以用类似于--color-border-on-foreground-deeper: #009688;这样的命令*/
	--color-border-on-foreground-deeper: rgba(var(--themecolor-rgbstr));
}

/* 左侧菜单栏突出颜色修改 */
.leftbar-menu-item > a:hover, .leftbar-menu-item.current > a{
	background-color: #f9f9f980;
}
 
/* 站点概览分隔线颜色修改 */
.site-state-item{
	border-left: 1px solid #aaa;
}
.site-friend-links-title {
	border-top: 1px dotted #aaa;
}
#leftbar_tab_tools ul li {
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom:none;
}
html.darkmode #leftbar_tab_tools ul li {
	border-bottom:none;
}
 
/* 左侧栏搜索框的颜色 */
button#leftbar_search_container {
	background-color: transparent;
}

/* 标题缩放css */
.banner-title{
	transition: .8s cubic-bezier(.2,.8,.2,1);
}
.banner-title:hover {
	transform:scale(1.4) translateY(-50%);
}

/*========透明设置css===========*/

/* 白天卡片背景透明 */
.card{
	background-color:rgba(255, 255, 255, 0.8) !important;
	/*backdrop-filter:blur(6px);*//*毛玻璃效果主要属性*/
	-webkit-backdrop-filter:blur(6px);
}

/* 夜间透明 */
html.darkmode.bg-white,html.darkmode .card,html.darkmode #footer{
	background:rgba(66, 66, 66, 0.9) !important;
}
html.darkmode #fabtn_blog_settings_popup{
	background:rgba(66, 66, 66, 0.95) !important;
}

/* 小工具栏背景完全透明 */
/*小工具栏是card的子元素，如果用同一个透明度会叠加变色，故改为完全透明*/
.card .widget,.darkmode .card .widget,#post_content > div > div > div.argon-timeline-card.card.bg-gradient-secondary.archive-timeline-title{
	background-color:#ffffff00 !important;
	backdrop-filter:none;
	-webkit-backdrop-filter:none;
}
.emotion-keyboard,#fabtn_blog_settings_popup{
	background-color:rgba(255, 255, 255, 0.95) !important;
}
 
/* 分类卡片透明 */
.bg-gradient-secondary{
	background:rgba(255, 255, 255, 0.1) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter:blur(10px);
}
 
/*底栏透明*/
#footer {
	background:rgba(33, 150, 243, 0.8) !important;
}
.title {
	position: relative;
	padding-left: 22px;
	margin: 24px 0;
}
.title:before {
	content: "";
	background-color: #3796EC;
	width: 8px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 42%;
	margin-top: -8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 10px;
}
.title1 {
	position: relative;
	padding-left: 12px;
	margin: 24px 0;
}
.title1:before {
	content: "";
	background-color: #3796EC;
	width: 4px;
	height: 15px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 10px;
}
.title2 {
	position: relative;
	padding-left: 20px;
	margin: 24px 0;
}
.title2:before {
	content: "";
	background-color: #3796EC;
	width: 8px;
	height: 28px;
	position: absolute;
	left: 0;
	top: 42%;
	margin-top: -8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 10px;
}

/*========排版设置css===========*/
 
/* 左侧栏层级置于上层 */
#leftbar_part1 {
	z-index: 1;
}

/* 分类卡片文本居中 */
#content > div.page-information-card-container > div > div{
	text-align:center;
}
 
/* 子菜单对齐及样式调整 */
.dropdown-menu .dropdown-item>i{
	width: 10px;
}
.dropdown-menu>a {
	color:var(--themecolor);
}
.dropdown-menu{
	min-width:max-content;
}
.dropdown-menu .dropdown-item {
	padding: .5rem 1.5rem 0.5rem 1rem;
}
.leftbar-menu-subitem{
	min-width:max-content;
}
.leftbar-menu-subitem .leftbar-menu-item>a{
	padding: 0rem 1.5rem 0rem 1rem;
}
 
/* 左侧栏边距修改 */
.tab-content{
	padding:10px 0px 0px 0px !important;
}
.site-author-links{
	padding:0px 0px 0px 10px ;
}

/* 目录位置偏移修改 */
#leftbar_catalog{
	margin-left: 0px;
}

/* 目录条目边距修改 */
#leftbar_catalog .index-link{
	padding: 4px 4px 4px 4px;
}

/* 左侧栏小工具栏字体缩小 */
#leftbar_tab_tools{
	font-size: 14px;
}
 
/* 正文图片边距修改 */
article figure {margin:0;}

/* 正文图片居中显示 */
.fancybox-wrapper {
	margin: auto;
}

/* 正文表格样式修改 */
article table > tbody > tr > td,
article table > tbody > tr > th,
article table > tfoot > tr > td,
article table > tfoot > tr > th,
article table > thead > tr > td,
article table > thead > tr > th{
    padding: 8px 10px;
    border: 1px solid;
}

/* 表格居中样式 */
.wp-block-table.aligncenter{margin:10px auto;}
 
/* 回顶图标放大 */
button#fabtn_back_to_top, button#fabtn_go_to_comment, button#fabtn_toggle_blog_settings_popup, button#fabtn_toggle_sides, button#fabtn_open_sidebar{
    font-size: 1.2rem;
}

/* 顶栏菜单放大：代码1*/
/*这里也可以设置刚刚我们设置的btfFont字体。试试看！*/
.navbar-nav .nav-link {
	font-size: 1.3rem;
	font-family: 'myFont';		
}
.navbar-brand {
	font-family: 'myFont';
	font-size: 2rem;
	margin-right: 1.0 rem;
	padding-bottom: 0.2 rem;
	
	-webkit-text-fill-color: transparent;        
	background: linear-gradient(94.75deg,rgb(60, 172, 247) 0%,rgb(131, 101, 253) 43.66%,rgb(255, 141, 112) 64.23%,rgb(247, 201, 102) 83.76%,rgb(172, 143, 100) 100%);        
	-webkit-background-clip: text;
}

/* 菜单大小 */
.nav-link-inner--text {
	font-size: 1.5em;
}
.navbar-nav .nav-item {
	margin-right:0;
}
.mr-lg-5, .mx-lg-5 {
	margin-right:1rem !important;
}
.navbar-toggler-icon {
	width: 1.rem;
	height: 1.8rem;
}

/*========Github卡片样式css===========*/

/* Github卡片样式*/
.github-info-card-header a {
    /*Github卡片抬头颜色*/
    color: black !important;
    font-size: 1.5rem;
}
html.darkmode .github-info-card-header a {
    /*Github卡片抬头颜色——夜间*/
    color: #FAAB78 !important;
    font-size: 1.5rem;
}
.github-info-card {
    /*Github卡片文字（非链接）*/
    font-size: 1rem;
    color: black !important;
}
html.darkmode .github-info-card {
    /*Github卡片文字（非链接）——夜间*/
    font-size: 1rem;
    color: #FAAB78 !important;
}
.github-info-card.github-info-card-full.card.shadow-sm {
    /*Github卡片背景色*/
    background-color: rgba(var(--themecolor-rgbstr), 0.1) !important;
}

/* 左上角图片大小 */
.navbar-brand img {
	height: 60px;
}

/* 左上角图片和右侧文字的间距 */
.mr-lg-5, .mx-lg-5 {
	margin-right: 1rem !important;
}

/*========左侧栏外观CSS===========*/

/* 头像缩放 */
#leftbar_overview_author_image {
	width: 100px;
	height: 100px;
	margin: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(127, 127, 127, 0.1);
	overflow: hidden;
	transition: transform 0.3s ease;/*变化速度*/
}
 
/* 头像亮暗 */
#leftbar_overview_author_image:hover {
	transform: scale(1.23);/*缩放大小*/
	filter: brightness(150%);/*调节亮度*/
}
 
/* 名称 */
#leftbar_overview_author_name {
	margin-top: 15px;
	font-size: 18px;align-content;
	color:#00FFFF;
}

/* 简介 */
#leftbar_overview_author_description {
	font-size: 14px;
	margin-top: -4px;
	opacity: 0.8;
	color:#c21f30;
}
 
/* 标题，链接等 */
a, .btn-neutral {
	color:#AF7AC5 ;	
}
 
/* 页脚透明 */
#footer {
	background: var(--themecolor-gradient);
	color: #fff;
	width: 100%;
	float: right;
	margin-bottom: 25px;
	text-align: center;
	padding: 25px 20px;
	line-height: 1.8;
	transition: none;
	opacity: 0.6;
}