/* ============================================================
   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: 104px; height: 34px; position: absolute; top: -2px; 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; }

/* ---------- 文章资讯列表（v1.6.8：文章/资讯分类专用，图 + 标题 + 摘要 + 作者/时间/阅读） ---------- */
.artListBox { padding: 20px 0 0 0; }
.artListBox .boxWrap .artContont { display: flex; justify-content: space-between; align-items: flex-start; }
.artListBox .boxWrap .artContont .artMain { flex: 1; min-width: 0; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.8); padding: 4px 22px 18px 22px; }
.artListBox .boxWrap .artContont .artSide { padding-left: 0; }
.artListBox .boxWrap .artContont .artSide .sideList li .cell { flex: 1; min-width: 0; display: flex; align-items: center; }
.artListBox .boxWrap .artContont .artList li { display: flex; align-items: flex-start; padding: 22px 0; border-bottom: 1px dashed #E3E3E3; }
.artListBox .boxWrap .artContont .artList li:last-child { border-bottom: none; }
.artListBox .boxWrap .artContont .artList li .imgBox { width: 220px; height: 140px; flex-shrink: 0; overflow: hidden; border-radius: 12px; background: #F2F2F2; }
.artListBox .boxWrap .artContont .artList li .imgBox img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .25s; }
.artListBox .boxWrap .artContont .artList li:hover .imgBox img { transform: scale(1.05); }
.artListBox .boxWrap .artContont .artList li .txtBox { flex: 1; padding-left: 20px; overflow: hidden; display: flex; flex-direction: column; min-height: 132px; }
.artListBox .boxWrap .artContont .artList li .txtBox .name { font-size: 18px; font-weight: bold; color: #060606; line-height: 26px; display: block; }
.artListBox .boxWrap .artContont .artList li .txtBox .name:hover { color: #8B5615; }
.artListBox .boxWrap .artContont .artList li .txtBox .brief { margin-top: 10px; font-size: 14px; color: #888888; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.artListBox .boxWrap .artContont .artList li .txtBox .meta { margin-top: auto; padding-top: 12px; display: flex; align-items: center; font-size: 12px; color: #BABABA; line-height: 12px; }
.artListBox .boxWrap .artContont .artList li .txtBox .meta span { margin-right: 18px; }
.artListBox .boxWrap .artContont .artList li .txtBox .meta .author { display: flex; align-items: center; }
.artListBox .boxWrap .artContont .artList li .txtBox .meta .author .icon { width: 13px; height: 13px; margin-right: 5px; border-radius: 50%; background: #D8D8D8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M6.5 6.5a2.6 2.6 0 100-5.2 2.6 2.6 0 000 5.2zm0 1.1c-2.6 0-4.7 1.3-4.7 2.9v1.1h9.4v-1.1c0-1.6-2.1-2.9-4.7-2.9z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain; }
.artListBox .boxWrap .artContont .artList li .txtBox .meta .views { margin-right: 0; }
.artListBox .boxWrap .artContont .artList li.empty { display: block; text-align: center; padding: 60px 0; color: #999999; border-bottom: none; }

/* ---------- 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; }

/* ---------- v1.6.6 综合榜：单个榜单占满整行 ----------
   首条为大图卡片（占满一行），其余条目两列紧凑排列 */
.recomBox .boxWrap .recom.is-single { display: block; }
.recomBox .boxWrap .recom.is-single .recomContont { width: 100%; padding-bottom: 16px; }
.recomBox .boxWrap .recom.is-single .recomList { display: flex; flex-wrap: wrap; padding: 10px 12px 8px 12px; }
.recomBox .boxWrap .recom.is-single .recomList li { width: 50%; box-sizing: border-box; }
.recomBox .boxWrap .recom.is-single .recomList li.active { width: 100%; }

/* ---------- 分类筛选（列表页顶部药丸胶囊） ---------- */
.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, minmax(0, 1fr)); column-gap: 22px; row-gap: 24px; }
/* v1.7.1：网格项最小宽度兜底。1fr 的自动最小尺寸会被卡片内单行长标题撑开，
   4 列被顶成 633px/列、整行宽 2335px，而 html/body 又 overflow-x:hidden，
   结果第 3、4 张专题卡被直接裁掉看不见。 */
.hotTopicBox .boxWrap .hotTopic .hotTopicList li { min-width: 0; }
.hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox { flex: 1; min-width: 0; overflow: hidden; padding-left: 7px; }
.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; display: flex; flex-direction: column; }
.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; margin-top: auto; }
.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.pgd p { margin: 0; text-align: center; }
.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 { display: flex; align-items: center; cursor: pointer; margin-left: 6px; align-self: center; }
.detailSmallBox .boxWrap .detailSmall .detailSmallContont .problem .icon { width: 16px; height: 16px; flex-shrink: 0; 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; white-space: nowrap; }

/* ---------- 详情页：摘要 ---------- */
/* 注意：卡片视觉必须画在 .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; }
  /* v1.7.1：三列 385px 写死在窄屏会溢出（下载按钮被挤出卡片），改为自适应列 */
  .gameListBox .boxWrap .gameContont .gameList { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
}
@media (max-width: 768px) {
  body { min-width: 100%; font-size: 14px; }
  .boxWrap { width: 100%; padding: 0 10px; }
  /* 头部：v1.6.9 手机端紧凑吸顶（logo+搜索同一行，分类横滑，对齐 m.vqs.com） */
  header .headerBox { position: sticky; top: 0; z-index: 200; padding: 8px 0 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); }
  header .headerBox .boxWrap .logoAndSearch { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 0; position: relative; }
  header .headerBox .boxWrap .logoAndSearch .logoImg { width: 118px; height: 34px; flex-shrink: 0; }
  header .headerBox .boxWrap .logoAndSearch .navAndSearch { display: contents; }
  header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox { order: 1; flex: 1; width: auto; margin: 0 0 0 10px; }
  header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox input { width: 100%; height: 34px; font-size: 13px; border-radius: 17px; }
  header .headerBox .boxWrap .logoAndSearch .navAndSearch nav { order: 2; width: 100%; margin: 0; height: auto; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; gap: 0; }
  header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a { margin-left: 0; padding: 10px 13px; font-size: 15px; flex-shrink: 0; white-space: nowrap; }
  header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a.cursor { font-size: 17px; }
  header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a.cursor::after { display: none; }
  /* 板块标题 */
  .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; column-gap: 12px; }
  .recentlyBox .boxWrap .recently .recentlyList { grid-template-columns: 1fr; padding: 10px 8px; }
  /* v1.7.4：首页「下载」按钮文字撑破圆角边界修复（全局a{display:block}导致text-align失效，用flex强制居中） */
  .recentlyBox .boxWrap .recently .recentlyList li .btn { display: flex !important; align-items: center !important; justify-content: center !important; width: 72px !important; height: 28px !important; box-sizing: border-box !important; padding: 0 !important; overflow: hidden !important; line-height: 1 !important; text-align: center !important; }
  /* 专题图标墙：移动端横向滚动 */
  .repetitionBox .boxWrap .repetition .repetitionList { grid-template-columns: repeat(10, 88px); overflow-x: auto; padding: 20px 12px 22px; column-gap: 12px; }
  /* 游戏列表 1 列 */
  .gameListBox .boxWrap .gameContont .gameList { grid-template-columns: 1fr; padding: 0 10px; }
  /* v1.7.1：下载列表条目防溢出（按钮曾被挤出卡片右缘） */
  .gameListBox .boxWrap .gameContont .gameList li { padding: 10px 8px; }
  .gameListBox .boxWrap .gameContont .gameList li .txtImgBox { min-width: 0; }
  .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox { min-width: 0; padding-left: 10px; }
  .gameListBox .boxWrap .gameContont .gameList li .btn { display: flex !important; align-items: center !important; justify-content: center !important; width: 72px !important; height: 28px !important; flex-shrink: 0; margin-left: 8px; box-sizing: border-box !important; padding: 0 !important; overflow: hidden !important; line-height: 1 !important; text-align: center !important; }
  /* v1.7.1：详情页「安卓下载/苹果下载」按钮（原写死190px，手机端挤破）改为自适应换行 */
  .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList { flex-wrap: wrap; gap: 10px; margin-top: 14px; }
  .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a { width: 100%; max-width: 320px; margin-right: 0; box-sizing: border-box; }
  /* v1.7.1：详情页下载区原本「左信息 + 右（顶/踩 + 二维码）」在窄屏仍并排，
     实测 436px 视口下 L 354 + R 332 = 686px 远超 414px 容器，右侧被直接裁掉 —— 即"下载版块挤破"。
     这里改为纵向堆叠，并按小屏重排：图标缩小、二维码与顶踩并排居中。 */
  .detailSmallBox .boxWrap .detailSmall .detailSmallContont { flex-direction: column; padding: 18px 14px 20px 14px; }
  .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL { width: 100%; min-width: 0; }
  .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .imgBox { width: 92px; height: 92px; border-radius: 14px; }
  .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox { padding-left: 12px; min-width: 0; display: block; }
  .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .nameBox { flex-wrap: wrap; }
  .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .nameBox h1 { max-width: 100%; font-size: 19px; }
  .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .nameBox .together { margin: 6px 0 0 0; }
  .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .typeBox .typeItem { margin-right: 16px; }
  .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR { width: 100%; min-width: 0; margin-top: 16px; flex-shrink: 1; align-items: center; }
  .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .qrcodeBox { width: 120px; height: 120px; padding: 8px 12px 0 11px; }
  .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .qrcodeBox img { width: 96px; height: 96px; }
  .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox { width: 132px; height: 54px; }
  /* v1.7.1：游戏信息表原写死 width:846px，手机上整块撑出容器，且条目被压成 10px 宽 + overflow:hidden
     （文字直接看不见）。这里改为 100% 自适应，并把「属性名/值」两列变单列。 */
  .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox { padding: 20px 10px 0 10px; }
  .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info { width: 100%; box-sizing: border-box; padding: 0 14px 18px 14px; }
  .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li { width: 100%; padding-top: 16px; }
  .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtL { width: 74px; flex-shrink: 0; }
  .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtR { min-width: 0; word-break: break-all; }
  /* v1.7.1：相关版本行原本「标题 + 两个时间信息 + 下载按钮」挤在一行，
     手机上标题被压到只剩 10px（等于看不见）。这里允许换行：标题+按钮一行，时间信息另起一行。 */
  .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList { padding: 16px 10px 0 10px; }
  .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li { flex-wrap: wrap; padding: 10px 10px 10px 14px; margin-top: 12px; }
  .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .nameBox { flex: 1 1 55%; min-width: 0; margin-bottom: 6px; }
  .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .nameBox a { padding-left: 8px; font-size: 14px; }
  .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .timeBox { padding-left: 0; margin-right: 10px; font-size: 12px; }
  .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn { margin-left: 0; }
  /* v1.6.8 文章资讯列表：手机端缩小缩略图，摘要只留 2 行 */
  .artListBox .boxWrap .artContont { flex-direction: column; }
  .artListBox .boxWrap .artContont .artMain { width: 100%; padding: 0 12px 12px 12px; }
  .artListBox .boxWrap .artContont .artSide { width: 100%; flex-shrink: 1; margin-top: 14px; }
  .artListBox .boxWrap .artContont .artList li { padding: 14px 0; }
  .artListBox .boxWrap .artContont .artList li .imgBox { width: 112px; height: 74px; border-radius: 8px; }
  .artListBox .boxWrap .artContont .artList li .txtBox { padding-left: 12px; min-height: 74px; }
  .artListBox .boxWrap .artContont .artList li .txtBox .name { font-size: 16px; line-height: 22px; }
  .artListBox .boxWrap .artContont .artList li .txtBox .brief { margin-top: 6px; font-size: 13px; line-height: 20px; -webkit-line-clamp: 2; }
  .artListBox .boxWrap .artContont .artList li .txtBox .meta { padding-top: 8px; font-size: 11px; }
  .artListBox .boxWrap .artContont .artList li .txtBox .meta span { margin-right: 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; }
  /* v1.6.6 综合榜：手机端单列铺开 */
  .recomBox .boxWrap .recom.is-single .recomList li,
  .recomBox .boxWrap .recom.is-single .recomList li.active { width: 100%; }
  .recomBox .boxWrap .recom.is-single .recomList { padding: 10px 8px 8px 8px; }
  /* 温馨提示 */
  .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); gap: 14px 10px; padding: 20px 14px 16px 14px; }
  .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.7.4：详情页截图画廊手机端高度从 340px 降到 220px，避免单屏只看到一张大图 */
  .detailContontBox .boxWrap .detailContont .screenshotBox .screenshotSwiperBox { padding: 18px 12px 0 12px; }
  .detailContontBox .boxWrap .detailContont .screenshotBox .screenshotSwiper .swiper-slide { height: 220px; }
  /* v1.7.4：攻略轮播手机端图片之间留 10px 间距，避免挨在一起 */
  .detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-slide { margin-right: 10px; }
}

/* ==========================================================================
   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; }
}

/* --------------------------------------------------------------------------
   v1.6.2 手机端列表条数兜底裁剪
   v1.6.2 起 PHP 层已按 User-Agent 真实少输出条目（见 macdown_mnum()），
   但存在「UA 未命中 / 桌面浏览器缩窄窗口 / 缓存了桌面版 HTML」三种情况，
   这里再兜一层：窄屏时超出条数的列表项直接不占位。
   配合 PHP 限量输出，可把手机端首屏图片从 131 张压到 35 张以内。
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    /* 精选游戏：大卡 + 前 5 个图标 */
    .selectGameBox .selectCenter.selectHover li:nth-child(n+7) { display: none; }
    /* 首页轮播最多 3 屏 */
    .rclBox .lBox .swiper .swiper-slide:nth-child(n+4) { display: none; }
    /* 三栏中间 Tab：攻略图最多 4 条，更新文字最多 4 条 */
    .rclBox .cBox .cContont ul:first-child li:nth-child(n+5) { display: none; }
    .rclBox .cBox .cContont ul.newsTxtParent li:nth-child(n+5) { display: none; }
    /* 每日一荐：图标最多 5 个 */
    .rclBox .rBox .dailyContont .cloumList li:nth-child(n+6) { display: none; }
    /* 最近更新 / 精选软件：宫格 8 个 + 列表 6 条 */
    .recentlyBox .cloumList li:nth-child(n+9) { display: none; }
    .recentlyBox .recentlyList li:nth-child(n+7) { display: none; }
    /* 热门专题合集：卡片最多 3 个，卡片内小图标最多 2 个 */
    .hotTopicBox .hotTopicList li:nth-child(n+4) { display: none; }
    .hotTopicBox .hotTopicList li .imgListBox a:nth-child(n+3) { display: none; }
    /* 新品预约轮播最多 3 屏；游戏大厂最多 6 个 */
    .newProductBox .newProductSwiper .swiper-slide:nth-child(n+4) { display: none; }
    .newProductBox .factoryList li:nth-child(n+7) { display: none; }
    .newProductBox .rankBox .gameList li:nth-child(n+7) { display: none; }
    /* 新闻资讯右侧文字列表最多 5 条 */
    .newsBox .realTimeR li:nth-child(n+6) { display: none; }
    /* 专题图标墙：每组最多 8 个图标 */
    .repetitionBox .repetitionList li:nth-child(n+9) { display: none; }

    /* v1.6.3 每日一荐标题：手机端进一步缩小，避免与「换一换」比例失衡 */
    .rclBox .boxWrap .rclContont .rBox .dailyBox { padding-left: 0; padding-top: 6px; }
    .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyIcon { width: 84px; height: 27px; top: 0; left: 14px; }
    .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyTxt { margin-top: 0; margin-left: auto; margin-right: 14px; }

    /* v1.6.4 轮播降级：手机端不加载 swiper（省 270KB），改用原生横向滑动 */
    .swiper { overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .swiper::-webkit-scrollbar { display: none; }
    .swiper .swiper-wrapper { display: flex !important; gap: 10px; }
    .swiper .swiper-slide { flex: 0 0 86%; scroll-snap-align: center; }
    .swiper .swiper-pagination,
    .swiper .swiper-button-prev,
    .swiper .swiper-button-next { display: none !important; }
}

/* --------------------------------------------------------------------------
   v1.7.2 反诈提醒条（页脚上方，默认开启，文案后台可改）
   -------------------------------------------------------------------------- */
