/* ============================================
   博客园极简白底主题 v3
   参考: seangoedecke.com
   用法: 粘贴到 博客园后台 → 设置 → 页面定制CSS代码
   ============================================ */

/* --- Global --- */
#home {
  max-width: 640px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 50px 24px !important;
}

body {
  background: #fff !important;
  color: #222 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  -webkit-font-smoothing: antialiased !important;
}

a { color: #4a9ebb !important; text-decoration: none !important; }
a:hover { text-decoration: underline !important; }

/* --- Header --- */
#header {
  border: none !important;
  padding: 0 !important;
  margin: 0 0 12px !important;
  border-top: none !important;
  border-bottom: none !important;
}

#blogTitle {
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#blogTitle h1,
#blogTitle h1 a {
  font-size: 42px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  float: none !important;
  letter-spacing: -1px !important;
  color: #222 !important;
  text-decoration: none !important;
}

#blogTitle h2 {
  display: none !important;
}

#blogLogo, #lnkBlogLogo {
  display: none !important;
}

/* --- Navigator --- */
#navigator {
  background: none !important;
  height: auto !important;
  padding: 8px 0 20px !important;
  margin: 0 !important;
  border-bottom: 1px solid #eee !important;
  border-top: none !important;
  clear: both !important;
}

#navList {
  float: none !important;
  min-height: 0 !important;
  display: block !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#navList li {
  float: none !important;
  display: inline !important;
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#navList li::marker {
  content: "" !important;
  display: none !important;
}

#navList li::before {
  content: none !important;
}

#navList a {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  float: none !important;
  padding: 0 !important;
  border: none !important;
  font-size: 14px !important;
  color: #4a9ebb !important;
  text-decoration: underline !important;
  background: none !important;
  margin-right: 4px !important;
}

#navList a:hover {
  color: #2d7a94 !important;
  background: none !important;
}

#navList .aHeaderXML,
#navList img[src*="rss"],
#navList img {
  display: none !important;
}

.blogStats {
  display: none !important;
}

/* --- Main Layout --- */
#main {
  min-width: 0 !important;
  width: 100% !important;
}

#mainContent {
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
}

#mainContent .forFlow {
  margin: 0 !important;
  float: none !important;
  width: 100% !important;
}

/* --- Homepage Post List --- */
.day {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.dayTitle {
  display: none !important;
}

.postTitle {
  font-size: 18px !important;
  font-weight: 700 !important;
  border: none !important;
  float: none !important;
  width: 100% !important;
  padding: 16px 0 4px !important;
  line-height: 1.4 !important;
}

.postTitle a,
.postTitle a:link,
.postTitle a:visited,
.postTitle a:active {
  color: #4a9ebb !important;
}

.postTitle a:hover {
  color: #2d7a94 !important;
}

.postCon {
  display: none !important;
}

.postDesc {
  float: none !important;
  width: 100% !important;
  text-align: left !important;
  padding: 4px 0 16px !important;
  font-size: 13px !important;
  color: #999 !important;
  border: none !important;
  margin: 0 !important;
}

.postSeparator {
  display: none !important;
}

.topicListFooter {
  margin-top: 20px !important;
  text-align: left !important;
  font-size: 14px !important;
}

/* --- Sidebar: NUKE EVERYTHING, then show tags only --- */
#sideBar {
  float: none !important;
  width: 100% !important;
  padding: 30px 0 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  border-top: 1px solid #eee !important;
}

#sideBarMain {
  padding: 0 !important;
}

/* HIDE ALL sidebar children by default */
#sideBarMain > div,
#sideBarMain > section,
#leftcontentcontainer > div {
  display: none !important;
}

/* Calendar - aggressive kill */
#calendar,
#blog-calendar,
.Cal,
table.Cal,
table[id*="Calendar"],
table[id*="calendar"],
div[id*="calendar"],
div[id*="Calendar"] {
  display: none !important;
}

