/*  */ @media (min-width: 100px) {  body {   overflow-x: hidden;  }   :root {   --ttl-h2: 24px;   --side-menu: flex;   --side-menu-p: 12px;   --side-menu-size: 12px;   --link-bg: #F1F1F1;   --link-bg-hv: #CCC;   --link-full: unset;   --link-yuan: 6em;   --link-hover-block: none;  } }  @media (min-width: 745px) {  body {   overflow-x: hidden;  }   :root {   --ttl-h2: 20px;   --side-menu: block;   --side-menu-p: 8px;   --side-menu-size: 12px;   --link-bg: #F1F1F1;   --link-bg-hv: #CCC;   --link-full: 80%;   --link-yuan: 1em;   --link-hover-block: none;  } }  @media (min-width: 1200px) {  :root {   --ttl-h2: 18px;   --side-menu: block;   --side-menu-p: 2px;   --side-menu-size: 12px;   --link-bg: rgba(0, 0, 0, 0.0);   --link-bg-hv: rgba(0, 0, 0, 0.0);   --link-full: 100%;   --link-yuan: 0;   --link-hover-block: -6px 0px 0px #000;  } }  /* 全局设定 */ body {  background-color: #F6F6F6;  margin-left: 0;  margin-right: 0;  margin-bottom: 50px;  padding: 0;  margin: 0 auto;  max-width: 2018px;  animation: topani 10s;  -moz-transition-duration: 10s;  -webkit-transition-duration: 10s;  transition-duration: 10s; }  a:hover {  text-decoration: none; }  #content {  background-color: #F7F7F7; }  #content a {  border: 3px dotted rgba(0, 0, 0, 0.0);  opacity: 0.7; }  #content a:hover {  border: 3px dotted rgba(0, 0, 0, 0.6);  text-decoration: none;  text-shadow: none;  position: relative;  opacity: 1; }  #content a:focus-visible {  border: 3px dotted rgba(0, 0, 0, 0.9);  text-decoration: none;  text-shadow: none;  position: relative;  opacity: 1;  outline: none; }  a {  -moz-transition: 0.2s cubic-bezier(0.57, 0.45, 0, 0.98);  -webkit-transition: 0.2s cubic-bezier(0.57, 0.45, 0, 0.98);  transition: 0.2s cubic-bezier(0.57, 0.45, 0, 0.98); }  a:active {  position: relative;  animation: adooo 1s; }  u {  text-decoration: none; }  h2 {  font-family: Microsoft JhengHei; }  /* 限定 */ #top {  background-color: #4285F4;  height: 200px;  animation: topaniop 10s;  -moz-animation: topaniop 10s;  /* Firefox */  -webkit-animation: topaniop 10s;  /* Safari and Chrome */  -o-animation: topaniop 10s;  /* Opera */ }  #leftmenu {  background-color: #FEFEFE;  width: 211px; }  #leftmenu a {  border-left: 2px #ccc;  margin: 0.16em; }  #leftmenu a:hover {  background-color: unset;  box-shadow: var(--link-hover-block) }  #blogCalendar {  color: #444; }  .CalTodayDay {  color: #0058e5;  border: 2px solid; }  .CalOtherMonthDay {  color: #AAA; }  #blogCalendar a:link {  color: #003180;  font-weight: 600; }  #blogCalendar a:visited {  color: #0058e5;  font-weight: 600; }  #sidebar_shortcut ul, #sidebar_toptags ul, #sidebar_categories ul {  display: var(--side-menu);  padding: 10px;  flex-wrap: wrap; }  #sidebar_shortcut a, #sidebar_toptags a, #sidebar_categories a {  width: var(--link-full); }  #blog-sidecolumn li {  background: var(--link-bg);  margin: var(--side-menu-p);  border-radius: var(--link-yuan); }  #blog-sidecolumn li:hover {  background: var(--link-bg-hv); }  #blog-sidecolumn a {  padding: var(--side-menu-p) !important; }  #Header1_HeaderTitle {  font-size: 50px; }  #wrapper {  margin: 10px 20px;  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);  background: #FFF !important; }  #content .post {  padding: 13px;  animation: divStartPXX 0.7s;  -moz-transition-duration: divStartPXX 0.7s;  -webkit-transition-duration: divStartPXX 0.7s;  transition-duration: divStartPXX 0.7s; }  #content h2 {  font-size: var(--ttl-h2) !important; }  #cnblogs_post_body p {  margin: 0.1em auto .3em 0em;  font-size: 16px }  #cnblogs_post_body img {  margin: 0.6em auto .1em 0em; }  /* 头像 */ .author_profile_info {  line-height: 22px;  margin-top: 8px; }  .author_avatar {  border-radius: 5em; }  #blog_post_info {  border-top: 4px dotted #00000050; }  #green_channel {  border: none; }  p.date span {  background: none }  .cnblogs_code span {  color: #FFFFFF; }  .Cal {  border: none;  background-color: #FAFAFA;  background-color: #fafafa; }  .CalDayHeader {  background-color: #0091ea;  color: #FFF;  font-weight: 330; }  .CalTitle {  background-color: #02569b;  color: #FFF !important; }  .post {  border: 0px solid #7dafff;  border-left-width: .8em;  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);  -moz-transition: .3s cubic-bezier(0.57, 0.45, 0, 0.98);  -webkit-transition: .3s cubic-bezier(0.57, 0.45, 0, 0.98);  transition-duration: .3s cubic-bezier(0.57, 0.45, 0, 0.98);  ;  background-color: #F8F8F8; }  .post:hover {  border: 0px solid #4285f4;  border-left-width: .6em;  box-shadow: 3px 0px 32px 2px rgba(0, 0, 0, .3); }  .post:visited {  border: 0px solid #4285f4;  border-left-width: .6em;  box-shadow: 3px 0px 32px 2px rgba(0, 0, 0, .3); }  .postbody {  font-family: Microsoft JhengHei Light;  background-color: #F9F9F9; }  .cnblogs_code {  background-color: #202A35;  border-left: 7px solid #f82145;  padding: 10px 6px;  border-top: none;  border-bottom: none;  border-right: none; }  .cnblogs_code pre {  font-size: 15px !important;  color: #FFF; }  .cnblogs_code div {  background-color: #202A35; }  .c_b_p_desc {  font-family: Microsoft YaHei; }  #sub {  text-align: right;  background-color: #7DAFFF;  color: #FFF;  font-size: 14px;  padding: 4px;  padding-left: 10px;  position: relative;  animation: blsub 5s;  -moz-animation: blsub 5s;  /* Firefox */  -webkit-animation: blsub 5s;  /* Safari and Chrome */  -o-animation: blsub 5s;  /* Opera */ }  #content {  border-left: 0px;  border-bottom: 0px;  margin-left: 210px; }  #under_post_news {  float: left }  #footer {  background: #DDD;  color: #DDD }  #footer2 {  width: 100%;  text-align: center;  margin-bottom: .6em;  user-select: none; }  #coloregg {  width: 100%;  height: 8px; }  #ce1 {  height: 8px;  background-color: #DDD;  animation: anigl 2s;  -moz-animation: dnigl 2s;  /* Firefox */  -webkit-animation: anigl 2s;  /* Safari and Chrome */  -o-animation: anigl 2s;  /* Opera */ }  #ce2 {  height: 8px;  background-color: #9A9A9A;  animation: anigl 3s;  -moz-animation: dnigl 3s;  /* Firefox */  -webkit-animation: anigl 3s;  /* Safari and Chrome */  -o-animation: anigl 3s;  /* Opera */ }  #ce3 {  height: 8px;  background-color: #7E7E7E;  animation: anigl 5s;  -moz-animation: dnigl 5s;  /* Firefox */  -webkit-animation: anigl 5s;  /* Safari and Chrome */  -o-animation: anigl 5s;  /* Opera */ }  #ce4 {  height: 8px;  background-color: #666666;  animation: anigl 7s;  -moz-animation: dnigl 7s;  /* Firefox */  -webkit-animation: anigl 7s;  /* Safari and Chrome */  -o-animation: anigl 7s;  /* Opera */ }  #ce5 {  height: 77px;  width: 77px;  animation: animd 3s;  -moz-animation: animd 3s;  /* Firefox */  -webkit-animation: animd 3s;  /* Safari and Chrome */  -o-animation: animd 3s;  /* Opera */  animation-iteration-count: infinite; }  /* 动画设定 */ @keyframes topani {  0% {   background: #4285F4;  }   7% {   background: #4285F4;  }   11% {   background: #396CD6;  }   18% {   background: #396CD6;  }   22% {   background: #34A853;  }   29% {   background: #34A853;  }   33% {   background: #1CA261;  }   40% {   background: #1CA261;  }   44% {   background: #FBBC05;  }   51% {   background: #FBBC05;  }   55% {   background: #DD4C40;  }   62% {   background: #DD4C40;  }   66% {   background: #EA4335;  }   73% {   background: #EA4335;  }   89% {   background: #FFF;  }   96% {   background: #FFF;  }   100% {   background: #F6F6F6;  } }  @keyframes topaniop {  0% {   background: #4285F4;   opacity: .8;  }   7% {   background: #4285F4;   opacity: .8;  }   11% {   background: #396CD6;   opacity: .8;  }   18% {   background: #396CD6;   opacity: .8;  }   22% {   background: #34A853;   opacity: .8;  }   29% {   background: #34A853;   opacity: .8;  }   33% {   background: #1CA261;   opacity: .8;  }   40% {   background: #1CA261;   opacity: .8;  }   44% {   background: #FBBC05;   opacity: .8;  }   51% {   background: #FBBC05;   opacity: .8;  }   55% {   background: #DD4C40;   opacity: .8;  }   62% {   background: #DD4C40;   opacity: .8;  }   66% {   background: #EA4335;   opacity: .8;  }   73% {   background: #EA4335;   opacity: .8;  }   89% {   background: #FFF;   opacity: .8;  }   96% {   background: #FFF;   opacity: .8;  }   100% {   background: #4285F4;   opacity: 1;  } }  @keyframes bgani {  0% {   background: #FFF;  }   10% {   background: #F0F0F0;  }   50% {   background: #DDD;  }   70% {   background: #9A9A9A;  }   90% {   background: #FFF;  }   100% {   background: #F6F6F6;  } }  @keyframes ado {  0% {   left: 0px;  }   1% {   left: -9px;  }   100% {   left: .8em;  } }  @keyframes adoo {  0% {   opacity: 0.6;  }   1% {   opacity: 0.5;  }   2% {   opacity: 0.9;  }   100% {   opacity: 0.9;  } }  @keyframes adooo {  0% {   opacity: 0.6;  }   10% {   opacity: 0.5;  }   30% {   opacity: 1;  }   100% {   opacity: 1;  } }  @keyframes anigl {  0% {   width: 0;  }   93% {   width: 190px;  } }  @keyframes divStartPXX {  0% {   padding: 13px;  }   50% {   padding: 0px;  }   100% {   padding: 13px;  } }