body {
  margin: 0;
}
body > main, body > footer {
  margin-top: 1rem;
}
a {
  text-decoration: none;
  color: black;
}
body > header {
  /* background-color: rgba(33,138,208,.5); */
  display: flow-root;
}
body > header h1 {
  margin: 0;
  padding: 1rem;
  color: orange;
  font-size: 1.5rem;
}
main {
  width: 80%;
  margin: 0 auto;
  display: flex;
  gap: 2rem;
}
main > article, main > aside .news {
  background-color: rgba(255,255,255,.6);
  backdrop-filter: blur(6px);
  border-radius: 8px;
  transition: all 0.5s;
}
main > article:hover, main > aside .news:hover {
  background-color: rgba(255,255,255,.9);
}
main article {
  flex: 1;
  padding: 1rem;
  align-self: start;
}
main article div {
  line-height: 2rem;
}
main article div a + a {
  margin-left: 2rem;
}
main aside {
  width: 350px;
}
aside .news {
  height: 260px;
  overflow: auto;
  padding: 1rem;
  /* 兼容Firefox */
  scrollbar-width: thin; /* 使滚动条变细 */
  scrollbar-color: #d1d1d1 #f1f1f1; /* 第一个颜色为滑块，第二个为轨道 */
}
aside .news + .news {
  margin-top: 1rem;
}
aside .news::-webkit-scrollbar{
  width: 10px;/* 设置垂直滚动条的宽度 */
  height: auto;/* 设置水平滚动条的高度 (可选) [citation:2] */
}
aside .news::-webkit-scrollbar-track {
  background: #f1f1f1; /* 轨道背景色 */
  border-radius: 6px; /* 轨道圆角 */
}
aside .news::-webkit-scrollbar-thumb {
  background: #d1d1d1; /* 滑块颜色 */
  border-radius: 6px; /* 滑块圆角 */
  border: 2px solid #f1f1f1; /* 在滑块和轨道间创建间隔（可选） */
}

.news header {
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.news .news-title {
  text-align:center;
  margin: 0;
  font: 1.15rem "华文中宋","仿宋",serif
}
.news .news-title span {
  color: orange;
}
.news .news-time {
  text-align: right;
  font-size: 0.8rem;
  color: #333
}
.news .news-list {
  counter-reset: newsNo;
  font-size: 0.9375rem;
}
.news .news-list p {
  margin: 0.5rem 0;
}
.news .news-list p:before {
  counter-increment: newsNo;
  content: counter(newsNo);
  font-weight: bold;
  display: inline-block;
  border-radius: 50%;
  width: 1.5rem;
  line-height: 1.5rem;
  background-color: #edc;
  text-align: center;
  margin-right: 0.5rem;
  font-size: 0.8rem;
}


.bg {
  position: fixed;
  z-index: -1;
  left:0;
  right:0;
  top: 0;
  bottom: 0;
}
.bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}