台西聚鮮
636 雲林縣台西鄉中央路76之12號
/* 基礎設定 */
body {
font-family: '微軟正黑體', 'Microsoft JhengHei', Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f7f7f7; /* 淺灰背景 */
color: #333;
line-height: 1.6;
}
.page-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
/* 區塊一：榮耀宣告 (置頂) */
.honor-section {
background-color: #ffffff;
padding: 30px 20px 40px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
border-top: 8px solid #FFD700; /* 榮耀金線 */
}
.honor-title {
font-size: 2.5em;
color: #D35400; /* 橘紅色 */
text-align: center;
margin-bottom: 10px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.main-product-highlight {
font-size: 1.8em;
color: #1E40AF; /* 深藍色 */
font-weight: bold;
margin-top: 15px;
}
.info-text {
text-align: center;
font-size: 1.2em;
margin: 15px 0;
color: #555;
}
.commitment {
font-size: 1.3em;
font-weight: bold;
color: #16A085; /* 綠色承諾 */
padding: 15px 0;
border-top: 1px dashed #ddd;
margin-top: 20px;
}
/* 購買按鈕 (立體效果) */
.buy-button {
display: inline-block;
margin-top: 25px;
padding: 12px 30px;
background-color: #FFC300; /* 金色背景 */
color: #1E40AF; /* 深藍文字 */
font-size: 1.5em;
font-weight: 900;
border-radius: 50px;
text-decoration: none;
box-shadow: 0 6px 0 #EAB500, 0 8px 15px rgba(0, 0, 0, 0.2); /* 底部陰影製造立體感 */
transition: transform 0.1s, box-shadow 0.1s;
}
.buy-button:hover {
background-color: #FFD700;
transform: translateY(-2px);
box-shadow: 0 8px 0 #EAB500, 0 10px 20px rgba(0, 0, 0, 0.3);
}
.buy-button:active {
transform: translateY(4px);
box-shadow: 0 2px 0 #EAB500, 0 4px 10px rgba(0, 0, 0, 0.2);
}
/* 區塊二：內容展示 (影片/照片) */
.content-display-section {
padding: 30px 0;
}
.section-heading {
font-size: 2em;
color: #007bff; /* 藍色標題 */
border-left: 5px solid #FFC300;
padding-left: 15px;
margin-bottom: 25px;
font-weight: bold;
}
.grid-layout {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.video-column {
flex: 1 1 300px; /* 最小寬度 300px */
background-color: #ffffff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
align-items: center;
}
.photo-column {
flex: 2 1 600px; /* 最小寬度 600px，佔較大比例 */
background-color: #ffffff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
/* 影片樣式 */
.video-wrapper {
width: 100%;
max-width: 300px;
margin-bottom: 15px;
}
.video-wrapper iframe {
display: block;
width: 100%;
border-radius: 8px;
min-height: 400px; /* 確保在小螢幕上有足夠高度 */
}
/* 圖片網格 */
.photo-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 10px;
}
.photo-item {
aspect-ratio: 4 / 3; /* 統一圖片比例 */
background-color: #eee;
border-radius: 6px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
color: #999;
font-size: 0.9em;
border: 2px solid transparent;
transition: border 0.3s, transform 0.3s;
}
.photo-item:hover {
border-color: #007bff;
transform: scale(1.03);
}
.photo-item img {
/* 為了使用佔位符，這裡不用 object-cover。實際使用時請替換為 object-cover */
width: 100%;
height: 100%;
object-fit: cover;
}
/* 新增：直立圖片旋轉 class */
.photo-item img.rotate-90 {
transform: rotate(90deg);
/* 調整寬高以避免旋轉後裁切太多，可能需要進一步根據實際圖片調整 */
width: auto;
height: 100%;
max-width: initial;
}
/* 區塊三：結語與合作 */
.footer-section {
background-color: #e9ecef;
padding: 20px;
border-radius: 10px;
text-align: center;
margin-top: 30px;
border-top: 3px solid #1E40AF;
}
.footer-section strong {
color: #D35400;
}
恭喜
台西聚鮮【產銷履歷冠軍文蛤禮盒】
榮獲【2025 海宴水產精品獎】！
感謝漁業署大家長 #王茂城署長 蒞臨祝賀，以及所有評審們的肯定與支持。
✨ 我們堅持從 **共生養殖** 到 **無藥物添加**，守護食用安全，讓台西文蛤在舌尖上展現 **文化與美味** 的完美結合。
立即選購冠軍文蛤
頒獎典禮精彩片段與現場花絮
頒獎典禮精華影片
（影片來源：Facebook Reel）
️ 現場照片花絮一覽
✨ 拾一珍饌・漁你共享活動圓滿成功，展示了臺灣水產的新風貌。
這份榮耀，我們與 #高科大漁業輔導團隊 共享！
未來，台西聚鮮 也會繼續堅守初心，帶給大家最在地、最用心的台西海鮮。❤️
https://www.xn--kpro74hwzfb2s.tw/hot_525845.html
20250927--恭喜台西聚鮮的【產銷履歷冠軍文蛤禮盒】，榮耀【2025 海宴水產精品獎】
2025-11-16
2026-11-16
台西聚鮮
636 雲林縣台西鄉中央路76之12號
https://www.xn--kpro74hwzfb2s.tw/hot_525845.html
台西聚鮮
636 雲林縣台西鄉中央路76之12號
https://www.xn--kpro74hwzfb2s.tw/hot_525845.html
https://schema.org/EventMovedOnline
https://schema.org/OfflineEventAttendanceMode
2025-11-16
http://schema.org/InStock
TWD
0
https://www.xn--kpro74hwzfb2s.tw/hot_525845.html
中秋節
台西聚鮮
【隨拍即上】用手機就能掌握資訊！
