devttl/mstool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
lbjlaq 2025-02-20 16:33:11 +08:00 committed by GitHub
parent 618b9abacf
commit 2d2b794445
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
9 changed files with 5144 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

120
about.html Normal file
View File

@ -0,0 +1,120 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>关于 MSTOOL - 专注于提供 Windows 和 Office 激活解决方案</title>
<meta name="description" content="MSTOOL - 专业的Windows和Office激活工具，提供密钥检测、确认ID获取等多种实用功能。安全可靠，完全免费。">
<meta name="keywords" content="Windows激活,Office激活,密钥检测,确认ID获取,激活工具,MSTOOL">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="theme-color" content="#409EFF">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-page="about">
<a href="#main-content" class="skip-link">跳转到主要内容</a>
<nav class="nav" role="navigation" aria-label="主导航">
<div class="container">
<div class="logo" style="text-align: center;">
MSTOOL
</div>
<div style="text-align: center;">
<ul>
<li><a href="index.html">检测<br>密钥</a></li>
<li><a href="cid.html">获取<br>ID</a></li>
<li><a href="show-keys.html">可用<br>密钥</a></li>
<li><a href="tool.html">激活<br>工具</a></li>
<li><a href="about.html" class="active">关<br>于</a></li>
<li><a href="build.html">搭建<br>教程</a></li>
</ul>
</div>
</div>
</nav>
<div class="container content" id="main-content">
<div class="card">
<div class="card-header">
关于 MSTOOL
<div style="font-size: 14px; color: #666; margin-top: 5px;">
专注于提供 Windows 和 Office 激活解决方案
</div>
</div>
<div class="card-body">
<div class="about-section" style="max-width: 800px; margin: 0 auto;">
<div class="intro" style="background: #f8f9fa; padding: 20px; border-radius: 5px; margin-bottom: 30px;">
<h3 style="color: #333; margin-bottom: 15px; font-size: 18px;">
<i style="margin-right: 8px;">🎯</i>关于我们
</h3>
<p style="margin: 0; line-height: 1.6; color: #666;">
MSTOOL 是一个免费的在线工具集合，致力于为用户提供便捷的 Windows 和 Office 激活相关服务。我们提供密钥检测、确认ID获取等多种实用工具，帮助用户解决系统激活过程中遇到的各种问题。由于各种原因，不保证本站能够一直正常运行。
</p>
</div>
<div class="features" style="margin-bottom: 30px;">
<h3 style="color: #333; margin-bottom: 15px; font-size: 18px;">
<i style="margin-right: 8px;">💡</i>核心功能
</h3>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;">
<div style="background: #fff; padding: 20px; border: 1px solid #e0e0e0; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
<h4 style="margin: 0 0 10px 0; color: #333;">
<i style="margin-right: 8px;">🔑</i>密钥检测
</h4>
<p style="margin: 0; color: #666; font-size: 14px; line-height: 1.6;">
提供快速的密钥检测服务，实时查看密钥状态和可用次数，帮助用户避免使用无效密钥
</p>
</div>
<div style="background: #fff; padding: 20px; border: 1px solid #e0e0e0; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
<h4 style="margin: 0 0 10px 0; color: #333;">
<i style="margin-right: 8px;">🔄️</i>确认ID获取
</h4>
<p style="margin: 0; color: #666; font-size: 14px; line-height: 1.6;">
提供便捷的在线确认ID获取服务，支持电话激活方式，快速解决激活问题
</p>
</div>
<div style="background: #fff; padding: 20px; border: 1px solid #e0e0e0; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
<h4 style="margin: 0 0 10px 0; color: #333;">
<i style="margin-right: 8px;">📋</i>可用密钥
</h4>
<p style="margin: 0; color: #666; font-size: 14px; line-height: 1.6;">
不定期更新的可用密钥列表，所有密钥均经过验证，提供实时可用状态显示
</p>
</div>
</div>
</div>
<div class="notice" style="background: #fff3cd; padding: 20px; border-radius: 5px; margin: 30px 0;">
<h3 style="color: #333; margin-bottom: 15px; font-size: 18px;">
<i style="margin-right: 8px;">📢</i>特别说明
</h3>
<p style="margin: 0; line-height: 1.6; color: #856404;">
本站所有服务均为免费提供，旨在帮助用户解决系统激活问题。我们会持续优化和更新服务内容，但由于各种客观原因，不能保证服务永久可用，请您理解。
</p>
</div>
<div class="disclaimer" style="background: #f8d7da; padding: 20px; border-radius: 5px;">
<h3 style="color: #333; margin-bottom: 15px; font-size: 18px;">
<i style="margin-right: 8px;">⚠️</i>免责声明
</h3>
<p style="margin: 0; line-height: 1.6; color: #721c24;">
本站提供的所有工具和服务仅供学习和研究使用。我们建议用户使用正版软件，支持软件开发商。对于使用本站工具和服务所产生的任何问题，本站不承担任何责任。请在使用本站服务时遵守相关法律法规。
</p>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
© <span id="current-year"></span> MSTOOL | 公众号：<a href="javascript:void(0);">CTRLER</a>
</div>
</footer>
<script src="js/main.js"></script>
<script>
// 设置年份
document.getElementById('current-year').textContent = new Date().getFullYear();
</script>
</body>
</html>

116
build.html Normal file
View File

