/* ===== 黑红主题 v2 · 质感升级 ===== */
html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
html, body {
  background: #08080a !important;
  color: #e8e8ea !important;
}
::selection { background: rgba(230,0,18,.45); color: #fff; }

/* 背景：深黑 + 双层红色氛围光 + 底部暗角 */
.bg-fixed, .pc .bg-fixed {
  background:
    radial-gradient(ellipse 90% 42% at 50% -5%, rgba(230,0,18,.20) 0%, rgba(230,0,18,0) 62%),
    radial-gradient(ellipse 60% 35% at 88% 28%, rgba(150,0,12,.10) 0%, rgba(150,0,12,0) 55%) !important;
  background-color: #08080a !important;
  background-repeat: no-repeat !important;
}

.main-wrap, .main-body, .main-content { background: transparent !important; }

/* 顶部导航：暗红渐变 + 底部高光线 + 红色光晕 */
.nav-top-wrap {
  background: linear-gradient(180deg, #c40e1e 0%, #8a0212 55%, #4d0008 100%) !important;
  box-shadow: 0 4px 18px rgba(200,0,25,.35), inset 0 -1px 0 rgba(255,255,255,.12) !important;
}
.nav-top-wrap h2 {
  color: #fff !important;
  letter-spacing: .02em;
  text-shadow: 0 1px 3px rgba(0,0,0,.55);
}
.nav-top .text { color: #fff !important; }
.nav-top .text:not(.active):hover {
  background-color: rgba(255,255,255,.10) !important;
  color: #fff !important;
}

/* 头部横幅区 */
.header-wrap .header-inner {
  background: linear-gradient(180deg, #16161b 0%, #101014 100%) !important;
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,.45);
}

/* 公告条：暗卡 + 左侧红饰条 */
.notice, .page-index .warn-wrap .warn-inner {
  background: linear-gradient(90deg, rgba(230,0,18,.10) 0%, #141419 22%, #101014 100%) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-left: 3px solid #e60012 !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.40) !important;
}
.notice-title { color: #ff3b3b !important; font-weight: 600; }
.notice-content, .board-notice { color: #d9d9de !important; }
.notice-content a { color: #ff6b6b !important; }

/* 列表卡片：渐变黑卡 + 细描边 + 投影 */
.page-index .list-wrap .item-wrap {
  background: linear-gradient(180deg, #17171c 0%, #101014 100%) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.04) !important;
  margin-bottom: .18rem;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.page-index .list-wrap a.item-wrap:hover {
  background: linear-gradient(180deg, #1e1e25 0%, #141419 100%) !important;
  border-color: rgba(230,0,18,.38) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.55), 0 0 22px rgba(230,0,18,.12) !important;
  transform: translateY(-2px);
}
.page-index .list-wrap .item-wrap .content .row1 .col-left .name {
  color: #fff !important;
  letter-spacing: .01em;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.page-index .list-wrap .item-wrap .content .row1 .col-left .version,
.page-index .list-wrap .item-wrap .content .row1 .col-left .date,
.page-index .list-wrap .item-wrap .content .row1 .col-left .count { color: #8f8f96 !important; }
.desc { color: #b9b9bf !important; }

/* 下载按钮图：粉紫统一压成红调 */
.row1 .btn-wrap img { filter: hue-rotate(50deg) saturate(1.25) brightness(1.02); }

/* 标签页：红色滑块 + 选中光晕 */
.list-tabs .list-tabs-slider .slider {
  background: linear-gradient(90deg, #ff3b3b, #c40010) !important;
  box-shadow: 0 0 12px rgba(230,0,18,.55) !important;
  border-radius: 99px;
}
.list-tabs .list-tabs-header .list-tabs-item { color: #9a9aa1 !important; transition: color .2s; }
.list-tabs .list-tabs-header .list-tabs-item.swiper-pagination-bullet-active {
  color: #ff4545 !important;
  text-shadow: 0 0 10px rgba(230,0,18,.45);
}

/* 轮播圆点 */
.page-index .banner-wrap .swiper-container .swiper-pagination-bullet-active {
  background: #e60012 !important;
  box-shadow: 0 0 8px rgba(230,0,18,.6);
}

/* 弹层：深色玻璃 */
.mark-wrap .mark-inner {
  background: rgba(12,12,15,.88) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  backdrop-filter: blur(8px);
  box-shadow: 0 16px 48px rgba(0,0,0,.6);
}

/* 底部版权条 */
.layui-footer {
  background: #0c0c0f !important;
  border-top: 1px solid rgba(230,0,18,.45) !important;
  color: #77777e !important;
}

/* ===== v3 按钮配色修正 ===== */
/* 下载按钮：红渐变 + 顶部高光 + 红色光晕 */
.row1 .btn-wrap {
  background: linear-gradient(180deg, #e8273a 0%, #b3000f 100%) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 4px 14px rgba(230,0,18,.35), inset 0 1px 0 rgba(255,255,255,.25) !important;
  color: #fff !important;
  transition: box-shadow .25s ease, transform .15s ease !important;
}
.row1 .btn-wrap:active { transform: scale(.95); box-shadow: 0 2px 8px rgba(230,0,18,.4) !important; }
/* 白色图标不需要滤镜，撤掉之前的 hue-rotate */
.row1 .btn-wrap img { filter: none !important; }

/* “荐”角标：同款红渐变 */
.page-index .list-wrap .item-wrap .content .row1 .col-left .name .tj-wrap {
  background: linear-gradient(135deg, #e8273a 0%, #a50010 100%) !important;
  box-shadow: 0 2px 8px rgba(230,0,18,.35) !important;
  color: #fff !important;
}

/* “添加”按钮（添加到主屏幕弹窗） */
.add-screen .add-btn {
  background: linear-gradient(180deg, #e8273a 0%, #b3000f 100%) !important;
  color: #fff !important;
  border-radius: .7rem !important;
  box-shadow: 0 4px 14px rgba(230,0,18,.35), inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.add-screen .text, .add-screen .text.android { color: #d9d9de !important; }
.add-screen { background: rgba(8,8,10,.92) !important; }

/* ===== v3 按钮配色修正 ===== */
/* 下载按钮：红渐变 + 顶部高光 + 红色光晕 */
.row1 .btn-wrap {
  background: linear-gradient(180deg, #e8273a 0%, #b3000f 100%) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 4px 14px rgba(230,0,18,.35), inset 0 1px 0 rgba(255,255,255,.25) !important;
  color: #fff !important;
  transition: box-shadow .25s ease, transform .15s ease !important;
}
.row1 .btn-wrap:active { transform: scale(.95); box-shadow: 0 2px 8px rgba(230,0,18,.4) !important; }
/* 白色图标不需要滤镜，撤掉之前的 hue-rotate */
.row1 .btn-wrap img { filter: none !important; }

/* “荐”角标：同款红渐变 */
.page-index .list-wrap .item-wrap .content .row1 .col-left .name .tj-wrap {
  background: linear-gradient(135deg, #e8273a 0%, #a50010 100%) !important;
  box-shadow: 0 2px 8px rgba(230,0,18,.35) !important;
  color: #fff !important;
}

/* “添加”按钮（添加到主屏幕弹窗） */
.add-screen .add-btn {
  background: linear-gradient(180deg, #e8273a 0%, #b3000f 100%) !important;
  color: #fff !important;
  border-radius: .7rem !important;
  box-shadow: 0 4px 14px rgba(230,0,18,.35), inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.add-screen .text, .add-screen .text.android { color: #d9d9de !important; }
.add-screen { background: rgba(8,8,10,.92) !important; }

/* ===== v4 底部“添加至桌面”提示条可读性修复 ===== */
.add-screen {
  background: linear-gradient(180deg, #1b1b21 0%, #121216 100%) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.55) !important;
}
.add-screen .text, .add-screen .text.android {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.add-screen .add-btn {
  color: #fff !important;
  border: none !important;
  background: linear-gradient(180deg, #e8273a 0%, #b3000f 100%) !important;
  box-shadow: 0 3px 10px rgba(230,0,18,.4), inset 0 1px 0 rgba(255,255,255,.25) !important;
}

/* ===== v4 底部“添加至桌面”提示条可读性修复 ===== */
.add-screen {
  background: linear-gradient(180deg, #1b1b21 0%, #121216 100%) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.55) !important;
}
.add-screen .text, .add-screen .text.android {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.add-screen .add-btn {
  color: #fff !important;
  border: none !important;
  background: linear-gradient(180deg, #e8273a 0%, #b3000f 100%) !important;
  box-shadow: 0 3px 10px rgba(230,0,18,.4), inset 0 1px 0 rgba(255,255,255,.25) !important;
}

/* ===== v8 文章内容图片自适应 ===== */
.layui-body img,
.layui-tab-content img {
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  display: block;
  margin: .15rem auto;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0,0,0,.35);
}
/* 表格/iframe 也不许撑破屏幕 */
.layui-tab-content table, .layui-body table { max-width: 100% !important; table-layout: fixed; }
.layui-tab-content iframe, .layui-tab-content video { max-width: 100% !important; }

/* ===== v11 内容图片自适应（正确容器） ===== */
.main-content img, .main-body img {
  max-width: 100% !important;
  height: auto !important;
}
.main-content p > img, .main-body p > img {
  display: block;
  margin: .15rem auto;
  border-radius: 10px;
}
/* 保住按钮/二维码等固定尺寸小图 */
.row1 .btn-wrap img { width: .22rem !important; max-width: none !important; height: auto !important; }
.qrcode-wrap img, .pc-download img { max-width: none !important; }

/* ===== v12 内容图限高，别把下载按钮顶出屏幕 ===== */
.main-content img, .main-body img {
  max-width: 88% !important;
  max-height: 40vh !important;
  width: auto !important;
  height: auto !important;
}

/* ===== v13 内容图点击全屏 ===== */
.main-content img, .main-body img { cursor: zoom-in; }

/* ===== v14 隐藏底部“新增至桌面”提示条 ===== */
.add-screen { display: none !important; }

/* ===== v15 返回首页按钮：热区加大 + 字大 + 金色 ===== */
.copyright { padding: .3rem 0 .5rem !important; text-align: center; }
.copyright a {
  display: inline-block !important;
  padding: .18rem .55rem !important;
  font-size: .3rem !important;
  line-height: 1.4 !important;
  color: #ffd54d !important;
  background: linear-gradient(180deg, rgba(230,0,18,.25), rgba(230,0,18,.10)) !important;
  border: 1px solid rgba(255,213,77,.4) !important;
  border-radius: 99px !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.copyright a:active { background: rgba(230,0,18,.45) !important; }

/* ===== v16 返回首页按钮：金色改红渐变 ===== */
.copyright a {
  color: #ffffff !important;
  background: linear-gradient(180deg, #e8273a 0%, #a50010 100%) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 3px 12px rgba(230,0,18,.4), inset 0 1px 0 rgba(255,255,255,.25) !important;
  text-shadow: none;
}
.copyright a:active { background: linear-gradient(180deg, #ff4155 0%, #c40010 100%) !important; }

/* ===== v17 详情页按钮/返回首页重叠修复 =====
   根因：正文里的按钮 div 有漏写 </div> 的情况，浏览器会把后面的按钮
   嵌进第一个按钮里；而 .btn-wrap 写死了 height:.48rem，
   撑不开容器，导致下面的按钮和“返回首页”全部叠在一起。
   这里把详情页内容区的按钮改成自适应高度、独占一行，彻底杜绝重叠。
   只作用于 .row1.w90（详情页正文容器），不影响首页列表的“查看”按钮。 */
.page-index .list-wrap .row1.w90 .btn-wrap,
.page-index .list-wrap .row1.w90 .btn-wrap.btn2 {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: .7rem;
  box-sizing: border-box !important;
  padding: .18rem .24rem !important;
  line-height: 1.35 !important;
  text-align: center;
  white-space: normal;
  word-break: break-all;
  margin: 0 0 .22rem 0 !important;
}
/* 最后一个按钮不留底部间距 */
.page-index .list-wrap .row1.w90 .btn-wrap:last-child { margin-bottom: 0 !important; }
/* 返回首页：保证独占一行、始终在按钮下方，且不被盖住 */
.page-index .list-wrap .copyright {
  clear: both !important;
  position: relative;
  z-index: 2;
  padding: .5rem 0 .4rem !important;
}