/*! ©2026 shanghai xinxi or info zhaozhishi.net */
/* CSS Document */

/* 原con.css里的文章区部分 */

.curpos {font-size:12px; color:#999; margin-bottom:10px}
.article-header {margin-bottom:20px}

/* ========= h1 大气简约居中zhaozhishi标题 ========= */
.article-header .title {
    font-size:26px;
    font-weight:700;
    color:#222;
    line-height:1.5;
    margin:0 0 15px 0;
    word-break:break-word;
    text-align:center;
    letter-spacing:0.5px;
}
/* 移动端适配*/
@media (max-width: 768px) {
  .article-header .title {
    font-size: 18px; 
    text-align: left; 

/* 时间居中 */
.article-header .time {font-size:12px; color:#999; display:block; text-align:center;}
.minibar .time {display:block; text-align:center !important; width:100% !important;}

.article-content {background:#fff; padding:20px; border-radius:8px; line-height:1.8; font-size:15px; margin-bottom:20px; box-shadow:0 2px 8px rgba(0,0,0,.05); word-break:break-word}
.article-content p {margin-bottom:15px; text-indent:2em}

/* ============================== */

/* 标题统一样式（自动换行 + 独占一行）
============================== */
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h22,
.article-content h55 {
    display: block; /* 标题独占一行 */
    width: fit-content;
    max-width: 100%;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box;
    line-height: 1.5;
    margin: 20px 0 12px;
    padding: 8px 12px;
    font-weight: 700;
    border-radius: 4px;
}

/* 唯一红底渐变白字 h5 */
.article-content h5 {
    color: #fff;
    background: linear-gradient(90deg, #e53e3e, #ff6b6b);
    border-left: 4px solid #fff;
}

/* 其余标题：淡灰底 + 红色左竖线 */
.article-content h2,
.article-content h4,
.article-content h22,
.article-content h55 {
    color: #222 !important;
    background: #f2f2f2 !important;
    border-left: 4px solid #e53e3e !important;
}

/* ========= h3 红色左竖线 + 灰色底 ========= */
.article-content h3 {
    color: #222 !important;
    background: #f2f2f2 !important;
    border-left: 5px solid #e53e3e !important;
    padding: 9px 14px;
    animation: none !important;
    background-size: auto !important;
}

/* ============================== */
/* blockquote1 代码框
============================== */
.article-content .blockquote1 {
    display: block;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-left: 4px solid #6c757d;
    color: #333;
    padding: 12px 15px;
    margin: 12px 0 15px 0;
    border-radius: 6px;
    font-family: Consolas,Monaco,Microsoft YaHei,monospace;
    font-size: 14px;
    line-height: 1.6;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-x: auto;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* blockquote及变型相关 */
.article-content .blockquote1,
.article-content .blockquote p {
    margin: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    background: inherit !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    white-space: inherit !important;
    width: 100% !important;
    border: none !important;
}

.article-content blockquote {
    color:#666; background:#f7f7f7;
    border-left:4px solid #ccc;
    padding:12px 15px; margin:15px 0;
    border-radius:6px;
    font-family:Consolas,Monaco,monospace;
    white-space:pre-wrap; word-wrap:break-word;
    width: 100%;
    box-sizing: border-box;
}

.wsyj {
    color:#fff; background:#39c;
    padding:.5em; line-height:1;
    position:absolute; z-index:2;
    min-width:2em; display:inline-block;
    min-height:1em;
}
.wsyj::after {display:none}

/* ========= */
/* 悬浮框
============= */
.article-content .float-box,
.article-content .h33,
.article-content h33 {
  display: inline-block;
  background: #1677ff;
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: normal;
  white-space: normal;
  word-wrap: break-word;
  max-width: 160px;

  position: sticky;
  top: 80px;
  z-index: 999;
  
  /* 关键：靠右浮动、在文章区内、不超出 */
  float: right;
  margin: 0 0 10px 15px;
  clear: right;
}

/* 自动带复制按钮的代码框 */
/* 代码框 - 全端兼容不变形 */
.code {
  position: relative;
  background: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 14px;
  margin: 14px 0;
  font-size: 14px;
  line-height: 1.6;
  font-family: Consolas, Monaco, "Microsoft YaHei", monospace;
  white-space: pre-wrap;
  word-wrap: break-word;
  color: #333;
  max-width: 100%;
  box-sizing: border-box;
}

/* 复制按钮  */
.copy-btn {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 36px;     
  height: 22px;    
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  color: #555;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
  z-index: 10;
}
.copy-btn:hover {
  background: #f2f2f2;
}