.elementor-504 .elementor-element.elementor-element-786a3bc:not(.elementor-motion-effects-element-type-background), .elementor-504 .elementor-element.elementor-element-786a3bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rockonsocialclub.net/wp-content/uploads/2025/09/bg_wall.jpg");background-repeat:repeat;}.elementor-504 .elementor-element.elementor-element-786a3bc{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-504 .elementor-element.elementor-element-786a3bc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-504 .elementor-element.elementor-element-786a3bc > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-primary );}.elementor-504 .elementor-element.elementor-element-786a3bc > .elementor-shape-bottom svg{height:100px;transform:translateX(-50%) rotateY(180deg);}.elementor-widget-image .widget-image-caption{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 );}.elementor-504 .elementor-element.elementor-element-5c55eea > .elementor-widget-container{margin:50px 0px 50px 0px;}.elementor-504 .elementor-element.elementor-element-57409af > .elementor-widget-container{margin:50px 0px 50px 0px;}.elementor-504 .elementor-element.elementor-element-37d52a6 > .elementor-container{max-width:1000px;}.elementor-504 .elementor-element.elementor-element-37d52a6{overflow:hidden;margin-top:50px;margin-bottom:50px;padding:50px 0px 50px 0px;}.elementor-504 .elementor-element.elementor-element-a62ff37.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-504 .elementor-element.elementor-element-a62ff37 > .elementor-element-populated{border-style:none;margin:20px 20px 20px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;padding:20px 20px 20px 20px;}.elementor-504 .elementor-element.elementor-element-a62ff37 > .elementor-element-populated, .elementor-504 .elementor-element.elementor-element-a62ff37 > .elementor-element-populated > .elementor-background-overlay, .elementor-504 .elementor-element.elementor-element-a62ff37 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-504 .elementor-element.elementor-element-e6ab3ce > .elementor-widget-container{margin:0px 20px 20px 20px;}.elementor-504 .elementor-element.elementor-element-e6ab3ce{text-align:center;}.elementor-504 .elementor-element.elementor-element-e6ab3ce .elementor-heading-title{font-family:var( --e-global-typography-8f03c9e-font-family ), Sans-serif;font-size:var( --e-global-typography-8f03c9e-font-size );font-weight:var( --e-global-typography-8f03c9e-font-weight );color:var( --e-global-color-d9a1241 );}.elementor-widget-theme-post-content{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 );}.elementor-504 .elementor-element.elementor-element-a72aa6c{color:var( --e-global-color-d9a1241 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-504 .elementor-element.elementor-element-2310e83 .elementor-button{background-color:var( --e-global-color-primary );font-family:"LINE Seed", Sans-serif;font-size:14px;font-weight:700;border-radius:50px 50px 50px 50px;}.elementor-504 .elementor-element.elementor-element-2310e83 .elementor-button:hover, .elementor-504 .elementor-element.elementor-element-2310e83 .elementor-button:focus{background-color:var( --e-global-color-d9a1241 );color:var( --e-global-color-c2a3dee );}.elementor-504 .elementor-element.elementor-element-2310e83 > .elementor-widget-container{margin:50px 0px 20px 0px;}.elementor-504 .elementor-element.elementor-element-2310e83 .elementor-button-content-wrapper{flex-direction:row;}.elementor-504 .elementor-element.elementor-element-2310e83 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-504 .elementor-element.elementor-element-2310e83 .elementor-button:hover svg, .elementor-504 .elementor-element.elementor-element-2310e83 .elementor-button:focus svg{fill:var( --e-global-color-c2a3dee );}.elementor-504 .elementor-element.elementor-element-5313840{overflow:hidden;}.elementor-504 .elementor-element.elementor-element-9806092 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-504 .elementor-element.elementor-element-9806092 img{width:600px;}.elementor-504 .elementor-element.elementor-element-cc19d5c{--grid-template-columns:repeat(3, auto);--grid-column-gap:20px;--grid-row-gap:0px;}.elementor-504 .elementor-element.elementor-element-cc19d5c .elementor-widget-container{text-align:center;}.elementor-504 .elementor-element.elementor-element-cc19d5c .elementor-social-icon{background-color:var( --e-global-color-c2a3dee );}.elementor-504 .elementor-element.elementor-element-cc19d5c .elementor-social-icon i{color:var( --e-global-color-primary );}.elementor-504 .elementor-element.elementor-element-cc19d5c .elementor-social-icon svg{fill:var( --e-global-color-primary );}.elementor-504 .elementor-element.elementor-element-cc19d5c .elementor-social-icon:hover{background-color:var( --e-global-color-d9a1241 );}.elementor-504 .elementor-element.elementor-element-cc19d5c .elementor-social-icon:hover i{color:var( --e-global-color-c2a3dee );}.elementor-504 .elementor-element.elementor-element-cc19d5c .elementor-social-icon:hover svg{fill:var( --e-global-color-c2a3dee );}.elementor-504 .elementor-element.elementor-element-e0aa93f > .elementor-widget-container{margin:30px 0px 30px 0px;}.elementor-504 .elementor-element.elementor-element-e0aa93f img{width:100px;}body.elementor-page-504:not(.elementor-motion-effects-element-type-background), body.elementor-page-504 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-504 .elementor-element.elementor-element-37d52a6{padding:50px 50px 50px 50px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-504 .elementor-element.elementor-element-e6ab3ce .elementor-heading-title{font-size:var( --e-global-typography-8f03c9e-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-504 .elementor-element.elementor-element-37d52a6{padding:50px 20px 50px 20px;}.elementor-504 .elementor-element.elementor-element-a62ff37 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:20px 20px 20px 20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-504 .elementor-element.elementor-element-e6ab3ce .elementor-heading-title{font-size:var( --e-global-typography-8f03c9e-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-504 .elementor-element.elementor-element-2310e83 .elementor-button{font-size:15px;}.elementor-504 .elementor-element.elementor-element-9806092 > .elementor-widget-container{margin:20px 20px 20px 20px;}.elementor-504 .elementor-element.elementor-element-e0aa93f img{width:60px;}}/* Start custom CSS */.neon-text{
  color: var(--neon-core);
  letter-spacing: .06em;
  text-shadow:
    0 0 2px  var(--neon-core), /* 內圈亮 */
    0 0 6px  var(--neon),
    0 0 12px var(--neon),
    0 0 24px var(--neon);
  filter: saturate(1.2);        /* 提升鮮度（可關） */
}

