/* ============================================================
   MacDown 商业下载站主题 - 全局样式表
   视觉对标：骑士助手 源站（骑士助手） / 源站移动端
   设计令牌：
   主渐变 #FFFC24 → #FFBD09｜暗金 #8B5615｜标题 #060606
   首页背景 linear-gradient(#FFE514,#F8EFD3 440px)
   内页背景 #F6F1E2｜详情背景 #F8EFD3｜外层 #eef0f5
   容器 1200px｜大圆角 20px｜图标圆角 15px
   ============================================================ */

/* ---------- 基础 reset ---------- */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { color: #333; background: #eef0f5; overflow-y: auto; -webkit-text-size-adjust: 100%; }
body { font: 14px/1.6 "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif; color: #333333; min-width: 1200px; background: #eef0f5; }
article, aside, blockquote, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul { margin: 0; padding: 0; box-sizing: border-box; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
a { text-decoration: none; color: #333333; display: block; box-sizing: border-box; }
a:hover { color: #8B5615; }
img { border: none; display: block; }
button { border: none; background: none; cursor: pointer; }
input, select, textarea { font-size: 100%; font-size: 14px; outline: none; }
input::placeholder, textarea::placeholder { color: #999999; }
table { border-collapse: collapse; border-spacing: 0; }
em, i { font-style: normal; }

/* ---------- 通用工具 ---------- */
.boxWrap { width: 1200px; margin: 0 auto; }
/* imgBox 可能是 span/div，必须强制块级，否则宽高约束失效导致图片撑破容器 */
.imgBox { display: block; overflow: hidden; }
.textOverflow { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* 行内元素上 width/overflow/ellipsis 全部失效，统一块级化 */
.textOverflow { display: block; }
.textOverflow2 { width: 100%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }
.textOverflow3 { width: 100%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }
.textOverflow4 { width: 100%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }
.hide { display: none !important; }

/* ============================================================
   v1.4 防撑破加固
   根因：模板里大量 <span class="txtBox"> / <span class="name"> 是行内元素，
   行内元素上 width / overflow / text-overflow / flex 全部无效；
   同时 flex / grid 子项默认 min-width:auto，会被 nowrap 长标题的
   min-content 尺寸顶开，最终溢出父容器。
   下面统一：行变 flex、文本容器块级 + min-width:0、标题块级。
   ============================================================ */
/* 1. 图文行容器：允许被压缩 */
.txtImgBox { min-width: 0; }
.txtImgBox > .imgBox, .txtImgBox .imgBox { flex-shrink: 0; }
.txtImgBox > .txtBox, .txtImgBox .txtBox { display: block; min-width: 0; overflow: hidden; }
.txtImgBox .txtBox > .name { display: block; }
/* 2. 列表行：li / 行内 a 允许被压缩 */
.gameList li, .hotGameList li, .upadteList li, .sideList li, .sameList li { min-width: 0; }
.sideList li > a { display: flex; align-items: center; min-width: 0; overflow: hidden; }
.sideList li .txtBox { display: block; min-width: 0; }
.sideList li .txtBox .name { display: block; }
/* 3. 标题/名称统一块级，保证 ellipsis 生效、margin 生效 */
.cloumList .name, .recentlyList .name, .repetitionList .name, .gameList .name,
.hotGameList .name, .upadteList .name, .sameKind .name, .sideList .name,
.guessYouList .name, .factoryList .name { display: block; }
/* 4. 网格轨道允许收缩到 0（1fr 默认最小值是 auto=min-content，会被长标题顶开） */
.rankBox .gameList { grid-template-columns: minmax(0, 1fr); }
.rankBox .gameList li { min-width: 0; }
.rankBox .gameList li .txtImgBox { min-width: 0; }
.rankBox .gameList li .txtBox { min-width: 0; }
/* 4.2 下载页两处行内标题：相关版本列表 / 相关专题卡片（行内 a 上 ellipsis 无效） */
.versionList li .nameBox { min-width: 0; }
.versionList li .nameBox a { display: block; min-width: 0; }
.relatedTopicBox .related .txtBox { min-width: 0; }
.relatedTopicBox .related .txtBox .name { display: block; min-width: 0; }
/* 4.3 分页条嵌在带 29px 内边距的 gameBttomBox 内，内层 boxWrap 固定 1200 会溢出 60px */
.gameContont .gameBttomBox .boxWrap { width: 100%; max-width: 100%; margin: 0; }
.gameBttomBox .gameBttom .pageBox { padding: 25px 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
/* 5. 兜底：任何 .name / .size / .time 都不允许反向撑开父级 */
.name, .size, .time, .brief { max-width: 100%; }
a.name { display: block; }
/* 6. 页面级兜底：禁止出现横向滚动条 */
html, body { max-width: 100%; overflow-x: hidden; }
.clearfix::after { content: ""; display: block; clear: both; }

/* ---------- 页面骨架 ---------- */
.homeBg { background: linear-gradient(#FFE514 0, #F8EFD3 440px, #F8EFD3 100%); }
.universalBg { background: #F6F1E2; }
.detaillBg { background: #F8EFD3; }

/* ---------- 头部 ---------- */
header { padding: 3px 0 1px 0; background: linear-gradient(-90deg, #FFFC24, #FFBD09); }
header .headerBox { padding: 14px 0 15px 0; background: rgba(255, 255, 255, 0.85); }
header .headerBox .boxWrap .logoAndSearch { display: flex; justify-content: space-between; }
header .headerBox .boxWrap .logoAndSearch .logoImg { width: 196px; height: 56px; }
header .headerBox .boxWrap .logoAndSearch .logoImg img { width: 100%; height: 100%; object-fit: cover; }
header .headerBox .boxWrap .logoAndSearch .navAndSearch { display: flex; }
header .headerBox .boxWrap .logoAndSearch .navAndSearch nav { margin: 16px 30px 0 0; height: 22px; display: flex; align-items: flex-end; }
header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a { color: #887E38; font-size: 18px; line-height: 18px; position: relative; display: flex; justify-content: center; margin-left: 36px; }
header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a:hover { color: #060606; }
header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a.cursor { color: #060606; font-size: 22px; line-height: 22px; font-weight: bold; }
header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a.cursor::after { content: ""; width: 60px; height: 10px; position: absolute; bottom: -11px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 10'%3E%3Cpath d='M2 8 Q30 -2 58 8' fill='none' stroke='%23FFBD09' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain; }
header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a:first-child { margin-left: 0; }
header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox { width: 221px; height: 38px; margin-top: 9px; position: relative; border-radius: 10px; margin-right: 2px; padding: 1px; background: linear-gradient(90deg, #FFC00A, #FFE314); }
header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox form { display: flex; position: relative; }
header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox input { width: 219px; height: 36px; border-radius: 10px; border: none; padding: 0 46px 0 10px; font-size: 14px; color: #333; background: #FFFDEB; }
header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .icon { width: 42px; height: 28px; position: absolute; top: 5px; right: 4px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='14' cy='14' r='9' fill='none' stroke='%238B5615' stroke-width='3'/%3E%3Cpath d='M21 21 L28 28' stroke='%238B5615' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/20px 20px; cursor: pointer; }
header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox { width: 223px; position: absolute; top: 44px; right: 0; padding: 1px; overflow: hidden; z-index: 99; border-radius: 10px; background: linear-gradient(90deg, #FFC00A, #FFE314); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); }
header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner { background: #FFFDEB; border-radius: 9px; padding: 8px 0; }
header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a { display: flex; justify-content: space-between; padding: 8px 14px; font-size: 13px; color: #666; }
header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a:hover { background: #FFF0B7; color: #8B5615; }
header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a span { color: #BABABA; font-size: 12px; }

/* 移动端菜单按钮 */
.macdown-menu-btn { display: none; }

/* ---------- 板块标题 ---------- */
.titleBox { padding: 13px 20px 0 20px; display: flex; justify-content: space-between; align-items: flex-start; }
.titleBox h3 { font-weight: bold; font-size: 24px; color: #060606; line-height: 24px; position: relative; z-index: 1; }
.titleBox h3::before { content: ""; width: 120%; height: 15px; position: absolute; left: -22%; bottom: -8px; z-index: -1; background: linear-gradient(-90deg, rgba(255, 252, 36, 0.9), rgba(255, 189, 9, 0.2), rgba(255, 189, 9, 0)) 100%; border-radius: 7px; }
.titleBox h3::after { content: ""; width: 35px; height: 21px; position: absolute; right: -45px; top: 2px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 21'%3E%3Cpath d='M4 12 Q12 2 20 10 T32 8' fill='none' stroke='%23FFBD09' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='16' r='3' fill='%23FF2E38'/%3E%3C/svg%3E") no-repeat center/contain; }
.titleBox .more { width: 22px; height: 22px; font-size: 0; margin-top: 2px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='10' fill='%23FFBD09'/%3E%3Cpath d='M9 6l6 5-6 5' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain; }

/* ---------- 温馨提示 ---------- */

/* ---------- 精选游戏（Tab + 标签药丸 + 展开大卡 + 底部文字链） ---------- */
.selectGameBox { padding: 20px 0 0 0; }
.selectGameBox .boxWrap .selectGame { min-height: 312px; border-radius: 20px; position: relative; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); }
.selectGameBox .boxWrap .selectGame .filter { padding: 18px 0 0 17px; display: flex; position: relative; z-index: 2; }
.selectGameBox .boxWrap .selectGame .filter li { width: auto; display: flex; cursor: pointer; align-items: center; opacity: .5; position: relative; z-index: 1; margin-right: 34px; }
.selectGameBox .boxWrap .selectGame .filter li .icon { width: 18px; height: 21px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 21'%3E%3Cpath d='M9 1l2.6 5.3 5.9.8-4.3 4.1 1 5.8L9 14.2 3.8 17l1-5.8L.5 7.1l5.9-.8z' fill='%23FFBD09'/%3E%3C/svg%3E") no-repeat center/contain; }
.selectGameBox .boxWrap .selectGame .filter li p { padding-left: 5px; font-weight: bold; font-size: 18px; color: #8B5615; line-height: 18px; }
.selectGameBox .boxWrap .selectGame .filter li.active { opacity: 1; }
.selectGameBox .boxWrap .selectGame .filter li.active p { font-size: 20px; color: #060606; }
/* 右上角小药丸标签 */
.selectGameBox .boxWrap .selectGame .lableList { position: absolute; top: 12px; right: 10px; display: flex; z-index: 3; }
.selectGameBox .boxWrap .selectGame .lableList a { width: auto; display: flex; align-items: center; padding: 10px 16px; margin-right: 10px; border-radius: 17px; border: 1px solid rgba(255, 200, 10, 0.4); background: rgba(255, 255, 255, 0.4); }
.selectGameBox .boxWrap .selectGame .lableList a:last-child { margin-right: 0; }
.selectGameBox .boxWrap .selectGame .lableList a .icon { width: 12px; height: 14px; flex-shrink: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath d='M6 1l1.7 3.5 3.8.5-2.8 2.7.7 3.8L6 9.8 2.6 11.5l.7-3.8L.5 5l3.8-.5z' fill='%23FFBD09'/%3E%3C/svg%3E") no-repeat center/contain; }
.selectGameBox .boxWrap .selectGame .lableList a p { font-size: 14px; color: #8B5615; line-height: 14px; padding-left: 10px; max-width: 96px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.selectGameBox .boxWrap .selectGame .lableList a:hover { border-color: #FFBD09; background: rgba(255, 255, 255, 0.7); }
/* 中部大卡区（正常文档流，避免盖住底部） */
.selectGameBox .boxWrap .selectGame .selectCenterBox { padding: 25px 21px 0 18px; }
.selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter { display: flex; align-items: center; padding-bottom: 14px; overflow: hidden; border-bottom: 1px solid rgba(255, 255, 255, 0.8); }
.selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox { max-width: 306px; height: 90px; display: flex; margin-left: 15px; border-radius: 20px; background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(0, 0, 0, 0); position: relative; transition: border-color .3s ease, background .3s ease; }
.selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .imgBox { width: 88px; height: 88px; overflow: hidden; border-radius: 20px; flex-shrink: 0; }
.selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .imgBox img { width: 100%; height: 100%; object-fit: cover; }
.selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox { width: 0; visibility: hidden; overflow: hidden; white-space: nowrap; transform: scaleX(0); transform-origin: left center; opacity: 0; clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); transition: transform .2s cubic-bezier(.65, 0, 1, 1), opacity .2s ease, clip-path .2s ease; }
.selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .name { font-weight: bold; font-size: 16px; color: #8B5615; line-height: 16px; margin-top: 12px; padding-right: 8px; overflow: hidden; text-overflow: ellipsis; }
.selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .time { font-size: 12px; color: #8B5615; line-height: 12px; opacity: .7; margin-top: 11px; }
.selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .brief { font-size: 12px; color: #8B5615; line-height: 12px; margin-top: 8px; opacity: .7; overflow: hidden; text-overflow: ellipsis; }
.selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .icon { width: 28px; height: 23px; position: absolute; top: 12px; right: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 23'%3E%3Cpath d='M14 2l3.4 7 7.7 1-5.6 5.4 1.3 7.6L14 19.6 7.2 23l1.3-7.6L2.9 10l7.7-1z' fill='%23FFBD09'/%3E%3C/svg%3E") no-repeat center/contain; }
.selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox.active { border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.55); }
.selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox.active .txtBox { width: 100%; visibility: visible; padding-right: 35px; padding-left: 16px; transform: scaleX(1); opacity: 1; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); transition: transform .7s cubic-bezier(.22, 1, .36, 1), opacity .7s ease, clip-path .7s ease; }
.selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox:nth-child(1) { margin-left: 0; }
.selectGameBox .boxWrap .selectGame .selectBtomBox { padding: 4px 20px 0 19px; position: relative; z-index: 2; }
.selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem { margin-top: 15px; display: flex; }
.selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .status { width: 64px; height: 24px; padding: 5px 0 5px 14px; font-weight: bold; font-size: 14px; color: #FEFEFE; line-height: 14px; border-radius: 12px; position: relative; background-color: #FFBD0A; flex-shrink: 0; }
.selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .status::after { content: "|"; font-size: 12px; line-height: 12px; color: white; opacity: .4; position: absolute; top: 6px; right: 12px; }
/* v1.5：底部文字链强制单行（超出部分裁掉，不再换行成第二排） */
.selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList { display: flex; flex-wrap: nowrap; overflow: hidden; padding-left: 19px; min-width: 0; }
.selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a { font-size: 14px; color: #000000; line-height: 14px; margin-right: 22px; margin-top: 3px; position: relative; white-space: nowrap; flex-shrink: 0; max-width: 130px; overflow: hidden; text-overflow: ellipsis; }
.selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a:hover { color: #8B5615; }
.selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a::before { content: ""; width: 1px; height: 18px; right: -12px; position: absolute; background-color: #E3E3E3; }
.selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a:last-child::before { display: none; }

/* ---------- 首页三栏：轮播 / Tab / 每日一荐 ---------- */
.rclBox { padding: 20px 0 0 0; }
.rclBox .boxWrap .rclContont { display: flex; justify-content: space-between; }
.rclBox .boxWrap .rclContont .lBox { width: 443px; height: 350px; padding: 5px 4px 0 4px; border-radius: 20px; background-color: #85EFFF; border: 1px solid rgba(255, 255, 255, 0.5); }
.rclBox .boxWrap .rclContont .lBox .indexSwiper { width: 433px; height: 100%; margin: 0 auto; position: relative; }
.rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-slide .imgBox { width: 100%; height: 282px; overflow: hidden; border-radius: 20px; }
.rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-slide .imgBox img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-slide .imgBox img:hover { transform: scale(1.06); }
.rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-slide .name { padding: 0 10px; text-align: center; font-weight: bold; font-size: 16px; color: #060606; line-height: 16px; margin-top: 14px; }
.rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-slide .name:hover { color: #8B5615; }
.rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-pagination { width: auto; top: auto; left: 163px; bottom: 6px; }
.rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-pagination .swiper-pagination-bullet { width: 14px; height: 5px; margin: 0 0 0 4px; border-radius: 3px; background-color: #fff; opacity: .4; }
.rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 32px; opacity: 1; }
/* Tab 中栏 */
.rclBox .boxWrap .rclContont .cBox { width: 444px; height: 350px; border-radius: 20px; background-color: #86FB9E; border: 1px solid rgba(255, 255, 255, 0.5); }
.rclBox .boxWrap .rclContont .cBox .filter { padding: 9px 0 0 0; display: flex; align-items: flex-end; justify-content: center; }
.rclBox .boxWrap .rclContont .cBox .filter li { width: auto; font-size: 15px; color: #666666; line-height: 15px; margin-right: 40px; cursor: pointer; position: relative; display: flex; justify-content: center; z-index: 1; }
.rclBox .boxWrap .rclContont .cBox .filter li.active { color: #060606; font-size: 18px; font-weight: bold; line-height: 18px; }
.rclBox .boxWrap .rclContont .cBox .filter li.active::after { content: ""; width: 100%; height: 8px; position: absolute; bottom: -3px; border-radius: 4px; z-index: -1; background-color: #FFE922; }
.rclBox .boxWrap .rclContont .cBox .filter li:last-child { margin-right: 0; }
.rclBox .boxWrap .rclContont .cBox .cContont { width: 432px; height: 299px; padding: 0 10px; overflow: hidden; border-radius: 20px; margin: 15px auto 0 auto; background-color: #E7FEEC; }
.rclBox .boxWrap .rclContont .cBox .cContont ul li { margin-top: 15px; }
.rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox { display: flex; }
.rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .imgBox { width: 140px; height: 80px; overflow: hidden; border-radius: 10px; flex-shrink: 0; }
.rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .imgBox img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .imgBox img:hover { transform: scale(1.06); }
.rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox { flex: 1; overflow: hidden; padding-left: 10px; }
.rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .brief { font-weight: bold; font-size: 14px; color: #060606; line-height: 22px; }
.rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .brief:hover { color: #8B5615; }
.rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .time { font-size: 14px; color: #BABABA; line-height: 12px; margin-top: 15px; }
.rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt { display: flex; justify-content: space-between; }
.rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a { flex: 1; color: #202320; font-size: 14px; line-height: 14px; position: relative; padding-left: 15px; }
.rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a:hover { color: #8B5615; }
.rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a::after { content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 8px; background-color: #C1F0DF; }
.rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt .time { color: #A9A79B; font-size: 14px; line-height: 14px; }
/* 每日一荐右栏 */
.rclBox .boxWrap .rclContont .rBox { width: 279px; height: 350px; background: #FFE60F; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.5); }
.rclBox .boxWrap .rclContont .rBox .dailyBox { position: relative; display: flex; padding-left: 215px; }
.rclBox .boxWrap .rclContont .rBox .dailyBox .dailyIcon { width: 140px; height: 46px; position: absolute; top: -5px; left: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 46'%3E%3Ctext x='0' y='34' font-size='34' font-weight='bold' fill='%23FF2E38' font-family='sans-serif' textLength='138' lengthAdjust='spacingAndGlyphs'%3E每日一荐%3C/text%3E%3C/svg%3E") no-repeat left center/contain; }
.rclBox .boxWrap .rclContont .rBox .dailyBox .dailyTxt { cursor: pointer; margin-top: 15px; display: flex; align-items: center; }
.rclBox .boxWrap .rclContont .rBox .dailyBox .dailyTxt .icon { width: 12px; height: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 2v8l8-4z' fill='%238B5615'/%3E%3C/svg%3E") no-repeat center/contain; }
.rclBox .boxWrap .rclContont .rBox .dailyBox .dailyTxt p { padding-left: 5px; font-size: 12px; color: #8B5615; line-height: 12px; }
/* v1.6：固定高度 + overflow 兜底，任何情况下都不会把这块撑破 */
.rclBox .boxWrap .rclContont .rBox .dailyContont { width: 269px; height: 303px; overflow: hidden; padding: 0 10px; margin: 14px auto 0 auto; border-radius: 20px; background-color: #FFFACF; }
.rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox { padding: 19px 0 0 0; display: flex; }
.rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .imgBox { width: 60px; height: 60px; overflow: hidden; border-radius: 10px; flex-shrink: 0; }
.rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .imgBox img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .imgBox img:hover { transform: scale(1.06); }
.rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox { flex: 1; overflow: hidden; padding-left: 10px; }
.rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .name { font-size: 16px; color: #000000; line-height: 16px; }
.rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .name:hover { color: #8B5615; }
/* v1.5：每日一荐内部全部块级化（原来用 span，width/height/margin-top 全部失效导致错位） */
.rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox > * { display: block; }
.rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .stars { display: block; width: 62px; height: 10px; margin: 11px 0 0 2px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 10'%3E%3Cg fill='%23FFBD09'%3E%3Cpath d='M5 0l1.5 3.2L10 3.7 7 6.3l.6 3.8L5 8.2 2.4 10.1 3 6.3 0 3.7l3.5-.5z'/%3E%3Cpath d='M18 0l1.5 3.2L23 3.7 20 6.3l.6 3.8L18 8.2 15.4 10.1 16 6.3 13 3.7l3.5-.5z'/%3E%3Cpath d='M31 0l1.5 3.2L36 3.7 33 6.3l.6 3.8L31 8.2 28.4 10.1 29 6.3 26 3.7l3.5-.5z'/%3E%3Cpath d='M44 0l1.5 3.2L49 3.7 46 6.3l.6 3.8L44 8.2 41.4 10.1 42 6.3 39 3.7l3.5-.5z'/%3E%3Cpath d='M57 0l1.5 3.2L62 3.7 59 6.3l.6 3.8L57 8.2 54.4 10.1 55 6.3 52 3.7l3.5-.5z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain; }
/* v1.6：简介必须单行省略，否则长简介会把 dailyContont（固定 303px）撑破 */
.rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .brief { margin-top: 8px; font-size: 12px; color: #999999; line-height: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .stars { display: block !important; }
.rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList { padding: 3px 0 0 0; display: grid; justify-content: space-between; grid-template-columns: repeat(3, 60px); }
.rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li { margin-top: 19px; display: flex; flex-direction: column; align-items: center; }
.rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .imgBox { width: 60px; height: 60px; overflow: hidden; border-radius: 12px; }
.rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .imgBox img { width: 100%; height: 100%; object-fit: cover; }
.rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .name { margin-top: 6px; font-size: 12px; color: #060606; line-height: 12px; }
.rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .name:hover { color: #8B5615; }

/* ---------- gameList 通用基座（排行榜/专题内嵌等非 gameListBox 场景） ---------- */
.gameList { padding: 0; margin: 0; list-style: none; }
.gameList li { display: flex; align-items: center; }
.gameList li .txtImgBox { flex: 1; overflow: hidden; display: flex; align-items: center; }
.gameList li .txtImgBox .imgBox { overflow: hidden; flex-shrink: 0; }
.gameList li .txtImgBox .imgBox img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gameList li .txtImgBox .txtBox { flex: 1; overflow: hidden; }

/* ---------- 游戏列表（首页/分类/标签/搜索通用） ---------- */
.gameListBox { padding: 20px 0 0 0; }
.gameListBox .boxWrap .gameContont { border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2); }
.gameListBox .boxWrap .gameContont .gameList { padding: 0 19px 0 19px; display: grid; justify-content: space-between; grid-template-columns: repeat(3, 385px); }
.gameListBox .boxWrap .gameContont .gameList li { padding: 11px 10px 11px 10px; margin-top: 18px; border-radius: 20px; display: flex; align-items: center; }
.gameListBox .boxWrap .gameContont .gameList li:hover { background: rgba(255, 255, 255, 0.5); }
.gameListBox .boxWrap .gameContont .gameList li .txtImgBox { flex: 1; overflow: hidden; display: flex; }
.gameListBox .boxWrap .gameContont .gameList li .txtImgBox .imgBox { width: 70px; height: 70px; overflow: hidden; border-radius: 15px; flex-shrink: 0; }
.gameListBox .boxWrap .gameContont .gameList li .txtImgBox .imgBox img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.gameListBox .boxWrap .gameContont .gameList li .txtImgBox .imgBox img:hover { transform: scale(1.06); }
.gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox { flex: 1; overflow: hidden; padding-left: 15px; }
.gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .name { font-size: 16px; color: #040404; line-height: 16px; margin-top: 6px; }
.gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .name:hover { color: #8B5615; }
.gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .size { font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px; }
.gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .time { font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 9px; }
.gameListBox .boxWrap .gameContont .gameList li .btn { width: 72px; height: 28px; font-size: 14px; color: #8B5615; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(255, 189, 10, 0.3); flex-shrink: 0; }
.gameListBox .boxWrap .gameContont .gameList li .btn:hover { color: #FBF32C; background: #1f1f1f; }
.gameListBox .boxWrap .gameContont .gameBttomBox { padding: 19px 29px 0 29px; }
.gameListBox .boxWrap .gameContont .gameBttomBox .gameBttom { border-top: 1px solid white; }
.gameListBox .boxWrap .gameContont .gameBttomBox .gameBttom .loadMore { display: block; margin: 18px auto 22px; width: 148px; height: 38px; border-radius: 19px; text-align: center; line-height: 38px; font-size: 14px; color: #8B5615; background: rgba(255, 189, 10, 0.3); }
.gameListBox .boxWrap .gameContont .gameBttomBox .gameBttom .loadMore:hover { color: #FBF32C; background: #1f1f1f; }

/* ---------- 最近更新 / 精选软件（recentlyBox，对标源站） ---------- */
.recentlyBox { padding: 21px 0 0 0; }
.recentlyBox .boxWrap .recently { width: 100%; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); }
.recentlyBox .boxWrap .recently .titleBox { padding: 13px 20px 0 20px; }
.recentlyBox .boxWrap .recently .cloumList { padding: 20px 18px 0 18px; display: grid; justify-content: space-between; grid-template-columns: repeat(8, 104px); }
.recentlyBox .boxWrap .recently .cloumList li { display: flex; flex-direction: column; align-items: center; }
.recentlyBox .boxWrap .recently .cloumList li .imgBox { width: 104px; height: 104px; overflow: hidden; border-radius: 19px; }
.recentlyBox .boxWrap .recently .cloumList li .imgBox img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.recentlyBox .boxWrap .recently .cloumList li .imgBox img:hover { transform: scale(1.2); }
.recentlyBox .boxWrap .recently .cloumList li .name { text-align: center; font-weight: bold; font-size: 14px; color: #060606; line-height: 14px; margin-top: 13px; }
.recentlyBox .boxWrap .recently .cloumList li .name:hover { color: #8B5615; }
.recentlyBox .boxWrap .recently .recentlyList { padding: 10px 9px 10px 9px; display: grid; justify-content: space-between; grid-template-columns: repeat(3, 354px); }
.recentlyBox .boxWrap .recently .recentlyList li { padding: 8px 11px 10px 10px; display: flex; margin-top: 2px; align-items: center; justify-content: space-between; border-radius: 20px; }
.recentlyBox .boxWrap .recently .recentlyList li .txtImgBox { flex: 1; display: flex; overflow: hidden; }
.recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .imgBox { width: 70px; height: 70px; overflow: hidden; border-radius: 15px; flex-shrink: 0; }
.recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .imgBox img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .imgBox img:hover { transform: scale(1.2); }
.recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox { flex: 1; padding-left: 10px; overflow: hidden; }
.recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .name { display: block; font-size: 16px; color: #060606; line-height: 16px; margin-top: 5px; }
.recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .name:hover { color: #8B5615; }
.recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .size { font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .time { font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px; }
.recentlyBox .boxWrap .recently .recentlyList li .btn { width: 72px; height: 28px; font-size: 14px; color: #8B5615; text-align: center; border-radius: 14px; line-height: 28px; background-color: rgba(255, 189, 10, 0.3); flex-shrink: 0; }
.recentlyBox .boxWrap .recently .recentlyList li .btn:hover { color: #FFF82C; background-color: #060606; }
.recentlyBox .boxWrap .recently .recentlyList li:hover { background: rgba(255, 255, 255, 0.4); }
.recentlyBox .boxWrap .recently .recentlyList li:nth-child(1), .recentlyBox .boxWrap .recently .recentlyList li:nth-child(2), .recentlyBox .boxWrap .recently .recentlyList li:nth-child(3) { margin-top: 10px; }
/* 精选软件：标题右侧不带箭头装饰 */
.essentialBox { padding: 20px 0 0; }
.essentialBox .boxWrap .recently .titleBox h3::after { display: none; }

/* ---------- 首页图标墙 repetitionBox（十列圆形图标网格，对标源站） ---------- */
.repetitionBox { padding: 22px 0 0 0; }
.repetitionBox .boxWrap .repetition { background: rgba(255, 255, 255, 0.4); border-radius: 20px; border: 1px solid #FFFFFF; }
.repetitionBox .boxWrap .repetition .titleBox { padding: 13px 20px 0 20px; }
.repetitionBox .boxWrap .repetition .titleBox h3::after { display: none; }
.repetitionBox .boxWrap .repetition .repetitionList { padding: 26px 19px 26px 17px; display: grid; justify-content: space-between; grid-template-columns: repeat(10, 88px); }
.repetitionBox .boxWrap .repetition .repetitionList li { display: flex; flex-direction: column; align-items: center; }
.repetitionBox .boxWrap .repetition .repetitionList li .imgBox { width: 88px; height: 88px; overflow: hidden; border-radius: 20px; }
.repetitionBox .boxWrap .repetition .repetitionList li .imgBox img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.repetitionBox .boxWrap .repetition .repetitionList li .imgBox img:hover { transform: scale(1.2); }
.repetitionBox .boxWrap .repetition .repetitionList li .name { margin-top: 8px; font-size: 14px; color: #060606; line-height: 14px; }
.repetitionBox .boxWrap .repetition .repetitionList li .name:hover { color: #8B5615; }

/* ---------- 面包屑 ---------- */
.crumbBox { padding: 18px 0 14px 0; }
.crumbBox .boxWrap { font-size: 14px; color: #999999; line-height: 14px; }
.crumbBox .boxWrap a { display: inline-block; color: #666666; }
.crumbBox .boxWrap a:hover { color: #8B5615; }
.crumbBox .boxWrap .sep { padding: 0 8px; color: #CCCCCC; }
.crumbBox .boxWrap .cur { color: #060606; }

/* ---------- 温馨提示（列表页顶部，渐变文字 + 可关闭） ---------- */
.cozyBox { padding: 16px 0 0 0; }
.cozyBox .boxWrap .cozy { padding: 10px 0 11px 19px; display: flex; align-items: center; border-radius: 20px; position: relative; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); }
.cozyBox .boxWrap .cozy > .icon { width: 20px; height: 20px; flex-shrink: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.5c-4.7 0-8.5 3.8-8.5 8.5S5.3 18.5 10 18.5s8.5-3.8 8.5-8.5S14.7 1.5 10 1.5zm0 12.8a1.2 1.2 0 110-2.4 1.2 1.2 0 010 2.4zm.1-3.6H9.4c-.4 0-.7-.3-.7-.7v-.1c0-.4.3-.7.7-.7h.7c.6 0 1-.4 1-1V6.9c0-.4-.3-.7-.7-.7H9.2c-.4 0-.7.3-.7.7s.3.7.7.7h1.1c.4 0 .7.3.7.7v.7c0 .6-.4 1-1 1z' fill='%23FF8A65'/%3E%3C/svg%3E") no-repeat center/contain; }
.cozyBox .boxWrap .cozy .cozyTxtBox { padding-left: 10px; flex: 1; font-size: 15px; color: #666666; line-height: 24px; background: linear-gradient(0deg, #FF7A64 0%, #FF9B60 99.12109375%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.cozyBox .boxWrap .cozy .cozyTxtBox span:first-child { font-weight: bold; }
.cozyBox .boxWrap .cozy .closeCozy { width: 14px; height: 14px; flex-shrink: 0; margin-right: 18px; cursor: pointer; opacity: .5; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M1 1l12 12M13 1L1 13' stroke='%23666' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") no-repeat center/contain; }
.cozyBox .boxWrap .cozy .closeCozy:hover { opacity: 1; }

/* ---------- 列表页三栏榜单（今日推荐 / 周下载榜 / 总下载榜） ---------- */
.recomBox { padding: 20px 0 0 0; }
.recomBox .boxWrap .recom { display: flex; justify-content: space-between; }
.recomBox .boxWrap .recom .recomContont { width: 386px; padding-bottom: 29px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); }
.recomBox .boxWrap .recom .recomContont .recomIcon { padding: 19px 0 0 20px; display: flex; align-items: center; }
.recomBox .boxWrap .recom .recomContont .recomIcon .icon { width: 22px; height: 20px; flex-shrink: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 20'%3E%3Cpath d='M11 1.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L11 16.3l-5.8 3.1 1.1-6.5L1.6 8.3l6.5-.9z' fill='%23FFBD09'/%3E%3C/svg%3E") no-repeat center/contain; }
.recomBox .boxWrap .recom .recomContont .recomIcon .cbR { transform: scaleX(-1); }
.recomBox .boxWrap .recom .recomContont .recomIcon h3 { padding: 3px 2px 0 3px; font-weight: bold; font-size: 20px; color: #060606; line-height: 20px; }
.recomBox .boxWrap .recom .recomContont .recomList { padding: 10px 8px 0 7px; }
.recomBox .boxWrap .recom .recomContont .recomList li { padding: 10px 10px; border-radius: 10px; cursor: pointer; }
.recomBox .boxWrap .recom .recomContont .recomList li:hover { background: rgba(255, 255, 255, 0.6); }
.recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox { display: none; align-items: center; }
.recomBox .boxWrap .recom .recomContont .recomList li.active { background: rgba(255, 255, 255, 0.7); }
.recomBox .boxWrap .recom .recomContont .recomList li.active .txtImgBox { display: flex; }
.recomBox .boxWrap .recom .recomContont .recomList li.active .numTxtBox { display: none; }
.recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg { flex: 1; display: flex; overflow: hidden; align-items: center; }
.recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .num { width: 21px; height: 16px; display: flex; flex-direction: column; align-items: center; text-align: left; font-weight: bold; font-size: 18px; color: #BABABA; line-height: 16px; flex-shrink: 0; }
.recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .num .icon { width: 13px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 16'%3E%3Cpath d='M6.5 0l1.7 3.6 4 .5-2.9 2.8.7 4L6.5 9l-3.5 1.9.7-4L.8 4.1l4-.5z' fill='%23FFBD09'/%3E%3C/svg%3E") no-repeat center/contain; }
.recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg { flex: 1; display: flex; padding-left: 9px; overflow: hidden; }
.recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .imgBox { width: 70px; height: 70px; overflow: hidden; border-radius: 15px; flex-shrink: 0; }
.recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .imgBox img { width: 100%; height: 100%; object-fit: cover; }
.recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox { flex: 1; padding-left: 10px; overflow: hidden; }
.recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .name { margin-top: 4px; font-size: 16px; color: #000000; line-height: 16px; display: block; }
.recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .name:hover { color: #8B5615; }
.recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .size { font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 12px; }
.recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .time { margin-top: 12px; font-size: 12px; color: #BABABA; line-height: 12px; }
.recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn { width: 72px; height: 28px; font-size: 14px; color: #8B5615; text-align: center; line-height: 28px; background: rgba(255, 189, 10, 0.3); border-radius: 14px; flex-shrink: 0; }
.recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn:hover { color: #FBF32C; background: #1f1f1f; }
.recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox { display: flex; align-items: center; }
.recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox .num { width: 21px; height: 16px; text-align: left; font-weight: bold; font-size: 18px; color: #BABABA; line-height: 16px; font-style: italic; flex-shrink: 0; }
.recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox a { flex: 1; font-size: 16px; color: #000000; line-height: 16px; padding-left: 9px; }
.recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox a:hover { color: #8B5615; }
.recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox .size { font-size: 12px; color: #BABABA; line-height: 12px; }

/* ---------- 分类筛选（列表页顶部药丸胶囊） ---------- */
.typeListBox { padding: 18px 0 0 0; }
.typeListBox .boxWrap .typeList { padding: 14px 0 31px 22px; background: rgba(255, 255, 255, 0.8); border-radius: 20px; display: flex; flex-wrap: wrap; border: 1px solid #FFBD09; }
.typeListBox .boxWrap .typeList a { padding: 10px 24px; font-size: 14px; color: #333333; line-height: 14px; margin: 14px 10px 0 0; border-radius: 18px; background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(255, 200, 10, 0.4); }
.typeListBox .boxWrap .typeList a:hover { color: #8B5615; border-color: #FFBD09; }
.typeListBox .boxWrap .typeList a.active { color: #8B5615; font-weight: bold; border: none; background: linear-gradient(-90deg, #FFFC24, #FFBD09); }

/* ---------- 分页（列表页底部） ---------- */
.gameBttomBox .boxWrap .gameBttom .pageBox { padding: 25px 0 25px 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.gameBttomBox .boxWrap .gameBttom .pageBox a { width: 40px; height: 40px; font-weight: bold; font-size: 14px; color: #333333; text-align: center; border-radius: 3px; line-height: 40px; margin: 0 8px 8px 0; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.3); }
.gameBttomBox .boxWrap .gameBttom .pageBox a.home { width: 59px; font-size: 16px; color: #333333; font-weight: 400; }
.gameBttomBox .boxWrap .gameBttom .pageBox a.next { width: 73px; font-weight: 400; font-size: 14px; color: #333333; }
.gameBttomBox .boxWrap .gameBttom .pageBox a.omit { width: auto; height: auto; font-weight: 400; font-size: 16px; color: #333333; line-height: 16px; border: none; }
.gameBttomBox .boxWrap .gameBttom .pageBox a:hover { color: #FFED2A; background: #060606; border-color: #060606; }
.gameBttomBox .boxWrap .gameBttom .pageBox a.active { color: #FFED2A; background: #060606; border-color: #060606; }
.gameBttomBox .boxWrap .gameBttom .pageBox a:last-child { margin-right: 0; }

/* ---------- 热门专题合集（首页四列网格） ---------- */
.hotTopicBox { padding: 22px 0 0 0; }
.hotTopicBox .boxWrap .hotTopic { border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); }
.hotTopicBox .boxWrap .hotTopic .titleBox h3::after { display: none; }
.hotTopicBox .boxWrap .hotTopic .hotTopicList { padding: 20px 21px 25px 18px; display: grid; justify-content: space-between; grid-template-columns: repeat(4, 1fr); column-gap: 22px; row-gap: 24px; }
.hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgBox { width: 100%; height: 147px; overflow: hidden; position: relative; border-radius: 20px; }
.hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgBox img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgBox img:hover { transform: scale(1.08); }
.hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgBox .txt { width: 100%; height: 37px; font-size: 16px; font-weight: bold; color: #FFFFFF; line-height: 37px; text-align: center; position: absolute; left: 0; bottom: 0; z-index: 3; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); }
.hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox { width: 100%; height: 92px; margin-top: 18px; display: flex; }
.hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .imgListBox { width: 132px; height: 100%; position: relative; flex-shrink: 0; }
.hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .imgListBox a { position: absolute; bottom: 0; overflow: hidden; border-radius: 20px; border: 2px solid #FFFFFF; }
.hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .imgListBox a img { width: 100%; height: 100%; object-fit: cover; }
.hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .imgListBox .imgOne { width: 92px; height: 92px; left: 0; z-index: 3; }
.hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .imgListBox .imgTwo { width: 82px; height: 82px; left: 30px; z-index: 2; }
.hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .imgListBox .imgThree { width: 72px; height: 72px; left: 60px; z-index: 1; }
.hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox { flex: 1; overflow: hidden; padding-left: 7px; }
.hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem { margin-top: 10px; display: flex; align-items: center; }
.hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem .icon { width: 10px; height: 8px; flex-shrink: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Ccircle cx='5' cy='4' r='3' fill='%23FFBD09'/%3E%3C/svg%3E") no-repeat center/contain; }
.hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem p { font-size: 13px; color: #666666; line-height: 13px; padding-left: 8px; }
.hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem:hover p { color: #8B5615; }

/* ---------- 专题列表 ---------- */
.topicListBox .boxWrap .topicList li { margin-top: 20px; display: flex; border-radius: 20px; border: 1px solid #FFFFFF; position: relative; background: rgba(255, 255, 255, 0.4); }
.topicListBox .boxWrap .topicList li .topicL { width: 672px; padding: 21px 17px 20px 19px; display: flex; }
.topicListBox .boxWrap .topicList li .topicL .imgBox { width: 312px; height: 174px; overflow: hidden; border-radius: 12px; flex-shrink: 0; }
.topicListBox .boxWrap .topicList li .topicL .imgBox img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.topicListBox .boxWrap .topicList li .topicL .imgBox img:hover { transform: scale(1.06); }
.topicListBox .boxWrap .topicList li .topicL .txtBox { flex: 1; overflow: hidden; padding-left: 20px; }
.topicListBox .boxWrap .topicList li .topicL .txtBox .name { font-weight: bold; font-size: 20px; color: #060606; line-height: 20px; }
.topicListBox .boxWrap .topicList li .topicL .txtBox .name:hover { color: #8B5615; }
.topicListBox .boxWrap .topicList li .topicL .txtBox .brief { margin-top: 12px; font-size: 13px; color: #999999; line-height: 22px; }
.topicListBox .boxWrap .topicList li .topicL .txtBox .subList { margin-top: 14px; }
.topicListBox .boxWrap .topicList li .topicL .txtBox .subList a { display: inline-block; margin: 0 12px 8px 0; padding: 4px 12px; font-size: 12px; color: #8B5615; border-radius: 12px; background: rgba(255, 189, 10, 0.2); }
.topicListBox .boxWrap .topicList li .topicL .txtBox .subList a:hover { color: #fff; background: #FFBD09; }
.topicListBox .boxWrap .topicList li .topicR { flex: 1; padding: 21px 20px 20px 20px; border-left: 1px dashed #E3E3E3; }
.topicListBox .boxWrap .topicList li .topicR .name { font-weight: bold; font-size: 16px; color: #060606; line-height: 16px; }
.topicListBox .boxWrap .topicList li .topicR .gameList { display: grid; padding: 0; grid-template-columns: repeat(2, 1fr); column-gap: 12px; }
.topicListBox .boxWrap .topicList li .topicR .gameList li { padding: 8px 6px; margin-top: 10px; border: none; }
.topicListBox .boxWrap .topicList li .topicR .gameList li .txtImgBox .imgBox { width: 56px; height: 56px; border-radius: 12px; }
.topicListBox .boxWrap .topicList li .topicR .gameList li .txtImgBox .txtBox .name { font-size: 14px; margin-top: 2px; }
.topicListBox .boxWrap .topicList li .topicR .gameList li .txtImgBox .txtBox .size { margin-top: 6px; }

/* ---------- 新闻资讯 ---------- */
.newsBox { padding: 20px 0 0 0; }
.newsBox .boxWrap .newsContont { border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2); }
.newsBox .boxWrap .newsContont .filter { padding: 16px 20px 0 20px; display: flex; }
.newsBox .boxWrap .newsContont .filter li { font-size: 15px; color: #666666; line-height: 15px; margin-right: 30px; cursor: pointer; position: relative; padding-bottom: 10px; }
.newsBox .boxWrap .newsContont .filter li.active { color: #060606; font-size: 17px; font-weight: bold; }
.newsBox .boxWrap .newsContont .filter li.active::before { content: ""; width: 100%; height: 6px; position: absolute; left: 0; bottom: 2px; border-radius: 3px; background: #FFE922; }
.newsBox .boxWrap .newsContont .realTime { display: flex; padding: 4px 20px 20px 20px; }
.newsBox .boxWrap .newsContont .realTime .realTimeL { width: 340px; flex-shrink: 0; }
.newsBox .boxWrap .newsContont .realTime .realTimeL .topImg { height: 180px; overflow: hidden; border-radius: 12px; position: relative; }
.newsBox .boxWrap .newsContont .realTime .realTimeL .topImg img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.newsBox .boxWrap .newsContont .realTime .realTimeL .topImg img:hover { transform: scale(1.06); }
.newsBox .boxWrap .newsContont .realTime .realTimeL .topImg .status { position: absolute; left: 12px; bottom: 12px; padding: 3px 12px; font-size: 12px; color: #fff; border-radius: 10px; background: rgba(0, 0, 0, 0.5); }
.newsBox .boxWrap .newsContont .realTime .realTimeL .topImg .title { position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 12px 10px; font-size: 15px; font-weight: bold; color: #fff; background: linear-gradient(transparent, rgba(0, 0, 0, 0.65)); }
.newsBox .boxWrap .newsContont .realTime .realTimeR { flex: 1; padding-left: 24px; }
.newsBox .boxWrap .newsContont .realTime .realTimeR li { display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px dashed #EFE8D0; }
.newsBox .boxWrap .newsContont .realTime .realTimeR li a { flex: 1; font-size: 14px; color: #333333; line-height: 14px; position: relative; padding-left: 15px; }
.newsBox .boxWrap .newsContont .realTime .realTimeR li a:hover { color: #8B5615; }
.newsBox .boxWrap .newsContont .realTime .realTimeR li a::before { content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 6px; border-radius: 50%; background: #FFBD09; }
.newsBox .boxWrap .newsContont .realTime .realTimeR li .time { font-size: 13px; color: #BABABA; line-height: 14px; padding-left: 16px; }

/* ---------- 新品预约 ---------- */
.newProductBox { padding: 20px 0 0 0; }
.newProductBox .boxWrap .newProduct { display: flex; justify-content: space-between; }
.newProductBox .boxWrap .newProduct .newProductL { width: 830px; }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox { margin-top: 16px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2); }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper { padding: 0 19px 22px; position: relative; }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 24px; }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li { margin-top: 18px; }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox { display: flex; align-items: center; padding: 8px 10px; border-radius: 16px; }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox:hover { background: rgba(255, 255, 255, 0.5); }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .imgBox { width: 70px; height: 70px; overflow: hidden; border-radius: 15px; flex-shrink: 0; }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .imgBox img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .imgBox img:hover { transform: scale(1.06); }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox { flex: 1; overflow: hidden; padding-left: 15px; }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .name { font-size: 16px; color: #040404; line-height: 16px; }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .name:hover { color: #8B5615; }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .size { font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px; }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .time { font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 9px; }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn { width: 72px; height: 28px; font-size: 14px; color: #8B5615; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(255, 189, 10, 0.3); flex-shrink: 0; }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn:hover { color: #FBF32C; background: #1f1f1f; }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-next, .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-prev { width: 28px; height: 28px; border-radius: 50%; background: rgba(255, 189, 10, 0.5); }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-next::after, .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-prev::after { font-size: 13px; color: #fff; font-weight: bold; }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-prev { left: 2px; }
.newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-next { right: 2px; }
.newProductBox .boxWrap .newProduct .newProductR { width: 340px; }
.newProductBox .boxWrap .newProduct .newProductR .rankBox { margin-top: 16px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2); padding-bottom: 12px; }
.newProductBox .boxWrap .newProduct .newProductR .rankBox .gameList { display: grid; padding: 0 12px; grid-template-columns: 1fr; }
.newProductBox .boxWrap .newProduct .newProductR .rankBox .gameList li { padding: 8px 6px; margin-top: 10px; border-radius: 16px; }
.newProductBox .boxWrap .newProduct .newProductR .rankBox .gameList li:first-child { margin-top: 4px; }
.newProductBox .boxWrap .newProduct .newProductR .rankBox .gameList li:hover { background: rgba(255, 255, 255, 0.5); }
.newProductBox .boxWrap .newProduct .newProductR .rankBox .gameList li .txtImgBox .imgBox { width: 56px; height: 56px; border-radius: 12px; }
.newProductBox .boxWrap .newProduct .newProductR .rankBox .gameList li .txtImgBox .txtBox .name { font-size: 14px; margin-top: 2px; }
.newProductBox .boxWrap .newProduct .newProductR .rankBox .gameList li .txtImgBox .txtBox .size { margin-top: 5px; }
/* 游戏大厂：三列卡片（对标源站 newProductR .gameList） */
.newProductBox .boxWrap .newProduct .newProductR .factoryList { padding: 0 22px 0 18px; display: grid; justify-content: space-between; grid-template-columns: repeat(3, 242px); }
.newProductBox .boxWrap .newProduct .newProductR .factoryList li { width: 100%; margin-top: 19px; overflow: hidden; border-radius: 20px; background-color: #FBF6E7; border: 1px solid #FFFFFF; display: block; }
.newProductBox .boxWrap .newProduct .newProductR .factoryList li:hover { border-color: #FFBE09; }
.newProductBox .boxWrap .newProduct .newProductR .factoryList li .imgBox { width: 100%; height: 103px; display: flex; align-items: center; justify-content: center; background: #FDFBF4; }
.newProductBox .boxWrap .newProduct .newProductR .factoryList li .imgBox img { width: 100%; height: 103px; display: block; object-fit: cover; }
.newProductBox .boxWrap .newProduct .newProductR .factoryList li .txt { display: block; font-weight: bold; font-size: 16px; color: #000000; line-height: 49px; text-align: center; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newProductBox .boxWrap .newProduct .newProductR .factoryList li .txt:hover { color: #8B5615; }
.newProductBox .boxWrap .newProduct .newProductR .titleBox { padding: 13px 0 0 22px; }
.newProductBox .boxWrap .newProduct .newProductR .titleBox h3::after { display: none; }

/* ---------- 分页 ---------- */
.pageBox { padding: 30px 0 32px 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.pageBox a, .pageBox span { min-width: 40px; height: 40px; font-weight: bold; font-size: 14px; color: #333333; text-align: center; border-radius: 3px; line-height: 40px; margin: 4px 8px 4px 0; padding: 0 4px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.3); display: inline-block; }
.pageBox a:hover, .pageBox span.cur { color: #FFED2A; background: #060606; border-color: #060606; }
.pageBox a.home { width: 59px; font-size: 16px; color: #333333; font-weight: 400; }
.pageBox a.next { width: 73px; font-weight: 400; font-size: 14px; color: #333333; }
.pageBox span.omit { width: auto; font-weight: 400; font-size: 16px; color: #333333; border: none; background: none; }

/* ---------- 页脚 ---------- */
footer { padding: 20px 0 33px 0; margin-top: 21px; border-top: 2px solid #FEC61B; border-bottom: 1px solid #FEC71B; background: linear-gradient(0deg, #484848, #0B0B0B); }
footer .boxWrap .footerBox .friendBox { padding-bottom: 18px; display: flex; align-items: center; border-bottom: 1px solid #484848; }
footer .boxWrap .footerBox .friendBox .friendBg { width: 120px; height: 68px; flex-shrink: 0; padding: 15px 0 0 21px; }
footer .boxWrap .footerBox .friendBox .friendBg h3 { font-weight: bold; font-size: 20px; line-height: 22px; background: linear-gradient(-90deg, #FFFC24 0%, #FFBD09 89.99%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #FFBD09; }
footer .boxWrap .footerBox .friendBox .friendList { padding-left: 26px; display: flex; flex-wrap: wrap; }
footer .boxWrap .footerBox .friendBox .friendList a { font-size: 14px; color: #CCCCCC; line-height: 28px; margin-right: 28px; display: inline-block; }
footer .boxWrap .footerBox .friendBox .friendList a:hover { color: #FFF923; text-decoration: underline; }
footer .boxWrap .footerBox .footerTxt { padding: 17px 0 0 0; }
footer .boxWrap .footerBox .footerTxt p { font-size: 14px; color: #999999; line-height: 22px; text-align: center; }
footer .boxWrap .footerBox .footerTxt p a, footer .boxWrap .footerBox .footerTxt a { display: inline-block; font-size: 14px; color: #999999; line-height: 22px; }
footer .boxWrap .footerBox .footerTxt a:hover { color: #FFBD09; }

/* ---------- 右侧浮动工具 ---------- */
.macdown-float { position: fixed; right: 24px; bottom: 80px; z-index: 90; display: flex; flex-direction: column; gap: 10px; }
.macdown-float .floatBtn { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(90deg, #FFFC24, #FFBD09); box-shadow: 0 4px 14px rgba(255, 189, 9, 0.4); display: flex; align-items: center; justify-content: center; font-size: 12px; color: #8B5615; font-weight: bold; }
.macdown-float .floatBtn:hover { color: #fff; }
.macdown-float .toTop { display: none; }
.macdown-float .toTop.show { display: flex; }

/* ---------- 广告位通用 ---------- */
.macdown-ad { margin: 20px auto; text-align: center; }
.macdown-ad .adInner { display: inline-block; max-width: 100%; }
.macdown-ad img { max-width: 100%; border-radius: 12px; }

/* ============================================================
   文章详情页
   ============================================================ */
.detailBox { padding: 20px 0 0 0; }
.detailBox .boxWrap .detailContont { display: flex; justify-content: space-between; align-items: flex-start; }
.detailBox .boxWrap .detailContont .detailL { width: 856px; }
.detailBox .boxWrap .detailContont .detailL .appPanel { border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 24px 24px 30px; }
.detailHead { display: flex; }
.detailHead .imgBox { width: 128px; height: 128px; overflow: hidden; border-radius: 24px; border: 2px solid #FFBD09; flex-shrink: 0; }
.detailHead .imgBox img { width: 100%; height: 100%; object-fit: cover; }
.detailHead .txtBox { flex: 1; overflow: hidden; padding-left: 24px; }
.detailHead .txtBox h1 { font-size: 26px; color: #060606; line-height: 30px; font-weight: bold; }
.detailHead .txtBox .slogan { margin-top: 8px; font-size: 13px; color: #8B5615; line-height: 18px; }
.detailHead .txtBox .tags { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px; }
.detailHead .txtBox .tags a { padding: 3px 12px; font-size: 12px; color: #8B5615; border-radius: 12px; background: rgba(255, 189, 10, 0.2); }
.detailHead .txtBox .tags a:hover { color: #fff; background: #FFBD09; }
.detailHead .txtBox .metaRow { margin-top: 14px; display: flex; flex-wrap: wrap; }
.detailHead .txtBox .metaRow span { font-size: 13px; color: #BABABA; line-height: 13px; margin-right: 20px; position: relative; }
.detailHead .txtBox .metaRow span b { color: #666666; font-weight: normal; }
.detailHead .txtBox .metaRow span i { color: #8B5615; font-style: normal; }
.detailHead .downWrap { width: 200px; flex-shrink: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 10px; justify-content: center; }
.detailHead .downWrap .downBtn { display: block; height: 48px; border-radius: 24px; text-align: center; line-height: 48px; font-size: 16px; font-weight: bold; color: #fff; background: linear-gradient(90deg, #FFC00A, #FFBD09); box-shadow: 0 6px 16px rgba(255, 189, 9, 0.35); }
.detailHead .downWrap .downBtn:hover { color: #fff; filter: brightness(1.06); }
.detailHead .downWrap .downBtn.ios { background: linear-gradient(90deg, #8B5615, #060606); box-shadow: none; }
.detailHead .downWrap .downNone { text-align: center; font-size: 12px; color: #BABABA; line-height: 48px; }
/* 截图画廊 */
.shotBox { margin-top: 22px; }
.shotBox .swiper { padding-bottom: 30px; }
.shotBox .swiper-slide { width: 240px; height: 150px; border-radius: 12px; overflow: hidden; }
.shotBox .swiper-slide img { width: 100%; height: 100%; object-fit: cover; cursor: zoom-in; }
.shotBox .swiper-button-next, .shotBox .swiper-button-prev { width: 28px; height: 28px; border-radius: 50%; background: rgba(255, 189, 10, 0.6); }
.shotBox .swiper-button-next::after, .shotBox .swiper-button-prev::after { font-size: 13px; color: #fff; font-weight: bold; }
/* 正文 */
.articleTxt { margin-top: 22px; font-size: 15px; color: #333333; line-height: 28px; }
.articleTxt h2, .articleTxt h3, .articleTxt h4 { font-weight: bold; color: #060606; margin: 18px 0 10px; }
.articleTxt h2 { font-size: 20px; }
.articleTxt h3 { font-size: 17px; }
.articleTxt p { margin: 10px 0; }
.articleTxt img { max-width: 100%; border-radius: 10px; margin: 10px 0; }
.articleTxt a { display: inline; color: #FF8C00; }
.articleTxt a:hover { text-decoration: underline; }
.articleTxt ul, .articleTxt ol { padding-left: 22px; margin: 8px 0; }
.articleTxt ul li { list-style: disc; }
.articleTxt ol li { list-style: decimal; }
.articleTxt table { width: 100%; margin: 12px 0; }
.articleTxt table td, .articleTxt table th { padding: 8px 12px; border: 1px solid #EFE8D0; font-size: 14px; }
.articleTxt table th { background: #FFF7E0; color: #060606; }
/* 游戏信息表 */
.infoTable { margin-top: 24px; border-radius: 16px; overflow: hidden; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); }
.infoTable .infoTitle { padding: 14px 20px; font-size: 18px; font-weight: bold; color: #060606; border-bottom: 1px solid #FFF0B7; }
.infoTable table { width: 100%; }
.infoTable table td { padding: 11px 20px; font-size: 14px; color: #666666; border-bottom: 1px dashed #F3EBD0; }
.infoTable table td:first-child { width: 140px; color: #8B5615; }
.infoTable table tr:last-child td { border-bottom: none; }
/* 详情页左右篇 */
.prevNext { margin-top: 20px; display: flex; justify-content: space-between; }
.prevNext a { width: 48%; padding: 14px 18px; border-radius: 14px; font-size: 14px; color: #666666; background: rgba(255, 255, 255, 0.5); }
.prevNext a:hover { color: #8B5615; }
.prevNext a.next { text-align: right; }
/* 详情页右侧栏 */
.detailR { width: 312px; flex-shrink: 0; }
.detailR .sideBox { border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); margin-bottom: 20px; }
.detailR .sideBox .sideTitle { padding: 16px 18px 12px; font-size: 18px; font-weight: bold; color: #060606; position: relative; }
.detailR .sideBox .sideTitle::before { content: ""; width: 6px; height: 18px; border-radius: 3px; background: linear-gradient(180deg, #FFFC24, #FFBD09); position: absolute; left: 0; top: 18px; }
.detailR .sideBox .sideTitle span { padding-left: 14px; }
.detailR .sideBox .sideTitle .more { position: absolute; right: 14px; top: 18px; font-size: 12px; color: #BABABA; font-weight: normal; }
.detailR .sideBox .sideTitle .more:hover { color: #8B5615; }
.detailR .sideBox .sideList { padding: 0 14px 14px; }
.detailR .sideBox .sideList li { display: flex; align-items: center; padding: 9px 6px; border-radius: 12px; }
.detailR .sideBox .sideList li:hover { background: rgba(255, 255, 255, 0.6); }
.detailR .sideBox .sideList li .num { width: 20px; font-size: 14px; font-weight: bold; color: #BABABA; text-align: center; flex-shrink: 0; }
.detailR .sideBox .sideList li:nth-child(-n+3) .num { color: #FF2E38; }
.detailR .sideBox .sideList li .imgBox { width: 52px; height: 52px; overflow: hidden; border-radius: 10px; flex-shrink: 0; margin-left: 8px; }
.detailR .sideBox .sideList li .imgBox img { width: 100%; height: 100%; object-fit: cover; }
.detailR .sideBox .sideList li .txtBox { flex: 1; overflow: hidden; padding-left: 12px; }
.detailR .sideBox .sideList li .txtBox .name { font-size: 14px; color: #040404; line-height: 14px; }
.detailR .sideBox .sideList li .txtBox .name:hover { color: #8B5615; }
.detailR .sideBox .sideList li .txtBox .size { font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 7px; }
.detailR .sideBox .sideList li .txtBox .time { font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 6px; }
/* 评分/点赞 */
.likeBox { margin-top: 20px; display: flex; justify-content: center; gap: 20px; }
.likeBox .likeItem { width: 120px; padding: 14px 0; text-align: center; border-radius: 14px; background: rgba(255, 255, 255, 0.5); cursor: pointer; }
.likeBox .likeItem:hover { background: rgba(255, 189, 10, 0.2); }
.likeBox .likeItem .icon { font-size: 22px; }
.likeBox .likeItem p { margin-top: 6px; font-size: 13px; color: #666666; }

/* ---------- 评论 ---------- */
.macdown-comments { margin-top: 24px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); padding: 20px 24px; }
.macdown-comments .cmtTitle { font-size: 18px; font-weight: bold; color: #060606; padding-bottom: 14px; border-bottom: 1px solid #FFF0B7; }
.macdown-comments .cmtTitle span { font-size: 13px; color: #BABABA; font-weight: normal; padding-left: 8px; }
.macdown-comments ul { padding-top: 6px; }
.macdown-comments ul li { display: flex; padding: 16px 0; border-bottom: 1px dashed #F3EBD0; }
.macdown-comments ul li .avatar { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: #FFE60F; }
.macdown-comments ul li .avatar img { width: 100%; height: 100%; object-fit: cover; }
.macdown-comments ul li .cmtBody { flex: 1; padding-left: 14px; }
.macdown-comments ul li .cmtBody .cmtHead { font-size: 13px; color: #999999; }
.macdown-comments ul li .cmtBody .cmtHead b { color: #8B5615; font-size: 14px; padding-right: 10px; }
.macdown-comments ul li .cmtBody .cmtTxt { margin-top: 6px; font-size: 14px; color: #333333; line-height: 24px; }
.macdown-comments ul li .cmtBody .reply { margin-top: 8px; font-size: 13px; }
.macdown-comments ul li .cmtBody .reply a { display: inline-block; color: #FF8C00; }
.macdown-comments ul li.children { padding-left: 58px; }
.macdown-comments .cmtForm { padding-top: 16px; }
.macdown-comments .cmtForm .inputRow { display: flex; gap: 12px; margin-bottom: 12px; }
.macdown-comments .cmtForm input[type="text"] { flex: 1; height: 40px; padding: 0 14px; border: 1px solid #EFE8D0; border-radius: 10px; background: #FFFDEB; font-size: 14px; }
.macdown-comments .cmtForm textarea { width: 100%; height: 100px; padding: 10px 14px; border: 1px solid #EFE8D0; border-radius: 10px; background: #FFFDEB; font-size: 14px; resize: vertical; }
.macdown-comments .cmtForm .submitBtn { margin-top: 12px; width: 140px; height: 40px; border-radius: 20px; background: linear-gradient(90deg, #FFC00A, #FFBD09); color: #fff; font-size: 15px; font-weight: bold; }
.macdown-comments .cmtForm .submitBtn:hover { filter: brightness(1.06); }

/* ---------- 搜索页 ---------- */
.searchBoxPage { padding: 20px 0 0 0; }
.searchBoxPage .boxWrap .searchPanel { border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); padding: 22px 24px; }
.searchBoxPage .boxWrap .searchPanel .searchForm { display: flex; }
.searchBoxPage .boxWrap .searchPanel .searchForm input { flex: 1; height: 44px; padding: 0 16px; border: 1px solid #FFBD09; border-radius: 12px 0 0 12px; background: #FFFDEB; font-size: 15px; }
.searchBoxPage .boxWrap .searchPanel .searchForm button { width: 100px; height: 44px; border-radius: 0 12px 12px 0; background: linear-gradient(90deg, #FFC00A, #FFBD09); color: #fff; font-size: 15px; font-weight: bold; }
.searchBoxPage .boxWrap .searchPanel .searchTip { margin-top: 12px; font-size: 13px; color: #999999; }
.searchBoxPage .boxWrap .searchPanel .searchTip b { color: #FF2E38; }

/* ---------- 404 ---------- */
.errorPage { padding: 80px 0; text-align: center; }
.errorPage .code { font-size: 90px; font-weight: bold; line-height: 1; background: linear-gradient(90deg, #FFFC24, #FFBD09); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #FFBD09; }
.errorPage .msg { margin-top: 14px; font-size: 16px; color: #666666; }
.errorPage .backHome { display: inline-block; margin-top: 26px; padding: 12px 36px; border-radius: 22px; background: linear-gradient(90deg, #FFC00A, #FFBD09); color: #fff; font-size: 15px; font-weight: bold; }

/* ---------- 独立页面 ---------- */
.pageDetail { border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 30px 34px; }
.pageDetail h1 { font-size: 24px; font-weight: bold; color: #060606; text-align: center; padding-bottom: 18px; border-bottom: 1px solid #FFF0B7; }
.pageDetail .newsTxt { padding-top: 16px; font-size: 15px; color: #333333; line-height: 28px; }

/* ---------- 新闻详情页 ---------- */
.newsDetail { border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 26px 30px; }
.newsDetail h1 { font-size: 24px; font-weight: bold; color: #060606; line-height: 32px; }
.newsDetail .newsMeta { margin-top: 12px; font-size: 13px; color: #BABABA; display: flex; gap: 18px; }
.newsDetail .newsContont { margin-top: 16px; font-size: 15px; color: #333333; line-height: 28px; }
.newsDetail .newsContont h2, .newsDetail .newsContont h3, .newsDetail .newsContont h4 { font-weight: bold; color: #060606; margin: 16px 0 8px; }
.newsDetail .newsContont p { margin: 10px 0; }
.newsDetail .newsContont img { max-width: 100%; border-radius: 10px; }
.newsDetail .newsContont a { display: inline; color: #FF8C00; }
.newsDetail .newsContont a:hover { text-decoration: underline; }
.newsDetail .newsTags { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 8px; }
.newsDetail .newsTags a { padding: 3px 12px; font-size: 12px; color: #8B5615; border-radius: 12px; background: rgba(255, 189, 10, 0.2); }
.newsDetail .newsTags a:hover { color: #fff; background: #FFBD09; }

/* ---------- 侧栏推荐（新闻详情页） ---------- */
.latestRecom { margin-top: 20px; }
.latestRecom .sideList li .txtBox .name { font-size: 14px; }

/* ============================================================
   响应式 / 移动端（对齐 源站移动端）
   ============================================================ */
/* ---------- 详情页：APP 头部（对标 down 页 detailSmallBox） ---------- */
.detailSmallBox { padding: 16px 0 0 0; }
.detailSmallBox .boxWrap .detailSmall { width: 100%; padding: 1px 1px; border-radius: 20px; background: linear-gradient(90deg, #FFBD09, #FFF220, #FFBD09); }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont { padding: 28px 30px 30px 29px; border-radius: 20px; background: #FEFCF6; position: relative; display: flex; justify-content: space-between; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL { display: flex; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .imgBox { width: 160px; height: 160px; overflow: hidden; border-radius: 20px; flex-shrink: 0; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .imgBox img { width: 100%; height: 100%; object-fit: cover; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox { flex: 1; padding-left: 30px; overflow: hidden; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .nameBox { display: flex; align-items: center; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .nameBox h1 { font-weight: bold; font-size: 24px; color: #060606; line-height: 24px; overflow: hidden; max-width: 320px; text-overflow: ellipsis; white-space: nowrap; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .nameBox .together { padding: 3px 13px 5px 13px; border-radius: 10px; margin: -3px 0 0 16px; font-size: 13px; color: #8B5615; line-height: 16px; background: linear-gradient(90deg, rgba(139, 86, 21, 0.05), rgba(139, 86, 21, 0)); }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele { display: flex; flex-wrap: wrap; margin-top: 11px; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a { padding: 6px 11px 6px 12px; font-size: 12px; color: #8B5615; line-height: 12px; border-radius: 10px; margin: 0 8px 6px 0; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 200, 10, 0.4); }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a:hover { border-color: #FFBD09; color: #060606; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .typeBox { margin-top: 9px; display: flex; flex-wrap: wrap; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .typeBox .typeItem { margin-right: 31px; font-size: 14px; color: #333333; line-height: 14px; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .typeBox .typeItem span:first-child { color: #999999; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList { padding: 17px 0 0 0; display: flex; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a { width: 190px; height: 44px; text-align: center; line-height: 44px; border-radius: 22px; margin-right: 10px; color: #FFFFFF; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.pgd { padding: 6px 0; line-height: 16px; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.azd { font-size: 18px; background: linear-gradient(90deg, #1EDD97, #73F294); }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.pgd { font-size: 15px; background: linear-gradient(90deg, #5A94FF, #53C0FF); }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a:hover { opacity: .9; color: #FFFFFF; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.disabled { background: #CCCCCC; cursor: not-allowed; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR { width: 332px; display: flex; justify-content: space-between; align-items: flex-start; flex-shrink: 0; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox { width: 140px; height: 57px; display: flex; border-radius: 20px; position: relative; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 200, 10, 0.4); overflow: hidden; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox > div { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: opacity .2s; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox > div:hover { background: rgba(255, 189, 10, 0.15); }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox .icon { width: 20px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M10 17l-1.4-1.3C4 11.4 1 8.7 1 5.4 1 3 3 1 5.4 1 6.8 1 8.1 1.7 10 3.6 11.9 1.7 13.2 1 14.6 1 17 1 19 3 19 5.4c0 3.3-3 6-7.6 10.3z' fill='%23FF7A64'/%3E%3C/svg%3E") no-repeat center/contain; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox .likeR .icon { transform: rotate(180deg); }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox p { font-size: 12px; color: #8B5615; line-height: 12px; margin-top: 4px; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox .num { font-weight: bold; font-size: 14px; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .qrcodeBox { width: 140px; height: 140px; padding: 10px 15px 0 14px; background-color: white; border-radius: 12px; text-align: center; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .qrcodeBox img { width: 110px; height: 110px; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .qrcodeBox p { font-size: 12px; color: #8B5615; line-height: 12px; padding-top: 3px; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .problem { position: absolute; right: 30px; bottom: 30px; display: flex; align-items: center; cursor: pointer; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .problem .icon { width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a7 7 0 100 14A7 7 0 008 1zm.8 11H7.2v-1.6h1.6V12zm0-3H7.2V5.6h1.6V9z' fill='%238B5615'/%3E%3C/svg%3E") no-repeat center/contain; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .problem p { font-size: 13px; color: #8B5615; line-height: 13px; padding-left: 6px; }

/* ---------- 详情页：摘要 ---------- */
/* 注意：卡片视觉必须画在 .boxWrap 上，否则会变成通栏（源站是 1200px 居中卡片） */
.summaryBox { margin-top: 15px; }
.summaryBox .boxWrap { padding: 0; border-radius: 20px; border: 1px solid #FFFFFF; position: relative; overflow: hidden; background: linear-gradient(90deg, #EFF0FE, #CECFFB, #DCD8FE); }
.summaryBox .boxWrap .summaryTitle { padding: 17px 20px 0 20px; display: flex; align-items: center; }
.summaryBox .boxWrap .summaryTitle h3 { font-weight: bold; font-size: 22px; color: #23244D; line-height: 22px; }
.summaryBox .boxWrap .summaryTitle p { font-size: 13px; color: #6E6A9B; line-height: 13px; padding-left: 12px; }
.summaryBox .boxWrap .summaryTxtBox { margin: 19px 20px 20px 20px; border-radius: 20px; position: relative; z-index: 1; border: 1px solid #FFFFFF; background: linear-gradient(90deg, rgba(255, 255, 255, 0.8), rgba(236, 236, 252, 0.8)); }
.summaryBox .boxWrap .summaryTxtBox .summaryTxt { padding: 14px 16px; font-size: 15px; color: #22262E; line-height: 28px; border-radius: 12px; background: rgba(236, 236, 252, 0.6); }

/* ---------- 详情页：正文容器与左右栏 ---------- */
.detailContontBox { padding: 22px 0 0 0; }
.detailContontBox .boxWrap .detailContont { background: rgba(255, 255, 255, 0.4); border-radius: 20px; border: 1px solid #FFFFFF; }
.detailContontBox .boxWrap .detailContont .majorBox { padding-bottom: 11px; display: flex; justify-content: space-between; }
.detailContontBox .boxWrap .detailContont .majorBox .majorL { width: 863px; }
.detailContontBox .boxWrap .detailContont .majorBox .majorR { width: 315px; }
.detailContontBox .boxWrap .detailContont .titleBox { padding: 13px 20px 0 20px; display: flex; justify-content: space-between; align-items: center; }
.detailContontBox .boxWrap .detailContont .titleBox h3 { font-weight: bold; font-size: 24px; color: #060606; line-height: 24px; position: relative; z-index: 1; }
/* v1.5：详情页标题栏的「更多」是纯文字链接，必须清掉全局 .more 的 22px 圆形箭头图标，
   否则 4 个汉字被压在 22×22 的圆形背景上，显示成乱码/挤成一团 */
.detailContontBox .boxWrap .detailContont .titleBox .more { width: auto; height: auto; font-size: 14px; color: #8B5615; line-height: 14px; background: none; padding-right: 2px; }
.detailContontBox .boxWrap .detailContont .titleBox .more:hover { color: #FF8A00; }

/* 截图预览 */
.detailContontBox .boxWrap .detailContont .screenshotBox .screenshotSwiperBox { padding: 28px 20px 0 17px; }
.detailContontBox .boxWrap .detailContont .screenshotBox .screenshotSwiper .swiper-slide { width: auto; height: 340px; border-radius: 15px; overflow: hidden; }
.detailContontBox .boxWrap .detailContont .screenshotBox .screenshotSwiper .swiper-slide img { height: 100%; width: auto; object-fit: cover; }

/* 游戏简介 */
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt { padding: 16px 20px 10px 17px; word-break: break-all; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt p { font-size: 16px; color: #060606; line-height: 30px; margin-top: 16px; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt p:first-child { margin-top: 0; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt h1,
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt h2,
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt h3,
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt h4 { font-weight: bold; color: #060606; line-height: 28px; margin: 18px 0 8px 0; position: relative; padding-left: 16px; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt h1 { font-size: 22px; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt h2 { font-size: 20px; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt h3 { font-size: 18px; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt h4 { font-size: 16px; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt h1::before,
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt h2::before,
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt h3::before,
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt h4::before { content: ""; width: 6px; height: 100%; position: absolute; left: 0; top: 2px; bottom: 2px; border-radius: 3px; background: linear-gradient(180deg, #FFFC24, #FFBD09); }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt img { display: block; width: auto; max-width: 100%; max-height: 427px; object-fit: contain; margin: 15px auto; border-radius: 10px; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt video { display: block; width: auto; max-height: 427px; margin: 15px auto; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt a { display: inline-block; color: #CEB181; text-decoration: underline; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt a:hover { color: #8B5615; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt strong,
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt b { font-weight: bold; color: #060606; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt em { font-style: italic; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt ul,
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt ol { padding-left: 24px; margin: 14px 0; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt ul li { list-style: disc; font-size: 16px; color: #060606; line-height: 30px; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt ol li { list-style: decimal; font-size: 16px; color: #060606; line-height: 30px; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt blockquote { padding: 12px 16px; margin: 14px 0; border-left: 4px solid #FFBD09; background: rgba(255, 189, 10, 0.08); border-radius: 0 10px 10px 0; color: #666666; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt table { width: 100%; margin: 14px 0; border-collapse: collapse; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt table th,
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt table td { padding: 10px 12px; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 15px; line-height: 24px; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt table th { background: rgba(255, 189, 10, 0.15); font-weight: bold; color: #8B5615; }
.detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt hr { border: none; border-top: 1px dashed #E3E3E3; margin: 18px 0; }

/* 游戏信息表 */
.detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox { padding: 24px 0 0 17px; }
.detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info { padding: 0 20px 24px 20px; width: 846px; display: flex; flex-wrap: wrap; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); }
.detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li { width: 50%; display: flex; padding: 24px 0 0 0; font-size: 14px; line-height: 14px; }
.detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtL { width: 90px; color: #999999; }
.detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtR { flex: 1; color: #060606; }

/* 相关版本 */
.detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList { padding: 20px 20px 0 17px; }
.detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li { padding: 9px 9px 9px 20px; margin-top: 20px; display: flex; align-items: center; border-radius: 20px; border: 1px solid #FFFFFF; justify-content: space-between; background: rgba(255, 255, 255, 0.5); }
.detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li:first-child { margin-top: 0; }
.detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .nameBox { display: flex; align-items: center; flex: 1; overflow: hidden; }
.detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .nameBox .icon { width: 14px; height: 14px; flex-shrink: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M7 1l1.8 3.7 4 .6-2.9 2.8.7 4L7 10.2 3.4 12.1l.7-4L.2 5.3l4-.6z' fill='%23FFBD09'/%3E%3C/svg%3E") no-repeat center/contain; }
.detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .nameBox a { padding-left: 10px; font-size: 15px; color: #060606; line-height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .timeBox { display: flex; align-items: center; padding-left: 18px; font-size: 13px; color: #999999; line-height: 13px; }
.detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .timeBox p { padding-right: 4px; }
.detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn { width: 72px; height: 28px; font-size: 14px; color: #8B5615; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(255, 189, 10, 0.3); flex-shrink: 0; margin-left: 14px; }
.detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn:hover { color: #FBF32C; background: #1f1f1f; }

/* 同类游戏 */
.detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind { padding: 30px 0 20px 18px; display: grid; justify-content: space-between; grid-template-columns: repeat(6, 104px); }
.detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li { overflow: hidden; }
.detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li .imgBox { width: 104px; height: 104px; border-radius: 19px; overflow: hidden; }
.detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li .imgBox img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li:hover .imgBox img { transform: scale(1.2); }
.detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li .name { width: 104px; margin-top: 14px; font-size: 14px; color: #222222; line-height: 14px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li .name:hover { color: #8B5615; }

/* 下载页：标题栏去掉右侧箭头挂件（对标源站 detail 页） */
.detailContontBox .boxWrap .detailContont .titleBox h3::after { display: none; }

/* ========== 更新日志（updateBox） ========== */
.detailContontBox .boxWrap .detailContont .majorL .updateBox .titleBox { padding: 21px 0 0 18px; }
.detailContontBox .boxWrap .detailContont .majorL .updateBox .titleBox h3 { font-size: 20px; line-height: 20px; }
.detailContontBox .boxWrap .detailContont .majorL .updateBox .titleBox .updateTxt { font-size: 14px; color: #BABABA; line-height: 14px; }
.detailContontBox .boxWrap .detailContont .majorL .updateBox .updateContont { padding: 20px 0 0 11px; }
.detailContontBox .boxWrap .detailContont .majorL .updateBox .updateContont p { margin-top: 5px; font-size: 16px; color: #060606; line-height: 24px; word-break: break-all; }
.detailContontBox .boxWrap .detailContont .majorL .updateBox .updateContont p:first-child { color: #BABABA; margin-top: 0; }

/* ========== 相关攻略轮播（strategyBox） ========== */
.detailContontBox .boxWrap .detailContont .majorL .strategyBox .titleBox { padding: 31px 0 0 18px; }
.detailContontBox .boxWrap .detailContont .majorL .strategyBox .titleBox h3 { font-size: 20px; line-height: 20px; }
.detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox { padding: 21px 0 0 18px; }
.detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-slide { width: 273px; height: 165px; margin-right: 20px; }
.detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-slide .imgBox { width: 273px; height: 165px; overflow: hidden; position: relative; border-radius: 10px; }
.detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-slide .imgBox img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-slide:hover .imgBox img { transform: scale(1.1); }
.detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-slide .imgBox .txt { width: 100%; height: 40px; padding: 0 12px; box-sizing: border-box; font-size: 15px; color: #FFFFFF; line-height: 40px; text-align: center; position: absolute; left: 0; bottom: 0; z-index: 3; background: rgba(0, 0, 0, .35); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-button-next,
.detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-button-prev { width: 28px; height: 28px; top: 68px; border-radius: 50%; background: rgba(255, 189, 10, .5); }
.detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-button-next::after,
.detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-button-prev::after { font-size: 13px; color: #fff; font-weight: bold; }
.detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-button-prev { left: 2px; }
.detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-button-next { right: 22px; }

/* ========== 相关专题（relatedTopicBox） ========== */
.detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .titleBox { padding: 31px 0 0 18px; }
.detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .titleBox h3 { font-size: 20px; line-height: 20px; }
.detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter { padding: 16px 0 0 18px; display: flex; align-items: center; flex-wrap: wrap; }
.detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter li { padding: 8px 15px; cursor: pointer; font-size: 14px; color: #8B5615; line-height: 14px; border-radius: 18px; margin: 8px 11px 0 0; background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(255, 200, 10, 0.4); }
.detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter li.active { color: #fff; border: none; background: linear-gradient(90deg, #FFA82B, #FFC853); }
.detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .tabInfo { display: none; }
.detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .tabInfo.active { display: block; }
.detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox { padding: 16px 0 0 18px; }
.detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related { padding: 19px 22px 19px 19px; margin-bottom: 16px; border-radius: 20px; display: flex; align-items: center; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); }
.detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .imgBox { width: 334px; height: 175px; overflow: hidden; border-radius: 20px; flex-shrink: 0; }
.detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .imgBox img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related:hover .imgBox img { transform: scale(1.06); }
.detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox { flex: 1; min-width: 0; padding-left: 20px; }
.detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .name { font-weight: bold; font-size: 20px; color: #060606; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .name:hover { color: #8B5615; }
.detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .time { font-size: 13px; color: #BABABA; line-height: 13px; margin-top: 12px; }
.detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .brief { font-size: 14px; color: #333333; line-height: 24px; margin-top: 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

/* ========== 侧栏：最近更新（upadteListBox） ========== */
.detailContontBox .boxWrap .detailContont .majorR .upadteListBox .titleBox,
.detailContontBox .boxWrap .detailContont .majorR .sameListBox .titleBox { padding: 22px 19px 0 10px; }
.detailContontBox .boxWrap .detailContont .majorR .upadteListBox .titleBox h3,
.detailContontBox .boxWrap .detailContont .majorR .sameListBox .titleBox h3 { font-size: 20px; line-height: 20px; }
.detailContontBox .boxWrap .detailContont .majorR .upadteListBox .titleBox h3::before,
.detailContontBox .boxWrap .detailContont .majorR .sameListBox .titleBox h3::before { display: none; }
.detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList { padding: 10px 11px 0 0; }
.detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li { padding: 10px 8px 10px 10px; display: flex; align-items: center; border-radius: 20px; justify-content: space-between; min-width: 0; }
.detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li:hover { background: rgba(255, 255, 255, 0.5); }
.detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox { flex: 1; overflow: hidden; display: flex; align-items: center; min-width: 0; }
.detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .imgBox { width: 70px; height: 70px; overflow: hidden; border-radius: 15px; flex-shrink: 0; }
.detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .imgBox img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li:hover .imgBox img { transform: scale(1.06); }
.detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox { flex: 1; min-width: 0; overflow: hidden; padding-left: 10px; }
.detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .name { font-size: 14px; color: #040404; line-height: 14px; display: block; }
.detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .name:hover { color: #8B5615; }
.detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .size { display: block; font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px; }
.detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .time { display: block; font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px; }

/* ========== 侧栏：合集推荐（sameListBox） ========== */
.detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList { padding: 12px 20px 0 11px; }
.detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li { width: 100%; height: 139px; overflow: hidden; margin-top: 15px; border-radius: 20px; position: relative; }
.detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .bgImg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; }
.detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .bgImg img { width: 100%; height: 100%; object-fit: cover; filter: blur(15px); transform: scale(1.2); }
.detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: rgba(0, 0, 0, .28); }
.detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .name { padding: 0 14px; font-size: 16px; color: #FFFFFF; line-height: 16px; margin-top: 19px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .timeBox { padding: 0 14px; margin-top: 8px; }
.detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .timeBox span { color: rgba(255, 255, 255, 0.75); font-size: 12px; line-height: 12px; }
.detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .timeBox span:nth-child(2) { margin: 0 4px; color: rgba(204, 204, 204, 0.5); }
.detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .sameSmall { padding: 14px 25px 0 15px; display: grid; justify-content: space-between; grid-template-columns: repeat(5, 40px); }
.detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .sameSmall a { width: 40px; height: 40px; overflow: hidden; border-radius: 6px; }
.detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .sameSmall a img { width: 100%; height: 100%; object-fit: cover; }

/* 猜你喜欢 / 热门游戏（侧栏列表） */
.detailContontBox .boxWrap .detailContont .majorR .hotGameList { padding: 16px 8px 16px 10px; }
.detailContontBox .boxWrap .detailContont .majorR .hotGameList li { padding: 10px 8px 10px 10px; display: flex; align-items: center; border-radius: 20px; justify-content: space-between; }
.detailContontBox .boxWrap .detailContont .majorR .hotGameList li:hover { background: rgba(255, 255, 255, 0.5); }
.detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox { flex: 1; overflow: hidden; display: flex; }
.detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .imgBox { width: 52px; height: 52px; overflow: hidden; border-radius: 10px; flex-shrink: 0; }
.detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .imgBox img { width: 100%; height: 100%; object-fit: cover; }
.detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox { flex: 1; overflow: hidden; padding-left: 10px; }
.detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .name { font-size: 14px; color: #040404; line-height: 14px; }
.detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .size { font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 8px; }
.detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .time { font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 6px; }
.detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn { width: 56px; height: 26px; font-size: 13px; color: #8B5615; text-align: center; line-height: 26px; border-radius: 13px; background: rgba(255, 189, 10, 0.3); flex-shrink: 0; margin-left: 8px; }
.detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn:hover { color: #FBF32C; background: #1f1f1f; }
.detailContontBox .boxWrap .detailContont .majorR .hotLableBox { margin-top: 20px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); }
.detailContontBox .boxWrap .detailContont .majorR .hotLableBox .hotLable { padding: 3px 0 19px 20px; display: flex; flex-wrap: wrap; }
.detailContontBox .boxWrap .detailContont .majorR .hotLableBox .hotLable a { padding: 7px 16px 7px 15px; font-size: 14px; color: #666666; line-height: 14px; border-radius: 13px; margin-right: 9px; margin-top: 15px; background: rgba(255, 255, 255, 0.5); border: 1px solid #FFFFFF; }
.detailContontBox .boxWrap .detailContont .majorR .hotLableBox .hotLable a:hover { color: #8B5615; border-color: #FFBD09; }

/* 详情页广告容器与侧栏卡片 */
.detailContontBox .boxWrap .detailContont .majorR .sideBox { margin-top: 20px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); overflow: hidden; }
.detailContontBox .boxWrap .detailContont .majorR .sideBox .sideTitle { padding: 14px 0 0 20px; }
.detailContontBox .boxWrap .detailContont .majorR .sideBox .sideTitle span { font-weight: bold; font-size: 18px; color: #060606; line-height: 18px; }

/* 上下篇 */
.detailContontBox .boxWrap .detailContont .majorL .prevNext { padding: 20px 20px 20px 17px; display: flex; justify-content: space-between; }
.detailContontBox .boxWrap .detailContont .majorL .prevNext a { width: 48%; font-size: 14px; color: #666666; padding: 10px 14px; border-radius: 10px; background: rgba(255, 255, 255, 0.5); }
.detailContontBox .boxWrap .detailContont .majorL .prevNext a:hover { color: #8B5615; background: rgba(255, 189, 10, 0.2); }
.detailContontBox .boxWrap .detailContont .majorL .macdown-comments { padding: 0 20px 20px 17px; }
.detailContontBox .boxWrap .detailContont .majorL .macdown-comments .cmtTitle { font-weight: bold; font-size: 20px; color: #060606; line-height: 20px; padding-bottom: 12px; }
.detailContontBox .boxWrap .detailContont .majorL .macdown-comments .cmtTitle span { font-size: 14px; color: #999999; }

@media (max-width: 1200px) {
  body { min-width: 100%; }
  .boxWrap { width: 100%; padding: 0 12px; }
}
@media (max-width: 768px) {
  body { min-width: 100%; font-size: 14px; }
  .boxWrap { width: 100%; padding: 0 10px; }
  /* 头部 */
  header .headerBox { padding: 10px 0 12px; }
  header .headerBox .boxWrap .logoAndSearch { flex-direction: column; gap: 10px; position: relative; }
  header .headerBox .boxWrap .logoAndSearch .logoImg { width: 140px; height: 40px; }
  header .headerBox .boxWrap .logoAndSearch .navAndSearch { flex-direction: column; }
  header .headerBox .boxWrap .logoAndSearch .navAndSearch nav { margin: 0; height: auto; flex-wrap: wrap; gap: 4px 0; }
  header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a { margin-left: 0; padding: 8px 12px; font-size: 15px; }
  header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a.cursor { font-size: 17px; }
  header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a.cursor::after { display: none; }
  header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox { width: 100%; margin-top: 6px; }
  header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox input { width: 100%; }
  /* 板块标题 */
  .titleBox { padding: 12px 14px 0; }
  .titleBox h3 { font-size: 19px; }
  /* 精选游戏 */
  .selectGameBox .boxWrap .selectGame { height: auto; padding-bottom: 16px; }
  .selectGameBox .boxWrap .selectGame .lableList { position: static; padding: 10px 12px 0 12px; flex-wrap: wrap; gap: 8px 0; }
  .selectGameBox .boxWrap .selectGame .selectCenterBox { padding-top: 12px; }
  .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter { overflow-x: auto; padding-bottom: 6px; }
  .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox { flex-shrink: 0; margin-left: 16px; }
  .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .status { width: 52px; font-size: 12px; padding-left: 10px; }
  .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a { font-size: 12px; margin-right: 14px; }
  /* 三栏改单栏 */
  .rclBox .boxWrap .rclContont { flex-direction: column; gap: 14px; }
  .rclBox .boxWrap .rclContont .lBox, .rclBox .boxWrap .rclContont .cBox, .rclBox .boxWrap .rclContont .rBox { width: 100%; height: auto; }
  .rclBox .boxWrap .rclContont .lBox .indexSwiper { width: 100%; }
  .rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-slide .imgBox { height: 180px; }
  .rclBox .boxWrap .rclContont .cBox .cContont { width: auto; height: auto; margin: 12px 10px; }
  .rclBox .boxWrap .rclContont .rBox .dailyContont { width: auto; }
  /* 最近更新 / 精选软件：宫格横向滚动 + 列表单列 */
  .recentlyBox .boxWrap .recently .cloumList { grid-template-columns: repeat(8, 104px); overflow-x: auto; padding: 20px 10px 0; }
  .recentlyBox .boxWrap .recently .recentlyList { grid-template-columns: 1fr; padding: 10px 8px; }
  /* 专题图标墙：移动端横向滚动 */
  .repetitionBox .boxWrap .repetition .repetitionList { grid-template-columns: repeat(10, 88px); overflow-x: auto; padding: 20px 12px 22px; }
  /* 游戏列表 1 列 */
  .gameListBox .boxWrap .gameContont .gameList { grid-template-columns: 1fr; padding: 0 10px; }
  /* 游戏大厂：移动端两列 */
  .newProductBox .boxWrap .newProduct .newProductR .factoryList { grid-template-columns: repeat(2, 1fr); padding: 0 14px; column-gap: 12px; }
  /* 专题 */
  .topicListBox .boxWrap .topicList li { flex-direction: column; }
  .topicListBox .boxWrap .topicList li .topicL { width: 100%; flex-direction: column; }
  .topicListBox .boxWrap .topicList li .topicL .imgBox { width: 100%; height: 170px; }
  .topicListBox .boxWrap .topicList li .topicL .txtBox { padding-left: 0; padding-top: 12px; }
  .topicListBox .boxWrap .topicList li .topicR { border-left: none; border-top: 1px dashed #E3E3E3; }
  .topicListBox .boxWrap .topicList li .topicR .gameList { grid-template-columns: 1fr; }
  /* 热门专题合集：移动端两列 */
  .hotTopicBox .boxWrap .hotTopic .hotTopicList { grid-template-columns: repeat(2, 1fr); column-gap: 14px; row-gap: 18px; }
  .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgBox { height: 120px; }
  /* 新闻 */
  .newsBox .boxWrap .newsContont .realTime { flex-direction: column; }
  .newsBox .boxWrap .newsContont .realTime .realTimeL { width: 100%; }
  .newsBox .boxWrap .newsContont .realTime .realTimeR { padding-left: 0; padding-top: 12px; }
  /* 新品 */
  .newProductBox .boxWrap .newProduct { flex-direction: column; gap: 16px; }
  .newProductBox .boxWrap .newProduct .newProductL, .newProductBox .boxWrap .newProduct .newProductR { width: 100%; }
  .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList { grid-template-columns: 1fr; }
  /* 分类筛选 */
  /* 分类筛选（药丸） */
  .typeListBox .boxWrap .typeList { padding: 12px 0 18px 14px; }
  .typeListBox .boxWrap .typeList a { padding: 8px 16px; margin: 10px 8px 0 0; font-size: 13px; }
  /* 三栏榜单 */
  .recomBox .boxWrap .recom { flex-direction: column; }
  .recomBox .boxWrap .recom .recomContont { width: 100%; margin-bottom: 14px; }
  /* 温馨提示 */
  .cozyBox .boxWrap .cozy { padding: 10px 14px 11px 12px; }
  .cozyBox .boxWrap .cozy .cozyTxtBox { font-size: 13px; line-height: 20px; }
  /* 分页 */
  .gameBttomBox .boxWrap .gameBttom .pageBox a { width: 34px; height: 34px; line-height: 34px; font-size: 13px; margin-right: 6px; }
  .gameBttomBox .boxWrap .gameBttom .pageBox a.home { width: 48px; font-size: 14px; }
  .gameBttomBox .boxWrap .gameBttom .pageBox a.next { width: 58px; font-size: 13px; }
  /* 详情页 */
  .detailBox .boxWrap .detailContont { flex-direction: column; }
  .detailBox .boxWrap .detailContont .detailL, .detailBox .boxWrap .detailContont .detailR { width: 100%; }
  .detailHead { flex-wrap: wrap; }
  .detailHead .txtBox { padding-left: 14px; }
  .detailHead .txtBox h1 { font-size: 20px; }
  .detailHead .downWrap { width: 100%; padding-left: 0; padding-top: 14px; flex-direction: row; }
  .detailHead .downWrap .downBtn { flex: 1; }
  /* 浮动按钮 */
  .macdown-float { right: 10px; bottom: 40px; }
  /* 评论 */
  .macdown-comments ul li.children { padding-left: 24px; }
  .macdown-comments .cmtForm .inputRow { flex-direction: column; }
  /* 广告 */
  .macdown-ad { margin: 12px auto; }
  /* v1.4 下载页新区块 */
  .detailContontBox .boxWrap .detailContont .majorBox { flex-direction: column; }
  .detailContontBox .boxWrap .detailContont .majorBox .majorL,
  .detailContontBox .boxWrap .detailContont .majorBox .majorR { width: 100%; }
  .detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind { grid-template-columns: repeat(3, 1fr); }
  .detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li .imgBox,
  .detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li .name { width: 100%; }
  .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related { flex-direction: column; align-items: flex-start; }
  .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .imgBox { width: 100%; height: 175px; }
  .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox { padding-left: 0; padding-top: 12px; width: 100%; }
  .detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-slide { width: 220px; height: 132px; }
  .detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-slide .imgBox { width: 220px; height: 132px; }
}

/* ==========================================================================
   v1.6.1 移动端精简与提速
   背景：iPhone Safari 打开首页反复自动刷新 —— 根因是首页一次性渲染 150+ 张图、
   页面高 6000px+，弱网下载超时后 Safari 自动重载，形成"一直刷新"的死循环。
   做法：① 后台可控的移动端模块开关（默认关掉最吃流量的几块）
        ② 移动端关闭毛玻璃 backdrop-filter（iOS 上极耗 GPU）
        ③ 图片异步解码 + 禁止图片动画
   ========================================================================== */
@media (max-width: 768px) {
    /* 后台「移动端模块开关」关闭的区块，仅小屏隐藏，电脑端完全不受影响 */
    .macdown-m-hide { display: none !important; }

    /* iOS Safari 上 backdrop-filter 会强制整层离屏渲染，是卡顿重灾区 */
    .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgBox .txt,
    .macdown-blur {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: rgba(0, 0, 0, 0.45);
    }

    /* 去掉点击高亮闪一下的灰块，并减少移动端多余的过渡动画 */
    * { -webkit-tap-highlight-color: transparent; }
    .swiper-slide .imgBox img, .topicList li .imgBox img { transition: none !important; }
}