<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/* 全局重置与基础样式 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Microsoft Yahei', 'Roboto', sans-serif;
}
.tech-product-page {
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
color: #333;
background-color: #f9f9fb;
}
/* 标题区样式 */
.product-header {
text-align: center;
margin-bottom: 50px;
padding-bottom: 30px;
border-bottom: 1px solid #e0e6ed;
}
.product-header h1 {
font-size: 32px;
font-weight: 700;
color: #0a1f44;
margin-bottom: 15px;
}
.product-header p {
font-size: 18px;
color: #64748b;
line-height: 1.6;
}
/* 参数卡片样式 */
.product-specs {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 25px;
margin-bottom: 60px;
}
.spec-card {
background: #ffffff;
padding: 25px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.05);
border: 1px solid #f0f4f9;
transition: all 0.3s ease;
}
.spec-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}
.spec-card h3 {
font-size: 18px;
color: #0a1f44;
margin-bottom: 20px;
font-weight: 600;
display: flex;
align-items: center;
}
.spec-card h3 svg {
margin-right: 10px;
width: 24px;
height: 24px;
}
.spec-card ul {
list-style: none;
padding: 0;
line-height: 2.2;
}
.spec-card li {
font-size: 16px;
}
.spec-card li strong {
color: #0a1f44;
}
/* 应用场景样式 */
.product-applications {
margin-bottom: 60px;
}
.product-applications h2 {
font-size: 26px;
font-weight: 700;
color: #0a1f44;
margin-bottom: 35px;
text-align: center;
}
.app-wrap {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 30px;
}
.app-card {
background: linear-gradient(135deg, #f5f8ff 0%, #e8f0ff 100%);
padding: 30px;
border-radius: 16px;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}
.app-card:hover {
transform: translateY(-5px);
}
.app-card::after {
content: '';
position: absolute;
top: -20px;
right: -20px;
width: 80px;
height: 80px;
background: #165DFF;
opacity: 0.1;
border-radius: 50%;
}
.app-card h3 {
font-size: 20px;
color: #0a1f44;
margin-bottom: 15px;
font-weight: 600;
position: relative;
z-index: 1;
}
.app-card p {
font-size: 16px;
line-height: 1.7;
color: #475569;
margin: 0;
position: relative;
z-index: 1;
}
/* 核心优势样式 */
.product-advantages {
background: #0a1f44;
color: #ffffff;
padding: 50px 30px;
border-radius: 20px;
margin-bottom: 40px;
text-align: center;
}
.product-advantages h2 {
font-size: 26px;
font-weight: 700;
margin-bottom: 30px;
}
.advantage-wrap {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 25px;
}
.advantage-item div {
font-size: 40px;
font-weight: 700;
color: #38bdf8;
margin-bottom: 10px;
}
.advantage-item p {
font-size: 16px;
margin: 0;
opacity: 0.9;
}
/* 底部备注 */
.product-note {
text-align: center;
padding-top: 20px;
border-top: 1px solid #e0e6ed;
}
.product-note p {
font-size: 14px;
color: #64748b;
line-height: 1.6;
}
/* 响应式适配 */
@media (max-width: 768px) {
.tech-product-page {
padding: 20px 10px !important;
}
.product-header h1 {
font-size: 26px !important;
}
.product-applications h2 {
font-size: 22px !important;
}
.app-card {
padding: 20px !important;
}
.advantage-item div {
font-size: 30px !important;
}
}
</style>
</head>
<body>
<!-- 产品页面主体容器 -->
<div class="tech-product-page">
<!-- 产品标题区 -->
<div class="product-header">
<h1>WLP/150W/Ai 智能人体存在感应驱动模块</h1>
<p>毫米波雷达感应 | 12-24V宽压适配 | 多灯联动控制</p>
</div>
<!-- 产品核心参数区 -->
<div class="product-specs">
<div class="spec-card">
<h3>
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM12 6C11.45 6 11 6.45 11 7V13C11 13.55 11.45 14 12 14C12.55 14 13 13.55 13 13V7C13 6.45 12.55 6 12 6Z" fill="#165DFF"/>
</svg>
电气参数
</h3>
<ul>
<li><strong>工作电压:</strong>DC12-24V</li>
<li><strong>输出参数:</strong>12V@12.5A / 24V@6.25A</li>
<li><strong>带载范围:</strong>0-150W</li>
<li><strong>适用负载:</strong>12V/24V低压灯带、线条灯</li>
</ul>
</div>
<div class="spec-card">
<h3>
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 4L4 8L12 12L20 8L12 4ZM12 14L4 18V20L12 16L20 20V18L12 14Z" fill="#165DFF"/>
</svg>
感应性能
</h3>
<ul>
<li><strong>感应距离:</strong>0-5米(随时可调)</li>
<li><strong>穿透性:</strong>20mm内非金属材料(石膏板/木材等)</li>
<li><strong>核心特性:</strong>静态人体存在感知(人在灯不灭)</li>
<li><strong>防护等级:</strong>IP20</li>
</ul>
</div>
<div class="spec-card">
<h3>
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 3H4C3.45 3 3 3.45 3 4V10C3 10.55 3.45 11 4 11H20C20.55 11 21 10.55 21 10V4C21 3.45 20.55 3 20 3ZM20 13H4C3.45 13 3 13.45 3 14V20C3 20.55 3.45 21 4 21H20C20.55 21 21 20.55 21 20V14C21 13.45 20.55 13 20 13ZM8 17H6V15H8V17ZM12 17H10V9H12V17ZM16 17H14V13H16V17Z" fill="#165DFF"/>
</svg>
物理规格
</h3>
<ul>
<li><strong>内置尺寸:</strong>L50×W20×H14mm</li>
<li><strong>外置尺寸:</strong>L56×W30.5×H20mm</li>
<li><strong>安装方式:</strong>内置款隐藏安装于线条灯内部 / 外置款独立外壳安装</li>
<li><strong>开孔要求:</strong>内置款无需开孔(面罩),外置款可明装/暗装</li>
<li><strong>安装兼容性:</strong>各类线条灯/灯带槽体、独立外壳场景</li>
</ul>
</div>
</div>
<!-- 产品应用场景区 -->
<div class="product-applications">
<h2>核心应用场景</h2>
<div class="app-wrap">
<!-- 场景1 -->
<div class="app-card">
<h3>多灯具联动感应</h3>
<p>支持多组低压灯带/线条灯同步感应控制,一人触发、全域响应,适用于客厅、走廊、展厅等多灯联动场景,无需逐个控制,提升空间智能化体验。</p>
</div>
<!-- 场景2 -->
<div class="app-card">
<h3>智能节能控制</h3>
<p>无人状态下自动将灯光调至低亮度或完全关闭,有人时恢复正常亮度,大幅降低能耗,适用于办公室、商场、公共走廊等高频使用场景。</p>
</div>
<!-- 场景3 -->
<div class="app-card">
<h3>静态人体存在感知</h3>
<p>突破传统红外感应局限,高配版本即使人体静止(如睡眠、办公)也能持续检测,灯光保持常亮,适用于卧室、书房、病房等需要持续照明的场景。</p>
</div>
</div>
</div>
<!-- 产品优势总结区 -->
<div class="product-advantages">
<h2>产品核心优势</h2>
<div class="advantage-wrap">
<div class="advantage-item">
<div>150W</div>
<p>大功率带载能力</p>
</div>
<div class="advantage-item">
<div>5m</div>
<p>可调感应距离</p>
</div>
<div class="advantage-item">
<div>20mm</div>
<p>非金属穿透能力</p>
</div>
<div class="advantage-item">
<div>0开孔</div>
<p>隐藏式安装设计</p>
</div>
<div class="advantage-item">
<div>12-24V</div>
<p>宽电压适配</p>
</div>
</div>
</div>
<!-- 底部备注 -->
<div class="product-note">
<p>注:产品实际安装需根据灯带功率匹配,感应距离可通过内置电位器调节,建议由专业电工安装。</p>
</div>
</div>
</body>
</html>