.header-image{background-image:url(http://www.slrbs.com/skin/jubao2/images/banner.jpg);background-size:cover;background-position:center;height:400px}
nav{background-color:#1e40af;color:#fff;padding-top:.5rem;padding-bottom:.5rem}
h3{color:#333}
.website-item-with-image{display:flex;align-items:center;gap:1rem}
.website-item-with-image img{width:100px;height:100px;object-fit:cover;border-radius:.5rem}
.website-item-without-image{padding:1.5rem}
.main-content{max-width:1080px;margin-left:auto;margin-right:auto;padding:8px;width: 95%;}
.pagination{display:flex;justify-content:center;list-style-type:none;padding:0;margin-top:2rem;margin-bottom:1rem}
.pagination li{margin:0 5px;color:#1e40af}
.pagination li a{color:#1e40af;text-decoration:none;padding:5px 10px;border-radius:3px}
.pagination li a:hover{background-color:#1e40af;color:#fff}
.time-source{display:flex;gap:30px}
@media (max-width:768px){.header-image{height:200px}
.website-item-with-image,.website-item-without-image{margin-bottom:1.5rem}
.website-item-with-image p:not(.time-source),.website-item-without-image p:not(.time-source){display:none}
.time-source{display:flex;flex-direction:column;gap:.25rem}
}
.custom-scrollbar::-webkit-scrollbar{height:6px}
.custom-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3);border-radius:3px}
.custom-scrollbar::-webkit-scrollbar-track{background-color:transparent}