/* =====================================================================
   site-head.css  ——  资料库顶部横幅（用官网首页的图，跟站点融成一体）
   2026-11-09
   ===================================================================== */

/* 横幅：背景用官网的 band.jpg，压一层青瓷色遮罩，保证文字可读 */
.zfband{
  position:relative;
  height:200px;
  background:url('/images/band.jpg') center 34%/cover no-repeat;
  overflow:hidden;
}
.zfband::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;bottom:0;
  background:linear-gradient(90deg,rgba(8,38,34,.78) 0%,rgba(8,38,34,.35) 52%,rgba(14,60,54,.62) 100%);
}
.zfband::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:58px;
  background:linear-gradient(180deg,rgba(238,245,252,0),rgba(238,245,252,.92));
}
.zfband-in{
  position:relative;
  z-index:2;
  max-width:1180px;
  margin:0 auto;
  height:100%;
  box-sizing:border-box;
  padding:0 16px 34px;
  display:flex;
  align-items:flex-end;
}
.zfband-txt h1{
  margin:0;
  font:600 34px/1.15 "KaiTi","STKaiti",serif;
  letter-spacing:8px;
  color:#f4fffc;
  text-shadow:0 6px 22px rgba(0,0,0,.5);
}
.zfband-txt p{
  margin:8px 0 0;
  font-size:13px;
  letter-spacing:3px;
  color:rgba(233,255,250,.88);
}

/* 移动端矮一点 */
@media (max-width:760px){
  .zfband{height:150px}
  .zfband-txt h1{font-size:25px;letter-spacing:4px}
  .zfband-txt p{font-size:11.5px;letter-spacing:1px}
  .zfband-in{padding:0 12px 26px}
}

/* =====================================================================
   顶部导航条（青绿主题）：cloud 主题自带一套，mint 这里补齐
   ===================================================================== */
