.ast-custom-button {
    display: none !important;
}
/*選單按鈕隱藏*/


/*隱藏作者*/
.entry-meta {
    display: none !important;
}

.ast-archive-entry-banner{
    display: none !important;
}


/* 容器：包住圖片+文字 + 動畫邊線 */
.fx-card{
  position: relative;
  display: inline-block;
  padding: 25px 30px;       /* 四邊距離內容 */
  text-align: center;
  box-sizing: border-box;
  transition: transform 0.3s ease; /* 平滑過渡容器效果 */
}

/* 內容排版 */
.fx-img{
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  transition: box-shadow 0.3s ease; /* 圖片陰影過渡 */
}

/* 滑過圖片時陰影 */
.fx-card:hover .fx-img{
  box-shadow: 0 10px 20px rgba(0,0,0,0.5);
}

.fx-title{
  margin-top: 20px;        /* 圖片與文字間距 */
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}

/* 四邊線條 */
.fx-line{
  position: absolute;
  background-color: #377A00;
  pointer-events: none;
  transition: background-color 0.3s ease; /* 線條變色平滑過渡 */
}

/* 左右上下線條粗細一致 */
.fx-l1{ width:1px; left:0; bottom:0; height:100%; }
.fx-l2{ height:1px; left:0; top:0; width:100%; }
.fx-l3{ width:1px; right:0; top:0; height:100%; }
.fx-l4{ height:1px; right:0; bottom:0; width:100%; }

/* 動畫 keyframes */
@keyframes fx-move1{
  0%{ height:100%; bottom:0; }
  54%{ height:0; bottom:100%; }
  55%{ height:0; bottom:0; }
  100%{ height:100%; bottom:0; }
}
@keyframes fx-move2{
  0%{ width:0; left:0; }
  50%{ width:100%; left:0; }
  100%{ width:0; left:100%; }
}
@keyframes fx-move3{
  0%{ height:100%; top:0; }
  54%{ height:0; top:100%; }
  55%{ height:0; top:0; }
  100%{ height:100%; top:0; }
}
@keyframes fx-move4{
  0%{ width:0; right:0; }
  55%{ width:100%; right:0; }
  100%{ width:0; right:100%; }
}

/* 四條線條動畫：一直播放 */
.fx-card .fx-l1{ animation: fx-move1 1500ms infinite ease; }
.fx-card .fx-l2{ animation: fx-move2 1500ms infinite ease; }
.fx-card .fx-l3{ animation: fx-move3 1500ms infinite ease; }
.fx-card .fx-l4{ animation: fx-move4 1500ms infinite ease; }

/* 滑過線條變色 */
.fx-card:hover .fx-line{
  background-color: #FFD700;
}



/* 初始狀態 */
.wp-block-uagb-container.uagb-block-sshqf9cf,
.wp-block-uagb-container.uagb-block-fe9d4f84,
.wp-block-uagb-container.uagb-block-ojcjgx20,
.wp-block-uagb-container.uagb-block-vxd1xmqi,
.wp-block-uagb-container.uagb-block-ovqwufqn,
.wp-block-uagb-container.uagb-block-ke3dxnyj {
    position: relative;
    min-width: 200px;
    background: transparent;
    color: #2F6A00; /* 綠色文字 */
    font-size: 1rem;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    box-sizing: inherit;
    padding: 10px 20px;
    border: 1px solid #2F6A00; /* 綠色邊框 */
    box-shadow: inset 0 0 20px rgba(47, 106, 0, 0); /* 初始陰影透明 */
    outline: 1px solid !important;
    outline-color: rgba(47, 106, 0, 0.5);
    outline-offset: 0px;
    text-shadow: none;
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}

/* 滑鼠懸停狀態 */
.wp-block-uagb-container.uagb-block-sshqf9cf:hover,
.wp-block-uagb-container.uagb-block-fe9d4f84:hover,
.wp-block-uagb-container.uagb-block-ojcjgx20:hover,
.wp-block-uagb-container.uagb-block-vxd1xmqi:hover,
.wp-block-uagb-container.uagb-block-ovqwufqn:hover,
.wp-block-uagb-container.uagb-block-ke3dxnyj:hover {
    color: #2F6A00; /* 綠色文字 */
    border: 1px solid #2F6A00; /* 綠色邊框 */
    box-shadow: inset 0 0 20px rgba(47, 106, 0, 0.5), 0 0 20px rgba(47, 106, 0, 0.2); /* 綠色陰影 */
    outline: 1px solid !important;
    outline-color: rgba(47, 106, 0, 0) !important;
    outline-offset: 15px;
    text-shadow: 1px 1px 2px #427388; /* 可以保留原本文字陰影顏色或換成綠色系 */
}








.ast-post-format-blog-layout-5.ast-article-inner {
    transition: all 0.4s ease;
    border-radius: 12px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.ast-post-format-blog-layout-5.ast-article-inner:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    border: 2px solid #b5e7c1; /* 淡綠色邊框 */
}

.ast-post-format-blog-layout-5.ast-article-inner:hover img {
    transform: scale(1.05);
    filter: brightness(1.05) saturate(1.1);
}

.ast-post-format-blog-layout-5.ast-article-inner img {
    transition: all 0.4s ease;
}

/* 呼吸動畫背景 */
.ast-post-format-blog-layout-5.ast-article-inner:hover {
    animation: softPulse 1.5s infinite alternate;
}

@keyframes softPulse {
    0% { background-color: #ffffff; }
    100% { background-color: #f0fff4; } /* 淡綠色背景 */
}

/* 文章卡片容器，水平排列圖片與文字 */
.ast-post-format-blog-layout-5.ast-article-inner {
    display: flex;              /* Flex 水平排列 */
    flex-direction: row;        /* 圖片在左，文字在右 */
    align-items: center;        /* 垂直置中 */
    gap: 16px;                  /* 圖片與文字間距 */
    transition: all 0.4s ease;
    border-radius: 12px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    padding: 16px;
}

/* 圖片設定 */
.ast-post-format-blog-layout-5.ast-article-inner .post-thumb { /* 注意：選擇器可能需要調整為圖片的直接父層容器 */
    flex-basis: 40%; /* 設定圖片容器的基礎寬度為 40% */
    flex-shrink: 0;  /* 防止圖片容器在空間不足時被過度壓縮 */
}

/* 同時也建議將圖片寬度設為 100% 來填滿其容器 */
.ast-post-format-blog-layout-5.ast-article-inner img {
    width: 100%;
    height: 100%; /* 高度也設為 100% 搭配 object-fit: cover 效果更好 */
    object-fit: cover;
    border-radius: 8px;
    transition: all 0.4s ease;
}

.ast-post-format-blog-layout-5.ast-article-inner.scroll-animate {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    border: 2px solid #b5e7c1;
    animation: softPulse 1.5s infinite alternate;
}

.ast-post-format-blog-layout-5.ast-article-inner.scroll-animate img {
    transform: scale(1.05);
    filter: brightness(1.05) saturate(1.1);
}