87 lines
4.6 KiB
HTML
87 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>安知充 - 智能充电柜矩阵系统</title>
|
||
<style>
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #0a0a0a; color: #fff; }
|
||
.hero { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%); }
|
||
.logo { font-size: 48px; font-weight: 700; margin-bottom: 8px; background: linear-gradient(90deg, #00d4ff, #00ff88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
|
||
.subtitle { font-size: 18px; color: #888; margin-bottom: 60px; }
|
||
.features { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; max-width: 1200px; width: 100%; padding: 0 20px; }
|
||
.card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 32px; text-align: left; transition: transform 0.3s, border-color 0.3s; }
|
||
.card:hover { transform: translateY(-4px); border-color: #00d4ff; }
|
||
.card-icon { font-size: 32px; margin-bottom: 16px; }
|
||
.card h3 { font-size: 20px; margin-bottom: 12px; color: #fff; }
|
||
.card p { font-size: 14px; color: #888; line-height: 1.6; }
|
||
.stats { display: flex; gap: 60px; margin-top: 80px; flex-wrap: wrap; justify-content: center; }
|
||
.stat { text-align: center; }
|
||
.stat-num { font-size: 48px; font-weight: 700; background: linear-gradient(90deg, #00d4ff, #00ff88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
|
||
.stat-label { font-size: 14px; color: #666; margin-top: 8px; }
|
||
.footer { text-align: center; padding: 40px; color: #444; font-size: 13px; border-top: 1px solid rgba(255,255,255,0.05); margin-top: 80px; }
|
||
.links { margin-top: 32px; display: flex; gap: 24px; justify-content: center; }
|
||
.links a { color: #00d4ff; text-decoration: none; font-size: 14px; padding: 12px 24px; border: 1px solid rgba(0,212,255,0.3); border-radius: 8px; transition: all 0.3s; }
|
||
.links a:hover { background: rgba(0,212,255,0.1); border-color: #00d4ff; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="hero">
|
||
<div class="logo">安知充</div>
|
||
<div class="subtitle">Power Matrix System · 智能充电柜矩阵系统</div>
|
||
|
||
<div class="features">
|
||
<div class="card">
|
||
<div class="card-icon">🔋</div>
|
||
<h3>36仓独立充电</h3>
|
||
<p>每个仓体独立控制，支持48V/60V/72V直流适配，电流5A-20A可调，直流快充1-2小时充满</p>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-icon">🧠</div>
|
||
<h3>智能BMS适配</h3>
|
||
<p>支持星恒Modbus、天能485等多种BMS协议，平台远程配置，自动识别电池参数</p>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-icon">🛡️</div>
|
||
<h3>多重安全防护</h3>
|
||
<p>过充/过温/过流/短路保护，烟感+喷淋联动，浸水保护，6路温控实时监测</p>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-icon">📱</div>
|
||
<h3>远程管理</h3>
|
||
<p>4G TCP长连接，实时状态监控，远程开门/禁用/OTA升级，完整后台管理系统</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="stats">
|
||
<div class="stat">
|
||
<div class="stat-num">36</div>
|
||
<div class="stat-label">独立仓体</div>
|
||
</div>
|
||
<div class="stat">
|
||
<div class="stat-num">0.5s</div>
|
||
<div class="stat-label">响应延迟</div>
|
||
</div>
|
||
<div class="stat">
|
||
<div class="stat-num">99%</div>
|
||
<div class="stat-label">OTA成功率</div>
|
||
</div>
|
||
<div class="stat">
|
||
<div class="stat-num">8000h</div>
|
||
<div class="stat-label">平均无故障时间</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="links">
|
||
<a href="/pms/">管理后台</a>
|
||
<a href="/doc/">开发文档</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer">
|
||
<p>© 2026 安知充 AnZhiZhiChong · 智能充电柜矩阵系统</p>
|
||
</div>
|
||
</body>
|
||
</html>
|