html.theme-mint .site-hd{
  background:#fff;
  border-bottom:1px solid #d7f0e8;
  box-shadow:0 8px 26px rgba(20,74,69,.06);
}
html.theme-mint .hd-top{
  background:linear-gradient(180deg,#f4fcf9,#edf9f5);
  border-bottom:1px solid #e2f4ee;
}
html.theme-mint .hd-top-in{
  max-width:1200px;margin:0 auto;padding:0 16px;height:34px;
  display:flex;align-items:center;justify-content:space-between;
  font-size:12px;color:#6f9c96;
}
html.theme-mint .hd-top-in b{color:#2f8f83}
html.theme-mint .hd-top-in .t-r a{color:#5b7e79;text-decoration:none;margin-left:16px}
html.theme-mint .hd-top-in .t-r a:hover{color:#2f8f83}

html.theme-mint .site-hd .hd-in{
  height:64px;max-width:1200px;margin:0 auto;padding:0 16px;
  display:flex;align-items:center;gap:18px;box-sizing:border-box;
}
html.theme-mint .site-hd .brand{display:flex;align-items:center;gap:9px;text-decoration:none;flex:0 0 auto}
html.theme-mint .site-hd .brand .bn{
  font:26px/1 "KaiTi","STKaiti",serif;letter-spacing:7px;color:#164a45;
}
html.theme-mint .site-hd .brand .seal{
  width:24px;height:44px;display:flex;align-items:center;justify-content:center;
  font:11px/1.25 "KaiTi",serif;color:#f4fffc;border-radius:3px;
  writing-mode:vertical-rl;
  background:linear-gradient(180deg,#4fae9f,#22766c);
  box-shadow:0 4px 12px rgba(47,143,131,.25);
}
html.theme-mint .lib-nav-in{display:flex;gap:2px;margin-left:6px;flex:1 1 auto}
html.theme-mint .lib-nav-in a{
  padding:8px 14px;border-radius:18px;line-height:1;font-size:13px;
  color:#3d5a75;text-decoration:none;transition:all .18s;
}
html.theme-mint .lib-nav-in a:hover{background:#effbf8;color:#2f8f83}
html.theme-mint .lib-nav-in a.on{color:#164a45;background:#e6f7f3;box-shadow:0 4px 12px rgba(47,143,131,.16)}
html.theme-mint .site-hd .search{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:8px}
html.theme-mint .site-hd .search input[type=text]{
  width:170px;height:34px;padding:0 12px;border:1px solid #d7f0e8;border-radius:17px;
  background:#f6fdfb;color:#16403c;font-size:12.5px;outline:none;box-sizing:border-box;
}
html.theme-mint .site-hd .search input[type=text]:focus{border-color:#2f8f83;background:#fff}
html.theme-mint .site-hd .search button{
  height:34px;padding:0 18px;border:0;border-radius:17px;cursor:pointer;font-size:12.5px;
  color:#fff;background:linear-gradient(135deg,#3f9d90,#22766c);
  box-shadow:0 8px 18px rgba(47,143,131,.22);
}
html.theme-mint .site-hd .search button:hover{filter:brightness(1.05)}

@media (max-width:760px){
  html.theme-mint .site-hd .brand .bn{font-size:21px;letter-spacing:4px}
  html.theme-mint .lib-nav-in a{padding:7px 9px;font-size:12px}
  html.theme-mint .site-hd .search input[type=text]{width:110px}
  html.theme-mint .hd-top-in{font-size:11px}
}

/* =====================================================================
   道具悬浮提示：按游戏内原版样式（深色底板 + 客户端文字色）
   2026-11-09
   ===================================================================== */
html.theme-mint .zftip{
  background:linear-gradient(180deg,rgba(38,29,17,.97),rgba(24,17,9,.97)) !important;
  border:1px solid #5a4626 !important;
  border-radius:4px !important;
  box-shadow:0 14px 34px rgba(0,0,0,.45) !important;
  padding:6px 8px 8px !important;
  max-width:300px !important;
  color:#fff6cf !important;
}
html.theme-mint .zftip,
html.theme-mint .zftip *{ font-family:"SimSun","宋体",Tahoma,sans-serif !important; }
html.theme-mint .zftip .ttl{
  display:block;text-align:center;font-weight:600;
  color:#ffd76a !important;
  background:none !important;background-image:none !important;
  border:0 !important;border-bottom:1px dashed rgba(255,208,120,.28) !important;
  border-radius:0 !important;box-shadow:none !important;
  padding:4px 6px 3px !important;margin-bottom:3px;
  text-shadow:none !important;font-size:13px !important;
}
html.theme-mint .zftip .tsub{
  color:#c9bda4 !important;text-align:center;font-size:11px !important;
  border-bottom:1px dashed rgba(255,208,120,.22) !important;
  padding:2px 4px 4px !important;margin-bottom:3px;
}
html.theme-mint .zftip .li{ color:#fff6cf !important; font-size:12px !important; line-height:1.45 !important; padding:1px 6px !important; }
html.theme-mint .zftip .li.spec-bind{ color:#d8cdb6 !important }
html.theme-mint .zftip .li.spec-attr{ color:#ffffff !important; font-weight:bold }
html.theme-mint .zftip .li.spec-attr.gld{ color:#ffd76a !important; text-shadow:none !important }
html.theme-mint .zftip .li.spec-need{ color:#fff6cf !important }
html.theme-mint .zftip .li.spec-use{ color:#9fe39f !important }
html.theme-mint .zftip .li.spec-fix{ color:#ff0000 !important }
html.theme-mint .zftip .li.spec-cm,
html.theme-mint .zftip .li.spec-add,
html.theme-mint .zftip .li.za{ color:#ffd76a !important; text-shadow:none !important }
html.theme-mint .zftip .li.spec-des{ color:#c2b9a6 !important; font-size:11px !important; line-height:1.6 !important }
html.theme-mint .zftip .li.src{ color:#b3a893 !important; font-size:11px !important }
html.theme-mint .zftip .li.src b,
html.theme-mint .zftip .li.extra b,
html.theme-mint .zftip .gh{ color:#ffd76a !important; font-style:normal }
html.theme-mint .zftip .ttl.q-green{ color:#30e512 !important }
html.theme-mint .zftip .ttl.q-blue{ color:#00aaff !important }
html.theme-mint .zftip .ttl.q-gold{ color:#FFD851 !important }
html.theme-mint .zftip .ttl.q-purple{ color:#ff00ff !important }
html.theme-mint .zftip .ttl.q-red{ color:#ff9494 !important }