$backgroundColor=rgb(197, 194, 165)

$light=rgb(231, 225, 199)
$dark=rgb(74, 71, 62)

html, body
  height: 100%

body
  background-color: rgb(197, 194, 165)
  background-image:
    linear-gradient(90deg, #c6c2a5 2px, rgba(255 255 255 0) 0), 
    linear-gradient(180deg, #c6c2a5 2px, rgb(209 205 178) 0)
  background-attachment: fixed
  background-size: .4rem .4rem
  margin: 0

body > * ::selection
  background-color: rgb(74, 71, 62)
  color: rgb(231, 225, 199)

#container
  display: flex
  flex-direction: column
  justify-content: space-between
  padding: 0 2% 0 2%
  min-height: 100%
// footer
//   position: absolute
//   bottom: 0
//   width: 100%

#header
  margin-top: 1%
#main
  flex: 1
  margin: 2em 0
  display: flex
  flex-direction: row
  gap: 4em
  .right-content
    width: 24%
    position: sticky
    top: 16px
    align-self: flex-start
    flex-shrink: 0
#footer
  margin-bottom: 1%

span::selection
  background-color: rgb(74, 71, 62)
  color: rgb(231, 225, 199)

.bottom-declaration
    // container左右各有2%的padding
    // 要突破这个container，所以要先往左边拉2%，然后width+=2%*2，也就是104%
    margin-left: -2%
    margin-top: 1.5em
    width: 104%
  .bottom-declaration-line
    border: 1.3px solid #000
  .bottom-declaration-dotted
    background-image: linear-gradient(90deg,#333 14%,hsla(0,0%,100%,0) 0)
    background-repeat: repeat-x
    background-size: 100px 4px
    width: 100%
    height: 4px
    margin: 0 -2% 0

*
  scrollbar-width: thin
  scrollbar-color: rgb(74, 71, 62) transparent
  &::-webkit-scrollbar-corner
    background-color: rgb(197, 194, 165);
  &::-webkit-scrollbar-thumb 
    border-radius: 0px;
    background: rgb(74, 71, 62);
  &::-webkit-scrollbar
    width: 10px;
    height: 10px;


img
  transition: filter 0.2s linear 0s !important
  &[data-src]:not(.loaded)
    filter: blur(10px) brightness(1) opacity(0.4)
  &[data-src].error
    filter: none

.v-line
  float: left;
  width: 1.3px;
  height: auto;
  background: rgba(0, 0, 0, 0.16);
  margin: 2px


.h-line
  float: left;
  width: auto;
  height: 1.3px;
  background: rgba(0, 0, 0, 0.16);
  margin: 2px

@import '_partials/header/*'
@import '_partials/footer/*'
@import '_partials/post_page/*'
@import '_partials/post_list/*'
@import '_partials/*'
@import 'var'