IPv4 CIDR 子网计算器

纯静态 IPv4 子网计算工具，支持 5 种可切换视觉风格，每种风格均适配亮色/暗色双模式。

---

多皮肤系统

页面顶部下拉菜单可随时切换，偏好自动保存到 localStorage：

皮肤	风格特征	品牌色	字体
WebUI 3	玻璃拟态、渐变光晕、毛玻璃卡片	#6366f1 → #a855f7	Plus Jakarta Sans
Neumorphism	新拟物浮雕质感、同色系阴影凹陷/凸起	#6c5ce7	Inter
Minimalist	瑞士极简、大量留白、细边框	#2563eb	Inter
Neubrutalism	新粗野主义、粗黑边框、高对比色块	#ff4500	Space Grotesk
3D · Organic	液态有机、暖色软胶、超大圆角	#e07a5f → #81b29a	Plus Jakarta Sans

每个皮肤都包含完整的 亮色/暗色双模式，通过右上角按钮切换，跟随系统偏好或手动选择。

---

功能一览

核心计算

• CIDR 格式：192.168.10.0/23
• IP + 子网掩码：192.168.136.0 255.255.252.0
• 单主机：10.1.1.1（自动视为 /32）
• 非连续掩码识别与提示

计算结果

条目	说明
子网掩码 / 反掩码	十进制点分格式
网络地址 / 广播地址	自动按位与/或运算
可用主机范围	排除网络地址和广播地址
可用主机总数	千分位格式化
十六进制表示	IP 和掩码的 0x 格式

IP 地址归属分类

自动识别并标注 IP 地址类型：

• 公网地址
• 私有地址（A/B/C 类，RFC 1918）
• 回环地址（127.0.0.0/8）
• 链路本地地址（169.254.0.0/16）
• 多播地址（224.0.0.0/4）
• 保留地址

子网拆分（Subnet Splitting）

输入父网段后，可选择目标子网掩码长度，自动列出所有子网详情：

• 网络地址 / 子网掩码 / 广播地址
• 可用主机范围及主机数
• 超过 512 个子网时自动折叠并提示

其他特性

• 🌓 5 种皮肤 × 2 种明暗模式 = 10 种视觉组合
• ⚡ 实时计算（80ms 防抖）
• 📋 一键复制（带弹簧动画 Toast 提示）
• 🧹 输入框清空按钮
• ⌨️ 回车键即时计算
• 🎯 快速预设按钮（含常用私网网段）
• ♿ 基础无障碍支持（ARIA 标签）
• 🪟 毛玻璃粘性导航栏 + 自适应布局
• 📱 移动端响应式适配

---

使用方式

直接在浏览器打开 cidr-calculator.html 即可，无需任何服务端或构建工具。

输入格式示例

192.168.10.0/23          # CIDR 格式
10.1.1.1 255.255.255.0   # IP + 子网掩码
172.16.0.1               # 单主机（自动 /32）

---

技术栈

• 纯 HTML5 + CSS3 + Vanilla JavaScript
• 零依赖，单文件，无构建步骤
• 所有计算在浏览器本地完成，无网络请求

---

License

MIT