#home {

    margin: 0 auto;

    width: 88%;/*原始65*/

    min-width: 980px;/*页面顶部的宽度*/

    background-color: rgba(245, 245, 245, 0.3);

    padding: 30px;

    margin-top: 30px;

    margin-bottom: 30px;

    box-shadow: 0 4px 8px rgba(100, 100, 100, 0.3);

}
body {

    background: rgba(12, 100, 129, 1) url('https://images.cnblogs.com/cnblogs_com/blogs/828316/galleries/2415913/o_240814045324_%E5%A3%81%E7%BA%B8.png') fixed no-repeat;

    background-position: 50% 5%;

    background-size: cover;

}
#blogTitle {

    height: 100px;  /*高度*/

    clear: both;

    background-color: rgba(143, 17, 181, 0);

}
#blogTitle h1 {

    font-size: 36px;

    font-weight: bold;

    line-height: 1.3em;/*原始 1.6em*/

    margin-top: 10px;/*原始 15px */

    color: #548B54;

}
#blogTitle h2 {

    font-weight: normal;

    font-size: 17px;/*原始 16px ；font-size: 1.0rem;*/

    line-height: 1.8;

    color: #111;

    font-weight: bold;

    text-align: right;

    float: right;

}
#navigator{

	/* border-color: #f5cb354d; */

	border: thin solid;

    background-color: rgba(156, 102, 27, 0.5);

	border-radius: 10px;

}
#navList a:link, #navList a:visited, #navList a:active{

    color: #ffffff;

    font-size: 18px;

    font-weight: bold;

}
.blogStats{

    color: #ffffff;

	/* background-color: #10011a00; */

}
.postTitle {

    border-left: 6px solid rgba(190, 83, 229, 0.68);

    margin-left: 10px;

    margin-bottom: 10px;

    font-size: 20px;

    float: right;

    width: 100%;

    clear: both;

}
.postTitle a:link, .postTitle a:visited, .postTitle a:active {

    color: #670f76;

    transition: all 0.4s linear 0s;

}
.postTitle a:hover {

    /* margin-left: 30px; */

    color: #2d0836;

    text-decoration: none;

}
.postCon {

    float: right;

    line-height: 1.5em;

    width: 100%;

    clear: both;

    padding: 10px 0;

}


.day .postTitle a {

    padding-left: 10px;

}
.day {
	
	background: rgba(245, 245, 245, 0.5);
	
	/* line-height: 1; */

}
/*文章附加信息*/
.postDesc {

    background: url(images/posted_time.png) no-repeat 0 1px;

    color: #3c3a3a;

    float: left;

    width: 100%;

    clear: both;

    text-align: left;

    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;

    font-size: 13px;

    padding-right: 20px;/*5px  padding-left: 90px;posted 发表时间左边距离*/

    margin-top: 20px;

    line-height: 1.3;

    padding-bottom: 15px;

}


.newsItem, #blog-calendar
{

    background: rgba(245, 245, 245, 0.5);

    margin-bottom: 25px;

    word-wrap: break-word;

	width: 230px;

}

.catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory,
.catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView,
.catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory 
{
	background: rgba(245, 245, 245, 0.5);

    margin-bottom: 25px;

    word-wrap: break-word;

	width: 248px;
}


.CalTitle{

    background: rgba(255, 255, 255, 0);

}
.catListTitle{

    background-color: rgba(156, 102, 27, 0.5);

}


#topics{

    background: rgba(245, 245, 245, 0.5);

}


.c_ad_block{

    display: none;

}


#tbCommentBody{

    width: 100%;

    height: 200px;

    background: rgba(245, 245, 245, 0.5);

}


#q{background: rgba(255, 255, 255, 0);}


.CalNextPrev{background: rgba(255, 255, 255, 0);}


.cnblogs_code{

    background: rgba(255, 255, 255, 0);

}


