/*将#write(用于typora)改为.markdown-body*/
@font-face {
    font-family: 'Cascadia Code';
    src: url('./onelight/fonts/CascadiaCode.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '喵字果汁体';
    src: url('./onelight/fonts/MiaoZi-GuoZhiTi.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

:root {
    --bg-color: #f2f2f2;
    --code-bg-color: #282c34;
    --text-color: #333;
    --primary-btn-text-color: #fff;
    --window-border: 1px solid #eee;
    --active-file-bg-color: #eee;
    --active-file-text-color: inherit;
    --active-file-border-color: var(--main-red);
    --side-bar-bg-color: var(--bg-color);
    --item-hover-bg-color: hsla(0, 0%, 90%, .59);
    --item-hover-text-color: var(--main-red);
    --monospace: monospace;
    --select-text-bg-color: #3b3e4d;
    /* 主题色 */
    --main-blue: #166ff3;
    --main-red: #ff6b6b;
    --main-green: #2ed573;
    --main-purple: #c94ae9;
    --main-yellow: #f9b03d;
    --light-color: #b2b2b2;
    --code--bg-color: #282c34;
    --code--bg-color-light: #3d404e;
    /* 字体 */
    --main-font-family: "Cascadia Code", "喵字果汁体", consolas, "微软雅黑", "PingFang SC", "Microsoft YaHei", sans-serif;
    /* 悬浮 */
    --item-bg-color-red: #f4433638;
    --item-bg-color-blue: #42a5f542;
    /* 阴影 */
    --box-shadow: 0px 4px 4px rgba(0, 0, 0, .1);
    --transition: box-shadow 0.3s ease, transform 0.3s ease;
    /* 左到右透明渐变 */
    --gradient-color: linear-gradient(to right, white, rgba(255, 255, 255, 0));
    /* github警告框 */
    --tip-color: #1f883d;
    --tip-border: solid 0.5px #1f883d94;
    --tip-bg-color: #f0f9eb;
    --note-color: #0969da;
    --note-border: solid 0.5px #0969da94;
    --warning-color: #faad14;
    --warning-border: solid 0.5px #faad1494;
    --caution-color: #cf222e;
    --caution-border: solid 0.5px #cf222e94;
    --important-color: #8250df;
    --important-border: solid 0.5px #8250df94;
    /* 放大倍数 */
    /* --transform: scale(1); */
}


.markdown-body {
    font-family: var(--main-font-family)  
}
body {
    font-family: var(--main-font-family)  
}
.post-page{
    background-color: transparent;
    background-image: url('./onelight/img/bg.gif') !important;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 240px auto;
    background-attachment: fixed;
    /*transition: background-image .5s ease-in-out, background-size .5s ease-in-out*/
}
::-moz-selection {
    color: #fff
}

::-webkit-selection {
    background: #b981d1;
    color: #fff
}

.markdown-body {
    letter-spacing: 0;
    /* max-width: 914px; */
    text-align: left
}

.markdown-body,
.markdown-body p {
    font-size: 16px
}

.markdown-body p {
    line-height: 26px;
    margin: 0;
    padding-bottom: 8px;
    padding-top: 8px
}


.markdown-body input[type=checkbox] {
    left: -3px;
    margin-right: 5px;
    margin-top: calc(1em - 2px)
}


.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
    color: #000;
    font-weight: 700;
    margin: .72em 0;
    padding: 0
}

.markdown-body h2:hover:before {
    bottom: .2rem;
    content: "H2"
}

.markdown-body h3:hover:before {
    bottom: .2rem;
    content: "H3"
}

.markdown-body h4:hover:before {
    bottom: .2rem;
    content: "H4"
}

.markdown-body h5:hover:before {
    bottom: .2rem;
    content: "H5"
}

.markdown-body h6:hover:before {
    bottom: .2rem;
    content: "H6"
}

.markdown-body h2:hover:before,
.markdown-body h3:hover:before,
.markdown-body h4:hover:before,
.markdown-body h5:hover:before,
.markdown-body h6:hover:before {
    border-radius: 0;
    bottom: 0;
    color: #166ff36e;
    float: none;
    font-size: .9rem;
    font-variant: "small-caps";
    font-weight: 700;
    left: auto;
    line-height: 20px;
    padding: 0;
    position: absolute;
    right: calc(100% + 10px);
    vertical-align: baseline;
}

.markdown-body h2 {
    font-size: 1.7rem;
    margin: 1em 0;
    color: #136ef7;
}

.markdown-body h2 span {
    color: #136ef7;
    font-weight: 700;
    padding: 3px 10px 1px
}

.markdown-body h3 {
    font-size: 1.5rem
}

.markdown-body h4 {
    font-size: 1.25rem
}

.markdown-body h5,
.markdown-body h6 {
    font-size: 1rem
}

.markdown-body ol,
.markdown-body ul {
    /* color: var(--main-red); */
    margin-bottom: 8px;
    margin-top: 8px;
    padding-left: 40px
}

.markdown-body ul {
    list-style-type: disclosure-closed
}

.markdown-body ul ul {
    list-style-type: square
}

.markdown-body ol {
    list-style-type: decimal
}

.markdown-body li section {
    font-size: 15px
}

.markdown-body strong {
    color: #136ef7;
    font-weight: 700
}

/* 引用块 */
.markdown-body blockquote {
    background: var(--gradient-color);
    backdrop-filter: blur(5px);
    border-bottom-right-radius: 10px;
    border-left: 5px solid var(--main-blue);
    border-top-right-radius: 10px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
    color: #606060;
    font-size: .9em;
    margin-bottom: 16px;
    margin-top: 16px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px 10px 10px 20px;
    transition: var(--transition)
}

.markdown-body blockquote:hover {
    background: #fff;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .3);
    /* transform: var(--transform); */
    backdrop-filter: unset;
}

.markdown-body blockquote p {
    line-height: 26px
}


.markdown-body a {
    margin: 3px;
    border-bottom: 2px solid var(--main-purple);
    color: var(--main-purple);
    font-weight: 700;
    text-decoration: none
}

.markdown-body code {
    background-color: #ebebeb;
    color: #eb4c37;
    font-family: var(--main-font-family);
    font-size: 14px
}

.markdown-body li code,
.markdown-body p code,
.markdown-body span code {
    border-radius: 4px;
    margin: 0 2px;
    padding: 2px 4px;
    word-break: break-all;
    word-wrap: break-word
}

/* 图片 */
.markdown-body img {
    border: 0;
    border-radius: 5px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    transition: var(--transition);
    width: auto
}

.markdown-body img:hover {
    box-shadow: 0 8px 15px rgba(0, 0, 0, .3);
    /* transform: var(--transform); */
}

/* 表格 */
.markdown-body table tr {
    background-color: #fff;
    border: 0;
    border-top: 1px solid #ccc
}

/* 交替颜色 */
.markdown-body table tr:nth-child(2n) {
    background-color: #f3f3f3
}

.markdown-body table tr td,
.markdown-body table tr th {
    border: 1px solid #ccc;
    font-size: 16px;
    line-height: 1.5;
    padding: 5px 10px;
    text-align: left
}

.markdown-body table tr th {
    background-color: #42a5f53d;
    color: var(--main-blue);
    font-weight: 700
}

.markdown-body .md-def-name {
    padding-right: 2.3vw
}

.markdown-body .md-def-name:before {
    color: #000;
    content: "["
}

.markdown-body .md-def-name:after {
    color: #000
}

.fences,
code {
    border-radius: 5px;
    margin-left: .2em;
    margin-right: .2em;
    padding: .1em
}

.fences {
    background-color: var(--code-bg-color);
    box-shadow: 0 4px 10px gray;
    color: #ececec;
    margin: 0 0 20px;
    padding: .4em 1em .3em;
    transition: var(--transition)
}

/* .md-fences:hover {
    box-shadow: 0 8px 15px rgba(0, 0, 0, .3);
} */

/* 定义 CSS 变量 (根据你的需要修改) */
:root {
  --main-purple: #9c27b0;
  --main-red: #e9405c;
  --code-bg-color: #282c34;
  /* 确保 --main-font-family 和 --transition 在 Fluid 主题或其他地方已定义 */
}

/* 代码块整体样式 (Fluid 主题已有默认样式，这里是可选的覆盖) */
pre.line-numbers.language-cpp  {
  background-color: var(--code-bg-color);
  /*box-shadow: 0 4px 10px gray; /* 可选 */
  /*color: #ececec;            /* 可选 */
  margin: 0 0 20px;          /* 可选 */
  padding: 0.4em 1em 0.3em;      /* 可选 */
  border-radius: 5px;        /* 可选 */
  font-family: var(--main-font-family); /* 确保已定义 */
  transition: var(--transition);         /* 可选, 确保已定义 */
  overflow: auto; /* 确保内容溢出时显示滚动条 */
}


.markdown-body code {
  border-radius: 5px;
  margin-left: 0.2em;
  margin-right: 0.2em;
  padding: 0.1em;
  
}

.token.keyword {
  color: #ea6717;
}
.token.operator {
  color: #89ddff;
}

.token.variable {
  color: #eff;
}

.token.type{
  color: #ea6717;
}

.built_in {
  color: #ffcb6b;
}

.constant {
  color: #f78c6c;
}

.token.number {
  color: #42a5f5;
}

.token.function {
  color: #ff8c00;
}

.token.string {
  color: #00ad47;
}
.token.punctuation{
  color: #cdcdcd;
}
.token.comment{
  color: #cdcdcd;
  font-style: italic;
}

.token.line{
  color: #42a5f5;
}
.language-cpp #text{
 color: #42a5f5; 
}

.url {
  color: var(--main-red);
}

.attr-name {
  color: #e26fff;
}

.selector {
  color: var(--main-red);
}

/* 可选：如果你需要自定义特定语言的代码块样式 (并且 Fluid 主题没有内置支持) */
/*
pre[data-lang="flow"] {
    background: #fff;
    color: #333;
}
pre[data-lang="mermaid"] {}
pre[data-lang="sequence"] {}
*/

/* 其他与代码高亮无关的样式 (根据你的需要添加) */
/*
mark {
  background: transparent;
  color: var(--main-red);
  font-weight: 700;
}
*/



.md-search-hit {
    background-color: hsla(0, 0%, 100%, .123);
    contain: style;
    transform: translateZ(0)
}

.markdown-body h1 {
    font-size: 50px;
    text-align: center
}

.markdown-body .ol .li,
.markdown-body .ul .li,
.markdown-body ol li,
.markdown-body ul li {
    list-style-type: none;
    margin-bottom: 7px;
    margin-top: 7px
}

.markdown-body .ul>.li:not(.tab):before,
.markdown-body ul>li:not(.tab):before {
    border: .1em solid var(--main-blue);
    border-radius: .31em;
    content: "";
    height: .62em;
    line-height: .42em;
    margin-left: -22px;
    margin-top: 15px;
    width: .62em
}

.markdown-body .ol .li:before,
.markdown-body .ul .li:before,
.markdown-body ol li:before,
.markdown-body ul li:before {
    background: var(--main-blue);
    color: var(--olfore-color);
    cursor: pointer;
    position: absolute;
    transition: all .3s ease-out
}

.markdown-body .ol .li:first-child,
.markdown-body ol li:first-child {
    counter-reset: li
}

.markdown-body .ol .li:hover:before,
.markdown-body .ul .li:hover:before,
.markdown-body ol li:hover:before,
.markdown-body ul li:hover:before {
    transform: rotate(1turn)
}

.markdown-body .ul>.li:not(.tab):hover:before,
.markdown-body ul>li:not(.tab):hover:before {
    background-color: var(--main-red);
    border-color: var(--focus-color)
}

.markdown-body .ol>.li:before,
.markdown-body ol>li:before {
    border-radius: .825em;
    color: #fff;
    content: counter(li);
    counter-increment: li;
    font-size: .65em;
    height: 1.65em;
    line-height: 1.7em;
    margin-left: -25px;
    margin-top: 12px;
    text-align: center;
    width: 1.65em
}

.markdown-body .ol .li input,
.markdown-body .ul .li input,
.markdown-body ol li input,
.markdown-body ul li input {
    margin-bottom: 0;
    margin-top: 0
}

table tr:hover {
    background-color: #65666841
}

.md-fences:not(.md-focus) .CodeMirror-code>:hover {
    background-color: var(--code--bg-color-light)
}

hr {
    background-color: transparent;
    border-top: 2px dashed var(--main-blue);
    height: 2px
}

kbd {
    font-family: cascadia code;
    font-weight: 700
}

/* 目录 */
p.md-toc-content {
    background: var(--gradient-color);
    backdrop-filter: blur(5px);
    border-radius: 10px;
    box-shadow: var(--box-shadow)
}

p.md-toc-content:hover {
    background: #fff;
}



.markdown-body>pre.md-meta-block.md-end-block {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    padding: 10px;
    transition: var(--transition)
}

.markdown-body>pre.md-meta-block.md-end-block:hover {
    box-shadow: var(--box-shadow);
    /* transform: var(--transform); */
}

.info-panel-tab-title:hover,
.outline-label:hover {
    color: var(--main-blue)
}

.ty-show-search #info-panel-tab-search .info-panel-tab-border {
    background-color: var(--main-blue)
}

