section{margin-bottom:var(--gap)}h1{margin-top:0}.logo{width:100px;display:block;margin-right:auto}.logo img{max-width:100%}.header{border-bottom:1px solid #E0E0E0;position:sticky;top:0;z-index:10;background-color:#fff;padding:0 var(--gap)}.header-inner{display:flex;align-items:center;height:50px}.nav nav{padding:0}.nav nav a{display:block;border-radius:var(--radius) 0 0 var(--radius);margin:0}.nav nav a i{margin-right:5px;color:var(--color)}.account{display:flex;align-items:center}.account .button{margin-left:10px}.button{background-color:transparent;border:0;font-size:13px;border-radius:var(--radius);padding:4px 10px}.btn-outline{border:1px solid var(--color);color:var(--color)}.btn-outline:hover{background-color:rgba(66,133,244,.1)}.btn-filled{background-color:var(--color);color:#fff;border:1px solid var(--color)}.btn-filled:hover{background-color:rgba(66,133,244,.9)}main .main{display:grid;grid-template-columns:220px 1fr}.body{min-width:0}.aside .panel{margin-right:var(--gap);margin-top:var(--gap)}.aside .panel .label{border-bottom:1px solid #e0e0e0;padding:10px}.aside .panel a{border-radius:0;padding:0 8px}footer{text-align:center;border-top:1px solid #e0e0e0;padding:var(--gap) 0;background-color:#f8f8f8}footer img{width:25px}footer .copyright{color:#a0a0a0;font-size:12px;margin:10px 0 4px}footer nav a{font-weight:bold;font-size:12px;color:#333;margin:0 10px}.serversearch{position:relative;height:28px;display:flex;align-items:center;max-width:250px}.serversearch input{padding:0 10px;height:28px;border-radius:var(--radius) 0 0 var(--radius);border:1px solid #e0e0e0;border-right:0;background-color:#fff;width:100%;outline:0}.serversearch>span{position:absolute;right:55px;top:4px;cursor:pointer;color:#E73323}.serversearch>button{padding:0 10px;height:28px;border:1px solid var(--color);border-left:0;border-radius:0 var(--radius) var(--radius) 0;background-color:var(--color);color:#fff}.serversearch>button i{margin-left:0}.serversearch-container{margin-top:var(--gap);color:#888}.serversearch-container span{color:#000}.serversearch-container h2{line-height:20px}.body{border-left:1px solid #E0E0E0}.articleslider{background:rgba(66,133,244,0.1);padding:40px;position:relative}.articleslider .swiper{width:100%;height:100%}.articleslider .swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center}.articleslider .swiper-button-disabled{display:none !important}.articleslider .swiper-button-next,.swiper-button-prev{background-color:#fff;border-radius:50%;width:38px;height:38px;transition:opacity .2s;top:var(--swiper-navigation-top-offset,37%)}.articleslider .swiper-button-next{right:var(--swiper-navigation-sides-offset,20px)}.articleslider .swiper-button-prev{left:var(--swiper-navigation-sides-offset,20px)}.articleslider .swiper-button-next:hover,.swiper-button-prev:hover{opacity:.8}.articleslider .swiper-button-next:after,.swiper-button-prev:after{font-size:12px;color:#000}.articleslider article{display:flex;flex-direction:column;background-color:transparent}.articleslider article>a{color:#000;font-size:0.875rem;text-align:left;text-decoration:none}.articleslider article>a:hover p{opacity:.7}.articleslider article img{display:block;width:100%;height:155px;object-fit:cover;margin-bottom:0.2rem;border-radius:var(--radius)}.articleslider article span{color:rgb(112 112 112 / 1);text-align:left;font-size:12px;margin-bottom:0.2rem}.articleslider article p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;margin:0;transition:opacity .2s}.articlelist{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.articlelist article{position:relative}.articlelist article:after{content:'';width:1px;height:100%;background-color:rgb(235 235 235 / 1);position:absolute;right:-20px;top:0}.articlelist article:nth-child(4n):after{display:none}.articlelist article a{color:#000;transition:opacity .2s;text-decoration:none}.articlelist article a h3{line-height:20px;font-size:16px;margin-top:6px;margin-bottom:10px}.articlelist article a:hover h3, .articlelist article a:hover p{opacity:.7}.articlelist article img{margin-bottom:0.5rem;border-radius:var(--radius)}.articlelist article span{font-size:12px;color:rgb(112 112 112 / 1)}.articlelist article p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis;line-height:20px;margin-bottom:5px;margin-top:0;color:rgb(112 112 112 / 1);font-size:14px}@media(max-width:991px){.articlelist{grid-template-columns:repeat(2, 1fr)}.articlelist article:nth-child(2n):after{display:none}}@media(max-width:768px){.articlelist{grid-template-columns:repeat(1, 1fr)}.articlelist article:after{display:none}}.articletiles article{display:flex;justify-content:space-between;border:1px solid rgb(235 235 235 / 1);padding:24px;border-bottom:0}.articletiles article:last-child{border-bottom:1px solid rgb(235 235 235 / 1)}.articletiles article figure{height:120px;width:180px;min-width:180px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-left:24px}.articletiles article h3{line-height:28px;font-size:24px;color:#000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;transitio:opacity .2s}.articletiles article a{text-decoration:none}.articletiles article a:hover h3{opacity:.7}.articletiles article span{color:rgb(112 112 112 / 1)}@media(max-width:991px){.articletiles article figure{width:105px;min-width:105px;height:70px}.articletiles article h3{font-size:20px;line-height:22px;margin-top:0;-webkit-line-clamp:3}}.detail h1{margin-bottom:12px}.detail .meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.detail .meta .user{display:flex;align-items:center;color:#000}.detail .meta .user a{color:inherit}.detail .meta .user .image{width:33px;height:33px;margin-right:15px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border-radius:50%}.detail .meta .user .image img{width:22px}.detail .meta .user .author{color:gray;font-size:12px}.detailcontent{display:grid;grid-template-columns:1fr 220px;gap:var(--gap)}.detailcontent .sidebar section{border:1px solid #e0e0e0;border-radius:var(--radius);padding:10px;margin-bottom:var(--gap)}.detailcontent .sidebar section .label{font-weight:bold;margin-bottom:10px}.detailcontent .sidebar .tags a{margin-bottom:5px;text-decoration:none}.detailcontent .sidebar .tags a:hover{opacity:.9}.detailcontent .sidebar .posts a{display:flex;align-items:baseline;margin-bottom:5px;color:#555;font-size:13px}.detailcontent .sidebar .posts a:hover{text-decoration:none;color:#000}.detailcontent .sidebar .posts a i{margin-right:5px}.detailcontent .sidebar section.similar{background-color:#fcf6e5;border-color:#eed076}