:root {
  font-size: 62.5%;
  --sidebar-width: 300px;
  --page-padding: 15px;
  --content-max-width: 750px;
  --menu-bar-height: 50px;
}
 
html {
  font-family: open sans, sans-serif;
  color: var(--fg);
  background-color: var(--bg);
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  scrollbar-color: var(--scrollbar) var(--bg);
}
 
body {
  margin: 0;
  font-size: 1.6rem;
  overflow-x: hidden;
}
 
/* 滚动条样式 */
::-webkit-scrollbar {
  background: var(--bg);
}
::-webkit-scrollbar-thumb {
  background: var(--scrollbar);
}
 
/* 链接样式 */
#searchresults a,
.content a:link,
a:visited,
a>.hljs {
  color: var(--links);
  text-decoration: none;
}
.content a:hover {
  text-decoration: underline;
}
 
/* 菜单栏样式 */
#menu-bar,
#menu-bar-hover-placeholder {
  z-index: 101;
  margin: auto calc(0px - var(--page-padding));
}
#menu-bar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--bg);
  border-bottom: 1px solid var(--bg);
}
#menu-bar.sticky, 
.js #menu-bar-hover-placeholder:hover+#menu-bar,
.js #menu-bar:hover,
.js.sidebar-visible  #menu-bar {
  position: sticky;
  top: 0!important;
}
#menu-bar-hover-placeholder {
  position: sticky;
  top: 0;
  height: var(--menu-bar-height);
}
#menu-bar.bordered  {
  border-bottom-color: var(--table-border-color);
}
 
/* 图标按钮样式 */
#menu-bar i,
#menu-bar .icon-button {
  position: relative;
  padding: 0 8px;
  z-index: 10;
  line-height: var(--menu-bar-height);
  cursor: pointer;
  transition: color .5s;
}
.icon-button {
  border: none;
  background: 0 0;
  padding: 0;
  color: inherit;
}
.icon-button i {
  margin: 0;
}
 
/* 按钮容器 */
.right-buttons {
  margin: 0 15px;
}
.right-buttons a {
  text-decoration: none;
}
.left-buttons {
  display: flex;
  margin: 0 5px;
}
.no-js .left-buttons {
  display: none;
}
 