.md-notification-content {
    background: #ff00001a
}

.md-task-list-item.task-list-done span {
    color: #999;
    text-decoration: line-through
}

/* 左侧文件树 */
.file-library-node.file-tree-node.file-library-file-node.active,
.file-node-content:hover {
    color: var(--main-blue)
}

.file-node-content {
    cursor: pointer;
}

.md-rawblock-after,
.md-rawblock-before,
code,
pre,
samp,
tt {
    font-family: var(--main-font-family)
}

.fa-folder:before,
.md-image-btn:before {
    color: var(--main-yellow) !important;
}

.md-image-btn:before {
    font-family: var(--main-font-family)
}

.md-image-btn,
.modal-content {
    background: #fff
}

.modal-content,
video {
    border-radius: 10px
}

video {
    box-shadow: 11px 10px 12px rgba(0, 0, 0, .5)
}


/* github警告框 */
.md-alert {
    border-left: 5px solid var(--main-blue);
    background: var(--gradient-color);
    backdrop-filter: blur(10px);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    transition: var(--transition);
}

/* 悬浮样式 */
.md-alert:hover {
    backdrop-filter: unset;
    background: #fff !important;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .3);
    /* transform: var(--transform); */
}

/* 提示 */
.md-alert.md-alert-tip {
    border-bottom: var(--tip-border);
    border-right: var(--tip-border);
    border-top: var(--tip-border);
    border-left-color: var(--tip-color);
}

