/* ============================================================
   崇磐 Archive — Design System Override
   与首页保持一致的墨色风格
============================================================ */
:root{
  --cp-ink:#1A1A1A;
  --cp-ink-dark:#111111;
  --cp-ink-mid:#242424;
  --cp-stone:#D8D6CF;
  --cp-stone-dim:#888880;
  --cp-gold:#C5A059;
  --cp-gold-light:#DDB96A;
  --cp-cinnabar:#AA381E;
  --cp-cinnabar-dim:rgba(170,56,30,.35);
  --cp-paper:#F3F2EE;
  --cp-radius:4px;
  --cp-shadow:0 12px 40px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3);
  --cp-transition:.3s cubic-bezier(.4,0,.2,1);
}

/* ---- 全局背景/文字 ---- */
body{
  background:#1A1A1A !important;
  color:var(--cp-stone) !important;
  font-family:'Songti SC','SimSun','STSong','Times New Roman',serif !important;
}
.wp-site-blocks,
.is-layout-constrained,
.wp-block-group{
  background:transparent !important;
}

/* ---- 噪点纹理遮罩 ---- */
body::after{
  content:'';
  position:fixed;inset:0;
  pointer-events:none;z-index:9999;opacity:.3;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E");
}

/* ============================================================
   归档页顶部 Banner
============================================================ */
.cp-archive-banner{
  position:relative;
  padding:5rem 1.5rem 3.5rem;
  text-align:center;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(17,17,17,1) 0%, rgba(26,26,26,1) 100%);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.cp-archive-banner::before{
  content:'';
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 60% 40% at 50% 0%, rgba(170,56,30,.08) 0%, transparent 70%);
  pointer-events:none;
}
/* 大字水印 */
.cp-archive-banner::after{
  content:attr(data-watermark);
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  font-family:'LiSu','STXingkai','KaiTi',serif;
  font-size:clamp(6rem,18vw,14rem);
  color:rgba(255,255,255,.025);
  pointer-events:none;
  white-space:nowrap;
  user-select:none;
  line-height:1;
}
.cp-archive-eyebrow{
  font-size:.8rem;
  letter-spacing:.6em;
  color:var(--cp-stone-dim);
  text-transform:uppercase;
  margin-bottom:1.2rem;
  position:relative;
}
.cp-archive-title{
  font-family:'LiSu','STXingkai','KaiTi',serif !important;
  color:var(--cp-stone) !important;
  font-size:clamp(2rem,6vw,3.5rem) !important;
  letter-spacing:.3em !important;
  line-height:1.2 !important;
  position:relative;
  display:inline-block;
  padding-bottom:.75rem;
  margin:0 !important;
}
.cp-archive-title::after{
  content:'';
  position:absolute;bottom:0;left:50%;transform:translateX(-50%);
  width:60%;height:1.5px;
  background:linear-gradient(90deg, transparent, var(--cp-cinnabar), transparent);
}
.cp-archive-sub{
  margin-top:1.2rem;
  font-size:.95rem;
  color:var(--cp-stone-dim);
  letter-spacing:.15em;
  position:relative;
}

/* 装饰横线 */
.cp-archive-rule{
  display:flex;align-items:center;
  gap:1rem;max-width:300px;margin:2rem auto 0;
  opacity:.25;
}
.cp-archive-rule::before,.cp-archive-rule::after{
  content:'';flex:1;height:1px;
  background:var(--cp-gold);
}
.cp-archive-rule-dot{
  width:5px;height:5px;border-radius:50%;
  background:var(--cp-gold);flex-shrink:0;
}

/* ============================================================
   文章网格外包装
============================================================ */
.cp-query-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:3.5rem 1.5rem 5rem;
}

/* ---- 无文章提示 ---- */
.wp-block-query-no-results{
  text-align:center;
  padding:5rem 1rem;
  color:var(--cp-stone-dim);
  font-family:'LiSu','KaiTi',serif;
  font-size:1.2rem;
  letter-spacing:.25em;
}
.wp-block-query-no-results p{
  color:var(--cp-stone-dim) !important;
}

/* ============================================================
   文章卡片 — Post Template
============================================================ */
.wp-block-post-template{
  gap:1.8rem !important;
  margin:0 !important;
}

/* 每张卡片的外层 li */
.wp-block-post-template > li,
.wp-block-post{
  position:relative;
  background:var(--cp-ink-dark) !important;
  border:1px solid rgba(255,255,255,.05) !important;
  border-radius:var(--cp-radius) !important;
  overflow:hidden;
  box-shadow:var(--cp-shadow);
  transition:transform var(--cp-transition), box-shadow var(--cp-transition), border-color var(--cp-transition);
}
.wp-block-post-template > li::before,
.wp-block-post::before{
  content:'';
  position:absolute;top:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg, var(--cp-cinnabar), transparent);
  transform:scaleX(0);transform-origin:left;
  transition:transform var(--cp-transition);
  z-index:1;
}
.wp-block-post-template > li:hover,
.wp-block-post:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 50px rgba(0,0,0,.55);
  border-color:rgba(197,160,89,.15) !important;
}
.wp-block-post-template > li:hover::before,
.wp-block-post:hover::before{
  transform:scaleX(1);
}

