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/
极境室内设计有限公司
