/*年终总结*/

.journal-card {
  position: relative;
  background: #f9f1f5; 
  border: 2px solid #bba6bd;
  border-radius: 6px;
  padding: 20px 20px 40px;
  margin: 22px 0;
  box-shadow: 0 4px 5px rgba(0,0,0,0.5);
  font-family: 'Press Start 2P', monospace;
  color: #eee;
}

/* 窗口标题栏 */
.jc-window-header {
  display: flex;
  justify-content: center; /* 标题居中 */
  align-items: center;
  position: relative; /* 为关闭按钮定位 */
  background: #f4d9e3; 
  padding: 6px 10px;   /* 增加高度 */
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin: -20px -20px 0; /* 覆盖卡片上边缘 */
  font-size: 1rem; /* 字体增大 */
  font-weight: bold; 
  color: #8a3c6b; 
  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.4);
}

/* 标题 */
.jc-window-title {
  font-weight: bold;
  font-size: 1.3rem; /* 可微调 */
  font-family: "ipxs","Product Sans",sans-serif !important;
}

/* 关闭按钮 - 右上角 */
.jc-window-close {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: #d69bb3; 
  border: none;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  width: 22px;  /* 略大一些 */
  height: 22px;
  border-radius: 50%;
  line-height: 20px;
  text-align: center;
  padding-left: 7.5px;
  font-family: "ipxs","Product Sans",sans-serif !important;
}

/* 窗口菜单栏 */
.jc-window-menu {
  display: flex;
  font-family: "ipxs","Product Sans",sans-serif !important;
  gap: 24px; 
  font-size: 0.8rem;
  background: #eec3d3; 
  padding: 4px 10px;   /* 增加高度 */
  margin: 0 -20px 12px;
  color: #8a3c6b; 
  border-bottom: 1px solid #caa3b4; /* 模拟分隔线 */
  padding-left: 10px; 
}


/* 每行 row */
.jc-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
  position: relative;
}

/* 左栏 padding 分开设置 */
.jc-row .jc-left {
  flex: 1;
  padding-top: 45px;     
  padding-bottom: 10px;  
  padding-left: 5px;    
  padding-right: 20px;   
}

/* 右栏 padding 分开设置 */
.jc-row .jc-right {
  flex: 1;
  padding-top: 25px;     
  padding-bottom: 10px;  
  padding-left: 20px;    
  padding-right: 5px;   
  margin-top: 8px;
}

/* 连续虚线 */
.jc-divider-full {
  position: absolute;
  top: 85px;        
  bottom: 25px;     
  left: 50%;
  width: 3px;
  border-left: 3px dashed #caa3b4;
}

/* 左栏文字 */
.jc-left p {
  font-family: "ipxs","Product Sans",sans-serif !important;
  color: var(--color-font);
  line-height: 1.6;
  margin: 0;
}

/* 右栏文字 */
.jc-right p {
  font-family: "write","ZCOOL KuaiLe", cursive, sans-serif;
  color: var(--color-font);
  line-height: 1.6;
  margin: 0;
  font-weight: 600!important;
}



.jc-right h4 {
  margin: 0 0 8px 0;
  font-size: 1rem;
  color: #b78092!important;
  font-family: "ipxs","Product Sans",sans-serif !important;
}

/* 保留原本标题链接样式 */
.jc-title a {
  color: #8aa2d3!important;  
  border-bottom: 2px solid rgba(58, 111, 175, 0.4)!important;
  padding-bottom: 2px!important;
  line-height: 1.65!important;
  text-decoration: none;
  font-size: 1.55rem!important;
}
.jc-title a:hover {
  color: #87aac9!important;
  border-bottom: 2px solid rgba(94, 138, 192, 0.4)!important;
}

/* 尾注 */
.jc-footnote {
  position: absolute;
  left: 15px;      /* 左下角文字起点 */
  right: 15px;     /* 右下角圆点位置 */
  bottom: 10px;
  display: flex;
  justify-content: space-between; /* 左右分开 */
  align-items: center;
  font-size: 0.85rem;
  color: var(--color-font);
}

/* 左下文字 */
.jc-footnote .footnote-text {
 font-family: "ipxs","Product Sans",sans-serif !important;
}

/* 右下圆点容器 */
.jc-footnote .dots {
  display: flex;
  gap: 8px;       /* 圆点间距 */
}

/* 圆点样式 */
.jc-footnote .dot {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  display: inline-block;
}



/* 小屏上下布局 */
@media (max-width: 760px) {
  .jc-row {
    flex-direction: column;
  }
  .jc-divider-full {
    display: none;
  }
}

/*秋天*/

/* theme2 · 低饱和柔和橙 */

.journal-card.theme2 {
  background: #fff6eb;         
  border: 2px solid #d9a46d;    
  color: #76563a;
}

.journal-card.theme2 .jc-window-header {
  background: #ffe8c9;          
  color: #76563a;
}

.journal-card.theme2 .jc-window-title {
  color: inherit;
}

.journal-card.theme2 .jc-window-close {
  background: #d88d47;      
  color: #fff;    
}

.journal-card.theme2 .jc-window-menu {
  background: #f4d29c;         
  border-bottom: 1px solid #d9a46d;
  color: #76563a;
}

.journal-card.theme2 .jc-divider-full {
  border-left: 3px dashed #d9a46d;  
}

.journal-card.theme2 .jc-right h4 {
  color: #c96f55 !important;   
}

/*夏天*/

/* 夏天（低饱和度版）*/

.journal-card.theme3 {
  background: #f1f7f1;      
  border: 2px solid #a4cfa4; 
  color: #506450;
}

.journal-card.theme3 .jc-window-header {
  background: #dcefdc;     
  color: #4e634e;
}

