/* ============================================================
   完整风格预设:Y2K 千禧复古(精修版)
   ------------------------------------------------------------
   设计语言:彩虹流动渐变背景 + 粗黑边框(3~4px)+ 硬投影 +
            青/品红/黄高饱和方块 + 直角 + 液态金属按钮。
   精修要点:
     1. 彩虹背景流动更柔(加入粉色过渡,更泡泡糖)
     2. 卡片加"Aqua"凝胶顶光(半透明高光带)
     3. 主按钮改为液态金属/果冻质感(多层高光)
     4. 标题加彩色描边阴影(立体泡泡字)
     5. 分类标签旋转贴纸感
   启用:后台「网站配色」选「Y2K复古」,或
        add_filter( 'navstack_skin', fn() => 'y2k' );
   ============================================================ */
:root{
  --bg:#ff00ff;
  --surface:#fffdf5;
  --surface-2:#fff7c2;
  --border-color:#000000;
  --shadow-dark:#000000;
  --shadow-light:transparent;
  --text:#141414;
  --text-soft:#000000;
  --text-muted:#555555;
  --accent:#d6009e;
  --accent-soft:#00ffff;
  --danger:#ff0033;
  --ok:#00b894;
  --radius:0;
  --radius-sm:0;
  --radius-lg:0;
  --sh-raised:4px 4px 0 #000;
  --sh-raised-sm:3px 3px 0 #000;
  --sh-pressed:inset 0 0 0 3px #000;
  --sh-pressed-sm:inset 0 0 0 2px #000;
  --sh-hover:7px 7px 0 #000;
}

