:root{
  --bg:#060606;
  --bg-soft:#111111;
  --panel:#171717;
  --panel-soft:#1d1d1d;
  --line:rgba(255,255,255,.1);
  --line-soft:rgba(255,255,255,.06);
  --text:#f5efe3;
  --muted:#cbbca0;
  --ink:#181410;
  --paper:#f5f1e6;
  --paper-soft:#fffaf0;
  --red:#ca2f2f;
  --red-deep:#931919;
  --gold:#d6a650;
  --gold-soft:#f4de98;
  --shadow:0 20px 54px rgba(0,0,0,.28);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button{font:inherit}

.gg-shell{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
}

.gg-header{
  position:sticky;
  top:0;
  z-index:80;
  border-bottom:1px solid var(--line);
  background:rgba(6,6,6,.88);
  backdrop-filter:blur(14px);
}
.gg-header-inner{
  min-height:78px;
  display:grid;
  grid-template-columns:auto 1fr auto auto;
  gap:24px;
  align-items:center;
}
.gg-brand img{
  width:auto;
  max-width:158px;
  max-height:44px;
  object-fit:contain;
}
.gg-nav{
  justify-self:center;
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  font-size:14px;
  font-weight:800;
  color:#f7ecd4;
}
.gg-nav a:hover{color:var(--gold-soft)}
.gg-header-cta{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--gold),var(--gold-soft));
  color:#101010;
  font-weight:1000;
}
.gg-menu{
  display:none;
  width:42px;
  height:38px;
  padding:0;
  border:0;
  background:transparent;
}
.gg-menu span{
  display:block;
  width:24px;
  height:2px;
  margin:5px auto;
  background:#fff;
  border-radius:2px;
}

