:root {
  --color-text: #000;
  --color-background: #fff;
  --color-link: #f30;
  --color-clear: #f3f3f3;
  --color-shadow: transparent;
  --color-error: #933;
  --color-body-back: #666;
  --color-header-text: #333;
  --color-header-background: #fff;
  --color-spinner-front: #333;
  --color-spinner-back: rgba(255,255,255,0.933);
  --color-progress-front: #333;
  --color-progress-back: #eee;
  --color-goingto-shadow: #333;
  --color-menus-hover: #eee;
  --color-menus-active-text: #fff;
  --color-menus-active-background: #333;
  --color-settings-switch-on: #333;
  --color-settings-switch-off: #ddd;
  --color-audioplayer-lrc: #555;
  --color-audioplayer-lrc-current: #111;
  --color-audioplayer-lrc-background: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,0.8));
  --color-audioplayer-lrc-mobile-back: rgba(255,255,255,0.933);
  --color-post-license-back: rgba(255,51,0,0.067);
  --color-post-ending: #ddd;
  --color-toc-link: #333;
  --color-toc-active-text: #fff;
  --color-toc-active-background: #333;
  --color-search-highlight: #0c9;
  --color-extension-front: #333;
  --color-extension-back: #fff;
  --color-extension-hover: #eee;
  --color-records-progress-back: #9c3;
  --color-records-progress-back-l: #fc3;
  --color-records-progress-front: #333;
  --color-gallery: #ddd;
  --color-gallery-hover: #ccc;
  --color-recentposts-more-front: #09f;
  --color-recentposts-more-back: #fff;
  --color-codelib-text: #09f;
  --color-translater-highlight: rgba(51,51,51,0.6);
  --color-notification-text: #333;
  --color-iconlib-iframe-back: #fff;
}
:root.gray {
  --color-text: #000;
  --color-background: #fff;
  --color-link: #f30;
  --color-clear: #f1f1f1;
  --color-shadow: rgba(51,51,51,0.4);
  --color-error: #933;
  --color-body-back: #f1f1f1;
  --color-header-text: #333;
  --color-header-background: #fff;
  --color-spinner-front: #333;
  --color-spinner-back: rgba(255,255,255,0.933);
  --color-progress-front: #333;
  --color-progress-back: #eee;
  --color-goingto-shadow: #333;
  --color-menus-hover: #eee;
  --color-menus-active-text: #fff;
  --color-menus-active-background: #333;
  --color-settings-switch-on: #333;
  --color-settings-switch-off: #ddd;
  --color-audioplayer-lrc: #555;
  --color-audioplayer-lrc-current: #111;
  --color-audioplayer-lrc-background: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,0.8));
  --color-audioplayer-lrc-mobile-back: rgba(255,255,255,0.933);
  --color-post-license-back: rgba(255,51,0,0.067);
  --color-post-ending: #ddd;
  --color-toc-link: #333;
  --color-toc-active-text: #fff;
  --color-toc-active-background: #333;
  --color-search-highlight: #0c9;
  --color-extension-front: #333;
  --color-extension-back: #fff;
  --color-extension-hover: #eee;
  --color-records-progress-back: #9c3;
  --color-records-progress-back-l: #fc3;
  --color-records-progress-front: #333;
  --color-gallery: #ddd;
  --color-gallery-hover: #ccc;
  --color-recentposts-more-front: #09f;
  --color-recentposts-more-back: #fff;
  --color-codelib-text: #09f;
  --color-iconlib-iframe-back: #fff;
}
:root.colorful {
  --color-text: #000;
  --color-background: rgba(255,255,255,0.867);
  --color-link: #f30;
  --color-clear: #fff;
  --color-shadow: transparent;
  --color-error: #a52a2a;
  --color-body-back: url("https://source.unsplash.com/1920x1080/?wallpaper");
  --color-header-text: #000;
  --color-header-background: #fff;
  --color-spinner-front: #000;
  --color-spinner-back: rgba(255,255,255,0.933);
  --color-progress-front: #f30;
  --color-progress-back: rgba(255,255,255,0.867);
  --color-goingto-shadow: #000;
  --color-menus-hover: rgba(255,255,255,0.6);
  --color-menus-active-text: #fff;
  --color-menus-active-background: #09f;
  --color-settings-switch-on: #333;
  --color-settings-switch-off: #fff;
  --color-audioplayer-lrc: #333;
  --color-audioplayer-lrc-current: #000;
  --color-audioplayer-lrc-background: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,0.8));
  --color-audioplayer-lrc-mobile-back: rgba(255,255,255,0.933);
  --color-post-license-back: rgba(255,51,0,0.067);
  --color-post-ending: #099;
  --color-toc-link: #000;
  --color-toc-active-text: #fff;
  --color-toc-active-background: #396;
  --color-search-highlight: #0c9;
  --color-records-progress-back: #9c3;
  --color-records-progress-back-l: #fc3;
  --color-records-progress-front: #000;
  --color-gallery: rgba(255,0,153,0.4);
  --color-gallery-hover: #c06;
  --color-recentposts-more-front: #09f;
  --color-recentposts-more-back: #fff;
  --color-codelib-text: #09f;
  --color-iconlib-iframe-back: transparent;
}
:root.night {
  --color-text: #ccc;
  --color-background: rgba(0,0,0,0.8);
  --color-link: #f39;
  --color-clear: #333;
  --color-shadow: #333;
  --color-error: #f33;
  --color-body-back: #000;
  --color-header-text: #ccc;
  --color-header-background: #222;
  --color-spinner-front: #ccc;
  --color-spinner-back: rgba(0,0,0,0.933);
  --color-progress-front: #f30;
  --color-progress-back: #ccc;
  --color-goingto-shadow: #ccc;
  --color-menus-hover: #333;
  --color-menus-active-text: #000;
  --color-menus-active-background: #ccc;
  --color-settings-switch-on: #ccc;
  --color-settings-switch-off: #444;
  --color-audioplayer-lrc: #aaa;
  --color-audioplayer-lrc-current: #eee;
  --color-audioplayer-lrc-background: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,0.4));
  --color-audioplayer-lrc-mobile-back: rgba(0,0,0,0.933);
  --color-post-license-back: rgba(255,51,0,0.067);
  --color-post-ending: #444;
  --color-toc-link: #ccc;
  --color-toc-active-text: #000;
  --color-toc-active-background: #ccc;
  --color-search-highlight: #0c9;
  --color-extension-front: #eee;
  --color-extension-back: #000;
  --color-extension-hover: #333;
  --color-records-progress-back: #9c3;
  --color-records-progress-back-l: #fc3;
  --color-records-progress-front: #000;
  --color-gallery: #111;
  --color-gallery-hover: #222;
  --color-recentposts-more-front: #06c;
  --color-recentposts-more-back: #fff;
  --color-codelib-text: #3cf;
  --color-iconlib-iframe-back: #ccc;
}
.color_1 {
  color: #c03;
}
.color_2 {
  color: #0cf;
}
.color_3 {
  color: #0c9;
}
.color_4 {
  color: #66f;
}
.color_5 {
  color: #966;
}
.aplayer{background:#fff;font-family:Arial,Helvetica,sans-serif;margin:5px;box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 1px 5px 0 rgba(0,0,0,.1);border-radius:2px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;position:relative}.aplayer *{box-sizing:content-box}.aplayer svg{width:100%;height:100%}.aplayer svg circle,.aplayer svg path{fill:#fff}.aplayer.aplayer-withlist .aplayer-info{border-bottom:1px solid #e9e9e9}.aplayer.aplayer-withlist .aplayer-list{display:block}.aplayer.aplayer-withlist .aplayer-icon-order,.aplayer.aplayer-withlist .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu{display:inline}.aplayer.aplayer-withlrc .aplayer-pic{height:90px;width:90px}.aplayer.aplayer-withlrc .aplayer-info{margin-left:90px;height:90px;padding:10px 7px 0}.aplayer.aplayer-withlrc .aplayer-lrc{display:block}.aplayer.aplayer-narrow{width:66px}.aplayer.aplayer-narrow .aplayer-info,.aplayer.aplayer-narrow .aplayer-list{display:none}.aplayer.aplayer-narrow .aplayer-body,.aplayer.aplayer-narrow .aplayer-pic{height:66px;width:66px}.aplayer.aplayer-fixed{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:99;overflow:visible;max-width:400px;box-shadow:none}.aplayer.aplayer-fixed .aplayer-list{margin-bottom:65px;border:1px solid #eee;border-bottom:none}.aplayer.aplayer-fixed .aplayer-body{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:99;background:#fff;padding-right:18px;transition:all .3s ease;max-width:400px}.aplayer.aplayer-fixed .aplayer-lrc{display:block;position:fixed;bottom:10px;left:0;right:0;margin:0;z-index:98;pointer-events:none;text-shadow:-1px -1px 0 #fff}.aplayer.aplayer-fixed .aplayer-lrc:after,.aplayer.aplayer-fixed .aplayer-lrc:before{display:none}.aplayer.aplayer-fixed .aplayer-info{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0;transition:all .3s ease;border-bottom:none;border-top:1px solid #e9e9e9}.aplayer.aplayer-fixed .aplayer-info .aplayer-music{width:calc(100% - 105px)}.aplayer.aplayer-fixed .aplayer-miniswitcher{display:block}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-info{display:block;-webkit-transform:scaleX(0);transform:scaleX(0)}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body{width:66px!important}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-miniswitcher .aplayer-icon{-webkit-transform:rotateY(0);transform:rotateY(0)}.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-lrc,.aplayer.aplayer-fixed .aplayer-icon-play{display:inline-block}.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-menu,.aplayer.aplayer-fixed .aplayer-icon-play{position:absolute;bottom:27px;width:20px;height:20px}.aplayer.aplayer-fixed .aplayer-icon-back{right:75px}.aplayer.aplayer-fixed .aplayer-icon-play{right:50px}.aplayer.aplayer-fixed .aplayer-icon-forward{right:25px}.aplayer.aplayer-fixed .aplayer-icon-menu{right:0}.aplayer.aplayer-arrow .aplayer-icon-loop,.aplayer.aplayer-arrow .aplayer-icon-order,.aplayer.aplayer-mobile .aplayer-icon-volume-down{display:none}.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-loading-icon{display:block}.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{-webkit-transform:scale(1);transform:scale(1)}.aplayer .aplayer-body{position:relative}.aplayer .aplayer-icon{width:15px;height:15px;border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;vertical-align:middle;padding:0;font-size:12px;margin:0;display:inline-block}.aplayer .aplayer-icon path{transition:all .2s ease-in-out}.aplayer .aplayer-icon-back,.aplayer .aplayer-icon-forward,.aplayer .aplayer-icon-lrc,.aplayer .aplayer-icon-order,.aplayer .aplayer-icon-play{display:none}.aplayer .aplayer-icon-lrc-inactivity svg{opacity:.4}.aplayer .aplayer-icon-forward{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.aplayer .aplayer-lrc-content{display:none}.aplayer .aplayer-pic{position:relative;float:left;height:66px;width:66px;background-size:cover;background-position:50%;transition:all .3s ease;cursor:pointer}.aplayer .aplayer-pic:hover .aplayer-button{opacity:1}.aplayer .aplayer-pic .aplayer-button{position:absolute;border-radius:50%;opacity:.8;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);background:rgba(0,0,0,.2);transition:all .1s ease}.aplayer .aplayer-pic .aplayer-button path{fill:#fff}.aplayer .aplayer-pic .aplayer-hide{display:none}.aplayer .aplayer-pic .aplayer-play{width:26px;height:26px;border:2px solid #fff;bottom:50%;right:50%;margin:0 -15px -15px 0}.aplayer .aplayer-pic .aplayer-play svg{position:absolute;top:3px;left:4px;height:20px;width:20px}.aplayer .aplayer-pic .aplayer-pause{width:16px;height:16px;border:2px solid #fff;bottom:4px;right:4px}.aplayer .aplayer-pic .aplayer-pause svg{position:absolute;top:2px;left:2px;height:12px;width:12px}.aplayer .aplayer-info{margin-left:66px;padding:14px 7px 0 10px;height:66px;box-sizing:border-box}.aplayer .aplayer-info .aplayer-music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 13px 5px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default;padding-bottom:2px;height:20px}.aplayer .aplayer-info .aplayer-music .aplayer-title{font-size:14px}.aplayer .aplayer-info .aplayer-music .aplayer-author{font-size:12px;color:#666}.aplayer .aplayer-info .aplayer-controller{position:relative;display:flex}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{margin:0 0 0 5px;padding:4px 0;cursor:pointer!important;flex:1}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb{-webkit-transform:scale(1);transform:scale(1)}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{position:relative;height:2px;width:100%;background:#cdcdcd}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:#aaa;height:2px;transition:all .5s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{position:absolute;left:0;top:0;bottom:0;height:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:10px;width:10px;border-radius:50%;cursor:pointer;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.aplayer .aplayer-info .aplayer-controller .aplayer-time{position:relative;right:0;bottom:4px;height:17px;color:#999;font-size:11px;padding-left:7px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner{vertical-align:middle}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon{cursor:pointer;transition:all .2s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path{fill:#666}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop{margin-right:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path{fill:#000}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap{height:40px}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap{position:absolute;bottom:15px;right:-3px;width:25px;height:0;z-index:99;overflow:hidden;transition:all .2s ease-in-out}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap.aplayer-volume-bar-wrap-active{height:40px}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar{position:absolute;bottom:0;right:10px;width:5px;height:35px;background:#aaa;border-radius:2.5px;overflow:hidden}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume{position:absolute;bottom:0;right:0;width:5px;transition:all .1s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon svg{position:absolute;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.aplayer .aplayer-lrc{display:none;position:relative;height:30px;text-align:center;overflow:hidden;margin:-10px 0 7px}.aplayer .aplayer-lrc:before{top:0;height:10%;background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0)}.aplayer .aplayer-lrc:after,.aplayer .aplayer-lrc:before{position:absolute;z-index:1;display:block;overflow:hidden;width:100%;content:" "}.aplayer .aplayer-lrc:after{bottom:0;height:33%;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.8));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ccffffff",GradientType=0)}.aplayer .aplayer-lrc p{font-size:12px;color:#666;line-height:16px!important;height:16px!important;padding:0!important;margin:0!important;transition:all .5s ease-out;opacity:.4;overflow:hidden}.aplayer .aplayer-lrc p.aplayer-lrc-current{opacity:1;overflow:visible;height:auto!important;min-height:16px}.aplayer .aplayer-lrc.aplayer-lrc-hide{display:none}.aplayer .aplayer-lrc .aplayer-lrc-contents{width:100%;transition:all .5s ease-out;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default}.aplayer .aplayer-list{overflow:auto;transition:all .5s ease;will-change:height;display:none;overflow:hidden}.aplayer .aplayer-list.aplayer-list-hide{max-height:0!important}.aplayer .aplayer-list ol{list-style-type:none;margin:0;padding:0;overflow-y:auto}.aplayer .aplayer-list ol::-webkit-scrollbar{width:5px}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb{border-radius:3px;background-color:#eee}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover{background-color:#ccc}.aplayer .aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;border-top:1px solid #e9e9e9;cursor:pointer;transition:all .2s ease;overflow:hidden;margin:0}.aplayer .aplayer-list ol li:first-child{border-top:none}.aplayer .aplayer-list ol li:hover{background:#efefef}.aplayer .aplayer-list ol li.aplayer-list-light{background:#e9e9e9}.aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur{display:inline-block}.aplayer .aplayer-list ol li .aplayer-list-cur{display:none;width:3px;height:22px;position:absolute;left:0;top:5px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-index{color:#666;margin-right:12px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-author{color:#666;float:right;cursor:pointer}.aplayer .aplayer-notice{opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:12px;border-radius:4px;padding:5px 10px;transition:all .3s ease-in-out;overflow:hidden;color:#fff;pointer-events:none;background-color:#f4f4f5;color:#909399}.aplayer .aplayer-miniswitcher{display:none;position:absolute;top:0;right:0;bottom:0;height:100%;background:#e6e6e6;width:18px;border-radius:0 2px 2px 0}.aplayer .aplayer-miniswitcher .aplayer-icon{height:100%;width:100%;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);transition:all .3s ease}.aplayer .aplayer-miniswitcher .aplayer-icon path{fill:#666}.aplayer .aplayer-miniswitcher .aplayer-icon:hover path{fill:#000}@-webkit-keyframes aplayer-roll{0%{left:0}to{left:-100%}}@keyframes aplayer-roll{0%{left:0}to{left:-100%}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}

/*# sourceMappingURL=APlayer.min.css.map*/
@font-face{font-family:octicons-link;src:url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAAAAeAAAAME3QpOBwcmVwAAAEbAAAAHYAAAB/aFGpk3jaTY6xa8JAGMW/O62BDi0tJLYQincXEypYIiGJjSgHniQ6umTsUEyLm5BV6NDBP8Tpts6F0v+k/0an2i+itHDw3v2+9+DBKTzsJNnWJNTgHEy4BgG3EMI9DCEDOGEXzDADU5hBKMIgNPZqoD3SilVaXZCER3/I7AtxEJLtzzuZfI+VVkprxTlXShWKb3TBecG11rwoNlmmn1P2WYcJczl32etSpKnziC7lQyWe1smVPy/Lt7Kc+0vWY/gAgIIEqAN9we0pwKXreiMasxvabDQMM4riO+qxM2ogwDGOZTXxwxDiycQIcoYFBLj5K3EIaSctAq2kTYiw+ymhce7vwM9jSqO8JyVd5RH9gyTt2+J/yUmYlIR0s04n6+7Vm1ozezUeLEaUjhaDSuXHwVRgvLJn1tQ7xiuVv/ocTRF42mNgZGBgYGbwZOBiAAFGJBIMAAizAFoAAABiAGIAznjaY2BkYGAA4in8zwXi+W2+MjCzMIDApSwvXzC97Z4Ig8N/BxYGZgcgl52BCSQKAA3jCV8CAABfAAAAAAQAAEB42mNgZGBg4f3vACQZQABIMjKgAmYAKEgBXgAAeNpjYGY6wTiBgZWBg2kmUxoDA4MPhGZMYzBi1AHygVLYQUCaawqDA4PChxhmh/8ODDEsvAwHgMKMIDnGL0x7gJQCAwMAJd4MFwAAAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAGVYYDT+AEjAwuDFpBmA9KMDEwMCh9i/v8H8sH0/4dQc1iAmAkALaUKLgAAAHjaTY9LDsIgEIbtgqHUPpDi3gPoBVyRTmTddOmqTXThEXqrob2gQ1FjwpDvfwCBdmdXC5AVKFu3e5MfNFJ29KTQT48Ob9/lqYwOGZxeUelN2U2R6+cArgtCJpauW7UQBqnFkUsjAY/kOU1cP+DAgvxwn1chZDwUbd6CFimGXwzwF6tPbFIcjEl+vvmM/byA48e6tWrKArm4ZJlCbdsrxksL1AwWn/yBSJKpYbq8AXaaTb8AAHja28jAwOC00ZrBeQNDQOWO//sdBBgYGRiYWYAEELEwMTE4uzo5Zzo5b2BxdnFOcALxNjA6b2ByTswC8jYwg0VlNuoCTWAMqNzMzsoK1rEhNqByEyerg5PMJlYuVueETKcd/89uBpnpvIEVomeHLoMsAAe1Id4AAAAAAAB42oWQT07CQBTGv0JBhagk7HQzKxca2sJCE1hDt4QF+9JOS0nbaaYDCQfwCJ7Au3AHj+LO13FMmm6cl7785vven0kBjHCBhfpYuNa5Ph1c0e2Xu3jEvWG7UdPDLZ4N92nOm+EBXuAbHmIMSRMs+4aUEd4Nd3CHD8NdvOLTsA2GL8M9PODbcL+hD7C1xoaHeLJSEao0FEW14ckxC+TU8TxvsY6X0eLPmRhry2WVioLpkrbp84LLQPGI7c6sOiUzpWIWS5GzlSgUzzLBSikOPFTOXqly7rqx0Z1Q5BAIoZBSFihQYQOOBEdkCOgXTOHA07HAGjGWiIjaPZNW13/+lm6S9FT7rLHFJ6fQbkATOG1j2OFMucKJJsxIVfQORl+9Jyda6Sl1dUYhSCm1dyClfoeDve4qMYdLEbfqHf3O/AdDumsjAAB42mNgYoAAZQYjBmyAGYQZmdhL8zLdDEydARfoAqIAAAABAAMABwAKABMAB///AA8AAQAAAAAAAAAAAAAAAAABAAAAAA==) format('woff')}.markdown-body .octicon{display:inline-block;fill:currentColor;vertical-align:text-bottom}.markdown-body .anchor{float:left;line-height:1;margin-left:-20px;padding-right:4px}.markdown-body .anchor:focus{outline:0}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1b1f23;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#24292e;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body .pl-c{color:#6a737d}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#005cc5}.markdown-body .pl-e,.markdown-body .pl-en{color:#6f42c1}.markdown-body .pl-s .pl-s1,.markdown-body .pl-smi{color:#24292e}.markdown-body .pl-ent{color:#22863a}.markdown-body .pl-k{color:#d73a49}.markdown-body .pl-pds,.markdown-body .pl-s,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sra,.markdown-body .pl-sr .pl-sre{color:#032f62}.markdown-body .pl-smw,.markdown-body .pl-v{color:#e36209}.markdown-body .pl-bu{color:#b31d28}.markdown-body .pl-ii{background-color:#b31d28;color:#fafbfc}.markdown-body .pl-c2{background-color:#d73a49;color:#fafbfc}.markdown-body .pl-c2:before{content:"^M"}.markdown-body .pl-sr .pl-cce{color:#22863a;font-weight:700}.markdown-body .pl-ml{color:#735c0f}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{color:#005cc5;font-weight:700}.markdown-body .pl-mi{color:#24292e;font-style:italic}.markdown-body .pl-mb{color:#24292e;font-weight:700}.markdown-body .pl-md{background-color:#ffeef0;color:#b31d28}.markdown-body .pl-mi1{background-color:#f0fff4;color:#22863a}.markdown-body .pl-mc{background-color:#ffebda;color:#e36209}.markdown-body .pl-mi2{background-color:#005cc5;color:#f6f8fa}.markdown-body .pl-mdr{color:#6f42c1;font-weight:700}.markdown-body .pl-ba{color:#586069}.markdown-body .pl-sg{color:#959da5}.markdown-body .pl-corl{color:#032f62;text-decoration:underline}.markdown-body details{display:block}.markdown-body summary{display:list-item}.markdown-body a{background-color:transparent}.markdown-body a:active,.markdown-body a:hover{outline-width:0}.markdown-body strong{font-weight:inherit;font-weight:bolder}.markdown-body h1{font-size:2em;margin:.67em 0}.markdown-body img{border-style:none}.markdown-body code,.markdown-body kbd,.markdown-body pre{font-family:monospace,monospace;font-size:1em}.markdown-body hr{box-sizing:content-box;height:0;overflow:visible}.markdown-body input{font:inherit;margin:0}.markdown-body input{overflow:visible}.markdown-body [type=checkbox]{box-sizing:border-box;padding:0}.markdown-body *{box-sizing:border-box}.markdown-body input{font-family:inherit;font-size:inherit;line-height:inherit}.markdown-body a{color:#0366d6;text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body strong{font-weight:600}.markdown-body hr{background:0 0;border:0;border-bottom:1px solid #dfe2e5;height:0;margin:15px 0;overflow:hidden}.markdown-body hr:before{content:"";display:table}.markdown-body hr:after{clear:both;content:"";display:table}.markdown-body table{border-collapse:collapse;border-spacing:0}.markdown-body td,.markdown-body th{padding:0}.markdown-body details summary{cursor:pointer}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-bottom:0;margin-top:0}.markdown-body h1{font-size:32px}.markdown-body h1,.markdown-body h2{font-weight:600}.markdown-body h2{font-size:24px}.markdown-body h3{font-size:20px}.markdown-body h3,.markdown-body h4{font-weight:600}.markdown-body h4{font-size:16px}.markdown-body h5{font-size:14px}.markdown-body h5,.markdown-body h6{font-weight:600}.markdown-body h6{font-size:12px}.markdown-body p{margin-bottom:10px;margin-top:0}.markdown-body blockquote{margin:0}.markdown-body ol,.markdown-body ul{margin-bottom:0;margin-top:0;padding-left:0}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ol ol ol,.markdown-body ol ul ol,.markdown-body ul ol ol,.markdown-body ul ul ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body code,.markdown-body pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:12px}.markdown-body pre{margin-bottom:0;margin-top:0}.markdown-body input::-webkit-inner-spin-button,.markdown-body input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.markdown-body .border{border:1px solid #e1e4e8!important}.markdown-body .border-0{border:0!important}.markdown-body .border-bottom{border-bottom:1px solid #e1e4e8!important}.markdown-body .rounded-1{border-radius:3px!important}.markdown-body .bg-white{background-color:#fff!important}.markdown-body .bg-gray-light{background-color:#fafbfc!important}.markdown-body .text-gray-light{color:#6a737d!important}.markdown-body .mb-0{margin-bottom:0!important}.markdown-body .my-2{margin-bottom:8px!important;margin-top:8px!important}.markdown-body .pl-0{padding-left:0!important}.markdown-body .py-0{padding-bottom:0!important;padding-top:0!important}.markdown-body .pl-1{padding-left:4px!important}.markdown-body .pl-2{padding-left:8px!important}.markdown-body .py-2{padding-bottom:8px!important;padding-top:8px!important}.markdown-body .pl-3,.markdown-body .px-3{padding-left:16px!important}.markdown-body .px-3{padding-right:16px!important}.markdown-body .pl-4{padding-left:24px!important}.markdown-body .pl-5{padding-left:32px!important}.markdown-body .pl-6{padding-left:40px!important}.markdown-body .f6{font-size:12px!important}.markdown-body .lh-condensed{line-height:1.25!important}.markdown-body .text-bold{font-weight:600!important}.markdown-body:before{content:"";display:table}.markdown-body:after{clear:both;content:"";display:table}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body blockquote,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul{margin-bottom:16px;margin-top:0}.markdown-body hr{background-color:#e1e4e8;border:0;height:.25em;margin:24px 0;padding:0}.markdown-body blockquote{border-left:.25em solid #dfe2e5;color:#6a737d;padding:0 1em}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body kbd{background-color:#fafbfc;border:1px solid #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px 0 #959da5;color:#444d56;display:inline-block;font-size:11px;line-height:10px;padding:3px 5px;vertical-align:middle}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-weight:600;line-height:1.25;margin-bottom:16px;margin-top:24px}.markdown-body h1{font-size:2em}.markdown-body h1,.markdown-body h2{border-bottom:1px solid #eaecef;padding-bottom:.3em}.markdown-body h2{font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:.875em}.markdown-body h6{color:#6a737d;font-size:.85em}.markdown-body ol,.markdown-body ul{padding-left:2em}.markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul{margin-bottom:0;margin-top:0}.markdown-body li{word-wrap:break-all}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{font-size:1em;font-style:italic;font-weight:600;margin-top:16px;padding:0}.markdown-body dl dd{margin-bottom:16px;padding:0 16px}.markdown-body table{display:block;overflow:auto;width:100%}.markdown-body table th{font-weight:600}.markdown-body table td,.markdown-body table th{border:1px solid #dfe2e5;padding:6px 13px}.markdown-body table tr{background-color:#fff;border-top:1px solid #c6cbd1}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body img{background-color:#fff;box-sizing:content-box;max-width:100%}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body code{background-color:rgba(27,31,35,.05);border-radius:3px;font-size:85%;margin:0;padding:.2em .4em}.markdown-body pre{word-wrap:normal}.markdown-body pre>code{background:0 0;border:0;font-size:100%;margin:0;padding:0;white-space:pre;word-break:normal}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{background-color:#f6f8fa;border-radius:3px;font-size:85%;line-height:1.45;overflow:auto;padding:16px}.markdown-body pre code{background-color:transparent;border:0;display:inline;line-height:inherit;margin:0;max-width:auto;overflow:visible;padding:0;word-wrap:normal}.markdown-body .commit-tease-sha{color:#444d56;display:inline-block;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:90%}.markdown-body .blob-wrapper{border-bottom-left-radius:3px;border-bottom-right-radius:3px;overflow-x:auto;overflow-y:hidden}.markdown-body .blob-wrapper-embedded{max-height:240px;overflow-y:auto}.markdown-body .blob-num{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;color:rgba(27,31,35,.3);cursor:pointer;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:12px;line-height:20px;min-width:50px;padding-left:10px;padding-right:10px;text-align:right;user-select:none;vertical-align:top;white-space:nowrap;width:1%}.markdown-body .blob-num:hover{color:rgba(27,31,35,.6)}.markdown-body .blob-num:before{content:attr(data-line-number)}.markdown-body .blob-code{line-height:20px;padding-left:10px;padding-right:10px;position:relative;vertical-align:top}.markdown-body .blob-code-inner{color:#24292e;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:12px;overflow:visible;white-space:pre;word-wrap:normal}.markdown-body .pl-token.active,.markdown-body .pl-token:hover{background:#ffea7f;cursor:pointer}.markdown-body kbd{background-color:#fafbfc;border:1px solid #d1d5da;border-bottom-color:#c6cbd1;border-radius:3px;box-shadow:inset 0 -1px 0 #c6cbd1;color:#444d56;display:inline-block;font:11px SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;line-height:10px;padding:3px 5px;vertical-align:middle}.markdown-body :checked+.radio-label{border-color:#0366d6;position:relative;z-index:1}.markdown-body .tab-size[data-tab-size="1"]{-moz-tab-size:1;tab-size:1}.markdown-body .tab-size[data-tab-size="2"]{-moz-tab-size:2;tab-size:2}.markdown-body .tab-size[data-tab-size="3"]{-moz-tab-size:3;tab-size:3}.markdown-body .tab-size[data-tab-size="4"]{-moz-tab-size:4;tab-size:4}.markdown-body .tab-size[data-tab-size="5"]{-moz-tab-size:5;tab-size:5}.markdown-body .tab-size[data-tab-size="6"]{-moz-tab-size:6;tab-size:6}.markdown-body .tab-size[data-tab-size="7"]{-moz-tab-size:7;tab-size:7}.markdown-body .tab-size[data-tab-size="8"]{-moz-tab-size:8;tab-size:8}.markdown-body .tab-size[data-tab-size="9"]{-moz-tab-size:9;tab-size:9}.markdown-body .tab-size[data-tab-size="10"]{-moz-tab-size:10;tab-size:10}.markdown-body .tab-size[data-tab-size="11"]{-moz-tab-size:11;tab-size:11}.markdown-body .tab-size[data-tab-size="12"]{-moz-tab-size:12;tab-size:12}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item+.task-list-item{margin-top:3px}.markdown-body .task-list-item input{margin:0 .2em .25em -1.6em;vertical-align:middle}.markdown-body hr{border-bottom-color:#eee}.markdown-body .pl-0{padding-left:0!important}.markdown-body .pl-1{padding-left:4px!important}.markdown-body .pl-2{padding-left:8px!important}.markdown-body .pl-3{padding-left:16px!important}.markdown-body .pl-4{padding-left:24px!important}.markdown-body .pl-5{padding-left:32px!important}.markdown-body .pl-6{padding-left:40px!important}.markdown-body .pl-7{padding-left:48px!important}.markdown-body .pl-8{padding-left:64px!important}.markdown-body .pl-9{padding-left:80px!important}.markdown-body .pl-10{padding-left:96px!important}.markdown-body .pl-11{padding-left:112px!important}.markdown-body .pl-12{padding-left:128px!important}
/*# sourceMappingURL=github-markdown.min.css.map */
.markdown-body pre,
.markdown-body .highlight {
  background: #2d2d2d;
  margin: 16px -48px;
  padding: 15px 48px;
  border-style: solid;
  border-color: transparent;
  border-width: 1px 0;
  overflow: auto;
  color: #ccc;
  line-height: 25.6px;
}
.markdown-body .highlight .gutter pre,
.markdown-body .gist .gist-file .gist-data .line-numbers {
  color: #666;
  font-size: 0.85em;
}
.markdown-body pre,
.markdown-body code {
  font-family: 'Source Code Pro', Consolas, Monaco, Menlo, Consolas, monospace;
}
.markdown-body code {
  text-shadow: 0 1px #fff;
  padding: 0 0.3em;
}
.markdown-body pre code {
  background: none;
  text-shadow: none;
  padding: 0;
}
.markdown-body .highlight pre {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
.markdown-body .highlight table {
  border-collapse: initial;
  margin: 0;
  width: auto;
}
.markdown-body .highlight table::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.markdown-body .highlight table::-webkit-scrollbar-thumb {
  background: rgba(204,204,204,0.6);
  opacity: 0.5;
}
.markdown-body .highlight table tr {
  background-color: transparent;
}
.markdown-body .highlight td {
  border: none;
  padding: 0;
}
.markdown-body .highlight figcaption {
  font-size: 0.85em;
  color: #999;
  line-height: 1em;
  margin-bottom: 1em;
}
.markdown-body .highlight figcaption a {
  float: right;
}
.markdown-body .highlight .gutter pre {
  text-align: right;
  padding-right: 20px;
}
.markdown-body .highlight .line {
  height: 25.6px;
}
.markdown-body .highlight .line.marked {
  background: #515151;
}
.markdown-body .gist {
  margin: 0 -48px;
  border-style: solid;
  border-color: transparent;
  border-width: 1px 0;
  background: #2d2d2d;
  padding: 15px 48px 15px 0;
}
.markdown-body .gist .gist-file {
  border: none;
  font-family: 'Source Code Pro', Consolas, Monaco, Menlo, Consolas, monospace;
  margin: 0;
}
.markdown-body .gist .gist-file .gist-data {
  background: none;
  border: none;
}
.markdown-body .gist .gist-file .gist-data .line-numbers {
  background: none;
  border: none;
  padding: 0 20px 0 0;
}
.markdown-body .gist .gist-file .gist-data .line-data {
  padding: 0 !important;
}
.markdown-body .gist .gist-file .highlight {
  margin: 0;
  padding: 0;
  border: none;
}
.markdown-body .gist .gist-file .gist-meta {
  background: #2d2d2d;
  color: #999;
  font: 0.85em -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  text-shadow: 0 0;
  padding: 0;
  margin-top: 1em;
  margin-left: 48px;
}
.markdown-body .gist .gist-file .gist-meta a {
  color: #258fb8;
  font-weight: normal;
}
.markdown-body .gist .gist-file .gist-meta a:hover {
  text-decoration: underline;
}
pre .comment,
pre .title {
  color: #999;
}
pre .variable,
pre .attribute,
pre .tag,
pre .regexp,
pre .ruby .constant,
pre .xml .tag .title,
pre .xml .pi,
pre .xml .doctype,
pre .html .doctype,
pre .css .id,
pre .css .class,
pre .css .pseudo {
  color: #f2777a;
}
pre .number,
pre .preprocessor,
pre .built_in,
pre .literal,
pre .params,
pre .constant {
  color: #f99157;
}
pre .class,
pre .ruby .class .title,
pre .css .rules .attribute {
  color: #9c9;
}
pre .string,
pre .value,
pre .inheritance,
pre .header,
pre .ruby .symbol,
pre .xml .cdata {
  color: #9c9;
}
pre .css .hexcolor {
  color: #6cc;
}
pre .function,
pre .python .decorator,
pre .python .title,
pre .ruby .function .title,
pre .ruby .title .keyword,
pre .perl .sub,
pre .javascript .title,
pre .coffeescript .title {
  color: #69c;
}
pre .keyword,
pre .javascript .function {
  color: #c9c;
}
@font-face{font-family:"socialshare";src:url("https://cdn.jsdelivr.net/gh/jinyaoMa/my-hexo-site/asset/font/iconfont.eot");src:url("https://cdn.jsdelivr.net/gh/jinyaoMa/my-hexo-site/asset/font/iconfont.eot?#iefix") format("embedded-opentype"),url("https://cdn.jsdelivr.net/gh/jinyaoMa/my-hexo-site/asset/font/iconfont.woff") format("woff"),url("https://cdn.jsdelivr.net/gh/jinyaoMa/my-hexo-site/asset/font/iconfont.ttf") format("truetype"),url("https://cdn.jsdelivr.net/gh/jinyaoMa/my-hexo-site/asset/font/iconfont.svg#iconfont") format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:none}.social-share .social-share-icon{position:relative;display:inline-block;width:32px;height:32px;font-size:20px;border-radius:50%;line-height:32px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s}.social-share .social-share-icon:hover{background:#666;color:#fff}.social-share .icon-weibo{color:#ff763b;border-color:#ff763b}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{color:#56b6e7;border-color:#56b6e7}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}
body,
div,
span,
a,
img,
p,
ul,
ol,
li,
input {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: color 0.2s, background 0.6s;
}
@font-face {
  font-family: 'Source Han Sans CN';
  src: url("https://cdn.jsdelivr.net/gh/jinyaoMa/my-hexo-site/asset/font/SourceHanSansCN.otf");
}
body {
  font-family: 'Source Han Sans CN', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 2;
  color: var(--color-text);
  background: var(--color-body-back);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  overflow-x: hidden;
  overflow-y: scroll;
}
a {
  text-decoration: none;
  color: var(--color-link);
}
.m-evanyou-canvas {
  position: fixed;
  top: calc(3em + 0.6vmin);
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% - 3em - 0.6vmin);
  pointer-events: none;
  background-color: var(--color-background);
  visibility: hidden;
}
.m-launch {
  user-select: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-link);
  background-repeat: no-repeat;
  background-size: 50vmin;
  background-position: center;
  transition: opacity 0.3s;
  z-index: 999999999;
}
.m-launch.disabled {
  pointer-events: none;
  opacity: 0;
}
.m-spinner {
  user-select: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-spinner-back);
  opacity: 0;
  pointer-events: none;
  z-index: 999999997;
}
.m-spinner .m-spinner-ring {
  width: 48px;
  height: 48px;
  border: 8px solid var(--color-spinner-front);
  border-top: 8px solid transparent;
  position: fixed;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  border-radius: 50%;
}
.m-spinner.active {
  pointer-events: all;
  transition: opacity 0.2s;
  opacity: 1;
}
.m-spinner.active .m-spinner-ring {
  animation: spinner-running 1s infinite linear;
}
@-moz-keyframes spinner-running {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner-running {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner-running {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spinner-running {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.m-progress {
  position: fixed;
  top: 0;
  left: 0;
  user-select: none;
  height: 0.6vmin;
  width: 100%;
  background: var(--color-progress-back);
  z-index: 999999998;
}
.m-progress-current {
  height: 100%;
  width: 0;
  background: var(--color-progress-front);
  transition: width 0.2s;
}
.m-app {
  padding-top: 0.6vmin;
  max-width: 1366px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .m-app-inner {
    padding: 0 3em;
  }
}
.m-header {
  position: fixed;
  left: 0;
  width: 100%;
  height: 3em;
  line-height: 3;
  overflow: hidden;
  border-bottom: 1px solid var(--color-clear);
  color: var(--color-header-text);
  background: var(--color-header-background);
  z-index: 999999995;
}
.m-header.shadow {
  box-shadow: 0 0 4px 2px var(--color-body-back);
}
.m-center {
  width: 100%;
  padding-top: 3em;
}
.m-drawer {
  float: left;
  width: 320px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
@media (min-width: 1024px) {
  .m-drawer {
    transition: all 0.6s;
  }
  .m-drawer.sticky {
    float: none;
    position: fixed;
    bottom: 0;
  }
}
@media (min-width: 1024px) {
  .m-drawer {
    position: fixed;
    bottom: 0;
    height: calc(100vh - 3em - 0.6vmin);
    overflow: hidden;
  }
}
.m-frame {
  float: right;
  width: calc(100% - 320px);
}
@media (min-width: 1024px) {
  .m-frame {
    transition: all 0.6s;
  }
}
.m-aside {
  width: 320px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
@media (min-width: 1024px) {
  .m-aside {
    transition: all 0.6s;
  }
  .m-aside.sticky-bottom {
    position: fixed;
    right: calc(50% - 683px);
    bottom: 0;
  }
  .m-aside.sticky-top {
    position: fixed;
    right: calc(50% - 683px);
    top: calc(3em + 0.6vmin);
  }
}
@media (min-width: 1024px) {
  .m-aside {
    position: fixed;
    bottom: 0;
    right: calc(50% - 683px + 3em);
    height: calc(100vh - 3em - 0.6vmin);
    overflow: hidden;
  }
}
@media (min-width: 1024px) and (max-width: 1366px) {
  .m-aside {
    right: 3em;
  }
}
.m-main {
  float: left;
  min-width: 320px;
  width: calc(100% - 320px);
}
@media (min-width: 1024px) {
  .m-main {
    transition: all 0.6s;
  }
}
.m-footer {
  clear: both;
  width: 100%;
}
@media (min-width: 1024px) {
  .m-footer {
    transition: all 0.6s;
  }
}
.m-heaper {
  width: 100%;
  height: 3em;
  line-height: 3;
  background: var(--color-background);
  overflow: hidden;
}
@media (min-width: 1024px) {
  .m-heaper {
    margin: 32px 0;
    border-radius: 4px;
    border: 1px solid var(--color-clear);
  }
}
.m-content {
  width: 100%;
}
@media (min-width: 1024px) {
  .m-content {
    margin: 32px 0;
  }
}
#live2d-widget {
  transition: opacity 0.6s;
  z-index: 999999996 !important;
}
.m-aside-clustrmaps {
  user-select: none;
  width: 256px;
  margin: 32px;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid var(--color-clear);
  background: var(--color-background);
  overflow: hidden;
}
@media (max-width: 1023px) {
  .m-aside-clustrmaps {
    width: 100%;
    margin: 0;
    border-radius: 0;
  }
}
.social-share .social-share-icon {
  background: #fff;
}
:root.closeDrawer .m-drawer {
  width: 0;
}
@media (max-width: 1023px) {
  :root.closeDrawer .m-drawer {
    height: 0;
  }
}
:root.closeDrawer .m-frame {
  width: 100%;
}
@media (min-width: 1024px) {
  :root.closeDrawer .m-main,
  :root.closeDrawer .m-footer {
    padding-left: 16px;
  }
  :root.closeDrawer .m-footer {
    width: calc(100% - 320px);
    margin: 0 320px 0 0;
  }
}
@media (min-width: 1024px) {
  :root.closeAside .m-aside {
    width: 0;
  }
  :root.closeAside .m-main {
    width: 100%;
    padding-right: 16px;
  }
  :root.closeAside .m-footer {
    width: calc(100% - 320px);
    margin: 0 0 0 320px;
    padding-right: 16px;
  }
  :root.closeAside.closeDrawer .m-footer {
    width: 100%;
    margin: 0;
  }
}
:root.transfigure #live2d-widget {
  opacity: 0.5 !important;
}
:root.lyride .aplayer-lrc {
  opacity: 0 !important;
}
@media (max-width: 1366px) {
  .m-aside.sticky-bottom,
  .m-aside.sticky-top {
    right: 0;
  }
}
@media (max-width: 1023px) {
  .m-app {
    overflow-x: hidden;
  }
  .m-drawer,
  .m-frame,
  .m-aside,
  .m-main {
    width: 100%;
  }
  :root.closeDrawer .m-main,
  :root.closeAside .m-main,
  :root.closeDrawer.closeAside .m-main {
    width: 100%;
  }
  .m-drawer.sticky,
  .m-aside.sticky-bottom,
  .m-aside.sticky-top {
    position: initial;
    top: auto;
    bottom: auto;
    right: auto;
  }
  .m-heaper {
    display: none;
  }
  #live2d-widget {
    opacity: 0 !important;
  }
}
[data-lang] span {
  animation: appear 0.6s;
}
@-moz-keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.markdown-body {
  color: var(--color-text);
  counter-reset: h1;
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  padding-top: 0.5em;
}
.markdown-body code {
  font-weight: bold;
}
.markdown-body .highlight a {
  display: inline-block;
  color: #03a9f4;
}
.markdown-body .highlight a:after {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  margin-top: -1px;
  background: #03a9f4;
  transition: width 0.6s;
}
@media (min-width: 1024px) {
  .markdown-body .highlight a:hover {
    text-decoration: none;
  }
  .markdown-body .highlight a:hover:after {
    width: 100%;
  }
}
.markdown-body .highlight figcaption {
  line-height: 1.5;
}
.markdown-body img {
  display: block;
  border-radius: 4px;
}
.markdown-body img + em {
  font-size: 0.5em;
  border-radius: 1em;
  padding: 0.25em 0.75em;
  border: 1px solid;
  margin: 0.5em 0;
  display: inline-block;
}
@media (min-width: 1024px) {
  .markdown-body img + em {
    opacity: 0.25;
  }
  .markdown-body img + em:hover {
    opacity: 1;
    color: #03a9f4;
  }
}
@media (min-width: 1024px) {
  .markdown-body img:hover + em {
    opacity: 1;
    color: #03a9f4;
  }
}
.markdown-body table {
  word-break: keep-all;
}
:root.colorful .m-evanyou-canvas {
  display: none;
}
:root.colorful:not(.night) body:before {
  content: '图片 Picture API: https://source.unsplash.com/1920x1080/?wallpaper';
  position: fixed;
  top: 0;
  z-index: -1;
  color: #fff;
  writing-mode: vertical-lr;
  font-size: 8px;
  line-height: 1.5;
  height: 100%;
  text-align: center;
}
:root.night #live2d-widget,
:root.night img {
  filter: brightness(0.8);
}
:root.night .m-evanyou-canvas {
  display: initial;
}
:root.night .markdown-body a {
  color: #3cf;
}
:root.night .markdown-body table tr {
  background-color: var(--color-background);
}
:root.night .markdown-body table tr:nth-child(2n) {
  background-color: var(--color-clear);
}
:root.night .markdown-body .highlight table tr {
  background: none;
}
:root:not(.gray) .m-heaper,
:root:not(.gray) .p-brand,
:root:not(.gray) .p-menus,
:root:not(.gray) .p-skin,
:root:not(.gray) .p-settings,
:root:not(.gray) .p-panels,
:root:not(.gray) .p-audioplayer,
:root:not(.gray) .p-toc,
:root:not(.gray) .p-hitokoto,
:root:not(.gray) .p-recentposts,
:root:not(.gray) .p-timeline,
:root:not(.gray) .p-post,
:root:not(.gray) .p-page,
:root:not(.gray) .p-record,
:root:not(.gray) .p-gallery-item,
:root:not(.gray) .p-comment,
:root:not(.gray) .p-footer,
:root:not(.gray) .p-translater-bar,
:root:not(.gray) .p-search-dialog-bar,
:root:not(.gray) .p-search-dialog-result,
:root:not(.gray) .p-codelib,
:root:not(.gray) .p-empty,
:root:not(.gray) .p-iconlib,
:root:not(.gray) .m-aside-clustrmaps {
  border-width: 0;
}
:root.gray:not(.night) .m-evanyou-canvas {
  display: none;
}
@media (min-width: 1024px) {
  :root.gray:not(.night) .m-header {
    box-shadow: 0 0 4px 2px var(--color-shadow);
  }
  :root.gray:not(.night) .p-translater-result {
    box-shadow: 0 2px 1px 1px var(--color-shadow);
  }
  :root.gray:not(.night) .m-heaper,
  :root.gray:not(.night) .p-brand,
  :root.gray:not(.night) .p-menus,
  :root.gray:not(.night) .p-skin,
  :root.gray:not(.night) .p-settings,
  :root.gray:not(.night) .p-panels,
  :root.gray:not(.night) .p-audioplayer,
  :root.gray:not(.night) .p-toc,
  :root.gray:not(.night) .p-hitokoto,
  :root.gray:not(.night) .p-recentposts,
  :root.gray:not(.night) .p-timeline,
  :root.gray:not(.night) .p-post,
  :root.gray:not(.night) .p-page,
  :root.gray:not(.night) .p-record,
  :root.gray:not(.night) .p-gallery-item,
  :root.gray:not(.night) .p-comment,
  :root.gray:not(.night) .p-footer,
  :root.gray:not(.night) .p-translater-bar,
  :root.gray:not(.night) .p-search-dialog-bar,
  :root.gray:not(.night) .p-search-dialog-result,
  :root.gray:not(.night) .p-codelib,
  :root.gray:not(.night) .p-empty,
  :root.gray:not(.night) .p-iconlib,
  :root.gray:not(.night) .m-aside-clustrmaps {
    box-shadow: 0 1px 2px 1px var(--color-shadow);
  }
  :root.gray:not(.night) .m-heaper,
  :root.gray:not(.night) .p-brand,
  :root.gray:not(.night) .p-menus,
  :root.gray:not(.night) .p-skin,
  :root.gray:not(.night) .p-settings,
  :root.gray:not(.night) .p-panels,
  :root.gray:not(.night) .p-audioplayer,
  :root.gray:not(.night) .p-toc,
  :root.gray:not(.night) .p-hitokoto,
  :root.gray:not(.night) .p-recentposts,
  :root.gray:not(.night) .p-timeline,
  :root.gray:not(.night) .p-post,
  :root.gray:not(.night) .p-page,
  :root.gray:not(.night) .p-record,
  :root.gray:not(.night) .p-gallery-item,
  :root.gray:not(.night) .p-comment,
  :root.gray:not(.night) .p-footer,
  :root.gray:not(.night) .p-search-dialog-bar,
  :root.gray:not(.night) .p-search-dialog-result,
  :root.gray:not(.night) .p-codelib,
  :root.gray:not(.night) .p-empty,
  :root.gray:not(.night) .p-iconlib,
  :root.gray:not(.night) .m-aside-clustrmaps {
    border-width: 2px;
    border-color: #ccc;
  }
}
:root.gray:not(.night) .p-adframe-qrcode,
:root.gray:not(.night) .p-goingto-top,
:root.gray:not(.night) .p-goingto-bottom,
:root.gray:not(.night) .p-xcanvas {
  box-shadow: 0 0 4px 2px var(--color-shadow);
}
:root.gray:not(.night) .p-adframe-qrcode:hover,
:root.gray:not(.night) .p-goingto-top:hover,
:root.gray:not(.night) .p-goingto-bottom:hover,
:root.gray:not(.night) .p-xcanvas:hover {
  box-shadow: 0 0 4px var(--color-shadow);
}
:root.gray:not(.night) .p-adframe-qrcode:active,
:root.gray:not(.night) .p-goingto-top:active,
:root.gray:not(.night) .p-goingto-bottom:active,
:root.gray:not(.night) .p-xcanvas:active {
  box-shadow: inset 0 0 4px var(--color-shadow);
}
:root.gray:not(.night) .p-adframe-content {
  box-shadow: 0 0 4px 2px var(--color-shadow);
}
:root.gray:not(.night) .p-extension .p-extension-button,
:root.gray:not(.night) .p-extension .p-extension-frame {
  box-shadow: 0 0 4px 2px var(--color-shadow);
}
:root.gray:not(.night) .p-extension:hover .p-extension-button,
:root.gray:not(.night) .p-extension:hover .p-extension-frame {
  box-shadow: none;
}
:root.readmode body {
  position: fixed;
  width: 100%;
}
:root.readmode .p-post-main {
  position: fixed;
  background: var(--color-background);
  top: 0;
  left: 0;
  z-index: 999999999;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media (max-width: 1023px) {
  :root:not(.closeDrawer) .m-app .m-closeDrawer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.6);
    z-index: 999999996;
  }
  :root:not(.closeDrawer) .m-app .m-drawer {
    position: fixed;
    background: var(--color-background);
    z-index: 999999996;
    top: 0;
    left: 0;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    width: calc(320px - 3em);
  }
  :root:not(.closeDrawer) .m-app .m-drawer .p-brand-avatar {
    width: 4em;
    position: absolute;
    top: 0;
    left: 0;
  }
  :root:not(.closeDrawer) .m-app .m-drawer .p-brand-detail {
    padding-left: 5em;
  }
  :root:not(.closeDrawer) .m-app .m-drawer .p-brand-name {
    margin-left: -5em;
    padding-left: 6em;
    text-align: left;
    line-height: 2.3;
  }
  :root:not(.closeDrawer) .m-app .m-drawer .p-brand-slogan {
    text-align: left;
    padding-left: 1.75em;
    font-size: 0.7em;
    line-height: 3.35;
  }
}
.HIDE {
  display: none !important;
}
.p-goingto {
  overflow: hidden;
  position: fixed;
  right: 16px;
  bottom: 16px;
  line-height: 2.2;
  user-select: none;
  animation: goingto-appear 0.6s ease;
}
@media (max-width: 1023px) {
  .p-goingto {
    display: none;
  }
}
.p-goingto-top,
.p-goingto-bottom {
  margin: 8px;
  width: 2em;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  background: var(--color-background);
  transition: box-shadow 0.2s;
}
.p-goingto-top:hover,
.p-goingto-bottom:hover {
  box-shadow: 0 0 4px var(--color-goingto-shadow);
}
.p-goingto-top:active,
.p-goingto-bottom:active {
  box-shadow: inset 0 0 2px 1px var(--color-goingto-shadow);
}
@-moz-keyframes goingto-appear {
  from {
    transform: translateX(64px);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes goingto-appear {
  from {
    transform: translateX(64px);
  }
  to {
    transform: translateX(0);
  }
}
@-o-keyframes goingto-appear {
  from {
    transform: translateX(64px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes goingto-appear {
  from {
    transform: translateX(64px);
  }
  to {
    transform: translateX(0);
  }
}
.p-extension {
  position: fixed;
  left: 16px;
  bottom: 76px;
  z-index: 3;
  user-select: none;
  animation: extension-appear 0.6s ease;
}
@media (max-width: 1023px) {
  .p-extension {
    display: none;
  }
}
.p-extension:hover .p-extension-button {
  background: var(--color-extension-front);
  border-color: var(--color-extension-front);
  border-radius: 0 0 50% 50%;
}
.p-extension:hover .p-extension-frame {
  display: block;
}
.p-extension-button {
  width: 40px;
  height: 40px;
  border: 4px solid var(--color-extension-back);
  background: var(--color-extension-back);
  border-radius: 50%;
  cursor: pointer;
  transition: none;
}
.p-extension-button img {
  border-radius: 50%;
}
.p-extension-front,
.p-extension-back {
  height: 100%;
  animation: extension-el-appear 0.6s ease;
  display: block;
}
.p-extension-back {
  display: none;
}
.p-extension-frame {
  display: none;
  min-width: 80px;
  min-height: 48px;
  padding: 0 4px;
  background: var(--color-extension-back);
  border-radius: 8px 8px 8px 0;
  border: 4px solid var(--color-extension-front);
}
.p-extension-scroll {
  max-height: 284.8px;
  overflow-x: hidden;
  overflow-y: auto;
}
.p-extension-scroll::-webkit-scrollbar {
  width: 8px;
  background: var(--color-clear);
}
.p-extension-scroll::-webkit-scrollbar-thumb {
  background-color: var(--color-text);
}
.p-extension-content {
  max-width: 368px;
  padding-top: 8px;
}
.p-extension-content a {
  display: inline-block;
  width: 64px;
  margin-left: 8px;
  border-radius: 8px;
  color: var(--color-extension-front);
}
.p-extension-content a:hover {
  background: var(--color-extension-hover);
}
.p-extension-content a img,
.p-extension-content a span {
  display: block;
}
.p-extension-content a img {
  width: 100%;
  transform: scale(0.8);
  border-radius: 8px;
  overflow: hidden;
}
.p-extension-content a span {
  font-size: 0.65em;
  line-height: 1;
  text-align: center;
  padding: 0 0.5em;
  padding-bottom: 6.4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
:root.night .p-extension-front {
  display: none;
}
:root.night .p-extension-back {
  display: initial;
}
@-moz-keyframes extension-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes extension-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes extension-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes extension-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes extension-el-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes extension-el-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes extension-el-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes extension-el-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-search {
  user-select: none;
  overflow-x: hidden;
  overflow-y: scroll;
  background: var(--color-spinner-back);
  animation: search-appear 0.6s ease;
  position: fixed;
  top: calc(3em + 0.6vmin);
  left: 0;
  width: 100%;
  height: calc(100% + 1px - 3em - 0.6vmin);
  z-index: 999999994;
  display: none;
}
.p-search.active {
  display: block;
}
.p-search-dialog {
  pointer-events: none;
  margin: 20vh auto;
  max-width: 50%;
}
.p-search-dialog-bar,
.p-search-dialog-result {
  background: var(--color-background);
  border-radius: 4px;
  border: 1px solid var(--color-clear);
  overflow: hidden;
}
.p-search-dialog-bar {
  line-height: 2;
  font-size: 1.5em;
  height: 2em;
  margin-bottom: 2em;
}
.p-search-dialog-button {
  float: right;
  cursor: pointer;
  pointer-events: all;
  width: 5em;
  text-align: center;
  background: var(--color-clear);
}
@media (min-width: 1024px) {
  .p-search-dialog-button:hover {
    background: var(--color-text);
    color: var(--color-background);
  }
}
.p-search-dialog-input {
  pointer-events: all;
  display: block;
  border: none;
  background-color: transparent;
  color: var(--color-text);
  font-size: 1em;
  line-height: 2;
  padding: 0 0.5em;
  width: calc(100% - 5em);
  transition: all 0.6s;
}
.p-search-dialog-input:focus {
  outline: none;
  box-shadow: inset 0 0 4px 2px var(--color-clear);
}
.p-search-dialog-result {
  pointer-events: all;
}
.p-search-dialog-result > div {
  user-select: text;
  padding: 3em;
  padding-bottom: 3.5em;
  border-bottom: 1px solid var(--color-clear);
}
.p-search-dialog-result > div:last-child {
  border-bottom: none;
}
.p-search-dialog-result > div strong {
  color: var(--color-search-highlight);
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .p-search-dialog-result > div a {
    font-size: 1.5em;
    display: inline-block;
  }
  .p-search-dialog-result > div a:after {
    content: '';
    display: block;
    margin-top: -1px;
    width: 0;
    height: 1px;
    background: var(--color-link);
    transition: width 0.6s;
  }
  .p-search-dialog-result > div a:hover:after {
    width: 100%;
  }
}
.p-search-dialog-result .message {
  user-select: none;
  padding: 2em;
  text-align: center;
  font-size: 2em;
}
@media (max-width: 1023px) {
  .p-search-dialog {
    max-width: 100%;
    margin: 0;
  }
  .p-search-dialog-bar,
  .p-search-dialog-result {
    border-radius: 0;
  }
  .p-search-dialog-bar {
    margin-bottom: 0;
    font-size: 1em;
    line-height: 3;
    height: 3em;
  }
  .p-search-dialog-input {
    line-height: 3;
    padding: 0 1em;
  }
  .p-search-dialog-result > div {
    padding: 1em;
    padding-bottom: 1em;
  }
  .p-search-dialog-result .message {
    padding: 2em 1em;
    text-align: center;
    font-size: 1.5em;
  }
}
@-moz-keyframes search-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes search-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes search-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes search-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-xdrawer {
  width: 2em;
  line-height: 2;
  margin: 0.5em;
  border-radius: 4px;
  text-align: center;
  transition: background 0.6s, transform 0.6s;
  cursor: pointer;
  user-select: none;
  float: left;
  position: relative;
}
.p-xdrawer:after {
  content: '';
  position: absolute;
  top: 4px;
  right: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-text);
  transition: opacity 0.6s;
  opacity: 0;
}
@media (min-width: 1024px) {
  .p-xdrawer:hover {
    background: var(--color-clear);
  }
  .p-xdrawer:active {
    transform: scale(0.9);
  }
}
.p-xdrawer.active:after {
  opacity: 1;
}
.p-xaside {
  width: 2em;
  line-height: 2;
  margin: calc(0.5em - 1px);
  border-radius: 4px;
  text-align: center;
  transition: background 0.6s, transform 0.6s;
  cursor: pointer;
  user-select: none;
  float: right;
}
@media (min-width: 1024px) {
  .p-xaside:hover {
    background: var(--color-clear);
  }
  .p-xaside:active {
    transform: scale(0.9);
  }
}
.p-xaside.active {
  transform: rotate(180deg);
}
.p-xsearch {
  width: 2em;
  line-height: 2;
  margin: 0.5em;
  border-radius: 4px;
  text-align: center;
  transition: background 0.6s;
  cursor: pointer;
  user-select: none;
  float: right;
}
.p-xsearch i {
  animation: xsearch-i-appear 0.6s ease;
}
.p-xsearch i:nth-child(2) {
  display: none;
}
@media (min-width: 1024px) {
  .p-xsearch:hover {
    background: var(--color-clear);
  }
  .p-xsearch:active {
    transform: scale(0.9);
  }
}
.p-xsearch.active i:nth-child(1) {
  display: none;
}
.p-xsearch.active i:nth-child(2) {
  display: inline-block;
}
@-moz-keyframes xsearch-i-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes xsearch-i-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes xsearch-i-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes xsearch-i-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-sitename {
  text-align: center;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  user-select: none;
}
@media (min-width: 1024px) {
  .p-sitename:hover .p-sitename-icon {
    display: inline-block;
  }
  .p-sitename:hover .p-sitename-text {
    display: none;
  }
}
.p-sitename-icon {
  height: 3em;
  padding: 0.5em 0;
  vertical-align: bottom;
  animation: sitename-appear 0.2s;
  display: none;
}
.p-sitename-text {
  animation: sitename-appear 0.2s;
}
@-moz-keyframes sitename-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes sitename-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes sitename-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes sitename-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-brand {
  user-select: none;
  overflow: hidden;
  width: 256px;
  margin: 32px;
  border-radius: 4px;
  text-align: center;
  border: 1px solid var(--color-clear);
  background: var(--color-background);
  line-height: 1;
  white-space: normal;
  animation: brand-appear 0.6s ease;
}
.p-brand-avatar {
  width: calc(100% - 32px);
  margin: 16px;
  border-radius: 4px;
  max-width: 511.5px;
}
.p-brand-name {
  background: var(--color-clear);
  font-size: 1.5em;
  line-height: 2;
  white-space: nowrap;
}
.p-brand-slogan {
  line-height: 3;
  white-space: nowrap;
}
.p-brand-counts {
  padding-bottom: 10px;
  line-height: 2;
  font-size: 0.88em;
}
.p-brand-counts > span {
  display: inline-block;
  padding: 0 8px;
}
.p-brand-counts > span:nth-child(even) {
  border-left: 1px solid;
  border-right: 1px solid;
}
.p-brand-contacts {
  padding-bottom: 12px;
  font-size: 1.25em;
  line-height: 2;
}
.p-brand-contacts a {
  display: inline-block;
  width: 2em;
  color: var(--color-text);
  border-radius: 4px;
}
@media (min-width: 1024px) {
  .p-brand-contacts a:hover {
    background: var(--color-clear);
  }
}
@media (max-width: 1023px) {
  .p-brand {
    width: 100%;
    margin: 0;
    border: none;
    border-bottom: 1px solid var(--color-clear);
    border-radius: 0;
  }
  .p-brand-contacts {
    display: none;
  }
}
@-moz-keyframes brand-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes brand-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes brand-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes brand-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-menus {
  overflow: hidden;
  user-select: none;
  width: 256px;
  margin: 32px;
  border-radius: 4px;
  border: 1px solid var(--color-clear);
  background: var(--color-background);
  line-height: 1;
  white-space: normal;
  animation: menus-appear 0.6s ease;
}
.p-menu-caption {
  padding: 0 8px;
  font-size: 0.8em;
  line-height: 2.5;
  background: var(--color-clear);
}
.p-menu-caption i {
  margin-right: 4px;
}
.p-menu-items {
  padding: 8px 0;
}
.p-menu-items a {
  display: block;
  color: var(--color-text);
  line-height: 3;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1023px) {
  .p-menu-items a {
    position: relative;
  }
  .p-menu-items a:not(.active):after {
    content: '>';
    position: absolute;
    right: 16px;
  }
}
.p-menu-items a i {
  margin: 0 16px;
}
@media (min-width: 1024px) {
  .p-menu-items a:hover {
    background: var(--color-menus-hover);
  }
}
.p-menu-items a.active {
  color: var(--color-menus-active-text);
  background: var(--color-menus-active-background);
}
@media (max-width: 1023px) {
  .p-menus {
    width: 100%;
    margin: 0;
    border: none;
    border-bottom: 1px solid var(--color-clear);
    border-radius: 0;
  }
  .p-menu-caption {
    text-align: center;
  }
  .p-menu-caption i {
    display: none;
  }
}
@-moz-keyframes menus-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes menus-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes menus-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes menus-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-skin {
  overflow: hidden;
  user-select: none;
  width: 256px;
  margin: 32px;
  border-radius: 4px;
  border: 1px solid var(--color-clear);
  background: var(--color-background);
  line-height: 1;
  white-space: normal;
  animation: skin-appear 0.6s ease;
}
@media (max-width: 1023px) {
  .p-skin {
    display: none;
  }
}
.p-skin-caption {
  padding: 0 8px;
  font-size: 0.8em;
  line-height: 2.5;
  background: var(--color-clear);
}
.p-skin-caption i {
  margin-right: 4px;
}
.p-skin-items {
  padding: 8px;
}
[data-skin-key] {
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  margin: 4px;
  border-radius: 50%;
  border: 4px solid var(--color-clear);
  cursor: pointer;
  position: relative;
}
[data-skin-key]:after {
  content: '';
  position: absolute;
  width: 40%;
  height: 40%;
  top: 30%;
  left: 30%;
  background: var(--color-menus-hover);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.2s;
}
[data-skin-key]:hover:after {
  opacity: 0.5;
}
[data-skin-key].active:after {
  opacity: 1;
}
@-moz-keyframes skin-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes skin-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes skin-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes skin-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-settings {
  overflow: hidden;
  user-select: none;
  width: 256px;
  margin: 32px;
  border-radius: 4px;
  border: 1px solid var(--color-clear);
  background: var(--color-background);
  line-height: 1;
  white-space: normal;
  animation: settings-appear 0.6s ease;
}
.p-settings-caption {
  padding: 0 8px;
  font-size: 0.8em;
  line-height: 2.5;
  background: var(--color-clear);
}
.p-settings-caption i {
  margin-right: 4px;
}
.p-settings-items {
  padding: 8px 0;
}
[data-settings-key] {
  line-height: 3;
  cursor: pointer;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
[data-settings-key] * {
  pointer-events: none;
}
[data-settings-key] i {
  margin: 0 16px;
}
@media (min-width: 1024px) {
  [data-settings-key]:hover {
    background: var(--color-menus-hover);
  }
}
[data-settings-key] .p-settings-items-switch {
  float: right;
  width: 2.325em;
  height: 1.35em;
  margin: 0.825em 16px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  [data-settings-key] .p-settings-items-switch {
    border-radius: 4px;
  }
}
[data-settings-key] .p-settings-items-switch:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 1.35em;
  width: 1.35em;
  background: var(--color-settings-switch-on);
  transition: transform 0.6s;
  transform: scale(0.5);
  z-index: 2;
}
@media (min-width: 1024px) {
  [data-settings-key] .p-settings-items-switch:before {
    border-radius: 4px;
  }
}
[data-settings-key] .p-settings-items-switch:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 1.35em;
  width: 1.35em;
  background: var(--color-settings-switch-off);
  transition: transform 0.6s;
  transform: scale(3);
  z-index: 1;
}
@media (min-width: 1024px) {
  [data-settings-key] .p-settings-items-switch:after {
    border-radius: 4px;
  }
}
[data-settings-key].active .p-settings-items-switch:before {
  transform: scale(3);
}
[data-settings-key].active .p-settings-items-switch:after {
  transform: scale(0.5);
  z-index: 2;
}
@media (max-width: 1023px) {
  .p-settings {
    width: 100%;
    margin: 0;
    border: none;
    border-bottom: 1px solid var(--color-clear);
    border-radius: 0;
  }
  .p-settings-caption {
    text-align: center;
  }
  .p-settings-caption i {
    display: none;
  }
  [data-settings-key='transfigure'],
  [data-settings-key='lyride'],
  [data-settings-key='autoplay'] {
    display: none;
  }
}
@-moz-keyframes settings-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes settings-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes settings-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes settings-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-footer {
  overflow: hidden;
  user-select: none;
  animation: footer-appear 0.6s ease;
  margin: 0 auto;
  text-align: center;
  background: var(--color-header-background);
  transition: all 0.6s;
}
@media (min-width: 1024px) {
  .p-footer {
    border: 1px solid var(--color-clear);
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    padding: 8px;
    padding-bottom: 80px;
    width: calc(100% - 640px);
  }
}
@media (max-width: 1023px) {
  .p-footer {
    padding: 16px 0;
    padding-bottom: calc(20vh + 32px);
    border-top: 4px solid var(--color-clear);
  }
}
@media (min-width: 1024px) {
  .p-footer-powered a,
  .p-footer-theme a {
    display: inline-block;
  }
  .p-footer-powered a:after,
  .p-footer-theme a:after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    margin-top: -1px;
    background: var(--color-link);
    transition: width 0.6s;
  }
  .p-footer-powered a:hover:after,
  .p-footer-theme a:hover:after {
    width: 100%;
  }
}
.p-footer-license {
  font-size: 32px;
  line-height: 1;
  padding-top: 8px;
}
.p-footer-license a {
  display: inline-block;
}
.p-footer-license a img {
  height: 32px;
}
@media (min-width: 1024px) {
  :root.lyride .p-footer {
    padding-bottom: 12px;
  }
}
@media (max-width: 1023px) {
  :root.lyride .p-footer {
    padding-bottom: 20px;
  }
}
:root.closeDrawer .p-footer,
:root.closeAside .p-footer {
  width: 100%;
}
@-moz-keyframes footer-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes footer-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes footer-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes footer-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-pather {
  user-select: none;
  animation: pather-appear 0.6s ease;
  overflow: hidden;
  height: 3em;
}
.p-pather-home {
  float: left;
  line-height: 1;
  padding: 15px 15px 16px 15px;
  background: var(--color-clear);
  border-radius: 4px 0 0 4px;
}
.p-pather-queue {
  line-height: 3;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(3em - 2px);
}
.p-pather-queue a {
  display: block;
  float: left;
  color: var(--color-text);
  background: var(--color-clear);
  line-height: 24px;
  font-size: 14px;
  padding: 0 8px;
  margin: 11px 0;
  border-radius: 8px 0;
  margin-left: 0.75em;
  transition: background 0.6s, color 0.2s;
}
.p-pather-queue a:hover {
  color: var(--color-background);
  background: var(--color-text);
}
@-moz-keyframes pather-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes pather-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes pather-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes pather-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-panels {
  overflow: hidden;
  user-select: none;
  width: 256px;
  margin: 32px;
  border-radius: 4px;
  border: 1px solid var(--color-clear);
  background: var(--color-background);
  white-space: normal;
  animation: panels-appear 0.6s ease;
  font-size: 0.88em;
}
.p-panel-caption {
  padding: 0 8px;
  font-size: 0.8em;
  line-height: 2.5;
  background: var(--color-clear);
}
.p-panel-caption i {
  margin-right: 4px;
}
.p-panel-items {
  padding: 16px 8px;
  line-height: 1.5;
}
.p-panel-items a {
  display: inline-block;
  margin: 7.04px;
  color: var(--color-text);
}
@media (min-width: 1024px) {
  .p-panel-items a {
    margin-top: 0;
  }
  .p-panel-items a:after {
    content: '';
    display: block;
    margin-top: 2px;
    width: 0;
    height: 1px;
    background: var(--color-text);
    transition: width 0.3s ease;
  }
  .p-panel-items a:hover {
    opacity: 1 !important;
  }
  .p-panel-items a:hover:after {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .p-panels {
    width: 100%;
    margin: 0;
    border: none;
    border-bottom: 1px solid var(--color-clear);
    border-radius: 0;
  }
  .p-panel-caption {
    text-align: center;
  }
  .p-panel-caption i {
    display: none;
  }
}
@-moz-keyframes panels-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes panels-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes panels-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes panels-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-audioplayer {
  user-select: none;
  width: 256px;
  margin: 32px;
  border-radius: 4px;
  border: 1px solid var(--color-clear);
  background: var(--color-background);
  white-space: normal;
  animation: panels-appear 0.6s ease;
  overflow: hidden;
}
.p-audioplayer-caption {
  padding: 0 8px;
  font-size: 0.8em;
  line-height: 2.5;
  background: var(--color-clear);
}
.p-audioplayer-caption > i {
  margin-right: 4px;
}
.p-audioplayer-player {
  white-space: normal;
  max-height: 353px;
}
.p-audioplayer-player .aplayer.aplayer-withlist {
  margin: 0;
  box-shadow: none;
  background: none;
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-pic {
  height: 48px;
  width: 48px;
  border: 4px solid transparent;
  background-clip: content-box;
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-info {
  margin-left: 56px;
  height: 56px;
  padding: 0 8px 8px;
  border-bottom: 1px solid var(--color-clear);
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-info .aplayer-music {
  margin: 0;
  padding: 8px 4px;
  user-select: none;
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-info .aplayer-controller .aplayer-time button.aplayer-icon-order,
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-info .aplayer-controller .aplayer-time button.aplayer-icon-loop {
  display: inline-block;
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-info .aplayer-controller .aplayer-time button.aplayer-icon-menu {
  display: none;
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-lrc {
  position: fixed;
  left: 0;
  bottom: 0;
  margin: 0;
  width: 100%;
  pointer-events: none;
  z-index: 999999990;
  height: 56px;
  padding: 0 0 8px 0;
  transition: opacity 0.6s;
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-lrc:before {
  background: none;
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-lrc:after {
  height: 8px;
  background: var(--color-audioplayer-lrc-background);
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-lrc .aplayer-lrc-contents {
  user-select: none;
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-lrc .aplayer-lrc-contents p {
  color: var(--color-audioplayer-lrc);
  opacity: 0.9;
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-lrc .aplayer-lrc-contents p.aplayer-lrc-current {
  line-height: 40px !important;
  font-size: 32px !important;
  color: var(--color-audioplayer-lrc-current);
  font-weight: bold;
  text-shadow: 0 0 16px var(--color-background);
  transition: none;
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-list ol::-webkit-scrollbar {
  width: 8px;
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-list ol::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: var(--color-text);
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-list ol li {
  border-top: 1px solid transparent;
  padding: 0 8px;
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-list ol li:hover {
  background: var(--color-clear);
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-list ol li.aplayer-list-light {
  background: var(--color-clear);
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-list ol li .aplayer-list-index {
  display: inline-block;
  width: 2em;
  text-align: center;
  margin-right: 8px;
}
.p-audioplayer-player .aplayer.aplayer-withlist .aplayer-list ol li .aplayer-list-author {
  padding-right: 4px;
}
@media (max-width: 1023px) {
  .p-audioplayer {
    width: 100%;
    margin: 0;
    border: none;
    border-radius: 0;
  }
  .p-audioplayer-caption {
    text-align: center;
  }
  .p-audioplayer-caption > i {
    display: none;
  }
  .aplayer-lrc {
    background: var(--color-audioplayer-lrc-mobile-back);
    border-top: 1px solid var(--color-clear);
    height: 20vh !important;
  }
}
@-moz-keyframes audioplayer-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes audioplayer-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes audioplayer-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes audioplayer-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-toc {
  overflow: hidden;
  user-select: none;
  width: 256px;
  margin: 32px;
  border-radius: 4px;
  border: 1px solid var(--color-clear);
  background: var(--color-background);
  white-space: normal;
  animation: toc-appear 0.6s ease;
}
.p-toc-caption {
  padding: 0 8px;
  font-size: 0.8em;
  line-height: 2.5;
  background: var(--color-clear);
}
.p-toc-caption i {
  margin-right: 4px;
}
.p-toc-main {
  padding: 12px;
  font-size: 0.88em;
}
@media (min-width: 1024px) {
  .p-toc-main {
    max-height: calc(100vh - 5.5em - 67px - 0.6vmin);
    overflow-y: auto;
  }
  .p-toc-main::-webkit-scrollbar {
    width: 8px;
  }
  .p-toc-main::-webkit-scrollbar-thumb {
    background: var(--color-text);
  }
}
.p-toc-list {
  pointer-events: none;
}
.p-toc-list ol {
  list-style: none;
}
.p-toc-list a {
  pointer-events: all;
  display: block;
  margin: 0 -12px;
  padding: 0 12px;
  color: var(--color-toc-link);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
@media (min-width: 1024px) {
  .p-toc-list a:hover {
    background: var(--color-clear);
  }
  .p-toc-list a.active {
    background: var(--color-toc-active-background);
    color: var(--color-toc-active-text);
  }
}
@media (max-width: 1023px) {
  .p-toc {
    width: 100%;
    margin: 0;
    border: none;
    border-bottom: 1px solid var(--color-clear);
    border-radius: 0;
  }
  .p-toc-caption {
    text-align: center;
  }
  .p-toc-caption i {
    display: none;
  }
  .p-toc-message {
    text-align: center;
    font-size: 0.88em;
  }
}
@-moz-keyframes toc-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes toc-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes toc-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes toc-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-comment {
  overflow: hidden;
  margin: 32px 0;
  border-radius: 4px;
  border: 1px solid var(--color-clear);
  background: var(--color-background);
  line-height: 1;
  animation: comment-appear 0.6s ease;
}
.p-comment-caption {
  user-select: none;
  padding: 0 8px;
  font-size: 0.8em;
  line-height: 2.5;
  background: var(--color-clear);
}
.p-comment-caption i {
  margin-right: 4px;
}
.p-comment-valine {
  padding: 32px;
}
@media (max-width: 1023px) {
  .p-comment {
    margin: 0;
    border: none;
    border-bottom: 1px solid var(--color-clear);
    border-radius: 0;
  }
  .p-comment-caption {
    text-align: center;
  }
  .p-comment-caption i {
    display: none;
  }
  .p-comment-valine {
    padding: 8px;
  }
}
@-moz-keyframes comment-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes comment-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes comment-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes comment-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-hitokoto {
  overflow: hidden;
  user-select: none;
  margin: 32px 0;
  border-radius: 4px;
  border: 1px solid var(--color-clear);
  background: var(--color-background);
  line-height: 1;
  animation: hitokoto-appear 0.6s ease;
  position: relative;
}
.p-hitokoto img {
  display: inherit;
  width: 100%;
  min-height: 6em;
  transition: opacity 0.6s;
  pointer-events: none;
}
.p-hitokoto-content,
.p-hitokoto-name {
  user-select: text;
}
.p-hitokoto-content:after {
  content: '';
  border-left: 0.1rem solid;
  animation: hitokoto-flashing 1.2s ease-in-out infinite;
}
.p-hitokoto-caption {
  padding: 0 8px;
  font-size: 0.8em;
  line-height: 2.5;
  background: var(--color-clear);
}
.p-hitokoto-caption i {
  margin-right: 4px;
}
.p-hitokoto-from {
  text-align: center;
  padding: 0 32px;
  position: absolute;
  width: 100%;
  max-height: 6em;
  line-height: 6;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.25em;
}
.p-hitokoto-from:before {
  content: '-「 ';
}
.p-hitokoto-from:after {
  content: ' 」-';
}
.p-hitokoto-word {
  text-align: center;
  margin: 16px 32px 8px;
  padding: 16px;
  position: relative;
  line-height: 2;
  font-size: 1.5em;
}
.p-hitokoto-word:before {
  content: '『';
  position: absolute;
  left: -0.5em;
  top: 0;
}
.p-hitokoto-word:after {
  content: '』';
  position: absolute;
  right: -0.5em;
  bottom: 0;
}
@media (max-width: 1023px) {
  .p-hitokoto {
    margin: 0;
    border: none;
    border-bottom: 1px solid var(--color-clear);
    border-radius: 0;
  }
  .p-hitokoto-caption {
    text-align: center;
  }
  .p-hitokoto-caption i {
    display: none;
  }
  .p-hitokoto-from {
    line-height: 1.5;
    white-space: normal;
    font-size: 1em;
  }
  .p-hitokoto-word {
    margin: 8px;
    line-height: 1.75;
    font-size: 1.25em;
  }
}
@media (max-width: 1023px) {
  :root.night .p-hitokoto img {
    opacity: 0.8;
  }
}
@-moz-keyframes hitokoto-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes hitokoto-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes hitokoto-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes hitokoto-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes hitokoto-flashing {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes hitokoto-flashing {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes hitokoto-flashing {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hitokoto-flashing {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.p-recentposts {
  overflow: hidden;
  user-select: none;
  margin: 32px 0;
  border-radius: 4px;
  border: 1px solid var(--color-clear);
  background: var(--color-background);
  line-height: 1;
  animation: recentposts-appear 0.6s ease;
}
.p-recentposts .footnote-ref {
  user-select: none;
  pointer-events: none;
  text-decoration: line-through;
}
.p-recentposts .footnote-ref a {
  color: inherit;
}
.p-recentposts-caption {
  padding: 0 8px;
  font-size: 0.8em;
  line-height: 2.5;
  background: var(--color-clear);
}
.p-recentposts-caption i {
  margin-right: 4px;
}
.p-recentposts-more {
  text-align: center;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .p-recentposts-more {
    margin: 16px 0;
    line-height: 2.5;
    color: var(--color-recentposts-more-back);
    background: var(--color-recentposts-more-front);
  }
}
@media (min-width: 1024px) {
  .p-recentposts-more {
    border-top: 8px solid var(--color-clear);
    line-height: 3;
    color: var(--color-recentposts-more-front);
  }
  .p-recentposts-more:hover {
    color: var(--color-recentposts-more-back);
    background: var(--color-recentposts-more-front);
  }
}
.p-recentpost:not(:first-child) {
  border-top: 1px solid var(--color-clear);
}
.p-recentpost {
  padding: 32px;
  position: relative;
  display: table;
  width: 100%;
  animation: recentposts-appear 0.6s ease;
}
.p-recentpost-cover {
  position: absolute;
  margin: 16px;
  margin-left: 0;
  right: 0;
  top: 0;
  height: calc(100% - 32px);
  max-width: calc(30% - 16px);
  overflow: hidden;
}
.p-recentpost-cover div {
  display: table;
  height: 100%;
}
.p-recentpost-cover span {
  display: table-cell;
  vertical-align: middle;
}
@media (min-width: 1024px) {
  .p-recentpost-title a,
  .p-recentpost-meta a {
    display: inline-block;
  }
  .p-recentpost-title a:after,
  .p-recentpost-meta a:after {
    content: '';
    display: block;
    margin-top: -1px;
    width: 0;
    height: 1px;
    background: var(--color-link);
    transition: width 0.6s;
  }
  .p-recentpost-title a:hover:after,
  .p-recentpost-meta a:hover:after {
    width: 100%;
  }
}
.p-recentpost-title,
.p-recentpost-meta,
.p-recentpost-excerpt {
  max-width: 70%;
  line-height: 2;
}
.p-recentpost.nocover .p-recentpost-title,
.p-recentpost.nocover .p-recentpost-meta,
.p-recentpost.nocover .p-recentpost-excerpt {
  max-width: 100%;
}
.p-recentpost.nocover .p-recentpost-cover {
  display: none;
}
.p-recentpost-title,
.p-recentpost-excerpt {
  user-select: text;
}
.p-recentpost-title {
  font-weight: bold;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1024px) {
  .p-recentpost-title a:after {
    margin-top: -2px;
    height: 2px;
  }
}
.p-recentpost-meta {
  padding: 8px 0;
}
@media (max-width: 1023px) {
  .p-recentposts {
    margin: 0;
    border: none;
    border-bottom: 1px solid var(--color-clear);
    border-radius: 0;
  }
  .p-recentposts-caption {
    text-align: center;
  }
  .p-recentposts-caption i {
    display: none;
  }
  .p-recentpost {
    padding: 16px 8px;
  }
  .p-recentpost-cover {
    display: none;
  }
  .p-recentpost-title,
  .p-recentpost-meta,
  .p-recentpost-excerpt {
    max-width: initial;
  }
  .p-recentpost-meta {
    padding: 0;
  }
  .p-recentposts-items {
    border-bottom: 1px solid var(--color-clear);
  }
}
@-moz-keyframes recentposts-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes recentposts-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes recentposts-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes recentposts-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-timeline {
  overflow: hidden;
  margin: 32px 0;
  border-radius: 4px;
  border: 1px solid var(--color-clear);
  background: var(--color-background);
  line-height: 1;
  animation: timeline-appear 0.6s ease;
  user-select: none;
}
.p-timeline-caption {
  padding: 0 8px;
  font-size: 0.8em;
  line-height: 2.5;
  background: var(--color-clear);
}
.p-timeline-caption i {
  margin-right: 4px;
}
.p-timeline-items {
  padding: 32px;
  line-height: 2;
}
.p-timeline-items .p-timeline-head,
.p-timeline-items .p-timeline-row {
  clear: both;
}
.p-timeline-items .p-timeline-year,
.p-timeline-items .p-timeline-date {
  width: 120px;
  float: left;
  text-align: right;
  padding: 16px 0;
  padding-right: 24px;
}
.p-timeline-items .p-timeline-count,
.p-timeline-items .p-timeline-content {
  display: inline-block;
  width: calc(100% - 120px);
  border-left: 4px solid var(--color-clear);
  padding: 16px 0;
  padding-left: 24px;
}
.p-timeline-items .p-timeline-year {
  font-weight: bold;
  font-size: 32px;
  line-height: 48px;
  background: var(--color-clear);
}
.p-timeline-items .p-timeline-count {
  font-size: 14.08px;
  line-height: 48px;
  height: 80px;
}
.p-timeline-items .p-timeline-count strong {
  text-decoration: underline;
  color: var(--color-error);
}
.p-timeline-items .p-timeline-title {
  font-weight: bold;
}
@media (min-width: 1024px) {
  .p-timeline-items .p-timeline-title a {
    display: inline-block;
  }
  .p-timeline-items .p-timeline-title a:after {
    content: '';
    display: block;
    margin-top: -2px;
    width: 0;
    height: 2px;
    background: var(--color-link);
    transition: width 0.6s;
  }
  .p-timeline-items .p-timeline-title a:hover:after {
    width: 100%;
  }
}
.p-timeline-items .p-timeline-content {
  user-select: text;
}
@media (min-width: 1024px) {
  .p-timeline-items .p-timeline-date {
    position: relative;
  }
  .p-timeline-items .p-timeline-date:after {
    content: '';
    position: absolute;
    top: calc(0.25em + 12px);
    right: calc(-0.75em - 6px);
    height: 1.5em;
    width: 1.5em;
    border-radius: 50%;
    background: var(--color-text);
    border: 4px solid var(--color-clear);
  }
}
@media (max-width: 1023px) {
  .p-timeline {
    margin: 0;
    border-radius: 0;
    border: none;
  }
  .p-timeline-caption {
    text-align: center;
  }
  .p-timeline-caption i {
    display: none;
  }
  .p-timeline-items {
    padding: 0 0 16px 0;
  }
  .p-timeline-items .p-timeline-head {
    display: none;
  }
  .p-timeline-items .p-timeline-date {
    padding: 0 1em;
    width: auto;
    border-radius: 0 1em 1em 0;
    background: var(--color-text);
    color: var(--color-header-background);
  }
  .p-timeline-items .p-timeline-content {
    width: 100%;
    text-align: left;
    padding: 8px;
    border-left: none;
  }
  .p-timeline-items .p-timeline-row {
    padding-top: 16px;
  }
}
@-moz-keyframes timeline-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes timeline-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes timeline-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes timeline-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-post {
  overflow: hidden;
  margin: 32px 0;
  border-radius: 4px;
  border: 1px solid var(--color-clear);
  background: var(--color-background);
  line-height: 1;
  animation: post-appear 0.6s ease;
  user-select: none;
}
.p-post-caption {
  padding: 0 8px;
  font-size: 0.8em;
  line-height: 2.5;
  background: var(--color-clear);
}
.p-post-caption i {
  margin-right: 4px;
}
.p-post-main {
  padding: 48px;
  position: relative;
}
.p-post-readmode {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em;
  cursor: pointer;
}
.p-post-readmode.active {
  color: var(--color-link);
}
.p-post-title,
.p-post-content {
  user-select: text;
}
.p-post-title {
  font-size: 2.85em;
  line-height: 1.5em;
  padding: 0.5em 0;
  text-align: center;
  border-bottom: 1px solid var(--color-clear);
}
.p-post-meta {
  padding: 1em 0;
  line-height: 2;
  text-align: center;
}
.p-post-meta > div {
  display: inline-block;
  margin: 0 8px;
}
@media (min-width: 1024px) {
  .p-post-meta a {
    display: inline-block;
  }
  .p-post-meta a:after {
    content: '';
    display: block;
    margin-top: -1px;
    width: 0;
    height: 1px;
    background: var(--color-link);
    transition: width 0.6s;
  }
  .p-post-meta a:hover:after {
    width: 100%;
  }
}
.p-post-content {
  padding: 3em 0;
}
.p-post-content h1 {
  counter-reset: h2;
}
.p-post-content h2 {
  counter-reset: h3;
}
.p-post-content h3 {
  counter-reset: h4;
}
.p-post-content h4 {
  counter-reset: h5;
}
.p-post-content h5 {
  counter-reset: h6;
}
.p-post-content h6 {
  counter-reset: h7;
}
.p-post-content h1:before {
  counter-increment: h1;
  content: counter(h1) ". ";
  font-weight: bolder;
}
.p-post-content h2:before {
  counter-increment: h2;
  content: counter(h1) "." counter(h2) ". ";
  font-weight: bolder;
}
.p-post-content h3:before {
  counter-increment: h3;
  content: counter(h1) "." counter(h2) "." counter(h3) ". ";
  font-weight: bolder;
}
.p-post-content h4:before {
  counter-increment: h4;
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". ";
  font-weight: bolder;
}
.p-post-content h5:before {
  counter-increment: h5;
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". ";
  font-weight: bolder;
}
.p-post-content h6:before {
  counter-increment: h6;
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". ";
  font-weight: bolder;
}
.p-post-ending {
  color: var(--color-post-ending);
  border-top: 8px dashed;
  text-align: center;
  font-size: 1.5em;
  line-height: 1.5em;
  padding: 0.5em 0;
  margin: 2em 0;
}
.p-post-ending > span {
  display: inline-block;
}
.p-post-ending i {
  height: 1.5em;
  line-height: 1.5;
}
.p-post-friend {
  text-align: center;
}
.p-post-friend-text {
  line-height: 1.5;
  padding-bottom: 16px;
}
.p-post-friend-button {
  cursor: pointer;
  display: inline-block;
  border-radius: 4px;
  color: var(--color-background);
  background: var(--color-text);
  font-size: 1.5em;
  padding: 0.5em;
  margin-bottom: 16px;
  transition: all 0.3s;
}
@media (min-width: 1024px) {
  .p-post-friend-button:hover {
    opacity: 0.88;
  }
  .p-post-friend-button:active {
    transform: scale(0.95);
  }
}
.p-post-friend-qrcode {
  display: none;
}
.p-post-friend-qrcode.active {
  display: block;
  animation: post-appear 0.6s ease;
}
.p-post-friend-qrcode-qq,
.p-post-friend-qrcode-wechat {
  max-width: 300px;
  margin: 0 16px;
  width: calc(100% - 32px);
  display: inline-block;
  padding-bottom: 16px;
}
.p-post-friend-qrcode-qq div,
.p-post-friend-qrcode-wechat div {
  line-height: 2;
}
.p-post-friend-qrcode-qq img,
.p-post-friend-qrcode-wechat img {
  max-width: 100%;
}
.p-post-share {
  text-align: center;
  margin: 32px 0;
}
.p-post-license {
  line-height: 2;
  background: var(--color-post-license-back);
  padding: 8px 0;
  border-left: 4px solid var(--color-link);
  margin: 32px 0;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.p-post-license::-webkit-scrollbar {
  height: 8px;
}
.p-post-license::-webkit-scrollbar-thumb {
  background: var(--color-text);
  opacity: 0.5;
}
.p-post-license .label {
  margin-right: 8px;
  font-weight: bold;
}
.p-post-license > div {
  width: fit-content;
  padding: 0 12px;
}
@media (min-width: 1024px) {
  .p-post-license a {
    display: inline-block;
  }
  .p-post-license a:after {
    content: '';
    display: block;
    margin-top: -1px;
    width: 0;
    height: 1px;
    background: var(--color-link);
    transition: width 0.6s;
  }
  .p-post-license a:hover:after {
    width: 100%;
  }
}
.p-post-tags {
  line-height: 2;
  margin: 32px 0;
  text-align: center;
}
.p-post-tags a {
  display: inline-block;
  margin: 0 16px;
}
.p-post-tags a:before {
  content: '# ';
}
@media (min-width: 1024px) {
  .p-post-tags a:after {
    content: '';
    display: block;
    margin-top: -1px;
    width: 0;
    height: 1px;
    background: var(--color-link);
    transition: width 0.6s;
  }
  .p-post-tags a:hover:after {
    width: 100%;
  }
}
.p-post-navigator {
  padding: 8px 0;
  line-height: 2;
  text-align: center;
  border-top: 1px solid var(--color-clear);
}
.p-post-navigator > div {
  max-width: 50%;
  position: relative;
}
@media (min-width: 1024px) {
  .p-post-navigator a {
    transition: text-shadow 0.3s;
  }
  .p-post-navigator a:hover {
    text-shadow: 0 0 1px;
  }
}
.p-post-navigator-prev {
  text-align: left;
  float: left;
  padding: 0 1em;
}
.p-post-navigator-prev a:after {
  content: '<';
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 1024px) {
  .p-post-navigator-prev a:after {
    color: var(--color-link);
  }
}
@media (max-width: 1023px) {
  .p-post-navigator-prev a:after {
    color: var(--color-post-ending);
  }
}
.p-post-navigator-next {
  text-align: right;
  float: right;
  padding: 0 1em;
}
.p-post-navigator-next a:after {
  content: '>';
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 1024px) {
  .p-post-navigator-next a:after {
    color: var(--color-link);
  }
}
@media (max-width: 1023px) {
  .p-post-navigator-next a:after {
    color: var(--color-post-ending);
  }
}
.p-post-navigator-clear {
  clear: both;
}
@media (max-width: 1023px) {
  .p-post {
    margin: 0;
    border-radius: 0;
    border: none;
  }
  .p-post-caption {
    text-align: center;
  }
  .p-post-caption i {
    display: none;
  }
  .p-post-main {
    padding: 0 8px;
  }
  .p-post-content {
    padding: 2em 0 3em 0;
  }
  .p-post-ending {
    margin: 1em 0;
    font-size: 0.8em;
  }
  .p-post-license,
  .p-post-tags {
    margin: 16px 0;
  }
  .p-post-navigator {
    margin: 8px 0 0;
  }
  .p-post-navigator > div {
    max-width: 100%;
  }
  .p-post-navigator-prev,
  .p-post-navigator-next {
    text-align: center;
    padding: 0 1em;
    float: none;
  }
}
@-moz-keyframes post-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes post-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes post-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes post-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-page {
  overflow: hidden;
  margin: 32px 0;
  border-radius: 4px;
  border: 1px solid var(--color-clear);
  background: var(--color-background);
  line-height: 1;
  animation: page-appear 0.6s ease;
  user-select: none;
}
.p-page-title,
.p-page-main {
  user-select: text;
}
.p-page-caption {
  padding: 0 8px;
  font-size: 0.8em;
  line-height: 2.5;
  background: var(--color-clear);
}
.p-page-caption i {
  margin-right: 4px;
}
.p-page-title {
  font-size: 2.5em;
  line-height: 1.5em;
  padding: 0.5em 0;
  margin: 48px;
  text-align: center;
  border-bottom: 1px solid var(--color-clear);
}
.p-page-main {
  padding: 48px;
  padding-top: 0;
}
@media (max-width: 1023px) {
  .p-page {
    margin: 0;
    border-radius: 0;
    border: none;
  }
  .p-page-caption {
    text-align: center;
  }
  .p-page-caption i {
    display: none;
  }
  .p-page-title {
    margin: 0 8px;
  }
  .p-page-main {
    padding: 24px 8px;
  }
}
@-moz-keyframes page-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes page-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes page-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes page-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-codelib {
  user-select: none;
  overflow: hidden;
  background: var(--color-background);
  animation: codelib-appear 0.6s ease;
}
@media (min-width: 1024px) {
  .p-codelib {
    margin: 32px 0;
    border-radius: 4px;
    border: 1px solid var(--color-clear);
  }
}
.p-codelib ul {
  list-style: none;
}
.p-codelib-caption {
  padding: 0 8px;
  font-size: 0.8em;
  line-height: 2.5;
  background: var(--color-clear);
}
.p-codelib-caption i {
  margin-right: 4px;
}
@media (min-width: 1024px) {
  .p-codelib-readme {
    padding: 48px 32px;
  }
}
@media (max-width: 1023px) {
  .p-codelib-readme {
    padding: 40px 8px;
  }
}
.p-codelib-readme h1:first-of-type {
  text-align: center;
  padding-bottom: 0.5em;
}
@media (min-width: 1024px) {
  .p-codelib-readme h1:first-of-type {
    margin-bottom: 48px;
  }
}
@media (max-width: 1023px) {
  .p-codelib-readme h1:first-of-type {
    margin-bottom: 40px;
  }
}
.p-codelib-readme .md {
  user-select: text;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  .p-codelib-readme .md {
    max-height: calc(100vh - 0.6vmin - 3em - 224px);
    padding: 0 16px;
  }
}
@media (max-width: 1023px) {
  .p-codelib-readme .md {
    max-height: calc(100vh - 0.6vmin - 3em - 144px);
    padding: 0 8px;
  }
}
.p-codelib-readme .md:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1em;
  width: 100%;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0, var(--color-recentposts-more-front));
}
.p-codelib-readme.active .md {
  max-height: none;
}
.p-codelib-readme.active .md:after {
  visibility: hidden;
}
.p-codelib-readme.active .p-codelib-more {
  background: var(--color-link);
  margin-top: 2em;
  border-radius: 1.25em;
}
.p-codelib-readme.active .codelib-more {
  display: none;
}
.p-codelib-readme.active .codelib-less {
  display: inline;
}
.p-codelib-more {
  font-size: 0.85em;
  line-height: 2.5;
  text-align: center;
  cursor: pointer;
  width: 100%;
  background: var(--color-recentposts-more-front);
  color: var(--color-recentposts-more-back);
  border-radius: 0 0 1.25em 1.25em;
}
.codelib-less {
  display: none;
}
.p-codelib-list > li:not(:first-child) {
  border-top: 1px solid var(--color-clear);
}
.p-codelib-list > li.active .codelib-cat:after {
  transform: rotate(-135deg);
  top: 1.25em;
}
.p-codelib-list a {
  color: var(--color-codelib-text);
}
.p-codelib-list a:hover {
  text-decoration: underline;
}
@media (max-width: 1023px) {
  .p-codelib-list {
    margin-bottom: 16px;
  }
}
.codelib-cat {
  line-height: 2.5;
  background: var(--color-recentposts-more-front);
  color: var(--color-recentposts-more-back);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
@media (min-width: 1024px) {
  .codelib-cat {
    padding: 0 48px 0 32px;
  }
}
@media (max-width: 1023px) {
  .codelib-cat {
    padding: 0 24px 0 16px;
  }
}
.codelib-cat:after {
  content: '';
  display: block;
  position: absolute;
  top: 0.95em;
  height: 0.35em;
  width: 0.35em;
  transform: rotate(45deg);
  border-right: 0.1em solid;
  border-bottom: 0.1em solid;
}
@media (min-width: 1024px) {
  .codelib-cat:after {
    right: 32px;
  }
}
@media (max-width: 1023px) {
  .codelib-cat:after {
    right: 16px;
  }
}
.codelib-inner {
  line-height: 2.5;
}
@media (min-width: 1024px) {
  .codelib-inner {
    padding: 0 32px;
  }
}
@media (max-width: 1023px) {
  .codelib-inner {
    padding: 0 16px;
  }
}
.codelib-inner > li:not(:first-child) {
  border-top: 1px solid var(--color-recentposts-more-front);
}
.codelib-inner > li {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.codelib-inner i {
  margin-right: 0.75em;
  color: var(--color-codelib-text);
}
@media (max-width: 1023px) {
  .p-codelib-caption {
    text-align: center;
  }
  .p-codelib-caption i {
    display: none;
  }
}
@-moz-keyframes codelib-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes codelib-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes codelib-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes codelib-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-xcanvas {
  overflow: hidden;
  position: fixed;
  right: 16px;
  bottom: 110.4px;
  margin: 8px;
  user-select: none;
  animation: xcanvas-appear 0.6s ease;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  background: var(--color-background);
  transition: box-shadow 0.2s;
}
.p-xcanvas:hover {
  box-shadow: 0 0 4px var(--color-goingto-shadow);
}
.p-xcanvas:active {
  box-shadow: inset 0 0 2px 1px var(--color-goingto-shadow);
}
@media (max-width: 1023px) {
  .p-xcanvas {
    display: none;
  }
}
.p-xcanvas i:nth-child(2) {
  display: none;
}
.p-xcanvas i {
  width: 2em;
  line-height: 2;
}
.p-xcanvas.active i:nth-child(1) {
  display: none;
}
.p-xcanvas.active i:nth-child(2) {
  display: inline-block;
}
@-moz-keyframes xcanvas-appear {
  from {
    transform: translateX(64px);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes xcanvas-appear {
  from {
    transform: translateX(64px);
  }
  to {
    transform: translateX(0);
  }
}
@-o-keyframes xcanvas-appear {
  from {
    transform: translateX(64px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes xcanvas-appear {
  from {
    transform: translateX(64px);
  }
  to {
    transform: translateX(0);
  }
}
.p-adframe {
  position: fixed;
  left: 16px;
  bottom: 20px;
  z-index: 3;
  user-select: none;
  animation: adframe-appear 0.6s ease;
}
@media (max-width: 1023px) {
  .p-adframe {
    display: none;
  }
}
.p-adframe.close .p-adframe-qrcode {
  display: block;
}
.p-adframe.close .p-adframe-close,
.p-adframe.close .p-adframe-content {
  display: none;
}
.p-adframe-qrcode {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 1.35em;
  background-color: var(--color-background);
  border-radius: 50%;
  display: none;
  cursor: pointer;
  animation: adframe-appear 0.6s ease;
  transition: box-shadow 0.2s;
}
.p-adframe-qrcode:hover {
  box-shadow: 0 0 4px var(--color-goingto-shadow);
}
.p-adframe-qrcode:active {
  box-shadow: inset 0 0 2px 1px var(--color-goingto-shadow);
}
.p-adframe-close {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
.p-adframe-close i {
  display: block;
  color: var(--color-link);
}
.p-adframe-content {
  min-width: 20vw;
  min-height: 20vh;
  max-width: 66vmin;
  background-color: var(--color-background);
  border-radius: 0.5em;
  border: 4px solid;
}
.p-adframe-content img {
  width: 100%;
  display: block;
}
@-moz-keyframes adframe-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes adframe-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes adframe-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes adframe-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-empty {
  height: 0;
  overflow: hidden;
  margin: 32px 0;
  border-radius: 4px;
  border: 1px solid var(--color-clear);
  background: var(--color-clear);
  line-height: 1;
  user-select: none;
  pointer-events: none;
  animation: empty-appear 0.6s ease;
  transition: height 0.6s;
  position: relative;
}
@media (max-width: 1023px) {
  .p-empty {
    display: none !important;
  }
}
.p-empty img {
  display: block;
  margin: 0 auto;
}
.p-empty:after {
  content: '';
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--color-text);
  margin: 8px calc(50% - 102px);
  animation: empty-ball 24s linear infinite;
}
:root:not(.night).colorful .p-empty img {
  filter: sepia(100%);
}
:root.night .p-empty img {
  filter: invert(90%);
}
@-moz-keyframes empty-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes empty-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes empty-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes empty-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes empty-ball {
  0% {
    transform: translate3d(0, 0, 0);
  }
  1% {
    transform: translate3d(32px, 0px, 0);
  }
  5.5% {
    transform: translate3d(160px, 80px, 0);
  }
  6.5% {
    transform: translate3d(100px, 80px, 0);
  }
  8% {
    transform: translate3d(24px, 130px, 0);
  }
  9% {
    transform: translate3d(32px, 128px, 0);
  }
  13.5% {
    transform: translate3d(160px, 208px, 0);
  }
  14.5% {
    transform: translate3d(100px, 208px, 0);
  }
  16% {
    transform: translate3d(24px, 258px, 0);
  }
  17% {
    transform: translate3d(32px, 256px, 0);
  }
  21.5% {
    transform: translate3d(160px, 336px, 0);
  }
  22.5% {
    transform: translate3d(100px, 336px, 0);
  }
  24% {
    transform: translate3d(24px, 386px, 0);
  }
  25% {
    transform: translate3d(32px, 384px, 0);
  }
  29.5% {
    transform: translate3d(160px, 464px, 0);
  }
  30.5% {
    transform: translate3d(100px, 464px, 0);
  }
  32% {
    transform: translate3d(24px, 514px, 0);
  }
  33% {
    transform: translate3d(32px, 512px, 0);
  }
  37.5% {
    transform: translate3d(160px, 592px, 0);
  }
  38.5% {
    transform: translate3d(100px, 592px, 0);
  }
  40% {
    transform: translate3d(24px, 642px, 0);
  }
  41% {
    transform: translate3d(32px, 640px, 0);
  }
  45.5% {
    transform: translate3d(160px, 720px, 0);
  }
  46.5% {
    transform: translate3d(100px, 720px, 0);
  }
  48% {
    transform: translate3d(24px, 770px, 0);
  }
  51% {
    transform: translate3d(24px, 770px, 0);
  }
  52.5% {
    transform: translate3d(100px, 720px, 0);
  }
  53.5% {
    transform: translate3d(160px, 720px, 0);
  }
  58% {
    transform: translate3d(32px, 640px, 0);
  }
  59% {
    transform: translate3d(24px, 642px, 0);
  }
  60.5% {
    transform: translate3d(100px, 592px, 0);
  }
  61.5% {
    transform: translate3d(160px, 592px, 0);
  }
  66% {
    transform: translate3d(32px, 512px, 0);
  }
  67% {
    transform: translate3d(24px, 514px, 0);
  }
  68.5% {
    transform: translate3d(100px, 464px, 0);
  }
  69.5% {
    transform: translate3d(160px, 464px, 0);
  }
  74% {
    transform: translate3d(32px, 384px, 0);
  }
  75% {
    transform: translate3d(24px, 386px, 0);
  }
  76.5% {
    transform: translate3d(100px, 336px, 0);
  }
  77.5% {
    transform: translate3d(160px, 336px, 0);
  }
  82% {
    transform: translate3d(32px, 256px, 0);
  }
  83% {
    transform: translate3d(24px, 258px, 0);
  }
  84.5% {
    transform: translate3d(100px, 208px, 0);
  }
  85.5% {
    transform: translate3d(160px, 208px, 0);
  }
  90% {
    transform: translate3d(32px, 128px, 0);
  }
  91% {
    transform: translate3d(24px, 130px, 0);
  }
  92.5% {
    transform: translate3d(100px, 80px, 0);
  }
  93.5% {
    transform: translate3d(160px, 80px, 0);
  }
  98% {
    transform: translate3d(32px, 0px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes empty-ball {
  0% {
    transform: translate3d(0, 0, 0);
  }
  1% {
    transform: translate3d(32px, 0px, 0);
  }
  5.5% {
    transform: translate3d(160px, 80px, 0);
  }
  6.5% {
    transform: translate3d(100px, 80px, 0);
  }
  8% {
    transform: translate3d(24px, 130px, 0);
  }
  9% {
    transform: translate3d(32px, 128px, 0);
  }
  13.5% {
    transform: translate3d(160px, 208px, 0);
  }
  14.5% {
    transform: translate3d(100px, 208px, 0);
  }
  16% {
    transform: translate3d(24px, 258px, 0);
  }
  17% {
    transform: translate3d(32px, 256px, 0);
  }
  21.5% {
    transform: translate3d(160px, 336px, 0);
  }
  22.5% {
    transform: translate3d(100px, 336px, 0);
  }
  24% {
    transform: translate3d(24px, 386px, 0);
  }
  25% {
    transform: translate3d(32px, 384px, 0);
  }
  29.5% {
    transform: translate3d(160px, 464px, 0);
  }
  30.5% {
    transform: translate3d(100px, 464px, 0);
  }
  32% {
    transform: translate3d(24px, 514px, 0);
  }
  33% {
    transform: translate3d(32px, 512px, 0);
  }
  37.5% {
    transform: translate3d(160px, 592px, 0);
  }
  38.5% {
    transform: translate3d(100px, 592px, 0);
  }
  40% {
    transform: translate3d(24px, 642px, 0);
  }
  41% {
    transform: translate3d(32px, 640px, 0);
  }
  45.5% {
    transform: translate3d(160px, 720px, 0);
  }
  46.5% {
    transform: translate3d(100px, 720px, 0);
  }
  48% {
    transform: translate3d(24px, 770px, 0);
  }
  51% {
    transform: translate3d(24px, 770px, 0);
  }
  52.5% {
    transform: translate3d(100px, 720px, 0);
  }
  53.5% {
    transform: translate3d(160px, 720px, 0);
  }
  58% {
    transform: translate3d(32px, 640px, 0);
  }
  59% {
    transform: translate3d(24px, 642px, 0);
  }
  60.5% {
    transform: translate3d(100px, 592px, 0);
  }
  61.5% {
    transform: translate3d(160px, 592px, 0);
  }
  66% {
    transform: translate3d(32px, 512px, 0);
  }
  67% {
    transform: translate3d(24px, 514px, 0);
  }
  68.5% {
    transform: translate3d(100px, 464px, 0);
  }
  69.5% {
    transform: translate3d(160px, 464px, 0);
  }
  74% {
    transform: translate3d(32px, 384px, 0);
  }
  75% {
    transform: translate3d(24px, 386px, 0);
  }
  76.5% {
    transform: translate3d(100px, 336px, 0);
  }
  77.5% {
    transform: translate3d(160px, 336px, 0);
  }
  82% {
    transform: translate3d(32px, 256px, 0);
  }
  83% {
    transform: translate3d(24px, 258px, 0);
  }
  84.5% {
    transform: translate3d(100px, 208px, 0);
  }
  85.5% {
    transform: translate3d(160px, 208px, 0);
  }
  90% {
    transform: translate3d(32px, 128px, 0);
  }
  91% {
    transform: translate3d(24px, 130px, 0);
  }
  92.5% {
    transform: translate3d(100px, 80px, 0);
  }
  93.5% {
    transform: translate3d(160px, 80px, 0);
  }
  98% {
    transform: translate3d(32px, 0px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes empty-ball {
  0% {
    transform: translate3d(0, 0, 0);
  }
  1% {
    transform: translate3d(32px, 0px, 0);
  }
  5.5% {
    transform: translate3d(160px, 80px, 0);
  }
  6.5% {
    transform: translate3d(100px, 80px, 0);
  }
  8% {
    transform: translate3d(24px, 130px, 0);
  }
  9% {
    transform: translate3d(32px, 128px, 0);
  }
  13.5% {
    transform: translate3d(160px, 208px, 0);
  }
  14.5% {
    transform: translate3d(100px, 208px, 0);
  }
  16% {
    transform: translate3d(24px, 258px, 0);
  }
  17% {
    transform: translate3d(32px, 256px, 0);
  }
  21.5% {
    transform: translate3d(160px, 336px, 0);
  }
  22.5% {
    transform: translate3d(100px, 336px, 0);
  }
  24% {
    transform: translate3d(24px, 386px, 0);
  }
  25% {
    transform: translate3d(32px, 384px, 0);
  }
  29.5% {
    transform: translate3d(160px, 464px, 0);
  }
  30.5% {
    transform: translate3d(100px, 464px, 0);
  }
  32% {
    transform: translate3d(24px, 514px, 0);
  }
  33% {
    transform: translate3d(32px, 512px, 0);
  }
  37.5% {
    transform: translate3d(160px, 592px, 0);
  }
  38.5% {
    transform: translate3d(100px, 592px, 0);
  }
  40% {
    transform: translate3d(24px, 642px, 0);
  }
  41% {
    transform: translate3d(32px, 640px, 0);
  }
  45.5% {
    transform: translate3d(160px, 720px, 0);
  }
  46.5% {
    transform: translate3d(100px, 720px, 0);
  }
  48% {
    transform: translate3d(24px, 770px, 0);
  }
  51% {
    transform: translate3d(24px, 770px, 0);
  }
  52.5% {
    transform: translate3d(100px, 720px, 0);
  }
  53.5% {
    transform: translate3d(160px, 720px, 0);
  }
  58% {
    transform: translate3d(32px, 640px, 0);
  }
  59% {
    transform: translate3d(24px, 642px, 0);
  }
  60.5% {
    transform: translate3d(100px, 592px, 0);
  }
  61.5% {
    transform: translate3d(160px, 592px, 0);
  }
  66% {
    transform: translate3d(32px, 512px, 0);
  }
  67% {
    transform: translate3d(24px, 514px, 0);
  }
  68.5% {
    transform: translate3d(100px, 464px, 0);
  }
  69.5% {
    transform: translate3d(160px, 464px, 0);
  }
  74% {
    transform: translate3d(32px, 384px, 0);
  }
  75% {
    transform: translate3d(24px, 386px, 0);
  }
  76.5% {
    transform: translate3d(100px, 336px, 0);
  }
  77.5% {
    transform: translate3d(160px, 336px, 0);
  }
  82% {
    transform: translate3d(32px, 256px, 0);
  }
  83% {
    transform: translate3d(24px, 258px, 0);
  }
  84.5% {
    transform: translate3d(100px, 208px, 0);
  }
  85.5% {
    transform: translate3d(160px, 208px, 0);
  }
  90% {
    transform: translate3d(32px, 128px, 0);
  }
  91% {
    transform: translate3d(24px, 130px, 0);
  }
  92.5% {
    transform: translate3d(100px, 80px, 0);
  }
  93.5% {
    transform: translate3d(160px, 80px, 0);
  }
  98% {
    transform: translate3d(32px, 0px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes empty-ball {
  0% {
    transform: translate3d(0, 0, 0);
  }
  1% {
    transform: translate3d(32px, 0px, 0);
  }
  5.5% {
    transform: translate3d(160px, 80px, 0);
  }
  6.5% {
    transform: translate3d(100px, 80px, 0);
  }
  8% {
    transform: translate3d(24px, 130px, 0);
  }
  9% {
    transform: translate3d(32px, 128px, 0);
  }
  13.5% {
    transform: translate3d(160px, 208px, 0);
  }
  14.5% {
    transform: translate3d(100px, 208px, 0);
  }
  16% {
    transform: translate3d(24px, 258px, 0);
  }
  17% {
    transform: translate3d(32px, 256px, 0);
  }
  21.5% {
    transform: translate3d(160px, 336px, 0);
  }
  22.5% {
    transform: translate3d(100px, 336px, 0);
  }
  24% {
    transform: translate3d(24px, 386px, 0);
  }
  25% {
    transform: translate3d(32px, 384px, 0);
  }
  29.5% {
    transform: translate3d(160px, 464px, 0);
  }
  30.5% {
    transform: translate3d(100px, 464px, 0);
  }
  32% {
    transform: translate3d(24px, 514px, 0);
  }
  33% {
    transform: translate3d(32px, 512px, 0);
  }
  37.5% {
    transform: translate3d(160px, 592px, 0);
  }
  38.5% {
    transform: translate3d(100px, 592px, 0);
  }
  40% {
    transform: translate3d(24px, 642px, 0);
  }
  41% {
    transform: translate3d(32px, 640px, 0);
  }
  45.5% {
    transform: translate3d(160px, 720px, 0);
  }
  46.5% {
    transform: translate3d(100px, 720px, 0);
  }
  48% {
    transform: translate3d(24px, 770px, 0);
  }
  51% {
    transform: translate3d(24px, 770px, 0);
  }
  52.5% {
    transform: translate3d(100px, 720px, 0);
  }
  53.5% {
    transform: translate3d(160px, 720px, 0);
  }
  58% {
    transform: translate3d(32px, 640px, 0);
  }
  59% {
    transform: translate3d(24px, 642px, 0);
  }
  60.5% {
    transform: translate3d(100px, 592px, 0);
  }
  61.5% {
    transform: translate3d(160px, 592px, 0);
  }
  66% {
    transform: translate3d(32px, 512px, 0);
  }
  67% {
    transform: translate3d(24px, 514px, 0);
  }
  68.5% {
    transform: translate3d(100px, 464px, 0);
  }
  69.5% {
    transform: translate3d(160px, 464px, 0);
  }
  74% {
    transform: translate3d(32px, 384px, 0);
  }
  75% {
    transform: translate3d(24px, 386px, 0);
  }
  76.5% {
    transform: translate3d(100px, 336px, 0);
  }
  77.5% {
    transform: translate3d(160px, 336px, 0);
  }
  82% {
    transform: translate3d(32px, 256px, 0);
  }
  83% {
    transform: translate3d(24px, 258px, 0);
  }
  84.5% {
    transform: translate3d(100px, 208px, 0);
  }
  85.5% {
    transform: translate3d(160px, 208px, 0);
  }
  90% {
    transform: translate3d(32px, 128px, 0);
  }
  91% {
    transform: translate3d(24px, 130px, 0);
  }
  92.5% {
    transform: translate3d(100px, 80px, 0);
  }
  93.5% {
    transform: translate3d(160px, 80px, 0);
  }
  98% {
    transform: translate3d(32px, 0px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.p-notification {
  pointer-events: none;
  user-select: none;
  overflow: hidden;
  position: fixed;
  top: calc(3em + 0.6vmin);
  left: 0;
  width: 100%;
  z-index: 999999994;
  padding: 1em 0;
  transform: translateX(100%);
  transition: transform 1.2s ease-in-out;
}
.p-notification.active {
  transform: translateX(0);
}
.p-notification-message {
  padding: 1em;
  background: var(--color-records-progress-back-l);
  max-width: 80%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  border-left: 4px solid var(--color-recentposts-more-front);
  float: right;
  pointer-events: all;
  user-select: text;
  animation: notification-appear 0.6s ease;
  color: var(--color-notification-text);
}
.p-notification-message i {
  color: var(--color-recentposts-more-front);
  margin-right: 0.5em;
}
@-moz-keyframes notification-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes notification-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes notification-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes notification-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}