.main {width:1200px;margin:0 auto;height:auto;display:flex;align-items:flex-start;gap:24px; margin-bottom: 20px;}
.sidebar {min-width:200px;position:sticky;top:calc(var(--header-height) + 15px);background-color:#ffffff;overflow:hidden;border-radius:10px;filter:drop-shadow(0 0 3px #eeeeee)}
.sidebar .title {width:100%;height:80px;line-height:80px;text-align:center;background-color:#2259fd;font-size:18px;font-weight:bold;color:#ffffff;box-sizing:border-box;border-radius:0 0 10px 10px;}
.sidebar .list {width:100%;height:auto;box-sizing:border-box;padding:20px 10px;display:flex;flex-direction:column;gap:10px;}
.sidebar .list .listItem {height:40px;font-size:1.1rem;line-height:40px;display:flex;position:relative;border-radius:5px;}
.sidebar .list .listItem::before {content:'';width:6px;height:12px;border-radius:3px;background-color:#d1d1d1;margin:auto 16px;}
.sidebar .list .listItem:hover,.sidebar .list .listItem.active {color:var(--theme-color);background-color:#f9f9f9;}
.sidebar .list .listItem.active::before {background-color:var(--theme-color);}
.content{flex: 1; display: flex; flex-direction: column; padding: 15px 15px 0; background-color: #ffffff; min-height: 700px;}

.content .title{font-size: 2rem; line-height: 4rem; padding: 30px; text-align: center; font-weight: 100;}
.content .attr{border-bottom: dashed 1px #e5e5e5; line-height: 40px; color: #7e7e7e; display: flex; align-items: center; justify-content: center; gap: 40px;}
.content .text, .content .text *{all: revert;}
.content img{display: block; max-width: 100% !important;}
.content .text{line-height: 1.5; min-height: 600px; padding: 0 30px 30px; font-weight: 100; border-bottom: dashed 1px #e5e5e5;}
.content .action{margin: 30px auto; display: flex; justify-content: space-between; width: 100%;  align-items: center;}
.content .action .left p{display: flex;}
.content .action .left{line-height: 1; color: #666666; max-width: calc(100% - 230px); display: flex; flex-direction: column; gap: 10px;}
.content .action .left a{line-height: 1; width: calc(100% - 60px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.content .action .left a:hover{text-decoration: underline;}
.content .action .right{display: flex; justify-content: flex-end; align-items: center; gap: 10px;}
.content .action .right .btn{width: 70px; height: 32px; text-align: center; line-height: 32px; background-color: #00aaf1; color: #FFFFFF; cursor: pointer; border-radius: 3px}