/* ==========================================
       核心 CSS 排版控制 (無額外裝飾樣式)
       ========================================== */
#Events{padding:5% 0.5% 2%;margin: 0 auto;}    

    .title-elegant-container {
        font-family: 'Noto Sans TC', sans-serif;
        text-align: center;
        margin: 0 auto;
    }
    .title-elegant {
        font-size: 2rem;
        font-weight: 700;
        letter-spacing: 0.2em;
        color: #1f2937;
        display: inline-block;
        position: relative;
        padding-bottom: 12px;
        margin: 0;
    }
    .title-elegant::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 48px;
        height: 3px;
        background-color: #d73c35;
        border-radius: 9999px;
        transition: width 0.3s ease;
    }
    .title-elegant-container:hover .title-elegant::after {
        width: 100%;
    }
    .subtitle-elegant {
        font-size: 0.8rem;
        letter-spacing: 0.15em;
        color: #d73c35;
        margin-top: 8px;
        margin-bottom: 0;
        text-transform: uppercase;
        font-weight: 700;
    }


.tabs { display: flex; gap: 10px; margin: 3% auto; justify-content: center; }
    .tab-btn { padding: 10px 25px; cursor: pointer; border: none; background: #ddd; border-radius: 25px; font-weight: bold; transition: 0.3s;font-size:1rem ; }
    .tab-btn.active { background: #2c3e50; color: white; }

    /* 整體容器：使用 Grid 實現兩欄並排 */
    .scheduled-container {
      margin: 5% auto;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr; /* 兩欄並排 */
      gap: 20px; /* 欄位與欄位之間的間距 */
      justify-content: center;
    }
    .scheduled-item {
      margin-bottom: 0.5rem;
      background: white; /*padding: 15px;*/ border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); display: none; }
    
    .scheduled-item a {
      display: block;
      text-decoration: none;
      color: inherit;
      text-align: center; /* 讓內容在區塊內水平置中 */
    }
    .scheduled-item img {
      /* width: 300px;
      height: 100px; */
      width: 100%; height: auto;
      max-width: 100%; /* 防止手機版尺寸超出螢幕 */
      display: block;
      margin: 0 auto; /* 讓 block 圖片水平置中 */
      border: 1px solid #d1d5db;
      box-sizing: border-box; /* 確保外框線寬度計算在 300x100 之內 */
      transition: opacity 0.2s ease-in-out; /* 設定透明度轉換平滑度 */
      border-radius: 4px; /* 微圓角讓邊角更柔和 */
    }

    
    .scheduled-item a:hover {
      opacity: 0.7;
    }

    .scheduled-item p {
      font-size: 14px; 
      line-height: 1.4; 
      margin: 0.5rem 0;
      padding:0 0.5rem;
    }