/* ============================================================
   完整风格预设:Cyberpunk 赛博朋克(精修版)
   ------------------------------------------------------------
   设计语言:近黑底 + 霓虹绿网格 + 绿/青/品红霓虹描边辉光 +
            等宽标题 + 扫描线 + 故障悬停。科技废土感。
   精修要点:
     1. 网格背景加透视感(底部地平线) + 扫描线缓动
     2. 卡片加故障(glich)抖动悬停 + 角标切角
     3. 霓虹辉光多层(外发光+底色),更通透
     4. 标题等宽 + 字间距 + 青绿辉光
     5. 按钮品红/青撞色 + 扫描高光
   启用:后台「网站配色」选「赛博朋克」,或
        add_filter( 'navstack_skin', fn() => 'cyberpunk' );
   ============================================================ */
:root{
  --bg:#0a0a0f;
  --surface:rgba(12,14,22,.75);
  --surface-2:rgba(0,255,156,.06);
  --border-color:rgba(0,255,156,.35);
  --shadow-dark:rgba(0,0,0,.7);
  --shadow-light:transparent;
  --text:#c8ffe0;
  --text-soft:#86f5c4;
  --text-muted:#5a9a82;
  --accent:#00ff9c;
  --accent-soft:rgba(0,255,156,.12);
  --danger:#ff2e6a;
  --ok:#00ff9c;
  --radius:0;
  --radius-sm:0;
  --radius-lg:2px;
  --sh-raised:0 0 0 1px rgba(0,255,156,.35);
  --sh-raised-sm:0 0 0 1px rgba(0,255,156,.25);
  --sh-pressed:inset 0 0 0 1px rgba(0,255,156,.4);
  --sh-pressed-sm:inset 0 0 0 1px rgba(0,255,156,.3);
  --sh-hover:0 0 22px rgba(0,255,156,.5),0 0 0 1px #00ff9c;
}

/* ---- 霓虹网格背景 + 底部地平线透视 ---- */
body{
  background:#0a0a0f !important;
  background-image:
    linear-gradient(rgba(0,255,156,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,255,156,.05) 1px,transparent 1px),
    radial-gradient(ellipse at 50% 100%,rgba(0,255,156,.1),transparent 60%) !important;
  background-size:34px 34px,34px 34px,100% 60% !important;
  background-position:0 0,0 0,center bottom !important;
  background-attachment:fixed !important;
}
/* 全局扫描线(极淡,缓慢下移) */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.6;
  background:repeating-linear-gradient(0deg,rgba(0,255,156,.025) 0,rgba(0,255,156,.025) 1px,transparent 1px,transparent 3px);
  animation:cyberScan 8s linear infinite;
}
@keyframes cyberScan{0%{background-position-y:0}100%{background-position-y:34px}}
.app{position:relative;z-index:1}

/* ---- 标题:等宽 + 青绿辉光 + 字间距 ---- */
.nav-logo .site-name,.section-head h2,.detail-body h1,.comments-title{
  font-family:var(--mono);
  text-shadow:0 0 10px rgba(0,255,156,.6),0 0 22px rgba(0,255,156,.2);
  letter-spacing:.04em;
}
.section-head .ioi{filter:drop-shadow(0 0 5px rgba(0,255,156,.6))}

