/* ===== 详情页自定义样式（由模板内联迁移至外部CSS，2026-10-14） ===== */
/* 截图展示容器（深色主题适配）：深色背景 + 圆角 + 上下留白，翻页按钮置于容器内图片区外侧 */
#snapShotWrap{width:860px;min-height:260px;position:relative;margin:24px auto 10px;overflow:visible;background:#1f1e2c;border-radius:12px;}
#shotPrev{top:50%;left:12px;width:44px;height:44px;border:none;padding:0;margin:0;border-radius:50%;transform:translateY(-50%);background:rgba(255,255,255,0.14);}
#shotNext{top:50%;right:12px;width:44px;height:44px;border:none;padding:0;margin:0;border-radius:50%;transform:translateY(-50%);background:rgba(255,255,255,0.14);}
.snap-shot-btn{position:absolute;z-index:5;box-shadow:0 1px 4px rgba(0,0,0,0.35);opacity:1;}
.snap-shot-btn:hover{background:rgba(255,255,255,0.28);}
#shotPrev i,#shotNext i{background:none;width:0;height:0;position:absolute;top:50%;left:50%;display:block;z-index:99;}
#shotPrev i{border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:12px solid #fff;transform:translate(-60%,-50%);}
#shotNext i{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff;transform:translate(-40%,-50%);}
.snapShotCont img{background:#2a2f45;}
/* 截图轮播动画：用 transform(translate+scale) 做滑动缩放——GPU 合成、图片只栅格化一次，
   不逐帧改 width/height 强制重绘大图，根治翻页瞬间图块未栅格化露白（闪白边）。
   深色主题：img 底色保留本站 #2a2f45，未复制 qpyxxz 浅色背景 */
.snapShotCont li{transform-origin:0 0;will-change:transform;transition:transform .5s cubic-bezier(.22,.61,.36,1),opacity .42s ease,filter .42s ease;}
/* 首次渲染关闭动画，避免从(0,0)滑入的跳变 */
.snapShotCont.ssNoAnim li{transition:none !important;}

/* ===== 游戏详情信息区新版（深色主题适配，与qpyxxz一致） ===== */
.Top_info{width:100%;min-height:290px;border-bottom:3px solid #2c2a3e;background-image:none !important;position:relative;}
.Top_info .top-row{display:flex;align-items:center;gap:22px;margin-bottom:20px;}
.Top_info .app-icon{flex:0 0 120px;}
.Top_info .app-icon img{width:120px;height:120px;border-radius:20px;object-fit:cover;display:block;box-shadow:0 10px 24px rgba(0,0,0,0.45);transition:transform .5s ease;}
.Top_info .app-icon img:hover{transform:rotate(360deg);}
.Top_info .app-title{flex:1;min-width:0;padding-right:170px;max-width:none;}
.Top_info .app-title h1{font-size:22px;color:#eceaf6;font-weight:bold;line-height:1.3;margin:0;padding:0;text-align:left;}
.Top_info .app-title .sub{font-size:12px;color:#9a95b8;margin-top:7px;line-height:1.6;font-weight:normal;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100%;}
.Top_info .app-title .tag{display:block;width:fit-content;margin-top:12px;font-size:14px;color:#6fb0ff;background:rgba(47,111,237,0.16);border:1px solid rgba(111,176,255,0.35);border-radius:4px;padding:3px 10px;}
.Top_info .score-box{position:absolute;top:0;right:0;width:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(180deg,#3a3340,#2e2938);border:1px solid #4a4050;border-radius:12px;padding:14px 8px;}
.Top_info .score-box .star{color:#f7b731;font-size:17px;letter-spacing:2px;line-height:1.4;}
.Top_info .score-box .star.level{width:73px;height:14px;margin:0 auto;font-size:0;letter-spacing:0;line-height:0;}
.Top_info .score-box .star span{display:inline-block;color:#f7b731;font-size:17px;}
.Top_info .score-box .num{font-size:22px;color:#f7b731;font-weight:bold;margin-top:5px;}
.Top_info .score-box .lab{font-size:11px;color:#b9b2c9;margin-top:3px;}
/* 元信息条（深色主题适配） */
.Top_info .info-bar{display:flex;align-items:stretch;background:#262438;border:1px solid #3a3754;border-radius:12px;overflow:hidden;}
.Top_info .info-item{flex:1;padding:8px 6px 8px;text-align:center;position:relative;min-width:0;}
.Top_info .info-item+.info-item::before{content:"";position:absolute;left:0;top:16%;bottom:16%;width:1px;background:#35324a;}
.Top_info .info-item .ik{display:flex;align-items:center;justify-content:center;height:18px;color:#36cfff;}
.Top_info .info-item .ik svg{width:16px;height:16px;}
.Top_info .info-item .k{display:block;font-size:11px;color:#8b87a6;margin-top:0;white-space:nowrap;}
.Top_info .info-item .v{display:block;font-size:13px;color:#00aed7;font-weight:600;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
/* 按钮区：原版样式 + 45群卡片靠右（深色适配） */
.Top_info .btnwrap .qr-box{float:right;position:relative;display:flex;align-items:center;gap:10px;background:#2b2a45;border-radius:4px;padding:4px 18px 4px 12px;box-shadow:0 4px 14px rgba(0,0,0,0.35);cursor:pointer;margin:0;width:auto;height:50px;box-sizing:border-box;text-decoration:none;}
.Top_info .qr-box .q-sm{width:30px;height:30px;border-radius:6px;overflow:hidden;flex:0 0 30px;display:flex;align-items:center;justify-content:center;}
.Top_info .qr-box .q-sm img{display:block;width:30px;height:30px;}
.Top_info .qr-txt{font-size:11px;color:#c9d7f0;line-height:1.5;text-align:center;}
.Top_info .qr-txt b{color:#ffb648;font-size:14px;white-space:nowrap;display:block;line-height:1.3;}
.Top_info .qr-txt .s{display:block;color:#9a95b8;font-size:10.5px;margin-top:2px;white-space:nowrap;}
.Top_info .qr-pop{display:none;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translateX(-50%);z-index:30;background:#2b2940;padding:10px;border-radius:8px;border:1px solid #4a4666;box-shadow:0 8px 26px rgba(0,0,0,0.45);}
.Top_info .qr-pop::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:8px solid transparent;border-top-color:#2b2940;}
.Top_info .qr-pop .q{width:128px;height:128px;overflow:hidden;background:#fff;}
.Top_info .qr-pop .q img{display:block;width:128px;height:128px;object-fit:contain;}
.Top_info .qr-pop .t{font-size:14px;color:#eceaf6;text-align:center;margin-top:8px;font-weight:600;white-space:nowrap;}
.Top_info .qr-box:hover .qr-pop{display:block;}