2025-2-26-fixed

themes/fluid/source/css/_pages/_about/about.styl

@@ -0,0 +1,32 @@
+.about-avatar
+  position relative
+  margin -8rem auto 1rem
+  width 10rem
+  height 10rem
+  z-index 3
+
+  img
+    width 100%
+    height 100%
+    border-radius 50%
+    background-color transparent
+    object-fit cover
+    box-shadow 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
+
+.about-info
+  & > div
+    margin-bottom .5rem
+
+.about-name
+  font-size 1.75rem
+  font-weight bold
+
+.about-intro
+  font-size 1rem
+
+.about-icons
+  & > a:not(:last-child)
+    margin-right .5rem
+
+  & > a > i
+    font-size 1.5rem

themes/fluid/source/css/_pages/_archive/archive.styl

@@ -0,0 +1,31 @@
+.list-group
+  a ~ p.h5
+    margin-top 1rem
+
+.list-group-item
+  display flex
+  background-color transparent
+  border 0
+
+  time
+    flex 0 0 5rem
+
+  .list-group-item-title
+    white-space nowrap
+    overflow hidden
+    text-overflow ellipsis
+
+@media (max-width: 575px)
+  .list-group-item
+    font-size .95rem
+    padding 0.5rem 0.75rem
+
+    time
+      flex 0 0 4rem
+
+.list-group-item-action
+  color var(--text-color)
+
+  &:focus, &:hover
+    color var(--link-hover-color)
+    background-color var(--link-hover-bg-color)

themes/fluid/source/css/_pages/_base/_widget/anchorjs.styl

@@ -0,0 +1,8 @@
+// Rewrite anchorjs
+.anchorjs-link
+  text-decoration none !important
+  transition opacity .2s ease-in-out
+
+.markdown-body h1, h2, h3, h4, h5, h6
+  &:hover > .anchorjs-link
+    opacity 1

themes/fluid/source/css/_pages/_base/_widget/banner.styl

@@ -0,0 +1,29 @@
+.banner
+  height 100%
+  position relative
+  overflow hidden
+  cursor default
+
+  .mask
+    position absolute
+    width 100%
+    height 100%
+    background-color rgba(0, 0, 0, 0.3)
+
+  &[parallax="true"]
+    will-change transform
+    -webkit-transform-style preserve-3d
+    -webkit-backface-visibility hidden
+    transition transform .05s ease-out
+
+if $banner-width-height-ratio > 0
+  @media (max-width: unit($banner-width-height-ratio * 100, "vh"))
+    .header-inner
+      max-height unit(100 / $banner-width-height-ratio, "vw")
+
+    #board
+      margin-top -1rem !important
+
+  @media (max-width: unit($scroll-arrow-height-limit - 0.01, "vh"))
+    .scroll-down-bar
+      display none

themes/fluid/source/css/_pages/_base/_widget/board.styl

@@ -0,0 +1,10 @@
+#board
+  position relative
+  margin-top -2rem
+  padding 3rem 0
+  background-color var(--board-bg-color)
+  transition background-color .2s ease-in-out
+  border-radius 0.5rem
+  z-index 3
+  -webkit-box-shadow 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)
+  box-shadow 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)

themes/fluid/source/css/_pages/_base/_widget/code-widget.styl

@@ -0,0 +1,36 @@
+.code-widget
+  display inline-block
+  background-color transparent
+  font-size .75rem
+  line-height 1
+  font-weight bold
+  padding .3rem .1rem .1rem .1rem
+  position absolute
+  right .45rem
+  top .15rem
+  z-index 1
+
+.code-widget-light
+  color #999
+
+.code-widget-dark
+  color #bababa
+
+.copy-btn
+  cursor pointer
+  user-select none
+  -webkit-appearance none
+  outline none
+
+  & > i
+    font-size .75rem !important
+    font-weight 400
+    margin-right .15rem
+    opacity 0
+    transition opacity .2s ease-in-out
+
+.markdown-body pre:hover > .copy-btn > i
+  opacity 0.9
+
+.markdown-body pre:hover > .copy-btn, .markdown-body pre:not(:hover) > .copy-btn
+  outline none

themes/fluid/source/css/_pages/_base/_widget/copyright.styl

