https://www.formaveil.com/custom_140319.html
美肌霧蓮蓬頭
美肌霧蓮蓬頭
/* --- 極境嚴選：單品頁專用 CSS (視覺優化 + 圖片整合版) --- */
.product-landing-section {
font-family: 'Microsoft JhengHei', sans-serif;
background-color: #fdfdfb;
color: #333;
width: 100%;
box-sizing: border-box;
padding-bottom: 100px;
}
.container {
max-width: 1100px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
/* 1. 頂部商品卡 (購買區) */
.product-hero {
display: flex;
gap: 50px;
margin-top: 60px;
margin-bottom: 80px;
align-items: flex-start;
flex-wrap: wrap;
}
/* 左側主圖 */
.hero-gallery {
flex: 1;
min-width: 350px;
background: #fff;
padding: 20px;
border: 1px solid #eee;
display: flex;
align-items: center;
justify-content: center;
position: relative;
box-sizing: border-box;
}
.hero-main-img {
width: 100%;
max-width: 500px;
height: auto;
display: block;
object-fit: contain;
}
/* 專利標章 */
.hero-badge {
position: absolute;
top: 20px;
left: 20px;
background: #0055a4;
color: #fff;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-family: Arial, sans-serif;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
z-index: 2;
}
/* 右側資訊 */
.hero-info {
flex: 1;
min-width: 350px;
padding-top: 20px;
box-sizing: border-box;
}
.product-tag {
display: inline-block;
background-color: #c5a059;
color: #fff;
font-size: 12px;
padding: 4px 8px;
letter-spacing: 1px;
margin-bottom: 15px;
}
.product-title {
font-size: 32px;
line-height: 1.4;
margin-bottom: 10px;
font-weight: 500;
color: #222;
word-wrap: break-word;
}
.product-subtitle {
font-size: 18px;
color: #888;
margin-bottom: 20px;
font-weight: 400;
font-family: serif;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
line-height: 1.5;
}
.product-features-highlight {
background-color: #f9f9f9;
padding: 20px;
border-left: 4px solid #c5a059;
margin-bottom: 30px;
font-size: 15px;
line-height: 1.8;
color: #555;
text-align: justify;
}
.product-price {
font-size: 32px;
color: #c5a059;
font-weight: bold;
font-family: 'Times New Roman', serif;
margin-bottom: 30px;
display: flex;
align-items: baseline;
}
.product-price small {
font-size: 16px;
color: #999;
font-weight: normal;
margin-right: 5px;
}
/* 購買按鈕組 */
.btn-buy {
display: block;
width: 100%;
background-color: #333;
color: #fff;
text-align: center;
padding: 18px 0;
text-decoration: none;
font-size: 16px;
letter-spacing: 2px;
transition: 0.3s;
border-radius: 2px;
font-weight: bold;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
box-sizing: border-box;
}
.btn-buy:hover {
background-color: #c5a059;
transform: translateY(-2px);
}
/* --- 內容區塊標題 --- */
.section-title {
text-align: center;
font-size: 26px;
letter-spacing: 3px;
margin-bottom: 50px;
color: #333;
position: relative;
padding-top: 60px;
border-top: 1px solid #eee;
}
.section-title::after {
content: '';
display: block;
width: 40px;
height: 3px;
background-color: #c5a059;
margin: 15px auto 0;
}
/* 2. 四大特色示意圖 (視覺化區塊 - 精品圖示版) */
.visual-features {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin-bottom: 60px;
}
.feature-visual-card {
background: #fff;
border: 1px solid #eee;
padding: 35px 30px;
display: flex;
align-items: flex-start;
transition: all 0.3s;
position: relative;
overflow: hidden;
box-sizing: border-box;
}
/* 懸浮時 */
.feature-visual-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(0,0,0,0.08);
border-color: #c5a059;
}
/* ICON 容器 */
.v-icon-box {
width: 60px;
height: 60px;
margin-right: 25px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(197, 160, 89, 0.08);
border: 1px solid rgba(197, 160, 89, 0.3);
border-radius: 50%;
}
/* SVG 圖示設定 */
.v-icon-box svg {
width: 32px;
height: 32px;
stroke: #c5a059;
stroke-width: 1.2;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
}
.v-content {
flex: 1;
min-width: 0;
}
.v-content h3 {
font-size: 20px;
color: #222;
margin-bottom: 12px;
font-weight: bold;
letter-spacing: 1px;
}
.v-content p {
font-size: 14px;
color: #666;
line-height: 1.7;
margin: 0;
text-align: justify;
word-wrap: break-word;
}
/* 3. 沉浸式圖集 (照片牆) */
.product-gallery-grid {
display: grid;
grid-template-columns: repeat(2, 1fr); /* 兩欄 */
gap: 20px;
margin-bottom: 60px;
}
.gallery-item {
width: 100%;
overflow: hidden;
border-radius: 4px;
}
.gallery-item img {
width: 100%;
height: auto;
display: block;
transition: transform 0.5s ease;
}
.gallery-item:hover img {
transform: scale(1.05);
}
/* 全寬圖片 */
.gallery-item.full-width {
grid-column: 1 / -1;
}
/* 4. 技術與規格 */
.tech-box {
background-color: #fff;
padding: 40px;
border: 1px solid #eee;
box-shadow: 0 5px 20px rgba(0,0,0,0.02);
margin-bottom: 60px;
box-sizing: border-box;
}
.tech-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.tech-item h3 {
color: #333;
font-size: 18px;
margin-bottom: 10px;
border-left: 3px solid #c5a059;
padding-left: 10px;
}
.tech-item p {
font-size: 14px;
color: #666;
line-height: 1.6;
margin-left: 13px;
text-align: justify;
word-wrap: break-word;
}
/* 5. 規格表 */
.specs-table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
background: #fff;
table-layout: fixed;
}
.specs-table th, .specs-table td {
padding: 15px;
border: 1px solid #eee;
font-size: 15px;
word-wrap: break-word;
}
.specs-table th {
width: 30%;
background-color: #f9f9f9;
color: #333;
font-weight: bold;
text-align: left;
}
.specs-table td { color: #666; }
/* RWD */
@media (max-width: 768px) {
.product-hero { flex-direction: column; gap: 30px; margin-top: 20px; }
.hero-gallery { min-width: 0; width: 100%; }
.hero-info { min-width: 0; width: 100%; padding-top: 0; }
.product-title { font-size: 26px; }
.tech-grid { grid-template-columns: 1fr; }
.visual-features { grid-template-columns: 1fr; gap: 20px; }
.product-gallery-grid { grid-template-columns: 1fr; } /* 手機版照片變單欄 */
.section-title { font-size: 24px; padding-top: 40px; margin-bottom: 30px; }
.feature-visual-card {
padding: 25px 20px;
flex-direction: column;
align-items: center;
text-align: center;
}
.v-icon-box {
width: 50px; height: 50px; margin-right: 0; margin-bottom: 15px;
}
.v-icon-box svg { width: 26px; height: 26px; }
.v-content p { text-align: center; }
.tech-box { padding: 25px 20px; }
}
NSF
極境嚴選
美肌霧・奈米銀備長炭美容機能蓮蓬頭
NSF 認證｜專利技術｜無氯呵護
獲世界發明專利的特殊奈米銀植入技術，有效抑制 650 種細菌、病菌。過濾去除水中氯氣、重金屬與異味，備長炭釋放遠紅外線，讓水分子更細小圓潤，在家享受頂級 SPA。
NT$ 2,500
LINE 立即訂購
* 確認訂單後，專人將提供匯款資訊並安排出貨
極致沐浴體驗
滋潤護髮
減少氯氣對頭髮毛鱗片的傷害，獨特抑菌配方，讓秀髮洗後更加柔順亮麗，減少乾澀糾結。
美容美膚
無氯之水可緩解肌膚乾燥與發癢症狀。長期使用，能幫助肌膚恢復潔淨保濕，觸感細緻光滑。
呵護全家
避免餘氯高溫揮發對呼吸道的潛在傷害，給予嬰幼兒及敏感肌膚家人最純淨、最安心的洗澡水。
保護肌膚
採用不鏽鋼面盤與高級 PC 材質，有效抑制細菌滋生。過濾有害物質，為肌膚建立第一道健康防線。
細節鑑賞
核心淨水科技
專利 奈米銀備長炭
釋放豐富礦物質，放射遠紅外線，使水分子更細小，水質更圓潤。有效抑制細菌、過濾重金屬（銅、鉛、汞、砷）及農藥。
除氯陶瓷
快速有效濾除自來水中的餘氯，避免氯和水中有機物反應，產生致癌的三鹵甲烷。
遠紅外線晶礦
天然負離子礦物原石經高溫燒結碳化而成，促使水分子活化振盪，有助於皮膚深層清潔。
負離子晶礦
產生如森林瀑布般的負離子水，讓肌膚更光滑細緻。
產品規格
產品尺寸
高 23cm / 寬 8cm / 深 6cm
主要材質
高級聚碳酸酯 (PC)、ABS 塑膠、不鏽鋼面盤
工作溫度
5 ~ 70°C (耐高溫無毒性)
濾心內容
奈米銀備長炭、除氯陶瓷、遠紅外線晶礦、負離子晶礦
安裝方式
1. 左旋取下蓮蓬頭銀色圓形外蓋2. 取出舊濾芯，置入新濾芯3. 將外蓋旋緊即可使用
給家人最純淨的沐浴時光
LINE 聯絡購買
https://www.formaveil.com/custom_140309.html
極境嚴選推薦
極境嚴選推薦
/* --- 極境嚴選：目錄頁專用 CSS --- */
.catalog-section {
font-family: 'Microsoft JhengHei', sans-serif;
background-color: #fdfdfb;
color: #333;
width: 100%;
box-sizing: border-box;
padding: 80px 20px 120px 20px;
}
/* 標題區 */
.catalog-header {
text-align: center;
margin-bottom: 60px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.catalog-title {
font-size: 32px;
letter-spacing: 5px;
margin-bottom: 10px;
font-weight: 400;
color: #333;
}
.catalog-subtitle {
color: #c5a059;
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
display: block;
margin-bottom: 20px;
font-weight: bold;
}
.catalog-divider {
width: 60px;
height: 3px;
background-color: #c5a059;
margin: 0 auto;
}
/* 介紹文案設定 */
.catalog-intro {
margin-top: 30px;
color: #666;
line-height: 2;
font-size: 15px;
}
/* 手機專用換行設定 */
.mobile-br {
display: none;
}
.keep-line {
display: inline-block;
white-space: nowrap;
}
/* 商品列表網格 */
.catalog-grid {
display: flex;
flex-wrap: wrap;
max-width: 1100px;
margin: 0 auto;
gap: 30px;
justify-content: flex-start;
}
/* 商品卡片 */
.product-item {
/* 電腦版一排 3 個 */
width: calc(33.333% - 20px);
min-width: 300px;
background: #fff;
border: 1px solid #eee;
transition: all 0.3s ease;
position: relative;
text-decoration: none;
display: flex;
flex-direction: column;
/* ★ 修正：強制滑鼠變成手指，並提高層級確保可點擊 ★ */
cursor: pointer;
z-index: 10;
}
.product-item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.08);
border-color: #c5a059;
}
/* 圖片區 - 正方形 1:1 比例 */
.p-img-box {
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
overflow: hidden;
position: relative;
background-color: #f9f9f9;
display: flex;
align-items: center;
justify-content: center;
/* 讓點擊事件穿透圖片，直接觸發外層 div */
pointer-events: none;
}
.p-img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
display: block;
}
.p-img.contain {
object-fit: contain;
padding: 20px;
box-sizing: border-box;
}
.product-item:hover .p-img {
transform: scale(1.08);
}
/* 標籤 */
.p-tag {
position: absolute;
top: 10px;
left: 10px;
background-color: #c5a059;
color: #fff;
font-size: 12px;
padding: 4px 10px;
letter-spacing: 1px;
z-index: 2;
}
/* 資訊區 */
.p-info {
padding: 20px 25px;
text-align: center;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
pointer-events: none; /* 讓點擊穿透 */
}
.p-name {
font-size: 18px;
color: #222;
margin-bottom: 10px;
font-weight: 500;
letter-spacing: 1px;
line-height: 1.4;
}
.p-price {
font-size: 20px;
color: #c5a059;
font-weight: bold;
font-family: 'Times New Roman', serif;
margin-bottom: 15px;
}
.p-btn {
display: inline-block;
padding: 8px 0;
width: 100%;
border: 1px solid #ddd;
color: #666;
font-size: 14px;
transition: 0.3s;
}
.product-item:hover .p-btn {
background-color: #333;
color: #fff;
border-color: #333;
}
/* 敬請期待卡片 */
.product-item.coming-soon {
background-color: #fcfcfc;
border: 1px dashed #ddd;
cursor: default;
}
.product-item.coming-soon:hover {
transform: none;
box-shadow: none;
border-color: #ddd;
}
.coming-soon-content {
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #bbb;
}
.cs-icon { font-size: 40px; margin-bottom: 10px; opacity: 0.5; }
.cs-text { font-size: 14px; letter-spacing: 2px; text-transform: uppercase; }
/* RWD */
@media (max-width: 768px) {
.catalog-grid { justify-content: space-between; gap: 20px; }
.product-item { width: 100%; margin-bottom: 20px; } /* 手機版單欄 */
/* 手機版：顯示斷行標籤 */
.mobile-br { display: block; margin-bottom: 5px; }
.catalog-intro { line-height: 1.6; }
}
極境嚴選
JAJING SELECTION
設計師親自甄選的質感單品，從機能衛浴到軟裝擺飾。讓美學不僅存在於空間設計，更融入日常生活的每一個細節。
熱銷 BEST
美肌霧・奈米銀備長炭美容機能蓮蓬頭
NT$ 2,500
查看詳情
✨ COMING SOON 更多嚴選商品籌備中
COMING SOON 更多嚴選商品籌備中
https://www.formaveil.com/
極境室內設計有限公司
