From a5419b0c6e55ad629fb4e747d9ffe48b071a462e Mon Sep 17 00:00:00 2001 From: nanhaoluo <3075912108@qq.com> Date: Fri, 16 Jan 2026 11:18:51 +0800 Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BB=A3=E7=A0=81=E8=A7=84?= =?UTF-8?q?=E8=8C=83=E5=8C=96=20-=20=E7=BB=9F=E4=B8=80=E6=A0=BC=E5=BC=8F?= =?UTF-8?q?=E9=A3=8E=E6=A0=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - style.css: 移除 4277 行多余空行 (16556 -> 12279 行) - style.css: 修复文件头注释格式 - style.css: 移除空规则集 - style.css: 统一缩进风格 - argontheme.js: 统一比较运算符为严格相等 (=== / !==) - argontheme.js: 移除多余空行 - 新增 .kiro/steering/code-style.md 代码规范文档 --- .kiro/steering/code-style.md | 88 + argontheme.js | 187 +- style.css | 4330 +--------------------------------- 3 files changed, 199 insertions(+), 4406 deletions(-) create mode 100644 .kiro/steering/code-style.md diff --git a/.kiro/steering/code-style.md b/.kiro/steering/code-style.md new file mode 100644 index 0000000..fcb0699 --- /dev/null +++ b/.kiro/steering/code-style.md @@ -0,0 +1,88 @@ +# Argon 主题代码规范 + +## CSS 规范 + +### 格式化规则 +- 使用 Tab 缩进（1 Tab = 4 空格宽度） +- 每个属性独占一行 +- 属性之间不要有空行 +- 规则块之间保留一个空行 +- 选择器与 `{` 之间有一个空格 +- 属性值后的 `;` 前不要有空格 + +### 示例 +```css +/* 正确 */ +.selector { + property: value; + another-property: value; +} + +.another-selector { + property: value; +} + +/* 错误 - 属性之间有空行 */ +.selector { + + property: value; + + another-property: value; + +} +``` + +### 注释规范 +- 区块注释使用 `/* ========== 区块名称 ========== */` +- 普通注释使用 `/* 注释内容 */` +- 多行注释每行以 ` * ` 开头 + +## JavaScript 规范 + +### 格式化规则 +- 使用 Tab 缩进 +- 字符串优先使用单引号 `'` +- 比较运算符使用严格相等 `===` 和 `!==` +- 语句末尾必须有分号 `;` +- 函数名与括号之间无空格 +- 关键字后有空格（if, for, while, function 等） + +### 变量声明 +- 优先使用 `let` 和 `const` +- 避免使用 `var`（除非需要函数作用域） + +### 注释规范 +- 区块注释使用 `// ========== 区块名称 ==========` +- 函数注释使用 JSDoc 格式 +- 单行注释使用 `//` + +### 示例 +```javascript +// ========== 功能模块名称 ========== + +/** + * 函数说明 + * @param {string} param - 参数说明 + * @returns {boolean} 返回值说明 + */ +function functionName(param) { + if (param === 'value') { + return true; + } + return false; +} +``` + +## PHP 规范 + +### 格式化规则 +- 使用 Tab 缩进 +- 字符串优先使用单引号 +- 数组使用短语法 `[]` +- 类名使用 PascalCase +- 函数名使用 snake_case（遵循 WordPress 规范） + +### WordPress 特定 +- 使用 `esc_html()`, `esc_attr()` 等函数转义输出 +- 使用 `wp_nonce_field()` 进行安全验证 +- 遵循 WordPress Coding Standards diff --git a/argontheme.js b/argontheme.js index b1956d0..9dd4feb 100644 --- a/argontheme.js +++ b/argontheme.js @@ -77,10 +77,10 @@ if (typeof jQuery !== 'undefined') { } // ========== 原有代码 ========== -if (typeof(argonConfig) == "undefined"){ +if (typeof(argonConfig) === "undefined"){ var argonConfig = {}; } -if (typeof(argonConfig.wp_path) == "undefined"){ +if (typeof(argonConfig.wp_path) === "undefined"){ argonConfig.wp_path = "/"; } /*Cookies 操作*/ @@ -96,10 +96,10 @@ function getCookie(cname) { let ca = decodedCookie.split(';'); for (let i = 0; i < ca.length; i++) { let c = ca[i]; - while (c.charAt(0) == ' ') { + while (c.charAt(0) === ' ') { c = c.substring(1); } - if (c.indexOf(name) == 0) { + if (c.indexOf(name) === 0) { return c.substring(name.length, c.length); } } @@ -293,10 +293,10 @@ translation['zh_TW'] = { }; function __(text){ let lang = argonConfig.language; - if (typeof(translation[lang]) == "undefined"){ + if (typeof(translation[lang]) === "undefined"){ return text; } - if (typeof(translation[lang][text]) == "undefined"){ + if (typeof(translation[lang][text]) === "undefined"){ return text; } return translation[lang][text]; @@ -365,7 +365,7 @@ function __(text){ document.addEventListener("scroll", changeToolbarOnTopClass, {passive: true}); return; } - if (argonConfig.headroom == "absolute") { + if (argonConfig.headroom === "absolute") { toolbar.classList.add("navbar-ontop"); return; } @@ -417,11 +417,11 @@ $(document).on("input" , "#navbar_search_input" , function(){ } }); $(document).on("keydown" , "#navbar_search_input_container #navbar_search_input" , function(e){ - if (e.keyCode != 13){ + if (e.keyCode !== 13){ return; } let word = $(this).val(); - if (word == ""){ + if (word === ""){ $("#navbar_search_input_container").blur(); return; } @@ -430,12 +430,12 @@ $(document).on("keydown" , "#navbar_search_input_container #navbar_search_input" }); /*顶栏搜索 (Mobile)*/ $(document).on("keydown" , "#navbar_search_input_mobile" , function(e){ - if (e.keyCode != 13){ + if (e.keyCode !== 13){ return; } let word = $(this).val(); $("#navbar_global .collapse-close button").click(); - if (word == ""){ + if (word === ""){ return; } let scrolltop = $(document).scrollTop(); @@ -454,11 +454,11 @@ $(document).on("blur" , "#leftbar_search_container" , function(){ $("#leftbar_search_input").attr("readonly", "readonly"); }); $(document).on("keydown" , "#leftbar_search_input" , function(e){ - if (e.keyCode != 13){ + if (e.keyCode !== 13){ return; } let word = $(this).val(); - if (word == ""){ + if (word === ""){ $("#leftbar_search_container").blur(); return; } @@ -477,7 +477,7 @@ $(document).on("change" , ".search-filter" , function(e){ $(".search-filter:checked").each(function(){ postTypes.push($(this).attr("name")); }); - if (postTypes.length == 0){ + if (postTypes.length === 0){ postTypes = ["none"]; } let url = new URL(document.location.href); @@ -490,7 +490,7 @@ $(document).on("change" , ".search-filter" , function(e){ /*左侧栏随页面滚动浮动*/ !function(){ - if ($("#leftbar").length == 0){ + if ($("#leftbar").length === 0){ let contentOffsetTop = $('#content').offset().top; function changeLeftbarStickyStatusWithoutSidebar(){ let scrollTop = document.documentElement.scrollTop || document.body.scrollTop; @@ -519,7 +519,7 @@ $(document).on("change" , ".search-filter" , function(e){ function changeLeftbarStickyStatus(){ let scrollTop = document.documentElement.scrollTop || document.body.scrollTop; - if( part1OffsetTop + part1OuterHeight + 10 - scrollTop <= (argonConfig.headroom != "absolute" ? 90 : 18) ){ + if( part1OffsetTop + part1OuterHeight + 10 - scrollTop <= (argonConfig.headroom !== "absolute" ? 90 : 18) ){ //滚动条在页面中间浮动状态 leftbarPart2.classList.add('sticky'); if (leftbarPart3) { @@ -553,7 +553,7 @@ $(document).on("change" , ".search-filter" , function(e){ }(); /*Headroom*/ -if (argonConfig.headroom == "true"){ +if (argonConfig.headroom === "true"){ var headroom = new Headroom(document.querySelector("body"),{ "tolerance" : { up : 0, @@ -575,7 +575,7 @@ if (argonConfig.headroom == "true"){ /*瀑布流布局*/ function waterflowInit() { - if (argonConfig.waterflow_columns == "1") { + if (argonConfig.waterflow_columns === "1") { return; } $("#main.article-list img").each(function(index, ele){ @@ -584,7 +584,7 @@ function waterflowInit() { } }); let columns; - if (argonConfig.waterflow_columns == "2and3") { + if (argonConfig.waterflow_columns === "2and3") { if ($("#main").outerWidth() > 1000) { columns = 3; } else { @@ -593,9 +593,9 @@ function waterflowInit() { }else{ columns = parseInt(argonConfig.waterflow_columns); } - if ($("#main").outerWidth() < 650 && columns == 2) { + if ($("#main").outerWidth() < 650 && columns === 2) { columns = 1; - }else if ($("#main").outerWidth() < 800 && columns == 3) { + }else if ($("#main").outerWidth() < 800 && columns === 3) { columns = 1; } @@ -625,7 +625,7 @@ function waterflowInit() { } let $items = $container.find("article.post:not(.no-results), .shuoshuo-preview-container"); columns = Math.max(Math.min(columns, $items.length), 1); - if (columns == 1) { + if (columns === 1) { $container.removeClass("waterflow"); $items.css("transition", "").css("position", "").css("width", "").css("top", "").css("left", "").css("margin", ""); $(".waterflow-placeholder").remove(); @@ -650,7 +650,7 @@ function waterflowInit() { } } waterflowInit(); -if (argonConfig.waterflow_columns != "1") { +if (argonConfig.waterflow_columns !== "1") { $(window).resize(function(){ waterflowInit(); }); @@ -755,7 +755,7 @@ if (argonConfig.waterflow_columns != "1") { } }); - if (localStorage['Argon_fabs_Floating_Status'] == "left"){ + if (localStorage['Argon_fabs_Floating_Status'] === "left"){ $fabtns.addClass("fabtns-float-left"); } $toggleSidesBtn.on("click" , function(){ @@ -789,9 +789,9 @@ if (argonConfig.waterflow_columns != "1") { $("html").addClass("use-serif"); localStorage['Argon_Use_Serif'] = "true"; }); - if (localStorage['Argon_Use_Serif'] == "true"){ + if (localStorage['Argon_Use_Serif'] === "true"){ $("html").addClass("use-serif"); - }else if (localStorage['Argon_Use_Serif'] == "false"){ + }else if (localStorage['Argon_Use_Serif'] === "false"){ $("html").removeClass("use-serif"); } //阴影 @@ -803,19 +803,19 @@ if (argonConfig.waterflow_columns != "1") { $("html").addClass("use-big-shadow"); localStorage['Argon_Use_Big_Shadow'] = "true"; }); - if (localStorage['Argon_Use_Big_Shadow'] == "true"){ + if (localStorage['Argon_Use_Big_Shadow'] === "true"){ $("html").addClass("use-big-shadow"); - }else if (localStorage['Argon_Use_Big_Shadow'] == "false"){ + }else if (localStorage['Argon_Use_Big_Shadow'] === "false"){ $("html").removeClass("use-big-shadow"); } //滤镜 function setBlogFilter(name){ - if (name == undefined || name == ""){ + if (name === undefined || name === ""){ name = "off"; } if (!$("html").hasClass("filter-" + name)){ $("html").removeClass("filter-sunset filter-darkness filter-grayscale"); - if (name != "off"){ + if (name !== "off"){ $("html").addClass("filter-" + name); } } @@ -830,11 +830,11 @@ if (argonConfig.waterflow_columns != "1") { //UI 样式切换 (玻璃拟态/新拟态) function setUIStyle(style){ - if (style == undefined || style == ""){ + if (style === undefined || style === ""){ style = "default"; } $("html").removeClass("style-glass style-neumorphism"); - if (style != "default"){ + if (style !== "default"){ $("html").addClass("style-" + style); } $(".blog-setting-style-btn").removeClass("active"); @@ -858,7 +858,7 @@ if (argonConfig.waterflow_columns != "1") { $readingProgressDetails.html((percent * 100).toFixed(0) + "%"); $readingProgressBar.css("width" , (percent * 100).toFixed(0) + "%"); } - if ($("article.post.post-full").length == 0){ + if ($("article.post.post-full").length === 0){ hideReadingProgress(); }else{ let a = $window.scrollTop() - ($("article.post.post-full").offset().top - 80); @@ -983,7 +983,7 @@ if (argonConfig.waterflow_columns != "1") { $('#post_comment').addClass("editing"); $("#post_comment_content").val($("#comment-" + editID + " .comment-item-source").text()); $("#post_comment_content").trigger("change"); - if ($("#comment-" + editID).data("use-markdown") == true && document.getElementById("comment_post_use_markdown") != null){ + if ($("#comment-" + editID).data("use-markdown") === true && document.getElementById("comment_post_use_markdown") !== null){ document.getElementById("comment_post_use_markdown").checked = true; }else{ document.getElementById("comment_post_use_markdown").checked = false; @@ -1002,7 +1002,7 @@ if (argonConfig.waterflow_columns != "1") { editing = false; editID = 0; $("#post_comment").removeClass("post-comment-force-privatemode-on post-comment-force-privatemode-off"); - if (clear == true) $("#post_comment_content").val(""); + if (clear === true) $("#post_comment_content").val(""); $("#post_comment_content").trigger("change"); $('#post_comment').removeClass("editing"); } @@ -1047,7 +1047,7 @@ if (argonConfig.waterflow_columns != "1") { }, success: function(result){ $("#comment_pin_comfirm_dialog").modal('hide'); - if (result.status == "success"){ + if (result.status === "success"){ if (pinned){ $("#comment-" + commentID + " .comment-name .badge-pinned").remove(); $("#comment-" + commentID + " .comment-unpin").removeClass("comment-unpin").addClass("comment-pin").html(__("置顶")); @@ -1104,9 +1104,8 @@ if (argonConfig.waterflow_columns != "1") { }); $("#comment_pin_comfirm_dialog").modal(null); } - - //显示/隐藏额外输入框 (评论者网站) +//显示/隐藏额外输入框 (评论者网站) $(document).on("click" , "#post_comment_toggle_extra_input" , function(){ $("#post_comment").toggleClass("show-extra-input"); if ($("#post_comment").hasClass("show-extra-input")){ @@ -1182,7 +1181,7 @@ if (argonConfig.waterflow_columns != "1") { } } }else{ - if (commentEmail.length || (document.getElementById("comment_post_mailnotice") != null && document.getElementById("comment_post_mailnotice").checked == true)){ + if (commentEmail.length || (document.getElementById("comment_post_mailnotice") !== null && document.getElementById("comment_post_mailnotice").checked === true)){ if ($("#post_comment").hasClass("enable-qq-avatar")){ if (!(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/).test(commentEmail) && !(/^[1-9][0-9]{4,10}$/).test(commentEmail)){ isError = true; @@ -1196,7 +1195,7 @@ if (argonConfig.waterflow_columns != "1") { } } } - if (commentLink != "" && !(/https?:\/\//).test(commentLink)){ + if (commentLink !== "" && !(/https?:\/\//).test(commentLink)){ isError = true; errorMsg += __("网站格式错误 (不是 http(s):// 开头)") + "
"; } @@ -1224,11 +1223,11 @@ if (argonConfig.waterflow_columns != "1") { } } else { // 原有的数学验证码检查 - if (commentCaptcha == ""){ + if (commentCaptcha === ""){ isError = true; errorMsg += __("验证码未输入"); } - if (commentCaptcha != "" && !(/^[0-9]+$/).test(commentCaptcha)){ + if (commentCaptcha !== "" && !(/^[0-9]+$/).test(commentCaptcha)){ isError = true; errorMsg += __("验证码格式错误"); } @@ -1399,7 +1398,7 @@ if (argonConfig.waterflow_columns != "1") { } //判断是否有错误 - if (result.status == "failed"){ + if (result.status === "failed"){ // 使用 setTimeout 确保 iziToast 操作在下一个事件循环中执行 setTimeout(function() { try { @@ -1445,15 +1444,15 @@ if (argonConfig.waterflow_columns != "1") { //插入新评论 result.html = result.html.replace(/<(\/).noscript>/g, ""); let parentID = result.parentID; - if (parentID == "" || parentID == null){ + if (parentID === "" || parentID === null){ parentID = 0; } parentID = parseInt(parentID); - if (parentID == 0){ - if ($("#comments > .card-body > ol.comment-list").length == 0){ + if (parentID === 0){ + if ($("#comments > .card-body > ol.comment-list").length === 0){ $("#comments > .card-body").html("