.journal-card.theme3 .jc-window-title {
  color: inherit;
}

.journal-card.theme3 .jc-window-close {
  background: #a4cfa4;   
  color: #fff;
}

.journal-card.theme3 .jc-window-menu {
  background: #bcd5bc;      
  color: #4e634e;
  border-bottom: 1px solid #a4cfa4;
}

.journal-card.theme3 .jc-divider-full {
  border-left: 3px dashed #a4cfa4; 
}

.journal-card.theme3 .jc-right h4 {
  color: #7caf7c !important; 
}



/*冬天*/

.journal-card.theme4 {
  background: #f0f7ff; 
  border: 2px solid #8bb7d9;
  color: #42586d;
}

.journal-card.theme4 .jc-window-header {
  background: #d9ecff; 
  color: #42586d;
}

.journal-card.theme4 .jc-window-title {
  color: inherit;
}

.journal-card.theme4 .jc-window-close {
  background: #8bb7d9;
  color: #fff;
}

.journal-card.theme4 .jc-window-menu {
  background: #b4d4f0;
  color: #42586d;
  border-bottom: 1px solid #8bb7d9;
}

.journal-card.theme4 .jc-divider-full {
  border-left: 3px dashed #8bb7d9;
}

.journal-card.theme4 .jc-right h4 {
  color: #5f9dd0 !important; 
}

/*马戏团*/
.journal-card.theme5 {
  background: #f2f1f4; 
  border: 2px solid #4d4761; 
  color: #4d485f;
}

.journal-card.theme5 .jc-window-header {
  background: #e3e1e9; 
  color: #4d485f;
}

.journal-card.theme5 .jc-window-title {
  color: inherit;
}

.journal-card.theme5 .jc-window-close {
  background: #4d4761; 
  color: #fff;
}

.journal-card.theme5 .jc-window-menu {
  background: #bbb7c8; 
  color: #4d485f;
  border-bottom: 1px solid #4d4761;
}

.journal-card.theme5 .jc-divider-full {
  border-left: 3px dashed #4d4761;
}

.journal-card.theme5 .jc-right h4 {
  color: #6a6581 !important;
}


/*右下圆点*/

.jc-footnote .dot.one {
  background-color: #eec3d3;
}

.jc-footnote .dot.two {
  background-color: #caa3b4;
}

.jc-footnote .dot.three {
  background-color: #8a3c6b;
}

.jc-footnote .dot.four {
  background-color: #d9a46d;
}

.jc-footnote .dot.five {
  background-color: #c96f55;
}

.jc-footnote .dot.six {
  background-color: #76563a;
}
.jc-footnote .dot.seven {
  background-color: #a4cfa4;
}

.jc-footnote .dot.eight {
  background-color: #7caf7c;
}

.jc-footnote .dot.nine {
  background-color: #506450;
}
.jc-footnote .dot.ten {
  background-color: #8bb7d9;
}

.jc-footnote .dot.eleven {
  background-color: #5f9dd0;
}

.jc-footnote .dot.twelve {
  background-color: #42586d;
}

.jc-footnote .dot.thirteen {
  background-color: #bbb7c8;
}

.jc-footnote .dot.fourteen {
  background-color: #6a6581;
}

.jc-footnote .dot.fifteen {
  background-color: #4d485f;
}

/* 日期徽章，标题左上角，不影响布局 */
.jc-left .jc-date {
  display: inline-block;   /* 只包裹文字 */
  position: absolute;      /* 浮在标题左上角 */
  top: 35px;               /* 控制日期与标题的垂直距离，可调 */
  left: 0;                 /* 对齐标题左侧 */
  padding: 2px 6px; 
  color: #b78092;
  border-radius: 3px;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.2;
  font-family: "ipxs","Product Sans",sans-serif !important;
  z-index: 1;
}

.jc-left .jc-date3 {
  display: inline-block;   /* 只包裹文字 */
  position: absolute;      /* 浮在标题左上角 */
  top: 35px;               /* 控制日期与标题的垂直距离，可调 */
  left: 0;                 /* 对齐标题左侧 */
  padding: 2px 6px; 
  color: #7caf7c;
  border-radius: 3px;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.2;
  font-family: "ipxs","Product Sans",sans-serif !important;
  z-index: 1;
}

.jc-left .jc-date2 {
  display: inline-block;   /* 只包裹文字 */
  position: absolute;      /* 浮在标题左上角 */
  top: 35px;               /* 控制日期与标题的垂直距离，可调 */
  left: 0;                 /* 对齐标题左侧 */
  padding: 2px 6px; 
  color: #c96f55;
  border-radius: 3px;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.2;
  font-family: "ipxs","Product Sans",sans-serif !important;
  z-index: 1;
}
.jc-left .jc-date4 {
  display: inline-block;   /* 只包裹文字 */
  position: absolute;      /* 浮在标题左上角 */
  top: 35px;               /* 控制日期与标题的垂直距离，可调 */
  left: 0;                 /* 对齐标题左侧 */
  padding: 2px 6px; 
  color: #5f9dd0;
  border-radius: 3px;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.2;
  font-family: "ipxs","Product Sans",sans-serif !important;
  z-index: 1;
}

.jc-left .jc-date5 {
  display: inline-block;   /* 只包裹文字 */
  position: absolute;      /* 浮在标题左上角 */
  top: 35px;               /* 控制日期与标题的垂直距离，可调 */
  left: 0;                 /* 对齐标题左侧 */
  padding: 2px 6px; 
  color: #6a6581;
  border-radius: 3px;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.2;
  font-family: "ipxs","Product Sans",sans-serif !important;
  z-index: 1;
}