/* 仅文章页，不影响主页；字号固定 16/14/14 */

:root{
  --single-ui:16px;
  --single-title:14px;
  --single-body:14px;
}

.reader-wrap{
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding:20px 14px 24px;
}

.reader-card{
  width:min(860px, 100%);
  padding:14px;
  background:rgba(22,28,44,.42);
  border:1px solid rgba(255,255,255,.20);
  border-radius:16px;
  backdrop-filter:blur(16px) saturate(120%);
  -webkit-backdrop-filter:blur(16px) saturate(120%);
  box-shadow:0 10px 30px rgba(0,0,0,.28);
}

/* 封面置顶 */
.reader-cover{margin:0 0 12px}
.reader-cover img{
  display:block;
  width:100%;
  max-height:320px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.2);
}

/* 封面后标题 */
.reader-head{margin-bottom:8px}
.reader-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.reader-tags span{font-size:var(--single-body);color:#ff6ea7;font-weight:700}

/* 标题 14 左右 */
.reader-head h1{
  font-size:20px !important;
  line-height:1.45;
  font-weight:800;
  margin:0 0 8px;
}

.reader-meta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  font-size:var(--single-body);
  color:#d7deef;
}

/* 正文 */
.reader-content{
  font-size:14px !important;
  line-height:1.9;
  color:#eef2ff;
}
.reader-content p{margin:.75em 0}
.reader-content h2{
  margin:1.1em 0 .45em;
  font-size:14px;
  line-height:1.35;
}
.reader-content h3{
  margin:1em 0 .4em;
  font-size:14px;
  line-height:1.35;
}
.reader-content img{
  max-width:100%;
  border-radius:10px;
}
.reader-content blockquote{
  margin:12px 0;
  padding:8px 10px;
  border-left:3px solid #ff6ea7;
  border-radius:8px;
  background:rgba(255,255,255,.08);
}
.reader-content code{
  background:rgba(255,255,255,.12);
  padding:2px 6px;
  border-radius:6px;
}
.reader-content pre{
  overflow:auto;
  padding:10px;
  border-radius:10px;
  background:rgba(8,12,22,.65);
  border:1px solid rgba(255,255,255,.15);
}

/* 链接更小 + 粉白 + 可读 */
.reader-content a{
  color:#ffd7e8 !important;
  font-size:13px !important;
  text-decoration:underline;
  text-underline-offset:2px;
  word-break:break-all;
}
.reader-content p,
.reader-content li{
  overflow-wrap:anywhere;
}

@media (max-width:768px){
  .reader-card{padding:12px}
  .reader-cover img{max-height:220px}
  .reader-head h1,
  .reader-content h2,
  .reader-content h3{font-size:14px}
  .reader-content,
  .reader-tags span,
  .reader-meta{font-size:14px}
}