diff --git a/static/css/custom.css b/static/css/custom.css
index f6bed23471d8c7d277b7df9492bef5b59bbd48c0..e42ba8cd5e31c7c1ab5bdebc0c76fd3d5df47cd6 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -36,4 +36,86 @@
     box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
 }
 
-/* 版本选择器 */
\ No newline at end of file
+/* 按钮相对于父容器定位 */
+.search_ctrl_btn {
+  position: absolute;
+  top: 50px;    /* 距离父容器顶部 50px */
+  right: 10px;  /* 距离父容器右侧 10px */
+}
+
+/* 版本选择器 */
+
+/* 搜索按钮基础样式 */
+#search_ctrl_btn {
+    position: fixed;
+    top: 50%;
+    transform: translateY(-50%);
+    right: 2em;
+    display: flex;
+    flex-direction: column;
+    z-index: 999;
+    user-select: none;
+    flex-wrap: nowrap;
+    align-content: flex-start;
+    justify-content: flex-end;
+    align-items: flex-start;
+}
+
+#search_ctrl_btn > div {
+    border-radius: 0.2em;
+    min-width: 5em;
+    min-height: 2.5em;
+    background-color: #fae94e;
+    margin: 0.2em;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    padding: 0.2em;
+    cursor: pointer;
+    box-shadow: 0 0 12px 0 rgb(0, 0, 0, 0.06);
+    transition: 0.4s;
+    color: #8b7000;
+}
+#search_ctrl_btn > div:hover {
+    box-shadow: 0 0 12px 0 rgb(0, 0, 0, 0.2);
+}
+#search_ctrl_btn > .previous .icon {
+    background-image: url("/doc/quecpython/static/image/search/up.svg");
+    -ms-transform: rotate(270deg);
+    -moz-transform: rotate(270deg);
+    -webkit-transform: rotate(270deg);
+    transform: rotate(270deg);
+    background-size: 2em;
+    background-repeat: no-repeat;
+    background-position: center;
+    min-height: 1.5em;
+    min-width: 1.5em;
+    height: 1.5em;
+    width: 1.5em;
+}
+#search_ctrl_btn > .next .icon {
+    background-image: url("/doc/quecpython/static/image/search/up.svg");
+    -ms-transform: rotate(90deg);
+    -moz-transform: rotate(90deg);
+    -webkit-transform: rotate(90deg);
+    transform: rotate(90deg);
+    background-size: 2em;
+    background-repeat: no-repeat;
+    background-position: center;
+    min-height: 1.5em;
+    min-width: 1.5em;
+    height: 1.5em;
+    width: 1.5em;
+}
+
+#remove_search > .icon {
+    background-image: url("/doc/quecpython/static/image/search/cancel.svg");
+    background-size: 2em;
+    background-repeat: no-repeat;
+    background-position: center;
+    min-height: 1.5em;
+    min-width: 1.5em;
+    height: 1.5em;
+    width: 1.5em;
+}
\ No newline at end of file