@charset "utf-8";

body { margin: 0; background: whitesmoke; }

header { display: flex; background: white; box-shadow: 1px 5px 5px 0px #00000026; }

h1.小大标题 { margin: 1rem; font-size: medium; color: #474747; }

li.页眉最后项目 { margin-left: auto; display: flex; align-items: center; position: relative; }

img.头像图片 { width: 20px; height: 20px; object-fit: cover; border-radius: 20px; border: 2px solid gray; }

h3.年月中标题 { margin: .3rem .1rem 0; font-size: small; color: #696969; }

.列表分区 { display: flex; flex-wrap: wrap; }

a.列表链接 { display: flex; align-items: center; position: relative; user-select: none; cursor: default; text-decoration: none; background: white; }

a.列表链接::before { content: ""; border-top: 0.1rem solid whitesmoke; position: absolute; left: 3.4rem; top: -0.1rem; right: 0; }

a.列表链接:active { background: #ebebeb; }

img.列表图片 { width: 1.4rem; height: 1.4rem; object-fit: contain; padding: 1rem; }

h4.列表标题 { font-weight: normal; color: black; white-space: nowrap; margin: 1rem 1rem 1rem 0; overflow: hidden; text-overflow: ellipsis; }

p.列表段落 { margin-left: auto; color: gray; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: small; }

img.状态图片 { width: 1rem; height: 1rem; object-fit: contain; padding: 1rem .5rem 1rem .2rem; }



@media (max-width: 767.9px) {
    a.列表链接 { width: 100%; }
}

@media (min-width: 768px) {
    main.页面主要 { margin: 1%; }
    a.列表链接 { width: 24.8%; margin: .1%; border-radius: .2rem; }
}