.elementor-kit-1217{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-e29458b:#FFF419;--e-global-color-af2328f:#FFE219;--e-global-color-4a6821e:#FFC400;--e-global-color-3a2c21d:#17BA2D;--e-global-color-f61a553:#61CE70;--e-global-color-ce90599:#FFD93D;--e-global-color-2fe5d92:#FFB800;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-1217 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */```css
/* ===== 按鈕列（可滑動） ===== */
.scroll-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  padding: 0 12px;

  overflow-x: auto;
  overflow-y: hidden;

  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;

  box-sizing: border-box;
}

.scroll-menu > *,
.scroll-menu .menu-item {
  flex: 0 0 auto;
  min-width: max-content;
}

/* 選中按鈕 */
.scroll-menu .menu-item.active .elementor-button {
  background: #FFC400 !important;
  color: #fff !important;
  border-color: #FFC400 !important;
  box-shadow: 0 4px 10px rgba(255,196,0,0.4);
}

/* ===== iframe 外層 ===== */
.iframe-wrap {
  width: 100%;
  max-width: 100%;

  margin-left: auto;
  margin-right: auto;

  position: relative;
  overflow: hidden;
  box-sizing: border-box;

  border-radius: 16px;

  /* 依照顯示器高度自動調整 */
  height: calc(100dvh - 220px);
  min-height: 360px;

  scroll-margin-top: 100px;
}

/* iframe 本體 */
.iframe-wrap iframe {
  width: 100% !important;
  height: 100% !important;

  border: 0;
  display: block;
}

/* loading */
.loading {
  position: absolute;
  inset: 0;

  display: none;
  justify-content: center;
  align-items: center;

  background: rgba(255,255,255,0.9);

  z-index: 5;
  pointer-events: none;
}

/* ===== 強制修正平板 iframe 寬度 ===== */
@media (min-width: 768px) and (max-width: 1366px) {

  .iframe-wrap {
    width: 90vw !important;
    max-width: 90vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .iframe-wrap iframe,
  #wordwall-frame {
    width: 100% !important;
    max-width: 100% !important;
  }

}

/* ===== 手機 iframe 寬度 85% ===== */
@media (max-width: 767px) {

  .iframe-wrap {
    width: 90vw !important;
    max-width: 90vw !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }

  .iframe-wrap iframe,
  #wordwall-frame {
    width: 100% !important;
    max-width: 100% !important;
  }

}

/* ===== 手機橫向 ===== */
@media (max-width: 900px) and (orientation: landscape) {
  .iframe-wrap {
    width: 80%;
    max-width: 80%;

    border-radius: 12px;

    height: calc(100dvh - 80px);
    min-height: 260px;

    scroll-margin-top: 60px;
  }
}

/* ===== 防止左右滑動 ===== */
html,
body {
  overflow-x: hidden !important;
}

/* ===== 按鈕 hover ===== */
.scroll-menu .elementor-button {
  transition: all 0.2s ease;
}

