main{overflow: hidden;}

/* !====圖片預載入確保 */
.preload-images {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

/* !====比例模組 */
[class*="ratio--"]{position: relative;display: block;margin: 0 auto;max-width: 100%;overflow: hidden;object-fit: cover;}
.ratio--9x16{aspect-ratio: 9/16;}
.ratio--16x9{aspect-ratio: 16/9;}

/* 形象區 */
.mainKv{position: relative;}
.mainKv__video{display: block;width: 100%;aspect-ratio: 16/9;object-fit: cover;background-image: url('../../images/kv_pc.jpg');background-size: cover;background-position: center;opacity: 0;transition: opacity 0.5s ease-in-out;}
.mainKv__video.loaded{opacity: 1;}

/* 占位圖片和載入動畫 */
.mainKv__placeholder{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;display: flex;align-items: center;justify-content: center;transition: opacity 0.5s ease-in-out;}
.mainKv__placeholder.hidden{opacity: 0;pointer-events: none;}
.mainKv__fallback-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.loading-spinner{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3;text-align: center;color: #fff;}
.spinner{width: 40px;height: 40px;margin: 0 auto 10px;border: 3px solid rgba(255,255,255,0.3);border-top: 3px solid #fff;border-radius: 50%;animation: spin 1s linear infinite;}
.loading-spinner p{margin: 0;font-size: 14px;color: #fff;text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 手機版響應式設計 */
@media (max-width: 820px) {
    .mainKv__video{background-image: url('../../images/kv_mb.jpg');}
    .loading-spinner{color: #333;}
    .loading-spinner p{color: #333;text-shadow: 1px 1px 2px rgba(255,255,255,0.8);}
}

/* 標題 */
.mainTitle,.h2,.h3{--mb: 2rem;--fz:2.5rem;margin-bottom: var(--mb);font-size: var(--fz);font-weight: 700;color: var(--subColor);line-height: 1.5;}
.mainTitle{/* --mb: calc(var(--wp) / 2); */text-align: center;}
.h2{--mb:1.5rem;--fz:1.5rem;}
.h3{--mb:0.625rem;--fz:1.25rem;}

/* 內容 */
.mainContent{margin-bottom: 60px;}

/* 固定區域 */
.fixedBtn {
  position: fixed;
  bottom: 40%;
  right: 20px;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 95px;
  aspect-ratio: 1/1;
  background-color: var(--mjColor);
  border-radius: 50px;
  color: #fff;            /* 平常字體顏色固定白色 */
  text-align: center;
}

/* 確保連結在「未訪問、已訪問」狀態下都保持白色 */
.fixedBtn:link,
.fixedBtn:visited {
  color: #fff;
}

/* 滑過去：維持白色字，只變背景色 */
.fixedBtn:hover {
  color: #fff;
  background-color: var(--subColor);
}

/* 內文字體設定 */
.fixedBtn p {
  font-size: 1.3rem;
  line-height: 1.8rem;
  margin: 0;
  color: inherit;         /* 跟隨外層，確保文字也是白色 */
}


/* 前言 */
.wrapper--preface{--ctn-w: 950px;position: relative;padding-bottom: 0;color: var(--subColor);font-size: 17px;}
.wrapper--preface::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width: clamp(60px,8vw,80px);
    aspect-ratio:1/1;
    background: url(../../images/dec-cl-sub.svg)no-repeat left top/contain;
    /* 強制載入背景圖片 */
    background-color: transparent;
    background-attachment: scroll;
}
.prefaceBtn{display: block;margin-top: 2rem;padding: 1.25rem 0;font-size: 1.75rem;font-weight: 700;border-top:solid 1px;border-bottom:solid 1px;color:var(--mjColor);text-align: center;text-decoration: none;line-height: 1.6;}
.prefaceBtn .pc_only{display: inline-block;}

/* 論壇亮點 */
.wrapper--forum{--ctn-w: 1100px;/* --ctn-pX: 0; */position: relative;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(82, 187, 191, 0.2) 100%);}
.wrapper--forum::before{
    content:'';
    position:absolute;
    right:0;
    bottom:0;
    width:80px;
    aspect-ratio:1/1;
    background: url(../../images/dec-cl-mj.svg)no-repeat left top/contain;
    /* 強制載入背景圖片 */
    background-color: transparent;
    background-attachment: scroll;
}
.forumLis{display: flex;flex-wrap: wrap;justify-content: center;align-items: self-start;gap: 4rem;}
.forumLis__bx{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    aspect-ratio: 1/1;
    width: clamp(385px,10vw,425px);
    padding: 2rem clamp(3.5rem,10vw,5.125rem);
    background: url(../../images/deco_circle.png)no-repeat center/contain;
    /* 強制載入背景圖片 */
    background-color: transparent;
    background-attachment: scroll;
    color: var(--subColor);
    font-weight: 400;
    letter-spacing: 0;
}
.forumLis__bx:nth-child(2){margin-top:2rem;}
.forumLis__bx:nth-child(3){margin-top: -7rem;}
.forumLis__bx .h3{padding-left: var(--mb);border-left: solid .25rem var(--mjColor);}
.forumLis__bx p{margin: 0;font-weight: 400;}


/* !====popUp燈箱 */
.popUpWrap{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;align-items: center;justify-content: center;display: none;}
.popUpWrap .js-mask{position: absolute;left: 0;right: 0;width: 100%;height: 100%;z-index: -1;background: var(--mjColor);opacity: .95;}
.popUpWrap .close{opacity: 1!important;position: absolute;top: 0;right: 0;cursor: pointer;width: 50px;aspect-ratio: 1;background: var(--subColor);color: #fff;}
.popUpWrap .close::after{content:'';display: block;width: 100%;height: 100%;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E")no-repeat center /60%;}
.popUpWrap .close:hover{background: var(--subColor-d);}
.popUpWrap__inner{position: relative;width: 90%;max-width: 1000px;padding: 50px clamp(20px,5vw,50px);background: #fff;}
.popUpWrap__inner .conBx{}

/* 論壇講者 */
.wrapper--speaker{position: relative;z-index: 1;overflow: hidden;}
.speakerLis{display: grid;grid-template-columns: repeat(3,1fr);gap: clamp(30px,5vw,50px) clamp(18px,3vw,35px);}
.speakerLis__bx{text-align: right;cursor: pointer;position: relative;}
.speakerLis__bx .lisPicBx{position:relative;margin: 0 0 1.3rem;}
.speakerLis__bx .lisPicBx::after{content:'';position:absolute;right:0.75rem;top:50%;width:clamp(1.625rem,5vw,2.5rem);aspect-ratio:1;background-color:var(--mjColor);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;background-size: 70%;border-radius:100%;transition: var(--transition);}
.speakerLis__bx:hover .lisPicBx::after{background-color:var(--subColor);transform: scale(1.2);}
.speakerLis__bx .tt{margin-top: calc(-1 * var(--fz) * 1.5);margin-bottom: 0;text-align: right;}
.speakerLis__bx .txt{margin: 0;color: var(--gray);font-weight: 400;font-size: 1rem;line-height: 1.5;}

.speakerUser{margin-bottom: 15px;display: flex;align-items: center;gap: 15px;}
.speakerUser .picBx{position: relative;width: 100px;aspect-ratio: 1/1;margin: 0;border-radius: 50%;overflow: hidden;}
.speakerUser .picBx img{width: 100%;height: 100%;object-fit: cover;object-position: center top;}
.speakerUser .infoBx{}
.speakerUser .infoBx__name{margin-bottom: 0;}
.speakerUser .infoBx__title{color: var(--gray);line-height: 1.2;}

.gradient--ring {
  --cir: 50%;
  --wd: 208px;
  /* --ring-thickness: 8; */
  position: absolute;
  z-index: -1;
  width: var(--wd);
  aspect-ratio: 1;
  animation: gradient--ring 20s linear infinite;
}
@keyframes gradient--ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.gradient--ring.--e1{top: 5%;right: calc(var(--wd) / 2 * -1);transform-origin: 30% 60%;}
.gradient--ring.--e2{--wd: 162px;bottom: 5%;left: calc(var(--wd) / 2 * -1);transform: rotate(45deg);transform-origin: 70% 60%;}
.gradient--ring.--e1 { --ring-thickness: 8; }
.gradient--ring.--e2 { --ring-thickness: 15; }

/* 活動議程 */
.wrapper--agenda{position: relative;z-index: 1;padding-bottom: 0;}
.agendaWrap{position: relative; display: flex;flex-direction: column;font-size: 1.25rem;font-weight: 700;line-height: 1.5;border-bottom: solid .375rem var(--mjColor);background: #fff;}
.agendaWrap::before{content: '';pointer-events: none;position: absolute;bottom: 99%;left: 0;width: 100%;aspect-ratio: 129/10;background: url('../../images/agenda_en.svg')no-repeat center bottom/90%;/* z-index: -1; */}
.agendaWrap .td{padding: 1.25rem;}
.agendaWrap .td:nth-child(1){width: 220px;}
.agendaWrap .td:nth-child(2){flex: 1;}
.agendaWrap .td:nth-child(3){width: 100%;}
.agendaWrap__head{color: var(--subColor);background-color: var(--mjColor);}
.agendaWrap__head,.agendaItem{display: flex;flex-wrap: wrap;}
.agendaWrap__head .td{padding-top:.5rem;padding-bottom:.5rem;}
.agendaItem:nth-child(even){background-color: var(--gray-l);}
.agendaItem .td:nth-child(1){color: var(--gray);}
.td .txt{margin-bottom: 0;font-size: 1.375rem;}
.td .item{margin-bottom: 0;color: var(--subColor);}
.td .item__tt{}
.td .item__txt{margin-left: 1rem;font-weight: 400;font-size: 1rem;}
.time{font-weight: 600;}
.mkTxt{display: inline-block;margin-bottom: .5rem;padding: .5rem 1.5rem;background-color: var(--subColor);color: #fff;border-radius: 3em;font-weight: 700;line-height: 1.2;}
.sort{display: block;font-size: 1rem;font-weight: 700;color: var(--mjColor);}

.deco--1,.deco--2{position: absolute;z-index: -1;}
.deco--1{right:0;bottom: 0;width: clamp(125px,35vw,480px);animation: deco--1 5s ease-in-out infinite;animation-direction:alternate;transform: translateY(25%);}
.deco--1 img{width: 100%;}
.deco--2{left: 0;bottom:0;display: flex;align-items: center;justify-content: center;aspect-ratio: 1/1;width: clamp(280px,30vw,462px);transform: translate(-20%,45%);}
.deco--2::after{content: '';position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);width: 100%;aspect-ratio: 1/1;background: url('../../images/deco_circle.png')no-repeat center/contain;animation: deco--2-bg 5s ease-in-out infinite;animation-direction:alternate}
.deco--2 img{position: relative;z-index: 1;max-width: 100%;width: 56%;animation: gradient--ring 20s linear infinite;}
@keyframes deco--1 {
  0% {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@keyframes deco--2-bg {
  0% {
    transform: translate(-50%,-50%) scale(.95);
  }
  100% {
    transform: translate(-50%,-50%) scale(1.05);
  }
}

/* 活動時間 */
.wrapper--agendaTime{position: relative;z-index: 1;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(82, 187, 191, 0.2) 100%);}
.mapBx{display: block;width: 100%;aspect-ratio: 4/3;}
.agendaTime{display: flex;gap:3rem;margin-top: 4rem;}
.agendaTime__bx{flex:1}
.agendaTime__bx .ttImg{margin-bottom: 3rem;}
.agendaTime__bx .ttImg.mb_only{margin-bottom:1.25rem}
.agendaTime__bx .ttImg img{max-width: 100%;}
.agendaTime__bx .infoBx{}
.agendaTime__bx .infoBx__tt{margin-bottom: 0;font-size: 1.25rem;font-weight: 700;}
.agendaTime__bx ul{}
.ul--disc li{--pdL: 1.75rem;position: relative;padding-left: var(--pdL);}
.ul--disc li::before{content:"";position:absolute;left:calc(var(--pdL) / 2);top:calc(var(--pdL) / 2);display:block;width:3px;aspect-ratio:1;background:var(--clTxt,var(--black));border-radius:50%;margin-right:8px;transform:translate(-50%,-50%)}

/* 卡片共用 */
.l-picBx{margin-bottom: 0;transition: var(--transition);overflow: hidden;}
.l-picBx img{width: 100%;transition: var(--transition);}
.l-infoBx{transition: var(--transition);padding: .5rem 0;}
.l-infoBx__tt{height: 2.8em;margin: 0;padding: 0 1rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 1.25rem;font-weight: 500;line-height: 1.4;transition: var(--transition);}
a:hover .l-picBx img{transform: scale(1.05);}

/* 專刊文章 頁籤 */
.tabsGp{}
.tabsGp__tabs{list-style-type: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;background: #F6F6F6;border-bottom: solid 0.125rem var(--mjColor);}
.tabsGp__tabs li{flex: 1;cursor: pointer;padding: 0.5rem;font-size: 1.25rem;font-weight: 300;color: #A6A6A6;text-align: center;transition: var(--transition);}
.tabsGp__tabs li:hover,
.tabsGp__tabs li.active{background: var(--mjColor);color: #fff;}
.tabsGp__body{padding-top:2.5rem;}
.tabContent{display: none;}
.rowLis{display: grid;gap:2rem;grid-template-columns: repeat(3,1fr);justify-content: center;}
.noData{display: flex;align-items: center;justify-content: center;aspect-ratio: 312/258;font-size: clamp(2rem,4vw,3rem);font-weight: 700;color: #CDCDCD;background-color: #F6F6F6;}
.noData::before{content:'敬請期待'}
.articleCard{}
.articleCard .l-picBx{margin-right: 0.5rem;margin-bottom: -1rem;}
.articleCard .l-infoBx{position: relative;margin-left: 0.5rem;color: #fff;background: var(--mjColor);}
.articleCard:hover .l-infoBx{background: var(--subColor);}

/* 輪播 */
.swiper{--gap:2rem;--out: calc(var(--gap) * -2);--out-in: calc(var(--gap) + var(--gap) / 2);--angle-size:35px;margin-left: var(--out);margin-right: var(--out);padding: 0 var(--out-in);}
.swiper-button-next,.swiper-button-prev{width: var(--angle-size);aspect-ratio: 35/32;background-image: url('../../images/angle.svg');background-position: center;background-size: contain;background-repeat: no-repeat;}
.swiper-button-next{right:1rem;transform: scaleX(-1);}
.swiper-button-prev{left:1rem}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.swiper-wrapper{}
.swiper-slide{padding: 0 calc(var(--gap) / 2);}

/* 延伸閱讀 */
.readCard .l-infoBx__tt{border-left: solid .25rem var(--mjColor);color: var(--subColor);font-weight: 700;}
.readCard:hover .l-infoBx{background: var(--mjColor);}
.readCard:hover .l-infoBx__tt{color:#fff;border-color: var(--subColor2);font-weight: 500;}

/* 影音 */
.videoCard{width: 360px;}

/* 單位 */
.unitTeam{display: flex;gap: clamp(2rem,8vw,7rem);}
.unitTeam__bx{}
.unitTeam__bx .tt{margin-bottom: .5rem;font-size: 1rem;color:var(--gray)}
.unitTeam__bx img{max-height: 45px;}

/* 動態球球 */
.wrapper--article,.wrapper--read,.wrapper--video,.wrapper--picture{position: relative;}
.deco--3{position: absolute;filter: blur(.5rem);width:var(--size,10vw);aspect-ratio: 1;transform-origin: center;animation: deco--3 10s ease-in-out infinite;animation-direction:alternate}
.wrapper--article .deco--3{--size:clamp(92px, 15vw, 172px);left:-2vw;top:5vw}
.wrapper--read .deco--3{--size:clamp(125px, 20vw, 215px);right:-2vw;bottom:5vw;transition-delay: 1s;}
.wrapper--video .deco--3{--size: clamp(92px, 15vw, 172px);left:-2vw;top:5vw;transition-delay: 1.25s;}
.wrapper--picture .deco--3{--size: clamp(125px, 20vw, 215px);right:-2vw;top:5vw;transition-delay: 1.5s;}
@keyframes deco--3 {
  0% {
    transform: rotate(360deg) translateY(10%);
  }
  100% {
    transform: rotate(0deg) translateY(-10%);
  }
}

@media all and (max-width: 1025px) {
  /* 論壇亮點 */
  .forumLis{flex-direction:column;gap: 1.25rem;align-items:center}
  .forumLis__bx{margin:0;width: 385px;max-width: 100%;}
  .forumLis__bx:nth-child(2){margin-top:0;}
  .forumLis__bx:nth-child(3){margin-top: 0;}
  .speakerLis__bx .lisPicBx{ margin: 0 0 2rem;}
}

@media all and (max-width: 820px) {
  /* 固定區域 */
  .bodyBg{background: url(../../images/bg-mb.svg)no-repeat center/cover #fff;}
  
  /* 形象區 */
  .mainKv__video{aspect-ratio: 4/6;background-image: url('../../images/kv_mb.jpg');}

  /* 前言 */
  .prefaceBtn .pc_only{display: none;}

  /* 活動議程 */
  .agendaWrap{font-size:1.125rem}
  .agendaWrap__head{padding:.5rem 1rem}
  .agendaWrap .td:nth-child(1){width:100%;margin-bottom: .5rem;}
  .agendaWrap .td{padding: 0;}
  .agendaItem{padding: .5rem 1rem;}
  .td .item+.item{margin-top:.5rem}
  .td .item__txt{margin-left: .5rem;font-size:0.9375rem}
  .sort{margin:.5rem 0}

  /* 活動時間 */
  .wrapper--agendaTime{padding-top:6rem}
  .agendaTime{flex-direction: column;align-items: center;gap:2rem;margin: 0 auto;}
  .agendaTime__bx{flex:inherit}
  .agendaTime__bx:nth-child(2){width:100%;max-width:360px}

  /* 專刊文章 頁籤 */
  .rowLis{grid-template-columns: repeat(1,1fr);}
  .articleCard,.readCard,.videoCard{display: block;width: 100%;max-width: 320px;margin: 0 auto;}
  /* .noData:not(:first-child){display:none} */

  /* 輪播 */
  .swiper{--gap: 2rem;--out: 0;}
  .swiper-button-next{right:0;}
  .swiper-button-prev{left:0}

  /* 活動時間 */
  .agendaTime__bx .infoBx{display:flex;gap:.5rem;}

}

@media all and (max-width: 660px) {
  /* 論壇講者 */
  .wrapper--speaker{}
  .speakerLis{grid-template-columns: repeat(2,1fr);}
  .gradient--ring{display:none}

  /* 前言 */
  .wrapper--preface{--wp: 80px;padding-bottom:0;}
  .wrapper--preface .mainTitle{font-size: 24px;text-align: left;}
  .wrapper--preface .mainTitle br{display:none}

  /* 論壇亮點 */
  .wrapper--forum{/* padding-top:0; */}

  /* 輪播 */
  .swiper{--gap:0;}

  /* 活動議程 */
  .deco--1{width: clamp(125px,40vw,480px);transform: translate(25%,25%);}
  .deco--2{width: clamp(280px,40vw,462px);transform: translate(-45%,45%);}

}

@media all and (max-width: 400px) {
  /* 前言 */
  .prefaceBtn .txt{font-size: 6vw;}

  /* 輪播 */
  .swiper{/* --gap:var(--angle-size); */--out-in: calc(var(--angle-size) + 0.5rem);}
  .swiper-wrapper{}
  .swiper-slide{padding: 0;}
}