/*
引用的字体分别为：
思源宋体
仿宋
楷体
Times New Roman
*/
@import url('https://google-fonts.mirrors.sjtug.sjtu.edu.cn/css2?family=Noto+Serif+SC:wght@200..900&display=swap');

@font-face {
    font-family: 'FangSong';
    src: url('https://cdn.jsdelivr.net/gh/Reqeekouton/reqeekouton.github.io@91f4d12bd2c52ee1329b1c08b1f97692eb02030f/public/fonts/Fangsong_GB2312.ttf') format('truetype');
}


@font-face {
    font-family: 'KaiTi';
    src: url('https://cdn.jsdelivr.net/gh/Reqeekouton/reqeekouton.github.io@0ad4244f9ec7ab35dd05313cd1e05d7e80b68d4c/public/fonts/Kaiti_GB2312.ttf') format('truetype');
}

@font-face {
    font-family: 'Times New Roman';
    src: url('https://cdn.jsdelivr.net/gh/Reqeekouton/reqeekouton.github.io@8119b1dbc6d72918c0692f3fb2a13cb4bbd85596/public/fonts/Times%20New%20Roman.ttf') format('truetype');
}

.name{
	font-family: "KaiTi", "Times New Roman", serif;
	}

@keyframes rotate-logo {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/*首页显示文章*/
.post-item {
  background-color: #fff; 
  border: 2px solid #ddd; 
  border-radius: 8px; 
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
  padding: 16px; 
  margin-bottom: 20px; 
  transition: transform 0.2s ease, box-shadow 0.2s ease; 
  cursor: pointer; 
}

.post-item:hover {
  transform: translateY(-3px); 
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); 
}

.post-link {
  text-decoration: none;
}


.post-item h3 {
  margin-top: 0;
  font-family: 'Times New Roman', 'Noto Serif SC', serif; 
  font-weight: 700 !important;
  color: #333;
}


.post-item p {
  font-family: 'Times New Roman', 'FangSong', serif; 
  font-weight: 400;
  color: #666; 
}
/*页面与文章标题*/
.page-title, 
.post-title {
  text-align:center;
  font-weight: 700 !important;
	}

/* 以下代码修改自SCP基金会 杂志主题 https://scp-wiki-cn.wikidot.com/theme:magazine 作者Etinjat*/
/* ===================== .meta-title 样式 ===================== */
.meta-title {
    display: grid;
    width: 100%;
    color: #000; 
    background: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    border: none;
    justify-content: center;
    align-items: end;
    text-align: center;
    grid-template-columns: 100%;
    grid-template-rows: min-content 0rem 0.5em; /* --PGtt_underbox-gap, --PGtt_underbox-height */
    grid-template-areas: 'body' 'gap' 'underbox';
    margin-bottom: 0.5rem;
    font-family: 'Noto Serif SC', sans-serif; /* --page-tt-font */
}

/* 底部装饰线 */
.meta-title:before {
    grid-area: underbox;
    align-self: center;
    content: ' ';
    height: 0.07em; /* --PGtt-linebox_gap */
    background: transparent;
    border: 0.1em solid #555; /* --PGtt-linebox_space, --color-darker */
    border-image-source: linear-gradient(90deg, #555, #555); /* --PGtt-lines-img */
    border-image-width: 0.1em 0 0.06em 0; /* --PGtt-line01_height, --PGtt-line02_height */
    border-image-slice: 100% 0 100% 0;
    -webkit-clip-path: polygon(
        100% 0, 0 0, 0 0.1em, 
        10% 0.1em, 10% 100%, 
        45.6% 100%, 45.6% 0, 
        54.4% 0, 54.4% 100%, 
        90% 100%, 90% 0.1em, 
        100% 0.1em
    ); /* --PGtt-line02_clip (计算值) */
    clip-path: polygon(
        100% 0, 0 0, 0 0.1em, 
        10% 0.1em, 10% 100%, 
        45.6% 100%, 45.6% 0, 
        54.4% 0, 54.4% 100%, 
        90% 100%, 90% 0.1em, 
        100% 0.1em
    );
}

/* 装饰性图标 */
.meta-title:after {
    grid-area: underbox;
    justify-self: center;
    align-self: center;
    text-align: center;
    content: "★"; /* --PGtt-orn_content */
    font-family: 'FontAwesome', 'Roboto Slab', sans-serif; /* --RATE_font */
    font-size: 0.8em; /* --PGtt-orn_size */
    color: #542429; /* --accentColor */
    width: 1.2em; /* --PGtt-orn_width (0.8em * 1.5) */
    z-index: 1;
    margin-top: 0;
}

/* ===================== .mz-tt 样式 ===================== */

.mz-tt {
    text-align: center;
    margin: 0.5rem; /* --ttbox_margin */
}
 
.mz-tt :is(h1, h2,h3,h4,h5, h6) {
display: flex;
    align-items: center;
}
 
.mz-tt :is(h1, h2,h3,h4,h5, h6) span{
    padding: 0 1rem;
margin: 0 auto;
}
 
.mz-tt :is(h1, h2,h3,h4,h5, h6):before, .mz-tt :is(h1, h2,h3,h4,h5, h6):after{
content: "";
flex-grow: 1;
height: 0.1rem;
color: #542429;
background-color: #6d6b82;   
}

.mz-tt h1, h2, h3, h4, h5, h6{
  color:#990314;
}

/*文章标签*/
.post-tags{
	font-family: 'Times New Roman', "Noto Serif SC", "PT Sans", Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	font-weight: 400 !important;
	}
	
 .post-tags a {
  color: #007acc; 
  text-decoration: none; 
}

.post-tags a:hover {
  text-decoration: underline; 
}

/*显示上一篇／下一篇文章*/
.post-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 0.75em
}

