/* ===================== 主题变量：修改这里即可整体换肤 ===================== */
:root {
	/* 品牌主色 */
	--zt-primary: #5460ff;          /* 主色：按钮/链接/焦点/分享/复制 */
	--zt-primary-light: #2196f3;    /* 主色渐变亮端（安卓/注册/礼包等按钮） */
	--zt-primary-rgb: 0, 149, 255;  /* 主色 RGB 分量，供 rgba() 透明背景/阴影 */
	--zt-primary-hover: #2939ff;    /* hover 提亮（复制/分享按钮 hover） */

	/* 强调色（红系） */
	--zt-accent: #ff6151;           /* 强调主色：进群/福利/联系客服按钮 */
	--zt-accent-light: #ff877b;     /* 强调渐变亮端 */
	--zt-accent-text: #f85747;      /* 强调文字/链接/页脚 hover */
	--zt-accent-soft: #ff5473;      /* 标题左侧装饰条 */
	--zt-alert: #ff4757;            /* 弹窗危险按钮 */

	/* 状态色 */
	--zt-success: #52c41a;          /* 成功提示 */
	--zt-error: #ff4d4f;            /* 错误提示 */
	--zt-warning: #faad14;          /* 警告提示 */
	--zt-info: #1890ff;             /* 加载提示 */

	/* 文字色 */
	--zt-text: #333;                /* 正文/标签文字 */
	--zt-text-strong: #2d3436;      /* 标题/游戏名 */
	--zt-text-muted: #666;          /* 次要文字 */
	--zt-text-weak: #999;           /* 弱文字/占位 */

	/* 背景 & 边框 */
	--zt-bg: #eef3f6;               /* 页面底色 */
	--zt-card-bg: #fff;             /* 卡片/弹窗/白底区域 */
	--zt-border: #eee;              /* 常规边框 */
	--zt-border-strong: #e8e8e8;    /* 深一档边框 */
	--zt-disabled: #95a5a6;         /* 禁用按钮底色 */
	--zt-disabled-text: #ecf0f1;    /* 禁用按钮文字 */
	--zt-placeholder-bg: #d8d8d8;   /* 图标/图片占位底色 */
}
/* 全局 & reset */
html {-webkit-tap-highlight-color:transparent;background:linear-gradient(to bottom,#e7f3ff,#f6f7f8) fixed;overflow:auto;font-family:"HelveticaNeue",Helvetica,"STHeiTi",Arial,sans-serif;font-size:.1rem;height:auto;}
body {margin:0;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"Segoe UI",Arial,Roboto,"PingFang SC",miui,"Hiragino Sans GB","Microsoft Yahei",sans-serif;font-size:.1rem;line-height:1.5;background:var(--zt-card-bg);color:var(--zt-text);max-width:500px;margin:0 auto;min-height:100%;}
a {text-decoration:none;background:transparent;color:var(--zt-accent-text);}
a:active {color:#069;}
img {display:block;width:100%;vertical-align:middle;border:0;}
svg:not(:root) {overflow:hidden;}
button {color:inherit;font:inherit;margin:0;overflow:visible;text-transform:none;-webkit-appearance:button;cursor:pointer;outline:none;}
p {margin:0;}
* {box-sizing:border-box;}
* {-webkit-user-drag: none;user-drag: none;}
html{scrollbar-width:none;-ms-overflow-style:none;overflow:auto;}
html::-webkit-scrollbar{display:none;}
#app{background-color: var(--zt-bg);}
/* 游戏信息 */
.container {position:relative;width:100%;min-height:100%;padding:.5rem .15rem .1rem;background:var(--zt-bg) url("/assets/template/img/bg.jpg") no-repeat top center;background-size:100% auto;}
.logo {position:absolute;top: .12rem;left: .19rem;width: .96rem;height: .28rem;;background:url("/assets/template/img/logo.png") no-repeat center/contain;}
.gameinfo {padding:.17rem .15rem;background:var(--zt-card-bg);border-radius:.1rem;box-shadow:0 .02rem .06rem rgba(0,0,0,0.04);text-align:left;}
/* 横向布局 + margin 实现旧浏览器兼容 */
.gameinfo_about {display:flex;align-items:center;margin-bottom:.17rem;}
.gameinfo_about > * + * {margin-left:.11rem;}
.gameinfo_icon {width:.84rem;height:.84rem;flex-shrink: 0;background:var(--zt-placeholder-bg);border-radius:.16rem;overflow:hidden;position:relative;box-shadow:0 .04rem .12rem rgba(var(--zt-primary-rgb),0.2);}
.gameinfo_icon img {width:100%;min-height:100%;}
.gameinfo_detail {margin-left:.13rem;flex:1 1 auto;min-width:0;}
.gameinfo_name {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 1.9rem;margin: 0 0 .05rem 0;font-size: 0.12rem;color: #767676;}
.gameinfo_name b{font-size: .18rem;color: var(--zt-text-strong);margin-right: 0.05rem;}
.gameinfo_tags {display:flex;align-items:center;gap:.05rem;width:100%;max-width:100%;min-width:0;margin-bottom: .05rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;}
.gameinfo_tags::-webkit-scrollbar {display:none;}
.gameinfo_tags .platform-tag {display:inline-flex;align-items:center;cursor:default;flex:0 0 auto;min-width:0;max-width:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.1rem;line-height:.1rem;color:#8c8c8c;background:#f1f1f1;border:.01rem solid #e4e4e4;padding: .03rem .06rem;border-radius: .06rem;}
.gameinfo_tags .tag {flex:0 0 auto;white-space:nowrap;}
.tag {background:rgba(var(--zt-primary-rgb),0.1);color:var(--zt-primary);padding:.03rem .06rem;border-radius:.06rem;transition:all .2s ease;cursor:default;}
.tag:hover {background:rgba(var(--zt-primary-rgb),0.15);transform:translateY(-.01rem);}
a.tag {text-decoration:none;cursor:pointer;}
.gameinfo_meta {display:flex;font-size:.1rem;color:var(--zt-text-muted);}
.gameinfo_meta > * + * {margin-left:.09rem;}
.meta-item {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;}
.gameinfo_meta > .meta-item:first-child {flex:0 1 auto;min-width:auto;}
.gameinfo_meta > .meta-item:nth-child(2) {width:1.7rem;flex:none;}
/* 进群按钮 注册福利号 */
.kefu-btn,.welfare-btn {position: absolute;right: 0.8rem;top: 0.125rem;background: var(--zt-accent-light);background: linear-gradient(135deg, var(--zt-accent-light) 0%, var(--zt-accent) 100%);color: #fff;padding: 0.07rem 0.10rem 0.06rem 0.10rem;border-radius: 0.05rem;font-size: 0.1rem;white-space: nowrap;cursor: pointer;z-index: 1;transition: all 0.2s ease;box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.1);line-height: 0.1rem;opacity: 0.9;}
.welfare-btn {right: 0.48rem;}
.welfare-btn.with-contact {right: 0.8rem;}
/* 联系客服 */
.contact-btn {position: absolute;top: 0.12rem;right: 0.48rem;width: .25rem;height: .25rem;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 0.07rem;color: #fff;background: linear-gradient(135deg, var(--zt-accent) 0%, var(--zt-accent-light) 100%);border-radius: 0.08rem;box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.1);cursor: pointer;z-index: 1;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);padding: 0.03rem;overflow: hidden;line-height: 0.09rem;opacity: 0.9;}
.kefu-btn:hover,.welfare-btn:hover,.contact-btn:hover {opacity: 1;background: linear-gradient(135deg, #ff5c4c 0%, #ff786b 100%);}/* 悬停动效 */
.kefu-btn:active,.welfare-btn:active,.contact-btn:active {transform:scale(0.9);box-shadow:0 0.01rem 0.03rem rgba(0,0,0,0.1);}/* 点击反馈 */
/* 下载按钮 */
.download-btns {display:flex;}
.download-btns > * + * {margin-left:.09rem;}
.btn {flex:1;display:flex;align-items:center;justify-content:center;padding:.09rem;font-size:.12rem;font-weight:600;letter-spacing:.01rem;border:none;border-radius:.08rem;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 .04rem .06rem rgba(0,0,0,0.1);}
.btn > * + * {margin-left:.06rem;}
.btn::after {content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:rgba(255,255,255,0.1);transform:rotate(45deg) translate(-20%,-100%);transition:all .5s ease;}
.btn:hover {transform:translateY(-.02rem);box-shadow:0 .06rem .12rem rgba(0,0,0,0.2);}
.btn:hover::after {transform:rotate(45deg) translate(20%,100%);}
.btn:active {transform:translateY(.01rem) scale(.98);opacity:.9;box-shadow:0 .02rem .04rem rgba(0,0,0,0.1);}
.btn i {transition:transform .3s ease;padding-right: 0.05rem;}
.btn:hover i {transform:scale(1.2);}
/* 下载按钮禁用状 */
.btn.disabled {background:#bdc3c7 !important;color:#fff !important;cursor:not-allowed;opacity:0.8;pointer-events:none;transition:none;box-shadow:0 0.02rem 0.04rem rgba(0,0,0,0.1);}
.btn.disabled i {opacity:0.5;transform:none !important;filter:grayscale(100%);}
.btn.disabled:hover {transform:none;box-shadow:0 0.02rem 0.04rem rgba(0,0,0,0.1);}
/* 暂无下载（未配置下载方式，可点击提示） */
.btn.no-download {background:#bdc3c7 !important;color:#fff !important;cursor:pointer;opacity:0.9;transition:all .3s ease;box-shadow:0 0.02rem 0.04rem rgba(0,0,0,0.1);}
.btn.no-download i {opacity:0.6;filter:grayscale(100%);}
.btn.no-download:active {transform:translateY(0.01rem) scale(0.98);opacity:0.8;}
/* 安卓 */
.android {background:linear-gradient(135deg,var(--zt-primary-light) 0%,var(--zt-primary) 100%);color:#fff;}
.android:hover {background:linear-gradient(135deg,var(--zt-primary-light) 20%,var(--zt-primary) 100%);}
/* 苹果 */
.ios {background:linear-gradient(135deg,#57606f 0%,#2f3542 100%);color:#fff;}
.ios:hover {background:linear-gradient(135deg,#57606f 20%,#2f3542 100%);}
/* 段落标题 */
.detail_card_title {position:relative;display:flex;align-items:center;height:.2rem;margin-bottom:.09rem;font-size:.18rem;text-shadow:0 0 1px var(--zt-text-weak);padding-left:0.18rem;}
.detail_card_title span {font-size:.15rem;color:var(--zt-text);flex:1;font-weight:700;}
.detail_card_title:before {content:"";width:.035rem;height:.16rem;background:var(--zt-accent-soft);position:absolute;border-radius:5px;transform:rotate(15deg);left:0;}
.detail_card_title:after {content:"";width:.035rem;height:.13rem;background:#2196f3;position:absolute;border-radius:5px;transform:rotate(15deg);left:0.075rem;}

/* 详情 & 轮播 */
.detail_card,.welfare_card {margin-top:.12rem;background:var(--zt-card-bg);padding:.13rem .12rem .17rem;border-radius:.1rem;overflow:hidden;position: relative;}
.swiper-container {width:100%;border-radius:.1rem 0 0 .1rem;overflow:hidden;}
.swiper-wrapper {display:flex;transition-property:transform;box-sizing:content-box;}
.swiper-slide {flex-shrink:0;width:auto;border-radius:.1rem;overflow:hidden;}
.swiper-slide img {display:block;height:1.7rem;width:auto;}
/* 视频 */
video {transform: translateZ(0);backface-visibility: hidden;object-fit: cover}
video::-webkit-media-controls-fullscreen-button,video::-webkit-media-controls-toggle-closed-captions-button {display: none !important;}/* 硬件加速 */
video::-webkit-media-controls-enclosure,video::-webkit-media-controls-panel,video::-webkit-media-controls-overlay-play-button {display: none !important;}/* 彻底隐藏掉视频控件面板 */
.video-item {position:relative;overflow:hidden;border-radius:.1rem;width:3.02rem;height:1.7rem;-webkit-overflow-scrolling: touch;}
.video-item .black_screen {position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;background:rgba(0,0,0,.3);}
.video-item .video_bg {position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;object-fit: cover;object-position: center;}
.play_btn {position:absolute;top:50%;left:50%;z-index:4;transform:translate(-50%,-50%);width:.6rem;height:.6rem;background:url("/assets/template/img/btn_play.png") no-repeat center/contain;border:none;outline:none;}
/* 消息弹窗模板 */ 
.modal-mask {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:none;align-items:center;justify-content:center;z-index:999;backdrop-filter:blur(3px);}
/* 添加active类控制显示 */
.modal-mask.active {display: flex;}
.modal-box {width:2.8rem;background:var(--zt-card-bg);border-radius:.1rem;overflow:hidden;animation:modalIn .3s ease;}
@keyframes modalIn {from {transform:scale(0.8);opacity:0;}
to {transform:scale(1);opacity:1;}}
/* 简介 */
.detail_card_intro .inner {max-height:.75rem;overflow:hidden;transition:max-height .3s;}
.detail_card_intro.expanded .inner {max-height:6.6rem;}
.detail_card_intro .content {font-size:.11rem;line-height:1.6;color:var(--zt-text-muted);text-align:justify;margin:.08rem 0;}
/* 游戏福利 */
.benefit_card .benefit-content {font-size:.12rem;line-height:1.7;color:var(--zt-text-muted);margin-top:.08rem;white-space:pre-wrap;word-break:break-word;}
/* 游戏福利折叠：内容超长时由 JS 加 .foldable 触发 */
.benefit-fold {position:relative;transition:padding-bottom .3s ease;}
.benefit-fold .showmore.benefit {display:none;margin-bottom: -0.16rem;}
.benefit-fold.foldable .showmore.benefit {display:block;}
.benefit-fold.foldable .benefit-content {max-height:1.5rem;overflow:hidden;transition:max-height .3s ease;}
.benefit-fold.expanded {padding-bottom:.19rem;}
.benefit-fold.expanded .benefit-content {max-height:2000px;}
/* 展开收起按钮 */
.showmore {position:absolute;bottom:0;left:0;width:100%;height:0.4rem;line-height:0.3rem;text-align:center;background:linear-gradient(hsla(0,0%,100%,0.2),hsla(0,0%,100%,1) 40%,#fff);color:#53b2fd;font-size:0.12rem;cursor:pointer;z-index:2;margin:0;padding-top:0.06rem;border:none;align-items:center;justify-content:center;transition:all 0.3s ease;text-shadow:0 0.01rem 0.01rem rgba(255,255,255,0.5);}
.showmore.active {display:block;}
.showmore span {display:inline-block;font-size:0.12rem;color:var(--zt-primary);position:relative;transition:transform 0.1s ease,opacity 0.1s ease;cursor:pointer;padding-right:0.15rem;}
.showmore span:active {transform:scale(0.95);opacity:0.7;}
/* 礼包列表容器 - 折叠效果 */
.welfare_list {max-height:2.3rem;overflow:hidden;transition:max-height 0.3s ease;margin-top:0.12rem;}
.welfare_list.expanded {max-height:2000px;}
/* 礼包项内部布局 */
.welfare_card_item {display:flex;align-items:center;justify-content:space-between;padding:0.1rem 0.08rem;border-bottom:0.01rem solid var(--zt-border);border-radius:0.08rem;background:#f8f8f8;text-align:left;transition:transform 0.1s ease,opacity 0.1s ease;}
.welfare_card_item:last-child {border-bottom:none;}
.gift-info {flex:1;margin-right:0.1rem;}
/* 礼包复制按钮 */
.copy-gift-btn {flex-shrink:0;min-width:.44rem;box-sizing:border-box;padding:0.05rem 0.12rem;background:linear-gradient(135deg,var(--zt-primary-light) 0%,var(--zt-primary) 100%);color:#fff;border:none;border-radius:0.06rem;font-size:0.1rem;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;text-align:center;}
.copy-gift-btn:hover {opacity:0.9;}
.copy-gift-btn:active {opacity:0.8;}
.copy-gift-btn:disabled {background:#bdc3c7 !important;cursor:not-allowed;opacity:0.7;transform:none !important;box-shadow:none !important;}
/* 福利卡片 */
.welfare_card_item {padding: .1rem .08rem;border-bottom: .01rem solid var(--zt-border);margin-top: .12rem;border-radius: .08rem;background: #f8f8f8;text-align: left;}
.list_item.haveBtn {transition:transform .1s ease,opacity .1s ease;}
.list_item.haveBtn:active {transform:scale(.95);opacity:.7;}
.list_item_title{font-size: .13rem;font-weight: 700;color: #3a3a3a;}
.gift-code{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.04rem;margin-top:.05rem;font-size:.11rem;line-height:.16rem;}
.gift-code > span{flex:0 0 auto;padding:.01rem .045rem;color:var(--zt-primary);background:#edf5ff;border-radius:.035rem;font-size:.1rem;line-height:.15rem;}
.gift-code > code{flex:0 1 auto;min-width:0;max-width:100%;padding:.01rem .045rem;color:#334155;background:#f1f3f5;border-radius:.035rem;font-family:Consolas,"Courier New",monospace;font-size:.1rem;line-height:.15rem;overflow-wrap:anywhere;word-break:break-all;}
.list_item_content{margin-top: .02rem;font-size: .12rem;color: var(--zt-text-weak);}
/* 弹窗主体 */
.modal-box {background:var(--zt-card-bg);border-radius:0.16rem;overflow:hidden;box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.15);transform:scale(0.9);opacity:0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
.modal-mask.active .modal-box {transform:scale(1);opacity:1;}
/* 内容区域 */
.modal-content {padding:0.25rem 0.3rem 0.2rem;text-align:center;background:linear-gradient(145deg,#f8f9fa 0%,#ffffff 100%);}
.modal-title {font-size:0.18rem;font-weight:700;color:var(--zt-text-strong);margin-bottom:0.12rem;position:relative;padding-bottom:0.08rem;}
.modal-title:after {content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0.4rem;height:0.02rem;background:linear-gradient(90deg,var(--zt-primary) 0%,var(--zt-primary-light) 100%);border-radius:0.02rem;}
.modal-message {font-size:0.14rem;color:#555;line-height:1.6;margin:0.15rem 0;text-align:left;}
/* 按钮组 */
.modal-btns {display:flex;margin-top:0.2rem;}
.modal-btn + .modal-btn {margin-left: 0.15rem;}
.modal-btn {flex:1;padding:0.12rem;border:none;border-radius:0.08rem;font-size:0.14rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;position:relative;overflow:hidden;box-shadow:0 0.04rem 0.08rem rgba(0,0,0,0.1);}
/* 按钮动态效果 */
.modal-btn:after {content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:rgba(255,255,255,0.1);transform:rotate(45deg) translate(-20%,-100%);transition:all 0.5s ease;}
.modal-btn:hover {transform:translateY(-0.02rem);box-shadow:0 0.06rem 0.12rem rgba(0,0,0,0.2);}
.modal-btn:hover:after {transform:rotate(45deg) translate(20%,100%);}
.modal-btn:active {transform:translateY(0.01rem) scale(0.98);}
/* 按钮颜色方案 */
.modal-btn.cancel {background:linear-gradient(135deg,#f1f2f6 0%,#dfe4ea 100%);color:var(--zt-text-muted);}
.modal-btn.confirm {background:linear-gradient(135deg,var(--zt-primary-light) 0%,var(--zt-primary) 100%);color:white;}
.modal-btn.alert {background:linear-gradient(135deg,#ff6b6b 0%,var(--zt-alert) 100%);color:white;}

/* 分享弹窗模板 */
.modal-mask.share-mask {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:none;align-items:center;justify-content:center;z-index:99;}
.share-mask .modal-content {padding:.25rem .2rem;}
.kefu-txt,.share-url {display:flex;align-items:center;background:#eee;border-radius:.06rem;margin-top:.15rem;}
.kefu-txt input,.share-url input {flex:1;border:none;background:none;padding:.08rem;font-size:.12rem;color:var(--zt-text-muted);outline:none;border-bottom: .01rem solid var(--zt-border-strong);border-radius: .06rem;}
.copy-btn {padding:.06rem .12rem;background:var(--zt-primary);color:#fff;border:none;border-radius:0 .04rem .04rem 0;font-size:.12rem;cursor:pointer;transition:opacity .2s;border-bottom:.01rem solid var(--zt-primary);}
.copy-btn:hover {opacity:.8;}
/* 分享按钮 */
.share-btn {position:absolute;right:.15rem;top:.12rem;width:.25rem;height:.25rem;background:var(--zt-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.14rem;box-shadow:0 .02rem .06rem rgba(0,0,0,0.1);cursor:pointer;transition:all .2s ease;padding-top:0.02rem;}
.share-btn:active {transform:scale(0.9);}
.share-btn:hover {opacity:0.9;background:var(--zt-primary-hover);}
.logo, .share-btn {z-index: 1;}
/* 分享二维码 */
#qrcodeImage {display: block;width: 200px;height: 200px;margin: 0 auto;background: white;padding: 12px;border-radius: 8px;}
/* 页面二维码 */
.qrcode {position:fixed;right:0.15rem;bottom:1.2rem;padding:0.05rem;border-radius:0.05rem;background-color:var(--zt-card-bg);z-index:2;}
.scancode {position:relative;width:.8rem;height:.8rem;margin:0 auto;background-image:url(/assets/template/img/bg-code-130.png);background-size:cover;}
#qrcode {width:84%!important;height:84%!important;margin:8%;}
.scan-line {position:absolute;top:0;left:0;width:100%;height:0.05rem;background-image:url(/assets/template/img/ic-scanning.png);background-size:100% 100%;animation:scan 4s linear infinite;z-index:1;}
.qrcode-desc {font-size:.08rem;padding:.07rem 0 0 0;text-align:center;}
@keyframes scan {0% {transform:translateY(0);}50% {transform:translateY(0.75rem);}100% {transform:translateY(0);}}
@media (max-width:768px) {.qrcode {display:none;}}
/* 消息通知样式 */
.global-message-container {position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;}
.global-message-container .notice:not(:last-child) {margin-bottom: 10px;}
.notice {min-width:240px;padding:12px 16px;border-radius:6px;background:var(--zt-card-bg);box-shadow:0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08);display:flex;align-items:center;animation:noticeSlideIn 0.3s ease;border-left:4px solid;transform:translateX(120%);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
.notice.show {transform:translateX(0);}
.notice i {font-size:18px;margin-right:12px;}
.notice[data-type="success"] {border-color:var(--zt-success);color:var(--zt-success);}
.notice[data-type="error"] {border-color:var(--zt-error);color:var(--zt-error);}
.notice[data-type="warning"] {border-color:var(--zt-warning);color:var(--zt-warning);}
.notice[data-type="loading"] { border-color: var(--zt-info); color: var(--zt-info); }
@keyframes noticeSlideIn {from {transform:translateX(120%);}
to {transform:translateX(0);}
}
/* FontAwesome */
.fa-check-circle:before {content:"\f058";}
.fa-exclamation-circle:before {content:"\f06a";}
.fa-times-circle:before {content:"\f057";}
/* 移动端适配 */
@media (max-width: 480px) {
.global-message-container {width: 90%;left: 5%;right: auto;top: 10px;}
.notice {width: 100%;}
}
/*提示*/
.prompt {color: #7d8c8e;font-size: 0.11rem;text-align: center;line-height: .15rem;}
.prompt hr {margin:0.15rem 0.2rem 0.1rem 0.2rem;border: 0;border-top: 1px solid var(--zt-border-strong);}
/*底部*/
.footer{text-align: center;background-color: var(--zt-card-bg);padding: .11rem 0 .08rem 0;color: #57606f;border-radius: .1rem .1rem 0 0;margin-top: 0.05rem;}
.footer a {color: #57606f;}
.footer a:hover {color: var(--zt-accent-text);}
/* 注册表单 */
.reg-form {padding:0.15rem 0;}
.form-group {margin-bottom:0.15rem;}
.form-group label {display:block;font-size:0.14rem;color:var(--zt-text);margin-bottom:0.05rem;}
.form-group input {width:100%;padding:0.08rem;border:1px solid var(--zt-border);border-radius:0.06rem;font-size:0.14rem;}
.form-group input:focus {border-color:var(--zt-primary);outline:none;}
/* 注册方式 Tab */
.reg-tabs{position:relative;display:flex;margin-bottom:0.2rem;border-bottom:0.015rem solid var(--zt-border,#f3f4f6);}
.reg-tab{flex:1;padding:0.06rem 0;text-align:center;font-size:0.1rem;font-weight:500;color:var(--zt-text-muted);cursor:pointer;transition:color 0.2s ease;position:relative;user-select:none;white-space:nowrap;border:none;background:none;}
.reg-tab:hover{color:var(--zt-text);}
.reg-tab.active{color:var(--zt-primary);font-weight:600;}
.reg-tab-indicator{position:absolute;bottom:-0.01rem;height:0.015rem;background:var(--zt-primary);border-radius:0.01rem;transition:left 0.3s cubic-bezier(0.16,1,0.3,1),width 0.3s cubic-bezier(0.16,1,0.3,1);}
/* 验证码按钮 */
.reg-sms-row{display:flex;gap:0.08rem;}
.reg-sms-row input{flex:1;min-width:0;}
.reg-sms-btn{flex-shrink:0;padding:0 0.1rem;font-size:0.12rem;color:var(--zt-primary);background:rgba(var(--zt-primary-rgb),0.1);border:0.01rem solid rgba(var(--zt-primary-rgb),0.4);border-radius:0.06rem;cursor:pointer;transition:all 0.2s ease;}
.reg-sms-btn:hover{opacity:0.8;}
.reg-sms-btn:active{transform: translateY(.01rem) scale(.98);}
.reg-sms-btn[disabled]{color:var(--zt-disabled-text);background:var(--zt-disabled);border-color:var(--zt-disabled);cursor:not-allowed;}
/* 注册按钮禁用状态 */
.modal-btn.confirm.disabled {background:var(--zt-disabled) !important;color:var(--zt-disabled-text) !important;cursor:not-allowed;opacity:0.9;pointer-events:none;box-shadow:0 0.02rem 0.04rem rgba(0,0,0,0.1);}
.modal-btn.confirm.disabled i {opacity:0.6;filter:grayscale(80%) brightness(120%);}/* 图标状态 */
.modal-btn.confirm.disabled:hover {transform:none;box-shadow:0 0.02rem 0.04rem rgba(0,0,0,0.1);}/* 禁用悬停反馈 */
/* 手机验证码 */
.captcha-group {display:none;}
.captcha-row {display:flex;gap:0.1rem;}
.captcha-input {flex:1;}
#get-captcha {width:.9rem;background:#f8f9fa;color:#555;border:1px solid var(--zt-border);border-radius:0.06rem;font-size:0.12rem;cursor:pointer;transition:all 0.2s ease;}
#get-captcha:hover {background:#e9ecef;}
#get-captcha.disabled {background:#e9ecef;color:#adb5bd;cursor:not-allowed;}
/* 客服弹窗 */
.kefu-grid {display:grid;grid-template-columns:50px 1fr 40px;gap:8px;margin-bottom:12px;align-items:center;padding:10px 12px;border-radius:10px;background:#f8f9ff;border:1px solid #eaeefb;transition:all 0.3s ease;}
.kefu-grid:hover {transform:translateY(-2px);box-shadow:0 3px 8px rgba(106,17,203,0.08);}
/* 图标尺寸优化 */
.kefu-icon {width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(106,17,203,0.15);background-color: #e9ecef;}
.kefu-icon img {width:35px;height:35px;}
.kefu-info {padding:3px 0;}
.kefu-label {font-size:0.09;color:#6c757d;margin-bottom:3px;}
.kefu-account {font-size:0.11rem;font-weight:600;color:#343a40;line-height:1.3;}
/* 复制按钮优化 */
.kefu-copy {display:flex;justify-content:center;}
.kefu-copy .copy-btn {width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;border:none;}
.kefu-copy .copy-btn:hover {opacity: 0.9;background: var(--zt-primary-hover);color:white;transform:scale(1.08);}
/* 调整复制图标大小 */
.kefu-copy .copy-btn i {font-size:14px;}
/* 响应式调整：小屏设备 */
@media (max-width:480px) {.kefu-grid {grid-template-columns:40px 1fr 34px;gap:6px;padding:8px;margin-bottom:10px;}
.kefu-icon {width:36px;height:36px;}
.kefu-label {font-size:11px;}
.kefu-account {font-size:13px;}
.kefu-copy .copy-btn {width:30px;height:30px;}
.kefu-copy .copy-btn i {font-size:13px;}
}
.modal-footer {text-align:center;padding:0 0 0.2rem 0;font-size:14px;color:var(--zt-primary);margin-top: -7px;}
/*应用提示框*/
.win-browser {position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:999;overflow:hidden;background-color:rgba(124,176,214,0.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-size:contain;display:none;}
.win-browser .win-guide {margin:20px 30px;}
.win-browser img {display:block;margin:0 auto;width:100%;}
.win-browser {max-width: 500px;margin: 0 auto;}
/* 信任证书 */
.modal-box .guide-step {display:flex;align-items:center;position:relative;padding-left:0.3rem;margin-bottom:0.05rem;font-size:0.14rem;}
.modal-box .step-number {position:absolute;left:0;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,var(--zt-primary-light),var(--zt-primary));width:0.20rem;height:0.20rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.12rem;font-weight:bold;color:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.15);}
.modal-box .guide-step-content {flex:1;padding:0.05rem 0;line-height:1.4;}
.modal-box .highlight {background:rgba(var(--zt-primary-rgb),0.1);color:var(--zt-primary);padding:0.02rem 0.08rem;border-radius:0.03rem;font-weight:600;margin:0 0.03rem;border-bottom:1.5px dashed rgba(var(--zt-primary-rgb),0.4);white-space:nowrap;}
.modal-box .action-note {color: var(--zt-primary);border-radius: 0.05rem;text-align: center;margin: 0.1rem 0 0.1rem;font-weight: 500;font-size: 0.11rem;padding: 0.06rem 0.06rem;border: 1px dashed #d9d9d9;}
/* 注册弹窗：zhuanti 用 .active 控制显示，hidden 属性兜底隐藏（与布局 JS 的 hidden 逻辑并存） */
#registerModal[hidden] { display: none !important; }
.reg-form .form-msg { margin-top: .1rem; font-size: .12rem; color: #e74c3c; min-height: .2rem; text-align: center; }
.reg-form .form-msg.ok { color: var(--zt-primary); }
.reg-form .reg-btn-submit {
	flex: 1; padding: .12rem; border: none; border-radius: .08rem;
	font-size: .14rem; font-weight: 600; cursor: pointer;
	background: linear-gradient(135deg, var(--zt-primary-light) 0%, var(--zt-primary) 100%); color: #fff;
	box-shadow: 0 .04rem .08rem rgba(0,0,0,.1);
}
.reg-form .reg-btn-submit:hover{opacity:0.8;}
.reg-form .reg-btn-submit:active { transform: translateY(.01rem) scale(.98); }
.reg-form .reg-btn-submit:disabled { background: var(--zt-disabled); color: var(--zt-disabled-text); cursor: not-allowed; }
.kefu-actions { display: flex; align-items: center; justify-content: center; }
.kefu-account.copy-account { cursor: pointer; position: relative; }
.kefu-account.copy-account:active { opacity: .6; }

.kefu-account.qr-hint { color: #6c757d; font-size: 13px; }
.qr-btn,.kefu-grid .copy-btn,.go-btn {
	width: 34px; height: 34px; border-radius: 8px; border: none; cursor: pointer;
	display: flex; align-items: center; justify-content: center;
font-size: 16px;flex-shrink: 0;background-color: var(--zt-primary);color: #fff;border-radius: 50%;
}
.qr-btn:hover,.kefu-grid .copy-btn:hover,.go-btn:hover{box-shadow: 0 2px 5px rgba(var(--zt-primary-rgb), .25);opacity: .8;}
.qr-btn:active,.kefu-grid .copy-btn:active,.go-btn:active { transform: scale(.9); }
.qr-mask { z-index: 1000; }
.qr-show { padding: .1rem 0 .05rem; text-align: center; }
.qr-show img { width: 2.2rem; height: 2.2rem; border-radius: .06rem; margin: 0 auto; }
.kefu-link { color: var(--zt-primary); word-break: break-all; }
.modal-footer a.close-reg { color: var(--zt-text-weak); font-size: .12rem; }
.gameinfo_icon_ph { display: flex; align-items: center; justify-content: center; height: 100%; color: #fff; font-size: .24rem; }
/* 搜索 */
.win-browser{max-width: 500px;margin: 0 auto;}
.gameinfo {padding: .18rem .15rem .22rem .15rem}
.gameinfo_detail{margin-top: 0.09rem;}
.gameinfo_search {cursor: pointer;display: block;width: 1.1rem;height: 0.24rem;position: absolute;top: 0.5rem;right: 0.15rem;padding: 0.05rem 0 0 0.1rem;box-sizing: border-box;border-radius: 0.1rem 0.1rem 0 0.1rem;background: rgb(var(--zt-primary-rgb) / 10%);background: rgb(124 124 124 / 10%);}
.gameinfo_search span {color: #8d8d8d;font-size: 0.09rem;}
.gameinfo_search:hover {background: rgba(var(--zt-primary-rgb), 0.2);}