{"version":3,"sourceRoot":"","sources":["../../_sass/addon/module.scss","../../_sass/addon/variables.scss","../../_sass/addon/syntax.scss","../../_sass/colors/syntax-light.scss","../../_sass/colors/syntax-dark.scss","../../_sass/addon/commons.scss","../../_sass/colors/typography-light.scss","../../_sass/colors/typography-dark.scss","../../_sass/layout/home.scss","../../_sass/layout/post.scss","../../_sass/layout/tags.scss","../../_sass/layout/archives.scss","../../_sass/layout/categories.scss","../../_sass/layout/category-tag.scss"],"names":[],"mappings":"CAMA,iCACE,2BACA,gBACA,YCuBoB,kCDnBpB,gCACE,kBACA,sBAEA,wDACE,aAMJ,4CACE,cAGF,qBACE,4CACE,kBACA,UACA,2DAIA,oEACE,mBACA,UACA,0DAMR,sCACE,4BACA,uCAGF,+DACE,mBACA,cACA,mBAGF,2QACE,yBACA,gCACA,qBAGF,4CACE,wBAGF,sEACE,oDAGF,4EACE,+BAGF,gFACE,yBACA,sBACA,qBACA,iBAGF,6LACE,mBAGF,yFACE,eAGF,4EACE,kBAGF,wMACE,cC5EY,QDgFZ,oBACE,cACA,kBACA,kBACA,cACA,UACA,cAIJ,iDACE,iCACA,yBACA,sBACA,qBACA,iBAGF,iHACE,oBACA,gBACA,uBACA,qBACA,4BAGF,6FACE,yCACA,gBAGF,kFACE,iBAGF,2BACE,gBAIA,mCACE,2CACA,uBACA,0BACA,kBACA,8CEvIF,oCACE,4CCHF,iCACA,8BACA,mCACA,kCACA,0BACA,sBACA,kCACA,mCACA,kCACA,mCAEA,8EACE,0BAKF,oFACE,YAGF,sFACE,SAGF,0IAEE,cACA,yBAGF,ogBAOE,cAGF,0EACE,cAGF,0EACE,cACA,yBAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cACA,yBAGF,0EACE,cAGF,guBAUE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,kXAKE,cAGF,kJAEE,cAGF,0EACE,cACA,iBAGF,0EACE,cACA,iBAGF,4yBAWE,cAGF,0EACE,cAGF,oJAEE,cAGF,4EACE,cACA,yBAGF,glBAQE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cACA,kBAGF,0EACE,cACA,iBDrMA,qBETF,iCACA,8BACA,mCACA,kCACA,0BACA,sBACA,kCACA,mCACA,kCACA,mCACA,+BAEA,oCACE,cAKF,yCACE,YAGF,0CACE,SAGF,mEAEE,cACA,yBAGF,qCACE,cACA,yBAGF,4PAOE,cAGF,oCACE,cAGF,oCA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BACA,qBACA,0BACA,oCACA,sBACA,2CACA,yCACA,iCACA,0BACA,kCACA,wCACA,qCACA,6CACA,oCAGA,sBACA,sCACA,gCACA,yBAWA,0CACA,+CACA,6CAGA,uCACA,4BACA,mCAhBA,8EACE,2CAGF,wDACE,aD1FA,qBEHF,2BACA,2BACA,qCAGA,iCACA,4BACA,uCACA,yBACA,uBACA,2CACA,iCACA,iCACA,0CACA,qBACA,4BACA,yCACA,sCACA,iCACA,0BACA,qCACA,4CACA,4EACA,0HAQA,4BACA,+BACA,sBACA,gCACA,+BACA,iDACA,4BACA,0BACA,6BACA,+CAGA,mCACA,uCACA,uCACA,wCACA,+CAGA,2CACA,8CACA,qCAGA,oCACA,6BACA,qBACA,8BACA,oCACA,uCACA,2BACA,iCACA,mBACA,yBACA,sFAEA,0BACA,0BACA,wBACA,8CACA,uCACA,gDACA,uCACA,kCACA,0CACA,mDACA,wCACA,oCAGA,8BACA,8BACA,8BACA,yBAGA,0CACA,uCACA,qCAGA,uCACA,kCACA,iDA4CA,kBA1CA,4BACE,aAGF,wBACE,sCAIF,4EAEE,gCAIA,8CACE,uCAGF,kDACE,iBACA,kBACA,kBACA,sCAEA,6DACE,mCAKN,iDACE,+HAaF,oCACE,mBFtIF,mCACE,2CETF,2BACA,2BACA,qCAGA,iCACA,4BACA,uCACA,yBACA,uBACA,2CACA,iCACA,iCACA,0CACA,qBACA,4BACA,yCACA,sCACA,iCACA,0BACA,qCACA,4CACA,4EACA,0HAQA,4BACA,+BACA,sBACA,gCACA,+BACA,iDACA,4BACA,0BACA,6BACA,+CAGA,mCACA,uCACA,uCACA,wCACA,+CAGA,2CACA,8CACA,qCAGA,oCACA,6BACA,qBACA,8BACA,oCACA,uCACA,2BACA,iCACA,mBACA,yBACA,sFAEA,0BACA,0BACA,wBACA,8CACA,uCACA,gDACA,uCACA,kCACA,0CACA,mDACA,wCACA,oCAGA,8BACA,8BACA,8BACA,yBAGA,0CACA,uCACA,qCAGA,uCACA,kCACA,iDA4CA,kBA1CA,yDACE,aAGF,iDACE,sCAIF,0JAEE,gCAIA,6FACE,uCAGF,qGACE,iBACA,kBACA,kBACA,sCAEA,2HACE,mCAKN,mGACE,+HAaF,yEACE,kBFhIA,sBCdF,iBACA,mBACA,6BAGA,sBACA,4BACA,uCACA,yBACA,uBACA,mCACA,iCACA,sBACA,gCACA,qBACA,4BACA,+BACA,sCACA,0BACA,0BACA,kCACA,oFAKA,2HAQA,uCACA,+BACA,sBACA,gCACA,+BACA,gCACA,6CACA,wBACA,6BACA,6BAGA,qCACA,qCACA,0CACA,6BACA,oCAGA,gCACA,oCACA,+CAGA,yBACA,wBACA,iCACA,iBACA,yBACA,yFAEA,gCACA,qBACA,2BACA,qBACA,0BACA,oCACA,sBACA,2CACA,yCACA,iCACA,0BACA,kCACA,wCACA,qCACA,6CACA,oCAGA,sBACA,sCACA,gCACA,yBAWA,0CACA,+CACA,6CAGA,uCACA,4BACA,mCAhBA,uCACE,2CAGF,4BACE,cDvEJ,KACE,0BACA,kHAEA,wBACA,mCACA,YJHiB,+CISjB,GAeI,kBAfJ,GAeI,kBAfJ,GAeI,kBAfJ,GAeI,kBAfJ,GAiBI,eAKN,EAGE,qBAGF,IACE,eACA,YACA,gCAEA,UAGE,0BACA,kBAIJ,WACE,qDACA,kBACA,mCAEA,wBACE,gBAGF,2BACE,cACA,kBACA,4BACA,+BAIA,mCACE,kBACA,WACA,kBACA,YACA,iBACA,oBACA,mCLqFJ,sBACE,sCAEA,8BACE,QKrFmB,ILsFnB,mCACA,4BANJ,uBACE,uCAEA,+BACE,QKpFoB,ILqFpB,oCACA,0BANJ,0BACE,0CAEA,kCACE,QKnFuB,ILoFvB,uCACA,0BANJ,yBACE,yCAEA,iCACE,QKlFsB,ILmFtB,sCACA,0BKjFN,IACE,oBACA,qBACA,sBACA,mBACA,kBACA,kBACA,eACA,kBACA,4BACA,qCACA,qBACA,uCACA,gDAGF,OACE,gCACA,OJtHc,KIuHd,8CAgBA,SACE,kBACA,gBAcJ,QACE,SACA,+BACA,gBACA,mBAEA,mBACE,wBACA,gBAGF,gBACE,kBACA,+CAEA,iCACE,mBAI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LrwBE,yCKywBF,uBLzwBE,yCK6wBF,wBL7wBE,yCKixBF,cLjxBE,yCKqxBF,kCLjxBE,WKqxBF,yBLrxBE,WKyxBF,6BLzxBE,WK6xBF,8BL7xBE,WKiyBF,oBLjyBE,WKqyBF,OACE,aACA,WACA,mBACA,4CACA,0BACA,gBAEA,SACE,UACA,gBACA,+BAIJ,iCAEE,aAIF,eACE,wBACA,aACA,mBAKF,cACE,kBACA,SACA,gBACA,qBACA,wBACA,YAEA,oBACE,gBAIJ,cACE,eAEA,iBACE,qBAGF,wBACE,qBACA,iBACA,eACA,gCACA,YACA,cACA,wBAEA,gCACE,YACA,8BACA,oBAON,gBACE,oBAEA,kBASE,iBACA,mBAGF,wBACE,WAEA,yCACE,mBAIF,0BACE,cACA,oBACA,cAGF,0BACE,gBACA,uBACA,oBACA,qBACA,4BAKN,cACE,aACA,iBACA,gBACA,uBACA,+BACA,kBACA,UACA,gBACA,uBACA,oBACA,mBAGF,MACE,aACA,eACA,cACA,YACA,WACA,UAES,wBACP,yBAMJ,cACE,kBLx7BA,aK07Be,ELz7Bf,cKy7Be,EAEf,yBACE,iBAIJ,8EL38BE,YK88Be,EL78Bf,aK68Be,EAIf,2BACE,gBAMJ,aACE,aACA,UACA,eACA,eACA,WACA,gBACA,4BACA,iCACA,UACA,MJ3mCc,QI4mCd,OJ5mCc,QI6mCd,kBACA,mDACA,kCACA,0CAEA,mBACE,kCACA,0CAGF,eACE,YJxnCY,QIynCZ,kBACA,WAKF,yBACE,KACE,UACA,UAIJ,iBACE,KACE,UACA,UAIJ,4BACE,gBACA,mBACA,cAGF,0BACE,4BACA,oBAEA,iCACE,cACA,eAKF,yBACE,cACA,gBACA,oBACA,mCACA,2BACA,sCACA,iCACA,eACA,SACA,WACA,2BACA,4BACA,oBAcN,kCAGM,yCLpjCJ,YKqjCqB,MLpjCrB,aKojCqB,MAEf,gBACA,eAKN,QACE,WACA,aAIJ,kCACE,iCACE,eAOF,yBLlkCA,aKokCiB,ELnkCjB,cKmkCiB,GAKnB,kCAWE,OAJI,WALM,mBAYR,OJ5uCkB,KI6uClB,iBAIA,2BACE,wBAGF,gCACE,4BAGF,+BACE,kBAIJ,SAzBI,WALM,mBAiCR,6BACA,qCAGF,cAhCI,WALM,mBAyCV,iCAEE,eAGF,uBACE,WAGF,mBAEE,aAGF,gBApDI,2CAuDF,OAGF,oBAEE,aAGF,+CAGE,cAGF,gCACE,iBAGF,MACE,kCAGF,iBACE,aAEA,0BACE,mBAMN,kCAEE,KACE,kBAGF,cACE,YJ30CY,MI+0CZ,0BACE,gBAIJ,cACE,aAGF,OACE,UJj1Ce,MIo1CjB,uBACE,UJl1CqB,OIm1CrB,iCAIA,QACE,gBAIJ,iCACE,cAIF,aACE,SACA,gBAGF,cACE,iBAKJ,yDACE,oCACE,aACA,eAKJ,yDACE,oBACE,gBAGF,YACE,UACA,gBACA,uBACA,oBACA,oBAKJ,mCACE,eACE,aAGF,iCACE,mCAMJ,mCACE,OACE,kBAGF,cACE,+BAGF,wBACE,UAEA,uCACE,oBAGF,wCACE,mBAGF,kDACE,kBACA,YAIJ,SACE,mBAIJ,mCACE,aACE,+CAIJ,mCAGE,cACE,YJl8CkB,MIq8CpB,gBACE,KJt8CkB,MIy8CpB,OACE,oCAKF,yBACE,UJt8CqB,OIu8CrB,gCACA,iCAGF,0BAEE,gCAGF,aACE,8CAKF,SACE,MJj+CkB,MIm+ClB,0BACE,kBACA,qBACA,oBAIA,wBL50CJ,aK60CqB,QL50CrB,cK40CqB,QAInB,yBACE,qBACA,sBAEA,4CACE,aJl/CQ,KIq/CV,sCLn2CJ,YKo2CqB,qBLn2CrB,aKm2CqB,sBG3/CvB,WACE,gBAGE,+BACE,qBAGF,0CACE,sBAIJ,iBACE,SACA,gBAEA,gEACE,kCAWF,4BACE,YACA,aAEA,wCAGE,sCACA,kBAGF,sFACE,yCAMA,iDAGE,gBACA,SAQA,2DACE,mBAIJ,0CAGE,cAGF,uDACE,cACA,mBACA,gBACA,uBAOV,YACE,wBACA,4BACA,6BAEA,oBACE,qBAIA,kCACE,sCACA,gBACA,oBACA,wBACA,yBACA,oBACA,SACA,yBAIA,yCACE,kDAMA,qDACE,mDAKN,gCACE,mBAEA,2CACE,4BAOR,kCACE,gEACE,kCAKE,4BACE,wCAEA,uCACE,2BAKE,2DACE,qBAUd,kCAGM,0DACE,cAOR,kCACE,WACE,kBAGF,YACE,iBACA,uBAGE,wCACE,mBAIJ,wBACE,cCrLN,qDACE,UACA,kBACA,qCAUA,gCANA,YACA,aAFc,OAGd,cAH4B,OAiB1B,mBACE,cAKN,mBAGE,gBACA,kDAEA,oCACE,mBAmBF,kCACE,sBACA,yBACA,sBACA,qBACA,iBAEA,kGACE,mBAGF,+CACE,aAEA,iDACE,6BAKF,iDAGE,kBASF,sDACE,UACA,YACA,oBAQR,gBAEE,wCACA,iDACA,+DACA,6DACA,6DACA,qDACA,wCAEA,eAGF,WACE,iBAeE,kCACE,wBAIA,mDACE,cAIJ,+BAGE,oBACA,mBACA,gBACA,WAGF,yDACE,gBAGF,8BACE,8BACA,iBACA,yBACA,yBAGF,kCACE,kCACA,UAGF,iCACE,kCACA,WAIJ,mBACE,iBACA,mBACA,iBACA,mBAIJ,qBAEI,oDAEE,iCAKN,2BACE,KACE,UACA,kBACA,SAGF,GACE,UACA,kBACA,OAIJ,mBACE,KACE,UACA,kBACA,SAGF,GACE,UACA,kBACA,OAIJ,aACE,4CACA,wBACA,gBACA,SACA,+BACA,8BACA,sBAEA,gBACE,gBACA,iBACA,iBACA,eAGE,oCACE,eAGF,qBACE,8BAMJ,0BACE,cACA,mBACA,gBACA,uBAEA,gCACE,2BACA,qBAGF,kCACE,aAIJ,gCACE,sCACA,gBAEA,wCACE,qBACA,UACA,UACA,eACA,iDAIJ,mBACE,oBAQJ,kBTxGA,MADwD,mBAExD,USwGiB,OTvGjB,YSuGyB,IAGzB,oBAIE,8BAGF,iBACE,gBACA,oBACA,gBACA,uBACA,oBACA,qBACA,4BAWJ,eACE,kBAGF,YACE,eAGF,yDACE,8CAGF,aTjJE,MSkJ6B,QTjJ7B,USiJe,QThJf,YSgJwB,IAExB,oBACE,YAIJ,kCACE,kBACE,kCAEA,kCACE,WACA,iBAKN,kCACE,eACE,6BAKJ,kCACE,iBACE,eACA,gBACA,oBACA,sBC9VJ,KACE,mBACA,oBACA,mBACA,iBACA,iBACA,8CACA,uCAEA,UACE,iBACA,eACA,8BCZJ,UACE,sBAIA,oFACE,WACA,MAJe,IAKf,kBACA,WACA,uCAGF,gBACE,cACA,iBACA,kBACA,SACA,iBAEA,wBAGE,YACA,UACA,YAGF,oCAGE,YACA,SAIF,uBACE,WACA,qBACA,kBACA,kBACA,WACA,YACA,YACA,iBACA,gDACA,qCACA,6BACA,UAKF,gBACE,iBACA,iBACA,mBACA,gBACA,uBAEA,+BACE,yCACA,uFAUF,wBAGE,MACA,UACA,cAIJ,8CACE,cAIJ,gBACE,mBACA,qBACA,kBACA,YAEA,sBACE,aACA,kBAGF,oBACE,cACA,4BAIJ,YAEE,mBACA,kBACA,UAEA,kBACE,mBAGF,oBAEE,WACA,qBACA,kBACA,kBACA,UACA,WACA,WACA,YACA,UACA,yCACA,6BACA,UAKN,kCACE,UACE,iBAEA,aACE,kBCxIN,cACE,WAGF,YACE,mBACA,sCAOA,yBAGE,eACA,cAHS,oBAIT,gBAEA,4CACE,4BACA,6BAIJ,cAGE,cAGF,6BACE,iBACA,kBACA,kBAEA,yCACE,yBACA,0BAGF,wCACE,gBAKN,kBACE,aACA,cACA,kBACA,kBACA,yBAEA,oBACE,kBACA,aACA,WACA,gCAIA,0BACE,yCAMN,qBACE,wBACE,6CAIJ,QACE,yBC7EF,MACE,2BACA,2CAKA,qCACE,mBACA,gBAGA,qDACE,gBACA,UACA,WACA,kBACA,cACA,WACA,kBACA,UACA,mBAIF,yCAGE,iBAMN,eACE,iBAGF,oBACE,kBAMA,iEAGE,mBAIJ,kCAIM,qDACE,eAGF,yCACE,mBACA,gBACA","sourcesContent":["/*\n* Mainly scss modules, only imported to `assets/css/main.scss`\n*/\n\n/* ---------- scss placeholder --------- */\n\n%heading {\n  color: var(--heading-color);\n  font-weight: 400;\n  font-family: $font-family-heading;\n}\n\n%section {\n  main & {\n    margin-top: 2.5rem;\n    margin-bottom: 1.25rem;\n\n    &:focus {\n      outline: none; /* avoid outline in Safari */\n    }\n  }\n}\n\n%anchor {\n  .anchor {\n    font-size: 80%;\n  }\n\n  @media (hover: hover) {\n    .anchor {\n      visibility: hidden;\n      opacity: 0;\n      transition: opacity 0.25s ease-in, visibility 0s ease-in 0.25s;\n    }\n\n    &:hover {\n      .anchor {\n        visibility: visible;\n        opacity: 1;\n        transition: opacity 0.25s ease-in, visibility 0s ease-in 0s;\n      }\n    }\n  }\n}\n\n%tag-hover {\n  background: var(--tag-hover);\n  transition: background 0.35s ease-in-out;\n}\n\n%table-cell {\n  padding: 0.4rem 1rem;\n  font-size: 95%;\n  white-space: nowrap;\n}\n\n%link-hover {\n  color: #d2603a !important;\n  border-bottom: 1px solid #d2603a;\n  text-decoration: none;\n}\n\n%link-color {\n  color: var(--link-color);\n}\n\n%link-underline {\n  border-bottom: 1px solid var(--link-underline-color);\n}\n\n%clickable-transition {\n  transition: all 0.3s ease-in-out;\n}\n\n%no-cursor {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n%no-bottom-border {\n  border-bottom: none;\n}\n\n%cursor-pointer {\n  cursor: pointer;\n}\n\n%normal-font-style {\n  font-style: normal;\n}\n\n%rounded {\n  border-radius: $base-radius;\n}\n\n%img-caption {\n  + em {\n    display: block;\n    text-align: center;\n    font-style: normal;\n    font-size: 80%;\n    padding: 0;\n    color: #6d6c6c;\n  }\n}\n\n%sidebar-links {\n  color: var(--sidebar-muted-color);\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n%text-clip {\n  display: -webkit-box;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n%text-highlight {\n  color: var(--text-muted-hightlight-color);\n  font-weight: 600;\n}\n\n%text-sm {\n  font-size: 0.85rem;\n}\n\n%text-xs {\n  font-size: 0.8rem;\n}\n\n%sup-fn-target {\n  &:target {\n    background-color: var(--footnote-target-bg);\n    width: -moz-fit-content;\n    width: -webkit-fit-content;\n    width: fit-content;\n    transition: background-color 1.75s ease-in-out;\n  }\n}\n\n/* ---------- scss mixin --------- */\n\n@mixin mt-mb($value) {\n  margin-top: $value;\n  margin-bottom: $value;\n}\n\n@mixin ml-mr($value) {\n  margin-left: $value;\n  margin-right: $value;\n}\n\n@mixin pt-pb($val) {\n  padding-top: $val;\n  padding-bottom: $val;\n}\n\n@mixin pl-pr($val) {\n  padding-left: $val;\n  padding-right: $val;\n}\n\n@mixin placeholder {\n  color: var(--text-muted-color) !important;\n}\n\n@mixin placeholder-focus {\n  opacity: 0.6;\n}\n\n@mixin label($font-size: 1rem, $font-weight: 600, $color: var(--label-color)) {\n  color: $color;\n  font-size: $font-size;\n  font-weight: $font-weight;\n}\n\n@mixin align-center {\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n@mixin prompt($type, $fa-content, $fa-style: 'solid') {\n  &.prompt-#{$type} {\n    background-color: var(--prompt-#{$type}-bg);\n\n    &::before {\n      content: $fa-content;\n      color: var(--prompt-#{$type}-icon-color);\n      font: var(--fa-font-#{$fa-style});\n    }\n  }\n}\n","/*\n * The SCSS variables\n */\n\n/* sidebar */\n\n$sidebar-width: 260px !default; /* the basic width */\n$sidebar-width-large: 300px !default; /* screen width: >= 1650px */\n$sb-btn-gap: 0.8rem !default;\n$sb-btn-gap-lg: 1rem !default;\n\n/* other framework sizes */\n\n$topbar-height: 3rem !default;\n$search-max-width: 200px !default;\n$footer-height: 5rem !default;\n$footer-height-large: 6rem !default; /* screen width: < 850px */\n$main-content-max-width: 1250px !default;\n$base-radius: 0.625rem !default;\n$back2top-size: 2.75rem !default;\n\n/* syntax highlight */\n\n$code-font-size: 0.85rem !default;\n$code-header-height: 2.25rem !default;\n$code-dot-size: 0.75rem !default;\n$code-dot-gap: 0.5rem !default;\n$code-icon-width: 1.75rem !default;\n\n/* fonts */\n\n$font-family-base: 'Source Sans Pro', 'Microsoft Yahei', sans-serif !default;\n$font-family-heading: Lato, 'Microsoft Yahei', sans-serif !default;\n","/*\n* The syntax highlight.\n*/\n\n@import 'colors/syntax-light';\n@import 'colors/syntax-dark';\n\nhtml {\n  @media (prefers-color-scheme: light) {\n    &:not([data-mode]),\n    &[data-mode='light'] {\n      @include light-syntax;\n    }\n\n    &[data-mode='dark'] {\n      @include dark-syntax;\n    }\n  }\n\n  @media (prefers-color-scheme: dark) {\n    &:not([data-mode]),\n    &[data-mode='dark'] {\n      @include dark-syntax;\n    }\n\n    &[data-mode='light'] {\n      @include light-syntax;\n    }\n  }\n}\n\n/* -- code snippets -- */\n\n%code-snippet-bg {\n  background-color: var(--highlight-bg-color);\n}\n\n%code-snippet-padding {\n  padding-left: 1rem;\n  padding-right: 1.5rem;\n}\n\n.highlighter-rouge {\n  color: var(--highlighter-rouge-color);\n  margin-top: 0.5rem;\n  margin-bottom: 1.2em; /* Override BS Inline-code style */\n}\n\n.highlight {\n  @extend %rounded;\n  @extend %code-snippet-bg;\n\n  @at-root figure#{&} {\n    @extend %code-snippet-bg;\n  }\n\n  overflow: auto;\n  padding-bottom: 0.75rem;\n\n  pre {\n    margin-bottom: 0;\n    font-size: $code-font-size;\n    line-height: 1.4rem;\n    word-wrap: normal; /* Fixed Safari overflow-x */\n  }\n\n  table {\n    td {\n      &:first-child {\n        display: inline-block;\n        margin-left: 1rem;\n        margin-right: 0.75rem;\n      }\n\n      &:last-child {\n        padding-right: 2rem !important;\n      }\n\n      pre {\n        overflow: visible; /* Fixed iOS safari overflow-x */\n        word-break: normal; /* Fixed iOS safari linenos code break */\n      }\n    }\n  }\n\n  .lineno {\n    text-align: right;\n    color: var(--highlight-lineno-color);\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -o-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n} /* .highlight */\n\ncode {\n  -webkit-hyphens: none;\n  -ms-hyphens: none;\n  hyphens: none;\n  color: var(--code-color);\n\n  &.highlighter-rouge {\n    font-size: $code-font-size;\n    padding: 3px 5px;\n    word-break: break-word;\n    border-radius: 4px;\n    background-color: var(--inline-code-bg);\n  }\n\n  &.filepath {\n    background-color: inherit;\n    color: var(--filepath-text-color);\n    font-weight: 600;\n    padding: 0;\n  }\n\n  a > &.highlighter-rouge {\n    padding-bottom: 0; /* show link's underlinke */\n    color: inherit;\n  }\n\n  a:hover > &.highlighter-rouge {\n    border-bottom: none;\n  }\n\n  blockquote & {\n    color: inherit;\n  }\n}\n\ntd.rouge-code {\n  @extend %code-snippet-padding;\n\n  /*\n    Prevent some browser extends from\n    changing the URL string of code block.\n  */\n  a {\n    color: inherit !important;\n    border-bottom: none !important;\n    pointer-events: none;\n  }\n}\n\ndiv[class^='language-'] {\n  @extend %rounded;\n  @extend %code-snippet-bg;\n\n  box-shadow: var(--language-border-color) 0 0 0 1px;\n\n  .content > & {\n    @include ml-mr(-1rem);\n\n    border-radius: 0;\n  }\n\n  .highlight {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n}\n\n/* Hide line numbers for default, console, and terminal code snippets */\ndiv {\n  &.nolineno,\n  &.language-plaintext,\n  &.language-console,\n  &.language-terminal {\n    td:first-child {\n      padding: 0 !important;\n      margin-right: 0;\n\n      .lineno {\n        display: none;\n      }\n    }\n  }\n}\n\n.code-header {\n  @extend %no-cursor;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: $code-header-height;\n  margin-left: 0.75rem;\n  margin-right: 0.25rem;\n\n  /* the label block */\n  span {\n    line-height: $code-header-height;\n\n    /* label icon */\n    i {\n      font-size: 1rem;\n      width: $code-icon-width;\n      color: var(--code-header-icon-color);\n\n      &.small {\n        font-size: 70%;\n      }\n    }\n\n    @at-root [file] #{&} > i {\n      position: relative;\n      top: 1px; /* center the file icon */\n    }\n\n    /* label text */\n    &::after {\n      content: attr(data-label-text);\n      font-size: 0.85rem;\n      font-weight: 600;\n      color: var(--code-header-text-color);\n    }\n  }\n\n  /* clipboard */\n  button {\n    @extend %cursor-pointer;\n    @extend %rounded;\n\n    border: 1px solid transparent;\n    height: $code-header-height;\n    width: $code-header-height;\n    padding: 0;\n    background-color: inherit;\n\n    i {\n      color: var(--code-header-icon-color);\n    }\n\n    &[timeout] {\n      &:hover {\n        border-color: var(--clipboard-checked-color);\n      }\n\n      i {\n        color: var(--clipboard-checked-color);\n      }\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &:not([timeout]):hover {\n      background-color: rgba(128, 128, 128, 0.37);\n\n      i {\n        color: white;\n      }\n    }\n  }\n}\n\n@media all and (min-width: 576px) {\n  div[class^='language-'] {\n    .content > & {\n      @include ml-mr(0);\n\n      border-radius: $base-radius;\n    }\n\n    .code-header {\n      @include ml-mr(0);\n\n      $dot-margin: 1rem;\n\n      &::before {\n        content: '';\n        display: inline-block;\n        margin-left: $dot-margin;\n        width: $code-dot-size;\n        height: $code-dot-size;\n        border-radius: 50%;\n        background-color: var(--code-header-muted-color);\n        box-shadow: ($code-dot-size + $code-dot-gap) 0 0\n            var(--code-header-muted-color),\n          ($code-dot-size + $code-dot-gap) * 2 0 0\n            var(--code-header-muted-color);\n      }\n\n      span {\n        // center the text of label\n        margin-left: calc(($dot-margin + $code-dot-size) / 2 * -1);\n      }\n    }\n  }\n}\n","/*\n * The syntax light mode code snippet colors.\n */\n\n@mixin light-syntax {\n  /* --- custom light colors --- */\n  --language-border-color: #ececec;\n  --highlight-bg-color: #f6f8fa;\n  --highlighter-rouge-color: #3f596f;\n  --highlight-lineno-color: #9e9e9e;\n  --inline-code-bg: #f6f6f7;\n  --code-color: #3a3a3a;\n  --code-header-text-color: #a3a3a3;\n  --code-header-muted-color: #e5e5e5;\n  --code-header-icon-color: #c9c8c8;\n  --clipboard-checked-color: #43c743;\n\n  [class^='prompt-'] {\n    --inline-code-bg: #fbfafa;\n  }\n\n  /* --- Syntax highlight theme from `rougify style github` --- */\n\n  .highlight table td {\n    padding: 5px;\n  }\n\n  .highlight table pre {\n    margin: 0;\n  }\n\n  .highlight,\n  .highlight .w {\n    color: #24292f;\n    background-color: #f6f8fa;\n  }\n\n  .highlight .k,\n  .highlight .kd,\n  .highlight .kn,\n  .highlight .kp,\n  .highlight .kr,\n  .highlight .kt,\n  .highlight .kv {\n    color: #cf222e;\n  }\n\n  .highlight .gr {\n    color: #f6f8fa;\n  }\n\n  .highlight .gd {\n    color: #82071e;\n    background-color: #ffebe9;\n  }\n\n  .highlight .nb {\n    color: #953800;\n  }\n\n  .highlight .nc {\n    color: #953800;\n  }\n\n  .highlight .no {\n    color: #953800;\n  }\n\n  .highlight .nn {\n    color: #953800;\n  }\n\n  .highlight .sr {\n    color: #116329;\n  }\n\n  .highlight .na {\n    color: #116329;\n  }\n\n  .highlight .nt {\n    color: #116329;\n  }\n\n  .highlight .gi {\n    color: #116329;\n    background-color: #dafbe1;\n  }\n\n  .highlight .kc {\n    color: #0550ae;\n  }\n\n  .highlight .l,\n  .highlight .ld,\n  .highlight .m,\n  .highlight .mb,\n  .highlight .mf,\n  .highlight .mh,\n  .highlight .mi,\n  .highlight .il,\n  .highlight .mo,\n  .highlight .mx {\n    color: #0550ae;\n  }\n\n  .highlight .sb {\n    color: #0550ae;\n  }\n\n  .highlight .bp {\n    color: #0550ae;\n  }\n\n  .highlight .ne {\n    color: #0550ae;\n  }\n\n  .highlight .nl {\n    color: #0550ae;\n  }\n\n  .highlight .py {\n    color: #0550ae;\n  }\n\n  .highlight .nv,\n  .highlight .vc,\n  .highlight .vg,\n  .highlight .vi,\n  .highlight .vm {\n    color: #0550ae;\n  }\n\n  .highlight .o,\n  .highlight .ow {\n    color: #0550ae;\n  }\n\n  .highlight .gh {\n    color: #0550ae;\n    font-weight: bold;\n  }\n\n  .highlight .gu {\n    color: #0550ae;\n    font-weight: bold;\n  }\n\n  .highlight .s,\n  .highlight .sa,\n  .highlight .sc,\n  .highlight .dl,\n  .highlight .sd,\n  .highlight .s2,\n  .highlight .se,\n  .highlight .sh,\n  .highlight .sx,\n  .highlight .s1,\n  .highlight .ss {\n    color: #0a3069;\n  }\n\n  .highlight .nd {\n    color: #8250df;\n  }\n\n  .highlight .nf,\n  .highlight .fm {\n    color: #8250df;\n  }\n\n  .highlight .err {\n    color: #f6f8fa;\n    background-color: #82071e;\n  }\n\n  .highlight .c,\n  .highlight .ch,\n  .highlight .cd,\n  .highlight .cm,\n  .highlight .cp,\n  .highlight .cpf,\n  .highlight .c1,\n  .highlight .cs {\n    color: #68717a;\n  }\n\n  .highlight .gl {\n    color: #68717a;\n  }\n\n  .highlight .gt {\n    color: #68717a;\n  }\n\n  .highlight .ni {\n    color: #24292f;\n  }\n\n  .highlight .si {\n    color: #24292f;\n  }\n\n  .highlight .ge {\n    color: #24292f;\n    font-style: italic;\n  }\n\n  .highlight .gs {\n    color: #24292f;\n    font-weight: bold;\n  }\n} /* light-syntax */\n","/*\n * The syntax dark mode styles.\n */\n\n@mixin dark-syntax {\n  --language-border-color: #2d2d2d;\n  --highlight-bg-color: #151515;\n  --highlighter-rouge-color: #c9def1;\n  --highlight-lineno-color: #808080;\n  --inline-code-bg: #323238;\n  --code-color: #b0b0b0;\n  --code-header-text-color: #6a6a6a;\n  --code-header-muted-color: #353535;\n  --code-header-icon-color: #565656;\n  --clipboard-checked-color: #2bcc2b;\n  --filepath-text-color: #cacaca;\n\n  .highlight .gp {\n    color: #87939d;\n  }\n\n  /* --- Syntax highlight theme from `rougify style base16.dark` --- */\n\n  .highlight table td {\n    padding: 5px;\n  }\n\n  .highlight table pre {\n    margin: 0;\n  }\n\n  .highlight,\n  .highlight .w {\n    color: #d0d0d0;\n    background-color: #151515;\n  }\n\n  .highlight .err {\n    color: #151515;\n    background-color: #ac4142;\n  }\n\n  .highlight .c,\n  .highlight .ch,\n  .highlight .cd,\n  .highlight .cm,\n  .highlight .cpf,\n  .highlight .c1,\n  .highlight .cs {\n    color: #848484;\n  }\n\n  .highlight .cp {\n    color: #f4bf75;\n  }\n\n  .highlight .nt {\n    color: #f4bf75;\n  }\n\n  .highlight .o,\n  .highlight .ow {\n    color: #d0d0d0;\n  }\n\n  .highlight .p,\n  .highlight .pi {\n    color: #d0d0d0;\n  }\n\n  .highlight .gi {\n    color: #90a959;\n  }\n\n  .highlight .gd {\n    color: #f08a8b;\n    background-color: #320000;\n  }\n\n  .highlight .gh {\n    color: #6a9fb5;\n    background-color: #151515;\n    font-weight: bold;\n  }\n\n  .highlight .k,\n  .highlight .kn,\n  .highlight .kp,\n  .highlight .kr,\n  .highlight .kv {\n    color: #aa759f;\n  }\n\n  .highlight .kc {\n    color: #d28445;\n  }\n\n  .highlight .kt {\n    color: #d28445;\n  }\n\n  .highlight .kd {\n    color: #d28445;\n  }\n\n  .highlight .s,\n  .highlight .sb,\n  .highlight .sc,\n  .highlight .dl,\n  .highlight .sd,\n  .highlight .s2,\n  .highlight .sh,\n  .highlight .sx,\n  .highlight .s1 {\n    color: #90a959;\n  }\n\n  .highlight .sa {\n    color: #aa759f;\n  }\n\n  .highlight .sr {\n    color: #75b5aa;\n  }\n\n  .highlight .si {\n    color: #b76d45;\n  }\n\n  .highlight .se {\n    color: #b76d45;\n  }\n\n  .highlight .nn {\n    color: #f4bf75;\n  }\n\n  .highlight .nc {\n    color: #f4bf75;\n  }\n\n  .highlight .no {\n    color: #f4bf75;\n  }\n\n  .highlight .na {\n    color: #6a9fb5;\n  }\n\n  .highlight .m,\n  .highlight .mb,\n  .highlight .mf,\n  .highlight .mh,\n  .highlight .mi,\n  .highlight .il,\n  .highlight .mo,\n  .highlight .mx {\n    color: #90a959;\n  }\n\n  .highlight .ss {\n    color: #90a959;\n  }\n}\n","/* The common styles */\n\nhtml {\n  @media (prefers-color-scheme: light) {\n    &:not([data-mode]),\n    &[data-mode='light'] {\n      @include light-scheme;\n    }\n\n    &[data-mode='dark'] {\n      @include dark-scheme;\n    }\n  }\n\n  @media (prefers-color-scheme: dark) {\n    &:not([data-mode]),\n    &[data-mode='dark'] {\n      @include dark-scheme;\n    }\n\n    &[data-mode='light'] {\n      @include light-scheme;\n    }\n  }\n\n  font-size: 16px;\n}\n\nbody {\n  background: var(--main-bg);\n  padding: env(safe-area-inset-top) env(safe-area-inset-right)\n    env(safe-area-inset-bottom) env(safe-area-inset-left);\n  color: var(--text-color);\n  -webkit-font-smoothing: antialiased;\n  font-family: $font-family-base;\n}\n\n/* --- Typography --- */\n\n@for $i from 1 through 5 {\n  h#{$i} {\n    @extend %heading;\n\n    @if $i > 1 {\n      @extend %section;\n      @extend %anchor;\n    }\n\n    @if $i < 5 {\n      $factor: 0.18rem;\n\n      @if $i == 1 {\n        $factor: 0.23rem;\n      }\n\n      font-size: 1rem + (5 - $i) * $factor;\n    } @else {\n      font-size: 1rem;\n    }\n  }\n}\n\na {\n  @extend %link-color;\n\n  text-decoration: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  transition: all 0.35s ease-in-out;\n\n  .blur & {\n    $blur: 20px;\n\n    -webkit-filter: blur($blur);\n    filter: blur($blur);\n  }\n}\n\nblockquote {\n  border-left: 5px solid var(--blockquote-border-color);\n  padding-left: 1rem;\n  color: var(--blockquote-text-color);\n\n  > p:last-child {\n    margin-bottom: 0;\n  }\n\n  &[class^='prompt-'] {\n    border-left: 0;\n    position: relative;\n    padding: 1rem 1rem 1rem 3rem;\n    color: var(--prompt-text-color);\n\n    @extend %rounded;\n\n    &::before {\n      text-align: center;\n      width: 3rem;\n      position: absolute;\n      left: 0.25rem;\n      margin-top: 0.4rem;\n      text-rendering: auto;\n      -webkit-font-smoothing: antialiased;\n    }\n  }\n\n  @include prompt('tip', '\\f0eb', 'regular');\n  @include prompt('info', '\\f06a');\n  @include prompt('warning', '\\f06a');\n  @include prompt('danger', '\\f071');\n}\n\nkbd {\n  font-family: inherit;\n  display: inline-block;\n  vertical-align: middle;\n  line-height: 1.3rem;\n  min-width: 1.75rem;\n  text-align: center;\n  margin: 0 0.3rem;\n  padding-top: 0.1rem;\n  color: var(--kbd-text-color);\n  background-color: var(--kbd-bg-color);\n  border-radius: 0.25rem;\n  border: solid 1px var(--kbd-wrap-color);\n  box-shadow: inset 0 -2px 0 var(--kbd-wrap-color);\n}\n\nfooter {\n  background-color: var(--main-bg);\n  height: $footer-height;\n  border-top: 1px solid var(--main-border-color);\n\n  @extend %text-xs;\n\n  a {\n    @extend %text-highlight;\n\n    &:hover {\n      @extend %link-hover;\n    }\n  }\n\n  em {\n    @extend %text-highlight;\n  }\n\n  p {\n    text-align: center;\n    margin-bottom: 0;\n  }\n}\n\n/* fontawesome icons */\ni {\n  &.far,\n  &.fas {\n    @extend %no-cursor;\n  }\n}\n\n/* --- Panels --- */\n\n.access {\n  top: 2rem;\n  transition: top 0.2s ease-in-out;\n  margin-top: 3rem;\n  margin-bottom: 4rem;\n\n  &:only-child {\n    position: -webkit-sticky;\n    position: sticky;\n  }\n\n  > section {\n    padding-left: 1rem;\n    border-left: 1px solid var(--main-border-color);\n\n    &:not(:last-child) {\n      margin-bottom: 4rem;\n    }\n  }\n\n  .content {\n    font-size: 0.9rem;\n  }\n}\n\n#panel-wrapper {\n  /* the headings */\n  .panel-heading {\n    font-family: inherit;\n    line-height: inherit;\n\n    @include label(inherit);\n  }\n\n  .post-tag {\n    line-height: 1.05rem;\n    font-size: 0.85rem;\n    border-radius: 0.8rem;\n    padding: 0.3rem 0.5rem;\n    margin: 0 0.35rem 0.5rem 0;\n\n    &:hover {\n      transition: all 0.3s ease-in;\n    }\n  }\n}\n\n#access-lastmod {\n  a {\n    &:hover {\n      @extend %link-hover;\n    }\n\n    @extend %no-bottom-border;\n\n    color: inherit;\n  }\n}\n\n.footnotes > ol {\n  padding-left: 2rem;\n  margin-top: 0.5rem;\n\n  > li {\n    &:not(:last-child) {\n      margin-bottom: 0.3rem;\n    }\n\n    @extend %sup-fn-target;\n\n    > p {\n      margin-left: 0.25em;\n      margin-top: 0;\n      margin-bottom: 0;\n    }\n  }\n}\n\n.footnote {\n  @at-root a#{&} {\n    @include ml-mr(1px);\n    @include pl-pr(2px);\n\n    border-bottom-style: none !important;\n  }\n}\n\nsup {\n  @extend %sup-fn-target;\n}\n\n.reversefootnote {\n  @at-root a#{&} {\n    font-size: 0.6rem;\n    line-height: 1;\n    position: relative;\n    bottom: 0.25em;\n    margin-left: 0.25em;\n    border-bottom-style: none !important;\n  }\n}\n\n/* --- Begin of Markdown table style --- */\n\n/* it will be created by Liquid */\n.table-wrapper {\n  overflow-x: auto;\n  margin-bottom: 1.5rem;\n\n  > table {\n    min-width: 100%;\n    overflow-x: auto;\n    border-spacing: 0;\n\n    thead {\n      border-bottom: solid 2px rgba(210, 215, 217, 0.75);\n\n      th {\n        @extend %table-cell;\n      }\n    }\n\n    tbody {\n      tr {\n        border-bottom: 1px solid var(--tb-border-color);\n\n        &:nth-child(2n) {\n          background-color: var(--tb-even-bg);\n        }\n\n        &:nth-child(2n + 1) {\n          background-color: var(--tb-odd-bg);\n        }\n\n        td {\n          @extend %table-cell;\n        }\n      }\n    } /* tbody */\n  } /* table */\n}\n\n/* --- post --- */\n\n.preview-img {\n  aspect-ratio: 40 / 21;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  @extend %rounded;\n\n  &:not(.no-bg) {\n    background: var(--img-bg);\n  }\n\n  img {\n    height: 100%;\n    -o-object-fit: cover;\n    object-fit: cover;\n\n    @extend %rounded;\n\n    @at-root #post-list & {\n      width: 100%;\n    }\n  }\n}\n\n.post-preview {\n  @extend %rounded;\n\n  border: 0;\n  background: var(--card-bg);\n  box-shadow: var(--card-shadow);\n\n  &::before {\n    @extend %rounded;\n\n    content: '';\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    background-color: var(--card-hovor-bg);\n    opacity: 0;\n    transition: opacity 0.35s ease-in-out;\n  }\n\n  &:hover {\n    &::before {\n      opacity: 0.3;\n    }\n  }\n}\n\nmain {\n  line-height: 1.75;\n\n  h1 {\n    margin-top: 2rem;\n    margin-bottom: 1.5rem;\n  }\n\n  p {\n    > a.popup {\n      &:not(.normal):not(.left):not(.right) {\n        @include align-center;\n      }\n    }\n  }\n\n  .categories,\n  #tags,\n  #archives {\n    a:not(:hover) {\n      @extend %no-bottom-border;\n    }\n  }\n}\n\n.post-meta {\n  @extend %text-sm;\n\n  a {\n    &:not([class]):hover {\n      @extend %link-hover;\n    }\n  }\n\n  em {\n    @extend %normal-font-style;\n  }\n}\n\n.content {\n  font-size: 1.08rem;\n  margin-top: 2rem;\n  overflow-wrap: break-word;\n\n  a {\n    &.popup {\n      @extend %no-cursor;\n      @extend %img-caption;\n      @include mt-mb(0.5rem);\n\n      cursor: zoom-in;\n    }\n\n    &:not(.img-link) {\n      @extend %link-underline;\n\n      &:hover {\n        @extend %link-hover;\n      }\n    }\n  }\n\n  ol,\n  ul {\n    &:not([class]),\n    &.task-list {\n      -webkit-padding-start: 1.75rem;\n      padding-inline-start: 1.75rem;\n\n      li {\n        margin: 0.25rem 0;\n        padding-left: 0.25rem;\n      }\n\n      ol,\n      ul {\n        -webkit-padding-start: 1.25rem;\n        padding-inline-start: 1.25rem;\n        margin: 0.5rem 0;\n      }\n    }\n  }\n\n  ul.task-list {\n    -webkit-padding-start: 1.25rem;\n    padding-inline-start: 1.25rem;\n\n    li {\n      list-style-type: none;\n      padding-left: 0;\n\n      /* checkbox icon */\n      > i {\n        width: 2rem;\n        margin-left: -1.25rem;\n        color: var(--checkbox-color);\n\n        &.checked {\n          color: var(--checkbox-checked-color);\n        }\n      }\n\n      ul {\n        -webkit-padding-start: 1.75rem;\n        padding-inline-start: 1.75rem;\n      }\n    }\n\n    input[type='checkbox'] {\n      margin: 0 0.5rem 0.2rem -1.3rem;\n      vertical-align: middle;\n    }\n  } /* ul */\n\n  dl > dd {\n    margin-left: 1rem;\n  }\n\n  ::marker {\n    color: var(--text-muted-color);\n  }\n} /* .content */\n\n.tag:hover {\n  @extend %tag-hover;\n}\n\n.post-tag {\n  display: inline-block;\n  min-width: 2rem;\n  text-align: center;\n  border-radius: 0.5rem;\n  border: 1px solid var(--btn-border-color);\n  padding: 0 0.4rem;\n  color: var(--text-muted-color);\n  line-height: 1.3rem;\n\n  &:not(:last-child) {\n    margin-right: 0.2rem;\n  }\n}\n\n.rounded-10 {\n  border-radius: 10px !important;\n}\n\n.img-link {\n  color: transparent;\n  display: inline-flex;\n}\n\n.shimmer {\n  overflow: hidden;\n  position: relative;\n  background: var(--img-bg);\n\n  &::before {\n    content: '';\n    position: absolute;\n    background: var(--shimmer-bg);\n    height: 100%;\n    width: 100%;\n    -webkit-animation: shimmer 1.3s infinite;\n    animation: shimmer 1.3s infinite;\n  }\n\n  @-webkit-keyframes shimmer {\n    0% {\n      transform: translateX(-100%);\n    }\n\n    100% {\n      transform: translateX(100%);\n    }\n  }\n\n  @keyframes shimmer {\n    0% {\n      transform: translateX(-100%);\n    }\n\n    100% {\n      transform: translateX(100%);\n    }\n  }\n}\n\n.embed-video {\n  width: 100%;\n  height: 100%;\n  margin-bottom: 1rem;\n\n  @extend %rounded;\n\n  &.youtube,\n  &.bilibili {\n    aspect-ratio: 16 / 9;\n  }\n\n  &.twitch {\n    aspect-ratio: 310 / 189;\n  }\n}\n\n/* --- buttons --- */\n.btn-lang {\n  border: 1px solid !important;\n  padding: 1px 3px;\n  border-radius: 3px;\n  color: var(--link-color);\n\n  &:focus {\n    box-shadow: none;\n  }\n}\n\n/* --- Effects classes --- */\n\n.loaded {\n  display: block !important;\n\n  @at-root .d-flex#{&} {\n    display: flex !important;\n  }\n}\n\n.unloaded {\n  display: none !important;\n}\n\n.visible {\n  visibility: visible !important;\n}\n\n.hidden {\n  visibility: hidden !important;\n}\n\n.flex-grow-1 {\n  flex-grow: 1 !important;\n}\n\n.btn-box-shadow {\n  box-shadow: var(--card-shadow);\n}\n\n/* overwrite bootstrap muted */\n.text-muted {\n  color: var(--text-muted-color) !important;\n}\n\n/* Overwrite bootstrap tooltip */\n.tooltip-inner {\n  font-size: 0.7rem;\n  max-width: 220px;\n  text-align: left;\n}\n\n/* Overwrite bootstrap outline button */\n.btn.btn-outline-primary {\n  &:not(.disabled):hover {\n    border-color: #007bff !important;\n  }\n}\n\n.disabled {\n  color: rgb(206, 196, 196);\n  pointer-events: auto;\n  cursor: not-allowed;\n}\n\n.hide-border-bottom {\n  border-bottom: none !important;\n}\n\n.input-focus {\n  box-shadow: none;\n  border-color: var(--input-focus-border-color) !important;\n  background: center !important;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;\n}\n\n.left {\n  float: left;\n  margin: 0.75rem 1rem 1rem 0;\n}\n\n.right {\n  float: right;\n  margin: 0.75rem 0 1rem 1rem;\n}\n\n/* --- Overriding --- */\n\n/* magnific-popup */\n\nfigure .mfp-title {\n  text-align: center;\n  padding-right: 0;\n  margin-top: 0.5rem;\n}\n\n.mfp-img {\n  transition: none;\n}\n\n/* mermaid */\n.mermaid {\n  text-align: center;\n}\n\n/* MathJax */\nmjx-container {\n  overflow-y: hidden;\n  min-width: auto !important;\n}\n\n/* --- sidebar layout --- */\n\n$sidebar-display: 'sidebar-display';\n$btn-border-width: 3px;\n$btn-mb: 0.5rem;\n\n#sidebar {\n  @include pl-pr(0);\n\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  overflow-y: auto;\n  width: $sidebar-width;\n  z-index: 99;\n  background: var(--sidebar-bg);\n  border-right: 1px solid var(--sidebar-border-color);\n\n  /* Hide scrollbar for Chrome, Safari and Opera */\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  /* Hide scrollbar for IE, Edge and Firefox */\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n\n  %sidebar-link-hover {\n    &:hover {\n      color: var(--sidebar-active-color);\n    }\n  }\n\n  a {\n    @extend %sidebar-links;\n  }\n\n  #avatar {\n    display: block;\n    width: 7rem;\n    height: 7rem;\n    overflow: hidden;\n    box-shadow: var(--avatar-border-color) 0 0 0 2px;\n    transform: translateZ(0); /* fixed the zoom in Safari */\n\n    img {\n      transition: transform 0.5s;\n\n      &:hover {\n        transform: scale(1.2);\n      }\n    }\n  }\n\n  .profile-wrapper {\n    @include mt-mb(0.5rem);\n    @extend %clickable-transition;\n\n    padding-left: 2.5rem;\n    padding-right: 1.25rem;\n    width: 100%;\n  }\n\n  .site-title {\n    font-family: inherit;\n    font-weight: 900;\n    font-size: 1.75rem;\n    line-height: 1.2;\n    letter-spacing: 0.25px;\n    margin-top: 1.25rem;\n    margin-bottom: 0.5rem;\n\n    a {\n      @extend %clickable-transition;\n      @extend %sidebar-link-hover;\n\n      color: var(--site-title-color);\n    }\n  }\n\n  .site-subtitle {\n    font-size: 95%;\n    color: var(--site-subtitle-color);\n    margin-top: 0.25rem;\n    word-spacing: 1px;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n\n  ul {\n    margin-bottom: 2rem;\n\n    li.nav-item {\n      opacity: 0.9;\n      width: 100%;\n      padding-left: 1.5rem;\n      padding-right: 1.5rem;\n\n      a.nav-link {\n        @include pt-pb(0.6rem);\n\n        display: flex;\n        align-items: center;\n        border-radius: 0.75rem;\n        font-weight: 600;\n\n        &:hover {\n          background-color: var(--sidebar-hover-bg);\n        }\n\n        i {\n          font-size: 95%;\n          opacity: 0.8;\n          margin-right: 1.5rem;\n        }\n\n        span {\n          font-size: 90%;\n          letter-spacing: 0.2px;\n        }\n      }\n\n      &.active {\n        .nav-link {\n          color: var(--sidebar-active-color);\n          background-color: var(--sidebar-hover-bg);\n\n          span {\n            opacity: 1;\n          }\n        }\n      }\n\n      &:not(:first-child) {\n        margin-top: 0.25rem;\n      }\n    }\n  }\n\n  .sidebar-bottom {\n    padding-left: 2rem;\n    padding-right: 1rem;\n    margin-bottom: 1.5rem;\n\n    $btn-size: 1.75rem;\n\n    %button {\n      width: $btn-size;\n      height: $btn-size;\n      margin-bottom: $btn-mb; // multi line gap\n      border-radius: 50%;\n      color: var(--sidebar-btn-color);\n      background-color: var(--sidebar-btn-bg);\n      text-align: center;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: var(--sidebar-border-color) 0 0 0 1px;\n\n      &:hover {\n        background-color: var(--sidebar-hover-bg);\n      }\n    }\n\n    a {\n      @extend %button;\n      @extend %sidebar-link-hover;\n      @extend %clickable-transition;\n\n      &:not(:last-child) {\n        margin-right: $sb-btn-gap;\n      }\n    }\n\n    i {\n      line-height: $btn-size;\n    }\n\n    .mode-toggle {\n      padding: 0;\n      border: 0;\n\n      @extend %button;\n      @extend %sidebar-links;\n      @extend %sidebar-link-hover;\n    }\n\n    .icon-border {\n      @extend %no-cursor;\n      @include ml-mr(calc(($sb-btn-gap - $btn-border-width) / 2));\n\n      background-color: var(--sidebar-btn-color);\n      content: '';\n      width: $btn-border-width;\n      height: $btn-border-width;\n      border-radius: 50%;\n      margin-bottom: $btn-mb;\n    }\n  } /* .sidebar-bottom */\n} /* #sidebar */\n\n@media (hover: hover) {\n  #sidebar ul > li:last-child::after {\n    transition: top 0.5s ease;\n  }\n\n  .nav-link {\n    transition: background-color 0.3s ease-in-out;\n  }\n\n  .post-preview {\n    transition: background-color 0.35s ease-in-out;\n  }\n}\n\n#search-result-wrapper {\n  display: none;\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n\n  .content {\n    margin-top: 2rem;\n  }\n}\n\n/* --- top-bar --- */\n\n#topbar-wrapper {\n  height: $topbar-height;\n  background-color: var(--topbar-bg);\n}\n\n#topbar {\n  button i {\n    color: #999999;\n  }\n\n  #breadcrumb {\n    font-size: 1rem;\n    color: var(--text-muted-color);\n    padding-left: 0.5rem;\n\n    a:hover {\n      @extend %link-hover;\n    }\n\n    span {\n      &:not(:last-child) {\n        &::after {\n          content: '›';\n          padding: 0 0.3rem;\n        }\n      }\n    }\n  }\n} /* #topbar */\n\n::-webkit-input-placeholder {\n  @include placeholder;\n}\n\n::-moz-placeholder {\n  @include placeholder;\n}\n\n:-ms-input-placeholder {\n  @include placeholder;\n}\n\n::-ms-input-placeholder {\n  @include placeholder;\n}\n\n::placeholder {\n  @include placeholder;\n}\n\n:focus::-webkit-input-placeholder {\n  @include placeholder-focus;\n}\n\n:focus::-moz-placeholder {\n  @include placeholder-focus;\n}\n\n:focus:-ms-input-placeholder {\n  @include placeholder-focus;\n}\n\n:focus::-ms-input-placeholder {\n  @include placeholder-focus;\n}\n\n:focus::placeholder {\n  @include placeholder-focus;\n}\n\nsearch {\n  display: flex;\n  width: 100%;\n  border-radius: 1rem;\n  border: 1px solid var(--search-border-color);\n  background: var(--main-bg);\n  padding: 0 0.5rem;\n\n  i {\n    z-index: 2;\n    font-size: 0.9rem;\n    color: var(--search-icon-color);\n  }\n}\n\n#sidebar-trigger,\n#search-trigger {\n  display: none;\n}\n\n/* 'Cancel' link */\n#search-cancel {\n  color: var(--link-color);\n  display: none;\n  white-space: nowrap;\n\n  @extend %cursor-pointer;\n}\n\n#search-input {\n  background: center;\n  border: 0;\n  border-radius: 0;\n  padding: 0.18rem 0.3rem;\n  color: var(--text-color);\n  height: auto;\n\n  &:focus {\n    box-shadow: none;\n  }\n}\n\n#search-hints {\n  padding: 0 1rem;\n\n  h4 {\n    margin-bottom: 1.5rem;\n  }\n\n  .post-tag {\n    display: inline-block;\n    line-height: 1rem;\n    font-size: 1rem;\n    background: var(--search-tag-bg);\n    border: none;\n    padding: 0.5rem;\n    margin: 0 1.25rem 1rem 0;\n\n    &::before {\n      content: '#';\n      color: var(--text-muted-color);\n      padding-right: 0.2rem;\n    }\n\n    @extend %link-color;\n  }\n}\n\n#search-results {\n  padding-bottom: 3rem;\n\n  a {\n    &:hover {\n      @extend %link-hover;\n    }\n\n    @extend %link-color;\n    @extend %no-bottom-border;\n    @extend %heading;\n\n    font-size: 1.4rem;\n    line-height: 2.5rem;\n  }\n\n  > article {\n    width: 100%;\n\n    &:not(:last-child) {\n      margin-bottom: 1rem;\n    }\n\n    /* icons */\n    i {\n      color: #818182;\n      margin-right: 0.15rem;\n      font-size: 80%;\n    }\n\n    > p {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 3;\n      -webkit-box-orient: vertical;\n    }\n  }\n} /* #search-results */\n\n#topbar-title {\n  display: none;\n  font-size: 1.1rem;\n  font-weight: 600;\n  font-family: sans-serif;\n  color: var(--topbar-text-color);\n  text-align: center;\n  width: 70%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  word-break: keep-all;\n  white-space: nowrap;\n}\n\n#mask {\n  display: none;\n  position: fixed;\n  inset: 0 0 0 0;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n\n  @at-root [#{$sidebar-display}] & {\n    display: block !important;\n  }\n}\n\n/* --- basic wrappers --- */\n\n#main-wrapper {\n  position: relative;\n\n  @include pl-pr(0);\n\n  > .container {\n    min-height: 100vh;\n  }\n}\n\n#topbar-wrapper.row,\n#main-wrapper > .container > .row,\n#search-result-wrapper > .row {\n  @include ml-mr(0);\n}\n\n#tail-wrapper {\n  > :not(script) {\n    margin-top: 3rem;\n  }\n}\n\n/* --- button back-to-top --- */\n\n#back-to-top {\n  display: none;\n  z-index: 1;\n  cursor: pointer;\n  position: fixed;\n  right: 1rem;\n  bottom: calc($footer-height-large - $back2top-size / 2);\n  background: var(--button-bg);\n  color: var(--btn-backtotop-color);\n  padding: 0;\n  width: $back2top-size;\n  height: $back2top-size;\n  border-radius: 50%;\n  border: 1px solid var(--btn-backtotop-border-color);\n  transition: transform 0.2s ease-out;\n  -webkit-transition: transform 0.2s ease-out;\n\n  &:hover {\n    transform: translate3d(0, -5px, 0);\n    -webkit-transform: translate3d(0, -5px, 0);\n  }\n\n  i {\n    line-height: $back2top-size;\n    position: relative;\n    bottom: 2px;\n  }\n}\n\n#notification {\n  @-webkit-keyframes popup {\n    from {\n      opacity: 0;\n      bottom: 0;\n    }\n  }\n\n  @keyframes popup {\n    from {\n      opacity: 0;\n      bottom: 0;\n    }\n  }\n\n  .toast-header {\n    background: none;\n    border-bottom: none;\n    color: inherit;\n  }\n\n  .toast-body {\n    font-family: Lato, sans-serif;\n    line-height: 1.25rem;\n\n    button {\n      font-size: 90%;\n      min-width: 4rem;\n    }\n  }\n\n  &.toast {\n    &.show {\n      display: block;\n      min-width: 20rem;\n      border-radius: 0.5rem;\n      -webkit-backdrop-filter: blur(10px);\n      backdrop-filter: blur(10px);\n      background-color: rgba(255, 255, 255, 0.5);\n      color: #1b1b1eba;\n      position: fixed;\n      left: 50%;\n      bottom: 20%;\n      transform: translateX(-50%);\n      -webkit-animation: popup 0.8s;\n      animation: popup 0.8s;\n    }\n  }\n}\n\n/*\n  Responsive Design:\n\n {sidebar, content, panel} >= 1200px screen width\n {sidebar, content} >= 850px screen width\n {content} <= 849px screen width\n\n*/\n\n@media all and (max-width: 576px) {\n  main {\n    .content {\n      > blockquote[class^='prompt-'] {\n        @include ml-mr(-1rem);\n\n        border-radius: 0;\n        max-width: none;\n      }\n    }\n  }\n\n  #avatar {\n    width: 5rem;\n    height: 5rem;\n  }\n}\n\n@media all and (max-width: 768px) {\n  %full-width {\n    max-width: 100%;\n  }\n\n  #topbar {\n    @extend %full-width;\n  }\n\n  #main-wrapper > .container {\n    @extend %full-width;\n    @include pl-pr(0);\n  }\n}\n\n/* hide sidebar and panel */\n@media all and (max-width: 849px) {\n  @mixin slide($append: null) {\n    $basic: transform 0.4s ease;\n\n    @if $append {\n      transition: $basic, $append;\n    } @else {\n      transition: $basic;\n    }\n  }\n\n  footer {\n    @include slide;\n\n    height: $footer-height-large;\n    padding: 1.5rem 0;\n  }\n\n  [#{$sidebar-display}] {\n    #sidebar {\n      transform: translateX(0);\n    }\n\n    #main-wrapper {\n      transform: translateX($sidebar-width);\n    }\n\n    #back-to-top {\n      visibility: hidden;\n    }\n  }\n\n  #sidebar {\n    @include slide;\n\n    transform: translateX(-$sidebar-width); /* hide */\n    -webkit-transform: translateX(-$sidebar-width);\n  }\n\n  #main-wrapper {\n    @include slide;\n  }\n\n  #topbar,\n  #main-wrapper > .container {\n    max-width: 100%;\n  }\n\n  #search-result-wrapper {\n    width: 100%;\n  }\n\n  #breadcrumb,\n  search {\n    display: none;\n  }\n\n  #topbar-wrapper {\n    @include slide(top 0.2s ease);\n\n    left: 0;\n  }\n\n  main,\n  #panel-wrapper {\n    margin-top: 0;\n  }\n\n  #topbar-title,\n  #sidebar-trigger,\n  #search-trigger {\n    display: block;\n  }\n\n  #search-result-wrapper .content {\n    letter-spacing: 0;\n  }\n\n  #tags {\n    justify-content: center !important;\n  }\n\n  h1.dynamic-title {\n    display: none;\n\n    ~ .content {\n      margin-top: 2.5rem;\n    }\n  }\n} /* max-width: 849px */\n\n/* Sidebar is visible */\n@media all and (min-width: 850px) {\n  /* Solved jumping scrollbar */\n  html {\n    overflow-y: scroll;\n  }\n\n  #main-wrapper {\n    margin-left: $sidebar-width;\n  }\n\n  #sidebar {\n    .profile-wrapper {\n      margin-top: 3rem;\n    }\n  }\n\n  #search-hints {\n    display: none;\n  }\n\n  search {\n    max-width: $search-max-width;\n  }\n\n  #search-result-wrapper {\n    max-width: $main-content-max-width;\n    justify-content: start !important;\n  }\n\n  main {\n    h1 {\n      margin-top: 3rem;\n    }\n  }\n\n  div.content .table-wrapper > table {\n    min-width: 70%;\n  }\n\n  /* button 'back-to-Top' position */\n  #back-to-top {\n    right: 5%;\n    bottom: calc($footer-height - $back2top-size / 2);\n  }\n\n  #topbar-title {\n    text-align: left;\n  }\n}\n\n/* Pad horizontal */\n@media all and (min-width: 992px) and (max-width: 1199px) {\n  #main-wrapper > .container .col-lg-11 {\n    flex: 0 0 96%;\n    max-width: 96%;\n  }\n}\n\n/* Compact icons in sidebar & panel hidden */\n@media all and (min-width: 850px) and (max-width: 1199px) {\n  #search-results > div {\n    max-width: 700px;\n  }\n\n  #breadcrumb {\n    width: 65%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    word-break: keep-all;\n    white-space: nowrap;\n  }\n}\n\n/* panel hidden */\n@media all and (max-width: 1199px) {\n  #panel-wrapper {\n    display: none;\n  }\n\n  #main-wrapper > .container > div.row {\n    justify-content: center !important;\n  }\n}\n\n/* --- desktop mode, both sidebar and panel are visible --- */\n\n@media all and (min-width: 1200px) {\n  search {\n    margin-right: 4rem;\n  }\n\n  #search-input {\n    transition: all 0.3s ease-in-out;\n  }\n\n  #search-results > article {\n    width: 45%;\n\n    &:nth-child(odd) {\n      margin-right: 1.5rem;\n    }\n\n    &:nth-child(even) {\n      margin-left: 1.5rem;\n    }\n\n    &:last-child:nth-child(odd) {\n      position: relative;\n      right: 24.3%;\n    }\n  }\n\n  .content {\n    font-size: 1.03rem;\n  }\n}\n\n@media all and (min-width: 1400px) {\n  #back-to-top {\n    right: calc((100vw - $sidebar-width - 1140px) / 2 + 3rem);\n  }\n}\n\n@media all and (min-width: 1650px) {\n  $icon-gap: 1rem;\n\n  #main-wrapper {\n    margin-left: $sidebar-width-large;\n  }\n\n  #topbar-wrapper {\n    left: $sidebar-width-large;\n  }\n\n  search {\n    margin-right: calc(\n      $main-content-max-width / 4 - $search-max-width - 0.75rem\n    );\n  }\n\n  #main-wrapper > .container {\n    max-width: $main-content-max-width;\n    padding-left: 1.75rem !important;\n    padding-right: 1.75rem !important;\n  }\n\n  main.col-12,\n  #tail-wrapper {\n    padding-right: 4.5rem !important;\n  }\n\n  #back-to-top {\n    right: calc(\n      (100vw - $sidebar-width-large - $main-content-max-width) / 2 + 2rem\n    );\n  }\n\n  #sidebar {\n    width: $sidebar-width-large;\n\n    .profile-wrapper {\n      margin-top: 3.5rem;\n      margin-bottom: 2.5rem;\n      padding-left: 3.5rem;\n    }\n\n    ul {\n      li.nav-item {\n        @include pl-pr(2.75rem);\n      }\n    }\n\n    .sidebar-bottom {\n      padding-left: 2.75rem;\n      margin-bottom: 1.75rem;\n\n      a:not(:last-child) {\n        margin-right: $sb-btn-gap-lg;\n      }\n\n      .icon-border {\n        @include ml-mr(calc(($sb-btn-gap-lg - $btn-border-width) / 2));\n      }\n    }\n  }\n} /* min-width: 1650px */\n","/*\n * The syntax light mode typography colors\n */\n\n@mixin light-scheme {\n  /* Framework color */\n  --main-bg: white;\n  --mask-bg: #c1c3c5;\n  --main-border-color: #f3f3f3;\n\n  /* Common color */\n  --text-color: #34343c;\n  --text-muted-color: #757575;\n  --text-muted-hightlight-color: inherit;\n  --heading-color: #2a2a2a;\n  --label-color: #585858;\n  --blockquote-border-color: #eeeeee;\n  --blockquote-text-color: #757575;\n  --link-color: #0056b2;\n  --link-underline-color: #dee2e6;\n  --button-bg: #ffffff;\n  --btn-border-color: #e9ecef;\n  --btn-backtotop-color: #686868;\n  --btn-backtotop-border-color: #f1f1f1;\n  --btn-box-shadow: #eaeaea;\n  --checkbox-color: #c5c5c5;\n  --checkbox-checked-color: #07a8f7;\n  --img-bg: radial-gradient(\n    circle,\n    rgb(255, 255, 255) 0%,\n    rgb(239, 239, 239) 100%\n  );\n  --shimmer-bg: linear-gradient(\n    90deg,\n    rgba(250, 250, 250, 0) 0%,\n    rgba(232, 230, 230, 1) 50%,\n    rgba(250, 250, 250, 0) 100%\n  );\n\n  /* Sidebar */\n  --site-title-color: rgb(113, 113, 113);\n  --site-subtitle-color: #717171;\n  --sidebar-bg: #f6f8fa;\n  --sidebar-border-color: #efefef;\n  --sidebar-muted-color: #545454;\n  --sidebar-active-color: #1d1d1d;\n  --sidebar-hover-bg: rgb(223, 233, 241, 0.64);\n  --sidebar-btn-bg: white;\n  --sidebar-btn-color: #8e8e8e;\n  --avatar-border-color: white;\n\n  /* Topbar */\n  --topbar-bg: rgb(255, 255, 255, 0.7);\n  --topbar-text-color: rgb(78, 78, 78);\n  --search-border-color: rgb(240, 240, 240);\n  --search-icon-color: #c2c6cc;\n  --input-focus-border-color: #b8b8b8;\n\n  /* Home page */\n  --post-list-text-color: dimgray;\n  --btn-patinator-text-color: #555555;\n  --btn-paginator-hover-color: var(--sidebar-bg);\n\n  /* Posts */\n  --toc-highlight: #0550ae;\n  --btn-share-color: gray;\n  --btn-share-hover-color: #0d6efd;\n  --card-bg: white;\n  --card-hovor-bg: #e2e2e2;\n  --card-shadow: rgb(104, 104, 104, 0.05) 0 2px 6px 0,\n    rgba(211, 209, 209, 0.15) 0 0 0 1px;\n  --footnote-target-bg: lightcyan;\n  --tb-odd-bg: #fbfcfd;\n  --tb-border-color: #eaeaea;\n  --dash-color: silver;\n  --kbd-wrap-color: #bdbdbd;\n  --kbd-text-color: var(--text-color);\n  --kbd-bg-color: white;\n  --prompt-text-color: rgb(46, 46, 46, 0.77);\n  --prompt-tip-bg: rgb(123, 247, 144, 0.2);\n  --prompt-tip-icon-color: #03b303;\n  --prompt-info-bg: #e1f5fe;\n  --prompt-info-icon-color: #0070cb;\n  --prompt-warning-bg: rgb(255, 243, 205);\n  --prompt-warning-icon-color: #ef9c03;\n  --prompt-danger-bg: rgb(248, 215, 218, 0.56);\n  --prompt-danger-icon-color: #df3c30;\n\n  /* Tags */\n  --tag-border: #dee2e6;\n  --tag-shadow: var(--btn-border-color);\n  --tag-hover: rgb(222, 226, 230);\n  --search-tag-bg: #f8f9fa;\n\n  [class^='prompt-'] {\n    --link-underline-color: rgb(219, 216, 216);\n  }\n\n  .dark {\n    display: none;\n  }\n\n  /* Categories */\n  --categories-border: rgba(0, 0, 0, 0.125);\n  --categories-hover-bg: var(--btn-border-color);\n  --categories-icon-hover-color: darkslategray;\n\n  /* Archive */\n  --timeline-color: rgba(0, 0, 0, 0.075);\n  --timeline-node-bg: #c2c6cc;\n  --timeline-year-dot-color: #ffffff;\n} /* light-scheme */\n","/*\n * The main dark mode styles\n */\n\n@mixin dark-scheme {\n  /* Framework color */\n  --main-bg: rgb(27, 27, 30);\n  --mask-bg: rgb(68, 69, 70);\n  --main-border-color: rgb(44, 45, 45);\n\n  /* Common color */\n  --text-color: rgb(175, 176, 177);\n  --text-muted-color: #868686;\n  --text-muted-hightlight-color: #aeaeae;\n  --heading-color: #cccccc;\n  --label-color: #a7a7a7;\n  --blockquote-border-color: rgb(66, 66, 66);\n  --blockquote-text-color: #868686;\n  --link-color: rgb(138, 180, 248);\n  --link-underline-color: rgb(82, 108, 150);\n  --button-bg: #1e1e1e;\n  --btn-border-color: #2e2f31;\n  --btn-backtotop-color: var(--text-color);\n  --btn-backtotop-border-color: #212122;\n  --btn-box-shadow: var(--main-bg);\n  --card-header-bg: #292929;\n  --checkbox-color: rgb(118, 120, 121);\n  --checkbox-checked-color: var(--link-color);\n  --img-bg: radial-gradient(circle, rgb(22, 22, 24) 0%, rgb(32, 32, 32) 100%);\n  --shimmer-bg: linear-gradient(\n    90deg,\n    rgba(255, 255, 255, 0) 0%,\n    rgba(58, 55, 55, 0.4) 50%,\n    rgba(255, 255, 255, 0) 100%\n  );\n\n  /* Sidebar */\n  --site-title-color: #717070;\n  --site-subtitle-color: #868686;\n  --sidebar-bg: #1e1e1e;\n  --sidebar-border-color: #292929;\n  --sidebar-muted-color: #868686;\n  --sidebar-active-color: rgb(255, 255, 255, 0.95);\n  --sidebar-hover-bg: #262626;\n  --sidebar-btn-bg: #232328;\n  --sidebar-btn-color: #787878;\n  --avatar-border-color: rgb(206, 206, 206, 0.9);\n\n  /* Topbar */\n  --topbar-bg: rgb(27, 27, 30, 0.64);\n  --topbar-text-color: var(--text-color);\n  --search-border-color: rgb(55, 55, 55);\n  --search-icon-color: rgb(100, 102, 105);\n  --input-focus-border-color: rgb(112, 114, 115);\n\n  /* Home page */\n  --post-list-text-color: rgb(175, 176, 177);\n  --btn-patinator-text-color: var(--text-color);\n  --btn-paginator-hover-color: #2e2e2e;\n\n  /* Posts */\n  --toc-highlight: rgb(116, 178, 243);\n  --tag-hover: rgb(43, 56, 62);\n  --tb-odd-bg: #252526; /* odd rows of the posts' table */\n  --tb-even-bg: rgb(31, 31, 34); /* even rows of the posts' table */\n  --tb-border-color: var(--tb-odd-bg);\n  --footnote-target-bg: rgb(63, 81, 181);\n  --btn-share-color: #6c757d;\n  --btn-share-hover-color: #bfc1ca;\n  --card-bg: #1e1e1e;\n  --card-hovor-bg: #464d51;\n  --card-shadow: rgb(21, 21, 21, 0.72) 0 6px 18px 0,\n    rgb(137, 135, 135, 0.24) 0 0 0 1px;\n  --kbd-wrap-color: #6a6a6a;\n  --kbd-text-color: #d3d3d3;\n  --kbd-bg-color: #242424;\n  --prompt-text-color: rgb(216, 212, 212, 0.75);\n  --prompt-tip-bg: rgb(22, 60, 36, 0.64);\n  --prompt-tip-icon-color: rgb(15, 164, 15, 0.81);\n  --prompt-info-bg: rgb(7, 59, 104, 0.8);\n  --prompt-info-icon-color: #0075d1;\n  --prompt-warning-bg: rgb(90, 69, 3, 0.88);\n  --prompt-warning-icon-color: rgb(255, 165, 0, 0.8);\n  --prompt-danger-bg: rgb(86, 28, 8, 0.8);\n  --prompt-danger-icon-color: #cd0202;\n\n  /* tags */\n  --tag-border: rgb(59, 79, 88);\n  --tag-shadow: rgb(32, 33, 33);\n  --dash-color: rgb(63, 65, 68);\n  --search-tag-bg: #292828;\n\n  /* categories */\n  --categories-border: rgb(64, 66, 69, 0.5);\n  --categories-hover-bg: rgb(73, 75, 76);\n  --categories-icon-hover-color: white;\n\n  /* archives */\n  --timeline-node-bg: rgb(150, 152, 156);\n  --timeline-color: rgb(63, 65, 68);\n  --timeline-year-dot-color: var(--timeline-color);\n\n  .light {\n    display: none;\n  }\n\n  hr {\n    border-color: var(--main-border-color);\n  }\n\n  /* categories */\n  .categories.card,\n  .list-group-item {\n    background-color: var(--card-bg);\n  }\n\n  .categories {\n    .card-header {\n      background-color: var(--card-header-bg);\n    }\n\n    .list-group-item {\n      border-left: none;\n      border-right: none;\n      padding-left: 2rem;\n      border-color: var(--categories-border);\n\n      &:last-child {\n        border-bottom-color: var(--card-bg);\n      }\n    }\n  }\n\n  #archives li:nth-child(odd) {\n    background-image: linear-gradient(\n      to left,\n      rgb(26, 26, 30),\n      rgb(39, 39, 45),\n      rgb(39, 39, 45),\n      rgb(39, 39, 45),\n      rgb(26, 26, 30)\n    );\n  }\n\n  color-scheme: dark;\n\n  /* stylelint-disable-next-line selector-id-pattern */\n  #disqus_thread {\n    color-scheme: none;\n  }\n} /* dark-scheme */\n","/*\n  Style for Homepage\n*/\n\n#post-list {\n  margin-top: 2rem;\n\n  .card-wrapper {\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 1.25rem;\n    }\n  }\n\n  .card {\n    border: 0;\n    background: none;\n\n    %img-radius {\n      border-radius: $base-radius $base-radius 0 0;\n    }\n\n    .preview-img {\n      @extend %img-radius;\n\n      img {\n        @extend %img-radius;\n      }\n    }\n\n    .card-body {\n      height: 100%;\n      padding: 1rem;\n\n      .card-title {\n        @extend %text-clip;\n\n        color: var(--heading-color) !important;\n        font-size: 1.25rem;\n      }\n\n      %muted {\n        color: var(--text-muted-color) !important;\n      }\n\n      .card-text.content {\n        @extend %muted;\n\n        p {\n          @extend %text-clip;\n\n          line-height: 1.5;\n          margin: 0;\n        }\n      }\n\n      .post-meta {\n        @extend %muted;\n\n        i {\n          &:not(:first-child) {\n            margin-left: 1.5rem;\n          }\n        }\n\n        em {\n          @extend %normal-font-style;\n\n          color: inherit;\n        }\n\n        > div:first-child {\n          display: block;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n} /* #post-list */\n\n.pagination {\n  color: var(--text-color);\n  font-family: Lato, sans-serif;\n  justify-content: space-evenly;\n\n  a:hover {\n    text-decoration: none;\n  }\n\n  .page-item {\n    .page-link {\n      color: var(--btn-patinator-text-color);\n      padding: 0 0.6rem;\n      display: -webkit-box;\n      -webkit-box-pack: center;\n      -webkit-box-align: center;\n      border-radius: 0.5rem;\n      border: 0;\n      background-color: inherit;\n    }\n\n    &.active {\n      .page-link {\n        background-color: var(--btn-paginator-hover-color);\n      }\n    }\n\n    &:not(.active) {\n      .page-link {\n        &:hover {\n          box-shadow: inset var(--btn-border-color) 0 0 0 1px;\n        }\n      }\n    }\n\n    &.disabled {\n      cursor: not-allowed;\n\n      .page-link {\n        color: rgba(108, 117, 125, 0.57);\n      }\n    }\n  } /* .page-item */\n} /* .pagination */\n\n/* Tablet */\n@media all and (min-width: 768px) {\n  %img-radius {\n    border-radius: 0 $base-radius $base-radius 0;\n  }\n\n  #post-list {\n    .card {\n      .card-body {\n        padding: 1.75rem 1.75rem 1.25rem 1.75rem;\n\n        .card-text {\n          display: inherit !important;\n        }\n\n        .post-meta {\n          i {\n            &:not(:first-child) {\n              margin-left: 1.75rem;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n/* Hide SideBar and TOC */\n@media all and (max-width: 830px) {\n  .pagination {\n    .page-item {\n      &:not(:first-child):not(:last-child) {\n        display: none;\n      }\n    }\n  }\n}\n\n/* Sidebar is visible */\n@media all and (min-width: 831px) {\n  #post-list {\n    margin-top: 2.5rem;\n  }\n\n  .pagination {\n    font-size: 0.85rem;\n    justify-content: center;\n\n    .page-item {\n      &:not(:last-child) {\n        margin-right: 0.7rem;\n      }\n    }\n\n    .page-index {\n      display: none;\n    }\n  } /* .pagination */\n}\n","/*\n  Post-specific style\n*/\n\n%btn-post-nav {\n  width: 50%;\n  position: relative;\n  border-color: var(--btn-border-color);\n}\n\n@mixin dot($pl: 0.25rem, $pr: 0.25rem) {\n  content: '\\2022';\n  padding-left: $pl;\n  padding-right: $pr;\n}\n\nh1 + .post-meta {\n  > span + span::before {\n    @include dot;\n  }\n\n  em,\n  time {\n    @extend %text-highlight;\n  }\n\n  em {\n    a {\n      color: inherit;\n    }\n  }\n}\n\n.post-tail-wrapper {\n  @extend %text-sm;\n\n  margin-top: 6rem;\n  border-bottom: 1px double var(--main-border-color);\n\n  .license-wrapper {\n    line-height: 1.2rem;\n\n    > a {\n      @extend %text-highlight;\n\n      &:hover {\n        @extend %link-hover;\n      }\n    }\n\n    span:last-child {\n      @extend %text-sm;\n    }\n  } /* .license-wrapper */\n\n  .post-meta a:not(:hover) {\n    @extend %link-underline;\n  }\n\n  .share-wrapper {\n    vertical-align: middle;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n\n    %icon-size {\n      font-size: 1.125rem;\n    }\n\n    .share-icons {\n      display: flex;\n\n      i {\n        color: var(--btn-share-color);\n\n        @extend %icon-size;\n      }\n\n      > * {\n        @extend %icon-size;\n\n        margin-left: 0.5rem;\n\n        &:hover {\n          i {\n            @extend %btn-share-hovor;\n          }\n        }\n      }\n\n      button {\n        padding: 0;\n        border: none;\n        line-height: inherit;\n\n        @extend %cursor-pointer;\n      }\n    } /* .share-icons */\n  } /* .share-wrapper */\n}\n\n.share-mastodon {\n  /* See: https://github.com/justinribeiro/share-to-mastodon#properties */\n  --wc-stm-font-family: $font-family-base;\n  --wc-stm-dialog-background-color: var(--card-bg);\n  --wc-stm-form-button-border: 1px solid var(--btn-border-color);\n  --wc-stm-form-submit-background-color: var(--sidebar-btn-bg);\n  --wc-stm-form-cancel-background-color: var(--sidebar-btn-bg);\n  --wc-stm-form-button-background-color-hover: #007bff;\n  --wc-stm-form-button-color-hover: white;\n\n  font-size: 1rem;\n}\n\n.post-tags {\n  line-height: 2rem;\n\n  .post-tag {\n    &:hover {\n      @extend %link-hover;\n      @extend %tag-hover;\n      @extend %no-bottom-border;\n    }\n  }\n}\n\n.post-navigation {\n  .btn {\n    @extend %btn-post-nav;\n\n    &:not(:hover) {\n      color: var(--link-color);\n    }\n\n    &:hover {\n      &:not(.disabled)::before {\n        color: whitesmoke;\n      }\n    }\n\n    &.disabled {\n      @extend %btn-post-nav;\n\n      pointer-events: auto;\n      cursor: not-allowed;\n      background: none;\n      color: gray;\n    }\n\n    &.btn-outline-primary.disabled:focus {\n      box-shadow: none;\n    }\n\n    &::before {\n      color: var(--text-muted-color);\n      font-size: 0.65rem;\n      text-transform: uppercase;\n      content: attr(aria-label);\n    }\n\n    &:first-child {\n      border-radius: $base-radius 0 0 $base-radius;\n      left: 0.5px;\n    }\n\n    &:last-child {\n      border-radius: 0 $base-radius $base-radius 0;\n      right: 0.5px;\n    }\n  }\n\n  p {\n    font-size: 1.1rem;\n    line-height: 1.5rem;\n    margin-top: 0.3rem;\n    white-space: normal;\n  }\n} /* .post-navigation */\n\n@media (hover: hover) {\n  .post-navigation {\n    .btn,\n    .btn::before {\n      transition: all 0.35s ease-in-out;\n    }\n  }\n}\n\n@-webkit-keyframes fade-up {\n  from {\n    opacity: 0;\n    position: relative;\n    top: 2rem;\n  }\n\n  to {\n    opacity: 1;\n    position: relative;\n    top: 0;\n  }\n}\n\n@keyframes fade-up {\n  from {\n    opacity: 0;\n    position: relative;\n    top: 2rem;\n  }\n\n  to {\n    opacity: 1;\n    position: relative;\n    top: 0;\n  }\n}\n\n#toc-wrapper {\n  border-left: 1px solid rgba(158, 158, 158, 0.17);\n  position: -webkit-sticky;\n  position: sticky;\n  top: 4rem;\n  transition: top 0.2s ease-in-out;\n  -webkit-animation: fade-up 0.8s;\n  animation: fade-up 0.8s;\n\n  ul {\n    list-style: none;\n    font-size: 0.85rem;\n    line-height: 1.25;\n    padding-left: 0;\n\n    li {\n      &:not(:last-child) {\n        margin: 0.4rem 0;\n      }\n\n      a {\n        padding: 0.2rem 0 0.2rem 1.25rem;\n      }\n    }\n\n    /* Overwrite TOC plugin style */\n\n    .toc-link {\n      display: block;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      &:hover {\n        color: var(--toc-highlight);\n        text-decoration: none;\n      }\n\n      &::before {\n        display: none;\n      }\n    }\n\n    .is-active-link {\n      color: var(--toc-highlight) !important;\n      font-weight: 600;\n\n      &::before {\n        display: inline-block;\n        width: 1px;\n        left: -1px;\n        height: 1.25rem;\n        background-color: var(--toc-highlight) !important;\n      }\n    }\n\n    ul {\n      padding-left: 0.75rem;\n    }\n  }\n}\n\n/* --- Related Posts --- */\n\n#related-posts {\n  > h3 {\n    @include label(1.1rem, 600);\n  }\n\n  time {\n    @extend %normal-font-style;\n    @extend %text-xs;\n\n    color: var(--text-muted-color);\n  }\n\n  p {\n    font-size: 0.9rem;\n    margin-bottom: 0.5rem;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n  }\n\n  .card {\n    h4 {\n      @extend %text-clip;\n    }\n  }\n}\n\n/* stylelint-disable-next-line selector-id-pattern */\n#disqus_thread {\n  min-height: 8.5rem;\n}\n\n.utterances {\n  max-width: 100%;\n}\n\n%btn-share-hovor {\n  color: var(--btn-share-hover-color) !important;\n}\n\n.share-label {\n  @include label(inherit, 400, inherit);\n\n  &::after {\n    content: ':';\n  }\n}\n\n@media all and (max-width: 576px) {\n  .post-tail-bottom {\n    flex-wrap: wrap-reverse !important;\n\n    > div:first-child {\n      width: 100%;\n      margin-top: 1rem;\n    }\n  }\n}\n\n@media all and (max-width: 768px) {\n  .content > p > img {\n    max-width: calc(100% + 1rem);\n  }\n}\n\n/* Hide SideBar and TOC */\n@media all and (max-width: 849px) {\n  .post-navigation {\n    padding-left: 0;\n    padding-right: 0;\n    margin-left: -0.5rem;\n    margin-right: -0.5rem;\n  }\n}\n","/*\n  Styles for Tab Tags\n*/\n\n.tag {\n  border-radius: 0.7em;\n  padding: 6px 8px 7px;\n  margin-right: 0.8rem;\n  line-height: 3rem;\n  letter-spacing: 0;\n  border: 1px solid var(--tag-border) !important;\n  box-shadow: 0 0 3px 0 var(--tag-shadow);\n\n  span {\n    margin-left: 0.6em;\n    font-size: 0.7em;\n    font-family: Oswald, sans-serif;\n  }\n}\n","/*\n  Style for Archives\n*/\n\n#archives {\n  letter-spacing: 0.03rem;\n\n  $timeline-width: 4px;\n\n  %timeline {\n    content: '';\n    width: $timeline-width;\n    position: relative;\n    float: left;\n    background-color: var(--timeline-color);\n  }\n\n  .year {\n    height: 3.5rem;\n    font-size: 1.5rem;\n    position: relative;\n    left: 2px;\n    margin-left: -$timeline-width;\n\n    &::before {\n      @extend %timeline;\n\n      height: 72px;\n      left: 79px;\n      bottom: 16px;\n    }\n\n    &:first-child::before {\n      @extend %timeline;\n\n      height: 32px;\n      top: 24px;\n    }\n\n    /* Year dot */\n    &::after {\n      content: '';\n      display: inline-block;\n      position: relative;\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      left: 21.5px;\n      border: 3px solid;\n      background-color: var(--timeline-year-dot-color);\n      border-color: var(--timeline-node-bg);\n      box-shadow: 0 0 2px 0 #c2c6cc;\n      z-index: 1;\n    }\n  }\n\n  ul {\n    li {\n      font-size: 1.1rem;\n      line-height: 3rem;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      &:nth-child(odd) {\n        background-color: var(--main-bg, #ffffff);\n        background-image: linear-gradient(\n          to left,\n          #ffffff,\n          #fbfbfb,\n          #fbfbfb,\n          #fbfbfb,\n          #ffffff\n        );\n      }\n\n      &::before {\n        @extend %timeline;\n\n        top: 0;\n        left: 77px;\n        height: 3.1rem;\n      }\n    }\n\n    &:last-child li:last-child::before {\n      height: 1.5rem;\n    }\n  } /* #archives ul */\n\n  .date {\n    white-space: nowrap;\n    display: inline-block;\n    position: relative;\n    right: 0.5rem;\n\n    &.month {\n      width: 1.4rem;\n      text-align: center;\n    }\n\n    &.day {\n      font-size: 85%;\n      font-family: Lato, sans-serif;\n    }\n  }\n\n  a {\n    /* post title in Archvies */\n    margin-left: 2.5rem;\n    position: relative;\n    top: 0.1rem;\n\n    &:hover {\n      border-bottom: none;\n    }\n\n    &::before {\n      /* the dot before post title */\n      content: '';\n      display: inline-block;\n      position: relative;\n      border-radius: 50%;\n      width: 8px;\n      height: 8px;\n      float: left;\n      top: 1.35rem;\n      left: 71px;\n      background-color: var(--timeline-node-bg);\n      box-shadow: 0 0 3px 0 #c2c6cc;\n      z-index: 1;\n    }\n  }\n} /* #archives */\n\n@media all and (max-width: 576px) {\n  #archives {\n    margin-top: -1rem;\n\n    ul {\n      letter-spacing: 0;\n    }\n  }\n}\n","/*\n  Style for Tab Categories\n*/\n\n%category-icon-color {\n  color: gray;\n}\n\n.categories {\n  margin-bottom: 2rem;\n  border-color: var(--categories-border);\n\n  &.card,\n  .list-group {\n    @extend %rounded;\n  }\n\n  .card-header {\n    $radius: calc($base-radius - 1px);\n\n    padding: 0.75rem;\n    border-radius: $radius;\n    border-bottom: 0;\n\n    &.hide-border-bottom {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n\n  i {\n    @extend %category-icon-color;\n\n    font-size: 86%; /* fontawesome icons */\n  }\n\n  .list-group-item {\n    border-left: none;\n    border-right: none;\n    padding-left: 2rem;\n\n    &:first-child {\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n    }\n\n    &:last-child {\n      border-bottom: 0;\n    }\n  }\n} /* .categories */\n\n.category-trigger {\n  width: 1.7rem;\n  height: 1.7rem;\n  border-radius: 50%;\n  text-align: center;\n  color: #6c757d !important;\n\n  i {\n    position: relative;\n    height: 0.7rem;\n    width: 1rem;\n    transition: transform 300ms ease;\n  }\n\n  &:hover {\n    i {\n      color: var(--categories-icon-hover-color);\n    }\n  }\n}\n\n/* only works on desktop */\n@media (hover: hover) {\n  .category-trigger:hover {\n    background-color: var(--categories-hover-bg);\n  }\n}\n\n.rotate {\n  transform: rotate(-90deg);\n}\n","/*\n  Style for page Category and Tag\n*/\n\n.dash {\n  margin: 0 0.5rem 0.6rem 0.5rem;\n  border-bottom: 2px dotted var(--dash-color);\n}\n\n#page-category,\n#page-tag {\n  ul > li {\n    line-height: 1.5rem;\n    padding: 0.6rem 0;\n\n    /* dot */\n    &::before {\n      background: #999999;\n      width: 5px;\n      height: 5px;\n      border-radius: 50%;\n      display: block;\n      content: '';\n      position: relative;\n      top: 0.6rem;\n      margin-right: 0.5rem;\n    }\n\n    /* post's title */\n    > a {\n      @extend %no-bottom-border;\n\n      font-size: 1.1rem;\n    }\n  }\n}\n\n/* tag icon */\n#page-tag h1 > i {\n  font-size: 1.2rem;\n}\n\n#page-category h1 > i {\n  font-size: 1.25rem;\n}\n\n#page-category,\n#page-tag,\n#access-lastmod {\n  a:hover {\n    @extend %link-hover;\n\n    margin-bottom: -1px; /* Avoid jumping */\n  }\n}\n\n@media all and (max-width: 576px) {\n  #page-category,\n  #page-tag {\n    ul > li {\n      &::before {\n        margin: 0 0.5rem;\n      }\n\n      > a {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n}\n"],"file":"jekyll-theme-chirpy.css"}