/* ============================================================
   完整风格预设:Neumorphism 新拟态(精修版)
   ------------------------------------------------------------
   设计语言:单一浅灰底(#e6ebf2)+ 双向柔和阴影(左上亮、右下暗)+
            凸起/凹陷立体触感 + 无边框 + 大圆角 + 软塑料光泽。
   精修要点:
     1. 阴影色掺入微紫,避免纯灰发"脏"
     2. 凸起元素加顶面高光渐变(soft plastic sheen)
     3. 悬停用弹性缓动,按压产生真实凹陷
     4. 强调色以柔光内透,而非硬填
     5. 全局微纹理(低透明度径向斑)增添材质厚度
   启用:后台「网站配色」选「新拟态」,或
        add_filter( 'navstack_skin', fn() => 'neumorphism' );
   ============================================================ */
:root{
  --bg:#e6ebf2;
  --surface:#e6ebf2;
  --surface-2:#dde3ec;
  --border-color:transparent;
  /* 阴影掺入微紫/微蓝,使灰调更通透干净 */
  --shadow-dark:#c2cad8;
  --shadow-light:#ffffff;
  --text:#2d3a52;
  --text-soft:#4a5a76;
  --text-muted:#8694ac;
  --accent:#6d5dfc;
  --accent-soft:rgba(109,93,252,.12);
  --danger:#ef5777;
  --ok:#26c281;
  --radius:18px;
  --radius-sm:14px;
  --radius-lg:26px;
  /* 凸起:双向柔影 + 更大模糊,触感更软 */
  --sh-raised:9px 9px 18px #c2cad8,-9px -9px 18px #ffffff;
  --sh-raised-sm:5px 5px 11px #c2cad8,-5px -5px 11px #ffffff;
  /* 凹陷:内凹双向 */
  --sh-pressed:inset 6px 6px 13px #c2cad8,inset -6px -6px 13px #ffffff;
  --sh-pressed-sm:inset 3px 3px 7px #c2cad8,inset -3px -3px 7px #ffffff;
  /* 悬停:略放大投影,营造悬浮 */
  --sh-hover:12px 12px 24px #b9c2d3,-12px -12px 24px #ffffff;
}

body{
  background:#e6ebf2;
  /* 微纹理:两个低透明度径向光斑,赋予背景材质厚度,非纯平涂 */
  background-image:
    radial-gradient(circle at 20% 18%,rgba(255,255,255,.45),transparent 55%),
    radial-gradient(circle at 82% 78%,rgba(194,202,216,.18),transparent 50%);
  background-attachment:fixed;
}

/* ---- 卡片:无边框,顶面高光 + 悬停悬浮 ---- */
.site-card{
  border:0 !important;
  position:relative;
}
/* 凸起卡片顶面加一道极淡的高光带(soft plastic sheen) */
.site-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(155deg,rgba(255,255,255,.4) 0%,transparent 42%);
  opacity:.7;
}
.site-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--sh-hover) !important;
  transition:transform .35s cubic-bezier(.34,1.36,.64,1),box-shadow .35s ease;
}
.site-card .thumb{
  box-shadow:4px 4px 9px #c2cad8,-4px -4px 9px #ffffff;
}

/* ---- 顶栏:磨砂取消,纯拟态条 ---- */
.topbar{
  background:#e6ebf2 !important;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  box-shadow:0 6px 14px rgba(180,190,208,.5) !important;
  border-bottom:0 !important;
}
.topbar-search{
  box-shadow:var(--sh-pressed-sm) !important;
}
.topbar-search:focus-within{
  box-shadow:var(--sh-pressed-sm),0 0 0 2px rgba(109,93,252,.28) !important;
}

