/* =====================================================================
   KMLAB 导航站 · Cuphead 做旧风配色覆盖层
   仅作覆盖，不修改原 style.css。在 index.html 中于 style.css 之后引入。
   配色取自主站：羊皮纸 + 油墨黑描边 + 硬偏移阴影 + 朱红主色。
   ===================================================================== */

/* ---- 1. 变量重映射（驱动全站主色） ---- */
:root{
  --theme:#B5392C;            /* 朱红，原 #249ffd */
  --theme-success:#5A8F3D;    /* 苔绿 */
  --theme-danger:#B5392C;     /* 朱红 */
  --theme-info:#3E8C9E;       /* petrol 蓝绿 */
  --theme-wrning:#E0A93B;     /* 芥末金黄 */
  --border-color:#1C1814;     /* 油墨黑 */
  --t1:#1C1814;
  /* Cuphead 质感令牌 */
  --cup-ink:#1C1814;
  --cup-ink-soft:#6B5E4E;
  --cup-shadow:rgba(28,24,20,.9);
  --cup-parchment:#EDE3CE;
  --cup-card:#F5EEDF;
}

/* ---- 2. 页面底色：羊皮纸 ---- */
html,body{ background-color:var(--cup-parchment) !important; }
body{ color:var(--cup-ink); }
.index_page .bgimg{ background:var(--cup-parchment) !important; filter:none !important; opacity:1 !important; }

/* ---- 3. 老胶片质感：暗角 + 颗粒（与主站一致） ---- */
body::before{
  content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;
  background:radial-gradient(ellipse at center,transparent 52%,rgba(20,12,8,.18) 82%,rgba(20,12,8,.42) 100%);
}
body::after{
  content:"";position:fixed;inset:-50%;width:200%;height:200%;z-index:9999;pointer-events:none;
  opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:cup-grain .7s steps(4) infinite;
}
@keyframes cup-grain{
  0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}
  75%{transform:translate(-2%,-2%)}100%{transform:translate(3%,3%)}
}
@media (prefers-reduced-motion:reduce){ body::after{animation:none} }

/* ---- 4. 顶部 LOGO：圆形徽章 + 油墨描边 + 硬阴影 ---- */
.navbar header{ height:auto !important; padding:2.5rem 0 1.25rem !important; }
.navbar h2.maintitle{ margin-top:0 !important; line-height:0; }
.navbar img{
  margin-top:0 !important;
  width:150px !important; height:150px !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:none !important;
}
/* 网址文字标题 */
h3.maintitle{ color:var(--cup-ink) !important; font-weight:700 !important; text-shadow:none !important; margin:.35rem 0 0 !important; }

/* ---- 5. 卡片：羊皮纸 + 粗墨描边 + 硬偏移阴影（贴纸感） ---- */
.nya-container{
  background-color:var(--cup-card) !important;
  border:2.5px solid var(--cup-ink) !important;
  border-radius:10px !important;
  box-shadow:5px 5px 0 var(--cup-shadow) !important;
}
.nya-container.transparent{ background-color:var(--cup-card) !important; }

/* ---- 6. 卡片标题（小提示 / 请一定看完 / 进入）：朱红实底 + 墨描边 + 硬阴影 ---- */
/* legend 无法被 CSS 收窄成内容宽度，故让它透明铺满、左对齐，
   把"小药丸"样式放到内部 span 上（span 天然内容宽度）。
   fieldset 的 legend 仍会跨在卡片顶边上，div 的则在卡片内——与原版一致。 */
.nya-container .nya-title,.nya-title{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
}
.nya-container .nya-title > i,.nya-title > i{ display:none !important; }
.nya-container .nya-title > span,.nya-title > span{
  display:inline-block !important;
  background-color:var(--theme) !important;
  color:#fff !important;
  border:2.5px solid var(--cup-ink) !important;
  border-radius:8px !important;
  box-shadow:3px 3px 0 var(--cup-shadow) !important;
  padding:.45rem 1.15rem !important;
  font-size:1.0625rem !important;
  font-weight:700 !important;
  line-height:1.15 !important;
}

/* ---- 7. 正文文字 ---- */
.nya-list li,.nya-list li b,.nya-container font,.nya-container b{ color:var(--cup-ink) !important; }

/* ---- 8. 入口按钮：羊皮纸 + 墨描边 + 硬阴影；hover 抬起填朱红；active 按下 ---- */
.nya-btn,.home .nya-btn{
  background-color:var(--cup-card) !important;
  color:var(--cup-ink) !important;
  border:2.5px solid var(--cup-ink) !important;
  border-radius:8px !important;
  box-shadow:3px 3px 0 var(--cup-shadow) !important;
  font-weight:700 !important;
  transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease !important;
}
.nya-btn:hover,.home .nya-btn:hover{
  transform:translate(-2px,-2px) !important;
  box-shadow:5px 5px 0 var(--cup-shadow) !important;
  background-color:var(--theme) !important;
  color:#fff !important;
  border-color:var(--cup-ink) !important;
  text-decoration:none !important;
}
.nya-btn:active,.home .nya-btn:active{
  transform:translate(3px,3px) !important;
  box-shadow:0 0 0 var(--cup-shadow) !important;
}

/* ---- 9. footer ---- */
.footer{ color:var(--cup-ink-soft) !important; }
.footer a,.footer b{ color:var(--theme) !important; }

/* ---- 10. 滚动条 ---- */
::-webkit-scrollbar-thumb{ background-color:var(--theme) !important; }