<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>星空体育XINGKONG - 沉浸式VR体育观赛与前沿科技体验</title>
<meta name="description" content="星空体育(XINGKONG SPORTS)亚洲领先的体育娱乐平台，提供体育赛事投注、真人娱乐、电子竞技、棋牌游戏、彩票等丰富玩法。菲律宾政府合法牌照认证，256位加密技术保障安全。">
<meta name="keywords" content="星空体育,星空体育官网,XINGKONG SPORTS,星空APP,体育投注,真人娱乐,电子竞技,棋牌游戏,星空体育官网入口,星空体育APP下载,星空体育注册,leyu官方网站">
<link rel="canonical" href="https://celluloidzombie.com/">
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta property="og:type" content="website">
<meta property="og:title" content="星空体育XINGKONG - 沉浸式VR体育观赛与前沿科技体验">
<meta property="og:description" content="星空体育(XINGKONG SPORTS)亚洲领先的体育娱乐平台，提供体育赛事投注、真人娱乐、电子竞技、棋牌游戏、彩票等丰富玩法。">
<meta property="og:url" content="https://celluloidzombie.com/">
<meta property="og:site_name" content="星空体育 XINGKONG SPORTS">
<meta property="og:image" content="/images/banner.webp">
<meta property="og:locale" content="zh_CN">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="星空体育｜XINGKONG SPORTS官方平台">
<meta name="twitter:description" content="亚洲领先的体育娱乐平台，菲律宾政府合法牌照认证。体育投注、真人娱乐、电子竞技。">
<meta name="twitter:image" content="/images/banner.webp">
<link rel="icon" type="image/png" href="/images/icon.png">
<link rel="apple-touch-icon" href="/images/icon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" href="https://unpkg.com/aos@2.3.1/dist/aos.css" as="style">
<link rel="preload" href="https://unpkg.com/aos@2.3.1/dist/aos.js" as="script">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"Organization","name":"星空体育 XINGKONG SPORTS","url":"https://celluloidzombie.com","logo":"/images/icon.png","description":"亚洲领先的体育娱乐平台，提供体育赛事投注、真人娱乐、电子竞技、棋牌游戏等丰富玩法。","sameAs":[]}
</script>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebSite","name":"星空体育","url":"https://celluloidzombie.com","potentialAction":{"@type":"SearchAction","target":"https://celluloidzombie.com/?s={search_term_string}","query-input":"required name=search_term_string"}}
</script>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"星空体育是否安全可靠？","acceptedAnswer":{"@type":"Answer","text":"持有菲律宾政府颁发的合法经营许可证，采用256位加密技术保障用户信息和资金安全。"}},{"@type":"Question","name":"APP如何下载？","acceptedAnswer":{"@type":"Answer","text":"提供iOS和Android双平台APP下载，扫码即可安装，体积小巧运行流畅。"}},{"@type":"Question","name":"提供哪些游戏？","acceptedAnswer":{"@type":"Answer","text":"体育赛事投注、真人娱乐、电子竞技、棋牌游戏、彩票投注、电子游艺等六大类。"}},{"@type":"Question","name":"存取款速度如何？","acceptedAnswer":{"@type":"Answer","text":"支持银行转账、电子钱包等多种方式，存款即时到账，提款几分钟内完成。"}},{"@type":"Question","name":"有年龄限制吗？","acceptedAnswer":{"@type":"Answer","text":"严格禁止未满18岁未成年人参与博彩活动。建议理性投注。"}}]}
</script>
<style>
*{margin:0;padding:0;box-sizing:border-box}
:root{
--primary:#7c3aed;--primary-dark:#5b21b6;--primary-light:#a78bfa;
--accent:#7c3aed;--accent2:#4c1d95;
--dark:#0a0e27;--darker:#060918;--card-bg:rgba(255,255,255,0.08);
--text:#f1f5f9;--text-muted:#b0bec5;--white:#ffffff;
--gradient:linear-gradient(135deg,#4c1d95 0%,#7c3aed 50%,#c084fc 100%);
--glass:rgba(255,255,255,0.12);--glass-border:rgba(255,255,255,0.18);
}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans SC',sans-serif;background:var(--darker);color:var(--text);overflow-x:hidden;line-height:1.7}
a{text-decoration:none;color:inherit;transition:all .3s}
img{max-width:100%}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

#particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}
.particle{position:absolute;border-radius:50%;background:var(--primary);opacity:.15;animation:float 15s infinite ease-in-out}
@keyframes float{0%,100%{transform:translateY(0) translateX(0)}25%{transform:translateY(-30px) translateX(20px)}50%{transform:translateY(-15px) translateX(-15px)}75%{transform:translateY(-40px) translateX(10px)}}

/* Header */
.header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:15px 0;transition:all .4s cubic-bezier(.4,0,.2,1)}
.header.scrolled{background:rgba(10,14,39,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:10px 0}
.header .container{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900}
.logo img{height:40px}
.logo span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nav{display:flex;gap:30px;align-items:center}
.nav a{color:var(--text-muted);font-weight:500;position:relative;padding:5px 0}
.nav a:hover{color:var(--white)}
.nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient);transition:width .3s}
.nav a:hover::after{width:100%}
.btn-glow{padding:10px 28px;border-radius:50px;background:var(--gradient);color:#fff;font-weight:700;border:none;cursor:pointer;position:relative;overflow:hidden;transition:all .3s;box-shadow:0 4px 25px rgba(124,58,237,.4);display:inline-block;text-align:center}
.btn-glow:hover{transform:translateY(-2px);box-shadow:0 8px 35px rgba(124,58,237,.6)}
.btn-glow::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 60%);animation:shimmer 3s infinite}
@keyframes shimmer{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/* Hamburger */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:5px;z-index:1001}
.hamburger span{display:block;width:24px;height:2px;background:var(--white);transition:all .3s;border-radius:2px}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* Mobile Nav Overlay */
.mobile-nav{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(6,9,24,.98);backdrop-filter:blur(20px);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:25px;opacity:0;pointer-events:none;transition:opacity .3s}
.mobile-nav.open{opacity:1;pointer-events:all}
.mobile-nav a{font-size:20px;font-weight:600;color:var(--text);padding:12px 30px;border-radius:10px;transition:all .3s}
.mobile-nav a:hover{background:var(--glass);color:var(--primary-light)}