/* 特色图片 */
.wp-block-post-featured-image{
  overflow:hidden;
  margin:0 !important;
  padding:0 !important;
}
.wp-block-post-featured-image img{
  width:100%;
  display:block;
  object-fit:cover;
  filter:grayscale(.3) brightness(.85);
  transition:filter .6s, transform .6s !important;
}
.wp-block-post-template > li:hover .wp-block-post-featured-image img,
.wp-block-post:hover .wp-block-post-featured-image img{
  filter:grayscale(0) brightness(.95);
  transform:scale(1.04);
}

/* 图片容器 aspect-ratio 控制 */
.wp-block-post-featured-image a{
  display:block;
  overflow:hidden;
}

/* 卡片内容区 */
.wp-block-post .wp-block-group,
.wp-block-post-template > li .wp-block-group{
  padding:1.5rem 1.5rem 1.8rem !important;
  background:transparent !important;
  gap:.5rem !important;
}

/* 文章标题 */
.wp-block-post-title,
.wp-block-post-title a{
  font-family:'LiSu','STXingkai','KaiTi',serif !important;
  color:var(--cp-gold) !important;
  font-size:clamp(1.1rem,2.2vw,1.35rem) !important;
  letter-spacing:.1em !important;
  line-height:1.5 !important;
  text-decoration:none !important;
  transition:color var(--cp-transition) !important;
}
.wp-block-post-title a:hover{
  color:var(--cp-gold-light) !important;
}

/* 文章摘要 */
.wp-block-post-excerpt,
.wp-block-post-excerpt p,
.wp-block-post-excerpt .wp-block-post-excerpt__excerpt{
  color:var(--cp-stone-dim) !important;
  font-size:.9rem !important;
  line-height:1.75 !important;
  margin:0 !important;
}
.wp-block-post-excerpt__more-link{
  color:var(--cp-cinnabar) !important;
  text-decoration:none !important;
  font-size:.85rem;
  letter-spacing:.1em;
  transition:color var(--cp-transition) !important;
}
.wp-block-post-excerpt__more-link:hover{
  color:var(--cp-gold) !important;
}

/* 文章 Meta（日期、分类、作者） */
.wp-block-post-date,
.wp-block-post-date a,
.wp-block-post-author,
.wp-block-post-author__name,
.wp-block-post-terms,
.wp-block-post-terms a,
.entry-meta,
.post-meta{
  color:var(--cp-stone-dim) !important;
  font-size:.8rem !important;
  letter-spacing:.1em !important;
  text-decoration:none !important;
}
.wp-block-post-terms a:hover{
  color:var(--cp-cinnabar) !important;
}

/* ============================================================
   分页 Pagination
============================================================ */
.wp-block-query-pagination{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding:2rem 0 0;
  border-top:1px solid rgba(255,255,255,.06);
  margin-top:2rem;
}
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous a,
.wp-block-query-pagination-next a{
  display:inline-flex;
  align-items:center;gap:.5rem;
  padding:.65rem 1.6rem;
  border:1.5px solid var(--cp-cinnabar-dim);
  color:var(--cp-cinnabar) !important;
  font-family:'LiSu','KaiTi',serif;
  font-size:1rem;letter-spacing:.1em;
  text-decoration:none !important;
  border-radius:var(--cp-radius);
  background:rgba(170,56,30,.04);
  transition:var(--cp-transition);
  position:relative;overflow:hidden;
}
.wp-block-query-pagination-previous a::before,
.wp-block-query-pagination-next a::before{
  content:'';position:absolute;inset:0;
  background:var(--cp-cinnabar);transform:scaleX(0);
  transform-origin:left;transition:transform var(--cp-transition);
  z-index:0;
}
.wp-block-query-pagination-previous a span,
.wp-block-query-pagination-next a span{
  position:relative;z-index:1;
}
.wp-block-query-pagination-previous a:hover,
.wp-block-query-pagination-next a:hover{
  color:var(--cp-paper) !important;
  border-color:var(--cp-cinnabar);
  box-shadow:0 0 16px rgba(170,56,30,.25);
  transform:translateY(-2px);
}
.wp-block-query-pagination-previous a:hover::before,
.wp-block-query-pagination-next a:hover::before{
  transform:scaleX(1);
}