@@ -0,0 +1,90 @@
+// Modified from [hexo-theme-icarus](https://github.com/ppoffice/hexo-theme-icarus)
+
+.license-box
+  background-color rgba(#1b1f23, .05)
+  transition background-color .2s ease-in-out
+  border-radius 4px
+  font-size .9rem
+  overflow hidden
+  padding 1.25rem
+  position relative
+  z-index 1
+
+  .license-icon
+    position absolute
+    top 50%
+    left 100%
+
+    &::after
+      content "\e8e4"
+      font-size 12.5rem
+      line-height 1
+      opacity 0.1
+      position relative
+      left -.85em
+      bottom .5em
+      z-index -1
+
+  .license-title
+    margin-bottom 1rem
+
+    div:nth-child(1)
+      line-height 1.2
+      margin-bottom .25rem
+
+    div:nth-child(2)
+      color var(--sec-text-color)
+      font-size .8rem
+
+  .license-meta
+    align-items center
+    display flex
+    flex-wrap wrap
+    justify-content flex-start
+
+    .license-meta-item
+      align-items center
+      justify-content center
+      margin-right 1.5rem
+
+      div:nth-child(1)
+        color var(--sec-text-color)
+        font-size .8rem
+        font-weight normal
+
+      i.iconfont
+        font-size 1rem
+
+  @media (max-width: 575px) and (min-width: 425px)
+    .license-meta
+
+      .license-meta-item
+        display flex
+        justify-content flex-start
+        flex-wrap wrap
+        font-size .8rem
+        flex 0 0 50%
+        max-width 50%
+        margin-right 0
+
+        div:nth-child(1)
+          margin-right .5rem
+
+      .license-meta-date
+        order -1
+
+  @media (max-width: 424px)
+    &::after
+      top -65px
+
+    .license-meta
+      flex-direction column
+      align-items flex-start
+
+      .license-meta-item
+        display flex
+        flex-wrap wrap
+        font-size .8rem
+
+        div:nth-child(1)
+          margin-right .5rem

themes/fluid/source/css/_pages/_base/_widget/footer.styl

@@ -0,0 +1,65 @@
+.footer-inner
+  padding 3rem 0 1rem 0
+  text-align center
+
+  & > div:not(:first-child)
+    margin .25rem 0
+    font-size .85rem
+
+  .statistics
+    display flex
+    flex-direction row
+    justify-content center
+
+    & > span
+      flex 1
+      margin 0 .25rem
+
+    & > *:nth-last-child(2):first-child
+      text-align right
+
+    & > *:nth-last-child(2):first-child ~ *
+      text-align left
+
+  .beian
+    display flex
+    flex-direction row
+    justify-content center
+
+    & > *
+      margin 0 .25rem
+
+  .beian-police
+    position relative
+    overflow hidden
+    display inline-flex
+    align-items center
+    justify-content left
+
+    img
+      margin-right 3px
+      width 1rem
+      height 1rem
+      margin-bottom .1rem
+
+  @media (max-width: 424px)
+    .statistics
+      flex-direction column
+
+      & > *:nth-last-child(2):first-child
+        text-align center
+
+      & > *:nth-last-child(2):first-child ~ *
+        text-align center
+
+    .beian
+      flex-direction column
+
+      .beian-police
+        justify-content center
+
+      & > *:nth-last-child(2):first-child
+        text-align center
+
+      & > *:nth-last-child(2):first-child ~ *
+        text-align center

themes/fluid/source/css/_pages/_base/_widget/footnote.styl

@@ -0,0 +1,25 @@
+sup > a, .footnote-text
+  anchor-offset()
+  &::before
+    display inline-block
+
+.footnote-item
+  anchor-offset()
+
+.footnote-list
+  ol
+    list-style-type none
+    counter-reset sectioncounter
+    padding-left .5rem
+    font-size .95rem
+
+    li:before
+      font-family "Helvetica Neue", monospace, "Monaco"
+      content "["counter(sectioncounter)"]"
+      counter-increment sectioncounter
+
+    li+li
+      margin-top .5rem
+
+.footnote-text
+  padding-left .5em

themes/fluid/source/css/_pages/_base/_widget/header.styl

@@ -0,0 +1,174 @@
+// Rewrite navbar
+.navbar
+  background-color transparent
+  font-size 0.875rem
+  box-shadow 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
+  -webkit-box-shadow 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
+
+  .navbar-brand
+    color var(--navbar-text-color)
+
+  .navbar-toggler .animated-icon span
+    background-color var(--navbar-text-color)
+
+  .nav-item .nav-link
+    display block
+    color var(--navbar-text-color)
+    transition color .2s ease-in-out, background-color .2s ease-in-out
+
+    &:hover
+      color var(--link-hover-color)
+
+    &:focus
+      color var(--navbar-text-color)
+
+    i
+      font-size 0.875rem
+      line-height inherit
+
+    i:only-child
+      margin 0 .2rem
+
+  .navbar-toggler
+    border-width 0
+    outline 0
+
+  &.scrolling-navbar
+    will-change background, padding
+    -webkit-transition background 0.5s ease-in-out, padding 0.5s ease-in-out
+    transition background 0.5s ease-in-out, padding 0.5s ease-in-out
+
+    @media (min-width: 600px)
+      &
+        padding-top 12px
+        padding-bottom 12px
+
+      & .navbar-nav > li
+        -webkit-transition-duration 1s
+        transition-duration 1s
+
+    &.top-nav-collapse
+      padding-top 5px
+      padding-bottom 5px
+
+  .dropdown-menu
+    font-size 0.875rem
+    color var(--navbar-text-color)
+    background-color rgba(0, 0, 0, 0.3)
+    border none
+    min-width 8rem
+    -webkit-transition background .5s ease-in-out,padding .5s ease-in-out
+    transition background .5s ease-in-out,padding .5s ease-in-out
+
+    @media (max-width: 991.98px)
+      text-align center
+
+  .dropdown-item
+    color var(--navbar-text-color)
+
+    &:hover, &:focus
+      color var(--link-hover-color)
+      background-color rgba(0, 0, 0, 0.1)
+
+  @media (min-width: 992px)
+    .dropdown:hover > .dropdown-menu
+      display block
+
+    .dropdown > .dropdown-toggle:active
+      pointer-events none
+
+    .dropdown-menu
+      top 95%
+
+  .animated-icon
+    width 30px
+    height 20px
+    position relative
+    margin 0
+    -webkit-transform rotate(0deg)
+    -moz-transform rotate(0deg)
+    -o-transform rotate(0deg)
+    transform rotate(0deg)
+    -webkit-transition .5s ease-in-out
+    -moz-transition .5s ease-in-out
+    -o-transition .5s ease-in-out
+    transition .5s ease-in-out
+    cursor pointer
+
+    span
+      display block
+      position absolute
+      height 3px
+      width 100%
+      border-radius 9px
+      opacity 1
+      left 0
+      -webkit-transform rotate(0deg)
+      -moz-transform rotate(0deg)
+      -o-transform rotate(0deg)
+      transform rotate(0deg)
+      -webkit-transition .25s ease-in-out
+      -moz-transition .25s ease-in-out
+      -o-transition .25s ease-in-out
+      transition .25s ease-in-out
+      background #ffffff
+
+      &:nth-child(1)
+        top 0
+
+      &:nth-child(2)
+        top 10px
+
+      &:nth-child(3)
+        top 20px
+
+    &.open
+      span
+        &:nth-child(1)
+          top 11px
+          -webkit-transform rotate(135deg)
+          -moz-transform rotate(135deg)
+          -o-transform rotate(135deg)
+          transform rotate(135deg)
+
+        &:nth-child(2)
+          opacity 0
+          left -60px
+
+        &:nth-child(3)
+          top 11px
+          -webkit-transform rotate(-135deg)
+          -moz-transform rotate(-135deg)
+          -o-transform rotate(-135deg)
+          transform rotate(-135deg)
+
+.navbar .dropdown-collapse, .top-nav-collapse, .navbar-col-show
+  if $navbar-glass-enable
+    ground-glass($navbar-glass-px, $navbar-bg-color, $navbar-glass-alpha)
+  else
+    background-color var(--navbar-bg-color)
+
+@media (max-width: 767px)
+  .navbar
+    font-size 1rem
+    line-height 2.5rem
+
+.banner-text
+  color var(--subtitle-color)
+  max-width calc(960px - 6rem)
+  width 80%
+  overflow-wrap break-word
+
+  .typed-cursor
+    margin 0 .2rem
+
+@media (max-width: 767px)
+  #subtitle, .typed-cursor
+    font-size 1.5rem
+
+@media (max-width: 575px)
+  .banner-text
+    font-size 0.9rem
+
+  #subtitle, .typed-cursor
+    font-size 1.35rem

themes/fluid/source/css/_pages/_base/_widget/modal.styl

@@ -0,0 +1,100 @@
+// Rewrite modal
+.modal-dialog .modal-content
+  background-color var(--board-bg-color)
+  border 0
+  border-radius .125rem
+  -webkit-box-shadow 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
+  box-shadow 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
+
+.modal-dialog .modal-content .modal-header
+  border-bottom-color var(--line-color)
+  transition border-bottom-color .2s ease-in-out
+
+.close
+  color var(--text-color)
+
+  &:hover
+    color var(--link-hover-color)
+
+  &:focus
+    outline 0
+
+.modal-dialog .modal-content .modal-header
+  border-top-left-radius .125rem
+  border-top-right-radius .125rem
+  border-bottom 1px solid #dee2e6
+
+.md-form
+  position relative
+  margin-top 1.5rem
+  margin-bottom 1.5rem
+
+.md-form
+  input[type]
+    -webkit-box-sizing content-box
+    box-sizing content-box
+    background-color transparent
+    border none
+    border-bottom 1px solid #ced4da
+    border-radius 0
+    outline none
+    -webkit-box-shadow none
+    box-shadow none
+    transition border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
+
+    $normal = #4285f4
+
+    &:focus:not([readonly])
+      border-bottom 1px solid $normal
+      -webkit-box-shadow 0 1px 0 0 $normal
+      box-shadow 0 1px 0 0 $normal
+
+      & + label
+        color: $normal
+
+    $valid = #00c851
+
+    &.valid, &:focus.valid
+      border-bottom 1px solid $valid
+      -webkit-box-shadow 0 1px 0 0 $valid
+      box-shadow 0 1px 0 0 $valid
+
+      & + label
+        color: $valid
+
+    $invalid = #f44336
+
+    &.invalid, &:focus.invalid
+      border-bottom 1px solid $invalid
+      -webkit-box-shadow 0 1px 0 0 $invalid
+      box-shadow 0 1px 0 0 $invalid
+
+      & + label
+        color $invalid
+
+    &.validate
+      margin-bottom 2.5rem
+
+    &.form-control
+      height auto
+      padding .6rem 0 .4rem 0
+      margin 0 0 .5rem 0
+      color var(--text-color)
+      background-color transparent
+      border-radius 0
+
+  label
+    font-size 0.8rem
+    position absolute
+    top -1rem
+    left 0
+    color #757575
+    cursor text
+    transition color .2s ease-out
+
+.modal-open[style]
+  padding-right: 0 !important
+  overflow auto
+
+  #navbar[style]
+    padding-right 1rem !important

themes/fluid/source/css/_pages/_base/_widget/ngrogress.styl

@@ -0,0 +1,12 @@
+// Rewrite nprogress
+$npColor = theme-config("fun_features.progressbar.color", "#29d")
+#nprogress
+  .bar
+    height theme-config-unit("fun_features.progressbar.height_px", 3, "px") !important
+    background-color $npColor !important
+  .peg
+    box-shadow 0 0 14px $npColor, 0 0 8px $npColor !important
+
+  @media (max-width: 575px)
+    .bar
+      display none

themes/fluid/source/css/_pages/_base/_widget/noscript.styl

@@ -0,0 +1,12 @@
+.noscript-warning
+  background-color #f55
+  color #fff
+  font-family sans-serif
+  font-size 1rem
+  font-weight bold
+  position fixed
+  left 0
+  bottom  0
+  text-align center
+  width 100%
+  z-index 99

themes/fluid/source/css/_pages/_base/_widget/pagination.styl

@@ -0,0 +1,23 @@
+// Rewrite pagination
+.pagination
+  margin-top 3rem
+  justify-content center
+
+  .space
+    align-self flex-end
+
+  .page-number, .current, .extend
+    outline 0
+    border 0
+    background-color transparent
+    font-size .9rem
+    padding .5rem .75rem
+    line-height 1.25
+    border-radius .125rem
+
+  .page-number
+    margin 0 .05rem
+
+  .page-number:hover, .current
+    transition background-color .2s ease-in-out
+    background-color var(--link-hover-bg-color)

themes/fluid/source/css/_pages/_base/_widget/qrcode.styl

@@ -0,0 +1,17 @@
+.qr-trigger
+  cursor pointer
+  position relative
+
+  &:hover .qr-img
+    display block
+    transition all .3s
+
+.qr-img
+  max-width 12rem
+  position absolute
+  right -5.25rem
+  z-index 99
+  display none
+  border-radius .2rem
+  background-color transparent
+  box-shadow 0 0 20px -5px hsla(0, 0%, 62%, .2)

themes/fluid/source/css/_pages/_base/_widget/scroll-btn.styl

@@ -0,0 +1,46 @@
+.scroll-down-bar
+  position absolute
+  width 100%
+  height 6rem
+  text-align center
+  cursor pointer
+  bottom 0
+
+  i.iconfont
+    font-size 2rem
+    font-weight bold
+    display inline-block
+    position relative
+    padding-top 2rem
+    color var(--subtitle-color)
+    transform translateZ(0)
+    animation scroll-down 1.5s infinite
+
+#scroll-top-button
+  position fixed
+  z-index 99
+  background var(--board-bg-color)
+  transition background-color .2s ease-in-out, bottom .3s ease
+  border-radius 4px
+  min-width 40px
+  min-height 40px
+  bottom -60px
+  outline none
+  display flex
+  display -webkit-flex
+  align-items center
+  box-shadow 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
+
+  i
+    font-size 32px
+    margin auto
+    color var(--sec-text-color)
+
+  &:hover i, &:active i
+    animation-name scroll-top
+    animation-duration 1s
+    animation-delay .1s
+    animation-timing-function ease-in-out
+    animation-iteration-count infinite
+    animation-fill-mode forwards
+    animation-direction alternate

themes/fluid/source/css/_pages/_base/_widget/search.styl

@@ -0,0 +1,9 @@
+#local-search-result
+  .search-list-title
+    border-left 3px solid #0d47a1
+
+  .search-list-content
+    padding 0 1.25rem
+
+  .search-word
+    color orangered

themes/fluid/source/css/_pages/_base/_widget/toc.styl

@@ -0,0 +1,75 @@
+#toc
+  visibility hidden
+
+.toc-header
+  margin-bottom .5rem
+  font-weight bold
+  line-height 1.2
+
+  &, & > i
+    font-size 1.25rem
+
+.toc-body
+  max-height 75vh
+  overflow-y auto
+  overflow -moz-scrollbars-none
+  -ms-overflow-style none
+
+  ol
+    list-style none
+    padding-inline-start 1rem
+
+  &::-webkit-scrollbar
+    display none
+
+.tocbot-list
+  position relative
+
+  ol
+    list-style none
+    padding-left 1rem
+
+  a
+    font-size 0.95rem
+
+.tocbot-link
+  color var(--text-color)
+
+.tocbot-active-link
+  font-weight bold
+  color var(--link-hover-color)
+
+.tocbot-is-collapsed
+  max-height 0
+
+.tocbot-is-collapsible
+  overflow hidden
+  transition all .3s ease-in-out
+
+.toc-list-item
+  white-space nowrap
+  overflow hidden
+  text-overflow ellipsis
+
+  &.is-active-li::before
+    height 1rem
+    margin 0.25rem 0
+    visibility visible
+
+  &::before
+    width 0.15rem
+    height 0.2rem
+    position absolute
+    left 0.25rem
+    content ""
+    border-radius 2px
+    margin 0.65rem 0
+    background var(--link-hover-color)
+    visibility hidden
+    transition height .1s ease-in-out, margin .1s ease-in-out, visibility .1s ease-in-out
+
+.sidebar
+  position -webkit-sticky
+  position sticky
+  top 2rem
+  padding 3rem 0

themes/fluid/source/css/_pages/_base/base.styl

@@ -0,0 +1,68 @@
+@import "_widget/*"
+
+html
+  font-size $font-size
+  letter-spacing $letter-spacing
+
+html, body
+  height 100%
+  font-family $font-family
+  overflow-wrap break-word
+
+body
+  transition color .2s ease-in-out, background-color .2s ease-in-out
+  background-color var(--body-bg-color)
+  color var(--text-color)
+  -webkit-font-smoothing antialiased
+  -moz-osx-font-smoothing grayscale
+
+  a
+    color var(--text-color)
+    text-decoration none
+    cursor pointer
+    transition color .2s ease-in-out, background-color .2s ease-in-out
+
+    &:hover
+      color var(--link-hover-color)
+      text-decoration none
+      transition color .2s ease-in-out, background-color .2s ease-in-out
+
+code
+  color inherit
+
+table
+  font-size inherit
+  color var(--post-text-color)
+
+img[lazyload]
+  object-fit cover
+
+*[align="left"]
+  text-align left
+
+*[align="center"]
+  text-align center
+
+*[align="right"]
+  text-align right
+
+::-webkit-scrollbar
+  width 6px
+  height 6px
+
+::-webkit-scrollbar-thumb
+  background-color var(--scrollbar-color)
+  border-radius 6px
+
+  &:hover
+    background-color var(--scrollbar-hover-color)
+
+::-webkit-scrollbar-corner
+  background-color transparent
+
+label
+  margin-bottom 0
+
+i.iconfont
+  font-size 1em
+  line-height 1

themes/fluid/source/css/_pages/_base/color-schema.styl

@@ -0,0 +1,79 @@
+:root
+  --color-mode "light"
+  --body-bg-color $body-bg-color
+  --board-bg-color $board-bg-color
+  --text-color $text-color
+  --sec-text-color $sec-text-color
+  --post-text-color $post-text-color
+  --post-heading-color $post-heading-color
+  --post-link-color $post-link-color
+  --link-hover-color $link-hover-color
+  --link-hover-bg-color $link-hover-bg-color
+  --line-color $line-color
+  --navbar-bg-color $navbar-bg-color
+  --navbar-text-color $navbar-text-color
+  --subtitle-color $subtitle-color
+  --scrollbar-color $scrollbar-color
+  --scrollbar-hover-color $scrollbar-hover-color
+  --button-bg-color $button-bg-color
+  --button-hover-bg-color $button-hover-bg-color
+  --highlight-bg-color $highlight-bg-color
+  --inlinecode-bg-color $inlinecode-bg-color
+  --fold-title-color $text-color
+  --fold-border-color $line-color
+
+dark-colors()
+  --body-bg-color $body-bg-color-dark
+  --board-bg-color $board-bg-color-dark
+  --text-color $text-color-dark
+  --sec-text-color $sec-text-color-dark
+  --post-text-color $post-text-color-dark
+  --post-heading-color $post-heading-color-dark
+  --post-link-color $post-link-color-dark
+  --link-hover-color $link-hover-color-dark
+  --link-hover-bg-color $link-hover-bg-color-dark
+  --line-color $line-color-dark
+  --navbar-bg-color $navbar-bg-color-dark
+  --navbar-text-color $navbar-text-color-dark
+  --subtitle-color $subtitle-color-dark
+  --scrollbar-color $scrollbar-color-dark
+  --scrollbar-hover-color $scrollbar-hover-color-dark
+  --button-bg-color $button-bg-color-dark
+  --button-hover-bg-color $button-hover-bg-color-dark
+  --highlight-bg-color $highlight-bg-color-dark
+  --inlinecode-bg-color $inlinecode-bg-color-dark
+  --fold-title-color $text-color-dark
+  --fold-border-color $line-color-dark
+
+  img
+    -webkit-filter brightness(.9)
+    filter brightness(.9)
+    transition filter .2s ease-in-out
+
+  .navbar .dropdown-collapse, .top-nav-collapse, .navbar-col-show
+    if $navbar-glass-enable
+      ground-glass($navbar-glass-px, $navbar-bg-color-dark, $navbar-glass-alpha)
+
+  .license-box
+    background-color rgba(#3e4b5e, .35)
+    transition background-color .2s ease-in-out
+
+  .gt-comment-admin .gt-comment-content
+    background-color transparent
+    transition background-color .2s ease-in-out
+
+if (hexo-config("dark_mode.enable"))
+  @media (prefers-color-scheme: dark)
+    :root
+      --color-mode "dark"
+
+    :root:not([data-user-color-scheme])
+      dark-colors()
+
+  @media not print
+    [data-user-color-scheme="dark"]
+      dark-colors()
+
+  @media print
+    :root
+      --color-mode "light"

themes/fluid/source/css/_pages/_base/inline.styl

@@ -0,0 +1,51 @@
+.fade-in-up
+  -webkit-animation-name fade-in-up
+  animation-name fade-in-up
+
+.hidden-mobile
+  display block
+
+.visible-mobile
+  display none
+
+@media (max-width: 575px)
+  .hidden-mobile
+    display none
+
+  .visible-mobile
+    display block
+
+.nomargin-x
+  margin-left 0 !important
+  margin-right 0 !important
+
+.nopadding-x
+  padding-left 0 !important
+  padding-right 0 !important
+
+@media (max-width: 767px)
+  .nopadding-x-md
+    padding-left 0 !important
+    padding-right 0 !important
+
+.flex-center
+  display -webkit-box
+  display -ms-flexbox
+  display flex
+  -webkit-box-align center
+  -ms-flex-align center
+  align-items center
+  -webkit-box-pack center
+  -ms-flex-pack center
+  justify-content center
+  height 100%
+
+.hover-with-bg
+  display inline-block
+  line-height 1
+
+  &:hover
+    background-color var(--link-hover-bg-color)
+    transition-duration .2s
+    transition-timing-function ease-in-out
+    border-radius .2rem

themes/fluid/source/css/_pages/_base/keyframes.styl

@@ -0,0 +1,31 @@
+@keyframes fade-in-up
+  from
+    opacity 0
+    -webkit-transform translate3d(0, 100%, 0)
+    transform translate3d(0, 100%, 0)
+  to
+    opacity 1
+    -webkit-transform translate3d(0, 0, 0)
+    transform translate3d(0, 0, 0)
+
+@keyframes scroll-down
+  0%
+    opacity 0.8
+    top 0
+  50%
+    opacity 0.4
+    top -1em
+  100%
+    opacity 0.8
+    top 0
+
+@keyframes scroll-top
+  0%
+    -webkit-transform translateY(0)
+    transform translateY(0)
+  50%
+    -webkit-transform translateY(-0.35rem)
+    transform translateY(-0.35rem)
+  100%
+    -webkit-transform translateY(0)
+    transform translateY(0)

themes/fluid/source/css/_pages/_base/print.styl

@@ -0,0 +1,38 @@
+@media print
+  header, footer, .side-col, #scroll-top-button, .post-prevnext, #comments
+    display none !important
+
+  .markdown-body
+    a:not([href^='#']):not([href^='javascript:']):not(.print-no-link)::after
+      content ' (' attr(href) ')'
+      font-size 0.8rem
+      color var(--post-text-color)
+      opacity 0.8
+
+    & > h1, h2
+      border-bottom-color transparent !important
+
+    & > h1, h2, h3, h4, h5, h6
+      margin-top 1.25em !important
+      margin-bottom 0.25em !important
+
+    [data-anchorjs-icon]::after
+      display none
+
+    figure.highlight
+      table, tbody, tr, td.code, td.code pre
+        width 100% !important
+        display block !important
+
+      pre > code
+        white-space pre-wrap
+
+      .gutter, .code-widget
+        display none !important
+
+  .post-metas a
+    text-decoration none
+
+@media not print
+  #seo-header
+    display none

themes/fluid/source/css/_pages/_category/category-bar.styl

@@ -0,0 +1,58 @@
+.category-bar
+
+  .category-list
+    max-height 85vh
+    overflow-y auto
+    overflow-x hidden
+
+    &::-webkit-scrollbar
+      display none
+
+    & > .category-sub > a
+      font-weight bold
+      font-size 1.2rem
+
+    .category-item-action i
+      margin 0
+
+    .category-subitem
+      &.list-group-item
+        padding-left .5rem
+        padding-right 0
+
+    .category-collapse
+      .category-post-list
+        margin-top .25rem
+        margin-bottom .5rem
+
+      .category-post
+        font-size .9rem
+        line-height 1.75
+
+    .category-item-action:hover
+      background-color initial
+
+  .list-group-item
+    padding 0
+
+    &.active
+      color var(--link-hover-color)
+      background-color initial
+      font-weight bold
+      font-family "iconfont"
+      font-style normal
+      -webkit-font-smoothing antialiased
+
+      &::before
+        content "\e61f"
+        font-weight initial
+        margin-right .25rem
+
+  .list-group-count
+    margin-left .2rem
+    margin-right .2rem
+    font-size .9em
+
+  .list-group-item-action
+    &:focus, &:hover
+      background-color initial

themes/fluid/source/css/_pages/_category/category-chain.styl

@@ -0,0 +1,6 @@
+.category-chains
+  display flex
+  flex-wrap wrap
+
+  & > *:not(:last-child)
+    margin-right 1em

themes/fluid/source/css/_pages/_category/category-list.styl

@@ -0,0 +1,62 @@
+.category
+
+  &:not(:last-child)
+    margin-bottom 1rem
+
+  .category-sub
+    pass
+
+  .category-item, .category-subitem
+    font-weight bold
+    display flex
+    align-items center
+
+  .category-item
+    font-size 1.25rem
+
+  .category-subitem
+    font-size 1.1rem
+
+  .category-collapse
+    padding-left: 1.25rem
+    width 100%
+
+  .category-count
+    font-size .9rem
+    font-weight initial
+    min-width 1.3em
+    line-height 1.3em
+    display flex
+    align-items center
+
+    i
+      padding-right  .25rem
+
+    span
+      width 2rem
+
+  .category-post
+    white-space nowrap
+    overflow hidden
+    text-overflow ellipsis
+
+  .category-item-action
+
+    &:not(.collapsed) > i
+      transform rotate(90deg)
+      transform-origin center center
+
+    i
+      transition transform .3s ease-out
+      display inline-block
+      margin-left .25rem
+
+    .category:hover
+      z-index 1
+      color var(--link-hover-color)
+      text-decoration none
+      background-color var(--link-hover-bg-color)
+
+  .row
+    margin-left 0
+    margin-right 0

themes/fluid/source/css/_pages/_index/index.styl

@@ -0,0 +1,80 @@
+.index-card
+  margin-bottom 2.5rem
+
+.index-img
+  img
+    display block
+    width 100%
+    height 10rem
+    object-fit cover
+    box-shadow 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
+    border-radius .25rem
+    background-color transparent
+
+.index-info
+  display flex
+  flex-direction column
+  justify-content space-between
+  padding-top .5rem
+  padding-bottom .5rem
+
+.index-header
+  color var(--text-color)
+  font-size 1.5rem
+  font-weight bold
+  line-height 1.4
+  white-space nowrap
+  overflow hidden
+  text-overflow ellipsis
+  margin-bottom .25rem
+
+  .index-pin
+    color var(--text-color)
+    font-size 1.5rem
+    margin-right .15rem
+
+.index-btm
+  color var(--sec-text-color)
+
+  a
+    color var(--sec-text-color)
+
+.index-excerpt
+  color var(--sec-text-color)
+  margin 0.5rem 0
+  height calc(1.4rem * 3)
+  overflow hidden
+  display flex
+
+  & > div
+    width 100%
+    line-height 1.4rem
+    word-break break-word
+    display -webkit-box
+    -webkit-box-orient vertical
+    -webkit-line-clamp 3
+
+.index-excerpt__noimg
+  height auto
+  max-height calc(1.4rem * 3)
+
+@media (max-width: 767px)
+  .index-info
+    padding-top 1.25rem
+
+  .index-header
+    font-size 1.25rem
+    white-space normal
+    overflow hidden
+    word-break break-word
+    display -webkit-box
+    -webkit-box-orient vertical
+    -webkit-line-clamp 2
+
+    .index-pin
+      font-size 1.25rem
+
+  .index-excerpt
+    height auto
+    max-height calc(1.4rem * 3)
+    margin 0.25rem 0

themes/fluid/source/css/_pages/_links/links.styl

@@ -0,0 +1,79 @@
+.links
+  .card
+    box-shadow none
+    min-width 33%
+    background-color transparent
+    border 0
+
+  .card-body
+    margin 1rem 0
+    padding 1rem
+    border-radius .3rem
+    display block
+    width 100%
+    height 100%
+
+    &:hover
+      .link-avatar
+        transform scale(1.1)
+
+  .card-content
+    display flex
+    flex-wrap nowrap
+    width 100%
+    height 3.5rem
+
+.link-avatar
+  flex none
+  width 3rem
+  height 3rem
+  margin-right .75rem
+  object-fit cover
+  transition-duration .2s
+  transition-timing-function ease-in-out
+
+  img
+    width 100%
+    height 100%
+    border-radius 50%
+    background-color transparent
+    object-fit cover
+
+.link-text
+  flex 1
+  display grid
+  flex-direction column
+  line-height 1.5
+
+.link-title
+  overflow hidden
+  text-overflow ellipsis
+  white-space nowrap
+  color var(--text-color)
+  font-weight bold
+
+.link-intro
+  max-height 2rem
+  font-size 0.85rem
+  line-height 1.2
+  color var(--sec-text-color)
+  display -webkit-box
+  -webkit-box-orient vertical
+  -webkit-line-clamp 2
+  text-overflow ellipsis
+  overflow hidden
+
+@media (max-width 767px)
+  .links
+    display flex
+    flex-direction column
+    justify-content center
+    align-items center
+
+    .card
+      padding-left 2rem
+      padding-right 2rem
+
+@media (min-width 768px)
+  .link-text:only-child
+    margin-left 1rem

themes/fluid/source/css/_pages/_post/comment.styl

@@ -0,0 +1,27 @@
+// Rewrite valine
+#valine.v[data-class=v]
+  .status-bar, .veditor, .vinput, .vbtn, p, pre code
+    color var(--text-color)
+
+  .vinput::placeholder
+    color var(--sec-text-color)
+
+  .vicon
+    fill var(--text-color)
+
+// Rewrite gitalk
+.gt-container
+
+  .gt-comment-content:hover
+    -webkit-box-shadow none
+    box-shadow none
+
+  .gt-comment-body
+    color var(--text-color) !important
+    transition color .2s ease-in-out
+
+// Rewrite remark42
+#remark-km423lmfdslkm34-back
+  z-index 1030
+#remark-km423lmfdslkm34-node
+  z-index 1031

themes/fluid/source/css/_pages/_post/highlight.styl

@@ -0,0 +1,67 @@
+.markdown-body
+  .highlight pre, pre
+    padding 1.45rem 1rem
+
+  pre code.hljs
+    padding 0
+
+  pre[class*="language-"]
+    padding-top 1.45rem
+    padding-bottom 1.45rem
+    padding-right 1rem
+    line-height 1.5
+    margin-bottom 1rem
+
+  .code-wrapper
+    position relative
+    border-radius 4px
+    margin-bottom 1rem
+
+  .hljs, .highlight pre, .code-wrapper pre, figure.highlight td.gutter
+    transition color .2s ease-in-out, background-color .2s ease-in-out
+    background-color var(--highlight-bg-color)
+
+pre[class*=language-].line-numbers
+  position initial
+
+figure
+  margin 1rem 0
+
+figure.highlight
+  position relative
+
+  table
+    border 0
+    margin 0
+    width auto
+    border-radius 4px
+
+  td
+    border 0
+    padding 0
+
+  tr
+    border 0
+
+  td.code
+    width 100%
+
+  td.gutter
+    display table-cell
+    position -webkit-sticky
+    position sticky
+    left 0
+    z-index 1
+
+    pre
+      text-align right
+      padding 0 .75rem
+      border-radius initial
+      border-right 1px solid #999
+
+      span.line
+        color #999
+
+  td.code > pre
+    border-top-left-radius 0
+    border-bottom-left-radius 0

themes/fluid/source/css/_pages/_post/markdown.styl

@@ -0,0 +1,92 @@
+// Rewrite github-markdown.css
+.markdown-body
+  font-size 1rem
+  line-height 1.6
+  font-family $font-family
+  margin-bottom 2rem
+  color var(--post-text-color)
+
+  & > h1, h2
+    border-bottom-color var(--line-color)
+
+  & > h1, h2, h3, h4, h5, h6
+    anchor-offset()
+    color var(--post-heading-color)
+    transition color .2s ease-in-out, border-bottom-color 0.2s ease-in-out
+    font-weight bold
+    margin-bottom .75em
+    margin-top 2em
+
+    &:focus
+      outline none
+
+  a
+    color var(--post-link-color)
+
+  strong
+    font-weight bold
+
+  code
+    tab-size 4
+    background-color var(--inlinecode-bg-color)
+    transition background-color .2s ease-in-out
+
+  table
+    tr
+      background-color var(--board-bg-color)
+      transition background-color .2s ease-in-out
+    tr:nth-child(2n)
+      background-color var(--board-bg-color)
+      transition background-color .2s ease-in-out
+    th, td
+      border-color var(--line-color)
+      transition border-color .2s ease-in-out
+
+  pre
+    font-size $code-font-size !important
+
+    .mermaid
+      text-align center
+
+      & > svg
+        min-width 100%
+
+  p > img, p > a > img, figure > img, figure > a > img
+    max-width 90%
+    margin 1.5rem auto
+    display block
+    box-shadow $img-shadow
+    border-radius 4px
+    background-color transparent
+
+  blockquote
+    color var(--sec-text-color)
+
+  details
+    cursor pointer
+
+    summary
+      outline none
+
+// Rewrite hr
+hr, .markdown-body hr
+  background-color initial
+  border-top 1px solid var(--line-color)
+  transition border-top-color .2s ease-in-out
+
+.markdown-body hr
+  height 0
+  margin 2rem 0
+
+// Rewrite figcaption
+.markdown-body
+  figcaption.image-caption
+    font-size .8rem
+    color var(--post-text-color)
+    opacity 0.65
+    line-height 1
+    margin -0.75rem auto 2rem
+    text-align center
+
+  figcaption:not(.image-caption)
+    display none

themes/fluid/source/css/_pages/_post/post-page.styl

@@ -0,0 +1,181 @@
+.post-content, post-custom
+  box-sizing border-box
+  padding-left 10%
+  padding-right 10%
+
+@media (max-width: 767px)
+  .post-content, post-custom
+    padding-left 2rem
+    padding-right 2rem
+
+  .page-content, .post-content
+    overflow hidden
+
+@media (max-width: 424px)
+  .post-content, post-custom
+    padding-left 1rem
+    padding-right 1rem
+
+  .page-content, .post-content
+    overflow hidden
+
+  .anchorjs-link-left
+    opacity 0 !important
+
+.page-content, .post-content
+  strong
+    font-weight bold
+
+  & > *:nth-child(2)
+    margin-top 0
+
+  img
+    object-fit cover
+    max-width 100%
+
+.post-metas
+  display flex
+  flex-wrap wrap
+  font-size .9rem
+
+.post-meta
+
+  & > *:not(.hover-with-bg)
+    margin-right .2rem
+
+.post-prevnext
+  display flex
+  flex-wrap wrap
+  justify-content space-between
+  font-size .9rem
+  margin-left -.35rem
+  margin-right -.35rem
+
+  .post-prev, .post-next
+    display flex
+    padding-left 0
+    padding-right 0
+
+    i
+      font-size 1.5rem
+
+    a
+      display flex
+      align-items center
+
+    .hidden-mobile
+      display -webkit-box
+      -webkit-box-orient vertical
+      -webkit-line-clamp 2
+      text-overflow ellipsis
+      overflow hidden
+
+    @media (max-width: 575px)
+      .hidden-mobile
+        display none
+
+  .post-prev:hover i, .post-prev:active i, .post-next:hover i, .post-next:active i
+    -webkit-animation-duration 1s
+    animation-duration 1s
+    -webkit-animation-delay .1s
+    animation-delay .1s
+    -webkit-animation-timing-function ease-in-out
+    animation-timing-function ease-in-out
+    -webkit-animation-iteration-count infinite
+    animation-iteration-count infinite
+    -webkit-animation-fill-mode forwards
+    animation-fill-mode forwards
+    -webkit-animation-direction alternate
+    animation-direction alternate
+
+  .post-prev:hover i, .post-prev:active i
+    -webkit-animation-name post-prev-anim
+    animation-name post-prev-anim
+
+  .post-next:hover i, .post-next:active i
+    -webkit-animation-name post-next-anim
+    animation-name post-next-anim
+
+  .post-next
+    justify-content flex-end
+
+  .fa-chevron-left
+    margin-right .5rem
+
+  .fa-chevron-right
+    margin-left .5rem
+
+@keyframes post-prev-anim
+  0%
+    -webkit-transform translateX(0)
+    transform translateX(0)
+  50%
+    -webkit-transform translateX(-0.35rem)
+    transform translateX(-0.35rem)
+  100%
+    -webkit-transform translateX(0)
+    transform translateX(0)
+
+@keyframes post-next-anim
+  0%
+    -webkit-transform translateX(0)
+    transform translateX(0)
+  50%
+    -webkit-transform translateX(0.35rem)
+    transform translateX(0.35rem)
+  100%
+    -webkit-transform translateX(0)
+    transform translateX(0)
+
+#seo-header
+  color var(--post-heading-color)
+  font-weight bold
+  margin-top 0.5em
+  margin-bottom 0.75em
+  border-bottom-color var(--line-color)
+  border-bottom-style solid
+  border-bottom-width 2px
+  line-height 1.5
+
+.custom, #comments
+  margin-top 2rem
+
+#comments
+  noscript
+    display block
+    text-align center
+    padding 2rem 0
+
+.visitors
+  font-size .8em
+  padding .45rem
+  float right
+
+a.fancybox:hover
+  text-decoration none
+
+// Rewrite mathjax
+mjx-container, .mjx-container
+  overflow-x auto
+  overflow-y hidden !important
+  padding .5em 0
+
+  &:focus, svg:focus
+    outline none
+
+.mjx-char
+  line-height 1
+
+// Rewrite katex
+.katex-block
+  overflow-x auto
+
+.katex, .mjx-mrow
+  white-space pre-wrap !important
+
+// Rewrite hint
+.footnote-ref [class*=hint--][aria-label]:after
+  max-width 12rem
+  white-space nowrap
+  overflow hidden
+  text-overflow ellipsis

themes/fluid/source/css/_pages/_post/post-tag.styl

@@ -0,0 +1,168 @@
+// fold
+.fold
+  margin 1rem 0
+  border 0.5px solid var(--fold-border-color)
+  position relative
+  clear both
+  border-radius 0.125rem
+
+  .fold-title
+    color var(--fold-title-color)
+    padding 0.5rem 0.75rem
+    font-size 0.9rem
+    font-weight bold
+    border-radius 0.125rem
+
+    &:not(.collapsed) > .fold-arrow
+      transform rotate(90deg)
+      transform-origin center center
+
+    .fold-arrow
+      display inline-block
+      margin-right 0.35rem
+      transition transform .3s ease-out
+
+  .fold-content
+    padding 1rem 1rem
+
+    & > *:last-child
+      margin-bottom 0
+
+.fold-default, .fold-secondary
+  background-color rgba(#bbbbbb, 0.25)
+
+.fold-primary
+  background-color rgba(#b7a0e0, 0.25)
+
+.fold-info
+  background-color rgba(#a0c5e4, 0.25)
+
+.fold-success
+  background-color rgba(#aedcae, 0.25)
+
+.fold-warning
+  background-color rgba(#f8d6a6, 0.25)
+
+.fold-danger
+  background-color rgba(#eca9a7, 0.25)
+
+.fold-light
+  background-color rgba(#fefefe, 0.25)
+
+// note
+.note
+  padding 0.75rem
+  border-left 0.35rem solid
+  border-radius 0.25rem
+  margin 1.5rem 0
+  color var(--text-color)
+  transition color .2s ease-in-out
+  font-size 0.9rem
+
+  a
+    color var(--text-color)
+    transition color .2s ease-in-out
+
+  *:last-child
+    margin-bottom 0
+
+.note-default, .note-secondary
+  background-color rgba(#bbbbbb, 0.25)
+  border-color #777
+
+.note-primary
+  background-color rgba(#b7a0e0, 0.25)
+  border-color #6f42c1
+
+.note-success
+  background-color rgba(#aedcae, 0.25)
+  border-color #5cb85c
+
+.note-danger
+  background-color rgba(#eca9a7, 0.25)
+  border-color #d9534f
+
+.note-warning
+  background-color rgba(#f8d6a6, 0.25)
+  border-color #f0ad4e
+
+.note-info
+  background-color rgba(#a0c5e4, 0.25)
+  border-color #428bca
+
+.note-light
+  background-color rgba(#fefefe, 0.25)
+  border-color #0f0f0f
+
+// label
+.label
+  display inline
+  border-radius 3px
+  font-size 85%
+  margin 0
+  padding .2em .4em
+  color var(--text-color)
+  transition color .2s ease-in-out
+
+.label-default, .label-secondary
+  background-color rgba(#bbbbbb, 0.25)
+
+.label-primary
+  background-color rgba(#b7a0e0, 0.25)
+
+.label-info
+  background-color rgba(#a0c5e4, 0.25)
+
+.label-success
+  background-color rgba(#aedcae, 0.25)
+
+.label-warning
+  background-color rgba(#f8d6a6, 0.25)
+
+.label-danger
+  background-color rgba(#eca9a7, 0.25)
+
+// button
+.markdown-body .btn
+  border 1px solid var(--line-color)
+  background-color var(--button-bg-color)
+  color var(--text-color)
+  transition color .2s ease-in-out, background .2s ease-in-out, border-color .2s ease-in-out
+  border-radius .25rem
+  display inline-block
+  font-size .875em
+  line-height 2
+  padding 0 .75rem
+  margin-bottom 1rem
+
+  &:hover
+    background-color var(--button-hover-bg-color)
+    text-decoration none
+
+// group-image
+.group-image-container
+  margin 1.5rem auto
+
+  & img
+    margin 0 auto
+    border-radius 3px
+    background-color transparent
+    box-shadow 0 3px 9px 0 rgba(0, 0, 0, 0.15), 0 3px 9px 0 rgba(0, 0, 0, 0.15)
+
+.group-image-row
+  margin-bottom .5rem
+  display flex
+  justify-content center
+
+.group-image-wrap
+  flex 1
+  display flex
+  justify-content center
+
+  &:not(:last-child)
+    margin-right .25rem
+
+// checkbox
+input[type=checkbox]
+  margin 0 0.2em 0.2em 0
+  vertical-align middle

themes/fluid/source/css/_pages/_tag/tags.styl

@@ -0,0 +1,9 @@
+.tagcloud
+  padding 1rem 5%
+
+  a
+    display inline-block
+    padding .5rem
+
+    &:hover
+      color var(--link-hover-color) !important

themes/fluid/source/css/_pages/pages.styl

@@ -0,0 +1,8 @@
+@import "_base/*"
+@import "_index/*"
+@import "_post/*"
+@import "_archive/*"
+@import "_about/*"
+@import "_category/*"
+@import "_tag/*"
+@import "_links/*"