/* ---- 顶栏 / 侧栏 ---- */
.topbar{
  background:rgba(10,10,15,.88) !important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(0,255,156,.35);
  box-shadow:0 0 22px rgba(0,255,156,.12) !important;
}
.topbar-search{
  background:rgba(0,255,156,.04) !important;
  box-shadow:inset 0 0 0 1px rgba(0,255,156,.3) !important;
}
.topbar-search:focus-within{
  box-shadow:inset 0 0 0 1px #00ff9c,0 0 12px rgba(0,255,156,.3) !important;
}
.sidebar{
  background:rgba(10,10,15,.7) !important;
  border-right:1px solid rgba(0,255,156,.3) !important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.nav-link:hover{background:rgba(0,255,156,.06);box-shadow:inset 0 0 0 1px rgba(0,255,156,.2)}
.nav-link.is-active{
  background:rgba(0,255,156,.12) !important;color:#00ff9c !important;
  box-shadow:inset 0 0 0 1px #00ff9c,inset 0 0 10px rgba(0,255,156,.1) !important;
  text-shadow:0 0 8px rgba(0,255,156,.5);
}

/* ---- 卡片:霓虹描边 + 切角 + 悬停辉光 ---- */
.site-card{
  border:1px solid rgba(0,255,156,.28) !important;
  background:rgba(12,14,22,.7) !important;
  position:relative;
  transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease;
}
/* 右上角切角(赛博切边) */
.site-card::after{
  content:"";position:absolute;top:-1px;right:-1px;width:14px;height:14px;
  background:linear-gradient(225deg,#0a0a0f 50%,transparent 50%);
  border-left:1px solid rgba(0,255,156,.4);
  border-bottom:1px solid rgba(0,255,156,.4);
}
.site-card:hover{
  border-color:#00ff9c !important;
  box-shadow:0 0 22px rgba(0,255,156,.4),inset 0 0 12px rgba(0,255,156,.05) !important;
  transform:translateY(-3px);
}
.site-card .thumb{background:rgba(0,255,156,.04);box-shadow:inset 0 0 0 1px rgba(0,255,156,.1)}

/* ---- 搜索框 ---- */
.search-box{
  border:1px solid rgba(0,255,156,.4) !important;
  background:rgba(12,14,22,.7) !important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}

/* ---- 玻璃面板 ---- */
.bulletin,.comment,.detail-card,.nothing{
  border:1px solid rgba(0,255,156,.2) !important;
  background:rgba(12,14,22,.6) !important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}

/* ---- 药丸/按钮/分页 ---- */
.engine-chip,.flink a,.btn-neu,.section-head .more,.posts-nav .page-numbers{
  border:1px solid rgba(0,255,156,.22) !important;
  background:rgba(0,255,156,.03);
  box-shadow:none;
}
.engine-chip:hover,.flink a:hover,.btn-neu:hover{
  border-color:rgba(0,255,156,.5) !important;
  box-shadow:0 0 10px rgba(0,255,156,.2) !important;
}
.engine-chip.is-active{
  background:rgba(0,255,156,.14) !important;color:#00ff9c !important;
  box-shadow:inset 0 0 0 1px #00ff9c !important;
}

/* ---- 主按钮:品红→青渐变 + 扫描高光 ---- */
.search-box .btn-go,.comment-form .submit{
  background:linear-gradient(45deg,#ff00ff,#00ffff) !important;
  color:#0a0a0f !important;font-weight:900;
  box-shadow:0 0 18px rgba(255,0,255,.4) !important;
  border:0 !important;border-radius:0 !important;
  position:relative;overflow:hidden;
  transition:box-shadow .25s ease,transform .12s ease;
}
.search-box .btn-go::before,.comment-form .submit::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
  background-size:200% 100%;animation:cyberBtn 2.5s linear infinite;
}
@keyframes cyberBtn{0%{background-position:200% 0}100%{background-position:-200% 0}}
.search-box .btn-go:hover,.comment-form .submit:hover{
  box-shadow:0 0 26px rgba(255,0,255,.6),0 0 18px rgba(0,255,255,.4) !important;
}
.search-box .btn-go:active,.comment-form .submit:active{transform:scale(.95)}

/* ---- 分页当前页 ---- */
.posts-nav .page-numbers.current{
  background:#00ff9c !important;color:#0a0a0f !important;
  box-shadow:0 0 16px rgba(0,255,156,.5) !important;
}

/* ---- 回到顶部 ---- */
.to-top{
  background:rgba(12,14,22,.85) !important;
  border:1px solid rgba(0,255,156,.3) !important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.to-top:hover{border-color:#00ff9c !important;box-shadow:0 0 16px rgba(0,255,156,.4) !important}

/* ---- 分隔线 / tooltip ---- */
.detail-content{border-top-color:rgba(0,255,156,.2) !important}
.footer{border-top-color:rgba(0,255,156,.15) !important}
.tip-tip{
  background:#0a0a0f;color:#00ff9c;
  box-shadow:0 0 14px rgba(0,255,156,.4);border:1px solid rgba(0,255,156,.3);
}
.detail-cats a{box-shadow:inset 0 0 0 1px rgba(0,255,156,.3)}

/* ---- 选区色:霓虹绿 ---- */
:root{--selection-bg:rgba(0,255,156,.25);--selection-text:#00ff9c}
::selection{background:rgba(0,255,156,.25);color:#00ff9c}
/* 滚动条:霓虹绿,直角 */
:root{--scroll-thumb:rgba(0,255,156,.25);--scroll-track:#0a0a0f}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#0a0a0f}
::-webkit-scrollbar-thumb{background:rgba(0,255,156,.25);border-radius:0;box-shadow:inset 0 0 0 1px rgba(0,255,156,.3)}
::-webkit-scrollbar-thumb:hover{background:#00ff9c;box-shadow:0 0 8px rgba(0,255,156,.5)}

/* ---- 卡片悬停:数据流扫光 ---- */
.site-card{overflow:hidden}
.site-card::after{
  content:"";position:absolute;top:0;left:-100%;width:45%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(0,255,156,.18),transparent);
  transform:skewX(-20deg);transition:left .45s linear;
  pointer-events:none;z-index:2;
}
.site-card:hover::after{left:150%}

/* ---- 标题:霓虹脉冲 ---- */
@keyframes cyberFlicker{
  0%,100%{text-shadow:0 0 10px rgba(0,255,156,.6),0 0 22px rgba(0,255,156,.2)}
  48%{text-shadow:0 0 10px rgba(0,255,156,.6),0 0 22px rgba(0,255,156,.2)}
  50%{text-shadow:0 0 6px rgba(0,255,156,.3),0 0 14px rgba(0,255,156,.1)}
  52%{text-shadow:0 0 10px rgba(0,255,156,.6),0 0 22px rgba(0,255,156,.2)}
}
.section-head h2{animation:cyberFlicker 4s infinite}

/* ---- 导航选中:左侧霓虹条 ---- */
.nav-link.is-active::before{
  content:"";position:absolute;left:0;top:20%;bottom:20%;width:2px;
  background:#00ff9c;box-shadow:0 0 8px #00ff9c;
}
.nav-link.is-active{padding-left:16px}