.elementor-631 .elementor-element.elementor-element-71735008{--display:flex;}.elementor-631 .elementor-element.elementor-element-44025fa1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-631 .elementor-element.elementor-element-3a2fae53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-631 .elementor-element.elementor-element-6a4d7d33{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-631 .elementor-element.elementor-element-73ae9730{--alignment:left;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-631 .elementor-element.elementor-element-1b9e8c51{--display:flex;}@media(max-width:1024px){ .elementor-631 .elementor-element.elementor-element-73ae9730{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(min-width:768px){.elementor-631 .elementor-element.elementor-element-3a2fae53{--width:66.6666%;}.elementor-631 .elementor-element.elementor-element-6a4d7d33{--width:33.3333%;}}@media(max-width:767px){.elementor-631 .elementor-element.elementor-element-64dc2e3f.elementor-element{--align-self:center;}.elementor-631 .elementor-element.elementor-element-73ae9730{--alignment:center;} .elementor-631 .elementor-element.elementor-element-73ae9730{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for html, class: .elementor-element-237645 *//* —— 外层容器：用 aspect-ratio 自适应 —— */
.gameFrame{ position:relative; width:100%; margin-bottom:20px; }
.gameFrame iframe{
  width:100%; aspect-ratio:16/9; height:auto; border:0; display:block;
  background:#000; /* 加黑底，四周更干净 */
}

/* —— 纯 CSS 控制遮罩显隐 —— */
#dismissOverlay:not(:checked) ~ .demo-guard{ opacity:1; pointer-events:auto; }
#dismissOverlay:checked       ~ .demo-guard{ opacity:0; pointer-events:none; }

/* —— 遮罩层 —— */
.demo-guard{
  position:absolute; inset:0; z-index:10;
  display:flex; align-items:center; justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(4px);
  opacity:0; pointer-events:none; transition:opacity .25s ease;
}

/* —— 面板（深色卡片） —— */
.demo-card{
  width:min(520px,92vw);
  padding:22px 18px 16px;
  border-radius:20px;
  background:linear-gradient(180deg,#121214,#18181c);
  color:#fff; text-align:center;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 10px 40px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.04) inset;
}
.demo-card h3{ margin:6px 0 8px; font-size:24px; line-height:1.25; }
.demo-card p { margin:0 0 14px; opacity:.92; }

/* —— 按钮基础 —— */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 24px; font-size:16px; font-weight:800; line-height:1;
  border-radius:999px; border:1px solid transparent;
  text-decoration:none; white-space:nowrap; cursor:pointer;
  transition:transform .08s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
.btn:active{ transform:translateY(1px); }

/* —— RG99 粉色主按钮 —— */
.btn--pink{
  color:#fff;
  background:linear-gradient(180deg,#e52561 0%, #ff4f87 100%);
  border-color:#d91e56;
  box-shadow:0 2px 6px rgba(0,0,0,.25),
             0 8px 20px rgba(229,37,97,.3),
             inset 0 1px 2px rgba(255,255,255,.35);
}
.btn--pink:hover{
  filter:brightness(1.06);
  box-shadow:0 3px 10px rgba(0,0,0,.28),
             0 12px 28px rgba(229,37,97,.45),
             inset 0 1px 2px rgba(255,255,255,.55);
}

/* —— 深色次按钮 —— */
.btn--dark{
  color:#fff;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border-color:rgba(255,255,255,.14);
  box-shadow:0 2px 6px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(2px);
}
.btn--dark:hover{
  border-color:rgba(255,255,255,.22);
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
}

/* 布局、勾选行、悬浮 CTA */
.btn-row{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
@media (max-width:420px){ .btn-row{ flex-direction:column; gap:10px; } .btn{ width:100%; } }
.dontshow{ display:flex; align-items:center; gap:8px; justify-content:center; margin-top:10px; font-size:12px; opacity:.85; }
.dontshow input{ width:16px; height:16px; accent-color:#e93b6d; }/* End custom CSS */