div.md-alert.md-alert-tip * span[md-inline="plain"].md-plain {
    color: var(--tip-color);
}


/* 批注 */
.md-alert.md-alert-note {
    border-bottom: var(--note-border);
    border-right: var(--note-border);
    border-top: var(--note-border);
    border-left-color: var(--note-color);
}

div.md-alert.md-alert-note * span[md-inline="plain"].md-plain {
    color: var(--note-color);
}

/* 重要 */
.md-alert.md-alert-important {
    border-bottom: var(--important-border);
    border-right: var(--important-border);
    border-top: var(--important-border);
    border-left-color: var(--important-color);
}

div.md-alert.md-alert-important * span[md-inline="plain"].md-plain {
    color: var(--important-color);
}

/* 注意 */
.md-alert.md-alert-caution {
    border-bottom: var(--caution-border);
    border-right: var(--caution-border);
    border-top: var(--caution-border);
    border-left-color: var(--caution-color);
}

div.md-alert.md-alert-caution * span[md-inline="plain"].md-plain {
    color: var(--caution-color);
}

/* 警告 */
.md-alert.md-alert-warning {
    border-bottom: var(--warning-border);
    border-right: var(--warning-border);
    border-top: var(--warning-border);
    border-left-color: var(--warning-color);
}

div.md-alert.md-alert-warning * span[md-inline="plain"].md-plain {
    color: var(--warning-color);
}