@ -0,0 +1,116 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>搭建说明 - MSTOOL</title>
<meta name="description" content="MSTOOL - 专业的Windows和Office激活工具，提供密钥检测、确认ID获取等多种实用功能。安全可靠，完全免费。">
<meta name="keywords" content="Windows激活,Office激活,密钥检测,确认ID获取,激活工具,MSTOOL">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="theme-color" content="#409EFF">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-page="build">
<a href="#main-content" class="skip-link">跳转到主要内容</a>
<nav class="nav" role="navigation" aria-label="主导航">
<div class="container">
<div class="logo" style="text-align: center;">
MSTOOL
</div>
<div style="text-align: center;">
<ul>
<li><a href="index.html">检测<br>密钥</a></li>
<li><a href="cid.html">获取<br>ID</a></li>
<li><a href="show-keys.html">可用<br>密钥</a></li>
<li><a href="tool.html">激活<br>工具</a></li>
<li><a href="about.html">关<br>于</a></li>
<li><a href="build.html" class="active">搭建<br>教程</a></li>
</ul>
</div>
</div>
</nav>
<div class="container content" id="main-content">
<div class="card">
<div class="card-header">
搭建说明
<div style="font-size: 14px; color: #666; margin-top: 5px;">
如何搭建自己的MSTOOL站点
</div>
</div>
<div class="card-body">
<div class="build-section" style="max-width: 800px; margin: 0 auto;">
<div class="intro" style="background: #f8f9fa; padding: 20px; border-radius: 5px; margin-bottom: 30px;">
<h3 style="color: #333; margin-bottom: 15px; font-size: 18px;">
<i style="margin-right: 8px;">📝</i>项目说明
</h3>
<p style="margin: 0; line-height: 1.6; color: #666;">
MSTOOL是一个开源的Windows和Office激活工具网站。本项目使用纯静态HTML+CSS+JavaScript开发，无需后端支持，可以轻松部署在任何Web服务器上。
</p>
</div>
<div class="source" style="background: #e8f5e9; padding: 20px; border-radius: 5px; margin-bottom: 30px;">
<h3 style="color: #333; margin-bottom: 15px; font-size: 18px;">
<i style="margin-right: 8px;">💻</i>获取源码
</h3>
<p style="margin: 0 0 15px 0; line-height: 1.6; color: #2e7d32;">
请通过以下链接获取完整源码：
</p>
<div style="text-align: center;">
<a href="https://mp.weixin.qq.com/"
class="btn"
target="_blank"
style="background: #2e7d32;">
获取源码
</a>
</div>
</div>
<div class="notice" style="background: #fff3cd; padding: 20px; border-radius: 5px; margin-bottom: 30px;">
<h3 style="color: #333; margin-bottom: 15px; font-size: 18px;">
<i style="margin-right: 8px;">⚠️</i>特别说明
</h3>
<p style="margin: 0; line-height: 1.6; color: #856404;">
本项目是开源的，您可以自由使用和修改，但请务必保留以下信息：
</p>
<ul style="margin: 15px 0 0 0; padding-left: 20px; color: #856404;">
<li>项目来源：MSTOOL</li>
<li>原作者微信公众号：CTRLER</li>
<li>GitHub：<a href="https://github.com/CTRLER/mstool" target="_blank" style="color: #856404; text-decoration: underline;">https://github.com/CTRLER/mstool</a></li>
</ul>
</div>
<div class="deploy" style="background: #e3f2fd; padding: 20px; border-radius: 5px;">
<h3 style="color: #333; margin-bottom: 15px; font-size: 18px;">
<i style="margin-right: 8px;">🚀</i>部署说明
</h3>
<p style="margin: 0 0 15px 0; line-height: 1.6; color: #0d47a1;">
本项目是纯静态网站，部署非常简单：
</p>
<ol style="margin: 0; padding-left: 20px; color: #0d47a1;">
<li>下载源码并解压</li>
<li>将解压后的文件上传到您的Web服务器</li>
<li>确保index.html可以正常访问</li>
<li>完成部署！</li>
</ol>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
© <span id="current-year"></span> MSTOOL | 公众号：<a href="javascript:void(0);">CTRLER</a>
</div>
</footer>
<script src="js/main.js"></script>
<script>
// 设置年份
document.getElementById('current-year').textContent = new Date().getFullYear();
</script>
</body>
</html>

103
cid.html Normal file
View File

