.elementor-15060 .elementor-element.elementor-element-5673259{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15060 .elementor-element.elementor-element-5673259:not(.elementor-motion-effects-element-type-background), .elementor-15060 .elementor-element.elementor-element-5673259 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFD;}.elementor-15060 .elementor-element.elementor-element-5673259.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15060 .elementor-element.elementor-element-3931d54{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15060 .elementor-element.elementor-element-3931d54.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15060 .elementor-element.elementor-element-b45e756 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15060 .elementor-element.elementor-element-d662b35 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15060 .elementor-element.elementor-element-dae7824 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15060 .elementor-element.elementor-element-d33738d{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-15060 .elementor-element.elementor-element-d33738d.e-con{--align-self:center;}.elementor-15060 .elementor-element.elementor-element-73659cc{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:21px 21px 21px 21px;}.elementor-15060 .elementor-element.elementor-element-b0fcc07{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15060 .elementor-element.elementor-element-21dbb00{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15060 .elementor-element.elementor-element-0233bd8{--display:flex;}.elementor-15060 .elementor-element.elementor-element-6dfff42{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15060 .elementor-element.elementor-element-27dd033{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15060 .elementor-element.elementor-element-9ca8ab1 > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-15060 .elementor-element.elementor-element-d33738d{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15060 .elementor-element.elementor-element-73659cc{--grid-auto-flow:row;}.elementor-15060 .elementor-element.elementor-element-b0fcc07{--grid-auto-flow:row;}.elementor-15060 .elementor-element.elementor-element-6dfff42{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-15060 .elementor-element.elementor-element-5673259{--width:355.318px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15060 .elementor-element.elementor-element-3931d54{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-15060 .elementor-element.elementor-element-3931d54.e-con{--align-self:center;}.elementor-15060 .elementor-element.elementor-element-d33738d{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-15060 .elementor-element.elementor-element-b5b1626.elementor-element{--align-self:flex-start;}.elementor-15060 .elementor-element.elementor-element-73659cc{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15060 .elementor-element.elementor-element-b0fcc07{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15060 .elementor-element.elementor-element-6dfff42{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-15060 .elementor-element.elementor-element-d33738d{--width:91%;}}@media(max-width:1024px) and (min-width:768px){.elementor-15060 .elementor-element.elementor-element-5673259{--width:712px;}.elementor-15060 .elementor-element.elementor-element-3931d54{--width:712px;}}/* Start custom CSS for html, class: .elementor-element-b45e756 *//* ==========================================
   微新全人成長協會 - 首頁 Hero 專用獨立樣式
   ========================================== */

/* 1. 全局父層容器：溫潤珍珠白底色，搭配左上角金橘色柔和呼吸微光 */
.ws-association-hero {
  position: relative !important;
  width: 100% !important;
  min-height: 85vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 80px 24px !important;
  box-sizing: border-box !important;
  background: 
    radial-gradient(circle at 12% 18%, rgba(253, 219, 185, 0.45) 0%, transparent 45%),
    radial-gradient(circle at 88% 82%, rgba(243, 231, 213, 0.3) 0%, transparent 50%),
    #fdfbfb !important; /* 珍珠白 */
  overflow: hidden !important;
  font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif !important;
  text-align: center !important;
}

.ws-association-hero .ws-hero-container {
  max-width: 850px !important;
  width: 100% !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  z-index: 2 !important;
}

/* 2. 頂部英文字 Badge：微幅背景發光 */
.ws-association-hero .ws-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(212, 175, 55, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.25) !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  margin-bottom: 24px !important;
  animation: ws-fade-in 1s ease-out !important;
}

.ws-association-hero .ws-badge span {
  color: #b8860b !important; /* 古典金 */
  font-size: clamp(10px, 2vw, 12px) !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* 3. 中文大字標題：使用 Noto Serif TC 呈現高端典雅感 */
.ws-association-hero .ws-main-title {
  font-family: "Noto Serif TC", "Songti TC", "Microsoft JhengHei", serif !important;
  color: #1a2a6c !important; /* 微新經典海軍藍 */
  font-size: clamp(36px, 6.5vw, 72px) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 3px !important;
  margin: 0 0 18px 0 !important;
}

/* 4. 金色副標題 */
.ws-association-hero .ws-sub-headline {
  font-family: "Noto Serif TC", "Songti TC", "Microsoft JhengHei", serif !important;
  color: #d4af37 !important; /* 金屬金 */
  font-size: clamp(18px, 3vw, 24px) !important;
  font-weight: 700 !important;
  letter-spacing: 4px !important;
  margin: 0 0 24px 0 !important;
}

/* 5. 情感內文 */
.ws-association-hero .ws-description {
  color: #666666 !important;
  font-size: clamp(14px, 2vw, 16px) !important;
  line-height: 1.8 !important;
  max-width: 620px !important;
  margin: 0 0 32px 0 !important;
  letter-spacing: 1px !important;
}

/* 6. 功能特點藥丸（Pill）：質感白底襯托橘字 */
.ws-association-hero .ws-feature-pill {
  display: inline-flex !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(255, 140, 0, 0.15) !important;
  box-shadow: 0 8px 24px rgba(212, 175, 55, 0.05) !important;
  padding: 12px 28px !important;
  border-radius: 50px !important;
  margin-bottom: 40px !important;
}

.ws-association-hero .ws-feature-pill span {
  color: #ff8c00 !important; /* 暖橙色 */
  font-weight: 700 !important;
  font-size: clamp(13px, 2vw, 15px) !important;
  letter-spacing: 1px !important;
}

/* 7. 按鈕組與互動回饋 */
.ws-association-hero .ws-btn-group {
  display: flex !important;
  gap: 16px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  width: 100% !important;
}

.ws-association-hero .ws-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 15px 38px !important;
  font-size: clamp(14px, 2vw, 16px) !important;
  font-weight: 700 !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

/* 按下縮放互動 */
.ws-association-hero .ws-btn:active {
  transform: scale(0.92) !important;
}

/* 主按鈕：完美還原附圖的橘黃色微漸層 */
.ws-association-hero .ws-btn-primary {
  background: linear-gradient(135deg, #ffd15c 0%, #ff8c00 100%) !important;
  color: #ffffff !important;
  box-sizing: border-box !important;
  box-shadow: 0 6px 20px rgba(255, 140, 0, 0.25) !important;
}

.ws-association-hero .ws-btn-primary:hover {
  box-shadow: 0 8px 25px rgba(255, 140, 0, 0.4) !important;
  transform: translateY(-2px) !important;
}

/* 次按鈕：經典幽靈按鈕 */
.ws-association-hero .ws-btn-secondary {
  background: #ffffff !important;
  color: #ff8c00 !important;
  border: 1px solid rgba(255, 140, 0, 0.3) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
}

.ws-association-hero .ws-btn-secondary:hover {
  border-color: #ff8c00 !important;
  background: rgba(255, 140, 0, 0.02) !important;
  transform: translateY(-2px) !important;
}

/* 8. 動畫定義與無障礙減動支援 */
@keyframes ws-fade-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .ws-association-hero .ws-badge,
  .ws-association-hero .ws-btn {
    animation: none !important;
    transition: none !important;
  }
  .ws-association-hero .ws-btn:hover {
    transform: none !important;
  }
}

/* 9. 響應式佈局與防跑版斷點 */
.ws-association-hero .ws-mobile-br {
  display: none !important;
}

@media (max-width: 767px) {
  .ws-association-hero {
    padding: 60px 16px !important;
  }
  
  .ws-association-hero .ws-mobile-br {
    display: block !important; /* 手機版強制美麗斷行 */
  }
  
  .ws-association-hero .ws-btn-group {
    flex-direction: column !important;
    align-items: stretch !important;
    max-width: 280px !important;
    margin: 0 auto !important;
  }
  
  .ws-association-hero .ws-btn {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d662b35 */<style>
/* 限制範圍父類別 */
.ws-intersection-section {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 80px 20px !important;
  box-sizing: border-box !important;
  font-family: "Noto Serif TC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif !important;
  background-color: transparent !important;
}

/* 標題與排版 */
.ws-intersection-section .ws-header-block {
  text-align: center !important;
  margin-bottom: 60px !important;
}
.ws-intersection-section .ws-eng-sub {
  display: block !important;
  color: #b58518 !important; /* 品牌金 */
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 6px !important;
  margin-bottom: 12px !important;
}
.ws-intersection-section .ws-ch-main {
  color: #162d4a !important; /* 品牌軍藍 */
  font-size: clamp(28px, 4vw, 42px) !important;
  font-weight: 900 !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.2 !important;
}
.ws-intersection-section .ws-instruction {
  font-size: 14px !important;
  color: #718096 !important;
  margin: 0 auto !important;
  max-width: 600px !important;
  line-height: 1.7 !important;
}
.ws-intersection-section .ws-title-line {
  width: 80px !important;
  height: 4px !important;
  background-color: #d4af37 !important;
  margin: 24px auto 0 auto !important;
  border-radius: 2px !important;
}

/* 隱藏 Radio 元件 */
.ws-intersection-section input[type="radio"] {
  display: none !important;
}

/* 排版行結構 */
.ws-intersection-section .ws-interactive-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 50px !important;
}
.ws-intersection-section .ws-left-column {
  flex: 1 1 420px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.ws-intersection-section .ws-right-column {
  flex: 1 1 500px !important;
}

/* 圖片/文氏圖區域 (高度可控響應式縮放核心) */
.ws-intersection-section .ws-venn-diagram {
  --scale: 1; /* 透過倍率精準縮放，絕不跑版 */
  position: relative !important;
  width: calc(400px * var(--scale)) !important;
  height: calc(400px * var(--scale)) !important;
  margin: 0 auto !important;
}

/* 文氏圖單個環域 (毛玻璃透光感) */
.ws-intersection-section .ws-venn-circle {
  position: absolute !important;
  width: calc(230px * var(--scale)) !important;
  height: calc(230px * var(--scale)) !important;
  border-radius: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border: 1.5px solid rgba(212, 175, 55, 0.25) !important;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.7) !important;
  padding: calc(20px * var(--scale)) !important;
  box-sizing: border-box !important;
  user-select: none !important;
}

/* 環域 1：數位科技 (柔和透光橘) */
.ws-intersection-section .ws-circle-digital {
  top: calc(25px * var(--scale)) !important;
  left: calc(15px * var(--scale)) !important;
  background-color: rgba(229, 154, 109, 0.12) !important;
}
/* 環域 2：身心禪柔 (柔和翡翠綠) */
.ws-intersection-section .ws-circle-somatic {
  top: calc(25px * var(--scale)) !important;
  right: calc(15px * var(--scale)) !important;
  background-color: rgba(124, 169, 130, 0.12) !important;
}
/* 環域 3：社會公益 (柔和冰川藍) */
.ws-intersection-section .ws-circle-welfare {
  bottom: calc(25px * var(--scale)) !important;
  left: calc(85px * var(--scale)) !important; /* 完美數學置中，防止 translation 衝突 */
  background-color: rgba(141, 169, 196, 0.12) !important;
}

/* 金絲文氏圖黃金中心點 */
.ws-intersection-section .ws-venn-center {
  position: absolute !important;
  width: calc(90px * var(--scale)) !important;
  height: calc(90px * var(--scale)) !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 2px solid #d4af37 !important;
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.35) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  top: calc(135px * var(--scale)) !important;
  left: calc(155px * var(--scale)) !important;
  z-index: 10 !important;
  pointer-events: none !important; /* 滑鼠穿透，不干擾底層點擊 */
}
.ws-intersection-section .ws-center-brand {
  font-family: "Noto Serif TC", serif !important;
  font-size: calc(14px * var(--scale)) !important;
  font-weight: 800 !important;
  color: #b58518 !important;
}
.ws-intersection-section .ws-center-text {
  font-family: "Noto Sans TC", sans-serif !important;
  font-size: calc(10px * var(--scale)) !important;
  font-weight: 600 !important;
  color: #162d4a !important;
  margin-top: 2px !important;
}

/* 圖示與字級 */
.ws-intersection-section .ws-circle-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.ws-intersection-section .ws-circle-icon {
  width: calc(24px * var(--scale)) !important;
  height: calc(24px * var(--scale)) !important;
  margin-bottom: calc(8px * var(--scale)) !important;
  transition: transform 0.3s ease !important;
}
.ws-intersection-section .ws-circle-digital .ws-circle-icon { color: #e59a6d !important; }
.ws-intersection-section .ws-circle-somatic .ws-circle-icon { color: #7ca982 !important; }
.ws-intersection-section .ws-circle-welfare .ws-circle-icon { color: #8da9c4 !important; }

.ws-intersection-section .ws-circle-title {
  font-family: "Noto Serif TC", serif !important;
  font-size: calc(15px * var(--scale)) !important;
  font-weight: 700 !important;
  color: #162d4a !important;
}
.ws-intersection-section .ws-circle-subtitle {
  font-family: "Noto Sans TC", sans-serif !important;
  font-size: calc(9px * var(--scale)) !important;
  letter-spacing: 0.5px !important;
  color: #718096 !important;
  font-weight: 600 !important;
  margin-top: 3px !important;
}

/* 右側卡片容器 (自適應高度) */
.ws-intersection-section .ws-cards-container {
  position: relative !important;
  width: 100% !important;
}

/* 卡片基礎樣式 */
.ws-intersection-section .ws-pillar-card {
  display: none !important;
  background: #fdfbfb !important;
  border-radius: 24px !important;
  border-left: 5px solid #d4af37 !important;
  border-top: 1px solid rgba(22, 45, 74, 0.04) !important;
  border-right: 1px solid rgba(22, 45, 74, 0.04) !important;
  border-bottom: 1px solid rgba(22, 45, 74, 0.04) !important;
  box-shadow: 0 15px 45px rgba(22, 45, 74, 0.04) !important;
  padding: 40px !important;
  box-sizing: border-box !important;
}

/* 高級漸進式淡入動畫 */
@keyframes wsFadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 點擊切換狀態控制 */
#ws-tab-digital:checked ~ .ws-interactive-row .ws-card-digital {
  display: block !important;
  animation: wsFadeInUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}
#ws-tab-digital:checked ~ .ws-interactive-row .ws-circle-digital {
  transform: scale(1.05) !important;
  opacity: 1 !important;
  border-color: #d4af37 !important;
  background-color: rgba(229, 154, 109, 0.22) !important;
  box-shadow: 0 10px 30px rgba(229, 154, 109, 0.25), inset 0 0 20px rgba(255, 255, 255, 0.9) !important;
}
#ws-tab-digital:checked ~ .ws-interactive-row .ws-circle-digital .ws-circle-icon {
  transform: scale(1.1) !important;
}

#ws-tab-somatic:checked ~ .ws-interactive-row .ws-card-somatic {
  display: block !important;
  animation: wsFadeInUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}
#ws-tab-somatic:checked ~ .ws-interactive-row .ws-circle-somatic {
  transform: scale(1.05) !important;
  opacity: 1 !important;
  border-color: #d4af37 !important;
  background-color: rgba(124, 169, 130, 0.22) !important;
  box-shadow: 0 10px 30px rgba(124, 169, 130, 0.25), inset 0 0 20px rgba(255, 255, 255, 0.9) !important;
}
#ws-tab-somatic:checked ~ .ws-interactive-row .ws-circle-somatic .ws-circle-icon {
  transform: scale(1.1) !important;
}

#ws-tab-welfare:checked ~ .ws-interactive-row .ws-card-welfare {
  display: block !important;
  animation: wsFadeInUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}
#ws-tab-welfare:checked ~ .ws-interactive-row .ws-circle-welfare {
  transform: scale(1.05) !important;
  opacity: 1 !important;
  border-color: #d4af37 !important;
  background-color: rgba(141, 169, 196, 0.22) !important;
  box-shadow: 0 10px 30px rgba(141, 169, 196, 0.25), inset 0 0 20px rgba(255, 255, 255, 0.9) !important;
}
#ws-tab-welfare:checked ~ .ws-interactive-row .ws-circle-welfare .ws-circle-icon {
  transform: scale(1.1) !important;
}

/* 點擊時自動淡化非選中環域 (互斥美感) */
#ws-tab-digital:checked ~ .ws-interactive-row .ws-circle-somatic,
#ws-tab-digital:checked ~ .ws-interactive-row .ws-circle-welfare,
#ws-tab-somatic:checked ~ .ws-interactive-row .ws-circle-digital,
#ws-tab-somatic:checked ~ .ws-interactive-row .ws-circle-welfare,
#ws-tab-welfare:checked ~ .ws-interactive-row .ws-circle-digital,
#ws-tab-welfare:checked ~ .ws-interactive-row .ws-circle-somatic {
  opacity: 0.5 !important;
  filter: grayscale(10%) !important;
}

/* 卡片文字細節 */
.ws-intersection-section .ws-pillar-num {
  display: block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #b58518 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 8px !important;
}
.ws-intersection-section .ws-pillar-title {
  font-family: "Noto Serif TC", serif !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  color: #162d4a !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.3 !important;
}
.ws-intersection-section .ws-pillar-eng-subtitle {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #a0aec0 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  margin-bottom: 24px !important;
}
.ws-intersection-section .ws-pillar-desc {
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #4a5568 !important;
  margin: 0 0 24px 0 !important;
}

/* 列表樣式 */
.ws-intersection-section .ws-pillar-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 30px 0 !important;
}
.ws-intersection-section .ws-pillar-list li {
  position: relative !important;
  padding-left: 20px !important;
  margin-bottom: 12px !important;
  font-size: 15px !important;
  color: #2d3748 !important;
  line-height: 1.5 !important;
}
.ws-intersection-section .ws-pillar-list li::before {
  content: "•" !important;
  position: absolute !important;
  left: 0 !important;
  color: #d4af37 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  top: -1px !important;
}

/* 品牌互動按鈕 */
.ws-intersection-section .ws-pillar-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 28px !important;
  border-radius: 50px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
  color: #ffffff !important;
}
.ws-intersection-section .ws-pillar-btn:active {
  transform: scale(0.94) !important; /* 按壓回饋 */
}
.ws-intersection-section .ws-btn-digital {
  background-color: #162d4a !important; /* 海軍藍 */
  box-shadow: 0 4px 15px rgba(22, 45, 74, 0.2) !important;
}
.ws-intersection-section .ws-btn-digital:hover {
  background-color: #0b1a2d !important;
  box-shadow: 0 6px 20px rgba(22, 45, 74, 0.3) !important;
}
.ws-intersection-section .ws-btn-somatic {
  background-color: #3c6e47 !important; /* 深翡翠綠 */
  box-shadow: 0 4px 15px rgba(60, 110, 71, 0.2) !important;
}
.ws-intersection-section .ws-btn-somatic:hover {
  background-color: #2a4f32 !important;
  box-shadow: 0 6px 20px rgba(60, 110, 71, 0.3) !important;
}
.ws-intersection-section .ws-btn-welfare {
  background-color: #b58518 !important; /* 香檳金 */
  box-shadow: 0 4px 15px rgba(181, 133, 24, 0.2) !important;
}
.ws-intersection-section .ws-btn-welfare:hover {
  background-color: #936b11 !important;
  box-shadow: 0 6px 20px rgba(181, 133, 24, 0.3) !important;
}

/* --- 響應式與防跑版設定 --- */

/* 平板尺寸斷點 */
@media (max-width: 1024px) {
  .ws-intersection-section .ws-venn-diagram {
    --scale: 0.85 !important;
  }
  .ws-intersection-section .ws-interactive-row {
    gap: 30px !important;
  }
  .ws-intersection-section .ws-pillar-card {
    padding: 30px !important;
  }
}

/* 手機版優先斷點 (最高響應權限) */
@media (max-width: 767px) {
  .ws-intersection-section {
    padding: 50px 15px !important;
  }
  .ws-intersection-section .ws-interactive-row {
    flex-direction: column !important; /* 自動改為單欄 */
    gap: 24px !important;
  }
  .ws-intersection-section .ws-left-column {
    width: 100% !important;
  }
  .ws-intersection-section .ws-right-column {
    width: 100% !important;
  }
  .ws-intersection-section .ws-venn-diagram {
    --scale: 0.75 !important; /* 完美縮放比例，防止撐破容器 */
  }
  .ws-intersection-section .ws-pillar-card {
    border-radius: 20px !important;
    padding: 24px !important;
  }
  .ws-intersection-section .ws-pillar-title {
    font-size: 22px !important;
  }
  .ws-intersection-section .ws-pillar-desc {
    font-size: 14px !important;
    margin-bottom: 18px !important;
  }
}

/* 極小手機螢幕 (iPhone SE 等) */
@media (max-width: 375px) {
  .ws-intersection-section .ws-venn-diagram {
    --scale: 0.62 !important;
  }
  .ws-intersection-section .ws-pillar-title {
    font-size: 20px !important;
  }
}

/* 無障礙：降低動畫偏好 */
@media (prefers-reduced-motion: reduce) {
  .ws-intersection-section .ws-venn-circle,
  .ws-intersection-section .ws-pillar-card,
  .ws-intersection-section .ws-circle-icon {
    transition: none !important;
    animation: none !important;
  }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dae7824 */<style>
/* ==========================================
   微新國際／超好生醫 三環自適應彈窗樣式
   ========================================== */

/* 外層容器鎖定與防干擾 */
.elementor-15060 .elementor-element.elementor-element-dae7824,
.elementor-15060 .elementor-element.elementor-element-dae7824:hover,
.elementor-15060 .elementor-element.elementor-element-dae7824 > .elementor-widget-container,
.elementor-15060 .elementor-element.elementor-element-dae7824:hover > .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

.ws-biotech-overlay-ring {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
    box-sizing: border-box !important;
    font-family: "Noto Serif TC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif !important;
    text-align: center !important;
    overflow: hidden !important;
}

/* 狀態起子隱藏 */
.ws-biotech-overlay-ring .ws-modal-state {
    display: none !important;
}

/* 標題區域設計 */
.ws-biotech-overlay-ring .ws-header-area {
    margin-bottom: 40px !important;
}

.ws-biotech-overlay-ring .ws-eng-sub {
    color: #d4af37 !important; /* 金屬金 */
    font-size: clamp(11px, 2.5vw, 14px) !important;
    font-weight: 700 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 8px !important;
}

.ws-biotech-overlay-ring .ws-ch-main {
    color: #1a2a6c !important; /* 海軍藍 */
    font-size: clamp(26px, 5vw, 40px) !important;
    font-weight: 900 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

.ws-biotech-overlay-ring .ws-bottom-line {
    width: 80px !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, #d4af37, transparent) !important;
    margin: 15px auto !important;
}

.ws-biotech-overlay-ring .ws-desc {
    color: #555555 !important;
    font-size: clamp(13px, 3vw, 16px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* 圓環排版容器 */
.ws-biotech-overlay-ring .ws-venn-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px 0 !important;
}

.ws-biotech-overlay-ring .ws-venn-diagram {
    position: relative !important;
    width: 420px !important;
    height: 420px !important;
    margin: 0 auto !important;
    transition: transform 0.3s ease !important;
}

/* 圓環基本樣式 (Glassmorphism 磨砂質感) */
.ws-biotech-overlay-ring .ws-ring {
    position: absolute !important;
    width: 220px !important;
    height: 220px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), 
                box-shadow 0.3s ease, 
                border-color 0.3s ease !important;
    box-sizing: border-box !important;
    border: 2px solid rgba(212, 175, 55, 0.35) !important;
    user-select: none !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

/* 圓環定位 */
.ws-biotech-overlay-ring .ring-tech {
    top: 5% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: radial-gradient(circle, rgba(253, 251, 251, 0.88) 40%, rgba(212, 175, 55, 0.15) 100%) !important;
}

.ws-biotech-overlay-ring .ring-bio {
    bottom: 12% !important;
    left: 5% !important;
    background: radial-gradient(circle, rgba(253, 251, 251, 0.88) 40%, rgba(26, 42, 108, 0.1) 100%) !important;
}

.ws-biotech-overlay-ring .ring-social {
    bottom: 12% !important;
    right: 5% !important;
    background: radial-gradient(circle, rgba(253, 251, 251, 0.88) 40%, rgba(26, 42, 108, 0.1) 100%) !important;
}

/* 圓環內容設計 */
.ws-biotech-overlay-ring .ws-ring-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 20px !important;
}

.ws-biotech-overlay-ring .ws-ring-icon {
    font-size: 28px !important;
    margin-bottom: 8px !important;
}

.ws-biotech-overlay-ring .ws-ring-title {
    color: #1a2a6c !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    margin-bottom: 4px !important;
}

.ws-biotech-overlay-ring .ws-ring-eng {
    color: #b58518 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}

/* 核心交會樞紐 */
.ws-biotech-overlay-ring .ws-venn-center {
    position: absolute !important;
    top: 52% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 75px !important;
    height: 75px !important;
    border-radius: 50% !important;
    background: rgba(212, 175, 55, 0.92) !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    pointer-events: none !important;
}

.ws-biotech-overlay-ring .ws-venn-center span {
    color: #1a2a6c !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
}

/* 圓环 Hover / Active 反饋 */
.ws-biotech-overlay-ring .ws-ring:hover {
    border-color: rgba(212, 175, 55, 0.9) !important;
    box-shadow: 0 10px 25px rgba(26, 42, 108, 0.15) !important;
}

.ws-biotech-overlay-ring .ring-tech:hover { transform: translateX(-50%) scale(1.04) !important; }
.ws-biotech-overlay-ring .ring-bio:hover,
.ws-biotech-overlay-ring .ring-social:hover { transform: scale(1.04) !important; }

.ws-biotech-overlay-ring .ws-ring:active { transform: scale(0.96) !important; }
.ws-biotech-overlay-ring .ring-tech:active { transform: translateX(-50%) scale(0.96) !important; }

/* ==========================================
   全螢幕彈窗樣式 (純 CSS 控制 + RWD 防裁切)
   ========================================== */
.ws-biotech-overlay-ring .ws-modal-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(26, 42, 108, 0.65) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
    transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), 
                visibility 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 彈窗卡片本體：防手機長度超出畫面的關鍵設定 */
.ws-biotech-overlay-ring .ws-modal-card {
    background: rgba(253, 251, 251, 0.96) !important;
    border: 1.5px solid rgba(212, 175, 55, 0.5) !important;
    width: 100% !important;
    max-width: 480px !important;
    max-height: 85vh !important; /* 限制最高為螢幕的 85% */
    overflow-y: auto !important; /* 內容過長自動產生內部滑動 */
    -webkit-overflow-scrolling: touch !important;
    padding: 36px 28px !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 45px rgba(26, 42, 108, 0.35) !important;
    position: relative !important;
    transform: scale(0.92) translateY(15px) !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

/* 關閉按鈕 */
.ws-biotech-overlay-ring .ws-close-btn {
    position: absolute !important;
    top: 16px !important;
    right: 20px !important;
    font-size: 30px !important;
    color: #1a2a6c !important;
    cursor: pointer !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
    line-height: 1 !important;
    z-index: 10 !important;
}

.ws-biotech-overlay-ring .ws-close-btn:hover {
    color: #d4af37 !important;
    transform: scale(1.1) !important;
}

.ws-biotech-overlay-ring .ws-close-btn:active {
    transform: scale(0.9) !important;
}

/* 彈窗內容細節 */
.ws-biotech-overlay-ring .ws-modal-tag {
    color: #b58518 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    display: block !important;
    margin-bottom: 6px !important;
}

.ws-biotech-overlay-ring .ws-modal-title {
    color: #1a2a6c !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
}

.ws-biotech-overlay-ring .ws-modal-divider {
    width: 45px !important;
    height: 3px !important;
    background-color: #d4af37 !important;
    margin-bottom: 18px !important;
}

.ws-biotech-overlay-ring .ws-modal-body {
    color: #444444 !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
}

.ws-biotech-overlay-ring .ws-modal-body p {
    margin-bottom: 16px !important;
}

.ws-biotech-overlay-ring .ws-modal-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
}

.ws-biotech-overlay-ring .ws-modal-list li {
    margin-bottom: 8px !important;
    font-weight: 600 !important;
    color: #1a2a6c !important;
}

/* 👑 彈窗按鈕全局設計 (專為手機點擊優化) */
.ws-biotech-overlay-ring .ws-pillar-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 12px 20px !important;
    border-radius: 50px !important;
    background: linear-gradient(135deg, #1a2a6c 0%, #0f1d4a 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: 1.5px solid #d4af37 !important;
    box-shadow: 0 6px 18px rgba(26, 42, 108, 0.2) !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important;
    box-sizing: border-box !important;
}

.ws-biotech-overlay-ring .ws-pillar-btn:hover {
    background: linear-gradient(135deg, #d4af37 0%, #b58518 100%) !important;
    color: #1a2a6c !important;
    border-color: #ffffff !important;
    box-shadow: 0 8px 22px rgba(212, 175, 55, 0.4) !important;
}

.ws-biotech-overlay-ring .ws-pillar-btn:active {
    transform: scale(0.95) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Checkbox 開關切換 */
#ws-modal-tech:checked ~ .overlay-tech,
#ws-modal-bio:checked ~ .overlay-bio,
#ws-modal-social:checked ~ .overlay-social {
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
}

#ws-modal-tech:checked ~ .overlay-tech .ws-modal-card,
#ws-modal-bio:checked ~ .overlay-bio .ws-modal-card,
#ws-modal-social:checked ~ .overlay-social .ws-modal-card {
    transform: scale(1) translateY(0) !important;
}

/* ==========================================
   📱 行動裝置響應式 RWD 輕量化
   ========================================== */
@media (max-width: 767px) {
    .ws-biotech-overlay-ring {
        padding: 20px 10px !important;
    }
    
    .ws-biotech-overlay-ring .ws-venn-diagram {
        width: 310px !important;
        height: 310px !important;
    }

    .ws-biotech-overlay-ring .ws-ring {
        width: 160px !important;
        height: 160px !important;
    }

    .ws-biotech-overlay-ring .ws-ring-icon {
        font-size: 22px !important;
        margin-bottom: 4px !important;
    }

    .ws-biotech-overlay-ring .ws-ring-title {
        font-size: 14px !important;
    }

    .ws-biotech-overlay-ring .ws-ring-eng {
        font-size: 9px !important;
    }

    .ws-biotech-overlay-ring .ws-venn-center {
        width: 55px !important;
        height: 55px !important;
    }

    .ws-biotech-overlay-ring .ws-venn-center span {
        font-size: 12px !important;
    }

    .ws-biotech-overlay-ring .ws-modal-card {
        padding: 28px 20px 24px 20px !important;
        border-radius: 20px !important;
    }

    .ws-biotech-overlay-ring .ws-pillar-btn {
        font-size: 14px !important;
        padding: 10px 16px !important;
    }
}

@media (max-width: 480px) {
    .ws-biotech-overlay-ring .ws-venn-diagram {
        width: 280px !important;
        height: 280px !important;
    }

    .ws-biotech-overlay-ring .ws-ring {
        width: 145px !important;
        height: 145px !important;
    }

    .ws-biotech-overlay-ring .ws-ring-content {
        padding: 10px !important;
    }

    .ws-biotech-overlay-ring .ws-ring-title {
        font-size: 13px !important;
    }

    .ws-biotech-overlay-ring .ws-venn-center {
        width: 50px !important;
        height: 50px !important;
    }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4050229 *//* =========================================================
   微新國際／超好生醫：最新消息標題區塊
   （專屬父層限定，安全不影響全站樣式）
   ========================================================= */

.ws-news-header {
    width: 100% !important;
    max-content: 100% !important;
    max-width: 920px !important;
    margin: 0 auto !important;
    padding: clamp(24px, 4vw, 48px) 16px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* 飛翼金色英文副標 */
.ws-news-header .ws-news-header__eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 0 16px !important;
}

.ws-news-header .ws-news-header__eyebrow-line {
    display: block !important;
    flex: 0 1 50px !important; /* 漸層線條 */
    height: 1px !important;
    background: linear-gradient(90deg, transparent, #ff7a00) !important;
}

.ws-news-header .ws-news-header__eyebrow-line:last-child {
    background: linear-gradient(90deg, #ff7a00, transparent) !important;
}

.ws-news-header .ws-news-header__eyebrow-text {
    color: #ff7a00 !important;
    font-family: "Playfair Display", "Noto Serif TC", serif !important;
    font-size: clamp(10px, 1.2vw, 12px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.24em !important;
    white-space: nowrap !important;
}

/* 經典漸層大標：生醫科技感 */
.ws-news-header .ws-news-header__title {
    width: 100% !important;
    margin: 0 0 16px !important;
    font-family: "Noto Serif TC", "PingFang TC", "Microsoft JhengHei", serif !important;
    font-size: clamp(26px, 3.5vw, 38px) !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.08em !important;
    /* 質感漸層金色與太陽橘色調 */
    background: linear-gradient(135deg, #ff7a00 0%, #b85c00 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #ff7a00 !important; /* 瀏覽器相容備用色 */
}

/* 暖調優雅內文說明 */
.ws-news-header .ws-news-header__subtitle {
    width: 100% !important;
    max-width: 620px !important;
    margin: 0 auto !important;
    color: #7c7974 !important; /* 高級淡灰褐 */
    font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif !important;
    font-size: clamp(12.5px, 1.3vw, 15.5px) !important;
    font-weight: 400 !important;
    line-height: 1.85 !important;
    letter-spacing: 0.06em !important;
    text-align: center !important;
    overflow-wrap: break-word !important;
}

/* =========================================================
   極致響應式與細緻留白微調
   ========================================================= */
@media (max-width: 767px) {
    .ws-news-header {
        padding: 20px 12px !important;
    }
    .ws-news-header .ws-news-header__eyebrow {
        margin-bottom: 12px !important;
        gap: 10px !important;
    }
    .ws-news-header .ws-news-header__title {
        line-height: 1.4 !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14467ae *//* ==================================================
   第一張新聞卡片｜完整救援覆蓋版
================================================== */

body .elementor .ws-news-card-01,
body .elementor .ws-news-card-01 *,
body .elementor .ws-news-card-01 *::before,
body .elementor .ws-news-card-01 *::after {
  box-sizing: border-box !important;
}

body .elementor .ws-news-card-01 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: flex !important;
  align-items: stretch !important;

  font-family:
    "Noto Sans TC",
    "PingFang TC",
    "Microsoft JhengHei",
    sans-serif !important;
}

/* 卡片主體 */
body .elementor .ws-news-card-01 .ws-news-card-01__card {
  position: relative !important;
  isolation: isolate !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  height: 518px !important;
  min-height: 518px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;

  background: #fffdfb !important;

  border: 1px solid rgba(226, 147, 75, 0.24) !important;
  border-radius: 16px !important;

  overflow: hidden !important;

  box-shadow:
    0 18px 45px rgba(111, 78, 48, 0.08),
    0 3px 10px rgba(111, 78, 48, 0.03) !important;

  transition:
    transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.3s ease,
    border-color 0.3s ease !important;
}

body .elementor .ws-news-card-01 .ws-news-card-01__card:hover {
  transform: translateY(-6px) !important;

  border-color: rgba(230, 107, 0, 0.42) !important;

  box-shadow:
    0 24px 52px rgba(111, 78, 48, 0.14),
    0 5px 14px rgba(111, 78, 48, 0.05) !important;
}

/* ==================================================
   圖片區
================================================== */

body .elementor .ws-news-card-01 .ws-news-card-01__image-box {
  position: relative !important;

  flex: 0 0 200px !important;

  width: 100% !important;
  max-width: 100% !important;

  height: 200px !important;
  min-height: 200px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
  background: #ece8e4 !important;
}

/* 圖片 */
body .elementor .ws-news-card-01 .ws-news-card-01__image {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  object-fit: cover !important;
  object-position: center center !important;

  transform: scale(1.001) !important;

  transition:
    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.4s ease !important;
}

body .elementor
.ws-news-card-01
.ws-news-card-01__card:hover
.ws-news-card-01__image {
  transform: scale(1.055) !important;
  filter: saturate(1.03) contrast(1.02) !important;
}

/* 圖片底部暖色遮罩 */
body .elementor
.ws-news-card-01
.ws-news-card-01__image-box::after {
  content: "" !important;

  position: absolute !important;
  z-index: 1 !important;

  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  width: 100% !important;
  height: 35% !important;

  background: linear-gradient(
    to top,
    rgba(61, 42, 28, 0.1),
    rgba(61, 42, 28, 0)
  ) !important;

  pointer-events: none !important;
}

/* ==================================================
   橘色標籤
================================================== */

body .elementor .ws-news-card-01 .ws-news-card-01__tag {
  position: absolute !important;
  z-index: 5 !important;

  top: 16px !important;
  left: 16px !important;
  right: auto !important;
  bottom: auto !important;

  width: auto !important;
  max-width: calc(100% - 32px) !important;
  min-width: 0 !important;
  min-height: 30px !important;

  margin: 0 !important;
  padding: 6px 14px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #ffffff !important;

  background: linear-gradient(
    135deg,
    #f79724 0%,
    #ed6f00 100%
  ) !important;

  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 999px !important;

  box-shadow:
    0 7px 18px rgba(231, 111, 11, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;

  font-family:
    "Noto Sans TC",
    "PingFang TC",
    "Microsoft JhengHei",
    sans-serif !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

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

body .elementor .ws-news-card-01 .ws-news-card-01__content {
  flex: 1 1 auto !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 24px 25px 25px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  background: transparent !important;
}

/* 日期 */
body .elementor .ws-news-card-01 .ws-news-card-01__date {
  display: block !important;

  width: 100% !important;

  margin: 0 0 10px !important;
  padding: 0 !important;

  color: #99a1ae !important;
  background: transparent !important;

  font-family:
    "Noto Sans TC",
    "PingFang TC",
    "Microsoft JhengHei",
    sans-serif !important;

  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.04em !important;
}

/* 標題 */
body .elementor .ws-news-card-01 .ws-news-card-01__title {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  min-height: 87px !important;
  max-height: 87px !important;

  margin: 0 0 12px !important;
  padding: 0 !important;

  color: #292731 !important;
  background: transparent !important;

  font-family:
    "Noto Serif TC",
    "PingFang TC",
    "Microsoft JhengHei",
    serif !important;

  font-size: clamp(18px, 1.3vw, 20px) !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;

  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-overflow: ellipsis !important;

  transition: color 0.25s ease !important;
}

body .elementor
.ws-news-card-01
.ws-news-card-01__card:hover
.ws-news-card-01__title {
  color: #e86f00 !important;
}

/* 摘要 */
body .elementor .ws-news-card-01 .ws-news-card-01__excerpt {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  min-height: 66px !important;
  max-height: 66px !important;

  margin: 0 0 18px !important;
  padding: 0 !important;

  color: #77747d !important;
  background: transparent !important;

  font-family:
    "Noto Sans TC",
    "PingFang TC",
    "Microsoft JhengHei",
    sans-serif !important;

  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.62 !important;
  letter-spacing: 0 !important;
  text-align: left !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;

  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-overflow: ellipsis !important;
}

/* ==================================================
   閱讀更多｜原版橘色文字
================================================== */

body .elementor .ws-news-card-01 .ws-news-card-01__button {
  position: relative !important;

  align-self: flex-start !important;

  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 28px !important;

  margin: auto 0 0 !important;
  padding: 2px 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;

  color: #e86f00 !important;
  background: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
  text-decoration: none !important;

  font-family:
    "Noto Sans TC",
    "PingFang TC",
    "Microsoft JhengHei",
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;

  transition:
    color 0.2s ease,
    transform 0.2s ease !important;
}

body .elementor
.ws-news-card-01
.ws-news-card-01__button:hover {
  color: #c95d00 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  transform: translateY(-1px) !important;
}

body .elementor
.ws-news-card-01
.ws-news-card-01__button:active {
  transform: scale(0.9) !important;
}

body .elementor
.ws-news-card-01
.ws-news-card-01__button:focus-visible {
  outline: 2px solid rgba(232, 111, 0, 0.45) !important;
  outline-offset: 4px !important;
}

body .elementor .ws-news-card-01 .ws-news-card-01__arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: currentColor !important;

  font-size: 17px !important;
  line-height: 1 !important;

  transition: transform 0.22s ease !important;
}

body .elementor
.ws-news-card-01
.ws-news-card-01__button:hover
.ws-news-card-01__arrow {
  transform: translateX(4px) !important;
}

/* ==================================================
   平板
================================================== */

@media (max-width: 1024px) {
  body .elementor .ws-news-card-01 .ws-news-card-01__card {
    height: 518px !important;
    min-height: 518px !important;
  }

  body .elementor .ws-news-card-01 .ws-news-card-01__content {
    padding: 23px 22px 24px !important;
  }

  body .elementor .ws-news-card-01 .ws-news-card-01__title {
    font-size: 18px !important;
    min-height: 79px !important;
    max-height: 79px !important;
  }
}

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

@media (max-width: 767px) {
  body .elementor .ws-news-card-01 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  body .elementor .ws-news-card-01 .ws-news-card-01__card {
    width: 100% !important;

    height: auto !important;
    min-height: 500px !important;

    border-radius: 16px !important;
  }

  body .elementor .ws-news-card-01 .ws-news-card-01__image-box {
    flex: 0 0 190px !important;

    height: 190px !important;
    min-height: 190px !important;
  }

  body .elementor .ws-news-card-01 .ws-news-card-01__content {
    padding: 21px 20px 22px !important;
  }

  body .elementor .ws-news-card-01 .ws-news-card-01__title {
    min-height: 0 !important;
    max-height: none !important;

    font-size: clamp(18px, 5.3vw, 21px) !important;
    line-height: 1.48 !important;

    display: block !important;
    overflow: visible !important;
  }

  body .elementor .ws-news-card-01 .ws-news-card-01__excerpt {
    min-height: 0 !important;
    max-height: none !important;

    font-size: 13.5px !important;
    line-height: 1.65 !important;

    display: block !important;
    overflow: visible !important;
  }

  body .elementor .ws-news-card-01 .ws-news-card-01__button {
    min-width: 0 !important;
    min-height: 34px !important;

    margin-top: 22px !important;
    padding: 3px 0 !important;

    font-size: 13px !important;
  }
}

/* ==================================================
   小尺寸手機
================================================== */

@media (max-width: 480px) {
  body .elementor .ws-news-card-01 .ws-news-card-01__image-box {
    flex-basis: 180px !important;

    height: 180px !important;
    min-height: 180px !important;
  }

  body .elementor .ws-news-card-01 .ws-news-card-01__tag {
    top: 13px !important;
    left: 13px !important;

    max-width: calc(100% - 26px) !important;

    padding: 6px 12px !important;

    font-size: 11px !important;
  }

  body .elementor .ws-news-card-01 .ws-news-card-01__content {
    padding: 20px 18px 21px !important;
  }
}

/* ==================================================
   關閉動畫偏好
================================================== */

@media (prefers-reduced-motion: reduce) {
  body .elementor .ws-news-card-01 .ws-news-card-01__card,
  body .elementor .ws-news-card-01 .ws-news-card-01__image,
  body .elementor .ws-news-card-01 .ws-news-card-01__title,
  body .elementor .ws-news-card-01 .ws-news-card-01__button,
  body .elementor .ws-news-card-01 .ws-news-card-01__arrow {
    transition: none !important;
    animation: none !important;
  }

  body .elementor
  .ws-news-card-01
  .ws-news-card-01__card:hover,
  body .elementor
  .ws-news-card-01
  .ws-news-card-01__button:hover,
  body .elementor
  .ws-news-card-01
  .ws-news-card-01__button:active {
    transform: none !important;
  }
}
/* ==================================================
   第一張卡片｜放大標題與整體文字
   請貼在原本 CSS 最下方
================================================== */

/* 日期稍微放大 */
body .elementor
.ws-news-card-01
.ws-news-card-01__date {
  font-size: 13px !important;
  line-height: 1.4 !important;
  margin: 0 0 10px !important;
}

/* 桌機標題恢復大型編輯感 */
body .elementor
.ws-news-card-01
.ws-news-card-01__title {
  width: 100% !important;
  max-width: 100% !important;

  min-height: 116px !important;
  max-height: 116px !important;

  margin: 0 0 10px !important;
  padding: 0 !important;

  font-family:
    "Noto Serif TC",
    "PingFang TC",
    "Microsoft JhengHei",
    serif !important;

  font-size: clamp(26px, 2vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.38 !important;
  letter-spacing: -0.02em !important;

  color: #292731 !important;
  text-align: left !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;

  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  text-overflow: ellipsis !important;
}

/* 內文稍微放大，但不擠破卡片 */
body .elementor
.ws-news-card-01
.ws-news-card-01__excerpt {
  min-height: 66px !important;
  max-height: 66px !important;

  margin: 0 0 16px !important;

  font-size: 14.5px !important;
  line-height: 1.52 !important;
  letter-spacing: 0 !important;

  color: #77747d !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;

  overflow: hidden !important;
}

/* 閱讀更多稍微放大 */
body .elementor
.ws-news-card-01
.ws-news-card-01__button {
  font-size: 13.5px !important;
  font-weight: 700 !important;
}

/* 平板 */
@media (max-width: 1024px) {
  body .elementor
  .ws-news-card-01
  .ws-news-card-01__title {
    min-height: 108px !important;
    max-height: 108px !important;

    font-size: 26px !important;
    line-height: 1.38 !important;
  }

  body .elementor
  .ws-news-card-01
  .ws-news-card-01__excerpt {
    font-size: 14px !important;
  }
}

/* 手機 */
@media (max-width: 767px) {
  body .elementor
  .ws-news-card-01
  .ws-news-card-01__title {
    min-height: 0 !important;
    max-height: none !important;

    margin-bottom: 14px !important;

    font-size: clamp(24px, 6.4vw, 28px) !important;
    line-height: 1.42 !important;
    letter-spacing: -0.02em !important;

    display: block !important;
    overflow: visible !important;
  }

  body .elementor
  .ws-news-card-01
  .ws-news-card-01__excerpt {
    min-height: 0 !important;
    max-height: none !important;

    font-size: 14px !important;
    line-height: 1.65 !important;

    display: block !important;
    overflow: visible !important;
  }

  body .elementor
  .ws-news-card-01
  .ws-news-card-01__button {
    font-size: 13.5px !important;
  }
}

/* 小尺寸手機 */
@media (max-width: 480px) {
  body .elementor
  .ws-news-card-01
  .ws-news-card-01__title {
    font-size: clamp(23px, 7vw, 26px) !important;
    line-height: 1.43 !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ce5c00 *//* ==================================================
   第二張新聞卡片｜原版視覺統一最終版
================================================== */

body .elementor .ws-news-card-02,
body .elementor .ws-news-card-02 *,
body .elementor .ws-news-card-02 *::before,
body .elementor .ws-news-card-02 *::after {
  box-sizing: border-box !important;
}

body .elementor .ws-news-card-02 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: flex !important;
  align-items: stretch !important;

  font-family:
    "Noto Sans TC",
    "PingFang TC",
    "Microsoft JhengHei",
    sans-serif !important;
}

/* ==================================================
   卡片本體
================================================== */

body .elementor
.ws-news-card-02
.ws-news-card-02__card {
  position: relative !important;
  isolation: isolate !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  height: 518px !important;
  min-height: 518px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;

  background: #fffdfb !important;

  border: 1px solid rgba(226, 147, 75, 0.25) !important;
  border-radius: 16px !important;

  overflow: hidden !important;

  box-shadow:
    0 18px 45px rgba(111, 78, 48, 0.08),
    0 3px 10px rgba(111, 78, 48, 0.03) !important;

  transition:
    transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.3s ease,
    border-color 0.3s ease !important;
}

body .elementor
.ws-news-card-02
.ws-news-card-02__card:hover {
  transform: translateY(-6px) !important;

  border-color: rgba(230, 107, 0, 0.38) !important;

  box-shadow:
    0 24px 52px rgba(111, 78, 48, 0.13),
    0 5px 14px rgba(111, 78, 48, 0.05) !important;
}

/* ==================================================
   圖片區
================================================== */

body .elementor
.ws-news-card-02
.ws-news-card-02__image-box {
  position: relative !important;

  flex: 0 0 200px !important;

  width: 100% !important;
  max-width: 100% !important;

  height: 200px !important;
  min-height: 200px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  background: #e8ecea !important;
}

body .elementor
.ws-news-card-02
.ws-news-card-02__image {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  object-fit: cover !important;
  object-position: center center !important;

  transform: scale(1.001) !important;

  transition:
    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.4s ease !important;
}

body .elementor
.ws-news-card-02
.ws-news-card-02__card:hover
.ws-news-card-02__image {
  transform: scale(1.05) !important;
  filter: saturate(1.03) contrast(1.02) !important;
}

/* 圖片底部淡遮罩 */
body .elementor
.ws-news-card-02
.ws-news-card-02__image-box::after {
  content: "" !important;

  position: absolute !important;
  z-index: 1 !important;

  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  width: 100% !important;
  height: 35% !important;

  background: linear-gradient(
    to top,
    rgba(30, 35, 34, 0.1),
    rgba(30, 35, 34, 0)
  ) !important;

  pointer-events: none !important;
}

/* ==================================================
   綠色分類標籤
================================================== */

body .elementor
.ws-news-card-02
.ws-news-card-02__tag {
  position: absolute !important;
  z-index: 5 !important;

  top: 16px !important;
  left: 16px !important;
  right: auto !important;
  bottom: auto !important;

  width: auto !important;
  max-width: calc(100% - 32px) !important;
  min-width: 0 !important;
  min-height: 30px !important;

  margin: 0 !important;
  padding: 6px 14px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #ffffff !important;

  background: linear-gradient(
    135deg,
    #0aaa7b 0%,
    #059669 100%
  ) !important;

  border: 1px solid rgba(255, 255, 255, 0.27) !important;
  border-radius: 999px !important;

  box-shadow:
    0 7px 18px rgba(5, 150, 105, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;

  font-family:
    "Noto Sans TC",
    "PingFang TC",
    "Microsoft JhengHei",
    sans-serif !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

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

body .elementor
.ws-news-card-02
.ws-news-card-02__content {
  flex: 1 1 auto !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 24px 25px 25px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  background: transparent !important;
}

/* 日期 */
body .elementor
.ws-news-card-02
.ws-news-card-02__date {
  display: block !important;

  width: 100% !important;

  margin: 0 0 10px !important;
  padding: 0 !important;

  color: #9aa2af !important;
  background: transparent !important;

  font-family:
    "Noto Sans TC",
    "PingFang TC",
    "Microsoft JhengHei",
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.04em !important;
}

/* ==================================================
   標題｜與第一張原版完全同色
================================================== */

body .elementor
.ws-news-card-02
.ws-news-card-02__title {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  min-height: 116px !important;
  max-height: 116px !important;

  margin: 0 0 10px !important;
  padding: 0 !important;

  color: #292731 !important;
  background: transparent !important;

  font-family:
    "Noto Serif TC",
    "PingFang TC",
    "Microsoft JhengHei",
    serif !important;

  font-size: clamp(26px, 2vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.38 !important;
  letter-spacing: -0.02em !important;

  text-align: left !important;
  text-transform: none !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;

  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-overflow: ellipsis !important;

  transition: color 0.22s ease !important;
}

/* 標題滑過不變色 */
body .elementor
.ws-news-card-02
.ws-news-card-02__card:hover
.ws-news-card-02__title {
  color: #292731 !important;
}

/* ==================================================
   摘要
================================================== */

body .elementor
.ws-news-card-02
.ws-news-card-02__excerpt {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  min-height: 66px !important;
  max-height: 66px !important;

  margin: 0 0 16px !important;
  padding: 0 !important;

  color: #777c87 !important;
  background: transparent !important;

  font-family:
    "Noto Sans TC",
    "PingFang TC",
    "Microsoft JhengHei",
    sans-serif !important;

  font-size: 14.5px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;

  text-align: left !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;

  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-overflow: ellipsis !important;
}

/* ==================================================
   閱讀更多｜與原版一致的橘色文字
================================================== */

body .elementor
.ws-news-card-02
.ws-news-card-02__button {
  position: relative !important;
  align-self: flex-start !important;

  width: auto !important;
  max-width: 100% !important;

  min-width: 0 !important;
  min-height: 28px !important;

  margin: auto 0 0 !important;
  padding: 2px 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;

  color: #e86f00 !important;
  background: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
  text-decoration: none !important;

  font-family:
    "Noto Sans TC",
    "PingFang TC",
    "Microsoft JhengHei",
    sans-serif !important;

  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;

  white-space: nowrap !important;

  transition:
    color 0.2s ease,
    transform 0.2s ease !important;
}

body .elementor
.ws-news-card-02
.ws-news-card-02__button:hover {
  color: #c95d00 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  transform: translateY(-1px) !important;
}

body .elementor
.ws-news-card-02
.ws-news-card-02__button:active {
  transform: scale(0.9) !important;
}

body .elementor
.ws-news-card-02
.ws-news-card-02__button:focus-visible {
  outline: 2px solid rgba(232, 111, 0, 0.45) !important;
  outline-offset: 4px !important;
}

body .elementor
.ws-news-card-02
.ws-news-card-02__arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: currentColor !important;

  font-size: 17px !important;
  line-height: 1 !important;

  transition: transform 0.22s ease !important;
}

body .elementor
.ws-news-card-02
.ws-news-card-02__button:hover
.ws-news-card-02__arrow {
  transform: translateX(4px) !important;
}

/* ==================================================
   平板
================================================== */

@media (max-width: 1024px) {
  body .elementor
  .ws-news-card-02
  .ws-news-card-02__card {
    height: 518px !important;
    min-height: 518px !important;
  }

  body .elementor
  .ws-news-card-02
  .ws-news-card-02__content {
    padding: 23px 22px 24px !important;
  }

  body .elementor
  .ws-news-card-02
  .ws-news-card-02__title {
    min-height: 108px !important;
    max-height: 108px !important;

    font-size: 26px !important;
    line-height: 1.38 !important;
  }

  body .elementor
  .ws-news-card-02
  .ws-news-card-02__excerpt {
    font-size: 14px !important;
  }
}

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

@media (max-width: 767px) {
  body .elementor .ws-news-card-02 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  body .elementor
  .ws-news-card-02
  .ws-news-card-02__card {
    width: 100% !important;

    height: auto !important;
    min-height: 500px !important;

    border-radius: 16px !important;
  }

  body .elementor
  .ws-news-card-02
  .ws-news-card-02__image-box {
    flex: 0 0 190px !important;

    height: 190px !important;
    min-height: 190px !important;
  }

  body .elementor
  .ws-news-card-02
  .ws-news-card-02__content {
    padding: 21px 20px 22px !important;
  }

  body .elementor
  .ws-news-card-02
  .ws-news-card-02__title {
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 0 14px !important;

    color: #292731 !important;

    font-size: clamp(24px, 6.4vw, 28px) !important;
    line-height: 1.42 !important;
    letter-spacing: -0.02em !important;

    display: block !important;
    overflow: visible !important;
  }

  body .elementor
  .ws-news-card-02
  .ws-news-card-02__excerpt {
    min-height: 0 !important;
    max-height: none !important;

    margin-bottom: 0 !important;

    color: #777c87 !important;

    font-size: 14px !important;
    line-height: 1.65 !important;

    display: block !important;
    overflow: visible !important;
  }

  body .elementor
  .ws-news-card-02
  .ws-news-card-02__button {
    min-width: 0 !important;
    min-height: 34px !important;

    margin-top: 22px !important;
    padding: 3px 0 !important;

    color: #e86f00 !important;

    font-size: 13.5px !important;
  }
}

/* ==================================================
   小尺寸手機
================================================== */

@media (max-width: 480px) {
  body .elementor
  .ws-news-card-02
  .ws-news-card-02__image-box {
    flex-basis: 180px !important;

    height: 180px !important;
    min-height: 180px !important;
  }

  body .elementor
  .ws-news-card-02
  .ws-news-card-02__tag {
    top: 13px !important;
    left: 13px !important;

    max-width: calc(100% - 26px) !important;

    padding: 6px 12px !important;

    font-size: 11px !important;
  }

  body .elementor
  .ws-news-card-02
  .ws-news-card-02__content {
    padding: 20px 18px 21px !important;
  }

  body .elementor
  .ws-news-card-02
  .ws-news-card-02__title {
    font-size: clamp(23px, 7vw, 26px) !important;
    line-height: 1.43 !important;
  }
}

/* ==================================================
   降低動畫偏好
================================================== */

@media (prefers-reduced-motion: reduce) {
  body .elementor
  .ws-news-card-02
  .ws-news-card-02__card,
  body .elementor
  .ws-news-card-02
  .ws-news-card-02__image,
  body .elementor
  .ws-news-card-02
  .ws-news-card-02__button,
  body .elementor
  .ws-news-card-02
  .ws-news-card-02__arrow {
    transition: none !important;
    animation: none !important;
  }

  body .elementor
  .ws-news-card-02
  .ws-news-card-02__card:hover,
  body .elementor
  .ws-news-card-02
  .ws-news-card-02__button:hover,
  body .elementor
  .ws-news-card-02
  .ws-news-card-02__button:active {
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3ae012 *//* ==================================================
   第三張新聞卡片｜原版視覺統一最終版
================================================== */

body .elementor .ws-news-card-03,
body .elementor .ws-news-card-03 *,
body .elementor .ws-news-card-03 *::before,
body .elementor .ws-news-card-03 *::after {
  box-sizing: border-box !important;
}

body .elementor .ws-news-card-03 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: flex !important;
  align-items: stretch !important;

  font-family:
    "Noto Sans TC",
    "PingFang TC",
    "Microsoft JhengHei",
    sans-serif !important;
}

/* ==================================================
   卡片本體
================================================== */

body .elementor
.ws-news-card-03
.ws-news-card-03__card {
  position: relative !important;
  isolation: isolate !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  height: 518px !important;
  min-height: 518px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;

  background: #fffdfb !important;

  border: 1px solid rgba(226, 147, 75, 0.25) !important;
  border-radius: 16px !important;

  overflow: hidden !important;

  box-shadow:
    0 18px 45px rgba(111, 78, 48, 0.08),
    0 3px 10px rgba(111, 78, 48, 0.03) !important;

  transition:
    transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.3s ease,
    border-color 0.3s ease !important;
}

body .elementor
.ws-news-card-03
.ws-news-card-03__card:hover {
  transform: translateY(-6px) !important;

  border-color: rgba(230, 107, 0, 0.38) !important;

  box-shadow:
    0 24px 52px rgba(111, 78, 48, 0.13),
    0 5px 14px rgba(111, 78, 48, 0.05) !important;
}

/* ==================================================
   圖片區
================================================== */

body .elementor
.ws-news-card-03
.ws-news-card-03__image-box {
  position: relative !important;

  flex: 0 0 200px !important;

  width: 100% !important;
  max-width: 100% !important;

  height: 200px !important;
  min-height: 200px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  background: #e8ecef !important;
}

body .elementor
.ws-news-card-03
.ws-news-card-03__image {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  object-fit: cover !important;
  object-position: center center !important;

  transform: scale(1.001) !important;

  transition:
    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.4s ease !important;
}

body .elementor
.ws-news-card-03
.ws-news-card-03__card:hover
.ws-news-card-03__image {
  transform: scale(1.05) !important;
  filter: saturate(1.03) contrast(1.02) !important;
}

/* 圖片底部淡遮罩 */
body .elementor
.ws-news-card-03
.ws-news-card-03__image-box::after {
  content: "" !important;

  position: absolute !important;
  z-index: 1 !important;

  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  width: 100% !important;
  height: 35% !important;

  background: linear-gradient(
    to top,
    rgba(19, 45, 57, 0.12),
    rgba(19, 45, 57, 0)
  ) !important;

  pointer-events: none !important;
}

/* ==================================================
   青藍色分類標籤
================================================== */

body .elementor
.ws-news-card-03
.ws-news-card-03__tag {
  position: absolute !important;
  z-index: 5 !important;

  top: 16px !important;
  left: 16px !important;
  right: auto !important;
  bottom: auto !important;

  width: auto !important;
  max-width: calc(100% - 32px) !important;
  min-width: 0 !important;
  min-height: 30px !important;

  margin: 0 !important;
  padding: 6px 14px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #ffffff !important;

  background: linear-gradient(
    135deg,
    #11a8c4 0%,
    #078ca9 100%
  ) !important;

  border: 1px solid rgba(255, 255, 255, 0.27) !important;
  border-radius: 999px !important;

  box-shadow:
    0 7px 18px rgba(8, 145, 178, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;

  font-family:
    "Noto Sans TC",
    "PingFang TC",
    "Microsoft JhengHei",
    sans-serif !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

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

body .elementor
.ws-news-card-03
.ws-news-card-03__content {
  flex: 1 1 auto !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 24px 25px 25px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  background: transparent !important;
}

/* 日期 */
body .elementor
.ws-news-card-03
.ws-news-card-03__date {
  display: block !important;

  width: 100% !important;

  margin: 0 0 10px !important;
  padding: 0 !important;

  color: #9aa2af !important;
  background: transparent !important;

  font-family:
    "Noto Sans TC",
    "PingFang TC",
    "Microsoft JhengHei",
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.04em !important;
}

/* ==================================================
   標題｜與第一、第二張完全一致
================================================== */

body .elementor
.ws-news-card-03
.ws-news-card-03__title {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  min-height: 116px !important;
  max-height: 116px !important;

  margin: 0 0 10px !important;
  padding: 0 !important;

  color: #292731 !important;
  background: transparent !important;

  font-family:
    "Noto Serif TC",
    "PingFang TC",
    "Microsoft JhengHei",
    serif !important;

  font-size: clamp(26px, 2vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.38 !important;
  letter-spacing: -0.02em !important;

  text-align: left !important;
  text-transform: none !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;

  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-overflow: ellipsis !important;

  transition: color 0.22s ease !important;
}

/* Hover 維持深墨黑 */
body .elementor
.ws-news-card-03
.ws-news-card-03__card:hover
.ws-news-card-03__title {
  color: #292731 !important;
}

/* ==================================================
   摘要
================================================== */

body .elementor
.ws-news-card-03
.ws-news-card-03__excerpt {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  min-height: 66px !important;
  max-height: 66px !important;

  margin: 0 0 16px !important;
  padding: 0 !important;

  color: #777c87 !important;
  background: transparent !important;

  font-family:
    "Noto Sans TC",
    "PingFang TC",
    "Microsoft JhengHei",
    sans-serif !important;

  font-size: 14.5px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;

  text-align: left !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;

  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-overflow: ellipsis !important;
}

/* ==================================================
   閱讀更多｜統一橘色文字
================================================== */

body .elementor
.ws-news-card-03
.ws-news-card-03__button {
  position: relative !important;
  align-self: flex-start !important;

  width: auto !important;
  max-width: 100% !important;

  min-width: 0 !important;
  min-height: 28px !important;

  margin: auto 0 0 !important;
  padding: 2px 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;

  color: #e86f00 !important;
  background: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
  text-decoration: none !important;

  font-family:
    "Noto Sans TC",
    "PingFang TC",
    "Microsoft JhengHei",
    sans-serif !important;

  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;

  white-space: nowrap !important;

  transition:
    color 0.2s ease,
    transform 0.2s ease !important;
}

body .elementor
.ws-news-card-03
.ws-news-card-03__button:hover {
  color: #c95d00 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  transform: translateY(-1px) !important;
}

body .elementor
.ws-news-card-03
.ws-news-card-03__button:active {
  transform: scale(0.9) !important;
}

body .elementor
.ws-news-card-03
.ws-news-card-03__button:focus-visible {
  outline: 2px solid rgba(232, 111, 0, 0.45) !important;
  outline-offset: 4px !important;
}

body .elementor
.ws-news-card-03
.ws-news-card-03__arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: currentColor !important;

  font-size: 17px !important;
  line-height: 1 !important;

  transition: transform 0.22s ease !important;
}

body .elementor
.ws-news-card-03
.ws-news-card-03__button:hover
.ws-news-card-03__arrow {
  transform: translateX(4px) !important;
}

/* ==================================================
   平板
================================================== */

@media (max-width: 1024px) {
  body .elementor
  .ws-news-card-03
  .ws-news-card-03__card {
    height: 518px !important;
    min-height: 518px !important;
  }

  body .elementor
  .ws-news-card-03
  .ws-news-card-03__content {
    padding: 23px 22px 24px !important;
  }

  body .elementor
  .ws-news-card-03
  .ws-news-card-03__title {
    min-height: 108px !important;
    max-height: 108px !important;

    font-size: 26px !important;
    line-height: 1.38 !important;
  }

  body .elementor
  .ws-news-card-03
  .ws-news-card-03__excerpt {
    font-size: 14px !important;
  }
}

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

@media (max-width: 767px) {
  body .elementor .ws-news-card-03 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  body .elementor
  .ws-news-card-03
  .ws-news-card-03__card {
    width: 100% !important;

    height: auto !important;
    min-height: 500px !important;

    border-radius: 16px !important;
  }

  body .elementor
  .ws-news-card-03
  .ws-news-card-03__image-box {
    flex: 0 0 190px !important;

    height: 190px !important;
    min-height: 190px !important;
  }

  body .elementor
  .ws-news-card-03
  .ws-news-card-03__content {
    padding: 21px 20px 22px !important;
  }

  body .elementor
  .ws-news-card-03
  .ws-news-card-03__title {
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 0 14px !important;

    color: #292731 !important;

    font-size: clamp(24px, 6.4vw, 28px) !important;
    line-height: 1.42 !important;
    letter-spacing: -0.02em !important;

    display: block !important;
    overflow: visible !important;
  }

  body .elementor
  .ws-news-card-03
  .ws-news-card-03__excerpt {
    min-height: 0 !important;
    max-height: none !important;

    margin-bottom: 0 !important;

    color: #777c87 !important;

    font-size: 14px !important;
    line-height: 1.65 !important;

    display: block !important;
    overflow: visible !important;
  }

  body .elementor
  .ws-news-card-03
  .ws-news-card-03__button {
    min-width: 0 !important;
    min-height: 34px !important;

    margin-top: 22px !important;
    padding: 3px 0 !important;

    color: #e86f00 !important;

    font-size: 13.5px !important;
  }
}

/* ==================================================
   小尺寸手機
================================================== */

@media (max-width: 480px) {
  body .elementor
  .ws-news-card-03
  .ws-news-card-03__image-box {
    flex-basis: 180px !important;

    height: 180px !important;
    min-height: 180px !important;
  }

  body .elementor
  .ws-news-card-03
  .ws-news-card-03__tag {
    top: 13px !important;
    left: 13px !important;

    max-width: calc(100% - 26px) !important;

    padding: 6px 12px !important;

    font-size: 11px !important;
  }

  body .elementor
  .ws-news-card-03
  .ws-news-card-03__content {
    padding: 20px 18px 21px !important;
  }

  body .elementor
  .ws-news-card-03
  .ws-news-card-03__title {
    font-size: clamp(23px, 7vw, 26px) !important;
    line-height: 1.43 !important;
  }
}

/* ==================================================
   降低動畫偏好
================================================== */

@media (prefers-reduced-motion: reduce) {
  body .elementor
  .ws-news-card-03
  .ws-news-card-03__card,
  body .elementor
  .ws-news-card-03
  .ws-news-card-03__image,
  body .elementor
  .ws-news-card-03
  .ws-news-card-03__button,
  body .elementor
  .ws-news-card-03
  .ws-news-card-03__arrow {
    transition: none !important;
    animation: none !important;
  }

  body .elementor
  .ws-news-card-03
  .ws-news-card-03__card:hover,
  body .elementor
  .ws-news-card-03
  .ws-news-card-03__button:hover,
  body .elementor
  .ws-news-card-03
  .ws-news-card-03__button:active {
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b5b1626 */<style>
/* ==========================================================================
   微新國際 / 超好生醫 — 【模組一：大標題區塊（完美置中與防斷字修正版）】
   ========================================================================== */
.ws-title-module {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 20px 12px 32px 12px !important;
  box-sizing: border-box !important;
  font-family: "Noto Serif TC", "Noto Sans TC", "PingFang TC", sans-serif !important;
  overflow: hidden !important;
}

.ws-title-module .ws-title-sub {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-family: "Cinzel", "Noto Serif TC", serif !important;
  font-size: clamp(0.7rem, 2.2vw, 0.95rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  color: #d4af37 !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  line-height: 1.5 !important;
}

.ws-title-module .ws-title-main {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-family: "Noto Serif TC", serif !important;
  font-size: clamp(1.2rem, 3.8vw, 2.2rem) !important;
  font-weight: 900 !important;
  color: #1a2a6c !important;
  margin: 0 0 16px 0 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.4 !important;
  text-align: center !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
}

.ws-title-module .ws-title-line {
  width: 60px !important;
  height: 3px !important;
  background: linear-gradient(90deg, #d4af37, #f39c12) !important;
  margin: 0 auto !important;
  border-radius: 3px !important;
}

/* --------------------------------------------------------------------------
   響應式斷點（手機與小螢幕保護機制）
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .ws-title-module {
    padding: 16px 8px 24px 8px !important;
  }
  
  .ws-title-module .ws-title-sub {
    letter-spacing: 0.1em !important; /* 手機版微調字距，確保單行收納 */
  }
}

@media (max-width: 480px) {
  .ws-title-module .ws-title-main {
    font-size: clamp(1.1rem, 5.2vw, 1.45rem) !important;
    word-break: normal !important; /* 超小螢幕允許自然換行，防止文字溢出 */
  }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-56040fc *//* --------------------------------------------------------------------------
   【模組二：卡片一 — CSR 公益卡片 CSS】
   -------------------------------------------------------------------------- */
.ws-csr-card-module {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 20px 40px rgba(26, 42, 108, 0.05) !important;
  padding: 32px 28px !important;
  box-sizing: border-box !important;
  font-family: "Noto Sans TC", "PingFang TC", sans-serif !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.ws-csr-card-module:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 25px 50px rgba(26, 42, 108, 0.09) !important;
}

.ws-csr-card-module .ws-csr-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(212, 175, 55, 0.12) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  padding: 4px 14px !important;
  border-radius: 50px !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  color: #9a7209 !important;
  letter-spacing: 0.15em !important;
  margin-bottom: 16px !important;
}

.ws-csr-card-module .ws-csr-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background-color: #d4af37 !important;
  box-shadow: 0 0 8px #d4af37 !important;
  animation: wsPulse 2s infinite !important;
}

@keyframes wsPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(1.3); }
}

.ws-csr-card-module .ws-csr-heading {
  font-family: "Noto Serif TC", serif !important;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem) !important;
  font-weight: 900 !important;
  color: #1a2a6c !important;
  margin: 0 0 4px 0 !important;
}

.ws-csr-card-module .ws-csr-subheading {
  font-size: 0.72rem !important;
  color: #d4af37 !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  margin-bottom: 20px !important;
}

.ws-csr-card-module .ws-csr-text {
  font-size: 0.9rem !important;
  line-height: 1.75 !important;
  color: #556270 !important;
  margin-bottom: 24px !important;
  overflow-wrap: break-word !important;
}

.ws-csr-card-module .ws-csr-bold {
  color: #1a2a6c !important;
}

.ws-csr-card-module .ws-csr-stats {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  background: rgba(212, 175, 55, 0.05) !important;
  border: 1px solid rgba(212, 175, 55, 0.18) !important;
  border-radius: 16px !important;
  padding: 16px 8px !important;
  text-align: center !important;
  margin-bottom: 24px !important;
}

.ws-csr-card-module .ws-border-x {
  border-left: 1px solid rgba(212, 175, 55, 0.2) !important;
  border-right: 1px solid rgba(212, 175, 55, 0.2) !important;
}

.ws-csr-card-module .ws-csr-stat-num {
  display: block !important;
  font-size: clamp(1.1rem, 1.8vw, 1.4rem) !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.ws-csr-card-module .ws-color-gold { color: #d4af37 !important; }
.ws-csr-card-module .ws-color-orange { color: #e67e22 !important; }
.ws-csr-card-module .ws-color-emerald { color: #059669 !important; }

.ws-csr-card-module .ws-csr-stat-label {
  display: block !important;
  font-size: 0.7rem !important;
  color: #7f8c8d !important;
  margin-top: 4px !important;
}

.ws-csr-card-module .ws-csr-footer {
  padding-top: 16px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 0.75rem !important;
}

.ws-csr-card-module .ws-csr-org {
  color: #95a5a6 !important;
}

.ws-csr-card-module .ws-csr-link {
  color: #d4af37 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}

.ws-csr-card-module .ws-csr-link:hover {
  color: #e67e22 !important;
  transform: translateX(3px) !important;
}




/* --------------------------------------------------------------------------
   【通用響應式設定 (防跑版)】
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .ws-csr-card-module,
  .ws-product-card-module {
    padding: 24px 18px !important;
    border-radius: 20px !important;
  }

  .ws-product-card-module .ws-product-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .ws-product-card-module .ws-product-tags {
    justify-content: center !important;
  }

  .ws-product-card-module .ws-product-heading,
  .ws-product-card-module .ws-product-desc {
    text-align: center !important;
  }

  .ws-product-card-module .ws-audio-main {
    padding-right: 0 !important;
  }

  .ws-product-card-module .ws-audio-badge {
    position: static !important;
    margin-bottom: 6px !important;
  }
}

@media (max-width: 480px) {
  .ws-csr-card-module .ws-csr-stats {
    padding: 12px 4px !important;
  }

  .ws-csr-card-module .ws-csr-stat-num {
    font-size: 0.95rem !important;
  }

  .ws-csr-card-module .ws-csr-stat-label {
    font-size: 0.62rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ws-csr-card-module .ws-csr-dot {
    animation: none !important;
  }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f7f381e *//* --------------------------------------------------------------------------
   【模組三：卡片二 — 明星產品卡片 CSS】
   -------------------------------------------------------------------------- */
.ws-product-card-module {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1.5px solid rgba(230, 126, 34, 0.25) !important;
  box-shadow: 0 20px 40px rgba(26, 42, 108, 0.05) !important;
  padding: 32px 28px !important;
  box-sizing: border-box !important;
  font-family: "Noto Sans TC", "PingFang TC", sans-serif !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.ws-product-card-module:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 25px 50px rgba(26, 42, 108, 0.09) !important;
}

.ws-product-card-module .ws-product-grid {
  display: grid !important;
  grid-template-columns: 5fr 7fr !important;
  gap: 28px !important;
  align-items: center !important;
}

.ws-product-card-module .ws-product-visual {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.ws-product-card-module .ws-product-aura {
  position: relative !important;
  width: 130px !important;
  height: 130px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, rgba(255, 255, 255, 0) 70%) !important;
}

.ws-product-card-module .ws-product-img-box {
  width: 105px !important;
  height: 105px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  box-shadow: 0 10px 20px rgba(212, 175, 55, 0.3) !important;
  border: 3px solid #ffffff !important;
}

.ws-product-card-module .ws-product-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

.ws-product-card-module:hover .ws-product-img {
  transform: scale(1.08) !important;
}

.ws-product-card-module .ws-product-pill {
  display: inline-block !important;
  margin-top: 12px !important;
  background: rgba(212, 175, 55, 0.15) !important;
  color: #9a7209 !important;
  font-size: 0.65rem !important;
  font-weight: 800 !important;
  padding: 2px 10px !important;
  border-radius: 20px !important;
  letter-spacing: 0.1em !important;
}

.ws-product-card-module .ws-product-title {
  font-size: 1rem !important;
  font-weight: 900 !important;
  color: #1a2a6c !important;
  margin: 6px 0 0 0 !important;
}

.ws-product-card-module .ws-product-tags {
  display: flex !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}

.ws-product-card-module .ws-product-tag {
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
}

.ws-product-card-module .ws-bg-orange { background-color: #e67e22 !important; }
.ws-product-card-module .ws-bg-emerald { background-color: #059669 !important; }

.ws-product-card-module .ws-product-heading {
  font-size: clamp(1.1rem, 1.8vw, 1.35rem) !important;
  font-weight: 800 !important;
  color: #1a2a6c !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.4 !important;
}

.ws-product-card-module .ws-product-desc {
  font-size: 0.82rem !important;
  line-height: 1.65 !important;
  color: #556270 !important;
  margin-bottom: 16px !important;
  overflow-wrap: break-word !important;
}

/* 音效提示外殼 */
.ws-product-card-module .ws-audio-box {
  background: #1c1917 !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  color: #ffffff !important;
  margin-bottom: 20px !important;
  position: relative !important;
}

.ws-product-card-module .ws-audio-badge {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.ws-product-card-module .ws-audio-ping {
  width: 6px !important;
  height: 6px !important;
  background-color: #10b981 !important;
  border-radius: 50% !important;
  box-shadow: 0 0 6px #10b981 !important;
}

.ws-product-card-module .ws-audio-code {
  font-size: 0.6rem !important;
  color: #10b981 !important;
  font-family: monospace !important;
}

.ws-product-card-module .ws-audio-main {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-right: 80px !important;
}

.ws-product-card-module .ws-audio-icon {
  font-size: 1.2rem !important;
  color: #f59e0b !important;
}

.ws-product-card-module .ws-audio-title {
  display: block !important;
  font-size: 0.75rem !important;
  color: #f39c12 !important;
}

.ws-product-card-module .ws-audio-sub {
  display: block !important;
  font-size: 0.65rem !important;
  color: #a1a1aa !important;
}

/* 膠囊按鈕 */
.ws-product-card-module .ws-product-btn {
  width: 100% !important;
  padding: 12px 20px !important;
  border: none !important;
  border-radius: 50px !important;
  background: linear-gradient(90deg, #f39c12, #e67e22) !important;
  color: #ffffff !important;
  font-size: clamp(0.82rem, 1.2vw, 0.92rem) !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 20px rgba(230, 126, 34, 0.3) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ws-product-card-module .ws-product-btn:hover {
  box-shadow: 0 12px 25px rgba(230, 126, 34, 0.45) !important;
  transform: translateY(-2px) !important;
}

.ws-product-card-module .ws-product-btn:active {
  transform: scale(0.96) !important;
  box-shadow: 0 4px 10px rgba(230, 126, 34, 0.2) !important;
}


/* --------------------------------------------------------------------------
   【通用響應式設定 (防跑版)】
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .ws-csr-card-module,
  .ws-product-card-module {
    padding: 24px 18px !important;
    border-radius: 20px !important;
  }

  .ws-product-card-module .ws-product-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .ws-product-card-module .ws-product-tags {
    justify-content: center !important;
  }

  .ws-product-card-module .ws-product-heading,
  .ws-product-card-module .ws-product-desc {
    text-align: center !important;
  }

  .ws-product-card-module .ws-audio-main {
    padding-right: 0 !important;
  }

  .ws-product-card-module .ws-audio-badge {
    position: static !important;
    margin-bottom: 6px !important;
  }
}

@media (max-width: 480px) {
  .ws-csr-card-module .ws-csr-stats {
    padding: 12px 4px !important;
  }

  .ws-csr-card-module .ws-csr-stat-num {
    font-size: 0.95rem !important;
  }

  .ws-csr-card-module .ws-csr-stat-label {
    font-size: 0.62rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ws-csr-card-module .ws-csr-dot {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb0ee52 *//* --------------------------------------------------------------------------
   【模組三：卡片二 — 明星產品卡片 CSS】
   -------------------------------------------------------------------------- */
.ws-product-card-module {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1.5px solid rgba(230, 126, 34, 0.25) !important;
  box-shadow: 0 20px 40px rgba(26, 42, 108, 0.05) !important;
  padding: 32px 28px !important;
  box-sizing: border-box !important;
  font-family: "Noto Sans TC", "PingFang TC", sans-serif !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.ws-product-card-module:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 25px 50px rgba(26, 42, 108, 0.09) !important;
}

.ws-product-card-module .ws-product-grid {
  display: grid !important;
  grid-template-columns: 5fr 7fr !important;
  gap: 28px !important;
  align-items: center !important;
}

.ws-product-card-module .ws-product-visual {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.ws-product-card-module .ws-product-aura {
  position: relative !important;
  width: 130px !important;
  height: 130px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, rgba(255, 255, 255, 0) 70%) !important;
}

.ws-product-card-module .ws-product-img-box {
  width: 105px !important;
  height: 105px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  box-shadow: 0 10px 20px rgba(212, 175, 55, 0.3) !important;
  border: 3px solid #ffffff !important;
}

.ws-product-card-module .ws-product-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

.ws-product-card-module:hover .ws-product-img {
  transform: scale(1.08) !important;
}

.ws-product-card-module .ws-product-pill {
  display: inline-block !important;
  margin-top: 12px !important;
  background: rgba(212, 175, 55, 0.15) !important;
  color: #9a7209 !important;
  font-size: 0.65rem !important;
  font-weight: 800 !important;
  padding: 2px 10px !important;
  border-radius: 20px !important;
  letter-spacing: 0.1em !important;
}

.ws-product-card-module .ws-product-title {
  font-size: 1rem !important;
  font-weight: 900 !important;
  color: #1a2a6c !important;
  margin: 6px 0 0 0 !important;
}

.ws-product-card-module .ws-product-tags {
  display: flex !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}

.ws-product-card-module .ws-product-tag {
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
}

.ws-product-card-module .ws-bg-orange { background-color: #e67e22 !important; }
.ws-product-card-module .ws-bg-emerald { background-color: #059669 !important; }

.ws-product-card-module .ws-product-heading {
  font-size: clamp(1.1rem, 1.8vw, 1.35rem) !important;
  font-weight: 800 !important;
  color: #1a2a6c !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.4 !important;
}

.ws-product-card-module .ws-product-desc {
  font-size: 0.82rem !important;
  line-height: 1.65 !important;
  color: #556270 !important;
  margin-bottom: 16px !important;
  overflow-wrap: break-word !important;
}

/* 音效提示外殼 */
.ws-product-card-module .ws-audio-box {
  background: #1c1917 !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  color: #ffffff !important;
  margin-bottom: 20px !important;
  position: relative !important;
}

.ws-product-card-module .ws-audio-badge {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.ws-product-card-module .ws-audio-ping {
  width: 6px !important;
  height: 6px !important;
  background-color: #10b981 !important;
  border-radius: 50% !important;
  box-shadow: 0 0 6px #10b981 !important;
}

.ws-product-card-module .ws-audio-code {
  font-size: 0.6rem !important;
  color: #10b981 !important;
  font-family: monospace !important;
}

.ws-product-card-module .ws-audio-main {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-right: 80px !important;
}

.ws-product-card-module .ws-audio-icon {
  font-size: 1.2rem !important;
  color: #f59e0b !important;
}

.ws-product-card-module .ws-audio-title {
  display: block !important;
  font-size: 0.75rem !important;
  color: #f39c12 !important;
}

.ws-product-card-module .ws-audio-sub {
  display: block !important;
  font-size: 0.65rem !important;
  color: #a1a1aa !important;
}

/* 膠囊按鈕 */
.ws-product-card-module .ws-product-btn {
  width: 100% !important;
  padding: 12px 20px !important;
  border: none !important;
  border-radius: 50px !important;
  background: linear-gradient(90deg, #f39c12, #e67e22) !important;
  color: #ffffff !important;
  font-size: clamp(0.82rem, 1.2vw, 0.92rem) !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 20px rgba(230, 126, 34, 0.3) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ws-product-card-module .ws-product-btn:hover {
  box-shadow: 0 12px 25px rgba(230, 126, 34, 0.45) !important;
  transform: translateY(-2px) !important;
}

.ws-product-card-module .ws-product-btn:active {
  transform: scale(0.96) !important;
  box-shadow: 0 4px 10px rgba(230, 126, 34, 0.2) !important;
}


/* --------------------------------------------------------------------------
   【通用響應式設定 (防跑版)】
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .ws-csr-card-module,
  .ws-product-card-module {
    padding: 24px 18px !important;
    border-radius: 20px !important;
  }

  .ws-product-card-module .ws-product-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .ws-product-card-module .ws-product-tags {
    justify-content: center !important;
  }

  .ws-product-card-module .ws-product-heading,
  .ws-product-card-module .ws-product-desc {
    text-align: center !important;
  }

  .ws-product-card-module .ws-audio-main {
    padding-right: 0 !important;
  }

  .ws-product-card-module .ws-audio-badge {
    position: static !important;
    margin-bottom: 6px !important;
  }
}

@media (max-width: 480px) {
  .ws-csr-card-module .ws-csr-stats {
    padding: 12px 4px !important;
  }

  .ws-csr-card-module .ws-csr-stat-num {
    font-size: 0.95rem !important;
  }

  .ws-csr-card-module .ws-csr-stat-label {
    font-size: 0.62rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ws-csr-card-module .ws-csr-dot {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c398596 *//* --------------------------------------------------------------------------
   【模組三：卡片二 — 明星產品卡片 CSS】
   -------------------------------------------------------------------------- */
.ws-product-card-module {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1.5px solid rgba(230, 126, 34, 0.25) !important;
  box-shadow: 0 20px 40px rgba(26, 42, 108, 0.05) !important;
  padding: 32px 28px !important;
  box-sizing: border-box !important;
  font-family: "Noto Sans TC", "PingFang TC", sans-serif !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.ws-product-card-module:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 25px 50px rgba(26, 42, 108, 0.09) !important;
}

.ws-product-card-module .ws-product-grid {
  display: grid !important;
  grid-template-columns: 5fr 7fr !important;
  gap: 28px !important;
  align-items: center !important;
}

.ws-product-card-module .ws-product-visual {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.ws-product-card-module .ws-product-aura {
  position: relative !important;
  width: 130px !important;
  height: 130px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, rgba(255, 255, 255, 0) 70%) !important;
}

.ws-product-card-module .ws-product-img-box {
  width: 105px !important;
  height: 105px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  box-shadow: 0 10px 20px rgba(212, 175, 55, 0.3) !important;
  border: 3px solid #ffffff !important;
}

.ws-product-card-module .ws-product-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

.ws-product-card-module:hover .ws-product-img {
  transform: scale(1.08) !important;
}

.ws-product-card-module .ws-product-pill {
  display: inline-block !important;
  margin-top: 12px !important;
  background: rgba(212, 175, 55, 0.15) !important;
  color: #9a7209 !important;
  font-size: 0.65rem !important;
  font-weight: 800 !important;
  padding: 2px 10px !important;
  border-radius: 20px !important;
  letter-spacing: 0.1em !important;
}

.ws-product-card-module .ws-product-title {
  font-size: 1rem !important;
  font-weight: 900 !important;
  color: #1a2a6c !important;
  margin: 6px 0 0 0 !important;
}

.ws-product-card-module .ws-product-tags {
  display: flex !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}

.ws-product-card-module .ws-product-tag {
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
}

.ws-product-card-module .ws-bg-orange { background-color: #e67e22 !important; }
.ws-product-card-module .ws-bg-emerald { background-color: #059669 !important; }

.ws-product-card-module .ws-product-heading {
  font-size: clamp(1.1rem, 1.8vw, 1.35rem) !important;
  font-weight: 800 !important;
  color: #1a2a6c !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.4 !important;
}

.ws-product-card-module .ws-product-desc {
  font-size: 0.82rem !important;
  line-height: 1.65 !important;
  color: #556270 !important;
  margin-bottom: 16px !important;
  overflow-wrap: break-word !important;
}

/* 音效提示外殼 */
.ws-product-card-module .ws-audio-box {
  background: #1c1917 !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  color: #ffffff !important;
  margin-bottom: 20px !important;
  position: relative !important;
}

.ws-product-card-module .ws-audio-badge {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.ws-product-card-module .ws-audio-ping {
  width: 6px !important;
  height: 6px !important;
  background-color: #10b981 !important;
  border-radius: 50% !important;
  box-shadow: 0 0 6px #10b981 !important;
}

.ws-product-card-module .ws-audio-code {
  font-size: 0.6rem !important;
  color: #10b981 !important;
  font-family: monospace !important;
}

.ws-product-card-module .ws-audio-main {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-right: 80px !important;
}

.ws-product-card-module .ws-audio-icon {
  font-size: 1.2rem !important;
  color: #f59e0b !important;
}

.ws-product-card-module .ws-audio-title {
  display: block !important;
  font-size: 0.75rem !important;
  color: #f39c12 !important;
}

.ws-product-card-module .ws-audio-sub {
  display: block !important;
  font-size: 0.65rem !important;
  color: #a1a1aa !important;
}

/* 膠囊按鈕 */
.ws-product-card-module .ws-product-btn {
  width: 100% !important;
  padding: 12px 20px !important;
  border: none !important;
  border-radius: 50px !important;
  background: linear-gradient(90deg, #f39c12, #e67e22) !important;
  color: #ffffff !important;
  font-size: clamp(0.82rem, 1.2vw, 0.92rem) !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 20px rgba(230, 126, 34, 0.3) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ws-product-card-module .ws-product-btn:hover {
  box-shadow: 0 12px 25px rgba(230, 126, 34, 0.45) !important;
  transform: translateY(-2px) !important;
}

.ws-product-card-module .ws-product-btn:active {
  transform: scale(0.96) !important;
  box-shadow: 0 4px 10px rgba(230, 126, 34, 0.2) !important;
}


/* --------------------------------------------------------------------------
   【通用響應式設定 (防跑版)】
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .ws-csr-card-module,
  .ws-product-card-module {
    padding: 24px 18px !important;
    border-radius: 20px !important;
  }

  .ws-product-card-module .ws-product-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .ws-product-card-module .ws-product-tags {
    justify-content: center !important;
  }

  .ws-product-card-module .ws-product-heading,
  .ws-product-card-module .ws-product-desc {
    text-align: center !important;
  }

  .ws-product-card-module .ws-audio-main {
    padding-right: 0 !important;
  }

  .ws-product-card-module .ws-audio-badge {
    position: static !important;
    margin-bottom: 6px !important;
  }
}

@media (max-width: 480px) {
  .ws-csr-card-module .ws-csr-stats {
    padding: 12px 4px !important;
  }

  .ws-csr-card-module .ws-csr-stat-num {
    font-size: 0.95rem !important;
  }

  .ws-csr-card-module .ws-csr-stat-label {
    font-size: 0.62rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ws-csr-card-module .ws-csr-dot {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2be2719 *//* --------------------------------------------------------------------------
   【模組三：卡片二 — 明星產品卡片 CSS】
   -------------------------------------------------------------------------- */
.ws-product-card-module {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1.5px solid rgba(230, 126, 34, 0.25) !important;
  box-shadow: 0 20px 40px rgba(26, 42, 108, 0.05) !important;
  padding: 32px 28px !important;
  box-sizing: border-box !important;
  font-family: "Noto Sans TC", "PingFang TC", sans-serif !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.ws-product-card-module:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 25px 50px rgba(26, 42, 108, 0.09) !important;
}

.ws-product-card-module .ws-product-grid {
  display: grid !important;
  grid-template-columns: 5fr 7fr !important;
  gap: 28px !important;
  align-items: center !important;
}

.ws-product-card-module .ws-product-visual {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.ws-product-card-module .ws-product-aura {
  position: relative !important;
  width: 130px !important;
  height: 130px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, rgba(255, 255, 255, 0) 70%) !important;
}

.ws-product-card-module .ws-product-img-box {
  width: 105px !important;
  height: 105px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  box-shadow: 0 10px 20px rgba(212, 175, 55, 0.3) !important;
  border: 3px solid #ffffff !important;
}

.ws-product-card-module .ws-product-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

.ws-product-card-module:hover .ws-product-img {
  transform: scale(1.08) !important;
}

.ws-product-card-module .ws-product-pill {
  display: inline-block !important;
  margin-top: 12px !important;
  background: rgba(212, 175, 55, 0.15) !important;
  color: #9a7209 !important;
  font-size: 0.65rem !important;
  font-weight: 800 !important;
  padding: 2px 10px !important;
  border-radius: 20px !important;
  letter-spacing: 0.1em !important;
}

.ws-product-card-module .ws-product-title {
  font-size: 1rem !important;
  font-weight: 900 !important;
  color: #1a2a6c !important;
  margin: 6px 0 0 0 !important;
}

.ws-product-card-module .ws-product-tags {
  display: flex !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}

.ws-product-card-module .ws-product-tag {
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
}

.ws-product-card-module .ws-bg-orange { background-color: #e67e22 !important; }
.ws-product-card-module .ws-bg-emerald { background-color: #059669 !important; }

.ws-product-card-module .ws-product-heading {
  font-size: clamp(1.1rem, 1.8vw, 1.35rem) !important;
  font-weight: 800 !important;
  color: #1a2a6c !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.4 !important;
}

.ws-product-card-module .ws-product-desc {
  font-size: 0.82rem !important;
  line-height: 1.65 !important;
  color: #556270 !important;
  margin-bottom: 16px !important;
  overflow-wrap: break-word !important;
}

/* 音效提示外殼 */
.ws-product-card-module .ws-audio-box {
  background: #1c1917 !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  color: #ffffff !important;
  margin-bottom: 20px !important;
  position: relative !important;
}

.ws-product-card-module .ws-audio-badge {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.ws-product-card-module .ws-audio-ping {
  width: 6px !important;
  height: 6px !important;
  background-color: #10b981 !important;
  border-radius: 50% !important;
  box-shadow: 0 0 6px #10b981 !important;
}

.ws-product-card-module .ws-audio-code {
  font-size: 0.6rem !important;
  color: #10b981 !important;
  font-family: monospace !important;
}

.ws-product-card-module .ws-audio-main {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-right: 80px !important;
}

.ws-product-card-module .ws-audio-icon {
  font-size: 1.2rem !important;
  color: #f59e0b !important;
}

.ws-product-card-module .ws-audio-title {
  display: block !important;
  font-size: 0.75rem !important;
  color: #f39c12 !important;
}

.ws-product-card-module .ws-audio-sub {
  display: block !important;
  font-size: 0.65rem !important;
  color: #a1a1aa !important;
}

/* 膠囊按鈕 */
.ws-product-card-module .ws-product-btn {
  width: 100% !important;
  padding: 12px 20px !important;
  border: none !important;
  border-radius: 50px !important;
  background: linear-gradient(90deg, #f39c12, #e67e22) !important;
  color: #ffffff !important;
  font-size: clamp(0.82rem, 1.2vw, 0.92rem) !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 20px rgba(230, 126, 34, 0.3) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ws-product-card-module .ws-product-btn:hover {
  box-shadow: 0 12px 25px rgba(230, 126, 34, 0.45) !important;
  transform: translateY(-2px) !important;
}

.ws-product-card-module .ws-product-btn:active {
  transform: scale(0.96) !important;
  box-shadow: 0 4px 10px rgba(230, 126, 34, 0.2) !important;
}


/* --------------------------------------------------------------------------
   【通用響應式設定 (防跑版)】
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .ws-csr-card-module,
  .ws-product-card-module {
    padding: 24px 18px !important;
    border-radius: 20px !important;
  }

  .ws-product-card-module .ws-product-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .ws-product-card-module .ws-product-tags {
    justify-content: center !important;
  }

  .ws-product-card-module .ws-product-heading,
  .ws-product-card-module .ws-product-desc {
    text-align: center !important;
  }

  .ws-product-card-module .ws-audio-main {
    padding-right: 0 !important;
  }

  .ws-product-card-module .ws-audio-badge {
    position: static !important;
    margin-bottom: 6px !important;
  }
}

@media (max-width: 480px) {
  .ws-csr-card-module .ws-csr-stats {
    padding: 12px 4px !important;
  }

  .ws-csr-card-module .ws-csr-stat-num {
    font-size: 0.95rem !important;
  }

  .ws-csr-card-module .ws-csr-stat-label {
    font-size: 0.62rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ws-csr-card-module .ws-csr-dot {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d27e692 *//* --------------------------------------------------------------------------
   【模組三：卡片二 — 明星產品卡片 CSS】
   -------------------------------------------------------------------------- */
.ws-product-card-module {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1.5px solid rgba(230, 126, 34, 0.25) !important;
  box-shadow: 0 20px 40px rgba(26, 42, 108, 0.05) !important;
  padding: 32px 28px !important;
  box-sizing: border-box !important;
  font-family: "Noto Sans TC", "PingFang TC", sans-serif !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.ws-product-card-module:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 25px 50px rgba(26, 42, 108, 0.09) !important;
}

.ws-product-card-module .ws-product-grid {
  display: grid !important;
  grid-template-columns: 5fr 7fr !important;
  gap: 28px !important;
  align-items: center !important;
}

.ws-product-card-module .ws-product-visual {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.ws-product-card-module .ws-product-aura {
  position: relative !important;
  width: 130px !important;
  height: 130px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, rgba(255, 255, 255, 0) 70%) !important;
}

.ws-product-card-module .ws-product-img-box {
  width: 105px !important;
  height: 105px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  box-shadow: 0 10px 20px rgba(212, 175, 55, 0.3) !important;
  border: 3px solid #ffffff !important;
}

.ws-product-card-module .ws-product-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

.ws-product-card-module:hover .ws-product-img {
  transform: scale(1.08) !important;
}

.ws-product-card-module .ws-product-pill {
  display: inline-block !important;
  margin-top: 12px !important;
  background: rgba(212, 175, 55, 0.15) !important;
  color: #9a7209 !important;
  font-size: 0.65rem !important;
  font-weight: 800 !important;
  padding: 2px 10px !important;
  border-radius: 20px !important;
  letter-spacing: 0.1em !important;
}

.ws-product-card-module .ws-product-title {
  font-size: 1rem !important;
  font-weight: 900 !important;
  color: #1a2a6c !important;
  margin: 6px 0 0 0 !important;
}

.ws-product-card-module .ws-product-tags {
  display: flex !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}

.ws-product-card-module .ws-product-tag {
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
}

.ws-product-card-module .ws-bg-orange { background-color: #e67e22 !important; }
.ws-product-card-module .ws-bg-emerald { background-color: #059669 !important; }

.ws-product-card-module .ws-product-heading {
  font-size: clamp(1.1rem, 1.8vw, 1.35rem) !important;
  font-weight: 800 !important;
  color: #1a2a6c !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.4 !important;
}

.ws-product-card-module .ws-product-desc {
  font-size: 0.82rem !important;
  line-height: 1.65 !important;
  color: #556270 !important;
  margin-bottom: 16px !important;
  overflow-wrap: break-word !important;
}

/* 音效提示外殼 */
.ws-product-card-module .ws-audio-box {
  background: #1c1917 !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  color: #ffffff !important;
  margin-bottom: 20px !important;
  position: relative !important;
}

.ws-product-card-module .ws-audio-badge {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.ws-product-card-module .ws-audio-ping {
  width: 6px !important;
  height: 6px !important;
  background-color: #10b981 !important;
  border-radius: 50% !important;
  box-shadow: 0 0 6px #10b981 !important;
}

.ws-product-card-module .ws-audio-code {
  font-size: 0.6rem !important;
  color: #10b981 !important;
  font-family: monospace !important;
}

.ws-product-card-module .ws-audio-main {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-right: 80px !important;
}

.ws-product-card-module .ws-audio-icon {
  font-size: 1.2rem !important;
  color: #f59e0b !important;
}

.ws-product-card-module .ws-audio-title {
  display: block !important;
  font-size: 0.75rem !important;
  color: #f39c12 !important;
}

.ws-product-card-module .ws-audio-sub {
  display: block !important;
  font-size: 0.65rem !important;
  color: #a1a1aa !important;
}

/* 膠囊按鈕 */
.ws-product-card-module .ws-product-btn {
  width: 100% !important;
  padding: 12px 20px !important;
  border: none !important;
  border-radius: 50px !important;
  background: linear-gradient(90deg, #f39c12, #e67e22) !important;
  color: #ffffff !important;
  font-size: clamp(0.82rem, 1.2vw, 0.92rem) !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 20px rgba(230, 126, 34, 0.3) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ws-product-card-module .ws-product-btn:hover {
  box-shadow: 0 12px 25px rgba(230, 126, 34, 0.45) !important;
  transform: translateY(-2px) !important;
}

.ws-product-card-module .ws-product-btn:active {
  transform: scale(0.96) !important;
  box-shadow: 0 4px 10px rgba(230, 126, 34, 0.2) !important;
}


/* --------------------------------------------------------------------------
   【通用響應式設定 (防跑版)】
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .ws-csr-card-module,
  .ws-product-card-module {
    padding: 24px 18px !important;
    border-radius: 20px !important;
  }

  .ws-product-card-module .ws-product-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .ws-product-card-module .ws-product-tags {
    justify-content: center !important;
  }

  .ws-product-card-module .ws-product-heading,
  .ws-product-card-module .ws-product-desc {
    text-align: center !important;
  }

  .ws-product-card-module .ws-audio-main {
    padding-right: 0 !important;
  }

  .ws-product-card-module .ws-audio-badge {
    position: static !important;
    margin-bottom: 6px !important;
  }
}

@media (max-width: 480px) {
  .ws-csr-card-module .ws-csr-stats {
    padding: 12px 4px !important;
  }

  .ws-csr-card-module .ws-csr-stat-num {
    font-size: 0.95rem !important;
  }

  .ws-csr-card-module .ws-csr-stat-label {
    font-size: 0.62rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ws-csr-card-module .ws-csr-dot {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5673259 *//* 1. 基礎畫布維持穩定 */
html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

/* 2. 核心內容容器（建議在 HTML 中用一個 <div class="main-container"> 將內容包起來） */
.main-container {
    width: 100%;
    max-width: 1200px;  /* 設定您心目中最理想的網頁最大寬度（例如 1200px 或 1440px） */
    margin-left: auto;   /* 自動分配左側剩餘空間 */
    margin-right: auto;  /* 自動分配右側剩餘空間 */
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7e1eb29 */<style>
/* 1. 全局鎖定防位移干擾 */
.elementor-15060 .elementor-element.elementor-element-7e1eb29, .elementor-15060 .elementor-element.elementor-element-7e1eb29:hover, .elementor-15060 .elementor-element.elementor-element-7e1eb29 > .elementor-widget-container {
  width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; transform: none !important;
}

.ws-interactive-upcoming {
  --navy: #17345B; --gold: #D5A51F; --bg-warm: #FAF8F5;
  width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 40px 20px !important;
  font-family: "Noto Serif TC", "Noto Sans TC", sans-serif !important; box-sizing: border-box !important;
}

/* 標題與 Tab */
.ws-header-center { text-align: center !important; margin-bottom: 24px !important; }
.ws-tag-gold { font-size: 12px !important; font-weight: 800 !important; color: var(--gold) !important; letter-spacing: 2px !important; }
.ws-title-navy { font-size: clamp(24px, 3.5vw, 36px) !important; color: var(--navy) !important; font-weight: 800 !important; margin: 6px 0 !important; }
.ws-desc-sub { font-size: 14px !important; color: #596A7A !important; }

.ws-filter-bar { display: flex !important; justify-content: center !important; gap: 10px !important; margin-bottom: 30px !important; flex-wrap: wrap !important; }
.ws-filter-tab {
  background: #FFFFFF !important; border: 1px solid rgba(213, 165, 31, 0.3) !important; color: #596A7A !important;
  padding: 8px 20px !important; border-radius: 30px !important; font-size: 14px !important; font-weight: 600 !important; cursor: pointer !important;
  transition: all 0.25s ease !important;
}
.ws-filter-tab.active, .ws-filter-tab:hover { background: var(--navy) !important; color: #FFFFFF !important; border-color: var(--navy) !important; box-shadow: 0 4px 12px rgba(23, 52, 91, 0.2) !important; }

/* 舞台布局 (左 45% 右 52%) */
.ws-stage-wrapper { display: flex !important; gap: 3% !important; align-items: flex-start !important; }
.ws-card-list { flex: 1 1 45% !important; display: flex !important; flex-direction: column !important; gap: 16px !important; }

.ws-card-item {
  display: flex !important; background: #FFFFFF !important; border-radius: 18px !important; border: 1.5px solid rgba(213, 165, 31, 0.2) !important;
  overflow: hidden !important; cursor: pointer !important; transition: all 0.25s ease !important;
}
.ws-card-item:hover, .ws-card-item.active { border-color: var(--gold) !important; transform: translateX(6px) !important; box-shadow: 0 8px 24px rgba(23, 52, 91, 0.08) !important; }

.ws-card-img-box { position: relative !important; width: 140px !important; min-width: 140px !important; }
.ws-card-img-box img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.ws-status-badge { position: absolute !important; top: 8px !important; left: 8px !important; font-size: 10px !important; font-weight: 700 !important; padding: 2px 8px !important; border-radius: 10px !important; }
.status-open { background: #E6F4EA !important; color: #137333 !important; }
.status-upcoming { background: #FEF7E0 !important; color: #B06000 !important; }
.status-full { background: #FCE8E6 !important; color: #C5221F !important; }

.ws-card-info { padding: 14px !important; display: flex !important; flex-direction: column !important; flex: 1 !important; }
.ws-cat-label { font-size: 11px !important; font-weight: 700 !important; color: var(--gold) !important; }
.ws-card-h3 { font-size: 15px !important; font-weight: 700 !important; color: var(--navy) !important; margin: 4px 0 !important; line-height: 1.35 !important; }
.ws-card-desc { font-size: 12.5px !important; color: #596A7A !important; line-height: 1.5 !important; margin-bottom: 10px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.ws-meta-row { font-size: 11px !important; color: #2C3E50 !important; display: flex !important; gap: 8px !important; margin-bottom: 10px !important; }
.ws-click-btn { margin-top: auto !important; border: none !important; background: rgba(23, 52, 91, 0.06) !important; color: var(--navy) !important; padding: 6px 12px !important; border-radius: 6px !important; font-size: 12px !important; font-weight: 700 !important; text-align: left !important; cursor: pointer !important; }

/* 右側預覽舞台 */
.ws-preview-stage { flex: 1 1 52% !important; position: sticky !important; top: 20px !important; }
.ws-stage-card { background: #FFFFFF !important; border-radius: 22px !important; border: 1.5px solid var(--gold) !important; padding: 28px !important; box-shadow: 0 12px 30px rgba(12, 30, 54, 0.08) !important; }
.ws-stage-cat { font-size: 12px !important; font-weight: 800 !important; color: var(--gold) !important; }
.ws-stage-title { font-size: 22px !important; color: var(--navy) !important; font-weight: 800 !important; margin: 6px 0 14px 0 !important; }
.ws-stage-img img { width: 100% !important; height: 200px !important; object-fit: cover !important; border-radius: 14px !important; margin-bottom: 14px !important; }
.ws-stage-desc { font-size: 14px !important; color: #596A7A !important; line-height: 1.7 !important; margin-bottom: 16px !important; }
.ws-stage-grid { background: var(--bg-warm) !important; padding: 14px !important; border-radius: 12px !important; font-size: 13px !important; display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; margin-bottom: 20px !important; }
.ws-stage-btn { display: block !important; text-align: center !important; padding: 12px !important; background: linear-gradient(135deg, #D7A818 0%, #F39A35 100%) !important; color: #FFFFFF !important; border-radius: 30px !important; font-size: 15px !important; font-weight: 700 !important; text-decoration: none !important; }

/* 手機彈窗 Modal */
.ws-modal-backdrop { position: fixed !important; inset: 0 !important; background: rgba(12, 30, 54, 0.6) !important; backdrop-filter: blur(6px) !important; z-index: 99999 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 20px !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.25s ease !important; }
.ws-modal-backdrop.open { opacity: 1 !important; pointer-events: auto !important; }
.ws-modal-box { background: #FFFFFF !important; width: 100% !important; max-width: 480px !important; max-height: 85vh !important; border-radius: 24px !important; padding: 24px !important; overflow-y: auto !important; position: relative !important; }
.ws-modal-close { position: absolute !important; top: 14px !important; right: 14px !important; border: none !important; background: #FAF8F5 !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; font-size: 16px !important; cursor: pointer !important; }

@media (min-width: 768px) { .ws-modal-backdrop { display: none !important; } }
@media (max-width: 767px) {
  .ws-stage-wrapper { flex-direction: column !important; }
  .ws-preview-stage { display: none !important; } /* 手機版自動改為點擊跳彈窗 */
  .ws-card-item { flex-direction: column !important; }
  .ws-card-img-box { width: 100% !important; height: 150px !important; }
}
</style>/* End custom CSS */