*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;font-family:sans-serif;-webkit-text-size-adjust:100%}body{margin:0;line-height:1.5}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{background-color:transparent;text-decoration:none;color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:1;margin:0;border:none;background:0 0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;cursor:pointer}fieldset{padding:0;border:none}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}img,embed,iframe,object,audio,video{height:auto;max-width:100%;border-style:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:root{color-scheme:light dark;--color-foreground:light-dark(#5C6A72, #D3C6AA);--color-red:light-dark(#F85552, #E67E80);--color-orange:light-dark(#F57D26, #E69875);--color-yellow:light-dark(#DFA000, #DBBC7F);--color-green:light-dark(#8DA101, #A7C080);--color-blue:light-dark(#3A94C5, #7FBBB3);--color-aqua:light-dark(#35A77C, #83C092);--color-purple:light-dark(#DF69BA, #D699B6);--color-background-dim:light-dark(#EFEBD4, #232A2E);--color-background-0:light-dark(#FDF6E3, #2D353B);--color-background-1:light-dark(#F4F0D9, #343F44);--color-background-2:light-dark(#EFEBD4, #3D484D);--color-background-3:light-dark(#E6E2CC, #475258);--color-background-4:light-dark(#E0DCC7, #4F585E);--color-background-5:light-dark(#BDC3AF, #56635F);--color-background-red:light-dark(#FBE3DA, #543A48);--color-background-visual:light-dark(#EAEDC8, #514045);--color-background-yellow:light-dark(#FAEDCD, #4D4C43);--color-background-green:light-dark(#F0F1D2, #425047);--color-background-blue:light-dark(#E9F0E9, #3A515D);--color-gray-0:light-dark(#A6B0A0, #7A8478);--color-gray-1:light-dark(#939F91, #859289);--color-gray-2:light-dark(#829181, #9DA9A0);--theme-bg:var(--color-background-0);--theme-fg:var(--color-foreground);--theme-icon-bg:var(--theme-bg);--theme-icon-fg:light-dark(#DFA000, #A7C080);--theme-transition-time:0.3s;--theme-home-profile-avatar-shadow:0.5px 0.5px 3px -1px #00000099;--theme-home-profile-avatar-bg:var(--color-background-2);--theme-home-profile-name-fg:var(--theme-fg);--theme-home-profile-slogan-fg:var(--color-gray-2);--theme-home-dash-line-title-fg:var(--color-gray-1);--theme-home-dash-line-fg:var(--color-gray-0);--theme-home-list-title-fg:var(--theme-fg);--theme-home-list-date-fg:var(--color-gray-1);--theme-home-list-hover-fg:var(--color-green);--theme-home-list-ontop-fg:var(--color-red);--theme-home-list-draft-fg:var(--color-yellow);--theme-post-time-fg:var(--color-gray-2);--theme-post-toc-fg:var(--color-gray-2);--theme-post-toc-bg:transparent;--theme-post-toc-border-fg:var(--color-background-3);--theme-post-toc-link-hover-fg:var(--color-green);--theme-post-h1-fg:var(--theme-fg);--theme-post-h2-fg:var(--color-orange);--theme-post-h3-fg:var(--color-yellow);--theme-post-h4-fg:var(--color-green);--theme-post-h5-fg:var(--color-aqua);--theme-post-h6-fg:var(--color-purple);--theme-post-border-fg:var(--color-background-2);--theme-post-border-radius:10px;--theme-post-table-th-fg:var(--color-aqua);--theme-post-em-code-fg:light-dark(#829181, #A6B0A0 );--theme-post-code-fg:var(--color-gray-2);--theme-post-code-bg:var(--color-background-1);--theme-post-code-border-fg:var(--color-background-3);--theme-post-code-shadow:0.5px 0.5px 3px -2.5px #000;--theme-post-link-fg:var(--color-blue);--theme-post-strong-fg:var(--color-aqua);--theme-post-quote-border-fg:var(--color-green);--theme-post-quote-fg:var(--color-green);--theme-post-quote-bg:var(--color-background-green);--theme-post-selection-bg:var(--color-green);--theme-post-bar-fg:light-dark(#5C6A72, #9DA9A0);--theme-post-bar-block-fg:light-dark(#F3EAD3, #333C43);--theme-post-bar-block-bg:light-dark(#5C6A72, #859289);--theme-post-bar-term-fg:light-dark(#9DA9A0, #9DA9A0);--theme-post-bar-block-term-fg:light-dark(#333C43, #272E33);--theme-post-bar-block-term-bg:light-dark(#9DA9A0, #859289);--theme-post-bar-block-shadow:0.5px 0.5px 3px -1px #000;--theme-post-highlight-shadow:0.5px 0.5px 3px -2.5px #000;--theme-post-highlight-term-shadow:0.5px 0.5px 3px -1px #000;--theme-post-highlight-hover-fg:light-dark(#DFA00022, #A7C08022);--theme-post-notice-shadow:0.5px 0.5px 3px -2.5px #000;--theme-post-input-bg:var(--color-background-2);--theme-footer-fg:var(--color-gray-1);--theme-footer-bg:var(--theme-bg);--theme-footer-link-hover-fg:var(--color-green);--theme-footer-gotop-fg:light-dark(#272E3333, #E9F0E933);--theme-footer-gotop-bg:light-dark(#E6E2CC7F, #4752587F);--theme-footer-gotop-hover-fg:var(--theme-icon-fg);--theme-footer-gotop-hover-bg:light-dark(#8DA10133, #A7C08033);--theme-footer-gotop-border-fg:light-dark(#272E3310, #475258);--theme-footer-gotop-shadow:0.5px 0.5px 3px -1px   #00000066;--theme-font-primary:"LXGW WenKai", "PingFang SC", "Microsoft YaHei";--theme-font-primary-bold:"LXGW WenKai Medium";--theme-font-primary-mono:"LXGW WenKai Mono";--theme-font-primary-mono-bold:"LXGW WenKai Mono Medium";--theme-font-highlight-mono:"Maple Mono NF CN Light"}html,body{font-family:var(--theme-font-primary);font-weight:400;font-size:17px;line-height:1.65;color:var(--theme-fg);background:var(--theme-bg);display:flex;flex-direction:column;min-height:100vh;width:100%}main{flex:1;background-color:var(--theme-bg);transition:background-color var(--theme-transition-time)ease;height:100%;padding:0 10px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--color-background-3);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--theme-icon-fg)}::-webkit-scrollbar-corner{background:0 0;display:none}::selection{color:var(--theme-bg);background:var(--theme-post-selection-bg)}.home-container .profile{margin:100px 0 50px;display:flex;flex-direction:column;justify-content:center;align-items:center;.avatar-container { background-color: var(--theme-home-profile-avatar-bg); border-radius: 50%; width: 100px; height: 100px; padding: 7px; box-shadow: var(--theme-home-profile-avatar-shadow); transition: background-color var(--theme-transition-time) ease; display: flex; overflow: hidden; justify-content: center; align-items: center; .avatar, .avatar svg { user-select: none; width: 100%; height: 100%; object-fit: cover; pointer-events: none; } } .profile-name { color: var(--theme-home-profile-name-fg); margin: 5px 0; user-select: none; transition: color var(--theme-transition-time) ease; } .typewriter{ margin: 20px 0; #text { color: var(--theme-home-profile-slogan-fg); user-select: none; transition: color var(--theme-transition-time) ease; } }}#theme-toggle{background-color:var(--theme-icon-bg);color:var(--theme-icon-fg);width:50px;height:50px;cursor:pointer;border-radius:100%;overflow:hidden;transition:all var(--theme-transition-time)ease;.toggle-wrapper { position: relative; width: 25px; height: 25px; margin: calc( (50px - 25px) / 2 ) ; #moon { position: absolute; top: -200%; left: 0px; width: 100%; height: 100%; transition: transform var(--theme-transition-time) ease; } #sun { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transition: transform var(--theme-transition-time) ease; } }}.dark{ #moon, #sun { transform: translateY(200%); }}.home-container .dash-line{display:flex;justify-content:center;max-width:800px;margin:0 auto;border-bottom:1px dashed var(--theme-home-dash-line-fg);transition:border-color var(--theme-transition-time)ease;mask:linear-gradient( 90deg,transparent,black 20%,black 80%,transparent);.dash-title { user-select: none; line-height: 1.8; color: var(--theme-home-dash-line-title-fg); transition: color var(--theme-transition-time) ease; }}.home-container .post-list{display:flex;max-width:500px;flex-direction:column;gap:0;margin:0 auto;border-radius:10px;padding:10px 0;.list-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0px; border-radius: 10px; user-select: none; &:hover > .title, &:hover > .date { color: var(--theme-home-list-hover-fg); } @media screen and (min-width: 900px) { &:hover > .title::before { opacity: 1; } } @media screen and (max-width: 900px) { padding: 10px; } .title { .ontop { color: var(--theme-home-list-ontop-fg); transition: color var(--theme-transition-time) ease; } .draft { color: var(--theme-home-list-draft-fg); transition: color var(--theme-transition-time) ease; } color: var(--theme-home-list-title-fg); transition: color var(--theme-transition-time) ease; max-width: 75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; margin-left: -16px; -webkit-user-drag: none; } .title::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-bottom: 2px; background-color: var(--theme-home-list-hover-fg); border-radius: 50%; margin-right: 8px; opacity: 0; } .date { color: var(--theme-home-list-date-fg); white-space: nowrap; font-size: 0.88235rem; display: inline-block; transition: color var(--theme-transition-time) ease; } }}.post-container{max-width:1140px;width:100%;margin:0 auto;height:100%;padding:30px 0 0}.post-container .post-title{margin:80px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;.draft { color: var(--theme-home-list-draft-fg); } h1 { font-family : var(--theme-font-primary-bold); font-weight : normal; font-size : 1.7rem; margin-bottom : 5px; color : var(--theme-post-h1-fg); text-align: center; transition: color var(--theme-transition-time) ease; } time { color: var(--theme-post-time-fg ); font-size: 1rem; margin: 20px 0; transition: color var(--theme-transition-time) ease; } .icons-container { display: flex; flex-direction: row; justify-content: center; align-items: center; .home-icon-container { border-radius: 50%; background-color: var(--theme-icon-bg); color: var(--theme-icon-fg); display: flex; flex-direction: row; justify-content: center; align-items: center; width: 50px; height: 50px; transition: all var(--theme-transition-time) ease; #home { width: 27px; height: 27px; } } }}.post-container .dash-line{display:flex;justify-content:center;min-width:100%;margin-bottom:50px;border-bottom:1px dashed var(--theme-home-dash-line-fg);transition:border-color var(--theme-transition-time)ease;mask:linear-gradient( 90deg,transparent,black 20%,black 80%,transparent)}.post-container .toc{color:var(--theme-post-toc-fg);border:1px solid var(--theme-post-toc-border-fg);border-radius:var(--theme-post-border-radius);margin-top:0;margin-bottom:30px;background-color:var(--theme-post-toc-bg);transition:all var(--theme-transition-time)ease; #toc-toggle { font-family : var(--theme-font-primary-bold); font-weight : normal; padding : 10px; line-height : 30px; display : flex; align-items : center; cursor : zoom-in; user-select : none; .toc-icon { height : 22px; transition : transform 0.2s ease; } .toc-title { padding-left : 5px; } &.open { cursor : zoom-out; } &.open .toc-icon { transform : rotate(90deg); } &.open ~ #TableOfContents { display: block; } } #TableOfContents { font-family : var(--theme-font-primary); font-weight : normal; line-height : 1.8; padding-bottom : 15px; display : none; ul { margin-left: 35px; li ul { margin-left: 26px; } } @media (max-width: 900px) { ul { margin-left: 37px; li ul { margin-left: 28px; } } } a { padding : 2px 5px; border-radius : 5px; -webkit-user-drag : none; user-select : none; &:hover { color: var(--theme-post-toc-link-hover-fg); } } }}.main-text{p { margin : 10px 0; transition : color var(--theme-transition-time) ease; } a.link { color : var(--theme-post-link-fg); padding : 0px; border-bottom : 1px solid transparent; transition : color var(--theme-transition-time) ease; } a.link:hover { border-bottom: 1px solid var(--theme-post-link-fg); } :is(h1, h2, h3, h4, h5, h6) a.anchor { padding: 0 10px; user-select: none; opacity: 0; } :is(h1, h2, h3, h4, h5, h6) a.anchor:hover { opacity: 0.5; } :is(h1, h2, h3, h4, h5, h6) > span:hover + a.anchor { opacity: 0.5; } ul { margin-left : 17px; margin-bottom : 15px; transition: color var(--theme-transition-time) ease; } li { margin-top: 15px; } ol { margin-left : 25px; margin-bottom : 15px; } dd { padding-inline-start: 10%; } h2,h3,h4,h5,h6 { font-family : var(--theme-font-primary-bold); font-weight : normal; transition : color var(--theme-transition-time) ease; } h2 { font-size : 1.3rem; color : var(--theme-post-h2-fg); margin-top : 80px; margin-bottom : 10px; } h2 + h3 { margin-top : 10px; } h3 { font-size : 1.1rem; color : var(--theme-post-h3-fg); margin-top : 40px; margin-bottom : 10px; } h3 + h4 { margin-top : 10px; } h4 { font-size : 1rem; color : var(--theme-post-h4-fg); margin-top : 20px; margin-bottom : 10px; } h5 { font-size : 0.9rem; color : var(--theme-post-h5-fg); margin-top : 10px; margin-bottom : 0px; } h6 { font-size : 0.8rem; color : var(--theme-post-h6-fg); margin-top : 10px; margin-bottom : 0px; } @media (min-width: calc(1140px + 150px)) { :is(h2,h3,h4,h5,h6)::before { display: inline-block; margin-right: 15px; margin-left: -45px; width: 30px; font-weight: bold; text-align: center; opacity: 0.5; } h2::before { font-size: 0.85rem; content: 'H2'; } h3::before { font-size: 0.75rem; content: 'H3'; } h4::before { font-size: 0.65rem; content: 'H4'; } h5::before { font-size: 0.55rem; content: 'H5'; } h6::before { font-size: 0.55rem; content: 'H6'; } } th { font-family : var(--theme-font-primary-bold); font-weight : normal; color: var(--theme-post-table-th-fg); } th, td { border : none; border-bottom : 1px solid var(--theme-post-border-fg); padding : 9px 10px 9px 0px; transition : border-color var(--theme-transition-time) ease; } td:first-child > code { margin-left: 0px; } th:last-child, td:last-child { padding-right: 0px; } table{ width: 100%; display: table; transition: color var(--theme-transition-time) ease; } table strong { font-family : var(--theme-font-primary-bold); font-weight : normal; color: var(--theme-post-table-th-fg); } code:not(.highlight code):not(blockquote code):not(em code):not(strong code) { font-family: var(--theme-font-primary-mono); font-weight: normal; margin: 0px 2px; padding: 2px 5px; border-radius: 5px; color: var(--theme-post-code-fg); background-color: var(--theme-post-code-bg); border: 0px solid var(--theme-post-code-border-fg); box-shadow : var(--theme-post-code-shadow); transition: background-color var(--theme-transition-time) ease, border-color var(--theme-transition-time) ease; } code:not(table code){ word-break: break-all; } .highlight { position: relative; margin: 10px 0; border-radius: var(--theme-post-border-radius); box-shadow : var(--theme-post-highlight-shadow); transition: background-color var(--theme-transition-time) ease; } .highlight:has(.language-bash-session) { box-shadow : var(--theme-post-highlight-term-shadow); } .highlight.nonebg { background-color: transparent; box-shadow: none; border: 0; .line { padding: 0px 0px; } } .highlight.hover .line:hover { border-radius: 5px; background-color: var(--theme-post-highlight-hover-fg); } pre { padding: 8px 0; overflow-x: auto; word-break: break-all; } pre code { font-family: var(--theme-font-highlight-mono); font-weight: normal; line-height: 1.65; font-size: 0.88235rem; display: grid; .line { padding: 0px 13px; } } .code-bar { color: var(--theme-post-bar-fg); font-family: var(--theme-font-highlight-mono); font-weight: normal; font-size: 0.88235rem; min-height: 2.0rem; margin-bottom: -2.0rem; margin-top: 10px; background-color: transparent; border-radius: var(--theme-post-border-radius) var(--theme-post-border-radius) 0 0; overflow-x: auto; word-break: break-all; white-space: nowrap; line-height: 1; position: relative; display: flex; align-items: center; z-index: 99; div { position: absolute; left: 0.35294rem; top: 0.35294rem; display: flex; align-items: center; span:first-child { color: var(--theme-post-bar-block-fg); background-color: var(--theme-post-bar-block-bg); box-shadow : var(--theme-post-bar-block-shadow); border-radius: 6px; padding: 4px 5px; margin-right: 0.588rem; user-select: none; transition: all var(--theme-transition-time) ease; } span:last-child { padding: 4px 0px; transition: color var(--theme-transition-time) ease; } } } .code-bar:has(+ .highlight .language-bash-session) { color: var(--theme-post-bar-term-fg); background-color: transparent; span:first-child { color: var(--theme-post-bar-block-term-fg); background-color: var(--theme-post-bar-block-term-bg); } } .code-bar + .highlight { margin-top: 0px; padding-top: 2.0rem; } button.copy { font-family: var(--theme-font-highlight-mono); font-weight: normal; z-index: 999; opacity: 0; position: absolute; top: 0.35294rem; right: 0.35294rem; color: var(--theme-post-bar-block-fg); background-color: var(--theme-post-bar-block-bg); padding: 4px 5px; border-radius: 6px; font-size: 0.88235rem; box-shadow : var(--theme-post-bar-block-shadow); transition: opacity var(--theme-transition-time) ease;; @media (max-width: 900px) { display: none; } } button.copy:has(+ button.expand) { right: calc(0.35294rem*2); transform: translateX(-100%); } .highlight:has(.language-bash-session) > button.copy { color: var(--theme-post-bar-block-term-fg); background-color: var(--theme-post-bar-block-term-bg); } .highlight:hover > button.copy { opacity: 1; } .code-bar:hover + .highlight > button.copy { opacity: 1; } button.expand { font-family: var(--theme-font-highlight-mono); font-weight: normal; z-index: 999; opacity: 1; position: absolute; top: 0.35294rem; right: 0.35294rem; color: var(--theme-post-bar-block-fg); background-color: var(--theme-post-bar-block-bg); padding: 4px 5px; border-radius: 6px; font-size: 0.88235rem; box-shadow : var(--theme-post-bar-block-shadow); transition: all var(--theme-transition-time) ease;; } .highlight:has(.language-bash-session) > button.expand { color: var(--theme-post-bar-block-term-fg); background-color: var(--theme-post-bar-block-term-bg); } strong:not(table strong){ font-family: var(--theme-font-primary-bold); font-weight: normal; color: var(--theme-post-strong-fg); transition: color var(--theme-transition-time) ease; } strong code { font-family: var(--theme-font-primary-mono-bold); font-weight: normal; color: var(--theme-post-strong-fg); font-style: normal; background-color: transparent; } em code { font-family: var(--theme-font-primary-mono); font-weight: normal; color: var(--theme-post-em-code-fg); font-style: normal; margin: 0px 2px; background-color: transparent; } img { border-radius: var(--theme-post-border-radius); margin: 10px 0; user-select : none; pointer-events: none; } blockquote { color: var(--theme-post-quote-fg); border-left: 2px solid var(--theme-post-quote-border-fg); border-radius: var(--theme-post-border-radius); margin: 10px 0; padding: 10px 10px 10px 10px; background-color: var(--theme-post-quote-bg); transition: all var(--theme-transition-time) ease; box-shadow : var(--theme-post-notice-shadow); } blockquote p { margin: 0; } blockquote code:not(.highlight code) { font-family: var(--theme-font-primary-mono); font-weight: normal; color: var(--theme-post-code-fg); word-break: break-all; } blockquote ul { margin-bottom: 0; } blockquote .highlight:last-child { margin-bottom: 0px; } blockquote .nonebg { margin: 0px; } blockquote .nonebg pre code { font-size: 0.88235rem; display: grid; .line { padding: 0px 0px; } } hr { border: 0px; height: 1px; margin: 10px 0; background-color: var(--theme-post-border-fg); transition: background-color var(--theme-transition-time) ease; } .highlight + hr { margin-top: 20px; } li:has(input) { list-style: none; list-style-type: none; } input[type='checkbox']{ -webkit-appearance:none; position: relative; top: 3px; width: 20px; height: 20px; background-color: var(--theme-post-input-bg); box-shadow : var(--theme-post-code-shadow); border-radius: 5px; outline: none; transition: background-color var(--theme-transition-time) ease; } li input[type='checkbox']{ left: -5px; top: 4px; padding-right: 10px; } input[type='checkbox']:checked{ border: none; background: url("/images/checked.svg") no-repeat center; background-size: contain; } ul:not(.toc ul):has(input) { margin-left: 5px; }}footer{width:100%;gap:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 0 30px;font-size:.8235rem;background:var(--theme-footer-bg);transition:all var(--theme-transition-time)ease;color:var(--theme-footer-fg);user-select:none}footer a:hover{color:var(--theme-footer-link-hover-fg)}#back-to-top{position:fixed;bottom:50px;right:50px;width:50px;height:50px;border-radius:100%;border:0 solid var(--theme-footer-gotop-border-fg);box-shadow:var(--theme-footer-gotop-shadow);cursor:pointer;opacity:0;visibility:hidden;backdrop-filter:blur(3px);color:var(--theme-footer-gotop-fg);background-color:var(--theme-footer-gotop-bg);z-index:1000;transition:all .3s ease;user-select:none}#back-to-top.show{opacity:1;visibility:visible}@media(min-width:900px){#back-to-top:hover{color:var(--theme-footer-gotop-hover-fg)}}@media(max-width:900px){#back-to-top{border:.5px solid var(--theme-footer-gotop-border-fg);box-shadow:none;bottom:20px;right:20px;width:40px;height:40px}}.main-text{.table-container { width: 100%; white-space: nowrap; overflow-x: auto; } .table-container.mono { font-family: "LXGW WenKai Mono"; } .no-thead thead { display: none; } .no-border td { border-color: transparent; }}.main-text{.svg-container svg { margin: 0; max-width: 100%; height: auto; transform: translateZ(0); -webkit-transform: translateZ(0); } .svg-container.scroll-x { overflow-x: auto; } .svg-container.scroll-x svg{ overflow-x: auto; width: initial !important; height: initial !important; max-width: none !important; } .svg-container svg font, .svg-container svg path, .svg-container svg rect { transition: all var(--theme-transition-time) ease; }}.dark .main-text .auto-dim img{filter:brightness(70%);transition:filter var(--theme-transition-time)ease}.main-text{blockquote.red { color: var(--color-red); background-color: var(--color-background-red); border-color: var(--color-red); } blockquote.yellow { color: var(--color-yellow); background-color: var(--color-background-yellow); border-color: var(--color-yellow); } blockquote.green { color: var(--color-green); background-color: var(--color-background-green); border-color: var(--color-green); } blockquote.blue { color: var(--color-blue); background-color: var(--color-background-blue); border-color: var(--color-blue); }}.main-text{button.button-file[onclick] { color: var(--color-aqua); padding: 3px 5px; border-radius: 5px; transition: all var(--theme-transition-time) ease; }}.main-text{.cmd-container { user-select: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; margin: 10px 0px; .cmd-card { flex: 1 1 200px; display: flex; flex-direction: column; justify-content: center; align-items: left; padding: 5px 10px; background-color: var(--color-background-1); border-radius: var(--theme-post-border-radius); border: 1px solid var(--theme-post-border-fg); outline: 0px solid transparent; transition: all var(--theme-transition-time) ease; @media screen and (min-width: 900px) { &:hover { background-color: var(--color-background-2); transform: translateY(-5px); outline: 5px solid var(--theme-icon-fg); } } .card-title-container { display: flex; justify-content: space-between; align-items: center; .card-title { font-family: "LXGW WenKai Medium"; font-size: 1rem; font-weight: bold; } .draft { font-size: 0.85rem; color: var(--color-yellow); } } .card-description { font-size: 0.85rem; color: var(--color-gray-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } }}.main-text{.cmd-option-container { margin-top: 20px; margin-bottom: 15px; } .cmd-option { color: var(--color-aqua); background-color: var(--color-background-1); padding: 5px 10px; border-radius: 5px; box-shadow : var(--theme-post-code-shadow); transition: background-color var(--theme-transition-time) ease; font-weight: bold; margin: 10px 0px; font-family: "LXGW WenKai Mono Medium"; } .cmd-option + .cmd-option { margin-left: 20px; }}.correction-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:80px 0 0;user-select:none;a.button { color: var(--color-gray-1); display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; border-radius: 10px; border: 1px dashed transparent; width: 100px; height: 70px; transition: all var(--theme-transition-time) ease; svg { width: 32px; height: 32px; } .title { font-size: 0.8235rem; line-height: 2.0; } &:hover { border: 1px dashed var(--color-red); color: var(--color-red); } }}.highlight{--color-foreground:light-dark(#5C6A72, #D3C6AA);--color-red:light-dark(#F85552, #E67E80);--color-orange:light-dark(#F57D26, #E69875);--color-yellow:light-dark(#DFA000, #DBBC7F);--color-green:light-dark(#8DA101, #A7C080);--color-blue:light-dark(#3A94C5, #7FBBB3);--color-aqua:light-dark(#35A77C, #83C092);--color-purple:light-dark(#DF69BA, #D699B6);--color-background-dim:light-dark(#E5DFC5, #293136);--color-background-0:light-dark(#F3EAD3, #333C43);--color-background-1:light-dark(#EAE4CA, #3A464C);--color-background-2:light-dark(#E5DFC5, #434F55);--color-background-3:light-dark(#DDD8BE, #4D5960);--color-background-4:light-dark(#D8D3BA, #555F66);--color-background-5:light-dark(#B9C0AB, #5D6B66);--color-background-red:light-dark(#F4DBD0, #5C3F4F);--color-background-visual:light-dark(#E1E4BD, #59464C);--color-background-yellow:light-dark(#F1E4C5, #55544A);--color-background-green:light-dark(#E5E6C5, #48584E);--color-background-blue:light-dark(#E1E7DD, #3F5865);--color-gray-0:light-dark(#A6B0A0, #7A8478);--color-gray-1:light-dark(#939F91, #859289);--color-gray-2:light-dark(#829181, #9DA9A0);background-color:var(--color-background-0);.n, .cl { transition: color var(--theme-transition-time) ease; } .bg { background-color: var(--color-background-0); } .chroma { background-color: transparent; color: var(--color-foreground); } .chroma .x { color: var(--color-foreground); } .chroma .err { color: var(--color-red); } .chroma .cl { color: var(--color-foreground); } .chroma .lnlinks { outline:none;text-decoration:none;color:inherit } .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; } .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; } .chroma .hl { background-color: var(--color-background-1) } .chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color: var(--color-gray-0) } .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0;color: var(--color-gray-0) } .chroma .k { color: var(--color-orange); } .chroma .kc { color: var(--color-orange); } .chroma .kd { color: var(--color-orange); } .chroma .kn { color: var(--color-orange); } .chroma .kp { color: var(--color-orange); } .chroma .kr { color: var(--color-orange); } .chroma .kt { color: var(--color-yellow); } .chroma .n { color: var(--color-foreground); } .chroma .na { color: var(--color-green); } .chroma .nc { color: var(--color-yellow); } .chroma .no { color: var(--color-purple); } .chroma .nd { color: var(--color-blue); } .chroma .ni { color: var(--color-orange); } .chroma .ne { color: var(--color-orange); } .chroma .nl { color: var(--color-green); } .chroma .nn { color: var(--color-yellow); } .chroma .nx { color: var(--color-foreground); } .chroma .py { color: var(--color-foreground); } .chroma .nt { color: var(--color-orange); } .chroma .nb { color: var(--color-purple); } .chroma .bp { color: var(--color-purple); } .chroma .nv { color: var(--color-purple); } .chroma .vc { color: var(--color-purple); } .chroma .vg { color: var(--color-purple); } .chroma .vi { color: var(--color-purple); } .chroma .vm { color: var(--color-purple); } .chroma .nf { color: var(--color-green); } .chroma .fm { color: var(--color-green); } .chroma .l { color: var(--color-purple); } .chroma .ld { color: var(--color-green); } .chroma .s { color: var(--color-green); } .chroma .sa { color: var(--color-green); } .chroma .sb { color: var(--color-green); } .chroma .sc { color: var(--color-green); } .chroma .dl { color: var(--color-green); } .chroma .sd { color: var(--color-gray-1);font-style:normal } .chroma .s2 { color: var(--color-green); } .chroma .se { color: var(--color-orange); } .chroma .sh { color: var(--color-green); } .chroma .si { color: var(--color-green); } .chroma .sx { color: var(--color-green); } .chroma .sr { color: var(--color-green); } .chroma .s1 { color: var(--color-green); } .chroma .ss { color: var(--color-green); } .chroma .m { color: var(--color-purple); } .chroma .mb { color: var(--color-purple); } .chroma .mf { color: var(--color-purple); } .chroma .mh { color: var(--color-purple); } .chroma .mi { color: var(--color-purple); } .chroma .il { color: var(--color-purple); } .chroma .mo { color: var(--color-purple); } .chroma .o { color: var(--color-gray-1); } .chroma .ow { color: var(--color-gray-1); } .chroma .p { color: var(--color-gray-1); } .chroma .c { color: var(--color-gray-1);font-style:normal } .chroma .ch { color: var(--color-gray-1);font-style:normal } .chroma .cm { color: var(--color-gray-1);font-style:normal } .chroma .c1 { color: var(--color-gray-1);font-style:normal } .chroma .cs { color: var(--color-gray-1);background-color: var(--color-background-1);font-style:normal } .chroma .cp { color: var(--color-blue); } .chroma .cpf { color: var(--color-gray-1); } .chroma .g { color: var(--color-foreground); } .chroma .gd { color: var(--color-red); } .chroma .ge { font-style:normal;color: var(--color-foreground); } .chroma .gr { color: var(--color-red); } .chroma .gh { color: var(--color-green);font-weight:bold } .chroma .gi { color: var(--color-green); } .chroma .go { color: var(--color-gray-1); } .chroma .gp { color: var(--color-aqua);font-weight:bold;user-select: none; } .chroma .gpr { color: var(--color-red);font-weight:bold;user-select: none; } .chroma .gs { font-weight:bold;color: var(--color-foreground); } .chroma .gu { color: var(--color-blue);font-weight:bold } .chroma .gt { color: var(--color-red); } .chroma .gl { text-decoration:underline;color: var(--color-foreground); } .chroma .w { color: var(--color-background-5); }}.highlight:has(.language-bash-session){--color-foreground:light-dark(#D3C6AA, #D3C6AA);--color-red:light-dark(#E67E80, #E67E80);--color-orange:light-dark(#E69875, #E69875);--color-yellow:light-dark(#DBBC7F, #DBBC7F);--color-green:light-dark(#A7C080, #A7C080);--color-blue:light-dark(#7FBBB3, #7FBBB3);--color-aqua:light-dark(#83C092, #83C092);--color-purple:light-dark(#D699B6, #D699B6);--color-background-dim:light-dark(#293136, #1E2326);--color-background-0:light-dark(#333C43, #272E33);--color-background-1:light-dark(#3A464C, #2E383C);--color-background-2:light-dark(#434F55, #374145);--color-background-3:light-dark(#4D5960, #414B50);--color-background-4:light-dark(#555F66, #495156);--color-background-5:light-dark(#5D6B66, #4F5B58);--color-background-red:light-dark(#5C3F4F, #4C3743);--color-background-visual:light-dark(#59464C, #493B40);--color-background-yellow:light-dark(#55544A, #45443C);--color-background-green:light-dark(#48584E, #3C4841);--color-background-blue:light-dark(#3F5865, #384B55);--color-gray-0:light-dark(#7A8478, #7A8478);--color-gray-1:light-dark(#859289, #859289);--color-gray-2:light-dark(#9DA9A0, #9DA9A0);background-color:var(--color-background-0);.bg { background-color: var(--color-background-0); } .chroma { background-color: transparent; color: var(--color-foreground); } .chroma .x { color: var(--color-foreground); } .chroma .err { color: var(--color-red); } .chroma .cl { color: var(--color-foreground); } .chroma .lnlinks { outline:none;text-decoration:none;color:inherit } .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; } .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; } .chroma .hl { background-color: var(--color-background-1) } .chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color: var(--color-gray-0) } .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0;color: var(--color-gray-0) } .chroma .k { color: var(--color-orange); } .chroma .kc { color: var(--color-orange); } .chroma .kd { color: var(--color-orange); } .chroma .kn { color: var(--color-orange); } .chroma .kp { color: var(--color-orange); } .chroma .kr { color: var(--color-orange); } .chroma .kt { color: var(--color-yellow); } .chroma .n { color: var(--color-foreground); } .chroma .na { color: var(--color-green); } .chroma .nc { color: var(--color-yellow); } .chroma .no { color: var(--color-purple); } .chroma .nd { color: var(--color-blue); } .chroma .ni { color: var(--color-orange); } .chroma .ne { color: var(--color-orange); } .chroma .nl { color: var(--color-green); } .chroma .nn { color: var(--color-yellow); } .chroma .nx { color: var(--color-foreground); } .chroma .py { color: var(--color-foreground); } .chroma .nt { color: var(--color-orange); } .chroma .nb { color: var(--color-purple); } .chroma .bp { color: var(--color-purple); } .chroma .nv { color: var(--color-purple); } .chroma .vc { color: var(--color-purple); } .chroma .vg { color: var(--color-purple); } .chroma .vi { color: var(--color-purple); } .chroma .vm { color: var(--color-purple); } .chroma .nf { color: var(--color-green); } .chroma .fm { color: var(--color-green); } .chroma .l { color: var(--color-purple); } .chroma .ld { color: var(--color-green); } .chroma .s { color: var(--color-green); } .chroma .sa { color: var(--color-green); } .chroma .sb { color: var(--color-green); } .chroma .sc { color: var(--color-green); } .chroma .dl { color: var(--color-green); } .chroma .sd { color: var(--color-gray-1);font-style:normal } .chroma .s2 { color: var(--color-green); } .chroma .se { color: var(--color-orange); } .chroma .sh { color: var(--color-green); } .chroma .si { color: var(--color-green); } .chroma .sx { color: var(--color-green); } .chroma .sr { color: var(--color-green); } .chroma .s1 { color: var(--color-green); } .chroma .ss { color: var(--color-green); } .chroma .m { color: var(--color-purple); } .chroma .mb { color: var(--color-purple); } .chroma .mf { color: var(--color-purple); } .chroma .mh { color: var(--color-purple); } .chroma .mi { color: var(--color-purple); } .chroma .il { color: var(--color-purple); } .chroma .mo { color: var(--color-purple); } .chroma .o { color: var(--color-gray-1); } .chroma .ow { color: var(--color-gray-1); } .chroma .p { color: var(--color-gray-1); } .chroma .c { color: var(--color-gray-1);font-style:normal } .chroma .ch { color: var(--color-gray-1);font-style:normal } .chroma .cm { color: var(--color-gray-1);font-style:normal } .chroma .c1 { color: var(--color-gray-1);font-style:normal } .chroma .cs { color: var(--color-gray-1);background-color: var(--color-background-1);font-style:normal } .chroma .cp { color: var(--color-blue); } .chroma .cpf { color: var(--color-gray-1); } .chroma .g { color: var(--color-foreground); } .chroma .gd { color: var(--color-red); } .chroma .ge { font-style:normal;color: var(--color-foreground); } .chroma .gr { color: var(--color-red); } .chroma .gh { color: var(--color-green);font-weight:bold } .chroma .gi { color: var(--color-green); } .chroma .go { color: var(--color-gray-1); } .chroma .gp { color: var(--color-aqua);font-weight:bold;user-select: none; } .chroma .gpr { color: var(--color-red);font-weight:bold;user-select: none; } .chroma .gs { font-weight:bold;color: var(--color-foreground); } .chroma .gu { color: var(--color-blue);font-weight:bold } .chroma .gt { color: var(--color-red); } .chroma .gl { text-decoration:underline;color: var(--color-foreground); } .chroma .w { color: var(--color-background-5); }}