@charset "UTF-8";
@import url('/media/css/pygments.css');
@font-face {
  font-family: 'Microsoft Yahei Mono';
  src: url('https://yenwtime-1255970624.cos.ap-guangzhou.myqcloud.com/fonts/Microsoft-YaHei-Mono.ttf');
}
.page-shadow {
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
}

.page-pro {
  border-radius: 6px;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-pro:hover {
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
  transform: translateY(-5px);
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-size: 16px;
  font-family: Open Sans, Helvetica, Tahoma, Arial, Baskerville, Times New Roman,
    source-han-serif-sc, Microsoft YaHei, Georgia, Nimbus Roman No9 L, Songti SC,
    Noto Serif CJK SC, Source Han Serif SC, Source Han Serif CN, STSong,
    AR PL New Sung, AR PL SungtiL GB, NSimSun, SimSun, TW-Sung,
    WenQuanYi Bitmap Song, AR PL UMing CN, AR PL UMing HK, AR PL UMing TW,
    AR PL UMing TW MBE, PMingLiU, MingLiU, serif;
  color: #000000;
  -webkit-font-smoothing: antialiased;
}

ol,
ul {
  list-style-position: inside;
}

li {
  padding: 0.4em 0;
  margin: 0 0 0 1em;
}

hr {
  border: none;
  margin: 1em 0;
  border-top: 1px dashed #999;
  border-bottom: 1px dashed #ffffff;
}

a,
article .divider a {
  text-decoration: none;
}

::selection {
  color: #fff;
  background-color: #333;
}

@font-face {
  font-family: '方正宋刻本秀楷繁体';
  src: url('/media/fonts/方正宋刻本秀楷繁体.otf');
}
blockquote {
  margin: 1em 0;
  border-left: 2px dashed #909090;
  padding-left: 1em;
  font-size: 18px;
  font-family: 'Open Sans', Helvetica, Tahoma, Arial, Baskerville,
    'Times New Roman', 'source-han-serif-sc', 'Microsoft YaHei', Georgia,
    'Nimbus Roman No9 L', 'Songti SC', 'Noto Serif CJK SC',
    'Source Han Serif SC', 'Source Han Serif CN', STSong, 'AR PL New Sung',
    'AR PL SungtiL GB', NSimSun, SimSun, 'TW-Sung', 'WenQuanYi Bitmap Song',
    'AR PL UMing CN', 'AR PL UMing HK', 'AR PL UMing TW', 'AR PL UMing TW MBE',
    PMingLiU, MingLiU, serif, fantasy;
  color: #909090;
}

pre code {
  color: #000;
  padding: 0 1em;
  margin: 1em 0;
  display: block;
  overflow: auto;
  font-size: 0.8em;
  font-family: Consolas, 'Microsoft Yahei', -apple-system, 'Noto Sans',
    'Helvetica Neue', Helvetica, 'Nimbus Sans L', Tahoma, Arial,
    'Liberation Sans', 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans CJK SC',
    'Source Han Sans SC', 'Source Han Sans CN', 'Microsoft YaHei',
    'Wenquanyi Micro Hei', 'WenQuanYi Zen Hei', 'ST Heiti', SimHei,
    'WenQuanYi Zen Hei Sharp', sans-serif, monospace, monospace;
  background-color: #f8f8f8;
  border-left: 2px solid #2bb6c9;
  border-color: #2bb6c9 !important;
}

code {
  color: #722ed1;
  font-family: Consolas, 'Microsoft Yahei', -apple-system, 'Noto Sans',
    'Helvetica Neue', Helvetica, 'Nimbus Sans L', Tahoma, Arial,
    'Liberation Sans', 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans CJK SC',
    'Source Han Sans SC', 'Source Han Sans CN', 'Microsoft YaHei',
    'Wenquanyi Micro Hei', 'WenQuanYi Zen Hei', 'ST Heiti', SimHei,
    'WenQuanYi Zen Hei Sharp', sans-serif, monospace, monospace;
}

h1 {
  font-size: 32px;
  margin: 2em 0 0.5em 0;
}

h2 {
  font-size: 24px;
  margin: 2em 0 0.5em 0;
}

h3 {
  font-size: 20px;
  margin: 2em 0 0.5em 0;
}

h4 {
  font-size: 18px;
  margin: 2em 0 0.5em 0;
}

time {
  font-family: -apple-system, Noto Sans, Helvetica Neue, Helvetica,
    Nimbus Sans L, Tahoma, Arial, Liberation Sans, PingFang SC, Hiragino Sans GB,
    Noto Sans CJK SC, Source Han Sans SC, Source Han Sans CN, Microsoft YaHei,
    Wenquanyi Micro Hei, WenQuanYi Zen Hei, ST Heiti, SimHei,
    WenQuanYi Zen Hei Sharp, sans-serif, monospace;
}

header {
  margin: 0 auto;
  text-align: justify;
  margin: 3em auto;
}
@media screen and (min-width: 768px) {
  header {
    width: 728px;
  }
}
@media screen and (max-width: 768px) {
  header {
    padding: 0 20px;
  }
}
header:after {
  content: '';
  width: 100%;
  display: inline-block;
}
header #header {
  display: inline-block;
  position: relative;
  top: 1em;
}
header #header h1 {
  font-family: -apple-system, Noto Sans, Helvetica Neue, Helvetica,
    Nimbus Sans L, Tahoma, Arial, Liberation Sans, PingFang SC, Hiragino Sans GB,
    Noto Sans CJK SC, Source Han Sans SC, Source Han Sans CN, Microsoft YaHei,
    Wenquanyi Micro Hei, WenQuanYi Zen Hei, ST Heiti, SimHei,
    WenQuanYi Zen Hei Sharp, sans-serif;
}
header #header h1 a {
  text-decoration: none;
  color: #a9a9a9;
  display: block;
}
header #header h1 a:hover {
  color: #2bb6c9;
}
header nav {
  display: inline-block;
  position: relative;
  top: 1em;
}
header nav span {
  margin: 0.5em;
}
header nav a,
header nav article .divider a,
article .divider header nav a {
  font-family: -apple-system, Noto Sans, Helvetica Neue, Helvetica,
    Nimbus Sans L, Tahoma, Arial, Liberation Sans, PingFang SC, Hiragino Sans GB,
    Noto Sans CJK SC, Source Han Sans SC, Source Han Sans CN, Microsoft YaHei,
    Wenquanyi Micro Hei, WenQuanYi Zen Hei, ST Heiti, SimHei,
    WenQuanYi Zen Hei Sharp, sans-serif;
  color: #ccc;
}
header nav a:hover {
  color: #2bb6c9;
  border-bottom: none;
}