/* ---- 侧栏 ---- */
.sidebar{
  background:#e6ebf2 !important;
  border-right:0 !important;
  background-image:
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.3),transparent 60%);
}
.nav-link:hover{background:transparent;box-shadow:var(--sh-raised-sm)}
.nav-link.is-active{
  color:#6d5dfc !important;
  background:transparent;
  box-shadow:var(--sh-pressed-sm) !important;
}
.nav-link.is-active .ioi{color:#6d5dfc !important}
.nav-sub .nav-link::before{background:var(--text-muted)}

/* ---- 搜索框:凹陷凹槽 ---- */
.search-box{
  border:0 !important;
  box-shadow:var(--sh-pressed) !important;
}

/* ---- 主按钮:凸起,强调色柔光,按下凹陷 ---- */
.search-box .btn-go,
.comment-form .submit{
  background:#e6ebf2 !important;
  color:#6d5dfc !important;
  border:0 !important;
  box-shadow:5px 5px 11px #c2cad8,-5px -5px 11px #ffffff !important;
  position:relative;
  overflow:hidden;
  transition:box-shadow .2s ease,transform .12s ease,color .2s ease;
}
/* 按钮内部柔光层(强调色内透,hover 显现) */
.search-box .btn-go::after,
.comment-form .submit::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:radial-gradient(circle at 50% 40%,rgba(109,93,252,.18),transparent 70%);
  opacity:0;transition:opacity .25s ease;
}
.search-box .btn-go:hover::after,
.comment-form .submit:hover::after{opacity:1}
.search-box .btn-go:hover,
.comment-form .submit:hover{color:#6d5dfc}
.search-box .btn-go:active,
.comment-form .submit:active{
  box-shadow:var(--sh-pressed-sm) !important;
  transform:scale(.97);
}

/* ---- 分页当前页:凹陷 ---- */
.posts-nav .page-numbers{
  transition:box-shadow .2s ease,color .18s ease;
}
.posts-nav .page-numbers:hover{box-shadow:var(--sh-raised-sm)}
.posts-nav .page-numbers.current{
  background:transparent !important;
  color:#6d5dfc !important;
  box-shadow:var(--sh-pressed-sm) !important;
}

/* ---- 药丸/标签/友链:凸起 ---- */
.engine-chip,.flink a,.btn-neu,.section-head .more,.icon-btn{
  border:0 !important;
  transition:box-shadow .22s cubic-bezier(.34,1.36,.64,1),color .18s ease;
}
.engine-chip:hover,.flink a:hover,.btn-neu:hover{
  box-shadow:var(--sh-raised-sm);
}
.engine-chip.is-active{
  color:#6d5dfc !important;
  box-shadow:var(--sh-pressed-sm) !important;
}
.icon-btn:active{box-shadow:var(--sh-pressed-sm) !important}

/* ---- 公告/评论/详情卡:凸起 ---- */
.bulletin,.comment,.detail-card,.nothing{
  border:0 !important;
}

/* ---- 凹陷容器(neu-inset)加内高光 ---- */
.neu-inset{
  box-shadow:var(--sh-pressed),inset 1px 1px 2px rgba(255,255,255,.5) !important;
}

/* ---- 详情页缩略图:凸起圆盘 ---- */
.detail-thumb{
  box-shadow:8px 8px 16px #c2cad8,-8px -8px 16px #ffffff !important;
}

/* ---- 分隔线拟态化:极淡凹线 ---- */
.detail-content{border-top:1px solid #d3dae5 !important}
.footer{border-top:1px solid #d3dae5 !important}

/* ---- 回到顶部:凸起 ---- */
.to-top{border:0 !important}
.to-top:active{box-shadow:var(--sh-pressed-sm) !important}

/* ---- tooltip 凹陷 ---- */
.tip-tip{
  background:#e6ebf2;color:#4a5a76;
  box-shadow:var(--sh-pressed-sm);
}

/* ---- 输入框聚焦:强调色柔光环 ---- */
.comment-form input:focus,.comment-form textarea:focus{
  box-shadow:var(--sh-pressed-sm),0 0 0 2px rgba(109,93,252,.24) !important;
}

/* ---- 评论嵌套:逐层凹陷 ---- */
.comment .children .comment{
  box-shadow:var(--sh-pressed-sm) !important;
}

/* ---- 移动端抽屉:拟态深投影 ---- */
@media (max-width:1024px){
  .sidebar{
    box-shadow:10px 0 36px rgba(160,172,196,.4) !important;
  }
}

/* ---- 选区色:柔紫 ---- */
:root{--selection-bg:rgba(109,93,252,.2);--selection-text:#2d3a52}
::selection{background:rgba(109,93,252,.2)}
/* 滚动条:拟态凸起 */
:root{--scroll-thumb:#c8cfdb;--scroll-track:#e6ebf2}
::-webkit-scrollbar-thumb{background:#c8cfdb;border-radius:10px;border:3px solid #e6ebf2}
::-webkit-scrollbar-thumb:hover{background:#6d5dfc}

/* ---- 卡片悬停:光泽扫掠(soft sheen sweep) ---- */
.site-card{overflow:hidden}
.site-card::after{
  content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);transition:left .6s var(--ease-smooth);
  pointer-events:none;z-index:1;
}
.site-card:hover::after{left:140%}

/* ---- 搜索框输入聚焦:强调色微脉冲 ---- */
.search-box:focus-within{
  box-shadow:var(--sh-pressed),0 0 0 2px rgba(109,93,252,.15) !important;
}