.elementor-7203 .elementor-element.elementor-element-97500f9{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for text-editor, class: .elementor-element-aaea0bf *//* =========================================
   KG FAQ 綠金娛樂城風格｜整理完成版
   已合併原始 CSS 與綠金覆蓋樣式
========================================= */


/* ===============================
   基礎設定
=============================== */
.kgfaq-page,
.kgfaq-page *{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

.kgfaq-page{
  --kg-bg:#02150f;
  --kg-bg-2:#03241a;
  --kg-card:#06251b;
  --kg-card-2:#093326;
  --kg-line:rgba(255,202,73,.18);
  --kg-text:#fffdf4;
  --kg-muted:#c6d5cc;
  --kg-gold:#ffc83d;
  --kg-gold-2:#fff0a8;
  --kg-blue:#0b8f5c;
  position:relative;
  width:100%;
  overflow:hidden;
  background:radial-gradient(
      circle at 14% 4%,
      rgba(0,168,101,.25),
      transparent 30%
    ),
    radial-gradient(
      circle at 84% 6%,
      rgba(255,191,40,.18),
      transparent 28%
    ),
    radial-gradient(
      circle at 50% 60%,
      rgba(0,103,67,.14),
      transparent 46%
    ),
    linear-gradient(
      180deg,
      #01130d 0%,
      #031d15 48%,
      #01110c 100%
    );
  color:var(--kg-text);
  font-family:"Noto Sans TC",
    "Microsoft JhengHei",
    Arial,
    sans-serif;
}

.kgfaq-container{
  width:min(1240px, calc(100% - 40px));
  margin:0 auto;
}


/* ===============================
   HERO
=============================== */
.kgfaq-hero{
  position:relative;
  min-height:440px;
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--kg-line);
  background:linear-gradient(
      90deg,
      rgba(1,17,12,.97) 0%,
      rgba(2,33,23,.90) 48%,
      rgba(2,24,17,.74) 100%
    ),
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 79px,
      rgba(255,215,95,.035) 80px
    );
  border-bottom-color:rgba(255,202,73,.20);
}

.kgfaq-hero:before{
  content:"FAQ";
  position:absolute;
  right:-20px;
  bottom:-74px;
  font-size:clamp(160px, 24vw, 360px);
  line-height:1;
  font-weight:900;
  letter-spacing:-.08em;
  color:rgba(255,211,83,.035);
  pointer-events:none;
}

.kgfaq-hero-glow{
  position:absolute;
  top:50%;
  left:25%;
  width:500px;
  height:500px;
  transform:translate(-50%,-50%);
  background:radial-gradient(
      circle,
      rgba(0,190,118,.24) 0%,
      rgba(0,112,73,.12) 38%,
      transparent 70%
    );
  pointer-events:none;
}

.kgfaq-hero-inner{
  position:relative;
  z-index:2;
  padding:90px 0 80px;
}

.kgfaq-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:20px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.18em;
  color:#ffd45c;
  text-shadow:0 0 18px rgba(255,193,43,.35);
}

.kgfaq-label:before{
  content:"";
  width:42px;
  height:1px;
  background:linear-gradient(
    90deg,
    #ffd45c,
    rgba(255,212,92,.15)
  );
}

.kgfaq-hero h1{
  margin:0;
  font-size:clamp(46px, 7vw, 88px);
  line-height:1.08;
  letter-spacing:-.05em;
  color:#fffdf5;
  text-shadow:0 0 28px rgba(255,196,47,.10),
    0 4px 24px rgba(0,0,0,.55);
}

.kgfaq-hero p{
  max-width:760px;
  margin:24px 0 0;
  font-size:18px;
  line-height:1.9;
  color:#c9d9cf;
}

.kgfaq-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:34px;
}

.kgfaq-hero-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 18px;
  border:1px solid var(--kg-line);
  color:#fffdf5;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  transition:.25s ease;
  border-color:rgba(255,205,75,.24);
  background:rgba(3,45,31,.58);
}