/* Show ONLY the tag section */
#sidebar_toptags,
.catListTag,
div[id*="tag" i],
div[id*="Tag"] {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.catListTag .catListTitle,
#sidebar_toptags h3,
div[id*="tag" i] h3,
div[id*="Tag"] h3 {
  font-size: 16px !important;
  font-weight: 400 !important;
  border: none !important;
  text-align: left !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: #222 !important;
}

.catListTag ul,
#sidebar_toptags ul,
div[id*="tag" i] ul,
div[id*="Tag"] ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.catListTag li,
#sidebar_toptags li,
div[id*="tag" i] li,
div[id*="Tag"] li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.catListTag a,
#sidebar_toptags a,
div[id*="tag" i] a,
div[id*="Tag"] a {
  display: inline-block !important;
  padding: 4px 12px !important;
  background: #f5f5f5 !important;
  border-radius: 14px !important;
  font-size: 13px !important;
  color: #555 !important;
  text-decoration: none !important;
  transition: background 0.2s !important;
}

.catListTag a:hover,
#sidebar_toptags a:hover,
div[id*="tag" i] a:hover,
div[id*="Tag"] a:hover {
  background: #e0e0e0 !important;
  color: #333 !important;
  text-decoration: none !important;
}

/* --- View Single Post --- */
#topics {
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
}

#topics .postTitle {
  font-size: 26px !important;
  font-weight: 700 !important;
  border: none !important;
  float: none !important;
  padding: 0 0 8px !important;
  width: 100% !important;
}

#topics .postTitle a {
  color: #222 !important;
}

.postBody {
  border: none !important;
  padding: 20px 0 !important;
  line-height: 1.8 !important;
  font-size: 16px !important;
  color: #333 !important;
}

.postBody p {
  text-indent: 0 !important;
  margin: 0 0 1.2em !important;
}

.postBody h2 {
  font-size: 22px !important;
  margin: 2em 0 0.5em !important;
  font-weight: 700 !important;
  color: #222 !important;
}

.postBody h3 {
  font-size: 18px !important;
  margin: 1.5em 0 0.5em !important;
  font-weight: 600 !important;
  color: #222 !important;
}

.postBody ul, .postBody ol {
  margin-left: 1.5em !important;
  margin-bottom: 1.2em !important;
}

.postBody li {
  margin-bottom: 0.5em !important;
  list-style-type: disc !important;
}

.postBody a {
  color: #4a9ebb !important;
  text-decoration: underline !important;
}

.postBody blockquote {
  background: none !important;
  border-left: 3px solid #e0e0e0 !important;
  padding: 0 0 0 16px !important;
  margin: 1.2em 0 !important;
  color: #666 !important;
}

#topics .postDesc {
  text-align: left !important;
  font-size: 13px !important;
  color: #999 !important;
  padding: 12px 0 !important;
  border-top: 1px solid #f0f0f0 !important;
  float: none !important;
  width: 100% !important;
}

#EntryTag {
  margin-top: 20px !important;
  font-size: 14px !important;
  color: #666 !important;
}

#EntryTag a {
  display: inline-block !important;
  padding: 3px 10px !important;
  margin: 3px 4px 3px 0 !important;
  background: #f5f5f5 !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  color: #666 !important;
  text-decoration: none !important;
}

#EntryTag a:hover {
  background: #e0e0e0 !important;
  color: #333 !important;
}

/* --- Article Detail Page: Hide clutter --- */

/* 免责声明区 */
#post_next_prev ~ div[style*="border"],
.post-copyright,
div[id*="copyright"],
#cnblogs_post_body ~ div[style*="border: 1px solid"],
div[style*="border: 1px solid #d6dbdf"],
div[style*="border: 1px dashed"] {
  display: none !important;
}

/* 好文要顶 / 关注我 / 收藏该文 / 微信分享 按钮区 */
#green_channel,
.green_channel,
div[id*="green_channel"] {
  display: none !important;
}

/* 作者头像 + 粉丝/关注信息 */
#author_profile,
.author_profile,
#author_profile_follow,
.author-profile,
div[id*="author_profile"] {
  display: none !important;
}

/* 推荐 / 反对 按钮 */
#div_digg,
.diggit,
.buryit,
div[id*="div_digg"] {
  display: none !important;
}

/* 升级成为会员 */
a[href*="vip"],
#cnblogs_ch,
div[id*="cnblogs_ch"],
a[href*="upgrade"] {
  display: none !important;
}

/* 底部编辑推荐区 (【推荐】xxx + 编辑推荐列表) */
#under_post_card1,
#under_post_card2,
#cnblogs_post_body_block,
#under_post_news,
#under_post_kb,
.post-ads,
div[id*="under_post"],
div[id*="post_card"],
.cnblogs-post-recommend,
#ad_under_post,
#ad_t2,
#ad_c1,
#ad_c2 {
  display: none !important;
}

/* 历史上的今天 */
#HistoryToday {
  display: none !important;
}

