/* 根元素 */ html { color: #f7f7f7; background-color: #463d4e; } /* 章节

*/ body { color: #f7f7f7; background-color: #463d4e; } article { background-color: #2d2833; } /* 组织内容

       
   
*/
 hr {
     color: #6f6e6e;
 }

 blockquote {
     color: #6a737d;
     border-left: .25em solid #5b5958;
 }

 /* 文字形式
              
 _{^{*/
 a {
     color: #f27052;
 }

 a:hover {
     border-bottom: 1px solid #f27052;
 }

 .copyright a {
     color: #f7f7f7;
 }

 a.list,
 .post-nav a,
 .copyright a,
 .menu button,
 .masthead .menu a,
 #TableOfContents li {
     color: #f7f7f7;
 }

 a.list:hover,
 .post-nav a:hover,
 .copyright a:hover,
 .masthead .menu a:hover,
 .masthead .menu .active a:hover {
     color: #f27052;
     border-bottom: 1px solid #f27052;
 }

 .menu button:hover {
     color: #f27052;
 }

 #TableOfContents>ul li:hover {
     color: #f27052;
 }

 .masthead .menu .active a {
     border-bottom: 1px solid #f7f7f7;
 }

 code {
     color: #dddddd;
     background-color: #212121;
 }

 code.hljs {
     background: #222;
     color: #b1b1b1;
 }

 .hljs span {
     filter: brightness(90%);
 }

 /* 编辑
  
*/
 ins {
     color: #6f6e6e;
 }

 del {
     color: #7a7a7a;
 }

 /* 嵌入内容
   <embed> <object> <param> <video> <audio> <source> <track> <canvas> <map>
 <area> <area> <map> <svg> <math>
*/
 img {
     filter: brightness(80%);
 }

 /* 表格
 <table> <caption> <colgroup> <col> <tbody> <thead> <tfoot> <tr> <td> <th>
*/
 thead {
     background-color: #222;
 }

 table tr:nth-child(2n) {
     background-color: #222;
 }

 td,
 th {
     border: 1px solid #5b5958;
 }

 /* 表单
 <form> <fieldset> <legend> <label> <input> <button> <select> <datalist> <optgroup> <option>
 <select> <textarea> <keygen> <output> <progress> <meter>
*/

 /* 交互元素
 <details> <summary> <menuitem> <menu>
*/

 /* 选择器 class id  */
 .main {
     padding-top: 40px;
     border: 1px solid #4e4c4b;
 }

 .masthead {
     background: #463d4e;
 }

 .menu button {
     background: linear-gradient(#463d4e, #463d4e);
 }

 #eof {
     color: #6f6e6e;
 }

 .home .wrapper {
     background: #463d4e;
 }

 /* 伪类 */
 ::selection {
     background: #f27052fc;
     color: #f7f7f7;
 }

 :focus {
     outline: none;
     box-shadow: 0 0 0em 0.1em #f27052;
     border-radius: 1px;
 }

 /* 首页 */
 main.index {
     background-color: #2d2833;
 }

 article.index button {
     background: linear-gradient(#2d2833, #2d2833);
 }

 main.index:hover aside {
     background: #212021;
 }

 article.index {
     border-top: 2px solid #6f6e6e;
     border-bottom: 2px solid #6f6e6e;
 }

 article.index a,
 article.index button,
 article.index ruby.link,
 article.index ruby.link:hover a,
 article.index ruby.link:hover rt {
     color: #f27052;
 }

 article.index ruby.link a:hover {
     border-bottom: 1px solid #f27052;
 }

 @media only screen and (max-width:668px) {
     aside.index {
         background: #212021;
     }
 }

 /* 移动端与 PC 端适配 */
 @media screen and (max-width:1220px) {
     .masthead {
         border-bottom: 1px solid #4e4c4b;
         background: #222;
     }

     .menu button {
         background: linear-gradient(#222, #222);
     }

     .masthead .menu .active a,
     .masthead .menu .active a:hover {
         border: 1px solid #4e4c4b !important;
     }

     .main {
         border: none;
     }
 }}}