﻿/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 27 2025 | 06:42:51 */
.btn li{
	display: inline-block;
	padding: 10px 20px;
	margin: 5px;
	background-color: #2872fa;
	cursor: pointer;
	border-radius: 3px;
	transition: background 0.3s;
}
.btn li:hover {
	background-color: #1559ed;
}
.btn a{
	color: #fff
}
.article li{
	margin:10px 0;
}
details {
	margin:10px !important;
}

details[open] summary {
	background: #E7B11A; /* 展開時改為金黃色 */
	color: #0A1A2F;      /* 深藍字色，與背景反差明顯 */
}

.wp-block-details summary {
	background-color: #0A1A2F; /* 關閉狀態深藍底 */
	color: #FFFFFF;           /* 白字提升對比 */
	padding: 10px;
	margin:0 !important;
}

/* 圖示外框：讓它能置中並給固定尺寸 */
#wp-bottom-menu .wp-bottom-menu-item .wp-bottom-menu-icon-wrapper{
  width: 30px;                    /* 外框寬高可微調 */
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2px;             /* 圖示與文字間距 */
}

/* 用 ::before 放 webp 圖 */
#wp-bottom-menu .wp-bottom-menu-item .wp-bottom-menu-icon-wrapper::before{
  content: "";
  display: block;
  width: 26px;                    /* 實際 icon 尺寸 */
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#wp-bottom-menu > a.wp-bottom-menu-item:nth-of-type(1) .wp-bottom-menu-icon-wrapper::before{
  background-image: url('/wp-content/uploads/2025/10/2974700.webp');
}
#wp-bottom-menu > a.wp-bottom-menu-item:nth-of-type(2) .wp-bottom-menu-icon-wrapper::before{
  background-image: url('/wp-content/uploads/2025/10/33736.webp');
}
#wp-bottom-menu > a.wp-bottom-menu-item:nth-of-type(3) .wp-bottom-menu-icon-wrapper::before{
  background-image: url('/wp-content/uploads/2025/10/3463493.webp');
}
#wp-bottom-menu > a.wp-bottom-menu-item:nth-of-type(4) .wp-bottom-menu-icon-wrapper::before{
  background-image: url('/wp-content/uploads/2025/10/4256662.webp');
}