.kgfaq-hero-actions a:hover{
  border-color:#ffd45c;
  color:#ffd45c;
  transform:translateY(-2px);
  background:rgba(255,200,61,.08);
  box-shadow:0 0 22px rgba(255,199,50,.16),
    inset 0 0 16px rgba(255,199,50,.04);
}


/* ===============================
   主要版面
=============================== */
.kgfaq-main{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:56px;
  padding-top:70px;
  padding-bottom:100px;
}


/* ===============================
   側邊分類
=============================== */
.kgfaq-sidebar{
  position:relative;
}

.kgfaq-sidebar-inner{
  position:sticky;
  top:110px;
  padding:26px 22px;
  border:1px solid var(--kg-line);
  background:linear-gradient(
      145deg,
      rgba(7,46,33,.94),
      rgba(2,27,19,.90)
    );
  backdrop-filter:blur(14px);
  border-color:rgba(255,205,75,.20);
  box-shadow:0 22px 50px rgba(0,0,0,.26),
    inset 0 1px rgba(255,255,255,.025);
}

.kgfaq-sidebar-title{
  display:block;
  margin-bottom:18px;
  font-size:18px;
  font-weight:900;
  color:#fff9e8;
}

.kgfaq-nav{
  display:grid;
  gap:4px;
}

.kgfaq-nav a{
  display:flex;
  align-items:center;
  min-height:38px;
  padding:8px 10px;
  border-left:2px solid transparent;
  color:#afc8ba;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  transition:.2s ease;
}

.kgfaq-nav a:hover{
  border-left-color:#ffc83d;
  color:#ffd862;
  background:linear-gradient(
      90deg,
      rgba(255,200,61,.10),
      transparent
    );
}

.kgfaq-sidebar-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin-top:22px;
  padding:10px 14px;
  background:linear-gradient(
      135deg,
      #f2a900 0%,
      #ffd75d 48%,
      #fff0a8 100%
    );
  color:#162015;
  text-decoration:none;
  font-size:14px;
  font-weight:900;
  transition:.25s ease;
  box-shadow:0 12px 30px rgba(255,180,0,.18),
    inset 0 1px rgba(255,255,255,.45);
}

.kgfaq-sidebar-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 38px rgba(255,183,0,.30),
    0 0 28px rgba(255,210,83,.14);
}


/* ===============================
   FAQ 內容
=============================== */
.kgfaq-content{
  min-width:0;
}

.kgfaq-section{
  scroll-margin-top:100px;
  margin-bottom:76px;
}

.kgfaq-section-head{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:24px;
  padding-bottom:20px;
  border-bottom:1px solid var(--kg-line);
  border-bottom-color:rgba(255,205,75,.18);
}

.kgfaq-section-head > span{
  flex:0 0 auto;
  font-size:42px;
  line-height:1;
  font-weight:900;
  color:rgba(255,205,75,.26);
  text-shadow:0 0 25px rgba(255,189,32,.08);
}

.kgfaq-section-head small{
  display:block;
  margin-bottom:4px;
  font-size:11px;
  letter-spacing:.2em;
  color:#ffce4a;
}

.kgfaq-section-head h2{
  margin:0;
  font-size:clamp(25px, 3vw, 36px);
  line-height:1.25;
  color:#fffdf3;
}

.kgfaq-list{
  display:grid;
  gap:12px;
}


/* ===============================
   FAQ 手風琴
=============================== */
.kgfaq-item{
  position:relative;
  border:1px solid var(--kg-line);
  background:linear-gradient(
      135deg,
      rgba(255,218,93,.035),
      transparent 42%
    ),
    linear-gradient(
      180deg,
      #073326 0%,
      #05251b 100%
    );
  transition:.25s ease;
  border-color:rgba(255,205,75,.16);
  box-shadow:0 12px 26px rgba(0,0,0,.18),
    inset 0 1px rgba(255,255,255,.025);
}