/* 想要下方有朦朧的底部雲光 */
.neon-text::after{
  content:"";
  display:block;
  height: 10px;
  margin-top:-6px;
  background: radial-gradient(50% 100% at 50% 0%, var(--neon) 0%, transparent 70%);
  filter: blur(8px);
  opacity:.6;
  pointer-events:none;
}

@keyframes neon-flicker {
  0%, 100% { opacity:1; }
  92% { opacity:.96; }
  95% { opacity:.85; }
  97% { opacity:.92; }
}
.neon-line, .neon-text{ animation: neon-flicker 4s infinite linear; }


:root{
  --neon: #ff2a3a;        /* 暈光主色 */
  --neon-core: #ffd6da;   /* 管心白 */
  --bg: #0b0b0b;
  --radius: 22px;
  --tube: 2px;            /* 管心線寬 */
  --inner: 36px;          /* 內側羽化深度：越大越往內淡出 */
}

/* 只讓邊框發光，中央不亮 */
.neon-panel{
  position: relative;
  background: var(--bg);
  border-radius: var(--radius);
  overflow: hidden;                  /* 讓角落跟著圓角裁切 */
  /* 內側僅保留“管心線”，不做大面積 inset 光 */
  box-shadow:
    inset 0 0 0 var(--tube) var(--neon-core),  /* 細亮管心 */
    0 0 12px var(--neon),                      /* 外光 */
    0 0 28px var(--neon),
    0 0 56px var(--neon);
  isolation: isolate;
}

/* 內側邊緣羽化光：只沿四邊與四角，中央不覆蓋 */
.neon-panel::before{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  pointer-events:none;
  /* 四邊 + 四角 的“向內淡出”漸層，中央保持透明 */
  background:
    /* 上、右、下、左 邊緣羽化 */
    linear-gradient(to bottom, var(--neon) 0, transparent var(--inner)) top/100% var(--inner) no-repeat,
    linear-gradient(to left,   var(--neon) 0, transparent var(--inner)) right/var(--inner) 100% no-repeat,
    linear-gradient(to top,    var(--neon) 0, transparent var(--inner)) bottom/100% var(--inner) no-repeat,
    linear-gradient(to right,  var(--neon) 0, transparent var(--inner)) left/var(--inner) 100% no-repeat,
    /* 四個角落的聚光 */
    radial-gradient(circle at 0    0,    var(--neon) 0, transparent var(--inner)),
    radial-gradient(circle at 100% 0,    var(--neon) 0, transparent var(--inner)),
    radial-gradient(circle at 0   100%,  var(--neon) 0, transparent var(--inner)),
    radial-gradient(circle at 100% 100%, var(--neon) 0, transparent var(--inner));
  opacity:.45;                         /* 內光強度 */
  mix-blend-mode: screen;              /* 疊加更像光（背景是深色更有效） */
}

/* 外擴大暈光（四角更亮） */
.neon-panel::after{
  content:"";
  position:absolute; inset:-18px;
  border-radius: inherit;
  pointer-events:none;
  background:
    radial-gradient(120px 120px at 0%   0%,   var(--neon) 0, transparent 70%),
    radial-gradient(120px 120px at 100% 0%,   var(--neon) 0, transparent 70%),
    radial-gradient(120px 120px at 0%  100%,  var(--neon) 0, transparent 70%),
    radial-gradient(120px 120px at 100% 100%, var(--neon) 0, transparent 70%),
    radial-gradient(60% 60% at 50% 50%,       var(--neon) 0, transparent 70%);
  filter: blur(14px);
  opacity:.7;
  z-index:-1;
}

/* 內容層在光之上 */
.neon-panel > *{ position:relative; z-index:1; }/* End custom CSS */