中秋盆花01
商品原價
$ 4,388
商品售價
$ 4,188
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<title>JC Florist TAIPEI｜台北花店花禮訂購須知</title>
<meta name="description" content="JC Florist TAIPEI 提供台北花店專業花禮訂購服務，包括開幕盆花、節慶花禮、企業及居家花禮，花材新鮮，設計手作花禮快速配送。">
<meta name="keywords" content="台北花店, 板橋花店, 雙北花店, 花禮訂購, 開幕花禮, 企業花禮, 永生花, 人造花, 花束配送, 居家盆花, 客製化花禮, 當日急件服務">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/* --- 優化後的 CSS 樣式 --- */
body {
font-family: "Noto Sans TC", sans-serif;
background: #f8f8f8;
margin: 0;
padding: 15px;
color: #333;
line-height: 1.6;
}
h1 {
text-align: center;
color: #4B3F72;
padding: 20px 0;
font-size: 1.8em;
}
.accordion {
border-radius: 8px;
margin-bottom: 12px;
overflow: hidden;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
}
/* 標題使用 <button> 提升無障礙性 */
.accordion-header {
/* --- 按鈕樣式重設 --- */
border: none;
width: 100%;
font-family: inherit;
text-align: left;
/* --- 原有樣式 --- */
cursor: pointer;
padding: 18px 20px;
background: #4B3F72;
color: #fff;
font-weight: bold;
display: flex;
justify-content: space-between;
align-items: center;
transition: background 0.3s;
font-size: 1.1em;
position: relative;
}
.accordion-header:hover,
.accordion-header.active {
background: #3a3158;
}
/* 新增切換圖示 */
.accordion-header::after {
content: '+';
font-size: 1.6em;
font-weight: 300;
color: #fff;
transition: transform 0.4s ease;
margin-left: 10px;
}
.accordion-header.active::after {
transform: rotate(45deg);
}
.accordion-header .icon {
margin-right: 6px;
}
/* 改善動畫效能 */
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease-out;
background: #fff;
}
/* 新增 .accordion-body 放置 padding */
.accordion-body {
padding: 15px 20px;
}
.accordion-content ul {
padding-left: 20px;
margin: 0;
}
.accordion-content li {
margin-bottom: 8px;
}
.accordion-content li:last-child {
margin-bottom: 0;
}
.highlight {
color: #d14b4b;
font-weight: bold;
}
.color-block {
background: #f3f3f3;
border-left: 5px solid #4B3F72;
margin: 0;
padding: 12px 15px;
border-radius: 6px;
}
.sublist {
padding-left: 15px;
margin-top: 5px;
}
.bold {
font-weight: bold;
}
</style>
</head>
<body>
<h1>🌿 JC Florist TAIPEI｜花禮訂購須知</h1>
<div class="accordion">
<button type="button" class="accordion-header">
<span>1️⃣ 訂購與出貨時程 <span class="icon">🕒</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li>建議 <span class="highlight">提前 3 天預訂</span>（不含假日），最晚請於送達前 1–2 天下單，確保鮮花新鮮與設計完整。</li>
<li>商品皆無現貨，訂單成立後才開始製作。</li>
<li>先付款後出貨，確認款項後即開始備貨製作，請提前預訂以免延誤。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>2️⃣ 商品參考與成品差異 <span class="icon">📸</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li>商品照片僅供參考，實際花禮依設計師手作及當日進貨花材為主。</li>
<li>成品無法與照片完全一致，介意者請先私訊確認再下單。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>3️⃣ 花材與裝飾品調整 <span class="icon">🌿</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li>花材、花器或裝飾品可能因季節、缺貨或品質不佳而調整。</li>
<li>設計師將以同等風格與品質替換搭配，確保整體美感。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>4️⃣ 訂購溝通 <span class="icon">✏️</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li>下單時請提供具體描述，避免使用「大器」「典雅」等主觀形容詞，以免認知落差。</li>
<li>建議說明色系、用途或偏好風格，如「白玫瑰為主」「粉色調」「開幕花禮」。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>5️⃣ 送花安排 <span class="icon">🚚</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li>花禮將依請柬時間準時送達，並提供拍照回傳確認花況。</li>
<li>請務必提供喜帖或請柬，以便安排送花時間。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>6️⃣ 保存與觀賞期 <span class="icon">🌸</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li><span class="bold">擺放位置：</span>避免陽光直射、冷氣出風口、<span class="highlight">香燭</span>及二手菸。</li>
<li><span class="bold">保持通風：</span>建議放置陰涼通風處。</li>
<li><span class="bold">補水方式：</span>
<ul class="sublist">
<li>盆花：每日檢查水量，保持花藝海綿濕潤</li>
<li>花束：剪短花腳並放入乾淨水中</li>
</ul>
</li>
<li><span class="bold">環境清潔：</span>花葉掉落請及時清理。</li>
<li>最佳觀賞期約 2–3 天（依環境而異），適時照顧可延長花況。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>7️⃣ 品質反應 <span class="icon">⚠️</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li>若收到花禮時對品質有疑慮，請立即聯繫，我們會盡快處理。</li>
<li>鮮花為自然植物，製作後即開始凋謝，隔日或多日反應不作為售後依據。</li>
<li>若希望花朵長期維持，建議選擇<span class="highlight">永生花</span>或<span class="highlight">人造花</span>。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>8️⃣ 大量及企業訂購 <span class="icon">🏢</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li><span class="highlight">大量或企業訂單</span>可享專屬優惠與<span class="highlight">客製化服務</span>。</li>
<li>歡迎來訊洽詢，我們將依需求提供專業建議與報價。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>9️⃣ 分類類別 (高轉換關鍵字) <span class="icon">🎁</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li><span class="bold">節慶贈禮盆花：</span>依節慶主題搭配花色，如春節紅金、中秋橙黃、聖誕紅綠，是絕佳的<span class="highlight">節慶花禮</span>選擇，增添節日氣氛。</li>
<li><span class="bold">喬遷祝賀盆花：</span>結合綠植與長壽花材，象徵新居平安、財源廣進。適合<span class="highlight">喬遷花禮</span>。</li>
<li><span class="bold">戀人告白盆花：</span>浪漫紅粉色系，搭配玫瑰、桔梗或康乃馨，表達真摯愛意。專為<span class="highlight">告白花束</span>或<span class="highlight">情人節花禮</span>設計。</li>
<li><span class="bold">居家佈置盆花：</span>以自然風格或<span class="highlight">永生花</span>、<span class="highlight">人造花</span>為主，適合擺放於客廳、玄關或工作室。</li>
<li><span class="bold">感謝祝福盆花：</span>以典雅色系搭配精緻包裝，是最佳<span class="highlight">教師節贈禮</span>或<span class="highlight">升遷祝賀花禮</span>。</li>
<li><span class="bold">生日祝福盆花：</span>以明亮、溫馨色系為主，如粉紅、橘黃、香檳玫瑰等，最受歡迎的<span class="highlight">生日花束</span>與祝福。</li>
<li><span class="bold">探病慰問盆花：</span>選用清新柔和色彩，象徵康復與希望，是體貼的<span class="highlight">探病花禮</span>，避免濃烈香氣或百合。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>🔟 使用用途建議 (高轉換關鍵字) <span class="icon">🎉</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li><span class="bold">開幕誌慶、公司活動／記者會：</span><span class="highlight">開幕花禮</span>、<span class="highlight">典禮盆花</span>、<span class="highlight">記者會花禮</span></li>
<li><span class="bold">節慶贈禮、喬遷祝賀：</span><span class="highlight">節慶花禮訂購</span>、<span class="highlight">喬遷花禮</span></li>
<li><span class="bold">追思／告別式：</span><span class="highlight">告別式盆花</span>、追思用花</li>
<li><span class="bold">展覽與藝文活動、廟會慶典：</span><span class="highlight">會場佈置花藝</span>、廟會慶典**喜氣盆花**</li>
<li><span class="bold">空間美化、企業贈禮：</span><span class="highlight">商業空間配花</span>、<span class="highlight">公司櫃檯花藝</span>、企業贈禮</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>1️⃣1️⃣ 配送地點須知 <span class="icon">🏠</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li><span class="bold">板橋區：</span>單筆滿 2,000 元免運，自取不適用優惠，付款後立即出貨。（專營<span class="highlight">板橋花店</span>服務）</li>
<li><span class="bold">大台北地區：</span>單筆滿 2,500 元起免運，詳情請洽官方 LINE。（提供<span class="highlight">雙北配送</span>服務）</li>
<li><span class="bold">外縣市配送：</span>專車配送，目前僅提供<span class="highlight">桃園、中壢、基隆市區</span>。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>1️⃣2️⃣ 問與答（Q&A） <span class="icon">❓</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<p class="bold" style="padding-left: 5px; margin-bottom: 10px;">🌿 訂購盆花常見 Q&A</p>
<ul>
<li><span class="bold">Q1：</span>我要怎麼挑選適合的盆花？<br>A：可依「用途」與「對象」挑選。若是開幕、喬遷建議選用鮮豔長形盆花；若是居家、公司擺飾，可選中小型綠植或優雅花材；追思場合則以<span class="highlight">告別式花材</span>為主。</li>
<li><span class="bold">Q2：</span>訂購後多久可以送達？<br>A：一般盆花可於下單後 1～2天內 送達，若為急件或大型活動盆花，可來電洽詢，我們可提供「<span class="highlight">當日急件服務</span>」依地點與時間彈性安排。</li>
<li><span class="bold">Q3：</span>可以指定花材或顏色嗎？<br>A：可以，我們提供「<span class="highlight">客製化花禮服務</span>」，可依喜好或品牌形象調整花色與風格。如遇花材季節性缺貨，會以同等價值花材替代並保持整體風格一致。</li>
<li><span class="bold">Q4：</span>盆花的花材可以維持多久？<br>A：一般花材約可維持 2～3天，若搭配耐放的觀葉植物，花期可延長至兩週以上。</li>
<li><span class="bold">Q5：</span>需要自己澆水嗎？<br>A：若為「鮮花盆花」，基座多為含水海綿，每天少量補水即可。若為「植栽盆花」，建議每2～3天澆一次水，保持土壤微濕。</li>
<li><span class="bold">Q6：</span>可以幫我附上卡片或祝賀詞嗎？<br>A：可以，我們提供卡片服務。可於下單時備註「卡片內容」。</li>
<li><span class="bold">Q7：</span>是否可指定送達時間？<br>A：可於下單時備註「希望送達時段」，我們會依路線與天氣狀況盡力準時配送。</li>
<li><span class="bold">Q8：</span>可以開立發票或收據嗎？<br>A：可以，我們提供免用統編發票，請於下單時備告知即可。</li>
<li><span class="bold">Q9：</span>若要長期訂購或企業配花可以嗎？<br>A：可以，我們有「<span class="highlight">企業花禮合作方案</span>」及「週期配花服務」，可依品牌形象、空間需求設計專屬方案。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>1️⃣3️⃣ 付款方式 <span class="icon">💳</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li><span class="highlight">ATM 轉帳</span>、<span class="highlight">LINE PAY</span> 皆可。</li>
<li>完成付款請提供明細或截圖，方便出貨作業。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>1️⃣4️⃣ 聯絡方式 <span class="icon">📞</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li>電話：(02) 2255-9388</li>
<li>官方 LINE：@jc99（營業時間內小幫手回覆）</li>
</ul>
</div>
</div>
</div>
</div>
<script>
/* --- 優化後的 JavaScript 確保無障礙性和動畫效果 --- */
document.addEventListener("DOMContentLoaded", () => {
const headers = document.querySelectorAll(".accordion-header");
headers.forEach((header, index) => {
const panel = header.nextElementSibling;
// --- 自動設定 ARIA 屬性 (無障礙) ---
const headerId = `acc-header-${index}`;
const panelId = `acc-content-${index}`;
header.id = headerId;
header.setAttribute("aria-controls", panelId);
header.setAttribute("aria-expanded", "false");
panel.id = panelId;
panel.setAttribute("role", "region");
panel.setAttribute("aria-labelledby", headerId);
// ---------------------------------
header.addEventListener("click", function() {
// 切換 active class
this.classList.toggle("active");
// 檢查目前是否為 active
const isActive = this.classList.contains("active");
// 更新 ARIA 狀態
this.setAttribute("aria-expanded", isActive);
// 切換面板
if (isActive) {
// 打開: 設定 maxHeight 為內容的實際高度
panel.style.maxHeight = panel.scrollHeight + "px";
} else {
// 關閉: 設回 null
panel.style.maxHeight = null;
}
});
});
});
</script>
</body>
</html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<title>JC Florist TAIPEI｜台北花店花禮訂購須知</title>
<meta name="description" content="JC Florist TAIPEI 提供台北花店專業花禮訂購服務，包括開幕盆花、節慶花禮、企業及居家花禮，花材新鮮，設計手作花禮快速配送。">
<meta name="keywords" content="台北花店, 板橋花店, 雙北花店, 花禮訂購, 開幕花禮, 企業花禮, 永生花, 人造花, 花束配送, 居家盆花, 客製化花禮, 當日急件服務">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/* --- 優化後的 CSS 樣式 --- */
body {
font-family: "Noto Sans TC", sans-serif;
background: #f8f8f8;
margin: 0;
padding: 15px;
color: #333;
line-height: 1.6;
}
h1 {
text-align: center;
color: #4B3F72;
padding: 20px 0;
font-size: 1.8em;
}
.accordion {
border-radius: 8px;
margin-bottom: 12px;
overflow: hidden;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
}
/* 標題使用 <button> 提升無障礙性 */
.accordion-header {
/* --- 按鈕樣式重設 --- */
border: none;
width: 100%;
font-family: inherit;
text-align: left;
/* --- 原有樣式 --- */
cursor: pointer;
padding: 18px 20px;
background: #4B3F72;
color: #fff;
font-weight: bold;
display: flex;
justify-content: space-between;
align-items: center;
transition: background 0.3s;
font-size: 1.1em;
position: relative;
}
.accordion-header:hover,
.accordion-header.active {
background: #3a3158;
}
/* 新增切換圖示 */
.accordion-header::after {
content: '+';
font-size: 1.6em;
font-weight: 300;
color: #fff;
transition: transform 0.4s ease;
margin-left: 10px;
}
.accordion-header.active::after {
transform: rotate(45deg);
}
.accordion-header .icon {
margin-right: 6px;
}
/* 改善動畫效能 */
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease-out;
background: #fff;
}
/* 新增 .accordion-body 放置 padding */
.accordion-body {
padding: 15px 20px;
}
.accordion-content ul {
padding-left: 20px;
margin: 0;
}
.accordion-content li {
margin-bottom: 8px;
}
.accordion-content li:last-child {
margin-bottom: 0;
}
.highlight {
color: #d14b4b;
font-weight: bold;
}
.color-block {
background: #f3f3f3;
border-left: 5px solid #4B3F72;
margin: 0;
padding: 12px 15px;
border-radius: 6px;
}
.sublist {
padding-left: 15px;
margin-top: 5px;
}
.bold {
font-weight: bold;
}
</style>
</head>
<body>
<h1>🌿 JC Florist TAIPEI｜花禮訂購須知</h1>
<div class="accordion">
<button type="button" class="accordion-header">
<span>1️⃣ 訂購與出貨時程 <span class="icon">🕒</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li>建議 <span class="highlight">提前 3 天預訂</span>（不含假日），最晚請於送達前 1–2 天下單，確保鮮花新鮮與設計完整。</li>
<li>商品皆無現貨，訂單成立後才開始製作。</li>
<li>先付款後出貨，確認款項後即開始備貨製作，請提前預訂以免延誤。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>2️⃣ 商品參考與成品差異 <span class="icon">📸</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li>商品照片僅供參考，實際花禮依設計師手作及當日進貨花材為主。</li>
<li>成品無法與照片完全一致，介意者請先私訊確認再下單。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>3️⃣ 花材與裝飾品調整 <span class="icon">🌿</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li>花材、花器或裝飾品可能因季節、缺貨或品質不佳而調整。</li>
<li>設計師將以同等風格與品質替換搭配，確保整體美感。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>4️⃣ 訂購溝通 <span class="icon">✏️</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li>下單時請提供具體描述，避免使用「大器」「典雅」等主觀形容詞，以免認知落差。</li>
<li>建議說明色系、用途或偏好風格，如「白玫瑰為主」「粉色調」「開幕花禮」。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>5️⃣ 送花安排 <span class="icon">🚚</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li>花禮將依請柬時間準時送達，並提供拍照回傳確認花況。</li>
<li>請務必提供喜帖或請柬，以便安排送花時間。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>6️⃣ 保存與觀賞期 <span class="icon">🌸</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li><span class="bold">擺放位置：</span>避免陽光直射、冷氣出風口、<span class="highlight">香燭</span>及二手菸。</li>
<li><span class="bold">保持通風：</span>建議放置陰涼通風處。</li>
<li><span class="bold">補水方式：</span>
<ul class="sublist">
<li>盆花：每日檢查水量，保持花藝海綿濕潤</li>
<li>花束：剪短花腳並放入乾淨水中</li>
</ul>
</li>
<li><span class="bold">環境清潔：</span>花葉掉落請及時清理。</li>
<li>最佳觀賞期約 2–3 天（依環境而異），適時照顧可延長花況。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>7️⃣ 品質反應 <span class="icon">⚠️</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li>若收到花禮時對品質有疑慮，請立即聯繫，我們會盡快處理。</li>
<li>鮮花為自然植物，製作後即開始凋謝，隔日或多日反應不作為售後依據。</li>
<li>若希望花朵長期維持，建議選擇<span class="highlight">永生花</span>或<span class="highlight">人造花</span>。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>8️⃣ 大量及企業訂購 <span class="icon">🏢</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li><span class="highlight">大量或企業訂單</span>可享專屬優惠與<span class="highlight">客製化服務</span>。</li>
<li>歡迎來訊洽詢，我們將依需求提供專業建議與報價。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>9️⃣ 分類類別 (高轉換關鍵字) <span class="icon">🎁</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li><span class="bold">節慶贈禮盆花：</span>依節慶主題搭配花色，如春節紅金、中秋橙黃、聖誕紅綠，是絕佳的<span class="highlight">節慶花禮</span>選擇，增添節日氣氛。</li>
<li><span class="bold">喬遷祝賀盆花：</span>結合綠植與長壽花材，象徵新居平安、財源廣進。適合<span class="highlight">喬遷花禮</span>。</li>
<li><span class="bold">戀人告白盆花：</span>浪漫紅粉色系，搭配玫瑰、桔梗或康乃馨，表達真摯愛意。專為<span class="highlight">告白花束</span>或<span class="highlight">情人節花禮</span>設計。</li>
<li><span class="bold">居家佈置盆花：</span>以自然風格或<span class="highlight">永生花</span>、<span class="highlight">人造花</span>為主，適合擺放於客廳、玄關或工作室。</li>
<li><span class="bold">感謝祝福盆花：</span>以典雅色系搭配精緻包裝，是最佳<span class="highlight">教師節贈禮</span>或<span class="highlight">升遷祝賀花禮</span>。</li>
<li><span class="bold">生日祝福盆花：</span>以明亮、溫馨色系為主，如粉紅、橘黃、香檳玫瑰等，最受歡迎的<span class="highlight">生日花束</span>與祝福。</li>
<li><span class="bold">探病慰問盆花：</span>選用清新柔和色彩，象徵康復與希望，是體貼的<span class="highlight">探病花禮</span>，避免濃烈香氣或百合。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>🔟 使用用途建議 (高轉換關鍵字) <span class="icon">🎉</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li><span class="bold">開幕誌慶、公司活動／記者會：</span><span class="highlight">開幕花禮</span>、<span class="highlight">典禮盆花</span>、<span class="highlight">記者會花禮</span></li>
<li><span class="bold">節慶贈禮、喬遷祝賀：</span><span class="highlight">節慶花禮訂購</span>、<span class="highlight">喬遷花禮</span></li>
<li><span class="bold">追思／告別式：</span><span class="highlight">告別式盆花</span>、追思用花</li>
<li><span class="bold">展覽與藝文活動、廟會慶典：</span><span class="highlight">會場佈置花藝</span>、廟會慶典**喜氣盆花**</li>
<li><span class="bold">空間美化、企業贈禮：</span><span class="highlight">商業空間配花</span>、<span class="highlight">公司櫃檯花藝</span>、企業贈禮</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>1️⃣1️⃣ 配送地點須知 <span class="icon">🏠</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li><span class="bold">板橋區：</span>單筆滿 2,000 元免運，自取不適用優惠，付款後立即出貨。（專營<span class="highlight">板橋花店</span>服務）</li>
<li><span class="bold">大台北地區：</span>單筆滿 2,500 元起免運，詳情請洽官方 LINE。（提供<span class="highlight">雙北配送</span>服務）</li>
<li><span class="bold">外縣市配送：</span>專車配送，目前僅提供<span class="highlight">桃園、中壢、基隆市區</span>。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>1️⃣2️⃣ 問與答（Q&A） <span class="icon">❓</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<p class="bold" style="padding-left: 5px; margin-bottom: 10px;">🌿 訂購盆花常見 Q&A</p>
<ul>
<li><span class="bold">Q1：</span>我要怎麼挑選適合的盆花？<br>A：可依「用途」與「對象」挑選。若是開幕、喬遷建議選用鮮豔長形盆花；若是居家、公司擺飾，可選中小型綠植或優雅花材；追思場合則以<span class="highlight">告別式花材</span>為主。</li>
<li><span class="bold">Q2：</span>訂購後多久可以送達？<br>A：一般盆花可於下單後 1～2天內 送達，若為急件或大型活動盆花，可來電洽詢，我們可提供「<span class="highlight">當日急件服務</span>」依地點與時間彈性安排。</li>
<li><span class="bold">Q3：</span>可以指定花材或顏色嗎？<br>A：可以，我們提供「<span class="highlight">客製化花禮服務</span>」，可依喜好或品牌形象調整花色與風格。如遇花材季節性缺貨，會以同等價值花材替代並保持整體風格一致。</li>
<li><span class="bold">Q4：</span>盆花的花材可以維持多久？<br>A：一般花材約可維持 2～3天，若搭配耐放的觀葉植物，花期可延長至兩週以上。</li>
<li><span class="bold">Q5：</span>需要自己澆水嗎？<br>A：若為「鮮花盆花」，基座多為含水海綿，每天少量補水即可。若為「植栽盆花」，建議每2～3天澆一次水，保持土壤微濕。</li>
<li><span class="bold">Q6：</span>可以幫我附上卡片或祝賀詞嗎？<br>A：可以，我們提供卡片服務。可於下單時備註「卡片內容」。</li>
<li><span class="bold">Q7：</span>是否可指定送達時間？<br>A：可於下單時備註「希望送達時段」，我們會依路線與天氣狀況盡力準時配送。</li>
<li><span class="bold">Q8：</span>可以開立發票或收據嗎？<br>A：可以，我們提供免用統編發票，請於下單時備告知即可。</li>
<li><span class="bold">Q9：</span>若要長期訂購或企業配花可以嗎？<br>A：可以，我們有「<span class="highlight">企業花禮合作方案</span>」及「週期配花服務」，可依品牌形象、空間需求設計專屬方案。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>1️⃣3️⃣ 付款方式 <span class="icon">💳</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li><span class="highlight">ATM 轉帳</span>、<span class="highlight">LINE PAY</span> 皆可。</li>
<li>完成付款請提供明細或截圖，方便出貨作業。</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion">
<button type="button" class="accordion-header">
<span>1️⃣4️⃣ 聯絡方式 <span class="icon">📞</span></span>
</button>
<div class="accordion-content">
<div class="accordion-body">
<div class="color-block">
<ul>
<li>電話：(02) 2255-9388</li>
<li>官方 LINE：@jc99（營業時間內小幫手回覆）</li>
</ul>
</div>
</div>
</div>
</div>
<script>
/* --- 優化後的 JavaScript 確保無障礙性和動畫效果 --- */
document.addEventListener("DOMContentLoaded", () => {
const headers = document.querySelectorAll(".accordion-header");
headers.forEach((header, index) => {
const panel = header.nextElementSibling;
// --- 自動設定 ARIA 屬性 (無障礙) ---
const headerId = `acc-header-${index}`;
const panelId = `acc-content-${index}`;
header.id = headerId;
header.setAttribute("aria-controls", panelId);
header.setAttribute("aria-expanded", "false");
panel.id = panelId;
panel.setAttribute("role", "region");
panel.setAttribute("aria-labelledby", headerId);
// ---------------------------------
header.addEventListener("click", function() {
// 切換 active class
this.classList.toggle("active");
// 檢查目前是否為 active
const isActive = this.classList.contains("active");
// 更新 ARIA 狀態
this.setAttribute("aria-expanded", isActive);
// 切換面板
if (isActive) {
// 打開: 設定 maxHeight 為內容的實際高度
panel.style.maxHeight = panel.scrollHeight + "px";
} else {
// 關閉: 設回 null
panel.style.maxHeight = null;
}
});
});
});
</script>
</body>
</html>
.png)
@jc99