.tab-content {
  min-height: 100vh; /* 最小高度為「整個螢幕高度」 */
  padding-top: 60px;
  padding-bottom: 60px;
}

 /* 大按鈕樣式 */
  .tab-button {
    background-color: #e0e0e0; /* 淡灰色 */
    color: #333;
    border: none;
    padding: 16px 32px; /* 按鈕內距更大 → 更大按鈕 */
    font-size: 20px; /* 字變大 */
    margin: 0 10px 10px 10px;
    border-radius: 12px; /* 圓角更圓滑 */
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .tab-button:hover {
    background-color: #888888; /* 滑鼠懸停變深灰 */
    color: white;
  }

  .tab-button:focus {
    outline: none;
  }

  /* 分鏡箭頭 */
  .storyboard-arrow {
    background-color: rgba(0, 0, 0, 0.5); /* 黑色半透明 */
    color: white;
    border: none;
    width: 60px;
    height: 60px;
    border-radius: 50%; /* 圓形按鈕 */
    font-size: 28px; /* 字變大 */
    font-family: 'Arial', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  }

  .storyboard-arrow:hover {
    background-color: rgba(0, 0, 0, 0.7); /* 懸停變深 */
    transform: scale(1.1); /* 放大一點 */
    box-shadow: 0 4px 12px rgba(0,0,0,0.4); /* 陰影加強 */
  }

  @media (max-width: 768px) {
    #storyboardTab {
      display: block !important;
      max-width: 90% !important;
      margin: 20px auto !important;
      position: relative !important;
    }

    #storyboardImage {
      max-width: 100% !important;
      width: 100% !important;
      height: auto !important;
      border-radius: 15px !important;
      box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
      display: inline-block !important;
    }

    /* 調整左右箭頭位置 */
    .storyboard-arrow {
      width: 40px;
      height: 40px;
      font-size: 20px;
      position: relative !important;
      left: 0 !important;
      right: 0 !important;
      margin: 10px;
    }
  }