@ -0,0 +1,103 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>在线获取确认ID-微软网页激活,电话激活</title>
<meta name="description" content="MSTOOL - 专业的Windows和Office激活工具，提供密钥检测、确认ID获取等多种实用功能。安全可靠，完全免费。">
<meta name="keywords" content="Windows激活,Office激活,密钥检测,确认ID获取,激活工具,MSTOOL">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="theme-color" content="#409EFF">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-page="cid">
<a href="#main-content" class="skip-link">跳转到主要内容</a>
<nav class="nav" role="navigation" aria-label="主导航">
<div class="container">
<div class="logo" style="text-align: center;">
MSTOOL
</div>
<div style="text-align: center;">
<ul>
<li><a href="index.html">检测<br>密钥</a></li>
<li><a href="cid.html" class="active">获取<br>ID</a></li>
<li><a href="show-keys.html">可用<br>密钥</a></li>
<li><a href="tool.html">激活<br>工具</a></li>
<li><a href="about.html">关<br>于</a></li>
<li><a href="build.html">搭建<br>教程</a></li>
</ul>
</div>
</div>
</nav>
<div class="container content" id="main-content">
<div class="row">
<!-- 输入区域 -->
<div class="col">
<div class="card">
<div class="card-header">
安装ID（IID）
<span class="badge badge-black" id="iid-indicator">没有IID</span>
</div>
<div class="card-body">
<div class="form-group">
<label class="form-label">安装ID</label>
<input type="text" id="iid" class="form-input"
aria-label="安装ID"
aria-describedby="iid-indicator"
placeholder="请在此输入安装ID...">
</div>
<div class="form-group">
<p>当系统激活时出现已经另一台设备激活提示，需要获取确认ID激活！！</p>
</div>
<div class="form-group">
<div class="btn-group">
<button id="btn-get-cid" class="btn" disabled onclick="getCid()">获取确认ID</button>
<button type="button" class="btn btn-clear" onclick="clearInput()">清除内容</button>
</div>
</div>
</div>
</div>
</div>
<!-- 结果区域 -->
<div class="col">
<div class="card">
<div class="card-header">确认ID（CID）</div>
<div class="card-body">
<div class="form-group">
<label class="form-label">确认ID</label>
<input type="text" id="cid-cont" class="form-input" readonly placeholder="ABCDEFGH">
</div>
<div class="form-group">
<label class="form-label">确认ID</label>
<input type="text" id="cid-split" class="form-input" readonly placeholder="A-B-C-D-E-F-G-H">
</div>
<div class="form-group">
<button class="btn" onclick="copyCid()">复制确认ID</button>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
© <span id="current-year"></span> MSTOOL | 公众号：<a href="javascript:void(0);">CTRLER</a>
</div>
</footer>
<div id="loading-indicator" class="loading-indicator" role="status" aria-live="polite" style="display: none;">
加载中...
</div>
<script src="js/main.js"></script>
<script>
// 设置年份
document.getElementById('current-year').textContent = new Date().getFullYear();
</script>
</body>
</html>

763
css/style.css Normal file
View File

