/* Start custom CSS for text-editor, class: .elementor-element-9e73395 *//* ==========================
   金荷會館｜黑金夜店風
   深黑 + 青藍霓虹 + 酒紅霓虹
========================== */

.jh-neon-wrap{
  width:100%;
  overflow:hidden;
  position:relative;
  color:#eefcff;

  background:
  radial-gradient(circle at top left,
  rgba(0,255,255,.12),
  transparent 35%),

  radial-gradient(circle at top right,
  rgba(255,59,111,.12),
  transparent 30%),

  radial-gradient(circle at bottom center,
  rgba(0,120,255,.15),
  transparent 40%),

  linear-gradient(
  180deg,
  #07090d 0%,
  #020304 100%);
}

.jh-neon-wrap *{
  box-sizing:border-box;
}

.jh-neon-inner{
  width:min(1150px,92%);
  margin:auto;
}

/* ==========================
   標題區
========================== */

.jh-neon-head{
  text-align:center;
  margin-bottom:40px;
}

.jh-neon-head span{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:8px 20px;
  margin-bottom:15px;

  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;

  color:#ff6d96;

  border:1px solid rgba(255,109,150,.35);

  background:
  rgba(255,255,255,.02);

  box-shadow:
  0 0 15px rgba(255,59,111,.25),
  inset 0 0 10px rgba(255,59,111,.08);

  text-shadow:
  0 0 12px rgba(255,59,111,.85);
}

.jh-neon-head h2{
  margin:0 0 12px;

  font-size:clamp(36px,5vw,58px);
  font-weight:900;
  line-height:1.1;
  letter-spacing:.05em;

  color:#fff;

  text-shadow:
  0 0 10px rgba(255,59,111,.75),
  0 0 25px rgba(255,59,111,.55),
  0 0 45px rgba(0,246,255,.45);
}

.jh-neon-head p{
  margin:0;
  color:#b9f7ff;
  font-size:16px;
  letter-spacing:.08em;
}

/* ==========================
   內容區塊
========================== */

.jh-neon-box,
.jh-neon-flow,
.jh-neon-faq{

  position:relative;

  margin-bottom:28px;
  padding:34px;

  background:
  linear-gradient(
  135deg,
  rgba(16,18,24,.95),
  rgba(6,10,15,.96));

  border:1px solid rgba(0,255,255,.12);

  box-shadow:
  0 0 25px rgba(0,255,255,.08),
  0 0 35px rgba(255,59,111,.05),
  inset 0 0 30px rgba(255,255,255,.02);
}

/* 左側霓虹線 */

.jh-neon-box:before,
.jh-neon-flow:before,
.jh-neon-faq:before{

  content:"";

  position:absolute;
  left:0;
  top:0;

  width:4px;
  height:100%;

  background:
  linear-gradient(
  180deg,
  #00f6ff,
  #ff3b6f,
  #00f6ff);

  box-shadow:
  0 0 18px rgba(0,246,255,.8),
  0 0 25px rgba(255,59,111,.6);
}

.jh-neon-box p,
.jh-neon-flow p,
.jh-faq-item p{

  color:#d7edf4;

  font-size:17px;
  line-height:2;

  margin:0 0 18px;
}

.jh-neon-box p:last-child,
.jh-neon-flow p:last-child,
.jh-faq-item p:last-child{
  margin-bottom:0;
}

/* ==========================
   區塊標題
========================== */

.jh-neon-flow h3,
.jh-neon-faq h3{

  margin:0 0 22px;

  font-size:28px;
  font-weight:900;

  color:#ff6d96;

  text-shadow:
  0 0 10px rgba(255,59,111,.9),
  0 0 20px rgba(255,59,111,.6);
}

/* ==========================
   FAQ
========================== */

.jh-neon-faq{
  display:grid;
  gap:18px;
}

.jh-faq-item{

  padding:24px;

  background:
  linear-gradient(
  135deg,
  rgba(22,8,18,.85),
  rgba(0,18,30,.85));

  border-left:3px solid #ff3b6f;

  box-shadow:
  0 0 18px rgba(255,59,111,.12);
}

.jh-faq-item h4{

  margin:0 0 10px;

  color:#fff;

  font-size:20px;
  font-weight:800;

  text-shadow:
  0 0 8px rgba(0,255,255,.45);
}

/* ==========================
   Hover
========================== */

.jh-neon-box:hover,
.jh-neon-flow:hover,
.jh-faq-item:hover{

  border-color:
  rgba(0,255,255,.3);

  box-shadow:
  0 0 30px rgba(0,255,255,.12),
  0 0 25px rgba(255,59,111,.12);
}

/* ==========================
   手機版
========================== */

@media(max-width:768px){

  .jh-neon-wrap{
    padding:50px 0;
  }

  .jh-neon-box,
  .jh-neon-flow,
  .jh-neon-faq{
    padding:24px 20px;
  }

  .jh-neon-box p,
  .jh-neon-flow p,
  .jh-faq-item p{
    font-size:16px;
    line-height:1.9;
  }

  .jh-neon-head h2{
    font-size:34px;
  }

  .jh-neon-flow h3,
  .jh-neon-faq h3{
    font-size:24px;
  }
}/* End custom CSS */