[
  {
    "path": ".gitignore",
    "content": ".DS_Store\n.idea/\n\n"
  },
  {
    "path": "LICENSE",
    "content": "                                 Apache License\n                           Version 2.0, January 2004\n                        http://www.apache.org/licenses/\n\nTERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n1. Definitions.\n\n   \"License\" shall mean the terms and conditions for use, reproduction,\n   and distribution as defined by Sections 1 through 9 of this document.\n\n   \"Licensor\" shall mean the copyright owner or entity authorized by\n   the copyright owner that is granting the License.\n\n   \"Legal Entity\" shall mean the union of the acting entity and all\n   other entities that control, are controlled by, or are under common\n   control with that entity. For the purposes of this definition,\n   \"control\" means (i) the power, direct or indirect, to cause the\n   direction or management of such entity, whether by contract or\n   otherwise, or (ii) ownership of fifty percent (50%) or more of the\n   outstanding shares, or (iii) beneficial ownership of such entity.\n\n   \"You\" (or \"Your\") shall mean an individual or Legal Entity\n   exercising permissions granted by this License.\n\n   \"Source\" form shall mean the preferred form for making modifications,\n   including but not limited to software source code, documentation\n   source, and configuration files.\n\n   \"Object\" form shall mean any form resulting from mechanical\n   transformation or translation of a Source form, including but\n   not limited to compiled object code, generated documentation,\n   and conversions to other media types.\n\n   \"Work\" shall mean the work of authorship, whether in Source or\n   Object form, made available under the License, as indicated by a\n   copyright notice that is included in or attached to the work\n   (an example is provided in the Appendix below).\n\n   \"Derivative Works\" shall mean any work, whether in Source or Object\n   form, that is based on (or derived from) the Work and for which the\n   editorial revisions, annotations, elaborations, or other modifications\n   represent, as a whole, an original work of authorship. For the purposes\n   of this License, Derivative Works shall not include works that remain\n   separable from, or merely link (or bind by name) to the interfaces of,\n   the Work and Derivative Works thereof.\n\n   \"Contribution\" shall mean any work of authorship, including\n   the original version of the Work and any modifications or additions\n   to that Work or Derivative Works thereof, that is intentionally\n   submitted to Licensor for inclusion in the Work by the copyright owner\n   or by an individual or Legal Entity authorized to submit on behalf of\n   the copyright owner. For the purposes of this definition, \"submitted\"\n   means any form of electronic, verbal, or written communication sent\n   to the Licensor or its representatives, including but not limited to\n   communication on electronic mailing lists, source code control systems,\n   and issue tracking systems that are managed by, or on behalf of, the\n   Licensor for the purpose of discussing and improving the Work, but\n   excluding communication that is conspicuously marked or otherwise\n   designated in writing by the copyright owner as \"Not a Contribution.\"\n\n   \"Contributor\" shall mean Licensor and any individual or Legal Entity\n   on behalf of whom a Contribution has been received by Licensor and\n   subsequently incorporated within the Work.\n\n2. Grant of Copyright License. Subject to the terms and conditions of\n   this License, each Contributor hereby grants to You a perpetual,\n   worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n   copyright license to reproduce, prepare Derivative Works of,\n   publicly display, publicly perform, sublicense, and distribute the\n   Work and such Derivative Works in Source or Object form.\n\n3. Grant of Patent License. Subject to the terms and conditions of\n   this License, each Contributor hereby grants to You a perpetual,\n   worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n   (except as stated in this section) patent license to make, have made,\n   use, offer to sell, sell, import, and otherwise transfer the Work,\n   where such license applies only to those patent claims licensable\n   by such Contributor that are necessarily infringed by their\n   Contribution(s) alone or by combination of their Contribution(s)\n   with the Work to which such Contribution(s) was submitted. If You\n   institute patent litigation against any entity (including a\n   cross-claim or counterclaim in a lawsuit) alleging that the Work\n   or a Contribution incorporated within the Work constitutes direct\n   or contributory patent infringement, then any patent licenses\n   granted to You under this License for that Work shall terminate\n   as of the date such litigation is filed.\n\n4. Redistribution. You may reproduce and distribute copies of the\n   Work or Derivative Works thereof in any medium, with or without\n   modifications, and in Source or Object form, provided that You\n   meet the following conditions:\n\n   (a) You must give any other recipients of the Work or\n   Derivative Works a copy of this License; and\n\n   (b) You must cause any modified files to carry prominent notices\n   stating that You changed the files; and\n\n   (c) You must retain, in the Source form of any Derivative Works\n   that You distribute, all copyright, patent, trademark, and\n   attribution notices from the Source form of the Work,\n   excluding those notices that do not pertain to any part of\n   the Derivative Works; and\n\n   (d) If the Work includes a \"NOTICE\" text file as part of its\n   distribution, then any Derivative Works that You distribute must\n   include a readable copy of the attribution notices contained\n   within such NOTICE file, excluding those notices that do not\n   pertain to any part of the Derivative Works, in at least one\n   of the following places: within a NOTICE text file distributed\n   as part of the Derivative Works; within the Source form or\n   documentation, if provided along with the Derivative Works; or,\n   within a display generated by the Derivative Works, if and\n   wherever such third-party notices normally appear. The contents\n   of the NOTICE file are for informational purposes only and\n   do not modify the License. You may add Your own attribution\n   notices within Derivative Works that You distribute, alongside\n   or as an addendum to the NOTICE text from the Work, provided\n   that such additional attribution notices cannot be construed\n   as modifying the License.\n\n   You may add Your own copyright statement to Your modifications and\n   may provide additional or different license terms and conditions\n   for use, reproduction, or distribution of Your modifications, or\n   for any such Derivative Works as a whole, provided Your use,\n   reproduction, and distribution of the Work otherwise complies with\n   the conditions stated in this License.\n\n5. Submission of Contributions. Unless You explicitly state otherwise,\n   any Contribution intentionally submitted for inclusion in the Work\n   by You to the Licensor shall be under the terms and conditions of\n   this License, without any additional terms or conditions.\n   Notwithstanding the above, nothing herein shall supersede or modify\n   the terms of any separate license agreement you may have executed\n   with Licensor regarding such Contributions.\n\n6. Trademarks. This License does not grant permission to use the trade\n   names, trademarks, service marks, or product names of the Licensor,\n   except as required for reasonable and customary use in describing the\n   origin of the Work and reproducing the content of the NOTICE file.\n\n7. Disclaimer of Warranty. Unless required by applicable law or\n   agreed to in writing, Licensor provides the Work (and each\n   Contributor provides its Contributions) on an \"AS IS\" BASIS,\n   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\n   implied, including, without limitation, any warranties or conditions\n   of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A\n   PARTICULAR PURPOSE. You are solely responsible for determining the\n   appropriateness of using or redistributing the Work and assume any\n   risks associated with Your exercise of permissions under this License.\n\n8. Limitation of Liability. In no event and under no legal theory,\n   whether in tort (including negligence), contract, or otherwise,\n   unless required by applicable law (such as deliberate and grossly\n   negligent acts) or agreed to in writing, shall any Contributor be\n   liable to You for damages, including any direct, indirect, special,\n   incidental, or consequential damages of any character arising as a\n   result of this License or out of the use or inability to use the\n   Work (including but not limited to damages for loss of goodwill,\n   work stoppage, computer failure or malfunction, or any and all\n   other commercial damages or losses), even if such Contributor\n   has been advised of the possibility of such damages.\n\n9. Accepting Warranty or Additional Liability. While redistributing\n   the Work or Derivative Works thereof, You may choose to offer,\n   and charge a fee for, acceptance of support, warranty, indemnity,\n   or other liability obligations and/or rights consistent with this\n   License. However, in accepting such obligations, You may act only\n   on Your own behalf and on Your sole responsibility, not on behalf\n   of any other Contributor, and only if You agree to indemnify,\n   defend, and hold each Contributor harmless for any liability\n   incurred by, or claims asserted against, such Contributor by reason\n   of your accepting any such warranty or additional liability.\n\nEND OF TERMS AND CONDITIONS\n\nAPPENDIX: How to apply the Apache License to your work.\n\n      To apply the Apache License to your work, attach the following\n      boilerplate notice, with the fields enclosed by brackets \"[]\"\n      replaced with your own identifying information. (Don't include\n      the brackets!)  The text should be enclosed in the appropriate\n      comment syntax for the file format. We also recommend that a\n      file or class name and description of purpose be included on the\n      same \"printed page\" as the copyright notice for easier\n      identification within third-party archives.\n\nCopyright [cayxc]\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n       http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n"
  },
  {
    "path": "Mdmdt主题演示demo.md",
    "content": "# 关于Mdmdt主题\n**Mdmdt **是 markdown minimalism document theme 的缩写，意为: **Markdown极简文档主题**。\n**Mdmdt**[^1]是深度定制的个性化Typora主题，其目的是打造一个**清爽极简**的文档样式。\n\n> [!NOte]\n>\n> **注意：**mdmdt.css 文件中包含了亮色和暗色两者主题，会跟随系统模式自动切换亮暗主题。 `This is a single line code style`\n>\n> **Attention:** The MDMDT.CSS file contains both light and dark themes, which will automatically switch between light and dark themes according to the system mode.\n\n# 文本\n这是一段正文内容样式，以下是不同文本样式效果：**这是加粗文本样式**, <u>这是下划线样式</u>, *这是斜体字样式*,  [这是超链接样式: https://github.com/cayxc/mdmdt](https://github.com/cayxc/mdmdt),  `This is a single line code style`,  ~~这是删除线效果样式~~,  ==这是文字高亮效果==，上下标样式: $\\LaTeX$, X^2^, H~2~O, <span style='background:var(--color-2-0-c)'> 这是鼠标选中效果 </span>,  键盘键样式：<kbd>Command+Q</kbd> 🐳 😀 🇨🇳\n\nThis is a text content style and the following are the effects of different text styles: **This is a bold text style**,  [This is a hyperlink style: https://github.com/cayxc/mdmdt](https://github.com/cayxc/mdmdt), *This is the italic font style*, ~~This is the strikethrough effect style~~, <u>This is the underline style</u>, `This is a single line code style`,  keyboard key style: <kbd>Command+Q</kbd>,  $\\LaTeX$ X^2^H~2~O, ==This is the text highlighting effect==, <span style='background:var(--color-2-0-c)'>This is the mouse selection effect</span>  🐳 😀 🇨🇳\n\n<!-- 这是注释内容......, This is the annotation content -->\n\n# 数学公式\n\n直接使用公式：\n$$\n\\begin{aligned} I &=\\int_0^{ct}\\frac{r}{\\sqrt{c^2t^2 -r^2}}\\int_0^{2\\pi} m^2(m+n) d\\theta dr\\&=\\int_0^{ct}\\frac{r}{\\sqrt{c^2t^2 -r^2}}\\end{aligned}\n$$\n$$ 代入公式得到： $$ $$u(t,x,y) = (3x+y) c^2 t^2 + x^2(x+y)$$\n\n$$\nu(t,x,y) = \\frac{1}{2\\pi c} \\frac{\\part}{\\part t} \\iint\\limits_{r<ct} \\frac{m^2(m+n)}{\\sqrt{c^2t^2 -r^2 }}dmdn\n$$\n\n# 列表\n\n这些是列表样式效果:\n\n\n1. 这是有序列表 A\n2. 这是有序列表 B\n\n- This is Item 1.\n- This is Item 2.\n- [x] Something is Not TODO.\n- [ ] Something is DONE.\n---\n\n1. 这是有序列表 A\n2. 这是有序列表 B\n    1. 这是有序列表 A\n    2. 这是有序列表 B\n\n- This is Item 1.\n- This is Item 2.\n    - This is Item 1.\n    - This is Item 2.\n\n---\n这是嵌套列表样式：\n\n1. 这是有序列表 A\n2. 这是有序列表 B\n    - This is Item 1.\n    - This is Item 2.\n        - [x] Something is Not TODO.\n        - [ ] Something is DONE.\n\n- 这是有序列表 A\n- 这是有序列表 B\n    1. This is Item 1.\n    2. This is Item 2.\n        - [ ] Something is Not TODO.\n        - [x] Something is DONE.\n\n# 代码\n\n单行代码样式：`composer require --dev barryvdh/laravel-ide-helper`\n\n大段代码块样式：\n\n```javascript\n/**\n  * ----------------------------------------\n  * 设置递增的 level 编号\n  * ----------------------------------------\n  * @param tag obj 标签对象\n  */\nsetLevelNumber(tag){\n   try {\n     if ((typeof tag) != 'object') {\n       throw 'setLevelNumber() 调用时参数类型错误，必须是一个h标签的对象集合！';\n     }\n     let str = tag.id;\n     if (str.lastIndexOf('.') == -1) { //如果是一级目录形式 level-1000\n       let newValue = parseInt(str.slice(6)) + 1;\n       return 'level-' + newValue;\n     }\n   } catch (err) {\n     return err;\n   }\n}\n```\n\n# 表格样式\n\n| Left-Aligned            |                Center Aligned                | Right Aligned |\n| :---------------------- | :------------------------------------------: | ------------: |\n| This is the first line  | `this is code` some wordy text and some code |          $160 |\n| This is the second line |      some code: `this is code` centered      |      $1200.99 |\n| This is the third line  |             These are some texts             |        $125.5 |\n\n# 引用文本框\n\n> [!NOTE]\n>\n> This is a Note text box ...... `this is code style`\n>\n> > This is a Note text box ......\n\n> [!TIP]\n>\n> - `this is code` This is a Tip text box ......\n>\n> - ```bash\n>  these are  codes...\n>   ...\n>   ```\n>\n> - This is a Tip text box ......\n>\n> 1. This is itemA\n> 1. This is itemB\n> 1. This is itemC\n\n> [!IMPORTANT]\n>\n> This is a Important text box ......\n>\n\n> [!WARNING]\n>\n> This is a Warning text box ......\n\n> [!CAUTION]\n>\n> `this is  code` This is a Caution text box ......\n\n# 个性化图文布局\n## 单张图片\n<img src=\"./img/mdmdt.png\" />\n\n\n\n## 多图并排\n\n图片的个性化排列使用方式是将图片放到一个容器中，该容器为 `<section>`  标签，如下所示:\n\n1. 直接输入`<section>` 然后回车，如下：\n\n2. ```html\n   <section>\n            \n   </section>\n   ```\n\n3. 在 `<section>` 标签中插入图片，如下：\n\n4. ```html\n   <section>\n     <!-- 想要几张图并排，就在此处插入几个 <img> 标签: <img src=\"图片的相对路径/绝对路径\"></img> -->   \n     <img src=\"./img/mdmdt-code.png\"></img>\n     <img src=\"./img/mdmdt-source.png\" style=\"width: 200px\"></img> <!-- 单独设置图片的宽度为200px -->\n     <img src=\"./img/mdmdt-title.png\"></img>\n   </section>\n   ```\n\n**效果预览**：\n\n<section>\n <img src=\"./img/mdmdt-math.png\"></img>\n <img src=\"./img/mdmdt-list.png\"></img>\n</section>\n\n---\n\n<section>\n <img src=\"./img/mdmdt-code.png\"></img>\n <img src=\"./img/mdmdt-ui-1.png\" style=\"width: 200px\"></img>\n <img src=\"./img/mdmdt-title.png\"></img>\n</section>\n\n---\n\n\n\n## 多张图其他排列方式\n\n一张大图在左，多张小图在右的图片排列，如下：\n\n```html\n<!-- 一张大图在左，多张小图在右 -->\n<section> \n  <img src=\"./img/mdmdt-ui-1.png\"></img> <!-- 这是第1列 -->\n  <span style=\"width: 240px\">  <!-- 这是第2列 -->\n     <img src=\"./img/mdmdt-ui-2.png\"></img>\n \t <img src=\"./img/mdmdt-code.png\"></img>\n\t <img src=\"./img/mdtht-dark.png\"></img>\n  </span>\n</section>\n```\n**效果预览**：\n\n<section>\n <img src=\"./img/mdtht-light.png\"></img>\n <span style=\"width: 240px\">\n    <img src=\"./img/mdmdt-ui-1.png\"></img>\n \t<img src=\"./img/mdmdt-code.png\"></img>\n\t<img src=\"./img/mdtht-dark.png\"></img>\n </span>\n</section>\n\n---\n\n一张大图在右，多张小图在左的图片排列，如下：\n\n```html\n<!-- 一张大图在右，多张小图在左 -->\n<section> \n <span style=\"width: 240px\"> <!-- 这是第1列 -->\n    <img src=\"./img/mdmdt-ui-2.png\"></img>\n \t<img src=\"./img/mdmdt-code.png\"></img>\n\t<img src=\"./img/mdtht-dark.png\"></img>\n </span>\n <img src=\"./img/mdmdt-ui-1.png\"></img> <!-- 这是第2列 -->\n</section>\n```\n**效果预览**：\n\n<section> \n <span style=\"width: 240px\">\n    <img src=\"./img/mdmdt-ui-1.png\"></img>\n    <img src=\"./img/mdmdt-ui-2.png\"></img>\n\t<img src=\"./img/mdtht-dark.png\"></img>\n </span>\n <img src=\"./img/mdtht-light.png\"></img>\n</section>\n\n\n## 图文并排\n\n图文的个性化排列使用方式是将图片和文字放到一个容器中，该容器为 `<section>`  标签，如下所示:\n\n1. 直接输入 `<section>` 然后回车，如下：\n\n2. ```html\n   <section>\n            \n   </section>\n   ```\n\n3. 在 `<section>` 标签中插入图片和文字，如下：\n\n4. ```html\n   <!-- 图片和单段文字排列示例 -->\n   <section>\n       <img src=\"./img/mdmdt-title.png\"></img>  <!-- 这是第1列 -->\n   \t<span>这是文字在右，图片在左，图片和文字各占总宽度的50%的图文并排的样式。</span> <!-- 这是第2列 -->\n   </section>\n   \n   \n   <!-- 图片和单段文字排列示例 -->\n   <section>\n   \t<span>这是文字在左，图片在右，图片和文字各占总宽度的50%的图文并排的样式。</span> \n       <img src=\"./img/mdmdt-title.png\"></img>  \n   </section>\n   \n   \n   <!-- 图片和多段文字排列示例 -->\n   <section>\n       <img src=\"./img/mdmdt-title.png\"></img> <!-- 这是第1列 -->\n       <span style=\"width: 150px\">  <!-- 这是第2列，且单独设置该列的宽度为150px -->\n           <span>这是多段文字......</span> \n           <span>这是文字在右，图片在左，图片和文字各占总宽度的50%的图文并排的样式。</span>\n           <span>这是多段文字......</span> \n   \t</span>\n   </section>\n   \n   \n   <!-- 图片居中，文字在两边的排列示例 -->\n   <section>\n       <span>这是第1列，这是图片居中，文字在两边的样式</span> <!-- 这是第1列 -->\n       <img src=\"./img/mdtht-dark.png\"></img>  <!-- 这是第2列, 单独设置图片的宽度为200px -->\n   \t<span>这是第3列，列的宽度比第1列小</span>          <!-- 这是第3列 -->\n   </section>\n   ```\n\n**效果预览**：\n\n<section>\n    <img src=\"./img/mdmdt-title.png\"></img> \n\t<span>这是单段文字，文字在右，图片在左，图片和文字各占总宽度的50%的图文并排的样式。</span> \n</section>\n\n---\n\n<section>\n\t<span>这是单段文字，文字在左，图片在右，图片和文字各占总宽度的50%的图文并排的样式。</span> <!-- 这是第1列 -->\n    <img src=\"./img/mdmdt-title.png\"></img>  <!-- 这是第2列 -->\n</section>\n\n---\n\n<section>\n    <img src=\"./img/mdmdt-title.png\"></img>\n    <span>\n        <span>这是多段文字......</span>\n        <span>这是文字在右，图片在左，图片和文字各占总宽度的50%的图文并排的样式。</span>\n        <span>这是多段文字......</span>\n\t</span>\n</section>\n\n---\n\n<section>\n    <span>这是第1列内容<br>这是图片居中，两边是文字，且两边文字设置相同宽度的样式</span> <!-- 这是第1列 -->\n    <img src=\"./img/mdtht-dark.png\"></img> <!-- 这是第2列 -->\n\t<span>这是第3列内容<br>这是图片居中，两边是文字，且两边文字设置相同宽度的样式</span> <!-- 这是第3列 -->\n</section>\n\n\n\n\n<section>\n    <span>这是中间是图片，两边是文字的图文样式<br>需要注意：该列文字内容较多，且未设置宽度。<strong>列的宽度比第3列大</strong></span>\n    <img src=\"./img/mdtht-dark.png\"></img>\n\t<span>这是第3列内容</span>\n</section>\n\n\n---\n\n图片和文字，图片设置宽度示例：\n\n```html\n<!-- 这是文字在右，图片在左的示例 -->\n<section>\n   <img src=\"./img/mdmdt-title.png\" style=\"width:200px\"></img>\n   <span>这是文字在右，图片在左，且设置图片的宽度（如图片宽可以设置为：200px）的图文并排的样式。</span>\n</section>\n\n<!-- 这是文字在左，图片在右的示例 -->\n<section>\n    <span>这是文字在左，图片在右，设置图片宽度为 200px 的图文并排的样式！</span>\n    <img src=\"./img/mdmdt-title.png\" style=\"width:200px\"></img>\n</section>\n```\n**效果预览**：\n\n---\n\n<section>\n   <img src=\"./img/mdmdt-title.png\" style=\"width:200px\"></img>\n   <span>这是文字在右，图片在左，且设置图片宽度（如图片宽可以设置为：200px）的图文并排的样式。</span>\n</section>\n\n<section>\n    <span>这是文字在左，图片在右，且设置图片宽度为 200px 的图文并排的样式！</span>\n    <img src=\"./img/mdmdt-title.png\" style=\"width:200px\"></img>\n</section>\n\n\n\n---\n\n> [!Important]\n>\n> **注意：**\n>\n> 由于图片排列的容器 `<section>` 采用的是grid布局，会根据 `<section>` 中有几列和每列里的内容自动分配每一列的宽度。\n>\n> 在进行图片、图片和文字排列时，如果将某一列的宽度设置为 xx%的形式，则该列的实际宽度并<u>不一定是内容区宽度的 xx%</u>，而是 `<section>` 容器中当前列宽度的 xx%，且当前列的宽度还受到了里面内容的影响。\n>\n> **基于以上原因，建议在单独设置某一列宽度的时候，尽可能采用具体的值（如: style=\"width: 200px\"），不要采用 xx%（如: style=\"width: 50%\"）的形式。**\n>\n> 示例：\n>\n> ```html\n> <!-- <section> 排列图片的容器，宽度为内容区（也就是书写区）的宽度 -->\n> <section>\n>    \t<!-- 此时是2列 -->\n>    \t<img src=\"./img/mdtht-dark.png\"></img>\n>  \t<!-- 此处的 width:50% ，实际只有内容区宽度的25%（一共2列，每一列宽度50%，50%*50% => 25%）-->\n>      <img src=\"./img/mdtht-dark.png\" style=\"width:50%\"></img> \n> </section>\n> \n> <section>\n>    \t<!-- 此时是3列： img, span, span -->\n>    \t<img src=\"./img/mdmdt-title.png\"></img>  <!-- 第1列 -->\n> \t<span>....</span>  <!-- 第2列 -->\n> \t<span>             <!-- 第3列 -->\n>    \t<span>这是其段落他文字...</span>\n>             <!-- 此处的 width:50% ，实际只有内容区宽度的16.5%（一共3列，每一列宽度33.33%，33.33%*50% => 16.65%）-->\n>             <span style=\"width:50%\">这是多段文字</span>\n>             <span>这是其段落他文字...</span>\n> \t</span>\n> </section>\n> ```\n\n除了以上展示的排列方式，更多的排列形式，还请自行探索 ......\n\n# 图表Mermaid\n\n以下是 **Mermaid图表** 部分示例，更多图表类型请参考：[Mermaid图表](https://mermaid.js.org)\n\n```mermaid\nflowchart LR\n    A[Hard edge] -->|Link text| B(Round edge)\n    B --> C{Decision}\n    C -->|One| D[Result one]\n    C -->|Two| E[Result two]\n```\n```mermaid\nstateDiagram-v2\n    [*] --> Active\n\n    state Active {\n        [*] --> NumLockOff\n        NumLockOff --> NumLockOn : EvNumLockPressed\n        NumLockOn --> NumLockOff : EvNumLockPressed\n        --\n        [*] --> CapsLockOff\n        CapsLockOff --> CapsLockOn : EvCapsLockPressed\n        CapsLockOn --> CapsLockOff : EvCapsLockPressed\n        --\n        [*] --> ScrollLockOff\n        ScrollLockOff --> ScrollLockOn : EvScrollLockPressed\n        ScrollLockOn --> ScrollLockOff : EvScrollLockPressed\n    }\n```\n\n```mermaid\ngantt\n    dateFormat  YYYY-MM-DD\n    title       Adding GANTT diagram functionality to mermaid\n    excludes    weekends\n    %% (`excludes` accepts specific dates in YYYY-MM-DD format, days of the week (\"sunday\") or \"weekends\", but not the word \"weekdays\".)\n\n    section A section\n    Completed task            :done,    des1, 2014-01-06,2014-01-08\n    Active task               :active,  des2, 2014-01-09, 3d\n    Future task               :         des3, after des2, 5d\n    Future task2              :         des4, after des3, 5d\n\n    section Critical tasks\n    Completed task in the critical line :crit, done, 2014-01-06,24h\n    Implement parser and jison          :crit, done, after des1, 2d\n    Create tests for parser             :crit, active, 3d\n    Future task in critical line        :crit, 5d\n    Create tests for renderer           :2d\n    Add to mermaid                      :until isadded\n    Functionality added                 :milestone, isadded, 2014-01-25, 0d\n\n    section Documentation\n    Describe gantt syntax               :active, a1, after des1, 3d\n    Add gantt diagram to demo page      :after a1  , 20h\n    Add another diagram to demo page    :doc1, after a1  , 48h\n\n    section Last section\n    Describe gantt syntax               :after doc1, 3d\n    Add gantt diagram to demo page      :20h\n    Add another diagram to demo page    :48h\n```\n\n## Flowchart\n\n## Sequence Diagram\n\n## State Diagram\n\n\n# 一级标题1\n\n## 二级标题2\n\n### 三级标题3\n\n#### 四级标题4\n##### 五级标题5\n\n###### 六级标题6\n\n# TOC目录\n\n以下是 [TOC] 目录样式\n\n[TOC]\t\n\n\n"
  },
  {
    "path": "mdmdt-dark.css",
    "content": "/*\n * ------------------------------------------------------------------------\n * mdmdt-dark.css\n * (c) 2024-2025\n * Author: cayxc\n * Homepage:  https://gitee.com/cayxc/mdmdt  https://github.com/cayxc/Mdmdt\n * License: Apache-2.0\n * ------------------------------------------------------------------------\n*/\n:root {\n  --bg-color: #1b1b1f;\n  --bg-color2: rgb(40, 42, 50);\n\n  --text-color: #d0d0d0;\n  --text-grey: #464b50;\n  --text-code: #bbc7fd;\n  --title-color: var(--text-color);\n  --border-color: var(--text-grey);\n\n  --color-1: #3e69d7;\n  --color-1-0-a: rgba(62, 105, 215, 0.3);\n  --color-1-0-b: rgba(62, 105, 215, 0.12);\n\n  --color-2: #f59102;\n  --color-2-0-a: rgba(245, 145, 2, 0.3);\n  --color-2-0-b: rgba(245, 145, 2, 0.12);\n  --color-2-0-c: rgba(245, 145, 2, 0.4);\n\n  --color-3: #03b736;\n  --color-3-0-a: rgba(3, 183, 54, 0.3);\n  --color-3-0-b: rgba(3, 183, 54, 0.12);\n\n  --color-4: #8250df;\n  --color-4-0-a: rgba(130, 80, 223, 0.3);\n  --color-4-0-b: rgba(130, 80, 223, 0.12);\n\n  --color-5: #e30f2e;\n  --color-5-0-a: rgba(227, 15, 46, 0.3);\n  --color-5-0-b: rgba(227, 15, 46, 0.12);\n\n  --md-char-color: #667c89ff;\n  --meta-content-color: var(--md-char-color);\n  --primary-color: var(--color-1);\n  --primary-btn-border-color: var(--bg-color2);\n  --primary-btn-text-color: var(--text-color);\n  --window-border: 1px solid var(--border-color);\n  --active-file-bg-color: var(--bg-color2);\n  --active-file-text-color: var(--color-1);\n  --active-file-border-color: var(--color-1);\n  --side-bar-bg-color: var(--bg-color);\n  --item-hover-bg-color: var(--bg-color2);\n  --item-hover-text-color: var(--color-1);\n  --select-text-bg-color: var(--color-1-0-a);\n  --monospace: \"JetBrains Mono\", \"Source Code Pro\", \"Fira Code\", Consolas, Inconsolata, \"Cascadia Code\", Monaco, \"Ubuntu Mono\", monospace;\n\n  --mermaid-theme: dark; /*or base, dark, forest, neutral, night */\n  --mermaid-font-family: \"trebuchet ms\", verdana, arial, sans-serif;\n  --mermaid-sequence-numbers: on;\n  --mermaid-flowchart-curve: linear;\n  --mermaid--gantt-left-padding: 75;\n}\n\nhtml {\n  height: 100vh;\n  background-color: var(--bg-color);\n  font-size: 16px !important;\n  color: var(--text-color);\n  -webkit-font-smoothing: antialiased;\n  scroll-behavior: smooth;\n  scroll-padding: 14px;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  font-size: 16px;\n  line-height: 1.6;\n  letter-spacing: 0.6px;\n  font-family: \"PingFang SC\", \"Microsoft YaHei UI\", \"Microsoft YaHei\", Arial, \"Helvetica Neue\", Helvetica, sans-serif;\n  background: var(--bg-color);\n  overflow-x: hidden;\n}\nbody.os-windows {\n  font-family: \"Microsoft YaHei UI\", \"Microsoft YaHei\", Arial, \"Helvetica Neue\", Helvetica, sans-serif;\n  letter-spacing: 1px;\n}\n* {\n  tab-size: 4;\n  -webkit-tab-size: 4;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n}\n\n/*\n * ------------------------\n * scroll style\n * ------------------------\n*/\n::-webkit-scrollbar,\n::-webkit-scrollbar {\n  width: 8px !important;\n  height: 8px !important;\n}\n::-webkit-scrollbar-thumb,\n::-webkit-scrollbar-thumb {\n  border-radius: 4px !important;\n  background: var(--text-grey) !important;\n}\n::-webkit-scrollbar-track,\n::-webkit-scrollbar-track {\n  background: var(--bg-color2) !important;\n}\nhtml,\nhtml * {\n  scrollbar-color: var(--text-grey) var(--bg-color2) !important;\n  scrollbar-width: thin !important;\n}\n\n/*\n * -----------------------------------\n * h1 ~ h6, header\n * p, strong, dl, em, u, kbd, hr, mark\n * -----------------------------------\n*/\nh1, h2, h3, h4, h5, h6 {\n  position: relative;\n  line-height: 1.5;\n  margin: 32px 0 18px;\n  color: var(--title-color);\n  letter-spacing: 2px;\n}\nh1 {\n  font-size: 32px;\n  border-bottom: 1px solid var(--border-color);\n}\nh2 { font-size: 28px; }\nh3 { font-size: 24px; }\nh4 { font-size: 20px; }\nh5 { font-size: 18px; }\nh6 { font-size: 16px; }\n\n#write > h1 + *,\n#write > h2 + *,\n#write > h3 + *,\n#write > h4 + *,\n#write > h5 + *,\n#write > h6 + * {\n  margin-top: 18px !important;\n}\n\n#write > h1::before,\n#write > h2::before,\n#write > h3::before,\n#write > h4::before,\n#write > h5::before,\n#write > h6::before,\n#write > h1.md-focus::before,\n#write > h2.md-focus::before,\n#write > h3.md-focus::before,\n#write > h4.md-focus::before,\n#write > h5.md-focus::before,\n#write > h6.md-focus::before {\n  display: none;\n  position: absolute;\n  left: -36px;\n  height: 20px;\n  padding-left: 6px;\n  padding-right: 3px;\n  border: 1px solid var(--color-1);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--color-1);\n}\n#write > h1::before,\n#write > h1.md-focus::before {\n  content: 'h1';\n  top: 15px;\n}\n#write > h2::before,\n#write > h2.md-focus::before {\n  content: 'h2';\n  top: 10.5px;\n}\n#write > h3::before,\n#write > h3.md-focus::before {\n  content: 'h3';\n  top: 8px;\n}\n#write > h4::before,\n#write > h4.md-focus::before {\n  content: 'h4';\n  top: 5.5px;\n}\n#write > h5::before,\n#write > h5.md-focus::before {\n  content: 'h5';\n  top: 4px;\n}\n#write > h6::before,\n#write > h6.md-focus::before {\n  content: 'h6';\n  top: 2.5px;\n}\n#write > h1:hover::before,\n#write > h2:hover::before,\n#write > h3:hover::before,\n#write > h4:hover::before,\n#write > h5:hover::before,\n#write > h6:hover::before {\n  display: block;\n}\n\nhr {\n  height: 1px;\n  box-sizing: border-box;\n  background: var(--border-color);\n  border: none;\n}\n\np {\n  margin-top: 16px;\n  margin-bottom: -5px;\n  white-space: pre-wrap;\n}\n#write > p + p {\n  margin-top: 24px;\n}\np:has(span.md-image) {\n  margin-bottom: 0;\n}\n\nstrong {\n  font-weight: 800;\n  color: #cfdfff;\n}\n\nu {\n  text-underline-offset: 4px;\n  text-decoration-thickness: 1.5px;\n}\n\nem {\n  font-weight: 400;\n}\n\ndel {\n  color: var(--text-grey);\n  text-decoration: line-through;\n  text-decoration-color: var(--color-5);\n  -moz-text-decoration-color: var(--color-5);\n}\n\nmark {\n  border-radius: 5px;\n  background-color: var(--color-1);\n  padding: 0 4px;\n  color: rgb(250, 250, 250);\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n}\n\n/*\n * ------------------------\n * a, link\n * ------------------------\n*/\na {\n  position: relative;\n  font-weight: 500;\n  text-decoration: none;\n  color: var(--color-1);\n  font-size: 16px;\n  text-underline-offset: 4px;\n}\na:hover,\n.md-link a:hover,\n.footnotes a:hover {\n  color: var(--color-2);\n  text-decoration: underline;\n  cursor: pointer !important;\n}\n/*以下写法是防止导出pdf时再标题或代码块部分生成链接图标*/\n#write p a,\n#write table a,\n#write blockquote a,\n#write .md-alert a,\n#write li a {\n  padding-left: 2px;\n}\n#write p a::before,\n#write table a::before,\n#write blockquote a::before,\n#write .md-alert a::before,\n#write li a::before {\n  content: \"\";\n  display: inline-block;\n  position: relative;\n  top: 2px;\n  right: 2px;\n  z-index: 30;\n  width: 14px;\n  height: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: 100%;\n  background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzQxNDk2OTA4OTA2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE1NjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTIyNy44NCAyMS41MDRjLTQxLjQ3MiA3LjY4LTk3LjI4IDM3Ljg4OC0xMzAuMDQ4IDcwLjY1NkM0Ny42MTYgMTQyLjg0OCAyMC40OCAyMDcuMzYgMjAuNDggMjc2Ljk5MmMwIDc1Ljc3NiAxOC45NDQgMTIzLjM5MiA3Ni4yODggMTkzLjAyNCAzMC4yMDggMzUuODQgMTA1Ljk4NCAxMDguNTQ0IDExNy4yNDggMTEyLjY0IDIuNTYgMC41MTIgNi42NTYtMTQuMzM2IDguNzA0LTMzLjI4IDIuMDQ4LTE4Ljk0NCA3LjY4LTQ4LjEyOCAxMy4zMTItNjQgMTUuODcyLTQ4LjEyOCAxNC4zMzYtNTMuNzYtMjYuNjI0LTkzLjY5NkMxNjQuODY0IDM0Ny42NDggMTQ4LjQ4IDMxNS4zOTIgMTQ4LjQ4IDI3My40MDhjMC05OC44MTYgMTAzLjQyNC0xNjEuMjggMTg1Ljg1Ni0xMTMuMTUyIDExLjc3NiA3LjE2OCA3MS4xNjggNjMuNDg4IDEzMi42MDggMTI0LjkyOCAxMjAuODMyIDEyMS44NTYgMTIwLjMyIDEyMS4zNDQgMTE1LjcxMiAxNzcuMTUyLTEuNTM2IDE5LjQ1Ni03LjY4IDM0LjgxNi0yMC45OTIgNTUuODA4LTIyLjAxNiAzNC4zMDQtMjUuMDg4IDYyLjk3Ni04LjcwNCA4OS42IDEyLjI4OCAyMC40OCAyNS42IDI3LjY0OCA1My4yNDggMjguNjcyIDMyLjc2OCAxLjUzNiA1NC4yNzItMTUuODcyIDc4Ljg0OC02Mi45NzYgMjQuNTc2LTQ2LjU5MiAzMi4yNTYtNzYuOCAzMi4yNTYtMTI2LjQ2NCAwLTUzLjc2LTE1Ljg3Mi0xMDAuODY0LTUyLjIyNC0xNTUuMTM2LTIwLjk5Mi0zMC43Mi0xNjIuODE2LTE3My41NjgtMjEwLjk0NC0yMTEuOTY4QzM4NS41MzYgMjUuMDg4IDMxMC4yNzIgNS42MzIgMjI3Ljg0IDIxLjUwNHoiIGZpbGw9IiMzZTY5ZDciIHAtaWQ9IjE1NjkiPjwvcGF0aD48cGF0aCBkPSJNMzkxLjY4IDM5MS42OGMtMjQuMDY0IDExLjI2NC0zMS4yMzIgMTguNDMyLTUxLjIgNTUuMjk2LTI0LjA2NCA0NC4wMzItMzMuMjggNzguMzM2LTMzLjc5MiAxMjggMCA1NS4yOTYgMTUuMzYgMTAxLjg4OCA1Mi4yMjQgMTU3LjE4NCAyMS41MDQgMzIuMjU2IDE3Ny4xNTIgMTg2Ljg4IDIxOS42NDggMjE5LjEzNiAzOS40MjQgMjkuMTg0IDc4LjMzNiA0Ni4wOCAxMjQuNDE2IDUzLjI0OCAxNTcuMTg0IDI0LjA2NCAzMDAuNTQ0LTk4LjgxNiAzMDAuNTQ0LTI1Ny41MzYgMC03NS43NzYtMTguOTQ0LTEyMy4zOTItNzYuMjg4LTE5My4wMjQtMzAuMjA4LTM1Ljg0LTEwNS45ODQtMTA4LjU0NC0xMTcuMjQ4LTExMi42NC0yLjU2LTAuNTEyLTYuNjU2IDE0LjMzNi04LjcwNCAzMy4yOC0yLjA0OCAxOC45NDQtNy42OCA0OC4xMjgtMTMuMzEyIDY0LTE1Ljg3MiA0OC4xMjgtMTQuMzM2IDUzLjc2IDI2LjYyNCA5My42OTYgNDQuNTQ0IDQ0LjAzMiA2MC45MjggNzYuMjg4IDYwLjkyOCAxMTguMjcyIDAgOTguODE2LTEwMy40MjQgMTYxLjI4LTE4NS44NTYgMTEzLjE1Mi0xMS43NzYtNy4xNjgtNzEuMTY4LTYzLjQ4OC0xMzIuNjA4LTEyNC45MjgtMTIwLjgzMi0xMjEuODU2LTEyMC4zMi0xMjEuMzQ0LTExNS43MTItMTc3LjE1MiAxLjUzNi0xOS40NTYgNy42OC0zNC44MTYgMjAuOTkyLTU1LjgwOCAxNC4zMzYtMjIuMDE2IDE4Ljk0NC0zNC4zMDQgMTguOTQ0LTUxLjIgMC0yMy41NTItMTMuODI0LTUxLjItMjkuMTg0LTU5LjM5Mi0xNy45Mi05LjIxNi00NS4wNTYtMTAuNzUyLTYwLjQxNi0zLjU4NHoiIGZpbGw9IiMzZTY5ZDciIHAtaWQ9IjE1NzAiPjwvcGF0aD48L3N2Zz4=\");\n}\n#write a:hover::before {\n  background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzQxNDk3MDE4MTgyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjExMDciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTIyNy44NCAyMS41MDRjLTQxLjQ3MiA3LjY4LTk3LjI4IDM3Ljg4OC0xMzAuMDQ4IDcwLjY1NkM0Ny42MTYgMTQyLjg0OCAyMC40OCAyMDcuMzYgMjAuNDggMjc2Ljk5MmMwIDc1Ljc3NiAxOC45NDQgMTIzLjM5MiA3Ni4yODggMTkzLjAyNCAzMC4yMDggMzUuODQgMTA1Ljk4NCAxMDguNTQ0IDExNy4yNDggMTEyLjY0IDIuNTYgMC41MTIgNi42NTYtMTQuMzM2IDguNzA0LTMzLjI4IDIuMDQ4LTE4Ljk0NCA3LjY4LTQ4LjEyOCAxMy4zMTItNjQgMTUuODcyLTQ4LjEyOCAxNC4zMzYtNTMuNzYtMjYuNjI0LTkzLjY5NkMxNjQuODY0IDM0Ny42NDggMTQ4LjQ4IDMxNS4zOTIgMTQ4LjQ4IDI3My40MDhjMC05OC44MTYgMTAzLjQyNC0xNjEuMjggMTg1Ljg1Ni0xMTMuMTUyIDExLjc3NiA3LjE2OCA3MS4xNjggNjMuNDg4IDEzMi42MDggMTI0LjkyOCAxMjAuODMyIDEyMS44NTYgMTIwLjMyIDEyMS4zNDQgMTE1LjcxMiAxNzcuMTUyLTEuNTM2IDE5LjQ1Ni03LjY4IDM0LjgxNi0yMC45OTIgNTUuODA4LTIyLjAxNiAzNC4zMDQtMjUuMDg4IDYyLjk3Ni04LjcwNCA4OS42IDEyLjI4OCAyMC40OCAyNS42IDI3LjY0OCA1My4yNDggMjguNjcyIDMyLjc2OCAxLjUzNiA1NC4yNzItMTUuODcyIDc4Ljg0OC02Mi45NzYgMjQuNTc2LTQ2LjU5MiAzMi4yNTYtNzYuOCAzMi4yNTYtMTI2LjQ2NCAwLTUzLjc2LTE1Ljg3Mi0xMDAuODY0LTUyLjIyNC0xNTUuMTM2LTIwLjk5Mi0zMC43Mi0xNjIuODE2LTE3My41NjgtMjEwLjk0NC0yMTEuOTY4QzM4NS41MzYgMjUuMDg4IDMxMC4yNzIgNS42MzIgMjI3Ljg0IDIxLjUwNHoiIGZpbGw9IiNmNTkxMDIiIHAtaWQ9IjExMDgiPjwvcGF0aD48cGF0aCBkPSJNMzkxLjY4IDM5MS42OGMtMjQuMDY0IDExLjI2NC0zMS4yMzIgMTguNDMyLTUxLjIgNTUuMjk2LTI0LjA2NCA0NC4wMzItMzMuMjggNzguMzM2LTMzLjc5MiAxMjggMCA1NS4yOTYgMTUuMzYgMTAxLjg4OCA1Mi4yMjQgMTU3LjE4NCAyMS41MDQgMzIuMjU2IDE3Ny4xNTIgMTg2Ljg4IDIxOS42NDggMjE5LjEzNiAzOS40MjQgMjkuMTg0IDc4LjMzNiA0Ni4wOCAxMjQuNDE2IDUzLjI0OCAxNTcuMTg0IDI0LjA2NCAzMDAuNTQ0LTk4LjgxNiAzMDAuNTQ0LTI1Ny41MzYgMC03NS43NzYtMTguOTQ0LTEyMy4zOTItNzYuMjg4LTE5My4wMjQtMzAuMjA4LTM1Ljg0LTEwNS45ODQtMTA4LjU0NC0xMTcuMjQ4LTExMi42NC0yLjU2LTAuNTEyLTYuNjU2IDE0LjMzNi04LjcwNCAzMy4yOC0yLjA0OCAxOC45NDQtNy42OCA0OC4xMjgtMTMuMzEyIDY0LTE1Ljg3MiA0OC4xMjgtMTQuMzM2IDUzLjc2IDI2LjYyNCA5My42OTYgNDQuNTQ0IDQ0LjAzMiA2MC45MjggNzYuMjg4IDYwLjkyOCAxMTguMjcyIDAgOTguODE2LTEwMy40MjQgMTYxLjI4LTE4NS44NTYgMTEzLjE1Mi0xMS43NzYtNy4xNjgtNzEuMTY4LTYzLjQ4OC0xMzIuNjA4LTEyNC45MjgtMTIwLjgzMi0xMjEuODU2LTEyMC4zMi0xMjEuMzQ0LTExNS43MTItMTc3LjE1MiAxLjUzNi0xOS40NTYgNy42OC0zNC44MTYgMjAuOTkyLTU1LjgwOCAxNC4zMzYtMjIuMDE2IDE4Ljk0NC0zNC4zMDQgMTguOTQ0LTUxLjIgMC0yMy41NTItMTMuODI0LTUxLjItMjkuMTg0LTU5LjM5Mi0xNy45Mi05LjIxNi00NS4wNTYtMTAuNzUyLTYwLjQxNi0zLjU4NHoiIGZpbGw9IiNmNTkxMDIiIHAtaWQ9IjExMDkiPjwvcGF0aD48L3N2Zz4=\");\n}\nsup a,\na.reversefootnote {\n  padding-left: 0 !important;\n}\nsup a::before,\na.reversefootnote::before,\n.md-toc-content .md-toc-item > a::before {\n  display: none;\n  width: 0 !important;\n  height: 0 !important;\n  background-image: none !important;\n}\na:hover {\n  color: var(--color-2);\n}\n.footnotes,\n.footnotes a {\n  font-size: 14px;\n  text-decoration: none;\n}\n.footnotes .md-def-name::before,\n.footnotes .md-def-name::after {\n  color: var(--text-color);\n}\n.footnotes .md-def-url,\n.md-link .md-url {\n  text-decoration: none;\n  color: var(--color-1);\n}\n\n/*\n * ------------------------\n * ul, ol\n * ------------------------\n*/\nul, ol {\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-left: 0;\n}\n#write > p + ul,\n#write > p + ol,\nblockquote > ul,\nblockquote > ol,\n.md-alert > ul,\n.md-alert > ol{\n  margin-top: 11px;\n}\nul {\n  padding-left: 36px;\n}\nol {\n  padding-left: 40px;\n}\nol ol {\n  margin-left: -7px;\n}\nol > li > ul {\n  margin-left: -7px;\n}\nul > li > ol {\n  margin-left: -2px;\n}\nul > li > p {\n  margin: 0 0 0 -2px;\n}\nol > li > p {\n  margin: 0 0 0 -6px;\n}\nul > .task-list-item > input {\n  margin-left: -22px;\n}\n#write li {\n  margin-top: 6px;\n}\nli > p {\n  margin: -5px 0;\n}\n\n#write li img,\n#write li pre,\n#write li figure,\n#write li blockquote,\n#write li .md-alert {\n  margin-top: 11px !important;\n  margin-bottom: 11px !important;\n}\n#write li pre pre,\n#write li .md-image {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n\n/*\n * ------------------------\n * image\n * ------------------------\n*/\nimg,\nspan.md-image {\n  margin: 16px auto 0 auto !important;\n  border-radius: 8px !important;\n  border: none !important;\n  color: var(--md-char-color);\n}\np.md-focus span.md-image {\n  background: var(--color-1-0-b);\n  box-shadow: 0 0 3px var(--border-color);\n}\np.md-focus span.md-image {\n  margin-top: 0;\n}\nspan.md-image,\nspan.md-image span.md-content,\nspan.md-image span.md-image-src-span,\nspan.md-image span.md-image-before-src,\nspan.md-image span.md-image-after-src,\nspan.md-image span.md-image-input-src-btn,\nspan.md-image span.md-image-pick-file-btn,\nspan.md-image span.md-before::before,\nspan.md-image span.md-image-input-src-btn::before,\nspan.md-image span.md-image-pick-file-btn::before {\n  color: var(--color-1);\n}\nspan.md-image-btn {\n  background: var(--bg-color2);\n}\nspan.md-image-btn:hover::before {\n  color: var(--bg-color) !important;\n}\nspan.md-image span.md-image-pick-file-btn {\n  border-left-color: var(--border-color);\n}\n.typora-export #write section:has(img),\n.md-htmlblock-container section:has(img) {\n  display: grid;\n  grid-gap: 16px;\n  justify-content: flex-start;\n  align-items: center;\n  grid-template-columns: repeat(auto-fit, minmax(16px, auto));\n  grid-auto-rows: minmax(16px, auto);\n}\n.typora-export #write > section:has(img) {\n  margin-top: 16px;\n}\n.typora-export #write section img,\n.md-htmlblock-container section img {\n  margin: 0 !important;\n}\n.typora-export #write section:has(img) span,\n.md-htmlblock-container section:has(img) span {\n  display: block;\n  margin: 8px 0;\n}\n.typora-export #write section span > img,\n.md-htmlblock-container section span > img {\n  margin: 8px 0 !important;\n}\n.typora-export #write section span > img:first-of-type,\n.md-htmlblock-container section span > img:first-of-type {\n  margin-top: 0 !important;\n}\n.typora-export #write section span > img:last-of-type,\n.md-htmlblock-container section span > img:last-of-type {\n  margin-bottom: 0 !important;\n}\n.typora-export #write > section:has(img):hover,\n.md-htmlblock-container > section:has(img):hover{\n  border-radius: 8px;\n  background: var(--bg-color2);\n  padding: 16px;\n  transition: padding .3s linear;\n  -webkit-transition: padding .3s linear;\n}\n\n/*\n * ------------------------\n * code\n * ------------------------\n*/\ncode {\n  border-radius: 4px;\n  background: var(--color-1-0-a);\n  padding: 3px 5px;\n  color: var(--text-code);\n  font-size: 14px;\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n}\nh1 code {\n  font-size: 26px;\n}\nh2 code {\n  font-size: 22px;\n}\nh3 code {\n  font-size: 18px;\n}\nh4 code {\n  font-size: 16px;\n}\n.outline-content .outline-item code {\n  font-size: 11px;\n  padding: 2px 4px;\n  border-radius: 3px;\n  vertical-align: middle;\n}\n\n/*\n * ------------------------\n * pre\n * ------------------------\n*/\npre {\n  margin-top: 16px;\n  margin-bottom: 0;\n  box-sizing: border-box;\n  background: var(--bg-color2) !important;\n  border-radius: 8px;\n  font-size: 14px !important;\n  color: var(--text-code);\n}\npre pre {\n  background: transparent !important;\n  padding: 5px 10px;\n  border: none;\n}\npre .CodeMirror-wrap {\n  padding: 16px 16px 16px 0;\n}\npre .CodeMirror-wrap .CodeMirror-scroll {\n  overflow-x: auto;\n}\npre .CodeMirror-sizer {\n  padding-left: 4px;\n}\npre .CodeMirror-gutters {\n  background: var(--bg-color2);\n  border-color: var(--border-color);\n}\n\n/*\n * ------------------------\n * blockquote\n * ------------------------\n*/\nblockquote,\n.md-alert {\n  margin-top: 16px !important;\n  margin-bottom: 0;\n  padding: 16px;\n  background: var(--color-1-0-b);\n  box-sizing: border-box;\n  border-radius: 8px;\n  border-left: 4px solid var(--color-1);\n  border-right: 0.1px solid transparent;\n  border-bottom: 0.1px solid transparent;\n  border-top: 0.1px solid transparent;\n}\nblockquote > *:first-child,\n.md-alert > *:first-child {\n  margin-top: 0 !important;\n}\nblockquote > *:last-child,\n.md-alert > *:last-child {\n  margin-bottom: 0 !important;\n}\n.md-alert.md-alert-note {\n  border-left-color: var(--color-1);\n  background: var(--color-1-0-b);\n  color: var(--color-1);\n}\n.md-alert.md-alert-note .md-alert-text-note {\n  color: var(--color-1);\n}\n.md-alert.md-alert-caution {\n  border-left-color: var(--color-2);\n  background: var(--color-2-0-b);\n  color: var(--color-2);\n}\n.md-alert.md-alert-caution .md-alert-text-caution {\n  color: var(--color-2);\n}\n.md-alert.md-alert-tip {\n  border-left-color: var(--color-3);\n  background: var(--color-3-0-b);\n  color: var(--color-3);\n}\n.md-alert.md-alert-tip .md-alert-text-tip {\n  color: var(--color-3);\n}\n.md-alert.md-alert-important {\n  border-left-color: var(--color-4);\n  background: var(--color-4-0-b);\n  color: var(--color-4);\n}\n.md-alert.md-alert-important .md-alert-text-important {\n  color: var(--color-4);\n}\n.md-alert.md-alert-warning {\n  border-left-color: var(--color-5);\n  background: var(--color-5-0-b);\n  color: var(--color-5);\n}\n.md-alert.md-alert-warning .md-alert-text-warning {\n  color: var(--color-5);\n}\n\n/*\n * ------------------------\n * sup, sub, kbd\n * ------------------------\n*/\nsup, sub {\n  font-size: 12px;\n}\nsup.md-footnote {\n  background: transparent;\n  padding: 0 2px;\n  color: var(--color-1);\n}\nsup.md-footnote:hover {\n  color: var(--color-2);\n  cursor: pointer;\n}\nkbd {\n  display: inline-block;\n  border: none;\n  border-image: none;\n  border-radius: 5px;\n  background: var(--color-2);\n  padding: 0 6px;\n  box-shadow: none;\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n  font-size: 14px;\n  font-weight: 900;\n  color: rgb(250, 250, 250);\n}\n::selection {\n  background: var(--color-2-0-c);\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n}\n\n/*\n * ------------------------\n * table\n * ------------------------\n*/\ntable,\nfigure {\n  width: 100%;\n  margin-bottom: 0;\n  border-radius: 8px;\n  padding: 0 !important;\n  border-collapse: separate;\n  border-spacing: 0;\n}\nfigure {\n  margin-top: 16px !important;\n}\ntable {\n  margin-top: 0;\n  border: 1px solid var(--border-color) !important;\n  overflow: hidden;\n}\ntable thead tr th {\n  background: var(--bg-color2);\n}\ntable tbody tr:nth-child(even) td {\n  background: var(--bg-color2);\n}\ntable tbody tr:nth-child(odd) td {\n  background: var(--bg-color);\n}\ntable tr th, table tr td {\n  padding: 10px !important;\n  white-space: pre-wrap !important;\n}\ntable tr td,\ntable thead tr th {\n  border-left: 1px solid var(--border-color) !important;\n}\ntable tbody tr td:first-of-type,\ntable thead tr th:first-of-type {\n  border-left: none !important;\n}\n.md-grid-board-wrap table {\n  border: none !important;\n  border-radius: 0;\n}\n.md-grid-board-wrap table tr th,\n.md-grid-board-wrap table tr td {\n  padding: 0 !important;\n}\n#md-grid-width,\n#md-grid-height {\n  text-align: center !important;\n  padding: 1px 0;\n}\nbutton#md-resize-grid {\n  display: block !important;\n  width: 100%;\n  margin: 5px auto 0;\n  color: var(--bg-color);\n}\nbutton#md-resize-grid:hover {\n  color: var(--color-1);\n  border-color: var(--color-1);\n}\n.ty-table-edit {\n  margin-left: 0;\n}\n.md-tooltip-remove {\n  position: absolute;\n  z-index: 200;\n  margin-top: -28px !important;\n  background: var(--bg-color);\n}\n.md-tooltip-remove .md-delete-table {\n  margin-right: 10px !important;\n}\n.md-table-resize-popover .md-reset > a::before {\n  display: none !important;\n}\n\n/*\n * ------------------------\n * btn\n * ------------------------\n*/\n.btn,\n.btn-default,\n.long-btn {\n  border-radius: 5px !important;\n  border: 1px solid var(--border-color) !important;\n  background: var(--bg-color2) !important;\n  outline: none !important;\n}\n.btn-primary {\n  background: var(--color-1) !important;\n  border-color: var(--color-1) !important;\n  color: #fff;\n}\n\n.btn:hover,\n.long-btn:hover {\n  background: var(--color-1-0-b) !important;\n  border-color: var(--color-1) !important;\n  color: var(--color-1);\n}\n\n.btn:focus,\n.long-btn:focus {\n  outline: none !important;\n}\n.btn {\n  margin-right: 5px !important;\n}\n.btn:last-of-type {\n  margin-right: 0;\n}\n.dropdown-toggle::after {\n  font-size: 14px;\n}\n.dropdown-toggle:hover::after {\n  color: var(--color-1);\n}\n\n/*\n * ------------------------\n * select\n * ------------------------\n */\nselect {\n  border-radius: 6px !important;\n  border: 1px solid var(--border-color) !important;\n  padding: 6px !important;\n}\noption {\n  background: var(--bg-color);\n}\n/*\n * ------------------------\n * textarea\n * ------------------------\n */\ntextarea {\n  outline: none;\n  padding: 16px;\n  border-radius: 8px;\n  border-color: var(--border-color);\n  background: var(--bg-color) !important;\n  color: var(--text-color) !important;\n}\n#write textarea {\n  margin-top: 14px !important;\n  margin-bottom: 0;\n}\n\n/*\n * ------------------------\n * input\n * ------------------------\n*/\nhtml input,\ninput {\n  position: relative;\n  border-radius: 5px !important;\n  border: 1px solid var(--border-color);\n  outline: none !important;\n  padding: 0 6px;\n  line-height: 1.2;\n}\nhtml input:focus,\nhtml textarea:focus,\nhtml input[type=\"number\"]:focus,\nhtml input[type=\"search\"]:focus,\nhtml input[type=\"text\"]:focus {\n  border-color: var(--color-1) !important;\n  box-shadow: none !important;\n  outline: none !important;\n}\ninput::placeholder {\n  font-size: 14px;\n  color: var(--text-grey) !important;\n}\n\n/*input checkbox*/\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  margin-right: 10px !important;\n  margin-bottom: -2px !important;\n  width: 14px !important;\n  height: 14px !important;\n  box-sizing: border-box;\n  background: transparent !important;\n  border: 1px solid var(--border-color) !important;\n  border-radius: 3px !important;\n  padding: 0 !important;\n  outline: none;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  -ms-appearance: none;\n  list-style: none;\n}\ninput[type=\"checkbox\"]:checked,\ninput[type=\"radio\"]:checked {\n  background: var(--color-1) !important;\n  border-color: transparent !important;\n}\ninput[type=\"checkbox\"]:checked::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  bottom: 2.5px;\n  left: 3.5px;\n  width: 5px;\n  height: 9px;\n  box-sizing: border-box;\n  background: transparent;\n  border: 2px solid #fff;\n  border-top: none;\n  border-left: none;\n  transform: rotate(40deg);\n  -webkit-transform: rotate(40deg);\n  -ms-transform: rotate(40deg);\n}\ninput[type=\"radio\"] {\n  border-radius: 50% !important;\n  -webkit-border-radius: 50% !important;\n  -moz-border-radius: 50% !important;\n  border: 1px solid var(--border-color) !important;\n}\ninput[type=\"radio\"]:checked::after {\n  content: \"\";\n  display: block;\n  margin: 3.5px auto;\n  width: 5px;\n  height: 5px;\n  box-sizing: border-box;\n  background: #fff;\n  border-radius: 50%;\n  -webkit-border-radius: 50%;\n  -moz-border-radius: 50%;\n}\n\n/*\n * ------------------------\n * header\n * ------------------------\n*/\nbody > header {\n  background: var(--bg-color) !important;\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 2px 5px 0 rgba(0, 0, 0, 0.1);\n}\n\n/*\n * ------------------------\n * md-htmlblock\n * md-mathblock\n * ------------------------\n*/\n.md-htmlblock-panel,\n.md-htmlblock-container,\n.md-htmlblock-container .md-htmlblock-panel-placeholder {\n  background: transparent;\n}\n.md-htmlblock-container,\n.md-math-container {\n  border-radius: 8px;\n  background: var(--bg-color);\n  overflow: auto;\n}\n.md-math-container {\n  width: 100%;\n  padding: 16px;\n}\n\n.md-rawblock-on-edit .md-htmlblock-panel,\n.md-rawblock-on-edit .md-mathblock-panel {\n  border-radius: 8px;\n  background: var(--bg-color2);\n  padding: 16px;\n}\n.md-mathblock-panel .md-rawblock-control {\n  background: transparent;\n}\n.md-mathblock-panel .code-tooltip {\n  margin: 14px 6px 0;\n  box-shadow: none;\n  border-top: 1px solid var(--border-color);\n  border-radius: 0;\n}\n.code-tooltip {\n  box-shadow: none;\n}\n.code-tooltip .ty-input {\n  border-color: var(--border-color);\n}\n.md-rawblock-on-edit .md-rawblock-input {\n  padding: 0;\n  background: transparent;\n}\n.md-rawblock .md-rawblock-tooltip {\n  float: right;\n  margin-top: -11px;\n  height: auto;\n  border-radius: 5px;\n  background: var(--bg-color2);\n  animation: none !important;\n}\n.md-rawblock .md-rawblock-tooltip span {\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n.md-rawblock .md-rawblock-tooltip-edit-btn:hover {\n  background: transparent;\n}\n\n.md-htmlblock:hover .md-htmlblock-container,\n.md-htmlblock:hover .md-rawblock-tooltip,\n.md-math-block:hover .md-math-container,\n.md-math-block:hover .md-rawblock-tooltip,\n.md-rawblock-on-edit:hover .md-rawblock-tooltip {\n  background: var(--bg-color2);\n}\n.md-inline-math script {\n  color: #f9007c;\n}\n\n/*\n * ------------------------\n * #write\n * ------------------------\n*/\n#write {\n  margin: 0 auto;\n  width: 100%;\n  max-width: 1424px;\n  min-width: 300px;\n  padding: 32px 112px;\n  overflow: auto;\n  /*  scroll-behavior: smooth;\n    scroll-padding: 16px;*/\n}\n#write > *:first-child {\n  margin-top: 0;\n}\n\nspan.md-comment {\n  color: var(--md-char-color);\n  opacity: 1;\n}\n.md-image-btn.selected, .md-image-btn:hover {\n  background: var(--color-1);\n}\n#write pre.md-meta-block:empty:before {\n  color: var(--text-code);\n}\n\n/*\n * ------------------------\n * typora-source\n * ------------------------\n*/\n#typora-source .CodeMirror-sizer {\n  padding-right: 0 !important;\n}\n#typora-source .CodeMirror-lines {\n  margin: 0 auto;\n  max-width: 1424px;\n  min-width: 300px;\n  padding: 32px 112px;\n}\n#typora-source .CodeMirror-lines pre {\n  border: none !important;\n  background: var(--bg-color) !important;\n  padding: 8px 16px !important;\n  font-size: 16px !important;\n}\n#typora-source .CodeMirror-activeline pre {\n  background: var(--bg-color2) !important;\n  border-radius: 6px;\n}\n#typora-source .CodeMirror-activeline .CodeMirror-linebackground {\n  background: transparent !important;\n}\n#typora-source .CodeMirror-lines .cm-header {\n  color: var(--color-2);\n}\n.CodeMirror.cm-s-typora-default div.CodeMirror-cursor {\n  border-left: 3px solid var(--color-2);\n}\n.CodeMirror div.CodeMirror-cursor {\n  border-color: var(--text-color);\n}\n.cm-s-typora-default .cm-header, .cm-s-typora-default .cm-property,\n.cm-s-typora-default .cm-link {\n  color: var(--color-2);\n}\n.cm-s-inner .cm-comment, .cm-s-inner.cm-comment, .cm-overlay {\n  color: var(--md-char-color);\n}\n.cm-s-typora-default .cm-string {\n  color: var(--color-1);\n}\n.cm-s-typora-default .cm-code, .cm-s-typora-default .cm-comment {\n  color: var(--text-code);\n}\n.cm-s-typora-default .cm-tag {\n  color: #e31570;\n}\n\n.cm-attribute {\n  color: var(--color-2);\n}\n\n/*\n * ------------------------\n * #toc-dropmenu\n * ------------------------\n*/\n#toc-dropmenu {\n  top: calc(var(--title-bar-height) + 8px) !important;\n  right: 18px;\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n#toc-dropmenu #pin-outline-btn {\n  display: inline-block;\n  top: 10px;\n}\n#toc-dropmenu .divider {\n  margin-bottom: 0;\n}\n\n/*\n * ------------------------\n * sidebar\n * toc-content\n * ------------------------\n*/\n.os-windows #sidebar-content {\n  margin-top: -1px;\n  border-top: 1px solid var(--border-color);\n}\n.os-windows .ty-show-outline-filter #sidebar-content .sidebar-content-content {\n  margin-top: -4px;\n}\n.os-windows .ty-show-search #sidebar-content .sidebar-content-content {\n  margin-top: -7px;\n}\n.sidebar-tabs {\n  padding: 0 2px;\n}\n.outline-content {\n  overflow: auto !important;\n  padding: 14px 14px 14px 17px;\n  font-size: 14px !important;\n}\n.os-windows .outline-content {\n  padding-top: 15px;\n}\n.outline-content li {\n  position: relative;\n  z-index: 30;\n}\n.outline-content > li:first-of-type::before {\n  top: 0;\n}\n.outline-content li ul {\n  position: relative;\n  z-index: 48;\n  margin-left: 18px;\n  margin-top: 0 !important;\n}\n.no-collapse-outline .outline-content li ul {\n  margin-left: 21px;\n}\n.outline-content li .outline-item {\n  position: relative;\n  z-index: 50;\n  margin: 0 0 3px 7px;\n  width: calc(100% - 4px);\n  border-radius: 5px;\n  border: none;\n  line-height: 1;\n  padding: 0 0 0 4px;\n}\n.outline-item > .outline-expander {\n  display: block;\n  float: left;\n  width: auto;\n  height: 0;\n  background: transparent;\n  padding-left: 0;\n}\n.outline-item > .outline-expander:before {\n  margin-top: 10px;\n  margin-left: -2px;\n  background: transparent;\n  padding: 0 4px 0 2px;\n  font-size: 10px;\n}\n.outline-content li .outline-label {\n  display: inline-block;\n  border-radius: 4px;\n  padding: 7px 7px 7px 8px;\n  font-size: 14px !important;\n  line-height: 1.2;\n  overflow-wrap: normal;\n  word-wrap: normal;\n  word-break: keep-all;\n  white-space: nowrap;\n  text-decoration: none;\n}\n.outline-item-single .outline-label,\n.outline-item-single.outline-item-open .outline-label,\n.no-collapse-outline .outline-content li .outline-label {\n  padding-left: 0 !important;\n}\n.outline-item > .outline-expander:hover + .outline-label,\n.outline-item-open > .outline-item > .outline-label {\n  padding-left: 11px;\n}\n.no-collapse-outline .outline-item-open > .outline-item > .outline-label {\n  padding-left: 0 !important;\n}\n.outline-item-active > .outline-expander:hover + .outline-label,\n.outline-item-open > .outline-item-active > .outline-label {\n  padding-left: 12px;\n}\n.outline-item-active > .outline-expander,\n.outline-item-active > .outline-label {\n  font-weight: 900;\n}\n.outline-content li .outline-item::before {\n  content: '';\n  position: absolute;\n  z-index: 38;\n  left: -10px;\n  top: -27.5px;\n  width: 10px;\n  height: calc(50% + 28px);\n  background: transparent;\n  border-left: 1px solid var(--border-color);\n  border-bottom: 1px solid var(--border-color);\n}\n.os-windows .outline-content li .outline-item::before {\n  top: -28.5px;\n}\n.outline-content > li:first-of-type > .outline-item::before {\n  top: calc(50% - 1px);\n  height: calc(50% + 15px);\n  border-left: 1px solid var(--border-color);\n  border-top: 1px solid var(--border-color);\n  border-bottom: none;\n  border-top-left-radius: 3px;\n  border-bottom-left-radius: 0;\n}\n.outline-children > li:first-child > .outline-item::before,\n.outline-content > li:nth-child(2) > .outline-item::before {\n  top: -11px;\n  height: calc(50% + 12px);\n}\n.os-windows .outline-children > li:first-child > .outline-item::before,\n.os-windows .outline-content > li:nth-child(2) > .outline-item::before {\n  top: -13px;\n  height: calc(50% + 13px);\n}\n.no-collapse-outline .outline-children > li:first-child > .outline-item::before,\n.no-collapse-outline .outline-content > li:nth-child(2) > .outline-item::before {\n  top: -8px;\n  height: calc(50% + 8px);\n}\n.outline-content > li:last-child > .outline-item::before,\n.outline-children > li:last-child > .outline-item::before {\n  border-bottom-left-radius: 3px;\n}\n.no-collapse-outline .outline-item-wrapper > .outline-children::before,\n.outline-item-open > .outline-children::before {\n  content: '';\n  position: absolute;\n  left: -21px;\n  top: -26px;\n  width: 1px;\n  height: calc(100% + 12px);\n  background: transparent;\n  border-left: 1px solid var(--border-color);\n}\n.no-collapse-outline .outline-item-wrapper > .outline-children::before {\n  left: -24px;\n}\n.no-collapse-outline .outline-content > li.outline-item-wrapper:first-child > .outline-children::before,\n.outline-content > li.outline-item-open:first-child > .outline-children::before {\n  top: -15px;\n}\n.outline-content > li:only-of-type > .outline-item::before,\n.no-collapse-outline .outline-item-wrapper:last-of-type > .outline-children::before,\n.no-collapse-outline .outline-children > li.outline-item-wrapper:last-child > .outline-children::before,\n.outline-item-open:last-of-type > .outline-children::before,\n.outline-children > li.outline-item-open:last-child > .outline-children::before {\n  display: none;\n}\n.outline-content > li:only-of-type {\n  margin-left: -8px;\n}\nli > .outline-item-active:before,\n.outline-item:hover::before,\n.outline-item-active > .outline-item::before {\n  width: 7px !important;\n}\nli > .outline-item-active,\nli > .outline-item:hover,\n.outline-item-active > .outline-item {\n  margin-left: 4px !important;\n  padding-left: 7px !important;\n}\n\nli > .outline-item-active::before,\nli > .outline-item:hover::before,\n.outline-item-active > .outline-item::before {\n  left: -7px !important;\n}\n.outline-item:hover,\n.outline-item:hover > .outline-label,\n.outline-item-active,\n.outline-item-active > .outline-label {\n  background: var(--bg-color2) !important;\n}\n.outline-item-active > .outline-label,\n.outline-item-active > .outline-expander::before {\n  color: var(--color-1);\n}\n.ty-on-outline-filter .outline-content .outline-item::before,\n.ty-on-outline-filter .outline-content .outline-item::after {\n  display: none;\n}\n.ty-on-outline-filter .outline-content > li > ul,\n.ty-on-outline-filter .outline-content .outline-item {\n  margin-left: 0;\n}\n\n/* .oultine-item search result */\n.outline-content:has(.ty-outline-hit) {\n  padding-left: 14px;\n}\n.outline-content li:has(.ty-outline-hit) *::before,\n.outline-content li:has(.ty-outline-hit) *::after {\n  content: '';\n  display: none;\n}\n.outline-content li:has(.ty-outline-hit) .outline-item {\n  margin-left: 1px !important;\n  width: calc(100% - 1px);\n  padding-left: 0 !important;\n}\n.outline-content li:has(.ty-outline-hit) .outline-item > .outline-label {\n  padding: 8px 10px !important;\n}\n\n/*\n * --------------------------\n * file-library-list\n * file-library-search-result\n * --------------------------\n*/\n#file-library-list,\n#file-library-search-result {\n  padding: 14px;\n}\n/*ty-search-item*/\n#file-library-list .file-list-item,\n#file-library-search-result .ty-search-item {\n  margin-bottom: 8px;\n  border: 1px solid transparent;\n  border-bottom-color: var(--border-color);\n}\n#file-library-list .file-list-item {\n  padding-left: 14px;\n  padding-right: 14px;\n}\n\n#file-library-list .file-list-item.active,\n#file-library-search-result .ty-search-item.active {\n  border-radius: 5px;\n  border: 1px solid var(--color-1);\n}\n#file-library-list .file-list-item.active {\n  padding: 6px 12px;\n}\n#file-library-search-result .ty-search-item.active {\n  padding: 6px 12px 6px 0;\n}\n#file-library-list .file-list-item:first-of-type.active,\n#file-library-search-result .ty-search-item:first-of-type.active {\n  margin-top: 0;\n}\n#file-library-list .file-list-item:hover,\n#file-library-search-result .ty-search-item:hover {\n  border-radius: 5px;\n  background: var(--bg-color2);\n  border-color: var(--border-color);\n}\n#file-library-list .file-list-item:hover {\n  color: var(--color-1);\n}\n#file-library-list .file-list-item:hover + .file-list-item:not(.active),\n#file-library-list .file-list-item.active + .file-list-item:not(.active),\n#file-library-search-result .ty-search-item:hover + .ty-search-item:not(.active),\n#file-library-search-result .ty-search-item.active + .ty-search-item:not(.active) {\n  border-top: 1px solid var(--border-color);\n}\n#file-library-list .file-list-item.active:hover,\n#file-library-search-result .ty-search-item.active:hover {\n  border-color: var(--color-1);\n}\n\n#file-library-search-result .ty-search-item.active {\n  color: var(--text-color);\n}\n#file-library-search-result .ty-search-item.active .ty-search-item-line {\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n.file-list-item-time {\n  margin-right: 0;\n  padding-right: 0;\n}\n.file-list-item-count {\n  margin-right: 0;\n  border-radius: 3px;\n  padding: 0 6px;\n}\n#file-library-search-result .ty-search-item.active .file-list-item-count {\n  padding-right: 0;\n}\n#sidebar-loading-template {\n  display: none;\n  margin-bottom: 5px;\n  border-radius: 5px;\n  padding: 8px;\n}\n.ty-file-search-match-text {\n  background-color: var(--color-2-0-c);\n}\n\n/*\n * ------------------------\n * file-library-tree\n * ------------------------\n*/\n#file-library-tree {\n  box-sizing: border-box;\n  padding-top: 8px;\n  padding-left: 14px;\n  padding-right: 14px;\n}\n.file-node-root {\n  position: relative;\n  margin-left: 0 !important;\n  padding-left: 0 !important;\n}\n.file-tree-node {\n  margin-bottom: 1px;\n}\n.file-node-children {\n  margin-left: 12px;\n}\n.file-node-root > .file-node-children {\n  margin-left: -2px;\n}\n.file-tree-node > .file-node-content > .file-node-open-state + .file-node-icon {\n  margin-left: 4px;\n}\n.file-node-expanded > .file-node-content > .file-node-open-state + .file-node-icon,\n.file-node-collapsed > .file-node-content > .file-node-open-state + .file-node-icon {\n  margin-left: 3px;\n}\n.fa-folder:before,\n.fa-folder:after,\n.fa-caret-right,\n.fa-caret-down {\n  color: var(--text-grey);\n}\n.file-node-content .file-node-open-state {\n  position: relative;\n  padding-left: 3px;\n}\n.file-node-expanded .file-node-content .file-node-open-state {\n  padding-left: 3px;\n}\n.file-node-content .file-node-open-state::after {\n  content: \"\";\n  position: absolute;\n  z-index: 20;\n  left: 0;\n  top: -21px;\n  width: 8px;\n  height: 32px;\n  border-left: 1px solid var(--border-color);\n  border-bottom: 1px solid var(--border-color);\n  background: transparent;\n}\n.file-node-expanded > .file-node-content .file-node-open-state::after {\n  left: -12px;\n  top: -21px;\n  width: 7px;\n}\n.file-node-root > .file-node-content .file-node-open-state::after {\n  display: none;\n}\n.file-tree-node:first-child > .file-node-content .file-node-open-state::after {\n  top: -11px;\n  height: 22px;\n}\n.file-node-expanded:first-child > .file-node-content .file-node-open-state::after {\n  top: -11px;\n}\n.file-tree-node:last-child > .file-node-content .file-node-open-state::after {\n  border-bottom-left-radius: 3px;\n}\n.file-node-collapsed > .file-node-content .fa-caret-right {\n  margin-left: 9px;\n}\n.file-node-expanded {\n  margin-left: 8px;\n  border-left: 1px solid var(--border-color);\n}\n.file-tree-node:last-child {\n  border-left-color: transparent;\n}\n.file-node-expanded > .file-node-content {\n  margin-left: 3px;\n}\n.file-node-root > .file-node-content {\n  margin-left: 0;\n}\n.file-node-content {\n  position: relative;\n  padding-top: 3px;\n}\n.file-node-content::after {\n  content: '';\n  display: none;\n  position: absolute;\n  z-index: -1;\n  left: 6px;\n  top: 0;\n  width: calc(100% - 10px);\n  height: 29px;\n  background: var(--bg-color2);\n  border-radius: 5px;\n}\n.file-library-file-node:hover > .file-node-content::after,\n.file-tree-node.active > .file-node-content::after {\n  display: block;\n}\n.file-library-file-node:hover > .file-node-content > .file-node-open-state:after,\n.file-tree-node.active > .file-node-content > .file-node-open-state:after {\n  width: 6px;\n}\n.file-node-background {\n  display: none !important;\n}\n.file-library-node:not(.file-node-root):focus > .file-node-content {\n  outline: none;\n}\n\n/*\n * ------------------------\n * TOC md-toc\n * ------------------------\n*/\n.md-toc {\n  margin: 16px 0 0 0;\n  font-size: 14px;\n}\n.md-toc-content {\n  position: relative;\n  margin: 0 0 0 3px;\n  padding: 0;\n}\n.md-toc-content:before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 12px;\n  width: 1px;\n  height: calc(100% - 30px);\n  border-left: 1px solid var(--border-color);\n}\n.md-toc:focus .md-toc-content {\n  margin: 0 !important;\n  border: none !important;\n}\n.md-toc-content .md-toc-item {\n  position: relative;\n  padding-bottom: 8px;\n}\n.md-toc-content .md-toc-item:before {\n  content: '';\n  position: absolute;\n  top: 8px;\n  left: -2px;\n  width: 5px;\n  height: 5px;\n  background: var(--border-color);\n  border-radius: 50%;\n}\n.md-toc-content .md-toc-h1::before {\n  background: var(--color-1);\n}\n.md-toc-item a.md-toc-inner:hover {\n  text-decoration: none;\n}\n.md-toc-item:has(a.md-toc-inner:hover)::before {\n  background: var(--color-2);\n}\n.md-toc-item a.md-toc-inner:hover code {\n  background: var(--color-2-0-a);\n  color: var(--color-2);\n}\n.md-toc-item a {\n  padding-left: 18px !important;\n}\n\n\n#write div.md-toc-tooltip {\n  z-index: 100;\n  top: -52px;\n  border-top: 1px solid var(--border-color);\n  border-bottom: 1px solid var(--border-color);\n  padding: 3px 0;\n}\n.md-toc-content .md-toc-h1 a {\n  padding-left: 20px;\n}\n#write div.md-toc-tooltip .md-delete-toc {\n  margin: 0 !important;\n  padding: 0 10px;\n  background: var(--bg-color);\n}\n#write div.md-toc-tooltip .md-delete-toc:hover {\n  background: var(--bg-color2);\n  color: var(--color-1);\n}\n\n/*\n * ------------------------\n * code colors\n * ------------------------\n*/\n.cm-s-inner {\n  background-color: transparent !important;\n  color: var(--text-code);\n}\n.cm-s-inner .CodeMirror-gutters {\n  border-right-color: var(--border-color);\n  color: var(--text-code);\n}\n.cm-s-inner .CodeMirror-guttermarker,\n.cm-s-inner .CodeMirror-guttermarker-subtle,\n.cm-s-inner .CodeMirror-linenumber {\n  color: var(--md-char-color);\n}\n.cm-s-inner .CodeMirror-cursor {\n  border-left: 1px solid var(--border-color);\n}\n.cm-s-inner div.CodeMirror-selected,\n.cm-s-inner.CodeMirror-focused div.CodeMirror-selected,\n.cm-s-inner .CodeMirror-line::selection,\n.cm-s-inner .CodeMirror-line > span::selection,\n.cm-s-inner .CodeMirror-line > span > span::selection,\n.cm-s-inner .CodeMirror-line::-moz-selection,\n.cm-s-inner .CodeMirror-line > span::-moz-selection,\n.cm-s-inner .CodeMirror-line > span > span::-moz-selection {\n  background: var(--color-2-0-c);\n}\n.cm-s-inner .CodeMirror-activeline-background { background: transparent; }\n.cm-s-inner .cm-keyword { color: #bb59fd; }\n.cm-s-inner .cm-operator { color: #40d7ec; }\n.cm-s-inner .cm-variable { color: #f4395dff; }\n.cm-s-inner .cm-variable-2 { color: #e2785f; }\n.cm-s-inner .cm-variable-3 { color: #6083ff; }\n.cm-s-inner .cm-builtin { color: #f61d78; }\n.cm-s-inner .cm-atom { color: #fa5336; }\n.cm-s-inner .cm-number { color: #f59102; }\n.cm-s-inner .cm-def { color: #3876eb; }\n.cm-s-inner .cm-string { color: #02be74; }\n.cm-s-inner .cm-string-2 { color: #0a790a; }\n.cm-s-inner .cm-comment,\n.cm-s-inner .cm-meta { color: var(--md-char-color); }\n.cm-s-inner .cm-attribute { color: #c08b01; }\n.cm-s-inner .cm-property { color: #1b9f72; }\n.cm-s-inner .cm-qualifier { color: #dc7b45; }\n.cm-s-inner .cm-tag { color: #e32e73; }\n.cm-s-inner .cm-tag.cm-bracket {color: #0c9bd3;}\n.cm-s-inner .cm-header, .cm-s-inner.cm-header {color: #41cce9;}\n.cm-s-inner .CodeMirror-matchingbracket {\n  text-decoration: underline;\n  color: var(--text-code) !important;\n}\n/* apply to code fences with plan text*/\n.md-fences {\n  background-color: var(--bg-color2);\n  color: var(--text-grey);\n}\n.md-fences .code-tooltip {\n  z-index: 50;\n  right: 0 !important;\n  bottom: -28px !important;\n  padding: 0;\n  border-radius: 5px;\n  background-color: var(--bg-color2);\n  color: var(--text-color);\n}\n.md-fences .code-tooltip input,\n.md-fences .code-tooltip span {\n  margin: 0;\n  padding: 3px;\n  border-radius: 5px;\n}\n\n/**\n * --------------------------------------\n * unibody-window\n * Control UI on Windows/Linux (optional)\n * --------------------------------------\n*/\n.unibody-window #write ul,\n.typora-export #write ul {\n  padding-left: 34px;\n}\n.unibody-window #write ol,\n.typora-export #write ol {\n  padding-left: 36px;\n}\n.unibody-window #write ul ul,\n.unibody-window #write ol ol,\n.unibody-window #write ul > li > ol,\n.unibody-window #write ol > li > ul,\n.typora-export #write ul ul,\n.typora-export #write ol ol,\n.typora-export #write ul > li > ol,\n.typora-export #write ol > li > ul {\n  margin-left: 0;\n}\n.unibody-window #write ul > li > p {\n  margin: 0;\n}\n.unibody-window #write ol > li > p,\n.typora-export #write ol > li > p {\n  margin: 0 0 0 -2px;\n}\n.unibody-window #write ul > .task-list-item > input,\n.typora-export #write ul > .task-list-item > input {\n  margin-left: -22px;\n}\n.unibody-window .long-btn {\n  border-radius: 8px !important;\n}\n\n/* .dropdown-menu */\n.dropdown-menu {\n  margin-top: 4px;\n  padding: 8px !important;\n  border-radius: 8px !important;\n  border: 1px solid var(--border-color);\n}\n#recent-file-panel-search-input,\n.megamenu-menu-panel .btn,\n.dropdown-menu li a,\n.dropdown-menu li:hover {\n  border-radius: 5px !important;\n}\n.ty-spell-check-panel-item {\n  margin-bottom: 4px;\n  border-radius: 5px;\n}\n.btn-split-group .dropdown-menu {\n  margin-top: 0;\n}\n\n.dropdown-menu li a {\n  font-size: 14px;\n}\n.dropdown-menu table th,\n.dropdown-menu table td {\n  padding: 5px !important;\n}\n.dropdown-menu li:hover > a,\n.dropdown-menu li > span > a:hover,\n#sidebar-files-menu li:hover > a,\n#close-sidebar-menu-btn:hover {\n  background: var(--bg-color2) !important;\n  color: var(--color-1) !important;\n}\n.dropdown-menu li > span > a:hover {\n  background: var(--color-1-0-b) !important;\n  box-shadow: inset 0 0 0 1px var(--color-1), inset 0 -1px 0 var(--color-1);\n}\n.dropdown-menu li.file-action-item,\n.dropdown-menu li.file-sort-item,\n.dropdown-menu li.file-sort-item + li {\n  margin-top: 0;\n  border-radius: 0 !important;\n}\n\n/* .toolbar-icon */\n.unibody-window .long-btn:hover span,\n.unibody-window .long-btn:hover i,\n.megamenu-menu-panel .btn:hover,\n#megamenu-menu-header-title:hover,\n.toolbar-icon:hover,\n#megamenu-back-btn:hover i {\n  color: var(--color-1);\n  text-decoration: none;\n}\n.unibody-window .long-btn:hover,\n.megamenu-menu-panel .btn:hover,\n#megamenu-back-btn:hover {\n  border-color: var(--color-1);\n  background: var(--bg-color2);\n}\n#w-titlebar-left {\n  margin-top: 3px;\n}\n#w-traffic-lights span {\n  background: transparent !important;\n  border-radius: 0 !important;\n  border: none !important;\n}\n#w-traffic-lights .btn {\n  margin: 0 !important;\n}\n#w-traffic-lights #w-min,\n#w-traffic-lights #w-close,\n#w-traffic-lights #w-max {\n  padding-top: 8px;\n  padding-left: 18px;\n}\n#w-traffic-lights #w-close {\n  border-top-right-radius: 8px !important;\n}\n#w-max-group.w-show-more > #w-full,\n#w-max-group.w-show-more > #w-pin {\n  display: block !important;\n  background: var(--bg-color2) !important;\n}\n#w-max-group *,\n#w-max-group.w-show-more > #w-full *,\n#w-max-group.w-show-more > #w-pin * {\n  color: var(--text-color) !important;\n}\n#w-max-group.w-show-more > #w-pin {\n  border-bottom-left-radius: 5px !important;\n  border-bottom-right-radius: 5px !important;\n}\n#w-traffic-lights > span:not(#w-close):hover {\n  background: var(--bg-color2) !important;\n  color: var(--text-color);\n}\n#w-traffic-lights #w-close:hover {\n  background: var(--color-5) !important;\n  color: white !important;\n}\n#w-max-group.w-show-more > #w-full:hover *,\n#w-max-group.w-show-more > #w-pin:hover * {\n  color: var(--color-1) !important;\n}\n\n/*  #megamenu-content, #megamenu-menu-sidebar */\n.unibody-window #megamenu-menu-sidebar {\n  --bg-color: #1b1b1f;\n  --bg-color2: rgb(40, 42, 50);\n  --border-color: rgb(60, 62, 70);\n  background: var(--bg-color);\n  border-right: 1px solid var(--border-color);\n  overflow: hidden;\n}\n#megamenu-menu-sidebar .megamenu-menu-list {\n  border: none;\n}\n.megamenu-section {\n  margin-top: 12px;\n}\n.megamenu-menu-panel h1 {\n  margin-top: 32px;\n  margin-bottom: 32px;\n  font-size: 30px;\n  line-height: 30px;\n}\n#megamenu-section-about h1 {\n  text-align: center;\n}\n.megamenu-menu-panel h2 {\n  font-size: 26px;\n  line-height: 26px;\n}\n.megamenu-menu-panel .btn {\n  padding: 6px 12px;\n}\n.megamenu-menu-panel .long-btn {\n  padding: 10px 12px;\n  text-align: center;\n}\n.megamenu-content {\n  padding-right: 30px;\n  padding-top: 26px;\n  background: var(--bg-color);\n}\n.megamenu-menu-panel #recent-file-panel .dropdown-menu {\n  margin-top: 4px;\n}\n#open-theme-folder-btn {\n  margin-top: 32px;\n}\n.megamenu-menu-header {\n  border-color: var(--border-color);\n}\n.megamenu-menu-header #megamenu-back-btn {\n  margin-left: 10px;\n  border-radius: 6px;\n  border-width: 2px;\n}\n.megamenu-menu-header #megamenu-back-btn > i {\n  display: block;\n  font-size: 16px;\n  line-height: 28px;\n}\n.megamenu-menu-header #megamenu-menu-header-title:hover {\n  color: var(--color-1);\n}\n#megamenu-menu-list {\n  padding: 0 8px;\n}\n.megamenu-menu-list li {\n  margin-top: 6px;\n}\n.megamenu-menu-list li a {\n  display: block;\n  border-radius: 5px;\n  border: 1px solid transparent;\n  font-size: 16px;\n  line-height: 34px;\n}\n.megamenu-menu-list li a .fa {\n  display: inline-block;\n  margin-left: 0;\n  margin-right: 0;\n  opacity: 1;\n  font-size: 18px;\n  line-height: 38px;\n}\n.megamenu-menu-list li a .fa + span {\n  margin-left: 14px;\n}\n.megamenu-menu-list li #m-saved .fa {\n  font-size: 20px;\n  line-height: 36px !important;\n  color: var(--color-1);\n}\n.megamenu-menu-list li a:hover,\n.megamenu-menu-list li a.active:hover {\n  background: var(--bg-color2) !important;\n  border: 1px solid var(--color-1);\n  color: var(--color-1) !important;\n}\n.megamenu-menu-list li a.active {\n  background: var(--bg-color2);\n  color: var(--color-1) !important;\n}\n@media (max-width: 768px) {\n  #megamenu-back-btn {\n    margin-left: 0 !important;\n  }\n  .dropdown-menu {\n    padding: 8px !important;\n  }\n}\n#recent-file-panel-action-btn-container {\n  margin-right: 0;\n}\n#recent-file-panel-search-input {\n  width: calc(100% - 55px);\n}\n\n#megamenu-clear-recet-documents {\n  background: var(--bg-color2);\n  padding: 5px 10px;\n  border-radius: 5px;\n  font-size: 14px;\n}\n#megamenu-clear-recet-documents:hover {\n  color: var(--color-1);\n}\n.ty-show-search #info-panel-tab-search .info-panel-tab-border,\n.ty-show-search #info-panel-tab-search .info-panel-tab-border,\n.active-tab-files #info-panel-tab-file .info-panel-tab-border,\n.active-tab-outline #info-panel-tab-outline .info-panel-tab-border {\n  height: 3px;\n  border-radius: 2px;\n}\n.megamenu-menu-panel {\n  scrollbar-width: none !important;\n}\n#theme-preview-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n  justify-content: space-between;\n  grid-gap: 32px;\n  max-width: 100%;\n}\n@media (max-width: 1440px) {\n  #theme-preview-grid {\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n  }\n}\n@media (max-width: 1200px) {\n  #theme-preview-grid {\n    grid-template-columns: 1fr 1fr 1fr;\n  }\n}\n@media (max-width: 992px) {\n  #theme-preview-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n@media (max-width: 768px) {\n  #theme-preview-grid {\n    grid-template-columns: 1fr;\n  }\n}\n.theme-preview-div {\n  margin: 0;\n  box-sizing: border-box;\n  overflow: hidden;\n  padding: 5px;\n  border: 3px solid var(--border-color);\n  border-radius: 10px;\n  color: var(--color-1);\n}\n.theme-preview-content {\n  width: 100%;\n  height: 100%;\n  border-radius: 6px;\n}\n.theme-preview-div:hover {\n  border-color: var(--color-2);\n}\n.theme-preview-div.active {\n  border-color: var(--color-1);\n}\n.theme-preview-div .fa,\n#outline-btn:hover {\n  color: var(--color-1) !important;\n}\n\n/* context menu */\n.context-menu {\n  padding: 6px !important;\n  border-radius: 6px !important;\n  border: 1px solid var(--border-color);\n}\n.ext-context-menu {\n  margin: -4px 1px 0 1px;\n}\n.context-menu li a {\n  display: inline-block;\n  width: 100%;\n  border-radius: 6px !important;\n}\n.context-menu > .active a {\n  color: var(--color-1) !important;\n}\n.tb43e-d6bd-dbe4y {\n  background: var(--bg-color2);\n}\n\n/*\n * ------------------------\n * UI-controls\n * dialogs\n * ------------------------\n*/\n.form-control {\n  padding: 6px;\n}\n\n/* alert-msg */\n#searchpanel-msg {\n  margin-top: 2px;\n  margin-bottom: 8px;\n  background: var(--color-1-0-a);\n}\n.alert.alert-warning,\n.alert.alert-warning * {\n  color: var(--color-1) !important;\n}\n#md-searchpanel {\n  padding-top: 7px;\n}\n#md-searchpanel input,\n#md-replace-type-label,\n#search-panel-replace-btn,\n.modal-dialog,\n.modal-title,\n.modal-content {\n  border-radius: 5px;\n}\n.modal-content {\n  padding: 8px;\n  border-radius: 8px;\n}\n#sidebar-files-menu li a {\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n#sidebar-files-menu .file-action-item {\n  line-height: 30px;\n}\n.ty-sidebar-search-panel {\n  padding-left: 14px !important;\n  padding-right: 14px !important;\n}\n#file-library-search-panel {\n  padding-top: 3px;\n  padding-bottom: 11px;\n  border-bottom: 1px solid var(--border-color) !important;\n}\n#file-library-search-input {\n  top: 4px;\n  width: 100% !important;\n  border-radius: 0 !important;\n}\n#file-library-search-input,\n.native-window #file-library-search-input {\n  height: 28px;\n  border-radius: 5px !important;\n  font-size: 12px;\n}\n#ty-sidebar-search-panel .searchpanel-search-option-btn {\n  top: 12px;\n}\n#close-outline-filter-btn {\n  top: 12px;\n  right: 15px;\n  border: none !important;\n  background: transparent !important;\n}\n#sidebar-content #file-library-search-panel .searchpanel-search-option-btn {\n  top: 12px;\n}\n\n\n/* #root .window */\n.window,\n.window label {\n  font-size: 13px !important;\n}\n.window .window-header h2 {\n  font-size: 15px !important;\n}\n.window .nav-group-item {\n  margin: 14px 0;\n  font-size: 15px !important;\n}\n.window pre {\n  padding: 16px;\n}\n#ty-tooltip,\n.ty-tooltip.shown {\n  padding: 6px 12px;\n  background: var(--bg-color2);\n  border-radius: 6px;\n  color: var(--text-color);\n}\n\n/* content footer */\nfooter.ty-footer,\n.ty-footer .footer-item {\n  height: 24px;\n  border-top: none;\n}\n.ty-footer .footer-item {\n  margin-left: 3px;\n  margin-top: -5px;\n  border-radius: 5px;\n  background: var(--border-color) !important;\n  line-height: 24px;\n}\n.ty-footer #footer-word-count {\n  margin-right: -2px;\n}\n.typora-sourceview-on #toggle-sourceview-btn {\n  margin-left: 0;\n}\n#dict-install-dialog + div {\n  bottom: 3px !important;\n}\n#footer-word-count-info {\n  padding: 6px;\n  border-radius: 5px;\n  border: 1px solid var(--border-color);\n}\n#footer-word-count-info table {\n  border-radius: 0;\n}\n#footer-word-count-info table tr > td:first-of-type {\n  border-top-left-radius: 5px;\n  border-bottom-left-radius: 5px;\n}\n#footer-word-count-info table tr > td:last-of-type {\n  border-top-right-radius: 5px;\n  border-bottom-right-radius: 5px;\n}\n.export-item.active,\n.export-items-list-control {\n  border-radius: 3px !important;\n}\n.nav-group-item {\n  border-radius: 6px !important;\n}\n.input-group table,\n.export-detail {\n  border-radius: 6px !important;\n}\n.export-detail .file-input input {\n  height: 30px !important;\n  padding-left: 8px !important;\n  border-color: var(--border-color) !important;\n}\n.search-input {\n  padding: 6px 12px !important;\n  border-color: var(--border-color) !important;\n}\n.label-input-group div {\n  margin: 0 !important;\n  padding: 0 !important;\n  border: none !important;\n}\n.label-input-group div pre {\n  border-radius: 6px !important;\n  font-size: 14px !important;\n}\n.input-group-content {\n  border-radius: 6px !important;\n}\n.input-group-content table {\n  margin-top: 4px;\n}\n.label-hint svg {\n  margin-right: 3px;\n}\n.export-detail .input-group-content > .row {\n  margin-right: 16px;\n}\n.export-detail,\n.export-item.active,\n.export-items-list-control {\n  background: var(--bg-color2) !important;\n}\n.export-item.active {\n  color: var(--color-1) !important;\n}\n.md-show-hint::after {\n  background: var(--bg-color2) !important;\n  border-radius: 3px;\n  box-shadow: 0 0 3px var(--color-1) !important;\n}\n/**\n * ---------------------------------\n * Control UI on Mac (optional)\n * ---------------------------------\n*/\n.sidebar-tab-btn {\n  margin-top: 12px !important;\n  color: var(--title-color);\n  font-size: 16px !important;\n  line-height: 20px !important;\n  vertical-align: middle;\n}\n.sidebar-tab-btn:hover {\n  color: var(--color-1);\n}\n.mac-os .ty-show-search .ty-tab-wrapper {\n  border-bottom: 1px solid var(--border-color);\n}\n.mac-os #sidebar-search-btn span::before {\n  font-size: 18px;\n}\n.mac-os #ty-sidebar-search-tabs input {\n  top: 0;\n  margin-right: 0;\n  padding: 0;\n  border-top: none;\n  border-right: none;\n  border-left: none;\n  border-radius: 0 !important;\n  border-bottom-width: 1px;\n}\n.mac-os #ty-sidebar-search-tabs .searchpanel-search-option-btn {\n  top: 14px;\n}\n.mac-os #ty-sidebar-search-tabs #ty-sidebar-search-back-btn {\n  margin-top: 14px !important;\n}\n.mac-os #ty-sidebar-search-tabs .sidebar-tab-btn {\n  width: 25px !important;\n  padding-right: 8px;\n}\n.mac-os #ty-sidebar-search-tabs #filesearch-regexp-option-btn {\n  right: 12px;\n}\n.mac-os #ty-sidebar-search-tabs #filesearch-word-option-btn {\n  right: 35px;\n}\n.mac-os #ty-sidebar-search-tabs #filesearch-case-option-btn {\n  right: 58px;\n}\n#ty-sidebar-footer .sidebar-footer-item {\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n.os-windows #ty-sidebar-footer .sidebar-footer-item {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n#typora-quick-open {\n  padding: 12px;\n  background-color: var(--bg-color);\n  border: 1px solid var(--border-color);\n  border-radius: 8px;\n}\n.typora-quick-open-item,\n.md-hover-tip .code-tooltip-content {\n  border-radius: 5px;\n  overflow-x: auto;\n}\n.code-tooltip.md-hover-tip,\n.md-hover-tip .code-tooltip-content,\n.md-arrow::after {\n  border-bottom-color: var(--color-1) !important;\n  background: var(--color-1) !important;\n  box-shadow: 0 1px 4px var(--color-1) !important;\n}\n.md-hover-tip .code-tooltip-content:hover a {\n  color: var(--color-2) !important;\n}\n\n/*\n * ------------------------\n * .ty-preferences\n * ------------------------\n*/\n.sidebar {\n  position: relative;\n}\n.sidebar:after {\n  content: '';\n  display: block;\n  position: absolute;\n  width: 1px;\n  height: 100%;\n  right: -24px;\n  top: 0;\n  border-left: 1px solid var(--border-color);\n}\n\n.ty-preferences a {\n  font-size: 12px !important;\n  text-decoration: none;\n  color: var(--color-1);\n}\n.ty-preferences a:hover {\n  text-decoration: underline;\n  color: var(--color-2);\n}\n\n/*search style*/\n#searchpanel-search-group .ty-search-panel-row {\n  padding-top: 0;\n}\n#searchpanel-search-group .searchpanel-search-option-btn {\n  top: 3px;\n  background: var(--bg-color);\n}\n#searchpanel-search-group .searchpanel-search-option-btn:hover {\n  color: var(--color-1);\n}\n.ty-search-panel-row .btn {\n  line-height: 14px;\n}\n.ty-search-panel-row .ion-close-round,\n.ty-search-panel-row .ty-upload {\n  padding-right: 8px !important;\n  padding-left: 4px !important;\n}\n#search-panel-next,\n#search-panel-replace-btn {\n  left: 3px;\n}\n#search-panel-replaceall-btn,\n#search-panel-replace-btn {\n  padding-right: 4px !important;\n  padding-left: 4px !important;\n  text-align: center !important;\n}\n.ty-on-outline-filter .ty-outline-hit {\n  color: var(--color-2);\n}\n.md-search-hit {\n  background: var(--color-2-0-c) !important;\n  color: #070909 !important;\n}\n.md-search-select {\n  background: var(--color-2) !important;\n  color: #070909 !important;\n}\n\n/* md-notification-container */\n.md-notification-container {\n  padding-top: calc(var(--title-bar-height) + 10px) !important;\n  background: var(--bg-color);\n  border-bottom: 1px solid var(--border-color);\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 2px 5px 0 rgba(0, 0, 0, 0.1);\n  font-size: 14px;\n}\n.native-window.os-windows .md-notification-container,\n.mac-os .md-notification-container {\n  padding-top: 1px !important;\n}\n.md-notification-container #md-notification::before {\n  top: 8px;\n  font-size: 16px;\n}\n#md-notification .md-notification-content {\n  padding-bottom: 4px;\n}\n#md-notification p {\n  margin: 4px 0;\n  white-space: nowrap;\n}\n#md-notification > p:last-of-type {\n  margin-bottom: 8px;\n}\n#md-notification > p:only-of-type {\n  margin-bottom: 0;\n}\n.md-notification-container .btn {\n  margin: 0;\n}\n#md-notification .typora-search-spinner,\n#md-notification .typora-export-spinner {\n  top: 5px !important;\n}\n.unibody-window #md-searchpanel .btn {\n  line-height: 24px !important;\n}\n#md-notification .typora-search-spinner > div,\n#md-notification .typora-export-spinner > div {\n  background: var(--color-1);\n}\n\n/* 打字机模式提示 */\n#md-notification .ty-enter-mode-warning-body + div {\n  display: flex;\n  display: -webkit-flex;\n}\n#md-notification label {\n  align-self: center;\n}\n#md-notification label > input {\n  margin-top: 0;\n}\n\n/*\n * ------------------------\n * diagram\n * ------------------------\n*/\n.md-diagram .md-diagram-panel {\n  border-radius: 8px;\n  border-color: transparent !important;\n  background: var(--bg-color2);\n}\npre.md-focus .md-diagram-panel {\n  margin-top: 4px;\n}\n\n/*\n * ------------------------\n * export html\n * ------------------------\n*/\nbody.typora-export {\n  padding: 0;\n}\n.typora-export code {\n  padding: 2px 4px;\n}\n.typora-export .typora-export-content {\n  display: flex;\n  display: -webkit-flex;\n  width: 100vw;\n  max-width: 1920px;\n  margin: 0 auto;\n  justify-content: center;\n}\n.typora-export #write {\n  margin: 0;\n}\n\n/* sidebar */\n#typora-sidebar {\n  border-right-color: var(--border-color);\n}\n.typora-export-sidebar {\n  margin-right: 0;\n  margin-top: 0;\n}\n.typora-export-sidebar > .outline-content {\n  height: 100vh;\n  border-right: 1px solid var(--border-color);\n  padding-top: 14px;\n  padding-bottom: 14px;\n  overflow: auto;\n}\n.no-collapse-outline .typora-export-sidebar .outline-item-wrapper > ul li,\n.typora-export-sidebar .outline-item-open > ul li {\n  margin-left: 1px;\n}\n.typora-export-no-collapse-outline .outline-expander {\n  display: none;\n}\n.typora-export-no-collapse-outline .outline-item-wrapper > .outline-children::before {\n  content: '';\n  position: absolute;\n  left: -24px;\n  top: -20px;\n  width: 1px;\n  height: calc(100% + 12px);\n  background: transparent;\n  border-left: 1px solid var(--border-color);\n}\n.typora-export-no-collapse-outline .outline-content li ul {\n  margin-left: 21px;\n}\n.typora-export-no-collapse-outline .outline-item-wrapper:last-of-type > .outline-children::before,\n.typora-export-no-collapse-outline .outline-children > li.outline-item-wrapper:last-child > .outline-children::before {\n  display: none;\n}\n.typora-export-no-collapse-outline .outline-children > li:first-child > .outline-item::before,\n.typora-export-no-collapse-outline .outline-content > li:nth-child(2) > .outline-item::before {\n  top: -9px;\n  height: calc(50% + 9px);\n}\n.typora-export-no-collapse-outline .outline-content > li.outline-item-wrapper:first-child > .outline-children::before {\n  top: -15px;\n}\n.typora-export .outline-expander::before,\n.typora-export .outline-expander:hover::before,\n.no-collapse-outline .typora-export .outline-item-wrapper > .outline-item > .outline-expander::before,\n.typora-export .outline-item-open > .outline-item-wrapper > .outline-expander::before {\n  content: \"\" !important;\n  width: 7px;\n  height: 7px;\n  box-sizing: border-box;\n  padding: 0;\n  background: transparent;\n  border-top: 1.5px solid var(--text-color);\n  border-right: 1.5px solid var(--text-color);\n  z-index: 50;\n}\n.typora-export .outline-item-wrapper > .outline-item > .outline-expander::before,\n.typora-export .outline-item-wrapper:not(.outline-item-open) > .outline-item > .outline-expander::before {\n  margin-top: 13px;\n  transform: rotate(45deg);\n  -webkit-transform: rotate(45deg);\n  -ms-transform: rotate(45deg);\n}\n.typora-export .outline-expander:hover::before,\n.typora-export .outline-item-wrapper:not(.outline-item-open) > .outline-item > .outline-expander:hover::before,\n.typora-export .outline-item-open > .outline-item > .outline-expander::before {\n  margin-left: 2px;\n  margin-top: 11px;\n  -webkit-transform: rotate(135deg);\n  -ms-transform: rotate(135deg);\n}\n.typora-export .outline-expander:hover::before {\n  margin-left: -2px;\n}\n.typora-export .outline-item:hover {\n  margin-right: 0;\n}\n.typora-export .outline-item-active {\n  background: transparent !important;\n}\n.typora-export .outline-item-active > .outline-item,\n.typora-export .outline-item-active > .outline-item > .outline-label {\n  background: var(--bg-color2) !important;\n  color: var(--color-1);\n}\n.typora-export .outline-content li .outline-label {\n  padding-left: 9px;\n}\n.typora-export li.outline-item-open > .outline-item > .outline-label,\n.typora-export .outline-item-wrapper:not(.outline-item-open) > .outline-item > .outline-expander:hover + .outline-label {\n  padding-left: 13px;\n}\n.typora-export-no-collapse-outline .outline-content li .outline-label {\n  padding-left: 0 !important;\n}\n.typora-export .outline-item:hover .outline-label {\n  color: var(--text-color);\n}\n.typora-export-sidebar .outline-content li > .outline-item:hover > .outline-expander::before {\n  border-color: var(--text-color);\n}\n.typora-export-sidebar .outline-item-active > .outline-item > .outline-expander::before {\n  border-width: 2px !important;\n  border-color: var(--color-1);\n}\n\n/*\n * ------------------------\n * @media screen\n * ------------------------\n*/\n@media screen and (min-width: 1921px) {\n  .typora-export-show-outline #write {\n    max-width: 1312px;\n    padding-right: 0;\n  }\n}\n\n@media screen and (min-width: 1725px) {\n  .typora-export .outline-content {\n    padding-left: 5px;\n  }\n}\n\n@media screen and (max-width: 1724px) {\n  .typora-export-show-outline #write {\n    max-width: 1672px;\n  }\n  #write,\n  #typora-source .CodeMirror-lines,\n  .typora-export-show-outline #write {\n    padding: 32px 96px;\n  }\n  .typora-export-sidebar,\n  .typora-export-sidebar > .outline-content {\n    width: 280px;\n  }\n}\n\n@media screen and (max-width: 1440px) {\n  .typora-export-show-outline #write {\n    max-width: 1620px;\n  }\n  #write,\n  #typora-source .CodeMirror-lines,\n  .typora-export-show-outline #write {\n    padding: 32px 80px;\n  }\n  .typora-export-sidebar,\n  .typora-export-sidebar > .outline-content {\n    width: 260px;\n  }\n}\n\n@media screen and (max-width: 1200px) {\n  .typora-export-sidebar,\n  .typora-export-sidebar > .outline-content {\n    width: 240px;\n  }\n  #write,\n  #typora-source .CodeMirror-lines,\n  .typora-export-show-outline #write {\n    padding: 32px 80px;\n  }\n}\n\n@media screen and (max-width: 992px) {\n  .typora-export-sidebar,\n  .typora-export-sidebar > .outline-content {\n    display: block !important;\n  }\n  #write,\n  #typora-source .CodeMirror-lines,\n  .typora-export-show-outline #write {\n    padding: 32px 60px;\n  }\n}\n\n@media screen and (max-width: 768px) {\n  .typora-export-sidebar {\n    display: none !important;\n  }\n  #write,\n  .typora-export-show-outline #write {\n    padding: 32px;\n  }\n  h1.md-focus::before,\n  h2.md-focus::before,\n  h3.md-focus::before,\n  h4.md-focus::before,\n  h5.md-focus::before,\n  h6.md-focus::before,\n  h1::before,\n  h2::before,\n  h3::before,\n  h4::before,\n  h5::before,\n  h6::before {\n    left: -30px;\n  }\n}\n\n/*\n * ------------------------\n * @media print\n * ------------------------\n*/\n@media print {\n  html,\n  body,\n  body #write,\n  body content,\n  body .typora-export-content {\n    margin: 0 !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    height: auto !important; /*解决浏览器打印只有一页问题*/\n    padding: 0 !important;\n    border: none !important;\n  }\n  body .typora-export-sidebar {\n    display: none !important;\n    width: 0 !important;\n  }\n  ::-webkit-scrollbar {\n    width: 0 !important;\n    height: 0 !important;\n  }\n  body,\n  body * {\n    scrollbar-width: none !important;\n  }\n  table,\n  pre,\n  img,\n  blockquote,\n  section,\n  .md-alert{\n    page-break-inside: avoid;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    margin: 24pt 0 12pt;\n  }\n  h1 {\n    font-size: 24pt;\n  }\n  h2 {\n    font-size: 21pt;\n  }\n  h3 {\n    font-size: 18pt;\n  }\n  h4 {\n    font-size: 15pt;\n  }\n  h5 {\n    font-size: 13.5pt;\n  }\n  h6 {\n    font-size: 12pt;\n  }\n  p {\n    font-size: 12pt;\n    margin: 12pt 0;\n  }\n\n  @page {\n    margin: 15mm !important;\n    size: auto;\n    /*谷歌浏览器打印设置*/\n    @top-center {\n      content: '';\n      font-size: 9pt;\n    }\n    @bottom-center {\n      content: counter(page) '/' counter(pages);\n      font-size: 9pt;\n    }\n  }\n}"
  },
  {
    "path": "mdmdt-light.css",
    "content": "/*\n * ------------------------------------------------------------------------\n * mdmdt-light.css\n * (c) 2024-2025\n * Author: cayxc\n * Homepage:  https://gitee.com/cayxc/mdmdt  https://github.com/cayxc/Mdmdt\n * License: Apache-2.0\n * ------------------------------------------------------------------------\n*/\n:root {\n  /*--bg-color: rgb(250, 250, 250);*/\n  --bg-color: rgb(250, 250, 252);\n  --bg-color2: rgb(236, 236, 238);\n\n  --text-color: #000;\n  --text-grey: #666;\n  --text-code: #2f479f;\n  --title-color: #070909;\n  --border-color: #d2d2d2;\n\n  --color-1: #3e69d7;\n  --color-1-0-a: rgba(62, 105, 215, 0.15);\n  --color-1-0-b: rgba(62, 105, 215, 0.06);\n\n  --color-2: #f59102;\n  --color-2-0-a: rgba(245, 145, 2, 0.15);\n  --color-2-0-b: rgba(245, 145, 2, 0.06);\n  --color-2-0-c: rgba(245, 145, 2, 0.3);\n\n  --color-3: #03b736;\n  --color-3-0-a: rgba(3, 183, 54, 0.15);\n  --color-3-0-b: rgba(3, 183, 54, 0.06);\n\n  --color-4: #8250df;\n  --color-4-0-a: rgba(130, 80, 223, 0.15);\n  --color-4-0-b: rgba(130, 80, 223, 0.06);\n\n  --color-5: #e30f2e;\n  --color-5-0-a: rgba(227, 15, 46, 0.15);\n  --color-5-0-b: rgba(227, 15, 46, 0.06);\n\n  --md-char-color: rgba(72, 93, 108, 0.75);\n  --meta-content-color: var(--md-char-color);\n  --primary-color: var(--color-1);\n  --primary-btn-border-color: var(--bg-color2);\n  --primary-btn-text-color: var(--text-color);\n  --window-border: 1px solid var(--border-color);\n  --active-file-bg-color: var(--bg-color2);\n  --active-file-text-color: var(--color-1);\n  --active-file-border-color: var(--color-1);\n  --side-bar-bg-color: var(--bg-color);\n  --item-hover-bg-color: var(--bg-color2);\n  --item-hover-text-color: var(--color-1);\n  --select-text-bg-color: var(--color-1-0-a);\n  --monospace: \"JetBrains Mono\", \"Source Code Pro\", \"Fira Code\", Consolas, Inconsolata, \"Cascadia Code\", Monaco, \"Ubuntu Mono\", monospace;\n\n  /*--mermaid-theme: neutral;*/ /*or base, dark, forest, neutral, night*/\n  --mermaid-font-family: \"trebuchet ms\", verdana, arial, sans-serif;\n  --mermaid-sequence-numbers: on;\n  --mermaid-flowchart-curve: linear;\n  --mermaid--gantt-left-padding: 75;\n}\n\nhtml {\n  height: 100vh;\n  background-color: var(--bg-color);\n  font-size: 16px !important;\n  color: var(--text-color);\n  -webkit-font-smoothing: antialiased;\n  scroll-behavior: smooth;\n  scroll-padding: 14px;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  font-size: 16px;\n  line-height: 1.6;\n  letter-spacing: 0.6px;\n  font-family: \"PingFang SC\", \"Microsoft YaHei UI\", \"Microsoft YaHei\", Arial, \"Helvetica Neue\", Helvetica, sans-serif;\n  background: var(--bg-color);\n  overflow-x: hidden;\n}\nbody.os-windows {\n  font-family: \"Microsoft YaHei UI\", \"Microsoft YaHei\", Arial, \"Helvetica Neue\", Helvetica, sans-serif;\n  letter-spacing: 1px;\n}\n* {\n  tab-size: 4;\n  -webkit-tab-size: 4;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n}\n\n/*\n * ------------------------\n * scroll style\n * ------------------------\n*/\n::-webkit-scrollbar,\n::-webkit-scrollbar {\n  width: 8px !important;\n  height: 8px !important;\n}\n::-webkit-scrollbar-thumb,\n::-webkit-scrollbar-thumb {\n  border-radius: 4px !important;\n  background: var(--border-color) !important;\n}\n::-webkit-scrollbar-track,\n::-webkit-scrollbar-track {\n  background: var(--bg-color2) !important;\n}\nhtml,\nhtml * {\n  scrollbar-color: var(--border-color) var(--bg-color2) !important;\n  scrollbar-width: thin !important;\n}\n\n/*\n * -----------------------------------\n * h1 ~ h6, header\n * p, strong, dl, em, u, kbd, hr, mark\n * -----------------------------------\n*/\nh1, h2, h3, h4, h5, h6 {\n  position: relative;\n  line-height: 1.5;\n  margin: 32px 0 18px;\n  color: var(--title-color);\n  letter-spacing: 2px;\n}\nh1 {\n  font-size: 32px;\n  border-bottom: 1px solid var(--border-color);\n}\nh2 { font-size: 28px; }\nh3 { font-size: 24px; }\nh4 { font-size: 20px; }\nh5 { font-size: 18px; }\nh6 { font-size: 16px; }\n\n#write > h1 + *,\n#write > h2 + *,\n#write > h3 + *,\n#write > h4 + *,\n#write > h5 + *,\n#write > h6 + * {\n  margin-top: 18px !important;\n}\n\n#write > h1::before,\n#write > h2::before,\n#write > h3::before,\n#write > h4::before,\n#write > h5::before,\n#write > h6::before,\n#write > h1.md-focus::before,\n#write > h2.md-focus::before,\n#write > h3.md-focus::before,\n#write > h4.md-focus::before,\n#write > h5.md-focus::before,\n#write > h6.md-focus::before {\n  display: none;\n  position: absolute;\n  left: -36px;\n  height: 20px;\n  padding-left: 6px;\n  padding-right: 3px;\n  border: 1px solid var(--color-1);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--color-1);\n}\n#write > h1::before,\n#write > h1.md-focus::before {\n  content: 'h1';\n  top: 15px;\n}\n#write > h2::before,\n#write > h2.md-focus::before {\n  content: 'h2';\n  top: 10.5px;\n}\n#write > h3::before,\n#write > h3.md-focus::before {\n  content: 'h3';\n  top: 8px;\n}\n#write > h4::before,\n#write > h4.md-focus::before {\n  content: 'h4';\n  top: 5.5px;\n}\n#write > h5::before,\n#write > h5.md-focus::before {\n  content: 'h5';\n  top: 4px;\n}\n#write > h6::before,\n#write > h6.md-focus::before {\n  content: 'h6';\n  top: 2.5px;\n}\n#write > h1:hover::before,\n#write > h2:hover::before,\n#write > h3:hover::before,\n#write > h4:hover::before,\n#write > h5:hover::before,\n#write > h6:hover::before {\n  display: block;\n}\n\nhr {\n  height: 1px;\n  box-sizing: border-box;\n  background: var(--border-color);\n  border: none;\n}\n\np {\n  margin-top: 16px;\n  margin-bottom: -5px;\n  white-space: pre-wrap;\n}\n#write > p + p {\n  margin-top: 24px;\n}\np:has(span.md-image) {\n  margin-bottom: 0;\n}\n\nstrong {\n  font-weight: 800;\n  color: var(--title-color);\n}\n\nu {\n  text-underline-offset: 4px;\n  text-decoration-thickness: 1.5px;\n}\n\nem {\n  font-weight: 400;\n}\n\ndel {\n  color: var(--text-grey);\n  text-decoration: line-through;\n  text-decoration-color: var(--color-5);\n  -moz-text-decoration-color: var(--color-5);\n}\n\nmark {\n  border-radius: 5px;\n  background-color: var(--color-1);\n  padding: 0 4px;\n  color: var(--bg-color);\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n}\n\n/*\n * ------------------------\n * a, link\n * ------------------------\n*/\na {\n  position: relative;\n  font-weight: 500;\n  text-decoration: none;\n  color: var(--color-1);\n  font-size: 16px;\n  text-underline-offset: 4px;\n}\na:hover,\n.md-link a:hover,\n.footnotes a:hover {\n  color: var(--color-2);\n  text-decoration: underline;\n  cursor: pointer !important;\n}\n/*以下写法是防止导出pdf时再标题或代码块部分生成链接图标*/\n#write p a,\n#write table a,\n#write blockquote a,\n#write .md-alert a,\n#write li a {\n  padding-left: 2px;\n}\n#write p a::before,\n#write table a::before,\n#write blockquote a::before,\n#write .md-alert a::before,\n#write li a::before {\n  content: \"\";\n  display: inline-block;\n  position: relative;\n  top: 2px;\n  right: 2px;\n  z-index: 30;\n  width: 14px;\n  height: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: 100%;\n  background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzQxNDk2OTA4OTA2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE1NjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTIyNy44NCAyMS41MDRjLTQxLjQ3MiA3LjY4LTk3LjI4IDM3Ljg4OC0xMzAuMDQ4IDcwLjY1NkM0Ny42MTYgMTQyLjg0OCAyMC40OCAyMDcuMzYgMjAuNDggMjc2Ljk5MmMwIDc1Ljc3NiAxOC45NDQgMTIzLjM5MiA3Ni4yODggMTkzLjAyNCAzMC4yMDggMzUuODQgMTA1Ljk4NCAxMDguNTQ0IDExNy4yNDggMTEyLjY0IDIuNTYgMC41MTIgNi42NTYtMTQuMzM2IDguNzA0LTMzLjI4IDIuMDQ4LTE4Ljk0NCA3LjY4LTQ4LjEyOCAxMy4zMTItNjQgMTUuODcyLTQ4LjEyOCAxNC4zMzYtNTMuNzYtMjYuNjI0LTkzLjY5NkMxNjQuODY0IDM0Ny42NDggMTQ4LjQ4IDMxNS4zOTIgMTQ4LjQ4IDI3My40MDhjMC05OC44MTYgMTAzLjQyNC0xNjEuMjggMTg1Ljg1Ni0xMTMuMTUyIDExLjc3NiA3LjE2OCA3MS4xNjggNjMuNDg4IDEzMi42MDggMTI0LjkyOCAxMjAuODMyIDEyMS44NTYgMTIwLjMyIDEyMS4zNDQgMTE1LjcxMiAxNzcuMTUyLTEuNTM2IDE5LjQ1Ni03LjY4IDM0LjgxNi0yMC45OTIgNTUuODA4LTIyLjAxNiAzNC4zMDQtMjUuMDg4IDYyLjk3Ni04LjcwNCA4OS42IDEyLjI4OCAyMC40OCAyNS42IDI3LjY0OCA1My4yNDggMjguNjcyIDMyLjc2OCAxLjUzNiA1NC4yNzItMTUuODcyIDc4Ljg0OC02Mi45NzYgMjQuNTc2LTQ2LjU5MiAzMi4yNTYtNzYuOCAzMi4yNTYtMTI2LjQ2NCAwLTUzLjc2LTE1Ljg3Mi0xMDAuODY0LTUyLjIyNC0xNTUuMTM2LTIwLjk5Mi0zMC43Mi0xNjIuODE2LTE3My41NjgtMjEwLjk0NC0yMTEuOTY4QzM4NS41MzYgMjUuMDg4IDMxMC4yNzIgNS42MzIgMjI3Ljg0IDIxLjUwNHoiIGZpbGw9IiMzZTY5ZDciIHAtaWQ9IjE1NjkiPjwvcGF0aD48cGF0aCBkPSJNMzkxLjY4IDM5MS42OGMtMjQuMDY0IDExLjI2NC0zMS4yMzIgMTguNDMyLTUxLjIgNTUuMjk2LTI0LjA2NCA0NC4wMzItMzMuMjggNzguMzM2LTMzLjc5MiAxMjggMCA1NS4yOTYgMTUuMzYgMTAxLjg4OCA1Mi4yMjQgMTU3LjE4NCAyMS41MDQgMzIuMjU2IDE3Ny4xNTIgMTg2Ljg4IDIxOS42NDggMjE5LjEzNiAzOS40MjQgMjkuMTg0IDc4LjMzNiA0Ni4wOCAxMjQuNDE2IDUzLjI0OCAxNTcuMTg0IDI0LjA2NCAzMDAuNTQ0LTk4LjgxNiAzMDAuNTQ0LTI1Ny41MzYgMC03NS43NzYtMTguOTQ0LTEyMy4zOTItNzYuMjg4LTE5My4wMjQtMzAuMjA4LTM1Ljg0LTEwNS45ODQtMTA4LjU0NC0xMTcuMjQ4LTExMi42NC0yLjU2LTAuNTEyLTYuNjU2IDE0LjMzNi04LjcwNCAzMy4yOC0yLjA0OCAxOC45NDQtNy42OCA0OC4xMjgtMTMuMzEyIDY0LTE1Ljg3MiA0OC4xMjgtMTQuMzM2IDUzLjc2IDI2LjYyNCA5My42OTYgNDQuNTQ0IDQ0LjAzMiA2MC45MjggNzYuMjg4IDYwLjkyOCAxMTguMjcyIDAgOTguODE2LTEwMy40MjQgMTYxLjI4LTE4NS44NTYgMTEzLjE1Mi0xMS43NzYtNy4xNjgtNzEuMTY4LTYzLjQ4OC0xMzIuNjA4LTEyNC45MjgtMTIwLjgzMi0xMjEuODU2LTEyMC4zMi0xMjEuMzQ0LTExNS43MTItMTc3LjE1MiAxLjUzNi0xOS40NTYgNy42OC0zNC44MTYgMjAuOTkyLTU1LjgwOCAxNC4zMzYtMjIuMDE2IDE4Ljk0NC0zNC4zMDQgMTguOTQ0LTUxLjIgMC0yMy41NTItMTMuODI0LTUxLjItMjkuMTg0LTU5LjM5Mi0xNy45Mi05LjIxNi00NS4wNTYtMTAuNzUyLTYwLjQxNi0zLjU4NHoiIGZpbGw9IiMzZTY5ZDciIHAtaWQ9IjE1NzAiPjwvcGF0aD48L3N2Zz4=\");\n}\n#write a:hover::before {\n  background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzQxNDk3MDE4MTgyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjExMDciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTIyNy44NCAyMS41MDRjLTQxLjQ3MiA3LjY4LTk3LjI4IDM3Ljg4OC0xMzAuMDQ4IDcwLjY1NkM0Ny42MTYgMTQyLjg0OCAyMC40OCAyMDcuMzYgMjAuNDggMjc2Ljk5MmMwIDc1Ljc3NiAxOC45NDQgMTIzLjM5MiA3Ni4yODggMTkzLjAyNCAzMC4yMDggMzUuODQgMTA1Ljk4NCAxMDguNTQ0IDExNy4yNDggMTEyLjY0IDIuNTYgMC41MTIgNi42NTYtMTQuMzM2IDguNzA0LTMzLjI4IDIuMDQ4LTE4Ljk0NCA3LjY4LTQ4LjEyOCAxMy4zMTItNjQgMTUuODcyLTQ4LjEyOCAxNC4zMzYtNTMuNzYtMjYuNjI0LTkzLjY5NkMxNjQuODY0IDM0Ny42NDggMTQ4LjQ4IDMxNS4zOTIgMTQ4LjQ4IDI3My40MDhjMC05OC44MTYgMTAzLjQyNC0xNjEuMjggMTg1Ljg1Ni0xMTMuMTUyIDExLjc3NiA3LjE2OCA3MS4xNjggNjMuNDg4IDEzMi42MDggMTI0LjkyOCAxMjAuODMyIDEyMS44NTYgMTIwLjMyIDEyMS4zNDQgMTE1LjcxMiAxNzcuMTUyLTEuNTM2IDE5LjQ1Ni03LjY4IDM0LjgxNi0yMC45OTIgNTUuODA4LTIyLjAxNiAzNC4zMDQtMjUuMDg4IDYyLjk3Ni04LjcwNCA4OS42IDEyLjI4OCAyMC40OCAyNS42IDI3LjY0OCA1My4yNDggMjguNjcyIDMyLjc2OCAxLjUzNiA1NC4yNzItMTUuODcyIDc4Ljg0OC02Mi45NzYgMjQuNTc2LTQ2LjU5MiAzMi4yNTYtNzYuOCAzMi4yNTYtMTI2LjQ2NCAwLTUzLjc2LTE1Ljg3Mi0xMDAuODY0LTUyLjIyNC0xNTUuMTM2LTIwLjk5Mi0zMC43Mi0xNjIuODE2LTE3My41NjgtMjEwLjk0NC0yMTEuOTY4QzM4NS41MzYgMjUuMDg4IDMxMC4yNzIgNS42MzIgMjI3Ljg0IDIxLjUwNHoiIGZpbGw9IiNmNTkxMDIiIHAtaWQ9IjExMDgiPjwvcGF0aD48cGF0aCBkPSJNMzkxLjY4IDM5MS42OGMtMjQuMDY0IDExLjI2NC0zMS4yMzIgMTguNDMyLTUxLjIgNTUuMjk2LTI0LjA2NCA0NC4wMzItMzMuMjggNzguMzM2LTMzLjc5MiAxMjggMCA1NS4yOTYgMTUuMzYgMTAxLjg4OCA1Mi4yMjQgMTU3LjE4NCAyMS41MDQgMzIuMjU2IDE3Ny4xNTIgMTg2Ljg4IDIxOS42NDggMjE5LjEzNiAzOS40MjQgMjkuMTg0IDc4LjMzNiA0Ni4wOCAxMjQuNDE2IDUzLjI0OCAxNTcuMTg0IDI0LjA2NCAzMDAuNTQ0LTk4LjgxNiAzMDAuNTQ0LTI1Ny41MzYgMC03NS43NzYtMTguOTQ0LTEyMy4zOTItNzYuMjg4LTE5My4wMjQtMzAuMjA4LTM1Ljg0LTEwNS45ODQtMTA4LjU0NC0xMTcuMjQ4LTExMi42NC0yLjU2LTAuNTEyLTYuNjU2IDE0LjMzNi04LjcwNCAzMy4yOC0yLjA0OCAxOC45NDQtNy42OCA0OC4xMjgtMTMuMzEyIDY0LTE1Ljg3MiA0OC4xMjgtMTQuMzM2IDUzLjc2IDI2LjYyNCA5My42OTYgNDQuNTQ0IDQ0LjAzMiA2MC45MjggNzYuMjg4IDYwLjkyOCAxMTguMjcyIDAgOTguODE2LTEwMy40MjQgMTYxLjI4LTE4NS44NTYgMTEzLjE1Mi0xMS43NzYtNy4xNjgtNzEuMTY4LTYzLjQ4OC0xMzIuNjA4LTEyNC45MjgtMTIwLjgzMi0xMjEuODU2LTEyMC4zMi0xMjEuMzQ0LTExNS43MTItMTc3LjE1MiAxLjUzNi0xOS40NTYgNy42OC0zNC44MTYgMjAuOTkyLTU1LjgwOCAxNC4zMzYtMjIuMDE2IDE4Ljk0NC0zNC4zMDQgMTguOTQ0LTUxLjIgMC0yMy41NTItMTMuODI0LTUxLjItMjkuMTg0LTU5LjM5Mi0xNy45Mi05LjIxNi00NS4wNTYtMTAuNzUyLTYwLjQxNi0zLjU4NHoiIGZpbGw9IiNmNTkxMDIiIHAtaWQ9IjExMDkiPjwvcGF0aD48L3N2Zz4=\");\n}\nsup a,\na.reversefootnote {\n  padding-left: 0 !important;\n}\nsup a::before,\na.reversefootnote::before,\n.md-toc-content .md-toc-item > a::before {\n  display: none;\n  width: 0 !important;\n  height: 0 !important;\n  background-image: none !important;\n}\na:hover {\n  color: var(--color-2);\n}\n.footnotes,\n.footnotes a {\n  font-size: 14px;\n  text-decoration: none;\n}\n.footnotes .md-def-name::before,\n.footnotes .md-def-name::after {\n  color: var(--text-color);\n}\n.footnotes .md-def-url,\n.md-link .md-url {\n  text-decoration: none;\n  color: var(--color-1);\n}\n\n/*\n * ------------------------\n * ul, ol\n * ------------------------\n*/\nul, ol {\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-left: 0;\n}\n#write > p + ul,\n#write > p + ol,\nblockquote > ul,\nblockquote > ol,\n.md-alert > ul,\n.md-alert > ol{\n  margin-top: 11px;\n}\nul {\n  padding-left: 36px;\n}\nol {\n  padding-left: 40px;\n}\nol ol {\n  margin-left: -7px;\n}\nol > li > ul {\n  margin-left: -7px;\n}\nul > li > ol {\n  margin-left: -2px;\n}\nul > li > p {\n  margin: 0 0 0 -2px;\n}\nol > li > p {\n  margin: 0 0 0 -6px;\n}\nul > .task-list-item > input {\n  margin-left: -22px;\n}\n#write li {\n  margin-top: 6px;\n}\nli > p {\n  margin: -5px 0;\n}\n\n#write li img,\n#write li pre,\n#write li figure,\n#write li blockquote,\n#write li .md-alert {\n  margin-top: 11px !important;\n  margin-bottom: 11px !important;\n}\n#write li pre pre,\n#write li .md-image {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n\n/*\n * ------------------------\n * image\n * ------------------------\n*/\nimg,\nspan.md-image {\n  margin: 16px auto 0 auto !important;\n  border-radius: 8px !important;\n  border: none !important;\n  color: var(--md-char-color);\n}\np.md-focus span.md-image {\n  background: var(--color-1-0-b);\n  box-shadow: 0 0 3px var(--border-color);\n}\np.md-focus span.md-image {\n  margin-top: 0;\n}\nspan.md-image,\nspan.md-image span.md-content,\nspan.md-image span.md-image-src-span,\nspan.md-image span.md-image-before-src,\nspan.md-image span.md-image-after-src,\nspan.md-image span.md-image-input-src-btn,\nspan.md-image span.md-image-pick-file-btn,\nspan.md-image span.md-before::before,\nspan.md-image span.md-image-input-src-btn::before,\nspan.md-image span.md-image-pick-file-btn::before {\n  color: var(--color-1);\n}\nspan.md-image-btn {\n  background: var(--bg-color2);\n}\nspan.md-image-btn:hover::before {\n  color: var(--bg-color) !important;\n}\nspan.md-image span.md-image-pick-file-btn {\n  border-left-color: var(--border-color);\n}\n.typora-export #write section:has(img),\n.md-htmlblock-container section:has(img) {\n  display: grid;\n  grid-gap: 16px;\n  justify-content: flex-start;\n  align-items: center;\n  grid-template-columns: repeat(auto-fit, minmax(16px, auto));\n  grid-auto-rows: minmax(16px, auto);\n}\n.typora-export #write > section:has(img) {\n  margin-top: 16px;\n}\n.typora-export #write section img,\n.md-htmlblock-container section img {\n  margin: 0 !important;\n}\n.typora-export #write section:has(img) span,\n.md-htmlblock-container section:has(img) span {\n  display: block;\n  margin: 8px 0;\n}\n.typora-export #write section span > img,\n.md-htmlblock-container section span > img {\n  margin: 8px 0 !important;\n}\n.typora-export #write section span > img:first-of-type,\n.md-htmlblock-container section span > img:first-of-type {\n  margin-top: 0 !important;\n}\n.typora-export #write section span > img:last-of-type,\n.md-htmlblock-container section span > img:last-of-type {\n  margin-bottom: 0 !important;\n}\n.typora-export #write > section:has(img):hover,\n.md-htmlblock-container > section:has(img):hover{\n  border-radius: 8px;\n  background: var(--bg-color2);\n  padding: 16px;\n  transition: padding .3s linear;\n  -webkit-transition: padding .3s linear;\n}\n\n/*\n * ------------------------\n * code\n * ------------------------\n*/\ncode {\n  border-radius: 4px;\n  background: var(--color-1-0-a);\n  padding: 3px 5px;\n  color: var(--text-code);\n  font-size: 14px;\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n}\nh1 code {\n  font-size: 26px;\n}\nh2 code {\n  font-size: 22px;\n}\nh3 code {\n  font-size: 18px;\n}\nh4 code {\n  font-size: 16px;\n}\n.outline-content .outline-item code {\n  font-size: 11px;\n  padding: 2px 4px;\n  border-radius: 3px;\n  vertical-align: middle;\n}\n\n/*\n * ------------------------\n * pre\n * ------------------------\n*/\npre {\n  margin-top: 16px;\n  margin-bottom: 0;\n  box-sizing: border-box;\n  background: var(--bg-color2) !important;\n  border-radius: 8px;\n  font-size: 14px !important;\n  color: var(--text-code);\n}\npre pre {\n  background: transparent !important;\n  padding: 5px 10px;\n  border: none;\n}\npre .CodeMirror-wrap {\n  padding: 16px 16px 16px 0;\n}\npre .CodeMirror-wrap .CodeMirror-scroll {\n  overflow-x: auto;\n}\npre .CodeMirror-sizer {\n  padding-left: 4px;\n}\npre .CodeMirror-gutters {\n  background: var(--bg-color2);\n  border-color: var(--border-color);\n}\n\n/*\n * ------------------------\n * blockquote\n * ------------------------\n*/\nblockquote,\n.md-alert {\n  margin-top: 16px !important;\n  margin-bottom: 0;\n  padding: 16px;\n  background: var(--color-1-0-b);\n  box-sizing: border-box;\n  border-radius: 8px;\n  border-left: 4px solid var(--color-1);\n  border-right: 0.1px solid transparent;\n  border-bottom: 0.1px solid transparent;\n  border-top: 0.1px solid transparent;\n}\nblockquote > *:first-child,\n.md-alert > *:first-child {\n  margin-top: 0 !important;\n}\nblockquote > *:last-child,\n.md-alert > *:last-child {\n  margin-bottom: 0 !important;\n}\n.md-alert.md-alert-note {\n  border-left-color: var(--color-1);\n  background: var(--color-1-0-b);\n  color: var(--color-1);\n}\n.md-alert.md-alert-note .md-alert-text-note {\n  color: var(--color-1);\n}\n.md-alert.md-alert-caution {\n  border-left-color: var(--color-2);\n  background: var(--color-2-0-b);\n  color: var(--color-2);\n}\n.md-alert.md-alert-caution .md-alert-text-caution {\n  color: var(--color-2);\n}\n.md-alert.md-alert-tip {\n  border-left-color: var(--color-3);\n  background: var(--color-3-0-b);\n  color: var(--color-3);\n}\n.md-alert.md-alert-tip .md-alert-text-tip {\n  color: var(--color-3);\n}\n.md-alert.md-alert-important {\n  border-left-color: var(--color-4);\n  background: var(--color-4-0-b);\n  color: var(--color-4);\n}\n.md-alert.md-alert-important .md-alert-text-important {\n  color: var(--color-4);\n}\n.md-alert.md-alert-warning {\n  border-left-color: var(--color-5);\n  background: var(--color-5-0-b);\n  color: var(--color-5);\n}\n.md-alert.md-alert-warning .md-alert-text-warning {\n  color: var(--color-5);\n}\n\n/*\n * ------------------------\n * sup, sub, kbd\n * ------------------------\n*/\nsup, sub {\n  font-size: 12px;\n}\nsup.md-footnote {\n  background: transparent;\n  padding: 0 2px;\n  color: var(--color-1);\n}\nsup.md-footnote:hover {\n  color: var(--color-2);\n  cursor: pointer;\n}\nkbd {\n  display: inline-block;\n  border: none;\n  border-image: none;\n  border-radius: 5px;\n  background: var(--title-color);\n  padding: 0 6px;\n  box-shadow: none;\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n  font-size: 14px;\n  font-weight: 900;\n  color: var(--bg-color);\n}\n::selection {\n  background: var(--color-2-0-c);\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n}\n\n/*\n * ------------------------\n * table\n * ------------------------\n*/\ntable,\nfigure {\n  width: 100%;\n  margin-bottom: 0;\n  border-radius: 8px;\n  padding: 0 !important;\n  border-collapse: separate;\n  border-spacing: 0;\n}\nfigure {\n  margin-top: 16px !important;\n}\ntable {\n  margin-top: 0;\n  border: 1px solid var(--border-color) !important;\n  overflow: hidden;\n}\ntable thead tr th {\n  background: var(--bg-color2);\n}\ntable tbody tr:nth-child(even) td {\n  background: var(--bg-color2);\n}\ntable tbody tr:nth-child(odd) td {\n  background: var(--bg-color);\n}\ntable tr th, table tr td {\n  padding: 10px !important;\n  white-space: pre-wrap !important;\n}\ntable tr td,\ntable thead tr th {\n  border-left: 1px solid var(--border-color) !important;\n}\ntable tbody tr td:first-of-type,\ntable thead tr th:first-of-type {\n  border-left: none !important;\n}\n.md-grid-board-wrap table {\n  border: none !important;\n  border-radius: 0;\n}\n.md-grid-board-wrap table tr th,\n.md-grid-board-wrap table tr td {\n  padding: 0 !important;\n}\n#md-grid-width,\n#md-grid-height {\n  text-align: center !important;\n  padding: 1px 0;\n}\nbutton#md-resize-grid {\n  display: block !important;\n  width: 100%;\n  margin: 5px auto 0;\n  color: var(--bg-color);\n}\nbutton#md-resize-grid:hover {\n  color: var(--color-1);\n  border-color: var(--color-1);\n}\n.ty-table-edit {\n  margin-left: 0;\n}\n.md-tooltip-remove {\n  position: absolute;\n  z-index: 200;\n  margin-top: -28px !important;\n  background: var(--bg-color);\n}\n.md-tooltip-remove .md-delete-table {\n  margin-right: 10px !important;\n}\n.md-table-resize-popover .md-reset > a::before {\n  display: none !important;\n}\n\n/*\n * ------------------------\n * btn\n * ------------------------\n*/\n.btn,\n.btn-default,\n.long-btn {\n  border-radius: 5px !important;\n  border: 1px solid var(--border-color) !important;\n  background: var(--bg-color2) !important;\n  outline: none !important;\n}\n.btn-primary {\n  background: var(--color-1) !important;\n  border-color: var(--color-1) !important;\n  color: #fff;\n}\n\n.btn:hover,\n.long-btn:hover {\n  background: var(--color-1-0-b) !important;\n  border-color: var(--color-1) !important;\n  color: var(--color-1);\n}\n\n.btn:focus,\n.long-btn:focus {\n  outline: none !important;\n}\n.btn {\n  margin-right: 5px !important;\n}\n.btn:last-of-type {\n  margin-right: 0;\n}\n.dropdown-toggle::after {\n  font-size: 14px;\n}\n.dropdown-toggle:hover::after {\n  color: var(--color-1);\n}\n\n/*\n * ------------------------\n * select\n * ------------------------\n */\nselect {\n  border-radius: 6px !important;\n  border: 1px solid var(--border-color) !important;\n  padding: 6px !important;\n}\noption {\n  background: var(--bg-color);\n}\n/*\n * ------------------------\n * textarea\n * ------------------------\n */\ntextarea {\n  outline: none;\n  padding: 16px;\n  border-radius: 8px;\n  border-color: var(--border-color);\n  background: var(--bg-color) !important;\n  color: var(--text-color) !important;\n}\n#write textarea {\n  margin-top: 14px !important;\n  margin-bottom: 0;\n}\n\n/*\n * ------------------------\n * input\n * ------------------------\n*/\nhtml input,\ninput {\n  position: relative;\n  border-radius: 5px !important;\n  border: 1px solid var(--border-color);\n  outline: none !important;\n  padding: 0 6px;\n  line-height: 1.2;\n}\nhtml input:focus,\nhtml textarea:focus,\nhtml input[type=\"number\"]:focus,\nhtml input[type=\"search\"]:focus,\nhtml input[type=\"text\"]:focus {\n  border-color: var(--color-1) !important;\n  box-shadow: none !important;\n  outline: none !important;\n}\ninput::placeholder {\n  font-size: 14px;\n  color: var(--text-grey) !important;\n}\n\n/*input checkbox*/\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  margin-right: 10px !important;\n  margin-bottom: -2px !important;\n  width: 14px !important;\n  height: 14px !important;\n  box-sizing: border-box;\n  background: transparent !important;\n  border: 1px solid var(--border-color) !important;\n  border-radius: 3px !important;\n  padding: 0 !important;\n  outline: none;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  -ms-appearance: none;\n  list-style: none;\n}\ninput[type=\"checkbox\"]:checked,\ninput[type=\"radio\"]:checked {\n  background: var(--color-1) !important;\n  border-color: transparent !important;\n}\ninput[type=\"checkbox\"]:checked::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  bottom: 2.5px;\n  left: 3.5px;\n  width: 5px;\n  height: 9px;\n  box-sizing: border-box;\n  background: transparent;\n  border: 2px solid #fff;\n  border-top: none;\n  border-left: none;\n  transform: rotate(40deg);\n  -webkit-transform: rotate(40deg);\n  -ms-transform: rotate(40deg);\n}\ninput[type=\"radio\"] {\n  border-radius: 50% !important;\n  -webkit-border-radius: 50% !important;\n  -moz-border-radius: 50% !important;\n  border: 1px solid var(--border-color) !important;\n}\ninput[type=\"radio\"]:checked::after {\n  content: \"\";\n  display: block;\n  margin: 3.5px auto;\n  width: 5px;\n  height: 5px;\n  box-sizing: border-box;\n  background: #fff;\n  border-radius: 50%;\n  -webkit-border-radius: 50%;\n  -moz-border-radius: 50%;\n}\n\n/*\n * ------------------------\n * header\n * ------------------------\n*/\nbody > header {\n  background: var(--bg-color) !important;\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15) !important;\n}\n\n/*\n * ------------------------\n * md-htmlblock\n * md-mathblock\n * ------------------------\n*/\n.md-htmlblock-panel,\n.md-htmlblock-container,\n.md-htmlblock-container .md-htmlblock-panel-placeholder {\n  background: transparent;\n}\n.md-htmlblock-container,\n.md-math-container {\n  border-radius: 8px;\n  background: var(--bg-color);\n  overflow: auto;\n}\n.md-math-container {\n  width: 100%;\n  padding: 16px;\n}\n\n.md-rawblock-on-edit .md-htmlblock-panel,\n.md-rawblock-on-edit .md-mathblock-panel {\n  border-radius: 8px;\n  background: var(--bg-color2);\n  padding: 16px;\n}\n.md-mathblock-panel .md-rawblock-control {\n  background: transparent;\n}\n.md-mathblock-panel .code-tooltip {\n  margin: 14px 6px 0;\n  box-shadow: none;\n  border-top: 1px solid var(--border-color);\n  border-radius: 0;\n}\n.code-tooltip {\n  box-shadow: none;\n}\n.code-tooltip .ty-input {\n  border-color: var(--border-color);\n}\n.md-rawblock-on-edit .md-rawblock-input {\n  padding: 0;\n  background: transparent;\n}\n.md-rawblock .md-rawblock-tooltip {\n  float: right;\n  margin-top: -11px;\n  height: auto;\n  border-radius: 5px;\n  background: var(--bg-color2);\n  animation: none !important;\n}\n.md-rawblock .md-rawblock-tooltip span {\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n.md-rawblock .md-rawblock-tooltip-edit-btn:hover {\n  background: transparent;\n}\n\n.md-htmlblock:hover .md-htmlblock-container,\n.md-htmlblock:hover .md-rawblock-tooltip,\n.md-math-block:hover .md-math-container,\n.md-math-block:hover .md-rawblock-tooltip,\n.md-rawblock-on-edit:hover .md-rawblock-tooltip {\n  background: var(--bg-color2);\n}\n.md-inline-math script {\n  color: #f9007c;\n}\n\n/*\n * ------------------------\n * #write\n * ------------------------\n*/\n#write {\n  margin: 0 auto;\n  width: 100%;\n  max-width: 1424px;\n  min-width: 300px;\n  padding: 32px 112px;\n  overflow: auto;\n  /*  scroll-behavior: smooth;\n    scroll-padding: 16px;*/\n}\n#write > *:first-child {\n  margin-top: 0;\n}\n\nspan.md-comment {\n  color: var(--md-char-color);\n  opacity: 1;\n}\n.md-image-btn.selected, .md-image-btn:hover {\n  background: var(--color-1);\n}\n#write pre.md-meta-block:empty:before {\n  color: var(--text-code);\n}\n\n/*\n * ------------------------\n * typora-source\n * ------------------------\n*/\n#typora-source .CodeMirror-sizer {\n  padding-right: 0 !important;\n}\n#typora-source .CodeMirror-lines {\n  margin: 0 auto;\n  max-width: 1424px;\n  min-width: 300px;\n  padding: 32px 112px;\n}\n#typora-source .CodeMirror-lines pre {\n  border: none !important;\n  background: var(--bg-color) !important;\n  padding: 8px 16px !important;\n  font-size: 16px !important;\n}\n#typora-source .CodeMirror-activeline pre {\n  background: var(--bg-color2) !important;\n  border-radius: 6px;\n}\n#typora-source .CodeMirror-activeline .CodeMirror-linebackground {\n  background: transparent !important;\n}\n#typora-source .CodeMirror-lines .cm-header {\n  color: var(--color-2);\n}\n.CodeMirror.cm-s-typora-default div.CodeMirror-cursor {\n  border-left: 3px solid var(--color-2);\n}\n.cm-s-typora-default .cm-header, .cm-s-typora-default .cm-property,\n.cm-s-typora-default .cm-link {\n  color: var(--color-2);\n}\n.cm-s-inner .cm-comment, .cm-s-inner.cm-comment, .cm-overlay {\n  color: var(--md-char-color);\n}\n.cm-s-typora-default .cm-string {\n  color: var(--color-1);\n}\n.cm-s-typora-default .cm-code, .cm-s-typora-default .cm-comment {\n  color: var(--text-code);\n}\n.cm-s-typora-default .cm-tag {\n  color: #e31570;\n}\n\n.cm-attribute {\n  color: var(--color-2);\n}\n\n/*\n * ------------------------\n * #toc-dropmenu\n * ------------------------\n*/\n#toc-dropmenu {\n  top: calc(var(--title-bar-height) + 8px) !important;\n  right: 18px;\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n#toc-dropmenu #pin-outline-btn {\n  display: inline-block;\n  top: 10px;\n}\n#toc-dropmenu .divider {\n  margin-bottom: 0;\n}\n\n/*\n * ------------------------\n * sidebar\n * toc-content\n * ------------------------\n*/\n.os-windows #sidebar-content {\n  margin-top: -1px;\n  border-top: 1px solid var(--border-color);\n}\n.os-windows .ty-show-outline-filter #sidebar-content .sidebar-content-content {\n  margin-top: -4px;\n}\n.os-windows .ty-show-search #sidebar-content .sidebar-content-content {\n  margin-top: -7px;\n}\n.sidebar-tabs {\n  padding: 0 2px;\n}\n.outline-content {\n  overflow: auto !important;\n  padding: 14px 14px 14px 17px;\n  font-size: 14px !important;\n}\n.os-windows .outline-content {\n  padding-top: 15px;\n}\n.outline-content li {\n  position: relative;\n  z-index: 30;\n}\n.outline-content > li:first-of-type::before {\n  top: 0;\n}\n.outline-content li ul {\n  position: relative;\n  z-index: 48;\n  margin-left: 18px;\n  margin-top: 0 !important;\n}\n.no-collapse-outline .outline-content li ul {\n  margin-left: 21px;\n}\n.outline-content li .outline-item {\n  position: relative;\n  z-index: 50;\n  margin: 0 0 3px 7px;\n  width: calc(100% - 4px);\n  border-radius: 5px;\n  border: none;\n  line-height: 1;\n  padding: 0 0 0 4px;\n}\n.outline-item > .outline-expander {\n  display: block;\n  float: left;\n  width: auto;\n  height: 0;\n  background: transparent;\n  padding-left: 0;\n}\n.outline-item > .outline-expander:before {\n  margin-top: 10px;\n  margin-left: -2px;\n  background: transparent;\n  padding: 0 4px 0 2px;\n  font-size: 10px;\n}\n.outline-content li .outline-label {\n  display: inline-block;\n  border-radius: 4px;\n  padding: 7px 7px 7px 8px;\n  font-size: 14px !important;\n  line-height: 1.2;\n  overflow-wrap: normal;\n  word-wrap: normal;\n  word-break: keep-all;\n  white-space: nowrap;\n  text-decoration: none;\n}\n.outline-item-single .outline-label,\n.outline-item-single.outline-item-open .outline-label,\n.no-collapse-outline .outline-content li .outline-label {\n  padding-left: 0 !important;\n}\n.outline-item > .outline-expander:hover + .outline-label,\n.outline-item-open > .outline-item > .outline-label {\n  padding-left: 11px;\n}\n.no-collapse-outline .outline-item-open > .outline-item > .outline-label {\n  padding-left: 0 !important;\n}\n.outline-item-active > .outline-expander:hover + .outline-label,\n.outline-item-open > .outline-item-active > .outline-label {\n  padding-left: 12px;\n}\n.outline-item-active > .outline-expander,\n.outline-item-active > .outline-label {\n  font-weight: 900;\n}\n.outline-content li .outline-item::before {\n  content: '';\n  position: absolute;\n  z-index: 38;\n  left: -10px;\n  top: -27.5px;\n  width: 10px;\n  height: calc(50% + 28px);\n  background: transparent;\n  border-left: 1px solid var(--border-color);\n  border-bottom: 1px solid var(--border-color);\n}\n.os-windows .outline-content li .outline-item::before {\n  top: -28.5px;\n}\n.outline-content > li:first-of-type > .outline-item::before {\n  top: calc(50% - 1px);\n  height: calc(50% + 15px);\n  border-left: 1px solid var(--border-color);\n  border-top: 1px solid var(--border-color);\n  border-bottom: none;\n  border-top-left-radius: 3px;\n  border-bottom-left-radius: 0;\n}\n.outline-children > li:first-child > .outline-item::before,\n.outline-content > li:nth-child(2) > .outline-item::before {\n  top: -11px;\n  height: calc(50% + 12px);\n}\n.os-windows .outline-children > li:first-child > .outline-item::before,\n.os-windows .outline-content > li:nth-child(2) > .outline-item::before {\n  top: -13px;\n  height: calc(50% + 13px);\n}\n.no-collapse-outline .outline-children > li:first-child > .outline-item::before,\n.no-collapse-outline .outline-content > li:nth-child(2) > .outline-item::before {\n  top: -8px;\n  height: calc(50% + 8px);\n}\n.outline-content > li:last-child > .outline-item::before,\n.outline-children > li:last-child > .outline-item::before {\n  border-bottom-left-radius: 3px;\n}\n.no-collapse-outline .outline-item-wrapper > .outline-children::before,\n.outline-item-open > .outline-children::before {\n  content: '';\n  position: absolute;\n  left: -21px;\n  top: -26px;\n  width: 1px;\n  height: calc(100% + 12px);\n  background: transparent;\n  border-left: 1px solid var(--border-color);\n}\n.no-collapse-outline .outline-item-wrapper > .outline-children::before {\n  left: -24px;\n}\n.no-collapse-outline .outline-content > li.outline-item-wrapper:first-child > .outline-children::before,\n.outline-content > li.outline-item-open:first-child > .outline-children::before {\n  top: -15px;\n}\n.outline-content > li:only-of-type > .outline-item::before,\n.no-collapse-outline .outline-item-wrapper:last-of-type > .outline-children::before,\n.no-collapse-outline .outline-children > li.outline-item-wrapper:last-child > .outline-children::before,\n.outline-item-open:last-of-type > .outline-children::before,\n.outline-children > li.outline-item-open:last-child > .outline-children::before {\n  display: none;\n}\n.outline-content > li:only-of-type {\n  margin-left: -8px;\n}\nli > .outline-item-active:before,\n.outline-item:hover::before,\n.outline-item-active > .outline-item::before {\n  width: 7px !important;\n}\nli > .outline-item-active,\nli > .outline-item:hover,\n.outline-item-active > .outline-item {\n  margin-left: 4px !important;\n  padding-left: 7px !important;\n}\n\nli > .outline-item-active::before,\nli > .outline-item:hover::before,\n.outline-item-active > .outline-item::before {\n  left: -7px !important;\n}\n.outline-item:hover,\n.outline-item:hover > .outline-label,\n.outline-item-active,\n.outline-item-active > .outline-label {\n  background: var(--bg-color2) !important;\n}\n.outline-item-active > .outline-label,\n.outline-item-active > .outline-expander::before {\n  color: var(--color-1);\n}\n.ty-on-outline-filter .outline-content .outline-item::before,\n.ty-on-outline-filter .outline-content .outline-item::after {\n  display: none;\n}\n.ty-on-outline-filter .outline-content > li > ul,\n.ty-on-outline-filter .outline-content .outline-item {\n  margin-left: 0;\n}\n\n/* .oultine-item search result */\n.outline-content:has(.ty-outline-hit) {\n  padding-left: 14px;\n}\n.outline-content li:has(.ty-outline-hit) *::before,\n.outline-content li:has(.ty-outline-hit) *::after {\n  content: '';\n  display: none;\n}\n.outline-content li:has(.ty-outline-hit) .outline-item {\n  margin-left: 1px !important;\n  width: calc(100% - 1px);\n  padding-left: 0 !important;\n}\n.outline-content li:has(.ty-outline-hit) .outline-item > .outline-label {\n  padding: 8px 10px !important;\n}\n\n/*\n * --------------------------\n * file-library-list\n * file-library-search-result\n * --------------------------\n*/\n#file-library-list,\n#file-library-search-result {\n  padding: 14px;\n}\n/*ty-search-item*/\n#file-library-list .file-list-item,\n#file-library-search-result .ty-search-item {\n  margin-bottom: 8px;\n  border: 1px solid transparent;\n  border-bottom-color: var(--border-color);\n}\n#file-library-list .file-list-item {\n  padding-left: 14px;\n  padding-right: 14px;\n}\n\n#file-library-list .file-list-item.active,\n#file-library-search-result .ty-search-item.active {\n  border-radius: 5px;\n  border: 1px solid var(--color-1);\n}\n#file-library-list .file-list-item.active {\n  padding: 6px 12px;\n}\n#file-library-search-result .ty-search-item.active {\n  padding: 6px 12px 6px 0;\n}\n#file-library-list .file-list-item:first-of-type.active,\n#file-library-search-result .ty-search-item:first-of-type.active {\n  margin-top: 0;\n}\n#file-library-list .file-list-item:hover,\n#file-library-search-result .ty-search-item:hover {\n  border-radius: 5px;\n  background: var(--bg-color2);\n  border-color: var(--border-color);\n}\n#file-library-list .file-list-item:hover {\n  color: var(--color-1);\n}\n#file-library-list .file-list-item:hover + .file-list-item:not(.active),\n#file-library-list .file-list-item.active + .file-list-item:not(.active),\n#file-library-search-result .ty-search-item:hover + .ty-search-item:not(.active),\n#file-library-search-result .ty-search-item.active + .ty-search-item:not(.active) {\n  border-top: 1px solid var(--border-color);\n}\n#file-library-list .file-list-item.active:hover,\n#file-library-search-result .ty-search-item.active:hover {\n  border-color: var(--color-1);\n}\n\n#file-library-search-result .ty-search-item.active {\n  color: var(--text-color);\n}\n#file-library-search-result .ty-search-item.active .ty-search-item-line {\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n.file-list-item-time {\n  margin-right: 0;\n  padding-right: 0;\n}\n.file-list-item-count {\n  margin-right: 0;\n  border-radius: 3px;\n  padding: 0 6px;\n}\n#file-library-search-result .ty-search-item.active .file-list-item-count {\n  padding-right: 0;\n}\n#sidebar-loading-template {\n  display: none;\n  margin-bottom: 5px;\n  border-radius: 5px;\n  padding: 8px;\n}\n.ty-file-search-match-text {\n  background-color: var(--color-2-0-c);\n}\n\n/*\n * ------------------------\n * file-library-tree\n * ------------------------\n*/\n#file-library-tree {\n  box-sizing: border-box;\n  padding-top: 8px;\n  padding-left: 14px;\n  padding-right: 14px;\n}\n.file-node-root {\n  position: relative;\n  margin-left: 0 !important;\n  padding-left: 0 !important;\n}\n.file-tree-node {\n  margin-bottom: 1px;\n}\n.file-node-children {\n  margin-left: 12px;\n}\n.file-node-root > .file-node-children {\n  margin-left: -2px;\n}\n.file-tree-node > .file-node-content > .file-node-open-state + .file-node-icon {\n  margin-left: 4px;\n}\n.file-node-expanded > .file-node-content > .file-node-open-state + .file-node-icon,\n.file-node-collapsed > .file-node-content > .file-node-open-state + .file-node-icon {\n  margin-left: 3px;\n}\n.fa-folder:before,\n.fa-folder:after,\n.fa-caret-right,\n.fa-caret-down {\n  color: var(--text-grey);\n}\n.file-node-content .file-node-open-state {\n  position: relative;\n  padding-left: 3px;\n}\n.file-node-expanded .file-node-content .file-node-open-state {\n  padding-left: 3px;\n}\n.file-node-content .file-node-open-state::after {\n  content: \"\";\n  position: absolute;\n  z-index: 20;\n  left: 0;\n  top: -21px;\n  width: 8px;\n  height: 32px;\n  border-left: 1px solid var(--border-color);\n  border-bottom: 1px solid var(--border-color);\n  background: transparent;\n}\n.file-node-expanded > .file-node-content .file-node-open-state::after {\n  left: -12px;\n  top: -21px;\n  width: 7px;\n}\n.file-node-root > .file-node-content .file-node-open-state::after {\n  display: none;\n}\n.file-tree-node:first-child > .file-node-content .file-node-open-state::after {\n  top: -11px;\n  height: 22px;\n}\n.file-node-expanded:first-child > .file-node-content .file-node-open-state::after {\n  top: -11px;\n}\n.file-tree-node:last-child > .file-node-content .file-node-open-state::after {\n  border-bottom-left-radius: 3px;\n}\n.file-node-collapsed > .file-node-content .fa-caret-right {\n  margin-left: 9px;\n}\n.file-node-expanded {\n  margin-left: 8px;\n  border-left: 1px solid var(--border-color);\n}\n.file-tree-node:last-child {\n  border-left-color: transparent;\n}\n.file-node-expanded > .file-node-content {\n  margin-left: 3px;\n}\n.file-node-root > .file-node-content {\n  margin-left: 0;\n}\n.file-node-content {\n  position: relative;\n  padding-top: 3px;\n}\n.file-node-content::after {\n  content: '';\n  display: none;\n  position: absolute;\n  z-index: -1;\n  left: 6px;\n  top: 0;\n  width: calc(100% - 10px);\n  height: 29px;\n  background: var(--bg-color2);\n  border-radius: 5px;\n}\n.file-library-file-node:hover > .file-node-content::after,\n.file-tree-node.active > .file-node-content::after {\n  display: block;\n}\n.file-library-file-node:hover > .file-node-content > .file-node-open-state:after,\n.file-tree-node.active > .file-node-content > .file-node-open-state:after {\n  width: 6px;\n}\n.file-node-background {\n  display: none !important;\n}\n.file-library-node:not(.file-node-root):focus > .file-node-content {\n  outline: none;\n}\n\n/*\n * ------------------------\n * TOC md-toc\n * ------------------------\n*/\n.md-toc {\n  margin: 16px 0 0 0;\n  font-size: 14px;\n}\n.md-toc-content {\n  position: relative;\n  margin: 0 0 0 3px;\n  padding: 0;\n}\n.md-toc-content:before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 12px;\n  width: 1px;\n  height: calc(100% - 30px);\n  border-left: 1px solid var(--border-color);\n}\n.md-toc:focus .md-toc-content {\n  margin: 0 !important;\n  border: none !important;\n}\n.md-toc-content .md-toc-item {\n  position: relative;\n  padding-bottom: 8px;\n}\n.md-toc-content .md-toc-item:before {\n  content: '';\n  position: absolute;\n  top: 8px;\n  left: -2px;\n  width: 5px;\n  height: 5px;\n  background: var(--border-color);\n  border-radius: 50%;\n}\n.md-toc-content .md-toc-h1::before {\n  background: var(--color-1);\n}\n.md-toc-item a.md-toc-inner:hover {\n  text-decoration: none;\n}\n.md-toc-item:has(a.md-toc-inner:hover)::before {\n  background: var(--color-2);\n}\n.md-toc-item a.md-toc-inner:hover code {\n  background: var(--color-2-0-a);\n  color: var(--color-2);\n}\n.md-toc-item a {\n  padding-left: 18px !important;\n}\n\n\n#write div.md-toc-tooltip {\n  z-index: 100;\n  top: -52px;\n  border-top: 1px solid var(--border-color);\n  border-bottom: 1px solid var(--border-color);\n  padding: 3px 0;\n}\n.md-toc-content .md-toc-h1 a {\n  padding-left: 20px;\n}\n#write div.md-toc-tooltip .md-delete-toc {\n  margin: 0 !important;\n  padding: 0 10px;\n  background: var(--bg-color);\n}\n#write div.md-toc-tooltip .md-delete-toc:hover {\n  background: var(--bg-color2);\n  color: var(--color-1);\n}\n\n/*\n * ------------------------\n * code colors\n * ------------------------\n*/\n.cm-s-inner {\n  background-color: transparent !important;\n  color: var(--text-code);\n}\n.cm-s-inner .CodeMirror-gutters {\n  border-right-color: var(--border-color);\n  color: var(--text-code);\n}\n.cm-s-inner .CodeMirror-guttermarker,\n.cm-s-inner .CodeMirror-guttermarker-subtle,\n.cm-s-inner .CodeMirror-linenumber {\n  color: var(--md-char-color);\n}\n.cm-s-inner .CodeMirror-cursor {\n  border-left: 1px solid var(--border-color);\n}\n.cm-s-inner div.CodeMirror-selected,\n.cm-s-inner.CodeMirror-focused div.CodeMirror-selected,\n.cm-s-inner .CodeMirror-line::selection,\n.cm-s-inner .CodeMirror-line > span::selection,\n.cm-s-inner .CodeMirror-line > span > span::selection,\n.cm-s-inner .CodeMirror-line::-moz-selection,\n.cm-s-inner .CodeMirror-line > span::-moz-selection,\n.cm-s-inner .CodeMirror-line > span > span::-moz-selection {\n  background: var(--color-2-0-c);\n}\n.cm-s-inner .CodeMirror-activeline-background { background: transparent; }\n.cm-s-inner .cm-keyword { color: #bb59fd; }\n.cm-s-inner .cm-operator { color: #40d7ec; }\n.cm-s-inner .cm-variable { color: #f4395dff; }\n.cm-s-inner .cm-variable-2 { color: #e2785f; }\n.cm-s-inner .cm-variable-3 { color: #6083ff; }\n.cm-s-inner .cm-builtin { color: #f61d78; }\n.cm-s-inner .cm-atom { color: #fa5336; }\n.cm-s-inner .cm-number { color: #f59102; }\n.cm-s-inner .cm-def { color: #3876eb; }\n.cm-s-inner .cm-string { color: #02be74; }\n.cm-s-inner .cm-string-2 { color: #0a790a; }\n.cm-s-inner .cm-comment,\n.cm-s-inner .cm-meta { color: var(--md-char-color); }\n.cm-s-inner .cm-attribute { color: #c08b01; }\n.cm-s-inner .cm-property { color: #1b9f72; }\n.cm-s-inner .cm-qualifier { color: #dc7b45; }\n.cm-s-inner .cm-tag { color: #e32e73; }\n.cm-s-inner .cm-tag.cm-bracket {color: #0c9bd3;}\n.cm-s-inner .cm-header, .cm-s-inner.cm-header {color: #401df1;}\n.cm-s-inner .CodeMirror-matchingbracket {\n  text-decoration: underline;\n  color: var(--text-code) !important;\n}\n/* apply to code fences with plan text*/\n.md-fences {\n  background-color: var(--bg-color2);\n  color: var(--text-grey);\n}\n.md-fences .code-tooltip {\n  z-index: 50;\n  right: 0 !important;\n  bottom: -28px !important;\n  padding: 0;\n  border-radius: 5px;\n  background-color: var(--bg-color2);\n  color: var(--text-color);\n}\n.md-fences .code-tooltip input,\n.md-fences .code-tooltip span {\n  margin: 0;\n  padding: 3px;\n  border-radius: 5px;\n}\n\n/**\n * --------------------------------------\n * unibody-window\n * Control UI on Windows/Linux (optional)\n * --------------------------------------\n*/\n.unibody-window #write ul,\n.typora-export #write ul {\n  padding-left: 34px;\n}\n.unibody-window #write ol,\n.typora-export #write ol {\n  padding-left: 36px;\n}\n.unibody-window #write ul ul,\n.unibody-window #write ol ol,\n.unibody-window #write ul > li > ol,\n.unibody-window #write ol > li > ul,\n.typora-export #write ul ul,\n.typora-export #write ol ol,\n.typora-export #write ul > li > ol,\n.typora-export #write ol > li > ul {\n  margin-left: 0;\n}\n.unibody-window #write ul > li > p {\n  margin: 0;\n}\n.unibody-window #write ol > li > p,\n.typora-export #write ol > li > p {\n  margin: 0 0 0 -2px;\n}\n.unibody-window #write ul > .task-list-item > input,\n.typora-export #write ul > .task-list-item > input {\n  margin-left: -22px;\n}\n.unibody-window .long-btn {\n  border-radius: 8px !important;\n}\n\n/* .dropdown-menu */\n.dropdown-menu {\n  margin-top: 4px;\n  padding: 8px !important;\n  border-radius: 8px !important;\n  border: 1px solid var(--border-color);\n}\n#recent-file-panel-search-input,\n.megamenu-menu-panel .btn,\n.dropdown-menu li a,\n.dropdown-menu li:hover {\n  border-radius: 5px !important;\n}\n.ty-spell-check-panel-item {\n  margin-bottom: 4px;\n  border-radius: 5px;\n}\n.btn-split-group .dropdown-menu {\n  margin-top: 0;\n}\n\n.dropdown-menu li a {\n  font-size: 14px;\n}\n.dropdown-menu table th,\n.dropdown-menu table td {\n  padding: 5px !important;\n}\n.dropdown-menu li:hover > a,\n.dropdown-menu li > span > a:hover,\n#sidebar-files-menu li:hover > a,\n#close-sidebar-menu-btn:hover {\n  background: var(--bg-color2) !important;\n  color: var(--color-1) !important;\n}\n.dropdown-menu li > span > a:hover {\n  background: var(--color-1-0-b) !important;\n  box-shadow: inset 0 0 0 1px var(--color-1), inset 0 -1px 0 var(--color-1);\n}\n.dropdown-menu li.file-action-item,\n.dropdown-menu li.file-sort-item,\n.dropdown-menu li.file-sort-item + li {\n  margin-top: 0;\n  border-radius: 0 !important;\n}\n\n/* .toolbar-icon */\n.unibody-window .long-btn:hover span,\n.unibody-window .long-btn:hover i,\n.megamenu-menu-panel .btn:hover,\n#megamenu-menu-header-title:hover,\n.toolbar-icon:hover,\n#megamenu-back-btn:hover i {\n  color: var(--color-1);\n  text-decoration: none;\n}\n.unibody-window .long-btn:hover,\n.megamenu-menu-panel .btn:hover,\n#megamenu-back-btn:hover {\n  border-color: var(--color-1);\n  background: var(--bg-color2);\n}\n#w-titlebar-left {\n  margin-top: 3px;\n}\n#w-traffic-lights span {\n  background: transparent !important;\n  border-radius: 0 !important;\n  border: none !important;\n}\n#w-traffic-lights .btn {\n  margin: 0 !important;\n}\n#w-traffic-lights #w-min,\n#w-traffic-lights #w-close,\n#w-traffic-lights #w-max {\n  padding-top: 8px;\n  padding-left: 18px;\n}\n#w-traffic-lights #w-close {\n  border-top-right-radius: 8px !important;\n}\n#w-max-group.w-show-more > #w-full,\n#w-max-group.w-show-more > #w-pin {\n  display: block !important;\n  background: var(--bg-color2) !important;\n}\n#w-max-group *,\n#w-max-group.w-show-more > #w-full *,\n#w-max-group.w-show-more > #w-pin * {\n  color: var(--text-color) !important;\n}\n#w-max-group.w-show-more > #w-pin {\n  border-bottom-left-radius: 5px !important;\n  border-bottom-right-radius: 5px !important;\n}\n#w-traffic-lights > span:not(#w-close):hover {\n  background: var(--bg-color2) !important;\n  color: var(--text-color);\n}\n#w-traffic-lights #w-close:hover {\n  background: var(--color-5) !important;\n  color: white !important;\n}\n#w-max-group.w-show-more > #w-full:hover *,\n#w-max-group.w-show-more > #w-pin:hover * {\n  color: var(--color-1) !important;\n}\n\n/*  #megamenu-content, #megamenu-menu-sidebar */\n.unibody-window #megamenu-menu-sidebar {\n  --bg-color: #1b1b1f;\n  --bg-color2: rgb(40, 42, 50);\n  --border-color: rgb(60, 62, 70);\n  background: var(--bg-color);\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);\n  overflow: hidden;\n}\n#megamenu-menu-sidebar .megamenu-menu-list {\n  border: none;\n}\n.megamenu-section {\n  margin-top: 12px;\n}\n.megamenu-menu-panel h1 {\n  margin-top: 32px;\n  margin-bottom: 32px;\n  font-size: 30px;\n  line-height: 30px;\n}\n#megamenu-section-about h1 {\n  text-align: center;\n}\n.megamenu-menu-panel h2 {\n  font-size: 26px;\n  line-height: 26px;\n}\n.megamenu-menu-panel .btn {\n  padding: 6px 12px;\n}\n.megamenu-menu-panel .long-btn {\n  padding: 10px 12px;\n  text-align: center;\n}\n.megamenu-content {\n  padding-right: 30px;\n  padding-top: 26px;\n  background: var(--bg-color);\n}\n.megamenu-menu-panel #recent-file-panel .dropdown-menu {\n  margin-top: 4px;\n}\n#open-theme-folder-btn {\n  margin-top: 32px;\n}\n.megamenu-menu-header {\n  border-color: var(--border-color);\n}\n.megamenu-menu-header #megamenu-back-btn {\n  margin-left: 10px;\n  border-radius: 6px;\n  border-width: 2px;\n}\n.megamenu-menu-header #megamenu-back-btn > i {\n  display: block;\n  font-size: 16px;\n  line-height: 28px;\n}\n.megamenu-menu-header #megamenu-menu-header-title:hover {\n  color: var(--color-1);\n}\n#megamenu-menu-list {\n  padding: 0 8px;\n}\n.megamenu-menu-list li {\n  margin-top: 6px;\n}\n.megamenu-menu-list li a {\n  display: block;\n  border-radius: 5px;\n  border: 1px solid transparent;\n  font-size: 16px;\n  line-height: 34px;\n}\n.megamenu-menu-list li a .fa {\n  display: inline-block;\n  margin-left: 0;\n  margin-right: 0;\n  opacity: 1;\n  font-size: 18px;\n  line-height: 38px;\n}\n.megamenu-menu-list li a .fa + span {\n  margin-left: 14px;\n}\n.megamenu-menu-list li #m-saved .fa {\n  font-size: 20px;\n  line-height: 36px !important;\n  color: var(--color-1);\n}\n.megamenu-menu-list li a:hover,\n.megamenu-menu-list li a.active:hover {\n  background: var(--bg-color2) !important;\n  border: 1px solid var(--color-1);\n  color: var(--color-1) !important;\n}\n.megamenu-menu-list li a.active {\n  background: var(--bg-color2);\n  color: var(--color-1) !important;\n}\n@media (max-width: 768px) {\n  #megamenu-back-btn {\n    margin-left: 0 !important;\n  }\n  .dropdown-menu {\n    padding: 8px !important;\n  }\n}\n#recent-file-panel-action-btn-container {\n  margin-right: 0;\n}\n#recent-file-panel-search-input {\n  width: calc(100% - 55px);\n}\n\n#megamenu-clear-recet-documents {\n  background: var(--bg-color2);\n  padding: 5px 10px;\n  border-radius: 5px;\n  font-size: 14px;\n}\n#megamenu-clear-recet-documents:hover {\n  color: var(--color-1);\n}\n.ty-show-search #info-panel-tab-search .info-panel-tab-border,\n.ty-show-search #info-panel-tab-search .info-panel-tab-border,\n.active-tab-files #info-panel-tab-file .info-panel-tab-border,\n.active-tab-outline #info-panel-tab-outline .info-panel-tab-border {\n  height: 3px;\n  border-radius: 2px;\n}\n.megamenu-menu-panel {\n  scrollbar-width: none !important;\n}\n#theme-preview-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n  justify-content: space-between;\n  grid-gap: 32px;\n  max-width: 100%;\n}\n@media (max-width: 1440px) {\n  #theme-preview-grid {\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n  }\n}\n@media (max-width: 1200px) {\n  #theme-preview-grid {\n    grid-template-columns: 1fr 1fr 1fr;\n  }\n}\n@media (max-width: 992px) {\n  #theme-preview-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n@media (max-width: 768px) {\n  #theme-preview-grid {\n    grid-template-columns: 1fr;\n  }\n}\n.theme-preview-div {\n  margin: 0;\n  box-sizing: border-box;\n  overflow: hidden;\n  padding: 5px;\n  border: 3px solid var(--border-color);\n  border-radius: 10px;\n  color: var(--color-1);\n}\n.theme-preview-content {\n  width: 100%;\n  height: 100%;\n  border-radius: 6px;\n}\n.theme-preview-div:hover {\n  border-color: var(--color-2);\n}\n.theme-preview-div.active {\n  border-color: var(--color-1);\n}\n.theme-preview-div .fa,\n#outline-btn:hover {\n  color: var(--color-1) !important;\n}\n\n/* context menu */\n.context-menu {\n  padding: 6px !important;\n  border-radius: 6px !important;\n  border: 1px solid var(--border-color);\n}\n.ext-context-menu {\n  margin: -4px 1px 0 1px;\n}\n.context-menu li a {\n  display: inline-block;\n  width: 100%;\n  border-radius: 6px !important;\n}\n.context-menu > .active a {\n  color: var(--color-1) !important;\n}\n.tb43e-d6bd-dbe4y {\n  background: var(--bg-color2);\n}\n\n/*\n * ------------------------\n * UI-controls\n * dialogs\n * ------------------------\n*/\n.form-control {\n  padding: 6px;\n}\n\n/* alert-msg */\n#searchpanel-msg {\n  margin-top: 2px;\n  margin-bottom: 8px;\n  background: var(--color-1-0-a);\n}\n.alert.alert-warning,\n.alert.alert-warning * {\n  color: var(--color-1) !important;\n}\n#md-searchpanel {\n  padding-top: 7px;\n}\n#md-searchpanel input,\n#md-replace-type-label,\n#search-panel-replace-btn,\n.modal-dialog,\n.modal-title,\n.modal-content {\n  border-radius: 5px;\n}\n.modal-content {\n  padding: 8px;\n  border-radius: 8px;\n}\n#sidebar-files-menu li a {\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n#sidebar-files-menu .file-action-item {\n  line-height: 30px;\n}\n.ty-sidebar-search-panel {\n  padding-left: 14px !important;\n  padding-right: 14px !important;\n}\n#file-library-search-panel {\n  padding-top: 3px;\n  padding-bottom: 11px;\n  border-bottom: 1px solid var(--border-color) !important;\n}\n#file-library-search-input {\n  top: 4px;\n  width: 100% !important;\n  border-radius: 0 !important;\n}\n#file-library-search-input,\n.native-window #file-library-search-input {\n  height: 28px;\n  border-radius: 5px !important;\n  font-size: 12px;\n}\n#ty-sidebar-search-panel .searchpanel-search-option-btn {\n  top: 12px;\n}\n#close-outline-filter-btn {\n  top: 12px;\n  right: 15px;\n  border: none !important;\n  background: transparent !important;\n}\n#sidebar-content #file-library-search-panel .searchpanel-search-option-btn {\n  top: 12px;\n}\n\n\n/* #root .window */\n.window,\n.window label {\n  font-size: 13px !important;\n}\n.window .window-header h2 {\n  font-size: 15px !important;\n}\n.window .nav-group-item {\n  margin: 14px 0;\n  font-size: 15px !important;\n}\n.window pre {\n  padding: 16px;\n}\n#ty-tooltip,\n.ty-tooltip.shown {\n  padding: 6px 12px;\n  background: var(--bg-color2);\n  border-radius: 6px;\n  color: var(--text-color);\n}\n\n/* content footer */\nfooter.ty-footer,\n.ty-footer .footer-item {\n  height: 24px;\n  border-top: none;\n}\n.ty-footer .footer-item {\n  margin-left: 3px;\n  margin-top: -5px;\n  border-radius: 5px;\n  background: var(--border-color) !important;\n  line-height: 24px;\n}\n.ty-footer #footer-word-count {\n  margin-right: -2px;\n}\n.typora-sourceview-on #toggle-sourceview-btn {\n  margin-left: 0;\n}\n#dict-install-dialog + div {\n  bottom: 3px !important;\n}\n#footer-word-count-info {\n  padding: 6px;\n  border-radius: 5px;\n  border: 1px solid var(--border-color);\n}\n#footer-word-count-info table {\n  border-radius: 0;\n}\n#footer-word-count-info table tr > td:first-of-type {\n  border-top-left-radius: 5px;\n  border-bottom-left-radius: 5px;\n}\n#footer-word-count-info table tr > td:last-of-type {\n  border-top-right-radius: 5px;\n  border-bottom-right-radius: 5px;\n}\n.export-item.active,\n.export-items-list-control {\n  border-radius: 3px !important;\n}\n.nav-group-item {\n  border-radius: 6px !important;\n}\n.input-group table,\n.export-detail {\n  border-radius: 6px !important;\n}\n.export-detail .file-input input {\n  height: 30px !important;\n  padding-left: 8px !important;\n  border-color: var(--border-color) !important;\n}\n.search-input {\n  padding: 6px 12px !important;\n  border-color: var(--border-color) !important;\n}\n.label-input-group div {\n  margin: 0 !important;\n  padding: 0 !important;\n  border: none !important;\n}\n.label-input-group div pre {\n  border-radius: 6px !important;\n  font-size: 14px !important;\n}\n.input-group-content {\n  border-radius: 6px !important;\n}\n.input-group-content table {\n  margin-top: 4px;\n}\n.label-hint svg {\n  margin-right: 3px;\n}\n.export-detail .input-group-content > .row {\n  margin-right: 16px;\n}\n.export-detail,\n.export-item.active {\n  color: var(--text-color) !important;\n}\n.export-item.active {\n  color: var(--color-1) !important;\n}\n.md-show-hint::after {\n  background: var(--bg-color2) !important;\n  border-radius: 3px;\n  box-shadow: 0 0 3px var(--color-1) !important;\n}\n/**\n * ---------------------------------\n * Control UI on Mac (optional)\n * ---------------------------------\n*/\n.sidebar-tab-btn {\n  margin-top: 12px !important;\n  color: var(--title-color);\n  font-size: 16px !important;\n  line-height: 20px !important;\n  vertical-align: middle;\n}\n.sidebar-tab-btn:hover {\n  color: var(--color-1);\n}\n.mac-os .ty-show-search .ty-tab-wrapper {\n  border-bottom: 1px solid var(--border-color);\n}\n.mac-os #sidebar-search-btn span::before {\n  font-size: 18px;\n}\n.mac-os #ty-sidebar-search-tabs input {\n  top: 0;\n  margin-right: 0;\n  padding: 0;\n  border-top: none;\n  border-right: none;\n  border-left: none;\n  border-radius: 0 !important;\n  border-bottom-width: 1px;\n}\n.mac-os #ty-sidebar-search-tabs .searchpanel-search-option-btn {\n  top: 14px;\n}\n.mac-os #ty-sidebar-search-tabs #ty-sidebar-search-back-btn {\n  margin-top: 14px !important;\n}\n.mac-os #ty-sidebar-search-tabs .sidebar-tab-btn {\n  width: 25px !important;\n  padding-right: 8px;\n}\n.mac-os #ty-sidebar-search-tabs #filesearch-regexp-option-btn {\n  right: 12px;\n}\n.mac-os #ty-sidebar-search-tabs #filesearch-word-option-btn {\n  right: 35px;\n}\n.mac-os #ty-sidebar-search-tabs #filesearch-case-option-btn {\n  right: 58px;\n}\n#ty-sidebar-footer .sidebar-footer-item {\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n.os-windows #ty-sidebar-footer .sidebar-footer-item {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n#typora-quick-open {\n  padding: 12px;\n  background-color: var(--bg-color);\n  border: 1px solid var(--border-color);\n  border-radius: 8px;\n}\n.typora-quick-open-item,\n.md-hover-tip .code-tooltip-content {\n  border-radius: 5px;\n  overflow-x: auto;\n}\n.code-tooltip.md-hover-tip,\n.md-hover-tip .code-tooltip-content,\n.md-arrow::after {\n  border-bottom-color: var(--color-1) !important;\n  background: var(--color-1) !important;\n  box-shadow: 0 1px 4px var(--color-1) !important;\n}\n.md-hover-tip .code-tooltip-content:hover a {\n  color: var(--color-2) !important;\n}\n\n/*\n * ------------------------\n * .ty-preferences\n * ------------------------\n*/\n.sidebar {\n  position: relative;\n}\n.sidebar:after {\n  content: '';\n  display: block;\n  position: absolute;\n  width: 1px;\n  height: 100%;\n  right: -24px;\n  top: 0;\n  border-left: 1px solid var(--border-color);\n}\n\n.ty-preferences a {\n  font-size: 12px !important;\n  text-decoration: none;\n  color: var(--color-1);\n}\n.ty-preferences a:hover {\n  text-decoration: underline;\n  color: var(--color-2);\n}\n\n/*search style*/\n#searchpanel-search-group .ty-search-panel-row {\n  padding-top: 0;\n}\n#searchpanel-search-group .searchpanel-search-option-btn {\n  top: 3px;\n  background: var(--bg-color);\n}\n#searchpanel-search-group .searchpanel-search-option-btn:hover {\n  color: var(--color-1);\n}\n.ty-search-panel-row .btn {\n  line-height: 14px;\n}\n.ty-search-panel-row .ion-close-round,\n.ty-search-panel-row .ty-upload {\n  padding-right: 8px !important;\n  padding-left: 4px !important;\n}\n#search-panel-next,\n#search-panel-replace-btn {\n  left: 3px;\n}\n#search-panel-replaceall-btn,\n#search-panel-replace-btn {\n  padding-right: 4px !important;\n  padding-left: 4px !important;\n  text-align: center !important;\n}\n.ty-on-outline-filter .ty-outline-hit {\n  color: var(--color-2);\n}\n.md-search-hit {\n  background: var(--color-2-0-c) !important;\n  color: #070909 !important;\n}\n.md-search-select {\n  background: var(--color-2) !important;\n  color: #070909 !important;\n}\n\n/* md-notification-container */\n.md-notification-container {\n  padding-top: calc(var(--title-bar-height) + 10px) !important;\n  background: var(--bg-color);\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);\n  font-size: 14px;\n}\n.native-window.os-windows .md-notification-container,\n.mac-os .md-notification-container {\n  padding-top: 1px !important;\n}\n.md-notification-container #md-notification::before {\n  top: 8px;\n  font-size: 16px;\n}\n#md-notification .md-notification-content {\n  padding-bottom: 4px;\n}\n#md-notification p {\n  margin: 4px 0;\n  white-space: nowrap;\n}\n#md-notification > p:last-of-type {\n  margin-bottom: 8px;\n}\n#md-notification > p:only-of-type {\n  margin-bottom: 0;\n}\n.md-notification-container .btn {\n  margin: 0;\n}\n#md-notification .typora-search-spinner,\n#md-notification .typora-export-spinner {\n  top: 5px !important;\n}\n.unibody-window #md-searchpanel .btn {\n  line-height: 24px !important;\n}\n#md-notification .typora-search-spinner > div,\n#md-notification .typora-export-spinner > div {\n  background: var(--color-1);\n}\n\n/* 打字机模式提示 */\n#md-notification .ty-enter-mode-warning-body + div {\n  display: flex;\n  display: -webkit-flex;\n}\n#md-notification label {\n  align-self: center;\n}\n#md-notification label > input {\n  margin-top: 0;\n}\n\n/*\n * ------------------------\n * diagram\n * ------------------------\n*/\n.md-diagram .md-diagram-panel {\n  border-radius: 8px;\n  border-color: transparent !important;\n  background: var(--bg-color2);\n}\npre.md-focus .md-diagram-panel {\n  margin-top: 4px;\n}\n\n/*\n * ------------------------\n * export html\n * ------------------------\n*/\nbody.typora-export {\n  padding: 0;\n}\n.typora-export code {\n  padding: 2px 4px;\n}\n.typora-export .typora-export-content {\n  display: flex;\n  display: -webkit-flex;\n  width: 100vw;\n  max-width: 1920px;\n  margin: 0 auto;\n  justify-content: center;\n}\n.typora-export #write {\n  margin: 0;\n}\n\n/* sidebar */\n#typora-sidebar {\n  border-right-color: var(--border-color);\n}\n.typora-export-sidebar {\n  margin-right: 0;\n  margin-top: 0;\n}\n.typora-export-sidebar > .outline-content {\n  height: 100vh;\n  border-right: 1px solid var(--border-color);\n  padding-top: 14px;\n  padding-bottom: 14px;\n  overflow: auto;\n}\n.no-collapse-outline .typora-export-sidebar .outline-item-wrapper > ul li,\n.typora-export-sidebar .outline-item-open > ul li {\n  margin-left: 1px;\n}\n.typora-export-no-collapse-outline .outline-expander {\n  display: none;\n}\n.typora-export-no-collapse-outline .outline-item-wrapper > .outline-children::before {\n  content: '';\n  position: absolute;\n  left: -24px;\n  top: -20px;\n  width: 1px;\n  height: calc(100% + 12px);\n  background: transparent;\n  border-left: 1px solid var(--border-color);\n}\n.typora-export-no-collapse-outline .outline-content li ul {\n  margin-left: 21px;\n}\n.typora-export-no-collapse-outline .outline-item-wrapper:last-of-type > .outline-children::before,\n.typora-export-no-collapse-outline .outline-children > li.outline-item-wrapper:last-child > .outline-children::before {\n  display: none;\n}\n.typora-export-no-collapse-outline .outline-children > li:first-child > .outline-item::before,\n.typora-export-no-collapse-outline .outline-content > li:nth-child(2) > .outline-item::before {\n  top: -9px;\n  height: calc(50% + 9px);\n}\n.typora-export-no-collapse-outline .outline-content > li.outline-item-wrapper:first-child > .outline-children::before {\n  top: -15px;\n}\n.typora-export .outline-expander::before,\n.typora-export .outline-expander:hover::before,\n.no-collapse-outline .typora-export .outline-item-wrapper > .outline-item > .outline-expander::before,\n.typora-export .outline-item-open > .outline-item-wrapper > .outline-expander::before {\n  content: \"\" !important;\n  width: 7px;\n  height: 7px;\n  box-sizing: border-box;\n  padding: 0;\n  background: transparent;\n  border-top: 1.5px solid var(--text-color);\n  border-right: 1.5px solid var(--text-color);\n  z-index: 50;\n}\n.typora-export .outline-item-wrapper > .outline-item > .outline-expander::before,\n.typora-export .outline-item-wrapper:not(.outline-item-open) > .outline-item > .outline-expander::before {\n  margin-top: 13px;\n  transform: rotate(45deg);\n  -webkit-transform: rotate(45deg);\n  -ms-transform: rotate(45deg);\n}\n.typora-export .outline-expander:hover::before,\n.typora-export .outline-item-wrapper:not(.outline-item-open) > .outline-item > .outline-expander:hover::before,\n.typora-export .outline-item-open > .outline-item > .outline-expander::before {\n  margin-left: 2px;\n  margin-top: 11px;\n  -webkit-transform: rotate(135deg);\n  -ms-transform: rotate(135deg);\n}\n.typora-export .outline-expander:hover::before {\n  margin-left: -2px;\n}\n.typora-export .outline-item:hover {\n  margin-right: 0;\n}\n.typora-export .outline-item-active {\n  background: transparent !important;\n}\n.typora-export .outline-item-active > .outline-item,\n.typora-export .outline-item-active > .outline-item > .outline-label {\n  background: var(--bg-color2) !important;\n  color: var(--color-1);\n}\n.typora-export .outline-content li .outline-label {\n  padding-left: 9px;\n}\n.typora-export li.outline-item-open > .outline-item > .outline-label,\n.typora-export .outline-item-wrapper:not(.outline-item-open) > .outline-item > .outline-expander:hover + .outline-label {\n  padding-left: 13px;\n}\n.typora-export-no-collapse-outline .outline-content li .outline-label {\n  padding-left: 0 !important;\n}\n.typora-export .outline-item:hover .outline-label {\n  color: var(--text-color);\n}\n.typora-export-sidebar .outline-content li > .outline-item:hover > .outline-expander::before {\n  border-color: var(--text-color);\n}\n.typora-export-sidebar .outline-item-active > .outline-item > .outline-expander::before {\n  border-width: 2px !important;\n  border-color: var(--color-1);\n}\n\n/*\n * ------------------------\n * @media screen\n * ------------------------\n*/\n@media screen and (min-width: 1921px) {\n  .typora-export-show-outline #write {\n    max-width: 1312px;\n    padding-right: 0;\n  }\n}\n\n@media screen and (min-width: 1725px) {\n  .typora-export .outline-content {\n    padding-left: 5px;\n  }\n}\n\n@media screen and (max-width: 1724px) {\n  .typora-export-show-outline #write {\n    max-width: 1672px;\n  }\n  #write,\n  #typora-source .CodeMirror-lines,\n  .typora-export-show-outline #write {\n    padding: 32px 96px;\n  }\n  .typora-export-sidebar,\n  .typora-export-sidebar > .outline-content {\n    width: 280px;\n  }\n}\n\n@media screen and (max-width: 1440px) {\n  .typora-export-show-outline #write {\n    max-width: 1620px;\n  }\n  #write,\n  #typora-source .CodeMirror-lines,\n  .typora-export-show-outline #write {\n    padding: 32px 80px;\n  }\n  .typora-export-sidebar,\n  .typora-export-sidebar > .outline-content {\n    width: 260px;\n  }\n}\n\n@media screen and (max-width: 1200px) {\n  .typora-export-sidebar,\n  .typora-export-sidebar > .outline-content {\n    width: 240px;\n  }\n  #write,\n  #typora-source .CodeMirror-lines,\n  .typora-export-show-outline #write {\n    padding: 32px 80px;\n  }\n}\n\n@media screen and (max-width: 992px) {\n  .typora-export-sidebar,\n  .typora-export-sidebar > .outline-content {\n    display: block !important;\n  }\n  #write,\n  #typora-source .CodeMirror-lines,\n  .typora-export-show-outline #write {\n    padding: 32px 60px;\n  }\n}\n\n@media screen and (max-width: 768px) {\n  .typora-export-sidebar {\n    display: none !important;\n  }\n  #write,\n  .typora-export-show-outline #write {\n    padding: 32px;\n  }\n  h1.md-focus::before,\n  h2.md-focus::before,\n  h3.md-focus::before,\n  h4.md-focus::before,\n  h5.md-focus::before,\n  h6.md-focus::before,\n  h1::before,\n  h2::before,\n  h3::before,\n  h4::before,\n  h5::before,\n  h6::before {\n    left: -30px;\n  }\n}\n\n/*\n * ------------------------\n * @media print\n * ------------------------\n*/\n@media print {\n  html,\n  body,\n  body #write,\n  body content,\n  body .typora-export-content {\n    margin: 0 !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    height: auto !important; /*解决浏览器打印只有一页问题*/\n    padding: 0 !important;\n    border: none !important;\n  }\n  body .typora-export-sidebar {\n    display: none !important;\n    width: 0 !important;\n  }\n  ::-webkit-scrollbar {\n    width: 0 !important;\n    height: 0 !important;\n  }\n  body,\n  body * {\n    scrollbar-width: none !important;\n  }\n  table,\n  pre,\n  img,\n  blockquote,\n  section,\n  .md-alert{\n    page-break-inside: avoid;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    margin: 24pt 0 12pt;\n  }\n  h1 {\n    font-size: 24pt;\n  }\n  h2 {\n    font-size: 21pt;\n  }\n  h3 {\n    font-size: 18pt;\n  }\n  h4 {\n    font-size: 15pt;\n  }\n  h5 {\n    font-size: 13.5pt;\n  }\n  h6 {\n    font-size: 12pt;\n  }\n  p {\n    font-size: 12pt;\n    margin: 12pt 0;\n  }\n\n  @page {\n    margin: 15mm !important;\n    size: auto;\n    /*谷歌浏览器打印设置*/\n    @top-center {\n      content: '';\n      font-size: 9pt;\n    }\n    @bottom-center {\n      content: counter(page) '/' counter(pages);\n      font-size: 9pt;\n    }\n  }\n}"
  },
  {
    "path": "mdmdt.css",
    "content": "/*\n * ------------------------------------------------------------------------\n * mdmdt.css\n * (c) 2024-2025\n * Author: cayxc\n * Homepage:  https://gitee.com/cayxc/mdmdt  https://github.com/cayxc/Mdmdt\n * License: Apache-2.0\n * ------------------------------------------------------------------------\n*/\n:root {\n  /*--bg-color: rgb(250, 250, 250);*/\n  --bg-color: rgb(250, 250, 252);\n  --bg-color2: rgb(236, 236, 238);\n\n  --text-color: #000;\n  --text-grey: #666;\n  --text-code: #2f479f;\n  --title-color: #070909;\n  --border-color: #d2d2d2;\n\n  --color-1: #3e69d7;\n  --color-1-0-a: rgba(62, 105, 215, 0.15);\n  --color-1-0-b: rgba(62, 105, 215, 0.06);\n\n  --color-2: #f59102;\n  --color-2-0-a: rgba(245, 145, 2, 0.15);\n  --color-2-0-b: rgba(245, 145, 2, 0.06);\n  --color-2-0-c: rgba(245, 145, 2, 0.3);\n\n  --color-3: #03b736;\n  --color-3-0-a: rgba(3, 183, 54, 0.15);\n  --color-3-0-b: rgba(3, 183, 54, 0.06);\n\n  --color-4: #8250df;\n  --color-4-0-a: rgba(130, 80, 223, 0.15);\n  --color-4-0-b: rgba(130, 80, 223, 0.06);\n\n  --color-5: #e30f2e;\n  --color-5-0-a: rgba(227, 15, 46, 0.15);\n  --color-5-0-b: rgba(227, 15, 46, 0.06);\n\n  --md-char-color: rgba(72, 93, 108, 0.75);\n  --meta-content-color: var(--md-char-color);\n  --primary-color: var(--color-1);\n  --primary-btn-border-color: var(--bg-color2);\n  --primary-btn-text-color: var(--text-color);\n  --window-border: 1px solid var(--border-color);\n  --active-file-bg-color: var(--bg-color2);\n  --active-file-text-color: var(--color-1);\n  --active-file-border-color: var(--color-1);\n  --side-bar-bg-color: var(--bg-color);\n  --item-hover-bg-color: var(--bg-color2);\n  --item-hover-text-color: var(--color-1);\n  --select-text-bg-color: var(--color-1-0-a);\n  --monospace: \"JetBrains Mono\", \"Source Code Pro\", \"Fira Code\", Consolas, Inconsolata, \"Cascadia Code\", Monaco, \"Ubuntu Mono\", monospace;\n\n  /*--mermaid-theme: neutral;*/ /*or base, dark, forest, neutral, night*/\n  --mermaid-font-family: \"trebuchet ms\", verdana, arial, sans-serif;\n  --mermaid-sequence-numbers: on;\n  --mermaid-flowchart-curve: linear;\n  --mermaid--gantt-left-padding: 75;\n}\n\nhtml {\n  height: 100vh;\n  background-color: var(--bg-color);\n  font-size: 16px !important;\n  color: var(--text-color);\n  -webkit-font-smoothing: antialiased;\n  scroll-behavior: smooth;\n  scroll-padding: 14px;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  font-size: 16px;\n  line-height: 1.6;\n  letter-spacing: 0.6px;\n  font-family: \"PingFang SC\", \"Microsoft YaHei UI\", \"Microsoft YaHei\", Arial, \"Helvetica Neue\", Helvetica, sans-serif;\n  background: var(--bg-color);\n  overflow-x: hidden;\n}\nbody.os-windows {\n  font-family: \"Microsoft YaHei UI\", \"Microsoft YaHei\", Arial, \"Helvetica Neue\", Helvetica, sans-serif;\n  letter-spacing: 1px;\n}\n* {\n  tab-size: 4;\n  -webkit-tab-size: 4;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n}\n\n/*\n * ------------------------\n * scroll style\n * ------------------------\n*/\n::-webkit-scrollbar,\n::-webkit-scrollbar {\n  width: 8px !important;\n  height: 8px !important;\n}\n::-webkit-scrollbar-thumb,\n::-webkit-scrollbar-thumb {\n  border-radius: 4px !important;\n  background: var(--border-color) !important;\n}\n::-webkit-scrollbar-track,\n::-webkit-scrollbar-track {\n  background: var(--bg-color2) !important;\n}\nhtml,\nhtml * {\n  scrollbar-color: var(--border-color) var(--bg-color2) !important;\n  scrollbar-width: thin !important;\n}\n\n/*\n * -----------------------------------\n * h1 ~ h6, header\n * p, strong, dl, em, u, kbd, hr, mark\n * -----------------------------------\n*/\nh1, h2, h3, h4, h5, h6 {\n  position: relative;\n  line-height: 1.5;\n  margin: 32px 0 18px;\n  color: var(--title-color);\n  letter-spacing: 2px;\n}\nh1 {\n  font-size: 32px;\n  border-bottom: 1px solid var(--border-color);\n}\nh2 { font-size: 28px; }\nh3 { font-size: 24px; }\nh4 { font-size: 20px; }\nh5 { font-size: 18px; }\nh6 { font-size: 16px; }\n\n#write > h1 + *,\n#write > h2 + *,\n#write > h3 + *,\n#write > h4 + *,\n#write > h5 + *,\n#write > h6 + * {\n  margin-top: 18px !important;\n}\n\n#write > h1::before,\n#write > h2::before,\n#write > h3::before,\n#write > h4::before,\n#write > h5::before,\n#write > h6::before,\n#write > h1.md-focus::before,\n#write > h2.md-focus::before,\n#write > h3.md-focus::before,\n#write > h4.md-focus::before,\n#write > h5.md-focus::before,\n#write > h6.md-focus::before {\n  display: none;\n  position: absolute;\n  left: -36px;\n  height: 20px;\n  padding-left: 6px;\n  padding-right: 3px;\n  border: 1px solid var(--color-1);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--color-1);\n}\n#write > h1::before,\n#write > h1.md-focus::before {\n  content: 'h1';\n  top: 15px;\n}\n#write > h2::before,\n#write > h2.md-focus::before {\n  content: 'h2';\n  top: 10.5px;\n}\n#write > h3::before,\n#write > h3.md-focus::before {\n  content: 'h3';\n  top: 8px;\n}\n#write > h4::before,\n#write > h4.md-focus::before {\n  content: 'h4';\n  top: 5.5px;\n}\n#write > h5::before,\n#write > h5.md-focus::before {\n  content: 'h5';\n  top: 4px;\n}\n#write > h6::before,\n#write > h6.md-focus::before {\n  content: 'h6';\n  top: 2.5px;\n}\n#write > h1:hover::before,\n#write > h2:hover::before,\n#write > h3:hover::before,\n#write > h4:hover::before,\n#write > h5:hover::before,\n#write > h6:hover::before {\n  display: block;\n}\n\nhr {\n  height: 1px;\n  box-sizing: border-box;\n  background: var(--border-color);\n  border: none;\n}\n\np {\n  margin-top: 16px;\n  margin-bottom: -5px;\n  white-space: pre-wrap !important;\n}\n#write > p + p {\n  margin-top: 24px;\n}\np:has(span.md-image) {\n  margin-bottom: 0;\n}\n\nstrong {\n  font-weight: 800;\n  color: var(--title-color);\n}\n\nu {\n  text-underline-offset: 4px;\n  text-decoration-thickness: 1.5px;\n}\n\nem {\n  font-weight: 400;\n}\n\ndel {\n  color: var(--text-grey);\n  text-decoration: line-through;\n  text-decoration-color: var(--color-5);\n  -moz-text-decoration-color: var(--color-5);\n}\n\nmark {\n  border-radius: 5px;\n  background-color: var(--color-1);\n  padding: 0 4px;\n  color: var(--bg-color);\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n}\n\n/*\n * ------------------------\n * a, link\n * ------------------------\n*/\na {\n  position: relative;\n  font-weight: 500;\n  text-decoration: none;\n  color: var(--color-1);\n  font-size: 16px;\n  text-underline-offset: 4px;\n}\na:hover,\n.md-link a:hover,\n.footnotes a:hover {\n  color: var(--color-2);\n  text-decoration: underline;\n  cursor: pointer !important;\n}\n/*以下写法是防止导出pdf时再标题或代码块部分生成链接图标*/\n#write p a,\n#write table a,\n#write blockquote a,\n#write .md-alert a,\n#write li a {\n  padding-left: 2px;\n}\n#write p a::before,\n#write table a::before,\n#write blockquote a::before,\n#write .md-alert a::before,\n#write li a::before {\n  content: \"\";\n  display: inline-block;\n  position: relative;\n  top: 2px;\n  right: 2px;\n  z-index: 30;\n  width: 14px;\n  height: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: 100%;\n  background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzQxNDk2OTA4OTA2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE1NjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTIyNy44NCAyMS41MDRjLTQxLjQ3MiA3LjY4LTk3LjI4IDM3Ljg4OC0xMzAuMDQ4IDcwLjY1NkM0Ny42MTYgMTQyLjg0OCAyMC40OCAyMDcuMzYgMjAuNDggMjc2Ljk5MmMwIDc1Ljc3NiAxOC45NDQgMTIzLjM5MiA3Ni4yODggMTkzLjAyNCAzMC4yMDggMzUuODQgMTA1Ljk4NCAxMDguNTQ0IDExNy4yNDggMTEyLjY0IDIuNTYgMC41MTIgNi42NTYtMTQuMzM2IDguNzA0LTMzLjI4IDIuMDQ4LTE4Ljk0NCA3LjY4LTQ4LjEyOCAxMy4zMTItNjQgMTUuODcyLTQ4LjEyOCAxNC4zMzYtNTMuNzYtMjYuNjI0LTkzLjY5NkMxNjQuODY0IDM0Ny42NDggMTQ4LjQ4IDMxNS4zOTIgMTQ4LjQ4IDI3My40MDhjMC05OC44MTYgMTAzLjQyNC0xNjEuMjggMTg1Ljg1Ni0xMTMuMTUyIDExLjc3NiA3LjE2OCA3MS4xNjggNjMuNDg4IDEzMi42MDggMTI0LjkyOCAxMjAuODMyIDEyMS44NTYgMTIwLjMyIDEyMS4zNDQgMTE1LjcxMiAxNzcuMTUyLTEuNTM2IDE5LjQ1Ni03LjY4IDM0LjgxNi0yMC45OTIgNTUuODA4LTIyLjAxNiAzNC4zMDQtMjUuMDg4IDYyLjk3Ni04LjcwNCA4OS42IDEyLjI4OCAyMC40OCAyNS42IDI3LjY0OCA1My4yNDggMjguNjcyIDMyLjc2OCAxLjUzNiA1NC4yNzItMTUuODcyIDc4Ljg0OC02Mi45NzYgMjQuNTc2LTQ2LjU5MiAzMi4yNTYtNzYuOCAzMi4yNTYtMTI2LjQ2NCAwLTUzLjc2LTE1Ljg3Mi0xMDAuODY0LTUyLjIyNC0xNTUuMTM2LTIwLjk5Mi0zMC43Mi0xNjIuODE2LTE3My41NjgtMjEwLjk0NC0yMTEuOTY4QzM4NS41MzYgMjUuMDg4IDMxMC4yNzIgNS42MzIgMjI3Ljg0IDIxLjUwNHoiIGZpbGw9IiMzZTY5ZDciIHAtaWQ9IjE1NjkiPjwvcGF0aD48cGF0aCBkPSJNMzkxLjY4IDM5MS42OGMtMjQuMDY0IDExLjI2NC0zMS4yMzIgMTguNDMyLTUxLjIgNTUuMjk2LTI0LjA2NCA0NC4wMzItMzMuMjggNzguMzM2LTMzLjc5MiAxMjggMCA1NS4yOTYgMTUuMzYgMTAxLjg4OCA1Mi4yMjQgMTU3LjE4NCAyMS41MDQgMzIuMjU2IDE3Ny4xNTIgMTg2Ljg4IDIxOS42NDggMjE5LjEzNiAzOS40MjQgMjkuMTg0IDc4LjMzNiA0Ni4wOCAxMjQuNDE2IDUzLjI0OCAxNTcuMTg0IDI0LjA2NCAzMDAuNTQ0LTk4LjgxNiAzMDAuNTQ0LTI1Ny41MzYgMC03NS43NzYtMTguOTQ0LTEyMy4zOTItNzYuMjg4LTE5My4wMjQtMzAuMjA4LTM1Ljg0LTEwNS45ODQtMTA4LjU0NC0xMTcuMjQ4LTExMi42NC0yLjU2LTAuNTEyLTYuNjU2IDE0LjMzNi04LjcwNCAzMy4yOC0yLjA0OCAxOC45NDQtNy42OCA0OC4xMjgtMTMuMzEyIDY0LTE1Ljg3MiA0OC4xMjgtMTQuMzM2IDUzLjc2IDI2LjYyNCA5My42OTYgNDQuNTQ0IDQ0LjAzMiA2MC45MjggNzYuMjg4IDYwLjkyOCAxMTguMjcyIDAgOTguODE2LTEwMy40MjQgMTYxLjI4LTE4NS44NTYgMTEzLjE1Mi0xMS43NzYtNy4xNjgtNzEuMTY4LTYzLjQ4OC0xMzIuNjA4LTEyNC45MjgtMTIwLjgzMi0xMjEuODU2LTEyMC4zMi0xMjEuMzQ0LTExNS43MTItMTc3LjE1MiAxLjUzNi0xOS40NTYgNy42OC0zNC44MTYgMjAuOTkyLTU1LjgwOCAxNC4zMzYtMjIuMDE2IDE4Ljk0NC0zNC4zMDQgMTguOTQ0LTUxLjIgMC0yMy41NTItMTMuODI0LTUxLjItMjkuMTg0LTU5LjM5Mi0xNy45Mi05LjIxNi00NS4wNTYtMTAuNzUyLTYwLjQxNi0zLjU4NHoiIGZpbGw9IiMzZTY5ZDciIHAtaWQ9IjE1NzAiPjwvcGF0aD48L3N2Zz4=\");\n}\n#write a:hover::before {\n  background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzQxNDk3MDE4MTgyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjExMDciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTIyNy44NCAyMS41MDRjLTQxLjQ3MiA3LjY4LTk3LjI4IDM3Ljg4OC0xMzAuMDQ4IDcwLjY1NkM0Ny42MTYgMTQyLjg0OCAyMC40OCAyMDcuMzYgMjAuNDggMjc2Ljk5MmMwIDc1Ljc3NiAxOC45NDQgMTIzLjM5MiA3Ni4yODggMTkzLjAyNCAzMC4yMDggMzUuODQgMTA1Ljk4NCAxMDguNTQ0IDExNy4yNDggMTEyLjY0IDIuNTYgMC41MTIgNi42NTYtMTQuMzM2IDguNzA0LTMzLjI4IDIuMDQ4LTE4Ljk0NCA3LjY4LTQ4LjEyOCAxMy4zMTItNjQgMTUuODcyLTQ4LjEyOCAxNC4zMzYtNTMuNzYtMjYuNjI0LTkzLjY5NkMxNjQuODY0IDM0Ny42NDggMTQ4LjQ4IDMxNS4zOTIgMTQ4LjQ4IDI3My40MDhjMC05OC44MTYgMTAzLjQyNC0xNjEuMjggMTg1Ljg1Ni0xMTMuMTUyIDExLjc3NiA3LjE2OCA3MS4xNjggNjMuNDg4IDEzMi42MDggMTI0LjkyOCAxMjAuODMyIDEyMS44NTYgMTIwLjMyIDEyMS4zNDQgMTE1LjcxMiAxNzcuMTUyLTEuNTM2IDE5LjQ1Ni03LjY4IDM0LjgxNi0yMC45OTIgNTUuODA4LTIyLjAxNiAzNC4zMDQtMjUuMDg4IDYyLjk3Ni04LjcwNCA4OS42IDEyLjI4OCAyMC40OCAyNS42IDI3LjY0OCA1My4yNDggMjguNjcyIDMyLjc2OCAxLjUzNiA1NC4yNzItMTUuODcyIDc4Ljg0OC02Mi45NzYgMjQuNTc2LTQ2LjU5MiAzMi4yNTYtNzYuOCAzMi4yNTYtMTI2LjQ2NCAwLTUzLjc2LTE1Ljg3Mi0xMDAuODY0LTUyLjIyNC0xNTUuMTM2LTIwLjk5Mi0zMC43Mi0xNjIuODE2LTE3My41NjgtMjEwLjk0NC0yMTEuOTY4QzM4NS41MzYgMjUuMDg4IDMxMC4yNzIgNS42MzIgMjI3Ljg0IDIxLjUwNHoiIGZpbGw9IiNmNTkxMDIiIHAtaWQ9IjExMDgiPjwvcGF0aD48cGF0aCBkPSJNMzkxLjY4IDM5MS42OGMtMjQuMDY0IDExLjI2NC0zMS4yMzIgMTguNDMyLTUxLjIgNTUuMjk2LTI0LjA2NCA0NC4wMzItMzMuMjggNzguMzM2LTMzLjc5MiAxMjggMCA1NS4yOTYgMTUuMzYgMTAxLjg4OCA1Mi4yMjQgMTU3LjE4NCAyMS41MDQgMzIuMjU2IDE3Ny4xNTIgMTg2Ljg4IDIxOS42NDggMjE5LjEzNiAzOS40MjQgMjkuMTg0IDc4LjMzNiA0Ni4wOCAxMjQuNDE2IDUzLjI0OCAxNTcuMTg0IDI0LjA2NCAzMDAuNTQ0LTk4LjgxNiAzMDAuNTQ0LTI1Ny41MzYgMC03NS43NzYtMTguOTQ0LTEyMy4zOTItNzYuMjg4LTE5My4wMjQtMzAuMjA4LTM1Ljg0LTEwNS45ODQtMTA4LjU0NC0xMTcuMjQ4LTExMi42NC0yLjU2LTAuNTEyLTYuNjU2IDE0LjMzNi04LjcwNCAzMy4yOC0yLjA0OCAxOC45NDQtNy42OCA0OC4xMjgtMTMuMzEyIDY0LTE1Ljg3MiA0OC4xMjgtMTQuMzM2IDUzLjc2IDI2LjYyNCA5My42OTYgNDQuNTQ0IDQ0LjAzMiA2MC45MjggNzYuMjg4IDYwLjkyOCAxMTguMjcyIDAgOTguODE2LTEwMy40MjQgMTYxLjI4LTE4NS44NTYgMTEzLjE1Mi0xMS43NzYtNy4xNjgtNzEuMTY4LTYzLjQ4OC0xMzIuNjA4LTEyNC45MjgtMTIwLjgzMi0xMjEuODU2LTEyMC4zMi0xMjEuMzQ0LTExNS43MTItMTc3LjE1MiAxLjUzNi0xOS40NTYgNy42OC0zNC44MTYgMjAuOTkyLTU1LjgwOCAxNC4zMzYtMjIuMDE2IDE4Ljk0NC0zNC4zMDQgMTguOTQ0LTUxLjIgMC0yMy41NTItMTMuODI0LTUxLjItMjkuMTg0LTU5LjM5Mi0xNy45Mi05LjIxNi00NS4wNTYtMTAuNzUyLTYwLjQxNi0zLjU4NHoiIGZpbGw9IiNmNTkxMDIiIHAtaWQ9IjExMDkiPjwvcGF0aD48L3N2Zz4=\");\n}\nsup a,\na.reversefootnote {\n  padding-left: 0 !important;\n}\nsup a::before,\na.reversefootnote::before,\n.md-toc-content .md-toc-item > a::before {\n  display: none;\n  width: 0 !important;\n  height: 0 !important;\n  background-image: none !important;\n}\na:hover {\n  color: var(--color-2);\n}\n.footnotes,\n.footnotes a {\n  font-size: 14px;\n  text-decoration: none;\n}\n.footnotes .md-def-name::before,\n.footnotes .md-def-name::after {\n  color: var(--text-color);\n}\n.footnotes .md-def-url,\n.md-link .md-url {\n  text-decoration: none;\n  color: var(--color-1);\n}\n\n/*\n * ------------------------\n * ul, ol\n * ------------------------\n*/\nul, ol {\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-left: 0;\n}\n#write > p + ul,\n#write > p + ol,\nblockquote > ul,\nblockquote > ol,\n.md-alert > ul,\n.md-alert > ol{\n  margin-top: 11px;\n}\nul {\n  padding-left: 36px;\n}\nol {\n  padding-left: 40px;\n}\nol ol {\n  margin-left: -7px;\n}\nol > li > ul {\n  margin-left: -7px;\n}\nul > li > ol {\n  margin-left: -2px;\n}\nul > li > p {\n  margin: 0 0 0 -2px;\n}\nol > li > p {\n  margin: 0 0 0 -6px;\n}\nul > .task-list-item > input {\n  margin-left: -22px;\n}\n#write li {\n  margin-top: 6px;\n}\nli > p {\n  margin: -5px 0;\n}\n\n#write li img,\n#write li pre,\n#write li figure,\n#write li blockquote,\n#write li .md-alert {\n  margin-top: 11px !important;\n  margin-bottom: 11px !important;\n}\n#write li pre pre,\n#write li .md-image {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n\n/*\n * ------------------------\n * image\n * ------------------------\n*/\nimg,\nspan.md-image {\n  margin: 16px auto 0 auto !important;\n  border-radius: 8px !important;\n  border: none !important;\n  color: var(--md-char-color);\n}\np.md-focus span.md-image {\n  background: var(--color-1-0-b);\n  box-shadow: 0 0 3px var(--border-color);\n}\np.md-focus span.md-image {\n  margin-top: 0;\n}\nspan.md-image,\nspan.md-image span.md-content,\nspan.md-image span.md-image-src-span,\nspan.md-image span.md-image-before-src,\nspan.md-image span.md-image-after-src,\nspan.md-image span.md-image-input-src-btn,\nspan.md-image span.md-image-pick-file-btn,\nspan.md-image span.md-before::before,\nspan.md-image span.md-image-input-src-btn::before,\nspan.md-image span.md-image-pick-file-btn::before {\n  color: var(--color-1);\n}\nspan.md-image-btn {\n  background: var(--bg-color2);\n}\nspan.md-image-btn:hover::before {\n  color: var(--bg-color) !important;\n}\nspan.md-image span.md-image-pick-file-btn {\n  border-left-color: var(--border-color);\n}\n.typora-export #write section:has(img),\n.md-htmlblock-container section:has(img) {\n  display: grid;\n  grid-gap: 16px;\n  justify-content: flex-start;\n  align-items: center;\n  grid-template-columns: repeat(auto-fit, minmax(16px, auto));\n  grid-auto-rows: minmax(16px, auto);\n}\n.typora-export #write > section:has(img) {\n  margin-top: 16px;\n}\n.typora-export #write section img,\n.md-htmlblock-container section img {\n  margin: 0 !important;\n}\n.typora-export #write section:has(img) span,\n.md-htmlblock-container section:has(img) span {\n  display: block;\n  margin: 8px 0;\n}\n.typora-export #write section span > img,\n.md-htmlblock-container section span > img {\n  margin: 8px 0 !important;\n}\n.typora-export #write section span > img:first-of-type,\n.md-htmlblock-container section span > img:first-of-type {\n  margin-top: 0 !important;\n}\n.typora-export #write section span > img:last-of-type,\n.md-htmlblock-container section span > img:last-of-type {\n  margin-bottom: 0 !important;\n}\n.typora-export #write > section:has(img):hover,\n.md-htmlblock-container > section:has(img):hover{\n  border-radius: 8px;\n  background: var(--bg-color2);\n  padding: 16px;\n  transition: padding .3s linear;\n  -webkit-transition: padding .3s linear;\n}\n\n/*\n * ------------------------\n * code\n * ------------------------\n*/\ncode {\n  border-radius: 4px;\n  background: var(--color-1-0-a);\n  padding: 3px 5px;\n  color: var(--text-code);\n  font-size: 14px;\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n}\nh1 code {\n  font-size: 26px;\n}\nh2 code {\n  font-size: 22px;\n}\nh3 code {\n  font-size: 18px;\n}\nh4 code {\n  font-size: 16px;\n}\n.outline-content .outline-item code {\n  font-size: 11px;\n  padding: 2px 4px;\n  border-radius: 3px;\n  vertical-align: middle;\n}\n\n/*\n * ------------------------\n * pre\n * ------------------------\n*/\npre {\n  margin-top: 16px;\n  margin-bottom: 0;\n  box-sizing: border-box;\n  background: var(--bg-color2) !important;\n  border-radius: 8px;\n  font-size: 14px !important;\n  color: var(--text-code);\n}\npre pre {\n  background: transparent !important;\n  padding: 5px 10px;\n  border: none;\n}\npre .CodeMirror-wrap {\n  padding: 16px 16px 16px 0;\n}\npre .CodeMirror-wrap .CodeMirror-scroll {\n  overflow-x: auto;\n}\npre .CodeMirror-sizer {\n  padding-left: 4px;\n}\npre .CodeMirror-gutters {\n  background: var(--bg-color2);\n  border-color: var(--border-color);\n}\n\n/*\n * ------------------------\n * blockquote\n * ------------------------\n*/\nblockquote,\n.md-alert {\n  margin-top: 16px !important;\n  margin-bottom: 0;\n  padding: 16px;\n  background: var(--color-1-0-b);\n  box-sizing: border-box;\n  border-radius: 8px;\n  border-left: 4px solid var(--color-1);\n  border-right: 0.1px solid transparent;\n  border-bottom: 0.1px solid transparent;\n  border-top: 0.1px solid transparent;\n}\nblockquote > *:first-child,\n.md-alert > *:first-child {\n  margin-top: 0 !important;\n}\nblockquote > *:last-child,\n.md-alert > *:last-child {\n  margin-bottom: 0 !important;\n}\n.md-alert.md-alert-note {\n  border-left-color: var(--color-1);\n  background: var(--color-1-0-b);\n  color: var(--color-1);\n}\n.md-alert.md-alert-note .md-alert-text-note {\n  color: var(--color-1);\n}\n.md-alert.md-alert-caution {\n  border-left-color: var(--color-2);\n  background: var(--color-2-0-b);\n  color: var(--color-2);\n}\n.md-alert.md-alert-caution .md-alert-text-caution {\n  color: var(--color-2);\n}\n.md-alert.md-alert-tip {\n  border-left-color: var(--color-3);\n  background: var(--color-3-0-b);\n  color: var(--color-3);\n}\n.md-alert.md-alert-tip .md-alert-text-tip {\n  color: var(--color-3);\n}\n.md-alert.md-alert-important {\n  border-left-color: var(--color-4);\n  background: var(--color-4-0-b);\n  color: var(--color-4);\n}\n.md-alert.md-alert-important .md-alert-text-important {\n  color: var(--color-4);\n}\n.md-alert.md-alert-warning {\n  border-left-color: var(--color-5);\n  background: var(--color-5-0-b);\n  color: var(--color-5);\n}\n.md-alert.md-alert-warning .md-alert-text-warning {\n  color: var(--color-5);\n}\n\n/*\n * ------------------------\n * sup, sub, kbd\n * ------------------------\n*/\nsup, sub {\n  font-size: 12px;\n}\nsup.md-footnote {\n  background: transparent;\n  padding: 0 2px;\n  color: var(--color-1);\n}\nsup.md-footnote:hover {\n  color: var(--color-2);\n  cursor: pointer;\n}\nkbd {\n  display: inline-block;\n  border: none;\n  border-image: none;\n  border-radius: 5px;\n  background: var(--title-color);\n  padding: 0 6px;\n  box-shadow: none;\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n  font-size: 14px;\n  font-weight: 900;\n  color: var(--bg-color);\n}\n::selection {\n  background: var(--color-2-0-c);\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n}\n\n/*\n * ------------------------\n * table\n * ------------------------\n*/\ntable,\nfigure {\n  width: 100%;\n  margin-bottom: 0;\n  border-radius: 8px;\n  padding: 0 !important;\n  border-collapse: separate;\n  border-spacing: 0;\n}\nfigure {\n  margin-top: 16px !important;\n}\ntable {\n  margin-top: 0;\n  border: 1px solid var(--border-color) !important;\n  overflow: hidden;\n}\ntable thead tr th {\n  background: var(--bg-color2);\n}\ntable tbody tr:nth-child(even) td {\n  background: var(--bg-color2);\n}\ntable tbody tr:nth-child(odd) td {\n  background: var(--bg-color);\n}\ntable tr th, table tr td {\n  padding: 10px !important;\n  white-space: pre-wrap !important;\n}\ntable tr td,\ntable thead tr th {\n  border-left: 1px solid var(--border-color) !important;\n}\ntable tbody tr td:first-of-type,\ntable thead tr th:first-of-type {\n  border-left: none !important;\n}\n.md-grid-board-wrap table {\n  border: none !important;\n  border-radius: 0;\n}\n.md-grid-board-wrap table tr th,\n.md-grid-board-wrap table tr td {\n  padding: 0 !important;\n}\n#md-grid-width,\n#md-grid-height {\n  text-align: center !important;\n  padding: 1px 0;\n}\nbutton#md-resize-grid {\n  display: block !important;\n  width: 100%;\n  margin: 5px auto 0;\n  color: var(--bg-color);\n}\nbutton#md-resize-grid:hover {\n  color: var(--color-1);\n  border-color: var(--color-1);\n}\n.ty-table-edit {\n  margin-left: 0;\n}\n.md-tooltip-remove {\n  position: absolute;\n  z-index: 200;\n  margin-top: -28px !important;\n  background: var(--bg-color);\n}\n.md-tooltip-remove .md-delete-table {\n  margin-right: 10px !important;\n}\n.md-table-resize-popover .md-reset > a::before {\n  display: none !important;\n}\n\n/*\n * ------------------------\n * btn\n * ------------------------\n*/\n.btn,\n.btn-default,\n.long-btn {\n  border-radius: 5px !important;\n  border: 1px solid var(--border-color) !important;\n  background: var(--bg-color2) !important;\n  outline: none !important;\n}\n.btn-primary {\n  background: var(--color-1) !important;\n  border-color: var(--color-1) !important;\n  color: #fff;\n}\n\n.btn:hover,\n.long-btn:hover {\n  background: var(--color-1-0-b) !important;\n  border-color: var(--color-1) !important;\n  color: var(--color-1);\n}\n\n.btn:focus,\n.long-btn:focus {\n  outline: none !important;\n}\n.btn {\n  margin-right: 5px !important;\n}\n.btn:last-of-type {\n  margin-right: 0;\n}\n.dropdown-toggle::after {\n  font-size: 14px;\n}\n.dropdown-toggle:hover::after {\n  color: var(--color-1);\n}\n\n/*\n * ------------------------\n * select\n * ------------------------\n */\nselect {\n  border-radius: 6px !important;\n  border: 1px solid var(--border-color) !important;\n  padding: 6px !important;\n}\noption {\n  background: var(--bg-color);\n}\n/*\n * ------------------------\n * textarea\n * ------------------------\n */\ntextarea {\n  outline: none;\n  padding: 16px;\n  border-radius: 8px;\n  border-color: var(--border-color);\n  background: var(--bg-color) !important;\n  color: var(--text-color) !important;\n}\n#write textarea {\n  margin-top: 14px !important;\n  margin-bottom: 0;\n}\n\n/*\n * ------------------------\n * input\n * ------------------------\n*/\nhtml input,\ninput {\n  position: relative;\n  border-radius: 5px !important;\n  border: 1px solid var(--border-color);\n  outline: none !important;\n  padding: 0 6px;\n  line-height: 1.2;\n}\nhtml input:focus,\nhtml textarea:focus,\nhtml input[type=\"number\"]:focus,\nhtml input[type=\"search\"]:focus,\nhtml input[type=\"text\"]:focus {\n  border-color: var(--color-1) !important;\n  box-shadow: none !important;\n  outline: none !important;\n}\ninput::placeholder {\n  font-size: 14px;\n  color: var(--text-grey) !important;\n}\n\n/*input checkbox*/\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  margin-right: 10px !important;\n  margin-bottom: -2px !important;\n  width: 14px !important;\n  height: 14px !important;\n  box-sizing: border-box;\n  background: transparent !important;\n  border: 1px solid var(--border-color) !important;\n  border-radius: 3px !important;\n  padding: 0 !important;\n  outline: none;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  -ms-appearance: none;\n  list-style: none;\n}\ninput[type=\"checkbox\"]:checked,\ninput[type=\"radio\"]:checked {\n  background: var(--color-1) !important;\n  border-color: transparent !important;\n}\ninput[type=\"checkbox\"]:checked::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  bottom: 2.5px;\n  left: 3.5px;\n  width: 5px;\n  height: 9px;\n  box-sizing: border-box;\n  background: transparent;\n  border: 2px solid #fff;\n  border-top: none;\n  border-left: none;\n  transform: rotate(40deg);\n  -webkit-transform: rotate(40deg);\n  -ms-transform: rotate(40deg);\n}\ninput[type=\"radio\"] {\n  border-radius: 50% !important;\n  -webkit-border-radius: 50% !important;\n  -moz-border-radius: 50% !important;\n  border: 1px solid var(--border-color) !important;\n}\ninput[type=\"radio\"]:checked::after {\n  content: \"\";\n  display: block;\n  margin: 3.5px auto;\n  width: 5px;\n  height: 5px;\n  box-sizing: border-box;\n  background: #fff;\n  border-radius: 50%;\n  -webkit-border-radius: 50%;\n  -moz-border-radius: 50%;\n}\n\n/*\n * ------------------------\n * header\n * ------------------------\n*/\nbody > header {\n  background: var(--bg-color) !important;\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15) !important;\n}\n\n/*\n * ------------------------\n * md-htmlblock\n * md-mathblock\n * ------------------------\n*/\n.md-htmlblock-panel,\n.md-htmlblock-container,\n.md-htmlblock-container .md-htmlblock-panel-placeholder {\n  background: transparent;\n}\n.md-htmlblock-container,\n.md-math-container {\n  border-radius: 8px;\n  background: var(--bg-color);\n  overflow: auto;\n}\n.md-math-container {\n  width: 100%;\n  padding: 16px;\n}\n\n.md-rawblock-on-edit .md-htmlblock-panel,\n.md-rawblock-on-edit .md-mathblock-panel {\n  border-radius: 8px;\n  background: var(--bg-color2);\n  padding: 16px;\n}\n.md-mathblock-panel .md-rawblock-control {\n  background: transparent;\n}\n.md-mathblock-panel .code-tooltip {\n  margin: 14px 6px 0;\n  box-shadow: none;\n  border-top: 1px solid var(--border-color);\n  border-radius: 0;\n}\n.code-tooltip {\n  box-shadow: none;\n}\n.code-tooltip .ty-input {\n  border-color: var(--border-color);\n}\n.md-rawblock-on-edit .md-rawblock-input {\n  padding: 0;\n  background: transparent;\n}\n.md-rawblock .md-rawblock-tooltip {\n  float: right;\n  margin-top: -11px;\n  height: auto;\n  border-radius: 5px;\n  background: var(--bg-color2);\n  animation: none !important;\n}\n.md-rawblock .md-rawblock-tooltip span {\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n.md-rawblock .md-rawblock-tooltip-edit-btn:hover {\n  background: transparent;\n}\n\n.md-htmlblock:hover .md-htmlblock-container,\n.md-htmlblock:hover .md-rawblock-tooltip,\n.md-math-block:hover .md-math-container,\n.md-math-block:hover .md-rawblock-tooltip,\n.md-rawblock-on-edit:hover .md-rawblock-tooltip {\n  background: var(--bg-color2);\n}\n.md-inline-math script {\n  color: #f9007c;\n}\n\n/*\n * ------------------------\n * #write\n * ------------------------\n*/\n#write {\n  margin: 0 auto;\n  width: 100%;\n  max-width: 1424px;\n  min-width: 300px;\n  padding: 32px 112px;\n  overflow: auto;\n  /*  scroll-behavior: smooth;\n    scroll-padding: 16px;*/\n}\n#write > *:first-child {\n  margin-top: 0;\n}\n\nspan.md-comment {\n  color: var(--md-char-color);\n  opacity: 1;\n}\n.md-image-btn.selected, .md-image-btn:hover {\n  background: var(--color-1);\n}\n#write pre.md-meta-block:empty:before {\n  color: var(--text-code);\n}\n\n/*\n * ------------------------\n * typora-source\n * ------------------------\n*/\n#typora-source .CodeMirror-sizer {\n  padding-right: 0 !important;\n}\n#typora-source .CodeMirror-lines {\n  margin: 0 auto;\n  max-width: 1424px;\n  min-width: 300px;\n  padding: 32px 112px;\n}\n#typora-source .CodeMirror-lines pre {\n  border: none !important;\n  background: var(--bg-color) !important;\n  padding: 8px 16px !important;\n  font-size: 16px !important;\n}\n#typora-source .CodeMirror-activeline pre {\n  background: var(--bg-color2) !important;\n  border-radius: 6px;\n}\n#typora-source .CodeMirror-activeline .CodeMirror-linebackground {\n  background: transparent !important;\n}\n#typora-source .CodeMirror-lines .cm-header {\n  color: var(--color-2);\n}\n.CodeMirror.cm-s-typora-default div.CodeMirror-cursor {\n  border-left: 3px solid var(--color-2);\n}\n.cm-s-typora-default .cm-header, .cm-s-typora-default .cm-property,\n.cm-s-typora-default .cm-link {\n  color: var(--color-2);\n}\n.cm-s-inner .cm-comment, .cm-s-inner.cm-comment, .cm-overlay {\n  color: var(--md-char-color);\n}\n.cm-s-typora-default .cm-string {\n  color: var(--color-1);\n}\n.cm-s-typora-default .cm-code, .cm-s-typora-default .cm-comment {\n  color: var(--text-code);\n}\n.cm-s-typora-default .cm-tag {\n  color: #e31570;\n}\n\n.cm-attribute {\n  color: var(--color-2);\n}\n\n/*\n * ------------------------\n * #toc-dropmenu\n * ------------------------\n*/\n#toc-dropmenu {\n  top: calc(var(--title-bar-height) + 8px) !important;\n  right: 18px;\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n#toc-dropmenu #pin-outline-btn {\n  display: inline-block;\n  top: 10px;\n}\n#toc-dropmenu .divider {\n  margin-bottom: 0;\n}\n\n/*\n * ------------------------\n * sidebar\n * toc-content\n * ------------------------\n*/\n.os-windows #sidebar-content {\n  margin-top: -1px;\n  border-top: 1px solid var(--border-color);\n}\n.os-windows .ty-show-outline-filter #sidebar-content .sidebar-content-content {\n  margin-top: -4px;\n}\n.os-windows .ty-show-search #sidebar-content .sidebar-content-content {\n  margin-top: -7px;\n}\n.sidebar-tabs {\n  padding: 0 2px;\n}\n.outline-content {\n  overflow: auto !important;\n  padding: 14px 14px 14px 17px;\n  font-size: 14px !important;\n}\n.os-windows .outline-content {\n  padding-top: 15px;\n}\n.outline-content li {\n  position: relative;\n  z-index: 30;\n}\n.outline-content > li:first-of-type::before {\n  top: 0;\n}\n.outline-content li ul {\n  position: relative;\n  z-index: 48;\n  margin-left: 18px;\n  margin-top: 0 !important;\n}\n.no-collapse-outline .outline-content li ul {\n  margin-left: 21px;\n}\n.outline-content li .outline-item {\n  position: relative;\n  z-index: 50;\n  margin: 0 0 3px 7px;\n  width: calc(100% - 4px);\n  border-radius: 5px;\n  border: none;\n  line-height: 1;\n  padding: 0 0 0 4px;\n}\n.outline-item > .outline-expander {\n  display: block;\n  float: left;\n  width: auto;\n  height: 0;\n  background: transparent;\n  padding-left: 0;\n}\n.outline-item > .outline-expander:before {\n  margin-top: 10px;\n  margin-left: -2px;\n  background: transparent;\n  padding: 0 4px 0 2px;\n  font-size: 10px;\n}\n.outline-content li .outline-label {\n  display: inline-block;\n  border-radius: 4px;\n  padding: 7px 7px 7px 8px;\n  font-size: 14px !important;\n  line-height: 1.2;\n  overflow-wrap: normal;\n  word-wrap: normal;\n  word-break: keep-all;\n  white-space: nowrap;\n  text-decoration: none;\n}\n.outline-item-single .outline-label,\n.outline-item-single.outline-item-open .outline-label,\n.no-collapse-outline .outline-content li .outline-label {\n  padding-left: 0 !important;\n}\n.outline-item > .outline-expander:hover + .outline-label,\n.outline-item-open > .outline-item > .outline-label {\n  padding-left: 11px;\n}\n.no-collapse-outline .outline-item-open > .outline-item > .outline-label {\n  padding-left: 0 !important;\n}\n.outline-item-active > .outline-expander:hover + .outline-label,\n.outline-item-open > .outline-item-active > .outline-label {\n  padding-left: 12px;\n}\n.outline-item-active > .outline-expander,\n.outline-item-active > .outline-label {\n  font-weight: 900;\n}\n.outline-content li .outline-item::before {\n  content: '';\n  position: absolute;\n  z-index: 38;\n  left: -10px;\n  top: -27.5px;\n  width: 10px;\n  height: calc(50% + 28px);\n  background: transparent;\n  border-left: 1px solid var(--border-color);\n  border-bottom: 1px solid var(--border-color);\n}\n.os-windows .outline-content li .outline-item::before {\n  top: -28.5px;\n}\n.outline-content > li:first-of-type > .outline-item::before {\n  top: calc(50% - 1px);\n  height: calc(50% + 15px);\n  border-left: 1px solid var(--border-color);\n  border-top: 1px solid var(--border-color);\n  border-bottom: none;\n  border-top-left-radius: 3px;\n  border-bottom-left-radius: 0;\n}\n.outline-children > li:first-child > .outline-item::before,\n.outline-content > li:nth-child(2) > .outline-item::before {\n  top: -11px;\n  height: calc(50% + 12px);\n}\n.os-windows .outline-children > li:first-child > .outline-item::before,\n.os-windows .outline-content > li:nth-child(2) > .outline-item::before {\n  top: -13px;\n  height: calc(50% + 13px);\n}\n.no-collapse-outline .outline-children > li:first-child > .outline-item::before,\n.no-collapse-outline .outline-content > li:nth-child(2) > .outline-item::before {\n  top: -8px;\n  height: calc(50% + 8px);\n}\n.outline-content > li:last-child > .outline-item::before,\n.outline-children > li:last-child > .outline-item::before {\n  border-bottom-left-radius: 3px;\n}\n.no-collapse-outline .outline-item-wrapper > .outline-children::before,\n.outline-item-open > .outline-children::before {\n  content: '';\n  position: absolute;\n  left: -21px;\n  top: -26px;\n  width: 1px;\n  height: calc(100% + 12px);\n  background: transparent;\n  border-left: 1px solid var(--border-color);\n}\n.no-collapse-outline .outline-item-wrapper > .outline-children::before {\n  left: -24px;\n}\n.no-collapse-outline .outline-content > li.outline-item-wrapper:first-child > .outline-children::before,\n.outline-content > li.outline-item-open:first-child > .outline-children::before {\n  top: -15px;\n}\n.outline-content > li:only-of-type > .outline-item::before,\n.no-collapse-outline .outline-item-wrapper:last-of-type > .outline-children::before,\n.no-collapse-outline .outline-children > li.outline-item-wrapper:last-child > .outline-children::before,\n.outline-item-open:last-of-type > .outline-children::before,\n.outline-children > li.outline-item-open:last-child > .outline-children::before {\n  display: none;\n}\n.outline-content > li:only-of-type {\n  margin-left: -8px;\n}\nli > .outline-item-active:before,\n.outline-item:hover::before,\n.outline-item-active > .outline-item::before {\n  width: 7px !important;\n}\nli > .outline-item-active,\nli > .outline-item:hover,\n.outline-item-active > .outline-item {\n  margin-left: 4px !important;\n  padding-left: 7px !important;\n}\n\nli > .outline-item-active::before,\nli > .outline-item:hover::before,\n.outline-item-active > .outline-item::before {\n  left: -7px !important;\n}\n.outline-item:hover,\n.outline-item:hover > .outline-label,\n.outline-item-active,\n.outline-item-active > .outline-label {\n  background: var(--bg-color2) !important;\n}\n.outline-item-active > .outline-label,\n.outline-item-active > .outline-expander::before {\n  color: var(--color-1);\n}\n.ty-on-outline-filter .outline-content .outline-item::before,\n.ty-on-outline-filter .outline-content .outline-item::after {\n  display: none;\n}\n.ty-on-outline-filter .outline-content > li > ul,\n.ty-on-outline-filter .outline-content .outline-item {\n  margin-left: 0;\n}\n\n/* .oultine-item search result */\n.outline-content:has(.ty-outline-hit) {\n  padding-left: 14px;\n}\n.outline-content li:has(.ty-outline-hit) *::before,\n.outline-content li:has(.ty-outline-hit) *::after {\n  content: '';\n  display: none;\n}\n.outline-content li:has(.ty-outline-hit) .outline-item {\n  margin-left: 1px !important;\n  width: calc(100% - 1px);\n  padding-left: 0 !important;\n}\n.outline-content li:has(.ty-outline-hit) .outline-item > .outline-label {\n  padding: 8px 10px !important;\n}\n\n/*\n * --------------------------\n * file-library-list\n * file-library-search-result\n * --------------------------\n*/\n#file-library-list,\n#file-library-search-result {\n  padding: 14px;\n}\n/*ty-search-item*/\n#file-library-list .file-list-item,\n#file-library-search-result .ty-search-item {\n  margin-bottom: 8px;\n  border: 1px solid transparent;\n  border-bottom-color: var(--border-color);\n}\n#file-library-list .file-list-item {\n  padding-left: 14px;\n  padding-right: 14px;\n}\n\n#file-library-list .file-list-item.active,\n#file-library-search-result .ty-search-item.active {\n  border-radius: 5px;\n  border: 1px solid var(--color-1);\n}\n#file-library-list .file-list-item.active {\n  padding: 6px 12px;\n}\n#file-library-search-result .ty-search-item.active {\n  padding: 6px 12px 6px 0;\n}\n#file-library-list .file-list-item:first-of-type.active,\n#file-library-search-result .ty-search-item:first-of-type.active {\n  margin-top: 0;\n}\n#file-library-list .file-list-item:hover,\n#file-library-search-result .ty-search-item:hover {\n  border-radius: 5px;\n  background: var(--bg-color2);\n  border-color: var(--border-color);\n}\n#file-library-list .file-list-item:hover {\n  color: var(--color-1);\n}\n#file-library-list .file-list-item:hover + .file-list-item:not(.active),\n#file-library-list .file-list-item.active + .file-list-item:not(.active),\n#file-library-search-result .ty-search-item:hover + .ty-search-item:not(.active),\n#file-library-search-result .ty-search-item.active + .ty-search-item:not(.active) {\n  border-top: 1px solid var(--border-color);\n}\n#file-library-list .file-list-item.active:hover,\n#file-library-search-result .ty-search-item.active:hover {\n  border-color: var(--color-1);\n}\n\n#file-library-search-result .ty-search-item.active {\n  color: var(--text-color);\n}\n#file-library-search-result .ty-search-item.active .ty-search-item-line {\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n.file-list-item-time {\n  margin-right: 0;\n  padding-right: 0;\n}\n.file-list-item-count {\n  margin-right: 0;\n  border-radius: 3px;\n  padding: 0 6px;\n}\n#file-library-search-result .ty-search-item.active .file-list-item-count {\n  padding-right: 0;\n}\n#sidebar-loading-template {\n  display: none;\n  margin-bottom: 5px;\n  border-radius: 5px;\n  padding: 8px;\n}\n.ty-file-search-match-text {\n  background-color: var(--color-2-0-c);\n}\n\n/*\n * ------------------------\n * file-library-tree\n * ------------------------\n*/\n#file-library-tree {\n  box-sizing: border-box;\n  padding-top: 8px;\n  padding-left: 14px;\n  padding-right: 14px;\n}\n.file-node-root {\n  position: relative;\n  margin-left: 0 !important;\n  padding-left: 0 !important;\n}\n.file-tree-node {\n  margin-bottom: 1px;\n}\n.file-node-children {\n  margin-left: 12px;\n}\n.file-node-root > .file-node-children {\n  margin-left: -2px;\n}\n.file-tree-node > .file-node-content > .file-node-open-state + .file-node-icon {\n  margin-left: 4px;\n}\n.file-node-expanded > .file-node-content > .file-node-open-state + .file-node-icon,\n.file-node-collapsed > .file-node-content > .file-node-open-state + .file-node-icon {\n  margin-left: 3px;\n}\n.fa-folder:before,\n.fa-folder:after,\n.fa-caret-right,\n.fa-caret-down {\n  color: var(--text-grey);\n}\n.file-node-content .file-node-open-state {\n  position: relative;\n  padding-left: 3px;\n}\n.file-node-expanded .file-node-content .file-node-open-state {\n  padding-left: 3px;\n}\n.file-node-content .file-node-open-state::after {\n  content: \"\";\n  position: absolute;\n  z-index: 20;\n  left: 0;\n  top: -21px;\n  width: 8px;\n  height: 32px;\n  border-left: 1px solid var(--border-color);\n  border-bottom: 1px solid var(--border-color);\n  background: transparent;\n}\n.file-node-expanded > .file-node-content .file-node-open-state::after {\n  left: -12px;\n  top: -21px;\n  width: 7px;\n}\n.file-node-root > .file-node-content .file-node-open-state::after {\n  display: none;\n}\n.file-tree-node:first-child > .file-node-content .file-node-open-state::after {\n  top: -11px;\n  height: 22px;\n}\n.file-node-expanded:first-child > .file-node-content .file-node-open-state::after {\n  top: -11px;\n}\n.file-tree-node:last-child > .file-node-content .file-node-open-state::after {\n  border-bottom-left-radius: 3px;\n}\n.file-node-collapsed > .file-node-content .fa-caret-right {\n  margin-left: 9px;\n}\n.file-node-expanded {\n  margin-left: 8px;\n  border-left: 1px solid var(--border-color);\n}\n.file-tree-node:last-child {\n  border-left-color: transparent;\n}\n.file-node-expanded > .file-node-content {\n  margin-left: 3px;\n}\n.file-node-root > .file-node-content {\n  margin-left: 0;\n}\n.file-node-content {\n  position: relative;\n  padding-top: 3px;\n}\n.file-node-content::after {\n  content: '';\n  display: none;\n  position: absolute;\n  z-index: -1;\n  left: 6px;\n  top: 0;\n  width: calc(100% - 10px);\n  height: 29px;\n  background: var(--bg-color2);\n  border-radius: 5px;\n}\n.file-library-file-node:hover > .file-node-content::after,\n.file-tree-node.active > .file-node-content::after {\n  display: block;\n}\n.file-library-file-node:hover > .file-node-content > .file-node-open-state:after,\n.file-tree-node.active > .file-node-content > .file-node-open-state:after {\n  width: 6px;\n}\n.file-node-background {\n  display: none !important;\n}\n.file-library-node:not(.file-node-root):focus > .file-node-content {\n  outline: none;\n}\n\n/*\n * ------------------------\n * TOC md-toc\n * ------------------------\n*/\n.md-toc {\n  margin: 16px 0 0 0;\n  font-size: 14px;\n}\n.md-toc-content {\n  position: relative;\n  margin: 0 0 0 3px;\n  padding: 0;\n}\n.md-toc-content:before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 12px;\n  width: 1px;\n  height: calc(100% - 30px);\n  border-left: 1px solid var(--border-color);\n}\n.md-toc:focus .md-toc-content {\n  margin: 0 !important;\n  border: none !important;\n}\n.md-toc-content .md-toc-item {\n  position: relative;\n  padding-bottom: 8px;\n}\n.md-toc-content .md-toc-item:before {\n  content: '';\n  position: absolute;\n  top: 8px;\n  left: -2px;\n  width: 5px;\n  height: 5px;\n  background: var(--border-color);\n  border-radius: 50%;\n}\n.md-toc-content .md-toc-h1::before {\n  background: var(--color-1);\n}\n.md-toc-item a.md-toc-inner:hover {\n  text-decoration: none;\n}\n.md-toc-item:has(a.md-toc-inner:hover)::before {\n  background: var(--color-2);\n}\n.md-toc-item a.md-toc-inner:hover code {\n  background: var(--color-2-0-a);\n  color: var(--color-2);\n}\n.md-toc-item a {\n  padding-left: 18px !important;\n}\n\n#write div.md-toc-tooltip {\n  z-index: 100;\n  top: -52px;\n  border-top: 1px solid var(--border-color);\n  border-bottom: 1px solid var(--border-color);\n  padding: 3px 0;\n}\n.md-toc-content .md-toc-h1 a {\n  padding-left: 20px;\n}\n#write div.md-toc-tooltip .md-delete-toc {\n  margin: 0 !important;\n  padding: 0 10px;\n  background: var(--bg-color);\n}\n#write div.md-toc-tooltip .md-delete-toc:hover {\n  background: var(--bg-color2);\n  color: var(--color-1);\n}\n\n/*\n * ------------------------\n * code colors\n * ------------------------\n*/\n.cm-s-inner {\n  background-color: transparent !important;\n  color: var(--text-code);\n}\n.cm-s-inner .CodeMirror-gutters {\n  border-right-color: var(--border-color);\n  color: var(--text-code);\n}\n.cm-s-inner .CodeMirror-guttermarker,\n.cm-s-inner .CodeMirror-guttermarker-subtle,\n.cm-s-inner .CodeMirror-linenumber {\n  color: var(--md-char-color);\n}\n.cm-s-inner .CodeMirror-cursor {\n  border-left: 1px solid var(--border-color);\n}\n.cm-s-inner div.CodeMirror-selected,\n.cm-s-inner.CodeMirror-focused div.CodeMirror-selected,\n.cm-s-inner .CodeMirror-line::selection,\n.cm-s-inner .CodeMirror-line > span::selection,\n.cm-s-inner .CodeMirror-line > span > span::selection,\n.cm-s-inner .CodeMirror-line::-moz-selection,\n.cm-s-inner .CodeMirror-line > span::-moz-selection,\n.cm-s-inner .CodeMirror-line > span > span::-moz-selection {\n  background: var(--color-2-0-c);\n}\n.cm-s-inner .CodeMirror-activeline-background { background: transparent; }\n.cm-s-inner .cm-keyword { color: #bb59fd; }\n.cm-s-inner .cm-operator { color: #40d7ec; }\n.cm-s-inner .cm-variable { color: #f4395dff; }\n.cm-s-inner .cm-variable-2 { color: #e2785f; }\n.cm-s-inner .cm-variable-3 { color: #6083ff; }\n.cm-s-inner .cm-builtin { color: #f61d78; }\n.cm-s-inner .cm-atom { color: #fa5336; }\n.cm-s-inner .cm-number { color: #f59102; }\n.cm-s-inner .cm-def { color: #3876eb; }\n.cm-s-inner .cm-string { color: #02be74; }\n.cm-s-inner .cm-string-2 { color: #0a790a; }\n.cm-s-inner .cm-comment,\n.cm-s-inner .cm-meta { color: var(--md-char-color); }\n.cm-s-inner .cm-attribute { color: #c08b01; }\n.cm-s-inner .cm-property { color: #1b9f72; }\n.cm-s-inner .cm-qualifier { color: #dc7b45; }\n.cm-s-inner .cm-tag { color: #e32e73; }\n.cm-s-inner .cm-tag.cm-bracket {color: #0c9bd3;}\n.cm-s-inner .cm-header, .cm-s-inner.cm-header {color: #401df1;}\n.cm-s-inner .CodeMirror-matchingbracket {\n  text-decoration: underline;\n  color: var(--text-code) !important;\n}\n/* apply to code fences with plan text*/\n.md-fences {\n  background-color: var(--bg-color2);\n  color: var(--text-grey);\n}\n.md-fences .code-tooltip {\n  z-index: 50;\n  right: 0 !important;\n  bottom: -28px !important;\n  padding: 0;\n  border-radius: 5px;\n  background-color: var(--bg-color2);\n  color: var(--text-color);\n}\n.md-fences .code-tooltip input,\n.md-fences .code-tooltip span {\n  margin: 0;\n  padding: 3px;\n  border-radius: 5px;\n}\n\n/**\n * --------------------------------------\n * unibody-window\n * Control UI on Windows/Linux (optional)\n * --------------------------------------\n*/\n.unibody-window #write ul,\n.typora-export #write ul {\n  padding-left: 34px;\n}\n.unibody-window #write ol,\n.typora-export #write ol {\n  padding-left: 36px;\n}\n.unibody-window #write ul ul,\n.unibody-window #write ol ol,\n.unibody-window #write ul > li > ol,\n.unibody-window #write ol > li > ul,\n.typora-export #write ul ul,\n.typora-export #write ol ol,\n.typora-export #write ul > li > ol,\n.typora-export #write ol > li > ul {\n  margin-left: 0;\n}\n.unibody-window #write ul > li > p {\n  margin: 0;\n}\n.unibody-window #write ol > li > p,\n.typora-export #write ol > li > p {\n  margin: 0 0 0 -2px;\n}\n.unibody-window #write ul > .task-list-item > input,\n.typora-export #write ul > .task-list-item > input {\n  margin-left: -22px;\n}\n.unibody-window .long-btn {\n  border-radius: 8px !important;\n}\n\n/* .dropdown-menu */\n.dropdown-menu {\n  margin-top: 4px;\n  padding: 8px !important;\n  border-radius: 8px !important;\n  border: 1px solid var(--border-color);\n}\n#recent-file-panel-search-input,\n.megamenu-menu-panel .btn,\n.dropdown-menu li a,\n.dropdown-menu li:hover {\n  border-radius: 5px !important;\n}\n.ty-spell-check-panel-item {\n  margin-bottom: 4px;\n  border-radius: 5px;\n}\n.btn-split-group .dropdown-menu {\n  margin-top: 0;\n}\n\n.dropdown-menu li a {\n  font-size: 14px;\n}\n.dropdown-menu table th,\n.dropdown-menu table td {\n  padding: 5px !important;\n}\n.dropdown-menu li:hover > a,\n.dropdown-menu li > span > a:hover,\n#sidebar-files-menu li:hover > a,\n#close-sidebar-menu-btn:hover {\n  background: var(--bg-color2) !important;\n  color: var(--color-1) !important;\n}\n.dropdown-menu li > span > a:hover {\n  background: var(--color-1-0-b) !important;\n  box-shadow: inset 0 0 0 1px var(--color-1), inset 0 -1px 0 var(--color-1);\n}\n.dropdown-menu li.file-action-item,\n.dropdown-menu li.file-sort-item,\n.dropdown-menu li.file-sort-item + li {\n  margin-top: 0;\n  border-radius: 0 !important;\n}\n\n/* .toolbar-icon */\n.unibody-window .long-btn:hover span,\n.unibody-window .long-btn:hover i,\n.megamenu-menu-panel .btn:hover,\n#megamenu-menu-header-title:hover,\n.toolbar-icon:hover,\n#megamenu-back-btn:hover i {\n  color: var(--color-1);\n  text-decoration: none;\n}\n.unibody-window .long-btn:hover,\n.megamenu-menu-panel .btn:hover,\n#megamenu-back-btn:hover {\n  border-color: var(--color-1);\n  background: var(--bg-color2);\n}\n#w-titlebar-left {\n  margin-top: 3px;\n}\n#w-traffic-lights span {\n  background: transparent !important;\n  border-radius: 0 !important;\n  border: none !important;\n}\n#w-traffic-lights .btn {\n  margin: 0 !important;\n}\n#w-traffic-lights #w-min,\n#w-traffic-lights #w-close,\n#w-traffic-lights #w-max {\n  padding-top: 8px;\n  padding-left: 18px;\n}\n#w-traffic-lights #w-close {\n  border-top-right-radius: 8px !important;\n}\n#w-max-group.w-show-more > #w-full,\n#w-max-group.w-show-more > #w-pin {\n  display: block !important;\n  background: var(--bg-color2) !important;\n}\n#w-max-group *,\n#w-max-group.w-show-more > #w-full *,\n#w-max-group.w-show-more > #w-pin * {\n  color: var(--text-color) !important;\n}\n#w-max-group.w-show-more > #w-pin {\n  border-bottom-left-radius: 5px !important;\n  border-bottom-right-radius: 5px !important;\n}\n#w-traffic-lights > span:not(#w-close):hover {\n  background: var(--bg-color2) !important;\n  color: var(--text-color);\n}\n#w-traffic-lights #w-close:hover {\n  background: var(--color-5) !important;\n  color: white !important;\n}\n#w-max-group.w-show-more > #w-full:hover *,\n#w-max-group.w-show-more > #w-pin:hover * {\n  color: var(--color-1) !important;\n}\n\n/*  #megamenu-content, #megamenu-menu-sidebar */\n.unibody-window #megamenu-menu-sidebar {\n  --bg-color: #1b1b1f;\n  --bg-color2: rgb(40, 42, 50);\n  --border-color: rgb(60, 62, 70);\n  background: var(--bg-color);\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);\n  overflow: hidden;\n}\n#megamenu-menu-sidebar .megamenu-menu-list {\n  border: none;\n}\n.megamenu-section {\n  margin-top: 12px;\n}\n.megamenu-menu-panel h1 {\n  margin-top: 32px;\n  margin-bottom: 32px;\n  font-size: 30px;\n  line-height: 30px;\n}\n#megamenu-section-about h1 {\n  text-align: center;\n}\n.megamenu-menu-panel h2 {\n  font-size: 26px;\n  line-height: 26px;\n}\n.megamenu-menu-panel .btn {\n  padding: 6px 12px;\n}\n.megamenu-menu-panel .long-btn {\n  padding: 10px 12px;\n  text-align: center;\n}\n.megamenu-content {\n  padding-right: 30px;\n  padding-top: 26px;\n  background: var(--bg-color);\n}\n.megamenu-menu-panel #recent-file-panel .dropdown-menu {\n  margin-top: 4px;\n}\n#open-theme-folder-btn {\n  margin-top: 32px;\n}\n.megamenu-menu-header {\n  border-color: var(--border-color);\n}\n.megamenu-menu-header #megamenu-back-btn {\n  margin-left: 10px;\n  border-radius: 6px;\n  border-width: 2px;\n}\n.megamenu-menu-header #megamenu-back-btn > i {\n  display: block;\n  font-size: 16px;\n  line-height: 28px;\n}\n.megamenu-menu-header #megamenu-menu-header-title:hover {\n  color: var(--color-1);\n}\n#megamenu-menu-list {\n  padding: 0 8px;\n}\n.megamenu-menu-list li {\n  margin-top: 6px;\n}\n.megamenu-menu-list li a {\n  display: block;\n  border-radius: 5px;\n  border: 1px solid transparent;\n  font-size: 16px;\n  line-height: 34px;\n}\n.megamenu-menu-list li a .fa {\n  display: inline-block;\n  margin-left: 0;\n  margin-right: 0;\n  opacity: 1;\n  font-size: 18px;\n  line-height: 38px;\n}\n.megamenu-menu-list li a .fa + span {\n  margin-left: 14px;\n}\n.megamenu-menu-list li #m-saved .fa {\n  font-size: 20px;\n  line-height: 36px !important;\n  color: var(--color-1);\n}\n.megamenu-menu-list li a:hover,\n.megamenu-menu-list li a.active:hover {\n  background: var(--bg-color2) !important;\n  border: 1px solid var(--color-1);\n  color: var(--color-1) !important;\n}\n.megamenu-menu-list li a.active {\n  background: var(--bg-color2);\n  color: var(--color-1) !important;\n}\n@media (max-width: 768px) {\n  #megamenu-back-btn {\n    margin-left: 0 !important;\n  }\n  .dropdown-menu {\n    padding: 8px !important;\n  }\n}\n#recent-file-panel-action-btn-container {\n  margin-right: 0;\n}\n#recent-file-panel-search-input {\n  width: calc(100% - 55px);\n}\n\n#megamenu-clear-recet-documents {\n  background: var(--bg-color2);\n  padding: 5px 10px;\n  border-radius: 5px;\n  font-size: 14px;\n}\n#megamenu-clear-recet-documents:hover {\n  color: var(--color-1);\n}\n.ty-show-search #info-panel-tab-search .info-panel-tab-border,\n.ty-show-search #info-panel-tab-search .info-panel-tab-border,\n.active-tab-files #info-panel-tab-file .info-panel-tab-border,\n.active-tab-outline #info-panel-tab-outline .info-panel-tab-border {\n  height: 3px;\n  border-radius: 2px;\n}\n.megamenu-menu-panel {\n  scrollbar-width: none !important;\n}\n#theme-preview-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n  justify-content: space-between;\n  grid-gap: 32px;\n  max-width: 100%;\n}\n@media (max-width: 1440px) {\n  #theme-preview-grid {\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n  }\n}\n@media (max-width: 1200px) {\n  #theme-preview-grid {\n    grid-template-columns: 1fr 1fr 1fr;\n  }\n}\n@media (max-width: 992px) {\n  #theme-preview-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n@media (max-width: 768px) {\n  #theme-preview-grid {\n    grid-template-columns: 1fr;\n  }\n}\n.theme-preview-div {\n  margin: 0;\n  box-sizing: border-box;\n  overflow: hidden;\n  padding: 5px;\n  border: 3px solid var(--border-color);\n  border-radius: 10px;\n  color: var(--color-1);\n}\n.theme-preview-content {\n  width: 100%;\n  height: 100%;\n  border-radius: 6px;\n}\n.theme-preview-div:hover {\n  border-color: var(--color-2);\n}\n.theme-preview-div.active {\n  border-color: var(--color-1);\n}\n.theme-preview-div .fa,\n#outline-btn:hover {\n  color: var(--color-1) !important;\n}\n\n/* context menu */\n.context-menu {\n  padding: 6px !important;\n  border-radius: 6px !important;\n  border: 1px solid var(--border-color);\n}\n.ext-context-menu {\n  margin: -4px 1px 0 1px;\n}\n.context-menu li a {\n  display: inline-block;\n  width: 100%;\n  border-radius: 6px !important;\n}\n.context-menu > .active a {\n  color: var(--color-1) !important;\n}\n.tb43e-d6bd-dbe4y {\n  background: var(--bg-color2);\n}\n\n/*\n * ------------------------\n * UI-controls\n * dialogs\n * ------------------------\n*/\n.form-control {\n  padding: 6px;\n}\n\n/* alert-msg */\n#searchpanel-msg {\n  margin-top: 2px;\n  margin-bottom: 8px;\n  background: var(--color-1-0-a);\n}\n.alert.alert-warning,\n.alert.alert-warning * {\n  color: var(--color-1) !important;\n}\n#md-searchpanel {\n  padding-top: 7px;\n}\n#md-searchpanel input,\n#md-replace-type-label,\n#search-panel-replace-btn,\n.modal-dialog,\n.modal-title,\n.modal-content {\n  border-radius: 5px;\n}\n.modal-content {\n  padding: 8px;\n  border-radius: 8px;\n}\n#sidebar-files-menu li a {\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n#sidebar-files-menu .file-action-item {\n  line-height: 30px;\n}\n.ty-sidebar-search-panel {\n  padding-left: 14px !important;\n  padding-right: 14px !important;\n}\n#file-library-search-panel {\n  padding-top: 3px;\n  padding-bottom: 11px;\n  border-bottom: 1px solid var(--border-color) !important;\n}\n#file-library-search-input {\n  top: 4px;\n  width: 100% !important;\n  border-radius: 0 !important;\n}\n#file-library-search-input,\n.native-window #file-library-search-input {\n  height: 28px;\n  border-radius: 5px !important;\n  font-size: 12px;\n}\n#ty-sidebar-search-panel .searchpanel-search-option-btn {\n  top: 12px;\n}\n#close-outline-filter-btn {\n  top: 12px;\n  right: 15px;\n  border: none !important;\n  background: transparent !important;\n}\n#sidebar-content #file-library-search-panel .searchpanel-search-option-btn {\n  top: 12px;\n}\n\n\n/* #root .window */\n.window,\n.window label {\n  font-size: 13px !important;\n}\n.window .window-header h2 {\n  font-size: 15px !important;\n}\n.window .nav-group-item {\n  margin: 14px 0;\n  font-size: 15px !important;\n}\n.window pre {\n  padding: 16px;\n}\n#ty-tooltip,\n.ty-tooltip.shown {\n  padding: 6px 12px;\n  background: var(--bg-color2);\n  border-radius: 6px;\n  color: var(--text-color);\n}\n\n/* content footer */\nfooter.ty-footer,\n.ty-footer .footer-item {\n  height: 24px;\n  border-top: none;\n}\n.ty-footer .footer-item {\n  margin-left: 3px;\n  margin-top: -5px;\n  border-radius: 5px;\n  background: var(--border-color) !important;\n  line-height: 24px;\n}\n.ty-footer #footer-word-count {\n  margin-right: -2px;\n}\n.typora-sourceview-on #toggle-sourceview-btn {\n  margin-left: 0;\n}\n#dict-install-dialog + div {\n  bottom: 3px !important;\n}\n#footer-word-count-info {\n  padding: 6px;\n  border-radius: 5px;\n  border: 1px solid var(--border-color);\n}\n#footer-word-count-info table {\n  border-radius: 0;\n}\n#footer-word-count-info table tr > td:first-of-type {\n  border-top-left-radius: 5px;\n  border-bottom-left-radius: 5px;\n}\n#footer-word-count-info table tr > td:last-of-type {\n  border-top-right-radius: 5px;\n  border-bottom-right-radius: 5px;\n}\n.export-item.active,\n.export-items-list-control {\n  border-radius: 3px !important;\n}\n.nav-group-item {\n  border-radius: 6px !important;\n}\n.input-group table,\n.export-detail {\n  border-radius: 6px !important;\n}\n.export-detail .file-input input {\n  height: 30px !important;\n  padding-left: 8px !important;\n  border-color: var(--border-color) !important;\n}\n.search-input {\n  padding: 6px 12px !important;\n  border-color: var(--border-color) !important;\n}\n.label-input-group div {\n  margin: 0 !important;\n  padding: 0 !important;\n  border: none !important;\n}\n.label-input-group div pre {\n  border-radius: 6px !important;\n  font-size: 14px !important;\n}\n.input-group-content {\n  border-radius: 6px !important;\n}\n.input-group-content table {\n  margin-top: 4px;\n}\n.label-hint svg {\n  margin-right: 3px;\n}\n.export-detail .input-group-content > .row {\n  margin-right: 16px;\n}\n.export-detail,\n.export-item.active {\n  color: var(--text-color) !important;\n}\n.export-item.active {\n  color: var(--color-1) !important;\n}\n.md-show-hint::after {\n  background: var(--bg-color2) !important;\n  border-radius: 3px;\n  box-shadow: 0 0 3px var(--color-1) !important;\n}\n/**\n * ---------------------------------\n * Control UI on Mac (optional)\n * ---------------------------------\n*/\n.sidebar-tab-btn {\n  margin-top: 12px !important;\n  color: var(--title-color);\n  font-size: 16px !important;\n  line-height: 20px !important;\n  vertical-align: middle;\n}\n.sidebar-tab-btn:hover {\n  color: var(--color-1);\n}\n.mac-os .ty-show-search .ty-tab-wrapper {\n  border-bottom: 1px solid var(--border-color);\n}\n.mac-os #sidebar-search-btn span::before {\n  font-size: 18px;\n}\n.mac-os #ty-sidebar-search-tabs input {\n  top: 0;\n  margin-right: 0;\n  padding: 0;\n  border-top: none;\n  border-right: none;\n  border-left: none;\n  border-radius: 0 !important;\n  border-bottom-width: 1px;\n}\n.mac-os #ty-sidebar-search-tabs .searchpanel-search-option-btn {\n  top: 14px;\n}\n.mac-os #ty-sidebar-search-tabs #ty-sidebar-search-back-btn {\n  margin-top: 14px !important;\n}\n.mac-os #ty-sidebar-search-tabs .sidebar-tab-btn {\n  width: 25px !important;\n  padding-right: 8px;\n}\n.mac-os #ty-sidebar-search-tabs #filesearch-regexp-option-btn {\n  right: 12px;\n}\n.mac-os #ty-sidebar-search-tabs #filesearch-word-option-btn {\n  right: 35px;\n}\n.mac-os #ty-sidebar-search-tabs #filesearch-case-option-btn {\n  right: 58px;\n}\n#ty-sidebar-footer .sidebar-footer-item {\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n.os-windows #ty-sidebar-footer .sidebar-footer-item {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n#typora-quick-open {\n  padding: 12px;\n  background-color: var(--bg-color);\n  border: 1px solid var(--border-color);\n  border-radius: 8px;\n}\n.typora-quick-open-item,\n.md-hover-tip .code-tooltip-content {\n  border-radius: 5px;\n  overflow-x: auto;\n}\n.code-tooltip.md-hover-tip,\n.md-hover-tip .code-tooltip-content,\n.md-arrow::after {\n  border-bottom-color: var(--color-1) !important;\n  background: var(--color-1) !important;\n  box-shadow: 0 1px 4px var(--color-1) !important;\n}\n.md-hover-tip .code-tooltip-content:hover a {\n  color: var(--color-2) !important;\n}\n\n/*\n * ------------------------\n * .ty-preferences\n * ------------------------\n*/\n.sidebar {\n  position: relative;\n}\n.sidebar:after {\n  content: '';\n  display: block;\n  position: absolute;\n  width: 1px;\n  height: 100%;\n  right: -24px;\n  top: 0;\n  border-left: 1px solid var(--border-color);\n}\n\n.ty-preferences a {\n  font-size: 12px !important;\n  text-decoration: none;\n  color: var(--color-1);\n}\n.ty-preferences a:hover {\n  text-decoration: underline;\n  color: var(--color-2);\n}\n\n/*search style*/\n#searchpanel-search-group .ty-search-panel-row {\n  padding-top: 0;\n}\n#searchpanel-search-group .searchpanel-search-option-btn {\n  top: 3px;\n  background: var(--bg-color);\n}\n#searchpanel-search-group .searchpanel-search-option-btn:hover {\n  color: var(--color-1);\n}\n.ty-search-panel-row .btn {\n  line-height: 14px;\n}\n.ty-search-panel-row .ion-close-round,\n.ty-search-panel-row .ty-upload {\n  padding-right: 8px !important;\n  padding-left: 4px !important;\n}\n#search-panel-next,\n#search-panel-replace-btn {\n  left: 3px;\n}\n#search-panel-replaceall-btn,\n#search-panel-replace-btn {\n  padding-right: 4px !important;\n  padding-left: 4px !important;\n  text-align: center !important;\n}\n.ty-on-outline-filter .ty-outline-hit {\n  color: var(--color-2);\n}\n.md-search-hit {\n  background: var(--color-2-0-c) !important;\n  color: #070909 !important;\n}\n.md-search-select {\n  background: var(--color-2) !important;\n  color: #070909 !important;\n}\n\n/* md-notification-container */\n.md-notification-container {\n  padding-top: calc(var(--title-bar-height) + 10px) !important;\n  background: var(--bg-color);\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);\n  font-size: 14px;\n}\n.native-window.os-windows .md-notification-container,\n.mac-os .md-notification-container {\n  padding-top: 1px !important;\n}\n.md-notification-container #md-notification::before {\n  top: 8px;\n  font-size: 16px;\n}\n#md-notification .md-notification-content {\n  padding-bottom: 4px;\n}\n#md-notification p {\n  margin: 4px 0;\n  white-space: nowrap;\n}\n#md-notification > p:last-of-type {\n  margin-bottom: 8px;\n}\n#md-notification > p:only-of-type {\n  margin-bottom: 0;\n}\n.md-notification-container .btn {\n  margin: 0;\n}\n#md-notification .typora-search-spinner,\n#md-notification .typora-export-spinner {\n  top: 5px !important;\n}\n.unibody-window #md-searchpanel .btn {\n  line-height: 24px !important;\n}\n#md-notification .typora-search-spinner > div,\n#md-notification .typora-export-spinner > div {\n  background: var(--color-1);\n}\n\n/* 打字机模式提示 */\n#md-notification .ty-enter-mode-warning-body + div {\n  display: flex;\n  display: -webkit-flex;\n}\n#md-notification label {\n  align-self: center;\n}\n#md-notification label > input {\n  margin-top: 0;\n}\n\n/*\n * ------------------------\n * diagram\n * ------------------------\n*/\n.md-diagram .md-diagram-panel {\n  border-radius: 8px;\n  border-color: transparent !important;\n  background: var(--bg-color2);\n}\npre.md-focus .md-diagram-panel {\n  margin-top: 4px;\n}\n\n/*\n * ------------------------\n * export html\n * ------------------------\n*/\nbody.typora-export {\n  padding: 0;\n}\n.typora-export code {\n  padding: 2px 4px;\n}\n.typora-export .typora-export-content {\n  display: flex;\n  display: -webkit-flex;\n  width: 100vw;\n  max-width: 1920px;\n  margin: 0 auto;\n  justify-content: center;\n}\n.typora-export #write {\n  margin: 0;\n}\n\n/* sidebar */\n#typora-sidebar {\n  border-right-color: var(--border-color);\n}\n.typora-export-sidebar {\n  margin-right: 0;\n  margin-top: 0;\n}\n.typora-export-sidebar > .outline-content {\n  height: 100vh;\n  border-right: 1px solid var(--border-color);\n  padding-top: 14px;\n  padding-bottom: 14px;\n  overflow: auto;\n}\n.no-collapse-outline .typora-export-sidebar .outline-item-wrapper > ul li,\n.typora-export-sidebar .outline-item-open > ul li {\n  margin-left: 1px;\n}\n.typora-export-no-collapse-outline .outline-expander {\n  display: none;\n}\n.typora-export-no-collapse-outline .outline-item-wrapper > .outline-children::before {\n  content: '';\n  position: absolute;\n  left: -24px;\n  top: -20px;\n  width: 1px;\n  height: calc(100% + 12px);\n  background: transparent;\n  border-left: 1px solid var(--border-color);\n}\n.typora-export-no-collapse-outline .outline-content li ul {\n  margin-left: 21px;\n}\n.typora-export-no-collapse-outline .outline-item-wrapper:last-of-type > .outline-children::before,\n.typora-export-no-collapse-outline .outline-children > li.outline-item-wrapper:last-child > .outline-children::before {\n  display: none;\n}\n.typora-export-no-collapse-outline .outline-children > li:first-child > .outline-item::before,\n.typora-export-no-collapse-outline .outline-content > li:nth-child(2) > .outline-item::before {\n  top: -9px;\n  height: calc(50% + 9px);\n}\n.typora-export-no-collapse-outline .outline-content > li.outline-item-wrapper:first-child > .outline-children::before {\n  top: -15px;\n}\n.typora-export .outline-expander::before,\n.typora-export .outline-expander:hover::before,\n.no-collapse-outline .typora-export .outline-item-wrapper > .outline-item > .outline-expander::before,\n.typora-export .outline-item-open > .outline-item-wrapper > .outline-expander::before {\n  content: \"\" !important;\n  width: 7px;\n  height: 7px;\n  box-sizing: border-box;\n  padding: 0;\n  background: transparent;\n  border-top: 1.5px solid var(--text-color);\n  border-right: 1.5px solid var(--text-color);\n  z-index: 50;\n}\n.typora-export .outline-item-wrapper > .outline-item > .outline-expander::before,\n.typora-export .outline-item-wrapper:not(.outline-item-open) > .outline-item > .outline-expander::before {\n  margin-top: 13px;\n  transform: rotate(45deg);\n  -webkit-transform: rotate(45deg);\n  -ms-transform: rotate(45deg);\n}\n.typora-export .outline-expander:hover::before,\n.typora-export .outline-item-wrapper:not(.outline-item-open) > .outline-item > .outline-expander:hover::before,\n.typora-export .outline-item-open > .outline-item > .outline-expander::before {\n  margin-left: 2px;\n  margin-top: 11px;\n  -webkit-transform: rotate(135deg);\n  -ms-transform: rotate(135deg);\n}\n.typora-export .outline-expander:hover::before {\n  margin-left: -2px;\n}\n.typora-export .outline-item:hover {\n  margin-right: 0;\n}\n.typora-export .outline-item-active {\n  background: transparent !important;\n}\n.typora-export .outline-item-active > .outline-item,\n.typora-export .outline-item-active > .outline-item > .outline-label {\n  background: var(--bg-color2) !important;\n  color: var(--color-1);\n}\n.typora-export .outline-content li .outline-label {\n  padding-left: 9px;\n}\n.typora-export li.outline-item-open > .outline-item > .outline-label,\n.typora-export .outline-item-wrapper:not(.outline-item-open) > .outline-item > .outline-expander:hover + .outline-label {\n  padding-left: 13px;\n}\n.typora-export-no-collapse-outline .outline-content li .outline-label {\n  padding-left: 0 !important;\n}\n.typora-export .outline-item:hover .outline-label {\n  color: var(--text-color);\n}\n.typora-export-sidebar .outline-content li > .outline-item:hover > .outline-expander::before {\n  border-color: var(--text-color);\n}\n.typora-export-sidebar .outline-item-active > .outline-item > .outline-expander::before {\n  border-width: 2px !important;\n  border-color: var(--color-1);\n}\n\n/*\n * ------------------------\n * @media screen\n * ------------------------\n*/\n@media screen and (min-width: 1921px) {\n  .typora-export-show-outline #write {\n    max-width: 1312px;\n    padding-right: 0;\n  }\n}\n\n@media screen and (min-width: 1725px) {\n  .typora-export .outline-content {\n    padding-left: 5px;\n  }\n}\n\n@media screen and (max-width: 1724px) {\n  .typora-export-show-outline #write {\n    max-width: 1672px;\n  }\n  #write,\n  #typora-source .CodeMirror-lines,\n  .typora-export-show-outline #write {\n    padding: 32px 96px;\n  }\n  .typora-export-sidebar,\n  .typora-export-sidebar > .outline-content {\n    width: 280px;\n  }\n}\n\n@media screen and (max-width: 1440px) {\n  .typora-export-show-outline #write {\n    max-width: 1620px;\n  }\n  #write,\n  #typora-source .CodeMirror-lines,\n  .typora-export-show-outline #write {\n    padding: 32px 80px;\n  }\n  .typora-export-sidebar,\n  .typora-export-sidebar > .outline-content {\n    width: 260px;\n  }\n}\n\n@media screen and (max-width: 1200px) {\n  .typora-export-sidebar,\n  .typora-export-sidebar > .outline-content {\n    width: 240px;\n  }\n  #write,\n  #typora-source .CodeMirror-lines,\n  .typora-export-show-outline #write {\n    padding: 32px 80px;\n  }\n}\n\n@media screen and (max-width: 992px) {\n  .typora-export-sidebar,\n  .typora-export-sidebar > .outline-content {\n    display: block !important;\n  }\n  #write,\n  #typora-source .CodeMirror-lines,\n  .typora-export-show-outline #write {\n    padding: 32px 60px;\n  }\n}\n\n@media screen and (max-width: 768px) {\n  .typora-export-sidebar {\n    display: none !important;\n  }\n  #write,\n  .typora-export-show-outline #write {\n    padding: 32px;\n  }\n  h1.md-focus::before,\n  h2.md-focus::before,\n  h3.md-focus::before,\n  h4.md-focus::before,\n  h5.md-focus::before,\n  h6.md-focus::before,\n  h1::before,\n  h2::before,\n  h3::before,\n  h4::before,\n  h5::before,\n  h6::before {\n    left: -30px;\n  }\n}\n\n/*\n * ------------------------\n * dark style\n * ------------------------\n*/\n@media (prefers-color-scheme: dark) {\n  /* colors */\n  :root {\n    --bg-color: #1b1b1f;\n    --bg-color2: rgb(40, 42, 50);\n\n    --text-color: #d0d0d0;\n    --text-grey: rgb(70, 75, 80);\n    --text-code: #bbc7fd;\n    --title-color: var(--text-color);\n    --border-color: var(--text-grey);\n\n    --color-1-0-a: rgba(62, 105, 215, 0.3);\n    --color-1-0-b: rgba(62, 105, 215, 0.12);\n\n    --color-2-0-a: rgba(245, 145, 2, 0.3);\n    --color-2-0-b: rgba(245, 145, 2, 0.12);\n    --color-2-0-c: rgba(245, 145, 2, 0.4);\n\n    --color-3-0-a: rgba(3, 183, 54, 0.3);\n    --color-3-0-b: rgba(3, 183, 54, 0.12);\n\n    --color-4-0-a: rgba(130, 80, 223, 0.3);\n    --color-4-0-b: rgba(130, 80, 223, 0.12);\n\n    --color-5-0-a: rgba(227, 15, 46, 0.3);\n    --color-5-0-b: rgba(227, 15, 46, 0.12);\n\n    --md-char-color: #667c89ff;\n    --mermaid-theme: dark;\n  }\n  /* scroll style */\n  ::-webkit-scrollbar-thumb {\n    background: var(--text-grey) !important;\n  }\n  ::-webkit-scrollbar-track {\n    background: var(--bg-color2) !important;\n  }\n  html,\n  html * {\n    scrollbar-width: thin !important;\n    scrollbar-color: var(--text-grey) var(--bg-color2) !important;\n  }\n  strong {\n    color: #cfdfff;\n  }\n  mark {\n    color: rgb(250, 250, 250);\n  }\n  kbd {\n    background: var(--color-2);\n    color: rgb(250, 250, 250);\n  }\n  body > header,\n  .md-notification-container {\n    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 2px 5px 0 rgba(0, 0, 0, 0.1);\n  }\n  .md-notification-container {\n    border-bottom: 1px solid var(--border-color);\n  }\n  #w-traffic-lights > span:not(#w-close):hover {\n    color: var(--text-color) !important;\n  }\n  #megamenu-menu-sidebar {\n    border-right: 1px solid var(--border-color);\n    box-shadow: none;\n  }\n  .CodeMirror div.CodeMirror-cursor {\n    border-color: var(--text-color);\n  }\n  .export-detail,\n  .export-item.active,\n  .export-items-list-control {\n    background: var(--bg-color2) !important;\n  }\n  /*code colors*/\n  .cm-s-inner .cm-header, .cm-s-inner.cm-header {color: #41cce9;}\n\n}\n\n/*\n * ------------------------\n * @media print\n * ------------------------\n*/\n@media print {\n  html,\n  body,\n  body #write,\n  body content,\n  body .typora-export-content {\n    margin: 0 !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    height: auto !important; /*解决浏览器打印只有一页问题*/\n    padding: 0 !important;\n    border: none !important;\n  }\n  body .typora-export-sidebar {\n    display: none !important;\n    width: 0 !important;\n  }\n  ::-webkit-scrollbar {\n    width: 0 !important;\n    height: 0 !important;\n  }\n  body,\n  body * {\n    scrollbar-width: none !important;\n  }\n  table,\n  pre,\n  img,\n  blockquote,\n  section,\n  .md-alert{\n    page-break-inside: avoid;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    margin: 24pt 0 12pt;\n  }\n  h1 {\n    font-size: 24pt;\n  }\n  h2 {\n    font-size: 21pt;\n  }\n  h3 {\n    font-size: 18pt;\n  }\n  h4 {\n    font-size: 15pt;\n  }\n  h5 {\n    font-size: 13.5pt;\n  }\n  h6 {\n    font-size: 12pt;\n  }\n  p {\n    font-size: 12pt;\n    margin: 12pt 0;\n  }\n\n  @page {\n    margin: 15mm !important;\n    size: auto;\n    /*谷歌浏览器打印设置*/\n    @top-center {\n      content: '';\n      font-size: 9pt;\n    }\n    @bottom-center {\n      content: counter(page) '/' counter(pages);\n      font-size: 9pt;\n    }\n  }\n}"
  },
  {
    "path": "readme.md",
    "content": "![typora-mdmdt-theme](./img/mdmdt.png)\n# About Mdmdt theme\n\n![Languages](https://img.shields.io/badge/languages-CSS-F34B7D.svg)\n![GitHub release (latest by date including pre-releases)](https://img.shields.io/github/v/release/cayxc/Mdmdt?include_prereleases&color=blue&logo=hack-the-box)\n![GitHub license](https://img.shields.io/github/license/cayxc/Mdmdt?style=flat&logo=github&color=cyan)\n![GitHub issues](https://img.shields.io/github/issues/cayxc/Mdmdt?style=flat&logo=github&color=red)\n![GitHub forks](https://img.shields.io/github/forks/cayxc/Mdmdt?style=flat&logo=github&color=turquoise)\n![GitHub Repo stars](https://img.shields.io/github/stars/cayxc/Mdmdt?style=flat&logo=github&color=green)\n\n#### [中文文档](./readme.zh.md)\n\n**Mdmdt** is an abbreviation for Markdown Minimalism Document Theme, meaning: Markdown Minimalism Document Theme.**Mdmdt** is a deeply customized personalized Typora theme, aimed at creating a **refreshing and minimalist** document style. The **Mdmdt** theme has now been included in the [official Typora theme library](https://theme.typoraio.cn).\n\nCompared to the default theme style, the following aspects have been mainly modified:\n1. Simple and comfortable color matching style\n2. Modify the title style\n3. Modify the table style\n4. Modify the reference box style\n5. Add rounded corner style to the image\n6. Add highlight style to code\n7. Modify file tree, outline, and document list styles\n8. Automatic follow system's light/dark theme mode (can be set separately for light/dark themes)\n9. Modify other UI styles\n\n> [!IMPORTANT]\n>\n> **Attention:** This theme has only been tested in Windows and MacOS environments, and has not been tested in Linux environments. Please be aware when using it!\n\n# Preview\n\n![mdmdt-text](./img/mdmdt-text.png)\n![mdmdt-source](./img/mdmdt-source.png)\n![mdmdt-code](./img/mdmdt-code.png)\n![mdmdt-list](./img/mdmdt-list.png)\n![mdmdt-math](./img/mdmdt-math.png)\n![mdmdt-blockquote](./img/mdmdt-blockquote.png)\n![mdmdt-mermaid](./img/mdmdt-mermaid.png)\n![mdmdt-title](./img/mdmdt-title.png)\n\n---\n\n![mdmdt-ui-1](./img/mdmdt-ui-1.png)\n![mdmdt-ui-2](./img/mdmdt-ui-2.png)\n![mdmdt-ui-3](./img/mdmdt-ui-3.png)\n![mdmdt-ui-4](./img/mdmdt-ui-4.png)\n\n# Personalized graphic layout\n\nThis theme provides some personalized graphic and text layout solutions. For specific usage methods, please refer to the \"<u>个性化图文布局</u>\" chapter in the \"**Mdmdt主题演示demo.md**\".\n\n**Personalized graphic layout preview:**\n\n![性化图文排列](./img/mdmdt-layout.png)\n\n# Usage\n\nUsing custom themes is very simple, as follows:\n\n1. Open `Preferences` -> `Appearance` -> `Open Theme Folder`\n2. Copy the downloaded `mdmdt.css`  file to the theme folder.\n3. **Exit Typora and reopen**，In the `Menu Bar` -> `Themes`, Select **Mdmdt** theme and complete the theme switch.\n\n> [!NOTE]\n> \n> **Note:** The mdmdt.css file contains both bright and dark themes, which will automatically switch between bright and dark themes according to the system mode.\n\n##### Use separate Light/Dark theme\n\nIf you only want to use a separate bright or dark theme, the method is as follows:\n1. Open `Preferences` -> `Appearance` -> `Open Theme Folder`\n2. Copy `mdmdt-light.css` or `mdmdt-dark.css ` to the theme folder.\n3. **Exit Typora and reopen**，In the `Menu Bar` -> `Themes`, Select **Mdmdt Light** or **Mdmdt Dark** theme and complete the theme switch.\n\n# Modify font\nIf you are not satisfied with the font, you can refer to the following methods to modify the corresponding font:\n\n1. Modify the text font and find: `font-family: \"PingFang SC\", \"Microsoft YaHei\", Arial, \"Helvetica Neue\", Helvetica, sans-serif;` ,  Then add the font you want to use in the first position after \"font-family:\",  such as: `font-family:  \"The font name you want to use\", \"PingFang SC\", ..., sans-serif;`; Modify the font of the text in the Windows environment and find: ` body.os-windows{...}`, Modify according to the previous method.\n\n2. Modify the code font and find: `--monospace: \"JetBrains Mono\", \"Source Code Pro\", \"Fira Code\", Consolas, Inconsolata, \"Cascadia Code\", Monaco, \"Ubuntu Mono\", monospace;`，Then add the font you want to use in its first position,  such as: `--monospace:  \"The font name you want to use\", \"JetBrains Mono\", ..., monospace;`\n\n**Attention: The prerequisite for changing the font is that the corresponding font is installed on your computer, otherwise the modification is invalid;** If you are not familiar with the \"font-family\" property of CSS, you can refer to it here: https://developer.mozilla.org/zh-CN/docs/Web/CSS/font-family\n\n# Export HTML\n\nTo export an HTML file, you can directly select the current theme to export HTML\n**If you want to export HTML files with customizable styles, you can use the Mdtht plugin:**\n\nPlugin homepage address:  [Mdtht-Github-address](https://github.com/cayxc/Mdtht)  [Mdtht-Gitee-address]( https://gitee.com/cayxc/mdtht )\nThis plugin provides the following rich features:\n\n1. Follow the system to automatically switch between bright and dark color modes.\n2. Manually switch between light and dark color modes.\n3. Automatically generate table of contents numbers and body area title indexes.\n4. You can choose to convert the first title into an article title and center the title.\n5. Automatically correct the directory hierarchy based on the position of the titles in the main text.\n6. Show/hide directory index numbers.\n7. Switch between three types of directory button styles.\n8. Automatically track the current reading area location to the current directory and upper level directory.\n9. Expand the screwdriver directory with one click.\n10. One click expand and collapse the sidebar.\n11. Catalog search.\n12. Code highlighting.\n13. Text Shadow Mode.\n\nPlease refer to the plugin homepage for specific details of **mdtht.js** plugin.\n\n\n**Export mdtht.js as an HTML rendering (Light theme)**\n\n---\n\n<img src=\"./img/mdtht-light.png\" alt=\"mdtht-light\" style=\"zoom:50%;\" />**Export mdtht.js as an HTML rendering (Dark theme)**\n\n---\n\n<img src=\"./img/mdtht-dark.png\" alt=\"mdtht-dark\" style=\"zoom:50%;\" />\n\n---\n🐳 If you like the style of this document, please provide a star 😄， If there are any issues during use, please submit them in a timely manner and I will handle them as soon as I see them.\n\n"
  },
  {
    "path": "readme.zh.md",
    "content": "![typora-mdmdt-theme](./img/mdmdt.png)\n# 关于Mdmdt主题\n\n![Languages](https://img.shields.io/badge/languages-CSS-F34B7D.svg)\n![GitHub release (latest by date including pre-releases)](https://img.shields.io/github/v/release/cayxc/Mdmdt?include_prereleases&color=blue&logo=hack-the-box)\n![GitHub license](https://img.shields.io/github/license/cayxc/Mdmdt?style=flat&logo=github&color=cyan)\n![GitHub issues](https://img.shields.io/github/issues/cayxc/Mdmdt?style=flat&logo=github&color=red)\n![GitHub forks](https://img.shields.io/github/forks/cayxc/Mdmdt?style=flat&logo=github&color=turquoise)\n![GitHub Repo stars](https://img.shields.io/github/stars/cayxc/Mdmdt?style=flat&logo=github&color=green)\n\n#### [English Document](./readme.md)\n\n**Mdmdt** 是 markdown minimalism document theme 的缩写，意为：**Markdown极简文档主题**。\n**Mdmdt** 是深度定制的个性化Typora主题，其目的是打造一个 **清爽极简** 的文档样式。**Mdmdt** 主题现已收录至 [Typora官方主题库https://theme.typoraio.cn](https://theme.typoraio.cn/).\n\n相比于默认主题风格主要修改了以下几个方面：\n1. 简洁舒适的配色风格\n2. 修改标题样式\n3. 修改表格样式\n4. 修改引用框样式\n5. 为图片添加圆角样式\n6. 代码添加高亮样式\n7. 修改文件树、大纲和文档列表样式\n8. 自动跟随系统的亮色/暗色主题模式（可单独设置亮/暗主题)\n9. 修改其他UI样式\n\n> [!IMPORTANT]\n>\n> **注意：**该主题只在 Windows 和 MacOS 环境下测试过，Linux环境下未做测试，使用时还请注意！\n\n# 预览\n\n![mdmdt-text](./img/mdmdt-text.png)\n![mdmdt-source](./img/mdmdt-source.png)\n![mdmdt-code](./img/mdmdt-code.png)\n![mdmdt-list](./img/mdmdt-list.png)\n![mdmdt-math](./img/mdmdt-math.png)\n![mdmdt-blockquote](./img/mdmdt-blockquote.png)\n![mdmdt-mermaid](./img/mdmdt-mermaid.png)\n![mdmdt-title](./img/mdmdt-title.png)\n\n---\n\n![mdmdt-ui-1](./img/mdmdt-ui-1.png)\n![mdmdt-ui-2](./img/mdmdt-ui-2.png)\n![mdmdt-ui-3](./img/mdmdt-ui-3.png)\n![mdmdt-ui-4](./img/mdmdt-ui-4.png)\n\n# 个性化图文布局\n\n本主题提供了一些个性化图文布局方案，具体使用方法请参考 “**Mdmdt主题演示demo.md**” 中的“<u>个性化图文布局</u>”章节相关内容。\n\n**个性化图文布局预览:**\n\n![性化图文排列](./img/mdmdt-layout.png)\n\n# 如何使用\n\n使用自定义主题非常简单，方法如下：\n1. 打开 `偏好设置` -> `外观` -> `打开主题文件夹`\n2. 将下载好的 `mdmdt.css文件` 复制到主题文件夹下\n3. **退出 Typora 重新打开**，在 `菜单栏` -> `主题` 选择 **Mdmdt** 主题，完成主题切换。\n\n> [!NOTE]\n>\n> **注意：**mdmdt.css 文件中包含了亮色和暗色两者主题，会跟随系统模式自动切换亮暗主题。\n\n##### 使用单独的亮色/暗色主题\n\n如果只想使用单独的亮色或暗色主题，方法如下：\n1. 打开 `偏好设置` -> `外观` -> `打开主题文件夹`\n2. 复制 `mdmdt-light.css` 或者 `mdmdt-dark.css` 到 `主题文件夹下`\n3. 重新打开Typora，在 `菜单栏` -> `主题` 选择 **Mdmdt Ligh** 或者 **mdmdt Dark** 主题，完成主题切换。\n\n# 修改字体\n\n如果您对字体不满意，可以参照如下方法修改相应的字体：\n\n1. 修改正文字体，找到：`font-family: \"PingFang SC\", \"Microsoft YaHei\", Arial, \"Helvetica Neue\", Helvetica, sans-serif;` 在 “font-family:” 后第一个位置添加你想使用的字体，如：`font-family: \"想使用的字体名称\", \"PingFang SC\", ..., sans-serif;`；Windows环境下修改正文字体，找到：`body.os-windows{...}`，按照前面方式修改。\n2. 修改代码字体，找到：`--monospace: \"JetBrains Mono\", \"Source Code Pro\", \"Fira Code\", Consolas, Inconsolata, \"Cascadia Code\", Monaco, \"Ubuntu Mono\", monospace;`， 然后在其第一个位置添加你想使用的字体，如：`--monospace: \"想使用的字体名称\", \"JetBrains Mono\", ..., monospace;`\n\n**注意：更换字体的前提是你电脑上要安装有相应的字体，否则修改无效**。如果您不了解 CSS 的 \"font-family\" 属性，可以参考这里：https://developer.mozilla.org/zh-CN/docs/Web/CSS/font-family\n\n# 导出html\n\n想要导出 html 文件可以直接选择当前主题导出 html\n\n**如果想要导出的 html 文件能自定义更多样式，可以使用 Mdtht 插件：**\n\n插件主页地址：[Mdtht-Gitub地址](https://github.com/cayxc/Mdtht)   [Mdtht-Gitee地址](https://gitee.com/cayxc/mdtht)\n\n该插件提供了如下丰富功能：\n\n1. 跟随系统自动切换亮色/暗色模式。\n2. 手动切换亮色/暗色模式。\n3. 自动生成目录编号和正文区标题索引。\n4. 可选择将第一个标题转换为文章标题，并将标题居中。\n5. 根据正文中标题的位置自动纠正目录层级。\n6. 显示/隐藏目录索引编号。\n7. 3种目录按钮样式切换。\n8. 根据当前阅读区位置自动追踪到所在目录和上层目录。\n9. 一键展开收起子目录。\n10. 一键展开收起侧边栏。\n11. 目录搜索。\n12. 代码高亮。\n13. 文字阴影模式。\n\n**mdtht.js** 插件具体详情请参考插件主页。\n\n**mdtht.js导出为 html 效果图（亮色）**\n\n---\n\n<img src=\"./img/mdtht-light.png\" alt=\"mdmdt-light\" style=\"zoom:50%;\" /> **mdtht.js导出为 html 效果图（暗色）**\n\n---\n\n<img src=\"./img/mdtht-dark.png\" alt=\"mdmdt-dark\" style=\"zoom:50%;\" />\n\n---\n\n🐳 如果您喜欢该文档样式风格，还请给一个 star 😄，使用过程中有什么问题请及时提交 issues，看到后我会第一时间处理。\n\n\n\n"
  }
]