*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;color:#323338;line-height:1.6;background:#f5f5f5}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}ul{list-style:none}.site-header{background:#fff;box-shadow:0 2px 20px rgba(0,0,0,0.08);position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:72px}.logo{display:flex;align-items:center;gap:10px}.logo img{height:40px;width:auto}.logo span{font-size:22px;font-weight:700;color:#ff6b35;letter-spacing:2px}.main-nav{display:flex;gap:36px}.main-nav a{font-size:16px;color:#666;font-weight:500;position:relative;padding:8px 0;transition:color 0.3s}.main-nav a::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#ff6b35;transform:scaleX(0);transition:transform 0.3s}.main-nav a:hover,.main-nav a.active{color:#ff6b35}.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1)}.page-banner{background:linear-gradient(135deg,#ff6b35 0%,#ff8c42 100%);color:#fff;padding:80px 0 60px;text-align:center}.page-banner h1{font-size:48px;font-weight:700;letter-spacing:4px;margin-bottom:16px}.page-banner p{font-size:20px;opacity:0.9}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:42px;font-weight:700;color:#323338;margin-bottom:16px}.section-title p{font-size:18px;color:#999}.btn-primary{display:inline-block;padding:14px 36px;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border-radius:30px;font-size:16px;font-weight:600;transition:transform 0.3s,box-shadow 0.3s;cursor:pointer;border:none}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,107,53,0.3)}.banner-section{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);min-height:720px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.banner-inner{width:1200px;display:flex;justify-content:space-between;align-items:center;padding:60px 0;position:relative;z-index:2}.banner-left{flex:1}.banner-sub{font-size:28px;color:rgba(255,255,255,0.75);letter-spacing:3px;margin-bottom:16px;font-weight:400;text-shadow:0 2px 10px rgba(0,0,0,0.3);padding-top:80px;}.banner-main,.banner-section .banner-left h1{font-size:72px;color:#fff!important;letter-spacing:6px;font-weight:700;line-height:1.2;margin-bottom:0;text-shadow:0 2px 10px rgba(0,0,0,0.3);}.banner-downloads{display:flex;gap:20px;margin-top:40px}.download-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:#fff;border-radius:46px;font-size:16px;font-weight:600;color:#323338;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:transform 0.3s,box-shadow 0.3s}.download-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.3)}.download-btn img{width:24px;height:24px}.banner-right{flex:1;display:flex;justify-content:flex-end}.banner-right img{max-width:100%}.banner-qrcode{margin-top:30px;display:flex;align-items:center;gap:12px;color:#fff;font-size:14px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card{background:#fff;border-radius:20px;padding:40px 30px;text-align:center;transition:transform 0.3s,box-shadow 0.3s}.card:hover{transform:translateY(-10px);box-shadow:0 12px 40px rgba(0,0,0,0.12)}.card-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#fff8ee,#fff5e6);border-radius:20px;display:flex;align-items:center;justify-content:center}.card-icon img{width:48px;height:48px}.card-title{font-size:24px;font-weight:700;color:#323338;margin-bottom:12px}.card-desc{font-size:16px;color:#888;line-height:1.6}.section{padding:100px 0}.section-gray{background:#f8f9fa}.section-orange{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.game-item{display:flex;flex-direction:column;align-items:center;padding:20px 15px;background:#fff;border-radius:16px;transition:transform 0.3s,box-shadow 0.3s;cursor:pointer}.game-item:hover{transform:translateY(-8px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}.game-item img{width:64px;height:64px;margin-bottom:12px}.game-item span{font-size:15px;color:#323338;font-weight:500}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.news-card{background:#fff;border-radius:16px;overflow:hidden;transition:transform 0.3s,box-shadow 0.3s}.news-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,0.1)}.news-img{width:100%;height:180px;background:linear-gradient(135deg,#fff8ee,#fff5e6);display:flex;align-items:center;justify-content:center;overflow:hidden}.news-img img{width:100%;height:100%;object-fit:cover}.news-content{padding:24px}.news-tag{display:inline-block;padding:4px 12px;background:#fff0e8;color:#ff6b35;border-radius:20px;font-size:12px;margin-bottom:12px}.news-title{font-size:18px;font-weight:700;color:#323338;margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-desc{font-size:14px;color:#999;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}.news-date{font-size:13px;color:#bbb}.game-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}.game-tab{padding:8px 20px;background:#fff;border:1px solid #eee;border-radius:20px;font-size:14px;color:#666;cursor:pointer;transition:all 0.3s}.game-tab:hover,.game-tab.active{background:#ff6b35;color:#fff;border-color:#ff6b35}.search-bar{display:flex;align-items:center;background:#fff;border-radius:30px;padding:8px 8px 8px 24px;max-width:500px;margin:30px auto 0;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.search-bar input{flex:1;border:none;outline:none;font-size:16px}.search-bar button{padding:12px 28px;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border:none;border-radius:22px;font-size:15px;cursor:pointer}.showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.showcase-item{border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s}.showcase-item:hover{transform:translateY(-10px)}.showcase-item img{width:100%;height:300px;object-fit:cover}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.platform-item{background:rgba(255,255,255,0.15);border:2px solid rgba(255,255,255,0.3);border-radius:20px;padding:30px 20px;text-align:center;color:#fff;transition:all 0.3s}.platform-item:hover{background:rgba(255,255,255,0.25);transform:translateY(-5px)}.platform-item h3{font-size:20px;margin-bottom:8px}.platform-item p{font-size:14px;opacity:0.8}.tabs{display:flex;gap:4px;margin-bottom:40px;background:#f5f5f5;border-radius:12px;padding:6px}.tab-btn{flex:1;padding:14px 24px;border:none;background:transparent;border-radius:8px;font-size:16px;font-weight:600;color:#666;cursor:pointer;transition:all 0.3s}.tab-btn:hover,.tab-btn.active{background:#fff;color:#ff6b35;box-shadow:0 2px 10px rgba(0,0,0,0.08)}.tab-content{display:none}.tab-content.active{display:block}.about-intro{font-size:18px;color:#666;line-height:1.8;margin-bottom:40px}.about-intro strong{color:#ff6b35}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{background:#fff;border-radius:20px;padding:40px 30px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,0.06)}.feature-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#fff8ee,#fff5e6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px}.feature-title{font-size:22px;font-weight:700;color:#323338;margin-bottom:16px}.feature-desc{font-size:15px;color:#888;line-height:1.6}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:60px}.contact-card{background:#fff;border-radius:20px;padding:32px 24px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,0.06)}.contact-icon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#ff6b35,#ff8c42);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px}.contact-label{font-size:14px;color:#999;margin-bottom:8px}.contact-value{font-size:16px;color:#323338;font-weight:600}.site-footer{background:#1a1a2e;color:#fff;padding:60px 0 30px}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:40px}.footer-about h4{font-size:22px;color:#ff6b35;margin-bottom:20px}.footer-about p{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.8}.footer-col h4{font-size:16px;color:#fff;margin-bottom:20px}.footer-col a{display:block;font-size:14px;color:rgba(255,255,255,0.6);margin-bottom:12px;transition:color 0.3s}.footer-col a:hover{color:#ff6b35}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:30px;text-align:center;font-size:13px;color:rgba(255,255,255,0.4);line-height:2}.footer-bottom p{margin-bottom:8px}@media (max-width:1024px){.card-grid{grid-template-columns:repeat(2,1fr)}.game-grid{grid-template-columns:repeat(4,1fr)}.news-grid{grid-template-columns:repeat(2,1fr)}.footer-row{grid-template-columns:1fr 1fr}}@media (max-width:768px){.banner-inner{flex-direction:column;text-align:center;padding:40px 20px}.banner-left{padding-top:0}.banner-sub{font-size:28px;color:rgba(255,255,255,0.75);letter-spacing:3px;margin-bottom:16px;font-weight:400;text-shadow:0 2px 10px rgba(0,0,0,0.3);padding-top:80px;}.banner-main{font-size:60px}.banner-downloads{justify-content:center;flex-wrap:wrap}.banner-right{margin-top:40px}.game-grid{grid-template-columns:repeat(3,1fr)}.news-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:repeat(2,1fr)}.footer-row{grid-template-columns:1fr}.main-nav{display:none}}