/* 字体设置 */
body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* 常用样式 */
.unselectable,
#unselectable {
  user-select: none;
}

.selectable,
#selectable {
  user-select: text;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.right {
  text-align: right;
  margin-left: auto;
}

.gradient {
  color: transparent;
  background: linear-gradient(to right, var(--streack-predef-gradient-1, #2691d8), var(--streack-predef-gradient-2, #6dd5fa));
  -webkit-background-clip: text;
  background-clip: text;
  width: fit-content;
}

@media (pointer: fine) {
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: transparent;
  }

  ::-webkit-scrollbar-thumb {
    background: var(--s-color-outline-variant, #c0c8cc);
    border-radius: 3px;
  }

  @supports not selector(::-webkit-scrollbar) {
    * {
      scrollbar-color: var(--s-color-outline-variant, #c0c8cc) transparent;
    }
  }
}

/*文章元素样式*/
a {
  text-decoration: underline dotted;
  color: #1e6bb8;
}

a:hover {
  text-decoration: underline;
}

a s-icon {
  width: 1em;
  height: 1em;
  transform: translateY(-0.05em) translateX(-0.05em);
}

h1 {
  margin-bottom: 0;
}

/* Sober */
s-menu {
  background: var(--s-color-background, #F8F9FB);
  background-clip: border-box;
  border-radius: 12px;
}

s-menu.sub {
  background: var(--s-color-surface-container-low, #F2F4F5);
}

s-menu-item s-card[slot="menu"] {
  width: 96%;
  max-width: 96%;
  height: max-content;
  margin: 0 2% 0 2%;
}

/* 打印格式 */
@media print {
  #appbarRoot {
    display: none !important;
  }

  #LeftSiderbar {
    display: none !important;
  }

  .site-footer {
    display: none !important;
  }

  #pContent {
    height: min-content !important;
  }

  #pageRoot {
    height: min-content !important;
  }

  #mainContent {
    height: min-content !important;
  }

  body {
    height: min-content !important;
    background-image: none !important;
  }

  html {
    height: min-content !important;
  }
}

@page {
  @top-right {
    content: "页 " counter(pageNumber);
  }
}