/* 数字分页 */
.wp-block-query-pagination-numbers{
  display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;
  justify-content:center;
}
.wp-block-query-pagination-numbers a,
.wp-block-query-pagination-numbers .page-numbers{
  width:36px;height:36px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.08);
  color:var(--cp-stone-dim) !important;
  text-decoration:none !important;
  border-radius:var(--cp-radius);
  font-size:.9rem;
  background:var(--cp-ink-dark);
  transition:var(--cp-transition);
}
.wp-block-query-pagination-numbers a:hover{
  border-color:var(--cp-cinnabar) !important;
  color:var(--cp-cinnabar) !important;
  background:rgba(170,56,30,.08);
}
.wp-block-query-pagination-numbers .current{
  border-color:var(--cp-cinnabar) !important;
  color:var(--cp-paper) !important;
  background:var(--cp-cinnabar);
}

/* ============================================================
   响应式 — Post Grid
============================================================ */
/* 3列桌面（WP 默认 columnCount:3）*/
@media(min-width:1024px){
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li{
    width:calc(33.333% - 1.2rem) !important;
  }
}
/* 2列平板 */
@media(max-width:1023px) and (min-width:641px){
  .wp-block-post-template.is-flex-container > li{
    width:calc(50% - .9rem) !important;
  }
}
/* 1列手机 */
@media(max-width:640px){
  .wp-block-post-template.is-flex-container > li{
    width:100% !important;
  }
  .cp-query-wrap{
    padding:2rem 1rem 3.5rem;
  }
  .cp-archive-banner{
    padding:4rem 1rem 2.5rem;
  }
}

/* ============================================================
   滚动条
============================================================ */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#1A1A1A}
::-webkit-scrollbar-thumb{background:#242424;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:#AA381E}

/* ============================================================
   链接全局
============================================================ */
a{transition:color var(--cp-transition)}
.cp-static-toolbar{max-width:760px;margin:2rem auto 0;padding:0 1.5rem}
.cp-static-search{width:100%;background:#111;border:1px solid rgba(255,255,255,.08);color:var(--cp-stone);padding:1rem 1.1rem;border-radius:var(--cp-radius);font-size:1rem;font-family:inherit;outline:none}
.cp-static-search:focus{border-color:var(--cp-cinnabar);box-shadow:0 0 18px rgba(170,56,30,.18)}
.wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;gap:1.8rem!important}
.wp-block-post-featured-image img{aspect-ratio:4/3;height:100%;object-fit:cover}
.wp-block-post-featured-image:empty{display:none}
.wp-block-post-template > li .wp-block-group,.wp-block-post .wp-block-group{display:flex;flex-direction:column}
.wp-block-post-terms a{margin-right:.45rem}
.cp-archive-links{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:2rem auto 0;max-width:900px}
.cp-archive-links a{display:inline-flex;align-items:center;padding:.55rem 1rem;border:1px solid rgba(170,56,30,.35);color:var(--cp-cinnabar);text-decoration:none;background:rgba(170,56,30,.04);font-family:'LiSu','KaiTi',serif;letter-spacing:.1em}
.cp-archive-links a:hover{background:var(--cp-cinnabar);color:var(--cp-paper)}
@media(max-width:1023px){.wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.wp-block-post-template{grid-template-columns:1fr;}}


/* ============================================================
   文章正文图片修复：保留原图链接，按正文位置显示
============================================================ */
.wp-block-post-content figure,
.wp-block-post-content p:has(> img),
.wp-block-post-content section:has(> img){
  text-align:center !important;
  margin:1.6rem auto !important;
}
.wp-block-post-content img{
  display:block !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 auto !important;
  border-radius:2px;
}
.wp-block-post-content .cp-inline-featured{
  margin:0 auto 1.8rem !important;
  text-align:center !important;
}
.wp-block-post-content .cp-inline-featured img{
  width:auto !important;
  max-width:100% !important;
}


/* ============================================================
   微信公众号图片补齐：让公众号懒加载背景图在静态文章中可见
   - 原文中常见 data-lazy-bgimg / data-src 等微信懒加载字段
   - 静态页面没有微信 JS，因此这里显式渲染为背景/图片
============================================================ */
.wp-block-post-content [data-lazy-bgimg].cp-wechat-bg-image{
  background-position:50% 50% !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;
}
.wp-block-post-content [data-lazy-bgimg].cp-wechat-bg-title{
  display:inline-block !important;
  width:100% !important;
  min-height:3.2em !important;
  line-height:3.2em !important;
  text-align:center !important;
  box-sizing:border-box !important;
  margin:.45rem auto 1rem !important;
}
.wp-block-post-content img.cp-wechat-lazy-restored{
  display:block !important;
  max-width:100% !important;
  height:auto !important;
  margin:1.5rem auto !important;
}