/* ---- 彩虹流动背景(加入粉色过渡,更泡泡糖) ---- */
body{
  background:#ff00ff !important;
  background-image:linear-gradient(45deg,#ff66cc,#66ccff,#ffff66,#ff66cc) !important;
  background-size:400% 400% !important;
  animation:y2kFlow 14s ease infinite !important;
}
@keyframes y2kFlow{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* ---- 标题:彩色立体泡泡字(多层描边投影) ---- */
.nav-logo .site-name,.section-head h2,.detail-body h1,
.comments-title,.comment-reply-title{
  font-family:var(--mono);letter-spacing:.04em;font-weight:900;
  text-shadow:2px 2px 0 #000,-1px -1px 0 #fff;
}

/* ---- 全站粗黑边 + 硬投影 ---- */
.site-card,.search-box,.topbar-search,.bulletin,.comment,.detail-card,
.nothing,.neu,.neu-inset{
  border:3px solid #000 !important;
}
/* 卡片加 Aqua 凝胶顶光(半透明高光带) */
.site-card{
  box-shadow:4px 4px 0 #000 !important;
  position:relative;overflow:hidden;
  transition:transform .12s ease,box-shadow .12s ease;
}
.site-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:45%;
  background:linear-gradient(180deg,rgba(255,255,255,.45),transparent);
  pointer-events:none;
}
.site-card:hover{
  transform:translate(-3px,-3px);
  box-shadow:7px 7px 0 #000 !important;
}
.site-card .thumb{border:2px solid #000;box-shadow:2px 2px 0 #000}

/* ---- 侧栏:米白底 ---- */
.sidebar{background:#fffdf5 !important;border-right:4px solid #000 !important}

/* ---- 顶栏:青底 + 粗黑底边 ---- */
.topbar{
  background:#00ffff !important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.4),transparent 50%) !important;
  border-bottom:4px solid #000 !important;
  box-shadow:none !important;-webkit-backdrop-filter:none;backdrop-filter:none;
}
.topbar-brand .brand-name{color:#000 !important;font-weight:900;text-shadow:1px 1px 0 #fff}
.topbar .icon-btn{
  background:#fff !important;border:3px solid #000 !important;
  box-shadow:3px 3px 0 #000 !important;color:#000 !important;
}
.topbar-search{
  background:#fff !important;border:3px solid #000 !important;
  box-shadow:3px 3px 0 #000 !important;
}

/* ---- 药丸/按钮/分页:方块 + 硬投影 ---- */
.engine-chip,.flink a,.btn-neu,.posts-nav .page-numbers,
.section-head .more{
  border:2px solid #000 !important;box-shadow:3px 3px 0 #000 !important;
  font-weight:900;
  transition:transform .1s ease,box-shadow .1s ease;
}
.engine-chip:hover,.flink a:hover,.btn-neu:hover{
  transform:translate(-2px,-2px);box-shadow:5px 5px 0 #000 !important;
  background:#ffff66 !important;
}
.engine-chip:active,.flink a:active{
  transform:translate(3px,3px);box-shadow:0 0 0 #000 !important;
}
.engine-chip.is-active{
  background:#ffff66 !important;color:#000 !important;
  box-shadow:inset 0 0 0 3px #000 !important;
}

/* ---- 主按钮:液态金属果冻质感(品红→青渐变+多层高光) ---- */
.search-box .btn-go{
  background:linear-gradient(45deg,#ff00ff,#00ffff) !important;
  color:#000 !important;font-weight:900;
  border:3px solid #000 !important;box-shadow:4px 4px 0 #000 !important;
  border-radius:0 !important;
  position:relative;overflow:hidden;
  transition:transform .1s ease,box-shadow .1s ease;
}
/* 果冻顶光 */
.search-box .btn-go::before{
  content:"";position:absolute;top:1px;left:3px;right:3px;height:40%;
  background:linear-gradient(180deg,rgba(255,255,255,.55),transparent);
  pointer-events:none;
}
.search-box .btn-go:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000 !important}
.search-box .btn-go:active{transform:translate(4px,4px);box-shadow:0 0 0 #000 !important}

/* ---- 评论提交:黄底果冻 ---- */
.comment-form .submit{
  background:#ffff00 !important;color:#000 !important;font-weight:900;
  border:3px solid #000 !important;box-shadow:4px 4px 0 #000 !important;
  position:relative;overflow:hidden;
  transition:transform .1s ease,box-shadow .1s ease;
}
.comment-form .submit::before{
  content:"";position:absolute;top:1px;left:3px;right:3px;height:40%;
  background:linear-gradient(180deg,rgba(255,255,255,.6),transparent);
  pointer-events:none;
}
.comment-form .submit:active{transform:translate(4px,4px);box-shadow:0 0 0 #000 !important}

/* ---- 导航选中:黄底 ---- */
.nav-link{font-weight:900;transition:transform .1s ease,box-shadow .1s ease}
.nav-link:hover{
  background:#ffff66 !important;
  box-shadow:inset 0 0 0 3px #000 !important;
}
.nav-link.is-active{
  background:#ffff66 !important;color:#000 !important;
  box-shadow:inset 0 0 0 3px #000 !important;
}

/* ---- 分页当前页 ---- */
.posts-nav .page-numbers.current{
  background:#ff00ff !important;color:#000 !important;
  box-shadow:3px 3px 0 #000 !important;
}

/* ---- 分类标签:旋转贴纸 ---- */
.detail-cats a{
  background:#00ffff !important;color:#000 !important;font-weight:900;
  border:2px solid #000 !important;box-shadow:2px 2px 0 #000 !important;
  transform:rotate(-2deg);display:inline-block;
}

/* ---- 分隔线 ---- */
.detail-content{border-top:3px solid #000 !important}
.footer{border-top:3px solid #000 !important;font-weight:900}

/* ---- 回到顶部 ---- */
.to-top{
  background:#fff !important;color:#000 !important;
  border:3px solid #000 !important;box-shadow:4px 4px 0 #000 !important;
  border-radius:0 !important;
}
.to-top:active{transform:translate(4px,4px);box-shadow:0 0 0 #000 !important}

/* ---- tooltip ---- */
.tip-tip{
  background:#000;color:#00ffff;border:3px solid #000;
  box-shadow:3px 3px 0 #ff00ff;font-weight:900;
}

/* ---- 选区色:品红 ---- */
:root{--selection-bg:rgba(255,0,255,.3);--selection-text:#000}
::selection{background:rgba(255,0,255,.3);color:#000}
/* 滚动条:品红/青撞色 */
:root{--scroll-thumb:#d6009e;--scroll-track:#fffdf5}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#fffdf5;border-left:2px solid #000}
::-webkit-scrollbar-thumb{background:#d6009e;border-radius:0;border:2px solid #000}
::-webkit-scrollbar-thumb:hover{background:#00ffff}

/* ---- 卡片悬停:闪光 sparkle ---- */
.site-card{position:relative}
.site-card::after{
  content:"✦";position:absolute;top:6px;right:8px;
  font-size:16px;color:#ff00ff;
  opacity:0;transform:scale(0) rotate(0);
  transition:opacity .3s ease,transform .4s var(--ease-spring);
  z-index:2;text-shadow:0 0 8px rgba(255,0,255,.6);
}
.site-card:hover::after{opacity:1;transform:scale(1) rotate(180deg)}

/* ---- 标题:彩虹渐变文字 ---- */
.section-head h2,.detail-body h1{
  background:linear-gradient(45deg,#ff66cc,#66ccff,#ffff66,#ff66cc);
  background-size:300% 300%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  animation:y2kText 6s ease infinite;
}
@keyframes y2kText{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* ---- 分类标签:多色贴纸旋转 ---- */
.detail-cats a:nth-child(odd){transform:rotate(-3deg);background:#00ffff !important}
.detail-cats a:nth-child(even){transform:rotate(2deg);background:#ffff66 !important}