61 lines
1.9 KiB
HTML
61 lines
1.9 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>AI 增强助手</title>
|
|
<link rel="stylesheet" href="popup.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<!-- 头部 -->
|
|
<header class="header">
|
|
<div class="logo">🔑</div>
|
|
<h1 class="title">AI 增强助手</h1>
|
|
<div class="version">v1.2.0</div>
|
|
</header>
|
|
|
|
<!-- 状态显示 -->
|
|
<div class="status-section">
|
|
<div id="activation-status" class="status-card">
|
|
<div class="status-icon">⏳</div>
|
|
<div class="status-text">加载中...</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 已激活信息 -->
|
|
<div id="activated-info" class="activated-info" style="display: none;">
|
|
<div class="info-item">
|
|
<span class="info-label">状态:</span>
|
|
<span id="current-status" class="info-value success">已启用</span>
|
|
</div>
|
|
<div class="info-item">
|
|
<span class="info-label">使用限制:</span>
|
|
<span id="expiry-date" class="info-value">无限制</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 帮助信息 -->
|
|
<div class="help-section">
|
|
<details class="help-details">
|
|
<summary class="help-summary">使用说明</summary>
|
|
<div class="help-content">
|
|
<ol>
|
|
<li>访问支持的AI网站</li>
|
|
<li>扩展会自动启用增强功能</li>
|
|
</ol>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
|
|
<!-- 底部 -->
|
|
<footer class="footer">
|
|
<div class="footer-text">
|
|
Chrome Extension v1.2.0
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html> |