@ -0,0 +1,763 @@
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
background-color: #f5f7fa;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.5;
}
.container {
max-width: 1200px;
padding: 0 20px;
margin: 0 auto;
}
.nav {
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
margin-bottom: 30px;
padding: 15px 0;
position: relative;
overflow: hidden;
}
.nav::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image:
linear-gradient(rgba(255, 255, 255, 0.9) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.9) 1px, transparent 1px);
background-size: 20px 20px;
background-color: #409EFF;
opacity: 0.1;
z-index: 0;
}
.nav .container {
position: relative;
z-index: 1;
}
.nav .logo {
font-size: 32px;
font-weight: bold;
color: #1a365d;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
margin-bottom: 25px;
letter-spacing: 2px;
background: linear-gradient(45deg, #1a365d, #2c5282);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
}
.nav .logo::after {
content: '';
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background: linear-gradient(90deg, transparent, #409EFF, transparent);
}
.nav ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
gap: 30px;
}
.nav ul li a {
color: #606266;
text-decoration: none;
font-size: 15px;
padding: 8px 16px;
border-radius: 4px;
transition: all 0.3s ease;
}
.nav ul li a:hover {
color: #409EFF;
background: #ecf5ff;
}
.nav ul li a.active {
color: #409EFF;
background: #ecf5ff;
font-weight: 500;
}
.content {
margin-top: 40px;
position: relative;
}
.content::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
linear-gradient(rgba(64, 158, 255, 0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(64, 158, 255, 0.05) 1px, transparent 1px);
background-size: 40px 40px;
z-index: -1;
}
.row {
display: flex;
gap: 20px;
margin: 0 -10px;
}
.col {
flex: 1;
padding: 0 10px;
}
.card {
background: white;
border-radius: 8px;
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
margin-bottom: 20px;
overflow: hidden;
backdrop-filter: blur(5px);
border: 1px solid rgba(255,255,255,0.8);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(64, 158, 255, 0.15);
}
.card-header {
padding: 15px 20px;
border-bottom: 1px solid rgba(235, 238, 245, 0.6);
font-size: 16px;
font-weight: 500;
color: #303133;
background: linear-gradient(to right, rgba(255,255,255,0.95), rgba(255,255,255,0.8));
}
.card-body {
padding: 20px;
}
.badge {
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
margin-left: 8px;
}
.badge-black {
background-color: #303133;
color: white;
}
.form-group {
margin-bottom: 20px;
}
.form-label {
display: block;
margin-bottom: 8px;
color: #606266;
font-weight: 500;
}
.form-input {
width: 100%;
padding: 8px 12px;
border: 1px solid rgba(220, 223, 230, 0.8);
border-radius: 4px;
transition: all 0.3s;
outline: none;
box-sizing: border-box;
background: rgba(255,255,255,0.9);
}
.form-input:focus {
border-color: #409EFF;
box-shadow: 0 0 0 3px rgba(64,158,255,0.15);
background: white;
}
.form-input[readonly] {
background-color: #f5f7fa;
cursor: not-allowed;
}
.btn {
padding: 8px 15px;
font-size: 14px;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s;
border: none;
outline: none;
background: linear-gradient(45deg, #409EFF, #66b1ff);
color: white;
position: relative;
overflow: hidden;
}
.btn::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(
120deg,
transparent,
rgba(255,255,255,0.3),
transparent
);
transition: 0.5s;
}
.btn:hover::after {
left: 100%;
}
.btn:disabled {
background-color: #a0cfff;
cursor: not-allowed;
}
.btn-clear {
background-color: #909399;
margin-left: 10px;
}
.btn-clear:hover {
background-color: #a6a9ad;
}
.btn-group {
display: flex;
gap: 10px;
}
.keys-table {
width: 100%;
border-collapse: collapse;
margin-top: 15px;
border-radius: 4px;
overflow: hidden;
background: white;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}
.keys-table th, .keys-table td {
border: 1px solid #ddd;
padding: 12px 15px;
text-align: left;
}
.keys-table th {
background: #f8f9fa;
color: #606266;
font-weight: 500;
padding: 12px 15px;
text-align: left;
white-space: nowrap;
position: relative;
display: table-cell;
border-bottom: 2px solid #ebeef5;
}
.keys-table tr:nth-child(even) {
background-color: #f9f9f9;
}
.keys-table tr:hover {
background: rgba(236, 245, 255, 0.5);
}
.product-section {
margin-bottom: 15px;
}
.product-header {
background: linear-gradient(to right, #f4f6f8, #ecf5ff);
padding: 12px 15px;
margin: 5px 0;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 6px;
transition: all 0.3s ease;
border: 1px solid rgba(64, 158, 255, 0.1);
}
.product-header:hover {
background: linear-gradient(to right, #ecf5ff, #e8f4ff);
border-color: rgba(64, 158, 255, 0.2);
transform: translateY(-1px);
}
.product-content {
display: none;
margin-top: 10px;
}
.product-content.show {
display: block;
}
.toggle-icon {
font-size: 18px;
transition: transform 0.3s;
}
.product-header.active .toggle-icon {
transform: rotate(180deg);
}
.key-count {
font-size: 14px;
color: #666;
margin-left: 10px;
}
.available-count {
color: #67c23a;
}
.available {
color: #67c23a;
font-weight: 500;
}
.unavailable {
color: #f56c6c;
font-weight: 500;
}
.product-header div {
font-weight: 500;
color: #303133;
}
.product-header.active div {
color: #409EFF;
}
@media (max-width: 768px) {
.col {
flex: 0 0 100%;
}
.row {
flex-direction: column;
}
.card {
margin-bottom: 15px;
height: auto;
}
.container {
padding: 0 10px;
}
.content {
margin-top: 20px;
}
.form-group {
margin-bottom: 10px;
}
.nav {
padding: 5px 0;
}
.nav a {
padding: 10px 15px;
}
.btn-group {
display: flex;
flex-direction: column;
gap: 10px;
}
.btn-clear {
margin-left: 0;
}
}
@media (max-width: 480px) {
.container {
padding: 0 5px;
}
.card {
border-radius: 0;
margin-bottom: 10px;
}
.form-input {
padding: 6px 10px;
}
.btn-group .btn {
width: 100%;
}
}
.input-wrapper {
position: relative;
width: 100%;
}
.clear-input {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
color: #999;
padding: 4px;
display: none;
background: none;
border: none;
font-size: 16px;
}
.clear-input:hover {
color: #666;
}
.input-wrapper.has-value .clear-input {
display: block;
}
.input-wrapper .form-input {
padding-right: 30px;
}
/* 默认状态（大屏幕）下隐藏换行 */
.nav ul li a br {
display: none;
}
/* 修改响应式导航菜单样式 */
@media screen and (max-width: 768px) {
.nav ul {
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.nav ul li {
padding: 5px;
width: calc(20% - 8px);
text-align: center;
}
.nav ul li a {
font-size: 14px;
white-space: normal;
display: flex;
flex-direction: column;
align-items: center;
line-height: 1.2;
padding: 5px;
height: 100%;
}
.nav ul li a br {
display: block; /* 小屏幕时显示换行 */
}
}
@media screen and (max-width: 480px) {
.nav ul li {
padding: 3px;
}
.nav ul li a {
font-size: 12px;
}
}
/* 添加底部版权样式 */
.footer {
text-align: center;
padding: 20px 0;
margin-top: 40px;
color: #909399;
font-size: 14px;
}
.footer a {
color: #409EFF;
text-decoration: none;
}
.footer a:hover {
color: #66b1ff;
}
@media (max-width: 768px) {
.footer {
margin-top: 20px;
padding: 15px 0;
font-size: 12px;
}
}
.lang-switch {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 10px;
font-size: 14px;
}
.lang-switch a {
color: #606266;
text-decoration: none;
padding: 2px 8px;
border-radius: 4px;
transition: all 0.3s;
position: relative;
overflow: hidden;
}
.lang-switch a:hover {
background: #ecf5ff;
color: #409EFF;
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(64, 158, 255, 0.1);
}
.lang-switch a.active {
background: #409EFF;
color: white;
box-shadow: 0 2px 4px rgba(64, 158, 255, 0.2);
}
.lang-switch a::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(
120deg,
transparent,
rgba(255,255,255,0.3),
transparent
);
transition: 0.5s;
}
.lang-switch a:hover::after {
left: 100%;
}
.skip-link {
position: absolute;
top: -40px;
left: 0;
background: #409EFF;
color: white;
padding: 8px;
z-index: 100;
transition: top 0.3s;
}
.skip-link:focus {
top: 0;
}
.loading-indicator {
text-align: center;
color: #409EFF;
margin: 10px 0;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.loading-indicator::before {
content: '';
width: 16px;
height: 16px;
border: 2px solid #409EFF;
border-top-color: transparent;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
.error-message {
background: #fef0f0;
color: #f56c6c;
padding: 8px 16px;
border-radius: 4px;
margin-top: 8px;
font-size: 14px;
animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}
/* 优化排序按钮样式 */
.sort-btn {
background: none;
border: 1px solid transparent;
cursor: pointer;
padding: 2px 6px;
margin-left: 5px;
color: #909399;
border-radius: 4px;
transition: all 0.2s ease;
display: inline-flex;
align-items: center;
font-size: 12px;
vertical-align: middle;
line-height: 1;
}
.sort-btn:hover {
background: #f5f7fa;
border-color: #dcdfe6;
color: #409EFF;
}
.sort-btn.active {
color: #409EFF;
background: #ecf5ff;
border-color: #b3d8ff;
}
.sort-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 14px;
height: 14px;
margin-left: 3px;
font-size: 12px;
transition: all 0.2s ease;
}
/* 优化排序时的过渡效果 */
.keys-table tbody tr {
transition: all 0.2s ease-out;
}
.keys-table tbody tr.sorting {
background-color: rgba(64, 158, 255, 0.04);
}
/* 添加排序时的表格行高亮效果 */
.keys-table tbody tr:hover {
background-color: #fafafa;
}
/* 添加激活状态的动画效果 */
.sort-btn.active .sort-icon {
transform: scale(1.1);
}
/* 添加按钮点击效果 */
.sort-btn:active {
transform: translateY(1px);
}
/* 添加无障碍焦点样式 */
.sort-btn:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
}
/* 优化移动端样式 */
@media (max-width: 768px) {
.sort-btn {
padding: 4px 8px;
font-size: 14px;
}
.sort-icon {
width: 16px;
height: 16px;
}
}
/* 搜索框样式 */
.search-box {
position: relative;
margin-bottom: 20px;
}
.search-box .form-input {
padding-right: 40px;
padding-left: 15px;
height: 40px;
font-size: 14px;
border-radius: 20px;
background: #f5f7fa;
transition: all 0.3s ease;
}
.search-box .form-input:focus {
background: #fff;
box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
}
.search-box .search-icon {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
color: #909399;
font-size: 16px;
pointer-events: none;
}
/* 响应式调整 */
@media (max-width: 768px) {
.search-box .form-input {
height: 36px;
font-size: 13px;
}
.search-box .search-icon {
font-size: 14px;
}
}

3402
data/keys.json Normal file
View File

File diff suppressed because it is too large Load Diff

109
index.html Normal file
View File

@ -0,0 +1,109 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>在线检测密钥-微软激活密钥检测</title>
<meta name="description" content="MSTOOL - 专业的Windows和Office激活工具，提供密钥检测、确认ID获取等多种实用功能。安全可靠，完全免费。">
<meta name="keywords" content="Windows激活,Office激活,密钥检测,确认ID获取,激活工具,MSTOOL">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="theme-color" content="#409EFF">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-page="key">
<a href="#main-content" class="skip-link">跳转到主要内容</a>
<nav class="nav" role="navigation" aria-label="主导航">
<div class="container">
<div class="logo" style="text-align: center;">
MSTOOL
</div>
<div style="text-align: center;">
<ul>
<li><a href="index.html" class="active">检测<br>密钥</a></li>
<li><a href="cid.html">获取<br>ID</a></li>
<li><a href="show-keys.html">可用<br>密钥</a></li>
<li><a href="tool.html">激活<br>工具</a></li>
<li><a href="about.html">关<br>于</a></li>
<li><a href="build.html">搭建<br>教程</a></li>
</ul>
</div>
</div>
</nav>
<div class="container content" id="main-content">
<div class="row">
<!-- 输入区域 -->
<div class="col">
<div class="card">
<div class="card-header">
输入密钥
<span class="badge badge-black" id="iid-indicator">未输入</span>
</div>
<div class="card-body">
<div class="form-group">
<label class="form-label">密钥</label>
<input type="text" id="iid" class="form-input"
aria-label="密钥"
aria-describedby="iid-indicator"
placeholder="请在此输入密钥...">
</div>
<div class="form-group">
<p>检测结果代码为0xC004C008时，可使用网页获取确认ID激活</p>
</div>
<div class="form-group">
<div class="btn-group">
<button id="btn-get-cid" class="btn" disabled onclick="checkKey()">检测密钥</button>
<button type="button" class="btn btn-clear" onclick="clearInput()">清除内容</button>
</div>
</div>
</div>
</div>
</div>
<!-- 结果区域 -->
<div class="col">
<div class="card">
<div class="card-header">检测结果</div>
<div class="card-body">
<div class="form-group">
<label class="form-label">密钥</label>
<input type="text" id="pid-name" class="form-input" readonly>
</div>
<div class="form-group">
<label class="form-label">描述</label>
<input type="text" id="pid-prd" class="form-input" readonly>
</div>
<div class="form-group">
<label class="form-label" id="err">代码</label>
<input type="text" id="pid-code" class="form-input" readonly>
</div>
<div class="form-group">
<label class="form-label">时间</label>
<input type="text" id="pid-time" class="form-input" readonly>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
© <span id="current-year"></span> MSTOOL | 公众号：<a href="javascript:void(0);">CTRLER</a>
</div>
</footer>
<div id="loading-indicator" class="loading-indicator" role="status" aria-live="polite" style="display: none;">
加载中...
</div>
<script src="js/config.js"></script>
<script src="js/main.js"></script>
<script>
// 设置年份
document.getElementById('current-year').textContent = new Date().getFullYear();
</script>
</body>
</html>

257
js/main.js Normal file
View File

@ -0,0 +1,257 @@
// 密钥检测相关功能
function initKeyCheck() {
const iidInput = document.getElementById('iid');
const indicator = document.getElementById('iid-indicator');
const checkBtn = document.getElementById('btn-get-cid');
if (iidInput) {
iidInput.addEventListener('input', function() {
let value = this.value.replace(/[^\w]/g,'');
if (value.length === 25) {
indicator.textContent = '5位数';
indicator.className = 'badge badge-blue';
checkBtn.disabled = false;
this.className = 'form-input';
} else {
this.value = value;
checkBtn.disabled = true;
indicator.textContent = value.length > 0 ? '错误Key' : '未输入';
indicator.className = value.length > 0 ? 'badge badge-orange' : 'badge badge-black';
this.className = 'form-input ' + (value.length > 0 ? 'invalid' : 'noiid');
}
});
}
}
// 确认ID检测相关功能
function initCidCheck() {
const iidInput = document.getElementById('iid');
const indicator = document.getElementById('iid-indicator');
const checkBtn = document.getElementById('btn-get-cid');
if (iidInput) {
iidInput.addEventListener('input', function() {
let value = this.value.replace(/\D/g, '');
if (value.length === 54 || value.length === 63) {
this.value = value.match(new RegExp('.{1,' + value.length / 9 + '}', 'g')).join('-');
indicator.textContent = value.length / 9 + '位数';
indicator.className = 'badge badge-blue';
checkBtn.disabled = false;
this.className = 'form-input';
} else {
this.value = value;
checkBtn.disabled = true;
indicator.textContent = value.length > 0 ? '错误IID' : '没有IID';
indicator.className = value.length > 0 ? 'badge badge-orange' : 'badge badge-black';
this.className = 'form-input ' + (value.length > 0 ? 'invalid' : 'noiid');
}
});
}
}
// 加密的API配置
const _0x2f8a = ['aHR0cHM6Ly9waWRrZXkuY29tL2FqYXgvcGlkbXNfYXBp', 'aHR0cHM6Ly9waWRrZXkuY29tL2FqYXgvY2lkbXNfYXBp', 'blZIQnozUklzSHBYSG9mTHYzQjg5aUZLOA=='];
const _0xd3c9 = str => atob(str);
// 检测密钥
function checkKey() {
const iid = document.getElementById('iid').value;
const checkBtn = document.getElementById('btn-get-cid');
const loadingIndicator = document.getElementById('loading-indicator');
checkBtn.disabled = true;
checkBtn.textContent = '检测中';
loadingIndicator.style.display = 'flex';
// 清空结果
document.getElementById('pid-name').value = '';
document.getElementById('pid-prd').value = '';
document.getElementById('pid-code').value = '';
document.getElementById('pid-time').value = '';
fetch(`${_0xd3c9(_0x2f8a[0])}?keys=${iid}&justforcheck=0&apikey=${_0xd3c9(_0x2f8a[2])}`)
.then(response => response.json())
.then(data => {
if (data[0].is_retail === 1 || data[0].is_retail === 2) {
document.getElementById('pid-name').value = data[0].keyname_with_dash;
document.getElementById('pid-prd').value = data[0].prd;
if (data[0].is_retail === 2 && data[0].remaining >= 0) {
document.getElementById('pid-code').value = data[0].remaining;
document.getElementById('err').textContent = '次数';
} else {
document.getElementById('pid-code').value = data[0].errorcode;
document.getElementById('err').textContent = '代码';
}
document.getElementById('pid-time').value = data[0].datetime_checked_done;
} else {
document.getElementById('pid-name').value = '请求超时，请稍后重试';
}
})
.catch(() => {
showError('请求超时，请稍后重试');
})
.finally(() => {
checkBtn.disabled = false;
checkBtn.textContent = '检测密钥';
loadingIndicator.style.display = 'none';
});
}
// 获取确认ID
function getCid() {
const iid = document.getElementById('iid').value;
const checkBtn = document.getElementById('btn-get-cid');
const loadingIndicator = document.getElementById('loading-indicator');
checkBtn.disabled = true;
checkBtn.textContent = '获取中';
loadingIndicator.style.display = 'flex';
// 清空结果
document.getElementById('cid-cont').value = '';
document.getElementById('cid-split').value = '';
fetch(`${_0xd3c9(_0x2f8a[1])}?iids=${iid}&justforcheck=0&apikey=${_0xd3c9(_0x2f8a[2])}`)
.then(response => response.json())
.then(data => {
const cidCont = document.getElementById('cid-cont');
const cidSplit = document.getElementById('cid-split');
if (data.typeiid === 1) {
cidCont.value = data.confirmation_id_no_dash;
cidSplit.value = data.confirmation_id_with_dash;
} else if (data.typeiid === 4) {
cidCont.value = data.short_result === "IID is not correct!!"
? '安装ID错误，请检查后重新输入'
: '密钥失效，请更换密钥激活';
} else if (data.typeiid === 3) {
cidCont.value = '无法获取确认ID，建议不要使用020密钥';
} else {
cidCont.value = '检测失败，请稍后重试';
}
})
.catch(() => {
showError('请求超时，请稍后重试');
})
.finally(() => {
checkBtn.disabled = false;
checkBtn.textContent = '获取确认ID';
loadingIndicator.style.display = 'none';
});
}
// 复制确认ID
function copyCid() {
const cidSplit = document.getElementById('cid-split');
cidSplit.select();
document.execCommand('copy');
alert('已复制好，可贴粘。');
}
// 清除输入框内容
function clearInput() {
const iidInput = document.getElementById('iid');
const indicator = document.getElementById('iid-indicator');
const checkBtn = document.getElementById('btn-get-cid');
const pageType = document.body.dataset.page;
// 清空输入
iidInput.value = '';
iidInput.className = 'form-input noiid';
// 重置状态指示器
indicator.textContent = pageType === 'key' ? '未输入' : '没有IID';
indicator.className = 'badge badge-black';
// 禁用检测按钮
checkBtn.disabled = true;
// 聚焦输入框
iidInput.focus();
}
// 显示错误信息
function showError(message) {
const errorContainer = document.createElement('div');
errorContainer.setAttribute('role', 'alert');
errorContainer.className = 'error-message';
errorContainer.textContent = message;
const form = document.querySelector('.form-group');
form.appendChild(errorContainer);
setTimeout(() => {
errorContainer.remove();
}, 5000);
}
// 表格排序功能
function sortTable(button) {
const table = button.closest('table');
const tbody = table.querySelector('tbody');
const rows = Array.from(tbody.querySelectorAll('tr'));
const isAsc = button.getAttribute('data-order') === 'desc';
// 添加排序动画效果
rows.forEach(row => row.classList.add('sorting'));
// 排序行
rows.sort((a, b) => {
const aValue = parseInt(a.cells[1].textContent.trim()) || 0;
const bValue = parseInt(b.cells[1].textContent.trim()) || 0;
return isAsc ? aValue - bValue : bValue - aValue;
});
// 更新排序方向和按钮状态
button.setAttribute('data-order', isAsc ? 'asc' : 'desc');
button.classList.toggle('active');
// 更新箭头方向
const sortIcon = button.querySelector('.sort-icon');
sortIcon.textContent = isAsc ? '↑' : '↓';
// 清空并重新插入排序后的行
while (tbody.firstChild) {
tbody.removeChild(tbody.firstChild);
}
rows.forEach(row => tbody.appendChild(row));
// 移除排序动画效果
setTimeout(() => {
rows.forEach(row => row.classList.remove('sorting'));
}, 300);
}
// 展开/折叠产品组
function toggleProduct(header) {
const content = header.nextElementSibling;
header.classList.toggle('active');
const isExpanded = header.classList.contains('active');
header.setAttribute('aria-expanded', isExpanded);
content.classList.toggle('show');
}
// 初始化页面功能
document.addEventListener('DOMContentLoaded', function() {
const pageType = document.body.dataset.page;
if (pageType === 'key') {
initKeyCheck();
} else if (pageType === 'cid') {
initCidCheck();
}
});
// 添加键盘支持
document.addEventListener('keydown', function(e) {
if (e.target.classList.contains('product-header')) {
if (e.key === 'Enter' || e.key === ' ') {
e.preventDefault();
toggleProduct(e.target);
}
}
});

170
show-keys.html Normal file
View File

@ -0,0 +1,170 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>可用密钥列表-微软激活密钥</title>
<meta name="description" content="MSTOOL - 专业的Windows和Office激活工具，提供密钥检测、确认ID获取等多种实用功能。安全可靠，完全免费。">
<meta name="keywords" content="Windows激活,Office激活,密钥检测,确认ID获取,激活工具,MSTOOL">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="theme-color" content="#409EFF">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-page="show-keys">
<a href="#main-content" class="skip-link">跳转到主要内容</a>
<nav class="nav" role="navigation" aria-label="主导航">
<div class="container">
<div class="logo" style="text-align: center;">
MSTOOL
</div>
<div style="text-align: center;">
<ul>
<li><a href="index.html">检测<br>密钥</a></li>
<li><a href="cid.html">获取<br>ID</a></li>
<li><a href="show-keys.html" class="active">可用<br>密钥</a></li>
<li><a href="tool.html">激活<br>工具</a></li>
<li><a href="about.html">关<br>于</a></li>
<li><a href="build.html">搭建<br>教程</a></li>
</ul>
</div>
</div>
</nav>
<div class="container content" id="main-content">
<div class="card">
<div class="card-header">
可用密钥列表
<div style="font-size: 12px; color: #666; margin-top: 5px;">
来源于互联网，没有时效性，请检测后使用
</div>
</div>
<div class="card-body">
<!-- 添加搜索框 -->
<div class="search-box">
<input type="text"
id="searchInput"
class="form-input"
placeholder="搜索产品或密钥..."
aria-label="搜索产品和密钥">
<div class="search-icon">🔍</div>
</div>
<div id="product-list">
<!-- 产品列表将通过JavaScript从keys.json加载 -->
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
© <span id="current-year"></span> MSTOOL | 公众号：<a href="javascript:void(0);">CTRLER</a>
</div>
</footer>
<div id="loading-indicator" class="loading-indicator" role="status" aria-live="polite" style="display: none;">
加载中...
</div>
<script src="js/main.js"></script>
<script>
// 设置年份
document.getElementById('current-year').textContent = new Date().getFullYear();
// 加载密钥数据
fetch('data/keys.json')
.then(response => response.json())
.then(data => {
const productList = document.getElementById('product-list');
data.forEach((product, index) => {
const availableKeys = product.keys.filter(key => key.activations > 0);
const totalKeys = product.keys.length;
const availableCount = availableKeys.length;
const section = document.createElement('div');
section.className = 'product-section';
section.innerHTML = `
<div class="product-header" onclick="toggleProduct(this)"
role="button"
aria-expanded="false"
aria-controls="product-content-${index}"
tabindex="0">
<div>
${product.product}
<span class="key-count">
(可用: <span class="available-count">${availableCount}</span>/总数: ${totalKeys})
</span>
</div>
<span class="toggle-icon" aria-hidden="true">▼</span>
</div>
<div class="product-content"
id="product-content-${index}"
role="region"
aria-labelledby="product-header-${index}">
<table class="keys-table">
<thead>
<tr>
<th>密钥</th>
<th>
可用次数
<button class="sort-btn" onclick="sortTable(this)" data-order="desc" aria-label="点击按可用次数排序">
<span class="sort-icon">↓</span>
</button>
</th>
<th>更新时间</th>
</tr>
</thead>
<tbody>
${product.keys.map(key => `
<tr>
<td>${key.key}</td>
<td class="${key.activations > 0 ? 'available' : 'unavailable'}">
${key.activations}
</td>
<td>${key.time}</td>
</tr>
`).join('')}
</tbody>
</table>
</div>
`;
productList.appendChild(section);
});
// 添加搜索功能
const searchInput = document.getElementById('searchInput');
searchInput.addEventListener('input', function() {
const searchTerm = this.value.toLowerCase();
const productSections = document.querySelectorAll('.product-section');
productSections.forEach(section => {
const productHeader = section.querySelector('.product-header');
const productTitle = productHeader.textContent.toLowerCase();
const rows = section.querySelectorAll('tbody tr');
let hasVisibleRows = false;
rows.forEach(row => {
const key = row.querySelector('td').textContent.toLowerCase();
const matchesSearch = productTitle.includes(searchTerm) ||
key.includes(searchTerm);
row.style.display = matchesSearch ? '' : 'none';
if (matchesSearch) {
hasVisibleRows = true;
}
});
section.style.display = hasVisibleRows ? '' : 'none';
if (searchTerm && hasVisibleRows) {
productHeader.classList.add('active');
section.querySelector('.product-content').classList.add('show');
}
});
});
});
</script>
</body>
</html>

104
tool.html Normal file
View File

@ -0,0 +1,104 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Microsoft 激活脚本 (MAS) - 激活工具</title>
<meta name="description" content="MSTOOL - 专业的Windows和Office激活工具，提供密钥检测、确认ID获取等多种实用功能。安全可靠，完全免费。">
<meta name="keywords" content="Windows激活,Office激活,密钥检测,确认ID获取,激活工具,MSTOOL">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="theme-color" content="#409EFF">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-page="tool">
<a href="#main-content" class="skip-link">跳转到主要内容</a>
<nav class="nav" role="navigation" aria-label="主导航">
<div class="container">
<div class="logo" style="text-align: center;">
MSTOOL
</div>
<div style="text-align: center;">
<ul>
<li><a href="index.html">检测<br>密钥</a></li>
<li><a href="cid.html">获取<br>ID</a></li>
<li><a href="show-keys.html">可用<br>密钥</a></li>
<li><a href="tool.html" class="active">激活<br>工具</a></li>
<li><a href="about.html">关<br>于</a></li>
<li><a href="build.html">搭建<br>教程</a></li>
</ul>
</div>
</div>
</nav>
<div class="container content" id="main-content">
<div class="card">
<div class="card-header">
Microsoft 激活脚本 (MAS)
<div style="font-size: 14px; color: #666; margin-top: 5px;">
开源、安全、可靠的 Windows 和 Office 激活解决方案
</div>
</div>
<div class="card-body">
<div class="tool-description" style="background: #f8f9fa; padding: 15px; border-radius: 5px; margin-bottom: 20px;">
<p style="margin: 0; line-height: 1.6;">
MAS 是一个开源的 Windows 和 Office 激活工具，提供 HWID、Ohook 等多种激活方式，并具备完善的故障排除功能。它安全可靠，无需担心病毒或恶意软件的风险。
</p>
</div>
<div class="tool-features" style="margin: 25px 0;">
<h3 style="color: #333; margin-bottom: 15px; font-size: 18px;">
<i style="margin-right: 8px;">✨</i>主要功能
</h3>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;">
<div class="feature-item">
<div style="font-weight: bold; margin-bottom: 8px;">Windows 激活</div>
<div style="color: #666; font-size: 14px;">支持各版本 Windows 系统激活</div>
</div>
<div class="feature-item">
<div style="font-weight: bold; margin-bottom: 8px;">Office 激活</div>
<div style="color: #666; font-size: 14px;">支持多个版本 Office 套件激活</div>
</div>
<div class="feature-item">
<div style="font-weight: bold; margin-bottom: 8px;">HWID 激活</div>
<div style="color: #666; font-size: 14px;">数字许可证永久激活方案</div>
</div>
<div class="feature-item">
<div style="font-weight: bold; margin-bottom: 8px;">故障排除</div>
<div style="color: #666; font-size: 14px;">提供全面的激活问题诊断修复</div>
</div>
</div>
</div>
<div class="download-section" style="text-align: center; margin-top: 30px; padding: 20px; background: #f8f9fa; border-radius: 5px;">
<h3 style="color: #333; margin-bottom: 15px; font-size: 18px;">
获取方式
</h3>
<p style="color: #666; margin-bottom: 20px;">
点击下方按钮，了解详细信息和下载方式
</p>
<a href="https://mp.weixin.qq.com/s/WAoQx7BUUPIfiOQQCicCqQ"
class="btn"
target="_blank"
style="display: inline-block; padding: 12px 30px; font-size: 16px; text-decoration: none; background: #007bff; color: #fff; border-radius: 5px; transition: background 0.3s;">
<i style="margin-right: 8px;">📥</i>查看详细信息
</a>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
© <span id="current-year"></span> MSTOOL | 公众号：<a href="javascript:void(0);">CTRLER</a>
</div>
</footer>
<script src="js/main.js"></script>
<script>
// 设置年份
document.getElementById('current-year').textContent = new Date().getFullYear();
</script>
</body>
</html>