.kgfaq-item:hover{
  border-color:rgba(255,205,75,.38);
  box-shadow:0 16px 36px rgba(0,0,0,.24),
    0 0 24px rgba(255,190,38,.06);
}

.kgfaq-item[open]{
  border-color:rgba(255,208,81,.48);
  background:radial-gradient(
      circle at 88% 18%,
      rgba(255,198,46,.10),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      rgba(255,213,76,.07),
      transparent 52%
    ),
    linear-gradient(
      180deg,
      #0a3b2c 0%,
      #062a1f 100%
    );
  box-shadow:0 18px 42px rgba(0,0,0,.26),
    0 0 30px rgba(255,193,35,.07);
}

.kgfaq-item summary{
  position:relative;
  display:flex;
  align-items:center;
  min-height:70px;
  padding:18px 64px 18px 24px;
  list-style:none;
  cursor:pointer;
  color:#fffdf4;
  font-size:17px;
  line-height:1.55;
  font-weight:800;
}

.kgfaq-item summary::-webkit-details-marker{
  display:none;
}

.kgfaq-item summary:before,
.kgfaq-item summary:after{
  content:"";
  position:absolute;
  right:24px;
  top:50%;
  width:16px;
  height:2px;
  background:#ffd14c;
  transform:translateY(-50%);
  transition:.25s ease;
  box-shadow:0 0 10px rgba(255,201,59,.38);
}

.kgfaq-item summary:after{
  transform:translateY(-50%) rotate(90deg);
}

.kgfaq-item[open] summary:after{
  transform:translateY(-50%) rotate(0deg);
  opacity:0;
}

.kgfaq-answer{
  padding:0 24px 24px;
  border-top:1px solid rgba(255,255,255,.06);
  border-top-color:rgba(255,211,91,.10);
}

.kgfaq-answer p{
  margin:18px 0 0;
  font-size:16px;
  line-height:1.9;
  color:#c4d6cb;
}

.kgfaq-answer strong{
  color:#fff5cf;
}

.kgfaq-answer a{
  color:#ffd45b;
  text-decoration:none;
  border-bottom:1px solid rgba(243,201,103,.35);
  transition:.2s ease;
  border-bottom-color:rgba(255,210,78,.42);
}

.kgfaq-answer a:hover{
  color:#fff1ad;
  border-bottom-color:#fff1ad;
  text-shadow:0 0 14px rgba(255,207,72,.24);
}


/* ===============================
   底部 CTA
=============================== */
.kgfaq-bottom{
  position:relative;
  overflow:hidden;
  padding:54px;
  border:1px solid rgba(243,201,103,.25);
  background:radial-gradient(
      circle at 88% 18%,
      rgba(255,190,25,.20),
      transparent 28%
    ),
    radial-gradient(
      circle at 8% 90%,
      rgba(0,161,97,.22),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #073426 0%,
      #021b13 58%,
      #071c15 100%
    );
  border-color:rgba(255,205,75,.30);
  box-shadow:0 24px 60px rgba(0,0,0,.32),
    inset 0 1px rgba(255,255,255,.03);
}

.kgfaq-bottom:after{
  content:"KG";
  position:absolute;
  right:-14px;
  bottom:-52px;
  font-size:190px;
  line-height:1;
  font-weight:900;
  color:rgba(255,215,95,.035);
}

.kgfaq-bottom > *{
  position:relative;
  z-index:2;
}

.kgfaq-bottom > span{
  display:block;
  margin-bottom:12px;
  color:#ffd45c;
  font-size:12px;
  font-weight:800;
  letter-spacing:.2em;
}

.kgfaq-bottom h2{
  margin:0;
  max-width:700px;
  font-size:clamp(28px, 4vw, 44px);
  line-height:1.25;
  color:#fffdf3;
}

.kgfaq-bottom p{
  max-width:760px;
  margin:20px 0 0;
  color:#c5d8cc;
  font-size:16px;
  line-height:1.9;
}