/* 刷新评论 / 刷新页面 / 返回顶部 链接简化 */
#div-comment-area > .comment_btn_left,
#!comments_pager_top,
a[href*="javascript:void"] {
  /* keep but reduce prominence */
}

/* 上一篇/下一篇 - 保留但简化 */
#post_next_prev {
  margin-top: 24px !important;
  padding-top: 16px !important;
  border-top: 1px solid #f0f0f0 !important;
  font-size: 14px !important;
  color: #666 !important;
}

#post_next_prev a {
  color: #4a9ebb !important;
  text-decoration: none !important;
}

#post_next_prev a:hover {
  text-decoration: underline !important;
}

/* 评论区 "升级为VIP会员" 链接 */
.comment_upgrade,
a[href*="VIP"],
span[id*="vip"],
a[title*="VIP"] {
  display: none !important;
}

/* --- Post List Page --- */
.PostListTitle,
h1.PostListTitle {
  font-size: 20px !important;
  font-weight: 400 !important;
  border: none !important;
  text-align: left !important;
  padding: 0 0 12px !important;
  color: #222 !important;
}

.PostList {
  border: none !important;
  border-bottom: 1px solid #f0f0f0 !important;
  padding: 12px 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}

.postTitl2 {
  float: none !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.postTitl2 a { color: #4a9ebb !important; }

.postDesc2 {
  float: none !important;
  color: #999 !important;
  font-size: 13px !important;
  margin-top: 4px !important;
}

.postText2 { display: none !important; }

/* --- Entry List (Category) --- */
.entrylistTitle {
  font-size: 20px !important;
  font-weight: 400 !important;
  border: none !important;
  text-align: left !important;
  padding: 0 0 8px !important;
}

.entrylistDescription {
  text-align: left !important;
  padding: 0 0 16px !important;
  color: #999 !important;
  font-size: 14px !important;
}

.entrylistItem {
  margin: 0 !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  width: 100% !important;
}

.entrylistPosttitle {
  font-size: 16px !important;
  font-weight: 700 !important;
  border: none !important;
  padding: 0 !important;
}

.entrylistPosttitle a { color: #4a9ebb !important; }
.entrylistPostSummary { display: none !important; }

.entrylistItemPostDesc {
  text-align: left !important;
  font-size: 13px !important;
  color: #999 !important;
  margin-top: 4px !important;
}

.entrylist .postSeparator { display: none !important; }

/* --- Comments --- */
.feedback_area_title {
  font-size: 16px !important;
  font-weight: 600 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  margin: 40px 0 16px !important;
  padding: 0 0 8px !important;
}

.feedbackItem { margin-bottom: 16px !important; }
.feedbackListSubtitle { font-size: 13px !important; color: #999 !important; }

.feedbackCon {
  background: none !important;
  border-bottom: 1px solid #f5f5f5 !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  width: auto !important;
}

/* --- Footer --- */
#footer {
  border: none !important;
  margin-top: 60px !important;
  padding: 20px 0 !important;
  font-size: 12px !important;
  color: #ccc !important;
  text-align: center !important;
}

/* --- Pager --- */
.pager, .topicListFooter {
  text-align: left !important;
  font-size: 14px !important;
  padding: 16px 0 !important;
}

.pager a, .topicListFooter a { color: #4a9ebb !important; }

/* --- Popular & Recent Sections (JS-injected) --- */
.section-title {
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #222 !important;
  margin: 30px 0 16px !important;
  padding: 0 !important;
  border: none !important;
  letter-spacing: 0 !important;
}

#popular-section {
  margin: 0 0 20px !important;
  padding: 0 0 20px !important;
  border-bottom: 1px solid #eee !important;
}

#popular-section .section-title {
  margin-top: 10px !important;
}

.popular-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.popular-list li {
  padding: 8px 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.popular-list li a {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #4a9ebb !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
}

.popular-list li a:hover {
  text-decoration: underline !important;
  color: #2d7a94 !important;
}

.view-all-link {
  display: inline-block !important;
  margin-top: 12px !important;
  font-size: 14px !important;
  color: #4a9ebb !important;
  text-decoration: none !important;
}

.view-all-link:hover {
  text-decoration: underline !important;
}

#recent-section-title {
  margin-top: 30px !important;
}

/* --- Responsive --- */
@media (max-width: 680px) {
  #home { padding: 30px 16px !important; }
  #blogTitle h1, #blogTitle h1 a { font-size: 32px !important; }
  .postBody { font-size: 15px !important; }
  .popular-list li a { font-size: 16px !important; }
}