.elementor-14486 .elementor-element.elementor-element-a916b6d{--display:flex;}.elementor-14486 .elementor-element.elementor-element-a916b6d:not(.elementor-motion-effects-element-type-background), .elementor-14486 .elementor-element.elementor-element-a916b6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D2A49E0;}.elementor-14486 .elementor-element.elementor-element-a916b6d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14486 .elementor-element.elementor-element-7d188f8 img{border-radius:10px 10px 10px 10px;}.elementor-14486 .elementor-element.elementor-element-5786d69.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-14486 .elementor-element.elementor-element-b4eefbc{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14486 .elementor-element.elementor-element-44a3441{width:var( --container-widget-width, 23.176% );max-width:23.176%;--container-widget-width:23.176%;--container-widget-flex-grow:0;--e-transform-transition-duration:1000ms;text-align:center;}.elementor-14486 .elementor-element.elementor-element-44a3441 > .elementor-widget-container{--e-transform-scale:0.9;}.elementor-14486 .elementor-element.elementor-element-44a3441 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-14486 .elementor-element.elementor-element-44a3441.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-14486 .elementor-element.elementor-element-44a3441 img{max-width:100%;height:96px;border-radius:13px 13px 13px 13px;box-shadow:0px 0px 9px -2px rgba(0,0,0,0.5);}@media(max-width:1024px){.elementor-14486 .elementor-element.elementor-element-5786d69{width:var( --container-widget-width, 743.03px );max-width:743.03px;--container-widget-width:743.03px;--container-widget-flex-grow:0;}.elementor-14486 .elementor-element.elementor-element-5786d69.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-14486 .elementor-element.elementor-element-44a3441 img{max-width:60%;height:70px;}}@media(max-width:1024px) and (min-width:768px){.elementor-14486 .elementor-element.elementor-element-a916b6d{--width:712px;}}@media(max-width:767px){.elementor-14486 .elementor-element.elementor-element-a916b6d{--width:455.374px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14486 .elementor-element.elementor-element-7d188f8{text-align:center;}.elementor-14486 .elementor-element.elementor-element-7d188f8 img{max-width:100%;}.elementor-14486 .elementor-element.elementor-element-5786d69{width:var( --container-widget-width, 364.011px );max-width:364.011px;--container-widget-width:364.011px;--container-widget-flex-grow:0;}.elementor-14486 .elementor-element.elementor-element-5786d69.elementor-element{--align-self:center;}.elementor-14486 .elementor-element.elementor-element-44a3441 > .elementor-widget-container{--e-transform-scale:0.9;}.elementor-14486 .elementor-element.elementor-element-44a3441 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-14486 .elementor-element.elementor-element-44a3441{--e-transform-origin-x:center;text-align:center;}.elementor-14486 .elementor-element.elementor-element-44a3441 img{max-width:100%;height:70px;border-radius:20px 20px 20px 20px;}}/* Start custom CSS for html, class: .elementor-element-5786d69 *//* --- 整體宇宙感背景與排版 --- */
.chronos-wrapper {
  background: radial-gradient(circle at center, #1a2a6c 0%, #0a1128 100%) !important;
  padding: 60px 20px !important;
  border-radius: 20px !important;
  font-family: 'Noto Sans TC', sans-serif !important;
  color: #fdfbfb !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* --- 頂部標題區 --- */
.chronos-hero {
  text-align: center !important;
  margin-bottom: 50px !important;
}

.chronos-title {
  /* 金屬流光漸層字體 */
  background: linear-gradient(135deg, #d4af37 0%, #fff2cd 50%, #d4af37 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-size: clamp(24px, 5vw, 36px) !important;
  font-weight: 900 !important;
  margin-bottom: 10px !important;
  /* 電腦版防換行跑版 */
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.chronos-subtitle {
  color: #fdfbfb !important;
  font-size: clamp(18px, 4vw, 28px) !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
  letter-spacing: 2px !important;
}

.chronos-desc {
  color: #e0e0e0 !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  text-align: justify !important;
}

/* --- 區塊標題 --- */
.chronos-section-title {
  color: #d4af37 !important;
  font-size: clamp(20px, 4vw, 28px) !important;
  text-align: center !important;
  margin: 40px 0 30px 0 !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
  padding-bottom: 15px !important;
}

/* --- 核心科技 5大亮點 (磨砂玻璃卡片) --- */
.chronos-features-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 20px !important;
  margin-bottom: 50px !important;
}

.chronos-glass-card {
  /* 磨砂玻璃特效 */
  background: rgba(253, 251, 251, 0.05) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(212, 175, 55, 0.2) !important;
  border-radius: 16px !important;
  padding: 25px 20px !important;
  transition: transform 0.3s ease, border-color 0.3s ease !important;
}

.chronos-glass-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(212, 175, 55, 0.8) !important;
}

.card-icon {
  font-size: 32px !important;
  margin-bottom: 15px !important;
  /* 避免圖片或Icon反白被選取 */
  pointer-events: none !important; 
}

.card-title {
  color: #d4af37 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
}

.card-desc {
  color: #fdfbfb !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  opacity: 0.9 !important;
}

/* --- 六大智慧模式 (膠囊按鈕 App 觸感) --- */
.chronos-modes-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 15px !important;
}

.chronos-capsule-btn {
  background: linear-gradient(145deg, rgba(26,42,108,0.8) 0%, rgba(11,16,33,0.8) 100%) !important;
  border: 1px solid #d4af37 !important;
  border-radius: 50px !important;
  padding: 15px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
  text-align: center !important;
}

/* App 點擊縮放回饋 */
.chronos-capsule-btn:active {
  transform: scale(0.9) !important;
  background: rgba(212, 175, 55, 0.1) !important;
}

.mode-name {
  color: #d4af37 !important;
  font-size: clamp(16px, 3.5vw, 20px) !important;
  font-weight: bold !important;
  white-space: nowrap !important;
  margin-bottom: 5px !important;
}

.mode-detail {
  color: #fdfbfb !important;
  font-size: clamp(12px, 2.5vw, 14px) !important;
  opacity: 0.8 !important;
  white-space: nowrap !important;
}

/* =========================================
   手機版優先 (RWD) 終極修正區塊
========================================= */
@media (max-width: 767px) {
  .chronos-wrapper {
    padding: 40px 15px !important;
  }
  
  .chronos-desc {
    text-align: left !important;
  }
  
  /* 六大模式防切邊修正 */
  .chronos-modes-grid {
    display: grid !important;
    /* 強制限制最大寬度，絕不超出螢幕 */
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  
  .chronos-capsule-btn {
    padding: 12px 5px !important; 
    width: 100% !important;
    box-sizing: border-box !important;
  }
  
  .mode-name {
    font-size: clamp(14px, 3.5vw, 16px) !important;
    /* 解除強制不換行，改為自然適應，防止撐破膠囊 */
    white-space: normal !important; 
    word-break: keep-all !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
  }
  
  .mode-detail {
    font-size: clamp(11px, 2.5vw, 13px) !important;
    /* 解除強制不換行 */
    white-space: normal !important; 
    word-break: keep-all !important;
    line-height: 1.2 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a916b6d *//* 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 */