.kgfaq-bottom-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}

.kgfaq-btn-primary,
.kgfaq-btn-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:11px 24px;
  text-decoration:none;
  font-size:15px;
  font-weight:900;
  transition:.25s ease;
}

.kgfaq-btn-primary{
  background:linear-gradient(
      135deg,
      #f0a500 0%,
      #ffd45c 55%,
      #fff0a6 100%
    );
  color:#132017;
  box-shadow:0 12px 28px rgba(255,182,0,.18);
}

.kgfaq-btn-secondary{
  border:1px solid var(--kg-line);
  color:#fffdf3;
  border-color:rgba(255,211,90,.24);
  background:rgba(4,48,34,.58);
}

.kgfaq-btn-primary:hover,
.kgfaq-btn-secondary:hover{
  transform:translateY(-2px);
}

.kgfaq-btn-primary:hover{
  box-shadow:0 16px 38px rgba(255,182,0,.30),
    0 0 26px rgba(255,211,77,.16);
}

.kgfaq-btn-secondary:hover{
  border-color:#ffd45c;
  color:#ffd45c;
  background:rgba(255,202,61,.06);
}


/* ===============================
   平板版
=============================== */
@media (max-width:1024px){
  .kgfaq-main{
    grid-template-columns:1fr;
    gap:36px;
  }

  .kgfaq-sidebar-inner{
    position:relative;
    top:auto;
  }

  .kgfaq-nav{
    grid-template-columns:repeat(4,1fr);
    gap:8px;
  }

  .kgfaq-nav a{
    justify-content:center;
    border:1px solid var(--kg-line);
    text-align:center;
    border-color:rgba(255,205,75,.17);
    background:rgba(4,45,32,.55);
  }

  .kgfaq-nav a:hover{
    border-color:#ffd45c;
    background:rgba(255,200,61,.08);
  }

}


/* ===============================
   手機版
=============================== */
@media (max-width:767px){
  .kgfaq-container{
    width:min(100% - 28px, 1240px);
  }

  .kgfaq-hero{
    min-height:auto;
  }

  .kgfaq-hero-inner{
    padding:72px 0 58px;
  }

  .kgfaq-hero h1{
    font-size:43px;
  }

  .kgfaq-hero p{
    margin-top:18px;
    font-size:15px;
    line-height:1.8;
  }

  .kgfaq-hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:26px;
  }

  .kgfaq-hero-actions a{
    padding:8px 10px;
    font-size:13px;
  }

  .kgfaq-main{
    padding-top:34px;
    padding-bottom:70px;
  }

  .kgfaq-sidebar-inner{
    padding:20px 16px;
  }

  .kgfaq-nav{
    grid-template-columns:1fr 1fr;
  }

  .kgfaq-nav a{
    min-height:42px;
    padding:7px;
    font-size:12px;
  }

  .kgfaq-section{
    margin-bottom:52px;
  }

  .kgfaq-section-head{
    gap:12px;
    margin-bottom:18px;
  }

  .kgfaq-section-head > span{
    font-size:32px;
  }

  .kgfaq-section-head h2{
    font-size:24px;
  }

  .kgfaq-item summary{
    min-height:64px;
    padding:16px 52px 16px 17px;
    font-size:15px;
  }

  .kgfaq-item summary:before,
  .kgfaq-item summary:after{
    right:18px;
    width:14px;
  }

  .kgfaq-answer{
    padding:0 17px 18px;
  }

  .kgfaq-answer p{
    margin-top:15px;
    font-size:14px;
    line-height:1.85;
  }

  .kgfaq-bottom{
    padding:32px 22px;
  }

  .kgfaq-bottom h2{
    font-size:28px;
  }

  .kgfaq-bottom p{
    font-size:14px;
  }

  .kgfaq-bottom-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .kgfaq-btn-primary,
  .kgfaq-btn-secondary{
    width:100%;
  }

}/* End custom CSS */