/*游戏盒子下载页--作者小D*/
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;line-height:1.6;background-image:url("/skin/img/bg.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;}
.container{max-width:1140px;margin:0 auto;padding:0 20px;}
.top-slogan{background:#ffffff;color:#222222;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 8px rgba(0,0,0,0.08);text-align:center;padding:12px 20px;font-size:15px;letter-spacing:0.5px;display:flex;align-items:center;justify-content:center;gap:10px;position:fixed;left:0;top:0;width:100%;z-index:999;}
.top-slogan-icon{width:24px;height:24px;border-radius:6px;background:#fff;overflow:hidden;}
.top-slogan-icon img{width:100%;height:100%;object-fit:cover;}
body{padding-top:44px;}
.hero{padding:40px 0;}
.hero-wrap{display:flex;align-items:center;gap:50px;border-radius:26px;padding:35px;}
.hero-left{flex:0 0 420px;max-width:420px;}
.hero-left img{width:100%;border-radius:18px;}
.hero-right{flex:1;margin-left:50px;}
.brand-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;}
.app-logo{width:88px;height:88px;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,0.12);}
.app-logo img{width:100%;height:100%;object-fit:cover;}
.brand-text h1{font-size:44px;color:#111111;font-weight:800;}
.sub-slogan{font-size:22px;color:#444444;margin-bottom:32px;line-height:1.5;}
.download-area{display:flex;align-items:center;gap:38px;flex-wrap:wrap;margin-bottom:24px;}
.btn-box{display:flex;flex-direction:column;gap:18px;}
.download-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:270px;height:66px;line-height:66px;text-align:center;border-radius:12px;font-size:20px;font-weight:bold;color:#fff;text-decoration:none;box-shadow:0 5px 14px rgba(0,0,0,0.14);transition:all 0.22s;}
.download-btn img{width:26px;height:30px;}
.download-btn:hover{transform:translateY(-2px);}
.btn-android{background:linear-gradient(135deg,#27ae60,#38c172);}
.btn-ios{background:linear-gradient(135deg,#2980b9,#42a5f5);}
.qrcode-card{width:178px;height:178px;background:#ffffff;border-radius:12px;padding:12px;box-shadow:0 4px 16px rgba(0,0,0,0.1);}
.qrcode-inner{width:100%;height:100%;background:#f7f7f7;display:flex;align-items:center;justify-content:center;font-size:13px;color:#777;}
.meta-info{color:#333;font-size:16px;line-height:2;}
.meta-row{display:flex;align-items:center;gap:12px;flex-wrap:nowrap !important;}
.meta-text{white-space:nowrap;flex-shrink:0;}
.copy-btn{min-width:54px;height:26px;line-height:24px;padding:0 8px;border:1px solid #666;color:#333;border-radius:13px;background:rgba(255,255,255,0.7);cursor:pointer;font-size:11px;flex-shrink:0;}
.copy-btn:hover{background:#333;color:#fff;}
.main-wrap{background:rgba(255,255,255);border-radius:26px;padding:38px 32px;margin-bottom:30px;box-shadow:0 8px 26px rgba(0,0,0,0.08);}
.section-title{text-align:center;font-size:30px;font-weight:bold;color:#222;margin-bottom:28px;position:relative;padding-bottom:12px;}
.section-title::after{content:"";position:absolute;width:70px;height:4px;background:#cccccc;border-radius:4px;left:50%;transform:translateX(-50%);bottom:0;}
.slider-wrap{width:100%;overflow:hidden;margin-bottom:48px;}
.slider-track{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
.slider-track::-webkit-scrollbar{height:7px;}
.slider-track::-webkit-scrollbar-track{background:#eee;border-radius:4px;}
.slider-track::-webkit-scrollbar-thumb{background:#bbbbbb;border-radius:4px;}
.slide-item{flex:0 0 190px;scroll-snap-align:center;}
.slide-item img{width:100%;border-radius:16px;box-shadow:0 4px 18px rgba(0,0,0,0.11);}
.slider-tip{text-align:center;margin-top:10px;font-size:14px;color:#555;}
.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:48px;}
.feature-item{background:#ffffff;padding:22px 16px;border-radius:14px;text-align:center;box-shadow:0 3px 12px rgba(0,0,0,0.07);}
.feature-item h3{font-size:17px;color:#222;margin-bottom:8px;}
.feature-item p{font-size:14px;color:#525252;}
.screenshot-wrap{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:38px;}
.screenshot-item{width:330px;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,0.1);}
.screenshot-item img{width:100%;display:block;}
.seo-desc{background:#ffffff;padding:26px;border-radius:16px;box-shadow:0 3px 12px rgba(0,0,0,0.07);margin-bottom:30px;}
.seo-desc h3{font-size:20px;color:#222;margin-bottom:14px;}
.seo-desc p{margin-bottom:12px;color:#444;}
.faq-wrap{background:#fff;padding:26px;border-radius:16px;box-shadow:0 3px 12px rgba(0,0,0,0.07);}
.faq-item{margin-bottom:16px;}
.faq-item h4{font-size:15px;color:#222;margin-bottom:6px;}
.faq-item p{color:#444;font-size:14px;padding-left:8px;}
footer{color:#000000;text-align:center;padding:32px 20px;border-radius:26px 26px 0 0;}
footer p{margin:6px 0;font-size:14px;color: #333;}
footer a{color:#333;text-decoration:none;}
.wechat-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.65);z-index:9999;display:none;align-items:center;justify-content:center;padding:15px;}
.wechat-dialog{background:#fff;width:100%;max-width:440px;border-radius:16px;padding:24px;position:relative;}
.dialog-close-x{position:absolute;right:14px;top:12px;font-size:24px;color:#999;cursor:pointer;line-height:1;}
.dialog-close-x:hover{color:#333;}
.wechat-dialog h4{color:#d32f2f;font-size:18px;margin-bottom:12px;text-align:center;}
.wechat-dialog p.tip-text{font-size:14px;color:#444;margin-bottom:16px;text-align:center;}
.input-row{display:flex;gap:8px;}
.input-row input{flex:1;padding:0 10px;height:38px;border:1px solid #ccc;border-radius:8px;font-size:13px;}
.input-row button{height:38px;padding:0 14px;border-radius:8px;border:none;background:#2e7d32;color:#fff;cursor:pointer;white-space:nowrap;}
.back-top{position:fixed;right:24px;bottom:90px;width:44px;height:44px;border-radius:50%;background:#ffffff;color:#3a3b3a;text-align:center;line-height:44px;font-size:22px;cursor:pointer;z-index:998;box-shadow:0 2px 10px rgba(0,0,0,0.08);display:none;}
.back-top:hover{background:#f5f5f5;}
.mobile-fixed-download{display:none;position:fixed;left:0;bottom:0;width:100%;background:#ffffff;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));box-shadow:0 -2px 12px rgba(0,0,0,0.12);z-index:997;align-items:center;gap:12px;}
.mobile-fixed-download .fix-app-icon{width:46px;height:46px;border-radius:12px;background:#fff;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.08);}
.mobile-fixed-download .fix-app-icon img{width:100%;height:100%;object-fit:cover;}
.mobile-fixed-download .fix-app-info{flex:1;min-width:0;}
.mobile-fixed-download .fix-app-title{font-size:16px;font-weight:bold;color:#111;line-height:1.3;}
.mobile-fixed-download .fix-app-slogan{font-size:12px;color:#666;margin-top:2px;line-height:1.2;}
.mobile-fixed-download .fix-download-btn{flex-shrink:0;height:42px;padding:0 18px;line-height:42px;text-align:center;border-radius:21px;background:linear-gradient(135deg,#27ae60,#38c172);color:#fff;font-size:15px;font-weight:bold;text-decoration:none;}
@media (max-width:768px){
.top-slogan{position:static;z-index:auto;font-size:13px;padding:10px 12px;}
body{padding-top:0;padding-bottom:88px;}
.hero{padding:20px 0 18px;}
.hero-wrap{display:flex;flex-direction:row;gap:10px;padding:12px 10px;align-items:center;}
.hero-left{flex:0 0 50%;max-width:210px;}
.hero-left img{width:100%;}
.hero-right{flex:0 0 50%;margin-left:0;}
.brand-header{gap:8px;margin-bottom:8px;}
.app-logo{width:44px;height:44px;display:none;}
.brand-text h1{font-size:19px;}
.sub-slogan{font-size:13px;margin-bottom:10px;line-height:1.4;}
.download-area{margin-bottom:10px;gap:8px;}
.qrcode-card{display:none;}
.btn-box{width:100%;gap:8px;}
.download-btn{width:92%;height:42px;line-height:42px;font-size:14px;}
.download-btn img{width:20px;height:20px;}
.meta-info{font-size:11.5px;line-height:1.8;}
.meta-row{gap:6px;flex-wrap:nowrap !important;margin-top: 5px;}
.meta-text{white-space:nowrap;flex-shrink:0;}
.copy-btn{min-width:52px;height:25px;line-height:23px;font-size:11px;flex-shrink:0;border-radius:13px;}
.main-wrap{padding:20px 14px;}
.section-title{font-size:18px;}
.slide-item{flex:0 0 130px;}
.feature-list{grid-template-columns:1fr;}
.screenshot-item{width:46%;}
.seo-desc,.faq-wrap{padding:14px;}
.mobile-fixed-download{display:flex !important;}
.feature-item h3 {font-size: 16px;}
}