/* 标题样式 */
.menu-title {
  display: inline-block;
  font-weight: 200;
  font-size: 2.4rem;
  line-height: var(--menu-bar-height);
  text-align: center;
  margin: 0;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js .menu-title {
  cursor: pointer;
}
 
/* 颜色主题 */
.menu-bar,
.menu-bar:visited,
.nav-chapters,
.nav-chapters:visited,
.mobile-nav-chapters,
.mobile-nav-chapters:visited,
.menu-bar .icon-button,
.menu-bar a i {
  color: var(--icons);
}
.menu-bar i:hover,
.menu-bar .icon-button:hover,
.nav-chapters:hover,
.mobile-nav-chapters i:hover {
  color: var(--icons-hover);
}
 
/* 导航章节样式 */
.nav-chapters {
  font-size: 2.5em;
  text-align: center;
  text-decoration: none;
  position: fixed;
  top: 0;
  bottom: 0;
  margin: 0;
  max-width: 150px;
  min-width: 90px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  transition: color .5s, background-color .5s;
}
.nav-chapters:hover {
  text-decoration: none;
  background-color: var(--theme-hover);
  transition: background-color .15s, color .15s;
}
 
/* 响应式导航 */
.nav-wrapper {
  margin-top: 50px;
  display: none;
}
.mobile-nav-chapters {
  font-size: 2.5em;
  text-align: center;
  text-decoration: none;
  width: 90px;
  border-radius: 5px;
  background-color: var(--sidebar-bg);
}
@media only screen and (max-width: 1080px) {
  .nav-wide-wrapper {
    display: none;
  }
  .nav-wrapper {
    display: block;
  }
}
@media only screen and (max-width: 1380px) {
  .sidebar-visible .nav-wide-wrapper {
    display: none;
  }
  .sidebar-visible .nav-wrapper {
    display: block;
  }
}
 
/* 代码高亮 */
:not(pre)>.hljs {
  display: inline;
  padding: .1em .3em;
  border-radius: 3px;
}
:not(pre):not(a)>.hljs {
  color: var(--inline-code-color);
  overflow-x: initial;
}
a:hover>.hljs {
  text-decoration: underline;
}
pre {
  position: relative;
}
pre>.buttons {
  position: absolute;
  z-index: 100;
  right: 5px;
  top: 5px;
  color: var(--sidebar-fg);
  cursor: pointer;
}
pre>.buttons :hover {
  color: var(--sidebar-active);
}
pre>.buttons i {
  margin-left: 8px;
}
pre>.buttons button {
  color: inherit;
  background: 0 0;
  border: none;
  cursor: inherit;
}
pre>.result {
  margin-top: 10px;
}
 
/* 搜索相关样式 */
#searchresults a {
  text-decoration: none;
}
mark {
  border-radius: 2px;
  padding: 0 3px 1px;
  margin: 0 -3px -1px;
  background-color: var(--search-mark-bg);
  transition: background-color 300ms linear;
  cursor: pointer;
}
mark.fade-out  {
  background-color: transparent!important;
  cursor: auto;
}
.searchbar-outer {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--content-max-width);
}
#searchbar {
  width: 100%;
  margin: 5px auto 0;
  padding: 10px 16px;
  transition: box-shadow 300ms ease-in-out;
  border: 1px solid var(--searchbar-border-color);
  border-radius: 3px;
  background-color: var(--searchbar-bg);
  color: var(--searchbar-fg);
}
#searchbar:focus,
#searchbar.active  {
  box-shadow: 0 0 3px var(--searchbar-shadow-color);
}
.searchresults-header {
  font-weight: 700;
  font-size: 1em;
  padding: 18px 0 0 5px;
  color: var(--searchresults-header-fg);
}
.searchresults-outer {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--content-max-width);
  border-bottom: 1px dashed var(--searchresults-border-color);
}
ul#searchresults {
  list-style: none;
  padding-left: 20px;
}
ul#searchresults li {
  margin: 10px 0;
  padding: 2px;
  border-radius: 2px;
}
ul#searchresults li.focus  {
  background-color: var(--searchresults-li-bg);
}
ul#searchresults span.teaser  {
  display: block;
  clear: both;
  margin: 5px 0 0 20px;
  font-size: .8em;
}
ul#searchresults span.teaser  em {
  font-weight: 700;
  font-style: normal;
}
 