.md-alert-text-warning {
    color: var(--warning-color);
}

*/ .md-blockmeta {
    color: #777
}

figure.md-table-fig.table-figure {
    border-radius: 5px;
    box-shadow: var(--box-shadow);
    transition: var(--transition)
}

figure.md-table-fig.table-figure:hover {
    box-shadow: var(--box-shadow);
    /* transform: var(--transform); */
}

.ty-on-outline-filter .ty-outline-hit {
    background: #ff0;
    color: red;
    font-weight: 700
}

#file-library-search-input,
#md-searchpanel input {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .3);
    border-radius: 5px;
    box-shadow: unset
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: var(--main-blue)
}

.form-control:focus {
    border-color: #c2c2c2;
    outline: 0
}

.code-tooltip .ty-input:focus,
input:focus {
    border-color: unset;
    box-shadow: unset
}

::-moz-selection {
    background: #42a5f554
}

::selection {
    background: #42a5f554
}

.megamenu-menu-list li a.active,
.megamenu-menu-list:not(.saved) li a:hover {
    background-color: var(--item-hover-bg-color);
    color: var(--main-blue)
}

.megamenu-menu {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: var(--bg-color);
    color: #000
}

.typora-node.pin-outline #md-searchpanel,
.typora-node.pin-outline .md-notification-container {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .3)
}


/* 菜单 */

.dropdown-menu,
.menu-item-container a.menu-style-btn {
    background: rgb(255 255 255 / 81%);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(10px);
}

.menu-item-container a.menu-style-btn {
    background: transparent
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
    color: #fff
}

.cm-s-inner .cm-header,
.cm-s-inner.cm-header {
    color: var(--main-blue)
}

.outline-item:hover {
    background: var(--item-bg-color-red);
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    margin-left: -28px;
    margin-right: -28px
}

.file-library-node.file-tree-node.file-library-file-node:hover {
    background: var(--item-bg-color-blue)
}

.context-menu.dropdown-menu>.active>a,
.context-menu.dropdown-menu>li>a:hover,
.menu-style-btn.active {
    background: var(--item-bg-color-blue);
    color: var(--main-blue)
}