/* Hero */
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}
.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 50%,rgba(124,58,237,.15) 0%,transparent 60%),radial-gradient(ellipse at 70% 30%,rgba(124,58,237,.1) 0%,transparent 50%)}
.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hero-text h1{font-size:52px;font-weight:900;line-height:1.2;margin-bottom:20px}
.hero-text h1 .highlight{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-text p{font-size:18px;color:var(--text-muted);margin-bottom:35px;max-width:500px}
.hero-buttons{display:flex;gap:15px;flex-wrap:wrap}
.btn-outline{padding:12px 30px;border-radius:50px;border:2px solid var(--glass-border);color:var(--white);font-weight:600;backdrop-filter:blur(10px);transition:all .3s;display:inline-block;text-align:center}
.btn-outline:hover{border-color:var(--primary);background:rgba(124,58,237,.1)}
.hero-visual{position:relative}
.hero-visual img{border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.hero-visual::before{content:'';position:absolute;top:-20px;right:-20px;width:200px;height:200px;background:var(--gradient);border-radius:50%;filter:blur(80px);opacity:.3}
.hero-visual::after{content:'';position:absolute;bottom:-30px;left:-30px;width:150px;height:150px;background:var(--accent);border-radius:50%;filter:blur(60px);opacity:.2}

/* Stats */
.stats{padding:60px 0;position:relative;z-index:2}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.stat-card{text-align:center;padding:30px;background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;backdrop-filter:blur(10px);transition:all .4s}
.stat-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 15px 40px rgba(124,58,237,.15)}
.stat-number{font-size:42px;font-weight:900;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:5px}
.stat-label{color:var(--text-muted);font-size:14px}

/* Section Title */
.section-title{text-align:center;margin-bottom:60px}
.section-title h2{font-size:36px;font-weight:900;margin-bottom:15px}
.section-title h2 span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.section-title p{color:var(--text-muted);font-size:16px;max-width:600px;margin:0 auto}
.title-line{width:60px;height:4px;background:var(--gradient);margin:15px auto;border-radius:2px}

/* About */
.about{padding:100px 0;position:relative}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-text h3{font-size:28px;font-weight:700;margin-bottom:20px}
.about-text p{color:var(--text-muted);margin-bottom:15px}
.about-features{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}
.about-feature{display:flex;align-items:center;gap:10px;padding:12px 15px;background:var(--glass);border-radius:10px;border:1px solid var(--glass-border)}
.about-feature .icon{font-size:20px}

/* Advantages */
.advantages{padding:100px 0;background:linear-gradient(180deg,transparent 0%,rgba(124,58,237,.03) 50%,transparent 100%)}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.adv-card{padding:40px 30px;background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;backdrop-filter:blur(10px);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}
.adv-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--gradient);transform:scaleX(0);transition:transform .5s;transform-origin:left}
.adv-card:hover::before{transform:scaleX(1)}
.adv-card:hover{transform:translateY(-10px);border-color:var(--primary-light);box-shadow:0 25px 60px rgba(124,58,237,.15)}
.adv-icon{width:60px;height:60px;border-radius:16px;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px;box-shadow:0 10px 30px rgba(124,58,237,.3)}
.adv-card h3{font-size:20px;font-weight:700;margin-bottom:12px}
.adv-card p{color:var(--text-muted);font-size:14px;line-height:1.8}

/* Games - Redesigned with real tab switching */
.games{padding:100px 0}
.games-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:40px;flex-wrap:wrap}
.game-tab{padding:10px 25px;border-radius:50px;background:var(--glass);border:1px solid var(--glass-border);cursor:pointer;transition:all .3s;font-weight:500;color:var(--text-muted);user-select:none}
.game-tab.active,.game-tab:hover{background:var(--gradient);color:#fff;border-color:transparent;box-shadow:0 5px 20px rgba(124,58,237,.3)}
.games-content{position:relative;min-height:320px}
.game-panel{display:none;animation:fadeInUp .4s ease}
.game-panel.active{display:block}
@keyframes fadeInUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.game-card{border-radius:16px;overflow:hidden;background:var(--glass);border:1px solid var(--glass-border);transition:all .4s;cursor:pointer;display:block}
.game-card:hover{transform:scale(1.03);box-shadow:0 20px 50px rgba(0,0,0,.3);border-color:var(--primary-light)}
.game-card img{width:100%;height:200px;object-fit:cover;transition:transform .5s}
.game-card:hover img{transform:scale(1.05)}
.game-card-info{padding:20px}
.game-card-info h4{font-size:16px;font-weight:700;margin-bottom:8px}
.game-card-info p{color:var(--text-muted);font-size:13px;line-height:1.7}
.game-card-info .game-tag{display:inline-block;padding:3px 10px;border-radius:20px;background:rgba(124,58,237,.15);color:var(--primary-light);font-size:11px;font-weight:600;margin-top:10px}
.games-cta{text-align:center;margin-top:40px}

/* APP Download */
.app-section{padding:100px 0;position:relative}
.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.app-info h2{font-size:36px;font-weight:900;margin-bottom:20px}
.app-info h2 span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.app-info p{color:var(--text-muted);margin-bottom:30px}
.app-buttons{display:flex;gap:15px}
.app-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-border);transition:all .3s}
.app-btn:hover{border-color:var(--primary);background:rgba(124,58,237,.1);transform:translateY(-3px)}
.app-btn .icon{font-size:28px}
.app-btn .text{text-align:left}
.app-btn .text small{font-size:11px;color:var(--text-muted)}
.app-btn .text strong{font-size:16px;display:block}
.phone-mockup{position:relative;text-align:center}
.phone-mockup img{max-height:500px;filter:drop-shadow(0 30px 60px rgba(0,0,0,.5))}
.phone-mockup::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:var(--gradient);border-radius:50%;filter:blur(100px);opacity:.2}