/* 侧边栏样式 */
.sidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--sidebar-width);
  font-size: .875em;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  background-color: var(--sidebar-bg);
  color: var(--sidebar-fg);
}
.sidebar-resizing {
  user-select: none;
}
.js:not(.sidebar-resizing) .sidebar {
  transition: transform .3s;
}
.sidebar code {
  line-height: 2em;
}
.sidebar .sidebar-scrollbox {
  overflow-y: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
}
.sidebar .sidebar-resize-handle {
  position: absolute;
  cursor: col-resize;
  width: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.js .sidebar .sidebar-resize-handle {
  cursor: col-resize;
  width: 5px;
}
.sidebar-hidden .sidebar {
  transform: translateX(calc(0px - var(--sidebar-width)));
}
.sidebar::-webkit-scrollbar {
  background: var(--sidebar-bg);
}
.sidebar::-webkit-scrollbar-thumb {
  background: var(--scrollbar);
}
.sidebar-visible .page-wrapper {
  transform: translateX(var(--sidebar-width));
}
@media only screen and (min-width: 620px) {
  .sidebar-visible .page-wrapper {
    transform: none;
    margin-left: var(--sidebar-width);
  }
}
 
/* 章节列表样式 */
.chapter {
  list-style: none outside none;
  padding-left: 0;
  line-height: 2.2em;
}
.chapter ol {
  width: 100%;
}
.chapter li {
  display: flex;
  color: var(--sidebar-non-existant);
}
.chapter li a {
  display: block;
  padding: 0;
  text-decoration: none;
  color: var(--sidebar-fg);
}
.chapter li a:hover {
  color: var(--sidebar-active);
}
.chapter li a.active  {
  color: var(--sidebar-active);
}
.chapter li>a.toggle  {
  cursor: pointer;
  display: block;
  margin-left: auto;
  padding: 0 10px;
  user-select: none;
  opacity: .68;
}
.chapter li>a.toggle  div {
  transition: transform .5s;
}
.chapter li:not(.expanded)+li>ol {
  display: none;
}
.chapter li.chapter-item  {
  line-height: 1.5em;
  margin-top: .6em;
}
.chapter li.expanded>a.toggle  div {
  transform: rotate(90deg);
}
.spacer {
  width: 100%;
  height: 3px;
  margin: 5px 0;
}
.chapter .spacer {
  background-color: var(--sidebar-spacer);
}
@media (-moz-touch-enabled: 1), (pointer: coarse) {
  .chapter li a {
    padding: 5px 0;
  }
  .spacer {
    margin: 10px 0;
  }
}
.section {
  list-style: none outside none;
  padding-left: 20px;
  line-height: 1.9em;
}
 
/* 主题弹出框 */
.theme-popup {
  position: absolute;
  left: 10px;
  top: var(--menu-bar-height);
  z-index: 1000;
  border-radius: 4px;
  font-size: .7em;
  color: var(--fg);
  background: var(--theme-popup-bg);
  border: 1px solid var(--theme-popup-border);
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
}
.theme-popup .default {
  color: var(--icons);
}
.theme-popup .theme {
  width: 100%;
  border: 0;
  margin: 0;
  padding: 2px 10px;
  line-height: 25px;
  white-space: nowrap;
  text-align: left;
  cursor: pointer;
  color: inherit;
  background: inherit;
  font-size: inherit;
}
.theme-popup .theme:hover {
  background-color: var(--theme-hover);
}
.theme-popup .theme:hover:first-child,
.theme-popup .theme:hover:last-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
 
/* 页面内容样式 */
.page {
  outline: 0;
  padding: 0 var(--page-padding);
  margin-top: calc(0px - var(--menu-bar-height));
}
.page-wrapper {
  box-sizing: border-box;
}
.js:not(.sidebar-resizing) .page-wrapper {
  transition: margin-left .3s ease, transform .3s ease;
}
.content {
  overflow-y: auto;
  padding: 0 15px;
  padding-bottom: 50px;
}
.content main {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--content-max-width);
}
.content p {
  line-height: 1.45em;
}
.content ol {
  line-height: 1.45em;
}
.content ul {
  line-height: 1.45em;
}
.content img,
.content video {
  max-width: 100%;
}
.content .header:link,
.content .header:visited {
  color: var(--fg);
  text-decoration: none;
}
 
/* 表格样式 */
table {
  margin: 0 auto;
  border-collapse: collapse;
}
table td {
  padding: 3px 20px;
  border: 1px var(--table-border-color) solid;
}
table thead {
  background: var(--table-header-bg);
}
table thead td {
  font-weight: 700;
  border: none;
}
table thead th {
  padding: 3px 20px;
}
table thead tr {
  border: 1px var(--table-header-bg) solid;
}
table tbody tr:nth-child(2n) {
  background: var(--table-alternate-bg);
}
 
/* 引用块样式 */
blockquote {
  margin: 20px 0;
  padding: 0 20px;
  color: var(--fg);
  background-color: var(--quote-bg);
  border-top: .1em solid var(--quote-border);
  border-bottom: .1em solid var(--quote-border);
}
 
/* 脚注样式 */
:not(.footnote-definition)+.footnote-definition,
.footnote-definition+:not(.footnote-definition) {
  margin-top: 2em;
}
.footnote-definition {
  font-size: .9em;
  margin: .5em 0;
}
.footnote-definition p {
  display: inline;
}
 
/* 工具提示 */
.tooltiptext {
  position: absolute;
  visibility: hidden;
  color: #fff;
  background-color: #333;
  transform: translateX(-50%);
  left: -8px;
  top: -35px;
  font-size: .8em;
  text-align: center;
  border-radius: 6px;
  padding: 5px 8px;
  margin: 5px;
  z-index: 1000;
}
.tooltipped .tooltiptext {
  visibility: visible;
}
 
