diff --git a/src/Web/popup.css b/src/Web/popup.css
new file mode 100644
index 0000000..fed8e77
--- /dev/null
+++ b/src/Web/popup.css
@@ -0,0 +1,47 @@
+#popup-container {
+    position: fixed;
+    top: 0;
+    right: -100%;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.5);
+}
+
+#popup {
+    position: absolute;
+    top: 0;
+    right: 0;
+    height: 100%;
+    width: 20%;
+    min-width: 150px;
+    min-width: 200px;
+    background: white;
+    padding: 20px;
+}
+
+.hidden {
+    display: none;
+}
+
+#close-popup {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+}
+
+#dropdown {
+    margin: auto;
+    width: 80%; /* 让<select>元素宽度占满容器 */
+    margin-bottom: 10px; /* 添加一些底部间距 */
+}
+
+#buttons {
+    margin: auto;
+    width: 50%;
+    display: flex;
+    flex-direction: column; /* 设置按钮垂直排列 */
+}
+
+#buttons button {
+    margin: 10px 0; /* 添加按钮之间的垂直间距 */
+}
\ No newline at end of file