#content {
  margin: 0 auto;
  line-height: 2em;
}
@media screen and (min-width: 768px) {
  #content {
    width: 728px;
  }
}
@media screen and (max-width: 768px) {
  #content {
    padding: 0 20px;
  }
}
#content .main-listing {
  margin-bottom: 2em;
}
#content a:hover {
  color: #2bb6c9;
}

ul.listing {
  margin-top: 1em;
}
ul.listing a {
  color: #000000;
}
ul.listing a:hover {
  color: #2bb6c9;
}
ul.listing li {
  list-style-type: none;
  padding: 0;
}
ul.listing li.listing-item a {
  display: inline-block;
  position: relative;
  padding: 0.2em 0 0.2em 0em;
}
ul.listing li.listing-item a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #2bb6c9;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
ul.listing li.listing-item a:hover::after {
  transform: scaleX(1);
  color: #2bb6c9;
  transform-origin: bottom left;
}
ul.listing li.listing-item time {
  color: #2bb6c9;
  margin: 0 0.5em 0 0;
  font-weight: bold;
}
ul.listing li.listing-item:hover {
  color: #2bb6c9;
}
ul.listing li.listing-seperator {
  margin: 1em 0;
  font-size: 1em;
  font-family: -apple-system, Noto Sans, Helvetica Neue, Helvetica,
    Nimbus Sans L, Tahoma, Arial, Liberation Sans, PingFang SC, Hiragino Sans GB,
    Noto Sans CJK SC, Source Han Sans SC, Source Han Sans CN, Microsoft YaHei,
    Wenquanyi Micro Hei, WenQuanYi Zen Hei, ST Heiti, SimHei,
    WenQuanYi Zen Hei Sharp, sans-serif;
  font-weight: bold;
}
ul.listing li.listing-seperator:before {
  content: '『　';
  color: #ccc;
}
ul.listing li.listing-seperator:after {
  content: '　』';
  color: #ccc;
}

