hexo-theme-quiet/source/css/page.css

.header-bg{width:100%;display:flex;flex-shrink:0;background:linear-gradient(to top,#f1f5fb,#f9fcff);}.header-bg .bg-content{display:flex;flex-basis:721px;padding:196px 40px 160px;flex-direction:column;margin:0 auto;}.header-bg .bg-content .tag{display:flex;flex-wrap:wrap;list-style:none;}.header-bg .bg-content .tag li{display:flex;flex-grow:0;padding:4px 12px;background:rgba(18,24,58,.06);border-radius:15px;margin-right:16px;line-height:20px;margin-top:20px;transition:ease-in-out;-moz-transition:background .5s;-webkit-transition:background .5s;-o-transition:background .5s;}.header-bg .bg-content .tag li:hover{background:#BEC8D3;}.header-bg .bg-content .tag li a{text-decoration:none;color:#12183a;font-size:12px;font-weight:600;}.header-bg .bg-content h1{margin:32px 0 24px;font-size:30px;font-weight:500;line-height:1.6;color:#12183a;}.header-bg .bg-content .article-info{display:flex;}.header-bg .bg-content .article-info .article-author{display:flex;}.header-bg .bg-content .article-info .article-author span{font-size:15px;margin-left:8px;font-weight:500;color:#12183a;}.header-bg .bg-content .article-info .article-author span a{text-decoration:none;color:#12183a;transition:ease-in-out;-moz-transition:color .5s;-webkit-transition:color .5s;-o-transition:color .5s;}.header-bg .bg-content .article-info .article-author span a:hover{color:#006AF7;}.header-bg .bg-content .article-info .article-author p{font-size:14px;margin-left:30px;color:#12183a;}.article-content img{display:flex;width:100%;height:100%;}@media screen and (min-width:600px){.article-content .content{display:flex;max-width:800px;padding:64px 40px;font-size:18px;flex-direction:column;}.article-content{display:flex;max-width:1160px;margin:0 auto;background:rgb(255,255,255);border-radius:10px;flex-direction:column;align-items:center;}}@media screen and (max-width:600px){.article-content{display:flex;max-width:1160px;margin:0 auto;padding:64px 16px;background:rgb(255,255,255);border-radius:10px;flex-direction:column;align-items:center;}.article-content .content{display:flex;width:100%;font-size:1.1em;flex-direction:column;}}.content-move{margin-top:-64px;transition:margin-top .8s ease-in-out;}.Last-Next{display:flex;max-width:980px;background:rgba(255,255,255,0.8);height:150px;margin:0 auto;margin-bottom:30px;}.Last-Next a{text-decoration:none;color:#12183a;display:flex;flex-grow:1;flex-basis:0;}.Last-Next a .last{display:flex;flex-grow:1;align-content:flex-start;height:150px;background-size:100% 100%;opacity:0.4;justify-content:center;flex-direction:column;flex-basis:0;cursor:pointer;transition:ease-in-out;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;border-radius:10px;}.Last-Next a .last:hover{opacity:0.7;margin-top:-10px;box-shadow:0 10px 40px 0 rgba(50,50,50,.1);}.Last-Next a .last span,p{font-size:90%;margin-left:10px;margin-right:10px;line-height:1.6;}.Last-Next a .last p{font-size:16px;}.Last-Next a .next{display:flex;align-content:flex-end;height:150px;flex-grow:1;background-size:100% 100%;opacity:0.4;justify-content:center;flex-direction:column;align-items:flex-end;flex-basis:0;cursor:pointer;transition:ease-in-out;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;border-radius:10px;}.Last-Next a .next:hover{opacity:0.7;margin-top:-10px;box-shadow:0 10px 40px 0 rgba(50,50,50,.1);}.Last-Next a .next span,p{font-size:90%;margin-left:10px;margin-right:10px;line-height:1.6;}.Last-Next a .next p{font-size:16px;}