.cnblogs_code div{

    background: rgba(255, 255, 255, 0);

}


.cnblogs_code_toolbar{

    background: rgba(255, 255, 255, 0);

}


.entrylist{

    background: rgba(255, 255, 255, 0.5);

}


#main{

   min-width: 640px;

}
#live2dcanvas {
    border: none !important;
}

#back-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
}
#back-top span {
    width: 50px;
    height: 64px;
    background-size: cover;
    display: block;
    background-color: rgba(240, 248, 255, 0);
    background:url(https://images.cnblogs.com/cnblogs_com/blogs/828316/galleries/2415913/o_250116142152_%E6%97%A0%E6%A0%87%E9%A2%98-removebg-preview.png) no-repeat center center;
}
#back-top a{outline:none}

#div_digg {
    /* 将元素固定在页面右下角 */
    position: fixed;
    right: 70px;
    bottom: 10px;
    /* 设置背景颜色和内边距 */
    /* background-color: #f5f5f5; */
    padding: 0px;
    margin: 0px;
    /* 设置宽度和高度 */
    width: auto;
    height: auto;
    /* 为元素内的内容设置居中对齐 */
    display: flex;
    justify-content: center;
    align-items: center;
}

.diggit {
    /* 居中显示 diggit 元素 */
    border: 3px solid #ff0000;
    border-radius: 5px;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.buryit {
    /* 隐藏 buryit 元素 */
    display: none;
}

.clear {
    /* 清除浮动 */
    clear: both;
}

.diggword {
    /* 设置提示信息的样式 */
    margin-top: 5px;
    text-align: center;
    color: #999;
}


/* ===== 优化版博客园details样式 ===== */
details {
  margin: 12px 0 !important;
  border-radius: 0 8px 8px 0 !important;
  overflow: hidden;
  line-height: 1.5; /* 标准行距 */
}

/* 展开状态 */
details[open] {
  background: #fff9f082 !important;
  border-left: 3px solid #FFAA33 !important;
  padding: 8px 16px !important; /* 减少上下padding */
  animation: details-open 0.4s ease-out;
}

@keyframes details-open {
  from { 
    max-height: 2px;
    opacity: 0.3;
  }
  to { 
    max-height: 2000px;
    opacity: 1;
  }
}

/* 折叠动画 */
details.collapsing {
  animation: details-close 0.4s ease-out forwards;
}

@keyframes details-close {
  from { 
    max-height: 2000px;
    opacity: 1;
  }
  to { 
    max-height: 2px;
    opacity: 0.3;
  }
}

/* 精简summary样式 */
summary {
  color: #E67E22 !important;
  font-weight: bold !important;
  padding: 6px 16px !important; /* 左右对齐内容区 */
  cursor: pointer;
  list-style: none !important;
  position: relative;
}

/* 箭头紧贴文字 */
summary::before {
  content: "❯";
  position: absolute;
  left: 0;
  padding-right: 8px;
  transition: transform 0.3s ease;
}

details[open] > summary::before {
  transform: rotate(90deg);
  padding-top: 10px;
}

/* 内容区标准行距 */
details > :not(summary) {
  animation: fade-in 0.5s ease-out both;
  padding: 4px 0 !important; /* 减少上下间距 */
  margin: 0 !important;
  line-height: 1.5 !important; /* 标准行距 */
}

@keyframes fade-in {
  from { 
    opacity: 0;
    transform: translateY(-5px);
  }
  to { 
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== 博客园强制生效版本 ===== */
li.task-list-item > input[type="checkbox"] {
  margin-right: 10px !important;
  vertical-align: middle !important;
  cursor: default !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  border: 2px solid #A3B18A !important;
  border-radius: 3px !important;
}

li.task-list-item > input[type="checkbox"]:checked {
  background: #00CC66 !important;
  border-color: #00CC66 !important;
  position: relative !important;
}

li.task-list-item > input[type="checkbox"]:checked::before {
  content: "✓" !important;
  position: absolute !important;
  left: 2px !important;
  top: -3px !important;
  color: white !important;
  font-size: 14px !important;
}

blockquote {
  background: rgba(181, 172, 88, 0.1) !important; 
  border-left: 3px solid #9a8f2c !important; 
  padding: 10px 15px 8px 15px !important;
  margin: 15px 0 !important;
  position: relative;
  border-radius: 0 8px 8px 0 !important;
}

/* 表格外层容器 - 参考图片中的结构 */
.table-wrapper {
  margin: 20px 0;
  overflow-x: auto;
  background: rgba(255, 248, 225, 0.7) !important; /* 半透明奶黄背景 */
  border-radius: 4px;
}

/* 基础表格样式 */
.table-wrapper table {
  width: 100%;
  border-collapse: collapse; /* 确保边框合并 */
  border-spacing: 0;
}

/* 添加所有表格线 - 包括表格边框 */
.table-wrapper table {
  border: 1px solid rgba(255, 179, 71, 0.6); /* 完整外边框 */
}

/* 表头样式 - 包含完整边框线 */
.table-wrapper th {
  background: rgba(255, 200, 120, 0.3) !important;
  color: #5C4033 !important;
  font-weight: 600;
  padding: 12px 16px;
  text-align: left;
  border: 1px solid rgba(255, 179, 71, 0.6); /* 表头单元格边框 */
}

/* 表格单元格样式 - 包含完整边框线 */
.table-wrapper td {
  padding: 10px 16px;
  color: #654321 !important;
  border: 1px solid rgba(255, 179, 71, 0.5); /* 表格单元格边框 */
  background: rgba(255, 255, 255, 0.4); /* 单元格半透明白色背景 */
}

/* 表格标题样式 */
.table-wrapper caption {
  font-weight: 700;
  color: #8B4513;
  padding: 10px 0;
  margin-bottom: 5px;
}


/* ===== 博客园文章内容专用样式 ===== */

/* ===== 无序列表和有序列表缩进 ===== */
.postBody ul, .postBody ol {
  padding-left: 2em !important;
  margin: 1em 0 !important;
}

.postBody li {
  margin: 0.5em 0 !important;
}

/* ===== 标题系统 ===== */
.postBody h1 {
  color: #8B4513 !important; /* 深红木色 */
  font-size: 2.2em;
  font-weight: 700;
  text-align: center;
  padding: 20px 0;
  margin: 30px 0;
  position: relative;
  letter-spacing: 1px;
}

.postBody h1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 3px;
  background: linear-gradient(to right, 
    transparent, 
    #D2691E, 
    transparent);
}

.postBody h2 {
  color: #A0522D !important; /* 赭色 */
  font-size: 1.8em;
  font-weight: 600;
  margin: 25px 0 15px;
}

.postBody h3 {
  color: #CD853F !important; /* 秘鲁色 */
  font-size: 1.5em;
  font-weight: 600;
  margin: 20px 0 12px;
  position: relative;
  padding-bottom: 5px;
}

/* 4-6级标题统一设计 */
.postBody h4, 
.postBody h5, 
.postBody h6 {
  color: #8B4513 !important; /* 红木色 */
  font-size: 1.25em;
  font-weight: 500;
  padding-bottom: 3px;
  margin: 18px 0 10px;
}

/* ===== 链接设计 ===== */
.postBody a {
  color: #656701 !important;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
}

.postBody a:hover {
  color: #048b14 !important; 
}

/* ===== 代码设计 ===== */
/* 行内代码 */
code {
  font-family: 'Fira Code', Consolas, monospace;
  background: rgba(255, 252, 243, 0.9) !important; /* 半透明奶黄背景 */
  color: #8B4513 !important; /* 红木色代码 */
  padding: 2px 6px;
  border-radius: 3px;
  border: 1px solid rgba(210, 105, 30, 0.2);
  font-size: 0.92em;
}