" + __("评论") + "

    "); } - if (result.commentOrder == "asc"){ + if (result.commentOrder === "asc"){ $("#comments > .card-body > ol.comment-list").append(result.html); }else{ $("#comments > .card-body > ol.comment-list").prepend(result.html); @@ -1610,7 +1609,7 @@ if (argonConfig.waterflow_columns != "1") { $("#post_comment_send .btn-inner--text.hide-on-comment-not-editing").html(__("编辑")); //判断是否有错误 - if (result.status == "failed"){ + if (result.status === "failed"){ iziToast.destroy(); iziToast.show({ title: __("评论编辑失败"), @@ -1632,7 +1631,7 @@ if (argonConfig.waterflow_columns != "1") { result.new_comment = result.new_comment.replace(/<(\/).noscript>/g, ""); $("#comment-" + editID + " .comment-item-text").html(result.new_comment); $("#comment-" + editID + " .comment-item-source").html(result.new_comment_source); - if ($("#comment-" + editID + " .comment-info .comment-edited").length == 0){ + if ($("#comment-" + editID + " .comment-info .comment-edited").length === 0){ $("#comment-" + editID + " .comment-info").prepend("
    " + __("已编辑") + "
    ") } if (result.can_visit_edit_history){ @@ -1668,7 +1667,7 @@ if (argonConfig.waterflow_columns != "1") { $("#post_comment_edit_cancel").removeAttr("disabled"); $("#post_comment_send .btn-inner--icon.hide-on-comment-not-editing").html(""); $("#post_comment_send .btn-inner--text.hide-on-comment-not-editing").html(__("编辑")); - if (result.readyState != 4 || result.status == 0){ + if (result.readyState !== 4 || result.status === 0){ iziToast.destroy(); iziToast.show({ title: __("评论编辑失败"), @@ -1723,7 +1722,7 @@ if (argonConfig.waterflow_columns != "1") { } } }else{ - if (commentEmail.length || (document.getElementById("comment_post_mailnotice") != null && document.getElementById("comment_post_mailnotice").checked == true)){ + if (commentEmail.length || (document.getElementById("comment_post_mailnotice") !== null && document.getElementById("comment_post_mailnotice").checked === true)){ if ($("#post_comment").hasClass("enable-qq-avatar")){ if (!(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/).test(commentEmail) && !(/^[1-9][0-9]{4,10}$/).test(commentEmail)){ isError = true; @@ -1737,7 +1736,7 @@ if (argonConfig.waterflow_columns != "1") { } } } - if (commentLink != "" && !(/https?:\/\//).test(commentLink)){ + if (commentLink !== "" && !(/https?:\/\//).test(commentLink)){ isError = true; errorMsg += __("网站格式错误 (不是 http(s):// 开头)") + "
    "; } @@ -1837,7 +1836,7 @@ $(document).on("click" , ".comment-upvote" , function(){ }, success : function(result){ $this.removeClass("comment-upvoting"); - if (result.status == "success"){ + if (result.status === "success"){ $(".comment-upvote-num" , $this).html(result.total_upvote); $this.addClass("upvoted"); }else{ @@ -1919,10 +1918,10 @@ $(document).on("dragstart" , ".emotion-keyboard .emotion-item > img, .comment-st e.preventDefault(); }); document.addEventListener('click', (e) => { - if (document.getElementById("comment_emotion_btn") == null){ + if (document.getElementById("comment_emotion_btn") === null){ return; } -　　if(e.target.id != "comment_emotion_btn" && e.target.id != "emotion_keyboard" && !document.getElementById("comment_emotion_btn").contains(e.target) && !document.getElementById("emotion_keyboard").contains(e.target)){ +　　if(e.target.id !== "comment_emotion_btn" && e.target.id !== "emotion_keyboard" && !document.getElementById("comment_emotion_btn").contains(e.target) && !document.getElementById("emotion_keyboard").contains(e.target)){ $("#comment_emotion_btn").removeClass("comment-emotion-keyboard-open"); 　　} }) @@ -1942,7 +1941,7 @@ function showCommentEditHistory(id){ id: id }, success: function(result){ - if ($("#comment_edit_history").data("request-id") != requestID){ + if ($("#comment_edit_history").data("request-id") !== requestID){ return; } $("#comment_edit_history .modal-body").hide(); @@ -1950,7 +1949,7 @@ function showCommentEditHistory(id){ $("#comment_edit_history .modal-body").fadeIn(300); }, error: function(result){ - if ($("#comment_edit_history").data("request-id") != requestID){ + if ($("#comment_edit_history").data("request-id") !== requestID){ return; } $("#comment_edit_history .modal-body").hide(); @@ -1964,7 +1963,7 @@ $(document).on("click" , ".comment-edited.comment-edithistory-accessible" , func }); /*过长评论折叠*/ function foldLongComments(){ - if (argonConfig.fold_long_comments == false){ + if (argonConfig.fold_long_comments === false){ return; } $(".comment-item-inner").each(function(){ @@ -1988,7 +1987,7 @@ function generateCommentTextAvatar(img){ emailHash = img.attr("src").match(/([a-f\d]{32}|[A-F\d]{32})/)[0]; }catch{ emailHash = img.parent().parent().parent().find(".comment-name").text().trim(); - if (emailHash == '' || emailHash == undefined){ + if (emailHash === '' || emailHash === undefined){ emailHash = img.parent().find("*[class*='comment-author']").text().trim(); } } @@ -1998,7 +1997,7 @@ function generateCommentTextAvatar(img){ } let colors = ['#e25f50', '#f25e90', '#bc67cb', '#9672cf', '#7984ce', '#5c96fa', '#7bdeeb', '#45d0e2', '#48b7ad', '#52bc89', '#9ace5f', '#d4e34a', '#f9d715', '#fac400', '#ffaa00', '#ff8b61', '#c2c2c2', '#8ea3af', '#a1877d', '#a3a3a3', '#b0b6e3', '#b49cde', '#c2c2c2', '#7bdeeb', '#bcaaa4', '#aed77f']; let text = $(".comment-name", img.parent().parent().parent()).text().trim()[0]; - if (text == '' || text == undefined){ + if (text === '' || text === undefined){ text = img.parent().find("*[class*='comment-author']").text().trim()[0]; } let classList = img.attr('class') + " text-avatar"; @@ -2078,7 +2077,7 @@ $(document).on("submit" , ".post-password-form" , function(){ NProgress.done(); $vdom = $(result); $("#comments > .card-body > ol.comment-list").append($("#comments > .card-body > ol.comment-list", $vdom).html()); - if ($("#comments_more", $vdom).length == 0){ + if ($("#comments_more", $vdom).length === 0){ $("#comments_more").remove(); $(".comments-navigation-more").html("
    " + __("没有更多了") + "
    "); }else{ @@ -2098,13 +2097,13 @@ $(document).on("submit" , ".post-password-form" , function(){ /*URL 中 # 根据 ID 定位*/ function gotoHash(hash, durtion, easing = 'easeOutExpo'){ - if (hash.length == 0){ + if (hash.length === 0){ return; } - if ($(hash).length == 0){ + if ($(hash).length === 0){ return; } - if (durtion == null){ + if (durtion === null){ durtion = 200; } $("body,html").stop().animate({ @@ -2145,7 +2144,7 @@ showPostOutdateToast(); /*Zoomify*/ function zoomifyInit(){ - if (argonConfig.zoomify == false){ + if (argonConfig.zoomify === false){ return; } if (typeof $.fn.zoomify === 'function') { @@ -2286,7 +2285,7 @@ $.pjax.defaults.container = ['#primary', '#leftbar_part1_menu', '#leftbar_part2_ $.pjax.defaults.fragment = ['#primary', '#leftbar_part1_menu', '#leftbar_part2_inner', '.page-information-card-container', '#rightbar', '#wpadminbar']; $(document).pjax("a[href]:not([no-pjax]):not(.no-pjax):not([target='_blank']):not([download]):not(.reference-link):not(.reference-list-backlink)") .on('pjax:click', function(e, f, g){ - if (argonConfig.disable_pjax == true){ + if (argonConfig.disable_pjax === true){ e.preventDefault(); return; } @@ -2340,8 +2339,8 @@ $(document).pjax("a[href]:not([no-pjax]):not(.no-pjax):not([target='_blank']):no pjaxLoading = false; NProgress.inc(); try{ - if (MathJax != undefined){ - if (MathJax.Hub != undefined){ + if (MathJax !== undefined){ + if (MathJax.Hub !== undefined){ MathJax.Hub.Typeset(); }else{ MathJax.typeset(); @@ -2349,7 +2348,7 @@ $(document).pjax("a[href]:not([no-pjax]):not(.no-pjax):not([target='_blank']):no } }catch (err){} try{ - if (renderMathInElement != undefined){ + if (renderMathInElement !== undefined){ renderMathInElement(document.body,{ delimiters: [ {left: "$$", right: "$$", display: true}, @@ -2374,7 +2373,7 @@ $(document).pjax("a[href]:not([no-pjax]):not(.no-pjax):not([target='_blank']):no foldLongShuoshuo(); $("html").trigger("resize"); - if (typeof(window.pjaxLoaded) == "function"){ + if (typeof(window.pjaxLoaded) === "function"){ try{ window.pjaxLoaded(); }catch (err){ @@ -2471,11 +2470,11 @@ $(document).on("click" , "#blog_categories .tag" , function(){ }); // 移动端侧边栏搜索 $(document).on("keydown" , "#leftbar_mobile_search_input" , function(e){ - if (e.keyCode != 13){ + if (e.keyCode !== 13){ return; } let word = $(this).val(); - if (word == ""){ + if (word === ""){ return; } $("html").removeClass("leftbar-opened"); @@ -3001,7 +3000,7 @@ $(document).on("click" , ".collapse-block .collapse-block-title" , function(){ function getGithubInfoCardContent(){ $(".github-info-card").each(function(){ (function($this){ - if ($this.attr("data-getdata") == "backend"){ + if ($this.attr("data-getdata") === "backend"){ $(".github-info-card-description" , $this).html($this.attr("data-description")); $(".github-info-card-stars" , $this).html($this.attr("data-stars")); $(".github-info-card-forks" , $this).html($this.attr("data-forks")); @@ -3018,7 +3017,7 @@ function getGithubInfoCardContent(){ dataType : "json", success : function(result){ description = result.description; - if (result.homepage != "" && result.homepage != null){ + if (result.homepage !== "" && result.homepage !== null){ description += " " + result.homepage + "" } $(".github-info-card-description" , $this).html(description); @@ -3026,7 +3025,7 @@ function getGithubInfoCardContent(){ $(".github-info-card-forks" , $this).html(result.forks_count); }, error : function(xhr){ - if (xhr.status == 404){ + if (xhr.status === 404){ $(".github-info-card-description" , $this).html(__("找不到该 Repo")); }else{ $(".github-info-card-description" , $this).html(__("获取 Repo 信息失败")); @@ -3053,7 +3052,7 @@ $(document).on("click" , ".shuoshuo-upvote" , function(){ }, success : function(result){ $this.removeClass("shuoshuo-upvoting"); - if (result.status == "success"){ + if (result.status === "success"){ $(".shuoshuo-upvote-num" , $this).html(result.total_upvote); $("i.fa-thumbs-o-up" , $this).addClass("fa-thumbs-up").removeClass("fa-thumbs-o-up"); $this.addClass("upvoted"); @@ -3105,7 +3104,7 @@ $(document).on("click" , ".shuoshuo-upvote" , function(){ }); //折叠长说说 function foldLongShuoshuo(){ - if (argonConfig.fold_long_shuoshuo == false){ + if (argonConfig.fold_long_shuoshuo === false){ return; } $("#main .shuoshuo-foldable > .shuoshuo-content").each(function(){ @@ -3135,7 +3134,7 @@ function rgb2hsl(R,G,B){ let H, S, L = (var_Max + var_Min) / 2; - if (del_Max == 0){ + if (del_Max === 0){ H = 0; S = 0; }else{ @@ -3149,13 +3148,13 @@ function rgb2hsl(R,G,B){ del_G = (((var_Max - g) / 6) + (del_Max / 2)) / del_Max; del_B = (((var_Max - b) / 6) + (del_Max / 2)) / del_Max; - if (r == var_Max){ + if (r === var_Max){ H = del_B - del_G; } - else if (g == var_Max){ + else if (g === var_Max){ H = (1 / 3) + del_R - del_B; } - else if (b == var_Max){ + else if (b === var_Max){ H = (2 / 3) + del_G - del_R; } if (H < 0) H += 1; @@ -3180,7 +3179,7 @@ function Hue_2_RGB(v1,v2,vH){ } function hsl2rgb(h,s,l){ let r, g, b, var_1, var_2; - if (s == 0){ + if (s === 0){ r = l; g = l; b = l; @@ -3252,7 +3251,7 @@ function hex2str(hex){ return rgb2str(hex2rgb(hex)); } //颜色选择器 & 切换主题色 -if ($("meta[name='argon-enable-custom-theme-color']").attr("content") == 'true'){ +if ($("meta[name='argon-enable-custom-theme-color']").attr("content") === 'true'){ let themeColorPicker = new Pickr({ el: '#theme-color-picker', container: 'body', @@ -3330,8 +3329,7 @@ function updateThemeColor(color, setcookie){ document.documentElement.style.setProperty('--themecolor-S', HSL['S']); document.documentElement.style.setProperty('--themecolor-L', HSL['L']); - - if (rgb2gray(RGB['R'], RGB['G'], RGB['B']) < 50){ +if (rgb2gray(RGB['R'], RGB['G'], RGB['B']) < 50){ $("html").addClass("themecolor-toodark"); }else{ $("html").removeClass("themecolor-toodark"); @@ -3362,7 +3360,7 @@ function startTypeEffect($element, text, interval){ typeEffect($element, text, 1, interval); } !function(){ - if ($(".banner-title").data("interval") != undefined){ + if ($(".banner-title").data("interval") !== undefined){ let interval = $(".banner-title").data("interval"); let $title = $(".banner-title-inner"); let $subTitle = $(".banner-subtitle"); @@ -3401,7 +3399,7 @@ function randomString(len) { } var codeOfBlocks = {}; function getCodeFromBlock(block){ - if (codeOfBlocks[block.id] != undefined){ + if (codeOfBlocks[block.id] !== undefined){ return codeOfBlocks[block.id]; } let lines = $(".hljs-ln-code", block); @@ -3415,10 +3413,10 @@ function getCodeFromBlock(block){ return res; } function highlightJsRender(){ - if (typeof(hljs) == "undefined"){ + if (typeof(hljs) === "undefined"){ return; } - if (typeof(argonConfig.code_highlight.enable) == "undefined"){ + if (typeof(argonConfig.code_highlight.enable) === "undefined"){ return; } if (!argonConfig.code_highlight.enable){ @@ -3560,7 +3558,7 @@ function humanTimeDiff(time){ theDayBeforeYesterday.setMinutes(0); theDayBeforeYesterday.setSeconds(0); theDayBeforeYesterday.setMilliseconds(0); - if (time > theDayBeforeYesterday && argonConfig.language.indexOf("zh") == 0){ + if (time > theDayBeforeYesterday && argonConfig.language.indexOf("zh") === 0){ return __("前天") + " " + time.getHours() + ":" + addPreZero(time.getMinutes(), 2); } if (delta < 1000 * 60 * 60 * 24 * 30){ @@ -3574,17 +3572,17 @@ function humanTimeDiff(time){ theFirstDayOfThisYear.setSeconds(0); theFirstDayOfThisYear.setMilliseconds(0); if (time > theFirstDayOfThisYear){ - if (argonConfig.dateFormat == "YMD" || argonConfig.dateFormat == "MDY"){ + if (argonConfig.dateFormat === "YMD" || argonConfig.dateFormat === "MDY"){ return (time.getMonth() + 1) + "-" + time.getDate(); }else{ return time.getDate() + "-" + (time.getMonth() + 1); } } - if (argonConfig.dateFormat == "YMD"){ + if (argonConfig.dateFormat === "YMD"){ return time.getFullYear() + "-" + (time.getMonth() + 1) + "-" + time.getDate(); - }else if (argonConfig.dateFormat == "MDY"){ + }else if (argonConfig.dateFormat === "MDY"){ return time.getDate() + "-" + (time.getMonth() + 1) + "-" + time.getFullYear(); - }else if (argonConfig.dateFormat == "DMY"){ + }else if (argonConfig.dateFormat === "DMY"){ return time.getDate() + "-" + (time.getMonth() + 1) + "-" + time.getFullYear(); } } @@ -3598,7 +3596,6 @@ setInterval(function(){ calcHumanTimesOnPage() }, 15000); - /*Console*/ !function(){ void 0; diff --git a/style.css b/style.css index 6847290..e5c9dc0 100644 --- a/style.css +++ b/style.css @@ -1,208 +1,104 @@ /* - -Theme Name: argon - -Author: solstice23 - -Author URI: https://solstice23.top/ - -Description: 轻盈、简洁、美观的 Wordpress 主题 - -Version: 1.5.0 - -License: GNU General Public License v3.0 - -License URI: https://www.gnu.org/licenses/gpl-3.0.html - -Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, 夜间模式, 可自定义 - -*/ - - + * Theme Name: argon + * Author: solstice23 + * Author URI: https://solstice23.top/ + * Description: 轻盈、简洁、美观的 Wordpress 主题 + * Version: 1.5.0 + * License: GNU General Public License v3.0 + * License URI: https://www.gnu.org/licenses/gpl-3.0.html + * Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, 夜间模式, 可自定义 + */ @charset "utf-8"; - :root { - --themecolor: #5e72e4; - --themecolor-R: 94; - --themecolor-G: 114; - --themecolor-B: 228; - --themecolor-H: 231; - --themecolor-S: 71; - --themecolor-L: 63; - --themecolor-rgbstr: var(--themecolor-R), var(--themecolor-G), var(--themecolor-B); - --themecolor-dark0: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), max(calc(var(--themecolor-L) * 1% - 2.5%), 0%)); - --themecolor-dark: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), max(calc(var(--themecolor-L) * 1% - 5%), 0%)); - --themecolor-dark2: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), max(calc(var(--themecolor-L) * 1% - 10%), 0%)); - --themecolor-dark3: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), max(calc(var(--themecolor-L) * 1% - 15%), 0%)); - --themecolor-light: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), min(calc(var(--themecolor-L) * 1% + 10%), 100%)); - --themecolor-gradient: linear-gradient(150deg, var(--themecolor-light) 15%, var(--themecolor) 70%, var(--themecolor-dark0) 94%); - - - --color-tint-70: - calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.7), - calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.7), - calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.7); - --color-tint-78: - calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.78), - calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.78), - calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.78); - --color-tint-80: - calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.8), - calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.8), - calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.8); - --color-tint-82: - calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.82), - calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.82), - calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.82); - --color-tint-86: - calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.86), - calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.86), - calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.86); - --color-tint-92: - calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.92), - calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.92), - calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.92); - --color-tint-95: - calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.95), - calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.95), - calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.95); - --color-shade-70: - calc(30 * 0.7 + var(--themecolor-R) * (1 - 0.7)), - calc(30 * 0.7 + var(--themecolor-G) * (1 - 0.7)), - calc(30 * 0.7 + var(--themecolor-B) * (1 - 0.7)); - --color-shade-75: - calc(30 * 0.75 + var(--themecolor-R) * (1 - 0.75)), - calc(30 * 0.75 + var(--themecolor-G) * (1 - 0.75)), - calc(30 * 0.75 + var(--themecolor-B) * (1 - 0.75)); - --color-shade-80: - calc(30 * 0.8 + var(--themecolor-R) * (1 - 0.8)), - calc(30 * 0.8 + var(--themecolor-G) * (1 - 0.8)), - calc(30 * 0.8 + var(--themecolor-B) * (1 - 0.8)); - --color-shade-82: - calc(30 * 0.82 + var(--themecolor-R) * (1 - 0.82)), - calc(30 * 0.82 + var(--themecolor-G) * (1 - 0.82)), - calc(30 * 0.82 + var(--themecolor-B) * (1 - 0.82)); - --color-shade-86: - calc(30 * 0.86 + var(--themecolor-R) * (1 - 0.86)), - calc(30 * 0.86 + var(--themecolor-G) * (1 - 0.86)), - calc(30 * 0.86 + var(--themecolor-B) * (1 - 0.86)); - --color-shade-90: - calc(30 * 0.9 + var(--themecolor-R) * (1 - 0.9)), - calc(30 * 0.9 + var(--themecolor-G) * (1 - 0.9)), - calc(30 * 0.9 + var(--themecolor-B) * (1 - 0.9)); - --color-shade-94: - calc(30 * 0.94 + var(--themecolor-R) * (1 - 0.94)), - calc(30 * 0.94 + var(--themecolor-G) * (1 - 0.94)), - calc(30 * 0.94 + var(--themecolor-B) * (1 - 0.94)); - --color-shade-96: - calc(30 * 0.96 + var(--themecolor-R) * (1 - 0.96)), - calc(30 * 0.96 + var(--themecolor-G) * (1 - 0.96)), - calc(30 * 0.96 + var(--themecolor-B) * (1 - 0.96)); - --color-tint-blue: - calc(204 * 0.6 + var(--themecolor-R) * (1 - 0.6)), - calc(226 * 0.6 + var(--themecolor-G) * (1 - 0.6)), - calc(255 * 0.6 + var(--themecolor-B) * (1 - 0.6)); - - - --color-background: #f4f5f7; - --color-foreground: #fff; - --color-widgets: #fff; - --color-widgets-disabled: #e9ecef; - --color-border: #dce0e5; - --color-border-on-foreground: #f3f3f3; - --color-border-on-foreground-deeper: #eee; - --color-text-deeper: #212529; - --color-selection: #cce2ff; - /* ========== 统一动画系统 - 桌面端和移动端一致 ========== */ /* 动画时长 - 基于 Material Design 3 规范 */ --animation-instant: 100ms; @@ -210,7 +106,6 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, --animation-normal: 250ms; --animation-slow: 400ms; --animation-slower: 600ms; - /* 缓动函数 - Material 3 标准曲线 */ --ease-standard: cubic-bezier(0.2, 0, 0, 1); --ease-standard-decelerate: cubic-bezier(0, 0, 0, 1); @@ -218,12 +113,10 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, --ease-emphasized: cubic-bezier(0.2, 0, 0, 1); --ease-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1); --ease-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15); - /* 弹性缓动 - 用于交互反馈 */ --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55); --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1); - /* 状态层透明度 - Material 3 */ --state-hover-opacity: 0.08; --state-focus-opacity: 0.12; @@ -232,111 +125,59 @@ Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, } html.darkmode body { - --color-background: #282828; - --color-foreground: #424242; - --color-widgets: #555; - --color-widgets-disabled: #474747; - --color-border: #777; - --color-border-on-foreground: #555; - --color-border-on-foreground-deeper: #777; - --color-text-deeper: #eee; - --color-darkmode-toolbar: 33, 33, 33; - --color-darkmode-banner: #212121; - --color-selection: #607799; - } html.darkmode.amoled-dark body, html.darkmode.amoled-dark.immersion-color body { - --color-background: #111; - --color-foreground: #000; - --color-widgets: #151515; - --color-widgets-disabled: #000; - --color-border: #222; - --color-border-on-foreground: #181818; - --color-border-on-foreground-deeper: #252525; - --color-text-deeper: #eee; - --color-selection: #607799; - - - - --color-darkmode-toolbar: 0, 0, 0; - +--color-darkmode-toolbar: 0, 0, 0; --color-darkmode-banner: #131313; - } - - html.immersion-color body { - --color-background: rgb(var(--color-tint-86)); - --color-foreground: rgb(var(--color-tint-92)); - --color-widgets: rgb(var(--color-tint-95)); - --color-widgets-disabled: rgb(var(--color-tint-86)); - --color-border: rgb(var(--color-tint-78)); - --color-border-on-foreground: rgb(var(--color-tint-86)); - --color-border-on-foreground-deeper: rgb(var(--color-tint-80)); - --color-text-deeper: rgb(var(--color-shade-82)); - --color-selection: rgb(var(--color-tint-70)); - } html.immersion-color.darkmode body { - --color-background: rgb(var(--color-shade-94)); - --color-foreground: rgb(var(--color-shade-90)); - --color-widgets: rgb(var(--color-shade-86)); - --color-widgets-disabled: rgb(var(--color-shade-82)); - --color-border: rgb(var(--color-shade-80)); - --color-border-on-foreground: rgb(var(--color-shade-82)); - --color-border-on-foreground-deeper: rgb(var(--color-shade-75)); - --color-text-deeper: rgb(var(--color-tint-82)); - --color-selection: rgb(var(--color-shade-70)); - - - - --color-darkmode-toolbar: var(--color-shade-90); - +--color-darkmode-toolbar: var(--color-shade-90); --color-darkmode-banner: rgb(var(--color-shade-96)); - } /* 主题切换过渡效果 (Dark/Light Mode Transition) */ @@ -365,9 +206,7 @@ html.theme-transitioning *::after { .dropdown-menu, .dropdown-menu:before { - background-color: var(--color-foreground) !important; - } .form-control, @@ -387,77 +226,50 @@ html.theme-transitioning *::after { .custom-control-label::before, .btn-secondary { - background-color: var(--color-widgets); - } .page-link { - border-color: var(--color-border) !important; - } .modal-header, .custom-control-label::before { - border-color: var(--color-border-on-foreground-deeper) !important; - } .page-link:hover { - background-color: var(--color-widgets-disabled); - } .form-control:disabled, .form-control[readonly] { - background-color: var(--color-widgets-disabled); - } - - /* Main CSS */ :root { - --card-radius: 4px; - --font: "Open Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, - Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif; - } html.themecolor-toodark.darkmode { - --themecolor: #5e72e4 !important; - --themecolor-light: #8a98eb !important; - } - - body { - background: var(--color-background) !important; - font-family: var(--font); - overflow: overlay; - } a { - transition: color var(--animation-normal) var(--ease-standard); - } audio, @@ -467,25 +279,17 @@ canvas, progress, video { - display: inline-block; - vertical-align: baseline; - } article .post-content { - margin-top: 6px; - } article .post-content p { - line-height: 1.8; - word-wrap: break-word; - } article h1, @@ -501,9 +305,7 @@ article h5, article h6, article strong { - font-weight: 600; - } article h1, @@ -517,285 +319,177 @@ article h4, article h5, article h6 { - margin-top: 18px !important; - margin-bottom: 15px; - } article h1 { - font-size: 30px; - } article h2 { - font-size: 26px; - } article h3 { - font-size: 22px; - } article h4 { - font-size: 18px; - } article h5 { - font-size: 15px; - } article h6 { - font-size: 13px; - } article figcaption { - text-align: center; - opacity: 0.65; - margin-top: 10px; - } article img, .shuoshuo-preview-container img { - max-width: 100%; - height: auto; - } .shuoshuo-preview-container img { - border-radius: var(--card-radius); - } .shuoshuo-preview-container p + p > img:first-child { - margin-top: 12px; - } article .wp-block-image figcaption, .shuoshuo-preview-container .wp-block-image figcaption { - text-align: center; - font-size: 14px; - opacity: 0.6; - } article video, .shuoshuo-preview-container video { - max-width: 100%; - outline: none; - } article .wp-caption, .shuoshuo-preview-container .wp-caption { - max-width: 100%; - } article .post-content a { - position: relative; - } article .post-content a:before { - content: " "; - position: absolute; - top: auto; - bottom: 0px; - left: 0; - width: 100%; - height: 1px; - background-color: var(--themecolor); - transition: all 0.2s; - transform: scaleX(0); - backface-visibility: hidden; - } article .post-content a[class*="button"]:before { - display: none; - } article .post-content a:hover:before { - transform: scaleX(1); - } article .post-content a.no-hover-underline:before { - display: none; - } html:not(.disable-codeblock-style) article pre:not(.hljs-codeblock) { - font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", - "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, - monospace; - font-size: 14px; - line-height: 1.375; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - tab-size: 4; - hyphens: none; - color: #5e6687; - background: var(--color-border-on-foreground); - direction: ltr; - border: 1px solid var(--color-border-on-foreground-deeper); - padding: 14px; - border-radius: 3px; - } article .post-content blockquote { - padding-left: 1em; - margin: 1em 3em 1em 0; - font-weight: 400; - border-left: 4px solid var(--color-border-on-foreground-deeper); - } article .post-content mark { - padding: 2px; - margin: 0 5px; - background: #fffdd1; - border-bottom: 1px solid #ffedce; - } article .post-content u, article .post-content ins { - text-decoration: none; - border-bottom: 1px solid; - } html:not(.disable-codeblock-style) article code:not([hljs-codeblock-inner]) { - font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", - "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, - monospace; - color: #5e6687; - background: var(--color-border-on-foreground); - border: 1px solid var(--color-border-on-foreground-deeper); - direction: ltr; - border-radius: 3px; - padding: 0 4px; - } html:not(.disable-codeblock-style) article .post-content > code:not([hljs-codeblock-inner]), article .post-content > p > code:not([hljs-codeblock-inner]) { - padding: 2px 5px; - } article .post-content abbr[title] { - text-decoration: none; - cursor: help; - border-bottom: 1px dotted; - } article .post-content kbd { - padding: 2px 6px; - font-size: 90%; - color: #fff; - background-color: #333; - border-radius: 3px; - } article .wp-embedded-content, @@ -805,9 +499,7 @@ article .blocks-gallery-grid, article .wp-block-gallery, article .wp-block-media-text { - max-width: 100%; - } article .blocks-gallery-grid.is-cropped .blocks-gallery-image .fancybox-wrapper, @@ -817,39 +509,27 @@ article .blocks-gallery-grid.is-cropped .blocks-gallery-item .fancybox-wrapper, article .wp-block-gallery.is-cropped .blocks-gallery-image .fancybox-wrapper, article .wp-block-gallery.is-cropped .blocks-gallery-item .fancybox-wrapper { - height: 100%; - flex: 1; - -o-object-fit: cover; - object-fit: cover; - } article .wp-block-cover, article .wp-block-cover-image { - padding: 0; - } article .wp-block-cover-image .wp-block-cover__inner-container, article .wp-block-cover .wp-block-cover__inner-container { - position: absolute; - } article table { - max-width: 100%; - word-break: break-word; - } article table > tbody > tr > td, @@ -863,19 +543,13 @@ article table > tfoot > tr > th, article table > thead > tr > td, article table > thead > tr > th { - padding: 1rem; - vertical-align: top; - border: 1px solid var(--color-border-on-foreground-deeper); - } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { - background-color: var(--color-border-on-foreground) !important; - } article figure.is-style-stripes table > tbody > tr > td, @@ -889,107 +563,71 @@ article figure.is-style-stripes table > tfoot > tr > th, article figure.is-style-stripes table > thead > tr > td, article figure.is-style-stripes table > thead > tr > th { - border: none !important; - } .wp-block-table.is-style-stripes { - border-bottom: none !important; - } article hr, article .wp-block-separator { - border-top: 0.0625rem solid var(--color-border-on-foreground-deeper); - border-bottom: none; - } ::-webkit-scrollbar { - width: 10px; - height: 8px; - background-color: rgba(0, 0, 0, 0); - } ::-webkit-scrollbar-track { - background-color: transparent; - } ::-webkit-scrollbar-thumb { - background-color: rgba(0, 0, 0, 0.25); - border-radius: 100px; - border: 2px solid transparent; - background-clip: content-box; - } ::-webkit-scrollbar-thumb:hover { - background-color: rgba(var(--themecolor-rgbstr), 0.7) !important; - } *::selection { - background-color: var(--color-selection); - } *::-moz-selection { - background-color: var(--color-selection); - } *::-webkit-selection { - background-color: var(--color-selection); - } html.darkmode *::selection { - background-color: var(--color-selection); - } html.darkmode *::-moz-selection { - background-color: var(--color-selection); - } html.darkmode *::-webkit-selection { - background-color: var(--color-selection); - } html.use-serif body { - --font: "Noto Serif SC", serif, system-ui; - } html.use-big-shadow *.shadow-sm { - box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important; - } /*标题样式*/ @@ -999,9 +637,7 @@ html.use-big-shadow *.shadow-sm { .article-header-style-1 article h2, .article-header-style-1 article h3 { - position: relative; - } .article-header-style-1 article h1:after, @@ -1009,49 +645,30 @@ html.use-big-shadow *.shadow-sm { .article-header-style-1 article h2:after, .article-header-style-1 article h3:after { - content: ""; - display: block; - position: absolute; - background: var(--themecolor); - opacity: 0.25; - pointer-events: none; - border-radius: 15px; - left: -2px; - bottom: 0px; - } .article-header-style-1 article h1:after { - width: 45px; - height: 13px; - } .article-header-style-1 article h2:after { - width: 40px; - height: 11px; - } .article-header-style-1 article h3:after { - width: 30px; - height: 9px; - } .article-header-style-1 article h1.text-center:after, @@ -1077,11 +694,8 @@ html.use-big-shadow *.shadow-sm { .article-header-style-1 article h3[style*="text-align:center"]:after, .article-header-style-1 article h3[class*="text-align-center"]:after { - left: 50%; - transform: translateX(-50%); - } .article-header-style-1 article h1.text-right:after, @@ -1107,11 +721,8 @@ html.use-big-shadow *.shadow-sm { .article-header-style-1 article h3[style*="text-align:right"]:after, .article-header-style-1 article h3[class*="text-align-right"]:after { - left: unset; - right: -2px; - } .article-header-style-2 article h1:before, @@ -1119,93 +730,62 @@ html.use-big-shadow *.shadow-sm { .article-header-style-2 article h2:before, .article-header-style-2 article h3:before { - content: ""; - display: inline-block; - background: var(--themecolor); - opacity: 1; - pointer-events: none; - border-radius: 15px; - width: 6px; - vertical-align: middle; - margin-right: 15px; - } .article-header-style-2 article h1:before { - height: 25px; - transform: translateY(-1px); - } .article-header-style-2 article h2:before { - height: 20px; - transform: translateY(-2px); - } .article-header-style-2 article h3:before { - height: 16px; - transform: translateY(-1px); - } .no-results header h1:after { - display: none !important; - } /*卡片圆角*/ .card { - border-radius: var(--card-radius); - } /*主题色适配*/ .text-primary { - color: var(--themecolor) !important; - } a, .btn-neutral { - color: var(--themecolor); - } a:hover { - color: var(--themecolor-dark); - } a.text-primary:focus, a.text-primary:hover { - color: var(--themecolor) !important; - } .btn-primary.disabled, @@ -1318,127 +898,82 @@ a.text-primary:hover { .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-control-input:not(:disabled):active ~ .custom-control-label::before { - border-color: var(--themecolor) !important; - background-color: var(--themecolor); - } /*页面框架*/ #content { - padding: 0 5px; - max-width: 1200px; - margin: auto; - margin-top: -30vh; - } html.no-banner #content { - margin-top: 85px; - } html.banner-mini #content, html.is-home.banner-as-cover #content { - margin-top: unset; - } @media screen and (min-width: 1700px) { - #content { - max-width: 1500px; - } - } @media screen and (max-width: 900px) { - html.no-banner #content { - margin-top: 60px; - } - } #primary { - width: calc(100% - 280px); - float: right; - } #leftbar { - padding-left: 20px; - padding-right: 20px; - width: 280px; - float: left; - margin-bottom: 25px; - } #main { - padding: 0 20px; - overflow: visible; - position: relative; - } #main.waterflow { - padding: 0; - } .waterflow-placeholder { - pointer-events: none; - } - - /*双栏反转布局*/ html.double-column-reverse #leftbar { - float: right; - } html.double-column-reverse #primary { - float: left; - } /*单栏布局*/ html.single-column #leftbar { - display: none; - } /* 单栏布局 - 移动端侧边栏支持 */ @@ -1468,27 +1003,18 @@ html.single-column #leftbar { } html.single-column #primary { - width: 100%; - float: none; - max-width: 1200px; - margin: auto; - } html.single-column #primary.waterflow { - max-width: 1500px; - } html.single-column #main { - padding: 0; - } /* 单栏布局 - 桌面端隐藏侧边栏按钮 */ @@ -1499,15 +1025,10 @@ html.single-column #main { } html.single-column .page-information-card { - width: 100%; - max-width: 1200px; - margin-left: auto; - margin-right: auto; - } /* 单栏布局 - 桌面端隐藏顶栏侧边栏按钮 */ @@ -1520,1600 +1041,961 @@ html.single-column .page-information-card { /*三栏布局*/ #rightbar { - padding-left: 0; - padding-right: 0; - width: 280px; - float: right; - margin-bottom: 25px; - } #rightbar > .card { - margin-left: 10px; - margin-right: 20px; - margin-bottom: 15px; - padding: 20px 25px; - } #rightbar > .card ul { - list-style: none; - padding-inline-start: 0; - } #rightbar > .card ul li { - margin-bottom: 5px; - } #rightbar > .card > h6 { - margin-bottom: 15px; - } @media screen and (min-width: 1100px) { - html.triple-column #leftbar { - padding-right: 10px; - } - html.triple-column #leftbar_part2.sticky { - width: 250px; - } - html.triple-column #primary { - width: calc(100% - 560px); - float: left; - } - } html.triple-column #content { - max-width: 1500px; - } @media screen and (min-width: 1700px) { - html.triple-column #content { - max-width: 1600px; - } - } @media screen and (max-width: 1100px) { - #rightbar { - display: none; - } - } - - /*Pjax加载动画 & 卡片动画*/ @keyframes card-show { - 0% { - opacity: 0; - transform: scale(0.95) translateY(8px); - } - 100% { - opacity: 1; - transform: none; - } - } #primary { - transition: all var(--animation-normal) var(--ease-standard); - } .card { - animation: card-show var(--animation-normal) var(--ease-emphasized-decelerate); - transform-origin: center top; - } .card .card { - animation: none; - } /*顶栏和 Banner 部分*/ #navbar-main { - --toolbar-color: var(--themecolor-rgbstr); - } .headroom--pinned { - z-index: 100; - } html.darkmode #navbar-main { - --toolbar-color: var(--color-darkmode-toolbar); - } @media (min-width: 1700px) { - .navbar-main .container { - max-width: 1500px !important; - } - } @media (min-width: 1200px) and (max-width: 1700px) { - .navbar-main .container { - max-width: 1200px !important; - } - } @media (min-width: 900px) { - .navbar-main .container { - max-width: 100%; - } - } .dropdown-menu .dropdown-item { - line-height: 1.5; - } .dropdown-item:focus, .dropdown-item:hover { - background: var(--color-border-on-foreground); - } .dropdown-item:active { - background: var(--themecolor); - } .navbar-brand { - text-transform: none; - vertical-align: middle; - } .navbar-brand:focus, .navbar-brand:hover { - color: #fff !important; - } .navbar-brand.navbar-icon-mobile { - display: none; - } #navbar-main { - transition: background 0s, padding 0.15s ease; - background-color: var(--toolbar-color) !important; - padding-top: 0.5rem; - padding-bottom: 0.5rem; - transition: all var(--animation-normal) var(--ease-standard); - } #navbar-main.navbar-ontop { - padding-top: 1rem; - padding-bottom: 1rem; - } body.leftbar-can-headroom.headroom---unpinned #navbar-main { - transform: translateY(-100%); - } - - #navbar_search_input_container:not(.open) { - cursor: pointer; - } #navbar_search_input_container .input-group { - box-shadow: none; - border-radius: 20px; - overflow: hidden; - transition: all var(--animation-normal) var(--ease-standard); - } #navbar_search_input_container:not(.open) .input-group { - background: transparent; - } #navbar_search_input_container:not(.open) .input-group:hover { - background: rgba(255, 255, 255, 0.15); - } #navbar_search_input_container.open .input-group { - background: rgba(255, 255, 255, 0.2); - backdrop-filter: blur(12px); - -webkit-backdrop-filter: blur(12px); - } #navbar_search_input_container.open .input-group:hover, #navbar_search_input_container.open .input-group:focus-within { - background: rgba(255, 255, 255, 0.95); - backdrop-filter: none; - } #navbar_search_input_container:not(.open) .input-group-text { - background: transparent; - color: #fff; - } #navbar_search_input_container.open .input-group-text { - background: transparent; - color: #fff; - transition: color var(--animation-normal) var(--ease-standard); - } #navbar_search_input_container.open .input-group:hover .input-group-text, #navbar_search_input_container.open .input-group:focus-within .input-group-text { - color: #666; - } #navbar_search_input_container .input-group-text i.fa { - font-size: 16px; - } #navbar_search_input_container:not(.open) input.form-control { - width: 0 !important; - padding: 0 !important; - background: transparent; - } #navbar_search_input_container.open input.form-control { - background: transparent; - color: #fff; - transition: color var(--animation-normal) var(--ease-standard); - } #navbar_search_input_container.open input.form-control::placeholder { - color: rgba(255, 255, 255, 0.7); - transition: color var(--animation-normal) var(--ease-standard); - } #navbar_search_input_container.open .input-group:hover input.form-control, #navbar_search_input_container.open .input-group:focus-within input.form-control { - color: #333; - } #navbar_search_input_container.open .input-group:hover input.form-control::placeholder, #navbar_search_input_container.open .input-group:focus-within input.form-control::placeholder { - color: #999; - } #navbar_search_input_container .input-group-prepend { - margin-right: 0px; - } #navbar_search_input_container .input-group-text { - transition: all var(--animation-slow) var(--ease-emphasized); - } #navbar_search_input_container input.form-control { - width: 200px; - transition: all 0.5s cubic-bezier(0.4, 0, 0, 1); - } #navbar_search_btn_mobile { - display: none; - } #navbar_menu_mask { - display: none; - } html.navbar-absolute #navbar-main { - position: absolute !important; - } html.navbar-absolute:not(.no-banner) #navbar-main { - background-color: transparent; - box-shadow: none; - } html.no-banner #navbar-main { - background-color: rgba(var(--themecolor-rgbstr), 0.82) !important; - } html.no-banner.toolbar-blur #navbar-main { - background-color: rgba(var(--themecolor-rgbstr), 0.6) !important; - backdrop-filter: blur(20px) saturate(130%); -webkit-backdrop-filter: blur(20px) saturate(130%); - } html.no-banner.toolbar-blur #navbar-main.navbar-no-blur { - background-color: rgba(var(--themecolor-rgbstr), 0.85) !important; - backdrop-filter: blur(0px); - } .banner { - margin-bottom: 25px; - height: 71.8vh; - overflow: hidden; - background-position: center; - background-repeat: no-repeat; - background-size: cover; - } .banner-container { - height: calc(40vh - 120px) !important; - } .banner-title { - font-size: 1.8em; - vertical-align: middle; - position: absolute; - top: 50%; - transform: translateY(-50%); - width: 100%; - left: 0; - } .banner-subtitle { - margin-top: 10px; - font-size: 16px; - opacity: 0.9; - } .banner-title-inner.typing-effect:after, .banner-subtitle.typing-effect:after { - content: ""; - width: 0px; - height: 30px; - display: inline-block; - transform: translateX(5px) translateY(5px); - animation: cursor-flash-effect 1s; - animation-fill-mode: forwards; - outline: 1px solid #fff; - animation-iteration-count: var(--animation-cnt); - } .banner-subtitle.typing-effect:after { - height: 16px; - transform: translateX(5px) translateY(2px); - outline: 0.5px solid #fff; - opacity: 0.9; - } @keyframes cursor-flash-effect { - 0% { - opacity: 0; - } - 15% { - opacity: 1; - } - 50% { - opacity: 1; - } - 65% { - opacity: 0; - } - 100% { - opacity: 0; - } - } html.no-banner .banner { - display: none; - } html.banner-mini .banner { - height: unset; - } html.banner-mini .banner > .banner-container { - height: unset !important; - } html.banner-mini .banner > .banner-container > .banner-title { - position: unset; - top: unset; - transform: unset; - } html.is-home.banner-as-cover.banner-as-cover .banner { - height: 100vh; - } html.is-home.banner-as-cover.banner-as-cover .banner-container { - height: 100% !important; - } .cover-scroll-down { - display: block; - width: max-content; - color: #fff; - position: absolute; - left: 50%; - bottom: 10px; - transform: translateX(-50%); - cursor: pointer; - font-size: 36px; - transition: opacity 0.3s ease; - } html:not(.is-home) .cover-scroll-down { - opacity: 0; - pointer-events: none; - } .cover-scroll-down.hidden { - opacity: 0; - pointer-events: none; - } - - /*左侧栏*/ .leftbar-banner { - /*background: linear-gradient(150deg,#7795f8 15%,#6772e5 70%,#555abf 94%);*/ - background: var(--themecolor-gradient); - text-align: center; - border-radius: var(--card-radius) var(--card-radius) 0 0; - } .leftbar-banner-title { - font-size: 20px; - display: block; - } .leftbar-banner-subtitle { - margin-top: 15px; - margin-bottom: 8px; - font-size: 13px; - opacity: 0.8; - display: block; - } - - .leftbar-menu { - margin-top: 10px; - margin-left: 0; - margin-right: 0; - padding: 0; - } .leftbar-menu-item { - height: 36px; - line-height: 36px; - list-style: none; - padding: 0; - position: relative; - } .leftbar-menu-item:hover > .leftbar-menu-subitem { - opacity: 1; - transform: none; - pointer-events: unset; - } .leftbar-menu-subitem { - position: absolute; - left: calc(100% + 8px); - top: 0; - background: var(--color-foreground); - width: max-content; - min-width: 150px; - z-index: 1; - height: unset; - border-radius: 3px; - padding: 6px 0; - opacity: 0; - transform: translateX(-8px); - pointer-events: none; - transition: all 0.3s ease; - } .leftbar-menu-subitem:before { - content: ""; - width: 8px; - height: calc(100% + 12px); - display: block; - position: absolute; - top: 0; - left: -8px; - } #leftbar_part1_menu > .leftbar-menu-item > .leftbar-menu-subitem { - left: calc(100% + 12px); - } #leftbar_part1_menu > .leftbar-menu-item > .leftbar-menu-subitem:before { - width: 12px; - left: -12px; - } .leftbar-menu-subitem > .leftbar-menu-item:first-child a { - border-radius: 3px 3px 0 0; - } .leftbar-menu-subitem > .leftbar-menu-item:last-child a { - border-radius: 0 0 3px 3px; - } .leftbar-menu-item > a { - display: block; - height: 100%; - width: 100%; - margin: 0; - padding: 0 20px; - overflow-wrap: break-word; - word-wrap: break-word; - background-color: transparent; - color: #32325d !important; - text-decoration: none; - outline: none; - cursor: pointer; - font-size: 14px; - transition: background var(--animation-fast) var(--ease-standard); - } .leftbar-menu-item > a:hover, .leftbar-menu-item.current > a { - background-color: var(--color-border-on-foreground); - } .leftbar-menu-item > a > i { - margin-right: 8px; - width: 15px; - text-align: center; - } .leftbar-menu-item.leftbar-menu-item-haschildren:after { - content: "\f0da"; - font: normal normal normal 14px/1 FontAwesome; - font-size: 14px; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - position: absolute; - right: 16px; - top: 0; - line-height: 36px; - opacity: 0.6; - transform: translateY(1px); - transition: all 0.3s ease; - pointer-events: none; - } - - .leftbar-search-button { - padding-top: 0; - transition: all 0.3s cubic-bezier(0.4, 0, 0, 1); - } .leftbar-search-button.open { - padding: 0 15px 18px 15px; - margin-top: -9px; - } #leftbar_search_container { - transition: width var(--animation-normal) var(--ease-emphasized), height var(--animation-normal) var(--ease-emphasized), box-shadow var(--animation-fast) var(--ease-standard), - transform var(--animation-fast) var(--ease-standard); - height: 30px; - transform: unset !important; - text-transform: capitalize; - background-color: var(--color-border-on-foreground-deeper); - color: var(--color-text-deeper); - } html.darkmode.amoled-dark #leftbar_search_container { - background: #151515; - } .leftbar-search-button.open #leftbar_search_container { - height: 45px; - } .leftbar-search-button:not(.open) #leftbar_search_container:focus-within { - box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); - } #leftbar_search_input { - position: absolute; - left: -1px; - top: -1px; - width: calc(100% + 2px); - height: calc(100% + 2px); - transition: all 0.3s cubic-bezier(0.4, 0, 0, 1); - opacity: 0; - cursor: pointer; - user-select: none; - } .leftbar-search-button.open #leftbar_search_input { - opacity: 1; - cursor: text; - user-select: all; - box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); - } - - #leftbar_part2 { - margin-top: 10px; - transition: all var(--animation-normal) var(--ease-standard); - } #leftbar_part2.sticky { - position: fixed; - width: 240px; - top: 80px; - } body.leftbar-can-headroom.headroom---unpinned #leftbar_part2.sticky { - top: 10px; - } html.navbar-absolute #leftbar_part2.sticky { - top: 10px !important; - } #leftbar_part2_inner { - max-height: calc(100vh - 110px); - overflow-y: auto; - padding: 10px; - } #leftbar_part2_inner::-webkit-scrollbar { - width: 6px; - } #leftbar_part2_inner::-webkit-scrollbar-track { - background: transparent; - } #leftbar_part2_inner::-webkit-scrollbar-thumb { - border-width: 1px; - background-color: rgba(0, 0, 0, 0.2); - } html.darkmode #leftbar_part2_inner::-webkit-scrollbar-thumb { - border-width: 1px; - background-color: rgba(255, 255, 255, 0.2); - } #leftbar_part2_inner::-webkit-scrollbar-button { - height: 5px; - pointer-events: none; - } .sidebar-tab-switcher { - font-size: 13px; - padding: 0 !important; - } .sidebar-tab-switcher > a { - padding-bottom: 5px; - border-bottom: 1px solid transparent; - transition: border-bottom var(--animation-fast) var(--ease-standard); - } .sidebar-tab-switcher > a.active { - border-bottom: 1px solid var(--themecolor); - } html.darkmode .sidebar-tab-switcher > a.active { - border-bottom: 1px solid var(--themecolor-light); - } - - #leftbar_overview_author_image { - width: 100px; - height: 100px; - margin: auto; - background-position: center; - background-repeat: no-repeat; - background-size: cover; - background-color: rgba(127, 127, 127, 0.1); - } #leftbar_overview_author_name { - margin-top: 15px; - font-size: 18px; - } #leftbar_overview_author_description { - font-size: 14px; - margin-top: -4px; - opacity: 0.8; - } .site-state { - overflow: hidden; - line-height: 1.4; - white-space: nowrap; - text-align: center; - margin-top: 15px; - } .site-state-item { - display: inline-block; - border-left: 1px solid var(--color-border-on-foreground-deeper); - padding: 0 10px; - } .site-state-item:first-child { - border-left: none !important; - } .site-state-item > a { - cursor: pointer; - } .site-state-item-count { - display: block; - text-align: center; - color: #32325d; - font-weight: bold; - font-size: 16px; - } .site-state-item-name { - font-size: 13px; - color: #525f82; - } .tag.badge { - font-size: 14px; - text-transform: none; - transition: background var(--animation-fast) var(--ease-standard); - background: var(--color-border-on-foreground); - border: 1px solid var(--color-border-on-foreground-deeper); - padding: 5px 10px; - margin-right: 12px; - margin-bottom: 15px; - } .tag.badge:hover { - background: var(--color-border-on-foreground-deeper); - } .tag-num { - font-size: 12px; - opacity: 0.7; - } .site-author-links { - display: flex; - flex-wrap: wrap; - justify-content: left; - margin-top: 15px; - } .site-author-links-item { - display: inline-block; - width: 50%; - border-radius: 4px; - margin-top: 5px; - transition: background var(--animation-fast) var(--ease-standard); - background: transparent; - } .site-author-links-item:hover { - background: var(--color-border-on-foreground); - } .site-author-links-item > a { - display: block; - width: 100%; - padding: 2px 8px; - font-size: 15px; - color: #32325d !important; - text-align: left; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } .site-friend-links-title { - margin-top: 25px; - border-top: 1px dotted var(--color-border-on-foreground-deeper); - padding-top: 15px; - } .site-friend-links-ul { - margin-top: 8px; - padding: 3px 0 0; - } .site-friend-links-item { - margin: 0; - padding: 0; - list-style: none; - margin-bottom: 3px; - } .site-friend-links-item > a { - max-width: 280px; - box-sizing: border-box; - display: inline-block; - max-width: 100%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - color: #32325d; - border-bottom: 1px solid #999; - } #leftbar_announcement { - margin-bottom: 10px; - background: var(--themecolor-gradient); - } html.darkmode #leftbar_announcement { - background: var(--color-foreground); - } .leftbar-announcement-body { - padding: 15px 1.2em; - padding-bottom: 22px; - } .leftbar-announcement-title { - font-size: 18px; - } .leftbar-announcement-content { - font-size: 15px; - line-height: 1.8; - padding-top: 8px; - opacity: 0.9; - } #leftbar_tab_tools ul, #leftbar_tab_tools ol { - list-style: none; - padding: 0; - } #leftbar_tab_tools ul li { - padding-top: 10px; - padding-bottom: 10px; - border-bottom: var(--color-border-on-foreground) solid 1px; - } #leftbar_tab_tools ul li:first-child { - padding-top: 5px; - } #leftbar_tab_tools > div > h6:first-child, #leftbar_tab_tools .wp-block-group__inner-container > h6:first-child { - font-size: 17px; - font-weight: 600; - position: relative; - display: block; - width: max-content; - } #leftbar_tab_tools > div > h6:first-child:after, #leftbar_tab_tools .wp-block-group__inner-container > h6:first-child:after { - content: ""; - display: block; - background: var(--themecolor); - width: 30px; - height: 9px; - position: absolute; - left: 0; - bottom: -1px; - border-radius: 10px; - opacity: 0.25; - pointer-events: none; - } .wp-calendar-table caption { - font-size: 14px; - text-align: center; - opacity: 0.7; - } .wp-block-calendar table * { - background: transparent !important; - border: none !important; - padding-top: 5px; - padding-bottom: 8px; - } .wp-block-calendar table th { - opacity: 0.6; - } .wp-block-calendar tbody td a { - position: relative; - text-decoration: none; - } .wp-block-calendar tbody td a:before { - content: ""; - display: block; - background: var(--themecolor); - position: absolute; - width: 25px; - height: 25px; - border-radius: 20px; - opacity: 0.2; - transform: translateX(-2px); - z-index: 0; - } .wp-calendar-nav-prev a, .wp-calendar-nav-next a { - text-decoration: none !important; - border: 1px solid var(--themecolor); - color: var(--themecolor); - padding: 1px 8px; - border-radius: 19px; - font-size: 14px; - transition: all var(--animation-normal) var(--ease-standard); - user-select: none; - } .wp-calendar-nav-prev a:hover, .wp-calendar-nav-next a:hover { - background-color: var(--themecolor); - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; - } .wp-calendar-nav { - padding-bottom: 12px; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: center; - align-items: center; - align-content: center; - } html.darkmode .wp-calendar-table caption, html.darkmode .wp-block-calendar tbody td { - color: #eee; - } /*底栏*/ #footer { - background: var(--themecolor-gradient); - color: #fff; - width: 100%; - float: right; - margin-bottom: 25px; - text-align: center; - padding: 3px 20px 20px; - line-height: 1.8; - transition: none; - user-select: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - } #footer a { - color: #fff; - } - - /* ======================================== 浮动按钮组件 (Float Action Buttons) ======================================== */ @@ -3423,268 +2305,162 @@ html.darkmode #fabtn_blog_settings_popup { } #blog_setting_toggle_darkmode_and_amoledarkmode { - cursor: pointer; - } html:not(.amoled-dark) #blog_setting_toggle_darkmode_and_amoledarkmode span:nth-of-type(2) { - display: none; - } html.amoled-dark #blog_setting_toggle_darkmode_and_amoledarkmode span:first-of-type { - display: none; - } #blog_setting_toggle_darkmode_and_amoledarkmode:before { - content: attr(tooltip-switch-to-blackmode); - position: absolute; - top: -32px; - left: 50%; - line-height: 22px; - font-weight: normal; - color: #fff; - background: #32325d; - padding: 3px 10px; - font-size: 12px; - border-radius: 3px; - transition: all 0.3s ease; - transform: translateX(-50%) translateY(5px); - opacity: 0; - width: max-content; - width: -moz-max-content; - pointer-events: none; - } html.amoled-dark #blog_setting_toggle_darkmode_and_amoledarkmode:before { - content: attr(tooltip-switch-to-darkmode); - } #blog_setting_toggle_darkmode_and_amoledarkmode:hover:before { - transform: translateX(-50%); - opacity: 0.7; - } .blog-setting-font, .blog-setting-shadow { - text-transform: none; - padding: 3px 10px; - } .blog-setting-font:hover, .blog-setting-shadow:hover { - color: #fff /*var(--themecolor)*/; - /*background-color: transparent !important;*/ - } /* 设置面板分段选择器优化 */ .blog-setting-selector-left { - margin-right: 0 !important; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - transform: none !important; - border-radius: 8px 0 0 8px; - padding: 8px 14px; - font-size: 13px; - font-weight: 500; - transition: all var(--animation-fast) var(--ease-standard); - } .blog-setting-selector-right { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - margin-left: 0 !important; - transform: none !important; - border-left: 0; - border-radius: 0 8px 8px 0; - padding: 8px 14px; - font-size: 13px; - font-weight: 500; - transition: all var(--animation-fast) var(--ease-standard); - } html:not(.use-serif) #blog_setting_font_sans_serif { - color: #fff; - background: var(--themecolor); - box-shadow: 0 2px 6px rgba(var(--themecolor-rgbstr), 0.3); - } html.use-serif #blog_setting_font_serif { - color: #fff; - background: var(--themecolor); - box-shadow: 0 2px 6px rgba(var(--themecolor-rgbstr), 0.3); - } html:not(.use-big-shadow) #blog_setting_shadow_small { - color: #fff; - background: var(--themecolor); - box-shadow: 0 2px 6px rgba(var(--themecolor-rgbstr), 0.3); - } html.use-big-shadow #blog_setting_shadow_big { - color: #fff; - background: var(--themecolor); - box-shadow: 0 2px 6px rgba(var(--themecolor-rgbstr), 0.3); - } .blog-setting-filter-btn { - border-radius: 12px; - outline: none !important; - border: 2px solid transparent; - height: 44px; - width: 44px; - margin-left: 6px; - cursor: pointer; - font-size: 12px; - font-weight: 500; - transition: all var(--animation-fast) var(--ease-standard); - } .blog-setting-filter-btn:hover { - box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); - transform: translateY(-2px); - } #blog_setting_filter_off { - background: rgba(var(--themecolor-rgbstr), 0.05); - color: var(--themecolor); - } #blog_setting_filter_sunset { - background: rgba(255, 255, 200, 1); - color: #6e5a00; - } #blog_setting_filter_darkness { - background: rgba(80, 80, 80, 0.7); - color: #eee; - } #blog_setting_filter_grayscale { - background: rgba(200, 200, 200, 0.8); - color: #333; - } #blog_setting_filter_off.active { - border: 1px solid var(--themecolor); - } #blog_setting_filter_sunset.active { - border: 1px solid #6e5a00; - } #blog_setting_filter_darkness.active { - border: 1px solid #111; - } #blog_setting_filter_grayscale.active { - border: 1px solid #333; - } /* 风格选择按钮 */ @@ -3729,283 +2505,170 @@ html.darkmode .blog-setting-style-btn.active { } html.filter-sunset { - filter: sepia(30%); - } html.filter-darkness #primary:after { - content: ""; - position: fixed; - left: 0; - top: 0; - right: 0; - bottom: 0; - height: 100vh; - width: 100vw; - background: rgba(0, 0, 0, 0.4); - z-index: 999999999; - pointer-events: none; - } html.filter-grayscale { - filter: grayscale(1); - } #blog_setting_card_radius_to_default { - position: relative; - } #blog_setting_card_radius_to_default:before { - content: attr(tooltip); - position: absolute; - top: -30px; - left: 50%; - line-height: 15px; - font-weight: normal; - color: #fff; - background: #32325d; - padding: 3px 10px; - font-size: 12px; - border-radius: 3px; - transition: all 0.3s ease; - transform: translateX(-50%) translateY(5px); - opacity: 0; - width: max-content; - width: -moz-max-content; - pointer-events: none; - } #blog_setting_card_radius_to_default:hover:before { - transform: translateX(-50%); - opacity: 0.7; - } /*页码*/ .pagination { - width: max-content; - width: -moz-max-content; - padding-top: 15px; - padding-bottom: 15px; - margin: auto; - margin-bottom: 25px; - } .pagination.pagination-mobile { - display: none; - } .page-link { - transition: background-color var(--animation-fast) var(--ease-standard); - } - - /*文章*/ .post { - margin-bottom: 25px; - padding: 30px 30px; - padding-bottom: 35px; - } .post-preview { - transition: all var(--animation-slow) var(--ease-emphasized); - } .post-preview .loading-css-animation { - padding-top: 20px; - padding-bottom: 10px; - width: 100%; - } .post-preview.post-pjax-loading { - opacity: 1 !important; - } .post-list-pjax-loading .post-preview { - opacity: 0; - pointer-events: none; - } .post-title { - font-size: 26px; - letter-spacing: 0.5px; - transition: all var(--animation-normal) var(--ease-standard); - } .post-title:hover { - letter-spacing: 1px; - } #main.waterflow .post-title { - transition: all var(--animation-normal) var(--ease-standard); - display: inline-block; - } #main.waterflow .post-title:hover { - letter-spacing: 0.5px; - transform: scale(1.02); - text-rendering: optimizeLegibility; - } .post-header { - margin-bottom: 20px; - } .post-meta { - margin-top: 10px; - } .post-meta-detail { - font-size: 14.5px; - line-height: 24px; - opacity: 0.8; - display: inline-block; - } .post-meta-detail i { - margin-right: 3px; - } .post-meta-devide { - display: inline-block; - font-size: 14.5px; - line-height: 24px; - margin-left: 3px; - margin-right: 3px; - opacity: 0.5; - user-select: none; - } .post-meta-detail-categories-space { - margin-left: 2px; - margin-right: 2px; - } .post-header.post-header-with-thumbnail { - margin: -30px -30px 35px -30px; - border-radius: var(--card-radius) var(--card-radius) 0 0; - overflow: hidden; - position: relative; - } .post-thumbnail { - width: 100%; - min-height: 250px; - max-height: 25vh; - object-fit: cover; - pointer-events: none; - } /* 图片加载过渡效果 */ @@ -4016,447 +2679,275 @@ html.filter-grayscale { .single .post-thumbnail, .page .post-thumbnail { - max-height: 30vh; - min-height: 250px; - } .post-header.post-header-with-thumbnail .post-header-text-container { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - color: #fff; - opacity: 0.9; - padding-bottom: 35px; - padding-top: 35px; - background: rgba(0, 0, 0, 0.05); - background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0)); - } .post-header.post-header-with-thumbnail .post-header-text-container .post-title { - color: rgba(255, 255, 255, 0.95) !important; - /*text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);*/ - filter: drop-shadow(0px 1px 5px #0005); - } .post-header.post-header-with-thumbnail .post-header-text-container .post-meta { - text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); - } .post-outdated-info { - color: var(--themecolor); - border-left: 2px solid var(--themecolor); - padding: 5px 20px; - margin-top: 10px; - margin-bottom: 25px; - background: rgba(var(--themecolor-rgbstr), 0.1); - } .post-outdated-info > i { - font-size: 20px; - margin-right: 15px; - transform: translateY(2px); - } .post-header-with-thumbnail + .post-content > .post-outdated-info { - margin-top: -15px; - } .post-content { - line-height: 1.8; - margin-bottom: 10px; - } .post-content p { - font-weight: normal; - } .post-tags { - margin-top: 15px; - margin-bottom: -4px; - } .post-tags > i { - margin-right: 5px; - } .tag.post-meta-detail-tag { - margin-bottom: 4px; - margin-right: 7px; - font-size: 12px; - } .additional-content-after-post + .post-tags { - margin-top: 25px; - } /* 文章预览样式 2 */ article.post-preview-layout-2 { - display: flex; - flex-direction: row; - padding: 0; - min-height: 200px; - overflow: visible; - } article.post-preview-layout-2 .post-header.post-header-with-thumbnail { - margin: 0; - border-radius: var(--card-radius) 0 0 var(--card-radius); - text-align: left; - width: 300px; - height: 200px; - flex-shrink: 0; - overflow: hidden; - } article.post-preview-layout-2 .post-thumbnail { - width: 100%; - height: 200px !important; - max-height: 200px !important; - object-fit: cover; - object-position: center center; - } article.post-preview-layout-2 .post-content-container { - padding: 20px 28px; - flex: 1; - display: flex; - flex-direction: column; - max-width: 100%; - overflow: hidden; - } article.post-preview-layout-2 .post-content { - flex: 1; - margin-top: 10px; - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - overflow: hidden; - } article.post-preview-layout-2 .post-title { - max-width: max-content; - } article.post-preview-layout-2 .loading-css-animation { - position: absolute; - bottom: -8px; - } /* 文章预览样式 3 */ article.post-preview-layout-3 .post-header { - margin-bottom: 10px; - } article.post-preview-layout-3 .post-header.post-header-with-thumbnail { - margin-bottom: 25px; - } article.post-preview-layout-3 .post-thumbnail { - max-height: 20vh; - } /*Reference*/ sup.reference { - white-space: nowrap; - transition: box-shadow 0.3s ease; - border-radius: 1px; - } sup.reference:focus { - box-shadow: 0 0 0 2px var(--color-widgets), 0 0 0 4px rgba(var(--themecolor-rgbstr), 0.3); - outline: none; - } .tippy-box[data-theme~="scroll-y"] .tippy-content { - max-height: 200px; - overflow-y: auto; - } .tippy-box[data-theme~="light"] { - background-color: var(--color-widgets); - } .tippy-box[data-theme~="light"][data-placement^="top"] > .tippy-arrow:before { - border-top-color: var(--color-widgets); - } .tippy-box[data-theme~="light"][data-placement^="bottom"] > .tippy-arrow:before { - border-bottom-color: var(--color-widgets); - } .tippy-box[data-theme~="light"][data-placement^="left"] > .tippy-arrow:before { - border-left-color: var(--color-widgets); - } .tippy-box[data-theme~="light"][data-placement^="right"] > .tippy-arrow:before { - border-right-color: var(--color-widgets); - } .tippy-box[data-theme~="light"] > .tippy-backdrop { - background-color: var(--color-widgets); - } .tippy-box[data-theme~="light"] > .tippy-svg-arrow { - fill: var(--color-widgets); - } - - html.darkmode .tippy-box[data-theme~="light"] { - color: #eee; - background-color: var(--color-widgets); - } .reference-list { - padding-left: 0; - list-style: inside none; - counter-reset: ol; - margin-bottom: 0; - } .reference-list li { - font-size: 14px; - position: relative; - display: flex; - } .reference-list li .space { - pointer-events: none; - } .reference-list li .space:before { - content: ""; - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - display: block; - border-radius: 3px; - transition: background 0.3s ease; - pointer-events: none; - background: transparent; - } .reference-list li .space:focus:before { - background: rgba(var(--themecolor-rgbstr), 0.15); - } .reference-list li:before { - text-align: right; - counter-increment: ol; - content: counter(ol) ". "; - white-space: pre; - } .reference-list li > div > *:first-child { - margin-right: 5px; - } .reference-list li > div > sup { - margin-left: 1px; - } .reference-list li > div > sup:last-of-type { - margin-right: 5px; - } /*文章输入密码界面*/ .post-password-form { - margin-top: 45px; - margin-bottom: 55px; - } .post-password-form-text { - margin: auto; - margin-bottom: 15px; - } .post-password-form-input { - margin: auto; - margin-bottom: 20px; - } .post-password-hint { - margin-top: 10px; - color: var(--themecolor); - opacity: 0.9; - } /*侧栏文章目录*/ @@ -4494,429 +2985,258 @@ html.darkmode #leftbar_catalog::-webkit-scrollbar-thumb { #leftbar_catalog .index-item, #leftbar_catalog .index-link { - width: 100%; - display: block; - color: #32325d; - text-decoration: none; - box-sizing: border-box; - } #leftbar_catalog .index-link { - font-size: 15px; - padding: 4px 8px 4px 8px; - cursor: pointer; - transition: background-color 0.3s ease, border-left-color 0.3s ease, color 0.3s ease; - border-left: 3px solid transparent; - word-break: break-all; - border-radius: 3px; - } #leftbar_catalog .index-item.current > .index-link { - color: var(--themecolor); - font-weight: bold; - } #leftbar_catalog .index-link:hover { - background-color: var(--color-border-on-foreground-deeper); - } #leftbar_catalog .index-subItem-box .index-item { - padding-left: 20px; - } - - /*搜索等页面的标题卡片*/ .page-information-card { - margin: 30px 20px; - margin-top: 0px; - background: var(--color-foreground) !important; - } .search-filter-wrapper { - display: inline-block; - margin-right: 12px; - } .search-filter-wrapper > .custom-control-label { - line-height: 25px; - } - - /*文章导航 (上/下一篇文章)*/ .post-navigation { - margin-bottom: 25px; - padding: 30px 25px; - padding-top: 25px; - font-size: 18px; - display: block !important; - } .post-navigation-item { - width: calc(50%); - display: inline-block; - vertical-align: top; - } .page-navigation-extra-text { - font-size: 22px; - opacity: 0.85; - display: block; - margin-bottom: 15px; - } .post-navigation-pre .page-navigation-extra-text i { - margin-right: 10px; - } .post-navigation-next .page-navigation-extra-text i { - margin-left: 10px; - } .post-navigation-pre { - padding-right: 10px; - } .post-navigation-next { - padding-left: 10px; - text-align: right; - } /*相关文章*/ .related-posts { - display: block; - white-space: nowrap; - margin-bottom: 25px; - padding: 0; - padding-bottom: 0; - } .related-post-card { - display: inline-block; - height: 105px; - width: 180px; - border-radius: 5px; - margin-right: 10px; - font-size: 16px; - line-height: 27px; - white-space: normal; - transition: all 0.3s ease; - position: relative; - background: var(--themecolor-gradient); - overflow: hidden; - } .related-post-card:hover { - filter: brightness(0.9); - box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); - border-color: transparent; - } .related-post-title.clamp { - color: white; - } .related-post-card-container { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - padding: 10px 15px; - } .related-post-card-container.has-thumbnail { - background: rgba(0, 0, 0, 0.2); - color: #fff; - transition: all 0.3s ease; - } .related-post-card-container.has-thumbnail:hover { - background: rgba(0, 0, 0, 0.3); - } .related-post-title { - max-height: 81px; - overflow: hidden; - } .related-post-arrow { - position: absolute; - right: 15px; - bottom: 15px; - font-size: 15px; - pointer-events: none; - } .related-post-thumbnail { - width: 100%; - height: 100%; - object-fit: cover; - } i.related-post-arrow.fa.fa-chevron-right { - color: white; - } img.related-post-thumbnail { - vertical-align: unset; - } html.darkmode a.related-post-card { - background: var(--color-border-on-foreground-deeper); - opacity: 0.7; - border-radius: 5px; - } html.darkmode .related-post-title.clamp { - color: var(--themecolor-light); - } html.darkmode .has-thumbnail .related-post-title.clamp { - color: #eee; - } /*文章赞赏*/ .post-donate { - text-align: center; - position: relative; - } .post-donate img { - /*width: max-content; - width: -moz-max-content;*/ - max-width: min(30vw, 500px); - } .post-donate .donate-qrcode { - width: max-content; - width: -moz-max-content; - position: absolute; - left: 50%; - bottom: 100px; - padding: 25px; - z-index: 2; - transition: all 0.3s ease; - transform: translate(-50%, 10px) scale(0.9); - transform-origin: bottom; - opacity: 0; - pointer-events: none; - background-color: var(--color-widgets) !important; - } .post-donate .donate-btn:focus ~ .donate-qrcode { - transform: translateX(-50%); - opacity: 1; - } .post-donate .donate-btn { - margin-right: 0; - margin-top: 20px; - margin-bottom: 30px; - } .post-donate .donate-qrcode:before { - position: absolute; - z-index: 3; - bottom: 0; - left: 50%; - display: block; - width: 16px; - height: 16px; - content: ""; - transform: translate(-50%, 8px) rotate(-45deg); - border-radius: 0.2rem; - background: var(--color-widgets); - z-index: 1; - box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.1); - } /*文末附加内容*/ .additional-content-after-post { - border-left: 3px solid var(--themecolor); - padding: 15px 20px; - background: rgba(var(--themecolor-rgbstr), 0.1); - border-radius: 3px; - margin-top: 10px; - } /*评论区*/ #comments { - margin-bottom: 25px; - } /* 评论折叠功能 - Material 3 动画优化 */ @@ -4975,215 +3295,127 @@ html.darkmode .has-thumbnail .related-post-title.clamp { } #comments > .card-body { - transition: opacity 0.5s ease; - } #comments.comments-loading > .card-body { - opacity: 0.5; - pointer-events: none; - } #comments li { - list-style: none; - position: relative; - } #comments .comment-item:target:before, #comments .comment-item:before { - content: ""; - display: block; - position: absolute; - left: -10px; - right: -10px; - top: 0; - bottom: 0; - background-color: var(--themecolor); - opacity: 0.15; - border-radius: var(--card-radius); - pointer-events: none; - animation: comment-focus-breath 2s linear; - animation-fill-mode: forwards; - } #comments .comment-item:before{ - animation: none; - opacity: 0; - transition: opacity 0.25s ease; - } #comments .comment-item.highlight:before{ - opacity: 0.2; - } @keyframes comment-focus-breath { - 0% { - opacity: 0.5; - } - 33% { - opacity: 0.05; - } - 66% { - opacity: 0.3; - } - 100% { - opacity: 0.15; - } - } .comments-title { - font-size: 20px; - } .comments-title i { - margin-right: 5px; - } .comment-list { - padding: 0; - } .comment-item { - margin-bottom: 1px; - display: flex; - } .comment-item-left-wrapper { - display: block; - width: 40px; - margin-top: 26px; - margin-right: 15px; - position: relative; - } .comment-avatar-vertical-center .comment-item-left-wrapper { - margin: auto; - margin-right: 15px; - } .comment-item-avatar .avatar { - height: 40px; - width: 40px; - } .text-avatar { - user-select: none; - display: inline-flex !important; - align-items: center; - justify-content: center; - } .comment-item-inner { - display: block; - position: relative; - margin-top: 20px; - padding-bottom: 18px; - border-bottom: var(--color-border-on-foreground) solid 1px; - position: relative; - width: calc(100% - 55px); - flex: 1; - min-width: 0; - overflow-wrap: break-word; - word-wrap: break-word; - word-break: break-word; - } #comments .comment-item:last-child .comment-item-inner { - border-bottom: 0; - } .comment-item-title { - font-size: 16px; - display: flex; - flex-wrap: wrap; - align-items: center; - margin-bottom: 3px; - } .comment-item-title .badge-admin, @@ -5193,483 +3425,287 @@ html.darkmode .has-thumbnail .related-post-title.clamp { .comment-item-title .badge-private-comment, .comment-item-title .badge-unapproved { - transform: translateY(-2px); - margin-left: 5px; - } .comment-item-text p:last-child { - margin-bottom: 0; - } .comment-item-text { - min-height: 24px; - margin-bottom: 1rem; - overflow-wrap: break-word; - word-wrap: break-word; - word-break: break-word; - } .comment-name { - flex: 1; - font-weight: bold; - } .comment-author, .comment-parent-info{ - display: inline-block; - } .comment-parent-info{ - opacity: 0.6; - margin-left: 4px; - transition: opacity 0.3s ease; - } .comment-item:hover .comment-parent-info{ - opacity: 0.8; - } .comment-info { - margin-top: 2px; - font-size: 12px; - font-weight: normal; - margin-left: 3px; - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 8px; - } .comment-info > div { - display: inline-block; - white-space: nowrap; - flex-shrink: 0; - } .comment-time-details { - pointer-events: none; - position: absolute; - top: -35px; - right: 0; - width: max-content; - width: -moz-max-content; - line-height: 22px; - color: #fff; - background: #32325d; - padding: 3px 10px; - font-size: 12px; - border-radius: 3px; - transition: all 0.3s ease; - transform: translateY(5px); - opacity: 0; - } .comment-time:hover .comment-time-details { - transform: translateY(0); - opacity: 0.7; - } .comment-edited { - margin-right: 3px; - opacity: 0.6; - } .comment-edited > i { - margin-right: 4px; - } .comment-edited.comment-edithistory-accessible { - cursor: pointer; - } .comment-operations { - position: absolute; - right: 0; - bottom: 12px; - font-size: 12px; - padding: 2px 6px; - transition: all 0.3s ease; - opacity: 0; - } .comment-item:hover .comment-operations { - opacity: 1; - } .comment-useragent { - display: inline-flex; - align-items: center; - font-weight: normal; - padding-left: 4px; - font-size: 14px; - flex-shrink: 0; - } .comment-useragent > svg { - height: 18px; - width: 18px; - transform: translateY(-1px); - margin-left: 4px; - margin-right: 1px; - flex-shrink: 0; - } .comment-upvote { - white-space: nowrap; - border-radius: 100px; - height: 18px; - line-height: 16px; - padding: 0px 4px; - border-color: transparent !important; - color: var(--themecolor); - background-color: rgba(var(--themecolor-rgbstr), 0.15); - text-align: center; - position: absolute; - left: 50%; - top: 45px; - transform: translateX(-50%) !important; - min-width: 30px; - } html.darkmode .comment-upvote { - background-color: rgba(var(--themecolor-rgbstr), 0.25); - color: var(--themecolor-light); - } .comment-upvote:hover { - background-color: var(--themecolor) !important; - color: #fff !important; - } .comment-upvote.upvoted { - color: #fff !important; - background-color: var(--themecolor) !important; - pointer-events: none; - } .comment-upvote .btn-inner--text { - margin-left: -2px !important; - } .comment-upvote.comment-upvoting { - opacity: 0.5; - pointer-events: none; - } /*评论内容*/ .comment-item-text .comment-sticker { - max-height: 60px; - transition: all 0.3s ease; - transition-delay: 0s; - transform: none; - } .comment-item-text .comment-sticker:active { - transition-delay: 0.3s; - transform: scale(2); - box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); - background: var(--color-widgets); - } .comment-item-text .comment-image br { - display: none; - } .comment-item-text .comment-image { - color: var(--themecolor) !important; - cursor: pointer; - user-select: none; - position: relative; - } .comment-image-preview-mask { - display: none; - } .comment-item-text .comment-image.comment-image-preview-zoomed .comment-image-preview-mask { - display: block; - background: transparent; - position: fixed; - left: 0; - right: 0; - top: 0; - bottom: 0; - width: 100vw; - height: 100vh; - z-index: 1501; - cursor: zoom-out; - } .comment-item-text .comment-image .comment-image-preview { - width: 22px; - height: 22px; - position: absolute; - left: 0; - opacity: 0; - /*pointer-events: none;*/ - } .comment-item-text .comment-image.comment-image-preview-zoomed .comment-image-preview { - z-index: 1502; - opacity: 1; - pointer-events: unset; - } .comment-item-text b, .comment-item-text strong { - font-weight: 600; - opacity: 0.78; - } .comment-item-text pre { - font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", - "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, - monospace; - font-size: 14px; - line-height: 1.375; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - tab-size: 4; - hyphens: none; - color: #5e6687; - background: var(--color-widgets); - direction: ltr; - border: 1px solid var(--color-border-on-foreground); - padding: 14px; - border-radius: 3px; - margin-top: 15px; - } html.darkmode .comment-item-text pre { - color: #eee; - } .comment-item-text blockquote { - padding-left: 1.2em; - margin: 1em 3em 1em 0; - font-weight: 400; - border-left: 3px solid rgba(0, 0, 0, 0.12); - } html.darkmode .comment-item-text blockquote { - border-color: rgba(255, 255, 255, 0.2); - } .comment-item-text ol li { - list-style-type: decimal !important; - } .comment-item-text ul, .comment-item-text ol { - padding-inline-start: 20px; - } .comment-item-text ul li { - list-style-type: disc !important; - } .comment-item-text ul ul li { - list-style-type: square !important; - } .comment-item-text h1, @@ -5683,19 +3719,12 @@ html.darkmode .comment-item-text blockquote { .comment-item-text h5, .comment-item-text h6 { - font-weight: 600; - opacity: 0.6; - font-size: inherit; - margin-top: 10px; - margin-bottom: 5px; - transition: opacity 0.3s ease; - } .comment-item-text:hover h1, @@ -5709,261 +3738,163 @@ html.darkmode .comment-item-text blockquote { .comment-item-text:hover h5, .comment-item-text:hover h6 { - font-weight: 600; - opacity: 0.8; - } .comment-item-text h1 { - font-size: 20px; - } .comment-item-text h2 { - font-size: 19px; - } .comment-item-text h3 { - font-size: 18px; - } .comment-item-text h4 { - font-size: 17px; - } .comment-item-text h5 { - font-size: 16px; - } .comment-item-text h6 { - font-size: 15px; - } /*评论折叠*/ .comment-item-inner.comment-folded { - max-height: 200px; - overflow: hidden; - } .comment-item-inner.comment-folded:after { - content: ""; - display: block; - position: absolute; - left: 0; - right: 0; - bottom: 0; - height: 80px; - background: linear-gradient(180deg, transparent 0%, var(--color-foreground) 100%); - pointer-events: none; - } .comment-item-inner.comment-folded .comment-operations { - display: none; - } .comment-item-inner.comment-folded .show-full-comment { - position: absolute; - bottom: 0; - left: 0; - right: 0; - height: 35px; - color: var(--themecolor); - z-index: 2; - text-align: left; - cursor: pointer; - user-select: none; - opacity: 0.6; - transition: opacity 0.25s ease; - } .comment-item-inner.comment-folded:hover .show-full-comment { - opacity: 1; - } .comment-item-inner:not(.comment-folded) .show-full-comment { - display: none; - } /*评论区页码*/ .comments-navigation .page-item > div { - cursor: pointer; - } /*评论区更多*/ #comments_more { - width: 52px; - height: 52px; - display: block; - margin: 30px auto 10px auto; - } #comments_more:disabled { - animation: breath 2s ease infinite; - } @keyframes breath { - 0% { - transform: scale(1); - } - 50% { - transform: scale(1.2); - } - 100% { - transform: scale(1); - } - } .comments-navigation-more .comments-navigation-nomore { - text-align: center; - margin-top: 30px; - margin-bottom: 10px; - opacity: 0.6; - } /*评论编辑记录*/ .comment-edit-history-item { - border-bottom: 1px solid #e9ecef; - margin-bottom: 22px; - padding-bottom: 30px; - padding-left: 5px; - padding-right: 5px; - } html.darkmode .comment-edit-history-item { - border-bottom-color: #666; - } .comment-edit-history-title { - margin-bottom: 6px; - } .comment-edit-history-id { - font-size: 22px; - font-weight: bold; - display: inline-block; - } .comment-edit-history-title .badge { - transform: translateY(-3px); - margin-left: 8px; - display: inline-block; - } .comment-edit-history-time { - opacity: 0.6; - font-size: 15px; - margin-bottom: 12px; - } #comment_edit_history .modal-body .comment-edit-history-item:last-child { - border: navajowhite; - padding-bottom: 0; - } /*发送评论区域*/ #post_comment { - margin-bottom: 25px; - } /* 发送评论卡片优化 */ @@ -6002,123 +3933,72 @@ html.darkmode #post_comment.card:hover { } .post-comment-title { - font-size: 18px; font-weight: 600; margin-bottom: 12px; - } .post-comment-title i { - margin-right: 8px; color: var(--themecolor); - } .post-comment-reply { - margin-top: 12px; margin-bottom: 12px; - border: 1px solid rgba(var(--themecolor-rgbstr), 0.15); - border-radius: 10px; - padding: 12px 16px; - background: rgba(var(--themecolor-rgbstr), 0.03); - } .post-comment-reply-preview { - margin-top: 10px; - border-left: 3px solid var(--themecolor); - padding: 10px 14px; - max-height: 150px; - overflow: hidden; - position: relative; - background: rgba(var(--themecolor-rgbstr), 0.02); - border-radius: 0 8px 8px 0; - font-size: 13px; - } #post_comment_reply_preview:after { - content: ""; - background: linear-gradient(180deg, transparent 0%, var(--color-foreground) 100%); - display: block; - left: 0; - right: 0; - bottom: 0; - height: 30px; - position: absolute; - pointer-events: none; - transition: all 0.3s ease; - } #post_comment_reply_cancel { - margin-top: 10px; - border-radius: 8px; - padding: 6px 14px; - font-size: 13px; - } #post_comment_content { - transition: height 0.15s ease, box-shadow var(--animation-normal) var(--ease-standard), border-color var(--animation-normal) var(--ease-standard); - overflow: hidden; - min-height: 80px; - resize: none; - white-space: pre-wrap; - word-wrap: break-word; - margin-bottom: 12px; - margin-top: 0; - border-radius: 10px; - border: 1px solid var(--color-border-on-foreground-deeper); - padding: 12px 14px; - font-size: 14px; - line-height: 1.6; - background-color: var(--color-widgets); - } #post_comment_content:focus { @@ -6162,31 +4042,18 @@ html.darkmode #post_comment.card:hover { } #post_comment_content_hidden { - font-family: inherit !important; - font-weight: 400; - line-height: 1.5; - font-size: 14px; - padding: 0.625rem 0.75rem; - width: calc(100% - 30px); - overflow: hidden; - white-space: pre-wrap; - word-wrap: break-word; - position: absolute; - pointer-events: none; - opacity: 0; - } .post-comment-link-container:before, @@ -6196,41 +4063,23 @@ html.darkmode #post_comment.card:hover { #post_comment_toggle_extra_input:before, .comment-post-checkbox:before { - pointer-events: none; - position: absolute; - top: -35px; - left: 0px; - line-height: 25px; - font-weight: normal; - color: #fff; - background: #32325d; - padding: 3px 10px; - font-size: 14px; - border-radius: 3px; - z-index: 3; - transition: all 0.3s ease; - transform: translateY(5px); - opacity: 0; - width: max-content; - width: -moz-max-content; - } .post-comment-link-container:hover:before, @@ -6244,227 +4093,144 @@ html.darkmode #post_comment.card:hover { #post_comment_toggle_extra_input:hover:before, .comment-post-checkbox:hover:before { - transform: translateY(0); - opacity: 0.7; - } .post-comment-link-container:before { - content: "http(s)://"; - } #post_comment_toggle_extra_input:before { - content: attr(tooltip-show-extra-field); - text-transform: none; - } .show-extra-input #post_comment_toggle_extra_input:before { - content: attr(tooltip-hide-extra-field); - } #post_comment_toggle_extra_input { - border-radius: 100px; - padding: 5px 20px; - } #post_comment_toggle_extra_input i { - transition: all 0.3s ease; - } .show-extra-input #post_comment_toggle_extra_input i { - transform: rotateZ(180deg); - } #post_comment.logged #post_comment_name, #post_comment.logged #post_comment_email { - opacity: 1; - background-color: var(--color-widgets-disabled); - pointer-events: none; - } .comment-post-checkbox { - display: inline-block; - margin-top: 8px; - height: 28px; - margin-right: 8px; - } .comment-post-checkbox .custom-control-label { - line-height: 26px; - font-size: 13px; - } #post_comment.post-comment-force-privatemode-on .comment-post-privatemode { - opacity: 0.6; - pointer-events: none; - } #post_comment.post-comment-force-privatemode-on .comment-post-privatemode .custom-control-label::before { - border-color: var(--themecolor); - background-color: var(--themecolor); - color: #fff; - box-shadow: none; - } #post_comment.post-comment-force-privatemode-on .comment-post-privatemode .custom-control-label::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); - } #post_comment.post-comment-force-privatemode-off .comment-post-privatemode { - opacity: 0.6; - pointer-events: none; - } #post_comment.post-comment-force-privatemode-off .comment-post-privatemode .custom-control-label::before { - border-color: var(--color-widgets-disabled); - } html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-privatemode .custom-control-label::before { - background: #555; - border-color: #666; - } #post_comment.post-comment-force-privatemode-off .comment-post-privatemode .custom-control-label::after { - background-image: unset; - } .comment-post-privatemode:before { - content: attr(tooltip); - } .comment-post-mailnotice:before { - content: attr(tooltip); - } #post_comment.sending .comment-post-checkbox { - opacity: 0.6; - pointer-events: none; - } .comment-btn { - margin-top: 0; - margin-right: 8px; - } /*发送评论区域-编辑评论*/ #post_comment:not(.editing) .hide-on-comment-not-editing { - display: none !important; - } #post_comment.editing .hide-on-comment-editing { - display: none !important; - } #post_comment.editing .comment-post-use-markdown { - pointer-events: none; - opacity: 0.6; - } #post_comment.editing .comment-post-mailnotice { - display: none; - } /*评论表情*/ #comment_emotion_btn { - border-radius: 100px; - width: 38px; - height: 38px; - padding: 0; - font-size: 22px; - background: transparent !important; - box-shadow: none; - color: inherit; - border: none; - transform: none; - opacity: 0.7; - margin-top: 0; - margin-right: 8px; - transition: all 0.3s ease; - } #comment_emotion_btn:hover { @@ -6473,131 +4239,77 @@ html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-pri } #comment_emotion_btn.comment-emotion-keyboard-open { - border-radius: 100px; - color: var(--themecolor); - opacity: 1; - } .emotion-keyboard { - max-width: min(500px, calc(100vw - 40px)); - min-width: min(300px, calc(100vw - 40px)); - display: flex; - height: 300px; - flex-direction: column; - overflow: hidden; - position: absolute; - z-index: 2; - right: 0; - bottom: -10px; - transform: translateY(100%) scale(0.9); - transform-origin: top; - transition: all 0.3s ease; - opacity: 0; - pointer-events: none; - } #comment_emotion_btn.comment-emotion-keyboard-open + .emotion-keyboard { - opacity: 1; - transform: translateY(100%); - pointer-events: all; - } .emotion-keyboard-content { - flex: 1; - overflow-y: auto; - } .emotion-group { - padding: 15px 15px; - padding-bottom: 10px; - } .emotion-item { - display: inline-block; - background: var(--color-border-on-foreground); - border-radius: 5px; - user-select: none; - margin-right: 12px; - margin-bottom: 12px; - padding: 2px 10px; - cursor: pointer; - transition: all 0.3s ease; - } .emotion-item.emotion-item-sticker { - padding: 2px; - background: rgba(126, 126, 126, 0.15); - } .emotion-item > img { - max-height: 60px; - border-radius: 3px; - transition: filter 0.3s ease, transform 0.3s ease; - transition-delay: 0s; - background: var(--color-widgets); - } .emotion-item.emotion-item-sticker:hover > img[src^="data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iZW1vdGlvbi1sb2FkaW5nI"] { - filter: brightness(2); - } .emotion-item:hover { - background: var(--themecolor); - color: #fff; - } .emotion-group:active @@ -6605,107 +4317,65 @@ html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-pri .emotion-item:hover > img:not([src^="data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iZW1vdGlvbi1sb2FkaW5nI"]) { - transition: all 0.3s ease; - transition-delay: 0.3s; - transform: scale(1.5); - box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); - } .emotion-group-description { - text-align: right; - font-size: 14px; - opacity: 0.6; - } .emotion-keyboard-bar { - overflow-x: auto; - white-space: nowrap; - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.06); - transform: scaleY(-1); - } .emotion-keyboard-bar::-webkit-scrollbar-track { - background: transparent; - } .emotion-keyboard-bar::-webkit-scrollbar { - height: 5px; - } .emotion-keyboard-bar::-webkit-scrollbar-thumb { - background-color: rgba(0, 0, 0, 0.2); - border: none; - } .emotion-keyboard-bar::-webkit-scrollbar-thumb:hover { - background-color: var(--themecolor); - } .emotion-group-name { - display: inline-block; - padding: 10px 20px; - cursor: pointer; - transition: all 0.3s ease; - position: relative; - user-select: none; - transform: scaleY(-1); - } .emotion-group-name:hover { - background: var(--color-border-on-foreground); - } .emotion-group-name.active:after { - content: ""; - position: absolute; - left: 0; - right: 0; - bottom: 0; - background: var(--themecolor); - height: 3px; - pointer-events: none; - } /*短代码适配*/ @@ -6713,1441 +4383,894 @@ html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-pri /*短代码-checkbox*/ .shortcode-todo { - cursor: default; - margin: 3px 0; - } .shortcode-todo .custom-control-input { - pointer-events: none; - } .shortcode-todo * { - cursor: default !important; - } .shortcode-todo .custom-control-label span { - transform: translateY(-2.5px); - display: block; - cursor: text !important; - } .shortcode-todo.inline { - display: inline-block; - margin-right: 10px; - } - - /*短代码-警告与折叠块*/ .admonition, .collapse-block { - border-radius: 3px; - border-left-width: 3px; - border-left-style: solid; - margin-bottom: 20px; - background-color: var(--color-widgets) !important; - } .admonition i:first-child, .collapse-block .collapse-block-title i:first-child { - margin-right: 5px; - } .collapse-block.hide-border-left { - border-left: none; - } .collapse-block .collapse-icon { - position: absolute; - right: 15px; - bottom: 15px; - transform: rotateZ(180deg); - transition: all 0.2s ease; - } .collapse-block.collapsed .collapse-icon { - transform: rotateZ(0deg); - } .admonition-title, .collapse-block-title { - padding: 10px 15px; - font-weight: bold; - } .collapse-block-title-inner { - max-width: calc(100% - 20px); - display: inline-block; - } .collapse-block-title { - cursor: pointer; - position: relative; - } .admonition-body, .collapse-block-body { - padding: 20px 15px; - padding-bottom: 20px; - } .admonition-primary, .collapse-block-primary { - border-left-color: #7889e8; - } .admonition-primary > .admonition-title, .collapse-block-primary > .collapse-block-title { - background: #7889e833; - } .admonition-success, .collapse-block-success { - border-left-color: #4fd69c; - } .admonition-success > .admonition-title, .collapse-block-success > .collapse-block-title { - background: #4fd69c33; - } .admonition-danger, .collapse-block-danger { - border-left-color: #f75676; - } .admonition-danger > .admonition-title, .collapse-block-danger > .collapse-block-title { - background: #f7567633; - } .admonition-info, .collapse-block-info { - border-left-color: #37d5f2; - } .admonition-info > .admonition-title, .collapse-block-info > .collapse-block-title { - background: #37d5f233; - } .admonition-warning, .collapse-block-warning { - border-left-color: #fc7c5f; - } .admonition-warning > .admonition-title, .collapse-block-warning > .collapse-block-title { - background: #fc7c5f33; - } .admonition-default, .collapse-block-default { - border-left-color: #3c4d69; - } .admonition-default > .admonition-title, .collapse-block-default > .collapse-block-title { - background: #3c4d6933; - } .admonition-grey, .collapse-block-grey { - border-left-color: #888888; - } .admonition-grey > .admonition-title, .collapse-block-grey > .collapse-block-title { - background: #88888833; - } - - /*短代码-友链-简洁*/ .friend-links-simple .friend-category-title { - font-size: 22px; - text-align: center; - font-weight: bold; - margin-top: 20px; - margin-bottom: 25px; - } .friend-links-simple .link { - padding: 0 10px; - } .friend-links-simple .link .card { - padding: 12px 12px; - } .friend-links-simple .link .friend-link-avatar { - margin-top: 8px; - } .friend-links-simple .link .card img { - border: none; - max-width: unset; - } .friend-links-simple .link .friend-link-title { - font-size: 17px; - font-weight: bold; - margin-bottom: 5px; - } .friend-links-simple .link a:before { - display: none; - } - - /*短代码-友链*/ .friend-links .link { - padding-left: 10px; - padding-right: 10px; - padding-bottom: 15px; - } .friend-links .friend-link-container { - display: block; - overflow: hidden; - white-space: nowrap; - background-color: var(--color-widgets) !important; - } .friend-links .link a:before { - display: none; - } /*短代码-友链-样式 1*/ .friend-links-style1 .friend-link-avatar { - display: inline-block; - width: 125px; - height: 140px; - border-radius: 0 65px 65px 0; - object-fit: cover; - pointer-events: none; - } .friend-links-style1 .friend-link-content { - display: inline-block; - width: calc(100% - 125px); - height: 140px; - vertical-align: middle; - padding: 10px 15px 10px 15px; - white-space: normal; - } .friend-links-style1 .no-avatar .friend-link-content { - width: 100%; - } .friend-links-style1 .friend-link-title { - font-weight: bold; - font-size: 18px; - height: 36px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } .friend-links-style1 .friend-link-description { - height: 50px; - overflow: hidden; - line-height: 25px; - position: relative; - } .friend-links-style1 .friend-link-description:after { - content: ""; - width: 45px; - height: 22px; - display: block; - position: absolute; - right: 0; - top: 25px; - pointer-events: none; - background: linear-gradient(90deg, transparent 0%, var(--color-widgets) 100%); - } .friend-links-style1 .friend-link-links { - height: 32px; - overflow: hidden; - font-size: 18px; - margin-top: 2px; - } .friend-links-style1 .friend-link-links > a { - margin-right: 12px; - } /*短代码-友链-样式 1-方形头像*/ .friend-links-style1.friend-links-style1-square .friend-link-avatar { - border-radius: 0; - width: 130px; - } .friend-links-style1.friend-links-style1-square .friend-link-content { - width: calc(100% - 130px); - } .friend-links-style1.friend-links-style1-square .no-avatar .friend-link-content { - width: 100%; - } /*短代码-友链-样式 2*/ .friend-links-style2 .friend-link-avatar { - display: block; - width: 100%; - height: 160px; - object-fit: cover; - pointer-events: none; - } .friend-links-style2 .friend-link-content { - display: block; - width: 100%; - padding: 10px 15px 12px 15px; - } .friend-links-style2 .friend-link-title { - font-weight: bold; - font-size: 18px; - height: 36px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } .friend-links-style2 .friend-link-description { - height: 25px; - line-height: 25px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } .friend-links-style2 .friend-link-links { - height: 30px; - overflow: hidden; - font-size: 18px; - margin-top: 8px; - } .friend-links-style2 .friend-link-links > a { - margin-right: 15px; - } /*短代码-友链-样式 2-大头像*/ .friend-links-style2.friend-links-style2-big .friend-link-avatar { - height: calc(100vw * 0.2); - min-height: 200px; - max-height: 250px; - } .friend-links-style2.friend-links-style2-big .friend-link-links > a { - margin-right: 12px; - } @media (min-width: 900px) { - .friend-links.friend-links-style2-big .link { - max-width: 33.33333%; - flex: 0 0 33.33333%; - } - } - - /*短代码-时间线*/ .argon-timeline { - margin-left: 110px; - border-left: 3px solid rgba(var(--themecolor-rgbstr), 0.2); - padding-left: 25px; - position: relative; - padding-top: 30px; - padding-bottom: 10px; - } .argon-timeline-time { - position: absolute !important; - left: -110px; - margin-top: 12px; - width: 85px; - text-align: right; - font-size: 15px; - line-height: 26px; - } .argon-timeline-card { - margin-bottom: 35px; - padding: 18px 25px; - background: var(--color-widgets) !important; - } .argon-timeline-card:before { - content: ""; - position: absolute; - left: -35px; - top: 17px; - background: var(--themecolor); - width: 14px; - height: 14px; - border-radius: 50%; - } .argon-timeline-title { - font-size: 17px; - font-weight: bold; - margin-bottom: 5px; - } - - /*短代码-隐藏文本*/ .argon-hidden-text { - transition: all 0.3s ease; - } .argon-hidden-text.argon-hidden-text-blur { - filter: blur(4px); - } .argon-hidden-text.argon-hidden-text-blur:hover { - filter: blur(0px); - } .argon-hidden-text.argon-hidden-text-background { - background: #000; - color: transparent; - border-radius: 1px; - } .argon-hidden-text.argon-hidden-text-background:hover { - background: transparent; - color: inherit; - border-radius: 0px; - } - - /*短代码-Github*/ .github-info-card { - background: #24292e !important; - margin-top: 20px; - margin-bottom: 20px; - padding: 20px 25px; - color: #eee; - } .github-info-card a { - color: var(--themecolor-light); - } .github-info-card-header { - margin-bottom: 5px; - } .github-info-card-header a { - color: #eee !important; - font-size: 16px; - } .github-info-card-header a:before { - display: none; - } .github-info-card-header a i { - margin-right: 2px; - } .github-info-card-name-a { - font-size: 20px; - } .github-info-card-bottom { - margin-top: 15px; - } .github-info-card-bottom .github-info-card-meta { - margin-right: 10px; - opacity: 0.7; - } .github-info-card-bottom .github-info-card-meta i { - margin-right: 2px; - } /*短代码-Github-Mini*/ .github-info-card-mini { - display: flex; - flex-direction: row; - white-space: nowrap; - align-items: center; - padding: 15px 20px; - } .github-info-card-mini .github-info-card-name-a { - display: inline-block; - margin-right: 12px; - font-size: 19px; - } .github-info-card-mini .github-info-card-description { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - word-break: break-all; - display: inline-block; - } .github-info-card-mini .github-info-card-body { - flex: 1; - white-space: nowrap; - overflow: hidden; - display: flex; - align-items: center; - } .github-info-card-mini .github-info-card-bottom { - display: inline-block; - margin-top: 0; - margin-left: 10px; - } .github-info-card-mini .github-info-card-header { - margin-right: 7px; - margin-bottom: 0; - } .github-info-card-mini .github-info-card-header a i { - font-size: 19px; - transform: translateY(2px); - margin-right: 2px; - } .github-info-card-mini .github-info-card-bottom .github-info-card-meta-forks { - display: none; - } .github-info-card-mini .github-info-card-bottom .github-info-card-meta-stars { - margin-right: 0; - } - - /*短代码-进度条*/ .progress { - background: var(--color-border-on-foreground-deeper); - } /*Gutenburg 区块-Tab 面板*/ .argon-tabpanel { - margin-bottom: 20px; - } .argon-tabpanel > .tabpanel-header { - padding: 0; - } .argon-tabpanel > .tabpanel-body { - background-color: var(--color-widgets) !important; - } .argon-tabpanel .nav { - display: flex; - justify-content: flex-start; - align-content: center; - flex-wrap: wrap; - } .argon-tabpanel .nav-pills .nav-item { - padding: 0; - flex: 0; - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - margin-bottom: 0; - } .argon-tabpanel .nav-pills .nav-link { - box-shadow: none; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - background-color: var(--color-widgets); - border: solid 1px var(--color-border-on-foreground); - border-bottom: none; - padding: 8px 16px; - white-space: nowrap; - } html.darkmode .argon-tabpanel .nav-pills .nav-link { - color: #fff; - } .argon-tabpanel .nav-pills .nav-link:not(:first-of-type) { - border-left: none; - } .argon-tabpanel .nav-pills .nav-link:before { - display: none; - } .argon-tabpanel .nav-pills .nav-link.active, .argon-tabpanel .nav-pills .show > .nav-link { - background-color: var(--themecolor) !important; - } - - /*noUiSlidebar*/ .noUi-connect, .noUi-handle { - background: var(--themecolor) !important; - } .noUi-handle:before { - content: attr(aria-valuenow) " px"; - position: absolute; - left: -36px; - top: -20px; - font-size: 10px; - display: block; - width: 90px; - text-align: center; - transition: opacity 0.15s ease; - opacity: 0; - pointer-events: none; - } .noUi-handle.noUi-active:before { - opacity: 1; - } .noUi-target { - background: var(--color-border-on-foreground-deeper); - } - - /*nprogress 加载进度条*/ #nprogress { - pointer-events: none; - } #nprogress .bar { - background: rgba(255, 255, 255, 0.67); - position: fixed; - z-index: 1031; - top: 0; - left: 0; - width: 100%; - height: 2px; - } body.leftbar-can-headroom.headroom---unpinned #nprogress .bar { - background: rgba(var(--themecolor-rgbstr), 0.67); - } #nprogress .peg { - display: block; - position: absolute; - right: 0px; - width: 100px; - height: 100%; - box-shadow: 0 0 10px rgba(255, 255, 255, 0.67), 0 0 5px rgba(255, 255, 255, 0.67); - opacity: 1; - -webkit-transform: rotate(3deg) translate(0px, -4px); - -ms-transform: rotate(3deg) translate(0px, -4px); - transform: rotate(3deg) translate(0px, -4px); - } #nprogress .spinner { - display: block; - position: fixed; - z-index: 1031; - top: 15px; - right: 15px; - } #nprogress .spinner-icon { - width: 18px; - height: 18px; - box-sizing: border-box; - border: solid 2px transparent; - border-top-color: rgba(255, 255, 255, 0.67); - border-left-color: rgba(255, 255, 255, 0.67); - border-radius: 50%; - -webkit-animation: nprogress-spinner 400ms linear infinite; - animation: nprogress-spinner 400ms linear infinite; - } .nprogress-custom-parent { - overflow: hidden; - position: relative; - } .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { - position: absolute; - } @-webkit-keyframes nprogress-spinner { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - } - } @keyframes nprogress-spinner { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } - } - - /*iziToast*/ .iziToast:after { - box-shadow: none !important; - } .iziToast > .iziToast-close { - opacity: 0.9 !important; - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTcwODgxMzc1MTA3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0MTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwMCIgaGVpZ2h0PSIxMDAwIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik05NTQuMzA0IDE5MC4zMzZhMTUuNTUyIDE1LjU1MiAwIDAgMSAwIDIxLjk1MmwtMzAwLjAzMiAzMDAuMDMyIDI5OC41NiAyOTguNTZhMTUuNjE2IDE1LjYxNiAwIDAgMSAwIDIyLjAxNmwtMTIwLjk2IDEyMC44OTZhMTUuNTUyIDE1LjU1MiAwIDAgMS0yMS45NTIgMEw1MTEuMzYgNjU1LjIzMiAyMTQuMjcyIDk1Mi4zMmExNS41NTIgMTUuNTUyIDAgMCAxLTIxLjk1MiAwbC0xMjAuODk2LTEyMC44OTZhMTUuNDg4IDE1LjQ4OCAwIDAgMSAwLTIxLjk1MmwyOTcuMTUyLTI5Ny4xNTJMNjkuODg4IDIxMy43NmExNS41NTIgMTUuNTUyIDAgMCAxIDAtMjEuOTUybDEyMC44OTYtMTIwLjg5NmExNS41NTIgMTUuNTUyIDAgMCAxIDIxLjk1MiAwTDUxMS4zNiAzNjkuNDcybDMwMC4wOTYtMzAwLjAzMmExNS4zNiAxNS4zNiAwIDAgMSAyMS45NTIgMGwxMjAuODk2IDEyMC44OTZ6IiBwLWlkPSIzNDExIiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+) - no-repeat 50% 50% !important; - background-size: 10px !important; - } .iziToast > .iziToast-body .iziToast-icon { - font-size: 18px !important; - } .iziToast > .iziToast-body i.fa-spin:before { - animation: fa-spin 2s infinite linear; - display: inline-block; - } .iziToast.iziToast-noprogressbar .iziToast-progressbar { - display: none; - } /*Mathjax 相关*/ .MathJax { - outline: none !important; - } #MathJax_Zoom { - background: var(--color-widgets) !important; - border: var(--color-border-on-foreground-deeper) solid 1px !important; - border-radius: 3px !important; - box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important; - } .CtxtMenu_Menu { - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; - border: none !important; - border-radius: 5px !important; - } - - /*LazyLoad 加载样式*/ article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"] { - width: 100%; - max-height: 60vh; - background-color: var(--color-border-on-foreground); - background-repeat: no-repeat; - background-position: 50% 50%; - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"]:not([srcset]) { - height: 500px; - pointer-events: none; - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-1 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iOC4wNDIlIiB5MT0iMCUiIHgyPSI2NS42ODIlIiB5Mj0iMjMuODY1JSIgaWQ9ImEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNWU3MmU0IiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMCUiLz4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzVlNzJlNCIgc3RvcC1vcGFjaXR5PSIuNjMxIiBvZmZzZXQ9IjYzLjE0NiUiLz4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzVlNzJlNCIgb2Zmc2V0PSIxMDAlIi8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCIgaWQ9Ik92YWwtMiIgc3Ryb2tlPSJ1cmwoI2EpIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0KICAgICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iCiAgICAgICAgICAgICAgICAgICAgdHlwZT0icm90YXRlIgogICAgICAgICAgICAgICAgICAgIGZyb209IjAgMTggMTgiCiAgICAgICAgICAgICAgICAgICAgdG89IjM2MCAxOCAxOCIKICAgICAgICAgICAgICAgICAgICBkdXI9IjAuOXMiCiAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvcGF0aD4KICAgICAgICAgICAgPGNpcmNsZSBmaWxsPSIjNWU3MmU0IiBjeD0iMzYiIGN5PSIxOCIgcj0iMSI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybQogICAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIKICAgICAgICAgICAgICAgICAgICB0eXBlPSJyb3RhdGUiCiAgICAgICAgICAgICAgICAgICAgZnJvbT0iMCAxOCAxOCIKICAgICAgICAgICAgICAgICAgICB0bz0iMzYwIDE4IDE4IgogICAgICAgICAgICAgICAgICAgIGR1cj0iMC45cyIKICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-2 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM1ZTcyZTQiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgIDxjaXJjbGUgY3g9IjIyIiBjeT0iMjIiIHI9IjEiPgogICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIgogICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuOHMiCiAgICAgICAgICAgICAgICB2YWx1ZXM9IjE7IDIwIgogICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIKICAgICAgICAgICAgICAgIGtleVRpbWVzPSIwOyAxIgogICAgICAgICAgICAgICAga2V5U3BsaW5lcz0iMC4xNjUsIDAuODQsIDAuNDQsIDEiCiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLW9wYWNpdHkiCiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS44cyIKICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIKICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJzcGxpbmUiCiAgICAgICAgICAgICAgICBrZXlUaW1lcz0iMDsgMSIKICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiCiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8L2NpcmNsZT4KICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIKICAgICAgICAgICAgICAgIGJlZ2luPSItMC45cyIgZHVyPSIxLjhzIgogICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIKICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJzcGxpbmUiCiAgICAgICAgICAgICAgICBrZXlUaW1lcz0iMDsgMSIKICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIgogICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1vcGFjaXR5IgogICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuOHMiCiAgICAgICAgICAgICAgICB2YWx1ZXM9IjE7IDAiCiAgICAgICAgICAgICAgICBjYWxjTW9kZT0ic3BsaW5lIgogICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiCiAgICAgICAgICAgICAgICBrZXlTcGxpbmVzPSIwLjMsIDAuNjEsIDAuMzU1LCAxIgogICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPC9jaXJjbGU+CiAgICA8L2c+Cjwvc3ZnPg==); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-3 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDYuNSIgdmlld0JveD0iMCAwIDEzNSAxNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzVlNzJlNCI+CiAgICA8cmVjdCB5PSIxMCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjEyMCIgcng9IjYiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIKICAgICAgICAgICAgIGJlZ2luPSIwLjVzIiBkdXI9IjFzIgogICAgICAgICAgICAgdmFsdWVzPSIxMjA7MTEwOzEwMDs5MDs4MDs3MDs2MDs1MDs0MDsxNDA7MTIwIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ieSIKICAgICAgICAgICAgIGJlZ2luPSIwLjVzIiBkdXI9IjFzIgogICAgICAgICAgICAgdmFsdWVzPSIxMDsxNTsyMDsyNTszMDszNTs0MDs0NTs1MDswOzEwIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSIzMCIgeT0iMTAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMjAiIHJ4PSI2Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICBiZWdpbj0iMC4yNXMiIGR1cj0iMXMiCiAgICAgICAgICAgICB2YWx1ZXM9IjEyMDsxMTA7MTAwOzkwOzgwOzcwOzYwOzUwOzQwOzE0MDsxMjAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ5IgogICAgICAgICAgICAgYmVnaW49IjAuMjVzIiBkdXI9IjFzIgogICAgICAgICAgICAgdmFsdWVzPSIxMDsxNTsyMDsyNTszMDszNTs0MDs0NTs1MDswOzEwIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSI2MCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE0MCIgcng9IjYiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIKICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTIwOzExMDsxMDA7OTA7ODA7NzA7NjA7NTA7NDA7MTQwOzEyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiCiAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMXMiCiAgICAgICAgICAgICB2YWx1ZXM9IjEwOzE1OzIwOzI1OzMwOzM1OzQwOzQ1OzUwOzA7MTAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9IjkwIiB5PSIxMCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjEyMCIgcng9IjYiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIKICAgICAgICAgICAgIGJlZ2luPSIwLjI1cyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTIwOzExMDsxMDA7OTA7ODA7NzA7NjA7NTA7NDA7MTQwOzEyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiCiAgICAgICAgICAgICBiZWdpbj0iMC4yNXMiIGR1cj0iMXMiCiAgICAgICAgICAgICB2YWx1ZXM9IjEwOzE1OzIwOzI1OzMwOzM1OzQwOzQ1OzUwOzA7MTAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9IjEyMCIgeT0iMTAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMjAiIHJ4PSI2Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICBiZWdpbj0iMC41cyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTIwOzExMDsxMDA7OTA7ODA7NzA7NjA7NTA7NDA7MTQwOzEyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiCiAgICAgICAgICAgICBiZWdpbj0iMC41cyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTA7MTU7MjA7MjU7MzA7MzU7NDA7NDU7NTA7MDsxMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9yZWN0Pgo8L3N2Zz4K); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-4 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM1ZTcyZTQiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuNSIgY3g9IjE4IiBjeT0iMTgiIHI9IjE4Ii8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybQogICAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIKICAgICAgICAgICAgICAgICAgICB0eXBlPSJyb3RhdGUiCiAgICAgICAgICAgICAgICAgICAgZnJvbT0iMCAxOCAxOCIKICAgICAgICAgICAgICAgICAgICB0bz0iMzYwIDE4IDE4IgogICAgICAgICAgICAgICAgICAgIGR1cj0iMXMiCiAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgICAgICAgICAgPC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-5 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iNjUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM1ZTcyZTQiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgIDxjaXJjbGUgY3g9IjIyIiBjeT0iMjIiIHI9IjYiIHN0cm9rZS1vcGFjaXR5PSIwIj4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIKICAgICAgICAgICAgICAgICBiZWdpbj0iMS41cyIgZHVyPSIzcyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjY7MjIiCiAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLW9wYWNpdHkiCiAgICAgICAgICAgICAgICAgYmVnaW49IjEuNXMiIGR1cj0iM3MiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSIxOzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS13aWR0aCIKICAgICAgICAgICAgICAgICBiZWdpbj0iMS41cyIgZHVyPSIzcyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjI7MCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8L2NpcmNsZT4KICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSI2IiBzdHJva2Utb3BhY2l0eT0iMCI+CiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiCiAgICAgICAgICAgICAgICAgYmVnaW49IjNzIiBkdXI9IjNzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iNjsyMiIKICAgICAgICAgICAgICAgICBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIKICAgICAgICAgICAgICAgICBiZWdpbj0iM3MiIGR1cj0iM3MiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSIxOzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS13aWR0aCIKICAgICAgICAgICAgICAgICBiZWdpbj0iM3MiIGR1cj0iM3MiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSIyOzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgPGNpcmNsZSBjeD0iMjIiIGN5PSIyMiIgcj0iOCI+CiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNXMiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSI2OzE7MjszOzQ7NTs2IgogICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPC9jaXJjbGU+CiAgICA8L2c+Cjwvc3ZnPg==); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-6 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMjAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzVlNzJlNCI+CiAgICA8Y2lyY2xlIGN4PSIxNSIgY3k9IjE1IiByPSIxNSI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgZnJvbT0iMTUiIHRvPSIxNSIKICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMC44cyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjE1Ozk7MTUiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IiBmcm9tPSIxIiB0bz0iMSIKICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMC44cyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjE7LjU7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iNjAiIGN5PSIxNSIgcj0iOSIgZmlsbC1vcGFjaXR5PSIwLjMiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIGZyb209IjkiIHRvPSI5IgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIwLjhzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iOTsxNTs5IiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIgZnJvbT0iMC41IiB0bz0iMC41IgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIwLjhzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iLjU7MTsuNSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iMTA1IiBjeT0iMTUiIHI9IjE1Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBmcm9tPSIxNSIgdG89IjE1IgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIwLjhzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iMTU7OTsxNSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGZyb209IjEiIHRvPSIxIgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIwLjhzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsuNTsxIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9jaXJjbGU+Cjwvc3ZnPgo=); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-7 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA1NSA4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjNWU3MmU0Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgODApIj4KICAgICAgICA8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMjAiIHJ4PSIzIj4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0IgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSI0LjNzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iMjA7NDU7NTc7ODA7NjQ7MzI7NjY7NDU7NjQ7MjM7NjY7MTM7NjQ7NTY7MzQ7MzQ7MjsyMzs3Njs3OTsyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8L3JlY3Q+CiAgICAgICAgPHJlY3QgeD0iMTUiIHdpZHRoPSIxMCIgaGVpZ2h0PSI4MCIgcng9IjMiPgogICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjJzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iODA7NTU7MzM7NTs3NTsyMzs3MzszMzsxMjsxNDs2MDs4MCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8L3JlY3Q+CiAgICAgICAgPHJlY3QgeD0iMzAiIHdpZHRoPSIxMCIgaGVpZ2h0PSI1MCIgcng9IjMiPgogICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNHMiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSI1MDszNDs3ODsyMzs1NjsyMzszNDs3Njs4MDs1NDsyMTs1MCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8L3JlY3Q+CiAgICAgICAgPHJlY3QgeD0iNDUiIHdpZHRoPSIxMCIgaGVpZ2h0PSIzMCIgcng9IjMiPgogICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjJzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iMzA7NDU7MTM7ODA7NTY7NzI7NDU7NzY7MzQ7MjM7Njc7MzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPC9yZWN0PgogICAgPC9nPgo8L3N2Zz4=); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-8 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAxMDUgMTA1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM1ZTcyZTQiPgogICAgPGNpcmNsZSBjeD0iMTIuNSIgY3k9IjEyLjUiIHI9IjEyLjUiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjFzIgogICAgICAgICB2YWx1ZXM9IjE7LjI7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjEyLjUiIGN5PSI1Mi41IiByPSIxMi41IiBmaWxsLW9wYWNpdHk9Ii41Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgIGJlZ2luPSIxMDBtcyIgZHVyPSIxcyIKICAgICAgICAgdmFsdWVzPSIxOy4yOzEiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSI1Mi41IiBjeT0iMTIuNSIgcj0iMTIuNSI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICBiZWdpbj0iMzAwbXMiIGR1cj0iMXMiCiAgICAgICAgIHZhbHVlcz0iMTsuMjsxIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iNTIuNSIgY3k9IjUyLjUiIHI9IjEyLjUiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgYmVnaW49IjYwMG1zIiBkdXI9IjFzIgogICAgICAgICB2YWx1ZXM9IjE7LjI7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjkyLjUiIGN5PSIxMi41IiByPSIxMi41Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgIGJlZ2luPSI4MDBtcyIgZHVyPSIxcyIKICAgICAgICAgdmFsdWVzPSIxOy4yOzEiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSI5Mi41IiBjeT0iNTIuNSIgcj0iMTIuNSI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICBiZWdpbj0iNDAwbXMiIGR1cj0iMXMiCiAgICAgICAgIHZhbHVlcz0iMTsuMjsxIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iMTIuNSIgY3k9IjkyLjUiIHI9IjEyLjUiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgYmVnaW49IjcwMG1zIiBkdXI9IjFzIgogICAgICAgICB2YWx1ZXM9IjE7LjI7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjUyLjUiIGN5PSI5Mi41IiByPSIxMi41Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgIGJlZ2luPSI1MDBtcyIgZHVyPSIxcyIKICAgICAgICAgdmFsdWVzPSIxOy4yOzEiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSI5Mi41IiBjeT0iOTIuNSIgcj0iMTIuNSI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICBiZWdpbj0iMjAwbXMiIGR1cj0iMXMiCiAgICAgICAgIHZhbHVlcz0iMTsuMjsxIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgo8L3N2Zz4K); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-9 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA1OCA1OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAxKSIgc3Ryb2tlPSIjNWU3MmU0IiBzdHJva2Utd2lkdGg9IjEuNSI+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjQyLjYwMSIgY3k9IjExLjQ2MiIgcj0iNSIgZmlsbC1vcGFjaXR5PSIxIiBmaWxsPSIjNWU3MmU0Ij4KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuM3MiCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iMTswOzA7MDswOzA7MDswIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjQ5LjA2MyIgY3k9IjI3LjA2MyIgcj0iNSIgZmlsbC1vcGFjaXR5PSIwIiBmaWxsPSIjNWU3MmU0Ij4KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuM3MiCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iMDsxOzA7MDswOzA7MDswIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjQyLjYwMSIgY3k9IjQyLjY2MyIgcj0iNSIgZmlsbC1vcGFjaXR5PSIwIiBmaWxsPSIjNWU3MmU0Ij4KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuM3MiCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iMDswOzE7MDswOzA7MDswIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjI3IiBjeT0iNDkuMTI1IiByPSI1IiBmaWxsLW9wYWNpdHk9IjAiIGZpbGw9IiM1ZTcyZTQiPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS4zcyIKICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSIwOzA7MDsxOzA7MDswOzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICA8L2NpcmNsZT4KICAgICAgICAgICAgPGNpcmNsZSBjeD0iMTEuMzk5IiBjeT0iNDIuNjYzIiByPSI1IiBmaWxsLW9wYWNpdHk9IjAiIGZpbGw9IiM1ZTcyZTQiPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS4zcyIKICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSIwOzA7MDswOzE7MDswOzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICA8L2NpcmNsZT4KICAgICAgICAgICAgPGNpcmNsZSBjeD0iNC45MzgiIGN5PSIyNy4wNjMiIHI9IjUiIGZpbGwtb3BhY2l0eT0iMCIgZmlsbD0iIzVlNzJlNCI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxLjNzIgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjA7MDswOzA7MDsxOzA7MCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSIxMS4zOTkiIGN5PSIxMS40NjIiIHI9IjUiIGZpbGwtb3BhY2l0eT0iMCIgZmlsbD0iIzVlNzJlNCI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxLjNzIgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjA7MDswOzA7MDswOzE7MCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSIyNyIgY3k9IjUiIHI9IjUiIGZpbGwtb3BhY2l0eT0iMCIgZmlsbD0iIzVlNzJlNCI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxLjNzIgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjA7MDswOzA7MDswOzA7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-10 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAxMzUgMTM1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM1ZTcyZTQiPgogICAgPHBhdGggZD0iTTY3LjQ0NyA1OGM1LjUyMyAwIDEwLTQuNDc3IDEwLTEwcy00LjQ3Ny0xMC0xMC0xMC0xMCA0LjQ3Ny0xMCAxMCA0LjQ3NyAxMCAxMCAxMHptOS40NDggOS40NDdjMCA1LjUyMyA0LjQ3NyAxMCAxMCAxMCA1LjUyMiAwIDEwLTQuNDc3IDEwLTEwcy00LjQ3OC0xMC0xMC0xMGMtNS41MjMgMC0xMCA0LjQ3Ny0xMCAxMHptLTkuNDQ4IDkuNDQ4Yy01LjUyMyAwLTEwIDQuNDc3LTEwIDEwIDAgNS41MjIgNC40NzcgMTAgMTAgMTBzMTAtNC40NzggMTAtMTBjMC01LjUyMy00LjQ3Ny0xMC0xMC0xMHpNNTggNjcuNDQ3YzAtNS41MjMtNC40NzctMTAtMTAtMTBzLTEwIDQuNDc3LTEwIDEwIDQuNDc3IDEwIDEwIDEwIDEwLTQuNDc3IDEwLTEweiI+CiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0KICAgICAgICAgICAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIgogICAgICAgICAgICB0eXBlPSJyb3RhdGUiCiAgICAgICAgICAgIGZyb209IjAgNjcgNjciCiAgICAgICAgICAgIHRvPSItMzYwIDY3IDY3IgogICAgICAgICAgICBkdXI9IjIuNXMiCiAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L3BhdGg+CiAgICA8cGF0aCBkPSJNMjguMTkgNDAuMzFjNi42MjcgMCAxMi01LjM3NCAxMi0xMiAwLTYuNjI4LTUuMzczLTEyLTEyLTEyLTYuNjI4IDAtMTIgNS4zNzItMTIgMTIgMCA2LjYyNiA1LjM3MiAxMiAxMiAxMnptMzAuNzItMTkuODI1YzQuNjg2IDQuNjg3IDEyLjI4NCA0LjY4NyAxNi45NyAwIDQuNjg2LTQuNjg2IDQuNjg2LTEyLjI4NCAwLTE2Ljk3LTQuNjg2LTQuNjg3LTEyLjI4NC00LjY4Ny0xNi45NyAwLTQuNjg3IDQuNjg2LTQuNjg3IDEyLjI4NCAwIDE2Ljk3em0zNS43NCA3LjcwNWMwIDYuNjI3IDUuMzcgMTIgMTIgMTIgNi42MjYgMCAxMi01LjM3MyAxMi0xMiAwLTYuNjI4LTUuMzc0LTEyLTEyLTEyLTYuNjMgMC0xMiA1LjM3Mi0xMiAxMnptMTkuODIyIDMwLjcyYy00LjY4NiA0LjY4Ni00LjY4NiAxMi4yODQgMCAxNi45NyA0LjY4NyA0LjY4NiAxMi4yODUgNC42ODYgMTYuOTcgMCA0LjY4Ny00LjY4NiA0LjY4Ny0xMi4yODQgMC0xNi45Ny00LjY4NS00LjY4Ny0xMi4yODMtNC42ODctMTYuOTcgMHptLTcuNzA0IDM1Ljc0Yy02LjYyNyAwLTEyIDUuMzctMTIgMTIgMCA2LjYyNiA1LjM3MyAxMiAxMiAxMnMxMi01LjM3NCAxMi0xMmMwLTYuNjMtNS4zNzMtMTItMTItMTJ6bS0zMC43MiAxOS44MjJjLTQuNjg2LTQuNjg2LTEyLjI4NC00LjY4Ni0xNi45NyAwLTQuNjg2IDQuNjg3LTQuNjg2IDEyLjI4NSAwIDE2Ljk3IDQuNjg2IDQuNjg3IDEyLjI4NCA0LjY4NyAxNi45NyAwIDQuNjg3LTQuNjg1IDQuNjg3LTEyLjI4MyAwLTE2Ljk3em0tMzUuNzQtNy43MDRjMC02LjYyNy01LjM3Mi0xMi0xMi0xMi02LjYyNiAwLTEyIDUuMzczLTEyIDEyczUuMzc0IDEyIDEyIDEyYzYuNjI4IDAgMTItNS4zNzMgMTItMTJ6bS0xOS44MjMtMzAuNzJjNC42ODctNC42ODYgNC42ODctMTIuMjg0IDAtMTYuOTctNC42ODYtNC42ODYtMTIuMjg0LTQuNjg2LTE2Ljk3IDAtNC42ODcgNC42ODYtNC42ODcgMTIuMjg0IDAgMTYuOTcgNC42ODYgNC42ODcgMTIuMjg0IDQuNjg3IDE2Ljk3IDB6Ij4KICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybQogICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iCiAgICAgICAgICAgIHR5cGU9InJvdGF0ZSIKICAgICAgICAgICAgZnJvbT0iMCA2NyA2NyIKICAgICAgICAgICAgdG89IjM2MCA2NyA2NyIKICAgICAgICAgICAgZHVyPSI4cyIKICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgIDwvcGF0aD4KPC9zdmc+Cg==); - } article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-11 { - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA1NyA1NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM1ZTcyZTQiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSI1IiBjeT0iNTAiIHI9IjUiPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3kiCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjUwOzU7NTA7NTAiCiAgICAgICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjU7Mjc7NDk7NSIKICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSIyNyIgY3k9IjUiIHI9IjUiPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3kiCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIgogICAgICAgICAgICAgICAgICAgICBmcm9tPSI1IiB0bz0iNSIKICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSI1OzUwOzUwOzUiCiAgICAgICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIgogICAgICAgICAgICAgICAgICAgICBmcm9tPSIyNyIgdG89IjI3IgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjI3OzQ5OzU7MjciCiAgICAgICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICA8L2NpcmNsZT4KICAgICAgICAgICAgPGNpcmNsZSBjeD0iNDkiIGN5PSI1MCIgcj0iNSI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeSIKICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjIuMnMiCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iNTA7NTA7NTs1MCIKICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeCIKICAgICAgICAgICAgICAgICAgICAgZnJvbT0iNDkiIHRvPSI0OSIKICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjIuMnMiCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iNDk7NTsyNzs0OSIKICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); - } - - /*Fancybox 样式*/ .fancybox-wrapper { - width: max-content; - max-width: 100%; - } figure > .fancybox-wrapper, figure > a > .fancybox-wrapper { - width: unset; - } .fancybox-wrapper.lazyload-container-unload { - width: 100%; - } - - .fancybox-wrapper > img { - cursor: pointer; - cursor: -webkit-zoom-in; - cursor: zoom-in; - } /*Zoomify 样式*/ .zoomify { - cursor: pointer; - cursor: -webkit-zoom-in; - cursor: zoom-in; - } .zoomify.zoomed { - cursor: -webkit-zoom-out; - cursor: zoom-out; - padding: 0; - margin: 0; - border: none; - border-radius: 0; - box-shadow: none; - position: relative; - z-index: 1501; - } .zoomify-shadow { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - display: block; - z-index: 1500; - background: rgba(0, 0, 0, 0.3); - opacity: 0; - } .zoomify-shadow.zoomed { - opacity: 1; - cursor: pointer; - cursor: -webkit-zoom-out; - cursor: zoom-out; - } .noscroll { - overflow: hidden !important; - } body.noscroll:before { - opacity: 0 !important; - } - - /*Share.js*/ /* 文章操作按钮容器 */ @@ -8199,43 +5322,25 @@ body.noscroll:before { #share, #share_show { - width: max-content; - width: -moz-max-content; - transition: transform var(--animation-normal) var(--ease-emphasized), opacity var(--animation-normal) var(--ease-standard); - } #share { - position: absolute; - right: 0; - top: 0; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: flex-end; - align-items: center; - gap: 6px; - transform: translateY(-10px); - opacity: 0; - pointer-events: none; - will-change: transform, opacity; - } /* 分享按钮子元素初始状态 */ @@ -8277,7 +5382,6 @@ body.noscroll:before { #share_container { position: static; } - #share { position: fixed; bottom: 80px; @@ -8294,525 +5398,316 @@ body.noscroll:before { border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); } - #share_container.opened #share { transform: translateY(0); } - #share > a { transform: scale(0.8) translateY(10px); } - #share_container.opened #share > a { transform: scale(1) translateY(0); } } #share_show { - opacity: 1; - height: 38px; - width: 38px; - display: inline-flex; - align-items: center; - justify-content: center; - transform: translateY(0); - background-color: var(--themecolor) !important; - border-color: var(--themecolor) !important; - } #share_show:hover { - background-color: var(--themecolor-dark) !important; - border-color: var(--themecolor-dark) !important; - } #share_show:active { - background-color: var(--themecolor-dark2) !important; - border-color: var(--themecolor-dark2) !important; - } #share_container.opened #share { - transform: translateY(0); - opacity: 1; - pointer-events: unset; - } #share_container.opened #share_show { - transform: rotate(45deg) scale(0.9); - opacity: 0.7; - pointer-events: none; - } #share_container .btn { - height: 38px; - padding: 0 15px; - line-height: 38px; - margin-left: 5px; - margin-right: 0; - margin-bottom: 0; - min-width: 50px; - } #share .btn { - margin-bottom: 0; - height: 38px; - width: 50px; - padding: 0; - display: inline-flex; - align-items: center; - justify-content: center; - } - - #share .icon-wechat, #share .icon-copy-link { - position: relative; - } #share .icon-wechat .wechat-qrcode, #share .icon-copy-link .wechat-qrcode { - position: absolute; - z-index: 2; - bottom: 50px; - right: 0px; - width: max-content; - width: -moz-max-content; - background: var(--color-widgets); - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - text-align: center; - padding: 15px 30px; - transition: visibility 0.25s, opacity 0.25s, transform 0.25s; - transform: translate(0, -10px) perspective(100px) rotateX(3deg); - opacity: 0; - border-radius: 3px; - pointer-events: none; - } #share .icon-wechat:hover .wechat-qrcode, #share .icon-copy-link:hover .wechat-qrcode { - transform: translate(0, 0); - opacity: 1; - } #share .wechat-qrcode:before { - position: absolute; - z-index: 3; - top: calc(100% - 1em - 2px); - right: 35px; - display: block; - width: 16px; - height: 16px; - content: ""; - transform: rotate(-45deg) translateY(1rem); - border-radius: 0.2rem; - background: var(--color-widgets); - } #share .qrcode img { - margin: auto; - } #share .wechat-qrcode h4 { - font-size: 18px; - padding-bottom: 10px; - } #share .wechat-qrcode .help { - color: #000; - padding-top: 20px; - padding-bottom: 5px; - } #share > a { - position: relative; - } #share > a:before, #share_show:before { - pointer-events: none; - position: absolute; - top: -35px; - right: 0px; - line-height: 25px; - width: max-content; - width: -moz-max-content; - text-align: center; - font-weight: normal; - color: #fff; - background: #32325d; - padding: 3px 10px; - font-size: 14px; - border-radius: 3px; - z-index: 3; - transition: all 0.3s ease; - transform: translateY(5px); - opacity: 0; - } #share > a:hover:before, #share_show:hover:before { - transform: translateY(0); - opacity: 0.7; - } #share_show:before { - content: attr(tooltip); - top: -40px; - height: max-content; - height: -moz-max-content; - text-transform: none; - } #share .icon-douban:before { - content: attr(tooltip); - } #share .icon-qq:before { - content: attr(tooltip); - } #share .icon-qzone:before { - content: attr(tooltip); - } #share .icon-weibo:before { - content: attr(tooltip); - } #share .icon-facebook:before { - content: attr(tooltip); - } #share .icon-twitter:before { - content: attr(tooltip); - } #share .icon-telegram:before { - content: attr(tooltip); - } #share .icon-copy-link:before { - display: none !important; - } - - /*Wordpress Adminbar*/ #wpadminbar { - position: fixed !important; - width: max-content !important; - height: max-content !important; - width: -moz-max-content !important; - height: -moz-max-content !important; - min-height: 55px; - max-width: 100vw; - background: var(--themecolor) !important; - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; - border-radius: 0 100px 100px 0; - padding: 10px 20px; - top: calc(50vh - 27.5px) !important; - left: 0 !important; - transform: translateX(calc(-100% + 25px)); - transition: all 0.3s ease; - } #wpadminbar:hover { - transform: none !important; - } #wpadminbar:after { - content: "\f105"; - font: normal normal normal 20px/1 FontAwesome; - position: absolute; - top: 50%; - transform: translateY(calc(-50% - 2px)); - right: 10px; - transition: all 0.3s ease; - color: #fff; - } #wpadminbar:hover:after { - opacity: 0; - } html[class], html[lang] { - margin-top: 0 !important; - } - - /*说说*/ .shuoshuo-container { - margin-bottom: 25px; - } .shuoshuo-meta { - text-align: center; - background: var(--color-foreground); - border-radius: 5px 5px 0 0; - width: max-content; - width: -moz-max-content; - padding: 3px 15px; - font-size: 15px; - opacity: 0.95; - } .shuoshuo-meta i.fa { - margin-right: 3px; - } .shuoshuo-date-date, .shuoshuo-date-month { - font-size: 18px; - } .shuoshuo-main { - border-top-left-radius: 0; - padding: 20px 20px; - } .shuoshuo-title { - font-size: 18px; - color: #555; - font-weight: bold; - margin-bottom: 10px; - width: max-content; - width: -moz-max-content; - max-width: 100%; - } .shuoshuo-content { - padding-bottom: 10px; - } .shuoshuo-content p { - margin-bottom: 0; - line-height: 1.8; - } .shuoshuo-content * { - max-width: 100%; - } .shuoshuo-comments { - font-size: 14px; - opacity: 0.85; - margin-top: 10px; - } .shuoshuo-comments li { - list-style: none; - } .shuoshuo-comment-item-title { - font-weight: bold; - } .shuoshuo-comment-item-title .badge-admin, @@ -8820,413 +5715,246 @@ html[lang] { .shuoshuo-comment-item-title .badge-private-comment, .shuoshuo-comment-item-title .badge-unapproved { - transform: translateY(-2px); - padding: 3px 5px; - } .shuoshuo-comments .comment-item-inner { - margin-top: 2px; - padding-bottom: 3px; - border: none !important; - } .shuoshuo-comments ul.children { - padding-inline-start: 20px; - } .shuoshuo-operations { - margin-top: 5px; - margin-left: auto; - width: max-content; - width: -moz-max-content; - } .shuoshuo-operations button { - margin-left: 3px; - } .shuoshuo-operations button.upvoted { - color: #fff; - border-color: var(--themecolor); - background-color: var(--themecolor); - pointer-events: none; - } @keyframes shuoshuo-upvoted-animation { - 0% { - transform: none; - } - 50% { - transform: scale(1.35); - } - 100% { - transform: none; - } - } .shuoshuo-upvoted-animation i.fa { - animation: shuoshuo-upvoted-animation 1s ease; - } .shuoshuo-upvote i.fa-spin { - display: none; - } .shuoshuo-upvote.shuoshuo-upvoting i.fa-spin { - display: inline-block; - } .shuoshuo-upvote.shuoshuo-upvoting { - opacity: 0.8; - pointer-events: none; - } - - .shuoshuo-preview-container { - margin-bottom: 20px; - padding: 25px 35px; - transition: opacity 0.5s ease; - } .shuoshuo-preview-container:before { - content: ""; - display: block; - position: absolute; - left: -20px; - top: -10px; - width: 40px; - height: 30px; - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTgzNDIzNDcwNTE4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMwOTciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNzc1Ljk5MTUxIDQzNy43MjYzOWM0OC4xMzEyMDctNzQuODg3NTk0IDExNi4yODY0Ny0xMzguMjQ5NjkxIDE4My4wMzg3OC0xODMuNTU2NTczbC03NS4xMzQyMTEtNzkuNDAxMzk4Yy0xNzIuNDgwMzA2IDY3LjY0MDU0LTMzNi43ODMzNzMgMjQyLjYxMTU3My0zMzYuNzgzMzczIDQ0OC40MzkzODJsMS4zMjcyMjggMGMtMC41Njg5NTggNi4yMzE5MzUtMC44NzQ5MjcgMTIuNTQwNjE3LTAuODc0OTI3IDE4LjkyMDkzMiAwIDExMy41ODU5NjUgOTIuMDc3MDkyIDIwNS42NjMwNTYgMjA1LjY2MzA1NiAyMDUuNjYzMDU2IDExMy41ODE4NzEgMCAyMDUuNjYzMDU2LTkyLjA3NzA5MiAyMDUuNjYzMDU2LTIwNS42NjMwNTZDOTU4Ljg5MjE0MyA1MzYuMjM5MDU0IDg3OC44NjAzODkgNDQ5LjA1NTQxMiA3NzUuOTkxNTEgNDM3LjcyNjM5ek00NzIuOTE2ODY2IDI1NC4xNjk4MTdsLTc1LjEzNDIxMS03OS40MDEzOThjLTE3Mi40ODAzMDYgNjcuNjQwNTQtMzM2Ljc4MzM3MyAyNDIuNjExNTczLTMzNi43ODMzNzMgNDQ4LjQzOTM4MmwxLjMyNzIyOCAwYy0wLjU2ODk1OCA2LjIzMTkzNS0wLjg3NDkyNyAxMi41NDA2MTctMC44NzQ5MjcgMTguOTIwOTMyIDAgMTEzLjU4NTk2NSA5Mi4wNzcwOTIgMjA1LjY2MzA1NiAyMDUuNjYzMDU2IDIwNS42NjMwNTZzMjA1LjY2MzA1Ni05Mi4wNzcwOTIgMjA1LjY2MzA1Ni0yMDUuNjYzMDU2YzAtMTA1Ljg5MDcwMi04MC4wMjg2ODUtMTkzLjA3NTM2Ny0xODIuOTAwNjMzLTIwNC40MDMzNjdDMzM4LjAwODI3IDM2Mi44Mzg3OTUgNDA2LjE2MzUzMyAyOTkuNDc2Njk5IDQ3Mi45MTY4NjYgMjU0LjE2OTgxN3oiIHAtaWQ9IjMwOTgiIGZpbGw9IiNmZmZmZmYiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guNzc4MTA2OS4wLmkyIiBjbGFzcz0ic2VsZWN0ZWQiPjwvcGF0aD48L3N2Zz4=); - background-color: var(--themecolor); - background-position: 40% 35%; - border-radius: 20px; - background-size: 32%; - background-repeat: no-repeat; - transition: all 0.3s ease; - } .shuoshuo-preview-container:hover:before { - left: -20px; - top: -10px; - width: 40px; - height: 40px; - background-position: 45% 45%; - border-radius: 20px; - background-size: 40%; - background-repeat: no-repeat; - } .shuoshuo-preview-meta { - font-size: 14px; - opacity: 0.6; - transition: all 0.3s ease; - margin-top: 10px; - } .shuoshuo-preview-container .shuoshuo-preview-meta:hover { - opacity: 0.8; - } .shuoshuo-preview-meta .shuoshuo-date-date, .shuoshuo-preview-meta .shuoshuo-date-month { - font-size: 14px; - } .shuoshuo-preview-link { - position: absolute; - right: 20px; - bottom: 25px; - opacity: 0; - transition: all 0.3s ease; - } .shuoshuo-preview-container:hover .shuoshuo-preview-link { - opacity: 1; - } .post-list-pjax-loading .shuoshuo-preview-container { - opacity: 0; - pointer-events: none; - } .shuoshuo-content.shuoshuo-folded { - position: relative; - max-height: 400px; - overflow: hidden; - } .shuoshuo-content.shuoshuo-folded:after { - content: ""; - display: block; - position: absolute; - left: 0; - right: 0; - bottom: 0; - height: 150px; - background: linear-gradient(180deg, transparent 0%, var(--color-foreground) 100%); - pointer-events: none; - } .shuoshuo-content.shuoshuo-folded .show-full-shuoshuo { - position: absolute; - bottom: 10px; - right: 50%; - transform: translateX(50%); - color: var(--themecolor); - z-index: 2; - text-align: left; - cursor: pointer; - user-select: none; - opacity: 1; - } .shuoshuo-content.shuoshuo-folded .show-full-shuoshuo > button { - border-radius: var(--card-radius); - padding: 5px 20px; - opacity: 0.8; - } .shuoshuo-content.shuoshuo-folded .show-full-shuoshuo button:hover { - opacity: 1; - } - - .shuoshuo-content:not(.shuoshuo-folded) .show-full-shuoshuo { - display: none; - } /*归档时间轴*/ .archive-timeline { - padding-top: 10px; - } .archive-timeline-title { - box-shadow: none; - border: none; - background: transparent !important; - font-size: 18px; - padding: 0; - margin-left: 1px; - margin-bottom: 25px; - padding-top: 7px; - } .archive-timeline-year { - font-size: 30px; - color: var(--themecolor); - margin-top: 12px !important; - margin-bottom: 0; - } .archive-timeline-month { - font-size: 24px; - color: var(--themecolor); - opacity: 0.8; - margin-top: 12px !important; - margin-bottom: 0; - font-weight: unset; - } .archive-timeline-year + .archive-timeline-title { - height: 50px; - margin-top: 30px; - } .archive-timeline *:not(.archive-timeline-year) + .archive-timeline-title:before { - width: 12px; - height: 12px; - left: -34px; - top: 18px; - } .archive-timeline-month + .archive-timeline-title { - height: 30px; - } .archive-timeline-month.first-month-of-year + .archive-timeline-title { - margin-top: -10px; - } .archive-timeline-title > a { - width: max-content; - max-width: 100%; - } .argon-timeline-time > a:before, .archive-timeline-title > a:before { - display: none; - } .argon-timeline-node:first-child > .archive-timeline-year + .archive-timeline-title { - margin-top: 0; - } .archive-timeline h2:before, @@ -9236,193 +5964,119 @@ html[lang] { .archive-timeline h2:after, .archive-timeline h3:after { - display: none !important; - } /*Loading Dot*/ .loading-css-animation { - text-align: center; - } .loading-dot { - display: inline-block; - background: var(--themecolor); - height: 6px; - width: 6px; - opacity: 0; - border-radius: 50%; - transform: translateX(-300px); - animation: loading-animation 4s infinite ease; - } .loading-dot-1 { - animation-delay: 0.8s; - } .loading-dot-2 { - animation-delay: 0.7s; - } .loading-dot-3 { - animation-delay: 0.6s; - } .loading-dot-4 { - animation-delay: 0.5s; - } .loading-dot-5 { - animation-delay: 0.4s; - } .loading-dot-6 { - animation-delay: 0.3s; - } .loading-dot-7 { - animation-delay: 0.2s; - } .loading-dot-8 { - animation-delay: 0.1s; - } @keyframes loading-animation { - 40% { - transform: translateX(0); - opacity: 0.8; - } - 100% { - transform: translateX(300px); - opacity: 0; - } - } /*Loading Spinner*/ @keyframes spin { - to { - transform: rotate(1turn); - } - } .spinner-border { - display: inline-block; - width: 2rem; - height: 2rem; - vertical-align: text-bottom; - border: 0.25em solid currentColor; - border-right-color: transparent; - border-radius: 50%; - animation: spin 0.75s linear infinite; - } .spinner-border-sm { - width: 1rem; - height: 1rem; - border-width: 0.2em; - } /*Loading Spinner Grow*/ @keyframes grow { - 0% { - transform: scale(0); - } - 50% { - opacity: 1; - } - } .spinner-grow { - display: inline-block; - width: 2rem; - height: 2rem; - vertical-align: text-bottom; - background-color: currentColor; - border-radius: 50%; - opacity: 0; - animation: grow 0.75s linear infinite; - } .spinner-grow-sm { - width: 1rem; - height: 1rem; - } /*Highlight.js*/ @@ -9438,471 +6092,277 @@ article table.hljs-ln > tfoot > tr > th, article table.hljs-ln > thead > tr > td, article table.hljs-ln > thead > tr > th { - padding: unset; - vertical-align: unset; - border: unset !important; - } .hljs { - overflow-x: auto; - } pre.hljs-codeblock { - overflow: visible; - position: relative; - tab-size: 4; - } pre.hljs-codeblock:before { - content: ""; - position: absolute; - background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDU0IDE0Ij48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPjxjaXJjbGUgY3g9IjYiIGN5PSI2IiByPSI2IiBmaWxsPSIjRkY1RjU2IiBzdHJva2U9IiNFMDQ0M0UiIHN0cm9rZS13aWR0aD0iLjUiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjI2IiBjeT0iNiIgcj0iNiIgZmlsbD0iI0ZGQkQyRSIgc3Ryb2tlPSIjREVBMTIzIiBzdHJva2Utd2lkdGg9Ii41Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI0NiIgY3k9IjYiIHI9IjYiIGZpbGw9IiMyN0M5M0YiIHN0cm9rZT0iIzFBQUIyOSIgc3Ryb2tlLXdpZHRoPSIuNSI+PC9jaXJjbGU+PC9nPjwvc3ZnPg==) - no-repeat; - background-position-y: center; - top: 22px; - left: 20px; - height: 14px; - width: 54px; - margin-left: 5px; - display: block; - } code[hljs-codeblock-inner] { - line-height: 1.5; - font-size: 16px; - padding: 22px 20px !important; - border-radius: 8px; - box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px; - margin-top: 15px !important; - margin-bottom: 15px !important; - padding-top: 55px !important; - display: block; - } .hljs-ln-numbers { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - text-align: center; - vertical-align: top; - padding-right: 12px !important; - position: absolute; - left: 20px; - width: 30px; - overflow-x: visible !important; - white-space: nowrap; - transition: all 0.3s ease; - } .hljs-ln-numbers:before { - content: ""; - position: absolute; - left: -20px; - width: 20px; - height: 100%; - background: inherit; - } pre.hljs-codeblock.hljs-transparent-linenumber .hljs-ln-numbers { - background: transparent !important; - } .hljs-ln-code { - padding-left: 30px !important; - transition: all 0.3s ease; - } pre.hljs-codeblock.hljs-break-line .hljs-ln-code { - line-break: anywhere; - white-space: break-spaces; - } pre.hljs-codeblock:not(.hljs-break-line) .hljs-ln-code { - white-space: pre; - } code[hljs-codeblock-inner]::-webkit-scrollbar-track { - border: none; - background: transparent !important; - } code[hljs-codeblock-inner]::-webkit-scrollbar-thumb { - background: rgba(255, 255, 255, 0.3) !important; - box-shadow: none !important; - border: none !important; - border-radius: 10px; - transition: background 0.3s ease; - } code[hljs-codeblock-inner]::-webkit-scrollbar-thumb:hover { - background: rgba(255, 255, 255, 0.5) !important; - } code[hljs-codeblock-inner]::-webkit-scrollbar { - background: transparent; - height: 6px; - } code[hljs-codeblock-inner] *::selection { - background-color: rgba(204, 226, 255, 0.2) !important; - } pre.hljs-codeblock.hljs-codeblock-fullscreen { - position: fixed; - left: 0; - right: 0; - top: 0; - bottom: 0; - z-index: 10000; - margin: 0 !important; - animation: codeblock-fullscreen 0.5s cubic-bezier(0.18, 0.89, 0.37, 1.12); - } pre.hljs-codeblock.hljs-codeblock-fullscreen > code[hljs-codeblock-inner] { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - border-radius: 0; - margin: 0 !important; - } pre.hljs-codeblock.hljs-codeblock-fullscreen:before { - z-index: 10001; - } @keyframes codeblock-fullscreen { - 0% { - transform: scale(0.5); - opacity: 1; - } - 100% { - transform: none; - opacity: 1; - } - } pre.hljs-codeblock.hljs-hide-linenumber .hljs-ln-numbers.hljs { - width: 0px; - opacity: 0; - } pre.hljs-codeblock.hljs-hide-linenumber .hljs-ln-code { - padding-left: 4px !important; - } pre.hljs-codeblock .hljs-control { - display: block; - position: absolute; - top: 16px !important; - right: 20px !important; - user-select: none; - opacity: 0; - transition: all 0.2s ease; - white-space: nowrap; - overflow: visible; - background: transparent; - padding: 0; - margin: 0; - } pre.hljs-codeblock:hover .hljs-control { - opacity: 0.4; - } pre.hljs-codeblock:hover .hljs-control:hover { - opacity: 1; - } pre.hljs-codeblock .hljs-control i.fa { - font: normal normal normal 14px/1 FontAwesome !important; - } .hljs-control .hljs-control-btn { - display: inline-block; - opacity: 0.8; - transition: all 0.2s ease; - cursor: pointer; - margin-left: 15px; - width: 12px; - position: relative; - } .hljs-control .hljs-control-btn:hover { - opacity: 0.5; - } .hljs-control-btn:before { - position: absolute; - top: 22px; - left: -40px; - width: 92px; - text-align: center; - opacity: 0; - pointer-events: none; - transition: all 0.2s ease; - font-size: 12px; - font-family: sans-serif; - } .hljs-control-btn:hover:before { - opacity: 1; - top: 25px; - } .hljs-control-toggle-linenumber:before { - content: attr(tooltip-hide-linenumber); - } pre.hljs-codeblock.hljs-hide-linenumber .hljs-control-toggle-linenumber:before { - content: attr(tooltip-show-linenumber); - } .hljs-control-toggle-break-line:before { - content: attr(tooltip-enable-breakline); - } pre.hljs-codeblock.hljs-break-line .hljs-control-toggle-break-line:before { - content: attr(tooltip-disable-breakline); - } .hljs-control-copy:before { - content: attr(tooltip); - } .hljs-control-fullscreen:before { - content: attr(tooltip-fullscreen); - } pre.hljs-codeblock.hljs-codeblock-fullscreen .hljs-control-fullscreen:before { - content: attr(tooltip-exit-fullscreen); - } pre.hljs-codeblock.hljs-codeblock-fullscreen .hljs-control-fullscreen > i:before { - content: "\f066"; - } - - /*==========Style-Dark==========*/ - - html.darkmode body { - color: #eee; - } html.darkmode body:before { - content: ""; - position: fixed; - left: 0; - top: 0; - right: 0; - bottom: 0; - height: 100vh; - width: 100vw; - background: rgba(0, 0, 0, 0.2); - z-index: 999999999; - pointer-events: none; - transition: background 0.3s ease; - } html.darkmode body.fancybox-active:before { - background: rgba(0, 0, 0, 0); - } html.darkmode .h1, @@ -9928,151 +6388,89 @@ html.darkmode h4, html.darkmode h5, html.darkmode h6 { - color: #eee; - } html.darkmode a { - color: var(--themecolor-light); - } html.darkmode a:hover { - color: var(--themecolor); - } - - html.darkmode ::-webkit-scrollbar { - background-color: rgba(255, 255, 255, 0); - } html.darkmode ::-webkit-scrollbar-thumb { - background-color: rgba(255, 255, 255, 0.25); - } - - html.darkmode .leftbar-menu-item > a { - color: #eee !important; - } - - html.darkmode .site-state-item-count, html.darkmode .site-author-links-item > a, html.darkmode .site-friend-links-item > a { - color: #eee !important; - } - - html.darkmode .site-state-item-name { - color: #aaa; - } - - html.darkmode .banner { - background-color: var(--color-darkmode-banner); - } html.darkmode .leftbar-banner { - background: var(--color-widgets); - } - - html.darkmode #footer { - background: var(--color-foreground) !important; - } - - html.darkmode .close > span:not(.sr-only) { - color: #eee; - } - - html.darkmode .tag.badge { - color: #eee; - } - - html.darkmode .dropdown-item:active { - background: var(--color-border-on-foreground-deeper); - } html.darkmode .dropdown-item { - color: #eee !important; - } - - html.darkmode #leftbar_catalog .index-item, html.darkmode #leftbar_catalog .index-link { - color: #eee; - } html.darkmode #leftbar_catalog .index-item.current > .index-link { - color: var(--themecolor-light); - } - - html.darkmode article .post-content pre:not(.hljs-codeblock) { - color: #eee; - } html.darkmode article .post-content code:not([hljs-codeblock-inner]) { - color: #eee; - } html.darkmode .form-control { - color: #eee; - } html.darkmode input[disabled], @@ -10082,93 +6480,60 @@ html.darkmode textarea[disabled], html.darkmode #post_comment.logged #post_comment_name, html.darkmode #post_comment.logged #post_comment_email { - opacity: 0.3; - } - - html.darkmode .comment-item-text .comment-image { - color: var(--themecolor-light) !important; - } html.darkmode #blog_setting_darkmode_switch .custom-toggle-slider { - border-color: var(--themecolor); - } html.darkmode #blog_setting_darkmode_switch .custom-toggle-slider:before { - transform: translateX(1.625rem); - background-color: var(--themecolor); - } html.darkmode .badge { - color: #eee; - } html.darkmode .page-link { - color: #eee !important; - } html.darkmode .zoomify-shadow { - background: rgba(0, 0, 0, 0.6); - } html.darkmode #share .wechat-qrcode .help { - color: #eee; - } html.darkmode .github-info-card { - background: #24292e !important; - } html.darkmode .CtxtMenu_Menu { - filter: invert(0.8); - } - - /*==========Style-Dark-For-AMOLED==========*/ - - html.darkmode.amoled-dark .leftbar-banner { - background: var(--color-foreground); - } html.darkmode.amoled-dark .github-info-card { - background: #000 !important; - border: 1px solid #222; - } html.darkmode.amoled-dark #content:before, html.darkmode.amoled-dark #content:after { - display: none; } @@ -10185,12 +6550,10 @@ html.darkmode.amoled-dark #content:after { /*==========Style-Mobile==========*/ @media screen and (max-width: 900px) { - /* 移动端隐藏桌面端侧边栏内容，只显示移动端导航 */ .leftbar-desktop-content { display: none !important; } - /* 移动端侧边栏 - 优化设计 */ .leftbar-mobile-nav { display: flex; @@ -10198,7 +6561,6 @@ html.darkmode.amoled-dark #content:after { min-height: 100%; background: var(--color-foreground); } - /* 顶部用户信息区 - 增强视觉效果 */ .leftbar-mobile-profile { background: var(--themecolor-gradient); @@ -10207,7 +6569,6 @@ html.darkmode.amoled-dark #content:after { color: #fff; overflow: hidden; } - /* 背景装饰圆形 */ .leftbar-mobile-profile::before { content: ""; @@ -10220,7 +6581,6 @@ html.darkmode.amoled-dark #content:after { border-radius: 50%; pointer-events: none; } - .leftbar-mobile-profile::after { content: ""; position: absolute; @@ -10232,7 +6592,6 @@ html.darkmode.amoled-dark #content:after { border-radius: 50%; pointer-events: none; } - .leftbar-mobile-close { position: absolute; top: 16px; @@ -10251,16 +6610,13 @@ html.darkmode.amoled-dark #content:after { color: #fff; z-index: 1; } - .leftbar-mobile-close:active { background: rgba(255, 255, 255, 0.25); transform: scale(0.92); } - .leftbar-mobile-close i { font-size: 15px; } - .leftbar-mobile-avatar { width: 72px; height: 72px; @@ -10273,24 +6629,20 @@ html.darkmode.amoled-dark #content:after { z-index: 1; transition: all var(--animation-normal) var(--ease-spring); } - .leftbar-mobile-avatar:active { transform: scale(0.95); border-color: rgba(255, 255, 255, 0.6); } - .leftbar-mobile-avatar img { width: 100%; height: 100%; object-fit: cover; } - .leftbar-mobile-user-info { margin-bottom: 18px; position: relative; z-index: 1; } - .leftbar-mobile-user-name { font-size: 22px; font-weight: 700; @@ -10302,13 +6654,11 @@ html.darkmode.amoled-dark #content:after { gap: 4px; letter-spacing: -0.3px; } - .leftbar-mobile-user-desc { font-size: 13px; opacity: 0.9; line-height: 1.4; } - .leftbar-mobile-stats { display: flex; gap: 0; @@ -10320,7 +6670,6 @@ html.darkmode.amoled-dark #content:after { position: relative; z-index: 1; } - .leftbar-mobile-stat { flex: 1; display: flex; @@ -10328,7 +6677,6 @@ html.darkmode.amoled-dark #content:after { align-items: center; position: relative; } - .leftbar-mobile-stat:not(:last-child)::after { content: ""; position: absolute; @@ -10339,26 +6687,22 @@ html.darkmode.amoled-dark #content:after { height: 24px; background: rgba(255, 255, 255, 0.2); } - .leftbar-mobile-stat .stat-num { font-size: 20px; font-weight: 700; line-height: 1.2; } - .leftbar-mobile-stat .stat-label { font-size: 11px; opacity: 0.75; margin-top: 3px; font-weight: 500; } - /* 搜索框 - 优化样式 */ .leftbar-mobile-search { padding: 16px 16px 8px; background: var(--color-foreground); } - .leftbar-mobile-search-inner { display: flex; align-items: center; @@ -10369,24 +6713,20 @@ html.darkmode.amoled-dark #content:after { transition: all var(--animation-fast) var(--ease-standard); border: 1px solid transparent; } - .leftbar-mobile-search-inner:focus-within { border-color: rgba(var(--themecolor-rgbstr), 0.3); background: var(--color-foreground); box-shadow: 0 0 0 3px rgba(var(--themecolor-rgbstr), 0.1); transform: scale(1.02); } - .leftbar-mobile-search-inner i { color: #999; font-size: 15px; transition: color var(--animation-fast) var(--ease-standard); } - .leftbar-mobile-search-inner:focus-within i { color: var(--themecolor); } - .leftbar-mobile-search-inner input { flex: 1; border: none; @@ -10395,16 +6735,13 @@ html.darkmode.amoled-dark #content:after { color: var(--color-text-deeper); outline: none; } - .leftbar-mobile-search-inner input::placeholder { color: #aaa; } - /* 导航菜单区域 - 优化间距和样式 */ .leftbar-mobile-menu-section { padding: 12px 12px 8px; } - .leftbar-mobile-section-title { font-size: 11px; font-weight: 700; @@ -10414,17 +6751,14 @@ html.darkmode.amoled-dark #content:after { padding: 8px 12px 12px; margin-bottom: 0; } - .leftbar-mobile-menu { list-style: none; padding: 0; margin: 0; } - .leftbar-mobile-menu-item { margin-bottom: 4px; } - .leftbar-mobile-menu-item > a { display: flex; align-items: center; @@ -10438,7 +6772,6 @@ html.darkmode.amoled-dark #content:after { position: relative; overflow: hidden; } - /* 菜单项涟漪效果 */ .leftbar-mobile-menu-item > a::before { content: ""; @@ -10453,22 +6786,18 @@ html.darkmode.amoled-dark #content:after { transition: width 0.4s var(--ease-standard), height 0.4s var(--ease-standard); pointer-events: none; } - .leftbar-mobile-menu-item > a:active::before { width: 200%; height: 200%; } - .leftbar-mobile-menu-item > a:active { background: rgba(var(--themecolor-rgbstr), 0.1); transform: scale(0.98); } - .leftbar-mobile-menu-item.current > a { background: rgba(var(--themecolor-rgbstr), 0.1); color: var(--themecolor); } - .leftbar-mobile-menu-item.current > a::before { content: ""; position: absolute; @@ -10480,22 +6809,18 @@ html.darkmode.amoled-dark #content:after { background: var(--themecolor); border-radius: 0 4px 4px 0; } - .leftbar-mobile-menu-item .menu-text { flex: 1; } - .leftbar-mobile-menu-item .submenu-arrow { font-size: 12px; color: #999; transition: transform var(--animation-normal) var(--ease-standard); margin-left: 8px; } - .leftbar-mobile-menu-item.expanded .submenu-arrow { transform: rotate(180deg); } - .leftbar-mobile-submenu { list-style: none; padding: 0; @@ -10506,27 +6831,22 @@ html.darkmode.amoled-dark #content:after { border-left: 2px solid var(--color-border-on-foreground-deeper); padding-left: 12px; } - .leftbar-mobile-menu-item.expanded .leftbar-mobile-submenu { max-height: 500px; } - /* 子菜单项交错入场动画 */ .leftbar-mobile-menu-item.expanded .leftbar-mobile-submenu .leftbar-mobile-menu-item { animation: fadeInUp 0.25s var(--ease-standard) both; } - .leftbar-mobile-menu-item.expanded .leftbar-mobile-submenu .leftbar-mobile-menu-item:nth-child(1) { animation-delay: 0.05s; } .leftbar-mobile-menu-item.expanded .leftbar-mobile-submenu .leftbar-mobile-menu-item:nth-child(2) { animation-delay: 0.1s; } .leftbar-mobile-menu-item.expanded .leftbar-mobile-submenu .leftbar-mobile-menu-item:nth-child(3) { animation-delay: 0.15s; } .leftbar-mobile-menu-item.expanded .leftbar-mobile-submenu .leftbar-mobile-menu-item:nth-child(4) { animation-delay: 0.2s; } .leftbar-mobile-menu-item.expanded .leftbar-mobile-submenu .leftbar-mobile-menu-item:nth-child(5) { animation-delay: 0.25s; } .leftbar-mobile-menu-item.expanded .leftbar-mobile-submenu .leftbar-mobile-menu-item:nth-child(6) { animation-delay: 0.3s; } - .leftbar-mobile-submenu .leftbar-mobile-menu-item { margin-bottom: 2px; } - .leftbar-mobile-submenu .leftbar-mobile-menu-item > a { padding: 11px 14px; font-size: 14px; @@ -10534,12 +6854,10 @@ html.darkmode.amoled-dark #content:after { color: #666; border-radius: 10px; } - .leftbar-mobile-submenu .leftbar-mobile-menu-item > a:active { color: var(--themecolor); background: rgba(var(--themecolor-rgbstr), 0.08); } - /* 底部操作区 - 优化设计 */ .leftbar-mobile-footer { margin-top: auto; @@ -10547,13 +6865,11 @@ html.darkmode.amoled-dark #content:after { border-top: 1px solid var(--color-border-on-foreground-deeper); background: var(--color-foreground); } - .leftbar-mobile-actions { display: flex; justify-content: center; gap: 8px; } - .leftbar-mobile-action { flex: 1; max-width: 100px; @@ -10573,7 +6889,6 @@ html.darkmode.amoled-dark #content:after { position: relative; overflow: hidden; } - /* 底部按钮涟漪效果 */ .leftbar-mobile-action::before { content: ""; @@ -10588,27 +6903,22 @@ html.darkmode.amoled-dark #content:after { transition: width 0.35s var(--ease-standard), height 0.35s var(--ease-standard); pointer-events: none; } - .leftbar-mobile-action:active::before { width: 180%; height: 180%; } - .leftbar-mobile-action:active { background: rgba(var(--themecolor-rgbstr), 0.12); color: var(--themecolor); transform: scale(0.96); } - .leftbar-mobile-action i { font-size: 20px; transition: transform var(--animation-fast) var(--ease-spring); } - .leftbar-mobile-action:active i { transform: scale(1.1); } - /* ========== 移动端折叠面板样式 - Material 3 & iOS 风格 ========== */ .leftbar-mobile-collapse-section { margin: 4px 12px; @@ -10619,12 +6929,10 @@ html.darkmode.amoled-dark #content:after { transition: all var(--animation-normal) var(--ease-emphasized), box-shadow var(--animation-normal) var(--ease-standard); } - .leftbar-mobile-collapse-section.expanded { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); margin: 6px 12px; } - .leftbar-mobile-collapse-header { display: flex; align-items: center; @@ -10636,7 +6944,6 @@ html.darkmode.amoled-dark #content:after { position: relative; overflow: hidden; } - /* 折叠头部涟漪效果 */ .leftbar-mobile-collapse-header::before { content: ""; @@ -10654,17 +6961,14 @@ html.darkmode.amoled-dark #content:after { pointer-events: none; opacity: 0; } - .leftbar-mobile-collapse-header:active::before { width: 300%; height: 300%; opacity: 1; } - .leftbar-mobile-collapse-header:active { background: rgba(var(--themecolor-rgbstr), 0.04); } - /* 点击波纹效果 */ .collapse-ripple { position: absolute; @@ -10676,7 +6980,6 @@ html.darkmode.amoled-dark #content:after { animation: collapseRipple 0.6s var(--ease-emphasized-decelerate) forwards; pointer-events: none; } - @keyframes collapseRipple { 0% { transform: translate(-50%, -50%) scale(0); @@ -10687,14 +6990,12 @@ html.darkmode.amoled-dark #content:after { opacity: 0; } } - .collapse-header-left { display: flex; align-items: center; gap: 10px; flex: 1; } - .collapse-icon { width: 28px; height: 28px; @@ -10707,25 +7008,21 @@ html.darkmode.amoled-dark #content:after { font-size: 12px; transition: all var(--animation-normal) var(--ease-spring); } - .leftbar-mobile-collapse-section.expanded .collapse-icon { background: var(--themecolor); color: #fff; transform: scale(1.08) rotate(3deg); box-shadow: 0 2px 8px rgba(var(--themecolor-rgbstr), 0.35); } - .collapse-title { font-size: 14px; font-weight: 600; color: var(--color-text-deeper); transition: color var(--animation-fast) var(--ease-standard); } - .leftbar-mobile-collapse-section.expanded .collapse-title { color: var(--themecolor); } - .collapse-badge { background: var(--themecolor); color: #fff; @@ -10740,12 +7037,10 @@ html.darkmode.amoled-dark #content:after { transition: all var(--animation-normal) var(--ease-spring); box-shadow: 0 2px 6px rgba(var(--themecolor-rgbstr), 0.3); } - .leftbar-mobile-collapse-section.expanded .collapse-badge { transform: scale(1.1); box-shadow: 0 3px 10px rgba(var(--themecolor-rgbstr), 0.4); } - .collapse-arrow { font-size: 11px; color: #aaa; @@ -10758,13 +7053,11 @@ html.darkmode.amoled-dark #content:after { border-radius: 50%; background: transparent; } - .leftbar-mobile-collapse-section.expanded .collapse-arrow { transform: rotate(180deg); color: var(--themecolor); background: rgba(var(--themecolor-rgbstr), 0.1); } - .leftbar-mobile-collapse-content { max-height: 0; overflow: hidden; @@ -10772,18 +7065,15 @@ html.darkmode.amoled-dark #content:after { opacity var(--animation-normal) var(--ease-standard); opacity: 0; } - .leftbar-mobile-collapse-section.expanded .leftbar-mobile-collapse-content { max-height: 350px; opacity: 1; } - /* 折叠内容入场动画 */ .leftbar-mobile-collapse-section.expanded .mobile-catalog-container, .leftbar-mobile-collapse-section.expanded .mobile-todo-container { animation: collapseContentFadeIn 0.35s var(--ease-emphasized-decelerate) 0.1s both; } - @keyframes collapseContentFadeIn { from { opacity: 0; @@ -10794,41 +7084,33 @@ html.darkmode.amoled-dark #content:after { transform: translateY(0); } } - /* ========== 移动端文章目录样式 ========== */ .mobile-catalog-container { padding: 4px 12px 12px; } - #leftbar_mobile_catalog { max-height: 250px; overflow-y: auto; padding-right: 4px; } - #leftbar_mobile_catalog::-webkit-scrollbar { width: 2px; } - #leftbar_mobile_catalog::-webkit-scrollbar-track { background: transparent; } - #leftbar_mobile_catalog::-webkit-scrollbar-thumb { background: rgba(var(--themecolor-rgbstr), 0.25); border-radius: 2px; } - #leftbar_mobile_catalog ul { list-style: none; padding: 0; margin: 0; } - #leftbar_mobile_catalog .index-item { margin-bottom: 1px; } - #leftbar_mobile_catalog .index-link { display: block; padding: 8px 10px; @@ -10841,7 +7123,6 @@ html.darkmode.amoled-dark #content:after { position: relative; overflow: hidden; } - #leftbar_mobile_catalog .index-link::before { content: ""; position: absolute; @@ -10854,46 +7135,38 @@ html.darkmode.amoled-dark #content:after { border-radius: 0 3px 3px 0; transition: transform var(--animation-normal) var(--ease-spring); } - #leftbar_mobile_catalog .index-item.current > .index-link { background: rgba(var(--themecolor-rgbstr), 0.1); color: var(--themecolor); font-weight: 500; padding-left: 14px; } - #leftbar_mobile_catalog .index-item.current > .index-link::before { transform: translateY(-50%) scaleY(1); } - #leftbar_mobile_catalog .index-link:active { background: rgba(var(--themecolor-rgbstr), 0.12); transform: scale(0.97); } - #leftbar_mobile_catalog .index-subItem-box { padding-left: 14px; border-left: 2px solid var(--color-border-on-foreground-deeper); margin-left: 10px; margin-top: 2px; } - #leftbar_mobile_catalog .index-subItem-box .index-link { font-size: 12px; padding: 6px 8px; } - /* ========== 移动端TODO样式 ========== */ .mobile-todo-container { padding: 4px 12px 12px; } - .mobile-todo-add-form { display: flex; gap: 6px; margin-bottom: 10px; } - .mobile-todo-add-form input { flex: 1; border: 1.5px solid var(--color-border-on-foreground-deeper); @@ -10906,18 +7179,15 @@ html.darkmode.amoled-dark #content:after { transform var(--animation-fast) var(--ease-spring); outline: none; } - .mobile-todo-add-form input:focus { border-color: var(--themecolor); box-shadow: 0 0 0 3px rgba(var(--themecolor-rgbstr), 0.1); transform: scale(1.01); } - .mobile-todo-add-form input::placeholder { color: #aaa; font-size: 12px; } - .mobile-todo-add-form button { width: 36px; height: 36px; @@ -10934,13 +7204,11 @@ html.darkmode.amoled-dark #content:after { flex-shrink: 0; box-shadow: 0 2px 8px rgba(var(--themecolor-rgbstr), 0.3); } - .mobile-todo-add-form button:active { transform: scale(0.88); background: var(--themecolor-dark); box-shadow: 0 1px 4px rgba(var(--themecolor-rgbstr), 0.2); } - .mobile-todo-list { list-style: none; padding: 0; @@ -10948,16 +7216,13 @@ html.darkmode.amoled-dark #content:after { max-height: 200px; overflow-y: auto; } - .mobile-todo-list::-webkit-scrollbar { width: 2px; } - .mobile-todo-list::-webkit-scrollbar-thumb { background: rgba(var(--themecolor-rgbstr), 0.25); border-radius: 2px; } - .mobile-todo-item { display: flex; align-items: center; @@ -10971,7 +7236,6 @@ html.darkmode.amoled-dark #content:after { animation: mobileTodoSlideIn 0.35s var(--ease-emphasized-decelerate) both; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); } - @keyframes mobileTodoSlideIn { from { opacity: 0; @@ -10982,17 +7246,14 @@ html.darkmode.amoled-dark #content:after { transform: translateY(0) scale(1); } } - .mobile-todo-item:last-child { margin-bottom: 0; } - .mobile-todo-item:active { transform: scale(0.97); background: var(--color-border-on-foreground); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } - .mobile-todo-content { flex: 1; font-size: 13px; @@ -11000,7 +7261,6 @@ html.darkmode.amoled-dark #content:after { line-height: 1.4; word-break: break-word; } - .mobile-todo-complete-btn, .mobile-todo-urge-btn, .mobile-todo-delete-btn { @@ -11017,54 +7277,45 @@ html.darkmode.amoled-dark #content:after { margin-left: 8px; font-size: 11px; } - .mobile-todo-complete-btn { background: rgba(40, 167, 69, 0.12); color: #28a745; } - .mobile-todo-complete-btn:active { background: #28a745; color: #fff; transform: scale(0.85); box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4); } - .mobile-todo-urge-btn { background: rgba(var(--themecolor-rgbstr), 0.12); color: var(--themecolor); } - .mobile-todo-urge-btn:active { background: var(--themecolor); color: #fff; transform: scale(0.85); box-shadow: 0 2px 8px rgba(var(--themecolor-rgbstr), 0.4); } - .mobile-todo-urge-btn.urged { background: #28a745; color: #fff; animation: urgeSuccessMobile 0.5s var(--ease-spring); } - @keyframes urgeSuccessMobile { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.15); } } - .mobile-todo-delete-btn { background: rgba(220, 53, 69, 0.1); color: #dc3545; } - .mobile-todo-delete-btn:active { background: #dc3545; color: #fff; transform: scale(0.85); box-shadow: 0 2px 8px rgba(220, 53, 69, 0.4); } - .mobile-todo-done-mark { width: 28px; height: 28px; @@ -11078,31 +7329,26 @@ html.darkmode.amoled-dark #content:after { margin-left: 8px; flex-shrink: 0; } - .mobile-todo-item.todo-completed .mobile-todo-content { text-decoration: line-through; color: #adb5bd; } - .mobile-todo-item.todo-completed { opacity: 0.6; order: 1; transform: scale(0.98); } - .mobile-todo-item.todo-completing { opacity: 0; transform: translateX(40px) scale(0.85); transition: all 0.4s var(--ease-emphasized-accelerate); } - .mobile-todo-empty { text-align: center; color: #bbb; font-size: 12px; padding: 20px 0; } - .mobile-todo-empty::before { content: "\f0ae"; font-family: FontAwesome; @@ -11111,20 +7357,16 @@ html.darkmode.amoled-dark #content:after { margin-bottom: 8px; opacity: 0.35; } - #navbar_global { background: var(--color-foreground); } - #float_action_buttons #fabtn_open_sidebar { display: block; } - /* 移动端隐藏浮动按钮提示文字 */ #float_action_buttons .fabtn:before { display: none !important; } - /* 移动端侧边栏容器 - 优化动画 */ #leftbar { position: fixed; @@ -11143,11 +7385,9 @@ html.darkmode.amoled-dark #content:after { transition: transform var(--animation-normal) var(--ease-emphasized); will-change: transform; } - html.leftbar-opened #leftbar { transform: translateX(0); } - /* 移动端侧边栏入场动画关键帧 */ @keyframes slideInFromLeft { from { @@ -11159,7 +7399,6 @@ html.darkmode.amoled-dark #content:after { transform: translateX(0); } } - @keyframes fadeInUp { from { opacity: 0; @@ -11170,7 +7409,6 @@ html.darkmode.amoled-dark #content:after { transform: translateY(0); } } - @keyframes scaleIn { from { opacity: 0; @@ -11181,7 +7419,6 @@ html.darkmode.amoled-dark #content:after { transform: scale(1); } } - @keyframes circleExpand { from { transform: scale(0.6); @@ -11192,25 +7429,20 @@ html.darkmode.amoled-dark #content:after { opacity: 1; } } - /* 侧边栏内容交错入场动画 */ html.leftbar-opened .leftbar-mobile-profile { animation: slideInFromLeft 0.4s var(--ease-emphasized) 0.05s both; } - html.leftbar-opened .leftbar-mobile-avatar { animation: scaleIn 0.35s var(--ease-spring) 0.15s both; } - html.leftbar-opened .leftbar-mobile-user-info { animation: fadeInUp 0.35s var(--ease-emphasized) 0.2s both; } - /* 多邻国连胜徽章入场动画 */ html.leftbar-opened .leftbar-mobile-user-name .duolingo-streak { animation: duolingoBadgeIn 0.4s var(--ease-spring) 0.35s both; } - @keyframes duolingoBadgeIn { from { opacity: 0; @@ -11221,40 +7453,31 @@ html.darkmode.amoled-dark #content:after { transform: scale(1) translateX(0); } } - html.leftbar-opened .leftbar-mobile-stats { animation: fadeInUp 0.35s var(--ease-emphasized) 0.25s both; } - html.leftbar-opened .leftbar-mobile-profile::before { animation: circleExpand 0.5s var(--ease-spring) 0.2s both; } - html.leftbar-opened .leftbar-mobile-profile::after { animation: circleExpand 0.5s var(--ease-spring) 0.3s both; } - html.leftbar-opened .leftbar-mobile-search { animation: slideInFromLeft 0.4s var(--ease-emphasized) 0.12s both; } - html.leftbar-opened .leftbar-mobile-menu-section:nth-child(3) { animation: slideInFromLeft 0.4s var(--ease-emphasized) 0.18s both; } - html.leftbar-opened .leftbar-mobile-menu-section:nth-child(4) { animation: slideInFromLeft 0.4s var(--ease-emphasized) 0.24s both; } - html.leftbar-opened .leftbar-mobile-footer { animation: fadeInUp 0.4s var(--ease-emphasized) 0.3s both; } - /* 菜单项交错入场 */ html.leftbar-opened .leftbar-mobile-menu-item { animation: fadeInUp 0.3s var(--ease-standard) both; } - html.leftbar-opened .leftbar-mobile-menu-item:nth-child(1) { animation-delay: 0.22s; } html.leftbar-opened .leftbar-mobile-menu-item:nth-child(2) { animation-delay: 0.26s; } html.leftbar-opened .leftbar-mobile-menu-item:nth-child(3) { animation-delay: 0.30s; } @@ -11263,24 +7486,20 @@ html.darkmode.amoled-dark #content:after { html.leftbar-opened .leftbar-mobile-menu-item:nth-child(6) { animation-delay: 0.42s; } html.leftbar-opened .leftbar-mobile-menu-item:nth-child(7) { animation-delay: 0.46s; } html.leftbar-opened .leftbar-mobile-menu-item:nth-child(8) { animation-delay: 0.50s; } - #leftbar_part1, #leftbar_part2 { box-shadow: none !important; } - #leftbar_part2 { position: relative !important; width: 100% !important; top: unset !important; } - #leftbar_part2_inner { max-height: unset; height: max-content; height: -moz-max-content; } - #leftbar_part2_inner:before { content: ""; display: block; @@ -11291,15 +7510,12 @@ html.darkmode.amoled-dark #content:after { height: 1px; background: var(--color-border-on-foreground-deeper); } - #leftbar::-webkit-scrollbar { display: none; } - html.leftbar-opened { overflow: hidden; } - /* 遮罩层 - 优化动画 */ #sidebar_mask { position: fixed; @@ -11319,204 +7535,121 @@ html.darkmode.amoled-dark #content:after { transition: opacity var(--animation-normal) var(--ease-standard), visibility var(--animation-normal) var(--ease-standard); } - html.leftbar-opened #sidebar_mask { opacity: 1; visibility: visible; } - .leftbar-menu-item { overflow: hidden; } - .leftbar-menu-item:hover { height: max-content; } - .leftbar-menu-item:hover:after { transform: rotateZ(90deg) translateY(1px); } - .leftbar-menu-subitem { position: static; width: calc(100% - 10px) !important; margin-left: 10px; box-shadow: none !important; } - .leftbar-menu-item:hover .leftbar-menu-subitem { - position: static; - width: 100%; - box-shadow: none; - } - .leftbar-banner { - padding-top: 40px; - padding-bottom: 40px; - padding-left: 20px; - text-align: left; - border-radius: 0; - } - .leftbar-banner-subtitle { - margin-top: 10px; - } - #leftbar_announcement { - border-radius: 0; - margin-bottom: 0; - background: linear-gradient(180deg, var(--themecolor-dark), var(--themecolor) 90%); - } - html.darkmode #leftbar_announcement { - background: var(--color-border-on-foreground) !important; - } - #leftbar_announcement:after { - content: ""; - height: 1px; - background: #fff; - opacity: 0.15; - margin-left: 15px; - margin-right: 15px; - } - .leftbar-announcement-body { - opacity: 0.8; - padding-top: 20px; - } - #leftbar_announcement ~ #leftbar_part1 .leftbar-banner { - background: var(--themecolor) !important; - padding-top: 25px; - padding-bottom: 25px; - } - html.darkmode #leftbar_announcement ~ #leftbar_part1 .leftbar-banner { - background: var(--color-border-on-foreground) !important; - } - #primary { - width: 100%; - } - #main { - padding: 5px; - } - - - - .post-header.post-header-with-thumbnail .post-header-text-container { - +.post-header.post-header-with-thumbnail .post-header-text-container { padding-bottom: 20px; - } - .post-thumbnail { - max-height: 30vh; - } - .post-header.post-header-with-thumbnail .post-header-text-container { - padding-bottom: 20px; - } - - - - .post-donate img { - +.post-donate img { max-width: 70vw; - } - - - - #comments .children { +#comments .children { padding-inline-start: 15px; } - /* 夜间模式适配 - 移动端侧边栏 */ html.darkmode .leftbar-mobile-profile { background: linear-gradient(135deg, rgba(var(--themecolor-rgbstr), 0.8) 0%, rgba(var(--themecolor-rgbstr), 0.6) 100%); } - html.darkmode .leftbar-mobile-profile::before, html.darkmode .leftbar-mobile-profile::after { background: rgba(255, 255, 255, 0.05); } - html.darkmode .leftbar-mobile-stats { background: rgba(0, 0, 0, 0.2); } - html.darkmode .leftbar-mobile-search-inner { background: var(--color-background); } - html.darkmode .leftbar-mobile-search-inner:focus-within { background: var(--color-widgets); } - html.darkmode .leftbar-mobile-action { background: var(--color-widgets); color: #aaa; } - html.darkmode .leftbar-mobile-action:active { color: var(--themecolor-light); } - html.darkmode .leftbar-mobile-section-title { color: #777; } - html.darkmode .leftbar-mobile-submenu .leftbar-mobile-menu-item > a { color: #999; } - /* ========== 移动端文章卡片独立样式 ========== */ /* 移动端布局 1: 大图模式 (默认) */ html.mobile-layout-1 article.post-preview-layout-2, @@ -11524,146 +7657,119 @@ html.darkmode.amoled-dark #content:after { flex-direction: column; max-height: none; } - html.mobile-layout-1 article.post-preview-layout-2 .post-header.post-header-with-thumbnail, article.post-preview-layout-2 .post-header.post-header-with-thumbnail { width: 100%; height: 200px; border-radius: var(--card-radius) var(--card-radius) 0 0; } - html.mobile-layout-1 article.post-preview-layout-2 .post-thumbnail, article.post-preview-layout-2 .post-thumbnail { height: 200px !important; max-height: 200px !important; } - html.mobile-layout-1 article.post-preview-layout-2 .post-content-container, article.post-preview-layout-2 .post-content-container { padding: 18px 20px 20px; } - html.mobile-layout-1 article.post-preview-layout-2 .post-content, article.post-preview-layout-2 .post-content { -webkit-line-clamp: 3; margin-top: 12px; line-height: 1.7; } - /* 移动端布局 2: 紧凑模式 */ html.mobile-layout-2 article.post-preview-layout-2 { flex-direction: column; max-height: none; } - html.mobile-layout-2 article.post-preview-layout-2 .post-header.post-header-with-thumbnail { width: 100%; height: 140px; border-radius: var(--card-radius) var(--card-radius) 0 0; } - html.mobile-layout-2 article.post-preview-layout-2 .post-thumbnail { height: 140px !important; max-height: 140px !important; } - html.mobile-layout-2 article.post-preview-layout-2 .post-content-container { padding: 14px 16px 16px; } - html.mobile-layout-2 article.post-preview-layout-2 .post-content { -webkit-line-clamp: 2; margin-top: 8px; line-height: 1.6; font-size: 14px; } - html.mobile-layout-2 article.post-preview-layout-2 .post-title { font-size: 16px; } - html.mobile-layout-2 article.post-preview-layout-2 .post-meta-detail { font-size: 12px; } - /* 移动端布局 3: 横向模式 */ html.mobile-layout-3 article.post-preview-layout-2 { flex-direction: row; max-height: 120px; } - html.mobile-layout-3 article.post-preview-layout-2 .post-header.post-header-with-thumbnail { width: 120px; height: 120px; border-radius: var(--card-radius) 0 0 var(--card-radius); flex-shrink: 0; } - html.mobile-layout-3 article.post-preview-layout-2 .post-thumbnail { height: 120px !important; max-height: 120px !important; } - html.mobile-layout-3 article.post-preview-layout-2 .post-content-container { padding: 12px 14px; justify-content: center; } - html.mobile-layout-3 article.post-preview-layout-2 .post-content { -webkit-line-clamp: 2; margin-top: 6px; line-height: 1.5; font-size: 13px; } - html.mobile-layout-3 article.post-preview-layout-2 .post-title { font-size: 15px; line-height: 1.3; } - html.mobile-layout-3 article.post-preview-layout-2 .post-meta-detail { font-size: 11px; } - html.mobile-layout-3 article.post-preview-layout-2 .post-tags { display: none; } - /* 通用移动端文章卡片样式 */ article.post-preview-layout-2 .post-title { font-size: 18px; line-height: 1.4; } - article.post-preview-layout-2 .post-meta-detail { font-size: 13px; } - /* ========== 移动端搜索框动画 (照搬桌面端) ========== */ .leftbar-mobile-search-inner { position: relative; transition: all 0.3s cubic-bezier(0.4, 0, 0, 1); } - .leftbar-mobile-search-inner:focus-within { transform: scale(1.02); box-shadow: 0 4px 12px rgba(var(--themecolor-rgbstr), 0.15); } - .leftbar-mobile-search-inner input { transition: all 0.3s cubic-bezier(0.4, 0, 0, 1); } - /* 搜索框聚焦时的光标动画 */ @keyframes searchPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(var(--themecolor-rgbstr), 0.2); } 50% { box-shadow: 0 0 0 4px rgba(var(--themecolor-rgbstr), 0.1); } } - .leftbar-mobile-search-inner:focus-within { animation: searchPulse 2s ease-in-out infinite; } - /* ========== 更多流畅侧边栏动画 ========== */ /* 关闭按钮旋转入场 */ @keyframes rotateIn { @@ -11676,11 +7782,9 @@ html.darkmode.amoled-dark #content:after { transform: rotate(0) scale(1); } } - html.leftbar-opened .leftbar-mobile-close { animation: rotateIn 0.4s var(--ease-spring) 0.1s both; } - /* 统计数字弹跳动画 */ @keyframes bounceIn { 0% { @@ -11698,56 +7802,44 @@ html.darkmode.amoled-dark #content:after { transform: scale(1); } } - html.leftbar-opened .leftbar-mobile-stat:nth-child(1) .stat-num { animation: bounceIn 0.5s var(--ease-spring) 0.3s both; } - html.leftbar-opened .leftbar-mobile-stat:nth-child(2) .stat-num { animation: bounceIn 0.5s var(--ease-spring) 0.4s both; } - html.leftbar-opened .leftbar-mobile-stat:nth-child(3) .stat-num { animation: bounceIn 0.5s var(--ease-spring) 0.5s both; } - /* 搜索图标脉冲动画 */ @keyframes iconPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); } } - html.leftbar-opened .leftbar-mobile-search-inner i { animation: iconPulse 0.6s var(--ease-spring) 0.35s both; } - /* 底部按钮交错入场 */ html.leftbar-opened .leftbar-mobile-action:nth-child(1) { animation: fadeInUp 0.35s var(--ease-emphasized) 0.35s both; } - html.leftbar-opened .leftbar-mobile-action:nth-child(2) { animation: fadeInUp 0.35s var(--ease-emphasized) 0.42s both; } - html.leftbar-opened .leftbar-mobile-action:nth-child(3) { animation: fadeInUp 0.35s var(--ease-emphasized) 0.49s both; } - /* 底部按钮图标悬浮效果 */ .leftbar-mobile-action i { transition: transform 0.3s var(--ease-spring); } - .leftbar-mobile-action:active i { transform: scale(1.15) rotate(-5deg); } - /* 菜单项悬浮指示器 */ .leftbar-mobile-menu-item.current > a { position: relative; } - .leftbar-mobile-menu-item.current > a::after { content: ""; position: absolute; @@ -11760,23 +7852,19 @@ html.darkmode.amoled-dark #content:after { border-radius: 0 4px 4px 0; animation: slideInFromLeft 0.3s var(--ease-spring) both; } - /* 子菜单展开箭头旋转 */ .leftbar-mobile-menu-item .submenu-arrow { transition: transform 0.3s var(--ease-spring); } - .leftbar-mobile-menu-item.expanded .submenu-arrow { transform: rotate(180deg); } - /* 遮罩层淡入增强 */ #sidebar_mask { transition: opacity 0.35s var(--ease-emphasized), visibility 0.35s var(--ease-emphasized), backdrop-filter 0.35s var(--ease-emphasized); } - html.leftbar-opened #sidebar_mask { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); @@ -11784,465 +7872,240 @@ html.darkmode.amoled-dark #content:after { } @media screen and (max-width: 1000px) { - .navbar-main { - padding-left: 10px; - padding-right: 10px; - } - .navbar-main .container { - margin: 0; - max-width: 100vw; - } - .navbar-toggler-icon { - width: 20px; - height: 20px; - } - } @media screen and (max-width: 900px) { - .navbar-toggler { - outline: none !important; - } - .navbar-collapse-header { - border: none !important; - } - .navbar-collapse .navbar-collapse-header { - margin-bottom: 0 !important; - } - html.darkmode #navbar_global * { - color: #eee; - } - html.darkmode #navbar_global .navbar-toggler * { - background: #eee; - } - - html.darkmode .navbar-collapse .navbar-collapse-header { - - /*border-bottom: 1px solid rgba(255,255,255,.1);*/ - - } - - - - /*.navbar-brand.navbar-icon { - + /* html.darkmode .navbar-collapse .navbar-collapse-header border-bottom: 1px solid rgba(255,255,255,.1); */ +/*.navbar-brand.navbar-icon { display: none; - } - .navbar-brand.navbar-icon-mobile { - display: block; - margin-right: 5px; - }*/ - .navbar-title { - margin-right: 0; - } - #navbar_search_btn_mobile { - display: list-item; - } - #navbar_search_container { - display: none; - } - #navbar_global.show + #navbar_menu_mask { - display: block; - position: fixed; - left: 0; - top: 0; - height: 100vh; - width: 100vw; - z-index: 1049; - background: transparent; - } - .navbar-nav:not(#navbar_search_btn_mobile) > .nav-item i:not(.d-lg-none) { - margin-right: 8px; - text-align: center; - width: 14px; - } - - - - .navbar-nav:not(#navbar_search_btn_mobile) > .nav-item i:not(.d-lg-none) { - +.navbar-nav:not(#navbar_search_btn_mobile) > .nav-item i:not(.d-lg-none) { margin-right: 8px; - text-align: center; - width: 14px; - } - - - - .navbar-transparent .navbar-toggler-icon { - +.navbar-transparent .navbar-toggler-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iNi4zIiB5MT0iNCIgeDI9IjI3LjEiIHkyPSI0Ii8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjYuMyIgeTE9IjEyLjUiIHgyPSIyNy4xIiB5Mj0iMTIuNSIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI2LjMiIHkxPSIyMSIgeDI9IjI3LjEiIHkyPSIyMSIvPg0KPC9zdmc+DQo=); - } - .navbar-toggler-searcg-icon { - background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Y2lyY2xlIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgY3g9IjE0IiBjeT0iMTEuNiIgcj0iOC44Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyMC43IiB5MT0iMTcuNCIgeDI9IjI3LjMiIHkyPSIyNCIvPjwvZz48L3N2Zz4=) !important; - } - } @media screen and (min-width: 900px) and (max-width: 1000px) { - #leftbar_part2.sticky { - transform: translateY(-25px); - } - body.leftbar-can-headroom.headroom---unpinned #leftbar_part2.sticky { - transform: translateY(-5px); - } - } @media screen and (max-width: 900px) { - /*TimeLine*/ - .argon-timeline { - margin-left: 75px; - } - } @media screen and (max-width: 450px) { - /*Fab 设置菜单*/ - #fabtn_blog_settings_popup { - position: fixed; - left: 0 !important; - right: 0 !important; - bottom: 0 !important; - z-index: 1005; - width: 100vw; - padding: 10px 25px; - opacity: 0; - max-width: unset; - pointer-events: none; - transform: translateY(15px); - transition: all 0.3s ease; - animation: none !important; - border-radius: var(--card-radius) var(--card-radius) 0 0; - } - #close_blog_settings { - margin-right: -10px; - } - } @media screen and (max-width: 600px) { - /*浮动操作按钮透明*/ - #float_action_buttons { - opacity: 0.5; - } - #float_action_buttons:hover, - #float_action_buttons.blog_settings_opened { - opacity: 1; - } - /*文章边界缩小*/ - .post-full { - margin-left: -10px; - margin-right: -10px; - } - /*显示更少的页码*/ - .pagination:not(.pagination-mobile) { - display: none; - } - .pagination.pagination-mobile { - display: flex; - } - } @media screen and (max-width: 690px) { - /*文章分享的浮动二维码*/ - #share .icon-wechat .wechat-qrcode { - position: fixed; - z-index: 2000; - left: 50%; - top: 50%; - bottom: unset; - right: unset; - width: max-content; - width: -moz-max-content; - background: var(--color-foreground); - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - text-align: center; - padding: 15px 30px; - transition: visibility 0.25s, opacity 0.25s, transform 0.25s; - transform: translate(-50%, calc(-50% + 10px)); - opacity: 0; - pointer-events: none; - } - #share .icon-wechat:hover .wechat-qrcode { - transform: translate(-50%, -50%); - opacity: 1; - } - #share .wechat-qrcode:before { - display: none; - } - #share .icon-wechat:before { - content: ""; - display: block; - position: fixed; - left: 0; - top: 0; - right: 0; - bottom: 0; - height: 100%; - width: 100%; - z-index: 1999; - pointer-events: none; - transform: none; - background: rgba(0, 0, 0, 0.6); - opacity: 0; - } - #share .icon-wechat:hover:before { - opacity: 1; - } - } - - /*打印样式优化*/ @media print { - #leftbar, - #post_comment, - #float_action_buttons, - #toolbar, - #share_container { - display: none !important; - } - #primary { - width: 100% !important; - } - #content { - max-width: unset !important; - } - article { - width: 100% !important; - } - article .post-content a { - text-decoration: underline !important; - } - article a::after { - content: " (" attr(href) ")"; - } - html > body { - background-color: white !important; - } - article p { - color: rgba(0, 0, 0, 0.8) !important; - } - article { - font: 13pt Georgia, "Nimbus Roman No9 L", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", - "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", - "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", - PMingLiU, MingLiU, serif !important; - } - } /*Noscript*/ html.no-js article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"] { - display: none; - } html.no-js .comment-item-text .comment-sticker.lazyload { - display: none; - } - - /*Safari 兼容*/ html.using-safari #float_action_buttons .fabtn:before, @@ -12262,56 +8125,37 @@ html.using-safari .comment-post-checkbox:before, html.using-safari .comment-time-details, html.using-safari #share .icon-wechat .wechat-qrcode { - -webkit-transform: translate3d(0, 0, 0) !important; - width: unset !important; - white-space: nowrap; - } @media screen and (max-width: 690px) { - html.using-safari #share .icon-wechat .wechat-qrcode { - transform: translate3d(-50%, -50%, 0) !important; - } - } html.using-safari .post-donate .donate-btn:hover ~ .donate-qrcode { - transform: translateX(-50%); - opacity: 1; - } html.using-safari #fabtn_blog_settings_popup { - -webkit-transform: translate3d(0, 0, 0) !important; - } html.using-safari #blog_setting_toggle_darkmode_and_amoledarkmode:before, html.using-safari #blog_setting_card_radius_to_default:before { - transform: translate3d(-50%, 0, 0) !important; - white-space: nowrap; - } html.using-safari .friend-link-description:after { - display: none; - } - /* 下面是抄袭萌娘百科的css */ .huhua{ color:#9ea3a9 !important; @@ -12430,7 +8274,6 @@ article .post-content .huhua a:before { transition: inherit !important; } - /* ===== Git 版本徽章 ===== */ .git-version-badge { display: inline-flex; @@ -12596,7 +8439,6 @@ article .post-content .huhua a:before { } } - /* ===== TODO 列表 ===== */ #leftbar_part3 { margin-top: 10px; @@ -12621,7 +8463,6 @@ html.navbar-absolute #leftbar_part3.sticky { #leftbar_part3.sticky { transform: translateY(-25px); } - body.leftbar-can-headroom.headroom---unpinned #leftbar_part3.sticky { transform: translateY(-5px); } @@ -13022,7 +8863,6 @@ html.darkmode .todo-add-form input:focus { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2)); } - /* ===== 禁止选中（文章内容除外） ===== */ body { -webkit-user-select: none; @@ -13075,7 +8915,6 @@ img { overflow: hidden; } - /* ===== 友情链接 ===== */ .friend-links-container { margin-top: 20px; @@ -13191,7 +9030,6 @@ html.darkmode .friend-link-name { } } - /* ========== 友情链接页面样式 ========== */ /* 页面头部 */ @@ -13733,7 +9571,6 @@ html.toolbar-center .navbar-nav.navbar-nav-hover { } } - /* ======================================== Material 3 Design System Enhancement ======================================== */ @@ -13746,27 +9583,23 @@ html.toolbar-center .navbar-nav.navbar-nav-hover { --m3-surface-3: rgba(var(--themecolor-rgbstr), 0.11); --m3-surface-4: rgba(var(--themecolor-rgbstr), 0.12); --m3-surface-5: rgba(var(--themecolor-rgbstr), 0.14); - /* 状态层 */ --m3-state-hover: rgba(var(--themecolor-rgbstr), 0.08); --m3-state-focus: rgba(var(--themecolor-rgbstr), 0.12); --m3-state-pressed: rgba(var(--themecolor-rgbstr), 0.12); --m3-state-dragged: rgba(var(--themecolor-rgbstr), 0.16); - /* 圆角 */ --m3-shape-xs: 4px; --m3-shape-sm: 8px; --m3-shape-md: 12px; --m3-shape-lg: 16px; --m3-shape-xl: 28px; - /* 阴影 */ --m3-elevation-1: 0 1px 2px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.08); --m3-elevation-2: 0 1px 2px rgba(0,0,0,0.1), 0 2px 6px rgba(0,0,0,0.1); --m3-elevation-3: 0 1px 3px rgba(0,0,0,0.1), 0 4px 8px rgba(0,0,0,0.12); --m3-elevation-4: 0 2px 3px rgba(0,0,0,0.1), 0 6px 10px rgba(0,0,0,0.14); --m3-elevation-5: 0 4px 4px rgba(0,0,0,0.1), 0 8px 12px rgba(0,0,0,0.16); - /* 过渡 */ --m3-motion-standard: cubic-bezier(0.2, 0, 0, 1); --m3-motion-emphasized: cubic-bezier(0.2, 0, 0, 1); @@ -14300,11 +10133,9 @@ article .post-content a:hover { --m3-shape-lg: 12px; --m3-shape-xl: 20px; } - .card { border-radius: var(--m3-shape-md) !important; } - .btn { border-radius: var(--m3-shape-lg) !important; } @@ -14395,11 +10226,9 @@ article .post-content a:hover { cursor: pointer; z-index: 1000; } - #open_sidebar .navbar-toggler-icon { pointer-events: none; } - html.leftbar-opened #leftbar { transform: translateX(0) !important; opacity: 1 !important; @@ -14442,7 +10271,6 @@ article .post-content a:hover { .git-version-badge { display: none; } - .git-version-badge .git-icon { width: 11px; height: 11px; @@ -14665,11 +10493,7 @@ html.darkmode #leftbar_part2 { border-color: var(--themecolor); } -/* 评论区优化 */ -#comments.card, -#post_comment.card { - /* 使用全局 --color-foreground */ -} +/* 评论区优化 - 使用全局 --color-foreground */ /* 评论项悬浮效果 */ .comment-body { @@ -14935,11 +10759,9 @@ body { backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } - article.post.card:hover { transform: none; } - .banner::after { height: 80px; } @@ -15473,7 +11295,6 @@ html.style-neumorphism #fabtn_blog_settings_popup { backdrop-filter var(--animation-slow) var(--ease-standard); } - /* ========== 玻璃风格下文章/页面卡片样式统一 ========== */ /* 使用 CSS 变量，确保与首页卡片一致 */ html.style-glass article.post.post-full.card { @@ -15498,7 +11319,6 @@ html.darkmode.style-glass article.post.post-full.card { background: var(--color-foreground); box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15); } - /* 移动端导航整体布局 */ .leftbar-mobile-nav { padding-bottom: env(safe-area-inset-bottom, 0); @@ -15506,7 +11326,6 @@ html.darkmode.style-glass article.post.post-full.card { overflow-x: hidden; -webkit-overflow-scrolling: touch; } - /* ===== 顶部用户信息区 ===== */ .leftbar-mobile-profile { padding: 32px 24px 28px; @@ -15514,7 +11333,6 @@ html.darkmode.style-glass article.post.post-full.card { background: var(--themecolor-gradient); position: relative; } - /* 装饰性背景圆 */ .leftbar-mobile-profile::before { content: ""; @@ -15526,7 +11344,6 @@ html.darkmode.style-glass article.post.post-full.card { background: rgba(255, 255, 255, 0.1); border-radius: 50%; } - .leftbar-mobile-profile::after { content: ""; position: absolute; @@ -15537,7 +11354,6 @@ html.darkmode.style-glass article.post.post-full.card { background: rgba(255, 255, 255, 0.06); border-radius: 50%; } - /* 关闭按钮 */ .leftbar-mobile-close { position: absolute; @@ -15557,16 +11373,13 @@ html.darkmode.style-glass article.post.post-full.card { z-index: 2; transition: all var(--animation-fast) var(--ease-spring); } - .leftbar-mobile-close:active { transform: scale(0.9); background: rgba(255, 255, 255, 0.28); } - .leftbar-mobile-close i { font-size: 14px; } - /* 头像 */ .leftbar-mobile-avatar { width: 72px; @@ -15580,17 +11393,14 @@ html.darkmode.style-glass article.post.post-full.card { z-index: 1; transition: all var(--animation-normal) var(--ease-spring); } - .leftbar-mobile-avatar:active { transform: scale(0.95); } - .leftbar-mobile-avatar img { width: 100%; height: 100%; object-fit: cover; } - /* 用户信息 */ .leftbar-mobile-user-info { text-align: center; @@ -15598,7 +11408,6 @@ html.darkmode.style-glass article.post.post-full.card { z-index: 1; margin-bottom: 20px; } - .leftbar-mobile-user-name { font-size: 22px; font-weight: 700; @@ -15610,7 +11419,6 @@ html.darkmode.style-glass article.post.post-full.card { gap: 6px; flex-wrap: wrap; } - .leftbar-mobile-user-desc { font-size: 13px; color: rgba(255, 255, 255, 0.85); @@ -15618,7 +11426,6 @@ html.darkmode.style-glass article.post.post-full.card { max-width: 220px; margin: 0 auto; } - /* 统计数据 */ .leftbar-mobile-stats { display: flex; @@ -15630,7 +11437,6 @@ html.darkmode.style-glass article.post.post-full.card { position: relative; z-index: 1; } - .leftbar-mobile-stat { flex: 1; display: flex; @@ -15638,7 +11444,6 @@ html.darkmode.style-glass article.post.post-full.card { align-items: center; position: relative; } - .leftbar-mobile-stat:not(:last-child)::after { content: ""; position: absolute; @@ -15649,26 +11454,22 @@ html.darkmode.style-glass article.post.post-full.card { height: 28px; background: rgba(255, 255, 255, 0.25); } - .leftbar-mobile-stat .stat-num { font-size: 20px; font-weight: 700; color: #fff; line-height: 1.2; } - .leftbar-mobile-stat .stat-label { font-size: 11px; color: rgba(255, 255, 255, 0.75); margin-top: 4px; font-weight: 500; } - /* ===== 搜索框 ===== */ .leftbar-mobile-search { padding: 18px 18px 10px; } - .leftbar-mobile-search-inner { display: flex; align-items: center; @@ -15679,23 +11480,19 @@ html.darkmode.style-glass article.post.post-full.card { border: 1.5px solid transparent; transition: all var(--animation-fast) var(--ease-standard); } - .leftbar-mobile-search-inner:focus-within { border-color: rgba(var(--themecolor-rgbstr), 0.4); background: var(--color-foreground); box-shadow: 0 0 0 4px rgba(var(--themecolor-rgbstr), 0.1); } - .leftbar-mobile-search-inner i { color: #999; font-size: 15px; transition: color var(--animation-fast); } - .leftbar-mobile-search-inner:focus-within i { color: var(--themecolor); } - .leftbar-mobile-search-inner input { flex: 1; border: none; @@ -15704,16 +11501,13 @@ html.darkmode.style-glass article.post.post-full.card { color: var(--color-text-deeper); outline: none; } - .leftbar-mobile-search-inner input::placeholder { color: #aaa; } - /* ===== 菜单区域 ===== */ .leftbar-mobile-menu-section { padding: 10px 14px 8px; } - .leftbar-mobile-section-title { font-size: 11px; font-weight: 700; @@ -15722,17 +11516,14 @@ html.darkmode.style-glass article.post.post-full.card { letter-spacing: 1.5px; padding: 8px 14px 12px; } - .leftbar-mobile-menu { list-style: none; padding: 0; margin: 0; } - .leftbar-mobile-menu-item { margin-bottom: 4px; } - .leftbar-mobile-menu-item > a { display: flex; align-items: center; @@ -15744,31 +11535,25 @@ html.darkmode.style-glass article.post.post-full.card { font-weight: 500; transition: all var(--animation-fast) var(--ease-standard); } - .leftbar-mobile-menu-item > a:active { background: rgba(var(--themecolor-rgbstr), 0.1); transform: scale(0.98); } - .leftbar-mobile-menu-item.current > a { background: rgba(var(--themecolor-rgbstr), 0.12); color: var(--themecolor); } - .leftbar-mobile-menu-item .menu-text { flex: 1; } - .leftbar-mobile-menu-item .submenu-arrow { font-size: 12px; color: #999; transition: transform var(--animation-normal) var(--ease-standard); } - .leftbar-mobile-menu-item.expanded .submenu-arrow { transform: rotate(180deg); } - /* 子菜单 */ .leftbar-mobile-submenu { list-style: none; @@ -15780,15 +11565,12 @@ html.darkmode.style-glass article.post.post-full.card { overflow: hidden; transition: max-height var(--animation-normal) var(--ease-standard); } - .leftbar-mobile-menu-item.expanded .leftbar-mobile-submenu { max-height: 400px; } - .leftbar-mobile-submenu .leftbar-mobile-menu-item { margin-bottom: 2px; } - .leftbar-mobile-submenu .leftbar-mobile-menu-item > a { padding: 11px 14px; font-size: 14px; @@ -15796,12 +11578,10 @@ html.darkmode.style-glass article.post.post-full.card { color: #666; border-radius: 10px; } - .leftbar-mobile-submenu .leftbar-mobile-menu-item > a:active { color: var(--themecolor); background: rgba(var(--themecolor-rgbstr), 0.08); } - /* ===== 折叠面板 ===== */ .leftbar-mobile-collapse-section { margin: 6px 14px; @@ -15810,11 +11590,9 @@ html.darkmode.style-glass article.post.post-full.card { overflow: hidden; transition: all var(--animation-normal) var(--ease-emphasized); } - .leftbar-mobile-collapse-section.expanded { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); } - .leftbar-mobile-collapse-header { display: flex; align-items: center; @@ -15824,18 +11602,15 @@ html.darkmode.style-glass article.post.post-full.card { user-select: none; transition: background var(--animation-fast); } - .leftbar-mobile-collapse-header:active { background: rgba(var(--themecolor-rgbstr), 0.05); } - .collapse-header-left { display: flex; align-items: center; gap: 12px; flex: 1; } - .collapse-icon { width: 32px; height: 32px; @@ -15848,25 +11623,21 @@ html.darkmode.style-glass article.post.post-full.card { font-size: 13px; transition: all var(--animation-normal) var(--ease-spring); } - .leftbar-mobile-collapse-section.expanded .collapse-icon { background: var(--themecolor); color: #fff; transform: scale(1.05); box-shadow: 0 3px 10px rgba(var(--themecolor-rgbstr), 0.35); } - .collapse-title { font-size: 14px; font-weight: 600; color: var(--color-text-deeper); transition: color var(--animation-fast); } - .leftbar-mobile-collapse-section.expanded .collapse-title { color: var(--themecolor); } - .collapse-badge { background: var(--themecolor); color: #fff; @@ -15881,60 +11652,49 @@ html.darkmode.style-glass article.post.post-full.card { box-shadow: 0 2px 8px rgba(var(--themecolor-rgbstr), 0.3); transition: all var(--animation-normal) var(--ease-spring); } - .leftbar-mobile-collapse-section.expanded .collapse-badge { transform: scale(1.08); } - .collapse-arrow { font-size: 11px; color: #aaa; transition: all var(--animation-normal) var(--ease-emphasized); } - .leftbar-mobile-collapse-section.expanded .collapse-arrow { transform: rotate(180deg); color: var(--themecolor); } - .leftbar-mobile-collapse-content { max-height: 0; overflow: hidden; transition: max-height var(--animation-slow) var(--ease-emphasized); } - .leftbar-mobile-collapse-section.expanded .leftbar-mobile-collapse-content { max-height: 320px; } - /* 目录容器 */ .mobile-catalog-container { padding: 4px 14px 14px; } - #leftbar_mobile_catalog { max-height: 240px; overflow-y: auto; padding-right: 4px; } - #leftbar_mobile_catalog .index-link { padding: 9px 12px; font-size: 13px; border-radius: 8px; } - /* TODO 容器 */ .mobile-todo-container { padding: 4px 14px 14px; } - .mobile-todo-add-form { display: flex; gap: 8px; margin-bottom: 12px; } - .mobile-todo-add-form input { flex: 1; border: 1.5px solid var(--color-border-on-foreground-deeper); @@ -15946,12 +11706,10 @@ html.darkmode.style-glass article.post.post-full.card { outline: none; transition: all var(--animation-fast); } - .mobile-todo-add-form input:focus { border-color: var(--themecolor); box-shadow: 0 0 0 3px rgba(var(--themecolor-rgbstr), 0.12); } - .mobile-todo-add-form button { width: 40px; height: 40px; @@ -15968,11 +11726,9 @@ html.darkmode.style-glass article.post.post-full.card { box-shadow: 0 3px 10px rgba(var(--themecolor-rgbstr), 0.3); transition: all var(--animation-fast) var(--ease-spring); } - .mobile-todo-add-form button:active { transform: scale(0.9); } - .mobile-todo-list { list-style: none; padding: 0; @@ -15980,7 +11736,6 @@ html.darkmode.style-glass article.post.post-full.card { max-height: 180px; overflow-y: auto; } - .mobile-todo-item { display: flex; align-items: center; @@ -15990,13 +11745,11 @@ html.darkmode.style-glass article.post.post-full.card { margin-bottom: 6px; transition: all var(--animation-fast); } - .mobile-todo-content { flex: 1; font-size: 13px; color: var(--color-text-deeper); } - .mobile-todo-complete-btn, .mobile-todo-urge-btn, .mobile-todo-delete-btn { @@ -16012,35 +11765,28 @@ html.darkmode.style-glass article.post.post-full.card { margin-left: 8px; transition: all var(--animation-fast) var(--ease-spring); } - .mobile-todo-complete-btn { background: rgba(76, 175, 80, 0.12); color: #4CAF50; } - .mobile-todo-complete-btn:active { transform: scale(0.9); background: rgba(76, 175, 80, 0.2); } - .mobile-todo-delete-btn { background: rgba(244, 67, 54, 0.12); color: #F44336; } - .mobile-todo-delete-btn:active { transform: scale(0.9); } - .mobile-todo-urge-btn { background: rgba(255, 152, 0, 0.12); color: #FF9800; } - .mobile-todo-urge-btn:active { transform: scale(0.9); } - /* ===== 底部操作区 ===== */ .leftbar-mobile-footer { margin-top: auto; @@ -16049,13 +11795,11 @@ html.darkmode.style-glass article.post.post-full.card { border-top: 1px solid var(--color-border-on-foreground-deeper); background: var(--color-foreground); } - .leftbar-mobile-actions { display: flex; justify-content: center; gap: 10px; } - .leftbar-mobile-action { flex: 1; max-width: 95px; @@ -16073,22 +11817,18 @@ html.darkmode.style-glass article.post.post-full.card { border-radius: 14px; transition: all var(--animation-fast) var(--ease-spring); } - .leftbar-mobile-action:active { background: rgba(var(--themecolor-rgbstr), 0.12); color: var(--themecolor); transform: scale(0.95); } - .leftbar-mobile-action i { font-size: 20px; transition: transform var(--animation-fast) var(--ease-spring); } - .leftbar-mobile-action:active i { transform: scale(1.15); } - .leftbar-mobile-action span { white-space: nowrap; } @@ -16099,63 +11839,49 @@ html.darkmode.style-glass article.post.post-full.card { #leftbar { width: min(270px, 80vw); } - .leftbar-mobile-profile { padding: 26px 20px 24px; } - .leftbar-mobile-avatar { width: 64px; height: 64px; } - .leftbar-mobile-user-name { font-size: 20px; } - .leftbar-mobile-stats { padding: 12px 8px; } - .leftbar-mobile-stat .stat-num { font-size: 18px; } - .leftbar-mobile-search { padding: 14px 14px 8px; } - .leftbar-mobile-menu-section { padding: 8px 12px 6px; } - .leftbar-mobile-collapse-section { margin: 5px 12px; } - .collapse-icon { width: 28px; height: 28px; font-size: 12px; } - .collapse-title { font-size: 13px; } - .leftbar-mobile-footer { padding: 12px 14px 18px; } - .leftbar-mobile-action { padding: 12px 8px; max-width: 85px; } - .leftbar-mobile-action i { font-size: 18px; } - .leftbar-mobile-action span { font-size: 10px; } @@ -16168,7 +11894,6 @@ html.darkmode.style-glass article.post.post-full.card { backdrop-filter: blur(var(--card-blur, 20px)) saturate(var(--card-saturate, 180%)); -webkit-backdrop-filter: blur(var(--card-blur, 20px)) saturate(var(--card-saturate, 180%)); } - html.darkmode.style-glass article.post.post-full.card { background: rgba(66, 66, 66, var(--card-opacity, 0.7)) !important; backdrop-filter: blur(var(--card-blur, 20px)) saturate(var(--card-saturate, 180%)); @@ -16182,28 +11907,23 @@ html.darkmode.style-glass article.post.post-full.card { html.darkmode #leftbar_mobile_catalog .index-link { color: #bbb; } - html.darkmode #leftbar_mobile_catalog .index-item.current > .index-link { color: var(--themecolor-light); background: rgba(var(--themecolor-rgbstr), 0.15); } - html.darkmode #leftbar_mobile_catalog .index-link:active { background: rgba(var(--themecolor-rgbstr), 0.18); } - /* 暗色模式下子目录边框 */ html.darkmode #leftbar_mobile_catalog .index-subItem-box { border-left-color: rgba(255, 255, 255, 0.1); } - /* 暗色模式下滚动条 */ html.darkmode #leftbar_mobile_catalog::-webkit-scrollbar-thumb { background: rgba(var(--themecolor-rgbstr), 0.35); } } - /* ========== backdrop-filter 移动端兼容性修复 ========== */ /* 针对不支持 backdrop-filter 的浏览器提供降级方案 */ @@ -16213,55 +11933,44 @@ html.darkmode.style-glass article.post.post-full.card { html.no-banner.toolbar-blur #navbar-main { background-color: rgba(var(--themecolor-rgbstr), 0.92) !important; } - /* 搜索框降级 */ #navbar_search_input_container.open .input-group { background: rgba(255, 255, 255, 0.95); } - /* 侧边栏遮罩降级 */ #sidebar_mask { background: rgba(0, 0, 0, 0.65); } - /* 左侧栏移动端降级 */ @media screen and (max-width: 900px) { #leftbar { background: rgba(255, 255, 255, 0.98) !important; } - html.darkmode #leftbar { background: rgba(30, 30, 30, 0.98) !important; } - .leftbar-mobile-action { background: rgba(var(--themecolor-rgbstr), 0.12); } - .leftbar-mobile-actions-container { background: rgba(255, 255, 255, 0.98); } - html.darkmode .leftbar-mobile-actions-container { background: rgba(30, 30, 30, 0.98); } } - /* 玻璃态顶栏降级 */ html.toolbar-glass #navbar-main { background: rgba(255, 255, 255, 0.88) !important; } - html.toolbar-glass.darkmode #navbar-main { background: rgba(0, 0, 0, 0.85) !important; } - /* 弹窗遮罩降级 */ .modal-backdrop, #share_panel_mask { background: rgba(0, 0, 0, 0.7); } - /* 图片查看器遮罩降级 */ .fancybox-bg { background: rgba(0, 0, 0, 0.92); @@ -16276,7 +11985,6 @@ html.darkmode.style-glass article.post.post-full.card { html.toolbar-glass #navbar-main { background-color: rgba(var(--themecolor-rgbstr), 0.95) !important; } - @media screen and (max-width: 900px) { #leftbar { background: var(--color-foreground) !important;