/* Reset & 基础 */
* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:'Segoe UI',Arial,sans-serif;background:#f8f9fa;color:#222;line-height:1.7;}
.container {max-width:1200px;margin:0 auto;padding:0 16px;}

/* 导航栏 */
.navbar {background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.04);position:sticky;top:0;z-index:100;}
.nav-flex {display:flex;align-items:center;justify-content:space-between;}
.logo {font-weight:700;font-size:1.5rem;display:flex;align-items:center;gap:8px;text-decoration:none;color:#1a73e8;}
.nav-menu {list-style:none;display:flex;gap:24px;}
.nav-menu li a {text-decoration:none;color:#222;font-weight:500;padding:12px 8px;transition:.2s;}
.nav-menu li a:hover {color:#1a73e8;}
.nav-toggle {display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#222;}
@media (max-width:768px){
  .nav-toggle {display:block;}
  .nav-menu{flex-direction:column;gap:0;position:absolute;top:60px;left:0;right:0;background:#fff;display:none;box-shadow:0 2px 8px rgba(0,0,0,0.08);} 
  .nav-menu.active{display:flex;} 
  .nav-menu li a{padding:16px 20px;border-bottom:1px solid #f0f0f0;}
  .nav-menu li:last-child a{border-bottom:none;}
}

/* Hero 区 */
.hero-section {background:linear-gradient(90deg,#1a73e8 0%,#34a853 100%);color:#fff;padding:64px 0 32px 0;text-align:center;}
.hero-content h1 {font-size:2.5rem;font-weight:800;}
.subtitle {font-size:1.2rem;margin:16px 0 24px 0;}
.cta-btn {background:#fff;color:#1a73e8;padding:12px 32px;border-radius:32px;font-weight:700;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:.2s;}
.cta-btn:hover {background:#e3f2fd;}
.hero-imgs {display:flex;justify-content:center;gap:24px;margin-top:32px;}
.hero-svg {width:120px;height:120px;}

/* 关键词区块 */
.keywords-section {background:#fff;padding:48px 0;}
.keywords-list {display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px;}
.keyword-item h3 {color:#1a73e8;}
.keywords-imgs {display:flex;gap:24px;justify-content:center;margin-top:32px;}
.kw-svg {width:80px;height:80px;}
@media (max-width:768px){.keywords-list{grid-template-columns:1fr;}}

/* 博彩相关内容模块 */
.betting-section {background:#f1f3f4;padding:48px 0;}
.betting-modules {display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.betting-item h3 {color:#34a853;}
.betting-imgs {display:flex;gap:24px;justify-content:center;margin-top:32px;}
.bet-svg {width:80px;height:80px;}
@media (max-width:768px){.betting-modules{grid-template-columns:1fr;}}

/* FAQ */
.faq-section {background:#fff;padding:48px 0;}
.faq-list {margin-top:32px;}
.faq-item h3 {color:#1a73e8;}

/* 关于我们/平台 */
.about-section,.platform-section {background:#f1f3f4;padding:48px 0;}
.about-section h2,.platform-section h2 {color:#1a73e8;}

/* 联系我们 */
.contact-section {background:#fff;padding:48px 0;}
.social-icons {display:flex;gap:16px;margin-top:16px;}
.social-icons img {width:32px;height:32px;}

/* 页脚 */
.footer {background:#222;color:#fff;padding:24px 0;}
.footer-flex {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.footer-links a {color:#90caf9;text-decoration:none;margin:0 8px;}
.footer-links a:hover {text-decoration:underline;}
@media (max-width:768px){.footer-flex{flex-direction:column;gap:12px;}}

/* 通用 */
h2 {font-size:2rem;margin-bottom:16px;}
h3 {font-size:1.2rem;margin-bottom:8px;}
p {margin-bottom:12px;}