npm - @wulechuan/css-stylus-markdown-themes - Versions diffs - 7.8.1 → 7.8.2 - Mend

@wulechuan/css-stylus-markdown-themes 7.8.1 → 7.8.2

Files changed (32) hide show

package/ReadMe.md CHANGED Viewed

@@ -38,7 +38,7 @@
 | <span style="display:inline-block;width:180px;">提供仓库服务之组织</span> | <span style="display:inline-block;width:150px;">仓库组织之国别</span> | 仓库地址 |
 | ------------- | :----------: | ------- |
 | 码云           | 中华人民共和国 | [https://gitee.com/nanchang-wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns](https://gitee.com/nanchang-wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns) |
-| 阿里云之代码仓库 | 中华人民共和国 | [https://code.aliyun.com/wulechuan/wulechuan-themes-for-htmls-via-markdowns](https://code.aliyun.com/wulechuan/wulechuan-themes-for-htmls-via-markdowns) |
+| 阿里云之代码仓库 | 中华人民共和国 | [https://code.aliyun.com/wulechuan/wulechuan-themes-for-htmls-via-markdowns.git](https://code.aliyun.com/wulechuan/wulechuan-themes-for-htmls-via-markdowns.git) |
 | GitHub         | 美           | [https://github.com/wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns](https://github.com/wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns) |

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@wulechuan/css-stylus-markdown-themes",
-  "version": "7.8.1",
+  "version": "7.8.2",
   "author": "吴乐川 <wulechuan@live.com>",
   "license": "WTFPL",
   "description": "此为吴乐川的《HTML 文章排版与配色之方案集与相关制作工具》。本工具可用于构建一组层叠样式表（即 CSS ）文件。本工具亦提供了一组现成的层叠样式表文件。凡这些样式表，均可用于美化超文本标记语言（即 HTML）格式的文章。于单一文章，不必同时取用多个样式表文件，仅取其一足矣。",
@@ -26,7 +26,7 @@
     "start-2": "gulp                 --silent  devSingleThemeOnce    &&    npm  run  open-dev-htmls    &&    gulp  --silent  devSingleTheme",
     "start": "gulp                             devSingleThemeOnce    &&    npm  run  open-dev-htmls    &&    gulp            devSingleTheme",
     "_test-package-interfaces": "node  ./测试集/用于测试本项目之-javascript-接口的测试代码集.js",
-    "_test-all-without-linting-without-browser": "npm  run  _test-package-interfaces                     &&    npm  run  _build-2    &&    npm  run  _update-example-htmls-2    &&    gulp  devSingleThemeOnce",
+    "_test-all-without-linting-without-browser": "npm  run  _build-2                                     &&    npm  run  _test-package-interfaces    &&    npm  run  _update-example-htmls-2    &&    gulp  devSingleThemeOnce",
     "update-example-htmls": "npm                       run  _update-example-htmls                        &&    npm  run  open-firefox-for-snapshots",
     "update-example-htmls-2": "npm                     run  _update-example-htmls-2                      &&    npm  run  open-firefox-for-snapshots",
     "test": "npm     run  eslint        &&        npm  run  _test-all-without-linting-without-browser    &&    npm  run  open-firefox-for-snapshots    &&    npm  run  open-dev-htmls",
@@ -40,8 +40,8 @@
     "globby": "^11.1.0"
   },
   "devDependencies": {
-    "@wulechuan/cli-scripts--git-push": "^2.0.4",
-    "@wulechuan/generate-html-via-markdown": "^3.2.4",
+    "@wulechuan/cli-scripts--git-push": "^3.0.4",
+    "@wulechuan/generate-html-via-markdown": "^3.2.5",
     "@wulechuan/gulp-classical-task-cycle": "^0.3.0",
     "chalk": "^4.1.2",
     "cssnano": "^5.1.7",
@@ -56,7 +56,8 @@
     "gulp-rename": "^2.0.0",
     "gulp-stylus": "^2.7.1",
     "gulp-terser": "^2.1.0",
-    "postcss": "^8.4.13"
+    "postcss": "^8.4.13",
+    "stylus": "^0.57.0"
   },
   "homepage": "https://github.com/wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns#readme",
   "repository": {

package//346/226/207/346/241/243/351/233/206//346/226/207/347/253/240/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/225/210/346/236/234/347/244/272/344/276/213/351/233/206//345/216/237/345/247/213/347/232/204-markdown-/346/240/274/345/274/217/347/232/204/346/226/207/347/253/240/theming-example-article.zh-hans-CN.md CHANGED Viewed

@@ -1,6 +1,6 @@
 # 吴乐川的文章默认样式的示例<br><small>——样式均采用 stylus 语言编写</small>
-<p class="document-author">作者：吴乐川</p>
+<p class="article-author">作者：吴乐川</p>
 ---
@@ -197,6 +197,12 @@ CSS Object Model 是一组允许用 JavaScript 操纵 CSS 的 API。 它是继 D
 > 学而时习之 不亦说乎 有朋自远方来 不亦乐乎 人不知而不愠 不亦君子乎
+由上例可以看出，如果引用的文字恰好仅为单一自然段，我故意采用 CSS 选择器识别之，并免去了段首的两个空格。不过，假如引用内容块内的自然段超过一段，则各段首的空格是保留的，除非某自然段的文字排列方案是“居中”或“居右”。即，凡居中或居右者，段首总是没有空格的。见下例。
+> 时间要打多久，我讲我们不要做决定。过去是由杜鲁门，以后是由艾森豪威尔，或者是美国的将来的什么总统，由他们去决定。就是说他们要打多久就打多久！一直打到完全胜利！
+>
+> <p class="texts-align-rightwards">——毛泽东</p>
 如果引用的文字很短，我目前的设计是令它们位于同一行中。例如：
 > circle ['sɜrk(ə)l] <i>n.</i> 圆。
@@ -287,7 +293,7 @@ CSS Object Model 是一组允许用 JavaScript 操纵 CSS 的 API。 它是继 D
 ### 加载失败的插图
-![大美女](./images/beauty.jpg)
+![臭爸爸](./images/beauty.jpg)
 ---

package//346/272/220/344/273/243/347/240/201//345/217/221/345/270/203/347/232/204/346/272/220/344/273/243/347/240/201//346/226/207/347/253/240/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/226/271/346/241/210/351/233/206/javascript/table-of-contents-and-back-to-top-anchor-behaviors.js CHANGED Viewed

@@ -17,7 +17,7 @@ window.atBeginingShouldExpandTOCWhenWindowIsWideEnough = false
     const printDoubleLine = '='.repeat(fullWidth)
     const emailAddress = 'wulechuan@live.com'
-    const timeStamp = '北京时间 2022-05-08'
+    const timeStamp = '北京时间 2022-05-14'
     const welcomeZhHansCN = '欢迎使用吴乐川设计的用于“控制文章目录之交互”的控制器。'
     const welcomeEn = 'Welcome to wulechuan\'s article TOC controller.'
@@ -173,6 +173,7 @@ window.atBeginingShouldExpandTOCWhenWindowIsWideEnough = false
          */
         let tocTogglingButton = document.querySelector(`.${cssClassNameTOCTogglingButton}`)
         /**
@@ -337,7 +338,9 @@ window.atBeginingShouldExpandTOCWhenWindowIsWideEnough = false
     }
 })()
-;(function () {
+;(function 处理各级标题的永固链接于文本之间的空格 () {
     const allH1ToH6Elements = Array.from(
         document.querySelectorAll('h1, h2, h3, h4, h5, h6')
     )

	@@ -1 +1 @@
1	- window.shouldShowOnlyTwoLevelsOfTOCItemsAtMost=!1,window.atBeginingShouldCollapseAllTOCItemsOfLevelsGreaterThan=1,window.atBeginingShouldExpandTOCWhenWindowIsWideEnough=!1,function(){const e=["https://gitee.com/nanchang-wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns.git","https://github.com/wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns.git"],n=e.reduce(((e,n)=>Math.max(e,n.length)),0)+0,t=Math.floor(n/2)+6,o="-".repeat(n),l="=".repeat(n),s="wulechuan@live.com",i="北京时间 2022-05-08",c=[];"中国人——特别是汉族人，理应坚持广泛、规范地使用汉语。凡非必要之情形不说外国话、不用外国字。此乃天经地义！\n然则每当必要，亦不排斥采用外国之语言。不妨博世界之学问，养中国之精神。\n本人亦支持少数民族坚持采用自己民族的传统语言。仍须强调，凡中国人，皆应会用汉语、积极使用汉语，此乃中华各民族之大一统之必由。".split("\n").forEach((e=>{c.push(""),c.push(" "+e.slice(0,t-4));let n=e.slice(t-4);for(;n.length>0;){const e=n.match(/^(，\|。\|！\|，”\|。”\|！”\| 》，\|》。\| 》！\| 》，”\| 》。”\| 》！”)/);if(e){const t=e[1],o=c[c.length-1];c[c.length-1]=o+t,n=n.slice(t.length)}const o=n.slice(0,t);o&&c.push(o),n=n.slice(o.length)}})),console.log(`\n${l}\n\n%c欢迎使用吴乐川设计的用于“控制文章目录之交互”的控制器。%c\n（ Welcome to wulechuan's article TOC controller. ）\n\n${" ".repeat(n-s.length)}${s}\n${" ".repeat(n-i.length-3)}${i}\n\n${o}\n\n${e.join("\n")}\n\n${o}\n${c.join("\n")}\n\n${l}\n\n\n`,["font-family: sans-serif;","font-size: 1.25em;","display: inline-block;","vertical-align: baseline;","color: #000;","text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.51);","background-color: #ffe0be;","border-radius: 3px;","margin: 0.5em 0;","padding: 0.5em 1em 0.5em 1.5em;"].join(""),null);const a="has-nested-toc-list",r="is-collapsed",d="is-expanded",h="markdown-article-toc-toggling-button",u=1e3,m=document.querySelector(".markdown-article");if(!m)return;const f=document.querySelector("nav.markdown-article-toc");if(!f)return;f.classList.toggle("should-show-2-levels-at-most",window.shouldShowOnlyTwoLevelsOfTOCItemsAtMost);const p=document.querySelector(".markdown-article-back-to-top");p&&(p.onclick=function(){if(!k())return;L(!1)}),m.onclick=function(){if(!(window.innerWidth<=u))return;L(!1)};const w=document.body,g=w,y=w;let S;y.classList.add("markdown-article-toc-exists"),function e(n,t){const o=n.querySelector("ol, ul");if(!o)return;t\|\|(t=1);o.classList.add(`toc-list-level-${t}`);Array.prototype.slice.apply(o.children).filter((e=>"li"===e.tagName.toLowerCase())).forEach((n=>{n.tocLevelId=t,n.classList.add(`toc-list-level-${t}-item`),e(n,t+1)}))}(f),function(){let e;if(Array.prototype.slice.apply(f.querySelectorAll("li")).forEach((e=>{if(e.querySelectorAll("li").length>0){const n=e.querySelector("a");e.classList.add(a),e.hasNestedList=!0,e.isCollapsible=!1,e.selfAnchor=n,e.onclick=O}})),window.shouldShowOnlyTwoLevelsOfTOCItemsAtMost){const n=f.querySelector("ol, ul").children;e=n}else e=f.querySelectorAll("li.has-nested-toc-list");Array.prototype.slice.apply(e).forEach((e=>{e.isCollapsible=!0;A(e,e.tocLevelId<=window.atBeginingShouldCollapseAllTOCItemsOfLevelsGreaterThan)}))}(),function(){let e=document.querySelector(`.${h}`);e\|\|(e=document.createElement("button"),e.className=h,g===w?g.insertBefore(e,document.scripts[0]):g.appendChild(e));null===e.onclick&&(e.onclick=v)}();let b="";function v(){L(!S)}function L(e){y.classList.toggle("markdown-article-toc-is-visible",e),S=e}function k(){return window.innerWidth<=600}function O(e){e.stopPropagation();const{srcElement:n}=e,t=this,{selfAnchor:o}=t;if(n!==t&&n!==o)return;const l=o.href;let s="";l.match(/#/)&&(s=`#${l.split("#").pop()}`);const i=!!s&&b!==s;b=s;let c=t.isCollapsible;if(k()&&(c=!1),c){const{classList:e}=t;A(t,e.contains(r)\|\|i)}}function A(e,n){const{classList:t}=e;n?(t.contains(d)\|\|t.add(d),t.contains(r)&&t.remove(r)):(t.contains(r)\|\|t.add(r),t.contains(d)&&t.remove(d))}L(window.atBeginingShouldExpandTOCWhenWindowIsWideEnough&&window.innerWidth>=u)}(),Array.from(document.querySelectorAll("h1, h2, h3, h4, h5, h6")).forEach((e=>{const n=e.querySelector(".header-anchor");if(n){const t=n.nextSibling,o=t.nodeValue;if(/^ /.test(o)){const n=document.createElement("span");n.className="hidden-spacebar-between-head-linkage-and-head-text",n.innerHTML=" ",e.insertBefore(n,t),t.nodeValue=o.slice(1)}}}));
1	+ window.shouldShowOnlyTwoLevelsOfTOCItemsAtMost=!1,window.atBeginingShouldCollapseAllTOCItemsOfLevelsGreaterThan=1,window.atBeginingShouldExpandTOCWhenWindowIsWideEnough=!1,function(){const e=["https://gitee.com/nanchang-wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns.git","https://github.com/wulechuan/wulechuan-css-stylus-themes-for-htmls-via-markdowns.git"],n=e.reduce(((e,n)=>Math.max(e,n.length)),0)+0,t=Math.floor(n/2)+6,o="-".repeat(n),l="=".repeat(n),s="wulechuan@live.com",i="北京时间 2022-05-14",c=[];"中国人——特别是汉族人，理应坚持广泛、规范地使用汉语。凡非必要之情形不说外国话、不用外国字。此乃天经地义！\n然则每当必要，亦不排斥采用外国之语言。不妨博世界之学问，养中国之精神。\n本人亦支持少数民族坚持采用自己民族的传统语言。仍须强调，凡中国人，皆应会用汉语、积极使用汉语，此乃中华各民族之大一统之必由。".split("\n").forEach((e=>{c.push(""),c.push(" "+e.slice(0,t-4));let n=e.slice(t-4);for(;n.length>0;){const e=n.match(/^(，\|。\|！\|，”\|。”\|！”\| 》，\|》。\| 》！\| 》，”\| 》。”\| 》！”)/);if(e){const t=e[1],o=c[c.length-1];c[c.length-1]=o+t,n=n.slice(t.length)}const o=n.slice(0,t);o&&c.push(o),n=n.slice(o.length)}})),console.log(`\n${l}\n\n%c欢迎使用吴乐川设计的用于“控制文章目录之交互”的控制器。%c\n（ Welcome to wulechuan's article TOC controller. ）\n\n${" ".repeat(n-s.length)}${s}\n${" ".repeat(n-i.length-3)}${i}\n\n${o}\n\n${e.join("\n")}\n\n${o}\n${c.join("\n")}\n\n${l}\n\n\n`,["font-family: sans-serif;","font-size: 1.25em;","display: inline-block;","vertical-align: baseline;","color: #000;","text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.51);","background-color: #ffe0be;","border-radius: 3px;","margin: 0.5em 0;","padding: 0.5em 1em 0.5em 1.5em;"].join(""),null);const a="has-nested-toc-list",r="is-collapsed",d="is-expanded",h="markdown-article-toc-toggling-button",u=1e3,m=document.querySelector(".markdown-article");if(!m)return;const f=document.querySelector("nav.markdown-article-toc");if(!f)return;f.classList.toggle("should-show-2-levels-at-most",window.shouldShowOnlyTwoLevelsOfTOCItemsAtMost);const p=document.querySelector(".markdown-article-back-to-top");p&&(p.onclick=function(){if(!k())return;L(!1)}),m.onclick=function(){if(!(window.innerWidth<=u))return;L(!1)};const w=document.body,g=w,y=w;let S;y.classList.add("markdown-article-toc-exists"),function e(n,t){const o=n.querySelector("ol, ul");if(!o)return;t\|\|(t=1);o.classList.add(`toc-list-level-${t}`);Array.prototype.slice.apply(o.children).filter((e=>"li"===e.tagName.toLowerCase())).forEach((n=>{n.tocLevelId=t,n.classList.add(`toc-list-level-${t}-item`),e(n,t+1)}))}(f),function(){let e;if(Array.prototype.slice.apply(f.querySelectorAll("li")).forEach((e=>{if(e.querySelectorAll("li").length>0){const n=e.querySelector("a");e.classList.add(a),e.hasNestedList=!0,e.isCollapsible=!1,e.selfAnchor=n,e.onclick=O}})),window.shouldShowOnlyTwoLevelsOfTOCItemsAtMost){const n=f.querySelector("ol, ul").children;e=n}else e=f.querySelectorAll("li.has-nested-toc-list");Array.prototype.slice.apply(e).forEach((e=>{e.isCollapsible=!0;A(e,e.tocLevelId<=window.atBeginingShouldCollapseAllTOCItemsOfLevelsGreaterThan)}))}(),function(){let e=document.querySelector(`.${h}`);e\|\|(e=document.createElement("button"),e.className=h,g===w?g.insertBefore(e,document.scripts[0]):g.appendChild(e));null===e.onclick&&(e.onclick=v)}();let b="";function v(){L(!S)}function L(e){y.classList.toggle("markdown-article-toc-is-visible",e),S=e}function k(){return window.innerWidth<=600}function O(e){e.stopPropagation();const{srcElement:n}=e,t=this,{selfAnchor:o}=t;if(n!==t&&n!==o)return;const l=o.href;let s="";l.match(/#/)&&(s=`#${l.split("#").pop()}`);const i=!!s&&b!==s;b=s;let c=t.isCollapsible;if(k()&&(c=!1),c){const{classList:e}=t;A(t,e.contains(r)\|\|i)}}function A(e,n){const{classList:t}=e;n?(t.contains(d)\|\|t.add(d),t.contains(r)&&t.remove(r)):(t.contains(r)\|\|t.add(r),t.contains(d)&&t.remove(d))}L(window.atBeginingShouldExpandTOCWhenWindowIsWideEnough&&window.innerWidth>=u)}(),Array.from(document.querySelectorAll("h1, h2, h3, h4, h5, h6")).forEach((e=>{const n=e.querySelector(".header-anchor");if(n){const t=n.nextSibling,o=t.nodeValue;if(/^ /.test(o)){const n=document.createElement("span");n.className="hidden-spacebar-between-head-linkage-and-head-text",n.innerHTML=" ",e.insertBefore(n,t),t.nodeValue=o.slice(1)}}}));

package//346/272/220/344/273/243/347/240/201//345/217/221/345/270/203/347/232/204/346/272/220/344/273/243/347/240/201//346/226/207/347/253/240/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/226/271/346/241/210/351/233/206//345/261/202/345/217/240/346/240/267/345/274/217/350/241/250/wulechuan-styles-for-html-via-markdown--firefox-addon.default.css CHANGED Viewed

@@ -14,7 +14,7 @@
  *
  *                                          吾乃南昌吴乐川是也
  *                                          wulechuan@live.com
- *                                                  2022-05-08
+ *                                                  2022-05-14
  *
  *
  *
@@ -131,53 +131,98 @@ h4,
 h5,
 h6,
 dt {
-  text-align: justify;
-  margin-left: -0.5em;
-  margin-right: -0.5em;
-  padding-left: 0.5em;
-  padding-right: 0.5em;
+  border-width: 0;
   cursor: text;
+  text-indent: 0;
 }
-h1 {
-  font-size: 2.75em;
-  line-height: 1.667;
-  padding-top: 0.5em;
-  padding-bottom: 0.5em;
-  margin-top: 3em;
-  margin-bottom: 1em;
+h1,
+h2 {
+  margin-left: 0;
+  margin-right: 0;
+  padding-left: 0.75em;
+  padding-right: 0.75em;
+  text-align: center;
 }
 h1 p,
-h1 small {
+h2 p,
+h1 small,
+h2 small {
   font-size: 0.667em;
   display: flex;
   flex-direction: row;
   justify-content: center;
-  text-align: left;
+  text-align: justify;
   line-height: 1.33;
-  margin-top: 1em;
+  margin-top: 0.5em;
 }
 h1 small p,
-h1 p small {
+h2 small p,
+h1 p small,
+h2 p small {
   font-size: 100%;
 }
+[lang*="zh-" i] h1,
+[lang*="-hans" i] h1,
+[lang*="-CN" i] h1,
+[lang*="zh-"] h1,
+[lang*="-hans"] h1,
+[lang*="-CN"] h1,
+[lang*="zh-" i] h2,
+[lang*="-hans" i] h2,
+[lang*="-CN" i] h2,
+[lang*="zh-"] h2,
+[lang*="-hans"] h2,
+[lang*="-CN"] h2 {
+  letter-spacing: 0.1em;
+}
 [lang*="zh-" i] h1 small,
 [lang*="-hans" i] h1 small,
 [lang*="-CN" i] h1 small,
 [lang*="zh-"] h1 small,
 [lang*="-hans"] h1 small,
 [lang*="-CN"] h1 small,
+[lang*="zh-" i] h2 small,
+[lang*="-hans" i] h2 small,
+[lang*="-CN" i] h2 small,
+[lang*="zh-"] h2 small,
+[lang*="-hans"] h2 small,
+[lang*="-CN"] h2 small,
 [lang*="zh-" i] h1 p,
 [lang*="-hans" i] h1 p,
 [lang*="-CN" i] h1 p,
 [lang*="zh-"] h1 p,
 [lang*="-hans"] h1 p,
-[lang*="-CN"] h1 p {
+[lang*="-CN"] h1 p,
+[lang*="zh-" i] h2 p,
+[lang*="-hans" i] h2 p,
+[lang*="-CN" i] h2 p,
+[lang*="zh-"] h2 p,
+[lang*="-hans"] h2 p,
+[lang*="-CN"] h2 p {
   text-indent: -2.7em;
   margin-left: 3.7em;
 }
+h3,
+h4,
+h5,
+h6 {
+  text-align: justify;
+  margin-left: -0.75em;
+  margin-right: -0.75em;
+  padding-left: 0.75em;
+  padding-right: 0.75em;
+}
+h1 {
+  font-size: 2.75em;
+  line-height: 1.333;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+  margin-top: 3em;
+  margin-bottom: 1em;
+}
 h2 {
   font-size: 2.2em;
-  line-height: 1.667;
+  line-height: 1.333;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   margin-top: 4em;
@@ -185,7 +230,7 @@ h2 {
 }
 h3 {
   font-size: 1.75em;
-  line-height: 1.667;
+  line-height: 1.333;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   margin-top: 3.5em;
@@ -193,7 +238,7 @@ h3 {
 }
 h4 {
   font-size: 1.33em;
-  line-height: 1.667;
+  line-height: 1.333;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   margin-top: 3em;
@@ -201,7 +246,7 @@ h4 {
 }
 h5 {
   font-size: 1.2em;
-  line-height: 1.667;
+  line-height: 1.333;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   margin-top: 3em;
@@ -210,42 +255,24 @@ h5 {
 h6,
 dt {
   font-size: 1.1em;
-  line-height: 1.667;
+  line-height: 1.333;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   margin-top: 1.5em;
   margin-bottom: 0.75em;
 }
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
 dt {
-  padding-top: 0.25em;
-  padding-bottom: 0.25em;
-  border-width: 0;
-}
-[lang*="zh-" i] h1,
-[lang*="-hans" i] h1,
-[lang*="-CN" i] h1,
-[lang*="zh-"] h1,
-[lang*="-hans"] h1,
-[lang*="-CN"] h1,
-[lang*="zh-" i] h2,
-[lang*="-hans" i] h2,
-[lang*="-CN" i] h2,
-[lang*="zh-"] h2,
-[lang*="-hans"] h2,
-[lang*="-CN"] h2 {
-  letter-spacing: 0.1em;
+  text-align: justify;
+  margin-left: -0.5em;
+  margin-right: -0.5em;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
 }
 h5 + h6,
 h4 + h5,
 h3 + h4,
 h2 + h3 {
-  margin-top: 0.5em;
+  margin-top: -1em;
 }
 blockquote > h6,
 th > h6,
@@ -284,10 +311,56 @@ th > h1 ~ p:last-child,
 td > h1 ~ p:last-child {
   margin-bottom: 1.25em;
 }
+blockquote > h6,
+[lang*="zh-" i] blockquote > h6,
+[lang*="-hans" i] blockquote > h6,
+[lang*="-CN" i] blockquote > h6,
+[lang*="zh-"] blockquote > h6,
+[lang*="-hans"] blockquote > h6,
+[lang*="-CN"] blockquote > h6,
+blockquote > h5,
+[lang*="zh-" i] blockquote > h5,
+[lang*="-hans" i] blockquote > h5,
+[lang*="-CN" i] blockquote > h5,
+[lang*="zh-"] blockquote > h5,
+[lang*="-hans"] blockquote > h5,
+[lang*="-CN"] blockquote > h5,
+blockquote > h4,
+[lang*="zh-" i] blockquote > h4,
+[lang*="-hans" i] blockquote > h4,
+[lang*="-CN" i] blockquote > h4,
+[lang*="zh-"] blockquote > h4,
+[lang*="-hans"] blockquote > h4,
+[lang*="-CN"] blockquote > h4,
+blockquote > h3,
+[lang*="zh-" i] blockquote > h3,
+[lang*="-hans" i] blockquote > h3,
+[lang*="-CN" i] blockquote > h3,
+[lang*="zh-"] blockquote > h3,
+[lang*="-hans"] blockquote > h3,
+[lang*="-CN"] blockquote > h3,
+blockquote > h2,
+[lang*="zh-" i] blockquote > h2,
+[lang*="-hans" i] blockquote > h2,
+[lang*="-CN" i] blockquote > h2,
+[lang*="zh-"] blockquote > h2,
+[lang*="-hans"] blockquote > h2,
+[lang*="-CN"] blockquote > h2,
+blockquote > h1,
+[lang*="zh-" i] blockquote > h1,
+[lang*="-hans" i] blockquote > h1,
+[lang*="-CN" i] blockquote > h1,
+[lang*="zh-"] blockquote > h1,
+[lang*="-hans"] blockquote > h1,
+[lang*="-CN"] blockquote > h1 {
+  margin-left: -0.75em;
+  margin-right: -0.75em;
+  padding-left: 0.75em;
+  padding-right: 0.75em;
+}
 p {
   cursor: text;
   text-align: justify;
-  line-height: 1.8;
   padding-top: 0.25em;
   padding-bottom: 0.25em;
   padding-left: 0.5em;
@@ -303,6 +376,19 @@ blockquote > p {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
 }
+blockquote > p:first-child {
+  margin-top: 1em;
+}
+blockquote > p:last-child {
+  margin-bottom: 0.75em;
+}
+blockquote > p:only-of-type {
+  text-indent: 0;
+  margin-top: 0.25em;
+  margin-bottom: 0.25em;
+  margin-left: 0;
+  margin-right: 0;
+}
 li > p {
   margin-left: -0.5em;
   margin-right: -0.5em;
@@ -383,6 +469,7 @@ img {
   border-style: none;
   margin: 0.5em auto 1em auto;
   text-align: center;
+  text-indent: 0;
   font-size: 100%;
   white-space: normal;
   word-break: break-word;
@@ -454,7 +541,7 @@ blockquote {
   display: inline-block;
   vertical-align: top;
   border-style: solid;
-  padding: 1px 1.25em 1px 1.1em;
+  padding: 0.25em 1.5em 0.25em 1em;
   margin-top: 0;
   margin-bottom: 1.5em;
   margin-left: 2.5em;
@@ -625,7 +712,6 @@ label[for] {
 li,
 dd {
   text-align: justify;
-  line-height: 1.8;
 }
 li {
   margin: 1em 0;
@@ -727,7 +813,12 @@ hr::after {
 }
 @media (max-width: 600px) {
   h1,
-  h2,
+  h2 {
+    text-align: justify;
+    padding-left: 1.2em;
+    margin-left: -0.5em;
+    margin-right: -0.5em;
+  }
   h3,
   h4,
   h5,
@@ -798,8 +889,11 @@ hr::after {
   scroll-behavior: smooth;
 }
 .markdownRoot {
-  line-height: 1.6;
-  padding: 6em 4em 14em 4em;
+  line-height: 1.8;
+  padding-top: 6em;
+  padding-bottom: 14em;
+  padding-left: 4em;
+  padding-right: 4em;
   max-width: 51em;
   min-height: 60em;
   margin: 0 auto;
@@ -808,26 +902,49 @@ hr::after {
 .markdownRoot > h1:first-child {
   margin-top: 1em;
 }
-.markdown-article-toc-is-visible .markdownRoot {
-  padding-left: 3em;
-  padding-right: 3em;
-}
-.document-author {
+.author,
+.document-author,
+.article-author {
   text-indent: 0;
   text-align: center;
 }
+.text-centered,
 .centered {
   text-indent: 0;
   text-align: center;
 }
+.align-rightwards,
+.text-align-rightwards,
+.texts-align-rightwards {
+  text-indent: 0;
+  text-align: right;
+}
+[lang*="zh-" i] .author,
+[lang*="-hans" i] .author,
+[lang*="-CN" i] .author,
+[lang*="zh-"] .author,
+[lang*="-hans"] .author,
+[lang*="-CN"] .author,
 [lang*="zh-" i] .document-author,
 [lang*="-hans" i] .document-author,
 [lang*="-CN" i] .document-author,
 [lang*="zh-"] .document-author,
 [lang*="-hans"] .document-author,
-[lang*="-CN"] .document-author {
+[lang*="-CN"] .document-author,
+[lang*="zh-" i] .article-author,
+[lang*="-hans" i] .article-author,
+[lang*="-CN" i] .article-author,
+[lang*="zh-"] .article-author,
+[lang*="-hans"] .article-author,
+[lang*="-CN"] .article-author {
   text-indent: 0;
 }
+[lang*="zh-" i] .text-centered,
+[lang*="-hans" i] .text-centered,
+[lang*="-CN" i] .text-centered,
+[lang*="zh-"] .text-centered,
+[lang*="-hans"] .text-centered,
+[lang*="-CN"] .text-centered,
 [lang*="zh-" i] .centered,
 [lang*="-hans" i] .centered,
 [lang*="-CN" i] .centered,
@@ -836,6 +953,26 @@ hr::after {
 [lang*="-CN"] .centered {
   text-indent: 0;
 }
+[lang*="zh-" i] .align-rightwards,
+[lang*="-hans" i] .align-rightwards,
+[lang*="-CN" i] .align-rightwards,
+[lang*="zh-"] .align-rightwards,
+[lang*="-hans"] .align-rightwards,
+[lang*="-CN"] .align-rightwards,
+[lang*="zh-" i] .text-align-rightwards,
+[lang*="-hans" i] .text-align-rightwards,
+[lang*="-CN" i] .text-align-rightwards,
+[lang*="zh-"] .text-align-rightwards,
+[lang*="-hans"] .text-align-rightwards,
+[lang*="-CN"] .text-align-rightwards,
+[lang*="zh-" i] .texts-align-rightwards,
+[lang*="-hans" i] .texts-align-rightwards,
+[lang*="-CN" i] .texts-align-rightwards,
+[lang*="zh-"] .texts-align-rightwards,
+[lang*="-hans"] .texts-align-rightwards,
+[lang*="-CN"] .texts-align-rightwards {
+  text-indent: 0;
+}
 .hidden-spacebar-between-head-linkage-and-head-text {
   display: inline-block;
   width: 1px;
@@ -845,7 +982,7 @@ hr::after {
 }
 .header-anchor,
 a.header-anchor {
-  margin-top: -0.2em;
+  margin-top: -0.1667em;
   margin-bottom: 0em;
   margin-left: -1.65em;
   margin-right: 0.15em;
@@ -1192,13 +1329,9 @@ body {
 }
 h1 {
   font-weight: 400;
-  text-indent: 0;
-  text-align: center;
 }
 h2 {
   font-weight: 400;
-  text-indent: 0;
-  text-align: center;
 }
 h3 {
   font-weight: 400;