script,
text {
    font-family: var(--main-font-family)
}

span[alt=highlight] {
    background: #ff0;
    color: red;
    font-weight: 700
}


/* 主界面背景图片 */



/* 一体化菜单界面背景图片 */
div#megamenu-section-open {
    background-color: transparent;
    background-image: url('./onelight/img/bg3.gif') !important;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-size: 100px auto;
    transition: background-image .5s ease-in-out, background-size .5s ease-in-out;
}

.megamenu-opened header {
    background-image: unset;
}

::-moz-selection {
    background: var(--item-bg-color-blue)
}

.in-text-selection,
::selection {
    background: var(--item-bg-color-blue)
}

.CodeMirror-gutters {
    border-right: unset
}

.megamenu-menu-header {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #2e2e2e;
    border-bottom: unset;
    height: 90px;
    position: relative;
    text-align: center
}

.ion-android-arrow-back:before {
    content: "<-";
    font-family: cascadia code, fira code, var(--main-font-family)
}

a#megamenu-back-btn:hover {
    color: var(--main-blue)
}

#megamenu-back-btn {
    border: 0;
    font-size: 25px
}

footer.ty-footer {
    border-top: 0
}

pre.md-fences-advanced.md-focus .md-fences-adv-panel {
    border: 0
}

#typora-source .CodeMirror-lines {
    background: #fff;
    border-radius: 10px;
    max-width: 90%
}

#typora-source .CodeMirror-lines,
.CodeMirror-wrap .CodeMirror-code pre {
    font-family: var(--main-font-family)
}

.cm-s-typora-default .cm-code,
.cm-s-typora-default .cm-comment {
    color: green;
    font-family: var(--main-font-family)
}

.cm-s-inner .cm-tag {
    color: #dd69f4;
}

.cm-s-typora-default .cm-overlay {
    font-family: var(--main-font-family)
}

.cm-s-typora-default .CodeMirror-activeline-background {
    background: hsla(0, 0%, 60%, .2);
    left: -60px;
    right: -30px
}

.cm-s-typora-default .cm-atom,
.cm-s-typora-default .cm-number {
    color: var(--main-blue)
}

#typora-source .CodeMirror-activeline .CodeMirror-linenumber,
#typora-source .CodeMirror-linenumber.CodeMirror-linenumber-show {
    color: var(--main-blue);
    font-family: var(--main-font-family)
}

.md-html-inline .md-meta,
.md-ruby .md-meta {
    font-family: var(--main-font-family)
}


.cm-s-typora-default .cm-tag {
    color: #ff7800
}

.cm-s-typora-default .cm-link {
    color: #cd00dc;
    font-style: italic;
    text-decoration: underline
}



/* 一体化模式的侧边菜单 */
ul#megamenu-menu-list {
    height: 100%;
    background: transparent;
}

/* 一体化模式最近打开文件列表 */
.megamenu-menu-panel table {
    font-weight: unset;
}

/* mermaid */
.md-diagram-panel.md-fences-adv-panel {
    backdrop-filter: blur(20px);
}

.md-diagram-panel.md-fences-adv-panel:hover {
    backdrop-filter: blur(50px);
}

pre.md-fences.md-end-block.md-fences-with-lineno.md-diagram.md-fences-advanced.ty-contain-cm {
    background: transparent !important;
}

/* 代码框右下角的语言类型显示 */
pre.md-fences.md-end-block.md-fences-with-lineno.ty-contain-cm.modeLoaded::after {
    content: attr(lang);
    position: absolute;
    right: 0;
    bottom: 0;
    color: #e0e0e0;
    padding: 2px 5px;
    border-radius: 3px;
    z-index: 100;
}


/* 代码块下span文本 */
pre.CodeMirror-line>span {
    color: var(--light-color);
}

.md-rawblock-tooltip-name {
    color: var(--main-blue);
}

/* 代码块语言类型框 */
.code-tooltip .ty-input,
.code-tooltip input {
    min-width: auto;
}


/* 左侧文档列表 */
.file-list-item.active {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #efefef;
    background: var(--item-bg-color-blue);
    color: var(--active-file-text-color);
}

.file-list-item:hover {
    color: var(--main-blue);
    background: #42a5f514;
}

/* 滚动条 */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar:hover {
    height: 10px;
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2);
    width: 10px
}

/* 一体化-返回按钮 */
span.megamenu-menu-header-title-back[data-localize=Back]:hover {
    color: var(--main-blue);
}

/* 一体化-主题预览卡片 */
.theme-preview-div {
    cursor: pointer;
}