diff --git a/popup.html b/popup.html
new file mode 100644
index 0000000..b1d9a60
--- /dev/null
+++ b/popup.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <title>QuickPurge</title>
+    <link rel="stylesheet" href="popup.css">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+</head>
+
+<body>
+    <div class="header">
+        <h1>QuickPurge & AutoLogin</h1>
+        <button id="add-btn" class="icon-btn" title="添加新账号配置">
+            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M12 5v14m-7-7h14" />
+            </svg>
+        </button>
+    </div>
+
+    <div id="add-form" class="hidden">
+        <div class="form-group">
+            <select id="env-select">
+                <option value="PP">PP环境 (app135148)</option>
+                <option value="ATS">ATS环境 (app135149)</option>
+            </select>
+        </div>
+        <div class="form-group">
+            <input type="text" id="client-input" placeholder="客户名称 (例如: 某某测试)" autocomplete="off" />
+        </div>
+        <div class="form-group">
+            <input type="text" id="username-input" placeholder="账号" autocomplete="off" />
+        </div>
+        <div class="form-group">
+            <input type="password" id="password-input" placeholder="密码" autocomplete="new-password" />
+        </div>
+        <div class="form-actions">
+            <button id="cancel-btn" class="secondary-btn">取消</button>
+            <button id="save-btn" class="primary-btn">保存配置</button>
+        </div>
+    </div>
+
+    <div class="rules-container">
+        <ul id="rules-list">
+            <!-- Rules will be dynamically inserted here by JS -->
+        </ul>
+    </div>
+
+    <script src="popup.js"></script>
+</body>
+
+</html>