.fraudTipBox { padding: 16px 0 8px 0; }
.fraudTipBox .boxWrap .fraudTip { display: flex; align-items: center; justify-content: center; padding: 13px 22px; border-radius: 14px; background: #FFF7DC; border: 1px solid rgba(255, 189, 10, 0.5); }
.fraudTipBox .boxWrap .fraudTip .icon { width: 22px; height: 22px; flex-shrink: 0; margin-right: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M11 1.5L21 19H1L11 1.5z' fill='%23FFBD09'/%3E%3Cpath d='M11 8v5' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='11' cy='16' r='1.3' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain; }
.fraudTipBox .boxWrap .fraudTip p { font-size: 14px; color: #8B5615; line-height: 22px; }
.fraudTipBox .boxWrap .fraudTip .tagName { flex-shrink: 0; display: inline-block; padding: 3px 13px 4px 13px; margin-right: 12px; border-radius: 10px 12px 12px 2px; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 18px; background: linear-gradient(90deg, #FF8C00, #FFBD09); }
@media (max-width: 768px) {
  .fraudTipBox .boxWrap .fraudTip { flex-direction: row; align-items: flex-start; padding: 12px 12px; }
  .fraudTipBox .boxWrap .fraudTip .icon { margin-top: 2px; }
  .fraudTipBox .boxWrap .fraudTip p { font-size: 12px; line-height: 19px; }
  .fraudTipBox .boxWrap .fraudTip .tagName { font-size: 12px; line-height: 16px; padding: 2px 9px 3px 9px; margin-right: 8px; }
}

/* ==========================================================================
   v1.7.2 配色方案（后台「主题配色」切换，默认 金黄 · 原版）
   由工具自动生成：把含品牌色的规则整条复制到 body.macdown-cs-xxx 作用域下并映射颜色，
   包括 url() 内 SVG 图标的 %23FFBD09 色值，保证图标、星星、渐变文字一起变色。
   ========================================================================== */

/* ---- 配色：blue ---- */
body.macdown-cs-blue a:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .homeBg {  background: linear-gradient(#4D9AFF 0, #E9EFFB 440px, #E9EFFB 100%);  }
body.macdown-cs-blue .universalBg {  background: #E9EFFB;  }
body.macdown-cs-blue .detaillBg {  background: #E9EFFB;  }
body.macdown-cs-blue header {  padding: 3px 0 1px 0; background: linear-gradient(-90deg, #4D9AFF, #2F7BFF);  }
body.macdown-cs-blue 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='%232F7BFF' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue 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, #2F7BFF, #FFE314);  }
body.macdown-cs-blue 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: #F2F6FF;  }
body.macdown-cs-blue 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='%231F4E9E' stroke-width='3'/%3E%3Cpath d='M21 21 L28 28' stroke='%231F4E9E' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/20px 20px; cursor: pointer;  }
body.macdown-cs-blue 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, #2F7BFF, #FFE314); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);  }
body.macdown-cs-blue header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner {  background: #F2F6FF; border-radius: 9px; padding: 8px 0;  }
body.macdown-cs-blue header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a:hover {  background: #DCE7FF; color: #1F4E9E;  }
body.macdown-cs-blue .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='%232F7BFF' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='16' r='3' fill='%23FF2E38'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .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='%232F7BFF'/%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;  }
body.macdown-cs-blue .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='%232F7BFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .filter li p {  padding-left: 5px; font-weight: bold; font-size: 18px; color: #1F4E9E; line-height: 18px;  }
body.macdown-cs-blue .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='%232F7BFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .lableList a p {  font-size: 14px; color: #1F4E9E; line-height: 14px; padding-left: 10px; max-width: 96px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .lableList a:hover {  border-color: #2F7BFF; background: rgba(255, 255, 255, 0.7);  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .name {  font-weight: bold; font-size: 16px; color: #1F4E9E; line-height: 16px; margin-top: 12px; padding-right: 8px; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .time {  font-size: 12px; color: #1F4E9E; line-height: 12px; opacity: .7; margin-top: 11px;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .brief {  font-size: 12px; color: #1F4E9E; line-height: 12px; margin-top: 8px; opacity: .7; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-blue .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='%232F7BFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-slide .name:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .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: #4D9AFF;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .brief:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox {  width: 279px; height: 350px; background: #4D9AFF; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .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='%231F4E9E'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyTxt p {  padding-left: 5px; font-size: 12px; color: #1F4E9E; line-height: 12px;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .name:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .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='%232F7BFF'%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;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .name:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artList li .txtBox .name:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .name:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #1F4E9E; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(47,123,255, 0.3); flex-shrink: 0;  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameList li .btn:hover {  color: #4D9AFF; background: #1f1f1f;  }
body.macdown-cs-blue .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: #1F4E9E; background: rgba(47,123,255, 0.3);  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameBttomBox .gameBttom .loadMore:hover {  color: #4D9AFF; background: #1f1f1f;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .cloumList li .name:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .name:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .recentlyList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #1F4E9E; text-align: center; border-radius: 14px; line-height: 28px; background-color: rgba(47,123,255, 0.3); flex-shrink: 0;  }
body.macdown-cs-blue .repetitionBox .boxWrap .repetition .repetitionList li .name:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .crumbBox .boxWrap a:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .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='%232F7BFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .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='%232F7BFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .name:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #1F4E9E; text-align: center; line-height: 28px; background: rgba(47,123,255, 0.3); border-radius: 14px; flex-shrink: 0;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn:hover {  color: #4D9AFF; background: #1f1f1f;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox a:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .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 #2F7BFF;  }
body.macdown-cs-blue .typeListBox .boxWrap .typeList a:hover {  color: #1F4E9E; border-color: #2F7BFF;  }
body.macdown-cs-blue .typeListBox .boxWrap .typeList a.active {  color: #1F4E9E; font-weight: bold; border: none; background: linear-gradient(-90deg, #4D9AFF, #2F7BFF);  }
body.macdown-cs-blue .gameBttomBox .boxWrap .gameBttom .pageBox a:hover {  color: #4D9AFF; background: #060606; border-color: #060606;  }
body.macdown-cs-blue .gameBttomBox .boxWrap .gameBttom .pageBox a.active {  color: #4D9AFF; background: #060606; border-color: #060606;  }
body.macdown-cs-blue .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='%232F7BFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem:hover p {  color: #1F4E9E;  }
body.macdown-cs-blue .topicListBox .boxWrap .topicList li .topicL .txtBox .name:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a {  display: inline-block; margin: 0 12px 8px 0; padding: 4px 12px; font-size: 12px; color: #1F4E9E; border-radius: 12px; background: rgba(47,123,255, 0.2);  }
body.macdown-cs-blue .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a:hover {  color: #fff; background: #2F7BFF;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .filter li.active::before {  content: ""; width: 100%; height: 6px; position: absolute; left: 0; bottom: 2px; border-radius: 3px; background: #4D9AFF;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .realTime .realTimeR li {  display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px dashed #DEE8F8;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .realTime .realTimeR li a:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .realTime .realTimeR li a::before {  content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 6px; border-radius: 50%; background: #2F7BFF;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .name:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #1F4E9E; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(47,123,255, 0.3); flex-shrink: 0;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn:hover {  color: #4D9AFF; background: #1f1f1f;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-next, body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(47,123,255, 0.5);  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductR .factoryList li .txt:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .pageBox a:hover, body.macdown-cs-blue .pageBox span.cur {  color: #4D9AFF; background: #060606; border-color: #060606;  }
body.macdown-cs-blue footer {  padding: 20px 0 33px 0; margin-top: 21px; border-top: 2px solid #2F7BFF; border-bottom: 1px solid #2F7BFF; background: linear-gradient(0deg, #484848, #0B0B0B);  }
body.macdown-cs-blue footer .boxWrap .footerBox .friendBox .friendBg h3 {  font-weight: bold; font-size: 20px; line-height: 22px; background: linear-gradient(-90deg, #4D9AFF 0%, #2F7BFF 89.99%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #2F7BFF;  }
body.macdown-cs-blue footer .boxWrap .footerBox .friendBox .friendList a:hover {  color: #4D9AFF; text-decoration: underline;  }
body.macdown-cs-blue footer .boxWrap .footerBox .footerTxt a:hover {  color: #2F7BFF;  }
body.macdown-cs-blue .macdown-float .floatBtn {  width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(90deg, #4D9AFF, #2F7BFF); box-shadow: 0 4px 14px rgba(255, 189, 9, 0.4); display: flex; align-items: center; justify-content: center; font-size: 12px; color: #1F4E9E; font-weight: bold;  }
body.macdown-cs-blue .detailHead .imgBox {  width: 128px; height: 128px; overflow: hidden; border-radius: 24px; border: 2px solid #2F7BFF; flex-shrink: 0;  }
body.macdown-cs-blue .detailHead .txtBox .slogan {  margin-top: 8px; font-size: 13px; color: #1F4E9E; line-height: 18px;  }
body.macdown-cs-blue .detailHead .txtBox .tags a {  padding: 3px 12px; font-size: 12px; color: #1F4E9E; border-radius: 12px; background: rgba(47,123,255, 0.2);  }
body.macdown-cs-blue .detailHead .txtBox .tags a:hover {  color: #fff; background: #2F7BFF;  }
body.macdown-cs-blue .detailHead .txtBox .metaRow span i {  color: #1F4E9E; font-style: normal;  }
body.macdown-cs-blue .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, #2F7BFF, #2F7BFF); box-shadow: 0 6px 16px rgba(255, 189, 9, 0.35);  }
body.macdown-cs-blue .detailHead .downWrap .downBtn.ios {  background: linear-gradient(90deg, #1F4E9E, #060606); box-shadow: none;  }
body.macdown-cs-blue .shotBox .swiper-button-next, body.macdown-cs-blue .shotBox .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(47,123,255, 0.6);  }
body.macdown-cs-blue .articleTxt a {  display: inline; color: #1E5FD6;  }
body.macdown-cs-blue .articleTxt table td, body.macdown-cs-blue .articleTxt table th {  padding: 8px 12px; border: 1px solid #DEE8F8; font-size: 14px;  }
body.macdown-cs-blue .infoTable .infoTitle {  padding: 14px 20px; font-size: 18px; font-weight: bold; color: #060606; border-bottom: 1px solid #DCE7FF;  }
body.macdown-cs-blue .infoTable table td:first-child {  width: 140px; color: #1F4E9E;  }
body.macdown-cs-blue .prevNext a:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .detailR .sideBox .sideTitle::before {  content: ""; width: 6px; height: 18px; border-radius: 3px; background: linear-gradient(180deg, #4D9AFF, #2F7BFF); position: absolute; left: 0; top: 18px;  }
body.macdown-cs-blue .detailR .sideBox .sideTitle .more:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .detailR .sideBox .sideList li .txtBox .name:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .likeBox .likeItem:hover {  background: rgba(47,123,255, 0.2);  }
body.macdown-cs-blue .macdown-comments .cmtTitle {  font-size: 18px; font-weight: bold; color: #060606; padding-bottom: 14px; border-bottom: 1px solid #DCE7FF;  }
body.macdown-cs-blue .macdown-comments ul li .avatar {  width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: #4D9AFF;  }
body.macdown-cs-blue .macdown-comments ul li .cmtBody .cmtHead b {  color: #1F4E9E; font-size: 14px; padding-right: 10px;  }
body.macdown-cs-blue .macdown-comments ul li .cmtBody .reply a {  display: inline-block; color: #1E5FD6;  }
body.macdown-cs-blue .macdown-comments .cmtForm input[type="text"] {  flex: 1; height: 40px; padding: 0 14px; border: 1px solid #DEE8F8; border-radius: 10px; background: #F2F6FF; font-size: 14px;  }
body.macdown-cs-blue .macdown-comments .cmtForm textarea {  width: 100%; height: 100px; padding: 10px 14px; border: 1px solid #DEE8F8; border-radius: 10px; background: #F2F6FF; font-size: 14px; resize: vertical;  }
body.macdown-cs-blue .macdown-comments .cmtForm .submitBtn {  margin-top: 12px; width: 140px; height: 40px; border-radius: 20px; background: linear-gradient(90deg, #2F7BFF, #2F7BFF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-blue .searchBoxPage .boxWrap .searchPanel .searchForm input {  flex: 1; height: 44px; padding: 0 16px; border: 1px solid #2F7BFF; border-radius: 12px 0 0 12px; background: #F2F6FF; font-size: 15px;  }
body.macdown-cs-blue .searchBoxPage .boxWrap .searchPanel .searchForm button {  width: 100px; height: 44px; border-radius: 0 12px 12px 0; background: linear-gradient(90deg, #2F7BFF, #2F7BFF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-blue .errorPage .code {  font-size: 90px; font-weight: bold; line-height: 1; background: linear-gradient(90deg, #4D9AFF, #2F7BFF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #2F7BFF;  }
body.macdown-cs-blue .errorPage .backHome {  display: inline-block; margin-top: 26px; padding: 12px 36px; border-radius: 22px; background: linear-gradient(90deg, #2F7BFF, #2F7BFF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-blue .pageDetail h1 {  font-size: 24px; font-weight: bold; color: #060606; text-align: center; padding-bottom: 18px; border-bottom: 1px solid #DCE7FF;  }
body.macdown-cs-blue .newsDetail .newsContont a {  display: inline; color: #1E5FD6;  }
body.macdown-cs-blue .newsDetail .newsTags a {  padding: 3px 12px; font-size: 12px; color: #1F4E9E; border-radius: 12px; background: rgba(47,123,255, 0.2);  }
body.macdown-cs-blue .newsDetail .newsTags a:hover {  color: #fff; background: #2F7BFF;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall {  width: 100%; padding: 1px 1px; border-radius: 20px; background: linear-gradient(90deg, #2F7BFF, #FFF220, #2F7BFF);  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont {  padding: 28px 30px 30px 29px; border-radius: 20px; background: #F7FAFF; position: relative; display: flex; justify-content: space-between;  }
body.macdown-cs-blue .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: #1F4E9E; line-height: 16px; background: linear-gradient(90deg, rgba(31,78,158, 0.05), rgba(31,78,158, 0));  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a {  padding: 6px 11px 6px 12px; font-size: 12px; color: #1F4E9E; 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);  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a:hover {  border-color: #2F7BFF; color: #060606;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox > div:hover {  background: rgba(47,123,255, 0.15);  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox p {  font-size: 12px; color: #1F4E9E; line-height: 12px; margin-top: 4px;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .qrcodeBox p {  font-size: 12px; color: #1F4E9E; line-height: 12px; padding-top: 3px;  }
body.macdown-cs-blue .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='%231F4E9E'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .problem p {  font-size: 13px; color: #1F4E9E; line-height: 13px; padding-left: 6px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .titleBox .more {  width: auto; height: auto; font-size: 14px; color: #1F4E9E; line-height: 14px; background: none; padding-right: 2px;  }
body.macdown-cs-blue .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, #4D9AFF, #2F7BFF);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt a:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt blockquote {  padding: 12px 16px; margin: 14px 0; border-left: 4px solid #2F7BFF; background: rgba(47,123,255, 0.08); border-radius: 0 10px 10px 0; color: #666666;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt table th {  background: rgba(47,123,255, 0.15); font-weight: bold; color: #1F4E9E;  }
body.macdown-cs-blue .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='%232F7BFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #1F4E9E; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(47,123,255, 0.3); flex-shrink: 0; margin-left: 14px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn:hover {  color: #4D9AFF; background: #1f1f1f;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li .name:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-button-prev {  width: 28px; height: 28px; top: 68px; border-radius: 50%; background: rgba(47,123,255, .5);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter li {  padding: 8px 15px; cursor: pointer; font-size: 14px; color: #1F4E9E; 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);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .name:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .name:hover {  color: #1F4E9E;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn {  width: 56px; height: 26px; font-size: 13px; color: #1F4E9E; text-align: center; line-height: 26px; border-radius: 13px; background: rgba(47,123,255, 0.3); flex-shrink: 0; margin-left: 8px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn:hover {  color: #4D9AFF; background: #1f1f1f;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotLableBox .hotLable a:hover {  color: #1F4E9E; border-color: #2F7BFF;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .prevNext a:hover {  color: #1F4E9E; background: rgba(47,123,255, 0.2);  }
body.macdown-cs-blue .fraudTipBox .boxWrap .fraudTip {  display: flex; align-items: center; justify-content: center; padding: 13px 22px; border-radius: 14px; background: #DCE7FF; border: 1px solid rgba(47,123,255, 0.5);  }
body.macdown-cs-blue .fraudTipBox .boxWrap .fraudTip .icon {  width: 22px; height: 22px; flex-shrink: 0; margin-right: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M11 1.5L21 19H1L11 1.5z' fill='%232F7BFF'/%3E%3Cpath d='M11 8v5' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='11' cy='16' r='1.3' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .fraudTipBox .boxWrap .fraudTip p {  font-size: 14px; color: #1F4E9E; line-height: 22px;  }
body.macdown-cs-blue .fraudTipBox .boxWrap .fraudTip .tagName {  flex-shrink: 0; display: inline-block; padding: 3px 13px 4px 13px; margin-right: 12px; border-radius: 10px 12px 12px 2px; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 18px; background: linear-gradient(90deg, #1E5FD6, #2F7BFF);  }

/* ---- 配色：green ---- */
body.macdown-cs-green a:hover {  color: #136B45;  }
body.macdown-cs-green .homeBg {  background: linear-gradient(#3CE08F 0, #E6F6EC 440px, #E6F6EC 100%);  }
body.macdown-cs-green .universalBg {  background: #E6F6EC;  }
body.macdown-cs-green .detaillBg {  background: #E6F6EC;  }
body.macdown-cs-green header {  padding: 3px 0 1px 0; background: linear-gradient(-90deg, #3CE08F, #12B76A);  }
body.macdown-cs-green 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='%2312B76A' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green 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, #12B76A, #FFE314);  }
body.macdown-cs-green 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: #F1FBF5;  }
body.macdown-cs-green 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='%23136B45' stroke-width='3'/%3E%3Cpath d='M21 21 L28 28' stroke='%23136B45' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/20px 20px; cursor: pointer;  }
body.macdown-cs-green 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, #12B76A, #FFE314); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);  }
body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner {  background: #F1FBF5; border-radius: 9px; padding: 8px 0;  }
body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a:hover {  background: #D7F5E5; color: #136B45;  }
body.macdown-cs-green .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='%2312B76A' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='16' r='3' fill='%23FF2E38'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .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='%2312B76A'/%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;  }
body.macdown-cs-green .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='%2312B76A'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .filter li p {  padding-left: 5px; font-weight: bold; font-size: 18px; color: #136B45; line-height: 18px;  }
body.macdown-cs-green .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='%2312B76A'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .lableList a p {  font-size: 14px; color: #136B45; line-height: 14px; padding-left: 10px; max-width: 96px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .lableList a:hover {  border-color: #12B76A; background: rgba(255, 255, 255, 0.7);  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .name {  font-weight: bold; font-size: 16px; color: #136B45; line-height: 16px; margin-top: 12px; padding-right: 8px; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .time {  font-size: 12px; color: #136B45; line-height: 12px; opacity: .7; margin-top: 11px;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .brief {  font-size: 12px; color: #136B45; line-height: 12px; margin-top: 8px; opacity: .7; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-green .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='%2312B76A'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a:hover {  color: #136B45;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-slide .name:hover {  color: #136B45;  }
body.macdown-cs-green .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: #3CE08F;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .brief:hover {  color: #136B45;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a:hover {  color: #136B45;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox {  width: 279px; height: 350px; background: #3CE08F; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .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='%23136B45'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyTxt p {  padding-left: 5px; font-size: 12px; color: #136B45; line-height: 12px;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .name:hover {  color: #136B45;  }
body.macdown-cs-green .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='%2312B76A'%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;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .name:hover {  color: #136B45;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .txtBox .name:hover {  color: #136B45;  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .name:hover {  color: #136B45;  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #136B45; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(18,183,106, 0.3); flex-shrink: 0;  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .btn:hover {  color: #3CE08F; background: #1f1f1f;  }
body.macdown-cs-green .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: #136B45; background: rgba(18,183,106, 0.3);  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameBttomBox .gameBttom .loadMore:hover {  color: #3CE08F; background: #1f1f1f;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .cloumList li .name:hover {  color: #136B45;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .name:hover {  color: #136B45;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .recentlyList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #136B45; text-align: center; border-radius: 14px; line-height: 28px; background-color: rgba(18,183,106, 0.3); flex-shrink: 0;  }
body.macdown-cs-green .repetitionBox .boxWrap .repetition .repetitionList li .name:hover {  color: #136B45;  }
body.macdown-cs-green .crumbBox .boxWrap a:hover {  color: #136B45;  }
body.macdown-cs-green .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='%2312B76A'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .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='%2312B76A'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .name:hover {  color: #136B45;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #136B45; text-align: center; line-height: 28px; background: rgba(18,183,106, 0.3); border-radius: 14px; flex-shrink: 0;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn:hover {  color: #3CE08F; background: #1f1f1f;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox a:hover {  color: #136B45;  }
body.macdown-cs-green .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 #12B76A;  }
body.macdown-cs-green .typeListBox .boxWrap .typeList a:hover {  color: #136B45; border-color: #12B76A;  }
body.macdown-cs-green .typeListBox .boxWrap .typeList a.active {  color: #136B45; font-weight: bold; border: none; background: linear-gradient(-90deg, #3CE08F, #12B76A);  }
body.macdown-cs-green .gameBttomBox .boxWrap .gameBttom .pageBox a:hover {  color: #3CE08F; background: #060606; border-color: #060606;  }
body.macdown-cs-green .gameBttomBox .boxWrap .gameBttom .pageBox a.active {  color: #3CE08F; background: #060606; border-color: #060606;  }
body.macdown-cs-green .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='%2312B76A'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem:hover p {  color: #136B45;  }
body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicL .txtBox .name:hover {  color: #136B45;  }
body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a {  display: inline-block; margin: 0 12px 8px 0; padding: 4px 12px; font-size: 12px; color: #136B45; border-radius: 12px; background: rgba(18,183,106, 0.2);  }
body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a:hover {  color: #fff; background: #12B76A;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .filter li.active::before {  content: ""; width: 100%; height: 6px; position: absolute; left: 0; bottom: 2px; border-radius: 3px; background: #3CE08F;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .realTime .realTimeR li {  display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px dashed #D9F2E5;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .realTime .realTimeR li a:hover {  color: #136B45;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .realTime .realTimeR li a::before {  content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 6px; border-radius: 50%; background: #12B76A;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .name:hover {  color: #136B45;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #136B45; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(18,183,106, 0.3); flex-shrink: 0;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn:hover {  color: #3CE08F; background: #1f1f1f;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-next, body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(18,183,106, 0.5);  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductR .factoryList li .txt:hover {  color: #136B45;  }
body.macdown-cs-green .pageBox a:hover, body.macdown-cs-green .pageBox span.cur {  color: #3CE08F; background: #060606; border-color: #060606;  }
body.macdown-cs-green footer {  padding: 20px 0 33px 0; margin-top: 21px; border-top: 2px solid #12B76A; border-bottom: 1px solid #12B76A; background: linear-gradient(0deg, #484848, #0B0B0B);  }
body.macdown-cs-green footer .boxWrap .footerBox .friendBox .friendBg h3 {  font-weight: bold; font-size: 20px; line-height: 22px; background: linear-gradient(-90deg, #3CE08F 0%, #12B76A 89.99%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #12B76A;  }
body.macdown-cs-green footer .boxWrap .footerBox .friendBox .friendList a:hover {  color: #3CE08F; text-decoration: underline;  }
body.macdown-cs-green footer .boxWrap .footerBox .footerTxt a:hover {  color: #12B76A;  }
body.macdown-cs-green .macdown-float .floatBtn {  width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(90deg, #3CE08F, #12B76A); box-shadow: 0 4px 14px rgba(255, 189, 9, 0.4); display: flex; align-items: center; justify-content: center; font-size: 12px; color: #136B45; font-weight: bold;  }
body.macdown-cs-green .detailHead .imgBox {  width: 128px; height: 128px; overflow: hidden; border-radius: 24px; border: 2px solid #12B76A; flex-shrink: 0;  }
body.macdown-cs-green .detailHead .txtBox .slogan {  margin-top: 8px; font-size: 13px; color: #136B45; line-height: 18px;  }
body.macdown-cs-green .detailHead .txtBox .tags a {  padding: 3px 12px; font-size: 12px; color: #136B45; border-radius: 12px; background: rgba(18,183,106, 0.2);  }
body.macdown-cs-green .detailHead .txtBox .tags a:hover {  color: #fff; background: #12B76A;  }
body.macdown-cs-green .detailHead .txtBox .metaRow span i {  color: #136B45; font-style: normal;  }
body.macdown-cs-green .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, #12B76A, #12B76A); box-shadow: 0 6px 16px rgba(255, 189, 9, 0.35);  }
body.macdown-cs-green .detailHead .downWrap .downBtn.ios {  background: linear-gradient(90deg, #136B45, #060606); box-shadow: none;  }
body.macdown-cs-green .shotBox .swiper-button-next, body.macdown-cs-green .shotBox .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(18,183,106, 0.6);  }
body.macdown-cs-green .articleTxt a {  display: inline; color: #0E9F5C;  }
body.macdown-cs-green .articleTxt table td, body.macdown-cs-green .articleTxt table th {  padding: 8px 12px; border: 1px solid #D9F2E5; font-size: 14px;  }
body.macdown-cs-green .infoTable .infoTitle {  padding: 14px 20px; font-size: 18px; font-weight: bold; color: #060606; border-bottom: 1px solid #D7F5E5;  }
body.macdown-cs-green .infoTable table td:first-child {  width: 140px; color: #136B45;  }
body.macdown-cs-green .prevNext a:hover {  color: #136B45;  }
body.macdown-cs-green .detailR .sideBox .sideTitle::before {  content: ""; width: 6px; height: 18px; border-radius: 3px; background: linear-gradient(180deg, #3CE08F, #12B76A); position: absolute; left: 0; top: 18px;  }
body.macdown-cs-green .detailR .sideBox .sideTitle .more:hover {  color: #136B45;  }
body.macdown-cs-green .detailR .sideBox .sideList li .txtBox .name:hover {  color: #136B45;  }
body.macdown-cs-green .likeBox .likeItem:hover {  background: rgba(18,183,106, 0.2);  }
body.macdown-cs-green .macdown-comments .cmtTitle {  font-size: 18px; font-weight: bold; color: #060606; padding-bottom: 14px; border-bottom: 1px solid #D7F5E5;  }
body.macdown-cs-green .macdown-comments ul li .avatar {  width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: #3CE08F;  }
body.macdown-cs-green .macdown-comments ul li .cmtBody .cmtHead b {  color: #136B45; font-size: 14px; padding-right: 10px;  }
body.macdown-cs-green .macdown-comments ul li .cmtBody .reply a {  display: inline-block; color: #0E9F5C;  }
body.macdown-cs-green .macdown-comments .cmtForm input[type="text"] {  flex: 1; height: 40px; padding: 0 14px; border: 1px solid #D9F2E5; border-radius: 10px; background: #F1FBF5; font-size: 14px;  }
body.macdown-cs-green .macdown-comments .cmtForm textarea {  width: 100%; height: 100px; padding: 10px 14px; border: 1px solid #D9F2E5; border-radius: 10px; background: #F1FBF5; font-size: 14px; resize: vertical;  }
body.macdown-cs-green .macdown-comments .cmtForm .submitBtn {  margin-top: 12px; width: 140px; height: 40px; border-radius: 20px; background: linear-gradient(90deg, #12B76A, #12B76A); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-green .searchBoxPage .boxWrap .searchPanel .searchForm input {  flex: 1; height: 44px; padding: 0 16px; border: 1px solid #12B76A; border-radius: 12px 0 0 12px; background: #F1FBF5; font-size: 15px;  }
body.macdown-cs-green .searchBoxPage .boxWrap .searchPanel .searchForm button {  width: 100px; height: 44px; border-radius: 0 12px 12px 0; background: linear-gradient(90deg, #12B76A, #12B76A); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-green .errorPage .code {  font-size: 90px; font-weight: bold; line-height: 1; background: linear-gradient(90deg, #3CE08F, #12B76A); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #12B76A;  }
body.macdown-cs-green .errorPage .backHome {  display: inline-block; margin-top: 26px; padding: 12px 36px; border-radius: 22px; background: linear-gradient(90deg, #12B76A, #12B76A); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-green .pageDetail h1 {  font-size: 24px; font-weight: bold; color: #060606; text-align: center; padding-bottom: 18px; border-bottom: 1px solid #D7F5E5;  }
body.macdown-cs-green .newsDetail .newsContont a {  display: inline; color: #0E9F5C;  }
body.macdown-cs-green .newsDetail .newsTags a {  padding: 3px 12px; font-size: 12px; color: #136B45; border-radius: 12px; background: rgba(18,183,106, 0.2);  }
body.macdown-cs-green .newsDetail .newsTags a:hover {  color: #fff; background: #12B76A;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall {  width: 100%; padding: 1px 1px; border-radius: 20px; background: linear-gradient(90deg, #12B76A, #FFF220, #12B76A);  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont {  padding: 28px 30px 30px 29px; border-radius: 20px; background: #F6FDF9; position: relative; display: flex; justify-content: space-between;  }
body.macdown-cs-green .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: #136B45; line-height: 16px; background: linear-gradient(90deg, rgba(19,107,69, 0.05), rgba(19,107,69, 0));  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a {  padding: 6px 11px 6px 12px; font-size: 12px; color: #136B45; 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);  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a:hover {  border-color: #12B76A; color: #060606;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox > div:hover {  background: rgba(18,183,106, 0.15);  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox p {  font-size: 12px; color: #136B45; line-height: 12px; margin-top: 4px;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .qrcodeBox p {  font-size: 12px; color: #136B45; line-height: 12px; padding-top: 3px;  }
body.macdown-cs-green .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='%23136B45'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .problem p {  font-size: 13px; color: #136B45; line-height: 13px; padding-left: 6px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .titleBox .more {  width: auto; height: auto; font-size: 14px; color: #136B45; line-height: 14px; background: none; padding-right: 2px;  }
body.macdown-cs-green .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, #3CE08F, #12B76A);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt a:hover {  color: #136B45;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt blockquote {  padding: 12px 16px; margin: 14px 0; border-left: 4px solid #12B76A; background: rgba(18,183,106, 0.08); border-radius: 0 10px 10px 0; color: #666666;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt table th {  background: rgba(18,183,106, 0.15); font-weight: bold; color: #136B45;  }
body.macdown-cs-green .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='%2312B76A'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #136B45; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(18,183,106, 0.3); flex-shrink: 0; margin-left: 14px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn:hover {  color: #3CE08F; background: #1f1f1f;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li .name:hover {  color: #136B45;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-button-prev {  width: 28px; height: 28px; top: 68px; border-radius: 50%; background: rgba(18,183,106, .5);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter li {  padding: 8px 15px; cursor: pointer; font-size: 14px; color: #136B45; 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);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .name:hover {  color: #136B45;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .name:hover {  color: #136B45;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn {  width: 56px; height: 26px; font-size: 13px; color: #136B45; text-align: center; line-height: 26px; border-radius: 13px; background: rgba(18,183,106, 0.3); flex-shrink: 0; margin-left: 8px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn:hover {  color: #3CE08F; background: #1f1f1f;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotLableBox .hotLable a:hover {  color: #136B45; border-color: #12B76A;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .prevNext a:hover {  color: #136B45; background: rgba(18,183,106, 0.2);  }
body.macdown-cs-green .fraudTipBox .boxWrap .fraudTip {  display: flex; align-items: center; justify-content: center; padding: 13px 22px; border-radius: 14px; background: #D7F5E5; border: 1px solid rgba(18,183,106, 0.5);  }
body.macdown-cs-green .fraudTipBox .boxWrap .fraudTip .icon {  width: 22px; height: 22px; flex-shrink: 0; margin-right: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M11 1.5L21 19H1L11 1.5z' fill='%2312B76A'/%3E%3Cpath d='M11 8v5' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='11' cy='16' r='1.3' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .fraudTipBox .boxWrap .fraudTip p {  font-size: 14px; color: #136B45; line-height: 22px;  }
body.macdown-cs-green .fraudTipBox .boxWrap .fraudTip .tagName {  flex-shrink: 0; display: inline-block; padding: 3px 13px 4px 13px; margin-right: 12px; border-radius: 10px 12px 12px 2px; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 18px; background: linear-gradient(90deg, #0E9F5C, #12B76A);  }

/* ---- 配色：purple ---- */
body.macdown-cs-purple a:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .homeBg {  background: linear-gradient(#9D85FF 0, #EEE9FB 440px, #EEE9FB 100%);  }
body.macdown-cs-purple .universalBg {  background: #EEE9FB;  }
body.macdown-cs-purple .detaillBg {  background: #EEE9FB;  }
body.macdown-cs-purple header {  padding: 3px 0 1px 0; background: linear-gradient(-90deg, #9D85FF, #7C5CFF);  }
body.macdown-cs-purple 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='%237C5CFF' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple 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, #7C5CFF, #FFE314);  }
body.macdown-cs-purple 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: #F5F2FF;  }
body.macdown-cs-purple 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='%234A3A9E' stroke-width='3'/%3E%3Cpath d='M21 21 L28 28' stroke='%234A3A9E' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/20px 20px; cursor: pointer;  }
body.macdown-cs-purple 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, #7C5CFF, #FFE314); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);  }
body.macdown-cs-purple header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner {  background: #F5F2FF; border-radius: 9px; padding: 8px 0;  }
body.macdown-cs-purple header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a:hover {  background: #E4DCFF; color: #4A3A9E;  }
body.macdown-cs-purple .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='%237C5CFF' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='16' r='3' fill='%23FF2E38'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .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='%237C5CFF'/%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;  }
body.macdown-cs-purple .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='%237C5CFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .filter li p {  padding-left: 5px; font-weight: bold; font-size: 18px; color: #4A3A9E; line-height: 18px;  }
body.macdown-cs-purple .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='%237C5CFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .lableList a p {  font-size: 14px; color: #4A3A9E; line-height: 14px; padding-left: 10px; max-width: 96px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .lableList a:hover {  border-color: #7C5CFF; background: rgba(255, 255, 255, 0.7);  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .name {  font-weight: bold; font-size: 16px; color: #4A3A9E; line-height: 16px; margin-top: 12px; padding-right: 8px; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .time {  font-size: 12px; color: #4A3A9E; line-height: 12px; opacity: .7; margin-top: 11px;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .brief {  font-size: 12px; color: #4A3A9E; line-height: 12px; margin-top: 8px; opacity: .7; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-purple .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='%237C5CFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-slide .name:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .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: #9D85FF;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .brief:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox {  width: 279px; height: 350px; background: #9D85FF; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .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='%234A3A9E'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyTxt p {  padding-left: 5px; font-size: 12px; color: #4A3A9E; line-height: 12px;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .name:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .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='%237C5CFF'%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;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .name:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artList li .txtBox .name:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .name:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #4A3A9E; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(124,92,255, 0.3); flex-shrink: 0;  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameList li .btn:hover {  color: #9D85FF; background: #1f1f1f;  }
body.macdown-cs-purple .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: #4A3A9E; background: rgba(124,92,255, 0.3);  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameBttomBox .gameBttom .loadMore:hover {  color: #9D85FF; background: #1f1f1f;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .cloumList li .name:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .name:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .recentlyList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #4A3A9E; text-align: center; border-radius: 14px; line-height: 28px; background-color: rgba(124,92,255, 0.3); flex-shrink: 0;  }
body.macdown-cs-purple .repetitionBox .boxWrap .repetition .repetitionList li .name:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .crumbBox .boxWrap a:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .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='%237C5CFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .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='%237C5CFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .name:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #4A3A9E; text-align: center; line-height: 28px; background: rgba(124,92,255, 0.3); border-radius: 14px; flex-shrink: 0;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn:hover {  color: #9D85FF; background: #1f1f1f;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox a:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .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 #7C5CFF;  }
body.macdown-cs-purple .typeListBox .boxWrap .typeList a:hover {  color: #4A3A9E; border-color: #7C5CFF;  }
body.macdown-cs-purple .typeListBox .boxWrap .typeList a.active {  color: #4A3A9E; font-weight: bold; border: none; background: linear-gradient(-90deg, #9D85FF, #7C5CFF);  }
body.macdown-cs-purple .gameBttomBox .boxWrap .gameBttom .pageBox a:hover {  color: #9D85FF; background: #060606; border-color: #060606;  }
body.macdown-cs-purple .gameBttomBox .boxWrap .gameBttom .pageBox a.active {  color: #9D85FF; background: #060606; border-color: #060606;  }
body.macdown-cs-purple .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='%237C5CFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem:hover p {  color: #4A3A9E;  }
body.macdown-cs-purple .topicListBox .boxWrap .topicList li .topicL .txtBox .name:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a {  display: inline-block; margin: 0 12px 8px 0; padding: 4px 12px; font-size: 12px; color: #4A3A9E; border-radius: 12px; background: rgba(124,92,255, 0.2);  }
body.macdown-cs-purple .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a:hover {  color: #fff; background: #7C5CFF;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .filter li.active::before {  content: ""; width: 100%; height: 6px; position: absolute; left: 0; bottom: 2px; border-radius: 3px; background: #9D85FF;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .realTime .realTimeR li {  display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px dashed #E2DAF8;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .realTime .realTimeR li a:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .realTime .realTimeR li a::before {  content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 6px; border-radius: 50%; background: #7C5CFF;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .name:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #4A3A9E; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(124,92,255, 0.3); flex-shrink: 0;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn:hover {  color: #9D85FF; background: #1f1f1f;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-next, body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(124,92,255, 0.5);  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductR .factoryList li .txt:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .pageBox a:hover, body.macdown-cs-purple .pageBox span.cur {  color: #9D85FF; background: #060606; border-color: #060606;  }
body.macdown-cs-purple footer {  padding: 20px 0 33px 0; margin-top: 21px; border-top: 2px solid #7C5CFF; border-bottom: 1px solid #7C5CFF; background: linear-gradient(0deg, #484848, #0B0B0B);  }
body.macdown-cs-purple footer .boxWrap .footerBox .friendBox .friendBg h3 {  font-weight: bold; font-size: 20px; line-height: 22px; background: linear-gradient(-90deg, #9D85FF 0%, #7C5CFF 89.99%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #7C5CFF;  }
body.macdown-cs-purple footer .boxWrap .footerBox .friendBox .friendList a:hover {  color: #9D85FF; text-decoration: underline;  }
body.macdown-cs-purple footer .boxWrap .footerBox .footerTxt a:hover {  color: #7C5CFF;  }
body.macdown-cs-purple .macdown-float .floatBtn {  width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(90deg, #9D85FF, #7C5CFF); box-shadow: 0 4px 14px rgba(255, 189, 9, 0.4); display: flex; align-items: center; justify-content: center; font-size: 12px; color: #4A3A9E; font-weight: bold;  }
body.macdown-cs-purple .detailHead .imgBox {  width: 128px; height: 128px; overflow: hidden; border-radius: 24px; border: 2px solid #7C5CFF; flex-shrink: 0;  }
body.macdown-cs-purple .detailHead .txtBox .slogan {  margin-top: 8px; font-size: 13px; color: #4A3A9E; line-height: 18px;  }
body.macdown-cs-purple .detailHead .txtBox .tags a {  padding: 3px 12px; font-size: 12px; color: #4A3A9E; border-radius: 12px; background: rgba(124,92,255, 0.2);  }
body.macdown-cs-purple .detailHead .txtBox .tags a:hover {  color: #fff; background: #7C5CFF;  }
body.macdown-cs-purple .detailHead .txtBox .metaRow span i {  color: #4A3A9E; font-style: normal;  }
body.macdown-cs-purple .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, #7C5CFF, #7C5CFF); box-shadow: 0 6px 16px rgba(255, 189, 9, 0.35);  }
body.macdown-cs-purple .detailHead .downWrap .downBtn.ios {  background: linear-gradient(90deg, #4A3A9E, #060606); box-shadow: none;  }
body.macdown-cs-purple .shotBox .swiper-button-next, body.macdown-cs-purple .shotBox .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(124,92,255, 0.6);  }
body.macdown-cs-purple .articleTxt a {  display: inline; color: #6247E0;  }
body.macdown-cs-purple .articleTxt table td, body.macdown-cs-purple .articleTxt table th {  padding: 8px 12px; border: 1px solid #E2DAF8; font-size: 14px;  }
body.macdown-cs-purple .infoTable .infoTitle {  padding: 14px 20px; font-size: 18px; font-weight: bold; color: #060606; border-bottom: 1px solid #E4DCFF;  }
body.macdown-cs-purple .infoTable table td:first-child {  width: 140px; color: #4A3A9E;  }
body.macdown-cs-purple .prevNext a:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .detailR .sideBox .sideTitle::before {  content: ""; width: 6px; height: 18px; border-radius: 3px; background: linear-gradient(180deg, #9D85FF, #7C5CFF); position: absolute; left: 0; top: 18px;  }
body.macdown-cs-purple .detailR .sideBox .sideTitle .more:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .detailR .sideBox .sideList li .txtBox .name:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .likeBox .likeItem:hover {  background: rgba(124,92,255, 0.2);  }
body.macdown-cs-purple .macdown-comments .cmtTitle {  font-size: 18px; font-weight: bold; color: #060606; padding-bottom: 14px; border-bottom: 1px solid #E4DCFF;  }
body.macdown-cs-purple .macdown-comments ul li .avatar {  width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: #9D85FF;  }
body.macdown-cs-purple .macdown-comments ul li .cmtBody .cmtHead b {  color: #4A3A9E; font-size: 14px; padding-right: 10px;  }
body.macdown-cs-purple .macdown-comments ul li .cmtBody .reply a {  display: inline-block; color: #6247E0;  }
body.macdown-cs-purple .macdown-comments .cmtForm input[type="text"] {  flex: 1; height: 40px; padding: 0 14px; border: 1px solid #E2DAF8; border-radius: 10px; background: #F5F2FF; font-size: 14px;  }
body.macdown-cs-purple .macdown-comments .cmtForm textarea {  width: 100%; height: 100px; padding: 10px 14px; border: 1px solid #E2DAF8; border-radius: 10px; background: #F5F2FF; font-size: 14px; resize: vertical;  }
body.macdown-cs-purple .macdown-comments .cmtForm .submitBtn {  margin-top: 12px; width: 140px; height: 40px; border-radius: 20px; background: linear-gradient(90deg, #7C5CFF, #7C5CFF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-purple .searchBoxPage .boxWrap .searchPanel .searchForm input {  flex: 1; height: 44px; padding: 0 16px; border: 1px solid #7C5CFF; border-radius: 12px 0 0 12px; background: #F5F2FF; font-size: 15px;  }
body.macdown-cs-purple .searchBoxPage .boxWrap .searchPanel .searchForm button {  width: 100px; height: 44px; border-radius: 0 12px 12px 0; background: linear-gradient(90deg, #7C5CFF, #7C5CFF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-purple .errorPage .code {  font-size: 90px; font-weight: bold; line-height: 1; background: linear-gradient(90deg, #9D85FF, #7C5CFF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #7C5CFF;  }
body.macdown-cs-purple .errorPage .backHome {  display: inline-block; margin-top: 26px; padding: 12px 36px; border-radius: 22px; background: linear-gradient(90deg, #7C5CFF, #7C5CFF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-purple .pageDetail h1 {  font-size: 24px; font-weight: bold; color: #060606; text-align: center; padding-bottom: 18px; border-bottom: 1px solid #E4DCFF;  }
body.macdown-cs-purple .newsDetail .newsContont a {  display: inline; color: #6247E0;  }
body.macdown-cs-purple .newsDetail .newsTags a {  padding: 3px 12px; font-size: 12px; color: #4A3A9E; border-radius: 12px; background: rgba(124,92,255, 0.2);  }
body.macdown-cs-purple .newsDetail .newsTags a:hover {  color: #fff; background: #7C5CFF;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall {  width: 100%; padding: 1px 1px; border-radius: 20px; background: linear-gradient(90deg, #7C5CFF, #FFF220, #7C5CFF);  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont {  padding: 28px 30px 30px 29px; border-radius: 20px; background: #F9F7FF; position: relative; display: flex; justify-content: space-between;  }
body.macdown-cs-purple .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: #4A3A9E; line-height: 16px; background: linear-gradient(90deg, rgba(74,58,158, 0.05), rgba(74,58,158, 0));  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a {  padding: 6px 11px 6px 12px; font-size: 12px; color: #4A3A9E; 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);  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a:hover {  border-color: #7C5CFF; color: #060606;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox > div:hover {  background: rgba(124,92,255, 0.15);  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox p {  font-size: 12px; color: #4A3A9E; line-height: 12px; margin-top: 4px;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .qrcodeBox p {  font-size: 12px; color: #4A3A9E; line-height: 12px; padding-top: 3px;  }
body.macdown-cs-purple .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='%234A3A9E'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .problem p {  font-size: 13px; color: #4A3A9E; line-height: 13px; padding-left: 6px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .titleBox .more {  width: auto; height: auto; font-size: 14px; color: #4A3A9E; line-height: 14px; background: none; padding-right: 2px;  }
body.macdown-cs-purple .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, #9D85FF, #7C5CFF);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt a:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt blockquote {  padding: 12px 16px; margin: 14px 0; border-left: 4px solid #7C5CFF; background: rgba(124,92,255, 0.08); border-radius: 0 10px 10px 0; color: #666666;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt table th {  background: rgba(124,92,255, 0.15); font-weight: bold; color: #4A3A9E;  }
body.macdown-cs-purple .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='%237C5CFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #4A3A9E; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(124,92,255, 0.3); flex-shrink: 0; margin-left: 14px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn:hover {  color: #9D85FF; background: #1f1f1f;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li .name:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-button-prev {  width: 28px; height: 28px; top: 68px; border-radius: 50%; background: rgba(124,92,255, .5);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter li {  padding: 8px 15px; cursor: pointer; font-size: 14px; color: #4A3A9E; 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);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .name:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .name:hover {  color: #4A3A9E;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn {  width: 56px; height: 26px; font-size: 13px; color: #4A3A9E; text-align: center; line-height: 26px; border-radius: 13px; background: rgba(124,92,255, 0.3); flex-shrink: 0; margin-left: 8px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn:hover {  color: #9D85FF; background: #1f1f1f;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotLableBox .hotLable a:hover {  color: #4A3A9E; border-color: #7C5CFF;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .prevNext a:hover {  color: #4A3A9E; background: rgba(124,92,255, 0.2);  }
body.macdown-cs-purple .fraudTipBox .boxWrap .fraudTip {  display: flex; align-items: center; justify-content: center; padding: 13px 22px; border-radius: 14px; background: #E4DCFF; border: 1px solid rgba(124,92,255, 0.5);  }
body.macdown-cs-purple .fraudTipBox .boxWrap .fraudTip .icon {  width: 22px; height: 22px; flex-shrink: 0; margin-right: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M11 1.5L21 19H1L11 1.5z' fill='%237C5CFF'/%3E%3Cpath d='M11 8v5' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='11' cy='16' r='1.3' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .fraudTipBox .boxWrap .fraudTip p {  font-size: 14px; color: #4A3A9E; line-height: 22px;  }
body.macdown-cs-purple .fraudTipBox .boxWrap .fraudTip .tagName {  flex-shrink: 0; display: inline-block; padding: 3px 13px 4px 13px; margin-right: 12px; border-radius: 10px 12px 12px 2px; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 18px; background: linear-gradient(90deg, #6247E0, #7C5CFF);  }

/* ==========================================================================
   v1.7.2 配色方案（后台「主题配色」切换，默认 金黄 · 原版）
   自动生成：把全站黄色系（色相 28~85°）规则整条复制到 body.macdown-cs-xxx 作用域下
   并按目标色相旋转，明度/饱和度不变 —— 按钮、图标(SVG data-URI)、星星、渐变、背景一起变色。
   ========================================================================== */

/* ---- 配色：blue ---- */
body.macdown-cs-blue {  color: #333; background: #eef0f5; overflow-y: auto; -webkit-text-size-adjust: 100%;  }
body.macdown-cs-blue {  font: 14px/1.6 "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif; color: #333333; min-width: 1200px; background: #eef0f5;  }
body.macdown-cs-blue a {  text-decoration: none; color: #333333; display: block; box-sizing: border-box;  }
body.macdown-cs-blue a:hover {  color: #15428B;  }
body.macdown-cs-blue input::placeholder, body.macdown-cs-blue textarea::placeholder {  color: #999999;  }
body.macdown-cs-blue .homeBg {  background: linear-gradient(#146EFF 0, #D3E1F8 440px, #D3E1F8 100%);  }
body.macdown-cs-blue .universalBg {  background: #E2EAF6;  }
body.macdown-cs-blue .detaillBg {  background: #D3E1F8;  }
body.macdown-cs-blue header {  padding: 3px 0 1px 0; background: linear-gradient(-90deg, #2478FF, #0967FF);  }
body.macdown-cs-blue header .headerBox {  padding: 14px 0 15px 0; background: rgba(255, 255, 255, 0.85);  }
body.macdown-cs-blue header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a {  color: #385788; font-size: 18px; line-height: 18px; position: relative; display: flex; justify-content: center; margin-left: 36px;  }
body.macdown-cs-blue header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a:hover {  color: #060606;  }
body.macdown-cs-blue header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a.cursor {  color: #060606; font-size: 22px; line-height: 22px; font-weight: bold;  }
body.macdown-cs-blue 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='%230967FF' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue 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, #0A68FF, #146EFF);  }
body.macdown-cs-blue 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: #EBF3FF;  }
body.macdown-cs-blue 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='%2315428B' stroke-width='3'/%3E%3Cpath d='M21 21 L28 28' stroke='%2315428B' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/20px 20px; cursor: pointer;  }
body.macdown-cs-blue 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, #0A68FF, #146EFF); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);  }
body.macdown-cs-blue header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner {  background: #EBF3FF; border-radius: 9px; padding: 8px 0;  }
body.macdown-cs-blue header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a:hover {  background: #B7D3FF; color: #15428B;  }
body.macdown-cs-blue header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a span {  color: #BABABA; font-size: 12px;  }
body.macdown-cs-blue .titleBox h3 {  font-weight: bold; font-size: 24px; color: #060606; line-height: 24px; position: relative; z-index: 1;  }
body.macdown-cs-blue .titleBox h3::before {  content: ""; width: 120%; height: 15px; position: absolute; left: -22%; bottom: -8px; z-index: -1; background: linear-gradient(-90deg, rgba(36, 120, 255, 0.9), rgba(9, 103, 255, 0.2), rgba(9, 103, 255, 0)) 100%; border-radius: 7px;  }
body.macdown-cs-blue .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='%230967FF' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='16' r='3' fill='%23FF2E38'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .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='%230967FF'/%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;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame {  min-height: 312px; border-radius: 20px; position: relative; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-blue .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='%230967FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .filter li p {  padding-left: 5px; font-weight: bold; font-size: 18px; color: #15428B; line-height: 18px;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .filter li.active p {  font-size: 20px; color: #060606;  }
body.macdown-cs-blue .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(10, 104, 255, 0.4); background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-blue .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='%230967FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .lableList a p {  font-size: 14px; color: #15428B; line-height: 14px; padding-left: 10px; max-width: 96px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .lableList a:hover {  border-color: #0967FF; background: rgba(255, 255, 255, 0.7);  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .name {  font-weight: bold; font-size: 16px; color: #15428B; line-height: 16px; margin-top: 12px; padding-right: 8px; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .time {  font-size: 12px; color: #15428B; line-height: 12px; opacity: .7; margin-top: 11px;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .brief {  font-size: 12px; color: #15428B; line-height: 12px; margin-top: 8px; opacity: .7; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-blue .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='%230967FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox.active {  border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.55);  }
body.macdown-cs-blue .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: #0A68FF; flex-shrink: 0;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a:hover {  color: #15428B;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a::before {  content: ""; width: 1px; height: 18px; right: -12px; position: absolute; background-color: #E3E3E3;  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-slide .name:hover {  color: #15428B;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox {  width: 444px; height: 350px; border-radius: 20px; background-color: #86FB9E; border: 1px solid rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .filter li.active {  color: #060606; font-size: 18px; font-weight: bold; line-height: 18px;  }
body.macdown-cs-blue .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: #2277FF;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .brief {  font-weight: bold; font-size: 14px; color: #060606; line-height: 22px;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .brief:hover {  color: #15428B;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .time {  font-size: 14px; color: #BABABA; line-height: 12px; margin-top: 15px;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a {  flex: 1; color: #202320; font-size: 14px; line-height: 14px; position: relative; padding-left: 15px;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a:hover {  color: #15428B;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a::after {  content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 8px; background-color: #C1F0DF;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt .time {  color: #A9A79B; font-size: 14px; line-height: 14px;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox {  width: 279px; height: 350px; background: #0F6BFF; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyIcon {  width: 104px; height: 34px; position: absolute; top: -2px; 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;  }
body.macdown-cs-blue .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='%2315428B'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyTxt p {  padding-left: 5px; font-size: 12px; color: #15428B; line-height: 12px;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox .dailyContont {  width: 269px; height: 303px; overflow: hidden; padding: 0 10px; margin: 14px auto 0 auto; border-radius: 20px; background-color: #CFE1FF;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .name {  font-size: 16px; color: #000000; line-height: 16px;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .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='%230967FF'%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;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .name {  margin-top: 6px; font-size: 12px; color: #060606; line-height: 12px;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .name:hover {  color: #15428B;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artMain {  flex: 1; min-width: 0; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.8); padding: 4px 22px 18px 22px;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artList li {  display: flex; align-items: flex-start; padding: 22px 0; border-bottom: 1px dashed #E3E3E3;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artList li .imgBox {  width: 220px; height: 140px; flex-shrink: 0; overflow: hidden; border-radius: 12px; background: #F2F2F2;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artList li .txtBox .name {  font-size: 18px; font-weight: bold; color: #060606; line-height: 26px; display: block;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artList li .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artList li .txtBox .brief {  margin-top: 10px; font-size: 14px; color: #888888; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artList li .txtBox .meta {  margin-top: auto; padding-top: 12px; display: flex; align-items: center; font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artList li .txtBox .meta .author .icon {  width: 13px; height: 13px; margin-right: 5px; border-radius: 50%; background: #D8D8D8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M6.5 6.5a2.6 2.6 0 100-5.2 2.6 2.6 0 000 5.2zm0 1.1c-2.6 0-4.7 1.3-4.7 2.9v1.1h9.4v-1.1c0-1.6-2.1-2.9-4.7-2.9z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artList li.empty {  display: block; text-align: center; padding: 60px 0; color: #999999; border-bottom: none;  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .name {  font-size: 16px; color: #040404; line-height: 16px; margin-top: 6px;  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 9px;  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #15428B; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(10, 104, 255, 0.3); flex-shrink: 0;  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameList li .btn:hover {  color: #2C7BFB; background: #1f1f1f;  }
body.macdown-cs-blue .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: #15428B; background: rgba(10, 104, 255, 0.3);  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameBttomBox .gameBttom .loadMore:hover {  color: #2C7BFB; background: #1f1f1f;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently {  width: 100%; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .cloumList li .name {  text-align: center; font-weight: bold; font-size: 14px; color: #060606; line-height: 14px; margin-top: 13px;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .cloumList li .name:hover {  color: #15428B;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .name {  display: block; font-size: 16px; color: #060606; line-height: 16px; margin-top: 5px;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .recentlyList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #15428B; text-align: center; border-radius: 14px; line-height: 28px; background-color: rgba(10, 104, 255, 0.3); flex-shrink: 0;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .recentlyList li .btn:hover {  color: #2C7DFF; background-color: #060606;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .recentlyList li:hover {  background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-blue .repetitionBox .boxWrap .repetition {  background: rgba(255, 255, 255, 0.4); border-radius: 20px; border: 1px solid #FFFFFF;  }
body.macdown-cs-blue .repetitionBox .boxWrap .repetition .repetitionList li .name {  margin-top: 8px; font-size: 14px; color: #060606; line-height: 14px;  }
body.macdown-cs-blue .repetitionBox .boxWrap .repetition .repetitionList li .name:hover {  color: #15428B;  }
body.macdown-cs-blue .crumbBox .boxWrap {  font-size: 14px; color: #999999; line-height: 14px;  }
body.macdown-cs-blue .crumbBox .boxWrap a {  display: inline-block; color: #666666;  }
body.macdown-cs-blue .crumbBox .boxWrap a:hover {  color: #15428B;  }
body.macdown-cs-blue .crumbBox .boxWrap .sep {  padding: 0 8px; color: #CCCCCC;  }
body.macdown-cs-blue .crumbBox .boxWrap .cur {  color: #060606;  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont {  width: 386px; padding-bottom: 29px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .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='%230967FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomIcon h3 {  padding: 3px 2px 0 3px; font-weight: bold; font-size: 20px; color: #060606; line-height: 20px;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li:hover {  background: rgba(255, 255, 255, 0.6);  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li.active {  background: rgba(255, 255, 255, 0.7);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .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='%230967FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .name {  margin-top: 4px; font-size: 16px; color: #000000; line-height: 16px; display: block;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 12px;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .time {  margin-top: 12px; font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #15428B; text-align: center; line-height: 28px; background: rgba(10, 104, 255, 0.3); border-radius: 14px; flex-shrink: 0;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn:hover {  color: #2C7BFB; background: #1f1f1f;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox a {  flex: 1; font-size: 16px; color: #000000; line-height: 16px; padding-left: 9px;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox a:hover {  color: #15428B;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-blue .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 #0967FF;  }
body.macdown-cs-blue .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(10, 104, 255, 0.4);  }
body.macdown-cs-blue .typeListBox .boxWrap .typeList a:hover {  color: #15428B; border-color: #0967FF;  }
body.macdown-cs-blue .typeListBox .boxWrap .typeList a.active {  color: #15428B; font-weight: bold; border: none; background: linear-gradient(-90deg, #2478FF, #0967FF);  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .gameBttomBox .boxWrap .gameBttom .pageBox a.home {  width: 59px; font-size: 16px; color: #333333; font-weight: 400;  }
body.macdown-cs-blue .gameBttomBox .boxWrap .gameBttom .pageBox a.next {  width: 73px; font-weight: 400; font-size: 14px; color: #333333;  }
body.macdown-cs-blue .gameBttomBox .boxWrap .gameBttom .pageBox a.omit {  width: auto; height: auto; font-weight: 400; font-size: 16px; color: #333333; line-height: 16px; border: none;  }
body.macdown-cs-blue .gameBttomBox .boxWrap .gameBttom .pageBox a:hover {  color: #2A7CFF; background: #060606; border-color: #060606;  }
body.macdown-cs-blue .gameBttomBox .boxWrap .gameBttom .pageBox a.active {  color: #2A7CFF; background: #060606; border-color: #060606;  }
body.macdown-cs-blue .hotTopicBox .boxWrap .hotTopic {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .imgListBox a {  position: absolute; bottom: 0; overflow: hidden; border-radius: 20px; border: 2px solid #FFFFFF;  }
body.macdown-cs-blue .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='%230967FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem p {  font-size: 13px; color: #666666; line-height: 13px; padding-left: 8px;  }
body.macdown-cs-blue .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem:hover p {  color: #15428B;  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .topicListBox .boxWrap .topicList li .topicL .txtBox .name {  font-weight: bold; font-size: 20px; color: #060606; line-height: 20px;  }
body.macdown-cs-blue .topicListBox .boxWrap .topicList li .topicL .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .topicListBox .boxWrap .topicList li .topicL .txtBox .brief {  margin-top: 12px; font-size: 13px; color: #999999; line-height: 22px;  }
body.macdown-cs-blue .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a {  display: inline-block; margin: 0 12px 8px 0; padding: 4px 12px; font-size: 12px; color: #15428B; border-radius: 12px; background: rgba(10, 104, 255, 0.2);  }
body.macdown-cs-blue .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a:hover {  color: #fff; background: #0967FF;  }
body.macdown-cs-blue .topicListBox .boxWrap .topicList li .topicR {  flex: 1; padding: 21px 20px 20px 20px; border-left: 1px dashed #E3E3E3;  }
body.macdown-cs-blue .topicListBox .boxWrap .topicList li .topicR .name {  font-weight: bold; font-size: 16px; color: #060606; line-height: 16px;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .filter li {  font-size: 15px; color: #666666; line-height: 15px; margin-right: 30px; cursor: pointer; position: relative; padding-bottom: 10px;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .filter li.active {  color: #060606; font-size: 17px; font-weight: bold;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .filter li.active::before {  content: ""; width: 100%; height: 6px; position: absolute; left: 0; bottom: 2px; border-radius: 3px; background: #2277FF;  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .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));  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .realTime .realTimeR li {  display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px dashed #D0DCEF;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .realTime .realTimeR li a {  flex: 1; font-size: 14px; color: #333333; line-height: 14px; position: relative; padding-left: 15px;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .realTime .realTimeR li a:hover {  color: #15428B;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .realTime .realTimeR li a::before {  content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 6px; border-radius: 50%; background: #0967FF;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .realTime .realTimeR li .time {  font-size: 13px; color: #BABABA; line-height: 14px; padding-left: 16px;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox {  margin-top: 16px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .name {  font-size: 16px; color: #040404; line-height: 16px;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 9px;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #15428B; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(10, 104, 255, 0.3); flex-shrink: 0;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn:hover {  color: #2C7BFB; background: #1f1f1f;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-next, body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(10, 104, 255, 0.5);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductR .rankBox .gameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductR .factoryList li {  width: 100%; margin-top: 19px; overflow: hidden; border-radius: 20px; background-color: #E7EFFB; border: 1px solid #FFFFFF; display: block;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductR .factoryList li:hover {  border-color: #0967FF;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductR .factoryList li .imgBox {  width: 100%; height: 103px; display: flex; align-items: center; justify-content: center; background: #F4F7FD;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductR .factoryList li .txt:hover {  color: #15428B;  }
body.macdown-cs-blue .pageBox a, body.macdown-cs-blue .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;  }
body.macdown-cs-blue .pageBox a:hover, body.macdown-cs-blue .pageBox span.cur {  color: #2A7CFF; background: #060606; border-color: #060606;  }
body.macdown-cs-blue .pageBox a.home {  width: 59px; font-size: 16px; color: #333333; font-weight: 400;  }
body.macdown-cs-blue .pageBox a.next {  width: 73px; font-weight: 400; font-size: 14px; color: #333333;  }
body.macdown-cs-blue .pageBox span.omit {  width: auto; font-weight: 400; font-size: 16px; color: #333333; border: none; background: none;  }
body.macdown-cs-blue footer {  padding: 20px 0 33px 0; margin-top: 21px; border-top: 2px solid #1B72FE; border-bottom: 1px solid #1B72FE; background: linear-gradient(0deg, #484848, #0B0B0B);  }
body.macdown-cs-blue footer .boxWrap .footerBox .friendBox {  padding-bottom: 18px; display: flex; align-items: center; border-bottom: 1px solid #484848;  }
body.macdown-cs-blue footer .boxWrap .footerBox .friendBox .friendBg h3 {  font-weight: bold; font-size: 20px; line-height: 22px; background: linear-gradient(-90deg, #2478FF 0%, #0967FF 89.99%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #0967FF;  }
body.macdown-cs-blue footer .boxWrap .footerBox .friendBox .friendList a {  font-size: 14px; color: #CCCCCC; line-height: 28px; margin-right: 28px; display: inline-block;  }
body.macdown-cs-blue footer .boxWrap .footerBox .friendBox .friendList a:hover {  color: #2377FF; text-decoration: underline;  }
body.macdown-cs-blue footer .boxWrap .footerBox .footerTxt p {  font-size: 14px; color: #999999; line-height: 22px; text-align: center;  }
body.macdown-cs-blue footer .boxWrap .footerBox .footerTxt p a, body.macdown-cs-blue footer .boxWrap .footerBox .footerTxt a {  display: inline-block; font-size: 14px; color: #999999; line-height: 22px;  }
body.macdown-cs-blue footer .boxWrap .footerBox .footerTxt a:hover {  color: #0967FF;  }
body.macdown-cs-blue .macdown-float .floatBtn {  width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(90deg, #2478FF, #0967FF); box-shadow: 0 4px 14px rgba(9, 103, 255, 0.4); display: flex; align-items: center; justify-content: center; font-size: 12px; color: #15428B; font-weight: bold;  }
body.macdown-cs-blue .detailBox .boxWrap .detailContont .detailL .appPanel {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 24px 24px 30px;  }
body.macdown-cs-blue .detailHead .imgBox {  width: 128px; height: 128px; overflow: hidden; border-radius: 24px; border: 2px solid #0967FF; flex-shrink: 0;  }
body.macdown-cs-blue .detailHead .txtBox h1 {  font-size: 26px; color: #060606; line-height: 30px; font-weight: bold;  }
body.macdown-cs-blue .detailHead .txtBox .slogan {  margin-top: 8px; font-size: 13px; color: #15428B; line-height: 18px;  }
body.macdown-cs-blue .detailHead .txtBox .tags a {  padding: 3px 12px; font-size: 12px; color: #15428B; border-radius: 12px; background: rgba(10, 104, 255, 0.2);  }
body.macdown-cs-blue .detailHead .txtBox .tags a:hover {  color: #fff; background: #0967FF;  }
body.macdown-cs-blue .detailHead .txtBox .metaRow span {  font-size: 13px; color: #BABABA; line-height: 13px; margin-right: 20px; position: relative;  }
body.macdown-cs-blue .detailHead .txtBox .metaRow span b {  color: #666666; font-weight: normal;  }
body.macdown-cs-blue .detailHead .txtBox .metaRow span i {  color: #15428B; font-style: normal;  }
body.macdown-cs-blue .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, #0A68FF, #0967FF); box-shadow: 0 6px 16px rgba(9, 103, 255, 0.35);  }
body.macdown-cs-blue .detailHead .downWrap .downBtn.ios {  background: linear-gradient(90deg, #15428B, #060606); box-shadow: none;  }
body.macdown-cs-blue .detailHead .downWrap .downNone {  text-align: center; font-size: 12px; color: #BABABA; line-height: 48px;  }
body.macdown-cs-blue .shotBox .swiper-button-next, body.macdown-cs-blue .shotBox .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(10, 104, 255, 0.6);  }
body.macdown-cs-blue .articleTxt {  margin-top: 22px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-blue .articleTxt h2, body.macdown-cs-blue .articleTxt h3, body.macdown-cs-blue .articleTxt h4 {  font-weight: bold; color: #060606; margin: 18px 0 10px;  }
body.macdown-cs-blue .articleTxt a {  display: inline; color: #0062FF;  }
body.macdown-cs-blue .articleTxt table td, body.macdown-cs-blue .articleTxt table th {  padding: 8px 12px; border: 1px solid #D0DCEF; font-size: 14px;  }
body.macdown-cs-blue .articleTxt table th {  background: #E0ECFF; color: #060606;  }
body.macdown-cs-blue .infoTable {  margin-top: 24px; border-radius: 16px; overflow: hidden; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .infoTable .infoTitle {  padding: 14px 20px; font-size: 18px; font-weight: bold; color: #060606; border-bottom: 1px solid #B7D3FF;  }
body.macdown-cs-blue .infoTable table td {  padding: 11px 20px; font-size: 14px; color: #666666; border-bottom: 1px dashed #D0DDF3;  }
body.macdown-cs-blue .infoTable table td:first-child {  width: 140px; color: #15428B;  }
body.macdown-cs-blue .prevNext a {  width: 48%; padding: 14px 18px; border-radius: 14px; font-size: 14px; color: #666666; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .prevNext a:hover {  color: #15428B;  }
body.macdown-cs-blue .detailR .sideBox {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); margin-bottom: 20px;  }
body.macdown-cs-blue .detailR .sideBox .sideTitle {  padding: 16px 18px 12px; font-size: 18px; font-weight: bold; color: #060606; position: relative;  }
body.macdown-cs-blue .detailR .sideBox .sideTitle::before {  content: ""; width: 6px; height: 18px; border-radius: 3px; background: linear-gradient(180deg, #2478FF, #0967FF); position: absolute; left: 0; top: 18px;  }
body.macdown-cs-blue .detailR .sideBox .sideTitle .more {  position: absolute; right: 14px; top: 18px; font-size: 12px; color: #BABABA; font-weight: normal;  }
body.macdown-cs-blue .detailR .sideBox .sideTitle .more:hover {  color: #15428B;  }
body.macdown-cs-blue .detailR .sideBox .sideList li:hover {  background: rgba(255, 255, 255, 0.6);  }
body.macdown-cs-blue .detailR .sideBox .sideList li .num {  width: 20px; font-size: 14px; font-weight: bold; color: #BABABA; text-align: center; flex-shrink: 0;  }
body.macdown-cs-blue .detailR .sideBox .sideList li:nth-child(-n+3) .num {  color: #FF2E38;  }
body.macdown-cs-blue .detailR .sideBox .sideList li .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px;  }
body.macdown-cs-blue .detailR .sideBox .sideList li .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .detailR .sideBox .sideList li .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 7px;  }
body.macdown-cs-blue .detailR .sideBox .sideList li .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 6px;  }
body.macdown-cs-blue .likeBox .likeItem {  width: 120px; padding: 14px 0; text-align: center; border-radius: 14px; background: rgba(255, 255, 255, 0.5); cursor: pointer;  }
body.macdown-cs-blue .likeBox .likeItem:hover {  background: rgba(10, 104, 255, 0.2);  }
body.macdown-cs-blue .likeBox .likeItem p {  margin-top: 6px; font-size: 13px; color: #666666;  }
body.macdown-cs-blue .macdown-comments {  margin-top: 24px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); padding: 20px 24px;  }
body.macdown-cs-blue .macdown-comments .cmtTitle {  font-size: 18px; font-weight: bold; color: #060606; padding-bottom: 14px; border-bottom: 1px solid #B7D3FF;  }
body.macdown-cs-blue .macdown-comments .cmtTitle span {  font-size: 13px; color: #BABABA; font-weight: normal; padding-left: 8px;  }
body.macdown-cs-blue .macdown-comments ul li {  display: flex; padding: 16px 0; border-bottom: 1px dashed #D0DDF3;  }
body.macdown-cs-blue .macdown-comments ul li .avatar {  width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: #0F6BFF;  }
body.macdown-cs-blue .macdown-comments ul li .cmtBody .cmtHead {  font-size: 13px; color: #999999;  }
body.macdown-cs-blue .macdown-comments ul li .cmtBody .cmtHead b {  color: #15428B; font-size: 14px; padding-right: 10px;  }
body.macdown-cs-blue .macdown-comments ul li .cmtBody .cmtTxt {  margin-top: 6px; font-size: 14px; color: #333333; line-height: 24px;  }
body.macdown-cs-blue .macdown-comments ul li .cmtBody .reply a {  display: inline-block; color: #0062FF;  }
body.macdown-cs-blue .macdown-comments .cmtForm input[type="text"] {  flex: 1; height: 40px; padding: 0 14px; border: 1px solid #D0DCEF; border-radius: 10px; background: #EBF3FF; font-size: 14px;  }
body.macdown-cs-blue .macdown-comments .cmtForm textarea {  width: 100%; height: 100px; padding: 10px 14px; border: 1px solid #D0DCEF; border-radius: 10px; background: #EBF3FF; font-size: 14px; resize: vertical;  }
body.macdown-cs-blue .macdown-comments .cmtForm .submitBtn {  margin-top: 12px; width: 140px; height: 40px; border-radius: 20px; background: linear-gradient(90deg, #0A68FF, #0967FF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-blue .searchBoxPage .boxWrap .searchPanel {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); padding: 22px 24px;  }
body.macdown-cs-blue .searchBoxPage .boxWrap .searchPanel .searchForm input {  flex: 1; height: 44px; padding: 0 16px; border: 1px solid #0967FF; border-radius: 12px 0 0 12px; background: #EBF3FF; font-size: 15px;  }
body.macdown-cs-blue .searchBoxPage .boxWrap .searchPanel .searchForm button {  width: 100px; height: 44px; border-radius: 0 12px 12px 0; background: linear-gradient(90deg, #0A68FF, #0967FF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-blue .searchBoxPage .boxWrap .searchPanel .searchTip {  margin-top: 12px; font-size: 13px; color: #999999;  }
body.macdown-cs-blue .searchBoxPage .boxWrap .searchPanel .searchTip b {  color: #FF2E38;  }
body.macdown-cs-blue .errorPage .code {  font-size: 90px; font-weight: bold; line-height: 1; background: linear-gradient(90deg, #2478FF, #0967FF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #0967FF;  }
body.macdown-cs-blue .errorPage .msg {  margin-top: 14px; font-size: 16px; color: #666666;  }
body.macdown-cs-blue .errorPage .backHome {  display: inline-block; margin-top: 26px; padding: 12px 36px; border-radius: 22px; background: linear-gradient(90deg, #0A68FF, #0967FF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-blue .pageDetail {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 30px 34px;  }
body.macdown-cs-blue .pageDetail h1 {  font-size: 24px; font-weight: bold; color: #060606; text-align: center; padding-bottom: 18px; border-bottom: 1px solid #B7D3FF;  }
body.macdown-cs-blue .pageDetail .newsTxt {  padding-top: 16px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-blue .newsDetail {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 26px 30px;  }
body.macdown-cs-blue .newsDetail h1 {  font-size: 24px; font-weight: bold; color: #060606; line-height: 32px;  }
body.macdown-cs-blue .newsDetail .newsMeta {  margin-top: 12px; font-size: 13px; color: #BABABA; display: flex; gap: 18px;  }
body.macdown-cs-blue .newsDetail .newsContont {  margin-top: 16px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-blue .newsDetail .newsContont h2, body.macdown-cs-blue .newsDetail .newsContont h3, body.macdown-cs-blue .newsDetail .newsContont h4 {  font-weight: bold; color: #060606; margin: 16px 0 8px;  }
body.macdown-cs-blue .newsDetail .newsContont a {  display: inline; color: #0062FF;  }
body.macdown-cs-blue .newsDetail .newsTags a {  padding: 3px 12px; font-size: 12px; color: #15428B; border-radius: 12px; background: rgba(10, 104, 255, 0.2);  }
body.macdown-cs-blue .newsDetail .newsTags a:hover {  color: #fff; background: #0967FF;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall {  width: 100%; padding: 1px 1px; border-radius: 20px; background: linear-gradient(90deg, #0967FF, #2075FF, #0967FF);  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont {  padding: 28px 30px 30px 29px; border-radius: 20px; background: #F6F9FE; position: relative; display: flex; justify-content: space-between;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .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: #15428B; line-height: 16px; background: linear-gradient(90deg, rgba(21, 66, 139, 0.05), rgba(21, 66, 139, 0));  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a {  padding: 6px 11px 6px 12px; font-size: 12px; color: #15428B; line-height: 12px; border-radius: 10px; margin: 0 8px 6px 0; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(10, 104, 255, 0.4);  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a:hover {  border-color: #0967FF; color: #060606;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .typeBox .typeItem {  margin-right: 31px; font-size: 14px; color: #333333; line-height: 14px;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .typeBox .typeItem span:first-child {  color: #999999;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.azd {  font-size: 18px; background: linear-gradient(90deg, #1EDD97, #73F294);  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.pgd {  font-size: 15px; background: linear-gradient(90deg, #5A94FF, #53C0FF);  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a:hover {  opacity: .9; color: #FFFFFF;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.disabled {  background: #CCCCCC; cursor: not-allowed;  }
body.macdown-cs-blue .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(10, 104, 255, 0.4); overflow: hidden;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox > div:hover {  background: rgba(10, 104, 255, 0.15);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox p {  font-size: 12px; color: #15428B; line-height: 12px; margin-top: 4px;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .qrcodeBox p {  font-size: 12px; color: #15428B; line-height: 12px; padding-top: 3px;  }
body.macdown-cs-blue .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='%2315428B'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .problem p {  font-size: 13px; color: #15428B; line-height: 13px; padding-left: 6px;  }
body.macdown-cs-blue .summaryBox .boxWrap {  padding: 0; border-radius: 20px; border: 1px solid #FFFFFF; position: relative; overflow: hidden; background: linear-gradient(90deg, #EFF0FE, #CECFFB, #DCD8FE);  }
body.macdown-cs-blue .summaryBox .boxWrap .summaryTitle h3 {  font-weight: bold; font-size: 22px; color: #23244D; line-height: 22px;  }
body.macdown-cs-blue .summaryBox .boxWrap .summaryTitle p {  font-size: 13px; color: #6E6A9B; line-height: 13px; padding-left: 12px;  }
body.macdown-cs-blue .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));  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont {  background: rgba(255, 255, 255, 0.4); border-radius: 20px; border: 1px solid #FFFFFF;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .titleBox h3 {  font-weight: bold; font-size: 24px; color: #060606; line-height: 24px; position: relative; z-index: 1;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .titleBox .more {  width: auto; height: auto; font-size: 14px; color: #15428B; line-height: 14px; background: none; padding-right: 2px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .titleBox .more:hover {  color: #0062FF;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt p {  font-size: 16px; color: #060606; line-height: 30px; margin-top: 16px;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .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, #2478FF, #0967FF);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt a {  display: inline-block; color: #819FCE; text-decoration: underline;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt a:hover {  color: #15428B;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt b {  font-weight: bold; color: #060606;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt ul li {  list-style: disc; font-size: 16px; color: #060606; line-height: 30px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt ol li {  list-style: decimal; font-size: 16px; color: #060606; line-height: 30px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt blockquote {  padding: 12px 16px; margin: 14px 0; border-left: 4px solid #0967FF; background: rgba(10, 104, 255, 0.08); border-radius: 0 10px 10px 0; color: #666666;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt table th {  background: rgba(10, 104, 255, 0.15); font-weight: bold; color: #15428B;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt hr {  border: none; border-top: 1px dashed #E3E3E3; margin: 18px 0;  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtL {  width: 90px; color: #999999;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtR {  flex: 1; color: #060606;  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .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='%230967FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .timeBox {  display: flex; align-items: center; padding-left: 18px; font-size: 13px; color: #999999; line-height: 13px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #15428B; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(10, 104, 255, 0.3); flex-shrink: 0; margin-left: 14px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn:hover {  color: #2C7BFB; background: #1f1f1f;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li .name:hover {  color: #15428B;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .updateBox .titleBox .updateTxt {  font-size: 14px; color: #BABABA; line-height: 14px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .updateBox .updateContont p {  margin-top: 5px; font-size: 16px; color: #060606; line-height: 24px; word-break: break-all;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .updateBox .updateContont p:first-child {  color: #BABABA; margin-top: 0;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-button-prev {  width: 28px; height: 28px; top: 68px; border-radius: 50%; background: rgba(10, 104, 255, .5);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter li {  padding: 8px 15px; cursor: pointer; font-size: 14px; color: #15428B; line-height: 14px; border-radius: 18px; margin: 8px 11px 0 0; background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(10, 104, 255, 0.4);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter li.active {  color: #fff; border: none; background: linear-gradient(90deg, #2B7CFF, #5395FF);  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .time {  font-size: 13px; color: #BABABA; line-height: 13px; margin-top: 12px;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px; display: block;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .size {  display: block; font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .time {  display: block; font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .timeBox span {  color: rgba(255, 255, 255, 0.75); font-size: 12px; line-height: 12px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .timeBox span:nth-child(2) {  margin: 0 4px; color: rgba(204, 204, 204, 0.5);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotGameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 8px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 6px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn {  width: 56px; height: 26px; font-size: 13px; color: #15428B; text-align: center; line-height: 26px; border-radius: 13px; background: rgba(10, 104, 255, 0.3); flex-shrink: 0; margin-left: 8px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn:hover {  color: #2C7BFB; background: #1f1f1f;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotLableBox {  margin-top: 20px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotLableBox .hotLable a:hover {  color: #15428B; border-color: #0967FF;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .sideBox {  margin-top: 20px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); overflow: hidden;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .sideBox .sideTitle span {  font-weight: bold; font-size: 18px; color: #060606; line-height: 18px;  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .prevNext a:hover {  color: #15428B; background: rgba(10, 104, 255, 0.2);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .macdown-comments .cmtTitle {  font-weight: bold; font-size: 20px; color: #060606; line-height: 20px; padding-bottom: 12px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .macdown-comments .cmtTitle span {  font-size: 14px; color: #999999;  }
body.macdown-cs-blue .fraudTipBox .boxWrap .fraudTip {  display: flex; align-items: center; justify-content: center; padding: 13px 22px; border-radius: 14px; background: #DCE9FF; border: 1px solid rgba(10, 104, 255, 0.5);  }
body.macdown-cs-blue .fraudTipBox .boxWrap .fraudTip .icon {  width: 22px; height: 22px; flex-shrink: 0; margin-right: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M11 1.5L21 19H1L11 1.5z' fill='%230967FF'/%3E%3Cpath d='M11 8v5' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='11' cy='16' r='1.3' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .fraudTipBox .boxWrap .fraudTip p {  font-size: 14px; color: #15428B; line-height: 22px;  }
body.macdown-cs-blue .fraudTipBox .boxWrap .fraudTip .tagName {  flex-shrink: 0; display: inline-block; padding: 3px 13px 4px 13px; margin-right: 12px; border-radius: 10px 12px 12px 2px; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 18px; background: linear-gradient(90deg, #0062FF, #0967FF);  }

/* ---- 配色：green ---- */
body.macdown-cs-green {  color: #333; background: #eef0f5; overflow-y: auto; -webkit-text-size-adjust: 100%;  }
body.macdown-cs-green {  font: 14px/1.6 "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif; color: #333333; min-width: 1200px; background: #eef0f5;  }
body.macdown-cs-green a {  text-decoration: none; color: #333333; display: block; box-sizing: border-box;  }
body.macdown-cs-green a:hover {  color: #158B54;  }
body.macdown-cs-green input::placeholder, body.macdown-cs-green textarea::placeholder {  color: #999999;  }
body.macdown-cs-green .homeBg {  background: linear-gradient(#14FF91 0, #D3F8E7 440px, #D3F8E7 100%);  }
body.macdown-cs-green .universalBg {  background: #E2F6ED;  }
body.macdown-cs-green .detaillBg {  background: #D3F8E7;  }
body.macdown-cs-green header {  padding: 3px 0 1px 0; background: linear-gradient(-90deg, #24FF99, #09FF8C);  }
body.macdown-cs-green header .headerBox {  padding: 14px 0 15px 0; background: rgba(255, 255, 255, 0.85);  }
body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a {  color: #388863; font-size: 18px; line-height: 18px; position: relative; display: flex; justify-content: center; margin-left: 36px;  }
body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a:hover {  color: #060606;  }
body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a.cursor {  color: #060606; font-size: 22px; line-height: 22px; font-weight: bold;  }
body.macdown-cs-green 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='%2309FF8C' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green 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, #0AFF8D, #14FF91);  }
body.macdown-cs-green 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: #EBFFF6;  }
body.macdown-cs-green 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='%23158B54' stroke-width='3'/%3E%3Cpath d='M21 21 L28 28' stroke='%23158B54' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/20px 20px; cursor: pointer;  }
body.macdown-cs-green 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, #0AFF8D, #14FF91); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);  }
body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner {  background: #EBFFF6; border-radius: 9px; padding: 8px 0;  }
body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a:hover {  background: #B7FFDD; color: #158B54;  }
body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a span {  color: #BABABA; font-size: 12px;  }
body.macdown-cs-green .titleBox h3 {  font-weight: bold; font-size: 24px; color: #060606; line-height: 24px; position: relative; z-index: 1;  }
body.macdown-cs-green .titleBox h3::before {  content: ""; width: 120%; height: 15px; position: absolute; left: -22%; bottom: -8px; z-index: -1; background: linear-gradient(-90deg, rgba(36, 255, 153, 0.9), rgba(9, 255, 140, 0.2), rgba(9, 255, 140, 0)) 100%; border-radius: 7px;  }
body.macdown-cs-green .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='%2309FF8C' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='16' r='3' fill='%23FF2E38'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .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='%2309FF8C'/%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;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame {  min-height: 312px; border-radius: 20px; position: relative; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-green .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='%2309FF8C'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .filter li p {  padding-left: 5px; font-weight: bold; font-size: 18px; color: #158B54; line-height: 18px;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .filter li.active p {  font-size: 20px; color: #060606;  }
body.macdown-cs-green .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(10, 255, 141, 0.4); background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-green .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='%2309FF8C'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .lableList a p {  font-size: 14px; color: #158B54; line-height: 14px; padding-left: 10px; max-width: 96px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .lableList a:hover {  border-color: #09FF8C; background: rgba(255, 255, 255, 0.7);  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .name {  font-weight: bold; font-size: 16px; color: #158B54; line-height: 16px; margin-top: 12px; padding-right: 8px; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .time {  font-size: 12px; color: #158B54; line-height: 12px; opacity: .7; margin-top: 11px;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .brief {  font-size: 12px; color: #158B54; line-height: 12px; margin-top: 8px; opacity: .7; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-green .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='%2309FF8C'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox.active {  border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.55);  }
body.macdown-cs-green .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: #0AFF8D; flex-shrink: 0;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a:hover {  color: #158B54;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a::before {  content: ""; width: 1px; height: 18px; right: -12px; position: absolute; background-color: #E3E3E3;  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-slide .name:hover {  color: #158B54;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox {  width: 444px; height: 350px; border-radius: 20px; background-color: #86FB9E; border: 1px solid rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .filter li.active {  color: #060606; font-size: 18px; font-weight: bold; line-height: 18px;  }
body.macdown-cs-green .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: #22FF98;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .brief {  font-weight: bold; font-size: 14px; color: #060606; line-height: 22px;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .brief:hover {  color: #158B54;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .time {  font-size: 14px; color: #BABABA; line-height: 12px; margin-top: 15px;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a {  flex: 1; color: #202320; font-size: 14px; line-height: 14px; position: relative; padding-left: 15px;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a:hover {  color: #158B54;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a::after {  content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 8px; background-color: #C1F0DF;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt .time {  color: #A9A79B; font-size: 14px; line-height: 14px;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox {  width: 279px; height: 350px; background: #0FFF8F; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyIcon {  width: 104px; height: 34px; position: absolute; top: -2px; 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;  }
body.macdown-cs-green .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='%23158B54'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyTxt p {  padding-left: 5px; font-size: 12px; color: #158B54; line-height: 12px;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyContont {  width: 269px; height: 303px; overflow: hidden; padding: 0 10px; margin: 14px auto 0 auto; border-radius: 20px; background-color: #CFFFE9;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .name {  font-size: 16px; color: #000000; line-height: 16px;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .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='%2309FF8C'%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;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .name {  margin-top: 6px; font-size: 12px; color: #060606; line-height: 12px;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .name:hover {  color: #158B54;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artMain {  flex: 1; min-width: 0; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.8); padding: 4px 22px 18px 22px;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artList li {  display: flex; align-items: flex-start; padding: 22px 0; border-bottom: 1px dashed #E3E3E3;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .imgBox {  width: 220px; height: 140px; flex-shrink: 0; overflow: hidden; border-radius: 12px; background: #F2F2F2;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .txtBox .name {  font-size: 18px; font-weight: bold; color: #060606; line-height: 26px; display: block;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .txtBox .brief {  margin-top: 10px; font-size: 14px; color: #888888; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .txtBox .meta {  margin-top: auto; padding-top: 12px; display: flex; align-items: center; font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .txtBox .meta .author .icon {  width: 13px; height: 13px; margin-right: 5px; border-radius: 50%; background: #D8D8D8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M6.5 6.5a2.6 2.6 0 100-5.2 2.6 2.6 0 000 5.2zm0 1.1c-2.6 0-4.7 1.3-4.7 2.9v1.1h9.4v-1.1c0-1.6-2.1-2.9-4.7-2.9z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artList li.empty {  display: block; text-align: center; padding: 60px 0; color: #999999; border-bottom: none;  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .name {  font-size: 16px; color: #040404; line-height: 16px; margin-top: 6px;  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 9px;  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #158B54; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(10, 255, 141, 0.3); flex-shrink: 0;  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .btn:hover {  color: #2CFB9A; background: #1f1f1f;  }
body.macdown-cs-green .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: #158B54; background: rgba(10, 255, 141, 0.3);  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameBttomBox .gameBttom .loadMore:hover {  color: #2CFB9A; background: #1f1f1f;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently {  width: 100%; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .cloumList li .name {  text-align: center; font-weight: bold; font-size: 14px; color: #060606; line-height: 14px; margin-top: 13px;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .cloumList li .name:hover {  color: #158B54;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .name {  display: block; font-size: 16px; color: #060606; line-height: 16px; margin-top: 5px;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .recentlyList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #158B54; text-align: center; border-radius: 14px; line-height: 28px; background-color: rgba(10, 255, 141, 0.3); flex-shrink: 0;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .recentlyList li .btn:hover {  color: #2CFF9D; background-color: #060606;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .recentlyList li:hover {  background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-green .repetitionBox .boxWrap .repetition {  background: rgba(255, 255, 255, 0.4); border-radius: 20px; border: 1px solid #FFFFFF;  }
body.macdown-cs-green .repetitionBox .boxWrap .repetition .repetitionList li .name {  margin-top: 8px; font-size: 14px; color: #060606; line-height: 14px;  }
body.macdown-cs-green .repetitionBox .boxWrap .repetition .repetitionList li .name:hover {  color: #158B54;  }
body.macdown-cs-green .crumbBox .boxWrap {  font-size: 14px; color: #999999; line-height: 14px;  }
body.macdown-cs-green .crumbBox .boxWrap a {  display: inline-block; color: #666666;  }
body.macdown-cs-green .crumbBox .boxWrap a:hover {  color: #158B54;  }
body.macdown-cs-green .crumbBox .boxWrap .sep {  padding: 0 8px; color: #CCCCCC;  }
body.macdown-cs-green .crumbBox .boxWrap .cur {  color: #060606;  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont {  width: 386px; padding-bottom: 29px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .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='%2309FF8C'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomIcon h3 {  padding: 3px 2px 0 3px; font-weight: bold; font-size: 20px; color: #060606; line-height: 20px;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li:hover {  background: rgba(255, 255, 255, 0.6);  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li.active {  background: rgba(255, 255, 255, 0.7);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .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='%2309FF8C'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .name {  margin-top: 4px; font-size: 16px; color: #000000; line-height: 16px; display: block;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 12px;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .time {  margin-top: 12px; font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #158B54; text-align: center; line-height: 28px; background: rgba(10, 255, 141, 0.3); border-radius: 14px; flex-shrink: 0;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn:hover {  color: #2CFB9A; background: #1f1f1f;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox a {  flex: 1; font-size: 16px; color: #000000; line-height: 16px; padding-left: 9px;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox a:hover {  color: #158B54;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-green .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 #09FF8C;  }
body.macdown-cs-green .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(10, 255, 141, 0.4);  }
body.macdown-cs-green .typeListBox .boxWrap .typeList a:hover {  color: #158B54; border-color: #09FF8C;  }
body.macdown-cs-green .typeListBox .boxWrap .typeList a.active {  color: #158B54; font-weight: bold; border: none; background: linear-gradient(-90deg, #24FF99, #09FF8C);  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .gameBttomBox .boxWrap .gameBttom .pageBox a.home {  width: 59px; font-size: 16px; color: #333333; font-weight: 400;  }
body.macdown-cs-green .gameBttomBox .boxWrap .gameBttom .pageBox a.next {  width: 73px; font-weight: 400; font-size: 14px; color: #333333;  }
body.macdown-cs-green .gameBttomBox .boxWrap .gameBttom .pageBox a.omit {  width: auto; height: auto; font-weight: 400; font-size: 16px; color: #333333; line-height: 16px; border: none;  }
body.macdown-cs-green .gameBttomBox .boxWrap .gameBttom .pageBox a:hover {  color: #2AFF9C; background: #060606; border-color: #060606;  }
body.macdown-cs-green .gameBttomBox .boxWrap .gameBttom .pageBox a.active {  color: #2AFF9C; background: #060606; border-color: #060606;  }
body.macdown-cs-green .hotTopicBox .boxWrap .hotTopic {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .imgListBox a {  position: absolute; bottom: 0; overflow: hidden; border-radius: 20px; border: 2px solid #FFFFFF;  }
body.macdown-cs-green .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='%2309FF8C'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem p {  font-size: 13px; color: #666666; line-height: 13px; padding-left: 8px;  }
body.macdown-cs-green .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem:hover p {  color: #158B54;  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicL .txtBox .name {  font-weight: bold; font-size: 20px; color: #060606; line-height: 20px;  }
body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicL .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicL .txtBox .brief {  margin-top: 12px; font-size: 13px; color: #999999; line-height: 22px;  }
body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a {  display: inline-block; margin: 0 12px 8px 0; padding: 4px 12px; font-size: 12px; color: #158B54; border-radius: 12px; background: rgba(10, 255, 141, 0.2);  }
body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a:hover {  color: #fff; background: #09FF8C;  }
body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicR {  flex: 1; padding: 21px 20px 20px 20px; border-left: 1px dashed #E3E3E3;  }
body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicR .name {  font-weight: bold; font-size: 16px; color: #060606; line-height: 16px;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .filter li {  font-size: 15px; color: #666666; line-height: 15px; margin-right: 30px; cursor: pointer; position: relative; padding-bottom: 10px;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .filter li.active {  color: #060606; font-size: 17px; font-weight: bold;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .filter li.active::before {  content: ""; width: 100%; height: 6px; position: absolute; left: 0; bottom: 2px; border-radius: 3px; background: #22FF98;  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .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));  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .realTime .realTimeR li {  display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px dashed #D0EFE1;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .realTime .realTimeR li a {  flex: 1; font-size: 14px; color: #333333; line-height: 14px; position: relative; padding-left: 15px;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .realTime .realTimeR li a:hover {  color: #158B54;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .realTime .realTimeR li a::before {  content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 6px; border-radius: 50%; background: #09FF8C;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .realTime .realTimeR li .time {  font-size: 13px; color: #BABABA; line-height: 14px; padding-left: 16px;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox {  margin-top: 16px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .name {  font-size: 16px; color: #040404; line-height: 16px;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 9px;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #158B54; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(10, 255, 141, 0.3); flex-shrink: 0;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn:hover {  color: #2CFB9A; background: #1f1f1f;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-next, body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(10, 255, 141, 0.5);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductR .rankBox .gameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductR .factoryList li {  width: 100%; margin-top: 19px; overflow: hidden; border-radius: 20px; background-color: #E7FBF2; border: 1px solid #FFFFFF; display: block;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductR .factoryList li:hover {  border-color: #09FF8C;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductR .factoryList li .imgBox {  width: 100%; height: 103px; display: flex; align-items: center; justify-content: center; background: #F4FDF9;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductR .factoryList li .txt:hover {  color: #158B54;  }
body.macdown-cs-green .pageBox a, body.macdown-cs-green .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;  }
body.macdown-cs-green .pageBox a:hover, body.macdown-cs-green .pageBox span.cur {  color: #2AFF9C; background: #060606; border-color: #060606;  }
body.macdown-cs-green .pageBox a.home {  width: 59px; font-size: 16px; color: #333333; font-weight: 400;  }
body.macdown-cs-green .pageBox a.next {  width: 73px; font-weight: 400; font-size: 14px; color: #333333;  }
body.macdown-cs-green .pageBox span.omit {  width: auto; font-weight: 400; font-size: 16px; color: #333333; border: none; background: none;  }
body.macdown-cs-green footer {  padding: 20px 0 33px 0; margin-top: 21px; border-top: 2px solid #1BFE94; border-bottom: 1px solid #1BFE94; background: linear-gradient(0deg, #484848, #0B0B0B);  }
body.macdown-cs-green footer .boxWrap .footerBox .friendBox {  padding-bottom: 18px; display: flex; align-items: center; border-bottom: 1px solid #484848;  }
body.macdown-cs-green footer .boxWrap .footerBox .friendBox .friendBg h3 {  font-weight: bold; font-size: 20px; line-height: 22px; background: linear-gradient(-90deg, #24FF99 0%, #09FF8C 89.99%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #09FF8C;  }
body.macdown-cs-green footer .boxWrap .footerBox .friendBox .friendList a {  font-size: 14px; color: #CCCCCC; line-height: 28px; margin-right: 28px; display: inline-block;  }
body.macdown-cs-green footer .boxWrap .footerBox .friendBox .friendList a:hover {  color: #23FF98; text-decoration: underline;  }
body.macdown-cs-green footer .boxWrap .footerBox .footerTxt p {  font-size: 14px; color: #999999; line-height: 22px; text-align: center;  }
body.macdown-cs-green footer .boxWrap .footerBox .footerTxt p a, body.macdown-cs-green footer .boxWrap .footerBox .footerTxt a {  display: inline-block; font-size: 14px; color: #999999; line-height: 22px;  }
body.macdown-cs-green footer .boxWrap .footerBox .footerTxt a:hover {  color: #09FF8C;  }
body.macdown-cs-green .macdown-float .floatBtn {  width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(90deg, #24FF99, #09FF8C); box-shadow: 0 4px 14px rgba(9, 255, 140, 0.4); display: flex; align-items: center; justify-content: center; font-size: 12px; color: #158B54; font-weight: bold;  }
body.macdown-cs-green .detailBox .boxWrap .detailContont .detailL .appPanel {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 24px 24px 30px;  }
body.macdown-cs-green .detailHead .imgBox {  width: 128px; height: 128px; overflow: hidden; border-radius: 24px; border: 2px solid #09FF8C; flex-shrink: 0;  }
body.macdown-cs-green .detailHead .txtBox h1 {  font-size: 26px; color: #060606; line-height: 30px; font-weight: bold;  }
body.macdown-cs-green .detailHead .txtBox .slogan {  margin-top: 8px; font-size: 13px; color: #158B54; line-height: 18px;  }
body.macdown-cs-green .detailHead .txtBox .tags a {  padding: 3px 12px; font-size: 12px; color: #158B54; border-radius: 12px; background: rgba(10, 255, 141, 0.2);  }
body.macdown-cs-green .detailHead .txtBox .tags a:hover {  color: #fff; background: #09FF8C;  }
body.macdown-cs-green .detailHead .txtBox .metaRow span {  font-size: 13px; color: #BABABA; line-height: 13px; margin-right: 20px; position: relative;  }
body.macdown-cs-green .detailHead .txtBox .metaRow span b {  color: #666666; font-weight: normal;  }
body.macdown-cs-green .detailHead .txtBox .metaRow span i {  color: #158B54; font-style: normal;  }
body.macdown-cs-green .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, #0AFF8D, #09FF8C); box-shadow: 0 6px 16px rgba(9, 255, 140, 0.35);  }
body.macdown-cs-green .detailHead .downWrap .downBtn.ios {  background: linear-gradient(90deg, #158B54, #060606); box-shadow: none;  }
body.macdown-cs-green .detailHead .downWrap .downNone {  text-align: center; font-size: 12px; color: #BABABA; line-height: 48px;  }
body.macdown-cs-green .shotBox .swiper-button-next, body.macdown-cs-green .shotBox .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(10, 255, 141, 0.6);  }
body.macdown-cs-green .articleTxt {  margin-top: 22px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-green .articleTxt h2, body.macdown-cs-green .articleTxt h3, body.macdown-cs-green .articleTxt h4 {  font-weight: bold; color: #060606; margin: 18px 0 10px;  }
body.macdown-cs-green .articleTxt a {  display: inline; color: #00FF88;  }
body.macdown-cs-green .articleTxt table td, body.macdown-cs-green .articleTxt table th {  padding: 8px 12px; border: 1px solid #D0EFE1; font-size: 14px;  }
body.macdown-cs-green .articleTxt table th {  background: #E0FFF1; color: #060606;  }
body.macdown-cs-green .infoTable {  margin-top: 24px; border-radius: 16px; overflow: hidden; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .infoTable .infoTitle {  padding: 14px 20px; font-size: 18px; font-weight: bold; color: #060606; border-bottom: 1px solid #B7FFDD;  }
body.macdown-cs-green .infoTable table td {  padding: 11px 20px; font-size: 14px; color: #666666; border-bottom: 1px dashed #D0F3E3;  }
body.macdown-cs-green .infoTable table td:first-child {  width: 140px; color: #158B54;  }
body.macdown-cs-green .prevNext a {  width: 48%; padding: 14px 18px; border-radius: 14px; font-size: 14px; color: #666666; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .prevNext a:hover {  color: #158B54;  }
body.macdown-cs-green .detailR .sideBox {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); margin-bottom: 20px;  }
body.macdown-cs-green .detailR .sideBox .sideTitle {  padding: 16px 18px 12px; font-size: 18px; font-weight: bold; color: #060606; position: relative;  }
body.macdown-cs-green .detailR .sideBox .sideTitle::before {  content: ""; width: 6px; height: 18px; border-radius: 3px; background: linear-gradient(180deg, #24FF99, #09FF8C); position: absolute; left: 0; top: 18px;  }
body.macdown-cs-green .detailR .sideBox .sideTitle .more {  position: absolute; right: 14px; top: 18px; font-size: 12px; color: #BABABA; font-weight: normal;  }
body.macdown-cs-green .detailR .sideBox .sideTitle .more:hover {  color: #158B54;  }
body.macdown-cs-green .detailR .sideBox .sideList li:hover {  background: rgba(255, 255, 255, 0.6);  }
body.macdown-cs-green .detailR .sideBox .sideList li .num {  width: 20px; font-size: 14px; font-weight: bold; color: #BABABA; text-align: center; flex-shrink: 0;  }
body.macdown-cs-green .detailR .sideBox .sideList li:nth-child(-n+3) .num {  color: #FF2E38;  }
body.macdown-cs-green .detailR .sideBox .sideList li .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px;  }
body.macdown-cs-green .detailR .sideBox .sideList li .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .detailR .sideBox .sideList li .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 7px;  }
body.macdown-cs-green .detailR .sideBox .sideList li .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 6px;  }
body.macdown-cs-green .likeBox .likeItem {  width: 120px; padding: 14px 0; text-align: center; border-radius: 14px; background: rgba(255, 255, 255, 0.5); cursor: pointer;  }
body.macdown-cs-green .likeBox .likeItem:hover {  background: rgba(10, 255, 141, 0.2);  }
body.macdown-cs-green .likeBox .likeItem p {  margin-top: 6px; font-size: 13px; color: #666666;  }
body.macdown-cs-green .macdown-comments {  margin-top: 24px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); padding: 20px 24px;  }
body.macdown-cs-green .macdown-comments .cmtTitle {  font-size: 18px; font-weight: bold; color: #060606; padding-bottom: 14px; border-bottom: 1px solid #B7FFDD;  }
body.macdown-cs-green .macdown-comments .cmtTitle span {  font-size: 13px; color: #BABABA; font-weight: normal; padding-left: 8px;  }
body.macdown-cs-green .macdown-comments ul li {  display: flex; padding: 16px 0; border-bottom: 1px dashed #D0F3E3;  }
body.macdown-cs-green .macdown-comments ul li .avatar {  width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: #0FFF8F;  }
body.macdown-cs-green .macdown-comments ul li .cmtBody .cmtHead {  font-size: 13px; color: #999999;  }
body.macdown-cs-green .macdown-comments ul li .cmtBody .cmtHead b {  color: #158B54; font-size: 14px; padding-right: 10px;  }
body.macdown-cs-green .macdown-comments ul li .cmtBody .cmtTxt {  margin-top: 6px; font-size: 14px; color: #333333; line-height: 24px;  }
body.macdown-cs-green .macdown-comments ul li .cmtBody .reply a {  display: inline-block; color: #00FF88;  }
body.macdown-cs-green .macdown-comments .cmtForm input[type="text"] {  flex: 1; height: 40px; padding: 0 14px; border: 1px solid #D0EFE1; border-radius: 10px; background: #EBFFF6; font-size: 14px;  }
body.macdown-cs-green .macdown-comments .cmtForm textarea {  width: 100%; height: 100px; padding: 10px 14px; border: 1px solid #D0EFE1; border-radius: 10px; background: #EBFFF6; font-size: 14px; resize: vertical;  }
body.macdown-cs-green .macdown-comments .cmtForm .submitBtn {  margin-top: 12px; width: 140px; height: 40px; border-radius: 20px; background: linear-gradient(90deg, #0AFF8D, #09FF8C); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-green .searchBoxPage .boxWrap .searchPanel {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); padding: 22px 24px;  }
body.macdown-cs-green .searchBoxPage .boxWrap .searchPanel .searchForm input {  flex: 1; height: 44px; padding: 0 16px; border: 1px solid #09FF8C; border-radius: 12px 0 0 12px; background: #EBFFF6; font-size: 15px;  }
body.macdown-cs-green .searchBoxPage .boxWrap .searchPanel .searchForm button {  width: 100px; height: 44px; border-radius: 0 12px 12px 0; background: linear-gradient(90deg, #0AFF8D, #09FF8C); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-green .searchBoxPage .boxWrap .searchPanel .searchTip {  margin-top: 12px; font-size: 13px; color: #999999;  }
body.macdown-cs-green .searchBoxPage .boxWrap .searchPanel .searchTip b {  color: #FF2E38;  }
body.macdown-cs-green .errorPage .code {  font-size: 90px; font-weight: bold; line-height: 1; background: linear-gradient(90deg, #24FF99, #09FF8C); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #09FF8C;  }
body.macdown-cs-green .errorPage .msg {  margin-top: 14px; font-size: 16px; color: #666666;  }
body.macdown-cs-green .errorPage .backHome {  display: inline-block; margin-top: 26px; padding: 12px 36px; border-radius: 22px; background: linear-gradient(90deg, #0AFF8D, #09FF8C); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-green .pageDetail {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 30px 34px;  }
body.macdown-cs-green .pageDetail h1 {  font-size: 24px; font-weight: bold; color: #060606; text-align: center; padding-bottom: 18px; border-bottom: 1px solid #B7FFDD;  }
body.macdown-cs-green .pageDetail .newsTxt {  padding-top: 16px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-green .newsDetail {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 26px 30px;  }
body.macdown-cs-green .newsDetail h1 {  font-size: 24px; font-weight: bold; color: #060606; line-height: 32px;  }
body.macdown-cs-green .newsDetail .newsMeta {  margin-top: 12px; font-size: 13px; color: #BABABA; display: flex; gap: 18px;  }
body.macdown-cs-green .newsDetail .newsContont {  margin-top: 16px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-green .newsDetail .newsContont h2, body.macdown-cs-green .newsDetail .newsContont h3, body.macdown-cs-green .newsDetail .newsContont h4 {  font-weight: bold; color: #060606; margin: 16px 0 8px;  }
body.macdown-cs-green .newsDetail .newsContont a {  display: inline; color: #00FF88;  }
body.macdown-cs-green .newsDetail .newsTags a {  padding: 3px 12px; font-size: 12px; color: #158B54; border-radius: 12px; background: rgba(10, 255, 141, 0.2);  }
body.macdown-cs-green .newsDetail .newsTags a:hover {  color: #fff; background: #09FF8C;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall {  width: 100%; padding: 1px 1px; border-radius: 20px; background: linear-gradient(90deg, #09FF8C, #20FF97, #09FF8C);  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont {  padding: 28px 30px 30px 29px; border-radius: 20px; background: #F6FEFA; position: relative; display: flex; justify-content: space-between;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .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: #158B54; line-height: 16px; background: linear-gradient(90deg, rgba(21, 139, 84, 0.05), rgba(21, 139, 84, 0));  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a {  padding: 6px 11px 6px 12px; font-size: 12px; color: #158B54; line-height: 12px; border-radius: 10px; margin: 0 8px 6px 0; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(10, 255, 141, 0.4);  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a:hover {  border-color: #09FF8C; color: #060606;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .typeBox .typeItem {  margin-right: 31px; font-size: 14px; color: #333333; line-height: 14px;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .typeBox .typeItem span:first-child {  color: #999999;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.azd {  font-size: 18px; background: linear-gradient(90deg, #1EDD97, #73F294);  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.pgd {  font-size: 15px; background: linear-gradient(90deg, #5A94FF, #53C0FF);  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a:hover {  opacity: .9; color: #FFFFFF;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.disabled {  background: #CCCCCC; cursor: not-allowed;  }
body.macdown-cs-green .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(10, 255, 141, 0.4); overflow: hidden;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox > div:hover {  background: rgba(10, 255, 141, 0.15);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox p {  font-size: 12px; color: #158B54; line-height: 12px; margin-top: 4px;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .qrcodeBox p {  font-size: 12px; color: #158B54; line-height: 12px; padding-top: 3px;  }
body.macdown-cs-green .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='%23158B54'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .problem p {  font-size: 13px; color: #158B54; line-height: 13px; padding-left: 6px;  }
body.macdown-cs-green .summaryBox .boxWrap {  padding: 0; border-radius: 20px; border: 1px solid #FFFFFF; position: relative; overflow: hidden; background: linear-gradient(90deg, #EFF0FE, #CECFFB, #DCD8FE);  }
body.macdown-cs-green .summaryBox .boxWrap .summaryTitle h3 {  font-weight: bold; font-size: 22px; color: #23244D; line-height: 22px;  }
body.macdown-cs-green .summaryBox .boxWrap .summaryTitle p {  font-size: 13px; color: #6E6A9B; line-height: 13px; padding-left: 12px;  }
body.macdown-cs-green .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));  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont {  background: rgba(255, 255, 255, 0.4); border-radius: 20px; border: 1px solid #FFFFFF;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .titleBox h3 {  font-weight: bold; font-size: 24px; color: #060606; line-height: 24px; position: relative; z-index: 1;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .titleBox .more {  width: auto; height: auto; font-size: 14px; color: #158B54; line-height: 14px; background: none; padding-right: 2px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .titleBox .more:hover {  color: #00FF88;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt p {  font-size: 16px; color: #060606; line-height: 30px; margin-top: 16px;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .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, #24FF99, #09FF8C);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt a {  display: inline-block; color: #81CEAA; text-decoration: underline;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt a:hover {  color: #158B54;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt b {  font-weight: bold; color: #060606;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt ul li {  list-style: disc; font-size: 16px; color: #060606; line-height: 30px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt ol li {  list-style: decimal; font-size: 16px; color: #060606; line-height: 30px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt blockquote {  padding: 12px 16px; margin: 14px 0; border-left: 4px solid #09FF8C; background: rgba(10, 255, 141, 0.08); border-radius: 0 10px 10px 0; color: #666666;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt table th {  background: rgba(10, 255, 141, 0.15); font-weight: bold; color: #158B54;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt hr {  border: none; border-top: 1px dashed #E3E3E3; margin: 18px 0;  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtL {  width: 90px; color: #999999;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtR {  flex: 1; color: #060606;  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .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='%2309FF8C'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .timeBox {  display: flex; align-items: center; padding-left: 18px; font-size: 13px; color: #999999; line-height: 13px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #158B54; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(10, 255, 141, 0.3); flex-shrink: 0; margin-left: 14px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn:hover {  color: #2CFB9A; background: #1f1f1f;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li .name:hover {  color: #158B54;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .updateBox .titleBox .updateTxt {  font-size: 14px; color: #BABABA; line-height: 14px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .updateBox .updateContont p {  margin-top: 5px; font-size: 16px; color: #060606; line-height: 24px; word-break: break-all;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .updateBox .updateContont p:first-child {  color: #BABABA; margin-top: 0;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-button-prev {  width: 28px; height: 28px; top: 68px; border-radius: 50%; background: rgba(10, 255, 141, .5);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter li {  padding: 8px 15px; cursor: pointer; font-size: 14px; color: #158B54; line-height: 14px; border-radius: 18px; margin: 8px 11px 0 0; background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(10, 255, 141, 0.4);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter li.active {  color: #fff; border: none; background: linear-gradient(90deg, #2BFF9C, #53FFAF);  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .time {  font-size: 13px; color: #BABABA; line-height: 13px; margin-top: 12px;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px; display: block;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .size {  display: block; font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .time {  display: block; font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .timeBox span {  color: rgba(255, 255, 255, 0.75); font-size: 12px; line-height: 12px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .timeBox span:nth-child(2) {  margin: 0 4px; color: rgba(204, 204, 204, 0.5);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotGameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 8px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 6px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn {  width: 56px; height: 26px; font-size: 13px; color: #158B54; text-align: center; line-height: 26px; border-radius: 13px; background: rgba(10, 255, 141, 0.3); flex-shrink: 0; margin-left: 8px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn:hover {  color: #2CFB9A; background: #1f1f1f;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotLableBox {  margin-top: 20px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotLableBox .hotLable a:hover {  color: #158B54; border-color: #09FF8C;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .sideBox {  margin-top: 20px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); overflow: hidden;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .sideBox .sideTitle span {  font-weight: bold; font-size: 18px; color: #060606; line-height: 18px;  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .prevNext a:hover {  color: #158B54; background: rgba(10, 255, 141, 0.2);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .macdown-comments .cmtTitle {  font-weight: bold; font-size: 20px; color: #060606; line-height: 20px; padding-bottom: 12px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .macdown-comments .cmtTitle span {  font-size: 14px; color: #999999;  }
body.macdown-cs-green .fraudTipBox .boxWrap .fraudTip {  display: flex; align-items: center; justify-content: center; padding: 13px 22px; border-radius: 14px; background: #DCFFEF; border: 1px solid rgba(10, 255, 141, 0.5);  }
body.macdown-cs-green .fraudTipBox .boxWrap .fraudTip .icon {  width: 22px; height: 22px; flex-shrink: 0; margin-right: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M11 1.5L21 19H1L11 1.5z' fill='%2309FF8C'/%3E%3Cpath d='M11 8v5' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='11' cy='16' r='1.3' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .fraudTipBox .boxWrap .fraudTip p {  font-size: 14px; color: #158B54; line-height: 22px;  }
body.macdown-cs-green .fraudTipBox .boxWrap .fraudTip .tagName {  flex-shrink: 0; display: inline-block; padding: 3px 13px 4px 13px; margin-right: 12px; border-radius: 10px 12px 12px 2px; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 18px; background: linear-gradient(90deg, #00FF88, #09FF8C);  }

/* ---- 配色：purple ---- */
body.macdown-cs-purple {  color: #333; background: #eef0f5; overflow-y: auto; -webkit-text-size-adjust: 100%;  }
body.macdown-cs-purple {  font: 14px/1.6 "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif; color: #333333; min-width: 1200px; background: #eef0f5;  }
body.macdown-cs-purple a {  text-decoration: none; color: #333333; display: block; box-sizing: border-box;  }
body.macdown-cs-purple a:hover {  color: #38158B;  }
body.macdown-cs-purple input::placeholder, body.macdown-cs-purple textarea::placeholder {  color: #999999;  }
body.macdown-cs-purple .homeBg {  background: linear-gradient(#5B14FF 0, #DED3F8 440px, #DED3F8 100%);  }
body.macdown-cs-purple .universalBg {  background: #E8E2F6;  }
body.macdown-cs-purple .detaillBg {  background: #DED3F8;  }
body.macdown-cs-purple header {  padding: 3px 0 1px 0; background: linear-gradient(-90deg, #6624FF, #5309FF);  }
body.macdown-cs-purple header .headerBox {  padding: 14px 0 15px 0; background: rgba(255, 255, 255, 0.85);  }
body.macdown-cs-purple header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a {  color: #503888; font-size: 18px; line-height: 18px; position: relative; display: flex; justify-content: center; margin-left: 36px;  }
body.macdown-cs-purple header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a:hover {  color: #060606;  }
body.macdown-cs-purple header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a.cursor {  color: #060606; font-size: 22px; line-height: 22px; font-weight: bold;  }
body.macdown-cs-purple 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='%235309FF' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple 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, #540AFF, #5B14FF);  }
body.macdown-cs-purple 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: #F1EBFF;  }
body.macdown-cs-purple 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='%2338158B' stroke-width='3'/%3E%3Cpath d='M21 21 L28 28' stroke='%2338158B' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/20px 20px; cursor: pointer;  }
body.macdown-cs-purple 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, #540AFF, #5B14FF); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);  }
body.macdown-cs-purple header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner {  background: #F1EBFF; border-radius: 9px; padding: 8px 0;  }
body.macdown-cs-purple header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a:hover {  background: #CDB7FF; color: #38158B;  }
body.macdown-cs-purple header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a span {  color: #BABABA; font-size: 12px;  }
body.macdown-cs-purple .titleBox h3 {  font-weight: bold; font-size: 24px; color: #060606; line-height: 24px; position: relative; z-index: 1;  }
body.macdown-cs-purple .titleBox h3::before {  content: ""; width: 120%; height: 15px; position: absolute; left: -22%; bottom: -8px; z-index: -1; background: linear-gradient(-90deg, rgba(102, 36, 255, 0.9), rgba(83, 9, 255, 0.2), rgba(83, 9, 255, 0)) 100%; border-radius: 7px;  }
body.macdown-cs-purple .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='%235309FF' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='16' r='3' fill='%23FF2E38'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .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='%235309FF'/%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;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame {  min-height: 312px; border-radius: 20px; position: relative; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-purple .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='%235309FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .filter li p {  padding-left: 5px; font-weight: bold; font-size: 18px; color: #38158B; line-height: 18px;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .filter li.active p {  font-size: 20px; color: #060606;  }
body.macdown-cs-purple .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(84, 10, 255, 0.4); background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-purple .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='%235309FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .lableList a p {  font-size: 14px; color: #38158B; line-height: 14px; padding-left: 10px; max-width: 96px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .lableList a:hover {  border-color: #5309FF; background: rgba(255, 255, 255, 0.7);  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .name {  font-weight: bold; font-size: 16px; color: #38158B; line-height: 16px; margin-top: 12px; padding-right: 8px; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .time {  font-size: 12px; color: #38158B; line-height: 12px; opacity: .7; margin-top: 11px;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .brief {  font-size: 12px; color: #38158B; line-height: 12px; margin-top: 8px; opacity: .7; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-purple .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='%235309FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox.active {  border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.55);  }
body.macdown-cs-purple .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: #540AFF; flex-shrink: 0;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a:hover {  color: #38158B;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a::before {  content: ""; width: 1px; height: 18px; right: -12px; position: absolute; background-color: #E3E3E3;  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-slide .name:hover {  color: #38158B;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox {  width: 444px; height: 350px; border-radius: 20px; background-color: #86FB9E; border: 1px solid rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .filter li.active {  color: #060606; font-size: 18px; font-weight: bold; line-height: 18px;  }
body.macdown-cs-purple .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: #6422FF;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .brief {  font-weight: bold; font-size: 14px; color: #060606; line-height: 22px;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .brief:hover {  color: #38158B;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .time {  font-size: 14px; color: #BABABA; line-height: 12px; margin-top: 15px;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a {  flex: 1; color: #202320; font-size: 14px; line-height: 14px; position: relative; padding-left: 15px;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a:hover {  color: #38158B;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a::after {  content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 8px; background-color: #C1F0DF;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt .time {  color: #A9A79B; font-size: 14px; line-height: 14px;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox {  width: 279px; height: 350px; background: #570FFF; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyIcon {  width: 104px; height: 34px; position: absolute; top: -2px; 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;  }
body.macdown-cs-purple .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='%2338158B'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyTxt p {  padding-left: 5px; font-size: 12px; color: #38158B; line-height: 12px;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox .dailyContont {  width: 269px; height: 303px; overflow: hidden; padding: 0 10px; margin: 14px auto 0 auto; border-radius: 20px; background-color: #DDCFFF;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .name {  font-size: 16px; color: #000000; line-height: 16px;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .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='%235309FF'%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;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .name {  margin-top: 6px; font-size: 12px; color: #060606; line-height: 12px;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .name:hover {  color: #38158B;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artMain {  flex: 1; min-width: 0; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.8); padding: 4px 22px 18px 22px;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artList li {  display: flex; align-items: flex-start; padding: 22px 0; border-bottom: 1px dashed #E3E3E3;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artList li .imgBox {  width: 220px; height: 140px; flex-shrink: 0; overflow: hidden; border-radius: 12px; background: #F2F2F2;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artList li .txtBox .name {  font-size: 18px; font-weight: bold; color: #060606; line-height: 26px; display: block;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artList li .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artList li .txtBox .brief {  margin-top: 10px; font-size: 14px; color: #888888; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artList li .txtBox .meta {  margin-top: auto; padding-top: 12px; display: flex; align-items: center; font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artList li .txtBox .meta .author .icon {  width: 13px; height: 13px; margin-right: 5px; border-radius: 50%; background: #D8D8D8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M6.5 6.5a2.6 2.6 0 100-5.2 2.6 2.6 0 000 5.2zm0 1.1c-2.6 0-4.7 1.3-4.7 2.9v1.1h9.4v-1.1c0-1.6-2.1-2.9-4.7-2.9z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artList li.empty {  display: block; text-align: center; padding: 60px 0; color: #999999; border-bottom: none;  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .name {  font-size: 16px; color: #040404; line-height: 16px; margin-top: 6px;  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 9px;  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #38158B; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(84, 10, 255, 0.3); flex-shrink: 0;  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameList li .btn:hover {  color: #6A2CFB; background: #1f1f1f;  }
body.macdown-cs-purple .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: #38158B; background: rgba(84, 10, 255, 0.3);  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameBttomBox .gameBttom .loadMore:hover {  color: #6A2CFB; background: #1f1f1f;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently {  width: 100%; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .cloumList li .name {  text-align: center; font-weight: bold; font-size: 14px; color: #060606; line-height: 14px; margin-top: 13px;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .cloumList li .name:hover {  color: #38158B;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .name {  display: block; font-size: 16px; color: #060606; line-height: 16px; margin-top: 5px;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .recentlyList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #38158B; text-align: center; border-radius: 14px; line-height: 28px; background-color: rgba(84, 10, 255, 0.3); flex-shrink: 0;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .recentlyList li .btn:hover {  color: #6B2CFF; background-color: #060606;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .recentlyList li:hover {  background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-purple .repetitionBox .boxWrap .repetition {  background: rgba(255, 255, 255, 0.4); border-radius: 20px; border: 1px solid #FFFFFF;  }
body.macdown-cs-purple .repetitionBox .boxWrap .repetition .repetitionList li .name {  margin-top: 8px; font-size: 14px; color: #060606; line-height: 14px;  }
body.macdown-cs-purple .repetitionBox .boxWrap .repetition .repetitionList li .name:hover {  color: #38158B;  }
body.macdown-cs-purple .crumbBox .boxWrap {  font-size: 14px; color: #999999; line-height: 14px;  }
body.macdown-cs-purple .crumbBox .boxWrap a {  display: inline-block; color: #666666;  }
body.macdown-cs-purple .crumbBox .boxWrap a:hover {  color: #38158B;  }
body.macdown-cs-purple .crumbBox .boxWrap .sep {  padding: 0 8px; color: #CCCCCC;  }
body.macdown-cs-purple .crumbBox .boxWrap .cur {  color: #060606;  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont {  width: 386px; padding-bottom: 29px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .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='%235309FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomIcon h3 {  padding: 3px 2px 0 3px; font-weight: bold; font-size: 20px; color: #060606; line-height: 20px;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li:hover {  background: rgba(255, 255, 255, 0.6);  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li.active {  background: rgba(255, 255, 255, 0.7);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .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='%235309FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .name {  margin-top: 4px; font-size: 16px; color: #000000; line-height: 16px; display: block;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 12px;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .time {  margin-top: 12px; font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #38158B; text-align: center; line-height: 28px; background: rgba(84, 10, 255, 0.3); border-radius: 14px; flex-shrink: 0;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn:hover {  color: #6A2CFB; background: #1f1f1f;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox a {  flex: 1; font-size: 16px; color: #000000; line-height: 16px; padding-left: 9px;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox a:hover {  color: #38158B;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-purple .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 #5309FF;  }
body.macdown-cs-purple .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(84, 10, 255, 0.4);  }
body.macdown-cs-purple .typeListBox .boxWrap .typeList a:hover {  color: #38158B; border-color: #5309FF;  }
body.macdown-cs-purple .typeListBox .boxWrap .typeList a.active {  color: #38158B; font-weight: bold; border: none; background: linear-gradient(-90deg, #6624FF, #5309FF);  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .gameBttomBox .boxWrap .gameBttom .pageBox a.home {  width: 59px; font-size: 16px; color: #333333; font-weight: 400;  }
body.macdown-cs-purple .gameBttomBox .boxWrap .gameBttom .pageBox a.next {  width: 73px; font-weight: 400; font-size: 14px; color: #333333;  }
body.macdown-cs-purple .gameBttomBox .boxWrap .gameBttom .pageBox a.omit {  width: auto; height: auto; font-weight: 400; font-size: 16px; color: #333333; line-height: 16px; border: none;  }
body.macdown-cs-purple .gameBttomBox .boxWrap .gameBttom .pageBox a:hover {  color: #6A2AFF; background: #060606; border-color: #060606;  }
body.macdown-cs-purple .gameBttomBox .boxWrap .gameBttom .pageBox a.active {  color: #6A2AFF; background: #060606; border-color: #060606;  }
body.macdown-cs-purple .hotTopicBox .boxWrap .hotTopic {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .imgListBox a {  position: absolute; bottom: 0; overflow: hidden; border-radius: 20px; border: 2px solid #FFFFFF;  }
body.macdown-cs-purple .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='%235309FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem p {  font-size: 13px; color: #666666; line-height: 13px; padding-left: 8px;  }
body.macdown-cs-purple .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem:hover p {  color: #38158B;  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .topicListBox .boxWrap .topicList li .topicL .txtBox .name {  font-weight: bold; font-size: 20px; color: #060606; line-height: 20px;  }
body.macdown-cs-purple .topicListBox .boxWrap .topicList li .topicL .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .topicListBox .boxWrap .topicList li .topicL .txtBox .brief {  margin-top: 12px; font-size: 13px; color: #999999; line-height: 22px;  }
body.macdown-cs-purple .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a {  display: inline-block; margin: 0 12px 8px 0; padding: 4px 12px; font-size: 12px; color: #38158B; border-radius: 12px; background: rgba(84, 10, 255, 0.2);  }
body.macdown-cs-purple .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a:hover {  color: #fff; background: #5309FF;  }
body.macdown-cs-purple .topicListBox .boxWrap .topicList li .topicR {  flex: 1; padding: 21px 20px 20px 20px; border-left: 1px dashed #E3E3E3;  }
body.macdown-cs-purple .topicListBox .boxWrap .topicList li .topicR .name {  font-weight: bold; font-size: 16px; color: #060606; line-height: 16px;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .filter li {  font-size: 15px; color: #666666; line-height: 15px; margin-right: 30px; cursor: pointer; position: relative; padding-bottom: 10px;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .filter li.active {  color: #060606; font-size: 17px; font-weight: bold;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .filter li.active::before {  content: ""; width: 100%; height: 6px; position: absolute; left: 0; bottom: 2px; border-radius: 3px; background: #6422FF;  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .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));  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .realTime .realTimeR li {  display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px dashed #D9D0EF;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .realTime .realTimeR li a {  flex: 1; font-size: 14px; color: #333333; line-height: 14px; position: relative; padding-left: 15px;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .realTime .realTimeR li a:hover {  color: #38158B;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .realTime .realTimeR li a::before {  content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 6px; border-radius: 50%; background: #5309FF;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .realTime .realTimeR li .time {  font-size: 13px; color: #BABABA; line-height: 14px; padding-left: 16px;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox {  margin-top: 16px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .name {  font-size: 16px; color: #040404; line-height: 16px;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 9px;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #38158B; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(84, 10, 255, 0.3); flex-shrink: 0;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn:hover {  color: #6A2CFB; background: #1f1f1f;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-next, body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(84, 10, 255, 0.5);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductR .rankBox .gameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductR .factoryList li {  width: 100%; margin-top: 19px; overflow: hidden; border-radius: 20px; background-color: #EDE7FB; border: 1px solid #FFFFFF; display: block;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductR .factoryList li:hover {  border-color: #5309FF;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductR .factoryList li .imgBox {  width: 100%; height: 103px; display: flex; align-items: center; justify-content: center; background: #F7F4FD;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductR .factoryList li .txt:hover {  color: #38158B;  }
body.macdown-cs-purple .pageBox a, body.macdown-cs-purple .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;  }
body.macdown-cs-purple .pageBox a:hover, body.macdown-cs-purple .pageBox span.cur {  color: #6A2AFF; background: #060606; border-color: #060606;  }
body.macdown-cs-purple .pageBox a.home {  width: 59px; font-size: 16px; color: #333333; font-weight: 400;  }
body.macdown-cs-purple .pageBox a.next {  width: 73px; font-weight: 400; font-size: 14px; color: #333333;  }
body.macdown-cs-purple .pageBox span.omit {  width: auto; font-weight: 400; font-size: 16px; color: #333333; border: none; background: none;  }
body.macdown-cs-purple footer {  padding: 20px 0 33px 0; margin-top: 21px; border-top: 2px solid #5F1BFE; border-bottom: 1px solid #5F1BFE; background: linear-gradient(0deg, #484848, #0B0B0B);  }
body.macdown-cs-purple footer .boxWrap .footerBox .friendBox {  padding-bottom: 18px; display: flex; align-items: center; border-bottom: 1px solid #484848;  }
body.macdown-cs-purple footer .boxWrap .footerBox .friendBox .friendBg h3 {  font-weight: bold; font-size: 20px; line-height: 22px; background: linear-gradient(-90deg, #6624FF 0%, #5309FF 89.99%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #5309FF;  }
body.macdown-cs-purple footer .boxWrap .footerBox .friendBox .friendList a {  font-size: 14px; color: #CCCCCC; line-height: 28px; margin-right: 28px; display: inline-block;  }
body.macdown-cs-purple footer .boxWrap .footerBox .friendBox .friendList a:hover {  color: #6523FF; text-decoration: underline;  }
body.macdown-cs-purple footer .boxWrap .footerBox .footerTxt p {  font-size: 14px; color: #999999; line-height: 22px; text-align: center;  }
body.macdown-cs-purple footer .boxWrap .footerBox .footerTxt p a, body.macdown-cs-purple footer .boxWrap .footerBox .footerTxt a {  display: inline-block; font-size: 14px; color: #999999; line-height: 22px;  }
body.macdown-cs-purple footer .boxWrap .footerBox .footerTxt a:hover {  color: #5309FF;  }
body.macdown-cs-purple .macdown-float .floatBtn {  width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(90deg, #6624FF, #5309FF); box-shadow: 0 4px 14px rgba(83, 9, 255, 0.4); display: flex; align-items: center; justify-content: center; font-size: 12px; color: #38158B; font-weight: bold;  }
body.macdown-cs-purple .detailBox .boxWrap .detailContont .detailL .appPanel {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 24px 24px 30px;  }
body.macdown-cs-purple .detailHead .imgBox {  width: 128px; height: 128px; overflow: hidden; border-radius: 24px; border: 2px solid #5309FF; flex-shrink: 0;  }
body.macdown-cs-purple .detailHead .txtBox h1 {  font-size: 26px; color: #060606; line-height: 30px; font-weight: bold;  }
body.macdown-cs-purple .detailHead .txtBox .slogan {  margin-top: 8px; font-size: 13px; color: #38158B; line-height: 18px;  }
body.macdown-cs-purple .detailHead .txtBox .tags a {  padding: 3px 12px; font-size: 12px; color: #38158B; border-radius: 12px; background: rgba(84, 10, 255, 0.2);  }
body.macdown-cs-purple .detailHead .txtBox .tags a:hover {  color: #fff; background: #5309FF;  }
body.macdown-cs-purple .detailHead .txtBox .metaRow span {  font-size: 13px; color: #BABABA; line-height: 13px; margin-right: 20px; position: relative;  }
body.macdown-cs-purple .detailHead .txtBox .metaRow span b {  color: #666666; font-weight: normal;  }
body.macdown-cs-purple .detailHead .txtBox .metaRow span i {  color: #38158B; font-style: normal;  }
body.macdown-cs-purple .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, #540AFF, #5309FF); box-shadow: 0 6px 16px rgba(83, 9, 255, 0.35);  }
body.macdown-cs-purple .detailHead .downWrap .downBtn.ios {  background: linear-gradient(90deg, #38158B, #060606); box-shadow: none;  }
body.macdown-cs-purple .detailHead .downWrap .downNone {  text-align: center; font-size: 12px; color: #BABABA; line-height: 48px;  }
body.macdown-cs-purple .shotBox .swiper-button-next, body.macdown-cs-purple .shotBox .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(84, 10, 255, 0.6);  }
body.macdown-cs-purple .articleTxt {  margin-top: 22px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-purple .articleTxt h2, body.macdown-cs-purple .articleTxt h3, body.macdown-cs-purple .articleTxt h4 {  font-weight: bold; color: #060606; margin: 18px 0 10px;  }
body.macdown-cs-purple .articleTxt a {  display: inline; color: #4D00FF;  }
body.macdown-cs-purple .articleTxt table td, body.macdown-cs-purple .articleTxt table th {  padding: 8px 12px; border: 1px solid #D9D0EF; font-size: 14px;  }
body.macdown-cs-purple .articleTxt table th {  background: #E9E0FF; color: #060606;  }
body.macdown-cs-purple .infoTable {  margin-top: 24px; border-radius: 16px; overflow: hidden; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .infoTable .infoTitle {  padding: 14px 20px; font-size: 18px; font-weight: bold; color: #060606; border-bottom: 1px solid #CDB7FF;  }
body.macdown-cs-purple .infoTable table td {  padding: 11px 20px; font-size: 14px; color: #666666; border-bottom: 1px dashed #DAD0F3;  }
body.macdown-cs-purple .infoTable table td:first-child {  width: 140px; color: #38158B;  }
body.macdown-cs-purple .prevNext a {  width: 48%; padding: 14px 18px; border-radius: 14px; font-size: 14px; color: #666666; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .prevNext a:hover {  color: #38158B;  }
body.macdown-cs-purple .detailR .sideBox {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); margin-bottom: 20px;  }
body.macdown-cs-purple .detailR .sideBox .sideTitle {  padding: 16px 18px 12px; font-size: 18px; font-weight: bold; color: #060606; position: relative;  }
body.macdown-cs-purple .detailR .sideBox .sideTitle::before {  content: ""; width: 6px; height: 18px; border-radius: 3px; background: linear-gradient(180deg, #6624FF, #5309FF); position: absolute; left: 0; top: 18px;  }
body.macdown-cs-purple .detailR .sideBox .sideTitle .more {  position: absolute; right: 14px; top: 18px; font-size: 12px; color: #BABABA; font-weight: normal;  }
body.macdown-cs-purple .detailR .sideBox .sideTitle .more:hover {  color: #38158B;  }
body.macdown-cs-purple .detailR .sideBox .sideList li:hover {  background: rgba(255, 255, 255, 0.6);  }
body.macdown-cs-purple .detailR .sideBox .sideList li .num {  width: 20px; font-size: 14px; font-weight: bold; color: #BABABA; text-align: center; flex-shrink: 0;  }
body.macdown-cs-purple .detailR .sideBox .sideList li:nth-child(-n+3) .num {  color: #FF2E38;  }
body.macdown-cs-purple .detailR .sideBox .sideList li .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px;  }
body.macdown-cs-purple .detailR .sideBox .sideList li .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .detailR .sideBox .sideList li .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 7px;  }
body.macdown-cs-purple .detailR .sideBox .sideList li .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 6px;  }
body.macdown-cs-purple .likeBox .likeItem {  width: 120px; padding: 14px 0; text-align: center; border-radius: 14px; background: rgba(255, 255, 255, 0.5); cursor: pointer;  }
body.macdown-cs-purple .likeBox .likeItem:hover {  background: rgba(84, 10, 255, 0.2);  }
body.macdown-cs-purple .likeBox .likeItem p {  margin-top: 6px; font-size: 13px; color: #666666;  }
body.macdown-cs-purple .macdown-comments {  margin-top: 24px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); padding: 20px 24px;  }
body.macdown-cs-purple .macdown-comments .cmtTitle {  font-size: 18px; font-weight: bold; color: #060606; padding-bottom: 14px; border-bottom: 1px solid #CDB7FF;  }
body.macdown-cs-purple .macdown-comments .cmtTitle span {  font-size: 13px; color: #BABABA; font-weight: normal; padding-left: 8px;  }
body.macdown-cs-purple .macdown-comments ul li {  display: flex; padding: 16px 0; border-bottom: 1px dashed #DAD0F3;  }
body.macdown-cs-purple .macdown-comments ul li .avatar {  width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: #570FFF;  }
body.macdown-cs-purple .macdown-comments ul li .cmtBody .cmtHead {  font-size: 13px; color: #999999;  }
body.macdown-cs-purple .macdown-comments ul li .cmtBody .cmtHead b {  color: #38158B; font-size: 14px; padding-right: 10px;  }
body.macdown-cs-purple .macdown-comments ul li .cmtBody .cmtTxt {  margin-top: 6px; font-size: 14px; color: #333333; line-height: 24px;  }
body.macdown-cs-purple .macdown-comments ul li .cmtBody .reply a {  display: inline-block; color: #4D00FF;  }
body.macdown-cs-purple .macdown-comments .cmtForm input[type="text"] {  flex: 1; height: 40px; padding: 0 14px; border: 1px solid #D9D0EF; border-radius: 10px; background: #F1EBFF; font-size: 14px;  }
body.macdown-cs-purple .macdown-comments .cmtForm textarea {  width: 100%; height: 100px; padding: 10px 14px; border: 1px solid #D9D0EF; border-radius: 10px; background: #F1EBFF; font-size: 14px; resize: vertical;  }
body.macdown-cs-purple .macdown-comments .cmtForm .submitBtn {  margin-top: 12px; width: 140px; height: 40px; border-radius: 20px; background: linear-gradient(90deg, #540AFF, #5309FF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-purple .searchBoxPage .boxWrap .searchPanel {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); padding: 22px 24px;  }
body.macdown-cs-purple .searchBoxPage .boxWrap .searchPanel .searchForm input {  flex: 1; height: 44px; padding: 0 16px; border: 1px solid #5309FF; border-radius: 12px 0 0 12px; background: #F1EBFF; font-size: 15px;  }
body.macdown-cs-purple .searchBoxPage .boxWrap .searchPanel .searchForm button {  width: 100px; height: 44px; border-radius: 0 12px 12px 0; background: linear-gradient(90deg, #540AFF, #5309FF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-purple .searchBoxPage .boxWrap .searchPanel .searchTip {  margin-top: 12px; font-size: 13px; color: #999999;  }
body.macdown-cs-purple .searchBoxPage .boxWrap .searchPanel .searchTip b {  color: #FF2E38;  }
body.macdown-cs-purple .errorPage .code {  font-size: 90px; font-weight: bold; line-height: 1; background: linear-gradient(90deg, #6624FF, #5309FF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #5309FF;  }
body.macdown-cs-purple .errorPage .msg {  margin-top: 14px; font-size: 16px; color: #666666;  }
body.macdown-cs-purple .errorPage .backHome {  display: inline-block; margin-top: 26px; padding: 12px 36px; border-radius: 22px; background: linear-gradient(90deg, #540AFF, #5309FF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-purple .pageDetail {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 30px 34px;  }
body.macdown-cs-purple .pageDetail h1 {  font-size: 24px; font-weight: bold; color: #060606; text-align: center; padding-bottom: 18px; border-bottom: 1px solid #CDB7FF;  }
body.macdown-cs-purple .pageDetail .newsTxt {  padding-top: 16px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-purple .newsDetail {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 26px 30px;  }
body.macdown-cs-purple .newsDetail h1 {  font-size: 24px; font-weight: bold; color: #060606; line-height: 32px;  }
body.macdown-cs-purple .newsDetail .newsMeta {  margin-top: 12px; font-size: 13px; color: #BABABA; display: flex; gap: 18px;  }
body.macdown-cs-purple .newsDetail .newsContont {  margin-top: 16px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-purple .newsDetail .newsContont h2, body.macdown-cs-purple .newsDetail .newsContont h3, body.macdown-cs-purple .newsDetail .newsContont h4 {  font-weight: bold; color: #060606; margin: 16px 0 8px;  }
body.macdown-cs-purple .newsDetail .newsContont a {  display: inline; color: #4D00FF;  }
body.macdown-cs-purple .newsDetail .newsTags a {  padding: 3px 12px; font-size: 12px; color: #38158B; border-radius: 12px; background: rgba(84, 10, 255, 0.2);  }
body.macdown-cs-purple .newsDetail .newsTags a:hover {  color: #fff; background: #5309FF;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall {  width: 100%; padding: 1px 1px; border-radius: 20px; background: linear-gradient(90deg, #5309FF, #6320FF, #5309FF);  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont {  padding: 28px 30px 30px 29px; border-radius: 20px; background: #F8F6FE; position: relative; display: flex; justify-content: space-between;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .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: #38158B; line-height: 16px; background: linear-gradient(90deg, rgba(56, 21, 139, 0.05), rgba(56, 21, 139, 0));  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a {  padding: 6px 11px 6px 12px; font-size: 12px; color: #38158B; line-height: 12px; border-radius: 10px; margin: 0 8px 6px 0; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(84, 10, 255, 0.4);  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a:hover {  border-color: #5309FF; color: #060606;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .typeBox .typeItem {  margin-right: 31px; font-size: 14px; color: #333333; line-height: 14px;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .typeBox .typeItem span:first-child {  color: #999999;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.azd {  font-size: 18px; background: linear-gradient(90deg, #1EDD97, #73F294);  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.pgd {  font-size: 15px; background: linear-gradient(90deg, #5A94FF, #53C0FF);  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a:hover {  opacity: .9; color: #FFFFFF;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.disabled {  background: #CCCCCC; cursor: not-allowed;  }
body.macdown-cs-purple .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(84, 10, 255, 0.4); overflow: hidden;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox > div:hover {  background: rgba(84, 10, 255, 0.15);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox p {  font-size: 12px; color: #38158B; line-height: 12px; margin-top: 4px;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .qrcodeBox p {  font-size: 12px; color: #38158B; line-height: 12px; padding-top: 3px;  }
body.macdown-cs-purple .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='%2338158B'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .problem p {  font-size: 13px; color: #38158B; line-height: 13px; padding-left: 6px;  }
body.macdown-cs-purple .summaryBox .boxWrap {  padding: 0; border-radius: 20px; border: 1px solid #FFFFFF; position: relative; overflow: hidden; background: linear-gradient(90deg, #EFF0FE, #CECFFB, #DCD8FE);  }
body.macdown-cs-purple .summaryBox .boxWrap .summaryTitle h3 {  font-weight: bold; font-size: 22px; color: #23244D; line-height: 22px;  }
body.macdown-cs-purple .summaryBox .boxWrap .summaryTitle p {  font-size: 13px; color: #6E6A9B; line-height: 13px; padding-left: 12px;  }
body.macdown-cs-purple .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));  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont {  background: rgba(255, 255, 255, 0.4); border-radius: 20px; border: 1px solid #FFFFFF;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .titleBox h3 {  font-weight: bold; font-size: 24px; color: #060606; line-height: 24px; position: relative; z-index: 1;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .titleBox .more {  width: auto; height: auto; font-size: 14px; color: #38158B; line-height: 14px; background: none; padding-right: 2px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .titleBox .more:hover {  color: #4D00FF;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt p {  font-size: 16px; color: #060606; line-height: 30px; margin-top: 16px;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .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, #6624FF, #5309FF);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt a {  display: inline-block; color: #9881CE; text-decoration: underline;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt a:hover {  color: #38158B;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt b {  font-weight: bold; color: #060606;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt ul li {  list-style: disc; font-size: 16px; color: #060606; line-height: 30px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt ol li {  list-style: decimal; font-size: 16px; color: #060606; line-height: 30px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt blockquote {  padding: 12px 16px; margin: 14px 0; border-left: 4px solid #5309FF; background: rgba(84, 10, 255, 0.08); border-radius: 0 10px 10px 0; color: #666666;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt table th {  background: rgba(84, 10, 255, 0.15); font-weight: bold; color: #38158B;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt hr {  border: none; border-top: 1px dashed #E3E3E3; margin: 18px 0;  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtL {  width: 90px; color: #999999;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtR {  flex: 1; color: #060606;  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .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='%235309FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .timeBox {  display: flex; align-items: center; padding-left: 18px; font-size: 13px; color: #999999; line-height: 13px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #38158B; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(84, 10, 255, 0.3); flex-shrink: 0; margin-left: 14px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn:hover {  color: #6A2CFB; background: #1f1f1f;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li .name:hover {  color: #38158B;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .updateBox .titleBox .updateTxt {  font-size: 14px; color: #BABABA; line-height: 14px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .updateBox .updateContont p {  margin-top: 5px; font-size: 16px; color: #060606; line-height: 24px; word-break: break-all;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .updateBox .updateContont p:first-child {  color: #BABABA; margin-top: 0;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-button-prev {  width: 28px; height: 28px; top: 68px; border-radius: 50%; background: rgba(84, 10, 255, .5);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter li {  padding: 8px 15px; cursor: pointer; font-size: 14px; color: #38158B; line-height: 14px; border-radius: 18px; margin: 8px 11px 0 0; background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(84, 10, 255, 0.4);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter li.active {  color: #fff; border: none; background: linear-gradient(90deg, #6B2BFF, #8753FF);  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .time {  font-size: 13px; color: #BABABA; line-height: 13px; margin-top: 12px;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px; display: block;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .size {  display: block; font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .time {  display: block; font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .timeBox span {  color: rgba(255, 255, 255, 0.75); font-size: 12px; line-height: 12px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .timeBox span:nth-child(2) {  margin: 0 4px; color: rgba(204, 204, 204, 0.5);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotGameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 8px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 6px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn {  width: 56px; height: 26px; font-size: 13px; color: #38158B; text-align: center; line-height: 26px; border-radius: 13px; background: rgba(84, 10, 255, 0.3); flex-shrink: 0; margin-left: 8px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn:hover {  color: #6A2CFB; background: #1f1f1f;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotLableBox {  margin-top: 20px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotLableBox .hotLable a:hover {  color: #38158B; border-color: #5309FF;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .sideBox {  margin-top: 20px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); overflow: hidden;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .sideBox .sideTitle span {  font-weight: bold; font-size: 18px; color: #060606; line-height: 18px;  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .prevNext a:hover {  color: #38158B; background: rgba(84, 10, 255, 0.2);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .macdown-comments .cmtTitle {  font-weight: bold; font-size: 20px; color: #060606; line-height: 20px; padding-bottom: 12px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .macdown-comments .cmtTitle span {  font-size: 14px; color: #999999;  }
body.macdown-cs-purple .fraudTipBox .boxWrap .fraudTip {  display: flex; align-items: center; justify-content: center; padding: 13px 22px; border-radius: 14px; background: #E7DCFF; border: 1px solid rgba(84, 10, 255, 0.5);  }
body.macdown-cs-purple .fraudTipBox .boxWrap .fraudTip .icon {  width: 22px; height: 22px; flex-shrink: 0; margin-right: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M11 1.5L21 19H1L11 1.5z' fill='%235309FF'/%3E%3Cpath d='M11 8v5' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='11' cy='16' r='1.3' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .fraudTipBox .boxWrap .fraudTip p {  font-size: 14px; color: #38158B; line-height: 22px;  }
body.macdown-cs-purple .fraudTipBox .boxWrap .fraudTip .tagName {  flex-shrink: 0; display: inline-block; padding: 3px 13px 4px 13px; margin-right: 12px; border-radius: 10px 12px 12px 2px; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 18px; background: linear-gradient(90deg, #4D00FF, #5309FF);  }

/* ==========================================================================
   v1.7.2 配色方案（后台「主题配色」切换，默认 金黄 · 原版）
   自动生成：把全站黄色系（色相 28~85°）规则整条复制到 body.macdown-cs-xxx 作用域下
   并按目标色相旋转，明度/饱和度不变 —— 按钮、图标(SVG data-URI)、星星、渐变、背景一起变色。
   ========================================================================== */

/* ---- 配色：blue ---- */
body.macdown-cs-blue {  color: #333; background: #eef0f5; overflow-y: auto; -webkit-text-size-adjust: 100%;  }
body.macdown-cs-blue {  font: 14px/1.6 "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif; color: #333333; min-width: 1200px; background: #eef0f5;  }
body.macdown-cs-blue a {  text-decoration: none; color: #333333; display: block; box-sizing: border-box;  }
body.macdown-cs-blue a:hover {  color: #15428B;  }
body.macdown-cs-blue input::placeholder, body.macdown-cs-blue textarea::placeholder {  color: #999999;  }
body.macdown-cs-blue .homeBg {  background: linear-gradient(#146EFF 0, #D3E1F8 440px, #D3E1F8 100%);  }
body.macdown-cs-blue .universalBg {  background: #E2EAF6;  }
body.macdown-cs-blue .detaillBg {  background: #D3E1F8;  }
body.macdown-cs-blue header {  padding: 3px 0 1px 0; background: linear-gradient(-90deg, #2478FF, #0967FF);  }
body.macdown-cs-blue header .headerBox {  padding: 14px 0 15px 0; background: rgba(255, 255, 255, 0.85);  }
body.macdown-cs-blue header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a {  color: #385788; font-size: 18px; line-height: 18px; position: relative; display: flex; justify-content: center; margin-left: 36px;  }
body.macdown-cs-blue header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a:hover {  color: #060606;  }
body.macdown-cs-blue header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a.cursor {  color: #060606; font-size: 22px; line-height: 22px; font-weight: bold;  }
body.macdown-cs-blue 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='%230967FF' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue 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, #0A68FF, #146EFF);  }
body.macdown-cs-blue 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: #EBF3FF;  }
body.macdown-cs-blue 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='%2315428B' stroke-width='3'/%3E%3Cpath d='M21 21 L28 28' stroke='%2315428B' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/20px 20px; cursor: pointer;  }
body.macdown-cs-blue 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, #0A68FF, #146EFF); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);  }
body.macdown-cs-blue header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner {  background: #EBF3FF; border-radius: 9px; padding: 8px 0;  }
body.macdown-cs-blue header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a:hover {  background: #B7D3FF; color: #15428B;  }
body.macdown-cs-blue header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a span {  color: #BABABA; font-size: 12px;  }
body.macdown-cs-blue .titleBox h3 {  font-weight: bold; font-size: 24px; color: #060606; line-height: 24px; position: relative; z-index: 1;  }
body.macdown-cs-blue .titleBox h3::before {  content: ""; width: 120%; height: 15px; position: absolute; left: -22%; bottom: -8px; z-index: -1; background: linear-gradient(-90deg, rgba(36, 120, 255, 0.9), rgba(9, 103, 255, 0.2), rgba(9, 103, 255, 0)) 100%; border-radius: 7px;  }
body.macdown-cs-blue .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='%230967FF' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='16' r='3' fill='%23FF2E38'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .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='%230967FF'/%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;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame {  min-height: 312px; border-radius: 20px; position: relative; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-blue .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='%230967FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .filter li p {  padding-left: 5px; font-weight: bold; font-size: 18px; color: #15428B; line-height: 18px;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .filter li.active p {  font-size: 20px; color: #060606;  }
body.macdown-cs-blue .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(10, 104, 255, 0.4); background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-blue .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='%230967FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .lableList a p {  font-size: 14px; color: #15428B; line-height: 14px; padding-left: 10px; max-width: 96px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .lableList a:hover {  border-color: #0967FF; background: rgba(255, 255, 255, 0.7);  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .name {  font-weight: bold; font-size: 16px; color: #15428B; line-height: 16px; margin-top: 12px; padding-right: 8px; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .time {  font-size: 12px; color: #15428B; line-height: 12px; opacity: .7; margin-top: 11px;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .brief {  font-size: 12px; color: #15428B; line-height: 12px; margin-top: 8px; opacity: .7; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-blue .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='%230967FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox.active {  border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.55);  }
body.macdown-cs-blue .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: #0A68FF; flex-shrink: 0;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a:hover {  color: #15428B;  }
body.macdown-cs-blue .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a::before {  content: ""; width: 1px; height: 18px; right: -12px; position: absolute; background-color: #E3E3E3;  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-slide .name:hover {  color: #15428B;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox {  width: 444px; height: 350px; border-radius: 20px; background-color: #86FB9E; border: 1px solid rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .filter li.active {  color: #060606; font-size: 18px; font-weight: bold; line-height: 18px;  }
body.macdown-cs-blue .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: #2277FF;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .brief {  font-weight: bold; font-size: 14px; color: #060606; line-height: 22px;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .brief:hover {  color: #15428B;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .time {  font-size: 14px; color: #BABABA; line-height: 12px; margin-top: 15px;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a {  flex: 1; color: #202320; font-size: 14px; line-height: 14px; position: relative; padding-left: 15px;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a:hover {  color: #15428B;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a::after {  content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 8px; background-color: #C1F0DF;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt .time {  color: #A9A79B; font-size: 14px; line-height: 14px;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox {  width: 279px; height: 350px; background: #0F6BFF; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyIcon {  width: 104px; height: 34px; position: absolute; top: -2px; 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;  }
body.macdown-cs-blue .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='%2315428B'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyTxt p {  padding-left: 5px; font-size: 12px; color: #15428B; line-height: 12px;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox .dailyContont {  width: 269px; height: 303px; overflow: hidden; padding: 0 10px; margin: 14px auto 0 auto; border-radius: 20px; background-color: #CFE1FF;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .name {  font-size: 16px; color: #000000; line-height: 16px;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .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='%230967FF'%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;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .name {  margin-top: 6px; font-size: 12px; color: #060606; line-height: 12px;  }
body.macdown-cs-blue .rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .name:hover {  color: #15428B;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artMain {  flex: 1; min-width: 0; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.8); padding: 4px 22px 18px 22px;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artList li {  display: flex; align-items: flex-start; padding: 22px 0; border-bottom: 1px dashed #E3E3E3;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artList li .imgBox {  width: 220px; height: 140px; flex-shrink: 0; overflow: hidden; border-radius: 12px; background: #F2F2F2;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artList li .txtBox .name {  font-size: 18px; font-weight: bold; color: #060606; line-height: 26px; display: block;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artList li .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artList li .txtBox .brief {  margin-top: 10px; font-size: 14px; color: #888888; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artList li .txtBox .meta {  margin-top: auto; padding-top: 12px; display: flex; align-items: center; font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artList li .txtBox .meta .author .icon {  width: 13px; height: 13px; margin-right: 5px; border-radius: 50%; background: #D8D8D8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M6.5 6.5a2.6 2.6 0 100-5.2 2.6 2.6 0 000 5.2zm0 1.1c-2.6 0-4.7 1.3-4.7 2.9v1.1h9.4v-1.1c0-1.6-2.1-2.9-4.7-2.9z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .artListBox .boxWrap .artContont .artList li.empty {  display: block; text-align: center; padding: 60px 0; color: #999999; border-bottom: none;  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .name {  font-size: 16px; color: #040404; line-height: 16px; margin-top: 6px;  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 9px;  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #15428B; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(10, 104, 255, 0.3); flex-shrink: 0;  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameList li .btn:hover {  color: #2C7BFB; background: #1f1f1f;  }
body.macdown-cs-blue .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: #15428B; background: rgba(10, 104, 255, 0.3);  }
body.macdown-cs-blue .gameListBox .boxWrap .gameContont .gameBttomBox .gameBttom .loadMore:hover {  color: #2C7BFB; background: #1f1f1f;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently {  width: 100%; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .cloumList li .name {  text-align: center; font-weight: bold; font-size: 14px; color: #060606; line-height: 14px; margin-top: 13px;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .cloumList li .name:hover {  color: #15428B;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .name {  display: block; font-size: 16px; color: #060606; line-height: 16px; margin-top: 5px;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .recentlyList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #15428B; text-align: center; border-radius: 14px; line-height: 28px; background-color: rgba(10, 104, 255, 0.3); flex-shrink: 0;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .recentlyList li .btn:hover {  color: #2C7DFF; background-color: #060606;  }
body.macdown-cs-blue .recentlyBox .boxWrap .recently .recentlyList li:hover {  background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-blue .repetitionBox .boxWrap .repetition {  background: rgba(255, 255, 255, 0.4); border-radius: 20px; border: 1px solid #FFFFFF;  }
body.macdown-cs-blue .repetitionBox .boxWrap .repetition .repetitionList li .name {  margin-top: 8px; font-size: 14px; color: #060606; line-height: 14px;  }
body.macdown-cs-blue .repetitionBox .boxWrap .repetition .repetitionList li .name:hover {  color: #15428B;  }
body.macdown-cs-blue .crumbBox .boxWrap {  font-size: 14px; color: #999999; line-height: 14px;  }
body.macdown-cs-blue .crumbBox .boxWrap a {  display: inline-block; color: #666666;  }
body.macdown-cs-blue .crumbBox .boxWrap a:hover {  color: #15428B;  }
body.macdown-cs-blue .crumbBox .boxWrap .sep {  padding: 0 8px; color: #CCCCCC;  }
body.macdown-cs-blue .crumbBox .boxWrap .cur {  color: #060606;  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont {  width: 386px; padding-bottom: 29px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .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='%230967FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomIcon h3 {  padding: 3px 2px 0 3px; font-weight: bold; font-size: 20px; color: #060606; line-height: 20px;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li:hover {  background: rgba(255, 255, 255, 0.6);  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li.active {  background: rgba(255, 255, 255, 0.7);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .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='%230967FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .name {  margin-top: 4px; font-size: 16px; color: #000000; line-height: 16px; display: block;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 12px;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .time {  margin-top: 12px; font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #15428B; text-align: center; line-height: 28px; background: rgba(10, 104, 255, 0.3); border-radius: 14px; flex-shrink: 0;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn:hover {  color: #2C7BFB; background: #1f1f1f;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox a {  flex: 1; font-size: 16px; color: #000000; line-height: 16px; padding-left: 9px;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox a:hover {  color: #15428B;  }
body.macdown-cs-blue .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-blue .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 #0967FF;  }
body.macdown-cs-blue .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(10, 104, 255, 0.4);  }
body.macdown-cs-blue .typeListBox .boxWrap .typeList a:hover {  color: #15428B; border-color: #0967FF;  }
body.macdown-cs-blue .typeListBox .boxWrap .typeList a.active {  color: #15428B; font-weight: bold; border: none; background: linear-gradient(-90deg, #2478FF, #0967FF);  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .gameBttomBox .boxWrap .gameBttom .pageBox a.home {  width: 59px; font-size: 16px; color: #333333; font-weight: 400;  }
body.macdown-cs-blue .gameBttomBox .boxWrap .gameBttom .pageBox a.next {  width: 73px; font-weight: 400; font-size: 14px; color: #333333;  }
body.macdown-cs-blue .gameBttomBox .boxWrap .gameBttom .pageBox a.omit {  width: auto; height: auto; font-weight: 400; font-size: 16px; color: #333333; line-height: 16px; border: none;  }
body.macdown-cs-blue .gameBttomBox .boxWrap .gameBttom .pageBox a:hover {  color: #2A7CFF; background: #060606; border-color: #060606;  }
body.macdown-cs-blue .gameBttomBox .boxWrap .gameBttom .pageBox a.active {  color: #2A7CFF; background: #060606; border-color: #060606;  }
body.macdown-cs-blue .hotTopicBox .boxWrap .hotTopic {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .imgListBox a {  position: absolute; bottom: 0; overflow: hidden; border-radius: 20px; border: 2px solid #FFFFFF;  }
body.macdown-cs-blue .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='%230967FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem p {  font-size: 13px; color: #666666; line-height: 13px; padding-left: 8px;  }
body.macdown-cs-blue .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem:hover p {  color: #15428B;  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .topicListBox .boxWrap .topicList li .topicL .txtBox .name {  font-weight: bold; font-size: 20px; color: #060606; line-height: 20px;  }
body.macdown-cs-blue .topicListBox .boxWrap .topicList li .topicL .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .topicListBox .boxWrap .topicList li .topicL .txtBox .brief {  margin-top: 12px; font-size: 13px; color: #999999; line-height: 22px;  }
body.macdown-cs-blue .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a {  display: inline-block; margin: 0 12px 8px 0; padding: 4px 12px; font-size: 12px; color: #15428B; border-radius: 12px; background: rgba(10, 104, 255, 0.2);  }
body.macdown-cs-blue .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a:hover {  color: #fff; background: #0967FF;  }
body.macdown-cs-blue .topicListBox .boxWrap .topicList li .topicR {  flex: 1; padding: 21px 20px 20px 20px; border-left: 1px dashed #E3E3E3;  }
body.macdown-cs-blue .topicListBox .boxWrap .topicList li .topicR .name {  font-weight: bold; font-size: 16px; color: #060606; line-height: 16px;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .filter li {  font-size: 15px; color: #666666; line-height: 15px; margin-right: 30px; cursor: pointer; position: relative; padding-bottom: 10px;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .filter li.active {  color: #060606; font-size: 17px; font-weight: bold;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .filter li.active::before {  content: ""; width: 100%; height: 6px; position: absolute; left: 0; bottom: 2px; border-radius: 3px; background: #2277FF;  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .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));  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .realTime .realTimeR li {  display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px dashed #D0DCEF;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .realTime .realTimeR li a {  flex: 1; font-size: 14px; color: #333333; line-height: 14px; position: relative; padding-left: 15px;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .realTime .realTimeR li a:hover {  color: #15428B;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .realTime .realTimeR li a::before {  content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 6px; border-radius: 50%; background: #0967FF;  }
body.macdown-cs-blue .newsBox .boxWrap .newsContont .realTime .realTimeR li .time {  font-size: 13px; color: #BABABA; line-height: 14px; padding-left: 16px;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox {  margin-top: 16px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .name {  font-size: 16px; color: #040404; line-height: 16px;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 9px;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #15428B; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(10, 104, 255, 0.3); flex-shrink: 0;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn:hover {  color: #2C7BFB; background: #1f1f1f;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-next, body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(10, 104, 255, 0.5);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductR .rankBox .gameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductR .factoryList li {  width: 100%; margin-top: 19px; overflow: hidden; border-radius: 20px; background-color: #E7EFFB; border: 1px solid #FFFFFF; display: block;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductR .factoryList li:hover {  border-color: #0967FF;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductR .factoryList li .imgBox {  width: 100%; height: 103px; display: flex; align-items: center; justify-content: center; background: #F4F7FD;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .newProductBox .boxWrap .newProduct .newProductR .factoryList li .txt:hover {  color: #15428B;  }
body.macdown-cs-blue .pageBox a, body.macdown-cs-blue .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;  }
body.macdown-cs-blue .pageBox a:hover, body.macdown-cs-blue .pageBox span.cur {  color: #2A7CFF; background: #060606; border-color: #060606;  }
body.macdown-cs-blue .pageBox a.home {  width: 59px; font-size: 16px; color: #333333; font-weight: 400;  }
body.macdown-cs-blue .pageBox a.next {  width: 73px; font-weight: 400; font-size: 14px; color: #333333;  }
body.macdown-cs-blue .pageBox span.omit {  width: auto; font-weight: 400; font-size: 16px; color: #333333; border: none; background: none;  }
body.macdown-cs-blue footer {  padding: 20px 0 33px 0; margin-top: 21px; border-top: 2px solid #1B72FE; border-bottom: 1px solid #1B72FE; background: linear-gradient(0deg, #484848, #0B0B0B);  }
body.macdown-cs-blue footer .boxWrap .footerBox .friendBox {  padding-bottom: 18px; display: flex; align-items: center; border-bottom: 1px solid #484848;  }
body.macdown-cs-blue footer .boxWrap .footerBox .friendBox .friendBg h3 {  font-weight: bold; font-size: 20px; line-height: 22px; background: linear-gradient(-90deg, #2478FF 0%, #0967FF 89.99%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #0967FF;  }
body.macdown-cs-blue footer .boxWrap .footerBox .friendBox .friendList a {  font-size: 14px; color: #CCCCCC; line-height: 28px; margin-right: 28px; display: inline-block;  }
body.macdown-cs-blue footer .boxWrap .footerBox .friendBox .friendList a:hover {  color: #2377FF; text-decoration: underline;  }
body.macdown-cs-blue footer .boxWrap .footerBox .footerTxt p {  font-size: 14px; color: #999999; line-height: 22px; text-align: center;  }
body.macdown-cs-blue footer .boxWrap .footerBox .footerTxt p a, body.macdown-cs-blue footer .boxWrap .footerBox .footerTxt a {  display: inline-block; font-size: 14px; color: #999999; line-height: 22px;  }
body.macdown-cs-blue footer .boxWrap .footerBox .footerTxt a:hover {  color: #0967FF;  }
body.macdown-cs-blue .macdown-float .floatBtn {  width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(90deg, #2478FF, #0967FF); box-shadow: 0 4px 14px rgba(9, 103, 255, 0.4); display: flex; align-items: center; justify-content: center; font-size: 12px; color: #15428B; font-weight: bold;  }
body.macdown-cs-blue .detailBox .boxWrap .detailContont .detailL .appPanel {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 24px 24px 30px;  }
body.macdown-cs-blue .detailHead .imgBox {  width: 128px; height: 128px; overflow: hidden; border-radius: 24px; border: 2px solid #0967FF; flex-shrink: 0;  }
body.macdown-cs-blue .detailHead .txtBox h1 {  font-size: 26px; color: #060606; line-height: 30px; font-weight: bold;  }
body.macdown-cs-blue .detailHead .txtBox .slogan {  margin-top: 8px; font-size: 13px; color: #15428B; line-height: 18px;  }
body.macdown-cs-blue .detailHead .txtBox .tags a {  padding: 3px 12px; font-size: 12px; color: #15428B; border-radius: 12px; background: rgba(10, 104, 255, 0.2);  }
body.macdown-cs-blue .detailHead .txtBox .tags a:hover {  color: #fff; background: #0967FF;  }
body.macdown-cs-blue .detailHead .txtBox .metaRow span {  font-size: 13px; color: #BABABA; line-height: 13px; margin-right: 20px; position: relative;  }
body.macdown-cs-blue .detailHead .txtBox .metaRow span b {  color: #666666; font-weight: normal;  }
body.macdown-cs-blue .detailHead .txtBox .metaRow span i {  color: #15428B; font-style: normal;  }
body.macdown-cs-blue .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, #0A68FF, #0967FF); box-shadow: 0 6px 16px rgba(9, 103, 255, 0.35);  }
body.macdown-cs-blue .detailHead .downWrap .downBtn.ios {  background: linear-gradient(90deg, #15428B, #060606); box-shadow: none;  }
body.macdown-cs-blue .detailHead .downWrap .downNone {  text-align: center; font-size: 12px; color: #BABABA; line-height: 48px;  }
body.macdown-cs-blue .shotBox .swiper-button-next, body.macdown-cs-blue .shotBox .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(10, 104, 255, 0.6);  }
body.macdown-cs-blue .articleTxt {  margin-top: 22px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-blue .articleTxt h2, body.macdown-cs-blue .articleTxt h3, body.macdown-cs-blue .articleTxt h4 {  font-weight: bold; color: #060606; margin: 18px 0 10px;  }
body.macdown-cs-blue .articleTxt a {  display: inline; color: #0062FF;  }
body.macdown-cs-blue .articleTxt table td, body.macdown-cs-blue .articleTxt table th {  padding: 8px 12px; border: 1px solid #D0DCEF; font-size: 14px;  }
body.macdown-cs-blue .articleTxt table th {  background: #E0ECFF; color: #060606;  }
body.macdown-cs-blue .infoTable {  margin-top: 24px; border-radius: 16px; overflow: hidden; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .infoTable .infoTitle {  padding: 14px 20px; font-size: 18px; font-weight: bold; color: #060606; border-bottom: 1px solid #B7D3FF;  }
body.macdown-cs-blue .infoTable table td {  padding: 11px 20px; font-size: 14px; color: #666666; border-bottom: 1px dashed #D0DDF3;  }
body.macdown-cs-blue .infoTable table td:first-child {  width: 140px; color: #15428B;  }
body.macdown-cs-blue .prevNext a {  width: 48%; padding: 14px 18px; border-radius: 14px; font-size: 14px; color: #666666; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .prevNext a:hover {  color: #15428B;  }
body.macdown-cs-blue .detailR .sideBox {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); margin-bottom: 20px;  }
body.macdown-cs-blue .detailR .sideBox .sideTitle {  padding: 16px 18px 12px; font-size: 18px; font-weight: bold; color: #060606; position: relative;  }
body.macdown-cs-blue .detailR .sideBox .sideTitle::before {  content: ""; width: 6px; height: 18px; border-radius: 3px; background: linear-gradient(180deg, #2478FF, #0967FF); position: absolute; left: 0; top: 18px;  }
body.macdown-cs-blue .detailR .sideBox .sideTitle .more {  position: absolute; right: 14px; top: 18px; font-size: 12px; color: #BABABA; font-weight: normal;  }
body.macdown-cs-blue .detailR .sideBox .sideTitle .more:hover {  color: #15428B;  }
body.macdown-cs-blue .detailR .sideBox .sideList li:hover {  background: rgba(255, 255, 255, 0.6);  }
body.macdown-cs-blue .detailR .sideBox .sideList li .num {  width: 20px; font-size: 14px; font-weight: bold; color: #BABABA; text-align: center; flex-shrink: 0;  }
body.macdown-cs-blue .detailR .sideBox .sideList li:nth-child(-n+3) .num {  color: #FF2E38;  }
body.macdown-cs-blue .detailR .sideBox .sideList li .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px;  }
body.macdown-cs-blue .detailR .sideBox .sideList li .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .detailR .sideBox .sideList li .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 7px;  }
body.macdown-cs-blue .detailR .sideBox .sideList li .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 6px;  }
body.macdown-cs-blue .likeBox .likeItem {  width: 120px; padding: 14px 0; text-align: center; border-radius: 14px; background: rgba(255, 255, 255, 0.5); cursor: pointer;  }
body.macdown-cs-blue .likeBox .likeItem:hover {  background: rgba(10, 104, 255, 0.2);  }
body.macdown-cs-blue .likeBox .likeItem p {  margin-top: 6px; font-size: 13px; color: #666666;  }
body.macdown-cs-blue .macdown-comments {  margin-top: 24px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); padding: 20px 24px;  }
body.macdown-cs-blue .macdown-comments .cmtTitle {  font-size: 18px; font-weight: bold; color: #060606; padding-bottom: 14px; border-bottom: 1px solid #B7D3FF;  }
body.macdown-cs-blue .macdown-comments .cmtTitle span {  font-size: 13px; color: #BABABA; font-weight: normal; padding-left: 8px;  }
body.macdown-cs-blue .macdown-comments ul li {  display: flex; padding: 16px 0; border-bottom: 1px dashed #D0DDF3;  }
body.macdown-cs-blue .macdown-comments ul li .avatar {  width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: #0F6BFF;  }
body.macdown-cs-blue .macdown-comments ul li .cmtBody .cmtHead {  font-size: 13px; color: #999999;  }
body.macdown-cs-blue .macdown-comments ul li .cmtBody .cmtHead b {  color: #15428B; font-size: 14px; padding-right: 10px;  }
body.macdown-cs-blue .macdown-comments ul li .cmtBody .cmtTxt {  margin-top: 6px; font-size: 14px; color: #333333; line-height: 24px;  }
body.macdown-cs-blue .macdown-comments ul li .cmtBody .reply a {  display: inline-block; color: #0062FF;  }
body.macdown-cs-blue .macdown-comments .cmtForm input[type="text"] {  flex: 1; height: 40px; padding: 0 14px; border: 1px solid #D0DCEF; border-radius: 10px; background: #EBF3FF; font-size: 14px;  }
body.macdown-cs-blue .macdown-comments .cmtForm textarea {  width: 100%; height: 100px; padding: 10px 14px; border: 1px solid #D0DCEF; border-radius: 10px; background: #EBF3FF; font-size: 14px; resize: vertical;  }
body.macdown-cs-blue .macdown-comments .cmtForm .submitBtn {  margin-top: 12px; width: 140px; height: 40px; border-radius: 20px; background: linear-gradient(90deg, #0A68FF, #0967FF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-blue .searchBoxPage .boxWrap .searchPanel {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); padding: 22px 24px;  }
body.macdown-cs-blue .searchBoxPage .boxWrap .searchPanel .searchForm input {  flex: 1; height: 44px; padding: 0 16px; border: 1px solid #0967FF; border-radius: 12px 0 0 12px; background: #EBF3FF; font-size: 15px;  }
body.macdown-cs-blue .searchBoxPage .boxWrap .searchPanel .searchForm button {  width: 100px; height: 44px; border-radius: 0 12px 12px 0; background: linear-gradient(90deg, #0A68FF, #0967FF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-blue .searchBoxPage .boxWrap .searchPanel .searchTip {  margin-top: 12px; font-size: 13px; color: #999999;  }
body.macdown-cs-blue .searchBoxPage .boxWrap .searchPanel .searchTip b {  color: #FF2E38;  }
body.macdown-cs-blue .errorPage .code {  font-size: 90px; font-weight: bold; line-height: 1; background: linear-gradient(90deg, #2478FF, #0967FF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #0967FF;  }
body.macdown-cs-blue .errorPage .msg {  margin-top: 14px; font-size: 16px; color: #666666;  }
body.macdown-cs-blue .errorPage .backHome {  display: inline-block; margin-top: 26px; padding: 12px 36px; border-radius: 22px; background: linear-gradient(90deg, #0A68FF, #0967FF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-blue .pageDetail {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 30px 34px;  }
body.macdown-cs-blue .pageDetail h1 {  font-size: 24px; font-weight: bold; color: #060606; text-align: center; padding-bottom: 18px; border-bottom: 1px solid #B7D3FF;  }
body.macdown-cs-blue .pageDetail .newsTxt {  padding-top: 16px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-blue .newsDetail {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 26px 30px;  }
body.macdown-cs-blue .newsDetail h1 {  font-size: 24px; font-weight: bold; color: #060606; line-height: 32px;  }
body.macdown-cs-blue .newsDetail .newsMeta {  margin-top: 12px; font-size: 13px; color: #BABABA; display: flex; gap: 18px;  }
body.macdown-cs-blue .newsDetail .newsContont {  margin-top: 16px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-blue .newsDetail .newsContont h2, body.macdown-cs-blue .newsDetail .newsContont h3, body.macdown-cs-blue .newsDetail .newsContont h4 {  font-weight: bold; color: #060606; margin: 16px 0 8px;  }
body.macdown-cs-blue .newsDetail .newsContont a {  display: inline; color: #0062FF;  }
body.macdown-cs-blue .newsDetail .newsTags a {  padding: 3px 12px; font-size: 12px; color: #15428B; border-radius: 12px; background: rgba(10, 104, 255, 0.2);  }
body.macdown-cs-blue .newsDetail .newsTags a:hover {  color: #fff; background: #0967FF;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall {  width: 100%; padding: 1px 1px; border-radius: 20px; background: linear-gradient(90deg, #0967FF, #2075FF, #0967FF);  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont {  padding: 28px 30px 30px 29px; border-radius: 20px; background: #F6F9FE; position: relative; display: flex; justify-content: space-between;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .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: #15428B; line-height: 16px; background: linear-gradient(90deg, rgba(21, 66, 139, 0.05), rgba(21, 66, 139, 0));  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a {  padding: 6px 11px 6px 12px; font-size: 12px; color: #15428B; line-height: 12px; border-radius: 10px; margin: 0 8px 6px 0; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(10, 104, 255, 0.4);  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a:hover {  border-color: #0967FF; color: #060606;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .typeBox .typeItem {  margin-right: 31px; font-size: 14px; color: #333333; line-height: 14px;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .typeBox .typeItem span:first-child {  color: #999999;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.azd {  font-size: 18px; background: linear-gradient(90deg, #1EDD97, #73F294);  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.pgd {  font-size: 15px; background: linear-gradient(90deg, #5A94FF, #53C0FF);  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a:hover {  opacity: .9; color: #FFFFFF;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.disabled {  background: #CCCCCC; cursor: not-allowed;  }
body.macdown-cs-blue .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(10, 104, 255, 0.4); overflow: hidden;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox > div:hover {  background: rgba(10, 104, 255, 0.15);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox p {  font-size: 12px; color: #15428B; line-height: 12px; margin-top: 4px;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .qrcodeBox p {  font-size: 12px; color: #15428B; line-height: 12px; padding-top: 3px;  }
body.macdown-cs-blue .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='%2315428B'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .problem p {  font-size: 13px; color: #15428B; line-height: 13px; padding-left: 6px;  }
body.macdown-cs-blue .summaryBox .boxWrap {  padding: 0; border-radius: 20px; border: 1px solid #FFFFFF; position: relative; overflow: hidden; background: linear-gradient(90deg, #EFF0FE, #CECFFB, #DCD8FE);  }
body.macdown-cs-blue .summaryBox .boxWrap .summaryTitle h3 {  font-weight: bold; font-size: 22px; color: #23244D; line-height: 22px;  }
body.macdown-cs-blue .summaryBox .boxWrap .summaryTitle p {  font-size: 13px; color: #6E6A9B; line-height: 13px; padding-left: 12px;  }
body.macdown-cs-blue .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));  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont {  background: rgba(255, 255, 255, 0.4); border-radius: 20px; border: 1px solid #FFFFFF;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .titleBox h3 {  font-weight: bold; font-size: 24px; color: #060606; line-height: 24px; position: relative; z-index: 1;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .titleBox .more {  width: auto; height: auto; font-size: 14px; color: #15428B; line-height: 14px; background: none; padding-right: 2px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .titleBox .more:hover {  color: #0062FF;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt p {  font-size: 16px; color: #060606; line-height: 30px; margin-top: 16px;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .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, #2478FF, #0967FF);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt a {  display: inline-block; color: #819FCE; text-decoration: underline;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt a:hover {  color: #15428B;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt b {  font-weight: bold; color: #060606;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt ul li {  list-style: disc; font-size: 16px; color: #060606; line-height: 30px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt ol li {  list-style: decimal; font-size: 16px; color: #060606; line-height: 30px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt blockquote {  padding: 12px 16px; margin: 14px 0; border-left: 4px solid #0967FF; background: rgba(10, 104, 255, 0.08); border-radius: 0 10px 10px 0; color: #666666;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt table th {  background: rgba(10, 104, 255, 0.15); font-weight: bold; color: #15428B;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt hr {  border: none; border-top: 1px dashed #E3E3E3; margin: 18px 0;  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtL {  width: 90px; color: #999999;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtR {  flex: 1; color: #060606;  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .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='%230967FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .timeBox {  display: flex; align-items: center; padding-left: 18px; font-size: 13px; color: #999999; line-height: 13px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #15428B; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(10, 104, 255, 0.3); flex-shrink: 0; margin-left: 14px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn:hover {  color: #2C7BFB; background: #1f1f1f;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li .name:hover {  color: #15428B;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .updateBox .titleBox .updateTxt {  font-size: 14px; color: #BABABA; line-height: 14px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .updateBox .updateContont p {  margin-top: 5px; font-size: 16px; color: #060606; line-height: 24px; word-break: break-all;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .updateBox .updateContont p:first-child {  color: #BABABA; margin-top: 0;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-button-prev {  width: 28px; height: 28px; top: 68px; border-radius: 50%; background: rgba(10, 104, 255, .5);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter li {  padding: 8px 15px; cursor: pointer; font-size: 14px; color: #15428B; line-height: 14px; border-radius: 18px; margin: 8px 11px 0 0; background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(10, 104, 255, 0.4);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter li.active {  color: #fff; border: none; background: linear-gradient(90deg, #2B7CFF, #5395FF);  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .time {  font-size: 13px; color: #BABABA; line-height: 13px; margin-top: 12px;  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px; display: block;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .name:hover {  color: #15428B;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .size {  display: block; font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .time {  display: block; font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .timeBox span {  color: rgba(255, 255, 255, 0.75); font-size: 12px; line-height: 12px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .timeBox span:nth-child(2) {  margin: 0 4px; color: rgba(204, 204, 204, 0.5);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotGameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 8px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 6px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn {  width: 56px; height: 26px; font-size: 13px; color: #15428B; text-align: center; line-height: 26px; border-radius: 13px; background: rgba(10, 104, 255, 0.3); flex-shrink: 0; margin-left: 8px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn:hover {  color: #2C7BFB; background: #1f1f1f;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotLableBox {  margin-top: 20px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-blue .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;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .hotLableBox .hotLable a:hover {  color: #15428B; border-color: #0967FF;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .sideBox {  margin-top: 20px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); overflow: hidden;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorR .sideBox .sideTitle span {  font-weight: bold; font-size: 18px; color: #060606; line-height: 18px;  }
body.macdown-cs-blue .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);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .prevNext a:hover {  color: #15428B; background: rgba(10, 104, 255, 0.2);  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .macdown-comments .cmtTitle {  font-weight: bold; font-size: 20px; color: #060606; line-height: 20px; padding-bottom: 12px;  }
body.macdown-cs-blue .detailContontBox .boxWrap .detailContont .majorL .macdown-comments .cmtTitle span {  font-size: 14px; color: #999999;  }
body.macdown-cs-blue .fraudTipBox .boxWrap .fraudTip {  display: flex; align-items: center; justify-content: center; padding: 13px 22px; border-radius: 14px; background: #DCE9FF; border: 1px solid rgba(10, 104, 255, 0.5);  }
body.macdown-cs-blue .fraudTipBox .boxWrap .fraudTip .icon {  width: 22px; height: 22px; flex-shrink: 0; margin-right: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M11 1.5L21 19H1L11 1.5z' fill='%230967FF'/%3E%3Cpath d='M11 8v5' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='11' cy='16' r='1.3' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-blue .fraudTipBox .boxWrap .fraudTip p {  font-size: 14px; color: #15428B; line-height: 22px;  }
body.macdown-cs-blue .fraudTipBox .boxWrap .fraudTip .tagName {  flex-shrink: 0; display: inline-block; padding: 3px 13px 4px 13px; margin-right: 12px; border-radius: 10px 12px 12px 2px; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 18px; background: linear-gradient(90deg, #0062FF, #0967FF);  }

/* ---- 配色：green ---- */
body.macdown-cs-green {  color: #333; background: #eef0f5; overflow-y: auto; -webkit-text-size-adjust: 100%;  }
body.macdown-cs-green {  font: 14px/1.6 "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif; color: #333333; min-width: 1200px; background: #eef0f5;  }
body.macdown-cs-green a {  text-decoration: none; color: #333333; display: block; box-sizing: border-box;  }
body.macdown-cs-green a:hover {  color: #158B54;  }
body.macdown-cs-green input::placeholder, body.macdown-cs-green textarea::placeholder {  color: #999999;  }
body.macdown-cs-green .homeBg {  background: linear-gradient(#14FF91 0, #D3F8E7 440px, #D3F8E7 100%);  }
body.macdown-cs-green .universalBg {  background: #E2F6ED;  }
body.macdown-cs-green .detaillBg {  background: #D3F8E7;  }
body.macdown-cs-green header {  padding: 3px 0 1px 0; background: linear-gradient(-90deg, #24FF99, #09FF8C);  }
body.macdown-cs-green header .headerBox {  padding: 14px 0 15px 0; background: rgba(255, 255, 255, 0.85);  }
body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a {  color: #388863; font-size: 18px; line-height: 18px; position: relative; display: flex; justify-content: center; margin-left: 36px;  }
body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a:hover {  color: #060606;  }
body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a.cursor {  color: #060606; font-size: 22px; line-height: 22px; font-weight: bold;  }
body.macdown-cs-green 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='%2309FF8C' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green 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, #0AFF8D, #14FF91);  }
body.macdown-cs-green 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: #EBFFF6;  }
body.macdown-cs-green 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='%23158B54' stroke-width='3'/%3E%3Cpath d='M21 21 L28 28' stroke='%23158B54' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/20px 20px; cursor: pointer;  }
body.macdown-cs-green 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, #0AFF8D, #14FF91); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);  }
body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner {  background: #EBFFF6; border-radius: 9px; padding: 8px 0;  }
body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a:hover {  background: #B7FFDD; color: #158B54;  }
body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a span {  color: #BABABA; font-size: 12px;  }
body.macdown-cs-green .titleBox h3 {  font-weight: bold; font-size: 24px; color: #060606; line-height: 24px; position: relative; z-index: 1;  }
body.macdown-cs-green .titleBox h3::before {  content: ""; width: 120%; height: 15px; position: absolute; left: -22%; bottom: -8px; z-index: -1; background: linear-gradient(-90deg, rgba(36, 255, 153, 0.9), rgba(9, 255, 140, 0.2), rgba(9, 255, 140, 0)) 100%; border-radius: 7px;  }
body.macdown-cs-green .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='%2309FF8C' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='16' r='3' fill='%23FF2E38'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .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='%2309FF8C'/%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;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame {  min-height: 312px; border-radius: 20px; position: relative; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-green .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='%2309FF8C'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .filter li p {  padding-left: 5px; font-weight: bold; font-size: 18px; color: #158B54; line-height: 18px;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .filter li.active p {  font-size: 20px; color: #060606;  }
body.macdown-cs-green .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(10, 255, 141, 0.4); background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-green .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='%2309FF8C'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .lableList a p {  font-size: 14px; color: #158B54; line-height: 14px; padding-left: 10px; max-width: 96px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .lableList a:hover {  border-color: #09FF8C; background: rgba(255, 255, 255, 0.7);  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .name {  font-weight: bold; font-size: 16px; color: #158B54; line-height: 16px; margin-top: 12px; padding-right: 8px; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .time {  font-size: 12px; color: #158B54; line-height: 12px; opacity: .7; margin-top: 11px;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .brief {  font-size: 12px; color: #158B54; line-height: 12px; margin-top: 8px; opacity: .7; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-green .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='%2309FF8C'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox.active {  border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.55);  }
body.macdown-cs-green .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: #0AFF8D; flex-shrink: 0;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a:hover {  color: #158B54;  }
body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a::before {  content: ""; width: 1px; height: 18px; right: -12px; position: absolute; background-color: #E3E3E3;  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-slide .name:hover {  color: #158B54;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox {  width: 444px; height: 350px; border-radius: 20px; background-color: #86FB9E; border: 1px solid rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .filter li.active {  color: #060606; font-size: 18px; font-weight: bold; line-height: 18px;  }
body.macdown-cs-green .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: #22FF98;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .brief {  font-weight: bold; font-size: 14px; color: #060606; line-height: 22px;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .brief:hover {  color: #158B54;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .time {  font-size: 14px; color: #BABABA; line-height: 12px; margin-top: 15px;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a {  flex: 1; color: #202320; font-size: 14px; line-height: 14px; position: relative; padding-left: 15px;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a:hover {  color: #158B54;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a::after {  content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 8px; background-color: #C1F0DF;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt .time {  color: #A9A79B; font-size: 14px; line-height: 14px;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox {  width: 279px; height: 350px; background: #0FFF8F; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyIcon {  width: 104px; height: 34px; position: absolute; top: -2px; 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;  }
body.macdown-cs-green .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='%23158B54'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyTxt p {  padding-left: 5px; font-size: 12px; color: #158B54; line-height: 12px;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyContont {  width: 269px; height: 303px; overflow: hidden; padding: 0 10px; margin: 14px auto 0 auto; border-radius: 20px; background-color: #CFFFE9;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .name {  font-size: 16px; color: #000000; line-height: 16px;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .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='%2309FF8C'%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;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .name {  margin-top: 6px; font-size: 12px; color: #060606; line-height: 12px;  }
body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .name:hover {  color: #158B54;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artMain {  flex: 1; min-width: 0; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.8); padding: 4px 22px 18px 22px;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artList li {  display: flex; align-items: flex-start; padding: 22px 0; border-bottom: 1px dashed #E3E3E3;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .imgBox {  width: 220px; height: 140px; flex-shrink: 0; overflow: hidden; border-radius: 12px; background: #F2F2F2;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .txtBox .name {  font-size: 18px; font-weight: bold; color: #060606; line-height: 26px; display: block;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .txtBox .brief {  margin-top: 10px; font-size: 14px; color: #888888; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .txtBox .meta {  margin-top: auto; padding-top: 12px; display: flex; align-items: center; font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .txtBox .meta .author .icon {  width: 13px; height: 13px; margin-right: 5px; border-radius: 50%; background: #D8D8D8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M6.5 6.5a2.6 2.6 0 100-5.2 2.6 2.6 0 000 5.2zm0 1.1c-2.6 0-4.7 1.3-4.7 2.9v1.1h9.4v-1.1c0-1.6-2.1-2.9-4.7-2.9z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .artListBox .boxWrap .artContont .artList li.empty {  display: block; text-align: center; padding: 60px 0; color: #999999; border-bottom: none;  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .name {  font-size: 16px; color: #040404; line-height: 16px; margin-top: 6px;  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 9px;  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #158B54; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(10, 255, 141, 0.3); flex-shrink: 0;  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .btn:hover {  color: #2CFB9A; background: #1f1f1f;  }
body.macdown-cs-green .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: #158B54; background: rgba(10, 255, 141, 0.3);  }
body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameBttomBox .gameBttom .loadMore:hover {  color: #2CFB9A; background: #1f1f1f;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently {  width: 100%; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .cloumList li .name {  text-align: center; font-weight: bold; font-size: 14px; color: #060606; line-height: 14px; margin-top: 13px;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .cloumList li .name:hover {  color: #158B54;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .name {  display: block; font-size: 16px; color: #060606; line-height: 16px; margin-top: 5px;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .recentlyList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #158B54; text-align: center; border-radius: 14px; line-height: 28px; background-color: rgba(10, 255, 141, 0.3); flex-shrink: 0;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .recentlyList li .btn:hover {  color: #2CFF9D; background-color: #060606;  }
body.macdown-cs-green .recentlyBox .boxWrap .recently .recentlyList li:hover {  background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-green .repetitionBox .boxWrap .repetition {  background: rgba(255, 255, 255, 0.4); border-radius: 20px; border: 1px solid #FFFFFF;  }
body.macdown-cs-green .repetitionBox .boxWrap .repetition .repetitionList li .name {  margin-top: 8px; font-size: 14px; color: #060606; line-height: 14px;  }
body.macdown-cs-green .repetitionBox .boxWrap .repetition .repetitionList li .name:hover {  color: #158B54;  }
body.macdown-cs-green .crumbBox .boxWrap {  font-size: 14px; color: #999999; line-height: 14px;  }
body.macdown-cs-green .crumbBox .boxWrap a {  display: inline-block; color: #666666;  }
body.macdown-cs-green .crumbBox .boxWrap a:hover {  color: #158B54;  }
body.macdown-cs-green .crumbBox .boxWrap .sep {  padding: 0 8px; color: #CCCCCC;  }
body.macdown-cs-green .crumbBox .boxWrap .cur {  color: #060606;  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont {  width: 386px; padding-bottom: 29px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .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='%2309FF8C'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomIcon h3 {  padding: 3px 2px 0 3px; font-weight: bold; font-size: 20px; color: #060606; line-height: 20px;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li:hover {  background: rgba(255, 255, 255, 0.6);  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li.active {  background: rgba(255, 255, 255, 0.7);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .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='%2309FF8C'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .name {  margin-top: 4px; font-size: 16px; color: #000000; line-height: 16px; display: block;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 12px;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .time {  margin-top: 12px; font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #158B54; text-align: center; line-height: 28px; background: rgba(10, 255, 141, 0.3); border-radius: 14px; flex-shrink: 0;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn:hover {  color: #2CFB9A; background: #1f1f1f;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox a {  flex: 1; font-size: 16px; color: #000000; line-height: 16px; padding-left: 9px;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox a:hover {  color: #158B54;  }
body.macdown-cs-green .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-green .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 #09FF8C;  }
body.macdown-cs-green .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(10, 255, 141, 0.4);  }
body.macdown-cs-green .typeListBox .boxWrap .typeList a:hover {  color: #158B54; border-color: #09FF8C;  }
body.macdown-cs-green .typeListBox .boxWrap .typeList a.active {  color: #158B54; font-weight: bold; border: none; background: linear-gradient(-90deg, #24FF99, #09FF8C);  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .gameBttomBox .boxWrap .gameBttom .pageBox a.home {  width: 59px; font-size: 16px; color: #333333; font-weight: 400;  }
body.macdown-cs-green .gameBttomBox .boxWrap .gameBttom .pageBox a.next {  width: 73px; font-weight: 400; font-size: 14px; color: #333333;  }
body.macdown-cs-green .gameBttomBox .boxWrap .gameBttom .pageBox a.omit {  width: auto; height: auto; font-weight: 400; font-size: 16px; color: #333333; line-height: 16px; border: none;  }
body.macdown-cs-green .gameBttomBox .boxWrap .gameBttom .pageBox a:hover {  color: #2AFF9C; background: #060606; border-color: #060606;  }
body.macdown-cs-green .gameBttomBox .boxWrap .gameBttom .pageBox a.active {  color: #2AFF9C; background: #060606; border-color: #060606;  }
body.macdown-cs-green .hotTopicBox .boxWrap .hotTopic {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .imgListBox a {  position: absolute; bottom: 0; overflow: hidden; border-radius: 20px; border: 2px solid #FFFFFF;  }
body.macdown-cs-green .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='%2309FF8C'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem p {  font-size: 13px; color: #666666; line-height: 13px; padding-left: 8px;  }
body.macdown-cs-green .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem:hover p {  color: #158B54;  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicL .txtBox .name {  font-weight: bold; font-size: 20px; color: #060606; line-height: 20px;  }
body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicL .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicL .txtBox .brief {  margin-top: 12px; font-size: 13px; color: #999999; line-height: 22px;  }
body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a {  display: inline-block; margin: 0 12px 8px 0; padding: 4px 12px; font-size: 12px; color: #158B54; border-radius: 12px; background: rgba(10, 255, 141, 0.2);  }
body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a:hover {  color: #fff; background: #09FF8C;  }
body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicR {  flex: 1; padding: 21px 20px 20px 20px; border-left: 1px dashed #E3E3E3;  }
body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicR .name {  font-weight: bold; font-size: 16px; color: #060606; line-height: 16px;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .filter li {  font-size: 15px; color: #666666; line-height: 15px; margin-right: 30px; cursor: pointer; position: relative; padding-bottom: 10px;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .filter li.active {  color: #060606; font-size: 17px; font-weight: bold;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .filter li.active::before {  content: ""; width: 100%; height: 6px; position: absolute; left: 0; bottom: 2px; border-radius: 3px; background: #22FF98;  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .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));  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .realTime .realTimeR li {  display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px dashed #D0EFE1;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .realTime .realTimeR li a {  flex: 1; font-size: 14px; color: #333333; line-height: 14px; position: relative; padding-left: 15px;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .realTime .realTimeR li a:hover {  color: #158B54;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .realTime .realTimeR li a::before {  content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 6px; border-radius: 50%; background: #09FF8C;  }
body.macdown-cs-green .newsBox .boxWrap .newsContont .realTime .realTimeR li .time {  font-size: 13px; color: #BABABA; line-height: 14px; padding-left: 16px;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox {  margin-top: 16px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .name {  font-size: 16px; color: #040404; line-height: 16px;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 9px;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #158B54; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(10, 255, 141, 0.3); flex-shrink: 0;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn:hover {  color: #2CFB9A; background: #1f1f1f;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-next, body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(10, 255, 141, 0.5);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductR .rankBox .gameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductR .factoryList li {  width: 100%; margin-top: 19px; overflow: hidden; border-radius: 20px; background-color: #E7FBF2; border: 1px solid #FFFFFF; display: block;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductR .factoryList li:hover {  border-color: #09FF8C;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductR .factoryList li .imgBox {  width: 100%; height: 103px; display: flex; align-items: center; justify-content: center; background: #F4FDF9;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductR .factoryList li .txt:hover {  color: #158B54;  }
body.macdown-cs-green .pageBox a, body.macdown-cs-green .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;  }
body.macdown-cs-green .pageBox a:hover, body.macdown-cs-green .pageBox span.cur {  color: #2AFF9C; background: #060606; border-color: #060606;  }
body.macdown-cs-green .pageBox a.home {  width: 59px; font-size: 16px; color: #333333; font-weight: 400;  }
body.macdown-cs-green .pageBox a.next {  width: 73px; font-weight: 400; font-size: 14px; color: #333333;  }
body.macdown-cs-green .pageBox span.omit {  width: auto; font-weight: 400; font-size: 16px; color: #333333; border: none; background: none;  }
body.macdown-cs-green footer {  padding: 20px 0 33px 0; margin-top: 21px; border-top: 2px solid #1BFE94; border-bottom: 1px solid #1BFE94; background: linear-gradient(0deg, #484848, #0B0B0B);  }
body.macdown-cs-green footer .boxWrap .footerBox .friendBox {  padding-bottom: 18px; display: flex; align-items: center; border-bottom: 1px solid #484848;  }
body.macdown-cs-green footer .boxWrap .footerBox .friendBox .friendBg h3 {  font-weight: bold; font-size: 20px; line-height: 22px; background: linear-gradient(-90deg, #24FF99 0%, #09FF8C 89.99%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #09FF8C;  }
body.macdown-cs-green footer .boxWrap .footerBox .friendBox .friendList a {  font-size: 14px; color: #CCCCCC; line-height: 28px; margin-right: 28px; display: inline-block;  }
body.macdown-cs-green footer .boxWrap .footerBox .friendBox .friendList a:hover {  color: #23FF98; text-decoration: underline;  }
body.macdown-cs-green footer .boxWrap .footerBox .footerTxt p {  font-size: 14px; color: #999999; line-height: 22px; text-align: center;  }
body.macdown-cs-green footer .boxWrap .footerBox .footerTxt p a, body.macdown-cs-green footer .boxWrap .footerBox .footerTxt a {  display: inline-block; font-size: 14px; color: #999999; line-height: 22px;  }
body.macdown-cs-green footer .boxWrap .footerBox .footerTxt a:hover {  color: #09FF8C;  }
body.macdown-cs-green .macdown-float .floatBtn {  width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(90deg, #24FF99, #09FF8C); box-shadow: 0 4px 14px rgba(9, 255, 140, 0.4); display: flex; align-items: center; justify-content: center; font-size: 12px; color: #158B54; font-weight: bold;  }
body.macdown-cs-green .detailBox .boxWrap .detailContont .detailL .appPanel {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 24px 24px 30px;  }
body.macdown-cs-green .detailHead .imgBox {  width: 128px; height: 128px; overflow: hidden; border-radius: 24px; border: 2px solid #09FF8C; flex-shrink: 0;  }
body.macdown-cs-green .detailHead .txtBox h1 {  font-size: 26px; color: #060606; line-height: 30px; font-weight: bold;  }
body.macdown-cs-green .detailHead .txtBox .slogan {  margin-top: 8px; font-size: 13px; color: #158B54; line-height: 18px;  }
body.macdown-cs-green .detailHead .txtBox .tags a {  padding: 3px 12px; font-size: 12px; color: #158B54; border-radius: 12px; background: rgba(10, 255, 141, 0.2);  }
body.macdown-cs-green .detailHead .txtBox .tags a:hover {  color: #fff; background: #09FF8C;  }
body.macdown-cs-green .detailHead .txtBox .metaRow span {  font-size: 13px; color: #BABABA; line-height: 13px; margin-right: 20px; position: relative;  }
body.macdown-cs-green .detailHead .txtBox .metaRow span b {  color: #666666; font-weight: normal;  }
body.macdown-cs-green .detailHead .txtBox .metaRow span i {  color: #158B54; font-style: normal;  }
body.macdown-cs-green .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, #0AFF8D, #09FF8C); box-shadow: 0 6px 16px rgba(9, 255, 140, 0.35);  }
body.macdown-cs-green .detailHead .downWrap .downBtn.ios {  background: linear-gradient(90deg, #158B54, #060606); box-shadow: none;  }
body.macdown-cs-green .detailHead .downWrap .downNone {  text-align: center; font-size: 12px; color: #BABABA; line-height: 48px;  }
body.macdown-cs-green .shotBox .swiper-button-next, body.macdown-cs-green .shotBox .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(10, 255, 141, 0.6);  }
body.macdown-cs-green .articleTxt {  margin-top: 22px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-green .articleTxt h2, body.macdown-cs-green .articleTxt h3, body.macdown-cs-green .articleTxt h4 {  font-weight: bold; color: #060606; margin: 18px 0 10px;  }
body.macdown-cs-green .articleTxt a {  display: inline; color: #00FF88;  }
body.macdown-cs-green .articleTxt table td, body.macdown-cs-green .articleTxt table th {  padding: 8px 12px; border: 1px solid #D0EFE1; font-size: 14px;  }
body.macdown-cs-green .articleTxt table th {  background: #E0FFF1; color: #060606;  }
body.macdown-cs-green .infoTable {  margin-top: 24px; border-radius: 16px; overflow: hidden; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .infoTable .infoTitle {  padding: 14px 20px; font-size: 18px; font-weight: bold; color: #060606; border-bottom: 1px solid #B7FFDD;  }
body.macdown-cs-green .infoTable table td {  padding: 11px 20px; font-size: 14px; color: #666666; border-bottom: 1px dashed #D0F3E3;  }
body.macdown-cs-green .infoTable table td:first-child {  width: 140px; color: #158B54;  }
body.macdown-cs-green .prevNext a {  width: 48%; padding: 14px 18px; border-radius: 14px; font-size: 14px; color: #666666; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .prevNext a:hover {  color: #158B54;  }
body.macdown-cs-green .detailR .sideBox {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); margin-bottom: 20px;  }
body.macdown-cs-green .detailR .sideBox .sideTitle {  padding: 16px 18px 12px; font-size: 18px; font-weight: bold; color: #060606; position: relative;  }
body.macdown-cs-green .detailR .sideBox .sideTitle::before {  content: ""; width: 6px; height: 18px; border-radius: 3px; background: linear-gradient(180deg, #24FF99, #09FF8C); position: absolute; left: 0; top: 18px;  }
body.macdown-cs-green .detailR .sideBox .sideTitle .more {  position: absolute; right: 14px; top: 18px; font-size: 12px; color: #BABABA; font-weight: normal;  }
body.macdown-cs-green .detailR .sideBox .sideTitle .more:hover {  color: #158B54;  }
body.macdown-cs-green .detailR .sideBox .sideList li:hover {  background: rgba(255, 255, 255, 0.6);  }
body.macdown-cs-green .detailR .sideBox .sideList li .num {  width: 20px; font-size: 14px; font-weight: bold; color: #BABABA; text-align: center; flex-shrink: 0;  }
body.macdown-cs-green .detailR .sideBox .sideList li:nth-child(-n+3) .num {  color: #FF2E38;  }
body.macdown-cs-green .detailR .sideBox .sideList li .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px;  }
body.macdown-cs-green .detailR .sideBox .sideList li .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .detailR .sideBox .sideList li .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 7px;  }
body.macdown-cs-green .detailR .sideBox .sideList li .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 6px;  }
body.macdown-cs-green .likeBox .likeItem {  width: 120px; padding: 14px 0; text-align: center; border-radius: 14px; background: rgba(255, 255, 255, 0.5); cursor: pointer;  }
body.macdown-cs-green .likeBox .likeItem:hover {  background: rgba(10, 255, 141, 0.2);  }
body.macdown-cs-green .likeBox .likeItem p {  margin-top: 6px; font-size: 13px; color: #666666;  }
body.macdown-cs-green .macdown-comments {  margin-top: 24px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); padding: 20px 24px;  }
body.macdown-cs-green .macdown-comments .cmtTitle {  font-size: 18px; font-weight: bold; color: #060606; padding-bottom: 14px; border-bottom: 1px solid #B7FFDD;  }
body.macdown-cs-green .macdown-comments .cmtTitle span {  font-size: 13px; color: #BABABA; font-weight: normal; padding-left: 8px;  }
body.macdown-cs-green .macdown-comments ul li {  display: flex; padding: 16px 0; border-bottom: 1px dashed #D0F3E3;  }
body.macdown-cs-green .macdown-comments ul li .avatar {  width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: #0FFF8F;  }
body.macdown-cs-green .macdown-comments ul li .cmtBody .cmtHead {  font-size: 13px; color: #999999;  }
body.macdown-cs-green .macdown-comments ul li .cmtBody .cmtHead b {  color: #158B54; font-size: 14px; padding-right: 10px;  }
body.macdown-cs-green .macdown-comments ul li .cmtBody .cmtTxt {  margin-top: 6px; font-size: 14px; color: #333333; line-height: 24px;  }
body.macdown-cs-green .macdown-comments ul li .cmtBody .reply a {  display: inline-block; color: #00FF88;  }
body.macdown-cs-green .macdown-comments .cmtForm input[type="text"] {  flex: 1; height: 40px; padding: 0 14px; border: 1px solid #D0EFE1; border-radius: 10px; background: #EBFFF6; font-size: 14px;  }
body.macdown-cs-green .macdown-comments .cmtForm textarea {  width: 100%; height: 100px; padding: 10px 14px; border: 1px solid #D0EFE1; border-radius: 10px; background: #EBFFF6; font-size: 14px; resize: vertical;  }
body.macdown-cs-green .macdown-comments .cmtForm .submitBtn {  margin-top: 12px; width: 140px; height: 40px; border-radius: 20px; background: linear-gradient(90deg, #0AFF8D, #09FF8C); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-green .searchBoxPage .boxWrap .searchPanel {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); padding: 22px 24px;  }
body.macdown-cs-green .searchBoxPage .boxWrap .searchPanel .searchForm input {  flex: 1; height: 44px; padding: 0 16px; border: 1px solid #09FF8C; border-radius: 12px 0 0 12px; background: #EBFFF6; font-size: 15px;  }
body.macdown-cs-green .searchBoxPage .boxWrap .searchPanel .searchForm button {  width: 100px; height: 44px; border-radius: 0 12px 12px 0; background: linear-gradient(90deg, #0AFF8D, #09FF8C); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-green .searchBoxPage .boxWrap .searchPanel .searchTip {  margin-top: 12px; font-size: 13px; color: #999999;  }
body.macdown-cs-green .searchBoxPage .boxWrap .searchPanel .searchTip b {  color: #FF2E38;  }
body.macdown-cs-green .errorPage .code {  font-size: 90px; font-weight: bold; line-height: 1; background: linear-gradient(90deg, #24FF99, #09FF8C); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #09FF8C;  }
body.macdown-cs-green .errorPage .msg {  margin-top: 14px; font-size: 16px; color: #666666;  }
body.macdown-cs-green .errorPage .backHome {  display: inline-block; margin-top: 26px; padding: 12px 36px; border-radius: 22px; background: linear-gradient(90deg, #0AFF8D, #09FF8C); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-green .pageDetail {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 30px 34px;  }
body.macdown-cs-green .pageDetail h1 {  font-size: 24px; font-weight: bold; color: #060606; text-align: center; padding-bottom: 18px; border-bottom: 1px solid #B7FFDD;  }
body.macdown-cs-green .pageDetail .newsTxt {  padding-top: 16px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-green .newsDetail {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 26px 30px;  }
body.macdown-cs-green .newsDetail h1 {  font-size: 24px; font-weight: bold; color: #060606; line-height: 32px;  }
body.macdown-cs-green .newsDetail .newsMeta {  margin-top: 12px; font-size: 13px; color: #BABABA; display: flex; gap: 18px;  }
body.macdown-cs-green .newsDetail .newsContont {  margin-top: 16px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-green .newsDetail .newsContont h2, body.macdown-cs-green .newsDetail .newsContont h3, body.macdown-cs-green .newsDetail .newsContont h4 {  font-weight: bold; color: #060606; margin: 16px 0 8px;  }
body.macdown-cs-green .newsDetail .newsContont a {  display: inline; color: #00FF88;  }
body.macdown-cs-green .newsDetail .newsTags a {  padding: 3px 12px; font-size: 12px; color: #158B54; border-radius: 12px; background: rgba(10, 255, 141, 0.2);  }
body.macdown-cs-green .newsDetail .newsTags a:hover {  color: #fff; background: #09FF8C;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall {  width: 100%; padding: 1px 1px; border-radius: 20px; background: linear-gradient(90deg, #09FF8C, #20FF97, #09FF8C);  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont {  padding: 28px 30px 30px 29px; border-radius: 20px; background: #F6FEFA; position: relative; display: flex; justify-content: space-between;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .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: #158B54; line-height: 16px; background: linear-gradient(90deg, rgba(21, 139, 84, 0.05), rgba(21, 139, 84, 0));  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a {  padding: 6px 11px 6px 12px; font-size: 12px; color: #158B54; line-height: 12px; border-radius: 10px; margin: 0 8px 6px 0; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(10, 255, 141, 0.4);  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a:hover {  border-color: #09FF8C; color: #060606;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .typeBox .typeItem {  margin-right: 31px; font-size: 14px; color: #333333; line-height: 14px;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .typeBox .typeItem span:first-child {  color: #999999;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.azd {  font-size: 18px; background: linear-gradient(90deg, #1EDD97, #73F294);  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.pgd {  font-size: 15px; background: linear-gradient(90deg, #5A94FF, #53C0FF);  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a:hover {  opacity: .9; color: #FFFFFF;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.disabled {  background: #CCCCCC; cursor: not-allowed;  }
body.macdown-cs-green .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(10, 255, 141, 0.4); overflow: hidden;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox > div:hover {  background: rgba(10, 255, 141, 0.15);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox p {  font-size: 12px; color: #158B54; line-height: 12px; margin-top: 4px;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .qrcodeBox p {  font-size: 12px; color: #158B54; line-height: 12px; padding-top: 3px;  }
body.macdown-cs-green .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='%23158B54'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .problem p {  font-size: 13px; color: #158B54; line-height: 13px; padding-left: 6px;  }
body.macdown-cs-green .summaryBox .boxWrap {  padding: 0; border-radius: 20px; border: 1px solid #FFFFFF; position: relative; overflow: hidden; background: linear-gradient(90deg, #EFF0FE, #CECFFB, #DCD8FE);  }
body.macdown-cs-green .summaryBox .boxWrap .summaryTitle h3 {  font-weight: bold; font-size: 22px; color: #23244D; line-height: 22px;  }
body.macdown-cs-green .summaryBox .boxWrap .summaryTitle p {  font-size: 13px; color: #6E6A9B; line-height: 13px; padding-left: 12px;  }
body.macdown-cs-green .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));  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont {  background: rgba(255, 255, 255, 0.4); border-radius: 20px; border: 1px solid #FFFFFF;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .titleBox h3 {  font-weight: bold; font-size: 24px; color: #060606; line-height: 24px; position: relative; z-index: 1;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .titleBox .more {  width: auto; height: auto; font-size: 14px; color: #158B54; line-height: 14px; background: none; padding-right: 2px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .titleBox .more:hover {  color: #00FF88;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt p {  font-size: 16px; color: #060606; line-height: 30px; margin-top: 16px;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .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, #24FF99, #09FF8C);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt a {  display: inline-block; color: #81CEAA; text-decoration: underline;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt a:hover {  color: #158B54;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt b {  font-weight: bold; color: #060606;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt ul li {  list-style: disc; font-size: 16px; color: #060606; line-height: 30px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt ol li {  list-style: decimal; font-size: 16px; color: #060606; line-height: 30px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt blockquote {  padding: 12px 16px; margin: 14px 0; border-left: 4px solid #09FF8C; background: rgba(10, 255, 141, 0.08); border-radius: 0 10px 10px 0; color: #666666;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt table th {  background: rgba(10, 255, 141, 0.15); font-weight: bold; color: #158B54;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt hr {  border: none; border-top: 1px dashed #E3E3E3; margin: 18px 0;  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtL {  width: 90px; color: #999999;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtR {  flex: 1; color: #060606;  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .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='%2309FF8C'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .timeBox {  display: flex; align-items: center; padding-left: 18px; font-size: 13px; color: #999999; line-height: 13px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #158B54; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(10, 255, 141, 0.3); flex-shrink: 0; margin-left: 14px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn:hover {  color: #2CFB9A; background: #1f1f1f;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li .name:hover {  color: #158B54;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .updateBox .titleBox .updateTxt {  font-size: 14px; color: #BABABA; line-height: 14px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .updateBox .updateContont p {  margin-top: 5px; font-size: 16px; color: #060606; line-height: 24px; word-break: break-all;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .updateBox .updateContont p:first-child {  color: #BABABA; margin-top: 0;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-button-prev {  width: 28px; height: 28px; top: 68px; border-radius: 50%; background: rgba(10, 255, 141, .5);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter li {  padding: 8px 15px; cursor: pointer; font-size: 14px; color: #158B54; line-height: 14px; border-radius: 18px; margin: 8px 11px 0 0; background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(10, 255, 141, 0.4);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter li.active {  color: #fff; border: none; background: linear-gradient(90deg, #2BFF9C, #53FFAF);  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .time {  font-size: 13px; color: #BABABA; line-height: 13px; margin-top: 12px;  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px; display: block;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .name:hover {  color: #158B54;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .size {  display: block; font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .time {  display: block; font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .timeBox span {  color: rgba(255, 255, 255, 0.75); font-size: 12px; line-height: 12px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .timeBox span:nth-child(2) {  margin: 0 4px; color: rgba(204, 204, 204, 0.5);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotGameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 8px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 6px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn {  width: 56px; height: 26px; font-size: 13px; color: #158B54; text-align: center; line-height: 26px; border-radius: 13px; background: rgba(10, 255, 141, 0.3); flex-shrink: 0; margin-left: 8px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn:hover {  color: #2CFB9A; background: #1f1f1f;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotLableBox {  margin-top: 20px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-green .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;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .hotLableBox .hotLable a:hover {  color: #158B54; border-color: #09FF8C;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .sideBox {  margin-top: 20px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); overflow: hidden;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorR .sideBox .sideTitle span {  font-weight: bold; font-size: 18px; color: #060606; line-height: 18px;  }
body.macdown-cs-green .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);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .prevNext a:hover {  color: #158B54; background: rgba(10, 255, 141, 0.2);  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .macdown-comments .cmtTitle {  font-weight: bold; font-size: 20px; color: #060606; line-height: 20px; padding-bottom: 12px;  }
body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .macdown-comments .cmtTitle span {  font-size: 14px; color: #999999;  }
body.macdown-cs-green .fraudTipBox .boxWrap .fraudTip {  display: flex; align-items: center; justify-content: center; padding: 13px 22px; border-radius: 14px; background: #DCFFEF; border: 1px solid rgba(10, 255, 141, 0.5);  }
body.macdown-cs-green .fraudTipBox .boxWrap .fraudTip .icon {  width: 22px; height: 22px; flex-shrink: 0; margin-right: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M11 1.5L21 19H1L11 1.5z' fill='%2309FF8C'/%3E%3Cpath d='M11 8v5' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='11' cy='16' r='1.3' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-green .fraudTipBox .boxWrap .fraudTip p {  font-size: 14px; color: #158B54; line-height: 22px;  }
body.macdown-cs-green .fraudTipBox .boxWrap .fraudTip .tagName {  flex-shrink: 0; display: inline-block; padding: 3px 13px 4px 13px; margin-right: 12px; border-radius: 10px 12px 12px 2px; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 18px; background: linear-gradient(90deg, #00FF88, #09FF8C);  }

/* ---- 配色：purple ---- */
body.macdown-cs-purple {  color: #333; background: #eef0f5; overflow-y: auto; -webkit-text-size-adjust: 100%;  }
body.macdown-cs-purple {  font: 14px/1.6 "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif; color: #333333; min-width: 1200px; background: #eef0f5;  }
body.macdown-cs-purple a {  text-decoration: none; color: #333333; display: block; box-sizing: border-box;  }
body.macdown-cs-purple a:hover {  color: #38158B;  }
body.macdown-cs-purple input::placeholder, body.macdown-cs-purple textarea::placeholder {  color: #999999;  }
body.macdown-cs-purple .homeBg {  background: linear-gradient(#5B14FF 0, #DED3F8 440px, #DED3F8 100%);  }
body.macdown-cs-purple .universalBg {  background: #E8E2F6;  }
body.macdown-cs-purple .detaillBg {  background: #DED3F8;  }
body.macdown-cs-purple header {  padding: 3px 0 1px 0; background: linear-gradient(-90deg, #6624FF, #5309FF);  }
body.macdown-cs-purple header .headerBox {  padding: 14px 0 15px 0; background: rgba(255, 255, 255, 0.85);  }
body.macdown-cs-purple header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a {  color: #503888; font-size: 18px; line-height: 18px; position: relative; display: flex; justify-content: center; margin-left: 36px;  }
body.macdown-cs-purple header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a:hover {  color: #060606;  }
body.macdown-cs-purple header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a.cursor {  color: #060606; font-size: 22px; line-height: 22px; font-weight: bold;  }
body.macdown-cs-purple 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='%235309FF' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple 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, #540AFF, #5B14FF);  }
body.macdown-cs-purple 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: #F1EBFF;  }
body.macdown-cs-purple 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='%2338158B' stroke-width='3'/%3E%3Cpath d='M21 21 L28 28' stroke='%2338158B' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/20px 20px; cursor: pointer;  }
body.macdown-cs-purple 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, #540AFF, #5B14FF); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);  }
body.macdown-cs-purple header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner {  background: #F1EBFF; border-radius: 9px; padding: 8px 0;  }
body.macdown-cs-purple header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a:hover {  background: #CDB7FF; color: #38158B;  }
body.macdown-cs-purple header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox .searchPopupBox .inner li a span {  color: #BABABA; font-size: 12px;  }
body.macdown-cs-purple .titleBox h3 {  font-weight: bold; font-size: 24px; color: #060606; line-height: 24px; position: relative; z-index: 1;  }
body.macdown-cs-purple .titleBox h3::before {  content: ""; width: 120%; height: 15px; position: absolute; left: -22%; bottom: -8px; z-index: -1; background: linear-gradient(-90deg, rgba(102, 36, 255, 0.9), rgba(83, 9, 255, 0.2), rgba(83, 9, 255, 0)) 100%; border-radius: 7px;  }
body.macdown-cs-purple .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='%235309FF' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='16' r='3' fill='%23FF2E38'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .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='%235309FF'/%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;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame {  min-height: 312px; border-radius: 20px; position: relative; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-purple .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='%235309FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .filter li p {  padding-left: 5px; font-weight: bold; font-size: 18px; color: #38158B; line-height: 18px;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .filter li.active p {  font-size: 20px; color: #060606;  }
body.macdown-cs-purple .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(84, 10, 255, 0.4); background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-purple .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='%235309FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .lableList a p {  font-size: 14px; color: #38158B; line-height: 14px; padding-left: 10px; max-width: 96px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .lableList a:hover {  border-color: #5309FF; background: rgba(255, 255, 255, 0.7);  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .name {  font-weight: bold; font-size: 16px; color: #38158B; line-height: 16px; margin-top: 12px; padding-right: 8px; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .time {  font-size: 12px; color: #38158B; line-height: 12px; opacity: .7; margin-top: 11px;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox .txtBox .brief {  font-size: 12px; color: #38158B; line-height: 12px; margin-top: 8px; opacity: .7; overflow: hidden; text-overflow: ellipsis;  }
body.macdown-cs-purple .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='%235309FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox.active {  border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.55);  }
body.macdown-cs-purple .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: #540AFF; flex-shrink: 0;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a:hover {  color: #38158B;  }
body.macdown-cs-purple .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a::before {  content: ""; width: 1px; height: 18px; right: -12px; position: absolute; background-color: #E3E3E3;  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-slide .name:hover {  color: #38158B;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox {  width: 444px; height: 350px; border-radius: 20px; background-color: #86FB9E; border: 1px solid rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .filter li.active {  color: #060606; font-size: 18px; font-weight: bold; line-height: 18px;  }
body.macdown-cs-purple .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: #6422FF;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .brief {  font-weight: bold; font-size: 14px; color: #060606; line-height: 22px;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .brief:hover {  color: #38158B;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .cContont ul li .activeBox .txtBox .time {  font-size: 14px; color: #BABABA; line-height: 12px; margin-top: 15px;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a {  flex: 1; color: #202320; font-size: 14px; line-height: 14px; position: relative; padding-left: 15px;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a:hover {  color: #38158B;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt a::after {  content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 8px; background-color: #C1F0DF;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .cBox .cContont ul li .newsTxt .time {  color: #A9A79B; font-size: 14px; line-height: 14px;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox {  width: 279px; height: 350px; background: #570FFF; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyIcon {  width: 104px; height: 34px; position: absolute; top: -2px; 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;  }
body.macdown-cs-purple .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='%2338158B'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyTxt p {  padding-left: 5px; font-size: 12px; color: #38158B; line-height: 12px;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox .dailyContont {  width: 269px; height: 303px; overflow: hidden; padding: 0 10px; margin: 14px auto 0 auto; border-radius: 20px; background-color: #DDCFFF;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .name {  font-size: 16px; color: #000000; line-height: 16px;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox .dailyContont .dailyItem .txtImgBox .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .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='%235309FF'%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;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .name {  margin-top: 6px; font-size: 12px; color: #060606; line-height: 12px;  }
body.macdown-cs-purple .rclBox .boxWrap .rclContont .rBox .dailyContont .cloumList li .name:hover {  color: #38158B;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artMain {  flex: 1; min-width: 0; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.8); padding: 4px 22px 18px 22px;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artList li {  display: flex; align-items: flex-start; padding: 22px 0; border-bottom: 1px dashed #E3E3E3;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artList li .imgBox {  width: 220px; height: 140px; flex-shrink: 0; overflow: hidden; border-radius: 12px; background: #F2F2F2;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artList li .txtBox .name {  font-size: 18px; font-weight: bold; color: #060606; line-height: 26px; display: block;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artList li .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artList li .txtBox .brief {  margin-top: 10px; font-size: 14px; color: #888888; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artList li .txtBox .meta {  margin-top: auto; padding-top: 12px; display: flex; align-items: center; font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artList li .txtBox .meta .author .icon {  width: 13px; height: 13px; margin-right: 5px; border-radius: 50%; background: #D8D8D8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M6.5 6.5a2.6 2.6 0 100-5.2 2.6 2.6 0 000 5.2zm0 1.1c-2.6 0-4.7 1.3-4.7 2.9v1.1h9.4v-1.1c0-1.6-2.1-2.9-4.7-2.9z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .artListBox .boxWrap .artContont .artList li.empty {  display: block; text-align: center; padding: 60px 0; color: #999999; border-bottom: none;  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .name {  font-size: 16px; color: #040404; line-height: 16px; margin-top: 6px;  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 9px;  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #38158B; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(84, 10, 255, 0.3); flex-shrink: 0;  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameList li .btn:hover {  color: #6A2CFB; background: #1f1f1f;  }
body.macdown-cs-purple .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: #38158B; background: rgba(84, 10, 255, 0.3);  }
body.macdown-cs-purple .gameListBox .boxWrap .gameContont .gameBttomBox .gameBttom .loadMore:hover {  color: #6A2CFB; background: #1f1f1f;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently {  width: 100%; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .cloumList li .name {  text-align: center; font-weight: bold; font-size: 14px; color: #060606; line-height: 14px; margin-top: 13px;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .cloumList li .name:hover {  color: #38158B;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .name {  display: block; font-size: 16px; color: #060606; line-height: 16px; margin-top: 5px;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .recentlyList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #38158B; text-align: center; border-radius: 14px; line-height: 28px; background-color: rgba(84, 10, 255, 0.3); flex-shrink: 0;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .recentlyList li .btn:hover {  color: #6B2CFF; background-color: #060606;  }
body.macdown-cs-purple .recentlyBox .boxWrap .recently .recentlyList li:hover {  background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-purple .repetitionBox .boxWrap .repetition {  background: rgba(255, 255, 255, 0.4); border-radius: 20px; border: 1px solid #FFFFFF;  }
body.macdown-cs-purple .repetitionBox .boxWrap .repetition .repetitionList li .name {  margin-top: 8px; font-size: 14px; color: #060606; line-height: 14px;  }
body.macdown-cs-purple .repetitionBox .boxWrap .repetition .repetitionList li .name:hover {  color: #38158B;  }
body.macdown-cs-purple .crumbBox .boxWrap {  font-size: 14px; color: #999999; line-height: 14px;  }
body.macdown-cs-purple .crumbBox .boxWrap a {  display: inline-block; color: #666666;  }
body.macdown-cs-purple .crumbBox .boxWrap a:hover {  color: #38158B;  }
body.macdown-cs-purple .crumbBox .boxWrap .sep {  padding: 0 8px; color: #CCCCCC;  }
body.macdown-cs-purple .crumbBox .boxWrap .cur {  color: #060606;  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont {  width: 386px; padding-bottom: 29px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .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='%235309FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomIcon h3 {  padding: 3px 2px 0 3px; font-weight: bold; font-size: 20px; color: #060606; line-height: 20px;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li:hover {  background: rgba(255, 255, 255, 0.6);  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li.active {  background: rgba(255, 255, 255, 0.7);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .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='%235309FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .name {  margin-top: 4px; font-size: 16px; color: #000000; line-height: 16px; display: block;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 12px;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .numImg .txtImg .txtBox .time {  margin-top: 12px; font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #38158B; text-align: center; line-height: 28px; background: rgba(84, 10, 255, 0.3); border-radius: 14px; flex-shrink: 0;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .txtImgBox .btn:hover {  color: #6A2CFB; background: #1f1f1f;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox a {  flex: 1; font-size: 16px; color: #000000; line-height: 16px; padding-left: 9px;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox a:hover {  color: #38158B;  }
body.macdown-cs-purple .recomBox .boxWrap .recom .recomContont .recomList li .numTxtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px;  }
body.macdown-cs-purple .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 #5309FF;  }
body.macdown-cs-purple .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(84, 10, 255, 0.4);  }
body.macdown-cs-purple .typeListBox .boxWrap .typeList a:hover {  color: #38158B; border-color: #5309FF;  }
body.macdown-cs-purple .typeListBox .boxWrap .typeList a.active {  color: #38158B; font-weight: bold; border: none; background: linear-gradient(-90deg, #6624FF, #5309FF);  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .gameBttomBox .boxWrap .gameBttom .pageBox a.home {  width: 59px; font-size: 16px; color: #333333; font-weight: 400;  }
body.macdown-cs-purple .gameBttomBox .boxWrap .gameBttom .pageBox a.next {  width: 73px; font-weight: 400; font-size: 14px; color: #333333;  }
body.macdown-cs-purple .gameBttomBox .boxWrap .gameBttom .pageBox a.omit {  width: auto; height: auto; font-weight: 400; font-size: 16px; color: #333333; line-height: 16px; border: none;  }
body.macdown-cs-purple .gameBttomBox .boxWrap .gameBttom .pageBox a:hover {  color: #6A2AFF; background: #060606; border-color: #060606;  }
body.macdown-cs-purple .gameBttomBox .boxWrap .gameBttom .pageBox a.active {  color: #6A2AFF; background: #060606; border-color: #060606;  }
body.macdown-cs-purple .hotTopicBox .boxWrap .hotTopic {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .imgListBox a {  position: absolute; bottom: 0; overflow: hidden; border-radius: 20px; border: 2px solid #FFFFFF;  }
body.macdown-cs-purple .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='%235309FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem p {  font-size: 13px; color: #666666; line-height: 13px; padding-left: 8px;  }
body.macdown-cs-purple .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgAndTxtBox .txtListBox .txtItem:hover p {  color: #38158B;  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .topicListBox .boxWrap .topicList li .topicL .txtBox .name {  font-weight: bold; font-size: 20px; color: #060606; line-height: 20px;  }
body.macdown-cs-purple .topicListBox .boxWrap .topicList li .topicL .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .topicListBox .boxWrap .topicList li .topicL .txtBox .brief {  margin-top: 12px; font-size: 13px; color: #999999; line-height: 22px;  }
body.macdown-cs-purple .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a {  display: inline-block; margin: 0 12px 8px 0; padding: 4px 12px; font-size: 12px; color: #38158B; border-radius: 12px; background: rgba(84, 10, 255, 0.2);  }
body.macdown-cs-purple .topicListBox .boxWrap .topicList li .topicL .txtBox .subList a:hover {  color: #fff; background: #5309FF;  }
body.macdown-cs-purple .topicListBox .boxWrap .topicList li .topicR {  flex: 1; padding: 21px 20px 20px 20px; border-left: 1px dashed #E3E3E3;  }
body.macdown-cs-purple .topicListBox .boxWrap .topicList li .topicR .name {  font-weight: bold; font-size: 16px; color: #060606; line-height: 16px;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .filter li {  font-size: 15px; color: #666666; line-height: 15px; margin-right: 30px; cursor: pointer; position: relative; padding-bottom: 10px;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .filter li.active {  color: #060606; font-size: 17px; font-weight: bold;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .filter li.active::before {  content: ""; width: 100%; height: 6px; position: absolute; left: 0; bottom: 2px; border-radius: 3px; background: #6422FF;  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .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));  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .realTime .realTimeR li {  display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px dashed #D9D0EF;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .realTime .realTimeR li a {  flex: 1; font-size: 14px; color: #333333; line-height: 14px; position: relative; padding-left: 15px;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .realTime .realTimeR li a:hover {  color: #38158B;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .realTime .realTimeR li a::before {  content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 6px; border-radius: 50%; background: #5309FF;  }
body.macdown-cs-purple .newsBox .boxWrap .newsContont .realTime .realTimeR li .time {  font-size: 13px; color: #BABABA; line-height: 14px; padding-left: 16px;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox {  margin-top: 16px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.2);  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .name {  font-size: 16px; color: #040404; line-height: 16px;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 9px;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn {  width: 72px; height: 28px; font-size: 14px; color: #38158B; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(84, 10, 255, 0.3); flex-shrink: 0;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList li .txtImgBox .btn:hover {  color: #6A2CFB; background: #1f1f1f;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-next, body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(84, 10, 255, 0.5);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductR .rankBox .gameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductR .factoryList li {  width: 100%; margin-top: 19px; overflow: hidden; border-radius: 20px; background-color: #EDE7FB; border: 1px solid #FFFFFF; display: block;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductR .factoryList li:hover {  border-color: #5309FF;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductR .factoryList li .imgBox {  width: 100%; height: 103px; display: flex; align-items: center; justify-content: center; background: #F7F4FD;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .newProductBox .boxWrap .newProduct .newProductR .factoryList li .txt:hover {  color: #38158B;  }
body.macdown-cs-purple .pageBox a, body.macdown-cs-purple .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;  }
body.macdown-cs-purple .pageBox a:hover, body.macdown-cs-purple .pageBox span.cur {  color: #6A2AFF; background: #060606; border-color: #060606;  }
body.macdown-cs-purple .pageBox a.home {  width: 59px; font-size: 16px; color: #333333; font-weight: 400;  }
body.macdown-cs-purple .pageBox a.next {  width: 73px; font-weight: 400; font-size: 14px; color: #333333;  }
body.macdown-cs-purple .pageBox span.omit {  width: auto; font-weight: 400; font-size: 16px; color: #333333; border: none; background: none;  }
body.macdown-cs-purple footer {  padding: 20px 0 33px 0; margin-top: 21px; border-top: 2px solid #5F1BFE; border-bottom: 1px solid #5F1BFE; background: linear-gradient(0deg, #484848, #0B0B0B);  }
body.macdown-cs-purple footer .boxWrap .footerBox .friendBox {  padding-bottom: 18px; display: flex; align-items: center; border-bottom: 1px solid #484848;  }
body.macdown-cs-purple footer .boxWrap .footerBox .friendBox .friendBg h3 {  font-weight: bold; font-size: 20px; line-height: 22px; background: linear-gradient(-90deg, #6624FF 0%, #5309FF 89.99%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #5309FF;  }
body.macdown-cs-purple footer .boxWrap .footerBox .friendBox .friendList a {  font-size: 14px; color: #CCCCCC; line-height: 28px; margin-right: 28px; display: inline-block;  }
body.macdown-cs-purple footer .boxWrap .footerBox .friendBox .friendList a:hover {  color: #6523FF; text-decoration: underline;  }
body.macdown-cs-purple footer .boxWrap .footerBox .footerTxt p {  font-size: 14px; color: #999999; line-height: 22px; text-align: center;  }
body.macdown-cs-purple footer .boxWrap .footerBox .footerTxt p a, body.macdown-cs-purple footer .boxWrap .footerBox .footerTxt a {  display: inline-block; font-size: 14px; color: #999999; line-height: 22px;  }
body.macdown-cs-purple footer .boxWrap .footerBox .footerTxt a:hover {  color: #5309FF;  }
body.macdown-cs-purple .macdown-float .floatBtn {  width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(90deg, #6624FF, #5309FF); box-shadow: 0 4px 14px rgba(83, 9, 255, 0.4); display: flex; align-items: center; justify-content: center; font-size: 12px; color: #38158B; font-weight: bold;  }
body.macdown-cs-purple .detailBox .boxWrap .detailContont .detailL .appPanel {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 24px 24px 30px;  }
body.macdown-cs-purple .detailHead .imgBox {  width: 128px; height: 128px; overflow: hidden; border-radius: 24px; border: 2px solid #5309FF; flex-shrink: 0;  }
body.macdown-cs-purple .detailHead .txtBox h1 {  font-size: 26px; color: #060606; line-height: 30px; font-weight: bold;  }
body.macdown-cs-purple .detailHead .txtBox .slogan {  margin-top: 8px; font-size: 13px; color: #38158B; line-height: 18px;  }
body.macdown-cs-purple .detailHead .txtBox .tags a {  padding: 3px 12px; font-size: 12px; color: #38158B; border-radius: 12px; background: rgba(84, 10, 255, 0.2);  }
body.macdown-cs-purple .detailHead .txtBox .tags a:hover {  color: #fff; background: #5309FF;  }
body.macdown-cs-purple .detailHead .txtBox .metaRow span {  font-size: 13px; color: #BABABA; line-height: 13px; margin-right: 20px; position: relative;  }
body.macdown-cs-purple .detailHead .txtBox .metaRow span b {  color: #666666; font-weight: normal;  }
body.macdown-cs-purple .detailHead .txtBox .metaRow span i {  color: #38158B; font-style: normal;  }
body.macdown-cs-purple .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, #540AFF, #5309FF); box-shadow: 0 6px 16px rgba(83, 9, 255, 0.35);  }
body.macdown-cs-purple .detailHead .downWrap .downBtn.ios {  background: linear-gradient(90deg, #38158B, #060606); box-shadow: none;  }
body.macdown-cs-purple .detailHead .downWrap .downNone {  text-align: center; font-size: 12px; color: #BABABA; line-height: 48px;  }
body.macdown-cs-purple .shotBox .swiper-button-next, body.macdown-cs-purple .shotBox .swiper-button-prev {  width: 28px; height: 28px; border-radius: 50%; background: rgba(84, 10, 255, 0.6);  }
body.macdown-cs-purple .articleTxt {  margin-top: 22px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-purple .articleTxt h2, body.macdown-cs-purple .articleTxt h3, body.macdown-cs-purple .articleTxt h4 {  font-weight: bold; color: #060606; margin: 18px 0 10px;  }
body.macdown-cs-purple .articleTxt a {  display: inline; color: #4D00FF;  }
body.macdown-cs-purple .articleTxt table td, body.macdown-cs-purple .articleTxt table th {  padding: 8px 12px; border: 1px solid #D9D0EF; font-size: 14px;  }
body.macdown-cs-purple .articleTxt table th {  background: #E9E0FF; color: #060606;  }
body.macdown-cs-purple .infoTable {  margin-top: 24px; border-radius: 16px; overflow: hidden; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .infoTable .infoTitle {  padding: 14px 20px; font-size: 18px; font-weight: bold; color: #060606; border-bottom: 1px solid #CDB7FF;  }
body.macdown-cs-purple .infoTable table td {  padding: 11px 20px; font-size: 14px; color: #666666; border-bottom: 1px dashed #DAD0F3;  }
body.macdown-cs-purple .infoTable table td:first-child {  width: 140px; color: #38158B;  }
body.macdown-cs-purple .prevNext a {  width: 48%; padding: 14px 18px; border-radius: 14px; font-size: 14px; color: #666666; background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .prevNext a:hover {  color: #38158B;  }
body.macdown-cs-purple .detailR .sideBox {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); margin-bottom: 20px;  }
body.macdown-cs-purple .detailR .sideBox .sideTitle {  padding: 16px 18px 12px; font-size: 18px; font-weight: bold; color: #060606; position: relative;  }
body.macdown-cs-purple .detailR .sideBox .sideTitle::before {  content: ""; width: 6px; height: 18px; border-radius: 3px; background: linear-gradient(180deg, #6624FF, #5309FF); position: absolute; left: 0; top: 18px;  }
body.macdown-cs-purple .detailR .sideBox .sideTitle .more {  position: absolute; right: 14px; top: 18px; font-size: 12px; color: #BABABA; font-weight: normal;  }
body.macdown-cs-purple .detailR .sideBox .sideTitle .more:hover {  color: #38158B;  }
body.macdown-cs-purple .detailR .sideBox .sideList li:hover {  background: rgba(255, 255, 255, 0.6);  }
body.macdown-cs-purple .detailR .sideBox .sideList li .num {  width: 20px; font-size: 14px; font-weight: bold; color: #BABABA; text-align: center; flex-shrink: 0;  }
body.macdown-cs-purple .detailR .sideBox .sideList li:nth-child(-n+3) .num {  color: #FF2E38;  }
body.macdown-cs-purple .detailR .sideBox .sideList li .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px;  }
body.macdown-cs-purple .detailR .sideBox .sideList li .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .detailR .sideBox .sideList li .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 7px;  }
body.macdown-cs-purple .detailR .sideBox .sideList li .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 6px;  }
body.macdown-cs-purple .likeBox .likeItem {  width: 120px; padding: 14px 0; text-align: center; border-radius: 14px; background: rgba(255, 255, 255, 0.5); cursor: pointer;  }
body.macdown-cs-purple .likeBox .likeItem:hover {  background: rgba(84, 10, 255, 0.2);  }
body.macdown-cs-purple .likeBox .likeItem p {  margin-top: 6px; font-size: 13px; color: #666666;  }
body.macdown-cs-purple .macdown-comments {  margin-top: 24px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); padding: 20px 24px;  }
body.macdown-cs-purple .macdown-comments .cmtTitle {  font-size: 18px; font-weight: bold; color: #060606; padding-bottom: 14px; border-bottom: 1px solid #CDB7FF;  }
body.macdown-cs-purple .macdown-comments .cmtTitle span {  font-size: 13px; color: #BABABA; font-weight: normal; padding-left: 8px;  }
body.macdown-cs-purple .macdown-comments ul li {  display: flex; padding: 16px 0; border-bottom: 1px dashed #DAD0F3;  }
body.macdown-cs-purple .macdown-comments ul li .avatar {  width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: #570FFF;  }
body.macdown-cs-purple .macdown-comments ul li .cmtBody .cmtHead {  font-size: 13px; color: #999999;  }
body.macdown-cs-purple .macdown-comments ul li .cmtBody .cmtHead b {  color: #38158B; font-size: 14px; padding-right: 10px;  }
body.macdown-cs-purple .macdown-comments ul li .cmtBody .cmtTxt {  margin-top: 6px; font-size: 14px; color: #333333; line-height: 24px;  }
body.macdown-cs-purple .macdown-comments ul li .cmtBody .reply a {  display: inline-block; color: #4D00FF;  }
body.macdown-cs-purple .macdown-comments .cmtForm input[type="text"] {  flex: 1; height: 40px; padding: 0 14px; border: 1px solid #D9D0EF; border-radius: 10px; background: #F1EBFF; font-size: 14px;  }
body.macdown-cs-purple .macdown-comments .cmtForm textarea {  width: 100%; height: 100px; padding: 10px 14px; border: 1px solid #D9D0EF; border-radius: 10px; background: #F1EBFF; font-size: 14px; resize: vertical;  }
body.macdown-cs-purple .macdown-comments .cmtForm .submitBtn {  margin-top: 12px; width: 140px; height: 40px; border-radius: 20px; background: linear-gradient(90deg, #540AFF, #5309FF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-purple .searchBoxPage .boxWrap .searchPanel {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); padding: 22px 24px;  }
body.macdown-cs-purple .searchBoxPage .boxWrap .searchPanel .searchForm input {  flex: 1; height: 44px; padding: 0 16px; border: 1px solid #5309FF; border-radius: 12px 0 0 12px; background: #F1EBFF; font-size: 15px;  }
body.macdown-cs-purple .searchBoxPage .boxWrap .searchPanel .searchForm button {  width: 100px; height: 44px; border-radius: 0 12px 12px 0; background: linear-gradient(90deg, #540AFF, #5309FF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-purple .searchBoxPage .boxWrap .searchPanel .searchTip {  margin-top: 12px; font-size: 13px; color: #999999;  }
body.macdown-cs-purple .searchBoxPage .boxWrap .searchPanel .searchTip b {  color: #FF2E38;  }
body.macdown-cs-purple .errorPage .code {  font-size: 90px; font-weight: bold; line-height: 1; background: linear-gradient(90deg, #6624FF, #5309FF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #5309FF;  }
body.macdown-cs-purple .errorPage .msg {  margin-top: 14px; font-size: 16px; color: #666666;  }
body.macdown-cs-purple .errorPage .backHome {  display: inline-block; margin-top: 26px; padding: 12px 36px; border-radius: 22px; background: linear-gradient(90deg, #540AFF, #5309FF); color: #fff; font-size: 15px; font-weight: bold;  }
body.macdown-cs-purple .pageDetail {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 30px 34px;  }
body.macdown-cs-purple .pageDetail h1 {  font-size: 24px; font-weight: bold; color: #060606; text-align: center; padding-bottom: 18px; border-bottom: 1px solid #CDB7FF;  }
body.macdown-cs-purple .pageDetail .newsTxt {  padding-top: 16px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-purple .newsDetail {  border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 26px 30px;  }
body.macdown-cs-purple .newsDetail h1 {  font-size: 24px; font-weight: bold; color: #060606; line-height: 32px;  }
body.macdown-cs-purple .newsDetail .newsMeta {  margin-top: 12px; font-size: 13px; color: #BABABA; display: flex; gap: 18px;  }
body.macdown-cs-purple .newsDetail .newsContont {  margin-top: 16px; font-size: 15px; color: #333333; line-height: 28px;  }
body.macdown-cs-purple .newsDetail .newsContont h2, body.macdown-cs-purple .newsDetail .newsContont h3, body.macdown-cs-purple .newsDetail .newsContont h4 {  font-weight: bold; color: #060606; margin: 16px 0 8px;  }
body.macdown-cs-purple .newsDetail .newsContont a {  display: inline; color: #4D00FF;  }
body.macdown-cs-purple .newsDetail .newsTags a {  padding: 3px 12px; font-size: 12px; color: #38158B; border-radius: 12px; background: rgba(84, 10, 255, 0.2);  }
body.macdown-cs-purple .newsDetail .newsTags a:hover {  color: #fff; background: #5309FF;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall {  width: 100%; padding: 1px 1px; border-radius: 20px; background: linear-gradient(90deg, #5309FF, #6320FF, #5309FF);  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont {  padding: 28px 30px 30px 29px; border-radius: 20px; background: #F8F6FE; position: relative; display: flex; justify-content: space-between;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .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: #38158B; line-height: 16px; background: linear-gradient(90deg, rgba(56, 21, 139, 0.05), rgba(56, 21, 139, 0));  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a {  padding: 6px 11px 6px 12px; font-size: 12px; color: #38158B; line-height: 12px; border-radius: 10px; margin: 0 8px 6px 0; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(84, 10, 255, 0.4);  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .labele a:hover {  border-color: #5309FF; color: #060606;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .typeBox .typeItem {  margin-right: 31px; font-size: 14px; color: #333333; line-height: 14px;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .typeBox .typeItem span:first-child {  color: #999999;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.azd {  font-size: 18px; background: linear-gradient(90deg, #1EDD97, #73F294);  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.pgd {  font-size: 15px; background: linear-gradient(90deg, #5A94FF, #53C0FF);  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a:hover {  opacity: .9; color: #FFFFFF;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a.disabled {  background: #CCCCCC; cursor: not-allowed;  }
body.macdown-cs-purple .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(84, 10, 255, 0.4); overflow: hidden;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox > div:hover {  background: rgba(84, 10, 255, 0.15);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox p {  font-size: 12px; color: #38158B; line-height: 12px; margin-top: 4px;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .qrcodeBox p {  font-size: 12px; color: #38158B; line-height: 12px; padding-top: 3px;  }
body.macdown-cs-purple .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='%2338158B'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .problem p {  font-size: 13px; color: #38158B; line-height: 13px; padding-left: 6px;  }
body.macdown-cs-purple .summaryBox .boxWrap {  padding: 0; border-radius: 20px; border: 1px solid #FFFFFF; position: relative; overflow: hidden; background: linear-gradient(90deg, #EFF0FE, #CECFFB, #DCD8FE);  }
body.macdown-cs-purple .summaryBox .boxWrap .summaryTitle h3 {  font-weight: bold; font-size: 22px; color: #23244D; line-height: 22px;  }
body.macdown-cs-purple .summaryBox .boxWrap .summaryTitle p {  font-size: 13px; color: #6E6A9B; line-height: 13px; padding-left: 12px;  }
body.macdown-cs-purple .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));  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont {  background: rgba(255, 255, 255, 0.4); border-radius: 20px; border: 1px solid #FFFFFF;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .titleBox h3 {  font-weight: bold; font-size: 24px; color: #060606; line-height: 24px; position: relative; z-index: 1;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .titleBox .more {  width: auto; height: auto; font-size: 14px; color: #38158B; line-height: 14px; background: none; padding-right: 2px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .titleBox .more:hover {  color: #4D00FF;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt p {  font-size: 16px; color: #060606; line-height: 30px; margin-top: 16px;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .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, #6624FF, #5309FF);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt a {  display: inline-block; color: #9881CE; text-decoration: underline;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt a:hover {  color: #38158B;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt b {  font-weight: bold; color: #060606;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt ul li {  list-style: disc; font-size: 16px; color: #060606; line-height: 30px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt ol li {  list-style: decimal; font-size: 16px; color: #060606; line-height: 30px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt blockquote {  padding: 12px 16px; margin: 14px 0; border-left: 4px solid #5309FF; background: rgba(84, 10, 255, 0.08); border-radius: 0 10px 10px 0; color: #666666;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt table th {  background: rgba(84, 10, 255, 0.15); font-weight: bold; color: #38158B;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .introCtionBox .introCtionTxt hr {  border: none; border-top: 1px dashed #E3E3E3; margin: 18px 0;  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtL {  width: 90px; color: #999999;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtR {  flex: 1; color: #060606;  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .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='%235309FF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .timeBox {  display: flex; align-items: center; padding-left: 18px; font-size: 13px; color: #999999; line-height: 13px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn {  width: 72px; height: 28px; font-size: 14px; color: #38158B; text-align: center; line-height: 28px; border-radius: 14px; background: rgba(84, 10, 255, 0.3); flex-shrink: 0; margin-left: 14px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn:hover {  color: #6A2CFB; background: #1f1f1f;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li .name:hover {  color: #38158B;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .updateBox .titleBox .updateTxt {  font-size: 14px; color: #BABABA; line-height: 14px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .updateBox .updateContont p {  margin-top: 5px; font-size: 16px; color: #060606; line-height: 24px; word-break: break-all;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .updateBox .updateContont p:first-child {  color: #BABABA; margin-top: 0;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-button-prev {  width: 28px; height: 28px; top: 68px; border-radius: 50%; background: rgba(84, 10, 255, .5);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter li {  padding: 8px 15px; cursor: pointer; font-size: 14px; color: #38158B; line-height: 14px; border-radius: 18px; margin: 8px 11px 0 0; background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(84, 10, 255, 0.4);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .filter li.active {  color: #fff; border: none; background: linear-gradient(90deg, #6B2BFF, #8753FF);  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox .time {  font-size: 13px; color: #BABABA; line-height: 13px; margin-top: 12px;  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px; display: block;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .name:hover {  color: #38158B;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .size {  display: block; font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .upadteListBox .upadteList li .txtImgBox .txtBox .time {  display: block; font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 10px;  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .timeBox span {  color: rgba(255, 255, 255, 0.75); font-size: 12px; line-height: 12px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .sameListBox .sameList li .txtBox .timeBox span:nth-child(2) {  margin: 0 4px; color: rgba(204, 204, 204, 0.5);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotGameList li:hover {  background: rgba(255, 255, 255, 0.5);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .name {  font-size: 14px; color: #040404; line-height: 14px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .size {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 8px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .txtImgBox .txtBox .time {  font-size: 12px; color: #BABABA; line-height: 12px; margin-top: 6px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn {  width: 56px; height: 26px; font-size: 13px; color: #38158B; text-align: center; line-height: 26px; border-radius: 13px; background: rgba(84, 10, 255, 0.3); flex-shrink: 0; margin-left: 8px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotGameList li .btn:hover {  color: #6A2CFB; background: #1f1f1f;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotLableBox {  margin-top: 20px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4);  }
body.macdown-cs-purple .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;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .hotLableBox .hotLable a:hover {  color: #38158B; border-color: #5309FF;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .sideBox {  margin-top: 20px; border-radius: 20px; border: 1px solid #FFFFFF; background: rgba(255, 255, 255, 0.4); overflow: hidden;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorR .sideBox .sideTitle span {  font-weight: bold; font-size: 18px; color: #060606; line-height: 18px;  }
body.macdown-cs-purple .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);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .prevNext a:hover {  color: #38158B; background: rgba(84, 10, 255, 0.2);  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .macdown-comments .cmtTitle {  font-weight: bold; font-size: 20px; color: #060606; line-height: 20px; padding-bottom: 12px;  }
body.macdown-cs-purple .detailContontBox .boxWrap .detailContont .majorL .macdown-comments .cmtTitle span {  font-size: 14px; color: #999999;  }
body.macdown-cs-purple .fraudTipBox .boxWrap .fraudTip {  display: flex; align-items: center; justify-content: center; padding: 13px 22px; border-radius: 14px; background: #E7DCFF; border: 1px solid rgba(84, 10, 255, 0.5);  }
body.macdown-cs-purple .fraudTipBox .boxWrap .fraudTip .icon {  width: 22px; height: 22px; flex-shrink: 0; margin-right: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M11 1.5L21 19H1L11 1.5z' fill='%235309FF'/%3E%3Cpath d='M11 8v5' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='11' cy='16' r='1.3' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;  }
body.macdown-cs-purple .fraudTipBox .boxWrap .fraudTip p {  font-size: 14px; color: #38158B; line-height: 22px;  }
body.macdown-cs-purple .fraudTipBox .boxWrap .fraudTip .tagName {  flex-shrink: 0; display: inline-block; padding: 3px 13px 4px 13px; margin-right: 12px; border-radius: 10px 12px 12px 2px; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 18px; background: linear-gradient(90deg, #4D00FF, #5309FF);  }
/* ==========================================================================
   v1.7.3 修复：清新绿配色在手机端错位
   原因：body.macdown-cs-green .xxx 权重高于 @media 里的 .xxx（媒体查询不改变优先级），
        配色块里的 width/height/grid-template-columns/padding/font-size 等布局属性
        在手机端把响应式布局覆盖回了桌面版。
   做法：在文件末尾追加同权重、位置更靠后的移动端覆盖块，只还原布局属性，
        颜色保持绿色（这里不写任何 color/background）。
   ========================================================================== */
@media (max-width: 768px) {

  /* ---------- 基础 ---------- */
  body.macdown-cs-green { min-width: 100%; }

  /* ---------- 头部 ---------- */
  body.macdown-cs-green header .headerBox { position: sticky; top: 0; z-index: 200; padding: 8px 0 0; box-shadow: 0 2px 8px rgba(0,0,0,.05); }
  body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .logoImg { width: 118px; height: 34px; }
  body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox { order: 1; flex: 1; width: auto; height: 38px; margin: 0 0 0 10px; }
  body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch .searchBox input { width: 100%; height: 34px; font-size: 13px; border-radius: 17px; }
  body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch nav { order: 2; width: 100%; margin: 0; height: auto; flex-wrap: nowrap; overflow-x: auto; gap: 0; }
  body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a { margin-left: 0; padding: 10px 13px; font-size: 15px; flex-shrink: 0; white-space: nowrap; }
  body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a.cursor { font-size: 17px; }
  body.macdown-cs-green header .headerBox .boxWrap .logoAndSearch .navAndSearch nav a.cursor::after { display: none; }

  /* ---------- 板块标题 ---------- */
  body.macdown-cs-green .titleBox { padding: 12px 14px 0; }
  body.macdown-cs-green .titleBox h3 { font-size: 19px; }

  /* ---------- 精选游戏 ---------- */
  body.macdown-cs-green .selectGameBox .boxWrap .selectGame { height: auto; min-height: 0; padding-bottom: 16px; }
  body.macdown-cs-green .selectGameBox .boxWrap .selectGame .lableList { position: static; padding: 10px 12px 0 12px; flex-wrap: wrap; gap: 8px 0; }
  body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectCenterBox { padding-top: 12px; }
  body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter { overflow-x: auto; padding-bottom: 6px; }
  body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectCenterBox .selectCenter .txtImgBox { flex-shrink: 0; margin-left: 16px; }
  body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .status { width: 52px; font-size: 12px; padding: 5px 0 5px 10px; }
  body.macdown-cs-green .selectGameBox .boxWrap .selectGame .selectBtomBox .selectBtomItem .txtList a { font-size: 12px; margin-right: 14px; }

  /* ---------- 首页三栏：轮播 / 攻略 Tab / 每日一荐 ---------- */
  body.macdown-cs-green .rclBox .boxWrap .rclContont { flex-direction: column; gap: 14px; }
  body.macdown-cs-green .rclBox .boxWrap .rclContont .lBox,
  body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox,
  body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox { width: 100%; height: auto; }
  body.macdown-cs-green .rclBox .boxWrap .rclContont .lBox .indexSwiper { width: 100%; }
  body.macdown-cs-green .rclBox .boxWrap .rclContont .lBox .indexSwiper .swiper-slide .imgBox { height: 180px; }
  body.macdown-cs-green .rclBox .boxWrap .rclContont .cBox .cContont { width: auto; height: auto; margin: 12px 10px; }
  body.macdown-cs-green .rclBox .boxWrap .rclContont .rBox .dailyContont { width: auto; }

  /* ---------- 最近更新 / 精选软件 ---------- */
  body.macdown-cs-green .recentlyBox .boxWrap .recently .cloumList { grid-template-columns: repeat(8, 104px); overflow-x: auto; padding: 20px 10px 0; }
  body.macdown-cs-green .recentlyBox .boxWrap .recently .recentlyList { grid-template-columns: 1fr; padding: 10px 8px; }

  /* ---------- 专题图标墙 ---------- */
  body.macdown-cs-green .repetitionBox .boxWrap .repetition .repetitionList { grid-template-columns: repeat(10, 88px); overflow-x: auto; padding: 20px 12px 22px; }

  /* ---------- 游戏列表 ---------- */
  body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList { grid-template-columns: 1fr; padding: 0 10px; }
  body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li { padding: 10px 8px; }
  body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .txtImgBox { min-width: 0; }
  body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .txtImgBox .txtBox { min-width: 0; padding-left: 10px; }
  body.macdown-cs-green .gameListBox .boxWrap .gameContont .gameList li .btn { flex-shrink: 0; margin-left: 8px; }

  /* ---------- 文章资讯列表 ---------- */
  body.macdown-cs-green .artListBox .boxWrap .artContont { flex-direction: column; }
  body.macdown-cs-green .artListBox .boxWrap .artContont .artMain { width: 100%; padding: 0 12px 12px 12px; }
  body.macdown-cs-green .artListBox .boxWrap .artContont .artSide { width: 100%; flex-shrink: 1; margin-top: 14px; }
  body.macdown-cs-green .artListBox .boxWrap .artContont .artList li { padding: 14px 0; }
  body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .imgBox { width: 112px; height: 74px; border-radius: 8px; }
  body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .txtBox { padding-left: 12px; min-height: 74px; }
  body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .txtBox .name { font-size: 16px; line-height: 22px; }
  body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .txtBox .brief { margin-top: 6px; font-size: 13px; line-height: 20px; -webkit-line-clamp: 2; }
  body.macdown-cs-green .artListBox .boxWrap .artContont .artList li .txtBox .meta { padding-top: 8px; font-size: 11px; }

  /* ---------- 热门专题合集 ---------- */
  body.macdown-cs-green .hotTopicBox .boxWrap .hotTopic .hotTopicList { grid-template-columns: repeat(2, 1fr); column-gap: 14px; row-gap: 18px; }
  body.macdown-cs-green .hotTopicBox .boxWrap .hotTopic .hotTopicList li .imgBox { height: 120px; }

  /* ---------- 新品预约 ---------- */
  body.macdown-cs-green .newProductBox .boxWrap .newProduct { flex-direction: column; gap: 16px; }
  body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL,
  body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductR { width: 100%; }
  body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductL .newProductSwiperBox .newProductSwiper .newsList { grid-template-columns: 1fr; }
  body.macdown-cs-green .newProductBox .boxWrap .newProduct .newProductR .factoryList { grid-template-columns: repeat(2, 1fr); padding: 0 14px; column-gap: 12px; }

  /* ---------- 新闻资讯 ---------- */
  body.macdown-cs-green .newsBox .boxWrap .newsContont .realTime { flex-direction: column; }
  body.macdown-cs-green .newsBox .boxWrap .newsContont .realTime .realTimeL { width: 100%; }
  body.macdown-cs-green .newsBox .boxWrap .newsContont .realTime .realTimeR { padding-left: 0; padding-top: 12px; }

  /* ---------- 专题列表 ---------- */
  body.macdown-cs-green .topicListBox .boxWrap .topicList li { flex-direction: column; }
  body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicL { width: 100%; flex-direction: column; }
  body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicL .imgBox { width: 100%; height: 170px; }
  body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicL .txtBox { padding-left: 0; padding-top: 12px; }
  body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicR { border-left: none; border-top: 1px dashed #E3E3E3; }
  body.macdown-cs-green .topicListBox .boxWrap .topicList li .topicR .gameList { grid-template-columns: 1fr; }

  /* ---------- 分类筛选 ---------- */
  body.macdown-cs-green .typeListBox .boxWrap .typeList { padding: 12px 0 18px 14px; }
  body.macdown-cs-green .typeListBox .boxWrap .typeList a { padding: 8px 16px; margin: 10px 8px 0 0; font-size: 13px; }

  /* ---------- 下载排行榜 ---------- */
  body.macdown-cs-green .recomBox .boxWrap .recom { flex-direction: column; }
  body.macdown-cs-green .recomBox .boxWrap .recom .recomContont { width: 100%; margin-bottom: 14px; }
  body.macdown-cs-green .recomBox .boxWrap .recom.is-single .recomList li,
  body.macdown-cs-green .recomBox .boxWrap .recom.is-single .recomList li.active { width: 100%; }
  body.macdown-cs-green .recomBox .boxWrap .recom.is-single .recomList { padding: 10px 8px 8px 8px; }

  /* ---------- 温馨提示 ---------- */
  body.macdown-cs-green .cozyBox .boxWrap .cozy { padding: 10px 14px 11px 12px; }
  body.macdown-cs-green .cozyBox .boxWrap .cozy .cozyTxtBox { font-size: 13px; line-height: 20px; }

  /* ---------- 分页 ---------- */
  body.macdown-cs-green .gameBttomBox .boxWrap .gameBttom .pageBox a { width: 34px; height: 34px; line-height: 34px; font-size: 13px; margin-right: 6px; }
  body.macdown-cs-green .gameBttomBox .boxWrap .gameBttom .pageBox a.home { width: 48px; font-size: 14px; }
  body.macdown-cs-green .gameBttomBox .boxWrap .gameBttom .pageBox a.next { width: 58px; font-size: 13px; }

  /* ---------- 详情页通用 ---------- */
  body.macdown-cs-green .detailBox .boxWrap .detailContont { flex-direction: column; }
  body.macdown-cs-green .detailBox .boxWrap .detailContont .detailL,
  body.macdown-cs-green .detailBox .boxWrap .detailContont .detailR { width: 100%; }
  body.macdown-cs-green .detailHead { flex-wrap: wrap; }
  body.macdown-cs-green .detailHead .txtBox { padding-left: 14px; }
  body.macdown-cs-green .detailHead .txtBox h1 { font-size: 20px; }
  body.macdown-cs-green .detailHead .downWrap { width: 100%; padding-left: 0; padding-top: 14px; flex-direction: row; }
  body.macdown-cs-green .detailHead .downWrap .downBtn { flex: 1; }

  /* ---------- 浮动按钮 ---------- */
  body.macdown-cs-green .macdown-float { right: 10px; bottom: 40px; }

  /* ---------- 评论 ---------- */
  body.macdown-cs-green .macdown-comments ul li.children { padding-left: 24px; }
  body.macdown-cs-green .macdown-comments .cmtForm .inputRow { flex-direction: column; }

  /* ---------- 广告 ---------- */
  body.macdown-cs-green .macdown-ad { margin: 12px auto; }

  /* ---------- 详情页下载区 ---------- */
  body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont { flex-direction: column; padding: 18px 14px 20px 14px; }
  body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL { width: 100%; min-width: 0; }
  body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .imgBox { width: 92px; height: 92px; border-radius: 14px; }
  body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox { padding-left: 12px; min-width: 0; }
  body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .nameBox { flex-wrap: wrap; }
  body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .nameBox h1 { max-width: 100%; font-size: 19px; }
  body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .nameBox .together { margin: 6px 0 0 0; }
  body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .typeBox .typeItem { margin-right: 16px; }
  body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList { flex-wrap: wrap; gap: 10px; }
  body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a { width: 100%; max-width: 320px; margin-right: 0; }
  body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR { width: 100%; min-width: 0; margin-top: 16px; flex-shrink: 1; align-items: center; }
  body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .qrcodeBox { width: 120px; height: 120px; padding: 8px 12px 0 11px; }
  body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .qrcodeBox img { width: 96px; height: 96px; }
  body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR .likeBox { width: 132px; height: 54px; }

  /* ---------- 游戏信息表 ---------- */
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox { padding: 20px 10px 0 10px; }
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info { width: 100%; padding: 0 14px 18px 14px; }
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li { width: 100%; padding-top: 16px; }
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtL { width: 74px; flex-shrink: 0; }
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .gameInfoBox .infoBox .info li .txtR { min-width: 0; word-break: break-all; }

  /* ---------- 相关版本 ---------- */
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList { padding: 16px 10px 0 10px; }
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li { flex-wrap: wrap; padding: 10px 10px 10px 14px; margin-top: 12px; }
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .nameBox { flex: 1 1 55%; min-width: 0; margin-bottom: 6px; }
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .nameBox a { padding-left: 8px; font-size: 14px; }
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .timeBox { padding-left: 0; margin-right: 10px; font-size: 12px; }
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .versionBox .versionList li .btn { margin-left: 0; }

  /* ---------- 详情主体左右栏 / 同类 / 相关专题 / 相关攻略 ---------- */
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorBox { flex-direction: column; }
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorBox .majorL,
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorBox .majorR { width: 100%; }
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind { grid-template-columns: repeat(3, 1fr); }
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li .imgBox,
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .sameKindBox .sameKind li .name { width: 100%; }
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related { flex-direction: column; align-items: flex-start; }
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .imgBox { width: 100%; height: 175px; }
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .relatedTopicBox .relatedBox .related .txtBox { padding-left: 0; padding-top: 12px; width: 100%; }
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-slide { width: 220px; height: 132px; }
  body.macdown-cs-green .detailContontBox .boxWrap .detailContont .majorL .strategyBox .strategySwiperBox .strategySwiper .swiper-slide .imgBox { width: 220px; height: 132px; }

  /* ---------- 反诈提醒条 ---------- */
  body.macdown-cs-green .fraudTipBox .boxWrap .fraudTip { flex-direction: row; align-items: flex-start; padding: 12px 12px; }
}
/* ==========================================================================
   v1.7.4 详情页下载区右侧：去掉「喜欢/不喜欢」后二维码单独显示
   原布局依赖 space-between 把二维码顶到右侧，现在只有一个元素，
   需要改 flex-end 让二维码仍贴右边缘；手机端整块不输出，此条无影响。
   ========================================================================== */
@media (min-width: 769px) {
  .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallR {
    justify-content: flex-end;
  }
}
/* ==========================================================================
   v1.7.4 详情页手机端：下载帮助隐藏 + 下载按钮居中
   ========================================================================== */
@media (max-width: 768px) {
  /* 下载帮助（右下角小提示）手机端去掉 */
  .detailSmallBox .detailSmallContont .problem { display: none !important; }

  /* 安卓/苹果下载按钮居中 */
  .detailSmallBox .detailSmallContont .detailSmallL .txtBox .buttonList {
    justify-content: center;
  }
  .detailSmallBox .detailSmallContont .detailSmallL .txtBox .buttonList a {
    margin-left: auto;
    margin-right: auto;
  }
}
/* ==========================================================================
   v1.7.5 详情页手机端下载按钮居中（修正配色方案权重覆盖问题）
   上一轮 v1.7.4 的 margin:auto 被 body.macdown-cs-xxx .buttonList a 的
   margin-right: 10px / width: 190px（权重 0,8,2）压过了（0,5,1），
   这里用 !important + 收窄宽度，让居中真正生效、肉眼可见。
   ========================================================================== */
@media (max-width: 768px) {

  /* 1) 下载帮助彻底隐藏 */
  .detailSmallBox .detailSmallContont .problem {
    display: none !important;
  }

  /* 2) 按钮容器：flex 居中排列 */
  .detailSmallBox .detailSmallContont .detailSmallL .txtBox .buttonList,
  body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList,
  body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList,
  body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center !important;
    align-items: center;
    gap: 10px;
    padding-top: 14px;
  }

  /* 3) 按钮本身：宽度 260px（明显小于容器，才看得出居中），去掉配色方案塞的 margin */
  .detailSmallBox .detailSmallContont .detailSmallL .txtBox .buttonList a,
  body.macdown-cs-green .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a,
  body.macdown-cs-blue .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a,
  body.macdown-cs-purple .detailSmallBox .boxWrap .detailSmall .detailSmallContont .detailSmallL .txtBox .buttonList a {
    width: 260px !important;
    max-width: calc(100% - 20px) !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    box-sizing: border-box;
  }
}
/* ==========================================================================
   自定义：缩小「每日一荐」标题尺寸 & 往下移
   ========================================================================== */
/* 电脑端 */
.rclBox .boxWrap .rclContont .rBox .dailyBox .dailyIcon {
    width: 80px !important;
    height: 26px !important;
    top: 9px !important; /* 👈 改这里：数字越大越靠下 */
}

@media (max-width: 768px) {
    /* 手机端 */
    .rclBox .boxWrap .rclContont .rBox .dailyBox .dailyIcon {
        width: 70px !important;
        height: 22px !important;
        top: 8px !important; /* 👈 手机端这里，数字越大越靠下 */
    }
}
/* ==========================================================================
   v1.7.6 修复：手机端「精选软件 / 最近更新」列表的下载按钮跑到屏幕外
   原因：Grid 布局 1fr 被长标题撑破，导致按钮被挤出屏幕。
   ========================================================================== */
@media (max-width: 768px) {
  /* 1. 强制允许列表项和内容区收缩 */
  .recentlyBox .boxWrap .recently .recentlyList li {
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox {
    min-width: 0 !important;
  }
  .recentlyBox .boxWrap .recently .recentlyList li .txtImgBox .txtBox {
    min-width: 0 !important;
  }
  
  /* 2. 强制按钮固定在右侧，不参与挤压变形 */
  .recentlyBox .boxWrap .recently .recentlyList li .btn {
    flex-shrink: 0 !important;
    margin-left: 8px !important;
  }
}