.elementor-12090 .elementor-element.elementor-element-70a483a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:25px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-12090 .elementor-element.elementor-element-99bea6b{column-gap:0px;text-align:center;}.elementor-12090 .elementor-element.elementor-element-e6a09fc{--display:flex;}.elementor-12090 .elementor-element.elementor-element-6c45a95{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-12090 .elementor-element.elementor-element-6c45a95.e-con{--align-self:flex-start;}@media(max-width:767px){.elementor-12090 .elementor-element.elementor-element-70a483a{--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-12090 .elementor-element.elementor-element-f9c1620 > .elementor-widget-container{margin:-8px -8px -8px -8px;padding:0px 0px 0px 0px;}.elementor-12090 .elementor-element.elementor-element-f9c1620.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-12090 .elementor-element.elementor-element-70a483a{--content-width:1320px;}.elementor-12090 .elementor-element.elementor-element-6c45a95{--content-width:1320px;}}/* Start custom CSS for text-editor, class: .elementor-element-99bea6b *//* 標題外容器 */
.mega-title-wrapper {
    text-align: center !important;
    padding: 60px 0 !important;
    perspective: 1000px !important; /* 增加一點點立體感 */
}

/* 主標題：超大、明顯、流光感 */
.section-title {
    /* 使用 clamp 確保大標題在手機不爆版，電腦端極大化 */
    font-size: clamp(38px, 8vw, 90px) !important;
    font-weight: 900 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    white-space: nowrap !important; /* 確保不隨意斷行 */
    letter-spacing: -2px !important;
}

/* 「超好」：海軍藍 */
.brand-name {
    color: #1a2a6c !important;
    text-shadow: 2px 2px 0px rgba(255,255,255,1), 5px 5px 15px rgba(26, 42, 108, 0.2) !important;
}

/* 「×」：金屬金 + 流光 */
.cross-symbol {
    color: #d4af37 !important;
    margin: 0 15px !important;
    font-family: serif !important; /* 讓乘號更有設計感 */
    background: linear-gradient(to bottom, #d4af37, #fdfbfb, #d4af37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1)) !important;
}

/* 「外泌體」：深藍漸層科技感 */
.product-name {
    background: linear-gradient(180deg, #1a2a6c 30%, #4a5a9c 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 裝飾底線：金屬漸層 */
.title-underline {
    width: 120px !important;
    height: 6px !important;
    background: linear-gradient(90deg, #1a2a6c, #d4af37, #1a2a6c) !important;
    margin: 15px auto !important;
    border-radius: 10px !important;
}

/* 英文副標：高端質感小字 */
.en-subtitle {
    color: #d4af37 !important;
    font-size: 14px !important;
    letter-spacing: 8px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    margin-left: 8px !important; /* 補償 letter-spacing */
}

/* --- 手機版 RWD 調整 (767px 以下) --- */
@media (max-width: 767px) {
    .section-title {
        font-size: clamp(32px, 12vw, 42px) !important; /* 手機版依然保持最大可能 */
        letter-spacing: 1px !important;
    }
    
    .cross-symbol {
        margin: 0 5px !important;
    }
    
    .mega-title-wrapper {
        padding: 40px 0 !important;
    }
    
    .en-subtitle {
        letter-spacing: 4px !important;
        font-size: 12px !important;
    }
}

/* App 觸感回饋 */
.mega-title-wrapper:active {
    transform: scale(0.95) !important;
    transition: transform 0.1s ease !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c7f2a0f *//* 外層容器：磨砂玻璃質感 */
.bio-tech-header-wrapper {
    padding: 40px 20px !important;
    background: rgba(26, 42, 108, 0.05) !important; /* 主色微透明 */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 金屬金邊框 */
    text-align: center !important;
    max-width: 100% !important;
    margin: 20px auto !important;
}

/* 副標題：珍珠白小字 */
.bio-subtitle {
    display: block !important;
    color: #d4af37 !important; /* 點綴金 */
    letter-spacing: 5px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    margin-bottom: 15px !important;
    text-transform: uppercase !important;
}

/* 主標題：金屬流光漸層 */
.bio-main-title {
    /* 使用 clamp 確保手機不跑版，且文字不換行 */
    font-size: clamp(20px, 4vw, 42px) !important;
    color: #1a2a6c !important; /* 海軍藍基底 */
    background: linear-gradient(135deg, #1a2a6c 20%, #d4af37 50%, #1a2a6c 80%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important; /* 強制不換行 */
    margin: 0 !important;
    animation: shine 5s linear infinite !important; /* 流光動畫 */
}

/* 金屬裝飾線 */
.bio-gold-line {
    width: 80px !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, #d4af37, transparent) !important;
    margin: 20px auto 0 !important;
}

/* 流光動畫效果 */
@keyframes shine {
    to { background-position: 200% center !important; }
}

/* 手機版 RWD 優化 (767px 以下) */
@media (max-width: 767px) {
    .bio-main-title {
        font-size: clamp(16px, 5vw, 22px) !important; /* 手機版自動縮小 */
        letter-spacing: 0px !important;
        white-space: normal !important; /* 手機版若太長允許換行，避免切掉 */
    }
    .mobile-only {
        display: block !important;
    }
    .bio-tech-header-wrapper {
        padding: 25px 15px !important;
    }
}

/* App 觸感回饋：點擊縮放 */
.bio-tech-header-wrapper:active {
    transform: scale(0.98) !important;
    transition: transform 0.1s ease !important;
}

/* 容器基本設定 */
.bio-content-container {
    font-family: "PingFang TC", "Microsoft JhengHei", sans-serif !important;
    color: #333 !important;
    line-height: 1.8 !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 20px !important;
}

/* 前言與新聞盒 */
.bio-intro-text {
    font-size: clamp(16px, 2vw, 18px) !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

.bio-news-box {
    background: #fdfbfb !important;
    border-left: 5px solid #1a2a6c !important;
    padding: 20px !important;
    border-radius: 0 15px 15px 0 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    margin-bottom: 40px !important;
}

/* 標題與強調色 */
.section-title {
    color: #1a2a6c !important;
    text-align: center !important;
    font-size: 24px !important;
    margin-bottom: 30px !important;
    letter-spacing: 2px !important;
}

.gold-highlight {
    color: #d4af37 !important;
    font-weight: bold !important;
}

.gold-tag {
    background: #d4af37 !important;
    color: #fff !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    font-weight: bold !important;
}

.navy-bold {
    color: #1a2a6c !important;
    font-weight: bold !important;
}

/* 四大支柱卡片網格 */
.pillar-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    margin-bottom: 40px !important;
}

.pillar-card {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(26, 42, 108, 0.1) !important;
    padding: 25px !important;
    border-radius: 15px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    backdrop-filter: blur(5px) !important;
}

/* 卡片互動感 */
.pillar-card:hover {
    border-color: #d4af37 !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(26, 42, 108, 0.1) !important;
}

.pillar-card:active {
    transform: scale(0.95) !important; /* App 觸感回饋 */
}

.pillar-icon {
    font-size: 40px !important;
    font-weight: 900 !important;
    color: rgba(26, 42, 108, 0.05) !important;
    position: absolute !important;
    top: 10px !important;
    right: 15px !important;
}

.pillar-card h4 {
    color: #1a2a6c !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    font-size: 18px !important;
    border-bottom: 2px solid #d4af37 !important;
    display: inline-block !important;
}

.data-highlight {
    color: #1a2a6c !important;
    font-weight: 800 !important;
    background: linear-gradient(transparent 60%, rgba(212, 175, 55, 0.3) 40%) !important;
}

/* 結尾備註 */
.bio-footer-note {
    background: #1a2a6c !important;
    color: #fdfbfb !important;
    padding: 30px !important;
    border-radius: 20px !important;
    text-align: center !important;
    font-size: 16px !important;
}

/* 手機版 RWD 優化 */
@media (max-width: 767px) {
    .pillar-grid {
        grid-template-columns: 1fr !important; /* 手機版改為單欄 */
    }
    
    .bio-intro-text {
        text-align: left !important;
    }

    .pillar-card {
        padding: 20px !important;
    }

    .section-title {
        font-size: 20px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }
}/* End custom CSS */