/* FAQ */
.faq-section{padding:100px 0;background:linear-gradient(180deg,transparent 0%,rgba(124,58,237,.03) 50%,transparent 100%)}
.faq-list{max-width:800px;margin:0 auto}
.faq-item{margin-bottom:12px;border:1px solid var(--glass-border);border-radius:14px;overflow:hidden;background:var(--glass);backdrop-filter:blur(10px);transition:all .3s}
.faq-item:hover{border-color:var(--primary-light)}
.faq-question{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;cursor:pointer;font-weight:600;font-size:16px}
.faq-arrow{transition:transform .3s;font-size:12px;color:var(--primary)}
.faq-item.open .faq-arrow{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 25px}
.faq-item.open .faq-answer{max-height:200px;padding:0 25px 20px}
.faq-answer p{color:var(--text-muted);font-size:14px;line-height:1.8}

/* News - Redesigned with header nav + horizontal scroll on mobile */
.news-section{padding:100px 0}
.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
.news-header .section-title{text-align:left;margin-bottom:0}
.news-header .btn-more{padding:10px 28px;border-radius:50px;border:2px solid var(--primary);color:var(--primary-light);font-weight:600;transition:all .3s;white-space:nowrap}
.news-header .btn-more:hover{background:var(--primary);color:#fff;box-shadow:0 5px 20px rgba(124,58,237,.3)}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.news-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:all .4s;display:flex;flex-direction:column}
.news-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(124,58,237,.15);border-color:var(--primary-light)}
.news-img{position:relative;overflow:hidden}
.news-img img{width:100%;height:200px;object-fit:cover;transition:transform .5s}
.news-card:hover .news-img img{transform:scale(1.08)}
.news-date{position:absolute;bottom:10px;left:10px;background:var(--gradient);padding:4px 12px;border-radius:20px;font-size:12px;color:#fff;font-weight:600}
.news-category{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.6);backdrop-filter:blur(5px);padding:3px 10px;border-radius:20px;font-size:11px;color:var(--accent);font-weight:600}
.news-info{padding:20px;flex:1;display:flex;flex-direction:column}
.news-info h4{font-size:16px;font-weight:700;margin-bottom:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-info p{color:var(--text-muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.news-info .read-more{color:var(--primary-light);font-size:13px;font-weight:600;margin-top:12px;display:inline-flex;align-items:center;gap:5px;transition:all .3s}
.news-info .read-more:hover{color:var(--accent);gap:8px}

/* Footer */
.footer{padding:80px 0 0;background:var(--dark);border-top:1px solid var(--glass-border);position:relative}
.footer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:var(--gradient)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px}
.footer-col h4{font-size:16px;font-weight:700;margin-bottom:18px;color:var(--white)}
.footer-col a{display:block;color:var(--text-muted);font-size:14px;padding:5px 0;transition:all .3s}
.footer-col a:hover{color:var(--primary-light);padding-left:5px}
.footer-partners{padding:30px 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}
.partners-scroll{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;align-items:center}
.partners-scroll img{height:40px;opacity:.5;transition:opacity .3s;filter:grayscale(100%)}
.partners-scroll img:hover{opacity:1;filter:grayscale(0%)}
.footer-bottom{padding:25px 0;text-align:center}
.footer-bottom p{color:var(--text-muted);font-size:13px}

/* Back to top */
.back-to-top{position:fixed;bottom:30px;right:30px;width:45px;height:45px;border-radius:50%;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;opacity:0;transform:translateY(20px);transition:all .4s;z-index:999;box-shadow:0 5px 20px rgba(124,58,237,.4)}
.back-to-top.visible{opacity:1;transform:translateY(0)}
.back-to-top:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(124,58,237,.6)}

/* ===== RESPONSIVE ===== */

/* Tablet landscape */
@media(max-width:1024px){
.hero-text h1{font-size:38px}
.hero-content{gap:30px}
.adv-grid{grid-template-columns:repeat(2,1fr)}
.stats-grid{grid-template-columns:repeat(2,1fr)}
.footer-grid{grid-template-columns:1fr 1fr}
.games-grid{grid-template-columns:repeat(2,1fr)}
.news-grid{grid-template-columns:repeat(2,1fr)}
.nav{gap:18px}
.nav a{font-size:14px}
}

/* Tablet portrait */
@media(max-width:768px){
.nav{display:none}
.hamburger{display:flex}
.mobile-nav{display:flex}
.hero-content{grid-template-columns:1fr;text-align:center;gap:30px}
.hero-text h1{font-size:34px}
.hero-text p{margin-left:auto;margin-right:auto;font-size:15px}
.hero-buttons{justify-content:center}
.hero-visual img{max-width:80%;margin:0 auto;display:block}
.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}
.stat-card{padding:20px}
.stat-number{font-size:32px}
.about-grid{grid-template-columns:1fr;gap:30px}
.about-text{order:1}
.about-features{grid-template-columns:1fr 1fr}
.adv-grid{grid-template-columns:1fr;gap:20px}
.adv-card{padding:25px 20px}
.games-tabs{gap:6px}
.game-tab{padding:8px 16px;font-size:13px}
.games-grid{grid-template-columns:1fr 1fr;gap:15px}
.game-card img{height:140px}
.app-grid{grid-template-columns:1fr;text-align:center;gap:30px}
.app-info h2{font-size:28px}
.app-buttons{justify-content:center;flex-wrap:wrap}
.app-btn{padding:12px 20px}
.phone-mockup img{max-height:350px}
.faq-question{padding:16px 20px;font-size:15px}
.news-header{flex-direction:column;gap:15px;align-items:flex-start}
.news-header .section-title{text-align:center;width:100%}
.news-header .btn-more{align-self:center}
.news-grid{grid-template-columns:1fr;gap:20px}
.news-img img{height:180px}
.footer-grid{grid-template-columns:1fr 1fr;gap:25px}
.section-title h2{font-size:28px}
.section-title p{font-size:14px}
.container{padding:0 16px}
.about,.advantages,.games,.app-section,.faq-section,.news-section{padding:60px 0}
}