.scroll-menu .elementor-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 18px rgba(0,0,0,0.25);
}
```
/* ===== 果凍按鈕 ===== */
.elementor-button {

  position: relative;
  overflow: hidden;

  background: linear-gradient(
    to bottom,
    #fff27a 0%,
    #ffe100 45%,
    #ffc800 100%
  ) !important;

  border-radius: 999px !important;

  border: 4px solid rgba(255,255,255,0.9) !important;

  color: #ffffff !important;

  font-size: 32px !important;
  font-weight: 900 !important;

  box-shadow:
    0 6px 0 #dca800,
    0 10px 20px rgba(0,0,0,0.15);

  transition: all .15s ease;
}
.scroll-menu .elementor-button::before,

.u1-btn .elementor-button::before,
.u2-btn .elementor-button::before,
.u3-btn .elementor-button::before,
.u4-btn .elementor-button::before,
.u5-btn .elementor-button::before,
.u6-btn .elementor-button::before,
.u7-btn .elementor-button::before,
.u8-btn .elementor-button::before,
.u9-btn .elementor-button::before,
.u10-btn .elementor-button::before {

  content: "";

  position: absolute;

  top: 8px;
  left: 18px;

  width: 15%;
  height: 28%;

  border-radius: 999px;

  background: rgba(255,255,255,0.75);

  filter: blur(1px);

  pointer-events: none;
}
.elementor-button:active {

  transform: translateY(4px);

  box-shadow:
    0 2px 0 #dca800,
    0 5px 10px rgba(0,0,0,0.15);
}
/* U1 黃 */
.u1-btn .elementor-button{
  background: linear-gradient(to bottom,#fff27a,#ffd400) !important;
}

/* U2 橘 */
.u2-btn .elementor-button{
  background: linear-gradient(to bottom,#ffd27a,#ff9f1a) !important;
}

/* U3 粉 */
.u3-btn .elementor-button{
  background: linear-gradient(to bottom,#ffb3d9,#ff5fa2) !important;
}

/* U4 綠 */
.u4-btn .elementor-button{
  background: linear-gradient(to bottom,#b9ffb3,#54d954) !important;
}

/* U5 藍 */
.u5-btn .elementor-button{
  background: linear-gradient(to bottom,#9fd6ff,#3fa0ff) !important;
}

/* U6 紫 */
.u6-btn .elementor-button{
  background: linear-gradient(to bottom,#d8b3ff,#9c5cff) !important;
}

/* U7 紅 */
.u7-btn .elementor-button{
  background: linear-gradient(to bottom,#ffb3b3,#ff5a5a) !important;
}

/* U8 青綠 */
.u8-btn .elementor-button{
  background: linear-gradient(to bottom,#9fffe2,#1fd6b5) !important;
}

/* U9 深藍 */
.u9-btn .elementor-button{
  background: linear-gradient(to bottom,#7ab8ff,#2563eb) !important;
}

/* U10 金色 */
.u10-btn .elementor-button{
  background: linear-gradient(to bottom,#ffe6a3,#ffb000) !important;
}
/* game-1 黃 */
.menu-item.game-1 .elementor-button{
background:linear-gradient(to bottom,#fff27a,#ffd400)!important;
}

/* game-2 橘 */
.menu-item.game-2 .elementor-button{
background:linear-gradient(to bottom,#ffd27a,#ff9800)!important;
}

/* game-3 粉 */
.menu-item.game-3 .elementor-button{
background:linear-gradient(to bottom,#ffb3d9,#ff4f93)!important;
}

/* game-4 綠 */
.menu-item.game-4 .elementor-button{
background:linear-gradient(to bottom,#b7ffb3,#43d943)!important;
}

/* game-5 藍 */
.menu-item.game-5 .elementor-button{
background:linear-gradient(to bottom,#a8d8ff,#3399ff)!important;
}

/* game-6 紫 */
.menu-item.game-6 .elementor-button{
background:linear-gradient(to bottom,#d7b3ff,#9a4fff)!important;
}

/* game-7 紅 */
.menu-item.game-7 .elementor-button{
background:linear-gradient(to bottom,#ffb3b3,#ff4d4d)!important;
}

/* game-8 青綠 */
.menu-item.game-8 .elementor-button{
background:linear-gradient(to bottom,#a8fff1,#12d6b0)!important;
}

/* game-9 深藍 */
.menu-item.game-9 .elementor-button{
background:linear-gradient(to bottom,#7fb8ff,#2563eb)!important;
}

/* game-10 金色 */
.menu-item.game-10 .elementor-button{
background:linear-gradient(to bottom,#ffe49e,#ffb300)!important;
}
.back-btn .elementor-button {

  background: #6fd57a !important;

  border-radius: 999px !important;

  border: none !important;

  color: #ffffff !important;

  font-size: 18px !important;
  font-weight: 700 !important;

  min-height: 42px !important;

  padding: 2px 20px 0 20px !important;

  display: flex;
  align-items: center;
  justify-content: center;

  line-height: 1 !important;

  box-shadow:
    0 3px 6px rgba(0,0,0,0.10);

  transition: all .15s ease;
}
.back-btn .elementor-button {

  background: #79df83 !important;

  border-radius: 999px !important;

  border: 3px solid rgba(255,255,255,0.7) !important;

  color: #2f5c37 !important;

  font-size: 18px !important;
  font-weight: 700 !important;

  min-height: 42px !important;

  padding: 2px 20px 0 20px !important;

  display: flex;
  align-items: center;
  justify-content: center;

  line-height: 1 !important;

  box-shadow:
    0 3px 6px rgba(0,0,0,0.10);

  transition: all .15s ease;
}
/* Ultimate Member 登入表單置中＋卡片 */
.um-login {
  max-width: 420px;
  width: 90%;
  margin: 70px auto 0 auto !important;
  padding: 32px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 12px 35px rgba(0,0,0,0.12);
}/* End custom CSS */