.post-nav a, .post-nav span {
  margin: 0;
  padding: 0;
}

.pagination{
	font-family: 'Times New Roman', 'Noto Serif SC', Arial, sans-serif;
	font-size: 1.25em;
}

/*页脚*/
footer {
  background-color: e5e5e5;
  text-align: center;
  padding: 15px 0;
  font-size: 12px;
}

.footer-content a {
  color: #007bff;
  text-decoration: none;
}

.footer-content a:hover {
  text-decoration: underline;
}

/*页面与文章内容及字体*/
.post-content,
.page-content  {
    font-family: 'Times New Roman', 'FangSong', serif;
    font-weight: 400 !important;
}

.wrap {
  position: relative;
  width: 100%;
}

html,
body {
  overflow-x: hidden;
  font-family:'Times New Roman', 'Noto Serif SC', 'FangSong', serif;
}

.page-title, .post-title, h1, h2, h3, h4, h5, h6 {
  font-family: 'Times New Roman', 'Noto Serif SC', 'PT Sans', Helvetica, Arial, sans-serif;
  font-weight: 700 !important;
  color:#313131;
  letter-spacing: -.025rem;
	}

/* 友链样式 */
.friend-link {
    display: flex;
    align-items: center;
    border: 2px solid #ddd;
    border-radius: 12px;
    padding: 12px;
    max-width: auto;
    margin: 10px 0;
    transition: box-shadow 0.3s;
}

.friend-link:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.friend-logo {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-right: 16px;
    object-fit: cover;
}

.friend-logo:hover {
    animation: rotate-logo 0.6s ease-in-out;
}

.friend-info {
    display: flex;
    flex-direction: column; 
    justify-content: center; 
}

.friend-title {
    margin: 0; 
    font-size: 18px; 
}

.friend-title a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

.friend-title a:hover {
    color: #0078d4;
}

.friend-subtitle {
    margin: 4px 0 0;
    font-size: 14px;
    color: #666;
	}

/* 复制按钮 */
.copy-button {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px 8px;
    border: 1px solid rgba(175, 184, 193, 0.5);
    background: rgba(240, 246, 252, 0.7);
    font-size: 12px;
    font-weight: 600;
    color: #24292f;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s, border 0.2s, transform 0.1s;
}

/* 按钮悬停效果 */
.copy-button:hover {
    background: #f6f8fa;
    border-color: #d0d7de;
}

/* 按钮点击时的反馈 */
.copy-button:active {
    transform: scale(0.95);
}

/* 复制成功后 */
.copy-button.copied {
    background: #dcffe4;
    border-color: #2da44e;
    color: #1f883d;
}


/* 暗色模式 */
@media (prefers-color-scheme: dark) {
    body {
    background-color: #181818; /* 更柔和的背景色 */
    color: #d0d0d0; /* 柔和的文字颜色 */
  }
  
  p, strong, .post-title, .page-title, h1, h2, h3, h4, h5, h6, .post-item h3, .post-item p, .masthead-title a {
    color: #d0d0d0; /* 更柔和的文字颜色 */
  }

  .post-item, .sidebar-toggle {
    background-color: #2a2a2a; /* 文章项和侧边栏背景，避免过暗 */
    border-color: #444; /* 边框颜色 */
  }

  .post-link {
    color: #d0d0d0; /* 链接颜色 */
  }

  .post-link:hover {
    color: #62aef7; /* 链接悬停颜色，稍微加亮 */
  }

  .copy-button {
        background: rgba(46, 52, 64, 0.7);
        color: #c9d1d9;
        border-color: rgba(110, 118, 129, 0.5);
    }

  .copy-button:hover {
        background: rgba(110, 118, 129, 0.3);
        border-color: rgba(110, 118, 129, 0.8);
    }

  .copy-button.copied {
        background: rgba(46, 160, 67, 0.5);
        border-color: #2da44e;
        color: #d2ffd2;
    }
   .friend-link {
    background-color: #3a3a3a; /* 友链项背景 */
    border-color: #555; /* 友链项边框 */
  }

  .friend-title a {
    color: #d0d0d0; /* 友链标题颜色 */
  }

  .friend-title a:hover {
    color: #62aef7; /* 友链标题悬停颜色 */
  }

  .friend-subtitle {
    color: #a0a0a0; /* 友链副标题颜色 */
  }

  footer {
    background-color: #181818; /* 页脚背景 */
    color: #d0d0d0; /* 页脚文字颜色 */
  }

  .footer-content a {
    color: #62aef7; /* 页脚链接颜色 */
  }

  .footer-content a:hover {
    color: #d0d0d0; /* 页脚链接悬停颜色 */
  }

  .pagination {
    color: #d0d0d0; /* 分页文字颜色 */
  }

  .pagination a {
    color: #62aef7; /* 分页链接颜色 */
  }

  .pagination a:hover {
    color: #d0d0d0; /* 分页链接悬停颜色 */
	  }
  div .highlight {
    background-color: #1e1e1e; /* 深色背景 */
    color: #abb2bf; /* 默认文本颜色 */
  }
}