/* Fluid 1.9.9 site-wide neumorphic layer.
 * Light-touch CSS only: do not replace Hexo/Fluid markup, posts or typing.
 * Home / Archives / Categories(Wiki) / post pages retain native templates.
 */
:root {
  --site-neo-bg:#edf2f8;
  --site-neo-panel:#f0f4f9;
  --site-neo-text:#30435c;
  --site-neo-muted:#6d8096;
  --site-neo-accent:#688fd1;
  --site-neo-light:rgba(255,255,255,.93);
  --site-neo-shadow:8px 8px 20px rgba(166,182,203,.35),-8px -8px 21px rgba(255,255,255,.96);
  --site-neo-small:5px 5px 13px rgba(164,182,206,.28),-5px -5px 13px rgba(255,255,255,.90);
  --site-neo-inset:inset 4px 4px 10px rgba(165,182,208,.27),inset -4px -4px 10px rgba(255,255,255,.88);
}
#board:has(.index-card),#board:has(> .container .list-group),#board:has(> .post-content) {
  border-radius:26px;
  background:var(--site-neo-bg);
  box-shadow:var(--site-neo-shadow);
  border:1px solid rgba(255,255,255,.6);
}
/* Home: gently raised story cards, without changing index excerpts. */
#board .index-card {
  background:var(--site-neo-panel);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:var(--site-neo-shadow);
  border-radius:21px;
  padding:clamp(13px,2.7vw,22px);
  margin:14px auto 25px !important;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease;
}
#board .index-card:hover {transform:translateY(-3px);box-shadow:10px 12px 23px rgba(153,171,199,.36),-8px -8px 21px rgba(255,255,255,.97);}
#board .index-card .index-img {overflow:hidden;border-radius:15px;}
#board .index-card .index-img img {
  display:block;width:100%;max-height:235px;object-fit:cover;border-radius:14px;
}
#board .index-card .index-info {min-width:0;}
#board .index-card .index-header {
  font-size:clamp(1.07rem,2.3vw,1.36rem);font-weight:780;letter-spacing:-.01em;
}
#board .index-card .index-header a {color:var(--site-neo-text);}
#board .index-card .index-header a:hover {color:var(--site-neo-accent);}
#board .index-card .index-excerpt {color:var(--site-neo-muted);font-size:.92rem;line-height:1.8;}
#board .index-card .index-btm {color:#7b91a8;}
/* Archive and Wiki taxonomy pages: an inset heading and compact raised rows. */
#board .list-group {padding:clamp(4px,1.7vw,14px);}
#board .list-group > .h4 {
  color:var(--site-neo-text);font-size:.97rem;font-weight:760;
  padding:13px 17px;margin:5px 0 12px;
  border-radius:15px;box-shadow:var(--site-neo-inset);
}
#board .list-group > .h5 {
  font-size:1.16rem;color:var(--site-neo-accent);font-weight:800;letter-spacing:.04em;
  margin:20px 0 13px;padding-left:8px;
}
#board .list-group hr {opacity:.15;border-color:var(--site-neo-muted);}
#board .list-group .list-group-item {
  border:1px solid rgba(255,255,255,.72);
  color:var(--site-neo-text);
  background:var(--site-neo-panel);
  box-shadow:var(--site-neo-small);
  border-radius:15px !important;
  margin:0 0 13px;padding:15px 19px;
  display:flex;align-items:center;gap:18px;min-height:60px;
  transition:transform .2s ease,box-shadow .2s ease,color .2s ease;
}
#board .list-group .list-group-item:hover {
  color:var(--site-neo-accent);transform:translateY(-2px);
  box-shadow:7px 7px 17px rgba(151,173,202,.37),-7px -7px 16px rgba(255,255,255,.90);
}
#board .list-group .list-group-item time {
  flex:0 0 auto;font-size:.83rem;color:#7695c5;font-weight:740;
  padding:7px 10px;border-radius:10px;box-shadow:var(--site-neo-inset);
}
#board .list-group .list-group-item-title {flex:1;min-width:0;font-size:.95rem;font-weight:690;line-height:1.6;}
/* Wiki articles retain the author's Markdown typography/figures/reading tools. */
#board:has(> .post-content) {padding-top:clamp(10px,2vw,22px);padding-bottom:clamp(8px,2vw,20px);}
#board .post-content .markdown-body h2 {
  color:var(--site-neo-text);
  border-radius:14px;
  border-left:4px solid #8bb2e9;
  padding:10px 13px;
  background:rgba(220,233,248,.52);
  margin-top:1.9em;
}
#board .post-content .markdown-body blockquote {
  border-left:3px solid #93b8dc;
  background:rgba(225,235,247,.52);
  border-radius:0 12px 12px 0;
  padding:12px 18px;
}
#board .post-content .markdown-body img {border-radius:10px;}
/* Add a subtle neumorphic treatment to search/list paging controls. */
#board .pagination .page-number,#board .pagination .extend {
  display:inline-flex;justify-content:center;align-items:center;
  min-width:34px;min-height:34px;border-radius:10px;
  box-shadow:var(--site-neo-small);
}
/* The existing Fluid banner and dependency-free typing remain unchanged. */
#banner .banner-text .h2 {filter:drop-shadow(0 3px 12px rgba(14,33,65,.24));}
@media(max-width:767px){
  #board:has(.index-card),#board:has(> .container .list-group),#board:has(> .post-content) {border-radius:18px;}
  #board .index-card {border-radius:16px;padding:13px;margin-bottom:17px !important;}
  #board .list-group {padding:3px;}
  #board .list-group .list-group-item {padding:12px 13px;gap:11px;border-radius:12px !important;}
  #board .list-group .list-group-item-title {font-size:.86rem;}
  #board .post-content .markdown-body h2 {padding:9px;font-size:1.17rem;}
}
@media(prefers-reduced-motion:reduce){
  #board .index-card,#board .list-group .list-group-item {transition:none;}
  #board .index-card:hover,#board .list-group .list-group-item:hover {transform:none;}
}
html[data-user-color-scheme="dark"],html[data-theme="dark"] {
  --site-neo-bg:#263241;
  --site-neo-panel:#2d3a4a;
  --site-neo-text:#e1ebf7;
  --site-neo-muted:#adbed0;
  --site-neo-accent:#9dbef3;
  --site-neo-light:rgba(255,255,255,.03);
  --site-neo-shadow:8px 8px 19px rgba(6,14,24,.43),-8px -8px 19px rgba(69,85,106,.21);
  --site-neo-small:5px 5px 13px rgba(5,14,26,.36),-4px -4px 12px rgba(66,85,109,.18);
  --site-neo-inset:inset 4px 4px 10px rgba(4,12,24,.42),inset -4px -4px 10px rgba(77,96,119,.18);
}
html[data-user-color-scheme="dark"] #board .index-card,
html[data-user-color-scheme="dark"] #board .list-group .list-group-item,
html[data-theme="dark"] #board .index-card,
html[data-theme="dark"] #board .list-group .list-group-item {
  border-color:rgba(255,255,255,.055);
}
html[data-user-color-scheme="dark"] #board .post-content .markdown-body h2,
html[data-user-color-scheme="dark"] #board .post-content .markdown-body blockquote,
html[data-theme="dark"] #board .post-content .markdown-body h2,
html[data-theme="dark"] #board .post-content .markdown-body blockquote {
  color:var(--site-neo-text);background:rgba(86,108,137,.18);
}