/* Small phone */
@media(max-width:480px){
.hero{padding-top:70px;min-height:auto;padding-bottom:40px}
.hero-text h1{font-size:28px}
.hero-text p{font-size:14px}
.hero-buttons{flex-direction:column;align-items:center}
.btn-glow,.btn-outline{width:100%;max-width:260px;text-align:center}
.hero-visual img{max-width:95%}
.stats-grid{grid-template-columns:1fr 1fr;gap:10px}
.stat-card{padding:15px 10px}
.stat-number{font-size:26px}
.stat-label{font-size:12px}
.about-features{grid-template-columns:1fr}
.games-tabs{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.games-tabs::-webkit-scrollbar{display:none}
.game-tab{flex-shrink:0;padding:7px 14px;font-size:12px}
.games-grid{grid-template-columns:1fr;gap:15px}
.game-card img{height:160px}
.app-buttons{flex-direction:column;align-items:center}
.app-btn{width:100%;max-width:260px;justify-content:center}
.footer-grid{grid-template-columns:1fr;gap:20px;text-align:center}
.footer-col a{padding:4px 0}
.partners-scroll{gap:15px}
.partners-scroll img{height:30px}
.section-title h2{font-size:24px}
.news-img img{height:160px}
.back-to-top{bottom:20px;right:20px;width:40px;height:40px;font-size:16px}
}
</style>
</head>
<body>
<!-- Particles -->
<div id="particles-bg"></div>

<!-- Mobile Nav Overlay -->
<div class="mobile-nav" id="mobileNav">
<a href="#about" onclick="closeMobileNav()">关于我们</a>
<a href="#advantages" onclick="closeMobileNav()">平台优势</a>
<a href="#games" onclick="closeMobileNav()">游戏项目</a>
<a href="#app" onclick="closeMobileNav()">APP下载</a>
<a href="#faq" onclick="closeMobileNav()">常见问题</a>
<a href="#news" onclick="closeMobileNav()">新闻资讯</a>
<a href="https://betpinion.com" target="_blank" rel="noopener noreferrer" class="btn-glow" onclick="closeMobileNav()">立即注册</a>
</div>

<!-- Header -->
<header class="header" id="header">
<div class="container">
<a href="/" class="logo">
<img src="/images/icon.png" alt="星空体育">
<span>XINGKONG SPORTS</span>
</a>
<nav class="nav">
<a href="#about">关于我们</a>
<a href="#advantages">平台优势</a>
<a href="#games">游戏项目</a>
<a href="#app">APP下载</a>
<a href="#faq">常见问题</a>
<a href="#news">新闻资讯</a>
<a href="https://betpinion.com" target="_blank" rel="noopener noreferrer" class="btn-glow">立即注册</a>
</nav>
<div class="hamburger" id="hamburger" onclick="toggleMobileNav()">
<span></span><span></span><span></span>
</div>
</div>
</header>

<!-- Hero Section -->
<section class="hero" id="home">
<div class="container">
<div class="hero-content">
<div class="hero-text" data-aos="fade-right" data-aos-duration="1000">
<h1>亚洲领先的<br><span class="highlight">体育娱乐平台</span></h1>
<p>星空体育(XINGKONG SPORTS)覆盖全球热门赛事，提供体育投注、真人娱乐、电子竞技、棋牌游戏、彩票等丰富玩法。菲律宾政府合法牌照认证，与您同行。</p>
<div class="hero-buttons">
<a href="https://betpinion.com" target="_blank" rel="noopener noreferrer" class="btn-glow">🚀 立即体验</a>
<a href="#about" class="btn-outline">了解更多 →</a>
</div>
</div>
<div class="hero-visual" data-aos="fade-left" data-aos-duration="1000" data-aos-delay="200">
<img src="/images/banner.webp" alt="星空体育官网-XINGKONG SPORTS亚洲领先体育娱乐平台" width="600" height="400">
</div>
</div>
</div>
</section>

<!-- Stats -->
<section class="stats">
<div class="container">
<div class="stats-grid">
<div class="stat-card" data-aos="fade-up" data-aos-delay="0">
<div class="stat-number" data-count="50000">0</div>
<div class="stat-label">每月现场滚球投注</div>
</div>
<div class="stat-card" data-aos="fade-up" data-aos-delay="100">
<div class="stat-number" data-count="200">0</div>
<div class="stat-label">体育博彩玩法</div>
</div>
<div class="stat-card" data-aos="fade-up" data-aos-delay="200">
<div class="stat-number" data-count="99">0</div>
<div class="stat-label">返奖率 %</div>
</div>
<div class="stat-card" data-aos="fade-up" data-aos-delay="300">
<div class="stat-number" data-count="1000">0</div>
<div class="stat-label">每日精彩赛事</div>
</div>
</div>
</div>
</section>

<!-- About -->
<section class="about" id="about">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>关于 <span>星空体育</span></h2>
<div class="title-line"></div>
<p>XINGKONG SPORTS — 亚洲最具影响力的体育娱乐品牌</p>
</div>
<div class="about-grid">
<div class="about-text" data-aos="fade-right">
<h3>星空体育平台简介</h3>
<p>星空体育（XINGKONG SPORTS），简称"星空"，是华人市场领先的线上娱乐服务供应商，也是亚洲规模最大的在线娱乐公司之一。凭借卓越的产品品质和专业的服务团队，已发展为拥有千万会员的国民级互联网娱乐平台。</p>
<p>星空体育业务涵盖在线娱乐、体育赛事竞猜、足球彩票、棋牌游戏、真人娱乐、彩票购彩、电子竞技直播等多个领域。持有菲律宾政府颁发的合法经营许可证，同时获得亚洲博彩娱乐监管委员会(NCGAC)的安全游戏认证。</p>
<div class="about-features">
<div class="about-feature"><span class="icon">🔒</span><span>256位加密技术</span></div>
<div class="about-feature"><span class="icon">🏆</span><span>菲律宾合法牌照</span></div>
<div class="about-feature"><span class="icon">⚡</span><span>极速存取转款</span></div>
<div class="about-feature"><span class="icon">📱</span><span>三端全覆盖</span></div>
</div>
</div>
<div data-aos="fade-left">
<img src="/images/banner1.webp" alt="星空体育平台-在线娱乐服务品牌介绍" width="600" height="400" style="border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3)">
</div>
</div>
</div>
</section>

<!-- Advantages -->
<section class="advantages" id="advantages">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>选择星空体育的 <span>六大理由</span></h2>
<div class="title-line"></div>
<p>全方位保障您的娱乐体验</p>
</div>
<div class="adv-grid">
<div class="adv-card" data-aos="fade-up" data-aos-delay="0">
<div class="adv-icon">🔐</div>
<h3>加密安全管理</h3>
<p>采用国际标准256位加密技术和严格的安全管理体系，客户资金得到最完善的保障，让您全情尽享娱乐投注，无后顾之忧。</p>
</div>
<div class="adv-card" data-aos="fade-up" data-aos-delay="100">
<div class="adv-icon">⚡</div>
<h3>极速存取转款</h3>
<p>自主研发的财务处理系统真正做到极速存、取、转。支持银行转账、电子钱包等多种方式，存款即时到账，提款分钟级完成。</p>
</div>
<div class="adv-card" data-aos="fade-up" data-aos-delay="200">
<div class="adv-icon">🏆</div>
<h3>海量赛事种类</h3>
<p>每天提供近千场精彩体育赛事，覆盖足球、篮球、网球、电竞等热门项目，更有真人、彩票、电子游戏等多种娱乐方式。</p>
</div>
<div class="adv-card" data-aos="fade-up" data-aos-delay="0">
<div class="adv-icon">📱</div>
<h3>三端任您选择</h3>
<p>自主研发全套终端应用，支持PC网页版、iOS APP和Android APP，随时随地娱乐投注随心所欲，体验流畅不卡顿。</p>
</div>
<div class="adv-card" data-aos="fade-up" data-aos-delay="100">
<div class="adv-icon">🎯</div>
<h3>业界最高赔率</h3>
<p>星空体育提供业内最高赔率，覆盖世界各地赛事。让球、大小、半全场、波胆、单双、总入球、连串过关等多元竞猜。</p>
</div>
<div class="adv-card" data-aos="fade-up" data-aos-delay="200">
<div class="adv-icon">💬</div>
<h3>全天候客服支持</h3>
<p>专业客服团队全年365天、7×24小时在线服务。年轻、专业且热情的顾问团队，为您提供最优最有效的解决方案。</p>
</div>
</div>
</div>
</section>

<!-- Games - Redesigned with real tab switching -->
<section class="games" id="games">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>星空体育 <span>游戏项目</span></h2>
<div class="title-line"></div>
<p>七大游戏板块，满足您的所有娱乐需求</p>
</div>
<div class="games-tabs" data-aos="fade-up">
<div class="game-tab active" data-tab="sports">体育赛事</div>
<div class="game-tab" data-tab="live">真人娱乐</div>
<div class="game-tab" data-tab="chess">棋牌游戏</div>
<div class="game-tab" data-tab="esports">电子竞技</div>
<div class="game-tab" data-tab="lottery">彩票投注</div>
<div class="game-tab" data-tab="slots">电子游艺</div>
<div class="game-tab" data-tab="casual">娱乐游戏</div>
</div>
<div class="games-content">
<div class="game-panel active" id="tab-sports"><div class="games-grid">
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner.webp" alt="星空体育足球赛事投注" width="400" height="200"><div class="game-card-info"><h4>足球赛事投注</h4><p>覆盖英超、西甲、德甲、意甲、法甲五大联赛及欧冠、世界杯等全球顶级赛事，200+玩法任选。</p><span class="game-tag">热门推荐</span></div></a>
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner1.webp" alt="星空体育篮球投注NBA CBA" width="400" height="200"><div class="game-card-info"><h4>篮球赛事投注</h4><p>NBA、CBA、欧洲篮球联赛全覆盖，让球、大小分、胜负、半场等多元竞猜，零时差滚球投注。</p><span class="game-tag">实时滚球</span></div></a>
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner2.webp" alt="星空体育网球综合体育投注" width="400" height="200"><div class="game-card-info"><h4>网球 / 综合体育</h4><p>网球四大满贯、乒乓球、羽毛球、排球、棒球等综合体育赛事，每月30,000+场精彩比赛。</p><span class="game-tag">赛事丰富</span></div></a>
</div></div>
<div class="game-panel" id="tab-live"><div class="games-grid">
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner1.webp" alt="星空真人百家乐美女荷官" width="400" height="200"><div class="game-card-info"><h4>真人百家乐</h4><p>官方直营，最美荷官在线互动发牌，经典百家乐、免佣百家乐、多台百家乐等多种玩法。</p><span class="game-tag">人气最高</span></div></a>
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner.webp" alt="星空真人轮盘骰宝龙虎斗" width="400" height="200"><div class="game-card-info"><h4>真人轮盘 / 骰宝</h4><p>欧式轮盘、美式轮盘、骰宝、龙虎斗等经典桌游，高清视讯直播，身临其境的赌场体验。</p><span class="game-tag">经典桌游</span></div></a>
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner2.webp" alt="星空真人游戏秀互动娱乐" width="400" height="200"><div class="game-card-info"><h4>游戏秀 / 互动娱乐</h4><p>疯狂时间、梦想捕手、闪电轮盘等创新游戏秀节目，趣味互动与高额奖金完美结合。</p><span class="game-tag">创新玩法</span></div></a>
</div></div>
<div class="game-panel" id="tab-chess"><div class="games-grid">
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner2.webp" alt="星空棋牌德州扑克" width="400" height="200"><div class="game-card-info"><h4>德州扑克</h4><p>经典德州扑克、短牌德州、奥马哈等多种扑克玩法，从新手桌到高额桌，满足各级玩家。</p><span class="game-tag">策略对战</span></div></a>
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner.webp" alt="星空棋牌麻将斗地主" width="400" height="200"><div class="game-card-info"><h4>麻将 / 斗地主</h4><p>国粹麻将、欢乐斗地主、炸金花、二十一点等华人最爱的经典棋牌游戏，真人对战公平公正。</p><span class="game-tag">国民棋牌</span></div></a>
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner1.webp" alt="星空棋牌抢庄牛牛三公" width="400" height="200"><div class="game-card-info"><h4>抢庄牛牛 / 三公</h4><p>抢庄牛牛、看牌抢庄、三公、百人牛牛等快节奏棋牌游戏，刺激对决秒速开奖。</p><span class="game-tag">快速开奖</span></div></a>
</div></div>
<div class="game-panel" id="tab-esports"><div class="games-grid">
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner2.webp" alt="星空电竞英雄联盟DOTA2" width="400" height="200"><div class="game-card-info"><h4>英雄联盟 / DOTA2</h4><p>LOL世界赛、LPL、LCK、TI国际邀请赛等顶级电竞赛事竞猜，实时数据分析助您决策。</p><span class="game-tag">电竞热门</span></div></a>
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner.webp" alt="星空电竞CS2 VALORANT" width="400" height="200"><div class="game-card-info"><h4>CS2 / VALORANT</h4><p>Major锦标赛、VCT冠军赛等FPS电竞赛事，地图胜负、击杀数、手枪局等特色盘口。</p><span class="game-tag">FPS竞猜</span></div></a>
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner1.webp" alt="星空电竞王者荣耀手游" width="400" height="200"><div class="game-card-info"><h4>王者荣耀 / 手游电竞</h4><p>KPL职业联赛、和平精英PEL、PUBG全球赛等移动电竞赛事，覆盖亚洲最热门手游。</p><span class="game-tag">移动电竞</span></div></a>
</div></div>
<div class="game-panel" id="tab-lottery"><div class="games-grid">
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner1.webp" alt="星空彩票时时彩快三" width="400" height="200"><div class="game-card-info"><h4>时时彩 / 快三</h4><p>重庆时时彩、天津时时彩、江苏快三等高频彩种，每期仅需数分钟，快速开奖即时兑付。</p><span class="game-tag">高频快开</span></div></a>
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner2.webp" alt="星空彩票六合彩福彩体彩" width="400" height="200"><div class="game-card-info"><h4>六合彩 / 福彩体彩</h4><p>香港六合彩、双色球、大乐透、排列三五等经典彩种，奖金丰厚中奖率高。</p><span class="game-tag">经典彩种</span></div></a>
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner.webp" alt="星空彩票PC蛋蛋幸运28" width="400" height="200"><div class="game-card-info"><h4>PC蛋蛋 / 幸运28</h4><p>PC蛋蛋、加拿大28、幸运飞艇等趣味彩种，玩法简单易上手，赔率高回报快。</p><span class="game-tag">趣味投注</span></div></a>
</div></div>
<div class="game-panel" id="tab-slots"><div class="games-grid">
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner.webp" alt="星空电子经典老虎机" width="400" height="200"><div class="game-card-info"><h4>经典老虎机</h4><p>PG电子、PP电子、MG电子等顶级供应商，数千款老虎机游戏，累积奖池高达百万。</p><span class="game-tag">百万奖池</span></div></a>
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner1.webp" alt="星空电子捕鱼达人" width="400" height="200"><div class="game-card-info"><h4>捕鱼达人</h4><p>3D捕鱼、千炮捕鱼、深海猎手等多款捕鱼游戏，画面精美操作流畅，倍率最高可达1000倍。</p><span class="game-tag">休闲热门</span></div></a>
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner2.webp" alt="星空电子街机刮刮乐" width="400" height="200"><div class="game-card-info"><h4>街机 / 刮刮乐</h4><p>经典街机、虚拟赛马、刮刮乐、飞禽走兽等趣味电子游戏，小投入大回报。</p><span class="game-tag">小投大回报</span></div></a>
</div></div>
<div class="game-panel" id="tab-casual"><div class="games-grid">
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner2.webp" alt="星空娱乐Crash Aviator" width="400" height="200"><div class="game-card-info"><h4>Crash / Aviator</h4><p>飞机大作战、火箭升空等Crash类游戏，考验判断力与胆量，倍率无上限刺激无极限。</p><span class="game-tag">刺激无限</span></div></a>
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner.webp" alt="星空娱乐Mines Plinko" width="400" height="200"><div class="game-card-info"><h4>Mines / Plinko</h4><p>扫雷、弹珠台、骰子等创新小游戏，规则简单上手快，随时随地轻松娱乐。</p><span class="game-tag">轻松上手</span></div></a>
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="game-card"><img src="/images/banner1.webp" alt="星空虚拟体育投注" width="400" height="200"><div class="game-card-info"><h4>虚拟体育</h4><p>虚拟足球、虚拟赛马、虚拟赛狗等7×24小时不间断的虚拟体育赛事，随时投注随时开奖。</p><span class="game-tag">全天候</span></div></a>
</div></div>
</div>
<div class="games-cta" data-aos="fade-up"><a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="btn-glow">🎮 进入游戏大厅</a></div>
</div>
</section>

<!-- APP -->
<section class="app-section" id="app">
<div class="container">
<div class="app-grid">
<div class="app-info" data-aos="fade-right">
<h2>极速下载<br><span>星空体育APP</span></h2>
<p>行业顶尖原生APP，支持iOS和Android全平台。涵盖体育、电子、彩票、电竞、棋牌等众多板块。</p>
<div class="app-buttons">
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="app-btn"><span class="icon">🍎</span><span class="text"><small>Download on the</small><strong>App Store</strong></span></a>
<a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer" class="app-btn"><span class="icon">🤖</span><span class="text"><small>Get it on</small><strong>Google Play</strong></span></a>
</div>
</div>
<div class="phone-mockup" data-aos="fade-left">
<img src="/images/banner2.webp" alt="星空体育APP下载-iOS安卓全平台支持" width="500" height="350" style="border-radius:20px">
</div>
</div>
</div>
</section>

<!-- FAQ -->
<section class="faq-section" id="faq">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>星空体育 <span>常见问题</span></h2>
<div class="title-line"></div>
<p>为您解答关于星空体育平台的常见疑问</p>
</div>
<div class="faq-list">
<div class="faq-item" data-aos="fade-up"><div class="faq-question" onclick="toggleFaq(this)"><span>星空体育是否安全可靠？</span><span class="faq-arrow">▼</span></div><div class="faq-answer"><p>持有菲律宾政府颁发的合法经营许可证，采用256位加密技术保障用户信息和资金安全。</p></div></div>
<div class="faq-item" data-aos="fade-up"><div class="faq-question" onclick="toggleFaq(this)"><span>APP如何下载？</span><span class="faq-arrow">▼</span></div><div class="faq-answer"><p>提供iOS和Android双平台APP下载，扫码即可安装，体积小巧运行流畅。</p></div></div>
<div class="faq-item" data-aos="fade-up"><div class="faq-question" onclick="toggleFaq(this)"><span>提供哪些游戏？</span><span class="faq-arrow">▼</span></div><div class="faq-answer"><p>体育赛事投注、真人娱乐、电子竞技、棋牌游戏、彩票投注、电子游艺等六大类。</p></div></div>
<div class="faq-item" data-aos="fade-up"><div class="faq-question" onclick="toggleFaq(this)"><span>存取款速度如何？</span><span class="faq-arrow">▼</span></div><div class="faq-answer"><p>支持银行转账、电子钱包等多种方式，存款即时到账，提款几分钟内完成。</p></div></div>
<div class="faq-item" data-aos="fade-up"><div class="faq-question" onclick="toggleFaq(this)"><span>有年龄限制吗？</span><span class="faq-arrow">▼</span></div><div class="faq-answer"><p>严格禁止未满18岁未成年人参与博彩活动。建议理性投注。</p></div></div>
</div>
</div>
</section>

<!-- News - Redesigned with header nav -->
<section class="news-section" id="news">
<div class="container">
<div class="news-header" data-aos="fade-up">
<div class="section-title">
<h2>星空体育 <span>热门新闻</span></h2>
<div class="title-line"></div>
<p>最新体育资讯与深度分析</p>
</div>
<a href="/blog/" class="btn-more">查看全部新闻 →</a>
</div>
<div class="news-grid">
<a href="/xingkong-register-guide-2026/" class="news-card" data-aos="fade-up" data-aos-delay="0">
<div class="news-img"><img src="/images/news1.jpg" alt="星空体育2026年注册与使用指南" width="400" height="200"><span class="news-date">2026-02-22</span><span class="news-category">平台指南</span></div>
<div class="news-info"><h4>星空体育官网入口：2026年最全注册与使用指南</h4><p>详解星空体育官网入口、APP下载、存取款流程、游戏项目及安全保障...</p><span class="read-more">阅读全文 →</span></div></a>
<a href="/xingkong-app-download-2026/" class="news-card" data-aos="fade-up" data-aos-delay="100">
<div class="news-img"><img src="/images/news2.jpg" alt="星空体育赛事投注攻略" width="400" height="200"><span class="news-date">2026-02-22</span><span class="news-category">投注攻略</span></div>
<div class="news-info"><h4>星空体育APP下载：2026安卓苹果最新安装教程</h4><p>安卓APK直装、iOS描述文件安装，双平台完整教程...</p><span class="read-more">阅读全文 →</span></div></a>
<a href="/blog/" class="news-card" data-aos="fade-up" data-aos-delay="200">
<div class="news-img"><img src="/images/news3.jpg" alt="星空体育真人娱乐全攻略" width="400" height="200"><span class="news-date">2026-02-20</span><span class="news-category">娱乐攻略</span></div>
<div class="news-info"><h4>查看更多星空体育精彩资讯</h4><p>最新体育资讯、赛事分析、平台攻略尽在新闻中心...</p><span class="read-more">阅读全文 →</span></div></a>
</div>
</div>
</section>

<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div class="footer-col"><div class="logo" style="margin-bottom:20px"><img src="/images/icon.png" alt="星空体育" style="height:35px"><span>XINGKONG</span></div><p style="color:var(--text-muted);font-size:14px;line-height:1.8">亚洲领先的综合体育娱乐平台，菲律宾政府合法牌照认证。</p></div>
<div class="footer-col"><h4>游戏项目</h4><a href="#games">体育赛事</a><a href="#games">真人娱乐</a><a href="#games">电子竞技</a><a href="#games">棋牌游戏</a><a href="#games">彩票投注</a></div>
<div class="footer-col"><h4>关于我们</h4><a href="#about">平台简介</a><a href="#about">合法牌照</a><a href="#advantages">安全保障</a><a href="#faq">联系我们</a></div>
<div class="footer-col"><h4>客户服务</h4><a href="https://celluloidzombie.com" target="_blank" rel="noopener noreferrer">在线客服</a><a href="#faq">常见问题</a><a href="#faq">存取款帮助</a><a href="#faq">责任博彩</a></div>
</div>
<div class="footer-partners">
<div class="partners-scroll">
<img src="/images/icon.png" alt="合作伙伴"><img src="/images/icon1.png" alt="合作伙伴"><img src="/images/icon2.png" alt="合作伙伴"><img src="/images/icon3.png" alt="合作伙伴"><img src="/images/icon4.png" alt="合作伙伴"><img src="/images/icon5.png" alt="合作伙伴"><img src="/images/icon6.png" alt="合作伙伴"><img src="/images/icon7.png" alt="合作伙伴">
</div>
</div>
<div class="footer-bottom"><p>© 2024-2026 星空体育 XINGKONG SPORTS. All Rights Reserved.</p></div>
</div>
</footer>
<div class="back-to-top" id="backToTop" onclick="window.scrollTo({top:0,behavior:'smooth'})">↑</div>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init({once:true,offset:100});
window.addEventListener('scroll',()=>{document.getElementById('header').classList.toggle('scrolled',window.scrollY>50);document.getElementById('backToTop').classList.toggle('visible',window.scrollY>500)});
(function(){const bg=document.getElementById('particles-bg');for(let i=0;i<30;i++){const p=document.createElement('div');p.className='particle';const s=Math.random()*6+2;p.style.cssText=`width:${s}px;height:${s}px;left:${Math.random()*100}%;top:${Math.random()*100}%;animation-delay:${Math.random()*15}s;animation-duration:${Math.random()*10+10}s;opacity:${Math.random()*.15+.05}`;bg.appendChild(p)}})();
const counters=document.querySelectorAll('.stat-number');const suffixes=['+','+','%','+'];
const obs=new IntersectionObserver(entries=>{entries.forEach(e=>{if(e.isIntersecting){const el=e.target,t=+el.dataset.count;let c=0;const s=t/60;const idx=Array.from(counters).indexOf(el);const timer=setInterval(()=>{c+=s;if(c>=t){c=t;clearInterval(timer)}el.textContent=Math.floor(c).toLocaleString()+(suffixes[idx]||'')},25);obs.unobserve(el)}})},{threshold:.5});
counters.forEach(c=>obs.observe(c));
function toggleFaq(el){const item=el.parentElement;const isOpen=item.classList.contains('open');document.querySelectorAll('.faq-item').forEach(i=>i.classList.remove('open'));if(!isOpen)item.classList.add('open')}
// Game tabs - real switching
document.querySelectorAll('.game-tab').forEach(tab=>{tab.addEventListener('click',()=>{document.querySelectorAll('.game-tab').forEach(t=>t.classList.remove('active'));document.querySelectorAll('.game-panel').forEach(p=>p.classList.remove('active'));tab.classList.add('active');document.getElementById('tab-'+tab.dataset.tab).classList.add('active')})});
// Smooth scroll
document.querySelectorAll('a[href^="#"]').forEach(a=>{a.addEventListener('click',e=>{const href=a.getAttribute('href');if(href.length>1){e.preventDefault();const t=document.querySelector(href);if(t)t.scrollIntoView({behavior:'smooth',block:'start'})}})});
// Mobile nav
function toggleMobileNav(){document.getElementById('mobileNav').classList.toggle('open');document.getElementById('hamburger').classList.toggle('active');document.body.style.overflow=document.getElementById('mobileNav').classList.contains('open')?'hidden':''}
function closeMobileNav(){document.getElementById('mobileNav').classList.remove('open');document.getElementById('hamburger').classList.remove('active');document.body.style.overflow=''}
</script>
<script src="/news-loader.js"></script>
</body>
</html>
