@charset "UTF-8";*{font-family:微软雅黑;margin:0;padding:0}:root{--header-height: 50px;--main-bg-color: #353535;--main-bg-color: var(--el-fill-color-dark);--card-bg-color: var(--el-bg-color-page);--text-color-primary: var(--el-text-color-primary);--text-color-regular: var(--el-text-color-regular);--text-color-secondary: var(--el-text-color-secondary)}body::-webkit-scrollbar{width:6px;height:6px}body::-webkit-scrollbar-thumb{border-radius:4px;background-color:#4d4d4d4d}*{margin:0}html,body{margin:0;padding:0;width:100%;min-height:100vh;letter-spacing:1px}.no-wrap{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.el-header,.el-footer,.el-aside,.el-main,.el-breadcrumb{background-color:var(--main-bg-color)}.el-breadcrumb__inner,.el-breadcrumb__inner *{color:#fff!important}.mian-container,.main-loading{width:100%}.main-loading{height:100vh;display:flex;justify-content:space-around;align-items:center;text-align:center}.main-loading span{padding:0 10px;font-size:3em;font-weight:300}header{width:100%;height:var(--header-height);padding:17px 0;background-color:var(--main-bg-color)}header .head-main{margin:0 auto;display:flex;max-width:600px;height:var(--header-height);justify-content:space-around}header .head-main .web-title{font-size:40px;font-weight:300;line-height:var(--header-height)}header .head-main .nav-menus{display:flex;align-items:flex-end}header .head-main .nav-menus .menu-item{cursor:pointer;color:var(--el-text-color-secondary);padding:3px 10px}header .head-main .nav-menus .menu-item.cur-nav{color:var(--el-text-color-primary);cursor:text}.el-loading-mask{background-color:#32323280}.page-body{margin:auto;padding:10px;width:calc(100% - 20px);min-height:calc(100vh - 154px);max-width:1520px}.page-body .el-pagination.is-background .btn-next,.page-body .el-pagination.is-background .btn-prev,.page-body .el-pagination.is-background .el-pager li{margin:0 5px;background-color:var(--el-fill-color-dark);color:var(--el-text-color-secondary);min-width:30px;border-radius:2px}.page-body .el-pagination.is-background .el-pager li:active{background-color:var(--el-fill-color-dark);color:var(--el-text-color-primary)}.page-body .list-col,.page-body .view-col{min-height:calc(100vh - 160px);max-width:100%!important}.page-body .list-col .fa:before,.page-body .view-col .fa:before{padding-right:5px!important}.page-body .list-col .article-list .article-item{display:flex;padding:10px;cursor:pointer;user-select:none;background-color:var(--card-bg-color)}.page-body .list-col .article-list .article-item img{width:200px;height:100px}.page-body .list-col .article-list .article-item .article-info{padding:0 10px;width:calc(100% - 220px)}.page-body .list-col .article-list .article-item .article-info .title{color:var(--el-text-color-primary);font-size:17px;font-weight:300}.page-body .list-col .article-list .article-item .article-info .desc{color:var(--el-text-color-regular);font-size:13px}.page-body .list-col .article-list .article-item .article-info .extension{color:var(--el-text-color-secondary);display:flex;justify-content:space-around;padding:5px}.page-body .list-col .article-list .article-item:not(:last-child){margin-bottom:10px}.page-body .list-col .essay-list .essay-item{padding:10px;cursor:default;user-select:none;background-color:var(--card-bg-color)}.page-body .list-col .essay-list .essay-item .title{font-size:17px;line-height:1.8em}.page-body .list-col .essay-list .essay-item .content{margin:5px 0}.page-body .list-col .essay-list .essay-item .content textarea{resize:none;background-color:#00000080;border:none;color:#e5e5e5;padding:10px;cursor:text}.page-body .list-col .essay-list .essay-item .time{color:#aaa;text-align:right}.page-body .list-col .essay-list .essay-item:not(:last-child){margin-bottom:10px}.page-body .view-col .view-container{min-height:calc(100vh - 160px);padding:10px}.page-body .view-col .view-container .title{text-align:center;line-height:50px;font-size:39px;padding:15px 0}.page-body .view-col .view-container .infos{border:1px dashed #aaa;color:#aaa;display:flex;justify-content:center;padding:10px;margin:0 10px;font-size:14px}.page-body .view-col .view-container .infos span:not(:last-child){margin-right:10px}.page-body .view-col .view-container .describe{margin:10px 0 0;padding:0 10px}.page-body .aside-col .aside-item{background-color:var(--card-bg-color);margin-bottom:10px}.page-body .aside-col .categories,.page-body .aside-col .recomment{padding:0}.page-body .aside-col .categories .title,.page-body .aside-col .recomment .title{padding:5px 10px;line-height:1.5em;font-size:17px;border-bottom:1px solid var(--el-border-color)}.page-body .aside-col .categories .items,.page-body .aside-col .recomment .items{padding:5px 10px;min-height:80px}.page-body .aside-col .categories .items{display:flex;flex-wrap:wrap;align-items:center}.page-body .aside-col .categories .items .category{margin-right:8px;padding:3px;cursor:pointer;color:var(--el-text-color-secondary)}.page-body .aside-col .categories .items .category.active,.page-body .aside-col .categories .items .category:hover{background-color:var(--el-color-info-light-3);color:var(--el-text-color-primary)}.page-body .aside-col .recomment .items .recomment-line{color:var(--el-text-color-primary);padding:0 5px;font-size:14px;line-height:2em;cursor:pointer;user-select:none}.page-body .aside-col .recomment .items .recomment-line:hover{background-color:var(--el-fill-color-dark)}footer{height:50px;text-align:center;font-size:20px;font-weight:300}@media (max-width: 992px){.page-body .aside-col{margin-top:10px}}@media (max-width: 849px){.page-body .list-col .article-item .fa-clock-o{display:none}}@media (max-width: 799px) and (min-width: 700px){header{padding:13px 0}header .head-main .web-title{font-size:30px}.page-body .list-col img{width:150px;height:75px}.page-body .list-col .article-info{width:calc(100% - 170px)}}@media (max-width: 768px){header{padding:10px 0}header .head-main{margin:0 50px}header .head-main .web-title{font-size:30px}.page-body .list-col .article-item .el-image{display:inline}.page-body .aside-col{margin-top:10px}}@media (max-width: 699px){header{padding:10px 0}header .head-main{margin:0 50px}header .head-main .web-title{font-size:30px}.page-body .list-col .article-item .el-image{display:none}.page-body .list-col .article-item .article-info{width:calc(100% - 20px)!important}}@media (min-width: 600px){header .head-main .menu-switch{display:none}}@media (max-width: 599px){header{padding:0}header .head-main{margin:0;position:relative;padding-left:60px;display:flex;align-items:center;justify-content:space-around}header .head-main .menu-switch{position:absolute;left:10px;line-height:var(--header-height);font-size:1em}header .head-main .nav-menus{position:fixed;top:0;left:-150px;z-index:9999;bottom:0;flex-direction:column;transition:all .5s;width:150px;background:rgba(0,0,0,.9)}header .head-main .nav-menus .menu-item{display:block;line-height:3em;padding:0 10px;width:calc(100% - 20px)}header .head-main .nav-menus .menu-item.cur-nav{background-color:#3d3d3d}header .head-main .nav-menus.expan{left:0}.page-body{padding:8px;width:calc(100% - 16px)}.page-body .el-row{margin:0!important}.page-body .el-row .list-col .article-item{padding:8px}.page-body .el-row .list-col .article-item .article-info .fa-eye{display:inline}.page-body .el-row .list-col .article-item:not(:last-child){margin-bottom:6px}}@media (max-width: 420px){.page-body .article-detail .view-container .title{font-size:23px;font-weight:700}.page-body .article-detail .view-container .infos{justify-content:space-around}.page-body .article-detail .view-container .infos .fa-clock-o{display:none}}.list-pagination[data-v-92ac51f3]{display:flex}.list-pagination .pagination-prefix[data-v-92ac51f3]{margin-right:10px}.list-pagination .pagination-suffix[data-v-92ac51f3]{margin-left:10px}.list-pagination .el-pagination[data-v-92ac51f3]{flex:1;margin-top:10px;text-align:center;display:flex;justify-content:center;column-gap:10px}
