/* 主要内容区样式 */
.main-container { width: 1440px; margin: 0px auto; display: flex; justify-content: space-between; margin-top:85px; }
.content { width:1015px; margin-right:25px; background-color:#fff; padding:0px; border-radius: 4px; overflow:hidden; }
.sidebar { width:400px; }

.article-title { font-size:32px; font-weight: normal; margin-bottom:20px; line-height:40px; padding-top:20px; }
.article-meta { display: flex; align-items: center; margin-bottom: 20px; font-size: 12px; color: #888; border-bottom:1px solid #ddd; padding-bottom:10px; }
.author-avatar { width: 45px; height: 45px; border-radius: 50%; background-color: #e5e9ef; margin-right: 10px; }
.author-avatar img{width: 100%; height: 100%; border-radius: 50%; }
.author-name { margin-right:15px; font-size:15px; color:#000; font-size:16px; cursor:pointer; }
.author-verify { margin-right: 15px; }
.publish-time { margin-right: 15px; font-size:16px; }
.tags { display: flex; }
.tag { background-color: #F3ECFF; color: #6132BF; padding:0 8px; height:28px; line-height:28px; border-radius: 4px; margin-right: 5px; font-size:14px; }
.article-share {  color:#6436BD; width:116px; height:32px; border-radius:32px; border:1px solid #6436BD; background:#fff; text-align:center; line-height:32px; display:flex; position:relative;}
.article-share_img{width:18px; margin-left:10px; margin-top:6px; margin-right:10px;}
.article-share span{font-size:14px;}
.article-share .qrcode{position:absolute; top:50px; right:0; display:none;width:200px; height:200px;}
.article-share:hover .qrcode{display:block;}

.article-fav{margin-left: auto; margin-right:15px;}
.article-fav img{width:18px; height:18px;}
.article-intro { font-size:20px; color: #575757; border-left: 4px solid #6132BF; padding-left: 15px; margin-bottom: 30px; line-height:28px; }

/*正文标准格式*/
.article_content{width:100%; font-size: 18px; font-weight: normal; line-height:35px; letter-spacing: 0px; text-align:justify; }
.article_content p{padding-top:30px;}

.article_notice{ background:#F8F8FA; padding:20px; opacity: 1; /* 外部/20/常规体 */ font-size: 20px; font-weight: normal; line-height: 28px; letter-spacing: 0px; color: #86909C; z-index: 0; margin:30px 0;}

.article_ad{margin:30px 0;}
.article_ad img{height:97px; width:100%;}

.page-navigation {justify-content: space-between; border-bottom: 1px solid #e5e9ef; }
.page-nav-link { color: #101112; text-decoration: none; font-size: 16px; line-height:24px; margin-bottom:20px; }

.related-recommendations {padding-top:20px;}
.related-title {font-size: 20px; padding-bottom: 10px; display: inline-block; line-height:28px; font-weight:bold; }
.related-title-link{font-size:16px;}

.ad-container { display: flex; justify-content: space-between; margin:10px 0; height:300px; }
.ad-item {width:325px; height:290px; text-align:center; border: 1px solid #DADDE0; border-radius:4px; margin-left:20px; }
.ad-item .ad-pic{width:100%; height:190px;}
.ad-item .ad-pic img{width:100%; height:100%;}
.ad-item .ad-title{padding:20px;}
.ad-item .ad-title div{ height:52px; overflow:hidden; text-align:left; font-size:18px; font-weight: normal; line-height: 26px; letter-spacing: 0px;color: #101112;}

/* 评论区样式 */
.comments-section { margin-top:10px; }
.comment-form{width:100%;}
.comment-form form{display:flex; flex-direction:row; width:100%; padding-right:0;}
.comments-title { font-size:20px; font-weight: bold; margin-bottom: 20px; }
.comment-input {flex-grow: 1; /* 让内容区域自适应 */ height: 40px; border: 1px solid #e5e9ef; border-radius: 4px; padding: 10px; margin-bottom: 15px; resize: none; }
.submit-comment { background-color:#6132BF; color: white; border: none; width:90px; height:40px; border-radius: 4px; cursor: pointer; margin-left:8px;}
.comments-list { margin-top: 40px; }
.comment-item { padding: 20px 0; border-bottom: 1px solid #e5e9ef; }
.comment-header { display: flex; align-items: center; margin-bottom: 10px; }
.comment-avatar { width: 32px; height:32px; border-radius: 50%; background-color: #e5e9ef; margin-right: 15px; }
.comment-avatar img { width:32px; height:32px; border-radius:50%; }
.comment-tool { color: #6132BF; border: 1px solid #6132BF; background-color: transparent; border-radius:4px; font-size:12px; height:26px; width:50px; margin-left:20px; overflow:hidden; text-align:center; line-height:24px; cursor:pointer; background-color: #6132BF; color: white; }
.comment-tool a{display:block}
.comment-author { font-weight: bold; margin-right: 15px; }
.comment-content { font-size: 14px; line-height: 1.6; padding-left:45px;}
.comment-date { font-size: 12px; color: #888; padding-left:45px; margin-top:10px; }



/* 侧边栏样式 */

.author-card { background-color: #fff; padding: 20px; border-radius: 4px; border:1px solid #E0E2E5; margin-bottom: 20px; }
.author-card-header {text-align: center; margin-bottom: 15px; padding-top:20px; }
.author-card-avatar { width: 64px; height: 64px; border-radius: 50%; background-color: #e5e9ef; margin-right: 15px; display: flex; align-items: center; justify-content: center; color: #2d5afe; font-size: 24px; margin:0 auto; }
.author-card-avatar img{ width: 64px; height: 64px; border-radius: 50%;}
.author-card-info{margin-top:21px;}
.author-card-info h3 { font-size:20px; margin-bottom:10px; color:#000; line-height:28px; }
.author-follow { background-color:#fff; border:1px solid #6536C0; color:#6536C0; width:69px; height:29px; line-height:27px; text-align:center; border-radius:5px; font-size: 14px; cursor: pointer; display:inline-block;}
.author-follow-selected { background-color:#6536C0; border:1px solid #6536C0; color:#fff; width:69px; height:29px; line-height:27px; text-align:center; border-radius:5px; font-size: 14px; cursor: pointer; display:inline-block;}

.author-stats { display: flex; width:100%; justify-content: space-around; margin: 15px 0; padding: 10px 0; border-bottom: 1px solid #e5e9ef; }
.stat-item { text-align: center; width:33.3%; }
.stat-value { font-size: 18px; font-weight: bold; color: #000; }
.stat-label { font-size: 12px; color: #888; }

.recent-articles { background-color: #fff; margin-bottom: 20px; padding:0 5px;}
.sidebar-title { font-size: 16px; font-weight: bold; margin-bottom: 15px; padding-bottom: 10px;}
.recent-article-item {display: flex; margin-bottom:8px; padding-bottom:8px; }
.recent-article-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.recent-article-number{width:22px; height:26px; border-radius:5px; line-height:26px; text-align:center; margin-right:15px;}
.recent-article-rank-1{background:#F55150; color:#fff; }
.recent-article-rank-2{background:#F6894E; color:#fff; }
.recent-article-rank-3{background:#FFC000; color:#fff; }
.recent-article-rank-4 ,.recent-article-rank-5{background:#fff; color:#000; }
.recent-article-title { font-size: 14px; width:360px; text-align:left;  line-height:26px; }
.recent-article-time { font-size: 12px; color: #888; }

/*推荐作者列表*/
.special-topics { background-color: #fff; padding:20px; padding-bottom:0; border-radius: 4px; padding-top:0; border:1px solid #F2F2F2; margin-top:5px; }
.special-topics-header{display:flex; height:63px; border-bottom:1px solid #EFEFEF; line-height:60px; }
.special-topics-icon{width:28px; height:28px; margin-top:17px; margin-right:10px;}
.special-topics-title{width:280px; font-size:19px; color:#000;}
.special-topics-more{width:100px;}
.topic-item { display: flex; align-items: center; height:110px; border-bottom: 1px dashed #e5e9ef; }
.topic-item:last-child { border-bottom: none; }
.topic-icon { width:60px; height:60px; border-radius: 50%; display: flex; color: #2d5afe; margin-right: 15px; flex-shrink: 0; }
.topic-icon img{ width:100%; height:100%; border-radius: 50%;}
.topic-icon a img{width:60px; height:60px; border-radius: 50%;}
.topic-info {width:220px; overflow:hidden;}
.topic-title { font-size: 17px; font-weight: 500; margin-bottom: 3px; }
.topic-desc { font-size: 12px; color: #888; height:39px; overflow:hidden; }
.topic-more {width:69px; height:29px; background-color:#fff; border:1px solid #6536C0; color:#6536C0;  line-height:27px; text-align:center; border-radius:5px; font-size: 14px; cursor: pointer; margin-left: auto; }