article {
  margin: 2em 0;
}
article p {
  padding: 0.7em 0;
}
article .title {
  font-family: 'source-han-serif-sc', 'Microsoft YaHei', Georgia,
    'Nimbus Roman No9 L', 'Songti SC', 'Noto Serif CJK SC',
    'Source Han Serif SC', 'Source Han Serif CN', STSong, 'AR PL New Sung',
    'AR PL SungtiL GB', NSimSun, SimSun, 'TW-Sung', 'WenQuanYi Bitmap Song',
    'AR PL UMing CN', 'AR PL UMing HK', 'AR PL UMing TW', 'AR PL UMing TW MBE',
    PMingLiU, MingLiU, serif;
  font-weight: 700;
  line-height: 48px;
}
article .title:hover {
  color: #2bb6c9 !important;
}
article .title a {
  color: #777;
}
article .meta {
  display: block;
  color: #909090;
  overflow: auto;
  margin-top: -0.5em;
  font-size: 0.8em;
  font-family: -apple-system, Noto Sans, Helvetica Neue, Helvetica,
    Nimbus Sans L, Tahoma, Arial, Liberation Sans, PingFang SC, Hiragino Sans GB,
    Noto Sans CJK SC, Source Han Sans SC, Source Han Sans CN, Microsoft YaHei,
    Wenquanyi Micro Hei, WenQuanYi Zen Hei, ST Heiti, SimHei,
    WenQuanYi Zen Hei Sharp, sans-serif;
}
article .meta .item {
  color: #909090;
}
article .meta .item a {
  color: #909090;
}
article .meta .item a:hover {
  color: #2bb6c9 !important;
}
article .post a:not(img) {
  color: #2bb6c9;
  display: inline-block;
  position: relative;
}
article .post a:not(img)::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #2bb6c9;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
article .post a:not(img):hover::after {
  transform: scaleX(1);
  color: #2bb6c9;
  transform-origin: bottom left;
}
article .post img {
  max-width: 100%;
  display: block;
  margin: 0.5em auto;
  border-radius: 6px;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
article .post img:hover {
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
  transform: translateY(-5px);
}
article .page a:not(img) {
  color: #222;
  display: inline-block;
  position: relative;
}
article .page a:not(img)::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #2bb6c9;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
article .page a:not(img):hover::after {
  transform: scaleX(1);
  color: #2bb6c9;
  transform-origin: bottom left;
}
article .page img {
  max-width: 100%;
  display: block;
  margin: 0.5em auto;
  border-radius: 6px;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
article .page img:hover {
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
  transform: translateY(-5px);
}
article .about a:not(img) {
  color: #2bb6c9;
}
article .comment {
  margin: 3em 0;
}
article .divider {
  margin: 2em 0 0 0;
}
article .divider i {
  margin: 0 1em;
  color: #909090;
}
article .divider a {
  font-family: -apple-system, Noto Sans, Helvetica Neue, Helvetica,
    Nimbus Sans L, Tahoma, Arial, Liberation Sans, PingFang SC, Hiragino Sans GB,
    Noto Sans CJK SC, Source Han Sans SC, Source Han Sans CN, Microsoft YaHei,
    Wenquanyi Micro Hei, WenQuanYi Zen Hei, ST Heiti, SimHei,
    WenQuanYi Zen Hei Sharp, sans-serif;
  margin: 0 1em;
}
article .divider a i {
  color: #909090;
  margin: 0;
}
article .divider a i:hover {
  color: #2bb6c9 !important;
}
article .divider {
  position: relative;
  font-size: 1.5em;
  font-weight: bolder;
  z-index: 1;
  overflow: hidden;
  text-align: center;
}
article .divider:before,
article .divider:after {
  position: absolute;
  top: 50%;
  width: 50%;
  height: 1px;
  content: '\a0';
  background-color: #2bb6c9;
}
article .divider:before {
  margin-left: -50%;
  text-align: right;
}
article .divider:after {
  margin-left: 1%;
}

footer {
  margin: 0 auto;
  display: block;
  color: #909090;
  font-family: -apple-system, Noto Sans, Helvetica Neue, Helvetica,
    Nimbus Sans L, Tahoma, Arial, Liberation Sans, PingFang SC, Hiragino Sans GB,
    Noto Sans CJK SC, Source Han Sans SC, Source Han Sans CN, Microsoft YaHei,
    Wenquanyi Micro Hei, WenQuanYi Zen Hei, ST Heiti, SimHei,
    WenQuanYi Zen Hei Sharp, sans-serif;
  font-size: 0.8em;
  text-align: center;
  margin-top: 5em;
}
@media screen and (min-width: 768px) {
  footer {
    width: 728px;
  }
}
@media screen and (max-width: 768px) {
  footer {
    padding: 0 20px;
  }
}
footer a,
footer article .divider a,
article .divider footer a {
  color: #000000;
  display: inline-block;
  position: relative;
}
footer a::after,
footer article .divider a::after,
article .divider footer a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #2bb6c9;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
footer a:hover::after {
  transform: scaleX(1);
  color: #2bb6c9;
  transform-origin: bottom left;
}

#tag_cloud {
  margin-bottom: 1em;
}

.gist {
  font-size: 18px;
  line-height: 1.6;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.embed-responsive-21by9 {
  padding-top: 42.857143%;
}

.embed-responsive-1by1 {
  padding-top: 100%;
}

.small {
  zoom: 0.5;
}

img + em {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: Baskerville, Georgia, 'Liberation Serif', Baskerville, Georgia,
    'Liberation Serif', 'Kaiti SC', STKaiti, 'AR PL UKai CN', 'AR PL UKai HK',
    'AR PL UKai TW', 'AR PL UKai TW MBE', 'AR PL KaitiM GB', KaiTi, KaiTi_GB2312,
    DFKai-SB, 'TW-Kai', serif;
}

.note {
  /* position: relative;
  border: 0; */
  font-style: italic;
}

/* .note:before {
  content: '\f06a';
  font-size: 2em;
  font-family: FontAwesome;
  left: 0px;
  margin: 0 0.1em 0 0;
  position: relative;
  color: #2bb6c9;
} */

table {
  border-left: 2px solid #2bb6c9;
  border-top: 2px solid #2bb6c9;
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto 10px;
  word-wrap: break-word;
  word-break: break-all;
}

table th {
  text-transform: uppercase;
  text-align: center;
  padding: 0.5em 0.75em;
}

table th,
td {
  padding: 0.5em;
  border: 2px solid #2bb6c9;
}

.key {
  font-size: 1em;
  box-shadow: 1px 0 1px 0 #555, 0 1px 0 2px #888, 0 2px 0 2px #777;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 2px 3px;
  padding: 0px 5px;
}

.poem {
  margin: 1em 0;
  padding: 1em 1em;
  font-size: 16px;
  background-color: #f8f8f8;
  border-top: 1.5px dashed #909090;
  border-bottom: 1.5px dashed #909090;
  font-family: Open Sans, Helvetica, Tahoma, Arial, Baskerville, Times New Roman,
    source-han-serif-sc, Microsoft YaHei, Georgia, Nimbus Roman No9 L, Songti SC,
    Noto Serif CJK SC, Source Han Serif SC, Source Han Serif CN, STSong,
    AR PL New Sung, AR PL SungtiL GB, NSimSun, SimSun, TW-Sung,
    WenQuanYi Bitmap Song, AR PL UMing CN, AR PL UMing HK, AR PL UMing TW,
    AR PL UMing TW MBE, PMingLiU, MingLiU, serif;
}

div.img {
  border: 1px solid #999;
}

div.img:hover {
  border: 1px solid #2bb6c9;
}

div.img img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 5px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 2px;
  margin: 0.5em 0;
  float: left;
  width: 50%;
}

@media only screen and (max-width: 50%) {
  .responsive {
    width: 49.99999%;
    margin: 2px 0;
  }
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

.center {
  text-align: center;
}

#back-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  text-align: center;
  color: black;
}

#back-top a {
  width: 32px;
  height: 32px;
  display: inline-block;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
#back-top a i {
  color: black;
  font-size: 24px;
}

#back-top a:hover i {
  color: #2bb6c9;
}

/*# sourceMappingURL=style.css.map */