/* ecsLab · 插件自带样式（不需要在后台贴 CSS） */
:root{ --ecs-ink:#1e1b16; --ecs-red:#a8321f; --ecs-paper:#f6f2e9; --ecs-grey:#6f685c; --ecs-hair:#d8d2c4; }

html{ -webkit-text-size-adjust:100%; }
/* 纸色背景：用 !important 压过主题（有些主题把 body 设成白色） */
html, body{ background:#f6f2e9 !important; }
/* 中文衬线栈：加 !important 压过主题；补齐 Windows / Android / Linux 的回退 */
body, .ecs-site, .ecs-site button, .ecs-site input, .ecs-site select, .ecs-site textarea{
  font-family:'Noto Serif SC','Source Han Serif SC','Songti SC',
    'Source Han Serif CN','Noto Serif CJK SC','Songti TC','STSong','SimSun','宋体',serif !important; }
body{ margin:0; color:var(--ecs-ink); }
.ecs-site{ min-height:100vh; display:flex; flex-direction:column; background:#f6f2e9; }
.ecs-main{ flex:1; }
img{ max-width:100%; height:auto; }
figure{ margin:0; }
a{ color:var(--ecs-red); text-decoration:none; }
a:hover{ color:#c85434; }
.entry-content, .wp-block-post-content{ max-width:none !important; }
.ecs-sec a:hover{ color:var(--ecs-red); }

/* ---- 报头：鼠标悬停展开 evolving complex systems ---- */
.ecs-masthead{ max-width:1180px; margin:0 auto; padding:34px 60px 0; }
.ecs-masthead .ecs-meta{ display:flex; justify-content:space-between;
  font-family:'IBM Plex Mono','Noto Serif SC',monospace; font-size:11px; letter-spacing:.16em; color:var(--ecs-grey); }
.ecs-masthead .ecs-title{ display:block; color:var(--ecs-ink);
  border-top:3px solid var(--ecs-ink); border-bottom:1px solid var(--ecs-ink);
  margin-top:12px; padding:26px 0 20px; text-align:center; cursor:default; }
.ecs-word{ display:block; font-size:52px; font-weight:600; letter-spacing:.02em; white-space:nowrap; }
.ecs-word .ecs-exp{ display:inline-block; max-width:0; opacity:0; overflow:hidden; vertical-align:bottom;
  transition:max-width .55s cubic-bezier(.2,.75,.2,1), opacity .35s; }
.ecs-title:hover .ecs-word .ecs-exp{ max-width:9em; opacity:1; }
.ecs-sub{ display:block; font-size:19px; letter-spacing:.34em; margin-top:10px; color:#3d372c; }

/* ---- 导航：三组三种视觉 ---- */
.ecs-nav{ max-width:1180px; margin:0 auto; padding:20px 60px 36px; }
.ecs-nav-row{ display:flex; justify-content:center; align-items:center; gap:22px; }
.ecs-group{ display:flex; gap:6px; font-size:17px; letter-spacing:.1em; white-space:nowrap; }
.ecs-group.ecs-studio{ background:#ece5d5; border:1px solid #ddd5c3; padding:4px 6px; }
.ecs-group a{ color:var(--ecs-ink); padding:5px 14px; border-bottom:2px solid transparent;
  transition:background .14s, color .14s, border-color .14s; }
.ecs-group a:hover{ border-bottom-color:var(--ecs-red); color:var(--ecs-ink); }
.ecs-group a.is-current{ background:var(--ecs-red); color:var(--ecs-paper); }
.ecs-nav-sep{ width:1px; height:24px; background:var(--ecs-hair); }
.ecs-join{ font-size:17px; letter-spacing:.1em; color:var(--ecs-red); white-space:nowrap;
  border:1px solid var(--ecs-red); padding:6px 18px; transition:background .14s, color .14s; }
.ecs-join:hover{ background:var(--ecs-red); color:var(--ecs-paper); }
.ecs-join.is-current{ background:var(--ecs-red); color:var(--ecs-paper); }

/* ---- 首页目录：悬停变红，不跳转 ---- */
.ecs-toc-h:hover, .ecs-toc-i:hover{ color:var(--ecs-red); }

/* ---- 人像：像素化，悬停变清晰 ---- */
.ecs-pix{ position:absolute; inset:0; transition:opacity .45s; }
.ecs-pix:hover{ opacity:0; }

/* ---- 团队生活图：悬停微抬 ---- */
.ecs-lift:hover{ transform:translate(-5px,-5px); box-shadow:10px 10px 0 rgba(30,27,22,.09); }

/* ---- 游戏页：悟空图悬停变彩色 ---- */
.ecs-hover-swap .ecs-hover-top{ opacity:0; transition:opacity .45s ease; }
.ecs-hover-swap:hover .ecs-hover-top{ opacity:1; }

/* ---- 《路口》：点击循环 ---- */
#ecs-crossroad:hover{ transform:translate(-6px,-6px); box-shadow:12px 12px 0 rgba(30,27,22,.1); }

/* ---- 留言板 ---- */
.ecs-like:hover{ background:var(--ecs-red) !important; color:var(--ecs-paper) !important; }

/* ---- 博客列表（插件自绘） ---- */
.ecs-blog-list{ list-style:none; padding:0; margin:34px 0 0;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:52px; }
.ecs-blog-list li{ border-top:1px solid #e0dace; padding:20px 0; display:flex; gap:22px; align-items:center; }
.ecs-blog-list .ecs-thumb{ width:118px; height:72px; flex:0 0 118px; object-fit:cover;
  border:1px solid var(--ecs-hair); background:#ece5d5; }
.ecs-blog-list .ecs-bt{ font-size:18px; font-weight:600; line-height:1.5; color:var(--ecs-ink); text-wrap:pretty; }
.ecs-blog-list .ecs-bt:hover{ color:var(--ecs-red); }
.ecs-blog-list .ecs-ext{ color:var(--ecs-red); }
.ecs-blog-list .ecs-bm{ font-size:12px; color:var(--ecs-grey);
  margin-top:7px; display:flex; gap:12px; flex-wrap:wrap; }

/* ---- 单篇文章 ---- */
.ecs-post{ max-width:820px; margin:0 auto; padding:56px 60px 40px; }
.ecs-post h1{ font-size:38px; font-weight:600; line-height:1.4; margin:16px 0 0; }
.ecs-post .ecs-bm{ font-size:13px; color:var(--ecs-grey);
  display:flex; gap:14px; flex-wrap:wrap; }
.ecs-post .entry-content{ font-size:17px; line-height:2; color:#3d372c; margin-top:26px; }
.ecs-post .wp-block-button__link{ display:inline-block; padding:10px 22px; border:1px solid var(--ecs-red); color:var(--ecs-red); font-size:15px; }
.ecs-post .wp-block-button__link:hover{ background:var(--ecs-red); color:var(--ecs-paper); }
.ecs-back{ max-width:820px; margin:0 auto; padding:0 60px 40px; font-family:'IBM Plex Mono','Noto Serif SC',monospace; font-size:12px; }

@media (max-width:900px){
  .ecs-masthead{ padding:24px 20px 0; }
  .ecs-word{ font-size:34px; }
  .ecs-nav{ padding:16px 20px 0; }
  .ecs-nav-row{ flex-wrap:wrap; gap:12px; }
  .ecs-nav-sep{ display:none; }
  .ecs-sec{ padding-left:20px !important; padding-right:20px !important; }
  .ecs-sec [style*="grid-template-columns"]{ grid-template-columns:1fr !important; }
  .ecs-sec [style*="writing-mode"]{ writing-mode:horizontal-tb !important; margin-top:0 !important; }
  .ecs-post, .ecs-back{ padding-left:20px; padding-right:20px; }
  .ecs-blog-list{ grid-template-columns:1fr; column-gap:0; }
  .ecs-blog-list li{ gap:16px; }
  .ecs-blog-list .ecs-thumb{ width:96px; height:60px; flex:0 0 96px; }
  .ecs-foot-cols{ grid-template-columns:1fr !important; }
  .ecs-foot-bar{ flex-direction:column; align-items:flex-start !important; gap:8px; }
}

/* ---- 英文站：换西文衷线，IBM Plex Mono 不变 ---- */
body.ecs-en, body.ecs-en .ecs-site, body.ecs-en .ecs-site button,
body.ecs-en .ecs-site input, body.ecs-en .ecs-site select, body.ecs-en .ecs-site textarea{
  font-family:'Source Serif 4','Source Serif Pro','Iowan Old Style','Palatino Linotype',
    'Noto Serif SC',Georgia,serif !important; }
body.ecs-en .ecs-main{ letter-spacing:0; }
body.ecs-en .ecs-word{ letter-spacing:-0.01em; }

/* ---- 导航里的 中 / EN ---- */
.ecs-lang{ font-family:'IBM Plex Mono','Noto Serif SC',monospace; font-size:12px; letter-spacing:.14em;
  color:var(--ecs-grey); border:1px solid var(--ecs-hair); padding:6px 12px; white-space:nowrap;
  transition:border-color .14s, color .14s; }
.ecs-lang:hover{ color:var(--ecs-red); border-color:var(--ecs-red); }