.gg-opening{
  position:relative;
  overflow:hidden;
  padding:132px 0 108px;
  background:
    radial-gradient(circle at 18% 20%,rgba(202,47,47,.26),transparent 28%),
    radial-gradient(circle at 78% 12%,rgba(214,166,80,.18),transparent 22%),
    linear-gradient(135deg,#050505 0%,#120a0a 46%,#060606 100%);
}
.gg-opening-backdrop{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(6,6,6,.22),rgba(6,6,6,.84)),
    url("../../../ggpoker-download-entry/static/pic/ggpoker-download-hero.webp") center/cover no-repeat;
  opacity:.42;
  transform:scale(1.04);
}
.gg-opening-content{
  position:relative;
  z-index:1;
  max-width:900px;
  text-align:center;
}
.gg-eyebrow{
  margin:0 0 14px;
  color:var(--gold-soft);
  font-size:13px;
  font-weight:1000;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.gg-opening h1{
  margin:0 auto 18px;
  max-width:860px;
  font-size:clamp(42px,6vw,78px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.gg-opening-text{
  margin:0 auto;
  max-width:760px;
  color:#f0dfc3;
  font-size:18px;
  line-height:1.85;
}
.gg-opening-actions{
  margin-top:30px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
}
.gg-btn{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  border-radius:999px;
  font-weight:1000;
  transition:transform .18s ease, box-shadow .18s ease;
}
.gg-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}
.gg-btn-primary{
  background:linear-gradient(135deg,var(--gold),var(--gold-soft));
  color:#111;
}
.gg-btn-secondary{
  background:rgba(255,255,255,.08);
  border:1px solid var(--line);
  color:#fff6e8;
}
.gg-topic-list{
  margin-top:28px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
}
.gg-topic-list span{
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.34);
  color:#fff6e8;
  font-size:13px;
  font-weight:800;
}

.gg-section{padding:88px 0}
.gg-section-head{
  max-width:760px;
  margin:0 auto 34px;
  text-align:center;
}
.gg-section-head-left{
  margin-left:0;
  text-align:left;
}
.gg-section-head h2,
.gg-marquee-card h2,
.gg-cta-box h2{
  margin:10px 0 12px;
  font-size:clamp(30px,4vw,56px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.gg-section-head p,
.gg-marquee-card p,
.gg-cta-box p{
  color:var(--muted);
  line-height:1.78;
}

.gg-marquee{
  background:#0d0d0d;
}
.gg-marquee-card{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:28px;
  align-items:end;
  padding:34px;
  border:1px solid var(--line);
  border-radius:32px;
  background:
    linear-gradient(140deg,rgba(202,47,47,.16),transparent 36%),
    linear-gradient(140deg,rgba(214,166,80,.08),transparent 58%),
    #131313;
  box-shadow:var(--shadow);
}

.gg-wsop{
  background:var(--paper);
  color:var(--ink);
}
.gg-wsop .gg-section-head p,
.gg-games .gg-section-head p,
.gg-devices .gg-section-head p{
  color:#615748;
}
.gg-wsop-stage{
  display:grid;
  gap:24px;
}
.gg-wsop-poster{
  margin:0;
  min-height:280px;
  overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(24,20,16,.08);
  background:#fff;
  box-shadow:0 18px 40px rgba(24,20,16,.08);
}
.gg-wsop-poster img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.gg-stage-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.gg-stage-card{
  padding:24px;
  border-radius:28px;
  color:#fff;
  box-shadow:0 16px 34px rgba(0,0,0,.12);
}
.gg-stage-card h3{
  margin:10px 0 10px;
  font-size:28px;
}
.gg-stage-card p{
  margin:0;
  color:rgba(255,255,255,.84);
  line-height:1.72;
}
.gg-stage-card-red{
  background:linear-gradient(160deg,#b92d2d,#551111);
}
.gg-stage-card-gold{
  background:linear-gradient(160deg,#d6a650,#594016);
}
.gg-stage-card-dark{
  background:linear-gradient(160deg,#1d1d1d,#090909);
}
.gg-stage-tag{
  display:inline-flex;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  font-size:12px;
  font-weight:1000;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.gg-games{
  background:linear-gradient(180deg,#0c0c0c,#141010);
}
.gg-games-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.gg-game-card{
  overflow:hidden;
  border-radius:30px;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.gg-game-card figure{
  margin:0;
  min-height:240px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
}
.gg-game-card img{
  max-height:210px;
  object-fit:contain;
}
.gg-game-copy{
  padding:24px 24px 28px;
}
.gg-card-label{
  color:#fff4d2;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.gg-game-copy h3{
  margin:8px 0 10px;
  font-size:32px;
}
.gg-game-copy p{
  margin:0;
  line-height:1.72;
  color:#f0e6d1;
}
.gg-game-copy a{
  display:inline-flex;
  margin-top:16px;
  color:#fff;
  font-weight:1000;
}
.gg-game-rush{background:linear-gradient(180deg,#2a1111,#140a0a)}
.gg-game-rush figure{background:rgba(255,255,255,.04)}
.gg-game-spin{background:linear-gradient(180deg,#3a2a0e,#171106)}
.gg-game-spin figure{background:rgba(255,244,217,.08)}
.gg-game-masters{background:linear-gradient(180deg,#101010,#181818)}
.gg-game-masters figure{background:rgba(255,255,255,.03)}

.gg-devices{
  background:var(--paper);
  color:var(--ink);
}
.gg-device-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.gg-device-card{
  padding:24px;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(24,20,16,.08);
  box-shadow:0 16px 36px rgba(24,20,16,.08);
}
.gg-device-card figure{
  margin:0 0 18px;
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:22px;
  background:#f4efe6;
}
.gg-device-card img{
  max-height:200px;
  object-fit:contain;
}
.gg-device-card h3{
  margin:0 0 8px;
  font-size:28px;
}
.gg-device-card p{
  margin:0;
  color:#5e5648;
  line-height:1.72;
}
.gg-device-card a{
  display:inline-flex;
  margin-top:16px;
  color:#a72323;
  font-weight:1000;
}
.gg-device-card-wide figure{
  background:#120b0b;
}

.gg-timeline{
  background:#090909;
}
.gg-timeline-banner{
  margin:0 0 22px;
  overflow:hidden;
  border-radius:30px;
  border:1px solid var(--line);
}
.gg-timeline-banner img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.gg-timeline-track{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.gg-timeline-track article{
  position:relative;
  padding:22px 20px 24px;
  border-radius:24px;
  background:#151515;
  border:1px solid var(--line-soft);
}
.gg-timeline-track span{
  color:var(--gold-soft);
  font-size:12px;
  font-weight:1000;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.gg-timeline-track h3{
  margin:10px 0 8px;
  font-size:24px;
}
.gg-timeline-track p{
  margin:0;
  color:#deceb0;
  line-height:1.7;
}

.gg-guide{
  background:linear-gradient(180deg,#141010,#0b0b0b);
}
.gg-guide-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.gg-guide-card{
  min-height:210px;
  padding:24px;
  border-radius:28px;
  background:#171717;
  border:1px solid var(--line);
}
.gg-guide-card h3{
  margin:0 0 10px;
  font-size:24px;
}
.gg-guide-card p{
  margin:0;
  color:#e6d6b7;
  line-height:1.72;
}
.gg-guide-card-media{
  padding:0;
  overflow:hidden;
}
.gg-guide-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.gg-faq{
  background:var(--paper-soft);
  color:var(--ink);
}
.gg-faq .gg-section-head p{
  color:#5f5649;
}
.gg-faq-list{
  display:grid;
  gap:14px;
}
.gg-faq-list details{
  border-radius:24px;
  border:1px solid rgba(24,20,16,.1);
  background:#fff;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(24,20,16,.06);
}
.gg-faq-list summary{
  cursor:pointer;
  list-style:none;
  padding:20px 24px;
  font-size:18px;
  font-weight:900;
}
.gg-faq-list summary::-webkit-details-marker{display:none}
.gg-faq-list p{
  margin:0;
  padding:0 24px 22px;
  color:#5f5649;
  line-height:1.76;
}

.gg-cta{
  padding:64px 0 92px;
  background:#0a0a0a;
}
.gg-cta-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:34px;
  border-radius:32px;
  border:1px solid var(--line);
  background:
    linear-gradient(135deg,rgba(202,47,47,.12),transparent 40%),
    linear-gradient(135deg,rgba(214,166,80,.12),transparent 75%),
    #151515;
  box-shadow:var(--shadow);
}

.gg-footer{
  padding:30px 0 40px;
  border-top:1px solid var(--line);
  background:#050505;
}
.gg-footer-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.gg-footer-brand{
  display:flex;
  align-items:center;
  gap:14px;
}
.gg-footer-brand img{
  max-width:150px;
  max-height:44px;
  object-fit:contain;
}
.gg-footer-brand p{
  margin:4px 0 0;
  color:#c7b793;
}
.gg-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  color:#f2e6ca;
  font-weight:800;
}

.gg-backtop{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:60;
  width:52px;
  height:52px;
  border:0;
  border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--gold-soft));
  color:#111;
  font-weight:1000;
  cursor:pointer;
  opacity:0;
  pointer-events:none;
}
.gg-backtop.is-visible{
  opacity:1;
  pointer-events:auto;
}

.img-missing,
.image-empty{
  display:none!important;
}

@media(max-width:1080px){
  .gg-header-inner{grid-template-columns:auto 1fr auto}
  .gg-nav{
    position:absolute;
    top:78px;
    left:0;
    right:0;
    display:none;
    flex-direction:column;
    gap:0;
    padding:10px 22px 18px;
    background:#070707;
    border-bottom:1px solid var(--line);
  }
  .gg-nav.is-open{display:flex}
  .gg-nav a{
    padding:12px 0;
    border-bottom:1px solid var(--line-soft);
  }
  .gg-menu{
    display:block;
    justify-self:end;
  }
  .gg-header-cta{display:none}
  .gg-marquee-card,
  .gg-stage-grid,
  .gg-games-grid,
  .gg-device-grid,
  .gg-timeline-track,
  .gg-guide-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .gg-shell{width:min(100% - 28px,1180px)}
  .gg-opening{
    padding:108px 0 88px;
  }
  .gg-opening h1{
    font-size:42px;
  }
  .gg-opening-text{
    font-size:16px;
  }
  .gg-opening-actions,
  .gg-cta-box,
  .gg-footer-inner{
    flex-direction:column;
    align-items:flex-start;
  }
  .gg-btn{
    width:100%;
  }
}