/* --- [修改點 1] PC 最大寬度改為 1200px --- */
        .wbc-campaign-wrapper{
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
        overflow: hidden;
        text-align: center;
        cursor: default;
         position: relative;
        background: linear-gradient(135deg, #142564 0%, #13143a 100%);
        }

        /* KV 區域 (維持不變) */
        .wbc-campaign-wrapper .kv-section { position: relative; width: 100%; overflow: hidden; margin-bottom: -40px;}
        .wbc-campaign-wrapper .kv-layer img { width: 100%; height: auto; display: block; }
        .wbc-campaign-wrapper .kv-bg { position: relative; z-index: 1; }
        .wbc-campaign-wrapper .kv-title { position: absolute; top: -80px; left: 0; width: 100%; height: 100%; z-index: 10; pointer-events: none; }
        .wbc-campaign-wrapper .kv-coins { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; pointer-events: none; }

        /* KV 區域 (維持不變) */

 .wbc-titleHex{
  /* 可調參數 */
  --cut: 22px;          /* 尖角斜切的深度 */
  --stroke: 2px;        /* 邊線厚度 */
  --padY: 12px;
  --padX: 22px;

  /* 漸層邊線 */
  --strokeGrad: linear-gradient(90deg,
    #4c5fd7 0%,
    #cc2366 45%,
    #f09433 100%
  );

  /* 內層底色（你可換成更貼近背景的藍） */
  --fill: rgba(10, 28, 75, .35);

  width: fit-content;
  margin: 0 auto 14px;

  /* 外層就是「邊線」 */
  background: var(--strokeGrad);
  padding: var(--stroke);

  /* 尖角形狀 */
  -webkit-clip-path: polygon(
    var(--cut) 0%,
    calc(100% - var(--cut)) 0%,
    100% 50%,
    calc(100% - var(--cut)) 100%,
    var(--cut) 100%,
    0% 50%
  );
  clip-path: polygon(
    var(--cut) 0%,
    calc(100% - var(--cut)) 0%,
    100% 50%,
    calc(100% - var(--cut)) 100%,
    var(--cut) 100%,
    0% 50%
  );

  margin-top: 20px;
}

.wbc-titleHex__inner{
  padding: var(--padY) var(--padX);
  background: var(--fill);
  color: rgba(255,255,255,.95);
  font-weight: 900;
  letter-spacing: .5px;
  text-align: center;
  font-size: 22px;
  white-space: nowrap;

  /* 內層也要同形狀，才能露出外層邊線 */
  -webkit-clip-path: polygon(
    var(--cut) 0%,
    calc(100% - var(--cut)) 0%,
    100% 50%,
    calc(100% - var(--cut)) 100%,
    var(--cut) 100%,
    0% 50%
  );
  clip-path: polygon(
    var(--cut) 0%,
    calc(100% - var(--cut)) 0%,
    100% 50%,
    calc(100% - var(--cut)) 100%,
    var(--cut) 100%,
    0% 50%
  );
}
        
        
/* 外層容器：實現手機端左右滑動 */
.wbc-campaign-wrapper .wbc-table-container {
  width: 80%;
  overflow-x: auto; /* 關鍵：當表格寬度超過螢幕時顯示滾動條 */
  -webkit-overflow-scrolling: touch; /* 讓 iOS 滑動更順暢 */
  padding: 10px 0 0;
  /* border-radius: 8px; */
  max-width: 1200px;
  margin-bottom: 50px;
}

/* 表格本體 */
.wbc-table {
  width: 100%;
  min-width: 500px; /* 關鍵：確保在手機上不會擠成一團，強制產生滑動 */
  border-collapse: collapse;
  color: #ffffff;
  font-family: sans-serif;
  text-align: center;
}

/* 表頭樣式 */
.wbc-table th {
  background-color: #5c6bc0; /* 淺藍色表頭 */
  padding: 15px;
  border: 2px solid #4a5a9d;
  font-weight: bold;
}

/* 單元格樣式 */
.wbc-table td {
  padding: 5px 10px;
  border: 2px solid #4a5a9d;
  font-size: 1rem;
}
/*桌機版不斷行*/
.wbc-table .form{
  display: none;
}
/* 中華隊相關場次的高亮（金黃色） */
.wbc-table tr.highlight td {
  color: #ffff00;
  font-weight: bold;
}

/* 滑鼠懸停效果（僅限桌機） */
.wbc-table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.wbc-table .channels{
  display: flex;
  flex-direction: column;
  align-items: center; /* 你現在表格是置中風格就保留一致 */
}

.wbc-table .channel{
  display: grid;
  grid-template-columns: 3fr 7fr;
  width: 100%;
}

.wbc-table .channel-no{
  padding: 5px 10px;
  border-right: 2px solid #4b5599;  /* ← 直線 */
  text-align: center;
  font-weight: 700;
}

.wbc-table .channel-name{
  padding: 5px 10px;
}


/* 橫線 */
.channel + .channel .channel-no,
.channel + .channel .channel-name{
  border-top: 2px solid #4b5599;
}

.wbc-table th:nth-child(1),
.wbc-table td:nth-child(1){
  width: 20%;
}

.wbc-table th:nth-child(2),
.wbc-table td:nth-child(2){
  width: 30%;
}

.wbc-table th:nth-child(3),
.wbc-table td:nth-child(3){
  width: 50%;
}

/* 容器佈局：始終保持垂直堆疊 */
.wbc-promo-container {
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding: 20px 0 0;
  max-width: 1200px;
  margin: 0 auto;
  width: 80%;
  margin-bottom: 40px;
}

/* 漸層外框 */
.outer-gradient-card {
  padding: 2px;
  background: linear-gradient(to right, #4c5fd7, #cc2366, #f09433);
}

/* 內部容器：設定背景圖顯示方式 */
.inner-content {
  min-height: 250px; /* 桌機長型的高度預設 */
  background-size: cover;
  background-position: center right; /* 桌機圖通常靠右 */
  background-repeat: no-repeat;
  display: flex;
  align-items: center; /* 文字垂直居中 */
}

.promo-card-1{
    background-image: url('https://www.homeplus.net.tw/cable/images/manual_upload/wbc-promo/images/card-1-bg.webp');
}

.promo-card-2{
    background-image: url('https://www.homeplus.net.tw/cable/images/manual_upload/wbc-promo/images/card-2-bg.webp');
}


/* 文字區域樣式 */
.wbc-promo-container .promo-text {
  padding: 40px;
  color: white;
  width: 100%; /* 限制文字寬度，避免壓到背景人物 */
  text-align: left;
}

.wbc-promo-container .promo-text .yellow-text {
  color: #ffeb3b;
  font-size: 1.5rem;
  margin: 10px 0;
  font-weight: bold;
}

.wbc-promo-container .promo-text .small-text{
    font-size: 1rem;
    color: white;
    font-weight: 400;
}

.wbc-promo-container .promo-text .form{
    display: none;
}

.wbc-promo-container .promo-text p{
     font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0;
}

.btn-more {
display: inline-block;
  width: 120px; /* 建議設固定寬度或按比例，以符合你切圖的尺寸 */
  height: 35px;
  line-height: 35px; /* 讓文字垂直置中 */
  text-align: center;
  color: black;
  text-decoration: none;
  font-weight: bold;
  
  /* 套用你切出來的圖片 */
  background-image: url('https://www.homeplus.net.tw/cable/images/manual_upload/wbc-promo/images/btn.webp'); 
  background-size: 100% 100%; /* 強制圖片拉伸填滿按鈕寬高 */
  background-repeat: no-repeat;
  background-color: transparent; /* 移除預設背景 */
  border: none;
  
  transition: transform 0.2s ease;
}

@media (min-width: 992px) {
  
  .outer-gradient-card {
    flex: 1; /* 平分寬度 */
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

    .promo-card-1{
    background-color: #142564;
    background-image: url('https://www.homeplus.net.tw/cable/images/manual_upload/wbc-promo/images/card-1-bg-pad.webp');
}

.promo-card-2{
    background-color: #142564;
    background-image: url('https://www.homeplus.net.tw/cable/images/manual_upload/wbc-promo/images/card-2-bg-pad.webp');
}

.promo-text .form{
    display: block;
}

}

@media screen and (max-width: 750px){

     .wbc-campaign-wrapper .kv-section { position: relative; width: 100%; overflow: hidden; margin-bottom: -25px;}

     .wbc-campaign-wrapper .kv-title {
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    pointer-events: none;
}

        .wbc-campaign-wrapper .table-section .mobile-show {
        text-align: center;
        display: block;
        color:white;
        padding-bottom: 1rem;
    }

      .wbc-titleHex{
    --cut: 16px;
    --padY: 10px;
    --padX: 16px;
  }

  .wbc-titleHex__inner{
    font-size: 18px;
  }

 .wbc-campaign-wrapper .wbc-table-container {
  width: 90%;
  padding-top: 0;
}

.wbc-promo-container {
  width: 90%;
}

.wbc-promo-container .promo-text {
  color: white;
  width: 100%; /* 限制文字寬度，避免壓到背景人物 */
  text-align: center;
  margin-top: -150px;
}

.wbc-promo-container .promo-text .form{
    display: block;
}

.inner-content {
    min-height: 375px;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.promo-card-1{
    background-color: #142564;
    background-image: url('https://www.homeplus.net.tw/cable/images/manual_upload/wbc-promo/images/card-1-bg-m.webp');
    background-size: 100% auto;
}

.promo-card-2{
    background-color: #142564;
    background-image: url('https://www.homeplus.net.tw/cable/images/manual_upload/wbc-promo/images/card-2-bg-m.webp');
    background-size: 100% auto;
}


.wbc-table .channel-no{
  padding: 5px 10px;
  border-right: 2px solid #4b5599;  /* ← 直線 */
  text-align: center;
  font-weight: 700;
  font-size: .9rem;
}

.wbc-table .channel-name{
  padding: 5px 10px;
  font-size: .9rem;
}

.wbc-table .channel-re{
  padding: 5px 10px;
  font-size: .9rem;
}
/*手機版斷行*/
.wbc-table .form{
  display: block;
}
.wbc-promo-container .promo-text{
  padding: 40px 5%;
}
}
/*SEO 隱藏 H1文字*/
.wbc-campaign-wrapper .h1-hide{
position: relative;
font-size: 0;
line-height: 0;
opacity: 0;
text-indent: -999px;
z-index: -99;
color: #142564;
}
/*表格 提示左右滑動文字*/
.scroll-text{
  display: none;
}
@media screen and (max-width: 750px){
  .scroll-text{
  display: block;
  font-size: 12px;
  color: #c8cde2;
  text-align: center;
  margin: 0 auto 10px;
}
}