/* 章节标题 */
.chapter li.part-title  {
  color: var(--sidebar-fg);
  margin: 5px 0;
  font-weight: 700;
}
 
/* 无输出结果 */
.result-no-output {
  font-style: italic;
}
 
/* 代码高亮配色 */
.hljs-comment { color: #969896; }
.hljs-variable,
.hljs-attribute,
.hljs-tag,
.hljs-regexp,
.ruby .hljs-constant,
.xml .hljs-tag .hljs-title,
.xml .hljs-pi,
.xml .hljs-doctype,
.html .hljs-doctype,
.css .hljs-id,
.css .hljs-class,
.css .hljs-pseudo { color: #c66; }
.hljs-number,
.hljs-preprocessor,
.hljs-pragma,
.hljs-built_in,
.hljs-literal,
.hljs-params,
.hljs-constant { color: #de935f; }
.ruby .hljs-class .hljs-title,
.css .hljs-rule .hljs-attribute { color: #f0c674; }
.hljs-string,
.hljs-value,
.hljs-inheritance,
.hljs-header,
.hljs-name,
.ruby .hljs-symbol,
.xml .hljs-cdata { color: #b5bd68; }
.hljs-title,
.css .hljs-hexcolor { color: #8abeb7; }
.hljs-function,
.python .hljs-decorator,
.python .hljs-title,
.ruby .hljs-function .hljs-title,
.ruby .hljs-title .hljs-keyword,
.perl .hljs-sub,
.javascript .hljs-title,
.coffeescript .hljs-title { color: #81a2be; }
.hljs-keyword,
.javascript .hljs-function { color: #b294bb; }
.hljs {
  display: block;
  overflow-x: auto;
  background: #1d1f21;
  color: #c5c8c6;
  padding: .5em;
  -webkit-text-size-adjust: none;
}
.coffeescript .javascript,
.javascript .xml,
.tex .hljs-formula,
.xml .javascript,
.xml .vbscript,
.xml .css,
.xml .hljs-cdata { opacity: .5; }
.hljs-addition { color: #718c00; }
.hljs-deletion { color: #c82829; }
 
/* 主题配色 */
.ayu {
  --bg: hsl(210, 25%, 8%);
  --fg: #c5c5c5;
  --sidebar-bg: #14191f;
  --sidebar-fg: #c8c9db;
  --sidebar-non-existant: #5c6773;
  --sidebar-active: #ffb454;
  --sidebar-spacer: #2d334f;
  --scrollbar: var(--sidebar-fg);
  --icons: #737480;
  --icons-hover: #b7b9cc;
  --links: #0096cf;
  --inline-code-color: #ffb454;
  --theme-popup-bg: #14191f;
  --theme-popup-border: #5c6773;
  --theme-hover: #191f26;
  --quote-bg: hsl(226, 15%, 17%);
  --quote-border: hsl(226, 15%, 22%);
  --table-border-color: hsl(210, 25%, 13%);
  --table-header-bg: hsl(210, 25%, 28%);
  --table-alternate-bg: hsl(210, 25%, 11%);
  --searchbar-border-color: #848484;
  --searchbar-bg: #424242;
  --searchbar-fg: #fff;
  --searchbar-shadow-color: #d4c89f;
  --searchresults-header-fg: #666;
  --searchresults-border-color: #888;
  --searchresults-li-bg: #252932;
  --search-mark-bg: #e3b171;
}
.coal {
  --bg: hsl(200, 7%, 8%);
  --fg: #98a3ad;
  --sidebar-bg: #292c2f;
  --sidebar-fg: #a1adb8;
  --sidebar-non-existant: #505254;
  --sidebar-active: #3473ad;
  --sidebar-spacer: #393939;
  --scrollbar: var(--sidebar-fg);
  --icons: #43484d;
  --icons-hover: #b3c0cc;
  --links: #2b79a2;
  --inline-code-color: #c5c8c6;
  --theme-popup-bg: #141617;
  --theme-popup-border: #43484d;
  --theme-hover: #1f2124;
  --quote-bg: hsl(234, 21%, 18%);
  --quote-border: hsl(234, 21%, 23%);
  --table-border-color: hsl(200, 7%, 13%);
  --table-header-bg: hsl(200, 7%, 28%);
  --table-alternate-bg: hsl(200, 7%, 11%);
  --searchbar-border-color: #aaa;
  --searchbar-bg: #b7b7b7;
  --searchbar-fg: #000;
  --searchbar-shadow-color: #aaa;
  --searchresults-header-fg: #666;
  --searchresults-border-color: #98a3ad;
  --searchresults-li-bg: #2b2b2f;
  --search-mark-bg: #355c7d;
}
.light {
  --bg: hsl(0, 0%, 100%);
  --fg: hsl(0, 0%, 0%);
  --sidebar-bg: #fafafa;
  --sidebar-fg: hsl(0, 0%, 0%);
  --sidebar-non-existant: #aaaaaa;
  --sidebar-active: #1f1fff;
  --sidebar-spacer: #f4f4f4;
  --scrollbar: #8F8F8F;
  --icons: #747474;
  --icons-hover: #000000;
  --links: #20609f;
  --inline-code-color: #301900;
  --theme-popup-bg: #fafafa;
  --theme-popup-border: #cccccc;
  --theme-hover: #e6e6e6;
  --quote-bg: hsl(197, 37%, 96%);
  --quote-border: hsl(197, 37%, 91%);
  --table-border-color: hsl(0, 0%, 95%);
  --table-header-bg: hsl(0, 0%, 80%);
  --table-alternate-bg: hsl(0, 0%, 97%);
  --searchbar-border-color: #aaa;
  --searchbar-bg: #fafafa;
  --searchbar-fg: #000;
  --searchbar-shadow-color: #aaa;
  --searchresults-header-fg: #666;
  --searchresults-border-color: #888;
  --searchresults-li-bg: #e4f2fe;
  --search-mark-bg: #a2cff5;
}
.navy {
  --bg: hsl(226, 23%, 11%);
  --fg: #bcbdd0;
  --sidebar-bg: #282d3f;
  --sidebar-fg: #c8c9db;
  --sidebar-non-existant: #505274;
  --sidebar-active: #2b79a2;
  --sidebar-spacer: #2d334f;
  --scrollbar: var(--sidebar-fg);
  --icons: #737480;
  --icons-hover: #b7b9cc;
  --links: #2b79a2;
  --inline-code-color: #c5c8c6;
  --theme-popup-bg: #161923;
  --theme-popup-border: #737480;
  --theme-hover: #282e40;
  --quote-bg: hsl(226, 15%, 17%);
  --quote-border: hsl(226, 15%, 22%);
  --table-border-color: hsl(226, 23%, 16%);
  --table-header-bg: hsl(226, 23%, 31%);
  --table-alternate-bg: hsl(226, 23%, 14%);
  --searchbar-border-color: #aaa;
  --searchbar-bg: #aeaec6;
  --searchbar-fg: #000;
  --searchbar-shadow-color: #aaa;
  --searchresults-header-fg: #5f5f71;
  --searchresults-border-color: #5c5c68;
  --searchresults-li-bg: #242430;
  --search-mark-bg: #a2cff5;
}
.rust {
  --bg: hsl(60, 9%, 87%);
  --fg: #262625;
  --sidebar-bg: #3b2e2a;
  --sidebar-fg: #c8c9db;
  --sidebar-non-existant: #505254;
  --sidebar-active: #e69f67;
  --sidebar-spacer: #45373a;
  --scrollbar: var(--sidebar-fg);
  --icons: #737480;
  --icons-hover: #262625;
  --links: #2b79a2;
  --inline-code-color: #6e6b5e;
  --theme-popup-bg: #e1e1db;
  --theme-popup-border: #b38f6b;
  --theme-hover: #99908a;
  --quote-bg: hsl(60, 5%, 75%);
  --quote-border: hsl(60, 5%, 70%);
  --table-border-color: hsl(60, 9%, 82%);
  --table-header-bg: #b3a497;
  --table-alternate-bg: hsl(60, 9%, 84%);
  --searchbar-border-color: #aaa;
  --searchbar-bg: #fafafa;
  --searchbar-fg: #000;
  --searchbar-shadow-color: #aaa;
  --searchresults-header-fg: #666;
  --searchresults-border-color: #888;
  --searchresults-li-bg: #dec2a2;
  --search-mark-bg: #e69f67;
}
 
/* 暗色模式适配 */
@media(prefers-color-scheme:dark) {
  .light.no-js  {
    --bg: hsl(200, 7%, 8%);
    --fg: #98a3ad;
    --sidebar-bg: #292c2f;
    --sidebar-fg: #a1adb8;
    --sidebar-non-existant: #505254;
    --sidebar-active: #3473ad;
    --sidebar-spacer: #393939;
    --scrollbar: var(--sidebar-fg);
    --icons: #43484d;
    --icons-hover: #b3c0cc;
    --links: #2b79a2;
    --inline-code-color: #c5c8c6;
    --theme-popup-bg: #141617;
    --theme-popup-border: #43484d;
    --theme-hover: #1f2124;
    --quote-bg: hsl(234, 21%, 18%);
    --quote-border: hsl(234, 21%, 23%);
    --table-border-color: hsl(200, 7%, 13%);
    --table-header-bg: hsl(200, 7%, 28%);
    --table-alternate-bg: hsl(200, 7%, 11%);
    --searchbar-border-color: #aaa;
    --searchbar-bg: #b7b7b7;
    --searchbar-fg: #000;
    --searchbar-shadow-color: #aaa;
    --searchresults-header-fg: #666;
    --searchresults-border-color: #98a3ad;
    --searchresults-li-bg: #2b2b2f;
    --search-mark-bg: #355c7d;
  }
}
 
/* 下载按钮样式 */
.download-btn {
  display: inline-flex;
  align-items: center;
  padding: 16px 32px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 18px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(255, 107, 107, 0.3);
  color: white;
  border: 1px solid rgba(255,255,255,0.2);
}
.download-btn .icon { 
  margin-right: 12px; 
}
.download-btn .badge {
  margin-left: 16px;
  font-size: 12px;
  opacity: 0.9;
  padding-left: 16px;
  border-left: 1px dashed rgba(255,255,255,0.3);
}
.download-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 40px rgba(255, 107, 107, 0.5);
}
.download-btn:active {
  transform: scale(0.98);
}
 
/* 脉冲动画 */
.pulse::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,255,255,0.8) 0%, transparent 70%);
  opacity: 0;
  animation: pulse 3s infinite;
}
@keyframes pulse {
  0% { transform: scale(0.8); opacity: 0; }
  50% { opacity: 0.2; }
  100% { transform: scale(1.3); opacity: 0; }
}
 
/* 辅助类 */
.left { float: left; }
.right { float: right; }
.boring { opacity: .6; }
.hide-boring .boring { display: none; }
.hidden { display: none!important; }
h2, h3 { margin-top: 2.5em; }
h4, h5 { margin-top: 2em; }
.header+.header h3,
.header+.header h4,
.header+.header h5 { margin-top: 1em; }
h1:target::before,
h2:target::before,
h3:target::before,
h4:target::before,
h5:target::before,
h6:target::before {
  display: inline-block;
  content: "»";
  margin-left: -30px;
  width: 30px;
}
:target {
  scroll-margin-top: calc(var(--menu-bar-height) + 0.5em);
}
 
/* Font Awesome 图标字体 */
@font-face {
  font-family: fontawesome;
  src: url(https://www.qwqdown.com/fonts/fontawesome-webfont.eot?v=4.7.0); 
  src: url(https://www.qwqdown.com/fonts/fontawesome-webfont.eot?)  format('embedded-opentype'),
       url(https://www.qwqdown.com/fonts/fontawesome-webfont.woff2?v=4.7.0)  format('woff2'),
       url(https://www.qwqdown.com/fonts/fontawesome-webfont.woff?v=4.7.0)  format('woff'),
       url(https://www.qwqdown.com/fonts/fontawesome-webfont.ttf?v=4.7.0)  format('truetype'),
       url(https://www.qwqdown.com/fonts/fontawesome-webfont.svg?v=4.7.0)  format('svg');
  font-weight: 400;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* 这里省略了所有Font Awesome的具体图标定义... */