很感谢大家提出的建议和样式忽略的地方，目前新的样式限于非移动端，后续会再优化，以下样式内容欢迎自取。
.no-touch {
.sideNav .Dropdown--select .Dropdown-menu { padding: 10px 20px;
}
li.item-nav {
box-shadow: rgba(0, 0, 0, 0.06) 0 5px 30px 0;
border-radius: 10px;
margin: 15px auto;
border: solid 1px #ebebeb85;
}
.darkenBackground {
border-radius: 10px;
}
main.App-content {
display: grid;
justify-items: center;
}
.container {
padding: 0;
}
.Hero {
border-radius: 10px;
max-width: 1200px;
margin: 20px auto 0;
}
.Hero .container {
padding: 20px;
}
.DiscussionListItem {
box-shadow: rgba(0, 0, 0, 0.06) 0 5px 30px 0;
border-radius: 10px;
margin: 4px auto;
}
.sideNav {
margin-left: 50px;
order: 1;
margin-right: 0;
}
i.TagLabel-icon {
display: none;
}
ul.DiscussionHero-items {
display: flex;
flex-direction: column-reverse;
text-align: left;
}
.DiscussionHero .item-title {
margin: auto 0;
}
.App--discussion {
li.item-tags { padding-top: 10px;
z-index: 1;
}
.DiscussionHero-items li.item-badges {
position: relative;
text-align: right;
margin-top: -22px;
}}
.Composer:not(.fullScreen) {
margin: 0 auto;
}
.Avatar {
border-radius: 5px;
}
.Button--flat , .SessionDropdown .Dropdown-toggle {
border-radius: 8px;
}
.Badge {
--size: 20px;
border-radius: 3px;
}
.Post {
padding-bottom: 0;
}
}
