* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family: "Segoe UI", "Helvetica Neue", Arial, "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif;
  background: linear-gradient(135deg, #f8fafc 0%, #e0f2fe 100%);
  color: #1e293b;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6,p,span,a,div,section,footer,header,nav,main,article,aside,ul,ol,li,blockquote,button,input {
  font-family: "Segoe UI", "Helvetica Neue", Arial, "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif;
}
a { color:#0ea5e9; text-decoration:none; transition: color 0.3s ease; }
a:hover { color:#0284c7; }
img { max-width:100%; border-radius: 12px; }

/* 导航 */
.site-nav {
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom:1px solid #e2e8f0;
  position: sticky;
  top:0;
  z-index:1000;
  box-shadow:0 2px 12px rgba(0,0,0,0.04);
}
.nav-container {
  max-width:1280px;
  margin:0 auto;
  padding:14px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.nav-links {
  display:flex;
  gap:28px;
  flex-wrap:wrap;
}
.nav-links a {
  font-weight:600;
  font-size:0.95rem;
  color:#334155;
  padding:6px 0;
  position:relative;
}
.nav-links a:hover { color:#0ea5e9; }
.nav-links a::after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background:#0ea5e9;
  transition:width 0.3s ease;
}
.nav-links a:hover::after { width:100%; }

/* Hero */
.hero {
  padding:80px 24px 60px;
  text-align:center;
  background: linear-gradient(180deg, #e0f2fe 0%, #f8fafc 100%);
}
.hero-content { max-width:900px; margin:0 auto; }
.hero h1 {
  font-size:2.4rem;
  font-weight:800;
  color:#0c4a6e;
  margin-bottom:20px;
  letter-spacing:-0.02em;
}
.hero .geo-desc {
  font-size:1.1rem;
  color:#475569;
  max-width:760px;
  margin:0 auto 36px;
  line-height:1.85;
}
.hero img.hero-main-img {
  max-width:700px;
  width:100%;
  border-radius:20px;
  box-shadow:0 16px 40px rgba(14,165,233,0.15);
}

/* 通用Section */
.section {
  max-width:1280px;
  margin:0 auto;
  padding:64px 24px;
}
.section-title {
  font-size:2rem;
  font-weight:700;
  text-align:center;
  color:#0c4a6e;
  margin-bottom:8px;
}
.section-subtitle {
  text-align:center;
  color:#64748b;
  margin-bottom:44px;
  font-size:1rem;
}

/* 卡片网格 */
.card-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:24px;
}
.card {
  background:rgba(255,255,255,0.92);
  border-radius:16px;
  padding:28px 24px;
  box-shadow:0 4px 16px rgba(0,0,0,0.05);
  border:1px solid rgba(224,242,254,0.8);
  transition:transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
  transform:translateY(-4px);
  box-shadow:0 10px 28px rgba(14,165,233,0.12);
}
.card-icon { font-size:2rem; margin-bottom:12px; }
.card-title { font-weight:700; font-size:1.1rem; color:#0c4a6e; margin-bottom:8px; }
.card-desc { color:#475569; font-size:0.92rem; line-height:1.7; }

/* 数据统计 */
.stats-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}
.stat-item {
  text-align:center;
  padding:32px 16px;
  background:rgba(255,255,255,0.92);
  border-radius:16px;
  box-shadow:0 4px 12px rgba(0,0,0,0.04);
  border:1px solid rgba(224,242,254,0.8);
}
.stat-number {
  font-size:2.6rem;
  font-weight:800;
  color:#0ea5e9;
  line-height:1.2;
}
.stat-label { color:#64748b; margin-top:8px; font-size:0.92rem; }

/* 品牌故事 */
.brand-story-wrap {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:center;
  background:rgba(255,255,255,0.92);
  border-radius:20px;
  padding:40px;
  box-shadow:0 4px 16px rgba(0,0,0,0.04);
  border:1px solid rgba(224,242,254,0.8);
}
.brand-story-wrap img { border-radius:16px; box-shadow:0 8px 20px rgba(0,0,0,0.06); }
.brand-story-text h3 { font-size:1.4rem; color:#0c4a6e; margin-bottom:16px; }
.brand-story-text p { color:#475569; margin-bottom:12px; }

/* 焦点赛事 */
.events-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:24px;
}
.event-card {
  background:rgba(255,255,255,0.92);
  border-radius:16px;
  padding:24px;
  box-shadow:0 4px 12px rgba(0,0,0,0.04);
  border:1px solid rgba(224,242,254,0.8);
  display:flex;
  flex-direction:column;
  gap:12px;
}
.event-card .event-type { font-size:0.8rem; font-weight:700; color:#0ea5e9; text-transform:uppercase; letter-spacing:0.05em; }
.event-card .event-name { font-size:1.15rem; font-weight:700; color:#0c4a6e; }
.event-card .event-info { color:#64748b; font-size:0.9rem; }
.event-card img { border-radius:12px; margin-top:8px; }

/* 游戏推荐 */
.game-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:20px;
}
.game-card {
  background:rgba(255,255,255,0.92);
  border-radius:14px;
  padding:20px 16px;
  text-align:center;
  box-shadow:0 3px 10px rgba(0,0,0,0.04);
  border:1px solid rgba(224,242,254,0.8);
  transition:transform 0.3s ease;
}
.game-card:hover { transform:translateY(-4px); }
.game-card .game-emoji { font-size:2.4rem; margin-bottom:10px; }
.game-card .game-name { font-weight:700; color:#0c4a6e; margin-bottom:4px; }
.game-card .game-tag { font-size:0.8rem; color:#94a3b8; }

/* 用户口碑 */
.testimonial-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:24px;
}
.testimonial-card {
  background:rgba(255,255,255,0.92);
  border-radius:16px;
  padding:28px;
  box-shadow:0 4px 12px rgba(0,0,0,0.04);
  border:1px solid rgba(224,242,254,0.8);
}
.testimonial-stars { color:#fbbf24; margin-bottom:12px; font-size:1rem; }
.testimonial-text { color:#475569; font-size:0.95rem; margin-bottom:16px; font-style:italic; }
.testimonial-author { font-weight:700; color:#0c4a6e; font-size:0.9rem; }

/* CTA */
.cta-section {
  background:linear-gradient(135deg,#0c4a6e 0%,#0ea5e9 100%);
  border-radius:24px;
  padding:60px 40px;
  text-align:center;
  color:white;
  max-width:1100px;
  margin:0 auto;
}
.cta-section h2 { font-size:2rem; margin-bottom:16px; color:white; }
.cta-section p { color:#e0f2fe; margin-bottom:32px; font-size:1.05rem; max-width:700px; margin-left:auto; margin-right:auto; }
.cta-btn {
  display:inline-block;
  background:white;
  color:#0c4a6e;
  font-weight:700;
  padding:14px 36px;
  border-radius:50px;
  font-size:1.05rem;
  box-shadow:0 4px 20px rgba(0,0,0,0.15);
  transition:transform 0.3s ease, box-shadow 0.3s ease;
}
.cta-btn:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 28px rgba(0,0,0,0.2);
  color:#0ea5e9;
}

/* 新闻 */
.news-list {
  display:grid;
  gap:24px;
  max-width:1100px;
  margin:0 auto;
}
.news-item {
  display:flex;
  gap:20px;
  background:rgba(255,255,255,0.92);
  border-radius:16px;
  padding:24px;
  box-shadow:0 4px 12px rgba(0,0,0,0.04);
  border:1px solid rgba(224,242,254,0.8);
  align-items:flex-start;
}
.news-item .news-date {
  flex-shrink:0;
  background:#e0f2fe;
  color:#0369a1;
  font-size:0.8rem;
  font-weight:700;
  padding:4px 12px;
  border-radius:20px;
  display:inline-block;
  align-self:flex-start;
}
.news-content { flex:1; }
.news-content h3 { font-size:1.1rem; font-weight:700; color:#0c4a6e; margin-bottom:6px; }
.news-content h3 a { color:#0c4a6e; }
.news-content h3 a:hover { color:#0ea5e9; }
.news-summary { color:#475569; font-size:0.93rem; line-height:1.7; }

/* FAQ */
.faq-list { max-width:900px; margin:0 auto; }
.faq-item {
  background:rgba(255,255,255,0.92);
  border-radius:14px;
  padding:24px 28px;
  margin-bottom:16px;
  box-shadow:0 3px 10px rgba(0,0,0,0.03);
  border:1px solid rgba(224,242,254,0.8);
}
.faq-q {
  font-weight:700;
  color:#0c4a6e;
  font-size:1.05rem;
  margin-bottom:10px;
  display:flex;
  align-items:center;
  gap:10px;
}
.faq-q::before { content:"Q"; background:#0ea5e9; color:white; border-radius:50%; width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; font-size:0.8rem; flex-shrink:0; }
.faq-a { color:#475569; font-size:0.95rem; line-height:1.75; padding-left:38px; position:relative; }
.faq-a::before { content:"A"; background:#e2e8f0; color:#64748b; border-radius:50%; width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; font-size:0.8rem; position:absolute; left:0; top:4px; }

/* 页脚 */
.site-footer {
  background:#1e293b;
  color:#94a3b8;
  padding:56px 24px 24px;
  margin-top:64px;
}
.footer-inner {
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:40px;
}
.footer-col h4 { color:#e2e8f0; font-size:1rem; margin-bottom:16px; }
.footer-col p { font-size:0.9rem; margin-bottom:8px; line-height:1.7; }
.footer-links { list-style:none; }
.footer-links li { margin-bottom:8px; }
.footer-links a { color:#94a3b8; font-size:0.9rem; }
.footer-links a:hover { color:white; }
.footer-bottom {
  max-width:1280px;
  margin:40px auto 0;
  padding-top:24px;
  border-top:1px solid #334155;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:16px;
  font-size:0.85rem;
  color:#64748b;
}
.footer-bottom a { color:#94a3b8; }
.footer-bottom a:hover { color:white; }

/* 响应式 */
@media (max-width:768px) {
  .nav-links { gap:14px; }
  .hero { padding:48px 16px 40px; }
  .hero h1 { font-size:1.7rem; }
  .stats-grid { grid-template-columns:repeat(2,1fr); }
  .brand-story-wrap { grid-template-columns:1fr; padding:24px; }
  .news-item { flex-direction:column; }
  .section { padding:48px 16px; }
  .cta-section { padding:40px 20px; }
}